@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, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, u, 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 { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline;  }

html { line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }

q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a { text-decoration: none; -webkit-tap-highlight-color: transparent; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }

/*tools*/
.fix:after { display: block; content: "$"; height: 0; clear: both; overflow: hidden; visibility: hidden; }

/*ul.fix li { float: left; }*/

.l { float: left; }

.r { float: right; }

.cell { display: table-cell; width: 2000px; }

button, select, textarea, input:not([type="radio"]):not([type="checkbox"]) { -webkit-appearance: none; appearance: none; }

a[href*="tongji"] { display: none; }
.box{ width:96%; padding:0 2%;}
.yuanjiao{-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius:2px; }
.zhuse{ color:#16b2ae;}/*椤甸潰涓昏壊璋冨瓧浣撻鑹查渶瑕佹柊鍔�*/
.zhu-bj{background:#16b2ae;}/*椤甸潰涓昏壊璋冭儗鏅壊闇€瑕佹柊鍔�*/
.co1{background:#93ce64;}/*瀚╃豢鑹�*/
.co2{background:#23b1c7;}/*钃濊壊*/
.co3{background:#16b29a;}/*缈犵豢鑹�*/
.co4{background:#fb7a03;}/*姗欒壊*/
.co5{background:#cea264;}/*鍜栧暋鑹�*/
.co6{background:#d65076;}/*绮夌孩鑹�*/
.co7{background:#8e70c1;}/*绱壊*/
.co8{background:#f55758;}/*瑗跨摐绾�*/
.co9{background:#ffae3a;}/*椴滄鑹�*/
.co10{background:#2bbf86;}/*缁胯壊*/
/*瀛椾綋棰滆壊寮€濮�*/
.f-co1{color:#93ce64;}/*瀚╃豢鑹�*/
.f-co2{color:#23b1c7;}/*钃濊壊*/
.f-co3{color:#16b29a;}/*缈犵豢鑹�*/
.f-co4{color:#fb7a03;}/*姗欒壊*/
.f-co5{color:#cea264;}/*鍜栧暋鑹�*/
.f-co6{color:#d65076;}/*绮夌孩鑹�*/
.f-co7{color:#8e70c1;}/*绱壊*/
.f-co8{color:#f55758;}/*瑗跨摐绾�*/
.f-co9{color:#ffae3a;}/*椴滄鑹�*/
.f-co10{color:#2bbf86;}/*缁胯壊*/




/* 鍏叡澶撮儴鏍峰紡寮€濮�*/
body { font-family: "Microsoft Yahei",Arial; color:#555555;}
.top-con{ height:2.6em; background:#f9f9f9; line-height:2.6em; border-bottom:1px #d6d6d6 solid;}
.top-con a{ display:block; color:#333333;}
.top-con a.phone{ margin-left:2%; }
.top-con a:hover{ color:#16b2ae;}
/* top end */
.logo{ width:100%; padding:3% 0;}
.logo a{ display:block; text-align:center;}
.logo img{ width:100%; max-width:460px;}

/*瀵艰埅鏍峰紡寮€濮�*/
.nav-box{ width:100%; height:48px;line-height:48px;background:#16b2ae; color:#FFF;font-size:1.2em;}
.nav-box ul{ display:block; width:100%;}
.nav-box ul li{ display:block; width:20%; float:left;}
.nav-box a{ display:block; color:#FFF; border-right:1px #FFF solid;text-align:center;}
.nav-box a.no-bor{ border:none;}
@media screen and (max-width:640px){.top-con{ height:2.2em; line-height:2.2em; font-size:0.8em; }
.logo{ width:100%; padding:5% 0;}
.logo img{ width:100%; max-width:260px;}
.nav-box{ height:80px;line-height:80px; width:100%; overflow:hidden;}
.nav-box a{ font-size:0.9em;}}
.nav-box .left{width:20%; float:left; display:block; height:60px;line-height:30px; padding-top:10px; padding-bottom:10px; text-align:center; background:#16b29a;border-right:1px solid #fff; margin-left:-1px; font-weight:bold;}
.nav-box .center{width:30%; float:left;}
.nav-box .center .up{
	height:30px;
	line-height:30px;
	padding-top:5px;
	padding-bottom:5px;
}
.nav-box .center .down{
	height:30px;
	line-height:30px;
	padding-top:5px;
	padding-bottom:5px;
}

.c1{
	background:#ff93b2;
}

.c2{
	background:#cea264;
}

.c3{
	background:#93ce64;
}

.c4{
	background:#23b1c7;
}
.nav-box .right{width:20%; display:block; height:60px;line-height:30px; padding-top:10px; padding-bottom:10px; text-align:center; float:left; background:#16b29a; margin-right:-2px; font-weight:bold;}
@media screen and (max-width:399px){.nav-box a{ font-size:0.8em;}}
@media screen and (max-width:320px){.nav-box a{ font-size:0.7em;}}
/*鍏叡澶撮儴鏍峰紡缁撴潫*/


.banner{max-width: 580px;text-align: center; margin: 0 auto; }
.banner img{ max-width: 100%;}
/* banner end */

/*鍏叡搴曢儴涓嶅悓鏍峰紡*/
.title{ height:48px; line-height:48px; font-size:1.2em; color:#FFF; text-align:center; background:#16b2ae; margin:10px 0;}
@media screen and (max-width:640px){.title{ height:40px; line-height:40px;}}
.zx-btn a,.adress a{ display:inline-block; width:48%; height:40px; line-height:40px; color:#FFF; text-align:center; background:#88c33f; margin-top:1em;}
.zx-btn a.wyyy,.adress a.mfdh{ margin-left:4%; background:#0c92ca;}
@media screen and (min-width:1024px){.adress p{line-height:2em; font-size:1.2em; margin:20px 0;}.zx-btn a,.adress a{  height:48px; line-height:48px; }}
.map{ float:left; width:40%;max-width:320px; margin-bottom:10px; }
.map img{ width:100%; }
.adress{ width:56%; padding-left:4%; float:left; margin-bottom:10px;}
.adress p{line-height:2em; font-size:1.2em; margin-bottom:10px;}

@media screen and (max-width:640px){
.map{ float:none; width:100%; text-align:center; margin:auto;}
.map img{ width:100%; max-width:320px;}
.adress{ margin:10px 0; float:none; width:100%; padding:0; }
.adress p{line-height:1.5em; font-size:1em; margin-bottom:0;}
}
/*鍏叡搴曢儴缁撴潫*/

/*qq寮瑰嚭妗嗗紑濮�*/
.topTips { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: fixed; top: 0; width: 100%; z-index: 3000;-webkit-perspective: 600px; perspective: 600px; }
.tipsInner {font-family: "Microsoft YaHei"; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5); background: #fff;-webkit-transform-origin: 0px 0px; transform-origin: 0px 0px; -webkit-transform: rotateX(90deg); transform: rotateX(90deg); opacity: 0; }
.tipsInner a { text-decoration:none;display: block; position: relative; padding-left: 50px; color: #111; }
.tipsInner img { position: absolute; left: 8px; top: 50%; margin-top: -17px; width: 36px; height: auto; padding-right: 5px; background: #fff; }
.tipsInner dl { margin:0; padding: 10px 5px; border-left: 1px solid #ccc; }
.tipsInner dt { font-weight: bold;line-height:14px; font-size:13px;}
.tipsInner dd { margin:0; line-height: 1.2em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:12px; }
.showTip { visibility:visible; }
.showTip .tipsInner { -webkit-transform-origin: 0px 0px; transform-origin: 0px 0px; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; }
.hideTip { visibility:hidden; }
.hideTip .tipsInner { -webkit-transform-origin: 0px 100%; transform-origin: 0px 100%; -webkit-transform: rotateX(-90deg); transform: rotateX(-90deg); opacity: 0; }



/*qq寮瑰嚭妗嗙粨鏉�*//* CSS Document */