@font-face {
  font-family: 'hml';
  src: url('fonts/HarmonyOS/Light.woff') format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'hmr';
  src: url('fonts/HarmonyOS/Regular.woff') format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'hmm';
  src: url('fonts/HarmonyOS/Medium.woff') format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'hmb';
  src: url('fonts/HarmonyOS/Bold.woff') format('woff');
  font-display: swap;
}

body {font-family: 'hmr'; font-weight: normal; --hover-color:#6d0ff2;--white:#fff; --black:#333; --grey:#666; --grey2:#999; --green:#006034; --orange:#cf3f1a; --rgb-white:255,255,255;--rgb-black:0,0,0; font-size: var(--font-size16);--rgb-hover:109,15,242; --rgb-green:0,96,52;--rgb-orange:207,63,26; --radius: .1rem;}

.index-more{font-size: var(--font-size16); width: 45%; margin: 0 auto;}
.index-more a,
.index-more.video_click{display:inline-flex;align-items:center;background-color:var(--white);border-radius:3em;border:solid 1px var(--hover-color);line-height:3.6;padding-left:2em;padding-right:0.04rem;position:relative;font-size: var(--font-size16);left: 50%;
    transform: translateX(-50%);}
.index-more a span,
.index-more.video_click span{position:relative;display:block;z-index:2; color: var(--black);}
.index-more a:after,
.index-more a::before,
.index-more.video_click:after,
.index-more.video_click::before{width:0.5rem;height:0.5rem}
.index-more a:after,
.index-more.video_click:after{content:'';background-position:center center;background-repeat:no-repeat;background-size:contain;background-image:url(../images/Banner002819-more.svg);background-size:auto 0.2rem;margin-left:0.7rem;position:relative;z-index:2; top: 5%;right: 0; position: absolute; }
.index-more a::before,
.index-more.video_click::before{position:absolute;content:'';right:0.04rem;border-radius:0.5rem;top:0.04rem;background-color:var(--hover-color);z-index:1;transition:width 0.3s}
.index-more a:hover,
.index-more.video_click:hover{color:var(--white)}
.index-more a:hover:before,
.index-more.video_click:hover:before{width:calc(100% - 0.08rem)}
@media (max-width:640px) {
.index-more a:after,
.index-more.video_click:after{margin-left: 0.35rem;}
}



/*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 {color: var(--black);font-size: 0.46rem;    font-weight: bold;}
.Hometitle.white .cn {color: #fff;}
.Hometitle.center{ text-align: center;}
.Hometitle.center .cn:after{margin: 0.15rem auto 0;}
.Hometitle.white .cn:after{ background: #fff;}

.Homemore a{display: flex;align-items: center;width: 1.6rem;height: .55rem;border-radius: 0.5rem; border: 0.02rem solid var(--hover-color);  color:var(--hover-color);justify-content: center;transition: .3s all}
.Homemore 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;}
.Homemore a:hover{background: var(--hover-color); border-color: var(--hover-color); color: var(--white);}
.Homemore a:hover::after{ background-image: url(../images/more-w.svg);}

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




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

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

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


@media (min-width:1025px) {
.Top003156 header { padding: 0 2.2rem 0 0%; }
.Top003156 menu { /* margin: 0 auto; display: table; */ float: right; }
.Top003156 .top-right{float: right;}
.Top003156 .top-right{float: right;margin-left: calc(30 / 1920* 100vw);}
.Top003156 menu li { float: left; }
.Top003156 menu li + li { margin-left: calc(65 / 1920 * 100vw); }
.Top003156 menu li span a { line-height:0.9rem; font-size: var(--font-size18);}
.Top003156 .logo { height: 0.9rem;  float: left;}
.Top003156 .logo img { max-height: 0.65rem; }
.Top003156 .top-right { height:0.9rem; }
.Top003156 .top-right dd a { margin-right: 0.1rem; }
.Top003156 .top-right dt:nth-child(2n){padding-left: 0.2rem;}
.top-search { width: 20em; }
.Top003156 menu li .sub{position: absolute; top: 100%; background-color: #fff;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:60%; padding: 0.24rem; background: #fff;  visibility: hidden; transform: translateY(5em); transition: 0.3s; opacity: 0; }
.menu-show .Top003156 menu { transform: translateY(0); opacity: 1; visibility: inherit; }
.Top003156::after{display: none;}
.Top003156 menu li {border-bottom: 1px dotted #eee;}
.Top003156 menu li span{line-height: 0.5rem; }
.Top003156 menu li span a {   color: #333; font-size:var(--font-size18); }
.Top003156 menu li a:hover, 
.Top003156 menu li.aon span a{color: var(--hover-color);}
.Top003156.fixed menu li span:after{ display: none;}
.Top003156 .logo { max-width: 40%; height: 0.6rem; }
.Top003156 .logo img { max-height: 0.5rem; }
.Top003156 .top-right { height: 0.6rem; }
.Top003156 .top-right dd { font-size: 0.16rem; }
.Top003156 .top-right dd a { margin-left: 0.16rem; }
.Top003156 .top-right dt { padding-left:0.16rem; }
.Top003156 .open-menu { display: block; width: 0.3rem; height: 0.3rem; }
.Top003156 .open-menu i { background-color: #fff; }
.Top003156 menu li.has-sub span .op:before, 
.Top003156 menu li.has-sub span .op:after{background-color: var(--hover-color);}
.top-search { width: 100%; }
.Top003156.fixed .open-menu i { background-color:#333; }
.Top003156 menu li .sub {background-color: #f8f9fa;}
.Top003156 .top-right .lang .lang_box{width: 60px; margin-left: -30px;}
}




.HomeBan{overflow: hidden; position: relative;}
.HomeBan li{position: relative;overflow: hidden;}

.HomeBan .txt1 {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    z-index: 999;
    color: var(--hover-color)
}

.HomeBan .txt1 :where(h3,p,.index-more) {
    opacity: 1;
    transform: translateX(1rem);
    transition: 0.5s
}

.HomeBan .txt1 h3 {
    margin: 0;
    font-size: 0.6rem;color: var(--white);
    line-height: 1.2;
    transition-delay: 0.5s
}

.HomeBan .txt1 p {
    font-size: var(--font-size60);font-weight: bold;
    line-height: .2rem;
    transition-delay: 0.8s
}


.HomeBan li .imgbox{padding-bottom: 100vh;position: relative;}
.HomeBan li .imgbox img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;}
.HomeBan li img{display: block;width: 100%;}
.HomeBan li video{position: absolute; z-index: 10; left: 50%; top: 50%; transform: translate(-50%,-50%); height: 100vh !important; width: 100vw !important;object-fit: cover;}
.HomeBan li .txt{position: absolute;width:100%;left:0;top:50%;transform: translateY(-50%);color:#fff;}
.HomeBan li .txt .tit {font-size: var(--font-size42);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{margin:0 .12rem !important;width:0.14rem;height:0.14rem;border:2px solid rgba(255,255,255,0.3);opacity:1;background:none;display: inline-block;border-radius: 50%}
.HomeBan .slick-dots li.slick-active{background:#fff;border-color:#fff;}
.HomeBan .slick-dots li button{display: none;}

@media (min-width:1025px) {
.HomeBan .wap{display: none;} 
.HomeBan .text{width: 45%;}
}
@media(max-width:1024px){
.HomeBan .pc{display: none;} 
.HomeBan .txt1 h3{font-size: 0.3rem;}
.HomeBan .txt1 :where(h3,p,.index-more){transform: translateX(0rem);}
.HomeBan li .imgbox{padding-bottom:68.35vw;}
.HomeBan li .txt .btn a{line-height: 0.45rem;padding:0 0.2rem;}
.HomeBan .slick-dots{bottom:0.2rem;}
.HomeBan  li.slick-slide video{left: -100%;top: 100%; opacity: 0;}
.HomeBan  li.slick-slide .open-video{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3) url(../images/play.png) no-repeat center center;background-size: auto 0.5rem; z-index: 20;}
.HomeBan  li.video-show .open-video{left: -100%;opacity: 0; transform: translateX(-100%);}
.HomeBan  li.video-show video{left: 50%; top: 50%; opacity: 1;}
}

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

.videoMask{position:fixed;z-index:999;background:rgba(0,0,0,0.6);left:0;top:0;width:100%;height:100%;display:none;}
.videoMask .videoBox{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:70%;max-width:94%;}
.videoMask .videoBox video{width:100%;}
.videoMask .videoBox .close{position:absolute;right:5px;top:5px;padding:10px;z-index:10;cursor:pointer;padding-top:2%;}
.videoMask .videoBox .close:before,.videoMask .videoBox .close:after{content:"";position:absolute;width:100%;left:0;top:50%;border-bottom:1px solid #fff;}
.videoMask .videoBox .close:before{transform:rotate(45deg);}
.videoMask .videoBox .close:after{transform:rotate(-45deg);}
.video_click{cursor:pointer;}
/*Banner002766 */
/*slick Basic*/
.Banner002766 .slick-slider { position:relative;display: block;-webkit-touch-callout: none;-ms-touch-action: pan-y; touch-action: pan-y;-webkit-tap-highlight-color: transparent}
.Banner002766 .slick-list { position: relative; z-index: 1;display: block; overflow: hidden;}
.Banner002766 .slick-list:focus {outline: none}
.Banner002766 .slick-list.dragging {cursor: pointer;cursor: hand;}
.Banner002766 .slick-slider .slick-track, 
.Banner002766 .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)}
.Banner002766 .slick-track {position: relative; top: 0; left: 0; display: block;}
.Banner002766 .slick-track:before, 
.Banner002766 .slick-track:after{display: table; content: '';}
.Banner002766 .slick-track:after{ clear: both;}
.Banner002766 .slick-loading .slick-track { visibility: hidden;}
.Banner002766 .slick-slide{ display: none; float: left;min-height: 1px;}
[dir = 'rtl'] .slick-slide {float: right;}
.Banner002766 .slick-slide .slick-loading img { display: none;}
.Banner002766 .slick-slide .dragging img { pointer-events: none;}
.Banner002766 .slick-initialized .slick-slide { display: block;}
.Banner002766 .slick-loading .slick-slide { visibility: hidden;}
.Banner002766 .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent;}
.Banner002766 .slick-arrow .slick-hidden { display: none;}
/*slick Basic End*/

.Banner002766 .slick-list li{position: relative;}
.Banner002766 .slick-list li a{display: block;}
.Banner002766 .slick-list li img{display: block; width: 100%;}
.Banner002766 .slick-list li .bg-video{display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.Banner002766 .slick-list li .txt-main{position: absolute;top:16%;left: 50%;transform: translateX(-50%); z-index: 10; color: var(--white);}
.Banner002766 .slick-list li .txt-main h3{margin:0;font-size:0.46rem;line-height:1.19047619;transition-delay:0.5s}
.Banner002766 .slick-list li .txt-main p{margin:1em 0 0.8rem 0;font-size:var(--font-size20);line-height:1.2;transition-delay:0.8s;text-align: center;}

.Banner002766 .slick-list li.ani-show .txt-main .auto img{transform: translateY(0);-webkit-transform: translateY(0);-ms-transform: translateY(0);opacity: 1;-webkit-opacity: 1;}

.Banner002766 .slick-dots{position: absolute; left: 0; z-index: 10; width: 100%; bottom: 5%; text-align: center;}
.Banner002766 .slick-dots li button{display: none;}
.Banner002766 .slick-dots li{display: inline-block; border: 1px solid rgba(255,255,255,0.4); border-radius: 50%; margin: 0 5px; cursor: pointer; width: 20px; height: 20px;position: relative;}
.Banner002766 .slick-dots li.slick-active:after{content: ''; position: absolute; background: #fff;border-radius: 50%; width: 8px; height: 8px; left: 50%; top: 50%; margin: -4px 0 0 -4px;}
.Banner002766 .slick-arrow{position: absolute;cursor: pointer; z-index: 10; top: 50%;width: 0.6rem;height: 0.6rem;border: 1px solid #fff;font-size: 0; }
.Banner002766 .slick-prev{left: 3%;background: url(../images/Floor003232-prev.svg) no-repeat center center;background-size: auto calc(20 / 60 * 100%); border-radius: 50%;}
.Banner002766 .slick-next{right: 3%;background: url(../images/Floor003232-next.svg) no-repeat center center;background-size: auto calc(20 / 60 * 100%); border-radius: 50%;}
.Banner002766 .slick-arrow:hover{background-color: var(--hover-color);border-color: var(--hover-color);}

@media(max-width:1024px){
.Banner002766 .slick-arrow{height:30px; width: 30px; margin-top: -15px;}
.Banner002766 .slick-list li .url{line-height: 40px; max-width:200px;font-size: 16px;}
.Banner002766 .slick-list li .txt-main h3{font-size: .32rem;}
}
@media(max-width:640px){
.Banner002766 .slick-dots li{width: 10px; height: 10px; margin: 0 2px;}
.Banner002766 .slick-dots li.slick-active:after{width: 4px; height: 4px;margin: -2px 0 0 -2px;}
.Banner002766 .slick-arrow{display: none!important;}
}
@media(max-width:480px){
.Banner002766 .slick-list li .url{line-height: 28px; max-width:120px;font-size: 12px;}
.Banner002766 .slick-list li .url span{padding-right: 30px;}
}

/*Floor003232 */
.Floor003232{position: relative;z-index: 1; overflow: hidden;font-size: var(--font-size16);font-family: 'hmr';color: #fff;}
.Floor003232 > .Ispic{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.Floor003232 .index-title{position: relative;z-index: 3;font-size: var(--font-size24);}
.Floor003232 .index-title .tit{font-size: 0.46rem;font-weight: bold; line-height: 1;}
.Floor003232 .index-title .desc{    font-size: var(--font-size20);line-height: 1.2;transition-delay: 0.8s;margin-top: calc(40 /48 * 1em);}
.Floor003232 .main{padding: var(--padMar140) 0;}
.Floor003232 .swiper-wrapper{height: auto;}
.Floor003232 .list{ position: relative;z-index: 1; height:var(--height);}
.Floor003232 .list:before{position: absolute; content: '';width: 100vw;height: 1px;background-color: rgba(255,255,255,0.3);top: 50%; left: 50%;transform: translateX(-50%);}
/* .Floor003232 .list:before,
.Floor003232 .list:after{position: absolute; content: '';width: 100vw;height: 1px;background-color: rgba(255,255,255,0.3);top: 50%;}
.Floor003232 .list:before{right: 100%;}
.Floor003232 .list:after{left: calc(100% - 0.12rem);} 需要圆圈是镂空的样式处理 */
.Floor003232 .swiper{margin: 0;}
.Floor003232 .swiper-slide{ height: var(--height);display: flex;align-items: center;}
.Floor003232 .item{display: table; width: 10em;position: relative;}
.Floor003232 .item p{line-height: calc(30 / 16);position: absolute; top: 100%;left: 50%;transform: translateX(-50%); width: max-content;max-width: 10em;font-size: var(--font-size18);}
.Floor003232 .item .cicrle{margin: 0 auto;display: flex;align-items: center;justify-content: center;width: 0.24rem;height: 0.24rem;border-radius: 50%;border: 1px solid #fff;background-color: #08122d;}
.Floor003232 .item .cicrle i{width: 0.04rem;height: 0.04rem;border-radius: 50%;background-color: #fff;display: block;}
/*
.Floor003232 .item .cicrle:before,
.Floor003232 .item .cicrle:after{position: absolute; content: '';height: 1px;background-color: rgba(255,255,255,0.3);top: 50%;}
.Floor003232 .item .cicrle:before{left: 0;width: calc((100% - 0.24rem) / 2);}
.Floor003232 .item .cicrle:after{left:calc(50% + 0.12rem); width: 100vw;} 
.Floor003232 .swiper-slide-prev .item .cicrle:before{width: calc((100% - 0.24rem) / 2 - 0.4rem);left: 0.4rem;}
.Floor003232 .swiper-slide-active .item .cicrle:before{width: calc((100% - 0.24rem) / 2 - 0.8rem);left: 0.8rem;}
.Floor003232 .swiper-slide-next .item .cicrle:before{width: calc((100% - 0.24rem) / 2 + 0.8rem);left: -0.8rem;}  需要圆圈是镂空的样式处理*/
.Floor003232 .item-con{position: absolute;height: var(--height);width: var(--height);left: 50%;top: 50%;--center:calc(var(--height) / -2);transform:rotate(90deg) scale(0.2) translate(var(--center),var(--center));background-color: var(--hover-color);visibility: hidden;clip-path: polygon(0 50%,50% 0,100% 50%,50% 100%);display: flex;align-items: center;flex-direction: column;justify-content: center; opacity: 0; transform-origin: 0 0;}
.Floor003232 .swiper-slide-active .item{margin: 0 auto;}
.Floor003232 .swiper-slide-active .item{opacity: 0;transition: 0.5s 0.3s;}
.Floor003232 .swiper-slide-active .item-con{visibility: visible;opacity: 1;transform:rotate(0deg) scale(1) translate(var(--center),var(--center));transition: 0.5s 0.3s;}
.Floor003232 .controls{position: absolute;right: 0;z-index: 10;display: flex;flex-direction: column; justify-content: space-between;}
.Floor003232 .controls a{display: block;width: 0.6rem;height: 0.6rem;border: 1px solid #fff;cursor: pointer;background: no-repeat center center; background-size: auto calc(20 / 60 * 100%); border-radius: 50%;}
.Floor003232 .controls a:hover{background-color: var(--hover-color);border-color: var(--hover-color);}
.Floor003232 .controls a.prev{background-image: url(../images/Floor003232-prev.svg);}
.Floor003232 .controls a.next{background-image: url(../images/Floor003232-next.svg);}
.Floor003232 .item-con .inner{width: 55%;text-align: center;}
.Floor003232 .item-con .tit{font-size: var(--font-size36);}
.Floor003232 .item-con .intro{font-weight: 100; padding:0.4rem 0; min-height: 1rem;}
.Floor003232 .item-con .intro p{margin: 0;}
.Floor003232 .more a{color: #fff;font-size: var(--font-size18);display: flex;align-items: center; height: 2em;overflow: hidden;}
.Floor003232 .more a:after{display: block; content: '';width: 1em; height: 1em; margin-left: calc(30 / 18 * 1em);background: url(../images/Floor003232-more.svg) no-repeat center center; background-size: contain; transition: 0.3s;}
.Floor003232 .more a:hover:after{transform: rotateY(360deg);}
@media (min-width:1025px) {
.Floor003232 .swiper-slide-active{margin-left: -0.8rem;}
.Floor003232 .swiper-slide-prev{margin-left: -0.4rem;}
.Floor003232 .swiper-slide-next .item{margin-left: 0.6rem;}
.Floor003232 .swiper-slide-next + .swiper-slide .item p{opacity: 0;}
.Floor003232 .swiper-slide-next + .swiper-slide .item .cicrle{width: 0;height: 0;border: 0;}
.Floor003232 .swiper-slide{overflow: hidden; }
.Floor003232 .list{ margin-top: -1.11rem;}
.Floor003232 .controls{top: 50%;height: 1.8rem;margin-top: -0.9rem;}
}
@media (max-width:1024px) {
    .Floor003232 .swiper-slide-prev{justify-content: flex-start;}
    .Floor003232 .swiper-slide-next {justify-content: flex-end;}
    .Floor003232 .list{--height:33vw!important;margin-top: 0.3rem;}
    .Floor003232 .swiper-slide,
    .Floor003232 .list{height: 50vw!important;}
    .Floor003232 .item-con{--height:50vw;}
    .Floor003232 .controls{top: 0;height: 100%;}
    .Floor003232 .item-con .tit{font-size: var(--font-size24);}
    .Floor003232 .item-con .intro,
    .Floor003232 .more a{font-size: var(--font-size14);}
    .Floor003232 .item-con .intro{padding: 0.1rem 0 0.3rem 0; min-height: auto;}
    .Floor003232 .item p{font-size: var(--font-size16);}
    .Floor003232 .index-title{font-size: var(--font-size18);}
}
@media (max-width:640px) {
    .Floor003232 .item{width: auto;}
    .Floor003232 .item p{display: none;}
    .Floor003232 .item-con .intro{font-size: var(--font-size12);}
    .Floor003232 .item-con .tit{font-size: var(--font-size16);}
    .Floor003232 .swiper-slide,
    .Floor003232 .list{height: 70vw!important;}
    .Floor003232 .item-con{--height:70vw;}
    .Floor003232 .controls a{width: 0.4rem;height: 0.4rem;}
}

.Homeglobal{padding:var(--padMar100) 0; background:#f6f8fa;}
.Homeglobal .info{font-size: var(--font-size16); color: #666; line-height: 1.8; max-width: 100%; max-width: 1200px; margin: 0 auto; text-align: center;margin-bottom: 0.2rem; }
.Homeglobal .info p{font-size: var(--font-size20);    line-height: 1.2;    transition-delay: 0.8s;    margin-top: calc(40 / 48 * 1em);}
.Homeglobal .left li:not(:last-child){margin-bottom: .5rem}
.Homeglobal .left li .tit1{display: flex;align-items: center;}
.Homeglobal .left li .counter{font-size:var(--font-size60);;color:var(--hover-color); font-family: 'Barlow'; font-weight: bold;}
.Homeglobal .left li .unit{font-size:var(--font-size20);color:var(--hover-color);margin-left: .15rem  }
.Homeglobal .left li .tit2{font-size:var(--font-size16);color:#666; }
.Homeglobal .right{ position: relative;}

.Homeglobal .map-box{ position: absolute; margin: auto; width:100%; top: 0%; left: 0; right: 0;height: 100%;}
.Homeglobal .map-box .map{width: 100%;height: 100%;}
.Homeglobal .map li {position: absolute;cursor: pointer;}
/* .Homeglobal .map li:nth-child(1){top: 24%;left: 56%;}
.Homeglobal .map li:nth-child(2){top: 45%;left: 29%;}
.Homeglobal .map li:nth-child(3){top:60%;left: 61%;}
.Homeglobal .map li:nth-child(4){top:23%;left: 30%;} */
.Homeglobal .map li i{display: block;width: 0.1rem; height:0.1rem; border-radius: 50%; background: var(--hover-color);position: relative; z-index: 4;}
.Homeglobal .map li i:before,
.Homeglobal .map li i:after{position: absolute; content: '';border-radius: 50%;background:var(--hover-color); opacity: 0.4; animation: scale 3s infinite;-webkit-animation: scale 3s infinite;}
.Homeglobal .map li i:before{left: -0.08rem; top: -0.08rem; bottom: -0.08rem;right: -0.08rem; animation-delay: 0.3s;}

.Homeglobal .map li .city{ display: flex;align-items: center;}
.Homeglobal .map li .city aside{  margin-left: 0.15rem; font-size:var(--font-size16);color:#333;}

.Homeglobal .map li .popInfo {background: #fff;width:2.9rem;padding: 0.15rem; border-radius: var(--radius); position: absolute;left: 0.7rem;top: 0;line-height: 1.8;opacity: 0;z-index: -1;visibility: hidden;transition: all 0.5s;}
.Homeglobal .map li:hover {z-index: 100;}
.Homeglobal .map li:hover .popInfo {top: -0.3rem;opacity: 1;visibility: visible;z-index: 10;}
.Homeglobal .map li:hover .popInfo a{ display: block; padding-left:0.15rem;position: relative;color:#333;  }
.Homeglobal .map li:hover .popInfo a::before{content:"";display: block;width:0.05rem;height:0.05rem;border-radius: 50%;background: var(--hover-color);position: absolute;left:0;top:0.12rem;}
.Homeglobal .map li:hover .popInfo a:hover{ color: var(--hover-color);}

@media(min-width:1025px){
.Homeglobal .flex{display: flex;justify-content: space-between}
.Homeglobal .left{width: 22%;flex: 0 0 auto;padding-right: 0.5rem}
.Homeglobal .right{flex:1;}
}
@media(max-width:1024px){
.Homeglobal .left li:not(:last-child){margin-bottom: 0.15rem;}

.Homeglobal .flex{display: block;}
.Homeglobal .left{width: 100%;padding-right: 0;margin-bottom: 0.3rem;}
.Homeglobal .left .ul{display: flex;flex-wrap: wrap;gap: 0.3rem;}
.Homeglobal .left li{width: calc(50% - 0.15rem);box-sizing: border-box;}
.Homeglobal .right{display: none;}
/* .Homeglobal .right{position: relative;width: 100%;}
.Homeglobal .right .diqiu{width: 100%;height: auto;}
.Homeglobal .right .diqiu img{width: 98%;height: auto;display: block;}
.Homeglobal .map-box{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.Homeglobal .map li .popInfo{left:-1rem; top: 3rem; } */
}
@media(max-width:640px){
.Homeglobal .Hometitle .p{margin: 0.1rem 0 0.15rem;font-size: var(--font-size18);}
.Homeglobal .Hometitle{margin-bottom: 0.2rem;}
.Homeglobal .left li .counter{font-size: var(--font-size48);}

}


@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);}
}

.Project{ padding: var(--padMar100) 0;    background: #f0f0f0;}
.Project .News_imglist ul{margin-left:-3%;display: flex; flex-wrap: wrap;}
.Project .News_imglist li{width:30.33%;float:left;margin:0 1.5%;margin-bottom:.5%;border-bottom:2px solid transparent; border-bottom: 2px solid #eee;list-style: none;}
.Project .News_imglist li:hover{border-bottom:2px solid var(--hover-color);transition: 0.3s;}
.Project .News_imglist li .img{padding-top:0;overflow: hidden;}
.Project .News_imglist li .img figure{ transition: 0.3s; padding-bottom:66.6666666%; background-repeat:no-repeat; background-position:center; background-size:cover;}
.Project .News_imglist li:hover .img figure{ transform:scale(1.1);}

.Project .News_imglist ul li .txt{padding:0.24rem 0;}
.Project .News_imglist ul li .txt .tit{font-size:var(--font-size24);line-height:1.3; height:auto;margin:0 0 .15rem 0; color: var(--black0);}
.Project .News_imglist ul li .txt p{font-size: var(--font-size16); color: var(--black3); line-height: 1.6; margin-bottom: .3rem;}
.Project .News_imglist ul li .n_more{display: inline-block; padding-right: 0.3rem; font-size:var(--font-size18); line-height: 1;background: url(../images/right.png) no-repeat right center; background-size:.16rem auto; color: var(--grey9);}

.Project .News_imglist li:hover .n_more{color: var(--hover-color); background-image: url(../images/right_on.png) ; }
.Project .News_imglist li:hover .txt .tit a{color: var(--hover-color);}

.Project .News_imglist li .vr_btn{position: absolute;right: 0.2rem;top: 0.2rem;}
.Project .News_imglist li .vr_btn{height: .6rem; width: .6rem; }
.Project .News_imglist li .vr_btn:before{background-size: 0.3rem auto;}
.Project .News_imglist li .vr_btn:after{height: .6rem; width: .6rem;margin: -0.3rem 0 0 -0.3rem; }

.Project .slider-dots {text-align: center;margin-top: 20px;}
.Project .slick-dots {display: inline-block;padding: 0;margin: 0;list-style: none;}
.Project .slick-dots li {display: inline-block;margin: 0 5px;}
.Project .slick-dots li button {width: 10px;height: 10px;border-radius: 50%;background-color: #ccc;    border: none;outline: none;cursor: pointer;text-indent: -9999px;padding: 0;}
.Project .slick-dots li.slick-active button {background-color: var(--hover-color);}



@media(max-width:1024px){
.Project .News_imglist ul li .txt{padding:15px 0;}	
.Project .News_imglist ul li .txt .tit{font-size:var(--font-size22);}
.Project .News_imglist li .vr_btn{height: .48rem; width: .48rem; }
.Project .News_imglist li .vr_btn:before{background-size: 0.24rem auto;}
.Project .News_imglist li .vr_btn:after{height: .48rem; width: .48rem;margin: -0.24rem 0 0 -0.24rem;}
}
@media(max-width:640px){
.Project .News_imglist ul li{width:47%;}
.Project .News_imglist ul li .txt{padding:.1rem 0;}
.Project .News_imglist ul li .txt .n_more{line-height: 1;}
.Project .News_imglist ul li .txt .tit{ font-size:var(--font-size18); margin-bottom:.1rem;}
.Project .News_imglist ul li .txt .n_more{ font-size:var(--font-size14);padding-right: 0.24rem; }
.Project .News_imglist ul li .txt p{ margin-bottom: .2rem;}

}
/* Recent Activities */
.Project .News_txtlist ul{margin-left:-2.5%;}
.Project .News_txtlist ul li{width:47.5%;float:left;margin-left:2.5%;margin-bottom:2.5%;border:1px solid #f2f2f2;box-sizing: border-box;background:var(--white);transition: all .5s;}
.Project .News_txtlist ul li a{display: block;padding:0.3rem 0.4rem;position: relative;}
.Project .News_txtlist ul li a::before{content:'';display: block;width:0.03rem;height:0.2rem;background: var(--hover-color);position: absolute;left:0;top:0.35rem;}
.Project .News_txtlist ul li .tit{font-size: var(--font-size22);line-height: 0.32rem;height:0.64rem;}
.Project .News_txtlist ul li .time{font-size: var(--font-size18);color:var(--grey9);margin-top:0.5rem;}
.Project .News_txtlist ul li:hover{box-shadow: 0 5px .1rem rgba(218,37,29,0.2);}
@media(max-width:1024px){
.Project .News_txtlist ul li a{padding:.2rem;}
.Project .News_txtlist ul li a::before{top:.25rem;height:.15rem;}
.Project .News_txtlist ul li .tit{font-size:var(--font-size14);line-height: .22rem;height:.44rem;}
.Project .News_txtlist ul li .time{font-size:var(--font-size14);margin-top:.2rem;}
}
@media(max-width:640px){
.Project .News_txtlist ul li{width:97.5%;}
}

/* Floor003106 */
.Floor003106{padding: var(--padMar100) 0 0 0; }
.Floor003106 .list{position: relative;}
.Floor003106 .Homemore a{background: var(--hover-color); color: var(--white);}
.Floor003106 .Homemore a::after {background-image: url(../images/more-w.svg);}
.Floor003106 .Homemore a:hover{background: var(--orange); border-color: var(--orange); }
.Floor003106 .list{position: relative;z-index: 1;}
.Floor003106 .bg-img{position: relative;}
.Floor003106 .main .slider li{text-align: center; padding:0 0.08rem; color: #fff; cursor: pointer;}
.Floor003106 .main .slider li .con{background: rgba(255,255,255,0.2); padding:0.3rem 0.15rem;  border-radius:var(--radius) var(--radius) 0 0;}
.Floor003106 .main .slider li .icon{position: relative;display: inline-block; margin-bottom:0.1rem; vertical-align: middle; width: 0.5rem; height:0.5rem; }
.Floor003106 .main .slider li .icon img{width: 100%;height: 100%;object-fit: contain; filter: grayscale(100) brightness(100);}
.Floor003106 .main .slider li .name{font-size:var(--font-size18);  color: #fff; line-height: 1.6;}
.Floor003106 .main .slider li:hover .con,
.Floor003106 .main .slider li.slick-current .con{background: rgba(var(--rgb-hover),0.85);}
.Floor003106 .main .slider li.slick-current .icon img,
.Floor003106 .main .slider li:hover .icon img{opacity: 1;}
.Floor003106 .main .slider li.slick-current .name,
.Floor003106 .main .slider li:hover .name{font-weight: bold; }
.Floor003106 .tit{font-size:var(--font-size36);  line-height: 1; font-weight: 500; color: #fff;}
.Floor003106 .txt{line-height: 2; margin:1.5vw 0 3vw;}
.Floor003106 .txt p{margin: 0; color:rgba(255,255,255,0.85);font-size:var(--font-size16);}
.Floor003106 .txt p+p{margin-top:0.16rem; }
.Floor003106 .slick-arrow{width: 0.5rem;height:0.5rem; position: absolute; top: 50%; margin-top: -0.25rem; background:none; transition: 0.3s; }
.Floor003106 .slick-arrow:before{position: absolute; content: ''; width:0.2rem; height:0.2rem; transform: rotate(45deg);border-top: 0.02rem solid #fff;border-right: 0.02rem solid #fff; left: 50%; top: 50%; margin: -10px 0 0 -12px;}
.Floor003106 .slick-prev{left:-65px; transform: rotate(-180deg); }
.Floor003106 .slick-next{right:-65px;}
.Floor003106 .slick-arrow:hover:before{border-color: var(--hover-color);}
.Floor003106 .txt-area{margin: 0 auto;}
.Floor003106 .bg-img .Ispic{height: 8rem; position: relative; z-index: 1;}
@media (min-width:1025px) {
.Floor003106 .h-title .cn{color: #fff}
.Floor003106 .h-title .en{color: #fff}
.Floor003106 .title{position:relative;z-index: 2;}
.Floor003106 .h-title{position: absolute;left: 0; top: calc(200 / 1920 * 100vw);color: #fff; width: 100%;z-index: 10}
.Floor003106 .main{position: absolute; bottom: 0; left: 0; width: 100%; z-index:20;}
.Floor003106 .main .slider li .icon{display: inline-block; margin-right:0; vertical-align: middle;}
.Floor003106 .txt-area{position: absolute; left: 0; top:40%; width: 100%; transform: translateY(-50%);z-index:10;}
.Floor003106 .bg-img .Ispic::before{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.4); content: '';}
.Floor003106 .txt{ width:40%;}
.Floor003106 .Homemore .icon,
.Floor003106 .Homemore .icon:before{border-color:#fff; }
.Floor003106 .Homemore .t1{color: #fff;}
.Floor003106 .Homemore .t1:before{ background: #fff;}

}
@media (max-width:1024px) {
.Floor003106 {padding:50px 0 0;}
.Floor003106 .h-title{text-align: center}
.Floor003106 .main {position: absolute;bottom: 0;left: 0;z-index: 99;width: 100%;overflow: hidden;}
.Floor003106 .tit{font-size:.3rem;}
.Floor003106 .txt-area{position: absolute;left: 0;top: 20%;width: 100%;z-index:10;}
.Floor003106 .bg-img .Ispic::before {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.25);content: '';}
.Floor003106 .main .slider li .con{padding:10px 5px;border-radius: 10px 10px 0 0;}
.Floor003106 .main .slider li .name{font-size: 15px;}
.Floor003106 .main .slider li .icon img{max-height:30px;max-width:30px;}
.Floor003106 .main .slider li .icon{width:35px;height:35px;}
.Floor003106 .bg-img .Ispic{height:auto;padding-top:110%;}
.Floor003106 .slick-arrow{z-index: 100}
.Floor003106 .slick-prev{left:0%;}
.Floor003106 .slick-next{right:0%;}
}

/*Bottom003222 */
.Bottom003222{background-color:#231f20;padding-top:var(--padMar60); position: relative;}
.Bottom003222,
.Bottom003222 a:not(:hover){color:#fff}
.Bottom003222 .f-top{margin-bottom:0.4rem ; border-bottom: 1px solid rgba(255, 255,255, 0.1); padding-bottom: 0.3rem;}
.Bottom003222 .f-top .logo{width:1.92rem}
.Bottom003222 .f-top .share li + li{margin-left:0.1rem}
.Bottom003222 .share li{float: left;position: relative;}
.Bottom003222 .share li figure{position: absolute; right: 0; bottom: 100%; width: 1.2rem; padding: 0.05rem;background: #fff; margin-bottom: 0.1rem;border-radius: 0.1rem;display: none;}
.Bottom003222 .share li figure img{display: block;width: 100%;}
.Bottom003222 .share li figure:before{position: absolute; content: '';border:0.05rem solid transparent; right:0.2rem; top: 100%;border-top-color: #fff;}
.Bottom003222 .share li a{display: block;border: 1px solid rgba(255,255,255,0.2);background: rgba(255,255,255,0.1); width: 0.45rem; height: 0.45rem;background-position: center center;background-repeat: no-repeat; background-size: 0.22rem auto; border-radius: 50%; cursor: pointer;}
.Bottom003222 .share li a:hover{background-color: var(--hover-color);}

.Bottom003222 .f-mid .contact dd{padding-left:0.28rem;line-height:calc(34 / 16);font-size:var(--font-size16);background-position:center center;background-repeat:no-repeat;background-size:contain;background-size:0.17rem auto;background-position:left 0.4em}
.Bottom003222 .f-mid .contact dd + dd{margin-top:0.21rem}
.Bottom003222 .f-mid .contact dd.tel{font-size:var(--font-size36);font-weight:bold;background-image:url(../images/Bottom003222-tel.svg);background-position:left 0.3em;line-height:1}
.Bottom003222 .f-mid .contact dd.tel a{color:var(--hover-color);}
.Bottom003222 .f-mid .contact dd.add{background-image:url(../images/Bottom003222-add.svg)}
.Bottom003222 .f-mid .contact dd.email{background-image:url(../images/Bottom003222-email.svg);background-size:0.18rem auto;background-position:left 0.7em}
.Bottom003222 .f-mid nav ul ol{font-size:var(--font-size18)}
.Bottom003222 .f-mid nav ul ol li + li{margin-top:0.31rem}
.Bottom003222 .f-bottom{padding:0.2rem 0;border-top:1px solid rgba(255,255,255,0.1);margin-top:0.5rem;font-size: var(--font-size14); }
.Bottom003222 .f-bottom,
.Bottom003222 .f-bottom a:not(:hover){color:rgba(255,255,255,0.5)}
.Bottom003222 .f-bottom .other a:not(:last-child):after{content:"·";margin:0 1em}

.Bottom003222 .form-ul li{margin-bottom: 0.1rem;position: relative;}
.Bottom003222 .form-ul li .tit{position: absolute; left: 0.15rem; top: 0;font-size: var(--font-size16); font-weight: lighter; line-height: 0.42rem;color: #fff;display: block; }
.Bottom003222 .form-ul li select,
.Bottom003222 .form-ul li .text{width: 100%;border-radius: 0.05rem;border: none;font-size: var(--font-size16);line-height: 0.42rem;height: 0.42rem;background: rgba(255, 255, 255, 0.1);color: #fff;padding: 0 0.15rem;}
.Bottom003222 .form-ul li select.focus,
.Bottom003222 .form-ul li .text.focus{border-color: var(--hover-color); color: #333; box-shadow: 0 0px 0.1rem rgba(0, 0, 0, 0.1);}
.Bottom003222 .form-ul li textarea.text{height: 1.1rem; line-height: 1.6;}
.Bottom003222 .btn{width: 1.4rem;background: var(--hover-color);border-radius: 0.5rem;font-size: var(--font-size16);height:0.42rem;color: #fff;cursor: pointer;border: 0; }
.Bottom003222 .btn:hover{background: var(--hover-color);}


@media (min-width:1025px) {
.Bottom003222 .f-mid .contact{max-width:4rem}
.Bottom003222 .f-mid nav ul{width:2.5rem}
.Bottom003222 .form{ width: 7rem;}
.Bottom003222 .form-ul .row2 li{float: left;width: calc(50% - 0.1rem);}
.Bottom003222 .form-ul .row2 li:nth-child(2n){float: right;}
}
@media (max-width:1024px) {
.Bottom003222 .f-top{flex-direction: column;align-items: center;}
.Bottom003222 .f-top .logo{margin-bottom: 0.2rem;}
.Bottom003222 .f-mid .contact{margin-bottom: 0.5rem;}
.Bottom003222 .f-bottom{text-align: center;}
.Bottom003222 .f-mid nav{display: none;}
.Bottom003222 .copyright{margin-bottom: 0.1rem;}
}



.FloatBox{display: none; position: fixed;z-index:999;right:0.2rem;top:50%;transform: translateY(-50%);/* background: url(../images/ip.png) no-repeat top center; background-size: 1.5rem auto; */}
.FloatBox .ipimg{position: absolute;z-index: -1;right: 50%;top: -30%;transform: translateX(50%);}
.FloatBox .ipimg img{ max-width: 0.9rem;}
.FloatBox li{margin-bottom:0.05rem;position: relative;}
.FloatBox li>a{width:0.55rem;height:0.55rem;display: flex;flex-direction: column;align-items: center;justify-content: center;border-radius: 0.5rem;background: var(--hover-color);font-weight: lighter;color:#fff;font-size: var(--font-size14);}
.FloatBox li .icon{display: flex;align-items: center;justify-content: center;}
.FloatBox li .icon img{ max-width: 0.3rem;}
.FloatBox li:hover>a{background: var(--hover-color);}
.FloatBox li .tcbox{min-height:100%;min-width:1.5rem;right:108%;border-radius: 0.05rem;background: var(--hover-color);position: absolute;color:#fff;text-align: center;top:0%; padding:0.12rem;display: flex;align-items: center;flex-direction: column;white-space: nowrap;justify-content: center;display: none;}
.FloatBox li .tcbox p{ margin: 0; line-height: 1.5; }
.FloatBox li .tcbox p b{ font-size: var(--font-size20);}
.FloatBox li .tcbox img{ margin-bottom: 0.08rem;}
.FloatBox li:hover .tcbox{display: flex;}
.FloatBox li.gotop{opacity: 0;visibility: hidden;transition: all .5s;}
.FloatBox li.gotop a{background:var(--hover-color);}
.FloatBox li.gotop .icon img{ max-width: 0.16rem;}
.FloatBox li.gotop.on{opacity: 1;visibility: visible;}
.FloatBox li a:hover{box-shadow:0px 0.1rem 0.2rem rgba(var(--rgb-hover),0.3); }
@media (max-width:1024px) {
  .FloatBox{display: none;}
}

.cbanner{position: relative}
.cbanner .txt{position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 2;display: flex;align-items: center;}
.cbanner .txt .tit{font-size: var(--font-size42);color: #fff; font-weight: 500;margin-bottom: .16rem}
.cbanner .txt .desc{font-size: var(--font-size20);color: #fff; font-weight: lighter;}
@media (min-width:1025px) {
.cbanner .wap{display: none;}   
}
@media (max-width:1024px) {
.cbanner .pc{display: none;}  
.cbanner .txt .tit{font-size: var(--font-size30);margin-top: .4rem}  
.cbanner .txt .desc{display: none;}
}

/*Menu003135 */
.Menu003135{position: relative;z-index: 3; border-bottom: 1px solid rgba(0,0,0,0.1);}
.Menu003135 .current{font-size:var(--font-size16); padding-left:.25rem;background: url(../images/Menu003135-icon.svg) no-repeat left center; background-size:.16rem auto; line-height:.8rem; font-weight: lighter;}
.Menu003135 .current,
.Menu003135 .current a:not(:hover){color: var(--gre3); }
.Menu003135 .current i {display: inline-flex;margin: 0 0.1rem;}
.Menu003135 .nav-menu li{float: left;font-size:var(--font-size18);line-height:.8rem;}
.Menu003135 .nav-menu li:not(:last-child){margin-right: calc(60 / 1920 * 100vw);}
.Menu003135 .nav-menu li a{display: block;position: relative; color: #333; }
.Menu003135 .nav-menu li a:after{position:absolute;left: 50%;transform: translateX(-50%);bottom:0;content:'';height:0.02rem;width:0;background:var(--hover-color); transition: 0.3s;}
.Menu003135 .nav-menu li.aon a,
.Menu003135 .nav-menu li:hover a{color:var(--hover-color);}
.Menu003135 .nav-menu li.aon a:after,
.Menu003135 .nav-menu li:hover a:after{width: 100%;}
@media (max-width:1024px) {
.Menu003135 .current{display: none;}  
.Menu003135 .nav-menu li{line-height: 0.6rem;font-size: 0.18rem;} 
.Menu003135 .nav-menu{white-space: nowrap;overflow: auto;}
.Menu003135 .nav-menu li{display: inline-block;float:none;}
}


.lm-title{margin-bottom:0.4rem; line-height: 1;}
.lm-title.center{text-align: center;}
.lm-title .cn{font-size:var(--font-size42);color: var(--black);font-weight:bold;}
.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);}
}


.n_more span{display: flex;align-items: center;width: 1.5rem;height: .52rem;border-radius: 0.5rem; border: 0.01rem solid var(--hover-color); color:var(--hover-color);justify-content: center;transition: .5s all;overflow:hidden;position: relative; z-index: 1;}
.n_more span::after{display: inline-block;content: '';width: 0.12rem;height: 0.12rem;background-image: url(../images/more.svg); background-size: auto 0.12rem;margin-left: 0.15rem;}
.n_more:hover span{ background: var(--hover-color); color: #fff;}
.n_more:hover span::after{ background-image: url(../images/more-w.svg);}


.HoneLink{padding: var(--padMar100) 0 ;}
.HoneLink .dec{font-size: var(--font-size18);color: var(--grey);line-height: 1.8;max-width: 10.8rem;margin: 0 auto;text-align: center;margin-bottom: 0.4rem;}
.HoneLink .dec h3{color: var(--black); font-size: var(--font-size24);line-height: 1;font-weight: 500;}
.HoneLink li{float: left;width:calc(50% - .1rem);position: relative;padding-bottom: 18%; border-radius:var(--radius); overflow: hidden; }
.HoneLink li a{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background:var(--black);}
.HoneLink li a >*{position: absolute; left: 0;width: 100%;}
.HoneLink li .imgbox{height: 100%; top: 0;}
.HoneLink li .imgbox:after{position: absolute;content: ''; left: 0;bottom: 0;width: 100%;height:100%;background:rgba(var(--rgb-black),0.35);}
.HoneLink li .txt{z-index: 10; bottom:.24rem;padding: 0 .3rem;color:var(--white); transition: .3s;}
.HoneLink li .icon img{height:.44rem;display: block;}
.HoneLink li .tit{font-size:var(--font-size24); margin:.2rem 0 .15rem;}
.HoneLink li .desc{font-size:var(--font-size16);line-height:1.8; margin: 0; opacity: 0.8;}
.HoneLink li .more{display:none; width:.5rem; height: .5rem; background:url(../images/more-w.svg) no-repeat center var(--hover-color); background-size:auto .14rem; margin:.2rem auto 0; border-radius: 50%;transform: rotate(-45deg); transition: 0.3s;}
.HoneLink li:hover .imgbox:after{height: 100%; background:rgba(var(--rgb-black),0.6); backdrop-filter: blur(4px);}
.HoneLink li:hover .txt{bottom:50%; transform: translateY(50%); text-align: center;}
.HoneLink li:hover .icon img{margin: 0 auto;}
.HoneLink li:hover .more{display:block;}

@media(min-width:1025px){
.HoneLink li:nth-child(1) .imgbox,
.HoneLink li:nth-child(1) a:before{left: auto; right: 0;}
.HoneLink li:nth-child(3){margin-top:.2rem;}
.HoneLink li:nth-child(2),
.HoneLink li:nth-child(3){margin-left: .2rem;}
.HoneLink li:nth-child(1){padding-bottom:calc(36% + .2rem);}
}
@media(max-width:1024px){
.HoneLink li{width: 100%;padding-bottom: 42.858%;}
.HoneLink li:not(:last-child){margin-bottom: 0.15rem;}
}


.LifeCycle{padding-bottom:var(--padMar100);}
.LifeCycle .dec{font-size: var(--font-size18); color: var(--grey); line-height: 1.8; max-width: 10.8rem; margin: 0 auto; text-align: center;margin-bottom: 0.4rem; }
.LifeCycle .dec h3 {color: var(--black);    font-size: var(--font-size24);line-height: 1;font-weight: 500;}
.LifeCycle .img01{ padding-bottom: 0.8rem;}
.LifeCycle img{border-radius: var(--radius);}
.LifeCycle .box{position: relative;overflow: hidden;}
.LifeCycle .bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-position: center center;background-repeat: no-repeat;background-size: cover; z-index: -1;}
.LifeCycle .bg::after{position: absolute;left: 0;top: 0;width: 100%;height: 100%;content: "";background: rgba(0,0,0,0.3);transition: all 0.5s; }

.LifeCycle ul{ display: flex; flex-wrap: wrap;padding:var(--padMar100) 0;}
.LifeCycle li{position: relative;float: left; margin-right: 2%; transition: all 0.5s ease 0s;padding:0.6rem 0.5rem; ;background-color:rgba(255,255,255,.9);border:1px solid rgba(255,255,255,.2); border-radius: var(--radius); text-align: center;}
.LifeCycle li .icon { margin-bottom: 0.24rem;}
.LifeCycle li .icon img {max-width: 0.6rem;}
.LifeCycle li .tit{font-size:var(--font-size26);color: var(--black); font-weight: 500; margin-bottom: 0.16rem;}
.LifeCycle li .desc{font-size:var(--font-size18);line-height: 1.875;color: var(--grey2);}
.LifeCycle li .desc p{ margin:0.05rem 0;}
.LifeCycle li:hover{transform: translateY(-0.1rem); background-color: var(--white); }
@media(min-width:1025px){
.LifeCycle li{ width: 32%;}
.LifeCycle li:nth-child(3n){margin-right: 0;}
}
@media(max-width:1024px){
.LifeCycle li{ width: 100%; padding: 0.24rem;  margin-bottom: 0.2rem;}
.LifeCycle li .tit{font-size: var(--font-size24);}
}


.Quality .item{position: relative;}
.Quality .item:not(:last-child){ margin-bottom: 0.4rem;}
.Quality .item .icon{position: absolute;left: 50%;top: 50%;width: 0.8rem;height: 0.8rem; background: var(--hover-color); border-radius: 0.5rem; transform: translate(-50%,-50%);z-index: 10; display: flex;align-items: center; justify-content: center;}
.Quality .item .icon img{ max-width: 0.5rem;}
.Quality .item .tit{font-size:var(--font-size30);color: var(--black); font-weight: 500; margin-bottom: 0.24rem;}
.Quality .item .desc{font-size:var(--font-size20);line-height: 1.8;color: var(--grey); margin-bottom: 0.12rem;}
.Quality .item .desc p{ margin:0.05rem 0;}
.Quality .item li{font-size:var(--font-size18);color: var(--grey2);line-height: 1.7;padding-left:.17rem;position:relative;margin-top:.08rem;}
.Quality .item li:before{content:'';display:block;position:absolute;left:0;top:.12rem;width:.05rem;height:.05rem;border-radius:50%;background-color:var(--hover-color);}
.Quality .pic{position: relative;z-index: 2;padding-bottom: .2rem;padding-right: .2rem;}
.Quality .pic img{ border-radius: var(--radius); transition: 0.3s;}
.Quality .pic:after{display: block; content: '';width:90%; height:90%; background:rgba(var(--rgb-hover), 0.05); position: absolute; right: 0; bottom: 0; z-index: -1;  border-radius:  var(--radius);}
.Quality .item:nth-child(2n) .pic{padding-bottom: .2rem;padding-left: .2rem;}
.Quality .item:nth-child(2n) .pic:after{right: auto; left: 0;}

.Quality .box1 {padding-bottom:var(--padMar100); }
.Quality .box1 .tit{font-size: var(--font-size30);color: var(--black);font-weight: 500;margin-bottom: 0.24rem; text-align: center;}
.Quality .box1 ul{list-style: none; display: flex; justify-content: center; gap: 2rem;}
.Quality .box1 .jt{font-size: var(--font-size60); font-weight: bold; vertical-align: middle;font-family: 'Barlow';}
.Quality .box1 li{flex: 1;}
.Quality .box1 li .tit1{display: flex;align-items: center;justify-content: center;flex-direction: row;}
.Quality .box1 li .tit1 .Digital{font-size:var(--font-size60);;color:var(--hover-color); font-family: 'Barlow'; font-weight: bold;}
.Quality .box1 li .counter{font-size:var(--font-size60);;color:var(--hover-color); font-family: 'Barlow'; font-weight: bold;}
.Quality .box1 li .fh{font-size:var(--font-size60);color:var(--hover-color); font-family: 'Barlow'; font-weight: bold;margin: 0 .1rem;}
.Quality .box1 li .unit{font-size:var(--font-size20);color:var(--hover-color);margin-left: .15rem  }
.Quality .box1 li .tit2{font-size:var(--font-size16);color:#666; margin-top: 0.1rem;text-align: center;}

@media (min-width:1025px) {
.Quality .item{display: flex; justify-content: space-between; align-items: center;}
.Quality .item:nth-child(2n){ flex-direction: row-reverse;}
.Quality .img{width: 50%;}   
.Quality .info{ width: 42%; }
}
@media (max-width:1024px) {
.Quality .left{ margin-bottom:.3rem;}
.Quality .box1 ul{gap: 0rem;}
}

.Newlist{padding: var(--padMar100) 0;}
.Newlist li {background: #fff; overflow: hidden;border-bottom: 1px solid #f3f3f3; padding-bottom: calc(30 / 16* 1em);  margin-bottom: calc(30 / 16* 1em); }
.Newlist li .pic{flex: 0 0 auto;}
.Newlist li .pic .imgbox{padding-top:62.5%;transition: 0.3s; border-radius: var(--radius);}
.Newlist li a:hover .imgbox img{transform: scale(1.1);}
.Newlist li time{ display: block; font-size: var(--font-size16);color:#999; font-weight: lighter; margin-top: 0.2rem;padding-left: 0.24rem; background: url(../images/icon-time.svg) no-repeat left center; background-size: 0.16rem auto;}
.Newlist li .txt{ flex: 1 1 auto;  overflow: hidden;}
.Newlist li .txt .tit{font-size:var(--font-size24);color:var(--black);margin-bottom:0.2rem;}
.Newlist li .txt .desc{font-size:var(--font-size16);line-height:1.875;color:var(--grey2);  }
.Newlist li a:hover .txt .tit{color:var(--hover-color);}
@media (min-width:1025px) {
.Newlist li a{display: flex; justify-content: space-between; align-items: center;}
.Newlist .pic{width: 23%;}
.Newlist .txt{width: 69%;padding: 0 0.5rem; border-right: 1px solid #eee; margin-right: 0.5rem; padding-right: 0.5rem;}
}

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


.Exhlist{padding: var(--padMar100) 0;}
.Exhlist ul{ display: flex; flex-wrap: wrap;}
.Exhlist li{float: left; margin-bottom:0.32rem;border-radius: 0.2rem;overflow: hidden;background-color: #f6f8fa;}
.Exhlist li .pic{overflow: hidden;}
.Exhlist li .imgbox{padding-bottom: 62.223%;transition: 0.3s;}
.Exhlist li .txt{padding: 0.28rem;}
.Exhlist li .tit{ font-size:var(--font-size22);color:var(--black);line-height: 1.5; height: 3em; margin-bottom: 0.12rem;}
.Exhlist li .desc{font-size:var(--font-size16);line-height:1.8;color:var(--grey2); margin-bottom: 0.16rem;}
.Exhlist li time{color: var(--grey3); font-weight: lighter; display: block;background: url(../images/more2.svg) no-repeat right center; background-size: 0.12rem auto;}
.Exhlist li:hover .imgbox img{transform: scale(1.1);}
.Exhlist li:hover{background-color: #ffffff;box-shadow: 0rem 0.03rem 0.5rem 0rem rgba(225, 228, 231, 0.6);}
.Exhlist li:hover .tit{color: var(--hover-color);}

.Exhlist li a:hover time{background-image: url(../images/more.svg);}
@media (min-width:1025px) {
.Exhlist li{width: 32%;}
.Exhlist li:not(:nth-child(3n)){margin-right: 2%;} 
}
@media (max-width:1024px) { 
.Exhlist li{width: 48%;}
.Exhlist li:not(:nth-child(2n)){margin-right: 4%;}
.Exhlist li:nth-child(2n+1){clear: left;} 
.Exhlist li .txt{padding: 1em;}
}
@media (max-width: 640px){
.Exhlist li{width: 100%;margin-right: 0% !important;}
.Exhlist li .con .txt{margin-top: .2rem;width: 100%;padding-left: 0;}
}


/* 合作客户 */
.HomePartner{background-image: linear-gradient(to bottom,#f7fafd,#f2f7fb);position: relative;overflow: hidden;    padding: var(--padMar100) 0;}
.HomePartner #particles-js{position: absolute;width:100%;height:auto;position: absolute;top:0;left:0;}
.HomePartner .HomeTit{position: relative;z-index:9;}

.HomePartner .HomePartnerBox{margin-top:1.2rem;}
.HomePartner .HomePartnerBox ul li{width:12.5%;float:left;height:2.2rem;padding-bottom:0.27rem;display: flex;align-items: center;justify-content: center;position: relative;z-index:99;margin-top:-0.6rem;position: relative;}
.HomePartner .HomePartnerBox ul li::before{content:'';background: url(../images/lobg.png) no-repeat center center;background-size: 100% 100%;width:100%;height:100%;position: absolute;top:0;left:0;transform: scale(1.05);}
.HomePartner .HomePartnerBox ul::after{content:'';display: block;clear: both;}
.HomePartner .HomePartnerBox ul li:nth-child(15n+9){margin-left:6.25%;}
.HomePartner .HomePartnerBox ul li a{position: relative;z-index:9;text-align: center;}
.HomePartner .HomePartnerBox ul li img{max-width:95%;max-height:80%;transition: all .3s;}
.HomePartner .HomePartnerBox ul li:hover img{transform: scale(1.05);}


@media(max-width:1024px){
    .HomePartner .HomePartnerBox{margin-top:80px;}
    .HomePartner .HomePartnerBox ul li{height:1.2rem;width:16.5%;top: 0rem;background: #fff;}
    .HomePartner .HomePartnerBox ul li::before{display: none;}
    .HomePartner .HomePartnerBox ul li:nth-child(15n+9){margin-left:0%;}
    .HomePartner .HomePartnerBox ul li img{max-width:65%;}
}


@media(max-width:640px){
    .HomePartner .HomePartnerBox{margin-top:60px;}
}


/* 留言咨询 */
.Message .Message_box{position: relative;min-height:6rem;}
.Message .Message_box .img{width:100%;max-width:12rem;padding-top:6rem;position: absolute;left:0;top:0;}
.Message .Message_box .Form{margin-top:0.8rem;width:50%;padding:0.8rem 1rem;box-sizing: border-box;background: url(../images/messagebg.png) no-repeat center bottom;background-size: cover;position: relative;z-index:9;}
.Message .Message_box .Form .inputbox{background: #fff;margin-bottom:0.2rem;}
.Message .Message_box .Form .inputbox input{height:0.65rem;padding:0 0.3rem;}
.Message .Message_box .Form .inputbox textarea{height:1.4rem;padding:0.2rem 0.3rem;box-sizing: border-box;}
.Message .Message_box .Form .formbtn button{width:1.8rem;height:0.65rem;background-image: linear-gradient(to bottom,#1665ac,#349db4);color:#fff;font-size: 0.18rem;}
.Message .Message_box .Form .formbtn{margin-top:0.3rem;}

@media(max-width:1024px){
    .Message .Message_box .img{max-width:8rem;padding-top:4rem;}
    .Message .Message_box .Form{margin-top:40px;padding:40px;}
    .Message .Message_box .Form .inputbox input{height:40px;}
    .Message .Message_box .Form .inputbox textarea{height:120px;}
    .Message .Message_box .Form .formbtn button{height:40px;font-size: 14px;width:120px;}
}

@media(max-width:768px){
    .Message .Message_box .Form{width:100%;margin-top:0;}
    .Message .Message_box .img{position: relative;width:100%;padding-top:50%;max-width:100%;}
}

@media(max-width:640px){
    .Message .Message_box .Form{padding:20px;}
}

/* .Form002802 */
.Form002802{padding:var(--padMar100) 0; }
.Form002802 .fbt{text-align: center;font-size: var(--font-size18); color: var(--grey2);margin-top: .25rem;}
.Form002802 .from td{ padding-right: 2%; padding-bottom:2%;}
.Form002802 .from td:nth-child(2n){ padding-right: 0; }
.Form002802 .from td p{ margin: 0; color:var(--grey2); text-align: center;}
.Form002802 .from td div{ position:relative;}
.Form002802 .from label{ position:absolute; left:.15rem; top:0; font-size:var(--font-size18); line-height:1.7;color:#eee; }
.Form002802 .from .text{width: 100%;height:.55rem;line-height:.55rem;text-indent:.1rem;border:1px solid #eee;background:#fff;box-shadow:0px 0px 0.6vw rgb(240 240 240);font-size: var(--font-size16); border-radius: var(--radius); }
.Form002802 .from textarea.text{ height:1.5rem;font-family: 'Barlow';}
.Form002802 .from .btn{ padding-top:2%; text-align:center;}
.Form002802 .from .btn input{background: var(--hover-color);cursor: pointer;padding: 0;border: none;width:2rem;height:.56rem;font-size:var(--font-size18);color:var(--white);border-radius: .3rem;}
.Form002802 .address { padding:3% 0 0;}
.Form002802 .address dl{ border-top:1px solid #eee; padding:3% 0;}
@media(min-width:641px){
.Form002802 .from td:nth-child(3n),
.Form002802 .from .textareas,
.Form002802 .from .btn,
.Form002802 .from .tip{ padding-right: 0; }
}
@media(max-width:640px){
.Form002802 .from td{ display: block; padding-right: 0; }
.Form002802 .address dd{ float:none; width:auto; padding-left:0; }
}


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



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


.News_detail .RedNews{ padding:0.3rem; background: #f6f8fa; border-radius: var(--radius);}
.News_detail .RedNews .tithead{line-height: 2;font-size: var(--font-size28); color: var(--black); font-weight: 500; padding-left: 0.12rem; position: relative;}
.News_detail .RedNews .tithead:After{position: absolute;left: 0;top: 50%;transform:translateY(-50%);width: 0.03rem;height: 0.26rem;background:var(--hover-color);content: "";}
.News_detail .RedNews li{border-bottom: 1px solid rgba(0, 0, 0, 0.08); padding: 0.24rem 0 0.15rem;}
.News_detail .RedNews li .pic{ margin-bottom: 0.2rem;}
.News_detail .RedNews li .pic .imgbox{padding-top:62.5%;transition: 0.3s; border-radius: var(--radius);}
.News_detail .RedNews li a:hover .imgbox img{transform: scale(1.1);}
.News_detail .RedNews li .txt time { display: inline-block; color: #999; margin-top: 0.15rem;font-size:var(--font-size16);  display: inline-block; color: #999; padding-left: 0.24rem; background: url(../images/icon-time.svg) no-repeat left center; background-size: 0.16rem auto; font-weight: lighter;}
.News_detail .RedNews li .txt .tit {font-size: var(--font-size18);color: #333; line-height: 1.5; }
.News_detail .RedNews li:hover .txt .tit{color: var(--hover-color);}

@media (min-width:1025px) {
.News_detail .NewsCon {float: left; width: 70%; }
.News_detail .NewsCon1{width: auto;}
.News_detail .RedNews { float: right;width: 25%;}
}

@media(max-width:1024px) {
.News_detail .bot{margin-top: 2em;padding-top: 1.5em;}
.News_detail .info_back { position: relative; margin-bottom: 1em;}
.News_detail .news_info .title h1 { font-size: 1.5em; }
.News_detail .info_back a{ text-align: center; display: table;margin: 0 auto; width: 100px;}
.News_detail .info_pn span {  margin: 2% 0; }
.News_detail .info img{width: 100% !important; height: 100% !important;}
}
.ContactInfo{padding:  var(--padMar100) 0; }
.ContactInfo .info h2{font-size: var(--font-size30); line-height: 1.2; color: #333; margin: 0;margin-bottom: 0.2rem; }
.ContactInfo .Contact li{display: flex;flex-wrap: wrap;border-bottom: 1px dashed #e6e6e6; padding:0.12rem 0 ;}
.ContactInfo .Contact li .icon{width: 0.4rem;}
.ContactInfo .Contact li .icon img{max-width: 0.22rem;}
.ContactInfo .Contact li .txt{font-size: var(--font-size16);color: var(--black);  width: calc(100% - 0.4rem);}
.ContactInfo .Contact li .txt .tit{color: var(--grey2); margin-bottom: 0.05rem; font-weight: lighter;}
.ContactInfo .Contact li .txt p{ margin: 0; line-height: 1.4;font-size: var(--font-size20); }
.ContactInfo .Contact li .txt p b{font-size: var(--font-size30); color: var(--hover-color); font-weight: 500; }
.ContactInfo .pic img{ border-radius: var(--radius);}

@media (min-width:1025px) { 
.ContactInfo .box{display: flex;  justify-content: space-between; /* align-items: center; */ }
.ContactInfo .Contact{width:47%;}
.ContactInfo .right{width:47%; }
}
@media (max-width:1024px) {
.ContactInfo .Contact{ margin-bottom: 0.2rem;}
}
.Floor002950{padding: var(--padMar100) 0;}
.Floor002950 .dec{font-size: var(--font-size18);color: var(--grey);line-height: 1.8;max-width: 10.8rem;margin: 0 auto;text-align: center;margin-bottom: 0.4rem;}
.Floor002950 .video{position: relative; z-index: 1;}
.Floor002950 .open-video{position: absolute; left: 0; top: 0; width: 100%; z-index: 10; height: 100%;background: url("../images/play.png") no-repeat center center;}
.Floor002950 .video video{background: #000;}
.Floor002950 .video img{border-radius: var(--radius);}
@media(max-width:1024px){
.Floor002950 .open-video{background-size: auto 30%;}
}


.Delivery{padding-bottom:var(--padMar100); background: linear-gradient(to top, #f0f0f0, #fff);}
.Delivery .dec{font-size: var(--font-size18);color: var(--grey);line-height: 1.8;max-width: 10.8rem;margin: 0 auto;text-align: center;margin-bottom: 0.4rem;}
.Delivery img{border-radius: var(--radius);margin-bottom: 0.4rem;}
.Delivery ul{display:flex; flex-wrap: wrap;}
.Delivery .case{margin-bottom: 0.4rem; display: none;}
.Delivery li{ float: left; margin-right: 2%; margin-bottom: 2%;padding: .4rem .2rem 0.8rem;position: relative;overflow: hidden;border-radius: var(--radius);counter-increment: itemcounter;transition: 0.3s ; box-shadow: 0 0.08rem 0.2rem rgba(var(--rgb-hover),0.05);}
.Delivery li:before{content: counters(itemcounter, ".", decimal-leading-zero);position: absolute;font-size:var(--font-size50);color: var(--hover-color);opacity: .2;left: 50%;bottom: -.24rem;transform: translateX(-50%); font-weight: 500;}  
.Delivery li .icon{position: relative;margin-bottom: .24rem;}
.Delivery li .icon img{max-height: .5rem;position: relative;z-index: 10}
.Delivery li .tit{font-size: var(--font-size24); color: var(--black);font-weight: 500; line-height:1.5; margin-bottom: 0.16rem;}
.Delivery li .desc{font-size:var(--font-size16);line-height: 1.5;color: var(--grey2);}
.Delivery li .desc p{position:relative;margin:0.05rem 0;display: inline-block; vertical-align: text-bottom; }
.Delivery li .desc p span{font-size:var(--font-size20);color: var(--hover-color);}
.Delivery li:hover{background: var(--hover-color);transform: translateY(-0.1rem)}
.Delivery li:hover:before{color: #fff;opacity: .2}
.Delivery li:hover .icon img{filter: grayscale(100) brightness(100);}
.Delivery li:hover .tit{color: #fff}
.Delivery li:hover .desc p:before{background: #fff}
.Delivery li:hover .desc{color:#fff;}
.Delivery li:hover .desc p span{color:#fff;}
@media(min-width:1025px){
.Delivery li{width:23.5%;}
.Delivery li:nth-child(4n){margin-right: 0%;}
}

@media(max-width:1024px){
.Delivery li{width:100%;padding: .3rem .2rem 0.45rem;margin-right: 0%;}
}

.AboutInfo{padding:var(--padMar100) 0;}
.AboutInfo .slogan{ font-size: var(--font-size36); color: var(--hover-color); font-weight: 500; margin-top: 0.24rem;}
.AboutInfo .edit_info{line-height: 1.875;text-align: justify;color: var(--grey);font-size: var(--font-size18);}
.AboutInfo .edit_info p{margin: 0.08rem 0;}
.AboutInfo .edit_info p span{font-size: var(--font-size20);font-weight: bold; color:var(--black);}
.AboutInfo .edit_info p:first-child{margin-top: -0.06rem;}
.AboutInfo .pic{ padding-top: 0.24rem;}
.AboutInfo .pic img{width: 100%;border-radius: var(--radius);}
.AboutInfo .number ul {display: flex; flex-wrap: wrap;justify-content: space-between; overflow: hidden;}
.AboutInfo .number li{ width: 100%; border-bottom: 1px solid #eee; padding: 0.22rem 0;}
.AboutInfo .number li .Con {display: flex;align-items: flex-end;width: 100%;justify-content: space-between;}
.AboutInfo .number li .icon{display: none;}
.AboutInfo .number li .icon img {max-height: 0.4rem;}
.AboutInfo .number li aside{display: inline-block;position: relative;line-height: 1;}
.AboutInfo .number li aside b{font-size: var(--font-size45);color: var(--hover-color);display: block;  font-weight: 500; }
.AboutInfo .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); }
.AboutInfo .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);}
.AboutInfo .number li p{font-size: var(--font-size18);color: var(--grey); margin: 0;line-height: 1.2;margin-top:0.12rem; }

@media (min-width:1025px) {
.AboutInfo .intro{ display: flex; justify-content: space-between; align-items: start;}
.AboutInfo .left{width: 70%;} 
.AboutInfo .right{width: 20%;} 
}
@media (max-width:1024px) {
.AboutInfo .left{ margin-bottom: 0.2rem;}
.AboutInfo .number li{ width: 48%; margin-bottom: 0.2rem;}
.AboutInfo .number li aside b{font-size: var(--font-size42);}
}


/*
 .PicList001646 为demo编号
 */
.PicList001646{ padding:var(--padMar100) 0; background: #f6f8fa;}
.PicList001646 .tips{ padding-bottom:3%;}
.PicList001646 .dec{font-size: var(--font-size18);color: var(--grey);line-height: 1.8;max-width: 10.8rem;margin: 0 auto;text-align: center;margin-bottom: 0.4rem;}
.PicList001646 dl{ margin-bottom:3%;background-color:#fff;position: relative;}
.PicList001646 dl:hover .xq{display: block;    border-radius: var(--radius);}
.PicList001646 dl .xq{position: absolute;left:0;top:0;width:100%;height:100%;background:rgba(109,15,242,0.95);color:#fff;padding:5%;display: none}
.PicList001646 dl .xq h1{ font-size:24px;font-weight: normal;margin-bottom:8px;margin-top:0;}
.PicList001646 dl .xq h2{font-size:16px;font-weight: normal;margin:0;}
.PicList001646 dl .xq .pre{line-height: 24px;color:rgba(255,255,255,0.8);height: 96px;overflow-y: scroll;margin-top: 20px;padding-right: 20px;}
.PicList001646 dl .xq .pre::-webkit-scrollbar{
    width: 3px;
    height: 3px;
    background-color: rgba(255,255,255,.1);
  }

.PicList001646 dl .xq .pre::-webkit-scrollbar-thumb{
    border-radius: 10px;
    background-color: #fff;
  }
.PicList001646 dl:last-child{ margin-bottom:0;}
@media(min-width:481px){
.PicList001646 dl{ display:table; width:49%;float:left;margin-right:2%;}
.PicList001646 dl:nth-child(2n){margin-right:0;}
.PicList001646 dl dt,
.PicList001646 dl dd{ display:table-cell; vertical-align:middle; width:50%;}
}
.PicList001646 dd figure{ padding:0 15%;text-align:left;}

.PicList001646 dt img{ display:block; width:100%;    border-radius: var(--radius);}
.PicList001646 dd figure *{margin:0;}
.PicList001646 dd figure h1,
.PicList001646 dd figure h2{ font-weight:normal; }
.PicList001646 dd figure h1{ font-size:24px;color:#333}
.PicList001646 dd figure h1 span{ display:block;}
.PicList001646 dd figure h2{ font-size:16px; padding:2% 0; position:relative;}
.PicList001646 dd figure h2::after{  content:''; display: block; width:22px; height:2px; background-color:var(--hover-color);margin-top:17px;}
.PicList001646 dd figure p{ line-height:24px; height:72px; text-align:left; margin:9% 0 10% 0; overflow:hidden;color:#888;}

.PicList001646 dl .xq .more a{display: block;width: 148px;font-size: 16px;line-height: 40px;color: var(--hover-color); background: #fff;border-radius: 40px;text-align: center;font-weight: normal;font-family: 'SourceHanSansCN-Regular';margin-top: 30px;}
@media(max-width:768px){
.PicList001646 dd figure pre{ margin:3% 0; height:48px; }
}
@media(max-width:480px){
.PicList001646 dl dd{ padding:3% 0;}
}