/* =====头部===== */
#c-placeholder {height: 1.06rem;    min-height: 80px;}
.header {position: fixed; top: 0;width: 100%;z-index: 999; transition: .5s; border-bottom: 1px solid rgba(170, 170, 170,.18); box-sizing: border-box; transition: .5s;}
.headerBox {display: flex; justify-content: space-between;  align-items: center; height: 1.06rem;min-height: 80px;  margin: 0 .5rem 0 1rem;}
.headerLogo img {max-width: 1.64rem;}
.headerLogo img:nth-child(2) {display: none;}
nav {width: 65%;}
nav ul {display: flex; justify-content: space-between;}
nav ul > li {position: relative;}
nav ul > li > a {color: #ffffff; font-size: var(--font20); display: flex; align-items: center; line-height: 1.06rem; min-height: 80px; position: relative;}
nav ul > li > a::after {content: ""; position: absolute; width: 0; bottom: -0.015rem; left: 50%; height: 0.03rem; background: #FFFFFF; border-radius: 0.02rem; transition: .5s;}
nav ul > li:hover > a::after , nav ul > li.on > a::after {width: 100%; left: 0%;}
nav ul > li:hover > a , nav ul > li.on > a {font-weight: 700;}
.headerRe {display: flex; align-items: center;}
.searchIcon {margin-right: .6rem;}
/* 二级下拉 */
.navTwo {line-height: initial; width: max-content;position: absolute; transform: translateY(15%); left: -30%; z-index: 10;opacity: 0;pointer-events: none;transition: all 0.4s;}
.navTwo .box {display: flex; align-items: center;padding: .25rem; background: #fff;border-radius: 0.05rem;box-shadow: 0 .1rem .2rem 0 rgba(0, 0, 0, 0.15);}
.navTwo .box .navImgBox {margin-right: .4rem; border-radius: 0.1rem; overflow: hidden;}
.navTwo .box .navImgBox img {width: 100%;}
.navTwo.on {opacity: 1;pointer-events: auto; transform: translateY(0%);}
.navTwo dl {padding-right: .5rem;}
.navTwo dl dd {margin: .125rem 0;}
.navTwo dl dd a {display: flex;align-items: center; transition: .4s; color: #333;}
.navTwo dl dd a i {margin-right: .1rem;}
.navTwo dl dd a:hover {color: #2273d6;}
.proNavTwo .box {padding-right: 0; width: 90%;}
.proNavTwo dl {display: flex; flex-wrap: wrap; justify-content: space-between; padding-right: 0; width: 55%;}
.proNavTwo dl dd {width: 45% ; margin: .08rem 0;}

/* 语言下拉 */
.weblink {position: relative;padding: .2rem;box-sizing: border-box;margin: 0 -.2rem;}
.weblink > a {color: #ffffff; font-size: var(--font20);}
.weblink .luanguage {box-shadow: 0 0 10px rgb(0, 0, 0,.2); position: absolute; background: #fff; border-radius: 5px; padding: .1rem .2rem; left: -.1rem; text-align: center; transform: translateY(35%); opacity: 0; visibility: hidden; transition: .5s;}
.weblink .luanguage::before {content: "";width: 20px; height: 10px; background: #fff; clip-path: polygon(50% 0%, 0% 100%, 100% 100%);-webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%); background: #fff;    position: absolute;left: 50%;top: -5%;transform: translate(-50%, -50%);}
.weblink .luanguage a {justify-content: center;margin: .05rem 0; display: block;}
.weblink .luanguage a:hover {color: #2273D6;}
.weblink:hover .luanguage {opacity: 1; transform: translateY(25%); visibility: visible;}
/* 隐藏搜索 */
.header-sec3 {position: absolute;top: -100%; left: 0; z-index: 2; width: 100%; height: 100%; background-color: #fff;-webkit-transition: all 0.3s linear; transition: all 0.3s linear; z-index: 11;}
.header-sec3.active {top: 0;}
.header-sec3 .container {height: 100%;}
.header-sec3 .cont { height: 100%; display: flex; align-items: center; justify-content: space-between; max-width: 500px; margin: 0 auto;}
.header-sec3 .cont .form { display: flex; align-items: center; width: calc(100% - 36px); border-radius: 30px; border: 2px solid #333; padding: 0 20px; overflow: hidden;}
.header-sec3 .cont .form .f_sub {outline: none;width: 20px;border: none;background: transparent;overflow: hidden; height: 30px; cursor: pointer;}
.header-sec3 .cont .form .f_sub img {max-width: 100%;}
.header-sec3 .cont .form .int { outline: none;width: 80%;width: calc(100% - 20px);padding: 10px 0;font-size: 16px;border: none;background-color: transparent;color: #333; padding-left: 22px;}
.header-sec3 .cont .f_close { overflow: hidden; width: 20px; display: block;}
.header-sec3 .cont .f_close img {width: 100%;}

/* 头部下滑样式 */
.header.fh {background: #fff;}
.header.fh {border-color: rgba(238, 238, 238,.53);}
.header.fh .headerLogo img:nth-child(1) {display: none;}
.header.fh .headerLogo img:nth-child(2) {display: block;}
.header.fh nav ul > li > a {color: #333;}
.header.fh nav ul > li:hover > a::after ,.header.fh nav ul > li.on > a::after  {background: #2273D6;}
.header.fh .searchIcon svg path {fill: #333;}
.header.fh .weblink > a {color: #333;}
.header.fh .weblink > a svg path {fill: #333;}
.header.fh .mobmenu dl dd {background: #333;}
.header.fh .mobmenu h4 {color: #333;}

/* 公用css */
/* 滚动条 */
.headerNavScroll {scrollbar-width:thin;scrollbar-color:#3280DF #E5E5E5; overflow-y: auto;}
.headerNavScroll::-webkit-scrollbar {width: 4px;}
.headerNavScroll::-webkit-scrollbar-thumb {background: #3280DF; border-radius: 5px;}
.headerNavScroll::-webkit-scrollbar-track { background: #E5E5E5;}
/* 了解更多 */
.more1 { transition: .5s;width:1.37rem;height:0.45rem;min-width: 120px; min-height: 35px;  background: #3280DF;  border-radius: 0.4rem; color: #fff; position: relative; z-index: 1;}
.more1:before {content: ''; z-index: -1; transition: 1s; border-radius: .4rem; box-sizing: border-box;transform: scale(1); opacity: 1; width: 100%; height: 100%;background: #3280DF;   position: absolute; top: 0;right: 0;bottom: 0; left: 0;}
.more1:hover:before {transform: scale(1.2) scaleY(1.3); opacity: 0; visibility: hidden;}
.more2 {width: 1.8rem;height: 0.61rem;background: #3280DF;border-radius: 0.31rem; margin: auto; color: #fff; font-size: .18rem; transition: .35s;}
.more2 svg {margin-left: .2rem;}
.more2:hover {background: #4954ee;}

/* =====首页===== */
/* banner */
.indexBanner {}
.bannerSwiper {height: 100vh; position: relative;}
.bannerSwiper .con {text-align: center; top:34%;width: 100%; padding: 0 2%; box-sizing: border-box; width: 60%;}
.bannerSwiper .con h2 {font-size: 0.5rem;color: #ffffff;font-weight: 700; line-height: 1.2;}
.bannerSwiper .con span {font-weight: 400;color: #ffffff; font-size: var(--font22); display: block; margin-top: .3rem;}
.bannerSwiper .swiper-pagination { bottom: 5%;}
.bannerSwiper .swiper-pagination span {width: 0.06rem; height: 0.06rem; margin: 0 0.12rem !important; background: #ffffff; opacity: .5; position: relative; }
.bannerSwiper .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;}
.bannerSwiper .swiper-pagination .swiper-pagination-bullet-active {opacity: 1;}
.bannerSwiper .imgBox {height: 100%;}
.bannerSwiper .imgBox img {width: 100%;height: auto;min-height: 100%;transition: 1s linear 2s; transform: scale(1.1,1.1); object-fit: cover;}
.bannerSwiper .swiper-slide-active img , .bannerSwiper .swiper-slide-duplicate-active img {transition: 6s linear;transform: scale(1,1);}
.bannerSwiper .con a {display:block;width: 161px;height: 55px;line-height: 50px;text-align: center;border-radius:0 2rem 2rem 0;border:3px solid #fff;color:#fff;margin:0.2rem auto; margin-top: .4rem; overflow: hidden; z-index: 1; position: relative;}
.bannerSwiper .con a::after {content: ""; position: absolute; width: 0; height: 100%; background: #3280DF; left: 0; top: 0; transition: .5s; z-index: -1;}
.bannerSwiper .con a:hover::after {width: 100%; }

/* 首页内容 */
.indexMain {position: relative; z-index: 1;background: #fff;}
.indexTle em {color: #519ff8;font-weight: 400; font-size: var(--font18);}
.indexTle h3 {font-size: 0.52rem;font-weight: 700;color: #333333;}
.inOneNav .hd {display: flex; justify-content: flex-end;}
.inOneNav .hd ul {display: flex; align-items: center;}
.inOneNav .hd ul li {margin-left: .7rem; height: 42px; display: flex; align-items: center;}
.inOneNav .hd ul li:first-child {margin-left: 0;}
.inOneNav .hd ul li a {font-size: var(--font20); color: #ADADAD; position: relative; transition: .5s;}
.inOneNav .hd ul li a::after {content: ""; position: absolute; bottom: -0.08rem; left: 25%; width: 0; transition: .5s; height: 0.04rem;background: #2071d4; border-radius: 0.02rem;}
.inOneNav .hd ul li.on a {color: #2273D6; font-size: var(--font28); font-weight: 700; position: relative;}
.inOneNav .hd ul li.on a::after {width: 50%;}
.indexOne {padding: 1rem 0;}
.indexOne .bd {margin-top: .6rem;}
.indexOne .bd ul li {display: flex; justify-content: space-between; align-items: center;}
.indexOne .bd .le {width: 25%;}
.indexOne .bd .le .text {margin-top: .2rem;color: #666666;font-weight: 400; font-size: var(--font18);}
.indexOne .bd .le .more {margin-top: 1rem;}
.indexOne .bd dl {display: flex; flex-wrap: wrap; justify-content: space-between; width: 60%;}
.indexOne .bd dl dd {width: 48.2%; margin-top: .35rem;}
.indexOne .bd dl dd a {height: 100%; background: #ffffff; display: flex; box-shadow: 0.11rem 0.05rem 0.27rem 0rem rgba(203,203,203,0.39); }
.indexOne .bd dl dd .imgBox {width: 50%;}
.indexOne .bd dl dd .imgBox img {width: 100%; height: 100%; object-fit: cover;}
.indexOne .bd dl dd .ddre {width: 50%; padding: .1rem; padding-top: .5rem; position: relative; z-index: 1;}
.indexOne .bd dl dd .ddre::after {content: ""; position: absolute; -webkit-clip-path: polygon(0 70%, 0 30%, 100% 0, 100% 100%);z-index: -1; clip-path: polygon(0 70%, 0 30%, 100% 0, 100% 100%); background: #3280df; height: 100%; width: 100%; right: 0; top: 0;     transition: .5s; opacity: 0;}
.indexOne .bd .ddre h5 {color: #333333;font-weight: 400;font-size: 0.16rem; position: relative; transition: .5s; top: .2rem;}
.indexOne .bd .ddre h5::before {content: ""; width: 0.27rem; height: 0.05rem; background: #bcbcbc; border-radius: 0.02rem; position: absolute; left: 0; top: -.2rem; transition: .5s;}
.indexOne .bd .ddre .ddMore {margin-top: .3rem; width: 62px; height: 27px; background: #ffffff; border-radius: 14px;color: #519ff8; font-size: var(--font14); opacity: 0; transition: .5s;}
.indexOne .bd dl dd:hover h5 {top: 0; font-weight: 700; color: #fff;}
.indexOne .bd dl dd:hover h5::before {opacity: 0;}
.indexOne .bd dl dd:hover .ddre::after {clip-path: polygon(0 100%, 0 0%, 100% 0, 100% 100%); opacity: 1;}
.indexOne .bd dl dd:hover .ddMore {opacity: 1;}

.indexTwo {position: relative; background-size: cover; padding: 1rem 0;background: #ecf1f4;}
.indexTwo .box {width: 50%; padding-right: .85rem;}
.indexTwo .box .text {margin: .6rem 0 .9rem 0;}
.indexTwo .box .text p {color: #666666; font-size: var(--font17);line-height: 1.8;}
.indexTwo .imgBox {position: absolute;right: 0; top: 0; width: 50%; height: 100%; overflow: hidden;}
.indexTwo .imgBox > img {display: block; width: 100%; height: 100%; object-fit: cover;}
.posterBg i {display: flex; justify-content: center; cursor: pointer; align-items: center; width: 0.76rem; height: 0.76rem;background: #ffffff; border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 1;}
.posterBg i::after {content: ""; width: 100%; height: 100%; background: #fff; opacity: .3; position: absolute; left: 0; top: 0; border-radius: 50%; z-index: -1; animation: shubiao2 1s infinite linear .65s;}
.posterBg i img {max-width: 25%;}

.indexThree {padding-bottom: .5rem;}
.indexThree .indexTle {text-align: center; padding: .7rem 0;}
.inThreSwiper {padding-bottom: .8rem;}
.inThreSwiper .swiper-slide {background: #f5f5f5; height: auto;}
.inThreSwiper .con {padding: .3rem .2rem .4rem .2rem; box-sizing: border-box;}
.inThreSwiper .con h5 {font-weight: 700;color: #333333; font-size: var(--font19);}
.inThreSwiper .con p {color: #666666;font-weight: 400; margin-top: .2rem;}
.inThreSwiper .con .time {color: #999999;margin-top: .4rem;}
.inThreSwiper .imgBox {overflow: hidden;}
.inThreSwiper .imgBox img {transition: .5s; width: 100%;}
.inThreSwiper .swiper-slide:hover .imgBox img {transform: scale(1.1);}
.indexFour {background: url(../images/indexFour-bj.jpg) no-repeat center; background-size: cover; padding: 1.2rem 0 1.6rem 0; position: relative;}
.indexFour .c-yun-box {position: absolute;right: 0; width: 50%; top: 0;z-index: 3;height: 100%;animation: yunMove 100s infinite linear;}
.indexFour .c-yun-box img {float: left;width: 50%;height: 100%;}
@-webkit-keyframes yunMove {0% {right: 0;}100% {right: -100%;}}
@keyframes yunMove {0% {right: 0;}100% {right: -100%;}}
.indexFour .text {width: 45%;}
.indexFour .text p {color: #777777;font-weight: 400; margin-top: .1rem;}
.indexFour .more {margin-top: .5rem;}
.indexFour ul {display: flex; margin-top: 1.2rem;}
.indexFour ul li {margin-right: 1rem;}
.indexFour ul li:last-child {margin-right: 0;}
.indexFour ul .num {display: flex; align-items: flex-end;}
.indexFour ul .num .counter {font-size: 0.78rem;color: #2071d4;font-weight: 700;  font-family: "DINBold"; line-height: .78rem;}
.indexFour ul .num .jia {font-size: 0.3rem;color: #2f7bd8;}
.indexFour ul li span {color: #666666;}

/* 底部 */
.footer {background: #333333;}
.foterTop {border-bottom: 1px solid rgba(255, 255, 255,.12); padding: .2rem 0; display: flex; justify-content: space-between;}
.foterTop .footerlogo {margin-top: .1rem;}
.foterTop ul {display: flex;align-items: center; margin-top: .1rem;}
.foterTop ul li {margin-left: .25rem; position: relative;}
.foterTop ul li a { width:44px;height: 44px; background: rgba(0, 0, 0,.28); border-radius: 50%; display: flex; align-items: center; justify-content: center; position: relative; transition: .5s;}
.foterTop ul li a svg {max-width: 65%; object-fit: contain; }
.foterTop ul li a svg path {fill: #fff;opacity: .7;}
.foterTop ul li .codeBox {position: absolute; left: 50%; top: 120%; transform: translate(-50%, 0); box-sizing: border-box;  z-index: 1; padding-top: .1rem; opacity: 0; visibility: hidden;}
.foterTop ul li .code {position: relative;padding: .05rem; background: #fff; border-radius: 5px;}
.foterTop ul li .code img {max-width: 1rem; max-height: 1rem;}
.foterTop ul li .code::after {content: ""; display: block; width: 0px;height: 0px; border: 8px solid transparent; border-bottom-color: #fff;position: absolute; top: -13px; left: 50%; margin-left: -8px;}
.foterTop ul li:hover .codeBox {opacity: 1; visibility: visible; transition: .5s;  top: 100%;}
.foterTop ul li:hover a { background: #fff;}
.foterTop ul li:hover a svg path {opacity: 1; fill: revert-layer;}

.foternavus {display: flex; justify-content: space-between; }
.foternav {padding: .5rem 0; display: flex; width: 72%; justify-content: flex-start;flex-wrap: wrap; padding-right: 0; border-right: 1px solid rgba(255, 255, 255,.12);}
.foternav dl {width: 33%; padding-right: 1%; box-sizing: border-box; margin-top: .2rem;}
.foternav dl dt {margin-bottom: .45rem;}
.foternav dl dt a {color: #ffffff; font-size: var(--font18); font-weight: 700; position: relative; padding-bottom: .25rem;}
.foternav dl dt a::after {content: "";width: 25%; height: 0.03rem; background: #ffffff;bottom: 0; left: 0; position: absolute;}
.foternav dl dd a {display: block;margin: .1rem 0;color: rgba(255, 255, 255,.69); font-size: var(--font15);}
.foternav dl dd a:hover {color: #fff;}
.foterus {padding: .5rem 0;}
.foterus .con {text-align: right;}
.foterus .con em {color: #ffffff; font-size: var(--font18); font-weight: 700;}
.foterus .con b {display: block;color: #ffffff;font-weight: 400; font-size: var(--font28); font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;}
.foterus .email {margin-top: .4rem;}
.foterus span {color: #ffffff;font-size: var(--font15);}
.foterus .emailBox a {color: #ffffff;}
.foterLinks {margin-left: auto; margin-top: .5rem; cursor: pointer; width: 2.51rem; min-width: 200px; height: 0.55rem; min-height: 45px; background: rgba(0, 0, 0,.25); padding: 0 .3rem; position: relative;}
.foterLinks span {color: #ffffff;}
.foterLinks .linksBox {position: absolute; text-align: left; display: none; width: 100%; background: #fff; left: 0; top: 100%; padding-left: .2rem; border: 1px solid #eee;}
.foterLinks .linksBox dd a {font-size: var(--font14); color: #333; display: block; margin: 0.05rem 0;}
.foterLinks .linksBox dd a:hover {color: #0A6FB7;}
.copyright {padding: .25rem 0;  border-top: 1px solid rgba(255, 255, 255,.12);}
.copyright p , .copyright p a {color: rgba(255, 255, 255,.7); font-size: var(--font15);}
.copyright p a:hover {color: #fff;}



/* =========================================================================================内页============================================================================ */
/* 内页banner */
.ny-banner {position: relative; overflow: hidden;}
.ny-banner .imgBox img {width: 100%;}
.ny-banner .con {width: 100%; padding: 0 2%; box-sizing: border-box; text-align: center;}
.ny-banner .tle {display: inline-block; position: relative;}
.ny-banner .tle h2 {font-size: 0.6rem;font-weight: 700;color: #ffffff; line-height: .7rem;}
.ny-banner .tle h3 {position: absolute; left: 50%; text-transform: uppercase; top: 100%; white-space: nowrap; transform: translate(-50%, -50%); font-size: 0.6rem;line-height: .7rem; font-family: Arial, Arial-Bold;font-weight: 700;color: rgba(255, 255, 255,.15); }
.bannernav {margin-top: .6rem;}
.bannernav ul {display: flex; justify-content: center;}
.bannernav ul li {margin-right: .4rem;}
.bannernav ul li:last-child {margin-right: 0;}
.bannernav ul li a {width: auto; padding: 0 .2rem; height: 0.55rem; min-height: 40px; min-width: 130px; border: 1px solid #ffffff;border-radius: 30px;}
.bannernav ul li a {color: #ffffff; font-size: var(--font17); display: flex; align-items: center; justify-content: center; transition: .5s;}
.bannernav ul li:hover a , .bannernav ul li.on a {background: #2672d0; border-color: #2672d0;}

/* 内页手机端导航 */
.nynavlist {padding: .3rem 0; display: none;}
.nynavlist ul {display: flex; flex-wrap: wrap;}
.nynavlist ul li {width: 50%;border: 1px solid #eee; text-align: center; margin-top: -1px; margin-left: -1px;}
.nynavlist ul li a {display: block; padding: .3rem .1rem;}
.nynavlist ul li.on a {background: #2672d0; color: #fff;}

/* =====关于我们===== */
.aboutTle {text-align: center;}
.aboutTle h3 {font-size: 0.46rem;font-weight: 700;color: #333333;}
.aboutTle span {font-weight: 400;color: #2672d0; font-size: var(--font26);}
.aboutTle .en {color: #ffffff;font-weight: 400; font-size: var(--font24); font-family: Arial, Helvetica, sans-serif; text-transform: uppercase;}

.aboutOne {padding: 1rem 0; padding-top: .7rem;}
.aboutOne .aboutTle {text-align: center;}
.aboutOne .text {  width: 80%; margin: auto; margin-top: .4rem;}
.aboutOne .text p {font-weight: 400;color: #666666; line-height: 1.8; text-indent: 2em}
.aboutOne ul {display: flex; justify-content: space-between; margin: auto; margin-top: 1rem; width: 86%;}
.aboutOne ul li .num {display: flex; align-items: flex-end; justify-content: center;}
.aboutOne ul li .counter {font-size: 0.78rem;font-weight: 700;color: #2071d4;  font-family: "DINBold"; line-height: .7rem;}
.aboutOne ul li span {font-size: 10px; margin-left: .1rem;color: #fff;  width: 0.35rem; height: 0.35rem; min-width: 30px; min-height: 30px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: #2071d4;}
.aboutOne ul li span.jia {font-size: 0.3rem; padding-bottom: .03rem; font-weight:400;}
.aboutOne ul li .m2 {font-size: 0.39rem;color: #2071d4;font-weight: 700;  font-family: "DINBold"; line-height: 1.1;}
.aboutOne ul li sup {font-size: 0.24rem;}
.aboutOne ul li .disc {display: block; text-align: center; color: #666666;margin-top: .15rem; font-size: var(--font18);}

.aboutTwo {background: url(../images/aboutTwo-bj.jpg) no-repeat center; background-size: cover; padding: .7rem 0 2rem 0; background-attachment: fixed;}
.aboutTwo .aboutTle h3 {color: #fff;}
.aboutTwo ul {margin-top: .7rem; display: flex; justify-content: space-between;}
.aboutTwo ul li {width: 30%;background: rgba(255, 255, 255,.65);border-radius: 0.1rem; padding: .5rem .2rem .8rem .2rem; box-sizing: border-box; text-align: center; transition: .5s;}
.aboutTwo ul li .icBox {width: 0.81rem;height: 0.81rem;background: #2672d0; border-radius: 50%; margin: auto; transition: .5s;}
.aboutTwo ul li .icBox img {max-width: 60%;}
.aboutTwo ul li span {margin: .15rem 0; display: block; font-size: var(--font18); color: #666666;}
.aboutTwo ul li .smTle p {font-weight: 700; font-size: var(--font24); text-align: left}
.aboutTwo ul li:hover {transform: translateY(-10px);}
.aboutTwo ul li:hover .icBox {transform: rotateY(180deg);}
.aboutTwo ul {display: none;}
.aboutTwo dl {margin-top: .5rem;display: flex;justify-content: space-between;}
.aboutTwo dl dd {display: flex;align-items: center;}
.aboutTwo dl dd .icBox {width: 0.81rem;height: 0.81rem;background: #2672d0;border-radius: 50%;margin: auto;transition: 0.5s;}
.aboutTwo dl dd .icBox img {max-width: 50%;}
.aboutTwo dl dd span {color: #fff;margin-left: 0.2rem;font-size: var(--font18);}

.abTwoSwiperThum {margin-top: .5rem;}
.abTwoSwiperThum .swiper-wrapper {justify-content: center;}
.abTwoSwiperThum .swiper-slide {width: auto; margin-right: 14%; cursor: pointer;}
.abTwoSwiperThum .swiper-slide:last-child {margin-right: 0 !important;}
.abTwoSwiperThum .slideBox {display: flex;align-items: center;}
.abTwoSwiperThum .icBox {width: 0.81rem;height: 0.81rem;background: #2672d0;border-radius: 50%;margin: auto;transition: 0.5s;}
.abTwoSwiperThum .icBox img {max-width: 60%;}
.abTwoSwiperThum .swiper-slide span {color: #fff;margin-left: 0.2rem;font-size: var(--font18);}

.abTwoSwiper {border-radius: .2rem; margin-top: .8rem; }
.abTwoSwiper .swiper-slide {display: flex; height: auto;}
.abTwoSwiper .imgBox {width: 50%; overflow: hidden;}
.abTwoSwiper .imgBox img {width: 100%; height: 100%; object-fit: cover; min-height: 360px;}
.abTwoSwiper .con {width: 50%;position: relative; z-index: 1; padding: 1rem .2rem 1.5rem .5rem;}
.abTwoSwiper .con::after {content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(255, 255, 255,.7);  filter: blur(20px); z-index: -1;}
.abTwoSwiper .con span {color: #2672d0; font-size: var(--font18); display: block;}
.abTwoSwiper .con h5 {font-size: var(--font24); color: #333; margin-top: .2rem; font-weight: 900;}
.abTwoSwiper .swjt {width: 50px; height: 50px; border-radius: 50%; background: none; border: 1px solid #a6a6a6; right: 0;top:auto; bottom: .5rem; transition: .5s;}
.abTwoSwiper .swjt svg path {fill: #a6a6a6;}
.abTwoSwiper .swjt:hover {background: #fff; border-color: #fff;}
.abTwoSwiper .swjt.swiper-button-prev {left: calc(50% + .5rem); transform: rotate(180deg); }
.abTwoSwiper .swjt.swiper-button-next {left: calc(50% + .5rem); right: auto; transform: translateX(100%); margin-left: .2rem;}

.aboutThree {padding: .7rem 0 1rem 0;background: url(../images/aboutThree-bj.jpg) no-repeat center; background-size: cover; }
.aboutThree .aboutTle .en {color: #d4d4d4;}
.aboutThree .swiperBox {position: relative; padding-bottom: 1.5rem;}
.abthreSwiper {margin-top: .8rem; position: static;}
.abthreSwiper .swiper-slide {background: #fff;}
.abthreSwiper .swiper-slide .imgBox {padding: .3rem .2rem; overflow: hidden; display: flex; align-items: center; justify-content: center; position: relative;}
.abthreSwiper .swiper-slide .imgBox img {max-width: 100%;}
.abthreSwiper .swiper-slide .imgBox i {font-style: normal;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) scale(0); z-index: 1; opacity: 0; transition: all 0.4s;transition-delay: 0.2s;}
.abthreSwiper .swiper-slide .imgBox i {min-width: 40px;min-height: 40px;width: 0.6rem;height: 0.6rem; background: #2672d0; border-radius: 0.1rem;box-shadow: 0.03rem 0.09rem 0.5rem 0rem rgba(0,0,0,0.38);}
.abthreSwiper .swiper-slide:hover .imgBox i {opacity: 1;transform: translate(-50%,-50%) scale(1);}
.abthreSwiper .con {padding: .2rem 0; margin: 0 .2rem; border-top: 1px solid #e8e8e8; display: flex; justify-content: space-between;}
.abthreSwiper .con h6 {color: #333; font-size: var(--font15);}
.abthreSwiper .con svg {flex-shrink: 0;}
.abthreSwiper .swiper-slide:hover h6 {color: #0A6FB7;}
.abthreSwiper .swiper-slide:hover .con svg path {fill: #2071d4;}
.abthreSwiper .swjt {bottom: 0; transition: .5s; transform: translateX(40%); left: 50%; top: auto; width: 0.66rem;height: 0.66rem;border: 0.01rem solid #cccccc;min-width: 40px;min-height: 40px; border-radius: 50%;}
.abthreSwiper .swjt.swiper-button-prev {transform: rotate(180deg) translateX(140%);}
.abthreSwiper .swjt svg {max-width: 50%;}
.abthreSwiper .swjt:hover {background: #2071d4;}
.abthreSwiper .swjt:hover svg path {fill: #fff;}

.aboutFour {background: url(../images/aboutFour-bj.jpg) no-repeat center; background-size: cover; background-attachment: fixed; padding: 1.4rem 0 3.7rem 0;
    display: none;} 
.aboutFour .aboutTle h3 {color: #fff;}
.aboutFour .con p {color: #fff; width: 70%; margin: .5rem auto; text-align: center; line-height: 1.8;}
.aboutFour .more {display: flex; justify-content: center;}

/* =====产品中心===== */
.prolist-banner .con {text-align: center; top: 38%;}
.prolist-banner .tle2 h2 {color: #fffefe; font-size: var(--font36);}
.prolist-banner .tle2 h3 {font-size: 0.6rem;font-weight: 700;color: #fffefe;}

.prolist .container {position: relative;}
.prolist .container::after { content: "";position: absolute; height: 100%; width: 1px; background: #EEEEEE; top: 0; left: 23%;}
.prolist .box {display: flex;justify-content: space-between; align-items: flex-start;}
.proSearch { min-height: 50px; height: 0.6rem; padding: 0 .2rem; box-sizing: border-box; background: #f5f5f5; position: relative;}
.proSearch form {height: 100%;}
.proSearch input {height: 100%; padding-right: .3rem; width: 100%; font-size: var(--font15);}
.proSearch button {cursor: pointer; position: absolute; left: 100%; top: 50%; transform: translate(-100%, -50%); padding-right: .15rem;}
.prolist .le .fgxian {height: 1px; background: #eeeeee; display: block; margin: .5rem 0;}
.prolist .le {padding: 1rem 0;width: 18%;position: sticky; top: .6rem;}
.pronlistav h3 {font-size: 0.26rem;font-weight: 700;color: #3280df;}
.pronlistav ul {margin-top: .3rem;}
.pronlistav li {position: relative; z-index: 1; margin-top: 1px;}
.pronlistav li::after {content: ""; width: 0; background: #3280DF; height: 100%; position: absolute; left: -10%; top: 0; z-index: -1; border-radius: 50px; transition: .5s;}
.pronlistav li a {display: flex; justify-content: space-between; align-items: center; color: #333; padding: .15rem 0; font-size: var(--font17);  border-bottom: 1px solid #EEEEEE; transition: .35s;}
.pronlistav li a svg {opacity: 0; visibility: hidden; transition: .5s;}
.pronlistav li:hover::after , .pronlistav li.on::after {width: 120%;}
.pronlistav li:hover a , .pronlistav li.on a {color: #fff; border-color: transparent;}
.pronlistav li:hover svg , .pronlistav li.on svg {opacity: 1; visibility: visible; transition-delay: .5s;}
.prolist .re {padding: 1rem 0; width: 73%;}
.prolist .re ul {display: grid; grid-template-columns: repeat(3,1fr);gap: .3rem;}
.prolist .re li {padding: .7rem .4rem .4rem; background: url(../images/prolist-img-bj.jpg) no-repeat center; background-size: cover;border-radius: 0.1rem; overflow: hidden;}
.prolist .re li .imgBox {display: flex; align-items: center; justify-content: center; position: relative;}
.prolist .re li .imgBox img {max-width: 100%; transition: .5s;}
.prolist .re li span {text-align: center;color: #333333; font-size: var(--font18);font-weight: 400; display: block; margin-top: .5rem;}
.prolist .re li .hide {opacity: 0; visibility: hidden; position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: flex; align-items: center; justify-content: center; transition: all .5s;}
.prolist .re li .hide .jtBox {color: #fff; font-size: var(--font36); padding-bottom: .05rem; width: 0.6rem; height: 0.6rem;opacity: 0.9; background: #3280DF; border-radius: 0.1rem; display: flex; align-items: center; justify-content: center;transform: scale(0); transition: .5s;}
.prolist .re li:hover .hide {opacity: 1; visibility: visible;}
.prolist .re li:hover .hide .jtBox {transform: scale(1);}
.prolist .re li:hover .imgBox img {opacity: .5;}
.prolist .re li:hover span {color: #3280DF; font-family: "PFBold";}

/* 产品详情 */
.mbx {display: inline-flex;}
.mbx a {color: #666666;}
.mbx a:first-child { display: inline-flex;align-items: flex-start;}
.mbx img {margin-right: .1rem;}
.mbx a:hover {color: #3280DF;}

.dateOne { padding: 0 11% 0 7%; box-sizing: border-box; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.dateOne .le {height: 100%; display: flex; align-items: center;}
.dateOne .le h3 {height: 100%; display: flex; align-items: center; padding-right: 1.13rem; position: relative; color: #fff; font-size: var(--font20);font-weight: 700;height: 1rem;}
.dateOne .le h3::after {content: ""; right: 0; width: 100vw; height: 100%; position: absolute; top: 0; background: #3280df; z-index: -1;}
.dateOne .le dl {position: relative; cursor: pointer; padding: 0 .4rem 0 .6rem; width: auto; border-right: 1px solid #F3F3F3; height: 100%;display: flex;align-items: center;height: 1rem;}
.dateOne .le dt {justify-content: space-between; width: 100%; font-size: var(--font20);color: #333333;}
.dateOne .le dl dt svg {margin-left: .35rem;}
.dateOne .le dl dd {display: none; position: absolute;left: 0px; background: #fff; border: 1px solid #3280DF; width: 100%;z-index: 1;     top: 100%;}
.dateOne .le dl dd a {display: block;text-align: center;display: block;padding: 0.1rem 0;font-size: var(--font16);transition: .5s;}
.dateOne .le dl dd a:hover {background: #3280DF;color: #fff;}
.dateOne .re {margin-top: .1rem;}

.dateTwo {background: #f3f3f3;padding: .8rem 0;}
.dateTwo .box {display: flex; justify-content: space-between; align-items: center;}
.dateTwo .imgBox {width: 40%; height: 4.92rem; background: #ffffff; border-radius: 0.2rem; box-shadow: 0rem 0rem 0.4rem 0rem rgba(3,0,0,0.05); padding: .6rem;}
.dateTwo .imgBox img {max-width: 100%;}
.dateTwo .con {width: 56%; padding-right: 10%; box-sizing: border-box;}
.dateTwo .con h3 {font-size: 0.45rem;font-weight: 700;color: #333333; line-height: 1.25;}
.dateTwo .disc {margin-top: .3rem;}
.dateTwo .disc em {color: #3280DF; font-size: var(--font20);font-weight: 700; margin-bottom: .1rem; display: block;}
.dateTwo .disc .text p {color: #666666; line-height: 1.7;}

.dateTwo .con .more {margin-top: .3rem;;}
.dateTwo .con .more a {z-index: 0; height: 100%; position: relative; overflow: hidden;  width: 1.7rem; height: .55rem; min-width: 120px; min-height: 32px; background: #3280DF; border-radius: 3px; text-align: center; color: #fff; }
.dateTwo .con .more a:before {content: "";position: absolute;width: 0;height: 100%;left: 50%;top: 0;z-index: -1;opacity: 2;transition: all 0.4s;}
.dateTwo .con .more a:before {background: #1455a5;}
.dateTwo .con .more a:hover:before{width: 100%;left: 0;opacity: 1;}

.dateThree {padding: 1rem 0 1.2rem 0;}
.dateThree .box {display: flex; justify-content: space-between; align-items: flex-start;}
.dateThree .box .le {width: 62%;}
.dateThree .box .re {width: 24%; position: sticky; top: 1.3rem;}
.dateThree .tle {padding-bottom: .3rem; border-bottom: 1px solid #DDDDDD;}
.dateThree .tle h3 {font-size: var(--font30);color: #333333; position: relative; padding-left: .25rem; font-weight: 700;}
.dateThree .tle h3::before {content: ""; height: 80%;width: 0.1rem;background: #3280DF; position: absolute; left: 0; bottom: 0%;border-radius: 0.05rem;}
.dateThree .infoCon {margin:.2rem 0; overflow: hidden;}
.dateThree .infoCon img {max-width: 100%;}
.dateThree .re .tle {padding: 0; border: 0;}
.dateThree .re .tle h3 {padding-left: 0;}
.dateThree .re .tle h3::before {display: none;}
.dateThree .re ul li {background: #ffffff; border-radius: 10px; margin-top: .2rem; box-shadow: 0rem 0rem 0.2rem 0rem rgba(82,82,82,0.07); }
.dateThree .re ul li a {display: flex;align-items: center; justify-content: space-between; padding: .3rem .15rem; box-sizing: border-box;}  
.dateThree .re ul li .imgBox {width: 50%; display: flex; align-items: center; justify-content: center;}
.dateThree .re ul li .imgBox img {max-width: 100%;}
.dateThree .re ul li .recon {width: 40%;}
.dateThree .re ul li h6 {color: #333333; font-size: var(--font20); transition: .35s; font-weight: 700;}
.dateThree .re ul li span {color: #3280DF; font-size: var(--font14); margin-top: .35rem; display: block;}
.dateThree .re ul li:hover h6 {color: #3280DF;}


/* =====全球服务===== */
.globalTle {text-align: center; padding: .8rem 0;}
.globalTle h3 {font-size: 0.46rem;font-weight: 700;color: #333333;}
.globalTle span {display: block;margin: auto; margin-top: .1rem;color: #666666;line-height: 1.7;text-align: left;}
.globalOne {padding-bottom: 1rem;}
.globalOne .globalTle span {width: 75%;}
.globalOne .mapBox {display: inline-block; margin: auto; margin-left: 4%; position: relative;}
.globalOne .mapBox > img {max-width: 100%;}
.globalOne .mapBox dl dd {position: absolute;width: 2%;height: auto;}
.globalOne .mapBox dl dd img {max-width: 100%;}
.globalOne .mapBox dl dd:nth-child(1) {left: 19%;top: 5%;}
.globalOne .mapBox dl dd:nth-child(2) {left: 19%;top: 40%;}
.globalOne .mapBox dl dd:nth-child(3) {left: 37%;top: 12%;}
.globalOne .mapBox dl dd:nth-child(4) {left: 41%;top: 29.5%;}
.globalOne .mapBox dl dd:nth-child(5) {left: 43.7%;top: 40%;}
.globalOne .mapBox dl dd:nth-child(6) {left: 47%;top: 23%;}
.globalOne .mapBox dl dd:nth-child(7) {left: 66%;top: 18%;}
.globalOne ul {display: flex; justify-content: space-around; align-items: center; margin-top: .2rem; margin: 0 8%;}
.globalOne ul li {display: flex; align-items: center;}
.globalOne li .counter {font-size: 0.6rem;color: #2071d4;  font-family: "DINBold"; margin: 0 .1rem;}
.globalOne li .jia {font-size: 0.3rem;color: #2f7bd8; line-height: .4rem;}
.globalOne li span {color: #666666;font-weight: 400;}

.globalTwo ul li{}
.globalTwo {background: url(../images/globalTwo-bj.jpg) no-repeat center; background-size: cover; padding-bottom: 1.3rem;}
.globalTwo ul {display: flex; justify-content: space-between;margin-top: .3rem;}
.globalTwo ul li {position: relative;padding: .8rem .4rem .6rem .4rem; text-align: center; display: block;width: 22%;background: #ffffff;border-radius: 0.2rem; box-shadow: 0rem 0rem 0.4rem 0rem rgba(3,0,0,0.05);transition: .5s; }
.globalTwo ul li .icBox {position: absolute; left: 50%; top: 0%; transform: translate(-50%, -50%);width: 1.06rem; height: 1.06rem; background: #ffffff; box-shadow: 0rem 0rem 0.29rem 0rem rgba(3,0,0,0.05);border-radius: 50%; }
.globalTwo ul li .icBox img {max-width: 50%;}
.globalTwo ul li h5 {color: #333333;font-weight: 700;font-size: var(--font24);}
.globalTwo ul li p {margin-top: .2rem;color: #666666;line-height: 1.7;}
.globalTwo ul li:hover {transform: translateY(-.1rem);}

.globalThree {background: url(../images/globalThree-bj.jpg) no-repeat center; background-size: cover; padding-bottom: 1rem;}
.globalThree .globalTle {padding-bottom: .4rem;}
.globalThree .globalTle h3 {color: #fff;}
.globalThree .globalTle span {color: #fff;}
.globalThree .box {width: 820px; margin: auto; max-width: 100%;}
.globalThree .box .formBox {display: flex; flex-wrap: wrap; justify-content: space-between;}
.globalThree .box form label {color: #F5F5F5;font-weight: 400;margin-bottom: .1rem; display: block;}
.globalThree .box form label em {color: #FF3B3B; margin-top: .05rem;position: relative;display: inline-block;}
.globalThree .box form .inBox {width: 48%; margin-top: .2rem;}
.globalThree .box form .inBox input {width: 100%;height: 50px;padding: 0 .1rem;box-sizing: border-box; background: rgba(255, 255, 255,.22);border-radius: 5px; color: #fff;}
.globalThree .box form .inBox.textBox {width: 100%;}
.globalThree .box form .inBox.textBox textarea {width: 100%;background: rgba(255, 255, 255,.22);border-radius: 5px; border: 0; color: #fff; padding: .1rem; box-sizing: border-box; resize: none; min-height: 100px;}
.globalThree .box form .sub {margin-top: .3rem; display: flex; justify-content: center;}
.globalThree .box form .sub button {cursor: pointer;width: 1.65rem;height: 0.5rem; min-width: 100px; min-height: 35px;  background: #00a1e9; border-radius: 25px;color: #fff;}
.globalThree .box form .sub button:active {background: #2071d4;}

/* =====人才招聘===== */
.talent-banner .con {top: 38%;}
.talent-banner .tle3 h2 {font-size: 0.6rem;font-weight: 700;color: #ffffff;}
.talent-banner .tle3 h3 {font-size: 0.28rem;color: #ffffff;}
.talent-banner .banBox {width: 52%; top:auto;bottom: 5%;}
.talent-banner .banBox ul {display: flex; justify-content: space-between;}
.talent-banner .banBox ul li {background: rgba(255, 255, 255,.17); width: 46%;backdrop-filter: blur(5px);position: relative;z-index: 1;border: 1px solid rgba(255,255,255,0.19);border-radius: 5px;overflow: hidden; transition: .5s;}
.talent-banner .banBox li .icBox {height:.5rem}
.talent-banner .banBox li .icBox img {max-height: 100%;}
.talent-banner .banBox li a {padding:.3rem .4rem; box-sizing: border-box; }
.talent-banner .banBox li b {color: #F8F8F8; font-size: .26rem; margin-top: .2rem; display: block; transition: .5s;}
.talent-banner .banBox li .jt {width: 0.36rem;height: 0.36rem;min-width: 25px; min-height: 25px; border: 2px solid #fff; border-radius: 50%;}
.talent-banner .banBox li:hover {backdrop-filter: none;}

.talentOne {padding-bottom: 1.4rem;}
.talentOne ul {display: flex; flex-wrap: wrap; justify-content: space-between;}
.talentOne ul li {margin-top: .2rem; width: 35.5%;position: relative;background: #232323;border-radius: 0.15rem;overflow: hidden;}
.talentOne ul li img {width: 100%;height: 100%; object-fit: cover; transition: .5s;}
.talentOne ul li span {position: absolute;top: 15%;left: 7%;font-size: 0.3rem;color: #ffffff; z-index: 1;}
.talentOne ul li:hover img {transform: scale(1.1);}
.talentOne ul li:nth-child(1) {width: 63%;}
.talentOne ul li:nth-child(4) {width: 63%;}

/* =====解决方案===== */
.solu-banner .con {width: 1600px; text-align: left; top: 80%; max-width: 92%;}
.solu-banner .tle4 h2 {font-size: 0.59rem;font-weight: 700;color: #fffefe;}
.solu-banner .tle4 .text {width: 40%; margin: auto;   padding-top: .2rem;color: #fffefe; font-size: var(--font18);line-height: 1.7; display: none;}

.solunav {background: #f5f5f5;}
.solunav .container {width: 1300px;}
.solunav ul {display: flex; width: 110%; margin-left: -5%;}
.solunav ul li {width: calc(100% / 4); border-left: 3px solid #fff; height: 1rem; position: relative; overflow: hidden; text-align: center;}
.solunav ul li a {display: block; height: 100%; width: 100%;display: flex; align-items: center; justify-content: center;}
.solunav ul li a {color: #333333; transition: .5s;}
.solunav ul li:last-child {border-right: 3px solid #fff;}
.solunav ul li::before {content: ""; position: absolute;width: 0; right: 0; top: 0;height: 0.03rem; background: #3280df; transition: .5s;}
.solunav ul li:hover::before , .solunav ul li.on::before {width: 100%; right: auto; left: 0;}
.solunav ul li:hover a , .solunav ul li.on a {background: #fff; color: #3280DF; font-weight: 700;}

.soluOne {padding: 1rem 0 .5rem 0;}
.soluOne h3 {font-size: 0.48rem;font-weight: 700;color: #333333;}
.soluOne .text {padding-top: .4rem; ;}
.soluOne .text p {color: #666666;font-weight: 400; font-size: var(--font18); line-height: 1.7;}
.soluOne .more {display: flex; justify-content: flex-start; margin-top: .5rem;}
.soluOne .more .arrow {width: 0.79rem;height: 0.79rem; min-width: 55px; min-height: 55px; border: 1px solid rgba(209, 209, 209,.3); border-radius: 50%;}
.arrow {}
.arrow img {display: block; opacity: 0; animation: arrow-animation 2s linear infinite; margin-top: -6px;}
.arrow .jt1 {animation-delay: 0s; transform: scale(.25);}
.arrow .jt2 {animation-delay: .5s;transform: scale(.5);}
.arrow .jt3 {animation-delay: 1s;transform: scale(.75);}
@keyframes arrow-animation {0% {opacity: 0;}33.33% {opacity: 1; }100%{opacity: 0;}}

.soluOne .container {width: 1250px;}
.soluOne .box {display: flex; justify-content: space-between; align-items: center;}
.soluOne .box .le {width: 50%; text-align: left;}
.soluOne .box .re {width: 45%; border-radius: .2rem; overflow: hidden;}
.soluOne .box .re img {width: 100%;}





.soluTwo {background: #f5f5f5;width: 100%; height: 42vw;position: relative;overflow: hidden;}
.soluTwo .tle {position: absolute;top: 5.2vw;left: 50%;z-index: 10;text-align: center; transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%);}
.soluTwo .tle span {font-size: 0.24rem;font-weight: 400;color: #408de5; display: block;}
.soluTwo .tle h3 {font-size: 0.46rem;font-weight: 700;color: #333333;}
.soluTwo .box {height: 100%;}
.solution-n {width: 100%;height: 100%; overflow: hidden; text-align: center; font-size: 0;}
.solution-nul {display: inline-block;height: 100%; font-size: 0;vertical-align: top;white-space: nowrap !important;padding-left: 7.3vw;position: relative; transition: all .5s .5s; -webkit-transition: all .5s .5s;}
.fnt18 {font-size: 0.9375vw;line-height: 1.8;}
.fnt14 {font-size: 0.72916vw;line-height: 1.8;}
.fnt16 { font-size: 0.83333vw;line-height: 1.8;}
.fnt30 {font-size: 1.5625vw;}
.solution-nimg1 {height: 10.45vw;position: absolute;right: 103%;top: 50%;margin-right: -5vw;transform: translateY(-50%);-ms-transform: translateY(-50%);-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.solution-nimg2 { height: 10.45vw;position: absolute;left: 103%;top: 50%;margin-left: -5vw;transform: translateY(-50%);-ms-transform: translateY(-50%);-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.solution-nli {width: 7.3vw;height: 100%;display: inline-block;vertical-align: top;position: relative;border-left: 1px solid rgba(209, 209, 209,.3);transition: all .5s .5s; -webkit-transition: all .5s .5s;}
.solution-nli:last-child .solution-n3 {display: none;}
.solution-n12 {width: 3.4vw;height: 11.72vw;border-radius: 1.7vw;border: 1px solid #d5d5d5;background: #fff;position: absolute;left: -1.7vw;top: 50%;padding: 0 1.2vw;padding-top: 4.5vw;line-height: 1.3;cursor: pointer;z-index: 5;transform: translateY(-50%);-ms-transform: translateY(-50%);-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);transition: all .5s;-webkit-transition: all .5s; color: #333;white-space: normal;}
.solution-n2 {width: calc(100% + 2px);line-height: 3.4vw;border-radius: 100%;border: 1px solid #d5d5d5;background-color: #fff;color: #333;position: absolute;top: -1px;left: -1px;transition: all .5s;-webkit-transition: all .5s;}
.solution-n3 { width: 0.78125vw; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);transition: all .5s;-webkit-transition: all .5s;}
.solution-n4 {width: 8.7vw; height: 21vw; position: absolute;left: 0;top: 55%;z-index: 4;border-radius: 5.3vw;overflow: hidden;display: none;transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
.solution-n4::after {content: "";background: linear-gradient(0deg,#88baf6 0%, #ededed 100%);border-radius: 0.84rem; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: -1;}
.imgBj {background: no-repeat center;background-size: cover;}
.imgBj.pos {width: 100%;height: 100%;position: absolute;top: 0;left: 0;display: flex;justify-content: center;align-items: end;padding-bottom: .3rem;}
.imgBj.pos img {max-width: 100%;}
.solution-ndiv {width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 2;background: #fff;padding: 0 3.65vw;padding-top: 15vw;text-align: left;opacity: 0;transition: all .5s;-webkit-transition: all .5s;}
/* .solution-n6 {
  color: #666;
  line-height: 1.5vw;
  height: 4.5vw;
  margin-top: .6vw;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
} */
.solution-n7 {border-top-left-radius: 6vw;border-bottom-right-radius: 2vw;overflow: hidden;}
.solution-n7.imgBj.pos {align-items: center;}
.solution-n79 { position: relative; margin-top: 2.6vw; width: 100%; height: 18.49vw;}
.solution-n9 { width: 2.6vw;position: absolute;right: -1vw;bottom: 0;cursor: pointer;}
.solution-nul.on {padding-left: 5.5vw;transition: all .5s;-webkit-transition: all .5s;}
.solution-nul.on .solution-nli {width: 5.5vw;transition: all .5s;-webkit-transition: all .5s;}
.solution-nul.on .solution-nli.on { width: 30vw;transition: all .5s;-webkit-transition: all .5s;}
.solution-nul.on .solution-nli.on .solution-n12 {background: #3280DF;color: #fff;transition: all .5s;-webkit-transition: all .5s;}
.solution-nul.on .solution-nli.on .solution-ndiv {opacity: 1;transition: all .5s;-webkit-transition: all .5s;}
@media (min-width: 1201px) {
  .solution-n12.hv {
  /* margin-top: -3.6vw; */
  color: #3280DF;
  transition: all .5s;
  -webkit-transition: all .5s;
  transform: translateY(-80%);
  -webkit-transform: translateY(-80%);
 } 
  .solution-n12.hv .solution-n2 {
    color: #fff;
    background: #3280DF;
    transition: all .5s;
    -webkit-transition: all .5s;
  }
}

.soluThree {background: url(../images/soluThree-bj.jpg) no-repeat center; background-size: cover; padding: 1rem 0 1.2rem 0;}
.soluThree .container {width: 1500px; max-width: 66%;}
.soluThree .tle {text-align: left;font-size: 0.46rem;font-weight: 700;color: #ffffff;}
.soluThree ul {margin-top: .8rem; display: flex; justify-content: space-between;}
.soluThree ul li {padding: .4rem; width: 30.5%; background: rgba(237, 237, 237,.13);border-radius: 0.1rem; text-align: center; transition: .5s;}
.soluThree ul li h5 {font-weight: 700;color: #ffffff; font-size: var(--font20); margin: .25rem 0;}
.soluThree ul li p {color: #fff;}
.soluThree ul li:hover {transform: translateY(-.1rem);}

.soluFour {padding: .9rem 0;}
.soluFour .container {width: 1700px; max-width: 92%;}
.soluFour .tle {font-size: 0.46rem;font-weight: 700;color: #333333; text-align: center;}
.soluFour .swiperBox {position: relative;}
.soluFourSwiper {position: static; width: 1500px; margin: auto; max-width: 90%;margin-top: .7rem;}
.soluFourSwiper .swiper-slide {height: auto;background: #f9f9f9;padding: .1rem; box-sizing: border-box;}
.soluFourSwiper .swiper-slide .imgBox {overflow: hidden;}
.soluFourSwiper .swiper-slide img {width: 100%; transition: .5s;}
.soluFourSwiper .swiper-slide span {text-align: center;color: #333333; font-size: var(--font18); display: block; font-weight: 700; padding: .2rem 0 .1rem 0;}
.soluFourSwiper .swiper-slide:hover img {transform: scale(1.1);}
.soluFourSwiper .swjt {right: 100%; right: 0; width: 0.57rem;height: 0.57rem;border: 0.01rem solid #d1d1d1; border-radius: 50%; transition: .5s;}
.soluFourSwiper .swjt.swiper-button-prev {transform: rotate(180deg); left: 0;}
.soluFourSwiper .swjt:hover {background: #3280DF; border-color: #3280DF;}
.soluFourSwiper .swjt:hover svg path {fill: #fff;}
.soluFourSwiper .swiper-pagination {bottom: -15%; display: none;}
.soluFour .more {margin-top: .7rem; display: flex; justify-content: center;}
.soluFour .more a {width: 1.5rem;height: 0.5rem;border-radius: 25px;}

.soluFive {display: flex;}
.soluFive .imgBox {width: 50%; overflow: hidden;}
.soluFive .imgBox img {width: 100%; height: 100%; object-fit: cover;}
.soluFive .con {width: 50%; background: url(../images/soluFive-bj.jpg) no-repeat center; background-size: cover; padding-left: 4.5%;padding-top: 6%; padding-bottom: 6%;}
.soluFive .con .solution-j2 {font-size: 0.46rem;color: #333333;font-weight: 400; border-bottom: 1px solid rgba(185, 185, 185,.4);padding-bottom: .4rem;}
.soluFive .con dl {margin-top: .7rem;}
.soluFive .con dl dd {margin: .2rem 0;}
.soluFive .con dl dd a {display: inline-flex; align-items: center;}
.soluFive .con dl dd a span {color: #333333; font-weight: 700; font-size: var(--font18); margin-left: .1rem; transition: .5s;}
.soluFive .con dl dd a:hover span {margin-left: .15rem;}


/* =====新闻中心===== */
.newslist {padding: 1rem 0;}
.newslist ul {display: grid; grid-template-columns: repeat(3,1fr);gap: .3rem;}
.newslist ul li {background: #f6f6f6;border-radius: 0.1rem; overflow: hidden;}
.newslist li .imgBox {overflow: hidden;}
.newslist li .imgBox img {width: 100%; transition: .5s;}
.newslist li .con {padding: .4rem .2rem;}
.newslist li .con h5 {font-size: var(--font19);font-weight: 700;color: #333333;}
.newslist li .con p {color: #666666;margin-top: .2rem;}
.newslist li .con span {display: block;margin-top: .4rem;color: #999999;}
.newslist li:hover .imgBox img {transform: scale(1.1);}
.newslist li:hover h5 {color: #0A6FB7;}

/* 新闻详情 */
.newsDate {padding: .3rem 0 .8rem 0;background: #f3f3f3;}
.newsDate .box {margin-top: .7rem; display: flex; justify-content: space-between; align-items: flex-start;}
.newsDate .box .le {width: 64%;}
.newsDate .box .re {width: 28%; background: #fff; padding: .45rem .3rem;border-radius: 0.1rem;overflow-x: hidden;}
.newsDate .le .tle {padding-bottom: .25rem; border-bottom: 1px solid #CCCCCC;}
.newsDate .le .tle h3 {font-size: var(--font36);font-weight: 700;color: #333333;}
.newsDate .le .tle span {color: #666666; font-size: var(--font18); margin-top: .1rem; display: block;}
.newsDate .le .dateCon {padding: .4rem 0; border-bottom: 1px solid #CCCCCC;}
.newsDate .le .dateCon img {max-width: 100%;}
.newsDate .datefy .prevNext {width: 80%; margin-top: .1rem;}
.newsDate .datefy { margin-top: .3rem; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; }
.newsDate .datefy p {color: #333; display: flex; align-items: center; }
.newsDate .datefy p span {flex-shrink: 0;}
.newsDate .datefy p a {color: #666666; margin: .05rem 0; }
.newsDate .datefy p a:hover {color: #2672D0;}
.newsDate .datefy .back {margin-top: .1rem;}
.newsDate .datefy .back a {width: 1.49rem;height: 0.53rem; min-width: 110px; min-height: 38px; background: #2672D0;border-radius: 27px;}
.newsDate .datefy .back a img {max-width: 13%; filter: brightness(100); -webkit-filter:brightness(100);}
.newsDate .datefy .back a span {color: #fff; margin-left: .1rem; transition: .5s;}
.newsDate .datefy .back a:hover span {margin-left: .15rem;}
.newsDate .re {position: sticky; top: 1.3rem;}
.newsDate .re h3 {font-weight: 700; font-size: var(--font24);color: #333333; padding-bottom: .25rem; border-bottom: 1px solid #EEEEEE;}
.newsDate .re ul {margin-top: .05rem;}
.newsDate .re li {margin-top: .3rem;}
.newsDate .re li a {display: flex;  justify-content: space-between;}
.newsDate .re li .pic {width: 45%; overflow: hidden;}
.newsDate .re li .pic img {width: 100%; height: 100%; object-fit: cover; transition: .5s;}
.newsDate .re li .info {width: 46%;}
.newsDate .re li  h6 {color: #333333; font-weight: 700; font-size: var(--font16);}
.newsDate .re li .time {color: #999999; font-size: var(--font15); margin-top: .2rem;}
.newsDate .re li:hover .pic img {transform: scale(1.1);}
.newsDate .re li:hover h6 {color: #2672D0;}

/* =====联系我们===== */
.contact {padding: 1.3rem 0; position: relative; overflow: hidden;}
.contact .box {display: flex;justify-content: space-between;}
.contact .box h3 {font-size: var(--font30);color: #333333;}
.contact .box .le {margin-right: 1rem;}
.contact .box .le dl {margin-top: .6rem;}
.contact .box dl dd {display: flex; align-items: center; margin: .25rem 0;}
.contact .box dl dd .icBox {width: 25px;display: flex; align-items: center; justify-content: center;}
.contact .box dl dd span {font-size: var(--font18);color: #333333;margin-left: 10px;}
.contact .box dl dd a {font-size: var(--font18);color: #333333;}
.contact .box dl dd a:hover {color: #2672D0;}
.contact .box .mapNav {margin-top: .7rem;}
.contact .box .mapNav a {display: flex;width: 3.6rem;height: 0.65rem;     min-width: 200px; min-height: 40px; border: 2px solid #232323; font-size: var(--font18); border-radius: 35px; align-items: center; justify-content: center; color: #333333; transition: .5s;}
.contact .box .mapNav a:hover img {filter: brightness(100); -webkit-filter:brightness(100);}
.contact .box .mapNav a:hover {background: #2672d0; border-color: #2672d0; color: #fff;}
.contact .box .re {width: 53.5%; position: relative; z-index: 1;}
.contact .box .re form {display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: .6rem;}
.contact .box .re .col2 {position: relative;width: 48%; margin-bottom:0.5rem;}
.contact .box .re .col2 input {background: none; border: none; border-bottom: 1px solid #dddddd; color: #333; width: 100%; outline: none; padding:.1rem 0 0.15rem 0;}
.contact .box .re .col2 input::placeholder {color: #9fa19f;}
.contact .box .re .col2 input:-moz-placeholder {color: #9fa19f;}
.contact .box .re .col2 input:-ms-input-placeholder {color: #9fa19f;}
.contact .box .re .col3 {width: 100%; position: relative;margin-bottom:0.5rem;}
.contact .re .chose {border-bottom: 1px solid #dddddd; padding-bottom: .5rem;}
.contact .re .chose ol {margin-top: .1rem; display: flex; align-items: center; flex-wrap: wrap;}
.contact .re .chose li {margin-top: .1rem; margin-right: .5rem; display: flex; align-items: center;}
.contact .re .chose li input {width: 20px; height: 20px; margin-right: .1rem; opacity: .6;}
.contact .box .re .subinput {margin-top:.2rem; cursor: pointer; width: 100%;}
.contact .box .re .subinput button {width: 1.72rem;height: .55rem; border-radius: 28px; min-width: 110px;min-height: 35px; border: none; background: #2672D0; z-index: -1; color: #ffffff;font-weight: 700;outline: none;cursor: pointer; }
.contact .box .re .subinput button:active { background: #2059a0;}






















































/* 简历弹出层 */
.-popup-opened {overflow: hidden;}
.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: .4rem; 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%;}
}

/* 留言弹出层 */
.hiMessagePop {background: #fff;padding: .3rem; padding-bottom: .6rem; border-radius: 10px; box-sizing: border-box; background-color: #fff; width: 45%;  white-space: initial; display: none;}
.hiMessagePop .item-close {font-size: .4rem; cursor: pointer; color: #000; line-height: 30px; display: flex; justify-content: flex-end;}
.hiMessagePop .box-title {text-align: center;}
.hiMessagePop .box-title h3 {font-size: 0.48rem;color: #333333;font-weight: 700;    line-height: 1;}
.hiMessagePop .box-title i {display: inline-block;width: 0.55rem;height: 0.03rem;background: #3280DF;}
.hiMessagePop form .itemBox {display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: .2rem;}
.hiMessagePop form .item {width: 48.5%; margin-top: .25rem; position: relative;}
.hiMessagePop form .item input , .hiMessagePop form .item textarea {background: #f1f1f1;border: 1px solid #d7d7d7; height: 0.6rem; width: 100%; padding: 0 .2rem; box-sizing: border-box;}
.hiMessagePop form .item input:focus + label {display: none;}
.hiMessagePop form .item textarea:focus + label {display: none;}
.hiMessagePop form .item label {position: absolute; z-index: 0; left: 0%; top: 50%; transform: translate(0, -50%); padding-left: .2rem; box-sizing: border-box;color: #999999;}
.hiMessagePop form .item label i {color: #FF0000; font-style: normal; margin-left: 5px;}
.hiMessagePop form .item2 {width: 100%;}
.hiMessagePop form .item2 textarea {height: 1.8rem; padding: .2rem; resize: none;}
.hiMessagePop form .item2 label {top: 0; transform: none; padding-top: .2rem;}
.hiMessagePop form .sub {display: flex; justify-content: center; margin-top: .5rem;}
.hiMessagePop form .sub button {width: 1.26rem;height: 0.42rem; background: #3280DF; cursor: pointer; border-radius: 0.21rem; color: #fff;}
.hiMessagePop form .sub button:active {background: #434eeb; }
.hiMessagePop form .item.on label {display: none;}

/* 搜索页面 */
.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:100% 100%; 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: #3280DF; color: #fff; font-size: 12px; padding: 2px 5px; }
.search-page li h3 {font-size: var(--font18); margin: 10px 0; color: #000000; font-weight: 700;}
.search-page li p {font-size: var(--font16); color: #666; }
.search-page li .le {width: 95%;}
.search-page li a {display: flex; align-items: flex-end; justify-content: space-between;}
.search-page li img {transition: .5s; margin-right: 20px;}
.search-page li:hover img {transform: translateX(20px);}
@media screen and (min-width: 200px) and (max-width: 640px){
  .search-page form {
      width: 90%;
      margin-bottom: 40px;
  }
}

/* 分页 */
.fy { padding: 1rem 0; display: flex;justify-content: center;align-items: center; flex-wrap: wrap;}
.fy a { border: 2px solid #cccccc; display: flex; align-items: center; justify-content: center;  color: #666; font-size: var(--font16); border-radius: 3px;}
.fy a {width: .5rem; height: .5rem; min-width: 35px; min-height: 35px; transition: .4s; margin:5px;}
.fy a:hover {color: #fff; background: #3280DF; border-color: #3280DF;}
.fy .layui-laypage-curr {display: flex; align-items: center; justify-content: center;}
.fy .layui-laypage-curr {width: .5rem; height: .5rem; min-width: 35px; min-height: 35px; color: #fff; background: #3280DF; font-size: var(--font16); margin: 0 5px;border-radius: 3px;}
.fy a:first-child::before , .fy a:last-child::before {content: ''; color: #333; width: 30px; height: 30px; background: url(../images/jt5.svg) no-repeat center; background-size: 80%; transition: all .4s;}
.fy a:first-child::before {transform: rotate(180deg);}
.fy a:first-child:hover::before ,.fy a:last-child:hover::before {filter: brightness(100); -webkit-filter:brightness(100);}

/*2024.4.9后台编辑框录入调整*/
.dateThree .infoCon table{width: 100%!important; border-collapse: collapse;
    border-spacing: 0;}

.dateThree .infoCon table tr td{padding: 0.1rem 0}



.join-class ul li:first-child{
    display: none;}

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




.news-xq table{width: 100%!important;}


.soluThree .info p{color: #ffffff; font-size: var(--font18); display: block; width: 80%;  text-align: left; line-height: 0.45rem}