@charset "utf-8";
*{box-sizing: border-box; }
/* html{margin:0;padding:0;} */
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,fieldset,lengend,button,input,textarea,th,td{margin:0;padding:0;}
body,button,input,textarea{font:12px Helvetica, Arial, "\5FAE\8F6F\96C5\9ED1",sans-serif,'Microsoft YaHei';border:none; overflow-x:hidden;}
h1{ font-size: 18px; }
h2{ font-size: 16px; }
h3{ font-size: 14px; }
h4,h5,h6{ font-size: 100%; }
small{ font-size: 12px; }
img,input{ vertical-align: middle; border:none; }
ul,ol,li{ list-style: none; }
a{text-decoration:none;outline:none}
a:hover{text-decoration: underline;}
table{border-collapse: collapse;border-spacing: 0;}
body { background:#fff; color:#555; font-size:12px;overflow-x:hidden;}
.clear{height:1px;clear:both;margin-bottom:-1px;overflow:hidden;visibility:hidden;display:block;}
i,em{font-style: normal;}
a{color:#333;cursor:pointer;}
a:hover{text-decoration:none;}
input,button,select{font-family:'Microsoft Yahei';outline: none;font-size:14px; }
button,input[type=button]{cursor: pointer;}
img {image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering: crisp-edges;-ms-interpolation-mode:nearest-neighbor;}
textarea,button,input{outline: none;}


/*clearfix*/
.clearfix{*zoom:1}
.clearfix:before,
.clearfix:after{display:table;content:""}
.clearfix:after{clear:both}

/*设置浮动*/
.fl {float: left;}
.fr {float: right;}
.pr{position: relative;}
.pa{position: absolute;}

/* 宽度 */
.w1200{width:1200px;margin:0 auto;}
.w1400{width:1400px;margin:0 auto;}
.w1560{width:1560px;margin:0 auto;}
@media all and (max-width:1600px){
  .w1560{width:100%;padding:0 2%}
}
@media all and (max-width:1460px){
	.w1400{width:100%;padding:0 2%}
}
@media all and (max-width:1260px){
	.w1200{width:100%;padding:0 2%}
}
@media all and (max-width:768px){
  .w1560{padding:0 3%}
	.w1400{padding:0 3%}
	.w1200{padding:0 3%}
}

/* 弹性布局 */
.c-flex{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.c-flex1{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch;}

/* 图片比例 */
.picScale{ padding-bottom: 60%; overflow: hidden; position: relative; }
.picScale img{ max-width: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); transition: all 0.5s; }
.picScale img:hover{ transform: translate(-50%,-50%) scale(1.1); }

/* 文本溢出 */
.text_clamp1{	overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.text_clamp2{ overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; }
.text_clamp3{ overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; }

.swiper-container{ --swiper-theme-color: #ff6600; --swiper-navigation-color: #00ff33; --swiper-navigation-size: 30px; }

/* PC and Moble */
.pc{ display: block; } 
.m{ display: none; }
@media (max-width: 768px) {
	.pc{ display: none; }
	.m{ display: block; }
}

/* 边距 */
.pd100{padding: 100px 0;}
.pd120{padding: 120px 0;}
.pd150{padding: 150px 0;}
@media (max-width: 1240px) {
	.pd100{padding: 70px 0;}
	.pd120{padding: 80px 0;}
	.pd150{padding: 90px 0;}
}
@media (max-width: 1024px) {
	.pd100{padding: 60px 0;}
	.pd120{padding: 70px 0;}
	.pd150{padding: 80px 0;}
}
@media (max-width: 768px) {
	.pd100{padding: 50px 0;}
	.pd120{padding: 60px 0;}
}
@media (max-width: 480px) {
	.pd100{padding: 40px 0;}
	.pd120{padding: 50px 0;}
	.pd150{padding: 50px 0;}
}

.alltime,.alltime *{ -webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1); }


/************** 导航栏 ***************/
.header{ position: absolute; top: 0; left: 0; width: 100%; z-index: 99; display: flex; flex-wrap: wrap; padding: 38px 0; padding-left: 90px;  }
.header .logo{ width: 240px; }
.header .logo h1{ display: block; }
.header .logo img{ max-width: 100%;  }
.header .head_nav{ width: calc(100% - 240px); display: flex; flex-wrap: wrap; justify-content: center; padding-left: 50px; }
.header .head_nav ul{ width: 100%; max-width: 755px; align-items: flex-start;  }
.header .head_nav ul li{ font-size: 20px; color: #FFFFFF; flex: 1; text-align: center; position: relative; margin: 0 10px; }
/* .header .head_nav ul li::after{ content: ""; display: block; position: absolute; left: 0; bottom: 0px; width: 0; height: 3px; background-color: #FFFFFF; transition: all 0.4s; } */
.header .head_nav ul li::before{ display: block; content: '/'; position: absolute; right: -10px; top: 50%; transform: translateY(-50%); color: #CCCCCC; font-size: 16px; }
.header .head_nav ul li.active,
.header .head_nav ul li:hover{ font-weight: bold; }
/* .header .head_nav ul li.active::after, */
/* .header .head_nav ul li:hover::after{ width: 100%; } */
.header .head_nav ul li a{ color: #FFFFFF; display: block; padding: 5px 0 10px; }
.header .head_nav ul li a span{ display: block; font-size: 14px; padding-top: 5px; }
  .h_mart{ display: none; }
  .head_btn{cursor: pointer; position: absolute; top: 50%; right: 3%; transform: translateY(-50%); padding: 10px; margin-right: -10px; display: none; }
  .head_btn .menuBtn {width: 30px;height: 24px;}
  .head_btn .bar1, .head_btn .bar2, .head_btn .bar3 {width: 30px;height: 2px;background-color: #ccc;margin: 6px 0;transition: 0.4s;}
  .head_btn.change .bar1 {transform: rotate(45deg) translate(5px, 5px);}
  .head_btn.change .bar2 {opacity: 0;}
  .head_btn.change .bar3 {transform: rotate(-45deg) translate(6px, -6px);}
  
  .nei_header{ position: fixed; top: 0; left: 0; width: 100%; padding: 0; background: #FFFFFF; height: 90px; box-shadow: 0 -30px 100px rgba(0,0,0,.15); }
  .nei_header .box{ display: flex; flex-wrap: wrap; align-items: center; }
  .nei_header .logo{ overflow: hidden; }
  .nei_header .logo img{ transform: translateY(-80px); filter: drop-shadow(#c8a062 0 80px); }
  .nei_header .head_nav{ align-items: center; justify-content: flex-end; }
  .nei_header .head_nav ul li{ color: #000000;  }
  .nei_header .head_nav ul li a{ color: #000000;  }
  /* .nei_header .head_nav ul li::after{ background-color: #c8a062; } */
  .nei_header .head_nav ul li.active a,
  .nei_header .head_nav ul li:hover a{color: #C8A062;}
  .nei_hmart{height: 90px; width: 100%;}
  
@media (max-width: 1300px) {
  .nei_header{ height: 80px; }
  .nei_header .logo{width: 200px;}
  .nei_header .head_nav{width: calc(100% - 200px);}
  .nei_hmart{ height: 80px; }
}
@media (max-width: 1100px) {
  .header{ padding: 25px 3%;}
  .header .head_nav ul li{font-size: 18px;}
  
  .nei_header{ height: 70px; padding: 0; }
  .nei_header .logo{width: 180px;}
  .nei_header .head_nav{width: calc(100% - 180px); padding-left: 80px;}
  .nei_header .head_nav ul li{font-size: 16px;}
  /* .nei_header .head_nav ul li::after{height: 2px;} */
  .nei_hmart{ height: 70px; }
}
@media (max-width: 1024px) {
  .header .logo{width: 180px; overflow: hidden; }
  .header .logo img{ transform: translateY(-80px); filter: drop-shadow(#c8a062 0 80px); }
  .header .head_nav{ width: calc(100% - 180px); padding-left: 50px; }
  .header .head_nav ul li a span{font-size: 12px;}
}
@media (max-width: 768px) {
  .header{  padding: 0px 3%; height: 60px; background-color: #FFFFFF; align-items: center; position: fixed; z-index: 9999; }
  .header .logo{width: 150px;  }
  .header .head_nav{ width: calc(100% - 180px); display: none; }
  .h_mart{ display: block; height: 60px; width: 100%;}
  .head_btn{ display: block; }
  
  .nei_header{ height: 60px; padding: 0; }
  .nei_hmart{ height: 60px; }
}


/* 手机版菜单 */
.moble_nav{ padding-top: 140px; padding-bottom: 50px; height: 100%; width: 100%; background-color: rgba(0,0,0,0.8); position: fixed; top: 0; left: 0; z-index: 999; display: none; }
.moble_nav nav{ padding: 0 20px; height: 100%; }
.moble_nav ul{ height: 100%; overflow-y: auto; border-top: 1px solid rgba(100,100,100,0.3); }
.moble_nav ul li{  }
.moble_nav ul li span{ display: block; border-bottom: 1px solid rgba(100,100,100,0.3); overflow: hidden; }
.moble_nav ul li span.icon{ background: url(../images/icon_next1.png) no-repeat right center; background-size: 25px; padding-right: 50%; }
.moble_nav ul li span.icon.cur{ background-image: url(../images/icon_next.png);border-bottom: 1px solid rgba(200, 160, 98, 0.6);}
.moble_nav ul li span a{ padding: 18px 0; display: block; font-size: 18px; font-weight: bold; color: #FFFFFF; }
.moble_nav ul li .subnav{  border-bottom: 1px solid rgba(200, 160, 98, 0.6); padding: 6px 0 10px; display: none;}
.moble_nav ul li .subnav a{ display: block; padding: 10px 0; font-size: 16px; padding-left: 10px; color: #eeeeee;}
@media (max-width:768px){
	.moble_nav{padding-top: 130px;}
}
@media (max-width:480px){
  .moble_nav ul li span a{font-size: 16px;}
}





/*footer*/
.footer{ background: #f1f1f1 url(../images/foot_bg.jpg) no-repeat center / cover; padding: 170px 0 0;}
.footer .wrap{ margin-left: 6%; width: 79.5%;  }
.footer .design{ display: flex; flex-wrap: wrap; justify-content: space-between;  }
.footer .design img{ -webkit-user-drag: none; }
.footer .design .left{ width: 60%;}
.footer .design .left img{ max-width: 100%; }
.footer .design .right{ max-width: 40%; padding-top: 15px; }
.footer .design .right img{ max-width: 100%; }
.footer .foot_lx{ padding-top: 80px; display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: flex-start; }
.footer .foot_lx ul{ padding-right: 200px; }
.footer .foot_lx ul li{ font-size: 16px; color: #000000; line-height: 36px; }
.footer .foot_lx ul .ewmBox{ padding-top: 65px; }
.footer .foot_lx ul .ewmBox .ewm{ width: 95px; text-align: center; }
.footer .foot_lx ul .ewmBox .ewm img{ max-width: 100%; }
.footer .foot_lx ul .ewmBox .ewm p{ padding-top: 5px;font-size: 16px; }
.footer .foot_lx .address{  }
.footer .foot_lx .address p{ line-height: 36px; font-size: 16px; display: flex; flex-wrap: wrap; color: #000000; }
.footer .foot_lx .address i{ display: block; width: 50px; }
.footer .foot_lx .address span{ max-width: calc(100% - 50px); }
.footer .foot_lx .address .share{ padding-top: 65px;  color: #000000; }
.footer .foot_lx .address .share span{ display: block; font-size: 16px; width: 100%; max-width: 100%; padding-bottom: 25px; }
.footer .foot_lx .address .share a{ display: block; width: 50px; height: 50px; border-radius: 50px; background-color: #000000; float: right; margin-left: 15px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }
.footer .foot_lx .address .share a svg{ width: 30px; height: 30px; }
.footer .foot_lx .address .share a:before{display: none;}
.footer .foot_lx .address .share a.wx{ background-color: #333333; }
.footer .foot_lx .address .share a.tw{ background-color: #1cb8eb; }
.footer .foot_lx .address .share a.sn{ background-color: #e20404; }
.footer .foot_lx .address .share .wechat-qrcode .help p{ display: block; font-size: 12px; text-align: center; color: #666666;}
.footer .foot_copy{padding-top: 100px; padding-bottom: 30px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start;}
.footer .foot_copy p{ display: inline-block; color: #000000; opacity: 0.6; font-size: 16px; }
.footer .foot_copy .copy{}
.footer .foot_copy .desi{}

.nei_footer{ padding-top: 120px; }
.nei_footer .wrap{margin: 0 auto; width: 94%; max-width: 1400px; }
@media screen and (max-width: 1680px) and (min-width: 760px) {
  .footer .wrap{ width: 88.5%; }
}
@media (max-width: 1640px) {
  .footer .wrap{ width: 88.5%; }
  .nei_footer .wrap{ width: 94%; }
}
@media (max-width: 1440px) {
  .footer{padding-top: 130px;}
  .nei_footer{padding-top: 110px;}
}
@media (max-width: 1200px) {
  .footer{padding-top: 90px;}
  .footer .foot_lx ul .ewmBox{padding-top: 45px;}
  .footer .foot_lx .address .share{padding-top: 45px;}
  .footer .foot_copy{padding-top: 70px;}
}
@media (max-width: 1000px) {
  .footer{padding-top: 70px;}
  .footer .design .left{width: 50%;}
  .footer .design .right{max-width: 30%;}
  .footer .foot_lx{padding-top: 60px;}
  .footer .foot_lx ul{padding-right: 100px;}
  .footer .foot_lx ul li{font-size: 14px;line-height: 28px;}
  .footer .foot_lx ul .ewmBox{padding-top: 35px;}
  .footer .foot_lx ul .ewmBox .ewm{width: 70px;}
  .footer .foot_lx ul .ewmBox .ewm p{font-size: 14px;}
  .footer .foot_lx .address p{font-size: 14px; line-height: 28px;}
  .footer .foot_lx .address .share{padding-top: 35px;}
  .footer .foot_lx .address .share span{font-size: 14px;}
  .footer .foot_lx .address .share a{width: 35px;height: 35px;}
  .footer .foot_lx .address .share a svg{ width: 20px; height: 20px; }
  .footer .foot_lx .address .share span{ padding-bottom: 15px;}
  .footer .foot_copy{padding-top: 50px;}
  .footer .foot_copy p{font-size: 14px;}
}
@media (max-width: 640px) {
  .footer{padding-top: 50px;}
  .footer .design .left{width: 60%;}
  .footer .foot_lx{padding-top: 40px;}
  .footer .foot_lx ul{width: 100%; padding-right: 0; text-align: ;}
  .footer .foot_lx ul li{line-height: 26px; text-align: center;}
  .footer .foot_lx ul .ewmBox{padding-top: 15px; text-align: center;}
  .footer .foot_lx ul .ewmBox .ewm{display: inline-block;}
  .footer .foot_lx .address{width: 100%; padding-top: 10px; text-align: center;}
  .footer .foot_lx .address p{line-height: 26px;justify-content: center;}
  .footer .foot_lx .address i{width: 43px;}
  .footer .foot_lx .address .share{padding-top: 15px;}
  .footer .foot_lx .address .share span{width: 100%; max-width: 100%;}
  .footer .foot_lx .address .share a{float: none; margin-left: 7px; margin-right: 7px; display: inline-flex;}
  .footer .foot_lx .address .share a{width: 30px;height: 30px;}
  .footer .foot_lx .address .share a svg{ width: 15px; height: 15px; }
  .footer .foot_copy{padding-top: 30px; padding-bottom: 15px;display: block;}
  .footer .foot_copy p{font-size: 12px; display: inline; line-height: 22px; padding-right: 5px;}
}




/* 预约上门 */
.ser_make{ padding: 100px 0; background: url(../images/xingdong-bg.jpg); }
.ser_make .wrap{ padding: 0 5%; }
.ser_make .tit{ padding-bottom: 20px; }
.ser_make .tit h3{ font-size: 42px; color: #000000; margin-bottom: 10px; }
.ser_make .tit p{ font-size: 16px; color: #222; }
.ser_make .form{ display: flex; flex-wrap: wrap; }
.ser_make .form .input{ margin-right: 15px; width: 240px; height: 40px; padding: 0 10px; font-size: 16px; }
.ser_make .form .btn{ background-color: #000000; color: #FFFFFF; height: 40px; padding: 0 25px; }
.ser_make .tp{ font-size: 16px; color: #222; padding-top: 20px; }
@media(max-width:1240px){
  .ser_make{ padding: 80px 0; }
  .ser_make .wrap{ padding: 0 5.75%; }
  .ser_make .tit h3{ font-size: 32px; }
  .ser_make .tit p{ font-size: 14px; }
  .ser_make .tp{ font-size: 14px; }
}
@media(max-width:1024px){
  .ser_make{ padding: 60px 0; }
  .ser_make .form .input{width: 200px;}
  .ser_make .form .btn{padding: 0 15px;}
}
@media(max-width:768px){
  .ser_make{ padding: 40px 0; }
  .ser_make .tit h3{font-size: 26px;}
}
@media(max-width:640px){
  .ser_make .tit h3{font-size: 24px;}
  .ser_make .form .input{margin-right: 0; width: 90%; margin-bottom: 15px;}
  .ser_make .tp{line-height: 24px;}
}

/* 右侧 */
.fix-right{position:fixed;right:0;top:50%;z-index:999;display:none;box-shadow:0 0 6px 0 rgba(71,71,71,0.17);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.fix-right .con{display:block;position:relative;border-bottom:1px solid rgba(255,255,255,.3)}
.fix-right .ico{width:70px;height:70px;display:block;position:relative;z-index:2;background-color:#111;background-position:center;background-repeat:no-repeat;-o-background-size:100% auto;-ms-background-size:100% auto;-moz-background-size:100% auto;-webkit-background-size:100% auto;background-size:100% auto}
.fix-right .con:hover .ico{background-color:#C8A062}
.fix-right .txt{position:absolute;top:0;height:70px;padding-right:70px;width:320px;right:-320px;background-color:#C8A062;line-height:70px;color:#fff;text-align:center;font-size:20px;border-radius:7px 0 0 7px;transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;-o-transition:.5s}
.fix-right .con:hover .txt{right:0}
.fix-right .con:hover .qr{right:75px}
.fix-right .qr{position:absolute;width:120px;height:120px;padding:10px;right:-130px;top:0;background-color:#C8A062;border-radius:7px;transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;-o-transition:.5s}
.fix-right .qr img{width:100%;height:100%}
.fix-right .tel .ico{border-radius:10px 0 0 0;background-image:url(../images/fix-2.png)}
.fix-right .liu .ico{background-image:url(../images/fix-3.png)}
.fix-right .weix .ico{background-image:url(../images/fix-4.png)}
.fix-right .top .ico{border-radius:0 0 0 10px;background-image:url(../images/fix-5.png)}
.fix-right .top{border-bottom:0}
.fix-right .kefu .txt{width:198px}
.fix-right .kefu .ico{background-image:url(../images/fix-1.png)}
@media only screen and (max-width:1199px){
  /* .fix-right{ display:none!important; } */
  .fix-right .ico{ width: 50px; height: 50px; }
  .fix-right .txt{ line-height: 50px; height: 50px; padding-right: 50px; width: 200px;}
  .fix-right .con:hover .qr{right:55px}
  .fix-right .qr{width:100px;height:100px;padding: 5px;}
}