/* ===首页===*/
.heZwys {height: 1.8rem; display: none;}
.header {position: fixed; top: 0; left: 0; width: 100%; z-index: 99999; background: #fff; transition: .5s;}
.header {position: relative;}
.headerBox {display: flex; justify-content: space-between; align-items: center;height: 1rem; position: relative;}
.headerBox .he-le {display: flex; align-items: center; height: 100%;}
.headerBox .he-le a {display: block; height: 100%;}
.headerBox .he-le .logo {max-width: 100%; max-height: 100%;}
.headerBox .he-le strong {font-size: 0.2rem;font-weight: 700;color: #1a98cb;}
.headerBox .he-re {display: flex; align-items: center; width: auto; justify-content: flex-end;}
.heSearch {position: relative;width: 3.31rem;box-sizing: border-box; height: 0.56rem;background: #f5f5f5;border: 0.01rem solid #eeeeee; border-radius: 0.29rem; margin-right: .2rem;}
.heSearch form {height: 100%;}
.heSearch input { font-size: var(--font14); padding-left: 0.3rem;background: none; height: 100%; border: none;width: 82%;}
.heSearch input::placeholder {font-size: var(--font14);}
.heSearch button {width: 0.38rem;height: 0.38rem; background: #1a98cb; border-radius: 50%; cursor: pointer; display: flex; align-items: center; justify-content: center; border: none; outline: none;}
.heSearch button {position: absolute; left: 92%; top: 50%; transform: translate(-50%, -50%)}
.heSearch button img {display: block; max-width: 50%;}
.heReUs {display: none; align-items: center;}
.heReUs .icBox {margin-right: 0.15rem; flex-shrink: 0; width: 0.47rem;height: 0.47rem;background: #1a98cb; border-radius: 50%;display: flex; align-items: center; justify-content: center;}
.heReUs span {font-size: .15rem; color: #666;}
.heReUs strong {font-size: var(--font20);display: block;font-family: Arial, Arial-Bold;font-weight: 700;color: #fba601;}
.heLuange {width: 0.95rem;height: 0.43rem; background: #1a98cb url(../images/jt1.png) no-repeat 75%;border-radius: 0.22rem; text-align: center;  position: relative; z-index: 2;}
.heLuange a {font-size: var(--font18); display: block;  color: #fff; font-weight: 700; line-height: 0.43rem; margin-right: 0.2rem;}

/* 导航 */
nav {background: #fff; position: absolute;  width: 100%; top: -.61rem;  left: 0; z-index: 99;}
nav ul {max-width: 1920px;  margin: auto; display: flex; justify-content: space-between; align-items: center; height: 0.6rem;}
nav ul > li {width: calc(100%/10); height: 100%;  position: relative; transition: .5s;}
nav ul > li::after {content: ""; position: absolute; right: 0;top: 0; width: 1px; height: 100%; background: #71b6d2; display: none;}
nav ul > li > a {display: flex; align-items: center; width: 100%; justify-content: center; height: 100%;}
nav ul > li > a .icBox img {filter: invert(51%) sepia(98%) saturate(2357%) hue-rotate(164deg) brightness(92%) contrast(80%); -webkit-filter: invert(51%) sepia(98%) saturate(2357%) hue-rotate(164deg) brightness(92%) contrast(80%);} 
nav ul > li > a span {font-size: var(--font18); color: #1482af; margin-left: 0.06rem; font-weight: 600;}
nav ul > li:hover {background: #1482af;}
nav ul > li:hover > a span {color: #fff;}
nav ul > li:hover .icBox img  {filter: none; -webkit-filter:none;}
/* nav ul > li.on {background: #1482af;}
nav ul > li.on > a span {color: #fff;} */
/* 二级导航 */
nav dl {position: absolute; width: 100%; background: #fff; text-align: center; box-shadow: 0px 3px 5px 2px rgba(0,0,0,0.2); display: none;}
nav dl dd a {font-size: var(--font14); padding: 0.1rem 0; display: block;   border-bottom: 1px solid #eaeaea; transition: .5s;}
nav dl dd:hover a {background: #58c4ef;color: #fff;}
/* 导航下滑 */
.top-header-up {top: -2rem;}
/* 导航下滑2 */
.navZwys {height: .6rem;}
.headerTop nav {top: 0;}

.headerBomNav {position: sticky; top: .6rem;    z-index: 99999;}


/* banner */
.banner {overflow: hidden; position: relative; height: calc(100vh - 2rem);}
.banner .swiper-slide img {width: 100%; height: 100%; object-fit: cover;}
.bannerSwiper2 {overflow: hidden; height: 100%;}
.bannerSwiper2 .swiper-slide img {transition: 1s linear 2s; transform: scale(1.1,1.1);}
.bannerSwiper2 .swiper-slide-active img, .bannerSwiper2 .swiper-slide-duplicate-active img { transition: 6s linear; transform: scale(1,1);}
.banner .swiperBox1 {position: absolute; left: 50%; top: 87%; transform: translate(-50%, -50%); width: 50%;z-index: 1;}
.bannerSwiper1 { max-width: 91%; margin: auto;  overflow: hidden;}
.bannerSwiper1 .swiper-slide .imgBox {position: relative; cursor: pointer;overflow: hidden; background: #1a98cb;border: 2px solid #e8f0ee;border-radius: 0.1rem;box-sizing: border-box;}
.bannerSwiper1 .swiper-slide img { height: 100%; min-height: 0.86rem; object-fit: cover; transition: .5s;}
.bannerSwiper1 .swiper-slide-thumb-active .imgBox::after {background: rgba(26, 152, 203,.6);position: absolute; left: 0; top: 0; content: "";width: 100%; height: 100%;transition: all .5s;}
.bannerSwiper1 .swiper-slide .imgBox:hover img {transform: scale(1.1);}
/* .bannerSwiper1 .swiper-slide-active::after {background: rgba(26, 152, 203,.37);position: absolute; left: 0; top: 0; content: "";width: 100%; height: 100%;} */
/* .banner .swiper-button-disabled {display: none;} */
.bannerSwiper2 .swiper-pagination {display: none;}
.bannerSwiper2 .swiper-pagination span { opacity: 1; background: #fff;}
.bannerSwiper2 .swiper-pagination span.swiper-pagination-bullet-active {background: rgb(26, 152, 203);}

.banner .swiper-button-prev {transform: rotate(180deg); left: -10px;}
.banner .swiper-button-next {right: -10px;}
.banner .slideText {position: absolute;  left: 3%;top: 6%; z-index: 2;}
.banner .slideText p {-webkit-text-stroke: 6px #111;display: inline-block;position: relative;z-index: 1; font-family:"Noto Serif SC";color: #FFFFFF;font-size: .24rem;font-weight: 700;letter-spacing: 0.02rem;}
.banner .slideText p::after {content: attr(title); color: #fff;position: absolute;z-index: 2;left: 0; right: 0;top: 0; -webkit-text-stroke-width: 0;}
.banner .slideText span { font-family:"Noto Serif SC";position: relative;z-index: 1;color: #fddb04; -webkit-text-stroke: 6px #111;display: inline-block;font-size: .24rem;font-weight: 700;letter-spacing: 0.02rem; }
.banner .slideText span::after {content: attr(title);color: #fddb04;position: absolute; z-index: 2; left: 0; right: 0;top: 0;-webkit-text-stroke-width: 0;}
.slideDisc {position: absolute;  left: 64.5%;top: 4%; z-index: 2;}
.slideDisc .tle {color: #FFFFFF;font-size: var(--font30); display: block; text-shadow: 0 1px #000, 1px 0 #000, -1px 0 #000, 0 -1px #000;}
.slideDisc .tleSc {color: #ffffff;font-size: var(--font24);font-weight: 400; text-shadow: 0 1px #000, 1px 0 #000, -1px 0 #000, 0 -1px #000;}
.slideDisc div{margin:0.05rem 0}
.slideDisc .disc dd .num{margin:0}
.slideDisc .disc {margin-top: .3rem;display: flex; align-items: center;text-shadow: 0 1px #000, 1px 0 #000, -1px 0 #000, 0 -1px #000;}
.slideDisc .disc .scTetx {padding: .15rem;background: #1a98cb; border-radius: 0.1rem;margin-right: 0.12rem;}
.slideDisc .disc .scTetx span {display: block;color: #fff;color: #ffffff;font-size: var(--font22);font-weight: 700;}
.slideDisc .disc .scTetx span{text-shadow:none;}
.slideDisc .disc .scTetx span:nth-child(2) {letter-spacing: 0.07rem;}
.slideDisc .disc dl {display: grid; grid-template-columns: repeat(3,auto); gap: .15rem;}
.slideDisc .disc dd span {color: #ffffff;font-size: .19rem; font-weight: 700;}
.slideDisc .disc dd .num {color: #ffffff;font-size: var(--font48);font-weight: 700;}
.slideDisc .disc dd .num em {font-size: var(--font18);font-weight: 700;}
.slideDisc .disc i {opacity: 0.16; background: #eeeeee;width: 1px;height: 80%; display: block;}

.bannerSwiper2 .swiper-slide img.wrapImg {display: none;}


@media (max-width: 1580px) {
	.banner .slideText span {font-size: var(--font20); line-height: initial;}
	.banner .slideText p {font-size: var(--font20); line-height: initial;}
}
@media (max-width: 1300px) {
	.banner .slideText span {font-size: var(--font18); }
	.banner .slideText p {font-size: var(--font18);}
}
@media screen and (min-width: 200px) and (max-width: 767px) {
  .bannerSwiper2 .swiper-pagination {display: block;}
  .bannerSwiper2 .swiper-slide img {display: none;}
  .bannerSwiper2 .swiper-slide img.wrapImg {display: block; transform: scale(1); transition: 0;}
  .banner .swiperBox1 {display: none !important;}
}


/* =========首页========== */
/* 精选新闻 */
.indexTle {text-align: center; padding: 0.6rem 0;}
.indexTle h3 {font-size: var(--font38);font-weight: 700;color: #333333;}
.indexTle i {width: 0.48rem; display: block; margin: auto; margin-top: 0.1rem; height: 0.03rem; background: #0072a4; position: relative;}
.indexTle i::after {content: ""; position: absolute; right: 0;top: 0; width: 0.17rem; height: 100%; background: #ffba00;}

.indexOne .container {width: 1865px;max-width: 98%;}
.indexOne .inlist {display: grid; grid-template-columns: repeat(3,1fr); gap: 0.4rem;} 
.indexOne .inlist > li {background: #fafafa;}
.indexOne .inlist > li:nth-child(6) {display: none;}
.indexOne .inlist li .imgBox {overflow: hidden;}
.indexOne .inlist li .imgBox img {width: 100%; transition: all 1s ease-out;display: block;}
.indexOne .inlist li .con {padding: 0.3rem; position: relative; overflow: hidden;}
.indexOne .inlist li .con::after {width: 0.6rem; height: 0.6rem;background: #ffe400; position: absolute;right: -8%; top: -20%; content: "";     transform: rotate(45deg);}
.indexOne .inlist li p {font-size: var(--font20);color: #333333; display: -webkit-box;overflow: hidden;  	-webkit-line-clamp: 2;-webkit-box-orient: vertical; min-height: 55px;}
.indexOne .inlist li .more {margin-top: 0.28rem; display: flex; justify-content: space-between; }
.indexOne .inlist li .more .time {color: #888888;font-size: var(--font20);font-family: "CENTURY"; font-weight: 400;display: none;}
.indexOne .inlist li .more em {color: #0072a4; font-size: var(--font15);}
.indexOne .inlist li .imgBox:hover img {transform: scale(1.1);}
.indexOne .inlist li:hover p {color: #0072a4;}
.inOneSlide {position: relative; height: 100%; width: 100%;}
.inOneSlide .tle {display: flex; padding:0 0.35rem; box-sizing: border-box; justify-content: space-between; align-items: center; border-bottom: 2px solid rgba(250, 250, 250,.18);}
.inOneSlide .tle h5 {font-size: var(--font20);font-weight: 700;color: #ffffff; padding-top: 0.3rem; padding-bottom: 0.3rem; position: relative;}
.inOneSlide .tle h5::after {content: ""; position: absolute; bottom: -2%;left: 0; width: 100%; height: 0.04rem;background: #1a98cb;}
.inOneSlide .tle a {font-size: var(--font14); color: #fff;background:#1a98cb;border-radius:1.875rem;height:0.3125rem;line-height: 0.3125rem;text-align: center;padding:0 0.1rem}
.inOneSlide .tle a:hover {color: #0072A4;}
.inOneSlide .hd {height: calc(100% - 0.8rem);margin-top: 0.1rem; }
.inOneSlide .hd ul li {position: relative; overflow: hidden; height: calc(100% /3 );}
.inOneSlide .hd ul li::after {content: ""; width:0; height: 100%; left: 0;top: 0; background: #1a98cb; opacity: .89; position: absolute; z-index: 0; transition: .5s;}
.inOneSlide .hd ul li a {display: block; padding: 0.5rem 0.35rem; box-sizing: border-box; position: relative; z-index: 1;} 
.inOneSlide .hd ul li h6 {font-size: var(--font20);color: #ffffff; display: -webkit-box;overflow: hidden;  	-webkit-line-clamp: 1;-webkit-box-orient: vertical; position: relative;}
.inOneSlide .hd ul li h6::after {content: ""; width: 0; left: 0; position: absolute; bottom: 3px; height: 1px; background: #fff; transition: .5s;}
.inOneSlide .hd ul li span {font-size: var(--font18);color: #ffffff;   font-family: "CENTURY"; margin-top: 0.1rem; display: block;}
.inOneSlide .bd {position: absolute; top: 0; left: 0; z-index: -1; height: 100%; width: 100%;    background: #000;    overflow: hidden;}
.inOneSlide .bd::after {content: ""; position: absolute;width: 100%; height: 100%; background: rgba(0, 0, 0,.3); left: 0; top: 0;}
.inOneSlide .bd ul {height: 100%;}
.inOneSlide .bd ul li {height: 100%;}
.inOneSlide .bd ul li img {height: 100%; object-fit: cover; width: 100%; opacity:1;transform: scale(1.2);    filter: blur(3px);}
.inOneSlide .hd ul li:hover::after {width: 100%;}
.inOneSlide .hd ul li:hover h6::after {width: 100%;}
.inOneSlide .hd ul li.on::after {width: 100%;}
.inOneSlide .hd ul li.on h6::after {width: 100%;}

/* 关于我们 */
.indexTwo .container {width: 100%; max-width: 100%;}
.indexTwo .box .le {width: 50%; position: relative; background: #f5f5f5; overflow: hidden;}
.indexTwo .box .le video {display: block; width: 100%;}
.indexTwo .box .le .imgBox {height: 100%;}
.indexTwo .box .le .imgBox img {height: 100%; object-fit: cover; width: 100%; transition: .5s;}
.indexTwo .box .le .imgBox:hover img {transform: scale(1.05);}
.indexTwo .box .le .vide_but {width: 0.86rem;height: 0.86rem;background: #ffffff;border: 0.1rem solid #ffffff;border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 1;}
.indexTwo .box .le .vide_but {display: flex; align-items: center; justify-content: center; cursor: pointer;}
.indexTwo .box .le .vide_but img {max-width: 50%;}
.indexTwo .box .le .vide_but::after {content: "";width: 150%; height: 150%;position: absolute; border-radius: 50%; left: 50%; top: 50%; transform: translate(-50%, -50%); background: rgba(255, 255, 255,.1);z-index: -1;     animation: shubiao 1s infinite linear .65s;}
.indexTwo .box {display: flex; justify-content: space-between;max-width: 1920px; margin: auto;}
.indexTwo .box .re {width: 50%; background: #f5f5f5; padding:2%; padding-bottom: 1.5%; box-sizing: border-box;}
.indexTwo .box .re h4 {color: #0072a4;font-weight: 700; font-size: var(--font30); text-align: center; margin-bottom: 0.3rem;}
.indexTwo .box .re p {margin-bottom: 0.25rem; font-weight: 400;color: #666666;  line-height: 1.8; text-indent: 0.32rem; text-align: justify; letter-spacing: 0.6px;}
.indexTwo .box .re .more {display: flex; justify-content: flex-end;}
.indexTwo .box .re .more a {display: block; width: 1.52rem; color: #FFFFFF; font-size: var(--font16); height: 0.45rem;background: #0072a4;border-radius: 0.23rem; text-align: center; line-height: 0.45rem;}
.indexTwo2 {background: url(../images/indexTwo2-bj.jpg) no-repeat center; background-size: cover; padding-bottom: 0.6rem;}
.indexTwo2 .container {width: 1700px; max-width: 92%;}
.indexTwo2 .indexTle h3 {color: #FFFFFF;}
.indexTwo2 .indexTle span {color: #FFFFFF;font-size: var(--font20); color: #fff;display: block;}
.indexTwo2 .indexTle i {background: #ffffff; margin-top: 0.3rem;}
.indexTwo2 ul {display: flex; justify-content: space-between;}
.indexTwo2 ul li {padding: 0.45rem 0; width: 19%; background: #ffffff; border-radius: 0.2rem; height:auto; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.indexTwo2 ul li .counter {color: #0072a4; font-size: var(--font80);  font-family: "CENTURY"; font-weight: bold;}
.indexTwo2 ul li b {font-weight: 400;color: #0072a4; font-size: var(--font24);}
.indexTwo2 ul li em {font-size: var(--font48); color: #0072A4;}
.indexTwo2 ul li span {color: #666666; font-size: var(--font16); text-align: center; width: 80%; margin: 0 auto;}

/* 经典案例 */
.indexThree .container {width: 1865px;max-width: 98%;}
.indexThree .swiperBox {position: relative; width: 98%;margin: auto;}
/* .indexThree .swiper-button-disabled {display: none;} */
.indexThree .swiper-button-prev {transform: rotate(180deg); left: 0;}
.indexThree .swiper-button-next {right: 0;}
.inThSwiper1 ,.inThSwiper2 {overflow: hidden;}
.inThSwiper1 {width: 90%; margin: auto;}
.inThSwiper1 .swiper-slide {text-align: center; cursor: pointer; width: auto; padding: 0 0.05rem;}
.inThSwiper1 .swiper-slide .icBox {width: 0.4rem; height: 0.4rem; margin: auto; display: flex; justify-content: center; align-items: center;}
.inThSwiper1 .swiper-slide .icBox img {filter: grayscale(100%); -webkit-filter:grayscale(100%); max-width: 100%; opacity: .7;}
.inThSwiper1 .swiper-slide span {font-size: var(--font16);color: #666666;font-weight: 400; margin-top: 0.15rem; display: block; border-radius: 1.22rem; padding: 0.03rem 0.2rem; transition: .3s;}
.inThSwiper1 .swiper-slide-thumb-active span {color: #fff;background: #0072a4;}
.inThSwiper1 .swiper-slide-thumb-active .icBox img {filter: none; -webkit-filter:none; opacity: 1;}
.inThSwiper2 {margin-top: 0.3rem;}
.inThSwiper2 ul {display: grid; grid-template-columns: repeat(3,1fr);gap: 0.12rem;}
.inThSwiper2 ul li {background: #f5f5f5; overflow: hidden;transition: .5s;position: relative;}
.inThSwiper2 ul li .imgBox {overflow: hidden; position: relative;z-index: 1;}
.inThSwiper2 ul li .imgBox img {width: 100%; transition: all 1s ease-out;}
/* .inThSwiper2 ul li .imgBox::before {content: ""; position: absolute; left: 0;top: 0; z-index: 1; width: 100%; height: 100%; background: rgba(0, 114, 164,.6); opacity: 0; transition: .3s;}
.inThSwiper2 ul li .imgBox::after {content: ""; position: absolute; left: 0;top: 0; z-index: 2;    bottom: 0;right: 0;margin: auto; width: 0.51rem;height: 0.52rem; background: url(../images/fdj-icon.png) no-repeat center; background-size: contain;}
.inThSwiper2 ul li .imgBox::after {opacity: 0; -webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1); transform: scale(1);-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;-moz-transition: -moz-transform 0.3s, opacity 0.3s; -o-transition: -o-transform 0.3s, opacity 0.3s;transition: transform 0.3s, opacity 0.3s;} */
.inThSwiper2 ul.videoList li .videoBox {overflow: hidden; position: relative;z-index: 1;}
.inThSwiper2 ul.videoList li .videoBox img {width: 100%;display: block; transition: all 1s ease-out;}
.inThSwiper2 ul.videoList li .videoBox::before {content: "";position: absolute;left: 0;top: 0;z-index: 1; width: 100%; height: 100%; background: rgba(0, 0, 0, 0);}
.inThSwiper2 ul.videoList li .videoBox::after {content: "";cursor: pointer; position: absolute;left: 0;top: 0;z-index: 2;bottom: 0; right: 0; margin: auto; width: 46px; height: 46px; background: url(../images/videoBtn2.png) no-repeat center;border-radius: 50%;background-size: contain; opacity: .65;} 
.inThSwiper2 ul.videoList li:hover .videoBox img {transform: scale(1.1);}
.inThSwiper2 ul li .con {padding: 0.3rem;display: flex; justify-content: space-between; align-items: center; position: relative;}
.inThSwiper2 ul li::after {content: '';position: absolute;bottom: 0;left: 0; width: 100%;height: 100%;background: #0072a4;transition: .8s; z-index: 0;opacity: 0;clip-path: polygon(40% 0%, 60% 0%, 100% 100%, 0% 100%);}
.inThSwiper2 ul li .conle {width: 80%; position: relative; z-index: 1;}
.inThSwiper2 ul li .con img { position: relative; z-index: 1; max-width: 15%;}
.inThSwiper2 ul li p {font-size: var(--font22); display: -webkit-box;overflow: hidden;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.inThSwiper2 ul li span { color: #666666; font-size: var(--font18); margin-top:0.05rem;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.inThSwiper2 ul li:hover .imgBox img {transform: scale(1.1);}
/* .inThSwiper2 ul li:hover .imgBox::after {opacity: 1;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
.inThSwiper2 ul li:hover .imgBox::before {opacity: 1;} */
.inThSwiper2 ul li:hover::after {    opacity: 1;clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);}
.inThSwiper2 ul li:hover p , .inThSwiper2 ul li:hover span{color: #fff;}
.inThSwiper2 ul li:hover .con img {filter: brightness(100); -webkit-filter:brightness(100);}

/* 企业形象 */
.indexFour ul {display: flex; flex-wrap: wrap; margin-right: -0.2rem;}
.indexFour ul li {background: #f5f5f5; margin: 0 1.1% 1.1% 0; width: 32.15%; max-height: 18rem;}
.indexFour ul li .pic {overflow: hidden; position: relative; height: 3.5rem;}
.indexFour ul li .pic > img { width: 100%; transition: all 1s ease-out; height: 100%; object-fit: cover;}
.indexFour ul li .pic::before {content: ""; position: absolute; left: 0;top: 0; z-index: 1; width: 100%; height: 100%; background: rgba(0, 0, 0, 0);}
.indexFour ul li .pic i {content: ""; cursor: pointer; position: absolute; left: 0;top: 0; z-index: 2;  bottom: 0;right: 0;margin: auto; width: 46px	;height: 46px; background: url(../images/videoBtn2.png) no-repeat center;border-radius: 50%; background-size: contain; opacity: .65;}
.indexFour ul li .con {padding:0.2rem 0.3rem; box-sizing: border-box;}
.indexFour ul li em {color: #666666; font-size: var(--font16);}
.indexFour ul li h5 {color: #333333; font-size: var(--font20); display: -webkit-box;overflow: hidden;  	-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.indexFour ul li:hover .pic > img {transform: scale(1.1);}
.indexFour ul li:nth-child(1) {width: 48.8%;}
.indexFour ul li:nth-child(2) ,.indexFour ul li:nth-child(3) {width: 23.8%;}

/* 案例展示 */
.indexFive {background: url(../images/indexFive-bj.jpg) no-repeat center; background-size: cover; margin-top: 1rem; padding-bottom: 0.5rem;}
.infiSwiper {position: relative; overflow: hidden; padding-bottom: 0.6rem;}
/* .infiSwiper .swiper-wrapper {-webkit-transition-timing-function: linear;-moz-transition-timing-function: linear; -ms-transition-timing-function: linear; -o-transition-timing-function: linear;transition-timing-function: linear;} */
.infiSwiper ul {display: grid; grid-template-columns: 13% 13% 13% 13% 13% 13% 18%; grid-template-rows: 2.8rem 1rem 2rem; gap: 0.1rem; overflow: hidden;}
.infiSwiper ul li {position: relative; overflow: hidden; background: #0072A4;}
.infiSwiper ul li a {display: block; height: 100%;}
.infiSwiper ul li .imgBox {height: 100%;}
.infiSwiper ul li .imgBox img {transition: all 1s ease-out; width: 100%; height: 100%; object-fit: cover;}
.infiSwiper ul li .cover {position: absolute; padding: 5% 10%;box-sizing: border-box; width: 100%; height: 100%; left: -100%; top: 0;background: rgba(0, 114, 164,.6); display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}
.infiSwiper ul li .cover h6 {color: #ffffff; font-size: var(--font24); position: relative;margin-bottom: 0.2rem; padding-bottom: .05rem; display: -webkit-box;overflow: hidden;  	-webkit-line-clamp: 1;-webkit-box-orient: vertical; position: relative;}
.infiSwiper ul li .cover h6::after {content: ""; width: 50%; height: 2px; background: #fff;position: absolute; left: 0; bottom: 0;}

.infiSwiper ul li .cover p {color: #ffffff; font-size: var(--font16); display: -webkit-box;overflow: hidden;  	-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.infiSwiper ul li i {position: absolute; right: 3%; bottom: 3%; max-width: 10%;}
.infiSwiper ul li i img {width: 100%;}
.infiSwiper ul li:nth-child(1) {grid-column-start: 1; grid-column-end: 3; grid-row-start: 1;grid-row-end: 4;}
.infiSwiper ul li:nth-child(2) {grid-column-start: 3; grid-column-end: 5; grid-row-start: 1;grid-row-end: 3;} 
.infiSwiper ul li:nth-child(3) {grid-column-start: 3;} 
.infiSwiper ul li:nth-child(5) {grid-row-start: 1;grid-row-end: 4; grid-column-start: 5;grid-column-end: 7;} 
.infiSwiper ul li:nth-child(6) {grid-row-start: 1; grid-row-end: 2;}
.infiSwiper ul li:nth-child(7) {grid-row-start: 2; grid-row-end: 4;}
.infiSwiper ul li:nth-child(3) p ,.infiSwiper ul li:nth-child(4) p {display: none;}
.infiSwiper ul li:nth-child(3) .cover,.infiSwiper ul li:nth-child(4) .cover{display: none;}
.infiSwiper ul li:hover .imgBox img {transform: scale(1.1);}
.infiSwiper .swiper-pagination {bottom: 0;}
.infiSwiper .swiper-pagination-bullet-active {background: #0072a4;}
.infiSwiper .swjt { top: auto; left: auto; right: 0; bottom: 0; width: 0.52rem; height: 0.52rem; background: rgba(26, 152, 203,1); border-radius: 50%;}
.infiSwiper .swjt img {  max-width: 30%;}
.infiSwiper .swiper-button-prev { transform: rotate(180deg);  right: 1rem;}


/* =====底部===== */
.footer {padding-top: 0.6rem; border-top: 1px solid #F6F6F6;}
.footer .foterNav {display: flex; justify-content: space-between; background: url(../images/footer-bj.png) no-repeat center bottom; background-size: auto; padding: 0rem 0 0.6rem 0;}
.footer .foterNav dt {font-size: var(--font18);color: #0676a7;font-weight: 700; position: relative; padding-bottom: 0.15rem; margin-bottom: 0.2rem;}
.footer .foterNav dt::after {content: ""; width: 0.15rem; height: 0.03rem;background: #ffe400; position: absolute; left: 0; bottom: 0;}
.footer .foterNav dl {padding-right: 0.2rem;}
.footer .foterNav dl dd , .footer .foterNav dl dd a {color: #666666; font-size: var(--font14); margin: 0.06rem 0;  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;}
.footer .foterNav dl dd a:hover {color: #0676a7;}
.footer .foterNav dl:nth-child(4) {width: 12%;}
.footer .foterNav dl:nth-child(8) {width: 10%;}
.footer .foterNav dl:last-child {padding-right: 0;}
.footer .foterNav .usCon {display: flex; margin-top: 0.25rem; align-items: center; justify-content: center;}
.footer .usCon ol {display: grid; grid-template-columns: repeat(3,auto); gap: 0.1rem; margin-right: 0.2rem; display: none}
.footer .usCon ol li .icBox { width: 0.53rem; height: 0.51rem; background: #0676a7; border-radius: 0.05rem; display: flex; align-items: center; justify-content: center;}
.footer .usCon ol li .icBox {font-size: var(--font20); font-family: Arial, Arial-Bold; font-weight: 700;color: #ffffff;}
.footer .usCon ol li .icBox img {max-width: 50%; transition: .5s;}
.footer .usCon ol li:hover .icBox img {transform: scale(1.1);}
.footer .usCon .code {text-align: center; max-width: 150px;}
.footer .usCon .code img {max-width: 100%;}
.footer .usCon .code span {color: #777777; font-size: var(--font14); margin-top: 0.05rem; display: block;}
.copyRight {text-align: center; background: #0676a7; padding: 0.2rem;}
.copyRight p , .copyRight p a {color: #ffffff; font-size: var(--font14);}


/* ===========================================内页================================================ */
.ny-banner {position: relative; overflow: hidden;}
.ny-banner .imgBox {position: relative; overflow: hidden;}
.ny-banner .imgBox img {width: 100%; image-rendering: pixelated;display: block;}
.ny-banner .slideText {position: absolute; left: 4%;top: 6.5%;  z-index: 2;}
.ny-banner .slideText p {line-height: 0.32rem; -webkit-text-stroke: 4px #111;display: inline-block;position: relative;z-index: 1; font-family:"Noto Serif SC";color: #FFFFFF;font-size: .22rem;font-weight: 700;letter-spacing: 0.03rem;}
.ny-banner .slideText p::after {content: attr(title); color: #fff;position: absolute;z-index: 2;left: 0; right: 0;top: 0; -webkit-text-stroke-width: 0;}
.ny-banner .slideText span {line-height: 0.32rem; font-family:"Noto Serif SC";position: relative;z-index: 1;color: #fba601; -webkit-text-stroke: 3px #111;display: inline-block;font-size: .22rem;font-weight: 700;letter-spacing: 0.03rem;}
.ny-banner .slideText span::after {content: attr(title);color: #fba601;position: absolute; z-index: 2; left: 0; right: 0;top: 0;-webkit-text-stroke-width: 0;}


/* =========关于我们========= */
.nyNav {background: #fff;box-shadow: 0rem 0rem 0.18rem 0rem rgba(45,45,45,0.06); }
.nyNav ul {display: flex; justify-content: center;}
.nyNav ul li {width: calc(100%/6); text-align: center; border-right: 0.01rem solid #eeeeee; transition: background .5s;}
.nyNav ul li:last-child {border: 0;}
.nyNav ul li img {margin: auto;}
.nyNav ul li a {padding: 0.3rem 0; display: flex; align-items: center; justify-content: center;}
.nyNav ul li span {color: #333333; font-size: var(--font20); margin-left: 0.1rem;}
.nyNav ul li:hover {background: #1a98cb;}
.nyNav ul li:hover img {filter: brightness(100); -webkit-filter:brightness(100);}
.nyNav ul li:hover span {color: #fff;}
.nyNav ul li.on {background: #1a98cb;}
.nyNav ul li.on img {filter: brightness(100); -webkit-filter:brightness(100);}
.nyNav ul li.on span {color: #fff;}
/* .nyNav ul li:nth-child(1) {display: none;}
.nyNav ul li:nth-child(2) {display: none;} */
/* .nyNav ul li:last-child{order: -1;} */

/* 企业简介 */
.aboutOne {background: url(../images/aboutOne-bj.jpg) no-repeat center; background-size: cover; padding-bottom: 0.5rem;}
.aboutOne .indexTle i {background: #0072A4;}
.aboutOne .box {display: flex; justify-content: space-between;}
.aboutOne .box .le {width: 52%;}
.aboutOne .box .le p {color: #555555;line-height: 1.8;font-weight: 400; font-size: var(--font16) ; text-indent: 2em; margin-bottom: 0.3rem;}
.aboutOne .box .le p:last-child {margin-bottom: 0;}
.aboutOne .box .re {width: 45%;}
.abOneSwiper {overflow: hidden;position: relative; z-index: 0; height: 100%;}
.abOneSwiper .swiper-slide {position: relative;}
.abOneSwiper .imgBox {height: 100%;}
.abOneSwiper .imgBox img {width: 100%; height: 100%; object-fit: cover;display: block;}
.abOneSwiper .con {position: absolute; z-index: 2; bottom: 0; padding: 4%; box-sizing: border-box;}
.abOneSwiper .con strong {color: #ffffff;font-weight: 700;font-size: var(--font30);display: block;}
.abOneSwiper .con span {display: block;color: #ffffff; font-size: var(--font20);}
.abOneSwiper .swiper-pagination {bottom: 5%; left: auto; right: 3%; left: auto; width: auto;}
.abOneSwiper .swiper-pagination-bullet {width: 0.15rem; height: 0.15rem;opacity: 0.22;background: #ffffff;}
.abOneSwiper .swiper-pagination-bullet-active {background: #1a98cb;opacity: 1;}
.abOneSwiper .swjt {width: .5rem; height: .5rem; background: rgba(26, 153, 203,.6);border-radius: 50%;}
.abOneSwiper .swjt img {  max-width: 35%;}
.abOneSwiper .swiper-button-prev { transform: rotate(180deg);}

.aboutOne .box2 {margin-top: .6rem;}
.aboutOne .text {margin-top: .6rem;}
.aboutOne .text P {color: #555555;line-height: 1.8;font-weight: 400; font-size: var(--font16) ; text-indent: 2em; margin-bottom: 0.3rem;}
.aboutOne .text p:last-child {margin-bottom: 0;}

/* 企业文化 */
.aboutTwo {background: url(../images/aboutTwo-bj.jpg) no-repeat center; background-size: cover; padding-bottom: 0.5rem;}
.aboutTwo .indexTle h3 {color: #fff;}
.aboutTwo .indexTle i {background: #fff;}
.aboutTwo ul {display: flex; justify-content: space-between;}
.aboutTwo ul li {width: 25%; text-align: center; position: relative; padding: 0 3%; box-sizing: border-box;}
.aboutTwo ul li:nth-child(1) {padding-left: 0;}
.aboutTwo ul li:last-child(1) {padding-right: 0;}

.aboutTwo ul li::before {content: "";height: 100%; width: 1px; position: absolute;right: 0;top: 0; opacity: 0.11;background: #dddddd;}
.aboutTwo ul li::after {content: "";height: 100%; width: 1px; position: absolute;right: -1px;top: 0; opacity: 0.11;background: #000000;}
.aboutTwo ul li:last-child::before ,.aboutTwo ul li:last-child::after {display: none;}
.aboutTwo ul li .icBox {margin-bottom: 0.4rem;}
.aboutTwo ul li .icBox img {margin: auto; transition: .5s;}
.aboutTwo ul li strong {font-weight: 700;font-size: var(--font24);color: #ffffff;}
.aboutTwo ul li p {color: #ffffff;font-weight: 400; font-size: var(--font18); margin-top: 0.1rem;}
.aboutTwo ul li:hover .icBox img {transform: rotateY(180deg);}

/* 工厂展示 */
.aboutThree ul {display: grid; grid-template-columns: repeat(3,1fr);gap: 0.3rem; margin-bottom: 0.6rem;}
.aboutThree ul li {border: 0.01rem solid #f5f5f5;}
.aboutThree ul li span {padding: 0.2rem 0.1rem; font-size: var(--font20);color: #333333; display: block; text-align: center;}
.aboutThree ul li .imgBox {overflow: hidden;}
.aboutThree ul li .imgBox img {width: 100%;transition: all 1s ease-out;display: block;}
.aboutThree ul li:hover .imgBox img {transform: scale(1.1);}

/* 视频宣传 */
.aboutFour {background: url(../images/aboutFour-bj.jpg) no-repeat center; background-size: cover; padding-bottom: 0.6rem;}
.aboutFour ul li {background: #ffffff;}

/* 员工风采 */
.aboutFive {padding-bottom: 0.8rem; max-width: 3800px; margin: auto;}
.aboutFive .swiperBox {position: relative; padding-bottom: 0.18rem;overflow: hidden; padding-top: 0.3rem;}
.abFiveSwiper {width: 100%; margin: auto; perspective: 40rem;}
@media screen and (min-width: 2400px) {.abFiveSwiper { perspective: 50rem;}}
@media screen and (min-width: 3610px) {.abFiveSwiper { perspective: 60rem;}}
.abFiveSwiper .swiper-slide {transform-style: preserve-3d;width: 28%;}
.abFiveSwiper .imgBox { border-radius: 0.1rem; overflow: hidden;}
.abFiveSwiper .imgBox img { display: block; width: 100%; transition: all 1s ease-out;}
.abFiveSwiper .con {opacity: 0.43; text-align: center; width: 80%; margin: auto; margin-top: 0.3rem;}
.abFiveSwiper .con h5 {font-size: var(--font20); font-weight: 700;color: #333333;}
.abFiveSwiper .con span {color: #666666; font-size: var(--font16); margin-top: 0.1rem; display: block;}
.abFiveSwiper .swiper-slide-active .con {opacity: 1;}
.abFiveSwiper .swiper-button-prev {transform: rotate(180deg); left: 31%;}
.abFiveSwiper .swjt {width: 0.86rem;height: 0.6rem; background: rgb(0, 114, 163,.5); border-radius: 0.3rem; top: 92%;right: 31%; transition:background .5s;}
/* .abFiveSwiper .swjt:hover {background: #0072a4;} */
.abFiveSwiper .swjt img {filter: brightness(100); -webkit-filter:brightness(100);}
.abFiveSwiper .swiper-slide:hover .imgBox img {transform: scale(1.1);}


/* 合作伙伴 */
.aboutSix { padding-bottom: 0.3rem;}
.aboutSix .container {width: 1700px; max-width: 98%;}
.abSixSwiper {position: relative; overflow: hidden; padding-bottom: 0.3rem;}
.abSixSwiper .swiper-wrapper {flex-direction: initial;}
.abSixSwiper .swiper-slide .imgBox {height: 100%;display: flex;align-items: center;justify-content: center;margin: 0.05rem; margin-bottom: 0.5rem;}
.abSixSwiper .swiper-slide .imgBox img {max-width: 100%;    border: 1px solid #eee;padding:0.2rem}
.abSixSwiper .swiper-pagination-bullet {width: 0.15rem; height: 0.15rem;opacity: 1;background: #ddd;}
.abSixSwiper .swiper-pagination-bullet-active {background: #1a98cb;opacity: 1;}
.abSixSwiper .swiper-button-prev {transform: rotate(180deg);}
.abSixSwiper .swjt {width: 0.86rem;height: 0.6rem; background: rgb(0, 114, 163,.5); top: 45%; border-radius: 0.3rem; transition:background .5s;}
.abSixSwiper .swjt img {filter: brightness(100); -webkit-filter:brightness(100);}


/* 奖项荣誉 */
.aboutSeven {padding-bottom: 0.25rem;}
.abSevenSlide .hd {margin-bottom: 0.5rem;}
.abSevenSlide .hd ul {display: grid; grid-template-columns: repeat(2,auto); justify-content: center; gap: 0.45rem;}
.abSevenSlide .hd ul li {display: flex; align-items: center; justify-content: center; border: 0.01rem solid #dddddd;  width: 1.72rem;height: 0.55rem;  border-radius: 0.28rem; transition: .5s; cursor: pointer;}
.abSevenSlide .hd ul li.on {color: #fff;background: #1a98cb; }
.abSevenSwiper {position: relative; overflow: hidden;}
.abSevenSwiper .swiper-slide {width: 33%; opacity: .5;}
.abSevenSwiper .imgBox {background: #f5f5f5; padding: 0.25rem; transform: scale(0.85); transition: .5s;text-align: center;}
.abSevenSwiper .imgBox img {width: 100%;}
/* .abSevenSlide .bd ul:nth-child(2) .abSevenSwiper .imgBox img {max-width: 50%;margin: auto;}
.abSevenSwiper .bd ul:nth-child(2) li img{width: 50% !important; margin:0;} */
.abSevenSwiper span {text-align: center; display: block;color: #333333;font-weight: 400; font-size: var(--font20); margin-top: 0.3rem;}
.abSevenSwiper .swiper-slide-active {opacity: 1;}
.abSevenSwiper .swiper-slide-active .imgBox {transform: scale(1);}
.abSevenSwiper .swjt {width: 0.86rem;height: 0.6rem; box-shadow: 0rem 0rem 0.13rem 0rem rgba(45,45,45,0.08);  background: rgba(26, 152, 203,.5); border-radius: 0.3rem; top: 40%;right: 27%; transition:background .5s;}
/* .abSevenSwiper .swjt {background: #0072a4;} */
.abSevenSwiper .swjt img {filter: brightness(100); -webkit-filter:brightness(100);}
.abSevenSwiper .swiper-button-prev {transform: rotate(180deg); left: 27%;}

.aboutSeven .dutyFourSlideSwiper {margin-bottom: 0.5rem;}
.aboutSeven .dutyFourSlideSwiper .swiper-wrapper {justify-content: center;}
.aboutSeven .dutyFourSlideSwiper .swiper-slide {margin-left: .5rem; display: flex; align-items: center; justify-content: center; border: 0.01rem solid #dddddd;  width: 1.72rem;height: 0.55rem;  border-radius: 0.28rem; transition: .5s; cursor: pointer;}
.aboutSeven .dutyFourSlideSwiper .swiper-slide:nth-child(1) {margin-left: 0;}
.aboutSeven .dutyFourSlideSwiper .swiper-slide.swiper-slide-thumb-active {color: #fff;background: #1a98cb; border-color: #1a98cb;}

/* .abSevenSlide .bd ul:nth-child(2) .abSevenSwiper .imgBox img {max-width: 50%;margin: auto;}
.abSevenSwiper .bd ul:nth-child(2) li img{width: 50% !important; margin:0;} */
.aboutSeven .dutyFourSwiperBox .swiper-slide:nth-child(2) .imgBox img {width: 50%; margin:auto;}

/* 职业发展 */
.aboutEight {background: url(../images/aboutEight-bj.jpg) no-repeat center; background-size: cover;padding-bottom: 1rem;}
.aboutEight .container {width: 1800px; max-width: 95%;}
.aboutEight .swiperBox {position: relative;}
.abEightSwiper2 {overflow: hidden; max-width: 92%; margin: auto; padding: 0.2rem 0; box-sizing: border-box;}
.abEightSwiper2 .swiper-slide {padding: 0.1rem; box-sizing: border-box; min-height: 2rem; display: flex;flex-direction: column; align-items: center; justify-content: center; background: #ffffff; transition: background .5s; border-radius: 0.15rem; box-shadow: 0rem 0rem 0.2rem 0rem rgba(45,45,45,0.08);  text-align: center; box-sizing: border-box; cursor: pointer;}
.abEightSwiper2 .swiper-slide span {font-size: .26rem;font-weight: 400;color: #000000; display: block;}
.abEightSwiper2 .swiper-slide .icon {width: 0.3rem; height: 0.3rem;border: 2px solid #cccccc; border-radius: 50%; display: block; margin-top: 0.3rem; position: relative;}
.abEightSwiper2 .swiper-slide .icon i::before {content: "+"; width: 100%; height: 100%; position: absolute; left: 0; top: 1px; font-style: normal; font-size: var(--font20);color: #888888;font-family: Arial, Arial-Regular;display: flex; align-items: center; justify-content: center; transition: .3s;}
.abEightSwiper2 .swiper-slide .icon i::after {content: "-"; width: 100%; height: 100%; position: absolute; left: 0; top: 0; font-style: normal; font-size: var(--font20);color: #888888;font-family: Arial, Arial-Regular; opacity: 0;display: flex; align-items: center; justify-content: center;transition: .3s;}
.abEightSwiper2 .swiper-slide-thumb-active {background: #1A98CB;}
.abEightSwiper2 .swiper-slide-thumb-active .icon {border-color: #fff;}
.abEightSwiper2 .swiper-slide-thumb-active .icon i::before {opacity: 0; }
.abEightSwiper2 .swiper-slide-thumb-active .icon i::after {opacity: 1; color: #fff;}
.abEightSwiper2 .swiper-slide-thumb-active span {color: #fff;}
.aboutEight .swiper-button-next { right: 0;}
.aboutEight .swiper-button-prev { transform: rotate(180deg); left: 0;}
.abEightSwiper1 {overflow: hidden; position: relative; width: 92%; margin: auto; margin-top: 0.5rem;}
.abEightSwiper1 .swiper-slide .info {display: flex; justify-content: space-between; align-items: flex-start;}
.abEightSwiper1 .swiper-slide h3 {display: block;font-size: var(--font24); font-weight: 700; color: #333; font-weight: bold; border-bottom: 1px solid #ddd; padding-bottom: 0.2rem; margin-bottom: 0.3rem;}
.abEightSwiper1 .swiper-slide .text {width: 52%;}
.abEightSwiper1 .swiper-slide .info .pic {border-radius: 0.3rem;; width: 43%; overflow: hidden;}
.abEightSwiper1 .swiper-slide .info .pic img {display: block; width: 100%;}
.abEightSwiper1 .swiper-slide .join-editbox {max-height: 3rem; overflow-y: auto;padding-right: .1rem;}
.abEightSwiper1 .swiper-slide .joinMore {display: grid; grid-template-columns: repeat(2,auto);justify-content: flex-start; gap: 15%; margin-top: 0.3rem;}
.abEightSwiper1 .swiper-slide .joinMore .join-more1 {width: 1.57rem;height: 0.5rem;background: #0072A4; border-radius: 0.25rem; text-align: center; line-height: 0.5rem; font-size: var(--font16);color: #ffffff; transition: .5s;}
.abEightSwiper1 .swiper-slide .joinMore .join-more2 {display: flex; align-items: center; justify-content: center; padding: 0 0.3rem; background: #dcedf9; border-radius: 0.25rem;text-align: center; font-size: var(--font14);color: #333333; transition: .5s;}
.abEightSwiper1 .swiper-slide .joinMore a:hover {background: #d99024; color: #fff;}


/* =======项目展示========== */
.projectShow {margin: 0.5rem 0;}
.projectShow .container {width: 1860px; max-width: 97%;}
.projectShow .box {display: flex; justify-content: space-between; align-items: flex-start;}
.projectShow .box .projectNav ul{box-shadow: 1px 1px 5px rgba(0,0,0,0.1);}
.projectNav { width: auto;position: sticky;top: .8rem; padding-bottom: 1.55rem;}
.projectShow .box ul{padding:0.1rem;}
.projectNav ul li {border-bottom:1px solid #eee}
.projectNav ul li.on{border-bottom:0}
.projectNav ul li a {display: flex; align-items: center; padding: 0.1rem;    margin: 0.05rem 0; border-radius: 0.28rem; transition:background  .5s;} 
.projectNav ul li span {color: #666666; font-size: var(--font16);}
.projectNav ul li .icBox {max-width: 0.25rem; margin-right: 0.15rem;flex-shrink: 0;}
.projectNav ul li .icBox img {max-width: 100%; filter: grayscale(100%); -webkit-filter:grayscale(100%);display: block;}
.projectNav ul li:hover a , .projectNav ul li.on a {background: #1a98cb; }
.projectNav ul li:hover .icBox img , .projectNav ul li.on .icBox img {filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(98deg) brightness(110%) contrast(300%);  -webkit-filter:invert(100%) sepia(100%) saturate(0%) hue-rotate(98deg) brightness(110%) contrast(300%);}
.projectNav ul li:hover span , .projectNav ul li.on span {color: #fff;}
.projectShow .projectList {width: 85%; margin-left: 1.5%;}
.projectList ul {display: grid; grid-template-columns: repeat(3,1fr);gap: 0.2rem;}
.projectList ul li {background: #f5f5f5; overflow: hidden; transition: .5s; }
.projectList ul li .imgBox {overflow: hidden; position: relative; max-height: 3.5rem; z-index: 1;}
.projectList ul li .imgBox img {width: 100%;transition: all 1s ease-out; height: 100%; object-fit: cover;display: block;}
.projectList ul li .imgBox::before {content: ""; position: absolute; left: 0;top: 0; z-index: 1; width: 100%; height: 100%; background: rgba(0, 114, 164,.6); opacity: 0; transition: .3s;}
.projectList ul li .imgBox::after {content: ""; position: absolute; left: 0;top: 0; z-index: 2;    bottom: 0;right: 0;margin: auto; width: 0.51rem;height: 0.52rem; background: url(../images/fdj-icon.png) no-repeat center; background-size: contain;}
.projectList ul li .imgBox::after {opacity: 0; -webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1); transform: scale(1);-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;-moz-transition: -moz-transform 0.3s, opacity 0.3s; -o-transition: -o-transform 0.3s, opacity 0.3s;transition: transform 0.3s, opacity 0.3s;}
.projectList ul.videoList li .videoBox {overflow: hidden; position: relative;max-height: 3.5rem; z-index: 1;}
/* .projectList ul.videoList li .videoBox::before {content: "";position: absolute;left: 0;top: 0;z-index: 1; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3);} */
.projectList ul.videoList li .videoBox::after {content: "";cursor: pointer; position: absolute;left: 0;top: 0;z-index: 2;bottom: 0; right: 0; margin: auto; width: 46px; height: 46px; background: url(../images/videoBtn2.png) no-repeat center; border-radius: 50%; background-size: contain; opacity: .65;} 
.projectList ul.videoList li .videoBox img {width: 100%; transition: all 1s ease-out; height: 100%; object-fit: cover;display: block;}
.projectList ul li {position: relative;}
.projectList ul li .con {padding: 0.2rem;display: flex; justify-content: space-between; align-items: center; position: relative;}
.projectList ul li::after {content: '';position: absolute;bottom: 0;left: 0; width: 100%;height: 100%;background: #0072a4;transition: .8s; z-index: 0;opacity: 0;clip-path: polygon(30% 0%, 70% 0%, 100% 100%, 0% 100%);}
.projectList ul li .conle {width:100%;position: relative; z-index: 1;}
.projectList ul li .con img { position: relative; z-index: 1; max-width: 15%;display: none;}
.projectList ul li p {font-size: .22rem; display: -webkit-box;overflow: hidden;  	-webkit-line-clamp:2;-webkit-box-orient: vertical;line-height: 1.5;}
.projectList ul li span { color: #666666; font-size: var(--font18);}
.projectList ul li:hover .imgBox img ,.projectList ul li:hover .videoBox img {transform: scale(1.1);}
/* .projectList ul li:hover .imgBox::after {opacity: 1;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
.projectList ul li:hover .imgBox::before {opacity: 1;}
.projectList ul li:hover::after { opacity: 1;clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);}
.projectList ul li:hover p , .projectList ul li:hover span{color: #fff;} */
.projectList ul li:hover .con img {filter: brightness(100); -webkit-filter:brightness(100);}


/* 项目展示详情 */
.projectDetaOne .container {width: 1860px; max-width: 97%;}
.detaMbx {display: flex; align-items: center; color: #888888;font-size: var(--font16);padding: 0.4rem 0;}
.detaMbx a {margin:0 0.1rem;color: #888888;font-size: var(--font16);}
.detaMbx a:first-child {margin-left: 0;}
.detaMbx a:last-child {color: #333333;font-size: var(--font16);}
.detaMbx a:hover {color: #333333}
.projectDetaOne .box {display: flex; justify-content: space-between;}
.projectDetaOneSwiper2 {width: 60%; position: relative; overflow: hidden;}
.projectDetaOneSwiper2 .swiper-slide {overflow: hidden;}
.projectDetaOneSwiper2 .swiper-slide img {width: 100%; height: 100%; object-fit: cover; transition: 1s linear 2s;transform: scale(1.1,1.1);}
.projectDetaOneSwiper2 .swiper-slide-active img {transition: 3s linear; transform: scale(1,1);}
.projectDetaOneSwiper2 .swjt {left: 80%;top: 88%; width: 0.78rem;height: 0.78rem;background: #D7D7D7; border-radius: 50%;display: flex; align-items: center; justify-content: center; transition: background .5s;}
.projectDetaOneSwiper2 .swiper-button-next {transform: rotate(180deg); right: 0; left: 89%;}
.projectDetaOneSwiper2 .swjt img {max-width: 20%;}
.projectDetaOneSwiper2 .swjt:hover {background: #1A98CB;}
.projectDetaOneSwiper2 .swjt:hover img {filter: brightness(100); -webkit-filter:brightness(100);}
/* .projectDetaOne .box .re .swierBox {height: 45%;} */
.projectDetaOneSwiper1 {position: relative; overflow: hidden; width: 100%;}
/* .projectDetaOneSwiper1 .swiper-wrapper {flex-direction: initial;} */
.projectDetaOneSwiper1 .swiper-slide {}
.projectDetaOneSwiper1 .swiper-slide .imgBox {position: relative; cursor: pointer; max-height: 120px;}
.projectDetaOneSwiper1 .swiper-slide .imgBox::after {content: ""; position: absolute; width: 100%; height: 100%; left: 0;top: 0; background: #1A98CB; opacity: 0; transition: .5s;}
.projectDetaOneSwiper1 .swiper-slide img {width: 100%;height: 100%; object-fit: cover;display: block;}
/* .projectDetaOneSwiper1 .swiper-slide-thumb-active {border-color: #1A98CB;}
.projectDetaOneSwiper1 .swiper-slide-thumb-active .imgBox::after {opacity: .4;} */
.projectDetaOne .box .re {width: 38%;}
.projectDetaOne .tle {margin-bottom: 0.3rem;}
.projectDetaOne .tle h5 {color: #333333;font-weight: 700;font-size: var(--font30);}
.projectDetaOne .tle span {color: #666666;font-size: var(--font18);display: block; min-height: 24px;}
.projectDetaOne .tle i {width: 0.6rem; height: 0.03rem;background: #1a98cb; margin-top: 0.1rem;display: none;}
.projectDetaOne .info {min-height: 116px;}
.projectDetaOne .info dl dd { margin: 0.2rem 0; display: flex; align-items: flex-start  ;}
.projectDetaOne .info img {margin-right: 0.1rem; display: inline-block;}
.projectDetaOne .info span {color: #333333;font-size: var(--font16);font-weight: 700; flex-shrink: 0;}
.projectDetaOne .info p {display: inline-block; color: #666666;}
.projectDetaOne .more {margin-top: 0.25rem; margin-bottom: 0.4rem; display: grid; grid-template-columns: repeat(4,auto); justify-content: flex-start; gap: 0.1rem;}
.projectDetaOne .more a {color: #FFFFFF;    text-align: center;font-size: var(--font16);padding: 0.1rem 0.4rem; box-sizing: border-box;background: #fba601;border-radius: 0.5rem; position: relative;}
.projectDetaOne .more a.wxChat {background: #1a98cb;}
.projectDetaOne .more a.other {background: #828f95;}
.projectDetaOne .more a.other1 {background:#e7e7e7;color:#999;transition: all .5s;}
.projectDetaOne .more a.other1:hover{color:#fff;background: #1a98cb;}
/* 电话 */
.projectDetaOne .more a .tel {border-radius: 0.1rem; padding: 0.15rem 0; width: 100%;  box-shadow: 0rem 0rem 16px 5px rgba(24,25,25,0.22); background: #fff;} 
.projectDetaOne .more a .tel { position: absolute; z-index: 2; left: 50%; top: 250%; transform: translate(-50%, -50%); opacity: 0;  visibility: hidden;}
.projectDetaOne .more a .tel span {white-space: nowrap;font-size: .16rem; color: #d99024; display: block; text-align: center; font-weight: 700;}
.projectDetaOne .more a .tel::before {content: "";position: absolute; left: 50%; top: 1%; transform:  translate(-50%, -50%) rotate(45deg); width: 15px; height: 15px; background: #fff;}
.projectDetaOne .more a:hover .tel {top: 210%; opacity: 1; visibility: visible;transition: .5s;}
/* 微信 */
.projectDetaOne .more a .chat {border-radius: 0.1rem; padding: 0.05rem;padding-top: 0.15rem; width: 100%;  box-shadow: 0rem 0rem 16px 5px rgba(24,25,25,0.22); background: #fff;} 
.projectDetaOne .more a .chat { position: absolute; z-index: 2; left: 50%; top: 400%; transform: translate(-50%, -50%); opacity: 0;  visibility: hidden; text-align: center;}
.projectDetaOne .more a .chat::before {z-index: -1; content: "";position: absolute; left: 50%; top: 1%; transform:  translate(-50%, -50%) rotate(45deg); width: 15px; height: 15px; background: #fff;}
.projectDetaOne .more a .chat img {margin: auto; max-width: 100%;}
.projectDetaOne .more a:hover .chat {top: 325%; opacity: 1; visibility: visible;transition: .5s;}

/* 项目展示详情特效--更改 */
.projectDetaOneSwiper1 .swiper-slide {display: grid; grid-template-columns: repeat(3,1fr);gap: .1rem;}
.projectDetaOneSwiper1 .swiper-slide .imgBox {border: 0.01rem solid #dddddd;padding: 0.05rem;box-sizing: border-box;}
.projectDetaOneSwiper1 .swiper-slide .imgBox.active {border-color: #1A98CB;}
.projectDetaOneSwiper1 .swiper-slide .imgBox.active::after  {opacity: .4;}
.projectDetaOne .swiperBox {position: relative;padding-top: .5rem;}
.projectDetaOne .swiperBox .swjt {width: 0.5rem;height: 0.3rem;left: 83%;  background: #D7D7D7; border-radius: 5px; top: .25rem; display: flex; align-items: center; justify-content: center; transition: background .5s;}
.projectDetaOne .swiperBox .swjt.swiper-button-next {transform: rotate(180deg);left: auto; right: 0;}
.projectDetaOne .swiperBox .swjt img {max-width: 20%;}
.projectDetaOne .swiperBox .swjt:hover {background: #1A98CB;}
.projectDetaOne .swiperBox .swjt:hover img {filter: brightness(100); -webkit-filter:brightness(100);}

.projectDetaTwo {background: #f5f5f5; margin-top: 1rem; padding-bottom: 0.5rem;}
.projectDetaTwo .indexTle {position: relative;}
.projectDetaTwo .indexTle h3 {position: relative; z-index: 1;}
.projectDetaTwo .indexTle h4 {width: 100%; font-family: Arial, Arial-Bold; font-weight: 700;color: #eaeaea; font-size: var(--font48);text-transform: uppercase;position: absolute; left: 50%; top: 40%; transform: translate(-50%, -50%);z-index: 0;}
.projectDetaTwo .slideDown tr {display: flex; justify-content: space-between;    align-items: center;}
.projectDetaTwo .slideDown img {max-width: 100%;height: 100% !important; object-fit: cover;width: 100%!important; }
.projectDetaTwo .slideDown td {height: 6rem; width: 50%;}
.projectDetaTwo .slideDown td:nth-child(2) { overflow-y: auto; padding-right: 0.2rem; width: 47.5%;}
.projectDetaTwo .slideDown td:nth-child(2)::-webkit-scrollbar-thumb { border-radius: 2px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0); background: #1A98CB;}
.projectDetaTwo .slideDown td:nth-child(2)::-webkit-scrollbar-track { border-radius: 2px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0); background: #EEEEEE;}

.projectDetaTwo img {display: inline-block;}
.projectDetaTwo .slideDown {width: 100%!important;}
.projectDetaTwo .slideDown p {text-align: justify!important;;text-indent:36px!important;line-height: 0.4rem!important; }
.projectDetaTwo .slideDown p span {word-wrap: break-word;word-break: break-word; }
.projectDetaTwo .box span{background: transparent!important;}
/* .tableNum tr {display: flex; flex-wrap: wrap;} */
.tableNum tr td {padding-right: .25rem;}



/* =========规划设计========== */
/* 规划设计-banner */
.plannBanner {position: relative;}
.plannBannerSwiper {position: relative; overflow: hidden;}
.plannBannerSwiper .swiper-slide {overflow: hidden;}
.plannBannerSwiper .imgBox img {width: 100%;display: block;}
.plannBannerSwiper .swiper-pagination {width: auto;left: 5%; bottom: 5%;}
.plannBannerSwiper .swiper-pagination span {width: 0.06rem; height: 0.06rem; margin: 0 0.12rem !important; background: #ffffff; opacity: 1; position: relative; }
.plannBannerSwiper .swiper-pagination .swiper-pagination-bullet-active::after {content: "";  position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 0.26rem; height: 0.26rem; border: 0.01rem solid #ffffff; border-radius: 50%; transition: .5s;}
.plannBanner .ToDown {position: absolute; left: 50%; top: 93%; transform: translate(-50%, -50%);z-index: 1;}
.plannBanner .ToDown img {animation: aboutTwo-sb 2s infinite; }

.plannBanner .slideText {position: absolute; left: 5%;top: 12.5%; z-index: 2;}
.plannBanner .slideText p {line-height: 0.32rem; -webkit-text-stroke: 4px #111;display: inline-block;position: relative;z-index: 1; font-family:"Noto Serif SC";color: #FFFFFF;font-size: .23rem;font-weight: 700;letter-spacing: 0.03rem;}
.plannBanner .slideText p::after {content: attr(title); color: #fff;position: absolute;z-index: 2;left: 0; right: 0;top: 0; -webkit-text-stroke-width: 0;}
.plannBanner .slideText span {line-height: 0.32rem; font-family:"Noto Serif SC";position: relative;z-index: 1;color: #FFBA00; -webkit-text-stroke: 3px #111;display: inline-block;font-size: .23rem;font-weight: 700;letter-spacing: 0.03rem;}
.plannBanner .slideText span::after {content: attr(title);color: #FFBA00;position: absolute; z-index: 2; left: 0; right: 0;top: 0;-webkit-text-stroke-width: 0;}


.planMain .indexTle h3 {font-size: .42rem;}

/* 规划设计--方案规划 */
.plannOne {background: url(../images/plannOne-bj.jpg) no-repeat center; background-size: cover; padding-bottom: 1rem;}
.plannOne .box {position: relative;}
.plannOne .swiperBox {width: 580px;height: 580px; border-radius: 50%; margin: auto; padding: 35px;box-sizing: border-box; position: relative;}
.plannOne .swiperBox .swiper1Box {height: 100%;}
.plannOne ul {border: 2px solid #c5e1ee;border-radius: 50%; position: absolute; width: 100%; height: 100%;left: 0;top: 0;}
.plannOne ul li {position: absolute;cursor: pointer;  white-space: nowrap;  width: auto !important; height: auto;}
.plannOne ul li span {color: #333333; font-size: var(--font20);}
.plannOne ul li i {margin-left: 20px; width: 9px; height: 9px; background: #1a98cb; border-radius: 50%; display: inline-block; position: relative; transition: .5s;}
.plannOne ul li i svg {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 400%; height: 400%; overflow: inherit;}
.plannOne ul li i svg circle {stroke-width: 2;  stroke-dasharray: 0 160; }
@keyframes svgcircle {from {stroke-dasharray:0 160;} to { stroke-dasharray: 160 0;}}
/* .plannOne ul li i::after {content: ""; border-radius: 50%; position: absolute; width: 0; height: 0; border: 0 solid #fba601; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);transition: .5s;} */
.plannOne ul li:nth-child(1) {left: -29%;top: 6%;}
.plannOne ul li:nth-child(2) {top: 50%;left: -46.5%;}
.plannOne ul li:nth-child(3) {text-align: center;top: 98%; left: 28%;}
.plannOne ul li:nth-child(3) span {display: block;margin-top: 10px;}
.plannOne ul li.swiper-slide-thumb-active i {background: #fba601;}
.plannOne ul li.swiper-slide-thumb-active i svg circle {animation: 12s svgcircle forwards;}
/* .plannOne ul li.swiper-slide-thumb-active i::after {content: "";border-radius: 50%; position: absolute; width: 400%; height: 400%; border: 2px solid #fba601; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%)} */
.plannOne ul li.swiper-slide-thumb-active span {color: #1A98CB;}
.plannOne ul li:nth-child(4) {top: 50%; left: 99.5%;}
.plannOne ul li:nth-child(4) i {margin: 0; margin-right: 20px;}
.plannOne ul li:nth-child(5) {top: 6%; left: 79%;}
.plannOne ul li:nth-child(5) i {margin: 0; margin-right: 20px;}
.plannOneSwiper2 .swjt {display: none;}
.plannOneSwiper1 {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; border-radius: 50%;position: relative; overflow: hidden; background: url(../images/plannOneSwiper-bj.png) no-repeat center; background-size: cover;}
.plannOneSwiper1 .con {width: 80%;margin: auto; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.plannOneSwiper1 .con span {color: #ffffff; font-size: var(--font24); font-weight: 700; margin-top: 0.3rem; display: block; text-align: center;}

/* 创意+专业 · 打造水上“新世界” */
.plannTwo {margin-bottom: 0.7rem;}
.plannTwo .indexTle span {font-size: var(--font20);color: #565656; margin-top: 0.12rem;display: block;}
.plannTwo ul {display: flex; justify-content: space-between;}
.plannTwo ul li {background: #ebf0f4;padding: 0.4rem; box-sizing: border-box; width: 24%; position: relative; transition: .5s;}
.plannTwo ul li .icBox {height: 0.7rem;}
.plannTwo ul li .icBox img {max-height: 100%;object-fit: contain;}
.plannTwo ul li strong {color: #333333;font-size: var(--font24); font-weight: 500; display: block; margin: 0.3rem 0;}
.plannTwo ul li p {color: #777777; font-size: var(--font16);line-height: 0.3rem; text-align: justify;}
.plannTwo ul li::before {content: "";height: 0.07rem; width: 100%; background: #dfe4ea; position: absolute; left: 0; top: 0;}
.plannTwo ul li::after {content: "";height: 0.07rem; width:0; background: #1A98CB; position: absolute; left: 0; top: 0; transition: .5s;}
.plannTwo ul li:hover::after {width: 100%;}
.plannTwo ul li:hover {background: #ffffff; box-shadow: 0rem 0rem 0.24rem 0rem rgba(155,171,184,0.11); }

/* 规划设计--规划设计流程 */
.plannThree {background: url(../images/plannThree-bj.jpg) no-repeat center; background-size: cover; padding-bottom: 0.78rem; background-attachment: fixed;}
.plannThree .container {width: 1600px; max-width: 85%;}
.plannThree ul {display: grid; grid-template-columns: repeat(6,1fr); justify-content: center; gap: 0.2rem;}
.plannThree ul li { min-height: 4rem; background: #fff; padding: 0.2rem; display: flex; align-items: center;  flex-direction: column;position: relative; transition: .5s;}
.plannThree ul li::after {content: "";width: 100%; position: absolute; top: 0; left: 0;background: #1a98cb;height: 0.05rem;}
.plannThree ul li .imgBox {border: 0.03rem solid #1a98cb; border-radius: 50%;}
.plannThree ul li .imgBox img {width: 100%; height: 100%; object-fit: cover;}
.plannThree ul li strong {font-weight: 700;font-size: var(--font18);display: block; margin: 0.2rem 0; margin-bottom: 0.05rem;}
.plannThree ul li .num {font-size: var(--font48); -webkit-text-stroke: 1px #D3D3D3; font-weight: 700; position: relative;z-index: 1; }
.plannThree ul li .num::after {content: attr(title);color: #fff;position: absolute;z-index: 2;left: 0;right: 0;top: 0;-webkit-text-stroke-width: 0;}
.plannThree ul li .text {font-size: var(--font14);}
.plannThree ul li:hover {transform: translateY(-0.1rem);}

/* 规划设计--设计理念 */
.plannFour {background: url(../images/plannFour-bj.jpg) no-repeat center; background-size: cover; background-attachment: fixed;padding-bottom: 1rem;}
.plannFour .indexTle h3 {color: #ffffff;}
.plannFour .indexTle i {background: #fff;}
.plannFour ul {display: flex;justify-content: space-between;}
.plannFour ul li {width: 25%; padding: 0 0.5rem; box-sizing: border-box; position: relative; text-align: center;}
.plannFour ul li::after {content: ""; position: absolute; right: 0;top: 0; width: 1px; height: 100%;opacity: 0.29; background: #bababa;}
.plannFour ul li:last-child::after {display: none;}
.plannFour ul li .icBox img {margin: auto;}
.plannFour ul li span {font-weight: 400;color: #fff;font-size: var(--font24); display: block; margin: 0.2rem 0;}
.plannFour ul li p {font-weight: 400; color: #fff; font-size: var(--font16);line-height: 0.32rem; text-align: justify;}

/* 规划设计--水上项目规划设计 */
.plannFive .indexTle h3 {width: 50%;margin: auto;}
.plannFive .box {display: flex; min-height: 6.74rem;}
.plannFive .box .imgBox {width: 50%;}
.plannFive .box .imgBox img {width: 100%; height: 100%; object-fit: cover;}
.plannFive .box dl {width: 50%;}
.plannFive .box dl dd {background: #e5e5e5; height: calc(100%/5); display: flex; align-items: center;padding: 0 5%; box-sizing: border-box;}
.plannFive .box dl dd:nth-child(even) {background: #f9f9f9;}
.plannFive .box dl .icBox {margin-right: 3%;}
.plannFive .box dl b {color: #333333;font-weight: 400;font-size: var(--font24);}
.plannFive .box dl p {font-weight: 400;color: #666666;font-size: var(--font18);}

/* 规划设计--方案规划展示 */
.plannSix .swiperBox {position: relative; max-width: 1920px; margin: auto;}
.plannSixSwiper2 {position: relative; overflow: hidden;}
.plannSixSwiper2 .boxCon {display: flex; justify-content: space-between;}
.plannSixSwiper2 .boxCon .le {width: 35%;margin-left: 5%; padding-bottom: 2rem;}
.plannSixSwiper2 .boxCon .imgBox {width: 58%; padding-right: 1%;  box-sizing: border-box; overflow: hidden; position: relative;}
.plannSixSwiper2 .boxCon .imgBox::after {content: ""; position: absolute; width: 1.95rem;height: 50%; right: 0;  z-index: -1;   bottom: 10%;background: #1a98cb;}
.plannSixSwiper2 .boxCon .imgBox img {width: 100%; height: 100%; object-fit: cover;     border-radius: 0.25rem;}
.plannSixSwiper2 .boxCon .num {font-size: var(--font80); font-weight: 700; -webkit-text-stroke: 3px #FFBA00; font-weight: 700; position: relative;z-index: 1; font-family: "Frutiger";}
.plannSixSwiper2 .boxCon .num::after {content: attr(title);color: #fff;position: absolute;z-index: 2;left: 0;right: 0;top: 0;-webkit-text-stroke-width: 0;}
.plannSixSwiper2 .boxCon h4 {color: #333333;font-size: var(--font34);font-weight: 400;}
.plannSixSwiper2 .boxCon i {height: 0.03rem;background: #333333;width: 50%;display: block; margin-top: 0.15rem;}
.plannSixSwiper2 .boxCon p {color: #666666;font-weight: 400; font-size: var(--font16);margin-top: 0.3rem; line-height: 0.3rem; text-align: justify;}
.plannSixSwiper2 .boxCon .more {margin-top: 0.4rem; position: relative;  display: inline-block;}
.plannSixSwiper2 .boxCon .more a {display: flex; align-items: center; color: #fff; padding-left: 0.1rem;z-index: 2; position: relative;font-family: Arial, Arial-Regular; font-size: var(--font16);}
.plannSixSwiper2 .boxCon .more a span {z-index: 1; color: #0072A4;font-family: Arial, Arial-Regular; font-size: var(--font16);position: relative;transition: .5s;}
.plannSixSwiper2 .boxCon .more a::before {content: ""; position: absolute; left: -1%; top: 50%; transform: translate(-50%, -50%);width: 0.11rem; height: 0.03rem;background: #fff; }
.plannSixSwiper2 .boxCon .more::before {content: ""; z-index: 0; position: absolute; left: 2%; top: 50%; transform: translate(-50%, -50%); border-radius: 50%; width: 0.38rem; height: 0.38rem; background: #1a98cb;}
.plannSixSwiper2 .boxCon .more::after {content: ""; z-index: 0; position: absolute; left: 0%; top: 50%; transform: translate(-50%, -50%); border-radius:1rem 2rem 2rem 1rem; width: 0; height: 0.38rem; background: #1a98cb; transition: .5s;}
.plannSixSwiper2 .boxCon .more:hover::after {width: 120%; left: 55%;}
.plannSixSwiper2 .boxCon .more:hover span {color: #fff;}
.plannSixSwiper2 .swiper-pagination {bottom: 2rem; left: 36%; width: auto;color: #DDDDDD;font-size: var(--font18);   font-family: Arial, Arial-Regular;}
.plannSixSwiper2 .swiper-pagination span {color: #333;}
.plannSixSwiper1 {position: absolute; overflow: hidden; width: 35%; bottom: 1%;height: 1.6rem; max-height: 2rem; margin-left: 5%;}
.plannSixSwiper1 .swiper-slide {height: auto;}
.plannSixSwiper1 .swiper-slide .imgBox { border-radius: 0.1rem;overflow: hidden;position: relative; cursor: pointer; height: 100%;}
.plannSixSwiper1 .swiper-slide img {width: 100%; height: 100%; object-fit: cover;}
.plannSixSwiper1 .swiper-button-prev {transform: rotate(180deg);}
.plannSixSwiper1 .swiper-slide-thumb-active .imgBox::after {content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #1a98cb; opacity: .5;}

/* 规划设计--水上工程效果图设计规划把控 */
.plannSeven {background: url(../images/plannSeven-bj.jpg) no-repeat center; background-size: cover; margin-top: 0.6rem; padding-bottom: 0.68rem;overflow: hidden;}
.plannSeven .tle {text-align: center; padding: 0.6rem 0;}
.plannSeven .tle small {font-family: Arial, Arial-Regular;font-weight: 400;color: #ffffff; font-size: var(--font36);display: block;}
.plannSeven .tle strong {color: #ffffff;font-weight: 700;font-size: var(--font48);display: block;}
.plannSeven .tle .text {color: #ffffff;font-weight: 400;font-size: var(--font30);display: inline-block;position: relative;}
.plannSeven .tle .text::before , .plannSeven .tle .text::after {background: url(../images/plannSeven-tle-icon.png) no-repeat center; content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);;}
.plannSeven .tle .text::before {width: 18%;height: 100%;left: -10%;}
.plannSeven .tle .text::after {width: 18%;height: 100%;left: 111%;}
.plannSeven .swiperBox {position: relative;}
.planSevenSwiper { overflow: hidden; width:96%; margin: auto;}
.planSevenSwiper .swiper-slide {width: auto;}
.planSevenSwiper .swiper-slide a {display: block;text-align: center;white-space: nowrap; transition: .5s; font-size: var(--font20);color: #fff; font-weight: 700; border: 2px solid #ffffff;border-radius: 1.42rem; padding: 0.2rem 0; box-sizing: border-box;}
.planSevenSwiper .swiper-button-prev {transform: rotate(180deg); left: 0;}
.planSevenSwiper .swiper-button-next {right: 0;}
.planSevenSwiper .swiper-slide a:hover {background: #fba601; border-radius: 0.4rem; border-color: #fba601;}
.planSevenSwiper .swiper-slide.swiper-slide-thumb-active a {background: #fba601; border-radius: 0.4rem; border-color: #fba601;}

/* 规划设计--水上漂浮乐园效果图展示 */
.plannEight .container {max-width: 97%; width: 1875px;}
.plannEight .indexTle span {font-size: var(--font16); color: #666;display: block;}
.plannEight dl {display: grid; gap: 0.2rem; grid-template-columns: repeat(9,auto); justify-content: center; align-items: center; margin-bottom: 0.35rem;}
.plannEight dl dd {text-align: center;}
.plannEight dl dd img {margin: auto;}
.plannEight dl dd span {color: #666666;font-size: var(--font16); margin-top: 0.05rem; display: block;}
.plannEight dl dd:nth-child(even) {color: #d3d3d3; font-size: var(--font24);}
.planEightSwiper {position: relative; overflow: hidden; padding-bottom: 0.6rem;}
.planEightSwiper .list {display: grid; grid-template-columns: repeat(3,1fr);gap: 0.2rem;}
.planEightSwiper .list li {overflow: hidden;}
.planEightSwiper .list li img {width: 100%; transition: all 1s ease-out;}
.planEightSwiper .list li:hover img {transform: scale(1.1);}
.planEightSwiper .pagbox {text-align: center;margin-top: 0.5rem;display: flex; align-items: center;justify-content: center;}
.planEightSwiper .prograprev , .planEightSwiper .progranext {cursor: pointer; background: #F5F5F5;display: inline-flex;align-items: center;justify-content: center;color: #666;font-size: var(--font14);transition: .4s;padding: 5px 18px;border-radius: 0.05rem;margin-right: 5px;margin-left: 5px;}
.planEightSwiper .prograpag {display: inline-block;vertical-align: top;position: static; width: auto;}
.planEightSwiper .prograpag span {width: auto; height: auto;opacity: 1;  background: #F5F5F5; color: #666; font-size: var(--font14); transition: .4s;margin: 0 5px !important;  padding: 5px 14px; border-radius: 0.05rem;}
.planEightSwiper .prograpag .swiper-pagination-bullet-active {background: #1a98cb;color: #fff;}
.planEightSwiper .prograpag span:hover {background: #1a98cb;color: #fff;}
.planEightSwiper .pagbox .prograprev.swiper-button-disabled,.planEightSwiper .pagbox .progranext.swiper-button-disabled {opacity: .3; cursor: auto;pointer-events: none;}
.planEightSwiper .prograprev:hover , .planEightSwiper .progranext:hover {background: #1a98cb;color: #fff;}

/* 规划设计--设计师手稿 */
.plannNine {background: url(../images/plannNine-bj.jpg) no-repeat center; background-size: cover; padding-bottom: 0.5rem;}
.plannNine .container {max-width: 97%; width: 1875px;}
.plannNine .indexTle h3 {color: #FFFFFF;}
.plannNine .indexTle i {background: #fff;}
.planNineSwiper {position: relative; overflow: hidden; padding-bottom: 1.2rem;}
.planNineSwiper .swiper-wrapper .swiper-slide {overflow: hidden;}
.planNineSwiper ul {display: grid; grid-template-columns: 27% 24% 14% 14% 19%; gap: 0.07rem;  grid-template-rows: 3rem 3rem;}
.planNineSwiper ul li {overflow: hidden; position: relative; background: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center;  padding-bottom: 0.5rem; box-sizing: border-box;}
.planNineSwiper ul li::before {content: ""; position: absolute; top: 0; left: 0;height: 0.03rem;background: #ecb50d; width: 100%; z-index: 1;}
.planNineSwiper ul li span {color: #333333; font-size: var(--font18); position: absolute; left: 50%; top: 90%;   transform: translate(-50%, -50%);width: 100%; text-align: center; padding: 0 0.1rem;}
.planNineSwiper ul li img {max-width: 100%; object-fit: cover; max-height: 100%; transition: .5s;}
.planNineSwiper ul li:nth-child(1) span , .planNineSwiper ul li:nth-child(4) span {top: 95%;}
.planNineSwiper ul li:nth-child(1) {grid-column-start: 1;grid-column-end: 2;grid-row-start: 1;grid-row-end: 3;}
.planNineSwiper ul li:nth-child(3) {grid-column-start: 3;grid-column-end: 5;}
.planNineSwiper ul li:nth-child(4) {grid-column-start: 5; grid-row-start: 1; grid-row-end: 3;}
.planNineSwiper ul li:hover span {color: #ecb50d;}
.planNineSwiper ul li:hover img {transform: scale(1.05);}
.plannNine .swjt {width: 0.66rem;height: 0.66rem;background: rgba(0, 0, 0,.2); border-radius: 50%; top: 93%; opacity: 1; transition: .5s;}
.plannNine .swjt img {max-width: 30%;}
.plannNine .swiper-button-prev {transform: rotate(180deg); left: 45%;}
.plannNine .swiper-button-next {right: 45%;}
.plannNine .swjt.swiper-button-disabled {opacity: .5; pointer-events: none; cursor:auto;}
.plannNine .swjt:hover {background: rgba(0, 0, 0,.5);}

/* 规划设计--应用案例 */
.plannTen .container {max-width: 97%; width: 1875px;}
.planTenSwiper {position: relative; overflow: hidden; width: 100%; padding-bottom: 0.5rem;}
.planTenSwiper.projectList ul {grid-template-columns: repeat(4,1fr);}
.planTenSwiper.projectList ul li .con {padding: .2rem;}
.planTenSwiper.projectList ul li .conle {width: 100%;}
.planTenSwiper.projectList ul li::after {display: none;}
.planTenSwiper.projectList ul li .imgBox::before {display: none;}
.planTenSwiper.projectList ul li .imgBox::after {display: none;}
.planTenSwiper.projectList ul li:hover p, .planTenSwiper.projectList ul li:hover span {color: initial;}
.planTenSwiper .pagbox {text-align: center;margin-top: 0.5rem;display: flex; align-items: center;justify-content: center;}
.planTenSwiper .prograprev , .planTenSwiper .progranext {cursor: pointer; background: #F5F5F5;display: inline-flex;align-items: center;justify-content: center;color: #666;font-size: var(--font14);transition: .4s;padding: 5px 18px;border-radius: 0.05rem;margin-right: 5px;margin-left: 5px;}
.planTenSwiper .prograpag {display: inline-block;vertical-align: top;position: static; width: auto;}
.planTenSwiper .prograpag span {width: auto; height: auto;opacity: 1;  background: #F5F5F5; color: #666; font-size: var(--font14); transition: .4s;margin: 0 5px !important;  padding: 5px 14px; border-radius: 0.05rem;}
.planTenSwiper .prograpag .swiper-pagination-bullet-active {background: #1a98cb;color: #fff;}
.planTenSwiper .prograpag span:hover {background: #1a98cb;color: #fff;}
.planTenSwiper .pagbox .prograprev.swiper-button-disabled,.planTenSwiper .pagbox .progranext.swiper-button-disabled {opacity: .3; cursor: auto;pointer-events: none;}
.planTenSwiper .prograprev:hover , .planTenSwiper .progranext:hover {background: #1a98cb;color: #fff;}




/* ==================科技创新================= */
/* 科创平台 */
.techOne {padding-bottom: 1.7rem;}
.techOne .indexTle p {color: #666666;font-size: var(--font16);line-height: 0.28rem;width: 65%; margin: auto; margin-top: 0.2rem;}
.techOne .box {position: relative;}
.techOne .boxBjImg {display: flex; align-items: center; justify-content: center; position: relative;}
.techOne .boxBjImg img {max-width: 100%;}
.techOne .inCon {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); overflow: hidden;}
.techOne .inCon img {max-width: 100%; animation:myfirst 20s linear infinite; -webkit-animation:myfirst 20s linear infinite;}
.techOne .inCon .text {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%;}
.techOne .inCon .text span {display: block;font-weight: 700; font-size: var(--font24);text-align: center;}
.techOne .inCon .text i {width: 0.39rem; height: 0.05rem;background: #008cd6;display: block; margin: auto; margin-top: 0.2rem;}
.techOne ul li {position: absolute; width: 30%; text-align: right;}
.techOne ul li b {color: #333333;font-size: var(--font20); padding-right: 0.1rem; display: block;}
.techOne ul li .xian {position: relative;}
.techOne ul li .xian i {height: 2px;background: #dddddd; display: block; margin: 0.15rem 0; position: relative;}
.techOne ul li .xian i::after {width: 0.09rem; height: 0.09rem;background: #2888d8; border-radius: 50%; content: ""; position: absolute; left: 100%; top: 50%; transform: translate(-50%, -50%);}
.techOne ul li .xian .dashed {border: 1px dashed #DFDFDF; width: 1.5rem; position: absolute;    left: 113%; top: .48rem;transform: translate(-50%, -50%) rotate(35deg);}
.techOne ul li .xian .dashed::before {content: "";position: absolute; left: 100%; top: 50%; transform: translate(-50%, -50%); width: 0.1rem; height: 0.1rem; background: #ffffff; border-radius: 50%;}
.techOne ul li .xian .dashed::after {content: ""; position: absolute; left: 100%; top: 50%; transform: translate(-50%, -50%); width: 0.3rem; height: 0.3rem; border-radius: 50%; animation: fang1 2s linear infinite;background-color: #ffffff;}
.techOne ul li p {color: #666666;line-height: 0.33rem;font-size: var(--font16); padding-right: 0.1rem; text-align: justify;}
.techOne ul li:nth-child(1) {top: 0; left: 4%;}
.techOne ul li:nth-child(2) {top: 0; left: 66%; transform: rotateY(180deg);}
.techOne ul li:nth-child(2) b {transform: rotateY(180deg);padding: 0; padding-left: 0.1rem; display: inline-block;}
.techOne ul li:nth-child(2) p {transform: rotateY(180deg);padding: 0; padding-left: 0.1rem; text-align: left;}
.techOne ul li:nth-child(3) {left: 4%; top: 86%;}
.techOne ul li:nth-child(3) .xian .dashed {transform: translate(-50%, -50%) rotate(-35deg); top: -.45rem;}
.techOne ul li:nth-child(4) {top: 86%; left: 66%; transform: rotateY(180deg);}
.techOne ul li:nth-child(4) .xian .dashed {transform: translate(-50%, -50%) rotate(-35deg); top: -.45rem;}
.techOne ul li:nth-child(4) b {transform: rotateY(180deg);padding: 0; padding-left: 0.1rem; display: inline-block;}
.techOne ul li:nth-child(4) p {transform: rotateY(180deg);padding: 0; padding-left: 0.1rem; text-align: left;}

/* 专利证书 */
.techTwo {background: #f3f7fb; padding-bottom: 0.5rem; padding-top: 0.4rem; margin-top: 2rem;}
.techTwo .box {display: flex; justify-content: space-between; align-items: center;}
.techTwo .box .indexTle {text-align: left;}
.techTwo .box .indexTle i {margin: 0; margin-top: 0.1rem;}
.techTwo .box .le {width: 30%;}
.techTwo dl dd {display: flex; align-items: center; margin-bottom: 0.5rem;}
.techTwo dl dd .icBox {width: 0.66rem; display: flex; align-items: center; justify-content: center; margin-right: 0.2rem;    flex-shrink: 0;}
.techTwo dl dd .icBox img {max-width: 100%;}
.techTwo dl dd strong {color: #333333;font-weight: 700; font-size: var(--font24);}
.techTwo dl dd p {color: #606060;font-size: var(--font16);}
.techTwo .box .re {width: 60%; display: flex; justify-content: space-between; align-items: center;}
.techTwoSwiper2 , .techTwoSwiper1 {position: relative; overflow: hidden;}
.techTwo .box .swiperBox {width: 35%; overflow-y: auto;  direction: rtl; max-height: 5rem;}
.techTwo .box .swiperBox::-webkit-scrollbar {width: 4px; height: 4px;}
.techTwo .box .swiperBox::-webkit-scrollbar-thumb {border-radius: 5px;-webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0);background: #008CD6;}
.techTwo .box .swiperBox::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0); border-radius: 0; background: #E1E1E1;}
.techTwoSwiper1 .text {font-size: var(--font18); width: 90%; margin-bottom: 0.15rem; height: 0.57rem;background: #ffffff; border-radius: 1.29rem; display: flex; align-items: center; justify-content: center; transition: .5s; cursor: pointer;}
.techTwoSwiper1 .swiper-slide-thumb-active .text {background: #008cd6; color: #fff;}
.techTwoSwiper2 {width: 60%;}
.techTwoSwiper2 .swiper-wrapper {display: block;min-height: 3.2rem; width: 85%; height: 100%; margin: auto; position: relative;  -webkit-transform: none;    opacity: 1;}
.techTwoSwiper2 .swiper-slide {padding:0.1rem;box-sizing: border-box; background: #ffffff;background-size: contain;position: absolute;width: 100% !important; height: 100%;top: 0;left: 0;}
.techTwoSwiper2 .swiper-slide img {width: 100%; height: 100%;object-fit: cover;}
.techTwoSwiper2 .swiper-slide {transform: scale(0.7) translateX(53%) !important;-webkit-transform: scale(0.7) translateX(53%);-moz-transform: scale(0.7) translateX(53%);-o-transform: scale(0.7) translateX(53%);-ms-transform: scale(0.7) translateX(53%);opacity: 0; pointer-events: none; z-index: 2; transition: all 0.7s cubic-bezier(0.18, 0.88, 0.23, 0.9) !important; transform-origin: 0 50%; }
.techTwoSwiper2 .swiper-slide.swiper-slide-prev {transform: scale(0.8) translateX(35%);-webkit-transform: scale(0.8) translateX(35%) !important;-moz-transform: scale(0.8) translateX(35%);-o-transform: scale(0.8) translateX(35%);-ms-transform: scale(0.8) translateX(35%);opacity: 0.6 !important;z-index: 7;}
.techTwoSwiper2 .swiper-slide.swiper-slide-next {transform: scale(0.9) translateX(16%);-webkit-transform: scale(0.9) translateX(16%) !important;-moz-transform: scale(0.9) translateX(16%);-o-transform: scale(0.9) translateX(16%); -ms-transform: scale(0.9) translateX(16%);opacity: 0.8 !important; z-index: 8; }
.techTwoSwiper2 .swiper-slide.swiper-slide-active {transform: scale(1) translateX(0px) !important;-webkit-transform: scale(1) translateX(0px);-moz-transform: scale(1) translateX(0px);-o-transform: scale(1) translateX(0px);-ms-transform: scale(1) translateX(0px);pointer-events: auto;opacity: 1 !important;z-index: 10;}

.techTwo2 { background: #f8f8f8; padding-bottom: .6rem; overflow: hidden; margin-top: 2rem;}
.techTwo2 .indexTle {padding-bottom: .2rem;}
.techTwo2 .tle {text-align: center;}
.techTwo2 .tle span {display: block; color: #666;}
.techTwo2 .swiperBox { margin: 0 .2rem; margin-top: .5rem;}
.techTwo2 .swiperBox .swiper-slide .img { position: relative; overflow: hidden; padding: .1rem; background: #fff;}
.techTwo2 .swiperBox .swiper-slide .img img {width: 100%; transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; transform: scale(1, 1); -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); }
.techTwo2 .swiperBox .swiper-slide .img img:hover { transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); }
.techTwo2 .swiperBox .swiper-slide strong { font-size: var(--font20); color: #333; display: block; margin-top: .2rem; position: relative; padding-left: .15rem; font-weight: 400;}
.techTwo2 .swiperBox .swiper-slide strong:after { content: ''; background: #0072a4; width: 3px; height: 22px; position: absolute; left: 0px; top: 6px; }
.techTwo2 .swiperBox .swiper-slide p { margin-top: .1rem; font-size: var(--font14);  color: #666666; overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.techTwo2 .swiperBox .swjt {width: 0.52rem;height: 0.52rem;border-radius: 50%; top: 50%; background: rgba(0, 0, 0,.3); transition: .5s;}
.techTwo2 .swiperBox .swjt img {max-width: 30%;}
.techTwo2 .swiperBox .swiper-button-prev {transform: rotate(180deg);}
.techTwo2 .swiperBox .swjt:hover {background: rgba(0, 0, 0,.6);}
@media screen and (min-width: 200px) and (max-width: 1580px) { 
  .techTwo2 .swiperBox .swjt {display: none;}
}


/* 技术研究中心 */
.techThree ul {display: grid; grid-template-columns: repeat(3,1fr);gap: 0.5rem; row-gap: 0.25rem;}
.techThree ul li {background: #f3f7fb;}
.techThree ul li .imgBox {overflow: hidden;}
.techThree ul li .imgBox img {width: 100%; object-fit: cover; height: 100%; transition: all 1s ease-out;}
.techThree ul li:hover .imgBox img {transform: scale(1.1);}
.techThree ul li .con {padding: 0.25rem;}
.techThree ul li h5 {color: #333333; font-size: var(--font22); font-weight: 700; margin-bottom: 0.15rem;}
.techThree ul li p {color: #666666; font-size: var(--font16);}

/* 水上文旅预见AI，以创新开启未来 */
.tech2one {background: url(../images/tech2one-bj.jpg) no-repeat center; background-size: cover; margin-top: 1rem; padding-bottom: 1.3rem;}
.tech2one .box {margin-top: .6rem; background: rgba(255, 255, 255,.75); display: flex; justify-content: space-between; margin: 0 .7rem; box-sizing: border-box;}
.tech2one .box .imgBox {width: 50%;}
.tech2one .box .imgBox img {width: 100%; height: 100%; object-fit: contain;}
.tech2one .box .re {width: 50%; padding: .7rem .4rem;}
.tech2one .box .re p {color: #333333;font-size: var(--font18); line-height: 2;}
.tech2one .box .re p span {font-weight: 600;}

/* AR新理念 */
.tech2two {background: url(../images/tech2two-bj.jpg) no-repeat center; background-size: cover; padding-bottom: 1rem; margin-top: 1rem;}
.tech2two .indexTle h3 {color: #fff;}
.tech2two .indexTle i {background: #fff;}
.tech2two ul {display: flex; justify-content: space-between;}
.tech2two li {width: 32.5%; position: relative; padding: .5rem .4rem; padding-bottom: .8rem; text-align: center;border-radius: 0.1rem; overflow: hidden;}
.tech2two li .imgBox {position: absolute; z-index: 0; left: 0; top: 0; width: 100%; height: 100%;}
.tech2two li .imgBox img {width: 100%; height: 100%; object-fit: cover;}
.tech2two li .con {position: relative; z-index: 1;}
.tech2two li .icBox {display: flex; justify-content: center;}
.tech2two li h5 {font-weight: 700;color: #ffffff; font-size: var(--font24); margin-top: .3rem;}
.tech2two li p {color: #ffffff;font-weight: 400; line-height: 1.8; margin-top: .3rem; text-align: left}
.tech2two li .play_btn { position: absolute;display: block;top: 50%;left: 50%;width: .72rem;height: .72rem;min-width: 50px;min-height: 50px;transform: translate(-50%, -50%);}
.tech2two li .play_btn::before {animation: playbtnscale 2s ease-out infinite; background: #fff; opacity: 0.5; animation-delay: 0;}
.tech2two li .play_btn::before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; border-radius: 50%; content: ''; z-index: -1;}
.tech2two li .play_btn::after { animation: playbtnscal2 2s ease-out infinite; background: #fff;opacity: 0.3;animation-delay: 0;}
.tech2two li .play_btn::after {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%; height: 100%; border-radius: 50%; content: ''; z-index: -1;}
.tech2two li .play_btn .icon {width: 100%; height: 100%; background: url(../images/tech2two-icon2.png) center/contain no-repeat;}
@keyframes playbtnscale {0% { transform: translate(-50%, -50%) scale(1); opacity: .9 }100% { transform: translate(-50%, -50%) scale(1.5); opacity: 0; }}
@keyframes playbtnscal2 {0% { transform: translate(-50%, -50%) scale(1); opacity: .9;} 100% {transform: translate(-50%, -50%) scale(2.5); opacity: 0; }}

/* 数字孪生技术 */
.tech2thre {background: url(../images/tech2thre-bj.jpg) no-repeat center; background-size: cover; padding-bottom: 3rem;}
.tech2thre .tle dl {display: flex; justify-content: center;}
.tech2thre .tle dd {padding: .12rem .3rem; margin-right: .15rem; background: #008cd6;border-radius: 0.1rem; font-size: var(--font20);color: #ffffff;}
.tech2thre .tle dd:last-child {margin-right: 0;}
.tech2thre .box {margin-top: 2.5rem; display: flex; justify-content: center;}
.tech2thre .box .circleBox {display: inline-block; position: relative;}
.tech2thre .box .inCon {width: 3.38rem;height: 3.38rem;background: #ffffff; border-radius: 50%; position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center;}
.tech2thre .box .inCon h5 {color: #333333;font-size: var(--font36);font-weight: 700;margin-top: .25rem;}
.tech2thre .box .inCon span {color: #666666;}
.tech2thre .box .inCon::before {animation: playbtnscale 2s ease-out infinite; background: #fff; opacity: 0.5; animation-delay: 0;}
.tech2thre .box .inCon::before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; border-radius: 50%; content: ''; z-index: -1;}

.tech2thre ul li {position: absolute;z-index: 1;}
.tech2thre li .imgBox {position: relative;border-radius: 0.1rem;overflow: hidden; z-index: 1; width: 3.38rem;}
.tech2thre li .imgBox img {max-width: 100%;}
.tech2thre li .imgBox span {position: absolute; text-align: center; background: rgba(0, 0, 0,.57); color: #fff; font-weight: 600; padding: .16rem .1rem; bottom: 0; width: 100%;}
.tech2thre li .xianBox {position: absolute;left: 100%; bottom: -5%;}
.tech2thre li .xianBox .i {width: 0.14rem; height: 0.14rem;background: #008cd6; border-radius: 50%;position: absolute;}
.tech2thre li .xianBox .i::after {cursor: pointer;content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 186%;height: 186%;background: #008CD6;border-radius: 50%;opacity: 0.6;animation: breath .6s linear .5s infinite alternate; z-index: -3;}
@keyframes breath { 0% { opacity: 0.6; } 100% { opacity: 0; }}
.tech2thre li .xianBox img {width: 2.2rem; position: relative;    z-index: -1}
.tech2thre li .xianBox .i1 {top: -7%;left: -3%;}
.tech2thre li .xianBox .i2 {left: 98%; top: 93%;}
.tech2thre li .xian2 {bottom: 50%;}
.tech2thre li .xian2 img {width: 2.7rem;}
.tech2thre li .xian2 .i1 {top: -510%;}
.tech2thre li .xian2 .i2 {top: -510%;}
.tech2thre li .xianTop {transform: rotateX(180deg); bottom: auto; top: -10%;}
.tech2thre li:nth-child(1) {left: -142%;top: -55%;}
.tech2thre li:nth-child(2) {left: -178%;top: 20%;}
.tech2thre li:nth-child(3) {left: -142%;top: 97%;}
.tech2thre li .roteBox {transform: rotateY(180deg);}
.tech2thre li .roteBox .imgBox {transform: rotateY(180deg);}
.tech2thre li:nth-child(4) {left: 142%;top: -55%;}
.tech2thre li:nth-child(5) {left: 178%;top: 20%;}
.tech2thre li:nth-child(6) {left: 142%;top: 97%;}

.techFour .box2 dl dd {height: auto; flex-wrap: wrap;}
.techFour .box2 dl dd b {margin-top: .3rem; display: block;}
.techFour .box2 dl dd p {margin-top: .2rem; line-height: 1.8;}
.techFourSwiper {height: 100%;}
.techFourSwiper .pic {height: 100%;}
.techFourSwiper .pic img {width: 100%; height: 100%; object-fit: cover;}
.techFourSwiper .play_btn { position: absolute;display: block;top: 50%;left: 50%;width: .72rem;height: .72rem;min-width: 50px;min-height: 50px;transform: translate(-50%, -50%);}
.techFourSwiper .play_btn::before {animation: playbtnscale 2s ease-out infinite; background: #fff; opacity: 0.5; animation-delay: 0;}
.techFourSwiper .play_btn::before {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; border-radius: 50%; content: ''; z-index: -1;}
.techFourSwiper .play_btn::after {animation: playbtnscal2 2s ease-out infinite; background: #fff;opacity: 0.3;animation-delay: 0;}
.techFourSwiper .play_btn::after {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%; height: 100%; border-radius: 50%; content: ''; z-index: -1;}
.techFourSwiper .play_btn .icon {width: 100%; height: 100%; background: url(../images/tech2two-icon2.png) center/contain no-repeat;}
@keyframes playbtnscale {0% { transform: translate(-50%, -50%) scale(1); opacity: .9 }100% { transform: translate(-50%, -50%) scale(1.5); opacity: 0; }}
@keyframes playbtnscal2 {0% { transform: translate(-50%, -50%) scale(1); opacity: .9;} 100% {transform: translate(-50%, -50%) scale(2.5); opacity: 0; }}
.techFourSwiper .swiper-pagination {width: auto; height: auto; top: 50%; left: auto; right: 0;}
.techFourSwiper .swiper-pagination span {width: 0.15rem;height: 0.15rem; background: #ffffff; opacity: 1; display: block; margin: .12rem !important; margin-right: .25rem !important;}
.techFourSwiper .swiper-pagination .swiper-pagination-bullet-active {background: #ffba00;}

/* 研发能力 */
.techFour .indexTle p {color: #666666;font-size: var(--font16); margin-top: 0.2rem;}
.techFour .box {display: flex; min-height: 6.62rem;}
.techFour .box .imgBox {width: 50%;}
.techFour .box .imgBox img {width: 100%; height: 100%; object-fit: cover;}
.techFour .box dl {width: 50%; padding: 0.25rem 0; background: #f3f7fb; padding-right: 5%; box-sizing: border-box;}
.techFour .box dl dd { height: calc(100%/4); display: flex; align-items: center;padding:0.2rem 0 0.2rem 10%; box-sizing: border-box;}
.techFour .box dl .icBox {margin-right: 3%; width: 1rem; height: 1rem; background: #008cd6;border-radius: 50%; flex-shrink: 0; display: flex; align-items: center; justify-content: center;}
.techFour .box dl .icBox img {max-width: 55%;}
.techFour .box dl b {color: #333333;font-weight: 400;font-size: var(--font24);}
.techFour .box dl p {font-weight: 400;color: #666666;font-size: var(--font18);}
.techFour .box dl dd b {color: #333333;font-size: var(--font24); font-weight: 700;}
.techFour .box dl dd p {color: #666666;font-size: var(--font16); text-align: justify;}

/* 新材料研发 */
.techFive {padding-bottom: 0.6rem;}
.techFive .indexTle p {width: 70%; margin: auto; margin-top: 0.2rem; font-size: var(--font20);color: #666666;}
.techFiveSwiper {position: relative; overflow: hidden;}
.techFiveSwiper .list {display: grid; grid-template-columns: repeat(3,1fr);gap: 0.2rem;}
.techFiveSwiper .list li {border: 0.01rem solid #e5e5e5; padding: 5% 0%; box-sizing: border-box; overflow: hidden;}
.techFiveSwiper .list li img {max-width: 100%; transition: all 1s ease-out; margin: auto;}
.techFiveSwiper .list li p {padding: 0 5%;box-sizing: border-box; color: #333333;font-weight: 400;font-size: var(--font20); text-align: center; margin-top: 0.3rem;}
.techFiveSwiper .list li:hover img {transform: scale(1.05);}
.techFiveSwiper .list li:hover p {color: #0072A4;}

/* 新一代施工工艺研发 */
.techSix {background: #f5f5f5;}
.techSixSwiper {position: relative; overflow: hidden;padding-bottom: 0.6rem;}
.techSixSwiper .list {display: grid; grid-template-columns: repeat(3,1fr);gap: 0.2rem; }
.techSixSwiper .list li {box-sizing: border-box;background: #ffffff; overflow: hidden;}
.techSixSwiper .list li .imgBox {overflow: hidden;}
.techSixSwiper .list li img {max-width: 100%;transition: all 1s ease-out;}
.techSixSwiper .list p {padding: 5% 2%;box-sizing: border-box; text-align: center;color: #333333;font-size: var(--font18);}
.techSixSwiper .list li:hover img {transform: scale(1.1);}
.techSixSwiper .swiperpagbox .prograprev , .techSixSwiper .swiperpagbox .progranext {background: #ebebeb;}
.techSixSwiper .swiperpagbox .prograpag span {background: #ebebeb;}
.techSixSwiper .swiperpagbox .prograpag .swiper-pagination-bullet-active {background: #1a98cb;color: #fff;}

/* 研发基地 */
.techSeven .container {max-width: 97%; width: 1875px;}
.techSeven .swiperBox {position: relative;}
.techSevenSwiper {overflow: hidden; width: 90%; margin: auto;}
.techSevenSwiper .swiper-pagination {display: none;}
.techSevenSwiper .swiper-slide {background: #f3f7fb;}
.techSevenSwiper .swiper-slide .imgBox {overflow: hidden;}
.techSevenSwiper .swiper-slide .imgBox img {width: 100%; transition: all 1s ease-out;}
.techSevenSwiper .swiper-slide:hover .imgBox img {transform: scale(1.1);}
.techSevenSwiper .swiper-slide span {display: block; text-align: center; color: #333333;font-size: var(--font20); padding: 4% 3%; box-sizing: border-box;}
.techSevenSwiper .swjt {width: 0.52rem;height: 0.52rem;border-radius: 50%; background: rgba(0, 0, 0,.3); transition: .5s; right: 0;}
.techSevenSwiper .swjt img {max-width: 30%;}
.techSevenSwiper .swiper-button-prev {transform: rotate(180deg);left: 0;}
.techSevenSwiper .swjt:hover {background: rgba(0, 0, 0,.6);}

/* 行业奖项 */
.techEight {margin-bottom: 0.5rem;}
.techEight .indexTle p {width: 70%; margin: auto;margin-top: 0.1rem; color: #666666; font-size: var(--font18);}
.techEight ul {display: flex; flex-wrap: wrap; justify-content: center;}
.techEight ul li {margin: 0 0.12rem 0.12rem 0;background: #f3f7fb; padding: 0.15rem 0.4rem; box-sizing: border-box; transition: .5s;font-size: var(--font20);}
.techEight ul li:hover {background: #008cd6; color: #fff;}
.js-followPopup .hidden-box {background: #fff;padding: 0.1rem; box-shadow: 0rem 0rem 0.35rem 0rem rgba(45,45,45,0.34); }
.js-followPopup .hidden-box img {max-width: 100%;}
.techEightSwiper {overflow: hidden; width: 90%; margin: auto;}
.techEightSwiper .swiper-pagination {display: none;}
.techEightSwiper .swiper-slide {background: #f3f7fb;     height: auto;}
.techEightSwiper .swiper-slide .imgBox {overflow: hidden; border: 1px solid #eee; border-bottom: 0; background: #fff; padding: .25rem; box-sizing: border-box;}
.techEightSwiper .swiper-slide .imgBox img {max-width: 100%; transition: .5s; margin: auto;}
.techEightSwiper .swiper-slide:hover .imgBox img {transform: scale(1.02);}
.techEightSwiper .swiper-slide span { display: block; text-align: center; color: #333333;font-size: var(--font18); padding: 4% 3%; box-sizing: border-box;}
.techEightSwiper .swjt {width: 0.52rem;height: 0.52rem;border-radius: 50%; background: rgba(0, 0, 0,.3); transition: .5s; right: 0;}
.techEightSwiper .swjt img {max-width: 30%;}
.techEightSwiper .swiper-button-prev {transform: rotate(180deg);left: 0;}
.techEightSwiper .swjt:hover {background: rgba(0, 0, 0,.6);}
/* .techEightSwiper .swiper-wrapper {justify-content: center;} */

/* 合作交流 */
.techNine {background: url(../images/techNine-bj.jpg) no-repeat center; background-size: cover; padding-bottom: 0.7rem;background-attachment: fixed;}
.techNine .indexTle h3 {color: #fff;}
.techNine .indexTle i {background: #fff;}
.techNineSwiper ul {display: grid; grid-template-columns: repeat(2,1fr); gap: 0.2rem;}
.techNineSwiper ul li {display: flex; background: #ffffff;}
.techNineSwiper ul li .imgBox {overflow: hidden; width: 50%;}
.techNineSwiper ul li .imgBox img {width: 100%; height: 100%; object-fit: cover; transition: all 1s ease-out;}
.techNineSwiper ul li .con {padding: 0.3rem;box-sizing: border-box; width: 50%;}
.techNineSwiper ul li .time em {color: #777777;font-family: Arial, Arial-Regular; font-weight: 400; font-size: var(--font16);}
.techNineSwiper ul li .time span {font-size: var(--font30); font-family: Arial, Arial-Regular;font-weight: 400;color: #333333;}
.techNineSwiper ul li p a {color: #555555;font-weight: 400; font-size: var(--font18); margin-top: 0.2rem;display: block;}
.techNineSwiper ul li .more a {background:#0072A4 ;color: #fff; font-size: var(--font16);display: inline-block; margin-top: 0.5rem;border-radius:0.5rem;padding:0.1rem}
.techNineSwiper ul li .imgBox:hover img {transform: scale(1.1);}
.techNineSwiper ul li p a:hover , .techNineSwiper ul li .more a:hover {color:#0072A4;}
.techNineSwiper .swiperpagbox .prograprev , .techNineSwiper .swiperpagbox .progranext {background: #fff;}
.techNineSwiper .swiperpagbox .prograpag span {background: #fff;}
.techNineSwiper .swiperpagbox .prograpag .swiper-pagination-bullet-active {background: #1a98cb;color: #fff;}
.techNineSwiper ul li .more a:hover {color:#fff}
/* ===========================产品专区============================= */
.proZone {margin-bottom: 1rem;}
.proZone .container {width: 1870px; max-width: 97%;}
.proZone .proTop {display: flex; justify-content: space-between; align-items: center; padding: 0.8rem 0;}
.proZone .proTop h3 {color: #1483b0;font-weight: 700;font-size: var(--font36);}
.proZone .proTop form {display: flex;}
.proZone .proTop dl {position: relative; margin-right: 0.15rem;}
.proZone .proTop dt {font-size: var(--font14); color: #666; border: 1px solid #d2d2d2;padding: 0px 0.15rem;height: 0.5rem; background: url(../images/jt8.png) no-repeat 90% center; width: 1.6rem;cursor: pointer;display: flex; align-items: center;}
.proZone .proTop dd {display: none; position: absolute; left: 0px; background: #fff;border: 1px solid #1a98cb;width: 100%;z-index: 99;}
.proZone .proTop dd a { display: block; text-align: center; display: block;padding: 0.05rem 0; font-size: var(--font14); transition: .5s;}
.proZone .proTop dd a:hover { background: #1a98cb;color: #fff;}
.proZesearch {position: relative;}
.proZesearch .txt {font-size: var(--font14); color: #666; width: 4rem;height: 0.5rem; border: 1px solid #d2d2d2; padding: 0px 0.15rem;padding-right: 0.8rem;}
.proZesearch .but { position: absolute;background: #1a98cb url(../images/searchIcon.png) no-repeat center center; color: #fff;width: 0.5rem;border: 0; height: 0.5rem; top: 0px;right: 0px;cursor: pointer;color: #1a98cb;text-indent: -99999px;}
.proZone .list {display: grid; grid-template-columns: repeat(4,1fr);gap: 0.15rem;}
.proZone .list li {border: 0.01rem solid #eeeeee;}
.proZone .list li .imgBox {overflow: hidden;}
.proZone .list li .imgBox img {width: 100%; transition: all 1s ease-out;}
.proZone .list li .con {padding: 0.3rem 0.2rem; box-sizing: border-box;}
.proZone .list li h5 { min-height: 0.54rem; color: #333333; font-size: var(--font20);margin-bottom: 0.2rem; display: -webkit-box;overflow: hidden;  	-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.proZone .list li p { min-height: 0.42rem; color: #666666; font-size: var(--font14); display: -webkit-box;overflow: hidden;  	-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.proZone .list li em {display: block;color: #367bc1;font-size: var(--font14);margin-top: 0.2rem; }
.proZone .list li:hover .imgBox img {transform: scale(1.1);}
.proZone .list li:hover h5 {color: #0072A4;}

/* 产品详情 */
.proDeta {padding: 0.6rem 0;}
.proDeta .tle {text-align: center; max-width: 70%;color: #333333; font-size: var(--font24); margin: auto; margin-bottom: 0.6rem;}
/* 视频介绍 */
.proDetaVideo {position: relative;}
.proDetaVideoSwiper {overflow: hidden;}
.proDetaVideoSwiper ul {}
.proDetaVideoSwiper ul li {border: 0.01rem solid #e5e5e5; box-sizing: border-box; width: 100%;}
.proDetaVideoSwiper ul li .videoBox {overflow: hidden; position: relative;}
.proDetaVideoSwiper ul li .videoBox img {width: 100%; transition: .5s;}
.proDetaVideoSwiper ul li .con {padding: 0.25rem; text-align: left;box-sizing: border-box;}
.proDetaVideoSwiper ul li p {color: #333333;font-size: var(--font18);}
.proDetaVideoSwiper ul li .disc {margin-top: .1rem;}
.proDetaVideoSwiper ul li .disc p {font-size: 0.16rem !important;color:#666 !important}
.proDetaVideoSwiper ul li .disc span {font-size: 0.16rem !important;color:#666 !important}
.proDetaVideoSwiper ul li .videoBox::before {content: "";position: absolute;left: 0;top: 0; z-index: 1; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.1);}
.proDetaVideoSwiper ul li .videoBox::after {content: "";cursor: pointer;position: absolute;left: 0;top: 0;z-index: 2;bottom: 0;right: 0;margin: auto;width: 0.46rem;height: 0.46rem;background: url(../images/videoBtn3.png) no-repeat center;background-size: contain;}
.proDetaVideoSwiper ul li:hover .videoBox img {transform: scale(1.1);}
.proDetaVideoSwiper .swiper-pagination {display: none;}
.proDetaVideoSwiper .swjt {width: 0.52rem;height: 0.52rem;border-radius: 50%; background: #0072A4; transition: .5s; right: 0;}
.proDetaVideoSwiper .swjt img {max-width: 30%;}
.proDetaVideoSwiper .swiper-button-prev {transform: rotate(180deg);left: 0;}
/* .proDetaVideoSwiper .swjt:hover {background: rgba(0, 0, 0,.6);} */


/* 其他介绍 */
.proDetaList {margin-top: 0.5rem;}
.proDetaListSwiper {position: relative; overflow: hidden;}
.proDetaListSwiper .swiper-wrapper {height: auto !important;}
.proDetaListSwiper .list {display: grid;grid-template-columns: repeat(3,1fr); gap: 0.2rem;}
.proDetaListSwiper .list li {border: 0.01rem solid #e5e5e5;box-sizing: border-box;overflow: hidden;padding-bottom: 0.2rem;}
.proDetaListSwiper .list li .imgBox {overflow: hidden; margin-bottom: .2rem;}
.proDetaListSwiper .list li img {max-width: 100%;transition: all 1s ease-out; margin: auto;}
.proDetaListSwiper .list li h2{padding: 0 5%; box-sizing: border-box; color: #333333; font-weight: 400; font-size: var(--font20); text-align: left; margin: 0.3rem 0 0 0;}
.proDetaListSwiper .list li p { padding: 0 5%;box-sizing: border-box;color: #666;font-weight: 400;font-size: var(--font20);}
.proDetaListSwiper .list li .disc{ font-size: 0.16rem;padding: 0 5%; color: #666; margin-top: 0.1rem;}
.proDetaListSwiper .list li .disc.over {height:34px; overflow: hidden;}
.proDetaListSwiper .list li .disc.auto {height: auto; overflow: initial;}
.proDetaListSwiper .list li .disc p{padding:0; font-size: 0.16rem !important;    line-height: 27px;}
.proDetaListSwiper .list li .openDisc {padding: 0 6%; font-size: .16rem; color: #1a98cb; margin-top: .1rem;}
.proDetaListSwiper .list li p span{font-size: var(--font16) !important}
.proDetaListSwiper .list li:hover img {transform: scale(1.1);}
.proDetaListSwiper .list li:hover p {color: #0072A4;}


/* 下一条，下一条 */
.otherPages {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-top: 0.8rem;}
.otherPages .prevNext p {margin: 0.1rem 0;}
.otherPages .prevNext p , .otherPages .prevNext p a {color: #666666;font-size: var(--font16); }
.otherPages .prevNext p a:hover {color: #0072a4;}
.otherPages .backList {margin-top: 0.2rem;}
.otherPages .backList a {padding-left: 15%; box-sizing: border-box; display: flex; align-items: center; justify-content: center; width: 1.8rem; height: 0.65rem;background:#1A98CB url(../images/jt9.png) no-repeat 20% center; border-radius: 0.33rem; color: #fff; font-size: var(--font16); transition: .5s;}
.otherPages .backList a:hover { background-position: 15%;}


/* ==============================================运营维护=========================================== */
/* 运维管理 */
.operationOne {margin: 0.8rem 0;}
.operationOne ul li {display: flex; min-height: 5.25rem; background: #f6f6f6;}
.operationOne ul li .le , .operationOne ul li .imgBox {width: 50%;}
.operationOne ul li .imgBox {overflow: hidden;}
.operationOne ul li .imgBox img {width: 100%; height: 100%; object-fit: cover; transition: .5s;}
.operationOne ul li .le {display: flex; align-items: center; justify-content: center; padding: 3% 6%; box-sizing: border-box;}
.operationOne ul li .le h5 {position: relative; color: #333333; font-size: var(--font36); display: inline-block; padding-bottom: 0.1rem; margin-bottom: 0.3rem;}
.operationOne ul li .le h5::after {content: ""; position: absolute; left: 0; bottom: 0;height: 0.04rem; background: #ffba00; width: 50%;}
.operationOne ul li .le p {color: #666666; font-size: var(--font16);line-height: 0.34rem; text-align: justify;}
.operationOne ul li .more {margin-top: 0.5rem;}
.operationOne ul li .more a {display: flex; align-items: center; justify-content: center; width: 1.78rem;height: 0.57rem; background: #1a98cb;border-radius: 1.29rem; transition: .5s; z-index: 1; position: relative;}
.operationOne ul li .more a {}


.operationOne ul li .more a::before {
	content: '';
	position: absolute;
	top: -20px;
	left: -20px;
	bottom: -20px;
	right: -20px;
	background: inherit;
	border-radius: 50px;
	z-index: -1;
	opacity: 0.4;
	-webkit-transform: scale3d(0.8, 0.5, 1);
	transform: scale3d(0.8, 0.5, 1);
}
.operationOne ul li .more a:hover {
	-webkit-transition: background-color 0.1s 0.3s, color 0.1s 0.3s;
	transition: background-color 0.1s 0.3s, color 0.1s 0.3s;
	color: #ECEFF1;
	-webkit-animation: anim-moema-1 0.3s forwards;
	animation: anim-moema-1 0.3s forwards;
}
.button--moema.button--inverted:hover {
	color: #ECEFF1;
	background-color: #7986cb;
}
.operationOne ul li .more a::before {
	-webkit-animation: anim-moema-2 1s 0.3s infinite;
	animation: anim-moema-2 1s 0.3s infinite;
}
@-webkit-keyframes anim-moema-1 {
	60% {
		-webkit-transform: scale3d(0.8, 0.8, 1);
		transform: scale3d(0.8, 0.8, 1);
	}
	85% {
		-webkit-transform: scale3d(1.1, 1.1, 1);
		transform: scale3d(1.1, 1.1, 1);
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}
@keyframes anim-moema-1 {
	60% {
		-webkit-transform: scale3d(0.8, 0.8, 1);
		transform: scale3d(0.8, 0.8, 1);
	}
	85% {
		-webkit-transform: scale3d(1.1, 1.1, 1);
		transform: scale3d(1.1, 1.1, 1);
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}
@-webkit-keyframes anim-moema-2 {
	to {
		opacity: 0;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}
@keyframes anim-moema-2 {
	to {
		opacity: 0;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}


.operationOne ul li .more a span {color: #ffffff; font-size: var(--font18); transition: .5s; margin-right: 0.2rem;}
.operationOne ul li .more a:hover span {margin-right: 0.25rem;}
.operationOne ul li:nth-child(even) .imgBox {order: -1;}
.operationOne ul li .imgBox:hover img {transform: scale(1.1);}
.operationOne ul li h5:hover {color: #ffba00;}

/* 项目运营 */
.propertionMain .indexTle h3 {font-size: .42rem;}


.propertionNav {box-shadow: 0rem 0rem 0.18rem 0rem rgba(45,45,45,0.06); padding: 0.3rem 0;}
.propertionNav ul {display: grid; grid-template-columns: repeat(2,auto); justify-content: center; gap: 0.5rem; }
.propertionNav ul li a {display: flex; align-items: center; justify-content: center; width: 1.78rem;height: 0.57rem;background: #EEEEEE;border-radius: 1.29rem;transition: .5s;}
.propertionNav ul li span {color: #333333; font-size: var(--font16); margin-left: 0.1rem;} 
.propertionNav ul li:hover a ,.propertionNav ul li.on a {background: #1a98cb; }
.propertionNav ul li:hover span , .propertionNav ul li.on span {color: #fff;}
.propertionNav ul li:hover img , .propertionNav ul li.on img {filter: brightness(100); -webkit-filter:brightness(100);}
.propertionOne .container {width: 1870px; max-width: 97%;}
.propertionOneSwiper {padding-bottom: 0.6rem; position: relative; overflow: hidden;}
.propertionOneSwiper .videoBox {position: relative; overflow: hidden;}
.propertionOneSwiper .videoBox img {width: 100%; transition: all 1s ease-out;}
.propertionOneSwiper .videoBox::before {content: "";position: absolute;left: 0;top: 0; z-index: 1; width: 100%; height: 100%; }
.propertionOneSwiper .videoBox::after {content: "";cursor: pointer;position: absolute;left: 0;top: 0;z-index: 2;bottom: 0;right: 0;margin: auto;width: 0.46rem;height: 0.46rem;background: url(../images/videoBtn3.png) no-repeat center;background-size: contain;}
.propertionOneSwiper .text {color: #333333;font-size: var(--font16); margin-top: 0.1rem; padding: 0 0.1rem; box-sizing: border-box; text-align: center;}
.propertionOneSwiper .swjt {top: 40%;width: 0.52rem; height: 0.52rem; background: rgba(26, 152, 203,1);border-radius: 50%;}
.propertionOneSwiper .swjt img {max-width: 30%;}
.propertionOneSwiper .swiper-button-prev {transform: rotate(180deg);}
.propertionOneSwiper .swiper-slide:hover .videoBox img {transform: scale(1.1);}

/* 水上乐园运维管理 */
.propertionTwo {background: url(../images/propertionTwo-bj.jpg) no-repeat center; background-size: cover;padding-bottom: 0.8rem;}
.propertionTwo .indexTle span {color: #0b7ba9; font-size: var(--font20);}
.propertionTwo .container {width: 1785px;}
.propertionTwo ul {display: grid; grid-template-columns: repeat(4,1fr);gap: 0.5rem;}
.propertionTwo ul li .imgBox {overflow: hidden;}
.propertionTwo ul li .imgBox img {width: 100%;transition: all 1s ease-out;}
.propertionTwo ul li .tle {display: flex; align-items: center; justify-content: space-between; margin: 0.15rem 0;}
.propertionTwo ul li .tle h5 {color: #333333;font-weight: 700;font-size: var(--font20); width: 75%; display: -webkit-box;overflow: hidden;  	-webkit-line-clamp: 1;-webkit-box-orient: vertical; }
.propertionTwo ul li .tle .icBox {width: 20%;}
.propertionTwo ul li .tle .icBox img {max-width: 100%;}
.propertionTwo ul li p {font-weight: 400; font-size: var(--font16);color: #666666;}
.propertionTwo ul li:hover .imgBox img {transform: scale(1.1);}

/* 水上工程维护管理 */
.propertionThree {margin-bottom: 0.7rem;}
.propertionThree .container {width: 1875px; max-width: 97%;}
.propertionThree .indexTle span {color: #0b7ba9; font-size: var(--font22);}
.protionThreSwiper1 {position: relative; overflow: hidden; margin-bottom: 0.4rem;}
.protionThreSwiper1 .swiper-wrapper {justify-content: center;}
.protionThreSwiper1 .swiper-slide {width: auto; cursor: pointer;}
.protionThreSwiper1 .text {padding: 0.1rem 0.3rem;box-sizing: border-box; transition: .5s; color: #333333;font-size: var(--font18); border: 0.01rem solid #dddddd; border-radius: 1.28rem; display: flex; align-items: center; justify-content: center;}
.protionThreSwiper1 .swiper-slide-thumb-active .text {background: #1a98cb;color: #fff;border-color: #1a98cb;}
.propertionThree .swiperBox {position: relative;}
.protionThreSwiper2 {background: #f6f6f6; overflow: hidden; max-width: 90%;margin: auto;}
.protionThreSwiper2 .box {display: flex; }
.protionThreSwiper2 .box .imgBox {width: 43%;}
.protionThreSwiper2 .box .imgBox img {height: 100%; width: 100%; object-fit: cover;}
.protionThreSwiper2 .box .con {width: 57%; display: flex; flex-direction: column; justify-content: center; padding: 0.2rem 0.8rem;box-sizing: border-box;}
.protionThreSwiper2 .box h5 {color: #333333;font-weight: 700;font-size: var(--font24);margin-bottom: 0.2rem;}
.protionThreSwiper2 .box p {color: #666666;font-size: var(--font18);}
.protionThreSwiper2 .swjt {width: 0.52rem; height: 0.52rem; background: rgba(0, 0, 0,.3);border-radius: 50%; transition: .5s; right: 0;}
.protionThreSwiper2 .swjt img {max-width: 30%;}
.protionThreSwiper2 .swiper-button-prev {transform: rotate(180deg);left: 0;}
.protionThreSwiper2 .swjt:hover {background: rgba(0, 0, 0,.5);}

/* 水上项目施工现场 */
.propertionFour {background: #fbfbfb;}
.protionFourSwiper {position: relative; overflow: hidden;padding-bottom: 0.6rem;}
.protionFourSwiper .list {display: grid; grid-template-columns: repeat(3,1fr);gap: 0.2rem; }
.protionFourSwiper .list li {box-sizing: border-box;background: #ffffff; overflow: hidden;}
.protionFourSwiper .list li .imgBox {overflow: hidden;}
.protionFourSwiper .list li img {max-width: 100%; transition: all 1s ease-out;}
.protionFourSwiper .list p {padding: 5% 2%;box-sizing: border-box; text-align: center;color: #333333;font-size: var(--font18);}
.protionFourSwiper .list li:hover img {transform: scale(1.1);}
.protionFourSwiper .swiperpagbox .prograprev , .protionFourSwiper .swiperpagbox .progranext {background: #ebebeb;}
.protionFourSwiper .swiperpagbox .prograpag span {background: #ebebeb;}
.protionFourSwiper .swiperpagbox .prograpag .swiper-pagination-bullet-active {background: #1a98cb;color: #fff;}

/* ==============================================运营维护----合作项目=========================================== */
.opercateOne {margin-bottom: 0.6rem;}
.opercateOne .container {width: 1870px; max-width: 97%;}
.opercateOne .indexTle p {color: #555555;width: 48%;margin: auto;margin-top: 0.1rem; font-size: var(--font20);position: relative;}
.opercateOne .indexTle p::before {width: 0.5rem;height: 0.5rem;left: -0.8rem; content: ""; background: url(../images/opercateOne-icon1.png) no-repeat center ;background-size: auto; position: absolute;top: -0.25rem;}
.opercateOne .indexTle p::after {transform: rotate(180deg); width: 0.5rem;height: 0.5rem;right: -0.8rem; content: ""; background: url(../images/opercateOne-icon1.png) no-repeat center ;background-size: auto; position: absolute;top: -0.25rem;}
.opercateOne .swierBox {position: relative;}
.opercateOneSwiper {overflow: hidden; width: 92%; margin: auto;}
.opercateOneSwiper .box {display: flex; background: #f5f5f5;}
.opercateOneSwiper .imgBox {overflow: hidden; width: 50%;}
.opercateOneSwiper .imgBox img {width: 100%; height: 100%; object-fit: cover;}
.opercateOneSwiper .re {width: 50%; padding: 0.5rem; box-sizing: border-box;}
.opercateOneSwiper .re h5 {color: #333333;font-size: var(--font24); margin-bottom: 0.3rem;}
.opercateOneSwiper .re p {color: #666666;font-size: var(--font16);line-height: 0.32rem;}
.opercateOneSwiper .re p span {color: #0072A4;}
.opercateOneSwiper .re .disc {margin-top: 0.5rem;display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; }
.opercateOneSwiper .re .disc .text {background: #1a98cb;border-radius: 0.1rem; padding: 0.15rem;box-sizing: border-box; margin-bottom: 0.2rem;margin-right: 0.2rem;}
.opercateOneSwiper .re .disc .text span {display: block;color: #ffffff;font-size: var(--font20); font-weight: 700;}
.opercateOneSwiper .re .disc .text span:nth-child(2) {letter-spacing: 7px;}
.opercateOneSwiper .re dl { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; margin-bottom: 0.25rem;}
.opercateOneSwiper .re dl i {width: 0.01rem; height: 0.79rem;background: #dbdbdb; margin: 0 0.6rem;}
.opercateOneSwiper .re dl .num {color: #0072a4;font-weight: 700;  font-family: "CENTURY";font-size: var(--font48);}
.opercateOneSwiper .re dl .m2 {display: inline-block;color: #0072a4; font-size: var(--font20); font-weight: 600;}
.opercateOneSwiper .re dl span {color: #333333;font-size: var(--font16);}
.opercateOneSwiper .swjt {width: 0.52rem; height: 0.52rem; background: rgba(0, 0, 0,.3);border-radius: 50%; transition: .5s; right: 0;}
.opercateOneSwiper .swjt img {max-width: 30%;}
.opercateOneSwiper .swiper-button-prev {transform: rotate(180deg);left: 0;}
.opercateOneSwiper .swjt:hover {background: rgba(0, 0, 0,.5);}


/* 合作共赢 */
.opercateTwo {background: url(../images/opercateTwo-bj.jpg) no-repeat center; background-size: cover; padding-bottom: 0.5rem;}
.opercateTwo .indexTle h3 {color: #fff;}
.opercateTwo .indexTle i {background: #fff;}
.opercateTwo ul {display: flex  ; justify-content: space-between;}
.opercateTwo ul li {width: 25%;text-align: center; padding: 0 0.3rem; box-sizing: border-box; border-left: 1px solid rgba(255, 255, 255,.3);}
.opercateTwo ul li:last-child {border-right: 1px solid rgba(255, 255, 255,.3);}
.opercateTwo ul li .imgBox img {width: 100%;}
.opercateTwo ul li strong {color: #ffffff;font-weight: 700;font-size: var(--font24);display: block; margin-bottom: 0.15rem;}
.opercateTwo ul li p {color: #ffffff;font-weight: 400; font-size: var(--font16); margin-top: 0.2rem; padding: 0 0.1rem; box-sizing: border-box;}
.opercateTwo ul li p span {display: block;}

/* 为什么选择 · 旗华  */
.opercateThree {margin: 0.5rem 0; }
.opercateThree .indexTle {text-align: left; margin-left: 0.5rem;}
.opercateThree .indexTle em {color: #1A98CB; font-size: .42rem;font-weight: 700;}
.opercateThree .indexTle span {color: #555555;font-size: var(--font20);}
.opercateThree .indexTle i {margin: 0; margin-top: 0.15rem;}
.opercateThree .boxTop {position: relative; min-height: 6.05rem;}
.opercateThree .boxTop .container {display: flex; justify-content:flex-end;}
.opercateThree .boxTop .imgBox {position: absolute;left: 0; width: 50%; overflow: hidden;height: 100%; }
.opercateThree .boxTop .imgBox img {width: 100%; height: 100%; object-fit: cover;position: absolute;top: -21%; }
.opercateThree .boxTop .re {width: 50%;}
.opercateThree dl {display: flex;}
.opercateThree dl dd:nth-child(1) {background: #f2f2f2;}
.opercateThree dl dd {width: 50%; padding: 0.4rem;padding-top: 0.6rem; padding-bottom: 0.8rem;display: flex; flex-direction: column; align-items: center;justify-content: flex-start;}
.opercateThree dl dd .icBox {width: 50%;}
.opercateThree dl dd img {max-width: 100%; margin: auto;}
.opercateThree dl dd b {color: #000000;font-weight: 700;font-size: var(--font20); margin: 0.3rem 0 0.1rem 0;}
.opercateThree dl dd p {color: #555555; font-size: var(--font16); text-align: center;}
.opercateThree .boxBom .container {display: flex;}
.opercateThree .boxBom dl {width: 50%;}
.opercateThree .boxBom dl dd:nth-child(2) {background: url(../images/opercateThree-num4-bj.jpg) no-repeat center; background-size: cover;}
.opercateThree .boxBom .imgBox { width: 50%; overflow: hidden;position: relative;}
.opercateThree .boxBom .imgBox img {width: 100%; height: 100%; object-fit: cover; }
.opercateThree .boxBom dd:nth-child(2) b {color: #fff;}
.opercateThree .boxBom dd:nth-child(2) p {color: #fff;}

/* 合作流程 */
.opercateFour {background: url(../images/opercateFour-bj.jpg) no-repeat center; background-size: cover; padding-bottom: 1.5rem;}
.opercateFour .circleBj {width: 100%; opacity: 0;}
.opercateFour .box {position: relative;margin-top: 0.6rem;}
.opercateFour ul li {position: absolute; display: flex; align-items: center;}
.opercateFour ul li .icBox {flex-shrink: 0; margin-right: 0.15rem; width: 1rem;height: 1rem;background: #0072a4; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.opercateFour ul li .icBox img {max-width: 56%;}
.opercateFour ul li b {color: #d7d7d7;font-weight: 700;font-size: var(--font24);}
.opercateFour ul li span {color: #333333; font-size: var(--font16);display: block;font-weight: 700;  }
.opercateFour ul li:nth-child(1) {left: 8.5%; top: -22%;}
.opercateFour ul li:nth-child(2) {left: 31.5%; top: -22%;}
.opercateFour ul li:nth-child(3) {left: 52.5%; top: -22%;}
/*.opercateFour ul li:nth-child(3) span {width: 80%;}*/
.opercateFour ul li:nth-child(4) {left: 80%; top: -22%;}
.opercateFour ul li:nth-child(5) {left: 80%; top: 75%;}
.opercateFour ul li:nth-child(6) {left: 52%; top: 75%;}
.opercateFour ul li:nth-child(7) {left: 28.25%; top: 75%;}
.opercateFour ul li:nth-child(7) span {width: 70%;}
.opercateFour ul li:nth-child(8) {left: 3.8%; top: 75%;}

/* 2024/5/31 修改 */
.opercateFour .circleBj {opacity: 0; height: 0; visibility: hidden;}
.opercateFour ul {display: flex; flex-wrap: wrap; justify-content: space-between; position: relative;}
.opercateFour ul li {position: relative; left: 0 !important; top: 0 !important; width: 24%;}
.opercateFour ul li:nth-child(n + 5) {display: none;}
.opercateFour ul::after {content: "......"; position: absolute; left: 50%;bottom: -1rem; transform: translate(-50%, -50%); font-size: var(--font48); color: #666;}


/* 项目投资及合作案例 */
.opercateFive {padding-bottom: 0.8rem;}
.opercateFive .container {width: 1875px; max-width: 97%;}
.opercateFiveSwiper {position: relative; overflow: hidden; width: 100%;}
.opercateFiveSwiper.projectList ul {grid-template-columns: repeat(4,1fr);}

/* ==============================================运营维护----生产工厂=========================================== */
/* 视频介绍 */
.proPlantOne {margin-bottom: 0.3rem;}
.proPlantOne .container {width: 1875px; max-width: 97%;}
.proPlantOneSlide .hd ul {display: grid; grid-template-columns: repeat(2,auto); gap: 0.3rem; justify-content: center; margin-bottom: 0.4rem;}
.proPlantOneSlide .hd ul li {border: 0.01rem solid #dcdcdd; border-radius: 0.5rem; padding: 0.15rem 0.4rem; cursor: pointer; transition: .5s;}
.proPlantOneSlide .hd ul li.on {background: #1a98cb; border-color: #1a98cb; color: #fff;}
.proPlantOneSlide .bd ul li {position: relative;}
.proPlantOneSwiper {overflow: hidden;max-width: 92%; margin: auto;}
.proPlantOneSwiper .videoBox {position: relative; overflow: hidden;}
.proPlantOneSwiper .videoBox img {width: 100%; transition: .5s;}
.proPlantOneSwiper .videoBox::before {content: "";position: absolute;left: 0;top: 0; z-index: 1; width: 100%; height: 100%; }
.proPlantOneSwiper .videoBox::after {content: "";cursor: pointer;position: absolute;left: 0;top: 0;z-index: 2;bottom: 0;right: 0;margin: auto;width: 0.46rem;height: 0.46rem;background: url(../images/videoBtn3.png) no-repeat center;background-size: contain;}
.proPlantOneSwiper .swjt {width: 0.52rem; height: 0.52rem; background: #1a98cb; border-radius: 50%; right: 0; transition: .5s;}
.proPlantOneSwiper .swjt img {max-width: 30%;}
.proPlantOneSwiper .swiper-button-prev {transform: rotate(180deg); left: 0;}
.proPlantOneSwiper .videoBox:hover img {transform: scale(1.1);}

/* 工厂展示 */
.proPlantTwo {padding-bottom: 0.5rem;}
.proPlantTwoSwiper ul {display: grid; grid-template-columns: repeat(3,1fr);gap: 0.2rem;}
.proPlantTwoSwiper ul li {border: 0.01rem solid #e5e5e5;}
.proPlantTwoSwiper ul li .imgBox {overflow: hidden;}
.proPlantTwoSwiper ul li .imgBox img {width: 100%; transition: .5s;}
.proPlantTwoSwiper ul li p {padding: 0.2rem 0.1rem; box-sizing: border-box; text-align: center;color: #333333;font-size: var(--font16);}
.proPlantTwoSwiper ul li:hover .imgBox img {transform: scale(1.1);}

/* ==============================================运营维护----施工现场=========================================== */
.proSiteOne .swiperBox {position: relative;}
.proSiteOne .proPlantOneSwiper .swiper-slide {height: auto;}
.proSiteOne .proPlantOneSwiper .con {border: 0.01rem solid #e5e5e5;height: 100%;}
.proSiteOne .proPlantOneSwiper .con p {color: #333333;font-size: var(--font18); padding:0.2rem 5%;box-sizing: border-box; text-align: left;}


/* ==============================================运营维护----售后服务=========================================== */
.afterSalesMain .indexTle h3 {font-size: .42rem;}

.afterSalesOne {padding: 0.6rem 0; background: #f7f7f7;}
.afterSalesOne .container {max-width: 80%;}
.afterSalesOne .indexTle {text-align: left;}
.afterSalesOne .indexTle i {margin: 0; margin-top: 0.1rem;}
.afterSalesOne .box {display: flex; justify-content: space-between; align-items: center;}
.afterSalesOne .box .le {width: 50%;}
.afterSalesOne .box .le .us {display: flex;  align-items: center ; margin-bottom: 0.3rem;}
.afterSalesOne .box .le .usCon {margin-left: 0.2rem;}
.afterSalesOne .box .le .us em {color: #333333;font-weight: 400;font-size: var(--font20);}
.afterSalesOne .box .le .us b {display: block; color: #fba601;font-family: Arial, Arial-Bold;font-weight: 700; font-size: var(--font36);}
.afterSalesOne .le dd {position: relative;}
.afterSalesOne .le dd:nth-child(1) {padding-bottom: 0.7rem;}
.afterSalesOne .le dd:nth-child(1):before {content: ""; position: absolute; left: 0;top: 0; border: 1px dashed #959595; height: 88%; opacity: .32; left: 1.25%; top: 15%;}
.afterSalesOne .le dd .tle {display: flex; align-items: center;}
.afterSalesOne .le dd .tle i {width: 0.2rem; height: 0.2rem; border: 0.05rem solid #1a98cb; border-radius: 50%;}
.afterSalesOne .le dd .tle strong {color: #1a98cb;font-weight: 700;font-size: var(--font30); margin-left: 0.15rem;}
.afterSalesOne .le dd p {color: #666666;font-weight: 400;font-size: var(--font16); padding-left: 0.35rem; margin-top: 0.15rem; width: 88%;}
.afterSalesOne .imgBox {width: 45%;}
.afterSalesOne .imgBox img {max-width: 100%;}

/* 我们能为您提供哪些服务 */
.afterSalesTwo {background: #1a98cb;padding-bottom: 0.9rem;}
.afterSalesTwo .indexTle h3 {color: #fff;}
.afterSalesTwo .indexTle i {background: #fff;}
.afterSalesTwo ul {display: grid; grid-template-columns: repeat(4,1fr);gap: 0.25rem;}
.afterSalesTwo ul li {position: relative;}
.afterSalesTwo ul li .imgBox {border-radius: 0.1rem; overflow: hidden;}
.afterSalesTwo ul li .imgBox img {width: 100%; transition: .5s;}
.afterSalesTwo ul li .icBox {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);text-align: center; width: 100%;}
.afterSalesTwo ul li .icBox img {margin: auto; max-width: 20%; transition: .5s;}
.afterSalesTwo ul li span {color: #ffffff;font-weight: 700;font-size: 0.3rem;display: block; margin-top: 0.1rem;}
.afterSalesTwo ul li:hover .icBox img {transform: rotateY(180deg);}
.afterSalesTwo ul li:hover .imgBox img {transform: scale(1.1);}

/* 我们的服务团队 */
.afterSalesThree {margin-bottom: 0.7rem;}
.afterSalesThree ul {display: flex; justify-content: space-between;}
.afterSalesThree li {width: 24%;}
.afterSalesThree li .imgBox {overflow: hidden; height: 3rem;}
.afterSalesThree li .imgBox img {width: 100%;height: 100%; object-fit: cover; transition: .5s;}
.afterSalesThree li span {color: #333; margin-top: .2rem; display: block; text-align: center;}
.afterSalesThree li:hover .imgBox img {transform: scale(1.1);}


/* 为用户提供方便、快捷、可靠的服务 */
.afterSalesFour {background: url(../images/afterSalesFour-bj.jpg) no-repeat center; background-size: cover; padding-bottom: 0.8rem;}
.afterSalesFour .text {color: #666666;  font-size: var(--font16);line-height: 0.3rem; text-align: center; width: 80%; margin: auto;}
.afterSalesFour ul {margin-top: 0.8rem; display: flex;justify-content: center;}
.afterSalesFour ul li {text-align: center; width: 30%; padding: 0 0.1rem; box-sizing: border-box;position: relative;}
.afterSalesFour ul li b {color: #1a98cb;font-weight: 700; font-size: var(--font36);}
.afterSalesFour ul li span {display: block; color: #555555;font-size: var(--font18); width: 70%; margin: auto; margin-top: 0.1rem;}
.afterSalesFour ul li::after {position: absolute;content: ""; width: 1px;height: 100%; right: 0; top: 0;background: #a8a8a8; opacity: .25;}
.afterSalesFour ul li:last-child::after {display: none;}

/* 联系方式 */
.afterSalesFive {background: url(../images/afterSalesFive-bj.jpg) no-repeat center; background-size: cover; padding: 0.9rem 0;}
.afterSalesFive .container {width: 1400px;}
.afterSalesFive .box {display: flex; justify-content: space-between;}
.afterSalesFive .le .text span {color: #ffffff;font-weight: 700;font-size: var(--font36); display: block;}
.afterSalesFive .le .tel {display: flex; margin: 0.5rem 0 0.4rem 0; align-items: center;}
.afterSalesFive .le .tel .icBox {flex-shrink: 0; margin-right: 0.15rem; width: 0.59rem;height: 0.59rem; border: 0.02rem solid #ffffff;border-radius: 50%;display: flex; align-items: center; justify-content: center;}
.afterSalesFive .le .tel .icBox img {max-width: 42%;}
.afterSalesFive .le .tel em {color: #c9d5e4;font-size: var(--font16);}
.afterSalesFive .le .tel b {color: #ffbd0a;font-family: Arial, Arial-Bold;display: block; font-weight: 700; font-size: var(--font36);}
.afterSalesFive .le .more a {font-size: var(--font16); color: #fff; transition: .5s; width: 1.65rem;height: 0.5rem;background: #00a1e9;border-radius: 1.25rem; display: flex; align-items: center; justify-content: center;}
.afterSalesFive .le .more a:hover {background: #04afff;}
.afterSalesFive .re {width: 60%;}
.afterSalesFive form {display: flex; flex-wrap: wrap; justify-content: space-between;}
.afterSalesFive form .inText {margin-bottom: 0.2rem; width: 48%;}
/* .afterSalesFive form .inText:nth-child(2) ,.afterSalesFive form .inText:nth-child(4) {margin-left: 0.3rem;} */
.afterSalesFive form .inText:nth-child(5) {width: 100%;}
.afterSalesFive form .inText:nth-child(5) input {height: 1rem;}
.afterSalesFive form label {display: block;color: #f5f5f5;font-size: var(--font16);margin-bottom: 0.05rem;}
.afterSalesFive form label i { color: #FF3B3B; font-style: normal;}
.afterSalesFive form input ,.afterSalesFive form textarea {padding:0 0.1rem;box-sizing: border-box;color: #fff;font-size: var(--font14); width: 100%; height: 0.47rem; border: 0.01rem solid rgba(255, 255, 255,.25); background: none;}
.afterSalesFive form textarea {resize: none; height: 1rem; padding: 0.1rem;}
.afterSalesFive form .sub button {font-size: var(--font16);transition: .5s; width: 1.65rem; height: 0.5rem; background: #00a1e9; border-radius: 1.25rem;display: flex; align-items: center; border: 0;justify-content: center;color: #fff; cursor: pointer;}
.afterSalesFive form .sub button:hover {background: #04afff;}

/* 四大优势解决您的问题 */
.afterSalesSix {margin-bottom: 1rem;}
.afterSalesSix .box {display: flex;justify-content: space-between; margin: 0.3rem 0;}
.afterSalesSix .box dl {width: 32%; display: flex; flex-direction: column; justify-content: space-around;}
.afterSalesSix .box h5 {color: #333333;font-weight: 700;font-size: var(--font30);}
.afterSalesSix .box span {color: #666666;font-weight: 400; font-size: var(--font16);}
.afterSalesSix .box dd {display: flex;}
.afterSalesSix .box .icBox {flex-shrink: 0;margin-right: 0.2rem; width: 1rem; height: 1rem; background: #1a98cb;display: flex; align-items: center; justify-content: center; border-radius: 50%;}
.afterSalesSix .box .icBox img {max-width: 50%;}
.afterSalesSix .box dl.re .icBox {order: 1; margin: 0; margin-left: 0.2rem;}
.afterSalesSix .box dl.re {text-align: right;}
.afterSalesSix .box .cen {margin: 0 0.25rem; position: relative;}
.afterSalesSix .box .cen::after {content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.afterSalesSix .box .cen img {max-width: 100%;margin: auto;}
.afterSalesSix .box .cen:before, .afterSalesSix .box .cen:after{content: '';width: 100%;height: 100%;border-radius:50%;background-color:#666; position: absolute;top: 0%;left: 0%;animation: anim 3s linear infinite;opacity: 1;z-index: -1;}
.afterSalesSix .box .cen:after{animation-delay: .5s;}
@keyframes anim{from {opacity:1;  transform:scale(0);}to{opacity:0;transform:scale(1.25);  }}

/* 现场实拍 */
.afterSalesSeven {background: #fbfbfb;padding-bottom: 1rem;}
.afterSalesSeven .container {max-width: 97%; width: 1875px;}
.afterSalesSeven .swiperBox {position: relative;}
.afterSalesSevenSwiper {overflow: hidden; width: 90%; margin: auto;}
.afterSalesSevenSwiper .swiper-pagination {display: none;}
.afterSalesSevenSwiper .swiper-slide {background: #fff;}
.afterSalesSevenSwiper .swiper-slide .imgBox {overflow: hidden;}
.afterSalesSevenSwiper .swiper-slide .imgBox img {width: 100%; transition: .5s;}
.afterSalesSevenSwiper .swiper-slide:hover .imgBox img {transform: scale(1.1);}
.afterSalesSevenSwiper .swiper-slide span {display: block; text-align: center; color: #333333;font-size: var(--font16); padding:0.2rem 0.05rem; box-sizing: border-box;}
.afterSalesSevenSwiper .swjt {width: 0.52rem;height: 0.52rem;border-radius: 50%; background: rgba(0, 0, 0,.3); transition: .5s; right: 0;}
.afterSalesSevenSwiper .swiper-button-prev {transform: rotate(180deg);left: 0;}
.afterSalesSevenSwiper .swjt img {max-width: 35%;}
.afterSalesSevenSwiper .swjt:hover {background: rgba(0, 0, 0,.6);}

/* 荣誉证书 */
.afterSalesEight .indexTle {padding: .4rem 0;}

/* 维护升级的服务 */
.afterSalesNine {background: url(../images/afterSalesNine-bj.jpg) no-repeat center; background-size: cover; padding-bottom: 0.9rem;}
.afterSalesNine .indexTle h3 {color: #fff; width: 70%; margin: auto; font-size: .36rem;}
.afterSalesNine .indexTle i {background: #fff;}
.afterSalesNine ul {display: grid; grid-template-columns: repeat(4,1fr);gap: 0.2rem;}
.afterSalesNine ul li {background: #f6f6f6;}
.afterSalesNine ul li .imgBox {overflow: hidden;}
.afterSalesNine ul li .imgBox img {width: 100%; transition: .5s;}
.afterSalesNine ul li .con {padding: 0.3rem; box-sizing: border-box;}
.afterSalesNine ul li b {color: #333333;font-weight: 700;font-size: var(--font20); margin-bottom: 0.05rem; display: block;}
.afterSalesNine ul li p {color: #666666;font-weight: 400;font-size: var(--font16);}
.afterSalesNine ul li:hover .imgBox img {transform: scale(1.05);}

/* ==============================================运营维护----企业声明=========================================== */
/* 企业声明 */
.statementOne .container {width: 1200px;}
.statementOneSwiper {position: relative; overflow: hidden;padding-bottom: 0.8rem;}
.statementOneSwiper ul {display: flex; justify-content: space-between; flex-wrap: wrap;}
.statementOneSwiper ul li {text-align: center;border: 0.01rem solid #dddddd; padding-bottom: 0.2rem; width: 48%; position: relative; overflow: hidden;margin-top:0.5rem}
.statementOneSwiper ul li img {width: 100%;}
.statementOneSwiper ul li .pTetx {color: #333333;font-weight: 400;font-size: var(--font20);}
.statementOneSwiper ul li .hide {padding: 10%; position: absolute; width: 100%; height: 100%; top: 0;left: 0;background: rgba(26, 152, 203,.9); transition: transform .4s;}
.statementOneSwiper ul li .hide { transform-style: preserve-3d;   transform: perspective(400px) rotateY(90deg);transform-origin: left center;box-sizing: border-box;}
.statementOneSwiper ul li .tle {text-align: left;}
.statementOneSwiper ul li .tle h5 {color: #ffffff;font-weight: 400;font-size: var(--font30); position: relative; display: inline-block;padding-bottom: 0.25rem; margin-bottom: 0.5rem;}
.statementOneSwiper ul li .tle h5::after {content: ""; position: absolute; left: 0; width: 50%; height: 3px; background: #fff; bottom: 0;}
.statementOneSwiper ul li .tle .text , .statementOneSwiper ul li .tle .text p {color: #ffffff;font-weight: 400;font-size: var(--font16);line-height: 0.3rem; max-height: 5rem; overflow-y: auto; padding-right: 0.1rem;}
.statementOneSwiper ul li .tle a {transition: .5s; margin-top: 0.5rem; color: #ffffff;font-size: var(--font16); width: 1.37rem;height: 0.52rem; border: 0.01rem solid #ffffff; border-radius: 0.27rem; display: flex; align-items: center; justify-content: center;}
.statementOneSwiper ul li .tle a:hover {background: #fff; color: #0072A4;}
.statementOneSwiper ul li:hover .hide {transform:perspective(400px) rotateY(0deg);}

/* ==============================================新闻资讯=========================================== */
.newsMain {margin: 0.5rem 0;}
.newsMain ul {display: grid; grid-template-columns: repeat(3,1fr);gap: 0.35rem;}
.newsMain ul .imgBox {overflow: hidden;}
.newsMain ul .imgBox img {width: 100%; transition: all 1s ease-out;}
.newsMain ul li {position: relative;padding-bottom: 0.15rem;}
.newsMain ul li h5 {color: #333333;font-weight: 400;font-size: var(--font24); margin: 0.15rem 0; display: -webkit-box;overflow: hidden;  	-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.newsMain ul li p {color: #666666;font-size: var(--font14);line-height: 0.26rem;display: -webkit-box;overflow: hidden;  	-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.newsMain ul li em {color: #1a98cb;font-size: var(--font14);display: block; margin-top: 0.2rem;}
.newsMain ul li::after {position: absolute; width: 100%; height: 3px; left: 0; background: #1a98cb; content: ""; left: 0; bottom: 0;}
.newsMain ul li:hover .imgBox img {transform: scale(1.1);}
.newsMain ul li:hover h5 {color: #04afff;}

/* 新闻详情 */
.newsDeta {}
.newsDeta .container {width: 1400px;}
.newsDeta .news-title {position: relative; }
.newsDeta .news-title::before, .newsDeta .news-title::after {content: "";position: absolute; bottom: 1px; width: 100.0vw; height: 1px;background-color: #dcdcdc; z-index: 0;}
.newsDeta .news-title::before {right: 100%;}
.newsDeta .news-title::after {left: 100%;}
.newsDeta .news-title .title {width: 100%;padding-bottom:0.2rem; border-bottom: 3px solid #FBA601;}
.newsDeta .news-title h6 {font-size: var(--font30); font-weight: 400; color: #333333; margin-bottom: 0.1rem;}
.newsDeta .news-title span {display: inline-block;font-size: var(--font14);color: #999999;}
.newsDeta .detaCon {border-bottom: 1px solid #DDDDDD; padding: 0.4rem 0;}
.newsDeta .detaCon img {max-width: 100%;display: inline-block;}
.newsDeta .detaCon .video-js {width: 50%; height: auto !important;}
.newsDeta .detaCon .video-js .vjs-control-bar {position: relative;}
.newsDeta .otherPages {margin-top: 0.5rem;}

/* 分享 */
.shareLinks {display: flex; align-items: center; margin-top: 0.5rem; padding-bottom: 0.5rem;}
.shareLinks span {font-size: var(--font14);color: #666666;}
/* 其他新闻 */
.otherNews {background: #f5f5f5; padding: 0.5rem 0;}
.otherNews .title {padding-bottom: 0.1rem; display: flex; align-items: center; justify-content: space-between;}
.otherNews .title h3 {font-size: var(--font30);color: #333333;}
.otherNews .otherBox { position: relative; margin: auto;}
.otherNewsSwiper {padding-bottom: 0.4rem; padding-top: 0.3rem; position: relative; overflow: hidden;}
.otherNewsSwiper .swiper-slide {width: 38%; background: #fff;}
.otherNewsSwiper .swiper-slide img {max-width: 100%; display: block;}
.otherNewsSwiper .swiper-slide .imgBox {overflow: hidden;}
.otherNewsSwiper .swiper-slide .imgBox img {display: block; max-width: 100%; transition: .5s;}
.otherNewsSwiper .swiper-slide .con {padding: 0.2rem 0.15rem; box-sizing: border-box;}
.otherNewsSwiper .swiper-slide .con h6 {font-size: var(--font16);color: #333333; display: -webkit-box;overflow: hidden;  	-webkit-line-clamp: 2;-webkit-box-orient: vertical; }
.otherNewsSwiper .swiper-slide .con em {font-size: var(--font14);color: #7e7e7e;display: block; margin-top: 0.1rem;}
.otherNewsSwiper .swiper-slide:hover img {transform: scale(1.05);}
.otherNewsSwiper .swiper-slide:hover h6 {color: #04afff;}
.otherNewsSwiper .swiper-pagination {display: none;}
.otherNews .swiperJt {position: relative; right: 0.3rem;}
.otherNews .swiperJt img {filter: brightness(0); -webkit-filter:brightness(0);}
.otherNews .swiper-button-prev {left: 0;}
.otherNews .swiper-button-next {transform: rotate(180deg); margin-top: -24px;}


/* ==============================================联系我们=========================================== */
.contactOne {position: relative; padding: 0.6rem 0 1rem 0; overflow: hidden;}
.contactOne .container {width: 1500px;}
.contactOne .box {display: flex; justify-content: space-between;}
.contactOne::after {content: ""; width: 100vw; height: 100%; position: absolute;background: #F9F9F9; top: 0; z-index: -1; left: 50%;}


.contactOne .box {display: flex; justify-content: space-between; align-items: center;}
.contactOne .box .le {width: 45%;}
.contactOne .box h3 {font-size: var(--font34);font-weight: 700;color: #333333;}
.contactOne .box small {font-size: var(--font16);font-family: Arial, Arial-Bold;color: #666; text-transform: uppercase;}
.contactOne .box dl {margin-top: 0.5rem;}
.contactOne .box dl dd {display: flex; margin-top: 0.3rem;}
.contactOne .box .icBox {margin-right: 0.1rem; width: 0.25rem;  display: flex; align-items: center; justify-content: center;}
.contactOne .box .icBox img {max-width: 100%;}
.contactOne .box .le .con {display: flex; align-items: center;}
.contactOne .box .le p , .contactOne .box .le p  a , .contactOne .box .le em {font-size: var(--font16);color: #333;font-weight: 400; }
.contactOne .box .le dl {position: relative;}
.contactOne .box .le dl dd:first-child p {color: #0072A4;}
.contactOne .box .le p span {color: #0072A4; font-size: var(--font18); font-weight: 700;}
.contactOne .box .le em {flex-shrink: 0;}
.contactOne .box .le p strong {font-size: var(--font20);font-weight: 700; color: #1A98CB;}
.contactOne .box .le p a:hover {color: #04afff;}
/* .contactOne .box .le .codeBox {margin-top: .3rem; position: absolute; left: 100%; top: 50%; transform: translate(-100%, -50%); width: 23%;} */
.contactOne .box .le .codeBox {margin-top: .3rem; position: absolute; right: 0; bottom: 0;  width: 23%;}
.contactOne .box .le .code {display: inline-block; text-align: center; max-width: 150px;}
.contactOne .box .le .code img {max-width: 100%;}
.contactOne .box .le .code span {color: #666; display: block; margin-top: .1rem;}


@media screen and (min-width: 200px) and (max-width: 1200px) {
	.contactOne .box .le .codeBox { position: relative; width: 100%; text-align: center;}
}

.contactOne .box .re {width: 50%; padding: 0% 0 0% 3%; box-sizing: border-box;}
.contactOne form .inCon {padding: 0.4rem 0 0.15rem 0; border-bottom: 1px solid #DDDDDD; position: relative; box-sizing: border-box; display: flex; align-items: center;}
.contactOne form .inCon input {outline: none; border: none; background: none; width: 80%; box-sizing: border-box; font-size:var(--font16); color: #333;}
.contactOne form .inCon label {font-size: var(--font16);font-weight: 400;color: #333333; margin-left: 0.1rem;flex-shrink: 0;}
.contactOne form .inCon label i {color: #e80000;font-style: normal;}
.contactOne form .textCon label {font-size: var(--font16);font-weight: 400;color: #333333;margin-top: 0.4rem;margin-bottom: 0.6rem; display: block; position: relative; margin-left: 0.1rem;}
.contactOne form .textCon input {padding-bottom: 0.1rem; padding-left: 0.1rem; outline: none; border: none;border-bottom: 1px solid #DDDDDD; background: none; width: 100%;box-sizing: border-box; font-size: var(--font16); color: #333;}
.contactOne form .textCon input::placeholder {font-size: var(--font16);color: #939393;}
.contactOne form .sub button {color: #fff; width: 100%; background: #1A98CB;height: 0.5rem;color: #fff;font-size: var(--font16); margin-top: 0.3rem; cursor: pointer; border: 0;}

.contactTwo {display: flex;}
.contactTwo .le {width: 50%;}
.contactTwo .le img {width: 100%;}
.contactTwo .mapBox {width: 50%;}
#map {height: 100%;}
#map .mapimg img {margin: auto; max-width: 100%;}





















































/* 轮播图分页器 */
.swiperpagbox {text-align: center;margin-top: 0.5rem;display: flex; align-items: center;justify-content: center;}
.swiperpagbox .prograprev , .swiperpagbox .progranext {cursor: pointer; background: #F5F5F5;display: inline-flex;align-items: center;justify-content: center;color: #666;font-size: var(--font14);transition: .4s;padding: 5px 18px;border-radius: 3px;margin-right: 5px;margin-left: 5px;}
.swiperpagbox .prograpag {display: inline-block;vertical-align: top;position: static; width: auto;}
.swiperpagbox .prograpag span {width: auto; height: auto;opacity: 1;  background: #F5F5F5; color: #666; font-size: var(--font14); transition: .4s;margin: 0 5px !important;  padding: 5px 14px; border-radius: 3px;}
.swiperpagbox .prograpag .swiper-pagination-bullet-active {background: #1a98cb;color: #fff;}
.swiperpagbox .prograpag span:hover {background: #1a98cb;color: #fff;}
.swiperpagbox .prograprev.swiper-button-disabled,.swiperpagbox .progranext.swiper-button-disabled {opacity: .3; cursor: auto;pointer-events: none;}
.swiperpagbox .prograprev:hover , .swiperpagbox .progranext:hover {background: #1a98cb;color: #fff;}


/* 右侧固定 */
.slideflex {position: fixed; right: 30px; bottom: 0; z-index: 99; padding-bottom: 150px;}
.relate li { margin-bottom: 10px; position: relative;}
.relate li > a {transition: .5s; display: flex;  align-items: center;  justify-content: center; width: 45px;height: 45px;background: #1a98cb; border-radius: 50%;box-shadow: 0rem 0rem 16px 5px rgba(24,25,25,0.05); text-align: center;  position: relative; z-index: 3;}
.relate li > a img {display: block; max-width: 63%;}
.relate li.backTop a img {transform: rotate(-90deg); position: relative;top: -1px;left: 1px;}
.relate li:hover > a {background: #d99024;}
@media(any-hover:hover){
  .relate li:hover > a{
    background: #d99024;
   }
}

.telbox{ padding-right: 22px; position: absolute; right: 150%; top: -4px; opacity: 0; visibility: hidden; }
.telbox span { display: block; padding: 20px 0 20px 27px; background: #fff; color: #0072A4; font-size: 16px; font-weight: bold; line-height: 16px; white-space: nowrap; padding-right: 12px; position: relative; border-radius: 12px; box-shadow: 0rem 0rem 16px 5px rgba(24,25,25,0.22);}
.telbox span:before { content: ""; width: 5px; height: 16px; background: #0072A4; position: absolute; left: 13px; top: 50%; margin-top: -8px;}
.telbox span:after { content:""; width:0; height:0; border-top:8px solid transparent;  border-bottom: 8px solid transparent; border-left: 9px solid #fff; position:absolute; right: -9px; top:50%; margin-top: -8px;}
.eqbox {padding-right: 22px; position: absolute; right: 150%; top: 95%; margin-top: -80px; opacity: 0; visibility: hidden;}
.eqbox:before {content:""; width:0; height:0; border-top:8px solid transparent;  border-bottom: 8px solid transparent; border-left: 9px solid #fff; position:absolute; right: 15px; top:50%; margin-top: -8px;}
.eqbox img {display: block; width: 120px; padding: 10px;  background: #fff; border-radius: 12px;  box-shadow: 0rem 0rem 16px 5px rgba(24,25,25,0.22);}
.relate li:hover .telbox,.relate li.active .telbox,.relate li:hover .eqbox { opacity: 1; visibility: visible; right: 100%;-webkit-transition: 0.45s; -o-transition: 0.45s; -moz-transition: 0.45s; transition: 0.45s;}
@media screen and (min-width: 200px) and (max-width: 767px){
.slideflex {right: 2%; padding-bottom: 1.5rem;}
.slideflex ul li {display: none;}
.slideflex ul li:first-child ,.slideflex ul li:last-child {display: block;}
}

/* 视频弹出层 */
.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;}

/* 搜索页面 */
.search-page .box {margin-top: 1rem;}
.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: #0072a4; color: #fff; font-size: 12px; padding: 2px 5px; }
.search-page li h3 {font-size: 18px; margin: 10px 0; color: #000000; font-weight: 700;}
.search-page li p {font-size: 16px; color: #666; line-height: 20px; flex-wrap: nowrap; justify-content: center;}
.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);} */

.searchlist {}
.searchlist ul {display: grid; grid-template-columns: repeat(3,1fr);gap: 0.2rem;}
.searchlist ul li {background: #f5f5f5; overflow: hidden; transition: .5s; }
.searchlist ul li .imgBox {overflow: hidden; position: relative; max-height: 4.5rem; z-index: 1;}
.searchlist ul li .imgBox img {width: 100%;transition: all 1s ease-out; height: 100%; object-fit: cover;display: block;}
.searchlist ul li .imgBox::before {content: ""; position: absolute; left: 0;top: 0; z-index: 1; width: 100%; height: 100%; background: rgba(0, 114, 164,.6); opacity: 0; transition: .3s;}
.searchlist ul li .imgBox::after {content: ""; position: absolute; left: 0;top: 0; z-index: 2;    bottom: 0;right: 0;margin: auto; width: 0.51rem;height: 0.52rem; background: url(../images/fdj-icon.png) no-repeat center; background-size: contain;}
.searchlist ul li .imgBox::after {opacity: 0; -webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1); transform: scale(1);-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;-moz-transition: -moz-transform 0.3s, opacity 0.3s; -o-transition: -o-transform 0.3s, opacity 0.3s;transition: transform 0.3s, opacity 0.3s;}
.searchlist li.videoList .videoBox {overflow: hidden; position: relative;max-height: 4.5rem; z-index: 1;}
.searchlist li.videoList .videoBox::after {content: "";cursor: pointer; position: absolute;left: 0;top: 0;z-index: 2;bottom: 0; right: 0; margin: auto; width: 46px; height: 46px; background: url(../images/videoBtn2.png) no-repeat center; border-radius: 50%; background-size: contain; opacity: .65;} 
.searchlist li.videoList .videoBox img {width: 100%; transition: all 1s ease-out; height: 100%; object-fit: cover;display: block;}
.searchlist ul li {position: relative;}
.searchlist ul li .con {padding: 0.2rem;display: flex; justify-content: space-between; align-items: center; position: relative;}
.searchlist ul li::after {content: '';position: absolute;bottom: 0;left: 0; width: 100%;height: 100%;background: #0072a4;transition: .8s; z-index: 0;opacity: 0;clip-path: polygon(30% 0%, 70% 0%, 100% 100%, 0% 100%);}
.searchlist ul li .conle {width:100%;position: relative; z-index: 1;}
.searchlist ul li p {font-size: .22rem; display: -webkit-box;overflow: hidden;	-webkit-line-clamp:1;-webkit-box-orient: vertical;line-height: 1.5;}
.searchlist ul li span { color: #666666; font-size: var(--font18);display: -webkit-box;overflow: hidden;  	-webkit-line-clamp:1;-webkit-box-orient: vertical}
.searchlist ul li:hover .imgBox img ,.searchlist ul li:hover .videoBox img {transform: scale(1.1);}


@media screen and (min-width: 200px) and (max-width: 767px){
  .searchlist ul {display: grid; grid-template-columns: repeat(2,1fr);}
}

@media screen and (min-width: 200px) and (max-width: 768px){
  .search-page form {
      width: 90%;
      margin-bottom: 40px;
  }
  .search-page form {padding: 0px 20px;}
  .search-page form .searchCon {width: 90%; line-height: 30px;}
}

/* 分页 */
.fy { padding: 0.5rem 0; display: flex;justify-content: center;align-items: center; flex-wrap: wrap;}
.fy a {background: #F5F5F5; display: flex; align-items: center; justify-content: center; color: #999; font-size: 14px; transition: .4s; margin:5px;  padding: 5px 13px; border-radius: 3px;}
.fy a:hover {color: #fff; background: #1A98CB;}
.fy .layui-laypage-curr {color: #fff; background: #1A98CB; font-size: 14px;  margin: 0 5px; padding: 5px 13px; border-radius: 3px;}


.slideDisc .disc .scTetx1 {
    padding: 0.3rem 0.15rem;}