﻿
@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: 600px; background-size: cover; background-image: url('../images/product/dzcc/ban.jpg'); background-repeat: no-repeat; background-position: center; }
    .banner > .text { text-align: center; width: 100%; padding-top: 12rem; padding-bottom: 4rem; max-width: 1000px; padding-left: 4%; padding-right: 4%; margin: 0px auto; }
        .banner > .text > h3 { font-size: 1.25rem; font-weight: bold; color: #fff; }
        .banner > .text > p { font-size: 1rem; color: #fff; padding: 2rem 0px; }
        .banner > .text > .img { max-width: 400px; margin: 0px auto; }

@media only screen and (max-width:960px) {
    .banner > .text { padding-top: 4rem; }
        .banner > .text > h3 { text-align: left; }
        .banner > .text > p { text-align: justify; font-size: 14px; }
        .banner > .text > .img { max-width: 100%; }
}


.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: 900px; padding: 4rem 4% 3rem 4%; margin: 0px auto; text-align: center; }
    .infobig > dl { width: 100%; text-align: left; margin-bottom: 3rem; }
        .infobig > dl > dt { font-size: 1.25rem; color: #0064b6; font-weight: bold; }
        .infobig > dl > dd { padding: 1.5rem 0px; text-align: center; }
            .infobig > dl > dd > p { font-size: 1rem; color: #000; text-align: justify; line-height: 1.8; margin-bottom: 10px; }


    .infobig > .title { text-transform: uppercase; font-size: 2.25rem; color: #000; text-align: center; line-height: 1.5; }
    .infobig > .subtitle { font-size: 1rem; color: #666666 }
    .infobig > .subtitme { font-size: 1rem; }

@media only screen and (max-width:1280px) {
    .infobig > .title { font-size: 2rem; }
    .infobig > .subtitle { font-size: 14px; }
}

@media only screen and (max-width:1024px) {
    .infobig > .title { font-size: 1.5rem; }
}

@media only screen and (max-width:960px) {
    .infobig > dl > dd > p { font-size: 14px; }
    .infobig > .subtitme { font-size: 14px; }
}
