.index .btn{background:transparent;border: 1px solid #fff;color: #fff;font-size: 16px;display: inline-block;}
.index .btn a{padding:12px 25px 12px 20px;}
.index .btn img{width:20px;margin-left: 10px;transition: 0.5s;}
.index .btn:hover img{transform: translateX(10px);}

.banner{height: 95vh;}
/*banner*/
.banner{height: 100vh;overflow: hidden;    position: relative;}
.banner .swiper-slide{position: relative;overflow: hidden;}
.banner .swiper-slide .container{height: 100%;}
.banner .banimg{position: absolute; width: 100%;height: 100%;    object-fit: cover;}
.banner .content{z-index: 2;padding-bottom: 40px;overflow: hidden;}
.banner .content .title{font-size: 32px;color: #fff;}
.banner .content .ftitle{padding-bottom: 40px;padding-top: 5px;font-weight: bold;overflow: hidden;margin-bottom: 40px;}
.banner .content .ftitle *{font-size: 66px;color: #fff;}
.banner .btn{margin-bottom: 30px;}
/**/
/*banner动画*/
.banner .swiper-slide-active .bannerText .bant1 span,.banner .swiper-slide-active .btn,.banner .swiper-slide-active .ftitle img{animation-name: bannerTextD;-webkit-animation-duration: 1.2s;animation-duration: 1.2s;-webkit-animation-fill-mode: both;animation-fill-mode: both;display: inline-block;}
.banner .swiper-slide-active .bannerText .btn{animation-delay: 0.2s;}
.banner .swiper-slide-active .bannerText .bant1 span:nth-child(1){animation-delay: 0s;}
.banner .swiper-slide-active .bannerText .bant1 span:nth-child(2){animation-delay: 0.05s;}
.banner .swiper-slide-active .bannerText .bant1 span:nth-child(3){animation-delay: 0.1s;}
.banner .swiper-slide-active .bannerText .bant1 span:nth-child(4){animation-delay: 0.15s;}
.banner .swiper-slide-active .bannerText .bant1 span:nth-child(5){animation-delay: 0.2s;}
.banner .swiper-slide-active .bannerText .bant1 span:nth-child(6){animation-delay: 0.25s;}
.banner .swiper-slide-active .bannerText .bant1 span:nth-child(7){animation-delay: 0.3s;}
.banner .swiper-slide-active .bannerText .bant1 span:nth-child(8){animation-delay: 0.35s;}
.banner .swiper-slide-active .bannerText .bant1 span:nth-child(9){animation-delay: 0.4s;}
.banner .swiper-slide-active .bannerText .bant1 span:nth-child(10){animation-delay: 0.45s;}
.banner .swiper-slide-active .bannerText .bant1 span:nth-child(11){animation-delay: 0.5s;}
.banner .swiper-slide-active .bannerText .bant1 span:nth-child(12){animation-delay: 0.55s;}
.banner .swiper-slide-active .bannerText .bant1 span:nth-child(13){animation-delay: 0.6s;}
.banner .swiper-slide-active .bannerText .bant1 span:nth-child(14){animation-delay: 0.65s;}
.banner .swiper-slide-active .bannerText .bant1 span:nth-child(15){animation-delay: 0.7s;}
.banner .swiper-slide-active .bannerText .bant1 span:nth-child(16){animation-delay: 0.75s;}
.banner .swiper-slide-active .bannerText .bant1 span:nth-child(17){animation-delay: 0.8s;}
.banner .swiper-slide-active .bannerText .bant1 span:nth-child(18){animation-delay: 0.85s;}
.banner .swiper-slide-active .bannerText .bant1 span:nth-child(19){animation-delay: 0.9s;}
.banner .swiper-slide-active .bannerText .bant1 span:nth-child(20){animation-delay: 0.95s;}
.banner .swiper-slide-active .bannerText .bant1 span:nth-child(21){animation-delay: 1s;}
.banner .swiper-slide-active .bannerText .bant1 span:nth-child(22){animation-delay: 1.05s;}
.banner .swiper-slide-active .bannerText .bant1 span:nth-child(23){animation-delay: 1.1s;}

@keyframes bannerTextD{0% {opacity: 0;transform: translate3d(0, 100%, 0);}100% {opacity: 1;transform: none;}}

.banner .swiper-slide .banimg{transform: scale(1.3)!important;transition: 4s!important;}
.banner .swiper-slide-active .banimg{transform: scale(1)!important; }

/**/
.banner .bannerPage{width: 100%;max-width: 1600px;padding: 0 40px;position: absolute;bottom: 80px;display: flex;align-items: center;z-index: 2;}
.banner .bannerPage>span{color: #fff;font-size: 18px;padding: 0 13px;}
.banner .swiper-pagination{position: relative;display: flex;align-items: center;padding: 0 3px;}
.banner .swiper-pagination span{width: 25px;height: 2px;border-radius:0;background: rgba(255,255,255);}
.banner .swiper-button-prev,.banner .swiper-button-next{display: inline-block;position: relative;width: 22px;height: 22px;margin-top: 0;left: 0;right: 0;}
.banner .swiper-button-prev{background: url(../img/bannerbtnL.png)no-repeat center;background-size: contain;}
.banner .swiper-button-next{background: url(../img/bannerbtnR.png)no-repeat center;background-size: contain;}


@media(max-width:767px) {
	.banner .content .title{font-size: 18px;}
	.banner .content .ftitle{padding-bottom: 50px;margin-bottom: 0;}
	.banner .content .ftitle *{font-size: 38px;}
	.banner .btn{font-size: 16px;margin-bottom: 30px;}
	.banner .btn a{padding:11px 22px 11px 18px;}
	.banner .btn img{width:18px;margin-left: 7px;}
	
	.banner .bannerPage{padding: 0 20px;}
	.banner .swiper-button-prev,.banner .swiper-button-next{width: 20px;height: 20px;}
	.banner .bannerPage>span{padding: 0 5px;}
	.banner .swiper-pagination{padding: 0 2px;}
}


/**/
.xian{width: 30px;height: 2px;background: #333333;display: inline-block;margin-left: 10px;}
.index_title .title1{font-weight: bold;color: #333;}
.index_title .title2{font-weight: bold;color: #003870;line-height: 1.3;}
.button{color: #fff;font-size: 20px;}
.button a{padding:13px 55px 13px 38px;display: inline-block;background: linear-gradient(to right, #003870 0% 86%, #036EB2 86% 93%,#2CA1DB 93% 100%);font-size: 18px;}
.button a:hover{
    -webkit-animation: anim-moema-1 0.4s forwards;
    animation: anim-moema-1 0.4s forwards;
}
@keyframes anim-moema-1{60% {-webkit-transform: scale3d(0.8, 0.8, 1);transform: scale3d(0.8, 0.8, 1);}
85% {-webkit-transform: scale3d(1.1, 1.1, 1);transform: scale3d(1.1, 1.1, 1);}
100% {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
}


#box-1 .content{display: flex;flex-wrap: wrap;}
#box-1 .left{width: 45%;}
#box-1 .des{color: #333;font-size: 18px;line-height: 2;margin: 40px 0 60px 0;text-align: justify;text-indent: 2em;}
#box-1 .number{background: url(../img/bjnumber.png) no-repeat center center;background-size: cover;padding: 40px;margin-top: 100px;display: flex;flex-wrap: wrap;}
#box-1 .number li:nth-child(1)::after {content: "";width: 1px;height: 80%;background: #D2D2D2;position: absolute;right: 15%;top: 10%;}
#box-1 .number li:nth-child(1) {width: 45%;position: relative;}
#box-1 .number li:nth-child(2) {width: 55%;}
#box-1 .number li div{height: 55px;font-size: 46px;font-weight: bold;color: #003870;overflow: hidden;line-height: 1;display: flex;align-items: center;}
#box-1 .number .num{position: relative;display: inline-block;width: 30px;height: 100%;top: 10%;}
#box-1 .number .num i{position: absolute;font-style: initial;}

#box-1 .number .num1{transform: translateY(-100%);}
#box-1 .number .num2{transform: translateY(-900%);}
#box-1 .number .num3{transform: translateY(-500%);}
#box-1 .number .num4{transform: translateY(0px);}
#box-1 .number .num5{transform: translateY(-100%);}
#box-1 .number .num6{transform: translateY(0px);}
#box-1 .number .run.num1{animation: num1 1.5s forwards;}
#box-1 .number .run.num2{animation: num2 1.5s forwards;}
#box-1 .number .run.num3{animation: num3 1.5s forwards;}
#box-1 .number .run.num4{animation: num4 1.5s forwards;}
#box-1 .number .run.num5{animation: num5 1.5s forwards;}
#box-1 .number .run.num6{animation: num6 1.5s forwards;}
#box-1 .number li i{position: absolute;}
#box-1 .number li i:nth-child(2){top:100%;}
#box-1 .number li i:nth-child(3){top:200%;}
#box-1 .number li i:nth-child(4){top:300%;}
#box-1 .number li i:nth-child(5){top:400%;}
#box-1 .number li i:nth-child(6){top:500%;}
#box-1 .number li i:nth-child(7){top:600%;}
#box-1 .number li i:nth-child(8){top:700%;}
#box-1 .number li i:nth-child(9){top:800%;}
#box-1 .number li i:nth-child(10){top:900%;}
@keyframes num1{0%{transform: translateY(0%);} 60%{transform: translateY(-900%);}80%{transform: translateY(0px);} 100%{transform: translateY(-100%);}}
@keyframes num2{0%{transform: translateY(0%);} 60%{transform: translateY(-900%);}80%{transform: translateY(0px);} 100%{transform: translateY(-900%);}}
@keyframes num3{0%{transform: translateY(0%);} 60%{transform: translateY(-900%);}80%{transform: translateY(0px);} 100%{transform: translateY(-500%);}}
@keyframes num4{0%{transform: translateY(0%);} 60%{transform: translateY(-900%);}80%{transform: translateY(0px);} 100%{transform: translateY(0px);}}
@keyframes num5{0%{transform: translateY(0%);} 60%{transform: translateY(-900%);}80%{transform: translateY(0px);} 100%{transform: translateY(-100%);}}
@keyframes num6{0%{transform: translateY(0%);} 60%{transform: translateY(-900%);}80%{transform: translateY(0px);} 100%{transform: translateY(-0%);}}

#box-1 .number li p{font-size: 16px;color: #797979;padding-top: 8px;}
#box-1 .number li div span{white-space: pre;}
#box-1 .right{width: 48%;}

#box-2{background: url(../img/sybox2.png) no-repeat center center;background-size: cover;}
#box-2 .content{margin-left:50px;overflow: hidden;margin-right: -75%;position: relative;}
#box-2 ul{padding-left: 10px;}
#box-2 li{padding: 0 35px;height: auto;}
#box-2 .xian{background: #fff;}
#box-2 *{color: #fff;}
#box-2 .left{width: 55%;position: relative;padding-top: 38%;}
#box-2 .left img{width: 100%;position: absolute;top: 0;height: 100%;object-fit: cover;}
#box-2 .right{width: 40%;}
#box-2 .right .des{padding: 80px 0 60px 0;text-align: justify;}
#box-2 .right .des>p:nth-child(1){padding-bottom: 20px;}
#box-2 .right .des>div{line-height: 1.8;text-indent: 2em;color: rgba(255,255,255,0.8);height: 7.2vw;overflow-y: auto;padding-right: 20px;margin-right: -20px;}
/*滚动条*/
#box-2 .right .des>div::-webkit-scrollbar{width:2px;background-color:rgba(255, 255, 255, .1);border-radius:5px;}
#box-2 .right .des>div::-webkit-scrollbar-thumb{width:2px;background-color:#fff;border:1px solid #fff;border-radius:5px;}

#box-2 .swiper-button-prev,#box-2 .swiper-button-next{width: 70px;height:70px;background-size: cover;top: 45%;transition: 0.5s;}
#box-2 .swiper-button-prev{background: url(../img/sybox2btnl.png) no-repeat center center;left: 15px;background-size: contain;}
#box-2 .swiper-button-next{background: url(../img/sybox2btnr.png) no-repeat center center;right: 44.8%;background-size: contain;}
#box-2 .swiper-button-prev:hover{transform: translateX(-10px);}
#box-2 .swiper-button-next:hover{transform: translateX(10px);}

#box-3 .sybox3{position: relative;overflow: hidden;}
#box-3 ul{margin-top: 60px;}
#box-3 .img{overflow: hidden;display: flex;position: relative;padding-top: 65%;}
#box-3 .img a{position: absolute;width: 100%;height: 100%;top: 0;display: block;}
#box-3 .img img{width: 100%;height: 100%;object-fit: cover;}
#box-3 .time{padding: 30px 0 15px 0;}
#box-3 .title{font-size: 24px;font-weight: bold;color:#333;}
#box-3 hr{background: rgba(0, 0, 0, 0.05);border:none;height:2px; margin: 20px 0;position: relative;}
#box-3 hr::after{content: '';width: 0%;height: 100%;background-color: #003870;position: absolute;transition: 0.5s;}
#box-3 .more{font-size: 16px;color: rgba(0, 0, 0, 0.2);}
#box-3 .more img{width: 25px;transform: none!important;margin-left: 5px;}
#box-3 li:hover .title{color:#003870;}
#box-3 li:hover hr::after{width: 100%;}
#box-3 li:hover .more{color:#003870;}
#box-3 li:hover .more img{content: url("../img/syxwjtl.png");}

#box-4{background: url(../img/sybox4.png) no-repeat center center;background-size: cover;padding: 80px 0;}
#box-4 .contnet{margin-bottom:-78px;}
#box-4 .sybox4{position: relative;overflow: hidden;padding-top: 120px;}
#box-4 .img{overflow: hidden;display: flex;}
#box-4 .swiper-button-prev,#box-4 .swiper-button-next{top:28px;width: 60px;height: 60px;}
#box-4 .swiper-button-prev{background: url(../img/sykhjt2.png) no-repeat center center;background-size: contain;right: 85px;left: auto;}
#box-4 .swiper-button-prev:hover{background: url(../img/sykhjt4.png) no-repeat center center;background-size: contain;}
#box-4 .swiper-button-next{background: url(../img/sykhjt1.png) no-repeat center center;background-size: contain;right: 0px;}
#box-4 .swiper-button-next:hover{background: url(../img/sykhjt3.png) no-repeat center center;background-size: contain;}


@media (min-width:1199px) and (max-width:1600px){
	#box-1 .number{padding: 35px;}
	#box-1 .number .num{top: 14%;}
	#box-1 .number li div{font-size: 40px;}
	#box-2 .content {margin-left: 10px;}
	#box-2 .right .des{padding: 40px 0 50px 0;}
}
@media (min-width:1199px) and (max-width:1380px){
	.index_title .title2 {font-size: 46px;}
	#box-1 .number{padding: 35px;}
	#box-1 .number li:nth-child(1)::after {right: 9%;}
}

@media (min-width:767px) and (max-width:1199px){
	.xian {width: 20px;margin-left: 5px;}
	.index_title .title1{font-size: 14px;}
	.index_title .title2{font-size: 36px;}
	#box-1 .des{font-size: 16px;line-height: 1.7;margin: 25px 0 45px 0;}
	#box-1 .number {padding: 30px 20px;margin-top: 75px;}
	#box-1 .number .num {width: 20px;}
	#box-1 .number li div {font-size: 28px;height: 35px;}
	#box-1 .number li:nth-child(1)::after {top: 18%;height: 70%;}
	
	#box-2 .content {margin-left: 10px;margin-right: 10px;}
	#box-2 ul {padding-left: 0px;}
	#box-2 li{padding: 0 15px;}
	.index_title .title2 {font-size: 30px;}
	#box-2 .right .des{padding: 30px 0 50px 0;}
	#box-2 .right .des>div{height: 8vw;padding-right: 20px;margin-right: 0px;}
	#box-2 .right .des>p:nth-child(1) {font-size: 24px;}
	#box-2 .swiper-button-prev,#box-2 .swiper-button-next{width: 55px;height:55px;}
	#box-2 .swiper-button-prev{left: 3.2%;}
	#box-2 .swiper-button-next{right: 47%;}
	
	#box-3 .time{padding: 25px 0 10px 0;}
	#box-3 .title{font-size: 22px;}
	#box-3 hr{margin: 20px 0;}
	#box-3 .more {font-size: 15px;}
	#box-3 .more img{width: 23px;}
	
	#box-4 .swiper-button-prev, #box-4 .swiper-button-next {top: 40px;width: 55px;height: 55px;}
	
}
@media (max-width:767px){
	.button a{font-size: 16px;}
	.index .btn a {padding: 11px 25px 10px 20px;}
	.index_title .title2 {line-height: 1.5;}
	#box-1 .left{width: 100%;}
	.xian {width: 20px;margin-left: 5px;}
	.index_title .title1{font-size: 14px;}
	.index_title .title2{font-size: 36px;}
	.banner {height: 97vh;}
	#box-1 .des{font-size: 16px;line-height: 1.7;margin: 25px 0 45px 0;}
	#box-1 .number {padding:30px 20px 30px 20px;margin-top: 60px;}
	#box-1 .number .num {width: 16px;}
	#box-1 .number li{overflow: hidden;}
	#box-1 .number li div {font-size: 24px;height: 29px;}
	#box-1 .number li:nth-child(1)::after {top: 18%;height: 70%;right: 17%;}
	#box-1 .number li p {font-size: 15px;padding-top: 3px;}
	#box-1 .right {width: 100%;margin-top: 50px;}
	
	#box-2 .left {width: 100%;height: 235px;}
	#box-2 .right {width: 100%;margin-top: 35px;}
	#box-2 .content {margin-left: 0px;margin-right: 0%;padding-bottom: 80px;}
	#box-2 ul {padding-left: 0px;}
	#box-2 li{padding: 0 20px;}
	.index_title .title2 {font-size: 30px;}
	#box-2 .right .des{padding: 20px 0 40px 0;}
	#box-2 .right .des>div{height: 150px;padding-right: 15px;margin-right: 0px;}
	#box-2 .right .des>p:nth-child(1) {font-size: 24px;padding-bottom: 15px;}
	#box-2 .btnBlock{text-align: center;}
	#box-2 .swiper-button-prev,#box-2 .swiper-button-next{display: none;}
	#box-2 .swiper-pagination{width: 100%;text-align: center;bottom: 0px;}
	#box-2 .swiper-pagination-bullet {width: 10px;height: 10px;background: #fff;margin: 0 3px;}
	
	#box-3 .index_title .title1{justify-content: center;}
	#box-3 .index_title .title2{text-align: center;}
	#box-3 .index_title{width: 100%;}
	#box-3 ul {margin-top: 40px;}
	#box-3 .time{padding: 25px 0 10px 0;}
	#box-3 .title{font-size: 20px;}
	#box-3 hr{margin: 15px 0;}
	#box-3 .more {font-size: 15px;}
	#box-3 .more img{width: 23px;}
	#box-3 .sybox3{padding-bottom: 75px;}
	#box-3 .swiper-pagination{width: 100%;text-align: center;bottom: 0px;}
	#box-3 .swiper-pagination-bullet {width: 10px;height: 10px;background: #003870;margin: 0 3px;}
	#box-3 .button.SJBlock{text-align: center;margin-top: 50px;}
	
	#box-4 {padding: 60px 0;}
	#box-4 .sybox4 {padding-top: 110px;}
	#box-4 .swiper-button-prev, #box-4 .swiper-button-next {top: 40px;width: 50px;height: 50px;}
	#box-4 .swiper-button-prev {right: 65px;}
	
}