/* ===首页===*/
/* 左侧logo固定 */
.logofixed {position: fixed; z-index: 999; overflow: hidden; top: 0;}
.logofixed .logoBox {position: relative; width: 200px; height: 200px;background: #ffffff; border-radius: 50%; display: flex; align-items: center; justify-content: center; left: -20px; top: -40px; transition:1s;}
.logofixed .logoBox img {max-width: 90%; margin-left: 0.2rem; transition: 1s;}
.canvas4 { transform: translate(-50%, -50%) scale(.4) rotate(-60deg);width: 100%;height: 100%;z-index: -1;position: absolute;left: 51%;top: 51%;}
.logofixed .logoBox #canvas4 {position: absolute; left: 50%; top: 50%;transform: translate3d(-50%, -50%, 0);}

.logofixed2 .logoBox {height: 1rem; top: 0;}
.logofixed2 .logoBox img {max-width: 50%;}
.logofixed2 .canvas4 {display: none;}

/* 头部 */
.header {position: fixed; top: 0; width: 100%; left: 0; z-index: 99; transition: all 0.6s; -webkit-transition: all 0.6s;-moz-transition: all 0.6s; -o-transition: all 0.6s;}
.headerBox .box {display: flex; justify-content: space-between; align-items: center; height: 1.2rem; transition: height .5s;}
.headerBox .logo img {display: none; max-width: 100%;}
nav {width: 55%;    margin-left: 6%;}
nav > ul {display: flex; justify-content: space-between;}
nav > ul > li {padding: .2rem 0;}
nav > ul > li > a {font-size: var(--font16); box-sizing: border-box; font-weight: 700;color: #fff; display: block; position: relative;}
nav > ul > li.navTwo > a {padding-right: 15px;}
nav > ul > li.navTwo > a::before {background: url(../images/jt1.png) no-repeat right; content: ""; position: absolute;     right: 0; width: 100%;  height: 100%; background-size: auto;}
nav > ul > li > a::after {content: "";position: absolute;bottom: -5px; width: 0; height: 2px; background: #f5f5f5; border-radius: 0.01rem;left: 0; transition: .5s;}
nav > ul > li:hover > a::after {width: 100%;}
nav > ul > li.on > a::after {width: 100%;}
.header .he-re {display: flex; align-items: center;}
.header .he-re > dl {display: grid; align-items: center; grid-template-columns: repeat(3,auto);gap: 0.17rem;}
.header .he-re > dl dd .icBox , .header .he-re dl dd > a {display: flex; align-items: center; justify-content: center;width: 0.37rem; height: 0.37rem;border-radius: 50%;background: #93bc33;}
.header .he-re > dl dd .icBox img {max-width: 50%;}
.header .he-re > dl > dd > a {color: #fff;font-size: var(--font14); font-family: Arial, Arial-Regular;  font-weight: 400; transition:background .5s;}
.header .he-re > dl dd:nth-child(2) > a {background: #ffffff; color: #5a5757;}
.header .he-re > dl dd:nth-child(3) > a {border: 1px solid #b1b1b1; box-sizing: border-box; background: none;}
.header .he-re > dl dd > a:hover {background: #93bc33; color: #fff; border-color: #93bc33;}

/* 导航栏下拉 */
.dlSlide {position: relative; top: 50%; text-align: center;}
.dlSlide dl {position: absolute;width: 180%; padding: .1rem 0; border-radius: .1rem; background-color: rgba(255,255,255,.9); pointer-events: none; opacity: 0; transform: translateY(10px); backdrop-filter: blur(5px); box-shadow: 0 5px 0.2rem -3px rgba(0,0,0,.06);}
.dlSlide dl {left: -45%;}
nav > ul > li:nth-child(2) .dlSlide dl {width: 250%; left: -75%;}
.dlSlide dl dd a { display: block; position: relative; text-align: center;  padding: .1rem .1rem; color: #333; font-size: var(--font14);}
.dlSlide dl dd a:hover {color: #93bc33;}
nav > ul > li:hover > .dlSlide dl { opacity: 1;pointer-events: auto;   transform: none;transition: transform .5s ease-in-out,opacity .5s ease-in-out;}
.heSlideDown {position: absolute; pointer-events: none; opacity: 0; transform: translateY(10px);left: 0; width: 100%; line-height: normal; padding: 0.2rem 0 0.2rem; box-sizing: border-box; }
.heSlideDown .container {max-width: 65%; background: #fff;border-radius: 0.2rem;     padding: 2%; box-shadow: 0 5px 0.2rem -3px rgba(0,0,0,.06);}
.slideDownBox {display: flex; align-items: center; justify-content: space-between;}
.slideDownBox .hd li {  margin-bottom: 0.15rem; overflow: hidden;}
.slideDownBox .hd li a {color: #333;font-size: var(--font16);display: block;border-radius: 1.38rem; padding:0.05rem 0.3rem; transition: .5s;  box-sizing: border-box;}
.slideDownBox .hd li.on a {background: #93bc33; color: #fff;}
.slideDownBox .bd {margin-left: 0.2rem;width: 80%;}
.slideDownBox .bd ul {position: relative; z-index: 0;}
.slideDownBox .bd ul li { text-align: center;}
.slideDownBox .bd ul li a {display: block; height: 100%;}
.slideDownBox .bd ul li .imgBox { box-sizing: border-box; overflow: hidden;  display: flex; align-items: center; justify-content: center; max-height: 2rem; border-radius: 0.15rem;}
.slideDownBox .bd ul li .imgBox img {width: 100%; display: block; transition: .5s;max-height: 100%;object-fit: cover;}
.slideDownBox .bd ul li h5 {font-size: var(--font16);color: #222222;   margin-top: 1rem;}
.slideDownBox .bd ul li span {font-size: var(--font16);color: #333; display: block; margin-top: 0.1rem;}
.slideDownBox .bd ul li:hover .imgBox img {transform: scale(1.05);}
.heBdSwiper {overflow: hidden; max-width: 85%; margin: auto; height: 100%; }
.heBdSwiper .swiper-button-prev {top: 42%;left: 0;transform: rotate(180deg);}
.heBdSwiper .swiper-button-next { right: 0;top: 42%;}
.heBdSwiper .swjt img {max-width: 50%;}
nav > ul > li:hover .heSlideDown {opacity: 1;pointer-events: auto; transform: none;transition: transform .5s ease-in-out,opacity .5s ease-in-out; }
/* 搜索 */
.heSearch {position: relative; left: 0.1rem; padding: 0.2rem 0.1rem;box-sizing: border-box;}
.search-pro {-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;background-color: rgba(255,255,255,1);box-sizing:border-box;-webkit-box-shadow: 0 0 99px rgba(29,56,75,.4);-moz-box-shadow: 0 0 99px rgba(29,56,75,.4);    transform: translateY(0.2rem); box-shadow: 0 0 99px rgba(29,56,75,.4);   }
.search-pro {padding: 0.125rem;  min-height: 1.2rem; width: 3rem;  max-width: calc(100vw - 40px); position: absolute;right: -72%;top: 100%; z-index: 9; pointer-events: none;opacity: 0;}
.search-pro::after {content: '';display: block;width: 18px;height: 18px;transform: rotate(45deg);top: -8px;right: 19%;background-color: #fff;position: absolute;}
.search {border-bottom: 1px solid #e1e1e1; margin-bottom: 0.1rem;}
.search form {display: flex; justify-content: space-between; align-items: center;}
.search input{outline: none; border: none; font-family: "Microsoft YaHei"; font-size: var(--font14); color: #333;}
.search-text {width: 88%; max-width: 320px; line-height: 40px;}
.search-text::placeholder {font-size:var(--font14); color: #999;}
.search-text::-moz-placeholder {font-size:var(--font14); color: #999;}
.search .sub{background: url(../images/searchIcon.png) no-repeat center;background-size: auto; width: 25px; height: 40px; cursor: pointer;   filter: brightness(0);  -webkit-filter:brightness(0);}
.search-list dl dt {float: left; margin-right: 0.065rem; margin-bottom: 0.065rem; line-height: initial;}
.search-list dl dt a {position: relative; padding: 0.05rem 0.1rem;font-size: var(--font14); transition: all .5s ease .3s; display: inline-block; background: #e1e1e1; border-radius: 4px;  text-align: center;}
.search-list dl dt a:after {content: '';display: block;width: 0;transition: width .5s ease-out;height: 100%;background-color: #93bc33;position: absolute;top: 0;left: 0; z-index: 0; border-radius: 4px;}
.search-list dl dt:hover a:after {width: 100%;}
.search-list dl dt span {font-size: var(--font14); color: #999; position: relative; z-index: 1}
.search-list dl dt:hover span {color: #fff;}
.heSearch:hover .search-pro {opacity: 1;transform: translateY(0);pointer-events: auto;transition: all .5s ease;}
/* 头部下滑 */
.headupfixd {background: #fff; box-shadow: 0 5px 0.2rem -3px rgba(0,0,0,.06);}
.headupfixd .headerBox .box {height: 1rem;}
.headupfixd nav > ul > li > a {color: #333;}
.headupfixd nav > ul > li.navTwo > a::before { filter: brightness(0); -webkit-filter:brightness(0);}
.headupfixd nav > ul > li > a::after {background: #0072A4;}
.headupfixd .he-re > dl dd:nth-child(2) > a {background: #E6E8ED;}
.headupfixd .he-re > dl dd:nth-child(3) > a {color: #333;}
.headupfixd .he-re > dl dd:nth-child(2) a:hover ,.header .he-re > dl dd:nth-child(3) a:hover {background: #93bc33; color: #fff;}
.headupfixd2 {background: #fff; box-shadow: 0 5px 0.2rem -3px rgba(0,0,0,.06);}
.headupfixd2 .headerBox .box {height: 1rem;}
.headupfixd2 nav > ul > li > a {color: #333;}
.headupfixd2 nav > ul > li.navTwo > a::before { filter: brightness(0); -webkit-filter:brightness(0);}
.headupfixd2 nav > ul > li > a::after {background: #0072A4;}
.headupfixd2 .he-re > dl dd:nth-child(2) > a {background: #E6E8ED;}
.headupfixd2 .he-re > dl dd:nth-child(3) > a {color: #333;}
.headupfixd2 .he-re > dl dd:nth-child(2) a:hover ,.header .he-re > dl dd:nth-child(3) a:hover {background: #93bc33; color: #fff;}


/* banner */
.bannerSwiper {overflow: hidden;position: relative;}

.bannerSwiper .imgBox img {width: 100%; transition: 1s linear 2s;transform: scale(1.1,1.1);}
.bannerSwiper .swiper-slide-active .imgBox img {transition: 4s linear; transform: scale(1,1);}
.bannerSwiper .con { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);text-align: center;}
.bannerSwiper .con strong {color: #ffffff;font-size: var(--font80);display: block;}
.bannerSwiper .con .text {color: #ffffff;font-weight: 400; font-size: var(--font30);}
.bannerSwiper .con .more {margin-top: 0.5rem;}
.bannerSwiper .con .more a {margin: auto;width: 2.18rem; height: 0.64rem; background: #93bc33;border-radius: 1.32rem;}
.bannerSwiper .con .more a {display: flex; align-items: center; justify-content: center;}
.bannerSwiper .con .more a span {color: #fff; font-size: var(--font18); margin-right: 15%; transition: .5s;}
.bannerSwiper .con .more a:hover span {margin-right: 20%;}
.bannerSwiper .swjt img {max-width: 60%;}
.bannerSwiper .swiper-button-prev {transform: rotate(180deg); }
.bannerSwiper .swiper-pagination {bottom: 5%;}
.bannerSwiper .swiper-pagination span {width: 0.1rem; height: 0.1rem; background: #ffffff;opacity: 1;}
.bannerSwiper .swiper-pagination span.swiper-pagination-bullet-active {background: #93bc33;}

/* 首页公用标题 */
.indexTle {display: flex; align-items: center;flex-wrap: wrap;}
.indexTle h3 {color: #EE7A00; font-size: var(--font40); position: relative;margin-right: 0.15rem;}
.indexTle h3::after {content: ""; width: 80%; height: 1px; background: #ee8426; left: 0; bottom: -3px; position: absolute; }
.indexTle .en {color: #D1D8DC; font-size: var(--font22); text-transform: uppercase;font-weight: 700; margin-top: 0.1rem;}

/* 关于我们 */
.indexOne {display: flex; overflow: hidden;}
.indexOne .indexTle h3 {font-size: var(--font24); }
.indexOne .le {background: #f0f7fb; width: 50%;border-radius: 1.5rem 0rem 1.5rem 0rem; overflow: hidden; position: relative; z-index: 2;}
.indexOne .le img {width: 100%;}
.indexOne .re {width: 50%; position: relative; z-index: 1;}
.indexOne .re .con { height: 100%; position: relative;box-sizing: border-box;}
.indexOne .re .con::before {content: ""; position: absolute; width: 120%; height: 96%; left: -15%; background: #f0f7fb;z-index: -1;border-radius: 0rem 0rem 2.51rem 0rem;}
.indexOne .re .con::after {content: ""; position: absolute; width: 132%; bottom: 0; height: 95%; left: -30%; background: #f0f7fb;z-index: -2;background: linear-gradient(67deg,#e82a7f 0%, #287dbf 49%, #349479 100%);border-radius: 2.48rem;}
.indexOne .re .conBox {display: flex; flex-direction: column; justify-content:center; height: 96%; padding: 0 10%; box-sizing: border-box;}
.indexOne .re .tle {color: #333333;font-size: var(--font36); margin: 0.3rem 0 ;}
.indexOne .re p {color: #666666; font-size: var(--font16); width: 90%;}
.indexOne .re .moreButton {width: 1.93rem; height: 0.64rem;background: #3fbc84;border-radius: 0.32rem; margin-top: 0.5rem;}

/* 产品与解决方案 */
.indexTwo {margin-top: 0.6rem;}
.indexTwo .tle {display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.6rem;}
.indexTwo .tleLe p {color: #666666;font-weight: 400; font-size: var(--font16); margin-top: 0.15rem; width: 75%;}
.indexTwo .tleRe a {width: 1.92rem; height: 0.64rem; background: #93bc33; border-radius: 0.32rem; margin-top: 0.1rem;}
.inTwoSlide {background: url(../images/indexTwo-bj.jpg) no-repeat center; background-size: cover; background-attachment: fixed; padding-top: 1.7rem;}
.inTwoSlide .hd {padding-bottom: 1.5rem;}
.inTwoSlide .hd ul {display: grid;justify-content: center; grid-template-columns: repeat(3,auto); gap: 5%;}
.inTwoSlide .hd li {position: relative;z-index: 1; width: 2.61rem;height: 2.61rem; border: 0.01rem solid rgba(255, 255, 255,.2); border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.inTwoSlide .hd li span {color: #ffffff;font-size: var(--font30);display: block; margin-top: 0.15rem;}
.inTwoSlide .hd li .loadings {display: grid; grid-template-columns: repeat(4,auto);gap: 0.05rem;margin-top: 0.1rem;}
.inTwoSlide .hd li .loadings > div {width: 0.12rem; height: 0.12rem; background: none; border-radius: 50%; opacity: 0;}
.inTwoSlide .hd li .loadings .circle1 {background: #f6a400;}
.inTwoSlide .hd li .loadings .circle2 {background: #3B9DD0;}
.inTwoSlide .hd li .loadings .circle3 {background: #BC1A4F;}
.inTwoSlide .hd li .loadings .circle4 {background: #6AA833;}
.inTwoSlide .hd li.on .loadings > div {animation: 500ms loading forwards;}
.inTwoSlide .hd li.on .loadings .circle2 { -webkit-animation-delay: 126ms; animation-delay: 126ms;}
.inTwoSlide .hd li.on .loadings .circle3 { -webkit-animation-delay: 294ms;animation-delay: 294ms;}
.inTwoSlide .hd li.on .loadings .circle4 { -webkit-animation-delay: 462ms;animation-delay: 462ms;}
.inTwoSlide .hd li::after {content: ""; position: absolute; width: 100%; height: 100%; border-radius: 50%;background: linear-gradient(45deg,#c06e68 0%, #cfb8b4 100%); left: 0; top: 0; z-index: -1; opacity: 0; transition: .5s;}
.inTwoSlide .hd li.on {border-color: transparent;}
.inTwoSlide .hd li.on::after {opacity: 1;}
.inTwoSlide .hd li.on {border-color: transparent;}
.inTwoSlide .hd li.on::after {opacity: 1;}
.inTwoSlide .bd {background: #ffffff; border-radius: 1rem 1rem 0rem 0rem; padding: 0.8rem 0 1rem 0;}
.inTwoSlide .bd ul {width: 1700px; margin: auto; max-width: 92%;}
.inTwoSlide .bd ul li {position: relative;}
.inTwoSwiper {max-width: 90%; margin: auto; overflow: hidden;}
.inTwoSwiper .swiper-slide {text-align: center;}
.inTwoSwiper .swiper-slide span {color: #333333; font-size: var(--font24); margin-top: 0.2rem; display: block;}
.inTwoSwiper .swiper-slide .con i {width: 0.43rem; height: 0.05rem;background: #ca1923; border-radius: 0.03rem; display: inline-block;}
.inTwoSwiper .imgBox {margin: auto; overflow: hidden;border-radius: 0.2rem; height: 2rem;}
.inTwoSwiper .imgBox img {margin: auto; width: 100%; transition: .5s; height: 100%; object-fit: cover;}
.inTwoSwiper .swjt {width: 0.51rem; height: 0.51rem; right: 0; background: rgba(0, 0, 0,.2); border-radius: 50%; display: flex; align-items: center;justify-content: center; top: 35%;}
.inTwoSwiper .swjt img {max-width: 20%;}
.inTwoSwiper .swiper-button-prev {transform: rotate(180deg);left: 0;}
.inTwoSwiper .swiper-slide .con:hover .imgBox img {transform: scale(1.1);}
.inTwoSwiper .swiper-pagination {bottom: -0.5rem; display: none;}
.inTwoSwiper .swiper-pagination span.swiper-pagination-bullet-active {background: #93BC33;}

/* 新闻资讯 */
.indexThree {background: url(../images/indexThree-bj.jpg) no-repeat center; background-size: cover; padding: 0.85rem 0; margin-top: 0;}
.indexThree .tle h3 , .indexThree .tle .en{color: #FFFFFF;}
.indexThree .tle h3::after {background: #fff;}
.indexThree .tleRe a {width: 2.18rem;}
.indexThree .swiperBox {position: relative;width: 1650px;max-width: 99%; margin: auto;}
.inThreSwiper {overflow: hidden; margin: auto;}
.inThreSwiper .swiper-slide {padding-bottom: 0.15rem;}
.inThreSwiper .con {background: #ffffff;border-radius: 0.2rem; padding: 0.2rem; padding-bottom: 0.4rem; position: relative;  }
.inThreSwiper .swiper-slide::after {content: "";z-index: -1; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 90%; height: 10%; background: linear-gradient(87deg,#e82a7f 0%, #287dbf 49%, #349479 100%);border-radius: 0.2rem; transition: .3s;}
/* .inThreSwiper .swiper-slide-active::after {height: 100%;} */
.inThreSwiper .swiper-slide:hover::after {height: 100%;}
.inThreSwiper .con .imgBox {overflow: hidden;border-radius: 0.3rem; margin-bottom: 0.3rem;}
.inThreSwiper .con .imgBox img {width: 100%; transition: .5s;}
.inThreSwiper .con h5 a {color: #333333;font-weight: 700;font-size: var(--font20); display: -webkit-box;overflow: hidden;  	-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.inThreSwiper .con em {color: #777777;font-size: var(--font16);display: block; margin-top: 0.15rem; font-family: "OPENSANS";}
.inThreSwiper .con .more a {width: 1.36rem;height: 0.48rem;background: #93bc33; border-radius: 0.24rem; margin-top: 0.25rem;}
.inThreSwiper .con .more a span {margin-right: 8%;}
.inThreSwiper .con .more a img {transform: scale(0.7);}
.inThreSwiper .swjt {right: 0;}
.inThreSwiper .swiper-button-prev {transform: rotate(180deg);left: 0;}
.inThreSwiper .swiper-pagination {bottom: -0.5rem; display: none;}
.inThreSwiper .swiper-pagination span.swiper-pagination-bullet-active {background: #fff;}
.inThreSwiper .con:hover .imgBox img {transform: scale(1.1);}

/* 联系我们 */
.indexFour {margin: 1rem 0 0.8rem 0;}
.indexFour .box {display: flex; justify-content: space-between;}
.indexFour .box .le {width: 40%;}
.indexFour .box .le span {font-size: var(--font36);color: #333333;font-weight: 400; margin: .6rem 0 .3rem 0; display: block;}
.indexFour .box .le p {font-size: var(--font16);color:#666666;font-weight: 400;width: 80%;}
.indexFour .box .re {width: 60%;}
.indexFour .box .re form {display: flex; flex-wrap: wrap; justify-content: space-between;}
.indexFour .box .re .col2 {position: relative;width: 47%; margin-bottom:0.5rem;}
.indexFour .box .re .col2 input {background: none; border: none; border-bottom: 1px solid #535353; font-size: var(--font16); color: #333; width: 100%; outline: none; padding: 0.05rem 0;}
.indexFour .box .re label {font-size: var(--font16);font-weight: 400;color: #A3A3A3; position: absolute;top: 0; z-index: -1; transition: .5s; left: 0;}
.indexFour .box .re label i {color: #C00000; font-style: normal;}
.indexFour .box .re .col2 input:focus + label {top: -0.2rem; font-size: var(--font14);}
.indexFour .box .re .col2 input.filled + label {top: -0.2rem; font-size: var(--font14);}
.indexFour .box .re .col3 {width: 100%; position: relative; margin-top:0.15rem;    margin-bottom: 0.213rem;}
.indexFour .box .re .col3 select {border: none;background: none;border-bottom: 1px solid #333; font-size: var(--font16); color: #333; width: 100%; outline: none; padding: 0.05rem 0;}
.indexFour .box .re .col3 select:focus + label {top: -0.2rem; font-size: var(--font14);}
.indexFour .box .re .col3 select.filled + label {top: -0.2rem; font-size: var(--font14);}
.indexFour .box .re .subinput {margin-top:0.3rem; cursor: pointer;    width: 100%;}
.indexFour .box .re .sub {width: 1.5rem;height: 0.5rem; border: none; border-radius: 1.25rem; background: #3FBC84;font-size: var(--font16); z-index: -1; color: #ffffff;font-weight: 400;outline: none;cursor: pointer; }

/* 底部 */
.footer {background: #f0f7fb; padding: 0.56rem 0;}
.footer .box {display: flex;justify-content: space-between;}
.foterLogo img {max-width: 100%;margin-bottom: 0.2rem;}
.foterLogo p ,.foterLogo p a {color: #6b6b67;font-size: var(--font14); margin: 0.1rem 0;}
.foterLogo p a:hover {color: #3FBC84;}
.foterNav {display: flex; width: 60%; justify-content: space-between;}
.foterNav dt a {color: #222222; font-size: var(--font16);display: block; margin-bottom: 0.2rem;}
.foterNav dd a {color: #929292; font-size: var(--font14);display: block; margin: 0.05rem 0;}
.foterNav dt a:hover , .foterNav dd a:hover {color: #349479;}
.foterCode {text-align: center; }
.foterCode span {color: #555555;font-size: var(--font16);display: block; margin-top: 0.1rem;}
.copyRight {text-align: center; padding: 0.1rem 0; margin: auto; max-width: 98%;display: none;}
.copyRight p , .copyRight p a {color: #6b6b67;font-size: var(--font14);}


/* ===============================================================================内页============================================================================ */
/* 内页banner */
.ny-banner {position: relative; overflow: hidden;}
.ny-banner .imgBox {overflow: hidden; position: relative;border-radius: 0rem 0rem 1.3rem 0rem;}
.ny-banner .imgBox img {width: 100%; object-fit: cover; height: 100%;}
.ny-banner .tle {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; width: 100%;}
.ny-banner h3 {color: #ffffff;font-size: 0.65rem;}
.ny-banner .en {color: #ffffff;font-size: var(--font30);  font-family: "OPENSANS";letter-spacing: 0.06rem;}
.ny-banner .loadings {display: grid; justify-content: center; gap: 0.05rem; grid-template-columns: repeat(4,auto); margin-top: 0.3rem;}
.ny-banner .loadings > div {width: 0.12rem; height: 0.12rem; background: none; border-radius: 50%; opacity: 0;animation: 1s loading forwards;}
.ny-banner .loadings .circle1 {background: #f6a400;}
.ny-banner .loadings .circle2 {background: #3B9DD0;-webkit-animation-delay: 126ms; animation-delay: 126ms;}
.ny-banner .loadings .circle3 {background: #BC1A4F;-webkit-animation-delay: 294ms;animation-delay: 294ms;}
.ny-banner .loadings .circle4 {background: #6AA833;-webkit-animation-delay: 462ms;animation-delay: 462ms;}

/* =====关于我们====== */
.aboutOne {padding: 0.9rem 0;}
.aboutOne .tle {text-align: center;}
.aboutOne .tle h3 {color: #333333; font-size: var(--font40);}
.aboutOne .tle span { color: #888888;font-size: var(--font16);}
.aboutOne p {color: #444444;font-weight: 400;font-size: var(--font16);  width: 80%; margin: auto;margin-top: 0.3rem;line-height: 0.34rem; text-indent: 0.32rem;}

.aboutTwo {}
.aboutTwo ul {display: flex;min-height: 7rem;}
.aboutTwo ul li {width: calc(100%/3); position: relative; z-index: 1;}
.aboutTwo ul li::before {content: ""; position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0,.5); top: 0;left: 0; z-index: 0; opacity: 1; transition: .4s;}
.aboutTwo ul li::after {content: ""; position: absolute; width: 100%; height: 100%; background: rgba(7, 91, 157,.8); top: 0;left: 0; z-index: 0;opacity: 0;transition: .4s;}
.aboutTwo ul li .bjBox {height: 100%; }
.aboutTwo ul li .bjBox img {width: 100%; height: 100%; object-fit: cover;}
.aboutTwo ul li .con {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);text-align: center; z-index: 1;}
.aboutTwo ul li .icBox img {margin: auto; max-width: 100%;}
.aboutTwo ul li .tle {margin: 0.3rem 0;}
.aboutTwo ul li h4 {color: #ffffff;font-size: var(--font40);}
.aboutTwo ul li .en {color: #ffffff;letter-spacing: 2px;font-size: var(--font16);  font-family: "OPENSANS";}
.aboutTwo .loadings {display: grid; justify-content: center; gap: 0.05rem; grid-template-columns: repeat(4,auto); margin-bottom: 0.3rem;}
.aboutTwo .loadings > div {width: 0.12rem; height: 0.12rem; background: none; border-radius: 50%; opacity: 1;}
.aboutTwo .loadings .circle1 {background: #f6a400;}
.aboutTwo .loadings .circle2 {background: #3B9DD0;-webkit-animation-delay: 126ms; animation-delay: 126ms;}
.aboutTwo .loadings .circle3 {background: #BC1A4F;-webkit-animation-delay: 294ms;animation-delay: 294ms;}
.aboutTwo .loadings .circle4 {background: #6AA833;-webkit-animation-delay: 462ms;animation-delay: 462ms;}
.aboutTwo ul li .text {color: #ffffff;font-weight: 400;font-size: var(--font16);}
.aboutTwo ul li:hover .loadings > div {animation: 1s loading forwards;}
.aboutTwo ul li:hover .loadings .circle2 { -webkit-animation-delay: 126ms; animation-delay: 126ms;}
.aboutTwo ul li:hover .loadings .circle3 { -webkit-animation-delay: 294ms;animation-delay: 294ms;}
.aboutTwo ul li:hover .loadings .circle4 { -webkit-animation-delay: 462ms;animation-delay: 462ms;}
.aboutTwo ul li:hover::after {opacity: 1;}
.aboutTwo ul li:hover::before {opacity: 0;}

.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: #fff; border-radius: 0.3rem; top: 40%;right: 27%; transition:background .5s;}
.abSevenSwiper .swjt:hover {background: #0072a4;}
.abSevenSwiper .swjt:hover img {filter: brightness(100); -webkit-filter:brightness(100);}
.abSevenSwiper .swiper-button-prev {transform: rotate(180deg); left: 27%;}

/*=======产品列表======= */
.productMain {margin-top: 1.8rem;}
.productList .container {width: 1820px; max-width: 95%;}
.productList ul li {overflow: hidden;border-radius: 1.3rem 0rem 1.3rem 0rem; position: relative; margin-bottom: 0.34rem;}
.productList ul li .bjBox img {width: 100%; transition: .5s;}
.productList ul li .con {position: absolute; left: 23%; top: 50%; transform: translate(-50%, -50%); width: 30%;}
.productList ul li .tle {display: flex; align-items: flex-end; margin-bottom: 0.25rem;width: 200%;}
.productList ul li h5 {color: #ee7a00;font-weight: 400;font-size: var(--font48);}
.productList ul li .en {color: #d1d8dc;font-size: var(--font22);  font-family: "OPENSANS"; text-transform: uppercase; font-weight: 700;margin-bottom: 0.1rem; margin-left: 0.2rem;}
.productList ul li p {color: #969696;line-height: 0.32rem;font-size: var(--font16);display: -webkit-box;overflow: hidden;  	-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.productList ul li .more {margin-top: 0.4rem;}
.productList ul li .more a {display: flex; align-items: center; justify-content: center; width: 1.75rem;height: 0.49rem; border: 0.01rem solid #969696;  border-radius: 1.26rem; transition: .5s;}
.productList ul li .more a span {color: #969696; font-size: var(--font14); margin-right: 0.2rem;}
.productList ul li .more a img {}
.productList ul li:hover .bjBox img {transform: scale(1.05);}
.productList ul li .more a:hover {border-color: transparent; background: #EE7A00;}
.productList ul li .more a:hover span {color: #fff;}
.productList ul li .more a:hover img {filter: brightness(100); -webkit-filter:brightness(100);}

/* 产品详情 */
.proDate-banner .tle {width: 1500px; text-align: left; top: 60%; max-width: 92%;}
.proDate-banner .loadings {justify-content: flex-start;}
/* 面包屑 */
.detaMbx {display: flex; align-items: center; color: #D1D1D1;font-size: var(--font16);padding: 0.4rem 0; position: absolute; left: 50%; top: 90%; transform: translate(-50%, -50%); width: 1500px; margin: auto; max-width: 92%;}
.detaMbx a {margin:0 0.05rem;color: #D1D1D1;font-size: var(--font16);}
.detaMbx a img {display: inline-block;position: relative; top: 0.03rem;}
.detaMbx a:first-child {margin-left: 0;}
.detaMbx a:last-child {color: #D1D1D1;font-size: var(--font16);}
.detaMbx a:hover {color: #fff}

.proDateList {box-shadow: 0.05rem -0.22rem 0.92rem 0rem rgba(0,0,0,0.08); padding-top: 0.6rem;}
.proDateList ul {display: flex; justify-content: center;}
.proDateList ul li {text-align: center; position: relative; padding-bottom: 0.5rem; margin-right: 4%;}
.proDateList ul li:last-child {margin-right: 0;}
.proDateList ul li::after {content: ""; position: absolute; left: 50%; top: 100%; transform: translate(-50%, -50%);width: 0%; background: #ca1923;border-radius: 0.03rem;height: 0.05rem; transition: .5s;}
.proDateList ul li .imgBox {width: 1.43rem; height: 1.43rem; overflow: hidden; border-radius: 50%;  margin: auto;margin-bottom: 0.2rem; position: relative;}
.proDateList ul li .imgBox::after {opacity: 0; transition: .5s; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/fdj-icon.png) no-repeat center; background-size: auto;background-color: rgba(202, 25, 35,.6);}
.proDateList ul li .imgBox img {max-width: 100%;}
.proDateList ul li span {position: relative;display: block;font-size: var(--font20);}
.proDateList ul li:hover::after {width: 33%;}
.proDateList ul li:hover span {font-weight: 700;color: #D13840;}
.proDateList ul li:hover .imgBox::after {opacity: 1;}
.proDateList ul li.on::after {width: 33%;}
.proDateList ul li.on span {font-weight: 700;color: #D13840;}
.proDateList ul li.on .imgBox::after {opacity: 1;}
/* 橙色 */
.proDateList ul li:nth-child(2)::after {background-color: #EE7A00;}
.proDateList ul li:nth-child(2) .imgBox::after {background-color: rgba(238, 122, 0,.6);}
.proDateList ul li:nth-child(2):hover span , .proDateList ul li:nth-child(2).on span {color: #EE7A00;}
/* 黄色 */
.proDateList ul li:nth-child(3)::after {background-color: #ffca00;}
.proDateList ul li:nth-child(3) .imgBox::after {background-color: rgba(255, 202, 0,.6);}
.proDateList ul li:nth-child(3):hover span , .proDateList ul li:nth-child(3).on span {color: #ffca00;}
/* 绿色 */
.proDateList ul li:nth-child(4)::after {background-color: #6BA635;}
.proDateList ul li:nth-child(4) .imgBox::after {background-color: rgba(107, 166, 53,.6);}
.proDateList ul li:nth-child(4):hover span , .proDateList ul li:nth-child(4).on span {color: #6BA635;}
/* 蓝色 */
.proDateList ul li:nth-child(5)::after {background-color: #3C9ED0;}
.proDateList ul li:nth-child(5) .imgBox::after {background-color: rgba(60, 158, 208,.6);}
.proDateList ul li:nth-child(5):hover span , .proDateList ul li:nth-child(5).on span {color: #3C9ED0;}
/* 紫色 */
.proDateList ul li:nth-child(6)::after {background-color: #800080;}
.proDateList ul li:nth-child(6) .imgBox::after {background-color: rgba(128, 0, 128,.6);}
.proDateList ul li:nth-child(6):hover span , .proDateList ul li:nth-child(6).on span {color: #800080;}
/* 黑色 */
.proDateList ul li:nth-child(7)::after {background-color: #653d33;}
.proDateList ul li:nth-child(7) .imgBox::after {background-color: rgba(101, 61, 51,.6);}
.proDateList ul li:nth-child(7):hover span , .proDateList ul li:nth-child(7).on span {color: #653d33;}

.proDate {background: #f9f9f9; padding: 0.3rem 0 0.6rem 0;}
.proDate ul li {padding: 0.6rem 0; display: flex; align-items: center;justify-content: space-between; position: relative;}
.proDate ul li::after {content: ""; position: absolute; bottom: 0; left: -2.5%; width: 106%; height: 1px;background: #e6e9ea;}
.proDate ul li:last-child::after {display: none;}
.proDate ul li .le {width: 40%;}
.proDate ul li .le .tle {margin-bottom: 0.4rem;}
.proDate ul li .le strong {color: #ee7a00;font-size: 0.46rem; font-weight: normal;}
.proDate ul li .le i {display: block;width: 1.04rem;height: 1px;background: #ee7a00;}
.proDate ul li .le p {color: #666666;line-height: 0.32rem; font-size: var(--font16);}
.proDate ul li .re {border-radius: 0.5rem; overflow: hidden; width: 45%;}
.proDate ul li .re img {width: 100%;transition: .5s;}
.proDate ul li:hover .re img {transform: scale(1.1);}

/* =================新闻资讯=============== */
.newsNav {border-bottom: 1px solid #EEEEEE;}
.newsNav ul {display: grid; grid-template-columns: repeat(3,auto); align-items: center;justify-content: center; gap: 6%;}
.newsNav ul li {padding: 0.3rem 0; position: relative;}
.newsNav ul li::after {content: "";width: 0%;height: 3px;background: #2884bb; position: absolute; left: 50%; top: 100%; transform: translate(-50%, -50%);transition: .5s;}
.newsNav ul li:hover::after,.newsNav ul li.on::after {width: 100%;}
.newsNav ul li a {color: #333333;font-size: var(--font16);display: block;}

.newsList {padding: 0.5rem 0;}
.newsList .container {width: 1540px;}
.newsList ul li {display: flex; align-items: center; justify-content: space-between; padding: 0.4rem 0.25rem;position: relative; box-sizing: border-box; z-index: 1;}
.newsList ul li::before {content: ""; width: 97%; height: 1px; background: #eee; position: absolute; bottom: 0; z-index: -2;}
.newsList ul li::after {content: ""; z-index: -1; background: #fff; width: 100%; height: 100%; position: absolute;left: 0; bottom: 0; border-radius: 0.4rem;box-shadow: 0rem 0rem 0.19rem 0rem rgba(0,0,0,0.05);opacity: 0; transition: .5s; }
.newsList ul li:last-child::before {display: none;}
.newsList ul li .imgBox {width: 25%;border-radius: 0.3rem;overflow: hidden;}
.newsList ul li .imgBox img {width: 100%; transition: .5s;}
.newsList ul li .con {width: 71%;}
.newsList ul li h6 a {font-size: var(--font20);font-weight: 700;color: #333;display: block; margin-bottom: 0.05rem;}
.newsList ul li em {color: #777777;font-size: var(--font16);  font-family: "OPENSANS"; margin-bottom: 0.25rem;display: block;}
.newsList ul li p {color: #666666;font-size: var(--font16);display: -webkit-box;overflow: hidden;  	-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.newsList ul li .more {margin-top: 0.4rem;}
.newsList ul li .more a {width: 1.4rem;height: 0.5rem;border: 0.01rem solid #313131; border-radius: 1.26rem;display: flex; align-items: center; justify-content: center;color: #333333;font-size: var(--font14); transition: .5s;}
.newsList ul li .more a:hover {background: #2884bb; color: #fff; border-color: #2884bb;}
.newsList ul li .imgBox:hover img {transform: scale(1.1);}
.newsList ul li h6 a:hover {color: #2884bb;}
.newsList ul li:hover::after {opacity: 1; transform: scale(1.01);}

/* 员工风采 */
.staffShowList {margin: 0.7rem 0;}
.staffShowList ul {display: grid; grid-template-columns: repeat(3,1fr); row-gap: 0.5rem;}
.staffShowList ul li {padding: 0.2rem;  position: relative; }
.staffShowList ul li::before {content: "";z-index: -1;background: #fff; position: absolute;border-radius: 0.2rem;  width: 100%; height: 100%; left: 0; top: 0;transition: .5s;}
.staffShowList ul li a {display: block;}
.staffShowList ul li::after {content: ""; z-index: -2; position: absolute; bottom: -5px; left: 0%; width: 0%;height: 100%; background: linear-gradient(95deg,#e82a7f 0%, #287dbf 49%, #349479 100%); border-radius: 0.33rem;}
.staffShowList ul li .imgBox {overflow: hidden;border-radius: 0.2rem;}
.staffShowList ul li .imgBox img {width: 100%; transition: .5s;}
.staffShowList ul li .con {padding: .3rem 0;}
.staffShowList ul li h6 {color: #333333;font-weight: 400;font-size: var(--font22);}
.staffShowList ul li em {display: block;margin-top: 0.1rem;color: #888888;font-size: var(--font18);font-family: "OPENSANS";}
.staffShowList ul li:hover::before { box-shadow: 0px 0px 23px 0px rgba(0, 0, 0, 0.04);}
.staffShowList ul li:hover::after {width: 100%;  transition: .5s;}
.staffShowList ul li:hover .imgBox img {transform: scale(1.1);}


/* 新闻详情 */
.newsDateMain {padding: 1.8rem 0; background: #f9f9f9; }
.newsDateMain .detaMbx {position: relative; transform: initial;left: 0;top: 0; margin: 0; padding: 0;color: #777777;max-width: 100%;}
.newsDateMain .detaMbx img {filter: brightness(0); -webkit-filter:brightness(0);opacity: .2;}
.newsDateMain .detaMbx a {color: #777777;}
.newsDateMain .detaMbx a:hover {color: #1873BA;}
.newsDateMain .detaMbx a:last-child {color: #1873BA;}
.newsDate {display: flex; align-items: flex-start;justify-content: space-between;}
.newsDate .le {width: 61%;}
.newsDate .le h6 {margin-top: 0.4rem; color: #333333;font-size: var(--font36);}
.newsDate .le .timeNum {color: #999999;font-size: var(--font14);margin-top: 0.1rem;}
.newsDate .le .backList {margin-top: 0.3rem;}
.newsDate .le .backList a {width: 1.36rem;height: 0.52rem; background: #2884bb;  border-radius: 0.26rem; display: flex; align-items: center; justify-content: center;}
.newsDate .le .backList a img {transform: rotate(180deg) scale(.7);}
.newsDate .le .backList a span {font-size: var(--font16);color: #ffffff;margin-left: 0.1rem;}
.newsDate .le .tle {padding-bottom: 0.5rem;border-bottom: 2px solid #F2CD02;}
.newsDate .dateCon {padding: 0.5rem 0; border-bottom: 1px solid #DDDDDD;}
.pagePation {margin-top: 0.3rem;}
.pagePation p {margin-top: 0.1rem;color: #333333; font-size: var(--font16);}
.pagePation p a {color: #666666; font-size: var(--font16);}
.pagePation p a:hover {color: #2884bb;}
.newsDate .re {position: sticky; top: 1.5rem; width: 32%; padding: 0.4rem 0.3rem;box-sizing: border-box; background: #ffffff; border-radius: 0.2rem;box-shadow: 0rem 0rem 0.4rem 0rem rgba(0,0,0,0.03); }
.newsDate .re small {color: #333333;font-size: var(--font24); font-weight: 400; padding-bottom: 0.2rem; border-bottom: 1px solid #e7e9ed;display: block;}
.newsDate .re dl {margin-top: 0.3rem;}
.newsDate .re dl dd {position: relative;}
.newsDate .re dl dd a {position: relative;display: block; margin: 0.15rem 0;color: #555555;font-size: var(--font16); padding-left: 0.15rem; display: -webkit-box;overflow: hidden;  	-webkit-line-clamp: 1;-webkit-box-orient: vertical; }
.newsDate .re dl dd::before {content: ""; width: 0.07rem; height: 0.07rem; background: #dddddd; border-radius: 50%;position: absolute; left: 0%; top: 50%; transform: translate(-50%, -50%)}
.newsDate .re dl dd:hover a {color: #2884bb;}
.newsDate .re dl dd:hover::before {background: #2884bb;}


/* ===============================招纳贤士========================== */
.careers-banner .imgBox {border-radius: 0;}
.careers-banner .more {margin-top: 1rem;}
.careers-banner a {margin: auto; width: 2.8rem;height: 0.8rem;background: linear-gradient(86deg,#287dbf 0%, #349479 100%);border-radius: 0.42rem;}
.careersOne {margin-bottom: 0.2rem; display: flex; align-items: center; justify-content: space-between; background: #f0f7fb; border-radius: 0rem 0 0rem 1.3rem;position: relative;}
.careersOne::after {z-index: -1; content: ""; position: absolute;bottom: -0.2rem;left: 20%; width: 80%; height: 80%; background: linear-gradient(85deg,#e82a7f 0%, #287dbf 49%, #349479 100%); border-radius: 0rem 1.3rem 1.3rem 1.3rem;}
.careersOne .le {width: 50%; display: flex; align-items: center; flex-direction: column; justify-content: center;}
.careersOne .le .text1 {color: #ee7a00;font-weight: 400;font-size: var(--font40);}
.careersOne .le .text2 {color: #666666;font-weight: 400;font-size: var(--font22);margin-bottom: 0.25rem;}
.careersOne .le .text3 {margin-top: 0.5rem;}
.careersOne .le .text3 span {display: block;color: #666666;font-size: var(--font18); margin-top: 0.15rem;}
.careersOne .re {width: 50%;}
.careersOne .re img {width: 100%;}

/* 招聘信息 */
.careersTwo {margin: 1rem 0; }
.careersTwo h3 {text-align: center;color: #333333;font-size: var(--font40); font-weight: normal;}
.talentTable table {width: 100%;border-collapse: collapse; white-space: nowrap;border: 1px solid #e7f0f7;}
.talentTable tr:nth-child(odd) {background: #F0F7FB;}
.talentTable tr:first-child {border-bottom: none;}
.talentTable tr td , .talentTable tr th {width: calc(100%/5); text-align: center; padding: 0 .25rem; box-sizing: border-box;}
.talentTable tr th {background: #297FB9; height: 0.65rem; font-size: var(--font18);font-weight: 400;color: #ffffff;}
.talentTable tr > td {height: .65rem;; cursor: pointer;}
.talentTable tr > td > span {font-size: var(--font16);font-weight: 400;color: #666666}
.talentTable tr > td > a {color: #297FB9;font-size:var(--font16);font-weight: 400;}
.talentTable tr:hover > td > span  {color: #297FB9;}
.talentTable tr td.lastTd {width: 0; padding: 0;}
.talentTable {overflow-x: auto; margin-top: .4rem;}
/* 简历弹出层 */
.acquisition {padding: .3rem;box-sizing: border-box; background-color: #fff; width: 55%; display: none; cursor: default;    white-space: initial;}
.acquisition .box-title {display: flex; justify-content: space-between; align-items: center;}
.acquisition .box-title h3 {font-size: var(--font24); color: #000; font-weight: bold; margin: 0; text-align: left; width: 85%;}
.acquisition .box-title span {font-size: .5rem; cursor: pointer; color: #000; line-height: 30px;}
.acquisition .time span {font-size: var(--font16); color: #666;display: inline-block; margin-right: .6rem;}
.acquisition .time {border-bottom: 1px solid #ececec; padding: .1rem 0; text-align: left;}
.acquisition .infoCon {margin-top: .25rem;  height: 38vh; overflow-y:auto; text-align: initial;}
@media screen and (min-width: 200px) and (max-width: 768px) {
.acquisition {  width: 92%;}
}


/* 联系我们 */
.contactOne {position: relative;}
.contactOne .container {max-width: 80%;width: auto;}
.contactOne .le .tle h3 {color: #333333;font-weight: 400;font-size: var(--font36);}
.contactOne .le .tle .en {color: #666666;letter-spacing: 2px;font-size: var(--font16); font-family: "OPENSANS"; text-transform: uppercase;}
.contactOne .le dl {margin: 0.5rem 0 0.4rem 0;}
.contactOne .le dl dd {display: flex;align-items: center; margin: 0.2rem 0;}
.contactOne .le dl dd .icBox {width: 0.2rem;margin-right: 0.15rem;}
.contactOne .le dl dd .icBox img {max-width: 100%;}
.contactOne .le dl dd p {color: #333333;font-weight: 400;font-size: var(--font16);}
.contactOne .le dl dd strong {color: #666666;font-size: var(--font22); color: #1873BB;}
.contactOne .le .tactCode {display: flex;align-items: center;}
.contactOne .le .tactCode span {writing-mode: vertical-rl;color: #555555;letter-spacing: 2px;font-size: var(--font14); margin-left: 0.1rem;}
.contactOne .tactBox {padding: 1.3rem 0 0.8rem 0;position: relative;}
.contactOne .boxCon {display: flex;justify-content: space-between;}
.contactOne::after {content: "";background: #f1f1f1; position: absolute; left: 0; height: 100%;top: 0; width: 42%;z-index: -1;}
.contactOne .tactBox::before {content: ""; position: absolute; height: 98%;width: 60%; background: #fff;right: 0; top: 0; z-index: -1;border-radius: 0rem 0rem 1.3rem 0rem;}
.contactOne .tactBox::after {content: "";position: absolute;height: 100%;width: 60%;right: 0;bottom: 0;  background: linear-gradient(67deg,#e82a7f 0%, #287dbf 49%, #349479 100%);border-radius: 0; z-index: -2;}
.contactOne .indexFour {margin: 0;width: 56%;}
.contactOne .indexFour .box {display: block;}
.contactOne .indexFour .box .le ,.contactOne .indexFour .box .re {width: 100%;}
.contactOne .indexFour .box .le span {margin: 0;}
.contactOne .indexFour .box .le p {margin: 0.4rem 0;margin-top: 0.2rem; width: 60%;}
.contactOne .indexFour .box .re .subinput {margin-top: 0.5rem;}
.contactTwo img {width: 100%; margin: auto;}






































/* 小圆点 */
.loadcircle {display: grid; justify-content: flex-start; gap: 0.05rem; grid-template-columns: repeat(4,auto); margin-bottom: 0.3rem;}
.loadcircle > div {width: 0.12rem; height: 0.12rem; background: none; border-radius: 50%; opacity: 1;}
.loadcircle .circle1 {background: #f6a400;}
.loadcircle .circle2 {background: #3B9DD0;-webkit-animation-delay: 126ms; animation-delay: 126ms;}
.loadcircle .circle3 {background: #BC1A4F;-webkit-animation-delay: 294ms;animation-delay: 294ms;}
.loadcircle .circle4 {background: #6AA833;-webkit-animation-delay: 462ms;animation-delay: 462ms;}

/* 了解详情按钮 */
.moreButton {display: flex; align-items: center; justify-content: center;}
.moreButton span {color: #fff; font-size: var(--font16); margin-right: 15%; transition: .5s;}
.moreButton:hover span {margin-right: 20%;}


/* 轮播图分页器 */
.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: 100px;}
.relate li { margin-bottom: 15px; position: relative;}
.relate li > a {display: flex;  align-items: center;  justify-content: center; width: 45px;height: 45px;background: #fff; 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 {position: relative;top: -1px;left: 1px;}
.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: #93bc33; 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: #93bc33; 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: 1rem;}
.slideflex ul li:nth-child(2) {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: 2rem;}
.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: 88%; 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:contain; 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);}
@media screen and (min-width: 200px) and (max-width: 640px){
  .search-page form {
      width: 90%;
      margin-bottom: 40px;
  }
}

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