@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:#008000;--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:0,128,0; --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{display: inline-block;font-size: var(--font-size46);color: var(--black);font-weight: bold; line-height: 1.2; letter-spacing: 0.02rem; }
.Hometitle .en {font-size:var(--font-size20);color: var(--hover-color);text-transform: uppercase; margin-bottom:0.14rem;}
.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 .desc{ color: #fff; }
.Hometitle.center{ text-align: center;}
.Hometitle.center::after{margin: 0.15rem auto 0;}
.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(--black); font-weight: lighter; }
.Homemore i {width: 0.5rem;height: 0.5rem; border-radius: 50%; position: relative; margin-left:0.1rem;overflow: hidden;background: var(--hover-color); }
.Homemore i: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;transform:rotate(-45deg);transition: 0.5s ease-out; }
.Homemore:hover i:before { transform:rotate(-0deg); }

.Homemore.white span{color: var(--white);}
.Homemore:hover span{ color: var(--hover-color);}

@media(max-width: 1024px) {
.Hometitle {margin-bottom: 0.3rem;}
.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.2rem;}
.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.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: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 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(80 / 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.16rem;}
.top-search { width: 20em; }
.Top003156 menu li .sub{position: absolute; top: 100%; background-color: #fff;border-radius: 0 0 5px 5px;width: 1.5rem;  margin-left: -0.75rem; overflow: hidden;}
.Top003156 menu li .sub dt a:hover{color:var(--hover-color);}
}

@media (max-width:1024px) {
.Top003156 menu { position: absolute; right: 0; top: 100%;width: 100%; padding: 0.24rem; background: #fff;  visibility: hidden; transform: translateY(5em); transition: 0.3s; opacity: 0;box-shadow: 0 3px 12px rgba(0, 0, 0, .1); }
.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.45rem; }
.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;}
.Top003156 menu li .sub dt{text-align: left}
.Top003156 menu li .sub dt.aon a{color:var(--hover-color);}
.Top003156 .top-right .lang .lang_box{width: 60px; margin-left: -30px;}
}




.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;width:100%;left:0;top:50%;transform: translateY(-50%);color:#fff; z-index: 20;}
.HomeBan li .txt .tit {font-size: var(--font-size45);line-height: 1.3;  margin-bottom: 0.2rem;font-weight: 500;}
.HomeBan li .txt .desc{font-size: var(--font-size18); line-height: 1.875;}
.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 {display: inline-block;width: 0.32rem;height: 0.32rem;cursor: pointer;border: 1px solid transparent;margin: 0 0.1rem;position: relative;}
.HomeBan .slick-dots li button {position: absolute;background: var(--white);font-size: 0;width: 0.08rem;height: 0.08rem;border-radius: 50%;left: 50%;top: 50%;margin: -0.04rem 0 0 -0.04rem;border: 0;padding: 0;cursor: pointer;}
.HomeBan .slick-dots li:after {position: absolute;left: 0;top: 0;width: 100%;height: 100%;animation: rotate360 4s linear infinite;content: "";}
.HomeBan .slick-dots li.slick-active button{ background: var(--hover-color);}
.HomeBan .slick-dots li.slick-active:after {background: url(../images/quan.png) no-repeat center; background-size: contain;}

@keyframes rotate360 {
from {transform: rotate(0deg);}
to {transform: rotate(360deg);}
}


@media (min-width:1025px) {
.HomeBan .wap{display: none;} 
.HomeBan .text{width: 48%;}
}
@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;}
}


/*Floor003231 */
.Floor003231{position: relative;z-index: 1; overflow: hidden; padding-top: var(--padMar100); }
.Floor003231 .swiper-wrapper{height: auto;}
.Floor003231 .swiper .txt{position: absolute; left: 0;top: calc(300 / 956 * 100%);height: 100%;width: 100%; z-index: 2;}
.Floor003231 .swiper-slide-active .txt .box > div{transform: translateY(0); opacity: 1;}
.Floor003231 .tit{font-size: var(--font-size36); color:var(--white); margin-bottom: .26rem;  position: relative; font-weight: 500; }
.Floor003231 .desc{color:rgba(var(--rgb-white),0.85); line-height: 1.875; padding-bottom: 0.3rem; font-size: var(--font-size18);}
.Floor003231 .controls li{ display: flex;align-items: center;justify-content: center; flex-direction: column; transition: 0.3s;position: relative;z-index: 1;background-color: var(--white);padding: 0 0.1rem;}
.Floor003231 .controls li.on{background-color:var(--hover-color); color: var(--white); }
.Floor003231 .controls li .more{position: absolute;width: 0.5rem;height: 0.5rem;border-radius: 50%;background: var(--white);  bottom: -0.3rem;left: 50%;margin-left: -0.3rem; transition: 0.3s; transform: scale(0); transition: 0.3s;display: flex;align-items: center;justify-content: center;}
.Floor003231 .controls li .more::after{position: absolute; content: ''; z-index: 5; width: 100%; height: 100%; left: 0; top: 0; background: url(../images/more.svg) no-repeat center; background-size: auto 0.14rem;transform:rotate(-45deg);transition: 0.5s ease-out;}


.Floor003231 .controls li .more:hover{transform: scale(1) rotate(90deg); transition-delay: 0s;}
.Floor003231 .controls li p{height: 0;overflow: hidden;font-size: var(--font-size16); line-height: calc(30 / 16);color: var(--white);opacity: 1;margin: 0;text-align: center; transition: 0.3s 0.3s; }
.Floor003231 .controls li:not(.on) .tit{color: var(--black);}
.Floor003231 .controls li .ico{display: flex;align-items: center;justify-content: center; margin-bottom: 0.2rem; transition: 0.3s;width: 0.51rem;height: 0.51rem;}
.Floor003231 .controls li.on .ico img{filter: brightness(0) invert(1);}
.Floor003231 .bg{position: relative;}
.Floor003231 .bg::before{position:absolute; left: 0; top: 0; width: 100%; height: 100%; content: ''; background:var(--black); opacity: 0.55; }
@media (min-width:1025px) {
.Floor003231 .title{position: absolute; left: 0;  top: 1.2rem;z-index: 10; width: 100%;}
.Floor003231 .txt .box > div{max-width: 5.2rem; width: 50%; }
.Floor003231 .desc{min-height:2rem;}
.Floor003231 .controls{position: absolute;z-index: 10;bottom: calc(120 / 956 * 100%);right: 0;width: 100%;pointer-events: none;}
.Floor003231 .controls li{width:2rem; height:2rem; pointer-events: all;margin-bottom: 0.5rem; }
.Floor003231 .controls li + li{margin-left: 0.3rem;}
.Floor003231 .controls li .tit{font-size: var(--font-size20);}
.Floor003231 .controls li.on{padding: 0 0.24rem;margin-bottom: 0; width:3rem; height:3rem;}
.Floor003231 .controls li.on .more{transform: scale(1); transition-delay: 0.3s;}
.Floor003231 .controls li.on .ico{width: 0.62rem;height: 0.62rem;}
.Floor003231 .controls li.on .tit{font-size: var(--font-size24); margin-bottom: 0.18rem;}
.Floor003231 .controls li.on p{height: calc(30 / 16 * 2em);}
}
@media (max-width:1024px) {
.Floor003231 .title{ top:var(--padMar100);}
/* .Floor003231 .swiper-slide{padding:2rem 0 1.5rem; position: relative;} */
.Floor003231 .swiper .txt{top: calc(100 / 956 * 100%);}
.Floor003231 .controls [class*=autoCon-]{width: 100%;}
.Floor003231 .controls ul{align-items: stretch;} 
.Floor003231 .controls li{padding: 0.2rem 0.1rem;flex: 1;}
.Floor003231 .controls li .tit{font-size: var(--font-size18);margin-bottom: 0rem;}
.Floor003231 .tit{font-size: var(--font-size30);margin-bottom: .16rem;}
.Floor003231 .desc{ line-height:1.75; font-size: var(--font-size16); height:calc(1.75em * 3); min-height: auto; margin-bottom: .3rem;}
}
@media (max-width:640px) {
.Floor003231 .swiper-slide img{width: 160%;max-width: none;margin-left: -40%;}
.Floor003231 .controls li .ico{margin-bottom: 0.1rem;width: 0.4rem;height: 0.4rem;}
.Floor003231 .controls li .tit{font-size: var(--font-size18);}
}




.HomeAbout{padding:var(--padMar100) 0; overflow: hidden; position: relative; background: url(../images/HomeAbout_bj.jpg) no-repeat center center; background-size: cover;}
.HomeAbout .slogan{font-size: var(--font-size40); color: var(--black); font-weight: 500; line-height: 1.3; }
.HomeAbout .edit_info{font-size: var(--font-size18); color: var(--grey); line-height: 1.875; }
.HomeAbout .edit_info p{ margin: 0.1rem 0;}
.HomeAbout .Homemore{margin-top:0.4rem;}

.HomeAbout .pic{position: relative;z-index: 5;overflow: hidden; margin-top: 0.4rem;}
.HomeAbout .open-video{position: absolute;left: 50%;top: 50%; cursor: pointer; z-index: 10;transform: translate(-50%,-50%);bottom: auto;}
.HomeAbout .open-video i{display: block;width: 0.6rem; height: 0.6rem; border-radius: 50%; background: url(../images/play.png) no-repeat center center; background-size: 0.18rem auto; position: relative; z-index: 4; background-color: var(--hover-color);}
.HomeAbout .open-video:before,
.HomeAbout .open-video: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;}
.HomeAbout .open-video:before{left: -0.24rem; top: -0.24rem; bottom: -0.24rem;right: -0.24rem; animation-delay: 0.3s;}
.HomeAbout .open-video:after{left: -0.4rem; top: -0.4rem; bottom: -0.4rem;right: -0.4rem;}
.HomeAbout .pic video{position: absolute;left: 0; top: 0;  z-index: 20;background: var(--black);}

.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: 18%; 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.24rem;}
.HomeAbout .number li .icon img{max-width: 0.42rem;}
.HomeAbout .number li .Con{flex: 1;}
.HomeAbout .number li aside{display: inline-block;position: relative;line-height: 1;}
.HomeAbout .number li aside b{font-size: var(--font-size46);color: var(--hover-color);display: block;  font-weight: 500; }
.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(--hover-color); }
.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(--hover-color);}
.HomeAbout .number li p{font-size: var(--font-size16);color: var(--grey2); margin: 0;line-height: 1.2;margin-top:0.12rem; }


@media(min-width:1025px){
.HomeAbout .intro{ display: flex;  justify-content: space-between; }
.HomeAbout .left{width:38%;} 
.HomeAbout .right{width:47%;}
}
@media(max-width:1024px){
.HomeAbout .slogan{font-size: var(--font-size30); }
.HomeAbout .left{ margin-bottom: 0.2rem;}
.HomeAbout .number li{ width: 48%; margin-bottom: 0.2rem;}
.HomeAbout .number li aside b{font-size: var(--font-size42);}
}
@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);}
}


.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{width:90%;}
}



/*Bottom002900 */
.Bottom002900{background: #232323;padding: var(--padMar60) 0 0 0; position: relative; background-size: cover;}
.Bottom002900,
.Bottom002900 a{color: rgba(255,255,255,.7);}
.Bottom002900 a:hover{ color: var(--white);}
@media(min-width:1025px){
.Bottom002900 .contact{width: 35%;max-width: 4rem;}
.Bottom002900 .b_nav{max-width: 8rem;width: 60%;}
}

.Bottom002900 .b_nav nav dl{float: left; max-width: 1.8rem;}
.Bottom002900 .b_nav nav dt { margin-bottom: 0.2rem;font-size: var(--font-size20);color: var(--white);  position: relative; }
.Bottom002900 .b_nav nav dt:after{display: block;content: ''; width:.24rem; height:.02rem; background-color:var(--white);margin:.15rem 0 auto; }
.Bottom002900 .b_nav nav dt a{color: var(--white);}
.Bottom002900 .b_nav nav dt a:hover{color: var(--white);}
.Bottom002900 .b_nav nav dd{line-height: 0.24rem;padding: 0.06rem 0;}
.Bottom002900 .b_nav nav dd a{font-size: var(--font-size16);}
.Bottom002900 .b_nav nav dd a:hover{color: var(--white);}
@media(max-width:1600px){
    .Bottom002900 .b_nav nav dd a{font-size: var(--font-size14);}
}
@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); 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.5);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.65rem;}
.Bottom002900 .contact .hotline .tit{color: var(--white);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-size32); font-weight: 500; margin-bottom: 0.18rem;line-height: 1;color: var(--hover-color);}
.Bottom002900 .contact .hotline p{display: block; margin: 0.06rem 0; line-height: 1.6; padding-left:0.26rem;background-position: left top 3px;background-repeat: no-repeat; background-size: 0.18rem auto; color: var(--white); opacity: 0.8; }
.Bottom002900 .contact .hotline p.add{background-image: url("../images/icon_add.svg");}
.Bottom002900 .contact .hotline p.email{background-image: url("../images/icon_email.svg");}
.Bottom002900 .contact .hotline p.phone{background-image: url("../images/icon_phone.svg");}
.Bottom002900 .contact .hotline p+p{margin-top:0.1rem;}
.Bottom002900 .code { margin-top: 0.3rem;}
.Bottom002900 .code .tit{font-size: var(--font-size16);color: var(--white);}
.Bottom002900 .code ul{display: flex;justify-content: flex-start;}
.Bottom002900 .code li{text-align: center; }
.Bottom002900 .code li:not(:last-child){ margin-right: 0.2rem;}
.Bottom002900 .code li .img{max-width: 1.1rem;border-radius: 0.05rem;background-color: var(--white);margin-bottom: 0.1rem; overflow: hidden;}
.Bottom002900 .code li p{margin: 0;font-size: var(--font-size16);}

.Bottom002900 .share li{float: left;position: relative;}
.Bottom002900 .share li figure{position: absolute; left: 0; bottom: 100%; width: 1.2rem; padding: 0.05rem;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:0.05rem 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(255,255,255,0.15); 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(min-width:1025px) and (max-width:1280px){
.Bottom002900 .share li:not(:last-child){margin-right: 2vw;}
}
@media(max-width:1024px){
.Bottom002900{text-align: center;}
.Bottom002900 .logo{padding: 0 20% 3%;}
.Bottom002900 .contact .tit{padding: 3vw 0;justify-content: center;}
.Bottom002900 .contact .hotline p{ display: table;margin: 0 auto;}
.Bottom002900 .share ul{display: table;margin: 0 auto;}
.Bottom002900 .share li figure{left: 50%; margin-left: -60px;}
.Bottom002900 .share li figure:before{left: 50%; margin-left: -5px;}

}




.cbanner{position: relative;}
.cbanner .txt{width:100%;position: absolute;z-index: 10;left:0;top:50%;transform: translateY(-50%);color:#fff; display: flex;align-items: center;justify-content: center; }
.cbanner .txt.center{ text-align: center;}
.cbanner .txt .cn{font-size: var(--font-size48);font-weight: 500;line-height: 1;margin-bottom: 0.1rem;}
.cbanner .txt .en{font-size: var(--font-size24); color: #fff; line-height: 1.2;  text-transform: uppercase;}
.cbanner .txt .desc{font-size: var(--font-size20); color: #fff; line-height: 1.8; margin-top: 0.2rem; }
.cbanner .txt .btn{margin-top: 0.4rem;display: flex;justify-content: center;}
.cbanner .txt .btn a{display: flex;align-items: center;width: 1.6rem;height: .52rem;border-radius: 0.5rem; border: 0.02rem solid var(--white);  color:var(--white);justify-content: center;margin: 0 0.1rem;transition: .3s all}
.cbanner .txt .btn a::after{content: '';width: 0.2rem;height: 0.2rem;transform: rotate(-45deg);margin-left: 0.12rem;background:url(../images/more.svg) no-repeat center;transition: .3s;background-size: auto 0.14rem;}
.cbanner .txt .btn a.abtn{background: var(--hover-color); border-color: var(--hover-color); color: #fff;}
.cbanner .txt .btn a.abtn::after{background-image: url(../images/more-w.svg);}
.cbanner .txt .btn a.vbtn::after{ background-image: url(../images/play.png);transform: rotate(0deg);}
.cbanner .txt .btn a:hover{background: var(--hover-color); border-color: var(--hover-color); color: var(--black);}
.cbanner .txt .btn a:hover::after{transform: rotate(-0deg);}


.cbanner .imgbox { position: relative;  }
.cbanner .imgbox video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }

@media (min-width:1025px) {
.cbanner .wap{display: none;}   
}
@media (max-width:1024px) {
.cbanner .pc{display: none;}  
.cbanner .txt{top: 56%;}
.cbanner .txt .cn{font-size: var(--font-size32);}  
.cbanner .txt .en{font-size: var(--font-size18);}
.cbanner .txt .desc{font-size: var(--font-size15);line-height: 1.4;margin-top: 0.1rem;}
.cbanner .txt .btn{margin-top: 0.2rem;}
.cbanner .txt .btn a{width: 1.4rem;height: .45rem;}
}


.Product{ padding: var(--padMar100) 0;position: relative; background: #f5f5f5;}
@media (min-width:1025px) {
.Product .flex{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-start;}
.Product .left{width:3.2rem;}
.Product .right{flex:1;padding-left:.3rem;width: calc(100% - 3.2rem);}
.Product .left {position: sticky;top:0.7rem; }
}


.Menu002306{padding:0.25rem;border-radius: var(--radius); background: #fff;}
.Menu002306 .side-title{font-size: var(--font-size32) ; color: var(--black); font-weight: 500; margin-bottom: 0.15rem;}
.Menu002306 .side-menu{ overflow:hidden;}
.Menu002306 .side-menu li a{ display:block;}
.Menu002306 .side-menu > ul > li > span{position:relative;border-bottom:1px solid #e6e6e6;display: block;margin-bottom:0.12rem;}
.Menu002306 .side-menu > ul > li > span a{display: block;line-height:1.5;padding:0.18rem 0 0.1rem 0;position: relative;font-size:var(--font-size18);color: var(--grey);position:relative;width: 93%;}
.Menu002306 .side-menu > ul > li > span i{display: block;width:.12rem;height:.12rem;position:relative;position: absolute;top: 50%;transform: translateY(-50%);right: 0;cursor: pointer;}
.Menu002306 .side-menu > ul > li > span i::before,
.Menu002306 .side-menu > ul > li > span i::after{content:'';display:block;position:absolute;left:50%;top:50%;width:100%;height:0.02rem;background-color:#666;}
.Menu002306 .side-menu > ul > li > span i::before{transform:translate(-50%,-50%);}
.Menu002306 .side-menu > ul > li > span i::after{transform:translate(-50%,-50%) rotate(90deg);opacity:1;}
.Menu002306 .side-menu > ul > li.aon > span i::after{opacity:0;}
.Menu002306 .side-menu > ul > li.aon > span i::before,
.Menu002306 .side-menu > ul > li.aon > span i::after{ background: var(--hover-color);}
.Menu002306 .side-menu > ul > li > a:hover,
.Menu002306 .side-menu > ul > li.aon > span a{ color:var(--black);font-weight: 500; }
.Menu002306 .side-menu > ul > li.aon > span a::after{ transform:rotate(135deg); border-color:var(--hover-color); }
.Menu002306 .side-menu > ul > li ul{ display:none; }
.Menu002306 .side-menu > ul > li > ul{ }
.Menu002306 .side-menu > ul > li > ul > li > a{ display: block; position: relative; line-height: 1.6; padding:0.06rem 0 0.06rem 0.16rem; font-size: var(--font-size16); color: var(--grey2);}
.Menu002306 .side-menu ul li ul li > a:hover,
.Menu002306 .side-menu ul li ul li.select > a{ color:var(--black); position: relative; }
.Menu002306 .side-menu ul li ul li > a::after{ content: '';position: absolute; width: 0.05rem; height:0.05rem; background: #ccc; border-radius: 0.5rem; left: 0rem; top: 0.16rem}
.Menu002306 .side-menu ul li ul li> a:hover::after,
.Menu002306 .side-menu ul li ul li.select > a::after{ background: var(--hover-color); }
.Menu002306 .side-open_menu{ display:none;}
@media(min-width:1025px){
.Menu002306 .side-menu{ display:block !important;}
}
@media(max-width:1024px){
.Menu002306{ padding: 0.2rem; margin-bottom: 0.2rem;}
.Menu002306 .side-title{line-height: 0.5rem;}
.Menu002306 .side-title{ display: none;}
.Menu002306 .side-open_menu{ display:block;white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-weight:bold; color:var(--black); border-radius:var(--radius); position:relative; font-size: var(--font-size20);}
.Menu002306 .side-open_menu::after{ position:absolute; content:''; border:0.08rem solid transparent; border-top-color:var(--black); right:0; top:50%; margin-top:-0.04rem;}
.Menu002306 .side-menu{ display:none; padding-bottom:0.24rem;}
}


.Prolist{}
.Prolist ul{display: flex; flex-wrap: wrap;}
.Prolist li{background: #fff; margin-bottom: 2%; margin-right: 2%; border-radius:var(--radius); position: relative; overflow: hidden;}
.Prolist li:after {content: "";position: absolute; width: 0; height: 0px; background: var(--hover-color);left: 0;bottom: 0;transition: all .5s;}
.Prolist li:hover:after{width: 100%;height: 0.03rem;}
.Prolist li .imgbox{padding-top: 75%;overflow: hidden;  transition: 0.3s;}
.Prolist li a:hover .imgbox img{transform: scale(1.1);}
.Prolist li .txt{ padding: 0.3rem;}
.Prolist li .model{font-size: var(--font-size16);color: var(--grey2); line-height: 1.2;}
.Prolist li .tit{font-size: var(--font-size20);color: var(--grey); margin-top: 0.1rem; margin-bottom: 0.1rem;}
.Prolist li .desc{font-size: var(--font-size15);color:var(--grey2); line-height: 1.75; font-weight: lighter;}
.Prolist li:hover .tit{ color: var(--hover-color);}
@media (min-width:1025px) { 
.Prolist li{width:32%;}
.Prolist li:nth-child(3n){ margin-right: 0;}
}
@media (max-width:1024px) {
.Prolist li{width:49%;}
.Prolist li:nth-child(2n){ margin-right: 0;}
.Prolist li .txt{ padding: 0.18rem;}
}



/*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 0.05rem; border: 1px solid #eee; border-radius: 0.6rem;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.5rem;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 .Pages em{display: none;}
}


.RighInfo003134{  }
.RighInfo003134 .img-side{border: solid 1px #eee;  border-radius:var(--radius); overflow: hidden;background: #fff;   margin-bottom: 0.24rem;}
.RighInfo003134 .img-side .ytable-cell{}
.RighInfo003134 .img-side li .play { position: absolute; width: 100%; height: 100%; background: url(../images/play.png) no-repeat center rgba(0, 0, 0, .5); background-size: .16rem auto; }
.RighInfo003134 .big li video,
.RighInfo003134 .small li video{width: 100%;height: 100%;position: absolute;left: 0;top: 0; }
.RighInfo003134 .big{  margin-bottom:0.24rem;}
.RighInfo003134 .big li{/* position:relative; */}
.RighInfo003134 .big li .imgbox{ padding-bottom:75%; background-size:contain;position:relative;}
.RighInfo003134 .big li .imgbox img{object-fit: contain;}
.RighInfo003134 .small{ padding:0 0.2rem; position:relative;}
.RighInfo003134 .small li{position:relative;}
.RighInfo003134 .small li .imgbox{ margin:0 auto; padding-bottom:75%; background-size:contain; max-width:90%; border:1px solid #eee; border-radius: 0.05rem; 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.16rem;height:0.16rem;top:50%;margin-top:-0.08rem;overflow:hidden;font-size: 0;cursor: pointer;z-index:10;border: 0;background: none;padding: 0;border-top: 0.03rem solid #000;border-left: 0.03rem solid #000;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;border-color: #ddd; }
.RighInfo003134 .small .slick-disabled:hover{ border-color: #ddd;}


.RighInfo003134 .img-side .txt{text-align: left; }
.RighInfo003134 .img-side .model{color: var(--hover-color); font-size:var(--font-size20);margin-bottom: 0.1rem;}
.RighInfo003134 .img-side .tit{ font-size:var(--font-size30);color: var(--black); font-weight: 500; margin-bottom: 0.16rem;padding-bottom: 0.12rem; border-bottom: 1px solid #eee;}
.RighInfo003134 .img-side .line{width: 0.5rem; height: 0.03rem; background-color: var(--hover-color);display: block;/* margin: 0 auto; */ margin-bottom: 0.32rem;}
.RighInfo003134 .img-side .desc{line-height:1.75; color: #666; font-size: var(--font-size16);margin-bottom: 0.16rem;}
.RighInfo003134 .img-side .desc p{ margin: 0.08rem 0;}
.RighInfo003134 .img-side .ti2{color: var(--grey); font-size:var(--font-size20);margin-bottom: 0.12rem;line-height: 1;}
.RighInfo003134 .img-side .text{ line-height:1.75; color: var(--grey2); font-size: var(--font-size16);  }
.RighInfo003134 .img-side .text p{position: relative;padding-left: 0.12rem; line-height: 1.75; margin: 0.03rem 0;}
.RighInfo003134 .img-side .text p:before{position: absolute; content: ''; width: 0.04rem; height: 0.04rem; border-radius: 0.05rem;background: var(--black); left: 0; top: 0.12rem;}
.RighInfo003134 .img-side .btn{ margin-top: 0.24rem;}
.RighInfo003134 .img-side .btn a{display: inline-block;font-size: var(--font-size16);color: var(--hover-color);border-radius: 0.5rem; min-width:1.5rem;text-align: center;line-height: 0.5rem;padding: 0 0.16rem; cursor: pointer;border: 1px solid var(--hover-color)}
.RighInfo003134 .img-side .btn a.download2{background-color: var(--hover-color);color: #fff;box-shadow: 0px 0.05rem 0.15rem rgba(var(--rgb-hover), 0.3);}
.RighInfo003134 .img-side .btn a:before{display: inline-block; vertical-align: top;content: '';background-size: contain;background-position: center; background-repeat: no-repeat; width: 1.3888em;height: 0.5rem;margin-right: 0.08rem;}
.RighInfo003134 .img-side .btn a.tel:before{background-image: url(../images/icon_tel2.svg);}
.RighInfo003134 .img-side .btn a.download2:before{background-image: url(../images/icon-message.svg);}
.RighInfo003134 .img-side .btn a:not(:first-child){margin-left: 0.12rem;}
.RighInfo003134 .share{margin-top: 0.2rem;}
.RighInfo003134 .share li{float: left;position: relative;}
.RighInfo003134 .share li figure{position: absolute; left: 0; bottom: 100%; width: 1.2rem; padding: 0.05rem;background: #fff; margin-bottom: 0.1rem;border-radius: 0.1rem;display: none;}
.RighInfo003134 .share li figure img{display: block;width: 100%;}
.RighInfo003134 .share li figure:before{position: absolute; content: '';border:0.05rem solid transparent; left: 20px; top: 100%;border-top-color: #fff;}
.RighInfo003134 .share li:not(:last-child){margin-right: 0.12rem;}
.RighInfo003134 .share li a{display: block;/*background: rgba(0,0,0,0.4);*/ width: 0.36rem; height: 0.36rem;background-position: center center;background-repeat: no-repeat; background-size: 0.36rem auto; cursor: pointer;}
.RighInfo003134 .share li a:hover{}


.RighInfo003134 .info{background: #fff;padding: 0.32rem;border-radius:var(--radius); }
.RighInfo003134 .info:not(:last-child){ margin-bottom: 0.24rem;}
.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.35rem;line-height:0.56rem;background-color:#f5f5f5;font-size:var(--font-size18); 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-size26); color: var(--black);padding-bottom: 0.16rem; font-weight: 500; line-height: 2;position: relative;}
.RighInfo003134 .prod-intro .name i{width: 0.5rem; height: 0.5rem;border-radius: 0.5rem;background-color: var(--hover-color);display: inline-block;vertical-align: top; margin-right: 0.12rem; background-repeat: no-repeat; background-position: center; background-size: auto 0.25rem;}
.RighInfo003134 .prod-intro .name-1 i{background-image: url(../images/title-parame.svg);}
.RighInfo003134 .prod-intro .name-2 i{background-image: url(../images/title-appli.svg);}
.RighInfo003134 .prod-intro .singlePage{line-height: 2; margin: 0.24rem 0 0.24rem 0; color: #333; font-size: var(--font-size16);}
.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 .prod-intro .singlePage table{width:100% !important}

.RighInfo003134 .table_1 p{margin:0 !important;}
.RighInfo003134 .table_1 th {font-weight: normal;}
.RighInfo003134 .table_1 th,
.RighInfo003134 .table_1 td{ border:1px solid #eee; border-collapse:collapse; line-height:1.7; padding:0.11rem 0.15rem;font-size:var(--font-size16) !important;font-family: "hm" !important;}
.RighInfo003134 .table_1 td *{font-size:var(--font-size16) !important;font-family: "hm" !important;}
.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: #e8e8e8;text-align:left;font-size:var(--font-size18);}


.RighInfo003134 .list-ul{ display: flex; flex-wrap: wrap;}
.RighInfo003134 .list-ul li{background: #f9f9f9;border-radius: var(--radius); padding:0.3rem; margin-bottom: 2%;   }
.RighInfo003134 .list-ul li .tit{font-size:var(--font-size24);color: #333;  margin-bottom: 0.1rem; }
.RighInfo003134 .list-ul li .desc{ font-weight: lighter;}
.RighInfo003134 .list-ul li .desc p{margin: 0;}


@media (min-width:1025px) {
.RighInfo003134 .img-group{width: 48%;border-right: solid 1px #eee;}
.RighInfo003134 .img-side .ytable-cell{padding:0.32rem;}
.RighInfo003134 .img-side .txt{padding:0.2rem 0.4rem;}

.RighInfo003134 .list-ul li{ float: left;width: 32%; margin-right: 2%;}
.RighInfo003134 .list-ul li:nth-child(3n){ margin-right: 0;}
.RighInfo003134 .list-dl dd{ float: left;width: 49%; margin-right: 2%;}
.RighInfo003134 .list-dl dd:nth-child(2n){ margin-right: 0;}

}
@media (max-width:1024px) {
.RighInfo003134 .img-side{ padding: 0.2rem;}
.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:0.2rem;}
.RighInfo003134 .info{padding: 0.2rem;}
.RighInfo003134 .prod-intro .name{font-size: var(--font-size24);}
}


.Applist{ }
.Applist .slider { margin: 0 -0.1rem; }
.Applist .item{ margin: 0 0.1rem; text-align: center; overflow: hidden;}
.Applist .item .pic{border-radius: var(--radius);overflow: hidden;}
.Applist .item .imgbox{padding-top: 100%;  transition: 0.3s;}
.Applist .item:hover .imgbox img{transform: scale(1.1);}
.Applist .item .txt{padding: 0.2rem 0 0.1rem 0; }
.Applist .item .tit{font-size: var(--font-size18);color: var(--black);  }
.Applist .item:hover .tit{ color: var(--hover-color);}

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

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



.Popup{display:none;position:fixed;width:100%;height:100%;background-color:rgba(0,0,0,0.6);top:0;left:0;overflow:auto;z-index:999;}
.Popup .ytable{height:100%;}
.Popup .main{width:90%;max-width:8rem;padding:0.4rem;position:relative;margin:0 auto;background-color:#fff;border-radius:var(--radius);}
.Popup .close {position: absolute;width: 0.28rem;cursor: pointer;height: 0.28rem;border-radius: 50%;background-color: var(--black);right: 0.2rem;top: 0.2rem;color: #fff;display: flex;align-items: center;justify-content: center;}
.Popup .close::before {content: "";width: 50%;height: 2px;background-color: #fff;position: absolute;transform: rotate(45deg);}
.Popup .close::after {content: "";width: 50%;height: 2px;background-color: #fff;position: absolute;transform: rotate(-45deg);}
.Popup .title{font-size:var(--font-size32);text-align:center;color:var(--black);font-weight:500;margin-bottom:.3rem;}
.Popup .Form li{display:flex;}
.Popup .Form li{width:100%;margin-bottom:0.15rem;overflow:hidden;position:relative;}
.Popup .Form li label{position:absolute;left:15px;color:#999;line-height:0.5rem;font-size:var(--font-size16);}
.Popup .Form li .text{flex:1;border:1px solid #ebebeb;padding:0 15px;height:0.5rem;line-height:0.5rem;font-size:var(--font-size16);color:var(--black);border-radius:5px;background:none;}
.Popup .Form li textarea.text{height:1.2rem;line-height:1.75;}
.Popup .Form .btn{width:1.6rem;background:var(--hover-color);border-radius:0.5rem;font-size:var(--font-size16);height:0.5rem;color:#fff;cursor:pointer;border:0;transition:0.3s; display: table; margin: 0 auto; margin-top: 0.2rem;}
.Popup .Form .btn:hover{ background: var(--black);}
@media (min-width:1025px){
.Popup .Form .row2 li{float:left;width:calc(50% - 10px);}
.Popup .Form .row2 li:nth-child(2n){float:right;}
}



/*Menu003135 */
.Menu003135{border-bottom: 1px solid #eee; background-color: #fff;}
.Menu003135 .current{ font-size: var(--font-size16);font-weight: lighter;  padding-left: 0.24rem;background: url(../images/Menu003135-icon.svg) no-repeat left center;background-size: 0.15rem auto; line-height: 0.8rem;}
.Menu003135 .current,
.Menu003135 .current a:not(:hover){color: var(--grey2);}
.Menu003135 .current a:hover{color: var(--hover-color);}
.Menu003135 .current span{color: var(--black); }
.Menu003135 .nav-menu li{float: left;font-size: var(--font-size18);line-height: 0.9rem;}
.Menu003135 .nav-menu li:not(:last-child){margin-right:calc(50 / 1920 * 100vw);;}
.Menu003135 .nav-menu li a{display: block;position: relative;}
.Menu003135 .nav-menu li a:before{position: absolute;content: ''; left: 50%;transform: translateX(-50%); bottom: 0;width:0; height: 2px;background-color: var(--hover-color);transition: 0.5s;}
.Menu003135 .nav-menu li.aon a,
.Menu003135 .nav-menu li:hover a{color:var(--hover-color);}
.Menu003135 .nav-menu li.aon a:before,
.Menu003135 .nav-menu li:hover a:before{width: 100%;}
@media (max-width:1024px) {
.Menu003135 .current{display: none;}   
.Menu003135 .nav-menu {display: none}
.Menu003135 .nav-menu li{line-height:0.7rem;}
}

.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.2rem; 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.12%;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:var(--grey3); font-weight: lighter;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.1rem; line-height: 1.5; height: 3em;}
.Newlist li .txt .desc{font-size:var(--font-size16);line-height:1.875;color: var(--grey3); }
.Newlist li .txt .date{display: flex;justify-content: space-between;margin-top: 0.2rem;align-items: center;}
.Newlist li .txt .more{width: 0.4rem; height: 0.4rem; background: var(--hover-color);  border-radius: 50%; position: relative;transition: 0.3s;}
.Newlist li .txt .more:before{content: ''; position: absolute; width: 100%; height: 100%; background: url(../images/more-w.svg) no-repeat center center;background-size: 0.12rem auto;transform: rotate(-45deg); transition: 0.3s;}
.Newlist li a:hover .txt .tit{color:var(--hover-color);}
.Newlist li a:hover .txt  .more:before{transform: rotate(0deg); }
@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(--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: var(--black); }
.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: var(--grey); 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.7rem; line-height: 0.52rem; border-radius: 0.5rem; background: var(--hover-color); }
.News_detail .info_back a:hover { background: var(--black); }
.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.52rem;margin-right: 0.1rem;}
.News_detail .info_pn span { display: block;  margin: 1% 0; }
.News_detail .info_pn span a { color: var(--grey3);  }
.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{ text-align: center; display: table;margin: 0 auto; }
.News_detail .info_pn span {  margin: 2% 0; }
.News_detail .info img{width: 100% !important; height: 100% !important;}
}


.FAQlist{padding:var(--padMar100) 0 ;}
.FAQlist li {background: #fff; overflow: hidden;border-bottom: 1px solid #f3f3f3; padding-bottom: 0.3rem; margin-bottom: 0.3rem; transition: 0.3s; position: relative; z-index: 2;}
.FAQlist li .date{color: var(--grey3);flex: 0 0 auto;}
.FAQlist li .date span{ font-size:var(--font-size42);color:var(--black); font-weight: 500; margin-bottom: 0.05rem;}
.FAQlist li .txt{ flex: 1 1 auto;  overflow: hidden;position: relative;padding-left: 0.5rem;}
.FAQlist li .txt::before{ position:absolute; content:''; width:1px; height:80%; top:10%; background-color:rgba(0, 0, 0, 0.08); left:0;}
.FAQlist li .txt .tit{font-size:var(--font-size22);color:var(--black);margin-bottom:0.12rem; line-height: 1.2;}
.FAQlist li .txt .desc{font-size:var(--font-size16);line-height:1.875;color:var(--grey3);  }
.FAQlist li .more{width: 0.5rem; height: 0.5rem; background: var(--hover-color);  border-radius: 50%; position: relative;transition: 0.3s;}
.FAQlist li .more:before{content: ''; position: absolute; width: 100%; height: 100%; background: url(../images/more-w.svg) no-repeat center center;background-size: 0.14rem auto;transform: rotate(-45deg); transition: 0.3s;}

.FAQlist li:hover .tit{ color: var(--hover-color);}
.FAQlist li:hover .more:before{transform: rotate(0deg); }

@media (min-width:1025px) {
.FAQlist li a{display: flex; justify-content: space-between; align-items: center;}
.FAQlist li .info{width: calc(100% - 1.5rem); display: flex; justify-content: space-between;align-items: center;}
.FAQlist li .date{width: 14%;display: flex;flex-wrap: wrap; justify-content: center; flex-direction: column; align-items: center;}
}

@media (max-width:1024px) {
.FAQlist li .txt{padding-left: 0rem;}
.FAQlist li .txt::before{ display: none;}
.FAQlist li .date{ margin-bottom: 0.1rem;}
.FAQlist li .date span{ font-size:var(--font-size32); margin-bottom: 0; margin-right: 0.1rem;}
.FAQlist li .more{ margin-top: 0.2rem;}
}


.lm-title{margin-bottom:0.4rem; line-height: 1;}
.lm-title.center{text-align: center;}
.lm-title .cn{font-size:var(--font-size40);color: var(--black);font-weight: 500;}
.lm-title .cn::after{content:''; width:0.45rem; height:.03rem; background-color:var(--hover-color); display: block; margin:.2rem 0 auto; border-radius: 0.05rem; }
.lm-title.center .cn::after{margin: .2rem auto 0 ;}
.lm-title.white .cn {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 .desc{font-size:var(--font-size16);}
}


.AboutInfo{ padding: var(--padMar100) 0;}
.AboutInfo .edit_info {line-height:1.875;font-size: var(--font-size18);color: var(--grey); }
.AboutInfo .edit_info p{ margin: 0.1rem 0;}
.AboutInfo .right .pic img{border-radius: var(--radius);}

@media (min-width:1025px) {
.AboutInfo .intro{ display: flex;justify-content: space-between;align-items: center;}
.AboutInfo .left{width: 46%;} 
.AboutInfo .right{width: 48%;} 
}
@media(max-width:1024px){
.AboutInfo{padding: var(--padMar140) 0;}
.AboutInfo .left{ margin-bottom: 0.2rem;}
}



.Honor{padding:var(--padMar100) 0; background: url(../images/Honorbg.jpg) no-repeat center bottom; background-size: cover;}
.Honor .tab-nav ul{display: flex;justify-content: center; margin-bottom: 0.4rem;}
.Honor .tab-nav li{margin-right: .2rem;display: flex;justify-content: center;align-items: center;width: 1.8rem;height: .55rem;font-size: var(--font-size18);color: var(--grey);border: 1px solid var(--grey);border-radius: .55rem;cursor: pointer;}
.Honor .tab-nav li:last-child{margin-right: 0;}
.Honor .tab-nav li.on{background-color: var(--hover-color);border-color: var(--hover-color);color: #fff}

.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%;height:3.9rem;box-sizing: border-box;padding:0.35rem 0;border-radius: var(--radius);transition: all .5s;}
.Honor .item .img .imgbox{padding-top:3.2rem;}
.Honor .item .img .imgbox img{padding:0.12rem;background: url(../images/honor-kuang.png) no-repeat center center;background-size: 100% 100%;object-fit: contain;max-width:80% !important;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:hover .img span{transform: scale(1.05);}

.Honor .tablist .tabinfo{display: none;}
.Honor .tablist .tabinfo.on{display: block;}

.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(--hover-color); position: relative;  }
.Honor .controls .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%;}
.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(--white); border-color: var(--white);}
.Honor .controls .arrows a:hover:before{ border-color: var(--hover-color);}

@media(max-width:1024px){
.Honor{padding: var(--padMar140) 0;}
.Honor .tab-nav li{ width: auto; padding: 0 0.2rem;margin-right: .1rem;}
.Honor .item .img{height:3.5rem;padding:0.24rem 0;}
.Honor .item .img .imgbox{padding-top:3rem;}
}

.Culture{padding:var(--padMar100) 0; }
.Culture .left .imgbox{width: 100%;height: 100%;}
.Culture .left .imgbox img{width: 100%;height: 100%;object-fit: cover;border-radius: var(--radius);}
.Culture .right{display: flex;flex-wrap: wrap;flex-direction: column;}
.Culture .item{flex: 1;background-color: #f8f9fa;border-radius:var(--radius);overflow: hidden;padding: 0.3rem 0.4rem; position: relative;display: flex;align-items: center;}
.Culture .item:not(:last-child){ margin-bottom: 0.2rem;}
.Culture .item .icon{margin-right: 0.24rem;width: 0.72rem;height: 0.72rem;border: 1px solid var(--black);border-radius: 0.5rem;display: flex;align-items: center;justify-content: center;flex: 0 0 auto;}
.Culture .item .icon img{ max-width: 0.45rem; }
.Culture .item .tit{font-size: var(--font-size24);color: var(--black); margin-bottom: 0.1rem; font-weight: 500; }
.Culture .item .desc {color: var(--grey);font-size: var(--font-size18); line-height: 1.7; }
@media (min-width:1025px) {
.Culture .box{ display: flex;justify-content: space-between;}
.Culture .left{width: 50%;} 
.Culture .right{width: 48%;} 
}
@media(max-width:1024px){
.Culture{padding:var(--padMar140) 0;}
.Culture .item{padding: 0.24rem;}
.Culture .left{ margin-bottom: 0.2rem;}
}


.EquipInfo{padding:var(--padMar100) 0; background: #f8f8f8; overflow: hidden; position: relative;}

.EquipInfo .tab-nav ul{display: flex;justify-content: center; margin-bottom: 0.4rem;}
.EquipInfo .tab-nav li{margin-right: .2rem;display: flex;justify-content: center;align-items: center;width: 1.8rem;height: .55rem;font-size: var(--font-size18);color: var(--grey);border: 1px solid var(--grey);border-radius: .55rem;cursor: pointer;}
.EquipInfo .tab-nav li:last-child{margin-right: 0;}
.EquipInfo .tab-nav li.on{background-color: var(--hover-color);border-color: var(--hover-color);color: #fff}


.EquipInfo .list .slick-slider{margin-left: -0.1rem; margin-right: -0.1rem}
.EquipInfo .list .slick-list{overflow: inherit}
.EquipInfo .list .slick-slide {padding: 10px;position: relative;}
.EquipInfo .list li .imgbox {padding-top: 68%;transition: 0.3s;border-radius: 0.15rem;}
.EquipInfo .list li .txt{ text-align: center; padding: 0.15rem 0;}
.EquipInfo .list li .txt .tit{ font-size:var(--font-size18) ; line-height: 1.8; color: #333;}
.EquipInfo .slick-slide:not(.slick-active) .pic .imgbox{opacity: 0.3}
.EquipInfo .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; margin-top: -0.25rem;}
.EquipInfo .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%; }
.EquipInfo .slick-next:before { transform: rotate(135deg); -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); }
.EquipInfo .slick-prev { left: 0.1rem; }
.EquipInfo .slick-next:before { transform: rotate(135deg); -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); }
.EquipInfo .slick-next { right: 0.1rem; }
.EquipInfo .slick-arrow:hover:before{ border-color: #fff;}

@media(min-width:1025px){
.EquipInfo  .slick-prev{left:-0.3rem;}
.EquipInfo  .slick-next{right:-0.3rem;}
}
@media(max-width:1024px){
.EquipInfo{padding: var(--padMar140) 0;}
.EquipInfo .slick-slider{padding-left: 10%; padding-right: 10%;}
.EquipInfo .tab-nav li{width: auto; padding: 0 0.32rem;margin-right: .1rem;}
}





.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;}
.History .event .info{padding:0.6rem 0.4rem 0.5rem 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:3rem;line-height:1em;position:absolute;left:70%;top:50%;transform:translate(-50%,-50%);white-space:nowrap;opacity:0.03;font-family:Arial;}
.History .event .pic{width:37.32142857%;}
.History .event .pic img{ border-radius: var(--radius);}
.History .event .intro{width:56.96428571%;position:relative;z-index:2;}
.History .event .tit{font-size:var(--font-size60);line-height:1.25em;color:var(--white);margin-bottom:0.15rem; font-weight: bold;}
.History .event .intro .con{font-size:var(--font-size18);color:var(--white);line-height:1.8;}
.History .event .intro .con p{ margin: 0.1rem 0;}
.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:0.02rem;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(--white);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:var(--hover-color);border-color: var(--hover-color);}
.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%;background-color: var(--hover-color);  border: solid 1px var(--hover-color); 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:1024px){
  .History{padding: var(--padMar140) 0;}
}
@media (max-width:640px) {
.History .event .intro .con p{text-indent:0 !important;}
.History .event .pic {width: 100%; margin-bottom: 5%;}
.History .event .intro {width: 100%;}
}
@media (max-width:768px) {
.History .event{margin:0 auto 0.32rem;}
.History .event .info{padding:0 0.2rem;}
.History .event .figure{width:100%;margin-bottom:0.3rem;}
.History .event .text{width:100%;}
.History .event .year{font-size: 1.8rem;left: 50%;}
.History .event .tit{font-size: var(--font-size48);}
.History .time{padding:0 0.6rem;}
.History .time .arrow{top:-0.05rem;}
}




.ContactInfo{padding:var(--padMar100) 0; }
.ContactInfo .Contact h2{font-size: var(--font-size30); line-height: 1.2; color: var(--black); font-weight: 500; margin: 0;margin-bottom: 0.2rem; }
.ContactInfo .box{ background: #f8f8f8; border-radius: var(--radius);}
.ContactInfo .Contact{ padding:0.2rem 0.5rem ;}
.ContactInfo .Contact li{display: flex;flex-wrap: wrap;border-bottom: 1px dashed #e7e7e7; padding:0.16rem 0 ;}
.ContactInfo .Contact li .icon{width: 0.36rem;}
.ContactInfo .Contact li .icon img{max-width: 0.22rem;}
.ContactInfo .Contact li .txt{font-size: var(--font-size16);color: var(--grey);  width: calc(100% - 0.42rem);}
.ContactInfo .Contact li .txt .tit{color: var(--grey2); margin-bottom: 0.06rem; 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-size32); color: var(--hover-color); }
.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:50%;}
.ContactInfo .pic{width:50%;}
}
@media (max-width:1024px) {
.ContactInfo .Contact{ margin-bottom: 0.2rem;padding:0.24rem  ;}
}

.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 .tit span{ color: #f00; vertical-align: middle; padding-left: 0.1rem;}
.FormInfo .form-ul li select,
.FormInfo .form-ul li .text{width: 100%;border-radius: 0.05rem;border: solid 1px #ededed;font-size: var(--font-size16);line-height: 0.55rem;height: 0.55rem;background: rgba(255, 255, 255, 0.7);color: var(--grey);padding: 0 0.15rem;}
.FormInfo .form-ul li select.focus,
.FormInfo .form-ul li .text.focus{border-color: var(--hover-color); color: var(--grey); box-shadow: 0 0px 0.1rem rgba(0, 0, 0, 0.08);}
.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:.2rem auto 0;display: block;}
.FormInfo .btn:hover{background: var(--black);}
@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;}
}


.Joinlist{padding: var(--padMar100) 0; }
.Joinlist .list {padding: 0 0.5rem;background: #f9f9f9;border-radius: var(--radius);}
.Joinlist .list+.list {margin-top: 0.2rem;}
.Joinlist .job-title {line-height: 1.8;padding: 0.25rem 0;cursor: pointer;position: relative;color: var(--black);}
.Joinlist .job-title p {margin: 0 0 0.15rem;position: relative;line-height: 1.875;font-size: var(--font-size20);}
.Joinlist .job-title span {color: var(--grey);display: inline-block; font-weight: lighter;}
.Joinlist .job-title span+span {margin-left: 0.45rem;}

.Joinlist .job-title span{color: #999999;display: inline-block;padding-left: 0.24rem;background-repeat: no-repeat;background-position: left center; background-size: 0.18rem auto;}
.Joinlist .job-title span.num{background-image: url(../images/icon-num.svg); background-size: 0.2rem auto;}
.Joinlist .job-title span.ep{background-image: url(../images/icon-ep.svg);}
.Joinlist .job-title span.wp{background-image: url(../images/icon-place.svg);}
.Joinlist .job-title span.time{background-image: url(../images/icon-time.svg);}

.Joinlist .job-title i {position: absolute;width: 0.28rem;height: 0.28rem;background:var(--hover-color);border-radius: 50%;right: 0;top: 50%;margin-top: -0.14rem;}
.Joinlist .job-title i::before,
.Joinlist .job-title i::after {position: absolute;content: '';background: #fff;}
.Joinlist .job-title i::before {left: 25%;width: 50%;height: 2px;top: 50%;margin-top: -1px;}
.Joinlist .job-title i::after {left: 50%;margin-left: -1px;width: 2px;top: 25%;height: 50%;}
.Joinlist .job-title.select i::after {display: none;}
.Joinlist .job-title.select {color: var(--hover-color);}
.Joinlist .job-main {display: none;padding: 0.4rem 0 ;border-top: 1px dotted rgba(0, 0, 0, 0.15);}
.Joinlist strong {display: block;color: #333;margin-bottom: 0.12rem;}
.Joinlist .job-main .job-info {line-height: 1.8; }
.Joinlist .job-main .job-info p {margin: 0;}
.Joinlist .job-main .job-info p+p {margin-top: 0.06rem;}

.Joinlist .apply{width:1.8rem;line-height: 0.55rem;border-radius: 0.5rem;background: var(--hover-color);text-align: center; margin: 0.32rem 0;}
.Joinlist .apply a{color:#fff;display: inline-block;font-size: var(--font-size16);background: url(../images/apply.svg) no-repeat right center;padding-right:0.32rem;background-size: auto 0.24rem; cursor: pointer;}


@media (max-width:1024px) {
.Joinlist .job-title {line-height: 1.6;padding: 0.2rem 0px;}
.Joinlist .job-title p {margin: 0px 0px 5px 0px;line-height: 1.6;}
.Joinlist .job-title span:nth-of-type(1) {width: 100%;max-width: 100%;}
.Joinlist .job-title span+span {margin-left: 0px;width: 100%;line-height: 1.75;}
.Joinlist .job-main .job-info p+p, 
.Joinlist .job-main .job-info p {margin-top: 0.1rem;}
.Joinlist .list{padding: 0 0.25rem;}
}


.SingleInfo{padding:var(--padMar100) 0;min-height: 4rem;}
.SingleInfo .edit_info{line-height:1.875; color: #333333;}
.SingleInfo .edit_info p{ margin: 0.1rem 0;}
.SingleInfo .edit_info h3 {font-size: var(--font-size24);font-weight: 500;color: var(--black);line-height: 1.6;margin-bottom:0.12rem;}
.SingleInfo .edit_info hr {border-top: 1px solid #eee;margin: 0.24rem 0}
.SingleInfo li{ margin-bottom: 1%;}

.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: var(--black); font-weight: 500; margin-bottom: 0.12rem;}
.Sitemap .sub a{padding-right:0.2rem;font-size: var(--font-size16);margin-bottom: 0.1rem; }
.Sitemap .sub a:hover{color: var(--hover-color);}


/*
 .Form002319 为demo编号
 */
.Form002319{ margin: 0 auto;padding: var(--padMar50) 0 var(--padMar100);background:#f5f5f5;}
.Form002319 .autoCon-1400{max-width: 1100px;--autoWidth: 1100;}
.Form002319 .box{background: #fff;padding: 0.32rem;border-radius: var(--radius);margin-bottom:1.5vw;color:#333;line-height: 1.8}
.Form002319 form{background: #fff;padding: 0.32rem;border-radius: var(--radius);}
.Form002319 h2{font-size: var(--font-size26);color: var(--black);font-weight: 500;margin-top:0.4rem;margin-bottom:0.2rem;}
.Form002319 .row dl{ width: 100%; padding-right: 20px; position: relative; line-height: 40px; margin-bottom: 0.15rem;}
.Form002319 .row dl em{ font-style: normal; color: #f30000; position: absolute; right: 0; top: 0; display: block;}
.Form002319 input.text{ border: 1px solid #e8e8e8; background: none; display: block; height: 0.5rem; line-height: 1.65; width: 100%; padding: 5px 10px; color: #333;font-size: var(--font-size16);border-radius: 0.03rem;font-family: 'hm';}
.Form002319 input.text::-ms-input-placeholder{ color: #aaa;}
.Form002319 textarea.text{width:100%;border:1px solid #e8e8e8;line-height: 1.65;height: 2rem;font-size: var(--font-size16);padding: 5px 10px;border-radius: 0.03rem;font-family: 'hm';}
.Form002319 select{border: 1px solid #e8e8e8; background: none; display: block; height: 0.5rem; width: 100%; padding: 5px 10px; color: #aaa; appearance:none;-moz-appearance:none;-webkit-appearance:none; padding-right: 14px; background: url("../images/Form002319-icon.png") no-repeat scroll 97% center transparent;}
.Form002319 select::-ms-expand { display: none; }
.Form002319 .tip{margin-bottom:0.2rem;margin-top:-0.1rem;}
.Form002319 .tip em{color:#f30000;}
.Form002319 .btn{background-color: var(--hover-color);color: #fff;display: block;border: none;width: 40%;max-width: 1.5rem;margin-right: 15px;font-size: var(--font-size16);cursor: pointer;line-height: 0.5rem;border-radius: 5rem;font-family: 'hm';}
.Form002319 .btn:hover{background: var(--black);}
@media only screen and (min-width:768px ) {
.Form002319 .row2 dl{ float: left; width: 48%;}
.Form002319 .row2 dl:last-child{ float: right;} 
}
@media(max-width:768px){
.Form002319 .box{padding:0.2rem;}
.Form002319 form{padding:0.2rem;}
.Form002319 h2{margin-top:0.2rem;}
}