/*reset*/
*{margin:0;padding:0;list-style-type:none}
body{margin:0;min-width:320px;max-width:640px;margin:0 auto;font-family:'Microsoft Yahei'}
a,img{border:0}
img,p,ul,td{margin:0;padding:0}
a{text-decoration:none;color:#000}
table{width:100%}
.clear{clear:both}



/*head*/
.head{width:100%;background:#089983;padding:5px 0}
.head_one{width:65%;margin-left:15px}
.head_two{width:23%;margin-right:14px}

/*nav*/
#nav{margin-top:10px}
.top_one{background:url(../images/nav_one.png) no-repeat;padding:5px 0 0 40px;line-height:50px;font-size:1.3em;color:#22be8d}
.top_two{background:#55bfa0;padding:5px 5px 4px 10px;width:150px;font-size:0.9em;border-radius:5px;}
.top_two p{background:url(../images/nav_two.png) no-repeat;background-size:25%;line-height:40px;padding-left:45px;color:#fff}

.nav_top table td{width:20%;text-align:center;padding:10px 0;font-size:17px;}
.nav_top table td a{color:#676666}
.nav_top table p{margin-top:10px;}
.dh img{width:80%;}

/*main*/
#main{padding:0 18px;padding-bottom:10px}
.column_top img{width:48%}
.column_top{position:relative;margin-top:20px}
.column_top_left{}
.column_top_right{}
.column_top_right_a1{position:absolute;top:0;right:0;display:block}
.column_top_right_a2{position:absolute;bottom:0;right:0;display:block}
.column_btm{position:relative;margin:15px 0}
.column_top_right_a3{width:30%;margin:0 auto;}
.column_top_right_a3 img{width:100%}
.column_top_right_b1{position:absolute;top:0;left:0;width:30%}
.column_top_right_b2{position:absolute;top:0;right:0;width:30%}
.column_top_right_b3{position:absolute;bottom:0;left:0;width:30%}
.column_top_right_b4{position:absolute;bottom:0;right:0;width:30%}
.main_jjxy{background:#2d78b8;padding:10px 20px;margin:10px 0;}
.zx_jjxy{line-height: 30px;background:url(../images/bor_bg.png) no-repeat;background-position:60 0px;padding:7px 0 3px 110px;color:#fff;width: 140px;margin: 0 auto;}
.main_first{background:#26bb7a;padding:10px 20px;margin:10px 0;}
.zx_left{float:left;font-size:20px;height:30px;background:url(../images/bor_bg.png) no-repeat;background-position:0 1px;padding:7px 0 3px 55px;color:#fff}
.main_first .zx_ts_left{background:url(../images/bor_bg2.png) no-repeat;background-position:0 2px}
.zx_right{float:right;margin:13px}


.main_third{padding:10px 0px;}
.main_third .clud_left{width:23%;float:left;margin-right:2.5%}
.main_third .clud_left img{width:100%}
.main_third .clud_nleft{margin-right:0}
.main_third .clud_mleft{width:24.3%}
.main_mail{margin:10px 0px}
.main_mailx{float:left;width:48.6%}
.mail_ea{margin-right:2.5%}
.main_mail img{width:100%}


.turn p{text-align:center;padding:5px 0;font-size:18px}
.turn_z{background:#333333;padding:10px 0}
.turn_z p{text-align:center;color:#fff;font-size:12px}

/*footer*/
.turn{padding:10px 0;background:#efefef}
#footer p{text-align:center;}
.now_sp a{color:#afafaf}


@media only screen and (max-width: 320px) { 
	.nav_top table td{font-size:12px}
	.title_p1{font-size:12px}
	.title_p2{font-size:12px;line-height:15px;margin-top:5px;}
	.zx_left{font-size:16px}
	.turn p{font-size:16px}
}
@media only screen and (min-width: 320px) { 
	.nav_top table td{font-size:12px}
	.title_p1{font-size:14px}
	.title_p2{font-size:12px;margin-top:5px;}
	.zx_left{font-size:16px}
	.turn p{font-size:16px}
}
@media only screen and (min-width: 360px) { 
	.nav_top table td{font-size:12px}
	.title_p1{font-size:12px}
	.title_p2{font-size:12px;margin-top:5px;}
	.zx_left{font-size:16px}
	.turn p{font-size:16px}
	.turn_z p{font-size:14px}
}
@media only screen and (min-width: 380px) { 
	.nav_top table td{font-size:14px}
	.title_p1{font-size:14px}
	.title_p2{font-size:14px;margin-top:5px;}
	.zx_left{font-size:16px}
	.zx_jjxy{font-size:16px}
	.turn p{font-size:18px}
}
@media only screen and (min-width: 400px) { 
	.nav_top table td{font-size:14px}
	.title_p1{font-size:14px}
	.title_p2{font-size:14px;margin-top:5px}
	.zx_left{font-size:16px}
	.turn p{font-size:18px}
}
@media only screen and (min-width: 420px) { 
	.nav_top table td{font-size:14px}
	.title_p1{font-size:14px}
	.title_p2{font-size:14px;margin-top:5px;}
	.zx_left{font-size:18px}
	.turn p{font-size:18px}
}
@media only screen and (min-width: 460px) { 
	.nav_top table td{font-size:14px}
	.title_p1{font-size:14px}
	.title_p2{font-size:14px;}
	.zx_left{font-size:18px}
	.turn p{font-size:18px}
}
@media only screen and (min-width: 480px) { 
	.nav_top table td{font-size:16px}
	.title_p1{font-size:16px}
	.title_p2{font-size:16px;}
	.zx_left{font-size:20px}
	.turn p{font-size:18px}	
	
}

@media only screen and (min-width: 520px) { 
.news_gb{font-size:16px}

}

/*µ¯¿ò*/
.navida2{text-align:center;width:300px;height:250px;margin:auto;border:4px solid #c1c0c0;border-radius:20px;background:#fff;position:fixed;top:0;bottom:0;right:0;left:0;z-index:999999}
.mp_navida2{width:230px;margin:0 auto;margin-top:15px;min-height:80px}
.navida2_p1{color:#000;font-size:23px;margin-top:15px}
.navida2_p2{font-size:16px;color:#636363;line-height:25px;margin-top:40px}
.navida2_sp1{color:#007e0c;padding:10px 70px;border-radius:5px;border:1px solid #007e0c}
.navida2_sp2{background:#fff;color:#6cafa9;padding:10px 40px;border:1px solid #6cafa9;border-radius:5px;margin-left:5px}
.r_lco_tx{color:#555555;font-size:16px;padding:10px 0 0 4px;font-family:"Microsoft Yahei"}
.close_nda{position:absolute;right:10px;top:0px;font-family:arial; font-size:50px; _font-size:70px;color:#999; text-decoration:none;}
.close_nda:hover{color:#333}


/*ÂÖ²¥Í¼*/
.focus{ position:relative; width:100%; height:auto; float: left;}  
.focus img{width:100%;} 
.focus .shadow .title{width: 260px; height: 65px;padding-left: 30px;padding-top: 20px;}
.focus .shadow .title a{ text-decoration:none; color:#fff; font-size:14px; font-weight:bolder; overflow:hidden; }
.focus .btn{ position:absolute; bottom:34px; left:510px; overflow:hidden; zoom:1;} 
.focus .btn a{position:relative; display:inline; width:13px; height:13px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }  
.focus .btn a:hover,.focus .btn a.current{  cursor:pointer;background:#fc114a;}  
.focus .D1fBt{ overflow:hidden; zoom:1;  height:16px; z-index:10;  }  
.focus .shadow{background:#000;filter:alpha(opacity=70);-moz-opacity:0.70;opacity:0.70; width:100%; position:absolute; bottom:0; left:0px; z-index:10; height:50px; line-height:50px;     display:block;  text-align:center; }  
.focus .shadow a{ text-decoration:none; color:#fff; font-size:20px; overflow:hidden; margin-left:10px;}  
.focus .fcon{ position:relative; width:100%; float:left;  display:none; background:#000;overflow:hidden}  
.focus .fcon img{ display:block; }  
.focus .fbg{bottom:14px;left:43%; position:absolute; height:21px; text-align:center; z-index: 200; }  
.focus .fbg div{width:88px;margin:4px auto 0;overflow:hidden;zoom:1;height:14px}    
.focus .D1fBt a{position:relative; display:inline; width:12px; height:12px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#949595; }    
.focus .D1fBt .current,.focus .D1fBt a:hover{background:#fff;}    
.focus .D1fBt img{display:none}    
.focus .D1fBt i{display:none; font-style:normal; }    
.focus .prev,.focus .next{position:absolute;width:40px;height:74px;background: url(../images/focus_btn.png) no-repeat;}
.focus .prev{top: 50%;margin-top: -37px; left: 0;background-position:0 -74px; cursor:pointer; }  
.focus .next{top: 50%;margin-top: -37px; right: 0;  background-position:-40px -74px;  cursor:pointer;}  
.focus .prev:hover{  background-position:0 0; }  
.focus .next:hover{  background-position:-40px 0;}