@charset "utf-8";
/* CSS Document */
body {
	max-width: 100%; overflow-x: hidden;
	background: #fff;
	color:#333; font: 18px/36px "Hiragino Sans GB", "MicroSoft YaHei", Arial, sans-serif; 
	height: 100%;


}
body , h1 , h2 , h3 , h4 , h5 , h6 , hr , p , blockquote , dl , dt , dd , ul , ol , li ,
pre , form , fieldset , legend , button , input , select, textarea ,
th, td { margin: 0; padding: 0; }
img { border: none; max-width: 100%; }
a { color: #333; text-decoration: none; }
a:hover { color: #e4393c; text-decoration: none; }
a , area { blr: this.onFocus=this.blur()); }
ul , ol , li { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; max-width: 100%; }
input , :focus { outline: 0; }
input[type="button"] , input[type="submit"] , input[type="reset"] { -webkit-appearance: none; font-family:"Hiragino Sans GB", "MicroSoft YaHei", Arial, sans-serif ; }
input::focus-inner { padding: 0; border: 0; }

.fl { float: left; } .fr { float: right; }
.clearfix:after { display: block; content: ''; clear: both; } .clearfix { zoom: 1;}
.clear { height: 0; width: 100%; overflow: hidden; font-size: 1px; line-height: 0; visibility: hidden; }
.Width { width: 1200px; margin: 0 auto; }
.hide , .onlymob { display: none; }

/* 通用头部 */
.ht_top{width:100%;background:url(http://www.huatu.com/z/413ztjx/images/nav_bg.gif) repeat-x 0; height:41px;}
.logo{float:left;}
.logo img{ border:0; padding:0;}
.zt_top{width:1000px;height:41px;margin:0 auto;}
.topnav{float:right;}
.huatu01{margin-left:10px; font-size:14px; color:#333; text-decoration:none;}
.huatu01:hover{ text-decoration:none; color:#C30;}
.huatu{ float:right; line-height:41px;}

.wx{position: relative;padding-left: 30px;background: url(http://u2.huatu.com/hubei/2018/kc_wxin.png) no-repeat left 

center;cursor: pointer;float:right;margin-left:12px;font-size: 14px;color:#333;z-index: 999;}
.wx:hover .wx_box{display: block;}
.wx:hover{color: #FF4B4E;}
.wx_wrap{min-width: 192px;height: 100px;padding-top: 30px;margin-bottom: 13px;}
.wx_box{display: none;position: absolute;bottom: -150px;padding-left: 20px;left: 0;min-width: 217px;height: 150px;background-

color: #fff;z-index: 10;box-shadow: 0 0 7px rgba(58, 58, 58, 0.2);
background-color: white;
}
.wx_box img{display: block;float: left;width: 80px;height: 80px;}
.wx_box a{display: block;float: left;width: 70px;height: 26px;margin-left: 15px;background: #e92930;border-radius: 3px;color: #fff 
!important;font-size: 14px;line-height: 26px;text-align: center;margin-top:-2px;text-decoration: none;}
.wx_box span{display: block;float: left;margin: 0 0 10px 15px;color: #000;font-size: 14px;line-height: 23px;}


.bgbox{   width: 750px;
/*height: 1000px;*/
 min-height: 100vh;
    margin: 0 auto;
    background: url("https://www.vintagefashionandbeauty.com/zt/jswx/images/bg.png") no-repeat top;
    background-size: 100%;
    overflow: hidden;}


.shadowBox{
  width: 440px;
	height:auto;
    margin: 20px auto;
    background: url("https://www.vintagefashionandbeauty.com/zt/jswx/images/address.png") no-repeat top;
    background-size: 100% 100%;
    overflow: hidden;
}
.bTitle{
    width: 200px;
    height: 40px;
    background: linear-gradient(to right,rgba(255,76,58) 0%,rgba(250,130,89) 50%,rgba(255,76,58) 100%);
    font-size: 20px;
    color: #FFF;
    text-align: center;
    line-height: 40px;
    border-radius: 20px;
    font-weight: bold;
}
.address,.dianhua{
    display: flex;
    font-size: 14px;
    line-height: 18px;
    align-items: center;
	margin:5px 5px;

}
.address img{
    width: 30px;
    height: 30px;
    margin-right: 5px;
}
.dianhua img{
    width: 30px;
    height: 30px;
    margin-right: 5px;
}


.banner { 
	position: relative; height:945px; margin-bottom: 45px;
	background: url("https://www.vintagefashionandbeauty.com/zt/jswx/images/banner.jpg") no-repeat top;
}
.banner04 {
  position: absolute; left:0; bottom:0; pointer-events: none;
  width:100%; height:555px;
  background: url("https://www.vintagefashionandbeauty.com/zt/jswx/images/banner01.png") no-repeat bottom;
}
.banner05 {
  position: absolute; left:0; top:68px; pointer-events: none;
	width:100%; height:644px;
  background:url("https://www.vintagefashionandbeauty.com/zt/jswx/images/banner02.png") no-repeat center;
}
.banner06 {
  position: absolute; left:50%; top:508px; pointer-events: none;
	width:614px; height:480px; margin-left: -299px;
  background:url("https://www.vintagefashionandbeauty.com/zt/jswx/images/banner05.png") no-repeat bottom;
  background-size: contain;
}
.banner h3 {
	position: relative; height:40px; padding-top: 75px;
	color: #fff; font-size:32px; font-weight: 400; line-height:40px; text-align: center;
}
.banner h2 {
	position: relative; height:170px; margin:55px auto 5px; overflow: hidden;
	background: url("https://www.vintagefashionandbeauty.com/zt/jswx/images/banner03.png") no-repeat center;
	background-size:contain;
	text-indent: -9999em;
}
.banner03 {
	position: relative; width:936px; height:130px; margin: 0 auto; overflow: hidden;
	background: url("https://www.vintagefashionandbeauty.com/zt/jswx/images/banner04.png") no-repeat center;
	background-size:contain;
  color: #fff; font-size:30px; line-height:118px; text-align: center;
}
.banner03 span {
  font-size: 36px;
}
.banner03 em {
  font-style: normal;
}
.banner03 i {
  display: inline-block; width:34px; height:124px; margin:0 15px 0 65px; vertical-align: top;
  background: url("https://www.vintagefashionandbeauty.com/zt/jswx/images/banner06.png") no-repeat center;
}
/*
.title01 {
  color:#10C8AC; font-size:47px; line-height:131px; text-align: center;
}*/



.title01 {
 width: 400px;
	height:70px;
    margin:5px auto ;
    background: url("https://www.vintagefashionandbeauty.com/zt/jswx/images/title1.png") no-repeat top;
    background-size: 100%;
    overflow: hidden;

}

.box01a {
  position: relative;
  margin-top: 30px;
  color:#272360; text-align: center;
}
.bg01 {
  position: absolute; left:50%; top:-165px; pointer-events: none;
  width:81px; height:78px; margin-left: -526px;
  background:url("https://www.vintagefashionandbeauty.com/zt/jswx/images/bg01.png") no-repeat center;
  background-size:contain;
}
.bg02 {
  position: absolute; left:50%; top:-50px; pointer-events: none;
  width:157px; height:138px; margin-left: 700px;
  background:url("https://www.vintagefashionandbeauty.com/zt/jswx/images/bg02.png") no-repeat center;
  background-size:contain;
}
.box01a p {
  position: relative;
  display: inline-block;
  font-size: 24px; line-height: 44px;
}
.box01a p:before {
  position: absolute; left:-3%; bottom:0; z-index: -1;
  content: " "; display: block; width: 106%; height: 20px;
  background: #b5c5e6; opacity: 0.4; border-radius:20px;
}

.box01 {
  position: relative;
  margin-top: 150px; margin-bottom: 70px;
}
.bg03 {
  position: absolute; left:50%; top:292px; pointer-events: none;
  width:106px; height:116px; margin-left: 553px;
  background:url("https://www.vintagefashionandbeauty.com/zt/jswx/images/bg03.png") no-repeat center;
  background-size:contain;
}
.bg04 {
  position: absolute; left:50%; bottom:-230px; pointer-events: none;
  width:299px; height:180px; margin-left: -860px;
  background:url("https://www.vintagefashionandbeauty.com/zt/jswx/images/bg04.png") no-repeat center;
  background-size:contain;
}
.box01 h4 {
  position: absolute; left:50%; top:48px;
  width: 450px; height: 450px; margin-left: -225px;
  background:url("https://www.vintagefashionandbeauty.com/zt/jswx/images/pic11.png") no-repeat center;
  border:1px solid rgba(93, 100, 233, .8); border-radius: 100%;
}
.box01 h4 div {
  width: 450px; height: 450px;
  background:url("https://www.vintagefashionandbeauty.com/zt/jswx/images/pic12.png") no-repeat center;
}
.box01 h4 p {
  width: 450px; height: 450px; padding-top: 160px; box-sizing: border-box;
  background:url("https://www.vintagefashionandbeauty.com/zt/jswx/images/pic13.png") no-repeat center;
  color:#fff; font-size: 34px; line-height: 50px; font-weight: 400; text-align: center;
}
.box01 h4 p span {
  display: block;
  font-size: 18px; line-height:30px;
}
.box01 ul {
  position: relative; width:545px; height:544px; margin:0 auto;
  background:url("https://www.vintagefashionandbeauty.com/zt/jswx/images/pic10.png") no-repeat center;
  background-size:contain;
}
.box01 li {
  position: absolute; left:50%; width:280px;
  font-size: 24px; line-height: 50px; white-space: nowrap;
}
.box01 li i {
  display: inline-block; width: 50px; height: 50px; vertical-align: top;
  background:#6e60f6 url("https://www.vintagefashionandbeauty.com/zt/jswx/images/icon11.png") no-repeat center;
  border-radius: 100%;
}
.box01 li:nth-child(1) { top:-75px; margin-left:-140px; text-align: center; }
.box01 li:nth-child(1) i { display: block; margin:0 auto; }
.box01 li:nth-child(2) { top:45px; margin-left:160px; }
.box01 li:nth-child(2) i { margin-right:15px; background-image: url("https://www.vintagefashionandbeauty.com/zt/jswx/images/icon12.png"); }
.box01 li:nth-child(3) { top:190px; margin-left:240px; }
.box01 li:nth-child(3) i { margin-right:15px; background-image: url("https://www.vintagefashionandbeauty.com/zt/jswx/images/icon13.png"); }
.box01 li:nth-child(4) { top:345px; margin-left:230px; }
.box01 li:nth-child(4) i { margin-right:15px; background-image: url("https://www.vintagefashionandbeauty.com/zt/jswx/images/icon14.png"); }
.box01 li:nth-child(5) { top:470px; margin-left:125px; }
.box01 li:nth-child(5) i { margin-right:15px; background-image: url("https://www.vintagefashionandbeauty.com/zt/jswx/images/icon15.png"); }
.box01 li:nth-child(6) { top:470px; margin-left:-405px; text-align: right; }
.box01 li:nth-child(6) i { margin-left:15px; background-image: url("https://www.vintagefashionandbeauty.com/zt/jswx/images/icon16.png"); }
.box01 li:nth-child(7) { top:345px; margin-left:-510px; text-align: right; }
.box01 li:nth-child(7) i { margin-left:15px; background-image: url("https://www.vintagefashionandbeauty.com/zt/jswx/images/icon17.png"); }
.box01 li:nth-child(8) { top:190px; margin-left:-520px; text-align: right; }
.box01 li:nth-child(8) i { margin-left:15px; background-image: url("https://www.vintagefashionandbeauty.com/zt/jswx/images/icon18.png"); }
.box01 li:nth-child(9) { top:45px; margin-left:-440px; text-align: right; }
.box01 li:nth-child(9) i { margin-left:15px; background-image: url("https://www.vintagefashionandbeauty.com/zt/jswx/images/icon19.png"); }

.box02 {
/*  position: relative;*/ width:440px; height: 360px; margin:0px auto ;
  background:url("https://www.vintagefashionandbeauty.com/zt/jswx/images/box01.png") no-repeat center;
  background-size:cover;
  border-radius: 20px;
}
.bg07 {
  position: absolute; left:50%; bottom:-60px; pointer-events: none;z-index: -1;
  width:792px; height:90px; margin-left: -396px;
  background:url("https://www.vintagefashionandbeauty.com/zt/jswx/images/bg07.png") no-repeat center;
  background-size:contain;
}
.box02 h4 {
  padding-top: 10px;
  color: #000; font-size: 20px; font-weight: bold; line-height: 30px; text-align: center;
}
.box02 h4 span {
  color: #057efb;font-weight: bold;
}

.box022 h4 {
  padding-top: 10px;
  color: #fff; font-size: 18px; font-weight: 400; line-height: 20px; text-align: center;
}
.box022 h4 span {
  color: #ff0;background-color: #ff4128;
}

.box033 h4 {
  padding-top: 45px;
  color: #fff; font-size: 25px; font-weight: 400; line-height: 40px; text-align: center;
}
.box033 h4 span {
  color: #ff0;background-color: #ff4128;
}
/* 联动切换二维码 开始 */
.codeBox {
  margin:5px 0px 0;
}
.list-div { 
  float: none;
width: 360px;
margin: 0 auto;
}
.list-div .selectBox {
  position:relative; height:40px; margin-bottom: 10px; cursor: default;
}
.list-div .selectBox cite { 
  display:block; width:100%; height:100%; box-sizing: border-box; cursor: pointer;
  background: #fff url("https://www.vintagefashionandbeauty.com/zt/jswx/images/icon21.png") no-repeat 95% center; border-radius:10px;
  font-size:20px; font-style:normal; line-height:40px; text-indent: .75em;
  transition: all .2s;
	border: 1px  solid  #000;
}

.list-div .selectBox:hover cite { border-color:#000; }
.list-div .selectBox ul {
  display:none; position:absolute; left:0; top:60px; box-sizing: border-box; cursor: default;
  width:100%; max-height:230px; overflow-y:auto; overflow-x:hidden; z-index:3;
  background:#fff; border:1px solid #ddd; border-radius:5px;
  font-size:16px; line-height:32px; text-indent: .75em;
}
.list-div .selectBox li:hover {
  background: #d1e6fe;
}
.codeBox .pic { 
  float:none; width:170px; height: 170px; padding:5px; box-sizing: border-box;margin: 0px auto;
  background: #fff; border-radius: 10px;
}
 .codeBox .pic img { 
  display: block; width:160px; height: 160px;
}
/* 联动切换二维码 end */

.mainbg03 {
  position: relative; padding-bottom: 150px; margin-bottom: 70px;
  background: url("https://www.vintagefashionandbeauty.com/zt/jswx/images/bg05.jpg") no-repeat top; 
}
.bg06 {
  position: relative; top: -3px; height:100px;
  background: url("https://www.vintagefashionandbeauty.com/zt/jswx/images/bg06.png") no-repeat top;
  background-size: auto 100%;
}
.title02 {
  margin-top: 100px; margin-bottom: 60px;
  color: #fff; font-size: 40px; font-weight: 400; line-height: 50px; text-align: center;
}
.title02:before,
.title02:after {
  content: " "; display: inline-block; width:80px; height: 50px; vertical-align: top;
  background: url("https://www.vintagefashionandbeauty.com/zt/jswx/images/bg08.png") no-repeat center;
}

.box03 li {
  position: relative; float: left; width: 380px; padding:50px 30px; margin-right: 30px; box-sizing: border-box;
  background: #fff url("https://www.vintagefashionandbeauty.com/zt/jswx/images/pic31.png") no-repeat top;
  background-size: 100%;
  border-radius: 20px 0;
  line-height: 34px;
}
.box03 li:nth-child(1) {
  top:50px;
}
.box03 li:nth-child(2) {
  background-image:url("https://www.vintagefashionandbeauty.com/zt/jswx/images/pic32.png");
}
.box03 li:nth-child(3) {
  top:50px; margin-right: 0;
  background-image:url("https://www.vintagefashionandbeauty.com/zt/jswx/images/pic33.png");
}
.box03 .icon {
  height:70px; padding-top: 10px; box-sizing: border-box;
  background:url("https://www.vintagefashionandbeauty.com/zt/jswx/images/pic21.png") no-repeat center;
}
.box03 .icon02 {
  background-image:url("https://www.vintagefashionandbeauty.com/zt/jswx/images/pic22.png");
}
.box03 .icon03 {
  background-image:url("https://www.vintagefashionandbeauty.com/zt/jswx/images/pic23.png");
}
.box03 .icon i {
  display: block; height:41px;
  background:url("https://www.vintagefashionandbeauty.com/zt/jswx/images/pic21a.png") no-repeat center;
}
.box03 .icon02 i {
  background-image:url("https://www.vintagefashionandbeauty.com/zt/jswx/images/pic22a.png");
}
.box03 .icon03 i {
  background-image:url("https://www.vintagefashionandbeauty.com/zt/jswx/images/pic23a.png");
}
.box03 h4 {
  padding-top:25px; margin-bottom: 15px;
  color: #272360; font-size: 24px; line-height: 30px; text-align: center;
}
.box03 .des {
  height:204px; overflow: hidden;
}
.box03a {
  display: block; width: 280px; height: 64px; margin:50px auto 0; cursor: pointer;
  background:#e45771; border-radius: 64px;
  background: linear-gradient(90deg, #e45771 ,#fdaa4a,#fdaa4a, #e45771 ) no-repeat left;
  background-size: 300%;
  box-shadow: 0 3px 20px rgba(0, 0, 0, 0.3);
  color: #fff; font-size: 20px; line-height: 64px; text-align: center;
  transition: .3s;
}
.box03a:hover {
  color:#fff;
  background-position: right;
}
.box03 .showPop {
  display: block; width: 220px; height: 52px; margin:25px auto 0; cursor: pointer;
  background:#a786dd; border-radius: 52px;
  color: #fff; line-height: 52px; text-align: center;
}
.box03 .showPop:hover {
  color: #fff;
  opacity: .85;
  animation: tada .8s;
}
.box03 li:nth-child(2) .showPop {
  background:#d76962;
}
.box03 li:nth-child(3) .showPop {
  background:#7385f4;
}
.box03b {
  margin-bottom: 150px;
}
.box03b h4 ,
.box03c h4 {
  padding-top:40px;
}

.box04 {
  position: relative; width: 1100px; margin:70px auto; box-sizing: border-box;
  background:url("https://www.vintagefashionandbeauty.com/zt/jswx/images/bg14.png") no-repeat right;
}
.bg10 {
  position: absolute; left:50%; top:-128px; pointer-events: none;
  width:81px; height:78px; margin-left: 305px;
  background:url("https://www.vintagefashionandbeauty.com/zt/jswx/images/bg10.png") no-repeat center;
  background-size:contain;
}
.bg11 {
  position: absolute; left:50%; top:-15px; pointer-events: none;
  width:158px; height:138px; margin-left: -860px;
  background:url("https://www.vintagefashionandbeauty.com/zt/jswx/images/bg11.png") no-repeat center;
  background-size:contain;
}
.bg13 {
  position: absolute; right:-38px; top:-32px; pointer-events: none;
  width:161px; height:200px;
  background:url("https://www.vintagefashionandbeauty.com/zt/jswx/images/bg13.png") no-repeat center;
  background-size:contain;
  text-indent: -9999em; overflow: hidden;
}
.box04Left {
  float: left; width: 550px; height: 423px;
  background:url("https://www.vintagefashionandbeauty.com/zt/jswx/images/bg15.png") no-repeat left;
}
.box04Right {
  float: right; padding:25px 25px 0 0;
}
.box04 ul,
.box05 ul {
  position: relative; width: 500px; height: 286px; overflow: hidden;
  background:rgba(0,0,200,.3); border-radius: 20px;
}
.box04 li,
.box05 li {
  position: absolute;
  color:#fff; font-size: 22px;
}
.box04 li span ,
.box05 li span {
  color: #ff0;
}
.box04 li:nth-child(1) {
  left:60px; top:35px;
  animation: float01 3s linear infinite alternate;
}
.box04 li:nth-child(2) {
  left:230px; top:80px; font-size: 26px;
  animation: float01 3.5s linear infinite alternate;
}
.box04 li:nth-child(3) {
  left:30px; top:125px;
  animation: float01 2.5s linear infinite alternate;
}
.box04 li:nth-child(3) span {
  font-size: 30px;
}
.box04 li:nth-child(4) {
  left:305px; top:170px; font-size: 24px;
  animation: float01 2s linear infinite alternate;
}
.box04 li:nth-child(5) {
  left:115px; top:215px; font-size: 30px;
  animation: float01 2.7s linear infinite alternate;
}
@keyframes float01 {
	0% { transform:translateX(0); opacity: 1; }
	100% { transform:translateX(10%); opacity: .8; }
}

.box04 .btn ,
.box05 .btn {
  display: block; width: 220px; height: 52px; margin:30px auto 0; cursor: pointer;
  background:#e45771; border-radius: 52px;
  background: linear-gradient(90deg, #e45771 ,#fdaa4a,#fdaa4a, #e45771 ) no-repeat left;
  background-size: 300%;
  box-shadow: 0 3px 20px rgba(0, 0, 0, 0.3);
  color: #fff; font-size: 18px; line-height: 52px; text-align: center;
  transition: .3s;
}
.box04 .btn:hover ,
.box05 .btn:hover {
  color:#fff;
  background-position: right;
}

.box05 {
  position: relative; width: 1100px; margin:0 auto 100px; box-sizing: border-box;
  background:url("https://www.vintagefashionandbeauty.com/zt/jswx/images/bg17.png") no-repeat left;
}
.bg12 {
  position: absolute; left:50%; top:27px; pointer-events: none;
  width:106px; height:116px; margin-left: -705px;
  background:url("https://www.vintagefashionandbeauty.com/zt/jswx/images/bg12.png") no-repeat center;
  background-size:contain;
}
.bg19 {
  position: absolute; left:50%; top:375px; pointer-events: none;
  width:299px; height:180px; margin-left: 590px;
  background:url("https://www.vintagefashionandbeauty.com/zt/jswx/images/bg19.png") no-repeat center;
  background-size:contain;
}
.bg16 {
  position: absolute; left:-36px; top:-36px; pointer-events: none;
  width:200px; height:159px;
  background:url("https://www.vintagefashionandbeauty.com/zt/jswx/images/bg16.png") no-repeat center;
  background-size:contain;
  text-indent: -9999em; overflow: hidden;
}
.box05Left {
  float: left; padding:25px 0 0 25px;
}
.box05Right {
  float: right; 
  width: 550px; height: 424px;
  background:url("https://www.vintagefashionandbeauty.com/zt/jswx/images/bg18.png") no-repeat right;
}
.box05 li:nth-child(1) {
  left:60px; top:25px;
  animation: float01 3s linear infinite alternate;
}
.box05 li:nth-child(2) {
  left:230px; top:55px; font-size: 28px;
  animation: float01 3.2s linear infinite alternate;
}
.box05 li:nth-child(3) {
  left:90px; top:90px;
  animation: float01 2.4s linear infinite alternate;
}
.box05 li:nth-child(4) {
  left:350px; top:122px; font-size: 30px;
  animation: float01 3.9s linear infinite alternate;
}
.box05 li:nth-child(5) {
  left:145px; top:160px; font-size: 30px;
  animation: float01 2.7s linear infinite alternate;
}
.box05 li:nth-child(6) {
  left:30px; top:195px; font-size: 24px;
  animation: float01 3.5s linear infinite alternate;
}
.box05 li:nth-child(7) {
  left:325px; top:230px;
  animation: float01 2.2s linear infinite alternate;
}

.mainbg06 {
  position: relative; height:516px; padding-top: 100px; 
  background: url("https://www.vintagefashionandbeauty.com/zt/jswx/images/bg20.png") no-repeat top; 
}
.title03 {
  margin-bottom: 70px;
  color: #fff; font-size: 44px; line-height: 50px; text-align: center;
}
.box06 li {
  float:left; width:270px; margin-right: 40px;
}
.box06 li:nth-child(4){
  margin-right: 0;
}
.box06 .pic {
  height:200px; padding:15px 0; margin-bottom: 20px; overflow: hidden;
  background: #fff; box-shadow: 0 0 0 5px #839aee,0 0 0 10px #339;
}
.box06 .pic img {
  display: block; height:200px; margin:0 auto;
  transition: .5s;
}
.box06 a:hover img {
  transform: scale(1.05);
}
.box06 p {
  color: #fff; text-align: center;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}

.xfBox {
	display: none; position: fixed; right:0; top:50%; z-index: 20;
	width:186px; height:125px; padding-top: 60px; box-sizing: border-box; cursor: pointer;
	background: url("https://www.vintagefashionandbeauty.com/zt/jswx/images/xf01.png") no-repeat center;
  color:#fff; font-size: 24px; line-height: 30px; text-align: center;
}
.xfBox:hover {
  color:#fff;
	animation: tada .8s;
}
.xfShadow {
	display:none; position:fixed; left:0; top:0; width: 100%; height: 100%; z-index:1000;
	background: rgba(0,0,0,.7);
	transform: scale(1);
	transition: all .5s;
}
.xfEwm {
	display:none; position:fixed; left:50%; top:50%;
	transform: translate(-50%,-50%);
	z-index: 1001; box-sizing: border-box;
	width: 300px; padding:40px 80px; margin: auto;
	background: #fff; border-radius: 10px;
}
.closeMe {
	position:absolute; right:-36px; top:-26px; cursor: pointer;
	display:block; width:26px; height:26px;
	border:1px solid #fff; border-radius: 100%;
	transition: all .3s;
}
.closeMe:before,
.closeMe:after {
	content: " "; display: block; width:16px; height:2px;
	position:absolute; left:5px; top:12px;
	background: #fff;
	transform: rotate(45deg);
}
.closeMe:after {
	transform: rotate(-45deg);
}
.closeMe:hover {
	transform: rotate(180deg);
}
.xfEwm img {
  display: block; width:100%;
}

/* 通用底部 */
.footer { clear: both; position: relative; padding: 30px 0; background: #333; text-align: center; }
.footer p { position: relative; z-index: 2; color: #fff; font-size: 16px; line-height: 30px; }
.footer p span { padding: 0 5px; }
.footer p a { color: #fff; }
.footer p a:hover { color: #fff; }



@media only all and (max-width:800px){
	
	.zt_top{width:100%;}
	.wx{display:none;}
	
	
}


@media only all and (max-width:500px){
	
	
	.zt_top{width:100%;}
	.wx{display:none;}
	
}




@media only all and (max-width:1200px) {
	.onlymob { display: block; }
	html { font-size: 20px; }
	body { width: 18.75rem; font-size: .7rem; line-height: 1.2rem; }
	html , body { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
	.Width { width: 17.5rem; }
	
		.zt_top{width:100%;}
	.wx{display:none;}
	
	

	/* 隐藏元素 */
  .bg01,
  .bg02,
  .bg03,
  .bg04,
  .bg10,
  .bg11,
  .bg12,
  .bg19,
	.footer p,
	.pc , .onlypc { display: none; }

	/* 通用头部 
	.ht_top { height: 2.5rem; background-size: auto 100%; line-height: 2.5rem; }
	.ht_top h1 a {
		height: 2.5rem; width: 7.5rem;
		background: url("https://www.vintagefashionandbeauty.com/zt/jswx/images/mob_logo.png") no-repeat center / contain; }
	.ht_top .topnav { font-size: .8rem; text-indent: -1000rem; }
	.ht_top .topnav a { padding: 0 0 0 0.3rem; text-indent: 0; float: right; word-break: keep-all; }*/
	
	
	.bgbox {
    width: 100%;
height: auto;
    min-height: 100vh;
    margin: 0 auto;
    background-size: 100% 100%;
    overflow: hidden;
}
	
	
.shadowBox{
  width: 100%;
	height:auto;
    margin: 2.5rem auto;
 /*   background: url("https://www.vintagefashionandbeauty.com/zt/jswx/images/address.png") no-repeat top;*/
    background-size: 100% 100%;
    overflow: hidden;
	box-sizing: border-box;

	

}
	
	
	
	
	
	
/*		.title01 { font-size:1.5rem; line-height:4.2rem;margin-top: 32px; }*/
	
	.title01 {width:92%;height:6rem; margin: 0.5rem auto ; background-size: 100% 100%;}

   .box02 { width: 90%; height:20.5rem;  box-sizing: border-box; margin-bottom:0rem; border-radius:.5rem; background-size: 100% 100%; }
	
  .bg07 { bottom:-1.25rem; width:15rem; height:2rem; margin-left: -7.5rem; }
  .box02 h4 { padding-top:1rem; font-size: .85rem; line-height:2rem; }
	.box022 h4 { padding-top:1rem; font-size: .85rem; line-height:1rem; }

	.address,.dianhua{
    display: flex;
    font-size: 0.65rem;
    line-height: 1rem;
	margin:5px 10px;
		width: 100%;


}
.address img{
    width: 1.5rem;
    height:  auto;
    margin-right: 5px;
}
.dianhua img{
    width:  1.5rem;
    height: auto;
    margin-right: 5px;
}
	
	
	
	
	.banner { height:16rem; margin-bottom:1.5rem; background-size: auto 100%; }
	.banner04 { height:6rem; background-size: auto 100%; }

	.banner05 { top:1rem; height:11rem; background-size:auto 100%; }
	.banner06 { top:9.6rem; width:8.6rem; height:6.72rem; margin-left: -4.18rem; }
	.banner h3 { height:1.2rem; padding-top:1.5rem; font-size:.85rem; line-height:1.2rem; }
	.banner h2 { height:2.75rem; margin:.5rem auto .75rem; }
	.banner03 { 
    width:15.5rem; height:1.4rem;
    background: #2203b8; border:1px solid #2203b8; box-shadow: 0 5px 15px rgba(0, 0, 0, .2);
    font-size:.6rem; line-height:1.4rem;
  }
	.banner03 span { float: left; padding:0 .25rem; background: #170679; font-size: .65rem; }
	.banner03 i { width:.5rem; height:1.4rem; margin:0 .15rem; background-size:contain; }
	

	
  .box01a { margin-top: .75rem; }
  .box01a p { font-size: .6rem; line-height: 1.2rem; }
  .box01a p:before { left:5%; bottom:-.25rem; width: 90%; height: .15rem; border-radius:.15rem; }
  
  .box01 { width:18.75rem; padding-top:1.5rem; margin-top:1.5rem; margin-bottom: 2rem; overflow: hidden; }
  .box01 h4 { top:2.5rem; width: 7rem; height:7rem; margin-left: -3.5rem; background-size: 5.5rem; }
  .box01 h4 div { width: 7rem; height:7rem; background-size: 5.5rem; }
  .box01 h4 p {
    width: 7rem; height:7rem; padding-top:2.15rem;
    background-size: 4.5rem;
    font-size:.7rem; line-height:.9rem;
  }
  .box01 h4 p span { font-size:.6rem; line-height:.8rem; }
  .box01 ul { width:9rem; height:9rem; }
  .box01 li { width:7rem; font-size:.6rem; line-height:1rem; }
  .box01 li i { width:1rem; height: 1rem; vertical-align: top; background-size: .5rem; }
  .box01 li:nth-child(1) { top:-1.5rem; margin-left:-3.5rem; }
  .box01 li:nth-child(2) { top:.4rem; margin-left:2.15rem; }
  .box01 li:nth-child(2) i,
  .box01 li:nth-child(3) i,
  .box01 li:nth-child(4) i,
  .box01 li:nth-child(5) i { margin-right:.2rem;  }
  .box01 li:nth-child(3) { top:2.85rem; margin-left:3.9rem; }
  .box01 li:nth-child(4) { top:5.4rem; margin-left:3.85rem; }
  .box01 li:nth-child(5) { top:7.75rem; margin-left:2rem; }
  .box01 li:nth-child(6) { top:7.75rem; margin-left:-9rem; }
  .box01 li:nth-child(7) { top:5.4rem; margin-left:-10.85rem; }
  .box01 li:nth-child(8) { top:2.85rem; margin-left:-10.9rem; }
  .box01 li:nth-child(9) { top:.4rem; margin-left:-9.15rem; }
  .box01 li:nth-child(6) i ,
  .box01 li:nth-child(7) i ,
  .box01 li:nth-child(8) i ,
  .box01 li:nth-child(9) i { margin-left:.2rem; }
  

	
  /* 联动切换二维码 开始 */
  .codeBox { margin:.5rem auto 0; }
  .list-div { float:none; width:100%; }
  .list-div .selectBox { height:2rem; margin-bottom:1rem;margin-top: 0.5rem;     padding: 0 1rem;}
  .list-div .selectBox cite { background-size: auto .75rem; border-radius:.25rem; font-size: 0.9rem; line-height:2rem; }
  .list-div .selectBox ul {
    top:2rem;
    max-height:10rem;
    border-radius:.25rem;
    font-size: .9rem; line-height:1.6rem;
  }
  .codeBox .pic { float:none; width:8rem; height:8.5rem; padding:.5rem; margin:0 auto; border-radius:.25rem; }
  .codeBox .pic img { width:7rem; height: 7.5rem; }
  /* 联动切换二维码 end */

  .mainbg03 { padding-bottom: 2rem; margin-bottom: 1.75rem; background-size: cover; }
  .bg06 { height:1.5rem; margin-bottom: 1.5rem; }
  .title02 { margin-top:0; margin-bottom:1.25rem; font-size:.95rem; line-height:1.25rem; }
  .title02:before,
  .title02:after { width:1rem; height:1.25rem; background-size: .75rem; }
  
  .box03 li { 
    width:16.5rem; padding:.75rem .5rem .5rem 1.5rem; margin-right:0; margin-bottom: .5rem;
    background: #fff url("https://www.vintagefashionandbeauty.com/zt/jswx/images/pic31a.jpg") no-repeat left;
    background-size:1.5rem 100%;
    border-radius:.5rem 0;
    font-size: .6rem; line-height: 1rem;
  }
  .box03 li:nth-child(1),
  .box03 li:nth-child(3) { top:0; float:right; }
  .box03 li:nth-child(2) { background-image:url("https://www.vintagefashionandbeauty.com/zt/jswx/images/pic32a.jpg"); }
  .box03 li:nth-child(3) { background-image:url("https://www.vintagefashionandbeauty.com/zt/jswx/images/pic33a.jpg"); }
  .box03 .icon { float:left; width:1.25rem; height:1.5rem; padding-top:.3rem; margin-right: .5rem; background-size: contain; }
  .box03 .icon i { height:.75rem; background-size: contain; }
  .box03 h4 { float:left; padding-top:0; margin-bottom:0; font-size:.8rem; line-height:1.75rem; }
  .box03 .des { float: none; clear: both; height:auto; margin-top: .35rem; }
  .box03a { 
    width:8rem; height:1.8rem; margin-top:.5rem; margin-bottom: 2rem; border-radius:2rem;
    box-shadow: 0 0 .5rem rgba(0, 0, 0, 0.3);
    font-size:.75rem; line-height:1.8rem;
  }
  .box03 .showPop {
    width:6rem; height:1.6rem; margin-top:.5rem;
    border-radius: 1.6rem;
    font-size:.65rem; line-height: 1.6rem; 
  }
  .box03b { margin-bottom:2.5rem; }
  .box03b h4 ,
  .box03c h4 { padding-top:0; }

  .box04 {
    width:17.5rem; margin:1.25rem auto;
    background-size:auto 100%; border-radius: .5rem;
  }

  .bg13 { right:-.57rem; top:-.48rem; width:2.415rem; height:3rem; }
  .box04Left {
    width:6rem; height:10rem;
    background-size: cover; background-position: center; border-radius: .5rem 0 0 .5rem;
  }
  .box04Right { padding:.5rem .5rem 0 0; }
  .box04 ul,
  .box05 ul { width:10.5rem; height:7rem; border-radius:.5rem; }
  .box04 li,
  .box05 li { font-size:.6rem; }
  .box04 li:nth-child(1) { left:.5rem; top:.5rem; }
  .box04 li:nth-child(2) { left:4rem; top:1.75rem; font-size:.65rem; }
  .box04 li:nth-child(3) { left:.25rem; top:3rem; }
  .box04 li:nth-child(3) span { font-size: .7rem; }
  .box04 li:nth-child(4) { left:5.25rem; top:4.2rem; font-size:.65rem; }
  .box04 li:nth-child(5) { left:2.5rem; top:5.5rem; font-size:.7rem; }
  .box04 .btn ,
  .box05 .btn {
    width: 6rem; height:1.6rem; margin-top:.4rem;
    border-radius:1.6rem;
    box-shadow: 0 0 .5rem rgba(0, 0, 0, 0.3);
    font-size: .7rem; line-height: 1.6rem;
  }
  .box05 {
    width:17.5rem; margin-bottom:2.5rem;
    background-size:auto 100%; border-radius: .5rem;
  }
  
  .bg16 { left:-.54rem; top:-.54rem; width:3rem; height:2.385rem; }
  .box05Left { padding:.5rem 0 0 .5rem; }
  .box05Right { 
    width:6rem; height:10rem;
    background-size: cover; background-position: center; border-radius: 0 .5rem .5rem 0;
  }
  .box05 li:nth-child(1) { left:.75rem; top:.35rem; }
  .box05 li:nth-child(2) { left:4.5rem; top:1.5rem; font-size: .65rem; }
  .box05 li:nth-child(3) { left:1.5rem; top:2.25rem; }
  .box05 li:nth-child(4) { left:6.5rem; top:3rem; font-size:.7rem; }
  .box05 li:nth-child(5) { left:2.25rem; top:4rem; font-size:.725rem; }
  .box05 li:nth-child(6) { left:.25rem; top:5rem; font-size: .65rem; }
  .box05 li:nth-child(7) { left:6rem; top:5.5rem; }

  .mainbg06 { height:auto; padding-bottom: 1.5rem; padding-top:1.5rem; background-size: cover; }
  .title03 { margin-bottom:1.25rem; font-size:1.1rem; line-height:1.2rem; }
  .box06 { overflow-x: scroll; -webkit-overflow-scrolling: touch; }
  .box06::-webkit-scrollbar { display:none; }
  .box06 ul { width:26.5rem; }
  .box06 li { width:6rem; margin:.25rem .5rem 0 .2rem; font-size: .6rem; line-height: .8rem; }
  .box06 li:nth-child(4){ margin-right: 0; }
  .box06 .pic {
    height:5rem; padding:.5rem 0; margin-bottom: .35rem;
    box-shadow: 0 0 0 .1rem #839aee,0 0 0 .2rem #339;
  }
  .box06 .pic img { height:5rem; }
  .box06 p { height: 1.6rem; white-space: normal; }
  
  .xfBox {
    top:auto; bottom:1.5rem; 
  	width:3.72rem; height:2.5rem; padding-top: 1rem;
  	background-size: contain;
    font-size: .6rem; line-height: 1rem;
  }
  .xfEwm { width: 10rem; padding:1.5rem; border-radius:.5rem; }
  .closeMe { right:-.5rem; top:-1.8rem; width:1.4rem; height:1.4rem; }
  .closeMe:before,
  .closeMe:after { width:1rem; height:.1rem; left:.2rem; top:.65rem; }
  
	/* 通用底部 */
	.footer { position: relative; height: 2.4rem; padding: 0; overflow: hidden; }
	.footer:before {
		display: block; content: "华图教育集团版权所有";
		position: absolute; left: 0; top: 0;
		width: 100%; height: 2.4rem; overflow: hidden;
		color:#fff; font-size: .7rem; line-height: 2.4rem; text-align: center; }
}