@charset "utf-8";
/* 初始化样式 */
ul,li{
	list-style: none;
}
a{
	text-decoration: none;
}
a:hover{
	text-decoration: none;
}
p,ul,li{
	margin: 0px;
	padding:0px;
}
input{
	border:0;
	outline:medium;
}
i{
	 font-style:normal
}
h1,h2,h3,h4,h5{
	margin: 0;
}
html{
	width: 100%;
}
*{
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
}
body{
	font-family: "微软雅黑";
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
}
.red{
	color: red;
}
/*顶部导航*/
.header{
	width: 100%;
	height:89px;
	background: url(../images/imgs/topBg.jpg) no-repeat center ;
	background-size:cover;
}
.container{
	padding: 0;
	width: 100%;
	height: 88px;
}
.headertop{
	width: 1010px;
	margin: 0 auto;
}
.headerTopright{
	width: 722px;
	background-size: 100% 100%;
	display: flex;
	justify-content: space-between;
}
.h_t_rLeft{
	box-sizing: border-box;
}
.h_t_rLeft p{
	display: inline-block;
	padding: 5px 0;
	width: 20px;
	height: 20px;
}
.h_t_rLeft p:nth-child(1){
	margin-left: 0px;
}
.h_t_rLeft p:nth-child(2){
	margin-left: 24px;
}
.h_t_rLeft p:nth-child(3){
	margin-left: 24px;
}
.h_t_rRight{
	color: #0A9BEA;
	font-size: 12px;
	width: 50%;
	text-align: right;
	/*margin-right: 8%;*/
	/*padding-right: 20px;*/
}
.h_t_rRight span{
	line-height: 30px;
	vertical-align: middle;
}
.logo{
	width: 1010px;
	margin: 0 auto;
}
.logoimg{
	width: 117px;
	/*margin-left: 122px;*/
}

.navWidth{
	width: 627px;
}
.navbar{
	width:620px;
	border-image-width:0px !important;
}
.nav .nav-bar a{
	color: #fff;
}
.nav-bar ul li{
	margin-right: 54px;
}
.nav-bar ul li:last-child{
	margin-right: 0px;
}
.search-ipt{
	width: 20%;
}
.navbar-default{
	 background-color:transparent;
	 border: 0;
}
.navbar-default .navbar-nav > li{
	padding: 20px 0;
	
}
.navbar-default .navbar-nav > li > a{
	color: #fff;
	font-size: 18px;
	padding: 0 20px;
	line-height: 40px;
}
.navbar-default .navbar-nav > li > a:hover{
	color: #fff;
	border-bottom:2px solid #f35254;
}
.navbar-collapse{
	padding: 0;
}
.navbar{
	min-height: auto;
	margin-bottom: 0px;
}
.container-fluid{
	margin: 0;
}
.navbar-form{
	margin: 0;
	margin-top: 24px;
}
.form-control{
	background: transparent;
	color: #fff;
	border: 1px solid #fff;
	color: #fff ;
	border-radius: 30px;
}
.form-control::-webkit-input-placeholder{
    color: #fff;
}
.form-control::-moz-placeholder{  
    color: #fff;        
}
.form-control::-ms-input-placeholder{  
    color: #fff;        
}
.container-fluid{
	padding: 0;
}
.navbar{
	width: 340px;
}
.nav{
	width: 100%;
	/*padding-right: 10%;*/
}
.nav ul li{
	font-size: 12px ;
	color: #fff;
	padding:12px 0
}
.navbar ul li{
	margin-right: 45px;
}
.navbar ul li:last-child{
	margin-right: 0px;
}
.navsearch{
	width: 40%;
}
.navsearch form input{
	
}
.navsearch ul{
	width: 50%;
}
.navsearch form{
	width: 40%;
	margin-top: 18px;
}
.navsearch form input{
	width: 100px;
	height: 25px;
	padding: 4px 6px;
	font-size: 12px;
	background: transparent;
	border-radius: 15px;
	border:1px solid #fff;
	color: #fff;
	background: url(../images/imgs/iconsreachs.png) no-repeat right 10px center;
}

.navsearch ul li:last-child{
	margin-right: 0px;
	width: 60%;
	position:relative;
}
.navsearch ul li:last-child>a{
	display: block;
	background: #fff;
	color: #666;
	border-radius: 30px;
	width: 100%;
	text-align: center;
	line-height: 28px;
	margin-top:3px;
}
.nav ul li a{
	color: #fff;
	line-height: 30px;
	position: relative;
}
.navbar ul li a:after{
    content: ""; 
    width: 0;
	height: 3px;
    background: #f35254;
    position: absolute;
    top: 120%;
	left: 50%;
	transition: all .6s;
	border-radius:2px;
 
}
.navbar ul li a:hover:after{
	left: -5%;
	width: 110%;
}
.slidebanner{
	width: 100%;
}
.img-responsive{
	border-image-width:0px !important;
}
.banner_lb{
	position: relative;
	width: 100%;
	height: 560px;
	background: url(../images/imgs/banner02.jpg) no-repeat left top;
	background-size: cover;
}
.bannermain{
	width: 1010px;
	margin: 0 auto;
	position: relative;
	height: 560px;
}
.apply{
	width: 435px;
	background: #f7fcff;
	border-radius: 20px 20px 0 0;
	padding-bottom: 3.6%;
	overflow: hidden;
	position: absolute;
	left: 0;
	bottom: 0;
}
.apply p{
	margin: 0 auto;
}
.apply>p:nth-child(1){
	width: 58%;
	margin-top: 57px;
}
.apply>p:nth-child(2){
	width: 67%;
	margin-top: 10px;
}
.apply>p:nth-child(3){
	width:60%;
	background: #ff9d3f;
	margin-top: 14px;
	padding: 2% 0;
	text-align: center;
	color: #fff;
	font-size: 16px;
}
.banner-left{
	position: absolute;
	right: 0;
	bottom: 0;
}
.form_input{
	width: 328px;
	margin: 6% auto;
	margin-top: 6%;
	box-shadow: -10px 10px 60px #dfe5f0;
	background: #f5f7fa;
}
.form_input p{
	width: 328px;
	border: 0px;
	background: transparent;
	padding: 4% 0;
	margin-top: 10px;
	background: #fff;
	padding-left: 10%;
}
.form_input p input{
	width: 100%;
	font-size: 15px;
	background: transparent;
}
.form_input p select{
	width:100%;
	font-size: 15px;
	color:#65707b;
	border: 0; 
	background: url(../images/imgs/bannerarrowicon.png) no-repeat right 20px center;
	/*background-position: 20px 10px;*/
	right: 20px;
	appearance:none;
   -moz-appearance:none; /* Firefox */
   -webkit-appearance:none; /* Safari 和 Chrome */
 	outline:none;
}
.form_input p select option{
	outline:none;
	border: 0px;
	line-height: 40px;
	padding: 4px 0;
}
.form_input p input::-webkit-input-placeholder { 
    color:#65707b;
}
.apply .btn{
	display: block;
	width: 74%;
	background: #0a99ff;
	padding: 1.2%;
	margin: 0 auto;
	margin-top: 3.6%;
	box-shadow: -5px 5px 50px #0a99ff;
}
.btn button{
	font-size: 23px;
	color: #fff;
	text-align:center;
	letter-spacing: 4px;
	background-color:transparent;
	border:0px;
}

.feature{
	width: 1010px;
	margin: 0 auto;
	margin-top: 68px;
}
.faturemain ul li{
	width: 287px;
	height: 343px;
	background: #fbfafb;
	border-radius: 15px;
	box-shadow: 0px 13px 32px rgba(64,64,64,.2);
	margin-top: 20px;
	/*background: url(../images/imgs/left.png) no-repeat center;*/
	/*background-size: 100% 100%;*/
	
}

@keyframes xuanzhuan{
	
	0%{
		transform: scale(0.1) rotate(360deg);	
	}
	100%{
		transform: scale(1) rotate(360deg);
	}
	
	
}
.feacontant{
	width: 100%;
	text-align: center;
	padding-bottom: 15%;
}
.feacontant h3{
	color: #3f3f3f;
	font-size: 20px;
	margin-top: 12%;
	
}
.feacontant p{
	color: #919191;
	font-size: 15px;
	margin-top: 4.5%;
}
.faturemain ul{
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.faturemain ul li:nth-child(2){
	width: 300px;
	height: 378px;
	box-shadow: 0px 37px 51px rgba(20,44,62,.3);
	margin: 0;
}
.f_c_Size h3{
	font-size: 24px;
	color: #3F3F3F;
}
.f_c_Size p{
	font-size: 18px;
	margin-top: 6%;
}
.unfair_title{
	text-align: center;
}
/*.unfair_tea{
	
}*/
.unfair_title h3{
	font-size:40px;
	color: #222;
	
}
.unfair_title p{
	font-size: 26px;
	color: #858686;
	margin-top: 20px;
}
.un_contant{
	width: 1010px;
	margin: 0 auto;
}
.unfair_tea{
	margin-top: 110px;
	width: 100%;
	background: url(../images/imgs/unfair_bg.png) no-repeat left top;
	background-size: cover;
	/*height: 900px;*/
}
.unfair_main{
	width: 100%;
	margin: 0 auto;
	margin-top: 130px;
}
.main_img{
	width: 434px;
	height: 235px;
	background: url(../images/imgs/MacBookPro.png) no-repeat left top;
	background-size:100% 100%;
	position:relative;
	margin-top: 10%;
	left: -1000px;
}
.main_img ul li{
	margin-top: 41px;
	margin-left: 75px;
	display: none;
}
.main_img ul li.person_info{
	display: block;
}
.main_img ul li h4{
	font-size: 18px;
	color: #fff;
	line-height: 36px;
	background: #f9b459;
	text-align: center;
	width: 30%;
	font-family: "微软雅黑";
}
.main_img ul li p{
	width: 80%;
	font-size: 16px;
	color: #1b1a1a;
	margin-top: 10px;
	line-height: 24px;
}
.person_img{
	width: 45%;
	position: relative;
	height: 450px;
	right: -1000px;
}
.person_img::before,.person_img::after {
    content: "";
    display: block;
    height: 0px;
    line-height: 0px;
    clear: both;
    visibility: hidden;
}
.person_img ul li{
	width: 117px;
	height: 130px;
	background: url(../images/imgs/teacher01.png) no-repeat center;
	background-size: cover;
	position: absolute;
	left: 0 ;
	top:0;
}
.person_img ul li:nth-child(2){
	background: url(../images/imgs/teacher02.png) no-repeat center;
	background-size: cover;
	position: absolute;
	left: 280px;
	top:0;
}
.person_img ul li:nth-child(3){
	background: url(../images/imgs/teacher05.png) no-repeat center;
	background-size: cover;
	position: absolute;
	left: 180px;
	top:270px;
}
.person_img ul li:nth-child(4){
	background: url(../images/imgs/teacher03.png) no-repeat center;
	background-size: cover;
	position: absolute;
	left: 130px;
	top:112px;
}
.person_img ul li:nth-child(5){
	background: url(../images/imgs/teacher04.png) no-repeat center;
	background-size: cover;
	position: absolute;
	left: 0%;
	top:235px;
}
.person_img ul li:nth-child(6){
	background: url(../images/imgs/teacher06.png) no-repeat center;
	background-size: cover;
	position: absolute;
	left: 339px;
	top:197px;
}
.person_img p{
	background: #0a9bea;
	width:32px;
	height: 32px;
	border-radius: 50%;
	position: absolute;
	left: -10px;
	top: 17%;
	animation: name 2s infinite;
	z-index: 99;
}
.person_img p span{
	display: none;
}
.btnting{
	width: 30%;
	margin: 0 auto;
}
.btnting>a{
	display: block;
	width: 224px;
	margin: 0 auto;
	background: #0a9bea;
	border-radius: 20px;
	font-size: 25px;
	line-height: 50px;
	text-align: center;
	color: #fff;
	box-shadow: 0 10px 35px #b5e0fe;
	padding: 10px 0;
}
.titleimg{
	width: 420px;
	margin: 0 auto;
	margin-top:52px;
	text-align: center;
}
.w_g_main ul{
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-top: 30px;
}
.w_g_main ul li {
	width: 32%;
	text-align: center;
}
.w_g_main ul li p img{
	vertical-align: middle;
	height:40px;
}

.w_g_main ul li p.futitle{
	color: #666;
	font-size: 14px;
	margin-top:2%;
}
.w_g_main ul li p span{
	color: #222;
	font-size: 23px;
	vertical-align: middle;
}
.whygood{
	width: 1010px;
	margin: 0 auto;
}
.student{
	width:100%;
	background:url(../images/imgs/study_way.jpg) no-repeat left top;
	background-size:100% 100%;
}
.methods{
	width: 1010px;
	margin: 0 auto;
	text-align: center;
	margin-top: 128px;
}
.method_title h3{
	font-size: 40px;
	color: #222;
	
}
.method_title p{
	font-size: 26px;
	color: #858686;
	margin-top: 28px;
}
.m_m_left{
	width: 470px;
	margin-top: 40px;
}
.m_m_right{
	width: 538px;
	height: 530px;
	background: url(../images/imgs/pethodsImg02.png) no-repeat left top;
	background-size: 100% 100%;
}
.methods_main{
	margin-top: 6%;
}
.m_m_r_info{
	height: 180px;
}
.m_m_r_info p:nth-child(1){
	width: 50%;
	padding-left: 15%;
	margin-top: 75px;
}
.m_m_r_info p:nth-child(2){
	width: 35%;
	padding-left: 6%;
	margin-top: 75px;
}
.m_m_r_info p:nth-child(1) span{
	display: block;
	font-size: 16px;
	color: #0a9bea;
	line-height: 25px;
	text-align: left;
}
.m_m_r_info p:nth-child(2) span{
	display: block;
	font-size: 16px;
	color: #575757;
	line-height: 25px;
	text-align: left;
}
.meth_btn{
	width: 224px;
	height: 70px;
	margin: 0 auto;
	font-size: 25px;
	background: #0a9bea;
	color: #fff;
	line-height:70px ;
	border-radius: 20px;
	margin-top: 30px;
	box-shadow: 0px 10px 35px #b5e0fe;
	cursor: pointer;
}
.study_tour{
	height: 353px;
	height: auto;
	background: url(../images/imgs/study_tour.jpg) no-repeat center;
	background-size: cover;
	margin-top: 160px;
	background-attachment: fixed;
	overflow: hidden;
	padding-bottom: 90px;
}
.study,.tour_main{
	width: 1010px;
	margin: 0 auto;
}
.study h3{
	text-align: center;
	font-size: 44px;
	color: #fefefe;
	line-height: 79px;
	margin-top: 80px;
	font-family: "微软雅黑",'Microsoft YaHei';
}
.tour_info{
	margin-top: 5px;
}
.tour_info p{
	font-size: 29px;
	color: #fff;
}
.tour_main{
	width:1010px;
	margin: 0 auto;
	margin-top: 75px;
}
.tour_main ul li{
	font-family:'宋体';
	font-weight:600;
}
.arrow{
	/*margin: 0 5%;*/
	width: 47px;
	margin: 20px 85px;
	
}
.Ins_title{
	text-align: center;
}
.Ins_title h3{
	font-size: 42px;
	color: #222;
	margin-top: 80px;
}
.Ins_title p{
	font-size:26px;
	color: #858686;
	margin-top: 30px;
}

.Ins_system{
	margin-top:4%;
	width: 1010px;
	margin: 0 auto;
}
.Ins_contant{
	margin-top: 8%;
}
.Ins_contant ul{
	justify-content: space-between;
	display: flex;
	/*transition: all .2s;*/
	align-self: flex-end;
}
.Ins_contant ul li{
	width:210px;
	height: 260px;
	text-align: center;
	box-shadow: 0px 10px 40px #d8d8d8;
	padding: 2% 0;
	border-radius: 20px;
	display: block;
	overflow: hidden;
	align-self: flex-end;
}
.Ins_contant ul li:nth-child(1),.Ins_contant ul li:nth-child(4){
	width:240px;
}
.Ins_contant ul li.bigHeight{
	height: auto;
	/*transition: all .2s;*/
}
.insmain p{
	width: 80%;
	margin: 0 auto;
	text-align: left;
	color: #a1a1a1;
	font-size: 16px;
	letter-spacing: 2px;
	line-height: 25px;
}
.insmain h3{
	margin-top: 10%;
	font-size: 27px;
	color: #424242;
}
.insmain i{
	display: block;
	width: 15%;
	height: 1px;
	background: #099ae9;
	margin: 6% auto;
	
}
.various_equ{ 
	/*width: 100%;*/
	height:515px;
	background: url(../images/imgs/bigbg.png) no-repeat left top;
	background-size:cover;
	background-attachment: fixed;
	padding-top: 82px;
	padding-bottom: 135px;
	margin-top: 93px;
	position: relative;
}
.various_title{
	width: 1010px;
	margin: 0 auto;
}
.various_title h3{
	color: #fefefe;
	font-size: 44px;
	text-align: center;
}
.various_title p{
	color: #fff;
	font-size: 29px;
	text-align: center;
	margin-top: 35px;
}
.various_main{
	width: 793px;
	margin: 0 auto;
	margin-top: 70px;
}
.various_main ul{
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.various_main ul li{
	width: 243px;
	text-align: center;
	font-size: 25px;
	color: #fff;
	line-height: 68px;
	border:1px solid #fff;
	margin-top:15px;
}
.signUp{
	width: 100%;
	height: 80px;
	background: #0e0e0e;
	/*position: fixed;
	left: 0;
	bottom: 0;*/
}
.signUpImg{
	position: relative;
	width: 1010px;
	margin: 0 auto;
}
.signUpImg p{
	width: 17%;
	position: absolute;
	left: 0px;
	bottom: -80px;
}
.signUpImg ul{
	margin-left: 20%;
	width: 735px;
	margin-top: 5px;
}
.signUpImg ul li{
	display: inline-block;
	width: 170px;
	margin-right: 13px;
	margin-top: 16px;
}
.signUpImg ul li:last-child{
	margin-right: 0;
}
.signUpImg ul li input{
	width: 100%;
	height: 38px;
	display: block;
	padding-left: 17px;
	border-radius: 4px;
	font-size: 15px;
	color: #a7a7a7;
	border-radius: 4px;
}
.select_arrow select{
	width:100%;
	height: 38px;
	font-size: 15px;
	color:#65707b;
	padding-left: 20px;
	border-radius: 4px;
	border: 0; 
	background: #fff url(../images/imgs/select_arrow.png) no-repeat right 10px center ;
	/*background-position: 20px 10px;*/
	right: 20px;
	
	appearance:none;
   -moz-appearance:none; /* Firefox */
   -webkit-appearance:none; /* Safari 和 Chrome */
 	outline:none;
 	
}
.s_u_btn i{
	display: block;
	border-radius: 4px;
	background: #0a9bea;
	text-align: center;
	color: #fff;
	font-size: 15px;
	height: 38px;
	line-height: 38px;
}
.footer{
	width: 100%;
	background: #1e1e1e;
	padding-top: 30px;
	padding-bottom: 30px;
}

.footer_main{
	width: 80%;
	margin: 0 auto;
}
.privacy_top{
	width: 100%;
	background: #1e1e1e;
	padding-top: 30px;
	padding-bottom: 30px;
}

.footer_main{
	width: 80%;
	margin: 0 auto;
}

.about_main ul li img{
	width: 25px;
	vertical-align: middle;
	line-height: 90px;
}
.about_main ul li:nth-child(2) img{
	width:29px;
}
.about_main ul li:nth-child(3) img{
	width:23px;
}
.about_main ul li span{
	vertical-align: middle;
	font-size: 16px;
	color: #a1a1a1;
	line-height: 90px;
}

/* .privacy_main ul li span{
	vertical-align: middle;
	font-size: 16px;
	color: #000000;
	line-height: 90px;
} */

/* .privacy_main ul{
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.privacy_main {
	width: 60%;
} */

.about_main {
	width: 80%;
}
.about_main ul{
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.iphone{
	width: 50%;
}
.about_iphone{
	width: 20%;
}
.logoiphone{
	width: 40%;
}
.f_m_about{
	width: 100%;
	margin: 0 auto;
}
.iphone p{
	color: #a1a1a1;
	font-size: 18px;
}
.footer_line{
	display: block;
	height: 1px;
	width:100% ;
	margin-top:1px;
	background: #a1a1a1;
}
.copy{
	width:100%;
	min-width: 970px;
	text-align: center;
	padding:2% 0;
	color: #9d9d9d;
	bottom: 0px;
	margin: 0 auto; 
}

.copy p{
	margin-top: 33px;
}
.copy p:nth-child(2){
	margin-top:11px;
}
.copy p span{
	color: #a1a1a1;
	font-size: 15px;
	margin-right:37px;
	margin-left: 37px;
}



.search{
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	background: rgba(57,58,58,.5);
	z-index: 9999;
	transition: all 3s;
}
.search input{
	display: block;
	width: 50%;
	margin: 0 auto;
	padding: 20px 10px;
	padding-left: 100px;
	border-radius: 20px;
	margin-top: 100px;
	font-size: 30px;
	background: #fff url(../images/imgs/search.png) no-repeat left 20px center;
}
@keyframes name{
	0% {
		transform: scale(1);
		-webkit-transform: scale(1);
		-o-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
	}
	50% {
		transform: scale(1.2);
		-webkit-transform: scale(1.2);
		-o-transform: scale(1.2);
		-moz-transform: scale(1.1);
		-ms-transform: scale(1.2);
	}
	100%{
		transform: scale(1);
		-webkit-transform: scale(1);
		-o-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
	}
}
.person_img p.slide{
	width:100px;
	height:100px;
	top:-70px;
	left:-70px;
	 animation-play-state: paused;
	 transition:  1s;
}
.person_img p.slide span{
	display: block;
	text-align: center;
	color: #fff;
	
}
.meth_btn a{
	color:#fff;
}
.person_img p.slide span:nth-child(1){
	font-size: 18px;
	margin-top: 20px;
}
.person_img p.slide span:nth-child(2){
	display: block;
	width: 80%;
	font-size: 13px;
	margin: 0 auto;
	margin-top: 5px;
}
@keyframes changeheight{
	0% {
		
		height: 0;
	}
	
	100%{
		height: auto;
	}
}
.insIMg{
	width: 70%;
	margin: 0 auto;
}
/*
 * 
 * 
 *下载页面样式
 * 
 * 
 * */
.bannerImg img{
	height: auto;
}
.bannerImg{
	width: 100%;
	/* height: 100%; */
}
.down_lineClass{
	margin-top: 87px;
	width: 955px;
	margin: 0 auto;
}
.down_lineClass>p{
	width: 22px;
	margin:0 auto;
	text-align: center;
}
.lineclassMain{
	width: 100%;
	display: flex;
	margin: 0 auto;
	justify-content: space-between;
}
.line_img{
	width: 318px;
	margin-top: 82px;
}
.linemain{
	width: 594px;
}
.linemain h3{
	font-size: 36px;
	color: #222;
}
.linemain p{
	width: 60%;
	font-size: 22px;
	color: #858686;
	letter-spacing: 0px;
	line-height: 30px;
	
}
.down ul li img{
	width: 25px;
}
.down {
	width: 35%;
}
.down ul li{
	width: 100%;
	background: #1e9ce8;
	text-align: center;
	height: 72px;
	line-height: 72px;
	border-radius:5px ;
	cursor: pointer;
	position: relative;
}
.down ul li:before{
	content: ""; position:absolute;
	width:200px; 
	height: 100%; 
	top: 0; 
	left: -250px; 
	overflow: hidden;
	background: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(255,255,255,0)), color-stop(0.5, rgba(255,255,255,.2)), to(rgba(255,255,255,0)));
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.2) 50%, rgba(255,255,255,0) 100%);
	background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.2) 50%, rgba(255,255,255,0) 100%);
	background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.2) 50%, rgba(255,255,255,0) 100%);
	background: linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.2) 50%, rgba(255,255,255,0) 100%);
	-webkit-transform: skewX(-25deg);
	-moz-transform: skewX(-25deg)
}
.down ul li:hover:before { 
	left: 80%; 
	transition: left 1s ease 0s; 
}
/*.line{
	position: absolute;
	left: -20px;
	top: 0;
	height: 100px;
	width: 530px;
	background: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.5),rgba(255,255,255,0));
	background: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.5),rgba(255,255,255,0));
	transform: skew(25deg);
                -o-transform: skewx(-25deg);
                -moz-transform: skewx(-25deg);
                -webkit-transform: skewx(-25deg);
}*/
/*.down ul li:hover .line{
	animation: animate .5s ;
}*/
 @keyframes animate {
    from {background-position: -20px;}
    to {background-position: 330px;}
}
.down ul li span{
	font-size: 19px;
	color: #fff;
	vertical-align: middle;
}
.down ul li img{
	vertical-align: middle;
	margin-right: 10px;
}
.lineclassMain{
	margin-top: 5%;
}
.downbtn{
	margin-top: 53px;
}
.down ul li:nth-child(2){
	margin-top: 15px;
}
.line_info{
	margin-top: 40px;
	width: 100%;
	overflow: hidden;
}
.line_info ul{
	width:100%;
	display: flex;
	justify-content: space-between;
	margin-top: 18px;
}
.line_info ul li{
	width: 30%;
	
}
.line_info ul li img{
	vertical-align: middle;	
	margin-right: 18px;
	width: 45px;
}
.line_info ul li:nth-child(3) img{
	width: 35px;
}
.line_info ul li span{
	font-size: 19px;
	color: #222;
	vertical-align: middle;
	
}
.downapp{
	width: 100%;
}
.downapp ul li{
	width: 40%;
	padding: 0;
	background: 0;
}
.downapp ul li img{
	width: 187px;
}
.downapp ul li:nth-child(2) {
    margin-top: 0px;
    margin-left: 10%;
}
.downapp ul li p{
	width: 100%;
	text-align: center;
	font-size: 22px;
	color: #2a2a2a;
}
.downapp{
	margin-top: 6%;
}
.appdown p{
	width: 100%;
}
.down1{
	width: 100%;
}
.down1 ul li{
	width: 230px;
	overflow: hidden;
	margin-right: 16%;
	margin-top: 36px;
}
.down1 ul li:last-child{
	margin: 0;
}
.lino1{
	width: 80%;
	height: 1px;
	background: #dddddd;
	margin: 0 auto;
	margin-top: 5%;
}
.sliderNew{
	width: 88px;
	position: fixed;
	right: 0px;
	bottom: 140px;
	z-index: 99;
	border-radius: 4px;
	color: #666;
	font-family: "宋体";
	cursor: pointer;
}
.slidemain{
	width: 100%;
	text-align: center;
	font-size: 20px;
	background: #fff;
}
.slidemain ul{
	padding:10px 0;
	border:1px solid #d1d1d1;
	border-radius: 4px;
	
}
.slidemain ul li{
	position: relative;
}
.iphonekefu{
	width: 180px;
	display: block;
	position: absolute;
	top: -10px;
	left: 0px;
	padding: 26px 0;
	border-top: 1px solid #ccc;
	border:1px solid #d1d1d1;
	border-radius: 4px;
	background: #fff;
	z-index: -99;
	text-align: center;
}
.slidemain ul li p{
	margin-top: 5px;
}
.backTop{
	display: none;
	border-top: 1px solid #ccc;
	padding: 10px 0;
	border:1px solid #d1d1d1;
	border-radius: 4px;
}
.backTop p{
	margin-top: 5px;
}
.tearmview{
	padding-bottom: 112px;
}
beijingopty{
	position:fixed;
	left:"0";
	bottom:"0";
	z-index:99999;
	background:rgba(0,0,0,0.5);
	width: 100%;
    height: 80px;
}
.headPor{
	display:none;
	background:#fff;
	width:100px;
	position:absolute;
	bottom:-50px;
	teft:0px;
	z-index:9999;
}
.nav ul li .headPor>a{
	display:block;
	text-align:center;
	color:#666;
}
.nav ul li .headPor>a>i{
	margin-right:5px
}
.nav ul li .headPor>a:hover{
	text-decoration:none;
}
.headUser{
	margin-top:10px;
}
a:link { text-decoration:none;} 
a:active { text-decoration:none;} 
a:visited {text-decoration:none;} 
a:hover {text-decoration:underline;}
