@import "base.css";
@charset "utf-8";
#container{ width:100%; overflow:hidden; }
#one{
	background:#2e3a4b; height:23px; padding:10px 0}
#one h1{
	float:left; font-size:14px; color:#ccc; font-weight:normal}
#one h2{
	float:right; font-size:14px; color:#ccc; font-weight:normal}
.w1200{
	width:1200px; margin:0 auto}
#top{ width:100%; padding:12px 0;   }
#top .logo{
	float:left}
#top .navtop{
	float:right;  }
#bannerBig{
	background:url(../images/banner.jpg) no-repeat center top; height:418px; margin-top:95px}
#News{
	width:100%; overflow:hidden; margin-top:50px; height:400px}
#News .titleOne{
	background:url(../images/title1bg.gif) repeat-x; height:35px; }
#News .titleOne h1{
	background:url(../images/tittextbg.gif) no-repeat; width:186px; height:35px; text-align:center; margin: 0 auto; font-size:20px ; font-weight:normal; line-height:35px}
.w1058{
	width:1058px; overflow:hidden; margin:0 auto}
#News .left{
	width:509px; overflow:hidden; float:left; background: #06F; height:315px}
#News .left .title{
	border-bottom:2px solid #017bc0; padding:5px 0; overflow:hidden}
#News .left .title h1{
	float:left; background:url(../images/ico2.gif) no-repeat; padding-left:40px; color:#666; font-size:18px; font-weight:normal}
#News .left .title .more{
	float:right}
#News .left .text{
	width:509px; overflow:hidden; margin:20px 0}
#News .left .text p{
	text-indent:2em; line-height:28px; }
#News .left .text p a{color:#666}	
#News .left .bz{
	overflow:hidden; margin:20px 0}
#News .left .bz li{
	float:left; margin:0 35px; width:97px; text-align:center}
#News .left .bz li h1{
	line-height:40px; font-weight:normal}
#News .right{
	width:502px; overflow:hidden; float:right}
#News .right .title{
	border-bottom:2px solid #017bc0; padding:5px 0; overflow:hidden}
#News .right .title h1{
	float:left; background:url(../images/ico3.gif) no-repeat; padding-left:40px; color:#666; font-size:18px; font-weight:normal}
#News .right .title .more{
	float:right}
#News .right .content{
	margin-top:13px;  overflow:hidden}
#News .right .content li{
	line-height:40px;  }
#News .right .content li a{
	color:#6c6b6b; display:block; float:left; width:405px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; course:hand; font-size:14px; background:url(../images/icon2.png) no-repeat 0 18px; padding-left:13px }
#News .right .content li a:hover{
	color:#000}
#News .right .content li span{
	float:left; color:#a9a9a9}
#Intro_ITSS{
	background:url(../images/jsbg.jpg) no-repeat center top; height:544px; width:100%; margin:20px auto }
#Intro_ITSS .leftIT{
	float:left; width:500px; background:#fff; height:370px; border-radius: 20px; border:5px solid #3399cc }
#Intro_ITSS .leftIT h1{
	font-size:30px; margin:0 auto; width:200px; text-align:center; color:#fff; line-height:60px}
#Intro_ITSS .leftIT .title{
	width:460px; overflow:hidden; padding:40px 0 0 18px}
#Intro_ITSS .leftIT .title .tit{
	background:url(../images/itsstit.gif) no-repeat; width:138px; float:left; overflow:hidden; padding:80px 45px 30px 20px}
#Intro_ITSS .leftIT .title a{display:block; text-indent:2em; color:#333; line-height:28px}
#Intro_ITSS .leftIT .bz{
	overflow:hidden; margin:30px 20px}
#Intro_ITSS .leftIT .bz li{
	float:left; margin:10px 8px; width:75px; text-align:center; height:150px}
#Intro_ITSS .leftIT .bz li span {
	color:#4f4949; font-size:14px; line-height:40px; }	
#Intro_ITSS .rightIT .title{
	width:460px; overflow:hidden; padding:0px 0 0 35px}
#Intro_ITSS .rightIT .title .tit{
	background:url(../images/jctit.gif) no-repeat 10px 0; width:138px; float:right; overflow:hidden; padding:80px 45px 30px 30px}
#Intro_ITSS .rightIT .title a{display:block; text-indent:2em; color:#333; line-height:28px}
#Intro_ITSS .rightIT{
	float:right; width:500px; background:#fff; height:370px; border-radius: 20px; border:5px solid #3399cc}
#Intro_ITSS .rightIT .bz{
	overflow:hidden; margin:40px 20px 0px 21px}
#Intro_ITSS .rightIT .bz li{
	float:left; margin:10px 8px; width:75px; text-align:center; height:120px}
#Intro_ITSS .rightIT .bz li span {
	color:#4f4949; font-size:14px; line-height:40px; }
	
#Notice{width:100%; overflow:hidden; margin-top:35px}
#Notice .left{
	width:509px; overflow:hidden; float:left}
#Notice .left .title{
	border-bottom:1px solid #ddd; padding:5px 0; overflow:hidden}
#Notice .left .title h1{
	float:left; background:url(../images/ico4.gif) no-repeat; padding-left:35px; color:#666; font-size:18px; font-weight:normal}
#Notice .left .title .more{
	float:right}
#Notice .left .content{margin-top:13px;  overflow:hidden}
#Notice .left .content li{
	border-bottom:1px dashed #e4e4e4; padding:15px 0; overflow:hidden; margin-bottom:8px}
#Notice .left .content li img{
	width:146px; height:100px; float:left}
#Notice .left .content li a {
	display:inline-block; float:right; width:340px; color:#666}
#Notice .left .content li a:hover{
	color:#000}
#Notice .left .content li a h1{
	color:#ff9900; line-height:30px; font-size:15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; course:hand;width:340px; margin-bottom:10px}
#Notice .left .content li span{ line-height:25px}
#Notice .right{
	width:502px; overflow:hidden; float:right}
#Notice .right .title{
	border-bottom:1px solid #ddd; padding:5px 0; overflow:hidden}
#Notice .right .title h1{
	float:left; background:url(../images/ico5.gif) no-repeat; padding-left:35px; color:#666; font-size:18px; font-weight:normal}
#Notice .right .title .more{
	float:right}
#Notice .right .content{
	margin-top:13px;  overflow:hidden}
#Notice .right .content li{
	line-height:40px;  }
#Notice .right .content li a{
	color:#6c6b6b; display:block; float:left; width:405px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; course:hand; font-size:14px; background:url(../images/icon1.gif) no-repeat 0 18px; padding-left:13px }
#Notice .right .content li a:hover{
	color:#000}
#Notice .right .content li span{
	float:left; color:#a9a9a9}
#djbanner{
	background:url(../images/dj.jpg) center center; width:100%; height:417px; margin:40px auto}
#otherLM{width:1058px; overflow:hidden; margin:0 auto}
#otherLM .tit {
	text-align: center;
	background: url(../images/othertitbg.gif) repeat-x; 
	margin-bottom: 10px;
}

#otherLM .tit dt {
	font-size:25px; color:#333; padding-bottom:15px
}

#otherLM .tit dd {
	line-height: 40px;
	color: #999999;
	border-top: 2px solid #3399cc;
	display: inline-block;
	font-size: 16px;
	text-transform: uppercase;
	padding:0 5px
}
.member{
	padding-bottom:50px; overflow:hidden}
.member li{ 
	float:left}
#footer1{
	background:#141d26; overflow:hidden; padding:20px 0; border-bottom:1px solid #2b343b}
#footer1 .left{
	float:left; padding:14px}
#footer1 .centerF{
	float:left; width:450px;border-right:1px solid #2b343b; padding:0px 40px 10px 40px; border-left:1px solid #2b343b; margin-top:30px }
#footer1 .centerF h1{
	font-size:18px; color:#fff; font-weight:normal; line-height:35px}
#footer1 .centerF p{ color:#CCC; line-height:25px; }
#footer1 .centerF p a{color:#899aab; line-height:25px; }
#footer1 .right{
	overflow:hidden; margin-top:35px; float:right}
#footer1 .right li{
	float:left; margin:0 5px; width:100px; text-align:center}
#footer1 .right li h1{
	line-height:40px; font-weight:normal}
#footer1 .right li a h1 {color:#485563}
#footer2{
	background:#141d26; overflow:hidden; padding:10px 0; }
#footer2 p{
	color:#899aab; font-size:12px}
	
	
.slideBox {
	width: 100%;
	height: 418px;
	overflow: hidden;
	position: relative;
	margin-top:95px
}

.slideBox .hd {
	position: absolute;
	bottom: 5px;
	z-index: 1;
	width: 100%;
	text-align: center;
}

.slideBox .hd ul li {
	display: inline-block;
	margin-right: 5px;
	width: 30px;
	height: 8px;
	background: #FFFFFF;
	cursor: pointer;
}

.slideBox .hd ul li.on {
	background: #f4940c;
}

.slideBox .bd {
	position: relative;
}

.slideBox .bd img {
	width: 100%;
	height: 500px;
}


/*banner前/后按钮*/

.slideBox .prev,
.slideBox .next {
	position: absolute;
	width: 35px;
	height: 50px;
	left: 10%;
	top: 50%;
	margin-top: -25px;
	display: block;
	background: url(../images/l_1.png) no-repeat;
}

.slideBox .next {
	background: url(../images/r_1.png) no-repeat;
	left: auto;
	right: 10%;
}
#banner{position:relative;width:509px;height:315px;overflow:hidden;}
#banner_bg{position:absolute;bottom:0;background-color:#000;height:36px;filter:Alpha(Opacity=30);opacity:0.3;z-index:1000;cursor:pointer;width:100%;}
#banner_info{position:absolute;bottom:0;left:5px;height:36px;line-height:36px;color:#fff;z-index:1001;cursor:pointer;font-size:14px;}
#banner_text{position:absolute;width:120px;z-index:1002;right:3px;bottom:3px;}
#banner ul{position:absolute;filter:Alpha(Opacity=80);opacity:0.8;border:1px solid #fff;z-index:1002;bottom:3px;right:5px;}
#banner ul li{ padding:0px 8px;float:left;display:block;color:#FFF;border:#e5eaff 1px solid;background:#4f5d6f;cursor:pointer}
#banner ul li.on{ background:#004c99}
#banner_list a{position:absolute;}<!-- 让四张图片都可以重叠在一起-->