.banner_section {width:100%;position: relative}
.banner_swiper .swiper-slide img{width:100%;}


.tit {
    text-align: center;
    color: #424242;
    font-size: 2.5rem;
}
.tit em {
    display: block;
    font-size: 1.2rem;
    color: #626262;
    font-weight: normal;
    padding-top: 1.6rem;
    background: url(/static/mobile/images/line.png) no-repeat center top;
    background-size: 18.85rem 1.4rem;
    margin-top: 0.3rem;
}











.product_section {
    width:100%;
    padding:2rem 2%;
    background: #f1f1f1;
    overflow: hidden;
}
.product_section .pro_cat {
    margin: 1.5rem 0;
}
.product_section .pro_cat li{
    width:32%;
    height: 2.6rem;
    line-height: 2.6rem;
    text-align: center;
    background: #ebebeb;
    font-size: 1.2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
    margin-right: 2%;
    margin-bottom: 0.5rem;
}
.product_section .pro_cat li:nth-child(3n) {
    margin-right: 0;
}
.product_section .pro_cat li.active {
    background: #229093;
    color: #fff;
}

.pro_swiper .swiper-slide li {
    width: 49%;
    margin-right: 2%;
    float: left;
}
.pro_swiper .swiper-slide li:nth-child(2n){
    margin-right: 0;
}
.pro_swiper .swiper-slide li img {
    width:100%;
}
.pro_swiper .swiper-slide li span{
    display: block;
    width:100%;
    height:2.5rem;
    line-height: 2.5rem;
    background: #fff;
    text-align: center;
    font-size: 1rem;
    color: #333;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-bottom: 1rem;
}







.news_section {
    width:100%;
    padding:2rem 2%;
    overflow: hidden;
}
.news_swiper {
    margin: 1.5rem 0;
    position: relative;
}
.news_swiper .swiper-slide img{
    width:100%;
}
.news_swiper .swiper-slide .txt {
    padding: 2rem 5%;
    background: #f9f9f9;
}
.news_swiper .swiper-slide .txt .name{
    font-size: 1.5rem;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.news_swiper .swiper-slide .txt .intro{
    font-size: 1rem;
    line-height: 2rem;
    margin-top: 2rem;
    margin-bottom: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.news_section .more {
    width:150px;
    height:40px;
    font-size: 1.2rem;
    background: #F2F2F2;
    color:#959393;
    border-radius: 20px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}






.about_section {
    width:100%;
    padding: 30px 0;
    background: #229093;
}
.about_section img{
    width:100%;
}
.about_section .tit{
    margin-bottom:30px;
    color:#fff;
}
.about_section .intro{
    width: 94%;
    margin: 0 auto;
}
.about_section .intro p{
    font-size: 1.2rem;
    line-height: 2.4rem;
    text-indent: 2.4rem;
    text-align: justify;
    color:#fff;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
}
.about_section .more {
    width:100%;display: flex;justify-content: center;padding-top:20px;
}
.about_section .more a{
    width:150px;height:40px;line-height: 40px;border-radius: 20px;text-align: center;font-size: 14px;
    color: #229093;
    background: #fbf9f9;
}


.about_section .company_strength {
    margin: 30px 0 10px;
    display: flex;

}
.about_section .strength_box {
    width: 33%;
    text-align: center;
}
.about_section .strength {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
    transition: all 0.36s;
    color:#fff;
}
.about_section .strength .num{
    font-size: 22px;
    margin-right: 3px;
}
.about_section .strength_tit {
    font-size: 16px;
    color: #fff;
    line-height: 1.5;
    transition: all 0.36s;
}

<!--0.00018596649169922-->