/* 响应式布局 开始 */
@media only screen and (max-width: 1300px) {

    .topbg,
    .nav,
    .contentBox,
    .bottomBox {
        width: 100%;
    }

    .content2 {
        background-color: white;
        height: 100%;
    }
}

@media only screen and (max-width: 1280px) {

    .topbg,
    .nav,
    .contentBox,
    .bottomBox {
        width: 100%;
    }

    .content2 {
        background-color: white;
        height: 100%;
    }
}

@media only screen and (max-width: 1273px) {

    .topbg,
    .nav,
    .contentBox,
    .bottomBox {
        width: 100%;
    }

    .content2 {
        background-color: white;
        height: 100%;
    }
}

@media only screen and (max-width: 1200px) {

    .topbg,
    .nav,
    .contentBox,
    .bottomBox {
        width: 100%;
    }

    .content2 {
        background-color: white;
        height: 100%;
    }

    #bottom1 {
        width: 100%;
    }

    #bottom2,
    #bottom3,
    #bottom4,
    #bottom5 {
        display: none;
    }

    #bottomwrapper {
        width: 100%;
    }
}

@media only screen and (max-width: 1024px) {

    .topbg,
    .nav,
    .contentBox,
    .bottomBox {
        width: 100%;
    }

    .content2 {
        background-color: white;
        height: 100%;
    }

    #bottom1 {
        width: 100%;
    }

    #bottom2,
    #bottom3,
    #bottom4,
    #bottom5 {
        display: none;
    }

    #bottomwrapper {
        width: 100%;
    }
}

@media only screen and (max-width: 768px) {

    .topbg,
    .nav,
    .contentBox,
    .bottomBox {
        width: 100%;
    }

    .content2 {
        background-color: white;
        height: 100%;
    }

    #bottom1 {
        width: 100%;
    }

    #bottom2,
    #bottom3,
    #bottom4,
    #bottom5 {
        display: none;
    }

    #bottomwrapper {
        width: 100%;
    }
}

@media only screen and (max-width: 568px) {

    .topbg,
    .nav,
    .contentBox,
    .bottomBox {
        width: 100%;
    }

    .content2 {
        background-color: white;
        height: 100%;
    }

    #bottom1 {
        width: 100%;
    }

    #bottom2,
    #bottom3,
    #bottom4,
    #bottom5 {
        display: none;
    }

    #bottomwrapper {
        width: 100%;
    }
}

@media only screen and (max-width: 540px) {

    .topbg,
    .nav,
    .contentBox,
    .bottomBox {
        width: 100%;
    }

    .content2 {
        background-color: white;
        height: 100%;
    }

    #bottom1 {
        width: 100%;
    }

    #bottom2,
    #bottom3,
    #bottom4,
    #bottom5 {
        display: none;
    }

    #bottomwrapper {
        width: 100%;
    }
}

@media screen and (max-width: 414px) {

    .topbg,
    .nav,
    .contentBox,
    .bottomBox {
        width: 100%;
    }

    .content2 {
        background-color: white;
        height: 100%;
    }

    #bottom1 {
        width: 100%;
    }

    #bottom2,
    #bottom3,
    #bottom4,
    #bottom5 {
        display: none;
    }

    #bottomwrapper {
        width: 100%;
    }
}

@media screen and (max-width: 375px) {

    .topbg,
    .nav,
    .contentBox,
    .bottomBox {
        width: 100%;
    }

    .content2 {
        background-color: white;
        height: 100%;
    }

    #bottom2,
    #bottom3,
    #bottom4,
    #bottom5 {
        display: none;
    }
}

@media screen and (max-width: 360px) {

    .topbg,
    .nav,
    .contentBox,
    .bottomBox {
        width: 100%;
    }

    .content2 {
        background-color: white;
        height: 100%;
    }

    #bottom2,
    #bottom3,
    #bottom4,
    #bottom5 {
        display: none;
    }
}

@media screen and (min-width: 200px) and (max-width: 1300px) {

    .wrapper,
    .topbg,
    .nav,
    .contentBox,
    .bottomBox {
        width: 100%;
    }

    .logo img {
        height: auto;
        width: 100%;
    }

    .searchbox {
        float: left;
        margin-top: 5px;
        margin-left: 40px;
        width: 240px;
        height: 28px;
        border: #fff 0px solid;
    }

    .navBox1 {
        display: none;
    }

    .navYD {
        display: block;
    }

    .topbg {
        height: 150px;
    }

    .dl-menuwrapper button {
        top: 20px;
    }

    .logo {
        margin-top: 15px;
    }

    .contentBox {
        margin-top: 0px;
    }

    .content1_right {
        width: 100%;
    }

    .content2_left {
        width: 20%;
    }

    .content2_middle {
        width:91%;
    }

    .content2_right {
        width: 100%;
    }

    .content2 {
        background-color: white;
        height: 100%;
    }
#flashBoxu_u4_{width:100%}
}
#flashBoxu_u4_{
    width: 100%;}
#flashBoxu_u4_ img {
    display: none;
    width: 100%;
    border: 0px solid #FFF;
}

/* 响应式布局 结束 */