@charset "utf-8";
/* CSS Document */
.main{
	width:1200px;}
.banner{
	height:866px;}
/* flexslider */
.flexslider{position:relative;width:100%;zoom:1;}
.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;}
.flexslider .slides{zoom:1;}
.flex-direction-nav a{width:60px;height:90px;line-height:99em;overflow:hidden;margin:-45px 0 0;display:block;background:url(../images/ad_ctr.png) no-repeat;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;}
.flex-direction-nav .flex-next{background-position:0 -90px;right:0px;}
.flex-direction-nav .flex-prev{left:0px;}
.flexslider:hover .flex-next{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-prev{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=50);}
.flex-control-nav{width:100%;position:absolute;bottom:10px;text-align:center;}
.flex-control-nav li{margin:0 0px;display:inline-block;zoom:1;*display:inline;}
.flex-control-paging li a{background:url(../images/dot.png) no-repeat 0 -16px;display:block;height:16px;overflow:hidden;text-indent:-99em;width:16px;cursor:pointer;}
.flex-control-paging li a.flex-active{background-position:0 0;}
.img{ text-align:center; display:block; background-position:center top; height:866px; background-repeat:no-repeat;}
.img a{ display:block; height:866px;}

.zjyt{
	padding-bottom:68px;
	padding-top:58px;}
.zjyt h2{
	height:70px;
	text-align:center;
	line-height:70px;
	font-size:42px;
	color:#333;
	font-weight:normal;}
.zjyt h3{
	font-size:18px;
	text-align:center;
	font-weight:normal;
	color:#333;
	height:42px;
	line-height:42px;}
.zjyt .video{
	margin:33px 20px 0;}


.step{
	background:#ececec;}
.step .main{
	background:url(../images/step.jpg) no-repeat;
	height:789px;}
.step h2{
	font-size:30px;
	text-align:center;
	width:267px;
	padding-left:384px;
	color:#fff;
	font-weight:normal;
	height:39px;
	line-height:39px;
	padding-top:59px;}
.step h3{
	font-size:14px;
	text-align:center;
	width:267px;
	padding-left:384px;
	font-weight:normal;
	height:20px;
	line-height:20px;
	color:#fff;}
.step .step1{
	font-size:14px;
	line-height:28px;
	text-align:right;
	width:508px;
	padding-top:65px;}
.step .step1 b{
	font-size:20px;
	font-weight:normal;
	color:#f19b2c;}
.step .step2{
	font-size:14px;
	line-height:28px;
	padding-left:534px;
	padding-top:65px;}
.step .step2 b{
	font-size:20px;
	font-weight:normal;
	color:#f19b2c;}
.step .step3{
	font-size:14px;
	line-height:28px;
	text-align:right;
	width:508px;
	padding-top:68px;}
.step .step3 b{
	font-size:20px;
	font-weight:normal;
	color:#f19b2c;}
.step .step4{
	font-size:14px;
	line-height:28px;
	padding-left:534px;
	padding-top:65px;}
.step .step4 b{
	font-size:20px;
	font-weight:normal;
	color:#f19b2c;}
.step .word{
	line-height:24px;
	font-size:18px;
	width:845px;
	margin:90px auto 0;}
.activity{
	padding-bottom:68px;
	padding-top:58px;}
.activity h2{
	height:70px;
	text-align:center;
	line-height:70px;
	font-size:42px;
	color:#333;
	font-weight:normal;}
.activity h3{
	font-size:18px;
	text-align:center;
	color:#333;
	font-weight:normal;
	height:42px;
	line-height:42px;}
.activity ul{
	height:522px;
	margin-top:40px;}
.activity ul li{
	float:left;
	height:261px;
	position:relative;}
.activity ul li:hover{
	z-index:10;
	-moz-box-shadow:0px 0px 10px #000;
	-webkit-box-shadow:0px 0px 10px #000;
	box-shadow:0px 0px 10px #000;}


.partner{
	height:619px;
	background:url(../images/partner.jpg) no-repeat center top;}
.partner h2{
	text-align:center;
	background:url(../images/h2line.jpg) no-repeat center bottom;
	height:72px;
	line-height:72px;
	padding-top:43px;
	font-size:24px;
	color:#fff;
	font-weight:normal;}

.join .left{
	float:left;
	height:786px;
	background:url(../images/joinpic.jpg) no-repeat left 153px;
	width:620px;}
.join .right{
	float:left;
	width:350px;}
.join .right h2{
	padding-top:76px;
	color:#333;
	height:85px;
	line-height:84px;
	background:url(../images/joinline.jpg) no-repeat left bottom;
	font-size:42px;
	font-weight:normal;}
.join .right h3{
	height:52px;
	font-weight:normal;
	color:#333;
	line-height:52px;
	font-size:18px;}
.join .right .ipt{
	width:318px;
	height:30px;
	margin-top:19px;
	margin-left:5px;
	position:relative;}
.join .right .ipt span{
	position:absolute;
	left:0px;
	width:16px;
	height:30px;
	overflow:hidden;
	line-height:34px;
	top:0;
	text-align:center;
	color:#f00;}
.join .right .ipt input{
	width:300px;
	height:28px;
	border:1px solid #ddd;
	-moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
	padding-left:16px;}
.join .right .ipt_s{
	width:318px;
	margin-top:50px;
	margin-left:5px;
	position:relative;}
.join .right .ipt_s input{
	width:318px;
	border:none;
	-moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
	cursor:pointer;
	background:#f8b500;
	color:#fff;
	font-size:20px;
	height:46px;
	line-height:46px;}

.news{
	background:#ededed;
	height:770px;}
.news .left{
	float:left;
	width:470px;}
.news .left h2{
	padding-top:48px;
	color:#333;
	height:85px;
	line-height:84px;
	background:url(../images/joinline.jpg) no-repeat left bottom;
	font-size:42px;
	font-weight:normal;}
.news .left h3{
	height:52px;
	font-weight:normal;
	color:#333;
	line-height:52px;
	font-size:18px;}
.news .left img{
	margin-top:53px;
	display:block;}
.news .right{
	float:right;
	width:500px;
	padding-right:28px;
	position:relative;
	margin-top:140px;}
.news .right ul li{
	height:94px;
	width:476px;
	padding:12px;
	background:#fff;
	margin-bottom:20px;}
.news .right ul li:hover{
	-moz-box-shadow:0px 2px 5px #999;
	-webkit-box-shadow:0px 2px 5px #999;
	box-shadow:0px 2px 5px #999;}
.news .right ul li a{
	display:block;
	line-height:23px;}
.news .right ul li a img{
	float:left;
	margin-right:15px;}
.news .right ul li a b{
	display:block;
	height:25px;
	line-height:25px;
	font-size:14px;}
.news .right .box{
	display:none;
	position:absolute;
	left:0px;
	top:0px;
	width:500px;
	height:532px;
	background:#fff;}
.news .right .info{
	height:506px;
	display:none;}
.news .right .info img{
	float:left;
	padding:12px;}
.news .right .info .word{
	float:left;
	width:382px;
	height:484px;
	padding:12px 0 0;
	line-height:23px;}
.news .right .info .word b{
	display:block;
	font-size:14px;
	font-weight:bold;
	height:25px;
	line-height:25px;}
.news .right .shouqi{
	display:block;
	text-align:center;
	background:url(../images/sq.jpg) no-repeat 230px center;
	text-indent:18px;
	height:26px;
	line-height:26px;}
.news .right .page{
	text-align:right;}
.news .right .page a{
	display:inline-block;
	margin-left:10px;
	width:16px;
	line-height:16px;
	height:16px;
	text-align:center;
	color:#fff;
	background:#f8b500;}
.news .right .page a:hover,
.news .right .page a.on{
	background:#000;}