

/*welcome*/
.pubCon{ width:1570px; margin:0 auto;}


/* product */
.pubTit{ text-align: center;margin-bottom: 0px;}
.pubTit h3{ font-size:40px; color: #014ea0;margin-bottom: 10px;font-weight: bold;}
.pubTit h3 span {color:#019c69;}
.pubTit p{ font-size: 16px; color:#333;}


/* case */
.case{ width:100%; margin-top:80px; }
.case .swiper-slide { overflow: hidden; height: 245px;}
.case .swiper-slide img{ width:100%; height: auto;}
.case .swiper-container{ margin-top:30px;}

.case .swiper-button-next{ width:40px; height: 60px; background:rgba(255,255,255,0.45); color:#068138; transition:0.5s; border-radius: 3px;}
.case .swiper-button-prev{ width:40px; height: 60px; background:rgba(255,255,255,0.45); color:#068138;transition:0.5s;border-radius: 3px;}
.case .swiper-button-next:hover{ background:rgba(255,255,255,0.75);}
.case .swiper-button-prev:hover{background:rgba(255,255,255,0.75);}


/* advantages */
.advantages{ width:100%; height:600px; margin-top:80px; background:url(/skin/images/adbj.jpg) no-repeat center; background-size:100% 100%; padding-top:60px;}
.adtit{ width:100%; text-align: center;padding-top:30px;}
.adneibj{ width:100%; height: 480px; background:rgba(255,255,255,0.85); margin-top:30px; }
.advantages ul { padding-top:20px;}
.advantages ul li{ width:45%; float:left; margin-right:10%; margin-top:25px;}
.advantages ul li:nth-child(2n){ margin-right:0px;}
.advantages ul li h3{ height: 60px; line-height: 60px; font-size:26px; color:#333;}
.advantages ul li i{ width:60px; height: 60px; float: left; display: block; padding-right:15px;}
.advantages ul li i img{ transition:0.75s;}
.advantages ul li p{ font-size:16px; color:#333;line-height: 25px; margin-top:10px;}
.advantages ul li:hover i img{ transform:rotate(360deg);}


/* case */
.fahuo{ width:100%; margin-top:0px; }
.fahuo .swiper-slide{overflow: hidden; height: 334px;}
.fahuo .swiper-slide img{ width:100%;}

.fahuo .swiper-button-next{ width:40px; height: 60px; background:rgba(255,255,255,0.45); color:#068138; transition:0.5s; border-radius: 3px;}
.fahuo .swiper-button-prev{ width:40px; height: 60px; background:rgba(255,255,255,0.45); color:#068138;transition:0.5s;border-radius: 3px;}
.fahuo .swiper-button-next:hover{ background:rgba(255,255,255,0.75);}
.fahuo .swiper-button-prev:hover{background:rgba(255,255,255,0.75);}


@media screen and (min-width: 1200px) and (max-width: 1466px){
.case .swiper-slide { overflow: hidden; height: 208px;}
.fahuo .swiper-slide{overflow: hidden; height: 285px;}
}



@media screen and (min-width: 992px) and (max-width: 1200px){
    .pubCon{ width:96%; margin: 0 auto; }
.case .swiper-slide { overflow: hidden; height: 175px;}
.fahuo .swiper-slide{overflow: hidden; height:220px;}
}


@media screen and (max-width: 992px){
 .pubCon{ width:96%; margin: 0 auto; }
.case{ width:100%; margin-top:30px; }
.case .swiper-slide { overflow: hidden; height: 130px;}
.fahuo .swiper-slide{overflow: hidden; height: 130px;}

/* advantages */
.advantages{ width:100%; height:600px; margin-top:40px; background:url(/skin/images/adbj.jpg) no-repeat center; background-size:100% 100%; padding-top:10px;}
.adtit{ width:100%; text-align: center;padding-top:20px;}
.adtit img{ width:80%;}
.adneibj{ width:100%; height: 560px; background:rgba(255,255,255,0.85); margin-top:10px; }
.advantages ul { padding-top:0px;}
.advantages ul li{ width:100%; float:left; margin-right:0%; margin-top:10px;}
.advantages ul li h3{ height: 50px; line-height: 50px; font-size:22px; color:#333;}
.advantages ul li i{ width:50px; height: 50px; float: left; display: block; padding-right:10px;}
.advantages ul li i img{ width:100%;}
.advantages ul li p{ font-size:14px; color:#333;line-height: 20px; margin-top:5px;}

	.fahuo {
		margin-top: 40px;
	}

}
 