
/* CSS Document */

body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0}
body{ font-size:15px;font-family:'Microsoft Yahei','Simsun'; color:#666; line-height:150%;-webkit-text-size-adjust: none; min-width:320px}
h1,h2,h3,h4,h5,h6{font-size:100%}
address,cite,dfn,em,var,i{font-style:normal}
code,kbd,pre,samp{font-family:courier new,courier,monospace}
form{display:inline}
small{font-size:12px}
ul,ol,li{list-style:none}
a{text-decoration:none;}
a:hover, a:active, a:focus{text-decoration: none;}
a:active{}
img{vertical-align:middle;border:0;-ms-interpolation-mode:bicubic}
button,input,select,textarea{font-size:100%; vertical-align:middle; outline:none; font-family:'Microsoft Yahei','Simsun';}
table{border-collapse:collapse;border-spacing:0}
textarea{resize:none}
.fn-left{ float:left; display:inline}
.fn-right{ float:right; display:inline}
.radius_3{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.hidden{display:none}
header, footer, article, section, nav, menu, hgroup {display: block;clear:all;} 

body{ margin:0 auto;}

input[type="button"]{-webkit-appearance:none;font-family:'Microsoft Yahei','Simsun';}
input[type="text"]{-webkit-appearance:none;}
textarea{-webkit-appearance:none;}

* {-webkit-tap-highlight-color: rgba(0,0,0,0);}

/*¶¥²¿barÀ¸¹«¹²ÑùÊ½*/
.top_nav_bar{ overflow:hidden; height:44px; overflow:hidden; position:relative;}
.top_nav_bar .h3_tit{ font-size:17px; text-align:center; height:43px; line-height:43px;}
.top_nav_bar .p_left_1{ width:40px; height:44px; position:absolute; top:0; left:0;}
.top_nav_bar .p_right_1{ width:40px; height:44px; position:absolute; top:0; right:0;}
.top_nav_bar .p_right_2{ width:40px; height:44px; position:absolute; top:0; right:40px;}
.top_nav_bar p input{width:100%; height:44px;}

.appdown_box{ height:40px; overflow:hidden; position:relative; background:-webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#f1f1f1)) repeat-x 0 bottom;}
.appdown_box .app_icon{ width:30px; height:30px; position:absolute; left:10px; top:5px; overflow:hidden;}
.appdown_box .app_icon img{ width:30px; height:30px;}
.appdown_box .h4_tit{ font-size:14px; color:#666; padding-left:50px; line-height:40px;}
.appdown_box .app_down_btn{ width:60px; height:24px; position:absolute; right:60px; top:8px; overflow:hidden;}
.appdown_box .app_down_btn2{ width:80px; height:24px; position:absolute;  right:60px; top:8px; overflow:hidden; }
.appdown_box .app_down_btn3{ width:80px; height:24px; position:absolute;  right:160px; top:8px; overflow:hidden; }
.appdown_box .app_down_btn a{ color:#666; font-size:12px; text-align:center; display:block; height:22px; line-height:22px; border:1px solid #ddd;background:-webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#eee)) repeat-x 0 bottom;}
.appdown_box .app_down_btn2 a{ color:#666; font-size:12px; text-align:center; display:block; height:22px; line-height:22px; border:1px solid #ddd;background:-webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#eee)) repeat-x 0 bottom;}
.appdown_box .app_down_btn3 a{ color:#666; font-size:12px; text-align:center; display:block; height:22px; line-height:22px; border:1px solid #ddd;background:-webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#eee)) repeat-x 0 bottom;}
.appdown_box .app_close_btn{ width:20px; height:20px; position:absolute; right:20px; top:10px; overflow:hidden;} 
.appdown_box .app_close_btn a{ display:block; height:20px;  background: url(icon_close.png) no-repeat center center; background-size:20px;}

/*Àà±ð·Ö×é*/
.nav_tit
{
    position: absolute;
    z-index: 20;
    top: 0;
    left: 0;
    width: 260px;
    height: 50px;
    background: #222;
    color: #ccc;
}

.nav_wrapper
{
    position: absolute;
    z-index: 21;
    top: 0px;
    bottom: 0px;
    left: 0;
    width: 200px;
    overflow: auto;
    color: #ccc;
     /*background:-webkit-gradient(linear, 0 0, 0 100%, from(#666), to(#333)) repeat-x 0 bottom;*/
     background:#fdfdfd;
     box-shadow:#eee -5px 0 5px inset;
}
.nav_tit ~ .nav_wrapper
{
    top:50px;
}
.nav_wrapper #nav_scroller
{
    width: 200px;
}

.menu_category_list{ overflow:hidden; margin:10px; margin-top:30px;}
.menu_category_list li{ overflow:hidden; background:#fefefe; position:relative; padding:0 10px;}
.menu_category_list li a{ display:block; height:22px; line-height:22px; padding:10px; padding-left:30px;}
.menu_category_list .cat_all{ margin-bottom:10px; overflow:hidden;border:1px solid #ddd;}
.menu_category_list .cat_nav {border:1px solid #ddd; overflow:hidden; padding:0 10px; background:#fefefe; }
.menu_category_list .cat_nav li{ overflow:hidden; height:44px; border-top:1px solid #fff;  border-bottom:1px solid #ddd;}
.menu_category_list .cat_nav li a{ padding-left:20px;}
.menu_category_list .cat_nav li:first-child{ border-top:0;}
.menu_category_list .cat_nav li:last-child{ border-bottom:0;}
.menu_category_list li .p_icon{ position:absolute; right:10px; top:15px; width:16px; height:16px; background:url(ios_icon_05.png) no-repeat center center; background-size:contain;}
.menu_category_list .cat_nav .p_icon{ position:absolute; right:0px; top:15px; width:16px; height:16px; background:url(ios_icon_05.png) no-repeat center center; background-size:contain;}


.show_div_tit{ height:49px; border-bottom:1px solid #111;  background:-webkit-gradient(linear, 0 0, 0 100%, from(#666), to(#333)) repeat-x 0 bottom;text-align:center; color:#999;line-height:49px;font-size:15px;}
.show_div_tit .p_btn{ position:absolute; left:15px; top:8px; height:28px; line-height:28px; width:28px; background:url(closenav.png) no-repeat center center; background-size:20px 20px; }

.show_div_nav li
{
    height: 40px;
    line-height: 40px;
    text-align: left;
    border-bottom: 1px solid #444;
    border-top: 1px solid #777;
    color: #fff;
    background-size: 16px;
}

.show_div_nav li:first-child
{
    border-top: 0;
}

.show_div_nav li:last-child
{
    border-bottom: 0;
}

.show_div_nav li a
{
    display: block;
    height: 40px;
    padding-left: 20px;
    color: #f9f9f9;
}

.show_div_nav li a:visited
{
    color: #f9f9f9;
}


.float_btn{height:36px; width:36px; line-height:36px; cursor:pointer; border:2px solid #fff; font-size:11px; text-align:center; color:#fff; background:#09c url(menu_btn.png) center center no-repeat; background-size:24px 24px; box-shadow:0 0 4px #555; opacity:0.8; position:absolute;bottom:10px; left:10px; z-index:999999; border-radius:50px;}
	
.mask_div{position:absolute; width:100%; height:100%; left:0; top:0; bottom:0;  z-index:10;}  

.loading
{
    text-align: center;
}
.noconter
{
    overflow:hidden; padding:10px; background:#f9f8a0;color:#666;text-align:center;
}

footer2{overflow:hidden; margin-top:3%;}
footer2 .icons{margin-top:20px; margin-bottom:70px}
footer2 .tel, footer .tel a{font-family:"Î¢ÈíÑÅºÚ"; font-size:large; color:#90DBDD; font-size:24px}
.tel-area{width:50%; margin:0 auto; border:1px red solid; padding:40px}
footer2 .tel-wrap{}
.footer-nav{position:relative;margin-top:5.1%;max-width: 640px;}


/*footer*/
footer{
	position:fixed;
	bottom:0;
	z-index:6;
    margin: 0 auto;
	width:100%;
	max-width:640px;
	height:40px;
	text-align:center;
	font-size:1.0rem;	
	background:#CD0500;
	}
footer ul{
	width:100%;
	margin:0 auto;
	background:#CD0500;
	}
footer li{
	float:left;
	height:40px;
	line-height:40px;
	}
footer li.fff{
	width:1px;
	background:#fff;
	}
footer li.bkcp{
	width:39%;
	}
	
footer li.yhq{
	width:30%;
	border-right:0px solid #fff;

	}	
footer li a{
	float:left;
	width:100%;
	height:48px;
	background:#CD0500;
	color:#fff;
	}
footer li.bkcp a{
	background:#CD0500;	
	}
footer li a:hover,footer li.bkcp a:hover{
	background:#f00;
	color:#fff;
	}
footer a:link{text-decoration:none;color:#fff;}
footer a:visited {text-decoration:none;color:#fff;}
footer a:hover{text-decoration:none;color:#fff;}
footer a:active {text-decoration:none;color:#fff;}

.fa-tag:before{content:"\f02b"}
.fa-tags:before{content:"\f02c"}
.fa-book:before{content:"\f02d"}
.fa-bookmark:before{content:"\f02e"}





#wrapper{
    margin: 0 auto;
	width:100%;
	max-width:640px;
	background:#fff
}

.wleft{
    margin: 0 auto;
	width:100%;
	max-width:640px;
	background:#fff
}

#bottom{
    margin: 0 auto;
    height:auto;
	width:100%;
    margin-left:auto;
    margin-right:auto;
    position:fixed;
    _position:absolute;
	bottom:0;
	right:0;
	overflow:hidden;
    z-index:12;
	overflow:hidden;
	white-space:nowrap;
    background:#FFFFFF;
	
}

#bottomKJ{ 
    margin: 0 auto;
    width:100%;
	max-width:76450px;
	margin-left:auto;
	margin-right:auto;
	border-top-width:1px;border-top-style:solid;border-top-color:#afb0b2;
    white-space:nowrap;
	overflow:hidden;
}

.main-fhc {
	list-style: none; padding: 10px;
}
.main-fhc li {
	padding: 0px; width: 25%; float: left;
}

.img-responsive {
	height: auto; display: block; max-width: 100%;
}




#city{
    margin: 0 auto;
	width:100%;
	overflow:hidden; 
	max-width:640px;
	background:#fff
} 


#city ul { margin:15px;} 
#city li { width: 98%;  border: solid 2px #dadada; border-radius:10px; margin: 5px; float: left; overflow: hidden; background:#FFFFFF}

.img {width: 80px; height: 65px;  margin-left:10px; margin-top:10px; border-radius: 10px; overflow: hidden;}
.img,.text,.text-red,.text-blue{ float: left;}

.text { text-align: left; width: 128px; margin-top:10px; }
.text h1 { font-size: 16px;float: left; margin-left:10px;  font-weight: bold; font-family:"Microsoft YaHei",Î¢ÈíÑÅºÚ; color:#8422bc;}
.text h1 a {color: #8422bc;}
.text p { font-size: 12px; float: left; margin-left:10px; line-height: 20px; font-family:"Microsoft YaHei",Î¢ÈíÑÅºÚ;}
.text p a {color: #000}


.city-suopiao {float:right; width: 80px; height: 70px;  border-radius: 5px; font-size: 16px; color: #fff; line-height: 10px; margin-top:18px; margin-right:10px;}
.city-suopiao img {width: 80px; height: 56px; }


.text-red { text-align: left; width: 128px; margin-top:10px; }
.text-red h1 { font-size: 16px;float: left; margin-left:10px;  font-weight: bold; font-family:"Microsoft YaHei",Î¢ÈíÑÅºÚ; color:#df0000;}
.text-red h1 a {color: #df0000;}
.text-red p { font-size: 12px; float: left; margin-left:10px; line-height: 20px; font-family:"Microsoft YaHei",Î¢ÈíÑÅºÚ;}
.text-red p a {color: #000}



.text-blue { text-align: left; width: 128px; margin-top:10px; }
.text-blue h1 { font-size: 16px;float: left; margin-left:10px;  font-weight: bold; font-family:"Microsoft YaHei",Î¢ÈíÑÅºÚ; color:#0029f9;}
.text-blue h1 a {color: #0029f9;}
.text-blue p { font-size: 12px; float: left; margin-left:10px; line-height: 20px; font-family:"Microsoft YaHei",Î¢ÈíÑÅºÚ;}
.text-blue p a {color: #000}