@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;
	position: relative;
}
.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;
}
.nava{
	width: 100%;
	height: auto;
	max-width: 750px;
}
.nava li{
	text-align: center;
	line-height: 2rem;
	border-bottom:.01rem solid #dcdcdc;
	font-size:.8rem;
	color:#4477ab;
}
.nava li:last-child{
	border-bottom: none;
}
.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;
}
/*头部公共*/
/**/
.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;
    background: #f5f5f5;
    padding-bottom: .4rem;
    border-bottom: .01rem solid #e8e8e8;
}
.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;*/
}
.part1{
	width: 100%;
	height: auto;
	position: relative;
}
.part1a{
	width:95%;
	height:auto;
	margin:0 auto;
	padding-top:1rem;
	padding-bottom:1.5rem;
}
.bt1{
	background:url(../img/xian.png)no-repeat center;
    color:#325e95;
    font-size: .85rem;
    text-align: center;
    width:100%;
    height:auto;
    background-size: 100%;
    display: block;
}
.bt1.a{
	color: #ffffff;
	width: 95%;
    margin: 0 auto;
}
.yz{
	width: 100%;
    height: auto;
    padding-top: 1rem;
}
.yz img{
	width:100%;
	height:100%;
	background-size:100% 100%;
	display: block;
}
.jy{
	color:#575656;
	font-size:.7rem;
	padding-top: .7rem;
	line-height: 1.15rem;
}
.jy.a,.jy.b,.jy.c{
	padding-top:1rem;
}
.part1 .bj{
	position:absolute;
	bottom: 0;
	width: 100%;
	height:15rem;
	background:url(../img/bj1.jpg) no-repeat center;
	background-size:100% 100%;
	display: block;
	z-index: -1;
}
.part2{
	width: 100%;
	height: auto;
	position: relative;
	background:#3079b0;
	padding-bottom: 1rem;
	z-index: 1;
}
.part2a{
	width: 95%;
    height: auto;
    margin: 0 auto;
    padding-top: 1rem;
}
.sp {
    width: 100%;
    height: auto;
    background-size: 100% 100%;
    margin: 0 auto;
}
.ModuleTop {
    position: relative;
    width: 100%;
    height: 100%;
    max-height: 503px;
    max-width: 750px;
    margin: 0 auto;
    padding: .3rem;
}
.ModuleTop img {
    display: block;
    width: 100%;
    height: 100%;
}
/**/
.tuwen{
	width:100%;
	height:auto;
	overflow: hidden;
	margin-top: 1rem;
	padding-bottom:1rem;
	border-bottom:1px solid #82a4c8;
}
#xax{
   border-bottom: none;
}
.tuwen .imgwrap4{
	width:6rem;
	height:auto;
	display: block;
	float: left;
	margin-right:.5rem;
}
.tuwen .imgwrap4 img{
	width: 100%;
	height: 100%;
	background-size:100% 100%;
	display: block;
}
.infotitp a{
	color: #ffffff;
    font-size: .65rem;
    display: inline-block;
    line-height: .85rem;
    overflow: hidden;
    width:56%;
    height: 1.8rem;
}
.infotita a{
	color:#666666;
	font-size:.55rem;
	padding-top: .3rem;
}
.infotext{
	font-size:.65rem;
	line-height:1rem;
	color:#bed8f3;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp:2;
	overflow: hidden;
}
.tuwen .aaa{
	height:4rem;
}
.xxxw{
	color:#ffde79;
	font-size:.75rem;
	padding-bottom: .2rem;
	display:none;
}
.xxxw img{
	width: 1rem;
    margin-top: .2rem;
    margin-left: .3rem;
}	
/**/
.ckgd a{
	text-align: center;
	color:#ffffff;
	font-size:.75rem;
	display: block;
}
.part2 .bj1{
	position:absolute;
	top:0;
	width: 100%;
	height: 22rem;
	background:url(../img/zwbj.jpg) no-repeat center;
	background-size:100% 100%;
	display: block;
	z-index: -1;
}
.part2 .bj2{
	position:absolute;
	bottom:5%;
	width:90%;
	height:21rem;
	background:url(../img/bloimg.png) no-repeat center;
	background-size:100% 100%;
	display: block;
	z-index: -1;
}
.part3{
	width: 100%;
    height: auto;
    position: relative;
    padding-bottom: 1rem;
} 
.part3a{
	width: 95%;
    height: auto;
    margin: 0 auto;
    padding-top: 1rem;
}
.bt2{
	background:url(../img/xian1.png)no-repeat center;
    color:#325e95;
    font-size: .85rem;
    text-align: center;
    width:100%;
    height:auto;
    background-size: 100%;
    display: block;
} 
.ula{
	width:100%;
    height: auto;   
    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+ */
	position: relative;
}
.ula li{
	flex: 1;
	position:relative;
}
/**/
.ula li .zsz{
	position: absolute;
	top:30%;
	text-align:center;
	width:100%;
	height:auto;
	color:#ffffff;
}
.ula li .zszc{
	text-align:center;
	font-size:1.6rem;
	font-weight:bold;
}
.ula li .zszca{
	font-size:1rem;
    border:.01rem solid #ffffff;
    display:inline-block;
    position:relative;
    top:-0.1rem;
    margin-left:0.1rem;
    padding:.1rem;
}
.ula li span.xxgh{
	position:absolute;
	left: 0;
	width: 100%;
	height:1.4rem;
	background-color: rgba(0,0,0,.5);
	font-size: .65rem;
	text-align: center;
	line-height: 1.4rem;
	bottom: 0;
	color: #FFFFFF;
}
.ula li img{
	width: 100%;
	height: 100%;
}
/**/
.ula li a{
	display: block;
}
.ula li a img{
	width: 100%;
	height: 100%;
	background-size:100% 100%;
	display: block;
}
.ula li:nth-child(2){
	margin-left:.2rem;
}
.ula{
	margin-bottom:.2rem;
}
.ula.a{
	padding-top: 1rem;
}
.part4{
	width: 100%;
    height: auto;
    position: relative;
    padding-bottom: 1rem;
}
.part4a{
	width: 95%;
    height: auto;
    margin: 0 auto;
    padding-top: 1rem;
} 
.bt3{
	background:url(../img/xian3.png)no-repeat center;
    color:#325e95;
    font-size: .85rem;
    text-align: center;
    width:100%;
    height:auto;
    background-size: 100%;
    display: block;
}
.xy1{
	width:100%;
	height:auto;
	display: block;
	position: relative;
	padding-top:.8rem;
}
.xy1 img{
	width: 100%;
	height: 100%;
	background-size:100% 100%;
	display: block;
}
.xy1 span{
	position:absolute;
	width: 100%;
	height:1.4rem;
	background-color: rgba(0,0,0,.5);
	font-size: .65rem;
	text-align: center;
	line-height: 1.4rem;
	bottom: 0;
	color: #FFFFFF;
}
.part5{
	width: 100%;
	height: auto;
	padding-top:.9rem;
	padding-bottom:1rem;
}
.tuji.a{
	background: #ffffff;
	border-bottom:none;
}
/**/
.uld{
	width: 100%;
	height: auto;
	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+ */
}
.uld li:nth-child(1){
	margin-left:.5rem;
}
.uld li:nth-child(2){
	margin-left:.5rem;
	margin-right:.5rem;
}
.uld li:nth-child(3){	
	margin-right:.5rem;
}
.uld li a{
	display: block;
}
.uld li a img{
	width: 100%;
	height: auto;
	display: block;
}
/**/
.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: 1rem;
    padding-top: 1rem;
}
.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-top: 1.4rem;
	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: 100%;
	padding: 1rem;
}
.part7Ul li span{
	position:absolute;
	top:-1rem;
	left: 0;
	width: 100%;
	height:1.4rem;
	/*background-color: rgba(0,0,0,.5);*/
	font-size: .65rem;
	text-align: center;
	line-height: 1.4rem;
	bottom: 0;
	color: #FFFFFF;
}
/*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;	
}
/*日历*/
.rrll{
	width: 100%;
	height: auto;
	padding-top: 1rem;
	position: relative;
}
.rrll #you2{
	position:absolute;
	top:23%;
	background-size: 19px 33px;
	z-index: 100;
}
.rrll #zuo2{
	position:absolute;
	top: 0;
	top:23%;
	background-size: 19px 33px;
	z-index: 100;
}
.rl{
  width: 100%;
  height: auto;	
  padding-top: 1rem;
}
.xxrl{
	width:100%;
	height:auto;
}
.yi{
	width:80%;
	height:auto;
	margin:0 auto;
	padding-bottom:1.2rem;
}
.yi img{
	width:100%;
	height:100%;
	background-size:100% 100%;
	display:block;
}
.yia{
	width: 100%;
	height: auto;
}
.yia li{
	border-top:.01rem solid #d3d3d3;
	line-height:2rem;
	color: #27324E;
	font-size:.6rem;
	overflow: hidden;
	height: 2rem;
}
.yia li:last-child{
	border-bottom:.01rem solid #d3d3d3;
}
.yia li .yib{
	width:3rem;
	display: inline-block;
	text-align: center;
	line-height: 2rem;
	color: #ffffff;
	background:#dfbb5a;
	font-size:.7rem;
	margin-right:.2rem;
}
.ckgdt{
	width: 100%;
	height: auto;
	text-align: center;
	font-size: .7rem;
	padding-top: .5rem;
	padding-bottom: .5rem;
}
.ckgdt a{
	display: block;
	color: #a4a4a4;
}
/**/