@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:#017c50;--white:#fff; --black:#000; --grey:#333; --grey2:#666; --grey3:#999; --rgb-white:255,255,255;--rgb-black:0,0,0; font-size: var(--font-size16);--rgb-hover:1,124,80; --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);}


.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: 500;}
.Hometitle .cn:after {content: "";display: block;width: 0.6rem;height: 3px;background: var(--hover-color);margin: 0.15rem 0 auto ;}
.Hometitle .en{font-size:var(--font-size80); color: var(--black); text-transform: uppercase;opacity: 0.03;position: absolute;top: 50%;width: 100%;transform: translateY(-75%);font-weight: bold;z-index: -1; }
.Hometitle.white .cn {color: #fff;}
.Hometitle.white .en{ color: #fff; opacity: 0.1;}
.Hometitle.center{ text-align: center;}
.Hometitle.center .cn:after{margin: 0.15rem auto 0;}
.Hometitle.white .cn:after{ background: #fff;}

.Homemore{min-width: 1.8rem;display: inline-block;overflow: hidden;position: relative;text-align: center;border-radius: 0.5rem;background-color: transparent;}
.Homemore span{position: relative;background: linear-gradient(-90deg, #017c50, #017c50, #33b46a, var(--hover-color));text-align: center;color: var(--white);animation: glowing 5s infinite alternate; background-size: 400% 200%;transition: all 0.5s;overflow: hidden;display: flex;align-items: center;justify-content: center;height: 0.58rem;border-radius: 0.5rem;padding: 0 0.12rem;}
.Homemore span:after{display: inline-block;vertical-align: middle;content: "";width: 0.2rem;height: 0.2rem;background: url(../images/more-w.svg) no-repeat center center;background-size: auto 0.14rem;margin-left: 0.12rem;transition: all 0.5s;transform: rotate(-45deg)}
.Homemore:hover span:after{transform: rotate(0deg);}


@keyframes glowing {
	0% {
		background-position: 0% 50%;
	}
	100% {
		background-position: 150% 50%;
	}
}


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

}




/*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 .logo a:first-child{ padding-right: 0.2rem;}
.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.08rem;height: 0.08rem;content: '';transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(135deg);border-top: 1px solid #fff;border-right: 1px solid #fff;right: 0;top: 50%;margin-top: -0.02rem;}
.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 menu li span a .en{color: #fff;}

.Top003156.hover::after,
.Top003156.fixed::after{background-image: none;}
.Top003156 .logo .red{display: none;}
.Top003156 .logo .white{display: block;}
.Top003156.hover .logo .white,
.Top003156.fixed .logo .white{display: none;}
.Top003156.hover .logo .red,
.Top003156.fixed .logo .red{display: block;}
.Top003156.hover menu li span a,
.Top003156.fixed menu li span a{color: var(--black);}
.Top003156.hover menu li span a .en,
.Top003156.fixed menu li span a .en{color: var(--grey3);}
.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.aon span a .en,
.Top003156.fixed menu li.aon span a .en{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 1rem 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.36rem; font-size: var(--font-size18); padding: 0.18rem 0;text-align: center;}
.Top003156 menu li span a .en{font-size: var(--font-size15);line-height: 1.2; text-align: center; }
.Top003156 .logo { height: 0.9rem;  float: left;}
.Top003156 .logo img { max-height: 0.5rem; }
.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;border-radius: 0 0 5px 5px;width: 1.6rem;  margin-left: -0.8rem; overflow: hidden;}
.Top003156 menu li .sub dt a:hover{color:var(--hover-color);}
.Top003156 menu li .sub dt a .en{font-size: var(--font-size14);line-height: 1.3; }
}

@media (max-width:1024px) {
.Top003156 menu { position: absolute; right: 0; top: 100%;width: 240px; 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.fixed menu li span:after{ display: none;}
.Top003156 .logo {  height: 0.6rem; }
.Top003156 .logo img { max-height: 0.4rem; }
.Top003156 .top-right { height: 0.6rem; }
.Top003156 .top-right dd { font-size: 0.16rem; }
.Top003156 .top-right dd a { margin-left: 0.2rem; }
.Top003156 .top-right dt { padding-left:0.2rem; }
.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;}
.Top003156 .top-right .lang .lang_box{width: 60px; margin-left: -30px;}
.Top003156 menu li span a .en{display: inline-block; margin-left: 0.1rem;}
}




.HomeBan{overflow: hidden; position: relative;}
.HomeBan li{position: relative;overflow: hidden;}
.HomeBan li img{display: block;width: 100%;}
.HomeBan li video{position: absolute; z-index: 10; left: 50%; top: 50%; transform: translate(-50%,-50%); height: 100%; width: 100%;object-fit: cover;}
.HomeBan li .txt{position: absolute; left: 0; top: 0;width:100%; height: 100%; display: flex; align-items: center;/* left:0;top:50%;transform: translateY(-50%); */color:#fff;}
.HomeBan li .txt .text :where(.tit,.Subtit,.desc,.Homemore){opacity:0;transform:translateX(1rem);transition:0.5s}
.HomeBan .text.center{ text-align: center;}
.HomeBan li .txt .text.center :where(.tit,.Subtit,.desc,.Homemore){opacity:0;transform:translateY(4rem);transition:1s}
.HomeBan li .txt .tit {font-size: var(--font-size56);line-height: 1.4; margin-bottom: 0.2rem;font-weight: 500;display: inline-block;transition-delay:0.8s}
.HomeBan li .txt .Subtit{font-size: var(--font-size40);line-height: 1.4;font-weight: 500;margin-bottom: 0.2rem;transition-delay:1s}
.HomeBan li .txt .desc{font-size: var(--font-size20); line-height: 1.875;transition-delay:1.2s}
.HomeBan li .txt .Homemore{margin-top:0.4rem;transition-delay:1.4s}
.HomeBan li .text.center .tit:after {content: "";display: block;width: 75%;height: 0.03rem;background: var(--white);margin: 0.15rem auto 0;}
.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;}
.HomeBan li.ani-show .txt .text :where(.tit,.Subtit,.desc,.Homemore){opacity:1;transform:translateX(0)}
.HomeBan li.ani-show .txt .text.center :where(.tit,.Subtit,.desc,.Homemore){opacity:1;transform:translateY(0)}
@media (min-width:1025px) {
.HomeBan .wap{display: none;} 
.HomeBan .text{width: 50%;}
.HomeBan .text.center{width: 100%;}
}
@media(max-width:1024px){
.HomeBan .pc{display: none;} 

.HomeBan li .txt .tit{font-size: var(--font-size32);margin-bottom: 0.12rem;}
.HomeBan li .txt .Subtit{font-size: var(--font-size24);line-height: 1.4;margin-bottom: 0.12rem;}
.HomeBan li .txt .desc{font-size: var(--font-size16);}

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

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

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





.HomePro{position: relative;z-index: 2; overflow: hidden;padding: var(--padMar100) 0; }
/* .HomePro::after {position: absolute;width: 8rem;height: 100%;content: "";right: 0;top: 0; background-color: #f5f5f5; z-index: 1;clip-path: polygon(calc(420 / 980* 100%) 0, 100% 0, 100% 100%, 0 100%);z-index: 0;} */
.HomePro .slider{margin: 0 -0.1rem;}
.HomePro li{margin: 0 0.1rem;}
.HomePro li a{ display: block; background-color: #f9f9f9;border-radius: 0.1rem; overflow: hidden;padding:.2rem ; }
.HomePro li .imgbox{ }
.HomePro li .imgbox{padding-top: 66.56%; transition: 0.3s; border-radius: 0.1rem; }
.HomePro li a:hover .imgbox img{transform: scale(1.1);}
.HomePro li .txt {overflow: hidden; padding: 0.2rem 0rem 0;}
.HomePro li .tit{font-size: var(--font-size22);color: var(--black); font-weight: 500; line-height: 1.5; margin-bottom: 0.12rem; }
.HomePro li .tit .en{font-size: var(--font-size16);color: var(--grey2);font-weight: normal; line-height: 1.3;}
.HomePro li .desc {color: var(--grey);font-size: var(--font-size16); line-height: 1.75; font-weight: lighter;}
.HomePro li .more{margin-top: .2rem;width: .2rem;height: .2rem;background: url(../images/more.svg)no-repeat center;background-size: .16rem auto;transform: rotate(-45deg);transition: all 0.5s;}
.HomePro li:hover .more{transform: rotate(0deg);}
.HomePro li:hover .tit{color: var(--hover-color);}

.HomePro .slick-arrow{width: 0.5rem; height: 0.5rem;  border-radius: 0.5rem; z-index: 22;border:1px solid var(--hover-color);position: static;top: 50%; padding: 0;right: 0;text-indent: -9999em;transition: 0.5s; transform: translate(0, -50%);position: absolute;}
.HomePro .slick-arrow: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 .slick-next:before{transform: rotate(135deg);-webkit-transform: rotate(135deg);-ms-transform: rotate(135deg);}
.HomePro .slick-arrow:hover {background-color: var(--hover-color);border-color: var(--hover-color);}
.HomePro .slick-arrow:hover:before{ border-color: #fff;}

@media (min-width:1025px) { 
.HomePro .slick-prev{left:-0.6rem;}
.HomePro .slick-next{right:-0.6rem;}
}
@media (max-width:1024px) {
.HomePro .slick-prev{left:0rem;}
.HomePro .slick-next{right:0rem;}
}




.HomeApp{padding:var(--padMar100) 0; position: relative;z-index: 2; overflow: hidden; background-image: linear-gradient(to bottom, #f9f9f9, #fff);}
/* .HomeApp::after {position: absolute;width: 8rem;height: 100%;content: "";right: 0;top: 0; background-color: #f5f5f5; clip-path: polygon(calc(420 / 980* 100%) 0, 100% 0, 100% 100%, 0 100%);z-index: -1;} */
/* .HomePro:before {width: 50vw;height: 100vw;right: -10vw;top: 0;content: "";background-image: linear-gradient(to bottom, #f5f5f5, rgba(246, 246, 246, 0));transform: skew(-25deg);position: absolute;} */
.HomeApp ul{ display: flex; flex-wrap: wrap;}
.HomeApp li{ float: left; margin-right: 2%; margin-bottom: 2%;}
.HomeApp li a{display: block;position: relative;overflow: hidden;}
.HomeApp li .imgbox:after{position: absolute; left: 0; top: 0; height: 100%; width: 100%; content: ""; display: block;background-color:var(--black);  opacity: 0.15; transition: all .3s;}
.HomeApp li .imgbox{padding-top: 66.56%;  transition: 0.3s; border-radius: 0.1rem; }
.HomeApp li a:hover .imgbox img{transform: scale(1.1);}
.HomeApp li .txt{position: absolute;left: 0; bottom: 0.2rem; width: 100%; padding:0 0.2rem;color: #fff;}
.HomeApp li .txt{ transition: opacity 0.3s;}
.HomeApp li a:hover .txt{opacity: 1; }
.HomeApp li .tit{font-size: var(--font-size22); font-weight: 500; line-height: 1.5; margin-bottom: 0.1rem; }
.HomeApp li .desc {font-size: var(--font-size16); line-height: 1.7; font-weight: lighter;opacity: 0; height: 0; transition: all .3s;}
.HomeApp li:hover .desc{opacity: 1;height: auto;}
.HomeApp li:hover .imgbox:after{opacity: 0.3;}
@media (min-width:1025px) { 
.HomeApp li{width: 24%; margin-bottom: 1%;}
.HomeApp li:not(:last-child){margin-right: 1%;}
.HomeApp li:nth-child(1){width: 50%;}
.HomeApp li:nth-child(4){width: 50%;}
.HomeApp li:nth-child(5){width: 49%;}
.HomeApp li:nth-child(3),
.HomeApp li:nth-child(5){margin-right: 0%;}
.HomeApp li:nth-child(1) .imgbox,
.HomeApp li:nth-child(4) .imgbox{padding-top: 45.354%;}
.HomeApp li:nth-child(5) .imgbox{padding-top: 46.28%;}
.HomeApp li:nth-child(2) .imgbox,
.HomeApp li:nth-child(3) .imgbox{padding-top: 94.568%;}
}
@media (max-width:1024px) {
.HomeApp li{width: 49%; margin-bottom: 2%;margin-right: 2%;}
.HomeApp li:nth-child(2n){margin-right: 0%;}
}
@media (max-width:640px) {
.HomeApp li{width: 100%; margin-bottom: 2%;margin-right: 0%;}
.HomeApp li:nth-child(2n){margin-right: 0%;}
}



/*Floor003237 */
.Floor003237{position: relative;z-index: 1; overflow: hidden;display: flex;/* align-items: center; */justify-content: flex-end;flex-direction: column; color:var(--white); }
.Floor003237 >  .Ispic{position: absolute; left: 0;top: 0;width: 100%;height: 100%;z-index:-1;}
.Floor003237 .circle-contain{--h:6rem;--t:1.1rem;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-white), 0.2); border-radius: 50%; transform: rotate(0deg);transition: transform 1s;}
.Floor003237 #circle .point {position: absolute;width: 0.2rem;height: 0.2rem;border-radius: 50%;border: 1px solid var(--white);top: 50%;left: 50%;margin-left: -0.13rem;margin-top: -0.13rem; 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(--white);width: 0.06rem;height: 0.06rem;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.20rem);transition: 0.2s;}
.Floor003237 #circle .en{ display: block;font-size: var(--font-size14); }
.Floor003237 #circle .point.active .title{font-size: var(--font-size24); 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 .point.active .title.center .en{ }
.Floor003237 #circle .icon{position: absolute;width: 0.7rem;height: 0.7rem;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; }
.Floor003237 #circle .point.active .icon{opacity: 1;transform: scale(1);}
.Floor003237 #circle .icon::before {position: absolute;content: '';border: 1px dashed #fff;border-radius: 50%;width: 0.9rem;height: 0.9rem;margin: -0.45rem 0 0 -0.45rem;left: 50%;top: 50%;}
.Floor003237 #circle .icon img{max-width:.5rem;max-height:.5rem; 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(--white);font-weight: 500;}
.Floor003237 .swiper-area .en{font-size: var(--font-size20); color: var(--white); line-height: 1.3;}
.Floor003237 .swiper-area .desc{font-size: var(--font-size18); line-height: calc(32 / 16); margin: 0.28rem 0 0.55rem 0; transition-delay: 0.3s; opacity: 0.8;}
@media (min-width:1025px) {
.Floor003237{min-height:8.6rem;  }
.Floor003237 #circle .title.center{ left: -1em !important;}
}
@media (max-width:1024px) {
.Floor003237{padding-top: var(--padMar100);}
.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-size26);}
.Floor003237 .swiper-area .en{font-size: var(--font-size16); }
.Floor003237 .swiper-area .desc{font-size: var(--font-size16);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-size24); 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);}
}


.HomeAbout{padding:var(--padMar100) 0; overflow: hidden; position: relative;  }
.HomeAbout .edit_info{font-size: var(--font-size16); color: #333; line-height: 2; }
.HomeAbout .edit_info p{ margin: 0.1rem 0;}
.HomeAbout .right img{ border-radius: var(--radius);}
.HomeAbout .Homemore{margin-top:0.35rem;}

.HomeAbout .number{ padding-top: var(--padMar60);}
.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:rgba(var(--rgb-hover),0.08);display: flex;justify-content: center;align-items: center;margin-right: 0.3rem;}
.HomeAbout .number li .icon img{max-width: 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(--hover-color);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: #333; }
.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: #333;}
.HomeAbout .number li p{font-size: var(--font-size16);color: #999; margin: 0;}

@media(min-width:1025px){
.HomeAbout .intro{ display: flex;  justify-content: space-between; align-items: center;}
.HomeAbout .left{width:47%;} 
.HomeAbout .right{width:48%;}
}
@media(max-width:1024px){
.HomeAbout .left{ margin-bottom: 0.2rem;}
.HomeAbout .number li{ width: 48%; margin-bottom: 0.2rem;}
.HomeAbout .number li aside b{font-size: var(--font-size36);}
.HomeAbout .number li .icon{width: 0.6rem;height: 0.6rem;margin-right: 0.16rem;}
.HomeAbout .number li .icon img{max-width: 0.35rem;}
}


/*Bottom003000 */
.Bottom003000{background:#222; padding:var(--padMar60) 0 0.4rem; position: relative; z-index: 1; }
.Bottom003000,
.Bottom003000 a{color: rgba(255,255,255,0.8); }
.Bottom003000 a{transition: 0.3s;}
.Bottom003000 a:hover{color:var(--hover-color);}
.Bottom003000 .b-left .logo{ width: 100%; /* max-width: 160px; */ margin-bottom:0.3rem;display: flex; align-items: center;}
.Bottom003000 .b-left .logo img{max-height: 0.45rem;}
.Bottom003000 .b-left .logo span{font-size: var(--font-size24); font-weight: 500; color: var(--white); }
.Bottom003000 .b-left .contact{line-height:1.75;  }
.Bottom003000 .b-left .contact dd{line-height: 0.26rem; display: block; padding-left:0.32rem;background-position: left top 3px;background-repeat: no-repeat; background-size: 0.18rem auto; }
.Bottom003000 .b-left .contact dd.Add{background-image: url("../images/icon_add.svg");}
.Bottom003000 .b-left .contact dd.Email{background-image: url("../images/icon_email.svg");}
.Bottom003000 .b-left .contact dd+dd{margin-top:0.1rem;}
.Bottom003000 .b-left .hotline .tit {display: inline-block;padding-left: 0.28rem;background: url(../images/Bottom-tel.svg) no-repeat left center;background-size: 0.2rem auto;margin-bottom: 0.12rem;}
.Bottom003000 .b-left .hotline .num{font-size: var(--font-size32); font-weight: 500; margin-bottom: 0.16rem;line-height: 1em;color: var(--white);}

.Bottom003000 .share{margin:3vw 0;}
.Bottom003000 .share li{display: inline-block;position: relative;}
.Bottom003000 .share li figure{position: absolute; right: 0; bottom: 100%; width: 1.2rem; padding: 0.05rem;background: #fff; margin-bottom: 0.1rem;border-radius: 0.1rem;display: none;}
.Bottom003000 .share li figure img{display: block;width: 100%;}
.Bottom003000 .share li figure:before{position: absolute; content: '';border:5px solid transparent; right: 0.2rem; top: 100%;border-top-color: #fff;}
.Bottom003000 .share li:not(:last-child){margin-right: 0.15rem;}
.Bottom003000 .share li a{display: block;border: 1px solid rgba(255,255,255,0.2);background: rgba(255,255,255,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;}
.Bottom003000 .share li a:hover{background-color: var(--hover-color);}

.Bottom003000 .b-right nav{border-bottom: 1px solid rgba(255,255,255,0.1); font-size: var(--font-size18); }
.Bottom003000 .b-right nav a{color: var(--white);display: inline-block;text-align: center;}
.Bottom003000 .b-right nav a:not(:last-child){margin-right: 1rem;}
/* .Bottom003000 .b-right nav a:not(:last-child):after{margin: 0 0.5rem;content: '';display: inline-block;width: 3px;height: 3px;border-radius: 50%;vertical-align: middle;background: rgba(255, 255, 255, 0.5);} */
.Bottom003000 .b-right nav a:hover{color:var(--hover-color);}
.Bottom003000 .b-right nav a .en{ display: block;  font-size: var(--font-size15); line-height: 1.2;}
@media(min-width:1025px){
.Bottom003000  .box{ display: flex;justify-content: space-between;}
.Bottom003000 .b-left{width: 32%;}
.Bottom003000 .b-right{text-align: right;width: 9rem;}
.Bottom003000 .b-right nav{padding-bottom: 0.24rem;}
}
@media(max-width:1024px){
.Bottom003000{text-align: center;}
.Bottom003000 .b-right{padding-top: 3vw;border-top: 1px solid rgba(84,84,84,0.2); margin-top: 3vw;}
.Bottom003000 .b-right nav{display: none;}
.Bottom003000 .share,
.Bottom003000 .contact{display: table; margin: 0 auto;}
.Bottom003000 .share{margin-top: 3vw;margin-bottom: 3vw;}
.Bottom003000 .contact{text-align: left;}
}



.nBanner{position: relative;}
.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;}
.nBanner .txt .cn{font-size: var(--font-size46);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);}
}

/*Columnmenu*/
.Columnmenu{background:#fff; border-bottom: 0.01rem solid #eee; position:relative;z-index:1;}
.Columnmenu ul{display:table;margin:0 auto;}
.Columnmenu li{float:left;padding:0 calc(17 / 1920 * 100vw);position:relative;}
.Columnmenu li:after{position:absolute;content:'';width:1px;right:0;top:50%;height:0.14rem;margin-top:-0.07rem;background:#dfdfdf;}
.Columnmenu li:last-child:after{display:none;}
.Columnmenu li a{display:block;font-size:var(--font-size18);position:relative;line-height:0.32rem; text-align: center; padding: 0.2rem 0;}
.Columnmenu li a .en{font-size:var(--font-size13); color: var(--grey3); line-height: 1.2;}
.Columnmenu li a:after{position:absolute;left: 50%;transform: translateX(-50%);bottom:0;content:'';height:0.02rem;width:0;background:var(--hover-color);transition: 0.3s;}
.Columnmenu li.aon a,.Columnmenu li:hover a{color:var(--hover-color);}
.Columnmenu li.aon a:after,.Columnmenu li:hover a:after{width: 100%;}

@media(max-width:1024px){
.Columnmenu li{padding:0 calc(60 / 1920 * 100vw);}
.Columnmenu li a{line-height:0.3rem;padding: 0.15rem 0;}
}


.lm-title{margin-bottom:0.4rem; line-height: 1;position: relative; z-index: 1;}
.lm-title.center{text-align: center;}
.lm-title .cn{font-size:var(--font-size42);color: #000;font-weight: 500;}
.lm-title .cn::after{content:''; width:0.5rem; height:.03rem; background-color:var(--hover-color); display: block; margin:.2rem 0 auto; border-radius: 0.05rem; }
.lm-title .en{font-size:var(--font-size68); color: var(--black); text-transform: uppercase;opacity: 0.03;position: absolute;top: 50%;width: 100%;transform: translateY(-75%);font-weight: bold;z-index: -1; }
.lm-title.center .cn::after{margin: .2rem auto 0 ;}
.lm-title.white .cn {color: #fff;}
.lm-title.white .en {color: #fff;}
.lm-title.white .cn::after{ background-color: #fff;}
@media(max-width:1024px){
.lm-title{margin-bottom:0.3rem;}
.lm-title .cn{font-size:var(--font-size32);}
.lm-title .en{font-size:var(--font-size46);}
}


.AboutInfo{ padding: var(--padMar100) 0;}
.AboutInfo .left{ position: relative;}
.AboutInfo .edit_info{font-size: var(--font-size16); color: var(--grey); line-height:1.8;}
.AboutInfo .edit_info p{margin: 0.05rem 0;}
.AboutInfo .pic img{ border-radius: var(--radius);}
@media (min-width:1025px) {
.AboutInfo .intro{display: flex; justify-content: space-between; align-items: center;}
.AboutInfo .left{width: 48%;}   
.AboutInfo .right{ width: 46%;}
}


.Culture{padding: var(--padMar100) 0; overflow: hidden;}
.Culture .slick-slider{margin-left: -0.1rem; margin-right: -0.1rem}
.Culture .slick-list{overflow: inherit}
.Culture .slick-slide {padding: 10px;position: relative;}
.Culture li .imgbox {padding-top: 68%;transition: 0.3s;border-radius: var(--radius);}
.Culture li .txt .tit{ font-size:var(--font-size18); line-height: 1.8; color: var(--black);padding: 0.15rem 0;text-align: center;}
.Culture .slick-slide:not(.slick-active) .pic .imgbox{opacity: 0.3}
.Culture .slick-arrow { width: 0.5rem; height: 0.5rem; border-radius: 50%; background: var(--hover-color); z-index: 2; position: absolute; top: 50%; transform: translateY(-50%);text-indent: -999em;overflow: hidden; }
.Culture .slick-arrow:before { position: absolute; content: ''; width: 20%; height: 20%; border-left: 2px solid #fff; border-top: 2px solid #fff; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); left: 40%; top: 40%; }
.Culture .slick-next:before { transform: rotate(135deg); -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); }
.Culture .slick-prev { left: -5%; }
.Culture .slick-next:before { transform: rotate(135deg); -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); }
.Culture .slick-next { right: -5%; }
.Culture .slick-arrow:hover:before{ border-color: #fff;}

@media(min-width:1025px){
.Culture .slick-prev{left:-0.3rem;}
.Culture .slick-next{right:-0.3rem;}
}
@media(max-width:1400px){
.Culture .slick-slider{padding-left: 10%; padding-right: 10%;}
.Culture .slick-prev{left:0.2rem;}
.Culture .slick-next{right:0.2rem;}
}


.TheoryInfo{padding: var(--padMar100) 0;}
.TheoryInfo .flex{display:flex;flex-wrap:wrap;overflow:hidden; border-radius: var(--radius);}
.TheoryInfo .con{padding:.3rem .5rem .3rem .7rem;display:flex;align-items:center;background-color:var(--hover-color);}
.TheoryInfo .imgbox{position:relative;}
.TheoryInfo .imgbox::before{content:'';display:block;background-image:linear-gradient(to right,var(--hover-color) 30%,transparent);width:50%;height:100%;position:absolute;left:0;top:0;}
.TheoryInfo .imgbox img{width:100%;height:100%;object-fit:cover;}
.TheoryInfo .desc{font-size: var(--font-size18); color:#fff; line-height:2;}

@media(min-width:1025px){
.TheoryInfo .con{width:42%;}
.TheoryInfo .imgbox{width:58%;}
}

@media(max-width:1024px){
.TheoryInfo .con{padding: .25rem;}
.TheoryInfo .imgbox::before{display:none;}
}

.PolicyInfo{padding: var(--padMar100) 0;}
.PolicyInfo .pic img{ border-radius: var(--radius);}
.PolicyInfo ul{display:flex;flex-direction:column;height:100%;}
.PolicyInfo li{display:flex;align-items:center;height:20%;border-bottom:.01rem solid #e8e9eb;padding:0.2rem 0;align-items:center;}
.PolicyInfo li .icon{width:.55rem;height:.55rem;border-radius:50%;background-color:var(--hover-color);overflow:hidden;position:relative; display: flex;justify-content: center;align-items: center;}
.PolicyInfo li .icon img{ max-width: 0.32rem;}
.PolicyInfo li .tit{margin-left: .2rem;font-size: var(--font-size22); color: var(--black); line-height:1.5;}
@media (min-width:1025px) {
.PolicyInfo .intro{display: flex; justify-content: space-between; align-items: center;}
.PolicyInfo .left{width: 50%;}   
.PolicyInfo .right{ width: 50%;padding-left: 0.6rem;}
}
@media(max-width:1024px){
.PolicyInfo li .tit{font-size: var(--font-size20);}
}


.ActionInfo{padding: var(--padMar100) 0;background-color: #f8f8f8;}
.ActionInfo ul{display:flex; flex-wrap: wrap;}
.ActionInfo li{ float: left; margin-right: 2%; margin-bottom: 2%;text-align: center;background: linear-gradient(to top, #fff, #e9fcf5);padding: .5rem .35rem 1rem;position: relative;overflow: hidden;border-radius: var(--radius);counter-increment: itemcounter;transition: 0.3s ; box-shadow: 0 0 0.15rem rgba(var(--rgb-hover),0.1);}
.ActionInfo li:before{content: counters(itemcounter, ".", decimal-leading-zero);position: absolute;font-size:var(--font-size50);color: var(--hover-color);opacity: .2;left: 50%;bottom: -.24rem;transform: translateX(-50%); font-weight: 500;}  
.ActionInfo li .icon{position: relative;margin-bottom: .3rem;text-align: center;}
.ActionInfo li .icon img{max-height: .5rem;position: relative;z-index: 10}
.ActionInfo li .tit{font-size: var(--font-size24); color: var(--black); line-height:1.5; margin-bottom: 0.1rem;}
.ActionInfo li .tit::after{content: '';display: block;width: .24rem;height: 0.03rem;background: var(--hover-color); border-radius: 0.05rem;margin: .12rem auto .25rem}
.ActionInfo li .desc{font-size: var(--font-size18); color:var(--grey2); line-height:1.8;}
.ActionInfo li:hover{background: linear-gradient(-0deg, #017c50, #33b46a);transform: translateY(-0.1rem)}
.ActionInfo li:hover:before{color: #fff;opacity: .2}
.ActionInfo li:hover .icon img{filter: grayscale(100) brightness(100);}
.ActionInfo li:hover .tit{color: #fff}
.ActionInfo li:hover .tit::after{background: #fff}
.ActionInfo li:hover .desc{color:#fff;}
@media(min-width:1025px){
.ActionInfo li{width:18.3%;}
.ActionInfo li:nth-child(5n){margin-right: 0%;}
}

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


/*Timeline000913 */
.Timeline000913{padding:var(--padMar100) 0 0 0;}
.Timeline000913 .main{position: relative; z-index: 1;padding-bottom: var(--padMar100); }
.Timeline000913 .main .quan{display: block;width: 0.1rem; height: 0.1rem; border-radius: 50%; background: #fff;border: 1px solid #dedede;}
.Timeline000913 .main:before{position: absolute; content:'';width: 1px; top: 0.1rem; bottom: 0;background: #e5e5e5; }
@media(min-width:769px){
.Timeline000913 .main .quan{ margin: 0 auto; }
.Timeline000913 .main:before{left: 50%;}
.Timeline000913 .outer > .ytable-cell{width: 50%;}
}
@media(max-width:768px){
.Timeline000913 .outer,
.Timeline000913 .outer > .ytable-cell{display: block;}
.Timeline000913 .main:before{left: 5px;}
}

.Timeline000913 .item{position: relative;z-index: 4;}
.Timeline000913 .item:not(:last-child){margin-bottom: 0.3rem;}
.Timeline000913 .info{position: relative;}
.Timeline000913 .info:before{position: absolute; content: ''; top: 50%; margin-top: -0.16rem; border:0.16rem solid  transparent;}
.Timeline000913 .info .inner{background: #f7f7f7; padding: 0.3rem; border-radius: var(--radius);}
.Timeline000913 .pic{width: 35%;}
.Timeline000913 .pre{position: relative; font-size: var(--font-size18); color: var(--black); line-height: 1.8;}
.Timeline000913 .pre p{margin:0.1rem 0;}
.Timeline000913 .year{color: var(--hover-color);font-size: var(--font-size45);font-weight: 500;}
.Timeline000913 .year aside{background-repeat: no-repeat;background-image: url("../images/Timeline000913_icon.png");}
@media(min-width:769px){
.Timeline000913 .item:nth-of-type(2n-1) .info{padding-right: 0.32rem;}
.Timeline000913 .item:nth-of-type(2n) .info{padding-left: 0.32rem;}
.Timeline000913 .item:nth-of-type(2n-1) .info:before{right: 0;border-left-color: #f7f7f7;}
.Timeline000913 .item:nth-of-type(2n) .info:before{left: 0;border-right-color: #f7f7f7;}
.Timeline000913 .item:nth-of-type(2n-1) .pre{padding-left: 0vw;}
.Timeline000913 .item:nth-of-type(2n) .pre{padding-right: 0vw;}
.Timeline000913 .item:nth-of-type(2n-1) .year aside{margin-left: -0.1rem;background-position: left center;}
.Timeline000913 .item:nth-of-type(2n-1) .year aside:before,
.Timeline000913 .item:nth-of-type(2n) .year aside:after{display: inline-block; content: ''; width: 0.3rem; height: 1px; vertical-align: middle;background: #e5e5e5; margin: -0.1rem 0.32rem 0;}
.Timeline000913 .item:nth-of-type(2n) .year aside{background-position: right center;margin-right: -0.11rem; text-align: right;}
}
@media(max-width:768px){
.Timeline000913 .main{margin-left: 3vw;}
.Timeline000913 .year{font-size: 7vw;}
.Timeline000913 .year aside{padding-left: 32px;background-position: left center;margin-left: -5px;}
.Timeline000913 .year aside:before{display: inline-block; content: ''; width: 30px; height: 1px; vertical-align: middle;background: #d9d9d9; margin: -1vw 3vw 0;}
.Timeline000913 .info{padding: 3vw;}
.Timeline000913 .info .inner{padding: 0.2rem;}
}
@media(max-width:480px){
.Timeline000913 .pic{width:45%;}
.Timeline000913 .pre pre{font-size: 3.5vw;}
}


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

.SerProcess ul{display: flex;flex-wrap: wrap;}
.SerProcess li{padding:0.5rem 0.2rem;position: relative;box-sizing: border-box;text-align: center;position: relative;margin-right:1%; background: #f9f9f9; border:1px solid #eee;margin-bottom:2%; border-radius: var(--radius);transition: all .5s;}
.SerProcess li::before {position: absolute;content: ''; left: 50%;transform: translateX(-50%); bottom: 0;width:0; height: 0.04rem;background-color: var(--hover-color);transition: 0.5s;}
.SerProcess li:hover::before{width: 100%;}
.SerProcess li:hover{transform: translateY(-0.1rem); }
.SerProcess li .step{width:0.8rem;height:0.35rem;border-radius: 0 0.35rem 0.35rem 0;background: var(--hover-color);color:#fff;font-size: var(--font-size16);text-align: center;line-height: 0.35rem;position: absolute;left:0;top:0.2rem;text-transform: uppercase;}
.SerProcess li{padding-top:0.8rem !important;}
.SerProcess li .icon{width:.8rem;height:.8rem;border-radius:50%;background-color:var(--hover-color);overflow:hidden;position:relative; display: flex;justify-content: center;align-items: center; margin: 0 auto 0.3rem;}
.SerProcess li .icon img{ max-width: 0.4rem;}
.SerProcess li .desc{font-size: var(--font-size18);color:var(--black); line-height: 1.75;}
.SerProcess li .desc p{ margin: 0.05rem 0;}
.SerProcess li .desc .en{font-size: var(--font-size16);line-height: 1.7;}
@media (min-width:1025px) { 
.SerProcess li{width:19.2%;}
.SerProcess li:nth-child(5n){margin-right: 0%;}
}
@media (max-width:1024px) {
.SerProcess li{width:49%;margin-right:2%;padding: .24rem .15rem 0.2rem ;padding-top: 0.6rem !important;}
.SerProcess li:nth-child(2n){margin-right: 0%;}
}

.Production{padding: var(--padMar100) 0; background: #f8f8f8;}
.Production .item{ background: #fff; border-radius: var(--radius); overflow: hidden; box-shadow: 0 0 0.2rem rgba(0,0,0,0.1);}
.Production .item:not(:last-child){ margin-bottom: 0.24rem; }
.Production .info{ padding: 0.2rem 0.6rem; }
.Production .tit{font-size: var(--font-size28);color:var(--black);font-weight: 500; margin-bottom: 0.2rem;position: relative; }
.Production .tit span{font-size: var(--font-size24); padding-left: 0.15rem;font-weight: normal; }
.Production .tit::after{content: '';display: block;width: .4rem;height: 0.03rem;background: var(--hover-color); border-radius: 0.05rem;margin: .12rem  0 auto}
.Production .desc { font-size: var(--font-size16); color: var(--grey); line-height: 1.8; margin:0; }
.Production .desc p{ margin: 0.05rem;}
@media (min-width:1025px) {
.Production .item{display: flex; justify-content: space-between; align-items: center;}
.Production .item:nth-child(2n){ flex-direction: row-reverse;}
.Production .pic{width: 50%;}   
.Production .info{ width: 50%; }
}
@media (max-width:1024px) {
.Production .info{ padding: 0.2rem; }
.Production .tit span{font-size: var(--font-size20);}
}

.Newlist{padding: var(--padMar100) 0;}
.Newlist li {background: #fff; overflow: hidden;border-bottom: 1px solid #f3f3f3; padding-bottom: calc(30 / 16* 1em);  margin-bottom: calc(30 / 16* 1em); }
.Newlist li .pic{}
.Newlist li .pic .imgbox{padding-top:68.9%;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-size22);color:var(--black);margin-bottom:0.12rem;}
.Newlist li .txt .desc{font-size:var(--font-size16);line-height:1.875;color:#666; }
.Newlist li a:hover .txt .tit{color:var(--hover-color);}
@media (min-width:1025px) {
.Newlist li a{display: flex; justify-content: space-between; align-items: center;}
.Newlist .pic{width: 23%;}
.Newlist .txt{width: 73%;}
}

@media(max-width:1024px){
.Newlist li .pic{ margin-bottom: 0.2rem;}
.Newlist li .n_more{ margin-top: 0.2rem;}
}

.News_detail {padding: var(--padMar100) 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: 2; 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: 1.8rem; line-height: 0.5rem; border-radius: 0.5rem; 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.5rem;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 (min-width:1025px) {

}

@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{ text-align: center; display: table;margin: 0 auto; width: 100px;}
.News_detail .info_pn span {  margin: 2% 0; }
.News_detail .info img{width: 100% !important; height: 100% !important;}
}




.Prolist{padding:  var(--padMar100) 0;}
.Prolist ul{display: flex; flex-wrap: wrap;}
.Prolist li{background: #f9f9f9; margin-bottom: 2%; margin-right: 2%; text-align: center;border-radius: var(--radius); overflow: hidden;}
.Prolist li .imgbox{padding-top: 66.56%;overflow: hidden;  transition: 0.3s;}
.Prolist li a:hover .imgbox img{transform: scale(1.1);}
.Prolist li .txt{ padding: 0.2rem 0.15rem;}
.Prolist li .tit{font-size: var(--font-size20);color: var(--black); font-weight: 500;margin-bottom: 0.1rem; line-height: 1.5;}
.Prolist li .tit .en{font-size: var(--font-size16);color: var(--grey2);font-weight: normal; line-height: 1.3;}
.Prolist li:hover .tit{ color: var(--hover-color);}
@media (min-width:1025px) { 
.Prolist li{width:23.5%;}
.Prolist li:nth-child(4n){ margin-right: 0;}
}
@media (max-width:1024px) {
.Prolist li{width:49%;}
.Prolist li:nth-child(2n){ margin-right: 0;}
.Prolist li .txt{padding: 0.15rem;}
}


/*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.55rem; width: 0.55rem; margin: 0 5px; border: 1px solid #eee; border-radius: 0.5rem;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{}
.Page002623 .Pages em{display: none;}
}


.RighInfo003134{padding:  var(--padMar100) 0;}
.RighInfo003134 .img-side{ background-color: var(--white); border-radius:var(--radius); overflow: hidden;  /* margin-bottom: 0.4rem; */}
.RighInfo003134 .big{ /* margin-bottom:0.3rem; */}
.RighInfo003134 .big li .imgbox{ padding-bottom: 66.56%; background-size:contain;}
.RighInfo003134 .big li .imgbox img{object-fit: contain;border-radius: var(--radius);}
.RighInfo003134 .small{ padding:0 0.2rem; position:relative;}
.RighInfo003134 .small li .imgbox{ margin:0 auto; padding-bottom:80%; background-size:contain; max-width:90%; border:1px solid #eee;cursor: pointer;}
.RighInfo003134 .small li .imgbox img{object-fit: contain;}
.RighInfo003134 .small li.slick-current .imgbox{ border-color:var(--hover-color);}

.RighInfo003134 .small .slick-arrow{position:absolute;width:0.18rem;height:0.18rem;top:50%;margin-top:-0.09rem;overflow:hidden;font-size: 0;cursor: pointer;z-index:10;border: 0;background: none;padding: 0;border-top: 0.03rem solid #ddd;border-left: 0.03rem solid #ddd;transform:rotate(-45deg);}
.RighInfo003134 .small .slick-prev{ left:0px;}
.RighInfo003134 .small .slick-next{transform:rotate(135deg); right:0px;}
.RighInfo003134 .small .slick-arrow:hover{ border-color: var(--hover-color);}
.RighInfo003134 .small .slick-disabled{ cursor:default; }
.RighInfo003134 .small .slick-disabled:hover{ border-color: #ddd;}

.RighInfo003134 .img-side .txt{text-align: left; }
.RighInfo003134 .img-side .tit{ font-size:var(--font-size30);color: var(--black); font-weight: 500; margin-bottom: 0.25rem; padding-bottom:0.15rem ; border-bottom: 1px solid #eee;}
.RighInfo003134 .img-side .tit .en{font-size:var(--font-size24);color: var(--grey3);font-weight: normal; margin-left: 0.1rem;}
.RighInfo003134 .img-side .line{width: 0.2rem; height: 2px; background-color: var(--hover-color);display: block;margin: 0 auto;}
.RighInfo003134 .img-side .text{ line-height:1.8; color: var(--grey2); font-size: var(--font-size16); margin-top: 0.24rem; }
.RighInfo003134 .img-side .text p{position: relative;/* padding-left: 0.16rem; */ line-height: 1.8; margin: 0.1rem 0;}
/* .RighInfo003134 .img-side .text p:before{position: absolute; content: ''; width: 0.05rem; height: 0.05rem; border-radius: 50%;background: var(--hover-color); left: 0; top:0.12rem;} */
.RighInfo003134 .img-side .btn{ margin-top: 0.35rem;}
.RighInfo003134 .img-side .btn a{display: inline-block;font-size: var(--font-size16);color: #fff;box-shadow: 0px 0.05rem 0.2rem rgba(var(--rgb-hover), 0.08);border-radius: 0.5rem; min-width:1.5rem;text-align: center; line-height: 0.55rem;padding: 0 0.2rem; cursor: pointer;}
.RighInfo003134 .img-side .btn a.Consult{background-color: var(--hover-color);}
.RighInfo003134 .img-side .btn a.download2{background-color: #6e6e6e;}
.RighInfo003134 .img-side .btn a:hover{background-color: var(--hover-color);}

.RighInfo003134 .prod-intro{}

.RighInfo003134 .tab .h1_tab{margin:0;margin-bottom:3%;border-bottom:1px solid #eee;overflow:hidden;font-weight:normal;color:#333;}
.RighInfo003134 .tab .h1_tab span{float:left; margin-right: 0.05rem; padding:0 0.3rem;line-height:0.6rem;background-color:#f5f5f5;font-size:var(--font-size18); font-weight: 500; cursor:pointer;border-radius: 0.1rem 0.1rem 0 0; }
.RighInfo003134 .tab .h1_tab span.on{background-color:var(--hover-color);color:#fff; }

.RighInfo003134 .prod-intro .name{border-bottom: 1px solid #efefef;font-size:var(--font-size30); color: var(--black); font-weight: 500; line-height: 2;position: relative;}
.RighInfo003134 .prod-intro .name:after {content: '';width: 50px;height: 3px;background: var(--hover-color);display: block;margin-top: 8px;}
.RighInfo003134 .prod-intro .name i{width: 2em; height: 2em;border-radius: 50%;background-color: var(--hover-color);display: inline-block;vertical-align: top; margin-right: 0.625em; background-repeat: no-repeat; background-position: center; background-size: auto 50%;}
.RighInfo003134 .prod-intro .name-1 i{background-image: url(../images/RighInfo003134-icon-file.svg);}
.RighInfo003134 .prod-intro .name-2 i{background-image: url(../images/RighInfo003134-title-icon.svg);}
.RighInfo003134 .prod-intro .singlePage{line-height: 1.8; margin: 0.2rem 0 0.3rem 0; color: var(--grey); font-size: var(--font-size18);}
.RighInfo003134 .prod-intro .singlePage p{ margin: 0.1rem 0;}
.RighInfo003134 .prod-intro .singlePage h4{ text-align: center;font-size: var(--font-size24); line-height: 1.2; margin: 0; margin-bottom: 0.15rem;}

.RighInfo003134 .table_1 th {font-weight: normal;}
.RighInfo003134 .table_1 th,
.RighInfo003134 .table_1 td{ text-align:left; border:1px solid #eee; border-collapse:collapse; line-height:1.7; padding:0.12rem 0.15rem;font-size:var(--font-size16);}
.RighInfo003134 .table_1 .th_1{ background:var(--hover-color);color: #fff}
.RighInfo003134 .table_1 tr:nth-child(2n+1){ background: #f8f8f8;}
.RighInfo003134 .table_1 tr th{ background:var(--hover-color);color: #fff;font-size:var(--font-size18);}


@media (min-width:1025px) {
.RighInfo003134 .img-group{width: 48%;border-right: solid 1px #f2f2f2;}
.RighInfo003134 .img-side .txt{padding-left: 0.5rem;}

}
@media (max-width:1024px) {
.RighInfo003134 .img-side{ }
.RighInfo003134 .img-group{ padding-bottom: 0.3rem;}
.RighInfo003134 .img-side .btn a{padding: 0;}
.RighInfo003134 .img-side .txt{ background: #fff;}
.RighInfo003134 .img-side .btn{margin-top:2em;}
.RighInfo003134 .img-side .tit{font-size: var(--font-size26);}
.RighInfo003134 .img-side .tit .en{font-size: var(--font-size18);}
}




.ContactInfo{padding: var(--padMar100) 0; }
.ContactInfo .Contact h2{font-size: var(--font-size30); font-weight: 500; line-height: 1.2; color: #333; margin: 0;margin-bottom: 0.2rem; }
.ContactInfo .Contact li{display: flex;flex-wrap: wrap;border-bottom: 1px dashed #e6e6e6; padding:0.2rem 0 ;}
.ContactInfo .Contact li .icon{width: 0.42rem;}
.ContactInfo .Contact li .icon img{max-width: 0.26rem;}
.ContactInfo .Contact li .txt{font-size: var(--font-size16);color: #333;  width: calc(100% - 0.42rem);}
.ContactInfo .Contact li .txt .tit{color: #666; margin-bottom: 0.08rem; font-weight: lighter; }
.ContactInfo .Contact li .txt p{ margin: 0; line-height: 1.5;font-size: var(--font-size18); }
.ContactInfo .Contact li .txt p b{font-size: var(--font-size28); color: var(--hover-color);font-weight: 500; }
.ContactInfo .pic img{ border-radius: var(--radius);}
@media (min-width:1025px) { 
.ContactInfo .box{display: flex; align-items: center; justify-content: space-between;  }
.ContactInfo .Contact{width:48%;}
.ContactInfo .pic{width:48%;}
}
@media (max-width:1024px) {
.ContactInfo .Contact{ margin-bottom: 0.2rem;}
}

.Contactlist{padding: var(--padMar100) 0 var(--padMar80) 0; background: #f9f9f9;}
.Contactlist .title{font-size: var(--font-size32); font-weight: 500;line-height: 1.2; color: #333;margin-bottom: 0.4rem;}
.Contactlist .box + .box{margin-top: 0.3rem;}
.Contactlist .item{display: flex;flex-wrap: wrap;align-items: center; justify-content: space-between; background: #fff; border-radius: 0.1rem; overflow: hidden;}
.Contactlist .pic{width:40%;}
.Contactlist .pic .imgbox{padding-top: 83.35%; transition: 0.3s; }
.Contactlist .info{width:60%; padding:0.15rem 0.25rem ;}
.Contactlist .info ol{margin-bottom:0.2rem;font-size: var(--font-size20); margin-bottom: 0.12rem;color: var(--black); }
.Contactlist .info li{padding-left:0.27rem;position:relative;line-height:1.8;color:#333;margin-bottom:0.08rem;display:flex;}
.Contactlist .info li::before{content:'';position:absolute;left:0;top:0;width:0.18rem;height:0.3rem; background-repeat: no-repeat; background-position: left center; background-size:0.16rem auto;}
.Contactlist .info li span{flex-shrink:0;}
.Contactlist .info li.add::before{background-image:url(../images/add.svg);}
.Contactlist .info li.email::before{background-image:url(../images/email.svg);}
.Contactlist .info li.tel::before{background-image:url(../images/tel.svg);}
.Contactlist .info li.fax::before{background-image:url(../images/fax.svg);}
.Contactlist .info li.web::before{background-image:url(../images/web.svg); background-size:0.18rem auto;}

@media (min-width:1025px) { 
.Contactlist .item{ float: left; width: 49%; margin-right: 2%; margin-bottom: 2%;  }
.Contactlist .item:nth-child(2n){margin-right: 0%;}
}
@media (max-width:1024px) {
.Contactlist .title{font-size: var(--font-size28);margin-bottom: 0.3rem;}
.Contactlist .item{ margin-bottom: 0.2rem;}
}

@media (max-width:640px) {
.Contactlist .pic{width: 100%;}
.Contactlist .info{width: 100%;padding: 0.2rem;}
}



.Searchlist{padding:var(--padMar100) 0;}
.Searchlist ul{display: flex; flex-wrap: wrap;}
.Searchlist li{background: #fff; margin-bottom: 2%; margin-right: 2%; text-align: center;border-radius: var(--radius); overflow: hidden;transition: 0.3s; border: 1px solid #eee;}
.Searchlist li .imgbox{padding-top: 66.56%;overflow: hidden;  transition: 0.3s;}
.Searchlist li a:hover .imgbox img{transform: scale(1.1);}
.Searchlist li .txt{ padding: 0.2rem;}
.Searchlist li .tit{font-size: var(--font-size20);color: #333; font-weight: 500;margin-bottom: 0.1rem;}
.Searchlist li .desc{color: #333;font-weight: lighter;font-size: var(--font-size16); line-height: 1.6;}
.Searchlist li:hover .tit{ color: var(--hover-color);}
@media (min-width:1025px) { 
.Searchlist li{width:23.5%;}
.Searchlist li:nth-child(4n){ margin-right: 0;}
}
@media (max-width:1024px) {
.Searchlist li{width:49%;}
.Searchlist li:nth-child(2n){ margin-right: 0;}
.Searchlist li .txt{padding: 0.12rem;}
} 



.SingleInfo{padding:var(--padMar100) 0;}
.SingleInfo .edit_info{line-height:2; color: #333333;}
.SingleInfo li{ margin-bottom: 1%;}