/*css document*/
@charset "utf-8";

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, input { margin: 0; padding: 0; border: 0; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body{ background: #eeeeee; font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif; font-size:14px; color:#666666; line-height:1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
input, textarea { outline: 0; resize: none; }
a { text-decoration:none; color:#666666; }
a:hover { text-decoration:none; }
abbr[title] { border-bottom:1px dotted; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }
a img { border: none; }
.clear { clear:both; }
input, select { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; }
.fl { float:left; } .fr { float:right; }
.border-radius { border-radius:3px; }
/*.hide { display: none !important; }*/
.mContain { padding-bottom:50px;  position: relative}
.mContain , footer{ width:100%; min-width:320px; max-width:640px; margin:0 auto;}
header, .mBanner, .mMain, footer { width:100%; }
/* header */
header {  /* padding:15px 3.125% !important; */ padding: 0px!important; background-size:100% 100%;background: #e94f12!important;height:44px;}
header h1 { font-size:1px; }
header h1 a img{margin-left: 10px;margin-top:5px;}
.city-name ,.city-name1{ width:auto; height:44px; padding-right:15px;padding-left: 6px; line-height:44px; text-align:center; margin-left:10px; color:#fff; font-size: 14px;}
.cityname01{margin-left: 32%}
.topLine{margin-left: 10px;}
.topLine01{margin-right: 15px;}
.city-name{background:url(../images/index_01.png) no-repeat right 19px; background-size:12px; }
.city-name a { color:#fff; font-size:14px }
.city-title { padding-left:3px; font-size:16px; line-height:44px;color: #fff;}
.city-title h1{font-size: 16px;padding-left: 2px;font-weight: normal;line-height:44px;color: #fff;}
.city-img{  margin-top: 5px; margin-left: 5px;}
.mNav-icon { cursor:pointer;margin-top:15px;margin-right:15px; }
.mNav { width:100%; padding:15px 0; background-color:#ffffff; position:absolute; top:0; left:0; max-width: 640px; min-width: 320px; z-index:9999; display:none;padding-bottom: 60px;}
.mNav-close { cursor:pointer; text-align:right; padding:0 3.125%; cursor:pointer }
.mNav ul { padding:50px 0; }
.mNav ul li { width:33.33%; height:auto; padding-bottom:15%; text-align:center; float:left; }
.mNav ul li a img { width:50px; height:50px; }
.mNav ul li a span { display:block; width:100%; height:20px; line-height:20px; font-size:14px; padding-top:5px; }
.mNav-ani-outScale{
	animation: outScale .4s linear both;
	-webkit-animation: outScale .4s linear both;
	-o-animation: outScale .4s linear both;
	-moz-animation: outScale .4s linear both;
	-ms-animation: outScale .4s linear both;
	display:block;
	}
@keyframes outScale{
	0% { transform:scale(2); opacity:1; }
	100% { transform:scale(1); opacity:0; display:none; z-index:-1}
}
@-webkit-keyframes outScale{
	0% { -webkit-transform:scale(2); opacity:1; }
	100% { -webkit-transform:scale(1); opacity:0; display:none; z-index:-1 }
}
@-o-keyframes outScale{
	0% { -o-transform:scale(2); opacity:1; }
	100% { transform:scale(1); opacity:0; display:none; z-index:-1 }
}
@-moz-keyframes outScale{
	0% { -moz-transform:scale(2); opacity:1; }
	100% { -moz-transform:scale(1); opacity:0; display:none; z-index:-1 }
}
@-ms-keyframes outScale{
	0% { -ms-transform: scale(2); opacity:1; }
	100% { -ms-transform:scale(1); opacity:0; display:none; z-index:-1 }
}

.mNav-ani-fromScale{
	animation: fromScale .4s linear both;
	-webkit-animation: fromScale .4s linear both;
	-o-animation: fromScale .4s linear both;
	-moz-animation: fromScale .4s linear both;
	-ms-animation: fromScale .4s linear both;
	display:block;
}

@keyframes fromScale{
	0% { transform:scale(2); opacity:0; }
	100% { transform:scale(1); opacity:1; }
}
@-webkit-keyframes fromScale{
	0% { -webkit-transform:scale(2); opacity:0; }
	100% { -webkit-transform:scale(1); opacity:1; }
}
@-o-keyframes fromScale{
	0% { -o-transform:scale(2); opacity:0; }
	100% { transform:scale(1); opacity:1; }
}
@-moz-keyframes fromScale{
	0% { -moz-transform:scale(2); opacity:0; }
	100% { -moz-transform:scale(1); opacity:1; }
}
@-ms-keyframes fromScale{
	0% { -ms-transform: scale(2); opacity:0; }
	100% { -ms-transform:scale(1); opacity:1; }
}
/* main-part10 */
.main-part10 { height:40px; line-height:40px; text-align:center; }
.main-part10 span { background:url(../images/index-07.png) no-repeat left center; background-size:8%; padding-left:22px; }
.main-part10 a { font-weight:normal; color:#fa4c06; }
.newmainP{ width:100%; padding:3% 0% 2% 0%; color:#999999; text-align:center; line-height:22px; font-size:13px; letter-spacing:-0.5px}
/*footer*/
footer{ position:fixed; bottom:0%; z-index:999}
footer img{ width:25px; height:25px; vertical-align:middle !important; margin-right:10px; margin-left:20%}
footer a span{ color:#ffffff !important; font-size:14px !important;  }
footer a{ color:#ffffff;line-height:50px !important;background:#484848; width:49.8%; display:block}