@charset "utf-8";
/* CSS Document */
/**
 * @description: 网站首页样式
 * @author: ishang_pan
 * @update: ishang_pan (2020-06-16 09:25)
 */

/*主体*/
.is-main{background-color: #f0f0f0;background-image: url(../images/home/bg-big.png);background-repeat: no-repeat;background-position: bottom center;}
.zpxx{height:356px;background: #fff;padding: 20px;}
.zpxx h2{font-size: 20px;font-weight: bold;margin-bottom: 22px;}
.zpxx ul li{float: left;width: 32.7%;height: 270px;background: #f5f5f5;border-radius: 5px;transition: all .25s ease-in;}
.zpxx ul li:hover{transform: translateY(-8px);box-shadow: 7px 7px 25px 0px rgb(220 220 220 / 80%);}
.zpxx ul li+li{margin-left: 10px;}
.zpxx ul li h4{height:60px;line-height: 60px;background: #e1e1e1;border-top-right-radius: 5px;border-top-left-radius: 5px;text-align: center;font-size: 22px;font-weight: 500;overflow: hidden;word-wrap: normal;white-space: nowrap;text-overflow: ellipsis;}
.zpxx ul li h6{font-weight: 500;font-size: 16px;line-height: 58px;padding: 0 20px;}
.zpxx ul li p{padding: 0 20px;color: #999999;line-height: 26px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.zpxx ul li a{display: block;width:52px;height: 25px;line-height: 25px;background:#d20c0c;border-radius: 3px;color: #fff;text-align: center;margin-left: 20px;margin-top: 20px;}

.m-jtdt{height:318px;background: #fff;padding: 20px;}
.m-jtdt .left{width: 50%;padding: 0 15px;}
.m-jtdt .left h4{font-size:20px;font-weight: bold;margin-bottom: 10px;}
.m-jtdt .left ul li{background: url(../images/home/dian.png)no-repeat left;padding-left:15px;line-height: 40px;overflow: hidden;word-wrap: normal;white-space: nowrap;text-overflow: ellipsis;}
.m-jtdt .left ul li span{float: right;color: #999999;}
/*主体结束*/

/*media query*/
/*large pcScreen*/
@media screen and (min-width:1280px) {
	
}

@media screen and (max-width:1280px) {
	
}

/*medium pcScreen lg*/
@media screen and (max-width: 1199px) {
	.zpxx ul li {width: 32.5%;}
	
}
/*pad md*/
@media screen and (max-width: 991px ){
	.zpxx,.m-jtdt{height: auto;}
	.zpxx ul li {width: 100%;margin-bottom: 10px;}
	.zpxx ul li+li {margin-left: 0;}
	.m-jtdt .left{width: 100%;}
}
/*phone sm*/
@media screen and (max-width: 767px) {
	
}
@media screen and (max-width: 490px){
	.banner .group{width: auto;}
}