@import url(reset.css);
	@media screen and (max-width:320px) { html{ font-size:20px !important;} }
	@media screen and (min-width:320px) { html{ font-size:20px;} }
	@media screen and (min-width:340px) { html{ font-size:21.25px;} }
	@media screen and (min-width:360px) { html{ font-size:22.5px;} }
	@media screen and (min-width:380px) { html{ font-size:23.75px;} }
	@media screen and (min-width:400px) { html{ font-size:24.8px;} }
	@media screen and (min-width:400px) { html{ font-size:24.72px;} }
	@media screen and (min-width:413px) { html{ font-size:24.8px;} }
	@media screen and (min-width:440px) { html{ font-size:27.5px;} }
	@media screen and (min-width:480px) { html{ font-size:30px;} }
	@media screen and (min-width:520px) { html{ font-size:32.5px;} }
	@media screen and (min-width:560px) { html{ font-size:35px;} }
	@media screen and (min-width:600px) { html{ font-size:37.5px;} }
	@media screen and (min-width:640px) { html{ font-size:40px !important;} }
body{
	background:#fff;
}
.wrap {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  background: #fff;
  
}
.warp {
	max-width: 750px;
	margin: 0 auto;
	min-width:320px;
}
.logo{
	width: 100%;
    height:2.075rem;
    background:#00ba97;
    padding-top:.2rem;
    position: fixed;
    top: 0;
    z-index:98;
    max-width:750px;
}
.logo a{
	display: block;
}
.logo img{
	width: 6.45rem;
	height:1.15rem;
	overflow: hidden;
	margin-top: .3rem;
	margin-left:.3rem;
}

.header{
	position: relative;
	width: 100%;
	height: 100%;
	/*background: url(../images/w1_01.png) no-repeat center;*/
	-webkit-background-size:100% 100%;
}

.header img{
    width: 100%;
	height: 100%;
	background-size:100% 100%;
	display: block;
}
.ula{
	width:100%;
	overflow:hidden;
	position: relative;
	position:fixed;
	top:2.075rem;
	height: 2rem;
	z-index:98;
	background: #FFFFFF;
	max-width:750px;
	height: 3rem;
}
.ula li{
	float: left;
	line-height: 1.05rem;
	padding-top: 0.25rem;
}
.ula li a{
	padding:0 .5rem 0 .4rem;
	font-size:.75rem;
	color: #4A4A4A;
}
.ula li a.active{
	padding:0 .4rem 0 .3rem;
	font-size:.78rem;
	color:#00ba97;
}
.ula .xia{
	position:absolute;
    right:.5rem;
    top:.7rem;
}
.ula .shang{
	position: absolute;
    right:.5rem;
    bottom:.7rem;
    display: none;
}
.ula .xia img,.ula .shang img{
	width:100%;
	height:100%;
	display: block;
}

/**/
.banner{
	width:100%;
	height:auto;	
	margin: 0 auto;
	margin-top:4.05rem;
}
.swiper-container {
        width: 100%;
        height: 100%;
}
.swiper-slide {
    font-size: 18px;
    /* 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;
}
.tuji{
	width:100%;
	height:100%;
	position: relative;
}
.tuji img{
	width: 100%;
	height: 100%;
	background-size:100% 100%;
	display: block;
}
.swiper-slide span{
	position: absolute;
	bottom: 0;
	display:inline-block;
	background-color: rgba(0,0,0,.5);
	width: 100%;
	height:1.45rem;
	line-height: 1.45rem;
	padding-left:.5rem;
	font-size:.75rem;
	color: #ffffff;
}
/**/
.con{
	width: 100%;
	height: auto;
}
.con .tiao{
	width: 100%;
	height:.325rem;
	background:#e1e1e1;
}
.ulb{
	width:100%;
	height:auto;
	margin-top:.5rem;
	overflow: hidden;
}
.ulb li{
	float: left;
	height:1.45rem;
	font-size:.5rem;
	margin:.1rem .04rem .1rem .04rem;
}
.ulb .lib.a{
	margin-left:.15rem;
}
.ulb .lib{
	width:15%;
}
.ulb .lib2{
	width:20%;
}
.ulb li a{
	line-height:1.45rem;
	padding:0 .1rem 0 .1rem;
	border:.03rem solid #d2d2d2;
	text-align:center;
	border-radius:1rem;
	display: block;
	color: #262626;
}
.ulb li a:hover,.ulb li a.active{
	line-height:1.45rem;
	padding:0 .1rem 0 .1rem;
	border:.01rem solid #ffffff;
	background: #F19716;
	text-align:center;
	display: block;
	border-radius:1rem;
	color: #ffffff;
}
.tuwen{
	width: 95%;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
    padding-top: .5rem;
    padding-bottom: .3rem;
}
.imgwrap4{
	float: left;
	display: block;
}
.imgwrap4 img{
	width:4rem;
	height:3rem;
	display:block;
	background-size:100% 100%;
	
}
.infowrap{
	margin-left: 4.5rem;
}
.infowrap .infotitp{
	font-size:.79rem;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.infowrap .infotitp a{
	color: #262626;
}
.infowrap .infotext{	
	font-size: .68rem;
    line-height: 1rem;
    padding-top: .4rem;
    width:100%;
    height:3.4rem;
    overflow:hidden;
    color: #696969;
}
.infowrap .infotext a{
	color: #696969;
}
.ulc{
	width: 100%;
	height: auto;
}
.ulc li{
	border-bottom:.01rem solid #dcdcdc;
	line-height: 2.2rem;
	font-size:.67rem;
	padding-left:.5rem;
	padding-right:.5rem;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.ulc li:first-child{
 	border-top:.01rem solid #dcdcdc;
}
.ulc li a{
	color: #262626;
}
.gkpd{
	width:12.8rem;
	height:2.35rem;
	line-height: 2.35rem;
	border-radius:1rem;
	text-align: center;
	border:.03rem solid #f19717;
	margin: 0 auto;
	font-size: .85rem;
	margin-top: .75rem;
	margin-bottom: 1rem;
}
.gkpd a{
	color:#F19716;
}
.gkpd span img{
	width: .45rem;
    height: .55rem;
    position: relative;
    top: .9rem;
    left: .2rem;
}
.ft{
	width: 100%;
	height: auto;
}
.ft img{
	width: 100%;
	height: 100%;
	background-size:100% 100%;
	display: block;
}
.footer{
	width: 100%;
	height: auto;
	background:#d4b255;
}
.dlc{
	width:95%;
	height:auto;
	margin: 0 auto;
	overflow:hidden;
	padding-top:.4rem;
	padding-bottom:.4rem;
}
.dlc .dtc{
	width:4rem;
	height:auto;
	float: left;
}
.dlc .dtc img{
	width: 100%;
	height: 100%;
	display: block;
}
.dlc .ddc{
	margin-left:4.4rem;
	color:#ffffff;
	font-size:.7rem;
	line-height:1rem;
}
.dlc .ddc .dfjt,.dlc .ddc .dfjy{
	color:#ec2c66;
	font-weight: bold;
}
.dlc .ddc .dfjt{
	font-style:italic;
}