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


.item{width: 1200px; margin:0 auto;}

.banner{position: relative; height: 450px; overflow: hidden;}
.banner img{position: absolute;bottom: 0;height: 100%;left: 0; margin: 0;max-width: none;padding: 0;right: 0;top: 0;width: 100%;object-fit: cover; will-change: opacity;}
.banner h2{position: absolute; left:0; top:50%;transform: translateY(-50%);-webkit-transform: translateY(-50%); width: 100%; color: #000; font-size: 96px; text-align: center; line-height: 136px;}
.banner h2 small{display: block; color: #000; font-size: 28px; font-weight: normal; line-height: 72px;}
/*f1Box*/
.f1Box{padding-top: 92px;}
.f1Box ul{display: flex; display: -webkit-flex;flex-wrap: wrap; gap:30px;}
.f1Box li{width: 340px; padding: 20px; background-color: #fff; box-shadow: 0 0 12px rgba(0,0,0,.3); border-radius:4px;transition:all .3s;}
.f1Box li .imgBox{position: relative; width: 100%; height: 220px; border-radius:4px; overflow: hidden;}
.f1Box li .imgBox img{position: absolute;bottom: 0;height: 100%;left: 0; margin: 0;max-width: none;padding: 0;right: 0;top: 0;width: 100%;object-fit: cover; will-change: opacity;}
.f1Box li h3{padding:24px 0 30px; color: #000; font-size: 20px; line-height:1.6;}
.f1Box li p{color: #222; font-size: 18px; line-height: 28px; text-align: justify;}
.f1Box li .tag{padding-top: 20px; color: #666; font-size: 14px; line-height:28px;}
.f1Box li .time{color: #999; font-size: 14px; line-height:28px;}
.f1Box li:hover{background-color:#649084;}
.f1Box li:hover h3,.f1Box li:hover p{color: #fff;}
/*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%;}
	.container img{max-width: 100%; display: block;}
	.banner{height: 4.5rem;}
	.banner h2{font-size: .96rem;line-height: 1.6;}
	.banner h2 small{font-size: .32rem;line-height: .72rem;}
	/*f1Box*/
	.f1Box{padding:.62rem .6rem 0;}
	.f1Box ul{gap:.4rem;}
	.f1Box li{width: 100%; padding: .2rem;box-shadow: 0 0 .12rem rgba(0,0,0,.3);box-sizing: border-box;}
	.f1Box li .imgBox{height: 3.2rem;}
	.f1Box li h3{padding:.24rem 0 .3rem;font-size: .36rem;}
	.f1Box li p{font-size: .28rem; line-height: 1.4;}
	.f1Box li .tag{padding-top: .26rem;font-size: .24rem; line-height:1.6;}
	.f1Box li .time{font-size: .24rem; line-height:1.5;}
	/*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;}
}