body {

    font-family:"微软雅黑";

    overflow-x: hidden;

    font-size: 14px;

}

ul,li {

    list-style:none;

}

.cb {

    width:100%;

    clear:both;

    height:0;

}

.fl{

    float: left;

}

.fr{

    float: right;

}

.tac{text-align: center;}

a{text-decoration: none !important;}

h1{margin: 0;height: 70px;line-height: 70px;}

img{max-width: 100%;}



#nav{height: 140px;position: fixed;left: 0;top: 0;width: 100%;z-index: 999999;background:#fff;    box-shadow: 2px 4px 11px rgb(0 0 0 / 10%);}
#nav .container{position: relative;}
#nav .logo{    height: 130px;
    background: no-repeat left center;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;}
#nav .logo img{vertical-align: middle;
    width: 90px;
    margin-right: 10px;}
#nav .container{position: relative;}
#nav .nava{text-align: right;position: absolute;width: 100%;z-index: 9;height: 140px;padding: 0;margin-bottom:0 ;}
#nav .nava li{display: inline-block;position: relative;text-align: left;width: 107px;}
#nav .nava li:last-child{
    margin-right: 0;
}
#nav .nava .a1{display:block;padding: 0 2px;color: #333 ;height: 140px;cursor: pointer;font-size: 16px;display: flex;
    justify-content: center;
    flex-direction: column;}
#nav .nava .a1 img{display: none;}
#nav .daohangi{display: none;}





#banner{width: 100%;height: 600px;margin-top: 140px; position: relative;overflow: hidden;line-height: 800px;text-align: center;overflow: hidden;}

#banner img{max-width: 90%;}

#banner ul{width: 500%;height: 100%;position: relative;padding: 0;left:0;z-index: 2;}

#banner ul li{width: 20%; height: 100%;float: left;background-size:cover ;position: relative;}

#banner ol{text-align: center;position: absolute;width: 100%;bottom: 20px;padding: 0;z-index: 5;height: 14px;line-height: 14px;}

#banner ol li{width: 14px;height: 14px;border-radius: 50%;background: #fff;display: inline-block;margin: 0 12px;cursor: pointer;}



.i_con1{overflow: hidden;margin-top: 18px;}

.i_con1 .right{padding: 0;background: center center;background-size:cover ;border: 1px #e4e4e4 solid;border-radius: 5px;background: #fff;overflow: hidden;display: block;}

.i_con1 .right img{width: 100%;}



.i_con1 .left .box11{display: inline-block;line-height: 1;vertical-align: middle;}

.i_con1 .left .p1{font-size: 24px;margin-bottom: 30px;}

.i_con1 .left .span1{display: inline-block;height: 2px;width: 12px;margin-bottom: 30px;}

.i_con1 .left .a{color: #4b4b4b;font-size: 16px;line-height: 24px;margin-bottom: 20px;display: block;}

.i_con1 .left .p2{font-size: 13px;color: #909090;line-height: 20px;margin-bottom: 50px;}

.i_con1 .left .a2{display: inline-block;width: 50px;height: 50px;text-align: center;line-height: 50px;border-radius: 50%;}



.i_con2 .left .p1{color: #ffffff;}

.i_con2 .left .span1{background: #666666;}

.i_con2 .left .a{color: #FFF;}

.i_con2 .left .p2{color: #909090;}

.i_con2 .left .a2{border: 1px solid #FFF;}

.i_con3{background: #fff;overflow: hidden;}

.i_bt{text-align: center;margin-top: 36px;margin-bottom: 18px;}

.i_bt .p1{color: #222222;font-size: 24px;height:56px;line-height: 56px;}

.i_bt .p2{max-width: 760px;font-size: 12px;color: #909090;line-height: 24px;margin: 0 auto;}



.i_con3 .xuanze{width: 100%;max-width: 632px;margin: 0 auto 45px;overflow: hidden;padding: 0;}

.i_con3 .xuanze li{float: left;height: 50px;width: 25%;max-width: 158px;color: #6e6e6e;background: #F2F2F2;text-align: center;line-height: 50px;cursor: pointer;}

.i_con3 .xuanze li.background{color: #FFF !important;}

.i_con3 .lb{overflow: hidden;margin-bottom: 46px;}

.lb .big_box{width: 400%;position: relative;left: 0;}

.lb .big_box .s_box{float: left;width: 25%;}

.s_box .col-xs-12{padding: 0 9px;margin-bottom: 18px;}

.s_box .ss_box{padding: 15px;border: 1px solid #eeeeee;}

.s_box .ss_box .img{display: block;overflow: hidden;}

.img img{width: 100%;min-height:100%;transition: all .5s;

-webkit-transition: all .5s;

-moz-transition: all .5s;

-o-transition: all .5s;

}

.img:hover img{transform: scale(1.05);}

.s_box .ss_box .a1{width: 100%;display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;color: #434343;line-height: 44px;}

.s_box .ss_box .p1{width: 100%;display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;font-size: 13px;color: #9c9999;line-height: 1;}



.i_con4{margin-top: 18px;color: #fff;text-align: center;}

.i_con4 .p1{font-size: 30px;line-height: 1;margin-bottom: 20px;}

.i_con4 .p2{font-size: 12px;line-height: 32px;max-width: 1000px;margin: 0 auto 30px;}

.i_con4 .a1{width: 150px;height: 46px;line-height: 46px;text-align: center;display: inline-block;font-size: 13px;color: #373737 !important;background:rgba(255,255,255,0.74) ;transition: all .5s;

-webkit-transition: all .5s;

-moz-transition: all .5s;

-o-transition: all .5s;

}

.i_con4 .a1:hover{background:#fff;}



.i_con5{margin:0px auto;background: #fff;overflow: hidden;}

.i_news{margin: 15px 0;}

.i_news a{display: block;width: 100%;overflow: hidden;}

.i_news .a1{white-space:nowrap; text-overflow:ellipsis;font-size: 16px;color: #434343;height: 36px;line-height: 36px;margin-top: 10px;}

.i_news p{font-size: 12px;color: #969696;margin: 0;}

.i_news .p2{line-height: 18px;height: 54px;overflow: hidden;}

.i_con5 .div div{height: 80px;line-height: 80px;text-align: center;max-height: 90%;overflow: hidden;}

.i_con5 div:hover>img{transition: all .5s;

-webkit-transition: all .5s;

-moz-transition: all .5s;

-o-transition: all .5s;

}

.i_con5 div:hover>img{transform: scale(1.1);}


.footer{background: #1e1e1e;overflow: hidden;}
.footer .foot_top{border-bottom: 1px solid #000;text-align: center;padding: 26px 0;position: relative;}
.footer .foot_top .div{display: inline-block;overflow: hidden;}
.footer .foot_top .f_top{width: 66px;height: 46px;line-height: 46px;text-align: center;color: #fff;font-size: 16px;font-weight: bold;display: block;position: absolute;top: 0;right: 0;border-radius: 0 0 5px 5px;cursor: pointer;}
.footer .foot_top a{color: #818181;font-size: 12px;padding: 6px 16px;float: left;}
.footer .foot_top a:hover{color: #fff !important;text-decoration: underline !important;}
.footer .foot_top .a1h{background: none;}
.footer .foot_top br{display: none;}
.footer .foot_m{border-top: 1px solid #505050;padding: 28px 0 54px;}
.foot_m{overflow: hidden;}

.foot_m .guanzhu{text-align: center;}
.foot_m .foot_lx{text-align: left;}
.foot_m .foot_lx .p1{font-size: 13px;color: #ffffff;margin-bottom: 30px;margin-top: 18px;}
.foot_m .foot_lx .p2{font-size: 22px;color: #fff;margin-bottom: 22px;}
.foot_m .foot_lx a{display: inline-block;font-size: 14px;color: #fff !important;width: 150px;height: 36px;line-height: 36px;text-align: center;}



.foot_m .xinxi{text-align: center;margin-top: 10px;}
.foot_m .xinxi .p1{font-size: 18px;color: #fff;margin-bottom: 20px;}
.foot_m .xinxi p{color: #d9d9d9;background: no-repeat top left;line-height: 30px;text-align: left;margin-bottom: 0;}
.foot_m .xinxi .box{display: inline-block;    margin: 0 14px;}
.foot_m .erweima{text-align: center;}
.foot_m .cb{display: none;}
.foot_m .erweima{width: 250px;margin: 0 auto;}
.foot_m .erweima dl{display: inline-block;}
.foot_m .erweima dt{padding: 8px;background: #2c2c2c;border: 1px solid #444444;}
.foot_m .erweima dd{color: #d9d9d9;height: 60px;line-height: 60px;}
.foot_down{background: #0f0f0f;padding: 15px 0;overflow: hidden;}
.foot_down p{margin-bottom: 0;font-size: 12px;color: #6a6a6a;line-height: 22px;}
.foot_down a{color: #6a6a6a;margin-right: 5px;}


.list_banner{width: 100%;margin: auto;margin-top: 141px; overflow: hidden;text-align: center;position: relative;}

.list_banner img{max-width: 100%;}



.list_bt{text-align: center;padding: 46px 0;}

.list_bt .p1{font-size: 24px;color: #222222;}

.list_bt .p2{font-size: 12px;color: #909090;}



.about_main{margin-bottom: 30px;}

.about_main p{text-align: center;}

.about_main .p1{font-size: 18px;color: #222222;line-height: 44px;}

.about_main .p2{font-size: 13px;color: #959595;line-height: 24px;margin-bottom: 20px;}

.about_mi{padding: 150px 0 120px;text-align: center;background: url(../images/about_m_i.jpg) center center;background-size:cover ;color: #fff;}

.about_mi .boxo{display: inline-block;width: 33.3333%;max-width: 330px;text-align: center;min-width: 220px;}

.about_mi .boxo .boxo1{display: inline-block;}

.about_mi .boxo p{margin-bottom: 0;text-align: left;}

.about_mi .boxo .p01{margin-bottom: 18px;}

.about_mi .boxo .p02{font-size: 40px;margin-bottom: 12px;font-weight: bold;}

.about_mi .boxo .p03{margin-bottom: 30px;}



.about_main .p4{font-size: 24px;color: #222222;height: 68px;line-height: 68px;background: url(../images/about_x.jpg) no-repeat bottom center;margin-top: 30px;}

.about_main .p5{font-size: 18px;color: #474747;}

.about_main .p6{font-size: 13px;color: #959595;max-width: 738px;margin: 10px auto 20px;}

.about_main .box_b{text-align: center;margin-top: 50px;}

.about_main .box_b1{display: inline-block;text-align: center;width: 33%;max-width: 300px;min-width: 200px;margin-bottom: 30px;}

.about_main .box_b2{width: 175px;display: inline-block;}

.about_main .box_b2 img{margin-bottom: 35px;}

.about_main .box_b2 p{color: #909090;line-height: 24px;}

.about_main .box_b2 font{color: #2c2c2c;}





.fenye li{display: inline-block;}

.fenye li a{
    display: block;
    line-height: 24px;
    padding: 0 9px;
    border-radius: 4px;
    color: #6e6e6e;
    background: #fff;
    padding: 8px 16px;
    border: 1px solid #DCDCDC;
}

.fenye li a:hover,.fenye li a.cur{color: #fff !important;}



.xq_bt{text-align: center;padding: 50px 0 10px;border-bottom: 1px solid #eeeeee;margin-bottom: 20px;}

.xq_bt .p1{font-size: 22px;color: #000000;line-height: 38px;}

.xq_bt .p2{font-size: 12px;color: #767676;line-height: 30px;}

.cp_x_main .p1{font-size: 12px;color: #4e4e4e;text-indent: 2em;line-height: 24px;margin-bottom: 20px;}

.cp_x_main img{margin: 20px 0;}

.cp_x_main{padding-bottom: 50px;}


.sx a{display: block;color: #3d3d3d;line-height: 28px;}



.n_xuanze{text-align: center;margin: 40px 0;}

.n_xuanze a{width: 50%;max-width: 314px;height: 50px;text-align: center;line-height: 50px;color: #6e6e6e !important;background: #f2f2f2;display: inline-block;}

.n_xuanze a.background{color: #FFF !important;}





.news_x .n_bt{text-align: center;margin-top: 40px;}

.news_x .n_bt .p1{margin-bottom: 20px;font-size: 22px;color: #242424;font-weight: bold;}

.news_x .n_bt .p2{font-size: 12px;color: #939393;}

.news_x .n_bt .p2 span{margin: 0 15px;display: inline-block;}



.news_x .p1{color: #626262;font-size: 12px;line-height: 24px;}



.l_xinxi{border: 1px solid #ccc;padding-top: 60px;text-align: center;overflow: hidden;margin-bottom: 38px;}

.l_xinxi .boxo1{display: inline-block;text-align: left;margin-bottom: 35px;}

.l_xinxi .boxo1 .p1{font-size: 24px;color: #434343;font-weight: bold;margin-bottom: 12px;}

.l_xinxi .boxo1 .p2{font-size: 12px;line-height: 22px;color: #787878;}

.l_xinxi .boxo1 .p3{font-size: 12px;color: #787878;}



.ditu{border: 1px solid #ccc;padding: 5px;overflow: hidden;margin-bottom: 50px;}

.liuyan .left{height: 355px;border: 1px solid #d9d9d9;padding: 15px;margin-bottom: 50px;}

.liuyan .left .bg_i{height: 280px;background: url(../images/liuyan_i.jpg) no-repeat center right;background-size:cover ;}

.liuyan .left .p1{font-size: 18px;color: #848484;border-top: 1px solid #ccc;line-height: 40px;margin-top: 15px;}

.liuyan .left font{font-size: 12px;}

.liuyan .right {padding: 0 0 0 50px;margin-bottom: 50px;}

.liuyan .right input{width:100%;border: 1px solid #d9d9d9;height: 40px;line-height: 40px;padding-left: 18px;text-align:left;margin: 13px 0 ;}

.liuyan .right textarea{width: 100%;height: 70px;border: 1px solid #d9d9d9;padding-left: 18px;padding-top: 5px;resize: none;margin: 14px 0;}

.liuyan .right button{height: 40px;border: none;text-align: center;line-height: 40px;color: #fff;width: 100%;}

.container{padding: 0;}

/*移动端样式*/

/*移动端样式*/

/*移动端样式*/

@media (min-width: 1200px){

 

    .hidden-lg {

    display: none !important;

}

}

@media (max-width: 1200px){





}

@media (max-width:992px){

	

.foot_m{padding: 28px 0;}

.foot_m .fenx{text-align: center;margin-top: 30px;}

.foot_m .cb{display: block;}

.foot_m .erweima{margin-top: 40px;}	

.ny_nav {margin-bottom: 20px;}

.ny_nav .title {height: 45px;line-height: 45px;font-size: 20px;text-align: left;padding-left: 15px;}

.pro-l h3{background: url(/static/jzweb2/new_img/cp_b.gif) no-repeat left 0;}

.h-ser{display: none;}



}



@media (min-width:992px){

.col-md-3 {width: 22%;}

.col-md-3, .col-md-9 {float: left;}

}

@media  (max-width:768px) {
    .list_banner{
        margin-top: 80px;
    }
.list_banner img{height: 245px;}
.list-text h2{
    font-size: 25px;
}
.list-text p{
    font-size: 14px;
}
.list-btn{
    width: 270px;
    font-size: 14px;
}
#nav .daohangi{display: block;width: 70px;height: 80px;text-align: center;line-height: 80px;cursor: pointer;}

#nav .daohangi img{width: 55%;cursor: pointer;display: none;}

#nav .daohangi img.cur{display: inline-block;	}

#nav .container{padding-right: 0;}

#nav .nava{left: 0;top: 80px;padding: 0;display: none;}

#nav .nava li{display: block;background: #fff;width: 100% !important;max-width: 100%;text-align: left;position: relative;font-size: 16px;line-height: 60px;}

#nav .nava li .a1{border-top: none !important;height: 60px;line-height: 60px;position: relative;padding-left: 20px;border-bottom: 1px solid #CCC !important;width: 100%;color: #000;}

#nav .nava dl{position: relative;margin: 0 !important;padding: 0;width: 100%;border-top:none;background: #f6f6f6;padding: 15px 0;display: none;}

#nav .nava dd:hover{background: #b9d6f5;}

#nav .nava dl a{font-size: 14px;color: #333;}

#nav .nava .a1 img{display:inline;height: 60%;margin-top: 10px;margin-right: 3px;transition: all .5s;

-webkit-transition: all .5s;

-moz-transition: all .5s;

-o-transition: all .5s;}

#nav .nava .a1 img.cur{transform: rotate(90deg);margin-top: 12px;}	

#nav{height: 80px;line-height:80px; background: #fff;}

.i_con1{height: auto;}

.i_con1 .right{height: auto;}

.i_con1 .right img{display: block;}

.i_con1 .left{padding: 30px 15px;height: auto;line-height: 1;}

.i_con3 .hb{padding: 30px 15px;}


#banner ol{display: none;}
#banner{height: auto;line-height: 500px;margin-top: 80px;line-height: 1;}
#banner img{
    max-width: 100%;
}

.footer .foot_top br{display: inline-block;}

.footer .foot_top .br1{display: none;}

.footer .foot_top .a2h{background: none;}



.foot_m .xinxi{text-align: center;}

.foot_m .xinxi p{text-align: center;}

.foot_m .foot_lx{display: none;text-align: center;}

.l_xinxi .boxo1{text-align: center;}

.liuyan .right{padding: 0;}

#nav .logo{
    height: auto;
    top: 3px;
    left: 16px;
}
#nav .logo img{
    width: 50px;
}
.nav-text span{
    font-size: 16px;
}
.nav-text p{
    margin-top: 3px;
    font-size: 10px;
}
/*  */

.w1300,.w13001{
    width: 100%;
}
.cp,.ys,.company,.lc,.al,.new{
    padding: 30px 10px;
}
.cp-left h2{
    font-size: 25px;
}
.cp-left p{
    font-size: 18px;
    margin-bottom: 0;
}
.cp-left span{
    font-size: 13px;
}
.cp-nr{
    margin-top: 30px;
}
.furniture-name{
    padding: 8px;
    font-size: 14px;
}
.fenye{
    padding: 0;
}
.furniture-left,.cp .cp-right,.cp-img{
    display: none;
}
.sj-menu{
    display: block;
}
.product-box .furniture-right,.about-ny .furniture-right{
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 10px;
}
.furniture-cp {
    width: 49%;
    margin-right: 6px;
}
.furniture-cp:nth-child(3n){
    margin-right: 6px;
}
.furniture-cp:nth-child(2n){
    margin-right: 0;
}
.furniture-cp a.img{
    height: auto;
    font-size: 14px;
}
.cp-right{
    
    float: right;
}
.cp-dh{
    width: 109px;
    line-height: 33px;
    font-size: 13px;
}
.cp-dh img {
    margin-right: 7px;
    width: 25px;
}
.pro-series  .series-left,.pro-series  .series-right,.details,.firm-left,.firm-right{
    width: 100%;
}
.series-img,.series,.firm-right img{
    height: auto;
}
.firm-right img{
    margin-bottom: 20px;
}
.series-right h2{
    font-size: 20px;
}
.series-right span,.tab-nr,#tabs li a{
    font-size: 14px;
}
.ys-nr,.news-question,.firm-left,.about-lc,.company-left,.company-right h2,.about-x{
    display: none;
}

.company-right{
    padding: 10px;
    width: 100%;
}
.company-right p{
    font-size: 14px;
}
.company-nr{
    padding: 0;
    height: auto;
}
.firm-right{
    padding: 0 10px;
    height: auto;
    font-size: 14px;
}
.lc-nr,.firm-flex,.process-nr{
    flex-wrap: wrap;
}
.lc-li {
    width: 26%;
    margin-top: 10px;
}
.lc-img{
    height: 89px;
}
.lc-p{
    font-size: 14px;
    margin-top: 8px;
}

.al-nr{
    display: block;
    height: auto;
    margin-top: 20px;
}
.al-left{
    width: 100%;
}
.al-right{
    width: 100%;
    padding: 0;
    background: none;
}
.al-mind{
    font-size: 14px;
}
.al .mySwiper{
    height: 114px;
}
.al-mind{
    line-height: 28px;
    font-size: 14px;
}
.swiper-button-next, .swiper-button-prev,.news-body-right{
    display: none;
}
.al-bottom h2{
    font-size: 20px;
    margin-top: 0;
}
.al-bottom p{
    font-size: 16px;
    line-height: 25px;
}
.ys-sj{
    display: block;
}
.new-nr{
    display: block;
}
.new-left,.process-left,.process-right{
    width: 100%;
}
.ys .swiper-pagination{
    margin-top: 5px;
}
.new-right{
    width: 100%;
}
.new-nr{
    margin-top: 30px;
}
.new-p p, .new-top p,.process-white p,.about-title p,.process-right p,.contact-p p,.contact-title b,.case-p,.main span, .main p
,.news-body-left .p2 span{
    font-size: 14px;
}
.new-p h2, .new-top h2{
    font-size: 16px;
}
.new-item{
    height: auto;
}
.erweima,.nav-hide,.seo_title p,.nav-hide,.about-search{
    display: none !important;
}
.process-flex,.contact-ul{
    flex-wrap: wrap;
}
.process-flex{
    padding: 0 10px;
    margin-bottom: 0;
}
.p60{
    padding: 30px 0;
}
.about-title h2,.contact-title h2{
    font-size: 25px;
}
.process-left{
    height: auto;
}
.process-right h2{
    font-size: 20px;
}
.process-right{
    height: auto;
    padding: 20px 10px;
}
.process-right a{
    margin-top: 0;
}
.process-float{
    margin-top: 30px;
}
.process-icon img{
    width: 90%;
}
.contact-ul,.case-ul{
    padding: 0 10px;
    margin-top: 20px;
}
.contact-li{
    width: 49%;
    height: auto;
}
.contact-li{
    padding-top: 25px;
}
.contact-title{
    padding: 0 10px;
}
.contact-p h2{
    font-size: 15px;
    margin-top: 16px;
}
.case-item{
    margin-right: 6px;
    width: 49%;
}
.case-item:nth-child(3n) {
    margin-right: 6px;
}
.case-item:nth-child(2n) {
    margin-right: 0;
}
.news-list{
    padding: 0 10px;
}
.news-list li a {
    padding: 20px 0;
}
.news-list li .img {
    width: 120px;
}
.news-list li .img {
    width: 120px;
}
.img-vertical img {
    width: 100%;
}
.news-list li .text {
    margin-left: 120px;
    padding: 0;
    padding-left: 10px;
}
.news-list li .text .tit {
    font-size: 14px;
    line-height: 30px;
    height: 30px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.news-list li .text .des {
    font-size: 12px;
    line-height: 20px;
    height: 40px;
}
.news-list li .text span, .news-list li .date {
    display: none;
}
.news_x{
    padding: 30px 10px;
    width: 98%;
}
.news_x .n_bt .p1{
    font-size: 18px;
}
.news-body-left{
    width: 100%;
    padding: 20px 10px;
}
.question-title h2{
    font-size: 20px;
    padding: 0 10px;
}
.news-body-left h2{
    font-size: 20px;
}
.news-body{
    padding-top: 0;
}
.news-body-left .p2{
    padding-top: 0px;
}
.news-body-left .p2 span,.news-bottom{
    display: none;
}
.list-menu a{
    font-size: 14px;
    line-height: 45px;
    padding: 0 15px;
}
.list-box{
    height: 45px;
}
.banner1{
    display: none;
}
.sj-ban,.social_nav5{
    display: block;
}

.lc-nr{
    justify-content: space-around;
    margin-top: 30px;
}
}

@media (max-width:420px ) {

.footer .foot_top br{display: none;}


.footer .foot_top .a3h{background: none;}

.promise_con,.promise_tit{margin: 0;}

}

@media  (min-width:768px){

#nav .nava{display: block !important;}

.tj .i_news{width: 25% !important;}

.col-ss-8{width: 75.666667%;}

}