body,html{margin:0;overflow:hidden;-webkit-transition:opacity 400ms;-moz-transition:opacity 400ms;transition:opacity 400ms}body,.onepage-wrapper,html{display:block;position:static;padding:0;width:100%;height:100%}.wrapper{height:650px}.onepage-wrapper{width:100%;height:100%;display:block;position:relative;padding:0;-webkit-transform-style:preserve-3d}.onepage-wrapper .section{width:100%;height:650px}.onepage-pagination{position:absolute;right:10px;top:250px;z-index:5;list-style:none;margin:0;padding:0}.onepage-pagination li{padding:0;text-align:center}.onepage-pagination li a{padding:10px;width:4px;height:4px;display:block;position:relative}.onepage-pagination li a:before{content:'';position:absolute;width:4px;height:4px;background:rgba(0,0,0,0.85);left:10px;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-webkit-transition:all .1s ease-out;-moz-transition:all .1s ease-out;-o-transition:all .1s ease-out;transition:all .1s ease-out}.onepage-pagination li a.active:before{width:10px;height:10px;background:0;border:1px solid black;margin-top:-4px;left:6px}@media screen and (min-width:0\0){.onepage-pagination li a.active:before{left:6px}}.disabled-onepage-scroll,.disabled-onepage-scroll .wrapper{overflow:auto}.disabled-onepage-scroll .onepage-wrapper .section{position:relative!important;top:auto!important;left:auto!important}.disabled-onepage-scroll .onepage-wrapper{-webkit-transform:none!important;-moz-transform:none!important;transform:none!important;-ms-transform:none!important;min-height:100%}.disabled-onepage-scroll .onepage-pagination{display:none}body.disabled-onepage-scroll,.disabled-onepage-scroll .onepage-wrapper,html{position:inherit}
.hard_aa{
	height:650px;
	width:920px;
	position: relative;
	margin:30px auto;
}
.hard_aa .hard_bb{
	width:600px;
	height:475px;
	padding-top:40px;
	float:left;
	text-align:left;
}
.hard_aa .hard_bb h1{
	font-size:28px;
	margin-top:10px;
	color:#4c4c57;
}
.hard_aa .hard_bb .bb_icon{
    float: left;
}
.hw1{
	background: url("../images/hw1.png") no-repeat;
	width:288px;
	height:73px;
	margin-top:25px;
}
.hw1 a{
	line-height:75px;
	padding-left:80px;
}
.hw2 a{ 
	line-height:75px;
	padding-left:80px;
}
.hw3 a{ 
	line-height:75px;
	padding-left:80px;
}
.hw4 a{ 
	top:11px;
	position:relative;
	padding-left:80px;
}
.hw2{
	background: url("../images/hw2.png") no-repeat;
	width:288px;
	height:73px;
	margin-top:25px;
	margin-left:22px;
}
.hw3{
	background: url("../images/hw3.png") no-repeat;
	width:288px;
	height:73px;
	margin-top:25px;
}
.hw4{
	background: url("../images/hw4.png") no-repeat;
	width:288px;
	height:73px;
	margin-top:25px;
	margin-left:22px;
}
 
.hard_aa .hard_bb .bb_icon a{
	font-size:20px;
	color:#fff;
}
.hard_aa .hard_cc{
	float:right;
	margin-top:25px;
}
.hard_ts{
	width:1034px;
	height:650px;
	margin:10px auto;
 	text-align: center;
}
.hard_ts h1{
	font-weight:bold;
	color:#0DCCF6;
	font-size:26px;
}
.hard_ts h2{
	font-weight:bold;
	color:#fff;
	margin-top:130px;
	font-size:20px;
}
.hard_ts h4{
	font-weight:normal;
	font-size:18px;
	color:#78848b;
}
.hard_ts .ts_center{
	width:1034px;
	height:400px;
	margin:10px auto;
}
.hard_ts .ts_center .one{
	background: url("../images/hw6.png") no-repeat;
	width:223px;
	height:230px;
	float:left;
}
.hard_ts .ts_center .ts_text{
	width:95%;
	margin:0px auto 0px;
	text-align:left;
	display:block;
}
.hard_ts .ts_center a{
	color:#fff;
	text-align:left;
	line-height:17px;
	font-family: "黑体";
}
.hard_ts .ts_center .enter_center{
	width:630px;
	height:400px;
	float:left;
}
.hard_ts .ts_center .two{
	background: url("../images/hw7.png") no-repeat;
	width:223px;
	height:230px;
	float:left;
	margin-left:40px;
}
.hard_ts .ts_center .three{
	background: url("../images/hw8.png") no-repeat;
	width:223px;
	height:230px;
	float:left;
	margin-left:40px;
}
.hard_ts .ts_center .four{
	background: url("../images/hw9.png") no-repeat;
	width:223px;
	height:230px;
	float:left;
	margin-left:40px;
}
.hard_ts .ts_center .five{
	background: url("../images/hw10.png") no-repeat;
	width:223px;
	height:230px;
	margin-top:10px;
	float:left;
}
.hard_ts .ts_center .six {
    background: url("../images/hw11.png") no-repeat;
	width:223px;
	height:230px;
	float:left;
	margin-left:40px;
	margin-top:10px;
}
.hard_ts .ts_center .server {
    background: url("../images/hw12.png") no-repeat;
	width:223px;
	height:230px;
	float:left;
	margin-top:10px;
	margin-left:40px;
}
.hard_ts .ts_center .eight {
    background: url("../images/hw13.png") no-repeat;
	width:223px;
	height:230px;
	float:left;
	margin-top:10px;
	margin-left:40px;
}
.hard_hy {
    height: 650px;
    margin: 10px auto 0px;
    text-align: center;
    width: 1034px;
}
.hard_hy h1 {
    color: #0dccf6;
    font-size: 26px;
    font-weight: bold;
}
.hard_hy .hy_nn {
    height: 530px;
    margin: 30px auto;
    width: 940px;
}
.hard_hy .hy_nn .nn1 {
    float: left;
    height: 220px;
    width: 415px;
}
.hard_hy .hy_nn .nn1 img{
	height:220px;
}
.hard_hy .hy_nn img {
    float: left;
}
.hard_hy .hy_nn h1 {
    color: #333;
    font-size: 20px;
}
.hard_hy .hy_nn .nn_text {
    float: right;
    height: 215px;
    text-align: left;
    width: 175px;
}
.hard_hy .hy_nn i {
    background: url("../images/hw_i.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    height: 3px;
    margin: 10px;
    width: 132px;
}
.hard_hy .hy_nn a {
    color: #555;
    font-size: 15px;
    line-height: 23px;
}
.hard_hy .hy_nn .nn2 {
    float: right;
    height: 220px;
    width: 415px;
}
.hard_hy .hy_nn .nn2 img{
	height:220px;
}
.section-wrap .section {
    width: 1016px;
}

#head {
    height: 65px;
}

.header .nav {
    margin-right: 16px;
    width: 100%;
}
 
.header {
    background: none repeat scroll 0 0 #fff;
    border-bottom: 1px solid #e6e6e6;
    height: 57px;
    padding: 10px 0 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
}
.hard_footer{
	padding:120px 0px 70px;
	width:100%;
	text-align:center;
	height:650px;
}
.hard_footer .dd{
	background: none repeat scroll 0 0 #c4c4c4;
    border-radius: 50%;
    height: 15px;
    margin-top: 50px;
    width: 15px;
	margin:20px auto;
}
.hard_footer h1{
	font-family:"方正兰亭超细黑简体";
	font-size:62px;
	margin-top:20px;
	color:#585757;
	padding-top:30px;
}
.main section.page4 {
    background:#f5f6f8;
    height: 650px;
    width: 100%;
}
.today{
	width:1020px;
	height:560px;
	background:1px soild #ccc;
	border-radius:5px;
	margin:30px auto;
}

img {
    border: medium none;
}
ul, ol {
    list-style: outside none none;
}
input, select, textarea {
    background: none repeat scroll 0 0 #fff;
    outline: medium none;
}
textarea {
    resize: none;
}
a {
    text-decoration: none;
}
.clearfix:after {
    clear: both;
    content: "";
    display: block;
}
.clearfix {
}
#tyBox {
    background: url("../images/hw_bg3.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 5px;
    font-family: "微软雅黑";
    height: 547px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 1000px;
}
#tyBox .btnBox {
    height: 80px;
    position: absolute;
    right: 246px;
    top: 255px;
    width: 360px;
}

#tyBox .btnBox .btn1 {
    background: none repeat scroll 0 0 #698cb1;
    border-radius: 40px;
    color: #fff;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 16px;
    height: 85px;
    line-height: 80px;
    margin-left: 35px;
    text-align: center;
    width: 85px;
}
#tyBox .btnBox .btn1:hover {
    background: none repeat scroll 0 0 #79b7f7;
}
#tyBox .btnSY {
    bottom: -264px;
    font-size: 14px;
    position: absolute;
    right: -230px;
}
#tyBox .btnSY a {
    background: none repeat scroll 0 0 #79b7f7;
    border-radius: 5px;
    color: #fff;
    margin-left: 5px;
    padding: 3px 8px;
}
#tyBox .cont1 {
    background: url("../images/hw_cj1.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 547px;
    left: 1019px;
    position: absolute;
    width: 1000px;
}
.texBox1 {
    color: #fff;
    height: 400px;
    left: 240px;
    position: absolute;
    top: 0;
    width: 520px;
}
.texBox1 h2 {
    font-size: 36px;
    margin-top: 104px;
    text-align: center;
}
.texBox1 span {
    display: block;
    font-size: 18px;
    line-height: 32px;
    margin-top: 48px;
    text-align: center;
}
 
.bankB {
    background: url("../images/hw_return.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    cursor: pointer;
    height: 39px;
    margin: 285px 0 0 78px;
    width: 152px;
}
.pointBox {
    color: #fff;
    height: 178px;
    position: absolute;
    right: -322px;
    top: 102px;
    width: 322px;
}
.pointBox h2 {
    font-size: 36px;
    text-align: right;
}

.pointBox span {
    color: #d6d6d6;
    display: block;
    font-size: 16px;
    line-height: 36px;
    text-align: right;
}
#tyBox .cont2 {
    background: url("../images/hw_cj2.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 547px;
    left: 1019px;
    position: absolute;
    width: 1019px;
}

#tyBox .cont3 {
    background: url("../images/hw_cj3.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 547px;
    left: 1019px;
    position: absolute;
    width: 1019px;
}
