@media (min-width: 1000px) {

    div.header div.nav div.menuService .sub { display: block; }

    .section { padding: 40px 0 0 0; }
        .section .row { margin: 0 -5px; }
        .section .col-md-8, .section .col-md-6, .section .col-md-4, .section .col-md-3, .section .col-md-2 { padding: 0 5px; }
}

.section { }
    .section .title { }
        .section .title h3 { border-left: 20px solid #d41938; padding: 0 20px; position: relative; border-bottom: 2px solid #d41938; }
            .section .title h3 span { font-size: 20px; line-height: 30px; font-weight: bold; }
                .section .title h3 span.en { font-size: 16px; line-height: 20px; color: #d41938; text-transform: uppercase; font-weight: normal; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; }
            .section .title h3 a.more { position: absolute; top: 0; right: 10px; line-height: 30px; font-size: 16px; border: none; }

#secCase { background: #f1f1f1; margin: 0; padding: 0; }
    #secCase a { border: none; }
    #secCase img { width: 100%; padding: 20px 10px 0 10px; }
    #secCase .title { }
        #secCase .title h3 { display: block; height: 60px; text-align: center; border-left: 0px solid #d41938; padding: 0 20px; position: relative; border-bottom: 0px solid #d41938; background: url(../images/Default_images/titlebj.gif)no-repeat center;  }
            #secCase .title h3 span { font-size: 24px; line-height: 60px; color: #d41938; position: relative; left: 10%; bottom: 5px; }
    #secCase .main { margin: 50px 0 0 0; }
        #secCase .main li { float: left; width: 20%; background: #fff; }

    #secCase .divCase1 { }
        #secCase .divCase1 li h3 { font-size: 18px; text-align: center; line-height: 30px; height: 30px; overflow: hidden; padding: 0 10px; }
        #secCase .divCase1 li .intro { display: block; line-height: 20px; padding: 0 10px; height: 40px; overflow: hidden; margin-bottom: 10px; }
    #secCase .divCase2 li { width: 33.33%; float: left; }
        #secCase .divCase2 li h3 { font-size: 14px; text-align: center; line-height: 30px; height: 30px; overflow: hidden; }

#secProductsHots { }
    #secProductsHots a { border: none; }
    #secProductsHots .main { margin: 20px 0 0 5px; }
        #secProductsHots .main .left { background: url(../images/icon/lefticon.gif) no-repeat center; width: 25px; height: 45px; position: relative; left: -25px; top: 120px; }
        #secProductsHots .main .right { background: url(../images/icon/righticon.gif) no-repeat center; width: 25px; height: 45px; position: relative; top: 120px; left: 20px; }
        #secProductsHots .main li { float: left; width: 25%; }
    #secProductsHots img { width: 95%; padding: 10px; border: 1px solid #ccc; }
    #secProductsHots .divProductHot1 { }
        #secProductsHots .divProductHot1 li h3 { font-size: 18px; text-align: center; line-height: 30px; height: 30px; overflow: hidden; padding: 0 10px; }
        #secProductsHots .divProductHot1 li .intro { display: block; line-height: 20px; padding: 0 10px; height: 40px; overflow: hidden; margin-bottom: 10px; }
    #secProductsHots .divProductHot2 li { width: 50%; float: left; }
        #secProductsHots .divProductHot2 li h3 { font-size: 14px; text-align: center; line-height: 30px; height: 30px; overflow: hidden; }

#secBannerMiddle1 { background: url(/App_Uploads/Photo/bannerHomeMiddle1.jpg) center no-repeat; height: 180px; }
    #secBannerMiddle1 img { display: none; }
#secBannerMiddle2 { background: url(/App_Uploads/Photo/bannerHomeMiddle2.jpg) center no-repeat; height: 180px; }
    #secBannerMiddle2 img { display: none; }
#secBannerMiddle3 { background: url(/App_Uploads/Photo/bannerHomeMiddle3.jpg) center no-repeat; height: 180px; }
    #secBannerMiddle3 img { display: none; }


#secProducts { }
    #secProducts .divProductCate { border: 2px solid #d41938; }
        #secProducts .divProductCate .title { background: #d41938; text-align: center; padding: 0; border-radius: 0px; }
            #secProducts .divProductCate .title span { background: none; color: #fff; }
        #secProducts .divProductCate .main { background: #fff; padding: 10px; }
            #secProducts .divProductCate .main li { }
                #secProducts .divProductCate .main li a { display: block; line-height: 44px; margin: 5px 0; background: url(../images/icon/icon_dian8.gif) left center no-repeat; border-radius: 5px; color: #6c6b6b; font-size: 15px; padding: 4px 15px; }
                    #secProducts .divProductCate .main li a:hover { background: #ec0c0c; border: none; border-radius: 5px; }
                #secProducts .divProductCate .main li li { padding-left: 25px; padding-right: 15px; }
                    #secProducts .divProductCate .main li li a { border-bottom: 1px dashed #ccc; border-radius: 0; margin: 0; }
                        #secProducts .divProductCate .main li li a:hover { background: none; border-bottom: 1px dashed #ccc; color: #ec0c0c; }
                    #secProducts .divProductCate .main li li:last-child a { border: none; }


    #secProducts .divProductShow { border-radius: 5px; }
        #secProducts .divProductShow .title span { padding-left: 20px; }
        #secProducts .divProductShow .title a.more { position: absolute; top: 15px; right: 5px; color: #fff; }
        #secProducts .divProductShow .main { padding: 10px; }
            #secProducts .divProductShow .main li { float: left; width: 33.33%; margin: 5px 0; }
                #secProducts .divProductShow .main li a { display: block; line-height: 36px; color: #fff; font-size: 15px; padding: 5px 10px; border: none; }
                #secProducts .divProductShow .main li .item { padding: 0; border: 1px solid #ccc; border-radius: 5px; }
                    #secProducts .divProductShow .main li .item img { display: block; margin: 0 auto; width: 100%; }
                    #secProducts .divProductShow .main li .item h3 { text-align: center; font-size: 15px; line-height: 30px; height: 30px; overflow: hidden; padding: 0 8px; }
                    #secProducts .divProductShow .main li .item .intro { display: none; }

#secBannerMiddle { background: url(/App_Uploads/Photo/home_banner_middle1.jpg) center no-repeat; height: 198px; }
    #secBannerMiddle img { display: none; }
#secCustomerTestimonials .main .item h3 { margin-top: 10px; }
#secCustomerTestimonials .main .item { border: #ccc solid 1px; }
    #secCustomerTestimonials .main .item .left { width: 45%; }
        #secCustomerTestimonials .main .item .left .pic { padding: 10px; }
            #secCustomerTestimonials .main .item .left .pic img { width: 100%; }
#secCustomerTestimonials .main ul li { width: 48%; float: left; margin: 10px 20px 20px 0; }
#secCustomerTestimonials .main .item .right { width: 53%; }
    #secCustomerTestimonials .main .item .right .intro { line-height: 25px; font-size: 14px; color: #ccc; padding-right: 10px; }
    #secCustomerTestimonials .main .item .right .more {; padding-top: 20px; display: inline-block; }

#secAboutus .divService { }
    #secAboutus .divService li { float: left; width: 100%; }
        #secAboutus .divService li img { width: 100%; }
        #secAboutus .divService li h3 { font-size: 13px; line-height: 24px; color: #666; }


#secAboutus { padding: 10px 0 0 0; }
    #secAboutus .aboutus .main { padding: 10px 0; }
    #secAboutus .main .left { float: left; position: absolute; left: 0x; top: 50%; display: none; }
    #secAboutus .main .right { float: right; position: absolute; right: 0x; top: 50%; display: none; }
    #secAboutus .aboutus .main .pic { float: left; width: 320px; margin: 0 10px; padding: 0; }
    #secAboutus .aboutus .main .intro { margin: 10px; }
    #secAboutus .contact h3 { font-size: 18px; }

#divCompanyInfo { }
    #divCompanyInfo img { width: 100%; background: #ccc; }

    #divCompanyInfo .intro { text-indent: 2em; line-height: 32px; font-size: 13px; float: right; width: 65%; }
#divCompanyPhoto { }
    #divCompanyPhoto li { width: 50%; float: left; border: none; }
        #divCompanyPhoto li img { width: 100%; }

#divCompanyInfo { }
    #divCompanyInfo .pic { width: 32%; float: left; margin: 0 10px 10px 0; }
    #divCompanyInfo .main intro a { display: inline-block; padding-top: 25px; text-indent: 0; }

#divCompanyPhoto { padding: 0 30px; position: relative; border: none; border-top: 1px solid #ccc; margin-top: 10px; }
    #divCompanyPhoto .left { text-align: center; font-size: 16px; line-height: 50px; color: #fff; margin-top: -36px; width: 25px; height: 50px; cursor: pointer; position: absolute; top: 50%; left: 0px; background: #cccccc; border-bottom-left-radius: 4px; border-top-left-radius: 4px; }
    #divCompanyPhoto .right { text-align: center; font-size: 16px; line-height: 50px; color: #fff; margin-top: -36px; width: 25px; height: 50px; cursor: pointer; position: absolute; top: 50%; right: 0px; background: #cccccc; border-bottom-right-radius: 4px; border-top-right-radius: 4px; }
    #divCompanyPhoto li { width: 25%; }
        #divCompanyPhoto li a { border: none; }
        #divCompanyPhoto li img { }
        #divCompanyPhoto li h3 { font-size: 13px; }

#secStrong { background: url(/App_Uploads/Photo/home_advantage.jpg) no-repeat top center; height: 1033px; padding: 0; }
    #secStrong .title { background: none; padding: 25px 0 15px 0; }
        #secStrong .title h3 { font-size: 48px; color: #333; margin: 0; }
        #secStrong .title em { font-size: 60px; color: #295A00; font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; display: inline-block; }
    #secStrong .main { }
        #secStrong .main li { margin: 0; }
        #secStrong .main .item { position: relative; border: none; height: 350px; }
            #secStrong .main .item .pic { width: 50%; padding: 0; display: none; }
                #secStrong .main .item .pic img { width: 80%; display: block; margin: 0 auto; }
            #secStrong .main .item .strong { width: 50%; position: absolute; left: 50%; top: 50%; margin-top: -100px; padding-left: 110px; }
                #secStrong .main .item .strong em { display: none; position: absolute; top: 30px; left: 0; width: 60px; height: 60px; border-radius: 100%; background: #295A00; color: #fff; line-height: 60px; text-align: center; font-size: 36px; font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; }
                #secStrong .main .item .strong h3 { font-size: 24px; line-height: 32px; max-height: 63px; overflow: hidden; color: #4c9b05; border: none; margin-bottom: 25px; }
                #secStrong .main .item .strong .intro { font-size: 18px; line-height: 30px; height: 120px; overflow: hidden; }
                    #secStrong .main .item .strong .intro b { color: #295A00; }
        #secStrong .main li:nth-child(2n) .item { padding-left: 50%; }
            #secStrong .main li:nth-child(2n) .item .strong { width: 50%; position: absolute; left: 0; }
            #secStrong .main li:nth-child(2n) .item .pic { width: 100%; }


#secCert { padding: 25px 0; background: url(/App_Uploads/Photo/bg_cert.jpg); }
    #secCert .main { margin: 15px 0 0 0; padding: 20px; position: relative; border-radius: 5px; }
        #secCert .main .left { text-align: center; font-size: 16px; line-height: 50px; margin-top: -36px; width: 25px; height: 50px; cursor: pointer; position: absolute; top: 50%; left: -5px; border-bottom-left-radius: 4px; border-top-left-radius: 4px; }
        #secCert .main .right { text-align: center; font-size: 16px; line-height: 50px; margin-top: -36px; width: 25px; height: 50px; cursor: pointer; position: absolute; top: 50%; right: -5px; border-bottom-right-radius: 4px; border-top-right-radius: 4px; }
        #secCert .main li { float: left; width: 20%; }
            #secCert .main li img { width: 95%; display: block; margin: 0px auto; border: 1px solid #ccc; border: 3px solid #ccc; border-radius: 4px; }
            #secCert .main li h3 { display: none; }

#secNews { padding: 10px 0 0 0; }
    #secNews .divNews { }
        #secNews .divNews .main { padding: 0; }
        #secNews .divNews li { margin: 0; }
            #secNews .divNews li a { background: url(../images/icon/icon_dian4.jpg) no-repeat left center; padding: 0 5px 0 18px; font-size: 14px; line-height: 36px; height: 36px; overflow: hidden; }

    #secNews .divService .main li { margin: 0; }
        #secNews .divService .main li a { border: none; padding: 3px 5px; font-size: 14px; }



@media (min-width: 1000px) {
    #secNews .col-md-4 { padding: 0 10px; }
}

@media (max-width: 1000px) {

    #secBannerMiddle1 { background: none; height: auto; }
        #secBannerMiddle1 img { display: block; width: 100%; }
    #secBannerMiddle2 { background: none; height: auto; }
        #secBannerMiddle2 img { display: block; width: 100%; }
    #secBannerMiddle3 { background: none; height: auto; }
        #secBannerMiddle3 img { display: block; width: 100%; }
}


@media (max-width: 768px) {

    .section { padding: 10px; }

    #secCustomer .main ul { float: left; }
    #secCustomer .main li { width: 50%; }

    #secProducts { }
        #secProducts .divProductShow { margin-top: 30px; }
            #secProducts .divProductShow .main li { width: 100%; }
                #secProducts .divProductShow .main li:last-child { display: none; }
    #secProductsHots .main .left { left: 0px; top: 140px; display: none; }
    #secProductsHots .main .right { top: 140px; left: 0px; display: none; }
    #secBannerMiddle { background: none; height: auto; }
        #secBannerMiddle img { display: block; width: 100%; }
    #secProductsHots .main li { width: 100%; }

    #secNews .main li { float: none; width: auto; }
        #secNews .main li .item { padding: 6px; }
    #secNews .divNews { margin-top: 30px; }
        #secNews .divNews li .item h3 { height: 24px; line-height: 24px; margin: 3px 0; }

    #secStrong { background: #efefef; height: auto; padding: 20px 0; }
        #secStrong .title { }
            #secStrong .title h3 { font-size: 24px; }
        #secStrong .main { padding: 20px 0; }
            #secStrong .main .item { border: 1px solid #ccc; background: #fefefe; border-radius: 5px; margin: 5px 0; }
                #secStrong .main .item .pic { width: auto; }
                    #secStrong .main .item .pic img { width: 100%; }
                #secStrong .main .item .strong { width: auto; position: relative; top: 0; left: 0; margin: 0; padding: 10px; }
            #secStrong .main li:nth-child(2n) .item { padding: 10px; }
                #secStrong .main li:nth-child(2n) .item .strong { width: auto; position: relative; left: 0; top: 0; }
                #secStrong .main li:nth-child(2n) .item .pic { width: auto; }
            #secStrong .main .item .strong em { font-size: 24px; width: 40px; height: 40px; line-height: 40px; left: 10px; }
            #secStrong .main .item .strong h3 { margin: 6px 0; font-size: 20px; min-height: auto; }
            #secStrong .main .item { height: auto; margin-bottom: 30px; }
                #secStrong .main .item span { line-height: 25px; font-size: 16px; }
                #secStrong .main .item .strong .intro { font-size: 14px; line-height: 20px; }
                 #secCase .title h3 { background-size:100%;  }
    #secCase { padding: 5px; }
        #secCase .main { padding: 10px 0px; }
            #secCase .main li .item { border: 1px solid #ccc; background: #fefefe; border-radius: 5px; margin: 5px 0; }
            #secCase .main li .intro { padding: 5px; }
                #secCase .main li .intro h3 { font-size: 14px; }
        #secCase .title h3 span { font-size: 18px; left: 25%; }
    #secCert { height: auto; padding: 20px 0; }
        #secCert .main { padding: 20px 10px; }
            #secCert .main li { width: 50%; }
    #secCase .main li { width: 100%; }
    #secAboutus .aboutus .main .pic { width: auto; border-radius: 5px; }
        #secAboutus .aboutus .main .pic img { width: 100%; display: block; }
    #secAboutus .divService { margin-top: 30px; }
    #divCompanyInfo .intro { width: 100%; float: none; }
    #divCompanyInfo img { width: 100%; border-radius: 5px; }
    #divCompanyInfo .pic { width: 100%; float: none; }
    #divCompanyPhoto li { width: 50%; }
        #divCompanyPhoto li img { }
}

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


@media (max-width: 414px) {
    #secCustomerTestimonials .main ul li { width: 100%; }
    #secCustomerTestimonials .main .item .left { width: 100%; }
    #secCustomerTestimonials .main .item .right { width: 100%; }
        #secCustomerTestimonials .main .item .right h3 { font-size: 18px; text-align: center; }
}