@charset "utf-8";
/*
* Author:luochou
* Date:2024.7.29
*/


.item{width: 1200px; margin:0 auto;}
/*f1Box*/
.f1Bg{padding: 50px 0; background-color: #faf7f7;}
.f1Box{padding:40px 50px; background-color: #fff; border-radius: 16px;}
.f1Box .title{padding-bottom:20px; border-bottom: 1px solid #ccc;}
.f1Box .title h2{padding: 0 20px; color: #000; font-size: 30px; line-height: 1.6; text-align: center;}
.f1Box .title p{padding-top: 6px; color: #999; font-size: 16px; text-align: center; line-height: 1.6;}
.content{padding: 40px 0 50px; color: #333; font-size: 18px; line-height: 1.6;}
.content h3,.content h4{padding: 10px 0; margin-top: 10px; color: #222; font-size: 22px; line-height: 1.8;}
.content h4{font-size:20px;}
.content p{margin-top: 10px; text-align: justify;}
.content hr{border: none;border-top: 1px solid #e5e7eb;border-top-width: 1px; margin: 20px 0;}
.f1Box .tag{color: #999; font-size: 18px;}
/*f8Box*/
.f8Box{padding:124px 0 102px;}
.f8Box h2{width: 460px; margin: 0 auto;}
.f8Box h2 img{width: 100%;display: block;}
.f8Box ul{padding-top:52px;}
.f8Box li{padding:32px 35px 32px; margin-bottom: 46px; border: 1px solid #8dada4; background-color: #faf7f7; border-radius:18px;}
.f8Box li h3{padding-bottom:20px; color: #333; font-size:38px; line-height:62px;}
.f8Box li p{color: #333; font-size:30px; line-height:62px;}
/*f9Box*/
.f9Bg{background-color: #faf7f7;}
.f9Box{padding:98px 0 105px;}
.f9Box h2{width:344px; margin: 0 auto 58px;}
.f9Box h2 img{width: 100%;display: block;}
.f9Box p{color: #2a6555; font-size:40px; line-height:70px;}
.f9Box p b{font-weight: bolder;}
.f9Form{padding-top:32px;}
.f9Form li{margin-bottom:30px;}
.f9Form li input{width: 100%; height:102px; padding: 0 55px; background-color: #fff; border-radius:12px; color: #666; font-size:38px;display: flex;display: -webkit-flex;align-items: center;box-sizing: border-box; border: none; box-shadow: 0 0 10px rgba(0,0,0,.1);}
.f9Form .action{padding-top: 34px; display: flex;display: -webkit-flex;justify-content:center;align-items: center;}
.f9Form .action button{width:328px; height:72px; margin:0 auto; background-color: #f7bd4b; border-radius:36px; color: #fff; font-size:38px; line-height: 72px; text-align: center; font-weight: bold; border: none;}


@media only screen and (max-width: 750px){

	.item{width: 100%;}
	/*f1Box*/
	.f1Bg{padding: .5rem .2rem;}
	.f1Box{padding:40px .2rem;border-radius:.16rem;}
	.f1Box .title{padding-bottom:.2rem;}
	.f1Box .title h2{padding: 0 .2rem;font-size:.38rem;}
	.f1Box .title p{padding-top: .06rem;font-size:.32rem;}
	.content{padding: .4rem 0 .5rem; font-size: .28rem;}
	.content h3{padding: .1rem 0;font-size: .32rem;}
	.content hr{margin: .2rem 0;}
	.content img{max-width: 100%;}
	.f1Box .tag{font-size: .32rem;}
	/*f8Box*/
	.f8Box{padding:.62rem .6rem .24rem;}
	.f8Box h2{width: 3.8rem;}
	.f8Box ul{padding-top: .28rem;}
	.f8Box li{padding:.2rem .35rem .24rem; margin-bottom: .28rem;border-radius:.18rem;}
	.f8Box li h3{padding-bottom: .16rem;font-size: .28rem; line-height:.48rem;}
	.f8Box li p{font-size: .25rem; line-height: .42rem;}
	/*f9Box*/
	.f9Box{padding:.62rem .6rem;}
	.f9Box h2{width: 2.85rem; margin: 0 auto .35rem;}
	.f9Box p{font-size: .3rem; line-height: .44rem;}
	.f9Form{padding-top: .2rem;}
	.f9Form li{margin-bottom: .2rem;}
	.f9Form li input{height: .64rem; padding: 0 .24rem;border-radius: .12rem;font-size: .28rem;box-shadow: 0 0 .04rem rgba(0,0,0,.1);}
	.f9Form .action{padding-top: .2rem; display: flex;display: -webkit-flex;justify-content:center;align-items: center;}
	.f9Form .action button{width:2.9rem; height: .64rem; border-radius: .32rem; font-size: .28rem; line-height: .64rem; display: flex;display: -webkit-flex;justify-content:center;align-items: center;}
}