/*公司简介*/
.banner4{
    background: url("banner4.jpg") no-repeat 50% top;
    height: 240px;
}
.about p.title{
    margin-top: 5px;
    font-size: 24px;
    color: #333333;
    text-align: center;
    margin-bottom: 35px;
}
.about .but1{
    display: block;
    margin: 0 auto 40px;
    width: 380px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 18px;
    border-radius: 4px;
    background: #5FC505;
    color: white;
}
.about .main{
    padding-bottom: 100px;
    overflow: hidden;
}
.about .main .img2{
    width: 43%;
    overflow: hidden;
}
.about .main .img2 img{
    width: 100%;
    max-width: 500px;
    /*min-width: 280px;*/
}
.about .main .size{
    width: 56%;
    font-size: 12px;
    color: #444444;
    line-height: 250%;
    text-align: justify;
}
.about .main .size a{
    color: #E60012;
    display: inline-block;
}

/*认证及许可*/
.about2{
    width: 100%;
    margin: 80px 0 95px;
    overflow: hidden;
    background: #f3f3f3 url("quan.png") no-repeat top center;
    padding-bottom: 40px;
}
.about2 .btn2{
    display: block;
    margin: 0 auto 40px;
    width: 782px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 18px;
    border-radius: 4px;
    background: #5FC505;
    color: white;
}
.about2 .u1{
    margin-top: 10px;
    width: 23%;
    float: left;
}
.about2 .u1 li{
    width: 100%;
    float: left;
    font-size: 16px;
    height: 38px;
    line-height: 38px;
}
.about2 .u1 li img{
    margin-right: 10px;
}
.about2 .u1 li a{
    color: #666666;
}
.about2 .u1 li.title {
     height: 62px;
    font-size: 24px;
    line-height: 62px;
}
.about2 .u1 li.title a{
    color: #00001F;
}
.about2 .u1 li.title span{
    font-size: 18px;
}
.about2 .u2{
    width: 28.5%;
    float: left;
}
.about2 .u2 li{
    width: 90%;
    border: 1px solid #6156a4;
    padding: 4.5%;
}
.about2 .u2 li img{
    width: 100%;
    max-width: 312px;
    display: block;
    margin: 0 auto;
}
.about2 .u3{
    float: right;
}

/*品牌介绍页面*/
.about .main1{
    padding-bottom: 30px;
}
.main .img3{
    width: 35.8%;
    margin-bottom: 20px;
}
.about .but2{
    display: block;
    margin: 0 auto 40px;
   width: 287px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 18px;
    border-radius: 4px;
    background: #5FC505;
    color: white;
}
.main .img3 img{
    max-width: 410px;
    width: 100%;
}
.main .size1{
    width: 63.75%;
    padding-bottom: 15px;
}
.main .size2{
    width: 100%;
}
.main .size1 p{
    margin-bottom: 25px;
    font-size: 12px;
    color: #545454;
    line-height: 200%;
    text-align: justify;
}
.main .size1 p.tit3{
    font-size: 14px;
    color:#333333 ;
    font-weight: bold;
}
.main .size1 p a{
    display: inline-block;
    color:#FF0013;
    text-decoration: underline;
}
.main .size2 .img4{
    width: 100%;
}
.main .size2 .img4 img{
    width: 100%;
    max-width: 800px;
    min-width: 300px;
    display: block;
    margin: 0 auto;
}
.main-bottom{
    background:#eeeeee ;
    overflow: hidden;
    width: 100%;
    padding-bottom: 35px;
}
.about .but3{
    width: 195px;
}
.main-bottom .size3{
    width: 60.42%;

}
.main-bottom .img{
    width: 37.5%;
    margin-bottom: 25px;
}
.main-bottom .img img{
    width: 100%;
    max-width: 450px;
    /*min-width: 300px;*/
}
.main-bottom .size3 p{
    margin-bottom: 25px;
    font-size: 12px;
    color: #545454;
    line-height: 200%;
    text-align: justify;
}
.main-bottom .size3 p.tit3{
    font-size: 14px;
    color:#333333 ;
    font-weight: bold;
}
.main-bottom .size3 p a{
    display: inline-block;
    color:#FF0013;
    text-decoration: underline;
}



/*自适应样式*/

@media (max-width:1180px){
    .main .img3{
        width: 100%;

    }
    .main .img3 img{
        margin: 0 auto;
        display: block;
    }
    .main .size1{
        width: 100%;
    }
}


@media (max-width:1120px){
    .about2 .u3{
        width: 40%;
    }
    .about .main .img2{
        width: 90%;
    }
    .about .main .img2 img{
        display: block;
        margin: 0 auto 20px;
    }
    .about .main .size{
        width: 100%;
        margin: 0 auto;
        float: none;
        line-height: 230%;
    }
}
@media (max-width:800px) {
    /*.about2 .u1 {*/
        /*width: 26%;*/
    /*}*/
    /*.about2 .u2 {*/
         /*width: 50%;*/
     /*}*/
    /*.about2 .u3 {*/
        /*float: left;*/
    /*}*/
    .about2 .u1 li{
        font-size: 14px;
        height: 28px;
        line-height: 28px;
    }
    .about2 .u1 li.title {
        height: 50px;
        font-size: 19px;
        line-height:50px;
    }
    .about2 .u1 li.title span{
        font-size: 16px;
    }
    .about2 .btn2{
        margin: 0 auto 40px;
        width: 600px;
        font-size: 14px;
    }
}
@media (max-width:730px) {
    .about2 .u1 {
        width: 100%;
    }

    .about2 .u2{
        width: 80%;
    }
    .about2 .u2 li img{
        width: 250px;
    }
    .main-bottom .size3{
        width: 100%;
    }
    .main-bottom .img{
        width: 100%;
    }
    .main-bottom .img img{
        margin: 0 auto;
        display: block;
    }
}
@media (max-width:620px){
    .about2 .btn2{
        height: auto;
        line-height: 160%;
        padding: 10px;
        width: auto;
        font-size: 14px;
    }
}

@media (max-width:500px){
    .about p.title{
        margin-top: 0px;
        font-size: 18px;
        margin-bottom: 20px;
        }
    .about .but1{
        margin: 0 auto 30px;
        width: 300px;
        height: 30px;
        line-height: 30px;
        font-size: 14px;
    }
    .about .main{
        padding-bottom: 30px;
    }
    .about2{
        margin: 20px 0 25px;
        padding-bottom: 40px;
    }
    .about2 .btn2{
        margin: 0 auto 20px;}
}
@media (max-width:460px) {
    .banner4 {
        /*background-size: 80%;*/
        background: url("banner4.jpg") no-repeat 50% center;
        height: 160px;
    }

}
@media (max-width:375px) {

    .about2 .u2 li{
        width: 80%;
        padding: 4.5%;
    }
    .about2 .u2 li img{
        width: 100%;
        margin: 0 auto;
    }
}