@charset "utf-8";
/* CSS Document */
html,body{
	margin:0;
	padding:0;
	font-size:14px;
	font-family:"SourceHanSansCN-Normal", Arial, Helvetica, sans-serif;
	position: relative;
	}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,pre,form,fieldset,input,textarea,img{
	margin:0;
	padding:0;
	list-style:none;
	border:0;
	font-weight: normal;
	font-size: 14px;
	}		
a{text-decoration:none;}
.clear{clear: both;}
.hide{display: none;}

@font-face {
    font-family: 'SourceHanSansCN-Normal';
    src: url('../font/SourceHanSansCN-Normal.otf');
	src: url('../font/SourceHanSansCN-Normal.otf') format('truetype'),
    font-weight: normal;
    font-style: normal;
}
.my-map {
        margin: 0 auto;
        width: 800px;
        height: 560px;
    }
/*head*/
.head{width: 88%;position: fixed;top: 0;left: 0;background: rgba(255,255,255,1);padding: 0 6%;
overflow: hidden;z-index: 9999;-webkit-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.3); 
  -moz-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.3); 
  box-shadow: 0 0px 10px rgba(0, 0, 0, 0.3);}
.logo{float: left;margin-top: 15px;}
.nav{float: right;width: 56%;font-size: 0;text-align: center;margin-right: 6%;}
.nav li{display: inline-block;vertical-align: top;line-height: 110px;width: 14%;}
.nav li a{display: block;color: #000000;font-size: 16px;}
.nav li:hover{background: url(../img/bg1.jpg) center bottom no-repeat;}
.nav li:hover a{color: #ab9271;}
.nav .ua1{background: url(../img/bg1.jpg) center bottom no-repeat;}
.nav .ua1 a{color: #ab9271;}
.phone{float: right;text-align: right;margin-top: 8px;}
.phone li{margin-top: 5px;}
.phone li img{width: 18px;display: inline-block;vertical-align: top;margin-top: 5px;margin-right: 5px}
.phone li span{display: inline-block;vertical-align: top;color: #000000;font-size: 16px;}
.phone_m{text-align: center;margin-top: 20px;}
.phone_m li{margin-top: 8px;}
.phone_m li img{width: 14px;display: inline-block;vertical-align: top;margin-top: 5px;}
.phone_m li span{display: inline-block;vertical-align: top;color: #000000;font-size: 14px;}
/*banner*/
.banner{margin-top: 110px;}
.banner .swiper-container {width: 100%;}
.banner .swiper-slide {text-align: center;font-size: 18px;background: #fff; display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.banner .swiper-slide img{width: 100%;display: block;}
.banner .swiper-button-next{width: 54px;height: 54px;background: url(../img/left1.png) center no-repeat;
right: 17.5%;bottom: 80px;top: auto;}
.banner .swiper-button-prev{width: 54px;height: 54px;background: url(../img/right1.png) center no-repeat;
right: 14%;bottom: 80px;top: auto;left: auto;}

.banner-phone{display: none}
.banner-phone .swiper-container {width: 100%;}
.banner-phone .swiper-slide {text-align: center;font-size: 18px;background: #fff; display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.banner-phone .swiper-slide img{width: 100%;display: block;}
/*首页关于我们*/
.all1{padding: 0 10%;background: url(../img/bg2.png) center top no-repeat;background-size: 100%;margin-top: 85px;
padding-bottom: 110px;}
.index1{border-bottom: 1px solid #e2d9cd;overflow: hidden;}
.index1 h1{float: left;color: #777777;font-size: 60px;font-weight: bold;}
.index1 h1 span{display: inline-block;vertical-align: top;color: #000000;font-size: 24px;font-weight: normal;
margin-top: 30px;}
.index1 a{float: right;margin-top: 10px;width: 52px;height: 52px;border: 1px solid #c9c9c9;font-size: 18px;text-align: center;line-height: 52px;color: #c9c9c9;font-size: 18px}
.index1 a:hover{background: #ab9271;color: #fff;border: 1px solid #ab9271}
.syabt{margin-top: 78px;position: relative;}
.pic1{width: 12%;position: absolute;left: 0;bottom: 10%;}
.pic1 img{width: 100%;display: block;}
.syabt1{width: 83%;float: right;position: relative;padding-bottom: 150px;}
.syabt2{width: 43%;float: right;position: relative;cursor: pointer;}
.syabt2 .ua2{width: 100%;display: block;}
.syabt2 .ua2a{width:80px;display: block; position: absolute;top: 50%;left: 50%;margin-left: -40px;margin-top: -60px;}
.syabt2 h1{text-align: right;color: #000000;margin-top: 24px;}
.syabt2 h1 span{display: inline-block;vertical-align: top;color: #e5e5e5;margin-right: 15px;}
.syabt3{width: 65%;position: absolute;bottom: 0;left: 0;}
.syabt3 h1{color: #ab9271;font-size: 36px;}
.syabt3a{background: #fdfaf6;margin-top: 35px;padding: 10%;}
.syabt3a h2{color: #000000;font-size: 24px;}
.syabt3a p{color: #000000;font-size: 16px;line-height: 40px;height: 120px;overflow: hidden;margin-top: 35px;}
.syabt3a a{display: block;width: 200px;line-height: 50px;border: 1px solid #ab9271;text-align: center;margin-top: 60px;
background: url(../img/icon4.png) 145px center no-repeat;background-size: 17px}
.syabt3a a span{display: inline-block;vertical-align: top;color: #ab9271;font-size: 18px;letter-spacing: 2px;}
/*.syabt3a a img{display: inline-block;vertical-align: top;width: 17px;margin-top: 19px;}*/
.syabt3a a:hover{background: #926b53 url(../img/icon4a.png) 145px center no-repeat;background-size: 17px}
.syabt3a a:hover span{color: #fff}
/*关于我们视频弹出框*/
.demo1{width: 100%;height: 100%;background: rgba(0,0,0,0.7);position: fixed;top: 0;left: 0;z-index: 9999;display: none;}
.video{width: 700px;height: 500px;position: absolute;top: 50%;margin-top: -250px;left: 50%;margin-left: -350px;}
.video video{width: 100%;height: 100%;display: block;object-fit: fill;}
.close1{cursor: pointer;width: 40px;position: absolute;top: 20%;right: 28%;}
.close1 img{width: 100%;display: block;}
.active1{overflow: hidden;}
/*有什么特点*/
.special{width: 100%;background: #e9d0b5;text-align: center;padding-top: 60px;padding-bottom: 85px;}
.special h2{color: #fff;font-size: 36px;}
.special ul{margin-top: 70px;}
.special ul li{display: inline-block;vertical-align: top;margin: 0 3%;transition:All 0.4s ease-in-out;
 -webkit-transition:All 0.4s ease-in-out;
 -moz-transition:All 0.4s ease-in-out;
 -o-transition:All 0.4s ease-in-out;}
.special ul li h1{color: #fff;font-size: 24px;margin-top: 5px;}
.special ul li:hover{transform:translate(0,-10px);-webkit-transform:translate(0,-10px);-moz-transform:translate(0,-10px);
 -o-transform:translate(0,-10px);
 -ms-transform:translate(0,-10px);transform: scale(1.1);}
/*首页肤色植入过程*/
.all2{padding: 0 10%;background: #f8f8f8;padding-top: 105px;padding-bottom: 120px;}
.index2{overflow: hidden;}
.index2 ul{float: left;}
.index2 ul h1{color: #ddb38b;font-size: 60px;font-weight: bold;}
.index2 ul span{color: #000000;font-size: 24px;}
.index2 a{float: right;}
.index2 a img{display: block;}
.syline{overflow: hidden;margin-top: 45px;}
.syline1{width: 69%;float: left;overflow: hidden;}
.syline1 li{width: 24.2%;float: left;margin-left: 1%;}
.pic2{position: relative;overflow: hidden;}
.pic2 .ua3{width: 100%;display: block;}
.syline1a{text-align: center;line-height: 100px;color: #fff;font-size: 24px;font-weight: bold;
background: #e7be99 url(../img/bg4.png) center top no-repeat;background-size: auto 100%;}

.syline1 li:nth-of-type(2) .syline1a{background: #e7be99 url(../img/bg4a.png) center top no-repeat;background-size: auto 100%;}
.syline1 li:nth-of-type(3) .syline1a{background: #e7be99 url(../img/bg4b.png) center top no-repeat;background-size: auto 100%;}
.syline1 li:nth-of-type(4) .syline1a{background: #e7be99;}

.hide1{width: 100%;height: 100%;position: absolute;top: 100%;left: 0;background: rgba(200,151,105,0.85);
transition:All 0.4s ease-in-out;}
.hide1 img{display: block;margin: auto;padding-top: 90px;}
.hide1 p{width: 80%;margin: auto;color: #fff;line-height: 36px;height: 144px;overflow: hidden;margin-top: 25px;}
.syline1 li:hover .hide1{top: 0;}
.syline1 li:nth-of-type(1){margin-left: 0;}
.syline2{width: 23%;float: right;position: relative;}
.syline2 img{width: 100%;display: block;}
.syline2 h1{width: 100%;height: 80px;background: rgba(0,0,0,0.35);color: #fff;font-size: 18px;text-align: center;line-height: 80px;
overflow: hidden;position: absolute;bottom: 0;left: 0;transition:All 0.4s ease-in-out;}
.syline2a{position: absolute;top: 12%;left: 12%;overflow: hidden;transition:All 0.4s ease-in-out;}
.syline2a h2{color: #ddb38b;font-size: 30px;writing-mode:tb-rl;float: left;letter-spacing: 8px;}
.syline2a p{color: #fff;font-size: 18px;writing-mode:tb-rl;float: left;letter-spacing: 3px;}
.hide2{width: 100%;height: 100%;background: rgba(0,0,0,0.65);position: absolute;top: -100%;left: 0;transition:All 0.4s ease-in-out;}
.hide2a{width: 85%;margin: auto;overflow: hidden;padding-top: 10%;}
.hide2a h3{color: #ddb38b;font-size: 30px;width: 35px;float: left;}
.hide2a p{color: #fff;font-size: 18px;float: left;letter-spacing: 2px;width: 22px;margin-top: 3px;}
.hide2b{width: 85%;margin: auto;margin-top: 30px;}
.hide2b h2{color: #fff;font-size: 18px;margin-bottom: 5px;}
.hide2b li{color: #ffffff;line-height: 30px;height: 30px;overflow: hidden;}
.syline2:hover .hide2{top: 0;}
.syline2:hover .syline2a{opacity: 0;}
.syline2:hover h1{bottom: -100%;}
/*纹色案例*/
.all3{background: #e9d0b5;padding: 145px 0;}
.sycase{width: 1540px;margin: auto;position: relative;}
.sycase .swiper-container {width: 100%;}
.sycase .swiper-slide {display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;
display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;
justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;
align-items: center;}
.sycase .swiper-button-next{width: 27px;height: 50px;background: url(../img/left2.png) center no-repeat;
left: 0;bottom: 160px;top: auto;opacity: 0.5}
.sycase .swiper-button-next:hover{opacity: 1}
.sycase .swiper-button-prev{width: 27px;height: 50px;background: url(../img/right2.png) center no-repeat;
right: 0;bottom: 160px;top: auto;left: auto;opacity: 0.5}
.sycase .swiper-button-prev:hover{opacity: 1}
.sycase1{width: 1245px;margin: auto;overflow: hidden;}
.pic3{width: 623px;float: left;}
.pic3 img{width: 100%;display: block;}
.sycase2{width: 570px;float: right;margin-top: 245px;}
.sycase2 h1{width: 321px;height: 188px;background: url(../img/bg5.png) center top no-repeat;
text-align: center;line-height: 188px;color: #fff;font-size: 20px;background-size: 100%;}
.index3{width: 570px;position: absolute;top: 0;right: 153px;border-bottom: 1px solid #a3917e;line-height: 60px;padding-bottom: 20px;}
.index3 h1{color: #fff;font-size: 60px;font-weight: bold;}
.index3 h1 span{color: #fff;font-size: 24px;font-weight: normal;}
.index3a{padding-bottom: 20px;display: none;text-align: center;line-height: 25px}
.index3a h1{color: #fff;font-size: 30px;font-weight: bold;}
.index3a h1 span{color: #fff;font-size: 14px;font-weight: normal;}
.index3a_m{padding-bottom: 20px;display: none;text-align: center;line-height: 25px}
.index3a_m h1{color: #000;font-size: 30px;font-weight: bold;}
.index3a_m h1 span{color: #000;font-size: 14px;font-weight: normal;}
.pic6a{display: none}
.pic6a img{width: 100%;display: block;}
/*.pic6 img{width: 100%;display: block;}*/
/*首页新闻*/
.all4{width: 1380px;margin: auto;background: #e9d0b5;margin-top: 60px;padding-bottom: 230px;position: relative;}
.pic4{width: 1200px;-moz-box-shadow:2px 2px 5px rgba(0,0,0,0.2); -webkit-box-shadow:2px 2px 5px rgba(0,0,0,0.2); box-shadow:2px 2px 5px rgba(0,0,0,0.2);}
.pic4 img{display: block;width: 100%;height: 585px}
.synews{width: 1200px;overflow: hidden;margin-top: 85px;}
.synews1{width: 685px;float: right;margin-right: 75px;}
.synews1 h1{color: #000000;font-size: 20px;height: 25px;line-height: 25px;overflow: hidden;}
.synews1 span{display: block;color: #000000;font-size: 12px;margin-top: 20px;}
.synews1 p{line-height: 25px;height: 75px;font-size: 12px;overflow: hidden;color: #000000;margin-top: 35px;}
.icon1{position: absolute;left: 36px;bottom: 52px;}
.icon1 img{display: block;}
.all4 .swiper-button-next{width: 25px;height: 25px;background: url(../img/left3.png) center no-repeat;
left: 438px;bottom: 125px;top: auto;}
.all4 .swiper-button-next:hover{background: url(../img/left3a.png) center no-repeat;}
.all4 .swiper-button-prev{width: 25px;height: 25px;background: url(../img/right3.png) center no-repeat;
right: 825px;bottom: 125px;top: auto;left: auto;}
.all4 .swiper-button-prev:hover{background: url(../img/right3a.png) center no-repeat;}
.all4 .swiper-pagination{position: absolute;bottom: 129px;left: 482px;width: auto;}
.index4{width: 1200px;position: absolute;top: 110px;left: 0;text-align: center;z-index: 99;}
.index4 h1{color: #fff;font-size: 50px;font-weight: bold;}
.index4 span{display: block;color: #000000;font-size: 20px;margin-top: 30px;}
.index4 p{font-size: 18px;margin-top: 40px;letter-spacing: 4px;}
.index4 a{width: 50px;margin: auto;display: block;margin-top: 100px;}
.index4 a img{width: 100%;display: block;}
.index5{width: 290px;position: absolute;top: 0;right: 0;z-index: 99;}
.index5 img{width: 100%;display: block;}
.partner{width: 100%;height: 300px;background: url(../img/bg6.jpg) left top no-repeat;margin-top: 84px;}
.partner1{width: 1380px;margin: auto;overflow: hidden;}
.partner2{width: 620px;float: right;text-align: center;}
.index6{padding-top: 50px;}
.index6 h1{color: #ffffff;opacity: .7;font-size: 28px;font-weight: bold;}
.index6 span{display: block;color: #ffffff;opacity: .7;font-size: 16px;font-weight: lighter;}
.partner2a{margin-top: 30px;}
.partner2a li{display: inline-block;vertical-align: top;font-size: 0;margin: 0 20px;}
.partner2a li img{display: block;}
/*foot*/
.foot{width: 100%;background: #333333;padding-top: 88px;}
.foot1{width: 1390px;margin: auto;overflow: hidden;border-bottom: 1px solid #3f3f3f;padding-bottom: 70px;}
.foot2{width: 480px;float: left;}
.foot2a{background: url(../img/bg7.jpg) 12px bottom no-repeat;padding-bottom: 55px;}
.foot2a img{display: block;}
.foot2 ul{margin-top: 40px;line-height: ;}
.foot2 ul li{color: #ffffff;opacity: .3;}
.foot3{width: 600px;float: right;}
.index7{text-align: right;}
.index7 h1{color: #fff;opacity: .7;font-size: 28px;font-weight: bold;}
.index7 p{color: #ffffff;font-size: 16px;opacity: .7;}
.form1{border-bottom: 1px solid #444444;height: 38px;margin-top: 22px;}
.form1 input{width: 100%;height: 100%;display: block;color: #888888;font-size: 12px;font-weight: lighter;background: none;outline: none;}
.form1 input::-webkit-input-placeholder{color: #888888;}
.form2{border-bottom: 1px solid #444444;margin-top: 22px;height: 80px;}
.form2 textarea{width: 100%;height: 100%;display: block;background: none;font-size: 12px;font-weight: lighter;color: #888888;outline: none;}
.form3{margin-top: 40px;}
.form3a{/*width: 120px;*/height: 40px;border: 1px solid #444444;float: left;}
.form3a input{width: 120px;padding-left: 45px; height: 100%;display: block;background: url(../img/over1.png) 30px center no-repeat;cursor: pointer;color: #949494;}
.form3a input:hover{background: #fff url(../img/over1a.png) 30px center no-repeat;color: #949494;}
.form3b{float: right;margin-top: 10px;}
.form3b li{display: inline-block;vertical-align: top;margin-left: 20px;cursor: pointer;position: relative;}
.form3b li .ua4{width: 16px;display: block;}
.form3b li dt{position: relative;}
.form3b li dt .ua4a{width: 16px;position: absolute;top: 0;left: 50%;margin-left: -8px;opacity: 0;transition:All 0.2s ease-in-out;}
.form3b li dt:hover .ua4a{opacity: 1}
.form3b li .ewm{width: 80px;position: absolute;top: -90px;left: 50%;margin-left: -40px;display: none;}
.form3b li:hover .ewm{display: block;}
.foot4{width: 1390px;margin: auto;height: 70px;line-height: 70px;overflow: hidden;}
.foot4 p{float: left;color: #ffffff;font-size: 12px;opacity: .2;}
.foot4 ul{float: right;}
.foot4 a{/*float: right;*/color: #ffffff;font-size: 12px;opacity: .2;}
/*关于我们*/
.banner1{margin-top: 110px;}
.banner1 img{width: 100%;display: block;}
.list{text-align: center;height: 112px;line-height: 112px;background: url(../img/bg10.jpg) center 100px no-repeat;
background-size: 100% 1px;}
.list li{display: inline-block;vertical-align: top;margin: 0 50px;}
.list li a{display: block;color: #000000;font-size: 16px;}
.list li:hover a{color: #ddb38b;}
.list li:hover{background: url(../img/bg9.png) center bottom no-repeat;}
.list .ua5{background: url(../img/bg9.png) center bottom no-repeat;}
.list .ua5 a{color: #ddb38b;}
.all5{width: 1500px;margin: auto;margin-top: 138px;position: relative;}
.pic5{width: 1000px;float: right;}
.pic5 img{width: 100%;display: block;}
.index8{width: 100%;text-align: center;color: #e6e6e6;font-size: 88px;font-weight: bolder;letter-spacing: 18px;line-height: 88px;
position: absolute;left: 0;top: -55px;}
.about{width: 750px;background: #fff;position: absolute;top: 80px;left: 0;
-moz-box-shadow:-5px 5px 5px rgba(0,0,0,0.1); 
-webkit-box-shadow:-5px 5px 5px rgba(0,0,0,0.1); 
box-shadow:-5px 5px 5px rgba(0,0,0,0.1);border-top: 1px solid #fcfcfc;padding-bottom: 90px;}
.about1{width: 615px;margin: auto;padding-top: 110px;}
.about1a{color: #ab9271;font-size: 36px;border-bottom: 1px solid #f3e4d7;padding-bottom: 8px;}
.about1b{color: #000000;font-size: 24px;margin-top: 50px;}
.about1c{color: #000000;font-size: 16px;line-height: 35px;margin-top: 30px;}

.index9-hxl{width: 100%;text-align: center;}
.index9-hxl h1{color: #ddb38b;font-size: 60px;font-weight: bold;}
.index9-hxl span{display: block;color: #000000;font-size: 30px;}
.huanj{padding-top: 120px;}
.huanj1{width: 1500px;margin: auto;margin-top: 60px;position: relative;}
.huanj1 .swiper-container{width: 100%;margin: auto;}
.huanj1 .swiper-slide img{display: block;margin: auto;width: 100%;transition: all 0.5s;}
.huanj1 .swiper-button-next{width: 33px;height: 33px;background:url(../img/right1.png) center no-repeat;background-size: 100% 100%;
position: absolute;top: 50%;margin-top: -25px;right: 0;z-index: 999;outline: none;cursor: pointer;border: 1px solid #b5b5b5;}
.huanj1 .swiper-button-prev{width: 33px;height: 33px;background:url(../img/left1.png) center no-repeat;background-size: 100% 100%;
position: absolute;top: 50%;margin-top: -25px;left: 0;z-index: 999;outline: none;cursor: pointer;border: 1px solid #b5b5b5;}





/*创始人*/
.all6{width: 100%;background: url(../img/bg11.jpg) center top no-repeat,url(../img/bg13.png) left bottom no-repeat;
margin-top: 90px;padding-top: 180px;position: relative;padding-bottom: 60px;}
.index9{width: 100%;text-align: center;position: absolute;top: 120px;left: 0;z-index: 99;}
.index9 h1{color: #ddb38b;font-size: 88px;font-weight: bold;letter-spacing: 20px;}
.index9 span{display: block;color: #000000;font-size: 36px;}
.all6a{width: 1500px;margin: auto;}
.all6a li{position: relative;margin-top: 240px;}
.pic6{width: 540px;float: left;position: relative;}
.pic6 .eu{width: 100%;display: block;}

.hide2m{width: 100%;height: 100%;background: rgba(0,0,0,0.65);position: absolute;top: 0;left: 0;transition:All 0.4s ease-in-out;display: none}
.hide2ma{width: 85%;margin: auto;overflow: hidden;padding-top: 10%;}
.hide2ma h3{color: #ddb38b;font-size: 30px;width: 35px;float: left;}
.hide2ma p{color: #fff;font-size: 18px;float: left;letter-spacing: 2px;width: 22px;margin-top: 3px;}
.hide2mb{width: 85%;margin: auto;margin-top: 100px;}
.hide2mb h2{color: #fff;font-size: 18px;margin-bottom: 5px;}
.hide2mb dt{color: #ffffff;line-height: 30px;height: 30px;overflow: hidden;}

.founder{width: 1010px;background: #fff;position: absolute;top: 140px;right: 0;
-moz-box-shadow: 6px 6px 15px rgba(0,0,0,0.1); -webkit-box-shadow: 6px 6px 15px rgba(0,0,0,0.1);
box-shadow: 6px 6px 15px rgba(0,0,0,0.1);min-height: 650px;}
.founder1{width: 870px;margin: auto;padding-top: 100px;padding-bottom: 100px;}
.founder1 h1{color: #ddb38b;font-size: 24px;}
.founder1a{color: #000000;font-size: 16px;line-height: 35px;margin-top: 25px;}
.all6a li:nth-of-type(1){margin-top: 0;}
.all6a li:nth-of-type(2n) .pic6{float: right;}
.all6a li:nth-of-type(2n) .founder{position: absolute;top: -90px;right: auto;left: 0;
-moz-box-shadow: -6px 6px 15px rgba(0,0,0,0.1); -webkit-box-shadow: -6px 6px 15px rgba(0,0,0,0.1);
box-shadow: -6px 6px 15px rgba(0,0,0,0.1);}
.icon2{position: absolute;bottom: -40px;right: -75px;}
.icon2 img{display: block;}
.icon3{position: absolute;top: 0;left: 0;width: 100%;height: 100%}
.icon3 img{position: absolute;bottom: 60px;left: -30px;cursor: pointer;}
.icon3:hover .hide2m{display: block;}
.float{bottom: 200px;right: 20px;z-index: 999;border-radius: 3px;/*overflow: hidden;*/
position: fixed;}
.float li{width: 100px;height: 100px;background: #ddb38b;margin-top: 1px;position: relative;}
.float li .ua6{width: 29px;display: block;margin: auto;padding-top: 34px;}
.float li .ewm1{width: 100%;height: 100%;position: absolute;top: 0;left: 0;opacity: 0;transition:All 0.4s ease-in-out;}
.float li:hover .ewm1{opacity: 1;}
.float li h1{height: 100px;background: #ddb38b;position: absolute;top: 0;left: 120%;color: #fff;line-height: 100px;font-size: 20px;padding: 0 20px;
	transition:All 0.2s ease-in-out;overflow: hidden;}
.float li:hover h1{left: -340%;}
.float li h3{height: 100px;background: #ddb38b;position: absolute;top: 0;left: 120%;color: #fff;line-height: 100px;font-size: 20px;padding: 0 20px;
	transition:All 0.2s ease-in-out;overflow: hidden;}
.float li:hover h3{left: -147%;}
.float li h2{width: 100px;height: 100px;transition:All 0.2s ease-in-out;position: absolute;top: 0;left: 120%;overflow: hidden;}
.float li:hover h2{left: -100%;}
/*纹色案例*/
.case{width: 1300px;margin: auto;overflow: hidden;margin-top: 50px;}
.case li{width: 400px;float: left;text-align: center;margin-top: 30px;margin-left: 50px;}
.pic7{width: 100%;height: 270px;}
.pic7 img{width: 100%;height: 100%;display: block;}
.case li h1{height: 77px;line-height: 77px;overflow: hidden;color: #000000;font-size: 16px;}
.case li:hover h1{color: #ddb38b;}
.case li:nth-of-type(3n-2){margin-left: 0;}
.fenye{margin-top: 70px;margin-bottom: 100px;}
.fenye img{display: block;margin: auto;}
/*纹色案例详情*/
.all7{width: 1320px;margin: auto;margin-top: 80px;margin-bottom: 90px;}
.title1{border-bottom: 1px solid #e5e5e5;text-align: center;padding-bottom: 15px;position: relative;}
.title1 h1{width: 1115px;margin: auto;color: #000000;font-size: 18px;}
.back{position: absolute;top: 0;right: 60px;width: 30px;}
.back img{width: 100%;display: block;}
.content1{width: 1200px;margin: auto;color: #000000;line-height: 30px;margin-top: 20px;}
.content1 img{max-width: 100%;}
.content1 h1{color: #ddb38b;font-size: 20px;}
.content1 img{max-width: 100%;}
.xyp{padding: 0 60px;border-top: 1px solid #e5e5e5;padding-top: 15px;margin-top: 40px;}
.xyp li{height: 30px;line-height: 30px;overflow: hidden;}
.xyp li a{color: #000000;display: block;}
.xyp li:hover a{color: #ddb38b;}
/*联系我们*/
.contact{text-align: center;margin-top: 100px;}
.contact li{display: inline-block;vertical-align: top;line-height: 60px;margin: 0 30px;}
.contact li img{display: inline-block;vertical-align: top;}
.contact li p{display: inline-block;vertical-align: top;color: #000000;font-size: 16px;margin-left: 15px;}
.map{width: 1620px;margin: auto;overflow: hidden;margin-top: 40px;}
.map1{width: 800px;height: 560px;float: left;}
.map1 img{width: 100%;height: 100%;display: block;}
.map .map1:nth-of-type(2){float: right;}
.all8{width: 100%;background: #fafafa;margin-top: 20px;padding: 85px 0;}
.all8a img{display: block;margin: auto;}
.all8a h1{color: #000000;font-size: 24px;text-align: center;margin-top: 15px;}
.all8b{width: 1440px;margin: auto;overflow: hidden;}
.all8b li{width: 576px;height: 180px;background: #fff;padding: 0 62px;float: left;margin-top: 30px;line-height: 35px;}
.all8b li h1{color: #ddb38b;font-size: 20px;font-weight: bold;padding-top: 40px;}
.all8b li:nth-of-type(2){float: right;}
.all8b li span{color: #ddb38b;}
/*白癜风资讯*/
.news{width: 1320px;margin: auto;overflow: hidden;}
.news li{width: 640px;float: left;background: #fafafa;margin-top: 60px;padding-bottom: 30px;transition:All 0.2s ease-in-out;}
.pic8{width: 100%;height: 312px;}
.pic8 img{width: 100%;height: 100%;display: block;}
.news1{width: 575px;margin: auto;padding-top: 25px;}
.news1 h1{color: #000000;font-size: 18px;height: 25px;line-height: 25px;overflow: hidden;transition:All 0.2s ease-in-out;}
.news1 p{color: #484848;line-height: 25px;height: 50px;overflow: hidden;margin-top: 20px;transition:All 0.2s ease-in-out;}
.news1 ul{overflow: hidden;margin-top: 35px;background: url(../img/bg14.png) right center no-repeat;transition:All 0.2s ease-in-out;}
.news1 ul h2{float: left;color: #484848;font-size: 36px;font-weight: bold;transition:All 0.2s ease-in-out;}
.news1 ul span{float: left;color: #484848;font-size: 12px;margin-top: 22px;margin-left: 10px;transition:All 0.2s ease-in-out;}
.news li:nth-of-type(2n){float: right;}
.news li:hover{background: #ddb38b;}
.news li:hover .news1 h1{color: #fff;}
.news li:hover .news1 p{color: #fff;}
.news li:hover .news1 ul{background: url(../img/bg14a.png) right center no-repeat;}
.news li:hover .news1 ul h2{color: #fff;}
.news li:hover .news1 ul span{color: #fff;}
/*白癜风资讯详情*/
.time{position: absolute;top: -15px;left: 60px;overflow: hidden;}
.time h2{float: left;font-size: 36px;font-weight: bold;}
.time span{float: left;font-size: 12px;margin-top: 23px;margin-left: 10px;}
/*肤色植入过程*/
.process{width: 100%;background: url(../img/bg15.jpg) center top no-repeat;margin-top: 130px;padding-top: 50px;
padding-bottom: 65px;position: relative;}
.process1{text-align: center;font-size: 24px;}
.process2{width: 880px;margin: auto;line-height: 35px;margin-top: 40px;}
.process2 img{max-width: 100%;display: block;}
.index10{width: 500px;position: absolute;top: -65px;left: 50%;margin-left: -250px;text-align: center;
color: #ddb38b;font-size: 88px;font-weight: bold;letter-spacing: 20px;}
.all9{width: 100%;background: url(../img/bg16.png) right 250px no-repeat;}
.step{width: 1245px;margin: auto;background: url(../img/bg17.jpg) center top no-repeat;padding-top: 80px;padding-bottom: 210px;}
.step li{padding-top: 90px;}
.pic9{width: 350px;float: left;margin-left: 175px;-moz-box-shadow:-5px 10px 15px rgba(0,0,0,0.1); 
-webkit-box-shadow:-5px 10px 15px rgba(0,0,0,0.1); 
box-shadow:-5px 10px 15px rgba(0,0,0,0.1);}
.pic9 img{width: 100%;display: block;}
.step1{float: right;width: 665px;margin-top: 140px;}
.step1 h1{float: left;color: #ddb38b;font-size: 24px;line-height: 70px;}
.step1 img{float: left;margin-left: 48px;}
.step1 p{width: 430px;float: right;color: #000000;line-height: 30px;}
.step li:nth-of-type(2n) .pic9{float: right;-moz-box-shadow: 6px 6px 15px rgba(0,0,0,0.1); -webkit-box-shadow: 6px 6px 15px rgba(0,0,0,0.1);
box-shadow: 6px 6px 15px rgba(0,0,0,0.1);}
.step li:nth-of-type(2n) .pic9{margin-left: 0;margin-right: 175px;}
.step li:nth-of-type(2n) .step1{float: left;}
.step li:nth-of-type(2n) .step1 p{float: left;}
.step li:nth-of-type(2n) .step1 h1{float: right;}
.step li:nth-of-type(2n) .step1 img{float: right;margin-left: 0;margin-right: 45px;}
/*研发成果*/
.all10{width: 100%;background: url(../img/bg18.jpg) center top no-repeat,url(../img/bg19.png) left bottom no-repeat;
padding-top: 40px;}
.index11{text-align: center;}
.index11 h1{color: #ffffff;font-size: 88px;font-weight: bolder;letter-spacing: 20px;}
.index11 span{display: block;color: #ffffff;font-size: 24px;}
.patent{width: 1045px;margin: auto;height: 1188px;position: relative;padding-top: 40px;}
.patent li{position: relative;}
.patent1{width: 480px;float: right;margin-top: 160px;}
.patent1 h1{overflow: hidden;}
.patent1 h1 img{float: left;}
.patent1 h1 span{color: #ddb38b;font-size: 32px;float: left;margin-left: 10px;}
.patent1 ul{line-height: 35px;margin-top: 30px;}
.patent1 h2{font-size: 18px;}
.pic10{width: 480px;position: absolute;top: 0;left: 0;}
.pic10 img{width: 100%;height: 100%;display: block;}
.pic10 h1{width: 120px;height: 1px;background: url(../img/bg20.png) center no-repeat;position: absolute;
top: 185px;right: -60px;}
.patent li:nth-of-type(2n) .patent1{float: left;}
.patent li:nth-of-type(2n) .pic10{left: auto;right: 0;}
.patent li:nth-of-type(2n) .pic10 h1{right: auto;left: -60px;}
.patent li:nth-of-type(2n) .patent1 h1 img{float: right;}
.patent li:nth-of-type(2n) .patent1 h1 span{float: right;margin-left: 0;margin-right: 10px;}
.patent li:nth-of-type(2n) .patent1 ul{text-align: right;}
.patent li:nth-of-type(2n){margin-top: 80px;}
/*手机导航*/
.sp_nav{width:70px;position:absolute;cursor:pointer;height:40px;top: 32%;right: 1%;display: none;}
.sp_nav span{display:block;background:#000;width:40px;height:3px;position:absolute;right:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:12px}
.sp_nav span:nth-of-type(3){top:24px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.active3{right: 0 !important;}
.nav_phone{width: 60%;height: 100%;z-index: 999;background: rgba(255,255,255,0.9);
position: fixed;top: 0;right: -60%;text-align: center;transition:all 0.4s ease-in-out;}
.nav_phone ul{line-height: 25px;padding-top: 30px;line-height: 40px;padding-top: 20%;}
.nav_phone ul li a{font-size: 20px;color: #474646;}



.huanj1-phone{display: none;width: 94%;margin: auto;position: relative;margin-top: 40px}
.huanj1-phone .swiper-container{width: 100%;margin: auto;}
.huanj1-phone .swiper-slide img{display: block;margin: auto;width: 100%;transition: all 0.5s;}
.huanj1-phone .swiper-button-next{width: 33px;height: 33px;background:url(../img/right1.png) center no-repeat;background-size: 100% 100%;
position: absolute;top: 50%;margin-top: -25px;right: 0;z-index: 999;outline: none;cursor: pointer;border: 1px solid #b5b5b5;}
.huanj1-phone .swiper-button-prev{width: 33px;height: 33px;background:url(../img/left1.png) center no-repeat;background-size: 100% 100%;
position: absolute;top: 50%;margin-top: -25px;left: 0;z-index: 999;outline: none;cursor: pointer;border: 1px solid #b5b5b5;}