/* reset */ *{-webkit-tap-highlight-color:rgba(0,0,0,0);} html { height: 100% ;-webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent;} body { min-height: 100% } body { _height: 100% } body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, input, select, textarea, button, p, blockquote, th, td, figure { margin: 0; padding: 0 } body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, p, blockquote, figure, header, footer, nav, article, section, aside, address, figcaption { *zoom: 1 } li { list-style-type: none } h1, h2, h3, h4, h5, h6 { font-size: 100%;font-weight:normal; } iframe, frame, fieldset, img { border: 0 none } img { vertical-align: top } input[type=button], input[type=submit], input[type=reset] { cursor: pointer } button { cursor: pointer } input, textarea, button { -webkit-border-radius: 0; -webkit-appearance: none } input[type=radio] { -webkit-border-radius: 100%; -webkit-appearance: radio } input[type=checkbox] { -webkit-appearance: checkbox } input[type=search] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box } textarea { overflow: auto; resize: none } blockquote, q { quotes: none } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none } table { border-collapse: collapse; border-spacing: 0 } caption, th { text-align: left } th { font-weight: normal } em, cite, address,i { font-style: normal } sup { vertical-align: text-top } sub { vertical-align: text-bottom } body, input, select, button, textarea { font-size: 14px; /*font-family:"Microsoft Yahei",arial,"\5b8b\4f53"; */ font-family:"Helvetica Neue","Helvetica","PingFang SC","Hiragino Sans GB", "Microsoft YaHei","微软雅黑","Arial","sans-serif"; } body { line-height: 1.5;color: #3e3e3e; } a { text-decoration: none;-webkit-tap-highlight-color:transparent;color: #3e3e3e;} a { blr:expression(this.onFocus=this.blur()) } a * { *cursor: pointer } :focus { outline: none } .edit_con_original{ line-height:2; padding:0 0; color:#333;} .edit_con_original ul{ margin:inherit; padding:inherit; padding-left:2em;} .edit_con_original ul li { list-style-type:disc; margin:auto; } .edit_con_original ol{ margin:inherit; padding:inherit} .edit_con_original ol li { list-style-type:decimal; margin:auto; } .edit_con_original h1 { font-size: 2em; font-weight:bold } .edit_con_original h2 { font-size: 1.5em; font-weight:bold } .edit_con_original h3 { font-size: 1.17em; font-weight:bold } .edit_con_original h4 { font-size: 1em; font-weight:bold } .edit_con_original h5 { font-size: 0.83em; font-weight:bold } .edit_con_original h6 { font-size: 0.67em; font-weight:bold } .edit_con_original em { font-style: italic } .edit_con_original cite{ font-style: italic } .edit_con_original address{ font-style: italic } .edit_con_original i { font-style: italic } .edit_con_original table{ border-collapse: separate; border-spacing: 2px } .edit_con_original img{ max-width:100%; height:auto;} .edit_con_original video{ max-width:100%;display: block;margin:auto;} /*所有后台编辑器区域都要引用 edit_con_original 类名*/ /* clear 页头,页脚,内容区都不用再加清除样式 */ .fixed:before, .clearfix:before, .cf:before, body:before, .header:before, .main:before, .footer:before { content: ''; display: table } .fixed:after, .clearfix:after, .cf:after, after, .header:after, .main:after, .footer:after { content: ''; display: table; clear: both } .fixed, .clearfix, .cf, .header, .main, .footer { *zoom: 1 } .clear, .cl { display: block!important; float: none!important; clear: both; width: auto!important; max-width: none!important; min-width: 0!important; max-height: none!important; min-height: 0!important; overflow: hidden; margin: 0!important; padding: 0!important; border: 0 none!important; font-size: 0!important; line-height: 0!important } .err_position{ width:100%; height:auto; background:url(../images/errors.png) center no-repeat;} /*隐藏视频下载按钮*/ video::-internal-media-controls-download-button { display:none; } video::-webkit-media-controls-enclosure { overflow:hidden; } video::-webkit-media-controls-panel { width: calc(100% + 30px); } /*图片经过*/ .tran_scale{ overflow:hidden; display:block;} /*img{transition: All 0.7s ease-in-out;}*/ .tran_scale img{-webkit-transition: opacity .4s ease-in,-webkit-transform .6s linear;transition: opacity .4s ease-in,transform .6s linear;} /*两端对齐*/ .justify { text-align:justify; text-justify:distribute-all-lines;} /*上下居中*/ .v-m-c{ transform: translate(0,-50%); -webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);-moz-transform: translate(0,-50%);-o-transform: translate(0,-50%); position:absolute; left:0; top:50%;} /*左右居中*/ .l-m-c{ transform: translate(-50%,0); -webkit-transform: translate(-50%,0);-ms-transform: translate(-50%,0);-moz-transform: translate(-50%,0);-o-transform: translate(-50%,0); position:absolute; left:50%; top:0;} /*绝对居中*/ .a-m-c{ transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); position:absolute; left:50%; top:50%;} .animate{ transition: 1.5s all cubic-bezier(0.19, 1, 0.22, 1);} .animate_slowx { transition: 2.5s all cubic-bezier(0.19, 1, 0.22, 1); } .animate_fast{ transition: 1s all cubic-bezier(0.19, 1, 0.22, 1);} .animate_slow{ transition: 10s all cubic-bezier(0.19, 1, 0.22, 1);} .animate_normal{ transition: 0.5s all linear;} /*font-size*/ .fnt_16 { font-size: 16px;} .fnt_18 { font-size:18px;} .fnt_20 { font-size: 20px;} .fnt_22 { font-size:22px;} .fnt_24 { font-size:24px;} .fnt_28 { font-size:28px;} .fnt_28 { font-size:30px;} .fnt_32 { font-size:32px; line-height:34px; } .fnt_36 { font-size:36px;} .fnt_30 { font-size:30px;} .fnt_40 { font-size: 40px;} .fnt_48 { font-size: 48px;} .fnt_66 {font-size: 66px;} .fnt_72 {font-size: 72px;} .fnt_120 { font-size: 120px;} @media only screen and (max-width:1279px) { .fnt_22 { font-size:18px} .fnt_24 { font-size:22px;} .fnt_28 { font-size:22px;} .fnt_30 { font-size:24px; } .fnt_32 { font-size:24px; } .fnt_36 { font-size:28px;} .fnt_40 { font-size:32px;} .fnt_48 { font-size:38px;} .fnt_66 {font-size: 52px;} .fnt_72 {font-size: 48px;} .fnt_120{font-size: 105px;} } @media only screen and (max-width:1024px) { .fnt_16{ font-size:14px;} .fnt_18{ font-size:16px;} .fnt_20 { font-size: 18px;} .fnt_24 { font-size: 20px;} .fnt_30 { font-size:22px; } .fnt_36 { font-size:24px;} .fnt_40 { font-size:24px;} .fnt_48 { font-size:30px;} .fnt_72 {font-size: 36px;} } @media only screen and (max-width:767px) { .fnt_16{ font-size:14px;} .fnt_18{ font-size:16px;} .fnt_20 { font-size: 16px;} .fnt_24 { font-size: 16px;} .fnt_30 { font-size:18px; } .fnt_36 { font-size:20px;} .fnt_40 { font-size:20px;} .fnt_48 { font-size:24px;} .fnt_72 {font-size:24px;} } .wrap{width: 1280px;margin: auto;} .wrap_index{width: 1680px;margin: auto;} @media only screen and (max-width:1700px) { .wrap_index{width: 94%;} } @media only screen and (max-width:1300px) { .wrap{width: 94%;} } .header_height{height: 76px;} .index_body .header_height{display: none;} .index_body .header{background: rgba(0,0,0,0.2)} .header{width: 100%; height: 76px;position: fixed;top:0;left: 0;background: #2a2a2a;color: #fff; z-index:9999;} .header a{color: #cecaca;} .header h1{float: left;margin-top:19px;width: 180px;} .header h1 img{width: 100%;} .header nav{float: right;position: relative;right: -100px;opacity:0;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;visibility: hidden;} .header nav>ul>li{float: left;height: 76px;line-height: 76px;position: relative;} .header nav>ul>li>a{margin: 0 24px;position: relative;display: block; color: #fff;} .header nav>ul>li>a>em{position: absolute;left: 50%;bottom: 0; width:0%;height: 3px;background: #e3254c;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;} .header nav>ul>li>span{display: none;cursor: pointer;} .header nav>ul>li.on>a>em{position: absolute;left:0%;bottom: 0; width:100%;height: 3px;background: #e3254c;} .menu{float: right;margin-top:27px;cursor: pointer;margin-left: 50px;position: relative;z-index: 9;} .language{font-family: "Arial";float: right;margin-left:12px;} .language a{margin-left: 12px;height: 76px;line-height: 76px;color: #fff;} .language select{border: none;background: none;margin-left: 12px;height: 76px;line-height: 76px;color: #fff;} .language select option{line-height: 76px;color: #000000;} .menu-open nav{opacity:1;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;right: 0;visibility: visible;} /*nav*/ .nav_list{background: rgba(0,0,0,0.5);padding: 10px 0;width: 100%;left: 50%;position: absolute;top: 76px; margin-left: -50%; display: none;} .nav_list li{line-height: 20px; padding:8px; text-align: center;} .nav_list li.back{display: none;} /*202101-19*/ .language{margin-left: 23px;} .language dl{position:relative;text-align:center;} .language dt{height:76px;line-height:76px;cursor: pointer;} .language dd{position:absolute;top:60px;left:0;width: 70px;padding:10px 0;background:#fff;display: none;} .language dd a{color:#000;display:block;line-height: 32px;height: 32px;margin:0;} @media only screen and (max-width:1570px) { .menu{margin-left: 20px;} .header nav>ul>li>a{margin: 0 20px;} } /*202101-19*/ @media only screen and (max-width:1520px) { /*.language{margin-left: 30px;}*/ .menu{margin-left: 20px;} .header nav>ul>li>a{margin: 0 16px;} } @media only screen and (max-width:1440px) { .header nav>ul>li>a{margin: 0 14px;} } @media only screen and (max-width:1390px) { .header nav>ul>li>a{margin: 0 10px;} } @media only screen and (max-width:1340px) { /*.language{margin-left:20px;}*/ .header nav>ul>li>a{margin: 0 10px;} .nav_list{width: 140%;margin-left: -70%;} } @media only screen and (max-width:1279px) { .header nav>ul>li{font-size:14px;} .header nav>ul>li>a{margin: 0 10px;} } @media only screen and (max-width:1220px) { .language,.header_search,.group_select,.menu{margin-left: 10px;} .language a{margin-left: 8px;} .header nav>ul>li>a{margin: 0 7px;} } @media only screen and (max-width:1100px) { .header nav>ul>li{font-size:13px;} .header nav>ul>li>a{margin: 0 5px;} } @media only screen and (max-width:1024px) { .header_height{height: 60px;} .index_body .header_height{display: block;} .header nav>ul>li>span{background: url(../images/news_arrow.png) no-repeat center center;width: 32px;height: 32px; float: right;} .header{height: 60px;} .index_body .header{ background: #2a2a2a;} .language a{height: 60px;line-height: 60px;} .header h1{width: 140px;margin-top: 15px;} .menu{margin-top: 19px;} .header nav { z-index: 99999; margin: 0; position: fixed; right: 0; top:60px; left: auto; float: none; width: 260px; height:calc(100vh - 60px); background:#2a2a2a; overflow-y: auto; transform: translateX(260px); -webkit-transform: translateX(260px);-moz-transform: translateX(260px);-o-transform: translateX(260px);-ms-transform: translateX(260px); transition: 0.3s all; -webkit-transition: 0.3s all;overflow: hidden;} .header nav>ul>li{float: none;height: 36px;line-height: 36px;padding: 0 20px;border-bottom: 1px dashed #444242;} .header nav>ul>li>a{margin: 0;width: calc(100% - 34px);float: left;} .header nav>ul>li>a>em{display: none;} /*.menu-open .menu{opacity:0.3;filter:alpha(opacity=30); -moz-opacity:0.3; -khtml-opacity:0.3;}*/ /*.menu-open .header nav{ transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); }*/ .menu-open02 .menu{opacity:0.3;filter:alpha(opacity=30); -moz-opacity:0.3; -khtml-opacity:0.3;} .menu-open02 .header nav{opacity:1;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;right: 0;visibility: visible;} .menu-open02 .header nav{ transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); } .header nav>ul>li>span{display: block;} .nav_list{ margin-left: 0;left: 0;top:0;width: 100%;position: fixed;display: block;height:100%;background:#2a2a2a; transform: translateX(260px); -webkit-transform: translateX(260px);-moz-transform: translateX(260px);-o-transform: translateX(260px);-ms-transform: translateX(260px); transition: 0.3s all; -webkit-transition: 0.3s all; z-index: 9; } .nav_list li{text-align: left;padding: 0 20px; line-height: 36px; border-bottom: 1px dashed #444242;} .header nav>ul>li.cur .nav_list{ transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); } .nav_list li.back{display: block;} } .ellipsis{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .ratio-img,.ratio-img img{width: 100%;} .pub_title{color: #000;text-align: center;} .pub_bg{position: absolute;left: 0;bottom: 0;width: 100%; z-index: 1;} .pub_bg>div{position: absolute;left: 0;bottom: 0;width: 100%;} .pub_bg2{position: absolute;left: 0;bottom: 0;width: 100%; z-index: 1;} .pub_bg2>div{position: absolute;left: 0;bottom: 0;width: 100%;} .pub_bg2 img,.pub_bg img{width: 100%;} .blank_10{background: rgba(0,0,0,0.1);position: absolute;top:0;left: 0;width: 100%;height: 100%;} .blank_11{background: rgba(0,0,0,0.11);position: absolute;top:0;left: 0;width: 100%;height: 100%;} .blank_20{background: rgba(0,0,0,0.2);position: absolute;top:0;left: 0;width: 100%;height: 100%;} .blank_30{background: rgba(0,0,0,0.3);position: absolute;top:0;left: 0;width: 100%;height: 100%;} .blank_50{background: rgba(0,0,0,0.5);position: absolute;top:0;left: 0;width: 100%;height: 100%;} .blank_60{background: rgba(0,0,0,0.6);position: absolute;top:0;left: 0;width: 100%;height: 100%;} .pub_more{margin-top: 35px;} .pub_more img,.pub_more a{width: 56px !important;height: 55px;display: block;margin:auto;} .banner{overflow: hidden;} .banner li{overflow: hidden;} .banner li a{position: relative;display: block;height: 100%;} .banner_text{position: absolute;bottom:29.5%;left: 0;width: 100%;color: #fff;text-align: center; z-index: 2;} .banner_text h1{margin-bottom: 10px;} .banner_text p{text-transform:uppercase;} .banner li img{width: 100%;} .img_b{display: none;} .banner_more{margin-top: 35px;} .banner_more img{width: 56px !important;height: 55px;} .banner li video{position: absolute;left:50%;top: -1%;height: 102%;width:auto; transform:translateX(-50%); } .inbanner{position: relative;} .inbanner .swiper-container{height: 100%;} .inbanner li a>img{width: 100%} .inbanner .banner_cont{position: absolute; top:226px;left: 0; width: 100%;} .inbanner .but{display: none;} .inbanner .banner_page {margin-right: 0; right: 0px; width: 15px; right: 40px; bottom: auto; top:50%;transform: translate(0,-50%); -webkit-transform: translate(0,-50%); } .inbanner .banner_page{margin-top: 0; float: none;} .inbanner .banner_page span{width:10px; height:10px; opacity: 1; transition: 0.5s all;-webkit-transition: 0.5s all;-moz-transition: 0.5s all;-o-transition: 0.5s all;border-radius:50%;position: relative;margin: 19px 0;background: rgba(255,255,255,0.4); position:relative;} .inbanner .banner_page span.swiper-pagination-bullet-active{ background:#fff; } .banner_text h1{-webkit-transform: translateY(-80px); -moz-transform: translateY(-80px);-o-transform: translateY(-80px);-ms-transform: translateY(-80px);transform: translateY(-80px);transition: 1s all;-webkit-transition: 1s all;-moz-transition: 1s all;-o-transition: 1s all;opacity: 0;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0;} .banner_text p{-webkit-transform: translateY(80px); -moz-transform: translateY(80px);-o-transform: translateY(80px);-ms-transform: translateY(80px);transform: translateY(80px);transition: 1.5s all;-webkit-transition: 1.5s all;-moz-transition: 1.5s all;-o-transition: 1.5s all;opacity: 0;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0;} .banner_text .banner_more{-webkit-transform: translateY(80px); -moz-transform: translateY(80px);-o-transform: translateY(80px);-ms-transform: translateY(80px);transform: translateY(80px);transition: 2s all;-webkit-transition: 2s all;-moz-transition: 2s all;-o-transition: 2s all;opacity: 0;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0;} .pub_bg>div{-webkit-transform: translateY(80px); -moz-transform: translateY(80px);-o-transform: translateY(80px);-ms-transform: translateY(80px);transform: translateY(80px);opacity: 0;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0;transition: 2s all;-webkit-transition: 2s all;-moz-transition: 2s all;-o-transition: 2s all;} .pub_bg>div.bg01{transition-delay:0.2s; -webkit-transition-delay:0.2s;-ms-transition-delay:0.2s;-moz-transition-delay:0.2s;-o-transition-delay:0.2s;} .pub_bg>div.bg02{transition-delay:0.4s; -webkit-transition-delay:0.4s;-ms-transition-delay:0.4s;-moz-transition-delay:0.4s;-o-transition-delay:0.4s;} .pub_bg>div.bg03{transition-delay:0.6s; -webkit-transition-delay:0.6s;-ms-transition-delay:0.6s;-moz-transition-delay:0.6s;-o-transition-delay:0.6s;} .inbanner li.on .pub_bg>div{-webkit-transform: translateY(0px); -moz-transform: translateY(0px);-o-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px);opacity: 1;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;} .inbanner li.on .banner_text h1,.inbanner li.on .banner_text p,.inbanner li.on .banner_text .banner_more{-webkit-transform: translateY(0px); -moz-transform: translateY(0px);-o-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px);opacity: 1;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;} @media only screen and (max-width:1024px) { .banner_text{margin:auto;} .inbanner .but{display: block;} .inbanner .but div{width: 50px;height: 26px;background-size: 50px 50px; cursor: pointer; z-index: 999; opacity: 0.8;} .inbanner .banner_page{display: none;} .inbanner .bx-controls-direction{display: block !important;} .site_banner li a>img{width: 101%; margin-left: -1px;} .banner_text h1{ -webkit-transform: translateY(0px); -moz-transform: translateY(0px);-o-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px);transition: 1s all;-webkit-transition: 1s all;-moz-transition: 1s all;-o-transition: 1s all;opacity: 0;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-transform: translateX(-80px); -moz-transform: translateX(-80px);-o-transform: translateX(-80px);-ms-transform: translateX(-80px);transform: translateX(-80px);} .banner_text p{ -webkit-transform: translateY(0px); -moz-transform: translateY(0px);-o-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px);transition: 1.5s all;-webkit-transition: 1.5s all;-moz-transition: 1.5s all;-o-transition: 1.5s all;opacity: 0;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-transform: translateX(-80px); -moz-transform: translateX(-80px);-o-transform: translateX(-80px);-ms-transform: translateX(-80px);transform: translateX(-80px);} .banner_text p{ -webkit-transform: translateY(0px); -moz-transform: translateY(0px);-o-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px);transition:2s all;-webkit-transition:2s all;-moz-transition:2s all;-o-transition:2s all;opacity: 0;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-transform: translateX(-80px); -moz-transform: translateX(-80px);-o-transform: translateX(-80px);-ms-transform: translateX(-80px);transform: translateX(-80px);} .inbanner li.on .banner_text h1,.inbanner li.on .banner_text p,,.inbanner li.on .banner_text .banner_more{-webkit-transform: translateX(0px); -moz-transform: translateX(0px);-o-transform: translateX(0px);-ms-transform: translateX(0px);transform: translateX(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px);-o-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px);opacity: 1;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;} } .index_01{padding: 115px 0 100px 0;/*overflow: hidden; */ display: table;width: 100%;} .index_01 .pub_title{margin-bottom: 90px;} .index_01 ul{margin: 0 -10px;} .index_01 ul li{float: left;width:25%;*margin-left: -1px;} .index_01 ul li dl{padding: 0 10px;color: #6b6b6f;} .index_01 ul li a{color: #6b6b6f;} .index_01 ul li dd{border-bottom: 1px solid #6b6b6f;border-top: 1px solid #6b6b6f;overflow: hidden;padding: 6px 0; transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s; opacity:0;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-transform: translateY(50px); -moz-transform: translateY(50px);-o-transform: translateY(50px);-ms-transform: translateY(50px);transform: translateY(50px); } .index_01 ul li dd p{/*float: left;width: calc(100% - 70px);*/line-height: 1.7em;height: 3.4em;overflow: hidden;} .index_01 ul li dd span{font-family: "Arial";float: right;line-height: 60px;} .index_01 ul li dt{margin-bottom: 50px;position: relative;/*overflow: hidden;*/} .index_01 ul li dt p{ text-transform: uppercase;} .index_01 ul li dt p,.index_01 ul li dt h3{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .service_p{width: 90px; height: 90px; color: #fff; padding: 3px;border: 2px solid #f6f6f7;transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); position:absolute; left:50%; top:50%; z-index: 2; } .service_p p{margin-top: 28px;} .index_01 ul dt{overflow: inherit;} .index_01 ul dt .slew_01{position: absolute;top:0;left: 0;width: 100%;height: 100%;opacity:0;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;} .index_01 ul dt .slew_01 img{width: 100%;height: 100%;} .index_02_c{position: relative;} .index_02_c .but02>div.swiper-button-prev{left: 10%;} .index_02_c .but02>div.swiper-button-next{right: 10%;} .index_02_c .index_02 .wrap{width:70%;} .index_02{text-align: center;padding:310px 0 270px 0;color: #fff;position: relative;overflow: hidden;} .index_02 .index_slider{padding: 0 80px;} .index_02 .wrap{position: relative;z-index:2;} .index_icon{margin-bottom: 10px;} .index_icon img{width: 75px;height: 75px;} .index_02 h1{margin-bottom: 15px;} .index_02 p{line-height: 1.875em;} .index_02 p,.index_02 .pub_more{ -webkit-transform: translateY(50px); -moz-transform: translateY(50px);-o-transform: translateY(50px);-ms-transform: translateY(50px);transform: translateY(50px); opacity:0;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; transition:all 0.8s;-webkit-transition:all 0.8s;-moz-transition:all 0.8s;-o-transition:all 0.8s;-ms-transition:all 0.8s; } .index_04 video{ /*width: 100%;height: 100%;position: absolute;top:0;left: 0; background: #000;*/ position: absolute; left: 50%; top: 0; min-height: 100%; width: 100%; transform: translateX(-50%); background: #000; } .index_04 p{-webkit-transform: translateY(0); -moz-transform: translateY(0);-o-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);opacity:1;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;} .index_04 .index_a{position: absolute;top:0;left: 0;width: 100%;height: 100%;z-index: 9; text-indent: -99999px;} .index_03{padding: 120px 0 104px 0;overflow: hidden;} .nwes_t h1{text-align: center;margin-bottom: 60px;} .nwes_t h1 span{padding: 0 25px;position: relative;cursor: pointer; display: inline-block;} .nwes_t h1 span.on{color: #0750a2;} .nwes_t h1 span i{color: #000;position: absolute;top:0;right: -6px; cursor: default;} .nwes_t h1 span:last-child i{display: none;} .nwes_t{position: relative;line-height: 44px;} .nwes_t .news_more{position: absolute;right: 0;top:0;} .news_more a{color: #000;display: none;} .news_more a.on{display: block;} .index_news ul{display: none;} .index_news ul.on{display: block;} .index_news span{display: block;margin-bottom: 8px;} .index_news dl{background: #efefef;padding: 50px 40px;} .index_news dd{color: #666;} .index_news dd p{line-height: 1.5em;height: 3em;overflow: hidden;} .index_news ul{overflow: hidden;margin: 0 -10px;} .index_news li{width: 33.33%;*margin-left: -1px;float: left;} .index_news li dl{margin: 0 10px;border-top:1px solid #efefef;border-bottom:1px solid #efefef;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;} .index_news li h3{font-weight: bold;margin-bottom: 20px;} .index_body .footer{margin-top: 0;} .footer{background: #2a2a2a;padding: 50px 0 40px 0;color: #666666;margin-top:80px;} .footer a{color: #666666;} .footer_t,.footer_t ul{overflow: hidden;} .footer_t .left,.footer_b .left{float: left;width: calc(100% - 470px)} .footer_b .left{width: calc(100% - 500px);line-height:24px;} .footer_b .left a img{margin-left: 5px; width: 24px;} .footer_t .left ul{margin: 0 -50px;} .footer_t .left li{float: left;} .footer_t .left dl{padding: 0 50px;} .footer_t .left dt{color: #fff;font-weight: bold;margin-bottom: 34px;} .footer_t .left dt a{color: #fff;} .footer_t .left dd p{line-height: 2.1em;} .footer_t .right,.footer_b .right{float: right;width: 430px;overflow: hidden;} .footer_t .right li{float: left;width: 102px;height: 34px;line-height: 34px;text-align: center;background: #353535;margin-left: 4px;} .footer_t .right li a{display: block;} /*.footer_b .right{width: 320px;}*/ .footer_b .right ul{overflow: hidden;} .footer_b .right li{float: left;width: 25%;*margin-left:-1px;text-align: center;} .footer_b .right dt{padding-bottom: 16px;position: relative;padding-bottom: 16px; width: 66px; margin: auto;} .footer_b .right dt img{width: 66px;height: 66px;} .footer_b .right dd{border-top: 1px solid #656565;height:36px;line-height: 36px;cursor: pointer;} .footer_b .right dt i{width: 9px;height: 7px;background: url(../images/footer_arrow.png) no-repeat center center; position: absolute;left: 50%;bottom:-1px;margin-left: -4px;} .footer_b .right h4{text-align: center; margin-top: 10px;} .footer_b{overflow: hidden;} .footer_b .left{margin-top: 90px;} .weixin{float: right;padding-bottom: 16px;position: relative;} .weixin,.weixin img{width: 66px;height: 66px;} .weixin i{width: 9px;height: 7px;background: url(../images/footer_arrow.png) no-repeat center center; position: absolute;left: 50%;bottom:-1px;margin-left: -4px;} .scrollHeader .header{background: rgba(0,0,0,0.7)} @media only screen and (max-width:1440px) { .inbanner .banner_page span{margin:10px 0;} .index_01,.index_03{padding: 80px 0;} .index_02{padding: 150px 0;} .index_01 .pub_title{margin-bottom: 50px;} .index_news li dl{padding: 30px;} } @media only screen and (max-width:1366px) { .footer_t .left ul{margin: 0 -30px;} .footer_t .left dl{padding: 0 30px;} .banner_text {bottom: 22%;} } @media only screen and (max-width:1279px) { .footer_t .left ul{margin: 0 -20px;} .footer_t .left dl{padding: 0 20px;} .footer_t .right li{width: 70px;} .footer_t .left,.footer_b .left{width: calc(100% - 350px)} .footer_t .right, .footer_b .right{width: 314px;} .footer_b .left{width: calc(100% - 540px)} .footer_b .right{width: 500px;} } @media only screen and (max-width:1024px) { .index_icon img{width: 60px;height: 60px;} .banner_more img,.pub_more img, .pub_more a{width: 30px !important;height: 30px;} .banner_more{margin-top: 20px;} .index_01 .pub_title,.nwes_t h1{margin-bottom: 40px;} .index_01 ul li dt{margin-bottom: 20px;} .index_01 ul dl dd,.index_02 p,.index_02 .pub_more{-webkit-transform: translateY(0); -moz-transform: translateY(0);-o-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);opacity:1;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;} .index_02{padding: 100px 0;} .footer{padding: 30px 0;margin-top: 50px;} .footer_t .left, .footer_b .left,.footer_t .right, .footer_b .right{width: 100%;float: none;} .footer_b{margin-top: 20px;} .footer_b .left{margin-top: 10px;} .footer_t .left{margin-bottom: 20px;} .footer_t .left dt{margin-bottom: 10px;} .footer_t .left li{float: none;width: 100%;} .footer_t .left ul{margin: 0;} .footer_t .left dl{padding:10px 0;border-bottom: 1px dashed #4c4848;} .footer_t .left li:last-child dl{border-bottom: 0;} .footer_t .left dd{overflow: hidden;} .footer_t .left dd p{float: left;margin-right: 20px;} .footer_b .right{} .footer_b .right ul{width: 400px;margin:auto;} .footer_b .right li{} .index_02_c .but02>div.swiper-button-prev{left: 20px;} .index_02_c .but02>div.swiper-button-next{right: 20px;} .index_02_c .index_02 .wrap{width:80%;} } @media only screen and (max-width:990px) { .index_01 ul li{width: 50%;margin-bottom: 40px;} .index_01, .index_03{padding: 40px 0;} .index_02{padding: 60px 0;} .index_news ul{margin: 0px;} .index_news li dl{padding: 20px;margin: 0px;} .index_01 .pub_title, .nwes_t h1{margin-bottom: 20px;} .index_news li h3{margin-bottom: 10px;} .index_news li{width: 100%;margin-bottom: 20px;} .nwes_t h1 span{padding: 0 15px;} .news_more a{font-size: 14px;} } .index_04 .walker_video{display: none;} @media only screen and (max-width:767px) { .footer{margin-top: 40px;} .index_01, .index_03{padding:20px 0;} .index_01 ul li{width:50%;margin-bottom: 20px;} .index_01 ul li dl{padding: 0 4px;} .index_01 ul li dd{padding: 5px;} .index_01 ul li dt{margin-bottom: 10px;} .footer_b .right ul{width: 100%;} .index_04 video{display: none;} .index_02 .wrap{position: static;} .index_02 .wrap *{position: relative;z-index: 2;} .index_04 .wrap .walker_video{/*display: block;*/position: relative;z-index: 91;} .index_02_c .but02>div.swiper-button-prev{left:5px;} .index_02_c .but02>div.swiper-button-next{right:5px;} .inbanner li a>img{display: none;} .inbanner{height: 300px !important;} } /*面包屑*/ .site{text-align: right;line-height: 50px;} .site a{color: #000;} .site,.site span{color: #666;} /*二级banner*/ .site_banner{position: relative;} .site_banner img{width: 100%;} .site_banner_p{position: absolute;left: 0;bottom: 24.4%;width: 100%;color: #fff;z-index: 2;} .site_banner_p h1{margin-bottom: 15px;} .site_banner_p p{ text-transform: uppercase;} .site_con{overflow: hidden;border-bottom: 1px solid #eaeaea;margin-bottom: 48px;} .site_con .site_le{float: left;} .site_con .site_re{float: right;} .site_con .site_re li{float: left;line-height: 50px;padding: 0 10px;} .site_con .site_re li a{display:block;position: relative;} .site_con .site_re li a em{position: absolute;bottom:0;left:50%; width:0%;height: 2px; background: #e3254c;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;} .site_con .site_re li.on em{left: 0;width: 100%;} @media only screen and (min-width:1025px) { .site_con .site_re li:hover em{left: 0;width: 100%;} } @media only screen and (max-width:1024px) { .site_con{margin-bottom: 40px;} } @media only screen and (max-width:767px) { .site_con{display: none;} .site_banner>img{display: none;} .site_banner{height: 150px;margin-bottom: 20px;} .site_banner_p{text-align: center;} .site_banner_p h1{margin-bottom: 5px;} } /*page*/ .pageout{background: url(../images/page_line.png) repeat-x;margin-top: 60px;} .page{text-align: center;color: #0750a2;padding-top: 20px;overflow: hidden;} .page a{width: 30px;height: 50px;line-height: 50px;display: inline-block;color: #0750a2;} .page a.on{color: #3e3e3e;} .page .next{float: right;width: 50px;height: 50px;background: #333333 url(../images/page_next.png) no-repeat center center;} .page .next.no,.page .prev.no{opacity: 0.5} .page .prev{display: none;} @media only screen and (max-width:767px) { .pageout{margin-top: 20px;} .page{width:120px;margin: auto;} .page a,.page .dian{display: none;} .page .prev,.page .next{display:block;display: inline-block;float: left;width:40px;height:40px;background: #333333 url(../images/page_next.png) no-repeat center center;margin: 0 10px;} .page .prev{background: #333333 url(../images/page_prev.png) no-repeat center center;} } /*搜索*/ .header .wrap_index{position: relative;} .header_search{cursor:pointer; width: 24px;height:22px; float: right;margin-top:27px; margin-left: 20px;} .header_search span{ display:block;width: 24px; height:22px; text-align: center; border: none;background:url(../images/search.png) no-repeat center center; position:relative; margin: auto;} .header_search span img{vertical-align: middle; margin-top: -3px;} .header_search.on span {opacity:0.5;filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5;} .search_wrap{ background:#fff; width: 100px; right:0; position:absolute; top:18px; border: 0px solid #0750a2;z-index: 91; } .search_box_button { height:40px; width:36px; background:url(../images/search_btn.png) no-repeat center; border:0; outline: none; float: right; } .search_box_text {width:calc(100% - 58px); padding: 0 10px; float:left; border:0;height:40px; outline: none; line-height: 40px; background:#fff;} .search_wrap.on{ width: 360px;visibility: visible; opacity:1;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; } @media only screen and (max-width:1024px) { .header_search{margin-top: 18px;} .search_wrap{top:60px;} } @media only screen and (max-width:360px) { .header_search{margin-left: 10px;} .language{margin-left: 5px;} } nav .language,nav .search_wrap{display: none !important;} @media only screen and (max-width:1024px) { .language,.search_wrap,.header_search{display: none;} nav .language,nav .search_wrap{display: block !important; overflow: hidden;} .language a{height: 40px;line-height: 40px;} .language{float: none;} .search_wrap{position:static;width:220px; margin-left: 20px; border: 2px solid #0750a2;margin-bottom: 10px;} .search_box_text{width: 162px;height: 34px;line-height: 34px;} .search_box_button{height: 34px;} } @media only screen and (min-width:1025px) { .search_wrap{visibility: hidden; transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s; opacity:0;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0;} .banner{height: 100vh} .inbanner {height: 100vh !important;} .inbanner li a>img{height: 100%;} a{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;} .tran_scale:hover img{transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);-moz-:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);} .index_01 ul dl .slew_01 img{transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);-moz-:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);} .header nav>ul>li:hover>a>em{position: absolute;left:0%;bottom: 0; width:100%;height: 3px;background: #e3254c;} .index_01 ul dl:hover{position: relative;z-index:9;} .index_01 ul dl:hover .slew_01,.index_01 ul dl:hover dd{opacity:1;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;} .index_01 ul dl:hover img{transform:scale(1.07,1.07); -webkit-transform:scale(1.07,1.07);-moz-:scale(1.07,1.07);-o-transform:scale(1.07,1.07);-ms-transform:scale(1.07,1.07);} .index_01 ul dl:hover dd,.index_02:hover p,.index_02:hover .pub_more{-webkit-transform: translateY(0); -moz-transform: translateY(0);-o-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);opacity:1;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;} .index_news li dl:hover{background: none;border-top:1px solid #6b6b6f;border-bottom:1px solid #6b6b6f;} .footer a:hover{ color: #fff;} .site a:hover{color: #0750a2;} .footer_b .right dt{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s; position: relative;visibility: hidden;opacity:0;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-transform: translateY(10px); -moz-transform: translateY(10px);-o-transform: translateY(10px);-ms-transform: translateY(10px);transform: translateY(10px); } .footer_b .right li:hover dt{ position: relative;visibility: visible;opacity:1;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px);-o-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px); } .footer_b .right li:hover{color: #fff;} .nav_list li a{color: #cecaca;display: block;} .nav_list li a:hover{color: #fff;background:rgba(0,0,0,0.3)} .group_select dd p:hover{background:rgba(0,0,0,0.3)} .group_select dd p:hover a{color: #fff;} } .group_select{float: right;margin-left: 20px; position: relative;} .group_select dt{height: 76px;line-height: 76px;cursor: pointer;} .group_select dt img{margin-top:-3px; vertical-align: middle;} .group_select dd{position: absolute;top:76px;left:-50px;width: 140px;background: rgba(0,0,0,0.5);padding: 10px 0;display: none;max-height: 200px;overflow: auto;} .group_select dd p{line-height: 30px;} .group_select dd p a{display: block;padding: 0 10px;} @media only screen and (max-width:1024px) { .group_select dt{height: 60px;line-height: 60px;font-size: 16px;} .group_select dd{top:60px;left: auto;right:-15px;} } @media only screen and (max-width:1024px) { .group_select dd{right:0px;} .group_select dd p a{color: #fff;} } .footer_t .right ul{ width: 425px;float: right;} .service_tel,.service_tel a{color: #929292;} .service_tel{font-weight: bold;padding-top: 20px;text-align:right; clear: both;} .service_tel a:hover{color: #929292 !important;} .footer_b .right h4{float: left;margin-top: 82px;width: 180px;line-height: 36px;} .footer_b .right ul{float: right;width: calc(100% - 180px)} @media only screen and (max-width:1280px) { .service_tel a{font-size: 20px;} } @media only screen and (max-width:1279px) { .footer_t .right ul{width: 300px;} } @media only screen and (max-width:1024px) { .footer_b .right h4{float: none;width: 100%;text-align: center;margin-top:0px;margin-bottom:10px;} .footer_b .right ul{float: none;width: 400px;} .footer_t .right ul{float: none;} .service_tel{text-align: left;} } @media only screen and (max-width:767px) { .footer_b .right ul{float: none;width:100%;} } .xhr{margin-left: 4px;} /*举报*/ .blank_bg90{position: fixed;width: 100%;height: 100%;background: rgba(0,0,0,0.6);top:0;left: 0; z-index: 9999;} .report_brn{ cursor: pointer;margin-top: 20px; width: 192px; height: 40px; line-height: 40px; text-align: center; border: 1px solid #c4c4c4; border-radius: 18px; box-shadow: 0px 1px 1px #000 inset; -webkit-box-shadow: 0px 1px 1px #000 inset; -ms-box-shadow: 0px 1px 1px #000 inset; -o-box-shadow: 0px 1px 1px #000 inset; -moz-box-shadow: 0px 1px 1px #000 inset; } .report_form h1{text-align: center;} .report_form{position: fixed;top:50%;left: 50%;background: #fff; width: 600px;margin-left: -330px; padding: 30px;z-index: 99991; margin-top: -272px;} .media_form li input, .media_form li textarea, .media_btn button{ box-sizing: border-box;} .report_form .media_form li input,.report_form .media_form li textarea{padding-top: 20px;} .report_form .media_form li textarea{height: 70px;} /*.report_form .media_form li .code{width:calc(100% - 160px); } .report_form .media_form li.yzm p{line-height: 30px;float: right; margin-top: 15px; cursor: pointer; } .report_form .media_form li.yzm img{cursor:pointer;width: 100px;height: 30px;margin-right: 10px;} */ .media_form li .code{width:calc(100% - 160px); } .media_form li.yzm p{line-height: 30px;float: right; margin-top: 22px; cursor: pointer; } .report_form .media_form li.yzm p{margin-top: 15px;} .media_form li.yzm img{cursor:pointer;width: 100px;height: 30px;margin-right: 10px;} .report_form .media_form li.phone_p{overflow:hidden;} .report_form .media_form li.phone_p input{float: left;width: calc(100% - 230px)} .report_form .media_form li.phone_p p{color: #7a7a7a;float: right;padding-top: 20px;background: url(../images/th.png) no-repeat 0 24px; background-size: 16px; padding-left: 24px;} .report_form .media_btn{text-align: center;margin-top: 20px;} .report_close{position: absolute;top:10px;right: 10px; width: 30px;height: 30px;text-align: center; line-height: 30px; border:1px solid #ccc; border-radius: 50%;cursor: pointer;} .blank_bg90,.report_form{display: none;} /*上传*/ .ViewSpan{margin-top:16px; } .upload-box { display:block; width:300px; height:30px; position:relative; background:url(../images/up.png) right center no-repeat; border-radius:2px; padding: 10px 0;} .upload-box.again-box { background:no-repeat; padding:1px; border:0;height: 50px;} .upload-box.again-box a { display:inline-block; padding:0 10px; margin-right:5px; background:#999; color:#fff; border-radius:2px;} .upload-box.again-box a:hover { background:#666;} .upload-box iframe { position:relative; overflow:hidden; position:absolute; width:100%; height:100%; opacity:0; filter:alpha(opacity=0);} /**/ @media only screen and (max-width:767px) { .report_brn{width: 140px;margin: auto;margin-top: 20px;} .report_form{width: 90%;top:50%;left: 5%;margin-left: 0; margin-top: -237px; box-sizing: border-box; padding: 20px;} .report_form .media_form li input, .report_form .media_form li textarea{padding: 10px 0;} /*.report_form .media_form li.yzm img{width: 65px;} .report_form .media_form li.yzm p{margin-top:4px;}*/ .media_form li.yzm img{width: 65px;} .media_form li.yzm p{margin-top:12px;} .report_form .media_form li.yzm p{margin-top:4px;} .report_form .media_form li.phone_p input{width: 100%;} .report_form .media_form li.phone_p p{float: left;line-height: 24px;padding-top: 0; background: url(../images/th.png) no-repeat 0 center;margin-bottom: 5px;} } /*ie8弹窗*/ .qiugray_1{position: fixed;z-index: 99999;width: 100%;height: 100%; top:0;left: 0;background: rgba(0,0,0,0.5);display: none; background: url(images/video_bg.png) repeat;} .qiuboxlo_1{position: fixed;z-index:999991;left:50%;top:50%;margin-left: -560px;margin-top:-175px;display: block;width: 1120px;height: 350px;background:#fff;padding: 30px; display:none; } .qiuboxlo_1 .qiubi_1{position: absolute; top:10px; right:10px; width:16px; height:16px; cursor: pointer; display: none;} .qiuboxlo_1 .qiubi_1:hover {opacity:0.8} .browser h1 { margin-bottom:25px;} .browser ul {overflow:hidden; margin-top:40px;} .browser ul li { float:left; width:25%; text-align: center;} .browser ul li a { display:block; padding:0 10px; font-size:16px; color:#389fdb;} .browser ul li a:hover {color:#f7234c;} .browser ul li dt img { max-width:100%;} .browser ul li dd { margin-top:20px;} .ie8 .qiugray_1{ display:block ;} .ie8 .qiuboxlo_1{ display:block ;} .ie7 .qiugray_1{ display:block ;} .ie7 .qiuboxlo_1{ display:block ;} .citizen_slidercont{position: relative;margin-top: 80px; padding: 0 30px;} @media only screen and (max-width:1660px) { .citizen_slidercont{position: relative;margin-top: 40px;} } @media only screen and (max-width:1024px) { .citizen_slidercont{position: relative;margin-top: 20px;} } .citizen_slidercont li a{color: #fff;} .citizen_slidercont ol li h4{font-weight: bold;} .citizen_slidercont dl{overflow: hidden;padding: 0 10px;} .citizen_slidercont dt{float: left;width: 73px;margin-right: 20px;} .citizen_slidercont dt imgg{width: 100%;} .citizen_slidercont dd{float: left;width: calc(100% - 96px);text-align: left; padding-top: 20px;} .citizen_slidercont dd p,.citizen_slidercont dd h4{} /*2020-04-14*/ /*.sitew_erm,.sitew_open{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;} .sitew_erm{position: fixed;right: 0px;bottom: 25%;width: 120px;z-index: 99;} .sitew_erm dl{background: rgba(0,0,0,0.5);padding: 10px;} .sitew_erm dt{width: 100px;height: 100px;background: #fff;margin-bottom: 5px;} .sitew_erm dt img{width: 100%;height: 100%;} .sitew_erm dd{color: #fff;text-align: center;} .backwtop{display: none;} .backwtop a{display: block;line-height: 26px;text-align: center;color: #fff;font-weight: bold;} .backwtop{visibility: hidden;opacity: 0;border-radius: 0 0 6px 6px;background: #0750a2;margin-top: -6px;} .backwtop.cur{visibility: visible;opacity: 1;} .sitew_close{position: absolute;top:-25px;right:5px;cursor: pointer;width: 20px;height: 20px;background:url(../images/x_close.png) no-repeat center center;background-size: cover;} .sitew_open{cursor: pointer;width: 30px;height: 30px;line-height: 30px; border-radius: 5px 0 0 5px; color: #fff; position: absolute;top:0;text-align: center;left: 0px;visibility: hidden;opacity: 0; background: #0750a2 url(../images/x_arrow_le.png) no-repeat center center;} .sitew_erm.cur{right: -120px;} .sitew_erm.cur .sitew_open{left: -30px;visibility: visible;opacity:1;} .index_body .sitew_erm{display: none;}*/ /*2020-04-14*/ .sitew_erm,.sitew_open{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;} .sitew_erm{position: fixed;right: 0px;bottom: 25%;width: 156px;z-index: 99;} .sitew_erm dt{width: 100px;height: 100px;float: right;} .sitew_erm dt img{width: 100%;height: 100%;} .sitew_erm dd{color: #fff;text-align: center;display:none;} .backwtop{display: none;} .backwtop a{display: block;line-height: 26px;text-align: center;color: #fff;font-weight: bold;} .backwtop{visibility: hidden;opacity: 0;border-radius: 0 0 6px 6px;background: #0750a2;margin-top: -6px;} .backwtop.cur{visibility: visible;opacity: 1;} .sitew_close{position: absolute;top:-25px;right:5px;cursor: pointer;width: 20px;height: 20px;background:url(../images/x_close.png) no-repeat center center;background-size: cover;} .sitew_open{cursor: pointer;width: 40px;height: 40px;line-height: 40px; border-radius: 5px 0 0 5px; color: #fff; position: absolute;top:0;text-align: center;left: 0px;visibility: hidden;opacity: 0; background: #0750a2 url(../images/x_arrow_le.png) no-repeat center center;} .sitew_erm.cur{right: -156px;} .sitew_erm.cur .sitew_open{left: -40px;visibility: visible;opacity:1;} .index_body .sitew_erm{display: none;} @media only screen and (max-width:767px) { .sitew_close{width: 100px;height: 60px; top:-35px; background: url(../images/x_close.png) no-repeat top 14px right 10px;z-index: 2;} .sitew_erm.cur .sitew_close{display: none;} } a.gsba_link img{ width: 23px!important; margin-top: -2px; margin-left: 5px; }