@charset "utf-8";
/* CSS Document */
*{
	padding:0;
	margin:0;
}
body{
	font-family:"微软雅黑";
	font-size:14px;
	color:#333;
}
a{
	text-decoration:none;
	color:#333;
}
li{
	list-style:none;
}
img{
	display:block;
	margin:0 auto;
}


.wrapper{
	width:640px;
	float:left;
	background:#fff;
}


.div1{
	width:100%;
	float:left;
	margin-top: 30px;  
}

.div1 h2{
    width: 100%;
    height: 66px;
	float:left;
    font-size: 36px;
	line-height: 48px;
    text-align: center;	  
    font-weight: bold;
    color: #2F2F2F;
}
.div1 p{
	width:100%;
	float:left;
	font-size: 22px;
	text-align:center;
	line-height: 38px;
	padding-bottom: 15px;
	color: #444;
}

.div1 img{
	width:96%;
}


.div2{
	width:90%;
	margin:0 5%;
	float:left;
}
.div2 .f1{
    font-size: 26px;
    margin-top: 12px;
	color: #15548a;
}

.div2 .f2{
	width:100%;
	margin-top: 30px;
	font-size:22px;
	line-height:40px;
}


.div3{
	width:94%;
	margin:35px 3% 15px;
	float:left;
	border: 1px solid #6294bd;
	
}
.div3 .parHd{
	width: 100%;
    float: left;
    position: relative;
}
.div3 .parHd ul li.on {
    width: 202px;
    background: #1c66a1;
    color: #fff;
}
.div3 .parHd ul li:first-child{
	margin-top:0px;	
}
.div3 .parHd ul li {  
    width: 33%;
    height: 64px;
	float: left;
    font-weight: bold;
    cursor: pointer;
    background: #f0f0f0;
    color: #1f72b4;
    line-height: 60px;
    font-size: 20px;
	border-right: 1px #bfbfbf solid;
}
.div3 .parHd ul li:last-child{
	border-right: 0px #ddd solid;	
}
.div3 .parHd ul li.on .s1 {
    background-position: 0px 0px;
}
.div3 .parHd ul li.on .s2 {
    background-position: 0px -32px;	
}
.div3 .parHd ul li.on .s3 {
    background-position: 0px -64px;
}
.div3 .parHd ul li.on .s4 {
    background-position: 0px -96px;
}
.div3 .parHd ul li.on span {
    background: url(../images/cclx_icc1.gif) no-repeat;
    display: block;
    float: left;
    margin: 17px 14px 0px 45px;
}
.div3 .parHd ul li span {
    background: url(../images/cclx_icc.gif) no-repeat;
    display: block;
    float: left;
    margin: 17px 14px 0px 45px;
}
.div3 .parHd ul li .s1 {
    background-position: 0px 0px;
    width: 36px;
    height: 32px;
}
.div3 .parHd ul li .s2 {
    background-position: 0px -32px;
    width: 31px;
    height: 32px;
}
.div3 .parHd ul li .s3 {
    background-position: 0px -64px;
    width: 31px;
    height: 32px;
}
.div3 .parHd ul li .s4 {
    background-position: 0px -96px;
    width: 28px;
    height: 34px;
    margin: 15px 15px 0px 45px;
}
.div3 .parBd {  
    width: 96%;
	float: right;
}
.div3 .slideBox {  
    width: 98%;
    float: left;
	overflow: hidden;
    position: relative;
    font-size: 14px;
    color: #666;
}
.div3 .parBd .lx_p {
    font-size: 20px;
    line-height: 40px;
    color: #333;
	margin: 30px auto;
}

.div4{
	width:94%;
	height:188px;
	margin:20px 3% 128px;
	float:left;
	background:url(../images/luxian.jpg) repeat-x;
	
}
.div4 .div41{
	width: 127px;
	height: 142px;
	margin-left: 28px;
	float: left;
}
.div4 .div42{
    width: 20%;
    height: 132px;
    float: left;
	margin-left: 10px;
    padding-top: 10px;
}
.div4 p{
	width: 65%;
	font-size:18px;
	line-height: 30px;
	float:left;
	color: #fff;
	padding-top: 26px;
	text-indent: 2em;
	margin-left:3%;
	letter-spacing:1px;
}
.div4 p a{
	display: block;
	width: 200px;
	height: 25px;
	color: #0068b6;
	background-color: #fff;
	padding: 0;
	margin: 15px auto;
	float: right;
	text-indent: 0;
	line-height:25px;
	text-align: center;
}