.banner{width: 100%;}
.banner img{width: 100%;display: block;}
.banner .txt{position: absolute;z-index: 9;left: 5%;top: 50%;transform: translateY(-50%);color: #fff;}
.banner .txt h2{font-size: 36px;font-weight: 500;line-height: 1.6;}
.banner .swiper-pagination{left: 5%;bottom: 50px;width: auto;color: #fff;}
.banner .swiper-pagination-bullet{border-radius: 0;position: relative;width: 68px;height: 4px;background-color: transparent;outline: none;opacity: .5;}
.banner .swiper-pagination-bullet::before{position: absolute;content: '';left: 0;bottom: -30px;width: 100%;height: 100%;background-color: #fff;}
.banner .swiper-pagination-bullet-active{opacity: 1;}
.about{background: url(../images/aboutBg.jpg) no-repeat;background-size: cover;padding: 120px 0;}
.gywmCon{justify-content: space-between;max-width: 1640px;margin: 0 auto;align-items: center;}
.aboutL{width: 55%;}
.aboutTit,.serviceTit{align-items: flex-start;padding-top: 0;width: auto;}
.aboutL>p{max-width: 80%;line-height: 1.8;margin-bottom: 70px;}
.aboutL>a img,.serviceNav a img{transition: all .5s;display: block;}
.aboutL>a:hover img,.serviceNav a:hover img{transform: translateY(-4px);box-shadow: 0 0 20px rgba(0, 0, 0, .2);}
.aboutR{width: 50%;}
.service{background-color: #fbfbfb;padding: 110px 0 120px;}
.serviceNav{justify-content: space-between;padding: 0 20px 0 25px;margin-bottom: 80px;align-items: flex-end;}
.serviceTit{margin: initial;padding-bottom: 0;}
.serviceListL{margin-right: 40px;width: calc(((100% - 40px) / 3) * 2);flex-wrap: wrap;}
.serviceListR{width: calc(((100% - 40px) / 3) - 20px);flex-wrap: wrap;}
.serviceList a{color: #fff;position: relative;margin-bottom: 40px;}
.serviceList a:hover{transform: translateY(-4px);box-shadow: 0 0 20px rgba(0, 0, 0, .2);}
.serviceList a img{display: block;}
.serviceList a dl{position: absolute;left: 6%;bottom: 16%;z-index: 9;}
.serviceList a dt{font-size: 36px;font-weight: 600;margin-bottom: 25px;}
.serviceList a dd{line-height: 1.8;min-height: 38px;}
.a1{width: 100%;}
.a1 dl{max-width: 446px;}
.a2{width: calc((100% - 40px) / 2 );}
.a2 dl{max-width: 380px;}
.a2:nth-of-type(2n){margin-right: 40px;}
.a3{width: 100%;}
.a3 dl{max-width: 400px;}
.a2 dl,.a3 dl{bottom: 10%!important;}
@media (max-width:1680px) and (min-width:1200px){
.gywmCon{width: 86%;}
.aboutTit{padding-bottom: 50px;}
.aboutL>p{margin-bottom: 50px;}
.aboutR{width: 52%;}
.serviceList a dt{font-size: 28px;margin-bottom: 10px;}
.serviceList a dd{line-height: 1.6;font-size: 14px;}
.serviceListR{width: calc(((100% - 40px) / 3) - 15px);}
.serviceList a dl{max-width: 88%!important;}
.serviceList a.a1 dl{max-width: 50%!important;}
}
@media (max-width:1440px) and (min-width:1360px){
.banner .txt h2{font-size: 24px;}
.banner .swiper-pagination-bullet{width: 50px;height: 3px;}
.banner .swiper-pagination-bullet::before{bottom: -26px;}
.aboutL>a img,.serviceNav a img{width: 160px;}
.serviceListL{margin-right: 20px;width: calc(((100% - 20px) / 3) * 2);}
.serviceList a{margin-bottom: 20px;}
.a2{width: calc((100% - 20px) / 2 );}
.serviceListR{width: calc(((100% - 20px) / 3) - 12px);}
.a2:nth-of-type(2n){margin-right: 20px;}
}
@media (max-width:1439px) and (min-width:1360px){.serviceList a dd{min-height: 68px;}}
@media (max-width:1200px){
.about{background-size: contain;}
.banner{height: 400px;}
.banner img{object-fit: cover;height: 100%;}
.banner .txt h2{font-size: 18px;}
.banner .txt{top: 70%;}
.banner .swiper-pagination-bullet{width: 48px;height: 2px;}
.banner .swiper-pagination-bullet::before{bottom: -25px;}
.about{padding: 60px 0;}
.gywmCon{width: 90%;flex-wrap: wrap;}
.aboutL,.aboutR{width: 100%;}
.aboutL{margin-bottom: 30px;}
.aboutTit{padding-bottom: 0px;}
.aboutL>p{max-width: 100%;margin-bottom:20px}
.aboutL>a img, .serviceNav a img{width: 120px;}
.serviceNav{margin-bottom: 40px;}
.serviceTit dl{margin-bottom: 0;}
.service{padding: 0px 0 60px;}
.serviceList {flex-wrap: wrap;}
.serviceList a,.serviceListL,.serviceListR{width: 100%!important;margin: 0!important;}
.serviceList a{margin-bottom: 20px!important;}
.serviceList a dl{bottom: 10px;max-width: 88%;}
.serviceList a dt{font-size: 20px;margin-bottom: 10px;}
.serviceList a dd{font-size: 14px;line-height: 1.4;}
.serviceListR a:last-child{margin-bottom: 0;}
}