.main{overflow: hidden;padding-top: 60px;}
#box-1{background: url(../image/hzjm_box1_bj.jpg) no-repeat center center;background-size: cover;padding-bottom: 200px;}
#box-1 .block01 .ipad{display: none;}
#box-1 .block01 .box1{margin-top: 50px;position: relative;}
#box-1 .block01 .box1 .img_box1{width: 52%;margin: auto;padding-right: 3.5%;}

#box-1 .block02 .box1{margin-top: 70px;}
#box-1 .block02 .box1 ul{width: 37%;margin: -16px 0;}
#box-1 .block02 .box1 li{padding: 16px 0;}
#box-1 .block02 .box1 li>div{position: relative;padding: 45px 45px;border: 1px solid #ff711b;border-radius: 0px 0px 100px 100px;border-top: none;}
#box-1 .block02 .box1 li>div.on{background: #ff711b;}
#box-1 .block02 .box1 li>div::before{content: '';width: calc(100% + 2px);height: 10px;background: #ff711b;top: 0px;position: absolute;left: -1px;}
#box-1 .block02 .box1 li>div.on::before{background: #FFD599;}
#box-1 .block02 .box1 li .img{width: 80%;}
#box-1 .block02 .box1 li .img_t2{display: none;}
#box-1 .block02 .box1 li>div.on .img_t1{display: none;}
#box-1 .block02 .box1 li>div.on .img_t2{display: block;}
#box-1 .block02 .box1 li .desc{margin-top: 12px;}
#box-1 .block02 .box1 li .desc p{font-size: 18px;color: #333;line-height: 1.35;}
#box-1 .block02 .box1 li>div.on .desc p{color: #fff;}
#box-1 .block02 .box1 .right{width: 57.5%;}

#box-1 .block02{padding-top: 150px;}


#box-2{background: url(../image/hzjm_box2_bj.png) no-repeat center top;background-size: cover;padding-top: 150px;margin-top:-80px;padding-bottom: 180px;}
#box-2 .box1{margin-top: 65px;}
#box-2 li{width: 58%;position: relative;}
#box-2 li::before,#box-2 li::after{content: '';width: 100%;height: 2px;position: absolute;left: 0;top:0;background: linear-gradient(45deg, rgba(255, 255, 255, 1), transparent);opacity: 0;z-index: 2;}
#box-2 li::after{bottom: 0;top: auto;}
#box-2 li.on::before,#box-2 li.on::after{opacity: 1;}
#box-2 li>div{padding: 28px 23% 29px 16%;position: relative;}
#box-2 li.on>div{background: linear-gradient(90deg, rgba(0, 0, 0, 0.3), transparent);}
#box-2 li>div::after{content: '';width: 93px;height: 100%;position: absolute;right: 13%;top:0;background: url(../image/hzjm_yu.png) no-repeat center center;background-size: contain;opacity: 0;transition: 0.5s;}
#box-2 li.on>div::after{opacity: 1;}
#box-2 li .title{font-size: 30px;color: #fff;font-weight: bold;}
#box-2 li .desc p{font-size: 18px;color: #fff;}


#box-3{background: url(../image/bd_bj.png) no-repeat center center;background-size: cover;padding-bottom: 310px;padding-top: 150px;margin-top: -80px;}
#box-3 .box1 {border-radius: 50px;border: 1px solid rgba(0, 0, 0, 0.1);padding: 85px 8% 70px 8%;margin-top: 73px;}
#box-3 .box1 ul{display: flex;flex-wrap: wrap;}
#box-3 .box1 li{width: 50%;}
#box-3 .box1 .item input{width: calc(100% - 140px);height: 60px;}
#box-3 .box1 li:nth-child(1),#box-3 .box1 li:nth-child(3){padding-right: 60px;}
#box-3 .box1 li:nth-child(2),#box-3 .box1 li:nth-child(4){padding-left:60px;}
#box-3 .box1 p{font-size: 24px;color: #666;}
#box-3 .box1 p span{color: #D5441C;}
#box-3 .box1 input,#box-3 .box1 textarea{margin: 15px 0;padding: 15px;background: #fff;font-size: 16px;outline-color: #E2E2E2!important;border: 1px solid #E2E2E2;border-radius: 10px;}
#box-3 .box1 input::-webkit-input-placeholder,#box-3 .box1 textarea::-webkit-input-placeholder{color: #BBB;}
#box-3 .box1 .textarea{width: 100%;margin-top: 25px;}
#box-3 .box1 .textarea textarea{height: 220px;width: 100%;}
#box-3 .box1 .submit{text-align: center;}
#box-3 .box1 .submit input{background: #ff711b;font-size: 16px;color: #fff;transition: 0.5s;padding: 13px 35px;margin-top: 35px;border: none;font-weight: bold;display: inline-block;border-radius: 25px;height: auto;}
#box-3 .box1 .submit input:hover{filter: opacity(0.8);}
#box-3 .box1 input:focus,#box-3 .box1 textarea:focus{outline: none;}


@media (min-width:850px){
	#box-1 .block01 .box1 li{position: absolute;width: 40%;text-align: left;top: 5%;}
	#box-1 .block01 .box1 li:nth-child(3),#box-1 .block01 .box1 li:nth-child(4){top: 55%;}
	#box-1 .block01 .box1 li:nth-child(2n){right: 0;text-align: right;}
	#box-1 .block01 .box1 li .title,#box-1 .block01 .box1 li .title>div{position: relative;}
	#box-1 .block01 .box1 li .title::before,#box-1 .block01 .box1 li .title::after{content: '';position: absolute;width: 16px;height: 16px;background: #FFFFFF;border-radius: 50%;top: calc(50% - 8px);right: 0%;z-index: 2;}
	#box-1 .block01 .box1 li:nth-child(2n) .title::before,#box-1 .block01 .box1 li:nth-child(2n) .title::after{left: 0;}
	#box-1 .block01 .box1 li .title::after{animation: title 2s infinite linear;background: rgba(255, 255, 255, 0.28);}
	@keyframes title {
		0% {-webkit-transform: scale(1);opacity: 0;}
		60% {-webkit-transform: scale(2.3);opacity: 1;}
		100% {-webkit-transform: scale(3.3);opacity: 0;}
	}
	#box-1 .block01 .box1 li .title>div img{width: 33%;}
	#box-1 .block01 .box1 li .title>div::after{content: '';width: 55%;height: 1px;background: #000;position: absolute;top: 50%;right: 0%;}
	#box-1 .block01 .box1 li:nth-child(2n) .title>div::after{left: 0;}
	#box-1 .block01 .box1 li:nth-child(2n) .title{margin-left: auto;}
	#box-1 .block01 .box1 li .desc{margin-top: 30px;width: 72%;}
	#box-1 .block01 .box1 li:nth-child(2n) .desc{margin-left: auto;}
	#box-1 .block01 .box1 li .desc p{font-size: 18px;color: #333;line-height: 1.8;}
}
@media (min-width:1199px) and (max-width:1500px){
	#box-1 .block01 .box1 li .desc p{font-size: 16px;}
	#box-1 .block02 .box1 li>div{padding: 35px;border-radius: 0px 0px 90px 90px;}
	#box-1 .block02 .box1 li .desc p{font-size: 16px;}
	
	#box-2 li{width: 60%;}
	#box-2 li>div{padding: 28px 18% 28px 10%;}
	#box-2 li>div::after{right: 5%;width: 87px;}
	
}
@media (min-width:1199px) and (max-width:1380px){
	#box-2 li{width: 67%;}
	#box-2 li>div{padding: 28px 17% 29px 8%;}
	#box-2 li>div::after{right: 3%;width: 85px;}
}
@media (min-width:767px) and (max-width:1199px){
	#box-1{padding-bottom: 180px;}
	#box-1 .block01 .ipad{display: block!important;}
	#box-1 .block01 .PCBlock{display: none!important;}
	#box-1 .block01 .box1 li .title::before, #box-1 .block01 .box1 li .title::after{width: 12px;height: 12px;top: calc(50% - 6px);}
	#box-1 .block01 .box1 li .desc {margin-top: 20px;}
	#box-1 .block01 .box1 li .desc p{font-size: 14px;line-height: 1.6;}
	
	#box-1 .block02 {padding-top: 120px;}
	#box-1 .block02 .box1 li>div{padding: 30px;border-radius: 0px 0px 60px 60px;}
	#box-1 .block02 .box1 li .desc p{font-size: 15px;}
	
	#box-2 li{width: 69%;}
	#box-2 li>div{padding: 26px 15% 26px 7%;}
	#box-2 li>div::after{right: 2%;width: 73px;}
	#box-2 li .title{font-size: 26px;}
	#box-2 li .desc p {font-size: 16px;}
	
	#box-3{padding-top: 30px;}
	#box-3 .box1 {border-radius: 30px; padding: 50px 6% 40px 6%;margin-top: 60px;}
	#box-3 .box1 p{font-size: 18px;}
	#box-3 .box1 .item input {width: calc(100% - 105px);height: 52px;}
	#box-3 .box1 li:nth-child(1),#box-3 .box1 li:nth-child(3){padding-right: 40px;}
	#box-3 .box1 li:nth-child(2),#box-3 .box1 li:nth-child(4){padding-left:40px;}
	#box-3 .box1 input, #box-3 .box1 textarea{border-radius: 8px;font-size: 15px;}
	#box-3 .box1 .textarea textarea {height: 180px;}
	#box-3 .box1 .submit input{padding: 12px 35px;}
	
	
	
}
@media (max-width:850px){
	#box-1 .block01 .box1 .img_box1{width: 100%;}
	#box-1 .block01 .box1 ul{display: flex;flex-wrap: wrap;justify-content: space-between;margin: 0 -25px;}
	#box-1 .block01 .box1 li{width: 50%;padding: 20px 25px;}
	#box-1 .block01 .box1 li .title{text-align: center;}
	#box-1 .block01 .box1 li .title>div img{width: 50%;}
	#box-1 .block01 .box1 li .desc p{font-size: 16px;color: #333;line-height: 1.8;text-align: center;}
	
	#box-1 .block02 {padding-top: 100px;}
	#box-1 .block02 .box1{flex-direction: column-reverse;margin-top: 60px;}
	#box-1 .block02 .box1 ul{width: 100%;}
	#box-1 .block02 .box1 li>div{padding: 40px;border-radius: 0px 0px 60px 60px;}
	#box-1 .block02 .box1 li .img {width: 50%;}
	#box-1 .block02 .box1 li .desc p{font-size: 18px;}
	
	#box-1 .block02 .box1 .right {width: 100%;margin-bottom: 45px;}
	
	#box-2 li{width: 100%;}
	#box-2 li>div{padding: 27px 16% 27px 6%;}
	#box-2 li>div::after{right: 4%;width: 73px;}
	#box-2 li .title{font-size: 26px;}
	#box-2 li .desc p {font-size: 16px;}
	
	#box-3 .box1{padding: 35px 6% 40px 6%;}
	#box-3 .box1 .item input {width: 100%;height: 52px;}
	#box-3 .box1 li:nth-child(1),#box-3 .box1 li:nth-child(3){padding-right: 25px;}
	#box-3 .box1 li:nth-child(2),#box-3 .box1 li:nth-child(4){padding-left:25px;}
	#box-3 .box1 p{margin-top: 25px;}
	#box-3 .box1 .textarea {margin-top: 0px;}
	
	
}
@media (max-width:767px){
	#box-1{padding-bottom: 150px;background: url(../image/hzjm_box1_bjsj.jpg) no-repeat center center;background-size: cover;}
	#box-1 .block01 .box1{margin-top: 40px;}
	#box-1 .block01 .box1 .img_box1{padding-right: 0;margin-bottom: 20px;}
	#box-1 .block01 .box1 ul{margin: 0 0px;}
	#box-1 .block01 .box1 li{width: 100%;padding: 20px 0px;}
	#box-1 .block01 .box1 li .title>div img {width: 40%;}
	#box-1 .block01 .box1 li .desc{margin-top: 20px;}
	#box-1 .block01 .box1 li .desc p{font-size: 15px;line-height: 1.5;}
	
	#box-1 .block02 {padding-top: 50px;}
	#box-1 .block02 .box1{margin-top: 45px;}
	#box-1 .block02 .box1 li>div{padding: 30px 25px;border-radius: 0px 0px 60px 60px;}
	#box-1 .block02 .box1 li>div::before{height: 7px;}
	#box-1 .block02 .box1 li .img {width: 85%;}
	#box-1 .block02 .box1 li .desc {margin-top: 8px;}
	#box-1 .block02 .box1 li .desc p{font-size: 15px;line-height: 1.5;}
	
	#box-1 .block02 .box1 .right {width: 100%;margin-bottom: 45px;}
	
	#box-2{padding-top: 60px;padding-bottom: 130px;background: url(../image/hzjm_box2_bjsj.png) no-repeat center top;background-size: cover;}
	#box-2 .box1 {margin-top: 45px;}
	#box-2 li.on::before, #box-2 li.on::after{height: 1px;}
	#box-2 li>div{padding: 20px 20px 20px 20px;}
	#box-2 li>div::after{display: none;}
	#box-2 li .title{font-size: 20px;padding-bottom: 3px;}
	#box-2 li .desc p {font-size: 15px;}
	
	#box-3 {padding-bottom: 240px;padding-top: 60px;background: url(../image/bd_bjsj.png) no-repeat center top;background-size: cover;}
	#box-3 .box1 {border-radius: 15px; padding: 25px 25px;margin-top: 45px;}
	#box-3 .box1 li{width: 100%;}
	#box-3 .box1 .item input {height: 50px;}
	#box-3 .box1 li:nth-child(1),#box-3 .box1 li:nth-child(3){padding-right: 0px;}
	#box-3 .box1 li:nth-child(2),#box-3 .box1 li:nth-child(4){padding-left:0px;}
	#box-3 .box1 p{font-size: 16px;margin-top: 17px;}
	#box-3 .box1 input, #box-3 .box1 textarea{font-size: 15px;border-radius: 5px;margin: 10px 0;}
	#box-3 .box1 .textarea textarea {height: 160px;}
	#box-3 .box1 .submit input{font-size: 15px;padding: 11px 33px;margin-top: 25px;}
	
	
}