/*@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; background: url(../images/noise.png) repeat;}
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:#d6050a; }
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; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);}

.mt10{ margin-top: 10px}
.mt20{ margin-top: 20px}
.mt30{ margin-top: 30px}
.mt40{ margin-top: 40px}
.p30{padding: 30px 0}

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

/* header */
.header{ height: 122px; background: #fff;}

.top { height: 35px; padding-left: 10px; border-bottom: 1px solid #e5e5e5; line-height: 35px; font-size: 12px; vertical-align: middle; }
.top .fa-phone { margin: 0 8px 0 10px; font-size: 14px; vertical-align: middle; }
.top ul { width: 190px; }
.top ul li { float: right; }
.top ul li a { display: block; padding: 0px 12px; color: #6a6969; }
.top ul li a:hover { color: #d6050a; background: #f7f7f7; }
.top ul li.hover a { color: #d6050a; background: #f7f7f7; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; }
.top ul li.on a:hover { background: none; }
.top ul li.code { position: relative; float: left; }
.top ul li.code img { vertical-align: middle; }
.top ul li.code .sub { display: none; position: absolute; left: -45px; top: 35px; z-index: 10; padding: 5px; text-align: center; line-height: 21px; background: #fff; border-top: 1px solid #e5e5e5; }
.top ul li.code .sub img { display: block; width: 114px; height: 114px; padding: 3px; }

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

.nav { position: relative; height: 86px; line-height: 86px; }
.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: 100px; text-align: center; color: #333;}
.nav .on h3 a{color: #d6050a;}
.nav .sub { display: none; position: absolute; left: -3px; top: 86px; z-index: 1; width: 98px; border: 1px solid #e5e5e5; border-top: 0; background: #fff; }
.nav .sub li { text-align: center; padding: 0 8px; margin-bottom: -1px; }
.nav .sub li a { display: block; border-bottom: 1px solid #e5e5e5; padding: 8px 0; height: 24px; line-height: 24px; }
.nav .p .sub{top: 83px; left: -217px; width: 528px;border-top: 4px solid #d6050a;}
.nav .p .sub li{float: left; width: 160px;}
.nav .b .sub{top: 83px; left: -247px; width: 588px;border-top: 4px solid #d6050a;}
.nav .b .sub li{float: left; width: 180px;}
.nav .current { height: 3px; width: 100px; background: #d6050a; position: absolute; left: 0; top: 83px; }
.nav .current .fa { position: absolute; top: -9px; left: 50%; margin-left: -4px; color: #d6050a; }

.head { width: 1100px; background: #fff; }
.head.fixed { position: fixed; top: 0; z-index: 100; box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1); }
.head.fixed .logobar { height: 50px; margin-top: 10px }
.head.fixed .nav { height: 70px; line-height: 70px; }
.head.fixed .nav .sub { top: 70px; }
.head.fixed .nav .p .sub { top: 67px; }
.head.fixed .nav .current { top: 67px; }

.pulse { -webkit-animation-name: pulse; animation-name: pulse; }

/* footer */
.footer { width: 100%; height: 48px; padding: 19px 0; text-align: center; background: #e6e6e6; font: 12px/24px Arial, 'SimSun'; }

/* 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; }

/* kefu */
.kefu { position:fixed; _position:absolute; right: 20px; top: 200px; z-index: 999; display:block; width:44px; height:44px; background:url(../images/kefu.gif) no-repeat center; background-size: 100%}