@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*/
#yshv_banner_pc{ width: 100%; background:url(../images/yshv_banner_bg.jpg) no-repeat; text-align: center; padding: 100px 0;}
#yshv_banner_yd{ width: 100%; display: none;}
#yshv_banner_yd img{ width: 100%;}
/*bannerOver*/

/*title*/
.yshv_title{width: 1220px; margin: 0 auto; text-align: center;}
.yshv_title h3{ font-size: 50px; padding-top: 60px; color: #353535;}
.yshv_title h4{ font-size: 24px; font-weight: normal; margin: 12px 0 40px; line-height: 36px; color: #6a6969;}
/*titleOver*/

/*data*/
#yshv_data{ width: 1220px; margin: 0 auto;}
#yshv_data img{ display: block; float: left}
/*data*/

/*study*/
#yshv_study{ width: 100%; background-color: #fafafa; padding: 50px 0;}
#yshv_study_main{ width: 1220px; margin: 0 auto;}
#yshv_study_main ul li{ width: 290px; float: left; background-color: #fff; border-radius: 50px; text-align: center; padding: 30px 0 38px; margin-left: 20px;}
#yshv_study_main ul li:nth-of-type(1){ margin-left: 0;}
#yshv_study_main ul li h5{ font-size: 28px; color: #353535; padding: 30px 0 25px;}
#yshv_study_main ul li p{ font-size: 18px; color: #6c6c6c; line-height: 36px;}
#yshv_study_main ul li:hover{ box-shadow: 0 0 30px #dadada;}
#yshv_study_main a,#yshv_process a,#yshv_operate_main a,#yshv_trial a{ display: block; width: 400px; height: 68px; background-color: #ff4848; font-size: 32px; line-height:68px; color:#fff; border-radius: 50px;  text-align: center; margin: 60px auto 30px;}
/*studyOver*/

/*process*/
#yshv_process{ width: 1220px;  margin: 0 auto; padding-bottom: 50px;}
#yshv_process ul li{ float: left; width: 280px; height: 200px; border-radius: 30px; margin :0 0 30px 33px; overflow: hidden;}
#yshv_process ul li img{ display: block; border-radius: 30px; transition:0.6s;}
#yshv_process ul li:nth-of-type(4n+1){ margin-left: 0;}
#yshv_process ul li h5{ color: #fff; font-size: 30px; text-align: center; margin-top: -145px;   position: relative; }
#yshv_process ul li:hover img{ transform: scale(1.2);}
/*processOver*/

/*operate*/
#yshv_operate{ width: 100%; background: url(../images/yshv_banner_bg.jpg) no-repeat; padding-bottom: 50px;}
#yshv_operate_main{ width: 1220px; margin: 0 auto; text-align: center;}
#yshv_operate_main h3{ font-size: 50px; padding-top: 60px; color: #fff;}
#yshv_operate_main h4{ font-size: 24px; font-weight: normal; margin: 12px 210px; line-height: 36px; margin-bottom: 40px; color: #fff;}
#yshv_operate_main ul li{ float: left; width: 293px; margin-left: 16px; background-color: #fff; border-radius: 10px;}
#yshv_operate_main ul li:nth-of-type(1){ margin-left: 0;}
#yshv_operate_main ul li h5{ font-size: 26px; color: #494949; padding: 30px 0 25px;}
#yshv_operate_main ul li span{ display: block; width: 90px; height: 3px; background-color: #ff0000; margin: 0 auto;}
#yshv_operate_main ul li p{ font-size: 20px; color: #494949; line-height: 30px; padding: 26px 30px;}
/*operateOver*/

/*vision*/
#yshv_vision{width: 1220px; margin: 50px auto; background-color: #000;}
#yshv_vision video{ width: 1220px; height: 650px; display: block;}
/*visionOver*/ 

/*course*/
#yshv_course{ width: 100%; padding-bottom: 60px; background: #fafafa;}
.yshv_course_main{ width: 1220px; margin: 0 auto; padding-top: 50px;}
.yshv_course_main_left{ width: 350px; float: left; background: #5452fe;}
.yshv_course_main_left h5{ font-size: 24px; color: #fff; text-align: center; line-height: 40px;}
.yshv_course_main_right{ width: 790px; float: left; margin-left: 20px; background: #fff; padding: 30px;}
.yshv_course_main_left.h1{ height: 330px;}
.yshv_course_main_right.h1{ height: 510px;}
.yshv_course_main_left.h2{ height:300px;}
.yshv_course_main_right.h2{ height: 440px;}
.yshv_course_main_left.pad1{ padding-top:240px}
.yshv_course_main_left.pad2{ padding-top:200px}
.yshv_course_main_right p{ font-size: 18px; line-height: 36px; color: #353535;}

/*courseOver*/ 

#yshv_works{ width: 1220px; margin: 0 auto;}
#yshv_works_sub{ width: 358px; float: left; margin-right: 30px;}
#yshv_works_sub h4{ height: 94px; background-color: #f8f8f8; margin-top: 30px; font-size: 24px; font-weight: normal; text-align: center; line-height: 94px;}
#yshv_works_sub h4:nth-of-type(1){ margin-top: 0;}
#yshv_works_sub .yshv_works_bg{ background-color: #ff6565; color: #fff;}
#yshv_works_exp{ width: 832px; float: left;}
#yshv_works_exp video{ width: 832px; height: 468px; display: none;}

/*teacher*/
#yshv_teacher{ width: 100%; background-color: #1d1127; }
#yshv_teacher_main{ width: 1220px; margin: 0 auto; padding: 50px 0;} 
#yshv_teacher_main ul li{width:600px; float:left; background-color:#fff; margin-left:20px; margin-bottom:20px;}
#yshv_teacher_main ul li:nth-of-type(2n+1){ margin-left:0;}
#yshv_teacher_main ul li img{ float:left; display:block; margin:50px 28px 46px 18px;}
#yshv_teacher_main ul li h4{ font-size:36px; color:#393a4c; margin-top:50px;}
#yshv_teacher_main ul li p{ font-size:15px; color:#3535353; margin-top:30px; line-height:30px; padding-right:20px;}
/*teacherOver*/ 

/*envir*/
#yshv_problem{ width: 1220px; margin: 0 auto;}
#yshv_problem ul li{float: left; width: 295px; height: 210px; background: url(../images/yshv_problem_bg.jpg) no-repeat; border-radius: 20px; color: #fff; text-align: center; margin-left: 13px; margin-top: 35px; }
#yshv_problem ul li:nth-of-type(4n+1){ margin-left: 0;}
#yshv_problem ul li h5{ font-size: 28px; margin: 40px 0 30px; font-weight: normal;}
#yshv_problem ul li h5 span{ font-size: 40px; font-weight:700;}
#yshv_problem ul li a{display: block; width: 192px; height: 48px; line-height: 48px; color: #fff; border: 1px solid #fff; border-radius: 50px; font-size: 24px; margin: 0 auto;}
/*envirOver*/

/*trial*/
#yshv_trial{ width: 100%; background: url(../images/yshv_trial_bg.jpg) top center no-repeat; margin-top: 30px; text-align: center; color: #fff; padding-bottom: 80px;}
#yshv_trial h5{ font-size: 68px; padding:60px 0 20px;}
#yshv_trial p{ font-size: 30px; font-weight: normal; line-height: 50px;  }
#yshv_trial a{  margin: 50px auto; }
/*trialOver*/

div.indexmaindiv{margin:0px auto;width:1220px;}
div.indexmaindiv1{margin-top:25px; position: relative;}
div.indexmaindiv1 div.stylesgoleft{float:left;width:21px;height:28px;background:url('../images/arrowhead.png') no-repeat left top;margin:300px 5px 0px 0px;cursor:pointer; position: absolute; left: -50px;}
div.indexmaindiv1 div.stylesgoleft:hover{float:left;width:21px;height:28px;background:url('../images/arrowhead.png') no-repeat left -28px;margin:300px 5px 0px 0px;cursor:pointer;}
div.indexmaindiv1 div.playerdetail{width:290px; }
div.indexmaindiv1 div.playerdetail div.detailimg{width:290px; }
div.indexmaindiv1 div.playerdetail div.detailimg img{width:290px;}


div.indexmaindiv1 div.stylesgoright{float:left;width:21px;height:28px;background:url('../images/arrowhead.png') no-repeat left -56px;margin:300px 0px 0px 15px;cursor:pointer; position: absolute; right: -50px;}
div.indexmaindiv1 div.stylesgoright:hover{float:left;width:21px;height:28px;background:url('../images/arrowhead.png') no-repeat left -84px;margin:300px 0px 0px 15px;cursor:pointer; }
/*滚动*/
div.maindiv1{float:left;width:1220px; height: 609px; overflow:hidden;position:relative;}
div.maindiv1 ul{position:absolute;left:0;top:0;}
div.maindiv1 ul li{float:left;width:290px;margin-left:20px;}
div.maindiv1 ul li:nth-of-type(1){ margin-left: 0;}

#uxd_shot_yd{ width: 100%; display: none;}
#uxd_shot_yd img{ display: block; width: 90%; margin-left: 5%; margin-bottom: 1rem;}


/*spance*/
#yshq_spance{ width: 100%; overflow: hidden;}
#yshq_spance ul li{ float: left; height:auto; margin-left: 0.5%; margin-bottom: 0.5%;}
#yshq_spance ul li:nth-of-type(5n+1){ margin-left: 0;}
#yshq_spance ul li.yshq_spance_width1{ width: 21.6%;}
#yshq_spance ul li.yshq_spance_width2{ width: 18.25%;}
#yshq_spance ul li:nth-of-type(6){ clear: both;}
#yshq_spance ul li img{ width: 100%; display: block;}
/*spanceOver*/

/*expert*/
#yshc_expert{ width: 1220px; margin: 0 auto 50px; }
#yshc_expert ul li{ float: left; margin-left: 12px;}
#yshc_expert ul li:nth-of-type(1){ margin-left: 0;}
#yshc_expert ul li img{ display: block; width: 100%;}
/*expertOver*/


@media only screen and (min-width: 768px) and (max-width: 1024px){
	#yshv_banner_pc{ display: none;}
	#yshv_banner_yd{ display: block;}
	
	.yshv_title{ width: 100%;}
	
	#yshv_data{ width: 100%;}
	#yshv_data img{ width: 50%;}
	
	#yshv_study{ padding: 2rem 0;}
	#yshv_study_main{ width: 100%;}
	#yshv_study_main ul li{ width: 47%; margin-left: 2%; margin-top: 0.8rem;}
	#yshv_study_main ul li:nth-of-type(1){ margin-left: 2%;}
	
	#yshv_process{ width: 100%;}
	#yshv_process ul li{ width: 47%; height: 16rem; margin :0 0 1rem 2%;}
	#yshv_process ul li img{ width: 100%;}
	#yshv_process ul li:nth-of-type(4n+1){ margin-left: 2%;}
	#yshv_process ul li h5{ font-size: 2.0rem; margin-top: -11rem; }
	
	#yshv_operate_main{ width: 100%;}
	#yshv_operate_main ul li{ width: 47%; height: 12rem; margin-left: 2%; margin-bottom: 1rem;}
	#yshv_operate_main ul li:nth-of-type(1){ margin-left: 2%;}
	
	#yshv_vision{ width: 100%; margin: 2rem auto;}
	#yshv_vision video{ width: 100%; height: auto;}
	
	#yshv_course{padding-bottom: 1.0rem; }
	.yshv_course_main{ width: 100%; padding-top: 1.4rem;}
	.yshv_course_main_left{ width: 100%; float: none;}
	.yshv_course_main_right{ width: 96%; float: none; margin-left:0; padding:1rem 2%;}
	.yshv_course_main_left.h1{ height: auto;}
	.yshv_course_main_right.h1{ height: auto;}
	.yshv_course_main_left.pad1{ padding-top:0;}
	.yshv_course_main_left.h2{ height:auto;}
	.yshv_course_main_left.pad2{ padding-top:0}
	.yshv_course_main_right.h2{ height: auto;}
	
	#yshv_works{ width: 100%;}
	#yshv_works_sub{ width: 100%; float: none;}
	#yshv_works_sub h4{ height: auto;}
	#yshv_works_exp{ float: none; width: 100%;}
	#yshv_works_exp video{ width: 100%; height: auto;}
	#yshv_works_sub h4{ width: 25%; float: left; margin-top: 1rem;}
	#yshv_works_sub h4:nth-of-type(1){ margin-top: 1rem;}
	
	#yshv_teacher_main{ width: 100%; padding: 1.6rem 0;}
	#yshv_teacher_main ul li{ width: 47%; margin-left: 2%;}
	#yshv_teacher_main ul li:nth-of-type(2n+1){ margin-left:2%;}
	#yshv_teacher_main ul li img{ float: none; margin:2rem 3rem 1rem;}
	#yshv_teacher_main ul li h4{ font-size: 1.6rem; margin:0 0 0 3rem;}
	#yshv_teacher_main ul li p{ font-size: 1.2rem; margin: 1rem; padding-right:0;}
	
	#yshv_problem{ width: 100%;}
	#yshv_problem ul li{ width: 38%; height: 11rem; margin-left: 8%; margin-top: 2%;}
	#yshv_problem ul li:nth-of-type(4n+1){ margin-left: 8%;}
	#yshv_problem ul li h5{ font-size: 1.4rem; margin: 1.6rem 0;}
	#yshv_problem ul li h5 span{ font-size: 2.0rem;}
	#yshv_problem ul li a{ width: 70%; height: 2.8rem; line-height: 2.8rem; font-size: 1.4rem;}
	
	#uxd_shot{ width: 100%;}
	.indexmaindiv{ display: none;}
	#uxd_shot_yd{ display: block;}
	
	#yshq_spance ul li{ width: 47%; height: 12rem; overflow: hidden; float: left; margin-left: 2%; margin-bottom: 1%;}
	#yshq_spance ul li:nth-of-type(5n+1){ margin-left: 2%;}
	#yshq_spance ul li.yshq_spance_width1{ width: 47%;}
	#yshq_spance ul li.yshq_spance_width2{ width: 47%;}
	#yshq_spance ul li:nth-of-type(6){ clear: none;}
	#yshq_spance ul li:nth-last-of-type(1){ display:none;}
	
	#yshc_expert{ width: 100%; margin: 0 auto 0.5rem;}
	#yshc_expert ul li{ width: 47%; float: left; margin:0 0 1rem 2%;}
	#yshc_expert ul li:nth-of-type(1){ margin-left: 2%;}
	
}
@media only screen and (min-width: 320px) and (max-width: 767px){
	#yshv_banner_pc{ display: none;}
	#yshv_banner_yd{ display: block;}
	
	.yshv_title{ width: 100%;}
	.yshv_title h3{ font-size: 1.2rem; padding-top: 0.8em;}
	.yshv_title h4{ font-size: 1.0rem; margin: 0.6rem 0 1.0rem; line-height: 1.4rem;}
	
	#yshv_data,#yshv_data img{ width: 100%;}
	
	#yshv_study{ padding: 1rem 0;}
	#yshv_study_main{ width: 100%;}
	#yshv_study_main ul li{ width: 47%; margin-left: 2%; border-radius: 30px; padding: 1rem 0 1.2rem; margin-bottom: 0.5rem;}
	#yshv_study_main ul li:nth-of-type(1){ margin-left: 2%;}
	#yshv_study_main ul li h5{ font-size: 1.0rem; padding: 1.0rem 0 0.5rem;}
	#yshv_study_main ul li p{ font-size: 0.9rem; line-height: 1.3rem;}
	#yshv_study_main a,#yshv_process a,#yshv_operate_main a,#yshv_trial a{ width: 70%; height: 2.6rem; line-height: 2.6rem; font-size: 1.2rem; margin: 1.4rem auto 1.0rem;}
	
	#yshv_process{ width: 100%;}
	#yshv_process ul li{ width: 47%; height: 10rem; margin :0 0 0.5rem 2%;}
	#yshv_process ul li:nth-of-type(4n+1){ margin-left: 2%;}
	#yshv_process ul li h5{ font-size: 1.4rem; margin-top: -10rem; }
	
	#yshv_operate{ padding-bottom: 2rem;}
	#yshv_operate_main{ width: 100%;}
	#yshv_operate_main h3{ font-size: 1.2rem; padding-top: 0.8em;}
	#yshv_operate_main h4{ font-size: 1.0rem; margin: 0.6rem 0 1.0rem; line-height: 1.4rem;}
	#yshv_operate_main ul li{ width: 47%; height: 9rem; margin-left: 2%; margin-bottom: 1rem;}
	#yshv_operate_main ul li:nth-of-type(1){ margin-left: 2%;}
	#yshv_operate_main ul li h5{ font-size: 1.2rem;  padding: 1rem 0 0.8rem;}
	#yshv_operate_main ul li span{ display: block; width:40%; height: 0.1rem; }
	#yshv_operate_main ul li p{ font-size: 0.9rem; line-height: 1.4rem; padding: 0.8rem 0.6rem;}
	
	#yshv_vision{ width: 100%; margin: 1rem auto;}
	#yshv_vision video{ width: 100%; height: auto;}
	
	#yshv_course{padding-bottom: 1.0rem; }
	.yshv_course_main{ width: 100%; padding-top: 1.4rem;}
	.yshv_course_main_left{ width: 100%; float: none;}
	.yshv_course_main_left h5{font-size: 1.2rem;}
	.yshv_course_main_right{ width: 90%; float: none; margin-left:0; padding:1rem;}
	.yshv_course_main_right p{font-size: 0.9rem; line-height: 1.3rem;}
	.yshv_course_main_left.h1{ height: auto;}
	.yshv_course_main_right.h1{ height: auto;}
	.yshv_course_main_left.pad1{ padding-top:0;}
	.yshv_course_main_left.h2{ height:auto;}
	.yshv_course_main_left.pad2{ padding-top:0}
	.yshv_course_main_right.h2{ height: auto;}
	
	#yshv_works{ width: 100%;}
	#yshv_works_sub{ width: 100%; float: none;}
	#yshv_works_sub h4{ height: 2.2rem; line-height: 2.2rem; font-size: 1.0rem;}
	#yshv_works_exp{ float: none; width: 100%;}
	#yshv_works_exp video{ width: 100%; height: auto;}
	#yshv_works_sub h4{ width: 25%; float: left; margin-top: 1rem;}
	#yshv_works_sub h4:nth-of-type(1){ margin-top: 1rem;}

	
	#yshv_teacher_main{ width: 100%; padding:1rem 0;}
	#yshv_teacher_main ul li{ width: 94%; margin-left: 3%;}
	#yshv_teacher_main ul li:nth-of-type(2n+1){ margin-left:3%;}
	#yshv_teacher_main ul li img{ float: none; margin:1rem;}
	#yshv_teacher_main ul li h4{ font-size: 1.2rem; margin:0 0 0 1rem;}
	#yshv_teacher_main ul li p{ font-size: 0.9rem; margin: 0.6rem 1rem; padding-right:0; line-height:1.4rem;}
	
	#yshv_problem{ width: 100%;}
	#yshv_problem ul li{ width: 47%; height: 8rem; margin-left: 2%; margin-top: 2%;}
	#yshv_problem ul li:nth-of-type(4n+1){ margin-left: 2%;}
	#yshv_problem ul li h5{ font-size: 1.0rem; margin: 1.2rem 0;}
	#yshv_problem ul li h5 span{ font-size: 1.2rem;}
	#yshv_problem ul li a{ width: 80%; height: 2.2rem; line-height: 2.2rem;  font-size: 1.2rem;}
	
	#yshv_trial{ margin-top: 1.0rem; padding-bottom: 1.0rem;}
	#yshv_trial h5{ font-size: 2.0rem; padding:2.0rem 0 1.0rem;}
	#yshv_trial p{ font-size: 1.2rem; line-height: 2.0rem;  }
	#yshv_trial a{  margin: 2.0rem auto; }
	
	#uxd_shot{ width: 100%;}
	.indexmaindiv{ display: none;}
	#uxd_shot_yd{ display: block;}
	
	#yshq_spance ul li{ width: 90%; float: left; margin-left: 5%; margin-bottom: 1%;}
	#yshq_spance ul li:nth-of-type(5n+1){ margin-left: 5%;}
	#yshq_spance ul li.yshq_spance_width1{ width: 90%;}
	#yshq_spance ul li.yshq_spance_width2{ width: 90%;}
	#yshq_spance ul li:nth-of-type(6){ clear: none;}
	
	#yshc_expert{ width: 100%; margin: 0 auto;}
	#yshc_expert ul li{ width: 90%; float: left; margin:0 0 0.5rem 5%;}
	#yshc_expert ul li:nth-of-type(1){ margin-left: 5%;}

	
}