@font-face {
  font-family: 'hm';
  src: url('fonts/HarmonyOS/Light.woff') format('woff');
  font-weight: 100;
  font-display: swap;
}
@font-face {
  font-family: 'hm';
  src: url('fonts/HarmonyOS/Regular.woff') format('woff');
  font-weight: normal;
  font-display: swap;
}
@font-face {
  font-family: 'hm';
  src: url('fonts/HarmonyOS/Medium.woff') format('woff');
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: 'hm';
  src: url('fonts/HarmonyOS/Bold.woff') format('woff');
  font-weight: bold;
  font-display: swap;
}

body {font-family: 'hm'; font-weight: normal; --hover-color:#023894;--white:#fff; --black:#333; --grey:#666; --grey2:#999; --rgb-white:255,255,255;--rgb-black:0,0,0; font-size: var(--font-size16);--rgb-hover:2,56,148; --radius: .1rem;}

a:hover{color:var(--hover-color); }


/*effict*/
.Scale-img {overflow: hidden; zoom:1; overflow: hidden;}
.Scale-img img,.Scale-img span {opacity: 1;-webkit-transition: opacity 0.6s, -webkit-transform 0.6s;transition: opacity 0.6s, transform 0.6s;}
.Scale-img:hover img,.Scale-img:hover span {opacity: 1;-webkit-transform: scale3d(1.05,1.05,1.05);transform: scale3d(1.05,1.05,1.05); top:0px; left:0px;}
.effict{transition: all ease 0.3s;}
.imgbox{ overflow:hidden; position:relative;}
.imgbox span{ background-position:center center; background-repeat:no-repeat; background-size:cover; position:absolute; left:0px; top:0px; width:100%; height:100%;display: flex;align-items: center;justify-content: center;transition: all .5s;-webkit-transition: all .3s;}
.imgbox img{ width:100%;height:100%;object-fit: cover;transition: all ease 0.3s;}

.itemhover{transition: all ease 0.3s;}
.activehover{box-shadow: 0px 3px 18px 0px rgba(var(--rgb-hover),0.2) !important;-webkit-transform: translate3d(0, -2px, 0);transform: translate3d(0, -2px, 0);}

.nones{ position:absolute; visibility:hidden; opacity:0; top:0;width: 100%;z-index: -10;left: 0;}



.Hometitle {margin-bottom: 0.4rem;position: relative;z-index: 1;line-height: 1;}
.Hometitle .cn {font-size: var(--font-size46);color: var(--black);font-weight: bold;}
.Hometitle .cn span{display: inline-block;position: relative; padding-left: 0.24rem; }
.Hometitle .cn span:before{position: absolute;content: '';z-index: -1;width:0.2rem;height:0.3rem;background: url(../images/title-icon.svg) no-repeat center center;left:0rem; top:0; background-size: contain;}
.Hometitle .en{font-size:var(--font-size20); text-transform: uppercase; margin:0.14rem 0 0rem; color: var(--hover-color);}
.Hometitle::after{display:block; content: '';width:0.6rem;height:0.03rem;background-color:var(--hover-color);margin: 0.16rem 0 auto; display: none;}
.Hometitle.white .cn {color: #fff;}
.Hometitle.white .en{ color: #fff; }
.Hometitle.center{ text-align: center;}
.Hometitle.center::after{margin: 0.15rem auto 0;}
.Hometitle.white .cn span:before{filter: brightness(0) invert(1);}
.Hometitle.white:after{ background: #fff;}

.Homemore {}
.Homemore a { display: flex;align-items: center; }
.Homemore span { display: inline-block;font-size: var(--font-size18);color: var(--hover-color); }
.Homemore .icon {width: 0.5rem;height: 0.5rem; border-radius: 50%; position: relative; margin-left:0.15rem;overflow: hidden;background: var(--hover-color); }
.Homemore .icon:before { position: absolute; content: ''; z-index: 5; width: 100%; height: 100%; left: 0; top: 0; background: url(../images/more-w.svg) no-repeat center; background-size: auto 0.14rem;transition: 0.5s ease-out; }
.Homemore:hover .icon:before { transform:rotate(-45deg); }

.Homemore.white span{color: var(--white);}
.Homemore.white .icon{background: var(--white);}
.Homemore.white .icon:before { background-image:url(../images/more.svg) ;}


@media(max-width: 1024px) {
.Hometitle .cn {font-size: var(--font-size36);}
.Hometitle .en {font-size: var(--font-size18);}
}




/*Top003156 */
.Top003156 {position: fixed;z-index: 100;left: 0;top: 0;width: 100%;border-bottom: 1px solid rgba(255,255,255,0.2); transition: background-color 0.3s,transform 1s;}
.Top003156::after{position: absolute;content: '';left: 0;bottom: 0;width: 100%;height: 100%;background-image: linear-gradient(to bottom, rgba(0,0,0,0.4) ,rgba(0,0,0,0));z-index: -1;}
.Top003156 .auto { position: relative; z-index: 3; }
.Top003156 .logo { display: table; }
.Top003156 .logo a { display: table-cell; vertical-align: middle; }
.Top003156 .top-right { position: absolute; right: 0; top: 0; display: table; }
.Top003156 .top-right > * { display: table-cell; vertical-align: middle; }
.Top003156 .open-search { cursor: pointer; display: block; width: 0.22rem; height: 0.22rem; background: url(../images/search_white.svg) no-repeat center center; background-size: 0.17rem auto; border-radius: 50%; }
.Top003156 .open-search.on:before, .Top003156 .open-search.on:after { background-color: var(--hover-color); }
.Top003156 .top-search { position: absolute; right: 0; top: 100%; z-index: 100; background-color: #fff; box-shadow: 0 0 0.05rem rgba(0,0,0,0.3); border-radius: 0.05rem; }
.Top003156 .top-search .text { width: 100%; height: 0.5rem; line-height: 0.5rem;; padding: 0 0.5rem 0 0.15rem;border-radius: 0.05rem; }
.Top003156 .top-search .btn { position: absolute; right: 0; top: 0; width: 0.5rem;; height: 100%; background: url(../images/search.svg) no-repeat center center; background-size: auto 0.18rem; }
.Top003156 .top-right .lang{position: relative;z-index: 100; padding-right: 0.25rem;}
.Top003156 .top-right .lang::before{position:absolute;right: 0; top: 50%; width: 0.01rem; height:.16rem; content: ''; background: rgba(var(--rgb-white), 0.3); transform: translateY(-50%);}
.Top003156 .top-right .lang .icon{ display:block;background:url(../images/lang_white.svg) no-repeat left center; padding:0 0.2rem 0 0.3rem; cursor:pointer; position: relative; z-index: 1;  background-size: auto 0.2rem; color: #fff;}
.Top003156 .top-right .lang .icon:after {position: absolute;width:0.07rem;height: 0.07rem;content: '';transform: rotate(135deg);-webkit-transform: rotate(135deg);-ms-transform: rotate(135deg);border-top: 1px solid #fff;border-right: 1px solid #fff;right: 0;top: 50%;margin-top: -0.04rem;}
.Top003156 .top-right .lang .lang_box{position: absolute; left: 50%; width: 100px;margin-left: -50px; z-index: 100;background: #fff;border-radius: 0 0 6px 6px; top: 100%; padding: 10px 0;display: none;}
.Top003156 .top-right .lang .lang_box a{display: block;line-height: 30px;text-align: center;}
.Top003156 menu li span, .Top003156 menu li span a { display: block; }
.Top003156 menu li span { position: relative; z-index: 2; }
.Top003156 menu li span:after { position: absolute; content: ''; left: 50%; height: 2px; background-color: var(--white); transform: translateX(-50%); transition: 0.3s; bottom: -1px; width: 0; }
.Top003156 menu li span a:hover, 
.Top003156 menu li.aon span a { color: #fff; }
.Top003156 menu li:hover span:after, 
.Top003156 menu li.aon span:after { width: 100%; }

.Top003156 menu li span a{color: #fff;}

.Top003156.hover::after,
.Top003156.fixed::after{background-image: none;}
.Top003156 .logo img:nth-child(2){display: none;}
.Top003156 .logo img:nth-child(1){display: block;}
.Top003156.hover .logo img:nth-child(1),
.Top003156.fixed .logo img:nth-child(1){display: none;}
.Top003156.hover .logo img:nth-child(2),
.Top003156.fixed .logo img:nth-child(2){display: block;}
.Top003156.hover menu li span a,
.Top003156.fixed menu li span a{color: #333;}
.Top003156.hover menu li span a:hover, 
.Top003156.fixed menu li span a:hover, 
.Top003156.hover menu li.aon span a,
.Top003156.fixed menu li.aon span a { color: var(--hover-color); }
.Top003156.hover menu li span:after,
.Top003156.fixed menu li span:after{ background-color: var(--hover-color);}
.Top003156.hover,
.Top003156.fixed{background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.1); position: fixed;}
.Top003156.hover menu li span:after,
.Top003156.fixed menu li span:after{background-color: var(--hover-color);}
.Top003156.hover menu li a:hover,
.Top003156.hover menu li.aon span a,
.Top003156.fixed menu li a:hover,
.Top003156.fixed menu li.aon span a{color: var(--hover-color);}
.Top003156.hover .top-right .lang .icon,
.Top003156.fixed .top-right .lang .icon{background-image:url(../images/lang.svg); color: #333;}
.Top003156.hover .top-right .lang .icon:after,
.Top003156.fixed .top-right .lang .icon:after{ border-color: #333;}
.Top003156.hover .top-right .lang::before,
.Top003156.fixed .top-right .lang::before{background: rgba(var(--rgb-black), 0.3);}
.Top003156.hover .open-search,
.Top003156.fixed .open-search{background: url(../images/search.svg) no-repeat center center;background-size: 0.17rem auto; }
.Top003156.hover .open-search.on:before, 
.Top003156.hover .open-search.on:after,
.Top003156.fixed .open-search.on:before, 
.Top003156.fixed .open-search.on:after { background-color: var(--hover-color); }


@media (min-width:1025px) {
.Top003156 header { padding: 0 2.2rem 0 0%; }
.Top003156 menu { /* margin: 0 auto; display: table; */ float: right; }
.Top003156 .top-right{float: right;}
.Top003156 .top-right{float: right;margin-left: calc(30 / 1920* 100vw);}
.Top003156 menu li { float: left; }
.Top003156 menu li + li { margin-left: calc(65 / 1920 * 100vw); }
.Top003156 menu li span a { line-height:0.9rem; font-size: var(--font-size18);}
.Top003156 .logo { height: 0.9rem;  float: left;}
.Top003156 .logo img { max-height: 0.65rem; }
.Top003156 .top-right { height:0.9rem; }
.Top003156 .top-right dd a { margin-right: 0.1rem; }
.Top003156 .top-right dt:nth-child(2n){padding-left: 0.2rem;}
.top-search { width: 20em; }
.Top003156 menu li .sub{position: absolute; top: 100%; background-color: #fff;width: 2rem;  margin-left: -1rem;padding: 0rem 0;display: none;}
.Top003156 menu li .sub dt a:hover{color:var(--hover-color);}
.Top003156 menu li .sub dl{ background: none;padding: 0rem;}
.Top003156 menu li .sub dt{ text-align: center;position: relative; }
.Top003156 menu li .sub dt a{ display: block; position: relative;line-height: 0.25rem;padding: 0.26rem 0.05rem;}
.Top003156 menu li .sub dt a:hover{background: rgba(var(--rgb-hover), 0.05); }
.Top003156 menu li .sub dt::before {content: '';width: 100%;height: 1px;position: absolute;background: rgba(32, 49, 70, 0.1);bottom: 0;left: 0;transition: all 0.36s;}
[type="Vertical-hierarchy"] .has-multi{ position: inherit;}
.Top003156 menu li .sub .hierarchy{ background-color: rgba(255,255,255,1);/* min-height: 100%; */padding: 0rem 0; left:100%;}
.Top003156 menu li .sub .hierarchy ol{ text-align: center;position: relative;}
.Top003156 menu li .sub .hierarchy ol a{display: block; position: relative;line-height: 0.25rem;padding: 0.26rem 0.05rem;}
.Top003156 menu li .sub .hierarchy ol::before {content: '';width: 100%;height: 1px;position: absolute;background: rgba(32, 49, 70, 0.1);bottom: 0;left: 0;transition: all 0.36s;}
}

@media (max-width:1024px) {
.Top003156 menu { position: absolute; right: 0; top: 100%;width: 2.4rem; padding: 0.24rem; background: #fff;  visibility: hidden; transform: translateY(5em); transition: 0.3s; opacity: 0; }
.menu-show .Top003156 menu { transform: translateY(0); opacity: 1; visibility: inherit; }
.Top003156 menu li {border-bottom: 1px dotted #eee;}
.Top003156 menu li span{line-height: 0.5rem; }
.Top003156 menu li span a {   color: #333; font-size:var(--font-size18); }
.Top003156 menu li a:hover, 
.Top003156 menu li.aon span a{color: var(--hover-color);}
.Top003156.hover menu li span:after,
.Top003156.fixed menu li span:after{ display: none;}
.Top003156 .logo { max-width: 40%; height: 0.6rem; }
.Top003156 .logo img { max-height: 0.5rem; }
.Top003156 .top-right { height: 0.6rem; }
.Top003156 .top-right dd { font-size: 0.16rem; }
.Top003156 .top-right dd a { margin-left: 0.16rem; }
.Top003156 .top-right dt { padding-left:0.16rem; }
.Top003156 .open-menu { display: block; width: 0.3rem; height: 0.3rem; }
.Top003156 .open-menu i { background-color: #fff; }
.Top003156 menu li.has-sub span .op:before, 
.Top003156 menu li.has-sub span .op:after{background-color: var(--hover-color);}
.top-search { width: 100%; }
.Top003156.hover .open-menu i,
.Top003156.fixed .open-menu i { background-color:#333; }
.Top003156 menu li .sub {background-color: #f8f9fa; display: none;}
.Top003156 menu li .sub dt{line-height: 0.32rem;  }
.Top003156 menu li .sub dt a:hover{color:var(--hover-color);}

[type="Vertical-hierarchy"] .has-multi{ position: inherit;}
.Top003156 .top-right .lang .lang_box{width: 60px; margin-left: -30px;}
}



.Banner003223{position:relative;z-index:1; }
.Banner003223 .swiper-wrapper{height: auto;}
.Banner003223 .imgbox {padding-bottom: 46.875%;}
.Banner003223 .imgbox img{display: block;width: 100%; height: 100%; position: absolute; left:0; top:0; object-fit: cover;}
.Banner003223 .txt{position: absolute;width:100%;left:0;top:50%;transform: translateY(-50%);color:#fff; z-index: 20;}
.Banner003223 .txt .tit {font-size: var(--font-size60);line-height: 1.3;  margin-bottom: 0.2rem;font-weight: 500;}
.Banner003223 .txt .desc{font-size: var(--font-size30); line-height: 1.6;}
.Banner003223 .txt .Homemore{margin-top:0.4rem;}
.Banner003223 .video-box{position: relative; z-index: 2;}
/* .Banner003223 .video-box::after{position: absolute;content: '';left: 0;bottom: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.3);} */
.Banner003223 .video-box,
.Banner003223 video{position:absolute;top:0;left:0;width:100%;height:100%}
.Banner003223 video{object-fit:cover;}


.Banner003223 .controls-page{bottom:5%;position: absolute;z-index: 10;text-align: center;}
.Banner003223 .controls-page span{width: 0.14rem;height: 0.14rem; border:2px solid rgba(255,255,255,0.3);margin:0 .12rem; display: block; border-radius: 50%;opacity: 1; background: none;}
.Banner003223  .controls-page span.swiper-pagination-bullet-active {background:#fff;border-color:#fff;}
.Banner003223 .swiper-slide-active .txt :where(h3,p,.index-more){opacity:1;transform:translateX(0)}

@media (min-width:1025px) {
.Banner003223 .wap{display: none;} 
.Banner003223 .text{width: 56%;}
}
@media (max-width:1024px) {
.Banner003223 .pc{display: none;} 
.Banner003223 .txt .tit {font-size: var(--font-size30); margin-bottom: 0.1rem;}
.Banner003223 .txt .desc{font-size: var(--font-size16); line-height: 1.8;}
.Banner003223 .txt .Homemore{margin-top:0.2rem;}
.Banner003223 .video-inner{z-index: 50;}
.Banner003223 .root-swiperVideo .video-box video{object-fit:contain;}
}
@media(max-width:640px){
.Banner003223 .imgbox {padding-bottom: 100%;}
}



.videoMask{position:fixed;z-index:999;background:rgba(0,0,0,0.6);left:0;top:0;width:100%;height:100%;display:none;}
.videoMask .videoBox{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:70%;max-width:94%;}
.videoMask .videoBox video{width:100%;}
.videoMask .videoBox .close{position:absolute;right:5px;top:5px;padding:10px;z-index:10;cursor:pointer;padding-top:2%;}
.videoMask .videoBox .close:before,.videoMask .videoBox .close:after{content:"";position:absolute;width:100%;left:0;top:50%;border-bottom:1px solid #fff;}
.videoMask .videoBox .close:before{transform:rotate(45deg);}
.videoMask .videoBox .close:after{transform:rotate(-45deg);}
.video_click{cursor:pointer;}

@media (max-width:1024px) {
.videoMask .videoBox .close{right:-20px;top:-20px;background-color: var(--hover-color);}
}


.HomeBan{overflow: hidden; position: relative;}
.HomeBan li{position: relative;overflow: hidden;}
.HomeBan li .imgbox {padding-bottom: 46.875%;}
.HomeBan li img{display: block;width: 100%; height: 100%; position: absolute; left:0; top:0; object-fit: cover;}
.HomeBan li .video{position: relative; z-index: 2;}
.HomeBan li .video::after{position: absolute;content: '';left: 0;bottom: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.3);}
.HomeBan li .video,
.HomeBan li video{position:absolute;top:0;left:0;width:100%;height:100%}
.HomeBan li video{object-fit:cover}
.HomeBan li .txt{position: absolute;width:100%;left:0;top:50%;transform: translateY(-50%);color:#fff; z-index: 20;}
.HomeBan li .txt .tit {font-size: var(--font-size60);line-height: 1.3;  margin-bottom: 0.2rem;font-weight: 500;}
.HomeBan li .txt .desc{font-size: var(--font-size30); line-height: 1.6;}
.HomeBan li .txt .Homemore{margin-top:0.4rem;}

.HomeBan .slick-dots{position: absolute;left: 50%;transform: translateX(-50%);z-index: 10; bottom: 5%;}
.HomeBan .slick-dots li{margin:0 .12rem !important;width:0.14rem;height:0.14rem;border:2px solid rgba(255,255,255,0.3);opacity:1;background:none;display: inline-block;border-radius: 50%}
.HomeBan .slick-dots li.slick-active{background:#fff;border-color:#fff;}
.HomeBan .slick-dots li button{display: none;}

@media (min-width:1025px) {
.HomeBan .wap{display: none;} 
.HomeBan .text{width: 56%;}
}
@media(max-width:1024px){
.HomeBan .pc{display: none;} 
.HomeBan li .txt .tit {font-size: var(--font-size30); margin-bottom: 0.1rem;}
.HomeBan li .txt .desc{font-size: var(--font-size16); line-height: 1.8;}
.HomeBan li .txt .Homemore{margin-top:0.2rem;}
.HomeBan li .txt .btn a{line-height: 0.45rem;padding:0 0.2rem;}
.HomeBan .slick-dots{bottom:0.2rem;}
.HomeBan  li.slick-slide video{left: -100%;top: 100%; opacity: 0;}
.HomeBan  li.slick-slide .open-video{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3) url(../images/play.png) no-repeat center center;background-size: auto 0.5rem; z-index: 20;}
.HomeBan  li.video-show .open-video{left: -100%;opacity: 0; transform: translateX(-100%);}
.HomeBan  li.video-show video{left: 50%; top: 50%; opacity: 1;}
}
@media(max-width:640px){
.HomeBan li .imgbox {padding-bottom: 100%;}
}

.HomeBan .video_click{position: absolute;width:100%;left:50%;top:80%;transform: translate(-50%, -50%); z-index: 10; display: flex; align-items: center;justify-content: center; color: var(--white); background: var(--hover-color); width: 1.6rem; height: 0.5rem; border-radius: 0.5rem; }


.HomePro{padding-top:var(--padMar100); overflow: hidden; position: relative; }
.HomePro .swiper-slide .pic{border-radius: var(--radius);overflow: hidden;position: relative}
.HomePro .swiper-slide .pic::before{content: '';position: absolute; z-index: 2; width: 100%;height: 100%;left: 0;bottom: 0;background: linear-gradient(to top, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, 0) 100%);}
.HomePro .swiper-slide .pic .imgbox{padding-top: 58.922%}

.HomePro .swiper-slide .txt{position: absolute;width: 100%;left: 0;bottom: 0;padding: .5rem;z-index: 10}
.HomePro .swiper-slide .txt .tit{color: #fff;font-size: var(--font-size30); font-weight: 500; padding-bottom: .15rem}
.HomePro .swiper-slide .txt .desc{color: #fff;line-height: 1.875;}
/* .HomePro .swiper-slide .txt::before{content: '';position: absolute;width: .5rem;height: .5rem;border-radius: 50%;background:var(--hover-color) url(../images/more-w.svg)no-repeat center;background-size: .14rem auto;right: .5rem;top: 50%;transform: translateY(-50%)} */

.HomePro .arrows a{position: absolute;top: 50%;transform: translateY(-50%);width: 0.5rem; height: 0.5rem;border-radius: 50%;border: solid 1px var(--hover-color); background: var(--white); cursor: pointer; transition: 0.3s;z-index: 10;}
.HomePro .arrows a:before{position: absolute; content: ''; width: 20%; height: 20%;border-left: 2px solid var(--hover-color);border-top: 2px solid var(--hover-color); transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg); left: 40%; top: 40%;}
.HomePro .arrows a.prev{left: 22.25%;}
.HomePro .arrows a.next{right: 22.25%;}
.HomePro .arrows a.next:before{transform: rotate(135deg);-webkit-transform: rotate(135deg);-ms-transform: rotate(135deg);}
.HomePro .arrows a:hover{background-color: var(--hover-color); border-color: var(--hover-color);}
.HomePro .arrows a:hover:before{ border-color: #fff;}

@media(max-width:1024px){
.HomePro .list{ width: 94%;margin: 0 auto;}
.HomePro .swiper-slide .txt .tit{font-size: var(--font-size24);}
.HomePro .arrows a.prev{left: 0rem;}
.HomePro .arrows a.next{right: 0rem;}
}
@media(max-width:640px){
    .HomePro .swiper-slide .txt {padding:0.5rem;}
    .HomePro .swiper-slide .txt:before {display: none;}
    .HomePro .arrows a {width:0.35rem; height:0.35rem;}
}


.HomeAbout{ overflow: hidden; padding-top: var(--padMar100);}
.HomeAbout .box{position: relative;padding:var(--padMar160) 0 var(--padMar120) 0;}
.HomeAbout .img{position: absolute; left: 0;width: 100%;height: 100%; top: 0;overflow: hidden;display: flex;align-items: center; justify-content: center; background-color:var(--black);z-index: -1;}
.HomeAbout .img img{width: 100%;min-height: 100%;/* opacity: 0.6; */max-width:none; object-fit: cover;}
/* .HomeAbout .img:before {content: "";width: 100%;height: 100%;background: linear-gradient(to bottom, rgba(3, 119, 217, 0.2), rgba(3, 119, 217, 0.8));position: absolute;left: 0;top: 0;z-index: 1;} */

.HomeAbout .slogan{font-size: var(--font-size30); color: var(--hover-color); font-weight: 500; margin-bottom: 0.2rem;}
.HomeAbout .edit_info{font-size: var(--font-size22); color: var(--white); line-height: 2;  margin: 0 auto; text-align: center;  /* max-width: 10rem; */}
.HomeAbout .edit_info p{ margin: 0.1rem 0;}
.HomeAbout .right img{ border-radius: var(--radius);}
.HomeAbout .Homemore{display: flex;justify-content: center;margin-top:0.5rem;}

.HomeAbout .number{ padding-top: var(--padMar120);}
.HomeAbout .number ul {display: flex;flex-wrap: wrap;justify-content: center;justify-content: space-between;overflow: hidden;}
.HomeAbout .number li{/* float: left;width: 23%; */ margin: 0 1%;position: relative; display: flex;align-items: center; }
.HomeAbout .number li .icon{width: 0.8rem;height: 0.8rem;border-radius: 50%;background:var(--white);display: flex;justify-content: center;align-items: center;margin-right: 0.3rem;}
.HomeAbout .number li .icon img{max-width: 0.45rem;max-height: 0.45rem;}
.HomeAbout .number li .txt{flex: 1;}
.HomeAbout .number li aside{display: inline-block;position: relative;line-height: 1;}
.HomeAbout .number li aside b{font-size: var(--font-size50);color: var(--white);display: block; margin-bottom:0.12rem ; }
.HomeAbout .number li aside sub{position: absolute;left: 100%;word-break: keep-all;bottom: 20%;font-size: var(--font-size18);margin-left: 0.1rem;color: var(--white); }
.HomeAbout .number li aside sup{position: absolute;left: 100%;word-break: keep-all;top: 10%;font-size: var(--font-size18);margin-left: 0.1rem;color: var(--white);}
.HomeAbout .number li p{font-size: var(--font-size16);color: #e1e9ef; margin: 0;}

@media(min-width:1025px){
.HomeAbout .intro{padding-top: var(--padMar60);}
}
@media(max-width:1024px){
.HomeAbout .left{ margin-bottom: 0.2rem;}
.HomeAbout .edit_info{font-size: var(--font-size18);}
.HomeAbout .number li{ width: 48%; margin-bottom: 0.24rem;}
.HomeAbout .number li aside b{font-size: var(--font-size42);}
}
@media(max-width:640px){
.HomeAbout .number li .icon {margin-right: 0.15rem;}
}


/*Floor003237 */
.Floor003237{ padding-top: var(--padMar100);}
.Floor003237 .box{position: relative;z-index: 1; overflow: hidden;display: flex;align-items: center;justify-content: flex-end;flex-direction: column; color:var(--black); }
.Floor003237 .box .Ispic{position: absolute; left: 0;top: 0;width: 100%;height: 100%;z-index:-1;}
.Floor003237 .circle-contain{--h:6.6rem;--t:0.95rem;overflow: hidden; height: var(--h);  width: 100%;position: relative;z-index: 1;padding-top: var(--t);}
.Floor003237 .circle-ani{position: relative;padding-bottom: 100%;z-index: 1;}
.Floor003237 #circle {position: absolute;width: 100%; height: 100%;border: solid 6px rgba(var(--rgb-black), 0.08); border-radius: 50%; transform: rotate(0deg);transition: transform 1s;}
.Floor003237 #circle .point {position: absolute;width: 0.4rem;height: 0.4rem;border-radius: 50%;border: 1px solid var(--hover-color);top: 50%;left: 50%;margin-left: -0.23rem;margin-top: -0.23rem; transform-origin: 0 0; display: flex; align-items: center;justify-content: center; cursor: pointer;transform: rotate(var(--deg1)) translate(var(--halfW)) rotate(var(--deg2)); }
.Floor003237 #circle .point::before{display: block; content: '';background-color:var(--hover-color);width: 0.2rem;height: 0.2rem;border-radius: 50%;}
.Floor003237 #circle .text{position: absolute;white-space: nowrap; }
.Floor003237 #circle .title{position: absolute;font-style: normal;font-size: var(--font-size20);transform: translateY(-0.30rem);transition: 0.2s;}
.Floor003237 #circle .point.active .title{font-size: var(--font-size24);color:var(--hover-color); font-weight: 500; }
.Floor003237 #circle .point.active .title:not(.center){margin: 0 0.3rem;}
.Floor003237 #circle .point.active .title.center{margin-top: -0.4rem;}
.Floor003237 #circle .icon{position: absolute;width: 0.8rem;height: 0.8rem;border-radius: 50%; background:var(--hover-color); display: flex;align-items: center;justify-content: center;margin: -0.35rem 0 0 -0.35rem;left: 50%;top: 50%;opacity: 0;transform: scale(0);transition: 0.3s; /* border: 1px dashed var(--hover-color); */}
#circle .point.active .icon{opacity: 1;transform: scale(1);}
.Floor003237 #circle .icon::before {position: absolute;content: '';border: 1px dashed var(--hover-color);border-radius: 50%;width:1rem;height:1rem;margin: -0.5rem 0 0 -0.5rem;left: 50%;top: 50%;}
.Floor003237 #circle .icon img{max-width:.4rem;max-height:.4rem; position: relative; z-index: 3;}
.Floor003237 .swiper-wrapper{height: auto;}
.Floor003237 .swiper-area{position: absolute;left: 50%;transform: translateX(-50%);top: var(--t);width: calc(571 / var(--autoWidth) * 100%);height: var(--h);z-index:10;display: flex;align-items: center;justify-content: center;pointer-events: none;}
.Floor003237 .swiper-area .item{text-align: center;}
.Floor003237 .swiper-area  :where(.title,.desc,.more){transform: translateY(0.2rem); opacity: 0; transition: 0.5s;} 
.Floor003237 .swiper-area .swiper-slide-active :where(.title,.desc,.more){transform: translateY(0); opacity: 1;}
.Floor003237 .swiper-area .title{font-size: var(--font-size36); color: var(--black);font-weight: 500;}
.Floor003237 .swiper-area .desc{font-size: var(--font-size18); line-height: 1.8; margin: 0.28rem 0 0rem 0; transition-delay: 0.3s; opacity: 0.7;}
@media (min-width:1025px) {
.Floor003237{min-height:7rem;  }
}
@media (max-width:1024px) {
.Floor003237 .circle-contain{--h:50vw;--t:0.5rem;}
.Floor003237 #circle .title{display:none;}
.Floor003237 #circle .point.active .icon{transform: scale(0.7);}
.Floor003237 .swiper-area .title{font-size: var(--font-size24);}
.Floor003237 .swiper-area .desc{font-size: var(--font-size12);margin: 1em 0 2em 0;line-height: 1.4;}
.Floor003237 .swiper-area .desc p{-webkit-line-clamp:2;}
}
@media (max-width:640px) {
.Floor003237 .circle-contain{margin-top: -0.1rem;}
.Floor003237 .swiper-area .item{padding-bottom: 0.3rem;}
.Floor003237 .swiper-area .desc{display: none;}
.Floor003237 .swiper-area .title{font-size: var(--font-size20); margin-bottom: 0.5em;}
.Floor003237 #circle .point{width: 0.14rem;height: 0.14rem;margin: -0.07rem 0 0 -0.07rem;}
.Floor003237 #circle .point::before{width: 0.04rem;height: 0.04rem;}
.Floor003237 #circle .point.active .icon{transform: scale(0.5);}
}




.HomeInno{padding:var(--padMar100) 0; /* background-image: linear-gradient(to bottom, #fff, #f8fcfe, #F8FAFC ); */}
/* .HomeInno::before{content: '';position: absolute;width: 100%;height: 73%;top: 0;left: 0;background:url(../images/HomeInno-bg.jpg)no-repeat center #0c5fb1;background-size: cover} */
.HomeInno .list{position: relative;z-index: 2}
.HomeInno .list ul{display: flex;justify-content: space-between;}
.HomeInno .list li{position: relative;border-radius: var(--radius);overflow: hidden;counter-increment: itemcounter;transition: .3s all}
.HomeInno .list li .pic{height: 5.4rem;position: relative;border-radius: var(--radius);overflow: hidden;}
.HomeInno .list li .pic::before{content: '';position: absolute;width: 100%;height: 100%;z-index: 2;left: 0;bottom: 0}
.HomeInno .list li .pic::after{content: '';position: absolute;width: 100%;height: 100%;z-index: 2;left: 0;bottom: 0;opacity: 0}
.HomeInno .list li:nth-child(1) .pic::before{background: linear-gradient(to top, #047ab0 0%, rgba(0, 0, 0, 0) 100%);}
.HomeInno .list li:nth-child(2) .pic::before{background: linear-gradient(to top, #169ac4 0%, rgba(0, 0, 0, 0) 100%);}
.HomeInno .list li:nth-child(3) .pic::before{background: linear-gradient(to top, #0fb8b6 0%, rgba(0, 0, 0, 0) 100%);}

.HomeInno .list li:nth-child(1) .pic::after{background: linear-gradient(-320deg, #047ab0 0%, rgba(0, 0, 0, 0) 100%);}
.HomeInno .list li:nth-child(2) .pic::after{background: linear-gradient(-320deg, #169ac4 0%, rgba(0, 0, 0, 0) 100%);}
.HomeInno .list li:nth-child(3) .pic::after{background: linear-gradient(-320deg, #0fb8b6 0%, rgba(0, 0, 0, 0) 100%);}

.HomeInno .list li .txt{position: absolute;padding: 0 .2rem;left: 0;width: 100%;bottom:0.5rem;z-index: 10;text-align: center;transition: .3s all}
.HomeInno .list li .txt .icon img{max-width: 0.5rem;}  
.HomeInno .list li .txt .tit{font-size:var(--font-size24);color: #fff;margin: 0.2rem 0 .15rem;line-height: 1.4; height: 2.8em; font-weight: 500;transition: .3s all }
.HomeInno .list li .txt .desc{opacity: 0;transform: translateY(30px);transition: .3s all;position: relative;/* padding-right: 1rem; */color: #fff;font-size: var(--font-size16);line-height: 1.8; display: none;}
/* .HomeInno .list li .txt .desc::before{position: absolute;content: '';width: .5rem;height: .5rem;background: var(--hover-color) url(../images/more-w.svg) no-repeat center;right: 0;top: 0;border-radius: 50%; background-size: 0.14rem auto;} */
.HomeInno .list li.active .txt {text-align: left;padding:1rem .5rem 0;}
.HomeInno .list li.active .pic::before{opacity: .3;}
.HomeInno .list li.active .pic::after{opacity: 1;}
.HomeInno .list li.active .txt .tit1{padding: 1rem 0 .1rem;}
.HomeInno .list li.active .txt .desc{transform: translateY(0);opacity: 1;display: block;}
.HomeInno .list li.active .txt .more{}
@media(min-width:769px){
.HomeInno .title{display: flex;align-items: center;justify-content: space-between;}
.HomeInno .list li{width: 20.625%}
.HomeInno .list li.active{width: 55.625%}
}
@media(max-width:768px){
.HomeInno .title{ margin-bottom: .5rem;}
.HomeInno .title .HomeMore{ margin-left: auto;}
.HomeInno .list ul{ flex-wrap: wrap;}
.HomeInno .list li{width: 100% !important; margin-bottom: .3rem;}
.HomeInno .list li .txt {text-align: left;padding:1rem .8rem 0;}
.HomeInno .list li .pic::before{opacity: .3;}
.HomeInno .list li .pic::after{opacity: 1;}
.HomeInno .list li .txt .tit1{padding: 1rem 0 .1rem;}
.HomeInno .list li .txt .desc{transform: translateY(0);opacity: 1}
}
@media(max-width:640px){
.HomeInno .list li .txt{ padding: .5rem .3rem 0!important;}
}





/*Floor003220 */
.Floor003220{padding: var(--padMar100) 0; overflow: hidden;}
.Floor003220 .Homemore{position: absolute;top: 0;right: 0;}
.Floor003220 .Hometit{text-align: center;}
.Floor003220 .swiperCon{margin-left: calc((100vw - 100%) / -2);  width:100vw; overflow: hidden;position: relative;z-index: 1; }
.Floor003220 .swiperCon:after,
.Floor003220 .swiperCon:before{position: absolute;content: ''; width:2.4rem;height: 100%;opacity: 0.7;z-index: 10;pointer-events: none;top: 0; background: var(--white);}
.Floor003220 .swiperCon:before{left: 0;}
.Floor003220 .swiperCon:after{right: 0;}
.Floor003220 .swiper{overflow: initial;}
.Floor003220 .swiper-wrapper{height: auto;}
.Floor003220 .swiper-slide {padding-top: 0.31rem}
.Floor003220 .swiper-slide a{display: block;/* background-color: #F9FAFC; */padding: 0 0.05rem 0rem;border-radius:var(--radius);}
.Floor003220 .pic{overflow: hidden;border-radius:var(--radius);position: relative;top: -0.31rem;}
.Floor003220 .pic .imgbox{padding-top: 65.075%;overflow: hidden;  transition: 0.3s;}
.Floor003220 .swiper-slide a:hover .imgbox img{transform: scale(1.1);}
.Floor003220 .txt{/* margin-top: 0.25rem; */}
.Floor003220 .tit{font-size:var(--font-size20); margin-bottom: 0.12rem; color: var(--black);}
.Floor003220 .desc{color: var(--grey2);  line-height: 1.75;margin-bottom:0.2rem;}
.Floor003220 .swiper-slide a:hover .tit{color: var(--hover-color); }

.Floor003220 .swiper-slide time{font-size: var(--font-size16);color: var(--grey2); font-weight: lighter; }
.Floor003220 .swiper-slide .line{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-align:center;align-items:center;margin-bottom:0.2rem}
.Floor003220 .swiper-slide .line::before,
.Floor003220 .swiper-slide .line::after{display:block;content:''}
.Floor003220 .swiper-slide .line::before{flex-shrink:0;width:0.07rem;height:0.07rem;border-radius:50%;background-color:var(--hover-color)}
.Floor003220 .swiper-slide .line:after{flex:1;height:1px;background-color:rgba(0,32,91,0.08)}


.Floor003220 .controls{display: flex;align-items: center; margin-top: var(--padMar50); }
.Floor003220 .controls .pages{flex: 1;height:.04rem;background-color: rgba(var(--rgb-black), 0.1);border-radius: .02rem; position: relative;}
.Floor003220 .controls .pages span{height:.04rem;top:0;background-color: var(--hover-color);border-radius:.04rem;}
.Floor003220 .controls .arrows{display: flex;align-items: center;justify-content: flex-end;width:1.5rem;}
.Floor003220 .controls .arrows a{display: block;width: 0.5rem; height: 0.5rem;border-radius: 50%;border: solid 1px var(--hover-color); cursor: pointer; transition: 0.3s; background-color: var(--white); position: relative;  }
.Floor003220 .controls .arrows a:before{position: absolute; content: ''; width: 20%; height: 20%;border-left: 2px solid var(--hover-color);border-top: 2px solid var(--hover-color); transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg); left: 40%; top: 40%;}
.Floor003220 .controls .arrows a + a{margin-left: 0.2rem;}
.Floor003220 .controls .arrows a.prev{left: auto; }
.Floor003220 .controls .arrows a.next{right: auto;}
.Floor003220 .controls .arrows a.next:before{transform: rotate(135deg);-webkit-transform: rotate(135deg);-ms-transform: rotate(135deg);}
.Floor003220 .controls .arrows a:hover{background-color: var(--hover-color); border-color: var(--hover-color);}
.Floor003220 .controls .arrows a:hover:before{ border-color: #fff;}
@media (min-width:1025px) {
.Floor003220 .swiperCon{padding: 0 0 0 2.4rem;}
.Floor003220 .swiper{ width:calc(100% + 2.17rem);}
.Floor003220 .controls{width:calc(100% - 4.8rem);}
}
@media (max-width:1024px) {
.Floor003220 .swiperCon{padding: 0  var(--padMar160)}
.Floor003220 .swiperCon:before{width:var(--padMar160);}
.Floor003220 .swiperCon:after{width:var(--padMar160);}
}



/*Bottom002900 */
.Bottom002900{background: #F8FAFC;padding: var(--padMar80) 0 0 0;}
.Bottom002900,
.Bottom002900 a{color: rgba(0,0,0,.6);}
@media(min-width:1025px){
.Bottom002900 .contact{width: 26%;max-width: 3.6rem;}
.Bottom002900 .b_nav{max-width: 10rem;width: 66%;}
}

.Bottom002900 .b_nav nav dl{float: left; max-width: 1.8rem;}
.Bottom002900 .b_nav nav dt { margin-bottom: 0.2rem;font-size: var(--font-size18);color: var(--black);  position: relative; }
.Bottom002900 .b_nav nav dt a{color: var(--black);}
.Bottom002900 .b_nav nav dt a:hover{color: var(--hover-color);}
.Bottom002900 .b_nav nav dd{line-height: 0.24rem;padding: 0.05rem 0;}
.Bottom002900 .b_nav nav dd a{font-size: var(--font-size16);}
@media(max-width:1024px){
 .Bottom002900 .b_nav nav{display: none;}
}
.Bottom002900 .copyright{line-height: 2;border-top: 1px solid rgba(255, 255, 255, 0.1);padding: 0.2rem 0 ;margin-top: 0.3rem;font-size: var(--font-size14); background: var(--hover-color); color: rgba(255,255,255,0.6); }
.Bottom002900 .copyright a{color: rgba(255,255,255,0.6);}
.Bottom002900 .copyright .fr a:not(:last-child):after{display: inline-block;content: '';width: 1px;height: 0.12rem;background: rgba(255,255,255,0.4);margin: 0 0.15rem;vertical-align: middle;}
.Bottom002900 .copyright a:hover{ color: var(--white);}
.Bottom002900 a:hover{color: var(--hover-color);opacity: 1!important;}
.Bottom002900 .logo img{max-height:0.6rem;}
.Bottom002900 .contact .hotline .tit{color: var(--hover-color);display: flex;align-items: center}
.Bottom002900 .contact .hotline .tit::before{content: '';width:0.2rem;height: 0.2rem;  background: url(../images/Bottom-tel.svg) no-repeat left center; background-size: calc(20 / 16* 1em) auto;margin-right: 0.1rem}
.Bottom002900 .contact .num{font-size: var(--font-size36); font-weight: bold; margin-bottom: 0.18rem;line-height: 1;color: var(--hover-color);}
.Bottom002900 .contact P{ margin: 0.06rem 0; line-height: 1.6; }
.Bottom002900 .share li{float: left;position: relative;}
.Bottom002900 .share li figure{position: absolute; left: 0; bottom: 100%; width: 120px; padding: 5px;background: #fff; margin-bottom: 0.1rem;border-radius: 0.1rem;display: none;}
.Bottom002900 .share li figure img{display: block;width: 100%;}
.Bottom002900 .share li figure:before{position: absolute; content: '';border:5px solid transparent; left: 20px; top: 100%;border-top-color: #fff;}
.Bottom002900 .share li:not(:last-child){margin-right: 0.15rem;}
.Bottom002900 .share li a{display: block;background: rgba(0,0,0,0.1); width: 0.45rem; height: 0.45rem;background-position: center center;background-repeat: no-repeat; background-size: 0.22rem auto; border-radius: 50%; cursor: pointer;}
.Bottom002900 .share li a:hover{background-color: var(--hover-color);}
@media(min-width:1025px){
.Bottom002900 .logo{ margin-bottom: 0.26rem;}
.Bottom002900 .contact .tit{padding-bottom: 0.16rem;}
.Bottom002900 .share{margin: 0.25rem 0 0 0;}
}

@media(max-width:1024px){
.Bottom002900{text-align: center;}
.Bottom002900 .logo{padding: 0 20% 3%;}
.Bottom002900 .contact .tit{padding: 3vw 0;justify-content: center;}
.Bottom002900 .share ul{margin: 0 auto;display: table;}
.Bottom002900 .share li figure{left: 50%; margin-left: -60px;}
.Bottom002900 .share li figure:before{left: 50%; margin-left: -5px;}
}

@media(max-width:640px){
.Bottom002900 .contact .num{ font-size:var(--font-size30);}
}


.nBanner{position: relative;}
.nBanner .imgbox {padding-bottom: calc(580/1920*100%);}
.nBanner .imgbox img {position: absolute; left:0; top:0;}
.nBanner .txt{width:100%;position: absolute;z-index: 2;left:0;top:50%;transform: translateY(-50%);color:#fff; display: flex;align-items: center;justify-content: center; text-align: center;display: none;}
.nBanner .txt .cn{font-size: var(--font-size60);font-weight: 500;line-height: 1;}
.nBanner .txt .en{font-size: var(--font-size30); color: #fff; line-height: 1.2; margin-top: 0.1rem; text-transform: uppercase;}
@media (min-width:1025px) {
.nBanner .wap{display: none;}   
}
@media (max-width:1024px) {
.nBanner .pc{display: none;}  
.nBanner .txt .cn{font-size: var(--font-size32);}  
.nBanner .txt .en{font-size: var(--font-size18);}
}
@media (max-width:460px) {
.nBanner .imgbox {padding-bottom: 50%;}
}

/*Menu003135 */
.Menu003135{position: relative;z-index: 3; border-bottom: 1px solid rgba(0,0,0,0.1);}
.Menu003135 .current{font-size:var(--font-size16); padding-left:.25rem;background: url(../images/Menu003135-icon.svg) no-repeat left center; background-size:.16rem auto; line-height:.8rem;}
.Menu003135 .current,
.Menu003135 .current a:not(:hover){color: var(--grey); font-weight: lighter;}
.Menu003135 .current span{color:var(--black);}
.Menu003135 .nav-menu li{float: left;font-size:var(--font-size18);line-height:.8rem;}
.Menu003135 .nav-menu li a{display: block;position: relative; color: var(--grey);  padding:0 .3rem;}
.Menu003135  a:hover{color: var(--black);}
.Menu003135 .nav-menu li a:hover,
.Menu003135 .nav-menu li.aon a{color:var(--white);background-color:var(--hover-color);}
@media (max-width:1024px) {
.Menu003135 .current{display: none;}  
.Menu003135 .nav-menu li{line-height: 0.6rem;font-size: 0.18rem;} 
.Menu003135 .nav-menu{white-space: nowrap;overflow: auto;}
.Menu003135 .nav-menu li{display: inline-block;float:none;}
}

.lm-title{margin-bottom:0.4rem; line-height: 1;}
.lm-title.center{text-align: center;}
.lm-title .cn{font-size:var(--font-size46);color: var(--black);font-weight: bold;}
.lm-title.white .cn {color: #fff;}
@media(max-width:1024px){
.lm-title{margin-bottom:0.3rem;}
.lm-title .cn{font-size:var(--font-size32);}
.lm-title .desc{font-size:var(--font-size16);}
}


.VideoInfo{padding: var(--padMar100) 0 ;background: #F8FAFC;}
.VideoInfo .box{ background-color: #fff; border-radius: var(--radius);}
.VideoInfo .left{ padding: 0.2rem 0.5rem;}
.VideoInfo .tit{font-size:var(--font-size32);color:var(--black);margin-bottom:0.2rem; font-weight: 500;  line-height: 1.5;}
.VideoInfo .desc{font-size:var(--font-size18);line-height:1.875;color:var(--grey);  }
.VideoInfo .img{position: relative;}
.VideoInfo .img img{border-radius: var(--radius);}
@media (min-width:1025px) {
.VideoInfo .box{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top:.4rem;}
.VideoInfo .left{width:42%;}
.VideoInfo .right{width:58%;}
}
@media(max-width:1024px){
.VideoInfo .tit{font-size:var(--font-size24);}
.VideoInfo .left{ padding: 0.2rem;}
}

.video_btn{position: absolute;left: 50%;top: 50%; cursor: pointer; z-index: 10;transform: translate(-50%,-50%);bottom: auto;}
.video_btn i{display: block;width: 0.6rem; height: 0.6rem; border-radius: 50%; background: var(--hover-color) url(../images/video.png) no-repeat center center; background-size: 0.18rem auto; position: relative; z-index: 4;}
.video_btn:before,
.video_btn:after{position: absolute; content: '';border-radius: 50%;background: var(--hover-color); opacity: 0.2;-webkit-opacity: 0.2; animation: scale 3s infinite;-webkit-animation: scale 3s infinite;}
.video_btn:before{left: -0.15rem; top: -0.15rem; bottom: -0.15rem;right: -0.15rem; animation-delay: 0.3s;}
.video_btn:after{left: -0.3rem; top: -0.3rem; bottom: -0.3rem;right: -0.3rem;}

@keyframes scale{
	0%{transform: scale(1);-webkit-transform: scale(1);-ms-transform: scale(1);}
	50%{transform: scale(0.8);-webkit-transform: scale(0.8);-ms-transform: scale(0.8);}
	100%{transform: scale(1);-webkit-transform: scale(1);-ms-transform: scale(1);}
}
@-webkit-keyframes scale{
	0%{transform: scale(1);-webkit-transform: scale(1);-ms-transform: scale(1);}
	50%{transform: scale(0.8);-webkit-transform: scale(0.8);-ms-transform: scale(0.8);}
	100%{transform: scale(1);-webkit-transform: scale(1);-ms-transform: scale(1);}
}
@-ms-keyframes scale{
	0%{transform: scale(1);-webkit-transform: scale(1);-ms-transform: scale(1);}
	50%{transform: scale(0.8);-webkit-transform: scale(0.8);-ms-transform: scale(0.8);}
	100%{transform: scale(1);-webkit-transform: scale(1);-ms-transform: scale(1);}
}



.SoftPack{padding: var(--padMar100) 0 var(--padMar80) 0;}
.SoftPack ul{ display: flex; flex-wrap: wrap;}
.SoftPack li { float: left; margin-bottom: 3% ; margin-right:3%; padding: 0.3rem; box-shadow: 0 0 0.15rem rgba(0, 0, 0, 0.08);border-radius: var(--radius); position: relative; z-index: 2; }
.SoftPack li a{display: flex;flex-direction: column;height: 100%;}
.SoftPack li .pic{overflow: hidden; margin-bottom: 0.2rem;}
.SoftPack li .pic .imgbox{padding-top:65.075%;transition: 0.3s; border-radius: var(--radius);}
.SoftPack li a:hover .imgbox img{transform: scale(1.1);}
.SoftPack li .txt{  overflow: hidden;flex-grow: 1;display: flex;flex-direction: column;justify-content: space-between;}
.SoftPack li .txt .tit{font-size:var(--font-size24);color:var(--black);margin-bottom:0.12rem; font-weight: 500;  line-height: 1.5;}
.SoftPack li .txt .desc{font-size:var(--font-size16);line-height:1.875;color:#666; margin-bottom: 0.18rem; }
.SoftPack li .txt .client{display: flex;align-items: flex-end;flex-wrap: wrap;}
.SoftPack li .txt .client span{font-size:var(--font-size15);display: inline-block;color: var(--hover-color); background: rgba(var(--rgb-hover), 0.08); padding: 0.08rem 0.1rem; border-radius: 0.03rem; margin-bottom: 0.05rem;}
.SoftPack li .txt .client span:not(:last-child){ margin-right: 0.05rem;}
.SoftPack li:hover .txt .tit{color:var(--hover-color);}
.SoftPack li:hover{ box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.1);}
@media (min-width:1025px) {
.SoftPack li{width: 48.5%;}
.SoftPack li:nth-child(2n){margin-right: 0;}
}

@media(max-width:1024px){
.SoftPack li{width: 48.5%;padding: 0.24rem;}
.SoftPack li:nth-child(2n){margin-right: 0;}
}

@media(max-width:640px){
.SoftPack li{width: 100%;margin-right: 0;}
}



.Accessory{padding: var(--padMar100) 0;}
.Accessory .img{ text-align: center;}
.Accessory .img img{border-radius: var(--radius);}
.Accessory .desc{max-width: 10rem; /* max-width: 100%; */ margin: 0 auto;font-size:var(--font-size20);line-height:1.875;color:#333;text-align: center;  margin-top: 0.3rem; }



.AccesApp{padding: var(--padMar100) 0; background: #F8FAFC;}
.AccesApp .box{background: #fff;}
.AccesApp .left{ padding:0.2rem 0.5rem;border-radius: var(--radius);}
.AccesApp .img{ position: relative;}
.AccesApp .img img{border-radius: var(--radius);}
.AccesApp .item{padding:.32rem 0;border-bottom:1px solid #e3e6e9;}
.AccesApp .item .title{display:flex;align-items:center;justify-content:space-between;cursor:pointer;}
.AccesApp .item .tit{font-size:var(--font-size30);color:var(--black); font-weight: 500; line-height: 1.2;}
.AccesApp .item .btn{width:.3rem;height:.3rem;border-radius:50%;background:var(--hover-color);position:relative;}
.AccesApp .item .btn::before{content:'';display:block;position:absolute;top:.08rem;border-top:2px solid #fff;border-right:2px solid #fff;right:.1rem;width:.08rem;height:.08rem;transform:rotate(135deg);}

.AccesApp .item .desc{font-size:var(--font-size18);line-height:2;color:#666; display:none;margin-top:0.24rem;}

.AccesApp .item.cur .btn::before{transform:rotate(-45deg);top:.12rem;}
.AccesApp .item.cur .desc{display:block;}
.AccesApp .item.cur .tit{color:var(--hover-color);}

@media (min-width:1025px) {
.AccesApp .box{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top:.4rem;}
.AccesApp .left{width:42%;}
.AccesApp .right{width:58%;}
}

.AccesPro{padding: var(--padMar100) 0;}
.AccesPro ul{ display: flex; flex-wrap: wrap;}
.AccesPro li { float: left; margin-bottom: 2% ; margin-right:2%; border-radius: var(--radius); overflow: hidden; border: 1px solid #e4e7eb; }
.AccesPro li a{display: flex;flex-direction: column;height: 100%;}
.AccesPro li .pic{overflow: hidden; }
.AccesPro li .pic .imgbox{padding-top:70.14%;transition: 0.3s; }
.AccesPro li a:hover .imgbox img{transform: scale(1.1);}
.AccesPro li .txt{  overflow: hidden;padding: .24rem;}
.AccesPro li .txt .tit{font-size:var(--font-size24);color:var(--black);margin-bottom:0.12rem; font-weight: 500; line-height: 1.2;}
.AccesPro li .txt .desc{font-size:var(--font-size16);line-height:1.875;color:#666;  }
.AccesPro li:hover .txt .tit{color:var(--hover-color);}
.AccesPro li:hover{ box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.1);}
@media (min-width:1025px) {
.AccesPro li{width: 32%;}
.AccesPro li:nth-child(3n){margin-right: 0;}
}

@media(max-width:1024px){
.AccesPro li{width: 49%;}
.AccesPro li:nth-child(2n){margin-right: 0;}
}

@media(max-width:640px){
.AccesPro li{width: 100%;margin-right: 0;}
}

.Indstatu{padding: var(--padMar100) 0;}
.Indstatu .info{ text-align: center;color:#fff; padding-top: 0.4rem;}
.Indstatu .tit{font-size:var(--font-size80);margin-bottom:0.12rem; font-weight: 500; line-height: 1.2;}
.Indstatu .desc{font-size:var(--font-size32);line-height:1.875;  }


.AccesPar{padding: var(--padMar100) 0;position: relative;overflow: hidden;z-index: 2;background: linear-gradient(180deg, #EEF2F8 0%, #EEF2F8 0.01%, #F5F7FA 100%);}

.AccesPar .number{ margin-bottom: 0.4rem;}
.AccesPar .number ul {display: flex;justify-content: center;overflow: hidden;}
.AccesPar .number li{float: left;width: 16%; margin: 0 1%; text-align: center;position: relative; }
.AccesPar .number li aside{display: inline-block;position: relative;line-height: 1;}
.AccesPar .number li aside b{font-size: var(--font-size48);color: var(--hover-color);display: block; font-weight: bold; margin-bottom:0.15rem; }
.AccesPar .number li aside sup{position: absolute;left: 100%;word-break: keep-all;top: 10%;font-size:var(--font-size18);margin-left: 0.1rem;color: var(--hover-color);}
.AccesPar .number li p{font-size: var(--font-size18);color: #999;   margin: 0;}


.AccesPar .list{display: flex;flex-wrap: wrap;justify-content: center}
.AccesPar .list ul .str_move{display: flex}
.AccesPar .list li{width: 1.955rem;height: 1rem;justify-content: center;align-items: center;background: #fff;border-radius: var(--radius);display: flex;margin:0.05rem .05rem;overflow: hidden;}
.AccesPar .list li a{display: block;max-width: 80%}
.AccesPar .list li img{display: block;flex: 0 0 auto;max-height: 80%;max-width: 80%!important;margin: 0 auto}
@media(max-width:640px){
    .AccesPar .number li {width: 25%; margin:0;}
    .AccesPar .list li {width: calc(50% - 0.1rem);}
}
.AccesContact{ padding: var(--padMar100) 0;background-size:cover;background-repeat:no-repeat;background-position:center;}
.AccesContact .box{color: #fff;}
.AccesContact .box .tit{font-size: var(--font-size48); line-height: 1.5;  font-weight: 500; margin-bottom: 0.3rem;}


.Packfilm{padding: var(--padMar100) 0;}
.Packfilm .item{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;   overflow: hidden; }
.Packfilm .item:not(:last-child){margin-bottom:0.4rem;}
.Packfilm .item .pic img{border-radius: var(--radius);}
.Packfilm .item .tit{font-size:var(--font-size32); color: var(--black); font-weight: 500; margin-bottom: 0.2rem;}
.Packfilm .item .desc{font-size: var(--font-size18); color:#999; line-height:1.8;}
.Packfilm .item .desc p { margin:0 0 0.2rem;}
.Packfilm .item .desc h3 {font-size:var(--font-size20); color: var(--hover-color); font-weight: 500; margin:0 0 0.2rem;}
.Packfilm .item .desc ul {margin:0;}
.Packfilm .item .desc ul li {padding-left:.16rem;position:relative;margin-top:.08rem;font-size:var(--font-size18); list-style: none; line-height:1.8;color:#666;}
.Packfilm .item .desc ul li:before{content:'';display:block;position:absolute;left:0;top:.13rem;width:.05rem;height:.05rem;border-radius:50%;background-color:var(--hover-color);}
.Packfilm .item .Homemore{ margin-top: 0.3rem;}
@media (min-width:1025px) {
.Packfilm .item .left{width:47.5%;}
.Packfilm .item .right{width:47.5%;}
.Packfilm .item:nth-child(2n){flex-direction: row-reverse;}
}
@media (max-width:1024px) {
.Packfilm .item .left{padding:0.2rem;}
}

.Relcompany{padding: var(--padMar100) 0 var(--padMar80) 0;background: #eff5fa;}
.Relcompany ul{ display: flex; flex-wrap: wrap; }
.Relcompany li{ margin-bottom: 0.12rem;margin-right: 0.12rem;}
.Relcompany li a{display: block;font-size:var(--font-size16); color: var(--hover-color);border: 1px solid var(--hover-color); border-radius: 0.05rem; line-height: 0.3rem; padding: 0.16rem 0.65rem 0.16rem 0.32rem; transition: 0.3s; position: relative;}
.Relcompany li a:before { position: absolute; content: ''; z-index: 5; width: 0.2rem; height: 100%; right: 0.2rem; top: 0; background: url(../images/more.svg) no-repeat center; background-size: auto 0.12rem;transition: 0.5s ease-out; transform:rotate(-45deg);}
.Relcompany li a:hover{ background-color: rgba(var(--rgb-hover), .05);}



.ProInno{padding: var(--padMar100) 0;}
.ProInno .left {margin-bottom: 5%;}
.ProInno .pic {padding-bottom: calc(245/720*100%); position: relative;border-radius: var(--radius);overflow: hidden;}
.ProInno .pic img{position: absolute; left:0; top:0; object-fit: cover;  display:block; width: 100%; height: 100%;}
.ProInno .icon{ margin-bottom: 0.24rem;}
.ProInno .icon img{ max-width: 0.7rem;}
.ProInno .tit{font-size: var(--font-size32); color: var(--black); line-height:1.5; margin-bottom: 0.24rem; font-weight: 500;}
.ProInno .desc{font-size: var(--font-size20); color:#666; line-height:1.875;}
@media (min-width:1025px) {
.ProInno .box{display: flex; justify-content: space-between; align-items: center;}
.ProInno .left{width: 50%; margin-bottom: 0;}   
.ProInno .right{ width: 45%;}
}

.Research{ padding:0 0 var(--padMar100) 0;/* background: #f8fcfe; */}
.Research .box{position: relative;}
.Research .pic {padding-bottom: calc(280/720*100%); position: relative;border-radius: var(--radius);overflow: hidden;}
.Research .pic img{position: absolute; left:0; top:0; object-fit: cover;  display:block; width: 100%; height: 100%;}
.Research .icon{ margin-bottom: 0.24rem;}
.Research .icon img{ max-width: 0.7rem;}
.Research .left{margin-bottom: 5%;}
.Research .tit{font-size: var(--font-size32); color: var(--black); line-height:1.5; margin-bottom: 0.24rem; font-weight: 500;}
.Research .desc{font-size: var(--font-size20); color:#666; line-height:1.875;}
@media (min-width:1025px) {
.Research .box{display: flex; justify-content: space-between; align-items: center;}
.Research .left{width: 45%; margin-bottom: 0;}   
.Research .right{ width: 50%; }
}

.Cooperation{padding: var(--padMar100) 0 var(--padMar80) 0; background: #023894;background: url(../images/Cooperation-bg.jpg) no-repeat center center; background-size: cover;overflow: hidden;}
.Cooperation ul{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.Cooperation li { margin-bottom: 2%; background-color: #fff; border: solid 1px #e8edf4;padding: 0.35rem; border-radius: var(--radius);transition: 0.5s; }
.Cooperation li .img{display: flex;justify-content: space-between;align-items: center;margin-bottom: 0.24rem;}
.Cooperation li .icon{ width: 0.6rem; height: 0.6rem; background: var(--hover-color); border-radius: 0.5rem;display: flex; justify-content: center;  align-items: center;}
.Cooperation li .icon img{ max-width: 0.36rem;}
.Cooperation li .tit{width: calc(100% - 0.8rem);font-size: var(--font-size26); color: var(--black); line-height:1.5;  font-weight: 500;}
.Cooperation li .desc{font-size: var(--font-size16); color:#666; line-height:1.875;}
.Cooperation li:hover{transform: translateY(-0.1rem);}
@media (min-width:1025px) {
.Cooperation li{width: 49%;}
.Cooperation li:nth-child(2n){margin-right: 0;}
}
@media(max-width:1024px){

}


.Newlist{padding: var(--padMar100) 0;}
.Newlist ul{ display: flex; flex-wrap: wrap;}
.Newlist li { float: left; margin-bottom: 3% ; margin-right:3%; border-bottom: 1px solid #eee; padding-bottom: 0.3rem; position: relative; z-index: 2; }
.Newlist li:after {content: "";position: absolute; width: 0; height: 1px; background: #eee;left: 0;bottom: 0;transition: all .5s;}
.Newlist li:hover:after{background: var(--hover-color);width: 100%;height: 2px;}
.Newlist li .pic{overflow: hidden; margin-bottom: 0.2rem;}
.Newlist li .pic .imgbox{padding-top:65.075%;transition: 0.3s; border-radius: var(--radius);}
.Newlist li a:hover .imgbox img{transform: scale(1.1);}
.Newlist li time{ display: block; font-size: var(--font-size16);color:#999; font-weight: lighter; margin-top: 0.2rem;padding-left: 0.24rem; background: url(../images/icon-time.svg) no-repeat left center; background-size: 0.16rem auto;}
.Newlist li .txt{  overflow: hidden;}
.Newlist li .txt .tit{font-size:var(--font-size20);color:var(--black);margin-bottom:0.12rem; line-height: 1.6;}
.Newlist li .txt .desc{font-size:var(--font-size16);line-height:1.875;color:#999; }
.Newlist li a:hover .txt .tit{color:var(--hover-color);}
@media (min-width:1025px) {
.Newlist li{width: 31.33%;}
.Newlist li:nth-child(3n){margin-right: 0;}

}

@media(max-width:1024px){
.Newlist li{width: 48.5%;}
.Newlist li:nth-child(2n){margin-right: 0;}
}

@media(max-width:640px){
.Newlist li{width: 100%;margin-right: 0;}
}

.News_detail {padding: var(--padMar80) 0; }
.News_detail .news_info {}
.News_detail .news_info .title { text-align: center; padding-bottom: 0.2rem; border-bottom: 1px solid #eee; margin-bottom: 0.3rem; }
.News_detail .news_info .title h1 { margin: 0; padding-bottom: 0.15rem; font-size: var(--font-size30); font-weight: 500;  color: #333; }
.News_detail .news_info .title time {display: inline-block;color: #999; font-weight: lighter; font-size: var(--font-size16);padding-left: 0.3rem;background: url(../images/icon-time.svg) no-repeat left center;background-size: auto 0.18rem;line-height: 1.6}
.News_detail .news_info img {margin: 1% auto; /* margin: 2% auto; max-width: 50%; */ text-align: center }
.News_detail .info { line-height: 1.875; color: #333; font-size: var(--font-size16); }
.News_detail .info p{margin:0.1rem 0;}
.News_detail .bot { position: relative; margin-top: 0.4rem; padding-top: 0.32rem; border-top: 1px dashed #eee }
.News_detail .info_back { text-align: center; clear: both; position: absolute; right: 0; bottom: 0 }
.News_detail .info_back a { position: relative; color: #fff; display: block; width: 11.25em; line-height: 3.4375em; border-radius: 1.75em; background: var(--hover-color); }
.News_detail .info_back a:hover { background: var(--hover-color); }
.News_detail .info_back a:before{display: inline-block; vertical-align: top;content: '';background-image: url(../images/icon-back.svg);background-size: contain;background-position: center; background-repeat: no-repeat; width: 0.24rem;height: 0.55rem;margin-right: 0.1rem;}
.News_detail .info_pn span { display: block;  margin: 1% 0; }
.News_detail .info_pn span a { color: #666;  font-weight: lighter;}
.News_detail .info_pn span a:hover { color: var(--hover-color); }

@media(max-width:1024px) {
.News_detail .bot{margin-top: 2em;padding-top: 1.5em;}
.News_detail .info_back { position: relative; margin-bottom: 1em;}
.News_detail .news_info .title h1 { font-size: 1.5em; }
.News_detail .info_back a{margin: 0 auto;}
.News_detail .info_pn span {  margin: 2% 0; }
.News_detail .info img{width: 100% !important; height: 100% !important;}
}


/*Page002623 */
.Page002623{padding: var(--padMar60) 0 0% 0 ; text-align: center;font-size: var(--font-size18);}
.Page002623 .Pages a.a_first,
.Page002623 .Pages a.a_end,
.Page002623 .Pages > span:not(.p_page){display: none;}
.Page002623 .Pages em{float: left;margin: 0 0.2rem; font-style: normal;}
.Page002623 .Pages .p_page{display: table; margin: 0 auto;}
.Page002623 .Pages a{float: left;line-height: 0.5rem; width: 0.5rem; margin: 0 5px; border: 1px solid #eee; border-radius: 0.05rem;background: #fff;}
.Page002623 .Pages a.a_cur,
.Page002623 .Pages a:hover{color: #fff;background: var(--hover-color); }
.Page002623 .Pages .p_page > a{font-size: 0;height: 0.55rem;position: relative; }
.Page002623 .Pages .p_page > a:before{position: absolute;content: '';border-top: 0.02rem solid #666;border-right: 0.02rem solid #666;left: 50%;top: 50%;width: 0.1rem;height: 0.1rem;transform: rotate(45deg);margin: -0.05rem 0 0 -0.05rem;}
.Page002623 .Pages .p_page > a.a_prev:before{transform: rotate(-135deg);}
.Page002623 .Pages a.a_prev:hover:before{border-color: #fff;}
.Page002623 .Pages a.a_next:hover:before{border-color: #fff;}
@media(max-width:640px){
.Page002623{padding: 6vw 0 8vw 0;}
.Page002623 .Pages em{display: none;}
.Page002623 .Pages a{background-color: #eee;}
}


.Partner{padding:var(--padMar100) 0;position: relative;z-index: 2; overflow: hidden; background: #fff;}
.Partner .info{font-size: var(--font-size18); color: #999; text-align: center; line-height: 1.8; margin-bottom: 0.5rem;}
.Partner .info p{ margin: 0.08rem 0; }
.Partner .info p span{font-size: var(--font-size24);color: var(--hover-color); font-weight: 500;}
.Partner .list .str_wrap{overflow: inherit}
.Partner .list ul .str_move{display: flex}
.Partner .list{position: relative;z-index: 1;}
.Partner .list:before,
.Partner .list:after{position: absolute;content: '';top: 0;height: 150%;width: 20%;z-index: 10;pointer-events: none;}
.Partner .list:before{left: 0;background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);}
.Partner .list:after{right: 0;background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);}
.Partner li {width: 2.5rem;padding: 0 0.1rem;}
.Partner li a {display: block;padding: 0.2rem 0;}
.Partner li .pic{display: flex;align-items: center; justify-content: center; height: 1.2rem; background-color:#fff;border-radius: 0.1rem;box-shadow:0.05rem 0 0.32rem rgba(var(--rgb-black),0.1);}
.Partner li .pic img{max-width: 72% !important;max-height: 72%;}
@media (max-width:640px) {
.Partner .number li{ width:auto; margin:0 2%;}
}


.AbouInfo{padding:var(--padMar100) 0 0 0;}
.AbouInfo .slogan{font-size: var(--font-size36); color: var(--hover-color); font-weight: 500; margin-bottom: 0.2rem;}
.AbouInfo .number-data{display: flex;} 
.AbouInfo .number-data li{display: flex;justify-content: space-between;border-bottom: solid 1px #eee; padding: 0.3rem 0;}
.AbouInfo .number-data .ico{width: 0.5rem;flex-shrink: 0;}
.AbouInfo .number-data .inner{flex: 1;}
.AbouInfo .number-data .num{display: flex;align-items: flex-end; font-size: var(--font-size18);color:var(--hover-color);}
.AbouInfo .number-data .counter{font-size: var(--font-size60); font-weight: 700;  line-height: 1; margin-right:0.15rem;}
.AbouInfo .number-data .num sub{font-size: var(--font-size18);}
.AbouInfo .number-data p{margin: 0.1rem 0 0;color: #999;font-size: var(--font-size18);}
.AbouInfo .edit-info{line-height: 2;text-align: justify;color: #333;font-size: var(--font-size20); padding-bottom: .2rem;}

.AbouInfo .ad-img{ position: relative;}

@media (min-width:1025px) {
.AbouInfo .left{width: 60%;} 
.AbouInfo .right{width: 24%;} 
.AbouInfo .number-data{min-height: 100%;flex-direction: column;justify-content: space-between;}
}
@media (max-width:1024px) {
.AbouInfo .number-data{flex-wrap: wrap;} 
.AbouInfo .number-data li{width: 45%;}
.AbouInfo .number-data li:not(:nth-child(2n)){margin-right: 10%;}
}
@media (max-width:640px) {
.AbouInfo .number-data .ico{width: 0.3rem;}
}

.Culture{padding:var(--padMar100) 0 0 0;}
.Culture .list{display: flex;justify-content: space-between;align-items: center;}
.Culture .item{position:relative;width:calc(384 / 1920 * 100%);transition:all 0.5s;}
.Culture .pic{position:relative;padding-top:7rem;overflow:hidden;}
.Culture .pic img{width:100%;height:100%;object-fit:cover;position:absolute;left:0;top:0;-webkit-object-fit:cover;}
.Culture .info{position:absolute;left:0;bottom:0;width:100%;padding:calc(60 / 1920 * 100vw) calc(40 / 1920 * 100vw);color:#fff;}
.Culture .item .tit{font-size:var(--font-size30);margin-bottom:0.12rem; line-height: 1.6;}
.Culture .item .desc{font-size:var(--font-size20);line-height:1.8;  }
.Culture .item.on{width:calc(100% - 384 / 1920 * 100% * 2);}
@media (max-width:1024px) {
}
@media (max-width:1024px) {
.Culture .list{flex-wrap:wrap;}
.Culture .pic {padding-top: calc(700/1000*100%);}
.Culture .item:nth-child(n+1){width:100%;}
}


.Honor{padding:var(--padMar100) 0; background: #fbfbfb;}
.Honor .item .tit{text-align: center;margin:0.18rem 0 0.1rem 0;font-size: var(--font-size18); line-height: 1.6;}
.Honor .item .img{background: url(../images/honor-bg.jpg) no-repeat bottom center;background-size: 100% 100%;box-sizing: border-box;border-radius: 0.15rem;transition: all .5s;}
.Honor .item .item a {display: block; overflow: hidden;}
.Honor .item .img .imgbox{padding-top:95.5%;}
.Honor .item .img .imgbox img{padding:0.1rem;background: url(../images/honor-kuang.png) no-repeat center center;background-size: 100% 100%;object-fit: contain;max-width:80%;max-height:3.2rem;width:80%;margin:0 auto;height:auto;position: relative;z-index:9;}
.Honor .item .img .imgbox .box{position: relative;text-align: center;width:100%;}
.Honor .item .img .imgbox .box::before{content:'';width:100%;height:92%;background: url(../images/z_yy.png) no-repeat center center;background-size: 100% 100%;position: absolute;left:0.3rem;bottom:0px;}
.Honor .item:hover .img span{transform: scale(1.05);}

.Honor .controls{display: flex;align-items: center; margin-top: 0.4rem; }
.Honor .controls .pages{flex: 1;height:.04rem;background-color: rgba(var(--rgb-black), 0.1);border-radius: .02rem; position: relative;}
.Honor .controls .pages span{height:.04rem;top:0;background-color: var(--hover-color);border-radius:.04rem;}
.Honor .controls .arrows{display: flex;align-items: center;justify-content: flex-end;width:1.5rem;}
.Honor .controls .arrows a{display: block;width: 0.5rem; height: 0.5rem;border-radius: 50%;border: solid 1px var(--hover-color); cursor: pointer; transition: 0.3s; background-color: var(--white); position: relative;  }
.Honor .controls .arrows a:before{position: absolute; content: ''; width: 20%; height: 20%;border-left: 2px solid var(--hover-color);border-top: 2px solid var(--hover-color); transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg); left: 40%; top: 40%;}
.Honor .controls .arrows a + a{margin-left: 0.2rem;}
.Honor .controls .arrows a.prev{left: auto; }
.Honor .controls .arrows a.next{right: auto;}
.Honor .controls .arrows a.next:before{transform: rotate(135deg);-webkit-transform: rotate(135deg);-ms-transform: rotate(135deg);}
.Honor .controls .arrows a:hover{background-color: var(--hover-color); border-color: var(--hover-color);}
.Honor .controls .arrows a:hover:before{ border-color: #fff;}



.History{padding:var(--padMar100) 0; background: url(../images/History-bg.jpg) no-repeat center bottom;background-size: cover;}
.History .event{max-width:12rem;margin:0 auto 0.6rem;}
.History .event .info{padding:1rem 0.4rem 0.8rem 0.4rem;position:relative;display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;}
.History .event .year{color:#fff;font-weight:bold;font-size:4rem;line-height:1em;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);white-space:nowrap;opacity:0.05;font-family:Arial;}
.History .event .pic{width:37.32142857%;}
.History .event .intro{width:56.96428571%;position:relative;z-index:2;}
.History .event .tit{font-size:var(--font-size60);line-height:1.25em;color:#fff;margin-bottom:0.15rem;}
.History .event .intro{font-size:var(--font-size18);color:#fff;line-height:1.8;}
.History .time{padding:0 0.8rem;position:relative;}
.History .time .swiper:before{content:'';display:block;position:absolute;left:0;top:0.16rem;background-color:#fff;height:1px;width:100%; opacity: 0.3;}
.History .time .swiper-slide{cursor:pointer;}
.History .time .dot{display:block;width:0.28rem;height:0.34rem;margin:0 auto;position:relative;}
.History .time .dot:before,
.History .time .dot:after{content:'';display:block;position:absolute;transition:inherit;}
.History .time .dot:before{width:0.15rem;height:0.15rem;border:0.02rem solid #fff;background-color:var(--hover-color);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%); }
.History .time .year{display:block;text-align:center;font-size:var(--font-size20);color:#fff;line-height:1.75em;transition:inherit; opacity: 0.5;font-weight: 500;}

.History .time .swiper-slide-thumb-active .dot:before{background-color:#fff;}
.History .time .swiper-slide-thumb-active .year{font-size:var(--font-size24); opacity: 1; }

.History .time .arrows a{display: block;width: 0.5rem; height: 0.5rem;border-radius: 50%;border: solid 1px var(--white); cursor: pointer; transition: 0.3s;  position: absolute; top:-0.1rem; }
.History .time .arrows a:before{position: absolute; content: ''; width: 20%; height: 20%;border-left: 2px solid var(--white);border-top: 2px solid var(--white); transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg); left: 40%; top: 40%;}
.History .time .arrows a.prev{left: 0; }
.History .time .arrows a.next{right: 0;}
.History .time .arrows a.next:before{transform: rotate(135deg);-webkit-transform: rotate(135deg);-ms-transform: rotate(135deg);}
.History .time .arrows a:hover{background-color: var(--white); border-color: var(--white);}
.History .time .arrows a:hover:before{ border-color: var(--hover-color);}
@media (max-width:640px) {
    .History .event .pic {width: 100%; margin-bottom: 5%;}
    .History .event .intro {width: 100%;}
}
@media (max-width:768px) {
.History .event .info{padding-top:0;padding-bottom:0;}
.History .event .figure{width:100%;margin-bottom:0.3rem;}
.History .event .text{width:100%;}
.History .time{padding:0 0.6rem;}
.History .time .arrow{top:-0.05rem;}
}

.Company{padding:var(--padMar100) 0 var(--padMar80) 0;}

.Company li{margin-bottom: 2%;padding:0.3rem;background: #F8FAFC; border-radius: var(--radius); overflow: hidden; transition: 0.5s; cursor: pointer;}
.Company li:hover{box-shadow: 0 0 0.15rem 0 rgba(0,0,0,0.1);background: #FFF;}
.Company li .tit{font-size:var(--font-size26); color: var(--black); line-height:1.5;font-weight: 500; margin-bottom: 0.25rem;border-bottom: 1px solid #E9E9E9;padding-bottom: 0.14rem;}
.Company li .desc{font-size: var(--font-size18); color:#666; line-height:1.875;}
.Company li .desc p {font-size: var(--font-size18);color: #333;padding-left:0.36rem; line-height: 1.7; margin:0.15rem 0; background-size:auto 0.24rem;background-repeat: no-repeat; background-position: left top 0.05rem; }
.Company li .desc p.phone { background-image: url(../images/Contact-phone.svg); }
.Company li .desc p.add { background-image: url(../images/Contact-add.svg); }
.Company li .pic,
.Company li .edit_info{ display: none;}

@media (min-width:1025px) {
    .Company ul{display: flex;flex-wrap: wrap; justify-content: space-between;}
.Company li{width: 49%;}
}
@media (max-width:1024px) {

}


.popUp{position: fixed;left: 0;top: 0;width: 100%;z-index: 1200;height: 100%;background: rgba(0,0,0,0.7);overflow: auto;display: none;}
.popUp .ytable {height: 100%;}
.popUp .container {position: relative;max-width: 14rem;background-color: #fff;border-radius:var(--radius);width: 90%;margin: 0 auto;padding: 0.5rem;}
.popUp .container .close {position: absolute;width: 0.28rem;cursor: pointer;height: 0.28rem;border-radius: 50%;background-color: var(--hover-color);right:0.2rem;top: 0.2rem;color: #fff;display: flex;align-items: center;justify-content: center;}
.popUp .container .close::before {content: "";width: 50%;height: 2px;background-color: #fff;position: absolute;transform: rotate(45deg);}
.popUp .container .close::after {content: "";width: 50%;height: 2px;background-color: #fff;position: absolute;transform: rotate(-45deg);}
.popUp .container .pic { text-align: center;  }
.popUp .container .content {  line-height: 1.875; }
/* .popUp .container .box{ margin-bottom: 0.24rem;} */
.popUp .container .content .tit{ margin: 0; font-weight: 500; line-height: 1.5; font-size:var(--font-size26);  padding-bottom: 0.12rem; margin-bottom: 0.18rem;color: #333;border-bottom: 1px solid #eee;}
.popUp .container .content .info{ color: #333; line-height: 2; font-size: var(--font-size16);}
.popUp .container .content .info p{ margin: 0.1rem 0;}
.popUp .container .content .info {max-height: 4.5rem;overflow: auto;}
.popUp .container .content .desc{margin-bottom: 0.2rem; padding:0.12rem 0.2rem;background: #F8FAFC; border-radius: var(--radius);}
.popUp .container .content .desc p {font-size: var(--font-size18);color: #333;padding-left:0.36rem; line-height: 1.7; margin:0.12rem 0; background-size:auto 0.24rem;background-repeat: no-repeat; background-position: left top 0.05rem; }
.popUp .container .content .desc p.phone { background-image: url(../images/Contact-phone.svg); }
.popUp .container .content .desc p.add { background-image: url(../images/Contact-add.svg); }
@media (min-width:1025px) {
.popUp .pic {width: 45%;  }  
.popUp .txt{ padding-left: 0.4rem;}
.popUp .content .ytable-cell{vertical-align: top;}
}

@media (max-width:1024px){
 .popUp .container { width: 90%;max-height: 90vh; padding: 0.2rem; overflow: auto;}
 .popUp .container .close{right: 0.1rem;top: 0.1rem;}
 .popUp .container .pic{ margin-bottom: 0.2rem;}
}



.CompInfo{padding:var(--padMar100) 0;}
.CompInfo .pic {overflow: hidden; position: relative;border-radius: var(--radius); margin-bottom: 5%;}
.CompInfo .pic:after {display: block; content: ''; padding-bottom: 62.5%;}
.CompInfo .pic img{display: block; position: absolute; left:0; top:0; width: 100%; height: 100%; object-fit: cover; }
.CompInfo .tit{ margin: 0; font-weight: 500; line-height: 1.5; font-size:var(--font-size30);  padding-bottom: 0.12rem; margin-bottom: 0.18rem;color: #333;border-bottom: 1px solid #eee;}
.CompInfo .info .desc{margin-bottom: 0.24rem; padding:0.12rem 0.2rem;background: #F8FAFC; border-radius: var(--radius);}
.CompInfo .info .desc p {font-size: var(--font-size18);color: #333;padding-left:0.36rem; line-height: 1.7; margin:0.12rem 0; background-size:auto 0.24rem;background-repeat: no-repeat; background-position: left top 0.05rem; }
.CompInfo .info .desc p.phone { background-image: url(../images/Contact-phone.svg); }
.CompInfo .info .desc p.add { background-image: url(../images/Contact-add.svg); }
.CompInfo .info .edit_info{color: #666;font-size: var(--font-size16);line-height: 1.875;}
.CompInfo .info .edit_info p{ margin: 0.1rem 0;}
@media(min-width:1025px){
.CompInfo .box{display: flex;justify-content: space-between;}
.CompInfo .pic{width: 48%; margin-bottom: 0;}
.CompInfo .info{width: 48%;}
}



.TalentInfo{padding:var(--padMar100) 0;overflow: hidden;}
.TalentInfo .box{background: #f6f8fa;border-radius: var(--radius); overflow: hidden;}
.TalentInfo .left{padding:0.2rem 0.6rem;}
.TalentInfo .edit_info{color: #333;font-size: var(--font-size18);line-height: 1.875;}
.TalentInfo .edit_info p{ margin: 0.1rem 0;}
.TalentInfo .right .pic {padding-bottom: 70%;position: relative;overflow: hidden;}
.TalentInfo .right .pic img {display: block; width: 100%; height: 100%; position: absolute; left:0; top:0; object-fit: cover;}
@media(min-width:1025px){
.TalentInfo .box{display: flex;justify-content: space-between;align-items: center}
.TalentInfo .left{width: 50%;}
.TalentInfo .right{width: 50%;}
}

@media(max-width:1024px){
.TalentInfo .left{ padding: 0.25rem;}
}

.Welfare{padding:var(--padMar100) 0;position: relative; background: #f6f8fa;}
.Welfare ul{ display: flex;flex-wrap: wrap;}
.Welfare li{ padding: 0.4rem 0.3rem; background: #fff; border-radius: var(--radius); margin-right: 2%; position: relative; overflow: hidden;}
.Welfare li:before { position: absolute; left: 0; height: 0.06rem; background: var(--hover-color); bottom: 0; content: ''; width: 100%; transform: scaleX(0); opacity: 0;}
.Welfare li:hover:before{ transform: scaleX(1); opacity: 1; transition: 0.3s; }
.Welfare li .title{display: flex; align-items: center;margin-bottom: 0.28rem;}
.Welfare li .icon{ margin-right: 0.2rem;}
.Welfare li .icon img{ max-width: 0.45rem;}
.Welfare li .tit{font-size: var(--font-size30);color: #333; font-weight: 500;  line-height: 1.2; }
.Welfare li .desc{font-size: var(--font-size16);color: #999; line-height: 1.875; }
.Welfare li .desc p{ margin: 0.05rem 0;padding-left:0.15rem;position: relative;}
.Welfare li .desc p::before{content:"";display: block;width:0.05rem;height:0.05rem;border-radius: 50%;background: #999;position: absolute;left:0;top:0.12rem;}
@media(min-width:1025px){
.Welfare li{ width: 32%;}
.Welfare li:nth-child(3n){margin-right: 0;}
}
@media(max-width:1024px){
.Welfare{padding: 0.6rem 0;}
.Welfare li{ width: 100%; padding: 0.24rem;  margin-bottom: 0.2rem;}
}




.Recruit{padding:var(--padMar100) 0;position: relative; }
.Recruit .list{display: flex; flex-wrap: wrap;justify-content: space-between;}
.Recruit .item{  position: relative; }
.Recruit .item a{display: block;position: relative;border-radius: var(--radius); overflow: hidden;}
.Recruit .item .pic{}
.Recruit .item .imgbox{padding-bottom: 70.198%;}
.Recruit .item .imgbox::before{content: '';position: absolute;width: 100%;height: 100%;z-index: 2;left: 0;bottom: 0;background: linear-gradient(to top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.3) 100%);}
.Recruit .item .txt{position: absolute;width: 100%;left: 50%;top: 50%;z-index: 5; transform: translate(-50%,-50%); text-align: center;padding: 0.3rem;}
.Recruit .item .icon{ margin-bottom: 0.25rem;}
.Recruit .item .icon img{ max-width: 0.7rem;}
.Recruit .item .tit{font-size: 0.28rem;color: #fff; font-weight: bold;  }
.Recruit .item i{display: table; margin: 0 auto; width: 0.5rem;height:  0.5rem;border-radius: 50%;background:var(--white);border-color: var(--white);margin-top: 0.3rem;position: relative;transition: .3s all}
.Recruit .item i::before{content: '';position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: url(../images/more.svg) no-repeat center;background-size: 0.14rem auto;transition: 0.5s ease-out;}
.Recruit .item:hover i::before { transform:rotate(-45deg); }
@media(min-width:1025px){
.Recruit .item{ width: 48%;}
}
@media(max-width:1024px){
.Recruit .item{width: 100%; margin-bottom: 0.2rem;}
}


.thMenu{padding-top: var(--padMar100);}
.thMenu ul{text-align: center}
.thMenu li{display: inline-block;margin: 0 .1rem}
.thMenu li a{font-size: var(--font-size16);color: #333;padding: .15rem .4rem;background: #f8f8f8; display: block;}
.thMenu li:hover a,
.thMenu li.on a{background: var(--hover-color);color: #fff}


.Joinselect{padding: var(--padMar100) 0 var(--padMar50) 0;position: relative; }
.Joinselect .selbox{display: flex;flex-wrap: wrap;justify-content: space-between;}
.Joinselect input,
.Joinselect select{width:98%; height:.6rem; border-radius:0.05rem; padding: 0 .2rem;font-size: 0.16rem; border: none; background: #f8f8f8}
.Joinselect .select_box{width: 28%}
.Joinselect .input_box{width: 42%; position: relative;display: flex;flex-wrap: wrap;justify-content: space-between;}
.Joinselect .input_box input{width: 73%}
.Joinselect .input_box a{ width: 24%; font-size: var(--font-size18); background: var(--hover-color); color: var(--hover-color);border-radius:0.05rem; color: #fff; text-align: center; align-content: center; cursor: pointer}

@media(max-width:1024px){
.Joinselect{padding: 0.6rem 0 0.3rem 0;}
.Joinselect .select_box{width: 49%; margin-bottom: 0.15rem;}
.Joinselect .input_box{width: 100%}
.Joinselect .input_box input{width: 75%}
.Joinselect .input_box a{width: 24%}
}

.Joinlist{ padding: 0rem 0 var(--padMar80) 0;}
.Joinlist .item{margin-bottom:0.15rem;background: #f8f8f8; color: #333;}
.Joinlist .itemTit{background: var(--hover-color); color: #fff;}
.Joinlist .item .JobTit{line-height: 0.7rem;padding:0 0.4rem;font-weight: normal;cursor: pointer;font-size: var(--font-size18);transition: all .5s;}
.Joinlist .item .JobTit ul::after{content:'';display: block;clear: both;}
.Joinlist .item .JobTit ul li{float:left;box-sizing: border-box;padding-left:0rem;}
.Joinlist .item .JobTit ul li.li1{width:36%;}
.Joinlist .item .JobTit ul li.li2{width:24%;}
.Joinlist .item .JobTit ul li.li3{width:15%;}
.Joinlist .item .JobTit ul li.li4{width:15%;}
.Joinlist .item .JobTit ul li.li5{width:10%;text-align: center;}
.Joinlist .item .JobTit ul li.li5 i{display: inline-block;width: .2rem;height: .2rem; background: url(../images/icon-jt2.svg)no-repeat center;background-size: .2rem auto;filter: grayscale(0) brightness(0);opacity: .4;}
.Joinlist .item .JobTit.on{background: var(--hover-color);color:#fff;}
.Joinlist .item .JobTit.on ul .li6 i{background: url(../images/downc.png) no-repeat center center;}
.Joinlist .item .JonCon{padding:0.3rem 0.4rem;display: none;}
.Joinlist .item .JonCon .txt{margin-bottom:0.3rem;}
.Joinlist .item .JonCon .txt .tit{font-size: var(--font-size18);color: #333; font-weight: bold;margin-bottom:0.1rem;}
.Joinlist .item .JonCon .txt .con{font-size: var(--font-size16);color: #666;line-height: 2;}
.Joinlist .item .JonCon .txt .con p{ margin: 0.1rem 0;color: #333;}
.Joinlist .item .more_btn a {width: 2rem;height: 0.6rem;font-size: 0.18rem;display: flex;align-items: center;justify-content: center;background-color: var(--hover-color);border-radius: 0.6rem;margin: 0.4rem 0 0;color: #fff;}
.Joinlist .item .JobTit.on ul li.li5 i{transform: rotate(90deg);filter:none; opacity: 1;}

@media(max-width:1024px){
.Joinlist .item .JobTit{ padding: 0 0.2rem;}
.Joinlist .item .JonCon{padding:0.3rem;}
}
@media(max-width:640px){
.Joinlist .item .JobTit ul li.li3{display: none;}
.Joinlist .item .JobTit ul li.li4{display: none;}
.Joinlist .item .JobTit ul li.li1{width:45%;}
.Joinlist .item .JobTit ul li.li2{width:40%;}
.Joinlist .item .JobTit ul li.li5{width:15%;}
.Job .item .JonCon{padding:0.2rem;}
}





.ContactInfo{padding:var(--padMar100) 0;}
.ContactInfo .item{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; background: #F8FAFC; border-radius: var(--radius); overflow: hidden; margin-bottom:0.3rem ;}
.ContactInfo .item .left{padding:0.3rem 0.6rem;}
.ContactInfo .item .tit{font-size:var(--font-size30); color: var(--black); font-weight: 500; margin-bottom: 0.25rem;}
.ContactInfo .item .left p {font-size: var(--font-size18);color: #333;padding-left:0.36rem; line-height: 1.7; margin: 0; background-size:auto 0.24rem;background-repeat: no-repeat; background-position: left 0.20rem; }
.ContactInfo .item .left p:first-of-type {background-position: left 0.08rem;}
.ContactInfo .item .left p+p { margin-top: 0.12rem; padding-top: 0.16rem; border-top: 1px solid #eee; }
.ContactInfo .item .left p span { display: inline-block; color: #999; margin-bottom: 0.05rem; font-size: var(--font-size16);}
.ContactInfo .item .left p.phone { background-image: url(../images/Contact-phone.svg); }
.ContactInfo .item .left p.add { background-image: url(../images/Contact-add.svg); }
.ContactInfo .item .left p.ewm { background-image: url(../images/Contact-ewm.svg); }
.ContactInfo .right {position: relative; overflow: hidden;}
.ContactInfo .right:after {padding-bottom: 70%; content:''; display: block; position: relative;overflow: hidden;}
.ContactInfo .right img {height: 100%; position: absolute; left:0; top:0; object-fit: cover;}
@media (min-width:1025px) {
.ContactInfo .item .left{width:50%;}
.ContactInfo .item .right{width:48%;}
}
@media (max-width:1024px) {
.ContactInfo .item .left{padding:0.2rem;}
.ContactInfo .right {width: 100%;}
}


.FormInfo{padding:  var(--padMar100) 0; background:url(../images/FormInfo-bg.jpg) no-repeat center; background-size: cover;}
.FormInfo .form-ul{padding: 0.5rem;background: rgba(255, 255, 255, 0.8);border-radius:var(--radius); }
.FormInfo .form-ul li{margin-bottom: 0.15rem;position: relative;}
.FormInfo .form-ul li .tit{position: absolute; left: 0.15rem; top: 0;font-size: var(--font-size16); font-weight: lighter; line-height: 0.55rem;color: #333;display: block; }
.FormInfo .form-ul li select,
.FormInfo .form-ul li .text{width: 100%;border-radius: 0.05rem;border: solid 1px #eee;font-size: var(--font-size16);line-height: 0.55rem;height: 0.55rem;background: rgba(255, 255, 255, 0.7);color: #333;padding: 0 0.15rem;}
.FormInfo .form-ul li select.focus,
.FormInfo .form-ul li .text.focus{border-color: var(--hover-color); color: #333; box-shadow: 0 0px 0.1rem rgba(0, 0, 0, 0.1);}
.FormInfo .form-ul li textarea.text{height: 1.2rem; line-height: 1.6;}
.FormInfo .btn{width: 1.6rem;background: var(--hover-color);border-radius: 0.5rem;font-size: var(--font-size16);height:0.55rem;color: #fff;cursor: pointer;border: 0; margin-top: 0.2rem;margin:.4rem auto 0;display: block;}
@media (min-width:1025px) { 
.FormInfo .form-ul .row2 li{float: left;width: calc(50% - 0.15rem);}
.FormInfo .form-ul .row2 li:nth-child(2n){float: right;}
.FormInfo .form-ul .row3 li{float: left; width: 32%; margin-right: 2%;}
.FormInfo .form-ul .row3 li:nth-child(3n){ margin-right: 0;}
}
@media (max-width:1024px) {
.FormInfo .form-ul{padding: 0.2rem;}
}


.Sitemap{ padding:var(--padMar100) 0;}
.Sitemap li{ padding: 0.2rem 0; border-bottom: solid 1px #eee}
.Sitemap li span{display: block;font-size: var(--font-size20); color: #333; font-weight: 500; margin-bottom: 0.12rem;}
.Sitemap .sub a{padding-right:0.2rem;font-size: var(--font-size16);color: #666;margin-bottom: 0.1rem; }
.Sitemap .sub a:hover{color: var(--hover-color);}