@charset "utf-8";
/* CSS Document */
.content { width:1002px; margin:0px auto; height: auto;}
.banner {
	width:998px;
	height:330px;
	margin:2px 0 8px 0;
	padding:1px;
	border-top:none;
	overflow:hidden;
}
.banner .blog-post {
	width:981px;
	margin:106px 0 7px 17px;
	height:60px;
	}
.banner .blog-post ul li { list-style:none; font-size:12px; color:#5a5d66;}
.banner .blog-post ul li a{ font-size:12px; color:#7e7e7e;}
.banner .blog-post ul li a:hover{color:#5e5e5e;}
.banner-app a { display:block; width:205px; height:20px; margin-left:16px;}
.middle { width:1002px; height:254px; margin-bottom:28px; background:url(../images/mining-bg.png) repeat-x 0 0;}
#m-tab-bg {width:341px; float:left; padding:9px 0px 0px 5px; background:url(../images/index-mbg.jpg) 0 0 no-repeat;}
#m-tab { width:341px; height:248px; background:url(../images/index-sx.png) repeat-y right; overflow:hidden; }
#m-tab .m-tab-off { width:331px; padding-left:10px; height:78px; margin-bottom:8px; background:url(../images/index-tab-a.png) no-repeat;}
#m-tab .m-tab-on { width:331px; padding-left:10px; height:78px; margin-bottom:8px;background:url(../images/index-tab-h.png) no-repeat;}
#m-tab .m-tab-off, #m-tab .m-tab-on{ cursor:pointer;}

span.tab-bt { display:block; width:331px; padding:10px 0px 5px 0px; color: #666666; text-decoration:none; text-transform:uppercase; font-weight:bold; font-size:14px;}
.m-tab-on span.tab-bt { color:#a80808;}
#m-tab p{ width:320px; display:block;}
.m-show { display:block;}
.m-hide { display:none; overflow:hidden;}

#index-tab-1, #index-tab-2, #index-tab-3 { width:656px; float:left; margin:10px 0px; height:245px; border-top:#e2e2e2 solid 1px; border-bottom:#e2e2e2 solid 1px;}
#index-tab-1 { background-color:#fcfcfc;}
.tab-1{ float:left; margin:20px 0px 0px 30px; _margin:20px 0px 0px 25px;}
.tab-1 h3{ display:block; margin-bottom:8px; }
.tab-1 h3 a {color: #000000; text-decoration:none; text-transform:uppercase;}
.tab-1 ul { padding-left:14px;}
.tab-1 ul li{ line-height:17px;}
.tab-1 ul li a { text-decoration:none; color:#5d636a;}
.tab-1 ul li a:hover { color:#0a86e8;}
a.product-img { display:block; margin:12px 0 0 3px; padding:1px; border:#d6edff solid 1px;}
.product-img:hover {border:#afdcff solid 1px;}

.tab-3 {width:427px; height:210px; background:url(../images/success-case.jpg) no-repeat; margin:12px 0 0 18px; float:left;}
.tab-3-r {float:left; margin-top:22px; margin-left:10px;}
.tab-3-r h3{ display:block; margin-bottom:8px; }
.tab-3-r h3 a {color: #000000; text-decoration:none; text-transform:uppercase;}
.tab-3-r ul { padding-left:14px;}
.tab-3-r ul li{ line-height:17px;}
.tab-3-r ul li a { text-decoration:none; color:#5d636a;}
.tab-3-r ul li a:hover { color:#0a86e8;}
a.case-more { display:block; width:85px; color:#BB0102; background:url(../images/xiaobiti.gif) right 2px no-repeat; font-size:11px; font-weight:bold; margin:12px 0 0 6px;}
.case-more:hover { text-decoration:none;}

.bottom { width:1002px; height:170px;}
.bg-l { float:left; width:586px; height:166px; background: url(../images/bg-l.png) no-repeat; margin-top:3px;}
.scrollDiv {width:559px; height: 18px; overflow:hidden; margin:20px 0 0 20px;}
.scrollDiv h3 { float:left; width:55px; line-height:18px; display:block;}
.scrollDiv h3 a { color:#BB0102; text-decoration:none;}
.bottom h3 a:hover{ color:#a80808;}
.scroll { width:500px; float:left; overflow:hidden;}
.scrollDiv ul li a { color:#484848; text-decoration:none;}
.scrollDiv ul li { float:left; list-style:none; line-height:18px;}
.scrollDiv ul li span { float:right; margin-left:12px; color:#999;}
.bg-l-x {width:559px; height:18px; margin:10px 0 0 20px; clear:both;}
.bg-l-x h3 a{ font-size:12px;color:#BB0102; text-decoration:none; text-transform:uppercase;}
.bg-l-x img{ float: right;}
.bg-l-x ul { margin-top:8px; }
.bg-l-x ul li { list-style: inside square; line-height:18px;}
.bg-l-x ul li a { text-decoration:none; color:#484848;}
.bg-l-x ul li a:hover { color:#00407d;}
.bg-m { float:left; width:202px; height:169px; background: url(../images/bg-m.png) no-repeat; margin:0px 6px;}
.bg-m h3{ display:block; margin:19px 0px 12px 10px; font-size:13px; text-transform:uppercase;}
.bg-m h3 a{color:#BB0102; text-decoration:none;}
.bg-m ul li{ list-style:none; line-height:22px; margin-left:18px;}
.bg-m ul li a{text-decoration:none; color:#484848;}
.bg-m ul li a:hover{ text-decoration:underline;}
.bg-r { float:left; width:194px; height:169px; background: url(../images/bg-r.png) no-repeat; padding-right:8px;}
.bg-r h3{ display:block; margin:19px 0px 12px 76px; font-size:13px; text-transform:uppercase;color:#BB0102; text-decoration:none;}
.bg-r ul li{ list-style:none; line-height:22px; padding-left:80px;}
.bg-r ul li a{text-decoration:none; color:#484848; cursor:pointer;}
.bg-r ul li a:hover{ text-decoration:underline;}
#nav{ width:100%; height:35px; background:#000;}
#nav ul{ width:1002px; height:35px; margin:0 auto;}
#nav li.bg{ background:#f00;}
#nav li{ float:left; line-height:35px; list-style:none;}
#nav a{ float:left; color:#fff; text-decoration:none; padding:0px 39px;}
#nav a:hover{ background:#F00;}