.application{
    width: 100%; display: block; font-size: 0; background: #fff; margin-top: .3rem;
}
.application li{
    width: 100%; margin: .2rem 0 0; background: #fff; display: inline-block; position: relative; box-sizing: border-box; padding: .3rem .3rem .3rem 2.8rem; min-height: 2rem;
}
.application li .img{
    width: 2.3rem; height: 1.4rem; position: absolute; left: .3rem; top: .3rem;
}
.application li .tit{
    font-size: .24rem; font-family: "Avenir-Next-LT-Pro"; color: #585d6a;
}
.application li p{
    font-size: .14rem; line-height: 1.7
}


.banner-support {
	background: url(../images/banner-support.jpg) no-repeat center center / cover;
}
/* .banner-support .text h2 {
	color: #fff;
	text-shadow: unset;
} */
.service-con {
    width: 100%; display: block; font-size: 0;
}

.service-con .tit h2,
.Honor .tit,
.Production-list h2,
.Testing-list h2{ display: block; font-size: 42px; color: #000; line-height: 62px; font-weight: bold; text-transform: uppercase; padding: 40px 0 20px; margin-bottom: 40px; position: relative; text-align: center;}

.service-con .tit h2::after,
.Honor .tit::after,
.Production-list h2::after,
.Testing-list h2::after {
    content: ""; left: 50%; transform: translateX(-50%); bottom: 0; position: absolute; background: #000; width: 80px; height: 3px;
}




.service-con .list {
    width: 100%; display: block; margin-top: 40px;
}
.service-con .list ul {
    display: block;
}
.service-con .list ul li {
    width: 32%; margin-right: 2%; margin-bottom: 2%; display: inline-block; vertical-align: top;
}
.service-con .list ul li:last-of-type {
    margin-right: 0;
}
.service-con .list ul li img {
    max-width: 100%;
}
.service-con .list ul li h5 {
    font-size: 16px; font-weight: bold; text-align: center; display: block; color: #535353; transition: all 0.5s ease-in-out;
}
.service-con .list ul li:hover h5 {
    opacity: .5;
}

.support{ display: block; position: relative; width: 100%;}

/* 服务导航 */


.box{ width: 100%; display: block; overflow: hidden; padding-top: 160px;}
.box .design,
.box .Production,
.box .Testing,
.box .After-sale{ width: 100%; display: block; font-size: 0;}

/* 技术 */
.Honor{ display: block; font-size: 0;}
.Honor p{ font-size: 14px; color: #fff; line-height: 24px; text-align: center; display: block; margin: 25px 0;}
.Honor ul{ display: block; font-size: 0; text-align: center;}
.Honor ul li{  width: 31%; display: inline-block; margin: 0 3% 3% 0; position: relative;}
.Honor ul li:nth-of-type(3n){ margin-right: 0;}
.Honor ul li .img{ display: block; box-sizing: border-box;}
.Honor ul li .img img{ max-width: 100%;}
.Honor ul li .name{ display: block; background: #eee; font-size: 16px; line-height: 48px; color: #000;}

/* 生产 */
.Production-list{ display: block; font-size: 0; width: 100%;}
.Production-list ul {
    display: block; width: 1280px; margin: 0 auto;
}
.Production-list ul li {
    width: 32%; display: inline-block; vertical-align: top; margin-bottom: 2%;
}
.Production-list ul li:not(:nth-of-type(3n)) {
    margin-right: 2%;
}
.Production-list ul li img {
    max-width: 100%;
}

/* 检测 */
.Testing-list{ display: block; font-size: 0; width: 100%;}
.Testing-list ul {
    display: block; width: 1280px; margin: 0 auto;
}
.Testing-list ul li {
    width: 32%; display: inline-block; vertical-align: top; margin-bottom: 2%;
}
.Testing-list ul li:not(:nth-of-type(3n)) {
    margin-right: 2%;
}
.Testing-list ul li img {
    max-width: 100%;
}
/* 售后 */
.After-sale{ display: block; background: url(../images/After-sale.jpg) no-repeat center center / cover; padding-bottom: 170px;}
.After-sale .After-sale-text{ display: block; padding: 130px 0 90px;}
.After-sale .After-sale-text p{ display: block; margin: 0 auto; width: 1280px; font-size: 24px; line-height: 2; text-align: center; color: #fff;}
.After-sale ul{ display: block; text-align: center;}
.After-sale ul li{ display: inline-block; width: 300px; text-align: center;}
.After-sale ul li a{ display: block;}
.After-sale ul li a i{ font-family: "iconfont2"; display: inline-block; font-size: 60px; width: 160px; height: 160px; border-radius: 100%; line-height: 160px; text-align: center; color: #000; background: rgba(255,255,255,.7);}
.After-sale ul li a h3{ line-height: 70px; display: block; text-align: center; font-size: 18px; color: #fff;}

.After-sale ul li a i:hover{ color: #3da447;}

