@charset "utf-8"; /* CSS Document public*/ *{font-family:Arial, Helvetica,"Microsoft Yahei", sans-serif; padding: 0; margin:0; box-sizing:border-box; overflow-scrolling:touch; -webkit-overflow-scrolling:touch;} body{padding:0;margin:0;font-family:Arial,"Microsoft Yahei",Helvetica, sans-serif;-webkit-font-smoothing:antialiased;font-smoothing:antialiased; line-height: 1; font-size:14px;overflow-x: hidden;} html,body{ min-height:100%; } html{ overflow:-moz-scrollbars-vertical;} ::-webkit-scrollbar {width:4px;height: 8px;background-color: #F5F5F5;} ::-webkit-scrollbar-track {border-radius: 10px;background-color: #E2E2E2;} ::-webkit-scrollbar-thumb {border-radius: 10px; background-color: #333;} .clearfix:after{/*伪元素是行内元素 正常浏览器清除浮动方法*/ content: ""; display: block; height: 0; clear:both; visibility: hidden;} .clearfix{*zoom: 1;/*ie6清除浮动的方式 *号只有IE6-IE7执行，其他浏览器不执行*/} input,button,textarea {background: none; outline: none;border: none;-webkit-appearance:none; border-radius:0} input:focus {border: none;} .img_zd{ position:relative; width:100%} .img_zd .img_hezi{padding-bottom: 67.80% !important;} .img_zd>img{position:absolute;top:0;right:0;bottom:0;left:0;object-fit:cover;height: 100%;width: 100%;} a{ color:inherit} a{text-decoration:none;bblr:expression(this.onFocus=this.blur());/*IE使用*/outline-style:none;/*FF使用*/; outline:none;} a,input,img,:focus{ mayfish:expression(this.onfocus=this.blur); cursor:handbblr:expression(this.onFocus=this.blur());/*IE使用*/ outline-style:none;/*FF使用*/ } /*去除a标签带来的虚框*/ ul{list-style:none;} img{border:0px} ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,p{padding:0;margin:0; font-weight:normal;} h3,h4,h5{ font-weight:normal;} h4 a:hover,h5 a:hover{ -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;} hr{display:block;height:1px;border:0;background:#d8d8d8;padding:0;margin-bottom: 3.25rem;margin-top: 2.5rem;} abbr,article,aside,audio,canvas,datalist,details,dialog,eventsource,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video{display:block} video{ object-fit:cover} .fl{ float:left} .fr{ float:right} .clear{clear:both;height:0px;font-size:1px;line-height:0px} .container01,.container01 ,.container03,.container04,.container05,.container06,.container07,.container08,.n-container01,.n-container03,.n-container04{ margin:0 auto;} .slow img:hover{ transform:scale(1.05);}/*图片放大*/ .slow img{-moz-transition: all 0.9s ease-in-out;-webkit-transition: all 0.9s ease-in-out;-o-transition: all 0.9s ease-in-out;-ms-transition: all 0.9s ease-in-out;transition: all 0.9s ease-in-out;}/*缓慢效果*/ h5 a,.more a{-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}/*缓慢效果*/ slow01{-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}/*缓慢效果*/ .slow02{-moz-transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-o-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-ms-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;} .shadow{ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=90, Color='#999999')"; /* For IE 8 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=90, Color='#999999'); /* For IE 5.5 - 7 */-moz-box-shadow: 1px 1px 10px #999999;/* for firefox */ -webkit-box-shadow: 1px 1px 10px #999999;/* for safari or chrome */ box-shadow:1px 1px 10px #999999;/* for opera or ie9 */} .radius{-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } .opacity{filter:alpha(opacity=100); opacity:1; -moz-opacity:1; -khtml-opacity:1}/*透明代码*/ .overfloat-dot{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}/*文本超出 小圆点显示*/ .overfloat-dot-2{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .overfloat-dot-3{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;} .overfloat-dot-6{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical;} .gray { -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:grayscale(100%); filter:gray; filter:alpha(opacity=60); opacity:0.6; -moz-opacity:0.6; -khtml-opacity:0.6;} /*transform:rotateY(180deg); -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg); transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);*/ /*180度旋转*/ /*oncontextmenu="return false" ondragstart="return false" onselectstart="return false"*/ /*filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7F000000', endColorstr='#7F000000');background:rgba(0,0,0,0.5);*/ /*透明背景*/ .a_body{ position:relative;} ::-webkit-scrollbar {width:5px;height:5px; background:#f1f1f1} ::-webkit-scrollbar-track {border-radius:0; background:#f1f1f1} ::-webkit-scrollbar-thumb {border-radius:0; background:#333333} input::-webkit-input-placeholder{ color:#999;} input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#999; } input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#999;} input:-ms-input-placeholder{ /* Internet Explorer 10-11 */ color:#999;} textarea::-webkit-input-placeholder{ color:#999;} textarea::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#999;} textarea:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#999;} textarea:-ms-input-placeholder{ /* Internet Explorer 10-11 */ color:#999;} .w100{width:100%} .w1280{width:1280px;margin:0 auto} .fanhui{position:fixed;right:30px;bottom: 75px;width:48px;height:48px;border-radius:50%;} h5 a{ display:inline-block; width:100%; overflow:hidden;text-overflow:ellipsis;white-space:nowrap} ul li:hover h5 a{ color:#ff0000} .more a{ -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;} .table{ display:table; table-layout: fixed; text-align:center; width:100%; height:100%} .table_cell{ display:table-cell; vertical-align:middle} img{ vertical-align:middle} /*内容样式*/ .ar_article{font-size: 14px;color: #333;line-height:28px; margin-bottom:28px;} .ar_article p{font-size: 16px !important;color: #333;line-height:28px; margin-bottom:15px !important;} .ar_article img{ max-width:100%;} .ar_article img{display:inline-block;height:auto !important;} /*百度播放器美化*/ #playercontainer_display_button,#video1_display_button,#video2_display_button{ background:none !important; height:40px; width:40px !important; border:2px solid #fff; border-radius:50%; padding:0 !important;} #playercontainer_display_button #playercontainer_display_button_play,#video1_display_button #video1_display_button_play,#video2_display_button #video2_display_button_play{background-size: 25px;} #playercontainer_display_button,#video1_display_button,#video2_display_button{ height:40px !important; margin-top: -20px !important;} #playercontainer_display .cbpreview,#video1_display .cbpreview,#video2_display .cbpreview{ opacity: .75 !important;} /* Slider */ .miso-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; z-index:0} .miso-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .miso-list:focus { outline: none; } .miso-loading .miso-list { background: #fff; } .miso-list.dragging { cursor: pointer; cursor: hand; } .miso-slider .miso-list, .miso-track, .miso-slide, .miso-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .miso-track { position: relative; left: 0; top: 0; display: block; zoom: 1; } .miso-track:before, .miso-track:after { content: ""; display: table; } .miso-track:after { clear: both; } .miso-loading .miso-track { visibility: hidden; } .miso-slide { float: left; height: 100%; min-height: 1px; } .miso-slide img { display: block; } .miso-slide.miso-loading img { display: none; } .miso-slide.dragging img { pointer-events: none; } .miso-initialized .miso-slide { display: block; } .miso-loading .miso-slide { visibility: hidden; } .miso-vertical .miso-slide { display: block; height: auto; border: 1px solid transparent; } /* Arrows */ .miso-prev, .miso-next {position: absolute;display: block;height: 20px;width: 20px;line-height: 0;font-size: 0;cursor: pointer;background: transparent;color: transparent;padding: 0;border: none;outline: none;top: 50%; z-index:1} .miso-prev{ left:0} .miso-next{ right:0} /* Dots */ .miso-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; } .miso-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; } .miso-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer;} .miso-dots li button:focus { outline: none; } .miso-dots li.miso-active a { transform:rotateY(180deg); -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg);} #gotop{ position:fixed; z-index:90; bottom:80px; right:30px; box-sizing:border-box; text-align:center; cursor:pointer; -moz-transition:all .5s; -webkit-transition:all .5s; width:45px; height:45px;} #gotop { cursor: pointer; } #gotop svg{width:100%;height:100%;fill: #ad1614;} @font-face{ font-family:myFirstFont; } @media (max-width:1920px){html{font-size:16px;}} @media (min-width:1400px) and (max-width:1600px){html{font-size:15px;}} @media (min-width:640px) and (max-width:1399px){html{font-size:14px;}} @media (min-width:471px) and (max-width:639px){html{font-size:13px;}} @media (min-width:329px) and (max-width:470px){html{font-size:12px;}} @media (max-width:328px){html{font-size:12px;}} /*==========================================公共 开始=============================================*/ .ar_wap{ display:none} .a_body{ position:relative; z-index:0;} .section{ overflow:hidden;} .w1200{max-width: 1300px;margin:0 auto;} .w1600{max-width: 1600px;margin:0 auto;position: relative;} .header_top{height:40px;line-height:40px;background: #fff;font-size:12px;color: #333333;text-align:right;} .header_top .xinxiang svg{ fill:#fff; width:14px; height:14px; vertical-align:middle; margin:-3px 6px 0 0} .header_top ul li{float:left;margin:0 4px;transition: .36s;} header{background: #910600;position: relative;overflow: hidden;border-bottom: #99524f 1px solid;} header .logo{line-height: 130px;height: 130px;} header .right{padding: 50px 0 0;} header .right .zhuye{display:inline-block;line-height:32px;margin-right: 0.875rem;font-size: 0.875rem;color: #fff;} header .right .sousuo{float: right;display:inline-block;} header .right .sousuo img{} .search{float:right;overflow:hidden;z-index: 1000;border:transparent 1px solid;border-radius: 16px;} .search input{float:left;} .test{width:0;height: 32px;padding:0;border: none;color: #fff;background:none;outline:none;font-size: 14px;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;} .sousuo .btn{width: 40px;height: 32px;border:none;position: absolute;right: 3px;font-size: 14px;color: #fff;background: url(../images/sousuo.png) center no-repeat;cursor: pointer;top: 0px;} .sousuo .test{width: 200px;padding: 1px 50px 1px 20px;} .sousuo .search{position: relative;margin: 0 0 0 15px;margin-left: 0;border: rgba(255,255,255,0.6) 1px solid;} #nav{height: 66px;position: relative;z-index: 10000;width: 100%;} .navBox ul {font-size: 0;margin: 0;} .nav li {width:11%;text-align: center;position: relative;display: inline-block;vertical-align: top;} .nav a {display: block;position: relative;padding: 0;line-height: 66px;font-size: 1.125rem;perspective: 300px;transform-style: preserve-3d;z-index: 10;} .nav a .bg {position: absolute;width: 100%;display: block;height: 100%;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;-webkit-transform: rotateX(50deg);transform: rotateX(50deg);z-index: -1;transform-origin: center bottom 0;-webkit-transform-origin: center bottom 0;left: 0;opacity: 0;bottom: 0;visibility: hidden;background: #9a302b;} .nav a .txt img{margin:-4px 10px 0 0;vertical-align: middle;} .nav a .txt img.img02{ display:none} .nav a .txt {position: relative;z-index: 2;color: #fff;display: inline-block;line-height: 66px;border-radius: 0;vertical-align: top;transition: 0.36s;} .nav .active a .bg,.nav .on a .bg {transform: none;opacity: 1;visibility: visible;bottom: 0;} .nav .active a .txt,.nav .on a .txt {color: #fff;} .navBox .arrow { position: absolute; left: 0px; top: 75px; height: 4px; display: block; background-color: #4e66f7; } .subNavbox a:link, .subNavbox a:visited {color: #333;} .subNavbox a:active, .subNavbox a:hover {color: #fff;background: #7f2723;} .subNavbox {position: absolute;left:0;top: 66px;width:100%;background-color: #ffffff;box-shadow: 1px 2px 5px 0 rgba(88, 88, 88, 0.2);display: none;text-align: center;padding: 0;z-index: 0;border-radius: 0;overflow: hidden;} .subNavbox p {line-height: 1.2;} .subNavbox p a {line-height: 0;height: auto;padding: 28px 5px;font-size: 16px;transition: 0.36s;} .nav a:hover .txt img.img01{ display:none} .nav a:hover .txt img.img02{ display:inline-block} .nav li+li+li+li+li+li+li+li+li+li .subNavbox{left: -93px;top: 66px;width: 305px;} .nav li+li+li+li+li+li+li+li+li+li+li .subNavbox{left: -3px;width: 125px;} body.xg #nav{position:fixed;top:0;background: rgba(38,161,192,.94);box-shadow: 0 0 2px rgba(0,0,0,0.15);} /*导航按钮开始*/ #nav_btn_box{ height:100%; z-index:999999999; float:right; margin-left:20px; } #nav_btn_box.on{ background:none; } #nav_btn{} #nav_btn .point.on .navbtn::after, #nav_btn .point.on .navbtn::before{ background:#fff;} #nav_btn{cursor: pointer;text-align: center;z-index:99999;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;outline:none;box-shadow:none;} #nav_btn .point{display: inline-block;width: 1.875rem;height: 22px; position: relative; outline:none;} #nav_btn .point:hover .navbtn, #nav_btn .point:hover .navbtn::after, #nav_btn .point:hover .navbtn::before{width: 1.75rem;} #nav_btn .navbtn{position: absolute;top: 12px;left: 0;display: inline-block;width: 21px;height: 1px;-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #fff;} #nav_btn .navbtn::after, #nav_btn .navbtn::before{position: absolute;left: 0;display: inline-block;width: 1.75rem;height: 1px;content: '';-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #fff;} #nav_btn .navbtn::after{top: -8px;} #nav_btn .navbtn::before{top: 8px;} #nav_btn .point.on .navbtn{background: transparent;} #nav_btn .point.on .navbtn::after{-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);top: 0px;} #nav_btn .point.on .navbtn::before{-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);top: 0px;} #m_header #logo .table, #nav_btn_box .table{ width:auto} /*手机头部开始*/ #m_header{position: relative;z-index: 99;width:100%;height: 60px;left:0;top:0;padding: 0px 15px;border: none;} #m_header #logo{height: 60px;float: left;} #m_header #logo img{max-height:60%;max-height: 40px;} #m_header .yuyan{ height:4.5rem; float:right; margin-right:4rem;} #m_header .yuyan span{ display:block; width:24px; height:24px; line-height:24px; color:#fff; font-size:.9rem; text-align:center; margin-left:17px; background:rgba(255,255,255,.3);} .wap_search{ width:80%; margin:0 auto;} .wap_search .header-search{ position:relative;} .wap_search .focus_js{width: 80%;height:3.8rem; line-height:3.8rem; border:0;padding:0 1rem; font-size:1rem; color:#999;box-shadow:none;-webkit-appearance: none;float: left;border-right: 0;} .wap_search .btn_blue{width: 20%;height:3.8rem; background:#00a0e9; background-size:20px; font-size:0;color:#fff;cursor:pointer;text-transform:uppercase;float: left;} /*顶部搜索*/ .tc_search{margin: 0 1.3rem;width: calc(100% - 2.6rem);} .tc_search .header-search{height:40px;border-radius:20px;border:1px solid #e5e5e5;position:relative;width:100%;margin-bottom: 1rem;} .tc_search .focus_js{font-size:.875rem;color:#fff;height:38px;line-height:38px;padding:0 1rem;box-shadow:none;-webkit-appearance: none;border-right: 0;background:none;width: 100%;} .tc_search .btn_blue{ position:absolute; top:0; right:0; width: 40px;height:38px; line-height:38px; border:0; background:url(../images/search_white.svg) center center no-repeat; background-size:1.2rem; } .tc_search .btn_blue.fr{ background:#e9edef; color:#4e4f53;} .tc_search input::-webkit-input-placeholder{ color:#fff; color: rgba(255,255,255,.7); } .tc_search input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#fff; color: rgba(255,255,255,.7); } .tc_search input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */c color:#fff; color: rgba(255,255,255,.7); } .tc_search input:-ms-input-placeholder{ /* Internet Explorer 10-11 */ color:#fff; color: rgba(255,255,255,.7); }/* WebKit browsers */ .tc_search input:focus::-webkit-input-placeholder {color: transparent;/* transparent是全透明黑色(black)的速记法，即一个类似rgba(0,0,0,0)这样的值 */}/* Mozilla Firefox 4 to 18 */ .tc_search input:focus:-moz-placeholder {color: transparent;}/* Mozilla Firefox 19+ */ .tc_search input:focus::-moz-placeholder {color: transparent;}/* Internet Explorer 10+ */ .tc_search input:focus:-ms-input-placeholder {color: transparent;}/* 点击搜索框获取焦点 placeholder消失-结束 */ /*导航按钮结束*/ .m_nav_list{flex-direction:column; justify-content: flex-start; width:100%; overflow: auto;} .m_nav_list::-webkit-scrollbar {display:none} #m_nav { z-index: 99999; position: fixed; background: #a3120b; width:17rem; height:100vh; right: -400px; top: 0; display:none; padding: 2rem 0; overflow:hidden; pointer-events: none; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; } #m_nav.act{ pointer-events: auto; right:0;} #m_nav>ul>li{ width:100%; overflow:hidden; padding:0 2.3rem; } #m_nav>ul>li+li{ border-top:1px solid rgba(255, 255, 255, 0.1);} #m_nav li .a{ display:inline-block; width:calc(100% - 30px)} #m_nav li .a h3{line-height: 4rem;height: 4rem;color:#fff;padding:0;font-size:1.125rem;float:left;} #m_nav li .a span{ display:block; position:absolute; top:0; right:10px; width: 20px; height: 50px; text-align:center;} #m_nav li .a span i{ font-size:0;} #m_nav li i{opacity:1;filter:alpha(opacity=100);display:inline-block;width:10px;height: 4rem;float:right;display:inline-block;background: url(../fonts/arrow_down.svg) center no-repeat;background-size:contain;} #m_nav li.on.title .a i{ transform:rotate(-90deg);-webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg);} #m_nav .on.title .a i{ transform:rotate(-90deg);-webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg);} #m_nav li{display:block;width:100%;} .slide_nav{ position: absolute; left:0; height: 70px; z-index: 998; padding:15px; top:0; width: 100%; } #m_nav .title .list{display:none;position:relative;width:100%;z-index:9;left:0;margin-left:0;background:none;border:0;clear: both;padding-bottom:10px;} #m_nav .title .list span{ background:none; } #m_nav .title .list span a:hover{ color: #014085;} #m_nav .title .list a{display:block;font-size:1rem;color: #fff;text-align:left;line-height:40px;height: 40px;border:0;font-weight:300;} /*三级导航 开始*/ #m_nav .title .list .void>a{background-size:10px; position:relative;} #m_nav .title .list .void>a:before{ content:"·"; position:absolute; left:-1em; font-size:12px; font-weight:bold;} #m_nav .title .list span{ position:relative; display:block;} #m_nav .title .list span .sub{ position: static; width:100%;display: block !important; overflow:hidden;} #m_nav .title .sub a{ background:none; font-size:.875rem; opacity:.8; min-width:50%; float:left; display:inline-block; color:#999;} .nav_mask { position: fixed; top: 0; left: 0;width: 100%;height: 100%;z-index: 888;background-color: rgba(0,0,0,0.4);display: none;} .m_header_box{display:none;height: 60px;} .header_box{position: relative;z-index: 10;background:#910600;} /*#banner{width: 100%;overflow: hidden;z-index: 0;background:#252525;position:relative;} #banner .miso-slide{display: block;height:100%;overflow: hidden;text-align:center;background:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;} #banner .miso-slide img{display: block;width:100%;height: calc(100vh - 197px);object-fit: cover;} #banner .miso-prev, #banner .miso-next{width:38px;height:38px;z-index: 10000;margin-top: -19px;} #banner .miso-prev{left:5px;background:url(../images/banner_prev.png) center center no-repeat;transition:0.36s;} #banner .miso-next{right:5px;background:url(../images/banner_next.png) center center no-repeat;transition:0.36s;} #banner .miso-dots{bottom: 1.5rem;display: inline-block !important;width: auto;left: 50%;transform: translateX(-50%);} #banner .miso-dots li{width:12px;height:12px; background:url(../images/miso-dots.png) center no-repeat; background-size:100% 100%} #banner .miso-dots li.miso-active{ background:url(../images/miso-dots_on.png) center no-repeat}*/ .banner-box{ position: relative; z-index:1} .banner .item{/* float: left; *//* opacity: 1 !important; */overflow: hidden;} .banner .item figure{ display: block; line-height: 1; overflow: hidden;} .banner .item figure img{display: block;position: relative;width: 100%;height: calc(100vh - 197px);object-fit: cover;} .btext{ position: absolute; left: 50%; margin-left: -600px; top: 50%; margin-top: -90px;} .btextwr{ opacity: 0; visibility: hidden; transform: translateX(-80px); -webkit-transform: translateX(-80px); -moz-transform: translateX(-80px);} .btext strong{ display: inline-block; padding: 0 18px; height: 32px; line-height: 32px; color: #ffffff; font-size: 16px; background: #053f6a; font-weight: normal; margin-bottom: 16px;} .btext small{ display: block; color: #053f6a; font-size: 48px; font-weight: bold; font-family: "Square 721 Bold Condensed BT"; line-height: 1; margin-top: 12px; margin-bottom: 24px;} .btext span{ display: block; line-height: 1; color: #053f6a; font-size: 48px; font-weight: bold;} .btext b{ display: block; width: 42px; height: 42px; border-radius: 50%; border: 3px solid #053f6a; position: relative; margin-top: 36px;} .btext b:before{ content: ""; width: 9px; height: 14px; position: absolute; left: 16px; top: 50%; margin-top: -7px; } .banner .miso-list{ position: relative; z-index: 3;} .banner .item.miso-current .btextwr{ opacity:1; visibility:visible; transform:skew(0deg) translateX(0); transition:0.6s 0.3s;} .banner .item.miso-current{ z-index: 4 !important; animation: none; -webkit-animation: none; -moz-animation: none; -o-animation: none;} .banner .item.miso-current figure{ -webkit-animation: increaseHeight 0.8s forwards ease-in-out; animation: increaseHeight 0.8s forwards ease-in-out; -moz-animation: increaseHeight 0.8s forwards ease-in-out; -o-animation: increaseHeight 0.8s forwards ease-in-out;} .banner .item{ -webkit-animation: hide 0.8s forwards ease-in-out; animation: hide 0.8s forwards ease-in-out; -moz-animation: hide 0.8s forwards ease-in-out; -o-animation: hide 0.8s forwards ease-in-out; z-index: 3 !important;} .banner .item figure{ animation: none; -webkit-animation: none; -moz-animation: none; -o-animation: none;} .banner .miso-list { overflow: hidden; width: 100%; height: 100%; } .banner .miso-track { position: relative; left: 0; top: 0; display: block; zoom: 1; } .banner .miso-track:before, .miso-track:after { content: ""; display: table; } .banner .miso-track:after { clear: both;} @-webkit-keyframes decreaseHeight { from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */ to { width: 0; } } @keyframes decreaseHeight { from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */ to { width: 0; } } @-webkit-keyframes show { 0% { opacity: 0; } 1%,100% { opacity: 1; } } @keyframes show { 0% { opacity: 0; } 1%,100% { opacity: 1; } } @-webkit-keyframes hide { 0%,99% { opacity: 1; } 100% { opacity: 0; } } @keyframes hide { 0%,99% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes increaseHeight { from { width: 0; } to { width: 100%; } } @keyframes increaseHeight { from { width: 0; } to { width: 100%; } } #banner .miso-prev, #banner .miso-next{width:38px;height:38px;z-index: 10000;margin-top: -19px;} #banner .miso-prev{left:5px;background:url(../images/banner_prev.png) center center no-repeat;transition:0.36s;} #banner .miso-next{right:5px;background:url(../images/banner_next.png) center center no-repeat;transition:0.36s;} #banner .miso-dots{bottom: 1.5rem;z-index: 10;} #banner .miso-dots li{width:12px;height:12px; background:url(../images/miso-dots.png) center no-repeat; background-size:100% 100%} #banner .miso-dots li.miso-active{ background:url(../images/miso-dots_on.png) center no-repeat} .container01{background:url(../images/container01_bg.jpg) center no-repeat;background-size:cover;overflow: hidden;} .container01 .w1600{ position:relative;} .zhuangdian1{ width:19px; height:147px; position:absolute; top:0; right:0} .zhuangdian1{ background:url(../images/zhuangdian1.png) center no-repeat;} .container01 .content{ padding:6.625rem 0 4.375rem;} .title001{ width:7.5rem; height:31.25rem; border-left:#a3120b 1px solid} .title001 .tit{padding: 0 2.875rem;} .title001 .tit .tit_li{ margin:0.5rem 0; padding:1.5rem 0;font-size:1.5rem; color:#b5201f; line-height: 1.625rem; position:relative} .title001 .tit .tit_li{ width:100% !important; cursor:pointer} .title001 .tit .tit_li:before{ content:""; position:absolute; background:url(../images/tit_li.png) center no-repeat; width:100%; left:0; height:11px; top:0; transition:.6s} .title001 .tit .tit_li:after{ content:""; position:absolute; background:url(../images/tit_li.png) center no-repeat; width:100%; left:0; height:11px; bottom:0; transition:.6s} .title001 .tit .tit_li.miso-slide{ color:#666666;} .title001 .tit .tit_li.miso-slide{ width:100% !important; cursor:pointer} .title001 .tit .tit_li.miso-slide:before{ content:""; position:absolute; background:url(../images/tit_li_1.png) center no-repeat; width:100%; left:0; height:11px; top:0; transition:.6s} .title001 .tit .tit_li.miso-slide:after{ content:""; position:absolute; background:url(../images/tit_li_1.png) center no-repeat; width:100%; left:0; height:11px; bottom:0; transition:.6s} .title001 .tit .tit_li.miso-slide.miso-current:before{ background:url(../images/tit_li.png) center no-repeat;} .title001 .tit .tit_li.miso-slide.miso-current:after{ background:url(../images/tit_li.png) center no-repeat;} .title001 .tit .tit_li.miso-slide.miso-current{ color:#a3120b} .right_box1{ width:calc(100% - 7.5rem)} .container01 .right .miso-list{ padding:25px 0; margin:-25px 0} .container01 .right ul{ margin:0 -0.625rem; padding-bottom:3.25rem} .container01 .right ul li{ float:left; width:33.333333%; padding:0 0.625rem} .container01 .right ul li a{ display:block; transition:.6s; padding:0.625rem; background:#fff} .container01 .right ul li a .img{ padding-bottom:55.55%; width:100%; position:relative; overflow:hidden} .container01 .right ul li a .img img{ position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; object-fit:cover} .container01 .right ul li a .con{padding: 1.5rem 1.375rem 3rem;} .container01 .right ul li a .con .time{height:2.125rem;position:relative;margin-bottom: 1.5rem;} .container01 .right ul li a .con .time:before{content:"";width:1px;top:0;height:100%;left:3.25rem;background:#a3120b;position: absolute;} .container01 .right ul li a .con .time big{ display:inline-block; width:4.375rem; font-size:1.875rem; color:#a3120b; vertical-align:top} .container01 .right ul li a .con .time small{display:inline-block;font-size:12px;color:#a3120b;vertical-align: bottom;padding: 1.375rem 0 0;} .container01 .right ul li a .con h5{ font-size:16px; line-height:1.625rem; height:3.25rem; color:#000000; margin-bottom:1.25rem; transition:.36s} .container01 .right ul li a .con p{ font-size:12px; color:#999999; line-height:22px; height:66px;} .container01 .right ul .miso-dots{ margin:0; padding:0; bottom:0; text-align:center} .container01 .right ul .miso-dots li{ width:0.9375rem; height:5px; background:#969696; border-radius:2.5px; float:none; padding:0; margin:0 0.25rem; transition:.6s} .container01 .right ul .miso-dots li.miso-active{ width:1.75rem; background:#a3120b} .container02{background:url(../images/container02_bg.jpg) center no-repeat; background-size:cover; background-attachment:fixed; overflow: hidden;} .zhuangdian2{ width:19px; height:147px; position:absolute; top:0; left:0} .zhuangdian2{ background:url(../images/zhuangdian2.png) center no-repeat;} .container02 .content{ padding:5.75rem 0 4.375rem} .container02 .title001{ width:7.5rem; height:18.75rem; border:none; border-right:#fff 1px solid; margin:4.375rem 0 0} .container02 .title001 .tit .tit_li{ color:#fff} .container02 .title001 .tit .tit_li:before{ background:url(../images/tit_li_2.png) center no-repeat;} .container02 .title001 .tit .tit_li:after{ background:url(../images/tit_li_2.png) center no-repeat;} .container02 .right{ padding-right:2rem} .container02 .right ul{ margin:0 -1.25rem;} .container02 .right ul li{ float:left; width:50%; padding:0 1.25rem; margin-bottom:1.25rem} .container02 .right ul li a{ display:block; transition:.6s} .container02 .right ul li .time{ width:7.5rem; padding:3rem 0 0.25rem; text-align:right; position:relative} .container02 .right ul li .time h3{font-size:3.75rem;color:#fff;text-align: left;padding-left: 1.25rem;margin-bottom: 0.75rem;} .container02 .right ul li .time .time_li{ text-align:center; display:inline-block} .container02 .right ul li .time .time_li h6{ font-size:1rem; line-height:1.375rem; font-family:simsun; color:#fff} .container02 .right ul li .time:before{content:"";position:absolute;width:11px;height:11px;background:#fff;border-radius:50%;top: 0;left: 3.5rem;margin-left: -5.5px;} .container02 .right ul li .time:after{content:"";position:absolute;width:1px;height:36px;background:#fff;border-radius:50%;bottom: 0;left: 3.5rem;margin-left: -0.5px;} .container02 .right ul li .con{ width:calc(100% - 7.5rem); padding:3rem 0 1.5rem 3.25rem; position:relative} .container02 .right ul li .con h5{ font-size:16px; line-height:1.625rem; height:3.25rem; margin-bottom:1.25rem; transition:.36s; color:#fff} .container02 .right ul li .con p{ font-size:12px; color:#c8afae; line-height:22px; height:66px;} .container02 .right ul li .con:before{ content:""; position:absolute; bottom:0; width:9.75rem; height:1px; opacity:0.2; background:#fff} .container02 .right ul li .con:after{ content:""; position:absolute; bottom:0; width:0; height:1px; background:#fff; transition:.6S} .container03{background:url(../images/container03_bg.jpg) center no-repeat;background-size:cover;overflow: hidden;} .container03 .content{ padding:6.625rem 0 4.375rem;} .container03 .content .box{ padding:0.625rem 0 6.25rem; position:relative} .container03 .content .box .miso-list{ overflow:visible} .container03 .content .box:before{ content:""; position:absolute; width:70%; right:0; bottom:0; top:6.25rem; background:#fff} .container03 .content ul li .img1{ width:calc(100% - 22.125rem); position:relative} .container03 .content ul li .img1:before{ content:""; position:absolute; width:6.875rem; height:5rem; background:#8c110b; top:-0.625rem; right:-0.625rem} .container03 .content ul li .img{ width:100%; overflow:hidden; padding-bottom:60.58%; position:relative} .container03 .content ul li .img img{ position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; object-fit:cover} .container03 .content ul li .con{ width:22.125rem; padding:10rem 2.375rem 0} .container03 .content ul li .con h5{ font-size:16px; color:#000000; line-height:26px; height:52px;} .container03 .content ul li .con dl{ margin:1.75rem 0; position:relative} .container03 .content ul li .con dl:before{ content:""; position:absolute; top:0.5rem; bottom:0.5rem; left:0; width:1px; background:#b2b2b2} .container03 .content ul li .con dl dd{overflow:hidden;line-height: 1.5rem;font-size: 12px;margin-bottom: .25rem;} .container03 .content ul li .con dl dd span{float:left;width:2.5rem;padding-left:1rem;} .container03 .content ul li .con dl dd span img{margin: 0.25rem 0;} .container03 .content ul li .con dl dd font{ float:left; width:calc(100% - 2.5rem);} .container03 .content ul li .con p{ font-size:12px; line-height:22px; height:132px; color:#000000; opacity:.6} .container03 .content ul .miso-dots{ margin:0; padding:0; bottom:-3rem; text-align:center; height:5px;} .container03 .content ul .miso-dots li{ width:0.9375rem; height:5px; background:#969696; border-radius:2.5px; float:none; padding:0; margin:0 0.25rem; transition:.6s} .container03 .content ul .miso-dots li.miso-active{ width:1.75rem; background:#a3120b} .container04{background:url(../images/container04_bg.jpg) center repeat; background-attachment:fixed; overflow: hidden;} .container04 .content{ padding:5.75rem 0 4.375rem} .container04 .title001{ width:7.5rem; height:18.75rem; border:none; border-right:#fff 1px solid; margin:4.375rem 0 0} .container04 .title001 .tit .tit_li{ color:#fff} .container04 .title001 .tit .tit_li:before{ background:url(../images/tit_li_2.png) center no-repeat;} .container04 .title001 .tit .tit_li:after{ background:url(../images/tit_li_2.png) center no-repeat;} .container04 .right .left_box{ width:66.69%} .container04 .right .left_box ul{ margin:0 -7.5px;} .container04 .right .left_box ul li{ float:left; width:50%; padding:0 7.5px; margin-bottom:2%} .container04 .right .left_box ul li .img{ padding-bottom:67.53%; width:100%; position:relative; overflow:hidden} .container04 .right .left_box ul li .img:after{content:"";position:absolute;bottom:0;left:0;right:0;background:url(../images/yinying_bg.png) center bottom no-repeat;height:114px;z-index:1;background-size: 100% 100%;} .container04 .right .left_box ul li .img img{ position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; object-fit:cover} .container04 .right .left_box ul li .img .top{ position:absolute; bottom:0; left:0; width:100%; padding:0 2rem 1.25rem; z-index:2; transition:.6s} .container04 .right .left_box ul li .img .top span{ display:inline-block; width:90px; height:28px; line-height:28px; background:#a3120b; text-align:center; font-size:0.875rem; color:#fff} .container04 .right .left_box ul li .img .top h5{ font-size:1rem; color:#fff; margin-top:1rem} .container04 .right .left_box ul li:nth-child(1){ width:100%} .container04 .right .left_box ul li:nth-child(1) .img{ padding-bottom:48.41%;} .container04 .right .right_box{ width:31.86%} .container04 .right .right_box ul{ margin:0 -7.5px;} .container04 .right .right_box ul li{ float:left; width:100%; padding:0 7.5px; margin-bottom:4%} .container04 .right .right_box ul li .img{ padding-bottom:50.67%; width:100%; position:relative; overflow:hidden} .container04 .right .right_box ul li .img:after{content:"";position:absolute;bottom:0;left:0;right:0;background:url(../images/yinying_bg.png) center bottom no-repeat;height:114px;z-index:1;background-size: 100% 100%;} .container04 .right .right_box ul li .img img{ position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; object-fit:cover} .container04 .right .right_box ul li:nth-child(2){ width:100%} .container04 .right .right_box ul li:nth-child(2) .img{ padding-bottom:120%;} .container04 .right .right_box ul li .img .top{ position:absolute; bottom:0; left:0; width:100%; padding:0 2rem 1.25rem; z-index:2; transition:.6s} .container04 .right .right_box ul li .img .top span{ display:inline-block; width:90px; height:28px; line-height:28px; background:#a3120b; text-align:center; font-size:0.875rem; color:#fff} .container04 .right .right_box ul li .img .top h5{ font-size:1rem; color:#fff; margin-top:1rem} .container05{ background:url(../images/container05_bg.jpg) center no-repeat;background-size:cover;overflow: hidden;} .container05 .content{ padding:5.75rem 0 4.375rem} .container05 .right_box1 .box_con{ margin:0 -0.5rem;} .container05 .right_box1 .box_con .box_li{ float:left; width:50%; padding:0 0.5rem} .container05 .right_box1 .box_con .box_li .box{ background:#fff; border-bottom:#a66c69 4px solid} .container05 .right_box1 .box_con .box_li .box .top{ height:246px; border-bottom:#ededed 1px solid} .container05 .right_box1 .box_con .box_li .box .top .left_con{ width:150px; border-right:#ededed 1px solid; height:100%; text-align:center; padding:2.5rem 0 0} .container05 .right_box1 .box_con .box_li .box .top .left_con h4{ font-size:18px; color:#7f2723; font-weight:bold; margin-top:20px;} .container05 .right_box1 .box_con .box_li .box .top .right_con{ width:calc(100% - 150px); padding:42px 1.875rem 0} .container05 .right_box1 .box_con .box_li .box .top .right_con h5{ font-size:16px; color:#000000; line-height:26px; height:52px; overflow:hidden; transition:.6s} .container05 .right_box1 .box_con .box_li .box .top .right_con p{ font-size:12px; line-height:22px; color:#999999; height:44px; overflow:hidden; margin:1rem 0 1.5rem} .container05 .right_box1 .box_con .box_li .box .top .right_con h6{ font-size:12px; line-height:22px; color:#999999;} .container05 .right_box1 .box_con .box_li .box .bottom{ padding:22px 2.25rem} .container05 .right_box1 .box_con .box_li .box .bottom .ll{ line-height:16px; font-size:12px; color:#999999} .container05 .right_box1 .box_con .box_li .box .bottom .ll font{ font-family:simsun; font-size:12px; margin-right:0.5rem; font-weight:bold} .container05 .right_box1 .box_con .box_li .box .bottom .ll a{ color:#999999; transition:.6s} .container05 .right_box1 .box_con .box_li .box .bottom .rr .anniu_box .anniu_con{cursor:pointer;display:inline-block;margin-left:0.75rem;font-size:1.25rem;color:#999999;font-family:simsun;font-weight:bold;transition:.6s;display: none;} .container05 .right_box1 .box_con .box_li:nth-child(2) .box{ background:#fff; border-bottom:#cfb999 4px solid} .container05 .title001{ height:314px} .container05 .content1{ margin-top:4.75rem} .container05 .content1 .title002{height: 11rem;} .container05 .right_box2{ width: calc(100% - 7.5rem);} .container05 .content1 .right{padding: 2.75rem 2rem;background:#fff;} .container05 .content1 .right ul li{ float:left; min-width:14.28%; line-height:2.375rem; padding-right:1rem} .container05 .content1 .right ul li a{font-size:14px;color:#000000;transition:.6s;display:inline-block;padding-left: 0.75rem;position:relative;} .container05 .content1 .right ul li a:before{content:"";position:absolute;left:0;top:50%;margin-top:-7px;background:#a3120b;width: 2px;height: 14px;} footer{ background:url(../images/footer_bg.jpg) center no-repeat; background-size:cover; border-top:#e9cdcc 6px solid} footer .fl01{ padding:3.75rem 0 3rem;} footer .fl01 .left{ width:37%;} footer .fl01 .center{ width:35%;} footer .fl01 .center p{ padding-left:24px; font-size:0.875rem; line-height:2.125rem; display:inline-block; color:#fff; margin-right:1.5rem;background: url(../images/footer_icon1.png) left 0.625rem no-repeat;} footer .fl01 .center p+p{background: url(../images/footer_icon2.png) left 0.625rem no-repeat;} footer .fl01 .center p+p+p{background: url(../images/footer_icon3.png) left 0.625rem no-repeat;} footer .fl01 .right ul li{ display:inline-block; margin-left:1.5rem; line-height:4rem} footer .fl01 .right ul li svg{ fill:#c59e9c; width:1.75rem; height:1.75rem; transition:.36s} footer .fl02{ border-top:rgba(255,255,255,0.15) 1px solid; padding:1rem 0} footer .fl02 .left p{ font-size:0.875rem; color:rgba(255,255,255,0.6); line-height:24px;} footer .fl02 ul li{ font-size:0.875rem; color:rgba(255,255,255,0.6); line-height:24px; display:inline-block; margin-left:1.25rem; transition:.36s} @-webkit-keyframes anim-open-2 { 0% { opacity: 0; -webkit-transform: matrix3d(0.7, 0, 0, 0, 0, 0.7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.7, 0, 0, 0, 0, 0.7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 2.083333% { -webkit-transform: matrix3d(0.75266, 0, 0, 0, 0, 0.76342, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.75266, 0, 0, 0, 0, 0.76342, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 4.166667% { -webkit-transform: matrix3d(0.81071, 0, 0, 0, 0, 0.84545, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.81071, 0, 0, 0, 0, 0.84545, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 6.25% { -webkit-transform: matrix3d(0.86808, 0, 0, 0, 0, 0.9286, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.86808, 0, 0, 0, 0, 0.9286, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 8.333333% { -webkit-transform: matrix3d(0.92038, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.92038, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 10.416667% { -webkit-transform: matrix3d(0.96482, 0, 0, 0, 0, 1.05202, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.96482, 0, 0, 0, 0, 1.05202, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 12.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.08204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1.08204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 14.583333% { -webkit-transform: matrix3d(1.02563, 0, 0, 0, 0, 1.09149, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.02563, 0, 0, 0, 0, 1.09149, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 16.666667% { -webkit-transform: matrix3d(1.04227, 0, 0, 0, 0, 1.08453, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.04227, 0, 0, 0, 0, 1.08453, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 18.75% { -webkit-transform: matrix3d(1.05102, 0, 0, 0, 0, 1.06666, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.05102, 0, 0, 0, 0, 1.06666, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 20.833333% { -webkit-transform: matrix3d(1.05334, 0, 0, 0, 0, 1.04355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.05334, 0, 0, 0, 0, 1.04355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 22.916667% { -webkit-transform: matrix3d(1.05078, 0, 0, 0, 0, 1.02012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.05078, 0, 0, 0, 0, 1.02012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 25% { -webkit-transform: matrix3d(1.04487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.04487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 27.083333% { -webkit-transform: matrix3d(1.03699, 0, 0, 0, 0, 0.98534, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.03699, 0, 0, 0, 0, 0.98534, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 29.166667% { -webkit-transform: matrix3d(1.02831, 0, 0, 0, 0, 0.97688, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.02831, 0, 0, 0, 0, 0.97688, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 31.25% { -webkit-transform: matrix3d(1.01973, 0, 0, 0, 0, 0.97422, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.01973, 0, 0, 0, 0, 0.97422, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 33.333333% { -webkit-transform: matrix3d(1.01191, 0, 0, 0, 0, 0.97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.01191, 0, 0, 0, 0, 0.97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 35.416667% { -webkit-transform: matrix3d(1.00526, 0, 0, 0, 0, 0.98122, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00526, 0, 0, 0, 0, 0.98122, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 37.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.98773, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 0.98773, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 39.583333% { -webkit-transform: matrix3d(0.99617, 0, 0, 0, 0, 0.99433, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99617, 0, 0, 0, 0, 0.99433, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 41.666667% { -webkit-transform: matrix3d(0.99368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 43.75% { -webkit-transform: matrix3d(0.99237, 0, 0, 0, 0, 1.00413, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99237, 0, 0, 0, 0, 1.00413, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 45.833333% { -webkit-transform: matrix3d(0.99202, 0, 0, 0, 0, 1.00651, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99202, 0, 0, 0, 0, 1.00651, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 47.916667% { -webkit-transform: matrix3d(0.99241, 0, 0, 0, 0, 1.00726, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99241, 0, 0, 0, 0, 1.00726, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 50% { opacity: 1; -webkit-transform: matrix3d(0.99329, 0, 0, 0, 0, 1.00671, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99329, 0, 0, 0, 0, 1.00671, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 52.083333% { -webkit-transform: matrix3d(0.99447, 0, 0, 0, 0, 1.00529, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99447, 0, 0, 0, 0, 1.00529, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 54.166667% { -webkit-transform: matrix3d(0.99577, 0, 0, 0, 0, 1.00346, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99577, 0, 0, 0, 0, 1.00346, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 56.25% { -webkit-transform: matrix3d(0.99705, 0, 0, 0, 0, 1.0016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99705, 0, 0, 0, 0, 1.0016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 58.333333% { -webkit-transform: matrix3d(0.99822, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99822, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 60.416667% { -webkit-transform: matrix3d(0.99921, 0, 0, 0, 0, 0.99884, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99921, 0, 0, 0, 0, 0.99884, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 62.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 0.99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 64.583333% { -webkit-transform: matrix3d(1.00057, 0, 0, 0, 0, 0.99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00057, 0, 0, 0, 0, 0.99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 66.666667% { -webkit-transform: matrix3d(1.00095, 0, 0, 0, 0, 0.99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00095, 0, 0, 0, 0, 0.99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 68.75% { -webkit-transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 70.833333% { -webkit-transform: matrix3d(1.00119, 0, 0, 0, 0, 0.99903, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00119, 0, 0, 0, 0, 0.99903, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 72.916667% { -webkit-transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99955, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99955, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 75% { -webkit-transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 77.083333% { -webkit-transform: matrix3d(1.00083, 0, 0, 0, 0, 1.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00083, 0, 0, 0, 0, 1.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 79.166667% { -webkit-transform: matrix3d(1.00063, 0, 0, 0, 0, 1.00052, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00063, 0, 0, 0, 0, 1.00052, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 81.25% { -webkit-transform: matrix3d(1.00044, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00044, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 83.333333% { -webkit-transform: matrix3d(1.00027, 0, 0, 0, 0, 1.00053, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00027, 0, 0, 0, 0, 1.00053, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 85.416667% { -webkit-transform: matrix3d(1.00012, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00012, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 87.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.00027, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1.00027, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 89.583333% { -webkit-transform: matrix3d(0.99991, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99991, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 91.666667% { -webkit-transform: matrix3d(0.99986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 93.75% { -webkit-transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 95.833333% { -webkit-transform: matrix3d(0.99982, 0, 0, 0, 0, 0.99985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99982, 0, 0, 0, 0, 0.99985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 97.916667% { -webkit-transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 100% { opacity: 1; -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } } @keyframes anim-open-2 { 0% { opacity: 0; -webkit-transform: matrix3d(0.7, 0, 0, 0, 0, 0.7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.7, 0, 0, 0, 0, 0.7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 2.083333% { -webkit-transform: matrix3d(0.75266, 0, 0, 0, 0, 0.76342, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.75266, 0, 0, 0, 0, 0.76342, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 4.166667% { -webkit-transform: matrix3d(0.81071, 0, 0, 0, 0, 0.84545, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.81071, 0, 0, 0, 0, 0.84545, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 6.25% { -webkit-transform: matrix3d(0.86808, 0, 0, 0, 0, 0.9286, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.86808, 0, 0, 0, 0, 0.9286, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 8.333333% { -webkit-transform: matrix3d(0.92038, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.92038, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 10.416667% { -webkit-transform: matrix3d(0.96482, 0, 0, 0, 0, 1.05202, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.96482, 0, 0, 0, 0, 1.05202, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 12.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.08204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1.08204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 14.583333% { -webkit-transform: matrix3d(1.02563, 0, 0, 0, 0, 1.09149, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.02563, 0, 0, 0, 0, 1.09149, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 16.666667% { -webkit-transform: matrix3d(1.04227, 0, 0, 0, 0, 1.08453, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.04227, 0, 0, 0, 0, 1.08453, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 18.75% { -webkit-transform: matrix3d(1.05102, 0, 0, 0, 0, 1.06666, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.05102, 0, 0, 0, 0, 1.06666, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 20.833333% { -webkit-transform: matrix3d(1.05334, 0, 0, 0, 0, 1.04355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.05334, 0, 0, 0, 0, 1.04355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 22.916667% { -webkit-transform: matrix3d(1.05078, 0, 0, 0, 0, 1.02012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.05078, 0, 0, 0, 0, 1.02012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 25% { -webkit-transform: matrix3d(1.04487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.04487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 27.083333% { -webkit-transform: matrix3d(1.03699, 0, 0, 0, 0, 0.98534, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.03699, 0, 0, 0, 0, 0.98534, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 29.166667% { -webkit-transform: matrix3d(1.02831, 0, 0, 0, 0, 0.97688, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.02831, 0, 0, 0, 0, 0.97688, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 31.25% { -webkit-transform: matrix3d(1.01973, 0, 0, 0, 0, 0.97422, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.01973, 0, 0, 0, 0, 0.97422, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 33.333333% { -webkit-transform: matrix3d(1.01191, 0, 0, 0, 0, 0.97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.01191, 0, 0, 0, 0, 0.97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 35.416667% { -webkit-transform: matrix3d(1.00526, 0, 0, 0, 0, 0.98122, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00526, 0, 0, 0, 0, 0.98122, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 37.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.98773, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 0.98773, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 39.583333% { -webkit-transform: matrix3d(0.99617, 0, 0, 0, 0, 0.99433, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99617, 0, 0, 0, 0, 0.99433, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 41.666667% { -webkit-transform: matrix3d(0.99368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 43.75% { -webkit-transform: matrix3d(0.99237, 0, 0, 0, 0, 1.00413, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99237, 0, 0, 0, 0, 1.00413, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 45.833333% { -webkit-transform: matrix3d(0.99202, 0, 0, 0, 0, 1.00651, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99202, 0, 0, 0, 0, 1.00651, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 47.916667% { -webkit-transform: matrix3d(0.99241, 0, 0, 0, 0, 1.00726, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99241, 0, 0, 0, 0, 1.00726, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 50% { opacity: 1; -webkit-transform: matrix3d(0.99329, 0, 0, 0, 0, 1.00671, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99329, 0, 0, 0, 0, 1.00671, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 52.083333% { -webkit-transform: matrix3d(0.99447, 0, 0, 0, 0, 1.00529, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99447, 0, 0, 0, 0, 1.00529, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 54.166667% { -webkit-transform: matrix3d(0.99577, 0, 0, 0, 0, 1.00346, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99577, 0, 0, 0, 0, 1.00346, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 56.25% { -webkit-transform: matrix3d(0.99705, 0, 0, 0, 0, 1.0016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99705, 0, 0, 0, 0, 1.0016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 58.333333% { -webkit-transform: matrix3d(0.99822, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99822, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 60.416667% { -webkit-transform: matrix3d(0.99921, 0, 0, 0, 0, 0.99884, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99921, 0, 0, 0, 0, 0.99884, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 62.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 0.99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 64.583333% { -webkit-transform: matrix3d(1.00057, 0, 0, 0, 0, 0.99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00057, 0, 0, 0, 0, 0.99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 66.666667% { -webkit-transform: matrix3d(1.00095, 0, 0, 0, 0, 0.99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00095, 0, 0, 0, 0, 0.99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 68.75% { -webkit-transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 70.833333% { -webkit-transform: matrix3d(1.00119, 0, 0, 0, 0, 0.99903, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00119, 0, 0, 0, 0, 0.99903, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 72.916667% { -webkit-transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99955, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99955, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 75% { -webkit-transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 77.083333% { -webkit-transform: matrix3d(1.00083, 0, 0, 0, 0, 1.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00083, 0, 0, 0, 0, 1.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 79.166667% { -webkit-transform: matrix3d(1.00063, 0, 0, 0, 0, 1.00052, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00063, 0, 0, 0, 0, 1.00052, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 81.25% { -webkit-transform: matrix3d(1.00044, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00044, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 83.333333% { -webkit-transform: matrix3d(1.00027, 0, 0, 0, 0, 1.00053, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00027, 0, 0, 0, 0, 1.00053, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 85.416667% { -webkit-transform: matrix3d(1.00012, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00012, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 87.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.00027, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1.00027, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 89.583333% { -webkit-transform: matrix3d(0.99991, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99991, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 91.666667% { -webkit-transform: matrix3d(0.99986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 93.75% { -webkit-transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 95.833333% { -webkit-transform: matrix3d(0.99982, 0, 0, 0, 0, 0.99985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99982, 0, 0, 0, 0, 0.99985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 97.916667% { -webkit-transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 100% { opacity: 1; -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } } @-webkit-keyframes anim-close-2 { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: scale3d(0.8, 0.8, 1); } } @keyframes anim-close-2 { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: scale3d(0.8, 0.8, 1); transform: scale3d(0.8, 0.8, 1); } } .tc1 .tc{transition:all ease 300ms;position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 99999999;} .tc1 .tc{pointer-events: none;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;transform:scale(1.1);display: none;} .tc1 .tc.act{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; pointer-events: auto;transform:scale(1);} .tc1 .close:hover{ transform:rotate(180deg);} .tc1 .close,.tc{ transition:all ease 400ms; -moz-transition:all ease 400ms; -ms-transition:all ease 400ms; -o-transition:all ease 400ms; -webkit-transition:all ease 400ms; } .tc1 .tc-box{position:absolute;overflow: hidden;top:50%;z-index:9999;width: 200px;height: 250px;left:50%;margin-left: -100px;margin-top: -125px;-webkit-animation-duration: 1.2s;animation-duration: 1.2s;-webkit-animation-timing-function: linear;animation-timing-function: linear;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-animation-name: anim-close-2;animation-name: anim-close-2;} .tc1 .tc.act{display: block;} .tc1 .tc.act .tc-box{display: block;-webkit-animation-name: anim-open-2;animation-name: anim-open-2;transform:scale(1);} .tc1 .close{position: absolute; cursor:pointer;font-size: 20px;right: 30px;top: 30px; } .tc1 .tc-bg {height: 100%;background: rgba(0,0,0,.9);position: absolute;top: 0;left: 0;width: 100%;z-index: 0;} .tc1 .tc-box h3 img{width: 200px;height: 200px;} .tc1 .tc-box h5{width: 100%;height: 50px;line-height: 50px;font-size:1rem;color:#fff;text-align:center;} .n_banner img{ width:100%} .n_gonggong .content{ font-size:0; margin:0 -1.25rem} .n_gonggong .content .box{ display:inline-block; width:50%; padding:0 1.25rem} #nav_slide{background: #99524f;line-height: 50px;position: relative;z-index: 2;} #nav_slide #bnt_back{ position:absolute; left: 1rem; top:-2px; } #nav_slide #bnt_back img{height: 20px;vertical-align: middle;} #nav_slide .n_title{ height: 50px; } #nav_slide h1{font-size: 16px;color: #fff;text-align: center;} #bnt_sub_nav{position: absolute;right: 1rem;top: 14.5px;cursor: pointer;} #bnt_sub_nav img{display: block;height: 20px;} #bnt_sub_nav.on img{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);} #sub_nav_content{background: #f2f2f2; display: none; z-index: 9;width: 100%;} #sub_nav_content ul{} #sub_nav_content ul li {background: none;box-shadow:none;border-bottom:1px solid #dedede;padding: 0 15px;} #sub_nav_content ul li a{display: inline-block;font-size: 14px;padding: 0;color: #333;width: 88%;} #sub_nav_content ul li i{float:right;font-family: simsun;font-style: normal;font-weight: bold;} #sub_nav_content ul li ul li{border:0;line-height: 32px;padding-left: 10px;} #sub_nav_content ul li ul li a{font-size: 13px; color: #666;} #sub_nav_content ul li.on>a{color: #7f2723;} #sub_nav_content ul li ul{ display:none} #nav_slide{ display:none} .mianbao{margin-bottom: 20px;height: 50px;line-height: 40px;border-bottom: #01a388 2px solid;} .mianbao,.mianbao span,.mianbao i,.mianbao a{font-size: 14px;color: #999999;font-style:normal;text-transform: capitalize;} .mianbao i{ margin:0 6px} .mianbao a:hover{color: #7f2723;} .mianbao span{} .mianbao .fr{padding: 0 0 0 22px; background: url(../images/local.png) 0 12px no-repeat;} .mianbao h3{ font-size:1.625rem; color:#323232} .n_container{padding: 3rem 0 3.125rem; position:relative} .n_container .n_left{float:left;width: 260px;position: relative;} .n_container .n_right{float:right;width: calc(100% - 260px);padding-left:2.5rem;padding-top: 0;} .n_news_detail .ar_article_box .nav01{overflow:hidden;margin-bottom: 20px;text-align:center;} .n_news_detail .ar_article_box h3{color: #323232;font-size: 1.75rem;line-height: 2.75rem;margin-bottom: 12px;font-weight: normal;} .n_news_detail .ar_article_box h6{display: block;color: #999999;font-size: 14px;line-height: 2.5rem;font-weight:normal;padding-bottom: 5px;margin-right: 22px;vertical-align: top;border-bottom: #efefef 1px solid;} .n_news_detail .ar_article_box h6 span{margin:0 10px;} .n_news_detail .ar_article_box h6 span img{ margin:-3px 6px 0 0} /*====上一篇下一篇====*/ #ar_fot{position:relative;padding: 1.25rem 0 0;box-sizing: border-box;width: 100%;margin-top: 1.875rem;border-top: #dcdcdc 1px solid;} #ar_fot h1{display:block;width: 100%;font-size: 16px;line-height: 2.5rem;color: #000000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} #ar_fot h1 span{} #ar_fot h1 a{font-size: 1.125rem;color: #323232;font-weight:normal;} #ar_fot .bnt_back{ position:absolute; top:28px; right:0; color:#fff; background:#063579; padding:0 25px; font-size:14px; height:30px; line-height:30px;} #ar_fot .bnt_back:hover{ border-radius:3px;} #ar_fot h1 a:hover{color: #830100;} .n_container .n_left h1{height: 100px;line-height: 100px;background: #7f2723;font-size: 1.875rem;color:#fff;padding: 0 1.5rem;} .n_container .n_left h1 span{position:relative;top: -10px;} .n_container .n_left h1 span:before{content:"";position: absolute;bottom: -18px;width:1.25rem;height:1px;background:#fff;} .n_container .n_left ul{background: #f5f5f5 url(../images/container01_bg.jpg) right bottom no-repeat;padding: 10px 0 20rem;border-left: #fff 4px solid;} .n_container .n_left .con ul li{line-height: 60px;font-size: 1.125rem;color: #323232;position:relative;} .n_container .n_left .con ul li:before{ content:""; position:absolute; bottom:0; left:0; right:0; height:1px; background:#e8e8e8;} .n_container .n_left .con ul li:last-child{} .n_container .n_left .con ul li a:before{content:"";width: 4px;height: 0;background:transparent;position:absolute;left: -4px;top: 0;transition:0.6s;} .n_container .n_left .con ul li.on>a:before, .n_container .n_left .con ul li:hover>a:before{background: #c5332c;height: 100%;} .n_container .n_left .con ul li:after{content:"";width:7px;height:11px;background:url(../images/nav_left_jiantou.png) center no-repeat;position:absolute;right: 15px;top: 50%;transition:0.36s;margin-top: -5.5px;display: none;} .n_container .n_left .con ul li.on:after, .n_container .n_left .con ul li:hover:after{background:url(../images/nav_left_jiantou_on.png) center no-repeat;} .n_container .n_left .con ul li.on{ background:#fff} .n_container .n_left .con ul li a{color: #000;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding: 0 20px;transition: 0.36s;} .n_container .n_left .con ul li a:hover,.n_container .n_left .con ul li.on a{color: #7f2723;background: #fff;} .n_container .n_left .con ul li dl{display:none;padding: 10px 0;position:relative;} .n_container .n_left .con ul li dl:before{ content:""; position:absolute; right:0; left:20px; top:0; height:1px; background:#e8e8e8} .n_container .n_left .con ul li dl dd{height: 34px;line-height: 34px;} .n_container .n_left .con ul li dl dd a{font-size:14px;color: #666 !important;padding: 0 30px;position:relative;} .n_container .n_left .con ul li dl dd a:before{content:"";position:absolute;left:20px;width:2px;height:12px;background: #01a388;top: 11px;} .n_container .n_left .con ul li i.up{background: url(../images/nav_left_jiantou.png) center no-repeat;} .n_container .n_left .con ul li i{width: 30px;height: 60px;background:url(../images/nav_left_jiantou.png) center no-repeat;position:absolute;right: 6px;top: 0;transition:0.36s;cursor: pointer;} .n_container .n_left .con ul li dl dd a:hover{ color:#01a388 !important; font-weight:normal !important} .n_container .n_left .con ul li dl dd a:hover:before{ background:#01a388} .ar_article_wap{ display:none} .n_container .n_left .con ul li:hover i, .n_container .n_left .con ul li.on i{background:url(../images/nav_left_jiantou_on.png) center no-repeat;} .n_news01 ul{ margin-bottom:2rem} .n_news01 ul li{height: 3.875rem;} .n_news01 ul li a{display:block;overflow:visible !important;padding: 0;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;margin: 0;} .n_news01 ul li .time{float:left;width: 64px;height: 3.75rem;text-align: right;padding: 6px 18px 0 0;transition: all 0.36s ease-in-out;position:relative;} .n_news01 ul li .time .h4{height: 1.75rem;font-size: 1.875rem;color: #999999;font-family: impact;transition:0.36s;} .n_news01 ul li .time h6{font-size: 12px;color: #999999;line-height: 25px; transition:0.36s;} .n_news01 ul li:first-child .con{float:right;width: calc(100% - 64px);padding: 0; border-top: #f4f4f4 1px solid;} .n_news01 ul li .con{float:right;width: calc(100% - 64px);padding: 0;border-bottom: #f4f4f4 1px solid;border-left: #f4f4f4 1px solid;position: relative;} .n_news01 ul li .con .dots{content:"";width: 15px;height: 15px;border:#e6e6e6 1px solid;border-radius:50%;position: absolute;left: -7.5px;background: #fff;top: 50%;margin-top: -7.5px;transition:0.36s;} .n_news01 ul li .con:after{content:"";width: 9px;height: 9px;border-radius:50%;position: absolute;left: -4.5px;background: #e6e6e6;top: 50%;margin-top: -4.5px; transition:0.36s;} .n_news01 ul li .con h4{font-size: 16px;line-height: 3.75rem;height: 3.75rem;overflow:hidden;color: #323232;padding-left: 1.75rem;transition:0.36s;white-space: nowrap;text-overflow: ellipsis;} .n_news ul{margin: 0 -0.75rem;margin-bottom: 2rem;overflow:hidden;margin-top: 2rem;} .n_news ul li{float:left;width:33.333333%;padding: 0 0.75rem;margin-bottom: 2rem;} .n_news ul li a{display:block;transition:0.36s;} .n_news ul li .img_top{ position:relative} .n_news ul li .img {overflow:hidden;position:relative;margin-bottom: 1rem;} .n_news ul li .img h6{position:absolute;height:2.5rem;line-height:2.5rem;padding:0 1.25rem;font-size:12px;color:#fff;bottom:0;left:0;right:0;text-align: right;background: rgba(0, 0, 0, 0.5);} .n_news ul li .img img{width:100%;height: 11.625rem;overflow:hidden;object-fit: cover;} .n_news ul li .img_top .time{width: 55px;height: 50px;position:absolute;left: 1.25rem;bottom: -1.25rem;background: rgba(247, 147, 29, 0.9);text-align:center;} .n_news ul li .img_top .time h3{font-size: 26px;color:#fff;height: 26px;line-height: 32px;font-family: Times New Roman;font-weight: bold;} .n_news ul li .img_top .time h5{font-size:0.75rem;color:#fff;font-family: Times New Roman;height: 20px;line-height: 20px;} .n_news ul li h5{font-size:16px;color: #323232;line-height: 24px;height: 24px;overflow:hidden;transition:0.36s;text-align: center;white-space: nowrap;text-overflow: ellipsis;} .n_news ul li .h5{padding: 2rem 1rem 1rem;box-shadow: 0 0 5px rgba(0,0,0,0.15);overflow: hidden;background: #fff;border-bottom: #01a388 2px solid;} .n_news ul li p{font-size: 12px;color: #999999;line-height: 20px;height: 60px;overflow:hidden;transition:0.36s;} .n_titu ul{ margin-bottom:2.5rem} .n_titu ul li a{display:block;padding:1.25rem 1.25rem 1.25rem 0;transition:0.36s;border-bottom: #e5e5e5 1px solid;} .n_titu ul li .time{width: 76px;height:8.75rem;text-align:center;} .n_titu ul li .time h3{font-size: 1.5rem;color: #323232;margin-bottom: 4px;} .n_titu ul li .time h6{font-size:12px;color: #999999;} .n_titu ul li .time .time_con{border:#c3c3c3 1px solid;width:58px;height:58px;padding: 8px 0 0;} .n_titu ul li .right{width: calc(100% - 76px);padding: 0;} .n_titu ul li .right .img{ margin-right:1.5rem} .n_titu ul li .right .img, .n_titu ul li .right .img img{width:12.5rem;height: 9.375rem;overflow:hidden;object-fit: cover;} .n_titu ul li .right .con{height:8.75rem;padding: 1.25rem 0 0 0;float: initial;} .n_titu ul li .right .con h5{font-size:1.125rem;height:1.25rem;line-height:1.25rem;color: #323232;margin-bottom:1.25rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:0.36s;font-weight: bold;} .n_titu ul li .right .con p{font-size: 14px;color: #999999;line-height: 24px;height: 72px;overflow:hidden;transition:0.36s;} .ar_article table{ width:100%;} .ar_article table tr th{ background:#01a388; border-top:#01a388 2px solid; line-height:50px; font-size:16px; color:#fff} .ar_article table tr th{ text-align:left; padding:0 15px} .ar_article table tr td{font-size:16px;color:#323232;line-height:2rem;padding:10px 15px;word-break: break-word;} .ar_article table tr td p{margin:0 !important;} .ar_article table tr:nth-child(2n-1){ background:#f6f6f6} .title03{height:50px;line-height:50px;background:#eaeaea;padding: 0 1.875rem;margin-bottom:1.5rem;position:relative;} .title03:before{content:"";position:absolute;right: 1.875rem;border-left: transparent 0.875rem solid;border-right:transparent 0.875rem solid;border-top:#eaeaea 0.875rem solid;bottom:-0.875rem;} .title03 font{font-size: 1.5rem;color: #01a388;font-family: simsun;font-weight: bold;} .more01{float:right;padding-top: 6px;} .more01 a{display:inline-block;height:38px;line-height:36px;text-align:center;border-radius: 19px;font-size:16px;color:#999999;transition:0.36s;} .more01 a svg{fill:#999999;width: 16px;height: 16px;display: inline-block;vertical-align: middle;margin: -3px 0 0 8px;} .n_container .w1400{ position:relative} .container13{position:relative;z-index:1;text-align:center;} .container13 .title{font-size:16px;color:#fff; line-height: 50px;height: 50px;} .container13 .biaodan .box{font-size:0; margin:0 -15px} .container13 .biaodan .box .con{display:inline-block;position:relative;cursor:pointer;height: 50px;line-height: 50px;width: 33.3333333%; padding:0 15px} .container13 .biaodan .box .con dt{font-size: 16px;color: #444;padding: 0 20px;height: 50px;line-height: 50px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: center; background: #fff; border: 1px solid #bfbfbf;} .container13 .biaodan .box .con dt img{ margin:-3px 0 0 2rem} .container13 .biaodan .box .con .dl{position:absolute;bottom: 50px;left: 15px;background: #fff;padding:0;display:none;right:15px;z-index:2;border-bottom: #fff 1px solid;} .container13 .biaodan .box .con .dl dd{font-size: 13px;line-height:40px;height:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color: #fff;} .container13 .biaodan .box .con .dl dd a{color: #333; display:block; padding:0 12px; transition:0.6s} .container13 .biaodan .box .con:last-child{ background:none} .lwy{ margin-bottom:3rem} .lwy .miso_bd{margin-bottom: 14px;} .lwy .miso_bd li .img{ width:100%; padding-bottom:60% !important; overflow:hidden; position:relative} .lwy .miso_bd li .img img{ position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%} .lwy .miso_bd li .img .txtdot{width:100%;height: 3rem;overflow: hidden;position: absolute;bottom:0px;font-size: 1.25rem;line-height: 3rem;color:#fff;text-align:center;background: rgba(0,129,204,0.8);} .lwy .miso_hd{margin: 0 -7px;padding: 0 2rem;} .lwy .miso_hd li{display:inline-block;padding: 0 7px;padding-top: 0;} .lwy .miso_hd li .img{width:100%; padding-bottom:60% !important; overflow:hidden; position:relative} .lwy .miso_hd li .img img{position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%} .lwy .miso_hd li .img:after{content:"";top:0;right:0;bottom:0;left:0;position:absolute;border-radius: 0;transition:0.36s;} .lwy .miso_hd .miso-prev, .lwy .miso_hd .miso-next{width: 16px;height: 29px;z-index:1000;background-size:cover !important;transition:0.6s;margin-top: -15px;} .lwy .miso_hd li.miso-current .img:after{border: #01a388 4px solid;} .fanye img{ max-width:100%} .n_tu ul{ margin:0 -0.5rem} .n_tu ul li{ float:left; width:25%; padding:0 0.5rem; margin-bottom:1.5rem} .n_tu ul li a{ display:block; position:relative} .n_tu ul li a .img{ padding-bottom:68.88%; width:100%; height:auto; overflow:hidden; position:relative} .n_tu ul li a .img img{ position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%} .n_tu ul li a .con{position:relative; margin-top:-1.25rem;left:1.25rem; width:calc(100% - 1.25rem); border-top:#fe6239 2px solid;right:0;background: #fff;line-height: 2rem;padding: 0 1rem;} .n_tu ul li a .con h5{ font-size:14px; color:#323232} .n_njiaozhi1{margin: 0;} .n_njiaozhi1 form{height: 36px;border-radius:20px;border: 1px solid #01a388;position:relative;width: 180px;margin-bottom: 1rem;} .n_njiaozhi1 #keyword{font-size:.875rem;color: #444;height: 34px;padding:0 1rem;box-shadow:none;-webkit-appearance: none;border-right: 0;background:none;width: 100%;} .n_njiaozhi1 .btn_blue{position:absolute;top:0;right:0;width: 40px;height: 34px;line-height: 34px;border:0;} .n_njiaozhi1 .btn_blue.fr{ background:#e9edef; color:#4e4f53;} .n_njiaozhi1 input::-webkit-input-placeholder{ color:#999; } .n_njiaozhi1 input::-moz-placeholder{ color:#999; } .n_njiaozhi1 input:-moz-placeholder{ color:#999; } .n_njiaozhi1 input:-ms-input-placeholder{ /* Internet Explorer 10-11 */ color:#999; }/* WebKit browsers */ .n_njiaozhi1 input:focus::-webkit-input-placeholder {color:#999;/* transparent是全透明黑色(black)的速记法，即一个类似rgba(0,0,0,0)这样的值 */}/* Mozilla Firefox 4 to 18 */ .n_njiaozhi1 input:focus:-moz-placeholder {color:#999;}/* Mozilla Firefox 19+ */ .n_njiaozhi1 input:focus::-moz-placeholder {color:#999;}/* Internet Explorer 10+ */ .n_njiaozhi1 input:focus:-ms-input-placeholder {color:#999;}/* 点击搜索框获取焦点 placeholder消失-结束 */ .n_njiaozhi1 .fl01 dl{ line-height:36px; background:#f3fbfc; width:calc(100% - 180px - 20px); font-size:0; padding:0 15px} .n_njiaozhi1 .fl01 dl dt{ display:inline-block; width:38px; height:24px; line-height:24px; background:#01a388; border-radius:5px; font-size:12px; text-align:center; color:#fff; text-transform:uppercase; margin-right:8px} .n_njiaozhi1 .fl01 dl dd{ display:inline-block; font-size:12px; color:#666666; padding:0 7.5px} .dsjs h3{font-size:1.125rem;color:#323232;font-weight:bold;margin: 1.5rem 0;} .dsjs ul{ margin:0 -0.625rem} .dsjs ul li{ float:left; width:50%; padding:0 0.625rem; margin-bottom:1.25rem} .dsjs ul li a{ display:block; position:relative; padding:0 0.625rem 0.625rem} .dsjs ul li a:before{ content:""; position:absolute; top:1.25rem; right:0; bottom:0; left:0; border:#dedede 1px solid} .dsjs ul li a .img{width: 8.75rem;height: 11.25rem;line-height: 11.25rem;float:left;position:relative;overflow:hidden;text-align: center;} .dsjs ul li a .img img{display:inline-block;width: 100%;height: 100%;object-fit: cover;} .dsjs ul li a .con{width: calc(100% - 8.75rem);padding-left: 1.25rem;padding-top:2.25rem;position:relative;} .dsjs ul li a .con h4{font-size:1.25rem;color:#323232;margin-bottom: .5rem;} .dsjs ul li a .con h5{font-size:14px;line-height: 1.25rem;color:#323232;height: 1.25rem;font-weight:bold;transition:.36s;margin-bottom: 0.875rem;} .dsjs ul li a .con .con_li{ font-size:12px; line-height:1.25rem; color:#666666; border-left:#01a388 1px solid; padding-left:0.75rem} .dsjs ul li a .con .con_li p{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-top:0.5rem} .dsjs ul li a .con .con_li p svg{ width:16px; height:16px; fill:#01a388; vertical-align:middle; margin:-3px 6px 0 0} .n_njiaozhi .fl02>ul{margin: 0;font-size: 0;} .n_njiaozhi .fl02>ul>li{padding: 0;overflow:hidden;border-bottom: #ebebeb 1px solid;} .n_njiaozhi .fl02>ul>li .top{background: #f7f7f7;height: 50px;position:relative;line-height: 50px;} .n_njiaozhi .fl02>ul>li .top i{position:absolute;right: 1.25rem;top:50%;margin-top: -0.75rem;width: 16px;height:1.5rem;} .n_njiaozhi .fl02>ul>li .top h5{position:relative;font-size: 1.25rem;color: #323232;padding: 0 1.625rem;display:inline-block;} .n_njiaozhi .fl02>ul>li .top h5:after{position:absolute;right: -1.25rem;bottom:0px;content:"";width: 0;height: 0;border-right: 1.25rem solid transparent;} .n_njiaozhi .fl02>ul>li .top h6{font-size:12px;color: #a0a0a0;text-transform: uppercase;} .n_njiaozhi .fl02>ul>li .submenu{ display:none} .n_njiaozhi .fl02>ul>li div.open .top i{ } .n_njiaozhi .fl02>ul>li div.open .top{ background:#01a388} .n_njiaozhi .fl02>ul>li div.open .top h5{ color:#fff} .n_notice ul.ul_list1{ margin-bottom:3rem} .n_notice ul.ul_list1 li{ height:46px; line-height:46px; padding:0 1.25rem} .n_notice ul.ul_list1 li a{ height:46px;} .n_notice ul.ul_list1 li a font{width:calc(100% - 100px);font-size: 16px; padding-left:1rem} .n_notice ul.ul_list1 li:nth-child(2n-1){ background:#f7f7f7} .n_notice ul.ul_list1 li a font:before{ width:4px; height:4px; background:#01a388} .n_notice ul.ul_list1 li a span{ font-size:14px} .n_lingdao ul{ margin:0 -0.625rem; margin-bottom:2rem} .n_lingdao ul li{ float:left; width:50%; padding:0 0.625rem; margin-bottom:1.25rem} .n_lingdao ul li a{ display:block; position:relative; padding:1rem} .n_lingdao ul li a:before{ content:""; position:absolute; top:0; right:0; bottom:0; left:0; border:#dedede 1px solid} .n_lingdao ul li a .top .img{width:4.375rem;height: 4.375rem;float:left;position:relative;overflow:hidden;text-align: center;} .n_lingdao ul li a .top .img img{display:inline-block;width: 100%;height: 100%;object-fit: cover;} .n_lingdao ul li a .top .con_fr{width:calc(100% - 4.375rem);padding: 0.75rem 0 0 1rem;} .n_lingdao ul li a .top .con_fr h4{font-size: 1.125rem;color:#323232;margin-bottom: .875rem;} .n_lingdao ul li a .top .con_fr h5{font-size: 1rem;line-height: 1.25rem;color:#323232;height: 1.25rem;font-weight:bold;transition:.36s;} .n_lingdao ul li a .con{width: 100%;margin-top: 1rem;padding-top: 1rem;position:relative;border-top: #01a388 1px solid;} .n_lingdao ul li a .con h4{font-size:1.25rem;color:#323232;margin-bottom: .5rem;} .n_lingdao ul li a .con h5{font-size: 1rem;line-height: 1.25rem;color:#323232;height: 1.25rem;font-weight:bold;transition:.36s;margin-bottom: 0.875rem;} .n_lingdao ul li a .con .con_li{font-size: 16px;line-height:1.25rem;color:#666666;} .n_lingdao ul li a .con .con_li p{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:0.5rem;color: #323232;font-size: 1rem;} .n_lingdao ul li a .con .con_li p svg{width: 1.125rem;height: 1.125rem;fill:#01a388;vertical-align:middle;margin:-3px 6px 0 0;} .n_lingdao ul li a .con .con_li p:last-child{ text-decoration:underline; color:#01a388} .n_banner{ } .n_banner img{width:100%;object-fit: cover;} .n_news_tu ul{ margin-bottom:2rem} .n_news_tu ul li{border-bottom: #e9e9e9 1px solid;padding: 1.25rem 0;} .n_news_tu ul li a{ display:block; padding:10px; margin:-10px; transition:0.36s} .n_news_tu ul li:last-child{ border:none} .n_news_tu ul li .img,.n_news_tu ul li .img img{float:left;width: 14.125rem;height: 8.625rem;overflow:hidden;object-fit: cover;position:relative;} .n_news_tu ul li .con{float:right;width: calc(100% - 14.125rem);overflow:hidden;padding: 0.5rem 0 0 1.375rem;position:relative;} .n_news_tu ul li .con .cc{position:relative;display: block;} .n_news_tu ul li .con .cc:before{content:"";position:absolute;left:0;width: 100px;height:2px;transition:0.6s;bottom: -10px;display: none;} .n_news_tu ul li .con h5{font-size: 1.125rem;color: #000000;display: inline-block;overflow: hidden;max-width: 100%;height: 1.75rem;line-height: 1.75rem;transition:0.36s;} .n_news_tu ul li .con p{font-size: 14px;line-height: 22px;height: 44px;color: #6e6e6e;margin: 0.875rem 0 1rem;overflow: hidden;} .n_news_tu ul li .con h6{font-size: 0.875rem;color: #878787;height:18px;line-height: 18px;padding: 0;} .n_news_tu ul li .con h6 img{ margin:-3px 6px 0 0} ul.ul_list1 li{height:1.875rem;line-height:1.875rem;} ul.ul_list1 li a{ display:block; position:relative} ul.ul_list1 li a:after{ content:""; position:absolute; bottom:0; width:0; right:0; height:1px; border-bottom:#1f499b 1px solid; transition:0.36s} ul.ul_list1 li a font{display:inline-block;width:calc(100% - 38px);font-size: 14px;color: #323232;position:relative;padding-left: 10px;transition:0.36s;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;} ul.ul_list1 li a font:before{content:"";position:absolute;left:0;background: #fe6239;width: 3px;height: 3px;top: 50%;margin-top: -1.5px;} ul.ul_list1 li a span{ float:right; font-size:12px; color:#999999} /*==========================================内页 结束=============================================*/ /* aos="fade-up" aos-duration="1200" */ @media(min-width: 768px){ .container01 .right ul li a:hover{ box-shadow:0 0 25px rgba(0,0,0,0.15)} .container01 .right ul li a:hover .con h5, .container05 .right_box1 .box_con .box_li .box .top .right_con ul li a:hover h5, .container05 .right_box1 .box_con .box_li .box .bottom .ll a:hover, .container05 .right_box1 .box_con .box_li .box .bottom .rr .anniu_box .anniu_con:hover, .container05 .content1 .right ul li a:hover, .n_news_tu ul li .con h5:hover, ul.ul_list1 li a:hover font{ color:#a3120b} .container02 .right ul li a:hover .con:after{ width:9.75rem} .container02 .right ul li a:hover{ transform:translateY(-5px)} .container04 .right .left_box ul li a:hover .img img{ transform:scale(1.05)} .container04 .right .left_box ul li a:hover .img .top, .container04 .right .right_box ul li a:hover .img .top{ transform:translateY(-8px)} footer .fl02 ul li:hover{ color:#fff} footer .fl01 .right ul li svg:hover{ fill:#fff} .n_news_tu ul li a:hover{ transform:scale(1.03); box-shadow:0 0 10px rgba(0,0,0,0.2)} } @media(min-width: 992px) and (max-width: 1300px){ } @media(max-width: 1600px){ } @media(max-width: 1450px){ } @media(max-width: 1400px){ .zhuangdian{ display:none !important} } @media(max-width: 1330px){ .w1200{ padding:0 15px; max-width:100%} } @media(max-width: 1200px){ .header_box{ display:none} .m_header_box{ display:block} #banner .miso-slide img{height: 26vh;} #banner .miso-prev, #banner .miso-next{ width:28px; height:28px; background-size:100% 100% !important} footer .fl01 .left{ display:none} footer .fl01 .center{ width:100%; text-align:center} footer .fl01 .right{ width:100%; text-align:center} footer .fl01 .right ul li{margin:0 0.5rem;line-height: inherit;margin-top: 1rem;} footer .fl01 .center p{display:block;padding:0;margin: 0;background: none !important;} .n_banner img{width:100%;left:0;margin-left:0;height: 15vh;object-fit: cover;} .n_container .n_left{ display:none} .mianbao{ display:none} .n_container .n_right{ width:100%; padding:0} #nav_slide{ display:block} } @media(max-width: 1060px){ } @media(max-width: 992px){ #gotop{right:0;transform:scale(0.6);bottom: 2rem;} .title001{width: 100% !important;height: auto !important;border: none;border-top: rgba(163,18,11, 0.3) 1px solid;margin-bottom: 1rem;} .title001 .tit .tit_li.miso-slide{ width:50% !important} .title001 .tit .tit_li.miso-slide:before{left:0;top:50%;margin-top: -7px;width: 15px;} .title001 .tit .tit_li.miso-slide:after{left: auto;right:0;top:50%;margin-top: -7px;width: 15px;} .right_box1{ width:100%} .container01 .right ul li a{ background:#f5f5f5} .container01 .right ul li a .con{padding: 12px 6px 8px;} .container01 .right ul li a .con h5{font-size:14px;margin-bottom: 0.5rem;} .container01 .right ul li a .con p{ font-size:12px; line-height:20px; height:60px;} .container01 .content{ padding:2rem 0 3rem} .container01 .right ul{ margin:0 -4px} .container01 .right ul li{ padding:0 4px} .container02 .title001{border: none;border-top: rgba(255,255,255,0.3) 1px solid;margin: 0;margin-bottom: 1rem;} .title001 .tit .tit_li:before{left:0;top:50%;margin-top: -7px;width: 15px;} .title001 .tit .tit_li:after{left: auto;right:0;top:50%;margin-top: -7px;width: 15px;} .title001 .tit{display:inline-block;padding: 0;} .title001 .tit .tit_li{padding: 1rem 3rem;} .container02 .content{ padding:3rem 0 3rem} .container02 .right{ padding:0} .container03 .content ul li .img1{ width:100%} .container03 .content ul li .con{width:100%;padding: 2rem 15px 0;} .container03 .content .box:before{left:0;width: 100%;} .container03 .content ul .miso-dots{ bottom:-1rem} .container03 .content .box{ padding:0.625rem 0 4rem} .container03 .content{ padding:3rem 0} .container03 .title001{ margin-bottom:1rem} .container04 .title001{border: none;border-top: rgba(255,255,255,0.3) 1px solid;margin: 0;margin-bottom: 1rem;} .container04 .right .left_box{ width:100%;} .container04 .right .right_box{ width:100%;} .container04 .right .left_box ul li{ margin-bottom:15px} .container04 .content{ padding:3rem 0} .container05 .right_box1 .box_con .box_li .box .top{height: 186px;} .container05 .right_box1 .box_con .box_li{ width:100%; margin-bottom:15px} .container05 .right_box1 .box_con .box_li .box{box-shadow: 0 0 10px rgba(0,0,0,0.08);} .container05 .right_box1 .box_con .box_li .box .top .left_con{ width:100px;} .container05 .right_box1 .box_con .box_li .box .top .left_con h3 img{width: 44px;} .container05 .right_box1 .box_con .box_li .box .top .left_con h4{ font-size:16px} .container05 .right_box1 .box_con .box_li .box .top .right_con{width:calc(100% - 100px);padding: 20px 15px 0;} .container05 .content1{ margin-top:2rem} .container05 .content1 .right{width:100%;box-shadow: 0 0 10px rgba(0,0,0,0.08);} .container05 .content{ padding:3rem 0} } @media(max-width: 768px){ .container01 .right ul li{ width:100%} .container02 .right ul li{ width:100%} .container02 .right ul li .time h3{ font-size:2rem} .container02 .right ul li .time{width:60px;padding: 1.5rem 0 0;} .container02 .right ul li .con{width:calc(100% - 60px);padding: 1.5rem 0 1rem 01.25rem;} .container02 .right ul li .time:after{left: 27px;height: 26px;} .container02 .right ul li .time:before{width: 6px;height: 6px;left: 30px;} .container02 .right ul li .con h5{font-size:14px;margin-bottom: 0.75rem;} .container02 .right ul li .con p{ font-size:12px; line-height:20px; height:60px;} .container03 .content ul li .con dl dd span img{ width:12px;} .container05 .content1 .right ul li a{ font-size:12px} .container05 .content1 .right{ padding:15px 15px} footer .fl01{ padding:2rem 0} footer .fl02 .left{ width:100%; text-align:center} footer .fl02 .right{ width:100%; text-align:center} .ar_article p{ font-size:13px !important; line-height:26px;} .n_news_tu ul li .con p{margin: 0.5rem 0 0.5rem;line-height: 18px;height: 36px;font-size: 12px;} .n_news_tu ul li .img, .n_news_tu ul li .img img{width: 11rem;height: 8rem;} .n_news_tu ul li .con{width:calc(100% - 11rem);padding: 0.5rem 0.5rem 0 1rem;} .n_container{ padding:2rem 0 2rem} .n_notice ul.ul_list1 li a span{ font-size:12px;} .n_notice ul.ul_list1 li a font{width: calc(100% - 70px);font-size:13px;} } @media(max-width: 340px){ #m_header #logo img{ max-height: 36px;} } .pb_sys_style1 .p_no_d{ border: 1px solid #7f2723 !important; color: #fff; background-color: #7f2723 !important; } .v_news_content p img{margin:0 auto;display:block;}