@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;}
.jyfz{height: 765px;padding: 20px;background: #fff;overflow: hidden;}
.jyfz ul li{position: relative;float: left;}
.jyfz ul li h4{height: 58px;line-height: 58px;font-size: 18px;font-weight: bold;color: #fff;padding-left:110px;background-position: left 55px center;background-repeat: no-repeat;}
.jyfz .one h4{background-image: url(../images/home/ico-xsw.png);}
.jyfz .two h4{background-image: url(../images/home/ico-xm.png);}
.jyfz .three h4{background-image: url(../images/home/ico-tz.png);}
.jyfz .four h4{background-image: url(../images/home/ico-zsyz.png);}
.jyfz .five h4{background-image: url(../images/home/ico-yqjs.png);}
.jyfz .two {left: 10px;}
.jyfz .three {left: -478px;top: 250px;}
.jyfz .four {left:10px;top:-228px;}
.jyfz .five {left:20px;top:-228px;}

.box{position: absolute;width:238px;height:58px;background: rgba(0,0,0,0.5);bottom: 0;right: 0;transition:.6s}
.box p{color: #fff;font-size: 14px;margin: 0 14px;border-top: 1px solid #fff;line-height: 28px;padding-top: 10px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.box a{display: block;width:80px;height: 22px;line-height: 22px;border: 1px solid #fff;border-radius: 25px;text-align: center;color: #fff;font-size: 12px;margin: 0 auto;margin-top: 25px;}
.box a:hover{background: #d20c0c;color: #fff;border: none;}
/*主体结束*/

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

@media screen and (max-width:1280px) {
	.jyfz .two {left: 425px;top: -478px;}
	.jyfz .three {left: 0;top: -237px;}
	.jyfz .four {left: 1px;top: -477px;}
	.jyfz .five {left: 766px;top: -955px;}
}

/*medium pcScreen lg*/
@media screen and (max-width: 1199px) {
	
	
}
/*pad md*/
@media screen and (max-width: 991px ){
	.jyfz ul li img{display: none;}
	.jyfz{height: auto;}
	.jyfz ul li {width: 100%;height: 240px;background: url(../images/home/1084935943.png)no-repeat center;margin-bottom: 10px;}
	.jyfz .two,.jyfz .three,.jyfz .four,.jyfz .five{left: 0;top: 0;}
	.box {width: 100%;height: 240px!important;}
}
/*phone sm*/
@media screen and (max-width: 767px) {
	
}
@media screen and (max-width: 490px){
	.banner .group{width: auto;}
}