/* 产品展示 */
.index01{margin-top: 6.5%;}
.index01-list ul{display: flex;flex-wrap: wrap;}
.index01-list ul li{display: inline-block;width: 23.4375%;margin-right: 2.07%;margin-bottom: 2.07%;position: relative;}
.index01-list ul li:nth-child(4n){margin-right: 0;}
.index01-list ul li .list-img{display: inline-block;width: 100%;padding-bottom: 66.6%;position: relative;}
.index01-list ul li .list-img a{display: inline-block;width: 100%;height: 100%;position: absolute;left: 0;right: 0;overflow: hidden;}
.index01-list ul li .list-img a img{ display: inline-block; width: 100%; height: 100%; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.index01-list ul li:hover .list-img a img{ transform:scale(1.1) ; -webkit-transform:scale(1.1) ; -moz-transform:scale(1.1) ; -ms-transform:scale(1.1) ; -o-transform:scale(1.1) ; }

.index01-list ul li .list-mask{
    display: block;
    position: absolute;
    background: rgba(255, 255, 255, 0.8);
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    opacity: 0;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    /*display: flex;
    justify-content: center;
    align-items: flex-end;
    */:;
} 
.index01-list ul li .list-mask:before ,
.index01-list ul li .list-mask:after {content: "";display: inline-block; background: #ee2324; position: absolute; top: 50%; left: 50%;}
.index01-list ul li .list-mask:before {width: 7%;height: 1px;margin-left: -3.5%;}
.index01-list ul li .list-mask:after { height: 10.5%;width: 1px;margin-top: -3.25%;}
.index01-list ul li:hover .list-mask { transform: scale(1);-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); opacity: 1;}
.index01-list ul li .list-mask a{text-align: center; display: flex;color: #ee2324;font-size: 15px;padding: 5% 8%;height: 85%;width: 84%;align-items: flex-end;text-align: center;}

@media(max-width:1500px){
    .index01-list ul li .list-mask a{font-size: 14px;}
}
@media(max-width:1300px){
    .index01-list ul li .list-mask a{font-size: 13px;}
}
@media(max-width:960px){
    .index01-list ul li .list-mask a{font-size: 12px;}
}
@media(max-width:760px){
    .index01{margin-top: 12%;}
    .index01-list ul{justify-content: space-between;}
    .index01-list ul li{width: 49%;margin-right: 0;}
    .index01-list ul li .list-mask{opacity: 1; position: static; transform:scale(1) ; -webkit-transform:scale(1) ; -moz-transform:scale(1) ; -ms-transform:scale(1) ; -o-transform:scale(1) ; }
    .index01-list ul li .list-mask a{color: #666;display: block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
    .index01-list ul li .list-mask:before, .index01-list ul li .list-mask:after{display: none;}
}



/* 公司简介 */
.index02{margin-bottom: 6.5%;}
.index02-container{padding: 5% 0 10%;background: url(../img/index02-bg.jpg)no-repeat;background-size: cover;margin-top: 5%;}
.index02-content{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.index02-left{display: inline-block;width: 46.09%;}
.index02-txt {margin-bottom: 8%;}
.index02-txt p{font-size: 15px;;line-height: 28px;color: #333333;}
.index02 .more a{background: #ee2324;border: 1px solid #ee2324;color: #fff;}
.index02-right{display: inline-block;width: 49%;}
.index02-img{display: inline-block;width: 100%;padding-bottom: 66.6%;position: relative;}
.index02-img a{display: inline-block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;overflow: hidden;}
.index02-img a img{ display: inline-block; width: 100%; height: 100%; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.index02-img:hover a img{ transform:scale(1.08) ; -webkit-transform:scale(1.08) ; -moz-transform:scale(1.08) ; -ms-transform:scale(1.08) ; -o-transform:scale(1.08) ; }
.index02 .index-d .wrapper{ background: white; box-shadow: 0 0 40px rgba(60, 61, 61, 0.15);margin-top: -8%;padding: 4% 0;display: flex;justify-content: space-between;}
@media(max-width:1500px){
    .index02-txt p,.index-d p{font-size: 14px;line-height: 26px;}
}

@media(max-width:1300px){
    .index02-txt p,.index-d p{font-size: 13px;line-height: 24px;}
}
@media(max-width:760px){
    .index02{margin-bottom: 12%;}
    .index02-container{padding: 10% 0 15%;margin-top: 12%;}
    .index02-content{flex-direction: column-reverse;}
    .index02-left{width: 100%;margin-top: 5%;}
    .index02-right{width: 100%;}
}

/* 最新资讯 */
.index03{margin-bottom: 6.5%;}
.index03 #title{width: 100%;}
.index03-content{display: flex;justify-content: space-between;flex-wrap: wrap;}
.index03-left{display: inline-block;width: 46.875%;background: #f6f6f6;}
.index03-left>div{padding: 5%;}
.index03-left>div span{display: inline-block;font-size: 22px;color: #999;margin-bottom: 3.5%;}
.index03-img{display: inline-block;width: 100%;padding-bottom: 56.6%;position: relative;margin-bottom: 3%;}
.index03-img a{display: inline-block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;overflow: hidden;}
.index03-img a img{ display: inline-block; width: 100%; height: 100%; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.index03-left:hover .index03-img a img{ transform:scale(1.08) ; -webkit-transform:scale(1.08) ; -moz-transform:scale(1.08) ; -ms-transform:scale(1.08) ; -o-transform:scale(1.08) ; }
.index03-right{display: inline-block;width: 48.43%;}
.index03-right ul li{display: flex;justify-content: space-between;box-sizing: border-box;border-top: 1px solid #dddddd;padding: 4% 0 6%;}
.index03-right ul li .list-left{display: inline-block;width: calc(100% - 65px);}
.index03-right ul li .list-right{text-align: right; display: inline-block;width:65px;background: url(../img/news-arrow.png)no-repeat center right ;background-size: 26px;}
.index03-right ul li:last-child{padding-bottom: 0;}
.index03-right ul li .list-right span{display: inline-block;font-size: 20px;color: #999;}
.index03 .index03-txt h1 a{display: block;font-size: 18px;line-height: 32px;color: #333;font-weight: normal;padding-right: 10%;}
.index03 .index03-txt p,.index03 .index03-right .index03-txt h1{padding-left: 20px;position: relative;}
.index03 .index03-right .index03-txt h1:after{ content: ""; left: 0; top: 13px; position: absolute; width: 5px; height: 5px; background: #333; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; }
.index03 .index03-txt p a{ display: block;font-size: 15px;line-height: 30px;color: #666;padding-right: 18%;margin-top: 2.5%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.index03 .index03-left:hover .index03-txt h1 a{color: #ee2324;}
.index03 .index03-right ul li:hover .index03-txt h1 a{color: #ee2324;}
.index03 .index03-right ul li .index03-txt h1 a{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.index03 .index03-left .index03-txt h1 a{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.index03 .index03-right ul li:hover .index03-txt h1:after{background: #ee2324;}
@media(max-width:1600px){
    .index03 .index03-txt h1 a{font-size: 16px;line-height: 30px;}
    .index03 .index03-txt p a{font-size: 14px;line-height: 26px;}
    .index03-right ul li .list-right span{font-size: 18px;}
    .index03-left>div span{font-size: 20px;}
    .index03-right ul li .list-right{background-size: 24px;}
}
@media(max-width:1500px){
    .index03 .index03-txt h1 a{font-size: 15px;line-height: 28px;}
    .index03 .index03-txt p a{font-size: 13px;line-height: 24px;}
    .index03-right ul li .list-right span{font-size: 17px;}
    .index03-left>div span{font-size: 19px;}
    .index03-right ul li .list-right{background-size: 22px;}
    .index03 .index03-right .index03-txt h1:after{top: 11px;width: 4px;height: 4px;}
}
@media(max-width:1400px){
    .index03 .index03-txt h1 a{font-size: 14px;line-height: 26px;}
    .index03 .index03-txt p a{font-size: 12px;line-height: 22px;}
    .index03-right ul li .list-right span{font-size: 16px;}
    .index03-left>div span{font-size: 18px;}
    .index03-right ul li .list-right{background-size: 20px;}
    .index03 .index03-right .index03-txt h1:after{top: 10px;}
}
@media(max-width:960px){
    .index03 .index03-txt h1 a{font-size: 13px;line-height: 24px;}
    .index03-right ul li .list-right span{font-size: 15px;}
    .index03-left>div span{font-size: 17px;}
    .index03-right ul li .list-right{background-size: 18px;}
}
@media(max-width:760px){
    .index03-left{width: 100%;margin-bottom: 20px;}
    .index03-right{width: 100%;}
    .index03{margin-bottom: 12%;}
}

/* 工程案例 */
.index04{margin-bottom: 6.5%;}
.index04-list ul{display: flex;flex-wrap: wrap;}
.index04-list ul li{display: inline-block;width: 25%;position: relative;background: #000;}
.index04-list ul li .list-img{display: inline-block;width: 100%;padding-bottom: 66.6%;position: relative;}
.index04-list ul li .list-img a{display: inline-block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;overflow: hidden;}
.index04-list ul li .list-img a img{ display: inline-block; width: 100%; height: 100%; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.index04-list ul li:hover .list-img a img{ transform:scale(1.08) ; -webkit-transform:scale(1.08) ; -moz-transform:scale(1.08) ; -ms-transform:scale(1.08) ; -o-transform:scale(1.08) ; }
.index04-list ul li .list-txt{ transition: .4s; transform:scale(0) ; position: absolute; top: 0; left: 0; height: 100%; width: 100%; display: flex; justify-content: center; align-items: center; -webkit-transform:scale(0) ; -moz-transform:scale(0) ; -ms-transform:scale(0) ; -o-transform:scale(0) ; -webkit-transition: .4s; -moz-transition: .4s; -ms-transition: .4s; -o-transition: .4s; }
.index04-list ul li .list-txt>div{display: flex;width: 89%;height: 84%;background: rgba(255, 255, 255, 0.9);align-items: center;justify-content: center;}
.index04-list ul li .list-txt>div a{display: block;text-align: center;width: 100%;}
.index04-list ul li .list-txt h1{font-size: 20px;margin-bottom: 4%;color: #ee2324;font-weight: normal;padding: 0 10%;}
.index04-list ul li .list-txt p{display: inline-block;font-size: 14px;color: #999;}
.index04-list ul li:hover .list-txt{ transform:scale(1) ; -webkit-transform:scale(1) ; -moz-transform:scale(1) ; -ms-transform:scale(1) ; -o-transform:scale(1) ; }
@media(max-width:1600px){
    .index04-list ul li .list-txt h1{font-size: 18px;}
}
@media(max-width:1500px){
    .index04-list ul li .list-txt h1{font-size: 17px;}
    .index04-list ul li .list-txt p{font-size: 13px;}
}
@media(max-width:1400px){
    .index04-list ul li .list-txt h1{font-size: 16px;}
}
@media(max-width:1300px){
    .index04-list ul li .list-txt h1{font-size: 15px;}
    .index04-list ul li .list-txt p{font-size: 12px;}
}
@media(max-width:1200px){
    .index04-list ul li .list-txt h1{font-size: 14px;margin-bottom: 5px;}
}
@media(max-width:960px){

}
@media(max-width:760px){
    .index04{margin-bottom: 12%;}
    .index04-list ul li{width: 50%;}
    .index04-list ul li .list-txt{ transform:scale(1) ; -webkit-transform:scale(1) ; -moz-transform:scale(1) ; -ms-transform:scale(1) ; -o-transform:scale(1) ; }
}
    


/* 资质荣誉 */
.index05{margin-bottom: 5%;}
@media(max-width:760px){
    .index05{margin-bottom: 12%;}
}