@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 !important;;} }
	@media screen and (min-width:340px) { html{ font-size:21.25px !important;;} }
	@media screen and (min-width:360px) { html{ font-size:22.5px !important;;} }
	@media screen and (min-width:380px) { html{ font-size:23.75px !important;;} }
	@media screen and (min-width:400px) { html{ font-size:24.8px !important;;} }
	@media screen and (min-width:400px) { html{ font-size:24.72px !important;;} }
	@media screen and (min-width:413px) { html{ font-size:24.8px !important;;} }
	@media screen and (min-width:440px) { html{ font-size:27.5px !important;;} }
	@media screen and (min-width:480px) { html{ font-size:30px !important;;} }
	@media screen and (min-width:520px) { html{ font-size:32.5px !important;;} }
	@media screen and (min-width:560px) { html{ font-size:35px !important;;} }
	@media screen and (min-width:600px) { html{ font-size:37.5px !important;;} }
	@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;
}
.header{
	position: relative;
	width: 100%;
	height: 100%;
	/*background: url(../img/w1_01.png) no-repeat center;*/
	-webkit-background-size:100% 100%;
}

.header img{
    width: 100%;
	height: 100%;
	background-size:100% 100%;
	display: block;
}



.part1{
	width:100%;
	height:2.5rem;
	position: relative;
}

.logo{
	position: absolute;
	top:.5rem;
	left:.5rem;
	width:3.2rem;
	height:auto;
}
.better{
	position: absolute;
	top:1rem;
	right:.5rem;
	width: 9rem;
	height: auto;
}
.logo img,.better img{
	width: 100%;
	height: 100%;
	display: block;	
}
.part2{
	width: 100%;
	height: 3rem;
	background: #38bca4;
	text-align: center;
	line-height: 3rem;
	color: #FFFFFF;
	font-size:.8rem;
}
.part3,.part4{
	width:90%;
	height:auto;
	margin:0 auto;
	padding-bottom: 1rem;
}
.qy {
    color: #38bca4;
    font-size:.65rem;
    text-align: center;
    padding-top:.5rem;
    padding-bottom:.5rem;
}
.qya{
	color: #828282;
    font-size:.61rem;
    line-height:1.2rem;
    text-indent:2em;
}
.qyb{
	color: #828282;
    font-size:.65rem;
    line-height:1.2rem;
}
.ula {
    padding-bottom:1rem;
}

.ula li{
    font-size:.61rem;
    line-height:1.3rem;
}
.ula li a{
	color: #828282;
	display: block;
}
.ula li a span{
	display:block;
	float:left;
	width:1.2rem;
	height:auto;
}
.one{
	color:#333333;
	font-size:.65rem;
	line-height:1.2rem;
}

.qyc, .qyd {
    color: #828282;
    font-size:.61rem;
    line-height:1.2rem;
}
.qyc .qyc1{
    color: #333333;
    background: url(../img/sy.jpg) no-repeat scroll 0 .25rem;
    padding-left:.5rem;
}
.qyd .qyd1{
    color: #828282;
    background: url(../img/ky.jpg) no-repeat scroll 0 .2rem;
    padding-left:.5rem;
}

.qye {
    color: #38bca4;
    font-size:.61rem;
    line-height:1.2rem;
}


.qyc .email {
    color: #38bca4;
}
.qyc .qyc1.a{
	color:#828282;
}
.qyc.a{
	padding-left:.5rem;
}
.bold-under {
	color: #000000;
	font-weight: bold;
	display: inline;
	text-decoration: underline;
}
.bold-under-p {
	color: #000000;
	font-weight: bold;
	display: block;
	text-decoration: underline;
}