@charset "utf-8";
/* CSS Document */
*{padding:0; margin:0 ;}
body,html{overflow-x:hidden}
body{font-family:"Microsoft Yahei";}
a{ text-decoration:none;}
.clear{clear:both;}
ul,li{ list-style:none;}
input,select,textarea{border:none;outline:none;font-family:"Microsoft Yahei";}
em{ font-style:normal;}
i{font-style:normal;}
img{border:none;max-width:100%;}
p,h1,h2,h3,h4,i{margin:0;padding:0;}


.content_box{
	width: 100%;
}
.banner{
	width: 100%;
	height: 690px;
	background: url(../images/banner.jpg) no-repeat center;
}
.content{
	width: 1200px;
	margin:0 auto;
}
.about{
	display: flex;
	justify-content: space-between;
	margin-top: 100px;
}
.about img{
	width: 511px;
}
.about .text{
	width: 660px;
}
.about .text p{
	font-size: 20px;
	color: #646464;
	line-height: 41px;
	text-indent: 2em;
}
.about .text p:nth-child(1){
	margin-top: 8px;
}
.wrap{
	width: 100%;
	background: url(../images/ditu1.png) no-repeat bottom #FFFBF8;
	overflow: hidden;
	margin-top: 78px;
	
}
.title{
	text-align: center;
}
.title h1{
	font-size: 45px;
	color: #443C33;
	line-height: 1.2;
}
.title p{
	font-size: 30px;
	color: rgba(68,60,51,0.28);
	font-family: Arial, Helvetica, sans-serif;
}
.wrap .title{
	margin-top: 60px;
}
.service ul{
	display: flex;
	flex-wrap: wrap;
	margin-top: 22px;
	margin-left: 40px;
	width: 1240px;
}
.service ul li{
	width: 334px;
	height: 334px;
	border-radius: 50%;
	background: #FC9220;
	text-align: center;
	color: #fff;
	display: flex;
	align-items: center;
	margin-left:-40px;
	margin-top: 28px;
}
.service ul li div{
	width: 334px;
	text-align: center;
}
.service ul li div h2{
	font-size: 42px;
	line-height: 1.5;
}
.service ul li div p{
	font-size: 24px;
	color: rgba(255,255,255,0.23);
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.service ul li img{
	width: 336px;
	height: 336px;
}
.adv{
	margin-top: 100px;
}
.adv ul{
	display: flex;
	justify-content: center;
}
.adv ul li{
	margin:50px 0 0 18px;
}
.customer{
	background: #FFFBF8;
	text-align: center;
	padding: 90px 0;
}
.customer p img{
	display: none;
}
.cat{
	background: #FFFBF8;
	text-align: center;
	padding-bottom: 90px;
}
.cat ul{
	width: 1080px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	margin-top: 60px;
}
.cat ul li p{
	font-size: 30px;
	font-weight: bold;
	color: #000;
	margin-top: 13px;
	background-image: linear-gradient(to right, #FC9220 100%, #FC9220 0);
	background-position: 0 97%; /* 调整背景位置来控制下划线的距离 */
	background-size: 100% 12px; /* 下划线的高度 */
	background-repeat: no-repeat;

}
.flow{
	width: 100%;
	background: url(../images/ditu6.jpg) no-repeat center #FFFBF8;
	overflow: hidden;
	padding:70px 0;
	text-align: center;
	border-top: 8px solid #FC9220;
}
.flow img{
	margin-top: 70px;
}
.flow p img{
	display: none;
}
.contact{
	width: 238px;
	height: 390px;
	background: #FFF0DF;
	border-radius: 7px;
	position: fixed;
	right: 10px;
	top:50%;
	bottom:0;

	text-align: center;
	overflow: hidden;
	
}
.contact .tel{
	margin-top: 28px;
}
.contact .tel p{
	font-size: 28px;
	color: #A55600;
	
}
.contact .tel p::before{
	content: "";
	width: 27px;
	height: 27px;
	background: url(../images/dianhua.png);
	display: inline-block;
	margin-right: 7px;
}
.contact .tel h3{
	font-size: 29px;
	color: #A55600;
	margin-top: 4px;
}
.contact .wx{
	margin-top: 20px;
}
.contact .wx p{
	font-size: 28px;
	color: #A55600;
	margin-top: 5px;
}
.copyright{
	padding:10px 0;
}
.copyright p{
	color: #999;
	font-size: 14px;
	text-align: center;
}
.contact-m{
	display: none;
}


@media (min-width: 320px) and (max-width: 1024px) {
.content{
	width: 100%;
}
.banner{
	width: 100%;
	height: 240px;
	background: url(../images/banner.jpg) no-repeat center;
	background-size:auto 240px;
}
.about{
	display: block;
	margin-top: 10%;
}
.about img{
	width: 50%;
	height: auto;
	margin:0 25%;
}
.about .text{
	width: 94%;
	margin:0 auto;
}
.about .text p{
	font-size: 18px;
	line-height: 1.6;
}
.service ul{
	width: 100%;
	margin-top:3%;
	margin-left: 5.5%;
}
.service ul li{
	width: 26%;
	height: auto;
	margin-left: -3%;
	margin-top:3%
}
.service ul li img{
	width: 100%;
	height: auto;
}
.service ul li div h2{
	font-size: 18px;
}
.service ul li div p{
	font-size: 14px;
}
.title h1{
	font-size: 30px;
}
.title p{
	font-size: 22px;
}
.adv ul{
	flex-wrap:wrap;
	margin-left: -3%;
	margin-top: 4%;
}
.adv ul li{
	width: 44%;
	margin:2% 0% 0 3%
}
.adv ul li img{
	width: 100%;
}
.cat{
	padding-bottom: 18%;
}
.cat ul{
	justify-content: flex-start;
	width: 100%;
	flex-wrap: wrap;
	margin-top:2%;
}
.cat ul li{
	width: 50%;
	text-align: center;
	margin-top: 8%;
}
.cat ul li p{
	font-size: 22px;
	background-size: 50% 8px;
	background-position: 50% 97%;
	margin:0 auto;
}
.cat ul li img{
	width: 65%;
}
.flow img{
	display: none;
}
.flow p img{
	display: block;
	width: 98%;
	margin:0 auto;
	margin-top: 10%;
}
.wrap{
	background: url(../images/ditu1.png) no-repeat right #FFFBF8;
	background-size: 200% auto;
	margin-top: 10%;
}
.wrap .title{
	margin-top: 13%;
}
.adv{
	margin-top: 13%;
}
.customer{
	padding: 13% 0;
}
.customer img{
	display: none;
}
.customer p img{
	display: block;
	width: 100%;
}
.flow{
	    padding: 15% 0;
}
.contact{
	display: none;
}

.contact-m{
	display: block;
	background: #FFEBD5;
	position: fixed;
	bottom: 0;
	width: 100%;
	display: flex;
	justify-content: center;
	padding:3% 0;
}
.contact-m .ewm img{
	width: 100px;
}
.contact-m .tel{
	margin:2% 0 0 5%;
}
.contact-m .tel .text{
	background: linear-gradient( 180deg, #FFE7A8 0%, #FFD37D 100%);
	border-radius: 50px;
	padding:5px 20px;
	width: fit-content;
	margin-bottom: 3%;
}
.contact-m .tel .text p{
	color: #A55600;
	font-size: 18px;
}
.contact-m .item a h2{
	font-size: 24px;
	color: #A55600;
	float: left;
	margin-right: 10px;
}
.contact-m a h2::before{
	content: "";
	width: 20px;
	height: 20px;
	background: url(../images/dianhua.png);
	display: inline-block;
	margin-right: 3px;
	background-size: cover;
}
.contact-m a img{
	width: 40px;
}
.copyright{
	padding:0;
	margin-bottom: 40%;
}


}



@media (min-width: 641px) and (max-width:999px ) {
	
}


@media (max-width: 1439px) and (min-width: 1200px){


}