/* =====头部===== */
.header-zw {height: 1.36rem;width: 100%; display: none;}
.header {background: #fff;}
.headerBox {display: flex; justify-content: space-between; align-items: center; padding: .2rem 0; height: 1.06rem;}
.headerBox .logo {display: flex; align-items: center; height: 100%;}
.headerBox .logo a {height: 100%;}
.headerBox .logo a .logoImg {height: 100%;}
.headerBox .logo a .logoImg img {max-width: 100%; max-height: 100%;}
.headerBox .logo .logoCon {display: flex; align-items: center; margin-left: .2rem;}
.headerBox .logoCon h1 {font-size: var(--font33);font-weight: 700;color: #303e47;letter-spacing: 0.01rem;     line-height: initial;}
.headerBox .logoCon .en {font-size: var(--font18);font-family: Arial, Arial-Regular;color: #bdbdbd; text-transform: uppercase;}
.headerBox .logoCon i {width: 1px; height: .68rem; background: url(../images/xz.png) no-repeat center; background-size: auto; margin: 0 .3rem;}
.headerBox .logoCon2 h3 {font-size: var(--font24);font-weight: 700;color: #333333;}
.headerBox .logoCon2 span {font-size: var(--font17);color: #666666;}
/* 搜索 */
.heSearch .pcSearch form {position: relative;}
.heSearch .pcSearch form input {width: 292px; height: 45px; border: 0.01rem solid #dddddd;border-radius: 24px; padding: 0 .3rem; padding-right: .4rem; box-sizing: border-box;}
.heSearch .pcSearch form input::placeholder {font-size: var(--font15);color: #b3b3b3;}
.heSearch .pcSearch form button {position: absolute; left: 92%; top: 50%; transform: translate(-50%, -50%); background: none;border: 0; cursor: pointer;}
.heSearch .pcSearch form button img {display: block;}
.moblieSearch {position: relative; display: none; line-height: 1.36rem;}
.moblieSearch > img {cursor: pointer;}
.searchBox {position: fixed; width: 100%;left: 0; display: none;   height: 2.5rem;width: 100%; border-top: 1px solid #D5D5D5; z-index: 8; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15);}
.searchBox { background: #fff;line-height: initial;}
.searchBox .inBox {display: flex; align-items: center; justify-content: center; height: 100%;}
.searchBox form {width: 70%; position: relative; border-bottom: 2px solid #eee; padding-bottom: 0.15rem;}
.searchBox form .inText {width: calc(100% - 40px); font-weight: 400;border: none; background: none; outline: none; padding-left: 0.1rem; box-sizing: border-box;}
.searchBox form .inText::placeholder { color: #6666;}
.searchBox form .sub { cursor: pointer; outline: none; border: none; width: 23px; height: 23px; background: url(../images/searchIcon.png) no-repeat center; background-size: auto;}
.searchBox form button img { filter: brightness(0); -webkit-filter:brightness(0);}
/* 电话 */
.heTel {display: flex; align-items: center;}
.heTel .icBox { display: flex; align-items: center; justify-content: center;margin-right: .1rem; width: 0.55rem;height: 0.55rem; border-radius: 50%;border: 0.01rem solid rgba(66, 66, 66,.26)}
.heTel .icBox img {max-width: 43%;}
.heTel .con em {font-size: var(--font15);color: #777777;}
.heTel .con b {font-weight: 400; display: block;font-size: var(--font29); font-family: Arial, Arial-Regular;}
/* 导航 */
.headerNav {height: 0; position: sticky; top: 0; z-index: 11; }
.headerNav .navBox {background: rgba(0, 0, 0, 0.19); transition: .5s;}
.headerNav ul {display: flex; justify-content: space-between;}
.headerNav ul li {position: relative;}
.headerNav ul li > a {color: #fff; padding: 0.2rem .25rem; display: block; transition: .5s;}
.headerNav ul li:hover > a ,.headerNav ul li.on > a  {background: #009241;color: #fff;}

.headerNav ul li:nth-child(2) {display: none;}

/* 导航下拉 */
.headerNav ul li dl {position: absolute;background:#fff;  width: 100%; display: none;box-shadow: 1px 1px 10px rgba(0,0,0,0.1);padding:0.1rem 0}
.headerNav ul li:nth-child(6) dl {width: 100%; white-space: nowrap; left: 0%;}
.headerNav dl dd a {color: #333; display: block;  transition: .5s;text-align: center;font-size: 0.14rem;color:#666;padding:.07rem 0.1rem}
.headerNav dl dd a:hover {background: #009241;color:#fff}

.headerNav.top-headerUp .navBox {background:#303e47;}


/* 公用样式按钮 */
.inMore1 {margin-top: .6rem;}
.inMore1 a {box-sizing: border-box; width: 2.2rem; font-size: var(--font18); margin: auto; height: 0.55rem;background: #009241; display: flex; justify-content: center; align-items: center; color: #fff; font-weight: 700;}
.inMore1 a { position: relative; z-index: 1;}
.inMore1 a img {margin-left: 15%;}
.inMore1 a::after {content: ""; position: absolute; width: 0; height: 100%; transition: .5s; background: #015198; z-index: -1; left: 0;}
.inMore1 a:hover::after {width: 100%;}


/* =====首页===== */
.bannerSwiper {position: relative; overflow: hidden;}
.bannerSwiper .swiper-slide img {width: 100%;}
.bannerSwiper .swiper-button-prev {transform: rotate(180deg);}
.bannerSwiper .swiper-pagination {bottom: .5rem;}
.bannerSwiper .swiper-pagination-bullet {width: 13px; height: 13px; background: #fff;opacity: 1; margin: 0 8px !important;}
.bannerSwiper .swiper-pagination-bullet-active {background: #009241;}
/* 公用标题 */
.indexTle {text-align: center; padding: .6rem 0;}
.indexTle h3 {font-size: var(--font40);font-weight: 700;}
.indexTle i {width: 2.19rem;height:1px;background: #d8d8d8; display: inline-block; position: relative;}
.indexTle i::after {content: "";width: 0.55rem;height: 4px;background: #009241;position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.indexTle span {display: block;font-size: var(--font18);color: #666666;margin-top: .1rem;}
/* 成功案例 */
.indexOne  {margin-bottom: .6rem;}
.indexOne .swiperBox1 {position: relative;}
.indexOne .swiperBox1::after { position: absolute; left: 50%; top: 40%; transform: translate(-50%, -50%); content:""; width: 100%; height: 1px; background: #E5E5E5;}
.inOneSwiper1 {padding: 10px 0;width: 1500px; max-width: 92%;margin: auto;}
.inOneSwiper1 .swiper-slide {width: auto; cursor: pointer;}
.inOneSwiper1 .swiper-slide span {text-align: center; font-size: var(--font18);color: #666666;display: block;margin-top: .1rem;}
.inOneSwiper1 .icBox {transition: .5s; margin: auto; position: relative;z-index: 1; display: flex; align-items: center;justify-content: center; border-radius: 50%; width: 0.81rem; height: 0.81rem;background: #ffffff;  border: 0.01rem solid #e4e4e4;}
.inOneSwiper1 .icBox img {max-width: 40%;}
.inOneSwiper1 .swiper-slide.swiper-slide-thumb-active .icBox { background: #015198;}
.inOneSwiper1 .swiper-slide.swiper-slide-thumb-active .icBox::after {content: "";width: 110%;height: 110%;position: absolute;border-radius: 50%;background: rgba(1, 82, 152,.07); z-index: -1; animation: shubiao 1s infinite linear .65s;}
.inOneSwiper1 .swiper-slide.swiper-slide-thumb-active .icBox img {filter: brightness(100); -webkit-filter:brightness(100);}
.inOneSwiper1 .swiper-scrollbar-drag {background: #015198;}
.inOneSwiper2 {margin-top: .8rem;padding-bottom: 1.25rem;}
.inOneSwiper3 {overflow: initial; }
.inOneSwiper3 .swiper-slide {width: 45%;  transition: .5s; opacity: .5;}
.inOneSwiper3 .swiper-slide .imgBox {transform: scale(.88); transition: .5s; overflow: hidden;}
.inOneSwiper3 .swiper-slide-active {opacity: 1;}
.inOneSwiper3 .swiper-slide-active .imgBox {transform: scale(1); }
.inOneSwiper3 .swiper-slide .imgBox img {width: 100%; transition: .5s;}
.inOneSwiper3 .swiper-slide-active:hover .imgBox img {transform: scale(1.05);}

.inOneSwiper3 .swjt {left: 77%;  width: 0.68rem;height: 0.68rem; background: #ffffff;box-shadow: 0rem 0.2rem 0.28rem 0rem rgba(226,226,226,0.18); border-radius: 50%; }
.inOneSwiper3 .swjt.swiper-button-prev {transform: rotate(180deg); left: 19%;}
.inOneSwiper3 .swjt img {max-width: 20%;}
.inOneSwiper3 .con {width: 90%; padding: .35rem; padding-right: 7%; box-sizing: border-box; position: absolute; left: 50%; top: 120%; opacity: 0; visibility: hidden; transform: translate(-50%, -50%);  background: #fff;box-shadow: 0rem 0.2rem 0.28rem 0rem rgba(226,226,226,0.18); transition: .5s;}
.inOneSwiper3 .con {background-image: url(../images/jt2.png); background-repeat: no-repeat; background-position: 96%;}
.inOneSwiper3 .con h5 {font-size: var(--font22);color: #333333;}
.inOneSwiper3 .con dl {margin-top: .25rem; display: flex; flex-wrap: wrap;}
.inOneSwiper3 .con dd {display: flex; align-items: center;}
.inOneSwiper3 .con dd:nth-child(1) {margin-right: .5rem;}
.inOneSwiper3 .con dd span {font-size: var(--font15);color: #666666;margin-left: 5px;}
.inOneSwiper3 .con:hover h5 {color: #015198;}
.inOneSwiper3 .swiper-slide-active .con {top: 100%; opacity: 1; visibility: visible;}
/* 自有工厂标准化生产 · 从源头把控质量 */
.indexTwo {background: url(../images/indexTwo-bj.jpg) no-repeat center; background-size: cover; padding-bottom: 1rem;}
.indexTwo .container {width: 1550px;}
.indexTwo .box {display: flex; align-items: center; justify-content: space-between;}
.indexTwo .box dl {width:30%;}
.indexTwo .cen {width: 33%;     margin: 0 .6rem;}
.indexTwo .cen img {max-width: 100%;}
.indexTwo .tle {display: flex; align-items: center;padding-bottom: 10px; border-bottom: 1px solid rgba(194, 194, 194,.37)}
.indexTwo .tle .con {margin-left: .2rem;}
.indexTwo .tle .con h5 {font-size: var(--font26);font-weight: 700;}
.indexTwo .tle .con span {font-size: var(--font18);color: #a1a1a1;}
.indexTwo dl dd {margin-top: 1rem;}
.indexTwo dl dd ul {margin-top: .3rem;}
.indexTwo dl dd ul li {position: relative;font-size: var(--font16);color: #666; margin: 5px 0; padding-left: .15rem;}
.indexTwo dl dd ul li::before {content: "";width: 6px; height: 6px; border-radius: 50%;position: absolute; left: 0%; top: 50%; transform: translate(-50%, -50%);background:#009241;;}
/* VOCs废气治理解决方案 */
.indexThree {background: url(../images/indexThree-bj.jpg) no-repeat center;background-size: cover; padding-bottom: 1rem;}
.indexThree ul {display: grid; grid-template-columns: repeat(5,auto); justify-content: center;left: .2rem;position: relative;}
.indexThree ul li {-webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); }
.indexThree ul li {margin-right: .2rem; position: relative; width: 2.51rem;height: 2.61rem;background: url(../images/xz2.png) no-repeat center;background-size: 100%;}
.indexThree ul li .bj2 {position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: 0; transition: .5s; }
.indexThree ul li .bj2::after {content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #000; opacity: .5;}
.indexThree ul li .bj2 img {width: 100%; height: 100%; object-fit: cover;}
.indexThree ul li .bj2 .tle {height: 100%; position: absolute; width: 100%; text-align: center;padding-top: 40%;box-sizing: border-box; z-index: 1;}
.indexThree ul li .bj2 .tle span {font-size: 0.2rem;color: #ffffff;font-weight: 700;display: block; line-height: initial;     padding: 0 .1rem;box-sizing: border-box;}
.indexThree ul li .con {height: 100%;width: 100%; text-align: center;display: flex;flex-direction: column;justify-content: center;}
.indexThree ul li .con img {max-width: 20%;}
.indexThree ul li .con h5 {font-size: .18rem; margin: .15rem .1rem;font-weight: 700; color: #333;}
.indexThree ul li .con em {font-size: 0.36rem;font-weight: 300;color: #333333;opacity: .2; position: relative; z-index: 11; line-height: .25rem;}
.indexThree ul li:hover .bj2 {opacity: 1;}
.indexThree ul li:hover .con em {color: #fff; opacity: 1;}
.indexThree ul li:nth-child(n+5) {top: -.48rem;left: 1.35rem;}
/* 服务热线 */
.indexFour {background: url(../images/indexFour-bj.jpg) no-repeat center; background-size: cover; padding: .6rem 0 .8rem 0;}
.indexFour .box {display: flex; justify-content: space-between; align-items: center;}
.indexFour .le .con h4 {font-size: 0.46rem;font-weight: 500;color: #ffffff; margin-top: .2rem;  font-family: "Noto Sans SC";}
.indexFour .le .con span {font-size: .33rem;font-weight: 500;color: #fff;}
.indexFour .reTop {display: flex; align-items: center;}
.indexFour .reTop  span {font-size: var(--font18);font-weight: 400;color: #ffffff; margin-left: 10px;}
.indexFour .tel {margin-top: .15rem;}
.indexFour .tel b a {font-size: 0.37rem;font-family: Arial, Arial-Bold Italic;color: #ffffff;font-weight: 700; font-style: oblique;}
.indexFour .re .more a {width: 140px; height: 45px;background: #009241; color: #fff; display: flex; justify-content: center; align-items: center; margin-top: .35rem; position: relative;z-index: 1;}
.indexFour .re .more a::after {content: ""; position: absolute; width: 0; height: 100%; transition: .5s; background: #015198; z-index: -1; left: 0;}
.indexFour .re .more a:hover::after {width: 100%;}

/* 产品中心 */
.indexFive {margin-bottom: 1rem;}
.infiveSlide {display: flex; justify-content: space-between;}
.infiveSlide .hd li {width: 275px; height: 49px; background: #F9F9F9; border-radius: 25px; margin-bottom: 7px; transition: .5s;}
.infiveSlide .hd li:last-child {margin-bottom: 0;}
.infiveSlide .hd li a {padding: 0 .3rem; box-sizing: border-box; display: block; height: 100%; display: flex; align-items: center; color: #555555; position: relative;}
.infiveSlide .hd li a::after {content: ""; position: absolute; left: 0; width: 100%; height: 100%; opacity: .5; background: url(../images/jt4.png) no-repeat 92%;filter: brightness(0); -webkit-filter:brightness(0);}
.infiveSlide .hd li:hover {background: #035198;}
.infiveSlide .hd li:hover a {color: #fff;}
.infiveSlide .hd li:hover a::after {filter:none; -webkit-filter:none; opacity: 1;}
.infiveSlide .bd {width: 75%; margin-left: .6rem;}
.infiveSlide .bd ul {display: grid; grid-template-columns: repeat(3,1fr);gap: .3rem; height: 100%;}
.infiveSlide .bd li {background: #ffffff;border: 1px solid #dddddd;}
.infiveSlide .bd li a {height: 100%;display: block; position: relative;}
/* .infiveSlide .bd li a::before {content: "";background: #252f35;position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: .5;z-index: 1; opacity: 0; visibility: hidden; transition: .5s;}
.infiveSlide .bd li a::after {content: "+"; display: flex; align-items: center; justify-content: center;font-size: 0.48rem;color: #ffffff; width: 0.64rem; height: 0.64rem; font-weight: 300;    line-height: initial;background: rgba(255, 255, 255,.18);border-radius: 50%;position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 2;} */
/* .infiveSlide .bd li a::after {opacity: 0; visibility: hidden; transition: .5s; transition-delay: .1s;} */
.infiveSlide .bd li .imgBox {overflow: hidden; height: calc(100% - 70px); position: relative;}
.infiveSlide .bd li .imgBox img {width: 100%; transition: .5s; height: 100%; object-fit: cover;}
.infiveSlide .bd li .imgBox::before {content: "";width: 100%;height: 100%;background: linear-gradient(135deg, #009241 , #015198); position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) scale(0); z-index: 1; opacity: 0; transition: all 0.4s;}
.infiveSlide .bd li .imgBox i {min-width: 40px; min-height: 40px; width: .6rem;height: .6rem;border-radius: 4px; background: #1a1a1a;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) scale(0);z-index: 1;opacity: 0;    transition: all 0.4s; transition-delay: 0.2s;}
.infiveSlide .bd li:hover .imgBox i {transform: translate(-50%,-50%) scale(1);opacity: 1;}
.infiveSlide .bd li:hover .imgBox::before {transform: translate(-50%,-50%) scale(1); opacity: 0.8;}
.infiveSlide .bd li .con {display: flex; align-items: center;justify-content: center; font-size: var(--font16);font-weight: 400;color: #333333; padding:0 10px; height: 70px; position: relative;}
.infiveSlide .bd li .con::after {content: "";position: absolute; left: 0; width: 100%; bottom: 0;background: #009241; height: 3px;}
.infiveSlide .bd li:hover .imgBox img {transform: scale(1.03);}
.infiveSlide .bd li:hover a::before {opacity: .5; visibility: visible;}
.infiveSlide .bd li:hover a::after {opacity: 1; visibility: visible;}
/* 一站式服务流程 */
.indexSix {background: url(../images/indexSix-bj.jpg) no-repeat center; background-size: cover; padding-bottom: .8rem;}
.indexSix ul {display: flex; justify-content: space-between;}
.indexSix ul li {text-align: center;}
.indexSix ul li .icBox {width: 110px; height: 110px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: #fff; margin: auto;}
.indexSix ul li .icBox img {transition: .5s;}
.indexSix ul li span {font-size: var(--font18);color: #666666; display: block; margin: .15rem 0;}
.indexSix ul li .num {font-size: var(--font14);color: #666666; opacity: .43;}
.indexSix .tel {margin-top: .8rem;}
.indexSix .tel .us { position: relative; z-index: 1;}
.indexSix .tel .us::before {content: "";position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 1px; opacity: .11; background: #535353; z-index: -1;}
.indexSix .tel .us span {color: #fff;margin: auto; text-align: center; max-width: 80%;  width: 3.47rem; height: 0.52rem;background: #009241; border-radius: 0.26rem; }
.indexSix .tel .iphone {text-align: center;margin-top: .4rem;}
.indexSix .tel .iphone em {color: #333333;}
.indexSix .tel .iphone b , .indexSix .tel .iphone b a {color: #035198;font-weight: 700; font-family: Arial, Helvetica, sans-serif;font-size: .35rem;}
.indexSix ul li:hover .icBox img {transform: rotateY(180deg);}
/* 提升产能效率 · 从选择盛华开始 */
.indexSeven {margin-bottom: 1rem;}
.indexSeven .box {display: flex; justify-content: space-between; align-items: flex-start;}
.indexSeven .box .le {width: 54%;}
.indexSeven .box .re {width: 40%; margin-top: 15px;}
.indexSeven .box .setop {display: flex; justify-content: space-between; align-items: center;}
.indexSeven .setop .tople {display: flex; align-items: flex-end; padding-bottom: .16rem;}
.indexSeven .setop h4 {font-size: var(--font24);font-weight: 700;color: #333333; margin:0 .16rem 0 .08rem; line-height: initial;}
.indexSeven .setop .en {font-size: var(--font14);font-family: Arial, Arial-Regular;color: #999999; text-transform:uppercase;}
.indexSeven .topre a {font-weight: 400; color: #c8c8c8;} 
.indexSeven .topre a:hover {color: #009241;}
.indexSeven .le dl dd {padding: .2rem 0; border-top: 1px solid #ddd;}
.indexSeven .le dl dd a {display: flex;align-items: center; justify-content: space-between;}
.indexSeven .le dd .imgBox {width: 32%; overflow: hidden; display: flex; align-items: center; justify-content: center;}
.indexSeven .le dd .imgBox img {max-width: 100%; transition: .5s;}
.indexSeven .le dd .con {width: 63%;}
.indexSeven .le dd h5 {font-size: var(--font18);font-weight: 700;color: #333333;}
.indexSeven .le dd p {margin-top: .15rem; font-weight: 400;font-size: var(--font15);color: #666666;display: -webkit-box;overflow: hidden;  	-webkit-line-clamp: 2;-webkit-box-orient: vertical; }
.indexSeven .le dd .time {color: #888888;font-weight: 400;font-size: var(--font15);font-family: Arial, Arial-Regular; margin-top: .2rem;}
.indexSeven .le dd:hover .imgBox img {transform: scale(1.01);}
.indexSeven .le dd:hover h5 {color: #015198;}
.indexSeven .re h3 {border: 1px solid #cccccc; border-radius: 5px; padding: .15rem .25rem; position: relative;color: #666666; margin-bottom: 10px; transition: .5s; }
.indexSeven .re h3::after {content: "+"; width: 100%; padding-right: .15rem; box-sizing: border-box;top: 0; left: 0; font-size: var(--font22);color: #333333;font-weight: 700;line-height: initial; position: absolute;right: 0;}
.indexSeven .re h3::after {height: 100%;display: flex;align-items: center;justify-content: flex-end;}
.indexSeven .re h3 span {display: -webkit-box;overflow: hidden;  	-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.indexSeven .re h3.on {color: #fff;background: #035198; border-bottom-left-radius: 0;border-bottom-right-radius: 0;}
.indexSeven .re h3.on::after {content: "-";color: #fff;}
.indexSeven .re ul {background: #fafafa; position: relative; top: -10px; padding: .15rem .25rem;}
.indexSeven .re ul p {color: #666666;display: -webkit-box;overflow: hidden;  	-webkit-line-clamp: 3;-webkit-box-orient: vertical; }
.indexSeven .re ul li a {color: #afafaf; font-size: var(--font15); display: inline-block; margin-top: .2rem;}
.indexSeven .re ul li a:hover {color: #015198;}
/* 走进盛华环保 */
.indexEight {padding-bottom: 2.5rem;}
.indexEightBox {margin-bottom: 1.5rem; position: relative;}
.indexEight .topBox {background: url(../images/indexEight-bj.jpg) no-repeat center; background-size: cover; padding-bottom: 3.65rem;}
.indexEight .indexTle {padding-bottom: .3rem;}
.indexEight .indexTle h3 {color: #fff;} 
.indexEight .indexTle i {background: rgb(217, 217, 217,.2);}
.indexEight .topBox .text p {text-align: center;color: #ffffff; width: 66%; margin: auto; line-height: 30px;}
.indexEight .topBox .more a {width: 178px;height: 45px; background: #009241; color: #fff; text-align: center; line-height: 45px; display: block; margin: auto; margin-top: .5rem; position: relative; z-index: 1;}
.indexEight .topBox .more a::after {content: ""; position: absolute; width: 0; height: 100%; transition: .5s; background: #015198; z-index: -1; left: 0;}
.indexEight .topBox .more a:hover::after {width: 100%;}
.indexEight .bomBox {max-width: 95%; padding: 0.5rem 0; background: #ffffff;box-shadow: 0rem 0.2rem 0.28rem 0rem rgba(226,226,226,0.18); position: absolute; left: 50%; top: 100%; transform: translate(-50%, -50%);}
.indexEight .bomBox .container {width: 1600px; max-width: 98%;}
.inghtSwiper1 {width: 1400px; margin: auto; max-width: 93%;  border-bottom: 5px solid #EAEAEA; margin-bottom: .4rem; overflow: initial;}
.inghtSwiper1 .swiper-slide::after {content: "";width: 1px;height: 65%; background: #efefef; position: absolute; right: 0; top: 0;}
.inghtSwiper1 .swiper-slide:last-child::after {display: none;}
.inghtSwiper1 .swiper-slide {cursor: pointer; padding-bottom: .3rem;}
.inghtSwiper1 .swiper-slide::before {content: "";background: #009241;height: 5px;     bottom: -5px; position: absolute;  left: 0; width: 0%; transition: .5s;}
.inghtSwiper1 .swiper-slide span {color: #666666;font-size: var(--font24);margin-left: 10px;}
.inghtSwiper1 .swiper-slide .icBox {height: 45px; display: flex; align-items: center; justify-content: center;}
.inghtSwiper1 .swiper-slide img {filter: grayscale(100%); -webkit-filter:grayscale(100%); opacity: .6;}
.inghtSwiper1 .swiper-slide.swiper-slide-thumb-active span {color: #009241;}
.inghtSwiper1 .swiper-slide.swiper-slide-thumb-active img {opacity: 1; filter:none; -webkit-filter:none; }
.inghtSwiper1 .swiper-slide.swiper-slide-thumb-active::before {width: 100%;}
.inghtSwiper2 {width: 1500px; margin: auto; max-width: 100%; }
.inghtSwiper2 .swiper-slide {pointer-events: auto;}
.inghtSwiper2 .swiper-slide .swjt {right: 0;}
.inghtSwiper2 .swiper-slide .swiper-button-prev {left: 0; right: auto; transform: rotate(180deg);}
.inghtSwiper3 {width: 1400px; margin: auto; max-width: 93%;}
.inghtSwiper3 .swiper-slide {pointer-events: auto;}
/* .inghtSwiper3 .swiper-slide .imgBox {max-height: 2rem;} */
.inghtSwiper3 .swiper-slide .imgBox img {width: 100%; transition: .5s; max-height: 3rem; object-fit: contain;}
.inghtSwiper3 .swiper-slide span {color: #666666;margin-top: .2rem; display: block; text-align: center;}
.inghtSwiper3 .swiper-slide .imgBox {overflow: hidden;}
.inghtSwiper3 .swiper-slide:hover .imgBox img {transform: scale(1.1);}

/* =====底部===== */
.footer { background: #232728;}
.footer .foterLinks {padding: .3rem 0; border-bottom: 1px solid rgba(255, 255, 255, 0.2);;}
.footer .foterLinks dl {display: flex; align-items: center; flex-wrap: wrap;color: rgba(255, 255, 255, 0.5)}
.footer .foterLinks dl .ddBox {display: flex; flex-wrap: wrap; align-items: center;}
.footer .foterLinks dd {padding: 0 .2rem; box-sizing: border-box;font-size: var(--font15);color: rgba(255, 255, 255, 0.5);position: relative;}
.footer .foterLinks dd a {display: block; line-height: initial;}
.footer .foterLinks dd::after {content: ""; position: absolute;top: 0; right: 0; height: 80%; top: 15%; width: 1px; background:rgba(255, 255, 255, 0.5);}
.footer .foterLinks dd:last-child::after {display: none;}
.footer .foterLinks dd a:hover {color: #fff;}
.foterNav {display: flex; justify-content: space-between; align-items: center; padding: .5rem 0 .6rem 0;}
.foterle .foterLogo {display: flex;align-items: center;}
.foterle .logoCon {margin-left: 14px;}
.foterle .logoCon h2 {color: #ffffff;font-size: .33rem;letter-spacing: 1px;}
.foterle .logoCon .en {font-size: var(--font18);font-family: Arial, Arial-Regular;color: #ffffff; text-transform: uppercase; opacity: .6;}
.foterle .foterCode {margin-top: .5rem; display: grid; text-align: center; grid-template-columns: repeat(2,auto);gap: .2rem;}
.foterle .foterCode span {display: block;color: #ffffff; font-size: var(--font15); margin-top: .13rem;}
.foterNav dl dt {color: #ffffff; font-size: var(--font18);font-weight: 700; position: relative; padding-bottom: .1rem; display: inline-block;}
.foterNav dl dt::after {content: ""; width: 130%; height: 1px; bottom: 0;position: absolute; left: 0;background: rgba(255, 255, 255, 0.1);}
.foterCen dl dd {margin: .2rem 0;}
.foterCen dl dd em {display: block;color: #ffffff;font-size: var(--font15);opacity: .26;}
.foterCen dl dd {color: rgba(255, 255, 255, 0.5)}
.foterCen dl dd a {font-family: Arial, Arial-Regular;opacity: .5;color: #ffffff;}
.foterCen dl dd a:hover {opacity: 1;}
.foterre {width: 35%;}
.foterre .ddBox {display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: .1rem;}
.foterre .ddBox dd {margin: .15rem 0; width: 40%;}
.foterre .ddBox dd a {font-family: Arial, Arial-Regular;color: rgba(255, 255, 255, 0.4); display: block; background: url(../images/jt5.png) no-repeat right;}
.foterre .ddBox dd a:hover {color: #fff;}
.copyRight {display: flex;flex-wrap: wrap; justify-content: space-between; padding: .2rem 0; border-top: 1px solid rgb(222, 222, 222,.16);}
.copyRight p , .copyRight p a {font-size: var(--font15);color: rgba(255, 255, 255, 0.5);}
.copyRight p a:hover {color: #fff;}

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

/* =====内页内容===== */
.nyMain {margin: .5rem 0;}
.nyMain .box {display: flex; justify-content: space-between; align-items: flex-start;}
.nyMain .box .navle {width: 21%; position: sticky; top: .8rem;}
.nyMain .box .navle .leTop {background: #fff;  z-index: 1;}
.nyMain .navle .tle {background: #02539a; text-align: center; padding: .25rem 0;}
.nyMain .navle .tle h3 {color: #ffffff;font-size: .3rem;}
.nyMain .navle .tle i {display: inline-block;width: 0.41rem;height: 4px; background: #fff;}
.nyMain .navle .tle2 {margin-top: .3rem;}
.nyMain .conre {width: 76%;margin-left: .45rem;}
/* 左侧列表 */
/* 内页一级导航 */
.navOne > li {margin-bottom: 3px; cursor: pointer;}
.navOne > li h4 {background: #f5f5f5;display: flex; box-sizing: border-box;  justify-content: space-between; align-items: center;transition: .5s; }
.navOne > li h4 a {font-size: var(--font16);color: #666666;padding:.1rem .15rem; display: block;}
.navOne > li h4 i {width: .3rem; height: .3rem;background: url(../images/jt6.png) no-repeat center; background-size: 100%; transition: .5s;}
.navOne > li:hover h4 {background: #009241;}
.navOne > li:hover h4 a {color: #fff;}
.navOne > li:hover h4 i {transform: rotate(90deg);}
.navOne > li h4.on {background: #009241;}
.navOne > li h4.on a {color: #fff;}
.navOne > li h4.on i {transform: rotate(90deg);}
/* 内页二级导航 */
.navTwo {border: 1px solid #dddddd; border-top: 0; display: none;}
.navTwo > li {border-top: 1px solid #eee;}
.navTwo > li h5 a {padding: .15rem; box-sizing: border-box; color: #666666; display: block; font-size: var(--font16);}
.navTwo > li h5 a {background: url(../images/jt7.png) no-repeat 92%;}
.navTwo > li:hover h5 a , .navTwo > li.on h5 a {color: #009241;}
.navTwo.on {display: block;}
/* 推荐产品 */
.picMarquee {margin-top: .15rem;}
.picMarquee .bd li {margin-top: .15rem; border: 1px solid #dddddd; box-sizing: border-box;}
.picMarquee .bd li .imgBox {overflow: hidden;}
.picMarquee .bd li .imgBox img {max-width: 100%; transition: .5s;}
.picMarquee .bd li span {text-align: center;background: #f9f9f9; padding: .12rem .1rem; box-sizing: border-box;width: 100%; display: block;}
.picMarquee .bd li:hover .imgBox img {transform: scale(1.05);}
/* 服务热线 */
.serveHot {background: url(../images/tel-bj.jpg) no-repeat center; background-size: cover; min-height: 1.5rem; margin-top: 10px;}
.serveHot {display: flex; flex-direction: column; justify-content: center; align-items: center; padding-left: .7rem; box-sizing: border-box;}
.serveHot em {display: block;font-family: var(--font17);color: #fff;}
.serveHot b a {color: #ffffff;font-size: 0.29rem;font-family: Arial, Arial-Bold;font-weight: 700;}

/* 右侧内容 */
/* 面包屑 */
.mbx {display: flex; align-items: center; flex-wrap: wrap; border-bottom: 1px solid #eee; padding-bottom: .2rem;}
.mbx .onAdd span {color: #1C5A9C; font-weight: 700;margin-left: 10px;}
.mbx dl {display: flex; align-items: center;}
.mbx dl dd a {color: #666;}
.mbx dl dd a:hover {color: #015198;}

/* =====解决方案===== */
.solutionList {margin-top: .3rem;}
.solutionList ul {display: grid; grid-template-columns: repeat(2,1fr);gap: .3rem;}
.solutionList ul li {border:1px solid #eee;box-shadow: 1px 1px 10px rgba(0,0,0,0.03);}
.solutionList ul li a {display: block;}
.solutionList ul li .imgBox {overflow: hidden;}
.solutionList ul li .imgBox img {width: 100%; transition: .5s;}
.solutionList ul li span {position: relative; z-index: 1; padding: .2rem 10px;display: block; box-sizing: border-box; text-align: center; font-size: var(--font20);color: #666666; background: #f5f5f5;}
.solutionList ul li span::after {content: ""; width: 0; height: 100%; position: absolute; left: 0; background: #015198; transition: .5s; top: 0; z-index: -1;}
.solutionList ul li:hover .imgBox img {transform: scale(1.05);}
.solutionList ul li:hover span {color: #fff;}
.solutionList ul li:hover span::after {width: 100%;}
/* 解决方案详情 */
.solutionDate .tle {text-align: center; margin:.5rem 0;}
.solutionDate .tle h3 {font-size: .36rem;font-weight: 700;color: #494949;}
.solutionDate .tle i {display: inline-block;width: 0.64rem; height: 0.05rem; background: #009241;}
.solutionDate .dateCon img {max-width: 100%;}

/* =====荣誉资质===== */
.picTure ul {    grid-template-columns: repeat(3,1fr);}
.picTure ul li {border: 1px solid #eee;}
.solutionList ul li span {padding: 10px; font-size: .18rem;}

/* =====产品===== */
.txtMarquee {margin-top: .3rem; margin-bottom: .5rem; padding:0 .15rem; box-sizing: border-box;}
.txtMarquee ul li {border-top: 1px dashed #dbdbdb;}
.txtMarquee ul li a {padding: 10px 0;color: #666; display: block;}
.txtMarquee ul li a span {display: -webkit-box;overflow: hidden;-webkit-line-clamp: 1;-webkit-box-orient: vertical; }
.txtMarquee ul li:hover a {color: #015198;}
/* 产品列表 */
.proList {margin-top: .3rem;}
.proList ul {display: grid; grid-template-columns: repeat(3,1fr);gap: .3rem;}
.proList ul li {position: relative;box-shadow: 1px 1px 10px rgba(0,0,0,0.03);}
.proList ul li::after {content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px;background: #009241;}
.proList ul li .imgBox {overflow: hidden; position: relative; border: 1px solid #eee; border-bottom: 0;}
.proList ul li .imgBox img {width: 100%; transition: .5s;}
.proList ul li .imgBox::before {content: "";width: 100%;height: 100%;background: linear-gradient(135deg, #009241 , #015198); position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) scale(0); z-index: 1; opacity: 0; transition: all 0.4s;}
.proList ul li .imgBox i { min-width: 40px; min-height: 40px; width: .6rem;height: .6rem;border-radius: 4px; background: #1a1a1a;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) scale(0);z-index: 1;opacity: 0;    transition: all 0.4s; transition-delay: 0.2s;}
.proList ul li:hover .imgBox i {transform: translate(-50%,-50%) scale(1);opacity: 1;}
.proList ul li:hover .imgBox::before {transform: translate(-50%,-50%) scale(1); opacity: 0.8;}
.proList ul li .con {border: 1px solid #eee; padding: .25rem; box-sizing: border-box; text-align: center;}
.proList ul li h5 {color: #333333; font-size: var(--font17); margin-bottom: .2rem;}
.proList ul li p {font-size: var(--font15);color: #666666;display: -webkit-box;overflow: hidden;  	-webkit-line-clamp: 2;-webkit-box-orient: vertical; }
.proList ul li:hover .imgBox img {transform: scale(1.05);}
.proList ul li:hover h5 {color: #009241;}
/* 产品详情 */
.proDate {margin-top: .3rem;}
.proDate .dateTop {display: flex; justify-content: space-between; align-items: flex-start;}
.dateTop .topLe {width: 45%; border: 1px solid #dddddd; box-sizing: border-box; }
.dateTop .topRe {width: 50%;}
.proDateSwiper .swiper-slide img {text-align: center; display: block; margin: auto; width: 100%;min-height: 3.7rem; object-fit: cover;}
.proDateSwiper .swiper-pagination {text-align: right; padding-right: .2rem; box-sizing: border-box; color: #fff;}
.proDateSwiper .swjt img {filter: brightness(100); -webkit-filter:brightness(100);}
.proDateSwiper .swiper-button-prev {transform: rotate(180deg);}
.dateTop .topRe .tle {margin-top: .4rem;}
.dateTop .topRe .tle h3 {font-size: var(--font24);color: #333333;border-bottom: 1px solid #DDDDDD; padding-bottom: .2rem;}
.dateTop .topRe .tetx {margin-top: .2rem;}
.dateTop .topRe .tetx p {color: #777777;font-size: var(--font15);display: -webkit-box;overflow: hidden;-webkit-line-clamp:4;-webkit-box-orient: vertical;}
.dateTop .topRe .info {margin-top:.6rem; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.dateTop .topRe .info .more a {width: 1.48rem; height: 0.49rem; background: #02539a; font-size: .16rem; color: #fff;}
.proDate .dateBox > div {margin-top: .4rem;}
.proDate .dateBox img {max-width: 100%;}
.proDate .dateBox .conTle {padding-bottom: .2rem; border-bottom: 1px solid #DDDDDD; margin-bottom: .2rem; position: relative;}
.proDate .dateBox .conTle::after {content: ""; position: absolute; bottom: -2px; left: 0;background: #009241; height: 3px;width: 1.5rem;}
.proDate .dateBox .conTle h4 {font-size: 0.3rem;}
.proDate .dateBox .conTle span {font-size: var(--font14);color: #999999;font-family: Arial, Arial-Regular; text-transform: uppercase;}

.dateCon5 ul {display: grid; grid-template-columns: repeat(3,1fr);gap: .2rem; margin-top: .5rem;}
.dateCon5 ul li {background: #fff;  box-shadow: 0px 0px .28rem 0px rgba(150, 150, 150, 0.11);padding: .25rem; text-align: center; transition: .5s;}
.dateCon5 li h4 {font-size: var(--font20); color: #333; margin: .15rem 0; font-weight: 700;}
.dateCon5 li p {color: #666; line-height: 25px;}
.dateCon5 li:hover {transform: translateY(-5px);}

.dateCon5-1 ul {display: grid; grid-template-columns: repeat(3,1fr); gap: .3rem; margin-top: .5rem;}
.dateCon5-1 li {background: #f9f9f9; padding: .3rem .2rem; box-sizing: border-box; display: flex; align-items: center;}
.dateCon5-1 li .icBox {width: 1.2rem; height: 1.2rem; border-radius: 50%; overflow-x: hidden; margin-right: .2rem; flex-shrink: 0;}
.dateCon5-1 li .icBox img {height: 100%; width: 100%; object-fit: cover;}
.dateCon5-1 li .num {font-size: 0.64rem; color: #707070; line-height: 1; opacity: .15; font-weight: 700;}
.dateCon5-1 li span {color: #777777; display: block; margin-top: .1rem;}
.dateCon5-2 .conBox {display: flex; justify-content: space-between; align-items: center; margin-top: .5rem;}
.dateCon5-2 .conBox .le {width: 54%;}
.dateCon5-2 .conBox .re {width: 44%; overflow: hidden; border-radius: 10px;}
.dateCon5-2 .conBox .re img {width: 100%;}
.dateCon5-2 .conBox p {color: #737373; font-size: var(--font15); text-indent: var(--font30); line-height: 30px;}

.dateConSwiper .swiper-slide {border: 1px solid #dddddd;}
.dateConSwiper .swiper-slide::after {content: ""; position: absolute; bottom: 0; left: 0;background: #009241; height: 3px; width: 100%;}
.dateConSwiper .imgBox {overflow: hidden;}
.dateConSwiper .imgBox img {width: 100%; transition: .5s;}
.dateConSwiper .swiper-slide span {text-align: center;padding: .2rem .1rem; box-sizing: border-box; display: block; transition: .5s;}
.dateConSwiper .swiper-slide:hover .imgBox img {transform: scale(1.05);}
.dateConSwiper .swiper-slide:hover span {background: #009241; color: #fff;}
.dateBox .swiperBox {position: relative;}
.dateBox .swiperBox .swjt {right: -4%; }
.dateBox .swiperBox .swiper-button-prev.swjt {left: -4%; right:auto; transform: rotate(180deg);}

/* =====成功案例===== */
.case {margin-bottom: 1rem;}
.casenav {margin: .5rem 0; position: relative;}
.casenav::after {content: ""; position: absolute; width: 100%; background: #EEEEEE; height: 4px;border-radius: 2px;}
.casenav ul {display: flex; justify-content: space-between;}
.casenav ul li {padding-bottom: .35rem;}
.casenav ul li span {text-align: center; font-size: var(--font18);color: #666666;display: block;margin-top: .1rem;}
.casenav ul li .icBox {transition: .5s; margin: auto; position: relative;z-index: 1; display: flex; align-items: center;justify-content: center; border-radius: 50%; width: 0.81rem; height: 0.81rem;background: #ffffff;  border: 0.01rem solid #e4e4e4;}
.casenav ul li .icBox img {max-width: 40%;}
.casenav ul li:hover span ,.casenav ul li.active span {color: #015198;}
.casenav ul li:hover .icBox , .casenav ul li.active .icBox { background: #015198;}
.casenav ul li:hover .icBox::after ,.casenav ul li.active .icBox::after {content: "";width: 110%;height: 110%;position: absolute;border-radius: 50%;background: rgba(1, 82, 152,.07); z-index: -1; animation: shubiao 1s infinite linear .65s;}
.casenav ul li:hover .icBox img , .casenav ul li.active .icBox img {filter: brightness(100); -webkit-filter:brightness(100);}
.nav_line {border-radius: 3px; top: 100%;} 
.caseList ul {display: grid; grid-template-columns: repeat(3,1fr); gap: .16rem;}
.caseList li {border: 1px solid #dddddd; box-sizing: border-box; position: relative;padding-bottom: .9rem;}
.caseList li .imgBox {overflow: hidden;}
.caseList li .imgBox img {transition: .5s; width: 100%;}
.caseList li .con {padding: .25rem; box-sizing: border-box; }
.caseList li h4 {font-size: var(--font20);color: #333333;}
.caseList li dl {margin-top: .2rem;}
.caseList li dd {display: flex; align-items: center;margin-top: .1rem;}
.caseList li dd span {color: #666666; font-size: var(--font15);margin-left: .2rem;}
.caseList li .xian {position: absolute; bottom: .5rem; width: 0.45rem; height: 0.04rem; background: #dddddd;}
.caseList li:hover .imgBox img {transform: scale(1.05);}
.caseList li:hover h4 {color: #015198;}
/* 案例详情 */
/* .caseDate .conre {width: 100%;} */

/* =====关于我们===== */
.aboutnav {border-bottom: 1px solid #ddd;}
.aboutnav ul {display: flex; justify-content: center;    margin-right: -.4rem;}
.aboutnav li {margin-right: .4rem;}
/* .aboutnav li:last-child {margin-right: 0;} */
.aboutnav li a {color: #555555;font-size: var(--font18); display: block; padding: .25rem 10px; box-sizing: border-box; position: relative;}
.aboutnav li a::after {content: ""; position: absolute; width: 0; bottom: 0; left: 0;transition: .5s; background: #009241; height: 4px;}
.aboutnav li:hover a::after ,.aboutnav li.on a::after {width: 100%;}
.aboutTle {text-align: center; padding: .5rem ;}
.aboutTle h3 {color: #333333;font-size: .4rem;}
.aboutTle .en {color: #b8b8b8;font-family: Arial, Arial-Regular;text-transform: uppercase;}
.aboutTle i {display: inline-block;width: 0.4rem; height: 0.04rem; background: #015199;}
.aboutOne {background: url(../images/aboutOne-bj.jpg) no-repeat center; padding: 1.1rem 0; background-size: cover;}
.aboutOne .aboutTle {text-align: left; padding: 0;}
.aboutOne .box {display: flex; justify-content: space-between;}
.aboutOne .le {width: 49%;}
.aboutOne .le p {color: #555555;line-height: 30px; margin-top: .3rem;}
.aboutOne .re {width: 49%;}
.aboutOne .re img {max-width: 100%;}
.aboutTwo ul {display: flex;min-height: 6rem;}
.aboutTwo ul li {width: calc(100%/3); position: relative; z-index: 1;}
.aboutTwo ul li::before {content: "";position: absolute;width: 100%;height: 100%;background: rgba(0, 0, 0,.6);top: 0;left: 0;z-index: 0;opacity: 1;transition: .4s;}
.aboutTwo ul li::after {content: "";position: absolute;width: 100%;height: 100%;background: rgba(7, 91, 157,.8);top: 0;left: 0;z-index: 0;opacity: 0;transition: .4s;}
.aboutTwo ul li .bjBox {height: 100%; }
.aboutTwo ul li .bjBox img {width: 100%; height: 100%; object-fit: cover;}
.aboutTwo ul li .con {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);text-align: center; z-index: 1; width: 100%;}
.aboutTwo ul li .icBox img {margin: auto; max-width: 100%;}
.aboutTwo ul li .tle {margin: 0.3rem 0;}
.aboutTwo ul li h4 {color: #ffffff;font-size: var(--font40);}
.aboutTwo ul li .en {color: #ffffff;letter-spacing: 2px;font-size: var(--font16);  font-family: "OPENSANS";}
.aboutTwo ul li .tle i {display: inline-block;width: 0.43rem; height: 0.05rem; background: #fafafa;}
.aboutTwo ul li .text {color: #ffffff;font-weight: 400;font-size: var(--font16);}
.aboutTwo ul li:hover::after {opacity: 1;}
.aboutTwo ul li:hover::before {opacity: 0;}
.aboutThree {padding-bottom: 1rem;}
.aboutThree ul {display: flex; align-items: flex-start;}
.aboutThree ul li {width: calc(100%/3); text-align: center; padding:.1rem .5rem; box-sizing: border-box; position: relative;}
.aboutThree ul li::after {content: ""; position: absolute; right: 0; height: 100%;background: #dddddd; opacity: .5;top: 0;width: 1px;}
.aboutThree ul li:last-child::after {display: none;}
.aboutThree ul li h4 {font-weight: 700;color: #333333;font-size: 0.26rem;margin: .2rem 0;}
.aboutThree ul li p {color: #666666;line-height: 30px;}
.aboutFour {position: relative;padding-bottom: 1.4rem; overflow: hidden; background: url(../images/aboutFour-bj.jpg) no-repeat center; background-size: cover;}
.abfoSwiper {position: relative; margin: auto;}
.abfoSwiper .swiper-slide {width: auto; text-align: center;}
.abfoSwiper .swiper-slide .imgBox img {max-width: 5rem;max-height: 3.5rem;box-shadow: 0rem 0rem 0.35rem 0rem rgba(230,230,230,0.54); transform: scale(0.9); transition: .5s;}
.abfoSwiper .swiper-slide span {font-size: .2rem;display: block; margin-top: .1rem; color: rgba(102, 102, 102,.6);}
.abfoSwiper .swiper-slide.active .imgBox img {transform: scale(1);}
.abfoSwiper .swiper-slide.active span {color: #666;}
.abfoSwiper .swjt {width: .68rem;height: .68rem; z-index: 2; left: -10%; background: rgba(0, 0, 0,.24); border-radius: 50%; transition: .5s; top: 45%;}
.abfoSwiper .swjt img {max-width: 20%;}
.abfoSwiper .swjt:hover {background: #015198;}
.abfoSwiper .swiper-button-prev img {transform: rotate(180deg);}
.abfoSwiper .swiper-button-next {left: auto; right: -10%;}

/* =====新闻中心===== */
.newsList {margin: .5rem 0;}
.newsList ul {display: grid; grid-template-columns: repeat(3,1fr); position: relative;}
.newsList ul li {position: relative;border-bottom: 1px solid #eee; padding: 6%; padding-bottom: .4rem; box-sizing: border-box;position: relative; overflow: hidden;}
.newsList ul li {border-right: 1px solid #eee;}
.newsList ul li:nth-child(3n) {border-right:0 ;}
.newsList ul li .con {padding: 0 .2rem; box-sizing: border-box;}
.newsList ul li .time {color: #777777;font-family: Arial, Arial-Regular;margin-top: .25rem;}
.newsList ul li .imgBox img {width: 100%; transition: .5s;}
.newsList ul li h5 {color: #333333;font-size: var(--font18);margin-top: .2rem; font-weight: 700;}
.newsList ul li span {color: #aaaaaa;font-size: var(--font15);display: block;margin-top: .2rem;}
.newsList ul li::after {content: ""; position: absolute; top: -18%; width: 100%; height: 118%;background: #F8F8F8;right: 0; z-index: -1; -webkit-clip-path: polygon(0 50%, 100% 15%, 100% 100%, 0% 100%); clip-path: polygon(0 60%, 100% 15%, 100% 100%, 0% 100%);     transform: translateY(100%); transition: .5s;}
.newsList ul li:hover::after { transform: translateY(0);}
.newsList ul li:hover h5 {color: #015198;}
.newsList ul li:hover span {color: #015198;}
/* 常见问题 */
.questionList {margin: 1rem 0;}
.questionList ul li {border-bottom: 1px solid #DDDDDD; padding: .3rem 0 .2rem 0; cursor: pointer;}
.questionList ul li .tle {display: flex; align-items: center; position: relative;}
.questionList ul li .tle h3 {width: 75%;font-size: var(--font22);color: #333333; margin-left: .2rem; display: -webkit-box;overflow: hidden;  	-webkit-line-clamp: 1;-webkit-box-orient: vertical; }
.questionList ul li .questionCon {background: #eee; margin-top: .1rem; padding: .2rem; box-sizing: border-box;}
.questionList ul li .tle::after {content: "+"; width: 100%; padding-right: .15rem; box-sizing: border-box;top: 0; left: 0; font-size: var(--font22);color: #333333;font-weight: 700;line-height: initial; position: absolute;right: 0;}
.questionList ul li .tle::after {height: 100%;display: flex;align-items: center;justify-content: flex-end;}
.questionList ul li .tle.on::after {content: "-";padding-right: .2rem;}



/* 新闻详情 */
.newsDateBanner {height: 3.85rem;}
.newsDateBanner .imgBox {height: 100%;}
.newsDateBanner .imgBox img {height: 100%; object-fit: cover;}
.newsDate {padding: .7rem 0;}
.newsDate .box {display: flex; justify-content: space-between;}
.newsDate .box .le {width: 72%;}
.newsDate .box .re {width: 20%;}
.newsDate .tle {border-bottom: 1px solid #DEDEDE; padding-bottom: .2rem;}
.newsDate .tle h5 {font-size: 0.39rem;color: #333333;}
.newsDate .tle .time {color: #666666;font-size: .17rem;margin-top: .3rem;}
.newsDate .tle .time span {font-family: Arial, Helvetica, sans-serif;}
.newsCon {padding: .3rem 0;}
.newsCon img {max-width: 100%;}
.newsPage {display: flex; align-items: center; justify-content: space-between;border-top: 1px solid #eee; padding-top: .5rem;}
.newsPage a {display: flex; align-items: center;}
.newsPage a .icBox {width: 20px; height: 20px; border: 1px solid #a9a9a9; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.newsPage a .icBox img {filter: brightness(0); -webkit-filter:brightness(0); transform: rotate(90deg); opacity: .5;}
.newsPage a span {color: #999999; font-size: var(--font14); margin-left: 10px;}
.newsPage a.next span {margin-left: 0; margin-right: 10px;}
.newsPage a.next img {transform: rotate(-90deg);}
.newsPage a:hover span {color: #015198;}
.newsDate .re .tle {background: #02539a; text-align: center; padding: .3rem 0;}
.newsDate .re .tle h3 {color: #ffffff;font-size: .3rem;}
.newsDate .re .txtMarquee {border: 1px solid #dddddd; margin-top: 0; padding-top: .3rem; margin-bottom: 10px;}

/* =====联系我们===== */
.contact {margin: 1rem 0;}
.contact .box {display: flex;}
.contact .box > div {padding:.65rem .5rem; width: 37%;}
.contact .box .leUs {background: url(../images/contact-leUs-bj.jpg) no-repeat center; background-size: cover; width: 26%;}
.contact .leUs .tle h4 {font-size: 0.28rem;color: #ffffff;font-weight: 700;}
.contact .leUs .info {margin-top: .3rem;}
.contact .leUs .info em {display: block; color: #fff; font-size: var(--font18);}
.contact .leUs .info b {font-weight: 400;}
.contact .leUs .info b a {font-size: 0.3rem;font-family: Arial, Arial-Regular; color: #fff; display: block;}
.contact .leUs .info i {display: inline-block;width: 0.45rem;height: 1px; background: #f7f7f7;}
.contact .leUs .info2 b {font-weight: 700;}
.contact .leUs .text {margin-top: .8rem;color: #ffffff;opacity: .5;}
.contact .cenUs {background: #eeeeee;}
.contact .cenUs h4 {font-size: 0.28rem;font-weight: 700;}
.contact .cenUs dl {margin-top: .4rem;}
.contact .cenUs dl dd {margin: .2rem 0;}
.contact .cenUs dl dd , .contact .cenUs dl dd a {color: #444444;}
.contact .cenUs dl dd a:hover {color: #015198;}
.contact .cenUs .more {margin-top: .4rem;}
.contact .cenUs .more a {width: 2.12rem; height: 0.49rem; min-width: 200px; min-height: 40px; background: #1d639f; border-radius: 25px; }
.contact .cenUs .more a img { transition: .5s;}
.contact .cenUs .more a span {color: #ffffff; margin-left: 10px;}
.contact .cenUs .more a:hover img {transform: rotateY(180deg);}
.contact .reUs {background: #f8f8f8;} 
.contact .reUs h4 {font-size: 0.28rem;font-weight: 700; color: #333;}
.contact .reUs .tle i {display: inline-block; width: 0.36rem; height: 0.04rem; background: #009241;}
.contact .reUs ul {margin-top: .5rem;}
.contact .reUs ul li {margin-top: .2rem;}
.contact .reUs ul li span {color: #444444; font-weight: 700;}
.contact p img {max-width: 100%;}





/* 录入资料调整 */
.dateCon .tableBox {overflow-x: auto;scrollbar-width:6px;scrollbar-color:rgba(0, 0, 0, 0.2);}
.dateCon .tableBox::-webkit-scrollbar {width: 6px; height: 6px;}
.dateCon .tableBox::-webkit-scrollbar-thumb {background: rgba(0, 0, 0, 0.2); border-radius: 5px;}
.dateCon .tableBox::-webkit-scrollbar-track { border-radius: 0; background: rgba(0,0,0,0.2);border-radius: 5px;}
.dateCon .tableBox table {white-space: nowrap;}
.dateCon .tableBox table tr td {padding: 0 .1rem !important;}





























/* 回订顶部 */
#backTop {width:.52rem; height:.52rem; min-width: 30px; min-height: 30px;cursor:pointer; position: fixed; right: 10px;top: 60%; background: #fff url(../images/totop.png) no-repeat center 50%; border: 1px solid #e2e2e2; opacity: 0.85; z-index: 100; mix-blend-mode: exclusion; display: none;  border-radius: 3px; text-align: center;}
#backTop svg {max-width: 80%;max-height: 100%;}


/* 视频弹出层 */
.acquisition-info {padding: 2rem;box-sizing: border-box; background-color: #fff; width: 110%; display: none;}
.acquisition-info .box-title {display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #eee; padding-bottom: 1rem;}
.acquisition-info .box-title h3 {font-size: 1.6rem; color: #000; font-weight: bold;}
.acquisition-info .box-title span {font-size: 2.5rem; cursor: pointer; color: #000; line-height: 30px;}
.acquisition-info dl {margin-top: 2rem;}

/* 简历弹出层 */
.acquisition {padding: .3rem;box-sizing: border-box; background-color: #fff; width: 55%; display: none; cursor: default;    white-space: initial;}
.acquisition .box-title {display: flex; justify-content: space-between; align-items: center;}
.acquisition .box-title h3 {font-size: var(--font24); color: #000; font-weight: bold; margin: 0; text-align: left; width: 85%;}
.acquisition .box-title span {font-size: .5rem; cursor: pointer; color: #000; line-height: 30px;}
.acquisition .time span {font-size: var(--font16); color: #666;display: inline-block; margin-right: .6rem;}
.acquisition .time {border-bottom: 1px solid #ececec; padding: .1rem 0; text-align: left;}
.acquisition .infoCon {margin-top: .25rem;  height: 38vh; overflow-y:auto; text-align: initial;}
@media screen and (min-width: 200px) and (max-width: 768px) {
.acquisition {  width: 92%;}
}


/* 搜索页面 */
.search-page .box {margin-top: 1.25rem;}
.search-page form {width: 75%;margin: auto; margin-bottom: 60px; border: 1px solid #333; border-radius: 50px; padding:5px 20px; box-sizing: border-box; display: flex;     align-items: center; justify-content: space-between; }
.search-page form .searchCon {padding: 5px 0; width: 95%; line-height: 35px; outline: none; border: none; box-sizing: border-box; font-size: 16px;}
.search-page form .sub {width: 23px;  height: 23px; display: block; cursor: pointer; background: url(../images/searchIcon.png) no-repeat center; outline: none; border: none; background-size:auto; filter: brightness(0); -webkit-filter:brightness(0);}
.search-page ul {width: 100%;}
.search-page li {width: 100%; padding: 30px; margin-top: 20px; box-sizing: border-box; background: #f5f5f5;}
.search-page li span {background: #015198; color: #fff; font-size: 12px; padding: 2px 5px; }
.search-page li h3 {font-size: var(--font18); margin: 10px 0; color: #000000; font-weight: 700;}
.search-page li p {font-size: var(--font16); color: #666; }
.search-page li .le {width: 95%;}
.search-page li a {display: flex; align-items: flex-end; justify-content: space-between;}
.search-page li img {transition: .5s; margin-right: 20px;}
.search-page li:hover img {transform: translateX(20px);}
@media screen and (min-width: 200px) and (max-width: 640px){
  .search-page form {
      width: 90%;
      margin-bottom: 40px;
  }
}

/* 分页 */
.fy { padding: 0.5rem 0; display: flex;justify-content: center;align-items: center; flex-wrap: wrap;}
.fy a { border: 1px solid #d3d9e2; display: flex; align-items: center; justify-content: center;  color: #666; font-size: 14px;}
.fy a {width: 35px; height: 30px; transition: .4s; margin:5px;}
.fy a.layui-laypage-prev , .fy a:first-child , .fy a:last-child {width: 65px;}
.fy a:hover {color: #fff; background: #015198;}
.fy .layui-laypage-curr {display: flex; align-items: center; justify-content: center;}
.fy .layui-laypage-curr {width: 35px; height: 30px; color: #fff; background: #015198; font-size: 14px; margin: 0 5px;}