*,html, body{margin: 0; padding: 0;}
html,body,ul, li,p{margin: 0;padding: 0; font-family: "Microsoft YaHei";}
li{list-style-type:none}
a{text-decoration: none; }
p{
  word-wrap: break-word;
  word-break: break-all;
  overflow: hidden;
}
.header{
	width: 100%;
	height: 160px;
}
.haader_top{
	width: 100%;
	height: 110px;
}
.header_box{
	width: 1200px;
	height: 110px;
	margin: 0 auto;
}
.header_logo{
	width: 299px;
	height: 91px;
	margin-top: 10px;
	float: left;
	background: url(../images/header_logo.png) no-repeat center center;
}

.header_por{
    width: 370px;
    height: 110px;
    float: right;
}
.header_phone{
	width: 280px;
	height: 58px;
	line-height: 58px;
	margin: 25px 0;
        float: left;
	font-size: 30px;
	color: #576A95;
	text-align: right;
	background: url(../images/header_phone.png) no-repeat top left;
}

.login{
    height: 40px;
    line-height: 40px;
    float: right;
    margin-top: 35px;
}
.header_bac{
	width: 100%;
	height: 50px;
	background:#576A95;
}
.header_nav{
	width: 1200px;
	height: 50px;
	margin: 0 auto;
}
.header_nav>ul{
	line-height:50px;
}
.header_nav> ul >li {
	width: 125px;
	text-align: center;
	float: left;
	list-style-type:none;
	color: #fff;
	font-size: 14px;
}
.header_nav> ul >li>a{
	width: 125px;
	text-align: center;
	float: left;
	list-style-type:none;
	color: #fff;
	font-size: 14px;
}
.header_nav> ul >li > a:hover {
	background:#EA5149;	
}

.li_3 { 
	position: relative; 
	z-index: 100;
}
.li_3_content { 
	position: absolute; 
	top: 50px; 
	left: 0px; 
	line-height: 40px; 
	z-index: 99; 
	display: none;
	height: auto; 
	*top: 18px; 
	width: 125px;
	background: #fff;
}
.li_3_content a:hover { 
	color: #f18336 !important; 
}
.li_3_content dt { 
	height: 17px; 
	border-bottom: 3px solid #FE7700; 
	*height: 19px; 
	line-height: 17px; 
}
.li_3_content dd { 
	/*border-left: 1px solid #E6E4E3;*/ 
	/*border-right: 1px solid #E6E4E3;*/ 
	padding: 0 8px; 
	/*background: #ffffff url(../images/menu.gif) no-repeat bottom; */
	margin: 0;
}
.li_3_content dd:hover { 
	background: #576A95;
}
.li_3_content dd:hover a{ 
	color: #fff !important;
}
.li_3_content dd a { 
	text-align: center; 
	padding: 0; 
	border-right: none; 
	color: #666; 
	font-weight: normal; 
	width: auto;
}
.li_3_content dd.lastItem { 
	background-image: none; 
	border-bottom: 1px solid #E6E4E3; 
}
.li_3_content dd.lastItem a { 
	border-bottom: none; 
}

.li_4 { 
	position: relative; 
	z-index: 100;
}
.li_4_content { 
	position: absolute; 
	top: 50px; 
	left: 0px; 
	line-height: 40px; 
	z-index: 99; 
	display: none;
	height: auto; 
	*top: 18px; 
	width: 125px;
	background: #fff;
}
.li_4_content a:hover { 
	color: #f18336 !important; 
}
.li_4_content dt { 
	height: 17px; 
	border-bottom: 3px solid #FE7700; 
	*height: 19px; 
	line-height: 17px; 
}
.li_4_content dd { 
	/*border-left: 1px solid #E6E4E3;*/ 
	/*border-right: 1px solid #E6E4E3;*/ 
	padding: 0 8px; 
	/*background: #ffffff url(../images/menu.gif) no-repeat bottom; */
	margin: 0;
}
.li_4_content dd:hover { 
        background: #576A95;

}
.li_4_content dd:hover a{ 
	color: #fff !important;
}
.li_4_content dd a { 
	text-align: center; 
	padding: 0; 
	border-right: none; 
	color: #666; 
	font-weight: normal; 
	width: auto;
}
.li_4_content dd.lastItem { 
	background-image: none; 
	border-bottom: 1px solid #E6E4E3; 
}
.li_4_content dd.lastItem a { 
	border-bottom: none; 
}

.li_5 { 
	position: relative; 
	z-index: 100;
}
.li_5_content { 
	position: absolute; 
	top: 50px; 
	left: 0px; 
	line-height: 40px; 
	z-index: 99; 
	display: none;
	height: auto; 
	*top: 18px; 
	width: 125px;
	background: #fff;
}
.li_5_content a:hover { 
	color: #f18336 !important; 
}
.li_5_content dt { 
	height: 17px; 
	border-bottom: 3px solid #FE7700; 
	*height: 19px; 
	line-height: 17px; 
}
.li_5_content dd { 
	/*border-left: 1px solid #E6E4E3;*/ 
	/*border-right: 1px solid #E6E4E3;*/ 
	padding: 0 8px; 
	/*background: #ffffff url(../images/menu.gif) no-repeat bottom; */
	margin: 0;
}
.li_5_content dd:hover { 
	background: #576A95;
}
.li_5_content dd:hover a{ 
	color: #fff !important;
}
.li_5_content dd a { 
	text-align: center; 
	padding: 0; 
	border-right: none; 
	color: #666; 
	font-weight: normal; 
	width: auto;
}
.li_5_content dd.lastItem { 
	background-image: none; 
	border-bottom: 1px solid #E6E4E3; 
}
.li_5_content dd.lastItem a { 
	border-bottom: none; 
}



.banner{
	width: 100%;
	height: 651px;
	background: url(../images/banner.png) top center;
}

.content{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.content_one{
	width: 1200px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	padding: 70px 0 0;
}
.content_title{
	width: 1200px;
	height: 50px;
	padding-top: 60px; 
	background:url(../images/content_title.png) no-repeat top ;
	background-size:100% auto;
}
.title{
    padding-top:60px;
}
.title>p{
	line-height:50px;
	text-align:center;
	color: #666060;
	font-size: 30px;
	font-family: PingFang-SC-Medium;
}

.curriculum_advantage{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 30px 0 70px;
}

.advantage_box{
	width: 240px;
	height: 240px;
	float: left;
}
.advantage_box > img{
	width: 100%;
	height: auto;
}

.content_two{
	width: 100%;
	height: 650px;
	background:url(../images/content_two.jpg) no-repeat left bottom;
}
.content_two_left{
	width: 45%;
	height: 518px;
	float: left;
	/*background:url(../images/content_about.jpg) no-repeat right bottom; */
}
.content_two_right{
	width: 55%;
	height: 518px;
	float: right;
	background:url(../images/content_about.jpg) no-repeat left bottom; 
}
.content_text{
	width: 400px;
	height: 400px;
	float: right;
	margin: 40px 80px 0 0 ;
}
.content_text > p:last-child{
	margin-top: 20px;
	line-height: 36px;
	font-size: 18px;
}
/*第三个*/
.content_three{
	width: 1200px;
	height: 1100px;
	margin: 0 auto;
	background: url(../images/content_three_banner.png) no-repeat left ;
}
.three_box{
	width: 350px;
	height: 600px;
	margin: 230px 0 0;
	float: right;
}
.three_box > p{
	color:  #4F9AFF;
	font-size: 18px;
}
.three_box > p:nth-child(2){
	line-height: 30px;
}

.three_box > img{
	width: 250px;
	display: block;
	margin: 0 auto;
}
/*第四个*/
.content_four{
	width: 100%;
	height: 1573px;
	overflow: hidden;
	background:url(../images/banner_four.png) center center;
}
.four_about{
	width: 1200px;
	height: 1000px;
	margin: 260px auto 0;
	/*background: #fff;*/
}
.four_title{
	width: 657px;
	height: 50px;
	margin: 0 auto; 
	padding-top: 60px; 
	background:url(../images/four_title.png) no-repeat top ;
	background-size:100% auto;
}




.four_main {
    width: 100%;
    /* background-color: green; */
    height: auto;
    overflow: hidden;
    margin-top: 80px;
}
.btn{ 
    width: 600px;
    height: 50px;
    margin: 0 auto;
    /*display: flex;*/
    justify-content: space-around;
    /*box-shadow: 0 0.04rem 0 rgba(0,55,88,.1);  */
}
.btn > span{
	width: 150px;
	height: 50px;
	border-radius:25px;
	background: #EDEDED;
	margin: 0px 20px;
}
.spanList{ 
    font-family: PingFang-SC-Medium;
    font-size: 20px;
    color: #3f3f3f; 
    text-align: center;
    line-height: 50px;
    display:inline-block;
    position: relative;
    letter-spacing: 0.005rem;
    font-weight: 400;
}
.active{
    font-family: PingFang-SC-Bold;
    font-size: 20px;
    font-weight: 600;
    color: #3f3f3f; 
    text-align: center;
    line-height: 50px;
    letter-spacing: 0.005rem;
    display:inline-block;
}
.active::after{
    position: absolute;
    left: 30px;
    top: 40px;
    content:""; 
    width: 90px;
    height: 1px;
    background-color: #0FA2F9;
    border-radius: 0.04rem;
}
.context{
    width: 900px;
    height: 650px;
    margin: 50px auto 0;
    background:#fff;
    border-radius: 30px;
    padding: 30px 50px;
}
.con { 
    width: 900px;
    height: 600px;
    overflow-y: auto;
    display:none; 
    margin-top: 0.8rem;
}
.test-1::-webkit-scrollbar {/*滚动条整体样式*/
        width: 10px;     /*高宽分别对应横竖滚动条的尺寸*/
        height: 1px;
    }
.test-1::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
        border-radius: 10px;
         -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
        background: #535353;
    }
.test-1::-webkit-scrollbar-track {/*滚动条里面轨道*/
        -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
        border-radius: 10px;
        background: #EDEDED;
    }


.five_title{
	width: 513px;
	height: 50px;
	margin: 200px auto 0; 
	padding-top: 60px; 
	background:url(../images/five_title.png) no-repeat top ;
	background-size:100% auto;
}

/*第五个*/
.content_five{
	width: 100%;
	height: 888px;
	overflow: hidden;
	background: url(../images/five_banner.jpg) no-repeat top center

}

.five_about{
	width: 1100px;
	height: 600px;
	margin: 150px auto 0; 
}
.five_about_box{
	width: 750px;
	height: 600px;
	/*background:#fff;*/
}

.five_about_title{
	width: 350px;
	height: 70px;
	border-radius: 35px;
	background: #F9CB3D;
	color: #fff;
	font-size: 30px;
	line-height: 70px;
	text-align: center;
}
.five_about_text{
	margin-top: 100px;
}
.five_about_text > p{
	font-size: 24px;
	line-height: 45px;
	color: #fff;
	margin-bottom: 50px;
}
.five_about_text > p >span{
	font-size: 30px;
	color: #F9CB3D;
}
/*第六个*/
.content_six{
	width: 100%;
	height: 800px;
	overflow: hidden;
	background: url(../images/six_banner.jpg) no-repeat top center;
}

.six_about{
	width: 859px;
	height: 500px;
	/*background:#f5f5f5;*/
	margin: 180px auto 0; 
}
.six_title{
	width: 859px;
	height: 50px;
	margin: 0 auto; 
	padding-top: 60px; 
	background:url(../images/six_title.png) no-repeat top ;
	background-size:100% auto;
}

.six_text{
	width: 650px;
	line-height: 40px;
	margin-top: 70px;
	font-size: 23px;
	color: #676565;
}

.content_sev{
	width: 100%;
	height: 1280px;
	overflow: hidden;
	background: url(../images/se_banner.png) no-repeat top center;
	z-index: 20;
	position: relative;
}

.sev_about{
	width: 1250px;
	height: auto;
	overflow: hidden;	
	margin: 0 auto;	
}
.sev_title{
	width: 777px;
	height: 50px;
	margin: 120px auto 0; 
	padding-top: 60px; 
	background:url(../images/sev_title.png) no-repeat top ;
	background-size:100% auto;
}
.sev_box{
	width: 100%;
	height: 850px;
	/*background:#f5f5f5;*/
	/*opacity : 0.5;*/
	margin-top: 82px;
}
.sev_one{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.sev_box_title{
	width: 200px;
	height: 72px;
	line-height: 72px;
	float: right;
	font-size: 30px;
}

.sev_box_text{
	width: 700px;
	height: auto;
	overflow: hidden;
	font-size: 25px;
	line-height: 40px;
	color: #676664;
}

.content_join{
	width: 100%;
	overflow: hidden;
	background: #E4F9F8;
	margin-top: -15px;
	z-index: 10;
}
.join_about{
	width: 1200px;
	height: auto;
	overflow: hidden;
	/*background: #fff;*/
	margin: 100px auto 30px;
}
.join_title{
	width: 403px;
	height: 50px;
	margin: 0 auto; 
	padding-top: 60px; 
	background:url(../images/join_title.png) no-repeat top ;
	background-size:100% auto;
}

.join_require{
	width: 1200px;
	height: auto;
	overflow: hidden;
	margin-top: 20px;
}
.join_require > p {
	font-size: 33px;
	color: #4F9AFF;  
}
.require_text{
	width: 50%;
	height: 70px;
	line-height: 70px;
	color: #676664;
	float: left;
	margin-top: 15px
}
.require_text > img{
	margin-top: 6px;
}
.require_text > p{
	line-height: 70px;
	font-size: 28px;
	display:inline-block;  
}
.join_box{
	margin-top: 30px;
}
.join_box > p{
	font-size: 33px;
	color: #4F9AFF;  
}
.index_form{
	width: 1200px;
	margin: 0 auto;
}
.info{
	width: 40%;
	height: 70px;
	margin: 10px 2%;
	float:left;
}
.info > input{
	width: 90%;
	height: 70px;
	border: none;
	padding: 0 5%;
	font-size: 26px; 
}
#form_join > textarea{
	display: block;
	margin-top: 20px;
	width: 950px;
	height: 200px;
	border: none;
	margin-left: 2%;
	line-height: 40px;
	font-size: 26px; 
	padding: 10px 20px;
	color: #B8B7B4;
}

.form_buttom{
	width: 500px;
	height: 70px;
	margin: 20px 0 0 20px;
}
.form_buttom > button{
	width: 200px;
	height: 60px;
	border-radius: 30px;
	border: none;
	font-size: 30px;
	color: #fff;
	background : #B5B5B5;
}
.form_buttom > button:first-child{
	background: #E95149;
}
.join_phone{
	width: 500px;
	height: 150px;
	float: right;
	color: #4F9AFF;
	font-size: 25px;
	letter-spacing: 5px;
	font-weight: bold;
}
.phone_img{
	display: block;
	width: 450px;
	height: 69px;
	line-height: 69px;
	margin-top: 10px;
	font-size: 40px;
	text-align: right;
	background: url(../images/join_phone.png) no-repeat top left;

}

.footer{
	width: 100%;
	height: 300px;
	overflow: hidden;
	background: #666060;
}
.footer_box{
	width: 1200px;
	height: 170px;
	margin: 50px auto 0; 
}
.footer_logo{
	width: 434px;
	height: 132px;
	float: left;
	background: url(../images/footer_logo.png) no-repeat;
}

.footer_text{
	width: 500px;
	height: 170px;
	float:right;
	color: #B5B5B5;
	font-size: 20px;
}
.footer_text > p:first-child{
	font-size: 50px;
}
@media all and (min-width: 768px){
    .header_nav{
        width: 100%;
        height: 50px;
	margin: 0 auto;
    }
    .header_box{
        width: 100%;
	height: 110px;
	margin: 0 auto;
    }
}
@media all and (min-width: 1200px){
    .header_nav{
        width: 1200px;
        height: 50px;
	margin: 0 auto;
    }
    .header_box{
        width: 1200px;
	height: 110px;
	margin: 0 auto;
    }
}

.content_video{
    width: 1000px;
    height: auto;
    margin: 30px auto;
}


.course_box{
    width: 1000px;
    margin: 50px auto;
    height: auto;
    overflow: hidden;
}

.course_box> p{
    line-height: 40px;
    font-size: 20px;
    border-bottom: 1px #000 dashed
}
.course_img{
    width: 340px;
    height: 230px;
    float: left;
    margin-right: 40px;
    background: #f0ff00;
}

.course_title{
    font-size: 25px;
    color: #666060;
}