@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{font-size:14px;font-weight:900;}	
img{ border:none;}
.clear{ clear:both;}

/*banner*/

#chsc_banenr{ width: 100%; }
#chsc_banenr_pc{ width: 100%; background: url(../images/chsc_bannerbg.jpg) top center no-repeat;}
#chsc_banenr_pc img{ display: block; margin: 0 auto; padding:120px 0;}
#chsc_banenr_yd{ display: none;}
#chsc_banenr_yd img{ width: 100%;}
/*bannerOver*/

/*title*/
.dhsj_title{width: 1220px; margin: 0 auto; color: #474747; text-align: center;}
.dhsj_title h3{ font-size: 50px; margin-top: 50px;}
.dhsj_title h4{ font-size: 24px; font-weight: normal; margin: 12px 210px; line-height: 36px; margin-bottom: 20px;}
/*titleOver*/

/*adv*/
#dhsj_adv{ width: 1220px; margin: 0 auto;}
#dhsj_adv ul li{ float: left; margin-left: 20px;}
#dhsj_adv ul li h5{ margin: 10px auto 30px; width: 214px; height: 50px; line-height: 50px; text-align: center; font-size: 24px; color: #3e3e3e; border: 2px solid #3e3e3e; border-radius: 50px; font-weight: normal;}
#dhsj_adv ul li:nth-of-type(2n+1){ margin-left: 0;}
/*advOver*/

/*effect*/
#chsc_effect{ width: 100%;}
#chsc_effect ul li{ width: 33.33%; float: left; position: relative}
#chsc_effect ul li img{ width: 100%; display: block;}
#chsc_effect ul li h5{ position: absolute; left: 8%; top: 80%; z-index: 99; font-size: 24px; color: #fff; font-weight: normal; background-color:rgba(52,52,52,0.8); border: 2px solid #4e4e4e; width: 156px; height: 40px; border-radius: 30px; text-align: center; line-height: 40px;}
/*effectOver*/ 

/*teacher*/
#chsc_teacher{ width: 1220px; margin: 0 auto; color: #fff;}
.chsc_teacher_l{ width: 380px; height: 600px; float: left; background-color: #1e2332; border-radius: 10px; margin-left: 40px;}
.chsc_teacher_l:nth-of-type(1){ margin-left: 0;}
.chsc_teacher_l img{ display: block; border-radius: 50%; margin: 50px auto 20px;}
.chsc_teacher_l h5{ font-size: 24px; padding: 12px 0 8px; text-align: center;}
.chsc_teacher_l h6{ font-size: 20px; font-weight: normal; text-align: center;}
.chsc_teacher_l p{ font-size: 16px; line-height: 34px; padding: 30px 30px 60px;}
/*teacherOver*/  

/*course*/
#chsc_course{ width: 100%;}
.chsc_course_01{ width: 100%; background: url(../images/chsc_course_01.jpg) top center no-repeat;}
.chsc_course_02{ width: 100%; background: url(../images/chsc_course_02.jpg) top center no-repeat;}
.chsc_course_03{ width: 100%; background: url(../images/chsc_course_03.jpg) top center no-repeat;}
.chsc_course_04{ width: 100%; background: url(../images/chsc_course_04.jpg) top center no-repeat;}
.chsc_course_area{ width: 50%; height: 580px; background-color: #1e1e1e; background-color:rgba(30,30,30,0.4);}
.chsc_course_area_main{ width: 610px; margin: 60px 30px 0 50px;}
.chsc_course_area_main h5{ font-size: 32px; color: #f6ff00; margin-bottom: 30px;}
.chsc_course_area_main h6{ font-size: 28px; color: #fff; margin-bottom: 20px;}
.chsc_course_area_main p{ font-size: 18px; color: #fff; line-height: 38px;}
.chsc_course_area_main a{ display: block; font-size: 16px; color: #ffb400; margin-top: 50px;}
.chsc_course_01 .chsc_course_area,.chsc_course_03 .chsc_course_area{ float: right;} 
.chsc_course_02 .chsc_course_area_main,.chsc_course_04 .chsc_course_area_main{ float: right;} 
/*courseOver*/

/*works*/
#chsc_works{ width: 1220px; margin: 0 auto;}
#chsc_works ul li{ float: left; margin:0 0 10px 10px;}
#chsc_works ul li:nth-of-type(1),#chsc_works ul li:nth-of-type(4),#chsc_works ul li:nth-of-type(8){ margin-left: 0;}
#chsc_works ul li img{ display: block;}

#chsc_works ul li:hover{opacity: 0.8; cursor: pointer;}
/*worksOver*/

/*service*/
#dhsj_service{ width: 1220px; margin: 0 auto;}
#dhsj_service ul li{ width: 380px; float: left; background-color: #f6f7f9; border-radius: 20px; margin-left: 40px; margin-bottom: 30px;}
#dhsj_service ul li:nth-of-type(3n+1){ margin-left: 0;}
#dhsj_service ul li img{ display: block; margin: 36px auto 25px;}
#dhsj_service ul li h5{ font-size: 24px; color: #363535; text-align: center; font-weight: normal;}
#dhsj_service ul li span{ display: block; width: 20%; height: 2px;  margin: 20px auto; background-color: #dd0015;}
#dhsj_service ul li p{ padding: 0 50px 40px; font-size: 18px; line-height: 30px; text-align: center; color: #7c7c7c;}
/*serviceOver*/ 

/*envir*/
#dhsj_envir{ width: 100%;}
#dhsj_envir ul li{width: 25%; float: left;}
#dhsj_envir ul li img{ width: 100%; display: block;}
/*envirOver*/

/*trial*/
#dhsj_trial{ width: 100%; background: url(../images/chsc_trial_bg.jpg) top center no-repeat; margin-top: 30px; text-align: center; color: #fff; padding-bottom: 30px;} 
#dhsj_trial h5{ font-size: 60px; padding:100px 0 20px;}
#dhsj_trial p{ font-size: 20px; font-weight: normal; line-height: 40px;  }
#dhsj_trial a{ display: block; width: 220px; height: 50px; background-color: #f94444; border-radius:10px; margin: 50px auto; line-height: 50px; font-size: 20px; color: #fff; }
/*trialOver*/

/*jsyhsj*/
#jsyhsj{ width: 100%; background-color: #fafafa;}
#jsyhsj_zp{ width: 1180px; margin: 0 auto; padding: 50px 0;}
#jsyhsj_zp img{ display: block;}
#jsyhsj_l{ width: 358px; float: left;}
#jsyhsj_m{ width: 358px; float: left; display: none;}
#jsyhsj_r{ width: 822px; float: left;}
#jsyhsj_t,#jsyhsj_b{ width: 822px;}
#jsyhsj_t ul li{ width: 274px; float: left;}

/*jsyhsjOver*/

.main_visual{ width: 100%; height:10.8rem; overflow:hidden;position:relative; display:none; }
.main_image{height:10.8rem; overflow:hidden;position:relative; }
.main_image ul{height:auto;overflow:hidden;position:absolute;top:0;left:0}
.main_image li{float:left;height:auto;}
.main_image li img{display:block;width:100%;height:auto;}
.main_image li a{display:block;width:100%;height:auto;}

div.flicking_con{position:absolute;left:50%; bottom:5%; z-index:999;width:300px;height:21px;margin:0 0 0 -50px;}
div.flicking_con a{float:left;width:21px;height:21px;margin:0;padding:0;background:url('../images/btn_main_img.png') 0 0 no-repeat;display:block;text-indent:-1000px}
div.flicking_con a.on{background-position:0 -21px}
#btn_prev,#btn_next{z-index:11111;position:absolute;display:block;width:73px!important;height:74px!important;top:50%;margin-top:-37px;display:none;}
#btn_prev{background:url(../img/hover_left.png) no-repeat left top;left:10px;}
#btn_next{background:url(../img/hover_right.png) no-repeat right top;right:10px;}

@media only screen and (min-width: 768px) and (max-width: 1024px){
	#chsc_banenr_pc{ display: none;}
	#chsc_banenr_yd{ display: block;}
	
	.dhsj_title{ width: 100%;}
	.dhsj_title h3{ font-size:2.0rem; margin-top: 2rem;}
	.dhsj_title h4{ font-size: 1.4rem; margin: 0.8rem 1rem; line-height: 2.2rem;}
	
	#dhsj_adv{ width: 100%;}
	#dhsj_adv ul li{ width: 48.5%;}
	#dhsj_adv ul li img{ width: 100%;}
	
	#chsc_effect ul li{ width: 50%;}
	#chsc_effect ul li h5{ left: 10%; top: 72%;}
	
	#chsc_teacher{ width: 100%; }
	.chsc_teacher_l{ width: 48%; height: 36rem; margin-left: 0; margin-bottom: 1rem;}
	.chsc_teacher_l:nth-of-type(2){ margin-left:4%;}
	.chsc_teacher_l p{ padding: 2rem 2rem 5rem;}

	
	.chsc_course_area{ width: 100%; height: auto;}
	.chsc_course_area_main{ width: 90%; margin: 0; padding:2rem 2rem 3rem;}
	.chsc_course_01 .chsc_course_area,.chsc_course_03 .chsc_course_area{ float: none;} 
	.chsc_course_02 .chsc_course_area_main,.chsc_course_04 .chsc_course_area_main{ float: none;}
	
	#chsc_works{ width: 100%; display: none;}
	#chsc_works li img{ width: 100%;}
	#chsc_works li:nth-of-type(3),#chsc_works li:nth-of-type(4),#chsc_works li:nth-of-type(8){ display: none;}
	#chsc_works li:nth-of-type(1),#chsc_works li:nth-of-type(2),#chsc_works li:nth-of-type(9),#chsc_works li:nth-of-type(10){ width: 50%;}
	#chsc_works li:nth-of-type(5),#chsc_works li:nth-of-type(6),#chsc_works li:nth-of-type(7){ width: 33.33%;}
	#chsc_works ul li{ margin:0;}
	

	#dhsj_service{ width: 100%;}
	#dhsj_service ul li{ width: 48%; margin-left: 4%; height: 24rem; }
	#dhsj_service ul li:nth-of-type(3n+1){ margin-left: 4%;}
	#dhsj_service ul li:nth-of-type(2n+1){ margin-left: 0;}
	#dhsj_service ul li img{ width: 40%; margin: 1.6rem auto 1.2rem;}
	#dhsj_service ul li h5{ font-size: 1.6rem;}
	#dhsj_service ul li span{ width: 30%;}
	#dhsj_service ul li p{ padding: 0 0.6rem 1.4rem; font-size: 1.2rem; line-height: 2.2rem; }
	
	#jsyhsj_zp,#jsyhsj_l img,#jsyhsj_m img,#jsyhsj_b,#jsyhsj_b img{ width: 100%;}
	#jsyhsj_l{ width: 50%;}
	#jsyhsj_m{ display: block; width: 50%; }
	#jsyhsj_r{width: 100%; float: none;}
	#jsyhsj_t{ display: none;}
	
	.main_visual{ display: block; height: 35rem;}
	.main_image{ height: 35rem;}
	
}
@media only screen and (min-width: 320px) and (max-width: 767px){
	#chsc_banenr_pc{ display: none;}
	#chsc_banenr_yd{ display: block;}
	
	.dhsj_title{ width: 100%;}
	.dhsj_title h3{ font-size: 1.4rem; margin-top: 2rem;}
	.dhsj_title h4{ font-size: 1.0rem; margin: 0.8rem 1rem; line-height: 1.8rem;}
	
	#dhsj_adv{ width: 100%;}
	#dhsj_adv ul li{ width: 100%; margin-left: 0;}
	#dhsj_adv ul li img{ width: 100%;}
	#dhsj_adv ul li h5{  margin: 0.4rem auto 1.0rem; width: 8rem; height: 2rem; line-height: 2rem; font-size: 1.0rem;}
	
	#chsc_effect ul li{ width: 100%;}
	#chsc_effect ul li h5{ left: 8%; top: 76%; width: 6rem; height: 1.6rem; font-size: 1.0rem; line-height: 1.6rem;}
	
	#chsc_teacher{ width: 100%; }
	.chsc_teacher_l{ width: 100%; height: 25rem; margin-left: 0; margin-bottom: 0.6rem;}
	.chsc_teacher_l img{ width: 40%; border-radius: 50%; margin: 1.2rem auto 1.0rem;}
	.chsc_teacher_l h5{ font-size: 1.2rem; padding: 0 0 0.8rem;}
	.chsc_teacher_l h6{ font-size: 1.1rem;}
	.chsc_teacher_l p{ font-size: 0.9rem; line-height: 1.4rem; padding: 1.0rem 1.4rem 1.4rem;}
	
	.chsc_course_area{ width: 100%; height: auto;}
	.chsc_course_area_main{ width: 90%; margin: 0; padding:1.0rem 1.0rem 1.2rem;  background-color:rgba(0,0,0,0.3); }
	.chsc_course_area_main h5{ font-size: 1.4rem;  margin-bottom:1.0rem;}
	.chsc_course_area_main p{ font-size: 0.9rem;  line-height: 1.2rem;}
	.chsc_course_area_main a{ font-size: 0.8rem;  margin-top: 1.2rem;}
	.chsc_course_01 .chsc_course_area,.chsc_course_03 .chsc_course_area{ float: none;} 
	.chsc_course_02 .chsc_course_area_main,.chsc_course_04 .chsc_course_area_main{ float: none;}
	
	#chsc_works{ width: 100%; display: none;}
	#chsc_works li img{ width: 100%;}
	#chsc_works li:nth-of-type(3),#chsc_works li:nth-of-type(4),#chsc_works li:nth-of-type(8){ display: none;}
	#chsc_works li:nth-of-type(1),#chsc_works li:nth-of-type(2),#chsc_works li:nth-of-type(9),#chsc_works li:nth-of-type(10){ width: 50%;}
	#chsc_works li:nth-of-type(5),#chsc_works li:nth-of-type(6),#chsc_works li:nth-of-type(7){ width: 33.33%;}
	#chsc_works ul li{ margin:0;}
	
	#dhsj_service{ width: 100%;}
	#dhsj_service ul li{ width: 48%; margin-left: 4%; height: 17rem; }
	#dhsj_service ul li:nth-of-type(3n+1){ margin-left: 4%;}
	#dhsj_service ul li:nth-of-type(2n+1){ margin-left: 0;}
	#dhsj_service ul li img{ width: 40%; margin: 1.4rem auto 1.0rem;}
	#dhsj_service ul li h5{ font-size: 1.2rem;}
	#dhsj_service ul li span{ width: 30%;}
	#dhsj_service ul li p{ padding: 0 0.2rem 1rem; font-size: 0.8rem; line-height: 1.4rem; }
	
	#dhsj_trial h5{ font-size: 1.8rem; }
	#dhsj_trial p{  line-height: 2.2rem; font-size:1.0rem; }
	#dhsj_trial a{ width: 50%; height: 3rem;  margin: 3.4rem auto; line-height: 3rem; font-size: 1.0rem;}
	
	#jsyhsj_zp{ width: 100%; padding: 2rem 0;}
	#jsyhsj_l{ width: 50%; float: left;}
	#jsyhsj_m{ display: block; width: 50%;float: left;}
	#jsyhsj_l img,#jsyhsj_m img{ width: 100%;}
	#jsyhsj_r{display: none;}
	
	.main_visual{ display: block; height: 16.5rem;}
	.main_image{ height: 16.5rem;}
}