body{ font-family:Helvetica;position: relative;}
html, body{ overflow: hidden; height: 100%;}
a{ text-decoration: none;color: #666;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;}
body, dl, dd, h1, h2, h3, h4, h5, h6, p, form{ margin:0;}
ol,ul,li,dl,dt,dd{ margin:0; padding:0; list-style: none;}
html{font-size: 50px;}
body{font-size: 0.28rem;color: #666666}
input[type="button"],input[type="submit"],input[type="reset"],textarea,select{-webkit-appearance: none;-webkit-tap-highlight-color:transparent;} 
*{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-tap-highlight-color:transparent}
body.mhome{
	padding: 0;
    min-width: 300px;
    max-width: 750px;
    margin: 0 auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;/*溢出为touch事件*/
    -webkit-text-size-adjust: 100%;/*清除浏览器默认字号大小,横竖屏时字号不变*/
    text-size-adjust: 100%;
	background-color: #fff;
}
img{
	max-width: 7.5rem;
}
/*===通用===*/
.clear{clear: both;}
.after:after{
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.animate{opacity: 0}

/* 加载动画 */
#caseBlanche{
	background: #dcbc94;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 99998;
}
#caseBlanche #load{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
#caseBlanche #load i{
	display: block;
}
#caseBlanche #load i img{width: 2.4rem;}
#caseBlanche #load .loading{
	display: block;
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: .4rem;
	margin-top: .3rem;
}
.square-gradient {
  position: relative;
  width: 60px;
  height: 75px; }
  .square-gradient .gradient {
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 0;
    background-color: #ab6640;
    display: block;
   }
  .square-gradient .gradient:nth-child(1) {
    left: 0px;
    top: 0; }
  .square-gradient .gradient:nth-child(1) {
    animation: a-gradient 1s infinite linear; }

@keyframes a-gradient {
  0% {
    transform: scale(1); }
  20% {
    transform: scale(0.6); }
  40% {
    transform: scale(0.4); }
  60% {
    transform: scale(0.2); }
  80% {
    transform: scale(0.6); }
  100% {
    transform: scale(1); } }
  .square-gradient .gradient:nth-child(2) {
    left: 20px;
    top: 0; }
  .square-gradient .gradient:nth-child(2) {
    animation: b-gradient 1s infinite linear; }

@keyframes b-gradient {
  0% {
    transform: scale(1); }
  20% {
    transform: scale(1); }
  40% {
    transform: scale(0.6); }
  60% {
    transform: scale(0.2); }
  80% {
    transform: scale(0.8); }
  100% {
    transform: scale(1); } }
  .square-gradient .gradient:nth-child(3) {
    left: 40px;
    top: 0; }
  .square-gradient .gradient:nth-child(3) {
    animation: c-gradient 1s infinite linear; }

@keyframes c-gradient {
  0% {
    transform: scale(1); }
  20% {
    transform: scale(1); }
  40% {
    transform: scale(1); }
  60% {
    transform: scale(0.6); }
  80% {
    transform: scale(0.2); }
  100% {
    transform: scale(1); } }
  .square-gradient .gradient:nth-child(4) {
    left: 0px;
    top: 20px; }
  .square-gradient .gradient:nth-child(4) {
    animation: d-gradient 1s infinite linear; }

@keyframes d-gradient {
  0% {
    transform: scale(1); }
  20% {
    transform: scale(1); }
  40% {
    transform: scale(0.6); }
  60% {
    transform: scale(0.2); }
  80% {
    transform: scale(0.8); }
  100% {
    transform: scale(1); } }
  .square-gradient .gradient:nth-child(5) {
    left: 20px;
    top: 20px; }
  .square-gradient .gradient:nth-child(5) {
    animation: e-gradient 1s infinite linear; }

@keyframes e-gradient {
  0% {
    transform: scale(1); }
  20% {
    transform: scale(1); }
  40% {
    transform: scale(1); }
  60% {
    transform: scale(0.6); }
  80% {
    transform: scale(0.2); }
  100% {
    transform: scale(1); } }
  .square-gradient .gradient:nth-child(6) {
    left: 40px;
    top: 20px; }
  .square-gradient .gradient:nth-child(6) {
    animation: f-gradient 1s infinite linear; }

@keyframes f-gradient {
  0% {
    transform: scale(1); }
  20% {
    transform: scale(1); }
  40% {
    transform: scale(1); }
  60% {
    transform: scale(1); }
  80% {
    transform: scale(0.2); }
  100% {
    transform: scale(1); } }
  .square-gradient .gradient:nth-child(7) {
    left: 0px;
    top: 40px; }
  .square-gradient .gradient:nth-child(7) {
    animation: g-gradient 1s infinite linear; }

@keyframes g-gradient {
  0% {
    transform: scale(1); }
  20% {
    transform: scale(1); }
  40% {
    transform: scale(1); }
  60% {
    transform: scale(0.6); }
  80% {
    transform: scale(0.2); }
  100% {
    transform: scale(1); } }
  .square-gradient .gradient:nth-child(8) {
    left: 20px;
    top: 40px; }
  .square-gradient .gradient:nth-child(8) {
    animation: h-gradient 1s infinite linear; }

@keyframes h-gradient {
  0% {
    transform: scale(1); }
  20% {
    transform: scale(1); }
  40% {
    transform: scale(1); }
  60% {
    transform: scale(1); }
  80% {
    transform: scale(0.2); }
  100% {
    transform: scale(1); } }
  .square-gradient .gradient:nth-child(9) {
    left: 40px;
    top: 40px; }
  .square-gradient .gradient:nth-child(9) {
    animation: i-gradient 1s infinite linear; }

@keyframes i-gradient {
  0% {
    transform: scale(1); }
  20% {
    transform: scale(1); }
  40% {
    transform: scale(1); }
  50% {
    transform: scale(1); }
  60% {
    transform: scale(1); }
  70% {
    transform: scale(1); }
  80% {
    transform: scale(1); }
  90% {
    transform: scale(0.5); }
  100% {
    transform: scale(1); } }
  .square-gradient .gradient:nth-child(10) {
    left: 60px;
    top: 40px; }
  .square-gradient .gradient:nth-child(10) {
    animation: j-gradient 1s infinite linear; }
@keyframes updown{
	25% {transform: translateY(-5px);}
	50%, 100% {transform: translateY(0);}
	75% {transform: translateY(5px);}
}

.pubbtn{
	animation: updown 1s infinite linear;
}


#content{
	position: relative;
	height: 100%;
	width: 100%;
}
.swiper-slide{
	position: relative;
	overflow: hidden;
}
.innerBox{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 3;
}
.pubBg{
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	height: 100%;
	object-fit: cover;
}
.pubbtn{
	position: absolute;
	width: .47rem;
	bottom: 1.2rem;
	left: 50%;
	z-index: 5;
	margin-left: -.235rem;
}
.innerBox img{
	position: absolute;
	width: 100%;
	left: 0;
	display: block;
}
.logo{
	position: absolute;
	width: 3.1rem;
	z-index: 5;
	top: .54rem;
	left: .4rem;
}
.bg2{
	width: 100%;
	height: 100%;
	object-fit: cover;
	top: 0;
	left: 0;
}
.slide1 .img1{
	top: 1.35rem;
	z-index: 2;
}
.tip{
	bottom: 0;
}
.inPubimg{
	width: 100%;
	top: 2.35rem;
}
.slide10 .img1{
	top: 3.22rem;
}