/* =====头部===== */
#c-placeholder {height: 1rem;}
.header {position: fixed; top: 0;width: 100%;z-index: 999; transition: .5s;}
.headerBox {display: flex; justify-content: space-between; align-items: center; height: 1rem;     border-bottom: 1px solid rgba(255, 255, 255, 0.09);}
.headerlogo {padding: 0 .55rem; display: flex; align-items: center;border-right: 1px solid rgba(255, 255, 255, 0.09);height: 100%;}
.headerlogo img:nth-child(2) {display: none;}
.headerlogo .logo {width: 1.86rem;}
.headerlogo .logo img {max-width: 100%;}
.headerlogo .text {margin-left: .25rem;}
.headerlogo .text p {color: #ffffff; font-size: var(--font15); text-align-last: justify;text-align: justify; line-height: 1.3;}
.headerlogo .text p:nth-child(2) {letter-spacing: 1px;}
.headernav {width: 50%; height: 100%;}
.headernav ul {display: flex; justify-content: space-between; height: 100%;}
.headernav ul li {position: relative; display: flex; align-items: center;}
.headernav ul li > a {font-size: var(--font17);color: #ffffff; display: flex; align-items: center; height: 100%;  padding: 0 0.08rem;}
.headernav ul li::after {content: ""; position: absolute; bottom: 0; right: 0; background: #fff; height: 0.03rem;background: #ffffff; transition: .5s; width: 0; }
.headernav ul li:hover::after , .headernav ul li.active::after {width: 100%; right: auto; left: 0;}
/* 下拉二级栏目 */
.headernav ul li dl {position: absolute;display: none;position: absolute; left: 50%; top: 100%; transform: translate(-50%); z-index: 2; box-shadow: 0 0 5px rgba(0, 0, 0,.1);  background: #fff; padding: 10px 20px;width: max-content;line-height: initial;}
.headernav ul li dl dd {color: #333;text-align: center;border-bottom: 1px solid #eee;padding: .12rem .1rem; position: relative;}
.headernav ul li dl dd a {font-size: var(--font14);}
.headernav ul li dl dd::after {content: "";position: absolute; bottom: 0; width: 0;height: 1px; background-color: #004299;left: 0; transition: .5s;}
.headernav ul li dl dd:hover::after {width: 100%;}
.headernav ul li dl dd:hover a {color: #004299;}
.headerRe {display: flex; align-items: center; height: 100%;}
.weblink {display: flex;align-items: center; height: 100%;position: relative;border-left: 1px solid rgba(255, 255, 255, 0.09);padding: 0 0.32rem; position: relative;}
.weblink > a {font-size: var(--font18); color: #fff; align-items: center; display: flex;}
.weblink > a span {margin: 0 .1rem;}
.luanguage {position: absolute;top: 100%; left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);width: 100%; padding: 12px 15px;background-color: #fff; display: none;}
.luanguage a {line-height: 40px;display: block;text-align: center; border-bottom: 1px solid #ddd; white-space: nowrap;color: #333;text-overflow: ellipsis;overflow: hidden;}
.luanguage a:hover {color: #004299;}
.heSearch {padding: 0 .4rem;background: rgba(255, 255, 255,.09); height: 100%; display: flex; align-items: center;} 
/* 搜索下拉 */
.hadbox-sec4 {background-color: #fff;position: absolute;left: 0;top: 100%;width: 100%;padding: 0.9rem 0 1.06rem; display: none; 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: 2.4rem; height: 0.66rem; background-color: #333333;border-radius: 5px;font-size: var(--font24);color: #ffffff;cursor: pointer;}
.hadbox-sec4 .form .f_sub:hover {background: #004299;}

/* 头部下滑导航 */
.header.fh {background: #fff; border-bottom: 1px solid #eee;}
.header.fh .headerlogo {border-color: #f1f1f1;}
.header.fh .headerlogo img:nth-child(1) {display: none;}
.header.fh .headerlogo img:nth-child(2) {display: block;}
.header.fh .headerlogo .text p {color: #333;}
.header.fh .headerBox {border-color: #f1f1f1;}
.header.fh .headernav ul li > a {color: #333;}
.header.fh .headernav ul li::after {background: #004299;}
.header.fh .weblink {border-color: #f1f1f1;}
.header.fh .weblink > a {color: #333;}
.header.fh .weblink > a svg path {fill: #004299;}
.header.fh .heSearch {background-color: #f5f5f5;}
.header.fh .heSearch svg path {fill: #004299;}
.header.fh .mobmenu dl dd {background: #333;}

/* 公用css */
/* 滚动条 */
.headerNavScroll {scrollbar-width:thin;scrollbar-color:#0000DD #DDDDDD; overflow-y: auto;}
.headerNavScroll::-webkit-scrollbar {width: 3px;}
.headerNavScroll::-webkit-scrollbar-thumb {background: #0000DD; border-radius: 5px;}
.headerNavScroll::-webkit-scrollbar-track { background: #E5E5E5;}

/* 了解更多 */
.more1 {background:linear-gradient(rgba(104, 140, 182,.9) 60%,rgba(44, 94, 159,.9) 100%); border-radius: 30px;  width: 1.67rem; height: 0.6rem;min-width: 130px; min-height: 46px; transition: .5s; overflow: hidden;}
.more1 span {color: #fff; margin-right: .1rem; position: relative; left: .2rem; transition: .5s;}
.more1 .jt {width: 0.48rem; height: 0.48rem; background: rgba(0, 66, 153,.5);border-radius: 0.24rem;box-shadow: 0rem 0.03rem 0.07rem 0rem rgba(0,0,0,0.32) inset; transform: translateX(30%) scale(0); transition: .5s;}
.more1:hover span {left: 0;}
.more1:hover .jt {transform: translateX(30%) scale(1);}
.more2 {width: 1.52rem;height: 0.46rem; min-width: 126px; min-height: 38px; border: 1px solid #333333;border-radius: 30px;transition: .5s; }
.more2 svg {margin-left: .15rem;}
.more2:hover {background: #004299; border-color: #004299; color: #fff;}
.more2:hover svg path {fill: #fff;}

/* =====首页===== */
/* banner */
.indexBanner {z-index: 1; position: sticky; height: 100vh; top: 0;}
.bannerSwiper {height: 100%;}
.bannerSwiper .swiper-slide {overflow: hidden;}
.bannerSwiper .swiper-slide .slide-inner {height: 100%;}
.bannerSwiper .swiper-slide .slide-inner img {width: 100%; height: 100%; object-fit: cover;}
.bannerSwiper .con {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.bannerSwiper .con .text {color: #ffffff; font-size: var(--font32); display: block;}
.bannerSwiper .con strong {font-size: 0.62rem;color: #ffffff; display: flex; line-height: 1.3;}
.bannerSwiper .con .more {margin-top: .8rem;}
.bannerSwiper .swiper-pagination {bottom: .55rem;}
.bannerSwiper .swiper-pagination span {width: 10px; height: 10px;border: 1px solid #ffffff; opacity: 1; background: none; margin: 0 .1rem !important;}
.bannerSwiper .swiper-pagination .swiper-pagination-bullet-active {background: #fff;}


/* 首页内容 */
.indexMain {position: relative; z-index: 1;background: #fff;}

.indexTle {position: relative; z-index: 1;}
.indexTle .tit1 {font-size: var(--font22);color: #004299; margin-bottom: .1rem;}
.indexTle .tit2 {font-size: .5rem;color: #333333;}
.indexTle .tit2 h3 {line-height: 1.3; font-weight: 600; }
.indexTle .en {letter-spacing: .15rem;line-height: 1; position: absolute; z-index: -1; bottom: 0; font-size: 1.2rem;font-family: Arial, Arial-Bold;font-weight: 700;color: transparent; -webkit-background-clip: text;-webkit-text-fill-color: transparent;-webkit-text-stroke: 1px rgba(37, 37, 37,.1); color: transparent; text-transform: uppercase;}

.indexOne {background: url(../images/indexOne-bj.jpg) no-repeat center; background-size: cover; padding: .6rem 0;}
.indexOne ul {margin-top: .5rem; display: flex;}
.indexOne li {flex: .6; height: 6.5rem; transition: .5s; margin-right: .25rem; position: relative; z-index: 1;}
.indexOne li:last-child {margin-right: 0;}
.indexOne li .bjBox {height: 100%; position: absolute; z-index: -1; width: 100%;}
.indexOne li .bjBox::after {content: ""; position: absolute; width: 100%; opacity: 0; height: 100%; left: 0; top: 0; background: rgba(0, 66, 153,.5); transition: .5s;}
.indexOne li .bjBox img {width: 100%; height: 100%; object-fit: cover;}
.indexOne li .showTle {position: absolute; bottom: 1rem; left: .5rem; transition: .4s; z-index: 1;}
.indexOne li .showTle .tit {font-size: var(--font34);color: #ffffff;}
.indexOne li .con {padding: 1rem .5rem .75rem 1rem;}
.indexOne li .hideTle {opacity: 0; transition: .5s; transform: translateY(20%);}
.indexOne li .hideTle h4 {font-size: var(--font36);color: #ffffff; font-weight: 600;}
.indexOne li .hideTle span {color: #ffffff;}
.indexOne li dl {margin-top: .5rem;opacity: 0; transition: .5s; transform: translateY(20%); }
.indexOne li dd {padding: .2rem 0; border-bottom: 1px solid rgba(255, 255, 255,.35);}
.indexOne li dd:last-child {border: 0;}
.indexOne li dd h5 {font-size: var(--font24);color: #ffffff;}
.indexOne li dd span {color: #fff;}
.indexOne li .more {display: flex; justify-content: flex-end;opacity: 0; transition: .5s; transform: translateY(20%);}
.indexOne li.on .bjBox::after {opacity: 1;}
.indexOne ul li.on {flex: 1;}
.indexOne ul li.on .showTle {opacity: 0; visibility: hidden;}
.indexOne li.on .hideTle {opacity: 1;transform: translateY(0);}
.indexOne li.on dl {opacity: 1;transform: translateY(0);transition-delay: .4s;}
.indexOne li.on .more {opacity: 1;transform: translateY(0);transition-delay: .7s;}

.indexTwo {background: url(../images/indexTwo-bj.jpg) no-repeat center; background-size: cover; background-attachment: fixed;padding: 1.58rem 0 3.65rem 0;}
.indexTwo .indexTle .tit1 {color: #fff; font-weight: 300;}
.indexTwo .indexTle .tit2 {color: #fff; font-size: .56rem;}
.indexTwo .more {margin-top: .7rem;}

.indexThre {background: url(../images/indexThre-bj.jpg) no-repeat center; background-size: cover; padding: .45rem 0; padding-top: .8rem;}
.indexThre .indexTle .en {top: 0;}
.indexThre .box {display: flex; justify-content: space-between;}
.indexThre .le {width: 49%;}
.indexThre .le .text {margin-top: .6rem;color: #666666; line-height: 1.8; text-align: justify;}
.indexThre .le .more {margin-top: .6rem;}
.indexThre .re {width: 47%;}
.indexThre .re .imgBox {position: relative; overflow: hidden; padding: 0 0 .1rem 0.1rem; box-sizing: border-box; z-index: 1;}
.indexThre .re .imgBox img {width: 100%;}
.indexThre .re .imgBox::after {content: ""; position: absolute; z-index: -1; width: 98%; left: 0; bottom: 0; height: 98%; background: #004299; border-radius: 36px;}

.indexFour {background: url(../images/indexFour-bj.jpg) no-repeat center; background-size: cover; padding: .5rem 0 .65rem 0;}
.indexFour ul {display: flex; justify-content: space-between; align-items: center;}
.indexFour li .counternum {font-size: var(--font48);color: #ffffff; font-weight: 600; display: inline-flex;}
.indexFour li .num {margin-top: .1rem;}
.indexFour li .num span {color: #ffffff; display: inline-block;}
.indexFour li .text {color: #d2d2d2;}
.indexFour li i {width: 0.01rem;height: 0.6rem;background: #ffffff; display: block;}

.indexFive {padding: .9rem 0;}
.indexFive .tleBox {display: flex; justify-content: space-between; align-items: flex-end;}
.indexFive .tleBox ul {display: grid; grid-template-columns: repeat(2,auto);gap: .28rem;}
.indexFive .tleBox ul li a {width: 1.68rem;height: 0.55rem;  min-width: 110px;min-height: 40px; border: 1px solid #f2f2f2; position: relative; color: #909090; transition: .5s; z-index: 1;}
.indexFive .tleBox ul li a::after {content: ""; position: absolute; width: 0; height: 100%; left: 0; top: 0;background: #004299; transition: .5s; z-index: -1;}
.indexFive .tleBox ul li:hover a {color: #fff;}
.indexFive .tleBox ul li:hover a::after {width: 100%;background: #004299; border-color: #004299;}
.indexFive .list {display: flex; margin-top: .7rem; justify-content: space-between;}
.indexFive .list li {width: 31%;}
.indexFive .list li .imgBox {background: #000000;border-radius: 0.1rem; overflow: hidden; position: relative;}
.indexFive .list li .imgBox img {width: 100%;}
.indexFive .list li .tag {padding: .09rem .22rem; color: #fff; position: absolute; top: .2rem; left: .2rem;   background: rgba(0, 0, 0,.6); border-radius: 22px; z-index: 1;}
.indexFive .list li .imgBox img {width: 100%; transition: .5s;}
.indexFive .list li .time {display: flex; align-items: center;color: #999999; margin: .2rem 0;}
.indexFive .list li .time img {margin-right: .1rem;}
.indexFive .list li h5 {color: #333333; font-size: var(--font20); font-weight: 600;}
.indexFive .list li p {margin-top: .15rem;color: #666666;}
.indexFive .list li span {color: #8c8c8c; font-size: var(--font14); display: block; margin-top: .2rem;}
.indexFive .list li > a:hover .imgBox img {transform: scale(1.1);}
.indexFive .list li > a:hover h5 {color: #004299;}
.indexFive .list li > a:hover span {color: #004299;}
.indexFive .list .lastTag {padding: .08rem .22rem; color: #fff;  display: inline-block; background: rgba(0, 0, 0,.5); border-radius: 22px; z-index: 1;}
.indexFive .list dl {max-height: 4.5rem; overflow-y: auto; padding-right: .3rem;}
.indexFive .list dd a {padding: .2rem 0; border-bottom: 1px solid #EEEEEE; display: block; position: relative;}
.indexFive .list dd a::after {content: ""; position: absolute; bottom: 0; left: 0; transition: .5s; width: 0; height: 1px; background: #004299;}
.indexFive .list dd .lastTime {color: #999999;}
.indexFive .list dd .p1 {color: #333333; font-size: var(--font18); margin-top: 5px; transition: .25s;}
.indexFive .list dd a:hover .p1 {color: #004299;}
.indexFive .list dd a:hover::after {width: 100%;}


/* =====底部===== */
.footer {background: #004299; position: relative; z-index: 1;}
.foternav {display: flex; justify-content: space-between; padding: .6rem 0;}
.foternav dl {margin-right: .2rem;}
.foternav dl:last-child {margin-right: 0;}
.foternav dl dt {position: relative; margin-bottom: .3rem; line-height: 1; padding-left: .12rem; }
.foternav dl dt::before {content: ""; width: 1px; background: #fff; height: 100%; position: absolute; left: 0;}
.foternav dl dt a {color: #FFFFFF; margin-bottom: .2rem;font-size: var(--font18); font-weight: 600;}
.foternav dl dd {margin: .15rem 0;}
.foternav dl dd a { color: #F5F5F5; position: relative; padding-left: .15rem; font-weight: 100; transition: .25s;}
.foternav dl dd a::before {content: ""; width: 2px; height: 2px; background: #fff; border-radius: 50%; position: absolute; left: 0; top: 50%; transform: translate(-50%, -50%);}
.foternav dl dd a:hover {color: #fff; font-weight: 600;}
.foterlinks {padding: .35rem 0; padding-top: .2rem; border-top: 1px solid rgba(255, 255, 255,.2);border-bottom: 1px solid rgba(255, 255, 255,.2);}
.foterlinks ul {display: flex; justify-content: space-between; flex-wrap: wrap;}
.foterlinks li {display: flex; align-items: center; margin-top: .15rem;}
.foterlinks li .icBox {width: 0.65rem;height: 0.65rem;border: 0.01rem solid #ffffff; border-radius: 50%; margin-right: .25rem; flex-shrink: 0;}
.foterlinks li .icBox img {max-width: 45%;}
.foterlinks li p , .foterlinks li p a {color: #ffffff; font-weight: 100; transition: .25s;}
.foterlinks li .con p:nth-child(1) {margin-bottom: .1rem;}
.copyright {padding: .45rem 0;}
.copyright p , .copyright p a {color: #d3d3d3; font-weight: 300;}
.copyright p a:hover {color: #fff;}

/* =========================================================================================内页============================================================================ */
/* 内页banner */
.ny-banner {position: relative; overflow: hidden; height: 100vh;}
.ny-banner .imgBox {overflow: hidden; height: 100%;}
.ny-banner .imgBox img {width: 100%; height: 100%; object-fit: cover;}
.ny-banner .con {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.ny-banner .con .sm {color: #ffffff;font-size: var(--font32);font-weight: 300; margin-bottom: .05rem;}
.ny-banner .con h2 {font-size: .62rem;color: #ffffff; font-weight: 600; line-height: 1.25;}
.ny-banner .con h3 {font-size: .46rem;color: #ffffff;}
.bannernav {position: absolute;bottom: .4rem;width: 100%;}
.bannernav .navbox {display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.bannernav ul {display: flex; margin-top: .1rem; flex-wrap: wrap;}
.bannernav ul li {padding:0 .2rem; margin-top: .1rem; position: relative; display: flex; justify-content: space-between; align-items: center; color: #fff;}
.bannernav ul li:first-child {padding-left: 0;}
.bannernav ul li:last-child {padding-right: 0;}
.bannernav ul li:last-child::after {display: none;}
.bannernav ul li a {color: #ffffff; font-size: var(--font20); display: block; padding: .08rem .31rem; border-radius: 24px; transition: .5s;}
.bannernav ul li::after {content: "/"; right: 0; position: absolute; right: -4%;}
.bannernav ul li:hover a , .bannernav ul li.on a {background: #004299;}
.mbx {display: flex; color: #fff; align-items: center; margin-top: .2rem;}
.mbx .onpotion {display: flex; align-items: center;}
.mbx .onpotion img {margin-right: .1rem;}
.mbx .mbxlist {color: #fff;}
.mbx .mbxlist a {color: #fff;}
.mbx .mbxlist a:hover {color: #0000DD;}


/* =====关于我们===== */
.aboutTle {text-align: center; position: relative; z-index: 2;}
.aboutTle h3 {color: #ffffff; font-size: .5rem; font-weight: 900; line-height: 1;}
.aboutTle i {display: inline-block; width: 0.64rem; height: 1px; background: #ffffff; margin-top: .5rem;}
.aboutTle .en {position: absolute; text-transform: uppercase; position: absolute; left: 50%; top: 0%; transform: translate(-50%, -50%); font-size: 0.7rem;color: rgba(255, 255, 255,.1); font-weight: 900; white-space: nowrap; z-index: -1;}
#preloader-2 {position: relative; height: 1px;}
#preloader-2 span {position: absolute; width:10px; height:10px; background: #003A7A;border-radius: 50%; bottom: 0;}
#preloader-2 span:nth-child(1){animation: cross-1 1.5s infinite linear;}
#preloader-2 span:nth-child(2){ background: #0E60BC; animation: cross-2 1.5s infinite linear;}
@keyframes cross-1{
  0%{transform: translateX(0);}
  50%{transform: translateX(200%);}
  100%{transform: translateX(0);}
}
@keyframes cross-2{
  0%{transform: translateX(200%);}
  50%{transform: translateX(0);}
  100%{transform: translateX(200%);}
}

.aboutnav {padding: .3rem 0; display: none;}
.aboutnav .container {position: relative;}
.aboutnavSwiper .swiper-slide {width: auto;}
.aboutnavSwiper .swiper-slide a {display: block; padding: .3rem 0; position: relative;  color: #999999;  transition: .5s;}
.aboutnavSwiper {max-width: 90%; margin: auto; position: static;}
.aboutnavSwiper .swjt {right: -4%;}
.aboutnavSwiper .swjt.swiper-button-prev {right: auto; left: -4%; transform: rotate(180deg);}
.aboutnavSwiper .swiper-slide a.on {color: #004299; font-weight: 600;}

.aboutOne {padding-top: .7rem; background: url(../images/aboutOne-bj.jpg) no-repeat center; background-size: cover;}
.aboutOne .aboutOneTop {position: relative; padding: 1rem 0 .65rem 0;}
.aboutOne .box .le {width: 48%;}
.aboutOne .box .re {width: 48%; height: 100%; position: absolute; right: 0; top: 0; text-align: right; background: #f2f2f2;border-radius: 2.06rem 0rem 0rem 0rem; overflow: hidden;}
.aboutOne .box .re img {width: 100%; height: 100%; object-fit: cover;}
.aboutOne .tleBox {position: relative;}
.aboutOne .tle {display: flex; align-items: flex-end; margin-top: .3rem;}
.aboutOne .tle h3 {font-size: var(--font46);color: #333333;font-weight: 900; line-height: 1;}
.aboutOne .tle h4 {color: #999999; font-size: var(--font24); margin-left: .2rem; text-transform: uppercase;}
.aboutOne .tleBox .en {position: absolute; top: -.1rem; left: 0;}
.aboutOne .tleBox .en img {max-width: 100%;}
.aboutOne .line {display: block; width: 0.64rem;height: 1px; background: #0e60bc;margin-top: .45rem;}
.aboutOne .box .le .text {padding-top: .3rem;}
.aboutOne .box .le .text p {color: #666666;line-height: 1.8;margin-top: .3rem; text-align: justify;}
.aboutOneBom {background: none;} 
.aboutOneBom.indexFour li i {width: 2px; height: .42rem;background: #e1e1e1;}
.aboutOneBom.indexFour li .counternum {color: #004299; font-size: .6rem;}
.aboutOneBom.indexFour li .num span {font-size: var(--font24);color: #004299;}
.aboutOneBom.indexFour li .text {font-size: var(--font18); color: #666;}

.aboutTwo {}
.aboutTwo ul {display: flex; flex-wrap: wrap;}
.aboutTwo ul li {width: calc(100% / 3); border: 1px solid #F2F2F2; position: relative; margin-left: -1px; margin-top: -1px; text-align: center; padding: 1rem .25rem; box-sizing: border-box;}
.aboutTwo ul li .con {position: relative; z-index: 2;}
.aboutTwo ul li .bjBox {z-index: 1; position: absolute; width: 100%; height: 100%; top: 0;left: 0; opacity: 1; transition: .5s; opacity: 0;}
.aboutTwo ul li .bjBox::after {content: ""; width: 100%; left: 0; top: 0; height: 100%;opacity: 0.9; background: #004299; position: absolute;}
.aboutTwo ul li .bjBox img {width: 100%; height: 100%; object-fit: cover;}
.aboutTwo ul li .icBox {position: relative; width: 1.08rem;height: 1.08rem;  border: 0.01rem solid #333333; display: flex; align-items: center; justify-content: center; border-radius: 50%; margin: auto; transition: .5s;}
.aboutTwo ul li .icBox img {max-width: 50%;}
.aboutTwo ul li .icBox::after {content: ""; position: absolute;width: 100%;height: 100%; top: 0;left: 0; padding: 0; z-index: -1; box-shadow: 0 0 0 2px rgba(255,255,255,0.1); opacity: 0; -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); border-radius: 50%;}
.aboutTwo ul li h5 {font-size: var(--font28); margin-top: .45rem; transition: .5s;}
.aboutTwo ul li i {display: inline-block; width: 0.59rem; height: 0.02rem; background: #004299; margin-top: .2rem;}
.aboutTwo ul li span {display: block; margin-top: .25rem;}
@keyframes sonarEffect {
	0% {
	opacity: 0.3;
	}
	40% {
	opacity: 0.5;
	box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #004299, 0 0 0 10px rgba(255,255,255,0.5);
	}
	100% {
	box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #004299, 0 0 0 10px rgba(255,255,255,0.5);
	transform: scale(1.5);
	opacity: 0;
	}
}

.aboutTwo ul li:hover .bjBox {transform: scale(1.1); opacity: 1;}
.aboutTwo ul li:hover .icBox {border-color: #fff;}
.aboutTwo ul li:hover .icBox::after {animation: sonarEffect 1.3s ease-out 75ms infinite;}
.aboutTwo ul li:hover .icBox img {filter: brightness(100); -webkit-filter:brightness(100);}
.aboutTwo ul li:hover h5 {color: #fff;}
.aboutTwo ul li:hover i {background: #fff;}
.aboutTwo ul li:hover span {color: #fff;}

.aboutFour {position: relative;padding-top: 1.5rem; padding-bottom: 1rem; overflow: hidden;}
.aboutFour .c-bg1, .aboutFour .c-bg2 {position: absolute;top: 0;left: 0; z-index: 1; width: 100%; height: 100%; object-fit: cover;transform: scale(1.05);}
.aboutFour .c-yun-box { position: absolute;top: 0;left: 0; z-index: 1; width: 200%; height: 100%; animation: yunMove 100s infinite linear;}
.aboutFour .c-yun-box img {float: left;width: 50%; height: 100%;}
@keyframes yunMove {0% {left: 0;}100% {left: -100%}}
.aboutFour .tle {position: relative; z-index: 10;}
.aboutFour .aboutTle h3 {color: #fff;}
.aboutFour .aboutTle i {background: #fff;}
.aboutFour .swiperBox1 {position: relative; margin-top: .6rem;}
.aboutFour .swiperBox1 .container {position: relative;}
.aboutFour .swiperBox1 .abfourSwiper1 .year {font-size: 2.4rem;color: #fff;text-align: center;  font-family: "DINBold"; font-weight: 700; line-height: 1;}
.aboutFour .swiperBox2 {position: relative; z-index: 8; color: #fff; text-align: center; }
.aboutFour .swiperBox2 .abfourSwiper2 {padding: .5rem 0;}
.aboutFour .swiperBox2 .abfourSwiper2 p {font-size: var(--font24);color: #fff; position: relative;}
.aboutFour .swiperBox2 .abfourSwiper2 p span {position: relative;}
/* 箭头 version1.0 */
.aboutFour .c-arrow {position: absolute;top: 50%;left: 50%;z-index: 100;display: flex; align-items: center;justify-content: center;bottom: 1.2rem;width: 60px;height: 60px; border-radius: 50%; background: rgba(255, 255, 255, 0.2); opacity: 1;transition: transform 0.4s;color: #fff; transform: scale(0); cursor: pointer;}
.aboutFour .c-arrow.on {transform: scale(1);}
.aboutFour .c-arrow.on2 img, .aboutFour .c-arrow.on2 svg { transform: rotate(180deg);}
.aboutFour .c-arrow img, .aboutFour .c-arrow svg {width: 40%;height: 40%;}
.aboutFour .c-arrow img path, .aboutFour .c-arrow svg path { fill: #fff; transition: all 0.4s;}
@media (max-width: 767px) {.aboutFour .c-arrow {display: none;}}
/* 箭头 version2.0 */
.aboutFour .swiperBoxAll {position: relative;}
.aboutFour .swiperBoxAll .swjt {width: 54px; height: 54px;border: 1px solid #ffffff;  border-radius: 50%; right: 3%; transition: .5s;}
.aboutFour .swiperBoxAll .swjt.swiper-button-prev {transform: rotate(180deg); left: 3%;}
.aboutFour .swiperBoxAll .swjt:hover {background: #fff;}
.aboutFour .swiperBoxAll .swjt:hover svg path {fill: #003A7A;}
.aboutFour .swiperBox3 {position: relative;z-index: 8;color: #fff; text-align: center;}
.aboutFour .swiperBox3::before {content: "";position: absolute;top: 19px;left: 0; width: 100%; border-top: 1px solid rgba(255, 255, 255, 0.2);}
.aboutFour .swiperBox3 .swiper-slide {display: flex; flex-wrap: wrap;align-content: space-between;height: 80px;cursor: pointer;}
.aboutFour .swiperBox3 .c-dot {margin: 0 auto; margin-top: 15px; display: flex;align-items: center;justify-content: center;width: 9px;height: 9px; background: #fff; border-radius: 50%;position: relative; transition: all 0.4s;}
.aboutFour .swiperBox3 .c-dot::before {content: "";width: 100%; height: 100%;border-radius: 50%; background-color: transparent; position: absolute; z-index: 19;border: 14px solid rgba(255, 255, 255,.5); transform: scale(0); transition: .5s;}
.aboutFour .swiperBox3 .syear {width: 100%;transition: all 0.4s;line-height: 1; font-size: var(--font24);}
.aboutFour .swiperBox3 .swiper-slide-thumb-active .c-dot {background: transparent;}
.aboutFour .swiperBox3 .swiper-slide-thumb-active .c-dot::before {transform: scale(1);}

.aboutFive {background: url(../images/aboutFive-bj.jpg) no-repeat center; background-size: cover; padding: .7rem 0 .9rem 0;}
.aboutFive .indexTle {margin-top: .3rem;}
.aboutFive .indexTle .en {top: 0; letter-spacing: 0;    -webkit-text-fill-color: #fdfdfd;-webkit-text-stroke: 1px #CACACA;}
.aboutFive .tleBox .line {display: block; width: 0.64rem;height: 0.01rem;background: #333333; margin-top: .6rem;}
.aboutFive .box {display: flex; justify-content: space-between;}
.aboutFive .le {width: 50%; margin-top: .7rem;}
.aboutFive .le .text {margin-top: .6rem;color: #666666; font-size: var(--font18); line-height: 1.8;}
.aboutFive .re {width: 45%;}
.aboutFive .re .imgBox {position: relative; overflow: hidden; padding: 0 0 .1rem 0.1rem; box-sizing: border-box; z-index: 1;}
.aboutFive .re .imgBox img {width: 100%;}
.aboutFive .re .imgBox::after {content: ""; position: absolute; z-index: -1; width: 98%; left: 0; bottom: 0; height: 98%; background: #004299; border-radius: 36px;}

.aboutSix {background: url(../images/aboutSix-bj.jpg) no-repeat center; background-size: cover; padding: .5rem 0 1rem 0;}
.aboutSix .indexTle .en {letter-spacing: 0;}
.aboutSix ul {display: flex;margin-top: .5rem;}
.aboutSix li {flex: .9; margin-right: .15rem; transition: .5s; height: 6.5rem; position: relative;}
.aboutSix li a {display: block; height: 100%;}
.aboutSix li .imgBox {height: 100%;}
.aboutSix li:last-child {margin-right: 0;}
.aboutSix li .imgBox img {width: 100%; height: 100%; object-fit: cover;}
.aboutSix li .showTit {position: absolute; width: 100%; bottom: 1rem;z-index: 1; padding: 0 .3rem;color: #ffffff; font-size: var(--font22); transition: .5s;}
.aboutSix li .hide {position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.aboutSix li .icBox {opacity: 0; transform: translateY(50%); position: relative; width: 1.08rem;height: 1.08rem;  border: 0.01rem solid #fff; display: flex; align-items: center; justify-content: center; border-radius: 50%; transition: .5s;}
.aboutSix li .icBox img {max-width: 50%;}
.aboutSix li .icBox::after {content: ""; position: absolute;width: 100%;height: 100%; top: 0;left: 0; padding: 0; z-index: 0; box-shadow: 0 0 0 2px rgba(255,255,255,0.1); opacity: 0; -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); border-radius: 50%;}
.aboutSix li .hide h5 {opacity: 0; transform: translateY(50%); font-size: var(--font30);color: #ffffff; margin-top: .3rem; transition: .5s; }
@keyframes sonarEffect2 {
	0% {
	opacity: 0.3;
	}
	40% {
	opacity: 0.5;
	box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 0px 1px #fff,0 0 0 4px rgba(255,255,255,0.2);;
	}
	100% {
	box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 0px 2px #fff,0 0 0 6px rgba(255,255,255,0.5);;
	transform: scale(1.5);
	opacity: 0;
	}
}
.aboutSix li.on {flex: 1.4;}
.aboutSix li.on .icBox {opacity: 1; transform: translateY(0%);}
.aboutSix li.on .showTit {opacity: 0;}
.aboutSix li.on .icBox::after {animation: sonarEffect2 1.3s ease-out 75ms infinite;}
.aboutSix li.on h5 {opacity: 1; transform: translateY(0%);transition-delay: .4s;}

.aboutSeven {padding: .6rem 0 .4rem 0;}
.aboutSeven .indexTle .en {letter-spacing: 0; -webkit-text-stroke-color: #F2F2F2;}
.aboutSeven .box {display: flex; justify-content: space-between;}
.aboutSeven .le {width: 49%;}
.aboutSeven .le .text p {color: #666666; line-height: 1.8; margin-top: .35rem;}
.aboutSeven .re {width: 46%;}
.aboutSeven .re .imgBox {position: relative; overflow: hidden; padding: .1rem .1rem 0 0; box-sizing: border-box; z-index: 1;}
.aboutSeven .re .imgBox img {width: 100%;border-radius: 0rem 1.66rem 0rem 0rem;}
.aboutSeven .re .imgBox::after {content: ""; position: absolute; z-index: -1; width: 98%;  right: 0; top: 0; height: 98%; background: #004299; border-radius: 0rem 1.66rem 0rem 0rem;}

.aboutEight {background: url(../images/aboutEight-bj.jpg) no-repeat center; background-size: cover; padding: 1rem 0;}
.aboutEight p {text-align: center;color: #fffefe; font-weight: 300; font-size: var(--font32);}

.aboutNine {background: url(../images/aboutNine-bj.jpg) no-repeat center; background-size: cover; padding: 1rem 0; padding-bottom: .5rem;}
.aboutNine .aboutTle .en {color: rgba(51, 51, 51,.1);}
.aboutNine .aboutTle h3 {color: #333333; font-weight: 300;}
.aboutNine .aboutTle i {background: #004299;}
.abNineSwiper {margin-top: .5rem; padding-bottom: .7rem;}
.abNineSwiper .imgBox {padding: .1rem;box-sizing: border-box; border: 1px solid #cecece;border-radius: 0.12rem; height: 1.3rem; display: flex; align-items: center; justify-content: center;}
.abNineSwiper .imgBox img {max-width: 100%; max-height: 100%; object-fit: contain;}

.aboutSix2 {background: url(../images/aboutSix2-bj.jpg) no-repeat center; background-size: cover; padding: .5rem 0 .6rem 0;}
.aboutSix2 .indexTle {text-align: center;}
.aboutSix2 .indexTle .en {letter-spacing: 0; position: absolute; left: 50%; top: auto; bottom: 0; transform: translate(-50%, 0%);}
.aboutSix2 .tleText {width: 60%; margin: auto; padding-top: .4rem; color: #666666; line-height: 1.8; text-align: center;word-break: keep-all;word-wrap: break-word;}
.aboutSix2 ul {display: flex; justify-content: space-between; align-items: flex-start;}
.aboutSix2 ul li {margin-top: .5rem; width: 48%;}
.aboutSix2 li .tle {padding: .25rem .4rem; box-sizing: border-box; background: #204296; border-top-left-radius: .3rem;border-top-right-radius: .3rem;  }
.aboutSix2 li .tle {display: flex; position: relative; align-items: center;}
.aboutSix2 li .tle .tleNum {position: absolute; right: .4rem;}
.aboutSix2 li .tle h4 {font-size: var(--font28);font-weight: 700;color: #ffffff; line-height: 1;}
.aboutSix2 li .tle .icBox {margin-right: .2rem; height: .55rem; display: flex; align-items: center; justify-content: center;}
.aboutSix2 li .tle .icBox img {max-width: 100%; max-height: 100%; object-fit: contain;}
.aboutSix2 li .tle span {font-weight: 400;color: #f2f2f2; font-weight: 200;}
.aboutSix2 li .libox {margin-top: .25rem; display: flex; justify-content: space-between;}
.aboutSix2 li .item {width: 48%;background: #e0e6f7;border-radius: 0rem 0rem 0.1rem 0.1rem;}
.aboutSix2 li .item .imgBox img {width: 100%;}
.aboutSix2 li .item .con {padding: .25rem; box-sizing: border-box; text-align: center;}
.aboutSix2 li .item h5 {font-size: var(--font22);font-weight: 700;color: #204296;}
.aboutSix2 li .item span {margin-top: .1rem; display: block; word-break: keep-all;word-wrap: break-word;font-weight: 400;color: #333333; min-height: 84px;}
.aboutSix2 li dl {display: flex; justify-content: space-between; margin-top: .2rem;}
.aboutSix2 li dl dd {display: flex; justify-content: center; align-items: center; width: 30%; padding: .15rem; background: #204296;}
.aboutSix2 li dl dd .icBox {min-height: 27px;}
.aboutSix2 li dl dd span {font-weight: 500;color: #ffffff; margin-left: .1rem;}

.aboutSeven2 {padding:.6rem 0;}
.aboutSeven2 .indexTle {text-align: center;}
.aboutSeven2 .indexTle .en {letter-spacing: 0; position: absolute; left: 50%; top: auto; bottom: 0; transform: translate(-50%, 0%);}
.aboutSeven2 .tleText {width: 80%; margin: auto; padding-top: .4rem; color: #666666; line-height: 1.8; text-align: center;word-break: keep-all;word-wrap: break-word;}
.aboutSeven2 .swiperBox {position: relative; padding-bottom: 1.2rem;}
.abSeven2Swiper .imgBox {overflow: hidden;}
.abSeven2Swiper .imgBox img {width: 100%; transition: .5s;}
.abSeven2Swiper {margin-top: .45rem; position: static;}
.abSeven2Swiper .swiper-slide a {display: block; width: 100%; height: 100%; overflow: hidden;border: 1px solid #ffffff;border-radius: 0.12rem;}
.abSeven2Swiper a span {display: block; padding: .25rem .2rem; background: #e9edf2; text-align: center; font-size: var(--font20);font-weight: 500;color: #333333; transition: .5s;}
.abSeven2Swiper .swiper-slide a:hover .imgBox img {transform: scale(1.1);}
.abSeven2Swiper .swiper-slide a:hover span {background: #004299;color: #fff;}
.abSeven2Swiper .swjt {width: .54rem; height: .54rem;border: 1px solid #666; left: 50%; transform: translateX(70%); border-radius: 50%; right: auto; top: auto; transition: .5s; bottom: 0;}
.abSeven2Swiper .swjt svg {max-width: 50%;}
.abSeven2Swiper .swjt.swiper-button-prev {transform: rotate(180deg) translateX(90%); left: 50%; }
.abSeven2Swiper .swjt svg path {fill: #666;}
.abSeven2Swiper .swjt:active {background: #004299; border-color: #004299;}
.abSeven2Swiper .swjt:active svg path {fill: #fff;}
@media (any-hover: hover) {
	.abSeven2Swiper .swjt:hover {background: #004299; border-color: #004299;}
	.abSeven2Swiper .swjt:hover svg path {fill: #fff;}
}

@media screen and (min-width: 200px) and (max-width: 960px) {
	.aboutSix2 ul {flex-wrap: wrap;}
	.aboutSix2 ul li {width: 100%;}
}

@media screen and (min-width: 200px) and (max-width: 768px) {
	.indexTle .tit2 {font-size: .35rem;}
	.aboutSix2 .tleText {width: 100%;}
	.aboutSix2 li dl dd {width: 32%;}
	.aboutSix2 li dl dd span {font-size: 12px;}

	.aboutSeven2 .tleText {width: 100%;}
}

/* =====产品中心===== */
.prolist-banner .con2 { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center;}
.prolist-banner .con2 h3 {font-size: 0.62rem;color: #ffffff; font-weight: 600;}
.prolist-banner .con2list {display: flex;margin-top: .2rem; justify-content: center; flex-wrap: wrap;} 
.prolist-banner .con2list .item {margin-right: .7rem; margin-top: .2rem; display: flex; align-items: center;}
.prolist-banner .con2list .item:last-child {margin-right: 0;}
.prolist-banner .con2list .item .sp {margin-left: .1rem; color: #fff; position: relative; font-size: var(--font24); font-weight: 300;}
.prolist-banner .con2list .item .sp::after {content: ""; background: url(../images/prolist-banner-con2-bj.png) no-repeat bottom; width: 130%; height: 6px; bottom: 0; position: absolute; left: -15%; background-size: contain;}

.prolistnav {padding: .4rem 0;}
.prolistnav ul {display: flex; justify-content: space-between;}
.prolistnav ul li {position: relative; z-index: 1;width: 22%;}
.prolistnav ul li a {display: flex; align-items: center; justify-content: center; width: 100%;height: 1.03rem; min-height: 80px; border: 1px solid #f2f2f2; position: relative; z-index: 1; color: #333; font-size: var(--font18); transition: .5s;}
.prolistnav ul li .icBox {margin-right: .2rem;}
.prolistnav ul li::after {content: ""; position: absolute; width: 0; left: 0; height: 100%; top: 0;background: #004299; z-index: 0; transition: .5s;}
.prolistnav ul li.on::after , .prolistnav ul li:hover::after {width: 100%;}
.prolistnav ul li.on .icBox img , .prolistnav ul li:hover .icBox img {filter: brightness(100); -webkit-filter:brightness(100);}
.prolistnav ul li.on a , .prolistnav ul li:hover a {color: #fff;}

.prolistcon {margin-bottom: .6rem;}
.prolistcon .box {display: flex;border: 1px solid #f2f2f2;}
.prolistcon .le {width: 50%;border-right:1px solid #f2f2f2;}
.prolistcon .le img {max-width: 100%;     }
.prolistcon .re {width: 50%; padding: .45rem 0; padding-left: .6rem;}
.prolistcon .tle {display: flex; align-items: flex-end; flex-wrap: wrap; padding-bottom: .25rem; border-bottom: 1px solid #F2F2F2;}
.prolistcon .tle h4 {font-size: 0.5rem;color: #333333; line-height: 1;}
.prolistcon .tle span {color: #666666; font-size: var(--font24); margin-left: .2rem;}
.prolistcon dl {margin-top: .1rem; display: flex; flex-wrap: wrap;}
.prolistcon dd {display: flex; align-items: center; margin-top: .15rem; margin-right: .3rem; color: #333;}
.prolistcon dd i {width: 8px;height: 8px;background: #004299; border-radius: 50%; margin-right: .2rem; position: relative; flex-shrink: 0;}
.prolistcon dd i::after {content: ""; position: absolute;width: 100%; height: 100%; left: 0; top: 0; border-radius: 50%; background: #004299; animation: shubiao 1s infinite linear .65s;}
.prolistcon .text {margin-top: .4rem; color: #666666;}
.prolistcon .more {margin-top: .3rem;}

/* 产品中心--光伏组件 */
.pvTle {text-align: center;}
.pvTle h3 {color: #333333; font-size: .5rem; font-weight: 600;}
.pvTle i {display: inline-block; width: 0.94rem;height: 0.02rem;background: #004299; margin: auto;margin-top: .4rem;}

.pvOne {padding: .8rem 0;}
.pvOne ul {display: flex; flex-wrap: wrap; justify-content: space-between;}
.pvOne li {width: 23%;background: #fcfcfc;border-radius: 0.1rem; padding: .6rem .4rem; box-sizing: border-box; text-align: center; margin-top: .5rem;position: relative; overflow: hidden;}
.pvOne li .logoTit {margin-top: .2rem; position: relative;}
.pvOne li .logoTit img {max-width: 100%; transition: .4s; opacity: 1;}
.pvOne li .logoTit h5 { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); color: #004299; font-size: var(--font24); font-weight: 600; width: 100%; line-height: 1.2;}
.pvOne li span {color: #333333; display: block; margin-top: .1rem;}
.pvOne li .con {transition: .5s; position: relative; z-index: 2;}
.pvOne li .icBox img {max-width: 50%;}
.pvOne li .bjBox {position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 0;transition: .5s;opacity: 0; }
.pvOne li .bjBox img {width: 100%; height: 100%; object-fit: cover;transform: scale(1.2); transition: .5s;}
.pvOne ul li:hover .logoTit img {opacity: 0;}
.pvOne ul li:hover .bjBox {opacity: .2;}
.pvOne ul li:hover .bjBox img {transform: scale(1);}

.pvTwo {background: url(../images/pvTwo-bj.jpg) no-repeat center; background-size: cover; padding: .5rem 0 1rem; padding-bottom: 0; overflow: hidden;}
.pvTwo .indexTle {text-align: center;}
.pvTwo .indexTle .tit1 {color: #fff; font-weight: 300;} 
.pvTwo .indexTle .en {-webkit-text-stroke: 1px #002283; left: 50%; transform: translateX(-50%); letter-spacing: 0;}
.pvTwo .indexTle .tit2 {color: #fff;}
.pvTwoSwiper1 {margin: .5rem 0;}
.pvTwoSwiper1 .swiper-wrapper {justify-content: center;}
.pvTwoSwiper1 .swiper-slide {width: 2rem;height: .59rem;border-radius: .5rem; margin-right: .8rem; cursor: pointer; } 
.pvTwoSwiper1 .swiper-slide a {display: flex; align-items: center;border-radius: 26px; justify-content: center; width: 100%; height: 100%;border: 1px solid #fff;font-size: var(--font18);color: #fff; transition: .5s; }
.pvTwoSwiper1 .swiper-slide:nth-child(2) {margin-right: 0;}
.pvTwoSwiper1 .swiper-slide-thumb-active a {background: #FFFFFF; color: #004299;}
.pvTwoSwiper3 .sw3Con {display: flex; justify-content: center;}
.pvTwoSwiper3 .le {width: 40%;margin-right: 5%;}
.pvTwoSwiper3 .re {width: 40%; display: flex; align-items: center; justify-content: center;}
.pvTwoSwiper3 .re img {max-width: 100%; max-height: 7.5rem;}
.pvTwoSwiper3 .tit {color: #ffffff; font-size: var(--font40); font-weight: 600;padding-bottom: .3rem; border-bottom: 1px solid rgba(255, 255, 255,.3);}
.pvTwoSwiper3 .numBox {display: flex; justify-content: space-between; flex-wrap: wrap; margin: .3rem 0;}
.pvTwoSwiper3 .numBox .numItem {width: 48%;}
.pvTwoSwiper3 .num {display: flex; align-items: flex-end;}
.pvTwoSwiper3 .num .shuzi {font-size: 0.6rem;color: #f5271b; font-weight: 600; line-height: 1;}
.pvTwoSwiper3 .num .dw {color: #ffffff; font-size: var(--font24); margin-left: .1rem; font-weight: 200;}
.pvTwoSwiper3 .numItem span {color: #ffffff; font-size: var(--font18); margin-top: .1rem; display: block;}
.pvTwoSwiper3 .dllist dl {display: flex; justify-content: space-between; flex-wrap: wrap;}
.pvTwoSwiper3 .dllist dd {width: 48%;margin: .1rem 0; display: flex; align-items: center; color: #fff; font-size: var(--font18); font-weight: 300;}
.pvTwoSwiper3 .dllist dd i {width: 8px;height: 8px;background: #ffffff; border-radius: 50%; position: relative; margin-right: .2rem; flex-shrink: 0;}
.pvTwoSwiper3 .dllist dd i::after {content: ""; position: absolute;width: 100%; height: 100%; left: 0; top: 0; border-radius: 50%; background: #ffffff; animation: shubiao 1s infinite linear .65s;}
.pvTwoSwiper3 .more {margin-top: .6rem;}
.pvTwoSwiper3 .more a {border-color: #fff; width: 2rem; height: .6rem;border-radius: 0.4rem; color: #fff; font-size: var(--font18);}
.pvTwoSwiper3 .more a:hover {color: #002283; background: #fff;}
.pvTwoSwiper3 .swjt {width: auto; right: 0;}
.pvTwoSwiper3 .swjt.swiper-button-prev {transform: rotate(180deg); right: auto; left: 0;}

.pvThre {padding: .7rem 0;}
.pvThre .indexTle .en {letter-spacing: 0;}
.pvThre ul {margin-top: .7rem; display: flex;}
.pvThre li {position: relative; width: 25%;height: 6.5rem;}
.pvThre .bjBox {position: absolute; left: 0; top: 0; height: 100%; z-index: -1; overflow: hidden;}
.pvThre .bjBox img {width: 100%; height: 100%; object-fit: cover;}
.pvThre .bjBox::before {content: "";opacity: 0.6;background: #000000; width: 100%; height: 100%; left: 0; top: 0; position: absolute; transition: .5s;}
.pvThre .bjBox::after {content: "";opacity: 0.9;background: #004299; width: 0; height: 100%; left: 0; top: 0; position: absolute; transition: .5s;}
.pvThre .con {width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; padding: 0 .5rem; box-sizing: border-box;}
.pvThre .con h5 {color: #ffffff; font-size: var(--font28); margin-top: .3rem;}
.pvThre .con .en {color: #ffffff;}
.pvThre .con .line {display: block; width: 0;height: 1px;background: #ffffff; margin-top: .4rem; transition: .5s;}
.pvThre .con .text {color: #fff; margin-top: .4rem; position: relative;}
.pvThre .con .text .jia {color: #ffffff; font-weight: 600; font-size: var(--font36); font-style: normal; transition: .5s;}
.pvThre .con .text .disc {position: absolute;top: 0; opacity: 0; transition: .5s;}
.pvThre li:hover .bjBox::before {left: 100%;}
.pvThre li:hover .bjBox::after {width: 100%;}
.pvThre li:hover .line {width: .6rem;}
.pvThre li:hover .text .disc {opacity: 1;}
.pvThre li:hover .text .jia {opacity: 0;}

.pvFour {padding-bottom: 1rem;}
.pvFour .tit {display: flex; align-items: flex-end; margin-top: .2rem;}
.pvFour .tit .p1 {font-size: var(--font24); line-height: 1.15; padding-left: .12rem; position: relative;}
.pvFour .tit .p1::before {content: ""; width: 0.04rem;height: 0.23rem;background: #004299; position: absolute; left: 0;}
.pvFour .tit .p2 {margin-left: .2rem;}
.pvFour ul {display: grid; grid-template-columns: repeat(7,1fr); gap: .15rem; margin-top: .4rem;}
.pvFour ul li {height: 1.3rem;border: 1px solid #cecece;border-radius: 0.12rem; display: flex; align-items: center; justify-content: center;}
.pvFour ul li img {max-width: 100%;max-height: 100%;}

/* 产品中心-充电产品 */
.swapBaterTwo {background: #fcfcfc; padding: .7rem 0;}
.swapBaterTwo ul {display: flex; flex-wrap: wrap; justify-content: space-between;}
.swapBaterTwo li {width: 32%;background: #ffffff;border-radius: 15px; padding: .45rem .3rem; width: 31%; margin-top: .3rem;}
.swapBaterTwo li h5 {font-size: var(--font28);color: #004299; font-weight: 600;}
.swapBaterTwo li dt {display: flex; justify-content: space-between; align-items: center; padding-bottom: .2rem;}
.swapBaterTwo li dd {padding: .15rem 0; border-top: 1px solid #F2F2F2;}
.swapBaterTwo li dd span {display: block; font-size: var(--font18);}

@media screen and (min-width: 200px) and (max-width: 1028px) {
	.swapBaterTwo ul li {width: 49%;}
}
@media screen and (min-width: 200px) and (max-width: 768px) {
	.swapBaterTwo ul li {width: 100%;}
}

.chargeMain img {max-width: 100%;}
.chargeMain .aboutnav {display: none;}
.chargeTwo {background: url(../images/chargeTwo-bj.jpg) no-repeat center; background-size: cover; padding: .7rem 0;}
.chargeTwo .pvTle h3 {color: #fff;}
.chargeTwo .pvTle i {background: #fff;}
.chargeTwo .box {margin-top: .6rem;}
.chargeTwo li {width: 24%; padding: .3rem .2rem;}

.chargeThre {padding: .7rem 0;}
.chargeThre li {margin-top: .7rem;}
.chargeThre li .tle {display: flex; border-bottom: 1px solid #F2F2F2; align-items: center; flex-wrap: wrap; justify-content: space-between; padding-bottom: .3rem;}
.chargeThre li .tle h5 {font-size: var(--font36);color: #333333; margin-top: .15rem;}
.chargeThre li .tle .more {margin-top: .15rem;}
.chargeThre li .disc {margin-top: .4rem;color: #333333;}
.chargeThre dl {display: grid; grid-template-columns: repeat(3,1fr);gap: .5rem; margin-top: .5rem;}

.chargeThre dd .imgBox {background: #fcfcfc;border-radius: 0.16rem; overflow: hidden; padding: .3rem;}
.chargeThre dd .imgBox img {width: 100%;}
.chargeThre dd span {display: block; text-align: center;color: #333333; font-size: var(--font24);margin-top: .2rem;}

/* 产品中心-换电产品 */
.swapBaterOne {padding: .6rem 0;}
.swapBaterOne .indexTle .en {top: 0; letter-spacing: 0;}
.swapBaterOne .box {display: flex; justify-content: space-between;}
.swapBaterOne .le {width: 40%; margin-top: .3rem;}
.swapBaterOne .le .leText {margin-top: .6rem;}
.swapBaterOne .re {width: 51%;}
.swapBaterOne .re img {max-width: 100%;}

.swapBaterThre {padding: .8rem 0;}
.swapBaterThre .box {margin-top: .5rem;}
.swapBaterThre ul {display: flex; justify-content: space-between;}
.swapBaterThre li {width: 31%;}
.swapBaterThre li .imgBox {overflow: hidden;background: #f2f2f2;border-radius: 0.11rem;}
.swapBaterThre li .imgBox img {width: 100%; transition: .5s;}
.swapBaterThre li span {font-size: var(--font28);color: #004299; display: block; margin-top: .2rem; text-align: center; font-weight: 600;}
.swapBaterThre li:hover .imgBox img {transform: scale(1.1);}	

/* 产品中心-新一代电池 */
.cellOne {background: url(../images/cellOne-bj.jpg) no-repeat center; background-size: cover; padding: 1.5rem 0;}
.cellOne .box {display: flex; justify-content: space-between; align-items: center;}
.cellOne .indexTle {margin-top: .3rem;}
.cellOne .indexTle .en { top: 0;letter-spacing: 0;}
.cellOne .tleBox .line { display: block; width: 0.64rem; height: 0.01rem; background: #333333;margin-top: .45rem;}
.cellOne .le {width: 45%;}
.cellOne .le .text {color: #666666; line-height: 1.8; text-transform: uppercase; margin-top: .45rem; width: 85%; text-align: justify;}
.cellOne .re {width: 50%; margin-top: 1rem; display: flex; align-items: center; justify-content: center;}
.cellOne .re img {max-width: 60%;}

.cellTwo {background: #fff;}
.cellTwo .re {order: -1;}
.cellTwo .le .text {width: 100%;}

.cellThre {background: url(../images/cellThre-bj.jpg) no-repeat center; background-size: cover; padding: .5rem 0; overflow: hidden;}
.cellThre ul {display: flex; flex-wrap: wrap; justify-content: space-between;position: relative; }
.cellThre ul::after {content: "";  position: absolute; bottom: 0; width: 1px; height: 90%; bottom: 5%; background: rgba(255, 255, 255,.1); left: 49%;}
.cellThre li {width: 50%; padding: .4rem; display: flex; align-items: center; position: relative;}
.cellThre li::after {content: ""; position: absolute; bottom: 0; width: 200%; height: 1px; background: rgba(255, 255, 255,.1); left: 0;}
.cellThre li:nth-child(even)::after {display: none;}
.cellThre li:nth-child(7)::after {display: none;}
.cellThre li .icBox {margin-right: .4rem;}
.cellThre li .tit {color: #ffffff; font-size: var(--font24); font-weight: 600; display: flex; align-items: center; flex-wrap: wrap;}
.cellThre li .tit span { font-size: .5rem; line-height: 1; margin: 0 .1rem;}
.cellThre li .text {color: #fff; margin-top: .1rem;}

.cellFour {background: #eff2f5; padding: .7rem 0;}
.cellFour .text {width: 70%; margin: auto;margin-top: .5rem;  text-align: center; }




/* =====内页下载列表页====== */
/* 下载列表页 */
.down-main{margin: 0;}
.down-box{align-items: flex-start; display: flex; justify-content: space-between;}
.left-box{width: 36%; background: #f4f4f4; position: sticky; top: 1rem; }
.down-title{background: #004299;  padding: .4rem 0 .4rem 42%;}
.down-title strong {display: block;  color: #fff; font-size: var(--font32);}
.down-title strong>img{display: inline-block; margin-right: 3%; vertical-align: middle;}
.down-class{width: 95%;padding: 0 0 0.5rem;}
.down-class .ctitle1{}
.down-class>.ctitle1>li{border-bottom: 1px solid #dfdfdf; padding: .3rem 0 0.3rem 47%;}
.down-class>.ctitle1>li>h3{transition:0.6s;display: flex;align-items: center;justify-content: space-between;box-sizing: border-box;  }
.down-class>.ctitle1>li>h3>a{display: block;color: #333; font-size: var(--font22); width: 100%;}
.down-class>.ctitle1 li>h3>i{display: block;position: relative;cursor: pointer; margin-right: 5%;width: 14px; height: 14px;}
.down-class>.ctitle1>li>h3>i:before{content: "";position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%); width: 14px; height: 14px; transition: 0.6s;}
.down-class>.ctitle1>li>h3>i:before{background: url(../images/ctitle1-li.png) no-repeat center;}
.down-class>.ctitle1>li>h3>a:hover,.down-class>.ctitle1>li.ons>h3>a{color: #004299;font-weight: bold;}
.down-class>.ctitle1>li>h3>i:hover:before,.down-class>.ctitle1>li>h3>i.ons:before{transform: translate(-50%,-50%) rotate(90deg); background: url(../images/ctitle1-li-on.png) no-repeat center;}
.down-class .ctitle2{display: none; margin-top: 0.2rem; height: auto!important;}
.down-class .ctitle2>li>h3{transition:0.6s;display: flex;align-items: center;justify-content: space-between;box-sizing: border-box; }
.down-class .ctitle2>li>h3>a{display: block; color: #444; font-weight: bold; position: relative; padding-left: .375rem;width: 100%;}
.down-class .ctitle2>li>h3>a:after{position: absolute; content: ''; width: 10px; height: 10px; border: 2px solid #444; border-radius: 50%; left: 0; top: 0; transform: translateY(50%);}
.down-class .ctitle2 li>h3>i{display: block;position: relative;cursor: pointer; margin-right: 5%;width: 14px; height: 14px;}
.down-class .ctitle2>li>h3>i:after{content: "";position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%); width: 14px; height: 14px; transition: 0.6s;}
.down-class .ctitle2>li>h3>i:after{background: url(../images/ctitle2-li.png) no-repeat center;}
.down-class .ctitle2>li>h3>i:hover:after,.down-class .ctitle2>li>h3>i.ons:after{transform: translate(-50%,-50%) rotate(90deg); background: url(../images/ctitle2-li.png) no-repeat center;}
.down-class .ctitle2>li:hover>h3>a{color: #444;}

.down-class .ctitle2>li.on .ctitle3{display: block;}
.down-class .ctitle3{display: none; margin-top: 0.2rem;}
.down-class .ctitle3>li>h3>a{display: block;color: #666;position: relative;padding-left: 4%;margin-bottom: 0.1rem;border-left: 2px solid #004299; line-height: .9;}
.down-class .ctitle3>li>h3>a:after{position: absolute;content: '';width: 4px;height: 4px;background: #666;border-radius: 50%;left: 0;top: 50%;transform: translateY(-60%);display: none;}
.down-class .ctitle3>li:hover>h3>a,.down-class .ctitle3>li.on>h3>a{color: #004299;}
.down-class .ctitle4{padding-left: 3%}
.down-class .ctitle4>li{margin-bottom: .2rem}
.down-class .ctitle4>li>h3{transition:0.6s;display: flex;align-items: center;justify-content: space-between;box-sizing: border-box; }
.down-class .ctitle4>li>h3>a{color: #004299;font-weight: bold; font-size: var(--font16);}
.down-class .ctitle4 li>h3>i{display: none;}
.down-class .ctitle5 li>h3>a {font-size: var(--font16);}

.down-class .ctitle2.on{display: block}
.down-class .ctitle3.on{display: block}
.down-class .ctitle4.on .ctitle5.on{display: block;}
.down-class .ctitle5 li.on>h3>a{font-weight: bolder}

.right-box{width: 61%; padding: .8125rem 0 0;}
.right-title{border-bottom: 1px solid #f2f2f2; padding-bottom: 0.25rem; margin-bottom: .25rem;}
.right-title strong{display: block;  border-left: 3px solid #004299; font-size: var(--font26);  font-weight: 600; color: #333; padding-left: .1rem; line-height: 1;}

.nydown-list{width: 76%; }
.nydown-list ul li{width: 100%;  background: #fcfcfc; margin-bottom: .3rem; border-left: 0.1rem solid #004299; box-sizing: border-box; position: relative; padding: .4rem 6%;}
.nydown-list ul li:after{position: absolute; content: ''; width: 3px; height: 100%; background: #b9b9b9; left: 0; top: 0;}

.nydown-list ul li .info{display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
.nydown-list ul li strong {display: block; font-size: var(--font20); color: #333; position: relative; transition:0.6s}
.nydown-list ul li strong:after{ position: absolute; content: ''; width: 0;height: 1px;background: #333; left: 0; top: 50%; transform: translateY(-50%); transition: 0.6s;}
.nydown-list ul li em{display: block;  color: #666;}

.nydown-list ul li span{transition:0.6s; display: block;  border: 1px solid #666666;border-radius: 1.25rem; text-align: center;padding: .1rem .25rem;}
.nydown-list ul li span>img{display: inline-block; vertical-align: middle; margin-right: 0.1rem;}
.nydown-list ul li:hover strong{text-indent: .3rem;  color: #004299; font-weight: bold; }
.nydown-list ul li:hover strong:after{width: 0.15rem;}
.nydown-list ul li:hover span{background: #004299; border-color: #004299; color: #fff;}
.nydown-list ul li:hover span>img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}

.down-list {margin: 1rem 0;}
.down-list ul {display: flex; justify-content: space-between; flex-wrap: wrap;}
.down-list ul:after{width: 48%;}
.down-list ul li{width: 48%; background: #fcfcfc; margin-bottom: .3rem; border-left: 0.1rem solid #004299; box-sizing: border-box; position: relative; padding: .4rem 4%;}
.down-list ul li:after{position: absolute; content: ''; width:3px; height: 100%; background: #b9b9b9; left: 0; top: 0;}
.down-list ul li a{display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between;}
.down-list ul li strong{display: block; font-size: var(--font24); color: #333; position: relative; transition:0.6s}
.down-list ul li strong:after{ position: absolute; content: ''; width: 0;height: 0.0625rem;background: #004299; left: 0; top: 50%; transform: translateY(-50%); transition: 0.6s;}
.down-list ul li em{display: block; color: #666;}
.down-list ul li span{transition:0.6s; display: block;border: 1px solid #666666;border-radius: 1.25rem; text-align: center; padding: .1rem .25rem;}
.down-list ul li span>img{display: inline-block; vertical-align: middle; margin-right: 0.1rem;}
.down-list ul li span i {font-style: normal;}
.down-list ul li:hover strong{text-indent: .5rem; color: #004299;}
.down-list ul li:hover strong:after{width: 0.3rem; }
.down-list ul li:hover em{color: #004299;}
.down-list ul li:hover span{background: #004299; border-color: #004299; color: #fff;}
.down-list ul li:hover span>img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}

/* 内页公司视频下载列表 */
.nyvideo-list {padding: 1rem 0;}
.nyvideo-list ul{display: flex; justify-content: space-between; flex-wrap: wrap;}
.nyvideo-list ul:after{width: 32%;}
.nyvideo-list ul li{width: 32%; background: #fcfcfc; margin-bottom: .3rem; border-left: 5px solid #004299; box-sizing: border-box; position: relative; padding: .3rem 3% .3rem;}
.nyvideo-list ul li:after{position: absolute; content: ''; width: 3px; height: 100%; background: #b9b9b9; left: 0; top: 0;}
.nyvideo-list ul li .pic{position: relative; margin-bottom: .3rem; overflow: hidden;}
.nyvideo-list ul li .video-pic {display: block; width: 100%; -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.nyvideo-list ul li:hover .video-pic {-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;}
.nyvideo-list ul li .play-icon{position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto;}
.nyvideo-list ul li .info{display: flex; align-items: center;flex-wrap: wrap; justify-content: space-between; }
.nyvideo-list ul li em{display: block; font-size: var(--font18); color: #333; position: relative; transition:0.6s; text-indent: .2rem;}
.nyvideo-list ul li em:after{ position: absolute; content: ''; width: 0.1rem;height: 1px;background: #333; left: 0; top: 50%; transform: translateY(-50%); transition: 0.6s;}
.nyvideo-list ul li span{transition:0.6s; display: block; border: 1px solid #666666;border-radius: 1.25rem; text-align: center; padding: .1rem .2rem;}
.nyvideo-list ul li span>img{display: inline-block; vertical-align: middle; margin-right: 0.2rem;}
.nyvideo-list ul li:hover em{ color: #004299; font-weight: bold;}
.nyvideo-list ul li:hover em:after{background: #004299;}
.nyvideo-list ul li:hover span{background: #004299; border-color: #004299; color: #fff;}
.nyvideo-list ul li:hover span>img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}

/* =====成功案例===== */
.caselist {padding: 1rem 0;}
.caselist ul {display: grid; grid-template-columns: repeat(3,1fr); gap: .35rem; margin-top: .8rem;}
.caselist ul li {background: #f9f9f9;}
.caselist li .imgBox {overflow: hidden; position: relative; height: 280px;}
.caselist li .imgBox img {width: 100%; transition: .5s; height: 100%; object-fit: cover;}
.caselist li .con {padding: .3rem; box-sizing: border-box; position: relative; z-index: 1;}
.caselist li h6 {color: #333333;font-size: var(--font22); transition: .5s;}
.caselist li p {margin-top: .15rem;color: #666666; line-height: 1.7; transition: .5s;}
.caselist li .con:after {content: '';position: absolute;bottom: 0; left: 0;width: 100%;height: 100%;background: #004299;transition: .5s;z-index: -1;opacity: 0;clip-path: polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%);}
.caselist li:hover .con:after {opacity: 1;clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);}
.caselist li:hover h6 , .caselist li:hover p {color: #fff;}
.caselist li:hover .imgBox img {transform: scale(1.05);}
/* 案例详情 */
.caseDate {padding: .5rem 0 .9rem 0;}
.caseDate .tle {text-align: center; padding-bottom: .4rem; border-bottom: 1px solid #F2F2F2;}
.caseDate .tle h4 {color: #333333; font-size: var(--font32);font-weight: 400;}
.caseDate .tle .num {margin-top: .2rem;}
.caseDate .tle .num .item {display: inline-block;color: #666666; font-size: var(--font14); margin-left: .4rem;}
.caseDate .tle .num .item:first-child {margin-left: 0;}
.caseDate .dateCon {margin: .4rem 0;}
.caseDate .dateCon img {max-width: 100%;}
.pageChose {display: flex; align-items: center; justify-content: space-between;border-top: 1px solid #F2F2F2;padding-top: .5rem;}
.pageChose .jtBox { border-radius: 50%; display: inline-flex; margin-left: .15rem;  flex-shrink: 0;}
.pageChose .jtBox img {width: 16px; filter: brightness(0); -webkit-filter:brightness(0);}
.pageChose .prev .jtBox {transform: rotate(180deg); margin-left: 0; margin-right: .15rem;}
.pageChose .swjt {width: 30%;}
.pageChose .swjt a {color: #333; display: flex; align-items: center;}
.pageChose .swjt:hover a {color: #004299;}
.pageChose .backlist a {width: 1.58rem; min-width: 100px; min-height: 32px; height: 0.49rem;background: #004299;border-radius: 25px; color: #fff;}
.pageChose .backlist a:active {background: #023374;}



/* =====解决方案===== */
.inensoulOne {padding: 1.5rem 0; overflow: hidden;}
.inensoulOne .box {display: flex; align-items: center; justify-content: space-between;}
.inensoulOne .le {width: 40.5%; position: relative;}
.inensoulOne .re {width: 50%;}
.inensoulOne .le img {max-width: 100%;}
.inensoulOne .le .crclrelist {}
.inensoulOne .le .crclrelist img {opacity: 0; transform: rotate(-90deg); transition: 1s;}
.inensoulOne .le .crclre {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 57%;}
.inensoulOne .le .crclre img {transform: scale(0); transition: 1s;}
.inensoulOne .re .indexTle {margin-top: .3rem;}
.inensoulOne .re .indexTle .en {letter-spacing: 0;}
.inensoulOne .re .tleBox .line {display: block;width: 0.64rem;height: 1px;background: #333333; margin-top: .6rem;}
.inensoulOne .re .text {margin-top: .4rem;color: #666666;}
.inensoulOne .box.on .crclrelist img {transform: rotate(0); opacity: 1; transition-delay: .5s;}
.inensoulOne .box.on .le .crclre img {transform: scale(1);}

.inensoulTwo {background: url(../images/inensoulTwo-bj.jpg) no-repeat center; background-size: cover; padding: 2.3rem 0 3rem 0; background-attachment: fixed;}
.inensoulTwo .indexTle .tit1 {color: #fff;}
.inensoulTwo .indexTle .tit2 {color: #ffffff;}
.inensoulTwo .box .line {display: block;width: 0.64rem;height: 1px;background: #ffffff; margin-top: .5rem;}
.inensoulTwo .box .text {color: #ffffff; margin-top: .4rem; width: 50%;}

.inensoulThre {padding: .8rem 0; overflow: hidden;}
.inensoulThre .indexTle .en {letter-spacing: 0;}
.inensoulThre .tleBox {display: flex; justify-content: space-between; align-items: center;}
.inensoulThre .swjtBox {display: flex;}
.inensoulThre .swjt {width: 0.67rem;height: 0.67rem;border: 0.01rem solid #004299; position: relative; left: auto; right: auto; transition: .5s;}
.inensoulThre .swjt.swiper-button-prev {transform: rotate(180deg); margin-right: .22rem;}
.inensoulThre .swjt:active {background: #004299;}
.inensoulThre .swjt:active svg path {fill: #fff;}
@media (any-hover: hover) {
	.inensoulThre .swjt:hover {background: #004299;}
	.inensoulThre .swjt:hover svg path {fill: #fff;}
}

.inensoulThre .swiperBox {margin-top: 1rem;}
.inensoulThSwiper {width: 90%; overflow: visible;}
.inensoulThSwiper .swiper-slide {overflow: hidden;}
.inensoulThSwiper .imgBox {position: relative;}
.inensoulThSwiper .imgBox::before {transition: .5s; content: ""; position: absolute; width: 100%; height: 100%; left: 0; bottom: 0; background: rgba(164, 169, 170,.7); transition: .5s;}
.inensoulThSwiper .imgBox::after {opacity: 0; transition: .5s; content: ""; position: absolute; width: 100%; height: 100%; left: 0; bottom: 0;background:linear-gradient(rgba(255, 255, 255,.1),rgba(0, 66, 153,.9) 100%);}
.inensoulThSwiper .imgBox img {width: 100%; max-height: 4.5rem; object-fit: cover;}
.inensoulThSwiper .con {position: absolute; transform: translateY(100%); bottom: 0;left: 0; width: 100%; padding: .1rem .3rem .5rem .5rem; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; transition: .6s; opacity: 0;}
.inensoulThSwiper .con .en {color: #ffffff; font-weight: 300; font-size: var(--font14);}
.inensoulThSwiper .con h6 {color: #ffffff;font-size: var(--font32); font-weight: 600;}
.inensoulThSwiper .con .more .more2 {background: rgba(255, 255, 255,.5); color: #fff; border: 0;}
.inensoulThSwiper .con .more .more2 svg path {fill: #fff;}
.inensoulThSwiper .swiper-slide:hover .con .more .more2 {background: #fff; color: #004299;}
.inensoulThSwiper .swiper-slide:hover .con .more .more2 svg path {fill: #004299;}
.inensoulThSwiper .swiper-slide.swiper-slide-active .imgBox::before {opacity: 0;}
.inensoulThSwiper .swiper-slide.swiper-slide-active .imgBox::after {opacity: 1;}
.inensoulThSwiper .swiper-slide.swiper-slide-active .con {transform: translateY(0); opacity: 1;}

/* 分布式综合能源 */
.indistsoulOne {padding: .7rem 0 .5rem;}
.indistsoulOne ul {display: flex; justify-content: space-between; margin-top: .6rem;}
.indistsoulOne li {width: 24%; position: relative; z-index: 1;background: #fcfcfc;border-radius: 0.16rem; overflow: hidden; padding: .2rem; padding-bottom: .4rem; text-align: center;}
.indistsoulOne li::after {content: ""; background: url(../images/indistsoulOne-libj.jpg) no-repeat center; background-size: cover; position: absolute; width: 100%; height: 100%; left: 0; bottom: 0; z-index: -1; transition: .5s; opacity: 0;}
.indistsoulOne li .icBox {width: 60px;height: 60px;background: #004299; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: auto; transition: .5s;}
.indistsoulOne li .icBox img {filter: brightness(100); -webkit-filter:brightness(100);}
.indistsoulOne li h5 {color: #333333; font-size: var(--font24); margin-top: .25rem; font-weight: 600; transition: .5s;}
.indistsoulOne li i {display: block; width: 0.38rem;height: 0.02rem;background: #004299; margin: auto; margin-top: .15rem;transition: .5s;}
.indistsoulOne li .text {margin-top: .2rem;}
.indistsoulOne li .text span {display: block;color: #333333;transition: .5s; word-break: keep-all; word-wrap: break-word;}
.indistsoulOne li:hover::after {opacity: 1; }
.indistsoulOne li:hover .icBox {background: #fff;}
.indistsoulOne li:hover .icBox img {filter: none; -webkit-filter:none;}
.indistsoulOne li:hover h5 {color: #ffffff;}
.indistsoulOne li:hover i {background: #ffffff;}
.indistsoulOne li:hover .text span  {color: #ffffff;}

.indistsoulTwo {background: #fcfcfc; padding: .5rem 0;}
.indistsoulTwo ul {display: flex; flex-wrap: wrap; justify-content: space-between;}
.indistsoulTwo li {width: 47.5%; margin-top: .65rem;}
.indistsoulTwo li .imgBox {overflow: hidden; position: relative;}
.indistsoulTwo li .imgBox::after {content: ""; width: 0; height: .1rem; left: 0; bottom: 0; transition: .5s;background: #004299; position: absolute;}
.indistsoulTwo li .imgBox img {width: 100%; transition: .5s;}
.indistsoulTwo li:hover .imgBox::after {width: 100%;}
.indistsoulTwo li:hover .imgBox img {transform: scale(1.1);}
.indistsoulTwo li .con {margin-top: .4rem;}
.indistsoulTwo li h5 { font-size: var(--font38);color: #333333; font-weight: 600;}
.indistsoulTwo li span {color: #666666; font-size: var(--font20); margin-top: .1rem; display: block;}

.indistsoulThre {padding: 1rem 0;}
.indistsoulThre .indexTle .en {letter-spacing: 0;}
.indistsoulThre ul {margin-top: .45rem; display: flex;}
.indistsoulThre li {flex: .35; margin-right: .3rem; position: relative; height: 6.5rem; transition: .5s;}
.indistsoulThre li:last-child {margin-right: 0;}
.indistsoulThre li .imgBox {height: 100%; position: relative; width: 100%;}
.indistsoulThre li .imgBox::before {content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: #000000; opacity: .47; transition: .5s;}
.indistsoulThre li .imgBox::after {content: ""; position: absolute; width: 0; height: 100%; left: 0; top: 0; background:linear-gradient(to right,rgba(0, 66, 153,.7),rgba(255, 255, 255,0));transition: .5s;}
.indistsoulThre li .imgBox img {width: 100%; height: 100%; object-fit: cover;}
.indistsoulThre li .showTit {position: absolute; left: 0; width: 100%; text-align: center; bottom: 0; padding-bottom: 1rem;color: #fff; font-size: var(--font24); z-index: 1; transition: .5s;}
.indistsoulThre li .hide {position: absolute; bottom: 0; left: 0; width: 100%; height: 100%;padding: 1.2rem .5rem .7rem 1rem; box-sizing: border-box;}
.indistsoulThre li .hideTit {opacity: 0; transition: .5s; transform: translateY(50%);}
.indistsoulThre li .num {color: #ffffff; font-size: var(--font24); font-weight: 600;}
.indistsoulThre li h5 {color: #ffffff; font-size: var(--font36); font-weight: 600; margin-top: .1rem;}
.indistsoulThre li .text {color: #ffffff; font-size: var(--font15); font-weight: 200; margin-top: .1rem;}
.indistsoulThre li .more {position: absolute; width: 100%; left: 1rem; bottom: .7rem; z-index: 1; opacity: 0;transform: translateY(50%); transition: .5s; visibility: hidden;}
.indistsoulThre li.on {flex: 1;}
.indistsoulThre li.on .showTit {opacity: 0;}
.indistsoulThre li.on .imgBox::before {opacity: 0;}
.indistsoulThre li.on .imgBox::after {width: 100%;}
.indistsoulThre li.on .hideTit {opacity: 1; transform: translateY(0);}
.indistsoulThre li.on .more {opacity: 1; transform: translateY(0); visibility: visible; transition-delay: .3s;}

/* 绿色交通 */
.greensoulOne {background: #f2f2f2; padding: .6rem 0;}
.greensoulOne .box {display: flex; justify-content: center; margin-top: .45rem;}
.greensoulOne .circleBox {width: 40vw; height: 40vw; position: relative; display: flex; align-items: center; justify-content: center;}
.greensoulOne .circleBox::after {content: ""; position: absolute; width: 100%; height: 100%;  border-radius: 50%; border: 1px dashed #CABEBE; left: 0; top: 0;  box-sizing: border-box; animation: myfirst 10s linear infinite;}
.greensoulOne .circle {width: 82%; height: 82%; border-radius: 50%; background: url(../images/greensoulOne-circle-bj.jpg) no-repeat center; background-size: cover;} 
.greensoulOne .circle {display: flex; flex-direction: column; justify-content: center; align-items: center;}
.greensoulOne .circle .cleicBox {width: 1.16rem;height: 1.16rem;background: #ffffff; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.greensoulOne .circle .cleicBox img {max-width: 55%;}
.greensoulOne .circle h5 {font-size: var(--font40);color: #ffffff; font-weight: 600; margin-top: .2rem;}
.greensoulOne .circle i {width: 0.81rem;height: 2px;background: #ffffff; margin-top: .2rem;}
.greensoulOne .circle p {width: 78%; margin-top: .3rem; color: #fff; text-align: justify; line-height: 2;}
.greensoulOne ul {position: absolute; width: 100%; height: 100%;}
.greensoulOne li {display: flex; left: 0; top: 0; position: absolute; z-index: 1; }
.greensoulOne li .liTit { flex-shrink: 0; margin-left: .3rem; width: 1.02rem;height: 1.02rem; border-radius: 50%; border: .05rem solid #fff; background: #004299;box-shadow: 0.03rem 0.03rem 0.08rem 0rem rgba(51,51,51,0.15); color: #fff; font-size: var(--font42); font-weight: 900;}
.greensoulOne li .licon {text-align: right; }
.greensoulOne li h6 {color: #333333; font-size: var(--font24); font-weight: 600;}
.greensoulOne li .text {margin-top: .1rem;}
.greensoulOne li .text span {display: block;color: #666666;}
.greensoulOne li:nth-child(even) {transform: rotateY(-180deg);    white-space: nowrap;}
.greensoulOne li:nth-child(even) .licon {transform: rotateY(-180deg); text-align: left;}
.greensoulOne li:nth-child(even) .liTit {transform: rotateY(-180deg);}
.greensoulOne li:nth-child(1) {left: -27%;top: 15%;}
.greensoulOne li:nth-child(2) {left: 85%;top: 15%;}
.greensoulOne li:nth-child(3) {left: -36%;top: 75%;}
.greensoulOne li:nth-child(4) {left: 85%;top: 75%;}

.greensoulTwo {background: #fff; padding: .7rem 0;}
.greensoulTwo ul {display: flex; justify-content: space-between; margin-top: .1rem; flex-wrap: wrap;}
.greensoulTwo ul::after {content: ""; width: 31%;}
.greensoulTwo li {width: 31%; margin-top: .5rem; text-align: center;}
.greensoulTwo li .imgBox {background: #f2f2f2;border-radius: 0.11rem; overflow: hidden;}
.greensoulTwo li .imgBox img {width: 100%;}
.greensoulTwo li h5 {color: #004299; font-size: var(--font28); font-weight: 600;margin-top: .2rem;}
.greensoulTwo li span {display: block; margin-top: .15rem; color: #666;}

.greensoulThre {background: #fcfcfc;}
.greensoulThre ul li {flex: .6;}

/* ======新闻动态====== */
.newslist {padding: .7rem 0;}
.newslist ul {display: grid; grid-template-columns: repeat(3,1fr); gap: 0;}
.newslist li {border: 1px solid #f2f2f2; padding: .3rem; box-sizing: border-box; margin-left: -1px; margin-top: -1px; transition: .5s;}
.newslist li .imgBox {overflow: hidden;}
.newslist li .imgBox img {width: 100%; transition: .5s;}
.newslist li h5 {color: #333333;font-weight: 400; font-size: var(--font20); margin-top: .3rem;}
.newslist li p {color: #666666; font-size: var(--font14); margin-top: .2rem;}
.newslist li .time {color: #333333;margin-top: .3rem;  font-family: "DINRegular";}
.newslist li:hover {box-shadow: 0rem 0.06rem 0.23rem 0.01rem rgba(24,25,25,0.14); }
.newslist li:hover .imgBox img {transform: scale(1.1);}
.newslist li:hover h5 {color: #0000DD;}

/* 新闻详情 */
.newsDateMain {padding-top: 1.2rem;}
.newsDate {background: #e4ebf4; padding: .5rem 0 1rem 0;}
.newsDate .mbx {color: #666;}
.newsDate .mbx a:hover {color: #0000DD;}
.newsDate h3 {font-size: var(--font36);color: #333333;}
.newsDate .tleBox {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-top: .5rem;}
.newsDate .tleBox .tleLe {margin-right: .5rem; width: 75%;}
.newsDate .tleBox dl {margin-top: .5rem;display: grid; grid-template-columns: repeat(2,auto);gap: .8rem; justify-content: flex-start;}
.newsDate .tleBox dl dd {display: flex; align-items: center;}
.newsDate .tleBox dl dd span {margin-left: 8px;color: #888888;}
.newsDate .tleBox .more { margin-top: 10px; width: 2rem; height: 0.71rem;  background-repeat: no-repeat; background-position: center; border-radius: 0.36rem; transition: .5s;}
.newsDate .tleBox .more span {display: flex; align-items: center; justify-content: center; height: 100%; margin-right: 30%; color: #fff;transition: .5s;}
.newsDate .tleBox .more {background: #0000DD url(../images/jt5.png) no-repeat 80%;}
.newDateCon {margin: .5rem 0 1rem 0;}
.newDateCon img {max-width: 100%;}
.newDateCon .box {display: flex; justify-content: space-between; align-items: flex-start;}
.newDateCon .box .le {width: 65%;}
.newDateCon .box .re {width: 23%; position: sticky; top: 1.2rem;}
.newDateCon .box .le .shareLinks {text-align: center; margin-top: 1rem; color: #666; font-size: var(--font14); margin-bottom: .5rem;}
.newDateCon .box .le .shareLinks span {margin-bottom: .1rem; display: block;}
.newsPage {display: flex; align-items: center; justify-content: space-between;border-top: 1px solid #eee; padding-top: .5rem;}
.newsPage a {display: flex; align-items: center;}
.newsPage a .icBox {display: flex; align-items: center; justify-content: center;}
.newsPage a .icBox img {filter: brightness(0); -webkit-filter:brightness(0); transform: rotate(90deg); opacity: .5;}
.newsPage a span {color: #999999; font-size: var(--font14); margin-left: 10px;}
.newsPage a.next span {margin-left: 0; margin-right: 10px;}
.newsPage a.prev svg {transform: rotate(180deg);}
.newsPage a:hover span {color: #0000DD;}
.newsPage a:hover svg path {fill: #0000DD;}
.newDateCon .box .re h4 {font-size: var(--font24); padding-bottom: .2rem; border-bottom: 1px solid #DDDDDD;}
.newDateCon .box .re li {padding: .2rem 0; border-bottom: 1px solid #DDDDDD;}
.newDateCon .box .re h6 {font-size: var(--font18);color: #666666; display: -webkit-box;overflow: hidden; 	-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.newDateCon .box .re em {font-size: var(--font14);color: #a4a7ab;margin-top: .15rem;display: block;}
.newDateCon .box .re li:hover h6 {color:#0000DD ;}

/* =====投资者关系===== */

/* 股票信息 */
.stock {padding: 1rem 0;}

/* 联系我们 */
.contactOne {padding: .8rem 0;}
.contactOne .box {display: flex; justify-content: space-between;}
.contactOne .box .pvTle {text-align: left;}
.contactOne .box .pvTle i {width: 0.44rem;height: 0.03rem;	background: #004299;}
.contactOne .le {width: 48%;}
.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: #004299; font-weight: 700; font-size: .4rem; line-height: 1;}
.contactOne .le dd p a {color: #333333;}
.contactOne .le dd p a:hover {color: #004299;}
.contactOne .le .code {display: flex; align-items: center; margin-top: .6rem;}
.contactOne .le .code span {writing-mode: tb-rl;}
.contactOne .re {width: 49%; 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: #004299; color: #fff; cursor: pointer; font-size: var(--font14);}
.contactOne .re .subBox button:active { background: #09558b;}

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


/*2024.5.20后台编辑器*/
.pro-editor{margin: 0.6rem 0}
.pro-editor table{width: 100%!important;  border-collapse: collapse;border-spacing: 0; margin: 0.3rem 0}
.pro-editor table tr td{padding: 2%;box-sizing: border-box}
.pro-editor .table0 strong{display: block; margin-bottom: 0.2rem;}

.chargeThre .heavy-truck table{width: 100%!important;  border-collapse: collapse;border-spacing: 0; margin: 0.3rem 0}
.chargeThre .heavy-truck table tr{display: flex; justify-content: space-between}
.chargeThre .heavy-truck table tr td{width: 30%!important; margin-bottom: 0.2rem}
.chargeThre .heavy-truck table tr td img{display: block; max-width: 100%}

.pro-editor .table-icon3 tr{display: flex; justify-content: space-between}
.pro-editor .table-icon3 tr td{width: 31.5%!important; border-radius: 0.15rem; background: #fff;box-shadow: 2.828px 2.828px 8.19px 0.81px rgba(51, 51, 51, 0.15);}


/*2024.5.21*/
.aboutTwo{margin-top: 1rem}
.cultureTle{margin-bottom: 0.5rem}
.cultureTle h3 {color: #000;}

.cultureTle .en{color: rgba(0, 0, 0,.1);}

.cultureTle  i{background: #004299}
.indistsoulTwo li{width: 23.5%}
.indistsoulTwo li h5 { font-size: var(--font24);}

.pro-editor img {max-width: 100%; max-height: 100%; height: auto !important; }