@charset "utf-8";
/* CSS Document */

*{margin:0; padding:0; font-family:"微软雅黑";}
a{text-decoration:none;}
img{display:block; border:none;}
ul,li{list-style:none;}
body{position:relative;}

    
    /* 解决ios手机无法自动播放视频 按钮 开始 */
    #mask {
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.83);
      position: absolute;
      top: 0;
      left: 0;
      z-index: 2;
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
    }
    .pop-container {
      width: 250px;
      height: 200px;
      background: white;
      border-radius: 5px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
    }
    #btn1 {
      width: 50px;
      height: 30px;
      border-radius: 4px;
      background: #0065AF;
    }
    /* 解决ios手机无法自动播放视频 按钮 结束 */

.tan-ti{display:none;}
.yemian-bg{width:100%; background:#0063b1;}
.margin-box{padding-top:6%;}
.login-box{width:1000px; height:525px; margin:auto; background:url(../images/login_bg.png) center center no-repeat; background-size:cover;}
.kuang{padding-top:180px; width:60%; float:right;}
.login-box input{display:block; width:65%; padding-left:5%; font-size:18px; line-height:2em; border:none; outline:none; border-bottom:1px #eaeaea solid; margin:auto; margin-bottom:30px;}

.header{width:62.5%; margin:0 auto; padding:30px 0; overflow:hidden;}
.header img{float:left; width:10.6%; height:auto;}
.nav-box{float:right; margin-top:3.5%;}
.nav-box ul{float:left;}
.nav-box ul li{float:left; margin-right:40px;}
.nav-box ul li a{color:#000000; font-size:18px; line-height:20px; padding-bottom:3px;}
.nav-box ul li .now{color:#0363ae; font-weight:bold; border-bottom:3px #0363ae solid;}
.nav-box p{font-size:20px; color:#e78902; line-height:1em; background:url(../images/icon-4.png) no-repeat; padding-left:30px; float:left;}

.banner .swiper-slide img{width:100%; height:auto;}

h1{font-size:36px; text-align:center; color:#333333; font-weight:normal; line-height:1em; padding:50px 0;}
h2{font-size:14px; font-family:Arial; text-align:center; color:#999999; font-weight:normal; line-height:1em; margin-top:15px;}
.about-img{width:43.85%; height:auto; margin:0 auto;}
.about-box{width:100%; background:url(../images/about_bg.jpg) center center; background-size:cover; padding-bottom:50px;}
.about-box ul{width:62.5%; margin:0 auto; overflow:hidden; margin-top:40px;}
.about-box ul li{width:33%; float:left; border-right:1px #ffffff solid;}
.about-box ul li .p-1{text-align:center; color:#ffffff; font-family:Arial; font-size:72px; line-height:1em;}
.about-box ul li .p-1 span{font-size:36px;}
.about-box ul li .p-2{text-align:center; color:#ffffff; font-size:14px;}
button{display:block; border:none; outline:none; width:30%; margin:auto; background:#0065AF; color:#ffffff; line-height:2.5em; font-size:24px; border-radius:30px; margin-top:70px;}

.grey-box{width:100%; background:#fafafa; padding-bottom:50px;}
.courses-box{width:62.5%; margin:auto; overflow:hidden; margin-top:50px;}
.courses-box li{width:24%; margin-right:1%; float:left; border:1px #a0a0a0 solid; border-radius:10px; padding-bottom:20px;}
.courses-box li img{width:100%; height:auto; border-top-left-radius:10px; border-top-right-radius:10px;}
.courses-box li .p-1{color:#0065af; font-size:20px; line-height:1em; margin:20px 0 20px 10px;  -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1;}
.courses-box li article{color:#666666; font-size:14px; line-height:1.5em; width:93%; margin:auto;  -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3;}

.news-box{width:62.5%; margin:auto; margin-top:50px;}
.news-box li{background:#fafafa; border-radius:10px; margin-bottom:20px; overflow:hidden; padding:20px 0;}
.news-box li img{float:left; width:24%; height:auto; margin-left:1.6%; border-radius:10px;}
.news-box li div{float:left; margin-left:1.6%; width:71%;}
.news-box li div .p-1{font-size:20px; line-height:1.5em;}
.news-box li div .p-2{font-size:16px; font-family:Arial; color:#999999; line-height:1em;}
.news-box li div article{font-size:16px; line-height:1.5em; color:#666666; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; margin-top:8px;}
.detail-box{width:62.5%; margin:auto;}
.detail-box .p-1{font-size:24px; color:#000000; text-align:center; margin:0 auto;}
.detail-box .p-2{font-size:18px; font-family:Arial; color:#999999; line-height:2em; text-align:center; margin:0 auto 10px;}
.detail-box .p-3{font-size:18px; color:#333333; line-height:1.5em; margin:0 auto 10px;}
.detail-box img{width:100%; height:auto; margin:10px 0;}

.grey-box1{width:100%; background:#FAFAFA; padding:50px 0;}
.message-box{width:52%; margin:auto; border:16px #e6f4ff solid; padding-bottom:50px; background:#ffffff;}
.message-box p{font-size:36px; color:#ff8125; line-height:3em; margin-left:5%;}
.message-box input{display:block; border:none; outline:none; background:#f3f9fe; font-size:18px; line-height:40px; width:88%; padding-left:2%; margin-left:5%; border:1px #ffffff solid; box-shadow:2px 4px 0 #dfdfdf; margin-bottom:30px;}
textarea{display:block; border:none; outline:none; background:#f3f9fe; font-size:18px; line-height:40px; width:88%; padding-left:2%; margin-left:5%; border:1px #ffffff solid; box-shadow:2px 4px 0 #dfdfdf; margin-bottom:30px; font-family:"微软雅黑"; min-height:120px;}
.message-box button{display:block; width:135px; font-size:24px; line-height:2.5em; background:#f47932; color:#ffffff; border:none; outline:none; margin:0 auto;}

.footer{width:100%; background:#0065af; padding-bottom:10px; padding-top:50px;}
.footer ul{width:83.333%; margin:auto; overflow:hidden; margin-bottom:80px;}
.footer ul li{float:left; width:33.333%; overflow:hidden;}
.footer ul li img{width:80px; height:auto; float:left; margin-left:27%;}
.footer ul li p{float:left; color:#ffffff; font-size:18px; margin-left:10px; line-height:80px;}
.footer ul li .add{line-height:1.5em; margin-top:15px;}
.copyright{font-size:14px; color:#ffffff; text-align:center; line-height:1em;}

/*学校概述*/
.banner-box{width:100%; background:url(../images/banner_bg.jpg) center center; background-size:cover; padding:100px 0;}
.banner-box .p-1{font-size:60px; text-align:center; color:#ffffff; margin:0;}
.banner-box .p-2{font-size:24px; font-family:Arial; text-align:center; color:#ffffff; margin:0; margin-top:6px;}
.school-about{width:62.5%; margin:auto; overflow:hidden; padding:50px 0;}
.school-about img{float:left; width:45.8%; height:auto; margin-top:50px;}
.school-about div{float:right; width:50%;}
h3{font-size:24px; line-height:1em; margin:0; font-weight:normal; margin-bottom:25px;}
.school-about div p{text-indent:2em; font-size:16px; margin:0; line-height:1.5em; color:#333333;}
.mission-box{width:62.5%; margin:auto; padding:50px 0; border-top:1px #a0a0a0 solid;}
h4{font-weight:normal; color:#666666; font-size:24px; margin:0; line-height:1em; margin-bottom:10px;}
h5{font-weight:normal; color:#999999; font-size:18px; font-family:Arial; margin:0; line-height:1em; margin-bottom:20px;}
.mission-box p{font-size:16px; line-height:1.5em; color:#333333; margin:0;}

/*课程学习*/
.course-list{width:62.5%; margin:auto;}
.course-list ul{width:100%; overflow:hidden;}
.course-list ul li{float:left; width:30%; margin:50px 0 0 3%; font-size:20px; line-height:2.5em; border-radius:30px; text-align:center; cursor:pointer;}
.course-list ul .lan-bg{background:#0064AF; color:#ffffff;}
.kecheng{margin-bottom:20px;}
.kecheng li{margin-bottom:30px;}
.course-video{width:62.5%; height:auto; display:block; margin:auto;}

/*隐藏播放进度条*/
video::-webkit-media-controls-play-button {
    display: block;
}
video::-webkit-media-controls-timeline {
        display: none;
    }


.course-info{width:62.5%; margin:auto;}
.course-info .p-1{font-size:24px; color:#333333; margin:0; line-height:1em; margin-top:50px;}
.course-info .p-2{font-size:18px; color:#333333; margin:0; line-height:1em; margin-top:30px;}
.course-info .p-3{font-size:18px; color:#333333; margin:0; line-height:1.5em; margin-top:30px;}
.next{width:62.5%; margin:50px auto; font-size:18px; color:#0064af; line-height:1em;}
.next a{color:#0064af;}

/*联系我们*/
.contact-us{width:62.5%; margin:auto; overflow:hidden; margin-top:50px;}
.contact-us .contact-img{width:45.8%; height:auto; float:left;}
.contact-us .wenzi{width:50%; float:right; }
.contact-us .wenzi .p-1{font-size:24px; font-weight:bold; margin:0; line-height:3.5em; width:100%; border-bottom:1px #a0a0a0 solid;}
.contact-us .wenzi .p-2{overflow:hidden; margin-top:30px;}
.contact-us .wenzi .p-2 img{width:40px; height:auto; float:left;}
.contact-us .wenzi .p-2 p{font-size:24px; margin:0; line-height:40px; color:#666666; float:left; margin-left:5px;}
.liuyan{margin:50px auto;}

.fen-box{width:62.5%; margin:auto;}
.pagination{overflow:hidden; margin-bottom:50px; margin-top:30px;}
.pagination li{float:left; margin-right:10px; font-size:24px; line-height:50px; padding:0 15px; border-radius:10px; cursor:pointer;}
.pagination li:hover{background:#0064af; color:#ffffff;}
.pagination .active{background:#0064af; color:#ffffff;}

/*线上答题*/
.tan-big-box{display:none;}
.tan-box{position:fixed; z-index:11; width:33.5%; top:48%; left:33.25%;}
.tan-box1{position:fixed; z-index:11; width:33.5%; top:40%; left:33.25%;}
.tan-box p,.tan-box1 p{font-size:30px; text-align:center; color:#000000;}
.tan-box1 p span{font-size:72px;}
.tan-box button,.tan-box1 button{width:50%;}
/*.tan-box1 button{margin-top:32px;}*/
.tan-box1 button{margin-top:100px;}


.tan-bg{position:fixed; z-index:10; width:33.5%; height:auto; top:21%; left:33.25%;}
.black-bg{position:absolute; width:100%; height:100%; top:0; left:0; z-index:9; background:#000000; opacity:0.8;}
.hengfu{width:100%; background:#eeeeee;}
.hengfu p{width:62.5%; margin:auto; font-size:18px; color:#333333; line-height:3em; margin-top:50px;}
.hengfu p span{color:#ff0000; font-weight:bold;}
.ti-box{width:62.5%; margin:auto; margin-top:50px; margin-bottom:50px;}
.ti-box li{width:100%; margin-bottom:30px;}
.ti-box .ti{font-size:16px; color:#000000; line-height:1.5em; margin:0;}
.ti-box .da label{font-size:16px; color:#000000; line-height:1em; margin:0; display:block; margin-top:20px;}
.tijiao{margin-bottom:50px;}

  



 .black-bg1{width:33%; position:relative; top:0; left:33.5%; z-index:1;}
.black-bg1 .tan-box1{top:38%;}
.black-bg1 .tan-box1 button{margin-top:40px;}
.black-bg1 img{width:100%; height:auto;} 

/*查询证书*/
.cha_btn{
				width: 100%; 
				border-bottom: 1px #eeeeee solid;
				margin-top: 100px;
			}
			.cha_btn input{
				width: 40%; 
				padding: 0 10px; 
				margin: 0 auto; 
				line-height: 80px; 
				display: block; 
				border: none; 
				border: 1px #0065af solid; 
				border-radius: 10px; 
				font-size: 20px;
			}
			.cha_btn button{
				width: 20%; 
				margin: 40px auto; 
				line-height: 60px; 
				display: block; 
				border: none; 
				outline: none; 
				border-radius: 30px; 
				background: #0065AF; 
				color: #ffffff; 
				font-size: 18px;
			}
			.cha_jieguo{
				width: 100%;
				font-size: 16px;
			}
			.cha_jieguo th{
				background: #fafcfe;
				line-height: 40px;
			}
			.cha_jieguo td{
				text-align: center;
				line-height: 40px;
				border-top: 1px #eeeeee solid;
			}
  
  
  


@media screen and (max-width:1600px){
	.nav-box ul li{margin-right:30px;}
	.footer ul li p{font-size:16px;}
	
	.banner-box{padding:90px 0;}
	.banner-box .p-1{font-size:54px;}
	.banner-box .p-2{font-size:22px;}
	.school-about{width:65%;}
	.mission-box{width:65%;}
	
	.contact-us .wenzi .p-1{line-height:3.1em;}
	.contact-us .wenzi .p-2{margin-top:27px;}
	.contact-us .wenzi .p-2 img{width:36px;}
	.contact-us .wenzi .p-2 p{line-height:36px;}
}
@media screen and (max-width:1400px){
	.header{width:70%;}
	.nav-box ul li{margin-right:25px;}
	.nav-box ul li a{font-size:16px;}
	h1{font-size:32px; padding:45px 0;}
	.about-box{padding-bottom:45px;}
	.about-box ul{width:75%; margin-top:36px;}
	button{font-size:21px; margin-top:63px;}
	.grey-box,.grey-box1{padding-bottom:45px;}
	.courses-box{width:70%; margin-top:45px;}
	.news-box{width:70%; margin-top:45px;}
	.detail-box{width:70%;}
	.detail-box .p-1{font-size:22px;}
	.detail-box .p-2{font-size:16px; margin:0 auto 9px;}
	.detail-box .p-3{font-size:16px; margin:0 auto 9px;}
	.detail-box img{ margin:9px 0;}
	.message-box{width:60%; padding-bottom:45px;}
	.message-box p{font-size:32px;}
	.message-box button{font-size:21px;}
	.footer{padding-top:45px;}
	.footer ul{margin-bottom:72px;}
	.footer ul li img{width:72px;}
	.footer ul li p{font-size:14px; line-height:72px;}
	
	.banner-box{padding:81px 0;}
	.banner-box .p-1{font-size:49px;}
	.banner-box .p-2{font-size:20px;}
	.school-about{width:70%; padding:45px 0;}
	h3{font-size:22px; margin-bottom:22px;}
	.school-about div p{font-size:15px;}
	.mission-box{width:70%; padding:45px 0;}
	h4{font-size:22px;}
	h5{font-size:17px;}
	.mission-box p{font-size:15px;}
	
	.course-list{width:70%;}
	.course-list ul li{margin:45px 0 0 3%; font-size:18px;}
	.kecheng{margin-bottom:18px;}
	.kecheng li{margin-bottom:27px;}
	.course-video{width:70%;}
	.course-info{width:70%;}
	.course-info .p-1{font-size:22px; margin-top:45px;}
	.course-info .p-2{font-size:16px; margin-top:27px;}
	.course-info .p-3{font-size:16px; margin-top:27px;}
	.next{width:70%; margin:45px auto; font-size:16px;}
	
	.contact-us{width:70%; margin-top:45px;}
	.contact-us .wenzi .p-1{font-size:22px; line-height:2.8em;}
	.contact-us .wenzi .p-2{margin-top:24px;}
	.contact-us .wenzi .p-2 img{width:32px;}
	.contact-us .wenzi .p-2 p{font-size:22px; line-height:32px;}
	.liuyan{margin:45px auto;}
	
	.fen-box{width:70%;}
	.fenye{margin-bottom:45px; margin-top:27px;}
	.fenye li{font-size:22px; line-height:45px;}
	
	.tan-box{top:45%;}
	.tan-box1{top:38%;}
	.tan-box p,.tan-box1 p{font-size:27px;}
	.tan-box1 p span{font-size:65px;}
/*	.tan-box1 button{margin-top:28px;}*/
.tan-box1 button{margin-top:80px;}


	.tan-bg{width:40%; left:30%;}
	.hengfu p{width:70%; font-size:16px; margin-top:45px;}
	.ti-box{width:70%; margin-top:45px; margin-bottom:45px;}
	.ti-box li{width:100%; margin-bottom:27px;}
	.tijiao{margin-bottom:45px;}
/*新加	*/
.black-bg1 .tan-box1{top:32%;}
	.black-bg1 .tan-box1 button{margin-top:36px;}	
	
	
}
@media screen and (max-width:1200px){
	.margin-box{padding-top:12%;}
	.login-box{width:900px; height:472px;}
	
	.header{width:80%; padding:27px 0;}
	.nav-box ul li{margin-right:20px;}
	h1{font-size:28px; padding:40px 0;}
	.about-box{padding-bottom:40px;}
	.about-box ul{width:82%; margin-top:32px;}
	.about-box ul li .p-1{font-size:64px;}
	.about-box ul li .p-1 span{font-size:32px;}
	.about-box ul li .p-2{font-size:13px;}
	button{font-size:19px; margin-top:56px;}
	.grey-box,.grey-box1{padding-bottom:40px;}
	.courses-box{width:80%; margin-top:40px;}
	.courses-box li{margin-right:0.8%;}
	.news-box{width:80%; margin-top:40px;}
	.news-box li div .p-1{font-size:18px;}
	.news-box li div .p-2{font-size:15px;}
	.news-box li div article{font-size:15px; margin-top:6px;}
	.detail-box{width:80%;}
	.detail-box .p-1{font-size:20px;}
	.detail-box .p-2{font-size:15px; margin:0 auto 8px;}
	.detail-box .p-3{font-size:15px; margin:0 auto 8px;}
	.detail-box img{ margin:8px 0;}
	.message-box{width:70%; padding-bottom:40px;}
	.message-box p{font-size:28px;}
	.message-box button{font-size:19px;}
	.footer{padding-top:40px;}
	.footer ul{width:100%; margin-bottom:65px;}
	.footer ul li img{width:65px;}
	.footer ul li p{font-size:14px; line-height:65px;}
	
	.banner-box{padding:73px 0;}
	.banner-box .p-1{font-size:44px;}
	.banner-box .p-2{font-size:18px;}
	.school-about{width:80%; padding:40px 0;}
	h3{font-size:20px; margin-bottom:20px;}
	.school-about div p{font-size:14px;}
	.mission-box{width:80%; padding:40px 0;}
	h4{font-size:20px;}
	h5{font-size:16px;}
	.mission-box p{font-size:14px;}
	
	.course-list{width:80%;}
	.course-list ul li{margin:40px 0 0 3%; font-size:16px;}
	.kecheng{margin-bottom:16px;}
	.kecheng li{margin-bottom:24px;}
	.course-video{width:80%;}
	.course-info{width:80%;}
	.course-info .p-1{font-size:20px; margin-top:40px;}
	.course-info .p-2{font-size:15px; margin-top:25px;}
	.course-info .p-3{font-size:15px; margin-top:25px;}
	.next{width:80%; margin:40px auto; font-size:15px;}
	
	.contact-us{width:80%; margin-top:40px;}
	.contact-us .wenzi .p-1{font-size:20px; line-height:2.5em;}
	.contact-us .wenzi .p-2{margin-top:22px;}
	.contact-us .wenzi .p-2 img{width:28px;}
	.contact-us .wenzi .p-2 p{font-size:20px; line-height:28px;}
	.liuyan{margin:40px auto;}
	
	.fen-box{width:80%;}
	.fenye{margin-bottom:40px; margin-top:24px;}
	.fenye li{font-size:20px; line-height:40px;}
	
	.tan-box p,.tan-box1 p{font-size:24px;}
	.tan-box1 p span{font-size:58px;}
	/*.tan-box1 button{margin-top:25px;}*/
	.tan-box1 button{margin-top:64px;}
	
	
	.tan-bg{width:45%; left:27.5%;}
	.hengfu p{width:80%; font-size:15px; margin-top:40px;}
	.ti-box{width:80%; margin-top:40px; margin-bottom:40px;}
	.ti-box li{width:100%; margin-bottom:24px;}
	.ti-box .ti{font-size:15px;}
	.ti-box .da label{font-size:15px; margin-top:18px;}
	.tijiao{margin-bottom:40px;}
/*	新加*/
.black-bg1 .tan-box1{top:26%;}
	.black-bg1 .tan-box1 button{margin-top:20px;}	
	
}
@media screen and (max-width:980px){
	.margin-box{padding-top:12%;}
	.login-box{width:750px; height:393px;}
	.kuang{padding-top:150px;}
	.login-box input{font-size:16px;}
	
	.header{width:90%; padding:24px 0;}
	.nav-box p{display:none;}
	h1{font-size:25px; padding:36px 0;}
	.about-box{padding-bottom:36px;}
	.about-box ul{width:90%; margin-top:28px;}
	.about-box ul li .p-1{font-size:57px;}
	.about-box ul li .p-1 span{font-size:28px;}
	.about-box ul li .p-2{font-size:12px;}
	button{font-size:17px; margin-top:50px;}
	.grey-box,.grey-box1{padding-bottom:36px;}
	.courses-box{width:90%; margin-top:36px;}
	.news-box{width:90%; margin-top:36px;}
	.news-box li div .p-1{font-size:16px;}
	.news-box li div .p-2{font-size:14px;}
	.news-box li div article{font-size:14px; margin-top:5px;}
	.detail-box{width:90%;}
	.detail-box .p-1{font-size:18px;}
	.detail-box .p-2{font-size:14px; margin:0 auto 7px;}
	.detail-box .p-3{font-size:14px; margin:0 auto 7px;}
	.detail-box img{ margin:7px 0;}
	.message-box{width:80%; padding-bottom:36px;}
	.message-box p{font-size:25px;}
	.message-box button{font-size:17px;}
	.footer{padding-top:36px;}
	.footer ul{width:100%; margin-bottom:58px;}
	.footer ul li img{width:58px; float:none; margin:auto;}
	.footer ul li p{font-size:14px; line-height:58px; float:none; text-align:center;}
	
	.banner-box{padding:65px 0;}
	.banner-box .p-1{font-size:40px;}
	.banner-box .p-2{font-size:16px;}
	.school-about{width:90%; padding:36px 0;}
	h3{font-size:18px; margin-bottom:18px;}
	.mission-box{width:90%; padding:36px 0;}
	h4{font-size:18px;}
	h5{font-size:15px;}
	
	.course-list{width:90%;}
	.course-list ul li{margin:36px 0 0 3%; font-size:15px;}
	.kecheng{margin-bottom:14px;}
	.kecheng li{margin-bottom:22px;}
	.course-video{width:90%;}
	.course-info{width:90%;}
	.course-info .p-1{font-size:18px; margin-top:36px;}
	.course-info .p-2{font-size:14px; margin-top:22px;}
	.course-info .p-3{font-size:14px; margin-top:22px;}
	.next{width:90%; margin:36px auto; font-size:14px;}
	
	.contact-us{width:90%; margin-top:36px;}
	.contact-us .wenzi .p-1{font-size:18px; line-height:2.25em;}
	.contact-us .wenzi .p-2{margin-top:20px;}
	.contact-us .wenzi .p-2 img{width:25px;}
	.contact-us .wenzi .p-2 p{font-size:18px; line-height:25px;}
	.liuyan{margin:36px auto;}
	
	.fen-box{width:90%;}
	.fenye{margin-bottom:36px; margin-top:22px;}
	.fenye li{font-size:18px; line-height:36px;}
	
	.tan-box{top:40%;}
	.tan-box,.tan-box1{width:35%; left:32.5%;}
	.tan-box p,.tan-box1 p{font-size:20px;}
	.tan-box1 p span{font-size:48px;}
/*	.tan-box1 button{margin-top:15px;}*/
.tan-box1 button{margin-top:51px;}

	.tan-bg{width:50%; left:25%;}
	.hengfu p{width:90%; font-size:14px; margin-top:36px;}
	.ti-box{width:90%; margin-top:36px; margin-bottom:36px;}
	.ti-box li{width:100%; margin-bottom:22px;}
	.ti-box .ti{font-size:14px;}
	.ti-box .da label{font-size:14px; margin-top:16px;}
	.tijiao{margin-bottom:36px;}
/*	新加*/
.black-bg1 .tan-box1{top:20%;}
	.black-bg1 .tan-box1 button{margin-top:10px;}
	
}
@media screen and (max-width:768px){
	.margin-box{padding-top:12%;}
	.login-box{width:500px; height:262px;}
	.kuang{padding-top:80px;}
	.login-box input{font-size:14px; margin-bottom:24px;}
	
	.header{width:95%; padding:21px 0;}
	.nav-box ul li{margin-right:15px;}
	.nav-box ul li a{font-size:14px;}
	h1{font-size:22px; padding:32px 0;}
	h2{font-size:12px; margin-top:12px;}
	.about-box{padding-bottom:32px;}
	.about-img{width:60%;}
	.about-box ul{width:100%; margin-top:25px;}
	.about-box ul li .p-1{font-size:50px;}
	.about-box ul li .p-1 span{font-size:25px;}
	.about-box ul li .p-2{font-size:11px;}
	button{font-size:15px; margin-top:45px;}
	.grey-box,.grey-box1{padding-bottom:32px;}
	.courses-box{width:95%; margin-top:32px;}
	.courses-box li{margin-right:0.6%;}
	.courses-box li .p-1{font-size:16px; margin:16px 0 16px 8px;}
	.courses-box li article{font-size:12px; line-height:1.3em;}
	.news-box{width:95%; margin-top:32px;}
	.news-box li div .p-1{font-size:14px;}
	.news-box li div .p-2{font-size:12px;}
	.news-box li div article{font-size:12px; margin-top:4px;}
	.detail-box{width:95%;}
	.detail-box .p-1{font-size:16px;}
	.detail-box .p-2{font-size:13px; margin:0 auto 6px;}
	.detail-box .p-3{font-size:13px; margin:0 auto 6px;}
	.detail-box img{ margin:6px 0;}
	.message-box{width:90%; padding-bottom:32px;}
	.message-box p{font-size:22px;}
	.message-box input{font-size:14px; line-height:2.2em; margin-bottom:24px;}
	textarea{font-size:14px; line-height:2.2em; margin-bottom:24px; min-height:95px;}
	.message-box button{font-size:15px;}
	.footer{padding-top:32px;}
	.footer ul{width:100%; margin-bottom:52px;}
	.footer ul li img{width:52px;}
	.footer ul li p{font-size:12px; line-height:52px;}
	.copyright{font-size:12px;}
	
	.banner-box{padding:58px 0;}
	.banner-box .p-1{font-size:36px;}
	.banner-box .p-2{font-size:15px;}
	.school-about{width:95%; padding:32px 0;}
	h3{font-size:16px; margin-bottom:16px;}
	.school-about div p{font-size:13px;}
	.mission-box{width:95%; padding:32px 0;}
	h4{font-size:16px;}
	h5{font-size:14px;}
	.mission-box p{font-size:13px;}
	
	.course-list{width:95%;}
	.course-list ul li{margin:32px 0 0 3%; font-size:14px;}
	.kecheng{margin-bottom:12px;}
	.kecheng li{margin-bottom:20px;}
	.course-video{width:95%;}
	.course-info{width:95%;}
	.course-info .p-1{font-size:16px; margin-top:32px;}
	.course-info .p-2{font-size:13px; margin-top:20px;}
	.course-info .p-3{font-size:13px; margin-top:20px;}
	.next{width:95%; margin:32px auto; font-size:13px;}
	
	.contact-us{width:95%; margin-top:32px;}
	.contact-us .wenzi .p-1{font-size:16px; line-height:2em;}
	.contact-us .wenzi .p-2{margin-top:18px;}
	.contact-us .wenzi .p-2 img{width:22px;}
	.contact-us .wenzi .p-2 p{font-size:16px; line-height:22px;}
	.liuyan{margin:32px auto;}
	
	.fen-box{width:95%;}
	.fenye{margin-bottom:32px; margin-top:20px;}
	.fenye li{font-size:16px; line-height:32px;}
	
	.tan-box{top:35%;}
	.tan-box,.tan-box1{width:38%; left:31%;}
	.tan-box1{top:32%;}
	.tan-box p,.tan-box1 p{font-size:14px;}
	.tan-box1 p span{font-size:38px;}
/*	.tan-box1 button{margin-top:13px;}*/
.tan-box1 button{margin-top:40px;}

	.tan-bg{width:55%; left:22.5%;}
	.hengfu p{width:95%; font-size:13px; margin-top:32px;}
	.ti-box{width:95%; margin-top:32px; margin-bottom:32px;}
	.ti-box li{width:100%; margin-bottom:20px;}
	.ti-box .ti{font-size:13px;}
	.ti-box .da label{font-size:13px; margin-top:15px;}
	.tijiao{margin-bottom:32px;}
/*	新加*/
.black-bg1{width:50%; left:25%;}
	.black-bg1 .tan-box1{top:18%;}
	.black-bg1 .tan-box1 button{margin-top:20px;}



}
@media screen and (max-width:520px){
	.margin-box{padding-top:12%;}
	.login-box{width:350px; height:183px;}
	.kuang{padding-top:60px;}
	.login-box input{font-size:13px; margin-bottom:15px;}
	.login-box button{margin-top:0;}
	
	.header{width:98%; padding:18px 0;}
	.nav-box ul li{margin-right:10px;}
	.nav-box ul li a{font-size:12px;}
	h1{font-size:19px; padding:28px 0;}
	h2{font-size:11px; margin-top:11px;}
	.about-box{padding-bottom:28px;}
	.about-img{width:70%;}
	.about-box ul{width:100%; margin-top:22px;}
	.about-box ul li .p-1{font-size:45px;}
	.about-box ul li .p-1 span{font-size:22px;}
	.about-box ul li .p-2{font-size:10px;}
	button{font-size:13px; margin-top:40px;}
	.grey-box,.grey-box1{padding-bottom:28px;}
	.courses-box{width:98%; margin-top:28px;}
	.courses-box li{width:46%; margin-right:2%; border:1px #a0a0a0 solid; padding-bottom:16px;}
	.courses-box li .p-1{font-size:15px; margin:15px 0 15px 6px;}
	.courses-box li article{font-size:11px; line-height:1.4em;}
	.news-box{width:98%; margin-top:28px;}
	.news-box li div .p-1{font-size:12px;}
	.news-box li div .p-2{font-size:11px;}
	.news-box li div article{font-size:11px;}
	.detail-box{width:98%;}
	.detail-box .p-1{font-size:14px;}
	.detail-box .p-2{font-size:12px; margin:0 auto 5px;}
	.detail-box .p-3{font-size:12px; margin:0 auto 5px;}
	.detail-box img{ margin:5px 0;}
	.message-box{width:90%; padding-bottom:28px;}
	.message-box p{font-size:19px;}
	.message-box input{font-size:12px; margin-bottom:21px;}
	textarea{font-size:12px; margin-bottom:21px; min-height:80px;}
	.message-box button{font-size:13px;}
	.footer{padding-top:28px;}
	.footer ul{width:100%; margin-bottom:46px;}
	.footer ul li img{width:46px;}
	.footer ul li p{font-size:11px; line-height:46px;}
	.copyright{font-size:11px;}
	
	.banner-box{padding:52px 0;}
	.banner-box .p-1{font-size:32px;}
	.banner-box .p-2{font-size:14px;}
	.school-about{width:98%; padding:28px 0;}
	.school-about img{float:none; width:45.8%; height:auto; margin:auto;}
	.school-about div{float:none; width:98%; margin:auto; margin-top:28px;}
	h3{font-size:15px; margin-bottom:15px;}
	.school-about div p{font-size:12px;}
	.mission-box{width:98%; padding:28px 0;}
	h4{font-size:15px;}
	h5{font-size:13px;}
	.mission-box p{font-size:12px;}
	
	.course-list{width:98%;}
	.course-list ul li{margin:28px 0 0 3%; font-size:13px;}
	.kecheng{margin-bottom:10px;}
	.kecheng li{margin-bottom:18px;}
	.course-video{width:98%;}
	.course-info{width:98%;}
	.course-info .p-1{font-size:15px; margin-top:28px;}
	.course-info .p-2{font-size:12px; margin-top:18px;}
	.course-info .p-3{font-size:12px; margin-top:18px;}
	.next{width:98%; margin:28px auto; font-size:12px;}
	
	.contact-us{width:98%; margin-top:28px;}
	.contact-us .wenzi .p-1{font-size:15px; line-height:1.8em;}
	.contact-us .wenzi .p-2{margin-top:16px;}
	.contact-us .wenzi .p-2 img{width:20px;}
	.contact-us .wenzi .p-2 p{font-size:15px; line-height:20px;}
	.liuyan{margin:28px auto;}
	
	.fen-box{width:98%;}
	.fenye{margin-bottom:28px; margin-top:18px;}
	.fenye li{font-size:15px; line-height:28px;}
	
	.tan-box{top:30%;}
	.tan-box,.tan-box1{width:45%; left:27.5%;}
	.tan-box button{margin-top:15px;}
/*	新加*/
.black-bg1{width:60%; left:20%;}
	.black-bg1 .tan-box1{top:12%;}
	.black-bg1 .tan-box1 button{margin-top:20px;}

	
}
@media screen and (max-width:376px){
	.login-box input{font-size:11px; margin-bottom:15px;}
	
	.header{padding:15px 0;}
	.nav-box{margin-top:2%;}
	.nav-box ul li{margin-right:4px;}
	h1{font-size:17px; padding:25px 0;}
	.about-box{padding-bottom:25px;}
	.about-box ul{width:100%; margin-top:19px;}
	.about-box ul li .p-1{font-size:40px;}
	.about-box ul li .p-1 span{font-size:19px;}
	button{margin-top:36px;}
	.grey-box,.grey-box1{padding-bottom:25px;}
	.courses-box{margin-top:25px;}
	.courses-box li .p-1{font-size:13px; margin:13px 0 13px 5px;}
	.news-box{margin-top:25px;}
	.detail-box .p-1{font-size:13px;}
	.detail-box .p-2{font-size:11px; margin:0 auto 4px;}
	.detail-box .p-3{font-size:11px; margin:0 auto 4px;}
	.detail-box img{ margin:4px 0;}
	.message-box{padding-bottom:25px;}
	.message-box p{font-size:17px;}
	.message-box input{margin-bottom:18px;}
	textarea{margin-bottom:18px;}
	.footer{padding-top:25px;}
	.footer ul{width:100%; margin-bottom:40px;}
	.footer ul li img{width:40px;}
	.footer ul li p{line-height:40px;}
	
	.banner-box{padding:46px 0;}
	.banner-box .p-1{font-size:28px;}
	.banner-box .p-2{font-size:13px;}
	.school-about{width:98%; padding:25px 0;}
	.school-about div{margin-top:25px;}
	h3{font-size:14px; margin-bottom:14px;}
	.school-about div p{font-size:12px;}
	.mission-box{width:98%; padding:25px 0;}
	h4{font-size:14px;}
	h5{font-size:11px;}
	.mission-box p{font-size:11px;}
	
	.course-list ul li{margin:25px 0 0 3%; font-size:12px;}
	.kecheng{margin-bottom:9px;}
	.kecheng li{margin-bottom:16px;}
	.course-info .p-1{font-size:14px; margin-top:25px;}
	.course-info .p-2{font-size:11px; margin-top:16px;}
	.course-info .p-3{font-size:11px; margin-top:16px;}
	.next{margin:25px auto; font-size:11px;}
	
	.contact-us{margin-top:25px;}
	.contact-us .wenzi .p-1{font-size:14px; line-height:1.6em;}
	.contact-us .wenzi .p-2{margin-top:14px;}
	.contact-us .wenzi .p-2 img{width:18px;}
	.contact-us .wenzi .p-2 p{font-size:14px; line-height:18px;}
	.liuyan{margin:25px auto;}
	
	.fenye{margin-bottom:25px; margin-top:16px;}
	.fenye li{font-size:14px; line-height:25px;}
	
	.tan-box{top:31%;}
	.tan-box,.tan-box1{width:50%; left:25%;}
	.tan-box button{margin-top:36px;}
	.tan-box1{top:29%;}
	.tan-box p,.tan-box1 p{font-size:14px;}
	.tan-box1 p span{font-size:38px;}
	/*.tan-box1 button{margin-top:12px;}*/
	.tan-box1 button{margin-top:32px;}
	
	
	.tan-bg{width:60%; left:20%;}
	.hengfu p{width:98%; font-size:12px; margin-top:28px;}
	.ti-box{width:98%; margin-top:28px; margin-bottom:28px;}
	.ti-box li{width:100%; margin-bottom:18px;}
	.ti-box .ti{font-size:12px;}
	.ti-box .da label{font-size:12px; margin-top:13px;}
	.tijiao{margin-bottom:28px;}
	/*新加*/
	.black-bg1{width:80%; left:10%;}
	.black-bg1 .tan-box1{top:15%;}
	.black-bg1 .tan-box1 button{margin-top:20px;}
	
	
	
}