html {font-size: calc((100vw / 1920) * 100 );}

html, body, input, select, input, textarea, button{font-family:  'Microsoft Yahei',  'PingFangSC Regular', 'Arial';}

body {font-size: 16px; }

::-ms-clear, ::-ms-reveal{display: none;}

select::-ms-expand{ display: none; } 

input, button {border: 0; outline: none;}

dt {font-weight: normal;}

h1, h2, h3 {margin-top: 0;}

a:hover, a:active, a:link, a:visited {text-decoration: none;}

/* a:active, a:link, a:visited {color: #cf263a;} */

img {max-width: 100%;}

ul {list-style: none; padding: 0;}

.rel {position: relative;}

.abs {position: absolute;}

.fixed {position: fixed;}

.overhide {overflow: hidden;}

.trans-3 {transition: all .3s;}

.trans-8 {transition: all .8s;}

.fl{float: left;}

.fr{float: right;}

.block {display: block;}

.iblock {display: inline-block;}

.mg0 {margin: 0 !important;}

.mt0 {margin-top: 0 !important;}

.ml0 {margin-left: 0 !important;} 

.mr0 {margin-right: 0 !important;}

.mb0 {margin-bottom: 0 !important;}

.pd0 {padding: 0 !important;}

.pt0 {padding-top: 0 !important;}

.pl0 {padding-left: 0 !important;}

.pr0 {padding-right: 0 !important;}

.pb0 {padding-bottom: 0 !important;}

.pt60{padding-top: 30px; }

.pb60{padding-bottom: 30px; }

.pl60{padding-left: 30px;}

.pr60{padding-right: 30px;}

.pt80-pb100{padding-top: 30px; padding-bottom: 40px;}

.mt20{margin-top: 20px;}

.mt28{margin-top: 0.20rem;}

.mb40{margin-bottom: 0.36rem !important;}

.f12,.f14,.f15{font-size: 12px;}

.f16{font-size: 14px;}

.f18{font-size: 16px;}

.f20{font-size: 16px;}

.f22{font-size: .22rem;}

.f28{font-size: 0.28rem;}

.f26{font-size: 0.26rem;}

.f28{font-size: calc(16px + 0.63vw);}

/* .f32{font-size: calc(16px + 1.15vw);} */

.f32{font-size: calc(16px + 0.835vw);}

.f36{font-size: calc(16px + 1.045vw);}

.f40{font-size: calc(16px + 1.25vw);}

.f43{font-size: calc(16px + 1.415vw);}

.f48{font-size: calc(16px + 1.67vw);}

.f60{font-size: 0.6rem;}





.cblack{color: #222;}
.gray222{color: #222;}

.gray333{color: #333;}

.gray666{color: #666;}

.gray777{color: #777;}

.gray999{color: #999;}

/* .cgray{color: #0E1421;} */

.cblack{color: #30364C;}

.cblue{color: #4F84FF;}

.cwhite100{color: rgba(255, 255, 255, 1);}

.cwhite50{color: rgba(255, 255, 255, 0.5);}

a.cwhite50:hover{color: rgba(255, 255, 255, 1);}

.tc{text-align: center;}

.tl{text-align: left;}

.tr{text-align: right;}

.bold{font-weight: bold;}

.clearfix {zoom: 1;}

.weui-cell {padding: 10px 15px; position: relative; display: -webkit-box; display: -webkit-flex; display: flex;-webkit-box-align: center; -webkit-align-items: center; align-items: center;}

.weui-cell__bd {min-width: 1px; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1;}

.weui-cell__ft {text-align: right; color: #999999;}

.d-flex {display: -webkit-box; display: -webkit-flex; display: flex;}

.d-flex-item {min-width: 1px;-webkit-box-flex: 1; -webkit-flex: 1; flex: 1;}

.d-flex-wrap{display: flex; flex-wrap: wrap;}

.start {-webkit-box-align: start; -webkit-align-items: flex-start; align-items: flex-start;}

.middle {-webkit-box-align: center; -webkit-align-items: center; align-items: center;}

.end {-webkit-box-align: end; -webkit-align-items: flex-end; align-items: flex-end;}

.jcenter{justify-content: center;}

.jbetween{justify-content: space-between;}

.nobefore::before, .noafter::after {display: none !important;}

.ellipsis {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.line2 {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; word-wrap: break-word;}

.line3 {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; word-wrap: break-word;}

.d-block{display: block;}

.img-cover{width: 100%; height: 100%; object-fit: cover;}

.img-contain{width: 100%; height: 100%; object-fit: contain;}

@media (min-width: 1600px) {

  .container { width: 72.9%;   padding: 0;}

  .container2 { width: 83.1%;   padding: 0; margin: auto;}

}


@media (min-width: 993px){
  .container2 {  width: 83.1%;  padding: 0; margin: auto;}

  .f12{font-size: 0.12rem;}

  .f14{font-size: 0.14rem;}
  .f15{font-size: 0.15rem;}

  .f16{font-size: 0.16rem;}

  .f18{font-size: 0.18rem;}

  .f20{font-size: 0.20rem;}

  .f22{font-size: 0.22rem;}

  .f24{font-size: 0.24rem;}

  .f30{font-size: 0.30rem !important;}

  .pt60{padding-top: 0.60rem; }

  .pb60{padding-bottom: 0.60rem; }

  .pl60{padding-left: 0.60rem;}

  .pr60{padding-right: 0.60rem;}

  .pt80-pb100{padding-top: 0.80rem; padding-bottom: 1.00rem;}

  .container-fluid{padding-left: 0; padding-right: 0;}

}
@media (max-width: 1500px) {
  .f16{font-size: 14px;}
}
@media (max-width: 993px) {

  html {font-size: calc((100vw / 768) * 100);}

  body {font-size: 16px; line-height: 1.5;}

  .d-warp-mobile{ flex-wrap: wrap;}

  .d-flex-w100{width: 100% !important;}

  .container2{

    padding-right: 15px;

    padding-left: 15px;

    margin-right: auto;

    margin-left: auto;

  }
  
}



/* header */

.header{height: 0.80rem; line-height: 0.80rem;background: rgba(255,255,255,0.4); border-bottom: 1px solid rgba(255,255,255,0.2); position: fixed;z-index: 15; width: 100%; left: 0; top: 0;   display: flex; align-items: center; justify-content: space-between; padding: 0 3.2vw;}

.header_logo{overflow: hidden;height: 0.40rem;}

.header_logo img{display: block; height: 0.40rem;transform: translateY(0); transition: all .36s; }



.header.on .header_logo img,.header.active .header_logo img{transform: translateY(-100%);}

.nav{ flex: 1; display: flex;  align-items: center; justify-content: center;}

.nav .nav-item{ padding:0 1.88vw 0; position: relative; }

.nav .nav-item >a{color: #FFFFFF; display: block; height: 100%; position: relative; font-size: 0.18rem; }

.nav .nav-item >a::after{position: absolute; content: ''; bottom: 0; left: 50%;transform: translateX(-50%); height: 2px; background: #C8A54A; width: 0; transition: width 0.36s linear; opacity: 0;}


.header .nav .nav-item.on >a::after{
  width: 100%; ;opacity: 1;
}
.nav .nav-item .sub-nav{width:140%; left: 0; top: 0.90rem;  display: none;  z-index: 15; 

 filter: blur(0px);border-radius: 8px; overflow: hidden;}

.nav .nav-item .sub-nav .sub-nav-box{  position: relative;  height: 100%;}





.sub-nav  ul{ width: 100%; margin-bottom: 0;}

.sub-nav ul li{ cursor: pointer; line-height: initial;background-color: #fff; background-image: url(/static/index/images/logo-icon.png); background-position:  right bottom; background-size:auto 100%; background-repeat: no-repeat;  padding: 0.18rem 0.22rem; transition: all .3s; }


.sub-nav  ul li  .nav-text{ color: #333; }

.sub-nav .sub-nav-box .sub-nav-r{width: 60%; padding: 0.20rem 0.34rem 0.38rem 0.30rem; border-left: 1px solid #e2e2e2;}

.sub-nav-r-content{display: none; }

.sub-nav-r-content.act{display: block; }

.sub-nav-r-content .title{ margin-bottom: 0.17rem; line-height: initial;}

.sub-nav-r-content .sub_r_img{ width: 100%; }

.sub-nav-r-content .txt{line-height: 0.28rem;  margin-top: 0.15rem;}

.about_sub_menu ul {width: 100%; margin-bottom: 0;}

.about_sub_menu ul  li{ border-bottom: 1px solid #e2e2e2; position: relative; cursor: pointer; color: #777777; font-size: 0.16rem; line-height: initial; padding: 0.20rem 0.16rem; }

.about_sub_menu ul  li i{opacity: 0; color: #fff;}

.header_right{height: 100%;}

.lineh38-mt30{line-height: 38px; margin-bottom: .003rem;}

.header_search_icon{cursor: pointer; height: 100%; padding-right: .35rem;color: #fff; }

/* .header_search_icon >i,.header_lan >i{color: #fff;   } */

.login-btn-box{height: 0.90rem; display: flex; align-items: center;}

.login-btn{  
  cursor: pointer; 
  height: 0.32rem;
  line-height: 0.32rem;
  border-radius: 0.16rem;
  background: #C8A54A; 
  text-align: center; 
  width: 1rem;
  color: #fff; }

.login-btn > i{font-size: 0.16rem !important; margin-left: 7px;}



.nav-icon {

  display: block;

  position: absolute;

  right: 15px;

  top: 50%;

  margin-top: -7px;

}

 .nav-icon span {

  display: block;

  width: 22px;

  height: 2px;

  background: #333333;

  border-radius: 2px;

  transition: all .3s linear;

}

 .nav-icon span:not(:first-child) {

  margin-top: 4px;

}

 .nav-icon.on span:nth-of-type(1) {

  -webkit-transform: matrix(1,0,0,1,0,6) rotate(

45deg

);

  transform: matrix(1,0,0,1,0,6) rotate(

45deg

);

}

 .nav-icon.on span:nth-of-type(2) {

  width: 0;

}

 .nav-icon.on span:nth-of-type(3) {

  -webkit-transform: matrix(1,0,0,1,0,6) rotate(

45deg

);

  transform: matrix(1,0,0,1,0,-6) rotate(

-45deg

);

}


@media (min-width: 993px){



.header.on,.header.active{background: #FFFFFF; box-shadow: 0px 8px 16px 0px rgba(192, 192, 192, 0.1);}

.header.on .header_lan_txt ,.header.on .header_lan_txt a,  .header.active .header_lan_txt ,.header.active .header_lan_txt a{color: rgba(51,51,51,0.4);}

.header.on  .nav .nav-item >a,.header.on .header_lan >i,.header.on .header_search_icon ,.header.on .header_lan_txt a.on{color: #333;}

.header.active  .nav .nav-item >a,.header.active .header_lan >i,.header.active .header_search_icon ,.header.active .header_lan_txt a.on{color: #333;}

.header.on .nav .nav-item:hover >a, .header.active .nav .nav-item:hover >a{color: #C8A54A;}

.header.on .nav .nav-item:hover >a::after,.header.on .nav .nav-item .sub-nav a:hover::after{width: 100%;opacity: 1;}

.header.active .nav .nav-item:hover >a::after,.header.active .nav .nav-item .sub-nav a:hover::after{width: 100%; opacity: 1;}

.header.on .header_lan_txt a:hover,.header.active .header_lan_txt a:hover{color: rgba(51,51,51,1);}



.nav .nav-item .sub-nav .sub-nav-box a:hover{ color: #fff; box-shadow: 2px 3px 4px 0px rgba(36,36,36,0.13);background: #C8A54A;}


.sub-nav  ul li:hover{background-color: #C8A54A; }
.sub-nav  ul li:hover  .nav-text{color: #fff;}

.about_sub_menu ul  li:hover,.login-dropmenu a:hover{background: #C8A54A; color: #fff;}

.about_sub_menu ul  li:hover i,.login-dropmenu ul li:hover i{opacity: 1;}





}

@media (max-width: 993px){
#fp-nav{display: none;}
.m-lan{display: flex; flex-wrap: wrap;}

.m-lan a{margin-right: 30px;}

.header_logo img,.header_logo{height: 24px;}
.header_search_icon{display: none;}

.header .header_logo  .logo1,.header_logo  .logo1{display: none;}

 .header .header_logo  .logo2,.header_logo  .logo2{display: block;}

 .header.active .header_logo img{transform: translateY(0); }

.header{z-index: 50; height: 60px; background: #fff; line-height: 60px; padding:0  50px 0 4.89vw;}

.header .header_search_icon .iconfont{color: #333;}

.header .nav{display: block !important; padding: 0 30px; transform: translateX(100%); position: fixed;background: #fff; left: 0; right: 0; top: 60px; bottom: 0;}



.header .nav .nav-item >a{height: 55px; font-size: 14px;display: block; line-height: 55px;color: #333;}

.header .nav .nav-item .has_subnav{position: relative;}

.header .nav .nav-item:hover >a::after,.header.mactive .nav .nav-item:hover >a::after{width: 0; }

.header .nav .nav-item .has_subnav::before{position: absolute;content: ''; transition: all .6s; width: 8px; height: 8px; right: 0; top: 50%; border-top: 1px solid #333; border-right: 1px solid #333; transform: rotate(45deg) translateY(-50%); }

.header.mactive .nav{transform: translate(0);}

.header .nav .nav-item.on .has_subnav::before{transform: rotate(135deg) translateY(100%);}



.header.mactive .nav .nav-item:nth-child(1){border-top: 1px solid #C7C9C8;}

.header .nav .nav-item .header_lan_txt a,.header .nav .nav-item .header_lan_txt{color: #333;}

.header .nav .nav-item .header_lan_txt a{padding-right: 10px; padding-left: 10px;}

.header .nav .nav-item .header_lan_txt a:first-child { padding-left: 0px;}



.header .nav .nav-item .sub-nav{position: relative;display: none; z-index: 18;text-align: left;box-shadow:none;  left: 0; right: 0; width: 100% !important; bottom: 0;  top: 100%; height: auto;   }



.header .nav .nav-item .sub-nav a{height: 50px;  margin-right: 0; font-size: 14px;display: block;line-height: 50px;color: #333;}

.header .nav .nav-item.on .sub-nav.on{transform: translateY(0);}



.header .nav .nav-item.on .sub-nav.on a:nth-child(1){border-top: 1px solid #C7C9C8;}

.sub-nav ul{flex-direction: column; }

.sub-nav.on p,.login-dropmenu.on p{position: absolute; top: -60px; height: 59px;left: 0;padding-left: 30px; width: 40%; background: #fff;}

.nav .nav-item .sub-nav{width: 100vw;}

.search-box{height: 60px; line-height: 60px; padding: 0 30px;}

.header_lan_txt{border-top: 1px solid #C7C9C8;border-bottom: 1px solid #C7C9C8; margin-top: 10px;}





.nav .nav-item .sub-nav .sub-nav-box a{width: 49.5%;}



.nav .nav-item .sub-nav,.nav .nav-item .sub-nav.pro_sub_menu{width: 100vw !important;}

.about_sub_menu ul li{font-size: 14px; padding: 15px; border-bottom: 0;}

.sub-nav  ul li .nav-text{font-size: 14px !important;}

.sub-nav .sub-nav-box .sub-nav-r{display: none;}

.sub-nav  ul li .nav-icon-box,.login-dropmenu ul li .login-dropmenu-icon{width: 20px; height: 20px;}

.sub-nav  ul li,.login-dropmenu ul li{padding: 15px;}

.login-btn{background: #fff;margin-left:10px; width: unset;}

.login-btn > i{color: #333; font-size: 14px !important;}

.login-dropmenu{

  position: relative;

  display: none;

  z-index: 18;

  text-align: left;

  box-shadow: none;

  left: 0;

  right: 0;

  top: 100%;

  width: 100%;

}

.header_search_icon{ padding-right: 0;}

.search-box-div >input{width: 55vw;}

}

/* footer */

.footer{background: url(/static/index/images/footer-bg.jpg) no-repeat;background-size: cover; padding: .84rem 0 0;}
.footer-logo{
  width: 1.8rem;
  margin: 0 auto  .45rem;
  display: block;
}
.footer-ul{
  margin-bottom: .25rem;
}
.footer-ul li{
  flex: 1;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.footer-ul li::after{
  position: absolute;
  content: '';
  left: 0;
  bottom: 0;
  width: 80%;
  height: 1px;
  background: #fff;
}
.footer-ul li a{
  padding: 2px 0 13px;
  color: #ccc;
  transition: all .3s;
}
.footer-copyright{
  padding: .5rem 0 .27rem;
  font-size: 13px;
  justify-content: space-between;
}
.copyright-l{
  color: #bbb;
}
.copyright-m{
  color: #fff;
  font-size: 18px;
}
.copyright-r{
  color: #b0b0b0;
}

@media (min-width: 993px){
  .footer-ul li a:hover,.copyright-r:hover{
    color: #fff;
  }
}

/* 侧边悬浮按钮 */

 .aside-box{position: fixed;  right:0px ; display: none;  text-align: center; bottom: 15vw;

   z-index: 50;  }

.aside-box.onshow{display: block;}

.aside-box ul {margin-bottom: 0;}

.aside-box ul li{cursor: pointer;z-index: 6; 
  width:112px;
  height: 70px;
  font-size: 13px;background: #fff; margin-bottom: 1px;
  box-shadow: 0px .4 8px 0px rgba(0,0,0,0.3);
  border-radius: 35px 0px 0px 35px;}

  .aside-box ul li .item{
    position: relative;
    z-index: 2;
  }
.aside-box ul li .item,.aside-top .item{width: 100%; height: 100%; display: flex; flex-direction: column; padding-left: .15rem; align-items: center; justify-content: center; color: #333;}

.aside-box ul li .sub-aside{

text-align: left;

top: 0;right:0; opacity: 0;visibility: hidden;

pointer-events: none;

z-index: 6;
color: #fff;

}

.aside-code{padding: 0.15rem;  min-width:140px;min-width: 140px; background-color: #fff; text-align: center !important; }
.aside-code  .aside-img{width: 120px; height: 120px;  }

.aside-tel-box{
  background: #C8A54A;
  box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.3);
  border-radius: 35px 0px 0px 35px;
  width: 264px; 
  height: 70px;
  justify-content: center;
  align-items: center;
  }
.aside-tel-box  i{
  margin-right: .22rem;
}
.aside-tel-box  .aside-sub-t{color: #fff; font-size: 13px;}
.aside-box ul  li:hover  .sub-aside{
   pointer-events: all;
   right: calc( 100% + 0.08rem); 
   opacity: 1; 
   visibility: visible;
  }
.aside-box ul  li:hover  .sub-aside.aside-tel-box{
  right: 0;
}
.aside-top{
  position: fixed;
  right: .16rem;
  bottom: 10vw;
  width: .56rem;
  height: .56rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255,255,255,0.7);
  box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.3);
  cursor: pointer;
}


@media (min-width: 993px) {

  .zixun-btn:hover{ background-color: #4F84FF ; color: #fff;}

  .footer-bd .d-flex-item dd a:hover{ color: rgba(255, 255, 255, 1);}

  .aside-box ul li:hover,.aside-top:hover{background: #C8A54A; }

  .aside-box ul li:hover .item,.aside-top:hover {color: #fff;}

}

@media (max-width:993px) {

  .aside-box ul {display: none;}

  .aside-top{padding:4px 6px; }
  .footer-ul{display: none;}
  
  }



@keyframes updown {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);

  }
  100% {
    -webkit-transform: translateY(-3px);
    -moz-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    -o-transform: translateY(-3px);
    transform: translateY(-3px);
  }
}

@keyframes rotate {    
  from {        
      stroke-dashoffset: 400px;    
  }    
  to {        
      stroke-dashoffset: 0px;    
  }
}

@keyframes donut-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}