*{-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% }

/* reset */
html{font-size: calc(100vw / 19.20);}
@media only screen and (max-width:1660px) {
    html{font-size: calc(100vw / 16.6);}
    
}
@media only screen and (max-width:1440px) {
    html{font-size: calc(100vw / 14.4);}
    
}
@media only screen and (max-width:1366px) {
    html{font-size: calc(100vw / 13.36);}
    
}

@media only screen and (max-width:1280px) {
    html{font-size: calc(100vw / 12.8);}
    
}
@media only screen and (max-width:1024px) {
    html{font-size: calc(100vw / 10.24);}
    
}
@media only screen and (max-width:767px) {
    html{font-size: calc(100vw /7.68);}
    
}

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

@font-face {
  font-family: "HONORSansCN-Regular";
  src: url("../css/font2/HONORSansCN-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "HONORSansCN-Medium";
  src: url("../css/font2/HONORSansCN-Medium.ttf") format("truetype");
}

@font-face {
  font-family: "HONORSansCN-Thin";
  src: url("../css/font2/HONORSansCN-Thin.ttf") format("truetype");
}

@font-face {
  font-family: "HONORSansCN-Light";
  src: url("../css/font2/HONORSansCN-Light.ttf") format("truetype");
}
@font-face {
  font-family: "HONORSansCN-ExtraLight";
  src: url("../css/font2/HONORSansCN-ExtraLight.ttf") format("truetype");
}


/*body, input, select, button, textarea { font-size: 0.16rem; font-family: PingFang SC, -apple-system, BlinkMacSystemFont, Segoe UI, Hiragino Sans GB, Helvetica Neue, Helvetica, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol !important; }*/

body, input, select, button, textarea {
 font-size: 0.16rem; 
 font-family: "HONORSansCN-Light";
 }



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


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

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

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

.wrap{width: 14.4rem;max-width: 90%;margin: auto;}
.wrap_1564{width: 15.64rem;max-width: 90%;margin: auto;}
.wrap_1622{width: 16.62rem;max-width: 90%;margin: auto;}
.wrap_1600{width: 16rem;max-width: 90%;margin: auto;}
.jie{
   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,.wrap_1622,.wrap_1564,.wrap_1600{max-width: 94%;}
/*body, input, select, button, textarea{font-size: 14px}*/

}

.video_tbox{height: 100%;}
.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; background: #efefef;}
.weixin .img{ padding:10px 20px;text-align:center; border-top:1px solid #ddd;}
.weixin .img img{width:200px; height: 200px;}
.weixin p {margin:0 10px 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_14 { font-size: 0.14rem;}
.fnt_16 { font-size: 0.16rem;}
.fnt_18 { font-size: 0.18rem;}
.fnt_20 { font-size: 0.20rem;}
.fnt_24 { font-size:0.24rem;}
.fnt_30 { font-size:0.3rem;}
.fnt_36 { font-size:0.36rem;}
.fnt_40 { font-size:0.40rem;}
.fnt_50 { font-size:0.50rem;}
.fnt_48 { font-size:0.48rem;}
.fnt_60 { font-size:0.6rem;}
.fnt_72 { font-size:0.72rem;}
.fnt_80 { font-size:0.8rem;}



/*整站修改字号的地方*/
body, input, select, button, textarea{font-size: 0.14rem;}
.fnt_16{font-size:0.14rem;}
.fnt_18{font-size: 0.16rem;}
.fnt_36{font-size: 0.3rem;}
.fnt_48,.fnt_60,.fnt_50{font-size: 0.32rem;}
.banner_text h3.fnt_60{ font-size: 0.4rem; font-weight: bold}
.banner_text p.fnt_18{ font-size: 0.18rem;}

.banner_p h3.fnt_60{ font-size: 0.4rem;}

.main .fnt_24 { font-size:0.18rem;}

@media only screen and (max-width:1024px) {
.fnt_16 { font-size: 0.16rem;}
.fnt_18 { font-size: 0.16rem;}
.fnt_20 { font-size: 0.18rem;}
.fnt_24 { font-size:0.18rem;}
.fnt_30 { font-size:0.22rem;}
.fnt_36 { font-size:0.24rem;}
.fnt_40 { font-size:0.24rem;}
.fnt_48 { font-size:0.3rem;}
.fnt_50 { font-size:0.36rem;}
.fnt_60 { font-size:0.42rem;}
.fnt_72 { font-size:0.5rem;}
.fnt_80 { font-size:0.52rem;}

.main .fnt_24 { font-size:0.16rem;}
}

@media only screen and (max-width:767px) {
.fnt_14 { font-size: 14px;}
.fnt_16 { font-size: 14px;}
.fnt_18 { font-size:14px;}
.fnt_20 { font-size:16px;}
.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_40 { font-size:20px;}
.fnt_48 { font-size:20px;}
.fnt_50 { font-size:20px;}
.fnt_54 { font-size:20px;}
.fnt_60 { font-size:20px;}
.fnt_72 { font-size:20px;}

.banner_text h3.fnt_60{ font-size: 20px;}
.banner_text p.fnt_18{ font-size: 14px;}
.banner_p h3.fnt_60{ font-size: 20px;}

.main .fnt_24 { font-size:16px;}

}



.footer{padding: 0.65rem 0 0.45rem 0; background:url(../images/foot_bg.jpg) no-repeat; background-size: cover;}
.foot_top{border-bottom: 1px solid #bfbfbf; padding:0 0.1rem 0.5rem 0.2rem; margin-bottom: 0.25rem;}
.foot_bottom{overflow: hidden; line-height: 0.26rem; padding:0 0.15rem 0 0.1rem;}
.foot_left{float: left; font-weight: normal;}
.foot_left span{padding:0 0.2rem;}
.foot_right{float: right;}
.foot_le{float: left;}
.foot_re{float: right; padding-top: 0.15rem;}
.foot_re li{float: left;margin-right: 0.9rem;}
.foot_re li:last-child{margin-right: 0;}
.foot_re li dt{margin-bottom: 0.2rem;}
.foot_re li dd p{line-height: 2em;}
.foot_tel{line-height: 0.3rem;margin-bottom: 0.2rem}
.foot_tel i{font-weight: normal;margin-right: 0.15rem;color: #343434}
.foot_logo{margin-bottom: 0.6rem;width: 1.75rem;}
.foot_logo img{width: 100%;height: 100%;}

.foot_link{position: relative;}
.foot_link dt{width: 2.3rem;border: 1px solid #6f7373;border-radius: 0.3rem;cursor: pointer; position: relative;}

.foot_link dt p,.foot_link dt i{height: 0.38rem;line-height: 0.38rem;padding: 0 0.35rem}
.foot_link dt i{ position: absolute;top:0;right: 0.2rem; transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;font-size: 0.22rem; padding: 0;}
.foot_link dt.on_o i{-webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);}
.foot_link dd{position: absolute;bottom:100%;left: 0;width: 100%;background: #fff;border-radius: 0.1rem;padding: 0.12rem 0; padding-bottom: 0.3rem; overflow: hidden;overflow-y:auto; display: none;  box-shadow: 0 7px 14px 2px rgba(0, 15, 79, 0.1); }
.foot_link dd a{display: block;padding: 0 0.3rem;}
.foot_link dd a span{display: block;padding: 0.12rem 0rem;line-height: 0.3rem;border-bottom: 1px solid #f4f4f4;}
.foot_site {float: left;}
.foot_site a{margin-left: 0.45rem;float: left;}
.foot_site a:first-child{margin-left: 0;}
.f_share {float: right;margin-left: 0.55rem;}
.f_share a{float: left;color: #464646;margin-left: 0.2rem;}
.f_share a:first-child{margin-left: 0;}
@media only screen and (min-width:1025px) {
    .foot_link dd a:hover{background: #f4f4f4;}
    .foot_link dd a:hover span{border-color: transparent;}
}
@media only screen and (max-width:1024px) {
.foot_re li{margin-right: 0.4rem}
.foot_link dt p{padding: 0 0.2rem}
.foot_link dt{width: 2rem}
.foot_top{padding: 0;padding-bottom: 0.5rem}
.foot_bottom{padding: 0}

.foot_left,.foot_right{float: none;width: 100%;}
.foot_right{padding-top: 10px;}
.foot_site a{margin-left: 0.2rem;}
.f_share{font-size: 0.26rem;}
}
@media only screen and (max-width:767px) {
.foot_bottom{line-height: 24px;font-weight: normal;}
.foot_left {font-weight: normal;}
.foot_le,.foot_re{width: 100%;float: none;}
.foot_link dt{width: 100%;}
.foot_link dt p,.foot_link dt i{height: 40px;line-height: 40px}
.foot_logo{width: 120px;margin-bottom: 20px}
.foot_tel{line-height: 24px;margin-bottom: 10px}
.foot_re li{float: none;width: 100%;margin: 0;padding: 10px 0;border-bottom: 1px solid #ccc}
.foot_re li dt{margin-bottom: 0}
.foot_re li dd{overflow: hidden;}
.foot_re li dd p{float: left;margin-right: 20px;margin-top: 5px}
.foot_re li dd p:last-child{margin-right: 0}
.foot_re li:last-child{border-bottom: 0;padding-bottom: 0}

.foot_site,.f_share{float: none;margin:0;text-align: center;overflow: hidden;}
.f_share{font-size: 24px;}
.foot_site a{float: none;padding: 0 10px;}
.f_share a{float: none;padding: 0 5px;margin:0;}
.foot_site{padding: 5px 0;padding-bottom: 10px;}
.foot_right{padding: 0;}
.foot_link dt i{font-size: 18px;}
.foot_link dd a{padding: 5px 10px;line-height: 30px;    border-bottom: 1px solid #f4f4f4;}
.foot_link dd a span{padding: 0;line-height: inherit;border: 0;}
.foot_link dd{max-height: 230px;padding: 10px 0;bottom: auto;top:100%}

}


/*nav*/
.stock {float: left;padding: 0 0.3rem;height: 0.3rem;line-height: 0.33rem;border-radius: 0.3rem;background: rgba(255,255,255,0.41); margin-top:0.425rem;        box-shadow: 0 6px 10px 0 rgba(0, 15, 79, 0.1); margin-left: 0.35rem; color: #000;}
.stock b{margin-left: 0.05rem;}
.logo_01{display: none;}
.header_height,.header{height:1.15rem ;}
.nav li>a,.lan,.search_btn{line-height:1.15rem}
.header{position:fixed;top:0;left: 0;width: 100%;z-index: 9999; padding-left: 0.7rem;padding-right: 0.9rem;background: #fff;}
.header h1{float: left;margin-top: 0.18rem;width: 1.5rem;}
.header h1 a{display: block;}
.header h1 img{width: 100%;height: 100%;}
.header_re{float: right;}
.nav{float: left;}
.nav li{float: left;}
.nav li>a{display: block;padding: 0 0.3rem;position: relative;z-index: 5;}
.nav li>a:after{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 0.02rem;background: #23ac38;visibility: hidden;opacity: 0;}
.nav li.on>a:after{visibility: visible;opacity: 1;}

.lan{float: right;margin-left: 0.28rem}
.lan>a{padding: 0 0.15rem}
.lan i{margin-left:0.05rem}
.header_search{  position: relative;float: left; margin-left:0.48rem;}
.search_btn{cursor: pointer;position: relative;float: right;text-align: center;}
.search_btn.on{opacity:0.6;filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity:0.6;}


.search_box {border-radius: 0.1rem;
    background: #fff;width:1rem;right: 0px; position: absolute;top:100%;    margin-top: 0;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;
    
}
.search_box,.search_box_input,.search_box_btn:before{height: 0.5rem;line-height: 0.5rem;}
.search_box_btn{height: 0.5rem;width: 0.5rem;}
.search_box.on {width: 3rem;visibility: visible;opacity: 1;filter: alpha(opacity=100);-moz-opacity: 1; -khtml-opacity: 1;}
.search_box_input {width: calc(100% - 0.6rem); padding: 0 10px;float: left;border: 0;outline: none;background: #fff;}
.search_box_btn {background: none;border: 0;outline: none; float: right;    font-weight: bold; position: relative;}
.search_box_btn:before{content: "\e6e7";position: absolute;top:0;left: 0;width: 100%;height: 100%;  font-family: 'iconfont';}

.menu_button{float: right;margin-top: 21px;cursor: pointer;margin-left: 10px;display: none;}
.menu_button i{display: block;width: 24px;height: 2px;background: #3a9472;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;}

.scrollHeader .header{  box-shadow: 0 7px 14px 2px rgba(0, 15, 79, 0.1);}

@media only screen and (min-width:1025px) {
    .header{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
  /*  .header .header_re,.header h1,.stock,.search_btn{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
    */

    
    /* .white_header */
    .white_header .header{
        /* border-bottom: 1px solid rgba(255,255,255,0.1); */
        background: none;}
    .white_header .lan>a,.white_header .nav li>a,.white_header .search_btn:before{color: #fff;}
    .white_header .logo_01{display: block;}
    .white_header .logo_02{display: none;}
    .white_header .search_btn{color:#fff;}
    .white_header .header_height{display: none;}
  
    /* .white_header */

    .header_whitebg .lan>a,.header_whitebg .nav li>a,.header_whitebg .search_btn:before{color: #000}
    .header_whitebg .header{background: #fff;}
    .header_whitebg  .logo_01{display: none;}
    .header_whitebg  .logo_02{display: block;}

    .scrollHeader .header h1{margin-top: 0.03rem;width: 1.4rem}
    .scrollHeader .header .header_re{padding-top: 0}
    .scrollHeader .header{background: #fff;    box-shadow: 0 7px 14px 2px rgba(0, 15, 79, 0.1);}
    .scrollHeader .logo_01{display: none;}
    .scrollHeader .logo_02{display: block;}
    .scrollHeader .lan>a,.scrollHeader .nav li>a,.scrollHeader .search_btn:before{color: #000}
    .scrollHeader .stock{box-shadow: 0 6px 10px 0 rgba(0, 15, 79, 0.1);}

    .scrollHeader .header,.scrollHeader .header_height{height: 0.8rem}
    .scrollHeader .nav li>a,.scrollHeader  .lan,.scrollHeader  .search_btn{line-height: 0.8rem;}
    .scrollHeader .stock{margin-top: 0.25rem;}

    .nav_pubp p a:hover i{right: 0.05rem;}
    .nav_more a:hover i{left: 0.02rem;}


    .nav li.curr .nav_ser_p p{
        animation: navcur .5s both normal  calc(30ms * var(--item-number));
    }
    .nav li.curr .nav_le h3,.nav li.curr .nav_tab_le h3{
        animation: nav .5s both normal  calc(30ms * var(--item-number));
    }
    .nav li.curr .nav_le p,.nav li.curr .nav_tab_le p{
        animation: nav .5s both normal  calc(30ms * var(--item-number));
    }

    .nav li.curr .nav_about_p dt,.nav li.curr .nav_about_p p{
        animation: nav .5s both normal  calc(30ms * var(--item-number));
    }
    
   
    
    @keyframes nav {
        0% {
            opacity: 0;
            transform: translateY(40px)
        }
    
        to {
            opacity: 1;
            transform: translateY(0)
        }
    }

    @keyframes navcur {
        0% {
            opacity: 0;
            transform: translateY(10px)
        }
    
        to {
            opacity: 1;
            transform: translateY(0)
        }
    }

    .nav_about dt 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;}
    .nav_about dt a:hover i{left: 0.05rem;}
}


@-webkit-keyframes fadeIntwo {
    0% {
        opacity: 0;
        -webkit-transform: translateY(0.5rem);
        -ms-transform: translateY(0.5rem);
        transform: translateY(0.5rem)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}
@keyframes fadeIntwo {
    0% {
        opacity: 0;
        -webkit-transform: translateY(0.5rem);
        -ms-transform: translateY(0.5rem);
        transform: translateY(0.5rem)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}
.fadeIntwo {
    -webkit-animation-name: fadeIntwo;
    animation-name: fadeIntwo
}



@-webkit-keyframes fadeInDownnav {
    0% {
        opacity: 0;
        -webkit-transform: translateY(0rem);
        transform: translateY(0rem)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}
@keyframes fadeInDownnav {
    0% {
        opacity: 0;
        -webkit-transform: translateY(0rem);
        -ms-transform: translateY(0rem);
        transform: translateY(0rem)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}
.fadeInDownnav {
    -webkit-animation-name: fadeInDownnav;
    animation-name: fadeInDownnav
}

/* 下拉 */
.nav li>span{display: none;}
.nav_list {display: none; position: absolute;left: 0; top:100%; width: 100%;background: #fff;border-top: 1px solid #666666; max-height: 80vh;overflow: hidden;box-shadow: 0 7px 14px 2px rgba(0, 15, 79, 0.1);}

/* .nav_pro{display: flex;flex-wrap: wrap;} */
.nav_le,.nav_re{height: 100%;overflow: hidden;}
.nav_le{float: left;padding: 0.65rem 4%;padding-bottom: 0.9rem;width: 17.3%; }
.nav_re{width: calc(100% - 17.3%);float: right;padding-top: 0.6rem;padding-bottom: 0.4rem}
.nav_le h3{line-height: 1em;margin-bottom: 0.3rem;}

.nav_pubp p a{position: relative;display: block;padding-right: 0.2rem;}
.nav_pubp p i{position: absolute;top:0;right: 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;}
.nav_more{padding-top: 0.15rem}
.nav_more a {color: #000 !important;font-size: 0.13rem}
.nav_more a i{font-size: 0.14rem;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;left: 0.05rem}
.nav_tab_le p img{width: 0.32rem;height: 0.32rem;margin-right: 0.1rem;}

.nav_le p{line-height: 0.3rem;margin-bottom: 0.18rem;}
.nav_tab_le p{line-height: 0.32rem;margin-bottom: 0.3rem;}


.nav_tab_le{width: 21.5%;float: left; padding-left: 5.5%;padding-right: 5%;}
.nav_tab_le h3{line-height: 1em;margin-bottom: 0.3rem;}
.nav_tab_re{width: calc(100% - 21.5%);float: right; padding-right: 8%;}
.nav_box{width: 50%;float: left;padding:0 5%;}


.nav_iteam{display: none;}
.nav_iteam.on{display: block;}
.nav_box h4{margin-bottom: 0.2rem;}
.nav_re_p{overflow: hidden;}
.nav_re_p p{line-height: 0.3rem;margin-bottom: 0.3rem;float: left;width: 48%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.nav_re_p p:nth-child(2n){float: right;}
.nav_re_p p:nth-child(2n+1){clear: both;}
/*.nav_box  .nav_more{padding-top: 0.2rem;}*/
.nav_box  .nav_more a{display: inline-block; line-height: 0.3rem;}


.nav_case p{width: 2.65rem;margin-bottom: 0.25rem;}
.nav_case p:last-child{margin-bottom: 0;}
.nav_case p em{display: block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;padding-top: 0.1rem;line-height: 0.3rem;margin-bottom: 0.1rem}
.nav_case p span{display: block;overflow:hidden; border-radius: 0.1rem;height: 1.63rem;}
.nav_case p span img{width: 100%;height: 100%;}

.nav_box02{float: right;}
.nav_box02 .nav_re_p{width: 3.5rem;padding-top: 0.3rem;}

.nav_le::after,.nav_tab_re::after,.nav_tab_re::before{content: "";position: absolute;top:0; left: 17.3%; width:0.01rem;height: 100%;background: #000;}
.nav_tab_re::after,.nav_tab_re::before{background: #b5b5b5;height:calc(100% - 1rem);top:auto;bottom: 0;}
.nav_tab_re::before{left: 35%;}
.nav_tab_re::after{left: 64.2%;}
.nav_tab_le h3 i,.nav_le h3 i{display: none;}

.nav li.current,.nav li.current2{position: relative;}
/*.nav li.current .nav_list ,.nav li.current2 .nav_list {box-shadow:none}*/
.nav_ser{padding: 0.4rem 0 0.6rem 0;width: 100vw; overflow: inherit;border-top: 0;background: none;}
.nav_ser::before { border-top: 1px solid #666666;
    content: '';
    position: absolute;
    background: #fff;
    width: 200%;
    height: 100%;
    left: -100vw;
    top: 0;
   z-index: -1;box-shadow: 0 7px 14px 2px rgba(0, 15, 79, 0.1);
  }
.nav_ser p{font-weight: bold;line-height: 0.3rem;float: left;margin-right: 1.2rem;}
.nav_ser p:last-child{margin-right: 0;}
.nav_ser p a{display: block;}
.nav_ser_p{padding-left: 0.3rem;   }

.nav li.current2 .nav_ser{left: auto;right: 0;}
.nav li.current2 .nav_ser::before { left: auto;right: -100vw; }
.nav li.current2 .nav_ser_p{float: right;padding-right:0.3rem;padding-left: 0;}

.nav_about{padding: 0.7rem 0 1rem 0;}
.nav_about_p{ display: flex;flex-wrap: wrap;}
.nav_about_p dl{float: left;padding: 0 0.6rem;border-right: 1px solid rgba(96, 96, 96, 0.2);}
.nav_about_p dl:first-child{padding-left: 0;}
.nav_about_p dl:last-child{padding-right: 0; border: 0;}
.nav_about dt{font-weight: bold;margin-bottom: 0.3rem;}
.nav_about dt i{left: 0.1rem;position: relative;font-size: 0.14rem;}
.nav_about dd p{float: none;margin: 0;font-weight: normal;line-height: 0.3rem;margin-bottom: 0.3rem;} 
.nav_about dd p:last-child{margin-bottom: 0;}
.nav_about dt em{display: none;}





/* 导航改 */

/* 导航高度调整 */
.header_height,.header{height:0.8rem ;}
.nav li>a,.lan,.search_btn{line-height:0.8rem}
.header h1{margin-top: 0.03rem;width: 1.4rem}
.stock{margin-top: 0.25rem;}
/* 导航高度调整 */

/* 下拉改 */
.nav li.current,.nav li.current2{position: static;}
.nav_ser_p,.nav li.current2 .nav_ser_p{float: none; padding: 0;    display: flex; flex-wrap: wrap;justify-content: center; }
.nav_ser{padding: 0.3rem 0;}  
.nav_ser::before,.nav_list{border-top:1px solid rgba(96, 96, 96, 0.2)}
.nav_ser::before{display: none;}
.nav_ser{background: #fff;}
.nav_about dt{margin-bottom: 0.3rem;}
.nav_about dd p{margin-bottom:0;}

.nav_le::after, .nav_tab_re::after, .nav_tab_re::before{background:rgba(96, 96, 96, 0.2)}

.nav_about{padding: 0.3rem 0 0.7rem 0;}

/* 导航产品解决方案 */

.nav_re{padding-top: 0.3rem;}
.nav_tab_re::after, .nav_tab_re::before{bottom: auto;top:0.3rem;height: 80%;}

.nav_pro{  flex-wrap: wrap;justify-content: center;}
.nav li.curr .nav_pro{display: flex;}
.nav_le{width: 2.6rem;padding:0.3rem 0;padding-right: 0.8rem;}

.nav_le::after{left: 4.4rem;width: 50%;left: -50%;margin-left: 4.4rem;border-right: 1px solid rgba(96, 96, 96, 0.2);background: #F7F7F7;}
.nav_tab_re::before{left: 7.8rem;}
.nav_tab_re::after{left: 13.3rem;}

.nav_le>*{position: relative;z-index: 5;}


.nav_le p{margin-bottom: 0.1rem;}
.nav_tab_le p{margin-bottom: 0.2rem;}
.nav_re_p p{margin-bottom: 0.1rem}

.nav_re{float: left;width: auto;}
.nav_tab_le{width:3.4rem;padding:0 0.8rem;}
.nav_tab_re{padding: 0;width: auto;float: left;}
.nav_box{width: 5.5rem;padding: 0 0.6rem;}
.nav_box02{padding-right: 0;width: 4rem;}
.nav_box02 .nav_re_p{width:100%;}








@media only screen and (min-width:1025px) {
    .nav .cursor{cursor: default;}

    
    .nav_pro{max-height: inherit;}
  /*  .nav_pro .nav_re{}
    .nav_tab_re,.nav_iteam,.nav_box {height: 100%}*/
    .nav_box{overflow: hidden;overflow-y:auto;max-height: 80vh}
    .nav_more a:hover {color: #2ca137 !important;}
}
/* 下拉改 */

/* 导航改 */



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

.nav_le::after{left: -58%}
.nav_tab_re::before{left: 6.5rem}
.nav_tab_re::after{left: 12rem}
}

@media only screen and (max-width:1440px) {
  .header{padding: 0 0.4rem}
  
    .nav li>a{padding: 0 0.15rem;}
    .nav_le{padding-right: 0.5rem;width: 2rem}
.nav_tab_le{padding: 0 0.5rem;width: 2.6rem}
.nav_box01{width: 5rem}
.nav_box02{width: 3rem}

    .nav_le::after{left: -61%}
    .nav_tab_re::before{left: 5.4rem}
    .nav_tab_re::after{left: 10.4rem}
.nav_case p{width: 100%}
}


@media only screen and (max-width:1366px) {
.nav_box01{width: 4.5rem; padding: 0 0.4rem}
.nav_box02{padding-left: 0.4rem}
.nav_le::after{left: -66%}
.nav_tab_re::before{left: 5.15rem}
.nav_tab_re::after{left: 9.65rem}
.header_search{margin-left: 0.2rem}
.lan{margin-left: 0.1rem}
}


@media only screen and (max-width:1280px) {
.nav li>a{padding: 0 0.15rem;}
.nav_le::after{left: -67%}
.nav_tab_re::before{left: 4.9rem}
.nav_tab_re::after{left: 9.35rem}
}
    
@media only screen and (max-width:1024px) {
  .nav li.current .nav_list ,.nav li.current2 .nav_list {box-shadow:none}
    .nav li>a:after{display: none;}
  .header,.header_height{height: 60px}
  .header_height,.white_header .header_height{display: block;}
.menu_button{display: block;  z-index: 99;position: relative;width: 24px;height: 24px;}
.navbody .menu_button{margin-top: 18px}
.navbody .menu_button i{background: #000;}
.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;}

.header_search{margin-left: 0;}
.search_btn:before,.search_btn{color:#000;}


.header{padding: 0 0.2rem;background: #fff}
.header_re{padding-top: 0;        width: auto;min-width: inherit;}
.menu_button i{background: #000}
.header h1{width: 93px;margin-top: 5px}
.nav li>a, .lan, .search_btn{line-height: 60px}
.search_btn{padding:0 20px}
.lan>a,.search_btn{font-size: 16px}

.stock{display: none;}
.lan{margin-left: 0;}

/* 下拉 */
.nav{position: fixed;top:60px;right:-100%;width: 100%;height: calc(100% - 60px);background: #fff;border-top: 1px solid #eee;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 li{float: none;width: 100%;}
.nav li>a,.nav::after{width: 32.6%;}
.nav li>a{padding: 10px; line-height: 22px;position: relative;z-index: 9;}
.nav::after{background: #f8fafc;content: "";position: absolute;top:0; left: 0;height: 100%;}
.nav li.cur>a{background: #fff;    color: #23ac38;}
.nav_le::after, .nav_tab_re::after, .nav_tab_re::before{display: none;}
.nav_list{top:0;border: 0;width: 67.4%;left: auto;right: 0; max-height: inherit;height: 100%; padding:10px 0; display: block;visibility: hidden;opacity: 0;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.nav_le, .nav_re,.nav_tab_le{float: none;width: 100%;padding:0;height: auto;}
.nav_tab_le{float: none;width: 100%;}
.nav_tab_re{float: none;width: 100%;display: none;}
.nav_pubp p a{padding: 0;line-height: 30px;}
.nav_pubp p a i{display: none;}
.nav_tab_le p img{width: 20px;height: 20px;margin-top: 5px;margin-right:4px;}

.nav_le h3,.nav,.nav_tab_le h3{ font-size: 14px;}
.nav_le h3,.nav_tab_le h3{line-height:40px;margin-bottom: 0; position: relative; padding: 0 10px;cursor: pointer;}
.nav_tab_le p,.nav_le p{margin-bottom: 5px;}
.nav_tab,.nav_pro_p {font-weight: normal;padding: 10px 0; display: none;}
.nav_tab_le h3 i,.nav_le h3 i{display: block;position: absolute;right: 10px;top:0;font-size: 16px;font-weight: normal;        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_tab_le h3.on i,.nav_le h3.on i{-webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);}
.nav_more p{font-weight: normal;}
.nav_more p a{line-height: 30px;}
.nav_more p a i{margin-left: 4px;}
.nav_le_p p a,.nav_more p a,.nav_tab_le p a{padding-left:25px;}

.nav li.cur .nav_list{visibility: visible;opacity: 1;}

.nav_ser::before{display: none;}
.nav_ser_p{padding: 0;}
.nav_ser p{float: none;margin:0;line-height: 40px; font-weight: normal;}
.nav li.current, .nav li.current2{position: static;}
.nav_ser p a{padding: 0 10px;}
.nav li.current2 .nav_ser_p{float: none;padding: 0;}


.nav_about_p{display: block;}
.nav_about_p dl{padding: 0;float: none;border: 0;}
.nav_about dd p,.nav_about dt{line-height: 40px;margin-bottom: 0;}
.nav_about dd p{line-height: 30px;}
.nav_about dd p a{padding-left: 25px;}
.nav_about dt a{padding: 0 10px; display:block;width:60%;}
.nav_about dt{font-weight: normal; position: relative;}
.nav_about dt a i{display: none;}
.nav_about dt em{width: 40%;height: 100%;cursor: pointer; position: absolute;top:0;right: 0; display: block;z-index: 5;}
.nav_about dt b{display:block; position: absolute;top:0;right: 10px;font-weight: normal;font-size: 16px;}
.nav_about dd{display: none;}

.nav_about dt b{display: block;position: absolute;right: 10px;top:0;font-size: 16px;font-weight: normal;        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_about dl.cur b{-webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);}


/* 导航改 */
.nav_ser_p, .nav li.current2 .nav_ser_p{display: block;}


}

@media only screen and (max-width:767px) {
.header_search{position: static;}
.search_box.on{width: 100%}
.search_box, .search_box_input, .search_box_btn:before{height: 50px;line-height: 48px}
.search_box_btn{width: 50px;height: 50px}
.search_box_btn,.search_box_input{font-size: 14px}
.search_box_input{width: calc(100% - 50px);}
}










/* title */
.index_title{text-align: center;margin-bottom: 0.7rem}
.index_title h3{line-height: 1em}
.index_title_in{display: inline-block;}
.index_title_in h4{margin-bottom: 0.15rem}

.index_more a,.index_more em{display: inline-block;padding: 0 0.35rem 0 0.4rem;border: 1px solid #606060;border-radius: 0.5rem;color: #606060}
.index_more span{height: 0.42rem;line-height: 0.42rem;display: block;text-align: center;}
.index_more span i{font-size: 0.12rem;margin-left: 0.1rem;font-weight: bold;position: relative;top:-0.01rem;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.index_more_white a{color: #fff;border-color: #fff;}
@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: #2ca137 !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);}

  .index_more a:hover,.index_more em:hover{border-color:#2ca137;background: #2ca137;color: #fff !important;}
  .index_more a:hover i,.index_more em:hover i{margin-left: 0.08rem;}
  /* .index_more_white a:hover{border-color:#2ca137;background: #2ca137;} */
  .data_all .more_down a:hover{background:none;color:#2ca137 !important;}
    .data_all .more_down a:hover b{color:#2ca137 }
}

@media only screen and (max-width:1024px) {
.index_title{margin-bottom: 0.4rem}
}
@media only screen and (max-width:767px) {
.index_more a,.index_more em{padding: 0 20px;}
.index_more span{height: 32px;line-height: 32px}
.index_more span i{font-size: 12px;}
}


/*site_banner*/
.site_banner{position: relative;}
.site_banner>img{width: 100%;}
.site_banner video{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.banner_p{

  width: 100%;color: #fff;z-index: 5;
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:28%;

}
.banner_p h3{line-height: 1.16em; text-align: center; font-weight: bold}
.banner_p h4{margin-bottom: 0.15rem; line-height: 1.1em; text-align: center;}

@media only screen and (max-width:1024px) {
    .site_banner{height: 4rem;}
    .banner_p{top:50%;}
    .site_banner>img{display: none;}
/*.site_banner video{display: none;}*/
}
@media only screen and (max-width:767px) {
    .site_banner{height: 160px;}

}

/*page*/
.pageout{text-align: center;padding-bottom: 5px;    clear: both;overflow: hidden;}
.page a,.page .txtnum input,.page .go{ border-radius: 0.06rem;}
.page{display:inline-block;*display:inline;*zoom:1;padding-top:0.4rem;}
.page {vertical-align:middle;text-align:center;margin: 0 auto; }
.page,.page a{color: #555555;}
.page span{float: left; }
.page b{float: left;font-weight: normal; cursor: pointer;}
.page span.pages_num{margin-right: 10px;}
.page span.pages_num em{color: #115ea2;}
.page a{float: left; margin:0 0.02rem; box-sizing:border-box;}
.page a.on{background:#22ac38;color:#fff;border-radius: 50%; }
.page a.prev,.page a.next{color: #555555;font-weight: bold;}
.page a.prev{margin-right: 0.1rem;}
.page a.next{margin-left: 0.1rem;}
.page a.no:hover,.page a.disabled:hover{cursor: default;color: #555555 !important;}
/* .page a.prev {background:url(../images/page_prev.png) center center no-repeat; text-indent:-10000px; margin-right: 15px;}
.page a.next {background:url(../images/page_next.png) center center no-repeat; text-indent:-10000px;} */

/* .page a.first{ text-indent:-10000px;margin-left: 15px;background:url(../images/page_first.png) no-repeat center center;}
.page a.last{ text-indent:-10000px;background:url(../images/page_last.png) no-repeat center center;} */



.page .go{cursor: pointer; border:none;outline: none;text-align: center;margin-left: 0.35rem;float: left; }
.page .go:hover{color:#22ac38 !important;}
.page a.on:hover{color: #fff !important;}
.page .txtnum{margin-left: 40px;}
.page .txtnum input{ text-align: center; box-sizing:border-box; background:none;border: 1px solid #d8dee1;margin: 0 3px;}

.total{float: left;margin-left: 0.18rem;}

.page{line-height: 0.32rem;}
.page .txtnum{height: 0.32rem;}
.page a,.page .go{width: 0.32rem;height: 0.32rem;}
.page .txtnum input{height: 0.32rem;line-height: 0.32rem;width: 0.44rem;margin:0 0.1rem;color: #555555;}
.page .go{width: 0.4rem;color: #555;}
@media only screen and (min-width:1025px) {
    .page b:hover .go,.page b:hover i{color:#22ac38 !important;}
}
@media only screen and (max-width:1024px) {
    .page .txtnum{margin-left: 0.1rem;}
}

@media only screen and (max-width:767px) {
.page{padding-top: 20px;}
.page a{display:none; font-weight: normal;}
.page a.prev,.page a.next{display:block; display:inline-block;}



.page a.on{display: inline-block;}
.page{line-height: 32px;}
.page .txtnum{height: 32px;}
.page a,.page .go{width: 32px;height: 32px;}
.page .txtnum input{height: 32px;line-height: 32px;width:36px;margin:0 5px;}
.page a.prev, .page a.next{font-size: 12px;}
.total{margin-left:2px;}
.page a{margin:0 1px;}
.page a.next{margin-left: 1px;}
.page a.prev{margin-right: 1px;}


.total,.page .txtnum,.page .go{display: none;}
.page a:nth-child(-n+7){display: block;}
.pagearrow{display: none;}
}
@media only screen and (min-width:1025px) {
.page .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 .go:hover{opacity: 1;}

}


/*page*/

/*面包屑*/
.site_wrap{padding:  0.2rem 0;    font-size: 0.16rem;}
.site_wrap,.site_wrap a{color: #818181;}
.site_wrap span{color: #000}
@media only screen and (max-width:767px) {
.site_wrap{font-size:14px;padding: 15px 0}
}


/* sitebar */
.smonitor-bar{position: fixed;right: 0.1rem;bottom: 10%;transition: all .5s;z-index: 100000; opacity: 0;visibility: hidden;}
.smonitor-bar.curr{opacity: 1;visibility: visible;}
.smonitor-bar ul{background: rgba(255, 255, 255, 0.7); box-sizing: border-box;border-radius: 40rem;box-shadow: 0 0 15px rgba(0,0,0,0.05);}
.smonitor-bar li{position: relative;}
.smonitor-bar li a{display: block;width: 0.4rem;text-align: center;border-bottom: 1px solid #e6e6e6;padding: 0.06rem 0;}
.smonitor-bar li a>i{font-size: 0.26rem;display: inline-block;transition: all .3s;display: block;line-height: 1em;}
.smonitor-bar li.back_top a>p{padding-top: 0}
/* .smonitor-bar li a>p{color: rgba(0,0,0,0.6);} */
.smonitor-bar li:first-child a{padding-top: 0.1rem}
.smonitor-bar li:last-child a{border-bottom: 0;background: rgba(34, 172, 56, 0.9);color: #fff;border-radius: 40rem;}
.smonitor-bar li:last-child a:hover{color: #fff !important;background: rgba(34, 172, 56, 1);}
.smonitor-bar li:nth-child(2) a{border: 0}
.smonitor-bar li a>p{padding-top: 0.05rem;font-size: 0.12rem}

.sphone_modal,.smail_modal{position: absolute;width: 3.5rem;background: #fff;padding: 0.3rem;box-sizing: border-box;left: -3.67rem;box-shadow: 0 0 15px rgba(0,0,0,0.05);
border-radius: 30px;height: 1.12rem;top: 0;}
.sphone_modal dl,.smail_modal dl{display: flex;align-content: center;}
.sphone_modal dd,.smail_modal dd{font-size: 0.24rem;color: #828587;padding-right: 0.3rem;margin-right: 0.3rem;border-right: 1px solid #b8babc;display: flex;align-items: center;}
.sphone_modal dt,.smail_modal dt{text-align: left;}
.sphone_modal dt p,.smail_modal dt p{margin-bottom: 0.05rem;}

.smonitor-modal{position: absolute;width: 1.8rem;background: #fff;padding: 0.2rem;box-sizing: border-box;left: -1.9rem;box-shadow: 0 0 15px rgba(0,0,0,0.05);
    border-radius: 0.2rem;display: flex;align-items: center;justify-content: center;text-align: center;top:0;}
.smonitor-modal img{width: 1rem;height: 1rem;}
.smonitor-modal p{margin-top: 0.1rem;}
.smodal{visibility: hidden;opacity: 0;transform: translateX(50px);}
.smodal.on{visibility: visible;opacity: 1;transform: translateX(0px);transition: all .5s;}

.smonitor-bar.fixed{position: fixed;
    transform: translate(0,-50%); -webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);-o-transform: translate(0,-50%); top:50%;
}

.smonitor-modal p{font-size: 0.14rem}
@media only screen and (max-width:767px) {
/* .smonitor-bar{position: fixed;bottom: 0;width: 100%;top: auto;transform: none;right: 0;box-shadow: 0 0 10px rgba(0,0,0,.2);}
    .smonitor-bar ul{display: flex;border-radius: 0;padding: 0 10px;position: relative;}
    .smonitor-bar ul li{width: 33.33%;text-align: center;}
    .smonitor-bar ul li a{width: 100%;border-bottom: 0;}
    .smonitor-bar li a>i{font-size: 20px;}
    .smonitor-bar li{position: initial;}
    .smodal{transform: translateX(0px);transform: translateY(-30px);}
    .smodal.on{transform: translateY(0px);}
    .sphone_modal,.smail_modal{width: 200px;left: 50%;margin-left: -100px;height: auto;top: -70px;padding: 10px 20px;}
    .sphone_modal dd,.smail_modal dd{font-size: 18px;}
    .smonitor-modal{width: 300px;left: 50%;margin-left: -150px;height: auto;top: -190px;padding: 10px 20px;border-radius: 10px;}
    .smonitor-modal img{width: 120px;height: auto;}
    .monitor_body .footer{padding-bottom:100px;} */
    .smonitor-modal{width: 120px;left: -130px}
    .smonitor-modal img{width: 80px;height: 80px}
    .smonitor-bar li a{width: 35px;        padding: 5px 0;}
    .smonitor-bar li a>i{font-size: 24px;display: block;line-height: 1em}
    .smonitor-bar li p{font-size: 12px;padding-top: 5px}
    .smonitor-bar li a>p{font-size: 12px}
 }

/* sitebar */



/*改字体和颜色加粗*/
.bold{font-weight: normal;}

/*nav*/
.nav_ser p,.nav_about dt,.nav_pubp p i{font-weight: normal;}
.nav_box p a{color: #606060;}

.nav,.nav a{color: #000}
.nav,.nav_box h4,.nav_tab_le p{font-size: 0.16rem}
.nav_ser p a{color: #606060;}
.nav_le p a{color: #606060;}
.nav_box h4 a,.nav_tab_le p a{color: #000}


@media only screen and (max-width:767px) {
.nav li>a,.nav_more a{font-size: 14px}
.nav,.nav_box h4,.nav_tab_le p,.nav_more p a i{font-size: 14px}
}

/*footer*/
.footer{background-color: #F9F9F9;}
.foot_re li dt{font-weight: normal;}
.foot_re li dt a{color: #000}
.foot_re li dd p a,.foot_link dd a,.foot_bottom,.foot_bottom a{    color: #606060;}
.foot_re li dd{font-size: 0.13rem}
@media only screen and (max-width:767px) {
.foot_re li dd{font-size: 14px}
}


/*首页*/
.index_title h3{font-weight: bold;font-size: 0.38rem;}
.index_buslist li h3{font-size: 0.4rem;font-weight: bold}
.index_span{font-size: 0.14rem}
.intr_p{font-size: 0.14rem}
.index_05 .index_intr .index_more{font-size: 0.12rem}

.navbody video{visibility: hidden;opacity: 0}
@media only screen and (max-width:1024px) {
.index_title h3{font-size: 0.28rem}
.index_buslist li h3{font-size: 0.28rem}

}
@media only screen and (max-width:767px) {
.index_buslist li h3{font-size: 20px}
.index_title h3{font-size: 20px}
.index_span{font-size: 14px}
.index_span{font-size: 14px}
.intr_p{font-size: 14px}
.index_05 .index_intr .index_more{font-size: 14px}
}