@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;
}
.header{
	position: relative;
	width: 100%;
	height:auto;
}
.header img{
    width: 100%;
	height: 100%;
	background-size:100% 100%;
	display: block;
}
.header .header_dw{
	position: absolute;
	bottom:2.4rem;
	width: 100%;
	height:1.25rem;
}
.ula{
	width: 100%;
	height: 1.25rem;
}
.ula .lia{
	width:37%;
	height: 1.25rem;
	background:url(../img/cbj.png) no-repeat center;
	background-size:100% 100%;
	text-align: center;
	float: left;
}
.ula .lib{
	width:20%;
	height:1.25rem;
	background:url(../img/dbj.png) no-repeat center;
	background-size:100% 100%;
	margin-left:3%;
	margin-right: 3%;
	text-align:center;
	float:left;
}
.ula .lia a,.ula .lib a{
	display:block;
	color:#FFFFFF;
	font-size:.8rem;
	font-weight: bold;
	height:1.25rem;
}
.part1{
	width: 100%;
	height: auto;
	padding-top: .7rem;
	padding-bottom: 1.25rem;
	background:#eaf7fe;
}
.bt1{
	width: 8.1rem;
	height:2rem;
	background:url(../img/bt.png) no-repeat center;
	background-size:100% 100%;
	font-size:.8rem;
	font-weight: bold;
	text-align: center;
	color: #e97026;
	line-height:1.7rem;
	margin: 0 auto;
}
table{
	width:90%;
	height: auto;
	margin: 0 auto;
	border: .03rem solid #4ca0cd;
	margin-top: 1rem;
}
table tr th{
	color:#FFFFFF;
	font-size:.65rem;
	text-align: center;
	background:#4ca0cd;
	padding-top: .5rem;
	padding-bottom: .3rem;
}
table tr td{
	padding-top: .5rem;
	padding-bottom: .5rem;
}
table tr td:nth-child(1){
	font-size:.65rem;
	color:#313030;
	text-align: center;
	width:20%;
	border-right:.03rem solid #eaf7fe;
}
table tr td:nth-child(2){
	font-size:.65rem;
	color:#313030;
	text-align: center;
	width:55%;
	color:#4ca0cd;
	border-right:.03rem solid #eaf7fe;
}
table tr td:nth-child(3){
	font-size:.65rem;
	color:#313030;
	text-align: center;
	width:25%;	
}
table tr td a{
	color:#4ca0cd;
	display: block;
}
.ckgd{
	width:7.7rem;
	height:1.9rem;
	background: url(../img/lj.png) no-repeat center;
	background-size:100% 100%;
	text-align: center;
	line-height: 1.9rem;
	margin: 0 auto;
	margin-top:.7rem;
	font-size:.7rem;
}
.ckgd a{
	display: block;
	color: #FFFFFF;
}
.part2{
	width:100%;
	height:auto;
	padding-top:1.2rem;
}
.part2a{
	width: 90%;
	height: auto;
	margin: 0 auto;
	padding-top:.8rem;
	padding-bottom:.5rem;
}
.dla{
	width:100%;
	height: auto;
	overflow: hidden;
    margin-bottom: 1rem;
}
.dla .dta{
	width: 2rem;
	float: left;
}
.first{
	width: 1.4rem;
	height: 1.4rem;
	text-align:center;
	line-height: 1.4rem;
	font-size:1.1rem;
	color:#ffffff;
	background:#4ca0cd;
	border-radius:50%;
	margin-top: 1rem;
}
.dla .dda{
	margin-left:2.2rem;
	height:auto;
	border:.03rem dashed #4ca0cd;
	position:relative;
	padding-top:.5rem;
	padding-left:.5rem;
}
.dla .dda:after{
	content: "";
    width: .5rem;
    height: .6rem;
    background: url(../img/sj.jpg) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 27%;
    left: -.45rem;
    z-index: 90;
}
.dla .dda.a:after{
	top:25%;
}
.dla .dda.b:after{
	top:13%;
}
.dla .dda.c:after{
	top:53%;
}
.sfhy img{
	width: .8rem;
	height: auto;
	display: block;
	float: left;
	margin-right:.2rem;
	position: relative;
    top: .15rem;
}
.sfhy.a img{
	width: .7rem;
	position: relative;
    top:.1rem;
}
.sfhy.b img{
	width: .75rem;
	position: relative;
    top:.1rem;
}
.sfhy.c img{
	width: .8rem;
	position: relative;
    top:.1rem;
}
.sfhy{
	color:#343434;
	font-size:.7rem;
}
.sfhynr{
	color:#343434;
	font-size:.6rem;
	line-height: 1rem;
	padding-top:.5rem;
}
.part3a{
	width: 90%;
    height: auto;
    margin: 0 auto;
    padding-top: .8rem;
    padding-bottom: .5rem;
    background:#eeeeee;
    margin-top: 1rem;
}
.part3a .sz{
	width:2.2rem;
	height: 1rem;
	text-align: center;
	line-height:1rem;
	background:#4ca0cd;
	color: #ffffff;
	font-size: .7rem;
	position: relative;
    left: -1%;
}
.part3a .sznr{
	color: #343434;
	font-size:.6rem;
	line-height: .9rem;
	width:95%;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	padding-top:.3rem;
	padding-bottom:.5rem;
}
.part3a .a{
	font-size:9px;
}
.bt1.a{
	margin-top:1rem;
	margin-bottom:.5rem;
}
.part3b{
	width: 90%;
    height: auto;
    margin: 0 auto;
}
.part3b p{
	font-size: .6rem;
	line-height:1rem;
	padding-bottom: .5rem;
	color: #2b2b2b;
}
.part3b p a{
	color: #4ca0cd;
}
.part4{
	width: 100%;
	height: auto;
	background: #4ca0cd;
	padding-top: .7rem;
	padding-bottom: .7rem;
	margin-bottom: .5rem;
}
.footer{
	width:90%;
	height:auto;
	margin: 0 auto;
	overflow: hidden;
}
.footerL{
	width:4rem;
	height: auto;
	display: block;
	float: left;
}
.footerL img{
   width: 100%;
   height:100%;
   display: block;
}
.footerL span{
	display: block;
	text-align: center;
	color: #FFFFFF;
	font-size:.65rem;
}
.footerR{
	font-size: .7rem;
	line-height: 1.4rem;
	color: #FFFFFF;
	margin-left: 4.5rem;
}