body{
	background-color: #1f1f1f;
	overflow:auto;
}
.txt{
	color: #7d7475;
	font-size: 16px;
	line-height: 28px;
	letter-spacing:2px;
}
.header{
	position: relative;
	width: 100%;
	height: auto;
	min-width: 1200px;
}
.header .bg{
	position: absolute;
	width: 100%;
	height: 100%;
	min-width: 1200px;
	background-image: url(http://img.weibian.net/web_v3_header-bg%402x.png);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	opacity: 0;
	-webkit-transition: opacity 8s .5s;
}
.header .bg.active{
	opacity: 1;
}


.header .nav{
	position: fixed;
	top:0px;
	left:0px;
	width: 100%;
	height: 78px;
	z-index:800;
	-webkit-transition: opacity .8s;
	background-color: #171018;
}
.header.index .nav{
	background-color:transparent;
}
.header.index .nav.active{
	background-color: rgba(0,0,0,.5);
}
.header .nav .nav-wrap{
	width: auto;
	height: 100%;
	padding:24px 0 0 58px;
}
.header .nav .nav-wrap .logo{
	display: block;
	float: left;
	width: 74px;
	height: 40px;
	background-image: url(http://img.weibian.net/web_v3_logo%402x.png);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.header .nav .nav-wrap li{
	float: left;
	margin-left: 56px;
	margin-top:12px;
}
.header .nav .nav-wrap li a{
	font-size: 14px;
	color:#828481;
	text-decoration: none;
}
.header .nav .nav-wrap li a:hover{
	color:white;
	text-decoration: underline;
}

.header .nav .down-wrap{
	position: absolute;
	top:0px;
	right:0px;
	padding-top: 28px;
	padding-right: 58px;
	width: auto;
	height: 50px;
}
.down{
	display: inline-block;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	opacity: 1;
}
.down-ios{
	width: 107px;
	height: 26px;
	margin-right: 28px;
	background-image: url(http://img.weibian.net/web_v3_header-down-ios%402x.png);
}
.down-android{
	width: 101px;
	height: 26px;
	margin-left: 28px;
	background-image: url(http://img.weibian.net/web_v3_header-down-android%402x.png);
}
.down:hover{
	opacity: .65;
}

.header .nav .down-wrap i{
	display: inline-block;
	width: 1px;
	height: 24px;
	background-color: #f3f4f8;
}

.header .banner{
	width: 100%;
	height: 655px;
}

.header .tip{
	position: absolute;
	bottom:-75px;
	left:50%;
	margin-left:-95px;
	width: 190px;
	height: 155px;
	background-image: url(http://img.weibian.net/web_v3_tip1%402x.png?v=2);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	opacity: 0;
	transform:translateY(100px);
	-webkit-transition: all .5s 6s;
}
.header .tip.active{
	opacity: 1;
	transform:translateY(0px);
}

.header .t1{
	position: absolute;
	top:47.13%;
	left:50%;
	margin-left:-234px;
	width: 487px;
	height: 36px;
	background-image: url(http://img.weibian.net/web_v3_banner-t1%402x.png);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	opacity: 0;
	transform:translateY(-100px);
	-webkit-transition: all 3s 2s;
}
.header .t1.active{
	opacity: 1;
	transform:translateY(0px);
}
.header .t2{
	position: absolute;
	top:34.87%;
	left:50%;
	margin-left:-354px;
	width: 744px;
	height: 79px;
	background-image: url(http://img.weibian.net/web_v3_banner-t2%402x.png);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	opacity: 0;
	-webkit-transform:scale(.8);
	-webkit-transition: all 3s 4s;
}
.header .t2.active{
	opacity: 1;
	-webkit-transform:scale(1);
}


.section{
	position: relative;
}

.section.s2{
	width: 100%;
	height: 688px;
}
.section.s2 .t1{
	position: absolute;
	top:254px;
	left:50%;
	margin-left:-500px;
	width: 352px;
	height: 64px;
	background-image: url(http://img.weibian.net/web_v3_s2-t1%402x.png);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.section.s2 .txt{
	position: absolute;
	top:50%;
	left:50%;
	width: 400px;
	margin-top: -10px;
	margin-left:-500px;
}
.section.s2 .p1{
	position: absolute;
	top:134px;
	left:50%;
	margin-left:68px;
	width: 230px;
	height: 465px;
	background-image: url(http://img.weibian.net/web_v3_s2-p1%402x.png);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.section.s2 .i1{
	position: absolute;
	top:50%;
	left:50%;
	margin-top: -72px;
	margin-left:-115px;
	width: 53px;
	height: 51px;
	background-image: url(http://img.weibian.net/web_v3_s2-i1%402x.png);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.section.s2 .i2{
	position: absolute;
	top:50%;
	left:50%;
	margin-top:-53px;
	margin-left:-140px;
	width: 226px;
	height: 184px;
	background-image: url(http://img.weibian.net/web_v3_s2-i2%402x.png);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.section.s2 .i3{
	position: absolute;
	top:50%;
	left:50%;
	margin-top:-53px;
	margin-left:295px;
	width: 210px;
	height: 174px;
	background-image: url(http://img.weibian.net/web_v3_s2-i3%402x.png);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.section.s2 .f1{
	position: absolute;
	top:50%;
	left:50%;
	width: 5px;
	height: 20px;
	background-color: #5a4e1c;
	margin-top:-135px;
	margin-left:-152px;
}
.section.s2 .f2{
	position: absolute;
	bottom:0px;
	left:50%;
	margin-left: -424px;
	width: 8px;
	height: 30px;
	background-color: #5a4e1c;
}

.section.s3{
	width: 100%;
	height: 772px;
}

.section.s3 .t1{
	position: absolute;
	width: 30px;
	height: 193px;
	top:50%;
	left:50%;
	margin-top:-340px;
	margin-left:-424px;
	background-image: url(http://img.weibian.net/web_v3_s3-t1%402x.png);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.section.s3 .t2{
	position: absolute;
	width: 401px;
	height: 66px;
	top:303px;
	left:50%;
	margin-left:117px;
	background-image: url(http://img.weibian.net/web_v3_s3-t2%402x.png);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.section.s3 .txt{
	position: absolute;
	top:50%;
	left:50%;
	width: 450px;
	margin-left:117px;
}
.section.s3 .p1{
	position: absolute;
	width: 230px;
	height: 465px;
	top:162px;
	left:50%;
	margin-left:-230px;
	background-image: url(http://img.weibian.net/web_v3_s3-p1%402x.png?v=2);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.section.s3 .p2{
	position: absolute;
	width: 176px;
	height: 361px;
	top:396px;
	left:50%;
	margin-left:-444px;
	background-image: url(http://img.weibian.net/web_v3_s3-p2%402x.png);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.section.s3 .p3{
	position: absolute;
	width: 176px;
	height: 361px;
	top:50%;
	left:50%;
	margin-top:20px;
	margin-left:-664px;
	background-image: url(http://img.weibian.net/web_v3_s3-p3%402x.png);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.section.s3 .yun{
	position: absolute;
	width: 810px;
	height: 760px;
	top:5%;
	right: 0px;
	background-image: url(http://img.weibian.net/web_v3_yun%402x.png);
	background-size: cover;
	background-position: left center;
	background-repeat: no-repeat;
}

.section.s3 .f1{
	position: absolute;
	top:15px;
	left:50%;
	margin-left: 20px;
	width: 8px;
	height: 28px;
	background-color: #5a4e1c;
}
.section.s3 .f2{
	position: absolute;
	top:50%;
	left:50%;
	margin-left: 255px;
	margin-top: 226px;
	width: 8px;
	height: 28px;
	background-color: #5a4e1c;
}


.section.s4{
	width: 100%;
	height: 696px;
}

.section.s4 .t1{
	position: absolute;
	width: 375px;
	height: 62px;
	top:50%;
	left:50%;
	margin-top:-82px;
	margin-left:-500px;
}

.section.s4 .txt{
	position: absolute;
	top:50%;
	left:50%;
	width: 350px;
	margin-top: -10px;
	margin-left:-500px;
	z-index:109;
}

.section.s4 .t1 .con{
	position: relative;
	width: 100%;
	height: 100%;
	background-image: url(http://img.weibian.net/web_v3_s4-t1%402x.png);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	z-index:99;
}

.section.s4 .t1 .bg{
	position: absolute;
	width: 229px;
	height: 300px;
	top:-60px;
	left:-85px;
	background-image:-webkit-linear-gradient(bottom right, rgb(31,31,31), rgb(32,32,32), rgb(47,47,47));
	background-image:-o-linear-gradient(bottom right, rgb(31,31,31), rgb(32,32,32),  rgb(47,47,47));
	background-image:linear-gradient(to top left, rgb(31,31,31), rgb(32,32,32),  rgb(47,47,47));
	z-index:90;
}


.section.s4 .p1{
	position: absolute;
	width: 230px;
	height: 465px;
	top:128px;
	left:50%;
	margin-left:10px;
	background-image: url(http://img.weibian.net/web_v3_s4-p1%402x.png);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.section.s4 .p2{
	position: absolute;
	width: 322px;
	height: 156px;
	top:278px;
	left:50%;
	margin-left:264px;
	background-image: url(http://img.weibian.net/web_v3_s4-p2%402x.png?v=2);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.section.s4 .f1{
	position: absolute;
	top:10px;
	left:50%;
	margin-left: -4px;
	width: 4px;
	height: 20px;
	background-color: #5a4e1c;
}
.section.s4 .f2{
	position: absolute;
	top:46px;
	left:50%;
	margin-left: -32px;
	width: 6px;
	height: 28px;
	background-color: #5a4e1c;
}
.section.s4 .f3{
	position: absolute;
	top:50%;
	left:50%;
	margin-top: 145px;
	margin-left: -424px;
	width: 4px;
	height: 22px;
	background-color: #5a4e1c;
	z-index:109;
}

.section.s5{
	width: 100%;
	height: 786px;
}

.section.s5 .t1{
	position: absolute;
	width: 285px;
	height: 64px;
	top:228;
	left:50%;
	margin-left:117px;
	background-image: url(http://img.weibian.net/web_v3_s5-t1%402x.png?v=2);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.section.s5 .txt{
	position: absolute;
	top:303px;
	left:50%;
	width: 380px;
	margin-left:117px;
}
.section.s5 .p1{
	position: absolute;
	width: 230px;
	height: 465px;
	top:140px;
	left:50%;
	margin-left:-240px;
	background-image: url(http://img.weibian.net/web_v3_s5-p1%402x.png);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.section.s5 .p2{
	position: absolute;
	width: 217px;
	height: 403px;
	top:193px;
	left:50%;
	margin-left:-480px;
	background-image: url(http://img.weibian.net/web_v3_s5-p2%402x.png?v=2);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.section.s5 .p3{
	position: absolute;
	width: 217px;
	height: 403px;
	top:50%;
	left:50%;
	margin-top:-198px;
	margin-left:-720px;
	background-image: url(http://img.weibian.net/web_v3_s5-p3%402x.png?v=2);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.section.s5 .bg{
	position: absolute;
	width: 995px;
	height: 538px;
	right:0;
	bottom:0;
	background-image: url(http://img.weibian.net/web_v3_taikong%402x.png);
	background-size: cover;
	background-position: 115px center;
	background-repeat: no-repeat;
}

.section.s5 .f1{
	position: absolute;
	top:5px;
	left:50%;
	margin-left: 72px;
	width: 6px;
	height: 28px;
	background-color: #5a4e1c;
	z-index:109;
}

.section.s5 .f2{
	position: absolute;
	top:40px;
	left:50%;
	margin-left: 492px;
	width: 4px;
	height: 22px;
	background-color: #5a4e1c;
	z-index:109;
}

.section.s5 .f3{
	position: absolute;
	top:50%;
	left:50%;
	margin-top: 12px;
	margin-left: 72px;
	width: 3px;
	height: 24px;
	background-color: #5a4e1c;
	z-index:109;
}
.footer{
	width: 100%;
	height: auto;
	background-color: #1b191a;
}
.footer-con .down-wrap{
	
}
.footer-con .down-wrap li{
	display: inline-block;
	padding:6px 26px;
	background-color: #222222;
	text-align: center;
	margin:0 15px;
}
.footer-con .down-wrap li .down{
	margin:0px;
}

.footer-con{
	width: 1200px;
	height: 314px;
	margin:0 auto;
	padding-top: 130px;
	text-align: center;
	background-color: #1b191a;
}
.footer-con .nav{
	margin-top: 60px;
}
.footer-con .nav li{
	display: inline-block;
	margin:0 25px;
}
.footer-con .nav li a{
	color:#9aa1a7;
	text-decoration: none;
	font-size: 14px;
}
.footer-con .nav li a:hover{
	color: white;
	text-decoration: underline;
}
.footer-con .p1{
	margin-top: 40px;
}
.footer-con .p1,.footer-con .p2{
	color: #555c62;
	line-height: 18px;
}
.footer-con .p1 a,.footer-con .p2 a{
	color: #555c62;
	text-decoration: none;
}
.footer-con .p1 a:hover,.footer-con .p2 a:hover{
	color: white;
	text-decoration: underline;
}


.loadding{
	position: absolute;
	top:0px;
	left:0px;
	right: 0px;
	bottom: 0px;
	background-color: #1f1f1f;
}
.loadding-percent{
	position: absolute;
	top:50%;
	left: 50%;
	margin-left: -100px;
	margin-top: -30px;
	width: 200px;
	height: 50px;
	color: white;
}


.download-modal{
	display: none;
	position: fixed;
	top:0px;
	right: 0px;
	bottom: 0px;
	left:0px;
	z-index:910;
}

.download-modal .mask{
	position: absolute;
	top:0px;
	left:0px;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.8);
	z-index:1;
}
.download-modal .con{
	position: absolute;
	top:50%;
	left:50%;
	margin-top:-150px;
	margin-left:-550px;
	width: 1100px;
	height: 210px;
	z-index:2;
}

.download-modal .con .close{
	position: absolute;
	width: 40px;
	height: 40px;
	right:0px;
	top:-80px;
	
}
.download-modal .con .close .icon{
	-webkit-transform:rotate(0deg);
	-webkit-transition: all .5s;
}
.download-modal .con .close .icon:hover{
	-webkit-transform:rotate(180deg);
}

.download-modal .con li{
	float: left;
	width: 550px;
	
}


.download-modal .con li a{
	display: inline-block;
	width: 180px;
	height: 44px;
	margin-left: 30px;
	line-height: 44px;
	text-align: center;
	color: white;
	font-size: 16px;
}
.download-modal .con li a.bo{
	border:1px solid white;
	border-radius: 5px;
}

.download-modal .con li a.bo:hover{
	opacity: .6;
}

.download-modal .con li a i{
	margin-right: 10px;
}


/****/
.icon{
	display: inline-block;
	vertical-align: middle;
}
.icon-modal-close{
	width: 40px;
	height: 40px;
	background-image:url(../v3/images/close.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.icon-iphone{
	width: 20px;
	height: 23px;
	background-image:url(../v3/images/icon-iphone@2x.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.icon-android{
	width: 20px;
	height: 23px;
	background-image:url(../v3/images/icon-android@2x.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.icon-appstore{
	width: 24px;
	height: 24px;
	background-image:url(../v3/images/icon-appstore@2x.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.icon-yyb{
	width: 22px;
	height: 22px;
	background-image:url(../v3/images/icon-yyb@2x.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.icon-contact{
	width: 42px;
	height:51px;
	background-image:url(../v3/images/icon-contact@2x.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	vertical-align: bottom;
}
.icon-follow{
	width: 42px;
	height:51px;
	background-image:url(../v3/images/icon-follow@2x.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}


/*contact*/
.contact{
	position: relative;
	width: 100%;
	height: 690px;
	z-index:19;
	background-color: #f9f9f1;
	margin-top:75px;
}
.contact-content{
	width: 1004px;
	margin:0 auto;
	padding-top: 75px;
	background-color: #f9f9f1; 
}

.contact-content .contact-wrap{
	width: 994px;
	height: 334px;
	background-color: #202020;
	padding: 5px;

}
.contact-content .contact-wrap .contact-info{
	float: left;
	width: 454px;
	height: 208px;
	padding: 56px 0 0 60px;
	color:#9f9f9f;
	font-size: 14px;
	line-height: 30px;
}

.contact-content .contact-wrap .contact-info h5{
	font-weight:normal;
	font-size: 20px;
	color: #f4cd33;
	margin:10px 0;
}

.contact-content .contact-wrap .contact-map{
	float: right;
	width: 480px;
	height: 334px;
	background-color: #dedede;
	overflow: hidden;
}



.contact-content .follow-wrap{
	margin-top: 47px;
	width: 1004px;
	height: 287px;
	background-color: #fbf7eb;
}

.contact-content .follow-wrap .follow-wrap-header{
	width: 889px;
	height: 48px;
	background-color: #202020;
	line-height: 48px;
	padding-left: 115px;
}

.contact-content .follow-wrap .follow-wrap-header h5{
	position: relative;
	font-weight:normal;
	font-size: 20px;
	color: #f4cd33;
}

.contact-content .follow-wrap .follow-wrap-header h5 .icon{
	position: absolute;
	top:-15px;
	left:-47px;
	z-index:99;
}

.contact-content .follow-wrap-list{
	padding: 45px 60px 0 60px;
	width: 884px;
	height: 194px;
}

.contact-content .follow-wrap-list .item{
	position:relative;
	width: 179px;
	height: 149px;
	float: left;
	padding-left: 55px;
	font-size: 16px;
	color: #10181b;
	margin-right: 60px;
}
.contact-content .follow-wrap-list .item a{
	color: #10181b;
	text-decoration: none;
}
.contact-content .follow-wrap-list .item a:hover{
	text-decoration: underline;
}
.contact-content .follow-wrap-list .item li{
	width: auto;
	height: auto;
	margin-right: 40px;
	float: left;
	margin-top: 15px;
	text-align: center;
	color: #464946;
	font-size: 14px;
	line-height: 30px;
}
.contact-content .follow-wrap-list .item li img{
	width: 95px;
	height: 95px;
}

.contact-content .follow-wrap-list .item .icon{
	position: absolute;
	top:0px;
	left:20px;
}


/*joinus*/

.joinus-banner{
	width: 100%;
	background-color: #f9f9f1;
	margin-top: 55px;
}

.joinus-banner-content{
	width: 1004px;
	padding:54px 0px;
	margin:0 auto;
}

.joinus-slogan{
	width: 100%;
	background-color: #f9f9f1;
}
.joinus-slogan-content{
	width: 1004px;
	margin:0 auto;
	padding: 42px 0px;
	border-top: 5px solid #202020;
	text-align: center;
	font-size: 14px;
	line-height: 24px;
	color:#1a2121;
}
.joinus-slogan-content h6{
	font-weight: normal;
	font-size: 18px;
	margin: 8px 0;
}

.joinus-jobs{
	width: 100%;
	background-color: #f9f9f1;
}

.joinus-jobs-content{
	width: 1004px;
	margin:0 auto;
}

.joinus-jobs-content .jobs-header{
	width: 100%;
	height: 50px;
	background-color: #202020;
	line-height: 50px;
	text-align: center
}

.joinus-jobs-content .jobs-header h5{
	font-size: 26px;
	color: #f4cd33;
	font-weight: normal;
}

.joinus-jobs-content .jobs-tab{
	width: 100%;
	height: 52px;
	padding-top: 32px;
}
.joinus-jobs-content .jobs-tab li{
	float: left;
	width: 143px;
	text-align: center;
}

.joinus-jobs-content .jobs-tab li a{
	font-size: 16px;
	color:#a7acab;
	padding: 2px;
}

.joinus-jobs-content .jobs-tab li a:hover,.joinus-jobs-content .jobs-tab li a.active{
	color: black;
	border-bottom: 2px solid #f5ce11;
}

.joinus-jobs-content .jobs-list{
	width: 1004px;
	padding-bottom: 20px;
}

.joinus-jobs-content .jobs-list .item{
	width: 974px;
	height: auto;
	padding: 15px;
	background-color: white;
	margin-bottom: 48px;
	line-height: 24px;
	overflow: hidden;
}

.joinus-jobs-content .jobs-list .item h5{
	display: inline-block;
	width: auto;
	padding: 2px;
	background-color: #202020;
	font-weight: normal;
	font-size: 20px;
	color:#f4cd33;
}

.joinus-jobs-content .jobs-list .item h6{
	margin: 18px 0px;
	color: #d97a00;
	font-weight: normal;
	font-size: 14px;
}

.joinus-jobs-content .jobs-list .item .item-tip{
	margin-top: 20px;
	width: 380px;
	padding: 0 10px;
	line-height: 20px;
	background-color: #f5ce11;
}


/*about*/

.about{
	width: 100%;
	background-color: #f9f9f1;
}

.about-content{
	width: 1004px;
	margin:0 auto;
	padding-top: 100px;
}
.about-tab{
	width: 100%;
	height: 40px;
}
.about-tab a{
	display: inline-block;
	padding: 10px 65px;
	background-color: #e2dccc;
	font-size: 18px;
	color: #4f544e;
	text-decoration: none;
}
.about-tab a.active{
	background-color: #202020;
	color:#f4cd33;
}
.about-detail{
	width: 924px;
	font-size: 16px;
	padding:70px 40px;
	line-height: 40px;
	color:#4b514f;
}

.about-detail h6{
	font-weight: normal;
	font-size: 20px;
}

.about-detail ul{
	position: relative;
	left:50px;
}