@charset "utf-8";

.common-title h2{
	font-size: 36px;
	color: #2C3E50;
	text-align: center;
	line-height: 40px;
	margin-bottom: 12px;
}

.common-title p{
	font-size: 16px;
	color: #2C3E50;
	text-align: center;
	line-height: 24px;
	margin-bottom: 30px;
}

/*banner style>>*/

.banner{
	height: 480px;
	background: url(../img/jhj.png) no-repeat center center;
	text-align: center;
}

.banner h2{
	padding: 130px 0 12px;
	font-size: 60px;
	color: #fff;
}

.banner p{
	font-size: 24px;
	color: #fff;
}

/*<<banner style*/


/*product style>>*/

.product{
	background: #f2f2f2;
}

.product .product-list{
	margin-bottom: 15px;
}

.product .product-list:last-child{
	margin-bottom: 0;
}

.product h4{
	font-size: 24px;
	margin-bottom: 15px;
	color: #e10032;
}

.product ul li{
	font-size: 18px;
	line-height: 32px;
	width: 380px;
	margin-right: 30px;
	float: left;
}

.product ul li:nth-of-type(3n+0){
	margin-right: 0;
}

.product ul li a{
	color: #2C3E50;
}

.product ul li a:hover{
	color: #049fd9;
	text-decoration: underline;
}

/*<<product style*/

/*resources style>>*/

.resources h2{
	margin-bottom: 20px;
}

.resources .resources-list{
	float: left;
	width: 380px;
	margin-left: 30px;
}

.resources .resources-list:first-child{
	margin-left: 0;
}

.resources .resources-list h3{
	font-size: 26px;
	color: #2C3E50;
	margin-bottom: 15px;
}

.resources .resources-list ul li{
	font-size: 17px;
	line-height: 30px;
} 

.resources .resources-list ul li:before,.resources .resources-list ul li:after{
	content: '';
	display: block;
	clear: both;
	height: 0;
}

.resources .resources-list ul li a{
	color: #007fab;
	float: left;
	max-width: 350px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.resources .resources-list ul li a:hover{
	color: #049fd9;
	text-decoration: underline;
}

.resources .resources-list ul li i{
	color: red;
	margin-left: 6px;
	float: left;
	height: 30px;
	line-height: 30px;
}

/*<<resources style*/

/*news style>>*/

.news{
	border-top: 1px solid #dedede;
}

.news h2{
	margin-bottom: 30px;
}

.news .news-con .news-list{
	width: 380px;
	float: left;
	margin-left: 30px;
}

.news .news-con .news-list:first-child{
	margin-left: 0;
}

.news .news-con .news-list > div{
	height: 180px;
	overflow: hidden;
}

.news .news-con .news-list h3{
	font-size: 24px;
	margin: 12px 0;
	color: #2C3E50;
}

.news .news-con .news-list p{
	font-size: 16px;
	margin-bottom: 12px;
	color: #2C3E50;
	line-height: 26px;
	height: 52px;
	overflow: hidden;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-box-orient: vertical;
    -webkit-line-clamp: 2;
    -moz-line-clamp: 2;
    -ms-line-clamp: 2;
}

.news .news-con .news-list a{
	font-size: 16px;
	color: #007fab;
}

.news .news-con .news-list a:hover{
	color: #049fd9;
}

/*<<news style*/