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

*{ margin:0; padding:0; font-family:"微软雅黑";}
a{text-decoration:none;}
ul,li{list-style:none; border:none;}
p,h1,h2,h3,h4,h5,h6,ul,li,img,form{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-size:14px;font-weight:900;}	
img{ border:none;}
.clear{ clear:both;}

#instem_banner{ width: 100%;}
#instem_banner_pc{ width: 100%; background: url(../images/instem_banner_bg.jpg) no-repeat center;}
#instem_banner_pc img{ display: block; margin: 0 auto;}
#instem_banner_yd{ display: none;}
#instem_banner_yd img{ width: 100%;}

.instem_title{ width: 1220px; margin: 0 auto; text-align: center; }
.instem_title h2{ font-size: 40px; color: #232323; padding: 40px 0 5px;}
.instem_title h3,.instem_title p{ font-size: 20px; color: #525252; font-weight: normal; line-height: 36px; padding-bottom: 40px;}
.instem_title p{ padding: 0 200px 40px;}
.instem_title span{ display: block; width: 100px; height: 3px; background-image: linear-gradient(to right, #4c48f4,#d01cf3); margin: 10px auto 15px;}
.instem_title h2.instem_title_color,.instem_title h3.instem_title_color{ color: #fff;}
.instem_title span.instem_title_color{background:#fff;}

/*讲师*/
#instem_team{ width: 100%; background: #fff;}
#instem_team_main{width: 1220px; margin: 0 auto; padding-bottom: 30px;}
.instem_team_area{ width: 1220px; background: url(../images/instem_team_area_bg.png) no-repeat top; padding:10px 0 30px;}
.instem_team_pic{ width: 380px; float: left; border-radius: 10px; padding: 50px 30px 90px;}
.instem_team_pic img{ display: block;}
.instem_team_text{ width: 780px; float: left;}
.instem_team_text h4{font-size: 40px; color: #232323; padding: 40px 0 20px;}
.instem_team_text h4 span{ font-size: 24px; color: #6e6e6e; font-weight: 500; padding-left: 10px;}
.instem_team_text b{ display: block; float: left; width: 220px; height: 46px; line-height: 46px; background-image: linear-gradient(to bottom right, #fde6b4,#daa16a); text-align: center; font-size: 22px; color: #54362b; font-weight: 500; border-radius: 50px; margin-left: 25px;}
.instem_team_text b:nth-of-type(1){ margin-left: 0;}
.instem_team_text h5{ font-size: 30px; color: #1f1f1f; padding-top: 30px;}
.instem_team_text h6{ font-size: 20px; color: #1f1f1f; font-weight: 500; padding-top: 10px;}
.instem_team_text p{ font-size: 18px; color: #707070; line-height: 36px; padding: 20px 30px 0 25px; background: url(../images/instem_team_icon.png) no-repeat 0 28px;}
/*讲师*/

/*课堂实录*/
#instem_record{ width: 100%; background:#612fde url(../images/instem_record_bg.jpg) no-repeat top; padding-bottom: 30px;}
#instem_record_main{ width: 1220px; margin: 0 auto;}
#instem_record_main ul li{ float: left; width: 600px; margin: 0 0 30px 20px;}
#instem_record_main ul li:nth-of-type(2n+1){ margin-left: 0;}
#instem_record_main ul li video{ width: 100%;}
#instem_record_main ul li video:focus {outline:none;}
/*课堂实录*/

/*import*/ 
#about_import{ width: 100%; background: #fafafa; padding-bottom: 50px;}
#about_import_main{ width: 1220px; margin: 0 auto;}
#about_import_main ul li{ width: 600px; float: left;}
#about_import_main ul li:nth-of-type(2){ margin-left: 20px;}
#about_import_main img{ display: block; width: 100%;}
.about_import_area{ width: 600px; background: #fff; text-align: center; color: #323232; box-shadow: 3px 10px 20px #f2f2f2;}
.about_import_area h4{ font-size: 28px; padding: 15px 0 5px;}
.about_import_area p{ font-size: 20px; padding-bottom: 20px;}
/*importOver*/ 

/*选择我们*/
#about_choice{ width: 100%; padding-bottom: 50px;}
#about_choice_main{ width: 1220px; margin: 0 auto;}
#about_choice_main ul li{ width: 270px; height: 140px; float: left; color: #fff; margin: 0 0 50px 85px; text-align: center; padding: 30px 40px;}
#about_choice_main ul li:nth-of-type(3n+1){ margin-left: 0;}
#about_choice_main ul li:nth-of-type(1){ background: url(../images/vision_choice_bg_01.jpg) no-repeat center top;}
#about_choice_main ul li:nth-of-type(2){ background: url(../images/vision_choice_bg_02.jpg) no-repeat center top;}
#about_choice_main ul li:nth-of-type(3){ background: url(../images/vision_choice_bg_03.jpg) no-repeat center top;}
#about_choice_main ul li:nth-of-type(4){ background: url(../images/vision_choice_bg_04.jpg) no-repeat center top;}
#about_choice_main ul li:nth-of-type(5){ background: url(../images/vision_choice_bg_05.jpg) no-repeat center top;}
#about_choice_main ul li:nth-of-type(6){ background: url(../images/vision_choice_bg_06.jpg) no-repeat center top;}
#about_choice_main ul li h4{ font-size: 32px; font-weight: 700;}
#about_choice_main ul li span{ display: block; width: 40px; height: 2px; background-color: #fff; margin: 15px auto;}
#about_choice_main ul li p{ font-size: 20px; line-height: 32px; color: #dbdfff;}
/*选择我们*/

/*pattern*/
#about_pattern{ width: 100%; background:#6c38b3 url(../images/about_pattern_bg.jpg) no-repeat center; padding-bottom: 50px;}
#about_pattern_main{ width: 1220px; margin: 0 auto;}
#about_pattern_main ul li{ width: 290px; float: left; margin-left: 20px; position: relative; overflow: hidden;}
#about_pattern_main ul li:nth-of-type(1){ margin-left: 0;}
#about_pattern_main ul li img{ width: 100%; display: block;}
#about_pattern_main ul li h4{ width: 100%; background: #ff00ff; font-size: 24px; position: absolute; bottom: 0; left: 0; text-align: center; color: #fff; font-weight: normal; padding: 10px 0;}
.about_pattern_mask{ width: 100%; color: #fff; text-align: center; position: absolute; top: 0; left: 0; display: none; padding: 100px 0 140px; background: rgba(255,0,255,0.8)}
.about_pattern_mask h5{ font-size: 24px; }
.about_pattern_mask span{ display: block; width: 64px; height: 2px; background: #fff; margin: 20px auto;}
.about_pattern_mask p{ font-size: 18px; line-height: 32px; padding: 0 20px;}

#about_pattern_main ul li:hover h4{ display: none;}
#about_pattern_main ul li:hover .about_pattern_mask{ display: block;}
/*patternOver*/

/*学习环境*/
#about_place{ width: 100%;}
#about_place ul li{ float: left; margin-left: 0.55%; margin-bottom: 0.55%;}
#about_place ul li img{ width: 100%; display: block; }
#about_place ul li:nth-of-type(5n+1){ margin-left: 0;}
#about_place ul li.about_space_w1{ width: 24.45%;}
#about_place ul li.about_space_w2{ width: 16.2%;}
/*学习环境*/

/*教学专场*/
#address_session{ width: 1220px; margin: 0 auto;}
#address_session ul li{ float: left; margin:0 0 10px 12px;}
#address_session ul li img{ display: block; width: 100%;}
#address_session ul li:nth-of-type(4n+1){ margin-left: 0;}
/*教学专场*/

/*合作企业*/
#jyfw_company{ width: 100%; background: #f5f5f5;}
#jyfw_company_qy{ width: 1220px; margin: 0 auto; padding-bottom: 30px;}
#jyfw_company_qy ul li{ float: left; margin-left: 19px;}
#jyfw_company_qy ul li:nth-of-type(6n+1){ margin-left: 0;}
#jyfw_company_qy ul li img{ display: block; width: 100%;}
#jyfw_company_qy ul li h4{ font-size: 16px; line-height: 32px; color: #505050; text-align: center; font-weight: normal; margin-bottom: 20px;}
/*合作企业*/

/*Ipad*/
@media only screen and (min-width: 768px) and (max-width: 1024px){
	#instem_banner_pc{ display: none;}
	#instem_banner_yd{ display: block;}
	
	.instem_title{ width: 100%;}
	.instem_title h2{ font-size: 2.8rem; padding: 2rem 0 0.2rem;}
	.instem_title h3,.instem_title p{ font-size: 1.4rem; line-height: 2.6rem; padding-bottom: 2rem;}
	.instem_title p{ padding: 1.0rem 2.0rem 0;}
	.instem_title p:nth-of-type(2){ padding-bottom:1.5rem;}
	
	#instem_team_main{width: 100%;}
	.instem_team_area{ width: 100%;  padding:1rem 0 2rem;}
	.instem_team_pic{ width: 75%; float: none; padding: 3rem 0 2rem 25%;}
	.instem_team_text{ width: 95%; float: none; background: #fff; padding:0 0 2rem 5%;}
	.instem_team_text h4{font-size: 2.4rem; padding: 2rem 0 1rem;}
	.instem_team_text h4 span{ font-size: 1.6rem; padding-left: 0.5rem;}
	.instem_team_text b{ width: 18rem; height: 3.6rem; line-height: 3.6rem; font-size: 1.6rem; margin:0 0 0.5rem 2rem;}
	.instem_team_text b:nth-of-type(2n+1){ margin-left: 0;}
	.instem_team_text h5{ font-size: 1.8rem; padding: 2rem 0 0.5rem;}
	.instem_team_text h6{ font-size: 1.4rem;}
	.instem_team_text p{ font-size: 1.2rem; line-height: 2.4rem; padding: 1rem 2rem 0 2rem; background: url(../images/instem_team_icon.png) no-repeat 0 1.5rem;}
	
	#instem_record{ padding-bottom: 1rem;}
	#instem_record_main{ width: 100%;}
	#instem_record_main ul li{ width: 90%; margin: 0 0 1rem 5%;}
	#instem_record_main ul li:nth-of-type(2n+1){ margin-left: 5%;}
	
	#about_import{ padding-bottom: 2rem;}
	#about_import_main{ width: 100%;}
	#about_import_main ul li{ width: 47%; margin-left: 2%;}
	#about_import_main ul li:nth-of-type(2){ margin-left: 2%;}
	.about_import_area{ width: 100%;}
	.about_import_area h4{ font-size: 1.6rem; padding: 1.2rem 0 0.6rem;}
	.about_import_area p{ font-size: 1.2rem; padding-bottom: 1.5rem;}
	
	#about_choice{padding-bottom: 2rem;}
	#about_choice_main{ width: 100%;}
	#about_choice_main ul li{ width: 45%; height: 9rem; margin: 0 0 1rem 2%; padding: 1rem 1%;}
	#about_choice_main ul li:nth-of-type(3n+1){ margin-left: 2%;}
	#about_choice_main ul li h4{ font-size: 1.8rem;}
	#about_choice_main ul li span{ margin: 1rem auto;}
	#about_choice_main ul li p{ font-size: 1.2rem; line-height: 2.2rem; padding: 0 1rem;}
	
	#about_pattern{ padding-bottom: 2rem;}
	#about_pattern_main{ width: 100%;}
	#about_pattern_main ul li{ width: 47%; margin-left: 2%; margin-bottom: 1rem;}
	#about_pattern_main ul li:nth-of-type(1){ margin-left: 2%;}
	#about_pattern_main ul li h4{ font-size: 1.6rem; padding: 1rem 0;}
	.about_pattern_mask{padding: 6rem 0 12rem;}
	.about_pattern_mask h5{ font-size:1.8rem; }
	.about_pattern_mask span{margin: 2rem auto;}
	.about_pattern_mask p{ font-size: 1.4rem; line-height: 2.4rem; padding: 0 1rem;}
	
	#about_place ul li{ margin-left: 2%; margin-bottom: 1rem;}
	#about_place ul li:nth-of-type(5n+1){ margin-left: 2%;}
	#about_place ul li.about_space_w1{ width: 47%;}
	#about_place ul li.about_space_w2{ display: none}

	#address_session{ width: 100%;}
	#address_session ul li{ width: 47%; margin:0 0 1rem 2%;}
	#address_session ul li:nth-of-type(4n+1){ margin-left: 2%;}
	
	#jyfw_company_qy{ width: 100%; padding-bottom: 0;}
	#jyfw_company_qy ul li{ width: 30%; margin-left: 2.5%;}
	#jyfw_company_qy ul li:nth-of-type(6n+1){ margin-left: 2.5%;}
	#jyfw_company_qy ul li h4{ font-size: 1.2rem; line-height: 2.4rem; margin-bottom: 1rem;}
}

/*iphone*/
@media only screen and (min-width: 320px) and (max-width: 767px){
	#instem_banner_pc{ display: none;}
	#instem_banner_yd{ display: block;}
	
	.instem_title{ width: 100%;}
	.instem_title h2{ font-size: 1.8rem; padding: 1rem 0 0.1rem;}
	.instem_title h3,.instem_title p{ font-size: 1.0rem; line-height: 1.8rem; padding-bottom: 1rem;}
	.instem_title p{ padding: 0.6rem 1.0rem 0;}
	.instem_title p:nth-of-type(2){ padding-bottom:1rem;}
	
	#instem_team_main{width: 100%;}
	.instem_team_area{ width: 100%;  padding:0.5rem 0 1rem;}
	.instem_team_pic{ width: 75%; float: none; padding: 2rem 0 0.5rem 20%;}
	.instem_team_pic img{ width: 80%;}
	.instem_team_text{ width: 97%; float: none; background: #fff; padding:0 0 1rem 3%;}
	.instem_team_text h4{font-size: 1.8rem; padding: 0.5rem 0 1rem;}
	.instem_team_text h4 span{ font-size: 1.2rem; padding-left: 0.3rem;}
	.instem_team_text b{ width: 9rem; height: 2.6rem; line-height: 2.6rem; font-size: 1.0rem;  margin:0 0 0.3rem 0.3rem;}
	.instem_team_text b:nth-of-type(2n+1){ margin-left: 0;}
	.instem_team_text h5{ font-size: 1.6rem; padding: 1rem 0 0.5rem;}
	.instem_team_text h6{ font-size: 1.0rem;}
	.instem_team_text p{ font-size: 1.0rem; line-height: 1.8rem; padding: 0.8rem 1rem 0 1.5rem; background: url(../images/instem_team_icon.png) no-repeat 0 1rem;}
	
	#instem_record{ padding-bottom: 0.5rem;}
	#instem_record_main{ width: 100%;}
	#instem_record_main ul li{ width: 96%; margin: 0 0 0.5rem 2%;}
	#instem_record_main ul li:nth-of-type(2n+1){ margin-left: 2%;}
	
	#about_import{ padding-bottom: 0.5rem;}
	#about_import_main{ width: 100%;}
	#about_import_main ul li{ width: 90%; margin:0 0 1.0rem 5%;}
	#about_import_main ul li:nth-of-type(2){ margin-left: 5%;}
	.about_import_area{ width: 100%;}
	.about_import_area h4{ font-size: 1.2rem; padding: 0.8rem 0 0.4rem;}
	.about_import_area p{ font-size: 1.0rem; padding-bottom: 1.0rem;}
	
	#about_choice{padding-bottom: 1.4rem;}
	#about_choice_main{ width: 100%;}
	#about_choice_main ul li{ width: 45%; height: 6rem; margin: 0 0 0.8rem 2%; padding: 0.8rem 1%;}
	#about_choice_main ul li:nth-of-type(3n+1){ margin-left: 2%;}
	#about_choice_main ul li h4{ font-size: 1.4rem;}
	#about_choice_main ul li span{ margin: 0.6rem auto;}
	#about_choice_main ul li p{ font-size: 0.9rem; line-height: 1.4rem; padding: 0 0.4rem;}
	
	#about_pattern{ padding-bottom: 2rem;}
	#about_pattern_main{ width: 100%;}
	#about_pattern_main ul li{ width: 92%; margin-left: 4%; margin-bottom: 1rem;}
	#about_pattern_main ul li:nth-of-type(1){ margin-left: 4%;}
	#about_pattern_main ul li h4{ font-size: 1.4rem; padding: 0.5rem 0;}
	.about_pattern_mask{padding: 6rem 0 12rem;}
	.about_pattern_mask h5{ font-size:1.4rem; }
	.about_pattern_mask span{margin: 2rem auto;}
	.about_pattern_mask p{ font-size: 1.0rem; line-height: 2.4rem; padding: 0 1rem;}
	
	#about_place ul li{ margin-left: 2%; margin-bottom: 0.5rem;}
	#about_place ul li:nth-of-type(5n+1){ margin-left: 2%;}
	#about_place ul li.about_space_w1{ width: 96%;}
	#about_place ul li.about_space_w2{ display: none}
	
	#address_session{ width: 100%; }
	#address_session ul li{ width: 47%; margin:0 0 0.5rem 2%;}
	#address_session ul li:nth-of-type(4n+1){ margin-left: 2%;}
	
	#jyfw_company_qy{ width: 100%; padding-bottom: 0;}
	#jyfw_company_qy ul li{ width: 47%; margin-left: 2%;}
	#jyfw_company_qy ul li:nth-of-type(6n+1){ margin-left: 2%;}
	#jyfw_company_qy ul li h4{ font-size: 0.9rem; line-height: 1.6rem; margin-bottom: 0.5rem;}
}