/* =====头部===== */
#c-placeholder {height: 1.2rem;}
/* .header {position: fixed;top: 0; width: 100%;z-index: 999; transition: .5s;} */
.header {background: #fff;}
.headerBox {display: flex; justify-content: space-between; height: .6rem; box-sizing: content-box; padding: .2rem 0; align-items: center;}
.logoBox {height: 100%;}
.logoBox .logoImg {display: block; height: 100%;}
.logoBox .logoImg img {height: 100%;}
.headerBox .webTle {margin-left: .07rem;}
.headerBox .webTle h1 {font-size: 0.23rem;color: #333333;font-weight: 700;  font-family: "Noto Sans SC";}
.headerBox .webTle h2 {font-size: var(--font14);font-family: Arial, Arial-Regular;color: #bfbfbf;font-weight: 400;letter-spacing: 0.3px;}
.headerRe {display: flex; align-items: center;}
.headerRe .heTel strong {font-size: 0.27rem;font-weight: 700;color: #0a6fb7;  font-family: "DIN"; margin-left: .1rem;}
.heluanguage {margin-left: .5rem;}
.heluanguage a:nth-child(2) {margin-left: .24rem;}
.heluanguage span {color: #BCBCBC;font-weight: 400; font-size: var(--font14); margin-left: .07rem;}
.heluanguage a:hover span {color: #0A6FB7;}
/* 导航 */
nav {background: #0a6fb7; position: sticky; top: 0; z-index: 11;}
nav .box {height: 60px;}
nav .box > ul {display: flex; width: 72%; justify-content: space-between;}
nav .box > ul > li { box-sizing: border-box; line-height: 60px; transition: .5s; position: relative;}
nav .box > ul > li:nth-child(5) {position: static;}
nav .box > ul > li:first-child a::after {display: none;}
nav .box > ul > li > a {color: #ffffff;font-weight: 400;position: relative; display: block; height: 100%;padding: 0 .25rem;}
nav .box > ul > li > a::after {content: ""; display: inline-block; margin-left: 3px; width: 22px;height: 8px; background: #ffffff; background: url(../images/jt-svg1.svg) no-repeat center; background-size: 100%;}
nav form {width: 3.5rem; height: .43rem; min-height: 35px; padding: 0 .25rem; box-sizing: border-box; background: #fcfcfc; border-radius: 22px; position: relative;}
nav form input {width: 100%; height: 100%; padding-right: 25px;}
nav form button {cursor: pointer; position: absolute; left: auto; right: .1rem; top: 50%; transform: translate(0% , -50%);width: 0.31rem;height: 0.31rem; min-width: 25px; min-height: 25px; background: #0a6fb7; border-radius: 50%;}
nav form button svg {max-width: 80%;}
nav form input::placeholder {font-size: var(--font14);color: #999999;}
nav .box > ul > li:hover ,nav .box > ul > li.on {background: #064c7d;}

/* 二级导航 */
.navSlideTwo {position: absolute;left: 0;width: 100%;background: #fff;line-height: initial; display: none; overflow: hidden; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}
.navSlideTwo dd a {color: #333333; font-size: var(--font16);display: block; text-align: center; padding: .12rem 0; transition: .5s;}
.navSlideTwo dd a:hover {background: #0A6FB7; color: #fff;}

.proNavSlideTwo {position: absolute;left: 0;width: 100%;background: #f7f7f7;line-height: initial; display: none; overflow: hidden;}
.proNavSlideTwo .navSlideTop {background: #fff;padding: .3rem 0;}
.proNavSlideTwo .navSlideBom {padding: .3rem 0 .5rem 0;}
.navSlideTop ul {display: flex; justify-content: space-between;}
.navSlideTop ul li a {display: flex; align-items: center;}
.navSlideTop ul li .imgBox {width: 50px;height: 50px;border: 1px solid #0a6fb7; display: flex; align-items: center; justify-content: center; border-radius: 50%; transition: .5s;}
.navSlideTop ul li .imgBox img {max-width: 55%;}
.navSlideTop ul li span {color: #333333;margin-left: .1rem;}
.navSlideTop ul li:hover .imgBox {background: #0A6FB7; border-color: #0A6FB7;}
.navSlideTop ul li:hover span {color: #0A6FB7; font-weight: 700;}
.navSlideBom ul {display: grid; grid-template-columns: repeat(5,1fr);gap: .35rem; justify-content: center;}
.navSlideBom ul li {background: #fff;border-radius: 0.08rem; overflow: hidden;}
.navSlideBom li .imgBox {border-radius: 0.08rem 0.08rem 0 0; overflow: hidden;}
.navSlideBom li .imgBox img {width: 100%; transition: .5s;}
.navSlideBom li .con {padding: .15rem; text-align: center;}
.navSlideBom li h6 {color: #333333; font-size: var(--font16);}
.navSlideBom li span {color: #0b70b8;font-size: var(--font14); font-family: Arial, Arial-Regular; font-weight: 400; display: block; margin-top: .1rem; text-decoration:underline;}
.navSlideBom li:hover .imgBox img {transform: scale(1.05);}
.navSlideBom li:hover h6 {color: #0A6FB7;}
.proNavSlideTwo .navSlideBom ul {display: none;}
.proNavSlideTwo .navSlideBom ul.on {display: grid;}
.navSlideTop ul li:nth-child(1) {animation-delay: .1s;}
.navSlideTop ul li:nth-child(2) {animation-delay: .2s;}
.navSlideTop ul li:nth-child(3) {animation-delay: .3s;}
.navSlideTop ul li:nth-child(4) {animation-delay: .4s;}
.navSlideTop ul li:nth-child(5) {animation-delay: .5s;}
.navSlideTop ul li:nth-child(6) {animation-delay: .6s;}
.navSlideTop ul li:nth-child(7) {animation-delay: .7s;}
.navSlideTop ul li:nth-child(8) {animation-delay: .8s;}
.navSlideBom ul li:nth-child(1) {animation-delay: .1s;}
.navSlideBom ul li:nth-child(2) {animation-delay: .2s;}
.navSlideBom ul li:nth-child(3) {animation-delay: .3s;}
.navSlideBom ul li:nth-child(4) {animation-delay: .4s;}
.navSlideBom ul li:nth-child(5) {animation-delay: .5s;}
/* 头部下滑 */
/* .header.fh {background: #fff; border-bottom:1px solid #E3E3E3;} */


/* =====首页===== */
/* 公用css */

/* 了解更多 */
.more1 {width: 1.6rem; height: .5rem; min-width: 125px; min-height: 35px; background: #0b70b8; border-radius: 25px; position: relative; overflow: hidden; z-index: 1; border: 1px solid #0b70b8;}
.more1 span {color: #fff;margin-right: .1rem; transition: .5s;}
.more1 svg path {transition: .5s;}
.more1::after {content: ""; background: #fff; position: absolute; width: 0; height: 100%; z-index: -1; left: 0; border-radius: 25px; transition: .5s;}
.more1:hover::after {width: 100%;}
.more1:hover span {color: #0A6FB7;}
.more1:hover svg path {fill: #0A6FB7;}

/* banner */
.bannerSwiper .swiper-slide .imgBox img {width: 100%;}
.bannerSwiper .con { position: absolute; left: 50%; top: 40%; transform: translate(-50%, -50%); text-align: center;}
.bannerSwiper .con h2 {font-size: .7rem;color: #fff;font-weight: bold;line-height: 1;} 
.bannerSwiper .con .en {text-align: center; margin: .2rem 0;}
.bannerSwiper .con .en img {width: 10.74rem; max-width: 100%;}
.bannerSwiper .con .more {margin-top: .5rem; }
.bannerSwiper .con .more .more1 {margin: auto;}
.bannerSwiper .con .bjTle {width: 100%; z-index:-1; text-transform: uppercase;font-weight: 700;color: #f2f2f2;opacity: 0.2; line-height: 1;}
.bannerSwiper .con .bjTle span {font-size: 1.5rem; display: inline-block;}
.bannerSwiper .swjt {width: 0.48rem;height: 0.62rem;background: #0b70b8; right: 0;}
.bannerSwiper .swjt svg {margin-right: .1rem; max-width: 70%;}
.bannerSwiper .swjt.swiper-button-prev {transform: rotate(180deg); right: auto; left: 0;}
.bannerSwiper .swiper-pagination {bottom: .4rem;}
.bannerSwiper .swiper-pagination span {width: .18rem; height: .18rem; background: #fff;opacity: 1; margin: 0 0.08rem !important;}
.bannerSwiper .swiper-pagination span.swiper-pagination-bullet-active {background: #0a6fb7;}

.indexOne .container {position: relative; padding: .2rem 0;}
.inOneSwiper .swiper-wrapper {align-items: center;}
.inOneSwiper .swiper-slide {text-align: center;}
.inOneSwiper .swiper-slide .imgBox {top: 2px; margin: auto; position: relative;border-radius: 50%;display: flex; align-items: center; justify-content: center;  transition: .5s;}
.inOneSwiper .swiper-slide .imgBox > img {max-width: 50%;}
.inOneSwiper .swiper-slide-active .imgBox > img {max-width: 80%;}
.inOneSwiper .swiper-slide span {color: #666666;font-weight: 400; display: block; margin-top: .2rem; transition: .5s;}
.inOneSwiper .swiper-slide .imgBox::before {content: "";opacity: 0;width: 102%;height: 102%; top: -1%;left: -1%;transition: .5s;}
.inOneSwiper .swiper-slide .imgBox::after {content: "";width: 100%;height: 100%;border-radius: 50%; opacity: 0;top: 0;left: 0;transition: .5s;}
.inOneSwiper .swiper-slide-active .imgBox {width: 1.39rem;height: 1.39rem; background: #f2f2f2; }
.inOneSwiper .swiper-slide-active .imgBox::before { position: absolute; z-index: 1; background: url(../images/inOneSwiper-yuan-icon.png) no-repeat center; background-size: 100%;  animation: myfirst 20s linear infinite; opacity: 1; }
.inOneSwiper .swiper-slide-active .imgBox::after { position: absolute; z-index: 0; background: rgba(255, 255, 255,.7) url(../images/searchIcon.png) no-repeat center; background-size: auto; opacity: 1; }
.inOneSwiper .swiper-slide-active span {color: #0b70b8;font-weight: 700;}
.indexOne .swiperJtBox {width: 120px;height: 33px;background: #0b70b8;border-radius: 17px;  position: absolute; left: 50%; top: 100%; transform: translate(-50%, -50%); display: flex; align-items: center; justify-content: space-between;}
.indexOne .swjt {width: 28px;background: #0b70b8;  height: 28px;right: -3.5%; border-radius: 50%; transition: .5s; }
.indexOne .swjt.swiper-button-prev {left: -3.5%; right: auto;}
.indexOne .swjt svg {max-width: 100%;}
.indexOne .swjt.swiper-button-prev svg {transform: rotate(180deg); }
.indexOne .swjt:hover {background: #fff;}
.indexOne .swjt:hover svg path {fill: #0A6FB7;}
/* 旋转动画 */
@keyframes myfirst {0% {transform:rotate(0deg);} 100% {transform:rotate(360deg);}}
@-webkit-keyframes myfirst {0% {transform:rotate(0deg);} 100% {transform:rotate(360deg);}}

.indexTwo {background: url(../images/indexTwo-bj.jpg) no-repeat center; background-size: cover; padding: 1.2rem 0;}
.indexTwo .tle {text-align: center;}
.indexTwo .tle .en {font-size: var(--font26);font-family: Arial, Arial-Regular;color: #666666;font-weight: 400;}
.indexTwo .tle h3 {font-size: 0.48rem;font-weight: 700;color: #333333;}
.indexTwo .tle p {font-weight: 400;color: #666666; line-height: 32px;  width: 80%; margin: auto;margin-top: .3rem;}
.indexTwo .tle a {color: #0B70B8; font-weight: 700; position: relative;}
.indexTwo .tle a::after {content: ""; height: 2px; width: 0; background: #0A6FB7; left: 0; bottom: -2px; display: block;  position: absolute; transition: .5s;}
.indexTwo .tle a:hover::after {width: 100%;}
.indexTwo ul { display: flex; justify-content: space-between; width: 80%; margin: auto;margin-top: 1rem;}
.indexTwo ul li {text-align: center;color: #666666;}
.indexTwo ul li strong {font-size: 0.72rem; color: #0B70B8;}
.indexTwo ul li span {color: #666666;}
.indexTwo ul li .text {font-weight: 400;color: #666666;}

.indexThree {position: relative;}
.indexThree .tle {position: relative;z-index: 2; height: 0;}
.indexThree .tle h3 {padding-top: .6rem; font-size: 1.2rem;font-family: Arial, Arial-Bold;font-weight: bold;color: rgba(255, 255, 255,0);letter-spacing: 0.19rem;-webkit-text-stroke:1px rgba(255, 255, 255,.1); text-transform: uppercase; }
.inThreSwiper1 {position: static;}
.inThreSwiper1 .bjBox { height: 100%; width: 100%; position: absolute;}
.inThreSwiper1 .bjBox img {width: 100%; height: 100%; object-fit: cover;   transition: 1s linear 2s; transform: scale(1.1,1.1); object-fit: cover;}
.inThreSwiper1 .swiper-slide-active .bjBox img {transition: 5s linear; transform: scale(1,1);}
.inThreSwiper1 .con { position: relative; padding: 2.5rem 0;}
.inThreSwiper1 .con h3 {font-size: 0.48rem;font-weight: 700;color: #ffffff;}
.inThreSwiper1 .con p {color: #dddddd;font-weight: 400;margin-top: .3rem; line-height: 25px; width: 43%;}
.inThreSwiper1 .con .more .more1 {margin: 0; margin-top: .8rem;}
.inThreSwiper2 {position: absolute; right: 0; top: 20%; width: 29%;}
.inThreSwiper2 .box {padding: .4rem 0; border-bottom: 1px solid rgba(255, 255, 255,.3); cursor: pointer; box-sizing: border-box; position: relative; transition: .5s;}
.inThreSwiper2 .box::after {content: ""; width: 0; height:100%; position: absolute;bottom: -1px; left: 0; background: rgba(255, 255, 255,.2); transition: .5s;}
.inThreSwiper2 .box .icBox {margin-bottom: .15rem;}
.inThreSwiper2 .box h5 {font-size: var(--font22);color: #FFFFFF;font-weight: 700;}
.inThreSwiper2 .box span {font-weight: 10; color: #ffffff; font-family: Arial, Helvetica, sans-serif;}
.inThreSwiper2 .swiper-slide-thumb-active .box {padding-left: .4rem;}
.inThreSwiper2 .swiper-slide-thumb-active .box::after {width: 100%;}

.indexFour {background: url(../images/indexFour-bj.jpg) no-repeat center; background-size: cover;padding: 1rem 0 .5rem 0;}
.indexFour .tleBox {display: flex; justify-content: space-between; align-items: center;}
.indexFour .tle h3 {font-size: 0.48rem;color: #333333; font-weight: 700;}
.indexFour .tle span {color: #666666;}
.infourinfo {margin-top: .6rem; position: relative;}
.infourinfo .le {width: 59%;}
.infourinfo .re {width: 39%; position: relative; border: 1px solid #f2f2f2;}
.infourSwiper {position: static;}
.infourSwiper .imgBox {overflow: hidden;position: relative;}
.infourSwiper .imgBox::after {content: ""; position: absolute; width: 100%; height: 100%;background-image: linear-gradient(to bottom , rgba(255, 255, 255, 0.01) 50% , rgba(0, 0, 0, 0.6)); left: 0; bottom: 0;}
.infourSwiper .imgBox img {width: 100%; transition: .5s; height: 100%;object-fit: cover;}
.infourSwiper .swiper-slide:hover .imgBox img {transform: scale(1.05);}
.infourSwiper .con {position: absolute; bottom: 0; width: 100%; left: 0; padding: .5rem .4rem; box-sizing: border-box;}
.infourSwiper .con span {font-size: var(--font18); font-family: Arial, Arial-Regular; color: #ffffff;}
.infourSwiper .con h5 {font-size: var(--font26);font-weight: 700; color: #ffffff;}
.infourSwiper .swjt {width: 0.48rem;height: 0.62rem;background: #0b70b8; right: 0;}
.infourSwiper .swjt svg {margin-right: .1rem; max-width: 70%;}
.infourSwiper .swjt.swiper-button-prev {transform: rotate(180deg); right: auto; left: 0;}
.infourSwiper .swiper-pagination {bottom: .4rem;}
.infourSwiper .swiper-pagination span {width: .18rem; height: .18rem; background: #fff;opacity: 1; margin: 0 0.08rem !important;}
.infourSwiper .swiper-pagination span.swiper-pagination-bullet-active {background: #0a6fb7;}
.infourinfo {display: flex; justify-content: space-between;}
.infourSwiper2 {height: 100%;}
.infourSwiper2 .swjt {width: 0.48rem;height: 0.62rem;background: #0b70b8; right: 0;}
.infourSwiper2 .swjt svg {margin-right: .1rem; max-width: 70%;}
.infourSwiper2 .swjt.swiper-button-prev {transform: rotate(180deg); right: auto; left: 0;}
.infourSwiper2 .swiper-pagination {bottom: .4rem;}
.infourSwiper2 .swiper-pagination span {width: .18rem; height: .18rem; background: #fff;opacity: 1; margin: 0 0.08rem !important;}
.infourSwiper2 .swiper-pagination span.swiper-pagination-bullet-active {background: #0a6fb7;}
.infourinfo .re a {display: block; height: 100%;}
.infourinfo .re .imgBox {overflow: hidden; height: 100%; position: relative;}
.infourinfo .re .imgBox::after {content: ""; position: absolute; width: 100%; height: 100%;background-image: linear-gradient(to bottom , rgba(255, 255, 255, 0.01) 50% , rgba(0, 0, 0, 0.6)); left: 0; bottom: 0;}
.infourinfo .re .imgBox img {width: 100%; transition: .5s; height: 100%;object-fit: cover;}
.infourinfo .re .con {position: absolute; bottom: 0; width: 100%; left: 0; padding: .5rem .4rem; box-sizing: border-box;}
.infourinfo .re .con span {font-size: var(--font18); font-family: Arial, Arial-Regular; color: #ffffff;}
.infourinfo .re .con h5 {font-size: var(--font26);font-weight: 700; color: #ffffff;}
.infourinfo .re:hover .imgBox img {transform: scale(1.05);}
.indexFour ul {display: grid; grid-template-columns: repeat(3,1fr); gap: .16rem; margin-top: .5rem;}
.indexFour ul li {background: #ffffff;border: 1px solid #f2f2f2; padding: .4rem; box-sizing: border-box; transition: .5s;}
.indexFour ul li .time {font-size: var(--font14);font-family: Arial, Arial-Regular;font-weight: 400;color: #0a6fb7;}
.indexFour ul li h5 {font-size: var(--font18);font-weight: 700;color: #333333; margin-top: .1rem;}
.indexFour ul li p {font-weight: 400;color: #666666; font-size: var(--font14);margin-top: .1rem;}
.indexFour ul li span {display: flex; align-items: center;margin-top: .3rem; font-size: var(--font14);font-family: Arial, Arial-Regular; color: #666;}
.indexFour ul li:hover {transform: translateY(-.1rem);}
.indexFour ul li a:hover span {color: #0B70B8;}
.indexFour ul li a:hover span svg path {fill: #0B70B8;}

.indexFive {background: url(../images/indexFive-bj.jpg) no-repeat center; background-size: cover;}
.indexFive {padding: 1.5rem 0; text-align: center;}
.indexFive p {font-size: 0.6rem;color: #ffffff;}
.indexFive p strong {display: inline-block;}
.indexFive p span {display: inline-block;}
.indexFive .more {margin-top: .5rem;}
.indexFive .more .more1 {margin: auto;}

/* =====底部===== */
.footerTle {display: flex; justify-content: space-between; padding-top: .5rem; align-items: center;}
.footerTle form {display: grid; grid-template-columns: repeat(3,auto); gap: .1rem;}
.footerTle form input {width: 3.37rem;height: 0.58rem; min-height: 40px; border: 1px solid #cacaca;border-radius: 0.05rem; padding: 0 .2rem; box-sizing: border-box; color: #333;}
.footerTle form input::placeholder {color: #999999;}
.footerTle form input::-moz-placeholder  {color: #999999;}
.footerTle form button {width: 1.08rem;height: 0.58rem; min-height: 40px; background: #0b71b9; border-radius: 0.05rem; cursor: pointer; color: #fff;}
.foternav {display: flex; justify-content: space-between; margin-top: .6rem;}
.foternav dl dt {font-size: var(--font20);font-weight: 700;color: #333333;margin-bottom: .2rem;}
.foternav dl dd a {font-size: var(--font14);font-weight: 400;color: #666666;margin: .1rem 0; display: block;}
.foternav dl dd a:hover {color: #0B70B8;}
.foternav .navUs {text-align: right;}
.foternav .navUs .lastTle {font-size: var(--font20);font-weight: 700;color: #333333;margin-bottom: .2rem;}
.foternav .navUs strong {font-size: var(--font32);font-weight: 700;color: #0b71b9;}
.foternav .navUs .conus {margin-top: .3rem; display: flex; justify-content: flex-end;}
.foternav .navUs .conus a {width: 2.17rem; height: 0.65rem; border: 0.01rem solid #999999;color: #333; position: relative; z-index: 1; transition: .5s;}
.foternav .navUs .conus a:hover {color: #fff;}
.foternav .navUs .conus a:after {content: "";width: 100%;height: 100%;position: absolute;bottom: 0;left: 0;background-color: #0b71b9;transform: scaleY(0) translate3D(0, 0, 0);-webkit-transform: scaleY(0) translate3D(0, 0, 0);transform-origin: top;-webkit-transform-origin: top;transition: .6s transform cubic-bezier(1, 0, 0, 1);-webkit-transition: .6s transform cubic-bezier(1, 0, 0, 1);pointer-events: none; z-index: -1;}
.foternav .navUs .conus a:hover:after {transform: scaleY(1) translate3D(0, 0, 0);-webkit-transform: scaleY(1) translate3D(0, 0, 0);transform-origin: bottom;-webkit-transform-origin: bottom;}
.foternav .navUs .conus a:hover {border-color: #0b71b9;}
.foternav .links ul {display: grid; grid-template-columns: repeat(3,auto); gap: .15rem; margin-top: .3rem;    justify-content: flex-end;}
.foternav .links ul li {position: relative;}
.foternav .links ul li > a {width: 0.52rem; height: 0.52rem;min-width: 40px;min-height: 40px; background: rgba(55, 55, 53,.1); border-radius: 50%;transition: .5s;}
.foternav .links ul li:nth-child(2) {padding-bottom: .1rem;}
.foternav .links ul li:nth-child(2) a svg {max-width: 70%;}
.foternav .links ul li > a svg {max-width: 50%; margin: auto;}
.foternav .links ul li > a svg path {transition: .5s;}
.foternav .links ul li:hover > a {background: #0B70B8;}
.foternav .links ul li:hover > a svg path {fill: #fff;}
.foternav .links ul li .emailBox {white-space: nowrap; position: absolute; left: 50%; top: 100%; transform: translate(-50%) translateY(100%); background: #e5e5e5; padding: .1rem .15rem; border-radius: 30px; transition: .5s; opacity: 0; visibility: hidden;} 
.foternav .links ul li .emailBox::after {content: "";-webkit-clip-path: polygon(50% 0, 0% 100%, 100% 100%);clip-path: polygon(50% 0, 0% 100%, 100% 100%);     position: absolute;left: 50%;top: -35%; transform: translate(-50%); width: .25rem;height: .25rem;background: #e5e5e5;}
.foternav .links ul li:hover .emailBox {opacity: 1; visibility: visible; transform: translate(-50%) translateY(25%);}
.foternav .links ul li .emailBox:hover a {color: #0B70B8;}
.copyright {padding: .15rem 0; border-top: 1px solid #E5E5E5; margin-top: .5rem;}
.copyright .container {display: flex; justify-content: space-between; flex-flow: row wrap;}
.copyright p , .copyright p a {color: #999999; font-size: var(--font14);}
.copyright p a:hover {color: #0A6FB7;}
/* =========================================================================================内页============================================================================ */
/* 内页banner */
.ny-banner {position: relative;}
.ny-banner .imgBox img {width: 100%;}
.ny-banner .tleBox { position: absolute; left: 50%; top: 45%; transform: translate(-50%, -50%); display: flex; align-items: center; justify-content: space-between;}
.ny-banner .tle span {font-size: var(--font24);font-weight: 400;color: #ffffff; display: inline-block;}
.ny-banner .tle h3 {font-size: 0.48rem;font-weight: 700;color: #ffffff;}
.prolist-banner .tleBox {top: 50%;}
.prolist-banner .proImg img {max-width: 5rem;     transform: translateY(10%);}

/* =====关于我们===== */
.aboutnav {box-shadow: 0rem 0.05rem 0.05rem 0rem rgba(0,0,0,0.05); }
.aboutnav ul {display: flex;}
.aboutnav ul li {width: calc(100% / 6); text-align: center; border-right: 1px solid #f2f2f2; position: relative; z-index: 1;}
.aboutnav ul li::after {content: ""; position: absolute; bottom: 0; left: 0; height: 0%; background: #0a6fb7;width: 100%; z-index: -1; transition: .5s;}
.aboutnav ul li .icBox img {transition: .5s;}
.aboutnav ul li a {display: flex; align-items: center; justify-content: center; padding: .4rem 0;}
.aboutnav ul li span {margin-left: .1rem; font-size: var(--font18); transition: .5s;}
.aboutnav ul li:hover::after , .aboutnav ul li.on::after {height: 120%;}
.aboutnav ul li:hover span , .aboutnav ul li.on span {color: #fff;}
.aboutnav ul li:hover .icBox img , .aboutnav ul li.on .icBox img {filter: brightness(100); -webkit-filter:brightness(100);}

.aboutTle {text-align: center;}
.aboutTle .tle {display: inline-block; position: relative;}
.aboutTle .tle h3 {font-size: 0.48rem;font-weight: 400;color: #333333; position: relative; z-index: 1;}
.aboutTle .tle .en {    white-space: nowrap; text-transform: uppercase; position: absolute; left: 50%; top: 25%; transform: translate(-50%, -50%);z-index: 0; font-size: 0.72rem;font-family: Arial, Arial-Bold;font-weight: 700;color: #f2f2f2;}
.aboutTle .xian {margin-top: 0.1rem;}
.aboutTle i {width: 0.84rem;height: 0.01rem;background: #333333; display: inline-block; margin: auto; position: relative;}
.aboutTle i::after {content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 50%; height: 0.03rem;background: #0a6fb7;}

.aboutOne {padding-top: .8rem; overflow: hidden;}
.aboutOne .aboutTle {text-align: left;}
.aboutOne .aboutTle .tle .en { left: 0;top: 0;  transform: translate(0, -38%);}
.aboutOne .aboutTle i::after {transform: translate(-100%, -50%);}
.aboutOne .box {display: flex;justify-content: space-between; position: relative;}
.aboutOne .box .le {width: 58%; padding-top: 1rem; padding-bottom: 2.1rem;}
.aboutOne .box .re {width: 37%; overflow: hidden;}
.aboutOne .box .re img {width: 100%; height: 100%; object-fit: cover;}
.aboutOne .le .text {margin-top: .5rem;}
.aboutOne .le .text p {color: #666666; font-size: var(--font15);font-weight: 400; margin-top: .25rem;    line-height: 26px;}
.aboutOne .box ul {position: absolute; bottom: 0; display: flex; width: 77%; padding-right: 4%; justify-content: space-between; height: 1.72rem; z-index: 1;}
.aboutOne .box ul::after {content: ""; width: 100vw; height: 100%; background: #0a6fb7; position: absolute;right: 100vw; z-index: -1; transition: 1.5s;}
.aboutOne .box ul.on::after {right: 0;}
.aboutOne li {display: flex; flex-direction: column; justify-content: center; align-items: center;}
.aboutOne li strong {font-size: 0.72rem;font-family: "DIN";font-weight: 700;color: #ffffff; line-height: 1.25;}
.aboutOne li span {font-weight: 400;color: #ffffff;}
.aboutOne li .text {font-weight: 400; color: #fff;}
.aboutOne .bjzt {font-size: 1.62rem;font-family: Arial, Arial-Bold;font-weight: 700;color: #fcfcfc;writing-mode:vertical-rl; position: absolute; right: 0; bottom: 1%; transform: translateX(95%);}

.aboutTwo {background: url(../images/aboutTwo-bj.jpg) no-repeat center; background-size: cover; padding: 1rem 0;}
.aboutTwo .box {display: flex; margin-top: .4rem;}
.aboutTwo .box .le {width: 50%;}
.aboutTwo .box .re {width: 50%;}
.aboutTwo .box .re img {width: 100%; height: 100%; object-fit: cover;}
.aboutTwo .box ul {height: 100%;}
.aboutTwo .box ul li {height: 50%; background: #ffffff; border: 1px solid #f2f2f2; padding: .5rem;}
.aboutTwo .box ul li:nth-child(2) {border-top: 0;}
.aboutTwo li {position: relative; z-index: 1;}
.aboutTwo li .icBox img {transition: .5s;}
.aboutTwo li .tle {display: flex; align-items: center;}
.aboutTwo li .tle h4 {font-size: 0.32rem;color: #0a6fb7;margin-left: .2rem; transition: .25s;}
.aboutTwo li p {color: #333333;font-weight: 400; margin-top: .2rem; transition: .5s;}
.aboutTwo li::after {content: ""; position: absolute; width: 0; height: 0; background: #0a6fb7; bottom: 0; left: 0; z-index: -1; transition: .5s;}
.aboutTwo li:hover::after {height: 110%; width: 110%;}
.aboutTwo li:hover .icBox img {filter: brightness(100); -webkit-filter:brightness(100);}
.aboutTwo li:hover h4 {color: #fff;}
.aboutTwo li:hover p {color: #fff;}

.aboutTwo2 {background: url(../images/aboutTwo2-bj.jpg) no-repeat center; background-size: cover; padding: 1rem 0 2rem;}
.aboutTwo2 .aboutTle .en {color: rgba(242, 242, 242,.3);}
.aboutTwo2 .aboutTle h3 {color: #fff;}
.aboutTwo2 .aboutTle .xian i {background: #fff;}
.aboutTwo2 .aboutTle i::after {background: #fff;}
.aboutTwo2 ul {display: flex; flex-wrap: wrap; justify-content: space-between;margin-top: 1.25rem;}
.aboutTwo2 ul li {width: 31%;background: #fff; padding: .4rem; box-sizing: border-box; transition: .5s;}
.aboutTwo2 ul li h5 {font-size: .36rem; color: #0a6fb7; font-weight: 700;padding: .15rem 0; border-bottom: 1px solid #f2f2f2;}
.aboutTwo2 ul li span {display: block; margin-top: .15rem; color: #333333; text-transform: uppercase; font-size: var(--font20);}
.aboutTwo2 ul li:hover {transform: translateY(-.1rem);}

@media screen and (min-width: 200px) and (max-width: 767px){
  .aboutTwo2 ul {margin-top: .5rem;}
  .aboutTwo2 ul li {width: 100%; margin-top: .3rem;}
  .aboutTwo2 ul li .icBox img {max-width: .6rem;}
}

.aboutThree {padding-top: 1rem; overflow: hidden;}
.aboutThree .box {margin-top: .5rem; background: url(../images/aboutThree-bj.jpg) no-repeat  center; background-size: cover; background-attachment: fixed; position: relative; padding-bottom: 1.5rem;}
.aboutThree .box .container {max-width: 93%;    width: 1800px;margin-right: 6%;}
.aboutThree .box::after {content: ""; height: 1px; width: 100%;background: #ffffff; opacity: .5; position: absolute; left: 50%; top: 40.5%; transform: translate(-50%, -50%);z-index: 0;}
.abthSwiper {padding: 1.8rem 0; overflow: visible;}
.abthSwiper .swiper-slide {width: auto; transform: translateY(34.5%);}
.abthSwiper .swiper-slide:nth-child(even) {transform: rotateX(180deg) translateY(34.5%);}
.abthSwiper .swiper-slide:nth-child(even) .time span {transform: rotateX(180deg) ;}
.abthSwiper .swiper-slide:nth-child(even) .disc {transform: rotateX(180deg);}
.abthSwiper .time {text-align: center;left: 25%;position: relative;}
.abthSwiper .time span {font-size: 0.18rem;font-family: Arial, Arial-Bold; font-weight: 700;color: #ffffff; display: block;}
.abthSwiper .time i {width: 1px;height: 0.14rem;background: #ffffff; display: inline-block; position: relative;    margin-top: .15rem;}
.abthSwiper .time i::after {content: ""; border-radius: 50%; width: 0.1rem;height: 0.1rem;background: #ffffff; position: absolute; left: 50%; top: 100%; transform: translate(-50%, 0);}
.abthSwiper .disc {background: #ffffff; border-radius: 0rem 0rem 0.1rem 0.1rem; margin-top: .4rem;width: 150%;position: relative;}
.abthSwiper .disc .time2 {background: #0a6fb7; padding: .15rem .2rem;font-size: 0.28rem;font-family: Arial, Arial-Bold;font-weight: 700;color: #ffffff;}
.abthSwiper .disc .boxCon {padding: .2rem; padding-right: .1rem;}
.abthSwiper .disc .con {color: #666666; min-height: .6rem;  font-size: .16rem; display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.abthSwiper .disc .con {scrollbar-width:2px;scrollbar-color:rgba(0, 0, 0, 0.2);  scrollbar-width:2px; scrollbar-color:rgba(0, 0, 0, 0.2);}
.abthSwiper .disc .con::-webkit-scrollbar {/*滚动条整体*/width: 4px;}
.abthSwiper .disc .con::-webkit-scrollbar-thumb {/*控制滑块*/ border-radius: 5px;-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);background: rgba(0, 0, 0, 0.2);}
.abthSwiper .disc .con::-webkit-scrollbar-track {/*控制轨道*/border-radius: 5px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); border-radius: 0; background: rgba(0,0,0,0.2);}
.aboutThree .more {display: flex;justify-content: center; position: absolute; width: 100%;}
.abthSwiper .swjt {top: auto; left: 47%;  bottom: -8%; width: 0.62rem;height: 0.62rem;background: rgba(255, 255, 255,.8); border-radius: 50%; transition: .5s; display: none;}
.abthSwiper .swjt.swiper-button-prev {transform: translateX(-.4rem);}
.abthSwiper .swjt.swiper-button-next {transform: rotate(180deg) translateX(-.8rem); right: auto;}
.abthSwiper .swjt svg {max-width: 50%;}
.abthSwiper .swjt:hover {background: #0A6FB7;}
.abthSwiper .swjt:hover svg path {fill: #fff;}

.aboutFour {background: #fcfcfc; padding-top: .5rem; overflow: hidden;}
.aboutFour .box {display: flex; justify-content: space-between; align-items: center;}
.aboutFour .box .le {margin-right: .5rem;}
.aboutFour .box h3 {font-size: .48rem;font-weight: 400;color: #333333;}
.aboutFour .box .tle {margin-top: .4rem;}
.aboutFour .box .tle span {font-size: var(--font24);font-weight: 400;color: #666666;display: block;}
.aboutFour .box .disc {margin-top: .5rem;}
.aboutFour .box .disc span {font-weight: 400;color: #666666; display: block; margin-top: .1rem;}
.aboutFour .box .re {transform: translateY(30%);    margin-top: -15%; margin-right: 9%;}

.aboutFive {background: url(../images/aboutFive-bj.jpg) no-repeat center; background-size: cover;}
.aboutFive ul {display: flex; justify-content: space-between;}
.aboutFive ul li { width: calc(100% / 3); padding: .6rem 5%; box-sizing: border-box; border-right: 1px solid rgba(255, 255, 255,.1); text-align: center;}
.aboutFive ul li .tle {display: flex; justify-content: space-between;}
.aboutFive ul li .tle span {font-size: 1.6rem; line-height: 1; font-family: Arial, Arial-Bold;font-weight: 700;  color: rgba(255, 255, 255,0);-webkit-text-stroke: 1px rgba(255, 255, 255,.2); text-transform: uppercase;}
.aboutFive ul li h5 {font-weight: 700;color: #ffffff; font-size: var(--font28);margin-top: .5rem;}
.aboutFive ul li .textImg {margin-top: .25rem;}
.aboutFive ul li .textImg img {max-width: 85%;}

.aboutSix {background: #fff;padding: .7rem 0; padding-top: 1rem;}
.abSixSwiper {margin-top: .6rem; padding-bottom: 1.5rem;}
.abSixSwiper .swiper-slide {border: 1px solid #f2f2f2;}
.abSixSwiper .swiper-slide .imgBox {padding: .2rem; box-sizing: border-box; height: 3.74rem; display: flex; align-items: center; justify-content: center;}
.abSixSwiper .swiper-slide .imgBox img {max-width: 100%; transition: .5s; max-height: 100%;}
.abSixSwiper .swiper-slide .con {padding: .15rem 0.05rem; text-align: center; font-weight: 400; font-size: var(--font18);color: #333333; border-top: 1px solid #F2F2F2; position: relative; z-index: 1;}
.abSixSwiper .swiper-slide .con::after {content: ""; position: absolute; bottom: 0; left: 0;height: 0.03rem;background: #085993; width: 100%;}
.abSixSwiper .swiper-slide .con::before {content: ""; position: absolute; bottom: 0; left: 0;height: 0;background: #085993; width: 100%; z-index: -1; transition: .5s;}
.abSixSwiper .swiper-slide:hover .con::before {height: 100%;}
.abSixSwiper .swiper-slide:hover .con {color: #fff;}
.abSixSwiper .swjt {top: auto; left: 47%;bottom: .1rem; width: 0.62rem;height: 0.62rem;background: #F2F2F2; border-radius: 50%; transition: .5s;}
.abSixSwiper .swjt.swiper-button-prev {transform: translateX(-.4rem);}
.abSixSwiper .swjt.swiper-button-next {transform: rotate(180deg) translateX(-.8rem); right: auto;}
.abSixSwiper .swjt svg {max-width: 50%;}
.abSixSwiper .swjt:hover {background: #0A6FB7;}
.abSixSwiper .swjt:hover svg path {fill: #fff;}
.abSixSwiper .swiper-slide:hover .imgBox img {transform: scale(1.05);}

/* =====产品中心===== */
.mbx {color: #666666;font-size: var(--font18); padding: .15rem 0;}
.mbx a {color: #666666; margin: 0 .2rem; display: inline-block;}
.mbx a:hover {color: #0A6FB7;}
.proCenterOne { background: #f9fafc;}
.proCenterOne .box {display: flex; justify-content: space-between; align-items: center;}
.proCenterOne .box .tle {justify-content: flex-start; width: 25%; position: relative; padding: .35rem 0; z-index: 1;}
.proCenterOne .box .tle::after {content: ""; position: absolute; width: 100vw; right: 0; height: 100%;background: #0a6fb7; z-index: -1;}
.proCenterOne .box .tle h4 {color: #ffffff; font-size: var(--font28); margin-left: .2rem;}

.proCenterTwo {margin-bottom: .6rem;}
.proCenterTwo .navle {width: 25%; position: relative; z-index: 1; padding-bottom: 1.3rem;}
.proCenterTwo .navle::after {content: ""; position: absolute; width: 100vw; top: 0; right: 0; height: 100%;background: #F9FAFC; z-index: -1;}
.proCenterTwo .navle ul li {margin-right: .3rem; position: relative; z-index: 1;}
.proCenterTwo .navle ul li::after {content: ""; position: absolute; width: 100vw; bottom: 0; right: 0; height: 1px;background: #E0E0E0; z-index: -1;}
.proCenterTwo .navle ul li a {display: flex; justify-content: space-between; padding: .25rem 0; font-size: var(--font24);color: #333333;}
.proCenterTwo .navle ul li i {transition: .5s; flex-shrink: 0;}
.proCenterTwo .navle ul li i svg {max-width: 100%;}
.proCenterTwo .navle ul li:hover i , .proCenterTwo .navle ul li.on i  {transform: rotate(90deg);}
.proCenterTwo .navle ul li:hover i svg path , .proCenterTwo .navle ul li.on i svg path {fill: #0A6FB7;}
.proCenterTwo .navle ul li:hover a , .proCenterTwo .navle ul li.on a {color: #0A6FB7;}
.proCenterTwo .box .more {margin-top: .5rem;}
.proCenterTwo .box .more img {filter: brightness(100); -webkit-filter:brightness(100);}
.proCenterTwo .box .more span {margin-left: .1rem;}
.proCenterTwo .box .more .more1:hover img {filter:none; -webkit-filter:none;}
.proCenterTwo .box {display: flex; justify-content: space-between; align-items: flex-start;}
.proCenterTwo .box .navle {position: sticky; top: 60px;}
.proCenterTwo .box .re {width: 72%; margin-top: .5rem;}
.proCenterTwo .list {display: grid; grid-template-columns: repeat(3,1fr); gap: .35rem;}
.proCenterTwo .list li {border: 1px solid #f2f2f2;}
.proCenterTwo .list li .imgBox {overflow: hidden;}
.proCenterTwo .list li .imgBox img {width: 100%; transition: .5s;}
.proCenterTwo .list li .con { padding: .15rem; box-sizing: border-box; text-align: center;}
.proCenterTwo .list li h6 {font-size: var(--font20);font-family: Arial, Arial-Regular;color: #333333;}
.proCenterTwo .list li span {color: #666666;}
.proCenterTwo .list li .more {width: 59px; height: 29px;background: #0b70b8; border-radius: 15px; margin: auto; margin-top: .2rem;}
.proCenterTwo .list li .more svg {transform: rotate(90deg);}
.proCenterTwo .list li:hover .imgBox img {transform: scale(1.05);}
.proCenterTwo .list li:hover h6 {color: #0A6FB7;}
/* 产品详情 */
.proDateMain {background: #f2f2f2; padding-bottom: .7rem;}
.proDateOne .box {margin-top: .7rem; background: #ffffff;border-radius: 0.25rem;padding: .6rem .42rem; box-sizing: border-box; display: flex; justify-content: space-between;}
.proDateOne .tle h3 {font-size: 0.48rem;font-family: Arial, Arial-Regular;font-weight: 400;}
.proDateOne .tle2 {margin-top: .2rem;}
.proDateOne .tle2 a {color: #0a6fb7;font-size: var(--font20);font-family: Arial, Arial-Regular; width: 1.54rem;height: 0.48rem; border: 0.01rem solid #0a6fb7;border-radius: 0.25rem; transition: .5s;}
.proDateOne .tle2 a:hover {background: #0A6FB7; color: #fff;}
.proDateOne .tle i {margin-top: .3rem; width: 100%;height: 1px;background: #f2f2f2; display: block; position: relative;}
.proDateOne .tle i::after {content: "";position: absolute; top: -.01rem; width: 0.44rem; height: 0.03rem; background: #0a6fb7;}
.proDateOne .le {width: 50%;}
.proDateOne .re {width: 48%;}
.proDateOne dl {margin: .5rem 0 .4rem 0; font-weight: 400;color: #333333; font-size: var(--font18);}
.proDateOne dl dd {display: flex; align-items: center; margin: .1rem 0;}
.proDateOne dl dd i { width: 0.06rem;height: 0.06rem;background: #0a6fb7; border-radius: 50%; margin-right: .15rem; position: relative;}
.proDateOne dl dd i::after {content: ""; width: 0.14rem;height: 0.14rem;opacity: 0.5;background: #0a6fb7; border-radius: 50%;  position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.proDateOne .le .more a {width: 2.15rem;height: 0.61rem;  border: 0.01rem solid #0a6fb7; border-radius: 0.32rem; transition: .5s;}
.proDateOne .le .more {display: flex;}
.proDateOne .le .more a:nth-child(2) {margin-left: .25rem;}
.proDateOne .le .more a span {color: #0a6fb7;font-weight: 400; margin-left: .1rem;}
.proDateOne .le .more a:hover {background: #0a6fb7;}
.proDateOne .le .more a:hover span {color: #fff;}
.proDateOne .le .more a:hover img {filter: brightness(100); -webkit-filter:brightness(100);}
.proOneDateSwiper1 {max-height: 4.41rem;background: #ffffff; border: 0.01rem solid #f2f2f2;}
.proOneDateSwiper1 .imgBox {display: flex; align-items: center; justify-content: center; padding: .1rem; box-sizing: border-box;}
.proOneDateSwiper1 .imgBox img {max-width: 90%;}
.proOneDateSwiper1 .swiper-button-prev {transform: rotate(180deg);}
.proOneDateSwiper2 {margin-top: .1rem;}
.proOneDateSwiper2 .swiper-slide .imgBox {cursor: pointer; padding: .1rem; box-sizing: border-box;background: #ffffff;border: 0.01rem solid #f2f2f2;}
.proOneDateSwiper2 .swiper-slide .imgBox img {max-width: 100%;}
.proOneDateSwiper2 .swiper-slide.swiper-slide-thumb-active {border: 1px solid #0a6fb7;}

.proDateTwo {margin-top: .7rem;}
.proDateTwo .aboutTle .tle h3 {font-size: 0.48rem;font-weight: 700;}
.proDateTwoSwiper {margin-top: .6rem;}
.proDateTwoSwiper .swiper-slide {background: #fff;}
.proDateTwoSwiper .imgBox {overflow: hidden;}
.proDateTwoSwiper .imgBox img {width: 100%; transition: .5s;}
.proDateTwoSwiper .con { padding: .15rem; box-sizing: border-box; text-align: center;}
.proDateTwoSwiper h6 {font-size: var(--font20);font-family: Arial, Arial-Regular;color: #333333;}
.proDateTwoSwiper span {color: #666666;}
.proDateTwoSwiper .more {width: 59px; height: 29px;background: #0b70b8; border-radius: 15px; margin: auto; margin-top: .2rem;}
.proDateTwoSwiper .more svg {transform: rotate(90deg);}
.proDateTwoSwiper .swiper-slide:hover .imgBox img {transform: scale(1.05);}
.proDateTwoSwiper .swiper-slide:hover h6 {color: #0A6FB7;}
.backList {display: flex; justify-content: center; margin-top: .7rem;}
.backList a {width: 1.61rem; height: 0.51rem;     min-width: 120px; min-height: 38px; background: #0b70b8; border-radius: 26px; color: #fff; transition: .5s;}
.backList a svg {margin-left: .15rem;}
.backList a:hover {background: none; border: 1px solid #0b70b8; color: #0B70B8;}
.backList a:hover svg path {fill: #0B70B8;}

/* =====新闻中心===== */
.newslistnav {background: #ffffff; border: 1px solid #f2f2f2;box-shadow: 0rem 0.05rem 0.05rem 0rem rgba(0,0,0,0.05); }
.newslistnav .box {display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.newslistnav ul {display: flex; margin-right: .1rem;}
.newslistnav ul li a {display: flex; padding: .35rem .8rem; box-sizing: border-box; border: 0.01rem solid #f2f2f2;}
.newslistnav ul li a span {margin-left: .12rem;font-weight: 400; font-size: var(--font18);color: #333333;}
.newslistnav ul li:nth-child(n+2) a {border-left: 0;}
.newslistnav ul li a img {filter: brightness(0); -webkit-filter:brightness(0);}
.newslistnav ul li:hover span ,.newslistnav ul li.on span {color: #0a6fb7;}
.newslistnav ul li:hover img , .newslistnav ul li.on img {filter: none; -webkit-filter:none;}
.newslist {margin: .6rem 0;}
.newslist ul {display: grid; grid-template-columns: repeat(3,1fr); gap: .3rem;}
.newslist ul li {background: #fcfcfc; transition: .5s;}
.newslist ul li .imgBox {border: 1px solid #f2f2f2; overflow: hidden;}
.newslist ul li .imgBox img {width: 100%; transition: .5s;}
.newslist ul li .con {padding: .3rem; box-sizing: border-box;}
.newslist ul li h5 {font-weight: 700;color: #333333; font-size: var(--font20); transition: .5s;}
.newslist ul li p {margin-top: .3rem;color: #666666;font-weight: 400;}
.newslist ul li .more {display: flex; align-items: center; margin-top: .3rem; justify-content: space-between;}
.newslist ul li .more span {font-weight: 400;color: #333333; font-size: var(--font14);    font-family: "DINRegular";}
.newslist ul li .jt {width: 0.65rem; height: 0.65rem;border: 1px solid #0a6fb7; border-radius: 50%; transition: .5s;}
.newslist ul li .jt svg path {transition: .5s;}
.newslist ul li:hover {box-shadow: 0rem 0.04rem 0.08rem 0rem rgba(51,51,51,0.15); }
.newslist ul li:hover .imgBox img {transform: scale(1.05);}
.newslist ul li:hover h5 {color: #0A6FB7;}
.newslist ul li:hover .jt {background: #0a6fb7;}
.newslist ul li:hover .jt svg path {fill: #fff;}
/* 新闻详情 */
.newsDateInfo {padding: .7rem 0;}
.newsDateInfo .box {display: flex; align-items: flex-start; justify-content: space-between;}
.newsDateInfo .box .le {width: 67%;}
.newsDateInfo .box .re {width: 29%; position: sticky; top: 62px;}
.newsDateInfo .le .tle {border-bottom: 1px solid #C4C4C4; padding-bottom: .3rem;}
.newsDateInfo .le .tle h5 {font-weight: 400; font-size: var(--font30);color: #333333; margin-bottom: .2rem;}
.newsDateInfo .le .tle span {display: inline-block;color: #999999;}
.newsDateInfo .le .infoCon {margin: .5rem 0;}
.newsDateInfo .le .infoCon img {max-width: 100%;}
.newsDateInfo .pagebox {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding-top: .15rem; border-top: 1px solid #C4C4C4;}
.newsDateInfo .pagebox .backList {margin-top: 0;}
.newsDateInfo .pagebox .chose > div {margin: .1rem 0;color: #666666;}
.newsDateInfo .pagebox .chose > div a {color: #333333;}
.newsDateInfo .pagebox .chose > div a:hover {color: #0A6FB7;}
.newsDateInfo .recommend {background: #0a6fb7; padding: .3rem; box-sizing: border-box;}
.newsDateInfo .recommend .tle {margin-bottom: .25rem; font-weight: 400; font-size: var(--font26); color: #fff; border-left: .03rem solid #fff; line-height: 1; padding-left: .2rem;} 
.newsDateInfo .recommend li .imgBox {overflow: hidden;}
.newsDateInfo .recommend li .imgBox img {width: 100%;}
.recomdInfo {border-bottom: 1px solid #fff;}
.recomdInfo .imgBox {overflow: hidden;}
.recomdInfo .imgBox img {width: 100%; transition: .5s;}
.recomdInfo h5 {color: #fff; font-size: var(--font18);font-weight: 400; margin: .2rem 0; }
.recomdInfo:hover .imgBox img {transform: scale(1.05);}
.recommend ul li {margin: .2rem 0;}
.recommend ul li a {position: relative;display: flex; align-items: center; transition: .5s;}
.recommend ul li a::before {content: ""; background: url(../images/triangle-icon.png) no-repeat center; width: 10px; height: 16px; display: inline-block; background-size: contain;}
.recommend ul li a::after {content: ""; position: absolute; bottom: 0; width: 0; height: 1px; left:0 ; background: #fff; transition: .5s;}
.recommend ul li a span {color: #fff; margin-left: .2rem;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.recommend ul li:hover a::after {width: 100%;}

/* =====技术支持===== */
.technicalOne {padding: 1rem 0 0 0;}
.technicalOne .aboutTle {margin-bottom: .5rem;}
.technicalOne .box {background: #f2f2f2; padding: .3rem 0;}

/* =====下载中心===== */
.downloadOne {padding: 1rem 0;}
.downloadOne ul {display: grid; grid-template-columns: repeat(3,1fr); gap: .3rem; margin-top: .5rem;}
.downloadOne ul li {border: 1px solid #f2f2f2; display: flex; align-items: center; justify-content: space-between; padding: .125rem .15rem; box-sizing: border-box; position: relative;}
.downloadOne ul li::after {content: ""; position: absolute; bottom: 0;width: 0; left: 0;height: 0.04rem; background: #0a6fb7; transition: .5s;}
.downloadOne ul li .codeBox {width: 30%; display: flex; align-items: center; justify-content: center;}
.downloadOne ul li .codeBox img {max-width: 100%;}
.downloadOne ul li .con {width: 60%;}
.downloadOne ul li h6 {font-weight: 700;color: #333333; font-size: var(--font20);}
.downloadOne ul li span {font-weight: 400;color: #666666; font-size: var(--font16); display: block; margin-top: .1rem;}
.downloadOne ul li .more {margin-top: .16rem;}
.downloadOne ul li .more a {color: #333333;font-weight: 400; text-decoration: underline;}
.downloadOne ul li .more a:hover {color: #0A6FB7;}
.downloadOne ul li:hover::after {width: 100%;}
.downloadOne ul li:hover h6 {color: #0A6FB7;}

.joinOne {padding: .7rem 0;}
.joinOne ul {display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: .45rem;}
.joinOne ul li {padding: .5rem; box-sizing: border-box; text-align: center; width: 32%;background: #f9f9f9;border-radius: 0.2rem 0.2rem 0rem 0rem; position: relative;}
.joinOne ul li::after {content: ""; position: absolute;width: 0; bottom: 0; left: 0; height: .04rem; transition: .5s;background: #0a6fb7;}
.joinOne ul li h5 {font-size: 0.24rem;font-weight: 700;color: #333333; margin-top: .4rem; margin-bottom: .2rem;}
.joinOne ul li p {color: #333333;}
.joinOne ul li:hover::after {width: 100%;}

.joinTwo {background: #f2f2f2; padding: .7rem 0 1rem 0;}
.joinTwoSwiper1 .swiper-slide .box {cursor: pointer; padding: .3rem; box-sizing: border-box; background: #ffffff;box-shadow: 0.04rem 0.03rem 0.05rem 0rem rgba(0,0,0,0.05); position: relative;}
.joinTwoSwiper1 .box::after {content: ""; position: absolute;width: 0; bottom: 0; left: 0; height: .04rem; transition: .5s;background: #0a6fb7;}
.joinTwoSwiper1 .box .num {font-weight: 400;color: #666666; transition: .5s;}
.joinTwoSwiper1 .box .con {margin-top: .2rem; display: flex; justify-content: space-between; align-items: center;}
.joinTwoSwiper1 .box .name {font-weight: 400;font-size: 0.24rem;color: #333333; transition: .5s;}
.joinTwoSwiper1 .box span {color: #666666;margin-top: .15rem; display: block; transition: .5s;}
.joinTwoSwiper1 .box .re img {filter: brightness(0); -webkit-filter:brightness(0); transition: .5s;}
.joinTwoSwiper1 .swiper-slide.swiper-slide-thumb-active .box::after {width: 100%;}
.joinTwoSwiper1 .swiper-slide.swiper-slide-thumb-active .num {color: #0A6FB7;}
.joinTwoSwiper1 .swiper-slide.swiper-slide-thumb-active .name {color: #0A6FB7;}
.joinTwoSwiper1 .swiper-slide.swiper-slide-thumb-active span {color: #0A6FB7;}
.joinTwoSwiper1 .swiper-slide.swiper-slide-thumb-active .re img {filter: none; -webkit-filter:none;}
.joinTwoSwiper2 {margin-top: .45rem;}
.joinTwoSwiper2 .box {display: flex; justify-content: space-between;}
.joinTwoSwiper2 .box dl {width: 49%; background: #fff;}
.joinTwoSwiper2 .box dl dt {font-size: var(--font24);color: #333; padding: .5rem .5rem .25rem .7rem; box-sizing: border-box; border-bottom: 1px solid rgba(102, 102, 102,.1);}
.joinTwoSwiper2 .box dl .boxCon {padding: .2rem .5rem 1rem .7rem; margin-left: -.1rem;}
.joinTwoSwiper2 .box dl .con {max-height: 3.6rem; overflow-y: auto;    padding:0 .1rem;}
.joinTwoSwiper2 .box dl dd {display: flex; align-items: center; margin: .15rem 0;color: #666666;}
.joinTwoSwiper2 .box dl dd i { width: 0.06rem;height: 0.06rem;background: #0a6fb7; border-radius: 50%; margin-right: .15rem; position: relative;}
.joinTwoSwiper2 .box dl dd i::after {content: ""; width: 0.14rem;height: 0.14rem;opacity: 0.5;background: #0a6fb7; border-radius: 50%;  position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}

.aboutThree ul {display: flex; flex-wrap: wrap; justify-content: space-between; padding-bottom: 1rem;}
.aboutThree ul li {width: 46%; margin-bottom: .3rem;}
.aboutThree li .imgBox {overflow: hidden; position: relative;}
.aboutThree li .imgBox::after {content: ""; position: absolute; bottom: 0; height: 0.05rem; background: #0a6fb7; width: 0; transition: .5s;}
.aboutThree li .imgBox img {transition: .5s; width: 100%; display: block;}
.aboutThree li h3 {font-size: .34rem;color: #333333; margin: .2rem 0 .1rem 0;}
.aboutThree li p {font-size: .18rem;color: #777777; display: -webkit-box;overflow: hidden;  	-webkit-line-clamp: 1;-webkit-box-orient: vertical; }
.aboutThree li .info {font-size: .16rem;color: #0a6fb7;font-weight: 400; display: block; margin-top: .2rem;}
.aboutThree li:hover img {transform: scale(1.1);}
.aboutThree li:hover .imgBox::after {width: 100%; }
.aboutThree li:hover h3 {color: #0a6fb7;}

@media screen and (min-width: 200px) and (max-width: 640px) {
.aboutThree ul {padding-bottom: .3rem;}
  .aboutThree ul li {width: 100%; }
}



/* 联系我们 */
.contactOne {padding: .8rem 0;}
.contactOne .box {display: flex; justify-content: space-between;}
.contactOne .box .aboutTle {text-align: left;}
.contactOne .box .aboutTle i::after {transform: translate(-100%, -50%);}
.contactOne .le dl {margin-top: .5rem;}
.contactOne .le dl dd {display: flex; margin: .3rem 0; align-items: center;}
.contactOne .le dl dd:first-child {align-items: flex-end;}
.contactOne .le dd p {margin-left: .15rem; font-size: var(--font18);}
.contactOne .le dd strong {color: #0A6FB7; font-weight: 700;  font-family: "DIN"; font-size: .4rem; line-height: 1;}
.contactOne .le dd p a {color: #333333;}
.contactOne .le dd p a:hover {color: #0A6FB7;}
.contactOne .re {width: 52%; box-shadow: -0.01rem -0.01rem 0.09rem 0rem rgba(0,0,0,0.13); padding: .5rem; box-sizing: border-box;}
.contactOne .formTle h4 {font-size: var(--font34);color: #333333;}
.contactOne .formTle span {color: #666666;font-weight: 400;display: block; margin-top: .05rem;}
.contactOne .re .inBox {display: flex; justify-content: space-between; margin-top: .3rem; width: 100%;}
.contactOne .re .inBox input {height: 0.61rem; min-height: 40px; border: 1px solid #e5e5e5;width: 48%;padding: 0 .2rem;  box-sizing: border-box;}
.contactOne .re .inBox input::placeholder {font-size: var(--font14);color: #999b9c;}
.contactOne .re .inBox {width: 100%;}
.contactOne .re .seBox {margin-top: .3rem; width: 100%;}
.contactOne .re .seBox select {padding: 0 .2rem; border-color: #E5E5E5; width: 100%; height: .6rem;  min-height: 40px; color: #999B9C; font-size: var(--font14);}
.contactOne .re .textBox {margin-top: .3rem;}
.contactOne .re .textBox textarea {width: 100%; border: 1px solid #e5e5e5; padding: .2rem; box-sizing: border-box; resize: none; max-height: 1.8rem;}
.contactOne .re .textBox textarea::placeholder {font-size: var(--font14);color: #999b9c;}
.contactOne .re .subBox {margin-top: .3rem; display: flex; justify-content: space-between;}
.contactOne .re .subBox .yzm {width: 76%; height: 0.61rem;  min-height: 40px; border: 1px solid #e5e5e5; position: relative;}
.contactOne .re .subBox .yzm input {width: calc(100% - 1.3rem); height: 100%; padding: 0 .2rem;}
.contactOne .re .subBox .yzm img {width: 1.18rem; height: 0.46rem;position: absolute; right: .1rem;top: 12%;}
.contactOne .re .subBox button {width: 20%; height: 0.61rem;  min-height: 40px; background: #0a6fb7; color: #fff; cursor: pointer; font-size: var(--font14);}

.contactOne .le .links ul {display: grid; grid-template-columns: repeat(6,auto); gap: .15rem; margin-top: .3rem;    justify-content: flex-start;}
.contactOne .le .links ul li {position: relative;}
.contactOne .le .links ul li > a {width: 0.52rem; height: 0.52rem;min-width: 40px;min-height: 40px; background: rgba(55, 55, 53,.05); border-radius: 50%;transition: .5s;}
.contactOne .le .links ul li:nth-child(2) {padding-bottom: .1rem;}
.contactOne .le .links ul li:nth-child(2) a svg {max-width: 70%;}
.contactOne .le .links ul li > a svg {max-width: 50%; margin: auto;}
.contactOne .le .links ul li > a svg path {transition: .5s;}
.contactOne .le .links ul li:hover > a {background: #0B70B8;}
.contactOne .le .links ul li:hover > a img {filter: brightness(100); -webkit-filter:brightness(100);}
.contactOne .le .links ul li:hover > a svg path {fill: #fff;}
.contactOne .le .links ul li .emailBox {position: absolute; left: 50%; top: 100%; transform: translate(-50%) translateY(100%); background: #e5e5e5; padding: .1rem .15rem; border-radius: 30px; transition: .5s; opacity: 0; visibility: hidden;} 
.contactOne .le .links ul li .emailBox::after {content: "";-webkit-clip-path: polygon(50% 0, 0% 100%, 100% 100%);clip-path: polygon(50% 0, 0% 100%, 100% 100%);     position: absolute;left: 50%;top: -35%; transform: translate(-50%); width: .25rem;height: .25rem;background: #e5e5e5;}
.contactOne .le .links ul li:hover .emailBox {opacity: 1; visibility: visible; transform: translate(-50%) translateY(25%);}
.contactOne .le .links ul li .emailBox:hover a {color: #0B70B8;}



.contactTwo {margin: 1rem 0; margin-top: 0;}
.contactTwo img {max-width: 100%;}

/* 搜索页面 */
.search-page .box {margin-top: 1.25rem;}
.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%; 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: #333; 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: #185AB2; }
.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: #185AB2; 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);}


/* 关于我们内容补充 */
.mc_title40 {
  font-size: 40px;
  font-weight: bold;
  font-family: "OPPOSans2_En_design-Heavy", "OPPOSans2_En_design-Regular", "微软雅黑", Arial, "PingFangSC-Light", "Helvetica Neue", Helvetica, "Microsoft Yahei", "Hiragino Sans GB", tahoma, SimSun, sans-serif;
 color: #1d1d1f;}

  /** 正常等比缩放 */
.mc_banner_default .mc_ban_pc img {
  width: 100%;
  height: auto;
}

.mc_cont1360 {
  width: 1360px;
  margin: 0 auto;
}

  .mc_d3s1 {
  padding: 50px 0 100px;
  background: #f7f8fa;
}

.mc_d3s1_list {
  margin: 0 -20px;
}

.mc_d3s1_li {
  float: left;
  width: 50%;
  padding: 0 20px;
  margin-bottom: 40px;
}

.mc_d3s1_lisbox {
  display: block;
  background: #fff;
  padding: 45px 55px 50px 85px;
  border: 1px solid #f3f2f2;
}

.mc_d3s1_title {
  margin-bottom: 115px;
}

.mc_d3s1_xtbbox {
  width: 60px;
  margin-bottom: 25px;
}
.mc_d3s1_xtbbox img {max-width: 100%;}


.mc_d3s1li_title {
  position: relative;
  font-size: 36px;
  font-weight: bold;
  font-family: "OPPOSans2_En_design-Heavy", "OPPOSans2_En_design-Regular", "微软雅黑", Arial, "PingFangSC-Light", "Helvetica Neue", Helvetica, "Microsoft Yahei", "Hiragino Sans GB", tahoma, SimSun, sans-serif;
  color: #0a6fb7;
  padding-bottom: 30px;
  margin-bottom: 24px;
}

.mc_d3s1li_title::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 280px;
  height: 1px;
  background: #dcdcdc;
}

.mc_d3s1_txt p {
  font-size: 18px;
  line-height: 30px;
  /* font-weight: lighter; */
}

.mc_d3s1_txt {
  height: auto;
  overflow: hidden;
}


.mc_d3s2_swiper.swiper-container .swiper-slide {
  width: 475px;
  height: 608px;
  padding: 80px 55px 45px;
  overflow: hidden;
  margin-right: 35px;
  background: #fff;
  box-shadow: 5px 4px 16px rgba(218, 217, 217, .35);
  overflow: hidden;
}

.mc_d3s2 {
  padding: 3% 0 120px;
  position: relative;
  z-index: 1;
}

.mc_d3s2 .mc_d3s1_lisbox {box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}

.mc_d3s2_bgbox {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
}


.mc_d3s2_bgbox img { height: 100%;   max-width: 100%;
  object-fit: cover;
  vertical-align: middle;}

.mc_d3s2_title {
  color: #fff;
  margin-bottom: 58px;
}

.mc_d3s2_txt p {
  font-size: 24px;
  line-height: 2;
  color: #fff;
  /* font-weight: lighter; */
}

.mc_d3s2_txt {
  max-width: 1200px;
  margin-bottom: 10%;
}

.mc_d3s2_swiper.swiper-container {
  padding-bottom: 45px;
}

.mc_d3s2_swiper.swiper-container .swiper-pagination {
  top: auto;
  bottom: 0;
  left: 0;
  height: 2px;
  background: #dcdcdc;
}

.mc_d3s2_num {
  font-size: 42px;
  color: #001eb4;
  font-weight: bold;
  font-family: "OPPOSans2_En_design-Heavy", "OPPOSans2_En_design-Regular", "微软雅黑", Arial, "PingFangSC-Light", "Helvetica Neue", Helvetica, "Microsoft Yahei", "Hiragino Sans GB", tahoma, SimSun, sans-serif;
  margin-bottom: 20px;
}

.mc_d3s2li_title {
  font-size: 40px;
  font-weight: bold;
  font-family: "OPPOSans2_En_design-Heavy", "OPPOSans2_En_design-Regular", "微软雅黑", Arial, "PingFangSC-Light", "Helvetica Neue", Helvetica, "Microsoft Yahei", "Hiragino Sans GB", tahoma, SimSun, sans-serif;
  color: #0a6fb7;
  margin-bottom: 55px;
}

.mc_d3s2li_txt p {
  font-size: 18px;
  line-height: 30px;
  color: #333333;
  /* font-weight: lighter; */
}

.mc_d3s2li_txt p a {
  color: inherit;
  line-height: inherit;
}

.mc_d3s2li_pdf {
  margin-top: 30px;
}

.mc_d3s2li_txt .mc_d3s2li_pdf p {
  position: relative;
  z-index: 1;
  font-size: 14px !important;
  line-height: 20px !important;
  color: #001eb4;
  font-weight: bold;
  font-family: "OPPOSans2_En_design-Heavy", "OPPOSans2_En_design-Regular", "微软雅黑", Arial, "PingFangSC-Light", "Helvetica Neue", Helvetica, "Microsoft Yahei", "Hiragino Sans GB", tahoma, SimSun, sans-serif;
  padding-left: 15px;
  margin: 3px 0;
}

.mc_d3s2li_txt .mc_d3s2li_pdf p::before {
  position: absolute;
  left: 0;
  top: 0;
  content: "●";
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}

.mc_d3s2_lisbox {
  width: 100%;
  height: 100%;
}

.mc_d3s2_content {
  width: calc(50vw + 680px);
}

.mc_d3s2_swiper.swiper-container .swiper-slide {
  height: auto !important;
}


.mc_d3s2_swiper .swiper-button-next,
.mc_d3s2_swiper .swiper-button-prev {
    width: 60px;
    height: 60px;
    color: #001eb4;
    opacity: 0;
    transition: all .36s;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    top: calc(50% - 40px);
}

.mc_d3s2_swiper .swiper-button-next {
    right: 100px;
}

.mc_d3s2_swiper .swiper-button-next:after,.mc_d3s2_swiper .swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: 20px;
  text-transform: none!important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1;
  content: 'prev';
}
.mc_d3s2_swiper .swiper-button-next:after {
  content: 'next' !important;
  display: block;

  
}
.mc_d3s2_swiper .swiper-container-rtl .swiper-button-prev:after {content: 'prev' !important;}

@media screen and (min-width: 1200px) {
  .mc_d3s2_swiper:hover .swiper-button-next, .mc_d3s2_swiper:hover .swiper-button-prev {opacity: 1;}
}

@media screen and (max-width: 1680px) {
.mc_cont1360 {
    width: 85.652%;
    max-width: 1360px;
}
}