@import url("common.css");
/*产品系列*/
.product{
	width: 100%; margin: 20px 0;
}
.product .title{
	height: 32px; padding-left: 25px; background: url(../img/product-title.png) no-repeat left center;
	line-height: 32px;font-size: 20px; color: #e8ba1f; background-size: 16px 16px;margin: 0 auto;width: 90%;
}
.product .title span{
	font-size: 14px; color: #333;
}
.product ul{
	display: flex;
}
.product li{
 	flex: 1; 
 	background: #00b3bd;
 	padding: 10px;
 	margin: 0 5px;
}
.product li .en{display: none;}
.product li .cn{font-size: 15px; color: #fff;}
.product li.p1::after{
	content: 'Sea Water Desalting Equipment';
	font-size: 11px;color: #fff;
}
.product li.p2::after{
	content: 'Drinking Water Products';
	font-size: 11px;color: #fff;
}
.product li.p3::after{
	content: 'Drinking Water Equipment';
	font-size: 11px;color: #fff;
}
/*关于我们*/
.about{
	width: 100%;
}
.about .pic{
	width: 100%;
}
.about .pic video{width: 100%;}

.about .content{
	width: 100%; background: #00b3bd; color: #fff; margin-top: 20px;
}
.about .content .name{
	font-size: 20px; font-weight: bold; padding-top: 30px; text-align: center; border-bottom: 1px solid #fff;
	width: 280px; margin: 0 auto; padding-bottom: 10px;
}
.about .content p{
	padding: 20px; text-indent: 2em; font-size: 14px; line-height: 22px; padding-top: 20px;
}
.about .content .button{
	display: block; height: 50px; background: #E8BA1F; width: 100%;
	text-align: center; font-size: 16px; color: #fff; line-height: 50px;
}
/*优势*/
.advantage{
	width: 100%; margin: 20px auto;
}
.advantage .title{
	height: 32px; padding-left: 25px; background: url(../img/product-title.png) no-repeat left center;
	line-height: 32px;font-size: 20px; color: #e8ba1f; background-size: 16px 16px;margin: 0 auto;width: 90%;
}
.advantage .title span{
	font-size: 14px; color: #333;
}
.advantage ul{
	display: flex;
	flex-wrap: wrap;
}
.advantage li{
	flex: 1;
	flex: 0 0 48%;
	margin: 0 1%;
}
.advantage li img{
	border: 1px solid #ccc; width: 100%;
}
.advantage li .tt{
	font: 14px; font-weight: bold; line-height: 30px; margin-top: 20px;
}
.advantage li .under{
	width: 30px; height: 2px; background: #ccc;
}
.advantage li .info{
	font-size: 12px; color: #777; line-height: 20px; margin-top: 8px;
}
.advantage li.a1{
	background: url(../img/a1.jpg) no-repeat top center; background-size: 100%;
}
.advantage li.a2{
	background: url(../img/a2.jpg) no-repeat top center; background-size: 100%;
}
.advantage li.a3{
	background: url(../img/a3.jpg) no-repeat top center; background-size: 100%;
}
.advantage li.a4{
	background: url(../img/a4.jpg) no-repeat top center; background-size: 100%;
}
.advantage li a{
	font-size: 16px;
}
.advantage li a:hover{
	color: #00b3bd;
}
/*新闻*/
.news{
	width: 100%; background: url(../img/index-about-bg.jpg) no-repeat center center;
	margin-top: 20px; background-size: auto 100%;padding-bottom: 20px; margin-bottom: 20px;
}
.news .logos{
	text-align: center;
}
.news .logos img{ width: 80%;}
.news .title{
	text-align: center; color: #fff; font-size: 24px; line-height: 80px; padding-bottom: 15px;
}
.news .button{
	display: block; width: 130px; height: 40px; background: #00b3bd; color: #fff; text-align: center; line-height: 40px;
	font-size: 14px; margin: 0 auto; margin-top: 30px;
}
.news-box{
	width: 100%;
}
.news-box .title-news{
	height: 32px; padding-left: 25px; background: url(../img/product-title.png) no-repeat left center;
	line-height: 32px;font-size: 20px; color: #e8ba1f; background-size: 16px 16px;margin: 0 auto;width: 90%;
}
.news-box .title span{
	font-size: 14px; color: #333;
}
.news-box ul{
	padding: 20px 10px 1px 10px; background: #f6f6f6;
}
.news-box ul li{
	height: 80px; margin-bottom: 20px;
}
.news-box ul li .date{
	width: 70px; height: 70px; background: #00b3bd; text-align: center; color: #fff;
	font-size: 12px; padding-top: 10px; float: left; margin-right: 20px;
}
.news-box ul li .date span{
	font-size: 32px; line-height: 40px;
}
.news-box ul li .title{
	font-size: 15px; line-height: 30px;
}
.news-box ul li .content{
	color: #666; font-size: 13px;
}
.news-box ul li .title a{
	color: #333; font-size: 15px;
}
.news-box ul li .title a:hover{
	color: #0563b8
}
.news-box .box1,.news-box .box2{
	display: none;
}