@charset "utf-8";

/*幻灯片CSS*/
.swiper-container {
	width: 100%;
	--swiper-theme-color: #323232;
	--swiper-pagination-color: #939393;/* 两种都可以 */
}
 .swiper-pagination-bullet { 
	 width: 30px; 
	 height: 4px; 
	 display: inline-block; 
	 background: #000;
	 opacity: .3; 
	 margin: 0 5px; 
	 } 
	 
 /*自定义分页器激活时的样式表现*/ 

.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.biaoti{ text-align: center; padding: 30px 0;}
.biaoti span{display: block; font-size: 32px; color: #333; background: url(../images/fg.png) no-repeat center bottom; margin-bottom: 10px; padding-bottom: 30px;}
.biaoti span b{ color: #cb3131; font-weight: normal;}
.biaoti small{display: block; font-size: 16px; color: #999;}

/* 首页产品展示 */
.home-prolist{ text-align: center; margin-bottom: 30px;}
.home-prolist ul{ display: inline-block;}
.home-prolist ul li{ float: left;  margin-right: 20px;}
.home-prolist ul li a{display: block; height: 40px; line-height: 40px; padding: 0 20px;border: 1px solid #cacaca;border-radius: 10px;}
.home-prolist ul li a:hover{border: 1px solid #cb3131;}

.home-probg{ background: url(../images/probg.jpg) no-repeat center bottom;}
.home-pro { margin-bottom: 60px;}
.home-pro ul {}
.home-pro ul li{float: left;}
.home-pro ul li dd{background: #FFF;  box-shadow: 0 0 5px #ccc; text-align: center;padding: 0 20px;}
.home-pro ul li dd h2{ color: #666;font-size: 15px; line-height: 24px; border-top: 1px solid #e7e7e7; padding: 15px 0; }
.home-pro ul li dd img{}

/* 4大优势 */
.youshibg{ background: url(../images/ysbg.jpg) no-repeat center top; min-height: 850px;}
.youshi-bt{ text-align: center;padding: 60px 0;}
.youshi-bt h2{display: block; font-weight: bold; font-size: 46px; color: #FFF;}
.youshi-bt h2 b{ color: #cb3131;}
.youshi-bt span{display: block; font-size: 22px; color: #FFF;margin: 10px 0;}
.youshi-bt p{display: inline-block; font-size: 16px; color: #FFF; background: #cb3131; border-radius: 30px; height: 40px;line-height: 40px; padding: 0 40px;}
.youshi{ text-align: center; position: relative;}
.youshi li{ position: absolute; top:0;}
.youshi li:nth-of-type(1){}
.youshi li:nth-of-type(2){right: 0;}
.youshi li:nth-of-type(3){top:70%;}
.youshi li:nth-of-type(4){top:70%; right: 0;}
.youshi li .tit{ width: 300px; color: #FFF;}
.youshi li .tit i{ float: left; margin-right: 8px;}
.youshi li .tit span{float: left; font-size: 28px;text-align: left;}
.youshi li .tit span em{ display: block; font-size: 13px; font-style: normal; text-transform: uppercase; }
.youshi li .tit h4{clear: both; display: inline-block; margin-top: 10px; text-align: justify; font-size: 14px; line-height: 24px; color: #e0e3e8;}
.youshi img{}

/* 首页公司简介 */
.home-aboutbg{ background: url(../images/aboutbg.jpg) repeat-x bottom; clear: both;}
.home-about-l{position: relative; width: 50%; z-index: 99;}
.home-about-l span{color: #cb3131; font-size: 28px;}
.home-about-l span em{color: #333;font-style: normal; text-transform: uppercase;}
.home-about-l p{color: #666; text-align: justify; margin: 30px 0; text-indent: 2em; line-height: 24px;}
.home-about-l .more{background: #cb3131; border-radius: 10px; display: inline-block; height: 36px;line-height: 36px; padding: 0 30px; margin-bottom: 50px; }
.home-about-l .more a{color: #FFF; }
.home-about-r {position: relative; width: 47%; margin-left: 3%;z-index: 99;}
.theree-ico{ margin: 50px 0;}
.theree-ico ul{}
.theree-ico ul li{ float: left; width: 33.333333%; font-weight: bold; font-size: 42px; color: #FFF;}
.theree-ico ul li i{font-style: normal; font-size: 27px; position: relative; top:-8px; margin-left: 8px;}
.theree-ico ul li em{font-style: normal; font-size: 18px; position: relative; top:-8px;margin-left: 8px;}
.theree-ico ul li span{ display: block; font-size: 13px; font-weight: normal; color: #999;}

/* 首页合作客户 */
.home-hezuobg{ background:#f2f2f2; margin-bottom: 50px;}
.home-hezuo { margin: 20px 0 60px 0;}
.home-hezuo ul {}
.home-hezuo ul li{float: left;}
.home-hezuo ul li dd{ background: #FFF;box-shadow: 0 0 5px #ccc;}
.home-hezuo ul li dd img{width: 100%;}
.home-hezuo ul li .text{ padding: 20px;}
.home-hezuo ul li .text h2{ font-size: 16px; margin-bottom: 10px;}
.home-hezuo ul li .text p{ font-size: 14px; color: #999; line-height: 24px; text-align: justify; /* text-indent: 2em; */}

/* 首页新闻资讯 */
.newsbt{width: 100%; margin-bottom: 10px; display: inline-block;}
.newsbt i{ float: left; margin-right: 10px;}
.newsbt span{ float: left; font-size: 22px; color: #333; padding-top: 8px;}
.newsbt span b{ color: #999; font-weight: normal; text-transform: uppercase;}


.home-newsLeft .home-newsimg { clear: both; height: 220px;}
.home-newsLeft .home-newsimg img{ width: 100%;height: 100%;}
.home-newsLeft{ width: 38%; margin-right: 2%;}
.home-newsLeft ul{overflow: hidden; border: 1px solid #E7E7E7; padding:15px 20px;}
.home-newsLeft ul li { height:34px; line-height: 34px; border-bottom: 1px dashed #E7E7E7;}
.home-newsLeft ul li a:hover h2{color: #cb3131;}
.home-newsLeft ul li h2{float: left; font-size: 14px; color: #333;}
.home-newsLeft ul li time{display: block;color: #999; float: right;}

.home-newsRight{ width: 60%;}
.home-newsRight ul{overflow: hidden; border: 1px solid #E7E7E7; padding:15px 20px;}
.home-newsRight ul li { height:34px; line-height: 34px; border-bottom: 1px dashed #E7E7E7;}
.home-newsRight ul li a:hover h2{color: #cb3131;}
.home-newsRight ul li h2{float: left; font-size: 15px; color: #333;}
.home-newsRight ul li time{display: block;color: #999; float: right;}

@media (min-width:1024px) and (max-width:1199px) {

	.youshi >img{max-width: 80%;}
	.home-about-l .more{margin-bottom: 10px;}

}

@media (min-width:768px) and (max-width:1023px) {
	
	.home-pro ul li{float: left; width: 33.333333%;}
	.home-hezuo ul li{float: left; width: 50%; margin-bottom: 30px;}

	.youshibg{ background-size: 100% 100%; min-height: auto; padding-bottom: 30px;}
	.youshi li{position: inherit;}
	.youshi li .tit{ width: 100%; margin-bottom: 30px;}

	.home-newsLeft,.home-newsRight{width: 100%;}
	.home-newsLeft{margin-bottom: 30px;}


	
}
@media screen and (max-width:767px) {
	
	.biaoti span{font-size: 26px;}
	.home-prolist ul li{ width: 42%; margin-bottom: 15px;}
	.home-pro ul li{ width: 100%; margin-bottom: 20px;}
	
	.youshi-bt h2{font-size: 28px;}
	.youshibg{ background-size: 100% 100%; min-height: auto; padding-bottom: 30px;}
	.youshi li{position: inherit;}
	.youshi li .tit{ width: 100%; margin-bottom: 30px;}
	
	.home-aboutbg{background: none;}
	.home-about-l{width: 100%;}
	.home-about-r{width: 100%; margin-left: 0; margin-bottom: 30px;}
	.home-about-l .more{ margin-bottom: 0;}
	.theree-ico{margin: 30px 0;}
	.theree-ico ul li{color: #222; font-size: 28px;}
	.theree-ico ul li i{top:-3px;}
	.theree-ico ul li em{top:-4px;}
	
	.home-hezuo ul li{margin-bottom: 30px;}
	.home-newsLeft,.home-newsRight{width: 100%;}
	.home-newsLeft{margin-bottom: 30px; width: 100%;}
	.home-newsLeft dd{height: auto;}
	.home-newsRight ul li .date{display: none;}
	


}