* {margin:0;padding:0;} 
a {
	text-decoration: none;
}
ul li {
	list-style: none;
}
html {
	font-size: 625%;
}
img {
display: block;
max-width: 100%;
}
body {
	font-family:"Helvetica Neue",Helvetica,Arial,"Microsoft Yahei UI","Microsoft YaHei",SimHei,"宋体",simsun,sans-serif;
    font-size: 16px;
}
#header{
	max-width: 640px;
	background: #fff;
	margin: 0 auto;
}
#header img {
	margin:5px 0;
}
.banner {
	max-width: 640px;
	margin:0 auto;
}
#section {
	max-width: 640px;
	padding:10px 10px 20px 10px;
	margin:0 auto;
	box-sizing: border-box;
}
#section .section-part1 .section-img1 {
    margin:0 auto;
}
#section .section-part1 h3{
    text-align: center;
    margin:5% 0;
    color: #FB4A56;
}
#section .section-part1 a,#section .section-part2 a ,#section  a,.section-part3 a,
.learningstyle a,.question a{
	width:157px;
	height:45px;
	line-height: 45px;
	text-align:center;
	display: block;
	background: url(../images/UI_r5_c3.png) no-repeat;
    background-size: 100% 100%;
    color:#fff;
    margin:0 auto;
    font-size: 18px;
    clear:both;
}
#section .section-part2 {
	text-align: center;
	color:#181616;
	margin:10px 0;
}
#section .section-part2 h3 {
	padding:5%;
}
#section .section-part2 .part2-wrapper {
	width:100%;
	background: #EDEFEE;
	padding:0 0 30px 0;
	margin:20px 0;
}
#section .part2-wrapper li {
	float:left;
	width:33.33%;
	margin:20px 0;
}
#section  h3{
	text-align: center;
    margin:5% 0;
    color: #393939;
}
#section .txtMarquee-top{ 
	width:100%;  
	overflow:hidden; 
	position:relative;  
	border:1px solid #ccc;  
	margin: 30px 0; 
}

#section .txtMarquee-top .hd ul{
	
	font-size: 18px;
	line-height: 18px;
}
#section .txtMarquee-top .hd li{
	float:left;
	width: 25%;
	text-align: center;
	font-size: 18px;
	line-height: 18px;
	margin: 10px 0 0 0;
	color: #FFFFFF;
}
.txtMarquee-top .hd{
	 overflow:hidden;  
	 height:30px; 
	 background:#FE353F; 
	 padding:10px 10px;  
	 }
.txtMarquee-top .bd{ 
	width: 100%;  
	}
.txtMarquee-top .infoList li{ 
	width: 100%;
	height:24px; 
	line-height:24px;   
}
.txtMarquee-top .infoList .list1,.txtMarquee-top .infoList .list3,.txtMarquee-top .infoList .list5{
	background: #EDEDED;
}
.txtMarquee-top .infoList .list2,.txtMarquee-top .infoList .list4,.txtMarquee-top .infoList .list6{
	background: #E1DDDD;
}
.txtMarquee-top .infoList li span{
	display: inline-block;
	width: 25%;
	text-align: center;
}
.section-part3{
	max-width: 640px;
	background: #30314E;
	text-align: center;
	margin: 0 auto ;
	padding: 10px 10px 20px 10px;
	box-sizing: border-box;
}
.section-part3 h3{
	color: #fff;
	text-align: center;
    margin:3% 0;
}
.section-part3 h4{
	color: #FF3D3D;
}
.section-part3 p{
	color: #FFFFFF;
	margin:3% 0;
}
.section-part3 img{
	text-align: center;
	margin: 30px auto;
}
.course{
	max-width: 640px;
	background: #EDEDED;
	text-align: center;
	margin: 0 auto ;
	padding: 10px 10px 20px 10px;
	box-sizing: border-box;
}
.course .title2{
    padding: 20px 0 0 0;
    margin: 0 auto;
    
}
.course .system{
	margin: 20px auto;
}
.course  .content{
	width: 100%;
	margin: 0 auto ;
	padding: 15px 0 0 0;
	background: #fff;
	border-radius: 10px;
	position: relative;
}
.course .content p{
	text-align: left;
	font-weight: 550;
	margin: 10px 0;
}
.course .content ul{
	width: 90%;
	margin: auto;	
}
.course .content li{
	float:left;
	width: 33%;
	font-size: 18px;
	line-height: 18px;
	color: #FFFFFF;
}
.course .content .none{
	clear: both;
	width: 100%;
	height: 20px;
}
.course .content2{
	margin: 0 auto;
	padding: 15px 0 0 0;
	background: #fff;
	border-radius: 10px;
}
.course .content2 p{
	text-align: left;
	font-weight: 550;
	margin: 10px 0;	
}
.course .content2 ul{
	width: 90%;
	margin: 0 auto;
}
.course .content2 li{
	float:left;
	width: 33%;
	text-align: center;
	font-size: 18px;
	line-height: 18px;
}
.course .content2 .none{
	clear: both;
	width: 100%;
	height: 20px;
}
.course .content3{
	margin: 0 auto;
	padding: 15px 0 0 0;
	background: #fff;
	border-radius: 10px;
}
.course .content3 p{
	text-align: left;
	font-weight: 550;	
	margin: 10px 0;
}
.course .content3 ul{
	width: 90%;
	margin: 0 auto;
}
.course .content3 li{
	float:left;
	width: 33%;
	text-align: center;
	font-size: 18px;
	line-height: 18px;
}
.course .content3 .none{
	clear: both;
	width: 100%;
	height: 20px;
}
.course .content4{
	margin: 0 auto;
	padding: 15px 0 0 0;
	background: #fff;
	border-radius: 10px;
}
.course .content4 p{
	text-align: left;
	font-weight: 550;
	margin: 10px 0;	
}
.course .content4 ul{
	width: 90%;
	margin: 0 auto;
}
.course .content4 li{
	float:left;
	width: 33%;
	text-align: center;
	font-size: 18px;
	line-height: 18px;
}
.course .content4 .none{
	clear: both;
	width: 100%;
	height: 20px;
}
.course  form{
    width: 100%;
 	margin: 0 auto;
	position: relative;
	
}
.course .input1{
	width: 60%;
	font-size:18px ;
	height: 40px;
	margin:5%;
	padding: 0 0 0 14%;
	border-radius: 10px;
	border: 1px solid #000;
	box-sizing: border-box;
}
.course  .name{
	position: absolute;
	top: 9%;
	left:20%;
	font-size:18px ;
	font-weight: 500;
}
.course  .input2{
	width: 60%;
	font-size:18px ;
	height: 40px;
	margin: 5%;
	padding: 0 0 0 14%;
	border-radius: 10px;
	border: 1px solid #000;
	box-sizing: border-box;
}
.course .phonenumber{
	position: absolute;
	top:38%;
	left:20%;
	font-size:18px ;
	font-weight: 500;
}
.course .submit2{
	margin: 30px;
}
.learningstyle{
	max-width: 640px;
	background: #30314E;
	margin: 0 auto;
	padding: 0 0 30px 0;
}
.learningstyle h3{
	color: #fff;
	text-align: center;
    margin:0 0 3% 0;
    padding: 3% 0 0 0;
}
.learningstyle .title3{
	clear: both;
	color: #fff;
	text-align: center;
	padding: 10px;
}
.learningstyle h4{
	color: #FF3D3D;
	text-align: center;
	padding: 10px;
}
.learningstyle .images1 li{
	float:left;
	width: 23%;
	margin: 0 1%;
}
.learningstyle .images2 ul{
	padding: 0 0 0 2%;
}
.learningstyle .images2 li{
	float:left;
	width: 30%;
	margin: 0 1%;
	padding: 0 0 10px 0;
}
.question{
	width: 100%;
	background: #FFFFFF;
}
.question h2{
	color: #000;
	text-align: center;
	padding: 30px;
}
.question img{
	margin: 10px auto;
	box-sizing: border-box;
}

#footer{
	background: #EDEDED;
	max-width: 640px;
	height: 20%;
	margin: 0 auto;
}
#footer .p1{
	font-size: 24px;
	font-weight: 550;
	margin: 30px;
	text-align: center;
	padding: 30px 0 0 0;
}
#footer .p2{
	font-size: 22px;
	text-align: center;
	font-weight: 550;
}
.empty{
	margin: 0 auto;
	width: 100%;
	height: 100px;
}
.bdzx{width:100%; height: 4em; background: #0667a2; position: fixed; bottom:0; margin:0 auto; z-index: 1002; max-width: 750px;}
.bdzx ul{width: 100%;height: 100%;display: flex;text-align: center;}
.bdzx ul li{-webkit-flex: 1;}
.bdzx ul li a{float: left;width: 100%;height: 100%;}
.bdzx ul li i{display: block;margin: .5em auto; width: 22px;height:23px;background: url("../images/bdzx2.png") no-repeat;background-size:355%;}
.bdzx ul li.bdzx1 i{background-position: 0 0;}
.bdzx ul li.bdzx3 i{background-position: -25px 0;background-size:400%;}
.bdzx ul li.bdzx2 i{background-position: -48px -1px;background-size:414%;}
.bdzx ul li.bdzx4 i{background-position: -70px -3px;background-size:414%;}
.bdzx ul li span{color: #fff;font-size: .9em;}






/*媒体查询，小于 480*/
@media (max-width: 321px) {
   #section .section-part1 h3{
    font-size:16px;
}
#section .section-part2 p {
	font-size:14px;
}

}