/* CSS Document public*/ *{font-family:PingFangSC-Regular, PingFang SC, "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:PingFangSC-Regular, PingFang SC, "Microsoft YaHei", sans-serif;-webkit-font-smoothing:antialiased;font-smoothing:antialiased; line-height: 1; font-size:14px;overflow-x: hidden;} html,body{ min-height:100vh;} html{ overflow:-moz-scrollbars-vertical;} .loader{ position:fixed; top:0; right:0; bottom:0; left:0; z-index:1000000; background:#fff} html::-webkit-scrollbar {width:4px;height: 8px;background-color: #F5F5F5;} html::-webkit-scrollbar-track {border-radius: 10px;background-color: #E2E2E2;} html::-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执行，其他浏览器不执行*/} 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; vertical-align:middle} 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} .fl{ float:left} .fr{ float:right} .clear{clear:both;height:0px;font-size:1px;line-height:0px} .container01,.container02,.container03,.container04,.container05,.container06,.container07,.container08,.n-container01,.n-container03,.n-container04{ margin:0 auto;} .slow{ overflow:hidden} .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-4{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;} .overfloat-dot-5{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;} .overfloat-dot-6{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical;} .overfloat-dot-7{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 7; -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} ul li,dl dd{ vertical-align:top} img{ vertical-align:middle} a{ color:inherit} input,button,textarea {background: none; outline: none;border: none;-webkit-appearance:none; border-radius:0} input:focus {border: none;} 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%} .w1400{ max-width:1400px;margin:0 auto} .w1600{max-width:1600px;margin:0 auto} .w1800{max-width:1800px;margin:0 auto} .layui-img-responsive{ max-width:100%;} .img_zd{ position:relative; width:100%} .img_zd .img_hezi{ padding-bottom:60% !important} .img_zd>img{ position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; object-fit:cover} 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;} .box_table{ display:table; table-layout: fixed; width:100%; height:100%} .box_table_cell{ display:table-cell; vertical-align:middle} .box_table_cell *{ white-space:normal; word-wrap:break-word; } /*内容样式*/ .ar_article td, .ar_article th{ padding:15px 10px; border: 1px solid #ededed; vertical-align:middle;} .ar_article td p, .ar_article th p{ padding-bottom:0; margin-bottom:0;} .ar_article table {border-collapse: collapse;border-right: 1px solid #ededed;border-bottom: 1px solid #ededed; width:100%} .ar_article table tr:not(:first-child) td{} .ar_article table td { border-left: 1px solid #ededed;border-top: 1px solid #ededed; } .ar_article{font-size:14px;color:#7d7c7c;line-height:30px; } .ar_article p{font-size: 1rem !important;color: #333333;line-height: 2.5rem !important;margin-bottom: 1.5rem !important;text-indent: 2rem;} .ar_article p:last-child{ margin-bottom:0} .ar_article strong{ font-weight:bold;} .ar_article img{max-width:100%;margin-left: -2rem;} .ar_article a{ color:#717173;} .ar_article h1,.ar_article h2,.ar_article h3,.ar_article h4,.ar_article h5{ font-weight:bold;} .ar_article h1{ font-size:2.25rem; margin-bottom:1.25rem}.ar_article h2{ font-size:1.875rem; margin-bottom:0.875rem;}.ar_article h3{ font-size:1.5rem; margin-bottom:0.9375rem} .ar_article h4{ font-size:1.125rem; margin-bottom:0.875rem}.ar_article h5{ font-size:0.875rem; margin-bottom:0.75rem}.ar_article h6{ font-size:0.75rem; margin-bottom:0.75rem} .ar_article ul li, .ar_article ol li{ padding-bottom:0 !important; margin-bottom:0 !important; margin-left:2rem; list-style:inherit !important;} .ar_article ul li p, .ar_article ol li p{ padding-bottom:0; margin-bottom:3px !important; } .ar_article ul, .ar_article ol{ margin-bottom:0.9375rem;} .ar_article sub {vertical-align:sub; font-size: smaller;} .ar_article sup { vertical-align:super; font-size: smaller;} .ar_article img{ display:block; margin:0 auto;} /*百度播放器美化*/ #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_qh{ opacity:0; visibility:hidden; transition:0.6s} .miso_qh.miso-initialized{ opacity:1; visibility:visible;} .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; z-index:0} .miso-list:focus{outline: none;} .miso-list.dragging{ cursor: pointer; cursor: hand;} .miso-slider .miso-track, .miso-slider .miso-list{ -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); min-width:100%} .miso-track {position: relative;left: 0;top: 0;display:inline-block;zoom: 1;margin-left: auto;margin-right: auto;vertical-align: top;} .miso-track:before, .miso-track:after{ display: table; content: '';} .miso-track:after{ clear: both;} .miso-loading .miso-track{ visibility: hidden;} .miso-slide { float: left; height: 100%; min-height: 1px; display: none; -moz-user-select:text; -khtml-user-select: text; user-select:text;} [dir='rtl'] .miso-slide{ float: right;} .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;} .miso-arrow.miso-hidden {display: none;} .miso-loading .miso-list{ background: #fff ;} .miso-arrow{ z-index:1} .miso-prev, .miso-next{font-size: 0;line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px;padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent;} .miso-prev:hover, .miso-prev:focus, .miso-next:hover, .miso-next:focus{ color: transparent; outline: none; background: transparent;} .miso-prev:hover:before, .miso-prev:focus:before, .miso-next:hover:before, .miso-next:focus:before{ opacity: 1;} .miso-prev.miso-disabled:before, .miso-next.miso-disabled:before{ opacity: .25;} .miso-prev:before, .miso-next:before{ font-size:2rem; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight:bold; cursor:pointer} .miso-prev{ left: 0px;} [dir='rtl'] .miso-prev{ right: 0px; left: auto;} .miso-prev:before{ content: ''; font-family:simsun;} [dir='rtl'] .miso-prev:before{ content: ''; font-family:simsun;} .miso-next{ right: 0px;} [dir='rtl'] .miso-next{ right: auto; left: 0px;} .miso-next:before{ content: ''; font-family:simsun;} [dir='rtl'] .miso-next:before{ content: ''; font-family:simsun;} /* Dots */ .miso-dots { position: absolute; bottom:0; 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: 0;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);} /* 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} .miso-lightbox .miso-prev:before,.miso-lightbox .miso-next:before{ width:32px; height:32px; display:block} .miso-lightbox .miso-prev:before{ content: ''; background: url(../image/left_svg.svg) center no-repeat;} .miso-lightbox .miso-next:before{ content: ''; background: url(../image/right_svg.svg) center no-repeat;} @media(max-width: 768px){ .miso-prev, .miso-next{ width:20px; height:20px;} .miso-lightbox .miso-prev:before,.miso-lightbox .miso-next:before{ width:20px; height:20px; background-size:20px 20px} } /*Slider 结束*/ .piaofu{ width:65px; position:fixed; right:15px; z-index:100000; bottom:30%} .piaofu .anniu{display:inline-block;width: 60px;height: 60px;line-height: 60px;background: #fff;border-radius: 100%;margin-bottom: 5px;} .piaofu .anniu a{ display:block; width:100%; height:100%; position:relative; z-index:1} .piaofu .anniu a h4{line-height: 60px;} .piaofu .anniu:hover a h4{ -webkit-animation: jello 1s; -moz-animation: jello 1s; animation: jello 1s;} .piaofu .anniu a h6{ font-size:12px; color:#6a6c6d} .piaofu .anniu.anniu01,.piaofu .anniu.anniu02{ cursor:pointer; position:relative} .piaofu .anniu.anniu01 .piao_ewm{border-radius: 2px;position:absolute;left: -109px;bottom: -1px;border: #e5e5e5 1px solid; display:none} .piaofu .anniu.anniu01 .piao_tel{border-radius: 30px;position:absolute;width: 230px;height:60px;right: 0;top: 0;background:#3b73cb;display:none;padding: 0 35px;font-size: 20px;color: #fff;} .piaofu .anniu.anniu02{ display:none} .piaofu .anniu.anniu02 a h4{margin-top:-3px;} .anniu_close img{ position:absolute; top:-15px; right:-10px; width:18px; height:18px; cursor:pointer} .Statistical{display:inline-block; margin-left:12px;} .Statistical span,.Statistical span img{ vertical-align:top} .bd_weixin_popup{ box-sizing:content-box} .bd_weixin_popup .bd_weixin_popup_foot{ text-align:center !important} @-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); } } #gotop{position:fixed;z-index:90;bottom: 2rem;right: 1rem;box-sizing:border-box;text-align:center;cursor:pointer;-moz-transition:all .5s;-webkit-transition:all .5s;width: 2.875rem;height: 2.875rem;line-height: 2.875rem;background: #d11f27;opacity:1;visibility:visible;overflow:hidden;} #gotop.hide{ height:0; opacity:0; visibility:hidden} #gotop svg{width: 1.375rem;height: 1.375rem;display: inline-block;fill: #fff;vertical-align: middle;margin: -3px 0 0; transition:.6s} #gotop:hover{ border-radius:50%} @font-face{ font-family:Impact;} @media (max-width:4000px){html{font-size:16px;}} @media (min-width:1600px) and (max-width:1940px){html{font-size:16px;}} @media (min-width:1400px) and (max-width:1600px){html{font-size:14px;}} @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:13px;}} @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:1500px; margin:0 auto; padding:0 50px; } .header_box{height: 0;position: relative;z-index: 10000;} #header{height: 7.25rem;width: 100%;position:fixed;top: 14px;z-index: 998;transition: .5s;left: 0;right: 0;} #header .w1200{height:100%;max-width: 100%;position:relative;z-index: 1;padding: 0 5rem;display: flex;justify-content: space-between;align-items: center;} .header_box:before{content:"";position:absolute;top:0;right: 0;left:0;background-size: 100% auto;z-index: -1;height: 20rem;} #logo{height:100%;width: 26%;display: flex;align-items: center;} #header .box_table{width: 100%;} .header_box #logo img{max-width: 100%;} #logo img.img02{ display: none;} #header .right{display: flex;flex-grow: 1;width: calc(100% - 26%);justify-content: space-between;align-items: center;height: 100%;padding: 0 0 0 5.625rem;} #nav{padding: 0 1rem 0 0;width: calc(100% - 2.75rem);} #nav ul{display: flex;justify-content: space-between;} #nav ul li{position:relative;z-index:0;} #nav ul li a{ display:block; text-transform:uppercase;} #nav ul li h3{font-size: 1.125rem;color: #fff;line-height: 7.25rem;overflow:hidden;text-align: center;position:relative;transition: .5s;} #nav ul li h3:before{content: "";display: block;width: 100%;height: 2px;position: absolute;left: 0;bottom: 0;opacity: 0;transform: scaleX(0);transition: .5s;} #nav ul li.on h3{ } #nav ul li.on h3:before,#nav ul li:hover h3:before{ transform:scaleX(1); opacity: 1;} #nav ul li.on h3{color: #d11f27 !important;} #nav ul li h3 svg{ width: 12px;} #nav ul li a i{ display:inline-block; width:9px; height:6px; background-size:contain; vertical-align:middle; margin-left:8px;} #nav ul li .sub{position:absolute;top:100%;background: #fff;width: 160px;left:50%;margin-left: -80px;z-index: 10000;transform:translateY(-20px);visibility:hidden;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;transition:.5s;box-shadow: 0 0 0.38rem 0 rgba(0, 0, 0, 0.19);border-top: #d11f27 5px solid;padding: 1rem 0;} #nav ul li .sub .box{padding: 0;/* background:#fff; */text-align: center;} #nav ul li .sub a{padding: .125rem 0;line-height: 2.75rem;transition:.3s;font-size: 1rem;letter-spacing: 1px;color: #333;} #nav ul li .sub a:hover{background: #ededed;} #nav ul li:hover .sub{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; visibility:visible; transform:translateY(0px);} #nav ul li .sub:before { content: ""; position: absolute; top: -3px; right: 50%; margin-right:-20px; height: 40px; width: 40px; left: 50%; margin-left: -20px; background-color: #FFFFFF; border: 1px solid #bbb; z-index: -1; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); display: none; } .top_menu{width: 2.75rem;height: 5rem;display: flex;justify-content: flex-end;position: relative;} .top_menu .ico{} /*语言切换*/ .top_menu #yuyanBtn{position:relative;height:100%;padding-left: 1.5rem;} .top_menu #yuyanBtn:before{content:"";position:absolute;width:1px;height:6px;left: .75rem;background:#afafaf;top:50%;margin-top: -3px;} .top_menu #yuyanBtn .dt{ height:100%;} .top_menu #yuyanBtn .dt .box_table{ width:100%; text-align:center} .top_menu #yuyanBtn i{display:inline-block;width:9px;height:6px;background-size:contain;vertical-align:middle;margin-left: 1rem;} .top_menu #yuyanBtn i svg{ display: block;} .top_menu #yuyanBtn .dd{position:absolute;top:100%;background:#fff;width: 100%;left:50%;margin-left: -50%;border:1px solid #bbb;border-bottom:5px solid #06783f;z-index: 10000;transform:translateY(-20px);visibility:hidden;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;transition:.5s;} .top_menu #yuyanBtn:hover .dd{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; visibility:visible; transform:translateY(0px);} .top_menu #yuyanBtn .dd .box{ padding:10px 20px; background:#fff; } .top_menu #yuyanBtn .dd:before { content: ""; position: absolute; top: -3px; right: 50%; margin-right:-20px; height: 40px; width: 40px; background-color: #FFFFFF; border: 1px solid #bbb; z-index: -1; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); } .top_menu #yuyanBtn .dd a{ display:block; text-align:center; line-height:35px; height:35px; color: #333; font-size:14px} .top_menu #yuyanBtn .dd a:hover{ color:#06783f} /*搜索*/ #searchBtn{height:100%;display: flex;align-items: center;} #searchBtn .box_table{width: 100%;text-align: center;} #searchBtn a{display: inline-block;height:42px;line-height:39px;border-radius:50%;text-align:center;transition:.3s;overflow:hidden;} #searchBtn svg{vertical-align:middle;display:inline-block;fill: #fff;width: 1.25rem;height: 1.25rem;transition: .5s;} .top_menu .ico a{font-size: 1.125rem;color: #999999;font-family: arial;text-transform:capitalize;display: flex;width: 100%;align-items: center;height: 5rem; transition:.5s} .top_menu .ico a img{ margin:0 .5rem 0 0} .top_menu .icon{ fill:#626262;vertical-align:middle; } /*#header:hover{ background: #fff;} #header:hover #logo .img01{ display: none;} #header:hover #logo .img02{ display: block;} #header:hover #nav ul li h3{ color: #333;} #header:hover #nav ul li h3 svg path{ stroke: #777;} #header:hover #searchBtn svg{ fill: #0066b2;} #header:hover .top_menu .ico a{ color: #666;} #header:hover .top_menu #yuyanBtn i svg path{stroke: #666;} #header:hover .top_menu .icon path{ fill: #0066b2;}*/ #header.xg{background: #fff;height:6rem; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);;top: 0;} #header.xg #logo .img01{ display: none;} #header.xg #logo .img02{ display: block;} #header.xg #nav ul li{} #header.xg #nav ul li h3{color: #333;line-height: 6rem;} #header.xg #nav ul li h3 svg path{ stroke: #333;} #header.xg #searchBtn svg{fill: #333;} #header.xg .top_menu{ height: 6rem;} #header.xg .top_menu .ico a{ color: #666;} #header.xg .top_menu #yuyanBtn i svg path{stroke: #666;} #header.xg .top_menu .icon path{/* fill: #0066b2; */} #header:hover .top_menu #yuyanBtn, #header:hover #searchBtn{ } .tc{ transition:all ease 300ms; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index:9999999999; pointer-events: none; visibility:hidden; opacity:0; transition:.5s;} .tc[name=tc_search]{ opacity:1;} .tc.act{ display: block; pointer-events: auto; visibility:visible; opacity:1;} .tc-box{ box-sizing:border-box; z-index:999; display: block; position:relative; } /*.tc.act .tc-box{ -webkit-animation-name: anim-open-2; animation-name: anim-open-2; transform:scale(1);}*/ .tc_close{ position: absolute; cursor:pointer; color:#e13a39; font-size:30px; right: 30px; top: 30px;} .tc_close svg{width:3rem;height:3rem;vertical-align: top;} .tc_close svg circle{fill: rgba(255,255,255,.2);}} .tc_bg { height: 100%; background: rgba(0,0,0,.85); position: absolute; top: 0; left: 0; width: 100%; z-index: 0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; transition:.5s; } .tc.act .tc_bg{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; transition:.5s; } #tc_search{width:100%;padding:3rem;background: #2066a4;position:relative;transform:translateY(-100%);transition:.5s .5s ease-out;z-index:1;overflow: hidden;} .act #tc_search{ transform:translateY(0); transition:.5s ease-in;} /*弹窗内容样式*/ #tc_search .header-search{ height:5rem; position:relative; width:900px; max-width:90%; margin:0 auto;} #tc_search .header-search:after{ content:""; width:0; height:1px; background:#fff; transition:.5s; display:block; position:absolute; bottom:0; left:0;} .act #tc_search .header-search:after{ width:100%; transition: ease-in-out .5s .5s;} #tc_search .focus_js{width: 90%;height:5rem; font-size:2rem; color:#fff;box-shadow:none;-webkit-appearance: none;float:left;border-right: 0; background:none;} #tc_search .btn_blue{ position:absolute; top:0; right:0; width: 40px;height:5rem; border:0; line-height:4.25rem;background:url(../image/seach_white.svg) center center no-repeat; background-size:1.8rem;font-size:1.125rem;color:#fff;cursor:pointer;text-transform:uppercase; } #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消失-结束 */ #tc_search .draw_h:before{ border:1px solid rgba(255,255,255,.3);} #tc_search .draw_h:hover svg.drawcircle circle {/* stroke:#fff; */} #tc_search .draw_h img {position:absolute;top:50%;margin-top: -8px;left:50%;margin-left: -8px;transition:.3s;width: 16px;} /***********************/ /*手机导航开始*/ #m_header{height:4.5rem;position:fixed;top:0;width: 100%;z-index:999;transition:0s 1.5s;box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);padding: 0 15px;background: url(../image/footer_bg.jpg) center no-repeat;background-size: cover;} #m_header .w1200{ position:relative; height:100%;} .m_user{ height:4.5rem; line-height: 4.5rem; margin-right: 2rem; color: #999;} .m_user a{ display: inline-block; margin: 0 .625rem; color: #666;} .m_user a svg{ width: 16px;} .m_user a:hover{ color: #ff0000;} .m_user a:hover svg path{ fill: #ff0000;} #m_logo{ transition:0s 1.5s; height:100%; visibility:visible; float: left;} #m_logo img{display:block;max-height: 30px;} #m_logo .box_table{ width:auto} /*导航按钮开始*/ #nav_btn_box {height: 100%;z-index: 999999999;float: right;margin-left: 20px;} #nav_btn_box.on { background: none; } #m_header #logo .box_table, #nav_btn_box .box_table { width: auto; float: left; } #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: 14px;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_nav_list {flex-direction: column;justify-content: flex-start;width: 100%;overflow: auto;margin: 0rem 0 0;} .m_nav_list::-webkit-scrollbar { display:none} #m_nav {z-index: 99999;position: fixed;width: 100%;height: 100vh;right: -105%;top: 0;display: none;padding: 3.5rem 0 7rem;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;background: url(../image/footer_bg.jpg) center no-repeat;background-size: cover;} #m_nav .close{position:absolute;top: 16px;right:15px;font-size: 28px;color:#fff;z-index: 10000;} #m_nav.act { pointer-events: auto; right: 0; } #m_nav>ul>li {width: 100%;overflow: hidden;padding: 0 0 0 2.3rem;position: relative;} #m_nav>ul>li {border-bottom: 1px solid rgba(255, 255, 255, 0.1);} #m_nav li .a { display: inline-block; width: calc(100% - 30px) } #m_nav li .a {line-height: 4rem;height: 4rem;color: #fff;padding: 0;font-size: 14px;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: 100%;height: 4rem;display: inline-block;background: url(../image/arrow_down.svg) calc(100% - 2rem) center no-repeat;background-size: 13px 13px !important;position: absolute;display: block;right: 0;} #m_nav li.on i {background: url(../image/arrow_down_on.svg) calc(100% - 2rem) center no-repeat;} #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: #c21d1b; } #m_nav .title .list a {display: block;font-size: 1rem;color: rgba(255,255,255,.6);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 {transition: .6s;display: none;height: 4.5rem;} #m_header #logo .box_table, #nav_btn_box .box_table { width: auto; float: left; } .m_header_box header{padding:0 15px;top: 0;height: 60px;box-shadow: 0 3px 5px rgba(0,0,0,.05);position: fixed;top: 0;left: 0;right: 0;z-index: 100;background: #ffffff;background-size: 100% auto;} #m_header #logo{height: 60px;float: left;width: auto;} #m_header #logo img{max-height:60%;max-height: 30px;} #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);} #m_nav .list_box0{width:100%;text-align:center;margin-bottom: 1rem;} #m_nav .list_box0 .li{display:inline-block;margin:0 .75rem;font-size: 14px;color: #fff;} /*顶部搜索*/ /*顶部搜索*/ .tc_search {margin: 0 1.3rem;width: calc(100% - 2.6rem);position: absolute;bottom: 1rem;} .tc_search .header-search{height: 40px;border-radius: 0;background: rgba(255,255,255,.1);position: relative;width: 100%;margin-bottom: 1rem;} .tc_search .focus_js{font-size:.875rem;color: #fff;height: 40px;line-height: 40px;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(../image/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消失-结束 */ .wap_search{font-size:16px;border-radius: 0;color:#fff;text-align:center;font-family:arial;letter-spacing:2px;line-height:40px;transition:height .4s ease-in-out;-webkit-transition:height .4s ease-in-out;overflow:hidden;width: 100%;position: absolute;bottom: 0;} .wap_search .header-search{height:40px;border-radius: 0;background:rgba(255,255,255,.15);position:relative;margin: 20px 25px;} .wap_search .input{ font-size:.875rem; color:#fff; height:40px; line-height:40px; padding-left:1.5rem; box-shadow:none;-webkit-appearance: none;float:left;border-right: 0; background:none;width:90%;} .wap_search .btn_blue{ position:absolute; cursor:pointer; top:0; right:0; width: 50px;height:40px; line-height:40px; border:0; background:url(../image/seach_white.svg) center no-repeat; background-size: 1.5rem;} .wap_search .btn_blue.fr{ background:#e9edef; color:#4e4f53;} .wap_search input::-webkit-input-placeholder{ color:#fff; color: rgba(255,255,255,.9); } .wap_search input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#fff; color: rgba(255,255,255,.9); } .wap_search input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#fff; color: rgba(255,255,255,.9); } .wap_search input:-ms-input-placeholder{ /* Internet Explorer 10-11 */ color:#fff; color: rgba(255,255,255,.9); }/* WebKit browsers */ .wap_search input:focus::-webkit-input-placeholder {color: transparent;/* transparent是全透明黑色(black)的速记法，即一个类似rgba(0,0,0,0)这样的值 */}/* Mozilla Firefox 4 to 18 */ .wap_search input:focus:-moz-placeholder {color: transparent;}/* Mozilla Firefox 19+ */ .wap_search input:focus::-moz-placeholder {color: transparent;}/* Internet Explorer 10+ */ .wap_search input:focus:-ms-input-placeholder {color: transparent;}/* 点击搜索框获取焦点 placeholder消失-结束 */ /*==========================================公共 结束=============================================*/ /*==========================================首页 开始=============================================*/ .banner{padding: 0;overflow:hidden;} .banner .w1200{max-width: 1700px;} .banner ul li a{display:block;position:relative;padding-bottom: 45% !important;overflow: hidden;border-radius: 0;} .banner ul li a img{position: absolute;top:0;right:0;bottom:0;left:0;width:100%;height: 100%;object-fit:cover;} .banner ul li.miso-current a img{ } .banner ul li a h5{position:absolute;left:0;right:0;padding: 0 10rem 0 2.75rem;font-size: 2rem;color:#fff;line-height:1.5;bottom:2rem;z-index:1;font-family: Microsoft Yi Baiti;} #banner .miso-dots{ display:flex; justify-content:center} #banner .miso-dots li{transition: .5s;margin: 0 .375rem;width: 2.125rem;height: 2.125rem;border: transparent 1px dotted;border-radius:50%;display:flex;align-items:center;justify-content:center;} #banner .miso-dots{bottom: 8.375rem;width: 100%;z-index:1;} #banner .miso-dots li button{width: .5rem;height: .5rem;background:#fff;border-radius:50%;} #banner .miso-dots li.miso-active{border: #fff 1px dotted;} #banner .miso-dots li.miso-active button{ background:#fff} #banner .miso-arrow{ width: 99px; height: 119px; background-size: cover !important; opacity: .42; transition: .5s;} #banner .miso-prev{ background: url(../image/banner_prev.png) center no-repeat; left: 2%;} #banner .miso-next{ background: url(../image/banner_next.png) center no-repeat; right: 2%;} #banner .miso-arrow:hover{ opacity: 1;} .container01_box{ background: url(../image/container01_bg.jpg) center no-repeat; background-size: cover; min-height: 100vh;} .list_box_01{margin: 0 -1.25rem;position: relative;top: -4.625rem;} .list_box_01 .miso-list{ padding:2rem 0; margin: -2rem 0} .list_box_01 li{ width: 25%; padding: 0 1.25rem;} .list_box_01 li *{ transition: .5s;} .list_box_01 li a{ display: block; background: #fff; position: relative; border-radius: .625rem; overflow: hidden;} .list_box_01 li a .img .img_hezi{ padding-bottom: 92.83% !important;} .list_box_01 li a .img>img.img2{ opacity: 0; visibility: hidden;} .list_box_01 li a .top{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; align-items: center; flex-direction: column; justify-content: center;} .list_box_01 li a .top .ico{display: flex;width: 4.375rem;height: 4.375rem;background: #e7f0ef;border-radius: 50%;align-items: center;justify-content: center;} .list_box_01 li a .top .ico img{ max-width: 90%; max-height: 90%;} .list_box_01 li a .top h5{ font-size: 1.875rem; color: #262626; line-height: 1.75; margin: 1.75rem 0 0;} @keyframes beat { from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); } 25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); } 50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); } 75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); } from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); } 25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); } 50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); } 75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); } } @-webkit-keyframes beat { from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); } 25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); } 50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); } 75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); } from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); } 25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); } 50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); } 75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); } } .title001{ text-align: center; margin-bottom: 5rem;} .title001 h3{font-size: 3rem;color: #000000;font-family:'华文中宋';} .title001 .line1{ width: 65.25rem; height: 1px; max-width: 100%; background: rgba(0,0,0,.1); margin: 1.25rem auto 1.75rem; position: relative;} .title001 .line1::before{ content: ""; position: absolute; width: 3.125rem; height: 3px; background: #d11f27; left: 50%; margin: -1px 0 0 -1.5625rem;} .title001 p{font-size: .875rem;color: #666666;line-height: 1.75;} .container02{ padding: 0 0 2.75rem; overflow: hidden;} .container02 .content{ display: flex; flex-wrap: wrap;} .container02 .content .left{ width: 47.14%;} .container02 .content .right{ width: calc(100% - 47.14%);} .list_box_02 li *{ transition:.5s} .list_box_02 li .img .img_hezi{ padding-bottom: 69.39% !important; padding-bottom: 28.625rem !important;} .list_box_02 li .con{ height: 19.25rem; background: #fff ; display: flex; align-items: center; padding: 0 2.75rem; position: relative;} .list_box_02 li .con .con_li{ width: 100%;} .list_box_02 li .con:after{ content: ""; position: absolute; bottom: 0; right: 0; width: 0; transition: .5s; height: 3px;} .list_box_02 li .con h5{font-size: 1.375rem;color: #333;line-height: 1.25;text-align: center;font-weight: 600;} .list_box_02 li .con p{ font-size: .875rem; color: #777; line-height: 1.875rem; text-indent: 1.75rem; margin: 2rem 0 1.5rem;} .list_box_02 li .con h6{display: flex;justify-content: space-between;align-items: center;} .list_box_02 li .con h6 font{font-size:.875rem;color: #372f2f;} .list_box_02 li .con h6 .rr{ display: flex; align-items: center;} .list_box_02 li .con h6 .rr span.span1{width: 20px;height: 2px;background: #685a4f;} .list_box_02 li .con h6 .rr span.span2{border-top: transparent 4px solid;border-bottom: transparent 4px solid;border-left: #685a4f 6px solid;} .list_box_03{ display: flex; flex-wrap: wrap;} .list_box_03 li *{ transition:.5s} .list_box_03 li{ width: 50%; padding: 0 0 0 1.25rem; margin-bottom: 1.125rem;} .list_box_03 li .img .img_hezi{ padding-bottom: 69.39% !important; padding-bottom: 14.375rem !important;} .list_box_03 li .con{height: 9rem;background: #fff;display: flex;align-items: center;padding: 0 1.375rem; position: relative;} .list_box_03 li .con .con_li{ width: 100%;} .list_box_03 li .con:after{ content: ""; position: absolute; bottom: 0; right: 0; width: 0; transition: .5s; height: 3px;} .list_box_03 li .con h5{font-size: 1.125rem;color: #333;line-height: 2.125rem;height: 4.25rem;margin-bottom: 1rem;} .list_box_03 li .con h6{display: flex;justify-content: space-between;align-items: center;} .list_box_03 li .con h6 font{font-size:.875rem;color: #7f7272;} .list_box_03 li .con h6 .rr{ display: flex; align-items: center;} .list_box_03 li .con h6 .rr span.span1{width: 20px;height: 2px;background: #c2b4a9;} .list_box_03 li .con h6 .rr span.span2{border-top: transparent 4px solid;border-bottom: transparent 4px solid;border-left: #c2b4a9 6px solid;} .more001{ text-align: center; margin: 4rem 0 0;} .more001 *{ transition: .5s;} .more001 a{ display: flex; flex-direction: column; margin: 0 auto; justify-content: center; align-items: center;} .more001 a p{ font-size: 1.125rem; color: #53aeb0;} .more001 a .ico{ background: url(../image/more001_ico.png) center no-repeat; width: 10.625rem; height: 2rem; background-size: cover !important; margin: 1rem 0 0;} .container03{ padding: 5rem 0 2.75rem; overflow: hidden; background: url(../image/container03_bg.jpg) center no-repeat; background-size: cover;} .list_box_04{ display: flex; margin: 0 -.8125rem; flex-wrap: wrap;} .list_box_04 li{ width: 25%; padding: 0 .8125rem;} .list_box_04 li *{ transition: .5s;} .list_box_04 li a{ display: block; position: relative; border: #eeebea 1px solid; background: #fff;} .list_box_04 li .img{ opacity: 0;} .list_box_04 li .img:after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: rgba(255,255,255,.34) 1px solid; transition: .5s; opacity: 0; visibility: hidden;} .list_box_04 li .img .img_hezi{ padding-bottom: 127.79% !important;} .list_box_04 li .top{position: absolute;top: 0;right: 0;bottom: 0;left: 0;display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 0 .5rem;text-align: center;} .list_box_04 li .top .ico{ background: url(../image/list_box_04_ico1.png) center no-repeat; background-size: cover !important; width: 5.9375rem; height: 5.125rem; display: flex;; align-items: center; justify-content: center; font-size: 2.25rem; color: #554a4a; font-family:'华文中宋';} .list_box_04 li .top h5{ font-size: 1.875rem; color: #000000; line-height: 1.25; margin: 1.875rem 0 .375rem;} .list_box_04 li .top h6{ font-size: 1rem; color: #000000; line-height: 1.5rem; height: 3rem; margin-bottom: 1.5rem; text-transform: uppercase;} .list_box_04 li .top p{ display: flex; align-items: center; font-size: 1rem; color: #666666;} .list_box_04 li .top p svg{ width: 1.25rem; height: 1.25rem; fill:#b51f17; margin: 0 0 0 1rem;} .container04{ padding: 5rem 0 2.75rem; overflow: hidden; background: url(../image/container04_bg.jpg) center no-repeat; background-size: cover;} .list_box_05{ margin: 0 -1.75rem;} .list_box_05 li{ width: 33.33%; padding: 0 1.75rem;} .list_box_05 li a{ display: block; position: relative;} .list_box_05 li .img .img_hezi{ padding-bottom: 125.17% !important;} .list_box_05 li .img:after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../image/list_box_05_bg.png) center bottom no-repeat; background-size: 100% auto; opacity: 0; visibility: hidden; transition: .5s;} .list_box_05 li .top{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; flex-direction: column; justify-content: flex-end; padding: 2.5rem;} .list_box_05 li .top h5{ font-size: 1.875rem; color: #fff; line-height: 1.5; margin-bottom: 1rem;} .list_box_05 li .top p{ font-size: 1.125rem; color: #fff; line-height: 1.75;} .list_box_05 .miso-arrow{width: 3.4375rem;height: 3.4375rem;background-size: cover !important;top: -4rem; transition: .5s;} .list_box_05 .miso-prev{background: url(../image/list_box_05_prev.png) center no-repeat;left: auto;right: 8rem;} .list_box_05 .miso-next{background: url(../image/list_box_05_next.png) center no-repeat;left: auto;right: 1.75rem;} .list_box_05 .miso-prev:hover{background: url(../image/list_box_05_prev_on.png) center no-repeat;} .list_box_05 .miso-next:hover{background: url(../image/list_box_05_next_on.png) center no-repeat;} .container04 .title001 h3{ color: #fff;} .container04 .title001 p{ color: #b9f6f5;} .container04 .title001 .line1{ background: rgba(255,255,255,.26);} .container04 .title001 .line1::before{ background: #fff;} .container05{ padding: 2.5rem 0 4rem; overflow: hidden; background: #f4f0ed;} .container05 .w1200{ max-width: 1813px;} .container05 .content{ display: flex; flex-wrap: wrap;} .list_box_06s0{ width: 46.05%;} .list_box_06s1{width: 26.85%; padding: 0 0 0 1%;} .list_box_06s2{ width: calc(100% - 46.05% - 26.85%); padding: 0 0 0 1%;} .list_box_06 li *{ transition:.5s} .list_box_06 li a{ display: block;position: relative;overflow: hidden;} .list_box_06 li .img:after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../image/list_box_05_bg.png) center bottom no-repeat; background-size: 100% auto; opacity: 0; visibility: hidden; transition: .5s;} .list_box_06 li .top{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; flex-direction: column; justify-content: flex-end; padding: 1.5rem 2rem ;} .list_box_06 li .top h5{font-size: 1.125rem;color: #fff;line-height: 1.5;transform: translateY(202%);} .list_box_06s0 li .img .img_hezi{padding-bottom: 82.9% !important;} .list_box_06s1 li .img .img_hezi{padding-bottom: 147.63% !important;} .list_box_06s2 li .img .img_hezi{padding-bottom: 71.55% !important;} .list_box_06s2 li{margin-bottom: 3.125%;} footer{ background: url(../image/footer_bg.jpg) center no-repeat; background-size: cover;} footer .fl01{ padding: 3.75rem 0 3rem;} footer .fl01 .w1200{display: flex;justify-content: space-between;} footer .fl01 .left{padding: 0 8.5rem 0 0;width: calc(100% - 17.5rem);} footer .fl01 .right{ width: 17.5rem;} footer .fl01 .left h3{ margin-bottom: 1.5rem;} footer .fl01 .left p{ font-size: .875rem; color: #fff; opacity: .5; line-height: 1.5rem;} footer .fl01 .right .right_box{ display: flex; margin-bottom: 2rem;} footer .fl01 .right .right_box .rr{padding: 0 0 0 1rem;text-align: left;} footer .fl01 .right .right_box .rr h5{ font-size: 1.125rem; color: #fff; line-height: 1.25;} footer .fl01 .right .right_box .rr h3{ font-size: 1.5rem; color: #fff; line-height: 1.25; margin: .375rem 0 0;} footer .fl02{ padding: 1.875rem 0 1.875rem; border-top: rgba(255,255,255,.1) 1px solid; text-align: center;} .list_box_07{ display: flex; justify-content: center; margin-bottom: 1rem;} .list_box_07 li{ padding: 0 1.125rem;} .list_box_07 li .ewm{ width: 96px; height: 96px; background: #fff; border-radius: 4px; display: flex; align-items: center; justify-content: center;} .list_box_07 li .ewm img{ width: 88px; height: 88px;} .list_box_07 li h5{ font-size: .875rem; color: #fff; line-height: 1.5; margin: .75rem 0 0;} footer .fl02 p{ font-size: .875rem; color: #fff; line-height: 1.875rem;} .n_banner{ position:relative} .n_banner .img .img_hezi{padding-bottom: 31.41% !important;} .mianbao_box{ position: absolute; bottom: 0; left: 0; right: 0; background: url(../image/mianbao_box_bg.png) left center no-repeat;} .mianbao_box .w1200{display:flex;align-items: center;} .mianbao_box .rr{height:5rem;display: flex;align-items: center;} .mianbao_box .ll{font-size:2.25rem;color:#fff;font-family:'华文中宋';border-right:#fff 1px solid;padding:0 1.5rem 0 0;margin-right: 1rem;} #nav_slide{background: #0067ac;line-height: 50px;position: relative;z-index: 2;display:none;} #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: 28px;padding-left: 10px;} #sub_nav_content ul li ul li a{font-size: 13px; color: #666;} #sub_nav_content ul li.on>a{color: #0067ac;} #sub_nav_content ul li ul{ display:none} .n_container{padding: 0 0 4rem;position: relative;z-index: 1;} .n_container .w1200{display: flex;flex-wrap: wrap;} .n_container .n_left{float:left;width: 308px;position: relative;z-index: 1;} .n_container .n_left:before{content:"";position:absolute;width: 100%;height:11px;bottom: -11px;left: -4px;} .n_container .n_left h1{height: 90px;line-height: 90px;background: #9a0000;font-size: 1.875rem;color:#fff;padding: 0 1rem;text-align: center;position:relative;} .n_container .n_left h1 span{position:relative;} .n_container .n_left ul{padding: 2.125rem 0;} .n_container .n_left .con{ background: url(../image/n_left.jpg); border-radius: 0 0 1.25rem 1.25rem;} .n_container .n_left .con ul li{line-height: 3.75rem;font-size: 1.25rem;color: #333333;position:relative;margin-bottom: 14px;} .n_container .n_left .con ul li a img{ margin:-3px 14px 0 0; } .n_container .n_left .con ul li>a{color: #fff;display: block;/*overflow: hidden;white-space: nowrap;text-overflow: ellipsis;*/padding: 0 15px 0 30px;margin: 0 20px;background: url(../image/n_left_bg.png) center no-repeat;transition: .5s;height: 63px;font-weight: bold;} .n_container .n_left .con ul li a:hover,.n_container .n_left .con ul li.on a{background: url(../image/n_left_bg_on.png) center no-repeat;} .n_container .n_left .con ul li dl{display:none;padding: .5rem 0;position:relative;background: #fafafa;margin: 14px 24px;border-top: #eee 1px solid;} .n_container .n_left .con ul li dl:before{content:"";position:absolute;right: 2rem;left: 2rem;top:0;height:1px;} .n_container .n_left .con ul li dl dd{height: auto;line-height: 34px;padding: 0;} .n_container .n_left .con ul li dl dd a{font-size: 15px;color: #333333 !important;padding: 5px 0 5px 32px;position:relative;line-height: 24px;margin: 0;font-weight: normal !important;} .n_container .n_left .con ul li dl dd:last-child a{ border:none} .n_container .n_left .con ul li dl dd a:before{content:"";position:absolute;left: 16px;top: 16px;background: #d2d2d2;width: 8px;height: 2px;} .n_container .n_left .con ul li dl dd a:hover, .n_container .n_left .con ul li dl dd.on a{color: #0067ac !important;} .n_container .n_left .con ul li dl dd a:hover:before, .n_container .n_left .con ul li dl dd.on a:before{} .n_container .n_right{width: calc(100% - 308px);margin: 0;padding: 2.5rem 0 0 3.125rem;} .mianbao{line-height: 1.375;} .mianbao h2{font-size: 24px;color: #323232;display:inline-block;position:relative;} .position{font-size: 1rem;color: #000;} .position img{ margin:-3px .5rem 0 0} .position a{transition:0.36s;} .position span{margin: 0 .25rem;} .position em{font-style:normal;} .position a:hover{opacity: .9;} .fanye{ text-align:center} .fanye img{ max-width:100%} .list_box_sousuo{margin-bottom:3rem;margin-top: -1rem;} .list_box_sousuo li{font-size:15px;color: #000033;line-height: 3.125rem;height: 3.125rem;border-bottom: #ebebeb 1px solid;} .list_box_sousuo li a{color:#404040;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:0.36s;position:relative;padding-left: 0;height: 3.75rem;} .list_box_sousuo li a:before{content:"";position:absolute;top:50%;margin-top: -2px;left:0;width: 12px;height: 3px;transition:0.36s;} .list_box_sousuo li a font{display:inline-block;width: calc(100% - 80px);font-size: 1rem;color: #000000;position:relative;transition:0.36s;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;} .list_box_sousuo li a img{ display:inline-block} .list_box_sousuo li a span{float:right;font-size: 12px;color: #a4a4a4;} .list_box_sousuo li a span img{ margin:-3px .5rem 0 0} .n_news_detail .ar_article_box .nav01{overflow:hidden;margin-bottom: 2rem;text-align: center;} .n_news_detail .ar_article_box h3{color: #000000;font-size: 1.875rem;line-height: 1.5;margin-bottom: 1rem;} .n_news_detail .ar_article_box h6{display: block;color: #999999;font-size: 1rem;line-height: 1.5;margin-bottom: 0;vertical-align: top;border-bottom: #ececec 1px solid;padding: 0 0 1.25rem;} .n_news_detail .ar_article_box h6 span{margin: 0 .5rem;} .n_news_detail .ar_article_box h6 span img{ margin:-3px 6px 0 0} /*====上一篇下一篇====*/ #ar_fot{position:relative;padding: 20px 0 0;box-sizing: border-box;width: 100%;margin-top: 2rem;border-top: #e5e5e5 1px solid;} #ar_fot h1{display:block;width: 100%;line-height: 2.5rem;color: #000000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size: 1rem;} #ar_fot h1 span{} #ar_fot h1 a{color: #000000;font-weight:normal;transition: .5s;} #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: #0067ac;} .n_news_detail01 h4{ font-size:1.5rem; color:#000000; font-weight:bold; margin:2.5rem 0 1rem; text-align:center} .n_news_detail01 .ar_article p{ line-height:2.5rem; margin-bottom:0.375rem} .n_container .title001{ margin-bottom:2.5rem} .n_container .title001 h3{ font-size: 1.875rem;} .list_box_titu li{border-bottom: #d8d7d7 1px dotted;padding-bottom: 1.5rem;margin-bottom: 1.5rem;} .list_box_titu li a{display:flex;align-items: center;overflow: hidden;} .list_box_titu li a .time{width: 6.25rem;display:flex;align-items:center;} .list_box_titu li a .time .time_con{text-align:center;width: 4.75rem;height: 4.75rem;border-radius: 4px;background: url(../image/time_con_bg.png) center no-repeat;display: flex;align-items: center;justify-content: center;flex-direction: column;} .list_box_titu li a .time h3{font-size: 1.875rem;color: #333333;} .list_box_titu li a .time h6{font-size: 12px;color: ##333333;margin:.25rem 0 0;} .list_box_titu li a .right{width:calc(100% - 6.875rem - 1.25rem);display:flex;align-items: center;overflow:hidden; flex: 1;} .list_box_titu li .con h5{font-size:1.125rem;color: #333333;line-height: 1.25;font-weight:bold;transition:.5s; width:100%; overflow:hidden} .list_box_titu li .con p{font-size:.875rem;color: #888888;line-height:1.5rem;height: 3rem;margin: .75rem 0 0; width:100%; overflow:hidden} .list_box_titu li a .right .img_box{margin-left: 2.25rem;float: left;order: 1;} .list_box_titu li a .right .img_box .img{width: 11.25rem;} .list_box_titu li a .right .img_box .img .img_hezi{padding-bottom: 71% !important;} .list_box_titu li a .right .con{padding: 0;overflow: hidden; flex: 1;} .fanye{ margin: 4rem 0 0;} .list_box_keshi{ display: flex; margin: 0 -1.125rem; flex-wrap: wrap;} .list_box_keshi li{ width: 33.333333%; padding: 0 1.125rem; margin-bottom: 2.75rem;} .list_box_keshi li *{ transition: .5s;} .list_box_keshi li a{ display: block; position: relative; padding: 1rem 1.5rem 1.5rem; background: #f2f2f2;} .list_box_keshi li a:before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 5px;background: #a9c2d7;transition: .5s;} .list_box_keshi li a:after{content: "";position: absolute;top: 0;left: 50%;width: 0;height: 5px;background: url(../image/list_box_keshi_line.png) center no-repeat;background-size: cover;transition: .5s;} .list_box_keshi li a .top{ height: 3.75rem; display: flex; justify-content: center; align-items: center; border-bottom: #9ec6d9 1px solid;} .list_box_keshi li a .top h3{font-size: 1.25rem;color: #333333;font-weight: bold;line-height: 1.375;text-align: center;} .list_box_keshi li a .img{ margin: 1.25rem 0;} .list_box_keshi li a .img .img_hezi{ padding-bottom: 53.23% !important;} .list_box_keshi li a p{ font-size: .875rem; color: #666666; line-height: 1.625rem; height: 4.875rem;} .list_box_14{display:flex;margin:0 -.625rem;flex-wrap: wrap; } .list_box_14 li{ width:33.333333%; padding:0 .625rem; } .list_box_14 li a .img .img_hezi{ padding-bottom:76.02% !important} .list_box_14 li a .con{ text-align:center; padding:.875rem 0} .list_box_14 li a .con h5{ font-size:1.25rem; color:#333333; line-height:1.75; transition:.5s} .list_box_keshi1{ display: flex; margin: 0 -.625rem; flex-wrap: wrap;} .list_box_keshi1 li{ width: 50%; padding: 0 .625rem; margin-bottom: 1.625rem;} .list_box_keshi1 li *{ transition: .5s;} .list_box_keshi1 li a{position: relative;padding: 1.875rem 1.5rem;background: #f2f2f2 ;} .list_box_keshi1 li a:before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 3px;background: #a9c2d7;transition: .5s;} .list_box_keshi1 li a:after{content: "";position: absolute;top: 0;left: 50%;width: 0;height: 3px;background: url(../image/list_box_keshi_line.png) center no-repeat;background-size: cover;transition: .5s;} .list_box_keshi1 li a .top{height: 3.75rem;display: flex;align-items: center;border-bottom: #9ec6d9 1px solid;margin-bottom: 1rem;} .list_box_keshi1 li a .top h3{font-size: 1.25rem;color: #333333;font-weight: bold;line-height: 1.375;text-align: center;} .list_box_keshi1 li a{display: flex;} .list_box_keshi1 li a .img{ width: 10.375rem;} .list_box_keshi1 li a .con{width: calc(100% - 10.375rem);padding: 0 0 0 1.375rem;} .list_box_keshi1 li a .img .img_hezi{padding-bottom: 126.19% !important;} .list_box_keshi1 li a p{font-size: .875rem;color: #666666;line-height: 1.625rem;height: 8.125rem;} .tp14 li a .img .img_hezi{padding-bottom:11rem !important;} /*==========================================内页 结束=============================================*/ @media(min-width: 1200px){ .list_box_01 li a:hover .img>img.img1{ opacity: 0; visibility: hidden;} .list_box_01 li a:hover .img>img.img2{ opacity: 1; visibility: visible;} .list_box_01 li a:hover{ transform: translateY(-.5rem); box-shadow: 0px 0px 59px 0px rgba(0, 0, 0, 0.08);} .list_box_01 li a:hover .top h5{ color: #fff;} .list_box_01 li a:hover .top .ico{ background: #98e3e3;} .list_box_01 li a:hover .top .ico img{ -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: beat 0.5s 1; animation: beat 0.5s 1;} .list_box_02:hover{ box-shadow: 0 0 30px rgba(0,0,0,.2);} .list_box_02 li a:hover .con:after{ width: 100%; left: 0; background: #9c2e2e;} .list_box_02 li a:hover .con h5{ color:#9c2e2e} .list_box_02 li a:hover .con h6 .rr span.span1{background: #9c2e2e;} .list_box_02 li a:hover .con h6 .rr span.span2{border-left: #9c2e2e 6px solid;} .list_box_03 li a:hover .con{ box-shadow: 0 0 30px rgba(0,0,0,.2);} .list_box_03 li a:hover .con:after{ width: 100%; left: 0; background: #9c2e2e;} .list_box_03 li a:hover .con h5{ color:#9c2e2e} .list_box_03 li a:hover .con h6 .rr span.span1{background: #9c2e2e;} .list_box_03 li a:hover .con h6 .rr span.span2{border-left: #9c2e2e 6px solid;} .more001 a:hover p{ color:#9c2e2e} .more001 a:hover .ico{ background: url(../image/more001_ico_on.png) center no-repeat; } .list_box_04 li a:hover .img{ opacity: 1;} .list_box_04 li a:hover .img:after{ top: 1.375rem; right: 1.375rem; bottom: 1.375rem; left: 1.375rem; opacity: 1; visibility: visible;} .list_box_04 li a:hover *{ color: #fff !important;} .list_box_04 li a:hover .top p svg{ fill: #fff !important} .list_box_04 li a:hover .top .ico{ background: url(../image/list_box_04_ico1.png) center no-repeat;} .list_box_05 li a:hover .img:after{ opacity: 1; visibility: visible;} .list_box_05 li a:hover .img img{ transform: scale(1.05);} .list_box_06 li a:hover .img:after{ opacity: 1; visibility: visible;} .list_box_06 li a:hover .img img{ transform: scale(1.05);} .list_box_06 li a:hover .top h5{transform: translateY(0);} .list_box_titu li a:hover .con h5{ color: #0067ac;} .list_box_keshi li a:hover{box-shadow: 0px 0px 16px 0px rgba(179, 184, 188, 0.8);} .list_box_keshi li a:hover:after{ width: 100%; margin-left:-50%} .list_box_14 li a:hover .con h5{ color: #0067ac;} .list_box_keshi1 li a:hover:after{ width: 100%; margin-left:-50%} } @media(min-width: 992px) and (max-width: 1300px){ } @media(max-width: 1830px){ .w1800{ padding:0 15px} } @media(max-width: 1630px){ .w1600{ padding:0 15px} } @media(max-width: 1400px){ } @media(max-width: 1330px){ } @media(max-width: 1200px){ .header_box{ display: none;} .m_header_box{ display: block;} .w1200{ padding: 0 15px;} .mianbao_box{ display: none;} .n_container{ padding: 0;} .n_container .n_left{ display: none;} .n_container .n_right{ width: 100%; padding: 2rem 0;} #nav_slide{ display: block;} } @media(max-width: 1060px){ } @media(max-width: 992px){ .list_box_01{ top: 0;} .container01{ padding: 3rem 0; overflow: hidden;} .list_box_01 li a .top h5{ margin: .5rem 0 0; font-size: 1rem;} #banner .miso-dots{ bottom: 1rem;} #banner .miso-arrow{ width: 48px; height: 58px;} .container02 .content .left{ width: 100%;} .container02 .content .right{ width: 100%; padding: 2rem 0 0;} .list_box_02 li .img .img_hezi {padding-bottom: 69.39% !important;} .list_box_03 li .img .img_hezi {padding-bottom: 69.39% !important;} .list_box_03{ margin: 0 -7px;} .list_box_03 li{ padding: 0 7px;} .list_box_04 li .top h5{ font-size: 1.5rem;} .list_box_04 li .top h6{ font-size: 11px;} footer .fl01 .w1200{ flex-wrap: wrap;} footer .fl01 .left{ width: 100%; padding: 0 0 2rem;} footer .fl01 .right{width: 100%;display: flex;justify-content: center;} footer .fl01{text-align: center;padding: 2rem 0 1rem;} footer .fl01 .right .right_box{justify-content: center;padding: 0 5px;margin-bottom: 1rem;} footer .fl01 .left p{ text-align: left} .list_box_keshi{ margin: 0 -5px;} .list_box_keshi li{ width: 50%; padding: 0 5px; margin-bottom: 1.25rem;} .list_box_keshi li a{ padding: 10px;} .list_box_keshi1 li{ width: 100%;} } @media(max-width: 768px){ #gotop{ right:0; transform:scale(0.7)} .list_box_01{ margin: 0 -7px; flex-wrap: wrap;} .list_box_01 li{ padding: 0 7px; margin-bottom: 1rem;} .list_box_01 li{ width: 50%;} .list_box_01 li a .top .ico img{ max-width: 70%; max-height: 70%;} .list_box_01 li a .top .ico{ width: 3.75rem; height: 3.75rem;} .title001 h3{ font-size: 2rem;} .title001{ margin-bottom: 2.5rem;} .container01{ padding: 2.5rem 0 2rem;} .list_box_04{ margin: 0 -7px;} .list_box_04 li{ width: 50%; padding: 0 7px; margin-bottom: 1rem;} .list_box_02 li .con{padding: 0 1.5rem;height: 17rem;} .list_box_02 li .con p{ margin: 1.25rem 0 1rem;} .more001{ margin: 2rem 0 0;} .container03{ padding: 2.5rem 0;} .list_box_04 li .top .ico{transform: scale(.7);margin-top: -.75rem;} .list_box_04 li .top h5{margin: 0 0 .5rem;font-size: 1.25rem;} .list_box_04 li .top h6{ margin-bottom: 1rem;} .container04{padding: 2rem 0;} .container04 .title001{margin-bottom: 5rem;} .list_box_05 .miso-arrow{width: 2.75rem;height: 2.75rem;top: -2.5rem;} .list_box_05{ margin: 0 -7px;} .list_box_05 li{ padding: 0 7px;} .container05{padding: 0 0 2rem;} footer .fl01 .left h3 img{ max-width:70%} footer .fl01 .right .right_box .ll img{width: 1.5rem;} footer .fl01 .right .right_box .rr h3{ font-size: 1.25rem;} .list_box_05 .miso-prev{ left: 50%; margin-left: -4rem;} .list_box_05 .miso-next{ right: 50%; margin-right: -4rem;} .list_box_05 li .top{ padding: 1rem;} .list_box_05 li .top h5{ font-size: 1.25rem; margin-bottom: .25rem;} .list_box_05 li .top p{ font-size: 12px;} .more001 a .ico{ transform: scale(.6);} .container02{ padding:0 0 1.5rem} .n_news_detail .ar_article_box h3{font-size: 1.375rem;} .ar_article p{font-size:13px !important;line-height:26px !important;margin-bottom:26px !important;text-indent: 26px;} .ar_article img{ /*margin: 0 auto;*/} .ar_article p.vsbcontent_img img{ margin-left:0px} .list_box_titu li a .time{ display:none} .list_box_titu li a .right .img_box{margin-left: 1rem;} .fanye{ margin: 2rem 0 0;} .list_box_keshi li a{ background-size: auto 100%;} .list_box_14{ margin:0 -5px; margin-bottom:-1rem} .list_box_14 li{ padding:0 5px; width:50%; margin-bottom:.5rem} .list_box_keshi1 li a{ padding: 1rem;} .list_box_keshi1 li a{ background-size: auto 100%;} } @media(max-width: 456px){ .tp14 li a .img .img_hezi{padding-bottom:6rem !important;} }