@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:100vh;} html{ overflow:-moz-scrollbars-vertical;} @font-face{ font-family: 'SourceHanSerifCN-Heavy'; src : url('../font/SourceHanSerifCN-Heavy.otf'); } .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执行,其他浏览器不执行*/} .vsbcontent_img{text-align: center !important;} 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.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s 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);*/ /*透明背景*/ .n_qierhuan li.miso-current a{background: #0f72ca; color:#a4c7e7} .n_qierhuan li.miso-current a svg{ fill:#fff} .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} .w1500{ max-width:1500px;margin:0 auto} .w1600{max-width:1600px;margin:0 auto} .w1800{max-width:1800px;margin:0 auto} .flex{display: flex;justify-content: space-between;flex-wrap: wrap;} .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{} .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: 1.025rem !important;color: #323232;line-height: 2rem !important;margin-bottom: 1.5rem !important;text-indent: 2.25rem;text-align: justify;} .ar_article p:last-child{ margin-bottom:0} .ar_article strong{ font-weight:bold;} .ar_article img{ max-width:100%; } .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.025rem; 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:inline-block;} /*百度播放器美化*/ #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: 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);} /* 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(../images/left_svg.svg) center no-repeat;} .miso-lightbox .miso-next:before{ content: ''; background: url(../images/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} .vsbcontent_img img{ width:100% !important; height:auto !important;} } /*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: 3.125rem;height: 3.125rem;line-height: 3.125rem;background: #009ee0; 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; src:url(../font/impact.ttf);} @font-face{ font-family:PingFang; src:url(../font/SAIRAEXTRACONDENSED-SEMIBOLD_1.woff);} @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{ margin:0 auto; padding:0 50px; max-width:1500px;} .header_box_li{position: relative;z-index: 1;position: relative; } .header_box_li::before{content: "";width: 100%;height: 207px;position: absolute;background: url(../images/head-bg02.png) center top no-repeat;} .header_box{position: relative;z-index: 10000;height: 0;} /* #header{position: fixed;z-index:999;width:100%;transition: 0.36s;background-size:cover;} */ /* #header .right{padding: 0 0 0 1.625rem;} */ .header_box_li #header{height: 100%;/* background: url(../images/top-bg.jpg) center top no-repeat;background-size: cover; */} #header.xg:before{background: url(../images/head-bg.png) center top repeat-x;background-size: auto 99%;height: 8rem;} /* .header_box_li #header:after{content:"";position:absolute;height: 4px;top:0;left: 0;right: 0;background: #0068b6;} */ #header.xg:before{background: url(../images/head-bg.png) center top repeat-x;background-size: auto 99%;height: 8rem;} .header_top{position: fixed;right: 6rem;top: 5.25rem;z-index: 10000;overflow: hidden;} .header_top .tianqi{ display:inline-block; height:4rem} .header_top .search_btn{display:inline-block;float: none;font-size: 14px;color: rgba(255,255,255,.5);} .header_top .search { width: 20px; height: 20px; position: relative; z-index: 20; } .header_top .search .input { position: absolute; z-index: 1; left: auto; right: -.5rem; top: -12px; bottom: auto; height: 40px; width: 0; background: #fff; opacity: 0; visibility: hidden; transition: .5s; } .header_top .search .input input { width: 100%; height: 100%; font-size: 13px; padding: 0 2rem 0 1rem; color: #333; } .header_top .search .btn { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 5; } .header_top .search .btn input{cursor: pointer;position: absolute;z-index: 1;left: 0;top: 0;right:0;bottom: 0;height: 100%;width: 100%;} .header_top .search .btn svg{width: 18px;height: 18px;fill:#fff;} .header_top .search:hover .btn svg{ fill: #6510AD; } .header_top .search:hover .input { width: 16.25rem; opacity: 1; visibility: visible; } .more_logo{display: flex;justify-content: flex-start;align-items: center;border-radius: 0.3125rem; background: rgba(16,126,224,0.6) url(../images/morelogo.png) no-repeat center;background-size: cover; padding: 0.5rem 1.25rem;} .more_logo li{margin-right: 1.875rem;padding-right: 1.875rem;position: relative;} .more_logo li::after{content: "";background: url(../images/line.png) no-repeat center;width: 1px;height: 50px;position: absolute;right: 0;top: 50%;margin-top: -25px;} .more_logo li:last-child{margin-right: 0;padding-right: 0;} .more_logo li:last-child::after{content: "";display: none;} .more_logo li a{display: block;} .more_logo li img{display: block;max-height: 50px;} .list_box0{ display:inline-block; vertical-align:top;} .list_box0 .li{transition:.6s;position: relative;padding: 0.875rem 0.5rem;background: #4277c1;margin-bottom: 2px;} .list_box0 .li a img{display: block;} .list_box0 .li a .ewm_box{display:inline-block;border:#d3d3d3 1px solid;background:#fff;position:absolute;left:50%;transform: translateX(-50%) scaleY(1);top: 3.5rem;opacity: 1;visibility: visible;transform-origin:top;display: none;} .list_box0 .li a .ewm_box:before{content:"";position:absolute;border-left:transparent 6px solid;border-right:transparent 6px solid;border-bottom: #fff 6px solid;top: -6px;left: 50%;margin-left: -6px; } .list_box0 .li.li1>a{ font-weight:bold} .list_box0 .li.li1>a.a2{ display:none} .list_box0 .li.li1.on>a.a1{ display:none} .list_box0 .li.li1.on>a.a2{ display:inline-block} .list_box0 .li.li1.on>a span{ margin-left:1.025rem} .list_box0 .li:hover{ opacity:.7} #m_header .list_box0{ float:right} #m_header .list_box0 .li{ line-height:60px;} #m_header .list_box0 .li a .ewm_box{ top:60px} #m_header .list_box0 .li a>img{height: 12px;} #header{} .header_box .w1200{height:100%;position:relative;padding: 21px 50px; display: flex;justify-content: space-between;align-items: center;} .header_box .w1200::after,.header_box .w1200::before{content: "";display: block;} /*.line_bot{ display:block; width:100%; height:1px; position:absolute; left:0; bottom:0; background:rgba(255,255,255,.2);}*/ #header #logo{} #header #logo .box_table{ width:auto} #logo{/* width: 44%; *//* height: 120px; */position: relative;display: flex;align-items: center;padding: 0;} #logo img{max-height: 78px;} #logo img.img2{ display:none;} .nav_box{border-top: 1px solid rgba(255,255,255,0.5);border-bottom: 1px solid rgba(255,255,255,0.5);position: relative;} /* .nav_box::after{content: "";width: 100%;height: 81px;position: absolute;top: 0;left: 0;background: url(../images/nav-bg.png) no-repeat top center;.nav_box} */ #nav{max-width: 1400px;margin:0 auto;position: relative;z-index: 1;} #nav ul li{z-index:0;position: relative;} #nav{} #nav ul{display:flex;justify-content: space-between;} #nav ul::after,#nav ul::before{content: "";display: block;} #nav ul li a{display:block;padding: 0;position: relative;z-index: 2;} #nav ul li h3{font-size: 1.25rem;font-weight: bold; color: #fff;line-height: 50px;position:relative;transition: .36s;display: inline-block;padding-right: 32px;} #nav ul li h3::before{content: "";width: 17px;height: 10px;position: absolute;right: 0;top: 50%;margin-top: -5px;} #nav ul li+li h3::before{content: "";background: url(../images/jt.png) no-repeat center;width: 17px;height: 10px;position: absolute;right: 0;top: 50%;margin-top: -5px;} #nav ul li h3:after{content:"";position:absolute;left: 50%;top: calc(100% + 2px);transition:.6s;border-left: transparent .75rem solid;border-right: transparent .75rem solid;border-bottom: #fff 1rem solid;margin-left: -.75rem;opacity:0;visibility:hidden;} #nav ul li.on1 h3:after{ opacity:1; visibility:visible} #nav ul li a i{ margin:-3px 0 0 .625rem; display:inline-block; width:10px; height:5px; background:; transition:.5s} #nav ul li.on a i, #nav ul li:hover a i{ background:;} #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: rgba(255,255,255,.9);width: auto;left: 50%;z-index: 10000;transform: translateX(-50%) scaleY(0);visibility:hidden;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;transition: .5s;transform-origin: top;border-top: #0f72ca 2px solid;} #nav ul li .sub:before{content:"";position:absolute;border-left:transparent 5px solid;border-right:transparent 5px solid;border-bottom: #0f72ca 5px solid;top: -6px;left: 50%;margin-left: -5px;} #nav ul li .sub .box{padding: 0px 0;text-align:center;} #nav ul li .sub a{padding: 8px 24px;line-height: 28px;transition:.6s;font-size: 16px;color: #323232;text-align: center;white-space: nowrap;z-index:1;} #nav ul li .sub a:before{ content:""; position:absolute; z-index:-1; bottom:0; left:15px; right:15px; background:#cccccc; height:1px; transition:.6s;} #nav ul li .sub a:hover:before{ background: #0f73cb;} #nav ul li .sub a:hover{color: #fff;background: #0f73cb;} #nav ul li:hover .sub{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;visibility:visible;transform: translateX(-50%) scaleY(1);} #nav>ul>li.on h3,#nav ul li:hover h3, #header.xg #nav ul li.on a h3, #header.xg #nav ul li:hover a h3{} #nav>ul>li.xiala h3:before{ display:block} #nav>ul>li:hover h3:after,#nav ul li.on h3:after{ transform:scale(1);} #nav>ul>li.noSubMenu h3:before{ display:none} .search_btn{cursor:pointer;text-align: center;float:left;transition:.6s;margin: 0;position: relative;} .search_btn img{margin: 0;} #header .dw2{float:left;height: 90px;width: 53px;cursor:pointer;position:relative;margin-right: 1.5rem;transition:.6s;margin-left: 1rem;} #header .dw2 .j_tab{ } #header .dw2:after{content:"";width:1px;height: 16px;display:block;position:absolute;background: rgba(255,255,255,.75);right: -1.5rem;top: 50%;margin-top: -8px;} #header .dw2.yuyan:before{content:"";width:1px;height:100%;display:block;position:absolute;left:0;top:0;display: none;} #header .dw2 .dh{height: 23px;line-height: 23px;text-align:center;font-size: 13px;color:#fff;cursor:pointer;transition:.6s;} #header .dw2 .dh span{padding-right: 14px;width: 53px;height: 23px;display: inline-block;font-style: italic;} #header .dw2 .dd{padding-bottom:10px;padding-top:10px;position:absolute;top:100%;width: 100%;text-align:center;background: #acce22;left: 0;border: 1px solid #acce22;opacity: 0;visibility: hidden;transition: 400ms;transform: translateY(15px);} #header .dw2 .dd:before{content:"";display:inline-block;border:8px solid transparent;border-bottom: 8px solid #acce22;position:absolute;top:-16px;left:50%;margin-left:-8px;} #header .dw2 .dd a{display:block;text-align:center;line-height:30px;color: #fff;font-size:13px;padding:0 10px;} #header .dw2 .dd a:hover{ font-weight:bold; } #header .dw2.on .dd{opacity:1; visibility: visible; transform: translate(0);} .search_btn{cursor: pointer;} .search_btn svg{display:inline-block;fill:#fff;width: 16px;height: 16px;vertical-align: middle;} .search-dialog-box{ position: relative; left: 0; top: 0; width: 100%; height: 10.625rem; z-index: 1000000; opacity: 0; visibility: hidden; transition: .6s; /* overflow: hidden; */ } .search-dialog-box:before{content:"";position:absolute;top:0;height:0;background: #0070cd;transition: .6s;left: 0;right: 0;z-index: 1;} .search-dialog-box.on:before{ height:100%} .search-dialog-box .bubbles-bg{ opacity: 0; visibility: hidden; display: none; } .search-dialog-box .search-bg{ position: absolute; left: 0; top: 0; width: 100%; height: 0; margin: 0; background: rgba(0,0,0,.7); background-size: cover; background-repeat: no-repeat; /* z-index: 1; */ transform-origin: center center; transition: height .8s cubic-bezier(.77,0,.175,1); } .search-dialog-box .wrap-inner{ transform:translateY(100%); transition: .6s; } .search-dialog{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; z-index: 2; } .search-dialog .search-tit{ font-size: 2.75rem; line-height: 3.5rem; color: #fff; text-align: center; overflow: hidden; display: none; } .search-dialog .search-inner{ overflow: hidden; margin-top: 0; } .search-dialog .search-input{ width: 50rem; margin: 0 auto; padding: 0 0.5rem 0 1.5rem; background-color: rgba(255,255,255,.1); box-sizing: border-box; transition: all .3s; max-width: 94%; } .search-dialog .search-input input[type=text]{ float: left; height: 4.5rem; width: calc(100% - 3.5rem); background-color: transparent; font-size: 1.25rem; line-height: .5rem; color: #fff; transition: all .3s; } .search-dialog .search-input input[type=text]::-webkit-input-placeholder{ color:rgba(255,255,255,0.5); } .search-dialog .search-input input[type=text]:-moz-placeholder{ color:rgba(255,255,255,0.5); } .search-dialog .search-input input[type=text]::-moz-placeholder{ color:rgba(255,255,255,0.5); } .search-dialog .search-input input[type=text]:-ms-input-placeholder { color:rgba(255,255,255,0.5); } .search-dialog .search-input input[type=submit], .search-dialog .search-input .clear-btn{ float: right; height: 4.5rem; width: 3.5rem; } .search-dialog .search-input input[type=submit]{ background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: 1.5rem; background-image: url('../images/search-btn.svg'); } .search-dialog .search-input .clear-btn{ background-color: rgba(0,0,0,.2); background-repeat: no-repeat; background-position: center; background-image: url('../images/close-btn.svg'); background-size: 3.5rem; border-radius: 100%; margin-right: 1rem; display: none; } .search-dialog .search-input.on{ background-color: #fff; } .search-dialog .search-input.on input[type=submit]{ } .search-dialog .hot-search{ font-size: 0; width:19.5rem; margin:.6rem auto 0; box-sizing: border-box; padding:0 .6rem; overflow: hidden; } .search-dialog .hot-search .hot-tit, .search-dialog .hot-search .hot-link{ display: inline-block; *display: inline; zoom:1; vertical-align: top; } .search-dialog .hot-search .hot-tit{ font-size: .375rem; line-height: .5rem; color: #fff; font-weight: bold; padding-left: .6rem; background-repeat: no-repeat; background-position: left center; background-size: .5rem; background-image:; } .search-dialog .hot-link{ margin-left: 1rem; } .search-dialog .hot-link a{ display: inline-block; *display: inline; zoom:1; font-size: .375rem; line-height: .5rem; margin-right: .75rem; color:#fff; padding-bottom: 5px; position: relative; } .search-dialog .hot-link a:before{ content: ""; position: absolute; left:0%; bottom:0; width:100%; height: 2px; background-color: #fff; transform:scaleX(0); transform-origin:left center; transition:transform .3s; } .search-dialog-box .bottom-box{ position: absolute; left: 0; bottom:5.1%; width:100%; } .search-dialog-box .bottom-box .share-box{ overflow: hidden; } .search-dialog-box .bottom-box .copy{ font-size: .35rem; line-height:.5rem; color: #fff; font-family: "gilroy-regular"; margin-top: .5rem; overflow: hidden; } .header-right.is-open .bubbles-bg{ visibility: visible; opacity: 1; } .header-right.is-open .search-btn .con-box{ display:none; } .header-right.is-open .close-btn{ display:block; } .header-right.is-open .item .search-bg{ transform:scale(1); } .search-dialog-box.on{ opacity: 1; visibility: visible; } .search-dialog-box.on .search-bg{height: 100vh;} .search-dialog-box.on .bubbles-bg{opacity: 1;visibility: visible;} .search-dialog-box.on .wrap-inner{ transform:translateY(0)} .pub-close { position: absolute; width: 3rem; height: 3rem; z-index: 10; right: 1.5rem; top: 1.35rem; background-color: rgba(255,255,255,.1); border-radius: 100%; } .pub-close .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #1c5ab7; transform: scale(0); border-radius: 100%; transition: transform .3s; } .pub-close i { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: center; background-size: 0.75rem; background-repeat: no-repeat; background-image: url(../images/close-btn.svg); transition:.6s } .pub-close i:hover{ transform:rotate(180deg)} @keyframes spin{ to{transform: rotate(1turn);} } @keyframes spin2{ to{transform: rotate(-1turn);} } @keyframes spin-reverse{ from{ transform:rotate(1turn); } } @keyframes spin-reverse2{ from{ transform:rotate(-1turn); } } /*顶部搜索*/ .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: #2780cf;width: 100%;} .tc_search .btn_blue { position: absolute; top: -7; 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消失-结束 */ /*导航按钮开始*/ #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: 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: #ffffff;} #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: #ffffff;} #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: 1.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: #0f72ca;background-size: 100% auto;} #m_nav .close{position:absolute;top: 6px;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(../images/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(../images/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: 80px;} #m_header #logo .box_table, #nav_btn_box .box_table { width: auto; float: left; } .m_header_box header{padding:0 15px;top: 0;height: 80px;box-shadow: 0 3px 5px rgba(0,0,0,.05);position: fixed;top: 0;left: 0;right: 0;z-index: 100;background: #0f72ca;background-size: 100% auto;} #m_header #logo{height: 80px;float: left;width: auto;} #m_header #logo img{max-height:60%;max-height: 60px;} #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} #m_nav .list_box0 .li{ display:inline-block; margin:0 .75rem;background: #2780cf;} #m_nav .list_box0 .li a{color: #fff;} .m_moreLogo{display: flex;margin: 1.25rem auto;width: 100%;justify-content: space-evenly;} .m_moreLogo dd{width: 26%;} .m_moreLogo dd a{display: block;} .m_moreLogo dd img{display: block;width: 100%;} .banner{overflow:hidden;width: 100% !important;position:relative;} #banner .miso-slider{position: initial;} #banner .bg{width: 50%;background:rgba(0,0,0,0.4);top:0;bottom:0;z-index:1000;position: absolute;} #banner .bg01{left: 0;margin-left: -700px;} #banner .bg02{right: 0;margin-right: -700px;} .banner ul li{} .banner ul li a{display:block;position:relative;padding-bottom: 48.95% !important;padding-bottom: 41.42% !important;width: 1400px;} .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 a video{position:absolute;top:0;right:0;bottom:0;left:0;width: 100%;height:auto;background:#000;} .banner.on ul li.miso-current a h5{ transform:translateY(0); opacity:1; visibility:visible} .banner .miso-arrow{ width: 2.8125rem; height: 5rem; background-size: cover !important;} .banner .miso-prev{background: url(../images/banner_prev.png) center no-repeat;margin-left: -700px;left: 50%;border-radius: 0 6px 6px 0;} .banner .miso-next{background: url(../images/banner_next.png) center no-repeat;margin-right: -700px;right: 50%;border-radius: 6px 0 0 6px;} .banner .miso-dots{padding: 0 15px;margin: 0 auto;bottom: .5rem;left: 50%;transform: translateX(-50%);display: flex;justify-content: flex-end;max-width: 1400px;} .banner .miso-dots li{width:33px;height:66px;border-radius:50%;margin: .375rem 0;background:url(../images/miso-dots_bg1.png) center bottom no-repeat;background-size:100% auto !important;transition:.5s;margin-left: .375rem;} .banner .miso-dots li.miso-active{ background:url(../images/miso-dots_bg1_on.png) center no-repeat; } .header_box.xg{position: fixed;width: 100%;} .header_box.xg #logo img{max-height: 50px;} .header_box.xg .more_logo li img{max-height: 30px;} .header_box.xg .w1200{padding: 10px 50px !important;} .header_box.xg .header_box_li::before{content: "";height: 100%;} /*==========================================公共 结束=============================================*/ /*==========================================首页 开始=============================================*/ .container01{padding:3.5rem 0 3.75rem;background:url(../images/container01_bg.jpg) center no-repeat;background-size:cover;overflow: hidden;} .container01 .w1200{ display:flex; flex-wrap:wrap} .container01 .left{ width:58.75rem} .container01 .right{ width:calc(100% - 58.75rem); padding:0 0 0 3.5rem} .title001{ margin-bottom:1.25rem; display:flex; align-items:center} .title001 img{ margin:0 .5rem 0 0} .title001 big{ font-size:1.875rem; color:#323232} .title001 a{font-size:.875rem;color:#0f72ca;display: flex;padding: 0 .875rem;border-left:#0f72ca 1px solid;line-height: 1.875rem;margin-left: .75rem;transition: .5s;} .title001 a:hover{ background:#0f72ca; color:#fff} .list_box_01{font-size:0; white-space:nowrap; margin:0 -.625rem; } .list_box_01 li{ width:33.333333%; padding: 0 .625rem;text-align:center;} .list_box_01 li .img .img_hezi{ padding-bottom:13.75rem !important} .list_box_01 li .con{ height:8.5rem; border:#cfd9e3 1px solid; padding:0 1.25rem; display:flex; flex-direction:column; justify-content:center} .list_box_01 li .con h6{display:flex;align-items:center;font-size:.875rem;color:#0f72ca;transition: .5s;} .list_box_01 li .con h6 svg{fill:#0f72ca;margin:0 .5rem 0 0;transition: .5s;} .list_box_01 li .con h5{font-size:1.025rem;color:#323232;line-height:1.5rem;height:4.5rem;white-space: normal;text-align: left;margin: .625rem 0 0; transition:.5s} .list_box_02{ margin-bottom:-1.25rem} .list_box_02 li{ margin-bottom:1.25rem} .list_box_02 li a{ height:6.5625rem; position:relative; display:block; padding:12px 0 0} .list_box_02 li a span{position:absolute;top:0;left:1.25rem;padding:0 .625rem;background:#0f72ca;font-size:.875rem;color:#fff;line-height:24px;transition: .5s;} .list_box_02 li a .con{box-shadow: 0px 1px 18px 0px rgba(42, 50, 58, 0.14);background:#fff;height:100%;display:flex;align-items:center;/* justify-content:center; */padding:0 1.25rem;transition: .5s;overflow: hidden;} .list_box_02 li a .con h5{font-size:1.125rem;color:#323232;line-height:1.5rem;height:3rem;margin:.5rem 0 0;transition: .5s;width: 100%;} .container02{ padding:3.5rem 0; background:url(../images/container02_bg.jpg) center no-repeat; background-size:cover; overflow:hidden} .container02 .w1200{ display:flex; flex-wrap:wrap} .container02 .left{ width:50%; padding:0 1.75rem 0 0 } .container02 .right{ width:50%; padding:0 0 0 1.75rem} .list_box_03{ margin-bottom:-2.5rem} .list_box_03 li{ margin-bottom:2.5rem; position:relative} .list_box_03 li .a:before{content:"";position:absolute;bottom: -1.25rem;left:calc(4.375rem + 1.25rem);right:0;height:1px;background:#cfcbc1; transition:.5s} .list_box_03 li .a{display:flex;flex-wrap:wrap;align-items:center;position: relative;} .list_box_03 li .a .time{ display:flex; width:4.375rem; height:56px; background:#0f72ca; flex-direction:column; justify-content:center; align-items:center} .list_box_03 li .a .time h3{ font-size:2rem; color:#fff} .list_box_03 li .a .time h6{ font-size:12px; color:#fff} .list_box_03 li .a .con{ width:calc(100% - 4.375rem); padding:0 0 0 1.25rem} .list_box_03 li .a .con h5{ font-size:1.025rem; color:#323232; line-height:1.25; transition:.5s} .list_box_03 li .a .con h6{ font-size:12px; color:#0f72ca; line-height:1.25; margin:.5rem 0 0} .list_box_03 li .a .con h6 span a{display:inline-block;padding: 0 .625rem;line-height: 16px;border-radius:14px;margin-right: .5rem; border:#0f72ca 1px solid; } .list_box_03 li .a .con h6 img{ margin:0 0 0 .375rem} .list_box_03 li:last-child:before{ display:none} .list_box_04 li{ margin-bottom:38px} .list_box_04 li .top{ display:flex; align-items:center; position:relative; z-index:1} .list_box_04 li .top:before{ content:""; position:absolute; left:1rem; right:0; height:3.125rem; background:#fff; z-index:-1; border-radius:1.5rem; transition:.3s; top:0} .list_box_04 li .top .ll{ width:3.75rem; height:3.75rem; background:#fff; box-shadow: 0px 1px 18px 0px rgba(52, 59, 66, 0.2); border-radius:50%; display:flex; align-items:center; justify-content:center; transition:.3s} .list_box_04 li .top .ll img.img2{ display:none} .list_box_04 li .top .rr{width: calc(100% - 4.75rem);padding:0 2.25rem 0 1.025rem;} .list_box_04 li .top .rr h5{ font-size:1.025rem; color:#323232; } .list_box_04 li .top .rr .rr_ico{position:absolute;right: 1rem;background:url(../images/list_box_04_ico_r.png) center no-repeat;width:16px;height:16px;top: 50%;margin-top: -8px; cursor:pointer} .list_box_04 li .bottom{padding:.625rem 0 .625rem 3.75rem;overflow: hidden; display:none} .list_box_04 li .bottom dl{border-left:#a2aab2 1px dashed;padding:0 0 0 1.25rem;overflow: hidden;} .list_box_04 li .bottom dl dd{line-height:1.875rem;font-size:.875rem;color:#666666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display: block;} .list_box_04 li .bottom dl dd img{ margin:0 .5rem 0 0} .list_box_04 li .bottom dl dd:last-child{ font-weight:bold} .list_box_04 li.on .top:before, .list_box_04 li.on .top .ll{ background:#0f72ca} .list_box_04 li.on .top .ll img.img2{ display:inline-block} .list_box_04 li.on .top .ll img.img1{ display:none} .list_box_04 li.on .top .rr h5{ color:#fff} .list_box_04 li.on .top .rr .rr_ico{ background:url(../images/list_box_04_ico_r_on.png) center no-repeat;} .list_box_04 li.on .bottom{ display:block} .container03{ padding:3.5rem 0; background:url(../images/container03_bg.jpg) center no-repeat; background-size:cover; overflow:hidden} .container03 .w1200{ overflow:hidden} .container03 .miso_hd{display:flex;justify-content:center;text-align: center;margin-bottom: 1.25rem;} .container03 .miso_hd li{display:inline-block;float:none;width:auto !important;padding:0 .875rem;font-size: 1.875rem;color: #323232;transition: .5s; position:relative} .container03 .miso_hd li:before{content:"";position:absolute;right: -3px;width: 6px;height:6px;background:#a4a4a4;border-radius:50%;top: 50%;margin-top: -3px;} .container03 .miso_hd li:last-child:before{ display:none} .container03 .miso_hd li.miso-current{ color:#0f72ca} .list_box_05{ margin:0 -.625rem; } .list_box_05 li{ width:20%; padding:0 .625rem} .list_box_05 li .img .img_hezi{ padding-bottom:71.96% !important} .list_box_05 li a h5{ font-size:1.025rem; color:#323232; line-height:1.5rem; height:3rem; transition:.5s; margin:1.25rem 0 0} .more001{ position:absolute; right:0; top:-2.375rem; font-size:.875rem; color:#0f72ca; transition:.5s} .container03 .miso_bd .miso-list{ overflow:visible; height:auto !important} .container04{ padding:3.75rem 0; overflow:hidden} .list_box_06{ margin:0 -.9375rem; } .list_box_06 li{ width:33.333333%; padding:0 .9375rem} .list_box_06 li .img .img_hezi{ padding-bottom:63.35% !important} .list_box_06 .miso-arrow{ width:3.75rem; height:3.75rem; background-size:100% 100% !important} .list_box_06 .miso-prev{ background:url(../images/list_box_06_prev.png) center no-repeat; left:-4.5rem} .list_box_06 .miso-next{ background:url(../images/list_box_06_next.png) center no-repeat; right:-4.5rem} footer{background:url(../images/footer.jpg) center no-repeat;background-size:cover;overflow: hidden;} footer .fl01{ padding:2.5rem 0 2rem} footer .fl01 .w1200{ display:flex; justify-content:space-between; } footer .fl01 .line{ width:1px; background:rgba(255,255,255,.2)} footer .fl01 .left{ padding:1.025rem 0 0} footer .fl01 .left h3{ margin-bottom:.75rem} footer .fl01 .left h6{ font-size:.875rem; color:rgba(255,255,255,.7); line-height:1.75} footer .fl01 .left h6 span{ display:inline-block; margin-right:1rem} footer .fl01 .left h6 img{ margin:-3px .5rem 0 0} footer .fl01 .center{ padding:1.025rem 0 0} footer .fl01 .right{ padding:.25rem 0 0} .list_box_07{display:flex;flex-wrap:wrap;max-width: 21rem;} .list_box_07 li{font-size:.875rem;color:rgba(255,255,255,.7);line-height:1.75;min-width:50%;margin-bottom: .625rem;transition: .5s;} .list_box_07 li a{display:block;position:relative;padding-left:1.3rem;background:url(../images/arrows-y.svg) left center no-repeat;text-align: left;} .list_box_08{ display:flex;} .list_box_08 li{ padding:0 5px} .list_box_08 li .img img{ width:6.25rem} .list_box_08 li h6{ text-align:center; font-size:.875rem; color:rgba(255,255,255,.6); margin:.75rem 0 0} footer .fl02 .content{ border-top:rgba(255,255,255,.2) 1px solid; padding:1.25rem 0; text-align:center} footer .fl02 p{ font-size:.875rem; color:#fff; line-height:1.5} /*==========================================首页 结束=============================================*/ /*==========================================内页 开始=============================================*/ .n_banner1 .img .img_hezi{ padding-bottom:23.4375% !important} #nav_slide{background: #0f72ca;background-size:cover;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:40px;padding-left: 10px;} #sub_nav_content ul li ul li a{font-size: 13px; color: #666;} #sub_nav_content ul li.on>a{color: #0f72ca;} #sub_nav_content ul li ul{ display:none} #nav_slide{ display:none} .n_container{ padding:3.75rem 0; background:#f6f6f6;} .list_box_03s{ margin:0 -1.25rem; display:flex; flex-wrap:wrap; margin-bottom:-2.75rem} .list_box_03s li{ padding:0 1.25rem; width:50%; margin-bottom:3.75rem} .list_box_03s li a .con h5{ line-height:1.5rem; height:3rem} .fanye img{ max-width:100%} .fanye{ margin:3rem 0 0} .n_banner{position: relative;} .n_banner:after{ content:""; position:absolute; top:0; right:0; bottom:0; left:0; background:url(../images/n_banner_top.png) center bottom no-repeat; background-size:100% auto} .n_banner ul li img{ width:100%} .n_banner .img .img_hezi{padding-bottom: 25rem !important;} .n_banner .top .w1200{ display:flex; justify-content:space-between; align-items:center} .n_banner .top{position:absolute;left:0;right:0;bottom: .5rem;z-index:1;} .n_banner .top .left{ padding-bottom:1rem} .n_banner .top .left h3{font-size:1.875rem;color:#fff;font-family: SourceHanSerifCN-Bold;margin-bottom: .75rem;} .mianbao{font-size:.875rem;color: #939695;line-height:20px;margin:.5rem 0 0;display:flex;align-items:center;white-space:nowrap;} .mianbao img{margin: 0 .75rem 0 0;} .mianbao i{margin: 0 .5rem;} .mianbao i, .mianbao em{ font-style:normal} .mianbao em{ color:#fff} .mianbao a{ transition:.5s} .mianbao a:hover{ color:#fff} .n_sanji{display:flex;padding-bottom: .5rem;} .n_sanji li{ margin-left:.5rem} .n_sanji li a{display:flex;align-items:center;justify-content:center;transition:.5s;font-size:1.025rem;color:#fff;height: 46px;padding: 0 1rem;border-radius: 5px;} .n_sanji li.on a{background: #0f72ca;background-size: 100% 100%;font-weight:bold;} .n_qierhuan{display:flex; margin-bottom:2.5rem; justify-content:flex-end} .n_qierhuan li{ margin-left:.5rem} .n_qierhuan li a{display:flex;align-items:center;justify-content:center;transition:.5s;font-size: 1rem;color: #999999;height: 34px;padding: 0 1rem;border-radius: 5px;background: #f1f1f1;} .n_qierhuan li a svg{ fill:#999; margin:0 .5rem 0 0; transition:.5s;} .n_qierhuan li.on a{background: #0f72ca; color:#a4c7e7} .n_qierhuan li.on a svg{ fill:#fff} .list_box_titu{/* margin-bottom:-1.25rem */} .list_box_titu li{ margin-bottom:1.25rem} .list_box_titu li a{display:flex;padding:1.875rem;position:relative;transition:.5s;z-index: 1;align-items: flex-start;} .list_box_titu li a:before{content:"";position:absolute;left:10.625rem;top:0;right:0;bottom:0;background:url(../images/list_box_titu_bg1.jpg) center no-repeat;background-size:cover;z-index: -1; transition:.5s} .list_box_titu li a .img_box{margin-right:1.75rem;} .list_box_titu li a .img{ width:21.25rem;} .list_box_titu li a .img .img_hezi{padding-bottom: 64.70% !important;} .list_box_titu li a .con .time_box{ display:flex; justify-content:space-between } .list_box_titu li a .con .time_box .rr{ display:flex; align-items:center} .list_box_titu li a .con .time{position:relative;} .list_box_titu li a .con .time h3{font-size: 2rem;color: #0f72ca;font-weight:bold;} .list_box_titu li a .con .time h6{font-size: 14px;color: #999999;line-height:14px;margin: .25rem 0 0;min-width: 94px; background:url(../images/time_bg.png) right center no-repeat} .list_box_titu li a .con h5{font-size: 1.025rem;color: #323232;line-height: 1.25;transition:.5s;font-weight:bold;margin: 1.75rem 0 1.025rem;} .list_box_titu li a .con h5 img{ margin:0 .5rem 0 0} .list_box_titu li a .con p{font-size:.875rem;color: #999999;line-height: 1.5rem;height: 4.5rem;} .list_box_tu{ display:flex; margin:0 -.9375rem; flex-wrap:wrap} .list_box_tu li{ padding:0 .9375rem; width:33.333333%; margin-bottom:1.875rem} .list_box_tu li .img .img_hezi{ padding-bottom:67.26% !important} .list_box_tu li .con{ height:8.5rem; padding:0 1.75rem; display:flex; flex-direction:column; justify-content:center; background:#fff; box-shadow: 0px 0px 18px 0px rgba(18, 44, 72, 0.06); border-bottom:#0f72ca 4px solid; transition:.5s} .list_box_tu li .con h6{display:flex;align-items:center;font-size:.875rem;color:#0f72ca;transition: .5s;} .list_box_tu li .con h6 svg{fill:#0f72ca;margin:0 .5rem 0 0;transition: .5s;} .list_box_tu li .con h5{font-size:1.025rem;color:#323232;line-height:1.5rem;height:3rem;white-space: normal;text-align: left;margin: .625rem 0 0; transition:.5s} .n_zhuanti_box1{ display:flex; margin:0 -.9375rem; flex-wrap:wrap} .n_zhuanti_box1 li{ width:33.333333%; padding:0 .9375rem; margin-bottom:1rem} .n_zhuanti_box1 li .img .img_hezi{ padding-bottom:40.35% !important} .n_zhuanti_box1 li .con h5{ font-size:1.025rem; color:#323232; line-height:2.875rem; padding:0 .5rem; text-align:center} .n_zhuanti_box2{ margin:0 -.625rem; display:flex; flex-wrap:wrap} .n_zhuanti_box2 li{ width:50%; padding:0 .625rem; margin-bottom:1.25rem} .n_zhuanti_box2 li a{ display:block; background-size:cover; padding:0 5px 5px 0; position:relative; z-index:1; transition:.5s} .n_zhuanti_box2 li a:before{content:"";position:absolute;top:5px;right:0;bottom:0;left:5px;background: #0f71c8;z-index:-1;transition:.5s;} .n_zhuanti_box2 li a .box{display:flex;height:100%;align-items:center;justify-content:space-between;height: 4.6875rem;background: #fff;padding: 0 0 0 1.875rem;/* border:#d0e4db 1px solid; */box-shadow: 0px 1px 10px 0px rgba(43, 67, 55, 0.14);transition:.5s;background-size: cover;} .n_zhuanti_box2 li a .box .ll{width: calc(100% - 50px);overflow: hidden;} .n_zhuanti_box2 li a .box .ll h5{font-size: 1.025rem;color: #323232;/* display: flex; */align-items: center;line-height: 1.25;} .n_zhuanti_box2 li a .box .rr{align-self: flex-end;} .n_zhuanti .fl02{padding:2.5rem 0 0;margin-top: 0.5rem;border-top: #cacaca 1px solid;} .n_news_detail .w1200{ max-width:1100px} .n_news_detail .ar_article_box .nav01{margin: 0 0 1.5rem;text-align: left;border-bottom: #c4c4c4 1px solid;padding-bottom: .25rem;} .n_news_detail .ar_article_box .nav01 hr{margin: 1.875rem 0 .5rem;background:#e5e5e5;} .n_news_detail .ar_article_box h3{color: #323232;font-size: 2rem;line-height: 1.5;margin-bottom: .5rem;} .n_news_detail .ar_article_box h3 font{display:inline-block;} .n_news_detail .ar_article_box h3 .fr{ width:2.375rem; position:relative} .n_news_detail .ar_article_box h3 .fr>img{width:100%;max-width: 2.375rem;} .n_news_detail .ar_article_box h6{display: block;color: #999999;font-size: 12px;line-height: 2.1875rem;font-weight:normal;margin: 0;vertical-align: top;position: relative;} .n_news_detail .ar_article_box h6 span{margin: 0 1.25rem 0 0;color: #999999;display: inline-block;} .n_news_detail .ar_article_box h6 span img{ margin:-3px 6px 0 0} .n_news_detail .ar_article_box h6 span:hover{} .bdsharebuttonbox01 a {width: 30px!important;height: 30px!important;margin: 0 0!important;float: none!important;padding: 0!important;display: block;} .bdsharebuttonbox01 a img { width: 25px; height: 25px; } .bd_weixin_popup .bd_weixin_popup_foot { position: relative; top: -12px; } .bdshare-button-style0-24{padding:6px;border:#ccc 1px solid;background:#f4f4f4;display: inline-block;} .bdshare-button-style0-24 .bds_weixin,.bdshare-button-style0-24 .bds_sqq,.bdsharebuttonbox01 .bds_qzone, .bdsharebuttonbox01 .bds_tqq,.bdsharebuttonbox01 .bds_tsina { background-position:inherit !important} .bdsharebuttonbox01 dd{font-size:12px;color:#999;margin:0;text-align:center;} .bdsharebuttonbox01 dd:hover{ -webkit-filter:grayscale(0); -moz-filter:grayscale(0); -ms-filter:grayscale(0); -o-filter:grayscale(0); filter:grayscale(0); filter:none; filter:alpha(opacity=100); opacity:1; -moz-opacity:1; -khtml-opacity:1;} .bdsharebuttonbox01{padding:0;} .n_news_detail .bdshare-button-style0-24 dd{display:inline-block;margin-left: 5px;} .n_news_detail .bdshare-button-style0-24{border:none;background:none;line-height: inherit;font-size: 0.875rem;color: #404040;vertical-align: top;position: absolute;right:0;} .n_news_detail .bdshare-button-style0-24 a{ background:none; display:inline-block} .n_news_detail ul.fjList{margin-top:2rem;} .n_news_detail ul.fjList li{font-size: 1rem !important;line-height: 30px !important;} .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} .shart_box{display:inline-block; cursor:pointer} .social-share{display: inline-block;vertical-align: top;margin: 0;transition:.5s;z-index: 10;left: 3rem;opacity: 0;visibility: hidden;}.social-share *{font-family:"socialshare" !important}.social-share a{position:relative;text-decoration:none;margin: 0 .125rem 0;display:inline-block;outline:none;}.social-share .social-share-icon{position:relative;display:inline-block;width: 2.1875rem;height: 2.1875rem;border-radius:50%;line-height: 2.1875rem;border: none;color: #666666;text-align:center;vertical-align: top;transition:background 0.6s ease-out 0s;transition: .6s;font-size: 13px;background: #ececec;margin-right: .75rem;background-size: 100% 100% !important;}.social-share .social-share-icon:hover{ }.social-share .icon-weibo{border-color:#ff763b;}.social-share .icon-weibo:hover{background:#ff763b}.social-share .icon-tencent{color:#56b6e7;border-color:#56b6e7}.social-share .icon-tencent:hover{background:#56b6e7}.social-share .icon-qq{border-color:#56b6e7;}.social-share .icon-qq:hover{}.social-share .icon-qzone{border-color:#FDBE3D;}.social-share .icon-qzone:hover{background:#FDBE3D}.social-share .icon-douban{color:#33b045;border-color:#33b045}.social-share .icon-douban:hover{background:#33b045}.social-share .icon-linkedin{border-color:#0077B5;}.social-share .icon-linkedin:hover{background:#0077B5}.social-share .icon-facebook{color:#44619D;border-color:#44619D}.social-share .icon-facebook:hover{background:#44619D}.social-share .icon-google{color:#db4437;border-color:#db4437}.social-share .icon-google:hover{background:#db4437}.social-share .icon-twitter{color:#55acee;border-color:#55acee}.social-share .icon-twitter:hover{background:#55acee}.social-share .icon-diandian{color:#307DCA;border-color:#307DCA}.social-share .icon-diandian:hover{background:#307DCA}.social-share .icon-wechat{position:relative;border-color:#7bc549;}.social-share .icon-wechat:hover{background:#7bc549}.social-share .icon-wechat .wechat-qrcode{display:none;border:1px solid #eee;position:absolute;z-index:9;bottom: -205px;left:-84px;width:200px;height:192px;color:#666;font-size:12px;text-align:center;background-color:#fff;box-shadow:0 2px 10px #aaa;transition:all 200ms;-webkit-tansition:all 350ms;-moz-transition:all 350ms;}.social-share .icon-wechat .wechat-qrcode.bottom{top:40px;left:-84px}.social-share .icon-wechat .wechat-qrcode.bottom:after{display:none}.social-share .icon-wechat .wechat-qrcode h4{font-weight:normal;height:26px;line-height:26px;font-size:12px;background-color:#f3f3f3;margin:0;padding:0;color:#777}.social-share .icon-wechat .wechat-qrcode .qrcode{width:105px;margin:10px auto}.social-share .icon-wechat .wechat-qrcode .qrcode table{margin:0 !important}.social-share .icon-wechat .wechat-qrcode .help p{font-weight:normal;line-height:16px;padding:0;margin:0}.social-share .icon-wechat .wechat-qrcode:after{content:'';position:absolute;left:50%;margin-left:-6px;top: -13px;width:0;height:0;border-width:8px 6px 6px 6px;border-style:solid;border-color:#fff transparent transparent transparent;}.social-share .icon-wechat:hover .wechat-qrcode{display:block} .social-share .icon-weibo {background: url(../images/share-icon01.png) no-repeat center center !important;background-size: 100% 100% !important;} .social-share .icon-wechat {background: url(../images/share-icon02.png) no-repeat center center;background-size: 100% 100% !important;} .social-share .icon-qq {background: url(../images/share-icon03.png) no-repeat center center;} .social-share .icon-qzone {background: url(../images/share-icon04.png) no-repeat center center;} .n_news_detail .ar_article_box h6 span:hover .social-share{ opacity:1; visibility:visible} .right_fr1{width: 18.75rem;background:#fff;} .right_fr1 .fl001{border-bottom: #e3e3e3 1px solid;margin-bottom: 2.5rem;padding-bottom: 2.5rem;} .right_fr1 .fl000 h3{font-size: 1.625rem;color: #323232;line-height: 1.5;margin-bottom: 1rem;} .n_news_detail{} /*====上一篇下一篇====*/ #ar_fot{position:relative;padding: 2rem 0 0;box-sizing: border-box;width: 100%;border-top: #c4c4c4 1px solid;margin-top: 2.5rem;} #ar_fot h1{display:block;width: 100%;line-height: 2.5rem;color: #323232;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size: 1.025rem;} #ar_fot h1 span{font-weight: normal;} #ar_fot h1 a{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:#0f72ca;} .n_xsgz_box1 li{ margin-bottom:3.75rem} .n_xsgz_box1 li a{ display:block; position:relative; z-index:1} .n_xsgz_box1 li a:before{content:"";position:absolute;top:-1.25rem;right:0;width:50%;background: #9dc92b;height:12.5rem;z-index:-1;} .n_xsgz_box1 li a:after{content:"";position:absolute;bottom:2.5rem;left:0;width:50%;background: #9dc92b;height:12.5rem;z-index:-1;} .n_xsgz_box1 li a .w1200{ display:flex; justify-content:space-between;} .n_xsgz_box1 li a .img{ width:51.25rem} .n_xsgz_box1 li a .img .img_hezi{ padding-bottom:56.09% !important} .n_xsgz_box1 li a .con{ width:calc(100% - 51.25rem); padding:3.25rem 0 0 2.75rem} .n_xsgz_box1 li a .con{ } .n_xsgz_box1 li a .con h6{display:flex;align-items:center;font-size:.875rem;color: #fff;transition: .5s;margin:1.5rem 0 6.25rem;} .n_xsgz_box1 li a .con h6 svg{fill: #fff;margin:0 .5rem 0 0;transition: .5s;} .n_xsgz_box1 li a .con h5{font-size:1.25rem;color: #fff;line-height:1.75rem;height:3.5rem;white-space: normal;text-align: left;margin: .625rem 0 0;transition:.5s;font-weight:bold;} .n_xsgz_box1 li a .con p{font-size:.875rem;color: #fff;line-height:1.5rem;height:4.5rem;margin-bottom:1.375rem;} .n_xsgz_box1 li a .con span{font-size:.875rem;color: #fff;transition:.5s;} .n_xsgz_box1 li:nth-child(2n-1) a .img{ order:1} .n_xsgz_box1 li:nth-child(2n-1) a .con{ padding:3.25rem 2.75rem 0 0 } .n_xsgz_box1 li:nth-child(2n-1) a:before, .n_xsgz_box1 li:nth-child(2n-1) a:after{background: #f5921b;} .n_xsgz_box1 li:nth-child(2n-1) a .con h5{ color:#323232} .n_xsgz_box1 li:nth-child(2n-1) a .con h6{ color:#0f72ca} .n_xsgz_box1 li:nth-child(2n-1) a .con h6 svg{ fill:#0f72ca} .n_xsgz_box1 li:nth-child(2n) a .con p{ color:#666666} .n_xsgz_box1 li:nth-child(2n) a .con span{ color:#666666} .n_xsgz .list_box_tu li .con{ border-bottom:none} .n_djdt{ overflow:hidden} .n_djdt .fl01 .content{ margin:0 -1.75rem; display:flex; flex-wrap:wrap} .n_djdt .fl01 .content .box{ width:33.333333%; padding:0 1.75rem} .n_djdt .fl01 .content .box1{ width:66.666666%;} .n_djdt_box1 li{margin-bottom: 8%;} .n_djdt_box1 li a{ display:block; position:relative} .n_djdt_box1 li .img .img_hezi{ padding-bottom:60.10% !important} .n_djdt_box1 li .img:after{ content:""; position:absolute; top:0; right:0; bottom:0; left:0; background:url(../images/n_djdt_box1_bg.png) center bottom no-repeat; background-size:100% auto} .n_djdt_box1 li .con{ position:absolute; left:0; right:0; bottom:0; padding:1rem 1.75rem} .n_djdt_box1 li .con h5{ font-size:1.025rem; color:#fff; line-height:1.375; font-weight:bold} .n_djdt .fl01 .content .box2 h5{ font-weight:normal} .n_djdt_box2{ display:flex; margin:0 -1.75rem; flex-wrap:wrap} .n_djdt_box2 li{ width:33.333333%; padding:0 1.75rem; margin-bottom:2rem} .n_djdt_box2 li .img .img_hezi{ padding-bottom:60.10% !important} .n_djdt_box2 li a h5{ font-size:1.025rem; color:#323232; line-height:1.5rem; transition:.5s; margin:1.25rem 0 0; text-align:center} .n_xszn .w1200{display:flex;justify-content: space-between;} .n_xszn .left{width:calc(100% - 30.5rem + 5.625rem);/* min-width: calc(100% - 30.5rem + 5.625rem); */margin-right: -5.625rem;} .n_xszn .right{width:30.5rem;} .list_box_n_xszn1{} .list_box_n_xszn1 li .img .img_hezi{ padding-bottom:55% !important} .list_box_n_xszn1 .miso-dots{ bottom:1rem} .list_box_n_xszn1 .miso-dots li{ width:.5rem; height:.5rem; border:#fff 1px solid; border-radius:50%; margin:0 .5rem} .list_box_n_xszn1 .miso-dots li.miso-active{ background:#fff} .list_box_n_xszn2{ margin:0 -.5px} .list_box_n_xszn2 .fl01{ display:flex; align-items:flex-end; margin-bottom:1px} .list_box_n_xszn2 li{ padding:0 .5px} .list_box_n_xszn2 li a{ display:block; position:relative} .list_box_n_xszn2 li a .top{ position:absolute; top:0; right:0; bottom:0; left:0; display:flex; align-items:center; justify-content:center; font-size:1.375rem; color:#fff; letter-spacing:.25rem} .list_box_n_xszn2 li a .top img{ transition:.5s} .list_box_n_xszn2 li.li1{ width:59%} .list_box_n_xszn2 li.li1 .img .img_hezi{ padding-bottom:57.78% !important} .list_box_n_xszn2 li.li2{ width:41%} .list_box_n_xszn2 li.li2 .img .img_hezi{ padding-bottom:126.26% !important} .list_box_n_xszn2 .fl02{ display:flex; align-items:flex-start; margin-bottom:1px} .list_box_n_xszn2 li.li4{ width:59%} .list_box_n_xszn2 li.li4 .img .img_hezi{ padding-bottom:57.78% !important} .list_box_n_xszn2 li.li3{ width:41%} .list_box_n_xszn2 li.li3 .img .img_hezi{ padding-bottom:126.26% !important} .list_box_n_xszn2 li.li1 a .top img, .list_box_n_xszn2 li.li4 a .top img{ margin-right:1rem} .list_box_n_xszn2 li.li2 a .top, .list_box_n_xszn2 li.li3 a .top{ flex-direction:column} .list_box_n_xszn2 li.li2 a .top img, .list_box_n_xszn2 li.li3 a .top img{ margin:0; margin-bottom:1rem} .n_szdw .fl01{ box-shadow: 0px 3px 15.04px 0.96px rgba(24, 26, 31, 0.1); border-bottom:#0f72ca 2px solid; padding:1.025rem 1.25rem; background:#fff; display:flex; } .n_szdw .fl01 .ll{ width:45px; height:22px; line-height:22px; background:#0f72ca; border-radius:4px; text-align:center; font-size:.875rem; color:#fff; text-transform:uppercase} .n_szdw .fl01 .rr{ width:calc(100% - 45px); padding:0 1.875rem 0 1.875rem} .n_szdw .fl011{ box-shadow: 0px 3px 15.04px 0.96px rgba(24, 26, 31, 0.1); border-bottom:#0f72ca 2px solid; padding:1.025rem 1.25rem; background:#fff; display:flex; } .n_szdw .fl011 .ll{width:80px; height:22px; line-height:22px; /*background:#0f72ca; */border-radius:4px; text-align:center; font-size:.875rem; color:#333; text-transform:uppercase} .n_szdw .fl011 .rr{ width:calc(21% - 108px); /*padding:0 1.875rem 0 1.875rem*/} .n_szdw .fl02{ margin:1.875rem 0 0} .list_n_szdw1{ display:flex; justify-content:space-between} .list_n_szdw1 li{ line-height:22px;} .list_n_szdw1 .no{background: #0f72ca; color: #fff; padding: 0 10px; border-radius: 6px;} .list_n_szdw2{ display:flex; justify-content:space-between; margin:0 -.625rem; flex-wrap:wrap} .list_n_szdw2 li{ width:20%; padding:0 .625rem; margin-bottom:1.25rem} .list_n_szdw2 li a{ display:block; padding:1.25rem; border:#cbcbcb 1px solid; text-align:center; transition:.5s} .list_n_szdw2 li .img .img_hezi{ padding-bottom:125% !important} .list_n_szdw2 li .con{ padding:1.025rem 0 0} .list_n_szdw2 li .con h5{ font-size:1.025rem; color:#323232; line-height:1.25; transition:.5s} .list_n_szdw2 li .con h6{ font-size:.875rem; color:#323232; line-height:1.25; transition:.5s; margin:.25rem 0 0} .list_box_dsj{position:relative;z-index:1;padding-bottom: 10px;} .list_box_dsj:before{content:"";position:absolute;top: 18px;bottom:0;width:1px;background:#cccccc;left:35px;z-index:-1;} .list_box_dsj:after{content:"";position:absolute;bottom:0;width:7px;height:7px;background:#0f72ca;left: 32px;z-index:-1;border-radius: 50%;} .list_box_dsj li{display: flex;} .list_box_dsj li .time{background:url(../images/list_box_dsj_bg1.png) center no-repeat;width: 90px;height:71px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:#fff;font-weight:bold;padding: 0 17px 0 0;margin: 5px 0 0;} .list_box_dsj li .bottom{margin: 0rem 0 0;width: calc(100% - 90px);} .list_box_dsj li .bottom .box{padding: 0 0 0 16px;display:flex;position:relative; flex-wrap: wrap;} .list_box_dsj li .bottom .box:before{content:"";position:absolute;top:30px;height:1px;left: 36px;width: 54px;} .list_box_dsj li .bottom .box dl{width:33.333333%;padding: 0 .5rem .25rem;position:relative;margin-bottom: 1.25rem;z-index: 1;} .list_box_dsj li .bottom .box dl .line_h{content:"";position:absolute;top: 42px;height:1px;background:#cccccc;left: 1.75rem;right: 1.75rem;} .list_box_dsj li .bottom .box dl:before{content:"";position:absolute;top: 0;left: .5rem;border: #cccccc 1px solid;right: .5rem;height: 100%;z-index: -1;background: url(../images/list_box_dsj_ico2.png) right bottom no-repeat;transition: .5s;} .list_box_dsj li .bottom .box dl:after{content:"";position:absolute;top: 37px;left: 3px;width: 10px;height: 10px;border: #cccccc 1px solid;transform: rotate(45deg);background: #f6f6f6;border-right: transparent !important;border-top: transparent !important;transition: .5s;} .list_box_dsj li .bottom .box dl dt{line-height: 42px;font-size:1.25rem;color:#0f72ca;margin-bottom: .375rem;padding: 0 1.25rem;} .list_box_dsj li .bottom .box dl dd{font-size:1rem;color:#323232;line-height:24px;padding: 0 1.25rem;} .list_box_dsj li .bottom .box dl dd p{margin-bottom: .5rem;background: url(../images/list_box_dsj_ico1.png) left 5px no-repeat;padding: 0 0 0 14px;} .title002{ display:flex; align-items:center; position:relative; z-index:1; border-left:#0f72ca 4px solid; margin-bottom:1.25rem} .title002 h3{ padding:0 .5rem; background:#f6f6f6; font-size:1.625rem; color:#323232;} .title002:before{ content:""; position:absolute; left:4px; right:0; height:1px; background:#cecece; top:50%; z-index:-1} .list_box_n_dzjg{ margin:0 -1rem; display:flex; flex-wrap:wrap} .list_box_n_dzjg li{width:33.333333%;padding:0 1rem;margin-bottom: 1.875rem;} .list_box_n_dzjg li .a{display:flex;padding:1.25rem 0 1.25rem 0;position:relative;z-index: 1;} .list_box_n_dzjg li .a:before{content:"";position:absolute;top:0;right:0;bottom:0;left:4rem;background:url(../images/list_box_n_dzjg_bg.jpg) center no-repeat;z-index:-1;border: #cecece 1px solid;transition: .5s;background-size: cover;} .list_box_n_dzjg li .a .img{ width:8.125rem} .list_box_n_dzjg li .a .img .img_hezi{ padding-bottom:138.46% !important} .list_box_n_dzjg li .a .con{width:calc(100% - 8.125rem);padding: 0 0 0 1.25rem;} .list_box_n_dzjg li .a .con h5{border-bottom:#e6e6e6 1px solid;display: flex; margin-bottom:.75rem} .list_box_n_dzjg li .a .con h5 big{font-size:1.25rem;color:#323232;padding-bottom: 1rem;position: relative;} .list_box_n_dzjg li .a .con h5 big:before{ content:""; position:absolute; left:0; bottom:0; width:1.875rem; height:3px; background:#0f72ca} .list_box_n_dzjg li .a .con dl dd{ font-size:.871rem; color:#323232; line-height:2rem; overflow:hidden;text-overflow:ellipsis;/*white-space:nowrap;*/ padding-right:1rem;} .list_box_n_dzjg li .a .con dl dd span{ display:inline-block; width:24px} .n_dzjg .fl01{ margin-bottom:2rem} .n_xyld_d .fl01{ display:flex; flex-wrap:wrap; background:url(../images/n_xyld_d_bg.jpg) center no-repeat; background-size:cover; padding:1.875rem; border:#e9e9e9 1px solid; align-items:flex-start} .n_xyld_d .fl01 .img{ width:17.875rem; position:relative} .n_xyld_d .fl01 .img .img_hezi{padding-bottom: 132.46% !important;} .n_xyld_d .fl01 .img:after{ content:""; position:absolute; top:0; right:0; bottom:0; left:0; border:#d9d9d9 1px solid} .n_xyld_d .fl01 .con{ width:calc(100% - 17.875rem); padding:0 0 0 2.5rem} .n_xyld_d .fl01 .con h5{border-bottom:#e6e6e6 1px solid;display: flex; margin-bottom:.75rem} .n_xyld_d .fl01 .con h5 big{font-size:1.5rem;color:#323232;padding-bottom: 1rem;position: relative;} .n_xyld_d .fl01 .con h5 big:before{ content:""; position:absolute; left:0; bottom:0; width:100%; height:3px; background:#0f72ca} .n_xyld_d .fl01 .con .ar_article p{ font-size:1rem; color:#323232; line-height:1.625rem; margin-bottom:1rem} .n_xyld{ padding:3rem 0 0} .n_xyld .fl01{ margin-bottom:2rem} .list_box_n_xyld{ margin:0 -1rem; display:flex; flex-wrap:wrap} .list_box_n_xyld li{width:33.333333%;padding:0 1rem;margin-bottom: 1.875rem;} .list_box_n_xyld li .a{display:flex;padding: .625rem 0 .625rem .625rem;position:relative;z-index: 1;align-items: flex-start;height: 100%;} .list_box_n_xyld li .a:before{content:"";position:absolute;top:0;right:0;bottom:0;left: 0;background:url(../images/list_box_n_xyld_bg.jpg) center no-repeat;z-index:-1;border: #cecece 1px solid;transition: .5s;background-size: cover;} .list_box_n_xyld li .a .img{width: 9.375rem;position: relative;top: -2.5rem;margin-bottom: -2.5rem;} .list_box_n_xyld li .a .img .img_hezi{padding-bottom: 140% !important;} .list_box_n_xyld li .a .img:after{ content:""; position:absolute; top:0; right:0; bottom:0; left:0; border:#e5e5e5 1px solid} .list_box_n_xyld li .a .con{width: calc(100% - 9.375rem);padding: 1.25rem 1.375rem; } .list_box_n_xyld li .a .con h5{border-bottom:#e6e6e6 1px solid;display: flex;margin-bottom: .875rem;} .list_box_n_xyld li .a .con h5 big{font-size:1.25rem;color:#323232;padding-bottom: 1rem;position: relative;} .list_box_n_xyld li .a .con h5 big:before{content:"";position:absolute;left:0;bottom: -1px;width:1.875rem;height:3px;background:#0f72ca;} .list_box_n_xyld li .a .con dl dd{font-size: .875rem;color: #323232;line-height: 1.625rem;overflow:hidden;padding-left: 1.25rem;background: url(../images/list_box_n_dzjg_ico1.png) no-repeat left center;} .list_box_n_xyld li .a .con dl dd span{ display:inline-block; width:24px; padding-right:5px;} .n_gdlgxy .fl01{ position:relative; z-index:1; padding:3.75rem 0; overflow:hidden} .n_gdlgxy .fl01 .content{ margin:1.25rem 1.25rem 1.25rem 0; border:#d0d0d0 1px solid; padding:2.25rem 2.5rem; background:#ffffff url(../images/n_gdlgxy_fl01_bg.png) right bottom no-repeat; position:relative; display:flex;} .n_gdlgxy .fl01 .content:before{content:"";position:absolute;top:-1.25rem;right: -1.25rem;bottom: -1.25rem;left: 1.25rem;border: #d0d0d0 1px solid;z-index: -1;} .n_gdlgxy .fl01 .content .left{ padding:0 2.25rem 0 0} .n_gdlgxy .fl01 .right img{ width:588px;} .n_gdlgxy .ar_article p{ line-height:2.5rem; font-size:1.025rem} .n_gdlgxy .fl02{padding:2.5rem 0 3.75rem;background:url(../images/n_gdlgxy_fl02_bg.jpg) center no-repeat;background-size:cover;overflow:hidden;position: relative;z-index: 1;} .n_gdlgxy .fl02 .fl001{ display:flex; flex-wrap:wrap} .n_gdlgxy .fl02 .left{width:33.5rem;padding:0 2.5rem 0 0;/* position:relative; */z-index:1;} .n_gdlgxy .fl02:before{content:"";position:absolute;top:0;bottom: 0;right: 50%;width:100vw;background:#e3f0fd;z-index: -1;margin-right: 164px;} .n_gdlgxy .fl02 .right{ width:calc(100% - 33.5rem); padding:0 0 0 2.5rem} .title003 h3{ font-size:1.625rem; color:#323232; font-weight:bold; margin-bottom:1.375rem} .title004 h3{ font-size:1.025rem; color:#000000; font-weight:bold; margin-bottom:1.375rem} .list_box_09{ position:relative; z-index:1} .list_box_09:before{ content:""; position:absolute; left:1.625rem; top:0; bottom:0; width:1px; background:#cfdae5; z-index:-1} .list_box_09 li span:after{content:"";position:absolute;top:100%;border-left:transparent .5rem solid;border-right:transparent .5rem solid;border-top: #0f72ca .5rem solid;left: 1.025rem;} .list_box_09 li span{display:inline-block;padding: 0 1.875rem;line-height: 2.5rem;background:#0f72ca;font-size:1.025rem;color:#fff;font-weight:bold;border-radius: 6px;position: relative;} .list_box_09 li h5{ padding:.875rem 0 .875rem 3.5rem; font-size:1.025rem; color:#323232; line-height:2.5rem} .n_gdlgxy .fl02 .fl002{ background:#fff; padding:2rem 3.75rem; position:relative; z-index:1; margin:2.25rem 0 0} .n_gdlgxy .fl02 .fl002:before{ content:""; position:absolute; top:.625rem; right:.6235rem; bottom:.625rem; left:.625rem; border:#dfdfdf 1px solid; z-index:-1; background:url(../images/n_gdlgxy_fl02_dots.png) 2rem 1rem no-repeat} .n_gdlgxy .fl03{ padding:3.75rem 0; overflow:hidden} .n_gdlgxy .fl03 .content{ display:flex; margin:1.5rem 0 0} .n_gdlgxy .fl03 .content .right{ padding:0 0 0 2.25rem} .n_gdlgxy .fl03 .content .left img{ width:500px;} .n_gdlgxy .fl04{ padding:3.75rem 0; overflow:hidden; background:#eff7ff} .n_gdlgxy .fl04 .content{ display:flex; margin:1.5rem 0 0} .n_gdlgxy .fl04 .content .right{ padding:0 2.25rem 0 0 } .n_gdlgxy .fl04 .content .left{ order:1} .n_gdlgxy .fl04 .fl001{ margin:2.5rem 0 0} .n_gdlgxy .fl04 .fl001 a{ display:block; position:relative} .n_gdlgxy .fl04 .fl001 .img .img_hezi{ padding-bottom:32.14% !important} .n_gdlgxy .fl04 .fl001 a .top{ position:absolute; top:0; right:0; bottom:0; left:0; display:flex; align-items:center; justify-content:center} .vwrap {display: none;z-index: 1040000;width: 100%;position: fixed;} .vwrap .videobtg { z-index: 900; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #000; opacity: 0.8; filter: alpha(opacity=80); overflow: hidden; } .vwrap .videobox {z-index: 1200;width: 1000px;height: 560px;background-color: #fff;position: fixed;left: 50%;top: 50%;margin-top: -280px;margin-left: -500px;object-fit: cover;} .vwrap .videobox #videobox { width: 100%; display: inline-block; height: 100%; background:#000; } #videobox_wrapper { height: 100%!important; } .vwrap .close { z-index: 999; width: 31px; height: 31px; cursor: pointer; position: absolute; top: 0px; right: -42px; } .vwrap .close svg {display: block;width: 31px;height: 31px;-webkit-transition: 400ms;transition: 400ms;text-align: center;} .vwrap .close:hover svg { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } #videobox_display_button,#videocontainer_display_button { background: none no-repeat!important; } .jwplayer .jwicon { opacity: 0.8; filter: alpha(opacity=80); cursor: pointer; } .jwplayer .jwicon:hover { opacity: 1; filter: alpha(opacity=100); } .jwlogo, .jwclick { display: none!important; } .jwdisplayIcon{ background: none no-repeat!important;} @media(max-width: 992px){ .vwrap .videobox{width:94%;height: 200px;left: 3%;margin-left: 0;margin-top: -122px;} .vwrap .close{right: 0;top: -35px;} .vwrap .videobox video{} } .n_wlkt .fl01{ background:#eff7ff; overflow:hidden} .n_wlkt .fl01 .content1{ padding:3.75rem 0 3.125rem; overflow:hidden; display:flex; flex-wrap:wrap} .n_wlkt .fl01 .content1 .left{width:47.14%;padding: 0 4% 0 0;} .n_wlkt .fl01 .content1 .right{ width:calc(100% - 47.14%);} .n_wlkt .fl01 .content1 .right .img_box{background:#0f72ca;position:relative;padding: 0;margin-left:1.25rem;} .n_wlkt .fl01 .content1 .right .img_box .img{ transform:translateX(-1.25rem) translateY(1.25rem)} .n_wlkt .fl01 .content1 .right .img_box .img img{ width:100%} .n_wlkt .fl01 .content2{ padding:0 0 5rem; overflow:hidden; display:flex; flex-wrap:wrap; background:url(../images/n_wlkt_fl01_bg.png) right bottom no-repeat} .n_wlkt .fl01 .content2 .left{ width:calc(100% - 47.14%); order:1} .n_wlkt .fl01 .content2 .right{ width:47.14%; padding: 0 4% 0 0;} .n_wlkt .fl01 .content2 .right .img_box{background:#0f72ca;position:relative;padding: 0;margin-right: 1.25rem;} .n_wlkt .fl01 .content2 .right .img_box .img{transform: translateX(1.25rem) translateY(1.25rem);} .n_wlkt .fl01 .content2 .right .img_box .img img{ width:100%} .n_wlkt .fl02{background:#fff url(../images/n_wlkt_fl02_bg.png) left bottom no-repeat;background-size:100% auto;overflow:hidden;position: relative;} .n_wlkt .fl02 .content1{padding: 4.75rem 0 5.125rem;overflow:hidden;display:flex;flex-wrap:wrap;min-height: 22rem;} .n_wlkt .fl02 .content1 .left{width:47.14%;padding: 0 4% 0 0;} .n_wlkt .fl02 .right1{width: calc(100% - 48.14%);position:absolute;top:0;right: 0;} .n_wlkt .fl02 .right1 .img_box .img img{/*width:100%;*/height: 19.5rem;object-fit: cover;} .n_wlkt .fl02 .content2{ padding:0 0 5rem; overflow:hidden; display:flex; flex-wrap:wrap; } .n_wlkt .fl02 .content2 .left{ width:calc(100% - 47.14%); order:1} .n_wlkt .fl02 .content2 .right{ width:47.14%; padding: 0 4% 0 0;} .n_wlkt .fl02 .content2 .right .img_box{background:#0f72ca;position:relative;padding: 0;margin-right: 1.25rem;} .n_wlkt .fl02 .content2 .right .img_box .img{transform: translateX(1.25rem) translateY(1.25rem);} .n_wlkt .fl02 .content2 .right .img_box .img img{ width:100%} .n_wlkt .fl02{ padding: 3.75rem 0; overflow: hidden; background: #eff7ff;} .n_wlkt .fl02 .fl001 a .top{ position:absolute; top:0; right:0; bottom:0; left:0; display:flex; align-items:center; justify-content:center} .n_banner1 .img .img_hezi{padding-bottom: 36.25rem !important;} .n_xiaoyou .fl01{ display: flex; justify-content: center; padding: 3.75rem 0;} .list_box_10{ width: calc(56.25rem + 2.5rem); display: flex; margin: 0 -1.25rem; } .list_box_10 li{ width: 50%; padding: 0 1.25rem;} .list_box_10 li a{ display: block; position: relative;} .list_box_10 li a .img .img_hezi{ padding-bottom: 7.5rem !important;} .list_box_10 li a .top{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center;} .list_box_10 li a .top img{ height: 5rem; margin-right: 1rem;} .list_box_10 li a .top h5{ font-size: 1.875rem; color: #fff; letter-spacing: .125rem; line-height: 1.5;} .n_xiaoyou .fl02{ padding: 0 0 2.25rem; overflow: hidden} .n_xiaoyou .fl02 .miso_hd{display:flex;justify-content:center;text-align: center;margin-bottom: 1.25rem;} .n_xiaoyou .fl02 .miso_hd li{display:inline-block;float:none;width:auto !important;padding:0 .875rem;font-size: 1.875rem;color: #323232;transition: .5s; position:relative} .n_xiaoyou .fl02 .miso_hd li:before{content:"";position:absolute;right: -3px;width: 6px;height:6px;background:#a4a4a4;border-radius:50%;top: 50%;margin-top: -3px;} .n_xiaoyou .fl02 .miso_hd li:last-child:before{ display:none} .n_xiaoyou .fl02 .miso_hd li.miso-current{ color:#0f72ca} .n_xiaoyou .fl02 .miso_bd .miso-list{ overflow:visible; height:auto !important} .list_box_11{ display: flex; margin: 0 -1rem; flex-wrap: wrap;} .list_box_11 li{width: 25%;padding: 0 1rem;margin-bottom: 1.5rem;} .list_box_11 li *{ transition: .5s;} .list_box_11 li a{position: relative;padding-bottom: 2.5rem;display: block;} .list_box_11 li .img .img_hezi{ padding-bottom: 73.61% !important;} .list_box_11 li .con{ background: #fff; margin: 0 0 0 1.25rem; border-top: #0f72ca 3px solid; padding: .75rem 1rem; position: absolute; bottom: 0; left: 0; right: 0;} .list_box_11 li .con h6{ font-size: .875rem; color: #666666;} .list_box_11 li .con h5{ font-size: 1.125rem; color: #323232; margin: .75rem 0 0;} .n_xiaoyou .fl03{ padding: 3.5rem 0; overflow: hidden; background: url(../images/n_xiaoyou_fl03_bg.jpg) center no-repeat; background-size: cover;} .n_xiaoyou .fl03 .miso_hd{display:flex;justify-content:center;text-align: center;margin-bottom: 1.25rem;} .n_xiaoyou .fl03 .miso_hd li{display:inline-block;float:none;width:auto !important;padding:0 .875rem;font-size: 1.875rem;color: #323232;transition: .5s; position:relative} .n_xiaoyou .fl03 .miso_hd li:before{content:"";position:absolute;right: -3px;width: 6px;height:6px;background:#a4a4a4;border-radius:50%;top: 50%;margin-top: -3px;} .n_xiaoyou .fl03 .miso_hd li:last-child:before{ display:none} .n_xiaoyou .fl03 .miso_hd li.miso-current{ color:#0f72ca} .n_xiaoyou .fl03 .miso_bd .miso-list{ overflow:visible; height:auto !important} .list_box_12{ display: flex; margin: 0 -.9375rem; flex-wrap: wrap;} .list_box_12 li{ width: 25%; padding: 0 .9375rem; margin-bottom: 1.625rem;} .list_box_12 li *{ transition: .5s; white-space: normal;} .list_box_12 li .a{ position: relative;} .list_box_12 li .a .img .img_hezi{ padding-bottom: 71.68% !important;} .list_box_12 li .a .top{display: flex;position: absolute;top: 0;right: 0;bottom: 0;left: 0;flex-direction: column;justify-content: space-between;} .list_box_12 li .a .top .top1{ width: 100%;} .list_box_12 li .a .top .top1 dl{padding: 5% 2rem 0;} .list_box_12 li .a .top .top1 dl dd{font-size: 1.125rem;color: #323232;line-height: 2.5rem;transition: .5s;border-bottom: #e9e9e9 1px solid;} .list_box_12 li .a .top .con{ padding: 0 1.5rem 8%; text-align: center;} .list_box_12 li .a .top .con h6{ font-size: .875rem; color: #a1c7e9;} .list_box_12 li .a .top .con h5{ font-size: 1.125rem; color: #fff; margin: .75rem 0 0;} .n_xiaoyou_d .fl01{ padding: 3.75rem 0; overflow: hidden; max-width: 1000px; margin: 0 auto;} .title005{ padding-bottom: 1.5rem; border-bottom: #cacaca 1px solid; text-align: center; margin-bottom: 2.5rem;} .title005 h3{ font-size: 2.125rem ; color: #323232;} .title005 h6{ font-size: 1.125rem ; color: #323232; line-height: 1.75; margin: .75rem 0 0;} .n_xiaoyou_d .fl01 .content{ display: flex; justify-content: center;} .n_xiaoyou_d .fl01 .content{/* width: 680px; */max-width: 100%;} .n_xiaoyou_d .fl01 .content .box{ display: flex; margin-bottom: 1rem;} .n_xiaoyou_d .fl01 .content .box .ll{ width: 11.25rem; line-height: 44px; font-size: 1.125rem; color: #323232; text-align: right;} .n_xiaoyou_d .fl01 .content .box .ll font{ color: #d70c0c;} .n_xiaoyou_d .fl01 .content .box .rr{ width: calc(100% - 11.25rem);} .n_xiaoyou_d .fl01 .content .box .rr input{width: 100%;height: 44px;border: #dfdfdf 1px solid; padding: 0 10px;} .n_xiaoyou_d .fl01 .content .box .rr textarea{width: 100%;height: 200px;border: #dfdfdf 1px solid; padding: 12px 10px;} .n_xiaoyou_d-btn{display: inline-block;width: 11.25rem;line-height: 3.125rem;background: #0f72ca;border-radius: 5px;text-align: center;margin: 0 auto;font-size: 1.125rem;color: #fff;transition: .5s;} .n_xiaoyou_d-btn img{ margin: 0 .75rem 0 0;} .tanchuang_box{position: fixed;top: 0;right: 0;bottom: 0;left: 0;background: rgba(0,0,0,.5);display: flex;align-items: center;justify-content: center;z-index: 10000000;opacity: 0;visibility: hidden;transition: .5s;} .tanchuang_box .box{width: 460px;height: 300px;border-radius: 0;background: #fff;position: relative;z-index: 1;display: flex;align-items: center;justify-content: center;max-width: 94%;max-height: 94vh;} .tanchuang_box .box .box_li{width: 100%;max-width: 80%;text-align: center;} .tanchuang_box .box .box_li h5{font-size:1.125rem;color:#323232;line-height: 1.75;margin: 1rem 0 0;} .tanchuang_box .box .box_li h5 b{font-size:1.625rem;color:#0f72ca;font-weight:bold;} .tanchuang_box .box .close{position: absolute;right: 1.625rem;top: 1.625rem;cursor: pointer;} .tanchuang_box .box .close svg{width: 1.625rem;height: 1.625rem;fill: #444;transition: .5s;} .tanchuang_box.on{ opacity: 1; visibility: visible;} /*==========================================内页 结束=============================================*/ @media(min-width: 992px){ .list_box_01 li a:hover .con h5, .list_box_03 li .a:hover .con h5, .list_box_05 li a:hover h5, .list_box_titu li a:hover .con h5, .n_djdt_box2 li a:hover h5{ color:#0f72ca} .list_box_04 li .top .rr h5 a:hover, .list_box_04 li:hover .top .rr h5 a{ color:inherit} .list_box_07 li:hover, .list_box_02 li a:hover .con h5{ color:#fff} .list_box_03 li .a:hover:before{ background:#0f72ca} .list_box_02 li a:hover .con{ background:#0f72ca} .list_box_02 li a:hover span{ background:#fff; color:#0f72ca} .list_box_01 li a:hover .con{ background:#0f72ca; border:#0f72ca 1px solid} .list_box_01 li a:hover .con h5, .list_box_01 li a:hover .con h6{ color:#fff} .list_box_01 li a:hover .con h6 svg{ fill:#fff} .list_box_titu li a:hover:before{ box-shadow: 0px 2px 29px 0px rgba(60, 73, 67, 0.31);} .list_box_tu li a:hover .con{ background:#0f72ca; border-bottom:#fff 4px solid} .list_box_tu li a:hover .con h5, .list_box_tu li a:hover .con h6{ color:#fff} .list_box_tu li a:hover .con h6 svg{ fill:#fff} .n_zhuanti_box2 li a:hover .box{ background:#0f72ca; color:#fff} .n_zhuanti_box2 li a:hover .box .ll h5{ color:#fff} .n_zhuanti_box2 li a:hover:before{ opacity:.5} .n_xsgz .list_box_tu li a:hover .con{ border-bottom:none} .n_djdt_box1 li a:hover .img img{ transform:scale(1.05)} .list_box_n_xszn2 li a:hover .top img{ transform:rotateY(180deg)} .list_n_szdw2 li a:hover{ background:#0f72ca; border:#0f72ca 1px solid} .list_n_szdw2 li a:hover h5, .list_n_szdw2 li a:hover h6{ color:#fff} .list_box_n_dzjg li .a:hover:before{ border:#0f72ca 1px solid} .list_box_dsj li .bottom .box dl:hover:before{ border: #0f72ca 1px solid;} .list_box_dsj li .bottom .box dl:hover:after{ border: #0f72ca 1px solid;} .list_box_11 li a:hover .con{ padding: 1.25rem 1rem 2.5rem;} .list_box_11 li a:hover .con h5{ font-weight: bold; color: #0f72ca;} .list_box_12 li .a .top .top1 dl dd:hover{ color: #0f72ca;} .list_box_10 li a:hover .img img{ transform:scale(1.05)} .n_xiaoyou_d-btn:hover{ opacity: .8;} .tanchuang_box .box .close:hover svg{ transform: rotate(180deg);} } @media(min-width: 992px) and (max-width: 1300px){ } @media(max-width: 1830px){ .w1800{ padding:0 15px} } @media(max-width: 1630px){ .w1600{ padding:0 15px} .n_banner .img .img_hezi{padding-bottom: 30.20% !important;} } @media(max-width: 1400px){ #nav ul li h3{ font-size:1.025rem} .n_gdlgxy .fl02:before{ margin-right:130px} #banner .miso-prev, #banner .miso-next{ margin:0;} #banner .miso-prev{ left:1.5%} #banner .miso-next{ right:1.5%} #banner .miso-slide .img{display: block;width: 100vw;} #banner .bg{ display:none} } @media(max-width: 1330px){ .n_gdlgxy .fl02:before{ margin-right:100px} } @media(max-width: 1200px){ .w1200{ padding:0 15px} .header_box{ display:none;} .search-dialog-box{display: none;} .m_header_box{ display:block} .banner .miso-dots{ justify-content:center; bottom:-1rem } .banner .miso-dots li{margin: 0 -.25rem;transform: scale(.4);} .container01 .left{ width:100%} .container01 .right{ width:100%; padding:3rem 0 0} footer .fl01 .w1200{ flex-wrap:wrap; text-align:center} footer .fl01 .left{ width:100%; padding:0} footer .fl01 .center{ width:100%; padding:1.5rem 0} footer .fl01 .right{ width:100%; padding:0} .list_box_08{ justify-content:center} footer .fl01 .line{ display:none} .list_box_07{ margin:0 auto} .list_box_01 li .img .img_hezi{ padding-bottom:62% !important} .list_box_06 .miso-arrow{ display:none !important} .n_banner{margin: 0;} .n_banner .top{ display:none} #nav_slide{ display:block} .n_banner:after{ display:none} .n_banner .img .img_hezi{ padding-bottom:8rem !important} .n_xszn .w1200{ flex-wrap:wrap} .n_xszn .left{ width:100%} .n_xszn .right{ width:100%; padding:2rem 0 0} .list_box_n_xszn2 li a .top img{ max-width:3rem; max-height:2rem} .n_gdlgxy .fl01 .content{flex-wrap:wrap;padding: 1.5rem 15px;} .n_gdlgxy .fl01 .content .left{width:100%;padding: 0;} .n_gdlgxy .fl01 .content .right{ width:100%; padding:2rem 0 0} .n_gdlgxy .fl02:before{ display:none} .n_gdlgxy .fl02 .left{ width:100%; padding:0 0 2rem} .n_gdlgxy .fl02 .right{ width:100%; padding:0} .n_gdlgxy .fl03 .content{ flex-wrap:wrap} .n_gdlgxy .fl03 .content .left{ width:100%} .n_gdlgxy .fl03 .content .right{ width:100%; padding:2rem 0 0} .n_gdlgxy .fl04 .content{ flex-wrap:wrap} .n_gdlgxy .fl04 .content .left{ width:100%} .n_gdlgxy .fl04 .content .right{ width:100%; padding:0 0 2rem} .n_gdlgxy img{ max-width:100% } .n_wlkt .fl01 .content1 .left{width:100%;padding: 3rem 0 0;order: 1;} .n_wlkt .fl01 .content1 .right{ width:100%;} .n_wlkt .fl01 .content2 .left{ width:100%;} .n_wlkt .fl01 .content2 .right{width:100%;padding: 0 0 3rem;} .n_wlkt .fl02 .right1{ width:100%; position:relative} .n_wlkt .fl02 .content1 .left{ width:100%; padding:0} .n_wlkt .fl02 .content1{ min-height:inherit} .n_wlkt .fl02 .right1 .img_box .img img{ height:auto} .n_wlkt .fl02 .content2 .left{ width:100%;} .n_wlkt .fl02 .content2 .right{ width:100%; padding:0 0 3rem} .n_banner .img .img_hezi { padding-bottom: 30.20% !important;} } @media(max-width: 1060px){ } @media(max-width: 992px){ .container02 .left{width:100%;padding: 0;} .container02 .right{width:100%;padding: 4rem 0 0;} .list_box_05 li{ width:33.333333%} .title001 img{ width:1.5rem} .title001 big{ font-size:1.5rem} .title001 a{ line-height:1.5rem} .container03 .miso_hd li{font-size: 1.5rem;} .n_xsgz_box1 li a .w1200{ flex-wrap:wrap} .n_xsgz_box1 li a .img{ width:100%} .n_xsgz_box1 li a .con{width:100%;order:2;padding: 1.5rem 0 0 !important;} .n_xsgz_box1 li a:after{ display:none} .n_xsgz_box1 li a .con h6{ margin:.75rem 0 1.5rem} .n_xsgz_box1 li{ margin-bottom:2rem} .n_djdt .fl01 .content .box{ width:100% !important} .n_djdt .fl01 .content .box2 .n_djdt_box1{ display:flex; margin:0 -5px} .n_djdt .fl01 .content .box2 .n_djdt_box1 li{ width:50% !important; padding:0 5px} .n_djdt_box2{ display:flex; margin:0 -5px} .n_djdt_box2 li{width:50% !important;padding:0 5px;margin-bottom: 1rem;} .list_n_szdw2 li{ width:33.333333%} .list_box_dsj li .bottom .box dl{ width:100%} .list_box_dsj li .bottom .box{flex-wrap:wrap;padding: 0 0 0 6px;} .list_box_n_dzjg li{width:100%;margin-bottom: 1rem;} .list_box_n_xyld li{width:100%;margin-bottom: 3rem;} .n_xsgz_box1 li a .con p, .n_xsgz_box1 li a .con span{ color: #666666 !important;} .n_xsgz_box1 li a .con h5{ color:#323232 !important} .n_xsgz_box1 li a .con h6{ color:#0f72ca !important} .n_xsgz_box1 li a .con h6 svg{ fill:#0f72ca !important} .list_box_12 li{ width: 33.33%;} } @media(max-width: 768px){ #gotop{right:0;transform:scale(0.7);bottom: 6rem;} .list_box_05{ margin:0 -5px; overflow:hidden} .list_box_05 li{ width:50%; padding:0 5px} .container01{ padding:3rem 0} .list_box_03 li{ margin-bottom:1.25rem} .list_box_03 li .a:before{ bottom:-.625rem} .list_box_04 li .top .ll img{ max-width:1.5rem} .list_box_04 li .bottom { padding: .625rem 0 .625rem .625rem;} .list_box_04 li .bottom dl dd img{ width:10px;} .list_box_06{ margin:0 -5px} .list_box_06 li{ padding:0 5px} .container04, .container03{ padding:2.5rem 0} footer .fl01 .left h3 img{max-width: 80%;} .list_box_01{ margin:0 -5px; height:auto !important;} .list_box_01 li{ padding:0 5px} .list_box_03s{ margin:0 -5px} .list_box_03s li{ width:100%; padding:0 5px} .n_container{ padding:2.75rem 0} .list_box_titu li{ margin-bottom:1.25rem} .list_box_titu li a{ flex-wrap:wrap} .list_box_titu li a .img_box{ width:100%; margin:0 0 1.5rem} .list_box_titu li a .con{ width:100%} .list_box_titu li a .img{ width:100%} .list_box_titu li a .con .time_box .rr img{width: 2rem;} .list_box_titu li a .con h5{ font-size:1.025rem} .list_box_titu li a:before{ left:0} .list_box_tu{ margin:0 -5px} .list_box_tu li{ width:50%; padding:0 5px} .list_box_tu li .con{padding:0 1rem;height: 7rem;} .fanye{ margin-top:1.5rem} .n_zhuanti_box1{ margin:0 -5px} .n_zhuanti_box1 li{ padding:0 5px; width:50%} .n_zhuanti_box2 li{ width:100%} .n_zhuanti_box2 li a .box{ padding:0 0 0 14px} .n_news_detail .ar_article_box h3{ font-size:1.5rem} .n_news_detail .ar_article_box h6 span.share_box{ display:none} .n_news_detail .ar_article_box h6 span img{ height:10px} .n_xsgz_box1 li a .con h5{ font-size:16px;} .n_djdt .fl01 .content .box2 h5{ font-size:13px; white-space:nowrap} .n_djdt_box2 li a h5{ margin:.75rem 0 0} .list_n_szdw2{ margin:0 -2px} .list_n_szdw2 li{ padding:0 2px} .list_n_szdw2 li a{ padding:.5rem} .n_szdw .fl01{ flex-wrap:wrap} .n_szdw .fl01 .rr{ width:100%; padding:1rem 0 0} .list_n_szdw1{flex-wrap:wrap;justify-content: flex-start;} .list_n_szdw1 li{ width:10%; text-align: center;} .list_box_dsj li .time{width: 54px;height: 42px;background-size: 100% 100% !important;font-size: 14px;padding: 0 12px 0 0;} .list_box_dsj:before{top:15px;left: 22px;} .list_box_dsj li .bottom{ width:calc(100% - 54px)} .title002 h3{ font-size:1.375rem} .n_xyld_d .fl01 .img{ width:100%;} .n_xyld_d .fl01 .con{ width:100%; padding:2rem 0 0} .n_gdlgxy .ar_article p{ line-height:2rem} .n_gdlgxy .fl01{ padding:3rem 0} .n_gdlgxy .fl02 .fl002{padding: 4.5rem 25px 1.5rem;} .n_gdlgxy .fl02 .fl002:before{ background-size:2rem auto} .ar_article p{ font-size:13px !important} .n_gdlgxy .fl04 .fl001 a .top img{ max-width:4rem} .n_wlkt .fl01 .content2{ padding:0 0 3rem} .n_wlkt .fl02 .content1{ padding:3rem 0} .n_wlkt .fl02 .content2 .right .img_box{ margin:0} .n_wlkt .fl02 .content2{ padding:0 0 3rem} .list_box_dsj li .bottom .box dl:after{ left: 2px;} .list_box_dsj:after{ left: 19px;} .list_box_10{ width: 100%; margin: 0; flex-wrap: wrap;} .list_box_10 li{ width: 100%; margin-bottom: 1rem; padding: 0;} .list_box_11{ margin: 0 5px;} .list_box_11 li{ width: 50%; padding: 0 5px;} .list_box_12{ margin:0 -3px} .list_box_12 li{width: 50%;padding: 0 3px;} .list_box_12 li .a .top .top1 dl dd{ font-size: 12px; line-height: 2rem;} .list_box_12 li .a .top .con{ padding: 0 1rem 5%;} .list_box_12 li .a .top .con h5{ margin-top: .375rem;} .list_box_12 li .a .top .top1 dl{ padding: 3% 1rem 0;} .n_xiaoyou .fl03{ padding: 2.5rem 0 2rem;} .n_xiaoyou .fl02 .miso_hd li{ font-size: 1.5rem;} .n_xiaoyou .fl03 .miso_hd li{ font-size: 1.5rem;} .n_xiaoyou .fl01{ padding: 2.5rem 0;} .list_box_10 li a .top img{ height: 3rem;} .list_box_10 li a .top h5{ font-size: 1.375rem;} .n_banner .img .img_hezi {padding-bottom: 41.2% !important;} .n_xiaoyou_d .fl01 .content form .box{flex-wrap: wrap;margin-bottom: 0;} .n_xiaoyou_d .fl01 .content form .box .ll{width: 100%;text-align: left;} .n_xiaoyou_d .fl01 .content form .box .rr{ width: 100%;} .title005 h3{ font-size: 1.5rem;} .title005 h6{ font-size: 13px;} .n_xiaoyou_d-btn img{ height: 14px;} .m_moreLogo dd{width: 30%;} } @media(max-width: 456px){ .m_moreLogo dd{width: 32%;} } /* 高等理工学院 start */ .G_top{background: url(../images/G_topbg.jpg) no-repeat center;background-size: cover;padding: 1.625rem 0;} .G_top .w1600{align-items: center;} .G_logo img{display: block;max-height: 90px;} .G_topR li{margin-left: 1.875rem;} .G_topR li a{display: block;font-size: 1.125rem;color: #fff;line-height: 3.125rem;padding-left: 56px;background: url(../images/G_01.png) no-repeat left center;transition: 0.6s all;} .G_topR li+li a{background: url(../images/G_02.png) no-repeat left center;} .G_topR li+li+li a{background: url(../images/G_03.png) no-repeat left center;} .G_topR li a:hover{color: #a9b9d1;transition: 0.6s all;} .G_banner{overflow: hidden;} .G_banner .swiper-slide a img{display: block;width: 100%;margin: 0 auto;} .G_banner .swiper-button-next,.G_banner .swiper-button-prev{width: 70px;height: 70px;margin-top: -35px;} .G_banner .swiper-button-prev{background: url(../images/G_Left.png) no-repeat center;left: 8%;} .G_banner .swiper-button-next{background: url(../images/G_Right.png) no-repeat center;right: 8%;} .G_banner .swiper-pagination{bottom: 25px !important;} .G_banner .swiper-pagination-bullet{width: 16px;height: 16px;border-radius: 50%;border: 1px solid #fff;opacity: 1;margin: 0 0.9375rem !important;background: transparent;} .G_banner .swiper-pagination-bullet-active{background: #fff;} .G_title{margin-bottom: 2.9375rem;overflow: hidden;position: relative;} .G_title h5{position: relative;} .G_title h5::after{content: "";width: calc(50% - 190px);height: 8px;position: absolute;right: 90px;top: 50%;margin-top: -4px;background: url(../images/G_titleLine.png) no-repeat right center;} .G_title h5 i{font-style: normal; font-size: 1.875rem;color: #242424;font-family: "SourceHanSerifCN-Heavy";display: table;margin: 0 auto;padding-left: 78px;background: url(../images/G_title01.png) no-repeat left center;line-height: 64px;} .G_title a{display: block;position: absolute;right: 0;top: 50%;margin-top: -7px; font-size: 0.875rem;color: #3484d1;transition: 0.6s all;} .G_title a:hover{text-decoration: underline;right: 4px;transition: 0.6s all;} .G_part1{background: url(../images/G_bg.png);padding: 4.25rem 0 6.25rem 0;} .G_part1 li{width: 22.69%;box-shadow: 0px 3px 15.04px 0.96px rgba(24, 26, 31, 0.1);} .G_part1 li a{display: block;} .G_part1 li .pic{overflow: hidden;} .G_part1 li .pic img{display: block;width: 100%;transition: 0.6s all; height:235px;} .G_part1 li .text{position: relative;padding: 3.125rem 1.875rem 1.875rem;background: #fff;border-bottom: 2px solid #2775c1;} .G_part1 li .text .time{background: rgba(16,110,201,0.85);padding: 0.9375rem 1.25rem; position: absolute;top: -50px;left: 1.875rem;} .G_part1 li .text .time .day{font-size: 1.875rem;color: #fff;font-family: "times new roman";margin-bottom: 0.3125rem;} .G_part1 li .text .time .year{font-size: 0.75rem;color: #fff;font-family: "times new roman";} .G_part1 li .text h5{font-size: 1rem;color: #616161;line-height: 1.75rem;transition: 0.6s all;} .G_part1 li:hover .pic img{transform: scale(1.1);transition: 0.6s all;} .G_part1 li:hover .text h5{font-weight: bold;color: #323232;transition: 0.6s all;} .G_part2{background: url(../images/G_bg02.jpg) no-repeat center;background-size: cover;padding: 4.375rem 0 6.25rem 0;} .G_part2 .G_title h5 i{background: url(../images/G_title02.png) no-repeat left center;} .G_part2 ul{margin-bottom: -2.75rem;} .G_part2 li{width: 31.25%;background: #fff;padding: 1.25rem 3.4375rem 1.25rem 4.375rem;margin-bottom: 2.75rem;transition: 0.6s all;} .G_part2 li p{margin-bottom: 1.875rem;} .G_part2 li p i{margin-right: 1.25rem; font-style: normal;display: inline-block; line-height: 1.5rem;font-size: 0.75rem;color: #1875cd;font-family: "times new roman";padding-left: 32px;background: url(../images/G_05.png) no-repeat left center;} .G_part2 li p i b{font-size: 1.875rem;font-family: "times new roman";} .G_part2 li p a{display: inline-block;padding: 0 0.75rem;line-height: 1.25rem;height: 1.25rem;border-radius: 0.625rem;border: 1px solid #1673cd;font-size: 0.75rem;color: #1a7fde;} .G_part2 li h5 a{display: block;white-space: normal; font-size: 1rem;color: #323232;line-height: 1.875rem;height: 3.75rem;overflow: hidden;} .G_part2 li:hover{background: url(../images/G_08.jpg) no-repeat right center;background-size: cover;border-top-left-radius: 0.625rem;border-bottom-right-radius: 0.625rem;transition: 0.6s all;} .G_part2 li:hover p i{color: #fff;background: url(../images/G_05on.png) no-repeat left center;} .G_part2 li:hover p a{color: #fff;border: 1px solid #fff;} .G_part2 li:hover h5 a{font-size: 1.125rem;color: #fff;font-weight: bold;} /* 高等理工学院 end */ /* 未来空天技术学院 start */ .G_top{background: url(../images/W_topbg.jpg) no-repeat center;background-size: cover;padding: 1.375rem 0;} .W_part1{padding: 4rem 0 5.625rem 0;background: url(../images/W_bg01.jpg) no-repeat center;background-size: cover;} .W_part1L{width: 36.25%;} .W_part1L a{display: block;} .W_part1L .pic{overflow: hidden;} .W_part1L .pic img{display: block;width: 100%;transition: 0.6s all; } .W_part1L .text{padding:0 1.25rem;font-size: 1.125rem;color: #fff;line-height: 3.75rem;height: 3.75rem; overflow: hidden;background: #0a66bf;text-align: center;font-weight: bold;overflow: hidden;} .W_part1L:hover .pic img{transform: scale(1.1);transition: 0.6s all;} .W_part1 ul{width: 61.75%;} .W_part1 li{width: 31.38%;} .W_part1 li a{display: block;} .W_part1 li .pic{overflow: hidden;} .W_part1 li .pic img{display: block;width: 100%;transition: 0.6s all; height: 230px;} .W_part1 li .text{margin-top: 1.5rem;} .W_part1 li .text p{font-size: 1rem;color: #616161;line-height: 2.125rem;margin-bottom: 1.25rem; min-height:102px;} .W_part1 li .text i{font-style: normal;font-size: 0.75rem;color: #1673cd;} .W_part1 li:hover .pic img{transform: scale(1.1);transition: 0.6s all;} .W_part1 li:hover .text p{color: #1673cd;font-weight: bold;} .W_part2{background: url(../images/W_bg03.png);position: relative;padding: 4.625rem 0 6.25rem 0;} .W_part2::after{content: "";width: 100%;height: 300px;background: url(../images/W_bg02.jpg) no-repeat center;position: absolute;top: 0;left: 0;} .W_part2 .G_title{position: relative;z-index: 2;} .W_part2 .G_title h5 i{color: #fff;background: url(../images/G_title02W.png) no-repeat left center;} .W_part2 .G_title a{color: #fff;} .W_part2 .G_title h5::after{content: "";background: url(../images/G_titleLineW.png) no-repeat right center;} .W_part2 ul{position: relative;z-index: 2;} .W_part2 ul{margin-bottom: -2.9375rem;} .W_part2 li{width: 31.43%;margin-bottom: 2.9375rem;position: relative;padding: 2.5rem 3.125rem 2.5rem 3.75rem;box-sizing: border-box;} .W_part2 li::after{content: "";width: calc(100% - 15px);height: 100%;background: #fff;border-top-left-radius: 1.875rem; position: absolute;right: 0;top: 0;box-shadow: 0px 3px 21px 0px rgba(205, 205, 205, 0.38);transition: 0.6s all;} .W_part2 li .time{position: absolute;left: 0;top: 2.5rem;z-index: 2;width: 55px;height: 60px;border-top-left-radius: 0.625rem; background-image: -moz-linear-gradient( 20deg, rgb(25,118,206) 0%, rgb(68,146,226) 100%); background-image: -webkit-linear-gradient( 20deg, rgb(25,118,206) 0%, rgb(68,146,226) 100%); background-image: -ms-linear-gradient( 20deg, rgb(25,118,206) 0%, rgb(68,146,226) 100%); } .W_part2 li .day{font-size: 1.875rem;color: #fff;font-family: "times new roman";text-align: center;line-height: 2.5rem;margin-top: 0.25rem;} .W_part2 li .year{font-size: 0.75rem;color: #fff;font-family: "times new roman";text-align: center;} .W_part2 li .text{position: relative;z-index: 2;margin-left: 0.9375rem;} .W_part2 li .text h5 a{display: block;font-size: 1rem;color: #323232;line-height: 1.875rem;height: 3.75rem;overflow: hidden;white-space:normal;} .W_part2 li .text i{font-style: normal;display: block;position: relative;margin: 0.625rem 0;} .W_part2 li .text i::after{content: "";width: 60px;height: 2px;background: #237dd1;position: absolute;left: 0;top: 50%;margin-top: -1px;} .W_part2 li .text i a{display: table;margin: 0 auto;padding: 0 0.75rem;line-height: 1.25rem;border-radius: 0.625rem;border: 1px solid #1a7fde;font-size: 0.75rem;color: #1a7fde;} .W_part2 li .text p{font-size: 0.75rem;color: #777777;line-height: 1.25rem;height: 2.5rem;overflow: hidden;} .W_part2 li:hover::after{background: #1674cd;transition: 0.6s all;} .W_part2 li:hover .time{background-image: -moz-linear-gradient( 20deg, rgb(24,131,232) 0%, rgb(14,92,172) 100%);background-image: -webkit-linear-gradient( 20deg, rgb(24,131,232) 0%, rgb(14,92,172) 100%);background-image: -ms-linear-gradient( 20deg, rgb(24,131,232) 0%, rgb(14,92,172) 100%);} .W_part2 li:hover .text h5 a{color: #fff;} .W_part2 li:hover .text i::after{content: "";background: #fff;} .W_part2 li:hover .text i a{border: 1px solid #fff;color: #fff;} .W_part2 li:hover .text p{color: #fff;} /* 未来空天技术学院 end */ /* 国家卓越工程师学院 start */ .Z_part1{padding: 4.0625rem 0;background: url(../images/Z_bg01.jpg) no-repeat center;background-size: cover;} .Z_part1 .flex{align-items: flex-start;} .Z_part1L{width: 52.66%;padding-right: 120px !important; margin: initial !important;background: #0a66bf;position: relative;} .Z_part1L::after{content: "";width: 120px;height: 100%;position: absolute; right: 0;top: 0;background: url(../images/Z_02.jpg) no-repeat right top;background-size: cover; z-index: 9;} .Z_part1L .swiper-slide a{display: block;position: relative;} .Z_part1L .swiper-slide .pic{overflow: hidden;} .Z_part1L .swiper-slide .pic img{display: block;width: 100%;transition: 0.6s all;} .Z_part1L .swiper-slide .text{position: absolute;bottom: 0;left: 0;line-height: 58px;width: 100%;background: rgba(0,0,0,0.3);} .Z_part1L .swiper-slide .text p{padding: 0 0.9375rem;font-size: 1rem;color: #fff;text-align: center;font-weight: bold;} .Z_part1L .swiper-button-prev,.Z_part1L .swiper-button-next{width: 50px;height: 50px;} .Z_part1L .swiper-button-prev{left: auto;right: 56px;background: url(../images/Z_03.png) no-repeat center;bottom: 35%;top: auto;margin-top: 0;} .Z_part1L .swiper-button-next{right: 14px;bottom: 20%;background: url(../images/Z_04.png) no-repeat center;top: auto;margin-top: 0;} .Z_part1L .swiper-slide:hover .pic img{transform: scale(1.1);transition: 0.6s all;} .Z_part1R{width: 44%;margin-bottom: -2.3125rem;} .Z_part1R li{margin-bottom: 2.3125rem} .Z_part1R li a{display: block;position: relative;overflow: hidden;} .Z_part1R li .time{position: relative;float: left;width: 65px;height: 60px;background: #175cb1;border-bottom-right-radius: 5px;border-top-left-radius: 5px;} .Z_part1R li .day{font-size: 1.875rem;color: #fff;font-family: "times new roman";text-align: center;font-weight: bold;line-height: 2.5rem;} .Z_part1R li .year{font-size: 0.875rem;color: #fff;font-family: "times new roman";text-align: center;} .Z_part1R li p{margin-left: 90px;font-size: 1rem;color: #5a5a5a;line-height: 1.875rem;height: 3.75rem;overflow: hidden;} .Z_part1R li :hover p{font-weight: bold;color: #343434;} .Z_part2{padding: 4.625rem 0 5.5rem 0;background: url(../images/Z_bg02.jpg) no-repeat center;background-size: cover;position: relative;} .Z_part2::after{content: "";display: block;height: 300px; position: absolute;left: 0;top: 0;bottom: 0;right: 50%;margin-right: -46.875rem;background: url(../images/Z_bg03.jpg) no-repeat center;background-size: cover;border-top-right-radius: 6.25rem;} .Z_part2 .G_title{position: relative;z-index: 2;} .Z_part2 .G_title h5 i{color: #fff;background: url(../images/G_title02W.png) no-repeat left center;} .Z_part2 .G_title h5::after{content: "";background: url(../images/G_titleLineW.png) no-repeat right center;width: calc(50% - 290px);right: 190px;} .Z_part2 .G_title a{right: 100px;color: #fff;} .Z_part2 ul{position: relative;z-index: 2;padding-right: 1.875rem;margin-bottom: -2.5rem;} .Z_part2 li{margin-bottom: 2.5rem; width: 30.66%;box-shadow: 0px 3px 21px 0px rgba(205, 205, 205, 0.38);background: #fff;border-bottom-left-radius: 1.875rem;border-top-right-radius: 1.875rem;border: 1px solid #f0f0f0;padding: 1.5625rem;transition: 0.6s all;} .Z_part2T{position: relative;overflow: hidden;margin-bottom: 1.25rem;padding-bottom: 1.25rem;border-bottom: 1px solid #e8e8e8;} .Z_part2T .time{position: relative;float: left;width: 65px;height: 60px;background: #175cb1;border-bottom-right-radius: 5px;border-top-left-radius: 5px;} .Z_part2T .day{font-size: 1.875rem;color: #fff;font-family: "times new roman";text-align: center;font-weight: bold;line-height: 2.5rem;} .Z_part2T .year{font-size: 0.875rem;color: #fff;font-family: "times new roman";text-align: center;} .Z_part2T h5{margin-left: 5.375rem;} .Z_part2T h5 a{white-space: normal;font-size: 1rem;color: #343434;line-height: 1.875rem;height: 3.75rem;overflow: hidden;display: initial;} .Z_part2T h5 i{font-style: normal;margin-left: 1.25rem;} .Z_part2T h5 i a{font-size: 0.75rem;color: #1a7fde;padding: 0 0.75rem;line-height: 1.25rem;height: 1.25rem;border: 1px solid #1673cd;border-radius: 0.625rem;display: table-cell;} .Z_part2 p{font-size: 0.875rem;color: #8c8c8c;line-height: 1.5rem;height: 4.5rem;overflow: hidden;} .Z_part2 li:hover{background: #1674cd;border: 1px solid #1674cd; transition: 0.6s all;} .Z_part2 li:hover .time{background: #fff;} .Z_part2 li:hover .day,.Z_part2 li:hover .year{color: #1674cd;} .Z_part2 li:hover h5 a{color: #fff;} .Z_part2 li:hover h5 i a{color: #fff;border: 1px solid #fff;} .Z_part2 li:hover p{color: #e0e0e0;} /* 国家卓越工程师学院 end */ @media(max-width: 1630px){ .w1600,.w1500{ padding:0 15px} .Z_part2 ul{padding-right: 0;} } @media(max-width: 1400px){ .Z_part2::after{content: "";margin-right: 0;right: 0;width: 100%;} .Z_part2 .G_title a{right: 0;} .Z_part2 .G_title h5::after{width: calc(50% - 190px);right: 90px;} } @media(max-width: 1330px){ } @media(max-width: 1200px){ .G_part2 li{padding: 0.9375rem 1.25rem;} .Z_part1L{padding-right: 0 !important;} .Z_part1L::after{content: "";display: none;} .Z_part1L .swiper-button-prev, .Z_part1L .swiper-button-next{bottom: 50%;margin-bottom: -25px;} .Z_part1L .swiper-button-prev{right: auto;left: 14px;} } @media(max-width: 1060px){ } @media(max-width: 800px){ .G_part1 li .pic img{height:auto;} } @media(max-width: 992px){ .G_part1 li{width: 48%;margin-bottom: 1.875rem;} .G_part2 li{width: 48%;} .G_logo img{max-height: 70px;} .G_banner .swiper-button-next, .G_banner .swiper-button-prev{display: none;} .G_banner .swiper-pagination{bottom: 0.625rem !important;} .G_banner .swiper-pagination-bullet{width: 0.625rem;height: 0.625rem;margin: 0 0.5rem !important;} .W_part1L{width: 100%;} .W_part1 ul{width: 100%;} .W_part1 ul li{margin-top: 1.25rem;} .W_part2 li{width: 48%;} .Z_part1L{width: 100%;} .Z_part1R{width: 100%;margin-top: 1.875rem;} .Z_part2 li{width: 48%;} } @media(max-width: 768px){ .G_part1 li{width: 100%;} .G_part2 li{width: 100%;} .G_topR li{margin-left: 0.9375rem;} .G_topR li a{font-size: 1rem;} .G_topR li a{line-height: 30px;padding-left: 0;background: none;} .G_topR li+li a{background: none;} .G_topR li+li+li a{background: none;} .G_logo img{max-height: 55px;} .G_top{padding: 0.9375rem 0;} .W_part1 li{width: 100%;} .W_part2 li{width: 100%;} .Z_part2 li{width: 100%;} } @media(max-width: 1024px){ .banner ul li a{width:1024px; } } @media(max-width: 768px){ .banner ul li a{width:768px; } } @media(max-width: 540px){ .banner ul li a{width:540px; } } @media(max-width: 414px){ .banner ul li a{width:414px; } } @media(max-width: 375px){ .banner ul li a{width:375px; } } @media(max-width: 456px){ .G_logo{width: 100%;margin-bottom: 0.625rem;} .G_logo img{margin: 0 auto;} .G_topR{margin: 0 auto;} .G_topR li{margin-left: 0.625rem;padding-left: 0.625rem;position: relative;} .G_topR li::after{content: "";width: 1px;height: 4px;background: #fff;position: absolute;left: 0;top: 50%;margin-top: -2px;} .G_topR li:first-child::after{content: "";display: none;} .G_title h5::after{content: "";display: none;} .G_title h5 i{line-height: 40px;background-size: contain;padding-left: 48px;} .G_part2 .G_title h5 i,.W_part2 .G_title h5 i,.Z_part2 .G_title h5 i{background-size: contain;} }