@charset "utf-8";
/*优势*/
#advantage{border-top:3px solid #DDDBDC}
#advantage ul{margin-top:20px;margin-bottom:20px}
#advantage:after{display:block;content:'';height:52px;background:url(../images/advantage_shadow.png) no-repeat center 0}
#advantage li{text-align:center}
#advantage .icon{width:68px;height:68px;background-color:#e0b942;border-radius:50%;margin:0 auto}
#advantage h3{font-weight:normal;font-size: 22px;}
#advantage h3:after{display:block;content:'';width:50px;height:4px;background:#e0b942;margin: 3px auto;}
#advantage li:hover .icon{background-color:#970009}
#advantage li:hover h3{font-weight:bold}
#advantage li:hover h3:after{background:#970009}
@media (max-width:768px){
	#advantage ul{padding:0;justify-content:space-around}
	#advantage .icon{transform:scale(0.8)}
	#advantage h3{font-size:16px;font-weight:bold}
	#advantage p{font-size:12px}
}
@media (max-width:600px){
	#advantage li:nth-child(1),#advantage li:nth-child(3),#advantage li:nth-child(5){width:33%}
	#advantage .xian{display:none}
	#advantage .icon{transform:scale(0.6)}
	#advantage h3{font-size:14px}
}
@media (max-width:500px){
	#advantage:after{height:20px}
	#advantage .icon{transform:scale(0.6);margin:-5px auto}
	#advantage h3{font-size:14px}
}

/*产品展示*/
#product{margin-bottom: 100px;}
.title{text-align:center;line-height:1.4}
.title h2{color:#333333;font-size:24px;position:relative;overflow:hidden; line-height:60px;}
.title h2 span{color:#970009}
.title h2:before,.title h2:after{display:block;content:'';width:486px;height:23px;position:absolute;top:20px}
.title h2:before{background:url(../images/title_bg_l.png);right:50%;margin-right:115px}
.title h2:after{left:50%;margin-left:115px;background: url(../images/title_bg_r.png);}
.title p{font-size:20px;color:#333333}
.category{margin:40px auto}
.category li{margin:0 20px}
.category a{display:block;padding:5px 35px;font-size:18px}
.category a:hover,.category li:first-child a{color:#fff;background:#970009}
.prolist li{width:25%}
.prolist li .pic{margin:0 5px}
.prolist li .pic a{display:block;border:2px solid #999;border-radius:50%;overflow:hidden}
.prolist li .pic a img{transition:0.5s all;display:block;max-width:100%}
.prolist li .title{margin-top:5px}
.prolist li h4{font-size:16px;line-height:2;color:#333}
.prolist li .cate-title{font-weight:normal}
.prolist li .pro-title{font-weight:normal}
.prolist li .more{background:#E0B942;color:#fff;width:200px;border-radius:20px;line-height:40px;margin:10px auto}
.prolist li:hover .pic a{border-color:#000}
.prolist li:hover .pic a img{transform:scale(1.2)}
.prolist li:hover .more{background:#970009}
.prolist-controls{margin:50px 0}
.prolist-controls .swiper-prev,.prolist-controls .swiper-next{position:unset;background-image:url(../images/controls.png);background-repeat:no-repeat;background-color:#970009;border-color:#970009;width:120px;height:40px;margin:0 16px;cursor:pointer}
.prolist-controls .swiper-prev{background-position:-120px 0}
.prolist-controls .swiper-next{background-position:-240px 0}
.prolist-controls .swiper-prev.swiper-button-disabled{background-position:0 0;background-color:transparent;border:1px solid #565656}
.prolist-controls .swiper-next.swiper-button-disabled{background-position:-360px 0;background-color:transparent;border:1px solid #565656}
@media (max-width: 768px){
	#product{margin-bottom:30px}
	.title h2{font-size: 26px;}
	.title h2:before,.title h2:after{top: 7px;}
	.title h2:before{margin-right: 65px;}
	.title h2:after{margin-left: 65px;}
	.title h3{font-size: 20px;}
	.title p{font-size: 14px;}
	.category{margin: 20px auto;}
	.category li{margin: 0 5px;}
	.category a{padding: 3px 20px;font-size: 14px;}
	.prolist li{width: 33.3%;}
	.prolist li .more{width: 150px;}
	.prolist-controls{margin: 20px 0;}
}
@media (max-width:620px){
	.category a{padding: 2px 10px;}
}
@media (max-width:520px){
	.title h2{font-size: 20px;}
	.title h2:before,.title h2:after{top: 3px;}
	.title h2:before{margin-right: 50px;}
	.title h2:after{margin-left: 50px;}
	.title h3{font-size: 16px;}
	.title p{font-size: 12px;}
	.category a:hover,.category li:first-child a{}
	.prolist li{width: 50%;}
}

#about{margin-bottom:100px}
.about{margin-top:50px}
.aboutL{width:47%}
.aboutL img{display:block;width:100%}
.aboutR{width:50%;color:#333333}
.aboutR h1{font-size:30px;letter-spacing:2px;line-height:1.2}
.aboutR h2{font-size:18px;font-weight:normal}
.aboutR .about-text{margin:30px 0 48px}
.aboutR .about-more{display:block;width:120px;line-height:40px;background:#e0b942;text-align:center;color:#fff}
.aboutR .about-more:hover{background-color:#970009}
.case-box{margin-top:48px}
.case-box .case{flex:1}
.case-box li{width:32%;box-sizing:border-box;padding:0;margin-right:1.3%;cursor:pointer}
.case-box li img{display:block;max-width:100%}
.case-controls{width:40px}
.case-controls .swiper-prev,.case-controls .swiper-next{width:40px;height:48%;cursor:pointer;background-image:url(../images/controls.png);background-repeat:no-repeat}
.case-controls .swiper-prev{background-color:#2C2C2E;background-position:-160px center}
.case-controls .swiper-next{background-color:#970009;margin-top:8px;background-position:-280px center}
@media (max-width:768px){
	#about{margin-bottom:40px}
	.about{margin-top:15px}
	.aboutL{width:100%}
	.aboutR{width:100%;margin-top:15px;display:flex;flex-wrap:wrap;flex-direction:column-reverse}
	.about-box{margin-top:15px}
	.aboutR h1{font-size:24px}
	.aboutR h2{font-size:14px}
	.aboutR .about-text{margin:10px 0 15px}
	.case-box{margin-top:0}
	.case-controls .swiper-next{margin-top:5px}
}

#news{background:url(../images/news_bg.jpg) no-repeat center;padding:60px 0 30px}
.news-category{margin:50px auto}
.news-category li{margin-right:5px}
.news-category a{display:block;padding:5px 30px}
.news-category li:first-child a,.news-category li a:hover{background:#E0B942;color:#fff}
.newsL{width:35%}
.news-img{margin-bottom:10px}
.news-img a img{display:block;max-width:100%}
.news-con,.newsC li{border-bottom:1px solid #DDDDDF;padding-bottom:16px;margin-bottom:46px}
.news-con time,.newsC li time{font-size:17px;font-weight:bold;color:#3d3d3f}
.news-con h4,.newsC li h4,.newsR h4{font-weight:normal;margin-bottom:5px}
.news-con p,.newsC li p,.newsR p{line-height:1.5;font-size:15px;color:#3d3d3f}
.news-con a:hover time,.newsC li a:hover time{color:#970009}
.news-con a:hover h4,.newsC li a:hover h4{color:#970009}
.newsC{width:31%;margin-top:-10px}
.newsR{width:25%;margin-top:-22px}
.newsR .news-title{font-size:40px}
.newsR .news-title:after{display:block;content:'';width:40px;height:10px;background:#970009;margin:20px 0 40px}
.newsR a{display:block;width:180px;line-height:50px;background:#E0B942;text-align:center;color:#fff;border-radius:50px;margin-top:80px}
.newsR a:hover{background:#970009}
@media (max-width:768px){
	#news{background-size:cover;padding-top: 30px;}
	.news-category{margin:20px auto}
	.news-category a{padding:3px 20px;font-size:14px}
	.news-category li:first-child a,.news-category li a:hover{}
	.newsL{width:100%}
	.news-img a img{width:100%}
	.newsC{width:100%;margin-top:0}
	.news-con,.newsC li{padding-bottom:15px;margin-bottom:15px}
	.news-con time,.newsC li time{font-size:16px}
	.news-con h4,.newsC li h4,.newsR h4{font-size:16px;margin-bottom:0;font-weight:bold}
	.news-con p,.newsC li p,.newsR p{font-size:14px}
	.newsR{width:100%;margin:0}
	.newsR .news-title{font-size:24px}
	.newsR .news-title:after{height:5px;margin:10px 0 15px}
	.newsR a{line-height:40px;margin-top:20px;width:150px;font-size:14px}
}
@media (max-width:430px){
	.news-category li{width: 25%;margin: 0;}
	.news-category a{padding: 2px 0;text-align: center;font-size: 12px;}
	.newsR .news-title{font-size: 22px;}
}