/* reset */
*{-webkit-tap-highlight-color:rgba(0,0,0,0);}
html { overflow-x: hidden; 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; max-width: 100%;}
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 } */
sup.fnt_16{font-size: 12px;}
sub { vertical-align: text-bottom }
body, input, select, button, textarea { font-size: 14px; font-family: "PingFang SC","Microsoft Yahei";  }
body { line-height: 1.5 }
a { text-decoration: none;-webkit-tap-highlight-color:transparent }
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); 
}

/* 闃块噷鍥炬爣 */
[class*='icon']{
    font-family: 'iconfont';
}



/*鍥剧墖缁忚繃*/
.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;}



body,a{color: #000;}

.wrap{width: 1440px;max-width: 90%;margin: auto;}

.line24{line-height: 24px;
 display: -webkit-box;
  overflow: hidden;
  
  -webkit-box-orient: vertical;
}
.line30{line-height: 30px;
 display: -webkit-box;
  overflow: hidden;
  
  -webkit-box-orient: vertical;
}
.line32{line-height: 30px;
 display: -webkit-box;
  overflow: hidden;
  
  -webkit-box-orient: vertical;
}
.ellipsis_p{
   display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.ratio-img,.ratio-img img{width: 100%;}
.bold{font-weight: bold;}
.ellipsis{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
@media only screen and (max-width:1024px) {
.wrap{max-width: 90%;}
.line30,.line32{line-height: 24px;}

}

 /*font-size*/
.fnt_12 { font-size: 12px;}
.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_30 { font-size:30px;}
.fnt_36 { font-size:36px;}
.fnt_38 { font-size:38px;}
.fnt_40 { font-size:40px;}
.fnt_42 { font-size:42px;}
.fnt_48 { font-size:48px;}
.fnt_60 { font-size:60px;}
.fnt_72 { font-size:72px;}

@media only screen and (max-width:1440px) {
    .fnt_30 { font-size:24px;}
}
@media only screen and (max-width:1366px) {
    .fnt_30 { font-size:22px;}
}
@media only screen and (max-width:1024px) {
    
}
/*@media only screen and (max-width:1440px) {*/
/*.fnt_20 { font-size:18px;}*/
/*.fnt_22 { font-size:20px;}*/
/*.fnt_24 { font-size:20px;}*/
/*.fnt_28 { font-size:26px;}*/
/*.fnt_30 { font-size:24px;}*/
/*.fnt_36 { font-size:30px;}*/
/*.fnt_38 { font-size:32px;}*/
/*.fnt_40 { font-size:36px;}*/
/*.fnt_42 { font-size:36px;}*/
/*.fnt_48 { font-size:40px;}*/
/*.fnt_60 { font-size:52px;}*/
/*.fnt_72 { font-size:60px;}*/
/*}*/
/*@media only screen and (max-width:1366px) {*/
/*.fnt_28 { font-size:24px;}*/
/*.fnt_30 { font-size:22px;}*/
/*.fnt_36 { font-size:24px;}*/
/*.fnt_38 { font-size:28px;}*/
/*.fnt_40 { font-size:32px;}*/
/*.fnt_42 { font-size:32px;}*/
/*.fnt_48 { font-size:36px;}*/
/*.fnt_60 { font-size:48px;}*/
/*.fnt_72 { font-size:54px;}*/
/*}*/
/*@media only screen and (max-width:1024px) {*/
/*.fnt_16 { font-size: 14px;}*/
/*.fnt_18 { font-size:16px;}*/
/*.fnt_20 { font-size:16px;}*/
/*.fnt_22 { font-size:18px;}*/
/*.fnt_24 { font-size:18px;}*/
/*.fnt_28,.fnt_30 { font-size:20px;}*/
/*.fnt_36 { font-size:22px;}*/
/*.fnt_38 { font-size:24px;}*/
/*.fnt_40 { font-size:24px;}*/
/*.fnt_42 { font-size:24px;}*/
/*.fnt_48 { font-size:28px;}*/
/*.fnt_60 { font-size:36px;}*/
/*.fnt_72 { font-size:30px;}*/
/*}*/
/*@media only screen and (max-width:767px) {*/
/*.fnt_16 { font-size: 14px;}*/
/*.fnt_18 { font-size:14px;}*/
/*.fnt_20 { font-size:14px;}*/
/*.fnt_22 { font-size:16px;}*/
/*.fnt_24 { font-size:16px;}*/
/*.fnt_28 { font-size:18px;}*/
/*.fnt_30{ font-size:18px;}*/
/*.fnt_36 { font-size:18px;}*/
/*.fnt_38 { font-size:20px;}*/
/*.fnt_40 { font-size:20px;}*/
/*.fnt_42 { font-size:20px;}*/
/*.fnt_48 { font-size:20px;}*/
/*.fnt_60 { font-size:20px;}*/
/*.fnt_72 { font-size:24px;}*/
/*}*/



.cover{background-size: cover; background-repeat: no-repeat; background-position: center center;}
/*.bgimg{transform:scale(1.3,1.5); -webkit-transform:scale(1.3,1.5);-moz-:scale(1.3,1.5);-o-transform:scale(1.3,1.5);-ms-transform:scale(1.3,1.5);}
*/


.footer{background: #28292b;}
.footer_t{padding: 20px 0;overflow: hidden;border-bottom: 1px solid rgba(255,255,255,0.2);box-sizing: border-box;}
.footerTop_l{float: left;}
.footerTop_l ul{margin-top: 25px;overflow: hidden;}
.footerTop_l li{float: left;margin-right: 70px;}
.footerTop_l li a{color: #fff;}
.footerTop_r{float: right;text-align: center;color: #fff;}
.footerTop_r img{width: 78px;height: 78px;}
.footerTop_r p{margin-top: 10px;}
.footer_b{color: #fff;padding: 30px 0 120px;box-sizing: border-box;overflow: hidden;font-size: 16px;}
.footer_b p span{margin-right: 18px;}
.footer_b p span a{color: #fff;}

.site{    z-index: 99;width: 56px;height: 56px;line-height: 56px;text-align: center; background: #ec6700;position: fixed;right: 0;bottom: 100px;cursor: pointer;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 ul{position: absolute;right:0px;top:0;width: 112px; background: #ec6700;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 ul li{width: 56px;height: 56px;font-size: 26px;color: #fff;box-sizing:border-box;
position: absolute;right: 0;top: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;
}
.site ul li.site_01{color: #ec6700;background: #fff;}
.site ul li.site_02{right: 0px;color: #fff;background: #ec6700;z-index: 2;}
.site ul li span{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%;
transition:all 0.8s;-webkit-transition:all 0.8s;-moz-transition:all 0.8s;-o-transition:all 0.8s;-ms-transition:all 0.8s;
}
.site ul li .icon-duihua{visibility: hidden;opacity: 0;}
.site:hover .sitebox ul li.site_02{right: 56px;}
.site:hover .sitebox ul li.site_02 .icon-duihua{visibility: visible;opacity: 1;}
.site:hover .sitebox ul li.site_02 .icon-sangedian{visibility: hidden;opacity: 0;}

.header_height,.header{height: 75px;line-height: 75px;}
.header_height{height: 75px;}
.header{position: fixed;top:0;left: 0;width: 100%; border-bottom: 1px solid #dbdbdb;z-index: 999;padding: 0 35px 0 40px;box-sizing: border-box;
transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;background: #fff;
}
.header,.header a{color: #000;}

/*.index_body .header{background: #fff;}
.index_body .header,.index_body .header a{color: #000;}
.index_body .header h1 .logo_01{display: none;}
.index_body .header h1 .logo_02{display: block;}*/

.fp-viewing-0 .header{border-bottom: 1px solid rgba(255,255,255,0.4);background: none;}
.fp-viewing-0 .header,.fp-viewing-0 .header a{color: #fff;}
.fp-viewing-0 .header h1 .logo_01{display: block;}
.fp-viewing-0 .header h1 .logo_02{display: none;}



.header h1{float:left;width: 140px;height: 45px;overflow: hidden;margin-top: 17px;}
.header h1 img{width: 100%;height: 100%;}
.logo_02{display: none;}
.nav{height: 75px;line-height: 75px;float: left;width:750px;
position: absolute;left: 50%;margin-left: -375px;top:0px;
}
.nav li{float: left;}
.nav li>a{display: block;padding: 0 45px;margin: 0 6px; position: relative;}
.nav li.on>a{font-weight: bold;}
.nav li>a i{position: absolute;left: 50%;bottom: 0;width: 0%;height: 5px;background: #F8B500;}
.nav li.on>a i{width: 100%;left: 0;}

/*#fp-nav ul li, .fp-slidesNav ul li{margin: 30px 10px !important;}*/
/*#fp-nav ul li a span, .fp-slidesNav ul li a span{width: 5px !important;height: 5px !important;background: #366dd2 !important;}*/
/*#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span{visibility:hidden !important;*/
 /*transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;*/
/*}*/
/*#fp-nav ul li a.active::after, .fp-slidesNav ul li a.active::after, #fp-nav ul li:hover a.active::after, .fp-slidesNav ul li:hover a.active::after{content: "";position: absolute;top:0%;left: 50%; margin-left: -6px; width: 0;height: 0;overflow: hidden;border: 6px dashed transparent;border-top: 12px solid #366dd2;*/
 /*transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;*/
/*}*/
/*#fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span{margin: -2px 0 0 -2px !important;}*/



input,button,textarea{border: none;outline: none;background: none;}
.search{float: right;position: relative;}
.search.cur span{opacity: 0.6;}
.search span{cursor: pointer;font-size: 20px;}
.language{float: right;padding-right: 45px;}
.search_box{border: 1px solid #ccc;position: absolute;right: 0;top:74px;border-radius: 2px;background: #fff;width: 0px;padding-left: 20px;
  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;opacity: 0;}
.search_box input,.search_box button{height: 46px;line-height: 46px;}
.search_box button{width: 50px;text-align: center;cursor: pointer;font-size: 20px;float: right;}
.search_box input{width: calc(100% - 50px);float: left;}
.search.cur .search_box{width: 250px;visibility: visible;opacity: 1;}

.menu_button{float: right;margin-top: 16px;cursor: pointer;margin-left: 15px;display: none;}
.menu_button i{display: block;width: 24px;height: 2px;background: #000;margin-bottom: 6px;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}

.menu-pc{float: right;text-align: center;padding-left: 20px;position: relative;margin-left: 25px;cursor: pointer;}
.menu-pc:before{position: absolute;content: "";width: 1px;height: 61px;background: #cccccc;left: 0;top: 7px;}
.menu-pc img{margin-top: 28px;}
.language,.menu_tel{background: #fff;position: relative;z-index: 2;height: 74px;}
.menu_tel{float: right;padding-right: 45px;}
.menu_tel i{font-size: 24px;vertical-align: middle;}
.menu_tel a:hover{cursor: inherit;}
@media only screen and (min-width:1025px) {
    .menu_tel a:hover{color: #000!important;}
}
@media only screen and (max-width:1440px) {
    .nav{width: 700px;margin-left: -350px;}
    .nav li>a{padding: 0 40px;}
    .header{padding: 0 30px;}
    .language,.menu_tel{padding-right: 30px;}
    .foot_le li{margin-right: 50px;}
    .menu-pc img{width: 80%;margin-top: 30px;}


}
@media only screen and (max-width:1380px) {
.footer_cont{width:250px;}

}
@media only screen and (max-width:1300px) {
.foot_le li{margin-right: 40px;}
}
@media only screen and (max-width:1280px) {
.nav li>a{padding: 0 12px;}
.nav{width: 820px;margin-left: -370px;}

}
@media only screen and (max-width:1024px) {
    .menu_button{display: block;  z-index: 99;position: relative;width: 24px;height: 24px;}
    .navbody .menu_button i{/*background: #2893cb;*/}
    .navbody .menu_button i:first-child{left: 0;top: 12px;transform: rotateZ(45deg);-webkit-transform: rotateZ(45deg);-ms-transform: rotateZ(45deg);position: absolute;}
    .navbody .menu_button i:last-child{top: 12px;left: 0;transform: rotateZ(-45deg);-webkit-transform: rotateZ(-45deg);-ms-transform: rotateZ(-45deg);position: absolute;}
    .navbody .menu_button i:nth-child(2){display: none;}
    .navbody .menu_button{margin-top: 12px;}

    .header_height,.header{height: 50px;line-height: 50px;}
    .header_height{display:block;}
    .header{padding: 0 20px;}
    .nav{ width: 100%;margin: 0;right: 0%;top:50px; left: auto;height:calc(100% - 50px);background: rgba(0,0,0,0.8);position: fixed;}
    .menu-pc{display: none;}
    .navbody .nav{right: 0;}
    .nav li{float: none;border-bottom: 1px solid rgba(255,255,255,0.2)}
    .nav li>a i{display: none;}
    .nav,.nav a{color: #fff !important;}
    .nav li>a{margin: 0;padding: 0 20px;}
    .header h1{margin-top: 8px;width: 100px;height: 32px;}
    .search_box input, .search_box button{height: 36px;line-height: 36px;}
    .search_box{top:49px;}
    .language, .menu_tel{height: 50px;background: none;}
    .language, .menu_tel{margin-right: 20px;padding-right: 0;}
/*footer*/
}

@media only screen and (max-width:767px) {
    .search{position: static;}
    .search_box,.search.cur .search_box{top:50px; left: 0;width: 100%;margin:0;box-sizing: border-box;}
    .search span{font-size: 18px;font-weight: bold;}
    .xhr,.bah{display: block;margin: 0;}
    .footerTop_l{width: 100%;margin-bottom: 30px;}
    .footerTop_l li{margin-right: 25px;}
    .footerTop_l li:last-child{margin-right: 0;}
    .footerTop_r{width: 100%;text-align: center;margin-bottom: 10px;}
    .footerTop_r img{width: 78px;height: 78px;}
    .footer_b{padding: 30px 0 50px;}
    .footer_b p span{display: block;margin-right: 0;text-align: center;}
    .language, .menu_tel{margin-right: 15px;}
    .menu_tel a{font-size: 12px;}
    .menu_tel i{font-size: 20px;display: inline-block;margin-top: 3px;}
}


@media only screen and (min-width:1025px) {
a,.nav li>a i{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
a:hover{color: #F8B500 !important;}
.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);}
.tel_a{cursor: default;}
.tel_a:hover{color: #4d4d4d !important;}

.slidebox .news_block dl .tran_scale:hover img{
      transform:scale(1.1,1.1) translate(0,-50%);
    -webkit-transform:scale(1.1,1.1) translate(0,-50%);
    -ms-transform:scale(1.1,1.1) translate(0,-50%);
    -moz-transform:scale(1.1,1.1) translate(0,-50%);
    -o-transform:scale(1.1,1.1) translate(0,-50%);
}


}

.mCSB_scrollTools .mCSB_draggerRail{ width:1px; }
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:3px;-webkit-border-radius:0;border-radius:0;background:#000;}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag:hover .mCSB_dragger_bar{ background:#000;}

.index_more {padding-top: 50px;clear: both;}
.index_more a{display: block;width: 190px;height: 50px;line-height: 50px;border:3px solid #ec6700;color: #ec6700;text-align: center;}
.index_more a i{margin-left: 20px;}

.swiper-cicle{display: none;width: 100%;}
.swiper-cicle span{border-radius: 0;height: 10px;margin: 0 3px;width: 158px!important;background:none;opacity: 1;position: relative;}
.swiper-cicle span .iline{position: absolute;left: 0;bottom: 0; width: 100%; height: 1px;background: #fff;}
.swiper-cicle span.swiper-pagination-bullet-active .iline{height: 3px;background: #F8B500;}

.but{display: none;}
.but div{width: 24px;height: 24px;line-height: 24px; margin-top: -12px; background: none;font-size: 28px;color: #ec6700;text-align: center;}
.but div.swiper-button-disabled{opacity: 1;color: #ccc;}

.but02 .swiper-button-prev{left:-35px;}
.but02 .swiper-button-next{right:-35px;}
@media only screen and (max-width:1440px) {
.index_more a{border-width: 2px;}
.swiper-cicle span{width: 100px!important;}
}
@media only screen and (max-width:1024px) {
.but02 .swiper-button-prev{left:-25px;}
.but02 .swiper-button-next{right: -25px;}
.index_more a{height: 40px;line-height: 40px;width: 150px;}
.index_more a i{margin-left: 5px;}
.swiper-cicle span{width: 80px;}
.index_more{padding-top: 30px;}
}
@media only screen and (max-width:767px) {
.but div{font-size: 18px;}
.but02 .swiper-button-prev{left:-10px;}
.but02 .swiper-button-next{right: -10px;}
.index_more{padding-top: 20px;}
}
@media only screen and (min-width:1025px) {


}



.common-loading {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    animation: fadeOut 0.8s ease-in 0.3s;
    animation-fill-mode: forwards;
}

.common-loading .common-loading-top {
    width: 100%;
    height: 50vh;
    position: absolute;
    top: 0;
    left: 0;
    animation: moveUp 0.8s ease-in-out 0.3s;
    animation-fill-mode: forwards;
    background: #fff;
}

.common-loading .common-loading-bottom {
    width: 100%;
    height: 50vh;
    position: absolute;
    bottom: 0;
    left: 0;
    animation: moveDown 0.8s ease-in-out 0.3s;
    animation-fill-mode: forwards;
    background: #fff;
}

@keyframes fadeOut {
    0% {
        visibility: visible;
    }
    100% {
        visibility: hidden;
    }
}

@keyframes moveUp {
    0% {
        transform: translateY(0);
        opacity: 1;
    }
    100% {
        transform: translateY(-100%);
        opacity: 0.5;
    }
}

@keyframes moveDown {
    0% {
        transform: translateY(0);
        opacity: 1;
    }
    100% {
        transform: translateY(100%);
        opacity: 0.5;
    }
}


/*涓嬫媺*/
.nav_arrow,.return_a{display: none;}
.nav{transition: all .3s;}
.nav li{position: relative;}

.nav.on,.pc_nav.on{transform: translateX(300%);}{transform: translateX(300%);}

.nav_list{position: absolute;left:50%;top:100%;width: 200px;margin-left: -100px;background: #fff;box-sizing:border-box;padding: 15px 18px;display: none;
box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.nav_list dl{text-align: center;}
.nav_list .nav_p dt{line-height: 40px;margin-bottom: 0;}


.nav_pro .nav_list{width: 300px;margin-left: -150px;}
.nav_pro .nav_list dl{padding: 35px 0;border-bottom: 1px solid #323132}
.nav_p p{line-height: 40px;}
.nav_p dt{line-height: 30px;margin-bottom: 6px;}
.header .nav_list dt,.header .nav_list dt a{color: #000;}
.header .nav_list dt a{font-weight: bold;}
.header .nav_list dd p,.header .nav_list dd p a{color: #737373;}

.nav .nav_solution{position: static;}
.nav_solution .nav_list{width:270%;padding: 35px 0;
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;
    z-index: 9999;
    left: calc(50% + 100px);
}
.nav_solution .nav_p{width: 1280px;margin: auto;max-width: 90%;overflow: hidden;}
.nav_solution .nav_p dl{padding: 0; float: left;width:10.28%;border: 0;margin: 0 2%;text-align: left;}
.nav_solution .nav_p dt{margin-bottom: 10px;}
.nav li:nth-child(3) .nav_p dl{width: 12%;}
.guanyu.nav_p dt a{font-weight: inherit;}
@media ( min-width:1025px ) and ( max-height:680px ){
.nav_pro .nav_list dl{padding: 18px 0;}
}


@media only screen and (min-width:1025px) {
.header .nav_list dt a:hover{opacity: 0.8;}
.header .nav_list dd p a:hover{color: #F8B500 !important;}
.header .nav_list dt, .header .nav_list .guanyu dt a , .header .nav_list dt, .header .nav_list .zhaoxian dt a{
    color: #737373;
  }
}

@media only screen and (max-width:1440px) {
.nav_solution .nav_list{left: calc(50% + 100px);}
.nav_solution .nav_p{width: 1200px;}

}
@media only screen and (max-width:1250px) {
.nav_solution .nav_p{width: 900px;}

}
@media only screen and (max-width:1024px) {
/*.nav_arrow, .return_a{display: block;}*/
.nav_arrow{display: block;}
.return_a{background: #1a1a1a;}
.nav{line-height: 44px;}
.nav li{ clear: both;position: relative;}
.nav li>a{width: calc(100% - 50px);    box-sizing: border-box;float: left;}
.nav_arrow{float: right;text-align: center;width: 50px;height: 44px; font-size: 18px;position: relative;}
.nav_arrow span{position: absolute;top:0;left: 0;width: 100%;height: 100%; transform: rotate(90deg);transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.nav li.cur .nav_arrow span{transform: rotate(270deg);}
/*.nav_list{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}*/
.nav_list,.nav_pro .nav_list,.nav_solution .nav_list {width:100%;height: 100%;left: auto;right: 0%;top:0; margin: 0;padding: 0;    z-index: 9;position: static;}
.nav li.cur .nav_list{right: 0 !important;    top: 0;}
.nav_pro .nav_list dl,.nav_solution .nav_p dl{padding: 5px 0;}
.nav_list dl{text-align: left;}
.nav_list a{padding: 0 20px;}
.header .nav_list dt, .header .nav_list dt a{color: #ec6700 !important;}
.nav_list .nav_p dt{line-height: 30px;}
.nav_solution .nav_list{top:0;    transform: translate(0,0);
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -moz-transform: translate(0,0);
    -o-transform: translate(0,0);}
.nav_solution .nav_p dl{margin: 0;width: 100%;border-bottom: 1px solid #323132;}
.nav li:nth-child(3) .nav_p dl{margin: 0;width: 100%;border-bottom: 1px solid #323132;}
.nav_list .nav_p dt{padding-bottom: 0;}
.nav_solution .nav_p dt{margin-bottom: 0;border: 0;}
.nav_list .nav_p dt{line-height: 40px;border-bottom: 1px solid #323132;}
.nav_solution .nav_list .nav_p dt,.nav_pro .nav_list .nav_p dt{line-height: 30px;border: 0;}
.header .nav_solution .nav_list dt a,.header .nav_pro .nav_list dt a{color: #F8B500 !important;}
.header .nav_list dt a{color: #fff !important;}
.nav_p dd p{line-height: 26px;float: left;}
.nav_list{overflow-y: auto;}
/*.nav li:nth-child(2) .nav_list dl:last-child dd p:last-child a{padding-left: 8px;}*/
}

@media only screen and (max-width:345px) {
	.nav li:nth-child(2) .nav_list dl:last-child dd p:last-child a{padding-left: 4px;}
	.header{padding: 0 10px;}
	.header h1{margin-top: 12px;
    width: 80px;
    height: 26px;}
}





/*鏂板鐨勫叕鍏?/
.fnt_52{font-size: 50px;}
.fnt_80{font-size: 80px;}

@media only screen and (max-width:1600px) {
  .fnt_52{font-size: 38px;}
  .fnt_80{font-size: 70px;}
}
@media only screen and (max-width:1400px) {
  .fnt_52{font-size: 34px;}
  .fnt_80{font-size: 60px;}
}
@media only screen and (max-width:1280px) {
  .fnt_52{font-size: 28px;}
  .fnt_80{font-size: 50px;}
}
@media only screen and (max-width:1024px) {
  .fnt_52{font-size: 22px;}
  .fnt_80{font-size: 40px;}
}
@media only screen and (max-width:767px) {
  .fnt_52{font-size: 18px;}
  .fnt_80{font-size: 30px;}
}
.scrollHeader .header{ z-index: 99999; background: #fff;    box-shadow: 0 0 20px rgb(0 0 0 / 30%);}
.details-body .header{ background: #F7F7F9; border-bottom:1px solid #DCDCDD;}
.scrollHeader .header,.scrollHeader .header a,.details-body .header,.details-body .header a{color:#000;}

.details-body .header_height{ display: block;}

.bg-cover{ background-size: cover; background-repeat: no-repeat; background-position: center;}
.inbanner{position: relative;}
.inbanner .txt{ color:#fff; top:35%;z-index: 2;}
.inbanner .txt h2{margin-bottom: 2%;}
@media only screen and (max-width:767px) {
  .inbanner{ height: 280px;}
  .inbanner img{ display: none;}
  .inbanner .txt h2{font-weight: bold;}

}


/*page*/
.pageout{text-align: center;clear: both;margin: 20px 0;}
.page{display:inline-block;*display:inline;*zoom:1;}
.page {vertical-align:middle;text-align:center;margin:0 auto;color:#484848; font-size: 16px; height:48px; line-height:48px; }
.page span{color:#484848; float: left;font-weight: bold;}
.page span em{color: #2974DA;margin-left: 5px;}
.page .span01{margin-right: 5px;}
.page .span02{margin-left: 5px;}
.page i{ float: left; margin: 0 20px;}
.page a{float: left; width:48px;color:#484848; background: #ffffff; margin: 0 10px;height: 48px;}
.page a.on{color:#F8B500;}
.page a.prev {color: #000;text-align: center;line-height: 48px;}
.page a.next {color: #000;margin-left: 30px;text-align: center;line-height: 48px;}
.page a.prev i,.page a.next i{font-size: 20px;margin: 0;float: none;}
.page a.prev.no i{opacity: .6;}
.page a.next.no i{opacity: .6;}
.page a.first,.page a.last{color:#484848;font-weight: bold;}
.page a.next{margin:0 6px;}
.page .go{ width: 33px; background: #124985; bordeR:none; font-size: 12px;font-weight: bold; color: #fff; text-align: center;cursor: pointer; height: 28px; line-height: 28px;}
.page .go:hover{color: #fff !important;}
.page a.on:hover{color: #fff !important;}
.page .txtnum{margin:0 20px;margin-left: 30px;}
.page .txtnum input{color:#b3b3b3; width:62px;height:28px; line-height:28px; padding: 0 5px; text-align:left;background:none;border: 2px solid #000000;}

@media only screen and (min-width:1025px) {
    .page a.prev.no:hover{color: #000!important;cursor: inherit;}
    .page a.next.no:hover{color: #000!important;cursor: inherit;}
    /*.page a.prev.no:hover i{opacity: .6;color: #000!important;}*/
    /*.page a.next.no:hover i{opacity: .6;color: #000!important;}*/
}
@media only screen and (max-width:1280px) {
    .page .txtnum{margin: 0 15px;}
    .page a{margin: 0 5px;}
}
@media only screen and (max-width:767px) {

    .page .txtnum input,.page .go{height: 22px; line-height: 22px;}
    .page a{display:none; font-weight: normal;}
    .page a.prev,.page a.next{display:block; display:inline-block;}
    .page i{margin:0 4px;}
    .page span{font-weight: normal;}
    .page .span01{display: none;}
    .page .txtnum{margin: 0 8px;}
    .page .txtnum input{width: 50px;border-width: 1px;}
    .page a.on{display: inline-block;}
    .page a.prev,.page a.next{margin: 0;}
}

/*page*/



@media only screen and (max-width:1024px) {

/* 

 .header,.header a{color:#000;}
  .header h1 .logo_02{ display: block;}
  .header h1 .logo_01{ display: none;}*/

}



/*鎵嬫満瀵艰埅淇敼*/

@media only screen and (max-width:1024px) {
.header_height{}
.menu_button i{background: #000;}
.scrollHeader .menu_button i{background: #000;}

.nav{overflow: hidden;overflow-y:auto;visibility: hidden;opacity: 0;}
.navbody .nav{visibility: visible;opacity: 1;}
.nav li{clear: both;overflow:hidden;}
.phone_nav .nav>ul>li:first-child a{display: block;}
.nav,.nav_list{    background: #000;}
.nav_list{box-sizing: inherit;border-top: 1px solid rgba(255,255,255,0.2);padding-bottom:30px !important;}
.nav_pro .nav_list dl,.nav_solution .nav_p dl{border-bottom: 1px solid rgba(255,255,255,0.2)}
.nav_pro .nav_list dl:last-child,.nav_solution .nav_p dl{border: 0;}
.nav_solution .nav_p{max-width:100%;}
}


/*鎵嬫満banner*/
.phone_baner_img{display: none;}
.phone_baner_img img{width: 100%;display: block;}

@media only screen and (max-width:767px) {
.phone_site_banner{height: auto;}
.phone_baner_img{display:block;}

}


/*闈㈠寘灞?/
.site_box {
    padding: 10px 0;
}

.site_box .site鈥攖xt {
    display: inline-block;
    line-height: 34px;
}

.site鈥攖xt,
.site鈥攖xt a {
    color: #757578;
}

.site鈥攖xt a i {
    margin-right: 20px;
    color: #000;
}

.site鈥攖xt span {
    color: #000;
}

@media only screen and (max-width:767px) {
    .site_box {
       display: none;
    }
    .swiper-pagination-bullet{width: 10px!important;}
}


/*.swiper-pagination{text-align: center;width: 100%;display: none;bottom: 0px;}*/
/*.swiper-pagination-bullet{width: 83px;height: 2px;background: #afb3b8;margin: 0 5px;}*/
.swiper-pagination-bullet{
    /*width: 10px!important;*/
    background: none!important;
    height: 30px!important;
    border-bottom: 2px solid #afb3b8;
    margin: 0 5px!important;border-radius: 0;opacity: 1;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active{border-bottom: 5px solid #000;}

.banner_text .fnt_40,.site_banner_text .fnt_40{font-size: 28px!important;color: #fff;}
.banner_text .fnt_16,.site_banner_text .fnt_16{font-size: 14px;}

/*2022 06 21 add*/
.phone_nav{display: none;}
@media only screen and (max-width:1024px) {
    .nav_arrow .icon-right:before{color: #fce051;}
    .header .nav_list dt a{color: #F8B500 !important}
}
@media only screen and (max-width:1024px) {
    .phoneClick{padding-left: 15px;box-sizing: border-box;}
    .header{box-shadow: 0 0 10px rgba(0,0,0,0.2);}
    .nav_list a{padding: 0 15px;}
    .pc_nav{display: none;}
    .phone_nav{display: block;}
    .nav, .nav_list{background: #000;}


}

.site_banner .phone_img{display:none;}
@media only screen and (max-width:767px) {
    .solo_body .site_banner img{display:none;}
    .site_banner .pc_img{display:none!important;}
    ..site_banner phone_img{display:block!important;}
    .solo_body .site_banner{height:100px;}

}