@charset "gb2312";
/* CSS Document */
.header_wrap{ height:40px; line-height:40px; background-color:#f6f4f5; margin-bottom:20px;}
.header{ width:1094px; font-size:12px;}
.header em{ padding:0 8px;}
.header span{ font-weight:bold; margin-left:10px; color: #000000;}
.header label{ margin-right:10px;}
.header a.logo{ display:block; width:97px; height:40px; background:url(imagesteamBuildinglogo.jpg) 0 2px no-repeat; float:left;}
.banner{ width:1200px; height:200px; margin-bottom:40px;}
/*.headline这里1000px edit by ld 20160116 */
.headline{ width:1130px; height:68px; background:url(imagesteamBuildingheadline.jpg) left top no-repeat; margin-bottom:15px;}
.headline h2, .headline p{ text-align:center;}
.headline h2 a{ color:#003b71; font-size:35px; font-family:'Microsoft YaHei'}
.headline p{ color:#666666; font-size:12px; padding-top:5px;}

.pureBg{    background-color: #f7f7f7;}
.TabContent .newExplore ul{padding-top:5px;}
.slide{ width:842px; height:420px; margin-bottom:20px;}
		/* 本例子css */
		.slideBox{ width:100%; height:100%; overflow:hidden; position:relative; }
		.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:12px; z-index:1; }
		.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
		.slideBox .hd ul li{ float:left; margin-right:8px;  width:11px; height:11px; line-height:14px; text-align:center; background:#fff; cursor:pointer; border-radius: 50%;}
		.slideBox .hd ul li.on{ background:#bf2727; color:#fff; }
		.slideBox .bd{ position:relative; height:100%; z-index:0;   }
		.slideBox .bd li{ zoom:1; vertical-align:middle; text-align:-webkit-center; *text-align:center; }
		.slideBox .bd img{ height:420px; display:block;  }

		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideBox .prev,
		.slideBox .next{ position:absolute; left:0; top:40%; margin-top:-25px; display:block; width:70px; height:70px; background:url(../images/slider-arrow.png) 0 0 no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
		.slideBox .next{ left:auto; right:0; background-position:-70px 0; }
		.slideBox .prev:hover,
		.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		.slideBox .prevStop{ display:none;  }
		.slideBox .nextStop{ display:none;  }

.transparent_bg{
  /*background-color: rgba(0,0,0,0.5); IE9、标准浏览器、IE6和部分IE7内核的浏览器(如QQ浏览器)会读懂 */
  background-color:rgba(0,0,0,0.5);
}
.transparent_bg p{
  color: #FFFFFF;
}
@media \0screen\,screen\9 {/* 只支持IE6、7、8 */
  .transparent_bg{
    background-color:#000000;
    filter:Alpha(opacity=50);
    position:static; /* IE6、7、8只能设置position:static(默认属性) ，否则会导致子元素继承Alpha值 */
    *zoom:1; /* 激活IE6、7的haslayout属性，让它读懂Alpha */
  }
  .transparent_bg p,.transparent_bg h6{
    position: relative;/* 设置子元素为相对定位，可让子元素不继承Alpha值 */
  }  
}
.slideBox h5{ position:absolute; top:383px; left:0; width:100%;height:38px;line-height:38px;}
.slideBox p{ font-size:12px; text-align:center; cursor:pointer;}

.container{ width:1000px; overflow:hidden;}
.con_box{ width:545px; position:relative;}
.nTab{width:100%;background:#dfecf2;overflow:hidden}
.none {display:none;}
.nTab .TabTitle{}
.nTab .TabTitle li{float:left;cursor:pointer;height:40px;line-height:40px;text-align:center;}
.nTab .TabTitle li a{text-decoration:none; padding:0 20px; color:#4f5052; font-size: 27px;}
.nTab .TabTitle .active{background:#fff;border-top:2px solid #417ece; border-left:1px solid #ccc;}
.nTab .TabTitle .active a{color:#447dce;}
.nTab .TabTitle .normal{color:#674c2b}
.nTab .TabContent{clear:both;overflow:hidden;background:#fff;display:block; padding-top:20px;*padding-top:10px;}
.box_more{ position:absolute; right:20px; top:14px; font-size:12px}
.tab_con_bg{ background-color:#f7f7f7; padding:18px 20px 0;}
.TabContent h3{ font-size:18px; font-weight:normal; margin-bottom:10px;}
.TabContent p{ font-size:13px; color:#acacac; line-height:26px; padding-bottom:20px;}
.TabContent p span{ color:#ff0000;}
.leader_img{ padding-right:15px;}
.typical{ background: #447fcd;}
.nTab .TabTitle .typical a{color: white;}
.TabContent ul{ padding-top:10px; font-size:16px;}
.TabContent li{ height:28px; line-height:28px; background:url(imagesdot.jpg) 0 12px no-repeat; padding-left:10px;}
.pure_interval{ margin-bottom:20px;}

/*测试用例*/
.showimg{ width:156px; height:217px; position:relative; float:left; margin-left:6px; display:inline;}
.showimg img{ width:156px; height:217px; border:none; display:block;}
.showimg h5{ position:absolute; bottom:0; _bottom:5px; left:0; width:100%;height:38px;line-height:38px;}
.showimg h6{ font-size:12px; text-align:center; cursor:pointer; color:white;}

.newExplore{ width: 380px; height:215px; background-color:#f7f7f7;}
.newExplore h4 a{ background-color:#ce414a; padding:5px; color:white;}
.newExplore h4 a:hover{ background-color:#d2242f; padding:5px; color:white;}

a.video{ padding-bottom:10px;}
.video_wrap{ *padding-top:10px;}
.recommend{ padding: 0 18px;}
.TabContent .newExplore p{}
.footer{ border-top:1px solid #cccccc; text-align:center; line-height:28px; font-size:12px; padding-top:10px;}
/* 长引用class */
.clear { 
    zoom: 1;
} 
.clear:after { 
 content: "";
 display: block;
 height: 0;
 clear: both;
} 
.float-left { 
    float: left; 
} 
.float-right { 
    float: right; 
} 