@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;}
.hotNew{height:506px;background:#fff;padding: 20px;}
.hotNew .left{width: 70%;}
.hotNew .left img{height: 100%;width:100%;}
.hotNew .right{width: 30%;padding: 0 20px;}
.hotNew .right h4 a{display: block;font-weight: bold;font-size:24px;color:#d20c0c;line-height: 32px;margin: 30px 0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.hotNew .swiper-slide{height: 466px;background: #f5f5f5;}
.hotNew .right p{font-size:15px;line-height: 30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 10;overflow: hidden;}
.hotNew .swiper-pagination-bullets{left: 35%!important;}
.hotNew .swiper-pagination-bullet{width: 16px;height: 16px;}
.hotNew .swiper-pagination-bullet-active{background: #d20c0c;}
.m-jtdt{height:390px;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;}
.tit-switch ul li{background:none!important;}


/*主体结束*/

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

@media screen and (max-width:1280px) {
	.jtjs .left p{display: none;}
	.hotNew .left img{width: 100%;}
}

/*medium pcScreen lg*/
@media screen and (max-width: 1199px) {
	.hotNew{height: auto;}
	.hotNew .right h4 a{margin: 10px 0;}
	.hotNew .right p{-webkit-line-clamp: 8;}
	
}
/*pad md*/
@media screen and (max-width: 991px ){
	.hotNew .left{width: 100%;}
	.hotNew .right{width: 100%;}
	.m-jtdt .left{width: 100%;}
	.m-jtdt{height: auto;}
}
/*phone sm*/
@media screen and (max-width: 767px) {
	.jtjs,.scope,.catalogue{height: auto;}
	.jtjs .left,.jtjs .right{width: 100%;padding-right: 0;}
	.jtjs .right{margin-top: 20px;}
	.scope .kd{width: 100%;}
}
@media screen and (max-width: 490px){
	.banner .group{width: auto;}
}