@charset "utf-8";



/* banner */

.middle_right{ width: 100%; overflow: hidden; }

#lunbobox {position:relative;}

.lunbo {

    width:100%;

    height:auto;

}



#lunbobox ul {

    width:285px;

    position:absolute;

    bottom:30px;

    left: 43%;

    z-index:5;

}

#lunbobox ul li {

    cursor:pointer;

    width:40px;

    height:4px;

    float:left;

    list-style:none;

    background:#cccccc;

    text-align:center;

    margin:0px 5px 0px 0px;

}

#lunbobox ul li:nth-child(1){ background-color: #000; }

#toleft {

    display:none;

    width:30px;

    height:100px;

    font-size:40px;

    line-height:100px;

    text-align:center;

    color:#f4f4f4;

    /*  background:#cccccc; */

    /*background:url("../images/toleft.jpg")no-repeat center; */

    position:absolute;

    top:45%;

    left:20px;

    cursor:pointer;

    z-index:99;

    opacity:1;

}

#toright {

    display:none;

    width:30px;

    height:100px;

    font-size:40px;

    line-height:100px;

    text-align:center;

    color:#f4f4f4;

   /*  background:#cccccc; */

    position:absolute;

    top:45%;

    right:20px;

    cursor:pointer;

    z-index:99;

    opacity:1;

}







.lunbo a {

    position: absolute;

    z-index: 2;

    width: 102%;

    height: 102%;

    top: -2%;

    left: -2%;

    background-repeat: no-repeat;

    background-size: cover;

    opacity: 0;

    -webkit-transition: opacity 3s, -webkit-transform 10s;

    -ms-transition: opacity 3s, -ms-transform 10s;

    transition: opacity 3s, transform 10s;

}

.ban-s{}

.ban-s img{ width: 20%; position: absolute; top: 30%; left:-100%; z-index: 100; opacity: 0; }





/* .lunbo a:nth-child(1) { background-image:url(../images/01251105.jpg);}

.lunbo a:nth-child(2) { background-image:url(../images/u=1679171702,1485999730&fm=11&gp=0.jpg) }

.lunbo a:nth-child(3) { background-image:url(../images/u=1194191268,189851977&fm=26&gp=0.jpg) }

.lunbo a:nth-child(4) { background-image:url(../images/u=3180559933,1841450308&fm=26&gp=0.jpg) }

.lunbo a:nth-child(5) { background-image:url(../images/11120615444301a51b1877c5ad.jpg) }

.lunbo a:nth-child(6) { background-image:url(../images/02.jpg) } */

.lunbo :nth-child(6n+1) {

    -webkit-transform-origin: bottom right;

    -ms-transform-origin: bottom right;

    transform-origin: bottom right;

}

.lunbo :nth-child(5n+1) {

    -webkit-transform-origin: top left;

    -ms-transform-origin: top left;

    transform-origin: top left;

}

.lunbo :nth-child(4n+1) {

    -webkit-transform-origin: bottom right;

    -ms-transform-origin: bottom right;

    transform-origin: bottom right;

}

.lunbo :nth-child(3n+1) {

    -webkit-transform-origin: top left;

    -ms-transform-origin: top left;

    transform-origin: top left;

}

.lunbo :nth-child(2n+1) {

    -webkit-transform-origin: top right;

    -ms-transform-origin: top right;

    transform-origin: top right;

}

.lunbo a {

    -webkit-transform-origin: bottom left;

    -ms-transform-origin: bottom left;

    transform-origin: bottom left;

}

.lunbo .fx, .lunbo .fx1 {


    opacity: 1;

}











/* #slideshow {



    position: relative;

    overflow: hidden;

    width: 100%;

    height: 100%;



}

#slideshow  div{

    position: absolute;

    z-index: 2;

    width: 102%;

    height: 102%;

    top: -2%;

    left: -2%;

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    opacity: 0;

    -webkit-transition: opacity 3s, -webkit-transform 10s;

    -ms-transition: opacity 3s, -ms-transform 10s;

    transition: opacity 3s, transform 10s;

}

#slideshow  div:nth-child(1) { background-image:url(../images/01251105.jpg);}

#slideshow  div:nth-child(2) { background-image:url(../images/u=1679171702,1485999730&fm=11&gp=0.jpg) }

#slideshow  div:nth-child(3) { background-image:url(../images/u=1194191268,189851977&fm=26&gp=0.jpg) }

#slideshow  div:nth-child(4) { background-image:url(../images/u=3180559933,1841450308&fm=26&gp=0.jpg) }

#slideshow  div:nth-child(5) { background-image:url(../images/11120615444301a51b1877c5ad.jpg) }

#slideshow  div:nth-child(6) { background-image:url(../images/02.jpg) }

#slideshow :nth-child(6n+1) {

    -webkit-transform-origin: bottom right;

    -ms-transform-origin: bottom right;

    transform-origin: bottom right;

}

.lunbo :nth-child(5n+1) {

    -webkit-transform-origin: top left;

    -ms-transform-origin: top left;

    transform-origin: top left;

}

#slideshow :nth-child(4n+1) {

    -webkit-transform-origin: bottom right;

    -ms-transform-origin: bottom right;

    transform-origin: bottom right;

}

#slideshow :nth-child(3n+1) {

    -webkit-transform-origin: top left;

    -ms-transform-origin: top left;

    transform-origin: top left;

}

#slideshow :nth-child(2n+1) {

    -webkit-transform-origin: top right;

    -ms-transform-origin: top right;

    transform-origin: top right;

}

#slideshow div {

    -webkit-transform-origin: bottom left;

    -ms-transform-origin: bottom left;

    transform-origin: bottom left;

}

#slideshow .fx, #slideshow .fx1 {

    -webkit-transform: scale(1.1) translate(1.8%);

    -ms-transform: scale(1.1) translate(1.8%);

    transform: scale(1.1) translate(1.8%);

    opacity: 1;

}

 */





.inner2{ margin-top: 4%; }

.inner2-1{ width: 100px; height: 10px;  background-color: #000; }

.inner2-2{ line-height: 160px; }

.inner2-3{ margin-top: 60px; overflow: hidden; }

.inner2-3a{ width: 33.33%; float: left;  overflow: hidden;}

.inner2-3at{ position: relative; width: 98%; overflow: hidden;}

.inner2-3at img{ width: 100%; transition: all 0.3s ease-out; }

.inner2-3at:hover img{ transform: scale(1.03,1.03);}

.index-imgt{ position: absolute; top: 12%; left: 10%; color: #fff; z-index: 110; }

.zhezhao-block{ width: 100%; height: 100%; background-color: #000; position: absolute;z-index: 100;

            top: 0; opacity: 0.5 !important;  

            left: -100%;

            transition: all 0.5s linear;

            transition: left 0.5s;

            -moz-transition: left 0.5s; /* Firefox 4 */

            -webkit-transition: left 0.5s; /* Safari 和 Chrome */

            -o-transition: left 0.5s; /* Opera */



}

.zhezhao-t{ width:60%; position: absolute;z-index: 105;  top: 0; padding: 11% 0 0 10%; color: #fff;}

.zhezhao-t .dhp1{ 

    width: 100%;

    line-height: 25px;

     margin-left: -500%; 

     transition: all 0.5s linear;

            transition: margin-left 0.5s .3s;

            -moz-transition: margin-left 0.5s .3s; /* Firefox 4 */

            -webkit-transition: margin-left 0.5s .3s; /* Safari 和 Chrome */

            -o-transition: margin-left 0.5s .3s; /* Opera */

}

.zhezhao-t .line{ width: 100%; height: 1px; background-color: #fff; margin: 30px 0; 

    margin-left: -200%;

     transition: all 0.5s linear;

            transition: margin-left 0.5s .5s;

            -moz-transition: margin-left 0.5s .5s; /* Firefox 4 */

            -webkit-transition: margin-left 0.5s .5s; /* Safari 和 Chrome */

            -o-transition: margin-left 0.5s .5s; /* Opera */

}

.zhezhao-t .font18{ margin-bottom: 20px;}

.inner2-3at-2{margin-top: 15px; overflow: hidden; }

.inner2-3b .inner2-3at-2{ margin-top: 0; margin-bottom:15px; width: 98%; }

.active3 .zhezhao .dhp1{ margin-left:0; }

.active3 .zhezhao .line{ margin-left: 0; }

.active3 .zhezhao .zhezhao-block{left: 0;}























.inner2-3aa{ padding-left: 0;}

.inner2-3c{ padding-right: 0; }









.inner2-4{ background-image: url(../images/01311345.jpg); padding-top: 50%; padding-top: 45%;

background-repeat: no-repeat; position: relative; margin-top: 15px; }

.inner2-4 p{ position: absolute; font-size: 60px; top: 10%; left: 20%; color: #fff; line-height: 140px; }

.inner2-4 p a{ font-size: 12px; color: #fff; border-color: #fff; margin: 50px 0 0 10px; }













.inner3{width: 1200px; margin: 50px auto 0 auto; overflow: hidden; position:relative; cursor: pointer;}

.inner3-1{ margin-top: 40px; margin-bottom: 70px; }

.inner3-2{ width: 700px; position: relative; }

.inner3-2a{ background-color: #231815; color: #fff; font-size: 36px; display: inline-block;

padding: 15px 10px; text-align: center; position: absolute; top: -20px; left: 30px; font-family: "宋体"; 

z-index: 200;

}

.inner3-2 img{ width: 100%; }

.inner3-3{ width: 600px; padding: 50px 50px 30px 50px; background: rgba(255, 255, 255, 0.7); 

    position: absolute; right: 0; top: 60px;}

.inner3-3 p:nth-child(1){ font-size: 24px; }

.inner3-3 .line{ width:15%; height: 4px; background-color: #000; margin: 20px 0 50px 0; 



     transition: all 0.5s linear;

            transition: width 0.5s;

            -moz-transition: width 0.5s; /* Firefox 4 */

            -webkit-transition: width 0.5s; /* Safari 和 Chrome */

            -o-transition: width 0.5s; /* Opera */







}







.inner3-3:hover  .line{ width: 100%; }













.inner3-3 .eh{ font-size: 14px; line-height: 30px; }

.inner3-3 .btn1{ margin: 20px 0 0 0; }

.inner3a{ position:relative; }



.swiper-container-horizontal > .swiper-pagination-bullets, 

.swiper-pagination-custom, .swiper-pagination-fraction{

    width: auto;

    left: 30px;

}

.swiper-pagination-bullet-active{ background-color: #fff; }











.inner4 {
    padding-top: 24.5%;
    position: relative;
    margin-top: 100px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.inner4-1{ width: 1200px; margin: 0 auto; margin-top: -20.5%; font-size: 22px; color: #fff; line-height: 50px; letter-spacing: 1px;  }

.inner4-1 center:nth-child(2){ margin-top: 50px; }













.ppjs1{ width: 100%;    

    background-size: cover; background-position: center; 

    height: 500px; background-repeat: no-repeat; }

.ppjs2{  color: #929393;  height: 100px; overflow: hidden;}

#location{ display: none; }

.ppjs2  a{ color: #929393;}

.ppjs2  a:hover{ color: #da4709; }

.ppjs3{ margin-top: 10px; overflow: hidden;}

.ppjs3-1{ width: 65%; }

.ppjs3-1 img{ width: 90%; }

.ppjs3-2{ width: 35%; padding: 10% 0 0 0; }

.ppjs3-2-a{}

.ppjs3-2-a .line{ width: 40%; height: 4px; background-color: #231815; margin: 18% 0 0 0; }

.ppjs3-2 p{ line-height: 40px; width: 83%; font-size: 14px; padding-top: 9%;}

.ppjs3-2-a h5{ line-height: 80px; margin: 0 0 0 -10%; }







.ppjs4{ margin: 100px 0; overflow: hidden;}

.ppjs4-1{ width: 32.6%; float: left; position: relative; }

.ppjs4-1 img{ width: 100%; }

.ppjs4-2{ margin: 0 1%; }

.ppjs4-1-a{ position: absolute; top: 0; width: 100%; height: 100%;

    text-align: center;}

.ppjs4-1-a img{ width: auto; padding:35% 0 0 0; }

.ppjs4-1-a p{ font-size: 14px; padding: 15% 19% 0 19%; line-height: 35px; color: #fff; }

.ppjs4-1-a .zhezhaok{ background-color: #000; width: 100%; height: 100%; opacity: 0.5; position: absolute; }

.ppjs4-1-a .zhezhaot{ width: 100%; height: 100%; position: absolute;}







.ppjs5{ padding: 0 0 0 0; overflow: hidden; }

.ppjs5 img{ width: 54%; }

.ppjs5-1{ width: 46%; padding: 4% 0 0 4%; }

.ppjs5-1 .line{ width: 22%; height: 4px; background-color: #000; }

.ppjs5-1 h5{ line-height: 80px; }

.ppjs5-1 p{ font-size: 14px; line-height: 35px;margin-top: 5%;  }

.ppjs5-1 .btn1{ display: inline-block; margin: 108px 0 0 0; }







.qysp-box{ margin:0 0 30px 0;  }

.mtxsp-qysp{ width: 100%;height: 300px; }

.qysp-box p{ text-align: center; padding: 30px 0; }

.mtxsp-qysp iframe{ width: 100%; height: 100%; }









.product1{ overflow: hidden; }

.product1-1{ width: 48%; margin: 0 0 50px 0; overflow: hidden; }

.product1-1 img{ width: 100%;  transition: all 0.5s linear; }

.product1-1:hover img{ transform: scale(1.03,1.03);}

.product1-1a{ width: 100%; margin-top: 10px; background-color: #e3e3e3; font-size: 14px; 

    padding: 10px 0 30px 30px; color: #595757; position: relative;} 

.product1-1a p:nth-child(1){ line-height: 50px; display: inline-block; }

.product1-1a p:nth-child(2){ margin-top: 30px; }

.product1-1a p:nth-child(3){ margin-top: 40px; font-size: 20px; }

.product1-1a p:nth-child(4){ margin-top: 10px; }

.product1-1b{margin: 0 0 10px 0; }

.product1-1a .line{ width: 30%; height: 4px; background: #231815; 

            position: absolute;

            top: 30%;

            left: -100%;

            transition: all 0.5s linear;

            transition: left 0.5s;

            -moz-transition: left 0.5s; /* Firefox 4 */

            -webkit-transition: left 0.5s; /* Safari 和 Chrome */

            -o-transition: left 0.5s; /* Opera */

}

.product1 .active .line{ left: 30px; }

.productxl-a{ height: 160px; line-height: 160px; background-color: #e4e4e4; 

    font-size: 60px; color: #595757; padding: 0 0 0 50px; }

.productxl-b{ margin: 100px 0 0 0; overflow: hidden; }

.productxl-b1{ width: 61.6%; }

.productxl-b1ww .line{ height: 2px; background-color: #000; width: 16.2%; margin: 0 0 30px 0; }

.productxl-b1ww{ padding: 30px 0 50px 30px;background-color: #e4e4e4; width: 93%; }

.banner { width: 105%; height: auto; position: relative; overflow: hidden;

 cursor: pointer; margin:-5% 0 0 3%; }

.productxl-b1ww .font18{ display: inline-block; }

.imgbox { width: 80%; height: 340px; position: relative; 

    overflow: hidden; left: 20%;}

.img { position: absolute; display: none; left:100%; margin-left: -100%; width: 100%; height: 100%; }

.im { display: block }

.change { height: 100px; display: block; position: absolute; z-index: 20; opacity: .4; transition: .4s; top: 50%; margin-top: -50px }

.change:hover { opacity: 1 }

.pre { left: 1% }

.next { right: 1% }

.cirbox { width: 88px; position: absolute; bottom: 15px; z-index: 10; left: 8%; margin-left: -44px; cursor: pointer }

.cir { width: 10px; height: 10px; background-color: none; border: 1px solid;

    opacity: .4; float: left; border-radius: 6px; margin: 0 5px; cursor: pointer }

.cir:hover { background-color: cyan; transition: .8s }

.cr { opacity: 1; background-color: #727171; border-color: #727171; }

.cr:hover { background-color: #000； }

.productxl-b2{ width: 38%; float: right;padding: 30px 0 30px 8%; }

.productxl-b2 p{ color: #595757; line-height: 30px;}

.productxl-b2 p:nth-child(2){ margin-top: 30px; }

.productxl-c{ margin: 100px 0; overflow: hidden; }

.productxl-c1{ width: 25%; float: left; text-align: center; position: relative; overflow: hidden; max-height:580px; }

.productxl-c1 .zhezhaok{ background-color: #000;  opacity: 0.5 }

.productxl-c1-zhezhao{ width: 100%; height: 100%; position: absolute; 

    top: 83%;color: #fff; 

            transition: all 0.5s linear;

            transition: top 0.5s;

            -moz-transition: top 0.5s; /* Firefox 4 */

            -webkit-transition: top 0.5s; /* Safari 和 Chrome */

            -o-transition: top 0.5s; /* Opera */

}

.productxl-c .active .productxl-c1-zhezhao{top: 28%; }

.productxl-c1-zhezhao h4{ height: 100px;line-height: 25px;padding: 8% 0 0 0; 

 color: #fff; font-weight: normal; }

.productxl-c1-zhezhao .line{ width: 70%; height: 2px; background-color: #fff; margin: 0 auto; }

.productxl-c1-zhezhao-t{ width: 70%; line-height: 30px; margin:50px auto 80px auto; }

.productxl-c1-zhezhao a{ width: 70%; display: block; margin: 0 auto; 

    border: 1px solid #fff; height: 40px; line-height: 40px; color: #fff; }

.proarc{ overflow: hidden; }

.proarc-a{ width: 30%; }

.proarc-a img{ width: 100%; }

.proarc-b{ width: 70%; }

.proarc-b p:nth-child(1){ height: 165px;line-height: 165px; font-size: 60px; background-color: #e4e4e4; padding: 0 0 0 10%; }

.proarc-b p:nth-child(2),

.proarc-b p:nth-child(3){ padding: 40px 38% 0 10%;line-height: 28px; }

.proarc-c{ width: 100%; margin: 60px 0; }

.proarc-c li{ width: 23%; float: left; margin: 0 2.5% 30px 0; overflow: hidden; max-height: 190px;}

.proarc-c img{ width:100%; height: 100%;  transition: all 1s ease-in-out; }

.proarc-c li:nth-child(4){ margin-right: 0; }

.proarc-c li:hover img{transform: scale(1.2);}



























.case1{ overflow: hidden; margin: 0 0 0 0; padding: 0 0 20px 0; }

.case1-1{ width: 29.75%; color: #fff; }

.case1-1-a{ background-color: #474747;  padding: 60px 0 0 35px; height: 540px; }

.case1-1-a p:nth-child(1){ font-size: 22px; }

.case1-1-a p:nth-child(2){ font-size: 14px; margin-top: 30px; line-height: 35px; width: 84%;}

.case1-1-b{  padding: 60px 0 0 35px; margin: 10px 0 0 0; background-color: #938c8c; height: 275px; }

.case1-1-b p:nth-child(1){ width: 33.6%; height: 3px; background-color: #fff; }

.case1-1-b p:nth-child(2){ font-size: 22px; margin: 15px 0 0 0; padding:0 0 0 0;  }

.case1-2{ width: 69.1%; }

.case1-2-a{ width: 32.5%; height: 408px; position: relative; float: left; margin-bottom: 10px; overflow: hidden; }

.case1-2-a1{ width: 100%; height: 100%;  transition: all 0.5s linear; }

.case1-2-a1:hover{ transform: scale(1.03,1.03);}

.case1-2-a2{ position: absolute;top: 0; width: 100%; height:100%; color: #fff; }

.case1-2-a2 p:nth-child(1){ width: 33.6%; height: 3px; background-color: #fff; margin: 60px 0 0 35px; }

.case1-2-a2 p:nth-child(2){ font-size: 22px; margin: 15px 0 0 0; padding:0 0 0 0; margin: 15px 0 0 35px;  transition: all 0.5s linear;

transition: font-size 0.5s;

-moz-transition: font-size 0.5s;

-webkit-transition: font-size 0.5s;

-o-transition: font-size 0.5s; }

.case1-2-a2:hover  p:nth-child(2){ font-size:24px; }

.case1-2-a .zhezhaok{ width: 100%; height: 100%; background-color: #938c8c; position: absolute;top: 0;}

.case1-2-a2 img{ bottom: 30px; right: 25px; position: absolute; }

.case1-2 .case1-2-a:nth-child(2),

.case1-2 .case1-2-a:nth-child(5){ margin: 0 10px; }

.caselist-a{ width: 49%; position: relative; margin-bottom: 30px; overflow: hidden;}

.caselist-b{ background-size: cover; background-position: center center;}

.caselist-a img{ width: 100%; }

.caselist-a .zhezhao{ width: 100%; height: 100%; position: absolute;top: 0; background-color: #938c8c; 

    padding: 7%; color: #fff; 



}

.caselist-a .zhezhao .line{ width: 50%; height: 2px; background-color: #fff; }

.caselist-a .zhezhao p{ line-height: 50px; font-size: 18px;

     transition: all 0.5s linear;

            transition: font-size  0.5s;

            -moz-transition: font-size 0.5s; /* Firefox 4 */

            -webkit-transition: font-size 0.5s; /* Safari 和 Chrome */

            -o-transition: font-size 0.5s; /* Opera */ 



 }

.caselist  .caselist-a:nth-child(2n){ float: right; }

.caselist  .caselist-a:nth-child(2n+1){ float: left; }



.caselist{ padding-bottom:0; }

.caselist .active  .zhezhao p{ font-size: 22px; }

.caselist-a .zhezhao img{ position: absolute;bottom: 10%;right: 7%; width: auto; }

.caselist-b .zhezhao2{ position: absolute;top: 0; width: 100%; height: 100%; color: #fff; text-align: center; 

    padding-top: 15%; }

.caselist-b .zhezhaok{width: 100%; height: 100%; background-color: #000; opacity: 0.5; position: absolute; top: 0;}

.caselist-b .zhezhao2 .line{ width: 30%; height: 1px; background-color: #fff; margin: 0 auto; margin: 5% auto 7% auto; }

.caselist-b .zhezhao2 .font14{ width: 50%; margin: 0 auto; line-height: 30px; }

.vv{ display: none; }

.vv,

.caselist-b img{  transition: all 1s ease-in-out; }

.caselist-b:hover img{transform: scale(1.2);}

.caselist-b:hover .vv{ display: block; }







#content {

    width: 100%;

    margin: 0 auto;

    padding: 30px;

    background: #3c3f47;   

    border: 1px solid #CCC;

    height: 100vh;

}

#gallery{ height: 100%; }

#gallery img {

    border: none;

    width: 100%;

}



#gallery_nav {

    float: left;

    width: 18%;

    text-align: center;

    background-color:#000;

    height: 100%;

    padding: 20px 50px;

    color: #fff;

}

#gallery_nav a{

    display: block;

    margin: 0 0 40px 0;

}

#gallery_nav a:last-child{ margin: 0; }

#gallery_output {

    float: right;

    width: 82%;

    height: 100%;

    overflow: hidden;

    color: #fff;

}



#gallery_output img {

    display: block;

    margin: 0px auto 0 auto;

    width: 100%;

    height: 100%;

}

.on{ border: 1px solid rgba(92,92,92,1.00); }

















.salon1{ background-color: #000; padding: 80px 0; margin: -100px 0 50px 0; overflow: hidden; }

.salon1-1 li{ width: 23.3%; height:280px; float: left; position: relative; margin-right: 2.2%; margin-bottom: 2.2%;

    overflow: hidden; cursor: pointer;

 }

.salon1-1 li:nth-child(4),

.salon1-1 li:nth-child(8),

.salon1-1 li:nth-child(12){ margin-right: 0; }

.slzz{ position: relative; display: table; margin-top: 0; width: 100%; height: 110%; 

         transition: all 0.5s linear;

            transition: margin-top 0.5s;

            -moz-transition: margin-top 0.5s; /* Firefox 4 */

            -webkit-transition: margin-top 0.5s; /* Safari 和 Chrome */

            -o-transition: margin-top 0.5s; /* Opera */

}

.salon1-1 .active .slzz{ margin-top: -101%; }

.salon1-1 li img,

.slzzk{ width: 100%; height: 100%; text-align: center; }

.slzzk{ background-color: #db4709; position: absolute; top: 0; }

.salon1-1 li p{ display: table-cell;vertical-align:middle; text-align: center; font-size: 26px; 

    position: relative; color: #fff;  }

.salon2{ padding-bottom:50px; }

.salon2 .inner2-2{ line-height: 130px; }

.salon2 p{ margin: 0 0 50px 0; color:#595757;  }

.salon-form{ width: 800px; margin: 0 auto; overflow: hidden; padding: 0 0 100px 0; }

.salon-form-a{ width: 47%; float: left; margin-bottom: 15px; }

.salon-form-a:nth-child(1),

.salon-form-a:nth-child(3),

.salon-form-a:nth-child(5){ margin-right: 6%; }

.salon-form-a p{ color: #595757; font-size: 18px; margin: 0 0 10px 0; }

.salon-form-a input{ width: 100%; height: 35px; line-height: 35px; padding: 0 0 0 20px; }

.salon-form-a7{ width: 100%; }

.salon-form-a7 textarea{ padding: 10px; }

.salon-form-a8{ text-align: right; margin: 30px 0 50px 0; width: 100%; }

.salon-form-a8 span{ color: #0093dc; }

.salon-form button{ width: 20%;height: 50px;margin: 50px auto;display: inherit;}

.sjsjs{ overflow: hidden; }

.sjsjs-a{ width: 50%; float: left; color: #595757; }

.sjsjs-a img{ width: 100%; }

.sjsjs-b{ padding: 0 0 0 3%; }

.sjsjs-b .line{ width: 26%; height: 4px; background-color: #000;  display: none; }

.sjsjs-b p:nth-child(2){ margin: 0 0 60px 0; color: #000; }

.sjsjs-b p:nth-child(4){ margin: 50px 0 0 0; line-height: 30px; }

.sjsjs-b p:nth-child(5){ margin: 70px 0 15px 0; text-align: right; }

.sjsjs-b p:nth-child(6),

.sjsjs-b p:nth-child(7),

.sjsjs-b p:nth-child(8),

.sjsjs-b p:nth-child(9){ margin: 0 0 15px 0; text-align: right; }

.sjsjs-b p:nth-child(8){ margin: 50px 0 15px 0; }

.sjsjs-c{ float: left; margin: 80px 0 1.5cm 0;  width: 100%;}

.sjsjs-c li{ width: 21%; margin: 0 4% 7px 0; float: left; height: auto; overflow: hidden; background-size: cover;

background-position: 50% 50%; height: 260px; }

.sjsjs-c li img{ width: 100%; height: 100%; transition: all 1s ease-in-out; }

.sjsjs-c li:nth-child(4),

.sjsjs-c li:nth-child(8){ margin-right:0; }

.sjsjs-c li:hover img{transform: scale(1.2);}













.newsbox{ width: 1100px; margin: 0 auto; position: relative; overflow: hidden;}

.xwzx0403{ width: 100%; float: left; }

.newsbox-1-a{/*  overflow: hidden;  */}

.newsbox-1-a1{ width: 500px; position: relative; float: left; cursor: pointer; }

.newsbox-1-a  .newsbox-1-a1:nth-child(2n){ margin-left: 50px; }

.newsbox-1-a1-pic{ width: 100%; height: 320px; overflow: hidden; }

.newsbox-1-a1 img{ width: 100%; height: 100%; transition: all 0.5s linear; }

.newsbox-1-a1 img:hover{ transform: scale(1.03,1.03);}

.xwzx0404{ width: 18%; float: right; display: none; }

.xwdt0408{ display: inline-block; }

.xwdt0408 h5{ display: inline-block; }

.xwdt0408t{ color: #b3b0af; font-size: 12px; margin-bottom: 30px; }

.newsbox-1-a1-pic{  }







.newsbox-1-a1-time{ background-color: #231815; color: #fff; display: inline-block; font-size: 24px; 

    padding: 15px 10px; position: absolute; top: -20px; left: 20px; z-index: 999; }

.newsbox-1-a1-info{ background-color: #f5f5f5; font-size: 12px; margin-top: 10px; padding: 40px 0 0 40px; 

    height: 230px;  margin: 0 0 50px 0;}

.newsbox-1-a1-info h5{ font-size: 20px; font-weight: normal; }

.newsbox-1-a1-info h5:hover{ color: #e25e21; }

.newsbox-1-a1-info .line{ width: 20%; background-color: #000; height: 3px;  margin: 20px 0;

 transition: all 0.5s linear;

            transition: width 0.5s;

            -moz-transition: width 0.5s; /* Firefox 4 */

            -webkit-transition: width 0.5s; /* Safari 和 Chrome */

            -o-transition: width 0.5s; /* Opera */

}



.active .newsbox-1-a1-info  .line{ width: 100%; }





.newsbox-1-a1-info p{ line-height: 30px; width: 95%; }

.newsbox-1 .newsbox-1-a1:nth-child(2n){ margin: 0 0 0 50px; }

.centera {

    padding:20px 0;

    overflow:hidden;width: 100%; position: relative;

}

.hover {background:#eee;color: #db4709 !important;}

#tablea {}

.box {margin:10px;}

#oranger{ width: 160px; float: right;}

.qbwz{ color: #db4709; border-bottom: 3px solid #db4709;display: inline-block;line-height: 30px;

float: right;position: absolute;

right: 95px;

top: 50px;}

#oranger{   

border: 1px solid #bbbcbc; border-left: none; border-right: none; 

padding: 90px 0 0 0;}

#oranger a{ display:block; margin: 0 0 35px 0; line-height: 30px; }



#oranger a span{ float: right; }

.newsjgx{ position: absolute;top: 160px;right: 220px;width: 1px;height: 100%;background: #c9c9c9; }

.xyy{ margin: 0 auto;text-align: center; padding: 0 0 0 0;}



.xyy a{ padding: 0 5px; height: 35px; text-align: center; line-height: 35px; border:1px solid #bcbdbd; 

    display: inline-block; margin: 0 10px 0 0; color: #808080;}

.xyy .current{ border:1px solid #000; color: #000; padding: 0 10px; }





.xyy span:nth-child(1){ display: none; }



.xwarcbox{ width: 70%;  margin:0 auto; }

.xwarcbox  h4{ text-align: center;  font-weight: normal; }

.xwtime{ color: #929393; margin: 30px 0 0 0; text-align: center;}

.linexw{ width: 100%; height: 1px; background-color: #000; margin: 50px 0; }

.xwarc-inner{ color: #808080;  margin: 100px 0 0 0;}

.xwarc-inner img{ width: 100%; }

.xwarc-inner-0{ line-height: 25px; margin: 80px 0; }











.qqfb1{ width: 100%;  background-color: #e4e4e4; height: 60px; line-height: 60px; padding: 0 0 0 30px; }

.qqfb2{ margin: 40px 0 40px 0; }

.qqfb2 li{  width: 15.85%; margin: 0 0.5% 10px 0; position: relative; display: inline-block;}

.qqfb2 li img{ width: 100%; height: 160px; }

.qqfb2-a{ width: 100%; text-align: center; color: #fff; height: 35px;

 line-height: 35px; display: block; background-color: #313131;  }

.qqfb2-b{ position: absolute; top: 0; color: #fff; text-align: center; z-index: 201;  

    display: table; height: 160px;  opacity: 0;  transition: all 1s linear;}

.qqfb2-b:hover{ opacity: 1; }    

.qqfb2-b p{ font-size: 12px; display: table-cell;vertical-align: middle;text-align: center; padding: 0 20px; width: 100%; }

.qqfb2 li .zhezhaok{ width: 100%; height: 160px;position: absolute; top: 0; 

     z-index: 50;}

.qqfb2 li:nth-child(6),

.qqfb2 li:nth-child(12){ margin: 0; }

.qqfb2 li:hover .zhezhaok{ opacity: 0.4;  background-color: #000;   }









.sc-a{ width: 100%; height: 60px; line-height: 60px; background-color: #e3e3e3; 

                padding: 0 0 0 30px; font-size: 30px; }

.sc-b{ width: 80%; margin: 50px auto 130px auto; line-height: 35px; }

.sc-c120{ width: 100%;   position: relative; line-height: 0;}

.scfl{  width: 9%; border: 1px solid #fff;  bottom: 0; display: inline-block;}

.scfl img{ position: absolute;bottom: 20px; }

.one { font-size: 20px; line-height: 24px;font-size: 40px;color: #231815;width: 1.5em;  

    layout-flow:vertical-ideographic;  writing-mode:tb-rl;

       transform:rotate(180deg);

    }

.ones{  color: #9b9b9a; font-size: 30px; transform: rotate(270deg); width: auto;   font-size: 20px; 

        line-height: 24px;  font-size: 40px;color: #231815; }

.abc{ width: 180px; height: 70px; background-color: red;  }

.a01{ display: inline-block; width: 90%; min-height: 280px;  }

.a02{ position: relative; overflow: hidden; float: left; cursor: pointer; }

.abc2{ width: 180px; height: 70px;  position: absolute;line-height: 210px;text-align: center; 

    /*color: #fff;*/

    top: 100%;  

    transition: all 0.5s linear;

            transition: top 0.5s;

            -moz-transition: top 0.5s; 

            -webkit-transition: top 0.5s; 

            -o-transition: top 0.5s;

}

.a01-x .active{ overflow:visible;}

.a01-x .active  .abc2{ top: -100%;}











.jmfw-a{ border-bottom: 2px solid #acaaaa; line-height: 50px; margin: 0 0 120px 0; }

.jmfw-a{ font-size: 18px; font-weight: bold; }

.jmfw-a-1{ width: 155px; height: 5px; background-color: #595757; margin: 0 auto; }

.jmfw-b{ overflow: hidden; margin-bottom: 120px; }

.jmfw-b-1{ width: 45%; }

.jmfw-b-2{  width: 55%; padding: 0 5% 0 10%;  line-height: 30px; }

.jmfw-b-2 p:nth-child(1){  }

.jmfw-b-2 p:nth-child(2){ margin: 10px 0 40px 0; width: 90px; height: 5px; 

    background-color: #000; }

.jmfw-c{ overflow: hidden; padding: 0 0 100px 0; }

.jmfw-c-1{ float: left; width: 20%;  text-align: center; color: #fff; height: 460px; 

    cursor: pointer; position: relative; overflow: hidden; }

/* .jmfw-c-1:hover{  

    -webkit-filter: grayscale(100%);



    -moz-filter: grayscale(100%);



    -ms-filter:grayscale(100%);



    -o-filter: grayscale(100%);



    filter: grayscale(100%);



    filter:gray;} */

.jmfw-c .jmfw-c-1:nth-child(1){ background-color: #42110c; }

.jmfw-c .jmfw-c-1:nth-child(2){ background-color: #2e99d2; }

.jmfw-c .jmfw-c-1:nth-child(3){ background-color: #da3828; }

.jmfw-c .jmfw-c-1:nth-child(4){ background-color: #2e99d2; }

.jmfw-c .jmfw-c-1:nth-child(5){ background-color: #da3828; }

.jmfw-c-1a{ width: 60px; height: 60px; margin:0 auto;  }

.jnfw-zhezhao p{ margin: 10px 0 0 0; }

.jnfw-zhezhao{ position: absolute;top: 50%;margin-top: -20%;left: 50%;margin-left: -10%; 

    transition: all 0.5s linear;

    transition: top 0.5s;

    -moz-transition: top 0.5s; 

    -webkit-transition: top 0.5s; 

    -o-transition: top 0.5s; }

.jmfw-c .active  .jnfw-zhezhao{ top: 20%;  }

.jnfw-zhezhao-t{ top:100%;width: 100%;height: 100%;   position: absolute; padding: 0 10%; 

    line-height: 30px; text-align:center; font-size: 14px;

    transition: all 0.5s linear;

    transition: top 0.5s;

    -moz-transition: top 0.5s; 

    -webkit-transition: top 0.5s; 

    -o-transition: top 0.5s; }

.jmfw-c .active  .jnfw-zhezhao-t{ top: 35%;  background: #000;

    opacity: 0.5;



    padding-top: 10px; }







.pxxy-titi{ margin: 0 0 30px 0; }

.pxxy{ position: relative;padding: 60% 0 0 0; background-size: cover; margin-bottom: 50px;  }

.pxxy-a{ width: 40%;position: absolute;top: 5%;right: 5%; line-height: 30px;}





.lxwm-a,.lxwm-b{ width: 50%; }

.lxwm-a-1{ width: 80px; height: 7px; background-color: #000; margin: 0 0 25px 0; }

.lxwm-a-2{ font-size: 20px; }

.lxwmtj{ width: 100%;padding: 0 20% 0 0; margin: 50px 0 0 0; }

.lxwmtj .salon-form-a{ width: 100%; }

.lxwmtj button{ background: #da4709;color: #fff; }

.lxwm-b{ padding: 0 0 0 10%; }

.lxwm-b p{ color: #595757;line-height: 40px;}





.yqljj{ margin: 5px 0 0 0;float: left; }

.yqljj a{ float: none;



width: auto !important;



height: auto !important;



border-radius: 0;



color: #fff; background:none;  

font-size: 16px !important; }



                    



.slideBox{ width:100%; height:80vh; overflow:hidden; position:relative; margin: 10vh 0 0 0;}

.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }

.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }

.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; 

    background:#fff; cursor:pointer; }

.slideBox .hd ul li.on{ background:#f00; color:#fff; }

.slideBox .bd{ position:relative; height:100%; z-index:0;  width: 1200px; margin: 0 auto;   

    display: flex;

justify-content: center;

align-items: center;  }

.slideBox .bd li{ zoom:1; vertical-align:middle;      display: flex;

    justify-content: center; }

.slideBox .bd img{ /* width:450px; height:230px; */ display:block;  }

.slideBox .bd p{ color: #fff; font-size: 14px; line-height: 35px; }



/* 下面是前/后按钮代码，如果不需要删除即可 */

.slideBox .prev,

.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }

.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }

.slideBox .prev:hover,

.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }

.slideBox .prevStop{ display:none;  }

.slideBox .nextStop{ display:none;  }





.alertimg-show{ display: none; position: fixed;width: 100%; height: 100vh; top: 0; left: 0; z-index: 999;  }

.alertimg .alertimg-show{ display: block;}

.alert-zz{ width: 100%; height: 100%; background-color: #000; opacity: 0.8; position: absolute; }

.bd-lia{ position: relative;padding: 30px 0 0 0; }

.mfp-close{ position: absolute;right: 0;top: 0;background: none;color: #fff;border: none;

    font-size: 28px; line-height: 24px;}









.ms-zdh0424{

            position: absolute;

            top: 10px;

            left: 65%;

            /* margin: 20px; */

            border-right: 1px solid #fff;

            border-bottom: 1px solid #fff;

            width: 10px;

            height: 10px;

            transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0); }







.mtxsp { display: none; }



















.i04271804{ width: 45%; float: left;  display: block; margin-right: 5%; }

.qysp-box  .i04271804:nth-child(2n){ margin-right: 0; }





.i04291559,

.i04291559-a{ overflow: hidden; cursor: pointer; }

.i04291559{ margin-bottom: 100px; }

.i04291559-a{ width: 580px; height: 145px; background-color: #e3e3e3; margin: 0 0  30px 0; }

.i04291559 .i04291559-a:nth-child(2n){ float: right; }

.i04291559-aimg{  width: 140px; height: 100%; overflow: hidden;  }

.i04291559-a img{ width: 100%; height: 100%; transition: all 0.5s linear; }

.i04291559-a img:hover{ transform: scale(1.05,1.05);}

.i04291559-a-a1 {font-size: 14px;line-height: 25px;height: 50px;overflow: hidden; }

.i04291559-a-a1 img{ display: none; }

.i04291559-a-a{ width: 65%;margin: 20px 0 0 30px;}

.i04291559-a-a .line{ width: 20%; background-color: #000; height: 3px;  margin: 10px 0 20px 0;

 transition: all 0.5s linear;

            transition: width 0.5s;

            -moz-transition: width 0.5s; /* Firefox 4 */

            -webkit-transition: width 0.5s; /* Safari 和 Chrome */

            -o-transition: width 0.5s; /* Opera */

}



.i04291559-a:hover  .line{ width: 70%; }

.i04291559-a-a:hover .font18{ color: #ff6600; }

.SonlineBox{ position: fixed !important;}















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

    html {font-size: 100%;}

    body {font-size: 1em; overflow-x: hidden;}

    .pc-nav,

    .pc-logo,

    .pc200 .pc-logo,

    .pc200 .pc-nav{ display: none; }

    .m-menu, .dropdown-menu{ display: block; }

    .pc200 .pc-logo2{ display: inline; }

    .menu{ 

        z-index: 1000; 

        top: 0;

        bottom: 0;

    }

    .menu__handle{ top: 1.5em;}



    .menu--open  .menu__handle{right: 10px; }

    .pc200 .codrops-header{ text-align: center; }

    .menu.menu--open{ background-color: #fff; width: 50%; }

    .pc-logo2{ margin-left: 0;display: inline;width: 18%; }

    .inner2-3a,

    .inner2-3at,

    .inner2-3b .inner2-3at-2,

    .inner3,

    .fl1,

    .fr1,

    .inner5c-1,

    .inner5c input,

    .inner4-1{ width: 100%; }

    .inner2-3at{ margin-bottom: 15px; }

    .inner2-4{ background-position: center; margin-top: 0; background-size: cover;}

    .inner2-4 p{ font-size: 2em; line-height: 2em;  }

    .inner3-2{ width: 60%; }

    .inner3-3{ width: 50%; padding: 3% ; top: 3.5em; z-index: 10;}

    .inner3-3 .line{ margin: 20px 0 2% 0; }

    .inner4{ margin-top: 5%; margin-bottom: 500px; }

    .inner4-1 center:nth-child(2){ margin-top: 0;line-height: 30px; }

    .footer{ padding: 10px; padding-top: 50px;}

    .main{ padding: 0; margin-bottom: 0; }

    .inner5b{ float: right; }

    .fr1{ margin-top: 30px; }

    .inner5c p{ text-align: center; padding-bottom: 30px; }









    .newsbox{ width: 100%; padding: 0 20px; }

    #oranger{ width: 100%; padding: 0; border: none; }

    .qbwz{ float: left; display: none; }

    .newsjgx{ display: none; }

    #oranger a{ float: left;  width: 25%; }

    #oranger a span{ margin: 0 20px 0 0; }

    .newsbox-1-a1 { width: 50%; left: 25%; }

    .newsbox-1-a2{ margin: 0; }

    .xyy{ margin: 0 0 0 50%; }

    .newsbox-1-a1{ clear: both; }

    .newsbox-1 .newsbox-1-a1:nth-child(2n){ margin: 0; clear: both; }









    .xwarcbox{ margin: 0 auto; }





     .menu.menu--open{ width:90%; background-color: #da4709; z-index: 5000; height: auto; }

    .menu__inner{ padding:75px 0 2em 0; text-align: center; color: #fff;}

    .menu ul li a{ line-height: 30px; }

    .inner3-2a{ z-index: 50; }

    .pc200 .codrops-header{ text-align: center; }

    .menu{ height: 75px; }









    .sc-c{ width: 80%; margin: 0 auto; }

    .sc-c120{ width: 100%; display: inline-block; overflow: hidden; }

    .a01-x{ width: 100%; }

    .a01{width: 100%; }

    .abc,

    .abc2{ width: 100%; }

    .scfl{ width: 100%; text-align: center; }

    .scfl img{ transform: rotate(90deg); position: static; }

    .a02{ width: 33.33%; }











    .pxxy{ padding: 0; }

    .pxxy-a{ position: static; width: 100%; text-align: center;padding: 50px 0; }







    .lxwm-a, .lxwm-b{ width: 100%; }

    .lxwm-b{ padding: 0; }







    .xwzx0404{ width: 100%; float: none; position: absolute;top: 0; }

    .xwzx0403{ width: 100%; float: none; margin: 50px 0 0 0; }

    .newsbox-1-a .newsbox-1-a1:nth-child(2n){ margin-left: 0; }







    .slideBox .bd{ width: 80%; }









}





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



    .lunbo{ }





    .w1200-cen{ width: 100%; padding: 0 20px; }

    .ppjs3-1,

    .ppjs3-2,

    .ppjs5 img,

    .ppjs5-1{ width: 50%; margin: 0 auto; float: none; }

    .ppjs4-1-a img{ padding: 15% 0 0 0; }

    .ppjs4-1-a p{ padding: 15% 5% 0 5%; }

    .ppjs5{ text-align: center; padding: 0 20px; }

    .ppjs5-1 .line{ margin: 0 auto; }

    .ppjs5-1 .btn1{ float: none; display: block; margin: 30px auto 0 auto; }

    .ppjs3-2-a h5{ margin: 0; float: none; text-align: center; }

    .ppjs3-2-a .line{ margin:18% auto 0 auto;  }

    .ppjs3-2-a .line,

    .ppjs3-2 p{ float: none; }

    .ppjs3-2 p{ width: 100%; }





    .case1{ margin: 0 0 50px 0; }

    .case1-1,

    .case1-2{ width: 100%; }

    .case1-1{ margin: 0 0 30px 0; }

    .case1-2 .case1-2-a:nth-child(2), .case1-2 .case1-2-a:nth-child(5){ margin: 0 1%; }







    .salon1-1{ width: 70%; margin: 0 auto; overflow: hidden; }

    .salon1-1 li{ width: 47%; }

    .salon1-1 li p{ font-size: 20px; }







    .qqfb2 li{ width: 32%; margin: 0 1% 10px 0; }

    .qqfb2 li:nth-child(3),

    .qqfb2 li:nth-child(6),

    .qqfb2 li:nth-child(9),

    .qqfb2 li:nth-child(12){ margin: 0; }







    .salon-form{ width: 100%; }









    .productxl-a {height: 100px;line-height: 100px;font-size: 30px;padding: 0 0 0 30px;}

    .productxl-b{ margin: 50px 0 0 0; }

    .productxl-b1,.productxl-b2{width: 80%; float: none; margin: 0 auto; }

    .productxl-b2{ padding: 30px 0; }

    .productxl-c{ margin: 50px auto;width: 60%; }

    .productxl-c1{ width: 50%; }

    .productxl-c1 img{ width: 100%; height: 100%; }

    .proarc-b p:nth-child(1) {height: 50px;line-height: 50px;font-size: 24px;}

    .proarc-b p:nth-child(2), .proarc-b p:nth-child(3) {padding: 40px 0 0 10%;line-height: 20px;}





    .xwzx0403{ margin: 30px 0 0 0; }

    .newsbox-1-a1-pic{ height: auto; }





    .i04291559-a{ width: 100%; }



    .i04291559{ width: 80%; margin: 0 auto; }









}







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

    .pc75 .pc-logo2,

    .pc-logo2{ width: 40%; margin-left: 0; }

      .pc-logo2{ margin-top: 0; }

    #lunbobox ul{ display: none; }

    .inner2-2{ line-height: 50px; }

    .font36 {font-size: 18px;}

    .font48 {font-size: 20px;}

    .btn1{ width: 30%; }

    .inner2-3{ margin-top: 30px; }

    .zhezhao-t .font18{ margin-bottom: 10px; }

    .zhezhao-t{ width: 90%; }

    .inner2-3at img{ min-height: 256px; }

    .inner2-4 p {font-size: 1em;line-height: 1.5em; width: 100%; left: 0; padding-left: 20%;}

    .inner2-4 p a{ margin: 20px 0 0 0; }

    .inner3a{ overflow: hidden; }

    .inner3-2,

    .inner3-3{

        width: 100%;

    }

    .footer{ position: static; }

    .inner4{ margin-bottom: 0; background-size: cover; padding-top: 50%; }

    .inner5b{ float: left; margin-left: 0; }

    .inner5b .bdsharebuttonbox,

    .bdsharebuttonbox { display: none; } 

    .inner4-1 img{ width: 50%; }

    .inner4-1{ font-size: 16px; margin-top: -40%;}

    .inner3-1{ margin: 20px 0 30px 0; }

    .inner3{ margin: 30px auto 0 auto; }

    .inner3-3{ position: static; padding: 20px 30px; }

    .inner3-3 p:nth-child(1){ font-size: 20px; }

    .menu.menu--open{ width:75%; background-color: #da4709; z-index: 5000; height: auto; }

    .menu__inner{ padding:75px 0 2em 30px; text-align: left; color: #fff;}

    .menu ul li a{ line-height: 30px;     display: inline-block; }

    .menu ul li a:active{ color: #969695; }

    .ms-zdh a{ color: #fff; display: inline-block; }

    .menu ul li .zdh a{ display: block; font-size: 14px; color: #c8c9c7; }

    .inner3-2a{ z-index: 50; }

    .pc200 .codrops-header{ text-align: center; }

    .menu{ height: 75px; }



    .menu__inner ul li:nth-child(1) span{ display: none; }

    .sjsjs-b p:nth-child(2){ margin: 30px 0 60px 0; }









    .ppjs2{ height: 20px; }

    #location{ display: none; }

    .mtxsp{ height: 300px !important; }

    .ppjs3{ margin-top: 30px; }

    .ppjs3-1, 

    .ppjs3-2, 

    .ppjs5 img, 

    .ppjs5-1,

    .ppjs4-1{width: 100%;}

    .ppjs3-2-a h5{ line-height: 30px; }

    .ppjs3-2-a .line {margin: 10% auto 0 auto;}

    .ppjs4{ margin: 30px auto; }

    .ppjs4-2{ margin: 0; }

    .ppjs4-1-a img{ padding: 35% 0 0 0; }

    .ppjs4-1{ margin-bottom: 20px; }

    .ppjs5{ margin-bottom: 50px; }







    .product1-1{ width: 100%; margin: 0 0 30px 0; }









    .case1-2-a{ width: 100%; }

    .case1-2 .case1-2-a:nth-child(2), .case1-2 .case1-2-a:nth-child(5){ margin: 0 0 10px 0; }

    .caselist-a{ width: 100%; height: 300px; }

    .caselist-b  img{ height: 100%; }

    .caselist-b .zhezhao2 .line{ width: 80%; }

    .caselist-b .zhezhao2 .font14{ width: 80%; line-height: 20px; }







    .salon1-1{ width: 100%; }

    .salon1-1 li p{ font-size: 12px; }

    .salon1{ padding: 40px 0; }

    .salon1-1 li{ height: 160px; }

    .salon-form{ position: relative;z-index: 1005; background-color: #fff; }

    .salon-form-a p{ font-size: 16px; }

    .sjsjs-a{ width: 100%; }

    .sjsjs-c li{ width: 50%; margin: 0 0 10px 0; height: auto; padding: 50% 0 0 0; }











    #oranger a{ width: 50%; margin: 0; line-height: 50px; }

    #oranger{ margin-top: 0; }

    #tablea{ margin-top: 150px; }

    .newsbox-1-a1{ width: 100%; left: 0; margin-bottom: 10px; }

    .newsbox-1-a1-info{ height: auto; padding: 20px 0 50px 20px; }

    .newsbox-1-a1-info h5{ font-size: 16px; }

    .newsbox-1-a{ margin-bottom: 0; }

    .newsbox-1-a1 img{ height: 250px; }

    .xyy{ margin: 0; }

    .xwarcbox{ width: 100%; }

    .xwarc-inner{ margin: 50px 0 0 0 ; }

    .xwarc-inner-0{ margin: 40px 0; }





    .qqfb2{ overflow: hidden; }

    .qqfb2 li{ float: left; margin: 1% !important; width: 48%; }

    .qqfb1{ height: 50px; line-height: 50px; padding:0 0 0 20px; }







    .productxl-a {height: 50px;line-height: 50px;font-size: 20px;padding: 0 0 0 10px;}

    .productxl-b1, .productxl-b2{ width: 100%; }

    .productxl-b {margin: 30px 0 0 0;}

    .productxl-b1ww{ width: 100%; padding: 0; background-color: #fff; }

    .banner{ width: 100%; margin: 50px 0 0 0; }

    .cirbox{ left: 50%; }

    .imgbox{ width: 100%; left: 0; height: 300px; }

    .productxl-c{margin: 30px auto;width: 100%;}

    .productxl-c1-zhezhao{ top: 10%; }

    .productxl-c .active .productxl-c1-zhezhao{ top: 10%; }

    .productxl-c1-zhezhao-t {width: 90%;line-height: 20px;margin: 5% auto 8% auto; font-size: 12px;}

    .productxl-c1-zhezhao a{ height: auto; font-size: 14px; line-height: 30px; }

    .proarc-b{ width: 100%; }

    .proarc-b p:nth-child(2), .proarc-b p:nth-child(3){ padding: 20px 0 0 5% }

    .proarc-b p:nth-child(1){ padding: 0 0 0 5%; }

    .proarc-c li{ width: 47.5%; margin: 0 2.5% 10px 0; max-height: 105px; }

    .proarc-c{ margin: 30px 0; }









    #content{ padding: 10px; }

    #gallery_nav{ width: 90%; margin: 0 auto; float: none; padding: 10px;  height: 20%;     height: auto;

    overflow: hidden; }

    #gallery_nav a{ margin: 0; float: left; border: none; width: 50%; }

    #gallery img{ padding: 5px; }

    #gallery_output{ height: 65%;width: 90%;float: none;margin: 0 auto; }







    .sc-b{ margin: 50px auto 30px auto; }

    .sc-c{ width: 100%; }

    .scfl img{ width: 15%; }







    .inner2-1{ height: 2px; }





    .slideBox .bd img{ width: 100%; }



    .jmfw-b-2,.jmfw-b-1{ width: 100%; }

    .jmfw-b-2{ padding: 0; }

    .jmfw-b{ margin-bottom: 30px; }

    .jmfw-c-1{ width: 50%; margin-bottom: 50px; }

    .jmfw-a{ margin: 0 0 30px 0; }







    .proarc-a{ width: 100%; }

    .ppjs1{ height: 250px; }





    .jnfw-zhezhao{ margin-left: -8vw; }

    .jnfw-zhezhao-t{ line-height: 20px; }





    .i04271804{ width: 100%; margin: 0; }



     .i04291559{ width: 100%; }

    .i04291559-aimg{ width: 30%;}

     .i04291559-a-a {width: 65%;margin: 20px 0 0 5%;}

    }







}