
/*ss*/
.section{overflow: hidden !important;}



.index{padding-top: 10px;}
.index .h1{color: #333; font-size: 36px;line-height: 36px;position: relative;line-height: 36px;}
.index .h1:after{position: absolute;content: '';width: 10px;height: 2px;/*background: #e90303;*/right: -20px;top: 50%;margin-top: -1px;}
.index .h2{font-size: 16px;color:#666666;line-height: 16px;margin-top: 19px;}
.index a.more-btn{display: none;float: right;padding-left: 31px;background: url(../image/read-btn.png) no-repeat left top;font-size: 14px;color: #666;font-family: 'Open Sans';line-height: 22px;position: relative;}
.index a.more-btn:after{transition: all 1s; position: absolute;content: '';width: 36px;height: 1px;background: #bebebe;left: 30px;bottom: 0;}
.index a.more-btn:hover{color: #e90303;background: url(../image/read-btnH.png) no-repeat left top;}
.index a.more-btn:hover:after{width: 76px;background: #e90303;}

.index.white .h1{color: #fafafa;}
.index.white .h2,.index.white a.more-btn{color: rgba(250,250,250,0.8);}

.int-bot .block_index
{
    display:block;
}

/*鍚堜綔妗堜緥*/
.index-two{padding-bottom: 40px;}
.int-big{margin-top: 12px;}
.int-box{display: none;}
.int-box a:hover .h3{color: #e90303;}
.int-top{font-size: 16px;color: #444;margin-bottom: 30px;}
.int-top a{font-size: 16px;color: #444;padding: 0 10px;}
.int-top a:hover,.int-bot a:hover{text-decoration:none;}
.int-top a.active,.int-top a:hover{color: #e90303; }
.int-list{width: 452px;float: left;margin-right: 22px;margin-bottom: 30px;display: block;}
.int-list:nth-child(3n){margin-right: 0;}
.int-list .int-pic{width: 452px;height: 316px;overflow: hidden;}
.int-list .int-pic img{width: 100%;height: 100%;display: block;transition: all 1s;}
.int-list .int-font{ height: 172px;border: solid 1px #dedede;margin-top: -1px;padding-top: 35px;}
.int-list .int-font .h3{margin: 0 40px;font-size: 18px;color: #444;line-height: 18px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;margin-bottom: 18px;}
.int-list .int-font p{margin: 0 40px;font-size: 14px;color: #999;line-height: 14px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;padding-bottom: 38px;border-bottom: solid 1px #dedede;}
.int-list .int-font .h4{padding: 0 40px;transition: all 1s; position: relative; height: 47px;line-height: 47px;color: #777;font-size: 14px;background: url(https://www.hi0755.net/static/files/skin/images/int-font.png) no-repeat right 40px center;}
.int-list .int-font .h4:before{position: absolute;content: '';width: 0%;height: 1px;background: #e90303;transition: all 1s;top: -1px;}
.int-list:hover .int-font .h4:before{width: 370px;}
.int-list:hover img{transform: scale(1.1);}
.int-list:hover .h3{color: #e90303;}
.int-list:hover .int-font .h4{background: url(https://www.hi0755.net/static/files/skin/images/int-fontH.png) no-repeat right 30px center;}

/*璧勮涓績*/
.index-three{/*background: #f5f5f5;*/padding-bottom: 77px;}
.int-left{display: block;width: 400px;height: 560px;background: white;float: left;box-shadow: 0 5px 15px rgba(0,0,0,0.06);padding: 29px 25px 26px 25px;}
.int-leftx{ float:left;width:27%;}
.int-left .h3{font-size: 18px;color: #666666;line-height: 26px;width: 300px;margin-bottom: 27px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.int-left .h4{font-size: 14px;color: #999;font-family: 'Open sans';margin-bottom: 27px;}
.ine-pic{width: 350px;height: 380px;overflow: hidden;}
.ine-pic img{width: 100%;height: 100%;display: block;transition: all 1s;}
.int-left:hover img{transform: scale(1.1);}
.int-mid{/*width: 560px;*/float: left;/*margin-left: 40px;*/width: 33%;/*height: 560px;*/overflow: hidden;}
.intm{display: block;height: 270px;background: white;padding: 0 32px;padding-top: 12px;}
.intm .h3{ font-size: 18px;color: #444;line-height: 18px;margin-bottom: 23px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.intm p{height: 44px; font-size: 14px;color: #999;line-height: 22px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.intm-bot{position: relative; height: 115px;border-top: solid 1px #e4e4e4;padding-top: 10px;margin-top: 37px;background: url(../image/intm.png) no-repeat right center;}
.intm-bot:before{position: absolute;content: '';width: 0%;height: 1px;background: #e90303;transition: all 1s;top: -1px;}
.intm:hover .intm-bot:before{width: 100%;}
.intm:hover .intm-bot{background: url(../image/intmH.png) no-repeat right center;}
.intm-bot .h4{font-size: 50px;color: #444;font-family: 'sn';line-height: 50px; margin-top:1px;}
.intm-bot .h5{font-size: 14px;color: #777;font-family: 'Open sans';padding-left: 3px;}
.intm.ma20{margin-bottom: 20px;}
.int-right{/*width: 560px;*/float: right;margin-left: 0px;padding: 0px 0px 0 0px;background: white;width:38%;height: 560px;overflow: hidden; }
.inr-list{height: 131px;border-bottom: solid 1px #e4e4e4;display: block;/*padding-top: 30px;*/padding-top: 12px;}
.inr-list:last-child{border-bottom: none;}
.inr-l{width: 116px;float: left;padding-left: 20px;}
.inr-l .h4{font-size: 50px;color: #444;font-family: 'sn';line-height: 50px;}
.inr-l .h5{font-size: 14px;color: #777;font-family: 'Open sans';padding-left: 3px;}
.inr-r{float: left;width: 370px;}
.inr-r .h3{ font-size: 18px;color: #444;line-height: 18px;margin-bottom: 13px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.inr-r p{ height: 44px;font-size: 14px;color: #999;line-height: 22px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; margin-bottom:10px;}

.index-top,.int-top{ text-align:center}


@media all and (max-width: 1560px) {
	.c-main{/*width: 1200px;*/margin: 0 auto;}
}
@media all and (max-width: 1560px) {	
	.c-main{/*width: 1300px;*/margin: 0 auto;}

	
	.int-list:hover .int-font .h4:before{width:338px;}
	.int-list{width: 420px;margin-right: 20px;}
	.int-list .int-pic{width: 420px;height: 293px;}
	.int-list .int-font{height: 147px;padding-top: 30px;}
	.int-list .int-font p{padding-bottom: 23px;}
	.int-list .int-font .h4{height: 42px;line-height: 42px;}
	.int-left{width: 370px;height:517px;}
	.ine-pic{width: 320px;height: 346px;}
	.int-left .h3{margin-bottom: 20px;}
	.int-left .h4{margin-bottom: 24px;}
	.int-mid{/*width: 370px;*/width: 33%;/*height:517px;*/ margin-left:1%;}
	.intm{height: 248px;padding-top: 12px;}
	.intm .h3{margin-bottom: 20px;}
	.intm-bot{height: 106px;padding-top: 10px;margin-top: 35px;}
	.int-right{/*width: 517px;height:517px;*/padding-top: 0px;}
	.inr-list{/*height: 121px;padding-top: 27px;*/}
	.inr-r{width: 300px;}

}

@media all and (max-width: 1440px) {
	.c-main{/*width: 1200px;*/margin: 0 auto;}

	.int-list{width: 387px;margin-right: 18px;}
	.int-list .int-pic{width: 387px;height: 270px;}
	.int-list .int-font{height: 147px;padding-top: 30px;}
	.int-list .int-font p{padding-bottom: 23px;}
	.int-list .int-font .h4{height: 42px;line-height: 42px;}
	.int-left{width: 342px;height:478px;padding: 29px 21px 26px 20px;}
	.ine-pic{width: 300px;height: 325px;}
	.int-left .h3{margin-bottom: 10px;}
	.int-left .h4{margin-bottom: 17px;}
	.int-mid{/*width: 342px;*//*height:478px;*/ /*margin-left: 17px;*/}
	.intm{height: 230px;padding-top: 12px;}
	.intm .h3{margin-bottom: 15px;}
	.intm-bot{height: 98px;padding-top: 5px;margin-top: 31px;}
	.int-right{/*width: 480px;margin-left: 17px;*/width: 33%;height:480px;padding-top: 20px;}
	.inr-list{height: 112px;/*padding-top: 25px;*/}
	.inr-r{width: 300px;}
	
}

@media all and (max-width: 480px) {
	.c-main{width: 95%;margin: 0 auto;}
	.index .h1{ font-size: 26px;}
	.int-left,.int-mid,.int-right{width: 100%;height:auto;padding: 0px; float:none;}
	.int-leftx{width: 99%;height:auto;padding: 0px; float:none; margin:0 auto 20px auto;}
	.int-leftx a{padding: 12px 32px;}
	.ine-pic{width: 100%;height: auto;}
	.intm-bot,.inr-list{ height:auto;}
	.inr-l,.inr-r{width: auto; float:none}
	.int-right{ display:none;}
}





