/*welcome*/
.welcome {
    background-image: -moz-linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(230, 230, 230) 50%, rgb(255, 255, 255) 100%);
    background-image: -webkit-linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(230, 230, 230) 50%, rgb(255, 255, 255) 100%);
    background-image: -ms-linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(230, 230, 230) 50%, rgb(255, 255, 255) 100%);
    overflow: hidden;
    border-bottom: 1px solid #cccccc;
    display: none;
}

.welcome .wec {
    max-width: 1200px;
    margin: 0 auto;
}

.welcome p {
    font-size: 16px;
    color: rgb(77, 77, 77);
    margin-bottom: 0px;
    line-height: 39px;
}

.welcome p span {
    font-size: 16px;
    color: rgb(203, 8, 8);
}

/*welcome*/

/*头部*/
.header {
    padding: 29px 0 29px 0;
    border-bottom: 2px solid #cb0808;
}

.header .hd {
    max-width: 1200px;
    margin: 0 auto;
}

.header #logo img {
    width: 100%;
    display: block;
}

#iphone {
    font-size: 0;
    margin: 0 19px 0 0;
}

#iphone > i {
    font-size: 25.467px;
    color: rgb(203, 8, 8);
    font-weight: bold;
    line-height: 75px;
    margin: 0 0 0 5px;
}

/*头部*/

/*导航*/
.navigation {
    margin-top: 3px;
}

.navigation .ga {
    max-width: 1200px;
    margin: 0 auto;
}

.navbar {
    border: 0;
    margin: 0;
    min-height: 55px;
}

.navbar-toggle {
    border: 1px solid rgba(76, 76, 76, 0.5);
}

.navbar-toggle .icon-bar {
    border: 1px solid rgba(76, 76, 76, 0.5);
}

#container-fluid {
    padding-right: 0;
    padding-left: 11px;
}

.navbar-collapse {
    padding-right: 0;
    padding-left: 0;
}

#nav li {
    margin: 0 22px 0 0;
}
/*#nav li:hover ul.dropdown-menu {*/
    /*display: block;*/
/*}*/
#nav li ul.dropdown-menu {
    min-width: 150px;
    background: rgba(255,255,255,0.5);
    border: 0;
    margin: 0;
    padding: 0;
}
#nav li ul.dropdown-menu>li {
    margin-right: 0;
    padding: 0;
    margin-bottom: 1px;
}
#nav li ul.dropdown-menu>li>a {
    background-color: rgba(255,255,255,0.5);
    /*border: 0;*/
    /*margin: 0;*/
    /*padding: 0;*/
}
#nav li:last-child {
    margin: 0 0 0 0;
}

#nav li a {
    font-size: 18px;
    padding: 16px 0 16px 0;
    font-weight: normal;
    color: #4c4c4c;
    width: 150px;
    text-align: center;
    background-color: #ffffff;
}

.ak {
    border-bottom: 3px solid #cb0808;
    color: red!important;
    font-weight: bold!important;
}
.ka {

}
/*导航*/

/*banner*/
.banner {
    margin: 1px 0 0 0;
}
.banner img {
    width: 100%;
    display: block;
}

/*banner*/

/*彩条*/
.ct {
    height: 20px;
    width: 100%;
    background-color: #cb0808;
    margin: 10px 0 0 0;
}

/*彩条*/

/*各种门系列*/
.hot-steel {
    background-color: rgb(242, 242, 242);
    overflow: hidden;
}

.hot-steel .steel {
    max-width: 1200px;
    margin: 0 auto;
}

.hot-steel .hot {
    padding: 60px 0 60px 0;
    max-width: 1090px;
    margin: auto 55px;
    overflow: hidden;
}

.hot-steel .hot .gm {
    max-width: 520px;
}

.hot-steel .hot .gm a {
    display: block;
    padding: 9px;
    border-width: 1px;
    overflow: hidden;
    border-color: rgb(204, 204, 204);
    border-style: solid;
}

.hot-steel .hot .gm a .hgm-img {
    float: left;
    width: 50%;
}

.hot-steel .hot .gm a .hgm-img img {
    display: block;
    width: 100%;
}

.hot-steel a .hgm {
    background-color: rgb(185, 140, 42);
    width: 250px;
    padding: 41px 45px 42px 45px;
    float: left;
}

.hot-steel a .hgm h3 {
    font-size: 30px;
    text-align: center;
    color: rgb(255, 255, 255);
    font-weight: bold;
    line-height: 30px;
}

.hot-steel a .hgm p {
    font-size: 16px;
    text-align: center;
    margin: 11px 0 0 0;
    line-height: 16px;
    color: rgb(255, 255, 255);
}

.hot-steel a .hgpj {
    background-color: rgb(204, 204, 204);
    float: left;
    width: 250px;
    padding: 41px 0 42px 0;
}

.hot-steel a .hgpj-img {
    float: left;
    width: 50%;
}

.hot-steel a .hgpj-img img {
    width: 100%;
    display: block;
}

.hot-steel a .hgpj h3 {
    font-size: 30px;
    text-align: center;
    color: rgb(255, 255, 255);
    font-weight: bold;
    line-height: 30px;
}

.hot-steel a .hgpj p {
    font-size: 16px;
    line-height: 16px;
    text-align: center;
    margin: 11px 0 0 0;
    color: rgb(255, 255, 255);
}

/*各种门系列*/

/*公司简介*/
.company-profile .company {
    max-width: 1200px;
    margin: 0 auto;
}

.company-profile .company .gs-jianjie {
    max-width: 782px;
    overflow: hidden;
    margin: 82px auto auto auto;
}

.company-profile .company .gs-jianjie .leftst, .right-st {
    width: 200px;
    height: 1px;
    margin: 35px 0 0 0;
    background-color: #cccccc;
}

.company-profile .company .gs-jianjie .gongsi {
    margin: auto 119px;
}

.company-profile .company .gs-jianjie h3 {
    text-align: center;
    font-size: 30px;
    color: rgb(77, 77, 77);
    font-weight: bold;
}

.company-profile .company .gs-jianjie p {
    text-align: center;
    font-size: 18px;
    color: rgb(77, 77, 77);
    font-weight: normal;
    margin: 10px 0 0 0;
}

.company-profile .company .hb {
    max-width: 900px;
    margin: 37px auto auto auto;
}

.company-profile .company .hb img {
    width: 100%;
    display: block;
}

.company-profile .company .hb p {
    font-size: 18px;
    color: rgb(77, 77, 77);
    font-weight: normal;
    line-height: 35px;
    margin: 20px 0 0 0;
    text-indent: 36px;
}

.company-profile .company .hb p > a {
    color: #cb0808;
    text-decoration: none;
    font-size: 16px;
}

/*公司简介*/

/*产品展示*/
.product-display {
    overflow: hidden;
}
.product-display .product {
    max-width: 1200px;
    margin: 0 auto;
}

.product-display .product .pro {
    max-width: 782px;
    margin: 26px auto auto auto;
    overflow: hidden;
}

.product-display .product .pro .leftst, .right-st {
    width: 200px;
    height: 1px;
    margin: 35px 0 0 0;
    background-color: #cccccc;
}

.product-display .product .pro .gongsi {
    margin: auto 119px;
}

.product-display .product .pro .gongsi h3 {
    text-align: center;
    font-size: 30px;
    color: rgb(77, 77, 77);
    font-weight: bold;
}

.product-display .product .pro .gongsi p {
    text-align: center;
    font-size: 18px;
    color: rgb(77, 77, 77);
    font-weight: normal;
    margin: 10px 0 0 0;
}

.product-display .product .product-list .rk-list {
    float: left;
    margin: 40px 0 0 0;
}

.product-display .product .product-list .rk-list ul li {
    float: left;
    width: 190px;
    font-size: 18px;
    color: rgb(128, 128, 128);
    line-height: 50px;
    text-align: center;
    border-radius: 10px;
    background-color: rgb(242, 242, 242);
    margin: 0 12px 0 0;
    cursor: pointer;
}

.product-display .product .product-list .rk-list ul li:hover {
    background-color: rgb(203, 8, 8);
    color: #ffffff;
}

.product-display .product .product-list .rk-list ul li:last-child {
    margin: 0;
}

.product-display .product .product-list .container-fluid {
    float: left;
    max-width: 1920px;
    margin: 0 auto;
}

.product-display .product .product-list .container-fluid .row li {
    float: left;
    background-color: red;
    margin: 0 10px 0 0;
}

/*产品展示*/

/*产品展示图片*/
.door-list {
    padding: 0 10px 0 10px;
    margin: 26px auto auto auto;
    overflow: hidden;
}
.no {
    display: block;
}
.door-list ul li {
    width: 18.56%;
    float: left;
    position: relative;
    margin: 0 25px 24px 0;
}

.door-list ul li:nth-child(5) {
    margin-right: 0;
    height: 270px;

}

.door-list ul li:nth-child(10) {
    margin-right: 0;
    height: 270px;

}

.door-list ul li img {
    width: 100%;
    display: block;
    height: 270px;
}

.door-list ul li a .shuom {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
    background-color: rgba(0, 0, 0, 0.5);
}

.door-list ul li a .shuom h3 {
    background-color: rgb(255, 255, 255);
    width: 200px;
    height: 2px;
    margin: 60px 0 0 34px;
    font-size: 20px;
    line-height: 40px;
    color: rgb(255, 255, 255);
    font-weight: bold;
}

.door-list ul li a:hover .shuom {
    display: block;
}

.door-list ul li .shuom p {
    width: 200px;
    margin: 120px 0 0 34px;
    font-size: 20px;
    line-height: 30px;
    border-bottom: 2px solid #ffffff;
    color: rgb(255, 255, 255);
    font-weight: bold;
}

/*产品展示图片*/

/*案例展示*/
.case-show {
    overflow: hidden;
    padding: 0 0 59px 0;
    background-color: #f2f2f2;
}

.case-show .case {
    max-width: 782px;
    margin: 75px auto auto auto;
    overflow: hidden;
}

.case-show .case .leftst, .right-st {
    width: 200px;
    height: 1px;
    margin: 35px 0 0 0;
    background-color: #cccccc;
}

.case-show .case .gongsi {
    margin: auto 119px;
}

.case-show .case .gongsi h3 {
    text-align: center;
    font-size: 30px;
    color: rgb(77, 77, 77);
    font-weight: bold;
}

.case-show .case .gongsi p {
    text-align: center;
    font-size: 18px;
    color: rgb(77, 77, 77);
    font-weight: normal;
    margin: 10px 0 0 0;
}

.case-show .an-show {
    overflow: hidden;
    margin: 40px 0 0 0;
}

.case-show .an-show .z-show {
    overflow: hidden;
    padding: 0 202px 0 180px;
}

.case-show .an-show .z-show ul li {
    float: left;
    margin: 0 25px 0 0;
    width: 23.2%;
    border-bottom: 1px solid #cccccc;
}

.case-show .an-show .z-show ul li:last-child {
    margin: 0;
}

.case-show .an-show .z-show ul li a {
    display: block;
    text-decoration: none;
    padding: 0 0 10px 0;
}

.case-show .an-show .z-show ul li:hover {
    border-bottom: 1px solid #808080;
}

.case-show .an-show .z-show ul li a:hover p {
    color: rgb(77, 77, 77);
}

.case-show .an-show .z-show ul li a img {
    width: 100%;
    display: block;
    height: 200px;
    margin: 0 0 20px 0;
}

.case-show .an-show .z-show ul li a p {
    font-size: 18px;
    color: #808080;
    line-height: 18px;
    margin: 0 0 11px 0;
}

.case-show .an-show .anniu {
    overflow: hidden;
    max-width: 238px;
    margin: 50px auto auto auto;
}

.case-show .an-show .anniu img {
    float: left;
    margin: 0 40px 0 0;
    cursor: pointer;
}

.case-show .an-show .anniu img:hover {
}

.case-show .an-show .anniu img:first-child {
    float: left;
    margin: 12px 40px 0 0;
    opacity: 0.4;
}

.case-show .an-show .anniu img:last-child {
    float: left;
    margin: 12px 0 0 0;
}
/*案例展示*/

/*动态*/
.dynamic .dt {
    max-width: 1200px;
    margin: 0 auto;
}
.dynamic .dt .gsdt {
    width: 43.34%;
    margin: 80px 0 0 55px;
}
.dynamic .dt .gsdt:last-child {
    width: 43.34%;
    margin: 80px 55px 0 0;
}
.dynamic .dt .gsdt .company-dynamic {
    float: left;
    width: 42.31%;
    min-height: 200px;
    background-color: #cb0808;
}
.dynamic .dt .gsdt .company-dynamic h3 {
    font-size: 26px;
    color: rgb(255, 255, 255);
    font-weight: bold;
    line-height: 26px;
    margin-top: 70px;
    text-indent: 15px;
}
.dynamic .dt .gsdt .company-dynamic p {
    font-size: 18px;
    color: rgb(255, 255, 255);
    line-height: 18px;
    margin-top: 15px;
    text-indent: 15px;
}
.dynamic .dt .gsdt .gs-dt {
    float: left;
}
.dynamic .dt .gsdt .gs-dt img {
    width: 100%;
    display: block;
    height: 100%;
}
.dynamic .dt .gsdt .dt-list {
    width: 100%;
    background-color: #f2f2f2;
    padding: 30px 10px 25px 20px;
}
.dynamic .dt .gsdt .dt-list ul li {
    margin: 0 0 20px 0;
}
.dynamic .dt .gsdt .dt-list ul li:last-child {
    margin: 0;
}
.dynamic .dt .gsdt .dt-list ul li a {
    background: url("../img/dbx.png")no-repeat;
    display: block;
    overflow: hidden;
}
.dynamic .dt .gsdt .dt-list ul li a p {
    font-size: 18px;
    color: #808080;
    line-height: 18px;
}
.dynamic .dt .gsdt .dt-list ul li a p:first-child {
    text-indent: 32px;
}
/*动态*/

/*地址*/
.address {
    margin: 80px 0 0 0;
    background-color: #111111;
    overflow: hidden;
    padding: 50px 0 30px 0;
}
.address .add {
    max-width: 1200px;
    margin: 0 auto;
}
.address .add .lxfs .ewm {
    float: left;
    width: 42%;
}
.address .add .lxfs .ewm img {
    width: 100%;
}
.address .add .lxfs .ewm .gjc {
    float: left;
    width: 75%;
    margin: 40px 0 0 0;
}
.address .add .lxfs .ewm .wenzi {
    float: left;
    width: 65%;
}
.address .add .lxfs .ewm p {
    font-size: 16px;
    color: rgb(255, 255, 255);
    line-height: 1.5;
    width: 100%;
    float: left;
}
.address .add .lxfs .ewm .ewm-img {
    padding: 8px;
    float: left;
    border: 2px solid #ffffff;
    margin: 0 20px 0 0;
}
.address .add .lxfs .ewm .ewm-img img {
    width: 133px;
    display: inline-block;
}
.address .add .footer-nav {
    float: right;
}
.address .add .footer-nav .gs-jianjie {
    float: left;
    margin: 0 45px 0 0;
}
.address .add .footer-nav .gs-jianjie h3 {
    font-size: 16px;
    color: rgb(255, 255, 255);
    line-height: 16px;
    margin: 0 0 32px 0;
    text-indent: 10px;
}
.address .add .footer-nav .gs-jianjie ul {
    border-left: 1px solid #ffffff;
    padding: 0 0 0 10px;
    min-height: 180px;
}
.address .add .footer-nav .gs-jianjie ul li a {
    font-size: 14px;
    color: rgb(255, 255, 255);
    line-height: 30px;
}
/*地址*/

/*版权*/
.bq {
    background-color: #cb0808;
    overflow: hidden;
}
.bq p {
    font-size: 16px;
    color: rgb(255, 255, 255);
    line-height: 50px;
    text-align: center;
}
/*版权*/
@media screen and (max-width: 1440px) {
    .case-show .an-show .z-show ul li {
        float: left;
        margin: 0 25px 0 0;
        width: 23%;
        border-bottom: 1px solid #cccccc;
    }
}

@media screen and (max-width: 1408px) {
    .door-list ul li {
        width: 18.55%;
    }
}

@media screen and (max-width: 1398px) {
    .door-list ul li {
        width: 18.54%;
    }
}

@media screen and (max-width: 1389px) {
    .door-list ul li {
        width: 18.53%;
    }
}

@media screen and (max-width: 1379px) {
    .door-list ul li {
        width: 18.51%;
    }
}

@media screen and (max-width: 1361px) {
    .door-list ul li {
        width: 18.5%;
    }
}

@media screen and (max-width: 1352px) {
    .door-list ul li {
        width: 18.49%;
    }
}

@media screen and (max-width: 1343px) {
    .door-list ul li {
        width: 18.48%;
    }
}

@media screen and (max-width: 1334px) {
    .door-list ul li {
        width: 18.47%;
    }
}

@media screen and (max-width: 1326px) {
    .door-list ul li {
        width: 18.46%;
    }
}

@media screen and (max-width: 1318px) {
    .door-list ul li {
        width: 18.45%;
    }

    .case-show .an-show .z-show ul li {
        float: left;
        margin: 0 25px 0 0;
        width: 22.9%;
        border-bottom: 1px solid #cccccc;
    }
}

@media screen and (max-width: 1309px) {
    .door-list ul li {
        width: 18.44%;
    }
}

@media screen and (max-width: 1301px) {
    .door-list ul li {
        width: 18.43%;
    }
}

@media screen and (max-width: 1293px) {
    .door-list ul li {
        width: 18.42%;
    }
}

@media screen and (max-width: 1284px) {
    .door-list ul li {
        width: 18.41%;
    }
}

@media screen and (max-width: 1277px) {
    .door-list ul li {
        width: 18.4%;
    }
}

@media screen and (max-width: 1274px) {
    .case-show .an-show .z-show ul li {
        width: 22.8%;
    }
}

@media screen and (max-width: 1233px) {
    .case-show .an-show .z-show ul li {
        width: 22.7%;
    }
}

@media screen and (max-width: 1300px) {
    .product-display .product .product-list .rk-list ul li {
        margin: 0 111px 10px 0;
    }

    .product-display .product .product-list .rk-list ul li:nth-child(3) {
        margin-right: 0;
    }

    .product-display .product .product-list .rk-list {
        max-width: 800px;
        overflow: hidden;
        margin: 40px auto auto auto;
        float: none;
    }
}

@media screen and (max-width: 1269px) {
    .door-list ul li {
        width: 18.39%;
    }
}

@media screen and (max-width: 1261px) {
    .door-list ul li {
        width: 18.38%;
    }
}

@media screen and (max-width: 1253px) {
    .door-list ul li {
        width: 18.37%;
    }
}

@media screen and (max-width: 1246px) {
    .door-list ul li {
        width: 18.36%;
    }
}

@media screen and (max-width: 1238px) {
    .door-list ul li {
        width: 18.35%;
    }
}

@media screen and (max-width: 1231px) {
    .door-list ul li {
        width: 18.34%;
    }
}

@media screen and (max-width: 1224px) {
    .door-list ul li {
        width: 18.33%;
    }
}

@media screen and (max-width: 1217px) {
    .door-list ul li {
        width: 18.32%;
    }
}

@media screen and (max-width: 1209px) {
    .door-list ul li {
        width: 18.31%;
    }
}

@media screen and (max-width: 1202px) {
    .door-list ul li {
        width: 18.3%;
    }
}
@media screen and (max-width: 1199px){
    .dynamic .dt .gsdt {
        float: none;
        width: 43.7%;
        margin: 80px auto auto auto;
    }
    .dynamic .dt .gsdt:last-child {
        float: none;
        width: 43.7%;
        margin: 20px auto auto auto;
    }
}
@media screen and (max-width: 1196px) {
    .door-list ul li {
        width: 18.29%;
    }
    .case-show .an-show .z-show ul li {
        width: 22.6%;
    }
}

@media screen and (max-width: 1195px) {
    #nav li a {
        width: 148px;
    }
}
@media screen and (max-width: 1190px) {
    .dynamic .dt .gsdt {
        display: none;
    }
}
@media screen and (max-width: 1180px) {
    #nav li a {
        width: 147px;
    }
}

@media screen and (max-width: 1173px) {
    #nav li a {
        width: 146px;
    }
}
@media screen and (max-width: 1172px) {
    .dynamic .dt .gsdt {
        width: 44.6%;
    }
}
@media screen and (max-width: 1166px) {
    #nav li a {
        width: 145px;
    }
}
@media screen and (max-width: 1162px){
    .case-show .an-show .z-show ul li {
        width: 22.5%;
    }
}
@media screen and (max-width: 1159px) {
    #nav li a {
        width: 144px;
    }
}

@media screen and (max-width: 1155px) {
    .hot-steel .hot {
        max-width: 750px;
        margin: auto 200px;
    }

    .hot-steel a .hgm {
        float: none;
    }

    .hot-steel .hot .gm a .hgm-img {
        float: none;
        width: 100%;
    }
    .hot-steel .hot .gm {
        max-width: 270px;
    }

    .hot-steel a .hgpj {
        float: none;
    }

    .hot-steel a .hgpj-img {
        float: none;
        width: 100%;
    }
}

@media screen and (max-width: 1152px) {
    #nav li a {
        width: 143px;
    }
}

@media screen and (max-width: 1145px) {
    #nav li a {
        width: 142px;
    }
}

@media screen and (max-width: 1138px) {
    #nav li a {
        width: 141px;
    }
}

@media screen and (max-width: 1131px) {
    #nav li a {
        width: 140px;
    }
}
@media screen and (max-width: 1131px) {
    .case-show .an-show .z-show ul li {
        width: 22.4%;
    }
}
@media screen and (max-width: 1130px) {
    .door-list ul li {
        width: 18.19%;
    }
}

@media screen and (max-width: 1124px) {
    #nav li a {
        width: 139px;
    }

    .door-list ul li {
        width: 18.18%;
    }
}

@media screen and (max-width: 1118px) {
    .door-list ul li {
        width: 18.17%;
    }
}

@media screen and (max-width: 1117px) {
    #nav li a {
        width: 138px;
    }
}

@media screen and (max-width: 1112px) {
    .door-list ul li {
        width: 18.16%;
    }
}

@media screen and (max-width: 1110px) {
    #nav li a {
        width: 137px;
    }
}

@media screen and (max-width: 1106px) {
    .door-list ul li {
        width: 18.15%;
    }
}

@media screen and (max-width: 1100px) {
    .door-list ul li {
        width: 18.14%;
    }
}

@media screen and (max-width: 1103px) {
    #nav li a {
        width: 136px;
    }
}
@media screen and (max-width: 1102px) {
    .case-show .an-show .z-show ul li {
        width: 22.3%;
    }
}
@media screen and (max-width: 1096px) {
    #nav li a {
        width: 135px;
    }
}

@media screen and (max-width: 1094px) {
    .door-list ul li {
        width: 18.13%;
    }
}

@media screen and (max-width: 1089px) {
    #nav li a {
        width: 134px;
    }
}

@media screen and (max-width: 1088px) {
    .door-list ul li {
        width: 18.12%;
    }
}

@media screen and (max-width: 1083px) {
    .door-list ul li {
        width: 18.11%;
    }
}

@media screen and (max-width: 1082px) {
    #nav li a {
        width: 133px;
    }
}

@media screen and (max-width: 1077px) {
    .door-list ul li {
        width: 18.1%;
    }
}

@media screen and (max-width: 1075px) {
    #nav li a {
        width: 132px;
    }
    .case-show .an-show .z-show ul li {
        width: 22.2%;
    }
}

@media screen and (max-width: 1072px) {
    .door-list ul li {
        width: 18%;
    }
}

@media screen and (max-width: 1068px) {
    #nav li a {
        width: 131px;
    }
}

@media screen and (max-width: 1061px) {
    #nav li a {
        width: 130px;
    }
}

@media screen and (max-width: 1054px) {
    #nav li a {
        width: 129px;
    }
}
@media screen and (max-width: 1051px) {
    .case-show .an-show .z-show ul li {
        width: 22.1%;
    }
}
@media screen and (max-width: 1047px) {
    #nav li a {
        width: 128px;
    }
}

@media screen and (max-width: 1040px) {
    #nav li a {
        width: 127px;
    }
}
@media screen and (max-width: 1028px){
    .case-show .an-show .z-show ul li {
        width: 22%;
    }
}
@media screen and (max-width: 1026px) {
    #nav li a {
        width: 125px;
    }
}

@media screen and (max-width: 1019px) {
    #nav li a {
        width: 124px;
    }
}

@media screen and (max-width: 1012px) {
    #nav li a {
        width: 123px;
    }
}

@media screen and (max-width: 1005px) {
    #nav li a {
        width: 122px;
    }
}

@media screen and (max-width: 998px) {
    #nav li a {
        width: 121px;
    }
}

@media screen and (max-width: 991px) {
    #nav li a {
        width: 120px;
    }
}

@media screen and (max-width: 984px) {
    #nav li a {
        width: 119px;
    }
}

@media screen and (max-width: 977px) {
    #nav li a {
        width: 118px;
    }
}

@media screen and (max-width: 970px) {
    #nav li a {
        width: 117px;
    }
}

@media screen and (max-width: 963px) {
    #nav li a {
        width: 116px;
    }
}

@media screen and (max-width: 956px) {
    #nav li a {
        width: 115px;
    }
}

@media screen and (max-width: 950px) {
    .hot-steel .hot {
        margin: 0 auto;
        max-width: 520px;
    }

    .hot-steel .hot .gm {
        margin: 0 0 30px 0;
    }

    .hot-steel a .hgm {
        float: left;
    }

    .hot-steel .hot .gm a .hgm-img {
        float: left;
    }

    .hot-steel a .hgpj {
        float: left;
    }

    .hot-steel a .hgpj-img {
        float: left;
    }
}

@media screen and (max-width: 949px) {
    #nav li a {
        width: 114px;
    }
}

@media screen and (max-width: 942px) {
    #nav li a {
        width: 113px;
    }
}

@media screen and (max-width: 940px) and (min-width: 320px) {
    .company-profile .company .hb {
        padding: 0 20px 0 20px;
    }
}

@media screen and (max-width: 935px) {
    #nav li a {
        width: 112px;
    }
}

@media screen and (max-width: 928px) {
    #nav li a {
        width: 111px;
    }
}

@media screen and (max-width: 921px) {
    #nav li a {
        width: 110px;
    }
}

@media screen and (max-width: 914px) {
    #nav li a {
        width: 109px;
    }
}

@media screen and (max-width: 907px) {
    #nav li a {
        width: 108px;
    }
}

@media screen and (max-width: 900px) {
    #nav li a {
        width: 107px;
    }
}

@media screen and (max-width: 893px) {
    #nav li a {
        width: 106px;
    }
}

@media screen and (max-width: 886px) {
    #nav li a {
        width: 105px;
    }
}
@media screen and (max-width: 881px) {
    .address .add .lxfs .ewm {
        width: 100%;
        margin: 0 0 20px 0;
    }
    .address .add .lxfs .ewm .gjc {
        width: 100%;
    }
}
@media screen and (max-width: 879px) {
    #nav li a {
        width: 104px;
    }
}

@media screen and (max-width: 872px) {
    #nav li a {
        width: 103px;
    }
}

@media screen and (max-width: 865px) {
    #nav li a {
        width: 102px;
    }
}

@media screen and (max-width: 858px) {
    #nav li a {
        width: 101px;
        font-size: 17px;
    }
}

@media screen and (max-width: 851px) {
    #nav li a {
        width: 100px;
        font-size: 17px;
    }
}

@media screen and (max-width: 850px) {
    .product-display .product .product-list .rk-list {
        max-width: 491px;
        overflow: hidden;
        margin: 40px auto auto auto;
        float: none;
    }

    .product-display .product .product-list .rk-list ul li:nth-child(2n) {
        margin-right: 0;
    }

    .product-display .product .product-list .rk-list ul li:nth-child(3) {
        margin-right: 111px;
    }
}

@media screen and (max-width: 844px) {
    #nav li a {
        width: 99px;
        font-size: 17px;
    }
}

@media screen and (max-width: 837px) {
    #nav li a {
        width: 98px;
        font-size: 17px;
    }
}

@media screen and (max-width: 830px) {
    #nav li a {
        width: 97px;
        font-size: 16px;
    }
}

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

}

@media screen and (max-width: 823px) {
    #nav li a {
        width: 96px;
        font-size: 16px;
    }
}

@media screen and (max-width: 816px) {
    #nav li a {
        width: 95px;
        font-size: 16px;
    }
}

@media screen and (max-width: 809px) {
    #nav li a {
        width: 94px;
        font-size: 16px;
    }
}

@media screen and (max-width: 802px) {
    #nav li a {
        width: 93px;
        font-size: 15px;
    }
}

@media screen and (max-width: 795px) {
    #nav li a {
        width: 92px;
        font-size: 15px;
    }
}

@media screen and (max-width: 788px) {
    #nav li a {
        width: 91px;
        font-size: 15px;
    }
}

@media screen and (max-width: 781px) {
    #nav li a {
        width: 90px;
        font-size: 15px;
    }

    .company-profile .company .gs-jianjie .gongsi {
        margin: auto 118px;
    }
}

@media screen and (max-width: 779px) {
    .company-profile .company .gs-jianjie .leftst, .right-st {
        display: none;
    }

    .company-profile .company .gs-jianjie .gongsi {
        margin: 0 auto;
        float: none;
    }

    .product-display .product .pro .leftst, .right-st {
        display: none;
    }

    .product-display .product .pro .gongsi {
        margin: 0 auto;
        float: none;
    }
}

@media screen and (max-width: 774px) {
    #nav li a {
        width: 89px;
        font-size: 14px;
    }

    #container-fluid {
        padding-right: 0;
        padding-left: 5px;
    }
}

@media screen and (max-width: 768px) {
    .door-list ul li {
        width: 17.3%;
    }
    .case-show {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    #nav li a {
        margin: 0 auto;
    }

    #nav li {
        margin: 0 0 5px 0;
    }

    .navbar-toggle {
        margin-right: 19px;
    }
}
@media screen and (max-width: 556px){
    .address .add .footer-nav {
        display: none;
    }
    .door-list ul li {
        width: 100%;
        float: none;
        margin: 0 0 20px 0;
    }
}
@media screen and (max-width: 530px) {
    .hot-steel .hot {
        max-width: 270px;
        margin: 0 auto;
    }

    .hot-steel a .hgm {
        float: none;
    }

    .hot-steel .hot .gm a .hgm-img {
        float: none;
    }

    .hot-steel a .hgpj {
        float: none;
    }

    .hot-steel a .hgpj-img {
        float: none;
    }
}

@media screen and (max-width: 490px) {
    .product-display .product .product-list .rk-list {
        max-width: 190px;
        margin: 30px auto auto auto;
    }

    .product-display .product .product-list .rk-list ul li {
        float: none;
    }
}

@media screen and (max-width: 489px) and (min-width: 320px){
    .door-list ul li {
        float: none;
        margin: 0;
        margin-bottom: 20px;
        width: 100%;
    }
    .company-profile .company {
        display: none;
    }
    .rk-list {
        display: none;
    }
    .header {
        padding: 6px 0 6px 0;
        border-bottom: 2px solid #cb0808;
    }
    .product-display {
        display: none;
    }
    .address {
        margin: 80px 0 0 0;
        background-color: #111111;
        overflow: hidden;
        padding: 50px 0 0 0;
    }
    .address {
        margin: 35px 0 0 0;
        background-color: #111111;
        overflow: hidden;
        padding: 20px 0 0 0;
    }
    .address .add .lxfs .ewm .gjc {
        float: left;
        width: 75%;
        margin: 25px 0 0 0;
    }
    .carousel-inner>.item>a>img, .carousel-inner>.item>img {
        height: 170px;
    }
}