/*banner*/
.banner{overflow: hidden;position: relative;}
.banner .swiper-slide{position: relative;overflow: hidden;}
.banner li img{transition:2s;}
.banner .swiper-slide-active img{transform: scale(1.05);}
.banner .swiper-pagination{bottom: 33px;position: absolute!important;width: 100%;}
.banner .swiper-pagination span{border-color: #fff;border-width: 1px;}
.banner .swiper-pagination .swiper-pagination-bullet-active{background: #fff;}

#box-1{background: #fff;}
#box-1 .left{width: 44.5%;}
#box-1 .left .title{font-size: 48px;color: #222;font-weight: bold;line-height: 1.15;}
#box-1 .left .desc{margin-top: 25px;}
#box-1 .left .desc p{font-size: 18px;color: #222;text-align: justify;line-height: 1.4;}
#box-1 .left .number{width: 94%;position: relative;margin-top: 70px;}
#box-1 .left .number .xian{width: 1px;height: 60%;background: rgba(13, 4, 8, 0.2);position: absolute;top: 20%;left: 23%;}
#box-1 .left .number .xian:nth-child(2){left: 65%;}
#box-1 .left .number .num_desc{font-size: 36px;color: #203B27;line-height: 1.2;}
#box-1 .left .number .num_text{font-size: 18px;color: #666;}
#box-1 .left .number li{text-align: center;}
#box-1 .left .number li:nth-child(1){text-align: left;}
#box-1 .btn{margin-top: 70px;}
#box-1 .right{width: 44.7%;}
#box-1 .right .img{border-radius: 30px;overflow: hidden;}


#box-2 {padding-bottom: 10px;}
#box-2 .content{margin-top: 70px;}
#box-2 .content_box1 .box1{width: calc(100% - 120px);}
#box-2 .content_box1 .img{margin-top: -50px;width: 120px;}
#box-2 .content_box1 .img img{width: 100%;}
/* #box-2 .box1*/
#box-2 .box1{padding: 0 40px 0 15px;}
#box-2 .box1 p img{margin-right:10px;width:33px;}
#box-2 .box1 p{display: flex;align-items: center;flex-wrap: wrap;margin: 0 -18px;font-size: 22px;color: #222;}
#box-2 .box1 ul{margin-top: 16px;overflow: inherit;position: relative;}
#box-2 .box1 ul::before{content: '';width: 100%;height: 2px;position: absolute;top: -1px;background: url(../img/index_box2_xian.png) top center / contain no-repeat;}
#box-2 .box1 li{position: relative;cursor: pointer;width: 27.5%;}
#box-2 .box1 li:nth-child(4){width: 17.5%;}
#box-2 .box1 li>div{margin-top:45px}
/*线*/
#box-2 .box1 li::before{content:'';width: 100%;border-top: 2.5px solid #203B27;position: absolute;top: -2px; }
#box-2 .box1 li.swiper-slide-thumb-active~li::before{width:0%;}
#box-2 .box1 li.swiper-slide-thumb-active::before{width: 101%;transition: 0.5s;}
#box-2 .box1 li:nth-child(4).swiper-slide-thumb-active::before{width: 100%;transition: 0.5s;}
/*数字*/
#box-2 .box1 li::after{z-index:2;font-size: 24px;font-weight: bold;width: 50px;height: 50px;text-align: center;position: absolute;top: -26px;left:-18px;border-radius: 50%;background: #203B27;transform: scale(1);transition: 0.5s;color: #FEFEFE;display: flex;align-items: center;justify-content: center;}
#box-2 .box1 li:nth-child(1)::after{content:'01';}
#box-2 .box1 li:nth-child(2)::after{content:'02';}
#box-2 .box1 li:nth-child(3)::after{content:'03';}
#box-2 .box1 li:nth-child(4)::after{content:'04';}
#box-2 .box1 li.swiper-slide-thumb-active::after{transform: scale(1);}
#box-2 .box1 li.swiper-slide-thumb-active~li::after{transform: scale(0);}
/*点*/
#box-2 .box1 li>div::before{content:'';width:15px;height:15px;position: absolute;top: -9px; left:0px;border: 2px solid #203B27;border-radius: 50%;display:block;background:#F8F6F1;opacity: 1;transition: 0.5s;}
#box-2 .box1 li:nth-child(4).swiper-slide-thumb-active>div::before{opacity: 0;}

/* #box-2 .box2*/
#box-2 .content_box2{margin-top: 70px;position: relative;padding-bottom: 10px;}
#box-2 .content_box2 .img{width: 100%;}
#box-2 .box2{margin: 0 -2px;position: relative;overflow: hidden;}
#box-2 .box2 li{padding: 0 2px;}
#box-2 .box2 .img{border-radius: 30px;overflow: hidden;display: flex;}
#box-2 .box2 li .img img{min-height: 500px;object-fit: cover;}
#box-2 .box2 .text{position: absolute;bottom: 0px;width: 60%;padding: 70px;z-index: 2;max-width: 740px;}
#box-2 .box2 .text .title p{color: #fff;font-size: 56px;line-height: 1.1;padding-bottom: 10px;}
#box-2 .box2 .text .desc{margin-top: 20px;}
#box-2 .box2 .text .desc p{color: #fff;font-size: 18px;line-height: 1.3;display: inline-block;position: relative;}

#box-2 .content_box2 .swiper-button-prev,#box-2 .content_box2 .swiper-button-next{width: 64px;height: 64px;}
#box-2 .content_box2 .swiper-button-prev{left: -100px!important;background: url(../img/67010_16661699220372.png) no-repeat center center;background-size: contain;}
#box-2 .content_box2 .swiper-button-next{right: -100px!important;background: url(../img/67010_16661699374993.png) no-repeat center center;background-size: contain;}
@keyframes RC_btD {
    0% {transform: scale(1);}
    16% {transform: scale(0.8);}
    34% {transform: scale(1);}
    50% {transform: scale(0.8);}
    68% {transform: scale(1);}
    88% {transform: scale(0.8);}
    100% {transform: scale(1);}
}


#box-3{padding-bottom: 95px;}

#box-4{padding-top: 0;padding-bottom: 0;}
#box-4 .block01{padding:45px 0px 70px 0px;background: #fff;border-radius: 25px;overflow: hidden;margin-top: 55px;}
#box-4 .box1{padding:0px 15px 0px 60px;}
#box-4 .box1 ul{display: flex;flex-wrap: wrap;}
#box-4 .box1 ul li{width: 33.3%;padding:50px 3.2%;}
#box-4 .box1 ul li>div{display: flex;transition: 0.5s;}
#box-4 .box1 ul li>div:hover{transform: translateY(-10px);}
#box-4 .box1 ul li .title_num{font-size: 60px;width: 105px;}
#box-4 .box1 ul li .title_num span{padding-left: 5px;}
#box-4 .box1 ul li .content{width:calc(100% - 105px);}
#box-4 .box1 ul li .content .title p{font-size: 23px;line-height: 1.22;position: relative;z-index: 1;}
#box-4 .box1 ul li .content .title .t1{color: #00643C;font-weight: bold;}
#box-4 .box1 ul li .content .ftitle{font-size: 16px;color: #999;padding-top: 7px;}
#box-4 .btn{margin-top: 27px;}


#box-5 .block01{position: relative;margin-top: 50px;}
#box-5 .block01 .content{width: 32%;position: absolute;bottom: 14.5%;right: 20%;background: #F9F8F3;border-radius: 30px;overflow: hidden;padding: 4% 3.65% 5.7% 3.65%;max-width: 515px;z-index: 2;}
#box-5 .block01 .content .title{font-size: 36px;color: #222;font-weight: bold;}
#box-5 .block01 .content .desc{margin-top: 15px;}
#box-5 .block01 .content .desc p{font-size: 18px;text-align: justify;line-height: 1.4;}
#box-5 .block01 .content .number{margin-top: 20%;position: relative;}
#box-5 .block01 .content .number::after{content: '';background: #193C28;border-radius: 1px;width: 2px;height: 66%;position: absolute;left: 40%;top: 17%;}
#box-5 .block01 .content .num_desc{font-size: 36px;color: #203B27;line-height: 1.15;letter-spacing: 1px;}
#box-5 .block01 .content .num_text{font-size: 18px;text-align: center;}
#box-5 .box1{position: relative;overflow: hidden;margin: 0 -56.8%;}
#box-5 .box1>ul>li{padding: 0 0.77%;}
#box-5 .box1 li>div{transform: scale(0.8);transition: 0.5s;position: relative;}
#box-5 .box1 li.swiper-slide-active>div{transform: scale(1);}
#box-5 .box1 li .img{overflow: hidden;border-radius: 30px;}
#box-5 .swiper-button-prev{left: 30.8%;top: 47%;}
#box-5 .swiper-button-next{right: 30.8%;top: 47%;}


#box-6{padding-top: 55px;} 
#box-6 .box1{margin: 70px -43px 0 -43px;}
#box-6 .box1 li{padding: 0 43px;}
#box-6 .box1 li>a{display: block;}
#box-6 .box1 li .img{border-radius: 30px;overflow: hidden;padding-top: 82%;position: relative;}
#box-6 .box1 li .img img{width: 100%;height: 100%;object-fit: cover;position: absolute;top: 0;left: 0;transition: 0.5s;}
#box-6 .box1 li>a:hover .img img{transform: scale(1.05);}
#box-6 .box1 li .content{padding: 0 15px 0 10px;}
#box-6 .box1 li .title{font-size: 24px;color: #222;font-weight: bold;margin-top: 25px;}
#box-6 .box1 li>a:hover .title{color: #193C28;}
#box-6 .box1 li .desc{margin-top: 2px;}
#box-6 .box1 li .desc p{font-size: 16px;color: #9C9D9A;}
#box-6 .box1 li .time_ckgd{margin-top: 40px;}
#box-6 .box1 li .time{font-size: 18px;color: #FF6419;}
#box-6 .box1 li .ckgd{font-size: 16px;color: #999;}
#box-6 .box1 li .ckgd img{width: 20px;margin-left: 10px;}
#box-6 .btn{margin-top: 87px;}
#box-6 .btn .button,#box-6 .btn .button::after{background: #F8F6F1;}


@media (min-width:1500px) and (max-width:1800px){
	#box-5 .block01 .content{bottom: 10%;}
}
@media (min-width:1199px) and (max-width:1500px){
	#box-1 .left ,#box-1 .right{width: 46.5%;}
	#box-1 .left .title {font-size: 45px;line-height: 1.2;}
	
	#box-4 .box1{padding:0px 3.8%;}
	#box-4 .box1 ul li {padding: 47px 2.2%;}
	#box-4 .box1 ul li .title_num {font-size: 50px;width: 90px;}
	#box-4 .box1 ul li .content {width: calc(100% - 90px);}
	#box-4 .box1 ul li .content .title p{line-height: 1.2;}
	
	#box-5 .block01 .content{bottom: 11.5%;padding: 4% 3.65% 5% 3.65%;}
	#box-5 .block01 .content .title,#box-5 .block01 .content .num_desc{font-size: 32px;}
	#box-5 .block01 .content .desc p,#box-5 .block01 .content .num_text{font-size: 16px;}
	#box-5 .block01 .content .number {margin: 50px -5px 0 -5px;}
	#box-5 .block01 .img img{min-height: 550px;}
	
	#box-6 {padding-top: 35px;}
	#box-6 .box1 {margin: 70px -25px 0 -25px;}
	#box-6 .box1 li {padding: 0px 25px;}
	
}
@media (min-width:1199px) and (max-width:1380px){
	#box-4 .box1 {padding: 0px 2.6%;}
	#box-4 .box1 ul li {padding: 47px 2%;}
	#box-4 .box1 ul li .content .title p {font-size: 20px;}
	#box-4 .box1 ul li .content .ftitle {font-size: 15px;}
	#box-5 .swiper-button-prev{left: 30.6%;}
	#box-5 .swiper-button-next{right: 30.6%;}
}
@media (min-width:767px) and (max-width:1199px){
	#box-1 .left ,#box-1 .right{width: 46.5%;}
	#box-1 .left .title {font-size: 32px;line-height: 1.25;}
	#box-1 .left .desc {margin-top: 20px;}
	#box-1 .left .desc p{font-size: 15px;}
	#box-1 .left .number {width: 96%;margin-top: 50px;}
	#box-1 .left .number .num_desc {font-size: 26px;}
	#box-1 .left .number .num_text {font-size: 15px;}
	#box-1 .left .number .xian:nth-child(2) {left: 67%;}
	#box-1 .btn {margin-top: 50px;}
	#box-1 .right .img {border-radius: 20px;}
	
	#box-2 .content {margin-top: 60px;}
	#box-2 .box1 li::after {font-size: 22px;width: 45px;height: 45px;top: -24px;left: -15px;}
	#box-2 .box1 li>div {margin-top: 40px;}
	#box-2 .box1 li>div::before {width: 13px;height: 13px;top: -7px;}
	#box-2 .box1 p {font-size: 18px;}
	#box-2 .content_box2 {margin-top: 60px;}
	#box-2 .box2 .text{padding: 50px;}
	#box-2 .box2 .text .title p{font-size: 45px;line-height: 1.1;}
	#box-2 .box2 .text .desc p{font-size: 17px;}
	
	#box-3 {padding-bottom: 80px;}
	
	#box-4 .block01 {padding: 45px 0px 55px 0px;}
	#box-4 .box1{padding:0px 2.1%;}
	#box-4 .box1 ul li {padding: 35px 1.7%;}
	#box-4 .box1 ul li .title_num {font-size: 38px;width: 65px;}
	#box-4 .box1 ul li .title_num span {padding-left: 3px;}
	#box-4 .box1 ul li .content {width: calc(100% - 65px);}
	#box-4 .box1 ul li .content .title p {font-size: 18px;line-height: 1.3;}
	#box-4 .box1 ul li .content .ftitle {font-size: 14px;}
	#box-4 .btn {margin-top: 15px;}
	
	#box-5 .block01 .content{bottom: 11%;width: 43%;border-radius: 20px;max-width: 368px;padding: 3.8% 3.65% 4.8% 3.65%;}
	#box-5 .block01 .content .desc {margin-top: 10px;}
	#box-5 .block01 .content .title,#box-5 .block01 .content .num_desc{font-size: 26px;}
	#box-5 .block01 .content .desc p,#box-5 .block01 .content .num_text{font-size: 14px;}
	#box-5 .block01 .content .number {margin-top: 12%;}
	#box-5 .box1 li .img{border-radius: 25px;}
	#box-5 .box1 li .img img{min-height: 420px;}
	#box-5 .swiper-button-prev{left: 30.6%;}
	#box-5 .swiper-button-next{right: 30.6%;}
	
	#box-6 {padding-top: 20px;}
	#box-6 .box1 {margin: 50px -20px 0 -20px;}
	#box-6 .box1 li {padding: 0px 20px;}
	#box-6 .box1 li .img{border-radius: 25px;}
	#box-6 .box1 li .content {padding: 0 10px;}
	#box-6 .box1 li .title {font-size: 20px;}
	#box-6 .box1 li .desc {margin-top: 4px;}
	#box-6 .box1 li .desc p {font-size: 15px;}
	#box-6 .box1 li .time,#box-6 .box1 li .ckgd {font-size: 16px;}
	#box-6 .box1 li .ckgd img {width: 17px;margin-left: 7px;}
	#box-6 .btn {margin-top: 65px;}
}

@media (min-width:767px) and (max-width:850px){
	#box-1 .box1{align-items: flex-start;}
	#box-1 .left .title {font-size: 28px;}
	#box-1 .left .desc p{font-size: 14px;}
	#box-1 .left .number {width: 100%;}
	#box-1 .left .number .num_desc {font-size: 20px;}
	#box-1 .left .number .num_text {font-size: 14px;}
	
	
}
@media (min-width: 700px)and (max-width: 850px){
   #box-2 .box1 li>div::before{left: -7px;}
   #box-2 .box1 li p{font-size: 15px;}
   #box-2 .box1 li p img{width:23px;margin-right:5px;}
   #box-2 .box1 li::after {font-size:16px;width: 40px;height: 40px;position: absolute;top: -21px;left: -20px;line-height: 40px;}
   #box-2 .box2 .img {border-radius: 20px;}
   #box-2 .box2 .text{width: 82%;}
   #box-2 .box2 .text .title p {font-size: 42px;}
   #box-2 .box2 .text .desc {margin-top: 15px;}
   
}

@media (max-width: 850px){
	#box-4 .box1 {padding: 0px 5%;}
	#box-4 .box1 ul li{width: 50%;}
	#box-4 .box1 ul li .content .title p {font-size: 20px;}
	
	#box-5 .block01 .content {right: 22%;bottom: 11.5%;}
	#box-5 .box1>ul>li {padding: 0 1.2%;}
	#box-5 .swiper-button-prev{left: 30.3%;}
	#box-5 .swiper-button-next{right: 30.3%;}
	
	#box-6 .box1 {margin: 50px -25px 0 -25px;}
	#box-6 .box1 li {padding: 0px 15px;}
	#box-6 .box1 li .content{padding: 0 5px;}
}
@media (max-width:767px){
	.banner {padding-top: 55px;}
	.banner .swiper-pagination{bottom: 10px;}
	
	#box-1 .left,#box-1 .right{width: 100%;}
	#box-1 .left .title {font-size: 28px;line-height: 1.3;}
	#box-1 .left .desc {margin-top: 20px;}
	#box-1 .left .desc p{font-size: 15px;}
	#box-1 .left .number {width: 100%;margin-top: 45px;}
	#box-1 .left .number .num_desc {font-size: 22px;}
	#box-1 .left .number .num_text {font-size: 15px;}
	#box-1 .left .number .xian{display: none;}
	#box-1 .btn {margin-top: 45px;}
	#box-1 .right{margin-top: 45px;}
	#box-1 .right .img {border-radius: 15px;}
	
	#box-2{padding-bottom: 0;}
	#box-2 .content {margin-top: 45px;}
	#box-2 .box1 li img{width:16px;}
	#box-2 .box1 li::after{font-size:20px;width: 35px;height: 35px;text-align: center;position: absolute;top: -20px;left:-10px;line-height: 35px;}
	#box-2 .box3{margin: 0 -15px;position: relative;overflow: hidden;}
	#box-2 .box3 ul{padding-bottom: 30px;}
	#box-2 .box3 li{padding: 0 15px;}
	#box-2 .box3 li .num01{text-align: center;padding-bottom: 12px;}
	#box-2 .box3 li .num01 p{background: #203B27;border-radius: 50%;width: 38px;height: 38px;color: #fff;font-size: 20px;display: inline-flex;align-items: center;justify-content: center;}
	#box-2 .box3 li .img{border-radius: 15px;overflow: hidden;}
	#box-2 .box3 li .title{color: #333;font-size: 20px;font-weight: bold;line-height: 1.5;padding-bottom: 15px;}
	#box-2 .box3 li .title img{width: 30px;margin-right: 8px;}
	#box-2 .box3 li .desc p{text-align: center;color: #727272;font-size: 15px;line-height: 1.5;padding-top: 15px;}
	#box-2 .box3 li .btn{text-align: center;}
	#box-2 .swiper-pagination{margin-top: 15px;}
	
	#box-3 {padding-bottom: 60px;}
	
	#box-4 .block01 {padding: 30px 0px 45px 0px;border-radius: 15px;margin-top: 45px;}
	#box-4 .box1 {padding: 0px 8%;}
	#box-4 .box1 ul li{width: 100%;padding: 17px 0;}
	#box-4 .box1 ul li .title_num {font-size: 32px;width: 65px;}
	#box-4 .box1 ul li .title_num span {padding-left: 2px;}
	#box-4 .box1 ul li .content {width: calc(100% - 65px);}
	#box-4 .box1 ul li .content .title p {font-size: 17px;line-height: 1.3;}
	#box-4 .box1 ul li .content .ftitle {font-size: 14px;}
	#box-4 .btn {margin-top: 15px;}
	
	#box-5 .block01{position: relative;padding: 0 20px;margin-top: 45px;}
	#box-5 .box1{margin: 0 -15px;}
	#box-5 .box1>ul>li {padding: 0 15px;}
	#box-5 .box1 li>div{transform: scale(1);}
	#box-5 .box1 li .img{border-radius: 15px;}
	#box-5 .block01 .content{position: relative;right: auto;bottom: auto;width: 100%;background: #fff;padding:40px 30px 50px 30px;margin-top: 40px;border-radius: 15px;}
	#box-5 .block01 .content .number {margin-top: 45px;}
	#box-5 .block01 .content .title,#box-5 .block01 .content .num_desc{font-size: 28px;}
	#box-5 .block01 .content .desc p,#box-5 .block01 .content .num_text{font-size: 15px;}
	
	
	#box-6 {padding-top: 20px;}
	#box-6 .box1 {margin: 45px -15px 0 -15px;}
	#box-6 .box1 li {padding: 0px 15px;}
	#box-6 .box1 li .img{border-radius: 15px;}
	#box-6 .box1 li .content {padding: 0 10px;}
	#box-6 .box1 li .title {font-size: 20px;}
	#box-6 .box1 li .desc {margin-top: 4px;}
	#box-6 .box1 li .desc p {font-size: 15px;}
	#box-6 .box1 li .time,#box-6 .box1 li .ckgd {font-size: 16px;}
	#box-6 .box1 li .ckgd img {width: 17px;margin-left: 7px;}
	#box-6 .swiper-pagination{margin-top: 40px;}
	#box-6 .btn {margin-top: 45px;}
}