
@font-face {
  font-family: 'hm';
  src: url('fonts/HarmonyOS/Light.woff') format('woff');
  font-weight: 100;
  font-display: swap;
}
@font-face {
  font-family: 'hm';
  src: url('fonts/HarmonyOS/Regular.woff') format('woff');
  font-weight: normal;
  font-display: swap;
}
@font-face {
  font-family: 'hm';
  src: url('fonts/HarmonyOS/Medium.woff') format('woff');
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: 'hm';
  src: url('fonts/HarmonyOS/Bold.woff') format('woff');
  font-weight: bold;
  font-display: swap;
}


body{font-family: hm; font-weight: normal; --hover-color:#0c4478;--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:12,68,120; --radius: .2rem;}

a:hover{color:var(--hover-color) }
p{margin: 0;}
p+p{margin-top:0.1rem;}

/*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 {opacity: 1;-webkit-transform: scale3d(1.1,1.1,1.1);transform: scale3d(1.1,1.1,1.1); 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;}
.imgbox img{ width:100%; height:100%;object-fit: cover;}
.imgbox.auto img{ width:auto; height:auto;object-fit: contain;max-width: 100%;max-height: 100%;}

.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{position: relative;z-index: 2;margin-bottom: .5rem}
.Hometitle.center{text-align: center;}
.Hometitle .cn{font-size:var(--font-size24); color: #333333;opacity: 0.85;}
.Hometitle .desc{font-size: var(--font-size42);color: #000000; margin-top: .1rem;line-height: 1.25; font-weight: 500;}

.mores{transition: all 0.5s; font-weight: 100; }
.mores span{display: flex;align-items: center;transition: .3s all;color: var(--hover-color)}
.mores span:after{content: '';width: 0.11rem;height: 0.11rem;background: url(../images/more.svg)no-repeat center; background-size: 0.11rem auto; margin-left: .12rem;}
.mores span:before{content: '';width: 0;height: 0.11rem;background: url(../images/more.svg)no-repeat center; background-size: 0.11rem auto; }
.item:hover{border-color:var(--hover-color);}
.item:hover .mores span{color: #fff}
.item:hover .mores span::after,
.item:hover .mores span:before{filter: grayscale(100) brightness(100);}
.item:hover .mores span:after{margin-left: 0;width: 0;}
.item:hover .mores span:before{margin-right: 0.1rem;width: 0.11rem;}

@media (max-width:1024px) {
.Hometitle{margin-bottom: .4rem}
.Hometitle .cn{font-size:var(--font-size20);}
.Hometitle .desc{font-size: var(--font-size36);}	
}

/*Top003213 */
.Top003213{position:fixed; left: 0;top: 0;width: 100%;z-index: 100;transition: 0.3s; border-bottom: 1px solid rgba(var(--rgb-white),0.2);}
.Top003213:hover,
.Top003213_fixed{background:var(--white); box-shadow: 0 0 10px rgba(var(--rgb-black),0.1); border-bottom: none;}
.Top003213 .logo img{height: 0.6rem;}
.Top003213 .logo img.on,
.Top003213 .logo img.on,
.Top003213_fixed .logo img,
.Top003213_fixed .logo img,
.Top003213:hover .logo img,
.Top003213:hover .logo img{display: none;}
.Top003213:hover .logo img.on,
.Top003213_fixed .logo img.on{display: block;}
.Top003213 [class*=autoCon-]{position: relative;z-index: 100;}
.Top003213 menu li{position: relative;}
.Top003213 menu li span,
.Top003213 menu li span a{display: block;}
.Top003213 .open-search{display: block;width: 0.2rem; height: 0.2rem; background: url(../images/search_white.svg) no-repeat center center; background-size: contain;cursor: pointer;}
.Top003213:hover .open-search,
.Top003213_fixed .open-search{ background-image: url(../images/search.svg);}
.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.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:hover .open-search,
.search-show .Top003213_fixed .open-search{background-image: url(../images/close.svg);}
.search-show .Top003213 .top-search{opacity: 1;visibility: visible;transform: translateY(0);}
@media (min-width:1025px) {
.Top003213 menu{margin-right: calc(70 / 1920 * 100vw);}
.Top003213 menu li:not(:last-child){margin-right: calc(60 / 1920 * 100vw);}
.Top003213 menu li span a{line-height:.95rem; color:var(--white);position: relative; overflow: hidden; font-size: var(--font-size17);}
.Top003213 menu li.active .sub{transform:translateY(0);visibility:visible;opacity:1}
.Top003213 menu li .sub{width:1.4rem;position:absolute;left:50%;top:100%;transform:translateY(0.3rem);opacity:0;visibility:hidden;margin-left:-0.7rem;background-color: var(--white);  transition: 0.3s;}
.Top003213 menu li .sub dl{padding: 10px;}
.Top003213 menu li .sub dl dd{line-height: 24px; padding: 5px 0; text-align: center;}
.Top003213 menu li .sub dl .active > dl{transform:translateX(0);visibility:visible;opacity:1}


.Top003213:hover menu li span a,
.Top003213_fixed menu li span a{color:var(--black); }
.Top003213 menu li span a:after{position: absolute; content: ''; height:2px;width:100%; bottom:0; left: 0%;background-color:var(--white); opacity: 0; transition: 0.3s;}
.Top003213:hover menu li span a:after,
.Top003213_fixed menu li span a:after{background-color:var(--hover-color);}
.Top003213 menu li span a:hover:after,
.Top003213 menu li.aon span a:after{opacity: 1;}
.Top003213 menu li span a:hover,
.Top003213 menu li.aon span a{color: var(--white); }
.Top003213:hover menu li span a:hover,
.Top003213:hover menu li.aon span a,
.Top003213_fixed menu li span a:hover,
.Top003213_fixed menu li.aon span a{color: var(--hover-color); }
}

@media (max-width:1024px) {
.Top003213{--top:0.7rem;position: fixed; 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) / 1.5);}
.Top003213 .logo img{ display: none;}
.Top003213 .logo img.on{display: block;}
.Top003213 .open-search{background-image: url(../images/search.svg);background-size: 0.19rem auto;}
.Top003213 .open-menu{margin-left: 0.25rem; width: 0.32rem;height: 0.32rem;}
.Top003213 .open-menu i{background-color: var(--hover-color);}
.Top003213 ul{height: 100%; position: relative;width:45%;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;}
.Top003213 menu li .sub{background-color: #f9f9f9;}
.Top003213 menu li .sub, 
.Top003213 menu li .sub dl dl {display: none;}
.Top003213 menu li.active .sub {display: block;}
.Top003213 menu li .sub dl{padding: 10px;}
.Top003213 menu li .sub dl dd{line-height: 24px; padding: 5px 0; text-align: center;}

}



/*Banner003223 */
.Banner003223{position:relative;z-index:1;}
.Banner003223 .swiper-wrapper{height: auto;}
.Banner003223 .controls-page{bottom:6.06826802%;position: absolute;z-index: 10;text-align: center;}
.Banner003223 .controls-page span{width: 0.14rem;height: 0.14rem;  margin: 0 0.1rem !important; display: block;border-radius:50%;opacity: 1; background:none; border: 1px solid var(--white);}
.Banner003223 .controls-page span.swiper-pagination-bullet-active{ background: var(--white);}
.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); background: rgba(var(--rgb-black), 0.0);}
.Banner003223 .txt :where(h3,p,.Homemore){opacity:0;transform:translateX(1rem);transition:0.5s}
.Banner003223 .txt h3{margin:0;font-size:var(--font-size50);line-height:1.5;transition-delay:0.5s; letter-spacing:.02rem; margin-top: .5rem;}
.Banner003223 .txt h3 span{display: block; font-size: var(--font-size30); font-weight: normal;}
.Banner003223 .txt p{margin:.15rem 0 0.8rem 0;font-size:var(--font-size20);line-height:1.75;transition-delay:0.8s; letter-spacing:.0rem;font-weight: 100}
.Banner003223 .txt .Homemore{transition-delay:1.1s}
.Banner003223 .swiper-slide-active .txt :where(h3,p,.Homemore){opacity:1;transform:translateX(0)}

.Banner003223 .Homemore a {width:1.8rem;height: 0.56rem;line-height: 0.56rem;color:#fff;font-weight:lighter;border-radius:0.6rem;display: flex;justify-content: center;align-items: center;border:solid 2px var(--white);color: var(--white);}
.Banner003223 .Homemore a:after {content:'';width: 0.15rem;height: 0.15rem;margin-left: 0.12rem;background:url(../images/more-on.svg) no-repeat center;transition: .3s;background-size: auto 0.14rem;}
.Banner003223 .Homemore a:hover:after {transform: translateX(0.12rem)}
@media (min-width:1025px) {
.Banner003223 .txt p{width: 70%; max-width:6rem;}
}
@media(max-width:1024px){
.Banner003223 { margin-top: 0.7rem;}
.Banner003223 .txt h3{font-size:var(--font-size26);margin-top: .1rem;}
.Banner003223 .txt h3 span{font-size: var(--font-size20);}
.Banner003223 .txt p{font-size:var(--font-size16); margin-bottom: 0.2rem;}
.Banner003223 .Homemore a{width:1.5rem;height: 0.5rem;line-height: 0.5rem;}
}
  
.HomeSolution{ padding: var(--padMar100) 0;}
.HomeSolution ul{display: flex; justify-content: space-between;margin-left:-0.2rem;}
.HomeSolution li{width:25%;margin-left:0.2rem;position: relative;overflow: hidden;background-color: #f6f9fc;transition: .3s all}
.HomeSolution li .pic{height: 4.6rem;position: relative;overflow: hidden;}
.HomeSolution li .pic span img{width: 100%;height: 100%;object-fit: cover;}
.HomeSolution li .pic::before{content: '';position: absolute;width: 100%;height: 100%;z-index: 2;left: 0;bottom: 0;background: linear-gradient(to bottom, rgba(246,249,252,1) 50%, rgba(246,249,252,0));}
.HomeSolution li:hover .pic::before{content: '';position: absolute;width: 100%;height: 100%;z-index: 2;left: 0;bottom: 0;background: linear-gradient(to bottom, rgba(12,68,120,1) 40%, rgba(246,249,252,0.2));}

.HomeSolution li a{position: relative;z-index: 2;display: block;}
.HomeSolution li .inner{position: absolute;padding: 0.4rem 0.4rem;left: 0;width: 100%;top: 0rem;z-index: 10; transition: 0.5s}
.HomeSolution li .tit{font-size: var(--font-size24);line-height: 2.2;overflow: visible; color: #333; font-weight: 500;}
.HomeSolution li .tit:after{display: block;width: 0.2rem;height: 0.25rem;border-top: 3px solid var(--hover-color);content: "";}
.HomeSolution li .mores{margin-top: 0.24rem;}
.HomeSolution li .desc{ line-height: 1.8; font-weight: 100;}
.HomeSolution li:hover .tit{color: #fff;}
.HomeSolution li:hover:after {opacity: 1;height: 100%;}
.HomeSolution li:hover .tit:after{border-top: 3px solid #fff;}
.HomeSolution li:hover a,
.HomeSolution li:hover .desc{color: #fff;}
@media (min-width:1025px) {

}
@media(max-width:1024px){
.HomeSolution ul{ flex-wrap: wrap;}
.HomeSolution li{width: 100%; margin-bottom: 0.2rem;}
.HomeSolution li .inner{padding: 0.3rem;}
}

.HomeNews{ padding: var(--padMar100) 0;position: relative;z-index: 2; overflow: hidden; background-image: linear-gradient(to bottom, #f5f7fb ,#fff);}
.HomeNews .TabNav {margin-bottom: 0.35rem;}
.HomeNews .TabNav li {border-radius: 0.5rem;border: 1px solid #999999;text-align: center;cursor: pointer;padding: 0.14rem 0.4rem;transition: all 0.5s;color: #333;}
.HomeNews .TabNav li:not(:last-child) {margin-right: 0.2rem;}
.HomeNews .TabNav li:hover,
.HomeNews .TabNav li.on {background: var(--hover-color);color: #fff;border: 1px solid var(--hover-color);}
.HomeNews .list {position: relative;}
.HomeNews .list .TabCon{position: absolute;width:100%;left:0;top:0;opacity: 0;visibility: hidden;transition: all .5s;z-index:0;}
.HomeNews .list .TabCon.on{position: relative;opacity: 1;visibility: visible;z-index:99;}
.HomeNews .slider{margin: 0 -0.15rem;}
.HomeNews .list .item{margin: 0 0.15rem;background-image: linear-gradient(to bottom, #dee4f1 ,#f7f9fc);transition: all 0.5s;}
.HomeNews .item .imgbox{padding-top: 65%;}
.HomeNews .item .info{ padding: 0.24rem;}
.HomeNews .item .date{color: #666;font-weight: lighter;}
.HomeNews .item .tit{margin: 0.08rem 0 0.16rem;font-size: var(--font-size24); font-weight: 500;}
.HomeNews .item .desc{color: #666;margin-bottom: 0.25rem; font-weight: lighter; line-height: 1.75;}

.HomeNews .item:hover{background: var(--hover-color);}
.HomeNews .item:hover a,
.HomeNews .item:hover .date,
.HomeNews .item:hover .desc{color: #fff;}

.HomeNews .slick-arrow{width: 0.55rem; height: 0.55rem;  border-radius: 0.5rem; z-index: 22;background-color: #fff;position: static;top: 50%; padding: 0;right: 0;font-size: 1em;text-indent: -9999em;transition: 0.5s; transform: translate(0, -50%);position: absolute;box-shadow: 0 0.05rem 0.2rem rgba(0, 0, 0, 0.1);}
.HomeNews .slick-arrow:before{position: absolute; content: ''; width: 20%; height: 20%;border-left: 2px solid var(--hover-color);border-top: 2px solid var(--hover-color); transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg); left: 40%; top: 40%;}
.HomeNews .slick-next:before{transform: rotate(135deg);-webkit-transform: rotate(135deg);-ms-transform: rotate(135deg);}
.HomeNews .slick-prev{left:-0.8rem;}
.HomeNews .slick-next{right:-0.8rem;}
.HomeNews .slick-arrow:hover {background-color: var(--hover-color);border-color: var(--hover-color);}
.HomeNews .slick-arrow:hover:before{ border-color: #fff;}

@media(max-width:1024px){
.HomeNews .slick-arrow{width:0.5rem;height:0.5rem;}
.HomeNews .slick-prev{left:0.1rem;}
.HomeNews .slick-next{right:0.1rem;}
}


.HomePartner{ padding: var(--padMar100) 0;position: relative;z-index: 2; overflow: hidden; background: #f4f6fa;}
.HomePartner .list .str_wrap{overflow: inherit}
.HomePartner .list ul .str_move{display: flex}
.HomePartner .list{position: relative;z-index: 1;}
.HomePartner .list:before,
.HomePartner .list:after{position: absolute;content: '';top: 0;height: 150%;width: 20%;z-index: 10;pointer-events: none;}
.HomePartner .list:before{left: 0;background: linear-gradient(to right, rgba(244,246,250,1) 0%, rgba(244,246,250,0) 100%);}
.HomePartner .list:after{right: 0;background: linear-gradient(to right, rgba(244,246,250,0) 0%, rgba(244,246,250,1) 100%);}
.HomePartner li {width: 2.5rem;padding: 0 0.1rem;}
.HomePartner li a {display: block;padding: 0.18rem 0;}
.HomePartner li .pic{display: flex;align-items: center; justify-content: center; height: 1rem; background-color:#fff;border-radius: 0.08rem;box-shadow:0.05rem 0 0.32rem rgba(222,228,241,1);}
.HomePartner li .pic img{max-width: 70% !important;max-height: 70%;}


/*Bottom003207 */
.Bottom003207{background-image: linear-gradient(to bottom, #e4e8f2, #fefeff);  background-size: cover; padding-top: var(--padMar80);}
.Bottom003207,
.Bottom003207 a:not(:hover){color:var(--black);}
.Bottom003207 .logo{}
.Bottom003207 .logo img{ max-height: 0.68rem;}
.Bottom003207 .f-top{margin-bottom: 0.4rem;}
.Bottom003207 .f-mid{margin-bottom: 0.2rem;}
.Bottom003207 .f-bottom{padding: 0.3rem 0; font-size: var(--font-size14);border-top: 1px solid rgba(0, 0, 0, 0.08);margin-top: 0.5rem;}
.Bottom003207 .f-bottom,
.Bottom003207 .f-bottom a:not(:hover){color: var(--black); }

.Bottom003207 .follow-us li{position: relative;z-index: 10}
.Bottom003207 .follow-us li +li{margin-left: 0.2rem;}
.Bottom003207 .follow-us li a{display: flex; border-radius: 50%;background-color: rgba(255, 255, 255, 0.6); width: 0.4rem; height: 0.4rem; align-items:center; justify-content: center; transition: 0.3s; cursor: pointer;}
.Bottom003207 .follow-us li a:hover{background-color: var(--hover-color);}
.Bottom003207 .follow-us li a:after{width: 0.2rem; height: 0.2rem;background-position: center center; background-repeat: no-repeat; background-size:contain; transition: 0.3s; content: '';display: block;}
.Bottom003207 .follow-us li a:hover:after{opacity: 1;filter: grayscale(100) brightness(100);}
.Bottom003207 .follow-us li.li-wx a:after{background-image: url(../images/wx-icon.svg);} 
.Bottom003207 .follow-us li.li-qq a:after{background-image: url(../images/qq-icon.svg);} 
.Bottom003207 .follow-us li.li-sina a:after{background-image: url(../images/sina-icon.svg);} 

.Bottom003207 .follow-us li .hover{position: absolute; left: 50%;bottom: calc(100% + 0.12rem); background-color: #fff; padding: 0.05rem; border-radius: 0.03rem; width: 1.2rem; margin-left: -0.6rem; border-radius: 0.04rem;display: flex;align-items: center; justify-content: center; height: 1.2rem; transform: translateY(-0.3rem); opacity: 0;visibility: hidden; transition: 0.3s;} 
.Bottom003207 .follow-us li.show .hover{ transform: translateY(0); opacity: 1; visibility: visible;}
.Bottom003207 .follow-us li .hover:after{position: absolute; content: ''; top: 100%;left: 50%;border: 3px solid transparent; border-top-color: var(--white); margin-left: -3px;}

.Bottom003207 .contact .name{font-size: var(--font-size18); color: #000; }
.Bottom003207 .contact .tel{font-size: var(--font-size32);font-weight: bold; margin-bottom: 0.2rem; color: var(--hover-color); }
.Bottom003207 .contact dl{}
.Bottom003207 .contact dd{padding-left:0.32rem;line-height:0.32rem;background-position:center center;background-repeat:no-repeat;background-size:contain;background-size:0.2rem auto;background-position:left 0.4em}
.Bottom003207 .contact dd + dd{margin-top:0.21rem}
.Bottom003207 .contact dd.email{background-image:url(../images/Bottom-email.svg);}
.Bottom003207 .contact dd.add{background-image:url(../images/Bottom-add.svg);}


.Bottom003207 .contact dd{display: flex;align-items: flex-start; justify-content: space-between;}
.Bottom003207 .contact dd span{width: 5em;flex-shrink: 0; text-align: right;}
.Bottom003207 .contact dd div{flex: 1; margin-left: 0.11rem;}
.Bottom003207 .contact dd + dd{margin-top: 0.1rem;}

.Bottom003207 nav dd{}
.Bottom003207 nav dt{font-size: var(--font-size18); position: relative; }
.Bottom003207 nav dt a{color: #000 !important;}
.Bottom003207 nav dd{ line-height: 0.36rem;}
.Bottom003207 nav dd a:not(:hover){color: rgba(0, 0, 0, 0.7);}

.Bottom003207 .icp a{display: flex;}
.Bottom003207 .icp a:before{display: block; content: ''; background: url(../images/Bottom003207-security.png) no-repeat center center / contain; width: 0.18rem; height: 0.2rem; margin-right: 0.06rem;}
.Bottom003207 .f-bottom .other a{position: relative;}
.Bottom003207 .f-bottom .other a:not(:last-child):after{margin: 0 0.15rem;content: '';display: inline-block;width: 0.03rem;height: 0.03rem;border-radius: 50%;background: rgba(0, 0, 0, 0.5);vertical-align: middle; }
@media (min-width:1025px) {
.Bottom003207 .contact{width: calc(380 / 1400 * 100%);}
.Bottom003207 nav{width: calc(860 / 1400 * 100%);}
.Bottom003207 nav dt{margin-bottom: 0.2rem;}
.Bottom003207 nav dd{display: block!important;}
}
@media (max-width:1024px) {
.Bottom003207 .logo{display: table;margin: 0 auto 0.2rem;}
.Bottom003207 .follow-us{justify-content: center;}
.Bottom003207 .contact{margin-bottom: 0.3rem;text-align: center;}
.Bottom003207 .contact dl {display: flex;flex-wrap: wrap;justify-content: center;}
.Bottom003207 nav{border-top: 1px solid var(--white-opacity-10); display: none;}
.Bottom003207 nav dl{border-bottom: 1px solid var(--white-opacity-10);transition: 0.3s;}
.Bottom003207 nav dt{overflow: hidden;padding: 0.1rem 0;}
.Bottom003207 nav dd{display: none;}
.Bottom003207 .wap-b-op{position: absolute;right: 0;top: 0;width: 0.3rem;height: 100%; top: 0;background: url(../images/Bottom003207-open.svg) no-repeat center center / 50% auto; transition: 0.3s;}
.Bottom003207 dl.active{padding-bottom: 0.2rem;}
.Bottom003207 .active .wap-b-op{transform: rotate(45deg);}
.Bottom003207 .f-bottom{text-align: center;padding: 0.2rem 0;margin-top: 0.24rem;line-height: 1.6;}
.Bottom003207 .icp{margin-top: 0.3rem;}
.Bottom003207 .icp a{display: inline-flex;}
}





.cbanner{position: relative;}
.cbanner .txt{position: absolute;width: 100%;height: 100%;justify-content: center;display: flex;align-items: center}
.cbanner .txt .autoCon-1400{text-align: center;}
.cbanner .txt .tit{font-size:var(--font-size46);color: #fff;font-family: Bold;}
.cbanner .txt .en{font-size: var(--font-size36);color: #fff;opacity: .2;text-transform: uppercase;font-family: Barlow-Bold;line-height: 1}
.cbanner figure{height: 6rem;background-size: cover;background-repeat: no-repeat;background-position: center;line-height: 1;background: #000}
.cbanner .img img{width: 100%}
.cbanner .img .wap{display: none} 
@media(max-width:1024px){
.cbanner{ margin-top: 0.7rem;}
.cbanner .img .pc{display: none} 
.cbanner .img .wap{display: block} 
.cbanner .txt .tit{font-size: var(--font-size32);}
.cbanner .txt .desc{font-size: var(--font-size16);}
}


.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;}
.NewDetail .subMenu{background-color: #f8f8f8;border-bottom: #f8f8f8}
.subMenu .autoCon-1400{display: flex;align-items: center;justify-content: space-between;}
.subMenu ul{display: flex;align-items: center;justify-content: space-between;}
.subMenu li{position: relative;}
.subMenu li:not(:last-child){margin-right: 0.6rem;}
.subMenu li span{display: block;width: 100%;position: relative;}
.subMenu li span a{color: #010101;display: block;line-height: 0.8rem;}
.subMenu li:before{position: absolute;left: 50%;transform: translateX(-50%);width: 0;bottom:0;height: 2px;content: "";background:var(--hover-color);transition: all 0.5s;}
.subMenu li.onli a,
.subMenu li:hover a{color:var(--hover-color);}
.subMenu li.onli:before,
.subMenu li:hover:before{width: 100%;}
    
.place{color: #666666;text-align: right;font-size: var(--font-size14);line-height: 0.8rem;}
.place:before{width: 12px;height: 14px;content: "";background: url(../images/icon-home.svg) no-repeat center;background-size: 18px auto;display: inline-block;vertical-align: middle;margin: -3px 0.05rem 0 0;}
.place a{color: #666666;margin-right: 0.22rem;position: relative;}
.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:1024px){
.subMenu{/* padding: 0.2rem 0; */}
.subMenu .colName{display: none;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:not(:last-child){margin-right: 0.24rem;}
.subMenu li.onli a, 
.subMenu li:hover a{color: var(--hover-color);}
.subMenu li span a{line-height: 0.65rem;}
.place{display: none;}
}



.Page002623{padding:.4rem 0 0; text-align: center;}
.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;}
}




.solution{padding: var(--padMar100) 0}
.solution li{margin-bottom: .6rem;background:#f6f8fa }
/* .solution li .pic{padding-bottom: 27.5%;position: relative;overflow: hidden}
.solution li .pic img{position: absolute;width: 100%;height: 100%;left: 0;top: 0;object-fit: cover;transition: .3s all} */
.solution li .txt h3{font-size: var(--font-size28);color: #333;padding-bottom: .3rem;margin: 0; font-weight: 500;}
.solution li .txt .desc{line-height: 1.8;margin-bottom: .3rem;color: #666}

.solution li .txt .more{color:var(--hover-color);line-height:2em;}
.solution li .txt .more i{font-style:normal;margin-left:0.8125em;}
.solution li .txt .more:hover:after {margin-left: .2rem}
.solution li:hover .txt h3{color: var(--hover-color);}
@media(min-width:1025px){
.solution li a{display: flex;justify-content: space-between;align-items: center}
.solution li:nth-child(2n) a{flex-direction: row-reverse;}
.solution li .pic{width: 40%;flex: 0 0 auto}
.solution li .txt{flex: 1;padding:0 6%}
}
@media (max-width:1024px) {
.solution li a{display: flex;justify-content: space-between;align-items: center}
.solution li:nth-child(2n) a{flex-direction: row-reverse;}
.solution li{ margin-bottom: 0.3rem;}
.solution li .pic{width: 40%;flex: 0 0 auto}
.solution li .txt{flex: 1;padding:0 4%}
.solution li .txt h3{font-size: var(--font-size24);padding-bottom: .2rem;}
.solution li .txt .desc{margin-bottom: .15rem;}
}
@media (max-width:640px) {
.solution li a{flex-wrap: wrap;}
.solution li .pic{width: 100%;}
.solution li:last-child {margin-bottom: 0;}
.solution li .txt {padding:0.2rem;}
}




.zzservice_detail{padding-bottom:var(--padMar100);}
.zzservice_detail .title{font-size: var(--font-size42);font-family: 'hmm';;color: #333;text-align: center;padding: var(--padMar80) 0;background: #f7f8fa;margin-bottom: .4rem;}
.zzservice_detail .con .edit_info{font-size: var(--font-size16);color: #333; line-height: 2;}
.zzservice_detail .con h3{margin: 0;line-height: 1.5;font-size: var(--font-size26);color: #333}
.zzservice_detail .con h4{margin: 0;line-height: 1.5;color: #07348f;font-size: .2rem;}
.zzservice_detail .con p{margin:  0;}
.zzservice_detail .con table td{border: solid 1px #eee;padding: .1rem;font-size: .16rem}

@media (max-width:1024px) {
.zzservice_detail .title{font-size: var(--font-size32);}
}

.caselist {padding: var(--padMar100) 0}
.caselist .citem{margin-bottom:0.5rem;}
.caselist .citem .flex_fww_jcsb{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;}
.caselist .citem .pic{width:32.143%;overflow: hidden}
.caselist .citem .imgbox{ padding-top: 66.67%;}
.caselist .citem .imgbox img{transition: .3s all}
.caselist .citem .text{width:calc(100% - 36%);border-bottom:1px solid #e6e6e6;display: flex;align-items: center;}
.caselist .citem .box{width:100%;}
.caselist .citem .title{font-size:var(--font-size30);line-height:1.25em;margin:0 0 0.25rem; font-weight: 500;}
.caselist .citem .line{background-color:var(--hover-color);width:0.6rem;height:0.04rem;margin-bottom:0.28rem;}
.caselist .citem .excerpt{line-height:1.6;color:#666;margin-bottom:0.35rem;}
.caselist .citem .more{color:var(--hover-color);line-height:2em; margin-bottom: 0.1rem;}
.caselist .citem .more i{font-style:normal;margin-left:0.8125em;}
.caselist .citem a{color:#000;}
.caselist .citem a:hover .img{transform:scale(1.05);}

@media (min-width:1025px){

}
@media(max-width:1024px){
.caselist .citem .pic{width:32%;}
.caselist .citem .text{width:calc(100% - 36%);}
.caselist .citem .title{font-size:var(--font-size24); margin-bottom: 0.1rem;}
.caselist .citem .line{margin-bottom:0.2rem;}
.caselist .citem .excerpt{margin-bottom:0.2rem;}
.caselist .citem{ margin-bottom: 0.3rem;}
}
@media(max-width:640px){
.caselist .citem .pic{width:100%;}
.caselist .citem .text{width:100%;}
.caselist .citem .box{ padding: 0.2rem 0;}

}



.Ecological{padding: var(--padMar100) 0}
.Ecological .con .right .pic{position: relative;height: 5.6rem;overflow: hidden}
.Ecological .con .right .pic span{position: absolute;height: 100%;width: 100%;left: 0;top: 0;}
.Ecological .con .right .pic span img{height: 100%;width: 100%;object-fit: cover;}

.Ecological .con .left .tit{font-size:var(--font-size44);margin-bottom: 0.34rem;color: #101010;font-weight: bold}
.Ecological .con .left .tit::after{content: '';display: block;background-color:var(--hover-color);width:0.6rem;height:0.03rem;margin:0.18rem 0 auto;}
.Ecological .con .left .desc p{line-height: 2;margin: 0;color: #333}
@media(min-width:1025px){
.Ecological .con{display: flex;align-items: center;justify-content: space-between;}
.Ecological .con .left{flex: 1;padding-right: 5%}
.Ecological .con .right{flex: 0 0 auto;width: 50%}
}
@media(max-width:1024px){
.Ecological .con .left .tit{font-size: var(--font-size36); margin-bottom: 0.3rem;}
.Ecological .con .left .tit::after{margin:0.15rem 0 auto;}
.Ecological .con .left{ margin-bottom: 0.2rem;}
}

.Service{padding: var(--padMar100) 0}
.Service .scope .pageintro{max-width:11.8rem;margin-left:auto;margin-right:auto;}
.Service .scope .pagename {font-size: var(--font-size44);line-height: 1.25em;margin:0 auto 0.34rem;color: #000;text-align: center}
.Service .scope .pagename:after { display: block; content: ''; background-color: var(--hover-color); width: 0.6rem; height:0.03rem; margin: 0.25rem auto 0;}
.Service .scope .pageintro { font-size: var(--font-size24); line-height: 1.5; color: #303030;text-align: center}
.Service .scope .item{background-color:#f8f8f8;margin-top:var(--padMar70);overflow:hidden;}
.Service .scope .figure{width:35.71428571%;overflow: hidden;position: relative;}
.Service .scope .figure:after{display:block;padding-bottom:104%;content: '';}
.Service .scope .figure .img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; display: block; transition: all .3s;}
.Service .scope .text{width:64.28571429%;padding:0 8.57142857% 0 7.14285714%;position:relative;overflow:hidden;}
.Service .scope .box{position:relative;z-index:2;}
.Service .scope .title{ margin: 0; font-size:var(--font-size36);line-height:1.35em;margin-bottom:0.3rem;color: #000}
.Service .scope .title:after{display:block;content:'';background-color:var(--hover-color);width:1.66666667em;height:0.11111111em;margin-top:0.25rem;}
.Service .scope .entry{font-size:var(--font-size20);line-height:1.8;color: #333}
.Service .scope .entry *{line-height:1.5em;}
.Service .scope .entry p{margin:0 auto 0.2rem;}
.Service .scope .entry p:last-child{margin-bottom:0;}
.Service .scope .tags{font-size:15.625vw;line-height:1em;width:1em;color:rgba(0,0,0,0.05);font-weight:500;position:absolute;right:-0.2em;bottom:-2.38em;}

@media(min-width:1025px){
.Service .scope .item{display: flex;align-items: center;justify-content: space-between}
}

@media(max-width:1024px){
.Service .scope .text{width:100%;padding:0.2rem;}
.Service .scope .figure{width:100%;}
.Service .scope .pagename{font-size: var(--font-size36); margin-bottom: 0.3rem;}
.Service .scope .pagename:after{margin: 0.15rem auto 0;}
.Service .scope .pageintro{font-size: var(--font-size18); line-height: 1.8;}
.Service .scope .title{font-size:var(--font-size30);}
.Service .scope .title:after{margin-top:0.15rem;}
.Service .scope .entry{font-size:var(--font-size18);}
}


.ContactPart1{padding: var(--padMar100) 0}
.ContactPart1 .PartBox{border-top:0.04rem solid var(--hover-color);position: relative;border-bottom:1px solid #ededed;}
.ContactPart1 .PartBox::before{content:'';display: block;width:0.6rem;height:0.04rem;background: #3497f3;position: absolute;top:-0.04rem;left:0;}
.ContactPart1 .PartBox .item{padding:0.6rem;}
.ContactPart1 .PartBox .item .itemtit { font-size: var(--font-size30); font-weight: bold; padding-bottom: 0.15rem; border-bottom: 1px solid #ededed; margin-bottom: 0.3rem;color: #000}
.Message ul{display: flex;justify-content: space-between;flex-wrap: wrap}
.Message ul li{width:48%;margin-bottom:3%;}
.Message ul li .name{font-weight: lighter;margin-bottom:0.05rem;}
.Message ul li .name i{color:#fe0000;display: inline-block;margin-right:0.05rem;}
.Message ul li input{border-radius: 0.1rem;border:1px solid #eaeaea;height:0.48rem;width:100%;box-sizing: border-box;padding:0 0.2rem;font-size: var(--font-size16);}
.Message ul li textarea{border-radius: 0.1rem;border:1px solid #eaeaea;width:100%;display: block;height:1rem;padding:0.1rem 0.2rem;font-size: var(--font-size16);}
.Message ul li.col100{width:96%;}
.Message .other{color:#999;font-weight: lighter;margin-bottom:0.25rem;}
.Message .other a{color:var(--hover-color);}
.Message ul li input:focus{border:1px solid var(--hover-color);box-shadow: 0 0 10px rgba(240, 130, 0, 0.1);}
.Message ul li textarea:focus{border:1px solid var(--hover-color);box-shadow: 0 0 10px rgba(240, 130, 0, 0.1);}
.Message .more{display: flex; align-items: center; justify-content: center; color: #fff; background: none; height: 0.48rem; text-align: center; width: 100%; justify-content: center; font-size: 0.16rem;width: 1.6rem;line-height: 0.48rem;border-radius: 0.48rem;background:var(--hover-color);border: none }


@media(max-width:1024px){
.ContactPart1 .PartBox .item{padding: 0.3rem 0;}
.ContactPart1 .PartBox .item .itemtit{ font-size: var(--font-size24);}
.Message ul li{width:100%;margin-bottom:0%; margin-bottom: 0.2rem;}
.Message ul li.col100{width:100%;}
}



.ZhiskList{padding: var(--padMar100) 0}
.ZhiskList ul{margin-bottom: .2rem}
.ZhiskList ul li{line-height: 1.1rem;border-bottom:1px solid #eee;position: relative;transition: all .5s;}
.ZhiskList ul li a{display: block;padding-right:2.4rem;padding-left:0.4rem;transition: all .5s;}
.ZhiskList ul li .tit{font-size: var(--font-size20);}
.ZhiskList ul li .date{font-size: var(--font-size18);font-weight: lighter;color:#999;position: absolute;right:0.4rem;top:0;}
.ZhiskList ul li:hover{background: #f8f8f8;}

@media(max-width:1024px){
.ZhiskList ul li{line-height: 0.6rem;}
.ZhiskList ul li a{padding-left:0;padding-right:1.2rem;}
.ZhiskList ul li .tit{font-size: var(--font-size18);}
.ZhiskList ul li .date{font-size: var(--font-size14);right:0;}  
}




.profile{padding: var(--padMar100) 0;overflow:hidden;}
.profile .text{padding-bottom: .5rem}
.profile .pagename {font-size: var(--font-size44);line-height: 1.25em;margin:0 auto 0.34rem;color: #000;}
.profile .pagename:after { display: block; content: ''; background-color: var(--hover-color); width: 0.6rem; height: 0.03rem; margin-top: 0.25rem ;}
.profile .entry{line-height:2;color: #333}
.profile .figure{}

@media(min-width:1025px){
    
}

@media(max-width:1024px){
.profile .text{width:100%;padding-bottom: .3rem;}
.profile .figure{width:100%;}
.profile .swiper-slide img{height:1rem;}
.profile .pagename{font-size: var(--font-size36);margin-bottom:0.3rem;}
.profile .pagename:after{margin-top: 0.15rem;}
}




.team { padding: var(--padMar100) 0;}
.team .titleMain { padding-bottom: 0.5rem; text-align: left;}
.team ul {float: left; width: 48.5%; margin-right: 3%; overflow: hidden;background: #f6fafd;color: #333; margin-bottom: 3%; position: relative; padding: 0.24rem; border-radius: 0.08rem; display: flex; justify-content: space-between; align-items: center;}
.team ul:nth-child(2n) { margin-right: 0;}
.team ol {width: 2.2rem; flex: 0 0 auto; margin-right: 0.2rem; text-align: center; border-radius: 4px; overflow: hidden;}
.team li {flex: 1; padding-left: 0.1rem; cursor: pointer;}
.team li .more{color:var(--hover-color);line-height:2em;}
.team li .more i{font-style:normal;margin-left:0.8125em;}
.team li .more:hover:after {margin-left: .2rem}
.team li dt { color: #333; margin-bottom: 0.24rem; border-bottom: 1px dashed #cccccc; padding-bottom: 0.2rem; font-size: var(--font-size24);}
.team li dt span {color: var(--hover-color);font-size: var(--font-size18)}
.team li dd { line-height: 1.7; color: #999; text-align: justify; margin-bottom: 0.32rem;}
.team li .info{ display:none;}
@media (min-width: 1025px) {
.team ul { }
}
@media (max-width: 1024px) {
.team ul {width: 100%;float: none; margin-right: 0;padding: 0.2rem;}
.team ol {width: 1.8rem;margin-right: 0.1rem; }
.team li {}
.team li dt{margin-bottom: 0.2rem;padding-bottom: 0.15rem;font-size: var(--font-size20);}
.team li dt span {font-size: var(--font-size16)}
.team li dd{margin-bottom: 0.2rem;}
}

/* µ¯´° */
.popUp{position: fixed;left: 0;top: 0;width: 100%;z-index: 1200;height: 100%;background: rgba(0,0,0,0.6);overflow: auto;display: none;}
.popUp .ytable {height: 100%;}
.popUp .container {position: relative;max-width: 12rem;background-color: #fff;border-radius: 0.1rem;width: 90%;margin: 0 auto;padding: 0.4rem;}
.popUp .container .close { position: absolute;width: 0.25rem;height:0.25rem;right: 0.3rem;top: 0.3rem;background: url("../images/close.png") no-repeat center/contain; cursor: pointer;transition: .3s;}
.popUp .container .close:hover{transform: rotate(90deg);}
.popUp .container .pic { text-align: center;  }
.popUp .container .pic .Ispic{height: 80px;background-size: contain;}
.popUp .container .content { font-size: var(--font-size16); line-height: 2; }
.popUp .container .tit{line-height: 1; margin-bottom:.25rem; display: flex;flex-wrap: wrap;align-items: center;}
.popUp .container .tit { color: #333; margin-bottom: 0.24rem; border-bottom: 1px dashed #cccccc; padding-bottom: 0.2rem; font-size: var(--font-size32);}
.popUp .container .tit span {color: var(--hover-color);font-size: var(--font-size20);margin-left: 0.1rem;}
.popUp .container .content .info{ color: #333; line-height: 2; font-size: var(--font-size16);}
.popUp .container .content .info {max-height: 4.5rem;overflow: auto;padding-right: 0.1rem;}
@media (min-width:1025px) {
.popUp .box{display: flex; justify-content: space-between;}
.popUp .pic {width: 30%;  }  
.popUp .txt{width: 65%;}
}

@media (max-width:1024px){
.popUp .container { width: 94%;max-height: 90vh; padding: 0.3rem; overflow: auto;}
.popUp .container .close{width: 0.18rem;height:0.18rem;right: 0.1rem;top: 0.1rem;}
.popUp .pic{ margin-bottom: 0.2rem;}
}


/*.Menu002252*/
.Menu002252{padding:var(--padMar60) 0 0rem; overflow:hidden;}
.Menu002252 .ul{display:flex; flex-wrap: wrap; justify-content: center; }
.Menu002252 .ul a {border-radius: 0.5rem;border: 1px solid #999999;text-align: center;cursor: pointer;padding: 0.14rem 0.4rem;transition: all 0.5s;color: #333;}
.Menu002252 .ul a:not(:last-child) {margin-right: 0.2rem;}
.Menu002252 .ul a.aon,
.Menu002252 .ul a:hover{ color:var(--white); background-color:var(--hover-color); border-color:var(--hover-color) ;}


.Newlist{padding:var(--padMar100) 0;}
.Newlist li { background: #fff; overflow: hidden; border-bottom: 1px solid #eee; padding-bottom:0.3rem ; margin-bottom: 0.3rem;}
.Newlist li a { position: relative; }
.Newlist li .pic { border-radius: 0.15rem; overflow: hidden; }
.Newlist li .pic .Ispic { padding-bottom: 71%; transition: .3s; }
.Newlist li:hover .pic .Ispic { transform: scale(1.1); }
.Newlist li .txt time { display: inline-block; color: #999; margin-top: 0.18rem;display: inline-block; color: #999; padding-left: 1.625em; background: url(../images/icon-time.svg) no-repeat left center;background-size: .16rem auto}
.Newlist li .txt .tit {font-size:0.22rem; line-height: 1.5; margin-bottom: 0.16rem;color: #333; }
.Newlist li a:hover .txt .tit { color: var(--hover-color); }
.Newlist li .txt p { margin: 0; line-height: 1.875;color: #999;font-family:"hml"; }

@media (min-width:1025px) {
.Newlist li .pic{ width: 23%;}
.Newlist li .txt{ padding-left: 0.5rem;}
}

@media(max-width:1024px) {
.Newlist li .txt{ padding: 0.2rem 0 0 0; }
}

.RighInfo002973{padding:var(--padMar100) 0;position: relative;}

.RighInfo002973 .news-details{}
.RighInfo002973 .news-details .title{text-align: center;border-bottom:1px solid #eee;padding-bottom:0.2rem;}
.RighInfo002973 .news-details .title h1{font-size: var(--font-size32); font-weight: 500; margin: 0 0 0.15rem 0;color: #333}
.RighInfo002973 .news-details .title aside span{display: inline-block; vertical-align: middle; margin: 0 0.15rem 0.05rem;line-height: 1.4;}
.RighInfo002973 .news-details .title .bshare-custom{display: inline-block;}
.RighInfo002973 .news-details .edit-info{line-height: 2;padding: 2% 0; }
.RighInfo002973 .news-details .edit-info .pic{text-align: center;margin:0.2rem 0;}
.RighInfo002973 .news-details .edit-info p{margin:0}
.RighInfo002973 .pn-page{border-top:1px solid #eee;padding-top:2%;}
.RighInfo002973 .pn-page aside{padding: 0.1rem 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.12rem 0.4rem;border-radius: 0.5rem; display: block;}
.RighInfo002973 .operating a:not(:last-child){margin-right: 0.45rem;}

@media(min-width:1025px){
.RighInfo002973 .pn-page{min-height: 24px; position: relative;padding-right: 2rem;}
.RighInfo002973 .pn-page .operating{position: absolute;right: 0; top: 60%; transform: translateY(-50%);}
.RighInfo002973 .operating a{float: left;}
}
@media(max-width:1024px){
.RighInfo002973 .news-details .title h1{font-size:var(--font-size26);}
.RighInfo002973 .operating {display: flex; justify-content: center; padding:0.2rem 0;}
}





.joinList {padding:var(--padMar100) 0;}
.joinList li { margin-bottom: 0.2rem; background-color: #f5f7f8; padding: 0.4rem; overflow: hidden;}
.joinList li:hover { border-top: 0.04rem solid #092478;}
.joinList li.active {border-top: 0.04rem solid #092478;}
.joinList li .main { position: relative; padding-right: 0.55rem;}
.joinList li i { position: absolute; width: 0.5rem; height: 0.5rem; border: 1px solid #ccc; right: 0; top: 50%; margin-top: -0.25rem; border-radius: 50%; background-image: url(../images/arr2.png); background-size: 0.12rem 0.09rem; background-position: center; background-repeat: no-repeat;}
.joinList li.active i {transform: rotate(180deg);}
.joinList li.active .name {color: #092478;}
.joinList li .name {font-size: 0.24rem; color: #333;}
.joinList li .type {padding: 0.2rem 0 0;}
.joinList li .type dd:not(:last-child) {padding-right: 0.2rem;margin-right: 0.2rem;}
.joinList li .type dd {position: relative; color: #333;}
.joinList li .type dd span {font-weight: 100;display: inline-block;}
@media (min-width: 1025px) {
.joinList li .type {overflow: hidden;}
.joinList li .type dd {float: left;}
.joinList li .type dd:not(:last-child):after {position: absolute;content: "";width: 1px;height: 0.1rem;background-color: #d4d4d4;top: 50%;margin-top: -0.05rem;right: 0;}
}
.joinList .con{display: none;}
.joinList .conbox { border-top: 1px solid #e5e5e5; margin-top: 0.4rem;padding: 0.4rem 0 0;}
.joinList .con .h3 {color: #333;font-weight: normal;font-size: 0.18rem;margin: 0 0 0.1rem 0;}
.joinList .con p {line-height: 2;color: #777;margin: 0;}

@media (max-width: 1024px) {
.joinList li {padding: 0.2rem;}
.joinList .conbox {margin-top: 0.3rem;padding: 0.3rem 0 0;}
.joinList li .type dd:not(:last-child){ margin-bottom: 0.1rem;}
}




.Map002793{padding:var(--padMar100) 0;}
.Map002793 .listtit{text-align: center;}
.Map002793 .box{background:#f8f8f8; overflow: hidden;}
.Map002793 .con{padding:.5rem;}
.Map002793 .tit{font-size: var(--font-size30); color:var(--black); margin-bottom:.44rem;}
.Map002793 .con li{line-height:.3rem; color: var(--black); padding:.08rem 0; padding-left:.62rem;position: relative; font-size: var(--font-size18);}
.Map002793 .con .add{ font-size: var(--font-size16);}
.Map002793 .con li+li{margin-top:.2rem;}
.Map002793 .con li:before{position: absolute; left: 0; top: 0; width: .46rem; height:.46rem; background-color:var(--hover-color); border-radius:50%; background-size: auto .2rem; background-repeat: no-repeat; background-position:center;  content: '';}
.Map002793 .con .add:before{background-image: url(../images/add.svg);}
.Map002793 .con .mail:before{background-image: url(../images/email.svg);}
.Map002793 .con .code:before{background-image: url(../images/code.svg);}
.Map002793 .con .tel:before{background-image: url(../images/tel.svg);}
@media(min-width:1025px){
.Map002793 .box{display: flex; align-items: center; justify-content:space-between;}
.Map002793 .con{width:50%;padding-left:4vw;}
.Map002793 .pic{width:50%;}
}
@media (max-width: 1024px) {
.Map002793 .con{padding:.2rem;}
}


.Singlepage{padding:var(--padMar100) 0;}
.Singlepage .info{font-size:var(--font-size16);line-height:2; color: #333333;}
.Singlepage li{ margin-bottom: 1%;}


.Sitemap { padding:var(--padMar100) 0;}
.Sitemap li{ padding:0.2rem 0; border-bottom:dotted 1px #ccc}
.Sitemap li b{ padding-right:0.2rem; font-size: var(--font-size18); color: #333; font-weight: 500;}
.Sitemap li span{ display:inline-block; padding-right:0.2rem;font-size: var(--font-size16);margin-bottom: 0.1rem;}
.Sitemap li span a{color: #333;}
.Sitemap li span a:hover{color: var(--hover-color);}
@media (max-width:768px) {
.Sitemap li span{ padding-right:0.1rem;}
}


















