/*main*/
.main .banner{ width: 100%; height: 28vh; background: url("../images/about-banner.jpg") no-repeat;
    background-size: cover; padding-top: 18vh; text-align: center;}
.main .banner img{ width: 40%;}

.main .CompanyIntroduction{ width: 80%; margin: 0 auto; padding-top: 5%;}
.main .CompanyIntroduction img{ float: left; width: 30%; margin-right: 5%;}
.main .CompanyIntroduction p{ font-size: 16px; color: #333333; line-height: 30px;margin-top: 2%;}

.main .CompanyQualification { width: 60%; margin: 4% auto 6%; position: relative; font-size: 0;}
.main .CompanyQualification img{ width: 25%; margin:0 1% 1% 0;}
.main .CompanyQualification img.imgone{ width: 20%; margin: 0 6% 2% 0;}
.main .CompanyQualification img.imgfour{ width: 24.5%;margin: 5% 0 0 0; position: absolute; top: -13%;}

.main .ContactUs{ width: 100%; background-color: #f4f4f4; text-align:center; padding-bottom: 5%;}
.main .ContactUs>img{ width: 9%; padding-top: 5%;}
.main .ContactUs .information{ width: 60%; margin: 3% auto 0; padding-left: 10%;}
.main .ContactUs .information .left{ width:20%; float: left; padding-right: 8%; margin-right: 10%;
    border-right: 1px solid #cbcbcb;}
.main .ContactUs .information .left img{ width:100%;}
.main .ContactUs .information .right{ width: 60%; float: left; text-align: left; padding-top: 2%;}
.main .ContactUs .information .right li{ margin: 5% 0;}
.main .ContactUs .information .right img{ float: left; margin:0 3% 25px 0;}
.main .ContactUs .information .right img.lastimg{ margin:0 3% 100px 0;}
.main .ContactUs .information .right h5{ margin-bottom: 2%;}
.main .ContactUs .information .right span{ font-size: 14px; line-height: 20px;}


@media screen and ( max-width:1025px ){
    .main .ContactUs>img{ padding-top: 10%;}
}
@media screen and ( max-width:1000px ){
    .main .banner{ padding-top: 20vh;}
}
@media screen and ( max-width:900px ){
    .main .ContactUs .information .right span{ font-size: 12px;}
}
@media screen and ( max-width:800px ){
    .main .banner{ padding-top: 20vh; height: 25vh}
    .main .banner img{ width: 50%;}
}
@media screen and ( max-width:769px ){
    .main .banner{ padding-top: 12vh; height: 17vh}
    .main .banner img{ width: 60%;}

    .main .ContactUs>img{ padding-top: 5%;}
}
@media screen and ( max-width:415px ){
    .main .banner{ padding-top: 15vh; height: 15vh}
    .main .CompanyIntroduction img{ width: 44%;}
    .main .CompanyQualification { width: 80%;}
    .main .ContactUs .information{ width: 90%; padding-left: 0; margin-top: 0;}
    .main .ContactUs .information .left{ display: none;}
    .main .ContactUs .information .right{ width: 100%; float: none;}
    .main .ContactUs>img{ width:22%; }
}
@media screen and ( max-width:376px ){
    .main .CompanyIntroduction p{ font-size: 14px;}
    .main .ContactUs .information{ width: 80%;}
    .main .ContactUs .information .right{ padding-top: 0;}
}