@charset "utf-8";
/*
* title:fuke;
* Author:luochou
* Date:2024.11.21
*/
body{}
.block{width: 100%;}
.bgColor{background-color: #fdf5eb;}
.item{width: 1200px; margin:0 auto;}

.banner_wap{display: none;}

.banner{position: relative; height: 794px; background:url(../images/sdybc/banner.jpg) no-repeat center top;}
.banner a{width: 100%; height: 100%; display: block;}
.container .tit{color: #ad7440; font-size: 58px; text-align: center; line-height: 72px;}
.container .tit small{display: block; font-size:23px; font-weight: normal; line-height: 34px;text-transform: uppercase;}
/*f1Box*/
.f1Box{padding:100px 0 90px;}
.f1Box dl{padding-top: 106px; overflow: hidden;}
.f1Box dt{float: left; width: 552px;}
.f1Box dt p{color: #4c4c4c; font-size: 24px; line-height: 48px; text-align: justify; text-indent: 2em;}
.f1Box dt p:first-child{padding-bottom: 48px;}
.f1Box dd{float: right; width: 572px; border: 2px solid #fff;}
.f1Box dd img{width: 572px; display: block; border-top: 30px solid #ad7440;}
.f1Box .btn{width: 288px; height:65px; margin:80px auto 0; display: block; background-color: #ad7440; border-radius:10px; color:#fff; font-size:34px; line-height:65px; text-align: center;}
.f1Box .btn:hover{background-color: #b9804e;}
/*f2Box*/
.f2Box{padding:100px 0;}
.f2Top{position: relative; height: 196px; padding-left:264px; margin-top: 68px; background: -webkit-linear-gradient(bottom, #fdf5eb,#fff);background: linear-gradient(to top, #fdf5eb, #fff);box-shadow: 0 0 13px rgba(0,0,0,.1); border-radius: 18px; overflow: hidden;}
.f2Top img{position: absolute; left: 58px; top:50%; margin-top: -87px; width: 170px; height: 170px; border: 2px solid #ad7440; border-radius: 50%;}
.f2Top p{color: #1a1a1a; font-size: 30px; line-height:196px;}
.f2Con{height: 424px; padding:38px 0 48px;}
.f2Con dl{float: left; position: relative; width: 356px; height: 424px; padding-top: 26px; margin-right: 66px; background: -webkit-linear-gradient(bottom, #fdf5eb,#fff);background: linear-gradient(to top, #fdf5eb, #fff); border-radius:36px 0 36px 0; box-shadow: 0 0 13px rgba(0,0,0,.1); overflow: hidden;box-sizing: border-box;}
.f2Con dl:last-child{margin-right: 0;}
.f2Con dt{width:294px; height: 196px; margin: 0 auto; border: 1px solid #b68458; border-radius: 4px; overflow: hidden;}
.f2Con dd{position: relative; padding:70px 30px 0;}
.f2Con dd h3{position: absolute; top:-25px; left: 50%; margin-left: -99px; width: 198px; height: 52px; background-color: #ad7440; border-radius: 26px; color: #fff; font-size: 30px; line-height: 52px; text-align: center;}
.f2Con dd p{color: #1a1a1a; font-size: 24px; line-height: 40px;}
.f2Txt{color: #4c4c4c; font-size:24px; line-height: 40px;}
.f2Box .btn{width: 370px; height:65px; margin:80px auto 0; display: block; background-color: #ad7440; border-radius:10px; color:#fff; font-size:34px; line-height: 65px; text-align: center;}
.f2Box .btn:hover{background-color: #b9804e;}
/*f3Box*/
.f3Box{padding:100px 0 80px;}
.f3List{padding: 60px 0 100px; display: flex; display: -webkit-flex;justify-content: space-between;}
.f3List dl{position: relative; width: 580px; height: 224px; background-color: #fff; border-radius: 10px;}
.f3List dt{position: absolute; left: 18px; top:50%; margin-top: -96px; width:192px; height: 192px;}
.f3List dt img{width: 188px; height: 188px; border:2px solid #f6b356; border-radius: 50%;}
.f3List dt span{position: absolute; top:22px; right: -30px; width: 58px; height: 58px; background-color: #ff0000; border-radius: 50%; color: #fff; font-size: 30px; font-weight: bold; line-height: 58px; text-align: center;}
.f3List dd{padding:44px 24px 0 228px;}
.f3List dd h3{width: 162px; height: 48px; margin: 0 auto 26px; background-color: #ad7440; border-radius: 8px; color: #fff; font-size: 28px; line-height: 48px; text-align: center;}
.f3List dd p{color: #1a1a1a; font-size: 22px; line-height: 30px;}
.f3Con{position: relative; height: 452px; padding: 16px 0 50px 77px;}
.f3Con img{width: 516px; height: 452px; display: block;}
.f3Con ul{position: absolute; top:0; left: 448px;}
.f3Con li{position: absolute; padding-left: 98px;}
.f3Con li.i1{top:10px; left: 14px;}
.f3Con li.i2{top:110px; left: 84px;}
.f3Con li.i3{top:217px; left: 112px;}
.f3Con li.i4{top:320px; left: 84px;}
.f3Con li.i5{top:412px; left: 0;}
.f3Con li .num{position:absolute; left: 0; top:0; width: 64px; height: 64px; border-radius: 32px; background-color: #ad7440; color: #fff; font-size: 40px; font-style: italic; line-height: 64px; text-align: center;}
.f3Con li p{color: #4c4c4c; font-size: 24px; line-height: 34px; white-space: nowrap;}
.f3Con li p b{display: block; color: #ad7440; font-size: 30px; line-height: 38px;}
.f3Con_wap{display: none;}
/*f4Box*/
.f4Box{padding:80px 0 100px;}
.f4Img{width: 1155px; margin:45px auto 0;}
.f4Img img{width: 1155px; height: 630px; border-radius: 16px;}
/*f5Box*/
.f5Bg{background: url(../images/sdybc/f5Bg.jpg) no-repeat center top;}
.f5Box{padding:128px 0 0;}
.f5Box h2{padding-bottom: 52px; color: #fff; font-size: 58px; font-weight: normal; text-align: center; line-height: 80px;}
.f5Box li{padding:20px 60px 60px; margin-bottom: 40px; border: 1px dashed #ad7440; background-color: #efefef; border-radius:18px;}
.f5Box li h3{padding-bottom:20px; color: #000; font-size:38px; line-height:60px;}
.f5Box li h3 span{color:#000;}
.f5Box li p{color: #333; font-size:30px; line-height:58px; text-align: justify;}

@media only screen and (max-width: 750px){
	.item{width: 100%;}
	.container img{max-width: 100%; display: block;}
	.container .tit{font-size: .58rem;line-height:1.4;}
	.container .tit small{font-size:.28rem;line-height: 1.4;}

	.banner{display: none;}
	.banner_wap{display: block;}

	/*f1Box*/
	.f1Box{padding:1rem .3rem .9rem;}
	.f1Box dl{padding-top: .6rem;}
	.f1Box dt{float: none; width: 100%;}
	.f1Box dt p{font-size: .28rem; line-height: 1.6;}
	.f1Box dt p:first-child{padding-bottom: .2rem;}
	.f1Box dd{float: none; width: 80%; margin: .24rem auto 0;}
	.f1Box dd img{width: 100%; border-top: .3rem solid #ad7440;}
	.f1Box .btn{width: 3.2rem; height:.84rem; margin:.6rem auto 0; border-radius:.1rem; font-size:.36rem; line-height: .84rem; text-align: center;}
	/*f2Box*/
	.f2Box{padding:1rem .3rem;}
	.f2Top{height: 2rem; padding:0 .2rem 0 2.2rem; margin-top: .6rem;box-shadow: 0 0 .16rem rgba(0,0,0,.1); border-radius:.18rem;display: flex; display: -webkit-flex;align-items: center;}
	.f2Top img{left: .2rem;margin-top: -.85rem; width: 1.7rem; height: 1.7rem;box-sizing: border-box;}
	.f2Top p{font-size: .28rem; line-height:1.6;}
	.f2Con{height: auto; padding:.38rem 0 .48rem;display: flex; display: -webkit-flex;justify-content: space-between;}
	.f2Con dl{float: none;width: 32%; height: auto; padding: .26rem 0; margin-right: 0;border-radius:.36rem 0 .36rem 0; box-shadow: 0 0 .16rem rgba(0,0,0,.1);}
	.f2Con dt{width:80%; height: auto;border-radius: .04rem;}
	.f2Con dd{position: relative; padding:.4rem .2rem 0;}
	.f2Con dd h3{top:-.25rem; margin-left: -.8rem; width: 1.6rem; height: .52rem; border-radius: .26rem;font-size: .28rem; line-height: .52rem;display: flex; display: -webkit-flex;justify-content: center;align-items: center;}
	.f2Con dd p{font-size: .26rem; line-height: 1.4;text-align: justify;}
	.f2Txt{font-size:.28rem; line-height: 1.6; text-align: justify;}
	.f2Box .btn{width: 3.8rem; height:.84rem; margin:.6rem auto 0; border-radius:.1rem; font-size:.36rem; line-height: .84rem; text-align: center;}
	/*f3Box*/
	.f3Box{padding:1rem .3rem;}
	.f3List{padding: .6rem 0 .6rem; display: flex; display: -webkit-flex;justify-content: space-between;flex-direction: column; gap:.2rem 0;}
	.f3List dl{width: 100%; height: 2.24rem; border-radius: .1rem;}
	.f3List dt{left: .18rem;margin-top: -.96rem; width:1.92rem; height: 1.92rem;}
	.f3List dt img{width: 100%; height: 100%; border:1px solid #f6b356;box-sizing: border-box;}
	.f3List dt span{top:.22rem; right: -.3rem; width: .58rem; height: .58rem;font-size: .3rem;line-height: .58rem;}
	.f3List dd{padding:.4rem .2rem 0 2.28rem;}
	.f3List dd h3{width: 1.62rem; height: .48rem; margin: 0 auto .26rem; border-radius: .08rem;font-size: .28rem; line-height: .48rem;}
	.f3List dd p{font-size: .28rem; line-height: 1.6;}
	.f3Con{display: none;}
	.f3Con_wap{display: block;}
	/*f4Box*/
	.f4Box{padding:.8rem .3rem 1rem;}
	.f4Box .tit{font-size: .38rem}
	.f4Box .tit small{font-size: .24rem;}
	.f4Img{width: 100%; margin:.45rem auto 0;}
	.f4Img img{width: 100%; height: auto; border-radius: .16rem;}
	/*f5Box*/
	.f5Bg{background: url(../images/sdybc/f5Bg_wap.jpg) no-repeat center top; background-size: 100% 2rem;}
	.f5Box{padding:.72rem .3rem 0;}
	.f5Box h2{padding-bottom: .2rem;font-size: .58rem;line-height: .8rem;}
	.f5Box li{padding:.2rem .2rem .6rem; margin-bottom: .4rem; border-radius:.18rem;}
	.f5Box li h3{padding-bottom:.2rem;font-size:.38rem; line-height:.6rem;}
	.f5Box li p{font-size:.3rem; line-height:1.6;}

}


.pulse{animation:pulse 2s .5s ease infinite;-webkit-animation:pulse 2s .5s ease infinite;-moz-animation:pulse 2s .5s ease infinite;}

@keyframes pulse{
	0%{transform:scale(0.9)}
	50%{transform:scale(1)}
	100%{transform:scale(0.9)}
}
@-webkit-keyframes pulse{
	0%{-webkit-transform:scale(0.9)}
	50%{-webkit-transform:scale(1)}
	100%{-webkit-transform:scale(0.9)}
}