.nav-content{
    width:auto;
    max-width:1200px;
}
.main-cont {
    width:auto;
    max-width: 1200px;
}
.center{
    width:auto;
    max-width: 1200px;
}

.navbar-toggle {
    position: relative;
    float: right;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    margin-right: 0px;
    color: #333;
    margin-right: 20px;
    margin-top: 25px;
    display: none;
}

.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    background-color: #333;
    margin-bottom: 3px;
}

.contactDetail .content .title {
    width:auto;
}
.contactDetail .content .ft {
    width:auto;
    position: relative;
}

.hbdt ul.content li {
    height:auto;
    min-height:144px;
}

.hbdt ul.content li img {
    height:124px;
}

@media screen and (max-width:1200px){
    .coption {
        width:90px;
    }

    .news .small {
        width:24%;
    }
    .news .content .big {
        width:48%;
    }
}

@media screen and (max-width:1100px){
    .coption {
        width:90px;
    }

    .news .small {
        width:48%;
    }
    .news .content .big {
        width:48%;
    }
}

@media screen and (max-width:970px){
    .coption {
        width: 60px;
        font-size: 14px;
        margin: 0px 10px;
    }
}

@media screen and (max-width:767px){
    .main-left {
        float: none;
        width:100%;
    }

    .main-right {
        width: auto;
        margin:10px;
        float: none;
    }

    .nav-tab {
        display: none;

        float: none;
        height: auto;
        position: absolute;
        top: 65px;
        width: 200px;
        right: 0px;
        background-color: #F6F6F6;
    }

    .coption {
        display: block;
        float: none;
        width:auto;
    }

    .nav-tab.show {
        display: block;
    }
    .swiper-container{
        height:300px;
    }

    .news .content .big{
        float: none;
        display: block;
        width:auto;
        margin-left:10px;
        margin-right:10px;
    }
    .news .small {
        float: none;
        display: block;
        width:auto;
        margin-left:10px;
        margin-right:10px;
    }

    .case-container .introduce {
        max-width:800px;
        width:auto;
        height:auto;
    }

    .case-container .content .cont {
        height:auto;
        max-height:280px;
    }
    .case-container .content {
        height:auto;
        max-height:280px;
    }

    .product-container {
        height:auto;
    }
    .product-container .swiper-container {
        height:auto;
    }

    .navbar-toggle {
        display: block;
    }


    .footer-container {
        height:auto;
    }
    .footer-content {
        display: none;
        width:auto;
        height:auto;
        max-width:1200px;
    }
    .footer-ft {
        height:auto;
    }
    .footer-ft .footer-p {
        width:auto;
        height:auto;
    }

    .contactDetail .content {
        max-width: 720px;
        width: 80%;
        margin-left:-40%;
    }

    .product-container .swiper-container .swiper-slide .slide-img {
        float: none;
        margin-left: auto;
        margin-right: auto;
    }
    .product-container .swiper-container .swiper-slide .slide-img:not(:nth-last-child(1)) {
        float: none;
        margin-left: auto;
        margin-right: auto;
    }
    .hbdt ul.content li img{
        float: none;
        width:100%;
    }
    .hbdt ul.content li .cont {
        float: none;
        width:100%;
    }
    .hbdt ul.content li .cont p,
    .hbdt ul.content li .cont hr {
        display: none;
    }

    .ryzz .cont,
    .ryzz .cont1 {
        text-align: center;
    }
    .ryzz .cont img,
    .ryzz .cont img:not(:nth-of-type(3n)),
    .ryzz .cont1 img,
    .ryzz .cont1 img:not(:nth-of-type(3n)),
    .ryzz .cont1 img:not(:nth-last-child(1)) {
        float: none;
        display: block;
        margin-left: auto;
        margin-right:auto;
        margin-bottom:20px;
    }

    .yxsp .img {
        height:auto;
    }
    .yxsp .img img {
        float: none;
    }
    .yxsp .img .brief {
        float: none;
        width: 100%;
    }
}