/*@media screen and (min-width:1400px){*/

/*   .list-page-nav-hd, .project-list-page, .list-title-w1280, .list-page-nav-bd, .datails-page-bg{*/
/*        padding-left: 15% !important; */
/*        padding-right: 15% !important;*/
/*    }*/
/*    .list-title{*/
/*		height:300px !important;*/
/*		background:url(/images/top-bg.png);*/
/*		background-position: top left;*/
/*		background-size: 100% 300px !important;*/
/*	}*/
/*	.list-title h2{*/
/*		font-size: 28px!important;*/
/*	}*/
/*    .datails-page-cont h4{*/
/*    	 font-size: 28px !important;*/
/*    } */
/*    .datails-page-cont .art p{*/
/*    	!*font-size: 14px!important;*!*/
/*    }*/
/*    .datails-page-cont .tab span{*/
/*    	font-size: 14px!important;*/
/*    } */
/*    .datails-page-cont ul li a{*/
/*    	font-size: 14px!important;*/
/*    } */


/*    .project-list-page ul li h4{*/
/*    	font-size: 18px!important;*/
/*    }*/
/*    .project-list-page ul li p{*/
/*		font-size: 14px!important;*/
/*    }*/

/*    .list-page-nav-bd ul li h4{*/
/*    	font-size: 18px!important;*/
/*    }*/
/*    .list-page-nav-bd li .date{*/
/*    	font-size: 14px!important;*/
/*    }*/
/*    .list-page-nav-bd ul li p{*/
/*		font-size: 14px!important;*/
/*    }*/
/*    */

/*}*/

/*@media screen and (min-width:1900px){*/
/*    .list-page-nav-hd, .project-list-page, .list-title-w1280, .list-page-nav-bd, .datails-page-bg{*/
/*        padding-left: 18% !important;*/
/*        padding-right: 18% !important;*/
/*    }*/
/*    .list-title{*/
/*		height:320px !important;*/
/*		background:url(/images/top-bg.png);*/
/*		background-position: top left;*/
/*		background-size: 100% 320px !important;*/
/*	}*/
/*	.list-title h2{*/
/*		font-size: 30px!important;*/
/*	}*/
/*    .datails-page-cont h4{*/
/*    	 font-size: 30px !important;*/
/*    }*/
/*    */
/*    */
/*}*/




.list-page-top{
	/*height:260px;*/
}
.list-title{
	width: 100%;
	height:260px;
	background:url(/images/top-bg.png);
	background-position: top left;
	background-size: 100% 260px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.list-title-w1280{
	padding-right: 10%;
	padding-left: 10%;
}
.list-title h2{
	font-size: 26px;
	color: #fff;
}
.list-title .line{
	width: 60px;
	margin-top: 6px;
	height:4px;
	background: #fff;
}

/*导航 列表*/
.list-page-nav{
	background: #fff;
	width: 100%;
    height:60px;
    border-bottom: solid 1px #eee; 
}
.list-page-nav .list-page-nav-hd{ 
	line-height: 60px; 
	position:relative;
}
.list-page-nav .list-page-nav-hd ul{ }
.list-page-nav .list-page-nav-hd ul li{ float:left; padding:0 24px; cursor:pointer; font-size: 16px; }
.list-page-nav .list-page-nav-hd ul li.on{ height:60px; background:#1961ac; color:#fff;}
.list-page-nav .list-page-nav-hd ul li.on a{color:#fff;}
.list-page-nav .list-page-nav-hd ul li:hover{background:#1961ac; color:#fff;}

.list-page-nav-bd{width:100%;margin:24px auto;}
.list-page-nav-bd ul{margin:0 auto;margin-left:-15px;}
.list-page-nav-bd li{
	padding:15px;
	border-bottom: solid 1px #eee; padding-bottom: 24px;padding-top: 24px;
	cursor: pointer;
    -webkit-transition: 0.3s linear;
    transition: 0.3s linear;
    transition: 0.3s;
}
.list-page-nav-bd li  h4{font-size: 16px;color:#333;line-height: 32px;/*overflow: hidden;text-overflow:ellipsis;white-space: nowrap;*/}

.list-page-nav-bd li .date{text-align: right;color: #999;font-size: 12px;}
.list-page-nav-bd li p{text-indent:2em; text-align: justify;color: #666;font-size: 14px;line-height: 20px;margin-top: 12px;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.list-page-nav-bd li:hover{	
	 -webkit-box-shadow: 0 0 12px rgba(0,0,0,0.1); box-shadow: 0 0 12px rgba(0,0,0,0.1); 
	-webkit-transform: translate(1px 5px ); -webkit-transform: translate(1px 5px);
}
.list-page-nav-bd li:hover h4{color:#1961ac;}

/*分页*/

.list-page-page{width: 100%;margin: 40px auto; display: flex;justify-content: center;}
.list-page-page ul {display: flex;}
.list-page-page ul li{padding:0 10px}
.list-page-page ul li a{display: block;padding: 6px 14px;border: solid 1px #eee;font-size: 14px;color: #666;text-align: center;}
.list-page-page ul li a:hover{border: solid 1px #1961ac;background: #1961ac;color: #fff}
.list-page-page ul li .active{border: solid 1px #1961ac;background: #1961ac;color: #fff}


/*详情页-内容*/
/*.datails-bg{
	width: 100%;
	background: #eeeeee;
}*/
.datails-page-bg{
	width: 100%;
	background-color: #eeeeee;
	height:auto;
	padding: 40px 0;
}
.datails-page{
	padding-top: 24px;
	margin:0 auto;
}
.datails-page-cont{
	background: #fff;
	padding:40px;
}
.datails-page-cont h4{
	font-size: 26px;
	color: #333;
	text-align: center;
}
.datails-page-cont .tab{
	text-align: center;
	padding-top:30px;
}
.datails-page-cont .tab span{
	padding:0 20px;
	color: #999;
	font-size: 12px;
}
.datails-page-cont .art{
	margin-top: 10px;
	margin-bottom: 24px;
	padding-top: 10px;
	padding-bottom: 24px;
	border-top: solid 1px #eee; 
	border-bottom: solid 1px #eee;
}
.datails-page-cont .art p{
	font-size: 16px;
	color: #666;
	line-height: 28px;
	text-align: justify;
	/*margin-top: 20px;
	text-indent: 2em;*/
}
.datails-page-cont .art img{
	width: 100%;
	/*margin-top: 20px;
    object-fit: cover;*/
}

.view-pictures img:hover{
    cursor: pointer;
}

.datails-page img{
	max-width: 650px;
}

.datails-page-cont ul{
	display: flex;
	justify-content: space-between;
}
.datails-page-cont ul li a{
	padding:6px 20px;
	color: #666;
	font-size: 12px;
	border:solid 1px #eee;
}
.datails-page-cont ul li .active{
	border: solid 1px #1961ac;background: #1961ac;color: #fff
}

.datails-page-cont .buttun-left{
	margin-right: 8px;
	padding-top: 8px;
	display: inline-block;
	width: 12px;
	height:12px;
	background: url(/images/left.png) no-repeat; 
	background-size: 12px 12px;
}
.datails-page-cont .buttun-right{
	margin-left: 8px;
	padding-top: 8px;
	background: url(/images/right.png) no-repeat;
	background-size: 12px 12px;
	background-position: center center;
	display: inline-block;
	width: 12px;
	height:12px;
}

.zhanqun-bg-details{
    background:#eee;
}



/*项目类列表*/
.project-list-page-w{
	width: 100%;
}
.project-list-page{
	padding-left: 10%;
	padding-right: 10%;
	margin: 24px auto;
}
.project-list-page ul{margin-left: -1%; }
.project-list-page ul:after{display:block; content:''; clear:both;}
.project-list-page ul li{width:23%; float:left; 
	padding-bottom: 20px;
	margin-left: 2%; 
	margin-bottom: 2%;	
    background-color: #f9f9f9; 
    cursor: pointer;
    -webkit-transition: 0.3s linear;
    transition: 0.3s linear;
    transition: 0.3s;
}

.project-list-page ul li .pic{
	overflow: hidden;
    position: relative;
}
.project-list-page .div-img{
	position: relative;
    width: 100%;
    padding-bottom: 40%;
    height: auto;
    vertical-align: middle;
    text-align: center;
    overflow: hidden;
    transition: 600ms;
    -webkit-transition: 600ms;
}

.project-list-page .div-img img{
    width: 100%;
    display: block;
    transition: 600ms;
    -webkit-transition: 600ms;
    -ms-transition: 600ms;
    height: auto !important;
    left: 50% !important;
    top: 50% !important;
    -webkit-transform: translate(-50%, -50%) !important;
    -ms-transform: translate(-50%, -50%) !important;
    transform: translate(-50%, -50%) !important;
    position: absolute !important;
}

.project-list-page ul li:hover .div-img { transform: scale(1.06); -webkit-transform: scale(1.06); -moz-transform: scale(1.06); } 
.project-list-page ul li:hover { -webkit-box-shadow: 0 8px 12px rgba(0,0,0,0.1); box-shadow: 0 8px 12px rgba(0,0,0,0.1); 
	-webkit-transform: translateY(-5px); -webkit-transform: translateY(-5px); } 
.project-list-page ul li:hover h4{ color: #1961ac; }





.project-list-page ul li .item{
    background-color: #f9f9f9;
    padding: 0 12px;   
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

/*.project-list-page ul li .item:hover{box-shadow: 0 0 6px  rgba(0,0,0,0.1);-webkit-box-shadow: 0 0 6px  rgba(0,0,0,0.1);}
.project-list-page ul li .item:hover  h4{color:#1961ac;}*/

.project-list-page ul li h4{
	font-size: 16px;
	color: #333;
	padding-top:15px;
	overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
	
}
.project-list-page ul li p{
	display: block;
    width: 100%;
	min-height: 58px;
    font-size: 12px;
    color: #666;
    padding-top: 10px;
    text-align: justify;
    line-height: 24px;
     /*overflow: hidden;text-overflow:ellipsis;white-space: nowrap;*/
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}














<!--耗时1771235397.7863秒-->