body {min-width: 1200px; overflow-x: auto;}
#c-placeholder { height: 1.15rem;  min-height: 85px;}
.header {position: fixed; top: 0; width: 100%;z-index: 999; transition: .5s; min-width: 1200px;}
.header::after {content: ""; padding-bottom: 10px;}
.header .container {width: auto; margin: 0 4%; max-width: 100%; box-sizing: border-box;}
.header .headerBox {display: flex; justify-content: space-between; align-items: center; height: 1.15rem;  min-height: 85px; transition: .5s;}
.headerlogo {height: 100%; display: flex; align-items: center;}
.headerlogo .logo {display: flex; align-items: center; position: relative;}
.headerlogo .logo img {position: absolute;transition: .4s; max-height: 100%; max-width: 2.08rem;}
.headerlogo .logo .zw_logo {position: relative; opacity: 0; visibility: hidden;}
.headerlogo .logo .he_logo2 {opacity: 0;transform: scale(.9); max-width: 1.5rem;}
.headerlogo .he_logo1 {opacity: 1;transform: scale(1);}

nav {width: 55%; height: 100%;}
nav > ul {display: flex; justify-content: space-between; height: 100%;}
nav > ul > li {position: relative;  display: flex;align-items: center; line-height: .8rem;}
nav > ul > li > a {color: #fff; transition: .45s; font-size: var(--font18);}
nav > ul > li > a > span {position: relative;}
nav > ul > li > a > span::after {content: ""; width: 0; height: 1px; bottom: -.05rem; background: #fff; transition: .5s; position: absolute; left: 0;}
nav > ul > li > a i {display: inline-flex; transition: .5s;}
nav > ul > li > a i svg path {fill: #fff;}
nav > ul > li:hover > a {font-weight: 700;}
nav > ul > li:hover > a i {transform: rotateX(-180deg);}
nav > ul > li:hover > a > span::after {width: 100%;}

nav > ul > li.on > a {font-weight: 700;}
nav > ul > li。 > a i {transform: rotateX(-180deg);}
nav > ul > li。 > a > span::after {width: 100%;}

.navTwo {background: #fff; line-height: initial;width: max-content; position: absolute; left: 0%; top: 100%; transform: translate(-5%, 15%); z-index: 10; opacity: 0;  transition: all 0.4s;pointer-events: none; box-shadow: 0 2px 5px rgba(0, 0, 0,.05);}
.navTwo .box {padding:.3rem; padding-top: .3rem;box-sizing: border-box; display: flex; align-items: flex-start; justify-content: space-between;}
.navTwo .hd  {width: auto; flex-shrink: 0;}
.navTwo .hd ul li {position: relative;margin-bottom:0.2rem}
.navTwo .hd ul li a {display: flex; padding-right: .05rem; box-sizing: border-box; font-size: var(--font17);}
.navTwo .hd ul li i {position: absolute; right: 0; transform: translateX(100%); width: 0; transition: .5s;}
.navTwo .hd ul li.on i {width: 14px;}
.navTwo .hd ul li.on a {color: #1d68a2;}
.navTwo .bd {width: 80%;}
.navTwo .bd ul {display: grid; grid-template-columns: repeat(3,1fr); gap: .2rem;}
.navTwo .bd li {background: #fff; border-radius: 5px; overflow: hidden;}
.navTwo .bd li .imgBox {height: 1.4rem; position: relative;}
.navTwo .bd li .imgBox img {width: 100%; height: 100%; object-fit: cover; transition: .5s;}
.navTwo .bd li .hide {position: absolute; width: 100%; height: 100%; background: rgba(22, 94, 149,.7); top: 0; opacity: 0; transition: .5s;}
.navTwo .bd li .hide svg {opacity: 0; transform: scale(1.2); transition: .5s; overflow: visible;}
.navTwo .bd li span {color: rgba(51, 51, 51,.75); padding: .12rem .1rem; display: block; text-align: center;background: #f6f6f6;}
.navTwo .bd li:hover .hide {opacity: 1;}
.navTwo .bd li:hover .hide svg {opacity: 1; transform: scale(1); transition-delay: .2s;}
.navTwo.on {opacity: 1;pointer-events: auto; transform: translate(-5%, 0%);}

.navSlideTwo {position: absolute; top: 100%; left: 50%; transform: translateX(-50%); width: max-content; background: #fff;line-height: initial; display: none; overflow: hidden;}
.navSlideTwo{padding: .1rem .25rem;}
.navSlideTwo dd a {color: #333333; display: block; text-align: center; padding: .08rem 0;  transition: .5s; }
.navSlideTwo dd a:hover {color: #0072b8;}


.heSearch a {width: 42px; height: 42px;background: #1d68a2; border-radius: 50%;}

.hadbox-sec4 {background-color: #fff;position: absolute;left: 0;top: 100%;width: 100%;padding: 0.9rem 0 1.06rem; display: none; border-top: 1px solid #eee; box-sizing: border-box; box-shadow: 0 2px 2px rgba(0, 0, 0,.1);}
.hadbox-sec4 .f_tit {color: #222222;margin-bottom: 0.24rem;font-size: var(--font36);}
.hadbox-sec4 .form {display: flex; align-items: center; padding-bottom: 20px; border-bottom: 1px solid #dddddd;}
.hadbox-sec4 .form i { display: block; width: 0.3rem; overflow: hidden;}
.hadbox-sec4 .form i svg {width: 100%;}
.hadbox-sec4 .form input {width: calc(100% - 3.1rem);padding: 0.16rem 0.24rem;font-size: 0.2rem; color: #333333;}
.hadbox-sec4 .form .f_sub {width: 1.8rem; height: 0.56rem; min-height: 45px; background: #1d68a2;border-radius: 5px;font-size: var(--font24);color: #ffffff;cursor: pointer;}

.header.fh {background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0,.05);}
.header.fh .headerlogo .he_logo1 {opacity: 0; transform: scale(.9);}
.header.fh .headerlogo .he_logo2 {opacity: 1; transform: scale(1);}
.header.fh nav > ul > li > a {color: #333;}
.header.fh nav > ul > li.on > a {font-weight: 700;}
.header.fh nav ul li:hover > a span::after {background: #333;}
.header.fh nav ul li.on > a span::after { width: 100%; background: #333;}
.header.fh nav > ul > li > a > i > svg path , .header.fh nav > ul > li.on > a > i > svg path {fill: #333;}
.header.fh .mobmenu h4 {color: #333;}
.header.fh .mobmenu dl dd {background: #333;}




.headerNavScroll {scrollbar-width:thin;scrollbar-color:#00955D #DDDDDD; overflow-y: auto;}
.headerNavScroll::-webkit-scrollbar {width: 3px;}
.headerNavScroll::-webkit-scrollbar-thumb {background: #00955D; border-radius: 5px;}
.headerNavScroll::-webkit-scrollbar-track {background: #E5E5E5;}


.more1 {display: inline-flex; padding: .16rem .42rem; border-radius: 30px; background: #1D68A2; transition: .5s; color: #fff;}
.more2 {background: #1d68a2;border-radius: 50px; padding: .18rem .22rem;color: #fff; transition: .5s; box-sizing: border-box;}
.more2 span {margin-right: .4rem;font-size: var(--font16);}

@media (any-hover: hover) {
    .more1:hover {background: #fff; color: #1D68A2; box-shadow: 0 0 .1rem #fff;}
    .more2:hover {box-shadow: 0 0 10px #1D68A2;}

}

.indexBanner {position: relative; overflow: hidden;}
.indexSwiper .bjBox img {width: 100%; height: auto;min-height: 100%;transition: 1s linear 2s; transform: scale(1.1,1.1);}
.indexSwiper .swiper-slide-active .bjBox  img, .indexSwiper .swiper-slide-duplicate-active .bjBox  img {transition: 6s linear;transform: scale(1,1);}
.indexSwiper .con .tit1 {color: #ffffff;font-size: var(--font40);font-weight: 900;}
.indexSwiper .con .tit2 {font-weight: 400;font-size: .54rem;color: #ffffff; line-height: 1.3; margin-top: .24rem;}
.indexSwiper .con .tit2 span {display: block;}
.indexSwiper .con .more {margin-top: .8rem;}
.indexSwiper .swiper-pagination {left: auto; right: 2%; width: auto; top: 46%; }
.indexSwiper .swiper-pagination span {display: block; width: 12px; height: 12px; margin: .15rem 0 !important;border: 1px solid #ffffff; background: none; opacity: 1; box-sizing: border-box;}
.indexSwiper .swiper-pagination .swiper-pagination-bullet-active {background: #0072b8; border-color: #0072b8;}
.indexSwiper .swjt {width: 0.63rem;height: 0.63rem;border: 1px solid #ffffff; border-radius: 50%; left: auto; right: 8%; top: auto; bottom: 12%; transition: .5s;}
.indexSwiper .swjt svg {max-width: 60%;}
.indexSwiper .swjt.swiper-button-prev {transform: rotate(180deg) translateX(130%); left: auto;}
.indexSwiper .swjt svg path {transition: .5s;}
.indexSwiper .swjt:hover {background: #ffffff;}
.indexSwiper .swjt:hover svg path {fill: #3947E5;}

.indexBanner .indexXian {position: absolute; left: 5%; top: auto; transform: translateX(-50%); z-index: 1; bottom: 12%;}
.indexXian .xianBox {display: inline-flex; align-items: flex-start;}
.indexXian span {color: #ffffff;  text-transform: uppercase;writing-mode:vertical-rl; position: relative; margin-right: .1rem;}
.indexXian i {width: 1px;height: 1.1rem;background: rgba(255, 255, 255,.5); display: block;  position: relative; overflow: hidden;}
.indexXian i::after {content: ""; position: absolute;left: 0;width: 2px;height: 100%;background: #fff; opacity: 1; animation: aline 3s infinite linear;}
@keyframes aline { from {bottom: 100%;}to {bottom: -100%;}}

.indexTle {text-align: center; padding: .7rem 0;}
.indexTle h3 {font-size: 0.44rem;font-weight: 700;color: #000022; }
.indexTle span {color: #666666; font-size: var(--font16);font-weight: 400; display: block;}

.indexOne {overflow: hidden;}
.indexOne .swiperBox {}
.inOneSwiper1 {width: 100%;}
.inOneSwiper1 .swiper-wrapper {justify-content: center;}
.inOneSwiper1::after {content: ""; width: 100%; height: 1px;background: #eeeeee; position: absolute; left: 50%; top: 19%; transform: translate(-50%, -50%);}
.inOneSwiper1 .swiper-slide {text-align: center; cursor: pointer; width: auto;}
.inOneSwiper1 .swiper-slide:last-child {margin-right: 0 !important;}
.inOneSwiper1 .svgBox {width: 20px; height: 20px; margin: auto; opacity: 0; transition: .4s;}
.inOneSwiper1 .svgBox svg {transform: rotate(-90deg); fill: #ddd;stroke-width:6px;stroke:#1D68A2;stroke-dasharray:130; stroke-dashoffset:130;}
.inOneSwiper1 .swiper-slide span {display: block; margin-top: .2rem; font-size: var(--font18);color: #333333;}
.inOneSwiper1 .swiper-slide-thumb-active .svgBox {opacity: 1;}
.inOneSwiper1 .swiper-slide-thumb-active span {color:#1D68A2; font-weight: 700;}
.inOneSwiper1 .swiper-slide-thumb-active .svgBox svg { animation: dashTooffset 6s linear forwards;}
@keyframes dashTooffset {0% {stroke-dashoffset: 130;}100% {stroke-dashoffset: 0;}}
.inOneSwiper2 {margin-top: .5rem;}
.inOneSwiper2 .swiper-slide {background: #fff;overflow:hidden;height:500px;}
.inOneSwiper2 .swiper-slide .slide-inner {overflow: hidden; background: #000;}
.inOneSwiper2 .slide-inner img {width: 100%; opacity: 0.8;}
.inOneSwiper2 .box {display: flex; justify-content: flex-end;}
.inOneSwiper2 .box .con {background: rgba(255, 255, 255,.96); padding: .45rem; width: 42%; box-sizing: border-box;}
.inOneSwiper2 .box h5 {color: #333333;font-weight: 700; font-size: var(--font30);}
.inOneSwiper2 .box dl {margin-top: .6rem; display: flex; justify-content: space-between;}
.inOneSwiper2 .box dd {width: 47%;padding-bottom: .15rem; border-bottom: 1px solid rgba(200, 200, 200,.6);}
.inOneSwiper2 .box dd a {justify-content: flex-start;}
.inOneSwiper2 .box dd span {margin-left: .1rem; font-size: var(--font18);}
.inOneSwiper2 .box dd a:hover {color: #0072B8;}
.inOneSwiper2 .box .more {margin-top: .6rem;}

.indexTwo {position: relative; overflow: hidden;}
.inTwoSwiper .imgBox {overflow: hidden; background: #000;}
.inTwoSwiper .imgBox img {width: 100%; transition: .5s;opacity: 0.7;}
.inTwoSwiper .con {position: absolute; bottom: 0; width: 100%; left: 0; bottom: 0; padding:0 7% 4% 7%; box-sizing: border-box;}
.inTwoSwiper .con .text {height: 0; visibility: hidden; opacity: 0; transition: .5s;}
.inTwoSwiper .con .tit1 {color: #ffffff;font-weight: 400; font-size: var(--font34);}
.inTwoSwiper .con .sp1 {font-weight: 400;color: #ffffff; font-size: var(--font20); margin-top: .1rem;transition: .5s;}
.inTwoSwiper .con .xian {width: 0; height: 1px; background: #fff; margin-top: .5rem; opacity: .7; transition: .5s;}
.inTwoSwiper .con .more {margin-top: .4rem;color: #ffffff; opacity: 0; transition: .5s;}
.inTwoSwiper .swiper-slide:hover .imgBox img {transform: scale(1.1);}
.inTwoSwiper .swiper-slide:hover .con .text {height: 1rem; visibility: visible; opacity: 1;}
.inTwoSwiper .swiper-slide:hover .con .sp1 {opacity: 1; transition-delay: .4s;}
.inTwoSwiper .swiper-slide:hover .con .xian {width: 100%; transition-delay: .4s;}
.inTwoSwiper .swiper-slide:hover .con .more {opacity: 1; transition-delay: .4s;}
.indexTwo .tleBox {position: relative;}
.indexTwo .swjtBox {position: absolute; left: 100%; top: 50%; transform: translate(-100%, -50%); display: inline-flex; align-items: center;} 
.indexTwo .swjtBox .swjt {right: 0; position: relative; margin: 0;}
.indexTwo .swjtBox .swjt.swiper-button-prev {transform: rotate(180deg); left: 0;}
.indexTwo .swjtBox .xian {width: 1px; background: #176db0; margin: 0 .2rem; height: 25px;}

.indexThre {background: url(../image/indexThre-bj.jpg) no-repeat center; background-size: cover; padding: .3rem 0 1.3rem; }
.indexThre .indexTle span {color: #1d68a2; font-size: var(--font24);font-weight: 700;}
.indexThre .text {width: 75%; margin: auto;}
.indexThre .text p {color: #666666; line-height: 1.7; text-align: center;}
.indexThre .more {display: flex; justify-content: center; margin-top: .5rem;}
.indexThre ul {width: 80%; margin: auto; display: flex; align-items: center; justify-content: space-between; margin-top: .8rem;}
.indexThre li .num {display: flex; align-items: flex-end;}
.indexThre li .counter {font-size: 0.59rem;font-weight: 500; color: #333333; line-height: 1.2; font-weight: 700;}
.indexThre li .jia {font-size: 0.42rem;font-weight: 700;}
.indexThre li .m2 {font-size: .3rem; font-weight: 700; margin-left: .1rem; line-height: 1.8;}
.indexThre li .m2 sup {font-size: .16rem;}
.indexThre li i {width: 1px;height: 0.84rem;background: #adadad; display: block;}
.indexThre li .text2 {color: #6d6d6d; font-size: var(--font18);display: block; margin-top: .1rem;}

.indexFour .hd ul {display: flex; justify-content: space-between;}
.indexFour .hd li:first-child {padding-left: 0;}
.indexFour .hd li {padding: 0 .3rem; box-sizing: border-box; position: relative; width: calc(100% / 4); cursor: pointer;}
.indexFour .hd li::after {content: ""; position: absolute; right: 0;height: 0.85rem;background: #eeeeee;width: 1px; top: 0;}
.indexFour .hd li:last-child {padding-right: 0;}
.indexFour .hd li:last-child::after {display: none;}
.indexFour .hd li {display: flex; align-items: center; justify-content: space-between;}
.indexFour .hd li h5 {font-size: var(--font24); font-weight: 700; color: #333333;}
.indexFour .hd li span {color: #666666;font-weight: 400;}
.indexFour .hd li .icBox {width: 0.83rem;height: 0.83rem; background: #f9f9f9; display: flex; align-items: center; justify-content: center; border-radius: 50%; margin-left: .25rem; flex-shrink: 0; transition: .5s;}
.indexFour .hd li .icBox img {max-width: 50%;}
.indexFour .hd li.on .icBox {background: #1d68a2;}
.indexFour .hd li.on .icBox img {filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(103deg) brightness(105%) contrast(105%); -webkit-filter:invert(100%) sepia(0%) saturate(0%) hue-rotate(103deg) brightness(105%) contrast(105%);}
.indexFour .bdBox {position: relative;background: #176db0; padding: 1rem 0 1.2rem; margin-top: .7rem;}
.indexFour .bd .imgBox {width: 50%; position: absolute; right: 0; top: 0; height: 100%; overflow: hidden;}
.indexFour .bd .imgBox img {width: 100%; height: 100%; object-fit: cover;}
.indexFour .bd .le {width: 42%;}
.indexFour .bd li .tle {padding-bottom: .25rem; border-bottom: 1px solid rgba(221, 221, 221,.3);}
.indexFour .bd li .tle .tit1 {color: #ffffff;}
.indexFour .bd li .tle .tit2 {font-size: var(--font32); font-weight: 700; color: #ffffff;}
.indexFour .bd li .text {margin-top: .4rem;}
.indexFour .bd li .text p {color: #ffffff; line-height: 1.8;}
.indexFour .bdBox .pageState {font-weight: 400;  color: rgba(255, 255, 255,.45); margin-top: 1rem;}
.indexFour .bdBox .pageState span {font-size: var(--font30);font-weight: 700;color: #ffffff; font-style: italic;} 

.indexFive {padding-bottom: 1.5rem;}
.indexFive .swiperBox {position: relative;}
.indexFive .container {width: 1530px;}
.infiveSwiper {position: static;}
.infiveSwiper::before {content: ""; position: absolute; width: 10px; height: 100%; background: #fff; left: 0; top: 0;z-index: 2;}
.infiveSwiper::after {content: ""; position: absolute; width: 5px; height: 100%; background: #fff; right: 0; top: 0;z-index: 1;}
.infiveSwiper .slideBox {padding: .15rem .5rem; box-sizing: border-box; border-right: 1px solid #E9E9E9;}
.infiveSwiper .imgBox {overflow: hidden; margin-top: .35rem;}
.infiveSwiper .imgBox img {width: 100%; transition: 0.5s;}
.infiveSwiper .tit1 {color: #898989;}
.infiveSwiper .tit2 {font-size: var(--font28);; font-weight: 700;color: #333333;}
.infiveSwiper .text {margin-top: .2rem;}
.infiveSwiper .text p {color: #666666; line-height: 1.7;}
.infiveSwiper .more {margin-top: .5rem;}
.infiveSwiper .more span {color: #176db0; margin-right: .1rem;}
.infiveSwiper .slideBox a:hover .imgBox img {transform: scale(1.1);}
.infiveSwiper .swjt {width: 40px;height: 40px; background: #cfcfcf; border-radius: 50%; right: 0; transform: translateX(100%);}
.infiveSwiper .swjt.swiper-button-prev {transform: rotate(180deg) translateX(100%);left: 0;}


.footer {background: url(../image/footer-bj.jpg) no-repeat center; background-size: cover; padding: .5rem 0 .3rem;}
.foterlogo img {max-width: 2rem;}
.foterTop {display: flex; justify-content: space-between;    align-items: flex-end;}
.foterTop ul {display: grid;width: 78%; grid-template-columns: repeat(2,auto);gap: 8%; justify-content: flex-end;}
.foterTop li {display: flex;}
.foterTop li .icBox {width: 0.8rem; height: 0.8rem; border: 1px solid rgba(137, 137, 137,.3); border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}
.foterTop li .adcon {margin-left: .15rem;}
.foterTop li span {opacity: 0.3;font-size: var(--font15);font-weight: 400;color: #ffffff;}
.foterTop li p {color: #ffffff;font-size: var(--font15); margin-top: .1rem;}
.foterTop li strong {display: block; line-height: 1; font-size: var(--font24);font-family: Arial, Arial-Bold; font-weight: 700; color: #ffffff; margin-top: .1rem;}
.foterTop li .icBox img {max-width: 40%;}
.foterBom {border-top: 1px solid rgba(255, 255, 255,.2); margin-top: .45rem; padding-top: .6rem; display: flex; justify-content: space-between;}
.foternav {display: flex; justify-content: space-between;width: 56%;}
.foternav dl dt {font-size: var(--font18); color: #ffffff; padding-bottom: .25rem;}
.foternav dl dd {margin: .1rem 0;}
.foternav dl dd a {font-size: var(--font15); color: rgba(255, 255, 255,.47);}
.foternav dl dd a:hover {color: #fff;}
.foterCode {width: 24%; display: flex; justify-content: space-between;}
.foterCode .item {text-align: center; width: 42%;}
.foterCode .item img {max-width: 100%;}
.foterCode .item span {color: #ffffff;display: block; margin-top: .15rem;}
.foterCopy {display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: .7rem; border-top: 1px solid rgba(255, 255, 255,.1); padding-top: .25rem;}
.foterCopy p , .foterCopy p a {font-size: var(--font15);font-weight: 400;color: rgba(255, 255, 255,.4);}
.foterCopy p a:hover {color: #fff;}

@media screen and (min-width: 200px) and (max-width: 1400px) {
    nav {width: 65%;}
    .foterTop ul {gap: 2%;}
}




.ny-banner {height: 5rem;}
.ny-banner .container{height: 100%;}
.ny-banner .info strong {display: block; font-size: .56rem; color: #fff; line-height: 1;}
.ny-banner .info b {display: block; font-size: .56rem; color: rgba(255,255,255,0.28);  text-transform: uppercase;}
.ny-banner .info i {display: block; width: .5rem;height: 0.05rem;background: #ffffff;  border-radius:calc(0.1875rem/6); margin-top: .3rem;}



.product-main {}
.product-box {display: flex; justify-content: space-between;align-items: flex-start;}
.product-box .ny-left {width:18%; position: sticky; top: 1rem;}
.product-box .ny-left, .product-box .ny-right {padding: calc(5.43rem/7) 0 calc(10rem/7); overflow: hidden;}
.pro-search {width: 100%; background: #f5f5f5; display: flex; justify-content: space-between; align-items: center; height: .6rem; min-height: 50px; padding: 0 6.8%; box-sizing: border-box; margin-bottom: .5rem;}
.pro-search input{outline: none; border: none; }
.pro-search .text {display: block; font-size: var(--font15); color: #666; width: calc(100% - 30px); background: transparent;}
.pro-search .text::placeholder {color: #666;}
.pro-search .submit {width: 18px; height: 100%; cursor: pointer;}
.left-title em {display: block; border-top: 1px solid #eee; font-size: var(--font30); color: #0072b8;  padding-top: .3rem; margin-bottom: .2rem; font-weight: bold;}
.left-title {display: flex; align-items: center; justify-content: space-between;    border-top: 1px solid #eee;}
.left-title em {border-top: none;}
.left-title i {display: none;}

.product-menu li { border-bottom: 1px solid #eee; }
.product-menu li .menu-li {display: flex; justify-content: space-between;padding:.15rem .2rem; cursor: pointer; font-size: var(--font18); border-radius: 100px; transition: .4s;}
.product-menu li .menu-li i {width: 15px; position: relative;}
.product-menu li .menu-li i svg {max-width: 100%;position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); opacity: 0; transition: .4s;}
.product-menu li .menu-li i .jia {opacity: 1;}
.product-menu li .menu-li:hover a {color: #0072B8;}
.product-menu li .s-menu { width: 100%; padding-bottom: .2rem; padding-left: .2rem; margin-top: .2rem; padding-top: 0; display: none;}
.product-menu li .s-menu a { width: 100%; color: #666;  position: relative;margin-bottom: 0.14rem;transition: all ease-out 0.3s; display: block; padding-left: 10px;}
.product-menu li .s-menu a::before {content: ""; width: 5px; height: 5px; border-radius: 50%; background: #f5f5f5;position: absolute; left: 0%; top: 50%; transform: translate(-50%, -50%);}
.product-menu li .s-menu a:hover{color: #1d68a2;}
.product-menu li .s-menu a.on {color: #1d68a2; font-weight: 700;}
.product-menu li .menu-li.on {background: #1d68a2;}
.product-menu li .menu-li.on a {color: #fff;}
.product-menu li .s-menu a:hover::before,.product-menu li .s-menu a.on::before {background: #1d68a2;}
.product-menu li .menu-li.on i .jia {opacity: 0;}
.product-menu li .menu-li.on i .jian {opacity: 1;}
.product-menu li .menu-li.on i .jian path {fill: #fff;}
.product-menu li .s-menu.on {display: block;}


.product-box .ny-right {width:78%;padding-left:.6rem; border-left: 1px solid #eee;box-sizing: border-box; box-sizing: border-box;}
.right-class .ctitle1 {margin-bottom: .6rem;}
.right-class .ctitle1 li {margin-right: 6.5%;}
.right-class .ctitle1 li:last-child {margin-right: 0;}
.right-class .ctitle1 li a {display: block; color: #666; position: relative; transition: 0.6s; padding-left: 15px;}
.right-class .ctitle1 li a::after {position: absolute; content: ''; width: 5px;height: 5px;background: #f5f5f5; border-radius: 50%; left: 0; top: 50%; transform: translateY(-50%); transition: 0.6s;}
.right-class .ctitle1 li:hover a,.right-class .ctitle1 li.on a { color: #0072b8; font-weight: bold;}
.right-class .ctitle1 li:hover a::after,.right-class .ctitle1 li.on a::after {background: #0072b8;}


.nypro4Nav {padding: .5rem 0; position: relative;}
.nypro4Nav::before {content: ""; position: absolute; top: 0; width: 100vw; height: 1px; left: -.6rem; background: #e9e9e9;}
.nypro4Nav ul {display: inline-flex; justify-content: space-between; border-radius: 100px; background: #f2f2f2;}
.nypro4Nav ul li a {display: block; padding: .2rem .32rem;color: #333; border-radius: 100px; transition: .5s;}
.nypro4Nav ul li:hover a,.nypro4Nav ul li.on a {background: #1d68a2; color: #fff;}

.flex-sbcw {display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.nypro-list ul li {background: url(../image/product-bg.jpg) no-repeat center; padding:.6rem 8% .4rem; box-sizing: border-box; margin-bottom: .1rem;}
.nypro-list ul li .info {width: 60%}
.nypro-list ul li .info strong {display: block; font-size: var(--font28); color: #333; margin-bottom: .15rem;} 
.nypro-list ul li .info span ,.nypro-list ul li .info p{display: block; font-size: var(--font16); color: #666; font-family: Arial; margin-bottom: .3rem;line-height: 25px;}
.nypro-list ul li .info h4 {color: #666; margin-bottom: .45rem;}
.nypro-list ul li .info em {display: block; color: #0072B8;}
.nypro-list ul li .pic {width:30%;}
.nypro-list ul li .pic img {display: block; width:150%;}


.solumain{padding: .7rem 0;}
.solulist ul li{padding: .6rem 5% .6rem; box-sizing: border-box; background: #f8f8fa; border-radius: .2rem; margin-bottom: .5rem; justify-content: space-between;}
.solulist ul li:nth-child(even){flex-direction: row-reverse;}
.solulist ul li .info{width: 49%;}
.solulist ul li .name{position: relative; margin-bottom: .45rem;}
.solulist ul li .name b{display: block; font-size: 1.2rem; line-height: 1.2; color: rgba(51,51,51,0.11); letter-spacing: 2.56px; font-family: Arial;}
.solulist ul li .name h3{position: absolute; content: ''; left: 5%; font-size: var(--font40); color: #333; letter-spacing: 0.8px; top: 50%; transform: translateY(-50%); font-weight: bold;}
.solulist ul li .info h4{display: block; font-size: var(--font18);  color: #666666; margin-bottom: .8rem; line-height: 1.7;}
.pro-link {}
.pro-link a {margin-right: .3rem;}
.solulist ul li .pic{height: auto; width: 43.89%; border-radius: .2rem; overflow: hidden;}
.solulist ul li .pic img{ width:160%; height: 100%; object-fit: cover;}


.mbx {color: #333;padding: .3rem 0 .35rem;}
.mbx img {  margin-right: .1rem;}
.mbx a {padding: 0 .05rem;}
.mbx a::after {content: ">"; margin-left: .05rem;}
.mbx a:last-child::after {display: none;}
.mbx a:hover {color: #0072b8;}
.proDatemain {margin-bottom: 1rem;}
.proDateOne {background: #f9f9f9; height: auto;}
.proxq-left{width: 44%;}
.proxq-left .texts{}
.proxq-left .texts strong{display: block; font-size: var(--font36); color: #333;}
.proxq-left .texts span{display: block; font-size: var(--font26); color: #0072b8; margin: .15rem 0; font-family: Arial;}
.proxq-left .texts h3 { color: #666; margin-bottom: .4rem; font-size: var(--font16); line-height: 1.7;margin-top:20px}
.proxq-more span {margin-right: 0; margin-left: .25rem;}
.proxq-more .more2 {padding: .14rem .22rem;}
.proxq-pic {width: 45%; display: flex; justify-content: center}
.proxq-pic img {}
.details-box{padding: .8rem 0;}
.details-title{text-align: center; margin: .5rem 0;}
.details-title strong{display: block; font-size: var(--font40); color: #333; font-weight: normal; margin-bottom: 0.3rem;}
.details-title i{display: block; width: .4rem;height: 4px;background: #0072b8; margin: 0 auto .25rem;}
.details-title h2{display: block;color: #666; width: 54%; margin: 0 auto;}



.about-title {text-align: center; padding: .6rem 0;}
.about-title em {display: block; font-size: var(--font40); color: #333; margin-bottom: .15rem;}
.about-title i {display: block; width: .4rem;height: 4px;background: #0072b8; margin: 0 auto;}
.servesMain {margin-bottom: 1rem;}
.contact-box {background: #f2f2f2; align-items: normal;}
.contact-box .info {width: 50%; padding: 4%;}
.contact-box .info ul li {border-bottom: 1px solid rgba(142,142,142,0.2); display: flex; align-items: center; padding-bottom: .3rem; margin-bottom: .3rem;}
.contact-box .info ul li img {margin-right: .2rem; max-width: .6rem;}
.contact-box .info ul li em {display: block; font-size:var(--font24); color: #333;}
.contact-box .info ul li span {display: block; font-size: var(--font36); color: #333; font-family: Arial; margin: .1rem 0; line-height: 1;}
.contact-box .info ul li h5 {display: block;  color: #8a8a8a; font-size: var(--font16);}
.contact-box .info ul li p {display: block; font-size: var(--font18); color: #666; margin-top: .1rem;}
.contact-box .index-more {margin-top: .5rem;}
.contact-box .pic {width: 50%;}
.contact-box .pic img {width: 100%; height: 100%; object-fit: cover;}


.nyNav {margin-top: .3rem;}
.nyNav ul {display: flex;justify-content: center; flex-wrap: wrap;}
.nyNav ul li {margin:.1rem;}
.nyNav ul li a {display: block;padding: .15rem .6rem;color: #595757;font-size: var(--font16);    background: #efefed;}
.nyNav ul li:hover a { background: url(../image/p16-icon6.png) no-repeat bottom center #0072b8;border-color: #0072b8;color: #fff;}
.nyNav ul li.on a { background: url(../image/p16-icon6.png) no-repeat bottom center #0072b8;border-color: #0072b8;color: #fff;}


.caselist{margin: .5rem 0;}
.caselist ul {display: grid; grid-template-columns: repeat(3,1fr);gap: .2rem;}
.caselist ul li {width: 100%; }
.caselist ul li .imgBox {overflow: hidden;    border: 1px solid #e5e5e5; padding: 10px 9px; background: #fff;}
.caselist ul li .imgBox img {width: 100%;transition: .5s;}
.caselist ul li span {background: #f0f0f0;display: block; text-align: center; padding: .12rem 0; color: #333;}
.caselist ul li:hover .imgBox img {transform: scale(1.05);}



.ny-news-list{margin: .5rem 0;}
.ny-news-list ul{}
.ny-news-list ul li{text-align: left;padding:40px 0;border-bottom: dashed 1px #e6e6e6;box-sizing: border-box;}
.ny-news-list ul li:first-child{padding-top:0;}
.ny-news-list ul li .pic{width:291px;height:161px;overflow: hidden;}
.ny-news-list ul li .info{margin-left: 38px;width:696px;}
.ny-news-list ul li .info em{display: block;font-size: 16px;line-height: 16px;margin-top: 23px;}
.ny-news-list ul li .info p{line-height: 24px;font-size: 14px;color:#666;margin-top: 14px;margin-bottom: 41px;}
.ny-news-list ul li .info span{color: #0072b8;font-size:14px;line-height: 14px;display: block;}
.ny-news-list ul li .date {background: url(../image/time.png)no-repeat center left;padding-left: 62px;height: 48px;margin-top: 58px;}
.ny-news-list ul li .date span{font-size: 18px;line-height: 18px;margin-top: 7px;display: block;}
.ny-news-list ul li .date p{font-size: 14px;line-height: 14px;color: #555;margin-top: 11px;}
.ny-news-list ul li:hover .info em{color: #0072b8;}
.ny-news-list ul li:hover .pic img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}

@media screen and (min-width: 200px) and (max-width: 1400px) {
    .ny-news-list ul li .info {width: 520px;}
}


.newsDateMain { padding-bottom: .5rem;}
.newsxq-box {padding: 0.5rem 0; padding-top: .2rem; margin-bottom: 0.44rem; display: flex; justify-content: space-between; align-items: flex-start;}
.news-left {width:72%;}
.news-left .newsCon {background: #ffffff;border-radius: .1rem;box-shadow: 0rem 0rem 0.4rem 0rem rgba(226,225,224,0.42); padding:.5rem .4rem ; box-sizing: border-box;}
.newsxq-title {border-bottom: 0.01rem solid #ddd; padding-bottom: 0.4rem;}
.newsxq-title strong {display: block; font-size: 0.4rem; color: #333; margin-bottom: 0.1rem;}
.newsxq-title span {display: block; color: #777; margin: .1rem .3rem 0 0; }
.newsxq-title .titleDisc {display: flex; flex-wrap: wrap;}
.newsxq-editbox {margin: .3rem 0;}
.newsxq-editbox img {max-width: 100%; object-fit: contain;}
.newsxq-box .news-right {width: 24%;background: #fff; border-radius: .1rem;box-shadow: 0rem 0rem 0.3rem 0rem rgba(226,225,224,0.42); padding: .4rem;box-sizing: border-box; position: relative;}
.newsxq-box .news-right {position: sticky; top: 1.5rem;}
.newsDate .relist li { padding: .1rem 0; border-bottom: 1px solid #F2F2F2;}
.newsDate .relist li .time {font-size: var(--font14); font-weight: 500;color: #999999;}
.newsDate .relist span {color: #999999; font-size: var(--font14);}
.newsDate .relist h6 {color: #333333; font-size: var(--font18); transition: .35s;font-weight: 700;margin-top: .1rem;}
.newsDate .relist li:hover h6 {color: #0072b8;}
.newsDate .relist li:hover .reImg img {transform: scale(1.05);}
.newsDate .news-right::after {content: ""; background: #0072b8; width: 65%; position: absolute; left: 50%; bottom: -1%; height: .07rem;  transform: translate(-50%, -50%);}

.newsxq-page {display: flex; justify-content: space-between; align-items: center; margin-top: 1rem;}
.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.6rem;height: 0.6rem;min-width: 35px;min-height: 35px;  border: 1px solid #0072b8;}
.news-prev svg {transform: rotateY(180deg);   -webkit-transform: rotateY(180deg);}
.newsxq-page em {display: inline-block;  color: #333;}
.prev-link em {margin-left: 0.17rem;}
.next-link em {margin-right: 0.17rem;}
.next-link {flex-direction: row-reverse;}
.backlist a {width: 1.68rem; min-width: 125px; min-height: 42px; height: 0.58rem;background: #0072b8;color: #fff;}
.backlist svg {margin-right: .1rem;}
.backlist a:active {background: #0072b8;}
.newsxq-page a:active .news-prev,.newsxq-page a:active .news-next {background: #0072b8; border-color: #0072b8; }
.newsxq-page a:active svg path {fill: #fff;}
@media (any-hover: hover) {
    .newsxq-page a:hover .news-prev,.newsxq-page a:hover .news-next {background: #0072b8; border-color: #0072b8; }
    .newsxq-page a:hover svg path {fill: #fff;}
}




.join-box{padding: 1rem 0;}
.join-box .info{width: 43%;}
.join-box .info em{display: block; font-size: var(--font40); color: #333;}
.join-box .info span{display: block; font-size: var(--font38); color: #E4E4E4; font-family: Arial;font-weight: 400; margin: .1rem 0 .35rem;}
.join-box .info i{display: block;  width: .7rem;height:5px;background: #0072b8;border-radius: 3px; margin-bottom: .7rem;}
.join-box .info h3{display: block; font-size: var(--font22); color: #333; margin-bottom: .2rem;}
.join-box .info p{display: block;  color: #666; line-height: 1.7;}
.join-box .pic{width: 54.56%;}
.join-box .pic img{ width: 100%; height: 100%; object-fit: cover;}
.join-bg{background: #f9f9f9; padding: .6rem 0 1rem;}
.join-bg .about-title{margin-bottom: .5rem; padding: 0;}
.join .thead {background: #0072b8;height: .7rem;  box-sizing: border-box;}
.join .thead ul {display: flex; align-items: center;height: 100%;}
.join .thead ul li {color: #ffffff; width: calc(100% / 6); text-align: center;}
.join .tbody li { border-bottom: 1px solid rgba(185, 185, 185,.35); background: #fff;}
.join .tbody li:last-child{border-bottom: none;}
.join .tbody li:last-child {border: 0;}
.join .tbody li dl {display: flex;}
.join .tbody li dl dd {padding: .2rem 0;width: calc(100% / 6);cursor: pointer;;color: #333;text-align: center;}
.join .tbody li dl dd:last-child{color: #0072b8;}
.join .tableBox {overflow-x: auto; display: block; margin-top: .5rem;scrollbar-width:4px;border: 1px solid #f2f2f2;}
.join .tbody li dl dd {flex-shrink: 0;}
.join .tableBox::-webkit-scrollbar {width: 4px; height: 4px;}
.join .tableBox::-webkit-scrollbar-thumb {border-radius: 5px;background: #0072b8}
.join .tableBox::-webkit-scrollbar-track {border-radius: 5px; background: #DDDDDD;}
.join .tableBox .box {min-width: 768px;}

.join .tbody li .info {padding-left: 6%;}


@media screen and (min-width: 200px) and (max-width: 768px) {
  .acquisition {width: 92%;}
}