/* =====头部===== */ 
#c-placeholder {}
/* 头部 */
.headerTop {background: #f2f2f2;}
.headerTop .box {height: 44px; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center;}
.headerTop .box h1 {color: #666666;font-size: 14px;font-weight: 400;}
.headerTop ul {display: flex; align-items: center;}
.headerTop ul li {margin: 0 .25rem;}
.headerTop ul li a {color: #666666;font-size: 14px;font-weight: 400; transition: .5s;}
.headerTop ul li a:hover {color: #002c7e;}
/* .heZwys {height: 122px;} */
.header {position: sticky; width: 100%; top: 0; background: #fff; z-index: 99;box-shadow: 0px 3px 13.02px 7.98px rgba(25, 25, 25, 0.01);}
.heBox {display: flex;  padding: 10px 0 40px; justify-content: space-between; align-items: center; background: url(../images/header-icon.png) no-repeat 70% 0%;}
.heBox .heLe {padding-left: 0;}
.heBox .heLe .logo {display: flex; align-items: center;}
.heBox .heLe .logo img {}
.heBox .heLe .logo .xian {width: 1px;height: 25px; background: #f2f2f2; margin: 0 20px;}
.heBox .heLe .con {}
.heBox .heLe h2 {font-size: var(--font24); font-family: "SimSun"; font-weight: 900; color: #002c7e;  letter-spacing: 0.72px; line-height: 1.2; padding-left: 10px;}
.heBox .heLe small {display: block; margin-top: 5px; font-size: var(--font14);font-weight: 400;color: #fff; letter-spacing: 0.7px; background: #002c7e; padding: 5px 18px 5px 12px; border-radius: 0 10px 0 0;}
.heBox .heRe {display: flex; align-items: center;}
.heBox .heRe i {width: 44px;  height: 44px;  background: #002c7e; border-radius: 50%;}
.heBox .heRe i img {max-width: 60%;}
.heBox .heRe .con {margin-left: 12px;}
.heBox .heRe .con em {font-size: 14px;color: #666666;display: block;}
.heBox .heRe .con strong {font-size: 22px;color: #002c7e;font-family: 'DIN';}
nav {background: url(../images/nav-bj.png) no-repeat center;background-size: auto;height: 65px;position: absolute;width: 100%;top: 102px;}
nav .container {height: 100%;}
nav .box {display: flex; justify-content: space-between; align-items: center; height: 100%;}
nav ul {display: flex;justify-content: space-between; height: 100%; align-items: center; width: 100%;}
nav ul > li {height: 100%; display: flex; align-items: center;}
nav ul > li > a {font-weight: 400;color: #ffffff;display: block; padding: 8px 20px;box-sizing: border-box;border-radius: 30px;transition: .5s;}
nav ul > li:hover > a {background: #fff; color: #002c7e;}
nav ul > li.on > a {background: #fff; color: #002c7e;}

.navTwo {position: absolute;left: 0;top: 100%;width: 100%;box-sizing: border-box; display: none;}
.navTwo .navBox {display: flex; align-items: flex-start; justify-content: space-between; background-color: rgba(255, 255, 255,.95);padding: .5rem; border-top: 1px solid #eee;  box-shadow: 0 2px 2px rgba(0, 0, 0,.1);}
.navTwo .navBox dl {display: flex; flex-wrap: wrap; justify-content: flex-start; width: 65%;}
.navTwo .navBox dl dd {width: calc(100% /3); border-bottom: 1px solid #f5f6f8;}
.navTwo .navBox dl dd a {position: relative;  display: inline-flex; align-items: center; padding: .2rem 0; color: #002c7e; transition: .5s;}
.navTwo .navBox dl dd a::before {content: "";  width: 14px; height: 14px; background: url(../images/cirle-icon.png) no-repeat center; background-size: contain; margin-right: .14rem; }
.navTwo .navBox dl dd a::after {content: ""; position: absolute; width: 0; height: 1px; background: #ffa60a; bottom: 0; transition: .5s;}
.navTwo .navBox dl dd a:hover {font-weight: 700; color: #ffa60a;}
.navTwo .navBox dl dd a:hover::before {filter: invert(58%) sepia(99%) saturate(475%) hue-rotate(353deg) brightness(101%) contrast(101%); -webkit-filter:invert(58%) sepia(99%) saturate(475%) hue-rotate(353deg) brightness(101%) contrast(101%);}
.navTwo .navBox dl dd a:hover::after {width: 100%;}
.navTwo .imglist {width: 25%;}
.navTwo .imglist .imgBox img {max-width: 100%;}
.navTwo .imglist .imgBox {display: none;} 
.navTwo .imglist .imgBox.on {display: block;}

/* 搜索按钮 */
.navSearch {cursor: pointer; flex-shrink: 0; margin-left: .2rem;}
.navSearch i {width: 34px; height: 34px;background: #ffffff; border-radius: 50%;}
/* 搜索下拉 */
.hadbox-sec4 {position: absolute;left: 0;top: 100%;width: 100%;display: none; box-sizing: border-box;}
.hadbox-sec4 .secBox {background-color: #fff;padding: .5rem; border-top: 1px solid #eee;  box-shadow: 0 2px 2px rgba(0, 0, 0,.1); position: relative;}
.hadbox-sec4 .secBox .close {position: absolute; right: 1.5%; top: 5%; cursor: pointer;}
.hadbox-sec4 .f_tit {color: #222222;margin-bottom: 0.24rem;font-size: var(--font30);}
.hadbox-sec4 .form {display: flex; align-items: center; padding-bottom: 20px; border-bottom: 1px solid #dddddd;}
.hadbox-sec4 .form i { display: block; width: 0.3rem; overflow: hidden;}
.hadbox-sec4 .form i svg {width: 100%;}
.hadbox-sec4 .form input {width: calc(100% - 3.1rem);padding: 0.16rem 0.24rem; color: #333333;}
.hadbox-sec4 .form .f_sub {width: 1.6rem; height: 0.56rem; min-height: 45px; background: #002c7e;border-radius: 5px;font-size: var(--font24);color: #ffffff;cursor: pointer;}

/* 下滑头部 */
/* .header.fh {top: 0;} */


/* =====首页===== */
/* 公用css */
/* 滚动条 */
.headerNavScroll::-webkit-scrollbar {width: 3px; scrollbar-width:thin;scrollbar-color:#002c7e #DDDDDD;}
/*定义滑块 内阴影*/
.headerNavScroll::-webkit-scrollbar-thumb {background: #002c7e; border-radius: 5px;}
/*定义滚动条轨道 内阴影*/
.headerNavScroll::-webkit-scrollbar-track {background: #E5E5E5;}

/* 了解更多 */
.more1 {display: inline-flex; align-items: center;color: #ffffff; padding: .17rem .35rem;background: #002c7e;border-radius: 0.02rem; transition: .5s;position: relative; z-index: 2;}
.more1 span {position: relative;z-index: 2;}
.more1:active {color: #002c7e;}
.more1:after {content: ""; border: 1px solid #002c7e; box-sizing: border-box; width: 100%;height: 100%;position: absolute; bottom: 0; left: 0; box-sizing: border-box; background-color: #fff;transform: scaleY(0) translate3D(0, 0, 0);-webkit-transform: scaleY(0) translate3D(0, 0, 0);transform-origin: top;-webkit-transform-origin: top;transition: .6s transform cubic-bezier(1, 0, 0, 1);-webkit-transition: .6s transform cubic-bezier(1, 0, 0, 1);pointer-events: none; z-index: 0;}
.more1:active:after { transform: scaleY(1) translate3D(0, 0, 0);-webkit-transform: scaleY(1) translate3D(0, 0, 0);transform-origin: bottom;-webkit-transform-origin: bottom;}
.more2 {padding: .2rem .52rem;border: 1px solid #ffffff;color: #ffffff; transition: .5s;display: inline-block;}

@media (any-hover: hover) {
.more1:hover {color: #002c7e;}
.more1:hover:after { transform: scaleY(1) translate3D(0, 0, 0);-webkit-transform: scaleY(1) translate3D(0, 0, 0);transform-origin: bottom;-webkit-transform-origin: bottom;}
.more2:hover {background: #fff; color: #002c7e;}
}

/* banner */
.indexBanner {overflow: hidden; z-index: 2; background: #fff;}
.bannerSwiper {}
.bannerSwiper .swiper-slide {overflow: hidden;}
.bannerSwiper .bjBox img {width: 100%;}
.bannerSwiper .swiper-pagination span {width: 10px; height: 10px;background: #ffffff; border-radius: 50%; opacity: 1; margin: 0 .1rem !important;}
.bannerSwiper .swiper-pagination .swiper-pagination-bullet-active {background: #002c7e;}
/* banner 控件 */
.bannerSwiper .swjt {width: 0.52rem; height: 0.52rem;  border: 1px solid #ffffff; min-width: 40px; min-height: 40px; border-radius: 50%; transition: .5s;}
.bannerSwiper .swjt.swiper-button-prev {transform: rotate(180deg);}
.bannerSwiper .swjt:active {background: #002c7e; border-color: #002c7e;}
@media (any-hover: hover) {
  .bannerSwiper .swjt:hover {background: #002c7e; border-color: #002c7e;}  
}

/* 热门搜索 */
.hotSearch {border-bottom: 1px solid #F2F2F2;}
.hotSearch .box {display: flex; justify-content: space-between; height: 70px; align-items: center;}
.hotSearch .box .le {display: flex; align-items: center;}
.hotSearch .box .le em {font-size: 14px;color: #666666; margin: 0 8px; flex-shrink: 0;}
.hotSearch .box .le dl { flex-wrap: wrap; color: #666666; font-size: 14px; display: -webkit-box;overflow: hidden;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.hotSearch .box .le dl dd {display: inline-block;}
.hotSearch .box .le dl a {font-size: 14px; color: #949494;}
.hotSearch .box .le dl a:hover {color: #002c7e;}
.hotSearch .box .re {margin-left: 10%;}
.hotSearch .box .re form {width: 245px;height: 42px; padding: 0 25px; background: #002c7e;border-radius: 30px;position: relative; display: flex; align-items: center; justify-content: space-between;}
.hotSearch .box .re i {margin-right: .1rem;}
.hotSearch .box .re input {outline: none; border: none; height: 100%; color: #fff; box-sizing: border-box; background: none; width: 100%;}
.hotSearch .box .re input::-webkit-input-placeholder {font-size: 14px;color: #fff; opacity: 0.5;}
.hotSearch .box .re button {margin-left: .1rem; cursor: pointer;}

.indexTle1 {text-align: center; padding: .45rem 0;}
.indexTle1 .p1 {display: inline-block; position: relative;font-size: 0.4rem; font-weight: 700; color: #002c7e;}
.indexTle1 .p1::before {content: ""; width: 1.42rem; height: .15rem; position: absolute;left: 0%; top: 50%; transform: translate(-115%, -50%); background: url(../images/indexTle1-icon.png); background-size: 100%;}
.indexTle1 .p1::after {content: ""; width: 1.42rem; height: .15rem; position: absolute; left: 100%;top: 50%; transform: translate(15%, -50%) rotate(180deg); background: url(../images/indexTle1-icon.png);background-size: 100%;}
.indexTle1 .p2 {color: #333333; margin-top: .1rem;}

.indexTle2 {display: flex; align-items: center;}
.indexTle2 .icBox {position: relative;z-index: 2; width: .7rem; height: .7rem; min-height: 50px; min-width: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: #002c7e; margin-right: .12rem; flex-shrink: 0;}
.indexTle2 .icBox::before {content: ""; position: absolute; background: url(../images/indexTle2-icon-cirle.png) no-repeat left; background-size: contain; width: 120%; height: 120%;  left: 50%; top: 50%; transform: translate(-50%, -50%);}
.indexTle2 .icBox img {max-width: 50%;}
.indexTle2 .tit {position: relative; z-index: 1;}
.indexTle2 .tit::after {content: ""; position: absolute; background: url(../images/indexTle2-tit-cirle.png) no-repeat center; background-size: 100% 98%; width: 120%; height: 140%;  left: 0%; top: 50%; transform: translate(-10%, -50%);z-index: -1;}
.indexTle2 h3 {display: inline-block;font-size: var(--font28);font-weight: 400; color: #fff; margin-right: .15rem;}
.indexTle2 span {color: #fff;}
.indexTle3 {text-align: center; padding: .5rem 0;    display: block}
.indexTle3 h3 {color: #002c7e; font-size: var(--font40);}
.indexTle3 span {display: block; color: #666666;}

.indexOne {padding-bottom: .6rem;}
.indexOne .box {overflow: hidden;}
.inOneMarquee ul li {margin: 0 .1rem; width: 20%; display: inline-block;transform: skewX(-10deg); }
.inOneMarquee ul li .pic {background: linear-gradient(0deg,#eef4ff 0%, #ffffff 100%); border: 0.01rem solid #f2f2f2; border-radius: 0.1rem; height: 0.95rem; min-height: 80px; display: flex; align-items: center; justify-content: center;}
.inOneMarquee ul li .pic img {max-width: 80%;mix-blend-mode: multiply;transform: skewX(10deg);}
.inOneMarquee ul li .hide {position: absolute; left: 0; top: 0; width: 100%; left: 0; height: 100%; background: rgba(0, 44, 126,.8);border-radius: 0.1rem; display: flex; align-items: center; justify-content:center; opacity: 0; transition: .5s;}
.inOneMarquee ul li .hide span {color: #fff;transform: skewX(10deg); font-size: var(--font18); opacity: 0; transition: .5s;}
.inOneMarquee ul li:hover .hide {opacity: 1;}
.inOneMarquee ul li:hover .hide span {opacity: 1; transition-delay: .3s;}

.indexTwo {background: #fcfcfc; padding: .4rem 0 .6rem;}
.indexTwo .tle {display: flex; justify-content: space-between; align-items: flex-end; flex-wrap: wrap;}
.indexTwo .box {margin-top: .45rem;}
.indexTwo .box ul {display: flex; justify-content: space-between;}
.indexTwo ul li {position: relative; height: 5.8rem; flex: 1; overflow: hidden; transition: 1s;}
.indexTwo ul li .bjBox {height: 100%; position: relative;}
.indexTwo ul li .bjBox img {width: 100%; height: 100%; object-fit: cover;}
.indexTwo ul li .bjBox::after {content: ""; position: absolute; left: 0; width: 100%; top: 0; background: #002c7e; opacity: .3; height: 100%; transition: .5s;}
.indexTwo ul li .show {position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: flex; align-items: center; justify-content: center;opacity: 1; transition: .5s;transition-delay: 1s;}
.indexTwo ul li .shcon {text-align: center;}
.indexTwo ul li .show .icBox {width: 0.6rem;  height: 0.6rem; min-height: 40px; min-width: 40px; margin: auto;  background: #ffffff; border-radius: 50%;}
.indexTwo ul li .show .icBox img {max-width: 60%;}
.indexTwo ul li .show h5 {text-align: center;}
.indexTwo ul li .show .p1 {color: #ffffff; font-size: var(--font24); margin-top: .25rem; display: flex; justify-content: center;}
.indexTwo ul li .show .en {color: #ffffff; margin-top: .1rem;}
.indexTwo ul li .show .xian {width: 0.26rem; height: 2px;background: #ffffff; margin: auto; margin-top: .2rem;}
.indexTwo ul li .show .jia {margin: auto; margin-top: .5rem; width: 0.62rem; height: 0.62rem;background: #ffffff;color: #002c7e; font-size: 0.4rem; display: flex; align-items: center; justify-content: center; padding-bottom: .05rem;}
.indexTwo ul li .hide {position: absolute; width: 100%; bottom: 0; left: 0;background: rgba(0, 44, 126,.9); padding: .2rem; transition: .5s; bottom: -100%;}
.indexTwo ul li .hide .icBox img {filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(37deg) brightness(102%) contrast(101%); -webkit-filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(37deg) brightness(102%) contrast(101%);}
.indexTwo ul li .hide .hiTle {display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.indexTwo ul li .hide .tlele {display: flex; align-items: center;}
.indexTwo ul li .hide .tlele h6 {font-size: var(--font24); font-weight: 700;color: #ffffff; margin-left: .1rem;}
.indexTwo ul li .hide .more {color: #ffffff;}
.indexTwo ul li .hide .hidecon {margin-top: .25rem;}
.indexTwo ul li .hide .hidecon p {color: #ffffff;}
.indexTwo ul li.on {flex: 3;}
.indexTwo ul li.on .bjBox::after {width: 0;}
.indexTwo ul li.on .show {opacity: 0;transition-delay: 0s; }
.indexTwo ul li.on .hide {bottom: 0; transition-delay: .5s;}

.indexThre {padding: .6rem 0;}
.indexThre .tle {display: flex; justify-content: space-between; align-items: flex-end; flex-wrap: wrap;}
.indexThre .box {margin-top: .45rem;}
.indexThre ul {display: flex; justify-content: space-between;}
.indexThre li {width: 48%; position: relative; overflow: hidden;}
.indexThre .show {position: absolute; left: 0; bottom: 0; padding: .4rem .2rem; z-index: 1; transition: .5s;}
.indexThre .show span {font-size: var(--font24); color: #fff; margin: .2rem 0; display: block;}
.indexThre .show .xian {width: .24rem; height: 1px; background: #fff; display: block;}
.indexThre .show .icBox img {max-width: .36rem;}
.indexThre li a::after {content: "";width: 50%;padding-top: 50%;border-radius: 50%;background: rgba(0, 44, 126,.7); position: absolute;     bottom: -10%; left: -10%;     transform: matrix(1, 0, 0, 1, 0, 0); transition: 1s;}
.indexThre li .imgBox img {max-width: 100%;}
.indexThre .hide { display: flex; align-items: center; justify-content: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: 0; z-index: 2; transition: .5s;}
.indexThre .hide {text-align: center;}
.indexThre .hide .icBox {width: .84rem; height: .84rem; background: #ffa60a; border-radius: 50%; margin: auto;}
.indexThre .hide h6 {font-size: var(--font30); color: #fff; font-weight: 700; margin-top: .25rem;}
.indexThre .hide .en {color: #fff; opacity: .5; margin-top: .1rem;}
.indexThre .hide .xian {width: .24rem; height: 1px;  background: #ffa60a; margin: auto; margin-top: .2rem;}
.indexThre .hide .text {margin-top: .2rem;}
.indexThre .hide .text {color: #fff; font-size: var(--font18); line-height: 1.8;}
.indexThre .hide .more {margin-top: .5rem; color: #fff; display: flex; align-items: center; justify-content: center;}
.indexThre .hide .more svg {margin-left: .15rem;}
.indexThre li:hover .show {opacity: 0;}
.indexThre li:hover .hide {opacity: 1; transition-delay: .5s;}
.indexThre li:hover a::after {width: 100%; padding-top: 100%; transform: matrix(4, 0, 0, 4, 0, 0); background: rgba(0, 44, 126,.7);}

.indexFour {background: #fcfcfc; padding: .6rem 0;}
.indexFour .tle {display: flex; justify-content: space-between; align-items: flex-end; flex-wrap: wrap;}
.indexFour .swiperBox {position: relative; padding: .5rem 0;}
.inFoSwiper {position: static;}
.inFoSwiper .slide .p1 {position: relative; display: flex; align-items: center;}
.inFoSwiper .slide .p1::before {width: 0.1rem;height: 0.1rem;background: #002c7e; content: "";-webkit-clip-path: polygon(100% 50%, 0 0, 0 100%);clip-path: polygon(100% 50%, 0 0, 0 100%);}
.inFoSwiper .slide .p1 h5 {display: inline-block; margin-left: .1rem; font-size: var(--font18);color: #333333; position: relative; transition: .5s;}
.inFoSwiper .slide .p1 h5::after {content: ""; width: 0; height: 2px; position: absolute; bottom: 0; left: 0;background: #002c7e; transition: .5s;}
.inFoSwiper .slide .imgBox {position: relative; margin-top: .25rem;}

.inFoSwiper .slide h5 {color: #333; text-align: left; display: block; margin-top: .1rem; font-size: var(--font16);}

.inFoSwiper .slide .img img {width: 100%;}
.inFoSwiper .slide .hide {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 44, 126,.8); padding: .3rem;box-sizing: border-box; transition: .5s; opacity: 0;}
.inFoSwiper .slide h6 {color: #ffffff; font-size: var(--font18); font-weight: 700;}
.inFoSwiper .slide .xian {width: 0.24rem;height: 2px;background: #ffffff; display: block;margin-top: .2rem;}
.inFoSwiper .slide .p2 { margin-top: .2rem;}
.inFoSwiper .slide .p2 p {color: #ffffff; font-size: var(--font14);}
.inFoSwiper .slide .more {margin-top: .25rem; display: flex;color: #ffffff;font-size: var(--font14); align-items: center;}
.inFoSwiper .slide .more::after {margin-left: .1rem; width: 0.1rem;height: 0.1rem;background: #fff; content: "";-webkit-clip-path: polygon(100% 50%, 0 0, 0 100%);clip-path: polygon(100% 50%, 0 0, 0 100%);}
@media (any-hover: hover) {
  .inFoSwiper .slide:hover .p1 h5 {color: #002c7e; font-weight: 700;}
  .inFoSwiper .slide:hover .p1 h5::after {width: 100%;}
  .inFoSwiper .slide:hover .hide {opacity: 1;}
}

/* banner 控件 */
.inFoSwiper .swiper-pagination {bottom: 0; background: #cccccc; height: 1px; top: auto;}
.inFoSwiper .swiper-pagination span {background: #002c7e; height: 3px; top: -1.5px;}
.inFoSwiper .swjt {transform: translateX(100%); right: -.5rem; width: 0.68rem; height: 0.68rem;  border: 1px solid #666666; min-width: 40px; min-height: 40px; border-radius: 50%; transition: .5s;}
.inFoSwiper .swjt.swiper-button-prev {transform: rotate(180deg) translateX(100%); left: -.5rem;}
.inFoSwiper .swjt svg {max-width: 50%;}
.inFoSwiper .swjt:active {background: #002c7e; border-color: #002c7e;}
@media (any-hover: hover) {
  .inFoSwiper .swjt:hover {background: #002c7e; border-color: #002c7e;}  
  .inFoSwiper .swjt:hover svg path {fill: #fff;}
}

.indexFive {background: url(../images/indexFive-bj.jpg) no-repeat center; background-size: cover; padding: .5rem 0;}
.indexFive .box {display: flex; justify-content: space-between;}
.indexFive .le img {max-width: 5.5rem;}
.indexFive .le .p1 {display: block;color: #ffffff; font-size: var(--font22); margin-top: .1rem;}
.indexFive .le .more {margin-top: .2rem;}
.indexFive dl dd {display: flex; align-items: center; border-bottom: 1px solid rgba(255, 255, 255,.1); padding: .25rem 0;}
.indexFive dl dd:first-child {padding-top: 0;}
.indexFive dl dd:last-child {border: 0;}
.indexFive dl dd .icBox {width: 0.44rem;height: 0.44rem;background: #e11515; min-height: 35px; min-width: 35px; border-radius: 50%; margin-right: .18rem;}
.indexFive dl dd .icBox img {max-width: 60%;}
.indexFive dl dd span {color: #ffffff; font-size: var(--font14);}
.indexFive dl dd strong { font-size: var(--font30);color: #ffffff; display: block;}
.indexFive dl dd p {color: #ffffff; font-size: var(--font18);}

.indexSix {background: url(../images/indexSix-bj.jpg) no-repeat center; background-size: cover; padding-bottom: .8rem;}
.indexSix ul {display: grid; grid-template-columns: repeat(4,1fr); gap: .15rem;}
.indexSix li {position: relative;}
.indexSix li .imgBox {overflow: hidden;}
.indexSix li .imgBox img {width: 100%; transition: .5s;}
.indexSix li .con {padding: .15rem; width: 100%; position: absolute; bottom: 0; left: 0; z-index: 1; display: flex; justify-content: space-between; align-items: flex-start;}
.indexSix li .con h5 {color: #fff; flex-shrink: 0; font-size: var(--font18); font-weight: 700; width: 55%;}
.indexSix li .con .more {display: flex; align-items: center; flex-shrink: 0;}
.indexSix li .con .more span {margin-right: .12rem; color: #fff;}
.indexSix li a::after {content: "";width: 100%;height: 100%; background-image: linear-gradient(to bottom , rgba(255, 255, 255, 0.01) 60% , rgba(0, 44, 126,.7));bottom: 0;position: absolute;left: 0;}
.indexSix li:hover .imgBox img {transform: scale(1.1);}
.indexSix .leMore {display: flex; justify-content: center; margin-top: .5rem;}

.indexSeven {position: relative;  background: url(../images/indexSeven-bj3.jpg) no-repeat right; background-size: cover; padding-bottom: .5rem;}
.indexSeven .tleBox {position: relative; padding: .7rem 0;z-index: 1;}
.indexSeven .tleBox::before {z-index: -1; content: ""; width: 100%; height: 0; left: 0; top: 0; position: absolute; background: url(../images/indexSeven-bj1.png) no-repeat center; background-size: 100% 100%; transition: 1s;}
.indexSeven .tleBox::after {z-index: -2; content: ""; width: 100%; height: 0; left: 0; top: .2rem; position: absolute; background: url(../images/indexSeven-bj2.png) no-repeat center; background-size: 100% 100%;transition: 1s;}
.indexSeven .tle {text-align: center; position: relative;}
.indexSeven .tle .en {opacity: 0.1;font-size: 0.8rem;font-weight: 700;color: #ffffff; text-transform: uppercase; top: 0; line-height: 1; width: 100%;}
.indexSeven .tle h3 {font-size: var(--font40); font-weight: 700;color: #ffffff; line-height: 1;}
.indexSeven .tleBox span {color: #ffffff; font-size: var(--font18);letter-spacing: 0.05rem; margin-top: .25rem; display: block; text-align: center;}
.indexSeven .tleBox.on::after {height: 100%; transition-delay: .5s;}
.indexSeven .tleBox.on::before {height: 100%;}
.indexSeven .tle2 {text-align: center; margin-top: .7rem; position: relative;}
.indexSeven .tle2 h3 {font-size: var(--font42); font-weight: 700; color: #333333;}
.indexSeven .tle2 span {color: #666666; margin-top: .15rem; display: block;}
.indexSeven .tle2 .i {width: 35%; position: absolute; left: 0; height: 1px; background: #f2f2f2; top: 65%;}
.indexSeven .tle2 .i::after {background: #ffa60a; width: .3rem; right: 0; position: absolute; height: 100%; z-index: 1; content: "";}
.indexSeven .tle2 .i2 {left: auto; right: 0;}
.indexSeven .tle2 .i2::after {left: 0; right: auto;}
.indexSeven ul {display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: .5rem;}
.indexSeven li {width: 50%; padding: .4rem .2rem; box-sizing: border-box; border: 1px solid #F2F2F2;}
.indexSeven li:nth-child(1) , .indexSeven li:nth-child(2) {border-top: 0;border-bottom: 0; }
.indexSeven li:nth-child(even) {border-left: 0;}
.indexSeven li .p1 {display: flex; align-items: center;}
.indexSeven li .p1 .num {font-weight: bolder; text-align: center;-webkit-text-stroke: 1px #AFAFAF; color: transparent; font-size: 0.8rem; font-family: "Source Han Sans CN"; margin-right: .2rem;}
.indexSeven li .p1 p {font-size: var(--font32);font-weight: 700;color: #333; letter-spacing: 0.01rem; font-weight: 700;}
.indexSeven li .p1 p span {color: #002c7e;}
.indexSeven li .p1 .en {font-family: Arial, Arial-Regular; color: #666666; margin-top: .1rem;}
.indexSeven li dd {margin: .1rem 0; position: relative; color: #666666; font-size: var(--font14);}
.indexSeven li dd::before {display: inline-block; margin-right: .1rem; width: 0.1rem;height: 0.1rem;background: #FFA60A; content: "";-webkit-clip-path: polygon(100% 50%, 0 0, 0 100%);clip-path: polygon(100% 50%, 0 0, 0 100%);}
.indexSeven li dd span {color: #333333; font-weight: 700;}
.indexSeven li .imgBox {margin-top: .7rem;}
.indexSeven li .imgBox img {max-width: 100%;}

.indexEight {background: url(../images/indexEight-bj.jpg) no-repeat center; background-size: cover; padding: .7rem 0;}
.indexEight .box {display: flex; justify-content: space-between; align-items: center;}
.indexEight .le {width: 45.5%; position: relative;}
.indexEight .re {width: 50%;}
.indexEight .le .imgBox {position: relative; z-index: 1; overflow: hidden;}
.indexEight .le .imgBox img {max-width: 100%; transition: .5s;}
.indexEight .le dl {position: absolute; right: .2rem; top: -.2rem;background: rgba(0, 44, 126,.8); padding: .2rem; box-sizing: border-box; }
.indexEight .le dd {display: flex; align-items: center; padding: .1rem 0; border-bottom: 1px solid rgba(255, 255, 255,.1);color: #fcfcfc;}
.indexEight .le dd .icBox {width: .3rem; display: flex; align-items: center; justify-content: center; margin-right: .15rem;}
.indexEight .le dd .icBox img {max-width: 100%;}
@keyframes scalemap2 {0% { opacity: 0;}100% {opacity: 1; }}
@media (any-hover: hover) {
  .indexEight .le:hover .imgBox {z-index: 0;}
  .indexEight .le:hover .imgBox img {transform: scale(1.1);}
  .indexEight .le:hover dl { animation: scalemap2 1s forwards;} 
}
.indexEight .re .tit {font-size: var(--font36); font-weight: 700; color: #333333;}
.indexEight .re .t1 {color: #ffa713;}
.indexEight .re .p1 {margin-top: .1rem;}
.indexEight .re .p1 p {font-size: var(--font24); font-weight: 400;color: #444444;}
.indexEight .re .p1 p span {color: #FFA60A;}
.indexEight .re .tle .xian {display: block; width: 0.56rem;height: 1px; background: #002c7e; margin-top: .35rem;}
.indexEight .re .p2 {margin-top: .3rem;}
.indexEight .re .p2 p {color: #666666; line-height: 1.8;}
.indexEight .re .more {display: flex; justify-content: space-between; margin-top: .5rem;}
.indexEight .telBox {display: flex; align-items: center;}
.indexEight .telBox i {width: .44rem;  height: .44rem; min-height: 30px; min-width: 30px; background: #FFA60A; border-radius: 50%;}
.indexEight .telBox i img {max-width: 60%;}
.indexEight .telcon {margin-left: .1rem;}
.indexEight .telcon em {font-size: var(--font14);color: #666666;display: block;}
.indexEight .telcon strong {font-size: var(--font30);color: #002C7E;font-family: 'DIN';}
.indexEight ul {display: flex; justify-content: space-between; margin-top: .8rem; align-items: flex-end;}
.indexEight .couter {display: flex;font-size: 0.6rem;font-weight: 800;text-align: left;color: #002c7e; align-items: flex-end; line-height: .7;}
.indexEight .couter span {font-size: .4rem; line-height: 1;}
.indexEight .num {display: flex; align-items: flex-end; line-height: 1;}
.indexEight ul li .jia {font-size: var(--font24); font-weight: 500;color: #333333; margin-left: .2rem;}
.indexEight ul li .text {color: #333333; font-size: var(--font18); margin-top: .1rem;}
.indexEight ul li .b {color: #002c7e;font-size: 0.4rem;}

.indexNine ul {display: flex; justify-content: space-between;}
.indexNine li {width: 48.5%;background: #fcfcfc;border-radius: 0.02rem; padding: .3rem; box-sizing: border-box;}
.indexNine li .tle {display: inline-flex; align-items: center;  margin-bottom: .25rem;  background: #1f2f9c; padding: .08rem .2rem; border-radius: 40px;}
.indexNine li .tle h6 {color: #fff;font-weight: 700;font-size: var(--font18); margin-right: .05rem;}
.indexNine li .tle .en {color: #fff;}
.indexNine .swiperBox {padding-top: .25rem; position: relative;border-top: 1px solid #E6E6E6;}
.indexNine .swiper {position: static; width: 85%;}
.indexNine .swiper .imgBox {position: relative;}
.indexNine .swiper .imgBox .img img {width: 100%;}
.indexNine .swiper .imgBox .hide {position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: flex; align-items: center; justify-content:center; background: rgba(0, 0, 0,.4); opacity: 0; transition: .5s;}
.indexNine .swiper .imgBox i {width: 0.62rem;height: 0.62rem;background: #002c7e; border-radius: 50%; display: flex; align-items: center; justify-content: center; transform: scale(0); transition: .5s;}
.indexNine .swiper .imgBox i svg {max-width: 60%;}
.indexNine .swiper .swiper-slide {width: 45%; pointer-events: none;}
.indexNine .swiper .swiper-slide .text {text-align: center;color: #333333; margin-top: .1rem; opacity: 0; transition: .3s;}
.indexNine .swiper .swiper-slide-active {pointer-events: auto;}
.indexNine .swiper .swiper-slide-active .text {opacity: 1;}
.indexNine .swiper .swiper-slide-active:hover .hide {opacity: 1; }
.indexNine .swiper .swiper-slide-active:hover .hide i {transform: scale(1); transition-delay: .1s;}

@media screen and (min-width: 200px) and (max-width: 1200px) {
  .indexNine .swiper .swiper-slide {width: 50%;}
}
@media screen and (min-width: 200px) and (max-width: 960px) {
  .indexNine .swiper .swiper-slide {width: 60%;}
}
@media screen and (min-width: 200px) and (max-width: 767px) {
  .indexNine .swiper .swiper-slide {width: 42%;}
}
@media screen and (min-width: 200px) and (max-width: 500px) {
  .indexNine .swiper .swiper-slide {width: 60%;}
}
@media screen and (min-width: 200px) and (max-width: 300px) {
  .indexNine .swiper .swiper-slide {width: 72%;}
}
/* banner 控件 */
.indexNine .swjt {right: 0; width: 0.4rem; height: 0.4rem;  border: 1px solid #666666; min-width: 30px; min-height: 30px; border-radius: 50%; transition: .5s;}
.indexNine .swjt.swiper-button-prev {transform: rotate(180deg); left: 0;}
.indexNine .swjt svg {max-width: 50%;}
.indexNine .swjt:active {background: #002c7e; border-color: #002c7e;}
@media (any-hover: hover) {
  .indexNine .swjt:hover {background: #002c7e; border-color: #002c7e;}  
  .indexNine .swjt:hover svg path {fill: #fff;}
}

.indexTen {margin-top: .6rem;background: #ecf8ff; padding: .5rem 0 1.25rem; border-bottom: 0.06rem solid #002C7E;}
.indexTen .tleBox {display: flex; justify-content: space-between; align-items: center;}
.indexTen .tleBox .tle span {font-size: var(--font24);font-weight: 400;color: #333333;}
.indexTen .tleBox .tle h3 {font-size: var(--font42);font-weight: 700;color: #002c7e;}
.indexTen .tleBox ul {display: grid; grid-template-columns: repeat(3,auto); gap: .35rem;}
.indexTen .tleBox ul li {border: 2px solid rgba(51, 51, 51,.64); transition: .5s; font-size: var(--font18);}
.indexTen .tleBox ul li a {padding: .18rem .36rem;}
.indexTen .tleBox ul li span {margin-left: .14rem;}
.indexTen .tleBox ul li img {filter: brightness(0); -webkit-filter:brightness(0); opacity: .6;}
.indexTen .tleBox ul li:active {background: #002C7E; border-color: #002C7E; color: #fff;}
.indexTen .tleBox ul li:active span {color: #fff;}
.indexTen .tleBox ul li:active img {filter: none; -webkit-filter:none;opacity: 1;}
@media (any-hover: hover) {
  .indexTen .tleBox ul li:hover {background: #002C7E; border-color: #002C7E; color: #fff;}
  .indexTen .tleBox ul li:hover span {color: #fff;}
  .indexTen .tleBox ul li:hover img {filter: none; -webkit-filter:none;opacity: 1;}
}
.indexTen .box {display: flex; justify-content: space-between; margin-top: .8rem;}
.indexTen .le {width: 46%;}
.indexTen .re {width: 50%;}
.indexTen .le .imgBox {overflow: hidden;}
.indexTen .le .imgBox img {width: 100%; transition: .5s;}
.indexTen .le .time {color: #999999; margin-top: .3rem;}
.indexTen .le h6 {color: #2172d1;font-weight: 700; font-size: var(--font20); margin-top: .2rem;}
.indexTen .le .text {margin-top: .2rem;}
.indexTen .le .text p {color: #999999; line-height: 1.7;}
.indexTen .le:hover .imgBox img {transform: scale(1.1);}
.indexTen .re ul {}
.indexTen .re li {margin-top: .5rem;}
.indexTen .re li:first-child {margin-top: 0;}
.indexTen .re li a {display: flex; justify-content: space-between; align-items: center;}
.indexTen .re li .imgBox {width: 32%; overflow: hidden;}
.indexTen .re li .imgBox img {width: 100%; height: 100%; object-fit: cover;max-height: 110px; transition: .5s;}
.indexTen .re li .con {width: 62%;}
.indexTen .re li h6 {color: #333333;font-weight: 700;font-size: var(--font18); transition: .5s;}
.indexTen .re li .text {margin-top: .15rem;}
.indexTen .re li .text p {color: #999999; line-height: 1.7;}
.indexTen .re li:hover .imgBox img {transform: scale(1.1);}
.indexTen .re li:hover h6 {color: #002C7E;}

/* 底部 */
.footer {background: url(../images/footer-bj.jpg) no-repeat center; background-size: cover; overflow: hidden;}
.foterTop {display: flex; padding: .5rem 0 .3rem; position: relative; justify-content: space-between; align-items: center; position: relative; flex-wrap: wrap;}
.foterTop::after {content: ""; width: 100vw; left: 50%; bottom: 0; height: 1px; background: rgba(255, 255, 255,.5); position: absolute;transform: translate(-50%, -50%);}
.foterTop ul {display: flex;}
.foterTop ul li {display: flex; align-items: center;}
.foterTop ul li i {width: 1px; height: 46px; background: #fff; display: block;margin: 0 .5rem;}
.foterTop ul li strong {font-size: var(--font24); color: #fff;}
.foterTop ul li .icBox {margin-right: .15rem;}
.foterTop ul li p span {display: block; color: #fff;}
.foternav {display: flex; justify-content: space-between; padding: .35rem 0 .6rem; box-sizing: border-box; position: relative;}
/* .foternav::after {content: ""; width: 100vw; left: 50%; bottom: 0; height: 1px; background: rgba(255, 255, 255,.5); position: absolute;transform: translate(-50%, -50%);} */
.foternav dl {margin-right: .2rem;}
.foternav dt {color: #ffffff; font-weight: 700; font-size: var(--font18); padding-bottom: .2rem; position: relative; margin-bottom: .25rem;}
.foternav dt::after {content: ""; width: 50%; height: 1px; background: #fff; position: absolute; bottom: 0; left: 0; width: .25rem;}
.foternav dd {margin: .15rem 0;}
.foternav dd a {color: #fff;}
.foternav dd a:hover {font-weight: 700;}

.foterlinks {position: relative; padding-bottom: .3rem;}
.foterlinks::after {content: ""; width: 100vw; left: 50%; bottom: 0; height: 1px; background: rgba(255, 255, 255,.5); position: absolute;transform: translate(-50%, -50%);}
.foterlinks dl {display: flex; color: #fff;}
.foterlinks dl .ddBox {display: flex;}
.foterlinks dl dt {margin-top: .2rem;}
.foterlinks dd a {color: #fff;display: inline-block; margin: .2rem;}
.foterlinks dd a:hover {font-weight: 700;}

.foterCopy {padding: .2rem 0;}
.foterCopy p a {margin-right: .1rem;}
.foterCopy p , .foterCopy p a {color: #ffffff;}


/* ================================================================================内页================================================================= */
/* 内页banner */
.ny-banner {position: relative;}
.ny-banner .imgBox img {width: 100%;}

/* 内页搜索 */
.nySearch {background: #f2f2f2;}
.nySearch .hotSearch .box {background: #f2f2f2;}

/* 面包屑 */
.mbx {margin: .3rem 0;}
.mbx .box {display: flex; flex-wrap: wrap;color: #666666;}
.mbx img {margin-right: .2rem;}
.mbx a::after {content: ">"; margin-left: .05rem;}
.mbx a:last-child::after {display: none;}
.mbx a:hover {color: #002C7E;}
.mbx a:hover::after {color: #666;}


/* =====产品===== */
.prolistnav {}
.prolistnav .box {background: #ffffff url(../images/prolistnav-bj.png) no-repeat right; background-size: contain; box-shadow: 0rem 0.01rem 0.07rem 0rem rgba(0,0,0,0.11); padding:.4rem .5rem; box-sizing: border-box;border-left: 0.1rem solid #002c7e;}
.prolistnav li {padding: .2rem 0; border-bottom: 1px solid #F2F2F2;}
.prolistnav li:last-child {border: 0;}
.prolistnav li dl {display: flex; align-items: center;}
.prolistnav li dt {flex-shrink: 0;font-weight: 700; font-size: var(--font20); color: #fff; line-height: 1; padding: .14rem .28rem; background: #002c7e; border-radius: 60px;}
.prolistnav li .ddBox {display: flex; flex-wrap: wrap;}
.prolistnav li dd {margin: .1rem;}
.prolistnav li dd a {color: #333333; padding: .1rem .15rem;border-radius: 50px; transition: .5s;}
/* .prolistnav li dd a:hover {background: #002c7e; color: #fff;} */

.prolistnav li dd.on a {color: #ffa60a;}

/* 修改 */
.prolistnav .box {padding-left: 0 !important; border: 0;}
.prolistnav li dt {border-radius: 0; border-right: 3px solid #ffa60a;   margin-left: -10px; margin-right: .2rem; position: relative;}
.prolistnav li dt::before {content: ""; position: absolute; width: 10px; height: 10px; background: #002c7e; top: 0;  transform: translateY(calc(-100% + 1px)); left: 0;}
.prolistnav li dt::before {-webkit-clip-path: polygon(100% 0, 0 100%, 100% 100%);clip-path: polygon(100% 0, 0 100%, 100% 100%);}
.prolistnav li dt span {border-left: 2px solid #fff; padding-left: 5px; line-height: 1; display: block; margin-left: .2rem;}
.prolistnav li dd a {border-radius: 0; color: #002c7e; font-weight: 700;}
.prolistnav li dd a:hover {color: #ffa60a;}



.prolistOne {margin-top: .7rem;}
.prolistOne ul {display: grid; grid-template-columns: repeat(3,1fr); gap: .2rem; margin-top: .4rem;}
.prolistOne li .imgBox {position: relative;}
.prolistOne li .img img {width: 100%;}
.prolistOne li .hide {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 44, 126,.8); padding: .3rem;box-sizing: border-box; transition: .5s; opacity: 0;}
.prolistOne li .p1 {color: #ffffff; padding-bottom: .15rem; border-bottom: 1px solid rgba(255, 255, 255,.1);}
.prolistOne li .p1 h6 {font-size: var(--font18);  }
.prolistOne li .p2 { margin-top: .2rem;}
.prolistOne li .p2 p {color: #ffffff; font-size: var(--font14);}
.prolistOne li .p2 div {color: #ffffff; font-size: var(--font14);}
.prolistOne li .more {margin-top: .25rem; display: flex;color: #ffffff;font-size: var(--font14); align-items: center;}
.prolistOne li .more::after {margin-left: .1rem; width: 0.1rem;height: 0.1rem;background: #fff; content: "";-webkit-clip-path: polygon(100% 50%, 0 0, 0 100%);clip-path: polygon(100% 50%, 0 0, 0 100%);}
.prolistOne li .p3 {display: flex; justify-content: space-between; align-items: center; padding: .18rem 0; border-bottom: 1px solid #F2F2F2;}
.prolistOne li h5 {color: #333333; font-size: var(--font18);}
@media (any-hover: hover) {
  .prolistOne li:hover .hide {opacity: 1;}
}

.prolistTwo {padding: .2rem 0 .8rem;}
.prolistTwo .indexTle1 .p1 {font-size: var(--font36);color: #333333;font-weight: 400;}
.prolistTwo .indexTle1 .p2 {color: #666;}
.prolistTwo .imgBox {overflow: hidden;}
.prolistTwo .imgBox img {width: 100%; transition: .5s;}
.prolistTwo .swiperBox { position: relative;}
.prolistTwo .swiper {position: static;}
.prolistTwo .swiper .slide .text {display: flex; justify-content: space-between; padding: .2rem 0; align-items: center;}
.prolistTwo .swiper .slide h6 {color: #333333; font-size: var(--font18); display: -webkit-box;overflow: hidden;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.prolistTwo .swiper .slide .more { display: inline-flex;color: #fff; align-items: center; background: #002C7E; border-radius: 60px; padding: .06rem 0.1rem;}
.prolistTwo .swiper .slide .more::after {margin-left: .1rem; width: 0.1rem;height: 0.1rem;background: #fff; content: "";-webkit-clip-path: polygon(100% 50%, 0 0, 0 100%);clip-path: polygon(100% 50%, 0 0, 0 100%);}
.prolistTwo .swiper .slide:hover .imgBox img {transform: scale(1.1);}
.prolistTwo .swiper .slide:hover h6 {color: #002C7E;}

.prolistTwo .swiper .swiper-pagination {display: none;}
.prolistTwo .swiper .swiper-pagination span {background: #002C7E;}
.prolistTwo .swiper .swjt {transform: translateX(100%);top: 40%;right: -.5rem;width: 0.68rem; height: 0.68rem; border: 1px solid #666666;min-width: 40px; min-height: 40px; border-radius: 50%;transition: .5s;}
.prolistTwo .swiper .swjt.swiper-button-prev {transform: rotate(180deg) translateX(100%); left: -.5rem;}
.prolistTwo .swiper .swjt:active {background: #002c7e; border-color: #002c7e;}
@media (any-hover: hover) {
  .prolistTwo .swiper .swjt:hover {background: #002c7e; border-color: #002c7e;}  
  .prolistTwo .swiper .swjt:hover svg path {fill: #fff;}
}


/* ==========水厂=========== */
.plantOne {padding: 0 0 .3rem;}
.plantOne .indexTle1 .p1 {font-weight: 400;color: #333; font-size: var(--font36);}
.plantOne .list ul {display: flex;justify-content: center;flex-wrap: wrap;}
.plantOne .list li a {display: block; text-align: center; padding: .18rem .42rem;border: 1px solid #f2f2f2;border-radius: 60px;color: #333333; transition: .5s; font-size: var(--font20);}
.plantOne .list li {margin-right: .6rem;}
.plantOne .list li:last-child {margin-right: 0;}
.plantOne .list li:hover a ,.plantOne .list li.on a {background: #002C7E; color: #fff; border-color: #002C7E;}

.plantTle {display: flex; align-items: flex-end; line-height: 1; padding: .2rem .3rem; box-sizing: border-box;background: #002c7e;border-radius: 0rem 30px 30px 0rem;}
.plantTle h4 {color: #fff;font-weight: 700; font-size: var(--font24);}
.plantTle .en {color: #fff; margin-left: .1rem;font-family: Arial, Arial-Regular;}

.plantTwo {background: url(../images/plantTwo-bj.jpg) no-repeat center; background-size: cover; padding: .25rem 0 .65rem;}
.plantTwo .box {margin-top: .6rem; display: flex; justify-content: space-between; align-items: center;}
.plantTwo .info {width: 53%;}
.plantTwo .imgBox {width: 42%;}
.plantTwo .info .tit {padding-bottom: .25rem; border-bottom: 1px solid #F2F2F2;}
.plantTwo .info .tit .p {font-size: var(--font40);font-weight: 700; line-height: 1.3; color: #002C7E; font-weight: 700; display: inline-block;}
.plantTwo .info .tit .p2 {color: #FFA60A;}
.plantTwo .info .tit .en {color: #b8b8b8; font-size: var(--font18);font-family: Arial, Arial-Regular; margin-top: .2rem;}
.plantTwo .info .text {margin-top: .4rem;}
.plantTwo .info .text p {margin-top: .2rem;}
.plantTwo .imgBox img {max-width: 100%;}

.plantThre {padding: .5rem 0 .8rem;}
.plantThre ul {display: flex; justify-content: space-between; padding-top: .3rem;}
.plantThre li {margin-top: .3rem; overflow: hidden; position: relative;width: 18%;  padding-bottom: 15%; -webkit-clip-path: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%);clip-path: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%);}
.plantThre li .imgBox {height: 100%; position: absolute;  width: 100%; top: 0;left: 0;}
.plantThre li .imgBox img {width: 100%; height: 100%; object-fit: cover;}
.plantThre li span {padding: 0.07rem; color: #fff; font-size: var(--font22);font-weight: 400; z-index: 1;background: #ffa60a;width: 100%; text-align: center;}

.plantFour {background: url(../images/plantFour-bj.jpg) no-repeat center; background-size: cover; padding: .3rem 0 1rem; box-sizing: content-box; overflow: hidden;}
.plantFour .box {margin-top: 1rem; display: flex; justify-content: space-between; position: relative;}
.plantFour .img1 , .plantFour .img3 {width: 43.5%;}
.plantFour .img1 img , .plantFour .img3 img {max-width: 100%;}
.plantFour .img2 {width: 34.4%; overflow: hidden;}
.plantFour .img2 svg {position: absolute;left: 0; top: 0;height: 100%;width: 100%; fill: transparent; border: 0;}
.plantFour .img2 svg .cir2 {stroke: #fff; stroke-width: 50%; stroke-dasharray: 160%, 160%; transition: 2s;}
.plantFour .img2_1 {width: 43%;}
.plantFour .img2 > img { transition: 1s; opacity: 0; max-width: 100%;}
.plantFour .img2 .img2_1 img {transform:scale(0); transition: 1s; opacity: 0; max-width: 100%;}
.plantFour.on .img2 > img {opacity: 1;}
.plantFour.on .img2 .img2_1 img {transform:scale(1); opacity: 1; transition-delay: 1.8s;}
.plantFour.on .img2 svg .cir2 { stroke-dasharray: 0%, 160%;}

/* 上线前修改 */
/* .plantFour .box {margin-top: .5rem;}
.plantFour .img1 , .plantFour .img3 {width: 100%;} */


.plantFive {background: url(../images/plantFive-bj.jpg) no-repeat center; background-size: cover; padding: .8rem 0; text-align: center;}
.plantFive .tle {line-height: 1; position: relative;}
.plantFive .tle .en {opacity: 0.1;font-size: 0.6rem;font-weight: 700;color: #ffffff; text-transform: uppercase; margin-top: -.1rem;}
.plantFive .tle p {color: #ffffff; font-size: .44rem;font-weight: 700; margin-top: -.35rem;}
.plantFive .tle p span {color: #FFA60A;}
.plantFive .text {margin: auto; margin-top: .3rem; max-width: 5.5rem;}
.plantFive .text img {max-width: 100%;}

/* =========工程案例======== */
.caselist .indexTle1 .p1 {font-weight: 400;}
.caselist .indexTle1 .p2 {color: #666;}
.caselist .box {display: flex; justify-content: space-between; align-items: flex-start;}

.casenav {background: #fcfcfc; flex-shrink: 0; padding-bottom: .4rem; max-width: 3rem; position: sticky; top: 2rem;}
@media screen and (min-width: 200px) and (max-width: 1580px) {
  .casenav {max-width: 4rem; top: 3rem;}
}
@media screen and (min-width: 200px) and (max-width: 1024px) {
  .casenav {position: relative; top: 0;}
}


.casenav .tle {background: url(../images/casenav-tle-bj.jpg) no-repeat center; background-size: cover; padding: .4rem .25rem;color: #ffffff; font-size: var(--font24);}
.casenav ul {padding: 0 .32rem;}
.casenav li {padding: .2rem 0; border-bottom: 1px solid rgba(153, 153, 153,.1);}
.casenav li a {display: flex; align-items: center; justify-content: space-between; color: #333333; font-size: var(--font18);}
.casenav li a span {margin-right: .2rem;}
.casenav li .icBox {margin-right: .15rem; width: .24rem; flex-shrink: 0;}
.casenav li .icBox img {filter: brightness(0); -webkit-filter:brightness(0); max-width: 100%;}
.casenav li .jt {width: 0.29rem;height: 0.29rem; min-height: 24px; min-width: 24px; border: 1px solid #333333; border-radius: 50%; transition: .5s; flex-shrink: 0;}
.casenav li .jt svg {max-width: 50%;}
.casenav li a:hover .icBox img {filter: none; -webkit-filter:none;}
.casenav li a:hover {color: #002C7E; font-weight: 700;}
.casenav li a:hover .jt {background: #002c7e; border-color: #002C7E;}
.casenav li a:hover .jt svg path {fill: #fff;}
.casenav li.on .icBox img {filter: none; -webkit-filter:none;}
.casenav li.on a {color: #002C7E; font-weight: 700;}
.casenav li.on {color: #002C7E; font-weight: 700;}
.casenav li.on .jt {background: #002c7e; border-color: #002C7E;}
.casenav li.on .jt svg path {fill: #fff;}
.casenav li.on .jt {transform: rotate(90deg);}
.casenav .heRe {display: flex; align-items: center;padding: 0 .32rem; margin-top: .25rem;}
.casenav .heRe i {width: 44px;  height: 44px;  background: #002c7e; border-radius: 50%; flex-shrink: 0;}
.casenav .heRe i img {max-width: 60%;}
.casenav .heRe .con {margin-left: 12px;}
.casenav .heRe .con em {font-size: 14px;color: #666666;display: block;}
.casenav .heRe .con strong {font-size: 22px;color: #002c7e;font-family: 'DIN';}

.caselist {padding-bottom: .6rem;}
.caselist .list {flex: 1; margin-left: .25rem;} 
.caselist .list .tit {display: flex; justify-content: space-between;box-shadow: 0rem 0.03rem 0.17rem 0rem rgba(0,0,0,0.07); padding:.3rem; }
.caselist .list .tit h4 {color: #002c7e; font-size: var(--font24);font-weight: 400; padding-left: .15rem; line-height: 1; border-left: 3px solid #002C7E;}
.caselist .list .tit .more a {padding: .12rem .3rem; background: #002c7e;border-radius: 50px; color: #fff; transition: .5s;}
.caselist .list .tit .more a:hover {box-shadow: 0 0 .1rem #002c7e;}
.caselist .list ul {display: grid; grid-template-columns: repeat(3,1fr); gap: .3rem; margin-top: .4rem;}
.caselist .list li .imgBox {position: relative;}
.caselist .list li .img img {width: 100%; object-fit: cover; height: 200px;}
.caselist .list li .hide {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 44, 126,.8); padding: .3rem;box-sizing: border-box; transition: .5s; opacity: 0;}
.caselist .list li .p1 {color: #ffffff; padding-bottom: .15rem; border-bottom: 1px solid rgba(255, 255, 255,.1);}
.caselist .list li .p1 h6 {font-size: var(--font18);  }
.caselist .list li .p2 { margin-top: .2rem;}
.caselist .list li .p2 p {color: #ffffff; font-size: var(--font14);}
.caselist .list li .more {margin-top: .25rem; display: flex;color: #ffffff;font-size: var(--font14); align-items: center;}
.caselist .list li .more::after {margin-left: .1rem; width: 0.1rem;height: 0.1rem;background: #fff; content: "";-webkit-clip-path: polygon(100% 50%, 0 0, 0 100%);clip-path: polygon(100% 50%, 0 0, 0 100%);}
.caselist .list li .p3 {display: flex; justify-content: space-between; align-items: center; padding: .18rem 0; border-bottom: 1px solid #F2F2F2;}
.caselist .list li .p3 i {max-width: .4rem; flex-shrink: 0;}
.caselist .list li .p3 svg {max-width: 100%;}
.caselist .list li h5 {color: #333333; font-size: var(--font18);}
.caselist .list li:hover .hide {opacity: 1;}

.caseOne.indexThre li a::after {width: 55%;padding-top: 55%;bottom: -30%;left: -10%;}
.caseOne.indexThre .show span {font-weight: 700;}
.caseOne.indexThre .hide .en {font-size: var(--font14);}

/* 案例详情 */
.caseDateMain {padding-top: .6rem;}
.caseDateMain .prolistnav .box {padding: .2rem .5rem;}
.caseDateOne {padding: 1rem 0;}
.caseDateOne .box {display: flex; justify-content: space-between;}
.caseDateOne .info {width: 54%; position: relative; z-index: 1; padding-right: .5rem; padding-left: .75rem;}
.caseDateOne .info::after {content: ""; width: 120%; height: 120%;background: #fcfcfc; position: absolute; top: -10%; z-index: -1; left: 0; border-left: 0.05rem solid #002C7E;}
.caseDateOne .info .tit {color: #333333;font-size: var(--font24);font-weight: 400; padding-bottom: .2rem; border-bottom: 1px solid #F2F2F2;}
.caseDateOne .info .text {margin: .3rem 0;}
.caseDateOne .info .text p span {color: #002C7E;font-weight: 700;}
.caseDateOne .info .text p {line-height: 1.7; margin: .1rem 0;}
.caseDateOne .info .morelist a {padding: .11rem .26rem;background: #002c7e; border-radius: 40px; display: inline-flex; color: #fff;}
.caseDateOne .info .morelist a .icBox {margin-right: .1rem; width: .22rem;}
.caseDateOne .info .morelist a .icBox img {max-width: 100%;}
.caseDateOne .info .morelist .a1 {margin-right: .3rem; display: none;}
.caseDateOne .info .morelist a:hover {box-shadow: 0 0 .1rem #002C7E;}
.caseDateOne .imgBox {width: 46%;}
.caseDateOne .imgBox img {width: 100%; height: 100%; object-fit: cover;}
.caseDateOne .swiper-pagination span {width: 0.1rem;height: 0.1rem; background: #ffffff; opacity: 1;}
.caseDateOne .swiper-pagination .swiper-pagination-bullet-active {background: #002c7e;}

.caseDateTwo {padding: .5rem 0;}
.caseDateTwo .tleBox .tle {padding-bottom: .35rem; border-bottom: 1px solid #F2F2F2; align-items: center;}
.caseDateTwo .tleBox .tle .tit {background: #ffffff;border-radius: 50px; box-shadow: 0rem 0.05rem 0.06rem 0rem rgba(0,0,0,0.17); overflow: hidden;}
.caseDateTwo .tleBox .tle .tit span {padding: .11rem .28rem; display: inline-block;}
.caseDateTwo .tleBox .tle .tit .sp1 {color: #002c7e; font-size: var(--font24);font-weight: 700;}
.caseDateTwo .tleBox .tle .tit .sp2 {padding: .11rem .45rem; color: #ffffff; font-size: var(--font24);background: #ffa60a; position: relative;}
.caseDateTwo .tleBox .tle .tit .sp2::before {content: ""; left: -2%; width: .1rem; height: 110%; position: absolute;background: #ffa60a; top: 0;    transform: rotate(5deg);}
.caseDateTwo .tleBox .tle .tel {display: flex; align-items: center;}
.caseDateTwo .tleBox .tle .tel i {width: 44px;  height: 44px;  background: #002c7e; border-radius: 50%;}
.caseDateTwo .tleBox .tle .tel i img {max-width: 60%;}
.caseDateTwo .tleBox .tle .tel .con {margin-left: 12px;}
.caseDateTwo .tleBox .tle .tel .con em {font-size: 14px;color: #666666;display: block;}
.caseDateTwo .tleBox .tle .tel .con strong {font-size: 22px;color: #002c7e;font-family: 'DIN';}
.caseDateTwo .dateInfo {padding: .5rem 0;}
/* 分页 */
.dateInfoPage {display: flex; justify-content: space-between; border-top: 1px solid #F2F2F2; padding-top: .35rem;}
.dateInfoPage .backlist {flex-shrink: 0; margin: 0 1rem;}
.dateInfoPage .backlist a {padding: .12rem .3rem; color: #fff;background: #002c7e;border-radius: 40px;}
.dateInfoPage .backlist:hover a {box-shadow: 0 0 .1rem #002C7E;}
.dateInfoPage .btn {flex: 1; justify-content: flex-start;}
.dateInfoPage .btn.next-link {justify-content: flex-end;}
.dateInfoPage .btn em {color: #666;    flex-shrink: 0;}
.dateInfoPage .btn span {color: #333;}
.dateInfoPage .btn span:hover {color: #1F2F9C;}

.caseDateThre {background: #fcfcfc; padding: .4rem 0 .8rem;}
.caseDateThre .indexTle2 .tit {padding-right: .6rem;}
.caseDateThre .swiperBox {margin-top: .45rem;}
.caseDateThre .swiperBox { position: relative;}
.caseDateThre .swiper {position: static;}
.caseDateThre .swiper .imgBox {overflow: hidden;}
.caseDateThre .swiper .imgBox img {width: 100%; transition: .5s;}
.caseDateThre .swiper .slide .text {padding: .18rem 0;}
.caseDateThre .swiper .slide h6 {color: #333333; font-size: var(--font18); text-align: center;}
.caseDateThre .swiper .slide:hover .imgBox img {transform: scale(1.1);}
.caseDateThre .swiper .slide:hover h6 {color: #002C7E;}
.caseDateThre .swiper .swiper-pagination {display: none; bottom: -.3rem;}
.caseDateThre .swiper .swiper-pagination span {background: #002C7E;}
.caseDateThre .swiper .swjt {transform: translateX(100%);top: 40%;right: -.5rem;width: 0.68rem; height: 0.68rem; border: 1px solid #666666;min-width: 40px; min-height: 40px; border-radius: 50%;transition: .5s;}
.caseDateThre .swiper .swjt.swiper-button-prev {transform: rotate(180deg) translateX(100%); left: -.5rem;}
.caseDateThre .swiper .swjt svg {max-width: 50%;}
.caseDateThre .swiper .swjt:active {background: #002c7e; border-color: #002c7e;}
@media (any-hover: hover) {
  .caseDateThre .swiper .swjt:hover {background: #002c7e; border-color: #002c7e;}  
  .caseDateThre .swiper .swjt:hover svg path {fill: #fff;}
}

/* =========装备======== */
.equiplist .casenav li .icBox {display: none;}
.equipTwo {background: #fff; padding-top: .6rem;}


/* =========资质荣誉======== */
.honorMain .indexTle1 .p1 {font-weight: 400;}
.honorMain .indexTle1 .p2 {color: #666;}

.honorOne {padding-bottom: .4rem;}
.honorOne ul {display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: -.2rem;}
.honorOne li {background: #fcfcfc;width: 31%; padding: .3rem; padding-bottom: .5rem; box-sizing: border-box; margin-top: .4rem; position: relative; z-index: 1;}
.honorOne li::after {content: ""; position: absolute; width: 100%; bottom: 0; height: 0.07rem;background: #002c7e; left: 0; transition: .5s; z-index: -1;}
.honorOne li .tle {padding-bottom: .2rem; border-bottom: 1px solid #F2F2F2;}
.honorOne li .icBox {height: .5rem; display: flex; align-items: center;}
.honorOne li .icBox img {max-height: 100%;}
.honorOne li b {font-size: var(--font22);font-weight: 700;color: #333333; display: block; margin-top: .2rem; transition: .5s;}
.honorOne li .text {margin-top: .3rem;}
.honorOne li .text p {line-height: 1.7;color: #666666;  transition: .5s;}
.honorOne li .text p span {font-weight: 700; color: #002C7E;transition: .5s;}
.honorOne li:hover::after {height: 100%;}
.honorOne li:hover b {color: #fff;}
.honorOne li:hover .text p {color: #fff;}
.honorOne li:hover .text p span {color: #fff;}

.honorTwo {padding-bottom: .6rem;}
.honerSwiper .list {display: grid; grid-template-columns: repeat(4,1fr);gap: .25rem;}
.honerSwiper .list li {border: 1px solid #f2f2f2;box-sizing: border-box;}
.honerSwiper .list li .imgBox {padding: .2rem .3rem; box-sizing: border-box; text-align: center; position: relative;}
.honerSwiper .list li .imgBox::after {content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0;background: rgba(0, 0, 0,.1); opacity: 0; transition: .5s;}
.honerSwiper .list li .imgBox img {max-width: 100%;}
.honerSwiper .list li span {color: #333333; padding: .2rem .3rem; display: block; text-align: center; border-top: 1px solid #F2F2F2;}
.honerSwiper .list li .hide {position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: flex; align-items: center; justify-content: center;}
.honerSwiper .list li .hide i {width: 0.68rem;height: 0.68rem;background: #002c7e; border-radius: 50%; transform: scale(0); transition: .5s;}
.honerSwiper .list li .hide i svg {max-width: 50%;}
.honerSwiper .list li:hover .imgBox::after {opacity: 1;}
.honerSwiper .list li:hover .hide i {transform: scale(1); transition-delay: .2s;}
/* 分页 */
.swiperpagbox {text-align: center;margin-top: 0.5rem;display: flex; align-items: center;justify-content: center;}
.swiperpagbox .prograprev , .swiperpagbox .progranext {cursor: pointer;display: inline-flex;align-items: center;justify-content: center;color: #666;transition: .4s; padding: .07rem .16rem; margin-right: .1rem;margin-left: .1rem;border: 1px solid #E5E5E5;}
.swiperpagbox .prograpag {display: inline-block;vertical-align: top;position: static; width: auto;}
.swiperpagbox .prograpag span {width: auto; height: auto;opacity: 1; color: #333; background: none; transition: .4s;margin: 0 5px !important; padding: .07rem .15rem; border: 1px solid #E5E5E5; border-radius: 0;}
.swiperpagbox .prograpag .swiper-pagination-bullet-active {background: #002C7E;color: #fff; border-color: #002C7E;}
.swiperpagbox .prograpag span:active {background: #002C7E;color: #fff;border-color: #002C7E;}
.swiperpagbox .prograprev.swiper-button-disabled,.swiperpagbox .progranext.swiper-button-disabled {opacity: .3; cursor: auto;pointer-events: none;}
.swiperpagbox .prograprev:hover , .swiperpagbox .progranext:active {background: #002C7E;color: #fff;}
@media (any-hover: hover) {
  .swiperpagbox .prograpag span:hover {background: #002C7E;color: #fff;border-color: #002C7E;}
  .swiperpagbox .prograprev:hover , .swiperpagbox .progranext:hover {background: #002C7E;color: #fff;}
}

.honorThre {padding-bottom: .7rem;background: #fcfcfc;}


/* =====关于我们===== */
/* 导航 */
.aboutnav {margin-bottom: .3rem;}
.aboutnav .box {display: flex; justify-content: space-between; background: #ffffff;border-radius: 0.08rem 0.08rem 0rem 0rem;box-shadow: 0rem 0.04rem 0.11rem 0rem rgba(0,0,0,0.05); }
/* .aboutnav ul {display: flex; justify-content: space-between; padding: 0 .5rem; margin-left: 1rem;} */
.aboutnav .tit {display: flex; align-items: center; color: #ffffff; font-size: var(--font20);font-weight: 400;background: #002c7e;border-radius: 0.08rem 0.08rem 0.08rem 0rem; padding: 0 .8rem; flex-shrink: 0;}
.aboutnav .wrapistnav {flex: 1; box-sizing: border-box;}
.aboutnav ul li {position: relative; width: calc(100% / 6); text-align: center;}
.aboutnav ul li a::after {content: ""; position: absolute; width: 0; height: 1px; bottom: 0;background: #002c7e; transition: .5s;    left: 0;}
.aboutnav ul li a {display: inline-block; padding: .24rem 0; color: #333; position: relative;}
.aboutnav ul li a:active  , .aboutnav ul li a.on {color: #002C7E; font-weight: 700;}
.aboutnav ul li a:active::after ,.aboutnav ul li a.on::after {width: 100%;}
.wrapistnav {position: relative;}
.nynavSwiper {max-width: 90%; margin: auto; position: static;}
.nynavSwiper .swjt {right: 3%; display: none;  visibility: hidden; width: .34rem;}
.nynavSwiper .swjt.swiper-button-prev {right: auto; left: 3%; transform: rotate(180deg);}
@media (any-hover: hover) { 
  .aboutnav ul li a:hover  {color: #002C7E; font-weight: 700;}
  .aboutnav ul li a:hover::after  {width: 100%;}
}

/* 关于淡林 */
.aboutTle {text-align: center;}
.aboutTle h3 {font-size: 0.4rem;font-weight: 700;color: #333333;}
.aboutTle i {display: block; width: 0.35rem; height: 2px; background: #002c7e; margin: auto; margin-top: .3rem;}

.aboutOne {position: relative; z-index: 1; padding-top: .4rem;}
/* .aboutOne::after {content: ""; position: absolute; width: 100%;height: 50%;right: 0;top: 0; background: url(../images/aboutOne-bj.png) no-repeat right;  opacity: .2;z-index: -1;} */
.aboutOne .text p {margin-top: .4rem;color: #666666; line-height: 1.8;}
.aboutOne ul {display: flex; justify-content: space-between; margin-top: .8rem; align-items: flex-end;}
.aboutOne .couter {display: flex;font-size: 0.6rem;font-weight: 800;text-align: left;color: #002c7e; align-items: flex-end; line-height: .9;}
.aboutOne .couter span {font-size: var(--font20); line-height: 1.3; color: #333; font-weight: normal;}
.aboutOne .num {display: flex; align-items: flex-end; line-height: 1;}
.aboutOne ul li .jia {font-size: var(--font24); font-weight: 500;color: #333333; }
.aboutOne ul li .text {color: #333333; font-size: var(--font18); margin-top: .1rem;}
.aboutOne ul li .b {color: #002c7e;font-size: 0.4rem;}
.aboutOne .imgBox {margin-top: .6rem; position: relative; box-sizing: border-box; width: 110%; left: -5%;border-radius: 0.8rem 0rem 0.8rem 0rem;overflow: hidden;}
.aboutOne .imgBox .img {width: 100%;height: 100%; object-fit: cover;}
.aboutOne .info {padding: .3rem .4rem;box-sizing: border-box; width: 70%; margin: auto; margin-top: -15%; position: relative; z-index: 2; text-align: center;}
.aboutOne .info {background: rgba(255, 255, 255,.9);border-radius: 0.3rem 0.3rem 0rem 0rem;box-shadow: 0rem 0.04rem 0.11rem 0rem rgba(0,0,0,0.05);}
.aboutOne .info strong {font-size: var(--font40); font-weight: 700; color: #002c7e;}
.aboutOne .info p {color: #333333; line-height: 1.8; margin: .2rem 0;}
.aboutOne .info b {color: #002c7e; font-size: var(--font20);font-weight: 700;}
.aboutOne .info::after {content: ""; position: absolute; width: 100%;left: 0; bottom: 0;height: 0.04rem; opacity: 0.9;background: #002c7e;box-shadow: 0rem 0.04rem 0.11rem 0rem rgba(0,0,0,0.05); }

.aboutTwo {padding: .6rem 0 .8rem;}
.aboutTwo ul {display: flex; justify-content: space-between;}
.aboutTwo li {padding: .35rem; padding-bottom: .5rem; margin-top: .5rem;background: #f2f2f2; border-radius: 0.17rem;width: 31.5%; text-align: center; position: relative; overflow: hidden;}
.aboutTwo li::after {content: ""; position: absolute; width: 0; height: 0.05rem; background: #002C7E; transition: .5s; bottom: 0; left: 50%;}
.aboutTwo li .icBox {height: .6rem; display: flex; align-items: center; justify-content: center;}
.aboutTwo li .icBox img {max-height: 100%;}
.aboutTwo li h5 {color: #333333; font-size: var(--font24);font-weight: 400;margin-top: .2rem;}
.aboutTwo li p {color: #666666;margin-top: .2rem;}
.aboutTwo li:hover h5 {color: #002c7e;}
.aboutTwo li:hover::after {width: 100%; left: 0;}

/* 发展历程 */
.deveOne {background: url(../images/deveOne-bj.jpg) no-repeat center; background-size: cover; padding: .5rem 0 1rem; box-sizing: border-box;}
.deveOne .box {position: relative; z-index: 1; height: 380px; padding: 0 .4rem; box-sizing: border-box; overflow: hidden;}
.deveOne .box::before {content: ""; width: 0.12rem;height: 0.12rem;background: #002c7e; border-radius: 50%; left: 0; position: absolute; top: 50%; transform: translate(-0%, -50%);}
.deveOne .box::after {content: ""; width: 0.12rem;height: 0.12rem;background: #002c7e; border-radius: 50%; right: 0; position: absolute; top: 50%; transform: translate(-0%, -50%);}
.deveSwiper {position: static; overflow: visible; height: 100%;}
.deveSwiper::after {content: ""; height: 2px; background:#002c7e; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);width: 100%;z-index: -1;}
.deveSwiper .swiper-slide {width: auto; position: relative; display: flex; align-items: flex-end;}
.deveSwiper .swiper-slide:first-child {left: 0;}
.deveSwiper .slide {text-align: center; position: relative;  height: 50%; top: -11%;}
.deveSwiper .slide .year {color: #002c7e; font-size: var(--font18);font-weight: 700;}
.deveSwiper .slide .xian {margin: .1rem 0; display: flex; flex-direction: column; align-items: center;}
.deveSwiper .slide .cirle1 {width: 0.12rem;height: 0.12rem;background: #ffa60a; border-radius: 50%;}
.deveSwiper .slide .xian i {width: 2px;height: 0.53rem;background:#002c7e;}
.deveSwiper .slide .cirle2 {width: 0.12rem;height: 0.12rem;background: #002C7E; border-radius: 50%;}
.deveSwiper .slide .text strong {color: #002c7e; font-weight: 700; font-size: var(--font18);}
.deveSwiper .slide .info {margin-top: .12rem;}
.deveSwiper .slide .info p {color: #666666;}
.deveSwiper .swiper-slide:nth-child(2n) {transform: rotateX(180deg);}
.deveSwiper .swiper-slide:nth-child(2n) .year {transform: rotateX(-180deg);}
.deveSwiper .swiper-slide:nth-child(2n) .text {transform: rotateX(-180deg);}
@media screen and (min-width: 200px) and (max-width: 1580px) {
  .deveSwiper .slide {top: -8.7%;}
}
@media screen and (min-width: 200px) and (max-width: 767px) {
  .deveSwiper .slide {top: -9.2%;}
}
@media screen and (min-width: 200px) and (max-width: 400px) {
  .deveSwiper .swiper-slide {left: -25%;}
  .deveSwiper .swiper-wrapper .swiper-slide:nth-child(2) {left: -10%}
  .deveSwiper .swiper-slide:nth-child(2n) {left: -45%;}
  .deveSwiper .slide {top: -7.5%;}
}

/* =======合作伙伴====== */
.partner {padding-bottom: 1rem;}
.partner ul {display: grid; grid-template-columns: repeat(5,1fr);gap: .3rem;}
.partner ul li {display: inline-block; position: relative;}
.partner ul li .pic {background: linear-gradient(0deg,#eef4ff 0%, #ffffff 100%); border: 0.01rem solid #f2f2f2; border-radius: 0.1rem; height: 0.95rem; min-height: 80px; display: flex; align-items: center; justify-content: center;}
.partner ul li .pic img {max-width: 80%;mix-blend-mode: multiply;}
.partner ul li .hide {position: absolute; left: 0; top: 0; width: 100%; left: 0; height: 100%; background: rgba(0, 44, 126,.8);border-radius: 0.1rem; display: flex; align-items: center; justify-content:center; opacity: 0; transition: .5s;}
.partner ul li .hide span {color: #fff; font-size: var(--font18); opacity: 0; transition: .5s;}
.partner ul li:hover .hide {opacity: 1;}
.partner ul li:hover .hide span {opacity: 1; transition-delay: .3s;}


/* =====新闻资讯===== */
.news {padding-bottom: 1rem;}
.news li {border-top: 1px solid #F2F2F2; overflow: hidden; transition: .5s;}
.news li:last-child {border-bottom: 1px solid #F2F2F2;}
.news li a {display: flex;justify-content: space-between;padding: .25rem 0;}
.news li .time {position: relative; display: flex; align-items: center; flex-shrink: 0;color: #002c7e; transition: .5s;}
.news li .time > div {padding: 0 .25rem; display: flex;flex-direction: column; justify-content: center; height: 100%; position: relative; z-index: 1;}
.news li .time > div::before {content: ""; position: absolute; left: 0;width: 0; height: 150%;background: #002c7e;z-index: -1; transition: .5s;}
.news li .time > div::after {content: ""; width: .16rem; height: .16rem; background: #002c7e; position: absolute; right: 0;-webkit-clip-path: polygon(100% 50%, 0 0, 0 100%);clip-path: polygon(100% 50%, 0 0, 0 100%); transform: translateX(95%);opacity: 0; transition: .5s;}
.news li .xian {display: flex; align-items: center; position: relative;margin-right: .3rem; flex-shrink: 0;}
.news li .xian i {height: 1px;width: 0.52rem;background: #f2f2f2;}
.news li .xian::before {content: "";height: 1px;width: 0;background: #002c7e; transition: .5s; left: 0; position: absolute;}
.news li .time strong {font-size: 0.8rem;font-family: 'DIN';font-weight: 700; text-align: left; line-height: 1; display: block;}
.news li .time span {font-size: var(--font20);font-weight: 400;}
.news li .imgBox {width: 28%; max-height: 172px;    flex-shrink: 0;}
.news li .imgBox img {width: 100%; height: 100%; object-fit: cover;}
.news li .info {margin-right: .8rem;}
.news li .info .tit {color: #333333; font-size: var(--font20); transition: .5s;}
.news li .info dl {display: flex; flex-wrap: wrap;}
.news li .info dd {display: flex; align-items: center; margin: .2rem .2rem 0 0; color: #999999; font-size: var(--font14);}
.news li .info dd .icBox {height: 16px; margin-right: .1rem;}
.news li .info dd.hitime {display: none;}
.news li .info .text {margin-top: .2rem;}
.news li .info .text p {color: #666666;}
.news li:hover {background: #fcfcfc;}
.news li:hover .info .tit {color: #002C7E; font-weight: 700;}
.news li:hover .time {color: #fff;}
.news li:hover .time > div::before {width: 100%;}
.news li:hover .time > div::after {opacity: 1; transition-delay: .4s;}
.news li:hover .xian::before {width: 100%; transition-delay: .6s;}


/* 新闻详情 */
.newsDateMain {padding-top: .6rem;}
.newsDate {padding: .5rem 0 1rem;}
.newsDate .box {display: flex; justify-content: space-between; align-items: flex-start;}
.newsDate .le {width: 100%;}
.newsDate .le .tle {border-bottom: 1px solid #C4C4C4; padding-bottom: .2rem;}
.newsDate .le .tle h5 {color: #333333; font-size: var(--font30);}
.newsDate .le .tle .titDisc {margin-top: .2rem;}
.newsDate .le .tle .titDisc span {color: #999999; margin-right: .2rem; margin-top: .1rem;}
.newsDate .le .datecon {margin: .5rem 0;}
.newsDate .le .datecon img {max-width: 100%;}
.newsDate .page {border-top: 1px solid #C4C4C4;padding-top: .1rem; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.newsDate .page .pagele {width: 50%;}
.newsDate .page .pagele p {color: #666666; margin-top: .1rem; display: flex;}
.newsDate .page .pagele p span {flex-shrink: 0;}
.newsDate .page .pagele a {color: #333;}
.newsDate .page .pagele a:hover {color: #002C7E;}
.newsDate .page .pagere a {padding: .14rem .32rem;background: #002C7E; color: #FFFFFF;}
.newsDate .page .pagere a svg {margin-left: .1rem;}


/* ======联系我们===== */
.tactnav ul {justify-content: flex-end;}

.tactOne {padding: .8rem 0 1rem; overflow: hidden;}
.tactOne .box {position: relative; padding: .6rem 0; display: flex; justify-content: flex-end;}
.tactOne .imgBox {position: absolute; width: 100%; height: 100%;top: 0;left: 0;}
.tactOne .imgBox img {width: 100%; height: 100%; object-fit: cover;}
.tactOne .box .info {width: 45%; padding: .5rem; padding-right: 0; position: relative;background: #ffffff;box-shadow: 0rem 0rem 0.1rem 0rem rgba(0,0,0,0.02); }
.tactOne .box .info::after {content: ""; position: absolute; height: 100%; width: .5rem; right: -.5rem; border-right: 0.04rem solid #002C7E;    top: 0;background: #fff;}
.tactOne .tit {color: #002c7e;font-weight: 700; font-size: var(--font30);}
.tactOne .xian {width: 0.21rem;height: 1px; background: #002c7e; display: block; margin-top: .15rem;}
.tactOne .text {margin-top: .2rem;}
.tactOne .text p {color: #666666; line-height: 1.7;}
.tactOne dl {margin-top: .25rem;}
.tactOne dd {display: flex; align-items: center;color: #333333; margin: 5px 0;}
.tactOne dd .cirle {position: relative; margin-right: .15rem;}
.tactOne dd .cirle i {width: 6px; height: 6px;background: #002c7e; border-radius: 50%;display: block;}
.tactOne dd .cirle::after {content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);width: 250%; height: 250%; border-radius: 50%;animation: scalemap 2s linear infinite;background: #002c7e;}

.tactTwo {background: #f2f2f2;padding: .3rem 0 1rem;}
.tactTwo .thead {background: #002c7e;}
.tactTwo .thead ul {display: flex;}
.tactTwo .thead li {width: calc(100% / 5); text-align: center; padding: .22rem 0;font-weight: 700; font-size: var(--font18);color: #ffffff;    min-height: 65px;display: flex; align-items: center; justify-content: center;}
.tactTwo .tbody li {margin: .15rem 0; background: #fff;}
.tactTwo .tbody dl {display: flex; align-items: center; border-bottom: 1px solid #FCFCFC;}
.tactTwo .tbody dd {width: calc(100% / 5); text-align: center; padding: .14rem 0; color: #666; min-height: 65px;display: flex; align-items: center; justify-content: center;}
.tactTwo .tbody dd .icBox {margin: auto; width: 0.4rem;height: 0.4rem;background: #002c7e; border-radius: 50%;display: flex; align-items: center;justify-content: center; transition: .5s;}
.tactTwo .tbody dd .icBox svg {max-width: 50%;}
.tactTwo .tbody .info {padding: .3rem 6.5%; box-sizing: border-box; display: none;}
.tactTwo .tbody li.on .icBox {transform: rotate(90deg);}

/* 在线联系 */
.online {margin: .6rem 0;}
.online .box { position: relative;background: #ffffff; box-shadow: 0rem 0.03rem 0.37rem 0rem rgba(0,0,0,0.13); position: relative;    width: 110%;left: -5%;padding: .4rem 5% .8rem 5%;}
.online .tle .p1 {color: #333333; font-size: var(--font36);}
.online .tle .p1 span {color: #002C7E; font-weight: 700;}
.online .tle .p2 {color: #666666;margin-top: .1rem;}

.online .form {display: flex; flex-wrap: wrap; justify-content: space-between; padding-top: .3rem;}
.online .form .inBox {width: 48%; margin-top: .3rem;}
.online .form label {color: #333333;font-weight: 400;}
.online .form label em {color: #FF0000;}
.online .form .inputBox {display: flex;align-items: center; height: 0.54rem; min-height: 45px; margin-top: .15rem; background: #fcfcfc;border: 1px solid #f1f1f1; padding: 0 .2rem; box-sizing: border-box;}
.online .form .inputBox .icBox {width: 20px; margin-right: .15rem; flex-shrink: 0;}
.online .form .inputBox .icBox img {max-width: 100%;}
.online .form .inputBox input {flex: 1; height: 100%; color: #333; width: 100%;}
.online .form .inputBox input::placeholder , .online .form .inputBox input::-webkit-input-placeholder {color: #999999;}
.online .form .inputBox input:-moz-placeholder {color: #999999;}
.online .form .inputBox input:-ms-input-placeholder {color: #999999;}
.online .form .inBox.textBox {width: 100%;}
.online .form .textBox .inputBox {height: auto; align-items: flex-start; padding: .2rem;}
.online .form .textBox textarea {height: 1.2rem; width: 100%; resize: none; background: none; border: 0;}
.online .form .textBox textarea::placeholder , .online .form .textBox textarea::-webkit-input-placeholder {color: #999999;}
.online .form .textBox textarea:-moz-placeholder {color: #999999;}
.online .form .textBox textarea:-ms-input-placeholder {color: #999999;}
.online .form .inCode .inputBox {padding-right: 0; margin-top: 0;}
.online .form .inCode input {padding-right: .2rem;}
.online .form .inCode .imgBox {padding: .1rem .15rem; border-left: 1px solid #F1F1F1; box-sizing: border-box;    height: 100%;}
.online .form .inCode .imgBox img {max-width: 100%;max-height: 100%;}
.online .form .sub {width: 48%;} 
.online .form .sub button {background: #002c7e;border: 1px solid #f1f1f1;display: block; height: 100%; padding: 0 .36rem; color: #fff;cursor: pointer; box-sizing: border-box;}

/* 联系方式 */
.wayone {padding-bottom: .3rem;}
.wayone .box {background: #002c7e;border-radius: 0.09rem; padding: .55rem .4rem; display: flex; justify-content: space-between; align-items: center;}
.wayone .shuxian {width: 1px; opacity: 0.1;background: #ffffff; height: 1.45rem;}
.wayone .tit h4 {color: #ffffff; font-size: var(--font36);font-weight: 700;}
.wayone .tit {position: relative;z-index: 1;}
.wayone .tit .en {position: absolute; bottom: 0; text-transform: uppercase;font-size: 0.6rem;color: rgba(255, 255, 255,.1);font-weight: 700;z-index: -1;}
.wayone .tle i {width: 20px;height: 1px;background: #ffffff; display: block;}
.wayone .text {margin-top: .25rem;}
.wayone .text p {color: #fff;line-height: 1.8;}
.wayone .text p span {display: block;}
.wayone dl dd {display: flex; align-items: center; border-bottom: 1px solid rgba(255, 255, 255,.1); padding: .25rem 0;}
.wayone dl dd:first-child {padding-top: 0;}
.wayone dl dd:last-child {border: 0;}
.wayone dl dd .icBox {width: 0.44rem;height: 0.44rem;background: #e11515; min-height: 35px; min-width: 35px; border-radius: 50%; margin-right: .18rem;}
.wayone dl dd .icBox img {max-width: 60%;}
.wayone dl dd span {color: #ffffff; font-size: var(--font14);}
.wayone dl dd strong { font-size: var(--font30);color: #ffffff; display: block;}
.wayone dl dd p {color: #ffffff; font-size: var(--font18);}
.wayone .codeBox span {display: block; color: #fff; font-size: var(--font14); text-align: center;margin-top: .1rem;}

.wayTwo {padding: .6rem 0;}
.wayTwo ul {display: flex; justify-content: space-between;}
.wayTwo li {padding: .5rem 0; width: 31%; background: #ffffff; border-radius: 0.08rem;box-shadow: 0rem 0rem 0.1rem 0rem rgba(0,0,0,0.02);position: relative; overflow: hidden;}
.wayTwo li .icBox {width: 0.78rem;height: 0.78rem;background: #002c7e; border-radius: 50%; margin: auto; display: flex; align-items: center; justify-content: center;}
.wayTwo li .icBox img {max-width: 50%;}
.wayTwo li .p1 {color: #333333; font-size: var(--font24); text-align: center;margin-top: .22rem;}
.wayTwo li .p2 a {color: #002c7e;font-weight: 700;font-size: var(--font20); text-align: center; margin-top: .15rem; display: block;}
.wayTwo li::after {content: "";background: #002c7e; height: 3px; width: 100%; position: absolute; bottom: 0;}

.wayThre {padding-bottom: 1rem;}
.wayThre img {max-width: 100%;}



/* 编辑框调整 */
.OthreCase {margin-bottom: 1rem;}
.OthreCase img {max-width: 100%;}
/* .OthreCase .tit {font-size: var(--font24); color: #002c7e; position: relative;}
.OthreCase .tit::before {content: "";  background: url(../images/OthreCase-tit.png) no-repeat center; background-size: contain;} */

.OthreCase .alist {margin-top: .3rem;    display: flex;flex-wrap: wrap;}
.OthreCase .alist a {padding: .15rem .2rem; margin: .1rem; margin-left: 0; background: #002c7e;color: #fff;  display: inline-block; border-radius: 100px; transition: .5s;}
.OthreCase .alist a:hover {background: #ffa60a; color: #fff;}
.OthreCase .alist a.on {background: #ffa60a;color: #fff;}

.caseDateTwo .dateInfo img {max-width: 100%; height: auto !important;}

.caseDateTwo .tableA tr td:first-child {    white-space: nowrap;}

.caseDateTwo .tableB {overflow-x: auto;}
.caseDateTwo .tableB table {white-space: nowrap;}


/* 新闻编辑款调整 */
.newsDate .datecon table {border-collapse: collapse;}

/* 右侧悬浮窗 */
.slidefixed {position: fixed; right: 1%; bottom: 20%; z-index: 99;}
.slidefixed ul {background: #002c7e; border-radius: 5px;}
.slidefixed li {position: relative; padding: .15rem .1rem; }
.slidefixed li::after {content: ""; position: absolute; width: 60%; height: 1px; bottom: 0;left: 20%; background: #eee; opacity: .5;;}

.slidefixed li:last-child {cursor: pointer;}
.slidefixed li:last-child::after {display: none;}

.slidefixed li .imgBox { width: 250%;position: absolute; border-radius: 5px; left: 0%; top: 10%; transform: translate(-100%, -0%); background: #fff; box-shadow: 0 0 .1rem #eee; box-sizing: border-box; padding: .1rem; opacity: 0; visibility: hidden; transition: .5s;}

.slidefixed li .icBox {display: flex; align-items: center; justify-content: center;}
.slidefixed li .show span {color: #fff; text-align: center; display: block; margin-top: 5px; font-size: 12px;}
 
.slidefixed .imgBox img {width: 100%; max-width: 150px;}


.slidefixed li:hover .imgBox {opacity: 1; top: 0; visibility: visible;}