html{font-family: 微软雅黑;}
*{padding:0;margin:0; font-family:'Microsoft YaHei','sans-serif','Arial';}
fieldset,img{border:0}
a{text-decoration:none;color:#000;outline:none}
li{list-style:none;}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
table{border-spacing: 0!important;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button,textarea,select{*font-size:100%}
a{-webkit-transition:all 0.05s linear;-moz-transition:all 0.05s linear;-ms-transition:all 0.05s linear;-o-transition:all 0.05s linear}
.clear:after{  display:block;  content:"clear";  height:0;  clear:both;  overflow:hidden;  visibility:hidden;}
.clear{zoom:1;}
i,em{font-style: normal;}
table {  border-collapse:collapse;  border-spacing:0;  }
th,td {  padding: 0;}
.floatS{float: left;width: 100%;box-sizing: border-box;;position: relative;}
/*ios h5 长按时出现黑色透明遮罩*/
html,body{-webkit-text-size-adjust: 100%;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.txtSpace{overflow:hidden;  text-overflow:ellipsis;  white-space:nowrap; }
@font-face {
  font-family: 'MiSans-Bold';
  src: url('./MiSans-Bold.ttf');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'MiSans-Medium';
  src: url('./MiSans-Medium.ttf');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'MiSans-Normal';
  src: url('./MiSans-Normal.ttf');
  font-weight: normal;
  font-style: normal;
}

/*兼容手机端长按复制*/
*{

  -webkit-touch-callout:none; /*系统默认菜单被禁用*/
  -webkit-user-select:none; /*webkit浏览器*/
  -khtml-user-select:none; /*早期浏览器*/
  -moz-user-select:none;/*火狐*/
  -ms-user-select:none; /*IE10*/
  user-select:none;
}

/* body{width: 1280px;
	height: 720px;} */
/*操作*/
.opr,.slide{float: left;position: relative;box-sizing: border-box;}
/* .opr img[focus]{display: none;} */
/* .opr img{border-radius: 8px;} */
.hide{
  display: none;
}
.fl{
  float: left;
}
.fr{
  float: right;
}


#debug{width:300px; height: 100px;color: white;background:rgba(0,122,255,0.6);display: block; font-size: 13px;position: fixed;z-index: 9999;left: 0;right: 0;top: 0;white-space:normal ;word-break: break-all;}

/* @media only screen and (max-width:1000px) {html {font-size:5px;}
}
@media only screen and (min-width:1001px) and (max-width:1200px) {html {font-size:6px;}
} */

@media only screen and (max-width:1200px) {html {font-size:6px;}
}
@media only screen and (min-width:1201px) and (max-width:1400px) {html {font-size:7px;}
}
@media only screen and (min-width:1401px) and (max-width:1600px) {html {font-size:8px;}
}
@media only screen and (min-width:1601px) and (max-width:1800px) {html {font-size:9px;}
}
@media only screen and (min-width:1801px) and (max-width:2000px) {html {font-size:10px;}
}
@media only screen and (min-width:2001px) and (max-width:3000px) {html {font-size:10px;}
}
@media only screen and (min-width:3001px) {html {font-size:15px;}
}


@keyframes bannerOpen {
  from{
    clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 100% 0%);
  }
  to{
    clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  }
}


@keyframes bannerClose {
  from{
    clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  }
  to{
    clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 100% 0%);
  }
}

/* banner1 */
body.popup-open{
  overflow: hidden;
}
.banner {
  width: 100%;
  height: 108rem;
  background: linear-gradient(200deg, #E8E7FF 0%, #C7E7FF 53%, #D0E3FF 100%);
  position: relative;
  min-width: 1280px;
}
.banner1{
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 100;
  overflow: hidden;
  background: linear-gradient( 135deg, #F8F4FF 0%, #FFFFFF 53%, #D0E3FF 100%);
  box-shadow: 8px 8px 24px 0px rgba(157,154,232,0.9);
  min-width: auto;
}

.open-banner{
  animation: bannerOpen .5s linear 1 forwards;
  -webkit-animation: bannerOpen .5s linear 1 forwards;
}

.close-banner{
  animation: bannerClose .5s linear 1 forwards;
  -webkit-animation: bannerClose .5s linear 1 forwards;
}


.close-btn{width:3.6rem;height:3.6rem;background-image:url("../image/menuOpen.gif");background-size:100% 100%;position:absolute;top:5rem;right:5rem;}

.contast {
  position: absolute;
  left: 0;
  top: 0;

}
.contast .num{
  padding: 5rem 0 0 5rem;
  letter-spacing: 1px;
  font-size: 2.4rem;
  color: #296BFF;
}
.contast .company {
  width: 69rem;
  height: 20.87rem;
  border-radius: 0 1.5rem 1.5rem 0;
  margin: 8.25rem 0 6rem 0;
  position: relative;
  color: #fff;
  font-size: 3.6rem;
  line-height: 5.4rem;
  /* background: #296BFF; */
  background-color: #296BFF;
  background-image: url(../image/banner-company.webp);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  /* background-image: linear-gradient(270deg, #52A4FF 0%, #296BFF 100%); */
  box-shadow: 16px 16px 48px 0 rgba(41,107,255,0.12);
  border-radius: 0 24px 24px 0;
}
.contast .company .line-shu{
  width: 1.05rem;
  height: 10.8rem;
  background: #FFFFFF;
  border-radius: 1px;
  margin: 5rem 3rem 0 6rem;
}
.contast .company-english{
  line-height: 9.6rem;
  font-size: 7.2rem;
  font-style: italic;
  margin-top: 1.95rem;
}
.company-logo{
  width: 28.7rem;
  margin-top: 5rem;
}
.contast .contast-item{
  padding-left: 6rem;
  overflow: hidden;
}
.contast .contast-item .img{
  width: 5.4rem;
  height: 5.4rem;
  margin-right: 3rem;
}
.contast .contast-item .img img {
	width: 100%;
}
.contast .contast-item .img2{
  display: none;
}
.contast .contast-item.active .img1{
  display: none;
}
.contast .contast-item.active .img2{
  display: block;
}
.contast .phone{
  margin-bottom: 3.3rem;
}
.contast-item-text{
  font-size: 1.8rem;
  color: #7486B1;
}
.contast-item-num{
  font-size: 2.4rem;
  font-weight: bold;
  color: #4B5B7D;
}
.contast-item .contast-item-inner{
  display: none;
}
.contast-item.active .contast-item-inner{
  display: block;
}
.menu-wrap{
  width: 60rem;
  margin-top: 22.8rem;
  float: right;
  position: relative;
}
.menu-wrap li{
  width: 56.6rem;
  height: 8.4rem;
  line-height: 8.4rem;
  color: #4B5B7D;
  font-weight: bold;
  font-size: 3.2rem;
  z-index: 1;
  position: relative;
}

.menu-wrap li a{
  padding-left: 4.05rem;
  display: block;
}
.menu-wrap li a span:nth-child(1){
  font-family: 'MiSans-Bold';
}
.menu-wrap li span:nth-child(2){
  font-weight: normal;
  font-size: 1.65rem;
  font-style: italic;
  letter-spacing: 4px;
  margin-left: 1.05rem;
}
.menu-wrap li:hover{
  /* background: #fff;
  border-radius: 2.4rem;
  box-shadow: 2.4rem 2.4rem 2.4rem 0 rgba(41,107,255,0.12); */
}
.menu-wrap li.active{
  /* background: #fff;
  border-radius: 2.4rem;
  box-shadow: 2.4rem 2.4rem 2.4rem 0 rgba(41,107,255,0.12); */
}
.menu-wrap li.active span{
  color: #296BFF;
  background: transparent;
  -webkit-text-fill-color: #296BFF;
}
.menu-wrap .active-sel{
  left: 0;
  top: 100%;
  background: #fff;
  border-radius: 2.4rem;
  box-shadow: 2.4rem 2.4rem 2.4rem 0 rgba(41,107,255,0.12);
  position: absolute;
  z-index: 0;
  transition: top .3s;
}

@keyframes fontColor {
  0% {
    background-position-x: 0%;
  }
  100% {
    background-position: 100%;
  }
}


.menu-wrap li:hover span{
  display: inline-block;
  color: transparent;
  background: linear-gradient( to right, #5082F3, #31FF8B, #5082F3, #31FF8B, #5082F3);
  background-size: 200%;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  animation: fontColor 2s linear infinite;

}

.menu-wrap li:active span{
  color: #5082F3;
  background: transparent;
  -webkit-text-fill-color: #5082F3;
}
.menu-main {
  float: right;
  margin-top: 22.82rem;
}
.menu-main ul{
  width: 36rem;
  float: left;
  font-size: 2.4rem;
  color: #4B5B7D;
  }
  .menu-main li{
    text-align: right;
    /* line-height: 5.7rem; */
    line-height: 3.6rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .menu-main li a{
    font-family: 'MiSans-Normal';
  }
.menu-main li:hover{
  background: linear-gradient(315deg, #0A56FF 0%, #31B6FF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  /* font-weight: bold; */
}
.menu-main li:hover a{
  font-family: 'MiSans-Bold';
}
.menu-main-item{
  overflow: hidden;
  display: flex;
  align-items: end;
  padding-right: 4.2rem;
  display: none;
}
/* banner1 */

/* 底部about */
.aboutBox {width:70.8%;height:35rem;background:rgba(255,255,255,0.6);border-radius:4.8rem;margin:6rem auto 0;padding:5rem 5rem 5rem 6rem;box-sizing:border-box; font-family: 'MiSans-Medium';}
.aboutNav {width:22.3%;height:100%;font-size:1.8rem;font-weight:400;color:#4B5B7D;line-height:2.7rem;float:left;}
.navLi {margin-bottom:2rem;}
.navLi a{
  color: #4B5B7D;
  font-family: 'MiSans-Medium';
}
.navLi a:hover{
  color: #296BFF;
}
.aboutValue {width:48%;height:100%;float:right;}
.about-title{font-weight: 800;font-family: 'MiSans-Bold';}
.aboutTt1 {font-size:2.4rem;color:#4B5B7D;line-height:3.6rem;margin-bottom:1rem;}
.aboutTt2 {font-size:1.8rem;color:#4B5B7D;line-height:2.7rem; font-family: 'MiSans-Medium';}
.pliceimg {width:6.2rem;height:7.4rem;display:block;margin:8.7rem auto 0;}
.wechatimg {width:17.4rem;height:17.4rem;display:block;margin:2rem auto 0;}
.aboutBottom {width:100%;height:8.7rem; box-sizing: border-box; background:#FFFFFF;border-radius:4.8rem 4.8rem 0 0;margin:4rem auto 0;text-align:center;padding-top:1rem;font-size:1.8rem;color:#4B5B7D;}
.aboutBottom a{padding: 2rem 0;display: inline-block; font-family: 'MiSans-Medium';}
/* 底部about */

/* 顶部fixed */
.header-fixed {
  width: 100%;
  height: 90px;
  overflow: hidden;
  background-image: url(../image/titleBg.png);
  background-size: cover;
  background-repeat: no-repeat;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99;
  display: none;
  background-position: center;
}
.header-fixed .ttlogo{
  background-image:url("../image/logo@2x.webp");
  background-repeat: no-repeat;
  width: 49px;
  height: 60px;
  background-size:auto 100%;
  top: 15px;
  display: block;
}

.header-fixed .ttlist {
  /* top: 4.15rem; */
  width: 36px;
  height: 29px;
  top: 27px;
}
.header-fixed .ttText {
  text-align:center;
  font-size:36px;
  display:block;
  line-height:90px;
  font-weight:bold;
  background:linear-gradient(270deg,#62ACFF 0%,#296BFF 100%);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  font-family: 'MiSans-Medium';
}