@keyframes fadeInUp{
    0% {
        opacity: 0;
        -webkit-transform: translateY(100px);
        -ms-transform: translateY(100px);
        transform: translateY(100px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}
/* 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: "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 iframe{max-width:100%;}
@media only screen and (max-width:767px) {
.edit_con_original iframe{width:100%;height: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';
}

.video_button2{pointer-events: none;cursor: default;}
.video_button2 .video_bf{display: none;}

/*图片经过*/
.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;}
@media only screen and (min-width:1025px) {
.tran_scale:hover img{transform:scale(1.05,1.05); -webkit-transform:scale(1.05,1.05);-moz-:scale(1.05,1.05);-o-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05);}

}

/*两端对齐*/
.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;}

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

.bg-cover{ background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;}

body,a{color: #333333;}
input,button,textarea{border:none;outline: none;background: none;}

.wrap{width: 1440px;max-width: 90%;margin: auto;}
.indexwrap{width: 1690px;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: 32px;
 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: 94%;}
.indexwrap{max-width: 94%;}
.line30,.line32{line-height: 24px;}

}

.video_appbox{ position:fixed; width:100%; height:100%; top:0; left:0; z-index:9999999;opacity: 0;visibility: hidden;transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;}
.video_appbox.show{visibility: visible;opacity:1;}

.video_appbox video{/*object-fit: cover;*/    width: 100%;}
.video_appbox .video_t{ 
 z-index:2; background:#000;width: 1035px;max-width:94%;height: 60%;
 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:60%;
     transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;
visibility: hidden;opacity: 0;

}
.video_appbox.show .video_t{
visibility: visible;opacity:1;
top:50%;
}
.video_appbox .mask{ position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5);}
.lt9 .video_appbox .mask{filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#88000000", EndColorStr="#88000000");}
.vide0_close{ position:absolute; top:20px; right:20px; cursor:pointer; z-index: 99999;}
.vide0_close i{color: #fff;font-size:20px;font-weight: bold;}



.weixin{ position:fixed; width:300px; z-index:100000; background:#fff; border:1px solid #ddd; border-radius:2px; box-shadow:1px 1px 10px #666;transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); left:50%; top:50%;}
.weixin .c{ position:absolute; width:40px; height:40px; background:url(../images/x.png) center center no-repeat; overflow:hidden; text-indent:100px; right:0; top:0; font-size:20px; font-style:normal; text-align:center; cursor:pointer; z-index:2;}
.weixin h2{ position:relative; line-height:40px; font-size:16px; padding-left:20px; font-weight:normal;}
.weixin .img{ padding:10px 20px;text-align:center; border-top:1px solid #ddd;}
.weixin .img img{width:200px; height: 200px;}
.weixin p {margin:0 0 30px; text-align:center;}
@media only screen and (max-width:767px) {
.weixin{width:70%;}
body{-webkit-tap-highlight-color: transparent; 
-moz-tap-highlight-color: transparent; 
-ms-tap-highlight-color: transparent; 
tap-highlight-color: transparent;
user-select: none; 
outline: none;}
}

*{box-sizing: border-box;}

/*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_26 { font-size:26px;}
.fnt_30 { font-size:30px;}
.fnt_36 { font-size:36px;}
.fnt_48 { font-size:48px;}
.fnt_54 { font-size:54px;}
.fnt_72 { font-size:72px;}
@media only screen and (max-width:1660px) {
.fnt_72 { font-size:50px;}

}
@media only screen and (max-width:1440px) {
.fnt_26 { font-size:22px;}
.fnt_30 { font-size:24px;}
.fnt_36 { font-size:30px;}
.fnt_48 { font-size:40px;}
.fnt_54 { font-size:42px;}
.fnt_72 { font-size:44px;}

}
@media only screen and (max-width:1024px) {
.fnt_16 { font-size: 16px;}
.fnt_18 { font-size:16px;}
.fnt_20 { font-size:16px;}
.fnt_22 { font-size:18px;}
.fnt_24 { font-size:18px;}
.fnt_26 { font-size:20px;}
.fnt_30 { font-size:22px;}
.fnt_36 { font-size:22px;}
.fnt_48 { font-size:26px;}
.fnt_54 { font-size:26px;}
.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_26 { font-size:16px;}
.fnt_24 { font-size:16px;}
.fnt_30 { font-size:18px;}
.fnt_36 { font-size:18px;}
.fnt_48 { font-size:20px;}
.fnt_54 { font-size:20px;}
.fnt_72 { font-size:20px;}
}*/

.fnt_14{font-size: 14px;}
.fnt_16{font-size: 16px;}
.fnt_18{font-size: 0.18rem;}
.fnt_20{font-size: 20px;}
.fnt_24{font-size: 24px;}
.fnt_30{font-size: 0.3rem;}
.fnt_36{font-size: 0.36rem;}
.fnt_48{font-size: 0.48rem;}
.fnt_50{font-size: 0.5rem;}
.fnt_60{font-size: 0.6rem;}
.fnt_72{font-size: 0.72rem;}
.fnt_76{font-size: 0.76rem;}
.fnt_80{font-size: 0.8rem;}
.fnt_90{font-size: 0.9rem;}
.fnt_92{font-size: 0.92rem;}
.fnt_120{font-size: 1.2rem;}
.fnt_150{font-size: 1.5rem;}

@media only screen and (max-width:1660px) {
    .fnt_18{font-size: 0.2rem;}
}
@media only screen and (max-width:1440px) {
/*.fnt_18{font-size: 16px;}*/
.fnt_20{font-size: 18px;}
.fnt_24{font-size: 20px;}
.fnt_30{font-size: 24px;}
/*.fnt_36{font-size: 26px;}
.fnt_48{font-size: 36px;}
.fnt_50{font-size: 38px;}*/
}
@media only screen and (max-width:1366px) {
/*.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_48{font-size: 32px;}
.fnt_50{font-size: 34px;}
}
@media only screen and (max-width:1024px) {
/*.fnt_18{font-size: 16px;}*/
.fnt_20{font-size: 16px;}
.fnt_24{font-size: 18px;}
.fnt_30{font-size: 20px;}
.fnt_36{font-size: 22px;}
.fnt_48{font-size: 24px;}
.fnt_50{font-size: 26px;}
.fnt_60{font-size: 26px;}
    .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: 16px;}
.fnt_24{font-size: 16px;}
.fnt_30{font-size: 16px;}
.fnt_36{font-size: 16px;}
.fnt_48{font-size: 20px;}
.fnt_50{font-size: 20px;}
.fnt_60{font-size: 18px;}
.fnt_72{font-size: 20px;}
.fnt_76{font-size: 20px;}
.fnt_80{font-size: 20px;}
.fnt_90{font-size: 20px;}
.fnt_92{font-size: 20px;}
.fnt_120{font-size:20px;}
.fnt_150{font-size:26px;}
}



@media only screen and (min-width:1025px) {
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;}
a:hover{color:#ff0000 !important;}

}

.header{position: fixed;top:0;left: 0;width: 100%;z-index: 999;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-bottom: 1px solid #f0f0f0;background: #fff;}
.header,.h_height{height:0.96rem;line-height:0.96rem;}
.header h1{margin-top:0.22rem;float: left;width: 1.15rem;height: 0.4rem;overflow: hidden;}
.header h1 a{display: block;}
.header h1 img{width: 100%;height: 100%;}
.logo02{display: none;}

.header_re{float: right;}
.header_re .language,.header_search,.nav_phone_btn{float: left;}
.header_re .language a{color: #fff;}
.header_map{float: left;margin-top: 0.3rem; margin-left: 0.33rem;}
.header_map a{display: block;width: 185px;height: 0.36rem;line-height: 0.36rem;text-align: center;color: #fff;background: #ff0000;border-radius: 0.3rem;}
.header_map a i{margin-right: 8px;}
/*搜索*/
.header_search{  position: relative;float: left; }
.search_btn{cursor: pointer;position: relative;float: right;text-align: center;width:0.5rem;text-align: center;}
.search_btn.on{opacity:0.6;filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity:0.6;}
.search_btn:before{content: "\e6e7"; }
.search_btn:before,.search_box_btn:before{font-size: 22px;font-weight: bold;}

.search_box {border-radius: 8px;
    background: #fff;width: 100px;right: 0px; position: absolute;top:100%;    margin-top: -4px;z-index: 91;
    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;
    border: 1px solid #eee;
     
    overflow: hidden;
    box-sizing: border-box;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
.search_box,.search_box_input,.search_box_btn:before{ height: 50px;line-height: 50px;}
.search_box_btn{height: 50px;}
.search_box.on {width: 400px;visibility: visible;opacity: 1;filter: alpha(opacity=100);-moz-opacity: 1; -khtml-opacity: 1;}
.search_box_input {width: calc(100% - 40px); padding: 0 10px;float: left;border: 0;outline: none;background: #fff;}
.search_box_btn {
 width: 40px;background: none;border: 0;outline: none; float: right;    font-weight: bold;
  position: relative;
}
.search_box_btn:before{color: #000; content: "\e6e7";position: absolute;top:0;left: 0;width: 100%;height: 100%;   }
/*搜索*/

/*手机导航按钮开始*/
.nav_phone_btn{display: none;cursor: pointer;width: 68px;height: 60px; margin-top: 8px; position: relative;text-align: center; border-left: 1px solid rgba(255,255,255,0.4)}
.nav_phone_btn span {position: relative;/*font-size: 0;*/width:34px;height: 3px; background-color: #fff;display: inline-block;transition:all 250ms ease-out;-webkit-transition:all 250ms ease-out; top:-10px;}
.nav_phone_btn span i{ position: absolute; bottom:-30px; left:0; width:100%; color:#fff; font-family: arial; font-size: 12px; text-transform: uppercase;}
.nav_phone_btn span:before,.nav_phone_btn span:after {content: "";position: absolute;width: 100%;height: 3px;background-color: #fff;left:0px;transition:all 250ms ease-out;-webkit-transition:all 250ms ease-out;}
.nav_phone_btn span:before{top:-7px;width:75%;}
.nav_phone_btn span:after{top:7px;width:67%;}
.visible_nav.nav_phone_btn span{background-color: transparent !important;}
.visible_nav.nav_phone_btn span:before{top:0px;width:90%;transform: rotateZ(45deg);-webkit-transform: rotateZ(45deg);-ms-transform: rotateZ(45deg);}
.visible_nav.nav_phone_btn span:after{top:0px;width:90%;transform: rotateZ(-45deg);-webkit-transform: rotateZ(-45deg);-ms-transform: rotateZ(-45deg);}
/*手机导航按钮结束*/



.nav{float: right;}
.nav li{float: left;}
.nav li>a{padding: 0 0.33rem;display: block;}
.navlist{display: none; position: absolute;top:100%;right: 0;width: 100%; padding:1.7rem 0 1.1rem 0;background-size:cover; box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);    z-index: 99999;}


.nav_box{overflow: hidden;position: relative;text-align: center;color: #fff;}
.nav_box .left{overflow: hidden;display: none;}
.nav_title h2{ font-size: 1rem; line-height: 1em;margin-bottom: 0.4rem;font-weight: bold;}
.nav_title p{display: none;}

.nav_box .right{overflow: hidden;font-size: 0.2rem;}

.nav_box .right p a{color: #fff;display: block;line-height: 1em;font-weight: 100;}


@media only screen and (min-width:1025px) {
    .nav li>a,.header h1,.header_re{position: relative;z-index: 999999;}
.nav_box .right p a:hover{color: #fff !important; opacity: 0.8;}

.nav li{position: relative;}
.navlist{        padding: 0.5rem 0;
    top: 0.95rem;
    left: 50%;
    width: 100vw;
    transform: translate(-50%, 0);
    right: auto;}
.navlist::before {
    content: '';
    position: absolute;
    background: #ff0000;
    width: 200%;
    height: 100%;
    left: -100vw;
    top: 0;
    z-index: -1;
  }
.nav_box .right{justify-content: center; display: flex;}
.nav_box .right p {float: left;padding: 0 0.2rem;}






}
/*首页导航*/
.index_body .nav li>a{color: #fff;}
.index_body .search_btn:before{color:#fff;}
.index_body .h_height{display: none;}
.index_body .header{background: none;border: 0;}

.scrollHeader .nav li>a,.scrollHeader .header_re .language a,.scrollHeader .search_btn:before{color: #000;}
.scrollHeader .nav_phone_btn span,.scrollHeader .nav_phone_btn span:before,.scrollHeader .nav_phone_btn span:after{background: #000;}
.scrollHeader .header{background:#fff;   box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);}


.bodybg .nav li>a,.bodybg .header_re .language a,.bodybg .search_btn:before{color: #000;}
.bodybg .nav_phone_btn span,.bodybg .nav_phone_btn span:before,.bodybg .nav_phone_btn span:after{background: #000;}
.bodybg .header{background:#fff;}


.bodybg2 .nav li>a,.bodybg2 .header_re .language a,.bodybg2 .search_btn:before{color: #fff;}
.bodybg2 .nav_phone_btn span,.bodybg2 .nav_phone_btn span:before,.bodybg2 .nav_phone_btn span:after{background: #fff;}
.bodybg2 .header{background:#c20000;border: 0;}
.bodybg2 .nav li>a:hover{color: #fff !important;}
.bodybg2  .logo01{display: none;}
.bodybg2  .logo02{display: block;}




/* @media only screen and (max-width:1660px) {
.nav_box .left{width: 27%;}
.nav_box .right{width: 73%;}
.nav_box .right p{margin-right: 0.3rem}
}
@media only screen and (max-width:1440px) {

.nav_box .right p{margin-right:0}
} */



/* 案例导航 */
.nav .case_navlist{position: static;  }
.navlist_case::before{display: none;}
.navlist_case{ right: auto;left: 0; background: #ff0000; transform: translate(0%, 0);width: 100%;padding: 0.45rem 0 0.6rem 0;}
.nav_casebox{overflow: hidden;color:#fff;padding-left: 3.4rem;padding-right: 3rem; }
.nav_casebox dl:nth-child(1){width: 3.5rem;float: left;}
.nav_casebox dl:nth-child(2),.nav_more{width: 8rem;float: right;}

.nav_casebox dt,.naviteam a{padding: 0.15rem 0.2rem;}
.nav_casebox dt{line-height: 2em;padding-top: 0;padding-bottom: 0;}

.nav_casebox dl:nth-child(2) .naviteam{width: 50%;float: left;}
.nav_casebox dl:nth-child(2) .naviteam:nth-child(2n){float: right;}
.nav_casebox dl:nth-child(2) .naviteam:nth-child(2n+1){clear: both;}

.naviteam{position: relative;}
.naviteam a{color: #fff;display: block; padding-right: 0.35rem;border-radius: 0.15rem;overflow: hidden;}
.naviteam h3{line-height: 1.8em;font-weight: normal;}
.naviteam p{line-height:2em;font-weight: 100;text-shadow: 0 0 1px #fff;}
.naviteam em{
    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;width: 0.14rem;height: 0.14rem;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; right:0.4rem; top:50%; opacity: 0;}
.naviteam em::after,.naviteam em::before{background: #fff;content: "";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%;}
.naviteam em::after{width: 2px;height: 100%;}
.naviteam em::before{width:100%;height:2px;}

.nav_casein{position: relative;overflow: hidden;}
.nav_casein::after{content: "";position: absolute; top:0.1rem; left:4rem;width: 0.03rem;height:100%;background: #fff;}


.nav_more .header_map{margin-left: 0;margin-top:0.6rem; display: inline-block !important; float: none}
.nav_more .header_map a{background: #1e1e1e;width:200px;height: 46px;line-height: 46px;}
@media only screen and (max-width:1024px){
    .nav_more {display: none;}
    .nav_casebox{padding: 0;}
    .naviteam p{display: none;}
    .nav_casebox dl:nth-child(1),.nav_casebox dl:nth-child(2){float: none;width: 100%;}
    .naviteam h3{font-weight: normal;}
    .nav_casebox dl:nth-child(2) .naviteam{width:100%;float: none;}
.nav_casebox dl:nth-child(2) .naviteam:nth-child(2n){float: none;}

.nav_casebox dt{font-size: 16px;padding:6px 0; padding-left: 20px;position: relative; cursor: pointer;}
.nav_casebox dt::before,
.nav_casebox dt::after{content: ''; width: 10px;height: 2px;position: absolute;left: 0; top: 50%;transform: translateY(-50%);background: #000;font-size: 20px;transition: .5s;}

.nav_casebox dt::before{ transform: translateY(-50%) rotate(90deg);}

.nav_casebox dl.on dt::before {transform: translateY(-50%) rotate(0deg);opacity: 0;}
.nav_casebox dd{display: none;}
.nav_casebox{padding: 15px;padding-top: 0; padding-left: 35px; color: #000;}
.naviteam a{color: #999 !important;}
.naviteam{padding:0 15px;}

.nav_casein::after{display: none;}

}
@media only screen and (min-width:1025px) {
    .naviteam a:hover{color: #fff !important; background: rgba(198, 45, 39, 0.7);}
    .naviteam a:hover em{right: 0.2rem;opacity: 1;}

   
    .nav .case_navlist.curr .naviteam {
        animation: nav .5s both normal cubic-bezier(.645, .045, .355, 1) calc(30ms * var(--item-number));
    }
    
    @keyframes nav {
        0% {
            opacity: 0;
            transform: translateY(40px)
        }
    
        to {
            opacity: 1;
            transform: translateY(0)
        }
    }

  

}


/* 案例导航 */

@media only screen and (min-width:1025px) {


/*.nav_box .right p a:hover{background: #f3745f;color: #fff;}
.nav_box .right p a:hover i{visibility: visible;opacity: 1;right: 15px;}
*/
.nav{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 {opacity: 0;-webkit-transform: translateX(80px); -moz-transform: translateX(80px);-o-transform: translateX(80px);-ms-transform: translateX(80px);transform: translateX(80px);}

.header_map 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;position: relative;}
.header_map a:hover i{margin-right: 4px;}
.header_map a:hover{color: #fff !important;}


}


.return_a,.nav li>span,.nav .header_map{display: none;}
@media only screen and (max-width:1024px) {
.index_body .nav li>a{color: #000;}
.index_body .search_btn:before{color:#000;}
.index_body .h_height{display: block;}
.index_body .header{background: #fff;}

.nav_phone_btn{display: block;}
.return_a,.nav li>span{display: block;}
.return_a{display: none;}
.header h1{margin-top: 8px;width: 115px;height: 40px;}
.h_height,.header,.search_btn,.header_in{height: 56px;line-height: 56px;}
.header{background: #fff;}
.scrollHeader .header{height: 56px;}

.search_box,.search_box_input,.search_box_btn:before{ height: 40px;line-height: 40px;}
.search_box_btn{height: 40px;}
  .search_box.on{width: 100%;}
.header_search{position: static;margin: 0 8px;}
.nav_phone_btn{width: 50px; height: 100%;margin: 0;overflow: hidden;}
.nav_phone_btn span{top:-2px;width: 26px;}
.search_btn{width: 30px;}

.nav {
    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: fixed;
    bottom: 0;
    right: -100%;
    width: 100%;
    background: #fff;
    height: calc(100% - 56px);
    z-index: 999;
    padding-right: 0;
    overflow-y: auto;
    border-top: 1px solid #eee;
}
.navbody .nav{right: 0;padding-top: 10px;}
.nav li{float: none;border-bottom: 1px solid rgba(255,255,255,0.1);clear: both;position: relative;    padding-left: 20px;}
.nav,.nav a{color: #000;}
.nav li>a{width:150px;float: left;padding: 0 20px;padding-left: 25px; position: relative;}
.nav li>span{    font-weight: bold;cursor: pointer; width: calc(100% - 150px);text-align: center;float: right;font-size: 16px;    text-align: right;padding-right: 25px;}
.nav{line-height: 58px;font-size: 16px;}

.return_a{border-bottom: 1px solid rgba(255,255,255,0.1);}
.navlist{padding: 0; display: block;top:0;right:0;    height: 100%;    background: #fff;box-shadow:none;position: static;clear: both;display: none;}

.nav_box .right p a{height: 40px;line-height: 40px;color: #000; padding: 0 20px; padding: 0;padding-left: 20px;font-size: 15px; font-weight: normal;     }
.nav_box{text-align: left;}
.nav_box .index_more span{padding-left: 0;display: block;width: 100%;}
.nav li.cur .navlist{right: 0}


.navbody{overflow: hidden;}
/*.navlist{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_box .left{display: none;}
.nav_box .right{padding: 0;float: none;width: 100%;        padding-bottom: 15px;}
.nav_box .right p{float: none;width: 100%;margin: 0;line-height: 40px;margin: 0;    /*border-bottom: 1px solid rgba(255,255,255,0.1);*/}


.nav li>a,.header_re .language a,.search_btn:before{color: #000;}
.nav_phone_btn span,.nav_phone_btn span:before,.nav_phone_btn span:after{background: #000;}
.header{background:#fff; box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);}
/* .logo01{display: none;}
.logo02{display: block;} */


.nav li>a::before,
.nav li>a::after{
  content: '';
  width: 10px;
  height: 2px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background: #000;
  font-size: 20px;
  transition: .5s;
}

.nav li>a::before{
  transform: translateY(-50%) rotate(90deg);
}

.nav li.cur > a::before {
  transform: translateY(-50%) rotate(0deg);
  opacity: 0;
}


.nav li.noarrow a::after,.nav li.noarrow a::before {
    display: none;
}

.header_map{display: none;}
.nav .header_map{display: block;margin: 0;padding-left: 20px;}
.nav .header_map a{color: #fff !important;}
.header_map a{width: 160px;}
.header_map a i{margin-right: 4px;font-size: 14px;}

.nav li>a{float: none;width: 100%;padding: 0 20px;}
.nav li{border-bottom: 1px solid #eee;}
/*导航无下拉修改*/
.nav li.no_navlist>a::before, .nav li.no_navlist>a::after{display: none;}
.nav li.no_navlist{margin-left: 0;}
.nav li.no_navlist>a{width: 100%;}

}

.footer{background: #1b1b1b;padding: 0.8rem 0 0.6rem 0;line-height: 1.66em}
.footer,.footer a{color: #fff;}

.f_top{overflow: hidden;border-bottom: 1px solid #fff;padding-bottom: 0.9rem;margin-bottom: 0.4rem;}
.f_top .foot_le{float: left;}
.f_top .foot_re{float: right;width: 29.5%;}
.f_top .foot_le ul{overflow: hidden;}
.f_top .foot_le li{float: left;margin-right: 0.9rem;}
.f_top .foot_le li:last-child{margin-right: 0;}
.f_top .foot_le dt{margin-bottom: 0.3rem}
.f_top .foot_le dd p{margin-bottom: 0.15rem;}
.f_top .foot_le dd p:last-child{margin-bottom:0;}
.f_bottom{overflow: hidden;}
.foot_ble{float: left;}
.foot_bre{float: right;}
.bah_01{margin-right: 0.3rem;}

@media only screen and (max-width:1280px) {
.f_top .foot_re{width: 310px;}
}
@media only screen and (max-width:1024px) {
.f_top .foot_le{display: none;}
.f_top .foot_re,.f_top .foot_le{float: none;width: 100%;}
.foot_ble,.foot_bre{float: none;width: 100%;}
.f_top{padding-bottom: 0.3rem;margin-bottom: 0.3rem;}
.f_top .foot_le{margin-bottom: 20px;}
.f_top .foot_le li{float: none;margin: 0;width: 100%;border-bottom:1px solid rgba(255,255,255,0.2);padding: 10px 0;}
.f_top .foot_le li:first-child{padding-top: 0;}
.f_top .foot_le dd{overflow: hidden;}
.f_top .foot_le dd p{float: left;margin-top: 10px;margin-right: 20px;}
.f_top .foot_le dt{margin-bottom: 0;font-size: 16px;}

}

@media only screen and (max-width:1024px) {
.footer{padding: 30px 0;}
.f_top{padding-bottom:15px;margin-bottom:15px;}
.bah_01,.bah_02{float: none;display: block;margin: 0;}
}

.img_box {background: #eee;overflow: hidden;}
.black_bg {background: #ccc;transform: translate(-100%, 0);}
.opacity_box {opacity: 0;}

.solution_banner img{width: 100%;}
/*page*/
.pageout{text-align: center;padding: 60px 0;clear: both;overflow: hidden;}
.page{height: 40px; display:inline-block;vertical-align:middle;text-align:center;margin: 0 auto; color:#94999f; }
.page span{float: left;}
.page a{float: left; color: #4f535d; margin:0; box-sizing:border-box;}
.page a.on{background:#000;color:#fff;}
.page a.dian{width: auto;}
.page a.prev {background:#fff url(../images/page_prev.png) center center no-repeat; text-indent:-10000px;margin-left: 0; margin-right:20px;background-size: 30%;}
.page a.next {background:#fff url(../images/page_next.png) center center no-repeat; text-indent:-10000px;margin-left: 20px;background-size: 30%;}
.page a.prev.disabled,.page a.next.disabled{opacity: 0.5}
.page a,.page input.go,.page .txtnum input{width: 45px;height: 40px;line-height: 40px;border-radius: 15px;}
.page .txtnum{margin-left: 35px;margin-right: 0;color: #000;}
.page .txtnum input{ text-align: center; box-sizing:border-box; background:none;border: 1px solid #d5d5d5;margin: 0 8px;}
.page input.go{cursor: pointer; border:none;outline: none;text-align: center; background: #000; color: #fff; font-family: "Arial";font-weight: bold;}
.page input.go{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.page span.go{margin-left: 45px;}
.page span.go a{color: #000;width: auto;}
.page span.go a img{display: inline-block;vertical-align: middle;margin-top: -3px;margin-left: 5px;}
@media only screen and (min-width:1025px) {
    .page a.on:hover{color: #fff!important;}
    .page input.go:hover{opacity: 0.8;color: #fff !important;}
}
@media only screen and (max-width:1024px) {
    .page a{display: none;}
    .page a.on,.page a.prev,.page a.next,.page span.go a{display: block!important;}
}
@media only screen and (max-width:767px) {
    .pageout{padding: 30px 0;}
    .page a, .page input.go, .page .txtnum input{width: 35px;height: 35px;line-height: 35px;}
    .page a.prev{margin-right: 8px;}
    .page a.next{margin-left: 8px;}
    .page .txtnum{margin-left: 8px;}
    .page span.go{margin-left: 15px;}
    .page span.go a img{width: 10px;}
}
/*page end*/
.solution_banner{position: relative; display: none;}
.news_text{position: absolute;bottom: 0.9rem;color: #fff;width: 100%;}
.news_text-con{padding: 0 0.8rem;box-sizing: border-box;}
.news_text-con h2{line-height: 1.2;margin-top: 6px;}
@media only screen and (max-width:1024px) {
    .news_text{bottom: 40px;}
    .news_text-con{padding: 0 30px;}
}



/* map */


.header .top-r { position:absolute; left:0; top:100%; z-index:10000; width: 100%;}
.header .top-r .b { width:260px;  background:#ff0000; line-height:25px; height:25px; float:right; color:#fff; cursor:pointer; }
.header .top-r .b i { float:left;}
.header .top-r .b i.icon { margin:4px 10px 0 50px;}
.top-r .fixd-box { background:#ff0000; color:#fff;  overflow:hidden;  display:none;}

.top-r .fixd-box .wrap { width: 94%; max-width:1660px; position: relative;padding: 0.5rem 0; }
.top-r .fixd-box .wrap h2 {line-height: 1.3em;margin-bottom: 0.5rem;padding-left: 1.67rem;}
.top-r .fixd-box .txt { }
.top-r .fixd-box .txt .left { float:left; width:50%; }

.top-r .fixd-box .left dl:first-child { margin-bottom:3em;}
.top-r .fixd-box .left dl dt{ float:left; width:1.27rem; height:1.27rem; }
.top-r .fixd-box .left dl dt img { width:100%; height:100%;}
.top-r .fixd-box .left dl dd{ float: right;  overflow:hidden; line-height:2; padding-left: 0.4rem; width: calc(100% - 1.27rem);}
.top-r .fixd-box .left dl:first-child + dl dd { padding-top:10px;}
.top-r .fixd-box .left dl:first-child + dl dt {visibility: hidden;}
.top-r .fixd-box .left dl dd span { display:inline-block; margin:0 0.5em 0 0;}
.top-r .fixd-box .txt .right{ overflow:hidden; line-height:1.3;width: 40%;float:right;}

.top-r .fixd-box .txt .right p:first-child { margin-bottom:1em; }

.top-r .fixd-box .close { background:url(../images/x2.gif) no-repeat; width:50px; height:50px; position:absolute; right:0.1rem; top:0.5rem;    background-size: 100% 100%; }

@media only screen and (max-width: 1480px) {
  
   
    .header .top-r .b { width:235px;}
    
}

@media only screen and (max-width: 1200px) {
.top-r .fixd-box .txt .left { width:60%;}
.top-r .fixd-box .left dl dt img { width:100px; height:100px;}


}

@media only screen and (max-width: 1024px) {
    .header_map,.nav .header_map{display: none;}
}
@media only screen and (max-width: 768px) {
    .header .top-r{ right:0;}
    .header .top-r .b { width:auto; left:0; text-align:right; padding-right:20px; display: inline-block; padding: 0 10px;}
    .header .top-r .b i.icon { margin:0; margin-right:10px; position:relative; top:3px;}
    .header .top-r .b i{ float:none; display:inline-block;}

    .top-r .fixd-box .wrap h2 { padding:10px; }
    .top-r .fixd-box .txt .left { float:none; width:auto; margin-bottom:3em;}
    .top-r .fixd-box .left dl:first-child { margin-bottom:1em;}
    .top-r .fixd-box .left dl dt { margin-left:10px;}
    .top-r .fixd-box .left dl dd { line-height:1.5; padding-left:10px; text-align:justify;}
    .top-r .fixd-box .left dl dd br { display:block;}
    .top-r .fixd-box .left dl dd span { display:inline-block; margin-right:10px;}
    .top-r .fixd-box .wrap { padding:20px 0;}
    .top-r .fixd-box .close { top:30px;}
    .top-r .fixd-box .txt .right { padding:10px;}
  
    .top-r .fixd-box .close { display:block;}
    .header .top-r{ display: none;}
}
@media only screen and (max-width: 768px)  and (max-height: 580px) {

    .top-r .fixd-box .close { top:15px;}
    .top-r .fixd-box .wrap { padding:10px 0;}

    .top-r .fixd-box .txt .left { margin-bottom:2em;}
    .top-r .fixd-box .left dl dt img { width:80px; height:80px;}
 
    .top-r .fixd-box .close { transform:scale(0.8,0.8); -webkit-transform:scale(0.8,0.8);}

}

/*侧边菜单栏*/
.site_menu{position: fixed; right: 0; bottom: 10%; z-index: 9; right: 0px;width: 86px;border-radius: 50px;box-sizing: border-box;background: #ff0000;padding:  8px 10px;
    }
.site_menu li{border-bottom: 1px solid #fff;}
.site_menu li a{display: block;padding: 10px 0;box-sizing: border-box;overflow: hidden;color: #fff;text-align: center;}
.site_menu li a:hover{color: #fff !important;}
.site_menu li dd img{width: 34px;height: 34px;}
.site_menu li dd{font-size: 0.3rem;}
.site_menu li dt{margin-top: 0px;color: #fff;}
.site_menu li dt br{display: none;}
.site_menu li dt p{font-size: 14px;}
.site_menu li:last-child{border-bottom: 0;}

.hr_index_light{ padding:14px 25px 24px; width:520px; position:fixed; z-index:5000000; background:#fff; left:50%; top:50%; margin-left:-274px; margin-top:-146px;
    display:none;background: url(../images/new_outer_bg.jpg) no-repeat!important;border: 0!important;color: #fff;}
.hr_index_light h4{color:#fff; font-weight:normal;line-height:30px; margin-bottom:24px; padding-top:10px;}
.hr_index_light h4 a{ background:url(../images/close_index.png) no-repeat center; display:block; width:29px; height:29px; float:right;}
.hr_index_light .hr_index_part2{ display: block; width:100%; background: #a30d19; text-align: center; color:#fff; line-height: 50px!important; height:50px!important; font-size:18px!important;}
.hr_index_light em{ display: block; font-size:18px; color:#fff; margin-bottom: 10px;}

@media only screen and (max-width: 768px) {
    .site_menu li dd{font-size: 24px;}
    .site_menu li dd .icon-top{font-size: 18px;}
    .site_menu li dt{margin-top: 2px;}
    .site_menu li dt br{display: block;}
    .site_menu{padding: 5px;width: 70px;}
    .site_menu li a{padding:8px 0;}
}