#box-1 .title_img{margin-bottom: 50px;}
#box-1 .box1{border-radius: 10px;background: #F8F8F8;overflow: hidden;-webkit-transform: translate3d(0, 0, 0);width: 78%;margin: auto;z-index: 2;position: relative;box-shadow: rgba(0, 0, 0, 0.05) 0px 3px 10px;}
#box-1 .box1 li{cursor: pointer;}
#box-1 .box1 li>div{padding:5px 15px;position: relative;}
#box-1 .box1 li:not(:first-child){border-left: 1px solid rgba(0,0,0,0.05);}
#box-1 .box1 li.swiper-slide-thumb-active{background: #d03233;}
#box-1 .box1 li .img{position: absolute;height: 100%;width: 100%;left: 0;top: 0;}
#box-1 .box1 li .img img{width: 80%;max-width: 170px;}
#box-1 .box1 li .number{-webkit-text-stroke: 1px rgba(0,0,0,0.1);font-weight: bold;color: transparent;text-align: center;line-height: 1;}

#box-1 .number{font-size: 5.5vw;}

#box-1 .box2{overflow: hidden;margin: -30px 0px 0 0px;}
#box-1 .box2 .left,#box-1 .box2 .right{width: 50%;position: relative;}
#box-1 .box2 li>div{align-items: stretch;}
#box-1 .box2 li .left .number{font-weight: bold;color: #d03233;position: absolute;bottom: 0;right: 0;line-height: 1;padding:25px 30px;}
#box-1 .box2 li .left .img,#box-1 .box2 li .left .img img{height: 100%;}
#box-1 .box2 .right{background: url(../image/hzjm_box1_right.png) no-repeat center center;background-size: cover;padding: 105px 90px 70px 90px;}
#box-1 .box2 li .right .title{width: 45%;}
#box-1 .box2 li .right .desc{margin-top: 25px;}
#box-1 .box2 li .right .desc p{font-size: 20px;text-align: justify;}
#box-1 .box2 li .right .ftitle{-webkit-text-stroke: 1px #000;font-size: 5.5vw;font-weight: bold;color: transparent;line-height: 1;text-transform: uppercase;word-break: break-all;margin-top: 75px;}
#box-1 .swiper-pagination{display: none;}
#box-1 .swiper-pagination span{background: #000;}


#box-2{background: #F8F8F8;}
#box-2 .box1{margin-top: -10px;}
#box-2 .box li{width: 430px!important;}
#box-2 .box li>div{padding: 17px;}
#box-2 .box li .img{border-radius: 20px;overflow: hidden;-webkit-transform: translate3d(0, 0, 0);}


#box-3{background: url(../image/hzjm_box3_bj.png) no-repeat center center;background-size: cover;}
#box-3 .title_img{margin-left: 0;}
#box-3 .left{width: 48%;}
#box-3 .left .block01{background: url(../image/hzjm_box3_left_bj.png) no-repeat center center;background-size: cover;padding:30px 20px;border-radius: 20px;}
#box-3 .left .box2{position: relative;overflow: hidden;}
#box-3 .left .box2 li>div{padding:0 10px;}
#box-3 .left .box2 li>div .img{border-radius: 8px;overflow: hidden;}
#box-3 .swiper-pagination span{background: #000;}
#box-3 .right{width: 48%;margin-bottom: -30px;}
#box-3 .right .img{animation: tb 1.5s infinite ease-in-out;}
@keyframes tb{
	0%{transform: translateY(15px);}
	50%{transform: translateY(0px);}
	100%{transform: translateY(15px);}
}


#box-4 .block01{position: relative;}
#box-4 .box1{overflow: hidden;padding-top: 20px;}
#box-4 .box1 li{position: relative;}
#box-4 .box1 li::after{content: '';width: 46.5%;height: 0px;border-bottom: 2px dashed #d03233;display: block;position: absolute;right: -23.5%;top: 19%;}
#box-4 .box1 li>div{position: relative;padding: 0 10%;}
#box-4 .box1 li>div::before,#box-4 .box1 li>div::after{content: '';width: 18px;height: 18px;border-radius: 50%;border: 2px solid #d03233;display: block;position: absolute;top: 17%;}
#box-4 .box1 li>div::before{right: 24%;}
#box-4 .box1 li>div::after{right: -28%;}
#box-4 .box1 li.swiper-slide-prev::after,#box-4 .box1 li.swiper-slide-prev>div::before,#box-4 .box1 li.swiper-slide-prev>div::after,#box-4 .box1 li.swiper-slide-next+li::after,#box-4 .box1 li.swiper-slide-next+li>div::before,#box-4 .box1 li.swiper-slide-next+li>div::after{opacity: 0;}
#box-4 .box1 .img{width: 39%;margin: auto;max-width: 150px;}
#box-4 .box1 li .content{text-align: center;}
#box-4 .box1 li .content .number{font-size: 40px;color: #d03233;font-weight: bold;padding: 25px 0 20px 0;}
#box-4 .box1 li .content .title{margin-bottom: 10px;width: 42%;max-width: 152px;}
#box-4 .box1 li .content .title img{transform: scale(1);}
#box-4 .box1 li .content .desc p{font-size: 16px;color: #000;line-height: 1.7;}
#box-4 .swiper-button-prev, #box-4 .swiper-button-next{top: 50%;}
#box-4 .swiper-button-prev{left: -4%;background: url(../image/about_jtL1.png) no-repeat center top;background-size: contain;}
#box-4 .swiper-button-next{right: -4%;background: url(../image/about_jtR1.png) no-repeat center top;background-size: contain;}


#box-5{background: url(../image/hzjm_box5_bj1.jpg) no-repeat center center;background-size: cover;padding:120px 0 35px 0;}
#box-5 .block01{border-bottom: 1px solid rgba(255,255,255,0.2);}
#box-5 .box1{position: relative;overflow: hidden;}
#box-5 .box1 ul{align-items: flex-end;}
#box-5 .box1 li{padding: 60px 0 340px 0;position: relative;}
#box-5 .box1 li:nth-child(2n){padding-bottom: 155px;}
#box-5 .box1 li::after{content: '';width: 1px;height: 70%;background: rgba(255,255,255,0.2);display: block;position: absolute;left: 50%;top: 43%;}
#box-5 .box1 li:nth-child(2n)::after{top: 63%;}
#box-5 .box1 li>div{width: 9.5vw;height: 9.5vw;border-radius: 50%;position: relative;margin: auto;border: 1px solid #fff;transition: 0.5s;max-width: 144px;max-height:144px;}
#box-5 .box1 li>div::after{content: '';width: 100%;height: 100%;background: url(../image/hzjm_box5_yw.png) no-repeat center center;background-size: cover;position: absolute;left: 0%;top: 0%;transform: scale(1.4);opacity: 0;transition: 0.5s;}
#box-5 .box1 li .box{text-align: center;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;overflow: hidden;width: 100%;height: 100%;border-radius: 50%;position: relative;}
#box-5 .box1 li .content{width: 100%;}
#box-5 .box1 li .content .img{width: 26%;margin: auto;}
#box-5 .box1 li .content .title{font-size: 20px;color: #fff;padding: 5px 10px 10px 10px;}
#box-5 .box1 li .number{position: absolute;bottom: 0;width: 5vw;height:5vw;background: #d03233;border-radius: 50%;bottom: -3.5vw;padding: 5px;font-size: 18px;color: #000;line-height: 1.1;}

#box-5 .box1 li.active>div::after{opacity: 1;}
#box-5 .box1 li.active>div{background: #C60019;border: none;}
#box-5 .box1 li.active .number{color: #C60019;}
#box-5 .swiper-pagination {padding-top: 40px;}


#box-6 .box1{background: url(../image/hzjm_box6_bj1.jpg) no-repeat center center;background-size: cover;padding:80px 90px 60px 90px;border-radius: 30px;overflow: hidden;}
#box-6 .box1 .content{width: 58%;}
#box-6 .box1 ul{width: 47%;}
#box-6 .box1 li{padding-top: 15px;}
#box-6 .box1 li .title{font-size: 16px;color: rgba(0,0,0,0.5);}
#box-6 .box1 li textarea{height: 268px;margin-bottom: 5px;}
#box-6 .box1 input,#box-6 .box1 textarea{width: 100%;margin: 10px 0;padding: 15px;background: #fff;font-size: 15px;height: 50px;border: none;outline: none;border-radius: 5px;}
#box-6 .box1 input::-webkit-input-placeholder,#box-6 .box1 textarea::-webkit-input-placeholder{color: #939393;}
#box-6 .submit{margin-top: 30px;text-align: center;}
#box-6 .submit input{width: auto;border-radius: 35px;background: #000;color: #d03233;font-size: 16px;padding: 10px 50px;height: 50px;}
#box-6 .submit input:hover{filter: opacity(0.9);}
#box-6 .title_img{margin: 0 auto 15px auto;}


@media (min-width:1650px){
	#box-3 .right{width: 51%;margin-right: -3%;margin-bottom: -115px;}
	#box-5 .box1{margin: 0 -2.5vw;}
}
@media (max-width:1650px){
	#box-4 .swiper-button-prev{left: -5px;}
	#box-4 .swiper-button-next{right: -5px;}
}
@media (min-width:1199px) and (max-width:1500px){
	#box-2 .box li{width: 380px!important;}
	#box-5 .box1 li{padding: 60px 0 320px 0;}
	#box-5 .box1 li .number{bottom: -3vw;}
}

@media (min-width:767px) and (max-width:1199px){
	#box-1 .box1{width: 82%;}
	#box-1 .box1 li .img img {width: 70%;}
	#box-1 .number{font-size: 6vw;}
	#box-1 .box2 .right{padding: 95px 50px 50px 50px;}
	#box-1 .box2 li .right .ftitle{margin-top: 55px;font-size: 6.5vw;}
	#box-1 .box2 li .right .desc p{font-size: 16px;}
	
	#box-2 .box li{width: 320px!important;}
	#box-2 .box li>div{padding: 13px;}
	#box-2 .box li .img{border-radius: 15px;}
	
	#box-4 .box1 li::after{width: 44.5%;right: -22%;}
	#box-4 .box1 li>div {padding: 0 6%;}
	#box-4 .box1 li>div::before, #box-4 .box1 li>div::after{width: 14px;height: 14px;}
	#box-4 .box1 .img {width: 36%;}
	#box-4 .box1 li .content .title{width: 42%;}
	#box-4 .box1 li .content .number{font-size: 32px;padding: 20px 0 15px 0;}
	#box-4 .box1 li .content .desc p{font-size: 15px;}
	#box-4 .swiper-button-prev{left: -10px;}
	#box-4 .swiper-button-next{right: -10px;}
	
	#box-5 .box1 li{padding: 60px 0 300px 0;}
	#box-5 .box1 li::after{top: 42%;}
	#box-5 .box1 li:nth-child(2n)::after {top: 60%;}
	#box-5 .box1 li>div{width: 12.8vw;height: 12.8vw;max-width: 110px;max-height:110px;}
	#box-5 .box1 li .content .title {font-size: 18px;}
	#box-5 .box1 li .number{bottom: -2.5vw;width: 6vw;font-size: 16px;}
	
	#box-6 .box1{padding: 50px 50px 40px 50px;border-radius: 25px;}
	#box-6 .box1 .content {width: 62%;}
	#box-6 .submit {margin-top: 25px;}
	
}

@media (max-width:850px){
	#box-1 .box1{display: none;}
	#box-1 .number {font-size: 12vw;}
	#box-1 .box2 {margin: 0px 0px 0 0px;}
	#box-1 .box2 li>div{flex-direction: column-reverse;}
	#box-1 .box2 .left,#box-1 .box2 .right{width: 100%;}
	#box-1 .box2 .right {padding: 60px;}
	#box-1 .box2 li .right .title {width: 40%;}
	#box-1 .box2 li .right .ftitle {font-size: 9.5vw;}
	#box-1 .box2 li .right .desc p {font-size: 20px;}
	#box-1 .swiper-pagination{display: block;}
	
	#box-4 .box1 li::after,#box-4 .box1 li>div::before,#box-4 .box1 li>div::after{opacity: 0;}
	
}
@media (max-width:767px){
	#box-1 .title_img {margin-bottom: 35px;}
	#box-1 .box2 .right {padding:35px 25px;}
	#box-1 .box2{margin: 0 -10px;}
	#box-1 .box2 li{padding: 0 10px;}
	#box-1 .box2 li .right .title {width: 48%;}
	#box-1 .box2 li .right .desc p {font-size: 15px;}
	#box-1 .box2 li .right .ftitle{margin-top: 40px;}
	
	#box-2 .box li{width: 210px!important;}
	#box-2 .box li>div{padding: 10px;}
	#box-2 .box li .img{border-radius: 10px;}
	
	#box-3 {background: url(../image/hzjm_box3_bjsj1.jpg) no-repeat center center;background-size: cover;}
	#box-3 .title_img {margin-left: auto;}
	#box-3 .left{width: 100%;}
	#box-3 .left .block01{padding: 20px 10px;border-radius: 15px;}
	#box-3 .left .box2 li>div {padding: 0 7px;}
	#box-3 .right{display: none;}
	#box-3 .swiper-pagination {padding-top: 20px;}
	
	#box-4 .box1{margin: 0 -15px;padding-top: 10px;}
	#box-4 .box1 li>div {padding: 0 15px;}
	#box-4 .box1 .img{width: 30%;}
	#box-4 .box1 li .content .title{width: 37%;}
	#box-4 .box1 li .content .number{font-size: 32px;padding: 13px 0 15px 0;}
	#box-4 .box1 li .content .desc p{font-size: 15px;}
	#box-4 .swiper-button-prev, #box-4 .swiper-button-next{top: 52%;}
	#box-4 .swiper-button-prev{left: 0px;}
	#box-4 .swiper-button-next{right: 0px;}
	
	#box-5{padding-top: 60px;}
	#box-5 .box1 li{padding-bottom: 150px!important;padding-top: 45px;}
	#box-5 .box1 li::after,#box-5 .box1 li:nth-child(2n)::after {top: 55%;}
	#box-5 .box1 li>div{width: 26vw;height: 26vw;max-width: 95px;max-height:95px;}
	#box-5 .box1 li .content .title {font-size: 16px;}
	#box-5 .box1 li .number{bottom: -4.2vw;width: 13vw;height: 9vw;font-size: 15px;padding-top: 3px;}
	
	#box-5 .box1 li.swiper-slide-active>div::after{opacity: 1;}
	#box-5 .box1 li.swiper-slide-active>div{background: #C60019;border: none;}
	#box-5 .box1 li.swiper-slide-active .number{color: #C60019;}
	#box-5 .swiper-pagination {padding-top: 30px;}
	
	
	#box-6 .box1{padding:40px 25px;border-radius: 15px;background: url(../image/hzjm_box6_bjsj1.jpg) no-repeat center center;background-size: cover;}
	#box-6 .box1 .content {width: 100%;}
	#box-6 .box1 ul{width: 100%;}
	#box-6 .box1 li {padding-top: 10px;}
	#box-6 .box1 li .title{font-size: 15px;}
	#box-6 .box1 input, #box-6 .box1 textarea{margin: 9px 0;}
	#box-6 .box1 li textarea {height: 170px;}
	#box-6 .submit {margin-top: 23px;}
	#box-6 .submit input{padding: 7px 41px;height: 46px;}
	
}


.main .swiper-pagination{padding-top: 30px;}
.main .swiper-pagination span{opacity: 0.3;}
.main .swiper-pagination span.swiper-pagination-bullet-active{opacity: 1;}