@font-face {
  font-family: 'hml';
  src: url('fonts/HarmonyOS/Light.woff') format('woff');
  font-weight: 100;
  font-display: swap;
}
@font-face {
  font-family: 'hmr';
  src: url('fonts/HarmonyOS/Regular.woff') format('woff');
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: 'hmm';
  src: url('fonts/HarmonyOS/Medium.woff') format('woff');
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: 'hmb';
  src: url('fonts/HarmonyOS/Bold.woff') format('woff');
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: 'Poppins';
  src: url('fonts/Poppins-Regular.woff') format('woff');
  font-weight: 700;
  font-display: swap;
}
.autoCon-1600{ max-width: 1600px; --autoWidth: 1600;}
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;}

body{font-family: 'Poppins';--hover-color:#261a66;--white:#fff; --black:#333; --grey:#666; --grey2:#999; --rgb-white:255,255,255;--rgb-black:0,0,0; font-size: var(--font-size16);--rgb-hover:20,54,118; --radius: .2rem;}
/*Top003213 */
.Top003213{position:fixed; left: 0;top: 0;width: 100%;z-index: 110;transition: 0.3s;}
.Top003213 .autoCon-1600{max-width: 100%;width: 100%;padding: 0 3%}
.Top003213_fixed{background:var(--white); box-shadow: 0 0 10px rgba(var(--rgb-black),0.1); border-bottom: none;}
.Top003213 .logo img{height: 0.70rem;}
.Top003213 .logo img.on,
.Top003213 .logo img.on,
.Top003213_fixed .logo img,
.Top003213_fixed .logo img{display: none;}

.Top003213_fixed .logo img.on{display: block;}
.Top003213 [class*=autoCon-]{position: relative;z-index: 100;}
.Top003213 menu li span,
.Top003213 menu li span a{display: block;text-transform: uppercase}
.Top003213 .open-search{display: block;width: 0.36rem; height: 0.36rem; background: url(../images/search.svg) no-repeat center center rgba(255,255,255,.2);border-radius: 50%; background-size: .16rem auto;cursor: pointer;}

.Top003213_fixed .open-search{ background: url(../images/search.svg)no-repeat center center rgba(0,0,0,.2);background-size: .16rem auto;}
.Top003213 .top-search{position: absolute; top: 100%;right: 0;width: 4rem;background-color: var(--white); display: flex;align-items: center; justify-content: center;  overflow: hidden; opacity: 0;visibility: hidden;transform: translateY(0.3rem);transition: 0.3s;}
.Top003213 .top-search .text{flex: 1; border: 0; height: calc(50 / 16 * 1em); line-height: calc(50 / 16); padding: 0 1em; font-size: var(--font-size16);}
.Top003213 .top-search .text:not(.focus){color: rgba(var(--rgb-999),1);}
.Top003213 .top-search .btn{width:calc(50 / 16 * 1em);height: calc(50 / 16 * 1em); display: block;background: url(../images/search-on.svg) no-repeat center center; background-size: auto 0.22rem; cursor: pointer;}
.search-show .Top003213 .open-search{background-image: url(../images/close2.svg);}

.search-show .Top003213_fixed .open-search{background-image: url(../images/close.svg);}
.search-show .Top003213 .top-search{opacity: 1;visibility: visible;transform: translateY(0);}


/*.Top003213 .top-lang{margin-right: .3rem;color: #fff}
.Top003213 .top-lang a{color: #fff;}
.Top003213 .top-lang a:hover{color: var(--hover-color);}*/


.Top003213 .top-lang {position: relative;z-index: 200;margin-right: .3rem;font-size: var(--font-size14);}
.Top003213 .top-lang span {display: block;padding-left: 0.28rem;padding-right: .18rem;color: var(--white);cursor: pointer;position: relative}
.Top003213 .top-lang span::after{content: '';position: absolute;width: .14rem;height: .14rem;right: 0;top: 50%;transform: translateY(-50%) rotate(90deg);background: url(../images/icon-jt3.svg)no-repeat center;background-size: .12rem auto;filter: grayscale(100) brightness(100);}
.Top003213 .top-lang span.en1 {background: no-repeat url(../images/top-lang-img2.svg) left center; background-size: .2rem auto; }
.Top003213 .top-lang span.cn1 {background: no-repeat url(../images/top-lang-img1.png) left center; background-size: .2rem auto; }
.Top003213 .top-lang .hover {position: absolute;top: 100%;left: 50%;width: max-content;background-color: #fff; padding:1em;visibility: hidden;opacity: 0;transform: translate(-50%,0.3rem);transition: 0.3s;}
.Top003213 .top-lang .hover a:not(:hover) {color: #333}
.Top003213 .top-lang .hover li + li {margin-top: 0.5em}
.Top003213 .top-lang .hover li a{padding-left: .3rem;}
.Top003213 .top-lang .hover li.cn a{background: no-repeat url(../images/top-lang-img1.png) left center; background-size: .2rem auto;}
.Top003213 .top-lang .hover li.en a{background: no-repeat url(../images/top-lang-img2.svg) left center; background-size: .2rem auto;}
.Top003213 .top-lang.active .hover {visibility: visible;opacity: 1;transform: translate(-50%,0)}



.Top003213 menu ul li.has-sub { position: relative; z-index: 100}
.Top003213 menu li#m2 .sub,
/*.Top003213 menu li#m5 .sub,
.Top003213 menu li#m6 .sub{display: none}*/
.Top003213 menu li .sub { background-color: #fff; padding: .15rem 0; transition: 0.3s;}
.Top003213 menu li .sub dl { position: relative; z-index: 1; --top: 0}
.Top003213 menu li .sub dl::after { position: absolute; content: ''; width: 3px; top: var(--top);left: 0; height: 2em; background-color: #261a66; transition: 0.3s}
.Top003213 menu li .sub dl dl { width: max-content; background-color: #00205b; transition: 0.3s; padding: 1em 0}
.Top003213 menu li .sub dd {line-height: 1.2; position: relative; z-index: 1;padding: 0.5em 1em;}

.Top003213 menu li.top_btn a{background: var(--hover-color);color: #fff;padding:.1rem .2rem;border-radius: 5px;line-height: .3rem; }

@media (min-width: 1025px) {
    .Top003213 menu ul li.active .sub { transform: translate(-50%,0); visibility: visible; opacity: 1}
    .Top003213 menu li .sub { min-width: 1.6rem; position: absolute; left: 50%; top: 100%; transform: translate(-50%,0.3rem);  opacity: 0; visibility: hidden;text-align: center}
    .Top003213 menu li .sub dl dl { position: absolute; left: 100%; top: -1em; width: 14em; transform: translateX(0.3rem);visibility: hidden;opacity: 0;}
    .Top003213 menu li .sub dl .active > dl {transform: translateX(0);visibility: visible;opacity: 1}
    .Top003213 menu li .sub dd {white-space: nowrap;}
}

@media (min-width:1025px) {
    .Top003213 .logo{margin-right: .8rem}
    .Top003213 .t-right{margin-left: .5rem}
    .Top003213 menu{flex: 1}
    .Top003213 menu li:not(:last-child){}
    .Top003213 menu li span a{line-height:.95rem; color:var(--white);position: relative; overflow: hidden; }

    .Top003213_fixed menu li span a{color:var(--black); }
    .Top003213 menu li span a:after{position: absolute;content: '';width: 100%;height: 16px;background: url(../images/top-h2.png)no-repeat center;left: 0;bottom: .2rem; opacity: 0; transition: 0.3s;background-size: contain;}
    .Top003213 menu li:not(.top_btn):hover span a:after,
    .Top003213 menu li.aon span a:after{opacity: 1}
    
    .Top003213_fixed menu li span a:after{}
    
    
    
    .Top003213 menu li.aon span a{color: var(--hover-color); }
    
    .Top003213_fixed menu li:not(.top_btn) span a:hover,
    .Top003213_fixed menu li.aon span a{color: var(--hover-color); }
    
    .Top003213_fixed .top-lang span{color: #333}
    .Top003213_fixed .top-lang span::after{filter: grayscale(0) brightness(0);}
    .Top003213_fixed .top-lang a{color: #333;}
    
    

}

@media (max-width:1700px){
    .Top003213 menu li:not(:last-child){margin-right: calc(30 / 1920 * 100vw);}
}

@media (max-width:1024px) {
    .Top003213{--top:0.7rem;position: static; background-color: var(--white); box-shadow: 0 0 0.1rem rgba(var(--rgb-black),0.3);}
    .Top003213 [class*=autoCon-]{height: var(--top);}
    .Top003213 menu{position: fixed; left: -100%;opacity: 0;visibility: hidden;transition:left 0.5s ease-in-out;top: var(--top);width: 100%;bottom: 0; }
    .menu-show .Top003213 menu{left: 0;visibility: visible; opacity: 1;}
    .Top003213 .logo img{height: calc(var(--top) / 2);}
    .Top003213 .open-menu{margin-left: 0.3rem;}
    .Top003213 .open-menu i{background-color: var(--hover-color);}
    .Top003213 ul{height: 100%; position: relative;width:100%;box-shadow: 0 0.1rem 0.1rem rgba(var(--rgb-black),0.3);background-color: #fff;}
    .Top003213  li span{line-height: 4; padding: 0 1em; border-bottom:1px solid rgba(var(--rgb-black),0.1); }
    .Top003213  li.has-sub span{background: url(../images/select.svg) no-repeat right 1em center; background-size:1em auto;}
    .Top003213  li.has-sub span:before{position: absolute; content: ''; left: 0;top: 0;width: 100%;height: 100%;z-index: 10;}
    .Top003213  li.active span{background-color: #f9f9f9;}
    .index .Top003213{position: fixed;}
    .Top003213 .open-search{ background: url(../images/search.svg)no-repeat center center rgba(0,0,0,.2);background-size: .16rem auto;}
    
    menu ul li.has-sub span:after {content: '';display: block;width: 0.13rem;height: 0.08rem;background: center center no-repeat url(../images/Top003221-select.svg);background-size: contain;margin-left: 0.1rem;transition: 0.3s;position: absolute;right: 0.2rem;top: 50%;margin-top: -0.04rem;}

    menu ul li.has-sub.active span:after {transform: rotate(-180deg);background-image: url(../images/Top003221-select-color.svg)}
    
    menu li .sub, 
    menu li .sub dl dl {display: none;}
    menu ul li.active .sub {display: block;}
    
}





/*Banner003223 */
.Banner003223{position:relative;z-index:1;font-family:'Barlow';--hover-color:#261a66;--white:#fff; }
.Banner003223 .swiper-wrapper{height: auto;}

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

.Banner003223 img{height: 100vh;width: 100%;object-fit: cover}
.Banner003223 .txt{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:3;color:var(--white)}
.Banner003223 .txt :where(h3,p,.index-more){opacity:0;transform:translateX(1rem);transition:0.5s}
.Banner003223 .txt h3{margin:0;font-size:0.84rem;line-height:1.19047619;transition-delay:0.5s}
.Banner003223 .txt p{margin:1em 0 0.8rem 0;font-size:var(--font-size30);line-height:1.2;max-width:6.9rem;transition-delay:0.8s}
.Banner003223 .txt .index-more{transition-delay:1.1s}
.Banner003223 .controls{bottom:9%;position: absolute;z-index: 10;text-align: center;width: 100%;left: 0}
.Banner003223 .controls .num{color: #fff;margin: 0 10px;}
.Banner003223 .controls .num span {opacity: 0.6;line-height: 1;}
.Banner003223 .controls .num span.cur {opacity: 1;color: var(--hover-color);}
.Banner003223 .controls .num span:nth-child(2) {padding: 0 5px;}
.Banner003223 .controls .btn{width: .24rem;height: .24rem;background: url(../images/icon-jt1.svg)no-repeat center;background-size: .26rem;filter: grayscale(100) brightness(100);cursor: pointer}
.Banner003223 .controls .btn.prev{transform: rotate(180deg)}
.Banner003223 .controls-page span{width: 0.14rem;height: 0.14rem; border: 1px solid rgba(255, 255, 255, 0.4); margin: 0 0.13rem; display: block; border-radius: 50%;opacity: 1; background: none;}
.Banner003223  .controls-page span.swiper-pagination-bullet-active {border-color: var(--hover-color);background-color: var(--hover-color);}
.Banner003223 .swiper-slide-active .txt :where(h3,p,.index-more){opacity:1;transform:translateX(0)}
@media (max-width:1024px) {
    .Banner003223 .txt h3{font-size: var(--font-size32);}   
    .Banner003223 .txt p{font-size: var(--font-size18); margin-bottom: 2em;}
    .Banner003223 .index-more a{line-height: 3;}
    .Banner003223 .index-more a:after,
    .Banner003223 .index-more a::before{width: calc(3em - 0.08rem); height: calc(3em - 0.08rem);}
    .Banner003223 .index-more a:after{margin-left: 0.3rem;}
    /* .Banner003223 img{height: auto;} */
}



.Bottom{ position: relative; bottom: 0;left: 0;width: 100%; padding-bottom: .24rem;z-index: 10;background: rgba(0, 0, 0, 0.6);padding: .2rem 0;color: rgba(255, 255, 255, 0.5);font-size: .14rem;}
.Bottom .nav{text-align: center;}
.Bottom .nav a{display: inline-block;margin: 0 .1rem;font-size: .14rem;color: rgba(255, 255, 255, 0.5);font-weight: 100}
.Bottom .nav a:hover{color:#fff}
.Bottom .copyright{text-align: center;font-weight: 100;}
.Bottom .blink{display: flex;align-items: center;}
.Bottom .blink a{padding: 0 .1rem;color: rgba(255, 255, 255, 0.5);}
.Bottom .blink a:hover{color:#fff}





.colName{display: none;background-color:var(--hover-color);border-radius: 0 0 5px 5px;color: #fff;position: relative;padding: 0 0.3rem;line-height: 2.2;margin-bottom: 0.1rem;}
.colName:after{content:"";position: absolute;right: 15px;top: 50%;transform: translateY(-50%);background: url(../images/arr_xjt_white.svg) no-repeat center center/0.2rem 0.2rem;height: 100%;width: 20px;transition: all 0.3s;}
.colName.on:after{transform: translateY(-50%) rotate(-180deg);}

.subMenu{background-color: #fff;border-bottom: 1px solid #e6e6e6;position: relative;z-index: 10}
.subMenu li{position: relative;}
.subMenu li:not(:last-child){}
.subMenu li span{display: block;width: 100%;position: relative;}
.subMenu li span a{color: #010101;display: block;line-height: 0.8rem;padding: 0 .3rem;}
.subMenu li:before{position: absolute;left: 0;width: 100%;bottom:0;height: 100%;content: "";background: var(--hover-color);transition: all 0.5s;opacity: 0}
.subMenu li.onli a,
.subMenu li:hover a{color: #fff;}
.subMenu li.onli:before,
.subMenu li:hover:before{opacity: 1}
    
.place{color: #666666;text-align: right;font-size: var(--font-size14);font-weight: 100;line-height: 0.8rem;}
.place:before{width: 12px;height: 14px;content: "";background: url(../images/ico_home.png) no-repeat center center/contain;display: inline-block;vertical-align: middle;margin: -3px 0.1em 0 0;}
.place a{color: #666666;margin-right: 0.22rem;position: relative; display: inline-block;}
.place a:hover,
.place span{color: var(--hover-color);display: inline-block;}
.place a:after{position: absolute;width: 0.22rem;right: -0.22rem;content: "/";text-align: center;}
.place.detail{text-align: left;padding: 1.354vw 0;}
    
@media(max-width:768px){
    .subMenu{padding: 0.2rem 0;}
    .subMenu .colName{display: block;margin-bottom: 0;}
    .subMenu ul{margin-bottom:0;width:100%;justify-content: flex-start;}
    .subMenu li{width: auto;text-align: center;margin: 0 0 0 1em!important;}
    .subMenu li:before{height: 0;background-color: #f0f0f0;}
    .subMenu li.onli a, 
    .subMenu li:hover a{color: var(--hover-color);}
    .subMenu li span a{line-height: 2.5;padding: 0 .1rem}
    .place{display: none;}
   
    
}

.Nature{padding: var(--padMar100) 0;}
.Nature .ImgList{position: relative;}
.Nature .ImgList .item{width:25%;position: absolute;padding:0 0.15rem;padding-bottom:0.3rem;}
.Nature .ImgList .item .img{border-radius: .1rem;overflow: hidden;}
/* .Nature .ImgList .item .img figure{width: 100%;padding-bottom: 63%;background-position: center center;background-repeat: no-repeat;background-size: cover;} */
.Nature .ImgList .item .img img{transition: all .5s;width:100%;}
.Nature .ImgList .item .txt{padding: 3%;background-color: #fff;}
.Nature .ImgList .item .txt .tit{color: var(--black);font-size: var(--font-size26);margin:0.1rem 0;}
.Nature .ImgList .item .txt span{font-size: var(--font-size16);color: var(--grey);}
.Nature .ImgList .item:hover .img img{transform: scale(1.05);}



.ctitle.ct{text-align: center}
.ctitle .tit{font-size: var(--font-size46);color: #010101;padding-bottom: .2rem}



.cbanner{position: relative;}
.cbanner .txt{position: absolute;width: 100%;height: 100%;justify-content: center;display: flex;align-items: center}
.cbanner .txt .autoCon-1600{text-align: center;}
.cbanner .txt :where(.tit,.en) {opacity: 0;transform: translateY(1rem);transition: 0.5s}
.cbanner .txt .tit{font-size: var(--font-size46);color: #fff;font-family: 'hmb';transition-delay: 0.5s}
.cbanner .txt .en{font-size: var(--font-size36);color: rgba(255,255,255,.2);font-family: 'hmb';text-transform: uppercase;transition-delay: 0.8s}
.cbanner figure{height: 6rem;background-size: cover;background-repeat: no-repeat;background-position: center;}

.cbanner .controls-page{bottom:9%;position: absolute;z-index: 10;text-align: center;width: 100%;left: 0}
.cbanner .controls-page span{width: 0.14rem;height: 0.14rem; border: 1px solid rgba(255, 255, 255, 0.4); margin: 0 0.13rem; display: block; border-radius: 50%;opacity: 1; background: none;}
.cbanner  .controls-page span.swiper-pagination-bullet-active {border-color: var(--hover-color);background-color: var(--hover-color);}
.cbanner .swiper-slide-active .txt :where(.tit,.en){opacity:1;transform:translateX(0)}


.About {padding:var(--padMar100) 0;position: relative}
.About .bg{position:absolute;top:0;left:0;width:100%;height:100%;}
.About .bg img{width:100%;height:100%;object-fit:cover;}
.About .box{display:flex;position:relative;z-index:2;width:45%;}
.About .box .left{flex:1;}
.About .box .right{width:2rem;min-width:1.5rem;margin-left:1rem;}
.About .box .profile_tit{color:#1b1f24;line-height:1;}
.About .box .editor{color:#1b1f24;line-height:1.875;margin-top:.5rem;}
.About .box .editor p{margin: 0}
.move_nums .move_num{margin-bottom:.5rem;}
.move_nums .move_tit{color:#1b1f24;}
.move_nums .move_box{color:var(--hover-color);padding-right:.26rem;position:relative;display:inline-block;margin-top:.1rem;}
.move_nums .move_sz{line-height:1;font-size: var(--font-size60);}
.move_nums .move_t{position:absolute;top:0;line-height:.6;right:0;font-size: var(--font-size30);}
.move_nums .move_b{position:absolute;bottom:6px;line-height:1;right:0;}




.About2 {padding:var(--padMar100) 0;position: relative;background: #fbfbfb}

.About2 .item{background: #fff;box-shadow:0 3px 24px rgba(0,0,0,.02) ;border-radius: .1rem;overflow: hidden}
.About2 .item:not(:last-child){margin-bottom: .4rem;}
.About2 .item .pic{position: relative;height: 4rem;overflow: hidden;}
.About2 .item .pic span{position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
.About2 .item .pic span img{object-fit: cover;width: 100%;height: 100%;}

.About2 .item .txt .tit{font-size: var(--font-size36);color: #010101;}
.About2 .item .txt .tit::after{content: '';display: block;width: .5rem;height: 4px;background: var(--hover-color);margin: .2rem 0 .3rem}
.About2 .item .txt .desc{line-height: 2;color: #333}
.About2 .item .txt .desc p{position: relative;padding-left: .2rem}
.About2 .item .txt .desc p::before{content: '';position: absolute;left: 0;top: .11rem;width: .1rem;height: .1rem;background: #fff;border: 2px solid var(--hover-color);border-radius: 50%;flex: 0 0 auto}
@media(min-width:1025px){
    .About2 .item{display: flex;align-items: center;}
    .About2 .item:nth-child(2n){flex-direction: row-reverse;}
    .About2 .item .pic{width: 50%;flex: 0 0 auto}
    .About2 .item .txt{width: 50%;padding: 0 8%;flex: 1}
}

@media(max-width:1024px){
    .cbanner .txt .tit{font-size: var(--font-size24);}
    .cbanner .txt .en{font-size: var(--font-size18);}
    .ctitle .tit{font-size: var(--font-size24);}
    .About .box{display: block;width: 100%;}
    .About .box .editor{margin-top: 0rem;}
    .About .box .editor p{font-size: 0.16rem;}
    .About2{padding-top: 0;}
    .About2 .item .txt .tit{font-size: var(--font-size20);margin-top: var(--padMar50);}
    .Nature .ImgList .item{position:static;width: 49%;margin-right: 2%;}
    .Nature .ImgList{display: flex;flex-wrap: wrap}
    .Nature .ImgList .item:nth-child(2n){margin-right: 0;}
}



.ProductList{background: #fbfbfb;padding:var(--padMar100) 0;position: relative;}
.ProductList ul{display: flex;flex-wrap: wrap;}
.ProductList li{width: 32%;margin-right: 2%;margin-bottom: 4%}
.ProductList li:nth-child(3n){margin-right: 0}

.ProductList li a{box-shadow:0 3px 24px rgba(0,0,0,.02);display: block;}
.ProductList li a .pic{height: 3.4rem;position: relative;overflow: hidden;border-radius: .1rem}
.ProductList li a .pic span{position: absolute;width: 100%;height: 100%;left: 0;top: 0;transition: all .3s}
.ProductList li a .pic span img{object-fit: cover;width: 100%;height: 100%;}
.ProductList li a .txt{padding-top: .36rem;border-bottom: 1px solid #eaeaea;padding-bottom: .4rem;padding-left: .15rem;padding-right: .15rem}
.ProductList li a .txt .tit{font-size: var(--font-size26);color: #010101;padding-bottom: .14rem;font-family: 'hmb';transition: all .3s}
.ProductList li a .txt span{color: #555}

.ProductList li:hover a .pic span{transform: scale(1.1)}
.ProductList li:hover a .txt .tit{color: var(--hover-color)}




.Page002623{padding:.2rem 0 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: var(--hover-color);border-color:var(--hover-color) }
.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-jt3.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:var(--hover-color); border-color:var(--hover-color)}
.Page002623 .Pages a.a_next:before{filter: grayscale(100) brightness(100);}
.Page002623 .Pages .p_page > a:hover{background:var(--hover-color); border-color:var(--hover-color) }
.Page002623 .Pages .p_page > a:hover:before{filter: grayscale(100) brightness(100);}
@media(max-width:640px){
    .Page002623{padding: 6vw 0 50px 0;}
    .Page002623 .Pages em{display: none;}
}




.guide{height: 100vh;position: relative;background-size: cover;background-position: center;background-repeat: no-repeat;overflow: hidden;}
.video_index{position: absolute;left: 0;top: 0;width: 100%;height: 100vh;}
.video_index video{width: 100%;height: 100%;object-fit:fill}
.guide_box{position: absolute;z-index: 1;right: 0%;top: 3%;width: 100%;}
.guide .logo{position: absolute;top: 3%;left: 3%}
.guide .logo img{height: 0.70rem;}
.guide .autoCon-1600{height: 100%;display: flex;align-items: center;justify-content: flex-end;}
.guide .item{margin: 0 .1rem}
.guide .item a{border: 1px solid #fff;padding: .4rem 0.4rem;background: rgba(0,0,0,.2);display: block;transition: .3s all;border-radius: .1rem;overflow: hidden;width: 3.2rem;}
.guide .item .icon{text-align: center}
.guide .item .icon img{max-height: 1.5rem;}
.guide .item .txt{font-size: var(--font-size20);color: var(--hover-color);text-align: center;}

.guide .item a:hover{background: var(--hover-color);border-color: var(--hover-color);transform: translateY(-.1rem);color: var(--white);}
.guide .item a:hover .txt{color: var(--white);}

@media(max-width:1024px){
    .guide .autoCon-1600{flex-wrap: wrap;}
    .guide .item{margin-bottom: .1rem;}
    .guide .item a{width: 2.8rem;padding: .2rem;}
    .guide .item .txt{font-size: var(--font-size16);}
}


.Culture{padding:var(--padMar100) 0;position: relative;}

.Culture .list{display: flex;flex-wrap: wrap;margin-top: .4rem}
.Culture .list .item{width: 31%;margin-right: 3.5%;background: #eff4f8;border-radius: .1rem;overflow: hidden;position: relative}
.Culture .list .item:nth-child(3n){margin-right: 0;}
.Culture .list .item .txt{text-align: center;position: absolute;width: 100%;height: 100%;left: 0;top: 0;padding: .6rem;z-index: 3}
.Culture .list .item .txt .tit{font-size: var(--font-size30);color: #010101;font-family: 'hmm';transition: .3s all}
.Culture .list .item .txt .tit::after{content: '';display: block;width: .3rem;height: 3px;background:var(--hover-color);margin: .16rem auto .3rem ;transition: .3s all}
.Culture .list .item .txt .desc{line-height: 1.75;color: #333;font-size:var(--font-size18) ;font-family: 'hml';transition: .3s all}
.Culture .list .item .bg{height:4.6rem ;position: relative;overflow: hidden}
.Culture .list .item .bg img{position: absolute;width: 100%;height: 100%;left: 0;top: 0;object-fit: cover;z-index: 1;opacity: .35;transition: .3s all}
.Culture .list .item .bg::before{content: '';position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: linear-gradient(to bottom, #eff4f8 50%, rgba(0, 0, 0, 0) 100%);z-index: 2;transition: .3s all}
.Culture .list .item:hover .tit{color: #fff}
.Culture .list .item:hover .tit::after{background: #fff}
.Culture .list .item:hover .desc{color: #fff}
.Culture .list .item:hover .bg::before{background: linear-gradient(to bottom, var(--hover-color) 50%, rgba(0, 0, 0, 0) 100%);z-index: 2}
.Culture .list .item:hover .bg img{opacity: 1}





.slick-slide{outline: none;}
.History{background: url(../images/history-bg.jpg) no-repeat bottom center;background-size: 100%;padding:var(--padMar100) 0;position: relative;}

.History .HistoryBox .slick-list{margin-left:-0.2rem;}
.History .HistoryBox .item{min-height:6rem;margin-left:0.3rem;padding:0.2rem 0;}
.History .HistoryBox .item .year{font-size: var(--font-size30);color: #010101}
.History .HistoryBox .item .con{font-size: var(--font-size18);font-family: 'hml';height:1.44rem;line-height: 1.75;margin-top:0.15rem;color: #333}
.History .HistoryBox .item .con b{color: var(--hover-color)}
.History .HistoryBox .item .libox{padding:0.2rem 0.3rem;padding-right:0.1rem;;border-left:1px solid rgba(2,145,63,0.3);position: relative;transition: all .5s;}
.History .HistoryBox .item .libox .dot_b{width:0.06rem;height:0.06rem;border-radius: 50%;background: #fff;border:0.03rem solid var(--hover-color);box-sizing: content-box;position: absolute;bottom:0;left:-0.05rem;}
.History .HistoryBox .item .libox .dot_t{width:0.09rem;height:0.09rem;background: var(--hover-color);border-radius: 50%;position: absolute;left:-0.05rem;top:0;}
.History .HistoryBox .item .libox .dot_t::before{content:'';display: block;width:100%;height:100%;background: var(--hover-color);opacity: 0.3;position: absolute;left:0;top:0;transform: scale(2);border-radius: 50%;}
.History .HistoryBox .item .libox{margin-top:3rem;}
.History .HistoryBox .item.slick-active + .item.slick-active .libox{margin-top:2.48rem;}
.History .HistoryBox .item.slick-active + .item.slick-active + .item.slick-active .libox{margin-top:2.052rem;}
.History .HistoryBox .item.slick-active + .item.slick-active + .item.slick-active + .item.slick-active .libox{margin-top:1.05rem;}
.History .HistoryBox .item.slick-active + .item.slick-active + .item.slick-active + .item.slick-active + .item.slick-active .libox{margin-top:.75rem;}


.History .HistoryBox .slick-arrow{transform: translateY(0);top:auto;bottom:0;width: .7rem;height: .7rem;border: 1px solid #555;position: absolute;z-index: 5;border-radius: 50%;overflow: hidden}
.History .HistoryBox .slick-arrow::before{content: '';position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: url(../images/icon-jt1.svg)no-repeat center;background-size: .3rem auto}
.History .HistoryBox .slick-arrow.slick-prev{left:auto;right:1rem;transform: rotate(180deg)}
.History .HistoryBox .slick-arrow.slick-next{right:0;}
.History .HistoryBox .slick-arrow.slick-disabled{display: block !important;}
.History .HistoryBox .slick-arrow:hover{background:var(--hover-color);border-color: var(--hover-color); }
.History .HistoryBox .slick-arrow:hover::before{filter: grayscale(100) brightness(100);}

@media(max-width:1024px){
    .History .HistoryBox .slick-arrow.slick-prev{right:60px;}
    .History .HistoryBox .item .year{font-size: 18px;font-weight: bold;}
    .History .HistoryBox .item .con{font-size: 14px;line-height: 24px;height:96px;}
    .History .HistoryBox .item .libox{padding-left:20px;padding-right:10px;}
    .History .HistoryBox .item{min-height:1px;}
    .History .HistoryBox .item .libox{margin-top:2.18rem;}
    .History .HistoryBox .item.slick-active + .item.slick-active .libox{margin-top:1.8rem;}
    .History .HistoryBox .item.slick-active + .item.slick-active + .item.slick-active .libox{margin-top:1.45rem;}
    .History .HistoryBox .item.slick-active + .item.slick-active + .item.slick-active + .item.slick-active .libox{margin-top:0.8rem;}
    .History .HistoryBox .item.slick-active + .item.slick-active + .item.slick-active + .item.slick-active + .item.slick-active .libox{margin-top:0.85rem;}

    .Culture .list .item{width: 100%;margin-bottom: 0.2rem;margin-right: 0;}
    .Culture .list{margin-top: 0;}
    .Culture .list .item .txt .tit{font-size: var(--font-size20);}
    .Culture .list .item .txt .desc{font-size: var(--font-size16);}
    .History .HistoryBox .slick-arrow{width: 0.5rem;height: 0.5rem;}




}

@media(max-width:768px){
    .History .HistoryBox .item.slick-active + .item.slick-active .libox{margin-top:1.45rem;}
    .History .HistoryBox .item.slick-active + .item.slick-active + .item.slick-active .libox{margin-top:0.8rem;}

    
}

@media(max-width:640px){
    .History{background-size: 140%;;}
    .History .HistoryBox .slick-arrow.slick-prev{right:50px;}
    .History .HistoryBox .item{padding:10px 0 30px 0;}
    .History .HistoryBox .item .libox{margin-top:0.2rem !important;top:0.4rem;;}
    .History .HistoryBox .item.slick-active + .item.slick-active .libox{margin-top:0;top:0;}
    .History {
        padding: .5rem 0 1.5rem;
    }
}



.Timeline002790 ul{position: relative}
.Timeline002790 ul::before{content: '';position: absolute;width: 1px;height: 100%;background: #ddd;left: 50%;top: 0;}
.Timeline002790 li .con{width: 50%;float: right;position: relative;padding-left: 5%}


.Timeline002790 li .con::before{content: '';position: absolute;width: 11px;height: 11px;background: var(--hover-color);left: -6px;top: 10px}

.Timeline002790 li:nth-child(2n) .con::before{right: -6px;left: auto}

.Timeline002790 li .con .year{float: left;width: 15%; font-size: .36rem;font-weight: bold;color: var(--hover-color);line-height: 1}
.Timeline002790 li .con .txt{float: right;width: 78%;background: #f7f8fa;padding:.3rem .4rem;line-height: 2;position: relative;font-size: var(--font-size18);font-family: 'hml';color: #333}
.Timeline002790 li .con .txt b{color: var(--hover-color)}
.Timeline002790 li:nth-child(2n-1) .con .txt::before{content: '';position: absolute;border: 20px solid transparent;border-right: 0;border-bottom-width: 20px;border-top-color: #f7f8fa;right: 100%;top: 0}

@media(min-width:1025px){
    .Timeline002790 li:nth-child(2n) .con{width: 50%;float: left;padding: 0 5% 0 0}
    .Timeline002790 li:nth-child(2n) .year{float: right}
    .Timeline002790 li:nth-child(2n) .txt{float: left;}
    
    .Timeline002790 li:nth-child(2n) .con .txt::before{content: '';position: absolute;border: 20px solid transparent;border-left: 0;border-bottom-width: 20px;border-top-color: #f7f8fa;left: 100%;top: 0}
}


@media(max-width:1024px){
    .Timeline002790 ul::before{display: none}
    .Timeline002790 li{margin-bottom: 20px}
    .Timeline002790 li .con::before{display: none}
    .Timeline002790 li .con{width: 100%!important;float: none!important;padding-left: 0}
    .Timeline002790 li .con .year{font-size: 18px;}
    .Timeline002790 li .con .txt::before{content: '';position: absolute;border: 20px solid transparent;border-right: 0;border-bottom-width: 20px;border-top-color: #f7f8fa;right: 100%;top: 0}
}





.ProductDetail{padding:var(--padMar100) 0;position: relative;overflow: hidden}
.ProductDetail .list_img .slider-big {position: relative;border-radius: .1rem;overflow: hidden}
.ProductDetail .list_img .slider-big li figure{padding-bottom: 66%;background-size: cover;background-position: center;background-repeat: no-repeat}
.ProductDetail .list_img .slider-list{margin: .2rem 0 0;position: relative}
.ProductDetail .list_img .slider-list ul{margin: 0 .3rem;}
.ProductDetail .list_img .slider-list li{display: flex;align-items: center;justify-content: center;}
.ProductDetail .list_img .slider-list li figure{padding-bottom: 66%;width: 90%;background-size: cover;background-position: center;background-repeat: no-repeat}
.ProductDetail .list_img .slick-arrow{position: absolute;width: .7rem;height: .7rem;border: 1px solid #fff;border-radius: 50%;top: 50%;margin-top: -.35rem;z-index: 10}
.ProductDetail .list_img .slick-arrow::before{content: '';position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: url(../images/icon-jt1.svg)no-repeat center;background-size: .3rem auto;filter: grayscale(100) brightness(100);}
.ProductDetail .list_img .slick-arrow:hover{background: var(--hover-color);border-color:var(--hover-color);}
.ProductDetail .list_img .slick-prev{left: 3%;transform: rotate(180deg)}
.ProductDetail .list_img .slick-next{right: 3%;}
.ProductDetail .list_img .slick-dots{position: absolute;bottom: 5%;width: 100%;left: 0;z-index: 10;display: flex;justify-content: center;align-items: center;}
.ProductDetail .list_img .slick-dots li{display: inline-block; width: 0.3rem; height: 0.04rem;background: #ddd;margin: 0 5px;cursor: pointer;}
.ProductDetail .list_img .slick-dots li button{display: none;}
.ProductDetail .list_img .slick-dots li.slick-active{background: var(--hover-color);}

.ProductDetail .list_txt .title{font-size: var(--font-size40);color: #010101;font-family: 'hmb';padding-bottom: .4rem}
.ProductDetail .list_txt .desc{font-size: var(--font-size18);color: #333;padding-bottom: .4rem;line-height: 2}
.ProductDetail .list_txt .btns{display: flex;border-top: 1px solid #ebebeb;padding-top: .5rem}
.ProductDetail .list_txt .btns a{padding:0 1em; height: .5rem;border-radius: .1rem;display: flex;align-items: center;justify-content: center;color: #333;border: 1px solid #ddd}
.ProductDetail .list_txt .btns a:not(:last-child){margin-right: .2rem}
.ProductDetail .list_txt .btns a.formto{background:var(--hover-color);border-color: var(--hover-color);color: #fff }
.ProductDetail .list_txt .btns a.formto::before{content: '';width: .24rem;height: .24rem;background: url(../images/icon-zx.svg)no-repeat center;background-size: .2rem auto;margin-right: .15rem;filter: grayscale(100) brightness(100);}
.ProductDetail .list_txt .btns a.back::before{content: '';width: .24rem;height: .24rem;background: url(../images/icon-back.svg)no-repeat center;background-size: .24rem auto;margin-right: .15rem;filter: grayscale(0) brightness(0);}


@media(min-width:1025px){
    .ProductDetail .autoCon-1600{display: flex;justify-content: space-between;align-items: center}
    .ProductDetail .list_img{width: 50%;flex: 0 0 auto}
    .ProductDetail .list_txt{flex: 1;padding-left: 6%}
}





.ProductDetail2{padding:var(--padMar100) 0;background: #f8f8f8}
.ProductDetail2 .title{font-size: var(--font-size30);color: #010101;padding-bottom: .5rem}
.ProductDetail2 .con{background: #fff;padding: .5rem;border-radius: .1rem;}

.ProductDetail2 .item{background: #fff;}
.ProductDetail2 .item:not(:last-child){margin-bottom: .4rem;}
.ProductDetail2 .item .pic{position: relative;height: 3.5rem;border-radius: .1rem;overflow: hidden}
.ProductDetail2 .item .pic span{position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
.ProductDetail2 .item .pic span img{object-fit: cover;width: 100%;height: 100%;}

.ProductDetail2 .item .txt{padding-top: .3rem}
.ProductDetail2 .item .txt .tit{font-size: var(--font-size26);color: #010101;}
.ProductDetail2 .item .txt .tit::after{content: '';display: block;width: .5rem;height: 4px;background: var(--hover-color);margin: .2rem 0 .3rem}
.ProductDetail2 .item .txt .desc{line-height: 2;color: #333}
.ProductDetail2 .item .txt .desc p{position: relative;padding-left: .2rem;}
.ProductDetail2 .item .txt .desc p:not(:last-child){margin-bottom: .05rem}
.ProductDetail2 .item .txt .desc p::before{content: '';position: absolute;left: 0;top: .11rem;width: .1rem;height: .1rem;background: #fff;border: 2px solid var(--hover-color);border-radius: 50%;flex: 0 0 auto}
@media(min-width:1025px){
    .ProductDetail2 .list{}
}


.popUp-box {position: fixed; z-index: 200;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);display: none;}
.popUp-box > .ytable {height: 100%;}
.popUp-box .main { background: #fff url(../images/RighInfo003134-bg.jpg) no-repeat; background-size: cover; width: 90%; max-width: 600px; margin: 0 auto; border-radius: 5px;position: relative;}
.popUp-box .close { position: absolute; right: 20px; top: 20px;width: 20px;height: 20px;z-index: 10;cursor: pointer;}
.popUp-box .close:before, 
.popUp-box .close:after {position: absolute;content: '';width: 100%;height: 2px;background-color: #000;top: 50%;margin-top: -1px;transform: rotate(-45deg);}
.popUp-box .close:after {transform: rotate(45deg);}
.popUp-box .title {font-size: 1.875em;color: #333333;line-height: 1.3333;margin-bottom: .2rem;text-align: center}
.popUp-box .form-ul li { position: relative; z-index: 1;margin-bottom: 10px;}
.popUp-box .form-ul li label.tit { position: absolute;left: 1.21428em;top: 0;font-size: 0.875em;line-height: 3.5714em;}
.popUp-box .form-ul li .text { border: solid 1px rgba(139,139,139,0.2); width: 100%;font-size: 1em;height: 3.125em;line-height: 3.125em;border-radius: 0.625em; padding: 0 1.0625em;}
.popUp-box .form-ul li textarea.text{height: auto}
.popUp-box .form-ul ol .btn {display: block;width: 100%;background: var(--hover-color);border: 0; cursor: pointer;border-radius: 0.625em;height: 3.125em;color: #fff;font-size: 1em;}

@media (min-width: 1025px) {
    .popUp-box .main {padding: 7.9375vh 4.25em;}
    .popUp-box .main .ytable-cell {width: 50%;}
}

@media (max-width: 1024px) {
    .popUp-box .main {padding:2em;}
    .popUp-box .main .ytable {max-height: 85vh;overflow: auto;}
    .ProductDetail .list_img .slick-arrow{width: 0.5rem;height: 0.5rem;}
    .ProductDetail .list_txt .title{font-size: var(--font-size24);margin: 0.2rem 0 0.1rem;padding-bottom: 0;}
    .ProductDetail .list_txt .desc{font-size: var(--font-size16);padding-bottom: 0.2rem;}
    .ProductDetail .list_txt .btns{padding-top: 0.2rem;}
    .ProductDetail2 .title{font-size: var(--font-size24);padding-bottom: 0.2rem;}
    .ProductDetail2 .item .txt{padding-top: 0;}
    .ProductDetail2 .item .txt .tit,.popUp-box .title{font-size: var(--font-size24);}
    .ProductDetail2 .con{padding: 0.2rem;}
}





.production {padding:var(--padMar100) 0;position: relative;background: #fbfbfb}

.production .item{position: relative}
.production .item .itembox{position: absolute;width: 100%;left: 0;bottom: 100%;height: .95rem;opacity: 0;}
.production .item:not(:last-child){margin-bottom: .6rem;}
.production .item .pic{position: relative;height: 5.4rem;border-radius: .1rem;overflow: hidden}
.production .item .pic span{position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
.production .item .pic span img{object-fit: cover;width: 100%;height: 100%;}

.production .item .txt .tit{font-size: var(--font-size46);color: #010101;padding-bottom: .5rem;font-family: 'hmb'}
.production .item .txt .desc{line-height: 2;color: #333}
.production .item .txt .desc p{position: relative;padding-left: .2rem;font-size: var(--font-size20);}
.production .item .txt .desc p::before{content: '';position: absolute;left: 0;top: .11rem;width: .1rem;height: .1rem;background: #fff;border: 2px solid var(--hover-color);border-radius: 50%;flex: 0 0 auto}
@media(min-width:1025px){
    .production .item{display: flex;align-items: center;}
    .production .item:nth-child(2n){flex-direction: row-reverse;}
    .production .item .pic{width: 60%;flex: 0 0 auto}
    .production .item .txt{padding-left: 3%;flex: 1}
    .production .item:nth-child(2n) .txt{padding-left: 0;padding-right: 3%}
}

.production .slick-dots{position: absolute;left: 50%;transform: translateX(-50%);bottom:0.3rem;z-index: 2;}
.production .slick-dots li{float: left;list-style: none;width: 15px;height: 15px;border-radius: 100px;overflow: hidden;margin-right: 8px;}
.production .slick-dots li button{display: block;border: none;line-height: 100px;background: #fff;}
.production .slick-dots li.slick-active button{background: var(--hover-color);}




.Branch{position: relative;}
.Branch .item{position: relative;padding:var(--padMar100) 0;}
.Branch .item .itembox{position: absolute;width: 100%;left: 0;bottom: 100%;height: .95rem;opacity: 0;}
.Branch .item:nth-child(2n){background: #f8f8f8;}
.Branch .txt{text-align: center;margin: 0 auto .6rem;width: 80%}
.Branch .txt .tit{font-size: var(--font-size46);color: #010101;padding-bottom: .3rem;font-family: 'hmb'}
.Branch .txt .tit::after{content: '';display: block;width: .5rem;height: 4px;background: var(--hover-color);margin: .2rem auto 0}
.Branch .txt .desc{line-height: 1.75;color: #333}
.Branch .pic{position: relative;border-radius: .1rem;overflow: hidden}
.Branch .pic span{display: block;}
.Branch .pic span img{height: 100%;width: 100%;}

.Branch .slick-dots{text-align: center; z-index: 10;margin-top: .5rem}
.Branch .slick-dots li{display: inline-block; border: 1px solid #eaeaea;border-radius: 50%; width: .12rem; height: .12rem; margin: 0 .05rem;background: #eaeaea;}
.Branch .slick-dots li button{display: none;}
.Branch .slick-dots li.slick-active{background: var(--hover-color);border-color: var(--hover-color)}



.New {padding:var(--padMar100) 0;position: relative;}
.New .news-top{position: relative;margin-bottom: .8rem}
.New .news-top a{display: flex;justify-content: space-between}
.New .news-top a .pic{width: 52.5%;flex: 0 0 auto;height: 4.7rem;position: relative;overflow: hidden;background: #000;border-radius: .1rem;}
.New .news-top a .pic span{position: absolute;height: 100%;width: 100%;left: 0;top: 0;;}
.New .news-top a .pic span img{height: 100%;width: 100%;object-fit: cover;}
.New .news-top a .txt{width: 40%;padding: 0.3rem 0;}
.New .news-top a .txt .data{font-size: var(--font-size18);color: #999;font-family: 'hml'}
.New .news-top a .txt .tit{font-size: var(--font-size40);color: #010101;margin: 0.2rem 0 0.4rem 0;line-height: .5rem}
.New .news-top a .txt .desc{font-family: 'hml';line-height: 1.75;color: #666}
.New .news-top a .txt .more{display: flex;align-items: center;margin-top: 0.3rem;color: var(--hover-color);}
.New .news-top a .txt .more::after{content: '';width: .22rem;height: .22rem;background: url(../images/icon-jt2.svg)no-repeat center;background-size: .2rem auto;margin-left: .1rem;}

.New .news-top .controls{position: absolute;right: 0;bottom: 0;display: flex;z-index: 100;width: 40%;align-items: center}
.New .news-top .controls .pages {flex: 1;height: 2px;background-color: #eee;position: relative;}
.New .news-top .controls .pages span {height: 2px;top: 0; background-color: var(--hover-color);border-radius: 5px;}
.New .news-top .swiper_btns{display: flex;justify-content: flex-end;margin-left: .4rem}
.New .news-top .swiper_btns .swiper_btn{width: .8rem;height: .8rem;border-radius: 50%;border: 1px solid #cdcdcd;position: relative;cursor: pointer}
.New .news-top .swiper_btns .swiper_btn::before{content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: url(../images/icon-jt1.svg)no-repeat center;background-size: .3rem auto;}
.New .news-top .swiper_btns .swiper_btn.prev{margin-right: .1rem;transform: rotate(180deg)}
.New .news-top .swiper_btns .swiper_btn:hover{background:var(--hover-color);border-color: var(--hover-color); }
.New .news-top .swiper_btns .swiper_btn:hover::before{filter: grayscale(100) brightness(100);}


.New .list li { background: #fff; overflow: hidden; border-bottom: 1px solid #eee; padding-bottom:0.3rem ; margin-bottom: 0.3rem;}
.New .list li a { position: relative; }
.New .list li .pic { border-radius: 0.15rem; overflow: hidden; }
.New .list li .pic .Ispic { padding-bottom: 71%; transition: .3s; }
.New .list li:hover .pic .Ispic { transform: scale(1.1); }
.New .list 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;}
.New .list li .txt .tit {font-size:0.22rem; line-height: 1.5; margin-bottom: 0.16rem;color: #333;font-family: 'hmm'; }
.New .list li a:hover .txt .tit { color: var(--hover-color); }
.New .list li .txt p { margin: 0; line-height: 1.875;color: #999; }

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

@media(max-width:1024px) {
    .New .list {padding:var(--padMar100) 0;}
    .New .list li .txt{ padding: 0.2rem; }
    .production .slick-arrow{display: none !important;}
    .production .item .pic{height: auto;}
    .production .item .txt{padding: 0.3rem 0 0;}
    .production .item .txt .tit{font-size: var(--font-size24);padding-bottom: 0.1rem;}
    .production .item .txt .desc p{font-size: var(--font-size16);}
    .production .item:not(:last-child){margin-bottom: 0.2rem;}
    .Branch .txt .tit{font-size: var(--font-size24);padding-bottom: 0.2rem;}
    .Branch .txt .desc{font-size: var(--font-size16);line-height: 0.3rem;}
    .Branch .txt{width: 100%;margin: 0 auto 0.3rem;}
    .New .news-top a .pic{width: 100%;}
    .New .news-top a{display: block;}
    .New .news-top a .txt .tit{font-size: var(--font-size24);line-height: 0.3rem;margin: 0.1rem 0 0.1rem;}
    .New .news-top .swiper_btns .swiper_btn{width: 0.35rem;height: 0.35rem;}
    .New .news-top a .pic{height: 2.7rem;}
    .New .news-top a .txt{width: 100%;}
    .New .news-top{margin-bottom: 0;}
    .production .slick-dots{bottom: 0.2rem;}
}




.RighInfo002973{padding:var(--padMar100) 0;position: relative;}

.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;color: #333}
.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 .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}
.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: var(--hover-color);}
.RighInfo002973 .operating{overflow: hidden;line-height: 24px;}
.RighInfo002973 .operating a{ background:var(--hover-color);color:#fff;padding:0.15rem 0.4rem;border-radius: 36px; 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: 60%; 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:var(--font-size24);}
    /* .RighInfo002973{ font-size: 14px;} */
    .RighInfo002973 .operating {display: flex; justify-content: center; padding:0.2rem 0;}
}





.Contact{padding:var(--padMar100) 0;position: relative;}
.Contact .list{display: flex;flex-wrap: wrap;margin-top: .5rem;}
.Contact .list .item{width: 32%;margin-right: 2%;background: #fbfbfb;border-radius: .1rem;overflow: hidden}
.Contact .list .item:nth-child(3n){margin-right: 0;}
.Contact .list .item .pic{position: relative;height: 3rem;}
.Contact .list .item .pic span{position: absolute;height: 100%;width: 100%;left: 0;top: 0;;}
.Contact .list .item .pic span img{height: 100%;width: 100%;object-fit: cover;}
.Contact .list .item .txt{padding:.5rem .3rem;}
.Contact .list .item .text_list{width: 100%;}
.Contact .list .item .text_ewm{width: 20%;}
/* .Contact .list .item .txt .desc{display: flex;justify-content: space-between;} */
.ewm img{max-width: 1rem;}


.Contact .list .item .tit1{font-size: var(--font-size18);color: #999;padding-bottom: .1rem}
.Contact .list .item .tit2{font-size: var(--font-size24);color: #333;font-family: 'hmm';padding-bottom: .2rem}
.Contact .list .item .desc p{display: flex;padding-left: .24rem}
.Contact .list .item .desc p:not(:last-child){padding-bottom: .1rem}
.Contact .list .item .desc p span{flex: 0 0 auto;min-width: 0.65rem; margin-right: 0.1rem;}
.Contact .list .item .desc p.add{background: url(../images/icon-add.svg)no-repeat top left;background-size: .2rem auto}
.Contact .list .item .desc p.tel{background: url(../images/icon-tel.svg)no-repeat top left;background-size: .2rem auto}
.Contact .list .item .desc p.ewm{background: url(../images/icon-ewm.svg)no-repeat top left;background-size: .2rem auto}



.message{padding:var(--padMar100) 0;position: relative;background: url(../images/message-bg.jpg)no-repeat center;background-size: cover;}
.message .form{margin-top: .5rem;}
.message li{margin-bottom: .3rem;position: relative;}
.message li .tit {position: absolute;left: .2rem;top: 0;font-size: var(--font-size16);line-height:.6rem;color: #333333;}
.message li .text {width: 100%; border-radius: 5px;border: solid 1px #f0f0f0;font-size: var(--font-size16);line-height: .6rem;height: .6rem;background: #fff;padding: 0 .2rem;}
.message li textarea.text {height: 2.2rem;}
.message .btn {width:1.6rem;background: var(--hover-color);border-radius: 5px;font-size: var(--font-size16);height: .5rem;color: #fff;cursor: pointer;border: 0;margin: 0 auto;display: block}
@media(min-width:1025px){
    .message .row-3{display: flex;justify-content: space-between;}
    .message .row-3 li{width: calc(33% - 15px);}
}


@media(max-width:1024px){
    .Bottom .columnBottom .autoCon-1600{display: block;}
    .Bottom .blink{justify-content: center;margin-top: 0.05rem;}
    .Bottom .autoCon-1600{display: block;}
    .Contact .list{margin-top: 0;}
    .Contact .list .item{width: 100%;margin-right: 0;}
    .Contact .list .item .text_list{width: 100%;}
    .Contact .list .item .txt{padding: 0.3rem;}
    .message .form{margin-top: 0;}
    .message li{margin-bottom: 0.2rem;}
}


.sitemap li{ padding: 1.6% 0; border-bottom: solid 1px #e8e8e8}
.sitemap li spab{font-weight: bold;;}
.sitemap .sub a{display: inline-block; margin-right: 2vw}