﻿/*初始化*/
*{
	font-family: helvetica;
	margin: 0;
	padding: 0;
}
html{
	background: #efefef;
}
body{
	background:#FFF;
	max-width: 640px;
	margin: 0 auto;
}
body *{/*body下的所有元素*/
	-webkit-text-size-adjust: 100%;
	-webkit-user-select: none;/*禁止用户选中文字*/
}
a,button,input{
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
button,input{
	-webkit-appearance: none;
	border-radius: 0;
}
a{
	text-decoration: none;
	padding: 0;
	margin: 0;
}
input{
	outline:none;/*消除点击后的外框*/
	vertical-align: middle;
}
ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
img{
	vertical-align: middle;
}
h2,h3,h4,p{
	margin: 0;
}
.left{
	float: left;
}
.right{
	float: right;
}
.clearfix:after{
	content: '';
	display: block;
	clear: both;
}
.auto{
	margin: 0 auto;
}
/*固定样式*/
h2{
	font-size: 1.36rem;
	color: #c3263f;
	height: 1.44rem;
	line-height: 1.44rem;
}
h3{
	color: #404040;
	font-size: 1.2rem;
	height: 1.2rem;
	line-height: 1.2rem;
}
.btn{
	display: block;
	width: 27.6rem;
	height: 3.68rem;
	border-radius: 0.4rem;
	color: #FFFFFF;
	font-size: 1.44rem;
	background-color: #82BB0C;
	text-align: center;
	line-height: 3.68rem;
	margin:2.8rem auto;
	font-weight:500;
}
/*头部*/
header{
	width: 100%;
	text-align: center;
	/*background: #F7F7F7;*/
	padding:1.44rem 0 1rem 0;
}
header img{
	width: 13.92rem;
	height: 3rem;
}
nav{
	width: 100%;
	height: 4rem;
	background: #FFFFFF;
	max-width: 640px;
}
nav li{
	float: left;
	width: 16.66%;
	height: 3.04rem;
	text-align: center;
	font-size: 1.36rem;
	line-height:4.5rem;
}
.nav a{
	/*display: block;*/
	font-size: 1.36rem;
	color: #bdbdbd;
}

.current a{
	border-bottom: 0.12rem solid #404040;
}
.current a{
	color: #404040;
}
.banner{
	/*margin-top:1.44rem ;*/
}
.banner img{
	display: block;
	width: 96%;
	height: 17.68rem;
	margin:0.48rem auto 0;
	border-radius: 0.5rem;
}
/*课程介绍*/
.intro1{
	width: 27.6rem;
}
.part h2{
	text-align: center;
	margin: 2.8rem 0;
	/*background: url(../img/title@3x.png) no-repeat center;*/	
	background-size: 22.56rem 0.72rem;
}
.intro1 p{
	font-size: 1.12rem;
	line-height: 1.92rem;
	margin-bottom: 0.4rem;
}
.intro2 .data{
	height: 10.44rem;
	width: 100%;
	background: #999999;
	margin-top: 2.4rem;
}
.data>div{
	text-align: center;
	width: 33.3%;
}
.data span{
	display: block;
	color: #FFFFFF;
}
.data .big{
	height: 2.4rem;
	font-size: 2.4rem;
	margin-top: 3.28rem;
}
.data .small{
	font-size:1.2rem;
	height: 1.2rem;
	margin-top: 0.72rem;
}
.data .num2{
	background:#BDBDBD ;
	height: 100%;
}
/*课程*/
.course{
	width: 27.6rem;
	margin: 0 auto;
	border-top: 1px solid #e6e6e6;
}
.course dl{
	border-bottom: 1px solid #e6e6e6;
	padding-top: 5.3rem;
}
.course dt h2{
	height: 1.36rem;
	line-height: 1.36rem;
	margin-bottom: 1.2rem;
	text-align: center;
}
.course dt .desc1{
	font-size: 1.12rem;
	color: #404040;
	line-height: 1.6rem;
	margin-bottom: 2.8rem;
	text-align: center ;
}
.course dl dd{
	border-top: 1px solid #e6e6e6;
	padding: 1.4rem 0;
}
.course dl dd a{
	display: flex;
	align-items:center;
}
.course dl dd .text{
	width: 18rem;
	padding-right: 0.68rem;
}
.course dl dd h3{
	height: 1.2rem;
	font-size: 1.12rem;
	line-height: 1.12rem;
	color: #404040;
	margin-bottom: 0.8rem;
	font-weight: normal;
}
.course dl dd .desc2{
	font-size: 0.96rem;
	line-height: 1.36rem;
	color: #808080;
	text-align: justify;
}
.course dl dd img{
	width: 9.24rem;
	height: 5.76rem;
	border-radius: 0.2rem;
}
/*课程优势*/
.part3 ul li{
	width: 50%;
	height: 19.6rem;
	display: block;
	background: #E6E6E6;
	float: left;
	text-align: center;
}
.part3 ul .dif{
	background: #F2F2F2;
}
.part3 ul li .icon{
	display: block;
	width: 4.4rem;
	height: 4.4rem;
	background: url(../img/snsjxy_icon.png) 4.4rem 0rem;
	background-size: 20rem 24rem;
	/*background-color: #FFFFFF;*/
	margin: 1.2rem auto 1.4rem;
	border-radius: 50%;
}
.part3 ul li h3{
	font-size: 1.2rem;
	height: 1.2rem;
	line-height: 1.2rem;
	margin-bottom: 1.5rem;
	font-weight: normal;
}
.part3 ul li .desc3{
	width: 12.8rem;
	font-size: 0.96rem;
	text-align: justify;
	margin: 0 auto;
	line-height: 1.6rem;
	color: #808080;
}
.part3 ul li .icon2{
	background-position: 4.4rem -4.8rem;
}
.part3 ul li .icon3{
	background-position: 4.4rem -9.6rem;
}
.part3 ul li .icon4{
	background-position: 4.4rem -14.4rem;
}
/*part4问答部分*/
.part4 dl{
	background: #F2F2F2;
	padding: 2rem 1.2rem 0;
}
.part4 h3{
	margin-bottom: 1rem;
	font-weight: normal;
}
.part4 dd{
	font-size: 0.96rem;
	text-align: justify;
	line-height: 1.6rem;
	padding-bottom: 1.2rem;
	margin-bottom: 1.2rem;
	border-bottom: 1px solid #d9d9d9;
	color: #808080;
}
.part4 .download li{
	background-color: #BFBFBF;
	height: 4.8rem;
	display: flex;
	align-items:center;
	padding-left: 0.8rem;
	/*margin: 0 0 0.5rem;*/
}
.part4 .download .first{	
	border-radius: 0.4rem 0.4rem 0 0;
}
.part4 .download .last{	
	border-radius: 0 0 0.4rem 0.4rem;
}
.part4 .download .dif{
	background-color:#D9D9D9 ;
}
.part4 .download a{
	display: block;
	width: 6.24rem;
	height: 2.4rem;
	border: 1px solid #fff;
	color: #FFFFFF;
	text-align: center;
	float: right;
	border-radius: 1.2rem;
	line-height: 2.4rem;
	margin-right: 0.8rem;
}
.part4 .download .icon{
	width: 13.04rem;
	height: 4.8rem;
	background: url(../img/snsjxy_icon.png) no-repeat ;
	background-size:20rem 24rem;
}
.part4 .download .icon2{
	background-position: 0rem -4.4rem;
}
.part4 .download .icon3{
	background-position: 0rem -9.6rem;
}
.part4 .download .icon4{
	background-position: 0rem -14.4rem;
}
.part4 .last{
	border: none;
	margin-bottom: 0;
}
.part4 .btn{
	display: flex;
	align-items: center;
	font-size: 1.5rem;
}
.part4 .clock{
	display: inline-block;
	width: 2rem;
	height: 3.6rem;
	background: url(../img/snsjxy_icon.png);
	background-size:20rem 24rem;
	background-position: 0rem 5.3rem;
	margin:0 0.4rem 0  3.6rem  ;
}
.part5 {
	background: #404040;
	padding: 1.6rem 0 1.2rem 1.2rem;
}
.part5 h3{
	font-size: 0.96rem;
	color: #FFFFFF;
	margin-bottom: 1rem;
}
.part5 .fre_link a{
	font-size:0.96rem;
	color: #fff;
	line-height: 1.4rem;
}
.part5 p{
	font-size: 0.96rem;
	color: #fff;
	margin-bottom: 0.6rem;
	font-weight: 300;
}
.part5 a{
	color:#fff;
}