footer{background-color: #F5F5F5;}
#box-1{background: #F1F1F1;padding-top: 90px;}
#box-1 .box1{border: 2px solid rgba(0, 0, 0, 0.1);border-radius: 20px;overflow: hidden;-webkit-transform: translate3d(0, 0, 0);background: #fff;display: flex;flex-wrap: wrap;margin-top: 45px;}
#box-1 .dt{width: 58%;}
#box-1 .dt img{height: 100%;}
#box-1 .right{padding: 0px 35px 0px 90px;width: 42%;}
#box-1 .right li{padding: 48px 0;position: relative;}
#box-1 .right li:not(:last-child)::after{content: '';background: #E5002D;opacity: 0.1;width: calc(100% - 110px);height: 1px;position: absolute;bottom: 0;right: 0;}
#box-1 .right li .img{width: 90px;margin-right: 20px;}
#box-1 .right li .img img{transition: 0.5s;}
#box-1 .right li>div:hover .img img{transform: scale(1.08);}
#box-1 .right li .content{width: calc(100% - 110px);}
#box-1 .right li .content p{font-size: 18px;color: #333;}
#box-1 .right li .title{font-size: 24px;color: #E5002D;}
#box-1 .right li .desc{width: 80%;margin-top: 8px;}
#box-1 .right li:nth-child(1) .desc p{font-size: 30px;line-height: 1;}

#box-2{background: #F5F5F5;}
#box-2 .box1{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 100px;}
#form_1{width: 49%;align-content: flex-start}
#form_1 .block{background: #fff;padding:53px 53px 77px 53px;border-radius: 20px;overflow: hidden;width: 100%;}
#form_1 .box_title{font-size: 30px;color: #333;}
#form_1 form{margin-top: 20px;}
#form_1 li{display: flex;align-items: center;border-bottom: 1px solid rgba(0, 0, 0, 0.1);padding: 15px 0;}
#form_1 li .title{font-size: 18px;color: #999;width: 115px;}
#form_1 li .title span{color: #FF0B0B;margin: 0 5px;}
#form_1 li input{width: calc(100% - 115px);font-size: 18px;border: none;height: 60px;}
#form_1 li input:focus{border: none;outline: none;}

#form_1 .btn{width: 100%;background: #E5002D;height: 70px;border-radius: 35px;margin-top: 10px;position: relative;transform: none;}
#form_1 .btn a{transform: none;}
#form_1 .btn a>div{width: 100%;transition: 0.8s;}
#form_1 .btn a:hover>div{transform: translateX(calc(-100% + 63px));}
#form_1 .btn p{padding-left: 53px;color: #fff;width: 80%;font-size: 18px;}
#form_1 .btn a:hover p {width: 0%;}
#form_1 .btn .img{width: 50px;transform: none!important;}
#form_1 .btn a .img img{transition: 0.8s;}
#form_1 .btn a:hover .img img{transform: rotate(-1440deg);}

#box-2 .right{width: 49.5%;}
#box-2 .right .img{border-radius: 20px;overflow: hidden;}
#box-2 .right .img img{transition: 0.5s;}
#box-2 .right .img:hover img{transform: scale(1.05);}


@media (min-width:1199px) and (max-width:1500px){
	#box-1 .right {padding: 0px 35px 0px 70px;}
	#box-1 .right li {padding: 48px 0;}
	#box-1 .right li .img {width: 78px;}
	#box-1 .right li:not(:last-child)::after,#box-1 .right li .content{width: calc(100% - 98px);}
	
}
@media (min-width:767px) and (max-width:1199px){
	#box-1{padding-top: 75px;}
	#box-1 .right {padding: 0px 35px 0px 45px;}
	#box-1 .right li {padding: 33px 0;}
	#box-1 .right li .img {width: 60px;}
	#box-1 .right li:not(:last-child)::after,#box-1 .right li .content{width: calc(100% - 80px);}
	#box-1 .right li .title {font-size: 20px;}
	#box-1 .right li .desc{width: 100%;margin-top: 5px;}
	#box-1 .right li .content p {font-size: 16px;}
	#box-1 .right li:nth-child(1) .desc p {font-size: 24px;}
	
	#box-2 .box1{margin-top: 65px;}
	#form_1 .block {padding: 30px;}
	#form_1 .box_title {font-size: 24px;}
	#form_1 form {margin-top: 8px;}
	#form_1 li{padding: 10px 0}
	#form_1 li .title,#form_1 li input{font-size: 16px;}
	#form_1 li .title{width: 105px;}
	#form_1 li input {width: calc(100% - 105px);}
	#form_1 li input{height: 45px;}
	#form_1 .btn{height: 55px;}
	#form_1 .btn p {padding-left: 30px;font-size: 17px;}
	#form_1 .btn .img {width: 42px;}
	#form_1 .btn a:hover>div{transform: translateX(calc(-100% + 55px));}
	
}
@media (max-width:850px){
	#box-1 .dt,#box-1 .right{width: 50%;}
	#box-1 .right {padding: 0px 35px 0px 35px;}
	#box-1 .right li .img {width: 53px;}
	#box-1 .right li:not(:last-child)::after,#box-1 .right li .content{width: calc(100% - 73px);}
	#box-1 .right li .content p {font-size: 15px;}
	
	#form_1{width: 100%;}
	#form_1 .block {padding: 45px;}
	#form_1 .box_title {font-size: 28px;}
	#form_1 li {padding: 20px 0;}
	#form_1 li .title,#form_1 li input{font-size: 18px;}
	#form_1 li .title{width: 115px;}
	#form_1 li input {width: calc(100% - 115px);}
	#form_1 .btn {height: 60px;margin-top: 25px;}
	#box-2 .right{display: none;}
}
@media (max-width:767px){
	#box-1{padding-top: 65px;}
	#box-1 .box1{flex-direction: column-reverse;border-width: 1px;border-radius: 15px;}
	#box-1 .dt,#box-1 .right{width: 100%;}
	#box-1 .right {padding: 10px 30px;}
	#box-1 .right li {padding: 30px 0;}
	#box-1 .right li .img {width: 50px;}
	#box-1 .right li:not(:last-child)::after,#box-1 .right li .content{width: calc(100% - 70px);}
	#box-1 .right li .title {font-size: 20px;}
	#box-1 .right li .desc{width: 100%;margin-top: 5px;}
	#box-1 .right li .content p {font-size: 15px;}
	#box-1 .right li:nth-child(1) .desc p {font-size: 22px;}
	
	#box-2 .box1{margin-top: 50px;}
	#form_1 .block {padding:40px 30px 50px 30px;border-radius: 15px;}
	#form_1 .box_title {font-size: 20px;}
	#form_1 form {margin-top: 8px;}
	#form_1 li{padding: 10px 0}
	#form_1 li .title,#form_1 li input{font-size: 15px;}
	#form_1 li .title{width: 95px;}
	#form_1 li input {width: calc(100% - 95px);}
	#form_1 li input{height: 45px;}
	#form_1 .btn{height: 50px;}
	#form_1 .btn p {padding-left: 25px;font-size: 16px;}
	#form_1 .btn .img {width: 38px;}
	#form_1 .btn a:hover>div{transform: translateX(calc(-100% + 50px));}
	
}