

/*banner部分*/
.bannerBox{
	width:100%;
	margin:0 auto;
	height:530px;		
	min-width:1200px;	
	min-height:357px;	
	position:relative;
}
.banner{
	position:relative;
	height:inherit;	
	overflow:hidden;
	*overflow:visible;		
}
.banner li{
	width:100%;	
	min-width:1200px;
	position:absolute;
	top:0;
}
.banner li img{
	display:block;
	width:100%;	
}
.pagenation{	
	position:absolute;
	top:92%;
	left:50%;
	overflow:hidden;
}
.pagenation li{
	float:left;
	width:12px;
	height:12px;
	margin:0 4.5px;	
	cursor:pointer;
	background:url(../images/point.png) no-repeat 0 0;
}

.pagenation .current{
	background:url(../images/point.png) no-repeat -12px 0;
}
.bannerBox .left{
	position: absolute;
	left:-2px;
	top:50%;
	margin-top:-38.5px;
	display:none;
	cursor:pointer;
}
.bannerBox .right{
	position: absolute;
	right:-2px;
	top:50%;
	margin-top:-38.5px;
	display:none;
	cursor:pointer;
}

/*中间主体内容*/
.default{
	width:1200px;
	margin:0 auto;
	padding-bottom:56px;
}
.default .title{
	padding:36px 0;
}
.default .title *{
	display:block;
	text-align:center;	
}
.default .title p{
	color:#444444;
	font-size:24px;
}
.default .title div{
	color:#c0c0c0;
}
.default .title .line{
	border:1px solid #7c7c7c;
	width:44px;
	*height:0;
	margin:6px auto;
}
.cardCon{
	overflow: hidden;
}
.cardCon .left,.cardCon .right{
	width:15px;
	height:42px;
	cursor: pointer;
	margin-top:90px;
}
.cardCon .left{
	background:url(../images/arrow.png) no-repeat -29px 0;
	float:left;
}
.cardCon .right{
	background:url(../images/arrow.png) no-repeat -45px 0;
	float:right;
}
.cardCon .left:hover{
	background:url(../images/arrow.png) no-repeat 1px 0;
}
.cardCon .right:hover{
	background:url(../images/arrow.png) no-repeat -15px 0;
}
.cardCon .card{	
	width:1121px;	
	margin:0 24px;
	overflow:hidden;
	position: relative;
	height:240px;	
	float:left;
}
.cardCon .card ul{
	width:1000%;
	overflow:hidden;
	position: absolute;
	left:0;
	top:0;
}
.cardCon .card li{
	float:left;
	margin:0 22px;
	width:234px;	
	cursor:pointer;
	border:1px solid #ddd;
	height:238px;

}
.cardCon .card li:hover{
	box-shadow:0 0 20px #ddd;
	-o-box-shadow:0 0 20px #ddd;
	-webkit-box-shadow:0 0 20px #ddd;
	-ms-box-shadow:0 0 20px #ddd;	
	-moz-border-color:#eee;
	transition:box-shadow 0.6s;
	-o-transition:box-shadow 0.6s;
	-ms-transition:box-shadow 0.6s;
	-moz-transition:box-shadow 0.6s;
	-webkit-transition:box-shadow 0.6s;
}
.cardCon .card li>.text{
	padding:10px 0;
}
.cardCon .card li img{
	width:234px;
	height:137px;
	border-bottom:1px solid #eee;
}
.cardCon .card li p{
	width:208px;
	margin:0 auto;
	text-align: center;
	line-height:20px;
	padding-bottom:6px;
}
.cardCon .card li .tit{
	font-size:16px;
	color:#444444;
	margin:2px auto;
	margin-top:10px;
}
.setion2{
	width:100%;
	min-width:1200px;
	background:#3E98FF;
	
}
.case{
	width:1200px;
	margin:0 auto;
	overflow: hidden
}
.case>div{
	float:left;
	background:white;
	vertical-align: top;
	width:216px;
	padding:10px;
	height:296px;
	margin-left:11px;
	position: relative;

}
.case .col-title{
	width:174px;		
	
	padding:0;
	margin:0;
	padding-left:21px;
	padding-top:51px;
	height:265px;
	background: url(../images/yingyong.png) no-repeat 83px 170px;
	background-color:#70b1fb;

}
.case .col-title span{
	color:white;
	font-size:22px;
	display:inline-block;
	vertical-align: bottom;
}
.case .col-title img{
	display:inline-block;
	vertical-align: bottom;
	margin-left:4px;
}
.case .tit{
	overflow: hidden;
}
.case>div .text,.case>div .img{
	float:left;
}
.case>div .img{
	width:105px;
	text-align: center;
}
.case>div .text{
	width:100px;
	margin-right:6px;
}
.case>div .text h1{
	font-size:16px;
	font-weight:bold;
	margin-bottom:8px;
	
}
.case>div .obj{
	background:#999;
	color:white;
	text-align: center;
	font-size:16px;
	padding:6px 0;
	margin-top:10px;
	margin-bottom:10px;
}
.case>div>p{
	
}
.case>div>p a{
	line-height:22px;
	padding-left:12px;	
	color:#888888;
	cursor:pointer;
}
.case>div>p a:hover{
	color:#1388fd;
	background:url(../images/arrow-s.png) no-repeat left center;
}
.case>div>a{
	display:block;
	width:24px;
	height:24px;
	background:url(../images/arrow-r-g.png) no-repeat 0 0;
	position: absolute;
	right:10px;
	bottom:10px;
}
.case>div>a:hover{
	background:url(../images/arrow-r-b.png) no-repeat 0px 0;
}

.news .tab{
	overflow:hidden;
	border-bottom:1px solid #ddd;
	height:36px;
}
.news .tab div{
	float:left;
	position: absolute;
}
.news .tab dd{
	float:left;
	padding:6px 16px;
	font-size:18px;	
	cursor:pointer;
}
.news .tab dd:hover{
	color:#1288fd;
}
.news .tab dd.active{
	color:#1288fd;	
	border: 1px solid #ddd;
    border-bottom: none;
    background: white;
}
.news .tab a{	
	float:right;
	margin-top:2px;
	margin-right:4px;
}
.news .tab a i:hover{
	color:#1288fd;
}
.news .bbCon{
	height:400px;
	position: relative;
}
.news .bigCon{
	overflow: hidden;
	position: absolute;
	left:0;
	width:2400px;
}
.news .bigCon .textContainer{
	float:left;
}
.news{
	overflow: hidden;
	position: relative;
}
.news .view{
	width:350px;
	margin-top:20px;
	float:left;
	margin-right:75px;
}
.news .view img{
	width:350px;
	height:227px;
}
.news .view h1{
	font-size:16px;
	color:#444444;
	margin:10px 0;

}
.news .view h1 a{
	font-size:16px;
	color:#444444;
	margin:10px 0;
}
.news .view h1 a:hover{
	color:#ff8420;
	text-decoration: underline;
}
.news .view h2{	
	color:#999999;

}
.news .view p{
	margin:10px 0;
}
.news .view p a{
	color:#ff8420;
	margin-left:10px;
}
.news .view p a:hover{
	text-decoration: underline;
}
.news .list{
	margin-right:0;
}
.news .list li{
	margin-bottom:49px;
	*margin-bottom:55px;
}
.news .list li div{
	overflow: hidden;
}
.news .list h1{
	width:258px;
	margin-top:0;
	float:left;
}
.news .list h2{
	color:#999999;
	margin-left:10px;
	float:right;

}
