html {font-size: 62.5%;/*10 ÷ 16 × 100% = 62.5%*/}
html, body {
	position: relative;
	height: 100%;
	background: #d1d1d1;
}
body img{
	display:block;
	width:100%;
}
.swiper {
	width: 100%;
	height: 100%;
}
.hide {
	display: none;
}
.swiper-slide {
	text-align: center;
      font-size: 18px;
    

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
	  /* opacity: 0.3; */
}
.step{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.hide{
	display: none;
}
.cover{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: rgba(0,0,0,0.8);
	z-index: 99;
}
.pop{
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 100;
}
.pbg{
	height: 100%;
	background-position: center 0;
	background-repeat: no-repeat;
	background-size: 100% auto;
}
.mdbox {
	display: flex;
	align-items: center;
	left: 0;
	top: 0;
	height: 100%;
}
.pt {
	position: absolute;
	width: 100%;
	left: 0;
}
.pts {
	position: absolute;
	width: 100%;
	left: 0;
}

@keyframes bgmove {
 0% {
 transform: rotate(0)
}
 100% {
 transform: rotate(360deg)
}
}
 @-webkit-keyframes bgmove {
 0% {
 transform: rotate(0)
}
 100% {
 transform: rotate(360deg)
}
}
.allpop{
	background: #666;
    border-radius: 5px;
    padding: 8px;
    line-height: 0.3rem;
    white-space: nowrap;
    letter-spacing: 0.05rem;
    color: #fff;
    text-align: center;
    position: fixed;
    z-index: 99999;
    top: 45%;
    margin: 0 auto;
    font-size: 0.3rem;
    display: block;
	left: 50%;
    transform: translateX(-50%);
}
.wd{
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	height: 100%;
	color: #ad3a2d;
}
.wd-title{
	position: absolute;
    width: 76%;
    text-align: center;
    font-size: 0.4rem;
    top: 25%;
    left: 12%;
    line-height: 0.6rem;
    font-weight: bold;
}
.wd-text{
	position: absolute;
    width: 76%;
    font-size: 0.45rem;
    top: 48%;
    left: 11.5%;
    line-height: 0.6rem;
    font-weight: bold;
    text-align: center;
    letter-spacing: 0.021rem;
}
.p1-1{
	position: absolute;
	top: 0;
	left:0;
	width: 100%
}
.p1-2{
	position: absolute;
	bottom: 0;
	left:0;
	width: 100%
}
.vbg1{
	background: url(../img/bg1.png) repeat-y 0 0/100% auto;
}
.wbg{
	background-size: 100% auto;
}
.hbg{
	background-size: auto 100%;
}
.full{
	height: 100%;
	float: left;
}
.logo{
	position: absolute;
	width: 54.93%;
	right: 2.53%;
	top: 0;
	z-index: 9;

}
.p1-3{
	position: absolute;
	width: 93.33%;
	left:4.13%;
	top: 23.28%;
}
.p2-3{
	position: absolute;
	width: 90.93%;
	left:5.06%;
	top: 9%;
}
input{
	border: 0px solid #000;

	width: 77%;
	left:11%;
	font-size: 3vw;
	font-family: "微软雅黑","黑体", sans-serif;
	height: 6vw;
	position: absolute;
}
.comsname{
	top: 21.5%;
}
.name{
	top: 33%;
}
.works{
	top: 44.5%;
}
.phone{
	top: 56.2%;
}
.subinfor{
	position: absolute;
	width: 36.8%;
	left:31.08%;
	top: 66%;
}
.p3-2{
	position: absolute;
	width: 85.86%;
	left:7.06%;
	top: 13.6%;
}
.logo-2{
	position: absolute;
	width: 45.33%;
	bottom: 1.9%;
	right: 0;
	z-index: 10;
	pointer-events: none;
}