@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;}
.banner .group{height: auto;}
.location{width: 100%;height: 55px;line-height: 55px;background: url(../images/home/location.png)no-repeat left center;padding-left: 30px;color: #999999;}
.location a{color: #999999;}
.list-box{min-height: 800px;}
.list-box .left{width: 20%;background: #e9e9e9;min-height: 800px;}
.list-box .left ul li{height: 84px;line-height: 84px;text-align: center;border-bottom: 1px dashed #cccccc;}
.list-box .left ul li a{background: url(../images/home/85693496739.png)no-repeat left;padding-left: 20px;font-size: 17px;}
.list-box .left .title{font-size: 23px;}
.list-box .left .u-active{background: linear-gradient(to left,#a61315,#d20c0c,#a61315);}
.list-box .left .u-active a{color: #fff;background: url(../images/home/045869458694.png)no-repeat left ;}

.list-box .right{width: 80%;background: #fff;padding: 20px;min-height: 800px;}
.list-box .right .title{border-bottom: 1px solid #dddddd;}
.list-box .right .title h4{width: 110px;font-size:20px;border-bottom:4px solid #d20c0c;text-align: center;padding-bottom: 11px;}
.timer-shaft-box .timer-shaft{position: relative;height: 60px;background: #f5f4f4;overflow: hidden;}
.timer-shaft-box .timer-left{position: absolute;width: 36px;height: 60px;background: url(../images/home/left1.png)no-repeat;z-index: 99;}
.timer-shaft-box .timer-right{position: absolute;right: 0;bottom: 0;width: 36px;height: 60px;background: url(../images/home/right1.png)no-repeat;z-index: 99;}
.timer-scale{position: absolute;top: 0;left: 0;line-height: 60px;padding-left: 36px;white-space: nowrap;}
.timer-scale-cont {display: inline-block;padding: 0 31px;}
.timer-scale-cont.hov p{color: #d74545;font-weight: bold;}
.shaft-detail-cont{text-align: center;}
.timer-shaft-content{padding: 30px 0;}
.shaft-detail-cont{display: none;min-height: 700px;}
.timer-scale-cont p{color: #333333;text-align: center;transition: all .3s;}
.shaft-detail-cont ul{min-height: 700px;background: url(../images/home/00384758435.png)no-repeat center center;}
.shaft-detail-cont ul li{position: relative; width: 50%;padding: 0 35px;margin-top: 70px;}
.shaft-detail-cont ul li:nth-child(1),.shaft-detail-cont ul li:nth-child(3),.shaft-detail-cont ul li:nth-child(5),.shaft-detail-cont ul li:nth-child(7){text-align: right;float: left;background-position: right center;}
.shaft-detail-cont ul li:nth-child(2),.shaft-detail-cont ul li:nth-child(4),.shaft-detail-cont ul li:nth-child(6),.shaft-detail-cont ul li:nth-child(8){text-align: left;float: left;background-position: left center;margin-top: 150px;}
.shaft-detail-cont ul li h4{font-size: 23px;font-weight: bold;}
.shaft-detail-cont ul li p{line-height: 30px;}
.shaft-detail-cont ul li:after{content:''; position: absolute; right:-10px; top: 50%; margin-top: -10px; width: 20px; height: 20px; background: url(../images/home/yq.png) center no-repeat; }
.shaft-detail-cont ul li:nth-child(2n):after{right: auto; left: -10px;}
/*主体结束*/

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

@media screen and (max-width:1280px) {
.timer-scale-cont {padding: 0 28px;}
}

/*medium pcScreen lg*/
@media screen and (max-width: 1199px) {
	.shaft-detail-cont img{width: 100%;}
	.timer-scale-cont {padding: 0 17px;}
}
/*pad md*/
@media screen and (max-width: 991px ){
	.list-box .left,.list-box .right{width: 100%;min-height: auto;}
	.timer-scale-cont {padding: 0px 15px;}
}
/*phone sm*/
@media screen and (max-width: 767px) {
	
}
@media screen and (max-width: 490px){
	.banner .group{width: auto;}
}
@media screen and (max-width: 550px){
	.shaft-detail-cont ul li{padding:0 20px;margin-top:30px;}
	.shaft-detail-cont ul li:nth-child(2), .shaft-detail-cont ul li:nth-child(4),.shaft-detail-cont ul li:nth-child(6), .shaft-detail-cont ul li:nth-child(8){margin-top:120px;}
}