@charset "UTF-8";
@import url(reset.css);
@media screen and (max-width: 320px) {
  html {
    font-size: 42.67px !important;
  }
}

@media screen and (min-width: 320px) {
  html {
    font-size: 42.67px;
  }
}

@media screen and (min-width: 350px) {
  html {
    font-size: 46.67px;
  }
}

@media screen and (min-width: 375px) {
  html {
    font-size: 50px;
  }
}

@media screen and (min-width: 400px) {
  html {
    font-size: 53.33px;
  }
}

@media screen and (min-width: 450px) {
  html {
    font-size: 60px;
  }
}

@media screen and (min-width: 550px) {
  html {
    font-size: 73.33px;
  }
}

@media screen and (min-width: 600px) {
  html {
    font-size: 80px;
  }
}

@media screen and (min-width: 640px) {
  html {
    font-size: 85.33px;
  }
}

@media screen and (min-width: 650px) {
  html {
    font-size: 86.67px;
  }
}

@media screen and (min-width: 700px) {
  html {
    font-size: 93.33px;
  }
}

@media screen and (min-width: 750px) {
  html {
    font-size: 100px !important;
  }
}

.wrapper {
  min-width: 320px;
  max-width: 750px;
  margin: 0 auto;
  width: 100%;
}

.logo,{
	width: 100%;
	height: auto;
}
.logo img{
	width: 100%;
	height: auto;
	display: block;
}
.banner{
	width:95%;
	height:auto;
	margin: 0 auto;
}
.banner img,.xian img{
	width: 100%;
	height: auto;
	display: block;
}
.xian{
	width:94%;
	height:auto;
	margin: 0 auto;
	margin-top: .2rem;
	margin-bottom: .2rem;
}


.ula{
	width:95%;
	height:.6rem;
	margin:0 auto;
	/*overflow:hidden;*/
}
.ula li{
	width:24%;
	height:.6rem;
	background:url(../img/nav.png) no-repeat center;
	background-size:100% 100%;
	text-align: center;
	line-height: .6rem;
	float: left;
	font-size: .3rem;
	letter-spacing:.05rem;
	margin-left:1%;
	font-weight: bold;
	color:#FFFFFF;
	position: relative;
	cursor: pointer;
}
.ula li:hover,.ula li.active{
	width:24%;
	height:.6rem;
	background:url(../img/bs.png) no-repeat center;
	background-size:100% 100%;
	text-align: center;
	line-height: .6rem;
	float: left;
	font-size: .3rem;
	letter-spacing:.05rem;
	margin-left:1%;
	font-weight: bold;
}
/*.ula .lia{
	margin-left:.5%;
}*/
.ula li a{
   color:#FFFFFF;
   display: block;
}

.drop-down{
	display: none;
	width:99%;
	height: auto;
	background:url(../img/nav_xl.png) no-repeat center;
	background-size:100% 100%;
	position: absolute;
	z-index: 9999;
	top: .55rem;
}
.drop-down .dxian{
	  width: 80%;
    height: .04rem;
    display: block;
    margin: 0 auto;
}




.scene{
	width:1.98rem;
	height:.66rem;
	background:url(../img/mrbt.png) no-repeat center;
	background-size:100% 100%;
	line-height: .66rem;
	margin: 0 auto;
	text-align: center;
	color: #FFFFFF;
	font-size:.32rem;
	font-weight:bold;
	letter-spacing: .05rem;
	margin-top:.2rem;
}

.ship-k{
	width:95%;
	height:auto;
	margin:0 auto;
	padding: .12rem;
	background:url(../img/kuang.png) no-repeat center;
	background-size:100% 100%;
	margin-top:.2rem;
}

.part1{
	width: 100%;
	height: auto;
}
.bt1{
	width:4.1rem;
	height:.58rem;
	background:url(../img/bt1.png) no-repeat center;
	background-size:100% 100%;
	margin: 0 auto;
	line-height:.56rem;
	font-size:.32rem;
	color: #FFFFFF;
	font-weight: bold;
	letter-spacing:.05rem;
	margin-top:.3rem;
	padding-left:.55rem;
}
.bt1nr{
	width:95%;
	height: auto;
	margin: 0 auto;
	font-size:.28rem;
	line-height:.4rem;
	padding-top: .3rem;
}
.bt1nr .xqnr{
	display: block;
	text-align: center;
	padding-top: .2rem;
  font-size:.24rem;
  color:#4187ee;
}
.bt1nr a{
	color:#333333;
}
.part2{
		width: 95%;
    height: auto;
    margin: 0 auto;
    padding-bottom:.2rem
}
.bt2{
	   width: 4.38rem;
    height: .71rem;
    background: url(../img/bt2.png) no-repeat center;
    background-size: 100% 100%;
    margin: 0 auto;
    line-height: .71rem;
    font-size: .32rem;
    color: #FFFFFF;
    font-weight: bold;
    letter-spacing: .05rem;
    margin-top: .3rem;
    text-align: center;
}
.part2a{
	width:100%;
	height: auto;
	margin: 0 auto;
	background:url(../img/hbj1.png) no-repeat center;
	background-size:100% 100%;
	padding-bottom:.2rem;
	overflow: hidden;
	position: relative;
}
.ulb{
	width:100%;
	height:1.58rem;
	background:url(../img/sxian.png) no-repeat right .1rem;
	background-size: contain;
	float: left;
	
}
.ulb li{
   height:.8rem;
   line-height:.8rem;
   font-size:.28rem;
   font-weight: bold;
   padding-left:.3rem;
   overflow: hidden;	
   padding-right:.2rem;
}
.ulb li a{
	display: block;
	color:#FFFFFF;
}
.bxian {
    width: 95%;
    height: .05rem;
    margin: 0 auto;
}
.bxian img {
    width: 100%;
    height: 100%;
    display: block;
}


.part3{
	width:95%;
	height:auto;
	margin:0 auto;
}
.swiper-container {
     width:100%;
     margin:20px auto;
}
.swiper-slide {            
        background: #fff;    
        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;      
}
.lunbo {
    position: relative;
}
#container1 .swiper-slide img {
    width: 100%;
    height: auto;
}
#container2 .swiper-slide a img {
    width: 100%;
    height: auto;
}

.part4{
	width:95%;
	margin: 0 auto;
	padding-top:.3rem;
	padding-bottom:.3rem;
}
.part4 img{
	width:100%;
	height: auto;
	display: block;
}


.zc-hd{
	width:.86rem;
	height: auto;
	position: fixed;
	right:2%;
	bottom:2%;
}
.hdb a{
	display: block;
}
.hdb.a{
	margin-bottom:.2rem;
}
.hdb img{
	width:.86rem;
	height: .86rem;
	display: block;
}





.sp-warp{
	width: 100%;
	height:100%;
	max-width: 750px;
	background-color: rgba(0,0,0,.7);
	position:fixed;
	z-index:9999;
	display:none;
	top:0;
}
.number-sp{
	width: 100%;
	height: auto;
	padding-top:50%;
}
.guanb{
	width:.5rem;
	height:.5rem;
	background-color: rgba(0,0,0,.7);
	color: #ffffff;
	border-radius:50%;
	text-align:center;
	line-height:.5rem;
	font-size:.3rem;
	float: right;
	margin-right: .1rem;
  margin-top: .1rem;
}