.pro-nav{
	height:90px;
	border-bottom:1px solid #EBEBEB;
}
.pro-nav ul{
	display:flex;
	justify-content:space-between;
	line-height: 90px;
	color: #CCCCCC;
}

.pro-nav ul li a{
	display:block;	
	font-size: 16px;
	color: #333333;
	letter-spacing: 0;
	text-align:center;
	height:88px;
}
.pro-nav ul li .blue-line{
	width:96px;
	margin:0 auto;
	height:2px;
	background: #005CAA;
}




.pro-list{
	padding:50px 0;
}

.pro-list .search-box{
	height:42px;
	line-height:42px;
	padding:36px;
	background: #EEF2F5;
}
.pro-list .search-box  span strong{
	font-size: 28px;
	color: #333333;
	letter-spacing: 0;
	font-weight:500;
}

.pro-list .search-box  span{
	font-size: 18px;
	color: #333333;
	}
.pro-list .search-box  span span{
		color: #FF6600;
}

.pro-list .search-box .input-pro{
	display:block;
	float:right;
}

.input-pro input[type='text']{
	width:342px;
	height:42px;
	background: #FFFFFF;
	border-radius: 0 0 4px 4px;
	
}

.input-pro input[type='submit']{
	width:75px;
	height:42px;
	background: #FF6600;
	border-radius: 0 4px  4px 0;
	color:#FFF;
	font-size:18px;
	line-height:42px;
}

.pro-list ul{
	margin:50px 0;
}
.pro-list ul li{
	display:block;
	width:310px;
	height:365px;
	margin:0 10px;
	float:left;	
	margin-bottom:30px;
}
.pro-list ul li:hover{
	box-shadow: 0 2px 26px 0 rgba(0,0,0,0.25);
}

.pro-list ul li img{
	width:310px;
	height:240px;
}

.pro-list ul li h5{
	font-size: 20px;
	color: #333333;
	letter-spacing: 0.33px;
	font-weight:normal;
	line-height:28px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.pro-list ul li .pro-intro{
	padding:20px;
	
}

.pro-list ul li .pro-intro p{
	font-size: 14px;
	color: #666666;
	letter-spacing: 0.23px;
	overflow:hidden; 
	text-overflow:ellipsis;
	display:-webkit-box; 
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2; 
	margin-top:11px;
}



.turn-page a{
	display:inline-block;
	padding:6px 13px;
	margin:0 5px;
	height:32px;
	line-height:32px;
	background: #EFF0F0;
	border: 1px solid #DDDDDD;	
	font-size: 14px;
	color: #6B98BE;	
}

.turn-page a.page-now{	
	background: #005CAA;
	color: #FFFFFF;
}

.mopro-search{
	display:none;
	
}
@media screen and (max-width:768px){
	
.pro-nav{
	display:none;
}
.pro-list{
	padding:0;
}
.pro-list .search-box{
	display:none;
}

.mopro-search{
	display:block;
	padding:0 0.3rem;
}

.mopro-search form{
	display:flex;
	justify-content:space-between;
	align-items:center;
	height:0.9rem;
}

.mopro-search form input[type="text"] {
    width: 5rem; 
    font-size: 0.26rem;
}
.mopro-search input::-webkit-input-placeholder { /* WebKit browsers */
  color: #999999;
}

.mopro-search input::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #999999;
}

.mopro-search input:-ms-input-placeholder { /* Internet Explorer 10+ */
  color: #999999;
}   
.mopro-search form input[type="submit"] {
	width:0.6rem;
	height:0.6rem;
	background:url(../img/common/search.svg) no-repeat center;
	background-size:0.24rem 0.24rem;
	
}


.pro-list ul li{
	width:3.3rem;
	height:auto;
	margin:0.15rem;
}

.pro-list ul li a img{
	width:100%;
	height:2.4rem;
}

.pro-list ul li a .pro-intro h5{
	font-size: 0.3rem;
	text-align: center;
}

.pro-list ul li a .pro-intro p{
	font-size: 0.24rem;
	color: #666666;
	text-align: center;
	line-height:0.36rem;
}




























}