﻿
@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: #f0f0f0; margin: 3rem auto; }
.infobig { width: 100%; max-width: 1000px; padding: 4rem 4% 3rem 4%; margin: 0px auto; text-align: center; }
    .infobig > p { font-size: 1.15rem; color: #161616; font-weight: bold; }




.sjbg { width: 100%; background-color: #091f36; background-image: url('../images/product/ezmk/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 { text-align: center; margin: 0px auto; font-size: 2rem; color: #fff; border-bottom: solid 1px #fff; padding: 1rem 1rem; margin-bottom: 2rem; }
    .sjbig > .text { font-size: 1rem; color: #fff; line-height: 1.8; text-align: center; padding: 1rem; margin-bottom: 2rem; }
    .sjbig > .box { 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; }
        .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 > .text > p { font-size: 14px; }
    .sjbig > .box > p { font-size: 14px; }
}




.cwbg { width: 100%; background-color: #f6f6f6; }
.cwbig { width: 100%; max-width: 1000px; padding: 4rem 4% 4rem 4%; margin: 0px auto; text-align: center; }
    .cwbig > .topbt { text-align: center; margin: 0px auto; font-size: 2rem; color: #161616; line-height: 1; }
    .cwbig > .text { font-size: 1rem; color: #161616; line-height: 1.8; text-align: center; padding: 1rem; margin-bottom: 2rem; }
    .cwbig > .box { border-radius: 2rem; background-color: #fff; padding: 2rem 3rem; text-align: center; margin-bottom: 2rem; }
        .cwbig > .box > b { color: #000; font-size: 1.25rem; font-weight: 400; display: inline-block; margin-bottom: 1rem; }
        .cwbig > .box > p { color: #000; font-size: 1rem; line-height: 1.8; }
        .cwbig > .box > .img { margin: 2rem auto; width: 100%; text-align: center; }
            .cwbig > .box > .img > img { margin: 0px auto; }


@media only screen and (max-width:960px) {
    .cwbig > .topbt { font-size: 1.5rem; }
    .cwbig > .box > p { font-size: 14px; }
    .cwbig > .text > p { font-size: 14px; }
}



.xfbg { width: 100%; background-color: #091f36; background-image: url('../images/product/ezmk/bg2.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center; }
.xfbig { width: 100%; max-width: 1000px; padding: 4rem 4% 3rem 4%; margin: 0px auto; text-align: center; }
    .xfbig > .topbt { text-align: center; margin: 0px auto; font-size: 2rem; color: #fff; padding: 1rem 1rem; }
    .xfbig > .text { font-size: 1rem; color: #fff; line-height: 1.8; text-align: center; padding: 1rem; margin-bottom: 2rem; }
    .xfbig > .proimg { transform: translateY(2rem); }

    .xfbig > .box { background-color: #fff; padding: 2rem 3rem; text-align: left; margin-bottom: 2rem; }
        .xfbig > .box > b { color: #000; font-size: 1.5rem; display: block; margin-bottom: 1rem; margin-top: 1rem; text-align: center; }
        .xfbig > .box > .bgtxt { text-align: center; }
            .xfbig > .box > .bgtxt > i { background-color: #ffff00; font-style: normal; color: #000; font-size: 1.25rem; padding: 3px 10px; }
        .xfbig > .box > p { color: #000; font-size: 1rem; line-height: 1.8; margin-bottom: 1rem; }
            .xfbig > .box > p > a { font-size: 1rem; color: #0064B5 }
            .xfbig > .box > p.bb { font-weight: bold; }
        .xfbig > .box > .img { margin: 2rem 0px; }


@media only screen and (max-width:960px) {
    .xfbig > .topbt { font-size: 1.5rem; }
    .xfbig > .box { padding: 1.5rem; }
        .xfbig > .box > p { font-size: 14px; }
            .xfbig > .box > p > a { font-size: 14px; }
}




.goprobg { width: 100%; }
.goprobig { width: 100%; max-width: 1000px; padding: 8rem 4% 3rem 4%; margin: 0px auto; text-align: center; }
    .goprobig > ul { display: flex; justify-content: space-between; flex-wrap: wrap; }
        .goprobig > ul > li { flex-basis: 48%; border: solid 1px #707070; border-radius: 2rem; }
            .goprobig > ul > li > a { display: flex; position: relative; align-items: center; }
                .goprobig > ul > li > a > .img { transform: translateY(-80px); margin-left: 2rem; }
                    .goprobig > ul > li > a > .img > img { max-height: 100%; }
                .goprobig > ul > li > a > .pname { padding-left: 10%; font-size: 1.15rem; color: #000; text-align: left; }

@media only screen and (max-width:960px) {
    .goprobig { max-width: 100%; }
        .goprobig > ul > li { flex-basis: 48%; margin-bottom: 8rem; }
            .goprobig > ul > li > a > .img { height: 100px; transform: translateY(-60px); } 
}


@media only screen and (max-width:640px) {
    .goprobig { max-width: 500px; }
        .goprobig > ul > li { flex-basis: 100%; margin-bottom: 8rem; }
            .goprobig > ul > li > a > .img { height: 100px; transform: translateY(-60px); }
            .goprobig > ul > li:last-child { margin-bottom: 0rem; }
}



.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; }
}
