@font-face {
	font-family: 'HarmonyOS_Sans_SC_Light';
	src:url('../fonts/HarmonyOS_Sans_SC_Light.woff') format('woff');
    font-display:swap;
}
@font-face {
	font-family: 'HarmonyOS_Sans_SC_Regular';
	src:url('../fonts/HarmonyOS_Sans_SC_Regular.woff') format('woff');
    font-display:swap;
}
@font-face {
	font-family: 'HarmonyOS_Sans_SC_Bold';
	src:url('../fonts/HarmonyOS_Sans_SC_Bold.woff') format('woff');
    font-display:swap;
}

@font-face {
	font-family: 'HarmonyOS_Sans_SC_Medium';
	src:url('../fonts/HarmonyOS_Sans_SC_Medium.woff') format('woff');
    font-display:swap;
}

html{-webkit-text-size-adjust:100%;font-size:100px; overflow-x: hidden;}
body, input, pre, select, table th, table td, textarea { font-size: 0.16rem; font-weight: 400;--hover-color:#009782;font-family: 'HarmonyOS_Sans_SC_Light';}
ul,li,form, dl,dt,dd,div,ul,li,p,em,i,address,ol{ font-style:normal; list-style:none; padding: 0px; margin: 0px;}
h1,h2,h3,h4,h5,h6{ padding:0px; margin:0px;}


html{-webkit-text-size-adjust:100%;}
@media (min-width:1601px){
    html{font-size: 100px}
}
@media(min-width:1025px) and  (max-width:1600px){
    html{font-size: calc(100 / 1600 * 100vw);}
}
@media (max-width:1024px){
    html{font-size: calc(100 / 1024 * 100vw);}
}
@media (max-width:750px){
    html{font-size: calc(150 / 750 * 100vw);}
}

.w_94{width: 94%}
.w1600{max-width: 1600px;margin: 0 auto;width: 90%}
.w1440{max-width: 1440px;margin: 0 auto;width: 90%}



.Top003156{position: fixed;width: 100%;left: 0;top: 0;z-index: 10000;transition: .3s all;background: #fff;box-shadow: 0 3px 12px rgba(0,0,0,.1)}

@media only screen and (max-width:1024px) {
    .Top003156 header{display: flex; justify-content: space-between; align-items: center; padding:0.2rem 0;}
}
.Top003156 .logo a {display: block;}
.Top003156 .logo img{transition: .3s all; width: 3.18rem; display: block; height: auto;}
@media only screen and (max-width:750px) {
    .Top003156 .logo img {width:2.4rem;}
}
.Top003156 .top-right .hotline{font-size: .24rem;color:#0067b2;position: relative;margin-right: .6rem;font-weight: bold;background: url(../images/icon-phone.svg) no-repeat center left; background-size: 26px auto;padding-left: .3rem}
.Top003156 .top-right .hotline:after{content: '';position: absolute;width: 1px;height: 100%;right: -.3rem;top: 0%;background: #000;opacity: .1}
.open-search{cursor: pointer;;display: block;width: 24px;height: 24px;background: url(../images/icon-search.svg) no-repeat center center; background-size: 24px auto;transition: .3s all}
.Top003156 .top-right .lang{display: block;width: 24px;height: 24px;background: url(../images/icon-language.svg) no-repeat center center; background-size: 24px auto;transition: .3s all;margin-right: .6rem;position: relative;}
.Top003156 .top-right .lang:after{content: '';position: absolute;width: 1px;height: 100%;right: -.3rem;top: 0%;background: #000;opacity: .1}
.open-search{cursor: pointer;;display: block;width: 24px;height: 24px;background: url(../images/icon-search.svg) no-repeat center center; background-size: 24px auto;transition: .3s all}
.open-search.on:before,
.open-search.on:after{background-color: #009782;}
.top-search{position: absolute;right:5%; top: 100%;z-index: 100; background-color: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.3);border-radius: 5px;overflow: hidden}
.top-search .text{width: 100%; height: 3.125em;line-height: 3.125em;padding: 0 3.125em 0 0.625em;font-size: 1em;}
.top-search .btn{position: absolute;right: 0; top: 0;width: 3.125em;height: 100%; background: url(../images/icon-search.svg) no-repeat center center;background-size: auto 22px;}

.Top003156 .top-right .language{position: relative;cursor:pointer;}
.Top003156 .top-right .language .name{padding: 0 .2rem 0 .3rem;color: #333;}
.Header_hover .right-box .language .name,
.Header_fixed .right-box .language .name{color: #666;}
.Top003156 .top-right .language .name:before{display: block;content: '';position: absolute;left: 0;top: 0;bottom: 0;margin: auto 0;width: .2rem;height: .2rem;background-image: url('../images/language-on.png');background-size: 100%;}
.Header_hover .right-box .language .name:before,
.Header_fixed .right-box .language .name:before{background-image: url('../images/language-on.png');background-size: 100%;}
.Top003156 .top-right .language .name:after{display: block;content: '';position: absolute;top: 0;right: 0;bottom: 4px;margin: auto 0;width: 6px;height: 6px;border-right: 2px solid #333;border-bottom: 2px solid #333;transform: rotate(45deg)}
.Header_hover .right-box .language .name:after,
.Header_fixed .right-box .language .name:after{border-right: 2px solid #666;border-bottom: 2px solid #666;}

.Top003156 .top-right .language ul{position: absolute;left: -5%;top: 130%;width: 110%;padding: .1rem 0;z-index: 3;transition: all 0.3s;opacity: 0;z-index: -1;visibility: hidden;border-radius: 0;}
.Top003156 .top-right .language ul li a{display: block;padding: .1rem;background-color:#fff;color: #333;font-size: .16rem;text-align: center;    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.Top003156 .top-right .language ul li a:hover{color: #333;background: #009782;border-radius: 5px; color: #fff;}
.Top003156 .top-right .language:hover ul{top: 100%;visibility: visible;opacity: 1;z-index: 10;}


.Top003156 menu li span,
.Top003156 menu li span a{display: block;transition: .3s all;position: relative;}
.Top003156 menu li span{position: relative;z-index: 2;}
.Top003156 menu li span:after{position: absolute;content: ''; left: 50%;height: 2px;background-color: #fff;transform: translateX(-50%);transition: 0.3s; bottom: 0; width: 0;}

.Top003156 menu li:hover span:after,
.Top003156 menu li.aon span:after{width: 100%;}
.Top003156 menu li:hover span a,
.Top003156 menu li.aon span a{color: #009782}


/*滚动后*/
.Top003156.scroll,
.Top003156:hover{}

.Top003156:hover .logo img,
.Top003156.scroll .logo img{}

.Top003156:hover .logo img.on,
.Top003156.scroll .logo img.on{display: block}


@media (min-width:1025px) {
    .Top003156 {border-bottom: 1px solid rgba(255,255,255,.2);}
    .Top003156 header{display: flex;justify-content: space-between;align-items: center;}
    .Top003156 .top-left{display: flex;align-items: center;width: 80%}
    .Top003156 menu{}
    .Top003156 menu ul{display: flex;justify-content: space-between;}
    .Top003156 menu li{line-height: .9rem} 
    .Top003156 menu li:not(:last-child){margin-right: .5rem} 
    .Top003156 menu li span a{}
    .Top003156 .top-right{display: flex;align-items: center;justify-content: space-between;}  
    .Top003156 .top-right dl{margin-left: .5rem}  
    
    .open-search{}
    .top-search{width: 25em;}
    
    .Top003156 .sub{position: absolute;top: 100%;background-color:#fff;left: 50%;transform:translateY(0.1rem);width: 180px;margin-left:-90px;border-radius: 0 0 1px 1px;box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .1); visibility: hidden; opacity: 0; transition: all 0.3s;}
    .Top003156 .active .sub{visibility: visible; opacity: 1; transform: translateY(0);}
    .Top003156 .sub dt{position: relative;}
    .Top003156 .sub dt a:hover{color: #009782;}


    .Top003156 .sub dt dl{position: absolute;left: 100%;top: -1em;box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, .1);background: #fff;
        width: 14em;transform: translateX(0.3rem);visibility: hidden;opacity: 0;}
    .Top003156 .sub dt:hover dl{transform: translateX(0);visibility: visible;opacity: 1}
    .Top003156 .sub dt dl dd{padding:3px 0;}


}

@media (max-width:1024px) {
    .Top003156 menu{position: absolute; right: 0;top: 100%; width: 200px; padding: 0.625em;box-shadow: 0 0 0.625em rgba(0,0,0,0.3); border-radius: 0.625em; visibility: hidden; transform: translateY(5em); transition: 0.3s; opacity: 0;}  
    .Top003156 .sub{display: none; background-color: #f9f9f9;}
    .Top003156 .sub dt{text-align: left;}
    .Top003156 .sub dt dl{display: none}
    .menu-show .Top003156 menu{transform: translateY(0); opacity: 1; visibility: inherit; background-color: #fff;}
    .Top003156 menu li:not(:last-child){border-bottom: 1px solid #ebebeb;}
    .Top003156 menu li span a{padding: 1.2em 0;}
    .Top003156 .top-right,
    .Top003156 .top-right dl{display: flex; align-items: center;}
    .Top003156 .top-right dd{font-size: 0.875em;}
    .Top003156 .top-right dt{padding-left: 1em;}
    .Top003156 .open-menu{display: block;width: 2em;height: 2em;}
    .Top003156 .open-menu i{background-color: #009782;}
    .Top003156 .open-menu:not(.on) i:nth-child(1){margin-top: -0.625em;}
    .Top003156 .open-menu:not(.on) i:nth-child(3){margin-top: calc(0.625em - 3px);}
    .top-search{width: 90%;}
    .has-sub span .op:before, .has-sub span .op:after{background-color: #666;}
}



.Banner{position: relative; z-index: 1;}
.Banner li.slick-slide{position: relative;}
.Banner li.slick-slide .txt{position: absolute;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;z-index: 11;}
.Banner li.slick-slide .txt .tit{color: #fff;font-size: .6rem;text-align: center;}
.Banner li.slick-slide .txt i{width:.8rem;height: .8rem;background: url(../images/icon-play.png)no-repeat center;background-size: auto;display: block;margin: .2rem auto 0}
.Banner li.slick-slide .txt .btn{text-align: center;margin: .5rem auto 0}
.Banner li.slick-slide .txt .btn .play{display: flex;align-items: center;justify-content: center;color: #fff;font-size: .18rem;}
.Banner li.slick-slide .txt .btn .play::before{content: '';width: .42rem;height: .42rem;background: url(../images/icon-play.svg)no-repeat center;background-size: .42rem auto;margin-right: .2rem;filter: grayscale(100) brightness(100);}
.Banner li.slick-slide img{display: block;width: 100%;}
.Banner li.slick-slide video{position: absolute; z-index: 10; left: 50%; top: 50%; transform: translate(-50%,-50%);min-height: 100%; min-width: 100%;}
.Banner li.slick-slide video + a{visibility: hidden;}

.Banner .slick-dots{position: absolute; left: 50%; transform: translate(-50%,0); bottom: 5%;overflow: hidden; z-index: 10;}
.Banner .slick-dots li{float: left; width: 12px; height: 12px;position: relative; border-radius: 50%;border: 2px solid #fff; cursor: pointer;}
.Banner .slick-dots li:not(:last-child){margin-right: 10px;}
.Banner .slick-dots li:before{position: absolute; left: -1px; top: -1px; right: -1px; bottom: -1px; border-radius: 50%;background: #fff; transition: 0.3s;content: '';}
.Banner .slick-dots li.slick-active:before{transform: scale(0);-webkit-transform: scale(0);-ms-transform: scale(0);}
.Banner .slick-dots li button{display: none;}

@media(min-width:1025px){
    .Banner li.slick-slide img{}
    .Banner li.slick-slide img.wap{display: none;}
}
@media(max-width:1024px){
    .Banner li.slick-slide img.pc{display: none;}
    .Banner li.slick-slide video{left: -100%;top: 100%; opacity: 0;}
    .Banner li.slick-slide .open-video{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3) url(../images/Banner002826_play.png) no-repeat center center;background-size: auto 50px; z-index: 20;}
    .Banner li.video-show .open-video{left: -100%;opacity: 0; transform: translateX(-100%);}
    .Banner li.video-show video{left: 50%; top: 50%; opacity: 1;}
    
    .Banner .slick-dots li{width: 10px; height: 10px;}
    .Banner .slick-dots li:not(:last-child){margin-right: 4px;}
}






.home_title{}
.home_title.tc{text-align: center}
.home_title .cn{color: #020202;font-size: .4rem;font-family: 'HarmonyOS_Sans_SC_Medium';}
.home_title .en{color: #fff;font-size: .7rem;text-transform: uppercase;line-height: .1;text-transform: uppercase;font-weight: bold;font-family: 'Barlow-Bold';}

.all-more a{display: inline-flex;align-items: center;justify-content: center; padding: 0 0.13rem 0 0.3rem; border: 1px solid #101219; height: 0.66rem;border-radius: 0.4rem;transition: 0.3s;}
.all-more a:hover{color:#fff; background-color:#009782;border-color: #009782;}
.all-more a:after{border-radius: 50%;display:block;content: '';--wh:0.4rem;width: var(--wh);height: var(--wh);background: #009782 url(../images/more.svg) no-repeat center center; background-size: 50% auto; margin-left: 0.62rem;}
@media (max-width:1024px) {
    .all-more a{height: 0.5rem;}
    .all-more a:after{--wh:0.3rem; margin-left: 0.4rem;}
}


.home_box{position: relative;}
.home_box::before{content: '';position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: url(../images/home_box2_bg.jpg)no-repeat center;background-size: cover;background-attachment: fixed;}



.home_box1{position: relative;padding: 1.2rem 0;z-index: 2}
.home_box1 .home_title{padding-bottom: .6rem}
.home_box1 .left .desc{line-height: 2;color: #333;padding-bottom: .6rem}
.home_box1 .right .pic{height: 100%;position: relative;overflow: hidden}
.home_box1 .right .pic img{position: absolute;width: 100%;height: 100%;left: 0;top: 0;object-fit: cover}
@media(min-width:1025px){
    .home_box1 .w1440{display: flex;justify-content: space-between}
    .home_box1 .left{flex: 1;padding-right: 5%}
    .home_box1 .right{width: 40%;flex: 0 0 auto}
}

@media(max-width:750px){
    .home_box1 {padding:0.7rem 0;}
    .home_box1 .left .desc,
    .home_box1 .home_title {padding-bottom: 0.35rem;}
}

/*Floor003233 */
.Floor003233{overflow: hidden; padding:var(--padMar120) 0;position: relative;z-index: 1;--autoWidth:1440;--ww:1920;background: #ebf6f8 }
.Floor003233 [class*=autoCon-]{position: relative;z-index: 4;}
.Floor003233 .Hometitle{text-align: left;}
.Floor003233 .title{display: flex; margin-bottom: .5rem; justify-content: space-between; align-items: center;}
.Floor003233 .title .Hometitle{margin-bottom: 0;}
.Floor003233 .swiper-wrapper{height: auto;}
.Floor003233 .swiper-slide a{padding:.2rem; background: #fff;}
.Floor003233 .swiper-slide a:hover{}
.Floor003233 .con{padding: 0.3rem 0 .15rem;}
.Floor003233 .con .tit{font-size: var(--font-size20);margin: 0 0 0.14rem; color: var(--black); font-weight: bold;}
.Floor003233 .con .txt{color:var(--grey);}
.Floor003233 .controls{display: flex;align-items: center;z-index: 10;position: absolute;}
.Floor003233 .controls .scrollbar{flex: 1;position: relative;z-index: 1; margin-right: 0.32rem;height: 0.07rem;background-color: rgba(215, 221, 222, 0.3);border-radius: 2px;}
.Floor003233 .controls .scrollbar > span{border-radius: 2px;background-color: var(--hover-color);}
.Floor003233 .controls .page{color:#dae3e8;font-size: var(--font-size18); display: none;}
.Floor003233 .controls .page .cur{color:var(--hover-color);}
.Floor003233 .controls .arrow{display: flex;align-items: center;justify-content: flex-end;width:1.5rem;}
.Floor003233 .controls .arrow a{display: block;width: 0.55rem; height: 0.55rem;border-radius: 50%;border: solid 1px #bbb; background-position: center center; background-repeat: no-repeat; background-size: auto 0.14rem; cursor: pointer; transition: 0.3s; background-color: var(--white); position: relative; background-image: url(../images/more2.svg); }
.Floor003233 .controls .arrow a + a{margin-left: 0.26rem;}
.Floor003233 .controls .arrow a.prev{left: auto; transform: rotate(180deg);}
.Floor003233 .controls .arrow a.next{right: auto;}
.Floor003233 .controls .arrow a:hover{background-color: var(--hover-color);background-image: url(../images/more.svg); border-color: var(--hover-color);}
.Floor003233 .pic{position: relative;}
.Floor003233 .pic::before{position:absolute; right:-.2rem; bottom:-.07rem; content:' '; border-left: .24rem solid transparent; border-right: .24rem solid transparent; border-top: .24rem solid #fff; transform: rotate(-45deg);}
.Floor003233 .swiper-slide-active .pic::before{border-left: .3rem solid transparent; border-right: .3rem solid transparent; border-top:.3rem solid #fff;}
.Floor003233 a:hover .pic::before{border-top-color: var(--hover-color);}

@media (min-width:1025px) {
.Floor003233 .main{width: var(--mainW);}
.Floor003233 .controls{left: 5.98rem;bottom: 0.25rem;width: calc(var(--autoWidth) / 1914 * 100%); padding-right: 1.71rem;}
.Floor003233 .swiper-slide{height: calc((320 / var(--ww) * 100vw) + 0.33rem + 0.14rem + 1em + 1rem); opacity: 0.2;line-height: 1;}
.Floor003233 .pic .Ispic{height: calc(220 / var(--ww) * 100vw);}
.Floor003233 .swiper-slide-active .pic .Ispic{height: calc(320 / var(--ww) * 100vw);transition: 0.3s 0.3s;}
.Floor003233 .swiper-slide-active .con .tit{font-size: var(--font-size24);}
.Floor003233 .swiper-slide-active,
.Floor003233 .swiper-slide-next,
.Floor003233 .swiper-slide-next + .swiper-slide{opacity: 1;}
.Floor003233 .swiper-slide a{margin-right: 0.25rem;}
}
@media (max-width:1024px) {
.Floor003233 .pic .Ispic{padding-bottom: calc(290 / 432  * 100%);}  
.Floor003233 .main{padding-bottom: 0.85rem;}
.Floor003233 .controls{bottom: 0;left: 0;width: 100%;}
.Floor003233 .con{padding-top: 0.2rem;}
}




.home_box2{padding: 1.2rem 0;position: relative;overflow: hidden;z-index: 2}
.home_box2 .title{display: flex; margin-bottom: 1rem; justify-content: space-between; flex-wrap: wrap;}
.home_box2 .desc{width: 55%;flex: 0 0 auto}
.home_box2 .desc .tip{color: #333;font-size: .18rem;line-height: 2;margin-bottom: .6rem}
.home_box2 .list ul:not(:last-child){margin-bottom: .6rem}
.home_box2 .list ul .str_move{display: flex}
.home_box2 .list li{position: relative;margin-right: .6rem;}
.home_box2 .list li .txt{position: absolute;width: 100%;left: 0;bottom: 0;text-align: center;color: #fff;font-size: .2rem;padding: .3rem;z-index: 3}
.home_box2 .list li .txt span{display: flex;align-items: center;justify-content: center}
.home_box2 .list li .txt span::after{content: '';width: .24rem;height: .24rem;background: url(../images/more.svg)no-repeat center;background-size: .24rem auto;margin-left: .15rem;display: none}
.home_box2 .list li .pic{width: 4.5rem;position: relative;overflow: hidden}
.home_box2 .list li .pic:after {display: block; content: ''; padding-bottom: 66.6667%;}
.home_box2 .list li .pic::before{content: ''; width: 100%;height: 100%;position: absolute;z-index: 2;background: linear-gradient(to top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 82%, rgba(0, 0, 0, 0) 100%);left: 0;bottom: 0}
.home_box2 .list li .pic span{position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
.home_box2 .list li .pic span img{width: 100%;height: 100%;object-fit: cover;}
.home_box2 .list li:hover .txt{height: 100%;background:rgba(0,151,130,.8);display: flex;justify-content: center;align-items: center;font-size: .26rem}
.home_box2 .list li:hover .txt span::after{display: block}
@media (max-width:750px) {
    .home_box2 {padding:0.7rem 0;}
    .home_box2 .title {margin-bottom: 0.5rem;}
    .home_box2 .home_title {width: 100%; margin-bottom: 0.35rem;}
    .home_box2 .desc {width: 100%;}
    .home_box2 .list li {margin-right: 0.3rem;}
    .home_box2 .list li .pic {width: 3rem;}
    .home_box2 .list ul:not(:last-child) {margin-bottom:0.3rem;}
}


.home_box3{padding: 1.2rem 0 1rem;position: relative;overflow: hidden;z-index: 2;background: #ebf6f8}

.home_box3 .title{display: flex; margin-bottom: .5rem; justify-content: space-between;}
.home_box3 .main{position: relative}
.home_box3 .pic{padding-bottom: 56%;position: relative;background: #000}
.home_box3 .pic img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;}
.home_box3 .txt {padding: 0.2rem 0.3rem;background: #fff}
.home_box3 .txt .it {line-height: 1.4;height: 2.8em;margin-bottom: 0.2rem;font-size: .22rem;color: #010101;}
.home_box3 .txt .time{color: #00a6b1;font-size: .18rem;font-weight: bold}
.home_box3 .controls a{position: absolute;;width: 0.55rem; height: 0.55rem;border-radius: 50%;border: solid 1px #bbb; background-position: center center; background-repeat: no-repeat; background-size: auto 0.14rem; cursor: pointer; transition: 0.3s; background-color:#ebf6f8;background-image: url(../images/more2.svg);top: 50%;margin-top: -.26rem}
.home_box3 .controls a.prev{left: -.8rem; transform: rotate(180deg);}
.home_box3 .controls a.next{right: -.8rem;}
.home_box3 .controls a:hover{background-color: #009782;background-image: url(../images/more.svg); border-color: #00a6b1;}
@media (max-width:750px) {
    .home_box3 {padding:0.7rem 0;}
}

.home_box4{padding: 1.7rem 0 1.2rem;position: relative;overflow: hidden;z-index: 2;background:url(../images/boxbg2.png)no-repeat center #ebf6f8;background-size: cover;}
.home_box4 .list{margin-top: .5rem}
.home_box4 .list ul .str_move{display: flex}
.home_box4 li{width: 2rem;margin: .1rem; position: relative;}
.home_box4 li:before {display: block; content: ''; padding-bottom: 50%;}
.home_box4 li a {display: block; position: absolute;background: #fff; left:0; top:0; width: 100%; height: 100%;display: flex;justify-content: center;align-items: center;border-radius: .1rem;}
.home_box4 li img{display: block;flex: 0 0 auto;max-height: 80%;max-width: 80%;}
.home_box4 .home4_more{display: flex;justify-content: center;margin-top: .5rem}

@media (max-width:750px) {
    .home_box4 {padding:1rem 0 0.7rem;}
    .home_box4 .list {margin-top: 0.2rem;}
    .home_box4 li {width: 1.5rem;}
}

.Bottom{background: #121212;}
.Bottom a:hover{color: #fff!important;}
.Bottom .bottom-mid{padding: .9rem 0 .5rem;}
.Bottom nav {overflow: hidden;}
.Bottom nav dl{float: left;}
.Bottom nav dt{margin-bottom: .3rem;font-size: .18rem;}
.Bottom nav dt a{color: #fff;}
.Bottom nav dd a{color: rgba(255,255,255,.5);line-height: 2.5}

.Bottom .bottom-contact {width: 2.6rem;}
.Bottom .bottom-contact .tit{font-size: .18rem;color: #fff;margin-bottom: .3rem;}
.Bottom .bottom-contact .code{display: flex;align-items: center;justify-content: space-between;;}
.Bottom .bottom-contact .code img{border-radius: 5px; width: 1.1rem;}

.Bottom .bottom-share span{display: block;margin-bottom: .15rem}
.Bottom .bottom-share li{float: left;position: relative; position: relative;}
.Bottom .bottom-share li:not(:last-child){margin-right: .1rem}
.Bottom .bottom-share li a{border-radius:50%;display:block;width:0.36rem;height:0.36rem;background-position:center center;background-repeat:no-repeat;background-size:contain;background-color:rgba(255,255,255,0.2);transition:0.3s}
.Bottom .bottom-share li a:hover{background-color:#009782}
.Bottom .bottom-share li.in a{background-image:url(../images/share-wx.svg);background-size:auto 0.16rem}
.Bottom .bottom-share li.fb a{background-image:url(../images/share-sina.svg);background-size:auto 0.16rem}
.Bottom .bottom-share li.ytb a{background-image:url(../images/share-douyin.svg);background-size:auto 0.16rem}
.Bottom .bottom-share .qr {position: absolute; bottom:110%; left:50%;transform: translateX(-50%); z-index: 5; width: 1.3rem; background-color: #fff;padding:0.05rem; border-radius: 0.15rem; display: none;}
.Bottom .bottom-share .qr img {display: block; width: 100%; height: auto;}

.Bottom .copyright{font-size: .14rem;color: rgba(255,255,255,.5);line-height: 2;border-top: 1px solid rgba(255,255,255,.1);padding:0.26rem 0; text-align: center;}
.Bottom .copyright a{color: rgba(255,255,255,.5); display: inline-block;}
.Bottom .copyright .right a{margin-left: .15rem;color: rgba(255,255,255,.5);}

@media(min-width:1025px){
    .Bottom .bottom-top{display: flex;justify-content: space-between;}
    .Bottom nav{width: 70%;flex: 0 0 auto}
    .Bottom .bottom-contact{margin-left: 5%;}
    
    .Bottom .bottom-mid{display: flex;justify-content: space-between;}
    
}
@media(max-width:1024px){
    .Bottom nav {width: 100%;}

    .Bottom .bottom-contact {margin:0 auto;}
}

@media(max-width:768px){
    .Bottom .bottom-mid {padding:0.5rem 0;}
    .Bottom nav {display: none;}
    
}


.cbanner {position: relative;overflow: hidden;}
.cbanner img{width: 100%;}
.cbanner figure {width: 100%;position: relative;padding-bottom: 43.95604396%;background: #000;background-size: cover;background-repeat: no-repeat;background-position: center center;}

.cbanner .cont {position: absolute;left: 0;width: 100%;z-index: 3;bottom: 12.68%; color: #ffffff;}
.cbanner .cont .tit{font-size: .48rem}

.cbanner .bag:after {content: "";display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(../images/nehdfeisz.png) left top / 100% 100% no-repeat;}

@media (max-width: 750px) {
    .cbanner figure {padding-bottom: 50%;}
    .cbanner .cont {font-size: 0.7rem;}
    .cbanner .cont .tit {font-size: 0.38rem;}
}
@keyframes svgcircle {
  from {
    stroke-dasharray: 0 800;
  }
  to {
    stroke-dasharray: 800 800;
  }
}





.subMenu{background-color: #fff;border-bottom: 1px solid #e6e6e6;font-weight: 100;}
.subMenu .w1440{display: flex;align-items: center;justify-content: space-between}
.subMenu .flex-row{display: flex;align-items: center;}
.subMenu li{position: relative;}
.subMenu li:not(:last-child){margin-right: 0.6rem;}
.subMenu li span{display: block;width: 100%;position: relative;}
.subMenu li span a{color: #010101;display: block;line-height: 0.9rem;font-size:.18rem;}
.subMenu li:before{position: absolute;left: 50%;transform: translateX(-50%);width: 0;bottom:0;height: 2px;content: "";background:#009782;transition: all 0.5s;}
.subMenu li.onli a,
.subMenu li:hover a{color:#009782;}
.subMenu li.onli:before,
.subMenu li:hover:before{width: 100%;}
    
.place{color: #999;text-align: right;font-weight: 100;line-height: 0.9rem;}
.place a{color: #999;margin-right: 0.22rem;position: relative;}
.place a:hover,
.place span{color:#333;display: inline-block;}
.place a:after{position: absolute;width: 0.22rem;right: -0.22rem;content: "/";text-align: center; top:50%; transform: translateY(-50%);}
.place.detail{text-align: left;padding: 1.354vw 0;}
    
@media(max-width:750px){
    .subMenu .w1440 {flex-direction: column-reverse;}
    .subMenu{padding: 0.2rem 0;}
    .subMenu .colName{display: block;}
    .subMenu ul {margin-top: 0.2rem;}
    .subMenu li{text-align: center;}
    .subMenu li:not(:last-child) {margin-right: 0.2rem;}
    .subMenu li:before{height: 0;background-color: #f0f0f0;}
    .subMenu li.onli a, 
    .subMenu li:hover a{color: rgba(var(--main-color));}
    .subMenu li span a{line-height: 2.5;}

    .place {width: 100%; text-align: left; line-height: 2em;}
}




.About{padding: 1rem 0}
.About .con .left .tit{font-size: .6rem;color: #010101;font-family: 'HarmonyOS_Sans_SC_Medium';line-height: 1}
.About .con .right{line-height: 2;color: #333}
.About .name {width:100%;font-size: .6rem;color: #010101;font-family: 'HarmonyOS_Sans_SC_Medium';line-height: 1.35em; text-align: center; margin-bottom:0.25rem;}

.About .pic{padding-bottom: 33.334%;position: relative;overflow: hidden;margin: .6rem 0 0}
.About .pic img{position: absolute;width: 100%;height: 100%;left: 0;top: 0;object-fit: cover}
.About .video {margin-top: 0.6rem;}
.About .video video {display: block; width:100%; height: auto;}
@media(min-width:1025px){
   
    .About .con{display: flex;justify-content: space-between; flex-wrap: wrap;}
    .About .con .left{width: 20%;flex: 0 0 auto}
    
    .About .con .right{flex: 1;padding-left: 10%}
    .About .con .pl0 {padding-left: 0;}
}
@media(max-width:1024px){
    .About{padding: 0.7rem 0}
    .About .con .left {margin-bottom: 0.35rem;}
    .About .name{font-size: 0.32rem;}
}



.product{padding: 1rem 0}
.product .tit{font-size: .36rem;color: #010101;font-family: 'HarmonyOS_Sans_SC_Medium';padding-bottom: .5rem}
.product .list:not(:last-child){ border-bottom:1px solid #ebebeb;padding:0 0 0.6rem 0;margin-bottom: .6rem; position: relative;z-index: 1;}
.product .list:not(:last-child):before,
.product .list:not(:last-child):after{position: absolute; content: '';width: 0.14rem; height: 0.14rem; border-radius: 50%;border:1px solid #ebebeb; bottom: -0.08rem;background-color: #fff;}
.product .list:before{left: 0;}
.product .list:after{right: 0;}
.product ul{display: flex;flex-wrap: wrap;}
.product ul li{width: 23.5%;margin-right: 2%;margin-bottom: 4%}
.product ul li:nth-child(4n){margin-right: 0}
.product ul li .pic{position: relative;overflow: hidden;border: .2rem solid #ebf6f8;padding-bottom: 60.3334%}
.product ul li .pic img{position: absolute;width: 100%;height: 100%;left: 0;top: 0;object-fit: cover;transition: .3s all}
.product ul li .txt{padding-top: .2rem;}
.product ul li .txt h3{font-size: .18rem;color: #333}
.product ul li:hover .pic img{transform: scale(1.05)}
.product ul li:hover .txt h3{color: #009782}

@media(max-width:1024px){
    .product{padding: 0.7rem 0}
}
@media(max-width:750px){
    .product ul li {width: 48%; margin-right: 4%;}
    .product ul li:nth-child(2n){margin-right: 0}
}

.product .list{position: relative;}
.product .Category{ position: absolute;top: -1rem;}


.probanner {position: relative;overflow: hidden;background: #000;}
.probanner figure {width: 100%;position: relative;padding-bottom: 25%;background-size: cover;background-repeat: no-repeat;background-position: center center;opacity: .25;filter: blur(10px);}

.probanner .cont {position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;align-items: center;z-index: 3;color: #ffffff;}
.probanner .cont .tit{font-size: .32rem}
.probanner .cont .btn{display: inline-flex;align-items: center;justify-content: center; padding: 0 0.13rem 0 0.3rem; border: 1px solid #fff; height: 0.66rem;border-radius: 0.4rem;transition: 0.3s;color: #fff;margin-top: .4rem}
.probanner .cont .btn:hover{color:#fff; background-color:#009782;border-color: #009782;}
.probanner .cont .btn:after{border-radius: 50%;display:block;content: '';--wh:0.4rem;width: var(--wh);height: var(--wh);background: #009782 url(../images/icon-down.svg) no-repeat center center; background-size: 50% auto; margin-left: 0.62rem;}
@media (max-width:1024px) {
    .probanner .cont .btn{height: 0.5rem;}
    .probanner .cont .btn:after{--wh:0.3rem; margin-left: 0.4rem;}
}




.product_detail{padding: 1rem 0}
.product_detail .con{/* max-width: 12rem; margin: 0 auto*/}
.product_detail .title{/* display: flex;align-items: center;justify-content: space-between;border-bottom: 1px solid #ebebeb;padding-bottom: .2rem; */margin-bottom: .3rem}
.product_detail .title span{font-size: .32rem;color: #333;font-family: 'HarmonyOS_Sans_SC_Medium';}
.product_detail .title .btn{display: inline-flex;align-items: center;justify-content: center; padding: 0 0.13rem 0 0.3rem; border: 1px solid #ebebeb; height: 0.66rem;border-radius: 0.4rem;transition: 0.3s;color: #333;}
.product_detail .title .btn:hover{color:#fff; background-color:#009782;border-color: #009782;}
.product_detail .title .btn:after{border-radius: 50%;display:block;content: '';--wh:0.4rem;width: var(--wh);height: var(--wh);background: #009782 url(../images/icon-down.svg) no-repeat center center; background-size: 50% auto; margin-left: 0.62rem;}
.product_detail p{line-height: 2}

.product_detail .left .btn{ margin-top: 0.4rem;}
.product_detail .left .btn a{display: inline-block;font-size: 0.16rem;color: #fff;border-radius: 0.5rem; margin: 0 0.05rem; min-width:1.5rem;text-align: center; line-height: 0.55rem;padding: 0 0.25rem; cursor: pointer;}
.product_detail .left .btn a.Demo{background-color: #009782;}
.product_detail .left .btn a.Tutorials{background-color: #6e6e6e;}

.product_detail .edit_info{color: #333;line-height: 2;}
.product_detail .edit_info p{position: relative;padding-left: 0.16rem;}
.product_detail .edit_info p:before{position: absolute; content: ''; width: 0.05rem; height: 0.05rem; border-radius: 50%;background: #009782; left: 0; top: 0.13rem;}
@media(min-width:1025px){
.product_detail .con{ display: flex; justify-content: space-between; align-items: center;}
.product_detail .con .left{ width: 47%;}
.product_detail .con .right{width: 47%;}
}
@media (max-width:1024px) {
    .product_detail {padding:0.7rem 0;}
    .product_detail .title .btn{height: 0.5rem;}
    .product_detail .title .btn:after{--wh:0.3rem; margin-left: 0.4rem;}
	.product_detail .title{margin-bottom: .2rem}
	.product_detail .title span{font-size: .26rem;}
	.product_detail .con .left{ margin-bottom: 0.2rem;}
	
}

.proitem{padding-bottom: 1rem;}
.proitem .name{font-size: .28rem;color: #333;font-family: 'HarmonyOS_Sans_SC_Medium'; margin-bottom: 0.3rem;}
.proitem .item{ padding: 0.5rem 0;}
.proitem .item:nth-child(2n-1){ background: #f9f9f9;}
.proitem .edit_info{color: #333;line-height: 2;}
.proitem .edit_info p{position: relative;padding-left: 0.16rem;}
.proitem .edit_info p:before{position: absolute; content: ''; width: 0.05rem; height: 0.05rem; border-radius: 50%;background: #009782; left: 0; top: 0.13rem;}

@media(min-width:1025px){
.proitem .list{ display: flex; justify-content: space-between; align-items: center;}
.proitem .item:nth-child(2n) .list {flex-direction: row-reverse;}
.proitem .list .info{ width: 47%;}
.proitem .list .pic{width: 47%;}
}

@media (max-width:1024px) {
.proitem{padding-bottom: 0.5rem;}
.proitem .item{padding: 0.3rem 0;}
.proitem .name{font-size: .24rem;margin-bottom: .2rem}
.proitem .list .info{margin-bottom: .2rem;}
}


.solution{padding: 1rem 0 .4rem}
.solution li{margin-bottom: .6rem;background:#f6f8fa }
.solution li .pic{background: #000;padding-bottom: 27.5%;position: relative;overflow: hidden}
.solution li .pic img{position: absolute;width: 100%;height: 100%;left: 0;top: 0;object-fit: cover;transition: .3s all}
.solution li .txt h3{font-size: .28rem;color: #333;padding-bottom: .3rem;}
.solution li .txt .desc{line-height: 2;margin-bottom: .3rem;color: #666}
.solution li .txt .more{display: inline-flex;align-items: center;justify-content: center; padding: 0 0.13rem 0 0.3rem; border: 1px solid #ddd; height: 0.66rem;border-radius: 0.4rem;transition: 0.3s;color: #333;}
.solution li .txt .more:hover{color:#fff; background-color:#009782;border-color: #009782;}
.solution li .txt .more:after{border-radius: 50%;display:block;content: '';--wh:0.4rem;width: var(--wh);height: var(--wh);background: #009782 url(../images/more.svg) no-repeat center center; background-size: 50% auto; margin-left: 0.62rem;}
@media(min-width:1025px){
    .solution li a{display: flex;justify-content: space-between;align-items: center}
    .solution li:nth-child(2n) a{flex-direction: row-reverse;}
    .solution li .pic{width: 40%;flex: 0 0 auto}
    .solution li .txt{flex: 1;padding:0 6%}
}

@media (max-width:1024px) {
    .solution {padding:0.7rem 0;}
    .solution li:last-child {margin-bottom: 0;}
    .solution li .txt {padding:0.5rem;}
    .solution li .txt .more{height: 0.5rem;}
    .solution li .txt .more:after{--wh:0.3rem; margin-left: 0.4rem;}
}



.Page002623{padding: 0 0 1rem 0; text-align: center;font-size: .2rem;}
.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 1.5vw; font-style: normal;}
.Page002623 .Pages .p_page{display: table; margin: 0 auto;}
.Page002623 .Pages a{float: left;line-height: .6rem; width: .6rem; margin: 0 5px;border-radius: 50%;color: #010101;background: #f5f5f5}
.Page002623 .Pages a.a_cur,
.Page002623 .Pages a:hover{color: #fff;background: #009782;border-color:#009782 }
.Page002623 .Pages .p_page > a{font-size: 0;height: .6rem;position: relative;border-radius: 50%;border: 1px solid #010101;background: #fff}
.Page002623 .Pages .p_page > a:before{position: absolute;width: 100%;height: 100%; content: '';background:url(../images/icon-jt.svg)no-repeat center ;background-size: .2rem auto;left: 50%; top: 50%;transform: translate(-50%,-50%)}
.Page002623 .Pages a.a_prev{transform: rotate(180deg)}
.Page002623 .Pages a.a_next{background:#009782; border-color:#009782}
.Page002623 .Pages a.a_next:before{filter: grayscale(100) brightness(100);}
.Page002623 .Pages .p_page > a:hover{background:#009782; border-color:#009782 }
.Page002623 .Pages .p_page > a:hover:before{filter: grayscale(100) brightness(100);}
@media(max-width:750px){
    .Page002623 .Pages em{display: none;}
}




.Newlist{padding: 1rem 0 0.6rem 0;}
.Newlist li { background: #fff; overflow: hidden; border-bottom: 1px solid #eee; padding-bottom:0.3rem ; margin-bottom: 0.3rem;}
.Newlist li a { position: relative; }
.Newlist li .pic { border-radius: 0.15rem; overflow: hidden; }
.Newlist li .pic .Ispic { padding-bottom: 71%; transition: .3s; }
.Newlist li:hover .pic .Ispic { transform: scale(1.1); }
.Newlist li .txt time { display: inline-block; color: #999; margin-top: 0.18rem;display: inline-block; color: #999; padding-left: 1.625em; background: url(../images/icon-time.svg) no-repeat left center;}
.Newlist li .txt .tit {font-size:0.22rem; line-height: 1.5; margin-bottom: 0.16rem;color: #333;font-family: 'HarmonyOS_Sans_SC_Medium'; }
.Newlist li a:hover .txt .tit { color: #009782; }
.Newlist li .txt p { margin: 0; line-height: 1.875;color: #999; }

@media (min-width:1025px) {
    .Newlist li .pic{ width: 23%;}
    .Newlist li .txt{ padding-left: 0.5rem;}
}

@media(max-width:1024px) {
    .Newlist {padding:0.7rem 0;}
    .Newlist li .txt{ padding: 0.2rem; }
}





.contact01{padding: 1rem 0}
.contact01 .ctitle{color:#1b1f24;text-align:center;line-height:1.2;font-size: .48rem;font-family: 'HarmonyOS_Sans_SC_Medium';}
.contact01 .office_list{margin-top:.7rem;}
.office_list{display:flex;flex-wrap:wrap;}
.office_list .item{padding:.5rem;background:#f6f8fa;background-repeat:no-repeat;background-size:cover;background-position:center;width:24.025%;margin-bottom:1.3%;border:2px solid transparent;transition:all .3s; margin-right: 1.3%;}
.office_list .item:hover{border-color:#009782;}
.office_list .item:nth-child(4n){margin-right:0%;}
.office_list .tit{color:#1b1f24;line-height:1.2;padding:.25rem 0;border-bottom:1px solid #e3e4e4;position:relative;font-size: .28rem}
.office_list .tit::before{content:'';display:block;position:absolute;bottom:-1px;height:2px;background-color:#009782;left:0;bottom:0;width:.55rem;}
.office_list .its{margin-top:15px;}
.its .it{margin-top:.2rem;}
.its .it_tit{color:#999999;line-height:1.2;font-size: .18rem;}
.its .it_desc{color:#1b1f24;line-height:1.33;margin-top:.05rem;}

@media only screen and (max-width:1024px) {
    .contact01 {padding:0.7rem 0;}
    .contact01 .office_list {margin-top: 0.5rem;}
    .office_list .item {width: 48.5%; margin-right: 3%; margin-bottom: 3%;}
    .office_list .item:nth-child(2n){margin-right:0;}
}
@media only screen and (max-width:750px) {
    .office_list .item {width: 100%; margin-right: 0;}
}
.message{padding: 1rem 0;background:#f6f8fa;}
.message .ctitle{color:#1b1f24;text-align:center;line-height:1.2;font-size: .48rem;font-family: 'HarmonyOS_Sans_SC_Medium';margin-bottom:.7rem;}
.message .tips{font-weight: bold;margin-bottom: .3rem; border-bottom: 1px solid #ebebeb;padding-bottom: .3rem;color: #333;}
.message .tips span{color: #f00;}

.message .select-group{display: flex;flex-wrap: wrap;align-items: center;margin: 0.1rem 0;}
.message .select-group label{margin: 0.1rem 0.2rem 0.1rem 0;}
.message .form-ul li{margin-bottom: 10px;position: relative;}
.message .form-ul li .err{position: absolute; left: 100%;top: 0;color: #f00;line-height: .54rem; margin-left: 0.05rem;}
.message .form-ul h5{font-size: 0.16rem;color: #333; margin: 1em 0 0.5em 0;}
.message .other-select{position: relative; max-width: 5rem;}
.message .other-select .imgcode{position: absolute; right: 20px;top: 50%;transform: translateY(-50%)}
.message .form-ul li .tit{position: absolute;left: 1.1428em; top: 0;line-height: .54rem;color: #333333;}
.message .form-ul li select,
.message .form-ul li .text{width: 100%;border-radius: 5px; border: solid 1px #ebebeb;font-size:.16rem;line-height: .54rem;height: .54rem; background: #fff;padding: 0 1em;}
.message .form-ul li textarea.text{height: auto;}
.message .form-ul .btn{width: 1.8rem; background: #009782;font-size:.16rem;height: .54rem;color: #fff;cursor: pointer; border: 0;margin: 0 auto;display: block}
.message .btn-area{display: flex;justify-content: center;}
.message .btn-area .btn{margin: 0;}
.message .btn-area .btn + .btn{margin-left: 0.2rem;}
.message .btn-area .btn-reset{background: #eee;color: #333;}
@media (min-width:1025px) { 
    .message .form-ul .row-2 li{float: left;width:calc(50% - 5px);}
    .message .form-ul .row-2 li:nth-child(2n){float: right;}
    .message .form-ul .row-3{display: flex;flex-wrap: wrap;justify-content: space-between;}
    .message .form-ul .row-3 li{width: calc(33.3333% - 0.2rem);}
}
@media(max-width:1024px){
    .message{padding: 50px 0;}
    .message .form-ul li select,
    .message .form-ul li .text{font-size:.18rem;}
    .message .ctitle {margin-bottom: 0.5rem;}
}




.proinfo01{background-color:#1b1f24;position:sticky;top:.9rem;z-index:10;}
.proinfo01_box{display:flex;justify-content:space-between;align-items:center;}
.proinfo01_box .ctitle{color:#fff;font-size: .18rem;font-family: 'HarmonyOS_Sans_SC_Medium';}
.downbtn{line-height:.8rem;background-color:#009782;padding:0 .5rem;display:inline-block;}
.downbtn span{color:#fff;}
.prolocat{border-bottom:1px solid #e5e5e5;}
.prolocat_box{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;}
.prolocat .left{color:#999999;}
.prolocat .left span{color:#009782;}
.prolocat .left a,
.prolocat .left span{display:inline-block;padding-top:.3rem;padding-bottom:.3rem;}
.goback{text-align:center;background-image:url(../images/page_right_red.png);background-repeat:no-repeat;background-position:center right;padding-right:30px;display:inline-block;border-bottom:1px solid #009782;color:#009782;}

@media only screen and (max-width:750px) {
    .proinfo01{top:0.79rem;}
	.downbtn{padding: 0 .2rem;}
}

/*TextList002972 */
.TextList002972{padding:0.65rem 0 0.6rem 0;}
.TextList002972 li:not(:last-child){border-bottom: 1px dotted #e8e8e8;}
.TextList002972 li{line-height: 3.6;}
.TextList002972 li a{color: #333;font-size:0.20rem;font-family: 'HarmonyOS_Sans_SC_Medium';}
.TextList002972 li:hover a{color:#009782;}
.TextList002972 li a:before{display: inline-block; content: ''; width: 0.06rem; height: 0.06rem; background: #009782;border-radius: 50%; margin-right: 0.14rem; margin-top:-0.05rem; vertical-align: middle;}
.TextList002972 li time{float: right;margin-top:0.25rem;margin-left: 0.1rem;padding-left: 1.625em;background: url(../images/icon-time.svg) no-repeat left center;line-height: 1.1;}




/*RighInfo002973 */
.RighInfo002973{ padding:0.8rem 0; color: #333;font-size: 16px;}

.RighInfo002973 .news-details{}
.RighInfo002973 .news-details .title{text-align: center;border-bottom:1px solid #e8e8e8;padding-bottom:0.2rem;}
.RighInfo002973 .news-details .title h1{font-size: 0.32rem; margin: 0 0 15px 0;}
.RighInfo002973 .news-details .title aside span{display: inline-block; vertical-align: middle; margin: 0 15px 5px;line-height: 16px;}
.RighInfo002973 .news-details .title .bshare-custom{display: inline-block;}
.RighInfo002973 .bshare-custom a{background-position: center center; margin: 0 0 0 14px;}
.RighInfo002973 .bshare-custom a.bshare-weixin{background-image: url("../images/RighInfo002973_share_wx.png");}
.RighInfo002973 .bshare-custom a.bshare-sinaminiblog{background-image: url("../images/RighInfo002973_share_sina.png");}
.RighInfo002973 .bshare-custom a.bshare-qzone{background-image: url("../images/RighInfo002973_share_qz.png");}
.RighInfo002973 .news-details .edit-info{line-height: 1.875em;padding: 2% 0; }
.RighInfo002973 .news-details .edit-info .pic{text-align: center;margin:0.3rem 0;}
.RighInfo002973 .news-details .edit-info p{margin:0.1rem 0;}
.RighInfo002973 .pn-page{border-top:1px solid #e8e8e8;padding-top:2%;}
.RighInfo002973 .pn-page aside{padding: 10px 0;}
.RighInfo002973 .pn-page aside a{color: #666;}
.RighInfo002973 .pn-page aside a b{color: #333;}

.RighInfo002973 .pn-page aside a:hover{color: #009782;}
.RighInfo002973 .operating{overflow: hidden;line-height: 24px;}
.RighInfo002973 .operating a{ background:#009782;color:#fff;padding:0.12rem 0.3rem;border-radius: 0.03rem; display: block;}
.RighInfo002973 .operating a:not(:last-child){margin-right: 45px;}

@media(min-width:751px){
.RighInfo002973 .pn-page{min-height: 24px; position: relative;padding-right: 230px;}
.RighInfo002973 .pn-page .operating{position: absolute;right: 0; top: 50%; transform: translateY(-50%);}
.RighInfo002973 .operating a{float: left;}
}
@media(max-width:1024px){
    .RighInfo002973 {padding:0.7rem 0;}
}
@media(max-width:750px){

.RighInfo002973 .news-details .title h1{font-size:6vw;}
.RighInfo002973{ font-size: 14px;}
.RighInfo002973 .operating {display: flex; justify-content: center; padding:0.2rem 0;}
}


/*Form002219*/
.Form002219{padding-top:1%; padding-bottom:3%;}
.Form002219 dl{ width:30.6%; float:left; padding-left:85px; position:relative; margin-bottom:20px;}
.Form002219 dl.odd{ margin-left:4%;}
.Form002219 dt{ color:#000; font-size:0.16rem; position:absolute; left:0; width:80px; text-align:right; line-height:0.48rem;}
.Form002219 dd{position: relative;}
.Form002219 dd .imgcode{position: absolute;right: 20px;top: 50%;transform: translateY(-50%);}
.Form002219 dd span.red{color:#de0000;position: absolute;right:-15px;top:15px;}
.Form002219 .text{ border:1px solid #e8e8e8; border-radius:5px; width:100%; padding:0 10px; line-height:0.48rem;height:0.48rem; color:#666;}
.Form002219 dl.dl{ width:100%; float:none; max-width:none;}
.Form002219 textarea{border:1px solid #dfdfdf; border-radius:5px;overflow:hidden; resize:none; width:100%; height:360px; padding:10px; color:#5b5b5b;}
.Form002219 .btn{ display:inline-block; line-height:48px; min-width:140px; margin-right:20px; background-color:#f5f5f5; color:#333; font-size:0.16rem; border:none; border-radius:3px; cursor:pointer;}
.Form002219 .submitbtn{ color:#fff; background-color:#009782;} 
@media(max-width:750px){
.Form002219 dl{ float:none; width:100%; margin-left:0 !important; padding-left: 0; padding-right: 1em;}  
.Form002219 dt {position: relative; width: auto; text-align: left;}
.Form002219 textarea{ height:250px;}
.Form002219 .btn{ width:48%; margin-right:2%; float:left; display:block; min-width:2px;} 
}
/*Form002219 End*/




.Honor{padding: 1rem 0 0.2rem 0;}
.Honor ul{display: flex;flex-wrap: wrap;}
.Honor ul li{width: 23%;margin-right: 2.6666%;margin-bottom: 6%}
.Honor ul li:nth-child(4n){margin-right: 0}

.Honor ul li .pic{position: relative;border: 1px solid #ebebeb;display: flex;align-items: center;justify-content: center;padding: .35rem;transition: .3s all}
.Honor ul li .pic .img{position: relative;max-height: 80%;transition: .3s all}
.Honor ul li .pic .img::before{position: absolute;z-index: 10;left: 0;top: 0; content: ''; width: 100%;height: 100%; background: url(../images/kuang.png) no-repeat center center;background-size: 100% 100%;height: 100%;}
.Honor ul li .txt{text-align: center;color: #333}
.Honor ul li .txt::before{content: '';display: block;width: .4rem;height: 2px;background: #009782;margin: .2rem auto}

.Honor ul li:hover .pic{border-color:#009782 }
.Honor ul li:hover .pic .img{transform: translate3d(0 ,-10px , 0)}

@media only screen and (max-width:1024px) {
    .Honor {padding:0.7rem 0;}
}
@media only screen and (max-width:750px) {
    .Honor ul li {width: 48%; margin-right: 4%;}
    .Honor ul li:nth-child(2n){margin-right: 0}
}


.Timeline002790 { padding: 1.5rem 0 1rem}
.Timeline002790 .year{ position:relative; padding:2% 0 4% 0;color:#6e6e6e;}
.Timeline002790 .year::before{ content:''; width:1px; height:103%;  top:-3%; position:absolute; background-color:#ededed; z-index:0;}
.Timeline002790 ul{ position:relative; z-index:1;}
.Timeline002790 li{position:relative;  border-radius: 10px;margin-top: -.6rem; }
.Timeline002790 li:after{ content: ""; display: block;  position: absolute; top: 51%; right: 0; width: 50%; height: 2px; border-bottom: 1px dashed #ddd; z-index: -2  }
.Timeline002790 li:nth-child(2n):after{ left: 0}
.Timeline002790 li:before{width:12px; height:12px;border:1px solid #999;  border-radius:50%;position:absolute; left:50%; margin-left: -7px; top: 50%; margin-top: -2px;  content:''; background:#fff;}
.Timeline002790 li:nth-child(2n)::before{ left:auto; right:50%; margin-right: -6px; }
.Timeline002790 li .con{width: 45%; background: #f5f5f5; border-radius: 10px;float: right; position: relative;  overflow: hidden;border: 1px solid #fff;display: flex;align-items: center;justify-content: space-between}
.Timeline002790 li .con figure{width: 40%;display: flex;align-items: center;justify-content: center;padding: .2rem;height: 2.5rem}
.Timeline002790 li .con figure img{max-height: 90%;}
.Timeline002790 li .con .txt{width: 60%;font-size: .2rem;color: #333; padding:.3rem; }
.Timeline002790 li:nth-child(2n) .con figure{left: 0}
.Timeline002790 li:nth-child(2n) .con .txt{float: right;}
.Timeline002790 li:nth-child(2n) .icon{ left: auto; right: 0; border-radius: 6px 0 0 0}
.Timeline002790 li:nth-child(2n) .con{float:left;}
.Timeline002790 li:nth-child(2n-1) .con{flex-direction: row-reverse;}
.Timeline002790 li .txt{  position:relative;padding-right: .5rem}

.Timeline002790 li .txt figure{transition:all ease 0.5s; position:absolute; top:0;width:1.2rem; height:1rem; }
.Timeline002790 li:nth-child(2n) .txt figure{ left:0; }
.Timeline002790 li:nth-child(2n-1) .txt figure{ right:0; }
.Timeline002790 li .txt figure img{ position:absolute; max-width:100%; max-height:100%; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
.Timeline002790 li .txt h3{margin: 0;font-size: 30px;color: #e60012;padding-bottom: 7px; font-weight: normal;font-family:Arial, sans-serif;}
.Timeline002790 li.hover .con{ border: 1px solid #e60012} 
.Timeline002790 li.hover:after{ border-color:  #e60012} 
.Timeline002790 li.hover:before{ border-color:  #e60012} 
@media(min-width:641px){
    .Timeline002790 .year::before{left:50%;margin-left:-0.5px; }
    .Timeline002790 li{width:100%;}
    .Timeline002790 li:nth-child(2n){ float:left;  }
    .Timeline002790 li:nth-child(2n-1){float:right; z-index:10; }
}
@media(max-width:1024px){
	.Timeline002790{padding:0.7rem 0;}
	.Timeline002790 li {margin-bottom: 20px; height: auto; overflow: hidden; margin-top: 0}	
	.Timeline002790 li .con{width: 100%; float: left; padding: 20px }	
	.Timeline002790 .year::before,
	.Timeline002790 li:after,
	.Timeline002790 li:before{ display: none}
	.Timeline002790 li .con .txt,
	.Timeline002790 li .con figure{ position: relative; float: left; width: 100%}
	.Timeline002790 li .con figure{margin-bottom: 0px;}
	
}





.recruit_list{padding: 1rem 0;}
.recruit_list li{padding: .32rem .6rem; background-color: #f8f8f8;}
.recruit_list li:not(:nth-last-of-type(1)){margin-bottom: .3rem;}
.recruit_list li .sketch{display: flex; align-items: center; justify-content: space-between;}
.recruit_list li .sketch .info{max-width: calc(100% - 80/16 * 1em);}
.recruit_list li .sketch aside{font-size: .24rem; color: #000000; margin-bottom: 1em;}
.recruit_list li .sketch p{font-size: .18rem; margin: 0; font-weight: 500; color: #666;}
.recruit_list li .sketch p i{margin: 0 1em; font-style: normal;}
.recruit_list li .sketch .arrow{ width: .6rem; height: .6rem; transition: .3s; font-family: "宋体"; font-weight: bold; color: #d4d5d6; display: flex; align-items: center; justify-content: center; cursor: pointer; border-radius: 50%; border: 2px solid #d3d8db;}
.recruit_list li .sketch .arrow:hover{box-shadow: 0px 0px 1em 0px rgba(0,0,0,0.2);}
.recruit_list li .sketch .arrow::after{content: "";transition: .3s;width: .6em;transition: .3s;height: .6em;content: '';border-top: 1px solid currentColor;border-right: 1px solid currentColor;transform: rotate(135deg);}
.recruit_list li .details{margin-top: calc(50/1320 * 100%); display: none;}
.recruit_list li .details strong{font-size: calc(18/16 * 1em); color: #333; display: block; margin-bottom: 1em;}
.recruit_list li .details p{line-height: 2; margin: 0; font-weight: 500; color: #666;}
.recruit_list li .details .content{margin-bottom: calc(50/1320 * 100%);}
.recruit_list li .details a{line-height: calc(45/16); display: inline-block; text-align: center; width: calc(170/16 * 1em); border-radius: 9999px; background-color: var(--color); color: #fff;}
.recruit_list li.active{border-top: 2px solid var(--color);}
.recruit_list li.active .sketch .arrow{transform: rotate(180deg);}

@media(max-width:1024px){
    .recruit_list {padding:0.7rem 0;}
    .recruit_list li .sketch .arrow{font-size: .6em;}
    .recruit_list li .sketch aside{font-size: calc(20/16 * 1em); margin-bottom: .5em;}
    .recruit_list li .sketch .info {max-width: calc(100% - 50 / 16* 1em);}
}



@media(max-width:750px){
    
    .recruit_list li {padding:0.3rem;}
    .recruit_list li .sketch .info {max-width: 100%;}
    .recruit_list li .sketch .arrow {display: none;}
}