@charset "utf-8";
.bannerindex h1{ font-size: 24px; line-height: 40px;}
header nav>li .subnav{ width: 150px; margin-left: -75px;}
.about-r{ padding-top: 0;}
.about-r p,.our_scale p,.leader-l p{ text-align: justify;}
.our_scale{ margin-top: 100px; padding: 30px 40px;}
.leader-l{ width: 58%; margin-top: 0;}
.leader-l h2{ margin-bottom: 30px;}
#pics .swiper-slide .swiper-title{ padding:5px 8px; line-height: 24px; }
.service-list li{ min-height: 430px;}
.connect dl{ width: 48%;}


@media (max-width: 768px) {
    .bannerindex .banner-index{ height: 150px;}
    .bannerindex .banner1{ height:150px;}
    .bannerindex h1{ font-size: 18px; line-height: 28px;}

    .section_1 .core_product{ padding-left: 2px; padding-right: 2px;}
    .fresh_supply h1{ font-size: 20px; margin-bottom: 10px;}

    .aboutbanner{ padding-top: 35px; padding-bottom: 35px;}
    .aboutbanner h1{ font-size: 18px; line-height: 30px; margin-bottom: 10px;}
    .main h1{ font-size:20px; line-height: 24px;}
    .about-info h1{ margin-bottom: 10px;}
    .about-top .about-info{ width: 68%;}

    .our_scale{ margin-top: 0; padding: 30px 20px;}

    .leader-l{ width: 100%; float: none;}
    .leader-l h2{ margin-bottom: 20px;}

    #pics .swiper-slide .swiper-title{ font-size: 14px; line-height: 20px;}
    .pro-list li{ height: 170px;}
    .service-list li{ min-height: auto;}
    .connect dl dd{ margin-bottom: 20px; line-height: 28px;}
    .connect dl{ width: 100%;}

    .joinbox{ padding-left: 5px; padding-right: 5px; padding-top: 30px;}
}