.indexBanner {position: relative; overflow: hidden;}
.indexSwiper .bjBox img {width: 100%; height: auto;min-height: 100%;transition: 1s linear 2s; transform: scale(1.1,1.1);}
.indexSwiper .swiper-slide-active .bjBox  img, .indexSwiper .swiper-slide-duplicate-active .bjBox  img {transition: 6s linear;transform: scale(1,1);}
.indexSwiper .con .tit1 {color: #ffffff;font-size: var(--font40);font-weight: 900;}
.indexSwiper .con .tit2 {font-weight: 400;font-size: .54rem;color: #ffffff; line-height: 1.3; margin-top: .24rem;}
.indexSwiper .con .tit2 span {display: block;}
.indexSwiper .con .more {margin-top: .8rem;}
.indexSwiper .swiper-pagination {left: auto; right: 2%; width: auto; top: 46%; }
.indexSwiper .swiper-pagination span {display: block; width: 12px; height: 12px; margin: .15rem 0 !important;border: 1px solid #ffffff; background: none; opacity: 1; box-sizing: border-box;}
.indexSwiper .swiper-pagination .swiper-pagination-bullet-active {background: #379547; border-color: #379547;}
.indexSwiper .swjt {width: 0.63rem;height: 0.63rem;border: 1px solid #ffffff; border-radius: 50%; left: auto; right: 8%; top: auto; bottom: 12%; transition: .5s;}
.indexSwiper .swjt svg {max-width: 60%;}
.indexSwiper .swjt.swiper-button-prev {transform: rotate(180deg) translateX(130%); left: auto;}
.indexSwiper .swjt svg path {transition: .5s;}
.indexSwiper .swjt:hover {background: #ffffff;}
.indexSwiper .swjt:hover svg path {fill: #379547;}
/* scroll */
.indexBanner .indexXian {position: absolute; left: 5%; top: auto; transform: translateX(-50%); z-index: 1; bottom: 12%;}
.indexXian .xianBox {display: inline-flex; align-items: flex-start;}
.indexXian span {color: #ffffff;  text-transform: uppercase;writing-mode:vertical-rl; position: relative; margin-right: .1rem;}
.indexXian i {width: 1px;height: 1.1rem;background: rgba(255, 255, 255,.5); display: block;  position: relative; overflow: hidden;}
.indexXian i::after {content: ""; position: absolute;left: 0;width: 2px;height: 100%;background: #fff; opacity: 1; animation: aline 3s infinite linear;}
@keyframes aline { from {bottom: 100%;}to {bottom: -100%;}}

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

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

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