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; font-weight: bold; }
::-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);}
.f38{font-size: calc(16px + 1.146vw);}

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

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

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

.f52{font-size: 20px;}





.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: 84.35%;   padding: 0;}

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

}


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

  .f12{font-size: 0.12rem;}

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

  

  .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;}
  .f52{font-size: .52rem;}

  .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 (min-width: 1400px) {
  .f16{font-size: 0.16rem;}
}
@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.88rem; 
  line-height: 0.88rem;
  /* 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 4.17vw;
}

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

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

.nav{ 
  flex: 1; 
  display: flex;  
  align-items: center; 
  padding-left: 2.1vw;
}

.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; font-weight: bold; }

.nav .nav-item >a::after{position: absolute; content: ''; bottom: .1rem; left: 50%;transform: translateX(-50%); height: 2px; background:  #00398F; 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:130%; 
  left: 50%; 
  transform: translateX(-50%);
  top: 0.90rem;  
  display: none;  
  z-index: 15; 
  background: #fff;
  border-radius: 8px; 
  overflow: hidden;}

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


.product-nav{
  display: none;
} 


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

.sub-nav ul li{
  text-align: center; 
  cursor: pointer; 
  line-height: initial;
  position: relative;
  padding: 0.18rem 0.24rem; 
  transition: all .3s; 
}
.sub-nav ul li::after{
  position: absolute;
  content: '';
  left: .24rem;
  right: .24rem;
  bottom: 0;
  height: 1px;
  opacity: 1;
  background: #D8D8D8;
  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%; color: #fff;}
/* .header_right .h-kf-box{
  width: .24rem;
  height: .24rem;
  overflow: hidden;
  margin-right: 0.05rem;
} */
.header_right .h-kefu .iconfont{
  font-size: .24rem;
  margin-right: 0.06rem;
  font-weight: 400;
}
.h-search-box{
  padding: 0 .24rem;
  position: relative;
  margin-left: .24rem;
  margin-right: .24rem;  
  
}

.h-search-box .iconfont{
  font-size: .24rem;
  font-weight: 400;
}

.h-search-box::before{
  position: absolute;
  content: '';
  left: 0;
  width: 1px; 
  height: .2rem;
  background: #fff;
  opacity: 0.5;
  top: 50%;
  transform: translate(0,-50%);
}
.h-search-box::after{
  position: absolute;
  content: '';
  right: 0;
  width: 1px; 
  opacity: 0.5;
  height: .2rem;
  background: #fff;
  top: 50%;
  transform: translate(0,-50%);
  
}
.h-lan-box{
  width: .24rem;
  height: .24rem;
  margin-right: .02rem;
  font-size: .18rem;
}
.h-search-box  , .h-lan {
   color: #fff;
  cursor: pointer;
}

.h-lan .iconfont{
  font-size: .24rem;
  margin-right: 0.05rem; 
  font-weight: 400;
}
.h-lan:hover{
  color: #00398F !important;
}

.product-nav-header {
  background-color: #fff;
  display: none;
  height: 8.2rem;
  left: -21vw !important;
  position: absolute;
  width: calc(100vw - 4rem) !important;
}
.product-nav-header .one-list {
  background: #EDEDED;
  font-weight: 500;
  height: 100%;
  left: 0;
  line-height: 1;
  position: absolute;
  top: 0;
  width: 2rem;
}
.product-nav-header .one-list .tit-24 {
  padding: .34rem;
  font-weight: bold;
  
}
.tit-24{font-size: .24rem;}

.product-nav-header .one-list .tit-one a {
  align-items: center;
  border-left: 3px solid transparent;
  display: flex;
  font-weight: 500;
  justify-content: space-between;
  line-height: 0.56rem;
  padding: 0 0.07rem 0 0.32rem;
  position: relative;
  transition: all .5s;
  color: #000;
  position: relative;
}
.product-nav-header .one-list .tit-one a::after{
  position: absolute;
  content: '';
  left: 0.32rem;
  right: 0;
  bottom: 0;
  height: 1px ;
  background: #D8D8D8;
}
.product-nav-header .one-list .tit-one a.on {
  background-color: #fff;
  border-left: 3px solid #00398F;
  color: #00398F;
}
.tit-16{font-size: .16rem; font-weight: bold;}
.product-nav-header .one-list .tit-one a svg {
  fill: #00398F;
  opacity: 0;
  transition: all .3s;
}
.product-nav-header .one-list .tit-one a.on svg {
  opacity: 1;
}
.product-nav-header .two-list {
  background: #F6F6F6;
  font-weight: 500;
  height: 100%;
  left: 2rem;
  line-height: 1;
  overflow: auto;
  position: absolute;
  top: 0;
  width: 2.6rem;
}
.product-nav-header .two-list .two-list-box{
  display: none;
}
.product-nav-header .two-list .two-list-box.on{
  display: block;
}
.product-nav-header .two-list .tit-24 {
  opacity: 0;
  padding: 0.34rem;
}
.product-nav-header .two-list .tit-one a {
  align-items: center;
  border-left: 3px solid transparent;
  display: flex;
  font-weight: bold;
  color: #000;
  justify-content: space-between;
  line-height: 0.56rem;
  padding: 0 0.07rem 0 0.32rem;
  position: relative;
  transition: all .5s;
}
.product-nav-header .two-list .tit-one a::after{
  position: absolute;
  content: '';
  left: 0.32rem;
  right: 0;
  bottom: 0;
  height: 1px ;
  background: #D8D8D8;
}
.product-nav-header .two-list .tit-one a.on {
  background-color: #fff;
  border-left: 3px solid #00398F;
  color: #00398F;
}

.product-nav-header .two-list .tit-one a svg {
  fill: #00398F;
  opacity: 0;
  transition: all .3s;
}

.product-nav-header .two-list .tit-one a.on svg {
  opacity: 1;
}
.f-cb {
  zoom: 1;
}
.product-nav-header .three-list {
  height: 100%;
  overflow: auto;
  padding: 0.4rem 3.5vw 0.2rem;
  position: absolute;
  right: 0;
  top: 0;
  width: calc(100% - 4.6rem);
}

/* .product-nav-header .three-list .three-list-box{display: none;}
.product-nav-header .three-list .three-list-box.on{display: block;} */
.product-nav-header .three-list a {
  display: block;
  float: left;
  font-weight: 500;
  color: #000;
  line-height: 1.2;
  margin-bottom: 0.24rem;
  text-align: center;
  width: 33.333%;
  padding: 0 .12rem;
  font-weight: bold;
}
.product-nav-header .three-list a .img {
  height: 2.12rem;
  height: 2.12rem;
  margin-bottom: 0.05rem;
  width: 100%;
  overflow: hidden;
}

.product-nav-header .three-list a .img img {
  display: inline-block;
  max-height: 100%;
  max-width: 100%;
}
.tit-18 {
  font-size: .18rem;
}


::-webkit-scrollbar {
  width: 6px; /* 滚动条的宽度 */
  height: 12px; /* 滚动条的高度 */
}
/* 滚动条轨道 */
::-webkit-scrollbar-track {
   /* 轨道颜色 */
  background: #E6E5E5;
}

/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
  background: #00398F; /* 滑块颜色 */
  border-radius: 5px; /* 滑块圆角 */
}
/* 滑块悬停状态 */
::-webkit-scrollbar-thumb:hover {
  background: #555; /* 滑块悬停颜色 */
}
.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 6px 16px 0px rgba(0,0,0,0.08);}

.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 .h-search-box::before,.header.active .h-search-box::before,
.header.on .h-search-box::after,.header.active .h-search-box::after{
  background: #333;
}
.header.on  .nav .nav-item >a,
.header.on .header_lan >i,
.header.on .header_search_icon ,
.header.on .header_lan_txt a.on,
.header.on .h-kefu,.header.active .h-kefu,
.header.on .h-lan,.header.active .h-lan,
.header.on .h-search-box .iconfont
{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,
.header.active .h-search-box .iconfont{color: #333;}

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

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



/* .sub-nav  ul li:hover{
  background: linear-gradient( 90deg, #006BC2 0%, #00398F 100%); 
}
.sub-nav ul li:hover::after{
  opacity: 0;
} */
.sub-nav  ul li:hover  .nav-text{ color: #00398F;}

.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;}
.h-kefu ,.h-lan{display: none;}
.h-search-box{margin-left: 0; margin-right: 0; color: #333; padding: 0;}
.h-search-box .iconfont{font-size: 18px;}
.header_logo img,.header_logo{height: 24px;}
.header_search_icon{display: none;}
.header{
  box-shadow: 0px 6px 16px 0px rgba(0,0,0,0.08);
}

/* .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,.header .nav .nav-item .product-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; transform: translateX(0);  }



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

.product-nav a {
  color: #333;
  display: block;
  text-align: center;
  cursor: pointer;
  line-height: initial;
  position: relative;
  padding: 15px;
  transition: all .3s;
}
.product-nav a .nav-text {
  font-size: 14px !important;
}
.product-nav a::after {
  position: absolute;
  content: '';
  left: 0.24rem;
  right: 0.24rem;
  bottom: 0;
  height: 1px;
  opacity: 1;
  background: #D8D8D8;
  transition: all .3s;
}

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

  .header_lan_txt a{margin-right: 35px;}



.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{
  position: relative;
  background: #f3f3f3;
  
  padding: .92rem 0 0;}

.footer  .container{
  display: flex;
}
.footer-l{
  width: 50%;
  padding-right: 5vw;
}
.footer-logo{
  width: 3.08rem;
  display: block;
  margin-bottom: .2rem;
}
.footer-search-box{
  width: 4.8rem ;
  height: .48rem;
  background: #FFFFFF;
  border-radius: .1rem;
  margin-bottom: .4rem;
  border-radius: .1rem;
  overflow: hidden;
  position: relative;
}
.footer-search-box .f-search{
  color: #00398F;
   position: absolute;
   cursor: pointer;
   top: 50%;
   right: .2rem;
   font-size: .20rem;
   transform: translate(0,-50%);
  }

.footer-search-box input{
  width: 100%;
  height: 100%;
  padding: 0 .65rem 0 .2rem;
}
.footer-contact .contact-t{
  margin-bottom: .18rem;
}
.footer-contact .item{
  margin-bottom: .15rem;
}
.footer-contact .item > img{
  width: .24rem;
  height: .24rem;
  margin-right: .14rem;
}
.footer-r{
  width: 50%;
  padding-left: 6.2vw;

}
.footer-r .footer-r-top {
  display: flex;
  justify-content: flex-end;
}
.footer-r .footer-r-top .top-item{
  width: .52rem;
  height: .52rem;
  margin-left: .24rem;
  border-radius: 50%;
  background: rgba(0,0,0,0.32);
  display: flex;
  align-items: center;
  justify-content: center;

}
.footer-r .footer-r-top .top-item .item-icon{
  width: .32rem;
  width: .32rem;
  /* margin-top: .1rem;
  margin-left: .1rem; */
}
.footer-r .footer-r-top .top-item .code-img{
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%,-100%);
  width: 1.85rem;
  height: 1.85rem;
  overflow: hidden;
  opacity: 0;
  visibility: hidden
}
.footer-r .footer-r-top .top-item:hover{
  background: rgba(0, 57, 143, 1);
}
.footer-r .footer-r-top .top-item:hover .code-img{
  opacity: 1;
  visibility: visible;
}
.footer-list{
  display: flex;
  justify-content: space-between;
  margin-top: .56rem;
  margin-bottom: .77rem;
}
.footer-list .item{
  color: rgba(61, 61, 61, 1);
}
.footer-list .item .item-title{
  margin-bottom: .1rem;
}
.footer-list .item a{
  color: rgba(61, 61, 61, 0.6);
  padding: .1rem 0;
  display: block;
}
.footer-list .item a:hover{
  color: rgba(61, 61, 61, 1);
}

.footer-copyright{
  padding: .38rem .3rem;
  border-top: 1px solid #d9d9d9;
  font-size: 14px;
  justify-content: center;
}
.copyright-l{
  padding: 0 5px;
}
.copyright-l,.copyright-l a{
  color: rgba(51,51,51,0.6);
}
.copyright-l a:hover{
  color: rgba(51,51,51,1);
}
@media (min-width: 993px){
  .footer-ul li a:hover,.copyright-r:hover{
    color: #fff;
  }
  
}
@media (max-width: 993px){
  .footer-l,.footer-r{
    width: 100%;
  }
  .footer-list{
    display: none;
  }
  .footer-contact .item > img{
    width: 20px;
    height: 20px;
  }
  .footer-r .footer-r-top{
    justify-content: space-around;
  }
  .footer-r{
    padding-left: 0;
    margin-top: 20px;
    margin-bottom: 30px;
  }
  .footer-r .footer-r-top .top-item{
    width: 35px;
    height: 35px;
    margin-left: 0;
    margin-right: .24rem;
  }
  .copyright-l{
    text-align: center;
  }
  .footer-logo{
    width: 100%;
  }
  .footer-search-box{
    width: 100%;
    height: 45px;
  }
  .footer-l{padding-right: 0;}
  .footer-r .footer-r-top .top-item .code-img{width: 120px; height: 120px;}
}
/* 侧边悬浮按钮 */

 .aside-box{position: fixed;  right:0px ;  text-align: center; bottom: 1rem;
  /* width: .72rem; */
   z-index: 50;
   /* background: linear-gradient( 180deg, #006BC2 0%, #00398F 100%);
   border-radius: 8px;   */
  }

.aside-box.onshow{display: block;}
.aside-box .kefu{color: #fff;font-size: .2rem;
  /* padding: .06rem 0.1rem .17rem;  */
  display: block;}
.aside-box .kefu .kefu-icon{ 
  width: 1.5rem;height: 0.68rem;
}
.aside-top{
  padding: .17rem 0 .22rem;
 border-top: 1px solid rgba(255, 255, 255, 0.27);
  cursor: pointer;
}
.aside-top > img{
  width: .32rem;
  height: .32rem;
}
.aside-box .kefu:hover{color: #fff;}
@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);}

   */

}

@media (max-width:993px) {
    .aside-box{
      position: fixed;
      /* display: none; */
      z-index: 10;
    }
  
  }



@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(.4rem);
    -moz-transform: translateY(.4rem);
    -ms-transform: translateY(.4rem);
    -o-transform: translateY(.4rem);
    transform: translateY(.4rem);
  }
}

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

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