.navBox1 div.other > div {
	overflow: hidden;
}
.navBox1 div.other > div:hover .i1 {
	filter: drop-shadow(#0055b7 0 2rem);
    transform: translateY(-2rem);
      overflow: hidden;
}

header .headTop {
  height: 0.8rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #e5e5e5;
   box-shadow: 0px 0.05rem 0.2rem 0px rgba(200, 211, 221, 0.55);
}
header .headTop .autowidth {
	  display: flex;
  justify-content: space-between;
  align-items: center;
}
header.open .headTop {
  box-shadow: 0px 0.05rem 0.32rem 0px #cfd4d4;
  position: relative;
  z-index: 101;
}
header .logo {
  padding-right: 0.7rem;
  font-weight: bold;
}
header .logo img {
  width: 1.5rem;
  object-fit: contain;
}
header .nav li {
  margin: 0 0.2rem;
  cursor: pointer;
}
header .nav li:hover {
  color: #0055b6;
}
header .search {
  position: relative;
  overflow: hidden;
  border-radius: 30px;
}
header .search .searchText {
  width: 100%;
  height: 30px;
  line-height: 30px;
  padding: 0 15px;
  padding-right: 20px;
  background: none;
  width: 0rem;
  transition: all 0.3s;
  border: none;
}
header .search .searchSubmit {
  cursor: pointer;
  width: 30px;
  height: 30px;
  background: url(../images/search_icon.png) no-repeat center ;
  background-size: 14px 14px;
  color: #fff;
  position: absolute;
  right: 0.05rem;
}
header .lang img {
  width: 20px;
}
header .login img {
  width: 20px;
}
.headers {
  position: fixed;
  width: 100%;
  z-index: 10;
  border-bottom: 1px solid #d6e2de;
  border-color: rgba(13, 51, 46, 0.1);
  background: #fff;
}
.headers .headBox {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 1rem;
}
.headers .logo img {
  width: 3.12rem;
  object-fit: contain;
}
.headers .navBox {
  padding: 0 1rem;
}
.headers .navBox .nav {
  display: flex;
  justify-content: space-between;
}
.headers .navBox .nav li .slideMenu {
  display: none;
  position: absolute;
  top: 1rem;
}
.nav-main {
  transition: height 0.2s;
  height: 0;
  overflow: hidden;

  align-items: stretch;
  position: absolute;

  left: 0;
  width: 100%;
  z-index: 100;
}
.nav-main .autowidth
{
  box-shadow: 0 10px 20px 0 rgb(0 0 0 / 15%);
}
header.open .nav-main {
  height: 80vh;
}
.navBox1 {
  width: 20%;
  background: #eeeff0;

  box-sizing: content-box;
}
.navBox2 {
  background: #f8f9fb;
}
.navBox2.active {
  width: 20%;
}
.navBox3 {
  background: #ffffff;
  padding-right:.2rem;
  box-sizing: content-box;
}
.navBox3 .phone {
  display: block;
  background: url(../images/phone_icon.png) no-repeat left center;
  background-size: 0.2rem 0.2rem;
  padding-left: 0.3rem;
}
.navBox1,
.navBox2 {
  padding-top: 0.15rem;
  padding-bottom: 1.15rem;
}
.navBox1 ul.ul li,
.navBox2 ul.ul li {
  padding: 0.1rem 0.3rem;
  color: #000;
  position: relative;
}
.navBox1 ul.ul li a,
.navBox2 ul.ul li a {
  display: block;
  width: 100%;
  height: 100%;
}
.navBox1 ul.ul li i,
.navBox2 ul.ul li i {
  display: block;
  width: 6px;
  height: 10px;
  background: url(../images/nav_arrow.png) no-repeat center;
  background-size: contain;
  position: absolute;
  right: 0.2rem;
  top: 50%;
  margin-top: -5px;
}
 .i1 {
  display: block;
  width: 12px;
  height: 12px;
  background: url(../images/ico_ip.png) no-repeat center;
  background-size: contain;
  position: absolute;
  right: 0.3rem;
  top: 50%;
  margin-top: -5px;
}
.navBox1 ul.ul li:hover,
.navBox2 ul.ul li:hover,
.navBox1 ul.ul li.active,
.navBox2 ul.ul li.active,
.navBox1 ul.ul li.current,
.navBox2 ul.ul li.current {
  background: #fff;
  color: #0055b7;
}
.navBox1 ul.ul li:hover i,
.navBox2 ul.ul li:hover i,
.navBox1 ul.ul li.active i,
.navBox2 ul.ul li.active i,
.navBox1 ul.ul li.current i,
.navBox2 ul.ul li.current i {
  background: url(../images/nav_arrowh.png) no-repeat center;
}
.navBox1 ul.ul li:hover::after,
.navBox2 ul.ul li:hover::after,
.navBox1 ul.ul li.active::after,
.navBox2 ul.ul li.active::after,
.navBox1 ul.ul li.current::after,
.navBox2 ul.ul li.current::after {
  content: "";
  display: block;
  width: 2px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #0051ae;
}
.navBox1 div.other,
.navBox2 div.other {
  padding-top: 0.2rem;
  position: relative;
}
.navBox1 div.other > div,
.navBox2 div.other > div {

  padding: 0.15rem 0.3rem;
  color: #000;
  position: relative;
}
.navBox1 div.other > div a,
.navBox2 div.other > div a {
  display: block;
  width: 100%;
  height: 100%;
}
.navBox1 div.other > div i,
.navBox2 div.other > div i {
  display: block;
  width: 6px;
  height: 10px;
  background: url(../images/nav_arrow.png) no-repeat center;
  background-size: contain;
  position: absolute;
  right: 0.2rem;
  top: 50%;
  margin-top: -5px;
}
.navBox1 div.other > div:hover,
.navBox2 div.other > div:hover {
  background: #fff;
  color: #0055b7;
}
.navBox1 div.other > div:hover i,
.navBox2 div.other > div:hover i {
  background: url(../images/nav_arrowh.png) no-repeat center;
}
.navBox1 div.other > div:hover::after,
.navBox2 div.other > div:hover::after {
  content: "";
  display: block;
  width: 2px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #0051ae;
}
.navBox1 div.other::before,
.navBox2 div.other::before {
  content: "";
  display: block;
  height: 1px ;
  border-top: 1px solid #dfdfdf;
  margin-left: 0.3rem;
  margin-right: 0.2rem;
  margin-bottom: 0.2rem;
}
.navBox1 div.other a,
.navBox2 div.other a {
  display: block;
}
.navBox2 .ulDiv,
.navBox3 .ulDiv {
  display: none;
}
.navBox1 li.active,
.navBox2 .ulDiv.active,
.navBox3 .ulDiv.active {
  display: block;
}
.navBox3 .ulDiv {
  padding: 0.3rem;
  padding-right: 0;
}
.navBox3 .ulDiv ul li:nth-child(1) {
  width: 100%;
  padding-right: 0.2rem;
}
.navBox3 .ulDiv ul li:nth-child(2) {
  width: 34%;
}
.navBox3 .ulDiv ul li:nth-child(1) a:hover {
  color: #0055b7;
  border-bottom: 1px solid #0055b7;
}
.navBox3 .ulDiv ul li .imgBox {
  text-align: center;
  padding: 0.2rem;
  background: url(../images/img/pdtabdiv_bg.jpg) no-repeat center;
  background-size: cover;
}
.navBox3 .ulDiv ul li .imgBox img {
  width: 1.5rem;
}
#nav2 .ulDiv.active ul li.current {
  background: #fff;
}
.navBox3 .divBoxAll .divBox {
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
}
.navBox3 .divBoxAll .divBox > .font700.color000.mb1 {
  width: 100%;
}
.navBox3 .ulDiv50  .divBoxAll .divBox > div {
	width: 50%!important;
}
.navBox3 .ulDivLi3 .divBoxAll .divBox > div {
	width:33.3%!important;
}
.navBox3 .ulDiv  .divBoxAll .divBox > div {
  width: 100%;
}
.navBox3 .ulDiv a:hover {
    color: #0055b7;
    border-bottom: 1px solid #0055b7;
}
#nav1 ul li span:hover {
  
}
.navBox1 ul.ul li:hover span,
.navBox2 ul.ul li:hover span, 
.navBox1 ul.ul li.active span, 
.navBox2 ul.ul li.active span, 
.navBox1 ul.ul li.current span, 
.navBox2 ul.ul li.current span {
  color: #0055b7;
    border-bottom: 1px solid #0055b7;
}

footer .hcwhy div.search {
  width: 4rem;
  position: relative;
  overflow: hidden;
  border-radius: 0.1rem;
}
footer .hcwhy div.search .searchText {
  width: 100%;
  height: 0.68rem;
  line-height: 0.68rem;
  padding: 0 0.3rem;
  padding-right: 0.68rem;
}
footer .hcwhy div.search .searchSubmit {
  width: 0.68rem;
  height: 0.68rem;
  background: url(../images/search_icon.png) no-repeat center #fff;
  background-size: 0.21rem 0.22rem;
  color: #fff;
  position: absolute;
  right: 0;
}
footer .entrance > a {
  min-width: 1.4rem;
  padding: 0 0.1rem;
  border-radius: 0.1rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: 0.2rem;
}
footer .entrance > a img {
  width: 1.1rem;
  margin-bottom: 0.1rem;
  margin-top: 0.1rem;
}
footer .entrance > a i .icon1 {
  display: block;
}
footer .entrance > a i .icon2 {
  display: none;
}
/* footer .entrance > a:hover {
background:#805567;
color: #fff !important;
} */
footer .entrance > a:hover i .icon1 {
  display: none;
}
footer .entrance > a:hover i .icon2 {
  display: block;
}
footer .footerBot .wcp{
  float:left;
}
footer .footerBot .wcp a {
  margin-left: 0.2rem;
}
footer .shareItems {
  width: 2rem;
}
footer .shareItems .tw {
  margin-left: 0.1rem;
  float: left;
}
footer .shareItems a img {
  width: 100%;
  display: block;
  width: 0.45rem;
  height: 0.45rem;
  border-radius: 0.45rem;
  background: #5b5b5f;
}
footer .shareItems a:hover img {
  background: #0055b6;
}
footer .subscribeUs {
  background: #0055b6;
  color: #fff;
  padding: 0.15rem 0.3rem;
  border-radius: 0.1rem;
}
footer .subscribeUs:hover {
  background: #fff;
  color: #0055b6;
}
footer .entrance p a{margin:0px;padding:0px;background-position:left center;background-repeat:no-repeat;background-size:.3rem;padding-left:.4rem;line-height: 2.5;}
.menu_foot .w_pc{}
.menu_foot .w_wap{display:none;}
 @media screen and (max-width: 960px) {
footer .entrance>a{margin:0px .1rem;}
footer .entrance{display:block;margin-bottom:0px;}
footer .entrance p{width:100%;overflow:hidden;}

.menu_foot .w_pc{display:none;}
.menu_foot .w_wap{display:block;}
.menu_foot li{display:block;}
.menu_foot li .tit{padding-top:.15rem;position:relative;}
.menu_foot li .tit:before{content:"";width:.2rem;height:100%;display:block;overflow:hidden;position:absolute;right:0px;top:0px;background:url("../images/phxl.svg") right center no-repeat;background-size:.2rem;}
.menu_foot li.lion .tit:before{transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);}
        }
.shareItems a{display:inline-block;position:relative;}
.shareItems .fx_tc_img{display:none;position:absolute;left:50%;margin-left:calc(-67px);bottom:.7rem;z-index:999;border-radius:0px;width:120px;max-width:120px;height:auto !important;-moz-box-shadow:0px 0px 21px rgba(0,0,0,0.05); -webkit-box-shadow:0px 0px 21px rgba(0,0,0,0.05); box-shadow:0px 0px 21px rgba(0,0,0,0.05);}
.shareItems .fx_tc_img .fxtci_c{width:100%;overflow:hidden;background-color:#fff;position:relative;z-index:9;border-radius:6px;}
.shareItems .fx_tc_img:after{content:"";width:.1rem;height:.1rem;display:block;overflow:hidden;background-color:#fff;position:absolute;left:50%;bottom:-.05rem;transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);}
 .shareItems .fx_tc_img img{width:100%;max-width:100%;height:auto;display:block;border-radius:0px;background-color:#fff;}
.shareItems .fx_tc_img img:hover{background-color:#fff;}
.shareItems a:nth-child(1) .fx_tc_img{width:300px;max-width:300px;margin-left:-157px;}
.shareItems a:hover .fx_tc_img{display:block;}
 .shareItems a:hover .fx_tc_img img{background-color:#fff;}
@media screen and (max-width: 960px) {
.shareItems .fx_tc_img{position:fixed;bottom:2.1rem;}
 .shareItems .fx_tc_img:after{display:none;}
  }
.bread a.on,
.bread a:hover {
  color: #0051ae;
}
.flexStart .tit i {
  display: none;
}
.phoneIconBox {
  display: none;
}

.langDiv {
  position: relative;
  cursor: pointer;
}
.langDown {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 20;
  background: #fff;
  top: .5rem;
  width: 100%;
  padding: .1rem;
  display: none;

}
.langDown div {
  cursor: pointer;
}
.langDown div a:hover {
  color: #0055b6;
}
.langCursor.current  i{
  transform: rotate(180deg);
}

@media screen and (max-width: 1400px) {
	header.open .nav-main {
      height: 100vh;
      font-size: .22rem;
  }
  
}


@media screen and (max-width: 960px) {
  footer .hcwhy {
    width: 100%;
  }
  footer .hcwhy div.search {
    width: 90%;
    margin: 0 auto;
  }
  footer .entrance {
    justify-content: center;
  }
  footer .entrance > a {
  }
  .nav-ul {
    display: none;
  }
  #nav1 {
    width: 100%;
    padding-left: 0;
  }
  #nav2 {
    display: none;
    width: 100%;
    padding-left: 0;
  }
  #nav3 {
    display: none;
  }
  footer .flexCenter {

  }
  footer .flexStart {
    margin-bottom: 0.3rem;
  }
  footer .flexStart li {
    width: 100%;
    border-bottom: 1px solid #e1e1e1;
  }
  footer .flexStart li .font22 {
    font-size: 0.28rem;
    padding: 0.1rem 0;
    position: relative;
    width: 100%;
  }
  footer .flexStart li .font22 i {
    display: block;
    position: absolute;
    right: 0.3rem;
    top: 0.1rem;
    font-size: 0.4rem;
  }
  footer .flexStart li .font16 {
    display: none;
    width: 50%;
    float: left;
    font-size: 0.24rem;
    padding: 0.1rem 0;
  }
  footer .flexStart li.lion .font16 {
    display: block;
  }
  footer .flexStart li.lion .font22 {
    border-bottom: 1px solid #e1e1e1;
  }
  footer .flexStart li.lion .font22 i {
    transform: rotate(180deg);
  }
  footer .shareItems {
    justify-content: flex-start;
    display: flex;
    width:100%;
  }
  footer .shareItems a {
    margin-right: 0.2rem;
  }
  .lifi {
    padding-top: 0.2rem;
  }
  .lifi .mb5 {
    margin-bottom: 0rem;
  }
  .lifi .mb6 {
    margin-bottom: 0.3rem;
  }
  header.open .nav-main {
    height: 100vh;
  }
  #nav2,
  #nav3 {
    height: 100%;
    width: 100%;
  }
  .navBox1,
  .navBox2 {
    padding: 0;
  }
  #nav2.show {
    position: absolute;
    top: 0;
    left: 0;
  }
  #nav3.show {
    position: absolute;
    top: 0;
    left: 0;
    padding-right: 0;
  }
  .navBox3 .ulDiv ul li:nth-child(1) {
    width: 100%;
  }
  .navBox3 .ulDiv ul li:nth-child(2) {
    display: none;
  }
  .phoneIconBox {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0.2rem;
    border-bottom: 1px solid #d5d5d5;
    position: absolute;
    left: 0;
    top: 0;
    height: 1rem;
    width: 100%;
    background: #fff;
  }
  .position-fix {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    overflow-y: hidden;
  }
  .navBox2 .ulDiv.active,
  .navBox3 .ulDiv.active {
    padding-top: 1rem;
    padding-bottom: 1rem;
    height: 100%;
    overflow-y: auto;
    box-sizing: border-box;
  }
  .navBox3 .ulDiv.active {
    padding: 0.3rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  
  header.open .nav-main > .flexLT {
  	width: 100%;
    height:100%;
  }
  header .headTop {
  	padding:0;
  }
  .lang {
  	margin:0;
  }
  .langDiv  .font16 {
  	font-size:.12rem;
  }
  header .logo {
  	width:auto;
    padding-right:.2rem
  }
  header .search .searchText {
  	width:0rem
  }
  
}

/*20241031*/
.btnerm_empty{width:100%;overflow:hidden;height:1px;}
.btnerm_01{width:2.2rem;overflow:hidden;display:flex;display:-webkit-flex;justify-content:space-between;}
.btnerm_01 .centers{width:1rem;overflow:hidden;}
.btnerm_01 .centers img{width:100%;display:block;}
.btnerm_01 .centers p{width:100%;overflow:hidden;}


@media screen and (max-width: 960px){
    footer .shareItems{width:100%;}
  .btnerm_01 .centers{display:block !important;width:1.85rem !important;}
  .btnerm_01 .centers:nth-child(2){margin-left:.2rem;}
  .btnerm_01{justify-content:flex-start;padding-top:0px !important;}

}

/*20241227*/
@media screen and (max-width: 960px){
  footer .flexStart li .font22 i{display:none;}
  footer .flexStart li>.line2{display:none;}
  footer .flexStart li>div.tit{display:block;}
  footer .flexStart li.lion>.line2{display:block;}
  footer .flexStart li .w_pc{display:none;}

  .btnerm_01{width:100%;}

}
/*about*/
  .muaboutfr .c{width:100%;display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:0px;grid-row-gap:.1rem;}
  .muaboutfr .c>div{width:100%;overflow:hidden;}
  .muaboutfr .c .lit{line-height:1.3;}
  .muaboutfr .c .li{width:100%;overflow:hidden;}
   @media screen and (max-width: 960px){
      .muaboutfr .c{padding-top:.2rem;}
  }