@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;background-size:cover;background-attachment: fixed;} html,body{ min-height:100vh;} html{ overflow:-moz-scrollbars-vertical;} html::-webkit-scrollbar {width:4px;height: 8px;background-color: #F5F5F5;} html::-webkit-scrollbar-track {border-radius: 10px;background-color: #E2E2E2;} html::-webkit-scrollbar-thumb {border-radius: 10px; background-color: #333;} .clearfix:after{/*伪元素是行内元素 正常浏览器清除浮动方法*/ content: ""; display: block; height: 0; clear:both; visibility: hidden;} .clearfix{*zoom: 1;/*ie6清除浮动的方式 *号只有IE6-IE7执行,其他浏览器不执行*/} a{text-decoration:none;bblr:expression(this.onFocus=this.blur());/*IE使用*/outline-style:none;/*FF使用*/; outline:none;} a,input,img,:focus{ mayfish:expression(this.onfocus=this.blur); cursor:handbblr:expression(this.onFocus=this.blur());/*IE使用*/ outline-style:none;/*FF使用*/ } /*去除a标签带来的虚框*/ ul{list-style:none;} img{border:0px; vertical-align:middle} ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,p{padding:0;margin:0; font-weight:normal;} h3,h4,h5{ font-weight:normal;} h4 a:hover,h5 a:hover{ -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;} hr{display:block;height:1px;border:0;background:#d8d8d8;padding:0;margin-bottom: 3.25rem;margin-top: 2.5rem;} abbr,article,aside,audio,canvas,datalist,details,dialog,eventsource,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video{display:block} .fl{ float:left} .fr{ float:right} .clear{clear:both;height:0px;font-size:1px;line-height:0px} .container01,.container02,.container03,.container04,.container05,.container06,.container07,.container08,.n-container01,.n-container03,.n-container04{ margin:0 auto;} .slow{ overflow:hidden} .slow img:hover{ transform:scale(1.05);}/*图片放大*/ .slow img{-moz-transition: all 0.9s ease-in-out;-webkit-transition: all 0.9s ease-in-out;-o-transition: all 0.9s ease-in-out;-ms-transition: all 0.9s ease-in-out;transition: all 0.9s ease-in-out;}/*缓慢效果*/ h5 a,.more a{-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}/*缓慢效果*/ .slow01{-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}/*缓慢效果*/ .slow02{-moz-transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-o-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-ms-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;} .shadow{ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=90, Color='#999999')"; /* For IE 8 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=90, Color='#999999'); /* For IE 5.5 - 7 */-moz-box-shadow: 1px 1px 10px #999999;/* for firefox */ -webkit-box-shadow: 1px 1px 10px #999999;/* for safari or chrome */ box-shadow:1px 1px 10px #999999;/* for opera or ie9 */} .radius{-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } .opacity{filter:alpha(opacity=100); opacity:1; -moz-opacity:1; -khtml-opacity:1}/*透明代码*/ .overfloat-dot{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}/*文本超出 小圆点显示*/ .overfloat-dot-2{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .overfloat-dot-3{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;} .overfloat-dot-4{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;} .overfloat-dot-5{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;} .overfloat-dot-6{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical;} .overfloat-dot-7{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical;} .gray { -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:grayscale(100%); filter:gray; filter:alpha(opacity=60); opacity:0.6; -moz-opacity:0.6; -khtml-opacity:0.6;} /*transform:rotateY(180deg); -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg); transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);*/ /*180度旋转*/ /*oncontextmenu="return false" ondragstart="return false" onselectstart="return false"*/ /*filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7F000000', endColorstr='#7F000000');background:rgba(0,0,0,0.5);*/ /*透明背景*/ .a_body{ position:relative} ul li,dl dd{ vertical-align:top} img{ vertical-align:middle} a{ color:inherit} input,button,textarea {background: none; outline: none;border: none;-webkit-appearance:none; border-radius:0} input:focus {border: none;} input::-webkit-input-placeholder{ color:#999;} input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#999; } input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#999;} input:-ms-input-placeholder{ /* Internet Explorer 10-11 */ color:#999;} textarea::-webkit-input-placeholder{ color:#999;} textarea::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#999;} textarea:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#999;} textarea:-ms-input-placeholder{ /* Internet Explorer 10-11 */ color:#999;} .w100{width:100%} .w1400{ max-width:1400px;margin:0 auto} .w1600{max-width:83%;margin:0 auto} .w1800{max-width:1800px;margin:0 auto} .layui-img-responsive{ max-width:100%;} .img_zd{ position:relative; width:100%} .img_zd .img_hezi{ padding-bottom:60% !important} .img_zd>img{ position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; object-fit:cover} h5 a{ display:inline-block; width:100%; overflow:hidden;text-overflow:ellipsis;white-space:nowrap} ul li:hover h5 a{ color:#ff0000} .more a{ -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;} .box_table{ display:table; table-layout: fixed; width:100%; height:100%} .box_table_cell{ display:table-cell; vertical-align:middle} .box_table_cell *{ white-space:normal; word-wrap:break-word; } /*内容样式*/ .ar_article td, .ar_article th{ padding:15px 10px; border: 1px solid #ededed; vertical-align:middle;} .ar_article td p, .ar_article th p{ padding-bottom:0; margin-bottom:0;} .ar_article table {border-collapse: collapse;border-right: 1px solid #ededed;border-bottom: 1px solid #ededed; width:100%} .ar_article table td { border-left: 1px solid #ededed;border-top: 1px solid #ededed; } .ar_article{font-size:14px;color:#7d7c7c;line-height:30px; } .ar_article p{font-size: 1rem!important;color: #333333;line-height: 1.875rem!important;margin-bottom: 1.25rem;} .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.125rem; margin-bottom:0.875rem}.ar_article h5{ font-size:0.875rem; margin-bottom:0.75rem}.ar_article h6{ font-size:0.75rem; margin-bottom:0.75rem} .ar_article ul li, .ar_article ol li{ padding-bottom:0 !important; margin-bottom:0 !important; margin-left:2rem; list-style:inherit !important;} .ar_article ul li p, .ar_article ol li p{ padding-bottom:0; margin-bottom:3px !important; } .ar_article ul, .ar_article ol{ margin-bottom:0.9375rem;} .ar_article sub {vertical-align:sub; font-size: smaller;} .ar_article sup { vertical-align:super; font-size: smaller;} .ar_article img{ display: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;} .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: 71px;height: 107px;line-height: 2.875rem;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{} #gotop img{ width:100%} @media (max-width:4000px){html{font-size:18px;}} @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{background:url(../images/header_box_bg.png) center no-repeat;background-size:cover;height: 138px; position: fixed;transition: 0.4s; top: 0; left: 0; z-index: 10; width: 100%;} .header_box .fl01{ height:105px;} .header_box .fl01 .logo{line-height: 138px;} .header_box .fl01 .right{} .header_box .fl01 .right .top{ line-height:58px;height:58px;transition:0.4s;overflow:hidden;} .header_box .fl01 .right .search_btn{ cursor:pointer} .header_box .fl01 .right .zhuye{font-size:14px;color: #adadad;margin-left:1.25rem;transition:.5s;} .header_box .fl01 .right .zhuye a{display: inline-block;color: #fe9500;margin-right: 1.25rem;transition: 0.4s;} .header_box .fl01 .right .zhuye a:hover{color: #e9b975;} .header_box.xg{background:#026ac3;height:92px;} .header_box.xg .fl01 .right .top{height:0;} .header_box.xg .fl01 .logo{ line-height: 91px;} .header_box.xg .navBox ul{ margin-top: 26px;} #nav{position: relative;z-index: 100;margin-right: -1.375rem;} .navBox ul {font-size: 0;text-align: center;display: -moz-box;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;justify-content: space-between;} .nav li {text-align: center;position: relative;display: inline-block;vertical-align: top;height: 40px;} .nav li{/* ie9 */} .nav a {display: inline-block;position: relative;padding: 0 1.375rem;height: 40px;font-size: 1.125rem;perspective: 300px;transform-style: preserve-3d;z-index: 10;} .nav a .bg {position: absolute;width: 100%;display: block;height: 0;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;-webkit-transform: rotateX(50deg);transform: rotateX(50deg);z-index: -1;transform-origin: center bottom 0;-webkit-transform-origin: center bottom 0;left: 0;opacity: 0;bottom: 0;visibility: hidden;border-radius: 0 0 1.625rem 0;} .nav a .txt img{margin:-4px 10px 0 0;vertical-align: middle;} .nav a .txt img.img02{ display:none} .nav a .txt {position: relative;z-index: 2;color: #fff;display: inline-block;line-height: 25px;border-radius: 0;vertical-align: top;transition: 0.36s;white-space: nowrap;} .nav .active a .bg,.nav .on a .bg {transform: none;opacity: 1;visibility: visible;bottom: 0;background: url(../images/nav_li_on.png) no-repeat center bottom;height: 100%;} .nav .active a .txt,.nav .on a .txt {color: #fe9500;} .navBox .arrow { position: absolute; left: 0px; top: 75px; height: 4px; display: block; background-color: #e62129; } .subNavbox a:link, .subNavbox a:visited {color: #333;} .subNavbox a:active, .subNavbox a:hover {color: #fff;background:#0056a0;} .subNavbox {position: absolute;left: -20%;top: 40px;background-color: #ffffff;box-shadow: 1px 2px 5px 0 rgba(88, 88, 88, 0.2);display: none;text-align: center;padding: 0;z-index: 0;width: 140%;} .subNavbox .ej_dh {line-height: 1.2;position:relative;} .subNavbox .ej_dh a {line-height: 1.5;height: auto;padding: 15px .5rem;font-size: 1rem;transition: 0.36s;display: block;font-weight: normal;} .subNavbox .ej_dh:hover .sj_dh{display:block;} .subNavbox .sj_dh{position: absolute;left:100%;top:0;display:none;width:100%;background:#fff;} .subNavbox .ej_dh .sj_dh a{line-height: 1.4; height: auto; padding: 14px .5rem; font-size: 0.8rem; transition: 0.36s; display: block;} #dh_pc_li_last .subNavbox .sj_dh{left:auto;right:100%;} .nav a:hover .txt img.img01{ display:none} .nav a:hover .txt img.img02{ display:inline-block} /*==========================================公共 结束=============================================*/ .search-dialog-box{ position: fixed; left: 0; top: 0; width: 100%; height: 12rem; z-index: 1000000; opacity: 0; visibility: hidden; transition: .6s; /* overflow: hidden; */ } .search-dialog-box:before{content:"";position:absolute;top:0;height:0;background: #026ac3;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; } .header-right .bubbles-bg{ opacity: 0; visibility: hidden; transition: all .5s .8s; } .search-dialog-box .bubbles-bg .bubble{ position: absolute; } .search-dialog-box .bubbles-bg .bubble .circle{ border-radius: 100%; position: absolute; left: 0; top: 0; width:100%; height: 100%; } .search-dialog-box .bubbles-bg .bubble1{ width:6%; padding-top: 6%; left: 26.875%; top: -6.67%; } .search-dialog-box .bubbles-bg .bubble1 .circle{ border:1px solid #fff; } .search-dialog-box .bubbles-bg .bubble2{ width:12px; padding-top: 12px; left: 13.54%; top: 18%; } .search-dialog-box .bubbles-bg .bubble2 .circle{ background-color: #ff495f; } .search-dialog-box .bubbles-bg .bubble3{ width:36px; padding-top: 36px; left: 8.854%; top: 30.55%; } .search-dialog-box .bubbles-bg .bubble3 .circle{ background-color: #fff; } .search-dialog-box .bubbles-bg .bubble4{ width:56.875%; padding-top: 56.875%; left: -28.6458%; top: 51.85%; } .search-dialog-box .bubbles-bg .bubble4 .circle{ background: -webkit-linear-gradient(45deg, rgba(255,255,255,0),rgba(255,255,255,.05) 100%); background: -ms-linear-gradient(45deg, rgba(255,255,255,0),rgba(255,255,255,.05) 100%); background: linear-gradient(45deg, rgba(255,255,255,0),rgba(255,255,255,.05) 100%); } .search-dialog-box .bubbles-bg .bubble5{ width:45px; padding-top: 45px; left: 26.3%; top: 70.83%; } .search-dialog-box .bubbles-bg .bubble5 .circle{ background-color: #fff; opacity: .1; } .search-dialog-box .bubbles-bg .bubble6{ width:56.875%; padding-top: 56.875%; left: 73.4375%; top: -52.77%; } .search-dialog-box .bubbles-bg .bubble6 .circle{ background: -webkit-linear-gradient(135deg, rgba(255,255,255,.05),rgba(255,255,255,.1) 100%); background: -ms-linear-gradient(135deg, rgba(255,255,255,.05),rgba(255,255,255,.1) 100%); background: linear-gradient(135deg, rgba(255,255,255,.05),rgba(255,255,255,.1) 100%); } .search-dialog-box .bubbles-bg .bubble7{ width:2rem; padding-top: 2rem; left: 60.9375%; top: 18.5%; } .search-dialog-box .bubbles-bg .bubble7 .circle{ background-color: #ff495f; } .search-dialog-box .bubbles-bg .bubble8{ width:1.35rem; padding-top: 1.35rem; left: 95.83%; top: 70.83%; } .search-dialog-box .bubbles-bg .bubble8 .circle{ border:1px solid #fff; } .search-dialog-box .bubbles-bg .bubble9{ width:16px; padding-top: 16px; left: 76.5625%; top: 96.296%; } .search-dialog-box .bubbles-bg .bubble9 .circle{ background-color: #fff; } .search-dialog-box .bubbles-bg .bubble10{ width:56.875%; padding-top: 56.875%; left: 71.354%; top:87%; } .search-dialog-box .bubbles-bg .bubble10 .circle{ background: -webkit-linear-gradient(135deg, rgba(255,255,255,.05),rgba(255,255,255,.3) 100%); background: -ms-linear-gradient(135deg, rgba(255,255,255,.05),rgba(255,255,255,.3) 100%); background: linear-gradient(135deg, rgba(255,255,255,.05),rgba(255,255,255,.3) 100%); } .search-dialog-box .bubbles-bg .bubble{ animation:spin 8s infinite linear; transform-origin: 50% 45%; } .search-dialog-box .bubbles-bg .bubble:nth-child(2n){ animation:spin2 8s infinite linear; } .search-dialog-box .bubbles-bg .bubble .circle{ animation:spin-reverse 8s infinite linear; } .search-dialog-box .bubbles-bg .bubble:nth-child(2n) .circle{ animation:spin-reverse2 8s infinite linear; } .search-dialog-box .bubbles-bg .sm-bubble{ transform-origin: 30% 30px; } .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=image], .search-dialog .search-input .clear-btn{ float: right; height: 4.5rem; width: 3.5rem; } .search-dialog .search-input input[type=image]{ 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 .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; } .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); } } /*==========================================公共 结束=============================================*/ /*==========================================首页 开始=============================================*/ #nav_btn_box{ height:100%; z-index:999999999; float:right; margin-left:20px; } #nav_btn_box.on{ background:none; } #nav_btn{} #nav_btn .point.on .navbtn::after, #nav_btn .point.on .navbtn::before{ background:#fff;} #nav_btn{cursor: pointer;text-align: center;z-index:99999;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;outline:none;box-shadow:none;} #nav_btn .point{display: inline-block;width: 1.875rem;height: 22px; position: relative; outline:none;} #nav_btn .point:hover .navbtn, #nav_btn .point:hover .navbtn::after, #nav_btn .point:hover .navbtn::before{width: 1.75rem;} #nav_btn .navbtn{position: absolute;top: 12px;left: 0;display: inline-block;width: 21px;height: 1px;-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #fff;} #nav_btn .navbtn::after, #nav_btn .navbtn::before{position: absolute;left: 0;display: inline-block;width: 1.75rem;height: 1px;content: '';-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #fff;} #nav_btn .navbtn::after{top: -8px;} #nav_btn .navbtn::before{top: 8px;} #nav_btn .point.on .navbtn{background: transparent;} #nav_btn .point.on .navbtn::after{-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);top: 0px;} #nav_btn .point.on .navbtn::before{-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);top: 0px;} #m_header #logo .box_table, #nav_btn_box .box_table{ width:auto} #m_header{position: relative;z-index: 99;width:100%;height: 60px;left:0;top:0;padding: 0px 15px;border: none;} #m_header #logo{height: 60px;float: left;max-width: 82%;} #m_header #logo img{max-height:60%;max-height: 48px;max-width: 100%;} #m_header .yuyan{ height:4.5rem; float:right; margin-right:4rem;} #m_header .yuyan span{ display:block; width:24px; height:24px; line-height:24px; color:#fff; font-size:.9rem; text-align:center; margin-left:17px; background:rgba(255,255,255,.3);} .wap_search{ width:80%; margin:0 auto;} .wap_search form{ position:relative;} .wap_search #keyword{width: 80%;height:3.8rem; line-height:3.8rem; border:0;padding:0 1rem; font-size:1rem; color:#999;box-shadow:none;-webkit-appearance: none;float: left;border-right: 0;} .wap_search .btn_blue{width: 20%;height:3.8rem;background-size:20px; font-size:0;color:#fff;cursor:pointer;text-transform:uppercase;float: left;} .tc_search{margin: 0 1.3rem;width: calc(100% - 2.6rem);} .tc_search .header-search{height:40px;border-radius: 0;background: rgba(255,255,255,.15);position:relative;width:100%;margin-bottom: .25rem;} .tc_search .focus_js{font-size:.875rem;color:#fff;height:38px;line-height:38px;padding:0 1rem;box-shadow:none;-webkit-appearance: none;border-right: 0;background:none;width: 100%;} .tc_search .btn_blue{ position:absolute; top:0; right:0; width: 40px;height:38px; line-height:38px; border:0; background:url(../images/search_white.svg) center center no-repeat; background-size:1.2rem; } .tc_search .btn_blue.fr{ background:#e9edef; color:#4e4f53;} .tc_search input::-webkit-input-placeholder{ color:#fff; color: rgba(255,255,255,.7); } .tc_search input::-moz-placeholder{ color:#fff; color: rgba(255,255,255,.7); } .tc_search input:-moz-placeholder{ color:#fff; color: rgba(255,255,255,.7); } .tc_search input:-ms-input-placeholder{ color:#fff; color: rgba(255,255,255,.7); } .tc_search input:focus::-webkit-input-placeholder {color: transparent;} .tc_search input:focus:-moz-placeholder {color: transparent;} .tc_search input:focus::-moz-placeholder {color: transparent;} .tc_search input:focus:-ms-input-placeholder {color: transparent;} .m_nav_list{flex-direction:column; justify-content: flex-start; width:100%; overflow: auto;} .m_nav_list::-webkit-scrollbar {display:none} #m_nav { z-index: 99999; position: fixed; background: #026ac3; width: 61.8%; height:100vh; right: -105%; top: 0; display:none; padding: 1rem 0 2rem; overflow:hidden; pointer-events: none; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; } #m_nav.act{ pointer-events: auto; right:0;} #m_nav>ul>li{width:100%;overflow:hidden;padding: 0 1.25rem;} #m_nav>ul>li+li{ border-top:1px solid rgba(255, 255, 255, 0.1);} #m_nav li .a{ display:inline-block; width:calc(100% - 30px)} #m_nav li .a h3{line-height: 4rem;height: 4rem;color:#fff;padding:0;font-size: 1rem;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: 13px;height: 4rem;float:right;display:inline-block;background: url(../images/arrow_down.svg) center no-repeat;background-size:contain;} #m_nav li.on.title i{ background: url(../images/arrow_down_on.svg) center no-repeat;background-size:contain;} #m_nav li{display:block;width:100%;} .slide_nav{ position: absolute; left:0; height: 70px; z-index: 998; padding:15px; top:0; width: 100%; } #m_nav .title .list{display:none;position:relative;width:100%;z-index:9;left:0;margin-left:0;background:none;border:0;clear: both;padding-bottom:10px;} #m_nav .title .list span{ background:none; } #m_nav .title .list span a:hover{ color: #014085;} #m_nav .title .list a{display:block;font-size:1rem;color: #fff;text-align:left;line-height:40px;height: 40px;border:0;font-weight:300;} #m_nav .title .list .void>a{background-size:10px; position:relative;} #m_nav .title .list .void>a:before{ content:"·"; position:absolute; left:-1em; font-size:12px; font-weight:bold;} #m_nav .title .list span{ position:relative; display:block;} #m_nav .title .list span .sub{ position: static; width:100%;display: block !important; overflow:hidden;} #m_nav .title .sub a{ background:none; font-size:.875rem; opacity:.8; min-width:50%; float:left; display:inline-block; color:#999;} .nav_mask { position: fixed; top: 0; left: 0;width: 100%;height: 100%;z-index: 888;background-color: rgba(0,0,0,0.4);display: none;} .m_header_box{display:none;height: 60px;} .title001{margin-bottom: .75rem;text-align: center;height: 8.9375rem;z-index: 1;position: relative;} .title001::before{content: "";position: absolute;left: 50%;top: 0;bottom: 0;width: 16.25rem;z-index: -1;background-size: auto 100% !important;transform: translateX(-50%);} .title001 h2{ padding: 1.5rem 0 0;} .title001 h2 font{font-size: 2.5rem;color: #282828;font-weight: bold;position: relative;display: inline-block;} .title001 h2 font:before{content: "";position: absolute;left: 114%;width: 1.875rem;height: 1px;background: #a9a9a9;top: 50%;} .title001 h2 font:after{content: "";position: absolute;right: 114%;width: 1.875rem;height: 1px;background: #a9a9a9;top: 50%;} .title001 h5{ font-size: 1rem; color: #acacac; margin: .375rem 0 0;} .banner{} .banner .swiper-slide{width: 100%;} .banner .swiper-slide img{width: 100%;} .banner .swiper-pagination{bottom: 18px;} .banner .swiper-pagination>span{width: 1.875rem;height: 2px;background: #fff !important;border-radius: 0;opacity: 1;transition: 0.4s;} .banner .swiper-pagination>span.swiper-pagination-bullet-active{width: 3.75rem;} @font-face{ font-family: 'georgia'; src : url('../fonts/georgia.ttf'); } @font-face{ font-family: 'georgiab'; src : url('../fonts/georgiab.ttf'); } @font-face{ font-family: 'georgiai'; src : url('../fonts/georgiai.ttf'); } @font-face{ font-family: 'georgiaz'; src : url('../fonts/georgiaz.ttf'); } .part .title{height: 62px;display: flex;position: relative;margin-bottom: 25px; } .part .title p{display: table;margin: 0 auto;text-align: center;line-height: 62px;font-size: 1.875rem; background: url(../images/title_bg.png) center center no-repeat; width: calc(100% - 110px);} .part .title p img{margin-right:15px;} .part .title a{ display: block;font-weight: lighter; text-align: center; line-height: 4.5rem; font-size: 0.875rem; width: 3.5rem; height: 3.375rem; transition: 0.7s; position: absolute; right: 0; top: 0; } /*.part .title a::after{content: "";display: block;width: 7.3125rem;height: 3.875rem;background: url(../images/more.png) no-repeat center center;background-size: 100% 100%;position: absolute;right: 0;top: 0;transition: 0.7s;}*/ .part .title a::after{content: "";display: block;width:100%;height:1px;background:#cccccc;position: absolute;left:0;bottom:0;z-index:1;} .part .title a::before{content: "";display: block;width:0%;height:1px;background:#fe9500;position: absolute;left:0;bottom:0;transition:0.5s;z-index:2;} .part .title a:hover{color:#fe9500;font-weight: normal;} .part .title a:hover::before{width:100%;} .part3 .title p{color: #fff;} .part3 .title a{color: #fff;} .part3 .title a::after{background:#fff;} .part1{padding: 3.75rem 0;} .part1 ul{float:left;width: 66.5%;} .part1 ul::after{content: "";display: block;clear: both;} .part1 ul li{width: 48%;float: left;} .part1 ul li+li{margin: 0 0% 0 3.125%;} .part1 ul li+li+li{margin: 0;} .part1 ul li a{display: block;} .part1 ul li .img{width: 100%;overflow: hidden;height: 21rem;} .part1 ul li .img img{width: 100%;transition: 0.4s;height: 100%;} .part1 ul li:hover .img img{transform: scale(1.1);} .part1 ul li .sj{width: 70px;float: left;background: #fe9500;position: relative;top: -20px;} .part1 ul li .sj p{font-size: 28px;line-height: 24px;text-align: center;color: #fff;margin: 12px 0;font-family: '微软雅黑;';} .part1 ul li .sj span{display: block;text-align: center;font-size: 12px;text-align: 24px;color: #fff;font-family: '微软雅黑;';padding-bottom: 10px;} .part1 ul li .con{width: calc(100% - 70px);border-left: 2px solid #026ac3;background: url(../images/part1_con_bg_new.png) no-repeat;padding: 3% 5%;float: right;position: relative;z-index: 2;top: -20px;transition: 0.4s;background-size: 100%;} .part1 ul li .con .bt{font-size: 16px;line-height: 1.625rem;color: #fff;transition: 0.4s;height:52px; overflow: hidden;} .part1 ul li .con span{font-size: 12px;color: #fff;transition: 0.4s;display: none;} .part1 ul li:hover .con{top: -10px;} .part1 ul li:hover .con .bt{color: #fff;} .part1 ul li:hover .con span{color: #fff;} .part1 .right_list{float:right; width: 32%;} .part1 .right_list a{ display: block;position: relative; margin-bottom: 1.3rem; transition: 0.4s; padding: 12px 0 12px 8px;} .part1 .right_list a::after{background: #fff;box-shadow: 0 0 8px rgba(0,0,0,0.18);content: "";display: block;position: absolute;z-index: 0;width: calc(100% - 50px);height: 100%;top: 0;right: 0;transition: 0.4s;} .part1 .right_list a:hover::after{background:#026ac3;} .part1 .right_list a:hover .sj{color: #fff;background: #fe9500;} .part1 .right_list a:hover .xbt{color:#fff;} .part1 .right_list .sj{ line-height: 20px;background: #d9d9d9;position: relative;z-index: 1; padding-top: 12px; padding-bottom: 3px; width: 80px; left: 0px; top: 0px; color: #4c4c4c; float: left;} .part1 .right_list .sj p{ font-size: 28px;text-align:center;margin-bottom:5px;transition:0.4s;} .part1 .right_list .sj span{font-size: 12px;display:block;text-align:center;transition:0.4s;} .part1 .right_list .xbt{ font-size: 16px;transition:0.4s;position: relative;z-index: 1; color: #323232;margin-top: 5px; line-height: 25px; height: 50px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; width: calc(100% - 100px); float: right; padding-right: 18px;} .part1-2{background: url(../images/part1-2_bg.jpg) no-repeat center center;background-size:cover;} .part2_3{padding: 0 0 1rem;} .part2_3_1{background: url(../images/part2_bg_1.jpg) no-repeat;} .part2_3_2{background: url(../images/part3_bg_1.jpg) no-repeat;background-size: cover;} .part2{margin-bottom: 2.5rem;} .part2.part .title{} .part2 ul{ margin:0 -1.375rem} .part2 ul li{ float:left; width:33.333333%; padding:0 1.375rem; margin-bottom:2.5rem} .part2 ul li a{ display:block; padding:1.8785rem 2.5rem 1.5rem 0; background:#fff; box-shadow: 0 2px 15px rgba(0,0,0,0.15); transition:.6s} .part2 ul li a .time{background:#026ac3;width:3.375rem;height:3.75rem;background-size:100% 100%;left: -.75rem;position:relative;text-align:center;} .part2 ul li a .time h3{ font-size:1.5rem; color:#fff;} .part2 ul li a .time h5{ font-size:12px; color:#fff;margin-top:.30rem} .part2 ul li a .con{ width:calc(100% - 3.375rem); padding-left:1rem} .part2 ul li a .con h5{font-size:16px;color:#212121;line-height:1.625rem;height:3.25rem;position: relative; transition:.6s; font-weight:bold} .part2 ul li a .con .bottom{position:relative;padding: 1.25rem 0 0;margin-top:1rem;} .part2 ul li a .con .bottom:before{ content:""; position:absolute; top:0; left:0; width:5rem; height:2px; background:#026ac3; transition:.6s} .part2 ul li a .con .bottom p{ font-size:12px; color:#666666; line-height:22px; height:66px;} .part2 .more00{ margin-top:2rem} .table { display: table; table-layout: fixed; text-align: center; width: 100%; height: 100%; } .table_cell { display: table-cell; vertical-align: middle; } .part2 ul li a:hover, .container05 ul.ul1 li a:hover, .n_video ul li a:hover, .n_renwu ul li a:hover{ transform:translateY(-.625rem)} .part2 ul li a:hover .con .bottom:before, .container05 ul.ul1 li a:hover .con .bottom:before{ width:100%} .part2 ul li a:hover .con h5{ color: #026ac3;} /* .part2 ul{} .part2 ul::after{content: "";display: block;clear: both;} .part2 ul li{width: 31.25%;float: left;border-left: 2px solid #026ac3;padding: 2%;background: #fff;transition: 0.4s;margin-bottom: 2rem;} .part2 ul li+li{margin: 0 3.125% 2rem;} .part2 ul li+li+li{margin: 0 0 2rem;} .part2 ul li+li+li+li{margin: 0 0 2rem;} .part2 ul li+li+li+li+li{margin: 0 3.125% 2rem;} .part2 ul li+li+li+li+li+li{margin: 0 0 2rem;} .part2 ul li:hover{box-shadow: 0 0 20px rgba(0,0,0,.2);} .part2 ul li a{display: block;} .part2 ul li a::after{content: "";display: block;clear: both;} .part2 ul li .sj{width: 60px;float: left;} .part2 ul li .sj p{font-family: '微软雅黑;';width: 3.75rem;height: 3.75rem;background: #026ac3;border-radius: 50%;font-size: 1.75rem;text-align: center;line-height: 3.75rem;color: #fff;font-family: '微软雅黑;';margin-bottom: 8px;} .part2 ul li .sj span{font-size: 14px;font-family: '微软雅黑;';color: #353535;display: block;text-align: center;} .part2 ul li .con{width: calc(100% - 5rem);float: right;} .part2 ul li .con p{font-size: 1rem;line-height: 1.625rem;color: #333333;margin-bottom: 0.5rem;transition: 0.4s; height: 52px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;} .part2 ul li .con span{font-size: 12px;line-height: 24px;color: #808080;transition: 0.4s; height: 51px; display: block; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;} */ .part3{padding: 3.75rem 0;} .part3 .left{width: 33.73%;float: left;} .part3 .left .part3_lb{padding-bottom: 2px;} .part3 .left .part3_lb .swiper-slide{} .part3 .left .part3_lb .swiper-slide .img{width: 100%;position: relative;} .part3 .left .part3_lb .swiper-slide .img img{width: 100%;max-height:303px;} .part3 .left .part3_lb .swiper-slide .img .bt{font-size: 1.25rem;line-height: 1.75rem;background: rgba(254,149,0,0.8);color: #fff;padding: 1.25rem;width: 84%;position: absolute;bottom: 0;left: 0; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;} .part3 .left .part3_lb .swiper-slide .con{padding: 5% 5% 0%;background: rgba(255,255,255,0.25);border-left: 1px solid rgba(255,255,255,0.3);border-right: 1px solid rgba(255,255,255,0.3);border-bottom: 1px solid rgba(255,255,255,0.3);margin-bottom: 1px; padding-bottom: 1.3rem;} .part3 .left .part3_lb .swiper-slide .con .xx{font-size: 14px;color: #fff;padding-left: 26px;height: 17px;margin-bottom: 1rem;} .part3 .left .part3_lb .swiper-slide .con .p1{background: url(../images/part3_ico1.png) no-repeat left center;} .part3 .left .part3_lb .swiper-slide .con .p2{background: url(../images/part3_ico2.png) no-repeat left center;} .part3 .left .part3_lb .swiper-slide .con .p3{background: url(../images/part3_ico3.png) no-repeat left center;} .part3 .left .part3_lb .swiper-slide .con .zy{display:none;font-size: 14px; line-height: 28px; height: 84px; overflow: hidden; color: #fff;} .part3 .left .part3_lb .swiper-slide .con.xszy{padding-bottom: 2.15rem;} .part3 .left .part3_lb .swiper-slide .con.xszy .xx{display:none;} .part3 .left .part3_lb .swiper-slide .con.xszy .zy{display:block;} .part3 .left .part3_lb .swiper-pagination{bottom: 4.6%;display:none;} .part3 .left .part3_lb .swiper-pagination span{width: 16px;height: 16px;border: 1px solid rgba(255,255,255,0);background: none;opacity: 1;position: relative;} .part3 .left .part3_lb .swiper-pagination span::after{width: 8px;height: 8px;background: #fff;border-radius: 50%;content: "";display: block;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;} .part3 .left .part3_lb .swiper-pagination span.swiper-pagination-bullet-active{border: 1px solid rgba(255,255,255,1);} .part3 .left .part3_lb .swiper-button-white{ background-color: rgba(0,0,0,0.5);background-size: 13px;top: 38%; width: 36px; height: 54px;} .part3 .left .part3_lb .swiper-button-white.swiper-button-disabled{ cursor: auto; pointer-events: auto;} .part3 .right{width: 61.875%;float: right;border: 1px solid rgba(255,255,255,0.3);padding: 2.2% 2.5%;} .part3 .right .s{} .part3 .right .s::after{content: "";display: block;clear: both;} .part3 .right .s a{width: 49%;float: left;padding: 3%;background: url(../images/part3_right_top_bg.png) no-repeat;background-size: 100% 100%;} .part3 .right .s a+a{float: right;} .part3 .right .s a .bt{font-size: 1rem;color: #fe9500;line-height: 1.5rem;font-weight: bold;margin-bottom: 0.5rem;min-height: 3rem;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; } .part3 .right .s a .xx{font-size: 14px;color: #fff;padding-left: 26px;height: 17px;margin-bottom: 0.6rem;} .part3 .right .s a .zy{display:none;font-size: 14px; line-height: 23px; height: 70px; overflow: hidden; color: #fff;} .part3 .right .s a.xszy .xx{display:none;} .part3 .right .s a.xszy .zy{display:block;} .part3 .right .s a .p1{background: url(../images/part3_ico1.png) no-repeat left center;} .part3 .right .s a .p2{background: url(../images/part3_ico2.png) no-repeat left center;} .part3 .right .s a .p3{background: url(../images/part3_ico3.png) no-repeat left center;margin-bottom: 0;} .list_1{margin-top: 0.8rem;} .list_1 li{} .list_1 li a{display: block;padding: 0.4rem 0;position: relative;} .list_1 li a::after{content: "";display: block;width: 0;height: 1px;background: #e07e30;transition: 0.4s;position: absolute;left: 0;bottom: 0;} .list_1 li a:hover::after{width: 100%;} .list_1 li p{font-size: 1rem;color: #fff;line-height: 1.5rem;width:calc(100% - 80px);float: left;padding-left: 2rem;background: url(../images/part3_right_x_li_bg.png) no-repeat left center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .list_1 li span{font-size: 14px;color: #fff;float: right;} .part3.part .title p{ background: url(../images/title_bg1.png) center center no-repeat;} .part4{background: url(../images/part4_bg.jpg) no-repeat;padding: 0 0;} .part4.part .title{} .part4 ul{} .part4 ul::after{content: "";display: block;clear: both;} .part4 ul li{width: 20%;float: left;} .part4 ul li a{display: block;padding: 2.75rem 3.75rem;border: 1px solid rgba(0,0,0,0);transition: 0.4s;} .part4 ul li img{display: block;margin: 0 auto;} .part4 ul li .tp{border: 1px solid #438cd3; display: table; margin: 0 auto 1rem; padding: 1rem 2rem;border-radius: 6px;} .part4 ul li p{font-size: 18px;color: #333333;line-height: 26px;text-align: center;transition: 0.4s;} .part4 ul li:hover p{font-weight: bold;} .part4 ul li:hover .tp{background: url(../images/part4_ico1on.png) 49% 49% no-repeat !important;border: 1px solid #FE9500;transition: 0.4s;} .part4 ul li+li:hover .tp{background: url(../images/part4_ico2on.png) 49% 49% no-repeat !important;border: 1px solid #FE9500;transition: 0.4s;} .part4 ul li+li+li:hover .tp{background: url(../images/part4_ico3on.png) 49% 49% no-repeat !important;border: 1px solid #FE9500;transition: 0.4s;} .part4 ul li+li+li+li:hover .tp{background: url(../images/part4_ico4on.png) 49% 49% no-repeat !important;border: 1px solid #FE9500;transition: 0.4s;} .part4 ul li+li+li+li+li:hover .tp{background: url(../images/part4_ico5on.png) 49% 49% no-repeat !important;border: 1px solid #FE9500;transition: 0.4s;} footer{background: url(../images/foot_bg.jpg) no-repeat;background-size: cover;padding: 2.5rem 0;} footer::after{content: "";display: block;clear: both;} footer .left{width: 20%;float: left;} footer .left .xbt{font-size: 20px;color: #fff;line-height: 26px;font-weight: bold;margin-bottom: 0.7rem;} footer .left .line{width: 34px;height: 3px;background: #fcca00;margin-bottom: 1rem;} footer .left ul{} footer .left ul::after{content: "";display: block;clear: both;} footer .left ul li{width: 50%;float: left;} footer .left ul li a{font-size: 14px;line-height: 1.8rem;color: #fff;} footer .center{width: 27.5%;float: left;margin-left: 10%;} footer .center .xbt{font-size: 20px;color: #fff;line-height: 26px;font-weight: bold;margin-bottom: 0.7rem;} footer .center .line{width: 34px;height: 3px;background: #fcca00;margin-bottom: 1rem;} footer .center .dz{} footer .center .dz p{font-size: 14px;line-height: 1.8rem;color: #fff;} footer .right{width: 27.5%;float: right;} footer .right ul{} footer .right ul::after{content: "";display: block;clear: both;} footer .right ul li{float: right;margin-left: 4%;} footer .right ul li img{max-width: 110px;display: block;margin: 0 auto;} footer .right ul li p{font-size: 14px;line-height: 26px;color: #fff;margin-top: 1rem;text-align: center;} .m_header_box{background: rgba(0,0,0,.5) repeat-x;position: fixed;top: 0;left: 0;width: 100%;z-index: 100;} @media(max-width: 1600px){ .w1600{width: 90%;margin: 0 auto;} footer .right{width: 36%;} .header_box .fl01 .logo{width: 33%;} } @media(max-width: 1470px){ .header_box .fl01 .logo{width: 26%;} } @media(max-width: 1300px){ .nav a{padding:0 0.6rem;} footer .center{margin-left: 0;} footer .right{width: 52%;} } @media(max-width: 1100px){ .header_box .fl01 .logo{width: 30%;} .nav a{font-size: 1rem;} .header_box{display: none;} .m_header_box{display: block;} .part3 .left{width: 100%;margin-bottom: 2rem;} .part3 .right{width: 100%;} } @media(max-width: 900px){ .part2 ul li{ width:100%; margin-bottom:1rem} .part2 ul li a .time h5{ font-size:11px;} .part2 ul li a .time{ width:4.5rem} .part2 ul li a .con{ width:calc(100% - 4.5rem)} .part2 ul li a .con h5{ font-size:14px} .part2 ul li a .con .bottom p{ font-size:11px; line-height:18px; height:54px;} .part3 .right .s a{width: 100%;margin-bottom: 1rem;} .part1 ul{width:100%;margin-bottom:1.5rem;} .part1 .right_list{width:100%;} footer .left{width: 50%;} footer .center{width: 50%;} footer .right{width: 100%;} footer .right ul{display: table;margin: 1rem auto;} footer .right ul li{margin-left: 30px;} footer .right ul li+li{margin-left: 30px;} footer .right ul li+li+li{margin-left: 0px;} .part3 ul li{width: 100%;margin-bottom: 2rem;} .part1 ul li{width: 100%;} .part2 ul li{width: 100%;} .part2 ul li+li{margin: 1rem 0 !important;} .part4 ul li{width: 50%;} .part4{background-size: cover;} .part4 ul li+li+li+li+li{float:none;clear: both;margin: 0 auto;} } @media(max-width: 520px){ footer .left{width: 100%;margin-bottom: 1rem;} footer .center{width: 100%;} footer .right ul{display: block;margin: 1rem auto;} footer .right ul li img{width: 100%;} footer .right ul li{margin-left: 4%;width: 30%;} footer .right ul li+li{margin-left: 4%;} footer .right ul li+li+li{margin-left: 0px;} .part3 ul li .img{width: 100%;margin-bottom: 1rem;} .part3 ul li .con{width: 100%;} .part4 ul li a{padding: 0.75rem;} } @media(max-width: 456px){} /* 二级页开始 */ .w1300{width: 1300px;margin: 0 auto;} .fanye{text-align: center;padding:3rem 0 5rem;} .ej_banner{width: 100%;} .ej_banner img{width: 100%;} .ej_main{background: #f5f5f5;} .ej_main .dqwz{font-size: 0.875rem;line-height: 1.5rem;color: #4c4c4c;height: 1.5rem;float: right;padding-left: 23px;background: url(../images/ej_dqwz.png) no-repeat left center;margin: 1.375rem 0;} .ej_main .dqwz a{font-size: 0.875rem;line-height: 1.5rem;color: #4c4c4c;height: 1.5rem;} .ej_main .ej_znr{} .ej_main .ej_znr .left{width: 23.07%;float: left;background: #fff;margin-bottom: 4.5rem;} .ej_main .ej_znr .left .lmmc{background: url(../images/ej_yjlmmc_bg.jpg) no-repeat;background-size: cover;border-bottom: 2px solid #f88c00;position: relative;} .ej_main .ej_znr .left .lmmc p{font-size: 1.75rem;padding: 3rem;color: #fff;font-weight: bold;text-align: center;} .ej_main .ej_znr .left ul{padding: 0.5rem 1.875rem 2rem;} .ej_main .ej_znr .left ul li{position: relative;border-bottom: 1px solid #d9d9d9;} .ej_main .ej_znr .left ul li>a{display: block;font-size: 1.125rem;padding: 0.875rem 2.5rem;background: url(../images/ej_ejlmmc_li_ico.png) no-repeat 0.6rem 1.45rem;transition: 0.4s;line-height:2rem;} .ej_main .ej_znr .left ul li span{position: absolute;font-size: 1rem;font-family: "宋体";top: 0;padding: 1.5rem 0.5rem;right: 0;color: #999999;transition: 0.4s;} .ej_main .ej_znr .left ul li.on1 span{ transform: rotate(90deg);} .ej_main .ej_znr .left ul li.on1 div{display:block;} .ej_main .ej_znr .left ul li.on,.ej_main .ej_znr .left ul li:hover{border-bottom: 1px solid rgba(0,0,0,0);} .ej_main .ej_znr .left ul li.on>a,.ej_main .ej_znr .left ul li:hover>a{background: #026ac3 url(../images/ej_ejlmmc_li_ico.png) no-repeat 0.6rem 1.45rem;color: #fff;line-height:2em;} .ej_main .ej_znr .left ul li div{display:none;} .ej_main .ej_znr .left ul li div a{display: block;font-size: 1rem;padding: 0.575rem 2.5rem 0.875rem 0.5rem;transition: 0.4s;line-height:1.5rem;} .ej_main .ej_znr .left ul li div p.on a,.ej_main .ej_znr .left ul li div p:hover a{color: #2965ab;} .ej_main .ej_znr .left ul li.on span,.ej_main .ej_znr .left ul li:hover span{color: #fff;} .ej_main .ej_znr .right{width: 73.07%;float: right;background: #fff;margin-bottom: 4.5rem;} .ej_main .ej_znr .right .list{padding: 1.875rem;} .ej_main .ej_znr .right .list li{} .ej_main .ej_znr .right .list li a{display: block;position: relative;padding:1.3rem 0 1.3rem 13px;transition: 0.4s;border-bottom: 1px solid #d3d8dc;} .ej_main .ej_znr .right .list li a::before{content: "";display: block;width: 7px;height: 2px;background: #9db6cb;position: absolute;left: 0;top: 45%;transition: 0.4s;} .ej_main .ej_znr .right .list li a::after{content: "";display: block;clear: both;} .ej_main .ej_znr .right .list p.bt{font-size: 1.125rem;width: calc(100% - 90px);float: left;line-height: 1.5rem;} .ej_main .ej_znr .right .list span{font-family: 'georgia';font-size: 16px;} .ej_main .ej_znr .right .list li a:hover{color: #026ac3;border-bottom: 1px solid #026ac3;} .ej_main .ej_znr .right .list li a :hover .keywordfontcolor1049129{color: #026ac3;} .ej_main .ej_znr .right .list li a:hover::before{background: #026ac3;} .ej_main .ej_znr .left .lmmc #nav_btn_box2{display: none;} @media(max-width: 1300px){ .w1300{width: 90%;} } @media(max-width: 900px){ .ej_main .ej_znr .left ul{display: none;} .ej_main .ej_znr .left{width: 100%; margin-bottom: 1.5rem;} .ej_main .ej_znr .right{width: 100%;} .ej_main .ej_znr .left .lmmc p{ font-size: 1.3rem;padding: 1.1rem 2rem;} .ej_main .ej_znr .left .lmmc #nav_btn_box2{display: block;position: absolute;padding: 1rem 0;top: 0;right: 0;width: 5rem;} } .ej_main .ej_znr .right .list_zy{padding: 1.875rem;} .ej_main .ej_znr .right .list_zy ul{} .ej_main .ej_znr .right .list_zy ul li{margin-bottom: 1rem;max-height:132px;} .ej_main .ej_znr .right .list_zy ul li a{display: block;position: relative;padding: 1.5625rem 1.875rem;border-left: 2px solid #026ac3;background: #f8fbfd;transition: 0.4s;} .ej_main .ej_znr .right .list_zy ul li.os a::before{content: "";display: block;position: absolute;top: 0;right: 0;width: 100%;height: 100%;transition: 0.4s;} .ej_main .ej_znr .right .list_zy ul li a::after{content: "";display: block;clear: both;} .ej_main .ej_znr .right .list_zy ul li .sj{float: left;} .ej_main .ej_znr .right .list_zy ul li .sj p{font-family: 'georgia';font-size: 1.75rem;line-height: 1.5rem;color: #005792;margin-bottom: 0.625rem;transition: 0.4s;text-align: center;} .ej_main .ej_znr .right .list_zy ul li .sj span{font-size: 12px;color: #353535;line-height: 24px;display: block;text-align: center;font-family: 'georgia';transition: 0.4s;} .ej_main .ej_znr .right .list_zy ul li .con{float: right;width: calc(100% - 70px);} .ej_main .ej_znr .right .list_zy ul li .con p{font-size: 1.125rem;line-height: 1.875rem;margin-bottom: 0.5rem;transition: 0.4s;} .ej_main .ej_znr .right .list_zy ul li .con span{font-size: 12px;line-height: 22px;color: #737373;transition: 0.4s;} .ej_main .ej_znr .right .list_zy ul li a:hover{background: #026ac3;} .ej_main .ej_znr .right .list_zy ul li.os a:hover::before{background: url(../images/ej_list_zy_bg_on.png) no-repeat right top;} .ej_main .ej_znr .right .list_zy ul li a:hover .sj p{color: #fff;} .ej_main .ej_znr .right .list_zy ul li a:hover .sj span{color: #fff;} .ej_main .ej_znr .right .list_zy ul li a:hover .con p{color: #fff;} .ej_main .ej_znr .right .list_zy ul li a:hover .con span{color: #79bbf3;} .news{padding: 1.875rem;} .news .nav01{overflow:hidden;margin-bottom: 26px;text-align:center;margin-top: 0px;} .news h3{color: #026ac3;font-size: 1.75rem;line-height: 2.3rem;margin-bottom: 1rem;font-weight: bold;text-align: left;} .news h6{color: #999999;font-size: 14px;line-height: 50px;font-weight:normal;margin-bottom: 0;vertical-align: top;border-bottom: #ececec 1px solid;text-align: left;padding-bottom: 0.5rem;} .news h6 span{margin: 0 5px;display: inline-block;} .news h6 span img{ margin:-3px 8px 0 0} .news .ar_article p{font-size: 1rem!important;color: #555555;line-height: 2.125rem!important;margin-bottom: 0.7rem;text-indent: 2em;} .news .ar_article p img{margin: 0 auto;height: 100%!important;} .news .ar_article p.nr_tpsm{color: #737373;text-align: center;} .news .ar_article p.nr_db{text-align: right;} #ar_fot .end{ display:inline-block; width:68px; height:20px; line-height:20px; background:#fff; position:absolute; left:50%; margin-left:-34px; top:-10px; text-align:center; font-size:14px; color:#8d8e8f; text-transform:uppercase} #ar_fot{position:relative;margin-top: 2rem;padding-top: 0rem;margin-bottom: 2rem;} #ar_fot h1{display:block;font-size: 18px;color: #848484;width: 100%;float:left;padding: 0;/*overflow:hidden;text-overflow:ellipsis;white-space:nowrap;*/-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;position: relative;} #ar_fot h1.prev{} #ar_fot h1.next{} #ar_fot h1 a{font-size: 16px;color: #323232;line-height: 30px;display:inline-block;font-weight:normal;/*overflow:hidden;text-overflow:ellipsis;white-space:nowrap;*/padding: 4px 0;position: relative;z-index: 10;transition: 0.5s;} #ar_fot h1 a span{ font-weight: bold; } #ar_fot h1:after{content:"";position:absolute;left: 0;right: 0;top: 0;bottom: 0;border:transparent 2px solid; -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;} #ar_fot h1:hover:after{} #ar_fot h1:hover a{color: #79bbf3;} .qrid_zz{position: fixed;width: 100%;height: 100%;background: rgba(0,0,0,0.9);display: none;top: 0;left: 0;z-index: 1000000;display: none;justify-content: center;align-items: center;} .qrid_zz #qrid{padding: 8px;background: #fff;border-radius: 5px;} .news.dpzw{} .news.dpzw .ar_article{border-bottom: 0;} .list_zy_pic{padding: 1.875rem 1.875rem 0rem 1.875rem;} .list_zy_pic ul{} .list_zy_pic ul li{margin-bottom: 1.875rem;} .list_zy_pic ul li a{position: relative;display: block;padding: 1.25rem 1.875rem 1.25rem 0;} .list_zy_pic ul li a::before{content: "";display: block;position: absolute;width: calc(100% - 68px);height: 100%;right: 0;top: 0;border-left: 3px solid #026ac3;background:#f8fbfd url(../images/ej_list_piczy_li_bg.png) no-repeat right bottom;z-index: 0;transition: 0.4s;} .list_zy_pic ul li a::after{content: "";display: block;clear: both;} .list_zy_pic ul li .img{width: 39%;float: left;position: relative;z-index: 1;overflow: hidden;} .list_zy_pic ul li .img img{width: 100%;transition: 0.4s;width: 335px;height: 187px;} .list_zy_pic ul li .con{width: 57%;float: right;position: relative;z-index: 1; padding: 0.4rem 0;} .list_zy_pic ul li .con .bt{font-size: 1.125rem;line-height: 1.875rem;margin-bottom: 0.6rem;transition: 0.4s;} .list_zy_pic ul li .con .zy{font-size: 12px;line-height: 22px;color: #737373;margin-bottom: 0.6rem;transition: 0.4s;} .list_zy_pic ul li .con .sj{height: 20px;line-height: 20px;padding-left: 24px;background: url(../images/ej_list_piczy_sj.png) no-repeat left center;font-family: "georgia";transition: 0.4s;color: #737373;} .list_zy_pic ul li.no_pic .con{width: 100%;} .list_zy_pic ul li.no_pic a{padding: 1.875rem;min-height: 15rem;} .list_zy_pic ul li.no_pic a::before{width: 100%;} .list_zy_pic ul li a:hover::before{border-left: 3px solid #f88c00;background: #026ac3 url(../images/ej_list_piczy_li_bg_on.png) no-repeat right bottom;} .list_zy_pic ul li a:hover .con .bt{color: #fff;} .list_zy_pic ul li a:hover .con .zy{color: #79bbf3;} .list_zy_pic ul li a:hover .con .sj{color: #79bbf3;background: url(../images/ej_list_piczy_sj_on.png) no-repeat left center;} .list_zy_pic ul li a:hover .img img{transform: scale(1.1);} @media(max-width: 650px){ .list_zy_pic ul li a{padding: 1.875rem;} .list_zy_pic ul li a .img{width: 100%;} .list_zy_pic ul li a .con{width: 100%;position: relative;display: block;width:100%;height: 100%;right: 0;top: 0;border-left: 3px solid #026ac3;background:#f8fbfd url(../images/ej_list_piczy_li_bg.png) no-repeat right bottom;z-index: 0;transition: 0.4s;padding: 1.875rem;} .list_zy_pic ul li a:hover .con{border-left: 3px solid #f88c00;} .list_zy_pic ul li a::before{display: none;} } .dang_zb{padding: 1.875rem;} .dang_zb .sm{font-size: 1rem; color: #555555;line-height: 1.625rem;margin-bottom: 2rem;} .dang_zb table{width: 100%;background: #e1edf7;} .dang_zb table thead{} .dang_zb table thead tr{} .dang_zb table thead tr th{background: #f8fbfd;color: #026ac3;font-size: 1rem;padding: 1rem 0;font-weight: normal;text-align: center;line-height: 1.4rem;} .dang_zb table tbody tr{cursor: pointer;} .dang_zb table tbody tr td{background: #fff;font-size:0.875rem;color: #323232;padding: 1rem;line-height: 1.4rem;text-align: center;} .dang_zb table tbody tr td em{font-style: normal;font-size: 0.875rem;display: inline-block;width: 45px;text-align: justify;margin: 0.5rem; line-height: 0;} .dang_zb table tbody tr td em::after{ display: inline-block;width: 100%;content: '';} .acc_box_tpzs{display: none;position: fixed;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0,0,0,0.8);z-index: 10000;justify-content: center;align-items: center;} .acc_box_tpzs ul{width: 80%;max-height: 90%;background: #fff;padding: 1% 4% 4% 4%;border-radius: 1.25rem;overflow: hidden;position: relative;} .acc_box_tpzs li{display: none;width: 100%;height: 100%;justify-content: center;align-items: center;flex-wrap: wrap;} .acc_box_tpzs li.on{display:flex;} .acc_box_tpzs li img{width: auto;max-width: 93%;width: 100%;border-radius: 1.25rem;} .acc_box_tpzs li p{width: 100%;font-size: 1.625rem;line-height: 3.75rem;color: #026ac3;text-align: center;font-weight: bold;margin-bottom: 1rem;} .acc_box_tpzs .tpzs_prev,.acc_box_tpzs .tpzs_next{position: absolute;top: 48%;left: 1.7%;opacity: 0.6;transition: 0.4s;cursor: pointer;z-index: 3;width: 4%;} .acc_box_tpzs .tpzs_prev img,.acc_box_tpzs .tpzs_next img{width: 100%;} .acc_box_tpzs>div:hover{opacity: 1;} .acc_box_tpzs .tpzs_next{right: 1.7%;left: auto;} .acc_box_tpzs .close{font-family: "宋体";font-size: 1.3rem;position: absolute;z-index: 2; top: 1%;right: 1%;cursor: pointer;color: #fff;} @media(max-width: 900px){ .acc_box_tpzs ul{width: 95%;} .acc_box_tpzs li p{ font-size: 1.25rem; line-height: 2.75rem;} } .gonghui{padding: 1.875rem;} .gonghui .gh_box{margin-bottom: 3.75rem;} .gonghui .gh_box .img{text-align: center;margin: 2.187rem 0;} .gonghui .gh_box .img img{width: 100%;max-width: 560px;} .gonghui .gh_box .d_bt{font-size: 1.25rem;text-align: center;color: #fff;background: #026ac3;border-radius: 6px;padding: 1rem 0;border: 1px solid #e1edf7;} /* .gonghui .gh_box .gh_jgt{width: 35rem;height: 20.5rem; background: url(../images/ej_gonghui_bg.png) no-repeat;background-size: 100%;margin: 0 auto;} .gonghui .gh_box .gh_jgt .p1{font-size: 1.125rem;color: #fff;text-align: center;} .gonghui .gh_box .gh_jgt .p2{font-size: 1.125rem;color: #fff;text-align: center;} .gonghui .gh_box .gh_jgt .xf{} .gonghui .gh_box .gh_jgt .xf p{font-size: 1rem;color: #555555;} */ .gonghui .gh_box .gh_md{width: 85%;margin: 0 auto;padding: 4%;background: url(../images/ej_gonghui_bg_2.jpg) no-repeat right bottom;background-size: cover;border-left: 2px solid #026ac3;} .gonghui .gh_box .gh_md .xbt{font-size: 1.125rem;line-height: 1.5rem;font-weight: bold;color: #026ac3;margin-bottom: 0.8rem;} .gonghui .gh_box .gh_md .wz{font-size: 1rem;margin-bottom: 0.6rem;color: #384f5f;} @media(max-width: 650px){ .gonghui .gh_box .gh_md{width: 100%;} } .zpxx_out{padding: 1.875rem;} .zpxx_out .list{padding: 0rem !important;margin-bottom: 3rem;} .zpxx_out .zpxx{background: #f8fbfd;padding: 5%;margin-bottom: 3rem;} .zpxx_out .zpxx .bt{font-size: 1.25rem;line-height: 1.5rem;color: #026ac3;text-align: center;font-weight: bold;margin-bottom: 1rem;} .zpxx_out .zpxx .nr{overflow: hidden;height: 13rem;} .zpxx_out .zpxx .nr p{font-size: 1rem!important;line-height: 2rem!important;color: #2b2b2b;margin-bottom: 0.7rem;text-indent: 2em;} .zpxx_out .zpxx .zkgd{display:table;font-size: 16px;color: #fff;background: #026ac3;padding: 0.9rem 2.7rem;margin: 0 auto -4rem;cursor: pointer;} .zpxx_out .zpxx_db{display: flex;justify-content: space-between;} .zpxx_out .zpxx_db .left{width: 59%;float: left;background: #f8fbfd;border-left: 0.25rem solid #026ac3;padding: 3%;} .zpxx_out .zpxx_db .left .p1{font-size: 1.25rem;font-weight: bold;margin-bottom: 2rem;} .zpxx_out .zpxx_db .left .p2{font-size: 0.875rem;color: #555555;margin-bottom: 1rem;} .zpxx_out .zpxx_db .left .p2+.p2+.p2{margin-bottom: 0;} .zpxx_out .zpxx_db .right{width: 39%;float: right;position: relative;} .zpxx_out .zpxx_db .right .p1{font-size: 1.25rem;font-weight: bold;text-align: center;color: #fff;margin: 20% 0 10% 0;} .zpxx_out .zpxx_db .right .p2{font-size: 0.875rem;color: #fff;text-align: center;} .zpxx_out .zpxx_db .right>div{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;} .zpxx_out .zpxx_db .right>img{width: 100%;} @media(max-width: 650px){ .zpxx_out .zpxx_db{flex-wrap: wrap;} .zpxx_out .zpxx_db .left{width: 100%;margin-bottom: 2rem;} .zpxx_out .zpxx_db .right{width: 100%;} } .xsgz{padding: 1.875rem;display: flex;justify-content: space-between;flex-wrap: wrap;} .xsgz .box{width: 48%;background: #f8fbfd;border-left: 2px solid #026ac3;padding:3.5% 2%;margin-bottom: 1.8rem;} .xsgz .box .tit{margin-bottom: 1rem;} .xsgz .box .tit::after{content: "";display: block;clear: both;} .xsgz .box .tit p{font-size: 1.625rem;font-weight: bold;color: #333333;float: left;} .xsgz .box .tit a{font-size: 14px;color: #666666;float: right;line-height: 25px;transition: 0.4s;} .xsgz .box .tit a:hover{color: #026ac3;} .xsgz .box ul{} .xsgz .box ul li{} .xsgz .box ul li a{display: block;padding: 0.4rem 0;} .xsgz .box ul li a::after{content: "";display: block;clear: both;} .xsgz .box ul li p{font-size: 1rem;width: calc(100% - 90px);float: left;line-height: 1.5rem;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;transition: 0.4s;} .xsgz .box ul li span{font-family: 'georgia';font-size: 16px;float: right;transition: 0.4s;} .xsgz .box ul li a:hover p{color: #026ac3;} .xsgz .box ul li a:hover span{color: #026ac3;} @media(max-width: 900px){ .xsgz .box{width: 100%;} } .kxyj{padding: 1.875rem;} .kxyj .box{} .kxyj .fg{overflow: hidden;} .kxyj .box .tit{margin-bottom: 1.25rem;} .kxyj .box .tit::after{content: "";display: block;clear: both;} .kxyj .box .tit p{font-size: 1.625rem;font-weight: bold;color: #333333;float: left;} .kxyj .box .tit a{font-size: 14px;color: #666666;float: right;line-height: 25px;transition: 0.4s;} .kxyj .box .tit a:hover{color: #026ac3;} .kxyj .kxyj_part1{margin-bottom: 1rem;} .kxyj .kxyj_part1 .swiper-container{padding-bottom: 3rem;} .kxyj .kxyj_part1 .swiper-container .swiper-slide{} .kxyj .kxyj_part1 .swiper-container .swiper-slide a{display: block;} .kxyj .kxyj_part1 .swiper-container .swiper-slide .img{width: 100%;overflow: hidden;margin-bottom: 0.6rem;} .kxyj .kxyj_part1 .swiper-container .swiper-slide .img img{width: 100%;} .kxyj .kxyj_part1 .swiper-container .swiper-slide p{font-size: 1rem;line-height: 1.5rem;margin-bottom: 0.5rem;} .kxyj .kxyj_part1 .swiper-container .swiper-slide span{font-family: "georgia";font-size: 14px;color: #026ac3;} .kxyj .kxyj_part1 .swiper-container .swiper-pagination{} .kxyj .kxyj_part1 .swiper-container .swiper-pagination span{width: 12px;height: 12px;border: 1px solid #bfbfbf;background: #fff;} .kxyj .kxyj_part1 .swiper-container .swiper-pagination span.swiper-pagination-bullet-active{background: #bfbfbf;} .kxyj_part2{margin-top: 3rem;margin-bottom: 2rem;} .kxyj_part2 .list_zy{padding: 0 !important;} .kxyj_part2 .list_zy ul{display: flex;justify-content: space-between;flex-wrap: wrap;} .kxyj_part2 .list_zy ul li{width: 48%;} .kxyj_part2 .list_zy ul li a{padding: 1.5625rem 1.275rem !important;} .kxyj_part3{margin-top: 3rem;} .kxyj_part3 .xsgz{padding: 0 !important;} .kxyj_part3 .xsgz .box{background: #fff !important;padding: 0;border: 0;} .kxyj_part3 .xsgz ul li p{padding-left: 22px;background: url(../images/ej_kxyj_ico1.png) no-repeat left center;} .kxyj_part3 .xsgz .box+.box ul li p{background: url(../images/ej_kxyj_ico2.png) no-repeat left center;} .kxyj_part4{background: #f8fbfd;margin-top: 2rem;} .kxyj_part4 .box{position: relative;} .kxyj_part4 .box .xbt{font-size: 26px;color: #fff;font-weight: bold;width: 68px;padding: 23px;background: #026ac3;position: absolute;top: -15px;left: 4%;} .kxyj_part4 .box .xbt::after{width: 15px;height: 15px;content: "";position: absolute;top: 0;left: -15px;background: url(../images/ej_kxyj_db_dh_bg.png) no-repeat;} .kxyj_part4 .box ul{padding: 4% 0 2.6%;float: right;width: calc(100% - 140px);} .kxyj_part4 .box ul::after{content: "";display: block;clear: both;} .kxyj_part4 .box ul li{float: left;margin: 0 1.25rem 1rem;} .kxyj_part4 .box ul li a{font-size: 1rem;transition: 0.4s;} .kxyj_part4 .box ul li a:hover{color: #026ac3;} @media(max-width: 650px){ .kxyj_part2 .list_zy ul li{width: 100%;} .kxyj_part4 .box .xbt{ font-size: 16px; width: 44px; padding: 14px;} .kxyj_part4 .box ul{width: calc(100% - 70px);} } .zzjg{padding: 1.875rem;} .zzjg .zpxx{padding: 0 !important;background: none;} .zzjg.zpxx_out .zpxx .bt{margin-bottom: 1.5rem;} .zzjg .zpxx .zynr{background:#f8fbfd url(../images/ej_zzjg_part1_bg.png) no-repeat top right;padding: 2.5rem 2.5rem 1.5rem;position: relative; background-size: 31%;} .zzjg .zpxx .zynr .zn{font-size: 28px;position: absolute;color: #fff;top: 24%;right: 6%;z-index: 2;} .zzjg .zpxx .zynr ul{ width: 77%;} .zzjg .zpxx .zynr ul li{display: block;font-size: 14px;color: #2b2b2b;margin-bottom: 1.5rem;line-height:30px;} .zzjg .box2{position: relative;} .zzjg .box2::after{position: absolute;content: "";width: 100%;height: 60%;top: 20%;left: 0;background: #f8fbfd;} .zzjg .box2 .swiper-container{width: 100%;} .zzjg .box2 .swiper-container .swiper-slide{text-align: center;} .zzjg .box2 .swiper-container .swiper-slide img{width: 70%;margin: 0 auto;display: block;} .zzjg .box2 .swiper-container .swiper-button-next,.zzjg .box2 .swiper-container .swiper-button-prev{width: 46px;height: 46px;background: url(../images/ej_zzjg_part2_prev.png) no-repeat;position: absolute;top: 50%;left: 5%;} .zzjg .box2 .swiper-container .swiper-button-next{left: auto;right: 5%;background: url(../images/ej_zzjg_part2_next.png) no-repeat;} .zzjg .dang_zb{display: block; overflow: auto;} @media(max-width: 1200px){ .zzjg .zpxx .zynr .zn{top:14%;} } @media(max-width: 650px){ .zzjg .zpxx .zynr .zn{display: none;} .zzjg .zpxx .zynr ul{width: 100%;} .zzjg .zpxx .zynr{background: none;} } .xrld{padding: 1.875rem;} .xrld ul{} .xrld ul li{margin-bottom: 1.5rem;} .xrld ul li a{display: block;position: relative;padding: 0 4.68rem;} .xrld ul li a::after{content: "";display: block;clear: both;} .xrld ul li a::before{content: "";display: block;position: absolute;width: 100%;height: 70%;background: #f8fbfd;bottom: 0;left: 0;z-index: 0;} .xrld ul li .img{width: 20%;float: left;position: relative;z-index: 2;} .xrld ul li .img img{width: 100%;} .xrld ul li .con{width:75%;float: right;padding: 1.56rem 0rem 1.56rem 0;position: relative;z-index: 2;} .xrld ul li .con .bt{font-size: 1.375rem;color: #026ac3;font-weight: bold;float: left;margin-right: 1rem;margin-bottom: 1rem;} .xrld ul li .con .zw{font-size: 1rem;color: #555555;float: left;line-height: 2rem;} .xrld ul li .con .xx{clear: both;background: #e1ebf3;border-left: 2px solid #026ac3;border-radius: 0 50px 50px 0;display: table;padding: 0.9rem 1.2rem 0.9rem 0rem;margin: 4.5rem 0 2rem;} .xrld ul li .con .xx p{float: left;font-size: 1rem;padding-left: 24px;margin-left: 1.2rem;} .xrld ul li .con .xx .dh{background: url(../images/ej_xrld_ico_dh.png) no-repeat left center;line-height: 2rem;} .xrld ul li .con .xx .yx{background: url(../images/ej_xrld_ico_yx.png) no-repeat left center;margin-top:8px;} .xrld ul li .con .gz{font-size: 1.125rem;color: #333333;margin-bottom: 1rem;margin-top: 1rem;} .xrld ul li .con .gznr{font-size: 0.875rem;color: #737373;line-height: 1.5rem;text-align: justify; word-break: break-all;} @media(max-width: 650px){ .xrld ul li a{padding: 0;} } @media(max-width: 450px){ .xrld ul li .img{width: 100%;text-align: center;} .xrld ul li .img img{width: 60%;margin: 0 auto;} .xrld ul li .con{width: 100%;} } /*szdwGrjj start*/ .szdwGrjj{padding: 1.875rem;} .szdwGrjj .grjj_hd{width: 100%;height: 300px;background: #026ac3;margin-bottom: 3.5rem;margin-top: 60px;position: relative;} .szdwGrjj .grjj_hd .grjj_pic{position: absolute;left: 11%;bottom: 0px;z-index: 2;width: 33%;} .szdwGrjj .grjj_hd .grjj_pic img{display: block;width: 100%;height: auto;} .szdwGrjj .grjj_hd .grjj_txt{position: absolute;left: 48%;top: 0px;width: 45%;padding-top: 1.25rem;} .szdwGrjj .grjj_hd .grjj_txt .name_tit{font-family: "Microsoft Yahei";color: #fff;font-size: 1.625rem;padding: 1.25rem 0;text-indent: 0 !important;} .szdwGrjj .grjj_hd .grjj_txt p{font-family: "Microsoft Yahei";color: #fff;font-size: 0.875rem;line-height: 2rem;text-indent: 0 !important;} .szdwGrjj .grjj_hd .grzy{width: 118px;height: 40px;line-height: 40px !important; text-align: center;background: #f88c00;position: absolute;right: 0px;bottom: 0px;z-index: 3;border-radius: 20px 0 0 0;text-indent: 0 !important;} .szdwGrjj .grjj_hd .grzy:hover{background: #ffac40;} .szdwGrjj .grjj_hd .grzy a{display: block;font-family: "Microsoft Yahei";font-size: 0.875rem;color: #fff;} .szdwGrjj .grjj_title{font-size: 1.25rem;font-family: "Microsoft Yahei";color: #333;font-weight: bold;border-bottom: 1px solid #e6e6e6;line-height: 3.25rem;padding-left: 22px;background: url("../images/szdw_grjj_icon01.png") no-repeat left center;} .szdwGrjj .grjj_con{padding: 1.75rem 0;} .szdwGrjj .grjj_con p{font-size: 1rem;font-family: "Microsoft Yahei";color: #4c4c4c;line-height: 2rem;padding-left: 20px;position: relative;} .szdwGrjj .grjj_con p:before{content: "";position: absolute;left: 0px;width: 7px;height: 7px;top: 10px;border-radius: 50%;background: #026ac3;z-index: 1;} #vsb_content_2 .grjj_hd .grjj_txt .name_tit{font-family: "Microsoft Yahei";color: #fff;font-size: 1.625rem;padding: 1.25rem 0;} #vsb_content_2 .grjj_hd .grjj_txt p{font-family: "Microsoft Yahei";color: #fff;font-size: 0.875rem;line-height: 2rem;} #vsb_content_2 .grjj_hd .grzy a{display: block;font-family: "Microsoft Yahei";font-size: 0.875rem;color: #fff; text-decoration: none;} @media(max-width: 1280px){ .szdwGrjj .grjj_hd{height: 245px;} .szdwGrjj .grjj_hd .grjj_txt p{line-height: 1.75rem;} } @media(max-width: 1100px){ .szdwGrjj{padding:0;} .szdwGrjj .grjj_hd{height: auto;margin-top: 20px;} .szdwGrjj .grjj_hd .grjj_pic{position: unset;} .szdwGrjj .grjj_hd .grjj_txt{left: 37%;width: 63%;top:0%;padding-top: 0px;} .szdwGrjj .grjj_hd .grjj_txt .name_tit{color: #333;} .szdwGrjj .grjj_hd .grjj_txt p{color: #333;} } @media(max-width: 650px){ .szdwGrjj .grjj_hd .grjj_pic{width: 100%;} .szdwGrjj .grjj_hd .grjj_pic img{display: block;max-width: 60%;margin: 0 auto;} .szdwGrjj .grjj_hd .grjj_txt{position: unset;} } @media(max-width: 450px){ .szdwGrjj .grjj_hd .grzy{width: 88px;height: 32px;line-height: 32px;border-radius: 10px 0 0 0;} } /*end szdwGrjj*/ /*list_szdw start*/ .nav_letter{padding-bottom: 2.5rem;} .nav_letter dl dd{float: left;width: 7.12%;line-height: 50px;position: relative;} .nav_letter dl dd.all{float: left;height: 100px;line-height:100px;background: #005caa;width: 7.44%;} .nav_letter dl dd:before{content: "";position: absolute;left: 0px;width: 1px;height: 100%;background: #4893d4;z-index: 1;} .nav_letter dl dd:after{content: "";position: absolute;left: 0px;bottom:0px;width: 100%;height: 1px;background: #4893d4;z-index: 1;} .nav_letter dl dd a{display: block;text-align: center;font-family: "Georgia";color: #fff;font-size: 1.125rem;background: #026ac3;} .nav_letter dl dd.active a,.nav_letter dl dd:hover a{background: #f88c00;} .list_szdw{padding: 1.875rem;} .list_szdw ul li{padding-bottom: 2.5rem;overflow: hidden;position: relative;height:10rem;margin-bottom: 2.5rem;overflow: hidden;-webkit-transition: all 1000ms ease;-moz-transition: all 1000ms ease;-ms-transition: all 1000ms ease;-o-transition: all 1000ms ease;transition: all 1000ms ease;} .list_szdw ul li:hover{box-shadow: 0 10px 20px #bbb;-webkit-box-shadow: 0 10px 20px #bbb;-moz-box-shadow: 0 10px 20px #bbb; -webkit-transform: scale(1.02);-moz-transform: scale(1.02);-ms-transform: scale(1.02);transform: scale(1.02);} .list_szdw ul li .pic{float: left;margin-right: 2%;width: 14%;position: absolute;left: 0px;bottom: 0px;z-index: 2;background: #c3d2d9;} .list_szdw ul li .pic img{display: block;width: 100%;height: auto;} .list_szdw ul li .szdw_hd{padding-left: 20%;padding-top:1%;} .list_szdw ul li .szdw_hd .sz_name{font-size: 1.4rem;font-family: "Microsoft Yahei";font-weight: bold;color: #026ac3;margin-right: 1rem;} .list_szdw ul li .szdw_txt{padding: 2rem 0 1.2rem;position: absolute;left: 0px;bottom: 0px;background: #f8fbfd;z-index: 1;padding-left: 20%;padding-right: 4%;width:100%;} .list_szdw ul li .szdw_txt .szdw_txt_con{position: relative;} .list_szdw ul li .szdw_txt .szdw_txt_con .ljgd{position: absolute;right: 4%;top: -2.6rem;width: 118px;height: 40px;line-height: 40px;text-align: center;background: #e7eef3;z-index: 3;border-radius: 0 0 0 20px;font-family: "Microsoft Yahei";font-size: 0.875rem;color: #f88c00;} .list_szdw ul li .szdw_txt .szdw_txt_con .ljgd:hover{background: #f88c00;color: #fff;} .list_szdw ul li .szdw_txt p{font-size: 0.875rem;font-family: "Microsoft Yahei";color: #555;line-height: 1.75rem;margin-bottom: .5rem; overflow: hidden;max-height: 30px;} .list_szdw ul li .szdw_txt p.szjg{display:none;} @media(max-width: 1600px){ .list_szdw ul li{height: 20rem;} } @media(max-width: 1310px){ .list_szdw ul li{height: 17.5rem;} } @media(max-width: 1280px){ .list_szdw ul li{height: 17rem;} .list_szdw ul li .szdw_hd{padding: 1.5rem 0 1rem;} .list_szdw ul li .szdw_hd .sz_name{font-size: 1.5rem;padding-left: 30%;} .list_szdw ul li .szdw_txt{padding: 1.5rem 0 1rem;padding-left: 30%;} .list_szdw ul li .szdw_txt .szdw_txt_con{padding-right: 2%;} .list_szdw ul li .szdw_txt .szdw_txt_con .ljgd{top: -1.5rem;} } @media(max-width: 992px){ .nav_letter dl dd{line-height: 40px;} .nav_letter dl dd.all{height: 80px;line-height: 80px;} .list_szdw ul li{height: 16rem;} .list_szdw ul li .szdw_txt .szdw_txt_con .ljgd{width: 88px;height: 32px;line-height: 32px;border-radius: 10px 0 0 0;} .list_szdw ul li .pic{width: 27%;} } @media(max-width: 700px){ .list_szdw ul li{height: 17rem;margin-bottom: 1rem;} } @media(max-width: 600px){ .nav_letter dl dd{line-height: 36px;width: 10%;} .nav_letter dl dd.all{height: 72px;line-height: 72px;width: 10%;} .nav_letter dl dd a{font-size: 0.875rem;} } @media(max-width: 510px) and (min-width:320px){ .list_szdw ul li .pic{width: 30%;} .list_szdw ul li .szdw_hd{padding-left: 0%;} .list_szdw ul li .szdw_hd .sz_name{padding-left: 0;} .list_szdw ul li .szdw_txt{padding-left: 34%;} .list_szdw ul li .szdw_txt .szdw_txt_con{padding-right: 3%;padding-top: 1rem;} } /*end list_szdw*/ /*szdw_szgk start*/ .szdw_szgk{padding: 1.875rem;} .szdw_szgk .szgkcon{background: #f8fbfd;margin-bottom: 2rem;} .szdw_szgk .szgk01 .rcdw_hd{height: 390px;background: #026ac3;border-radius: 0 30px 30px 0;font-size: 1.375rem;font-family: "Microsoft Yahei";color: #fff;float: left;writing-mode: vertical-lr;-webkit-writing-mode: vertical-lr;-ms-writing-mode: vertical-lr;writing-mode: tb-lr;text-align: center;width: 60px;margin-right: 40px;} .szdw_szgk .szgk01 .rcdw_js{float: left;width: 46%;padding-top: 4rem;} .szdw_szgk .szgk01 .rcdw_js p{font-size: 1rem;font-family: "Microsoft Yahei";color: #555;line-height: 2rem;} .szdw_szgk .szgk01 .rcdw_statistics{width: 36%;margin-top: 1rem;} .szdw_szgk .szgk01 .rcdw_statistics ul{display: block;padding-bottom: 1rem;overflow: hidden;} .szdw_szgk .szgk01 .rcdw_statistics ul li{line-height: 2rem;padding-left: 22px;float: left;width: 50%;position: relative;} .szdw_szgk .szgk01 .rcdw_statistics ul li:before{content: "";position: absolute;left: 0px;top:8px;width: 12px;height: 12px;background: #e6bd00;z-index: 1;} .szdw_szgk .szgk01 .rcdw_statistics ul li+li:before{background: #18bc74;} .szdw_szgk .szgk01 .rcdw_statistics ul li+li+li:before{background: #00b5d6;} .szdw_szgk .szgk01 .rcdw_statistics ul li+li+li+li:before{background: #026ac3;} .szdw_szgk .szgk01 .rcdw_statistics ul li a{font-size: 0.875rem;font-family: "Microsoft Yahei";color: #555;} .szdw_szgk .szgk01 .rcdw_statistics img{display: block;max-width: 100%;margin: 0 auto;} .szdw_szgk .szgk02{height: 220px;background: #fff;} .szdw_szgk .szgk_hd{width: 60px;background: #026ac3;border-radius: 0 30px 30px 0;font-size: 1.375rem;font-family: "Microsoft Yahei";color: #fff;float: left;margin-right: 40px;} .szdw_szgk .szgk02 .zzjgsy{background: #f8fbfd;width: 60%;} .szdw_szgk .szgk02 .zzjgsy .zzjgsy_bd{padding-top: 3rem;} .szdw_szgk .szgk02 .zzjgsy ul li{line-height: 2.5rem;float: left;width: 40%;} .szdw_szgk .szgk02 .zzjgsy ul li a{font-family: "Microsoft Yahei";color: #555;font-size: 1rem;} .szdw_szgk .szgk02 .zzjgsy ul li:hover a{color: #026ac3;} .szdw_szgk .szgk02 .jszcsy{background: #f8fbfd;width: 36%;} .szdw_szgk .szgk02 .jszcsy .jszcsy_bd{padding-top: 2rem;} .szdw_szgk .szgk02 .jszcsy ul li{line-height: 2.5rem;float: left;width: 48%;} .szdw_szgk .szgk02 .jszcsy ul li a{font-family: "Microsoft Yahei";color: #555;font-size: 1rem;} .szdw_szgk .szgk02 .jszcsy ul li:hover a{color: #026ac3;} .szdw_szgk .szgk02 .szgk_hd{height:220px;writing-mode: vertical-lr;-webkit-writing-mode: vertical-lr;-ms-writing-mode: vertical-lr;writing-mode: tb-lr;text-align: center;} .szdw_szgk .szgk03{height: 190px;} .szdw_szgk .szgk03 .szgk_hd{height:190px;writing-mode: vertical-lr;-webkit-writing-mode: vertical-lr;-ms-writing-mode: vertical-lr;writing-mode: tb-lr;text-align: center;} .szdw_szgk .szgk_con{padding-left: 15px;} .szdw_szgk .pyzmsy_bd{padding-left: 80px;} .szdw_szgk .pyzmsy_bd ul{display: block;padding-top: 2.5rem;} .szdw_szgk .pyzmsy_bd ul li{float: left;width: 7.5%;line-height: 54px;} .szdw_szgk .pyzmsy_bd ul li a{display: block;text-align: center;font-family: "Georgia";font-size: 1.125rem;color: #333;} .szdw_szgk .pyzmsy_bd ul li:hover a{color: #026ac3;} @media(max-width: 1300px){ .szdw_szgk .szgk01 .rcdw_hd{margin-right: 24px;} .szdw_szgk .szgk01 .rcdw_statistics ul li{width: 100%;} .szdw_szgk .szgk_hd{margin-right: 24px;} } @media(max-width: 1200px){ .szdw_szgk .szgk02 .zzjgsy .zzjgsy_bd{padding-top: 0rem;} .szdw_szgk .szgk02 .zzjgsy ul li{width: 65%;} .part1 ul li .img{height:auto;} } @media(max-width: 700px){ .szdw_szgk .szgk01 .rcdw_js{float: none;width: 96%;padding-top: 0.5rem;} .szdw_szgk .szgk01 .rcdw_statistics{float: none;width: 96%;} .szdw_szgk .szgk01 .rcdw_statistics ul li{width: 50%;} .szdw_szgk .szgk02{height: auto;} .szdw_szgk .szgk02 .zzjgsy{float: none;width: 100%;overflow:hidden;margin-bottom: 2rem;} .szdw_szgk .szgk02 .jszcsy{float: none;width: 100%;height: 220px;} } @media(max-width: 460px){ .szdw_szgk .szgk01 .rcdw_statistics ul li{width: 100%;} .szdw_szgk .pyzmsy_bd ul{padding-top: 1rem;} .szdw_szgk .pyzmsy_bd ul li{width: 16%;line-height: 32px;} } /*end szdw_szgk*/ /* About us */ .Aboutus{margin-top: 4.375rem;} .Aboutus .sametitle{} .Aboutus .sametitle h4{color: #333333;display: block;text-align: center;margin-bottom: 2rem;} .History{} .History .HistoryCon{display: flex;justify-content: space-between;} .History .HistoryCon .text{background: url(../images/bga.png) no-repeat center bottom #fe9500;padding: 3.1875rem 4.1875rem 0.1875rem 4.1875rem;width: 32%;} .History .HistoryCon .text h5{font-size: 2.375rem;color: white;} .History .HistoryCon .text p{font-size: 0.875rem;line-height: 2.3rem;color: white;margin-top: 1.25rem;max-height: 16.5rem;overflow: hidden;text-align: justify;} .History .HistoryCon .text a{font-size:0.875rem;color:#323232;;margin-bottom: 0.6375rem;display: inline-block;line-height: 2.25rem;background: #FFFFFF;border-radius: 10px;width: 7.5rem;height: 2.25rem;transition: 0.4s;text-align: center;margin-top: 2rem;} .History .HistoryCon .text a:hover{border-radius: 1.125rem;transition: 0.4s;} .History .HistoryCon .pic{overflow: hidden;width: 68%;} .History .HistoryCon .pic img{display: block;width: 100%;} @media(max-width: 850px) { .History .HistoryCon{flex-wrap: wrap;} .History .HistoryCon .text{width: 100%;} .History .HistoryCon .pic{width: 100%;} } /* study */ .study{margin-top: 2.1875rem;} .study .studyCon{display: flex;justify-content: space-between;} .study .studyCon .picscroll{width: 68%;} .study .studyCon .picscroll img{display: block;width: 100%;} .study .swiper-pagination{text-align: center;width: 100%;bottom: 0;right: 0;bottom: 3rem;} .study .swiper-pagination .swiper-pagination-bullet{background: url(../images/dian1.png) no-repeat center;opacity: 1;background-size: 8px;margin: 0 5px;width: 16px;height: 16px;} .study .swiper-pagination .swiper-pagination-bullet-active{background: url(../images/dian.png) no-repeat center;background-size: 16px;} .study .studyCon .text{width: 32%;background: url(../images/studybg.jpg) no-repeat center;background-size: cover;padding: 3.1875rem 4.1875rem 4.1875rem 4.1875rem;position: relative;} .study .studyCon .text h5{font-size: 2.375rem;color: white;} .study .studyCon .text p{font-size: 0.875rem;line-height: 2.3rem;color: white;margin-top: 1.25rem;max-height: 25.5rem;overflow: hidden;text-align: justify;} .study .studyCon .text a{font-size:0.875rem;color:#FFFFFF;;margin-bottom: 0.6375rem;display: inline-block;line-height: 2.25rem;background: #fe9500;border-radius: 10px;width: 7.5rem;height: 2.25rem;transition: 0.4s;text-align: center;margin-top: 2rem;position: absolute;left:4.1875rem;bottom: 3.5rem;} .study .studyCon .text a:hover{border-radius: 1.125rem;transition: 0.4s;} @media(max-width: 850px) { .study .studyCon{flex-wrap: wrap;} .study .studyCon .text{width: 100%;} .study .studyCon .picscroll{width: 100%;} .study .studyCon .text a{position: static;} } /* Lifeinrse */ .Lifeinrse{margin-top: 2.1875rem;} .LifeinrseCon{display: flex;justify-content: space-between;} .LifeinrseCon .leftCon{width: 50%;display: block;} .LifeinrseCon .leftCon .texBox{background: url(../images/lifeBg.jpg) no-repeat center;background-size: cover;padding: 2.1875rem;position: relative;height: 42%;} .LifeinrseCon .leftCon .texBox h5{font-size: 2.375rem;color: white;} .LifeinrseCon .leftCon .texBox p{font-size: 0.875rem;line-height: 2.3rem;color: white;margin-top: 1.25rem;max-height: 4.5rem;overflow: hidden;} .LifeinrseCon .leftCon .picBox{width: 100%;height: 58%;} .LifeinrseCon .leftCon .picBox a{display: flex;justify-content:space-between;height:100%;} .LifeinrseCon .leftCon .picBox a .pic{width: 50%;overflow: hidden;} .LifeinrseCon .leftCon .picBox a .pic img{display: block;width: 100%;transition: 0.4s ease-in;} .LifeinrseCon .leftCon .picBox a:hover .pic img{transform: scale(1.2);transition: 0.4s ease-in;} .LifeinrseCon .leftCon .picBox a .text{width: 50%;background:#f6f6f6;padding: 1.25rem 2.1875rem;} .LifeinrseCon .leftCon .picBox a .text i{font-size: 0.875rem;text-align: left;font-style: normal;font-weight: normal;color: #323232;display: block;font-family: arial;padding-left: 1.25rem;background: url(../images/date2.png) no-repeat left center;position: relative;z-index: 5;margin-top: 25%;} .LifeinrseCon .leftCon .picBox a .text p{font-size: 1rem;line-height: 1.5rem;color: #323232;height: 4.5rem;overflow: hidden;margin-top: 1rem;position: relative;z-index: 6;} .LifeinrseCon .leftCon .picBox a:hover .text p{color: #0068B6;} .LifeinrseCon .rightCon{width: 50%;} .LifeinrseCon .rightCon ul{} .LifeinrseCon .rightCon ul li{position: relative;} .LifeinrseCon .rightCon ul li .pic{overflow: hidden;} .LifeinrseCon .rightCon ul li .pic img{transition: 0.4s ease-in;display: block;width: 100%;} .LifeinrseCon .rightCon ul li:hover .pic img{transform: scale(1.2);transition: 0.4s ease-in;} .LifeinrseCon .rightCon ul li .text{position: absolute;bottom: 1.25rem;left: 0;z-index: 6;padding: 0 1.5625rem;} .LifeinrseCon .rightCon ul li .text i{font-size: 0.875rem;text-align: left;font-style: normal;font-weight: normal;color: #FFFFFF;display: block;font-family: arial;padding-left: 1.25rem;background: url(../images/date.png) no-repeat left center;position: relative;z-index: 5;margin-top: 25%;} .LifeinrseCon .rightCon ul li .text p{font-size: 1rem;line-height: 1.5rem;color: #FFFFFF;height: 1.5rem;overflow: hidden;margin-top: 0.2rem;position: relative;z-index: 6;} @media(max-width: 850px) { .LifeinrseCon{flex-wrap: wrap;flex-direction: column;} .LifeinrseCon .leftCon{width: 100%;} .LifeinrseCon .rightCon{width: 100%;} } .sametitle .title{height: 62px; display: flex; position: relative; margin-bottom: 25px;} .sametitle .title p{display: table; margin: 0 auto; text-align: center; line-height: 62px; font-size: 1.875rem; background: url(../images/title_bg.png) center center no-repeat; width: calc(100% - 110px);} .sametitle .title a{display: block; font-weight: lighter; text-align: center; line-height: 4.5rem; font-size: 0.875rem; width: 3.5rem; height: 3.375rem; transition: 0.7s; position: absolute; right: 0; top: 0;} .sametitle .title a::before{content: ""; display: block; width: 0%; height: 1px; background: #fe9500; position: absolute; left: 0; bottom: 0; transition: 0.5s; z-index: 2;} .sametitle .title a:hover{color: #fe9500; font-weight: normal;} .sametitle .title a::after{ content: ""; display: block; width: 100%; height: 1px; background: #cccccc; position: absolute; left: 0; bottom: 0; z-index: 1;} /* 二级页结束 */