/*@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; }
body { color:#666; font-size:14px; font-family: "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:#e00200; }
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:after { content:"."; display:block; visibility:hidden; height:0; clear:both; }.clearfix { display:block; }.clear{ clear:both; }/* 清除浮动*/
.strong{ font-weight: bold; } .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; }
.transparent{ filter:alpha(opacity=50); -moz-opacity:0.5; /** Firefox 3.5即将原生支持opacity属性，所以本条属性只在Firefox3以下版本有效 ***/ -khtml-opacity: 0.5; opacity: 0.5; } .break{ word-wrap:break-word; overflow:hidden; /*word-break:break-all; */; }
.tal{ text-align:left; } .tar{ text-align:right; }

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

.mt10{ margin-top: 10px}
.mt20{ margin-top: 20px}
.mt30{ margin-top: 30px}
.mr25{ margin-right: 25px}

.header{ position: relative; z-index: 11; width: 100%; height: 140px; background: url(../images/headbg.gif) repeat-x; box-shadow:0px 2px 3px rgba(0,0,0,0.1); -moz-box-shadow:0px 2px 3px rgba(0,0,0,0.1); -webkit-box-shadow:0px 2px 3px rgba(0,0,0,0.1); }
.head{ position: relative; height: 100px; }

.top{ position: absolute; top: 0px; right: 70px; width: 141px; height: 21px; border-radius: 0 0 10px 10px; background: #e00200}
.top li{ float: left; width: 70px; line-height: 21px; font-size: 12px; text-align: center; }
.top li a { color: #fff}
.top li a:hover { color: #eee}
.top li.topline { background: url(../images/topline.gif) no-repeat center left; padding-left: 1px}

/*logo*/
.logobar{ height: 55px; margin-top: 20px}
.logobar h1,.logobar h2{ float: left; width:157px; height:55px; }
.logobar h1 a,.logobar h2 a{ display: block; width:157px; height:55px; }
.logo{ width:157px; height:55px; text-align:left; text-indent: -999em; background: url(../images/logo.png) 100% 100% no-repeat; }
.logobar span { float:left; margin-left: 15px; padding:0 0 0 15px; font: bold 16px/30px "Microsoft YaHei"; color:#333; background:url(../images/logo_line.png) no-repeat left center; }
.logobar span p { font-weight: normal; font-size:14px; line-height: 25px; }
.logobar span p em{ font-weight: bold; color:#e00200; }

.phone{ height: 35px; margin: 30px 0 0; background: url(../images/phone.png) no-repeat; }
.phone span{ display: block; margin-top: -5px; padding-left: 45px; font: bold 35px Georgia; color: #333}

/*nav*/
.navbox{ height: 40px; background: url(../images/navbg.gif) repeat-x; }
.nav{ height: 40px; line-height: 40px}
.nav li.m{ position:relative; float:left; width: 139px; padding-right: 3px; text-align: center; font-size:14px; background: url(../images/navline.gif) right top no-repeat}
.nav li.last{background: none}
.nav li.m h2 { position: relative; z-index:11; }
.nav li.m h2 a{ display: block; color: #fff}
.nav li.on h2 a{ background: #f5f5f5; color:#333; }
.nav h2 a i { display: inline-block; width: 0; height: 0; margin-left: 6px; vertical-align: middle; border-top: 4px dashed; border-right: 4px solid transparent; border-left: 4px solid transparent; }
.nav li.m dl.sub{ display:none; background:#f5f5f5; z-index:10; text-align:center; position:absolute; top:40px; 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 0 10px rgba(0,0,0)}
.nav li.m dl.sub dd{ height: 30px; width: 139px; }
.nav li.m dl.sub dd a{ display: block; height: 30px; padding: 0 40px; font: 14px/30px "Microsoft YaHei"; color: #333; white-space: nowrap}
.nav li.m dl.sub dd a:hover{ background: #e00200; color: #fff}

.outBox{ display:none; position:absolute; top:40px; left:-284px; width:968px; height: 210px; padding: 10px 15px; background-color: #f5f5f5; border:1px solid #ddd; border-top: none; text-align:left; border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; -ms-border-radius:0 0 5px 5px; -o-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; box-shadow: 0 0 10px rgba(0,0,0)}
.outBox .hd{ float: left; width: 179px; height: 210px; margin-right: 15px; padding-right: 15px; border-right: 1px solid #ddd}
.outBox .hd ul{ float:left; height: 37px; }
.outBox .hd ul li{ height: 30px; width: 179px; cursor:pointer; }
.outBox .hd ul li a{ position: relative; display: block; height: 30px; text-align: left; padding: 0 25px 0 10px; font: 14px/30px "Microsoft YaHei"; color: #333; white-space: nowrap; }
.outBox .hd ul li a i { position: absolute; top: 11px; right: 10px; display: inline-block; width: 0; height: 0; margin-left: 6px; border-width: 5px 0 5px 5px; vertical-align: middle; border-color: transparent transparent transparent #333; border-style: dashed dashed dashed solid; }
.outBox .hd ul li.on a{ background: #e00200; color: #fff; }
.outBox .hd ul li.on a i{ border-left-color: #fff; }

.outBox .bd{ float: left; width: 758px; height: 210px; overflow: hidden; }
.inBox{ height: 210px; overflow: hidden; }
.inBox .inHd{ float: left; width: 300px; height: 210px; margin-right: 15px; padding-right: 15px; border-right: 1px solid #ddd}
.inBox .inHd ul{ overflow:hidden; zoom:1; }
.inBox .inHd ul li{ height: 30px; cursor:pointer; }
.inBox .inHd ul li a{ position: relative; display: block; width: 265px; height: 30px; padding: 0 25px 0 10px; font: 14px/30px "Microsoft YaHei"; color: #333; white-space: nowrap; overflow: hidden; }
.inBox .inHd ul li a i { position: absolute; top: 11px; right: 10px; display: inline-block; width: 0; height: 0; margin-left: 6px; border-width: 5px 0 5px 5px; vertical-align: middle; border-color: transparent transparent transparent #333; border-style: dashed dashed dashed solid; }
.inBox .inHd ul li.on a{ background: #e00200; color: #fff}
.inBox .inHd ul li.on a i{ border-left-color: #fff; }

.inBox .inBd{ float: left; height: 210px; }
.inBox .inBd dl { height:210px;}
.inBox .inBd dl dt { float:left; display:block; width:210px; height:210px; text-align: center; }
.inBox .inBd dl dd { float:right; width: 190px; text-align:left; margin-left:18px; color:#565656; font: 12px/22px "SimSun"; }
.inBox .inBd dl dd span{ font: bold 14px/30px "Microsoft YaHei"; }

/* footer */
.footer{ width:100%; background:#eee; }
.foot{ position:relative; }
.foot .link{ width: 1000px; height:50px; line-height:50px; background:url(../images/fline.jpg) repeat-x bottom;}
.foot .link span{ width: 70px; margin-right: 10px; color:#333; }
.foot .link .tempWrap{ width:920px !important; }
.foot .link .scroll{ height: 50px; overflow:hidden; zoom:1; }
.foot .link .scroll a{ width:auto !important; display: inline-block; margin-right: 15px; font-size: 12px; }
.foot .footnav{ padding:20px 0; overflow:hidden; }
.foot .footnav dl{ float: left; width:175px; }
.foot .footnav dl dt{ margin-bottom: 10px; padding-left: 28px; font-weight:bold; background:url(../images/icon.png) no-repeat; }
.foot .footnav dl dt a{ color: #333}
.foot .footnav dl dt a:hover{ color: #e00200}
.foot .footnav dl dt.icona{ background-position: 0 0; }
.foot .footnav dl dt.iconb{ background-position: 0 -20px; }
.foot .footnav dl dt.iconc{ background-position: 0 -80px; }
.foot .footnav dl dt.icond{ background-position: 0 -40px; }
.foot .footnav dl dd{ width:147px; height:26px; padding-left:28px; line-height:26px; font-size: 12px; }
.copyright{ height:45px; font: 12px/45px "Microsoft yahei", Helvetica, Arial, sans-serif; color: #fff; background:#333 }
.copyright a{color: #fff}
.copyright a:hover{color: #e00200}

.lianxi{ width: 270px; line-height: 26px; font-size: 12px; }
.lianxi h3{ height: 19px; line-height: 19px; margin-bottom: 10px; padding-left: 28px; font-size: 14px; font-weight:bold; background:url(../images/icon.png) 0  -60px no-repeat; }
.lianxi h3 a{ color: #333}
.lianxi h3 a:hover{ color: #e00200}
.lianxi p{ padding-left: 28px; }

#share{ padding-left: 28px; }
#share a.bds_weixin{ background: url(../images/wx.png) no-repeat; }
#share a.bds_sqq{ background: url(../images/qq.png) no-repeat; }

/*buttom*/
.btn { display: inline-block; padding: 4px 10px; margin-bottom: 0; font-size: 13px; line-height: 18px; color: #333; text-align: center; text-shadow: 0 1px 1px rgba(255,255,255,0.75); vertical-align: middle; background-color: #f5f5f5; background-image: -moz-linear-gradient(top,#fff,#e6e6e6); background-image: -ms-linear-gradient(top,#fff,#e6e6e6); background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6)); background-image: -webkit-linear-gradient(top,#fff,#e6e6e6); background-image: -o-linear-gradient(top,#fff,#e6e6e6); background-image: linear-gradient(top,#fff,#e6e6e6); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#e6e6e6',GradientType=0); border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); border: 1px solid #ccc; border-bottom-color: #bbb; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05); box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05); cursor: pointer; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); }
.btn:hover { color: #333; text-decoration: none; background-color: #e6e6e6; background-position: 0 -15px; -webkit-transition: background-position .1s linear; -moz-transition: background-position .1s linear; -ms-transition: background-position .1s linear; -o-transition: background-position .1s linear; transition: background-position .1s linear}

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