@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: 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;
}
/*头部公共*/
.dh{
	width: 100%;
	height: 2.1rem;
	background:#27324e;	
}
.qh{
	/*width:5rem;*/
    height:auto;
    font-size:.8rem;
    display:inline-block;
    margin-top:.5rem;
    float: right;
    margin-right:1.7rem;
}
.qh a{
	color:#acb4c9;
}
.qh img{
	position: relative;
    width:.25rem;
    height:1rem;
    padding-left:.1rem;
    padding-right:.1rem;
}
@media screen and (max-width:1924px) and (min-width:750px){
	.qh img{	
    top: .2rem;
    width:.25rem;
    height:.8rem;
	}
}
.xdh{
	float: right;
	display: block;
}
.xdh img{
	width:1.1rem;
	height:auto;
	overflow: hidden;
	margin-top:.5rem;
	margin-right:.3rem;
}
.warp .nav{
	width: 100%;
	height: auto;
	position:absolute;
	background: #ffffff;
	z-index:500;
	top: 2.1rem;
	display: none;
	max-width: 750px;
}
.nava{
	width: 100%;
	height: auto;
}
.nava li{
	text-align: center;
	line-height: 2rem;
	border-bottom:.01rem solid #dcdcdc;
	font-size:.8rem;
	color:#4477ab;
}
.nava li a{
	display: block;
	color:#4477ab;
}
.sclm{
	background:#ebebeb;
	display:none;
}
.nava .sclm a{
    border-bottom:.01rem solid #dcdcdc;
    color:#575656;
}
.logo{
	width:100%;
	height:4.3rem;
}
.logo a{
	display: block;
}
.logo img{
	width: 11.6rem;
    height: auto;
    display: block;
    padding-top: 1rem;
    margin: 0 auto;
}
/**/

.banner{
	width: 100%;
	height: auto;
	padding-bottom: .3rem;
	background:#f5f5f5;
	border-bottom: .01rem solid #e8e8e8;
}
.banner img{
	width: 100%;
	height: 100%;
	background-size:100% 100%;
	display: block;
}
.qieh{
	width: 100%;
	height: auto;
}
.ula{
	width:100%;
    height:2.25rem;   
    display: -webkit-flex;
    display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;     /* OLD - Firefox 19- H5不用考虑 */
	display: -mz-flexbox; /* TWEENER IE 10 */
	display: flex;       /* NEW, Spec - Opera 12.1, Firefox 20+ */
	line-height: 2.25rem;
	text-align: center;
}
.ula li{
	flex:1;
	background:#4477ab;
	font-size: .9rem;
	color: #FFFFFF;
}
.ula li:hover{
	background:#dfbc59;
	color: #FFFFFF;
}
.ula li.active{
	background:#dfbc59;
	color: #FFFFFF;
}

/**/
.lead{
	width:100%;
	height:auto;
	padding-top:1rem;
	padding-bottom:1rem;
}
.lead.er{
	display: none;
}
.leada{
	width:96%;
	height:auto;
	margin:0 auto;
    display: -webkit-box;    
}
.leada.a{
	padding-top:1.5rem;
}
.leada li{
	width:50%;
}
.leada li:first-child{
	padding-right:.3rem;
}
.leada li:nth-child(2){
	padding-left:.3rem;
}
.leada img{
	width: 100%;
	height: 100%;
	background-size:100% 100%;
	display: block;
}
.leada .kczt{
	font-size:.9rem;
	font-weight: bold;
	font-family: arial;
	color: #1F5E9A;
	display: block;
	padding-top:.5rem;
}
.leada .cxzx{
	color: #1F5E9A;
	font-size:.9rem;
	display: block;
	padding-top:.2rem;
}
.leada .ldjj{
	color:#575656;
	font-size:.7rem;
	line-height:1.1rem;
	display: block;
	padding-top:.4rem;
	padding-bottom:.3rem;
}
.leada li .ldgd{
   font-size:.7rem;
   color:#e6bb42;
   text-decoration:underline;
}


/*底部*/
.part6{
	width: 100%;
	height: auto;
	background:#323c57;
	padding-top: 1.2rem;
}
.bt4{
	background:url(../img/xian4.png)no-repeat center;
    color:#FFFFFF;
    font-size: .85rem;
    text-align: center;
    width:100%;
    height:auto;
    background-size: 100%;
    display: block;
}
.ulb{
	width: 94%;
    height: auto;
    margin: 0 auto;
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-box;
    display: -mz-flexbox;
    display: flex;
    position: relative;
    padding-bottom:.5rem;
    padding-top:.5rem;
}
.ulb li{
	flex:1;
	font-size:.6rem;
	color: #FFFFFF;
	text-align: center;
}
.ulb li:first-child{
	/*padding-left:.2rem;*/
}
.ulb li img{
	width: .6rem;
	position: relative;
	margin-right: .1rem;
} 
.part7{
	width: 100%;
	height: auto;
	background:#27324e;
	padding-bottom: 1.4rem;
}
/*cheng Start*/
.part7 .part7Ul{
	background:#27324e;
	width: 100%;
	height: auto;
	display: flex;
	position: relative;
}
.part7Ul li{
	flex: 1;
	position: relative;
}
.part7Ul li img{
	width:100%;
	height:auto;
	padding: 1rem;
}
.part7Ul li span{	  
    font-size: .65rem;
    text-align: center;    
    bottom: 0;
    color: #FFFFFF;
    margin: 0 auto;
    display: block;
}
/*cheng End*/
.part7 .db{
	padding-top: 1rem;
	font-size:.6rem;
	line-height: 1rem;
	color:#FFFFFF;
	text-align: center;
}
.warp .hdb{
	max-width:750px;
	position:fixed;
	bottom:6rem;
	right:.3rem;
	z-index:600;	
}
.hdb a{
	display: block;
	width:1.9rem;
	height:1.9rem;
}
.hdb a img{
	width: 100%;
	height: 100%;
	background-size:100% 100%;
	display: block;	
}
/**/