/*@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: #ededed;}
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;}

.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: 138px; background: #d6050a;  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);}

.head { height: 100px; background: #d6050a; background: -webkit-gradient(linear, 0 0, 0 100%, from(#d6050a), to(#b40105)); background: -webkit-linear-gradient(180deg, #d6050a, #b40105 100%); background: -moz-linear-gradient(180deg, #d6050a, #b40105 100%); background: -o-linear-gradient(180deg, #d6050a, #b40105 100%); background: -ms-linear-gradient(180deg, #d6050a, #b40105 100%); background: linear-gradient(180deg, #d6050a, #b40105 100%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 180deg, startColorstr = #d6050a, endColorstr = #b40105); }
.head .logo{ float: left; display: block; width:165px; height:60px; margin: 20px 0 0 10px; text-align:left; text-indent: -999em; background: url(../images/logo.png) 100% 100% no-repeat; }
.head .nav{margin-top: 36px; }
.head .nav li { float: left; }
.head .nav li a { display: block; height: 26px; line-height: 26px; padding: 0 20px; font-size:15px; color: #fff; cursor: pointer; border-radius: 4px; }
.head .nav li a:hover ,.head .nav li.on a{ background: #fff; background: linear-gradient(#ffffff, #d9d9d9); border-color: #ffffff; color: #d6050a; }

.subnav { height: 38px; line-height: 38px; background: #eaeaea; }
.subnav li{ position:relative; float:left; padding: 0 11px; text-align: center; font-size:12px;}
.subnav li.on{background: #FFF }
.subnav li h2 a{ display: block; }
.subnav li h2 a .fa { margin-left: 6px; font-size: 12px; }
.subnav li.on h2 a .fa { transform: rotate(180deg); transition: transform 0.3s; }
.subnav li dl.sub { display: none; background: #fff; z-index: 1; text-align: center; position: absolute; top: 38px; left: 0px; padding: 10px 0; border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -ms-border-radius: 0 0 4px 4px; -o-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3) }
.subnav li dl.sub dd { height: 30px; width: 100%; }
.subnav li dl.sub dd a { display: block; height: 30px; padding: 0 20px; font: 12px/30px "Microsoft YaHei"; color: #777; white-space: nowrap }
.subnav li dl.sub dd a:hover { background: #d6050a; color: #fff }

.search {display: none; position: relative; top: 9px; padding: 0 23px 0 9px; width: 120px;  height: 20px; line-height: 20px; border-radius: 3px; background: #FFF; overflow: hidden; font-size: 12px;  white-space: nowrap; }
.search .txt { background-color: transparent; width: 100%; font-size: 12px; border: 0; }
.search .btn { position: absolute; right: 6px; border: 0; background-color: transparent; width: 20px; height: 20px; line-height: 20px; cursor: pointer; color: #FFF; }
.search .btn .fa { color: #000; }

/* footer */
.footer { width: 100%; padding: 20px 0 15px; background: #fff; border-top: 1px solid #e6e6e6; font: 12px/24px Arial, 'SimSun'; }
.footer a { color: #969696; }
.footer a:hover { color: #d6050a; }

.footnav { width: 600px; overflow: hidden; }
.footnav dl { float: left; width: 120px; }
.footnav dl.w290 { width: 360px !important; }
.footnav dl dt { margin-bottom: 8px; color: #646464; }
.footnav dl dd { float: left; width: 120px; }
.footnav dl dd a { display: block; width: 110px; padding-left: 10px; line-height: 28px; background: url(../images/jt.png) no-repeat left center; }

.contact { text-align: right; }
.contact a { display: inline-block; width: 160px; height: 45px; line-height: 45px; color: #fff; text-indent: -999em; background: url(../images/qqzx.png) no-repeat center; }
.contact span { display: block; width: 240px; line-height: 30px; font-size: 30px; color: #646464; }
.contact p { width: 240px; margin-top: 5px; line-height: 18px; font-weight: 200; color: #c3c3c3; }
.copyright { position: relative; margin-top: 15px; padding-top: 14px; line-height: 24px; border-top: 1px solid #e6e6e6; color: #969696; }
.copyright img { position: absolute; top: 23px; right: 0; display: block; }

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