/* 了解更多 */
.learnMore a {width: 1.65rem; height: 0.53rem; border: 0.01rem solid #ffffff;display: flex;justify-content: space-around; align-items: center;transition: .5s;}
.learnMore a img {filter: invert(100%) sepia(100%) saturate(14%) hue-rotate(202deg) brightness(103%) contrast(105%);transition: .5s;}
.learnMore a span {color: #fff;font-size: var(--font16);}
.learnMore a:hover {background: #fff;}
.learnMore a:hover span {color: #00377a;}
.learnMore a:hover img {filter: none; transform: rotate(45deg);}


/* 头部 */
body {position: relative;}
.header-zw {height: 1rem;}
.header {position: fixed;z-index: 99;width: 100%;background: #ffffff;top: 0; min-width: 1279px;    box-shadow: 0px 3px 13.02px 7.98px rgba(25, 25, 25, 0.05);}
.headerBox {  display: flex; align-items: center;justify-content: space-between;height: .8rem; padding: .1rem 0; box-sizing: content-box;}
.heLogo {height: 100%;}
.heLogo a {display: flex;align-items: center; height: 100%;}
.heLogo img {max-width: 100%;max-height: 100%;}
.heReCon {display: flex; align-items: center; justify-content: space-between;width: 90%;}
nav {width: 74%;}
nav ul {display: flex;justify-content: space-between;}
nav ul > li {position: relative;}
nav ul > li > a {display: block; line-height: 1rem; padding: 0 .3rem;box-sizing: border-box;transition:background .5s;}
nav ul > li:hover > a {background: #00377a;color: #fff;}
nav ul > li.on > a {background: #00377a;color: #fff;}
.heSearch {margin:0 .5rem 0 .2rem;}
.heSearch img {filter: grayscale(100%); -webkit-filter:grayscale(100%);}
.heSearch a:hover img {filter: none;-webkit-filter:none;}
.heTel {display: flex; align-items: center;}
.heTel .icBox {background: #00377a;width: .36rem;height: .36rem; box-sizing: border-box; border-radius: 50%;display: flex; align-items: center;justify-content: center; flex-shrink: 0;}
.heTel .icBox img {max-width: 40%;}
.heTel .telCon {margin-left: .2rem;}
.heTel .telCon span {color: #00377a;font-size: var(--font16);font-weight: 400;}
.heTel .telCon b {display: block;color: #333333;font-size: var(--font24);font-family: Arial, Arial-Bold; line-height: 1;}
/* 二级下拉 */
nav dl {position: absolute; width: 100%; background: #fff; text-align: center; box-shadow: 0px 3px 5px 2px rgba(0,0,0,0.2); display: none;}
nav dl dd:first-child {border-top: 1px solid #fff;box-sizing: border-box;}
nav dl dd a {font-size: var(--font14); padding: 0.1rem 0; display: block;   border-bottom: 1px solid #eaeaea; transition: .5s;}
nav dl dd:hover a {background: #00377a;color: #fff;}

/* banner */
.banner {position: relative;}
.banner .bjBox img {width: 100%;}
.bannerSwiper {position: absolute; overflow: hidden; top: 0; height: 100%;width: 100%;}
.bannerSwiper .slide {z-index: 1;}
.bannerSwiper .slide .bjBox {position: absolute; width: 100%; height: 100%; left: 0;  top: 0; z-index: -1;}
.bannerSwiper .slide .bjBox img {width: 100%; height: 100%;object-fit: cover;}
.bannerSwiper .imgBox img {max-width: 100%;}
.bannerSwiper .con {position: absolute; left: 50%; top: 40%; transform: translate(-50%, -50%);display: flex; align-items: center;justify-content: space-between;width: 1300px; max-width: 85%;}
.bannerSwiper .conLe i {width: 0.46rem;height: 0.04rem; background: #ffffff;border-radius: 0.02rem;display: block;position: relative; margin-left: .2rem;box-sizing: border-box;}
.bannerSwiper .conLe i::after {width: 0.04rem;height: 0.04rem;background: #ffffff; border-radius: 0.02rem; content: ""; position: absolute; left: -.1rem;}
.bannerSwiper .conLe h2 {color: #ffffff;font-weight: 400;font-size: .48rem;margin: .2rem 0;}
.bannerSwiper .conLe p {font-size: 0.24rem; font-family: Arial, Arial-Regular;font-weight: 400;color: #ffffff; text-transform: uppercase;}
.bannerSwiper .conLe .learnMore {margin-top: .5rem;}
.bannerSwiper .imgBox {width: 45%; transform: translateY(20%); }
.bannerSwiper .imgBox img {animation: heart 2.2s ease-in-out .8s infinite alternate;}
.swiper-num {width: 1300px;position: absolute; left: 50%; top: 85%; transform: translate(-50%, -50%);display: flex; align-items: center; max-width: 85%;}
.swiper-num em {width: 1.4rem;height: 1px; background: rgba(255, 255, 255,.2);display: inline-block; margin: 0 .2rem;position: relative;}
.swiper-num em::after {content: ""; width: 0;height: 1px;background: #ffffff; position: absolute;left: 0;top: 0; }
.swiper-num em.active::after {animation: identifier1 10s forwards;}
.swiper-num em.active2::after {animation: identifier2 10s forwards;}
.swiper-num em.active3::after {animation: identifier3 10s forwards;}
.swiper-num span {color: #ffffff;font-size: var(--font16);font-family: Arial, Arial-Regular;}
.bannerSwiper .swjt {top: 80%; right: auto;left: 80%; width: 0.59rem;height: 0.53rem;border: 1px solid #ffffff; border-radius: 0.05rem;transform: skew(-15deg); transition: background .5s;}
.bannerSwiper .swjt img {transform: skew(15deg);filter: invert(100%) sepia(100%) saturate(14%) hue-rotate(202deg) brightness(103%) contrast(105%);}
.bannerSwiper .swiper-button-prev {left: 75%;}
.bannerSwiper .swiper-button-prev img {transform: rotate(180deg);}
.bannerSwiper .swjt:hover {background: #fff;}
.bannerSwiper .swjt:hover img {filter: none;}

/* 产品中心 */
.indexOne {margin-bottom: 1rem;}
.indexOne .tle {text-align: center;padding: .5rem 0;}
.indexOne .tle h3 {color: #333333;font-size: .42rem;font-weight: 700;}
.indexOne .tle span {color: #333333;font-size: var(--font16);display: block;}
.indexOneSlide .hd {border-bottom: 1px solid #C5C5C5;} 
.indexOneSlide ul {display: flex;justify-content: center;justify-content: space-between;}
.indexOneSlide .hd ul {padding: 0 10%; justify-content: center; }
.indexOneSlide .hd li {text-align: center; padding-bottom: .2rem;position: relative; flex: 1;}
.indexOneSlide .hd li::after {content: "";position: absolute;width: 0; left: 0;bottom: -1px;background: #00377a;height: 1px;transition: .5s;}
.indexOneSlide .hd li .icBox {width: .38rem;height: .38rem;display: flex; align-items: center;justify-content: center;margin: auto;}
.indexOneSlide .hd li .icBox img {max-width: 100%; filter: grayscale(100%); -webkit-filter:grayscale(100%);}
.indexOneSlide .hd li h5 {font-weight: 400;color: #333333;font-size: var(--font18);margin-top: .15rem;}
.indexOneSlide .hd li.on h5 {color: #00377A;font-weight: 700;}
.indexOneSlide .hd li.on::after {width: 100%;}
.indexOneSlide .hd li.on .icBox img {filter: none;}
.indexOneSlide .bd {margin-top: .35rem;}
.indexOneSlide .bd li {width: 1500px; margin: auto;position: relative; max-width: 95%;}
.indexOneSwiper {overflow: hidden; width: 1300px; margin: auto; max-width: 90%;}
.indexOneSwiper .swiper-slide {border: 0.01rem solid #cdcdcd;}
.indexOneSwiper .imgBox {position: relative;overflow: hidden;}
.indexOneSwiper .imgBox img {width: 100%;transition: .5s;}
.indexOneSwiper .con {padding: .15rem .3rem;}
.indexOneSwiper .con h6 {color: #333333;font-size: var(--font18);margin-bottom: .05rem;}
.indexOneSwiper .con p {color: #666666;font-size: var(--font16);}
.indexOneSwiper .con .more {display: flex;align-items: center;margin-top: .2rem;}
.indexOneSwiper .con .more span {font-size: var(--font16);color: #666666;margin-right: .2rem;}
.indexOneSwiper .con .more img {filter: grayscale(100%); -webkit-filter:grayscale(100%);opacity: .8;transition: .5s;}
.indexOneSwiper .swjt {right: 0;width: 0.59rem;height: 0.53rem;border: 1px solid #00377A; border-radius: 0.05rem;transform: skew(-15deg); transition: background .5s;}
.indexOneSwiper .swiper-slide:hover .imgBox img {transform: scale(1.1);}
.indexOneSwiper .swiper-slide:hover h6 {color: #00377A;}
.indexOneSwiper .swiper-slide:hover .con .more span {color: #00377A;}
.indexOneSwiper .swiper-slide:hover .con .more img {filter: none;-webkit-filter:none;opacity: 1; transform: rotate(45deg);}
.indexOneSwiper .swjt img {transform: skew(15deg);}
.indexOneSwiper .swiper-button-prev {left: 0;}
.indexOneSwiper .swiper-button-prev img {transform: rotate(180deg);}
.indexOneSwiper .swjt:hover {background: #00377A;}
.indexOneSwiper .swjt:hover img {filter: invert(100%) sepia(100%) saturate(14%) hue-rotate(202deg) brightness(103%) contrast(105%);}

/* 解决方案 */
.indexTwoSlide {overflow: hidden;}
.indexTwoSlide {display: flex; position: relative; max-width: 1920px; margin: auto;}
.indexTwoSlide::after {content: ""; position: absolute; right: 0; height: 100%; width: 36%;background: #fcfcfc; z-index: -1;}
.indexTwoSlide .container {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);display: flex;justify-content: flex-end; height: 100%;z-index: 1;}
.indexTwoSlide .hd {width: 29%;display: flex; flex-direction: column;justify-content: center; padding-left: 1.2rem; box-sizing: border-box;}
.indexTwoSlide .hd .tle {}
.indexTwoSlide .hd .tle h3 {font-size: 0.4rem;color: #333333;}
.indexTwoSlide .hd .tle i {width: 0.55rem;height: 0.04rem;background: #00377a; border-radius: 0.02rem; position: relative; padding-left: .1rem;}
.indexTwoSlide .hd .tle i::after {width: 0.04rem;height: 0.04rem;background: #00377a; border-radius: 0.02rem; content: ""; position: absolute; left: -.1rem;}
.indexTwoSlide .hd .smTle {display: flex; align-items: center; justify-content: space-between; margin-bottom: .25rem;}
.indexTwoSlide .hd p {color: #666666;font-size: var(--font16);margin-bottom: .5rem;}
.indexTwoSlide .hd ul li {padding: .4rem 0; display: flex;justify-content: space-between; position: relative;}
.indexTwoSlide .hd ul li::after {content: ""; width: 0; position: absolute; right: -120%;top: 0; height: 100%;background: #00377a; transition: .5s;z-index: -1;}
.indexTwoSlide .hd ul li .icBoxCon {display: flex; align-items: center; position: relative; left: 0; transition: .5s;}
.indexTwoSlide .hd ul li span {font-weight: 400; color: #666666; font-size: var(--font18); margin-left: .2rem;}
.indexTwoSlide .hd ul li .jia {color: #666666;font-weight: 700;font-size: var(--font18); transition: .5s;}
.indexTwoSlide .hd ul li.on::after {width: 250%;}
/* .indexTwoSlide .hd ul li.on .icBoxCon {left: -30%;} */
.indexTwoSlide .hd ul li.on .icBoxCon img {filter: brightness(100); -webkit-filter:brightness(100);}
.indexTwoSlide .hd ul li.on span {color: #FFFFFF;}
.indexTwoSlide .hd ul li.on .jia {color: #fff; transform: rotate(180deg);}
.indexTwoSlide .bd {order: -1; width: 64%;}
.indexTwoSlide .bd ul li {min-height: 7.42rem; position: relative;}
.indexTwoSlide .bd ul li .imgBox {height: 100%;}
.indexTwoSlide .bd ul li .con {position: absolute;z-index: 1;bottom: 12%;left: 25%; width: 40%;}
.indexTwoSlide .bd ul li .con h5 {color: #FFFFFF;font-weight: 700;font-size: var(--font24); margin-bottom: .2rem;}
.indexTwoSlide .bd ul li .con p {color: #ffffff;font-size: var(--font16);}
.indexTwoSlide .bd ul li .con .learnMore {margin-top: .1rem;}
.indexTwoSlide .bd .imgBox img {width: 100%; object-fit: cover; }

/* 关于我们 */
.indexThree {padding-bottom:1.5rem; padding-top: .8rem; background: url(../images/indexThree-bj.png) no-repeat bottom; background-size: cover;position: relative; overflow: hidden;}
.indexThree .box {display: flex; justify-content: space-between;align-items: center;}
.indexThree .box .imgBox {width: 50%; position: relative;}
.indexThree .box .imgBox img{width: 100%;}
.indexThree .box .con {width: 45%;}
.indexThree .box .con h3 {color: #333333;font-size: .4rem;font-weight: 700;}
.indexThree .box .con i {display: block; width: 0.39rem;height: 0.02rem;background: #00377a;margin-top: .1rem;}
.indexThree .box .con .text {color: #666666;font-size: var(--font16); line-height: .32rem; margin-top: .25rem;}
.indexThree .box .con .learnMore a {border-color: #666666;margin-top: .5rem;}
.indexThree .learnMore a span {color: #666;}
.indexThree .learnMore a img {filter: grayscale(100%); -webkit-filter:grayscale(100%);}
.indexThree .learnMore a:hover {background: #00377A; border-color: #00377A;}
.indexThree .learnMore a:hover span {color: #fff;}
.indexThree .learnMore a:hover img {filter: invert(100%) sepia(100%) saturate(14%) hue-rotate(202deg) brightness(103%) contrast(105%);}
/* .indexThree .aboutText { z-index: -1;position: absolute;top: 0; right: 0; width: 50%;}
.indexThree .aboutText img {max-width: 100%;} */
.indexThree ul {display: flex;margin-top: .7rem;justify-content: space-between;}
.indexThree ul li .icBox {margin-bottom: .1rem;}
.indexThree ul li .counter {color: #333333;font-size: .4rem;font-family: Arial, Arial-Bold;}
.indexThree ul li em {color: #666666; font-size: var(--font16);}
.indexThree ul li span {color: #666666; font-size: var(--font16);}

.indexThree .play_overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3;}
.indexThree .play_overlay .play_btn {background: #fff;border-radius: 50%; position: absolute;display: block;top: 50%;left: 50%;min-width: 60px;min-height: 60px;transform: translate(-50%, -50%);}
.indexThree .play_overlay .play_btn::before {animation: playbtnscale 2s ease-out infinite; background: #fff; opacity: 0.5; animation-delay: 0;}
.indexThree .play_overlay .play_btn::before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 24px; height: 24px; border-radius: 50%; content: ''; z-index: -1;}
.indexThree .play_overlay .play_btn::after { animation: playbtnscal2 2s ease-out infinite; background: #fff;opacity: 0.3;animation-delay: 0;}
.indexThree .play_overlay .play_btn::after {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 24px;height: 24px; border-radius: 50%; content: ''; z-index: -1;}
.indexThree .play_overlay .play_btn .icon {width: 100%; height: 100%; display: flex;align-items: center;justify-content: center;}

@keyframes playbtnscale { 0% { transform: translate(-50%, -50%) scale(1); opacity: .9 }100% { transform: translate(-50%, -50%) scale(5); opacity: 0; }}
@keyframes playbtnscal2 {0% { transform: translate(-50%, -50%) scale(1); opacity: .9;} 100% {transform: translate(-50%, -50%) scale(7); opacity: 0; }}




.aboutText {z-index: -1;position: absolute;top: 0.6rem; right: -2%; line-height: 1; font-size: 1.8rem; width: 50%;}


/* 品牌战略 */
.indexFour {padding: 1.25rem 0; background: url(../images/indexFour-bj.jpg) no-repeat center;background-size: cover; background-attachment: fixed;}
.indexFour p {font-size: 0.24rem;font-weight: 400;color: #ffffff;}
.indexFour p span {font-size: 0.44rem;font-weight: 700;font-style: oblique;display: inline-block;}
.indexFour .learnMore {margin-top: .5rem;}

/* 新闻资讯 */
.indexFive {padding: 1rem 0 .8rem 0;}
.indexFive .tle {display: flex; justify-content: space-between;margin-bottom: .5rem; align-items: flex-end;}
.indexFive .tle .en {font-size: 0.56rem;font-weight: 900; font-family: Arial;color: #22293c;line-height: 0.76rem; -moz-transform: matrix( 1,0,0,1.4120547722453,0,0);-webkit-transform: matrix( 1,0,0,1.4120547722453,0,0);-ms-transform: matrix( 1,0,0,1.4120547722453,0,0);}
.indexFive .tle h3 {color: #333333;font-weight: 400;font-size: .4rem;}
.indexFive .tle .learnMore a {border: 0.01rem solid #666666;}
.indexFive .tle .learnMore a span {color: #666;}
.indexFive .tle .learnMore a img {filter: grayscale(100%); -webkit-filter:grayscale(100%);}
.indexFive .tle .learnMore a:hover {background: #00377A; border-color: #00377A;}
.indexFive .tle .learnMore a:hover span {color: #fff;}
.indexFive .tle .learnMore a:hover img {filter: invert(100%) sepia(100%) saturate(14%) hue-rotate(202deg) brightness(103%) contrast(105%);}
.indexFive .boxCon {display: flex;justify-content: space-between;}
.indexFive .conLe {width: 45%;}
.indexFive .conRe {width: 50%;} 
.indexFive .leTop a {padding: .15rem;background: #00377a;display: flex; justify-content: space-between; align-items: center;}
.indexFive .leTop .imgBox {width: 47%; overflow: hidden;}
.indexFive .leTop .imgBox img {width: 100%; min-height: 1.9rem; object-fit: cover; transition: .5s;}
.indexFive .leTop .leCon {width: 49%;}
.indexFive .leCon em {color: #cccccc;font-weight: 400;font-size: var(--font16);} 
.indexFive .leCon h5 {font-weight: 400;color: #ffffff;font-size: var(--font16);margin: .1rem 0;}
.indexFive .leCon p {color: #cccccc;font-size: var(--font14); display: -webkit-box;overflow: hidden;  	-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.indexFive .leCon .more {margin-top: .2rem;display: flex; align-items: center;}
.indexFive .leCon .more span {color: #ffffff;font-size: var(--font16);margin-right: .2rem;}
.indexFive .leCon .more img {filter: invert(100%) sepia(100%) saturate(14%) hue-rotate(202deg) brightness(103%) contrast(105%); transition: .5s;}
.indexFive .leTop a:hover .imgBox img {transform: scale(1.1);}
.indexFive .leTop a:hover .more img {transform: rotate(45deg);}
.indexFive .conLe dl dd {padding: .24rem 0; border-bottom: 1px solid #F9F9FA;}
.indexFive .conLe dl dd a {display: flex;}
.indexFive .conLe dl dd .time {color: #666666;font-size: var(--font16);margin-right: .5rem;}
.indexFive .conLe dl dd p {color: #666666;font-size: var(--font16);display: -webkit-box;overflow: hidden;	-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.indexFive .conLe dl dd a:hover .time , .indexFive .conLe dl dd a:hover p {color: #00377A;}
.indexFive .conRe {position: relative;}
.indexFive .conRe .imgBox {overflow: hidden;}
.indexFive .conRe .imgBox img {width: 100%; transition: .5s;}
.indexFive .conRe .con {position: absolute; width: 100%; bottom: .37rem; left: 0; padding: 0 .47rem; display: flex; align-items: center;justify-content: space-between;}
.indexFive .conRe .con em {color: #cccccc;font-size: var(--font16);}
.indexFive .conRe .con h5 {color: #ffffff;font-weight: 700;font-size: var(--font18); margin: .05rem 0;}
.indexFive .conRe .con p {color: #cccccc;font-size: var(--font16);display: -webkit-box;overflow: hidden;	-webkit-line-clamp: 1;-webkit-box-orient: vertical;}

/* 底部 */
.footer {background: #00377a;}
.footer .foBox {display: flex; padding: .7rem 0 .9rem 0;}
.footer .foBox > div {padding: 0 .5rem; position: relative;}
.footer .foBox > div::after {content: ""; position: absolute; height: 70%; width: 1px;background: #f9f9fa;opacity: .2;top: 0;right: 0;}
.footer .foBox > div:first-child {padding-left: 0; width: 36%;}
.footer .foBox > div:last-child {padding-right: 0;}
.footer .foBox > div:last-child::after {display: none;}
.footer .foLe h3 {color: #f9f9fa;font-size: .24rem; position: relative;padding-bottom: .35rem;}
.footer .foLe h3::after {content: "";width: 0.51rem; height: 1px;background: #f9f9fa; position: absolute; left: 0; bottom: 0;}
.footer .foLe b {color: #f9f9fa;font-weight: 700;font-size: var(--font16); margin: .3rem 0 .2rem 0;display: block;}
.footer .foLe p {color: #d4d4d4;line-height: 0.25rem;font-size: var(--font14);}
.footer .foLe form {margin-top: .49rem;display: flex;}
.footer .foLe form input {width: 2.45rem;height: 0.5rem;  background: #002756;border: 0; padding-left: .2rem; box-sizing: border-box; font-size: var(--font14); color: #fff;}
.footer .foLe form input::placeholder {color: #a1a1a1;font-size: var(--font14);}
.footer .foLe form button {background: #0170c1;width: 0.54rem;display: flex; align-items: center;justify-content: center; border: 0; cursor: pointer;}
.footer .foLe form button img {max-width: 60;}
.foNav {display: flex;}
.foNav dl {padding-right: .5rem;position: relative;}
.foNav dl:nth-child(2) {padding-left: .5rem;padding-right: 0;}
.foNav dl:nth-child(2)::before {content: "";position: absolute; height: 70%; width: 1px;background: #f9f9fa;opacity: .2;top: 0;left: 0;}
.foNav dl dt {color: #f9f9fa;font-weight: 400;font-size: .2rem;position: relative;padding-bottom: .37rem;margin-bottom: .27rem;}
.foNav dl dt::after {content: "";width: 0.51rem; height: 1px;background: #f9f9fa; position: absolute; left: 0; bottom: 0;}
.foNav dl dd a {color: #d4d4d4;font-weight: 400;font-size: var(--font14);display: block; margin: .08rem 0;}
.foNav dl dd a:hover {color: #fff;}
.footer .foRe em {color: #d4d4d4;font-weight: 400;font-size: var(--font16);display: block;}
.footer .foRe strong {font-weight: 700;font-family: Arial, Arial-Bold;font-size: 0.32rem;color: #ffffff;display: block;margin-bottom: .25rem;}
.footer .foRe ol li {display: flex;align-items: center; margin: .15rem 0;}
.footer .foRe ol li p {font-size: 0.16rem;color: #d4d4d4; margin-left: .18rem;}
.footer .foRe ol li p a {font-family: Arial, Arial-Regular;color: #d4d4d4;font-size: var(--font16);}
.foterCopyRight {padding: .15rem 0; border-top: 1px solid rgba(255, 255, 255,.1);}
.foterCopyRight .container {display: flex; justify-content: space-between; }
.foterCopyRight p , .foterCopyRight p a {color: #d1d1d1;font-size: var(--font14);}
.foterCopyRight p a:hover {color: #fff;}


/* ================================================================================内页=========================================================================== */
.ny-banner {position: relative; overflow: hidden;}
.ny-banner .imgBox img {width: 100%; max-height: 45vh;object-fit: cover;}

/* 面包屑*/
.mbx {padding: .15rem 0; border-bottom: 1px solid #eee;}
.mbx b {padding-left: .1rem;font-weight: normal;padding-left: 30px;background: url(../images/mbx-icon.png) no-repeat left center;font-size: var(--font14);color: #808080;}
.mbx a {color: #808080;font-size: var(--font14);}
.mbx span {font-family: "宋体";padding: 0px 5px; position: relative;}
.mbx span::after {content: ">"; font-family: "宋体";}
.mbx span:last-child {display: none;}
.mbx a:hover {color: #0170c1;}
.aboutNav {padding: .25rem 0; box-shadow: 0 3px 4px #e9e9e9;}
.aboutNav .box {display: flex; justify-content: space-between; align-items: center;}
.aboutNav h3 {color: #000000; font-size: .3rem; font-weight: 700;}
.aboutNav ul {display: flex;}
.aboutNav ul li a {display: flex; align-items: center;justify-content: center;  font-size: var(--font18); color: #1a1a1a; text-align: center; padding: 8px 30px;transition:background .5s;border-radius: 1rem;}
.aboutNav ul li a:hover {background: #00377a;color: #fff;}
.aboutNav ul li.on a {background: #00377a;color: #fff;}

/* 主要内容 */
.ny-main {margin: .5rem 0;}
/* 荣誉资质 */
.honer-list ul {display: grid; grid-template-columns: repeat(4,1fr);gap: .2rem;}
.honer-list ul li {width: 100%; }
.honer-list ul li .imgBox {overflow: hidden;    border: 1px solid #e5e5e5; padding: 10px 9px; background: #fff;}
.honer-list ul li .imgBox img {width: 100%;transition: .5s;}
.honer-list ul li span {background: #f0f0f0;display: block; text-align: center; padding: .12rem 0; color: #333;}
.honer-list ul li:hover .imgBox img {transform: scale(1.05);}


/* 产品中心 */
.proList {display: flex; justify-content: space-between; align-items: flex-start;}
.ny-left {width:22%;}
.column-title { background: #16477f;padding:20px 0;}
.column-title {color:#fff;font-size:30px;}
.column-title:after {content: '';display: block; background: #fff;width:70px;height:3px;margin-left:20px;margin-top:10px;}
.column-title span {padding-left:20px}
.column-title em {font-size:12px;color:#fff;padding-left: 10px; text-transform: uppercase;}
/* 一级栏目 */
.ny-left .navOne {  background: #fff; width: 100%;padding: 10px;border: 1px solid #ccc;border-top: none; box-sizing: border-box;}
.ny-left .navOne > li {margin-bottom: 10px;}
.ny-left .navOne > li > h3 { display: block;background: url(../images/ctitle1.png) no-repeat 97% center #f2f2f2;font-size: 16px;color: #4c4c4c; padding: 0 25px; box-sizing: border-box;}
.ny-left .navOne > li > h3 a {display: block; padding: 12px 0;}
/* 二级栏目 */
.ny-left .navTwo {display: none;} 
.ny-left .navTwo li {border-bottom: 1px solid #eee; padding: 0 25px; box-sizing: border-box;}
.ny-left .navTwo li a {padding: 10px 0;display: block; font-size: 15px;}
/* 鼠标悬浮效果 */
.ny-left .navOne > li.on > h3, .ny-left .navOne > li:hover > h3 { background: url(../images/ctitle1-on.png) no-repeat 97% center #00377A;}
.ny-left .navOne > li.on > h3 a, .ny-left .navOne > li:hover > h3 a { color: #fff;}
.ny-left .navTwo li:hover a , .ny-left .navTwo li.on a {color: #00377A;}
/* 类名锁定效果 */
.ny-left .navOne li.on .navTwo {display: block;}
/* 底部联系 */
.ny-contact{margin-top:20px;border-bottom:8px solid #16477f;border-radius:10px;padding-bottom:10px;}
.ny-contact .pic {display: none;}
.ny-contact .info span{ display: block;margin:10px 0;font-size:15px;}
/* 右侧 */
.ny-right {width: 75%;}
.ny-right .tit {height: 50px;font-size: 24px;font-weight: normal;line-height: 50px; border-bottom: 1px solid #ebebeb; margin-bottom: 15px;}
.ny-right .tit span {display: inline-block;height: 50px;border-bottom:1px solid #002756;}
.ny-right .list {display: flex; flex-wrap: wrap;justify-content: space-between;}
.ny-right .list::after {content: ""; width: 32%;}
.ny-right .list li {width: 32%; border: 1px solid #eee; margin-bottom: 20px; position: relative;}
.ny-right .list li a {position: relative;display: block;}
.ny-right .list li .imgBox {overflow: hidden;display: flex; align-items: center;justify-content: center;position: relative;z-index: -1;}
.ny-right .list li .imgBox img {max-width: 100%; transition: .5s;}
.ny-right .list li .con {padding: 20px;}
.ny-right .list li .con h6 {color: #333; font-size: 18px;margin-bottom: .1rem;}
.ny-right .list li .con p {color: #666; font-size: 14px;display: -webkit-box;overflow: hidden;  	-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.ny-right .list li:hover .imgBox img {transform: scale(1.1);}
.ny-right .list li:hover .con h6 {color: #00377a;}

.ny-right .list li::before {content: '';display: block; width: 1px; height: 0; position: absolute;left: 0;background: #00377a; top: 0; transition: all .5s;}
.ny-right .list li:after {content: '';display: block; width: 1px; height: 0; position: absolute;right: 0;background: #00377a; top: 0; transition: all .5s;}
.ny-right .list li a::before {content: '';display: block; width: 0; height: 1px; position: absolute;left: 0;background: #00377a; top: 0; transition: all .3s;}
.ny-right .list li a::after {content: '';display: block; width: 0; height: 1px; position: absolute;left: 0;background: #00377a; bottom: 0; transition: all .3s;}
.ny-right .list li:hover::before , .ny-right .list li:hover::after{height: 100%;}
.ny-right .list li:hover a::before , .ny-right .list li:hover a::after{width:100%;}


/*产品详情*/
.ny-right .pro1 .pro-list-pic{width: 402px;}
.ny-right .pro1 .spec-preview img{display: block;}
.ny-right .pro1 .descript1{width: 545px;position: relative;}
.ny-right .pro1 .descript1 strong.title1{line-height: 38px;font-size: 20px; color: #2d2d2d;display: block;border-bottom: 1px solid #c0ccd6; padding: 10px 0 15px; margin-bottom: 10px;}
.ny-right .pro1 .descript1 .disc {padding: .05rem 0; border-bottom: 1px solid #eee; display: flex; padding-top: 0;}
.ny-right .pro1 .descript1 .disc p:nth-child(2) {padding-left: 0.2rem;}
.ny-right .pro1 .descript1 p {font-size: 16px;color: #666;line-height: 28px;margin: 10px 0;text-align: justify;  text-overflow: ellipsis;}
.ny-right .pro1 .descript1 a.consult{display: block; width: 120px; height: 40px; font-size: 15px; color: #fff; line-height: 40px; text-align: center; background: #333; }
.ny-right  .pro1 .descript1 a.consult:hover{background-color: #00377a;}
.ny-right .pro1 .descript1 p.haoma{ color: #333;font-size: 15px;display: block; margin: 20px 0;}
.ny-right  .pro1 .descript1 p.haoma em {display: inline-block;color: #00377a;font-size: 25px;font-weight: bold; vertical-align: middle;}
.ny-right .pro1 .share{overflow: hidden;margin-top: 15px;}
.ny-right .pro1 .share ul li{float: left;margin: 0 5px;}
.ny-right .detail {margin-bottom: 20px;}
.ny-right .detail .de-title{border-bottom: solid 3px #00377a; margin-bottom: 20px;}
.ny-right .detail .de-title a{display: block;width: 130px; font-size: 16px;line-height: 45px;color: #fff; text-align: center; margin-top: 35px;background:#00377a;}
.pro-wechat{display: none; position: absolute; left: 150px;    bottom: -90px;}
.pro-wechat img{display: block; margin: 30px auto 0; box-shadow: 1px 1px 3px rgba(0,0,0,0.1);}
.pro-left {width: 400px; overflow: hidden; float: left; position: relative;}
.pro-left .mySwiper2-pro .swiper-button-next {top: 95%;right: 0;     font-family: "宋体"; font-size: 30px; display: block; line-height: 44px; text-align: right; color: #333;}
.pro-left .mySwiper2-pro .swiper-button-prev {top: 95%; left: 0;     font-family: "宋体"; font-size: 30px; display: block; line-height: 44px; text-align: left; color: #333;}
.pro-left .swiper-slide img {display: block;width: 100%; height: 100%;object-fit: cover;}
.pro-left .swiper {position: initial;}
.mySwiper-pro  {width: 88%; margin: 0 auto;overflow: hidden; margin-top: 20px;     padding-right: 5px;}
.mySwiper-pro .swiper-slide-thumb-active {border: 1px solid #00377a;}
.mySwiper-pro .swiper-slide {padding: 0px;}
.mySwiper-pro .swiper-slide img {width: 100%;}
.mySwiper2-pro  {width: 400px;height: auto; border: 1px solid #DFDFDF; box-sizing: border-box;}
.mySwiper2-pro .swiper-slide {align-items: center; height: 100%; display: flex; justify-content: center;}
.mySwiper2-pro .swiper-slide img {width: auto; height: auto; max-width: 100%;}
.mySwiper2-pro .swiper-button-prev:after {display: none;}
.mySwiper2-pro .swiper-button-next:after {display: none;}
#nr-container .returnbt {display: flex; justify-content: center;}
#nr-container .returnbt input{padding:5px 20px;background:#333;color:#fff;border: none;cursor: pointer; font-size: 14px;}


/* 解决方案详情 */
.serves .nr-title {text-align: center; font-size: .25rem;}
.page-fy a:hover {color: #002756;}


/* 新闻列表 */
.newsList li {border: 1px solid #dedede; margin-bottom: 15px; padding: 22px 50px 22px 22px; background: #fff; display: inline-block; display: flex;}
.newsList li .imgBox {width: 35%;margin-right: 2.3%;overflow: hidden;}
.newsList li .imgBox img {width: 100%; transition: .5s;}
.newsList li .con {width: 62%;}
.newsList li h4 { height: 40px; font-weight: normal; font-size:18px; color: #154c64; line-height: 40px; margin-bottom: 5px; overflow: hidden;}
.newsList h4 a {display: block;height: 40px;color: #4b4a4a;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.newsList li:hover {border:1px solid #00377a;}
.newsList li:hover h4 a {color: #00377a;}
.newsList li:hover .imgBox img {transform: scale(1.1);}
.k12-xl-xwlb-1nt2-1-01-list-desc { max-height: 72px;font-size: 14px; line-height: 24px; color: #797979; margin-bottom: 28px; overflow: hidden;}
.k12-xl-xwlb-1nt2-1-01-list-deta { width: 90px; height: 30px; line-height: 30px; text-align: center; display: block; float: left; background: #b6b6b6; color: #fff;}
.k12-xl-xwlb-1nt2-1-01-list-deta a{color:#fff;}
.newsList li:hover .k12-xl-xwlb-1nt2-1-01-list-deta {background: #00377a;border-color: #00377a;}
.newsList li:hover .k12-xl-xwlb-1nt2-1-01-list-deta a {color: #fff;}

/* 新闻详情 */
.details {}
.details .tle {text-align: center;color: #333; font-size: .25rem; margin-bottom: .3rem;}
.details .detaCon {margin: .3rem 0;}
.details .detaCon img {max-width: 100%;}

.pageFy >  div {display: flex; justify-content: space-between; padding:.15rem 0;}
.pageFy >  div:nth-child(1) {border-bottom: 1px dashed #eee;}
.pageFy span {padding:.05rem .1rem;background: #ddd;font-size: var(--font16); color: #fff; flex-shrink: 0;}
.pageFy .le {display: flex; align-items: center;}
.pageFy .le a {display: -webkit-box;overflow: hidden;  	-webkit-line-clamp: 1;-webkit-box-orient: vertical;padding-left: .1rem; width: 90%;}
.pageFy a {color: #000; font-size: var(--font14);}
.pageFy a:hover {color: #00377a;}
.backList {display: flex; justify-content: center; margin-top: .5rem;}
.backList a { padding: .08rem .25rem; color: #fff; background: #00377a; font-size: var(--font14);}



/* 资料下载*/
/* .material {padding: 50px 0 100px 0;} */
.material ul {display: flex;justify-content: space-between; flex-wrap: wrap; gap: 20px;}
.material li {display: flex;justify-content: space-between; align-items: center;width: 49%; padding: 20px;border: 1px solid #e6e6e6;  box-sizing: border-box;}
.material li .material-download {background: url(../images/download-icon1.png) no-repeat center; width: 46px; height: 34px;}
.material li .material-img {width: 114px;height: 157px; border: 1px solid #f2f2f2;}
.material li .material-img img {width: 100%;}
.material li h3 {font-size: 20px;color: #333;font-weight: bold;}
.material li span {font-size: 14px;color: #666;    white-space: nowrap;}
.material li span:nth-child(1) {margin-right: 50px;}
.material li .title-info {margin-top: 15px;}
.material li .material-title {width: 60%;}
.material li a:hover .material-download {background: url(../images/download-icon2.png) no-repeat center;  width: 46px; height: 34px}

/* 在线留言 */
.p4-order-form-1 {margin: 1rem 0;}
input:required:invalid, input:focus:invalid, textarea:required:invalid, textarea:focus:invalid{box-shadow: none;}
.code_gg_li img{vertical-align:middle;width:100px;height:32px;}
.p4-order-form-1 {overflow: hidden;}
.p4-order-form-1 .p4-titlel-1 { width:145px;height: 46px;font-size:18px; line-height: 46px;text-align: center;color:#fff;background: #00377a;}
.p4-order-form-1-con { border:1px solid #bbb; background:url(images/r1-orderform-1-bg.jpg) no-repeat center bottom #fff; padding:40px 15%;}
.p4-order-form-1-con li p {padding-left: 130px; color: #999;font-size: 12px;}
.p4-order-form-1-con li { margin-bottom: 15px; font-size: 14px; line-height: 35px; color: #666; overflow: hidden;}
.p4-order-form-1-con li span {font-weight: bold; color: #666;}
.p4-order-form-1-con li b{color:#00377a;}
.p4-order-form-1-con li .row-hd { color: #666;}
.timenum{padding-left:95px;}
.p4-order-form-1-con li p { clear: both;}
.p4-order-form-1-con label {   display: inline-block; width: 120px; color: #666; vertical-align: top; text-align: right;height: 40px;line-height: 40px;overflow: hidden;}
#code_gg{ width: 80px;  margin-right: 10px; outline: none; padding-left: 10px; border: 1px solid #eee; height: 33px; line-height: 32px; color: #666;}
.p4-order-form-1-con .inputs,
.p4-order-form-1-con li select { width: 73%; margin-right: 10px; outline: none; padding-left: 10px; border: 1px solid #eee; height: 40px; line-height: 40px; color: #666; box-sizing: border-box;}
.p4-order-form-1-con .radioandcheck{vertical-align:middle;}
.p4-order-form-1-con .err { border: 1px solid #00377a;}
.p4-order-form-1-con .p4-order-form-1-t1 {width: 100%;}
.p4-order-form-1-t1 textarea { width: 73%; height: 102px; line-height: 24px; border: 1px solid #eee; outline: none; resize: none; overflow: auto; margin-right: 10px; padding-left: 10px; box-sizing: border-box; position: relative;left: -4px;}
.p4-order-form-1-con .p4-order-form-1-t2 {  width: 100%;}
.p4-order-form-1-t2 input { width: 150px; vertical-align: top;}
.p4-order-form-1-t2 span { width: 153px;height: 25px;}
.p4-order-form-1-con .p4-order-form-1-t3 { padding-left: 120px;}
.p4-order-form-1-con .p4-order-form-1-t3 input { width: 80px; height: 30px; border: 0; text-align: center; margin-right: 30px; color: #fff; padding-left: 0; cursor: pointer;}
.p4-order-form-1-con .p4-order-form-1-b1 { background: #00377a;}
.p4-order-form-1-con .p4-order-form-1-b2 { background: #767676;}
.p4-order-form-1-con .p4-order-form-1-t4 { overflow: auto; height: auto; min-height: 35px; width: 100%}
.p4-order-form-1-con .p4-order-form-1-t4 input { vertical-align: middle; width: 14px; margin: 0 10px;}
.p4-order-form-1-con li input::placeholder {color: #999; font-size: 10px;}
.p4-order-form-1-con li textarea::placeholder {color: #999; font-size: 10px;}








































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

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