@media only screen and (max-width:960px) {
    .content_wrapper { padding-top: 60px; }
}

img { max-width: 100%; }
.banner { text-align: center; border-style: none; position: relative; width: 100%; max-height: 1080px; min-height: 360px; background-size: cover; background-image: url('../images/product/eznc/ban.jpg'); background-repeat: no-repeat; background-position: center; }
    .banner > .content { max-width: 1100px; margin: 0px auto; height: 100%; padding: 0% 4%; }
        .banner > .content > .text { color: #FFF; position: absolute; top: 60%; -ms-transform: translateY(-60%); transform: translateY(-60%); }
            .banner > .content > .text > h3 { font-size: 1.75rem; font-weight: bold; color: #fff; }
            .banner > .content > .text > p { font-size: 1.15rem; color: #fff; text-align: left; }

@media only screen and (max-width:960px) {
    .banner > .content > .text { padding-top: 4rem; }
}

@media only screen and (max-width:960px) {
    .banner { min-height: 200px; }
        .banner > .content > .text { left: 40px; top: 30%; -ms-transform: translateY(-30%); transform: translateY(-30%); }
}



.rountmenu { margin: 0px auto; width: 100%; max-width: 1920px; padding: 2rem 4%; color: #161616; font-size: 1rem; }
    .rountmenu > a { color: #161616; font-size: 1rem; padding: 0px 5px; }

@media only screen and (max-width:960px) {
    .rountmenu { font-size: 14px; }
        .rountmenu > a { font-size: 14px; }
}


.infobg { width: 100%; background-color: #fff }
.infobig { width: 100%; max-width: 1000px; padding: 4rem 4% 3rem 4%; margin: 0px auto; text-align: center; }
    .infobig > ul { display: flex; align-items: center; flex-wrap: wrap; }
        .infobig > ul > li.ll { flex: 1; text-align: left; }
            .infobig > ul > li.ll > b { font-weight: bold; color: #0064b6; font-size: 1.5rem; }
            .infobig > ul > li.ll > p { text-align: justify; font-size: 1rem; color: #161616; margin-top: 2rem; line-height: 1.8; }
        .infobig > ul > li.rr { width: 50% }


@media only screen and (max-width:768px) {
    .infobig > ul > li.ll { flex: none; width: 100%; margin-bottom: 1rem; }
        .infobig > ul > li.ll > b { font-size: 1.25rem; }
    .infobig > ul > li.rr { width: 100% }
    .infobig > ul > li.ll > p { font-size: 14px; }
}


.smbg { width: 100%; background-color: #f0f0f0 }
.smbig { width: 100%; max-width: 1000px; padding: 4rem 4% 3rem 4%; margin: 0px auto; text-align: center; }
    .smbig > .title { font-size: 1.5rem; color: #0064b6; text-align: left; line-height: 1.5; margin-bottom: 2rem; }
    .smbig > .subtitle { font-size: 1rem; color: #161616; text-align: justify; margin-bottom: 2rem; line-height: 1.8; }
    .smbig > .box { background-color: #fff; border-radius: 2rem; padding: 1.5rem; margin-bottom: 2rem; }

@media only screen and (max-width:960px) {
    .smbig > .title { font-size: 1.25rem; }
    .smbig > .subtitle { font-size: 14px; }
}



.sjbg { width: 100%; background-color: #091f36; background-image: url('../images/product/eznc/bg.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center; }
.sjbig { width: 100%; max-width: 1000px; padding: 4rem 4% 3rem 4%; margin: 0px auto; text-align: center; }
    .sjbig > .topbt { max-width: 900px; text-align: center; margin: 0px auto; font-size: 2rem; color: #fff; border-bottom: solid 1px #fff; padding: 1rem 1rem; margin-bottom: 2rem; }
    .sjbig > .text { text-align: justify; font-size: 1rem; color: #fff; line-height: 1.8;  padding: 1rem; margin-bottom: 2rem; }
    .sjbig > .box { border-radius: 2rem; background-color: #fff; padding: 2rem 3rem; text-align: left; margin-bottom: 2rem; }
        .sjbig > .box > b { color: #000; font-size: 1.25rem; font-weight: 400; display: inline-block; margin-bottom: 1rem; }
        .sjbig > .box > p { color: #000; font-size: 1rem; line-height: 1.8; text-align: justify; }
        .sjbig > .box > .img { margin: 2rem 0px; }
    .sjbig > .line { margin: 2rem 0px; }




@media only screen and (max-width:960px) {
    .sjbig > .topbt { font-size: 1.5rem; }
    .sjbig > .box { padding: 1.5rem; }
        .sjbig > .box > p { font-size: 14px; }
    .sjbig > .text { font-size: 14px; }
        .sjbig > .text > p { font-size: 14px; }
}




.goprolist { width: 100%; margin: 3rem auto; text-align: center; }
    .goprolist > a { background-image: url('../images/product/eznc/golist.png'); background-repeat: no-repeat; background-size: cover; background-position: center; width: 330px; height: 70px; line-height: 70px; display: inline-block; color: #fff; font-size: 1.5rem; }

@media only screen and (max-width:768px) {
    .goprolist > a { font-size: 1.25rem; width: 200px; height: 42px; line-height: 42px; }
}