/*@charset "utf-8";*/
/**
 +------------------------------------------------------------------------------
 * 网站地址: http://www.miniidea.com
 * 网站样式重写
 +------------------------------------------------------------------------------
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { padding: 0; margin: 0; }
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body { color:#666; font:14px "Microsoft Yahei", Helvetica, Arial, sans-serif;}
td,th,caption { font-size:14px; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal; }
a { text-decoration:none; color:#666; }
a:hover { color:#3e94db; }
img { border:none; }
ol,ul,li { list-style:none; }
input, textarea, select, button { font:14px Verdana,Helvetica,Arial,sans-serif; }
table { border-collapse:collapse; }
html { overflow-y: scroll; }
q:before,q:after{ content:''; }
a[href], input[type='submit'], input[type='image'], label[for], select, button, .pointer { cursor: pointer; }
/* css common */
.fix:before,.fix:after { content:"."; display:block; visibility:hidden; height:0; clear:both; }.clearfix { display:block; }.clear{ clear:both; }/* 清除浮动*/
.fl{ float:left; } .fr{ float:right; } .cen{ margin:0 auto; text-align:center; }
.show{ display:block; visibility:visible; }.hide{ display: none; visibility:hidden; }
.block{ display:block; } .inline{ display:inline; }

/* 解决固定层在IE6下闪的问题 */
*html{ background-image:url(about:blank); background-attachment:fixed; }
*{ outline:none; }
/**
+------------------------------------------------------------------------------
* 网站整布局
+------------------------------------------------------------------------------
*/
.wrapper{ width:1100px; margin:0 auto;}

.pr{position: relative;}
.mt10{ margin-top: 10px}
.mt20{ margin-top: 20px}
.mt30{ margin-top: 30px}
.mt40{ margin-top: 40px}
.ml10{margin-left: 10px}
.ml20{margin-left: 20px}
.p30{padding: 30px 0}

.first{ margin-left: 0!important}
.last { margin-right: 0!important}

/* header */
.header { position: relative; z-index: 999; height: 100px; background: #fff; box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.2); }

.logobar{ height: 58px; margin: 21px 0 0 10px}
.logobar h1,.logobar h2{ float: left; width:178px; height:55px; }
.logobar h1 a,.logobar h2 a{ display: block; width:178px; height:55px; }
.logo{ width:178px; height:55px; text-align:left; text-indent: -999em; background: url(../images/logo.png) 100% 100% no-repeat; }

.header .phone { padding: 30px 0 0 26px; width: 178px; height: 70px; overflow: hidden; color: #fff; line-height: 17px; background: #3e94db; background: -moz-linear-gradient(left, #3e94db, #1dba9b); background: -webkit-linear-gradient(left, #3e94db, #1dba9b); background: -o-linear-gradient(left, #3e94db, #1dba9b); }
.header .phone .icon-tel { margin-right: 10px; width: 33px; height: 35px; background: url(../images/sprite.png) no-repeat 0 -11px; }
.header .phone em { font-size: 16px; }

/* nav */
.nav { position: relative; height: 100px;line-height: 100px; margin-right: 20px;}
.nav .m { float: left; position: relative; z-index: 1; }
.nav .s { float: left; width: 3px; text-align: center; font-size: 12px; }
.nav h3 { font-size: 100%; font-weight: normal; }
.nav h3 a { display: block; width: 86px; text-align: center; color: #333;}
.nav .on h3 a{color: #3e94db;}
.nav .sub { display: none; position: absolute; top: 86px; left: 0px; padding: 10px 0; z-index: 999; text-align: center; background: #fff; border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; -webkit-border-radius: 4px; box-shadow: 0 0 3px rgba(0, 0, 0, .3) }
.nav .sub:before, .nav .sub:before { content: ''; display: block; position: absolute; top: -24px; left: 22px; width: 0; height: 0; font-size: 0; border: 6px solid #fff; border-color: transparent transparent #e3e3e3; border-width: 12px 8px }
.nav .sub li { height: 30px; margin: 2px 0; padding: 0 30px; line-height: 30px; color: #636363; white-space: nowrap }
.nav .sub li:hover { background: #3e94db }
.nav .sub li:hover a { color: #fff }
.nav .current { height: 2px; width: 56px; background: #3e94db; position: absolute; left: 0; top: 30px; }

/* footer */
.footer{ position: relative; width: 100%; font-size: 12px; color: #999; background: #222;}

.foot{padding: 30px 0 25px;}
.foot a { color: #999; }
.foot a:hover { color: #3e94db; }
.foot dl dt { margin-bottom: 15px; line-height: 20px; font-size: 16px; color: #fff;}

.footnav { width: 450px; overflow: hidden; }
.footnav dl { float: left; width: 150px; }
.footnav dl dd { width: 150px; }
.footnav dl dd a { display: block; width: 140px; padding-left: 10px; line-height: 28px; background: url(../images/jt.png) no-repeat left center; }

.follow { padding: 0 20px; border-left: 1px solid #3a3a3a; border-right: 1px solid #3a3a3a; }
.follow dd { float: left; width: 130px; text-align: center; }
.follow dd img { display: block; width: 124px; height: 124px; padding: 3px; background: #fff; }
.follow dd span { width: 100%; height: 30px; line-height: 30px; color: #bbb; }

.contact { width: 270px; font-size: 14px; }
.contact dd { width: 260px; height: 40px; margin: 0 0 20px 10px; line-height: 40px; }
.contact dd .ico_tel { display: block; width: 40px; height: 40px; margin-right: 15px; background: url(../images/tel.gif) no-repeat 0 3px; background-size: 100%; behavior: url(css/size.htc);}
.contact dd .ico_qq { height: 40px; padding-left: 55px; background: url(../images/qq.png) no-repeat left center; background-position: 0 0; }
.contact dd a:hover.ico_qq { background-position: 0 -40px; }
.contact dd.ico_add { margin-bottom: 0 !important; padding-left: 55px; background: url(../images/add.png) no-repeat left center; }

.copyright { height: 50px; color: #fff; background: #000 }
.copyright p { font: 12px/50px Arial, 'SimSun'; text-align: center;}
.copyright p a { color: #fff; }
.copyright p a:hover { color: #3e94db; }

/* return */
a#go-top{ background:url(../images/top.png) no-repeat 0 0; height:44px; width:44px; display:block; right:20px; filter:alpha(opacity=20); -moz-opacity:0.2; -khtml-opacity: 0.2; opacity: 0.2; }
a#go-top:hover{ height:44px; width:44px; display:block; background-position: -44px 0; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; }