*{margin:0;padding: 0;border: 0;box-sizing: initial;}
body{font-family: "microsoft yahei";margin:0 auto;font-size: 14px;background: #fff;width: 96.6%;position: relative;overflow-x:hidden;}
ul{list-style: none;}
a{text-decoration: none;cursor: url("../images/dpp/pointer.ico"/*tpa=/images/dpp/pointer.ico*/),pointer;}
a:hover{text-decoration: none;}
body,select,input{cursor:url("../images/dpp/auto.ico"/*tpa=/images/dpp/auto.ico*/),auto;}
button{cursor:url("../images/dpp/autoban.ico"/*tpa=/images/dpp/autoban.ico*/),auto;}
.slh{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
@font-face{font-family: 'FZCS';src: url("../fonts/FZCS.TTF"/*tpa=/fonts/FZCS.TTF*/);}
@font-face{font-family: 'GENUINE';src: url("../fonts/GENUINE.TTF"/*tpa=/fonts/GENUINE.TTF*/),url("../fonts/GENUINE.OTF"/*tpa=/fonts/GENUINE.OTF*/);src: url("../fonts/impact.TTF"/*tpa=/fonts/impact.TTF*/);}
.fl{float: left;}
.fr{float: right;}
.clear{clear: both;}
.h1, .h2, .h3, h1, h2, h3{margin-top: 0;}
@font-face{font-family: 'GENUINE';src: url("../fonts/GENUINE.TTF"/*tpa=/fonts/GENUINE.TTF*/),url("../fonts/GENUINE.OTF"/*tpa=/fonts/GENUINE.OTF*/);src: url("../fonts/impact.TTF"/*tpa=/fonts/impact.TTF*/);}
.flex{display:flex; -webkit-display:flex;-moz-display:flex;-ms-display:flex;-o-display:flex;}
.wrap{-webkit-flex-wrap: wrap; flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;-o-flex-wrap: wrap;}
.df{justify-content:space-between; -webkit-justify-content:space-between;-moz-justify-content:space-between;-ms-justify-content:space-between;-o-justify-content:space-between;}
.spjz{justify-content: center;-webkit-justify-content: center;-moz-justify-content: center;-ms-justify-content: center;-o-justify-content: center;}
.evenly{justify-content: space-evenly;-webkit-justify-content: space-evenly;-moz-justify-content: space-evenly;-ms-justify-content: space-evenly;-o-justify-content: space-evenly;}
.czjz{align-items: center;-webkit-align-items: center;-moz-align-items: center;-ms-align-items: center;-o-align-items: center;}
.column{flex-direction: column;-webkit-flex-direction: column;-moz-flex-direction: column;-ms-flex-direction: column;-o-flex-direction: column;}
.ydq{justify-content: flex-end;-webkit-justify-content: flex-end;-moz-justify-content: flex-end;-ms-justify-content: flex-end;-o-justify-content: flex-end;}

.sjshow{display: none;}
::-webkit-input-placeholder {
  color: #463527;;
}


:-moz-placeholder {
  color: #463527;;
}
::-moz-placeholder{
color: #463527;;
}
 

:-ms-input-placeholder {
  color: #463527;;
}


.laydate_body .laydate_box{top: 1278px !important;}
.main8_zzd {    overflow: hidden;    margin: 20px auto;   width:20%;}
.main8_zzd.main8_zzd3{width:24%;}
.main8_zzd.main8_zzd3 li:nth-child(2){margin-right:8%;}
.main8_zzd li.on {    background: #9e8463;    color: #fff;}
.main8_zzd li:first-of-type {margin-right:8%;}
.main8_zzn{width:87%;}
.main8_zzd li {    height: 40px;   float: left;    padding: 10px 30px 0 30px;       font-size: 20px;    border: 1px solid #9e8463;    border-radius: .1rem;    color: #9e8463;   text-align: center;}
.main8_zztz p {color: #000;}
.ydno{margin-bottom: 10px;text-align:center              }
.main8_zzn li,.main8_zzt{width:100%;margin:0 auto;}
.main8_zzt {    width: 100%;    position: relative;    margin: 0 auto;}
.dtimg{display: block;   position: relative; width: 100%;    margin: 0 auto;}
.main8_ct .main8_ctz, .main8_zzt .main8_zztz {
    width: 343px;
    height: 116px;
    background: #fff;
    border-radius: .1rem;
    -moz-box-shadow: 0px 1px 20px rgba(0,0,0,.1);
    -webkit-box-shadow: 0px 1px 20px rgba(0,0,0,.1);
    box-shadow: 0px 1px 20px rgba(0,0,0,.1);
	position: absolute;
	left: 50%;
	margin-left: -171.5px;
    top: 60px;
    z-index: 9;
    padding: 10px 8px;
    overflow: hidden;
}

.main8_ct .main8_ctz h1, .main8_zzt .main8_zztz h1 {
    font-size: 22px;
    color: #9e8463;
    line-height: 22px;
    margin-top: .2rem;
}
    .footer {
    padding: 35px 0 40px;
    background: #e9e4de;
    margin-bottom: 30px;
}
.pad20{color:black;margin-top: 10px;    margin-bottom: 10px;}
.zicolor{color:black;font-size: 18px;text-align: center;}
.footer a:first-of-type,.footer p:first-of-type{font-size: 18px;}
.time{padding-top:10px;}
.align{text-align:center;  padding-bottom:10px;  font-size: 23px;   font-weight: normal;}
.line{border-bottom: 1px dotted grey}
.boring{width: 13.2%;    margin: 0 8.7%; }
.mar10{margin-top:8px;}
.mar10 h3{}
.mar10 p{ padding-bottom:10px;}
/* 头部 */
.top{padding: 20px 0 90px;align-items: flex-start;-webkit-align-items: flex-start;-moz-align-items: flex-start;-ms-align-items: flex-start;-o-align-items: flex-start;position: fixed;width: 100%;left: 0;z-index: 100;background: #fff;top: 0;transition: all 1s;-webkit-transition: all 1s;-moz-transition: all 1s;-ms-transition: all 1s;-o-transition: all 1s;}
.top .w960{width: 96.6%;margin: auto;}
.topfl img{display: block;height: 22px;}
.topfl p{font-size: 16px;color: #463527;line-height: 16px;margin-left: 10px;}
.topcen{position: absolute;left: 0;width: 100%;top: 48px;transition: all 1s;-webkit-transition: all 1s;-moz-transition: all 1s;-ms-transition: all 1s;-o-transition: all 1s;}
.topcen h1{font-size: 40px;color: #ab947d;line-height: 48px;text-align: center;transition: all 1s;-webkit-transition: all 1s;-moz-transition: all 1s;-ms-transition: all 1s;-o-transition: all 1s;}
.topfr{width: 20%;}
.topfr li a img{display: block;height: 22px;}
.topfr li a p{font-size: 16px;color: #463527;line-height: 16px;margin-left: 10px;letter-spacing: 5px;}
.top.active{padding-bottom: 24px;box-shadow: 0px 1px 3px #737373;-webkit-box-shadow: 0px 1px 3px #737373;-moz-box-shadow: 0px 1px 3px #737373;-ms-box-shadow: 0px 1px 3px #737373;-o-box-shadow: 0px 1px 3px #737373;}
.top.active .topcen{top: 20px;}
.top.active .topcen h1{font-size: 24px;line-height: 24px;}
.center{text-align:center;width:85.5%;}
/* banner */
.banner{height: 638px;position: relative;margin-top: 115px;cursor:url("../images/dpp/autoban.ico"/*tpa=/images/dpp/autoban.ico*/),auto;background-size: auto 100% !important;background: url('../images/bj360/13.jpg') center center no-repeat}
.banwrap{width: 100%;height: 100%;background: #00000055;}
.bantop{padding-top: 22px;margin-bottom: 49px;width: 43.1%;align-items: flex-end;-webkit-align-items: flex-end;-moz-align-items: flex-end;-ms-align-items: flex-end;-o-align-items: flex-end;}
.bantop li:nth-child(1),.bantop li:nth-child(3){width: 20%;}
.bantop li:nth-child(2){width: 26.6%;}
.bantop li img{display: block;margin-bottom: 20px;width: 100%;}
.bantop li p{font-size: 20px;text-align: center;color: #fff;line-height: 20px;}
.bancen{margin-bottom: 81px;}
.bancen h3{font-size: 28px;color: #fff;font-weight: bold;line-height: 45px;margin-bottom: 40px;text-align: center;letter-spacing: 8px;}
.bancen p{font-size: 18px;color: #fff;line-height: 18px;font-style: italic;text-align: center;}
.banbtm{width: 225px;height: 58px;color: #fff;text-align: center;line-height: 58px;border: 1px solid #fff;font-size: 18px;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;}
.banner:hover .banbtm{background: #fff;color: #463527;font-weight: bold;}
    .w {
    width: 1200px;
    margin: 0 auto 20px;
    overflow: hidden;
}
.two_address{margin: 30px auto;}
.two_address .add1{position: relative;width: 532px;padding: 30px;float: left;border:1px dotted #e8e5e0;}
.two_address .add1.add3{width: 330px;}
.two_address .add1.add3:nth-child(2){margin-right: 5px;margin-left: 5px;}
.two_address .add1:first-child{margin-right: 5px;margin-left: 5px;}
.two_address .add1_t{margin-top: 10px;padding-bottom: 24px}
.two_address .add1_t img{position: absolute;top: 34px;}
.two_address .add1_t p{font-size: 24px;margin-left: 120px;line-height: 24px;color:#463527;}
.two_address .add1.add3 p{margin-left: 30px;}
.two_address .add1_b{font-size: 16px;line-height: 32px;}
.two_address .add1_bold{font-size: 18px;font-weight: bold;}
.bannav_t{display:none;}
.banppz{display:none;}
/* 邮箱 */
.yywrap{padding: 96px 0 107px;background: #e8e5e0;}
.yywrap>p{font-size: 18px;line-height: 30px;margin-bottom: 70px;text-align: center;color: #463527;}
.form1{width: 43.6%;margin: auto;}
.tselect{margin-bottom: 28px;}
.tselect select{width: 47%;padding: 18px 22px;font-size: 14px;color: #463527;background: #cac5c1 url("../images/icon5.png"/*tpa=/images/icon5.png*/) 92% center no-repeat;background-size: 23px 13px;appearance: none;-webkit-appearance: none;-moz-appearance: none;outline: none;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;}
.tsinput{margin-bottom: 88px;}
.top10{margin-top:10px;}
.tsinput input,.tsinput textarea{width: 47%;padding: 18px 22px;font-size: 14px;color: #463527;background: #cac5c1;outline: none;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;}
.fombtn{width: 63%;margin: auto;}
.fombtn button,.fombtn a{width: 46%;height: 56px;border: 1px solid #463527;font-size: 18px;display: block;text-align: center;line-height: 56px;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;}
.fombtn button{background: #463527;color: #fff;}
.fombtn a{color: #463527;}
.fombtn button:hover{background: #311e0e;}
.fombtn a:hover{background: #463527;color: #fff;}

.tit{margin-bottom: 45px;}
.tit h3{font-size: 30px;color: #463527;font-weight: bold;line-height: 30px;margin-bottom: 25px;text-align: center;letter-spacing: 15px;transition: all 1s;-webkit-transition: all 1s;-moz-transition: all 1s;-ms-transition: all 1s;-o-transition: all 1s;}
.tit span{display: block;width: 120px;height: 5px;background: #463527;margin: 0 auto;transition: all 1s;-webkit-transition: all 1s;-moz-transition: all 1s;-ms-transition: all 1s;-o-transition: all 1s;}
.titspe h3{color: #fff;}
.titspe span{background: #fff;}

.tit.active h3{letter-spacing: 10px;}
.tit.active span{width: 100px;}

/* 标题样式开始 */
.wxtit01{ margin:0px auto 32px; width:100%;}
.wxtit01 h3,.wxtit01 div:first-child,.wxtit01 p:first-child{ margin-bottom:10px;border-radius: 25px 25px 0 0;text-transform: uppercase;}
.wxtit01a{ width:108px; height:8px; line-height:7px; background:#dfc5a9; margin:0px auto 12px;}
.wxtit01b{ width:90%; line-height:36px; margin:0px auto; text-align:center; font-weight:bold;}
.colors{color: #ab947d !important;font-size: 28px;}
.wxtit01b span{ font-weight:bold;}
@media (max-width:640px) {
	.wxtit01b{ line-height:28px;}
	.wxtit01a{ height:4px;}
}
/* 标题样式结束 */

/* 服务地址样式开始 */
.lao02 {position: relative;overflow: hidden;padding: 66px 0;}
.lao0201 {width: 100%;left: 0px;top: 0px;position: absolute;z-index: -1;background: #f3f3f3;}
.lao02 .sjpcimg {position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;z-index: -1;}
.wxtit01d {margin: 50px 5%;}
.wxtit01d a {padding: 0px 8px;color: #fff;margin-right: 10px;margin-bottom: 18px;background: #8C7A66;border-radius: 20px;line-height: 22px;box-shadow: 0px 1px 2px 0px black;}
.wxtit01d a:hover{background: #fff !important;color: #8c7a66;}
@media screen and (max-width:640px) {
    .wxtit01d {margin-bottom:20px;}
    .wxtit01d a{margin-right: 8px;margin-bottom: 14px;}
}
/* 服务地址样式结束 */

/* 镌刻时光艺术 */
.yswrap .tit{margin-bottom: 0;background: #8d7c67;background-size: auto 100%;position: relative;overflow: hidden;}
.bg2{display: block;width: 100%;}
.titinfo{position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
.titinfo img{position: absolute;right: -3%;top: -248%;width: 31%;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;}
.titinfo.active img{top: -122%;}

.ysfl{width: 33.3%;}
.ysfr{width: 66.7%;}
.ysfr>div{width: 50%;}

.yccom{position: relative;overflow: hidden;background: #000;}
.yccom img{display: block;width: 100%;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;}
.sgwrap{position: absolute;width: 100%;height: 100%;left: 0;bottom: -100%;background: rgba(171, 148, 125, 0.67);transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;}
.sgwrapspe{transition: all 1s;-webkit-transition: all 1s;-moz-transition: all 1s;-ms-transition: all 1s;-o-transition: all 1s;}
.sgwrap h3{font-size: 22px;color: #fff;line-height: 25px;margin-bottom: 7px;text-align: center;}
.sglj a{font-size: 18px;color: #fff;}
.sglj div{width: 1px;height: 18px;background: #fff;margin: 0 10px;}
.yccom:hover .sgwrap,.yswrap.active .sgwrapspe{bottom: 0;}
.yccom:hover img,.yccom.on img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity: 0.6;opacity: 0.6;}

/* 卓越服务 */
.zywrap{position: relative;}
.zywrap img{display: block;width: 100%;}
.zyinfo{position: absolute;height: 100%;left: 10%;top: 0;transition: all 1s;-webkit-transition: all 1s;-moz-transition: all 1s;-ms-transition: all 1s;-o-transition: all 1s;}
.zyinfo h3{font-size: 21px;color: #000;line-height: 21px;margin-bottom: 10%;font-weight: normal;transition: all 1s;-webkit-transition: all 1s;-moz-transition: all 1s;-ms-transition: all 1s;-o-transition: all 1s;}
.zyinfo p{font-size: 21px;color: #232a40;line-height: 21px;font-style: italic;transition: all 1s;-webkit-transition: all 1s;-moz-transition: all 1s;-ms-transition: all 1s;-o-transition: all 1s;}

.zywrap.active .zyinfo{left: 18.4%;}
.zywrap:hover .zyinfo h3{margin-left: -10%;}
.zywrap:hover .zyinfo p{margin-left: -10%;}

/* 邮寄维修流程 */
.yjwrap{padding: 70px 0;background: #fff;}
.yjlb{width: 78%;margin: auto;position: relative;overflow: hidden;padding: 0 35px;}
.yjinfo{width: 100%;position: relative;margin-bottom: 6px;}
.yjinfo img{width: 100%;}
.yjinfo p{position: absolute;width: 100%;left: 0;bottom: 0;font-size: 16px;color: #fff;line-height: 36px;background: rgba(171, 148, 125, 0.9);text-align: center;}
.yjbd .swiper-slide span{display: block;font-size: 16px;color: #786f68;line-height: 30px;text-align: center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.yjbd .swiper-slide{transform: scale(0.8);-webkit-transform: scale(0.8);-moz-transform: scale(0.8);-ms-transform: scale(0.8);-o-transform: scale(0.8);filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity: 0.6;opacity: 0.6;}
.yjbd .swiper-slide-active{transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;}

.yjnext,.yjprev{position: absolute;top: 50%;display: block;width: 15px;margin-top: -13px;z-index: 10;}
.yjnext{right: 0;}
.yjprev{left: 0;}

/* 中国区客户维修服务中心 */
.zgqwrap{position: relative;}
.zgqwrap img{display: block;width: 100%;}
.zgqinfo{position: absolute;width: 100%;height: 100%;left: 0;top: 0;padding:3px 0;}
.zgqinfo h3{font-size: 34px;color: #fff;line-height: 34px;margin-bottom: 86px;letter-spacing: 8px;transition: all 1s;-webkit-transition: all 1s;-moz-transition: all 1s;-ms-transition: all 1s;-o-transition: all 1s;}
.zgqinfo a{font-size: 18px;color: #fff;line-height: 18px;margin-bottom: 18px;letter-spacing: 6px;transition: all 1s;-webkit-transition: all 1s;-moz-transition: all 1s;-ms-transition: all 1s;-o-transition: all 1s;}

.zgqinfo.active h3{letter-spacing: 3px;}
.zgqinfo.active a{letter-spacing: 2px;}

/* 安心计划全面保养 */
.jhwrap{padding: 90px 0;background: #fff;}
.jhlb{width: 66%;margin: auto;}
.jhlb .hd{width: 42%;}
.jhlb .bd{width: 53%;}
.jhhdul{margin-left: -10%;transition: all 1s;-webkit-transition: all 1s;-moz-transition: all 1s;-ms-transition: all 1s;-o-transition: all 1s;}
.jhlb.active .jhhdul{margin-left: 0;}
.jhhdul li{padding: 20px 0 10px;margin-bottom: 11px;}
.jhtop{margin-bottom: 15px;align-items: flex-end;-webkit-align-items: flex-end;-moz-align-items: flex-end;-ms-align-items: flex-end;-o-align-items: flex-end;}
.jhtop p{font-size: 50px;line-height: 40px;color: #ab947d;}
.jhtop div{width: 1px;height: 25px;background: #d7cdc2;margin: 0 13px;}
.jhtop h3{font-size: 24px;color: #ab947d;line-height: 24px;}
.jhbtm{font-size: 14px;color: #ab947d;line-height: 14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.jhhdul li.on{border-bottom: 1px solid #463527;}
.jhhdul li.on p,.jhhdul li.on h3{color: #463527;}
.jhhdul li.on .jhtop div{background: #463527;}

.jhlb .bd ul li img{width: 100%;display: block;}







/* 匠心品质 传承如一 */
.ccwrap{position: relative;cursor:url("../images/dpp/autoban.ico"/*tpa=/images/dpp/autoban.ico*/),auto;overflow: hidden;}
.ccul{transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;}
.ccul li{width: 33.3%;overflow: hidden;}
.ccul li img{width: 100%;display: block;}
.ccinfo{width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: rgba(70,53,39,0.52);transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;}
.ccinfo h3{font-size: 35px;color: #fff;line-height: 35px;font-weight: bold;margin-bottom: 30px;letter-spacing: 15px;transition: all 1s;-webkit-transition: all 1s;-moz-transition: all 1s;-ms-transition: all 1s;-o-transition: all 1s;}
.ccinfo p{font-size: 21px;color: #fff;line-height: 21px;margin-bottom: 80px;letter-spacing: 6px;transition: all 1s;-webkit-transition: all 1s;-moz-transition: all 1s;-ms-transition: all 1s;-o-transition: all 1s;}
.ccinfo a{width: 206px;height: 42px;color: #fff;text-align: center;line-height: 42px;border: 1px solid #fff;font-size: 18px;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;}

.ccwrap:hover .ccul{transform: scale(1.02);-webkit-transform: scale(1.02);-moz-transform: scale(1.02);-ms-transform: scale(1.02);-o-transform: scale(1.02);}
.ccinfo:hover{background: rgba(70,53,39,0.65);}
.ccinfo:hover a{background: #fff;color: #846a51;font-weight: bold;}

.ccinfo.active h3{letter-spacing: 10px;}
.ccinfo.active p{letter-spacing: 2px;}

/* 保养建议 */
.bywrap{padding: 40px 0;}
.byimg{width: 50%;overflow: hidden;cursor: url("../images/dpp/autoban.ico"/*tpa=/images/dpp/autoban.ico*/),auto;overflow: hidden;background: #ab947d;}
.byimg img{display: block;width: 100%;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;}
.byimg:hover img{transform: scale(1.06);filter:alpha(opacity=60);   -moz-opacity:0.6;   -khtml-opacity: 0.6;opacity: 0.6;}
.byinfo{width: 50%;}
.byinfo h3{font-size: 34px;color: #463527;line-height: 34px;margin-bottom: 24px;}
.byinfo span{width: 78px;height: 5px;background: #463527;display: block;margin-bottom: 111px;}
.byinfo p{width: 228px;height: 58px;color: #ab947d;text-align: center;line-height: 58px;border: 1px solid #ab947d;font-size: 18px;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;}
.byinfo:hover p{background: #ab947d;color: #fff;}
.spphs{padding: 55px 0 48px;background: #e9e4de;align-items: center;-webkit-align-items: center;-moz-align-items: center;-ms-align-items: center;-o-align-items: center;}
.spphs img:nth-child(1),.spphs img:nth-child(3){width: 10.2%;}
.spphs img:nth-child(2){width: 13.2%;margin: 0 8.7%;}

.byone1 .byinfo{margin-right: -5%;}
.byone2 .byinfo{margin-left: -5%;}
.byone3 .byinfo{margin-right: -5%;}
.byone1 .byinfo,.byone2 .byinfo,.byone3 .byinfo{transition: all 1s;-webkit-transition: all 1s;-moz-transition: all 1s;-ms-transition: all 1s;-o-transition: all 1s;}
.byone1.active .byinfo{margin-right: 0;}
.byone2.active .byinfo{margin-left: 0;}
.byone3.active .byinfo{margin-right: 0;}

/* 底部 */
.fottop{padding: 72px 0 30px;background: #fff;}
.fottop h2,.footer h2{font-size: 38px;line-height: 57px;font-weight: bold;text-align: center;transition: all 1s;-webkit-transition: all 1s;-moz-transition: all 1s;-ms-transition: all 1s;-o-transition: all 1s;}
.fottop a{font-size: 20px;line-height: 20px;margin-bottom: 18px;color: #ab947d;transition: all 1s;-webkit-transition: all 1s;-moz-transition: all 1s;-ms-transition: all 1s;-o-transition: all 1s;}
.fotcen{padding: 20px 0;background: #f4f1ee;}
.fotcen p{font-size: 20px;color: #463527;line-height: 20px;text-align: center;letter-spacing: 6px;transition: all 1s;-webkit-transition: all 1s;-moz-transition: all 1s;-ms-transition: all 1s;-o-transition: all 1s;}

.fotbtm{padding: 39px 0 30px;background: #ab947d;}

.fotbtm li:nth-child(2){margin: 0 20%;transition: all 1s;-webkit-transition: all 1s;-moz-transition: all 1s;-ms-transition: all 1s;-o-transition: all 1s;}
.fotbtm li img{margin-bottom: 10px;}
.fotbtm li span{font-size: 16px;color: #fff;margin-bottom: 10px;line-height: 16px;}
.fotbtm li p{font-size: 20px;color: #fff;line-height: 20px;}

.footer.active  h3,.footer.active  h3{letter-spacing: 10px;}
/*.fottop.active  a{letter-spacing: 2px;}*/
.fotcen.active p{letter-spacing: 2px;}
.fotbtm.active li:nth-child(2){margin: 0 16%;}

/* 右侧漂浮 */
.ycpf{position: fixed;right: 0;top: 335px;z-index:100; display:none;}
.ycpf li{width: 111px;height: 75px;background: #ab947d;}
.ycpf li a{height: 100%;}
.ycpf li:nth-child(1) img{max-width: 90%;max-height: 58px;}
.ycpf li:nth-child(2){background: #e9e4de;} 
.ycpf li:nth-child(2) img{width: 30%;margin-bottom: 8px;}
.ycpf li:nth-child(2) p{font-size: 18px;line-height: 18px;color: #463527;}
.ycpf li:nth-child(3) img{width: 32%;margin-bottom: 8px;}
.ycpf li:nth-child(3) span{font-size: 13px;line-height: 13px;color: #e9e4de;}

/* 中间弹窗 */
.zjtc{padding: 48px 0 29px;width: 443px;position: fixed;left: 50%;top: 50%;z-index: 100;background: #463527;overflow: hidden;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;border: 3px solid #e9e4de;background: url("../images/zjtcbg.jpg"/*tpa=/images/zjtcbg.jpg*/) center center no-repeat;background-size: 100% auto;display: none; margin-left:-222px;margin-top:-160px;}
.zjtcinfo{width: 264px;float: right;}
.zjtcinfo a:first-child{font-size: 29px;color: #fff;font-weight: bold;line-height: 29px;margin-bottom: 28px;display: block;text-align: center;letter-spacing: 20px;}
.zjtczx{padding: 12px 0;background: #f2f0ef;margin-bottom: 27px;display: block;width: 126%;margin-left: -25%;}
.zjtczx p{font-size: 8px;line-height: 18px;color: #463527;text-indent: 24px;width: 80%;float: right;margin-right: 3%;}
.zjtcswt{width: 45%;height: 40px;font-size: 15px;display: block;text-align: center;line-height: 40px;background: #463527;color: #fff;margin: auto;}
.zjtcbp{position: absolute;width: 250px;left: -92px;top: 50%;transform: translateY(-48%);-webkit-transform: translateY(-48%);-moz-transform: translateY(-48%);-ms-transform: translateY(-48%);-o-transform: translateY(-48%);}
.zjtcgb{position: absolute;width: 31px;height: 31px;right: 6px;top: 6px;}




@media (max-width:1444px ) {
	body{letter-spacing: 1px;}
	/* 头部 */
	.top{padding-bottom: 70px;}
	.topcen{top: 40px;}
	.topcen h1{font-size: 30px;}
	.topfr{width: 23%;}
	/* banner */
	.banner{margin-top: 110px;}
	.bantop{width: 54.1%;min-width: 630px;}
	.banbtm{height: 46px;line-height: 46px;}
	/* 中国区客户维修服务中心 */
	.tit h3{font-size: 25px;}
	.yywrap>p{font-size: 16px;}
	.zgqinfo h3{font-size: 25px;margin-bottom: 32px;}
	.zgqinfo a{font-size: 17px;margin-bottom: 15px;}
	.form1{width: 61.6%;}
	.fombtn button, .fombtn a{height: 48px;line-height: 48px;}
	/* 镌刻时光艺术 */
	.sgwrap{height: 100%;}
	.sgwrap h3{font-size: 18px;line-height: 18px;margin-bottom: 12px;}
	.sglj a{font-size: 15px;line-height: 15px;}
	.sglj div{height: 13px;}
	.yccom img{filter:alpha(opacity=90);-moz-opacity:0.9;   -khtml-opacity: 0.9;   opacity: 0.9;}
	/* 卓越服务 */
	.zyinfo p{font-size: 18px;line-height: 18px;}
    .main8_zzd.main8_zzd3{width: 50%;}
	/* - 安心计划 全面保养 - */
	.jhlb{width: 82%;}
	.jhlb .hd{width: 37%;}
	.jhtop{margin-bottom: 10px;}
	.jhtop p{font-size: 33px;font-weight: bold;line-height: 26px;}
	.jhtop div{height: 20px;}
	.jhtop h3{font-size: 20px;line-height: 20px;}
	/* 匠心品质 传承如一 */
	.ccinfo h2{font-size: 28px;line-height: 28px;margin-bottom: 25px;}
	.ccinfo p{margin-bottom: 46px;font-size: 18px;line-height: 18px;}
	/* 保养建议 */
	.byinfo h3{font-size: 28px;line-height: 28px;margin-bottom: 16px;}
	.byinfo span{margin-bottom: 54px;}
	/* 底部 */
	.fottop h2,.footer h2{font-size: 28px;line-height: 43px;}
}
@media (max-width:1040px ) {
	body{width: 100%;}
	/* 头部 */
	.topfl p span{display: none;}
	.topfr li:nth-child(2){display: none;}
	/* banner */
	.banner{height: 610px;}
	.bantop{width: 88.1%;min-width: auto;padding-top: 0;margin-bottom: 50px;}
	.bancen h3{font-size: 24px;line-height: 40px;margin-bottom: 30px;}
	.bancen{margin-bottom: 75px;}
	.banbtm{font-size: 16px;width: 194px;height: 38px;line-height: 38px;}
    .w {width:100%; margin: 10px auto 10px;}
    .two_address{margin:.25rem auto; width:100%; overflow: hidden;}
    .two_addr{margin:0 auto; width: 6.1rem; overflow: hidden;}
    .two_address .add1{width: 46%;height: 10%;padding: .15rem;border:1px dotted #e8e5e0;}
    .two_address .add1.add3{width: 30%;}
    .two_address .add1_t{border-bottom: .01rem dashed #000;  line-height: .5rem;}

    .two_address .add1_t img{margin-top: .14rem;}
    .two_address .add1_t p{font-size: 14px;margin-left: 1rem;line-height: 14px;font-weight:bolder;}

    .two_address .add1_b{font-size: 12px;line-height: 20px;padding-bottom: 10px;color:#666;}

    .main8_zzd.main8_zzd3{width: 70%;}

	/* 中国区客户维修服务中心公示 */
	.yywrap {padding: 49px 0 55px;}
	.tit{margin-bottom: 30px;}
	.tit h3{margin-bottom: 13px;font-size: 21px;line-height: 21px;}
	.tit.active h3{letter-spacing: 4px;}
	.yywrap>p{font-size: 12px;line-height: 26px;margin-bottom: 26px;}
	.form1{width: 77.6%;}
	.tselect{margin-bottom: 23px;}
	.tsinput {margin-bottom: 38px;}
	.tselect select,.tsinput input{padding: 12px 22px;}
	.fombtn button, .fombtn a{height: 38px;line-height: 38px;font-size: 15px;}
	/* 镌刻时光艺术 */
	.sgwrap h3{font-size: 16px;}
	.sglj a{font-size: 12px;line-height: 18px;}
	/* 卓越服务 */
	.zyinfo h3{font-size: 18px;line-height: 18px;margin-bottom: 6%;}
	.zyinfo p{font-size: 15px;line-height: 15px;}
	/* 邮寄流程 */
	.yjwrap {padding: 45px 0;}
	/* 中国区客户维修服务中心 */
	.zgqinfo h3{font-size: 20px;line-height: 20px;margin-bottom: 20px;}
	.zgqinfo.active a{font-size: 14px;margin-bottom: 7px;letter-spacing: 1px;}
	/* 安心计划 全面保养 */
	.jhwrap {padding: 48px 0;}
	.jhlb{width: 94%;}
	.jhlb .bd{width: 55%;}
	.jhlb .hd{width: 40%;}
	.jhtop p{font-size: 24px;line-height: 24px;line-height: 19px;}
	.jhtop h3{font-size: 15px;line-height: 15px;}
	.jhtop div{height: 16px;}
	.jhhdul li{padding: 10px 0;}
	.jhbtm{font-size: 12px;}
	/* 匠心品质 传承如一 */
	.ccinfo h3{font-size: 20px;line-height: 20px;margin-bottom: 14px;}
	.ccinfo.active h3{letter-spacing: 6px;}
	.ccinfo p{font-size: 15px;line-height: 15px;margin-bottom: 25px;}
	.ccinfo a {width: 159px;height: 29px;font-size: 15px;line-height: 29px;}
	/* 保养建议 */
	.byinfo h3 {font-size: 20px;line-height: 20px;margin-bottom: 8px;}
	.byinfo span {margin-bottom: 20px;}
	.byinfo p{width: 128px;height: 29px;font-size: 15px;line-height: 29px;}
	/* 三品牌 */
	.spphs {padding: 32px 0 43px;}
	.spphs img:nth-child(2) {width: 25.2%;margin: 0 11.7%;}
	.spphs img:nth-child(1), .spphs img:nth-child(3) {width: 16.2%;}
	/* 底部 */
	.fottop h3 {font-size: 20px;line-height: 26px;margin-bottom: 35px;}
	.fottop {padding: 45px 0 42px;}
	.fotcen {padding: 12px 0;}
	.fotcen p {font-size: 15px;line-height: 15px;}
	.fotbtm li span{font-size: 13px;line-height: 13px;}
	.fotbtm li p{font-size: 18px;line-height: 18px;}
	.fotbtm {padding: 30px 0 26px;}
}
@media (max-width:640px ) {	
	/* 头部 */
	.top{padding: 10px 0 42px;box-shadow: 0px 1px 3px #333;}
	.topcen {top: 42px;}
	.topfr li a p{display: none;}
	.topfr li a img{width: 20px;height: auto;}
	.topfr{width: 62px;}
	.topcen h1{font-size: 18px;line-height: 18px;}
	.top.active .topcen h1{font-size: 17px;line-height: 17px;}
	.top.active .topcen{top: 11px;z-index: -1;}
	.top .topfl p{display: none;}
	.top.active{padding-bottom: 9px;}
	/* banner */
	.banner{margin-top: 72px;height: 437px;background-size: 100% 100% !important;background: url('../images/bj360/111.jpg') center center no-repeat}
	.bantop li:nth-child(2){width: 40.6%;}
    .tiao{padding-top:1rem;}
	.bantop li p{font-size:12px;}
	.bantop li img{margin-bottom: 8px;}
	.bantop{margin-bottom: 76px;}
	.bancen h3 {font-size: 18px;line-height: 28px;margin-bottom: 14px;letter-spacing: 5px;}
	.bancen p {font-size: 12px;line-height: 12px;}
	.bancen {margin-bottom: 70px;}
	.banbtm {font-size: 14px;width: 145px;height: 33px;line-height: 33px;}

	/*三地址排版*/
    .w{width:78%; background:#e8e5e0; margin:40px auto 20px; position:relative; overflow:initial; padding:6%;}
    .w_b{width:100%; border:1px solid #ab947d;}
	.bannav_t{width:90px; height:90px; border-radius:50%; display:block; background:#ab947d; overflow:hidden; position:absolute; top:-30px; left:50%; margin-left:-45px;}
    .bannav_t img{width:92%; margin:18% auto; display:block;}
    .two_address{width:85%;  overflow:hidden; margin:0px auto 10px;}
    .two_address .add1{width:100%; border-bottom:1px dashed #222; padding:0px;}
    .two_address .add1 p{margin:0px; text-align:center;}
    .two_address .add1.add3{width:100%; margin:0 auto; border-bottom:1px dashed #222;}
    .two_address .add1.add3:last-child{border:none;}
    .two_address .add1.add3 p{margin:0px; text-align:center;}
    .two_address .add1_t{padding:0px;}
    .two_address .add1_t p{line-height:40px; font-size:18px;}
    .two_address .add1_b p{font-size:14px; color:#333;}
    .banppz{width:75%; overflow:hidden; margin:50px auto 0px; display:block; padding:0 0 10px 0; border-bottom:1px dashed #222; }
    .banppz h1{font-size:22px; text-align:center; padding-bottom:10px;}
    .banppz a,.banppz p{color:#333; font-size:14px; text-align:center; display:block; line-height:24px;}

	/* 中国区客户维修服务中心公示 */
    .laydate_body .laydate_box{top: 1010.94px !important;}
	.yywrap {padding: 25px 0 26px;}
	.tit{margin-bottom: 18px;}
	.tit h3 {font-size: 16px;line-height: 16px;letter-spacing: 4px;}
	.tit span{width: 50px;height: 1px;}
	.tit.active span {width: 50px;height: 1px;}
	.yywrap>p {font-size: 10px;line-height: 22px;margin-bottom: 18px;}
	.form1 {width: 94%;}
	.tselect{margin-bottom: 12px;}
	.tselect select{width: 49%;font-size: 12px;background-size: 16px 10px;}
	.tselect select, .tsinput input {padding: 10px 15px;}
	.tsinput input{width: 100%;}
    .tsinput textarea{width: 100%;}
	.input11{margin-bottom: 12px;}
	.tsinput {margin-bottom: 21px;}
	.fombtn {width: 83%;}
	.fombtn button, .fombtn a {height: 28px;line-height: 28px;font-size: 12px;}
	
	.pcshow{display: none;}
	.sjshow{display: block;}
	.xf{width: 82.8%;position: relative;background: #fff;padding: 17px 3.8%;margin: 0 auto 22px;}
	.xf h3{font-size: 16px;color: #000;font-weight: bold;line-height: 16px;margin-bottom: 10px;}
	.xf span{font-size: 13px;color: #333;display: block;line-height: 13px;margin-bottom: 9px;}
	.xf p{font-size: 12px;color: #666;line-height: 23px;text-indent: 24px;background: url("../images/lianbg.png"/*tpa=/images/lianbg.png*/);padding-bottom: 12px;}
	.xf font{display: block;text-align: right;font-size: 13px;line-height: 24px;}
	.xf img{position: absolute;right: -10px;top: -20px;display: block;width: 60px;}
    .main8_zzd {    overflow: hidden;      width:78%;}

    .main8_zzd {    overflow: hidden;    margin: .5rem 0 1rem 0;   width:45%;}
    .main8_zzd li.on {    background: #9e8463;    color: #fff;}

    .main8_zzn{width:88%;}
    .main8_zzd li {width:30%;height:25px;    float: left;   padding:5px 10px 0 10px;       font-size:14px;    border: 1px solid #9e8463;    border-radius: 20%;    color: #9e8463;    text-align: center;}
    .main8_zzd.main8_zzd3 li{width: 20%;padding:5px 5px 0 10px;font-size: 12px; }
    /*  .ydno{display:none;}*/
    .main8_zzn li,.main8_zzt{width:100%;margin:0 auto;}
    .main8_zzt {    width: 100%;    position: relative;    margin: 0 auto;}
    .dtimg{display: block;   position: relative; width: 100%;    margin: 0 auto;}
    .main8_ct .main8_ctz, .main8_zzt .main8_zztz {
        width: 80%;
        height:54%;
        background: #fff;
        border-radius: 10%;
        -moz-box-shadow: 0px 1px 20px rgba(0,0,0,.1);
        -webkit-box-shadow: 0px 1px 20px rgba(0,0,0,.1);
        box-shadow: 0px 1px 20px rgba(0,0,0,.1);
        position: absolute;
        left: 55%;
        top: 15%;
        z-index: 9;
        padding: 0 3%;
        overflow: hidden;
    }

    .main8_zzt .main8_zztz h1 {
        font-size: 14px;
        color: #9e8463;
        line-height: .24rem;
        padding-top:5%;
    }
    .main8_zztz p {
        font-size: 12px;
        color: #000;
        line-height: 18px;
    }
    .main_8ctt{width: 10%;height:20%;background:url("../images/dpp/sj/jiant.png"/*tpa=/images/dpp/sj/jiant.png*/) no-repeat center bottom;position: absolute;left:50%;top: 63%;z-index: 9;}

    .footer {padding: 35px 0 50px;    background: #e9e4de;}
    .boring {width: 35%;    margin: 0 8.7%;}
    .pad20{color:black;letter-spacing:unset;}
    .zicolor{color:black;}
    .footer a:first-of-type,.footer p:first-of-type{font-size: 15px;}

    .time{padding-bottom:7px;}
    .align{text-align:center;    font-size: 21px;   font-weight: normal;}
    .line{border-bottom: 1px dotted grey}
    .mar10 p{text-align:center;padding-bottom:10px; margin: 0 37px;font-size: 15px;}
	/* 镌刻时光艺术 */
	.ysfl{width: 100%;}
	.ysfr{width: 100%;}
	.bg2{height: 220px;}
	.titinfo{}
	.titinfo img{display: none;}
	.sgwrap{height: 25%;bottom: 0;}
	.sgwrap>div{display: none;}
	.sgwrap h3{margin-bottom: 0;font-size: 13px;}
	/* - 卓越服务  力臻至善 - */
	.zywrap .zyinfo{left: 5%;}
	.zywrap.active .zyinfo{left: 5%;}
	.zyinfo h3 {font-size: 15px;line-height: 15px;margin-bottom: 4%;}
	.zyinfo p{font-size: 12px;line-height: 12px;}
	/* - 邮寄维修流程 - */
	.yjwrap {padding: 25px 0;}
	.yjlb{padding: 0 8px;width: 90%;}
	.yjbd .swiper-slide span{font-size: 10px;line-height: 12px;}
	.yjinfo p{font-size: 12px;line-height: 24px;}
	/* 中国区客户维修服务中心（总部） */
	.zgqinfo h3 {font-size: 15px;line-height: 15px;margin-bottom: 9px;letter-spacing: 1px;}
	.zgqinfo.active h3 {letter-spacing: 1px;}
	.zgqinfo a{font-size: 12px;line-height: 12px;letter-spacing: 0px;margin-bottom: 7px;}
	.zgqinfo.active a{font-size: 12px;letter-spacing: 0px;margin-bottom: 7px;}
	
	/* - 安心计划 全面保养 - */
	.jhwrap {padding: 23px 0;}
	.jhtop {margin-bottom: 6px;}
	.jhtop p{font-size: 16px;line-height: 12px;}
	.jhtop h3 {font-size: 10px;line-height: 10px;}
	.jhtop div{height: 12px;margin: 0 7px;}
	.jhbtm{font-size: 8px;}
	.jhhdul{margin-left: 0;}
	.jhhdul li{padding: 0 0 6px;margin-bottom: 6px;}
	.jhlb .bd{width: 58%;}
	/* 匠心品质 传承如一 */
	.ccul li img{height: 138px;}
	.ccul li{width: 50%;}
	.ccul li:nth-child(3){display: none;}
	.ccinfo h3 {font-size: 16px;line-height: 16px;margin-bottom: 8px;letter-spacing: 3px;}
	.ccinfo.active h3 {letter-spacing: 3px;}
	.ccinfo p {font-size: 12px;line-height: 12px;margin-bottom: 21px;letter-spacing: 2px;}
	.ccinfo a {width: 108px; height: 24px;font-size: 12px;line-height: 24px;}	
	/* 保养建议 */
	.bywrap {padding: 17px 0;}
	.byone3 .byinfo,.byone1 .byinfo{ margin-right:0px;}
	.byone2 .byinfo{margin-left:0px;}
	.byinfo h3 {font-size: 16px;line-height: 16px;margin-bottom: 4px;}
	.byinfo span {width: 31px;height: 1px;margin-bottom: 10px;}
	.byinfo p {width: 76px;height: 16px;font-size: 8px;line-height: 16px;}
	.byimg img{min-height: 100px;}
	/* 三品牌 */ 
	.spphs {padding: 17px 0 25px;}
	.spphs img:nth-child(2) {width: 34.2%;margin: 0 7.7%;}
	.spphs img:nth-child(1), .spphs img:nth-child(3) {width: 22.2%;}
	.fottop h3 {font-size: 16px;line-height: 21px;margin-bottom: 35px;letter-spacing: 4px;margin-bottom: 7px;}
	.fottop.active h3 {letter-spacing: 4px;}
	.fottop a {font-size: 12px;margin-bottom: 10px;}
	.fotcen p {font-size: 12px;line-height: 12px;letter-spacing: 2px;}
	.fotbtm {padding: 15px 2% 14px;}
	.fotbtm li{margin: auto !important;}
	.fotbtm li img{height: 30px;margin-bottom: 5px;}
	.fotbtm li span{display: none;}
	.fotbtm li p{font-size: 12px;line-height: 12px;}
	/* 中间弹窗 */
	.zjtc{width: 257px;padding: 11px 0 12px;background: url("../images/zjtcbg.jpg"/*tpa=/images/zjtcbg.jpg*/) center center no-repeat;background-size: 100% 100%;margin-left:-128px;margin-top:-116px;border: 1px solid #e9e4de;}
	.zjtcbp{width: 140px;left: -48px;}
	.zjtcinfo{width: 158px;}
	.zjtczx{width: 212px;margin-left: -57px;margin-bottom: 12px;}
	.zjtczx p{width: 157px;line-height: 14px;font-size: 8px;}
	.zjtcswt{font-size: 12px;}
	.zjtcswt{width: 108px;height: 28px;line-height: 28px;}
	.zjtcgb{width: 20px;height: 20px;}
	.zjtcinfo a:first-child{font-size: 18px;line-height: 18px;margin-bottom: 9px;letter-spacing: 5px;}
	.zjtczx {padding: 6px 0;}
	/* 右侧漂浮 */
	.ycpf li{width: 42px;height: 38px;background: #ab947d; display:none;}
	.ycpf li a{height: 100%;}
	.ycpf li:nth-child(2){background: #e9e4de;} 
	.ycpf li:nth-child(2) img{width: 21px;margin-bottom: 0;}
	.ycpf li:nth-child(2) p{display: none;}
	.ycpf li:nth-child(3) span{display: none;}
	.ycpf li:nth-child(3) img{width: 21px;margin-bottom: 0;}	
}
@media (max-width:400px ) {
    /*三地址排版*/
    .w{width:78%; background:#e8e5e0; margin:40px auto 20px; position:relative; overflow:initial; padding:6%;}
    .w_b{width:100%; border:1px solid #ab947d;}
    .bannav_t{width:90px; height:90px; border-radius:50%; display:block; background:#ab947d; overflow:hidden; position:absolute; top:-30px; left:50%; margin-left:-45px;}
    .bannav_t img{width:92%; margin:18% auto; display:block;}
    .two_address{width:85%;  overflow:hidden; margin:0px auto 10px;}
    .two_address .add1{width:100%; border-bottom:1px dashed #222; padding:0px;}
    .two_address .add1 p{margin:0px; text-align:center;}
    .two_address .add1.add3{width:100%; margin:0 auto; border-bottom:1px dashed #222;}
    .two_address .add1.add3:last-child{border:none;}
    .two_address .add1.add3 p{margin:0px; text-align:center;}
    .two_address .add1_t{padding:0px;}
    .two_address .add1_t p{line-height:40px; font-size:14px;}
    .two_address .add1_b p{font-size:12px; color:#333;}
    .banppz{width:75%; overflow:hidden; margin:50px auto 0px; display:block; padding:0 0 10px 0; border-bottom:1px dashed #222; }
    .banppz h1{font-size:18px; text-align:center; padding-bottom:10px;}
    .banppz a,.banppz p{color:#333; font-size:12px; text-align:center; display:block; line-height:24px;}
    .zgqwrap img {display: block; width:185%;}
    .zgqinfo{padding:3%; width:96%}
    .zgqinfo a{line-height:20px;}

}
/*底部悬浮*/
.top7{ width:100%; padding:6px 0px 6px; position:fixed; left:0px; bottom:0px; background:#fff; z-index:100;}
.top7yu{width:100%;}
.top7a{ width:20%;}
.top7a a,.top7b a{ width:100%;}
.top7ayu{ height:32px; margin-bottom:6px; font-size:32px; line-height:32px; color:#4f4f4f; cursor:pointer;}
.top7a span,.top7b span{ width:100%; color:#404040; text-align:center; display:block; font-size:18px; line-height:20px;}
.top7b{ width:20%;}
.top7c{ width:60%;}
.top7c a{ width:98%; background:#1f7654; height:38px; border-radius:19px; color:#fff;}
.top7c a:hover{background: #1f7654;}
.top7cyu{ color:#fff; font-size:24px; margin-right:4px; -webkit-transition: -webkit-transform 2s ease-out; -moz-transition: -moz-transform 2s ease-out; -o-transition: -o-transform 2s ease-out; -ms-transition: -ms-transform 2s ease-out; transition: transform 2s ease-out; cursor:pointer;}
.top7c span{ color:#fff; font-weight:bold; font-size:14px;}

.top7e{ width:100%; margin:0px auto 24px;}
.top7e h3{ color:#1f7654;}
@media (max-width:1200px) {
.top7a span,.top7b span{ font-size: 16px;line-height: 18px;}	
}
@media (max-width:780px ) {
.top7c a{ height:32px; border-radius:16px;width: 380px;}	
.top7a span,.top7b span{ font-size: 14px;line-height: 15px;}
.top7ayu{ height:22px; line-height:22px; font-size:22px; margin-bottom:4px;}
.top7cyu{ font-size:18px;}
}

/*@media screen and (max-width: 640px){
.fotbtm {
    padding: 0.1rem 0.3rem;
    width: 5.8rem;
    position: fixed;
    bottom: 0;
    z-index: 100;
}}*/
@media screen and (max-width: 640px) {
    .fotbtm {padding:10px 0px;width:100%; position: fixed; bottom: 0; z-index: 100;}
    .fotbtm li {margin:auto !important;}
    .fotbtm li img {/*height:60px;*/margin-bottom:15px;}
    .fotbtm li span {display:none;}
    .fotbtm li p {font-size:16px;line-height:22px;}
}
/* fwpp_yc */
/*#fwpp_yc li:first-of-type,#fwpp_yc li:last-of-type{visibility:hidden;}*/

/* 友情链接样式开始 */
.mdsize{font-size: 28px;line-height: 30px;font-weight: lighter;}
.smsize{font-size: 15px;line-height: 15px;}
@media (max-width:1200px) {
	.mdsize{font-size: 18px;line-height: 20px;}
	.smsize{font-size: 12px;line-height: 12px;}
}
@media (max-width:640px) {
	.mdsize{font-size: 15px;line-height: 15px;}
	.smsize{font-size: 10px;line-height: 16px;}
}

.you{width: 100%;padding: 10px 0px 22px;}
.yq1{padding-bottom: 10px;border-bottom: 1px dashed #8c7a66;color: #8c7a66;}
.yq2{padding: 0;}
.yq2 li{width: 100%;padding-top: 8px;}
.yq2 li a{color: #8c7a66;margin-right: 15px;line-height: 30px;}
@media (max-width:1040px) {
    .you{width: 96%;margin: 0px auto;}
}
.youlian > li {
    display: inline;
}
/* 友情链接样式结束 */

/* 1. 开户咨询模块外层容器样式 */
#account {
	padding-top: 5rem; /* 对应py-20 */
	/* padding-bottom: 5rem; */
	background: linear-gradient(to bottom, #F2F3F5 0%, #FFFFFF 100%); /* 渐变背景 */
	position: relative;
	overflow: hidden;
  }
  
  /* 容器内边距与居中控制 */
  #account .container {
	max-width: 1280px; /* 全局容器最大宽度 */
	margin-left: auto;
	margin-right: auto;
	padding-left: 1rem; /* 对应px-4 */
	padding-right: 1rem;
  }
  
  /* 2. 标题区域样式 */
  #account .text-center {
	text-align: center;
	max-width: 48rem; /* 对应max-w-3xl */
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 4rem; /* 对应mb-16 */
  }
  
  #account .text-center h2 {
	font-size: clamp(1.8rem, 3vw, 2.5rem); /* 响应式字体大小 */
	font-weight: 700; /* 对应font-bold */
	color: #1D2129; /* 主文本色 */
	margin-bottom: 1rem; /* 对应mb-4 */
	line-height: 1.2;
  }
  
  #account .text-center p {
	font-size: 1.125rem; /* 对应text-lg */
	color: #666666; /* 辅助文本色 */
	line-height: 1.6;
  }
  
  /* 3. FAQ列表容器样式 */
  #account .max-w-3xl {
	max-width: 48rem;
	margin-left: auto;
	margin-right: auto;
  }
  
  #account .space-y-6 {
	display: flex;
	flex-direction: column;
	gap: 1.5rem; /* 每个FAQ卡片间距 */
  }
  
  /* 4. FAQ单个卡片基础样式 */
  #account .bg-white {
	background-color: #FFFFFF;
	border-radius: 1rem; /* 对应rounded-xl */
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); /* 基础阴影 */
	overflow: hidden; /* 防止内容溢出圆角 */
	transition: box-shadow 0.3s ease; /* 阴影过渡 */
  }
  
  #account .bg-white:hover {
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08); /*  hover时增强阴影 */
  }
  
  /* 5. FAQ折叠按钮样式 */
  #account .faq-toggle {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 1.5rem; /* 对应p-6 */
	text-align: left;
	font-weight: 700; /* 对应font-bold */
	color: #1D2129;
	background-color: transparent;
	border: none;
	cursor: pointer;
	transition: background-color 0.3s ease; /* 背景色过渡 */
  }
  
  #account .faq-toggle:hover {
	background-color: #F2F3F5; /* 对应hover:bg-light */
  }
  
  #account .faq-toggle span {
	font-size: 1.125rem;
	line-height: 1.5;
  }
  
  #account .faq-toggle i {
	color: #165DFF; /* 图标主色（品牌蓝） */
	font-size: 1.25rem;
	transition: transform 0.3s ease; /* 图标旋转过渡 */
  }
  
  /* 6. FAQ内容区域样式 */
  #account .faq-content {
	padding-left: 1.5rem; /* 对应px-6 */
	padding-right: 1.5rem;
	padding-bottom: 1.5rem; /* 对应pb-6 */
	color: #666666; /* 内容文本色 */
	font-size: 1rem;
	line-height: 1.6;
	transition: all 0.3s ease; /* 内容显示/隐藏过渡 */
  }
  
  /* 内容隐藏状态 */
  #account .faq-content.hidden {
	display: none; /* 隐藏内容 */
	height: 0;
	opacity: 0;
  }
  
  /* 内容显示状态（通过JS移除hidden类后生效） */
  #account .faq-content {
	display: block;
	height: auto;
	opacity: 1;
  }
  
  /* 7. 立即开户按钮区域样式 */
  #account .mt-12 {
	margin-top: 3rem; /* 对应mt-12 */
	text-align: center; /* 按钮居中 */
  }
  
  #account .inline-block {
	display: inline-block;
	padding-left: 2rem; /* 对应px-8 */
	padding-right: 2rem;
	padding-top: 0.75rem; /* 对应py-3 */
	padding-bottom: 0.75rem;
	background-color: #165DFF; /* 按钮主色 */
	color: #FFFFFF; /* 按钮文本色 */
	font-weight: 500; /* 对应font-medium */
	font-size: 1rem;
	border-radius: 0.75rem; /* 对应rounded-lg */
	text-decoration: none; /* 清除链接下划线 */
	box-shadow: 0 4px 12px rgba(22, 93, 255, 0.2); /* 按钮阴影 */
	transition: all 0.3s ease; /* 全属性过渡 */
  }
  
  #account .inline-block:hover {
	background-color: rgba(22, 93, 255, 0.9); /*  hover时加深背景 */
	box-shadow: 0 8px 24px rgba(22, 93, 255, 0.3); /*  hover时增强阴影 */
	transform: translateY(-2px); /* 轻微上浮效果 */
  }
  
  /* 8. 响应式适配（移动端） */
  @media (max-width: 768px) {
	/* 调整内边距 */
	#account {
	  padding-top: 3rem;
	  /* padding-bottom: 3rem; */
	}
	
	/* 调整标题区域间距 */
	#account .text-center {
	  margin-bottom: 2.5rem;
	}
	
	/* 调整按钮尺寸 */
	#account .inline-block {
	  padding-left: 1.5rem;
	  padding-right: 1.5rem;
	  padding-top: 0.625rem;
	  padding-bottom: 0.625rem;
	  font-size: 0.9375rem;
	}
	
	/* 调整FAQ按钮内边距 */
	#account .faq-toggle {
	  padding: 1.25rem;
	}
	
	/* 调整FAQ内容内边距 */
	#account .faq-content {
	  padding-left: 1.25rem;
	  padding-right: 1.25rem;
	  padding-bottom: 1.25rem;
	}
  }
  
  /* 9. 动画补充（可选） */
  @keyframes fadeInUp {
	from {
	  opacity: 0;
	  transform: translateY(10px);
	}
	to {
	  opacity: 1;
	  transform: translateY(0);
	}
  }
  
  #account .faq-content {
	animation: fadeInUp 0.3s ease forwards; /* 内容展开动画 */
  }