/*index-company*/
.index-company{ padding-top: 60px;}
.index-company .p{ max-width: 1100px; margin: 0 auto 35px; font-size: 18px; line-height: 30px; color: #333; text-align: center;}
.index-company .col-xs-4{ text-align: center; margin-top: 10px;}
.index-company a{ display: block;}
.index-company i{ display: inline-block; width: 170px; height: 170px; line-height: 166px; font-size: 96px; color: #fff; border: 2px solid #004ea2; background: #004ea2;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;}
.index-company .icon-xingjiabi{ font-size: 114px;}
.index-company .row p{ font-size: 22px; color: #004ea2; margin-top: 20px;}
.index-company a:hover i{ background: #fff; border-color: #ff9800; color: #ff9800;}
.index-company a:hover p{ color: #ff9800;}
/*index-company*/

/*index-steel*/
.index-steel{ padding-top: 60px;}
.index-steel .p{ font-size: 28px; margin-bottom: 25px;}
.index-steel li{ position: relative; float: left; width: 20%; overflow: hidden; color: #fff; border-left: 3px solid #fff;}
.index-steel .pic-bg{ width: 100%;}
.index-steel .txt{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 40px 15px 0 15px; background: url("../images/pro-bg1.png") no-repeat top center/contain;}
.index-steel dt{ font-size: 26px; line-height: 34px; font-family: Arial; margin-bottom: 15px;}
.index-steel dd{  line-height: 38px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.index-steel dd i{ margin-right: 10px; font-size: 8px;}
.index-steel dd:hover { color: #f8b821; }
.index-steel li:hover .txt{ background-image: url("../images/pro-bg2.png");}
/*index-steel*/

/*index-who*/
.i-tit span{ position: relative; display: inline-block; font-size: 36px; padding-bottom: 10px; color: #333; text-transform: uppercase; font-weight: 700; margin-bottom: 30px; }
.i-tit span::before{ position: absolute; width: 84%; left: 8%; bottom: 0; content: ''; border-bottom: 2px solid #004ea2;}
.index-who{ padding: 60px 0 100px;}
.i-who-cont{ position: relative;}
.i-who-cont img{ width: 76.74%; margin-left: 23.26%;}
.i-who-cont .txt{ position: absolute; left: 0; top: 80px; width: 50%; font-family: Arial; padding: 65px 60px 43px; font-size: 16px; line-height: 38px; color: #fff; background: #004ea2;}
.i-who-cont .txt h2{ font-size: 36px;}
.i-who-cont .txt h3{ font-size: 28px; margin: 8px 0 18px;}
.i-who-cont .txt a{ display: inline-block; margin-top: 15px; font-size: 20px; line-height: 46px; padding: 0 20px; color: #ff9800; border: 1px solid; border-radius: 24px;}
/*index-who*/

/*index-client*/
.index-client{ padding: 70px 0; background: url("../images/index-clients-bg.jpg") no-repeat center/cover;}
.index-client .i-tit{ margin-bottom: 10px;}
.index-client .p{ padding-top: 100px; font-size: 52px; line-height: 90px; }
.index-client .pic{ width: 53%;}
/*index-client*/


/*index-news*/
.index-news{ padding: 60px 0;}
.i-n-l{ width: 49.2%;}
.i-n-l .pic{ display: block;}
.i-n-l .pic img{ width: 100%; }
.index-news ul{ width: 49.2%; margin-top: -28px; }
.index-news li{ overflow: hidden; padding: 28px 0; border-bottom: 1px solid #666; }
.index-news li:first-child{ display: none;}
.index-news li .pic{ float: left; width: 33%; margin-right: 10px;}
.index-news li .txt{ overflow: hidden;}
.index-news h3,.index-news p{line-height: 24px; }
.index-news h3{ font-size: 20px; margin: 10px 0;}
.index-news p{ color: #666;}
/*index-news*/


@media screen and (min-width: 1460px){
	.container{ width: 1350px;}
}

@media screen and (max-width: 1459px){


	.index-company{ padding-top: 50px;}
	.index-company .p{ width: 970px;}

	.index-steel{ padding-top: 50px;}
	.index-steel .txt{ padding: 30px 10px 0;}
	.index-steel dt{ font-size: 22px; line-height: 1.3;}
	.index-steel dd{ line-height: 36px;}

	.index-who{ padding: 50px 0 100px;}
	.i-who-cont img{ width: 79%; margin-left: 21%;}
	.i-who-cont .txt{ top: 55px; width: 55%; padding: 40px 30px; line-height: 34px;}

	.index-client{ padding: 60px;}
	.index-client .p{ padding-top: 70px; font-size: 46px; line-height: 80px;}

	.index-news{ padding: 50px 0;}
	.index-news ul{ margin-top: -26px; }
	.index-news li{ padding: 26px 0; }
	.index-news li h3{ margin-top: 0;}
}

@media screen and (max-width: 1199px){
	/*index-company*/
	.index-company{ padding-top: 40px;}
	.index-company .p{ width: auto; margin-bottom: 25px;}
	.index-company i{ width: 140px; height: 140px; line-height: 140px; font-size: 70px;}
	.index-company .icon-xingjiabi{ font-size: 90px;}
	.index-company .row p{ margin-top: 15px;}

	/*index-steel*/
	.index-steel{ padding-top: 40px;}
	.index-steel li{ height: auto;}
	.index-steel .txt{ padding: 20px 10px 0;}
	.index-steel dt{ font-size: 20px; margin-bottom: 10px;}
	.index-steel dd{  line-height: 30px; font-size: 14px; }
	.index-steel dd i{ margin-right: 10px; }
	.index-steel .p{ font-size: 22px; margin: -5px 0 25px;}

	.index-who{ padding: 40px 0 90px;}
	.i-who-cont img{ width: 82%; margin-left: 18%;}
	.i-who-cont .txt{ top: 40px; width: 65%; padding: 30px 15px; line-height: 30px;}
	.i-who-cont .txt h2{ font-size: 32px;}
	.i-who-cont .txt h3{ font-size: 24px;}

	/*index-client*/
	.index-client{ padding: 50px 0;}
	.index-client .p{ padding-top: 55px; font-size: 38px; line-height: 66px;}

	/*index-news*/
	.index-news{ padding: 40px 0;}
	.index-news ul{ margin-top: -20px;}
	.index-news li{ padding: 20px 0;}
	.index-news h3{ font-size: 18px; line-height: 1.4;}
	.index-news p{ line-height: 22px; -webkit-line-clamp: 2; height: 40px;}

}
@media screen and (max-width: 991px){
	.i-tit span{ font-size: 32px; margin-bottom: 25px;}

	/*index-company*/
	.index-company{ padding-top: 30px;}
	.index-company .p{ font-size: 16px; margin-bottom: 20px;}
	.index-company .col-xs-4{ margin-top: 5px;}
	.index-company i{ width: 130px; height: 130px; line-height: 130px; font-size: 66px;}
	.index-company .icon-xingjiabi{ font-size: 74px;}
	.index-company .row p{ font-size: 18px;}

	/*index-steel*/
	.index-steel{ padding-top: 35px;}
	.index-steel .p{ font-size: 20px; margin: -10px 0 20px;}
	.index-steel .pic-bg{ display: none;}
	.index-steel li{ width: 50%; height: 360px; margin-top: 3px; background: url(/skin/zhugang/images/pro-01.jpg) no-repeat center/cover;}
	.index-steel li:nth-child(2){background-image: url(/skin/zhugang/images/pro-02.jpg);}
	.index-steel li:nth-child(3){background-image: url(/skin/zhugang/images/pro-03.jpg);}
	.index-steel li:nth-child(4){background-image: url(/skin/zhugang/images/pro-04.jpg);}
	.index-steel li:last-child{ width: 100%; background-image: url(/skin/zhugang/images/pro-05.jpg); }
	.index-steel .txt{ padding: 30px 0 0 5%; background-size: 100% auto;}
	.index-steel dt{ font-size: 20px;}
	.index-steel dd{ line-height: 36px;}

	/*index-who*/
	.index-who{ padding: 35px 0;}
	.i-who-cont img{ width: 100%; margin-left: 0;}
	.i-who-cont .txt{ position: static; width: 100%;}

	/*index-client*/
	.index-client{ padding: 40px 0;}
	.index-client .p{ padding-top: 35px; font-size: 30px; line-height: 54px;}

	/*index-news*/
	.index-news{ padding: 30px 0;}
	.index-news ul{ margin-top: -20px; }
	.index-news li{ padding: 20px 0; }
	.index-news h3{ margin-bottom: 5px;}
	.index-news p{ font-size: 13px; line-height: 20px;}
}
@media screen and (max-width: 767px){
	.i-tit span{ font-size: 26px; margin-bottom: 20px;}

	/*index-company*/
	.index-company{ padding-top: 20px;}
	.index-company .p{ font-size: 14px; line-height: 24px;}
	.index-company .col-xs-4{ margin-top: 0;}
	.index-company i{ width: 120px; height: 120px; line-height: 116px; font-size: 66px;}
	.index-company .icon-xingjiabi{ font-size: 78px;}
	.index-company .row p{ font-size: 18px; margin-top: 10px;}

	/*index-steel*/
	.index-steel{ padding-top: 0;}
	.index-steel .p{ font-size: 16px; margin: 15px 0 10px; }
	.index-steel li{ }

	/*index-who*/
	.index-who{ padding: 20px 0 30px;}
	.i-who-cont .txt{ padding: 15px 10px; font-size: 14px; line-height: 24px;}
	.i-who-cont .txt h2{ font-size: 26px;}
	.i-who-cont .txt h3{ font-size: 18px; margin-bottom: 10px;}
	.i-who-cont .txt a{ font-size: 18px; line-height: 36px; margin-top: 10px;}

	/*index-client*/
	.index-client{ padding: 30px 0;}
	.index-client .p{ width: 100%; font-size: 24px; line-height: 1.8; text-align: center; padding-top: 0; margin-bottom: 20px;}
	.index-client .pic{ width: 100%;}


	/*index-news*/
	.index-news{ padding: 25px 0;}
	.index-news ul{ width: 100%; margin-top: -10px; }
	.index-news li:first-child{ display: block;}
	.index-news li{ padding: 15px 0;}
	.index-news li .pic{ width: 90px; }
	.index-news h3{ font-size: 16px; margin-bottom: 2px;}
	.index-news p{ line-height: 16px; height: 32px;}
}

@media screen and (max-width: 579px){
	/*index-company*/
	.index-company .row{ margin: 0 -3px;}
	.index-company .col-xs-4{ padding: 0 3px;}
	.index-company i{ width: 76px; height: 76px; line-height: 72px; font-size: 42px;}
	.index-company .icon-xingjiabi{ font-size: 52px;}
	.index-company .row p{ font-size: 13px; line-height: 16px; }
}
@media screen and (max-width: 540px){
	/*index-customer*/
	.index-customer ul{ left: 0; margin: -10px 0 20px;}
	.index-customer li{ padding: 0 10px;}
	.index-customer li span{ font-size: 12px; margin-right: 5px;}
	.index-customer li i{ font-size: 33px;}
	.index-customer li b{ font-size: 21px;}
}

@media screen and (max-width: 490px){
	/*index-steel*/
	.index-steel li{ width: 100%; height: 200px;}
	.index-steel li:first-child{ height: 260px;}
	.index-steel .txt{ padding: 20px 0 0 5%;}
	.index-steel dd{ line-height: 32px;}
}