@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;
}
.part2{
	width:95%;
	height:auto;
	margin: 0 auto;
	margin-top: .2rem;
}
.interview{
	width:100%;
	height:1.12rem;
	background:url(../img/ts.png) no-repeat center;
	background-size:100% 100%;
	line-height:1.12rem;
	font-size:.30rem;	
	padding-left:.3rem;
	margin: 0 auto;
	margin-bottom:.1rem;
	display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp:1;
  overflow: hidden;
}
.interview a{
	color: #FFFFFF;
  display: block;
}
.djck{
	text-align: center;
	font-size:.23rem;
	color:#4187ee;
	margin-top: .1rem;
	margin-bottom:.1rem;
}
.yc-zk{
	display: none;
}




.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;
}