﻿
@media (max-width: 1680px) {
    .wrap,
    .subWrap {
        width: 1200px;
    }

    .locationBox .bg {
        left: -120px;
    }

    .showMenuLeft {
        width: 400px;
        padding: 24px 30px;
    }

    .showMenuC {
        margin: 0 30px;
    }

    .showMenuRight {
        width: 164px;
        height: 164px;
    }

    .overViewC3Slick .bd .myslide {
        width: 220px;
    }

    .overViewC3Slick .myslide.slide5 {
        width: 450px;
    }

    .column1LeftSlick {
        width: 590px;
    }
    .column1LeftDl dd{
        margin-bottom: 20px;
    }
    .column1Right {
        margin-left: 30px;
    }

    .column1RightDl dd .con {
        height: 90px;
        background-size: 100% 100%;
    }

    .column1 {
        /* min-height: 780px; */
    }
    .menuDl dd a.shuidi {padding: 0 12px;}
}

@media (max-width: 1440px) {
    .wrap,.subWrap {
        width: 94%;
        max-width: 1200px;
    }

    .column4Center {
        width: 550px;
        padding: 20px;
        height: 560px;
    }

    .column4CDl {
        padding-top: 20px;
    }

    .column4CRight {
        background-size: cover;
        height: 560px;
    }

    .column4CLeft {
        height: 560px;
    }

    .locationBox .bg {
        left: -142px;
    }

    .showMenuC {
        margin: 0 15px;
    }

    .showMenuLeft {
        width: 350px;
        padding: 24px 15px;
    }

    .showMenuRight {
        width: 100px;
        height: 100px;
        margin-top: 10%;
    }

    .overViewC3Slick .bd .myslide {
        width: 200px;
    }

    .overViewC3Slick .myslide.slide5 {
        width: 430px;
    }

    .column1Right {
        width: 240px;
    }

    .column1LeftSlick {
        width: 520px;
        margin-right: 20px;
    }
    .column1LeftDl{
        padding-top: 5px;
    }
    .column1LeftDl dd {
        margin-bottom: 15px;
    }

    .column1RightDl dd {
        margin-bottom: 14px;
    }

    .column1RightDl dd .con {
        height: 84px;
    }

    .column1 {
        /* min-height: 670px; */
    }

    /* .top .wrap {width: 1440px;} */
    .menuDl dd a.shuidi {
        padding: 0 12px;
    }
}

@media screen and (max-width:768px){
    .column1Right,.column1Left,.column1LeftDl{width:100%;}
    .indexTitle .title{font-size: 16px;}
    .column1{min-height: auto;}
    .indexTextC{display:none;}
    .column1LeftMain{padding-top:20px;}
    .column1LeftSlick{width:100%;}
    .column1LeftDl{margin-top: 10px;float: left;}

    .column4C{width:100%;padding: 10px;margin: 0;height: auto;}
    .column4Center{width:100%;padding: 20px 20px 0;margin: 0;border-radius: 10px 10px 0 0;height: auto;}
    .column4{padding: 25px 0 20px;/* background: #82b1fd; */}
    .column4 .indexTitleBox{padding:0;margin-bottom: 0;}
    .column4CRight{padding:20px;height: auto;border-radius: 0 0 10px 10px;}
    .column4CRightDl dd .icon{width:80px;height:80px;}
    .column4CRightDl dd .icon .num{font-size:16px;}
    .column4CRightDl dd .title{font-size: 15px;}
}