@media only screen and (min-width: 5000px) {
    .banner-index {
        height: 1000px;
    }
    .triggle.l {
        top: -161px;
    }
    .triggle{
        height: 162px;
        background-position: inherit;
    }

}
@media only screen and (max-width: 1600px) {
    /*******************************
        -------[=产品]-------
    ********************************/
    .box-pro:nth-of-type(odd) .info .txt {
        padding: 0 8%;
    }
    .triggle.r.op {
        background-size: contain;
        background-position: inherit;
    }
}


/*Common For Max 960*/

@media only screen and (max-width: 1199px) {
    .wp {
        width: 98%;
    }
    /*******************************
        -------[=公用]-------
    ********************************/
    #fd .info {
        padding: 64px 0 0 16px;
    }
    .fd-nav {
        padding: 64px 24px 0 38px;
    }
    /*******************************
        -------[=产品]-------
    ********************************/
    .box-designer .info {
        padding: 0 4%;
    }
}

@media only screen and (max-width: 1024px) {
    /*******************************
        -------[=公用]-------
    ********************************/
    .fd-nav {
        display: none;
    }
    #fd .map {
        padding-left: 30px;
        width: 280px;
    }
}


/*Common For Max 768*/

@media only screen and (max-width: 959px) {
    /*******************************
        -------[=公用]-------
    ********************************/
    #hd {
        position: relative;
        display: none;
    }
    #fd .logo-fd,
    #fd .info,
    #fd .map,
    #fd .order {
        width: 50%;
    }
    #fd .logo-fd img {
        float: left;
        padding-left: 20px;
    }
    #fd .info {
        padding-bottom: 30px;
    }
    #fd .order img {
        margin: 0 0 0 20px;
    }
    .hd-m {
        display: block;
    }
    .hd-m {
        padding: 10px 4%;
        height: 60px;
        background-color: #eee;
    }
    .hd-m .logo-m {
         margin: auto;
    }
    .hd-m .logo-m img {
        display: block;
        margin: auto;
        height: 40px;
    }
    .menuBtn {
        display: block;
    }
    .banner-index {
        height: 400px;
    }
    .banner-index .logo-banner {
        width: 180px;
        height: 180px;
    }
    /*******************************
        -------[=首页]-------
    ********************************/
    .box-mession {
        padding: 80px 0 50px;
    }
    .box-mession .tit {
        font-size: 38px;
    }
    .box-products .txt {
        padding: 0 10%;
    }
    .box-products img {
        float: none;
        width: 100%;
    }
    .box-products .tit {
        margin-top: 20px;
        margin-bottom: 0;
    }
    .box-products .info {
        position: static;
        -o-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(0) translateY(0);
        -moz-transform: translateX(0) translateY(0);
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);
    }
    .box-showrooms {
        padding-top: 200px;
    }
    .box-partner img {
        float: none;
        width: 100%;
    }
    .box-partner .info {
        position: static;
        -o-transform: translateX(0) translateY(0);
        -ms-transform: translateX(0) translateY(0);
        -moz-transform: translateX(0) translateY(0);
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);
    }
    .box-partner .tit {
        margin-top: 20px;
        margin-bottom: 0;
    }
    /*******************************
        -------[=产品]-------
    ********************************/
    .box-proinfo {
        padding: 50px 0 70px;
    }
    .box-proinfo .tit {
        margin-bottom: 0;
        font-size: 36px;
    }
    .box-pro:nth-of-type(even) img {
        margin: 0 auto;
        float: none;
        width: 90%;
    }
    .box-pro img {
        width: 100%;
    }
    .box-pro:nth-of-type(even) .info {
        position: static;
        padding-top: 30px;
        -o-transform: translateX(0) translateY(0);
        -ms-transform: translateX(0) translateY(0);
        -moz-transform: translateX(0) translateY(0);
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);
    }
    .box-pro:nth-of-type(even) {
        padding: 80px 0 50px;
    }
    .box-pro .txt {
        padding: 0 8%;
    }
    .box-pro:nth-of-type(odd) img {
        float: none;
    }
    .box-pro .cont-info {
        padding: 30px 0;
        float: none;
        width: 100%;
        background-color: transparent;
    }
    .box-pro .triggle-top {
        display: none !important;
    }
    .box-pro:nth-of-type(odd) .info {
        position: static;
        width: 100%;
        -o-transform: translateX(0) translateY(0);
        -ms-transform: translateX(0) translateY(0);
        -moz-transform: translateX(0) translateY(0);
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);
    }
    .ul-pro-kitchen {
        padding: 50px 0;
    }
    .box-designer {
        padding-bottom: 80px;
    }
}


/*Common For Max 480*/

@media only screen and (max-width: 767px) {
    .bd3 {
        background-size: cover;
        background-image: url(./HEBO_官网_files/bg-mobile.png);
    }
    /*******************************
        -------[=公用]-------
    ********************************/
    .banner-index {
        height: 236px;
    }
    .banner-index .logo-banner {
        width: 130px;
        height: 130px;
    }
    /*******************************
        -------[=首页]-------
    ********************************/
    .box-mession {
        padding: 50px 0 30px;
    }
    .box-mession .tit {
        font-size: 32px;
    }
    .box-mession .txt {
        padding: 0 10%;
        font-size: 18px;
    }
    .box-products .tit {
        font-size: 32px;
    }
    .box-partner {
        padding: 50px 0;
    }
    /*******************************
        -------[=产品]-------
    ********************************/
    .box-proinfo .wp {
        padding: 0 8%;
    }
    .box-proinfo .tit {
        font-size: 28px;
    }
    .box-proinfo .txt {
        font-size: 18px;
    }
    .box-pro .tit {
        font-size: 28px;
    }
    .box-pro:nth-of-type(even) {
        padding: 50px 0 30px;
    }
    .ul-pro-kitchen {
        padding: 30px 0;
    }
    .ul-pro-kitchen .tit {
        padding-top: 14px;
        padding-bottom: 5px;
        font-size: 18px;
    }
    .box-designer .tit {
        font-size: 28px;
    }
    .box-designer {
        padding-bottom: 50px;
    }
}

@media only screen and (max-width: 600px) {
    /*******************************
        -------[=公用]-------
    ********************************/
    #fd .map,
    #fd .order {
        padding-left: 0;
        float: none !important;
        width: 100%;
    }
    #fd .a-fd {
        margin: 20px auto;
        width: 86%;
    }
    #fd .map .txt {
        padding: 0 7%;
    }
    #fd .map .tit {
        padding: 0 7% 10px;
    }
    .box-login {
        padding: 52px 4%;
    }
    .box-login .close {
        right: 10px;
    }
    #fd .order img {
        margin: 0 auto;
        width: 60%;
    }
    /*******************************
        -------[=产品]-------
    ********************************/
    .ul-pro-kitchen li {
        margin-right: 0;
        margin-bottom: 20px;
        float: none;
        width: 100%;
    }
    #ul-pro-one {
        margin-left: 0;
    }
    #ul-pro-two {
        margin-left: 0;
    }
    .box-designer img {
        margin-left: 0;
        display: none;
    }
    .box-designer .info {
        float: none;
        width: 100%;
    }
    .box-designer .info img {
        margin: 0 2% 0 0;
        float: left;
        display: block !important;
    }
    .box-designer .tit {
        font-size: 20px;
    }
}


/*Common For Max 320*/

@media only screen and (max-width: 479px) {
    /*******************************
        -------[=公用]-------
    ********************************/
    .banner-index {
        height: 176px;
    }
    .banner-index .logo-banner {
        width: 100px;
        height: 100px;
    }
    /*******************************
        -------[=首页]-------
    ********************************/
    .box-mession {
        padding: 30px 0 20px;
    }
    .box-mession .tit {
        font-size: 24px;
    }
    .box-mession .txt {
        padding: 0 2%;
        font-size: 16px;
    }
    .box-products .tit {
        font-size: 24px;
    }
    .box-products .txt {
        padding: 0 2%;
        font-size: 16px;
        line-height: 1.2;
    }
    .box-showrooms .tit {
        font-size: 24px;
    }
    .box-partner .tit {
        font-size: 24px;
    }
    .box-partner .txt {
        padding: 0 2%;
        line-height: 1.2;
    }
    .box-partner {
        padding: 30px 0 50px;
    }
    /*******************************
        -------[=产品]-------
    ********************************/
    .box-proinfo .wp {
        padding: 0 2%;
    }
    .box-proinfo .tit {
        font-size: 26px;
    }
    .box-proinfo .txt {
        font-size: 16px;
    }
    .box-proinfo .tit {
        font-size: 26px;
    }
    .box-proinfo {
        padding: 30px 0 20px;
    }
    .box-pro .txt {
        padding: 0 2%;
        line-height: 1.2;
    }
    .box-designer {
        padding-bottom: 30px;
    }
    .box-designer .info img {
        margin-bottom: 20px;
        float: none;
        width: 100%;
    }
}