@charset "utf-8";
/* CSS Document */
body{ padding:0; margin:0 auto; font-size: 14px; line-height: 1.42857143;background:#f2f2f2; font-family:arial,Microsoft YaHei,'微软雅黑','宋体'; color: #666460; min-width: 320px; max-width: 640px; width: 100%; zoom:1;

/*禁用Webkit内核浏览器的文字大小调整功能*/
-webkit-text-size-adjust:none; 

/*取出点击出现半透明的灰色背景*/
-webkit-tap-highlight-color:rgba(0,0,0,0); 
-webkit-tap-highlight:rgba(0,0,0,0);

/*控制文本可选性*/
-webkit-user-select: none;
    -ms-user-select: none;
   -moz-user-select: none;
 -khtml-user-select: none;
        user-select: none;
        
/*设置字体的抗锯齿或者说光滑度*/
-webkit-font-smoothing: antialiased;
}

pre{
	white-space:pre-wrap;
	white-space:-moz-pre-wrap;
	white-space:-pre-wrap;
	white-space:-o-pre-wrap;
	word-wrap:break-word;
	margin:0;
	font-family: "Microsoft YaHei";
	text-align:justify;
	text-justify:inter-ideograph;
	}
/*默认去除ul、li的默认样式*/
a{text-decoration:none}
p,h1,h2,h3,h4,h5,h6{ margin: 0; padding: 0;}
ul,li{ list-style:none; margin: 0; padding: 0;} 
img{max-width: 100%}
/* 第一屏 */

.yzbzs,.ry,.hd{
	margin-top:20px;
}

.znq{
	background:#fee4e6;
} 

@media screen and (max-width:320px){ 
	.arcticle .tit{
		width:310px;
		height:34px;	
		margin-top:15px;
		margin:0 auto;
	}
	.arcticle .tit h2{ 
		width:310px;
		float:left;
		height:auto;
		
		font-size:20px;
		text-align:center;
		font-weight:100;
		color:#ffffff;
		text-align: -moz-center; /*Firefox*/
		text-align: -webkit-center; /*Chrome*/
		
		background:url(../images/tit_back.jpg);
	} 
	.yzbzs .arcs{
		width:310px;
		margin:0 auto;
		
	}
	.yzbzs .arcs ul{
		width:310px;
		height:150px;
		margin:0 auto;
		background:url(../images/fz_back.jpg);
		
	}
	.yzbzs .arcs .end{
		margin-right:0;
	}
	.yzbzs .arcs li{
		float:left;
		width:70px;
		height:70px;
		margin-right:10px;
		margin-top:10px;
		background:#0092bb;
		border-radius:100px;
	}
	.yzbzs .arcs li p{
		display: block;
		width:70px;
		height:22px;
		color:#ffffff;
		text-align:center;
		line-height:30px;
		font-size:18px;
		padding-top: 22%;
	}
	.yzbzs .arcs li span{
		display: block;
		width:70px;
		height:18px;
		color:#ffffff;
		text-align:center;
		line-height:25px;
		font-size:15px;
	}
	.yzbzs .arcfa{
		width:310px;
		height:160px;
		overflow:hidden;
		margin:0 auto;
	}
	.yzbzs .arcfa ul{
		width:310px;
		height:160px;
		margin:0 auto;
	}
	
	.ry ul{
		width:310px;
		height:auto;
		margin:0 auto;
	}
	.ry ul li{
		float:left;
		width:150px;
		margin-right:10px;
		margin-top:20px;
	}
	.ry ul .end{
		margin-right:0;
	}
	.ry ul li img{
		width:150px;
		height:83px;
	}
	.ry ul li h2{
		width:150px;
		text-align:center;
		font-size:12px;
		color:#000;
		font-weight:bold;
		line-height: 25px;
	}
	.ry ul li p{
		width:150px;
		text-align:left;
		font-size:10px;
		color:#333;
		text-indent:2em;
		line-height: 17px;
	}
	.ry ul li a{
		width:85px;
		height:25px;
		float:right;
		font-size:10px;
		color:red;
	}
	.hd .tit h2{
		 
		margin-top:20px;
	}
	.hd ul{
		width:311px;
		height:auto;
		margin:0 auto;
		margin-top:20px;
	}
	.hd ul li{
		width:30%;
		float:left;
		height:auto;
		margin-right:5%;
		margin-top:20px;
	}
	.hd ul .end{
		margin-right:0;
	}
	.hd p{
		float:right;
		margin-right:10px;
	}
	
	.arcticle .zx{
		width:95%;
		height:auto;
		margin:0 auto; 
		margin-left: 3%;
		border-radius: 5px;
		 
	}
	.arcticle .zx a{
		display:block;
		width:100%;
		height:auto;
		 
		color:#871f24;
		text-align:center; 
	}	
}
 
@media screen and (min-width:360px) and (max-width:568px){ 
	.arcticle .tit{
		width:370px;
		height:34px;	
		margin-top:15px;
		margin:0 auto;
	}
	.arcticle .tit h2{ 
		width:370px;
		float:left;
		height:auto;
		
		font-size:20px;
		text-align:center;
		font-weight:100;
		color:#ffffff;
		text-align: -moz-center; /*Firefox*/
		text-align: -webkit-center; /*Chrome*/
		
		background:url(../images/tit_back.jpg);
	} 
	.yzbzs .arcs{
		width:370px;
		margin:0 auto;
		
	}
	.yzbzs .arcs ul{
		width:370px;
		height:170px;
		margin:0 auto;
		background:url(../images/fz_back2.jpg);
		
	}
	.yzbzs .arcs .end{
		margin-right:0;
	}
	.yzbzs .arcs li{
		float:left;
		width:85px;
		height:85px;
		margin-right:10px;
		margin-top:10px;
		background:#0092bb;
		border-radius:100px;
	}
	.yzbzs .arcs li p{
		display: block;
		width:85px;
		height:22px;
		color:#ffffff;
		text-align:center;
		line-height:30px;
		font-size:18px;
		padding-top: 22%;
	}
	.yzbzs .arcs li span{
		display: block;
		width:85px;
		height:18px;
		color:#ffffff;
		text-align:center;
		line-height:25px;
		font-size:15px;
	}
	.yzbzs .arcfa{
		width:370px;
		height:191px;
		overflow:hidden;
		margin:0 auto;
	}
	.ry ul{
		width:370px;
		height:auto;
		margin:0 auto;
	}
	.ry ul li{
		float:left;
		width:180px;
		margin-right:10px;
		margin-top:20px;
	}
	.ry ul .end{
		margin-right:0;
	}
	.ry ul li img{
		width:180px;
		height:100px;
	}
	.ry ul li h2{
		width:180px;
		text-align:center;
		font-size:14px;
		color:#000;
		font-weight:bold;
		line-height: 25px;
	}
	.ry ul li p{
		width:180px;
		text-align:left;
		font-size:12px;
		color:#333;
		text-indent:2em;
		line-height: 17px;
	}
	.ry ul li a{
		width:85px;
		height:25px;
		float:right;
		font-size:10px;
		color:red;
	}
	.hd .tit h2{
		 
		margin-top:20px;
	}
	.hd ul{
		width:370px;
		height:auto;
		margin:0 auto;
		margin-top:20px;
	}
	.hd ul li{
		width:30%;
		float:left;
		height:auto;
		margin-right:5%;
		margin-top:20px;
	}
	.hd ul .end{
		margin-right:0;
	}
	.hd p{
		float:right;
		margin-right:10px;
	}
	
	.arcticle .zx{
		width:95%;
		height:auto;
		margin:0 auto; 
		margin-left: 3%;
		border-radius: 5px;
		 
	}
	.arcticle .zx a{
		display:block;
		width:100%;
		height:auto;
		 
		color:#871f24;
		text-align:center; 
	}	
	
} 

 
@media screen and (min-width:640px) {
    .arcticle .tit{
		width:640px;
		height:34px;	
		margin-top:15px;
		margin:0 auto;
	}
	.arcticle .tit h2{ 
		width:640px;
		float:left;
		height:auto;
		
		font-size:20px;
		text-align:center;
		font-weight:100;
		color:#ffffff;
		text-align: -moz-center; /*Firefox*/
		text-align: -webkit-center; /*Chrome*/
		
		background:url(../images/tit_back.jpg);
	} 
	.yzbzs .arcs{
		width:640px;
		margin:0 auto;
		
	}
	.yzbzs .arcs ul{
		width:640px;
		height:280px;
		margin:0 auto;
		background:url(../images/fz_back3.jpg);
		
	}
	.yzbzs .arcs .end{
		margin-right:0;
	}
	.yzbzs .arcs li{
		float:left;
		width:150px;
		height:150px;
		margin-right:10px;
		margin-top:10px;
		background:#0092bb;
		border-radius:100px;
	}
	.yzbzs .arcs li p{
		display: block;
		width:150px;
		height:30px;
		color:#ffffff;
		text-align:center;
		line-height:30px;
		font-size:40px;
		padding-top: 33%;
	}
	.yzbzs .arcs li span{
		display: block;
		width:150px;
		height:25px;
		color:#ffffff;
		text-align:center;
		line-height:47px;
		font-size:35px;
	}
	.yzbzs .arcfa{
		width:640px;
		height:310px;
		overflow:hidden;
		margin:0 auto;
	}
	.ry ul{
		width:640px;
		height:auto;
		margin:0 auto;
	}
	.ry ul li{
		float:left;
		width:315px;
		margin-right:10px;
		margin-top:20px;
	}
	.ry ul .end{
		margin-right:0;
	}
	.ry ul li img{
		width:315px;
		height:175px;
	}
	.ry ul li h2{
		width:315px;
		text-align:center;
		font-size:20px;
		color:#000;
		font-weight:bold;
		line-height: 30px;
	}
	.ry ul li p{
		width:315px;
		text-align:left;
		font-size:16px;
		color:#333;
		text-indent:2em;
		line-height: 25px;
	}
	.ry ul li a{
		width:85px;
		height:25px;
		float:right;
		font-size:10px;
		color:red;
	}
	.hd .tit h2{
		 
		margin-top:20px;
	}
	.hd ul{
		width:640px;
		height:auto;
		margin:0 auto;
		margin-top:20px;
	}
	.hd ul li{
		width:30%;
		float:left;
		height:auto;
		margin-right:5%;
		margin-top:20px;
	}
	.hd ul .end{
		margin-right:0;
	}
	.hd p{
		float:right;
		margin-right:10px;
	}
	
	.arcticle .zx{
		width:95%;
		height:auto;
		margin:0 auto; 
		margin-left: 3%;
		border-radius: 5px;
		 
	}
	.arcticle .zx a{
		display:block;
		width:100%;
		height:auto;
		 
		color:#871f24;
		text-align:center; 
	}	
	
	
}

.focus{ width:100%; height:auto; margin:0 auto; position:relative; overflow:hidden;float:left;}
.focus .hd{ width:100%; height:11px;  position:absolute; z-index:1; bottom:5px; text-align:center;  }
.focus .hd ul{ display:inline-block; height:5px; padding:3px 5px; background-color:rgba(255,255,255,0.7); 
	-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:0; vertical-align:top;
}
.focus .hd ul li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#8C8C8C; margin:0 5px;  vertical-align:top; overflow:hidden;   }
.focus .hd ul .on{ background:#FE6C9C;  }

.focus .bd{ position:relative;margin-top: 5%;z-index:0; }
.focus .bd li img{ width:100%;  height:auto; background:url(../images/loading.gif) center center no-repeat;  }
.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */  }
 

/* 底部 */

.bottom{color:#fff; background:#008ad2; padding: 4% 0;}

.botdh ul{width:100%; padding: 0; margin: 0; float: left;}

.botdh ul li{ font-size:16px; float:left; text-align:center; width:33%; padding: 5% 0 0 0; margin: 0;}

.botdh ul li img{ width:40%; padding: 0; margin: 0;}

.botdh ul li p{margin: 0;}

.botdh ul li a{color: #fff;}

.botwz{display:block; width:100%;}

.botwz ul{width: 100%; margin: 0; padding: 0;}

.botwz ul li{ font-size:16px; line-height:30px; text-align:center; margin: 0; padding: 0;}

/* 底部 */