/* 常用属性 */
.poHiiden{position: relative;overflow: hidden;}
.disflex{display: flex;}
.flexCenter{display: flex;justify-content: center;align-items: center;}
.flexbetween{display: flex;justify-content: space-between;align-items: center;}
.block{display: block;}
.tran100{-webkit-transition: all 1s ease; transition: all 1s ease;}
.textCenter{text-align: center;}
.fwb{font-weight: bold;}
/* 首页导航部分 */
.indexHeader .header{ background: rgba(255,255,255,0);}
.indexHeader .header .logo img.logo1{opacity: 1;}
.indexHeader .header .logo img.logo2{opacity: 0;}
.indexHeader .header .nav>ul>li>a{ color: #fff;}
.indexHeader .header .language{ color: #fff;}
.indexHeader .header .language a{ color: #fff;}
.indexHeader .header .nav>ul>li>a::before{ background: #fff;}
.indexHeader .header .goLogin{color: #fff; border-color: #fff;border-radius:10px;}
.indexHeader .header .goLogin:hover{ border-color: #8EC31F;}

.indexHeader .header.on{ background: #fff;}
.indexHeader .header.on .logo img.logo1{opacity: 0;}
.indexHeader .header.on .logo img.logo2{opacity: 1;}
.indexHeader .header.on .nav>ul>li>a{ color: #3C3C3C;}
.indexHeader .header.on .language{ color: #3C3C3C;}
.indexHeader .header.on .language a{ color: #3C3C3C;}
.indexHeader .header.on .nav>ul>li>a::before{ background: #8EC31F;}
.indexHeader .header.on .goLogin{ color: #333333; border-color: #bfbfbf;}
.indexHeader .header.on .goLogin:hover{border-color: #8EC31F; background: #8EC31F; color: #fff;}
/* banner */
/* .banner .img{height: 100vh;}
.banner .imgBox{position: relative;}
.w50{width: 50%;background: #fff;position: absolute;height: 0;}
.whiteRight{right: 0;bottom: 0;}
.whiteLeft{left: 0;top: 0;}
.banner .swiper-slide-active .whiteLeft{animation: aniTop 1s ease-in-out;-webkit-animation: aniTop 1s ease-in-out;}
 */
@keyframes aniTop{
	50%{height: 100%;}
	60%{height: 20%;transform-origin: 20% 40%;}
	100%{height: 40%;transform-origin: 40% 100%;}
}
@-webkit-keyframes aniTop{
	50%{height: 100%;}
	60%{height: 20%;transform-origin: 20% 40%;}
	100%{height: 40%;transform-origin: 40% 100%;}
}

/*内容从上至下剪裁显示动效*/
.aniTop{animation: clipTTB 1.5s ease-in-out;-webkit-animation: clipTTB 1.5s ease-in-out;}
@keyframes clipTTB{
	0%{clip-path: polygon(0 0,0 0,100% 0,100% 0);opacity: 0;}
	100%{clip-path: polygon(0 0,0 100%,100% 100%,100% 0);opacity: 1;}
}
@-webkit-keyframes clipTTB{
	0%{-webkit-clip-path: polygon(0 0,0 0,100% 0,100% 0);opacity: 0;}
	100%{-webkit-clip-path: polygon(0 0,0 100%,100% 100%,100% 0);opacity: 1;}
}
/* 关于我们 */
.fz40{font-size: 40px;}
.fz28{font-size: 28px;}
.fz18{font-size: 18px;}
.fz16{font-size: 16px;}
.fz22{font-size: 22px;}
.fz20{font-size: 20px;}

/* 新闻中心 */
 .idxFour .idxTitle{color: #333;padding: 96px 0 70px;}
.idxFour .container{margin: 0 3.1%;}
.idxFour{margin-bottom: 90px;margin-left: 1%;margin-right: 1%;}
.idxFour li{position:relative;overflow:hidden; border-radius: 4px;}
.idxFour li.li1,.idxFour li.li2{width:28.136%;float:left;position: relative;margin-right: 1.48%;}
.idxFour li .wrap{position: absolute;left: 9%;width: 80%;bottom: 0;z-index: 2;}
.idxFour li .wrap a{color: #fff;}
.idxFour li .wrap a .data{padding: 10px 25px; background: linear-gradient(228deg, #C1E342 0%, #8EC31F 100%);border-radius: 4px;font-family: 'DINProLight';display: inline-block;}
.idxFour li .wrap a .title{line-height: 1.7;margin: 36px 0 30px;}
.idxFour li .wrap a .text{font-weight: 300;line-height: 1.625;}
.idxFour li.li1 .text,.idxFour li.li2 .text{margin-bottom: 119px;}
.idxFour li .img{padding-bottom: 718px;-webkit-transition:all 2.4s ease 0s; transition:all 2.4s ease 0s}
.idxFour li .inpageMore{-webkit-transform: translate3d(0,-20px,0);transform: translate3d(0,-20px,0);filter: brightness(0) invert(1);}
.idxFour li.li1 .inpageMore,.idxFour li.li2 .inpageMore{margin-bottom: 60px;}
.idxFour li.li3 .img,.idxFour li.li4 .img{padding-bottom: 349px;}
.idxFour li.li3 .text,.idxFour li.li4 .text{margin-bottom: 38px;}
.idxFour li.li3 .inpageMore,.idxFour li.li4 .inpageMore{margin-bottom: 30px;}
.idxFour li::after,.idxFour li::after{content:"";width:100%;height:100%;background-color:rgba(0,0,0,0.4);position:absolute;display:block;top:0;right:0;z-index:0;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
/* .idxFour li.li1::after,.idxFour li.li2::after{right: 0;opacity: 0;}
.idxFour li:hover::after,.idxFour li:hover::after{right: 0;} */
.idxFour li.li3,.idxFour li.li4{width: 28%;}
.idxFour .li3{background-color:#005bab;margin-bottom:18px;}
.idxFour .li1.cur{width:40.896%;}
.idxFour .li2.cur{width:40.896%;}
.idxFour li:hover::after,.idxFour .li1.cur::after,.idxFour .li2.cur:active{opacity: 1;}

/* 20220824 */
.fz50{font-size: 50px;}
.fz30{font-size: 30px;}
.fz45{font-size: 45px;}
.fz36{font-size: 36px;}
.fz15{font-size: 15px;}
.fz25{font-size: 25px;}
.idxbg{background: url(../images/indexnew/indexnewbg1.jpg) center top no-repeat;}
.idxOne{padding: 162px 10% 174px;color: #1a1a1a;background: rgba(255,255,255,0.8);}
.idxOne .subtitle{letter-spacing: 3px;margin-top: 22px;font-weight: 300;}

.idxTwo .TwoText{color: #fff;}
.idxTwo .TwoText .txtleft span{margin-left:24px;letter-spacing: 3px;}
.idxTwo .TwoText .txtleft span:first-child{margin-left: 0;}
.idxTwo .TwoText .txtright{letter-spacing:24px;margin-right: -18px;}
.idxTwo{padding: 80px 10%;}
/* 数字跳动 */
.idxThree{align-items: inherit;padding: 0 9% 209px;}
.idxThree .item{text-align: center;flex: 1;}
.idxThree .item .ico{height: 90px;position: relative;}
.idxThree .item .ico img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);max-height: 100%;}
.idxThree .item .text{color: #fff;line-height: 20px;margin: 10px auto 6px;width: 80%;}
.idxThree .item .number{color: #fff; margin-top: 14px;}
.idxThree .item:hover img{transform:translate(-50%,-60%);}
.idxFive{padding: 0 4% ;color: #fff;text-align: center;position: relative;}
.idxFive .item{position: relative;width: 50%;}
.idxFive::after{width: 1px;height: 194px;top: 50%;transform: translate(-50%,-50%);background: #fff;content: '';position: absolute;right: 50%;}
.idxFive .subtitle{margin-top: 40px;letter-spacing: 3px;}
.idxFive .title{letter-spacing: 4px;}
.idxFive .item a{border: 1px solid #fff;line-height: 35px;border-radius: 5px;padding: 0 10px;color: #fff;margin-top: 105px;display:inline-block;transition: 0.3s;font-weight: 300;}
.idxFive .item a:hover{transform: translateY(-8px);}
.idxbgBlue{background: rgba(12,57,112,0.4);padding-bottom: 125px;}

/* footer */
.idxfooter{position: fixed;left: 0;width: 100%;bottom: 10px;z-index: 1;font-size:12px;font-weight: lighter;}
.idxfooter .box{display: flex;justify-content: space-between;align-items: center;color: rgba(255,255,255,0.5);}
.idxfooter .box a{color: rgba(255,255,255,0.5);}
.idxfooter .box a:hover{color: #fff;}

/* banner */
.bannerIndex{width: 100%;height: 100vh;}
.bannerIndex .swiper-slide{background: none;}
/* 图片状态 */
.bannerIndex .img img{object-fit: cover;width: 100%;height: 100vh;}
.bannerIndex .slide1 .img img{transition: all 1s ease-in-out ;transform: scale(1.5);}
.bannerIndex .slide1.swiper-slide-active .img img{transform: scale(1);}
.bannerIndex .slide3 .img img{transform: scale(0);transition:0.5s}
.bannerIndex .slide3.ani-slide  .img img{transform: scale(1);}
.bannerIndex .slide5  .img img{transform: rotateX(90deg);transition:0.5s ease-in-out}
.bannerIndex .slide5.ani-slide  .img img{transform: rotateX(0);}


/* @keyframes clipRTL{
	0%{clip-path: polygon(100% 0,100% 0,100% 100%,100% 100%);}
	100%{clip-path: polygon(0 0,100% 0,100% 100%,0 100%);opacity: 1;}
}
@-webkit-keyframes clipRTL{
	0%{-webkit-clip-path: polygon(100% 0,100% 0,100% 100%,100% 100%);}
	100%{-webkit-clip-path: polygon(0 0,100% 0,100% 100%,0 100%);opacity: 1;}
} */
/* 文字状态 */
.bantxtNew{color: #fff;position: absolute;z-index: 2;transition: all 0.6s 1s;transform: translateY(80px);opacity: 0;}
.bantxtNew .lookmore{display: inline-block; position: absolute; font-size: 18px;width: 126px;box-sizing: border-box; color: #fff;opacity: 0.5; font-weight: 300;  transition: 0.4s; padding-right: 50px;border: none;padding-left: 0;bottom: -70px;/* opacity: 0;transition: all 0.6s 0.6s;ransform: translateY(80px); */}
.bantxtNew .lookmore i{position: absolute; left: 60%; top: 50%; transform: translateY(-50%); display: block; width: 19px; height: 19px; border: 1px #fff solid; border-radius: 50%; margin-left: 24px; transition: 0.4s;}
.bantxtNew .lookmore i img{position: absolute; top: 49%; left: 50%; transform: translateY(-50%); max-width: none; transition: 0.3s; filter: brightness(0) invert(1);}
.bantxtNew .lookmore:hover{ color: #8EC31F;}
.bantxtNew .lookmore:hover i{ width: 56px; height: 56px; }
.bantxtNew .lookmore:hover i img{ left: 30%; }
.bantxtNew .lookmore:hover{background: none;border: none;color: #fff;}
.bantxtNew .fz70{font-size: 70px;font-weight: bold;/* opacity: 0;transition: all 0.6s;transform: translateY(80px); */}
.bantxtNew .fz35{font-size: 30px; font-weight:lighter;/* opacity: 0;transition: all 0.6s 0.4s;transform: translateY(80px); */}
.bantxtNew.banimg1{left:12.5% ;top: 50%;transform: translateY(-30%);transition: all 0.6s 0.3s;}
.bantxtNew.banimg1 .fz70{letter-spacing: 20px;margin-bottom: 20px;}
.bantxtNew.banimg1 .fz35{letter-spacing: 10px;}
.bantxtNew.banimg2{right: 8%;text-align: right;top: 40%;transform: translateY(-80%);transition: all 0.6s 0.1s;}
.bantxtNew.banimg3{right: 8%;text-align: right;top: 50%;transform: translateY(-80%);}
.bantxtNew.banimg2 .fz70{margin-bottom: 20px;/* transition: all 0.6s 1s; */}
.bantxtNew.banimg2 .fz35,.bantxtNew.banimg3 .fz35,.bantxtNew.banimg5  .fz35{/* transition: all 0.6s 1.2s; */}
.bantxtNew.banimg2 .lookmore,.bantxtNew.banimg3 .lookmore,.bantxtNew.banimg5 .lookmore{/* transition: all 0.6s 1.3s; */}
.bantxtNew.banimg3 .fz70{line-height: 1.2;margin-bottom: 20px;/* transition: all 0.6s 1s */}
.bantxtNew.banimg4 .fz70{margin-bottom: 20px;}

.bantxtNew.banimg4{left: 8.7%;top: 48%;transform: translateY(-70%);transition: all 0.6s 0.1s;}
.bantxtNew.banimg5{right: 9%;top: 50%;transform: translateY(-70%);text-align: right;transition: all 0.6s 1s;}
.bantxtNew.banimg5  .fz70{margin-bottom: 20px;/* transition: all 0.6s 1s */;}
.bantxtNew.banimg2 .lookmore,.bantxtNew.banimg3 .lookmore,.bantxtNew.banimg5 .lookmore{right: 20px;}
.bantxtNew.banimg4 .lookmore{left: 0;}

/* active状态 */
.bannerIndex .swiper-slide-active .banimg1{transform: translateY(-50%);opacity: 1;}
.bannerIndex .swiper-slide-active .banimg2{transform: translateY(-70%);opacity: 1;}
.bannerIndex .swiper-slide-active .banimg3{transform: translateY(-70%);opacity: 1;}
.bannerIndex .swiper-slide-active .banimg4{transform: translateY(-50%);opacity: 1;}
.bannerIndex .swiper-slide-active .banimg5{transform: translateY(-55%);opacity: 1;}


@media screen and (max-width: 1800px){
	
	
	.fz45{font-size: 35px;}
	
	.fz15{font-size: 15px;}
	.fz25{font-size: 20px;}
	
}
@media screen and (max-width: 1600px){
	.idxOne,.idxTwo,.idxThree,.idxFive{padding-left: 3%;padding-right: 3%;}
	.banimg2 .flexbetween{padding:0 6% 0 11%;}
}
@media screen and (max-width: 1440px){
	
	.idxFour li .img{padding-bottom: 600px;}
	.idxFour li.li3 .img, .idxFour li.li4 .img{padding-bottom: 291px;}
	.idxFour li.li3 .text, .idxFour li.li4 .text{margin-bottom: 20px;}
	.idxFour li .wrap a .title{margin: 20px 0;}
	.idxFour li.li1 .text, .idxFour li.li2 .text{margin-bottom: 80px;}
	
	
	
}
@media screen and (max-width: 1300px){
	.idxOne,.idxTwo,.idxThree,.idxFive{padding-left: 9%;padding-right: 9%;}
	
	.idxFour li .img{padding-bottom: 500px;}
	.idxFour li.li3 .img, .idxFour li.li4 .img{padding-bottom: 241px;}
	.idxFour li .wrap a .data{padding: 5px 15px;}
	.idxFour li.li3 .text, .idxFour li.li4 .text{margin-bottom: 10px;}
	.idxFour li .wrap a .title{margin: 10px 0;}
	.idxFour li.li1 .text, .idxFour li.li2 .text{margin-bottom: 60px;}
	.idxFour .idxTitle{padding: 60px 0;}
	.idxFive{padding-left: 3%; padding-right: 3%;}
	/* 20220824 */
	
	
	.fz45{font-size: 30px;}
	
	.fz15{font-size: 14px;}
	.fz25{font-size: 17px;}
	.idxTwo .TwoText .txtright{letter-spacing: 21px;margin-right: -15px;}
	.idxTwo .TwoText .txtleft span{margin-left: 15px;}
	.idxThree .item .ico{height: 60px;}
	.idxFive .subtitle{margin-top: 20px;}
	.idxFive .item a{margin-top: 70px;}
	.idxTwo{padding-top: 130px;padding-bottom: 150px;}
	.idxThree{padding-bottom: 110px;}
	.idxbgBlue{padding-bottom: 80px;}
	.idxOne{padding-top: 90px;padding-bottom: 110px;}
	.banimg2 .flexbetween img{height: 120px;}
	.banimg2 .flexbetween .text .fz34{margin-top: 20px;}
	.fz40{font-size: 30px;}
	.fz28{font-size: 18px;}
	.banimg2 .flexbetween{padding: 0 6% 0 9%;}
	.banimg2 .flexbetween .text .fz18{margin-right: -13px;}
	.banimg2 .flexbetween .text .fz50 {	 	}
	
	.fz24{font-size: 18px;}
	.fz18{font-size: 16px;}
}
@media screen and (max-width: 1200px){
	.idxOne ul .text{width:100%;}
	.idxOne ul li{margin-bottom: 30px;}
	
}
@media screen and (max-width: 991px){
	.fz18{font-size: 16px;}
	.fz22{font-size: 18px;}
	.fz36{font-size: 25px;}
	.disflex,.flexCenter,.flexbetween{flex-wrap: wrap;}
	
	.banner .img{height: auto;padding-bottom: 70%;}
	.index .swiper-slide .fz80{font-size:50px}
	/* 202208/24 */
	.idxOne .subtitle,.idxTwo .TwoText .txtleft span{letter-spacing: 0 !important;}
	.idxTwo .TwoText .txtright{letter-spacing: 5px;margin-right: 0;}
	.idxThree .item .ico{height: 40px;}
	.idxThree .item{width: 33.3%;margin-bottom: 20px;}
	.idxThree .item .text{width: 100%;}
	.fz45{font-size: 20px;}
	.idxTwo{padding-top: 70px;padding-bottom: 80px;}
	.banimg2 .flexbetween .text .fz66{font-size: 30px;}
	.banimg1 .fz18{margin: 20px 0;}
	.idxOne, .idxTwo, .idxThree, .idxFive{padding-left: 3%;padding-right: 3%;}
	.bantxtNew .fz70{font-size: 35px;}
	.bantxtNew .fz35{font-size: 18px;}
}
@media screen and (max-width: 760px){
.index .swiper-slide .fz80{font-size:40px}
	
	.idxFour li.li1, .idxFour li.li2,.idxFour li.li3, .idxFour li.li4,.idxFour .li1.cur{width: 100% !important;}
	.idxFour li .img{padding-bottom: 65% !important;}
	.idxFour li{margin-bottom: 18px;}
	.idxFour li .wrap a .text{margin-bottom: 10px;}
	.idxFour li.li1 .inpageMore, .idxFour li.li2 .inpageMore{margin-bottom: 30px;}
	.idxFour .idxTitle{padding: 30px 0;}
	.idxFour{margin-bottom: 0;}
	/* 20220824 */
	.fz50{font-size: 18px;}
	.fz36{font-size: 16px;}
	.fz30{font-size: 14px;}
	.fz18{font-size: 12px;}
	.fz16{font-size: 12px;}
	.idxOne .subtitle{margin-top: 0;}
	.idxOne .item:first-child,.idxFive .item{margin-bottom: 20px;}
	.idxOne {padding-top: 50px;padding-bottom: 50px;	}
	.idxTwo{padding-top: 40px;padding-bottom: 50px;}
	.idxTwo .TwoText{justify-content: center;}
	.idxFive .item{width: 100%;}
	.idxFive::after{display: none;}
	.idxThree{padding-bottom: 50px;}
	.idxThree .item{flex: inherit;}
	.idxbgBlue{padding-bottom: 20px;}
	.idxFive .item a{margin-top: 20px;margin-bottom: 30px;}
	
	.banimg2 .flexbetween .text .fz50{letter-spacing: 5px;font-size: 16px;margin-right: -5px;}
	.banimg2 .flexbetween .text .fz18{font-size: 12px;letter-spacing: 1px;margin-right: 0;margin-top: 0;}
	.banimg2 .flexbetween img{height: 60px;}
	.banimg1 .fz50{font-size: 16px;}
	.banimg1 .fz18{margin: 15px 0;font-size: 12px;}
	.banimg1 a{font-size: 12px;padding: 4px 10px;}
	.banimg2 .flexbetween{padding: 0 5%;}
	.fz40{font-size: 20px;}
	.idxOne .subtitle{font-size: 12px;}
	.idxFour .fz18{font-size: 14px;}
	.bantxt{top: 60%;}
	.idxFive .item a{line-height: 28px;}
	.idxTwo .TwoText .txtleft span:first-child{margin:auto 40px;}
	.mouseDown{font-size: 12px;}
	.idxThree .item .number{margin-top: 6px;}
	.idxThree .item .text{line-height: 18px; margin: 6px auto 6px;}
	.tips{max-width: 92%;bottom: 15%;}
	
	.bantxtNew .fz70{font-size: 32px;}
	.bantxtNew .fz35{font-size: 18px; font-weight:normal;}
	.idxfooter .box{flex-wrap: wrap;}
	.idxfooter .box .left,.idxfooter .box .right{width: 100%;text-align: center;}
	.bantxtNew .lookmore{font-size: 14px;width: 108px;}
	.bantxtNew .lookmore i{left: 40%;}
	.bantxtNew.banimg1{left: 9.5%;top: 33%;}
	.bantxtNew.banimg1 .fz70{letter-spacing: 16px;margin-bottom: 10px;}
	.bantxtNew.banimg1 .fz35{letter-spacing: 3px;}
	.bantxtNew.banimg2 .fz70{margin-bottom: 10px;}
	.bantxtNew.banimg3{right: 4%;}
	.bantxtNew.banimg4{left: 4.7%;top: 40%;}
	.bantxtNew.banimg5{top: 35%;}
}