.banner {
    height: 400px;
    background-color: #2274e6;
    color: #fff;
}
.banner .box {
	text-align: left;
    padding: 100px 0 40px 40px;
    background-image: url(../img/xiaochengxu.png);
    background-position: 34px 54px;
    height: 100%;
}
.banner .box h2{
	line-height: 80px;
    font-size: 34px;
}
.banner .box span{
    font-size: 18px;
}
.title {
    text-align: center;
    padding: 20px 0;
}
.title h2 {
    line-height: 80px;
    font-size: 34px;
    color: #fff;
}
.title p {
    line-height: 32px;
    font-size: 16px;
    color: #565656;
}
.title .special-tit {
    margin-top: 8px;
    display: inline-block;
    padding: 0 45px;
    line-height: 30px;
    height: 30px;
    background: #eee;
    border-radius: 15px;
    color: #555;
    font-size: 16px;
    margin-bottom: 20px;
}
.weixin{
	text-align: center;
}
.weixin .title h2{
	color: #000;
}
.weixin .group{
	width: 100%;
	margin-bottom: 50px;
    float: left;
}
.weixin .group li{
	float: left;
	width: 33.33333333%;
	margin: 10px auto 0;
	padding: 20px 0;
	text-align: center;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    position: relative;
    top: 0;
}
.weixin .group li .img {
    width: 80px;
    height: 80px;
    margin: 0 auto;
}
.weixin .group li h3 {
    font-size: 18px;
    color: #304859;
    padding: 10px 0;
}
.weixin .group li p {
    font-size: 14px;
    line-height: 24px;
    color: #6b8292;
}
.weixin .group li:hover {
	cursor: pointer;
	position:relative;
	top:-5px;
}
.wx-part2{
	width: 100%;
    height: 788px;
    background-image: url(../img/xcx-part2-bg.jpg);
    background-position: center center;
    background-repeat: no-repeat;
}
.wx-part2 .title {
    padding-top: 50px;
}
.wx-part2 .title p {
    font-size: 18px;
    text-align: center;
    color: #ffffff;
}
.wx-part2 .group {
    width: 900px;
    height: 500px;
    margin: 20px auto 0;
    background-image: url(../img/xcx-part2-group-bg.png);
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
}
.wx-part2 .group .item {
	position:absolute;
	font-size:16px;
	color:#4f98f6;
}
.wx-part2 .group .item1 {
	top:70px;
	left:280px;
}
.wx-part2 .group .item2 {
	top:30px;
	right:230px;
}
.wx-part2 .group .item3 {
	top:230px;
	left:80px;
}
.wx-part2 .group .item4 {
	top:260px;
	right:140px;
}
.wx-part2 .group .item5 {
	bottom:80px;
	left:195px;
}
.wx-part3{
	text-align: center;
}
.wx-part3 .title h2{
	color: #000;
}
.wx-part3 .group{
		padding: 40px 0;
}
.wx-part4 .title h2{
	color: #000;
}
.wx-part4 .group {
	font-size:0;
	margin: 50px 0;
    width: 100%;
    float: left;
}
.wx-part4 .group .item {
	max-width:200px;
	margin:0 auto;
}
.wx-part4 .group .item h2 {
	font-size:18px;
	text-align:center;
	margin-top:20px;
}
.wx-part4 .group .item .img {
	width:182px;
	height:200px;
	margin:0 auto;
	background-position:center center;
	background-repeat:no-repeat;
 -webkit-transition:all .3s;
 -o-transition:all .3s;
 -moz-transition:all .3s;
 transition:all .3s;
}
.wx-part4 .group .item .img1 {
	background-image:url(../img/xcx-part4-icon1.png);
}
.wx-part4 .group .item .img2 {
	background-image:url(../img/xcx-part4-icon2.png);
}
.wx-part4 .group .item .img3 {
	background-image:url(../img/xcx-part4-icon3.png);
}
.wx-part4 .group .item .img4 {
	background-image:url(../img/xcx-part4-icon4.png);
}
.wx-part4 .group .item .img1:hover {
	background-image:url(../img/xcx-part4-icon1-hover.png);
}
.wx-part4 .group .item .img2:hover {
	background-image:url(../img/xcx-part4-icon2-hover.png);
}
.wx-part4 .group .item .img3:hover {
	background-image:url(../img/xcx-part4-icon3-hover.png);
}
.wx-part4 .group .item .img4:hover {
	background-image:url(../img/xcx-part4-icon4-hover.png);
}