.index01-content ul{display: flex;flex-wrap: wrap;}
.index01-content ul li{display: inline-block;width: 25%;box-sizing: border-box;padding: 2.5% 3%;background: #5675B6;}
.index01-content ul li:nth-child(2){background: #2450AC;}
.index01-content ul li:nth-child(3){background: #3265D0;}
.index01-content ul li:nth-child(4){background: #1555DC;}
.index01-content ul li img{ display: inline-block; width: 14%; margin-bottom: 8%; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.index01-content ul li h1{font-size: 18px;color: #fff;margin-bottom: 6%;font-weight:bold;}
.index01-content ul li p{font-size: 14px;line-height: 28px;color: #fff;}
.index01-content ul li:hover img{ transform:scale(1.2) ; -webkit-transform:scale(1.2) ; -moz-transform:scale(1.2) ; -ms-transform:scale(1.2) ; -o-transform:scale(1.2) ; }
@media(max-width:1600px){
    .index01-content ul li h1{font-size: 15px;}
}
@media(max-width:1400px){
    .index01-content ul li h1{font-size: 14px;}
    .index01-content ul li p{font-size: 13px;line-height: 26px;}
}
@media(max-width:1200px){
    .index01-content ul li h1{font-size: 13px;}
    .index01-content ul li p{font-size: 13px;line-height: 24px;}
    .index01-content ul li img{width: 35px;}
}
@media(max-width:960px){
    .index01-content ul li h1{font-size: 15px;}
    .index01-content ul li p{font-size: 12px;line-height: 22px;}
    .index01-content ul li{width: 50%;padding: 5% 3%;}
}
@media(max-width:760px){

}


/* 公司介绍 */
.index02{padding: 5.5% 0;}
.index02-txt{padding: 0 3%;text-align: center;margin-bottom: 5%;}
.index02-txt p{font-size: 16px;line-height: 36px;color: #666;}
.index02-list ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.index02-list li{display: inline-block;width: 31.25%;position: relative;background: rgba(3, 29, 13, 1);overflow: hidden;}
.index02-list li .list-img{ width: 100%; padding-bottom: 74%; position: relative; opacity: 1; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.index02-list li .list-img a{display: inline-block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;overflow: hidden;}
.index02-list 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; }
.index02-list 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) ; }
.index02-list li>a{display: inline-block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.index02-list li .list-txt{ width:100%; box-sizing: border-box; padding: 0 5%; position: absolute; bottom: -2%; text-align: center; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.index02-list li .list-txt h1{font-size: 22px;color: #fff;margin-bottom: 4%;}
.index02-list li .list-txt p{display: inline-block; font-size: 15px;opacity: 0; color: #fff; border-bottom: 1px solid #fff; padding-bottom: 5px; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.index02-list li:hover .list-img{opacity: .6;}
.index02-list li:hover .list-txt{bottom: 8%;}
.index02-list li:hover .list-txt p{opacity: 1;}
@media(max-width:1600px){
    .index02-txt p{font-size: 16px;line-height: 34px;}
    .index02-list li .list-txt h1{font-size: 20px;}
    .index02-list li .list-txt p{font-size: 14px;}
}
@media(max-width:1400px){
    .index02-txt p{font-size: 15px;line-height: 32px;}
    .index02-list li .list-txt h1{font-size: 18px;}
    .index02-list li .list-txt p{font-size: 13px;padding-bottom: 3px;}
}
@media(max-width:1200px){
    .index02-txt p{font-size: 14px;line-height: 30px;}
    .index02-list li .list-txt h1{font-size: 16px;}
    .index02-list li .list-txt p{font-size: 12px;}
}
@media(max-width:960px){
    .index02-txt p{font-size: 13px;line-height: 28px;}
    .index02-list li .list-txt h1{font-size: 15px;}
}
@media(max-width:760px){
    .index02-txt p br{display: none;}
    .index02{padding: 10% 0;}
}
@media(max-width:580px){
    .index02-list ul{justify-content: center;}
    .index02-list li{width: 90%;margin-bottom: 15px;}
}


/* 产品系列 */
.index03{padding:0;}
.index03-list ul{ width:96%; margin:auto;}
.index03-list ul li{display: inline-block;width: 31%;position: relative; margin:1%}
.index03-list ul li .list-img{display: inline-block;width: 100%;padding-bottom: 75%;position: relative;}
.index03-list ul li .list-img a{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;position:absolute;top: 0;left: 0;overflow: hidden;}
.index03-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;}
.index03-list 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) ; }
.index03-list ul li>a{ opacity: 0; display: flex; align-items: center; justify-content: center; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(28,98,168, .8); transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.index03-list li .list-txt{ box-sizing: border-box;width: 100%; padding: 0 5%;text-align: center;}
.index03-list li .list-txt h1{font-size: 22px;color: #fff;margin-bottom: 4%;}
.index03-list li .list-txt p{display: inline-block; font-size: 15px;color: #fff; border-bottom: 1px solid #fff; padding-bottom: 5px;  }
.index03-list ul li:hover>a{opacity: 1;}
@media(max-width:1600px){
    .index03-list li .list-txt h1{font-size: 20px;}
    .index03-list li .list-txt p{font-size: 14px;}
}
@media(max-width:1400px){
    .index03-list li .list-txt h1{font-size: 18px;}
    .index03-list li .list-txt p{font-size: 13px;padding-bottom: 3px;}
}
@media(max-width:1200px){
    .index03-list li .list-txt h1{font-size: 16px;}
    .index03-list li .list-txt p{font-size: 12px;}
}
@media(max-width:960px){
    .index03-txt p{font-size: 13px;line-height: 28px;}
    .index03-list li .list-txt h1{font-size: 15px;}
}
@media(max-width:760px){
    .index03{margin-bottom: 10%;}
    .index03-list ul {justify-content: space-between;}
    .index03-list ul li{width: 47%;margin-bottom: 2%;}
    .index03-list ul li>a{opacity: 1;}
}
@media(max-width:580px){
   
}

/* 新闻资讯 */
.index04{margin-bottom: 1.5%; padding:3.5% 0;}
.index04-content{display: flex;flex-wrap: wrap;justify-content: space-between;}
.index04-left{display: inline-block;width: 50%;background: #f6f6f6;box-sizing: border-box;padding: 2.5%;}
.index04-right{width: 45%;}
.index04 .list-img{display: inline-block;width: 100%;padding-bottom: 55.5%;position: relative;}
.index04 .list-img a{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;position:absolute;top: 0;left: 0;overflow: hidden;}
.index04 .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 .index04-left: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) ; }
.index04-right ul li{display: flex;justify-content: space-between;box-sizing: border-box;border-bottom: 1px solid #dddddd;padding: 4% 0 5%;margin-bottom: 3%;}
.index04-right ul li:last-child{margin-bottom: 0;}
.list-top {display: flex;justify-content: space-between;box-sizing: border-box;margin-bottom: 5%;}
.index04 .list-left{display: inline-block;width: calc(100% - 65px);}
.index04 .list-right{text-align: right; display: inline-block;width:65px;}
.index04 .list-right span{display: inline-block;font-size: 18px;color: #aaa;font-weight: bold;}
.index04 .list-txt h1 a{display: block;font-size: 18px;line-height: 36px;color: #222;font-weight: normal;}
.index04 .list-txt h1{padding-right: 15%;}
.index04 .list-txt p a{ display: block;font-size: 16px;line-height: 32px;color: #999;padding-right: 3%;margin-top: 2.5%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.index04 .index04-left:hover .list-txt h1 a{color: #5675B6;}
.index04 .index04-right ul li:hover .list-txt h1 a{color: #5675B6;}
.index04 .list-txt h1 a{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.index04 .list-txt h1 a{display: block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.index04 .index04-right ul li:hover .list-txt h1:after{background: #5675B6;}
.index04-right ul li:hover{border-bottom: 1px solid #5675B6;}
.index04-right ul li:hover .list-right span{color: #5675B6;}
.index04 .index04-left:hover .list-right span{color: #5675B6;}

@media(max-width:1600px){
    .index04 .list-txt h1 a,.index04 .list-right span{font-size: 17px;}
    .index04 .list-txt p a{font-size: 15px;line-height: 30px;}
}
@media(max-width:1400px){
    .index04 .list-txt h1 a,.index04 .list-right span{font-size: 16px;}
    .index04 .list-txt p a{font-size: 14px;line-height: 28px;}
}
@media(max-width:1300px){
    .index04 .list-txt h1 a,.index04 .list-right span{font-size: 15px;}
    .index04 .list-txt p a{font-size: 13px;line-height: 26px;}
}
@media(max-width:1200px){
    .index04 .list-txt h1 a,.index04 .list-right span{font-size: 14px;}
    .index04 .list-txt p a{font-size: 12px;line-height: 24px;}
    .index04-right ul li { padding: 4% 0 4%;margin-bottom: 2%;}
}
@media(max-width:960px){
   
}
@media(max-width:760px){
    .index04{margin-bottom: 10%;}
    .index04-left{width: 100%;margin-bottom: 20px;padding: 5%;}
    .index04-right{width: 100%;}
}