/* 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';
}


/*@font-face { 
    font-family: SourceHanSansCN-Light;
    src: url('../font/SourceHanSansCN-Light.ttf') format('truetype'),url("../font/SourceHanSansCN-Light.eot") format("embedded-opentype");
}
@font-face { 
    font-family: SourceHanSansCN-Medium;
    src: url('../font/SourceHanSansCN-Medium.ttf') format('truetype'),url("../font/SourceHanSansCN-Medium.eot") format("embedded-opentype");
} */
@font-face { 
    font-family: SourceHanSansCN-Regular;
    src:url('../font/CN-Regular.otf');
} 


body, input, select, button, textarea{
    font-family: SourceHanSansCN-Regular;
}



/*图片经过*/
.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%) !important; -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: #333333;}
body{
	position: relative;
}
.wrap{width: 1560px;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_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: #ececec;}
.footer,.footer a{color: #4d4d4d;}
.footer_top{overflow: hidden;padding: 30px 0 40px 0;}
.foot_le{float: left;width: calc(100% - 260px)}
.foot_le ul{overflow: hidden;}
.foot_le li{float: left;margin-right: 60px;}
.foot_le li dt{margin-bottom: 20px;}
.foot_le li dd p{line-height: 24px;margin-bottom: 8px;}
.foot_le li:last-child{margin-right: 0;}
.footer_cont{width: 330px;}

.foot_re{float: right;width: 230px;}
.foot_re .ewm_top{margin-bottom: 50px;}
.foot_re .ewm_top ul{overflow: hidden;}
.foot_re .ewm_top li{float: left;padding: 0 30px;background: url(../images/cicle_gray.jpg) no-repeat right center;}
.foot_re .ewm_top li a{font-size: 34px;}
.foot_re .ewm_top li:first-child{padding-left: 0;}
.foot_re .ewm_top li:last-child{padding-right: 0;}
.foot_re .ewm_top li.on a{color: #ec6700 ;}


.footer_bottom{overflow: hidden;padding: 45px 0;line-height: 24px;border-top: 1px solid #3b3b3b;}
.footer_le{float: left;overflow: hidden;}
.footer_le a{background: url(../images/line.jpg) no-repeat 0 center;float: left;padding: 0 15px;}
.footer_le a:first-child{background: none;}
.footer_re{float: right;}
.xhr{margin-left: 12px;}
.ewm_img ul{width: 130px;height: 130px;position: relative;margin: auto;}
.ewm_img li,.ewm_img img{width: 100%;height: 100%;}
.ewm_img li{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.ewm_img li{position: absolute;left: 0;top:0;visibility: hidden;opacity: 0;transform:scale(0.5,0.5); -webkit-transform:scale(0.5,0.5);-moz-:scale(0.5,0.5);-o-transform:scale(0.5,0.5);-ms-transform:scale(0.5,0.5);}
.ewm_img li.on{visibility: visible;opacity: 1;transform:scale(1,1); -webkit-transform:scale(1,1);-moz-:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);}

.index_body{background:#ececec;}
.site1{line-height:1.6;
font-weight: bold;
color: #ec6700;
z-index: 99;width: 56px;height: 56px;text-align: center; background: #fff;position: fixed;right: 0;bottom: 331px;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; border:1px solid #ececec}
.site1 .tck{
    display: none;
    position: absolute;
    width: 225px;
    height: 232px;
    left: -225px;
    top: 0;
    background: #fff;
}
.site1:hover{
    background: #ec6700;
    color: #fff;
}
.site1:hover .tck{
    display: block !important;
}
.site2{line-height:1.6;
font-weight: bold;
color: #ec6700;
z-index: 99;width: 56px;height: 56px;text-align: center; background: #fff;position: fixed;right: 0;bottom: 273px;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; border:1px solid #ececec}
.site2 .tck{
    display: none;
    position: absolute;
    width: 225px;
    height: 232px;
    left: -225px;
    top: -59px;
    background: #fff;
}
.site2:hover{
    background: #ec6700;
    color: #fff;
}
.site2:hover .tck{
    display: block !important;
}
.site1 ,.site2,.site3,.site4,.site5{
    display: none;
}

.site3{line-height:1.6;

z-index: 99;width: 56px;height: 56px;text-align: center; background: #fff;position: fixed;right: 0;bottom: 215px;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; border:1px solid #ececec}
.site3 .tck{
    display: none;
    position: absolute;
    width: 225px;
    height: 232px;
    left: -225px;
    top: -117px;
    background: #fff;
}
.site3:hover{
    background: #ec6700;
    color: #fff;
}
.site3:hover .tck{
    display: block !important;
}


.site4{line-height:1.6;
z-index: 99;width: 56px;height: 56px;text-align: center; background: #fff;position: fixed;right: 0;bottom: 157px;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; border:1px solid #ececec}
.site4 .tck{
    display: none;
    position: absolute;
    width: 225px;
    height: 232px;
    left: -225px;
    bottom: 0;
    background: #fff;
}
.site4:hover{
    background: #ec6700;
    color: #fff;
}
.site4:hover .tck{
    display: inline-block !important;
}


.site5{line-height:1.6;
z-index: 99;width: 56px;height: 56px;text-align: center; background: #fff;position: fixed;right: 0;bottom: 157px;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; border:1px solid #ececec}
.site5 .tck{
    display: none;
    position: absolute;
    width: 225px;
    height: 232px;
    left: -225px;
    bottom: 0;
    background: #fff;
}
.site5:hover{
    background: #ec6700;
    color: #fff;
}
.site5:hover .tck{
    display: inline-block !important;
}
.site1:hover .hov{
    display: inline-block !important;
}
.site2:hover .hov{
    display: inline-block !important;
}
.site3:hover .hov{
    display: inline-block !important;
}
.site4:hover .hov{
    display: inline-block !important;
}
.site5:hover .hov{
    display: inline-block !important;
}
.site1:hover .mo{
    display: none !important;
}
.site2:hover .mo{
    display: none !important;
}
.site3:hover .mo{
    display: none !important;
}
.site4:hover .mo{
    display: none !important;
}
.site5:hover .mo{
    display: none !important;
}
.tck{
    font-weight: bold;
    color: #000;
}
.tck p{
    margin-top: 5px;
}
.tck img{
    width: 105px;
    height: 105px;
    margin: 0 auto;
    margin-top: 45px;
}
.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: 56px;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;
}
.hov{
    display: none;
}
.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: 0px;}
.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: 66px;line-height: 66px;}
.header_height{display: none;}
.header{position: fixed;top:0;left: 0;width: 100%; border-bottom: 1px solid rgba(255,255,255,0.4);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;
 color: #000000;
}
.fp-viewing-0 .header,.fp-viewing-0 .header a{color: #FFFFFF;}

/*.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: 144px;height: 28px;overflow: hidden;margin-top: 22px;}
.header h1 img{width: 100%;height: 100%;}
.header h1 .logo_01{display: none;}
.header h1 .logo_02{display: block;}
.logo_02{display: none;}
.nav{height: 66px;line-height: 66px;float: left;width: 970px;position: absolute;left: 50%;margin-left: -420px;top:0px;}
.nav li{float: left;}
.nav li>a{display: block;padding: 0 20px;margin: 0 2px; position: relative;}
.nav li>a i{position: absolute;left: 50%;bottom: 0;width: 0%;height: 5px;background: #ec6700;}
.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;margin-left: 60px;}
.search_box{border: 1px solid #ccc;position: absolute;right: 0;top:65px;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: 20px;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;}

/*下拉*/
.nav_arrow,.return_a{display: none;}
.nav li{position: relative;}
.nav li:hover a i{
  left:0px;
  width:100%
}
.nav_list{position: absolute;left:50%;top:100%;width: 200px;margin-left: -100px;background:#fff;box-sizing:border-box;padding: 15px 18px;display: none;}
.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: 30px;}
.nav_p dt{line-height: 30px;margin-bottom: 6px;}
.header .nav_list dt,.header .nav_list dt a{color: #ec6700;}
.header .nav_list dd p,.header .nav_list dd p a{color: #8e8e8e;}

.nav .nav_solution{position: static;}
.nav_solution .nav_list{width:210%;padding: 60px 0 80px 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;
    left: calc(50% + 45px);
}
.nav_solution .nav_p{width: 1280px;margin: auto;max-width: 90%;overflow: hidden;}
.nav_solution .nav_p dl{padding: 0; float: left;width:16%;border: 0;margin: 0 2%;text-align: left;}
.nav_solution .nav_p dt{border-bottom: 1px solid #323132;padding-bottom: 15px;margin-bottom: 15px;}



/*20230515修改导航下拉*/
.header.hovbg{background: #fff; color:#000;}
.header.hovbg,.header.hovbg a{color: #000;}
.header.hovbg h1 .logo_01{display: none;}
.header.hovbg h1 .logo_02{display: block;}
.nav{ width: 945px; margin:0 auto; float: none; position: static;}
.nav li.nav_other{position: static;}
.navlist{display:none; height: 560px;text-align: left; position: absolute;left: 0; margin-lefT:0;top: 65px; padding: 0; width: 100%;background:#FFFFFF;border-top: 2px solid #FF5B00;box-shadow: 0 0 10px rgba(0,0,0,0.2);box-sizing: border-box;}
.navlist .wrap{position: relative; height: calc(100% - 30px); padding-top: 30px;}
.navlist .wrap::before{content: "";position: absolute; left:340px; top:0; width: 1px; height: 100%; background: #DEDEDE;}
.navlist .wrap::after{content: "";position: absolute; right:450px; top:0; width: 1px; height: 100%; background: #DEDEDE;}
.navlist dl{ height: 60px; text-align: left;}
.nav ul>li .navlist dl dt .return_a{display: none;}
.nav_ll{box-sizing: border-box;float: left; width:300px;height: 60px; line-height: 60px;padding:0px 30px 0 20px;margin-left: 40px; border-bottom: 1px solid #DEDEDE; position: relative;}
.nav_ll a{color:#000!important;}
.nav_ll span{position: absolute; right:30px; top:50%; margin-top: -3px; width: 6px; height: 6px; border-top: 1px solid #000000; border-right: 1px solid #000000;transform: rotate(45deg);}

.nav_rr{display: none;position: absolute; left:340px; top:0; width:calc(100% - 340px); height: 100%; }
.navlist dl.on .nav_rr{ display: block;}
.con_ll{ float: left;widtH:calc(100% - 450px);padding:35px 80px; box-sizing: border-box;}
.con_ll h2{ font-weight:bold; line-height: 56px; color:#000000;}
.con_ll h2 a{color:#000!important;}
.con_ll h2+p{color:#666666; line-height: 1.5; margin-bottom: 50px;}
.con_rr{float: right; widtH:340px; padding:35px 30px 0 80px; }
.con_rr .cr_img{position: relative;}
.con_rr .cr_img img{ widtH:100%;}
.con_rr .cr_txt{position: absolute; top:30px; bottom:30px; left:30px; right:30px;}
.con_rr .cr_txt h2{ line-height: 26px; font-weight: bold;color:#000000;}
.con_rr .cr_txt p{ color:#000000;line-height:20px; margin-top:5px;}

.con_item{ float: left; width: 45%; line-height: 1.5;}
.con_item:nth-child(2n){ float: right;}
.con_item h3{font-weight:bold; margin-bottom: 15px; color:#000;}
.con_item ol li{margin-bottom: 5px; padding-left: 15px; width: calc(100% - 15px); position: relative;}
.con_item ol li::before{content:""; position: absolute; lefT:0; top:10px; widtH:5px; height: 5px; border-radius: 50%; background: #FF8C00;}
.con_item ol li a{color:#000!important; padding: 0!important;}

#jcznpt .con_item,#scspt .con_item{width: 100%;}
@media only screen and (max-width:1599px) {
    .navlist .wrap::after{right:340px;}
    .con_ll{width: calc(100% - 340px);padding: 35px 40px;}
    .con_rr{width: 280px; padding: 35px 30px;}
    .con_rr .cr_txt h2{font-size: 14px;}
    .con_rr .cr_txt p{font-size: 12px; margin-top: 0;}
}
@media only screen and (max-width:1365px) {
    .navlist .wrap::before{left:240px;}
    .navlist .wrap::after{right:230px;}
    .nav_ll{margin-left: 0; width: 240px; padding: 0 10px 0 0;}
    .nav_ll span{right:15px;}
    .nav_rr{width: calc(100% - 240px); left: 240px;}
    .con_ll{width: calc(100% - 230px);padding: 35px 30px;}
    .con_rr{width: 200px; padding: 35px 0 35px 30px;}
    .con_rr .cr_txt{top:20px; lefT:20px; right:20px; bottom:20px;}

    #jcznpt .con_item{width: 100%;}
}
@media only screen and (max-width:1024px) {
    .navlist .wrap{max-width:100%; padding-top: 0;}
    .return_a{ display: block;}
}


/*20230515修改导航下拉*/




@media only screen and (max-width:1440px) {
.nav li>a{padding: 0 15px;}
.header{padding: 0 30px;}
.language{margin-left: 40px;}
.foot_le li{margin-right: 50px;}
}
@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;}
.language{margin-left: 20px;}
.footer_le a{padding: 0 5px;}
}
@media only screen and (max-width:1024px) {
	.header h1 img{width: 100%;height: 100%; display: block;}
	.header h1 .logo_01{
		display: block;
	}
	.scrollHeader .header h1 .logo_01{
		display:none;
	}
.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;}
.header{
background: none;
 color: #fff;
}
.header a{
	color: #FFFFFF;
}
.nav{ width: 100%;margin: 0;right: 0%;top:50px; left: auto;height:calc(100% - 50px);background: rgba(0,0,0,0.8);position: fixed;}
.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: 12px;}
.search_box input, .search_box button{height: 36px;line-height: 36px;}
.search_box{top:7px;}

.foot_re,.foot_le{float: left;width: 100%;}
.foot_re .ewm_top{margin-bottom: 10px;text-align: center;}
.foot_re .ewm_top ul{display: inline-block;}
.foot_re .ewm_top li a{font-size: 24px;}
.foot_re{margin-bottom: 20px;}
.foot_le li{float: none;width: 100%;padding: 10px 0;padding-bottom: 5px; border-bottom: 1px solid #ccc;}
.foot_le li dt{float: none;width: 100%;font-weight: bold;margin-bottom: 5px;}
.foot_le li dd{overflow: hidden;}
.foot_le li dd p{float: left;margin-right: 20px;}
.foot_le li:last-child{border-bottom: 0;padding-bottom: 0;}
.foot_le li.footer_cont dd p{float: none;width: 100%;}
.footer_bottom{padding: 20px 0;}
.footer_le,.footer_re{float: none;width: 100%;}
.footer_bottom{text-align: center;}
.footer_le{display: inline-block;width: auto;}
.footer_le a{padding: 0 8px;}
.footer_le a:first-child{padding-left: 0;}
.footer_le a:last-child{padding-right: 0;}
.footer_top{padding: 30px 0;}
}

@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;}
.footer_re{font-size: 12px}
.footer_top{padding: 20px 0;}
.foot_le li dd p{margin-bottom: 5px;}
}


@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: #ec6700 !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; background: #E3DDD0;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:3px;-webkit-border-radius:0;border-radius:0;background:#ec6700;}
.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:#ec6700;}

.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;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: #ec6700;}

.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;}
}
@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;
    }
}





@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: #ec6700 !important;}
.header .nav_list dt, .header .nav_list .guanyu dt a , .header .nav_list dt, .header .nav_list .zhaoxian dt a{
    color: #8e8e8e;
  }
.con_ll h2 a:hover,.con_item ol li a:hover{color:#FF8C00!important;}
.nav_ll:hover a{color:#FF8C00!important;}
.nav_ll:hover span{border-top: 1px solid #FF8C00; border-right: 1px solid #FF8C00;}
}

@media only screen and (max-width:1440px) {
.nav_solution .nav_list{left: calc(50% + 50px);}
.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:#355EAD;}
.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 { display: block; width:100%;height: 100%;left: auto;right: 100%;top:0; margin: 0;padding: 0;z-index: 9;/*position: static;*/}
.nav li.cur .nav_list{right: 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_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_list .nav_p dt{padding-bottom: 0;}
.nav_solution .nav_p dt{margin-bottom: 0;border: 0;}
.nav_list .nav_p dt{line-height: 44px;border-bottom:1px solid rgba(255,255,255,0.2);}
.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: #ec6700 !important;}
.header .nav_list dt a{color: #fff !important;}
.nav_p dd p{line-height: 26px;}
.nav_list{overflow-y: auto;}
}







/*新增的公共*/
.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{ 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;}
.scrollHeader .header h1 .logo_02,.details-body .header h1 .logo_02{ display: block;}
.scrollHeader .header h1 .logo_01,.details-body .header h1 .logo_01{ display: none;}
.details-body .header_height{ display: block;}

.bg-cover{ background-size: cover; background-repeat: no-repeat; background-position: center;}
.inbanner{position: relative;}
.inbanner>img{width: 100%;}
.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 !important;}
  .inbanner .txt h2{font-weight: bold;}

}


/*page*/
.page{vertical-align:middle;text-align:center;margin: 0 auto;color:#000000; height:32px; line-height:32px; margin-bottom: 6%;}
.page a{ display: inline-block;margin: 0 8px;color:#000000;}
.page a.on{color:#EC6700;}
.page a.prev{margin-left:0;margin-right: 25px; color:#EC6700;}
.page a.next{margin-right:0;margin-left: 25px;color:#EC6700;}
.page a.prev.no,.page a.next.no{color:#939393!important; cursor: default;}
@media only screen and (max-width:1279px) {
    .page a.prev{margin-right: 10px;}
    .page a.next{margin-left:10px;}
}
/*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{display: none;}
.menu_button i{background: #fff;}
.scrollHeader .menu_button i{background: #000;}

.nav{line-height: 44px; left:auto;right:-100%; opacity: 1; visibility: visible;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.navbody .nav{right:0;}
/*.nav{overflow: hidden;overflow-y:auto;visibility: hidden;opacity: 0;}
.navbody .nav{visibility: visible;opacity: 1;}*/
.nav li{clear: both;overflow:hidden;transition:all 0.3s; position: static;}
.nav,.nav_list{background: #062b5c;}
.nav_list{width: 100%;left:auto; right:-100%; box-sizing: inherit;border-top: 1px solid rgba(255,255,255,0.2);padding-bottom:30px !important;transition:all 0.3s;}
.nav li.cur .nav_p{right:0; top:50px;}

.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%;}


.navlist .wrap::before,.navlist .wrap::after{ display: none;}

.nav ul>li .navlist{ top:0;display: block; border-top: none;}
.nav ul>li .navlist dl{width: 100% !important;float: none!important;}
.nav ul>li .navlist dl dt{position: fixed;z-index: 100; background: #062b5c;width: 100%;height: 100%;top: 50px; right: -100%;transition: all .3s;}
.nav ul>li .navlist dl dd{overflow: hidden;border-bottom: 1px solid rgba(255,255,255,0.3)!important;padding-bottom: 0!important;margin-bottom: 0px!important;}
.nav ul>li .navlist dl dd a{float: left;width:calc(100% - 10px);}
.nav ul>li .navlist dl dd span{display: block;width: 10px; height: 10px; margin-top: -5px; border-color: #fff; outline: none!important;}
.nav ul>li .navlist dl dt .return_a{display: block;}
.nav ul>li .navlist dl dt .return_a a{font-size: 14px!important;}
.nav ul>li .navlist dl dt .return_a p{border-bottom: 0!important;}
.nav ul>li .navlist dl.cur dt{right: 0!important;}

.navlist dl,.nav_ll{ height: 44px; line-height: 44px;}
.nav_ll{ widtH:100%;font-size: 14px;}
.nav_ll span{color:#fff;font-weight: normal;}
.nav_rr{ display: block; left:auto;}
.con_rr{ display: none;}
.con_ll{ width: 100%; padding: 0; color:#fff; border-right: none;}
.con_ll h2,.con_item h3{margin-bottom: 0;}
.con_ll h2+p{color:#fff; margin-bottom: 10px; padding: 0 20px;}
.con_item{padding: 0 20px; width: calc(100% - 40px)!important; margin-bottom: 20px;}
.con_item h3{color:#fff;}
.con_item ol li{margin-bottom: 0; height: 40px; line-height: 40px;}
.con_item ol li::before,.con_about ol li::before{top:17px;}
.con_item ol li a{ height: 40px!important; line-height: 40px!important;}

.nav_rr{border-left:none;}
.nav_rr::before,.con_ser_img{ display: none;}


}


/*手机banner*/
.phone_baner_img{display: none;}
.phone_baner_img img{width: 100%;display: block !important;}

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

}


.site ul li.site_01{visibility: hidden;opacity: 0;}
.site:hover .sitebox ul li.site_01{visibility: visible;opacity: 1;}
.s_close {display: none; position: absolute;bottom: -30px;right: 6px;font-weight: bold;font-size: 18px;width: 20px;height: 20px;line-height: 20px;text-align: center;}
.s_open {background: #000;color: #fff; position: absolute;top: -30px;right:0px;font-weight: bold;font-size: 18px;width: 20px;height: 20px;line-height: 20px;text-align: center;display: none;}

.site.cur{background:none;}
.site.cur .sitebox{display: none;}
.site.cur .s_close{display: none;}
.site.cur .s_open{display: block;}
@media only screen and (max-width:1024px) {
.s_close{display: block;}

}

.message_blankkk,.pub_messageee{display: none;}
.message_blankkk{background:rgba(0,0,0,0.6); position: fixed;top:0;left:0;width: 100%;height: 100%;z-index: 9999;}
.pub_messageee{z-index: 99991;background: #f7f7f9 url(../images/message_bg.jpg) no-repeat;background-size: cover;width: 1194px;max-width: 90%; box-sizing:border-box;padding:40px 50px;position: fixed;}
.pub_messageee h3{margin-bottom: 30px;}
.pub_messageee h4{margin-bottom: 20px;}

.pub_message_form{width: 1000px;max-width: 100%;
height: calc(100vh - 400px);overflow: hidden;
}
.pub_message_form li{width: 580px;max-width: 100%;margin-bottom: 20px;}
.pub_message_form li.li_100{width: 100%;}
.pub_message_form li input,.pub_message_form li textarea{padding: 0 20px;box-sizing:border-box;width: 100%;background: #fff;}
.pub_message_form li input{height: 40px;line-height: 40px;}
.pub_message_form li textarea{padding: 10px 20px;height: 135px;}

.pub_message_agree{position: relative;line-height: 14x;padding-left: 20px;cursor: pointer;}
.pub_message_agree i{float: left;width:12px;height: 12px;border:1px solid #8e8e8e;border-radius:50%;background: #fff;position:absolute;left: 0;top:4px;}
.pub_message_agree.on i{background: #ec6700;border-color:#ec6700 }
.pub_messageee .banner_more{padding-top: 30px;}

.pub_message_form li.code_w{width: 365px;max-width: 100%;}
.pub_message_form li.code_w>input{width:calc(100% - 165px);}
.code_img{width: 155px;float: right; background: #ec6700;   cursor: pointer;}
.code_img img{width: 100%;height: 100%;}
.code_text{width: 100%;color: #fff;background: #ec6700;text-align: center;display: none;}
input.code{border: none;background: #ec6700;color: #fff;cursor: pointer;padding: 0;width: 100% !important;border: 0 !important;}
input.code,.code_text,.code_img{height: 40px;line-height: 40px;background: #ec6700 !important;padding: 0 !important }

.pub_message_agree{margin-top: 20px;}
.message_closeee{position: absolute;top:15px;right:30px;font-size: 20px;font-weight: bold;cursor: pointer;}

@media only screen and (max-width:1024px) {
.pub_messageee h3{margin-bottom: 20px;}
.pub_messageee{padding: 30px;}
.pub_message_form li{margin-bottom: 10px;}
.pub_messageee .banner_more{padding-top: 20px;}
.code_img{width: 90px;}
.pub_message_form li.code_w>input{width:calc(100% - 100px);}
}

@media only screen and (max-width:767px) {
.message_closeee{top:10px;right: 10px;}
.pub_messageee{padding: 20px 10px;}
.pub_message_form li input, .pub_message_form li textarea{padding: 0 10px;}
}

/*招贤纳士banner加按钮*/
.banner .re_bp{height: auto !important;}
.banner .re_bp .banner_more{padding-top: 3%;}
@media only screen and (max-width:767px) {
.banner .re_bp .index_title .cont{margin-top: 10px;}
}
@media only screen and (max-width:1024px) {
    .diosBody .header {
        background: #fff;
        box-shadow: 0 0 20px rgba(0,0,0,0.3);
    }
    .diosBody .header h1 .logo_01{display: none;}
    .diosBody .header h1 .logo_02,.diosBody .header h1 .logo_02{display: block;}
    .diosBody .header,.diosBody .header a{color: #000;}
    .diosBody .menu_button i{background: #000;}
}



/*20210721-新增右侧弹窗*/
.rr_side_box{position: fixed; z-index: 100; right:10px; top:50%; margin-top: -114px; width: 49px;height: 228px;background: linear-gradient(180deg, #464CE8 0%, #8FA2FE 100%);box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.5);border-radius: 36px;}
.rr_side_box .rr_slogo,.rr_side_box .rr_slogo1{color:#fff; text-align: center; margin: 2px auto; overflow: hidden;}
.rr_side_box .rr_slogo{ width: 45px; height: 45px;}
.rr_side_box .rr_slogo1{ width: 20px; height: 18px; cursor: pointer;}
.rr_side_box span{ cursor: pointer; display: block; transition: all 0.5s; max-width: 20px; text-align: center; color: #fff; margin: 11px auto 0;}
.rr_side_box em{ display: block; width: 17px;height: 1px; margin: 20px auto 28px; background:#E6E5E5;}
.ll_item{opacity: 0; visibility: hidden; position: absolute; transform: translateX(10%); transition: all 0.5s; left:-185px; top:0;padding: 20px 30px; box-sizing: border-box; width: 164px;background: linear-gradient(140deg, #EAEAFA 0%, #FDFDFD 100%);box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.5);border-radius: 5px;}
.rr_side_box.on span{color: #EC6700;}
.rr_side_box.on .ll_item{opacity: 1; visibility: visible; transform: translateX(0);}
.ll_item::before {position: absolute;top: 80px;right: -5px;content: '';width: 10px;height: 10px;background: #F2F2FB;transform: rotate(135deg);box-shadow: 1px -2px 5px rgba(0, 0, 0, .5);}
.ll_item::after {position: absolute;top:80px;right: 0px;content: '';width: 20px;height: 20px;background: #F2F2FB;}
.ll_item dl{margin-bottom: 15px;}
.ll_item dl:last-child{ margin-bottom: 0;}
.ll_item dl dt{font-weight: bold;color: #5B2BD0;line-height: 22px; margin-bottom: 14px;}
.ll_item dl dd{line-height: 20px;color: #383838; padding-left: 15px; margin-bottom: 8px; position: relative;}
.ll_item dl dd::before{content: ""; position: absolute; lefT:0; top:8px; width: 5px;height: 5px;border-radius: 5px; background: #EC6700;}
.ll_item dl dd.on{ font-weight: bold;}