.adv-bg{
	background: #F9F9F9;
	padding:40px 0 60px 0;
}	

.our-advantage{
	margin:0 auto;
	
}
.our-advantage ul{
	
}

.our-advantage ul li{
	display:block;
	float:left;
	width:315px;
	height:400px;
	margin:0 10px;
	text-align:center;
	background: #FFFFFF;	
    box-shadow: 0 2px 8px 0 rgba(0,0,0,0.10);
}

.our-advantage ul li:first-child{
	margin-left:0px;
}
.our-advantage ul li:last-child{
	margin-right:0px;
}

.our-advantage ul li h5{
	text-align:center;
	font-weight:normal;
	font-size: 24px;
	color: #333333;
	line-height:32px;
	margin-top:35px;
	
}

.our-advantage ul li span{
	font-size: 14px;
	color: #333333;
	line-height:32px;
	margin:12px 0;
}
.our-advantage ul li hr{
	background: #005CAA;
	display:block;
	margin: 12px auto;
	border:0px;
	width:58px;
	height:2px;
	
}

.pro-nav{
	position:fixed;
    top: 100px;	
	z-index:10;
	
	display:none;
}
.pro-nav>ul>li{
	display:block;
	width:80px;
	height:53px;
	opacity: 0.5;
	background: #000000;
	margin-bottom:1px;
}
.pro-nav>ul>li>a{
	display:table-cell;	
	width:80px;
	height:53px;
	font-size: 14px;
	color: #FFFFFF;
	letter-spacing: 0;
	line-height: 20px;
	vertical-align: middle;
    text-align: center;
}
.pro-title{
	display:flex;
	justify-content:space-between;
	align-items:center;
}

.pro-title p{
	font-size: 16px;
	color: #888888;
	line-height:22px;
}

.pro-title h2{
	font-size: 40px;
	line-height:56px;
	color: #333333;
}
.pro-title span a{
	font-size: 16px;
	color: #333333;
	display:block;	
	line-height:22px;
	
}
.product{
	margin-top:60px;
}
.product img{
	width:100%;
}
.product ul li{
	display:block;
	width:266px;
	height:338px;
	float:left;
	padding:31px;
	text-align:center;
	border:1px solid #E2E2E2;
	margin:0px -1px -1px 0px ;
}
.product ul li:hover{
	box-shadow: 0 3px 12px 0 rgba(0,0,0,0.12);
}
.product ul li a{
	display:block;	
}

.product ul li a img{
	width:266px;
	height:220px;
}
.product ul li h5{
	font-size: 20px;
	color: #333333;
	font-weight:normal;
	margin-top:25px;
	margin-bottom:17px;
}
.product ul li p{
	font-size: 16px;
	color: #666666;
	overflow:none;
	text-overflow:ellipsis;
	display:-webkit-box; 
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2; 	
}

.news-bg{
	background: #F9F9F9;
	padding:60px 0 0 0;
}

.news-title p{
	font-size: 16px;
	color: #888888;
	line-height:22px;
}

.news-title h2{
	font-size: 40px;
	line-height:56px;
	color: #333333;
}
.news-title span{
	font-size: 16px;
	color: #333333;
	display:block;
	float:right;
	position:relative;
	line-height:22px;
	top:-22px;
}
.news ul{
	margin-top:46px;
}
.news ul li{
	display:block;
	width:315px;
	height:380px;
	margin:0 10px;
	float:left;
	background: #FFFFFF;
	box-shadow: 0 2px 8px 0 rgba(0,0,0,0.10);

}
.news-box{
	width:285px;
	padding:15px;
	
}

.news ul li:first-child{
	margin-left:0px;
}
.news ul li:last-child{
	margin-left:0px;
}
.news ul li img{
	width:100%;
	height:215px;
}
.news ul li h5{
	font-size: 18px;
	color: #333333;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	font-weight:normal;
	margin-top:20px;
}
.news ul li p{
	font-size: 14px;
	color: #666666;
	line-height: 22px;
	overflow:hidden; 
	text-overflow:ellipsis;
	display:-webkit-box; 
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2; 
	margin-top:11px;
}

.news ul li a{
	font-size: 14px;
	color: #005CAA;
	display:inline-block;
	margin-top:15px;
}



@media screen and (max-width:768px){
.adv-bg{
	margin-bottom:0;
	padding:0.4rem 0 0.6rem 0;
}
.our-advantage ul{
	padding:0 0.9rem;
}	
.our-advantage ul li{
	width:5.7rem;
	height: auto;
	margin:0 0.15rem;
}
.our-advantage ul li:last-child{
	margin-right:1.8rem;
}
.our-advantage ul li img{
	width:100%;
}	
.product{
	margin-top:0.4rem;
}	
.pro-title h2{
	font-size:0.28rem;
}
.pro-title p{
	display:none;
}
.pro-title span a{
	display:none;
}
	
.pro-title{
	padding:0 0.3rem;
}	
	
.product>img{
	height:3.2rem;
}	
	
.product ul li{
	width:2.66rem;
	height:auto;
	padding:0.5rem;
}	
	
.product ul li a img{
	width:100%;
	height:2.2rem;
}	
.product ul li a h5{
	font-size:0.2rem;
}	
	
.product ul li a p{
	font-size:0.18rem;
}	
.news-bg{
	padding-top:0;
}	
.news-title{
	padding-left:0.3rem;
}
.news-title p{
	font-size:0.16rem;
}
.news-title h2{
	font-size:0.28rem;
}
.news ul{
	margin-top:0;
}
.news ul li img{
	height:2.2rem;
}
.news ul li{
	width:2.66rem;
	margin:0.54rem;
	height:auto;
}
.news ul li:first-child{
	margin-left:0.54rem;
}

.news ul li h5{
	font-size:0.2rem;
}

.news ul li p{
	font-size:0.18rem;
}
.news .news-box{
	width:auto;
}
































	
	
}