*{
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
    font-family: "Microsoft YaHei" ! important;
}
i,
em{
    font-style:normal;
}
img{
    width: 100%;
    height: auto;
    max-width: 100%;
    border: none;
    vertical-align: top;
}
body{
    background: #fff;
}
.left{
    float: left;
}
.right{
    float: right;
}

.header{
    width: 100%;
    height: 120px;
    z-index: 20;
    background-color: #fff;
    /*overflow: hidden;*/
}


.logo{
    float: left;
    width: auto;
    margin-top: 20px;
}
.logo a {
    display:block;
}
.logo img{
    width: auto;
}
    .logo .logo-zf{
        max-width:260px;
        height:auto;
        float:left;
    }
        .logo .logo-zf img {
            width: auto;
            height: auto;
            display:block;
        }
        .logo .logo-text {
            float: left;
            margin-left:15px;
            margin-top:23px;
        }
.logo-text p{
    font-size: 22px;
    color: #d4986e;
}
.logo-text span{
    font-size: 18px;
    color: #d4986e;
    line-height: 2em;
}






.header-top{
    width: 100%;
    height: 40px;
    font-size: 12px;
    overflow: hidden;
    background-color: #207fc3;
}
.header-top .k1200{
    margin: 0px auto;
    width: 1200px;
}
.k1200 p{
    float: right;
    color: #fff;
    line-height: 40px;
    margin-left: 15px;
}
.header-top span{
    float: left;
    line-height: 40px;
    color: #fff;
}
.header-top ul{
    float: left;
    overflow: hidden;
    margin-top: 11px;
    margin-left: 20px;
}
.header-top ul li{
    line-height: 18px;
    height: 18px;
    float: left;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
}
.header-top ul li a{
    color: #fff;
}


.had-nav{
    width: auto;
    height: 85px;
}
.had-nav li{
    position: relative;
    width: auto;
    height: 100%;
    float: left;
    line-height: 120px;
    margin-left: 45px;
    font-size: 16px;
}
.had-nav li a{
    position: relative;
    display: inline-block;
    width: auto;
    text-align: center;
    color: #000;
    font-size: 16px;
    line-height: 40px;
}
.had-nav li:hover > a{
    border-bottom: 2px solid #e29f79;
    color: #e29f79;
}
.had-nav li:hover .nav-tab{
    height: auto;
}
.had-nav li a.active{
    border-bottom: 2px solid #e29f79;
    color: #e29f79;
}
.nav-tab{
    position: absolute;
    top: 85px;
    left: -18px;
    width: 100px;
    height: 0px;
    background-color: #e29f79;
    z-index: 9;
    transition: all 0.3s;
    border-radius: 10px;
    overflow: hidden;
}
/*.had-nav li a:before{*/
/*    content: "";*/
/*    position: absolute;*/
/*    width: 0;*/
/*    height: 0;*/
/*    top: 35px;*/
/*    right: 50%;*/
/*    margin-right: -10px;*/
/*    border: 10px solid #e29f79;*/
/*    border-color: transparent transparent #e29f79 transparent;*/
/*}*/
.nav-tab .nav-list{
    width: 100%;
    line-height: 35px;
    display: block;
    text-align: center;
    font-size: 14px;
    color: #fff;
}
.nav-tab .nav-list:hover{
    background-color: #c27347;
    color: #fff;
}

.banner{
    position: relative;
    width: 100%;
}

/*轮播图按钮样式*/
.swiper-container1 .swiper-pagination1 {
    width: 100%;
    bottom: 20px;
    z-index: 6;
}
.swiper-container1 .swiper-pagination-bullet{
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin-right: 20px !important;
}
.swiper-container1 .swiper-pagination-bullet-active{
    background-color: #bc8465;
}
.swiper-pagination-bullet{
    background-color: #ccc;
    opacity: 0.8;
}


/*主体内容*/
.about{
    margin: 110px 0 110px;
}
.sh-about{
    overflow: hidden;
}
.about-l{
    width: 50%;
}
.about-l .text{
    text-align: left;
}
.about-l .text h3{
    display: inline-block;
    position: relative;
    font-size: 36px;
    color: #333;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 85px;
    margin-right: 10px;
}
.about-l .text h3:before{
    content: "";
    position: absolute;
    top: 80px;
    left: 0;
    width: 95px;
    height: 5px;
    background-color: #e29f79;
}
.text p{
    display: inline-block;
    font-size: 18px;
    color: #999;
    line-height: 30px;
}
.about-l span{
    font-size: 16px;
    color: #666;
    line-height: 35px;
}
.about-r{
    width: 40%;
}
.about-r .swiper-container1{
    position: relative;
}
.swiper-container1 .swiper-slide img{
    width: auto;
}
.about .more{
    display: block;
    width: 125px;
    height: 45px;
    line-height: 45px;
    border: 1px solid #d1d1d1;
    color: #333;
    font-size: 16px;
    text-align: center;
    border-radius: 30px;
}

/*产品中心*/
.prodout{
    background: url("../images/bgc-01.png") no-repeat;
    padding: 60px 0 85px;
}
.text{
    text-align: center;
}
.text h3{
    position: relative;
    font-size: 36px;
    color: #333;
    line-height: 40px;
    margin-bottom: 15px;
    margin-right: 10px;
    font-weight: 700;
}
.text h3:before{
    content: "";
    position: absolute;
    top: 90px;
    left: 50%;
    margin-left: -12px;
    width: 35px;
    height: 5px;
    background-color: #e29f79;
}
.text p{
    font-size: 18px;
    color: #999;
    line-height: 20px;
}
.pro-list{
    margin: 80px -65px 0;
    overflow: hidden;
}
.pro-list li{
    float: left;
    width: 25%;
    padding: 0 55px;
}

.pro-list li:hover .pro-text p {
    color: #e29f79;
}
.pro-list li:hover .pro-text span {
    color: #e29f79;
}
.pro-list li:hover .pro-text p:before{
    background:#e29f79;
}


.pro-img{
    text-align: center;
}
.pro-img img{
    width: auto;
}
.pro-text{
    text-align: center;
    transition:all 0.3s;
}
.pro-text p{
    position: relative;
    font-size: 30px;
    color: #333;
    line-height: 90px;
}
.pro-text p:before{
    content: '';
    position: absolute;
    top: 75px;
    left: 50%;
    margin-left: -8px;
    width: 15px;
    height: 2px;
    background-color: #d7d7d7;
}
.pro-text span{
    font-size: 18px;
    color: #666;
}

/*荣誉资质*/
.honor{
    margin: 60px 0 85px;
}
.honor-list{
    position: relative;
    padding: 0 20px;
    margin-top: 90px;
}
.honor-list .swiper-container2{
    position: relative;
    overflow: hidden;
}
.swiper-container2 .swiper-slide{
    text-align: center;
}
.swiper-container2 .swiper-slide p{
    font-size: 16px;
    color: #666;
    margin-top: 25px;
}
.honor-list .swiper-button-next{
    top: 45%;
    background: url("../images/right.png") no-repeat;
    background-size: cover;
    width: 30px;
    height: 50px;
    right: -50px;
}
.honor-list .swiper-button-prev{
    top: 45%;
    background: url("../images/left.png") no-repeat;
    background-size: cover;
    width: 30px;
    height: 50px;
    left: -50px;
}


/*上游供应商*/
.client{
    padding: 60px 0 80px;
    background: url("../images/bgc-02.png") no-repeat;
}
.client .text h3{
    color: #fff;
}
.client .text h3:before{
    background-color: #fff;
}
.client .text p{
    color: #fff;
}

.client-list{
    position: relative;
    padding: 0 20px;
    margin-top: 90px;
}
.client-list .swiper-container3{
    position: relative;
    overflow: hidden;
}
.swiper-container3 .swiper-slide{
    text-align: center;
}
.swiper-container3 .swiper-slide p{
    font-size: 16px;
    color: #fff;
    margin-top: 25px;
}
.client-list .swiper-button-next1{
    position: absolute;
    top: 45%;
    background: url("../images/right-01.png") no-repeat;
    background-size: cover;
    width: 30px;
    height: 50px;
    right: -50px;
}
.client-list .swiper-button-prev1{
    position: absolute;
    top: 45%;
    background: url("../images/left-01.png") no-repeat;
    background-size: cover;
    width: 30px;
    height: 50px;
    left: -50px;
}


/*下游合作客户*/
.clients{
    margin: 60px 0;
}
.clients-list{
    overflow: hidden;
    margin: 55px -35px 0;
}
.clients-list li{
    width: 20%;
    float: left;
    padding: 0 35px;
}
.clients-list.bot li{
    margin-bottom:50px;
}
.clients-list li a{
    display: block;
    overflow: hidden;
    text-align: center;
}
.clients-list li p{
    color:#333;
    line-height:35px;
    font-size:16px;
}
.clients-list li span{
    color:#999;
    font-size:14px;
}
.clients-list li a:hover p{
    color:#333;
}
.clients-list li a:hover span{
    color:#999;
}
.clients-list li img{
    width: auto;
    border: 1px solid #d7d7d7;
}

.footer{
    background: #373330;
    padding: 25px 0 50px;
}
.fot-tit{

}
.fot-tit a{
    font-size: 16px;
    color: #666;
    border-right: 2px solid #666;
    margin-right: 25px;
    padding-right: 25px;
}
.fot-tit a:nth-last-child(1){
    border-right: none;
}
.fot-tit a:hover{
    color: #666;
}
.fot-bot{
    overflow: hidden;
    margin-top: 50px;
}
.fot-l h3{
    font-size: 28px;
    color: #fff;
    line-height: 50px;
}
.fot-l p{
    font-size: 16px;
    color: #666;
    line-height: 30px;
}
.fot-r img{
    width: auto;
}
.honors-list{
    display: none;
}
.ydclient-list{
    display: none;
}
.map{
    margin-bottom: 70px;
}
.prod-nav{
    display: flex;
    justify-content: space-between;
    padding: 0 400px;
    margin-top: 40px;
}
.prod-nav li{
    width: 160px;
    height: 40px;
    color: #666;
    text-align: center;
    background-color: #f5f5f5;
    border-radius: 20px;
}
.prod-nav li a {
    display: block;
    line-height: 40px;
    transition: all 0.3s;
    font-size: 16px;
    border-radius: 20px;
}
.prod-nav li a:hover {
    background-color: #e29f79;
    color: #fff;
}
.prod-nav li a.active {
    background-color: #e29f79;
    color: #fff;
}

.news{
    margin-top: 50px;
}
.news li{
    width: 100%;
    margin-bottom: 35px;
    overflow: hidden;
    transition: all 0.3s;
}
.news li:hover .zhann-info h3{
    color: #e29f79;
}
.news li:hover .zhann-info .zhann-text{
    color: #e29f79;
}
.zhann-time {
    width: 130px;
    height: 130px;
    float: left;
    padding: 15px 0;
    text-align: center;
    background-color: #f0f0f0;
}
.zhann-time .zhann-texts {
    font-size: 50px;
    color: #666;
}
.zhann-time p {
    font-size: 26px;
    line-height: 50px;
    color: #a9a9a9;
}
.zhann-info {
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.zhann-info h3 {
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    color: #333;
    font-weight: 700;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.zhann-info .zhann-text {
    width: 100%;
    line-height: 25px;
    font-size: 16px;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.new-pic{
    overflow: hidden;
    float: left;
    margin-right: 35px;
    max-height: 130px;
    max-width: 230px;
}
.new-pic img{
    width: auto;
}

.bx-mb-nav a:hover{
    color: #666;
}
.bx-mb-nav p{
    display: inline-block;
}
.prods-list{
    overflow: hidden;
    margin: 40px -15px 0;
}
.prods-list li{
    width: 33.333%;
    float: left;
    padding: 0 15px;
    margin-bottom: 30px;
}

.prods-img{
    overflow: hidden;
}
.prods-text{
    background-color: #f5f5f5;
    text-align: center;
    padding: 10px 60px;
    height: 105px;
}
.prods-text p{
    font-size: 24px;
    color: #333;
    line-height: 35px;
}
.prods-text span{
    font-size: 16px;
    color: #666;
    line-height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

/*门店展示*/
.shop-list{
    margin: 50px 0 110px;
}
.shop-list li{
    width: 100%;
    padding: 50px 0;
    overflow: hidden;
}
.shop-list li:nth-child(2n){
    background-color: #f0f1f5;
}
.shop-list li:nth-child(2n) .shop-img{
    float: left;
}
.shop-list li:nth-child(2n) .shop-text p{
    text-align: right;
}
.shop-list li:nth-child(2n) .shop-text p:before{
    content: "";
    position: absolute;
    top: 55px;
    left: 490px;
    width: 100px;
    height: 5px;
    background-color: #e29f79;
}

.shop-list li:nth-child(2n) .shop-text,.shop-i{
    float: right;
}
.shop-list li:nth-child(2n) .shop-i i{
    margin-right: 0;
    margin-left: 50px;
}

.shop-list li .shop-bao{
    max-width: 1200px;
    margin: auto;
    overflow: hidden;
}
.shop-bao .shop-img{
    float: right;
}
.shop-img img{
    width: auto;
}
.shop-text{
    width: 590px;
}
.shop-text p{
    position: relative;
    font-size: 36px;
    color: #333;
    margin-bottom: 30px;
}
.shop-text p:before{
    content: "";
    position: absolute;
    top: 55px;
    left: 0;
    width: 100px;
    height: 5px;
    background-color: #e29f79;
}
.shop-text span{
    font-size: 18px;
    color: #666;
    line-height: 40px;
}
.shop-i{
    margin-top: 50px;
    float: left;
}
.shop-list li:nth-child(2n) .shop-i{
    float: right;
}
.shop-i i{
    display: inline-block;
    font-size: 14px;
    color: #999;
    margin-right: 50px;
}
.shop-i i a{
    color: #999;
}
.shop-i i a:hover{
    color: #999;
}
.bx-ContactUs ul li p a {
    color: #999;
}
.bx-ContactUs ul li p a:hover{
    color: #999;
}




/*人力资源*/
.join-con .bx-Jobs {
    width: 1200px;
    margin: 50px auto 150px;
}
.join-con .bx-Jobs ul li {
    background: #f5f5f5;
    height: 60px;
    border: none !important;
}
.join-con .bx-Jobs ul li h3 {
    background: url(../images/pic-05.png) no-repeat 0 center;
    background-size: 30px 30px;
    font-size: 16px;
    color: #333;
    padding-left: 40px;
    font-weight: 700;
    line-height: 60px;
}
.bx-Jobs ul li h3::before{

}
.join-con .bx-Jobs ul li span {
    width: 29px;
    height: 29px;
    border-radius: 50%;
    border: 1px solid #1f76ca;
    text-align: center;
    line-height: 30px;
    margin-top: 15px;
}
.arrow .bx-xia{
    font-size: 18px;
}

.join-con .bx-Jobs ul li span i {
    color: #1f76ca !important;
}
.join-con .bx-Jobs .submenu {
    border: 1px solid #e6e6e6 !important;
}
.join-con .bx-Jobs .submenu p{
    font-size: 16px;
    color: #333;
    line-height: 45px;
    /*font-weight: bold;*/
}
.join-con .bx-Jobs .submenu span{
    font-size: 16px;
    color: #333;
    line-height: 30px;
    font-weight: bold;
}
.join-con .bx-Jobs .submenu span {
    display: block;
    color: #666;
    font-weight: normal;
}
.join-con .bx-Jobs .submenu .btn {
    width: 160px;
    height: 40px;
    line-height: 40px;
    border-radius: 40px;
    text-align: center;
    padding: 0;
    background-color: #0566c5;
    border: none;
}
.join-con .bx-Jobs .submenu .btn:hover{
    opacity: 0.8;
}
.join-con .bx-Jobs .submenu .btn a {
    color: #fff;
}
.join-con .bx-Jobs .submenu p:last-child {
    display: inline-block;
    margin: 0;
    font-size: 14px;
    color: #999;
    padding-left: 20px;
    margin-bottom: 30px;
    margin-top: 30px;
}
.zhann-info i{
    display: none;
}
.aboutny{
    margin: 50px 0 75px;
}
.ab-text{
    text-align: center;
}
.ab-text h3{
    font-size: 36px;
    color: #e29f79;
    line-height: 50px;
    margin-bottom: 20px;
}
.n-about p{
    line-height: 35px;
    font-size: 16px;
    color: #666;
    text-indent: 2em;
}
.about-sw{
    width: 800px;
    margin: 20px auto 0;
}

.zizhi{
    padding: 50px 0 80px;
    background-color: #f0f1f5;
}

.lich{
    position: relative;
    margin: 50px 0 150px;
}
.rows{
    position: absolute;
    top: 425px;
    left: 0;
    width: 100%;
    height: 5px;
    background-color: #c4c4c4;
}
.lich-list {
    position:relative;
    width: 100%;
    overflow: hidden;
    margin-top: 50px;
    overflow: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    padding-bottom:50px;
}
.lich-list li{
    width: 20%;
    display:inline-block;
    /*float: left;*/
    text-align: center;

}
.lich-list li:nth-child(odd){
    position: relative;
    top: -275px;
}
.lich-list li:nth-child(odd) span:before{
    content: "";
    position: absolute;
    top: 150px;
    left: 90px;
    width: 55px;
    height: 170px;
    background: url("../images/top.png");
    background-size: cover;
}
.lich-list li:nth-child(even){
    position: relative;
    margin-top: 475px;
}
.lich-list li:nth-child(even):before{
    content: "";
    position: absolute;
    top: -175px;
    left: 90px;
    width: 55px;
    height: 170px;
    background: url("../images/bot.png");
    background-size: cover;
}
.lich-list li:nth-child(even) span{
    height:130px;
}


.lich-list li:nth-child(2n) p{
    color: #f4c204;
}
.lich-list li p{
    font-size: 24px;
    color: #0e9cc9;
    line-height: 35px;
}

.lich-list li span{
    position:relative;
    height:330px;
    font-size: 18px;
    color: #666;
    line-height: 25px;
    white-space: initial;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 10;
}















.bx-overflow{
    position: relative;
}
.roows{
    position: absolute;
    left: 5%;
    top: 5%;
}
.roows p{
    position: relative;
    line-height: 30px;
    margin-bottom: 60px;
    color: #333;
    font-size: 14px;
}
.roows p.focus:before{
    content: "";
    position: absolute;
    top: 0;
    left: -40px;
    width: 30px;
    height: 30px;
    border: 5px solid #993300;
    background-color: #fff;
    border-radius: 50%;
}
.roows p:hover{
    cursor: pointer;
}
.roows p:before{
    content: "";
    position: absolute;
    top: 0;
    left: -40px;
    width: 30px;
    height: 30px;
    border: 5px solid #f5ba27;
    background-color: #fff;
    border-radius: 50%;
}
.roows p:after{
    content: "";
    position: absolute;
    top: 30px;
    left: -25px;
    width: 1px;
    height: 60px;
    background-color: #f5ba27;
}
.roows p:nth-last-child(1):after{
    display: none;
}
.roll p{
    color: #666;
    font-size: 18px;
    line-height: 35px;
}
.banner .swiper-container5{
    position:relative;
}
.swiper-container5 .swiper-pagination2 {
    width: 100%;
    bottom: 20px;
    z-index: 6;
}
.honor-list{
    position:relative;
}
.honor-list .swiper-container6{
    position:relative;
    overflow:hidden;
}
.honor-list .swiper-button-next3 {
    position: absolute;
    top: 33%;
    background: url("../images/right.png") no-repeat;
    background-size: cover;
    width: 30px;
    height: 50px;
    right: -50px;
}

.honor-list .swiper-button-prev3 {
    position: absolute;
    top: 33%;
    background: url("../images/left.png") no-repeat;
    background-size: cover;
    width: 30px;
    height: 50px;
    left: -50px;
}
.roll{
    text-align:center;
}
.bd{
    margin-top:50px;
}

























@media (max-width: 1200px){
    .had-nav li{
        margin-left:20px;
    }
    .prod-nav {
        padding: 0;
    }
    .clients-list.bot li {
        height: 140px;
    }
}






@media (max-width: 1000px) {
    .lich-list li:nth-child(odd) span:before{
        display:none;
    }
    .bd {
        margin-top: 20px;
    }

    .logo-text {
        margin-top: 15px;
        margin-left: 0px;
    }
    .logo-text p{
        font-size: 16px;
        font-weight: 400;
    }
    .logo-text span{
        font-size: 14px;
        font-weight: 400;
    }

    .roows {
        display: none;
    }
    .aboutny{
        margin: 20px 0 20px;
        padding: 0 10px;
    }
    .n-about p{
        line-height: 25px;
    }
    .about-sw{
        width: 100%;
    }
    .zizhi{
        padding: 20px 10px 0;
    }
    .zy-Slide{
        display: none;
    }
    .lich{
        padding: 0 10px;
        margin: 20px 0 20px;
    }
    .lich-list li{
        margin-bottom: 10px;
    }
    .lich-list li:nth-child(even):before{
        display: none;
    }
    .lich-list li:nth-child(even){
        margin-top: 0;
    }
    .lich-list li:nth-child(odd):before{
        display: none;
    }
    .rows{
        display: none;
    }
    .lich-list {
        margin-top: 20px;
        white-space: normal;
        padding-bottom: 20px;
    }
    .lich-list li{
        width: 100%;
        float: none;
        text-align: left;
    }
    .lich-list li p{
        font-size: 18px;
        line-height: 25px;
    }
    .lich-list li span{
        font-size: 14px;
        height:auto !important;
    }
    .lich-list li:nth-child(odd){
        top:0;
    }

    .ab-text h3{
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 10px;
    }
    .bx-side-nav-list2>ul>li.active{
        font-weight: 700;
    }
    .bx-mb-nav{
        padding: 0 10px;
    }
    .honor{
        margin: 20px 10px 20px;
    }
    .honor-list{
        display: none;
    }
    .honors-list{
        display: block;
        position: relative;
        margin-top: 40px;
    }
    .honors-list .swiper-container4{
        position: relative;
        overflow: hidden;
    }
    .swiper-container4 .swiper-slide{
        text-align: center;
    }
    .swiper-container4 .swiper-slide p{
        color: #fff;
        line-height: 35px;
        font-size: 16px;
    }

    .client-list{
        display: none;
    }
    .client{
        padding: 20px 10px 20px;
    }
    .ydclient-list{
        display: block;
        position: relative;
        margin-top: 40px;
    }
    .ydclient-list .swiper-container4{
        position: relative;
        overflow: hidden;
    }
    .fot-tit{
        display: none;
    }

    .menu {
        width: 36px;
        height: 26px;
        float: right;
        margin-top: 24px;
        margin-right: 10px;
        display: block;
    }
    .menu span {
        display: block;
        width: 100%;
        height: 3px;
        margin-bottom: 8px;
        background: #044b91;
        border-radius: 2px;
    }
    .header-top .k1200{
        width: 100%;
        padding: 0 10px;
    }
    .header-top{
        height: 30px;
    }
    .header-top span{
        line-height: 30px;
    }
    .header-top ul{
        float: right;
        margin-top: 6px;
    }

    .had-nav {
        display: none
    }
    .k1200 p{
        width: 100%;
        display: none;
    }
    .header-top ul li{
        padding-left: 10px;
        padding-right: 10px;
    }
    .logo{
        margin-top: 12px;
    }
    .logo img{
        width: 100%;
    }
    .logo a{
        width: 60%;
    }
    .header{
        position: static;
        height: 70px;
        overflow: hidden;
        padding-left: 10px;
    }

    .swiper-container1 .swiper-pagination{
        bottom: 10px;
    }
    .swiper-container1 .swiper-pagination-bullet{
        margin-right: 5px !important;
    }
    .about {
        margin: 30px 0 30px;
        padding: 0 10px;
    }
    .about-l{
        width: 100%;
        float: none;
    }
    .about-l .text h3{
        margin-bottom: 30px;
        font-size: 26px;
    }
    .about-r{
        width: 100%;
        float: none;
    }
    .about-l .text h3:before{
        width: 70px;
        top: 50px;
        left: 15px;
    }
    .about-l span{
        line-height: 30px;
    }
    .about .more{
        margin-top: 20px;
    }
    .prodout{
        padding: 30px 10px 30px;
        background: url(../images/bgc-01.png);
        background-size: cover;
    }
    .text h3{
        font-size: 26px;
        line-height: 25px;
        margin-bottom: 8px;
    }
    .text h3:before{
        top: 60px;
    }
    .pro-list{
        margin: 20px -5px 0;
    }
    .pro-list li{
        width: 50%;
        padding: 0 5px;
        margin-bottom: 10px;
    }
    .pro-text p{
        font-size: 18px;
        line-height: 40px;
    }
    .pro-text span{
        font-size: 16px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }
    .pro-text p:before{
        display: none;
    }
    .clients{
        margin: 20px 0;
    }
    .clients-list{
        margin: 30px -5px 0;
        padding: 0 10px;
    }
    .clients-list.bot li{
        height:auto;
        margin-bottom: 10px;
    }
    .clients-list li{
        width: 50%;
        padding: 0 5px;
        margin-bottom: 10px;
    }
    .footer{
        padding: 20px 10px 20px;
    }
    .fot-bot{
        margin-top: 0px;
    }
    .fot-l h3{
        font-size: 24px;
        line-height: 35px;
    }
    .fot-l{
        float: none;
    }
    .fot-r{
        float: none;
        margin: 10px auto 0;
        text-align: center;
    }
    .prods-list{
        margin: 20px -5px 0;
        padding: 0 10px;
    }
    .prods-list li{
        width: 50%;
        padding: 0 5px;
    }
    .prods-text{
        padding: 10px;
        height: inherit;
    }
    .prods-text p{
        font-size: 18px;
        line-height: 30px;
    }
    .prods-text span{
        line-height: 20px;
    }
    .prod-nav{
        padding: 0 10px;
        margin-top: 20px;
    }
    .prod-nav li a{
        font-size: 14px;
        line-height: 30px;
    }
    .prod-nav li{
        height: 30px;
        margin-right: 5px;
    }
    .news{
        margin-top: 20px;
        padding: 0 10px;
    }
    .news li{
        margin-bottom: 20px;
    }
    .new-pic{
        float: none;
        margin-right: 0;
    }
    .zhann-time{
        display: none;
        width: 120px;
        height: 120px;
        padding: 35px 0;
    }
    .zhann-time .zhann-texts{
        font-size: 24px;
    }
    .zhann-time p{
        font-size: 14px;
        line-height: 35px;
    }
    .zhann-info{
        width: 100%;
    }
    .zhann-info i{
        display: block;
        font-size: 14px;
        color: #666;
        line-height: 20px;
    }
    .shop-list{
        margin: 20px 0 20px;
        padding: 0 10px;
    }
    .shop-list li{
        padding: 10px 0;
    }
    .shop-text p{
        font-size: 18px;
        margin-bottom: 0;
        line-height: 35px;
    }
    .shop-text span{
        font-size: 16px;
        line-height: 25px;
    }
    .shop-i{
        margin-top: 10px;
    }
    .shop-i i{
        margin-right: 20px;
        line-height: 25px;
    }
    .shop-text p:before{
        display: none;
    }
    .shop-list li:nth-child(2n){
        background-color: #fff;
    }
    .shop-list li:nth-child(2n) .shop-img{
        float: none;
    }
    .shop-list li:nth-child(2n) .shop-text, .shop-i{
        float: none;
    }
    .shop-list li:nth-child(2n) .shop-text p{
        text-align: left;
    }
    .shop-list li:nth-child(2n) .shop-i i{
        margin-right: 20px;
        line-height: 25px;
        margin-left: 0;
    }
    .join-con{
        padding: 0 10px;
    }
    .join-con .bx-Jobs{
        width: 100%;
        margin: 20px auto 20px;
    }
    .join-con .bx-Jobs .submenu .btn{
        margin-top: 10px;
    }
    .join-con .bx-Jobs .submenu p:last-child{
        padding-left: 0px;
        margin-bottom: 0px;
        margin-top: 10px;
    }
    .webdiyerCss{
        padding: 25px 0;
    }
    .bx-ContactUs ul li span{
        font-size: 18px !important;
    }
    .bx-ContactUs ul li p{
        font-size: 16px;
    }
    .map{
        width: 100%;
        margin-bottom: 0;
        overflow: hidden;
        padding: 0 10px;
    }
    .map iframe{
        width: 100%;
        height: 400px;
    }


}