@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;}
.jtjs{height: 360px;padding: 20px;background: #fff;}
.jtjs .left{width:46%;padding-right:30px;height: 318px;}
.jtjs .right{width:54%;height: 318px;}
.jtjs .left img{width: 100%;height: 100%;transition: all .25s ease-in;}
.jtjs .left img:hover{transform: translateY(-8px);box-shadow: 7px 7px 25px 0px rgb(220 220 220 / 80%);}
.jtjs .left p{position: absolute;top: 130px;left: 20px;font-size:34px;color:#105a8f;font-weight: bold;text-align: center;text-shadow: #fff 3px 0 0, #fff 0 3px 0, #fff 3px 0 0, #fff 0 3px 0;}
.jtjs .left i{position: absolute;font-size:64px;color: #fff;bottom: 10px;right:50px;}
.jtjs .right h4{font-size: 20px;color: #494949;margin-bottom: 20px;}
.jtjs .right p{text-indent: 2em;line-height: 32px;font-size: 16px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 8;overflow: hidden;}

.scope{height: 343px;background: #fff;}
.scope .kd{width: 33.3%;padding: 20px;}
.scope .kd h4{font-size:20px;color: #494949;margin-bottom: 20px;}
.scope .jyfw img{width: 100%;max-height: 100px;}
.scope .jyfw p{text-indent: 2em;line-height: 30px;margin-top: 10px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;}
.scope .zzjg img{width: 100%;}
.scope .cydw .tit{height:72px;line-height: 72px;background: #f5f5f5;padding: 0 20px;}
.scope .cydw .tit:hover{background: linear-gradient(to left,#a61315,#d20c0c,#a61315);}
.scope .cydw .tit:hover p{color: #fff;}
.scope .cydw .tit p span{font-size:20px;font-weight: bold;margin-right: 5px;}

.catalogue{height:593px;background: #fff;padding: 20px;}
.catalogue h4{font-size: 20px;color: #494949;margin-bottom: 20px;}
.catalogue img{width: 100%;}



/*主体结束*/

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

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

/*medium pcScreen lg*/
@media screen and (max-width: 1199px) {
}
/*pad md*/
@media screen and (max-width: 991px ){
}
/*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;}
}