/* =====头部===== */
#c-placeholder {height: 1.28rem;}
.header {position: sticky; top: 0;width: 100%;z-index: 999;background: #fff; border-bottom: 1px solid #eee;}
.header .container {max-width: 80%;}
.headerBox {display: flex; justify-content: space-between; height: 1rem; align-items: center;}
.headerlogo {width:336px; margin-left: -9%;}
.headerlogo img {max-width: 80%;}
/* 导航 */
nav {width: 64%;}
nav ul {display: flex; justify-content: space-between;}
nav ul > li {line-height: 1rem; position: relative;}
nav ul > li > a {font-size: var(--font18);color: #5D5D5D; position: relative; font-family: "PFBold";}
nav ul > li > a::after {content: ""; width: 60%; height: 4px; border-radius: 0.03rem; background: #004d90; position: absolute; left: 50%; top: 140%; transform: translate(-50%, -50%);opacity: 0; visibility: hidden; transition: .5s; }
nav ul > li:hover > a::after{opacity: 1; visibility: visible;}
nav ul > li.on > a::after{opacity: 1; visibility: visible;}
/* 语言切换 */
.weblink > a {font-size: 24px; display: flex; align-items: center;font-family: Arial, Arial-Bold;color: #004d90;}
.weblink > a i {margin-right: .05rem;}
.weblink > a span {font-family: Impact;}
.weblink > a svg {max-width: 100%;}
.weblink {position: relative;padding: .2rem;box-sizing: border-box;margin: 0 -.2rem;}
.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; display: block;}
.weblink .luanguage a {margin: .05rem 0;}
.weblink .luanguage a:hover {color: #0a77bd;}
.weblink:hover .luanguage {opacity: 1; transform: translateY(25%); visibility: visible;}
/* 二级下拉 */
.navTwo {line-height: initial; width: max-content;position: absolute; transform: translateY(15%); 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.1rem;box-shadow: 0 .1rem .2rem 0 rgba(0, 0, 0, 0.15);}
.navTwo .box .navImgBox {margin-right: .3rem; 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: #666666;}
.navTwo dl dd a i {margin-right: .1rem;}
.navTwo dl dd a:hover {color: #004d90;}
.navTwo dl dd a i svg path {transition: .5s;}
.navTwo dl dd a:hover i svg path {fill: #004d90;}
.headerRe {display: flex; align-items: center;}

/* 公用css */
/* 了解更多 */
.more1 {width: 1.59rem;height: 0.6rem; min-width: 125px;min-height: 35px; background: #004d90;border-radius: 30px; color: #fff; font-size: var(--font18); transition: .5s;}
.more1 svg {margin-left: .15rem;}
.more1:hover {-webkit-box-shadow: 0 0 0 0.1rem rgba(40, 60, 125,.2); box-shadow: 0 0 0 0.1rem rgba(40, 60, 125,.2);}

/* =====首页===== */
/* banner */
.bannerSwiper {height: 89vh;}
.bannerSwiper .imgBox {height: 100%; overflow: hidden;}
.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-button-prev {transform: rotate(180deg);}
.bannerSwiper .swiper-slide-active img, .bannerSwiper .swiper-slide-duplicate-active img {transition: 6s linear;transform: scale(1,1);}
.bannerSwiper .con {position: absolute; left: 50%; top: 40%; transform: translate(-50%, -50%);width: 1600px; max-width: 92%;}
.bannerSwiper .con .p1 {font-size: .3rem;color: #ffffff;}
.bannerSwiper .con .p2 {font-size: 0.7rem;color: #ffffff;  font-weight: 700;}
.bannerSwiper .swiper-pagination {width: 1600px;left: 50%; bottom: 5%; transform: translate(-50%, -50%);max-width: 92%; text-align: left;}
.bannerSwiper .swiper-pagination span {width: 15px;height: 6px;opacity: 0.34;background: #f6f6f6;border-radius: 3px; margin: 0 5px;}
.bannerSwiper .swiper-pagination .swiper-pagination-bullet-active {width: 30px; opacity: 1;}
.swiper-num {width: 1600px;left: 50%; bottom: 7%; transform: translate(-50%, -50%);max-width: 92%; text-align: left; position: absolute; z-index: 1;}
.swiper-num span {margin-left: 8px; color: #fff; font-size: var(--font14);font-family: Arial, Arial-Bold;font-weight: 700;}


.indexOne {background: #f7f8fa;}
.inOneTle {height: 0; transform: translateY(1rem);}
.inOneTle .tleCon {position: relative;}
.inOneTle .en {position: absolute; bottom: .05rem; font-family: "LexRegular";}
.inOneTle .en span {font-size: 0.44rem;color: #333333;letter-spacing: -0.01rem;opacity: 0.15;display: block; line-height: 1.1;}
.inOneTle h3 {font-size: var(--font34);color: #333333; position: relative; display: inline-block;}
.inOneTle h3::after {position: absolute; left: -10%;bottom: 0;content: ""; width: 0.64rem;height: 0.64rem;background: url(../images/indexTle-icon.png) no-repeat center; background-size: contain; }
.inOneTle i {width: 0.49rem;height: 0.05rem;background: #0a77bd;border-radius: 0.03rem; display: block; margin-top: .3rem;}
.inOneSwiper .con {display: flex; justify-content: space-between; align-items: center;} 
.inOneSwiper .con .le {padding-top: 1rem; margin-right: .5rem;}
.inOneSwiper .con .le h4 {font-size: 0.35rem;color: #333333;   font-family: "PFBold";}
.inOneSwiper .con .le .text {color: #666666; font-size: var(--font15);   font-family: "PFMedium"; margin-top: .15rem;}
.inOneSwiper .con .le dl {display: flex;margin-top: .4rem;}
.inOneSwiper .con dl dd {text-align: center; margin-right: .8rem;}
.inOneSwiper .con dl .icBox {width: 0.5rem; height: 0.5rem; min-width: 35px; min-height: 35px; border: 1px solid #d2d7e0;border-radius: 0.1rem; margin: auto; transition: .5s;}
.inOneSwiper .con dl dd span {margin-top: .1rem;color: #949494; display: inline-block;}
.inOneSwiper .con .more {margin-top: .6rem; padding-left: .1rem; padding-bottom: .1rem;}
.inOneSwiper .con .pic {background: url(../images/inOneSwiper-imgBj.jpg) no-repeat center; background-size: cover; padding: 1.5rem .6rem; width: 70%;}
.inOneSwiper .con .pic img {max-width: 100%;}
.inOneSwiper .con .re {display: flex; width: 60%; justify-content: space-between;}
.inOneSwiper .con .recon {padding-top: 1rem;}
.inOneSwiper .con .recon em {color: #8c97a9;font-size: var(--font14);} 
.inOneSwiper .con .recon h5 {font-size: var(--font48);color: #333333;  font-family: "LexMedium";}
.inOneSwiper .con .recon a {color: #0a77bd;font-weight: 500;display: block; text-align: right; }
.inOneSwiper .con .recon a i {font-style: normal; display: inline-block;transition: .5s;font-size: 0.36rem;font-family: "LexMedium"; line-height: 1; transform-origin: center;}
.inOneSwiper .con .recon a:hover i {transform: rotate(180deg);}
.inOneSwiper .swjt {bottom: 10%;top: auto;}
.inOneSwiper .swjt.swiper-button-prev {transform: rotate(180deg);left: auto; right: 0; margin-right: .5rem;}
.inOneSwiper .swiper-pagination {display: flex;    bottom: 50%; justify-content: flex-end;}
.inOneSwiper .swiper-pagination div {margin: 0 .15rem; position: relative; width: 34px;height: 34px;border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.inOneSwiper .swiper-pagination div {opacity: 1; border: 0; background: none;}
.inOneSwiper .swiper-pagination span {width: auto; height: auto; background: none; opacity: 0; font-size: 12px;color: #8c97a9;}
.inOneSwiper .swiper-pagination i {width: 0.06rem;height: 0.06rem; background: #aaaaaa; display: block; border-radius: 50%;  position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); opacity: 1;}
.inOneSwiper .swiper-pagination .fcircle1 {position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.inOneSwiper .swiper-pagination .fcircle1 circle {stroke-width: 20px!important;}
.inOneSwiper .swiper-pagination svg {width: 100%; opacity: 0;}
.inOneSwiper .swiper-pagination .fcircle1 circle:nth-child(1) {stroke: #D2D7E0;}
.inOneSwiper .swiper-pagination .fcircle1 circle:nth-child(2) {stroke: #0a77bd; }
@keyframes svgcircle1 {from {stroke-dasharray: 0 800;}to { stroke-dasharray: 800 800;}}
.inOneSwiper .swiper-pagination .swiper-pagination-bullet-active svg {opacity: 1;}
.inOneSwiper .swiper-pagination .swiper-pagination-bullet-active span {opacity: 1;}
.inOneSwiper .swiper-pagination .swiper-pagination-bullet-active i {opacity: 0;}
.inOneSwiper .swiper-pagination .swiper-pagination-bullet-active .fcircle1 circle:nth-child(2) {animation: svgcircle1 5.5s linear forwards;}

.indexOneTle {position: relative;}
.indexOneTle .en {font-size: 1.07rem; left: -1%; text-transform: uppercase; font-family: "LexMedium";font-weight: 500;color: #e4e4e4;letter-spacing: -0.03rem;opacity: 0.2; position: absolute; bottom: 0;    line-height: 1.3;}
.indexOneTle h3 {font-size: 0.48rem; color: #333333;font-family: "PFBold"; position: relative; display: inline-block;z-index: 1;}
.indexOneTle h3::after {position: absolute; left: -10%;bottom: 0;content: ""; width: 0.64rem;height: 0.64rem;background: url(../images/indexTle-icon.png) no-repeat center; background-size: contain; z-index: -1;}
.indexTwo {padding: 1rem 0;}
.indexTwo .tle {display: flex; align-items: center; justify-content: space-between;}
.indexTwo .tle ul {display: flex;}
.indexTwo .tle li {padding-left: .6rem; position: relative;}
.indexTwo .tle li:first-child::before {display: none;}
.indexTwo .tle li::before {content: ""; position: absolute; left: .3rem; width: 1px; height: 80%;top: 10%; background: #696969; opacity: .5;}
.indexTwo .tle li a {color: #696969; position: relative;}
.indexTwo .tle li a::after {content: ""; width: 28px; height: 7px; background: url(../images/headNav-icon.png) no-repeat center; position: absolute; left: 50%; top: 140%; transform: translate(-50%, -50%);opacity: 0; visibility: hidden; transition: .5s; }
.indexTwo .tle li:hover > a::after{opacity: 1; visibility: visible;}
.indexTwo .tle li.on > a::after{opacity: 1; visibility: visible;}
.indexTwoswList .cell {display: none;}
.indexTwoswList .cell.on {display: block;}
.indexTwo .swiperBox {width: 1700px; max-width: 92%; margin: auto; position: relative;}
.indexTwo .swiperBox .swjt {width: 0.51rem; height: 0.51rem;background: #f7f8fa;border-radius: 0.26rem; right: 0;}
.indexTwo .swiperBox .swjt.swiper-button-prev {transform: rotate(180deg); right: auto; left: 0;}
.indexTwo .swiperBox .swjt svg {opacity: .2; max-width: 50%;}
.indexTwoSwiper {max-width: 92%; padding: .3rem;}
.indexTwoSwiper .box {background: #ffffff; padding: .3rem; box-sizing: border-box; border-radius: 0.2rem; box-shadow: 0rem 0rem 0.2rem 0rem rgba(209,209,209,0.18); }
.indexTwoSwiper .box .imgBox {max-width: 100%; display: flex; justify-content: center; align-items: center; position: relative;}
.indexTwoSwiper .box .imgBox img {max-width: 100%; transition: .5s;}
.indexTwoSwiper .box .imgBox i {min-width: 40px; min-height: 40px; width: 0.68rem; height: 0.68rem; background: #0a77bd;border-radius: 0.1rem;box-shadow: 0.03rem 0.09rem 0.5rem 0rem rgba(0,0,0,0.38); }
.indexTwoSwiper .box .imgBox i {font-size: 0.4rem; padding-bottom: .02rem; color: #ffffff; font-style: normal; position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) scale(0);z-index: 1;opacity: 1;transition: all 0.4s;transition-delay: 0.2s;}
.indexTwoSwiper .box {text-align: center; }
.indexTwoSwiper .box .con {margin-top: .5rem;}
.indexTwoSwiper .box .con em {font-size: var(--font16); color: #a9a9a9;}
.indexTwoSwiper .box .con h5 {font-size: var(--font20);color: #333333;   font-family: "PFBold"; margin-top: .05rem;}
.indexTwoSwiper .swiper-slide:hover img {opacity: .6;}
.indexTwoSwiper .swiper-slide:hover .imgBox i {opacity: 1;     transform: translate(-50%,-50%) scale(1);}

.indexThree {background: url(../images/indexThree-bj.jpg) no-repeat center; background-size: cover; padding: 1.2rem 0; background-attachment: fixed;}
.indexThree .indexOneTle .en {opacity: 0.05;color: #e4e4e4;}
.indexThree .indexOneTle h3 {color: #fff;}
.indexThree .indexOneTle h3::after {left: -5%;}
.indexThree .tle {display: flex; justify-content: space-between; align-items: center;}
.indexThree .swiperSwjt {position: relative; display: flex; justify-content: flex-end;}
.indexThree .swiperSwjt .swjt {position: relative; width: 0.67rem; height: 0.67rem;border: 2px solid rgba(247, 248, 250,.18); border-radius: 50%; left: 0; transition: .5s;}
.indexThree .swiperSwjt .swjt svg {max-width: 50%;}
.indexThree .swiperSwjt .swjt.swiper-button-prev {transform: rotate(180deg); margin-right: .15rem;}
.indexThree .swiperSwjt .swjt:hover {background: #283C7E; border-color: #283C7E;}
.inThSwiper {margin-top: .5rem; padding-top: .5rem;}
.inThSwiper .swiper-slide {height: auto;  overflow: hidden;  padding: .15rem;}
.inThSwiper .swiper-slide .con {position: relative; padding:.6rem .3rem; height: 100%;  z-index: 1;}
.inThSwiper .swiper-slide .con::before {content: ""; position: absolute; width: 100%; height: 100%; left: 0; bottom: 0;-webkit-clip-path: polygon(50% 0%, 100% 0, 100% 100%, 100% 100%, 0 100%, 0 0);clip-path: polygon(50% 0%, 100% 0, 100% 100%, 100% 100%, 0 100%, 0 0); background: #fff;transition: .5s; z-index: -1;}
.inThSwiper .swiper-slide .con::after {content: ""; position: absolute; width: 100%; height: 105%; left: -110%; bottom: 0;-webkit-clip-path: polygon(50% 0%, 100% 0, 100% 80%, 83.5% 100%, 0 100%, 0 0);clip-path: polygon(50% 0%, 100% 0, 100% 80%, 83.5% 100%, 0 100%, 0 0); background: #004d90; transition: .5s; z-index: -1;}
.inThSwiper .swiper-slide .icBox {height: .5rem;}
.inThSwiper .swiper-slide .icBox img {max-width: 100%; max-height: 100%; transition: .5s;}
.inThSwiper .swiper-slide h5 {margin: .5rem 0 .3rem 0; font-size: var(--font24);color: #333333;   font-family: "PFBold"; transition: .5s;}
.inThSwiper .swiper-slide p {color: #666666; transition: .5s;}
.inThSwiper .swiper-slide-active .con::after {left: -0.15rem;}
.inThSwiper .swiper-slide-active .con::before {-webkit-clip-path: polygon(50% 0%, 100% 0, 100% 80%, 84% 100%, 0 100%, 0 0);clip-path: polygon(50% 0%, 100% 0, 100% 80%, 84% 100%, 0 100%, 0 0);}
.inThSwiper .swiper-slide-active .icBox img {filter: brightness(100); -webkit-filter:brightness(100);}
.inThSwiper .swiper-slide-active h5 {color: #fff;}
.inThSwiper .swiper-slide-active p {color: #fff;}
.inThSwiper .swiper-slide:hover .con::after {left: -0.15rem;}
.inThSwiper .swiper-slide:hover .con::before {-webkit-clip-path: polygon(50% 0%, 100% 0, 100% 80%, 84% 100%, 0 100%, 0 0);clip-path: polygon(50% 0%, 100% 0, 100% 80%, 84% 100%, 0 100%, 0 0);}
.inThSwiper .swiper-slide:hover .icBox img {filter: brightness(100); -webkit-filter:brightness(100);}
.inThSwiper .swiper-slide:hover h5 {color: #fff;}
.inThSwiper .swiper-slide:hover p {color: #fff;}

.indexFour {margin: 1.8rem auto 1.3rem auto; padding: 0 3% 0 11%; width: 1920px; max-width: 100%; box-sizing: border-box;  }
.indexFour .box {display: flex; justify-content: space-between;align-items: center;}
.indexFour .le {margin-right: .6rem; width: 37%;}
.indexFour .le .text {margin: .6rem 0;}
.indexFour .le p {text-indent: .35rem; line-height: 2;}
.indexFour ul li {position: absolute;	width: 16px;height: 10px; opacity: 0.6; }
.indexFour .mapBox {position: relative;}
.indexFour .mapBox > img {max-width: 100%;}
.indexFour ul li svg {max-width:.13rem; max-height: .13rem; z-index: 2;position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.indexFour ul li::before {content: ""; position: absolute; width: 1.2rem;height: 1.2rem;  opacity: .2; background: #1e246f;border-radius: 50%; left: 50%; top: 50%; transform: translate(-50%, -50%); animation: scalemap 2s linear infinite;z-index: -1;}
.indexFour ul li::after {content: ""; position: absolute; width: .6rem;height: .6rem; left: .3rem; top: .3rem; opacity: .2; background: #1e246f;border-radius: 50%; left: 50%; top: 50%; transform: translate(-50%, -50%); animation: scalemap 2s linear 1s infinite;z-index: -1;}
@keyframes scalemap {0% {transform:translate(-50%, -50%) scale(0.2);opacity: .4;}100% {transform:translate(-50%, -50%) scale(1.5);opacity: 0;} }
.indexFour ul li:nth-child(1) {left: 28.2%;top: 47%;}
.indexFour ul li:nth-child(2) {left: 36.4%;top: 46.7%;}
.indexFour ul li:nth-child(3) {left: 46.4%;top: 32%;}
.indexFour ul li:nth-child(4) {left: 36%;top: 29%;}
.indexFour ul li:nth-child(5) {left: 73.5%;top: 30%;}
.indexFour ul li:nth-child(6) {left: 95%;top: 60%;}

.indexFive {padding: 1rem 0 1.35rem 0; background: url(../images/indexFive-bj.jpg) no-repeat center; background-size: cover; background-attachment: fixed;}
.indexFive .indexOneTle h3 {color: #fff;}
.indexFive .box {margin-top: .7rem; display: flex; justify-content: space-between; align-items: flex-end;}
.indexFive .box ul {display: inline-block;}
.indexFive .box li:nth-child(1) {display: flex; justify-content: center; margin: auto; margin-bottom: .5rem;}
.indexFive .box li:nth-child(3) {margin-left: 1.5rem;}
.indexFive .box li { position: relative; display: inline-flex; width: 1.84rem; height: 1.84rem; border-radius: 50%;background: rgba(0, 0, 0,.36);}
.indexFive .box li .yuanBox {display: flex; width: 100%; align-items: center; justify-content: center;}
.indexFive .box li .yuanBox::after {background: url(../images/indexFive-icon-bj.png) no-repeat center; width: 101%; height: 100%; position: absolute; content: "";    background-size: 99%;left: 0%;top: 0%; animation: myfirst 20s linear infinite;}
.indexFive .box li .icBox {text-align: center;}
.indexFive .box li span {display: block; text-align: center; font-size: var(--font16);color: #ffffff;margin-top: .05rem;}
.indexFive .box li:nth-child(1)::before {left: 0; transform: rotate(30deg); height: 58%;width: .04rem;opacity: 0.2;background: #F9F9F9; content: ""; position: absolute; bottom: -40%;}
.indexFive .box li:nth-child(1)::after {right: 0; transform: rotate(-30deg); height: 58%;width: .04rem;opacity: 0.2;background: #F9F9F9; content: ""; position: absolute; bottom: -40%;}
.indexFive .box li:nth-child(2)::after {left: 91%; width: 102%; content: ""; position: absolute; height: .04rem;opacity: 0.2;background: #F9F9F9; bottom: 20%;}
@keyframes myfirst {0% {transform:rotate(360deg);} 100% {transform:rotate(0deg);}}
.indexFive .box li:nth-child(2) .yuanBox {transform: rotate(180deg);}
.indexFive .box li:nth-child(2) .yuanBox::after {left: 0;}
.indexFive .box li:nth-child(2) .icBox {transform: rotate(-180deg);}
.indexFive .box .re {width: 41.5%;}
.indexFive .box .re p {color: #fff;font-size: var(--font20);line-height: 1.8; text-align: justify; margin-bottom: .2rem;}
.indexFive .box .re .more {margin-top: .5rem;}
.indexFive .box .re .more a {position: relative; min-height: 38px; transition: .5s; color: #fff; display: flex; justify-content: space-between; align-items: center; padding: 0 .4rem; box-sizing: border-box; width: 100%;height: 0.6rem;border: 1px solid #ffffff; border-left: 0; border-right: 0;}
.indexFive .box .re .more a::after {content: ""; width: 0; height: 1px; background: #0a77bd; bottom: -1px; transition: .5s; position: absolute; left: 0;}
.indexFive .box .re .more a:hover {color: #0a77bd;}
.indexFive .box .re .more a:hover::after {width: 100%;}
.indexFive .box .re .more a:hover svg path {fill: #0a77bd;}

.indexSix {margin: 1rem 0;}
.indexSix .tle {display: flex; justify-content: space-between; align-items: center; }
.indexSix .box {margin-top: .5rem; display: flex; justify-content: space-between; }
.indexSix .box ul {display: grid; grid-template-columns: repeat(4,1fr); width: 100%;margin-left: 0; position: relative;}
.indexSix .box ul li {position: relative;padding: 0 9%; box-sizing: border-box;position: relative; overflow: hidden; border-right: 1px solid #EDEDED;}
.indexSix .box ul li:nth-child(4n){border-right: none;}
.indexSix .box ul li .imgBox img {width: 100%; transition: .5s;}
.indexSix .box ul li h5 {color: #333333;font-size: var(--font18);margin-top: .2rem; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.indexSix .box ul li p {color: #777777;font-size: var(--font16);line-height: 1.8;margin-top: .2rem;display: -webkit-box;overflow: hidden;  	-webkit-line-clamp: 2;-webkit-box-orient: vertical; display: none;}
.indexSix .box ul li em {display: block; margin-top: .1rem; margin-bottom: .2rem; font-size: var(--font16);color: #666666; font-family: Arial, Arial-Regular; position: relative;}
.indexSix .box ul li em::after {content: ""; position: absolute; right: 0;top: 0;  width: 100%; height: 100%;  background: url(../images/jt7.png) no-repeat 80%; transition: .5s; opacity: 0;}
.indexSix .box ul li:hover em::after {background-position-x: 100%; opacity: 1;}
.indexSix .box ul li::after {content: ""; position: absolute; top: -18%; width: 100%; height: 118%;background: #F8F8F8;right: 0; z-index: -1; -webkit-clip-path: polygon(0 29%, 100% 56%, 100% 100%, 0% 100%); clip-path: polygon(0 29%, 100% 56%, 100% 100%, 0% 100%);     transform: translateY(100%); transition: .5s;}
.indexSix .box ul li:hover::after { transform: translateY(0);}
.indexSix .box ul li:hover h5 {color: #004d90;}

.indexSix .box .swiperBox {width: 31%;background: #f9f9f9;border-radius: 0.1rem;}
.inSixSwiper .imgBox {overflow: hidden;border-radius: 0.1rem;}
.inSixSwiper .imgBox img {width: 100%; transition: .5s;}
.inSixSwiper .con {padding: .25rem; box-sizing: border-box;}
.inSixSwiper .con .conTle {color: #333333;}
.inSixSwiper .con .qucon {  font-family: "PFRegular";}
.inSixSwiper .con h5 {color: #333333; font-family: "PFBold"; font-size: var(--font20);margin-top: .12rem; line-height: 1.3; transition: .5s;}
.inSixSwiper .con .more {margin-top: .3rem;color: #333333;}
.inSixSwiper .con .more svg {margin-left: .1rem;}
.inSixSwiper .swiper-pagination {bottom: .2rem; text-align: right; padding-right: .2rem;}
.inSixSwiper .swiper-pagination .swiper-pagination-bullet-active {background: #0a77bd;}
.inSixSwiper .swiper-slide:hover .imgBox img {transform: scale(1.05);}
.inSixSwiper .swiper-slide:hover h5 {color: #0a77bd;}

/* =====底部===== */
.footer {background: #222222; padding-top: .5rem;}
.footerTop { padding-bottom: .45rem; border-bottom: 1px solid rgba(218, 218, 218,.13);}
.footerTop h4 {font-size: 0.42rem;color: #0a77bd; font-weight: bold;}
.footerTop .en {font-size: var(--font15);color: #ffffff; opacity: .5; text-transform: uppercase;}
.footer .foterLogo img {max-width: 3.5rem;}
.foterBox {padding-top: .5rem; }
.foternav {display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap;}
.foternav dl {margin-right: .1rem;}
.foternav dl dt a {color: #ffffff; font-size: var(--font18);  font-family: "PFBold"; margin-bottom: .2rem; transition: all .5s ease;}
.foternav dl dt a:hover {color: #0a77bd;}
.foternav dl dd a {color: #a3a3a3; margin: .1rem 0; display: block; transition: all .5s ease;}
.foternav dl dd a:hover {color: #0a77bd;}
.foterus {display: flex; align-items: center;} 
.foterus .usicon {width: 0.46rem;height: 0.47rem;  border: 1px solid #fff; border-radius: 50%; margin-right: .15rem;}
.foterus em {color: #7b7b7b; display: block; margin-bottom: .1rem;}
.foterus strong {font-weight: normal;color: #0a77bd;  font-family: Impact;font-size: 0.31rem;}
.copyright {margin-top: .4rem; padding: .2rem 0;color: #666666; font-size: var(--font15); border-top: 1px solid rgba(218, 218, 218,.13);}
.copyright p {color: #666666;}
.copyright p a {transition: all .5s ease;}
.copyright p a:hover {color: #0a77bd;}
.copyRight .c-code-btn {margin-left: .2rem;}

/* =========================================================================================内页============================================================================ */
/* 内页banner */
.ny-banner {position: relative;}
.ny-banner .imgBox img {width: 100%;}
.ny-banner .container {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.ny-banner .nybanTle .en {opacity: 0.04; line-height: .1; top: 0;bottom: auto; left: -.5%; font-size: 1rem;}
.ny-banner .nybanTle h3 {color: #fff; font-size: .66rem;}
.ny-banner .nybanTle h3::after {bottom: 40%; left: -4%;}
.ny-banner .nybanTle .text p {color: #ffffff; font-size: .18rem; margin-top: .1rem;}
.ny-banner .aboutnav {top: auto; bottom: 0;}
.ny-banner .aboutnav ul {}
.ny-banner .aboutnav ul li {margin:0.5%; width: 19%; float: left; position: relative;}
.ny-banner .aboutnav ul li.on::after {opacity: 1;visibility: visible;}
.ny-banner .aboutnav ul li:hover::after {opacity: 1;visibility: visible;}
.ny-banner .aboutnav ul li a {position: relative; color: #333333; font-size: var(--font18); display: flex; align-items: center; justify-content: center; width: auto; padding: 0 .3rem; height: 0.55rem;background: #ffffff;border-radius: 0.05rem; overflow: hidden; transition: .5s; z-index: 1;}
.ny-banner .aboutnav ul li a::after {content: ""; position: absolute; left: 0; width: 0; height: 100%; bottom: 0; background: #0a77bd;transition: .5s; z-index: -1;border-radius: 0.05rem;}
.ny-banner .aboutnav ul li:hover a::after , .ny-banner .aboutnav ul li.on a::after {width: 100%;}
.ny-banner .aboutnav ul li:hover a , .ny-banner .aboutnav ul li.on a {color: #fff;}

/* =====关于我们===== */
.aboutTle .en {line-height: 1.8;}
.aboutTle h3::after {left: auto; right: -4%; background: url(../images/aboutTle-icon.png) no-repeat center; width: 0.94rem;height: 0.94rem; background-size: contain;}
.aboutTle span {color: #f2f2f2; font-size: var(--font18); display: block;}

.aboutOne {margin-bottom: 1.45rem;}
.aboutOne .box {display: flex; padding: 1rem 0; justify-content: space-between; align-items: center;}
.aboutOne .box .le { width: 41%;}
.aboutOne .box .aboutTle i {width: 0.49rem;height: 0.05rem;border-radius: 0.03rem; display: block; margin-top: .3rem;background: linear-gradient(94deg,#0d6abb 0%, #004d90 100%);}
.aboutOne .box .text p {color: #333333; margin-top: .2rem; line-height: 1.8; text-indent:.32rem;}
.aboutOne .box .imgBox {background: #f2f2f2;border-radius: 0.5rem 0rem 1.5rem 0rem; overflow: hidden;}
.aboutOne .box .imgBox img {max-width: 100%;}
.aboutOne .box .re {width: 50%; position: relative;}
.aboutOne .box .re::after {content: ""; position: absolute;width: 3.26rem;height: 3.26rem; right: -15%; background: url(../images/aboutOne-icon.png) no-repeat center; bottom: 0; z-index: -1; background-size: contain;}

.aboutOne ul {display: flex; justify-content: space-between; align-items: center;}
.aboutOne ul i {width: 1px; height: 0.92rem; background: #f2f2f2;}
.aboutOne ul li {text-align: center;}
.aboutOne ul li .counter {display: flex;    justify-content: center;font-family: "LexMedium";}
.aboutOne ul li strong {font-size: 0.57rem;color: #333333;font-family: "LexMedium"; font-weight: normal;}
.aboutOne ul li em {font-size: .3rem; line-height: 2; }
.aboutOne ul li span {font-size: 0.57rem;color: #333333; }
.aboutOne ul li sup {font-size: .3rem;}
.aboutOne ul li .text {color: #666666;    }

.aboutTwo {background: url(../images/aboutTwo-bj.jpg) no-repeat center; background-size: cover; padding: 1rem 0; padding-bottom: 2rem;}
.aboutTwo .aboutTle h3 {color: #fff;}
.aboutTwo .box {margin-top: .5rem; position: relative;}
.aboutTwo .box::after {content: ""; position: absolute;  left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 1px; opacity: 0.22; background: #b8c9db; }
.abTwoSwiper .swiper-slide {padding-left: .1rem;  margin-top: 2.05rem;  padding-bottom: 1.5rem;}
.abTwoSwiper .xian {display: inline-flex; flex-direction: column; align-items: center;position: relative;top: .25rem;}
.abTwoSwiper .xian .i1 {width: 0.06rem;height: 0.06rem;background: #f9f9f9; border-radius: 50%;}
.abTwoSwiper .xian .i2 {width: 1px;height: 1.08rem;opacity: 0.29;background: #e7e7e7;}
.abTwoSwiper .xian .i3 {width: 0.1rem;height: 0.1rem; background: #0a77bd;border-radius: 50%; position: relative;}
.abTwoSwiper .xian .i3::after {content: ""; width: 100%; height: 100%; position: absolute; background: #0a77bd;border-radius: 50%;   animation: shubiao 1s infinite linear .65s; z-index: -1; opacity: .5;}
@keyframes shubiao {0% {-webkit-transform: scale(1);}33% {-webkit-transform: scale(1.5);}66% {-webkit-transform: scale(1.6);}100% {-webkit-transform: scale(1);}}
.abTwoSwiper .con {margin-left: .4rem; position: absolute; left: 0; top: 0;height: 100%;padding-top: 1.4rem;}
.abTwoSwiper .con .time {font-size: 0.4rem;color: #ffffff;  font-family: "LexMedium";}
.abTwoSwiper .con .text {color: #f2f2f2; font-size: .16rem;}
.abTwoSwiper .con .text .cor {color: #0a77bd; font-size: var(--font23);}
.abTwoSwiper .swiper-slide:nth-child(even) {padding-bottom: 1rem; margin: 0;}
.abTwoSwiper .swiper-slide:nth-child(even) .xian {top: .15rem;}
.abTwoSwiper .swiper-slide:nth-child(even) {transform: rotateX(180deg) translateY(-.4rem) }
.abTwoSwiper .swiper-slide:nth-child(even) .con {transform: rotateX(-180deg);padding-top: 0.15rem;}
.aboutTwo .swjt {top: auto; left: 50%; bottom: -1rem;width: 0.65rem;height: 0.65rem;background: rgba(255, 255, 255,.2); border-radius: 50%; transition: .5s;}
.aboutTwo .swjt svg {max-width: 40%;}
.aboutTwo .swjt.swiper-button-prev { transform: rotate(180deg) translateX(150%);}
.aboutTwo .swjt:hover {background: #0a77bd;}

.aboutThree {margin: 1rem 0;}
.aboutThree .box {margin-top: .5rem; display: flex; justify-content: space-between;}
.aboutThree .box .imgBox {width: 74%;}
.aboutThree .box .imgBox img {max-width: 100%;}
.aboutThree .re {width: 20.5%;}
.aboutThree .addList {display: flex;}
.aboutThree .addList dl {width: 50%;margin-left: 2px;}
.aboutThree .addList dt {background: #004d90; color: #fff; text-align: center; font-size: var(--font22);font-family: "PFBold"; padding: .05rem 0;}
.aboutThree .addList dd {background: #f0f0f0;margin-top: 1px; text-align: center;color: #444444;}
.aboutThree .addList2 {margin-top: .1rem;}

.aboutFour {background: #f2f2f2;}
.aboutFour .aboutTle { padding: 1rem 0;}

/* 上面 */
.hon_box {padding-bottom: 1.5rem;}
.hon_con_box { overflow: hidden; position: relative; margin-bottom: .7rem;}
.hon_con_box .swiper-container {width: 39.5%; margin: 0 auto; overflow: visible;}
.hon_con_box .swiper-container .swiper-slide {overflow: visible;}
.hon_con_box .swiper-container .swiper-wrapper { align-items: center;}
.hon_con_box .swiper-container .honor_con_me {transform: scale(0.8); transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out;display: flex; flex-direction: column;align-items: center; justify-content: center;}
.hon_con_box .swiper-container .honor_con_me .pub_img_box { transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;display: none;}
.hon_con_box .swiper-container .honor_con_me .pub_img_box::before { margin-top: 64.8208%;}
.hon_con_box .swiper-container .honor_con_me .pub_img_box .pub_img {background-size: contain; background-repeat: no-repeat; background-position: center;}
.hon_con_box .swiper-container .honor_con_me .honor_img_ { display: block;margin: 0 auto; max-width: 100%; max-height: 3.5rem;}
.hon_con_box .swiper-container .honor_con_me .honor_t {font-family: "PFMedium";font-size: .2rem; text-align: center; margin-top: .3rem;color: #333;transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;  opacity: 0;}
.hon_con_box .swiper-container .active .honor_con_me {transform: none;}
.hon_con_box .swiper-container .active .honor_con_me .honor_img_ {     box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);}
.hon_con_box .swiper-container .active .honor_con_me .pub_img_box {box-shadow: 0px 30px 100px 0px rgba(0, 0, 0, 0.15);}
.hon_con_box .swiper-container .active .honor_con_me .honor_t {opacity: 1;}
.hon_con_box {cursor: url("../images/shubiao.png"), auto;}
/* 下面 */
.hon_nav_box {margin-top: .3rem; position: relative; max-width: 68%; margin: auto;}
.hon_nav_box .swiper-container {overflow: hidden;}
.hon_nav_box .swiper-slide { width: auto; cursor: pointer; pointer-events: auto;}
.hon_nav_box .swiper-slide.active-nav .hon_n  {color: #0a77bd;}
.hon_nav_box .hon_n {color: #666666;line-height: 1.5;text-align: center; padding: 0 .2rem;}
.hon_nav_box .swiper-pagination span:focus { outline: none;}
.hon_nav_box .swiper-button-prev,
.hon_nav_box .swiper-button-next {width: .56rem;height: .56rem; font-size: 14px; color: #333; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;text-align: center;background-image: none !important; top: 50%; margin-top: 0;}
.hon_nav_box .swiper-button-prev > div,
.hon_nav_box .swiper-button-next > div {border: 1px solid #333;transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out; width: 80%;height: 80%;position: absolute;left: 10%; top: 10%; transform: rotate(45deg); border-radius: .06rem; z-index: 1;}
.hon_nav_box .swiper-button-prev svg,
.hon_nav_box .swiper-button-next svg { position: relative; z-index: 2;}
.hon_nav_box .swiper-button-prev:hover img,
.hon_nav_box .swiper-button-next:hover img {filter: none; -webkit-filter:none;}
.hon_nav_box .swiper-button-prev:hover > div,
.hon_nav_box .swiper-button-next:hover > div {border-color: #0a77bd;background-color: #0a77bd;}
.hon_nav_box .swiper-button-prev:hover svg path,
.hon_nav_box .swiper-button-next:hover svg path {fill: #fff;}
.hon_nav_box .swiper-button-prev {left: 0;transform: translate(-250%, -50%) rotate(180deg);}
.hon_nav_box .swiper-button-next {right: 0;transform: translate(250%, -50%);}

/* =====产品中心===== */
/* 面包屑 */
.mbx {color: #666;}
.mbx a {color: #666; font-size: var(--font15); }
.mbx img {margin-right: .1rem;}
.mbx a:hover {color: #FF7D00;}

.proCenOne {margin: .7rem 0 1rem 0;}
.proCenOne .tle {display: flex; justify-content: space-between; align-items: flex-start;}
.proCenOne .tle h4 {font-size: 0.46rem;color: #333333;font-family: "PFBold";}
.proCenNav {margin-top: .3rem;}
.proCenNav ul {display: flex; flex-wrap: wrap;}
.proCenNav ul li {margin-top: .35rem; margin-right: .35rem; position: relative;}
.proCenNav ul li.on::after {opacity: 1;visibility: visible;}
.proCenNav ul li:hover::after {opacity: 1;visibility: visible;}
.proCenNav ul li::after {content: "";width: 28px;height: 7px;background: url(../images/headNav-icon.png) no-repeat center; position: absolute; left: 50%;top: 120%;transform: translate(-50%, -50%);opacity: 0;visibility: hidden;transition: .5s;}
.proCenNav ul li a {position: relative; color: #333333; background: #F9F9F9; font-size: var(--font18); display: flex; align-items: center; justify-content: center; width: auto; padding: 0 .4rem; height: 0.55rem;min-height: 40px; border-radius: 0.05rem; overflow: hidden; transition: .5s; z-index: 1;}
.proCenNav ul li a::after {content: ""; position: absolute; left: 0; width: 0; height: 100%; bottom: 0; background: #0a77bd;transition: .5s; z-index: -1;border-radius: 0.05rem;}
.proCenNav ul li:hover a::after , .proCenNav ul li.on a::after {width: 100%;}
.proCenNav ul li:hover a , .proCenNav ul li.on a {color: #fff; transform: translateY(-10%);}
.proCenlist {margin-top: .8rem;}
.proCenlist ul {display: grid; grid-template-columns: repeat(4,1fr); gap: .4rem;}
.proCenlist li {background: #ffffff; padding: .3rem; box-sizing: border-box; border-radius: 0.2rem; box-shadow: 0rem 0rem 0.2rem 0rem rgba(209,209,209,0.18); }
.proCenlist li .imgBox {max-width: 100%; display: flex; justify-content: center; align-items: center; position: relative;}
.proCenlist li .imgBox img {max-width: 100%; transition: .5s;}
.proCenlist li .imgBox i {min-width: 40px; min-height: 40px; width: 0.68rem; height: 0.68rem; padding-bottom: .02rem; background: #0a77bd;border-radius: 0.1rem;box-shadow: 0.03rem 0.09rem 0.5rem 0rem rgba(0,0,0,0.38); }
.proCenlist li .imgBox i {font-size: 0.4rem;color: #ffffff; font-style: normal; position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) scale(0);z-index: 1;opacity: 1;transition: all 0.4s;transition-delay: 0.2s;}
.proCenlist li {text-align: center; }
.proCenlist li .con {margin-top: .1rem;}
.proCenlist li .con em {font-size: var(--font16); color: #a9a9a9;}
.proCenlist li .con h5 {font-size: var(--font16);color: #333333;   font-family: "PFBold"; margin-top: .05rem;}
.proCenlist li:hover img {opacity: .6;}
.proCenlist li:hover .imgBox i {opacity: 1; transform: translate(-50%,-50%) scale(1);}
.proCenlist li:hover h5 {color: #004d90;}

/* 产品详情 */
.productDateMain .container {width: 1500px;}
.proDateTop {background: #f3f3f3 url(../images/proDateTop-bj.jpg) no-repeat center; background-size: cover; padding: .5rem 0 1.25rem 0;}
.pro-xq {margin-top: .6rem;}
.proxq-box {display: flex; justify-content: space-between;}
.proxq-pic {width: 40%; background: #fff;border-radius: 0.1rem;padding: .3rem .3rem; box-sizing: border-box;}
.proxq-info {width: 55%; margin-top: 0;}
.propic-big {height: 100%;}
.propic-big ul li .pic {display: flex; justify-content: center; align-items: center;  box-sizing: border-box; height: 100%;}
.propic-big ul li .pic img {display: block; max-width: 100%;}
.proxq-info .infoTle {padding-bottom: 0.15rem; margin-bottom: 0.15rem;border-bottom: 1px solid #E2E2E2;}
.proxq-info strong {display: block; font-size: var(--font30); color: #333;  }
.proxq-info .disc strong {display: block; font-size: var(--font18); color: #333;  }
.proxq-info .disc p {line-height: 190%; font-size: 18px; margin-bottom: 6px; font-weight: bold;}
.proxq-info .xinghao {font-size: var(--font24);color: #666666;}
.proxq-info .xinghao span {color: #0C0660;}
.proxq-info .disc {color: #666666; line-height: 180%;}
.proxq-btn {margin-top: .6rem; padding-bottom: 0.5rem; border-bottom: 1px solid #dbdbdb; margin-bottom: 0.3rem;}
.proxq-btn a {z-index: 0; height: 100%; position: relative; overflow: hidden;  width: 1.7rem; height: .55rem; min-width: 120px; min-height: 32px; font-size: var(--font16); background: #0a77bd; border-radius: 3px; text-align: center; color: #fff; }
.proxq-btn a:before{content: "";position: absolute;width: 0;height: 100%;left: 50%;top: 0;z-index: -1;opacity: 2;transition: all 0.4s;}
.proxq-btn a:before{background: #eca049;}
.proxq-btn a:hover:before{width: 100%;left: 0;opacity: 1;}
.proxq-arrow {display: flex; justify-content: space-between; align-items: center;}
.proxq-arrow a{display: flex; align-items: center; }
.proxq-arrow i{display: block; display: flex;  align-items: center;  justify-content: center;  width: 0.5rem;    height: 0.5rem; min-width: 35px;min-height: 35px;  border-radius: 5px;  border: 1px solid #dbdbdb; transition:0.5s}
.proxq-arrow h5{display: block; font-size: var(--font16); color: #1a1a1a;}
.proxq-arrow a:first-child i { transform: rotateY(180deg); margin-right: 0.125rem;}
.proxq-arrow a:last-child i {margin-left: 0.125rem;}
.proxq-arrow a:hover i {background: #0a77bd;border-color: #0a77bd;}
.proxq-arrow a:hover i svg path {	fill: #ffffff;}
.proxq-arrow a:hover h5 {color: #0a77bd;}

.infoCon table{
	border-left:1px solid #ddd;
	border-top:1px solid #ddd;
    width: 100%;
	margin-bottom:15px;
    margin-top: 10px;
	word-break: break-all;
	border-spacing: 0px;border-collapse: separate;
	}

.infoCon tr:nth-child(1n){color: #333; background: #eee; padding:8px 5px;}
.infoCon tr:nth-child(2n){background: #fff;}

.infoCon  td{
	padding:5px;
	text-align: center;
	color:#666;
	font-size:16px;
	line-height:240%;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	}

.proDateInfo {background: #fff; padding: .8rem 0 2rem 0;}
.proDateInfo .box {display: flex; justify-content: space-between; align-items: flex-start;}
.proDateInfo .box .le {width: 65%;}
.proDateInfo .box .re {width: 24%; position: sticky; top: 1.3rem;}
.proDateInfo .tle {margin-bottom: .4rem;}
.proDateInfo .tle h3 {font-size: 36px;color: #333333; position: relative;font-weight: bold;}
.proDateInfo .infoCon {margin:.2rem 0;}
.proDateInfo .infoCon p {line-height: 190%; font-size: 16px; margin-bottom: 6px;}
.proDateInfo .infoCon p img {max-width: 100%;}
.proDateInfo .re ul li {  background: #ffffff; border-radius: 10px; margin-top: .2rem; background: #ffffff; border-radius: 0.1rem;box-shadow: 0rem 0rem 0.2rem 0rem rgba(82,82,82,0.04); }
.proDateInfo .re ul li a {display: flex;align-items: center; padding: .25rem; box-sizing: border-box; justify-content: space-between;}
.proDateInfo .re ul li .imgBox {width: 44%; max-width: 1.5rem; display: flex; align-items: center; justify-content: center;}
.proDateInfo .re ul li .imgBox img {max-width: 100%;}
.proDateInfo .re ul li .recon {margin-left: .15rem; width: 50%;}
.proDateInfo .re ul li h6 {color: #333333; font-size: var(--font18); font-family: "PFBold"; transition: .35s;}
.proDateInfo .re ul li span {color: #0a77bd; font-size: var(--font14); margin-top: .35rem; display: block;}
.proDateInfo .re ul li:hover h6 {color: #0a77bd;}
.proDateInfo .infoCon .tableBox {overflow-x: auto;scrollbar-width:6px;scrollbar-color:rgba(0, 0, 0, 0.2);}
.proDateInfo .infoCon .tableBox::-webkit-scrollbar {width: 6px; height: 6px;}
.proDateInfo .infoCon .tableBox::-webkit-scrollbar-thumb {background: rgba(0, 0, 0, 0.2); border-radius: 5px;}
.proDateInfo .infoCon .tableBox::-webkit-scrollbar-track { border-radius: 0; background: rgba(0,0,0,0.2);border-radius: 5px;}

/* =====品牌代理===== */
.brand-banner .nybanTle {display: flex; justify-content: space-between; align-items: flex-start; border-bottom: 1px solid #FFFFFF; padding-bottom: .3rem;}
.brand-banner .brandTle {text-align: right;}
.brand-banner .brandTle img {max-width: 3.35rem;}
.brand-banner .brandTle span {display: block;font-size: 0.4rem;color: #ffffff;margin-top: .1rem;} 

.brandlist {margin: 1rem 0;}
.brandlist ul {display: grid; grid-template-columns: repeat(3,1fr); gap: .7rem;}
.brandlist ul li {background: #ffffff;border-radius: 0.2rem;box-shadow: 0rem 0rem 0.38rem 0rem rgba(209,209,209,0.18); overflow: hidden;}
.brandlist ul li .imgBox {position: relative; overflow: hidden;}
.brandlist ul li .imgBox img {width: 100%;transition: .5s;}
.brandlist ul li .imgBox i {min-width: 40px; min-height: 40px; width: 0.68rem; height: 0.68rem; background: #0a77bd;border-radius: 0.1rem;box-shadow: 0.03rem 0.09rem 0.5rem 0rem rgba(0,0,0,0.38); }
.brandlist ul li .imgBox i {font-size: 0.4rem;color: #ffffff; padding-bottom: .02rem; font-style: normal; position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) scale(0);z-index: 1;opacity: 1;transition: all 0.4s;transition-delay: 0.2s;}
.brandlist ul li .con {text-align: center;color: #333333; font-family: "PFBold"; padding: .5rem .1rem; box-sizing: border-box; font-size: var(--font20);}
.brandlist li:hover .imgBox img {transform: scale(1.05);}
.brandlist li:hover .imgBox i {opacity: 1; transform: translate(-50%,-50%) scale(1);}
.brandlist li:hover .con {color: #004d90;}

/* =====解决方案===== */
.solutTle h3::after {right: -12%;}

.solutionOne {padding: 1.2rem 0 1.8rem 0; background: url(../images/solutionOne-bj.jpg) no-repeat center; background-size: cover;}
.solutionOne .imgBox {margin-top: .45rem;}
.solutionOne .imgBox img {max-width: 100%;}

.solutionTwo {padding: 1rem 0 .5rem 0;}
.soluTwoSwiper {padding: .5rem .2rem; margin-top: .2rem;}
.soluTwoSwiper .swiper-slide .imgBox {height: 1.68rem; background: #ffffff; border-radius: 0.1rem; box-shadow: 0rem 0rem 0.15rem 0rem rgba(209,209,209,0.19); display: flex; align-items: center; justify-content: center;}
.soluTwoSwiper .swiper-slide .imgBox img {max-width: 50%;    max-height: 75%;}
.soluTwoSwiper .swiper-pagination {bottom: 0;}
.soluTwoSwiper .swiper-pagination .swiper-pagination-bullet-active {background: #0a77bd;}

/* =====品质与制造===== */
.qualityMain .solutTle .text {margin-top: .3rem;}
.qualityMain .solutTle .text p {color: #333333; font-size: .22rem; margin-top: .05rem;}
.qualityOne {background: url(../images/qualityOne-bj.jpg) no-repeat center; background-size: cover; padding: 1rem 0; background-attachment: fixed;}
.qualityOne ul {margin-top: .8rem; display: flex; justify-content: space-between;}
.qualityOne ul li {background: #fff; width: 31%;background: #ffffff;border-radius: 0.2rem; padding: .7rem .5rem .6rem .5rem; box-sizing: border-box;}
.qualityOne ul li .icBox {text-align: right;}
.qualityOne ul li h4 {color: #333333; font-size: var(--font36);font-family: "PFBold";letter-spacing: -0.01rem; margin-top: .05rem;}
.qualityOne ul li dl {margin-top: .3rem;}
.qualityOne ul li dd {color: #525252; font-size: var(--font20); margin-top: 3px;}

.qualityTwo {padding: 1.3rem 0;}
.proapp-list {margin-top: .8rem; padding-bottom: .6rem;}
.proapp-list .pic {overflow: hidden;background: #ffffff;border-radius: .1rem;}
.proapp-list .pic img {width: 100%; transition: .5s;}
.proapp-list .pic:hover img {transform: scale(1.1);}
#proapp-num {width: 50%;position: relative; background: #DDDDDD; margin: auto;}
#proapp-num .swiper-scrollbar-drag{ height: 5px; background: #0a77bd; position: relative; top: 46%;  }
#proapp-num .swiper-scrollbar-drag:before,#proapp-num  .swiper-scrollbar-drag:after{  position: absolute; content: ''; width: 14px; height: 14px; background: #0a77bd; border-radius: 50%; right: 0; top: 50%; transform:  translateY(-50%);}
#proapp-num .swiper-scrollbar-drag:before{z-index: 3;}

.qualityThree {background: url(../images/qualityThree-bj.jpg) no-repeat center; background-size: cover; padding: 1rem 0 1.5rem 0;}
.qualityThree .solutTle h3 {color: #333;}
.qualityThree .solutTle .text p {color: #333;}
.qualityThree ul {margin-top: .6rem; display: grid; grid-template-columns: repeat(2,auto); gap: .3rem; justify-content: flex-start;}
.qualityThree ul li {min-width: 3.58rem; height: 0.8rem; border: 1px solid rgba(0, 0, 0,.27); border-radius: 0.41rem; display: flex; align-items: center; padding-left: .45rem;}
.qualityThree ul li .icBox {width: .5rem; margin-right: .1rem;}
.qualityThree ul li .icBox img {max-width: 100%;}
.qualityThree ul li span {color: #333;font-size: .25rem;font-family: "PFBold";}
.qualityTwo .pic2 ul {margin-top: .8rem;}
.qualityTwo .pic2 ul li {width: 48%; float: left; border: 2px solid #ccc; margin-right: 4%; border-radius: 0.1rem;}
.qualityTwo .pic2 ul li:nth-child(2){margin-right:0;}
.qualityTwo .pic2 ul li img {width: 100%; border-radius: 0.1rem;}

/* =====新闻中心===== */
.newsMain {margin: .4rem 0; margin-bottom: 1rem;}

.newsMain .box {margin-top: .5rem; display: flex; justify-content: space-between; }
.newsMain .box ul {display: grid; grid-template-columns: repeat(4,1fr); width: 100%;margin-left: 0; position: relative;}
.newsMain .box ul li {position: relative;padding: 0 9%; box-sizing: border-box;position: relative; overflow: hidden; border-right: 1px solid #EDEDED;}
.newsMain .box ul li:nth-child(4n){border-right: none;}
.newsMain .box ul li .imgBox img {width: 100%; transition: .5s;}
.newsMain .box ul li h5 {color: #333333;font-size: var(--font18);margin-top: .2rem; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.newsMain .box ul li p {color: #777777;font-size: var(--font16);line-height: 1.8;margin-top: .2rem;display: -webkit-box;overflow: hidden;  	-webkit-line-clamp: 2;-webkit-box-orient: vertical; display: none;}
.newsMain .box ul li em {display: block; margin-top: .1rem; margin-bottom: .2rem; font-size: var(--font16);color: #666666; font-family: Arial, Arial-Regular; position: relative;}
.newsMain .box ul li em::after {content: ""; position: absolute; right: 0;top: 0;  width: 100%; height: 100%;  background: url(../images/jt7.png) no-repeat 80%; transition: .5s; opacity: 0;}
.newsMain .box ul li:hover em::after {background-position-x: 100%; opacity: 1;}
.newsMain .box ul li::after {content: ""; position: absolute; top: -18%; width: 100%; height: 118%;background: #F8F8F8;right: 0; z-index: -1; -webkit-clip-path: polygon(0 29%, 100% 56%, 100% 100%, 0% 100%); clip-path: polygon(0 29%, 100% 56%, 100% 100%, 0% 100%);     transform: translateY(100%); transition: .5s;}
.newsMain .box ul li:hover::after { transform: translateY(0);}
.newsMain .box ul li:hover h5 {color: #004d90;}
/* 详情 */
.newsDate .box {padding: 0.5rem 0; margin-bottom: 0.44rem; display: flex; justify-content: space-between; align-items: flex-start;}
.news-left {width: 68%; margin-top: .5rem;}
.newsxq-title {border-bottom: 1px solid #ddd; padding-bottom: 0.4rem;}
.newsxq-title strong {display: block; font-size: 0.4rem; color: #333;  font-family: "PFBold"; margin-bottom: 0.1rem;}
.newsxq-title span {display: block; font-size: var(--font16); color: #777;}
.newsxq-editbox {margin: .3rem 0;}
.newsxq-editbox p {line-height: 180%; margin-bottom: .15rem;}
.newsxq-editbox img {max-width: 100%;}
.newsxq-page {display: flex; justify-content: space-between; align-items: center; margin-top: .5rem; border-top: 1px solid #ddd; padding-top: .3rem;}
.newsxq-page a {display: flex; align-items: center;}
.news-prev,.news-next{transition:0.6s; display: flex; align-items: center; justify-content: center; width: 0.51rem;height: 0.51rem;min-width: 35px;min-height: 35px;   border: 0.02rem solid #eeeeee;border-radius: 0.05rem;}
.news-prev svg {transform: rotateY(180deg);   -webkit-transform: rotateY(180deg);}
.newsxq-page em {display: inline-block; font-size: var(--font16); color: #333;}
.prev-link em {margin-left: 0.17rem;}
.next-link em {margin-right: 0.17rem;}
.next-link {flex-direction: row-reverse;}
.newsxq-page a:hover .news-prev,.newsxq-page a:hover .news-next{background: #0a77bd; border-color: #0a77bd; }
.newsxq-page a:hover svg path {fill: #fff;}
.news-right {width: 25%;background: #f9f9f9;border-radius: 0.1rem; padding: .3rem .2rem; position: sticky; top: 1.2rem;}
.news-right .reTle {font-size: var(--font26);color: #333333;font-family: "PFBold";}
.news-right dl dd {margin-top: .3rem;}
.news-right dl dd a {display: flex; justify-content: space-between;}
.news-right dl dd .imgBox {width: 38%; overflow: hidden; border-radius: 0.05rem;}
.news-right dl dd .imgBox img {width: 100%;height: 100%; object-fit: cover; transition: .5s;}
.news-right dl dd .con {width: 55%;}
.news-right dl dd .time {color: #999999; font-size: var(--font14);}
.news-right dl dd h6 {color: #333333;font-family: "PFBold"; font-size: var(--font16); margin-top: .05rem;}
.news-right dl dd:hover .imgBox img {transform: scale(1.05);}
.news-right dl dd:hover h6 {color: #0a77bd;}

/* =====联系我们===== */
.contactOne {margin: 1rem 0;}
.contactOne .box {}
.contactOne ul {}
.contactOne ul li {border: 0.01rem solid #d1d1d1; border-radius: 0.1rem; padding:.5rem 0.4rem;}
.contactOne ul li h3 {font-size: 0.38rem; color: #333333;font-family: "PFBold";text-align: center;}
.contactOne ul li dl {margin-top: .5rem;width: 100%;display: flex;    justify-content: space-between;}
.contactOne ul li dd { display: flex; align-items: center; box-sizing: border-box;}
.contactOne ul li dd .icBox {width: 0.43rem; height: 0.43rem; min-width: 30px; min-height: 30px; background: #004d90;border-radius: 0.05rem; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}
.contactOne ul li dd .con {margin-left:.2rem;}
.contactOne ul li dd em {color: #666; font-size: var(--font15);}
.contactOne ul li dd .con a {display: block;color: #333333; font-size: var(--font20);}
.contactOne ul li dd a:hover {color: #0a77bd;}

.contactTwo {background: url(../images/contactTwo-bj.jpg) no-repeat center; background-size: cover; padding: .8rem 0 1rem 0; background-attachment: fixed;}
.contactTwo .tle {text-align: center;font-size: 0.4rem;color: #333333;font-family: "PFBold";}
.contactTwo .box form {width: 1050px; margin: auto; max-width: 92%; padding: .5rem 0 .6rem 0; box-sizing: border-box;}
.contactTwo form .inBox {display: flex; justify-content: space-between; margin-bottom: .2rem;}
.contactTwo form .inBox input {border-radius: 0.05rem; width: 100%; height: 100%; background: #fff; border: none; outline: none; padding: 0 .2rem; padding-right: .8rem; box-sizing: border-box; color: #333;}
.contactTwo form .inBox input::placeholder {color: #AAAAAA;}
.contactTwo form .inOne {width: 48.5%; position: relative; height: 0.6rem; min-height: 45px; box-sizing: border-box;  border: 1px solid rgba(255, 255, 255..38);}
.contactTwo form .inOne label {position: absolute; left: 92%; top: 50%; transform: translate(-50%, -50%);}
.contactTwo form .inOne label img {max-width: .35rem;}
.contactTwo form .inBox2 {position: relative;height: 1.72rem;}
.contactTwo form textarea {border-radius: 0.05rem;width: 100%; height: 100%; font-family: "Microsoft YaHei"; color: #333; background: #fff; border: none; outline: none; resize: none; padding: .2rem; padding-right: .4rem;box-sizing: border-box;}
.contactTwo form textarea::placeholder {color: #AAAAAA; font-family: "PFMedium";}
.contactTwo form label {position: absolute; left: 96%; top: 35%; transform: translate(-50%, -50%);}
.contactTwo form .sub {display: flex; justify-content: center; margin-top: .7rem;}
.contactTwo form .sub input {width: 1.68rem;height: .55rem; cursor: pointer; background: #0a77bd; border-radius: 0.28rem; padding: 0; text-align: center; color: #fff; border: none; outline: none;}



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

/* 分页 */
.fy { padding: 0.5rem 0; display: flex;justify-content: center;align-items: center; flex-wrap: wrap;}
.fy a { display: flex; align-items: center; border: 1px solid #E5E5E5; justify-content: center;  color: #999; font-size: var(--font16); }
.fy a {width: .4rem; height: .4rem; min-width: 35px; min-height: 35px; transition: .4s; margin:5px;}
.fy a:hover {color: #fff; background: #0398f8; }
.fy .layui-laypage-curr {display: flex; align-items: center; justify-content: center;}
.fy .layui-laypage-curr {width: .4rem; height: .4rem; min-width: 35px; min-height: 35px; color: #fff; background: #0398f8; font-size: var(--font16); margin: 0 5px;}
.fy a:first-child ,.fy a:last-child {width: auto; text-align: center;padding: 0 .15rem;}
.fy a:first-child:hover::before ,.fy a:last-child:hover::before {filter: brightness(100); -webkit-filter:brightness(100);}