body,p,ul,li,h2,h3,img{margin:0;padding:0;}
body{min-width:1200px;color:#222222;font:14px/1.6 'helvetica neue','helvetica','arial','lucida grande','sans-serif',Arial,sans-serif;background:#e7e8eb;word-wrap:break-word;word-break:normal;}
h2,h3{font-size:100%;font-weight:400;}
ul,li{list-style:none;}
img{border:none;}
i{font-style:normal;}
img{vertical-align:top;}

a{color:#459ae9;text-decoration:none;}
a:hover{text-decoration:underline;}

/* 背景引用 */
.index .intro li .ico{background:url(img/sprite.png) no-repeat;}


/* 清除浮动 */
.clr:after,.wrap:after{content:".";clear:both;display:block;height:0;visibility:hidden;}
.clr,.wrap{zoom:1;} /* 水平分隔线 */


/* 头部 */
.header{background:#fff;border-bottom:1px solid #d9dadc;}
.header .wrap{height:60px;}
.header .logo{float:left;width:220px;overflow:hidden;}
.header .logo img{ width:220px;}
.header .link{float:right;margin:25px -28px 0 0;font-size:14px;overflow:hidden;}
.header .link li{float:left;height:16px;padding:0 22px;margin-left:-1px;line-height:14px;*line-height:16px;border-left:1px solid #ccc;}
.header .link a{color:#222;}
.header .link a:hover{color:#459ae9;}

/* 脚部 */
.footer{padding:0 0 30px;line-height:12px;text-align:center;color:#8d8d8d;font-size:12px;}
.footer .cpr{padding:0 15px;}
.footer a{display:inline-block;color:#8d8d8d;padding:0 15px;border-right:1px solid #ccc;}
.footer a:hover{color:#459ae9}

.wrap{width:1200px;margin:0 auto;}
.container{margin-top:35px;margin-bottom:30px;border:1px solid #d9dadc;background:#ffffff;}


.page-single .wrap{width:1000px;}


.index{background:#ffffff;}
.index .banner{background:url(img/banner.jpg) no-repeat center;}
.index .banner .wrap{height:410px;}

.index .container{margin:30px auto;background:none;border:none;}

.index .intro{margin-top:30px;overflow:hidden;}
.index .intro ul{width:105%;}
.index .intro li{float:left;width:320px;margin-right:20px;}
.index .intro li a{display:block;padding:35px 20px 20px;text-align:center;font-size:12px;cursor:pointer;border:1px solid #e5e5e5;}
.index .intro li a:hover{text-decoration:none;border:1px solid #999;}
.index .intro li a:hover .opt{color:#fff;background:#00c800;border:1px solid #00b100;}
.index .intro li a:hover .opt:hover{background:#29d301;border-color:#04bd01;}
.index .intro li a:active .opt{background:#03b103;border-color:#009a00;}
.index .intro li .tit{color:#222;font-size:20px;margin-top:18px;height:25px;line-height:25px;overflow:hidden;}
.index .intro li .des{color:#8d8d8d;line-height:1.4;margin:8px 0 12px;height:50px;overflow:hidden;}
.index .intro li .opt{display:inline-block;height:26px;line-height:26px;padding:0 26px;color:#459ae9;border:1px solid #fff;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.index .intro li .ico{display:inline-block;width:98px;height:62px;}
.index .intro li .ico-users{background-position:0 0;}
.index .intro li .ico-muiti{background-position:-100px 0;}
.index .intro li .ico-cross{background-position:-200px 0;}


.title {
	margin-top: 45px;
}
.title h2 {
	display: inline-block;
}
.title h2 {
	font-size: 20px;
	font-weight: normal;
	color: #333;
	background: #fff;
	position: absolute;
	margin-top: -15px;
	padding-right: 10px;
}
.through {
	height: 326px;
	margin-top: 20px;
	padding-bottom: 35px;
	border-bottom: 1px dotted #ccc;
	background: url(img/qrcode.png) center top no-repeat;
}
.through li {
	font-size: 16px;
	margin-top: 58px;
	margin-left: 68px;
	position: absolute;
}
.through li.l02 {
	margin-top: 143px;
}
.through li.l03 {
	margin-top: 228px;
}
.through li.l04 {
	margin-left: 748px;
}
.through li.l05 {
	margin-top: 143px;
	margin-left: 755px;
}
.through li.l06 {
	margin-top: 228px;
	margin-left: 755px;
}