@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*/

#dtsj_banner{ width: 100%; }
#dtsj_banner_pc{ width: 100%; background: url(../images/dtsj_banner_bg.jpg) no-repeat center;}
#dtsj_banner_pc img{ display: block; margin: 0 auto;}
#dtsj_banner_yd{ display: none;}
#dtsj_banner_yd img{ width: 100%;}
/*bannerOver*/

/*title*/
.dtsj_title{width: 1220px; margin: 0 auto; text-align: center;}
.dtsj_title h2{ font-size: 50px; padding-top: 50px; color: #222222;}
.dtsj_title h3{ font-size: 24px; font-weight: normal; margin: 12px 210px; line-height: 36px; margin-bottom: 20px; color: #6d6d6d;}
.dtsj_title img{ margin-bottom: 40px;}
.dtsj_title .dtsj_title_color{ color: #fff;}
/*titleOver*/

/*many*/
#dtsj_many{ width: 1220px; margin: 0 auto; padding-bottom: 50px;}
#dtsj_many ul li{ float: left; background: #fff; border-radius: 10px; margin-left: 20px;  box-shadow: 3px 10px 20px #f2f2f2;}
#dtsj_many ul li:nth-of-type(1){ margin-left: 0;}
#dtsj_many ul li h4{ font-size: 24px; padding: 10px 0 15px; color: #202020; font-weight: 500; text-align: center;}
#dtsj_many ul li img{ width: 100%; border-radius: 10px 10px 0 0;}
/*manyOver*/

/*use*/
#dtsj_use{ width: 100%; background: #fff9ff; padding-bottom: 20px;}
#dtsj_use_main{ width: 1220px; margin: 0 auto;}
#dtsj_use_main ul li{float: left; margin-left: 40px;}
#dtsj_use_main ul li:nth-of-type(3n+1){ margin-left: 0;}
#dtsj_use_main ul li img{ width: 100%; border-radius: 10px; display: block;}
#dtsj_use_main ul li h4{ font-size: 24px; padding: 8px 0 20px; color: #202020; font-weight: 700; text-align: center;}
/*useOver*/

/*fit*/
#dtsj_fit{ width: 1220px; margin: 0 auto;}
#dtsj_fit ul li{ float: left; margin-left: 12px;}
#dtsj_fit ul li:nth-of-type(1){ margin-left: 0}
#dtsj_fit ul li img{ width: 100%; display: block; border-radius: 20px;}
#dtsj_fit ul li h4{ width: 186px; height: 46px; background-color: #ff477f; margin: 15px auto 10px; font-size: 22px; color: #fff; text-align: center; line-height: 46px; font-weight: normal; border-radius: 5px;}
#dtsj_fit ul li p{ font-size:18px; color: #272727; text-align: center;}
#dtsj_fit a,#dtsj_circle a,#dtsj_choice a,#dtsj_record>a{ display: block; width: 328px; height: 68px; background-image: linear-gradient(to right, #fe4555,#832cea); margin: 50px auto 50px; text-align: center; line-height: 68px; font-size: 28px; color: #fff; border-radius: 10px;}
/*fitOver*/

/*scene*/
#dtsj_scene{ width: 100%; background:#24184a url(../images/dtsj_scene_bg.jpg) no-repeat center; padding-bottom: 60px;}
#dtsj_scene_main{ width: 1220px; margin: 0 auto;}
#dtsj_scene_main ul li{float: left; margin-left: 12px;}
#dtsj_scene_main ul li:nth-of-type(1){ margin-left: 0;}
#dtsj_scene_main img{ width: 100%; display: block; border-radius: 20px 20px 0 0;}
.dtsj_scene_area{ background-image: linear-gradient(to right, #1f5dff,#5f8dff); border-radius: 0 0 20px 20px; text-align: center; color: #fff;}
.dtsj_scene_area h4{ font-size: 28px; font-weight: 500; padding: 25px 0 8px 0;}
.dtsj_scene_area p{ font-size: 18px; padding-bottom: 30px}
/*sceneOver*/

/*video*/
#dtsj_video{ width: 1220px; margin: 0 auto;}
#dtsj_video ul li{ float: left; position: relative; margin:0 0 30px 25px; border-radius: 15px;}
#dtsj_video ul li:nth-of-type(3n+1){ margin-left: 0;}
#dtsj_video ul li>img{ width: 100%; display: block; border-radius: 15px;}
.dtsj_video_mask{ position: absolute; bottom: 10px; left: 10px;}
/*videoOver*/

/*actual*/ 
#yshc_actual{ width: 1220px; height: 718px; margin: 0 auto; position: relative;  }
#yshc_actual ul li{ position: absolute;}
#yshc_actual ul li.yshc_actual_w1{ top: 0; left: 0;}
#yshc_actual ul li.yshc_actual_w2{ top: 0; left: 510px;}
#yshc_actual ul li.yshc_actual_w3{ top: 0; left: 882px;}
#yshc_actual ul li.yshc_actual_w4{ top: 258px; left: 0;}
#yshc_actual ul li.yshc_actual_w5{ top: 258px; left: 348px;}
#yshc_actual ul li.yshc_actual_w6{ top: 258px; left: 615px;}
#yshc_actual ul li.yshc_actual_w7{ top: 470px; left: 348px;}
#yshc_actual ul li.yshc_actual_w8{ top: 470px; left: 720px;}

#yshc_actual_yd{ display: none;}
/*actualOver*/ 

/*course*/
.dtsj_course{ width: 100%;}
.dtsj_course_01{ width: 100%; height: 580px; background: url(../images/dtsj_course_bg_01.jpg) no-repeat center;}
.dtsj_course_02{ width: 100%; height: 580px; background: url(../images/dtsj_course_bg_02.jpg) no-repeat center;}
.dtsj_course_03{ width: 100%; height: 580px; background: url(../images/dtsj_course_bg_03.jpg) no-repeat center;}
.dtsj_course_04{ width: 100%; height: 580px; background: url(../images/dtsj_course_bg_04.jpg) no-repeat center;}
.dtsj_course_05{ width: 100%; height: 580px; background: url(../images/dtsj_course_bg_05.jpg) no-repeat center;}
.dtsj_course_06{ width: 100%; height: 580px; background: url(../images/dtsj_course_bg_06.jpg) no-repeat center;}

.dtsj_course_img{ width: 100%; display: none;}
.dtsj_course_area_left{ width: 50%; float: left;}
.dtsj_course_area_right{ width: 50%; float: right;}
.dtsj_course_main_left{ width: 610px; margin-top: 40px; float: right;}
.dtsj_course_main_right{ width: 610px; margin-top: 40px; float: left;}

.dtsj_course_content{width: 610px;}
.dtsj_course_content h5{ font-size: 38px; color: #fff;}
.dtsj_course_content p{ font-size: 20px; color: #fff; line-height: 40px; margin:20px 0 30px 0;}

/*courseOver*/ 

/*work*/ 
#dtsj_work{ width: 1220px; margin: 0 auto 50px;}
#dtsj_work_sub{ width: 288px; float: left; margin: 20px 0 0 14px;}
#dtsj_work_sub h4{ width: 288px; height: 78px; line-height: 78px; text-align: center; background-color: #f6f6f6; font-size: 28px; color: #2e2e2e; font-weight: normal; cursor: pointer; margin-bottom: 40px;}
#dtsj_work_sub h4.dtsj_work_color{ background-color: #ff477f; color: #fff;}
#dtsj_work_exp{ width: 850px; float: left; margin-left: 68px;}
#dtsj_work_exp video{ width: 850px; display: none;}
#dtsj_work_exp video:focus {outline:none;}
/*workOver*/ 

/*teacher*/ 
#dtsj_teacher{ width: 100%; background:#2e2a89 url(../images/dtsj_teacher_bg.jpg) no-repeat center;}
#dtsj_teacher_main{ width: 1220px; margin: 0 auto; background: url(../images/dtsj_teacher_main_bg.png) no-repeat center 12px; position: relative;}

#dtsj_teacher_exp{padding-bottom: 50px;}
#dtsj_teacher_exp ul li{ display: none;}
#dtsj_teacher_exp ul li img{ display: block; float: left; padding: 0 50px 0 60px;}
.dtsj_teacher_area { float: right; width: 770px; padding-right: 20px; color:#fff;}
.dtsj_teacher_area h4{ font-size: 32px; padding: 20px 0 20px;}
.dtsj_teacher_area span{ display: block; width: 88px; height: 2px; background: #fff;}
.dtsj_teacher_area p{font-size: 18px; line-height: 36px; padding: 15px 30px 10px 0; }

#dtsj_teacher_sub{ width: 820px; position: absolute; top:284px; left: 430px; }
#dtsj_teacher_sub ul li{ width: 100px; height: 110px; float: left; margin-left: 20px; overflow: hidden;}
#dtsj_teacher_sub ul li:nth-of-type(1){ margin-left: 0;}
#dtsj_teacher_sub ul li img{ width: 100%; opacity: 0.5;}
#dtsj_teacher_sub ul li .dtsj_teacher_sub_bg{ opacity: 1;}
/*teacherOver*/ 

/*project*/
#dtsj_project{ width: 1220px; margin: 0 auto;}

.example {width: 1220px; height: 560px; margin:0 auto;}
.ft-carousel {position: relative; width: 100%; height: 100%; overflow: hidden;}
.ft-carousel .carousel-inner { position: absolute;	left: 0; top: 0; height: 100%;}
.ft-carousel .carousel-inner .carousel-item { float: left; height: 100%;}

.ft-carousel .carousel-btn{ position: absolute; top: 42%; width: 46px; height: 100px; margin-top: -50px; cursor: pointer; background-color: #FCFC0A; }
.ft-carousel .carousel-prev-btn{left: 0; background: url(../images/chjy_prev.png) no-repeat;}
.ft-carousel .carousel-next-btn{right: 0; background: url(../images/chjy_next.png) no-repeat;}

.dtsj_project_box{ width: 1220px; }
.dtsj_project_box_pic{ width: 818px; float: left; border: 1px solid #2f6df1;}
.dtsj_project_box_pic img{ display: block; width: 100%;}
.dtsj_project_box_pic1{ width: 380px; float: left; padding: 20px;}
.dtsj_project_box_pic2{ width: 380px; float: left; padding: 20px 0;}
.dtsj_project_box_pic2 img:nth-of-type(2){ padding-top: 20px;}

.dtsj_project_box_text{ width: 400px; float: left; background: #5542fa; color: #fff; padding-bottom: 121px;}
.dtsj_project_box_text h4{ font-size: 38px; padding: 126px 0 56px 50px;}
.dtsj_project_box_text h4.dtsj_project_box_text_bg1{background: url(../images/dtsj_project_box_text_bg1.png) no-repeat 40px 70px;}
.dtsj_project_box_text h4.dtsj_project_box_text_bg2{background: url(../images/dtsj_project_box_text_bg2.png) no-repeat 40px 70px;}
.dtsj_project_box_text h4.dtsj_project_box_text_bg3{background: url(../images/dtsj_project_box_text_bg3.png) no-repeat 40px 70px;}
.dtsj_project_box_text span{ display: block; width: 125px; height: 3px; background: #fff; margin:0 0 40px 50px;}
.dtsj_project_box_text p{ font-size: 20px; line-height: 40px; padding:0 0 0 50px;}

#dtsj_project_yd{ display: none;}
/*projectOver*/

/*circle*/
#dtsj_circle{ width: 100%;}
#dtsj_circle_main{ width: 1220px; height: 400px; margin: 0 auto; overflow: hidden;}
.dtsj_circle_box{width: 1220px; margin: 0 auto; background: url(../images/dtsj_circle_box_bg.png) no-repeat; padding-bottom: 60px;}
.dtsj_circle_box img{ width: 100%; display: block; border-radius: 10px;}
.dtsj_circle_box h4{ font-size: 32px; color: #fff; padding:20px 0 0 80px;}
.dtsj_circle_box ol{ margin-top: 20px;}
.dtsj_circle_box ol li{ float: left; margin-left: 24px;}
.dtsj_circle_box ol li:nth-of-type(1){ margin-left: 46px;}

#dtsj_circle_yd{ display: none;}
/*circleOver*/

/*choice*/
#dtsj_choice{ width: 100%; background:#351e3b url(../images/dtsj_choice_bg.jpg) no-repeat center; padding-bottom: 50px;}
#dtsj_choice_main{ width: 1220px; margin: 0 auto;}
#dtsj_choice_main ul li{ width: 270px; height: 140px; float: left; color: #fff; margin: 0 0 50px 85px; text-align: center; padding: 30px 40px;}
#dtsj_choice_main ul li:nth-of-type(3n+1){ margin-left: 0;}
#dtsj_choice_main ul li:nth-of-type(1){ background: url(../images/dtsj_choice_bg_01.jpg) no-repeat center top;}
#dtsj_choice_main ul li:nth-of-type(2){ background: url(../images/dtsj_choice_bg_02.jpg) no-repeat center top;}
#dtsj_choice_main ul li:nth-of-type(3){ background: url(../images/dtsj_choice_bg_03.jpg) no-repeat center top;}
#dtsj_choice_main ul li:nth-of-type(4){ background: url(../images/dtsj_choice_bg_04.jpg) no-repeat center top;}
#dtsj_choice_main ul li:nth-of-type(5){ background: url(../images/dtsj_choice_bg_05.jpg) no-repeat center top;}
#dtsj_choice_main ul li:nth-of-type(6){ background: url(../images/dtsj_choice_bg_06.jpg) no-repeat center top;}
#dtsj_choice_main ul li h4{ font-size: 32px; font-weight: 700;}
#dtsj_choice_main ul li span{ display: block; width: 40px; height: 2px; background-color: #fff; margin: 15px auto;}
#dtsj_choice_main ul li p{ font-size: 20px; line-height: 32px; color: #fff;}
/*choiceOver*/

/*record*/
#dtsj_record{ width: 100%; background: #540ac9; padding-bottom: 50px;}
#dtsj_record_main{ width: 1220px; margin: 0 auto;}
#dtsj_record_main ul li{ width: 356px; float: left; background-color: #fff; border-radius: 16px; padding: 16px; margin:0 0 30px 28px;}
#dtsj_record_main ul li:nth-of-type(3n+1){ margin-left: 0;}
#dtsj_record_main ul li img{ display: block; border-radius: 10px;}
#dtsj_record_main ul li h4{ font-size: 24px; color: #1e1e1e; text-align: center; font-weight: normal; padding:15px 0 5px;}
.dtsj_record_box{ width: 100%; position: relative;}
.dtsj_record_mask{ position: absolute; left: 10px; bottom: 10px;}
/*recordOver*/

/*place*/
#dtsj_place{ width: 100%;}
#dtsj_place ul li{ float: left; margin-left: 0.55%; margin-bottom: 10px;}
#dtsj_place ul li:nth-of-type(5n+1){ margin-left: 0;}
#dtsj_place ul li img{ display: block; width: 100%;}
#dtsj_place ul li.dtsj_place_w1{ width: 24.5%;}
#dtsj_place ul li.dtsj_place_w2{ width: 16.2%;}
/*placeOver*/

/*coope*/
#dtsj_coope{ width: 1220px; margin: 0 auto;}
#dtsj_coope ul li{ float: left;  margin-left: 19px; padding-bottom: 10px;}
#dtsj_coope ul li img{ display: block; border: 1px solid #e1e1e1; width: 100%;}
#dtsj_coope ul li:nth-of-type(6n+1){ margin-left: 0;}
#dtsj_coope ul li h4{ font-size: 16px; color: #505050; text-align: center; font-weight: normal; line-height: 36px;}
/*coopeOver*/

/*end*/
#dtsj_end{ width: 100%; background: url(../images/dtsj_end_bg.jpg) top center no-repeat; margin-top: 30px; color: #fff; padding:100px 0;}
#dtsj_end_main{ width: 1220px; margin: 0 auto;}
#dtsj_end p{ font-size: 50px; font-weight: 900; margin: 15px 0 0 50px;}
#dtsj_end a{ display: block; width: 280px; height: 80px; background-image: linear-gradient(to right, #fe4555,#842ceb); border-radius:10px; margin: 60px 50px 50px; line-height:80px; font-size: 38px; color: #fff; text-align: center;}
/*endOver*/

@media only screen and (min-width: 768px) and (max-width: 1024px){
	
	#dtsj_banner_pc{ display: none;}
	#dtsj_banner_yd{ display: block;}
	
	.dtsj_title{ width: 100%;}
	.dtsj_title h2{ font-size: 2.0rem; padding-top: 2rem; }
	.dtsj_title h3{ font-size: 1.4rem; margin: 0.8rem 1rem; line-height: 2.2rem; margin-bottom: 1rem;}
	.dtsj_title img{ margin-bottom: 2rem;}
	
	#dtsj_many{ width: 100%; padding-bottom: 2rem;}
	#dtsj_many ul li{width: 47%; margin:0 0 1.0rem 2%;}
	#dtsj_many ul li:nth-of-type(1){ margin-left: 2%;}
	#dtsj_many ul li h4{ font-size: 1.6rem; padding: 1rem 0 1.5rem;}
	
	#dtsj_use{padding-bottom: 1rem;}
	#dtsj_use_main{ width: 100%;}
	#dtsj_use_main ul li{ width: 47%; margin-left: 2%;}
	#dtsj_use_main ul li:nth-of-type(3n+1){ margin-left: 2%;}
	#dtsj_use_main ul li h4{ font-size: 1.6rem; padding: 0.5rem 0 1rem;}
	
	#dtsj_fit{ width: 100%;}
	#dtsj_fit ul li{ width: 47%; margin:0 0 1.5rem 2%;}
	#dtsj_fit ul li:nth-of-type(1){ margin-left: 2%;}
	#dtsj_fit ul li h4{ width: 70%; height: 3.6rem;  margin: 1.0rem auto 0.6rem; font-size: 1.4rem; line-height: 3.6rem;}
	#dtsj_fit ul li p{ font-size:1.2rem;}
	#dtsj_fit a,#dtsj_circle a,#dtsj_choice a,#dtsj_record>a{ width: 40%; height: 4rem; margin: 1rem auto 2.4rem; line-height: 4rem; font-size: 1.6rem;}
	
	#dtsj_scene{ padding-bottom: 1rem;}
	#dtsj_scene_main{ width: 100%;}
	#dtsj_scene_main ul li{ width: 47%; margin:0 0 1rem 2%;}
	#dtsj_scene_main ul li:nth-of-type(1){ margin-left: 2%;}
	.dtsj_scene_area h4{ font-size: 2.0rem; padding: 2rem 0 0.8rem 0;}
	.dtsj_scene_area p{ font-size: 1.4rem; padding-bottom: 2rem;}
	
	#dtsj_video{ width: 100%;}
	#dtsj_video ul li{ width: 47%; margin:0 0 1rem 2%;}
	#dtsj_video ul li:nth-of-type(3n+1){ margin-left: 2%;}
	.dtsj_video_mask{ bottom: 0.5rem; left: 0.5rem;}
	
	#yshc_actual{ display: none;}
	#yshc_actual_yd{ display: block; width: 100%; padding-bottom: 2rem;}
	#yshc_actual_yd ul li{ width: 47%; height: auto; margin:0 0 1rem 2%; float: left;}
	#yshc_actual_yd ul li img{ width: 100%; display: block;}
	
	.dtsj_course_01,.dtsj_course_02,.dtsj_course_03,.dtsj_course_04,.dtsj_course_05,.dtsj_course_06{ background: none; height: auto;}
	.dtsj_course_img{ display: block;}
	.dtsj_course_area_left{ width: 100%; float:none;}
	.dtsj_course_area_right{ width: 100%; float: none;}
	.dtsj_course_main_left{ width: 100%; margin-top: 2rem; float: none;}
	.dtsj_course_main_right{ width: 100%; margin-top: 2rem;  float: none;}
	
	.dtsj_course_content{width: 90%; padding:0 5%;}
	.dtsj_course_content h5{ font-size:2.4rem; color: #1a1a1a;}
	.dtsj_course_content p{ font-size: 1.4rem; color: #656565; line-height: 2.4rem; margin:1rem 0 1.5rem 0;}
	
	#dtsj_work{ width: 100%; margin: 0 auto 2rem;}
	#dtsj_work_sub{ float: none; width: 100%; margin:0;}
	#dtsj_work_sub h4{ float: left; width: 22.5%; margin-left: 2%; height: 3.2rem; line-height: 3.2rem; font-size: 1.2rem; margin-bottom: 1rem;}
	#dtsj_work_exp{ float: none; width: 96%; margin-left: 2%;}
	#dtsj_work_exp video{ width: 100%;}
	
	#dtsj_teacher{ padding-bottom: 2rem; background:#2e2a89;}
	#dtsj_teacher_main{ width: 100%; background: none;}
	#dtsj_teacher_exp{ width: 100%; padding-bottom: 0rem;}
	#dtsj_teacher_exp ul{ width: 100%;}
	#dtsj_teacher_exp ul li{ width: 100%; display: block;}
	#dtsj_teacher_exp ul li img{ width: 40%; display: block; padding: 1rem 1% 0 1%; }
	.dtsj_teacher_area { float: left; width:54%;}
	.dtsj_teacher_area h4{ font-size: 2rem; padding: 1.4rem 0 1rem;}
	.dtsj_teacher_area p{ font-size: 1.2rem; line-height: 2.2rem; padding: 0.5rem 0 0.5rem 0;}
	#dtsj_teacher_sub{ display: none;}
	
	#dtsj_project{ width:100%;}
	.example{display:none;}
	#dtsj_project_yd{ width: 100%; display: block;}
	.dtsj_project_box{ width: 100%; background: #5542fa; margin-bottom: 1rem;}
	.dtsj_project_box_pic{ width: 50%; border: none;}
	.dtsj_project_box_text{ width: 50%; padding-bottom:0;}
	.dtsj_project_box_text h4{ font-size: 2.8rem; padding: 4.5rem 0 1.5rem 3rem;}
	.dtsj_project_box_text h4.dtsj_project_box_text_bg1{background: url(../images/dtsj_project_box_text_bg1.png) no-repeat 2.2rem 1rem;}
	.dtsj_project_box_text h4.dtsj_project_box_text_bg2{background: url(../images/dtsj_project_box_text_bg2.png) no-repeat 2.2rem 1rem;}
	.dtsj_project_box_text h4.dtsj_project_box_text_bg3{background: url(../images/dtsj_project_box_text_bg3.png) no-repeat 2.2rem 1rem;}
	.dtsj_project_box_text span{ margin:0 0 2rem 3rem;}
	.dtsj_project_box_text p{ font-size: 1.4rem; line-height: 2.4rem; padding:0 0 0 3rem;}
	
	#dtsj_circle_main{ width: 100%; height: auto;  margin-bottom: 1.4rem;}
	.example{ display: none;}
	#dtsj_circle_yd{ display: block; width: 100%;}
	
	.dtsj_circle_box{ width: 100%; background: none; padding-bottom: 1rem;}
	.dtsj_circle_box h4{ font-size: 1.8rem; color: #2b2b2b; padding: 0.5rem 0 1rem 1rem;}
	.dtsj_circle_box ol{ margin-top: 0;}
	.dtsj_circle_box ol li{ width: 47%; margin-left: 2%;}
	.dtsj_circle_box ol li:nth-of-type(1){ display: none;}
	
	#dtsj_choice{ padding-bottom: 1rem;}
	#dtsj_choice_main{ width: 100%;}
	#dtsj_choice_main ul li{ width: 45%; height: 9rem; margin: 0 0 1rem 2%; padding: 1rem 1%;}
	#dtsj_choice_main ul li:nth-of-type(3n+1){ margin-left: 2%;}
	#dtsj_choice_main ul li h4{ font-size: 1.8rem;}
	#dtsj_choice_main ul li span{ margin: 1rem auto;}
	#dtsj_choice_main ul li p{ font-size: 1.4rem; line-height: 2.2rem; padding: 0 1rem;}
	
	#dtsj_record{ padding-bottom: 1rem;}
	#dtsj_record_main{ width: 100%;}
	#dtsj_record_main ul li{ width: 43%; padding: 1rem; margin:0 0 1rem 2%;}
	#dtsj_record_main ul li:nth-of-type(3n+1){ margin-left: 2%;}
	.dtsj_record_box>img{ width: 98%; }
	#dtsj_record_main ul li h4{ font-size: 1.4rem; padding:1.5rem 0 0.5rem;}
	
	#dtsj_place ul li{ width: 47%; height: 15rem; overflow: hidden; float: left; margin-left: 2%; margin-bottom: 1%;}
	#dtsj_place ul li:nth-of-type(5n+1){display: none;}
	#dtsj_place ul li.dtsj_place_w1{ width: 47%;}
	#dtsj_place ul li.dtsj_place_w2{ width: 47%;}
	#dtsj_place ul li:nth-of-type(6){ clear: none;}
	
	#dtsj_coope{ width: 100%; margin-bottom: 1rem}
	#dtsj_coope ul li{ width:30%; float: left;  margin-left: 2.2%; padding-bottom: 1rem;}
	#dtsj_coope ul li:nth-of-type(6n+1){ margin-left: 2.2%;}
	#dtsj_coope ul li h4{ font-size: 1.2rem; line-height: 2.4rem;}
	
	#dtsj_end{margin-top: 2rem; padding:4rem 0;}
	#dtsj_end_main{ width: 100%; }
	#dtsj_end p{ font-size: 3.2rem;  margin: 0.5rem 0 0 6rem;}
	#dtsj_end a{ width: 40%; height:4.2rem;  margin: 3rem 0 1.8rem 6rem ; line-height:4.2rem; font-size: 2.4rem;}
	
}
@media only screen and (min-width: 320px) and (max-width: 767px){
	
	#dtsj_banner_pc{ display: none;}
	#dtsj_banner_yd{ display: block;}
	
	.dtsj_title{ width: 100%;}
	.dtsj_title h2{ font-size: 1.4rem; padding-top: 1rem; }
	.dtsj_title h3{ font-size: 1.0rem; margin: 0.5rem 1rem; line-height: 1.6rem; margin-bottom: 1rem;}
	.dtsj_title img{ width: 30%; margin-bottom: 1rem;}
	
	#dtsj_many{ width: 100%; padding-bottom: 0.5rem;}
	#dtsj_many ul li{width: 47%; margin:0 0 1.0rem 2%;}
	#dtsj_many ul li:nth-of-type(1){ margin-left: 2%;}
	#dtsj_many ul li h4{ font-size: 1.0rem; padding: 0.3rem 0 0.6rem;}
	
	#dtsj_use{padding-bottom: 0.5rem;}
	#dtsj_use_main{ width: 100%;}
	#dtsj_use_main ul li{ width: 47%; margin:0 0 0 2%;}
	#dtsj_use_main ul li:nth-of-type(3n+1){ margin-left: 2%;}
	#dtsj_use_main ul li h4{ font-size: 1.0rem; padding: 0.2rem 0 0.6rem;}
	
	#dtsj_fit{ width: 100%;}
	#dtsj_fit ul li{ width: 47%; margin:0 0 1.5rem 2%;}
	#dtsj_fit ul li:nth-of-type(1){ margin-left: 2%;}
	#dtsj_fit ul li h4{ width: 70%; height: 2rem;  margin: 0.8rem auto 0.4rem; font-size: 1.0rem; line-height: 2rem;}
	#dtsj_fit ul li p{ font-size:0.9rem;}
	#dtsj_fit a,#dtsj_circle a,#dtsj_choice a,#dtsj_record>a{ width: 50%; height: 2.8rem; margin: 0.4rem auto 1.4rem; line-height: 2.8rem; font-size: 1.2rem;}
	
	#dtsj_scene{ padding-bottom: 0.5rem;}
	#dtsj_scene_main{ width: 100%;}
	#dtsj_scene_main ul li{ width: 47%; margin:0 0 1rem 2%;}
	#dtsj_scene_main ul li:nth-of-type(1){ margin-left: 2%;}
	.dtsj_scene_area{ height: 6rem;}
	.dtsj_scene_area h4{ font-size: 1.2rem; padding: 1rem 0 0.2rem 0;}
	.dtsj_scene_area p{ font-size: 0.9rem; padding-bottom: 1rem;}
	
	#dtsj_video{ width: 100%;}
	#dtsj_video ul li{ width: 84%; margin:0 0 0.5rem 8%;}
	#dtsj_video ul li:nth-of-type(3n+1){ margin-left: 8%;}
	.dtsj_video_mask{bottom: 0.5rem; left: 0.5rem;}
	.dtsj_video_mask img{ width: 80%;}
	
	#yshc_actual{ display: none;}
	#yshc_actual_yd{ display: block; width: 100%; padding-bottom: 1rem;}
	#yshc_actual_yd ul li{ width: 94%; height: auto; margin:0 0 0.5rem 3%;}
	#yshc_actual_yd ul li img{ width: 100%; display: block;}
	
	.dtsj_course_01,.dtsj_course_02,.dtsj_course_03,.dtsj_course_04,.dtsj_course_05,.dtsj_course_06{ background: none; height: auto;}
	.dtsj_course_img{ display: block;}
	.dtsj_course_area_left{ width: 100%; float:none;}
	.dtsj_course_area_right{ width: 100%; float: none;}
	.dtsj_course_main_left{ width: 100%; margin-top: 1rem; float: none;}
	.dtsj_course_main_right{ width: 100%; margin-top: 1rem;  float: none;}
	
	.dtsj_course_content{width: 90%; padding:0 5%;}
	.dtsj_course_content h5{ font-size:1.4rem; color: #1a1a1a;}
	.dtsj_course_content p{ font-size: 1.0rem; color: #656565; line-height: 1.6rem; margin:0.5rem 0 1.0rem 0;}
	
	#dtsj_work{ width: 100%; margin: 0 auto 1rem;}
	#dtsj_work_sub{ float: none; width: 100%; margin:0;}
	#dtsj_work_sub h4{ float: left; width: 45%; margin-left: 2%; height: 3.2rem; line-height: 3.2rem; font-size: 1.2rem; margin-bottom: 1rem;}
	#dtsj_work_exp{ float: none; width: 96%; margin-left: 2%;}
	#dtsj_work_exp video{ width: 100%;}
	
	#dtsj_teacher{ padding-bottom: 1rem; background:#2e2a89;}
	#dtsj_teacher_main{ width: 100%; background: none;}
	#dtsj_teacher_exp{ width: 100%; padding-bottom: 0rem;}
	#dtsj_teacher_exp ul{ width: 100%;}
	#dtsj_teacher_exp ul li{ width: 100%; display: block;}
	#dtsj_teacher_exp ul li img{ width: 90%; display: block; float: none; padding: 0; margin: 0 auto; }
	.dtsj_teacher_area { float: none; width:88%; margin-left: 5%;}
	.dtsj_teacher_area h4{ font-size: 1.6rem; padding: 1rem 0 0.6rem;}
	.dtsj_teacher_area h5{ width: 70%; font-size: 1.2rem; line-height: 2.0rem;}
	.dtsj_teacher_area h6{ font-size: 1.2rem;}
	.dtsj_teacher_area p{ font-size: 1.0rem; line-height: 1.8rem; padding: 0.5rem 0 0.5rem 0; }
	#dtsj_teacher_sub{ display: none;}
	
	#dtsj_project{ width:100%;}
	.example{display:none;}
	#dtsj_project_yd{ width: 100%; display: block;}
	.dtsj_project_box{ width: 100%; background: #5542fa; margin-bottom: 1rem;}
	.dtsj_project_box_pic{ width: 100%; border: none; float: none;}
	.dtsj_project_box_text{ width: 100%; padding-bottom:2rem; float: none;}
	.dtsj_project_box_text h4{ font-size: 1.8rem; padding: 2rem 0 1.5rem 1rem;}
	.dtsj_project_box_text h4.dtsj_project_box_text_bg1{background: url(../images/dtsj_project_box_text_bg1.png) no-repeat 1.2rem 0.6rem;}
	.dtsj_project_box_text h4.dtsj_project_box_text_bg2{background: url(../images/dtsj_project_box_text_bg2.png) no-repeat 1.2rem 0.6rem;}
	.dtsj_project_box_text h4.dtsj_project_box_text_bg3{background: url(../images/dtsj_project_box_text_bg3.png) no-repeat 1.2rem 0.6rem;}
	.dtsj_project_box_text span{ margin:0 0 2rem 1rem;}
	.dtsj_project_box_text p{ font-size: 1.0rem; line-height: 1.8rem; padding:0 0 0 1rem;}
	
	#dtsj_circle_main{ width: 100%; height: auto;  margin-bottom: 1.4rem;}
	.example{ display: none;}
	#dtsj_circle_yd{ display: block; width: 100%;}
	
	.dtsj_circle_box{ width: 100%; background: none; padding-bottom: 1rem;}
	.dtsj_circle_box h4{ font-size: 1.2rem; color: #2b2b2b; padding: 0.5rem 0 1rem 1rem;}
	.dtsj_circle_box ol{ margin-top: 0;}
	.dtsj_circle_box ol li{ width: 96%; margin:0 0 0.5rem 2%;}
	.dtsj_circle_box ol li:nth-of-type(1){ display: none;}
	
	#dtsj_choice{ padding-bottom: 0.5rem;}
	#dtsj_choice_main{ width: 100%;}
	#dtsj_choice_main ul li{ width: 45%; height: 6rem; margin: 0 0 0.8rem 2%; padding: 0.8rem 1%; background-size: 40%;}
	#dtsj_choice_main ul li:nth-of-type(3n+1){ margin-left: 2%;}
	#dtsj_choice_main ul li h4{ font-size: 1.4rem;}
	#dtsj_choice_main ul li span{ margin: 0.6rem auto;}
	#dtsj_choice_main ul li p{ font-size: 0.9rem; line-height: 1.4rem; padding: 0 0.4rem;}
	
	#dtsj_record{ padding-bottom: 0.5rem;}
	#dtsj_record_main{ width: 100%;}
	#dtsj_record_main ul li{ width: 44%; padding: 0.3rem; margin:0 0 1rem 2%;}
	#dtsj_record_main ul li:nth-of-type(3n+1){ margin-left: 2%;}
	.dtsj_record_box>img{ width: 99%; }
	#dtsj_record_main ul li h4{ font-size: 1.0rem; padding:0.6rem 0 0.3rem;}
	.dtsj_record_mask img{ width: 25%;}
	
	#dtsj_place ul li{ width: 90%; float: left; margin-left: 5%; margin-bottom: 1%;}
	#dtsj_place ul li:nth-of-type(5n+1){ margin-left: 5%; display: none;}
	#dtsj_place ul li.dtsj_place_w1{ width: 90%;}
	#dtsj_place ul li.dtsj_place_w2{ width: 90%;}
	#dtsj_place ul li:nth-of-type(6){ clear: none;}
	
	#dtsj_coope{ width: 100%; margin-bottom: 0.6rem;}
	#dtsj_coope ul li{ width:46%; float: left;  margin-left: 2.5%; padding-bottom: 0.5rem;}
	#dtsj_coope ul li:nth-of-type(6n+1){ margin-left: 2.5%;}
	#dtsj_coope ul li h4{ font-size: 0.9rem; line-height: 1.8rem;}
	
	#dtsj_end{ margin-top: 1rem; padding:2.6rem 0;}
	#dtsj_end_main{ width: 100%; }
	#dtsj_end p{ font-size: 1.8rem; margin:0.2rem 0 0 2rem;}
	#dtsj_end a{ width: 60%; height:3rem;  margin: 1.4rem 0 1rem 2rem ; line-height:3rem; font-size:1.6rem;}
	
}