@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;}


#jyfw_banner{ width: 100%;}
#jyfw_banner_pc{ width: 100%; background:url(../images/jyfw_banner_bg.jpg) no-repeat top;}
#jyfw_banner_pc img{ display: block; margin: 0 auto;}
#jyfw_banner_yd{display: none;}
#jyfw_banner_yd img{ width: 100%;}

.jyfw_title{ width: 1220px; margin: 0 auto; text-align: center; padding-bottom: 50px;}
.jyfw_title h2{ font-size: 48px; color: #333333; padding: 40px 0 15px;}
.jyfw_title h3{ font-size: 24px; color: #808080; font-weight: normal; }
.jyfw_title h3 span{ background:url(../images/jyfw_title_bg.png) no-repeat left bottom; padding:0 0 8px 15px;}
.jyfw_title p{ font-size: 18px; color: #5c5c5c; text-align: center; padding: 30px 200px 0; line-height: 36px;}
.jyfw_title .jyfw_title_color{ color: #fff;}

#jyfw_fast{ width: 1220px; margin: 0 auto;}
#jyfw_fast ul li{ float: left; margin-left: 16px; position: relative; overflow: hidden;}
#jyfw_fast ul li:nth-of-type(1){ margin-left: 0;}
#jyfw_fast ul li img{ display: block; width: 100%;}
.jyfw_fast_area{ width: 100%; background-image: linear-gradient(to bottom, rgba(0,0,0,0),rgba(0,0,0,80)); position: absolute; left: 0; bottom: 0; color: #fff;}
.jyfw_fast_area h4{ font-size: 24px; padding:0 0 5px 20px;}
.jyfw_fast_area p{ font-size: 18px; padding:0 0 12px 20px;}
#jyfw_fast a,#jyfw_before a,#jyfw_recruit a,#jyfw_return_main a,#jyfw_offer a{ display: block; width: 296px; height: 68px; line-height: 68px; background-image: linear-gradient(to right, #e516f5,#2b47d9); margin: 50px auto 20px; text-align: center; font-size: 24px; color: #fff; border-radius: 50px; border: 1px solid #56c4e7;}

#jyfw_service{ width: 1220px; margin: 0 auto 50px;}
#jyfw_service ul li{ float: left; margin-left: 16px;}
#jyfw_service ul li:nth-of-type(1){ margin-left: 0;}
#jyfw_service ul li img{ width: 100%; display: block;}
#jyfw_service ul li h4{ width: 100%; height: 58px; line-height: 58px; text-align: center; font-size: 20px; color: #3d3d3d; box-shadow: 3px 10px 20px #f2f2f2;}

#jyfw_coach{ width: 100%; background: #f5f5f5; padding-bottom: 50px;}
#jyfw_coach_main{ width: 1220px; margin: 0 auto;}
#jyfw_coach_main ul li{ width: 396px; float: left; margin-left: 16px;}
#jyfw_coach_main ul li:nth-of-type(1){ margin-left: 0;}
#jyfw_coach_main ul li img{ display: block; width: 100%;}
.jyfw_coach_area{ width: 100%; background: #fff; text-align: center; padding: 20px 0;}
.jyfw_coach_area h4{ font-size: 24px; color: #3d3d3d;}
.jyfw_coach_area p{ font-size: 18px; color: #909090; line-height: 30px; padding: 10px 40px;}

#jyfw_before{ width: 1220px; margin: 0 auto;}
#jyfw_before_exp{ width: 640px; float: left; }
#jyfw_before_exp ul li{ display: none; position: relative;}
#jyfw_before_exp img{ display: block;}
.jyfw_before_area{ width: 100%; position: absolute; left: 0; bottom: 0; background-image: linear-gradient(to bottom, rgba(0,0,0,0),rgba(0,0,0,80)); color: #fff;}
.jyfw_before_area h4{ font-size: 24px; padding: 0 0 10px 20px;}
.jyfw_before_area p{ font-size: 18px; padding: 0 10px 20px 20px;}

#jyfw_before_region{ width: 560px; float: left; margin-left: 20px;}
#jyfw_before_region p{ font-size: 18px; color: #333333; line-height: 32px; padding-bottom: 15px;}
#jyfw_before_sub{ padding-top: 20px; }
#jyfw_before_sub ul li{ width: 176px; float: left; margin:0 0 20px 16px; position: relative; overflow: hidden;}
#jyfw_before_sub ul li:nth-of-type(3n+1){ margin-left: 0;}
#jyfw_before_sub ul li img{ width: 100%; display: block;}
#jyfw_before_sub h4{ width: 100%;  background: rgba(0,0,0,0.6); position: absolute; top: 0; left: 0; font-size: 18px; color: #fff; text-align: center; padding: 52px 0;}

#jyfw_recruit{ width: 1220px; margin: 0 auto;}
#jyfw_recruit ul li{ width: 600px; float: left;}
#jyfw_recruit ul li:nth-of-type(2){ margin-left: 20px;}
#jyfw_recruit ul li img{ display: block; width: 100%;}
.jyfw_recruit_box{ width: 100%; background: #fff; box-shadow: 3px 10px 20px #f2f2f2; text-align: center; padding: 20px 0 30px;}
.jyfw_recruit_box h4{ font-size: 28px; color: #3d3d3d;}
.jyfw_recruit_box p{ font-size: 18px; color: #808080; line-height: 34px; padding: 10px 30px 0;}

#jyfw_return{ width: 100%; background:#ca546c url(../images/jyfw_return_bg.jpg) no-repeat top; padding-bottom: 50px; margin-top: 50px;}
#jyfw_return_main{ width: 100%;}
#jyfw_return_pic{ width: 57%; float: left; text-align: right;}
#jyfw_return_pic img{ display: inline-block; margin-left: 10px;}
#jyfw_return_text{ width: 43%; float: left;}
#jyfw_return_text img{ display: inline-block; padding:0 0 20px 20px;}
#jyfw_return_text p{ width: 460px; text-align: left; color: #fff; font-size: 18px; line-height: 36px; padding-left: 20px;}


#jyfw_company{ width: 100%; background: #f5f5f5;}
#jyfw_company_main{ width: 1220px; margin: 0 auto;}
#jyfw_company_xz{ width: 1220px; padding-bottom: 50px;}
#jyfw_company_xz ul li{ float: left; position: relative; margin-left: 16px;}
#jyfw_company_xz ul li:nth-of-type(1){ margin-left: 0;}
#jyfw_company_xz ul li img{ display: block; width: 100%;}
#jyfw_company_xz ul li h4{ width: 100%; height: 48px; line-height: 48px; background: rgba(0,0,0,0.7); color: #fff; position: absolute; left: 0; bottom: 0; font-size: 18px; text-align: center; font-weight: normal;}

#jyfw_company_qy{ width: 1220px; 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;}


#jyfw_notice{ width: 100%; background:url(../images/jyfw_notice_bg.jpg) no-repeat top;}
#jyfw_notice_main{ width: 1220px; margin: 0 auto;}

#jyfw_offer{ width: 1220px; margin: 0 auto 50px;}
#jyfw_offer ul li{ float: left; width: 299px; background: #4553ec; border-radius: 15px; margin:0 0 10px 8px; color: #fff;}
#jyfw_offer ul li:nth-of-type(4n+1){ margin-left: 0;}
#jyfw_offer ul li img{ border-radius: 15px; padding: 7px;}
#jyfw_offer h4{ font-size: 28px; padding:20px 0 10px 20px;}
#jyfw_offer h4 span{ font-size: 24px; font-weight: normal;}
#jyfw_offer h5{ font-size: 24px; font-weight: normal;  padding:0 0 10px 20px;}

#jyfw_student{ width: 100%; background: #f5f5f5; padding-bottom: 30px;}
#jyfw_student_main{ width: 1220px; margin: 0 auto;}
#jyfw_student_main ul li{ float: left; background: #fff; border-radius: 15px; padding: 8px; margin:0 0 20px 16px;}
#jyfw_student_main ul li:nth-of-type(4n+1){ margin-left: 0;}
#jyfw_student_main ul li img{ display: block; width: 100%; border-radius: 15px;}
#jyfw_student_main ul li h4{ font-size: 20px; color: #000; margin-left: 10px; line-height: 46px;}
#jyfw_student_main ul li h4 span{ font-size: 18px; display: inline-block; margin-left: 10px; font-weight: normal;}

#jyfw_end{ width: 100%; background:url(../images/jyfw_end_bg.jpg) no-repeat top; padding: 100px 0 200px;}
#jyfw_end_main{ width: 1220px; margin: 0 auto;}
#jyfw_end_main p{ font-size: 50px; color: #fff; padding: 15px 0 0 50px; font-weight: 900;}
#jyfw_end_main a { display: block; width: 296px; height: 66px; line-height: 66px; color: #fff; font-size: 24px; background-image: linear-gradient(to right, #e516f5,#2b47d9); border-radius: 50px; margin: 50px 0 0 60px; text-align: center;}


@media only screen and (min-width: 768px) and (max-width: 1024px){
	
	#jyfw_banner_pc{ display: none;}
	#jyfw_banner_yd{ display: block;}
	
	.jyfw_title{ width: 100%; padding-bottom: 2.2rem;}
	.jyfw_title h2{ font-size: 2.4rem; padding: 2.0rem 0 0.5rem;}
	.jyfw_title h3{ font-size: 1.6rem;}
	.jyfw_title h3 span{ padding:0 0 0.4rem 1rem;}
	.jyfw_title p{ font-size: 1.6rem; padding: 1rem 2rem 0; line-height: 2.4rem;}
	
	#jyfw_fast{ width: 100%;}
	#jyfw_fast ul li{ width: 47%; margin:0 0 1rem 2%;}
	#jyfw_fast ul li:nth-of-type(1){ margin-left: 2%;}
	.jyfw_fast_area h4{ font-size: 2.0rem; padding:0 0 0.4rem 1.6rem;}
	.jyfw_fast_area p{ font-size: 1.4rem; padding:0 0 1.0rem 1.6rem;}
	#jyfw_fast a,#jyfw_before a,#jyfw_recruit a,#jyfw_return_main a,#jyfw_offer a{ width: 18rem; height: 4rem; line-height: 4rem; margin: 2.5rem auto 1rem;  font-size: 1.6rem;}
	
	#jyfw_service{ width: 100%; margin: 0 auto 2rem;}
	#jyfw_service ul li{ width: 47%; margin:0 0 1rem 2%;}
	#jyfw_service ul li:nth-of-type(1){ margin-left: 2%;}
	#jyfw_service ul li h4{ height: 4.0rem; line-height: 4.0rem; font-size: 1.6rem;}
	
	#jyfw_coach{ padding-bottom: 2rem;}
	#jyfw_coach_main{ width: 100%;}
	#jyfw_coach_main ul li{ width: 32%; margin-left: 1%;}
	#jyfw_coach_main ul li:nth-of-type(1){ margin-left: 1%;}
	.jyfw_coach_area{padding: 1rem 0;}
	.jyfw_coach_area h4{ font-size: 1.6rem; }
	.jyfw_coach_area p{ font-size: 1.2rem; line-height: 2.0rem; padding: 0.5rem 1rem;}
	
	#jyfw_before{ width: 100%;}
	#jyfw_before_exp{ width: 100%; float: left; position: relative;}
	#jyfw_before_exp ul li{ display: block; margin-bottom: 0.8rem;}
	#jyfw_before_exp img{ display: block; width: 100%;}
	.jyfw_before_area h4{ font-size:1.8rem; padding: 0 0 0.6rem 2rem;}
	.jyfw_before_area p{ font-size: 1.2rem; padding: 0 1rem 1.6rem 2rem;}

	#jyfw_before_region{ display: none;}
	
	#jyfw_recruit{ width: 100%;}
	#jyfw_recruit ul li{ width: 47%; margin-left:2%;}
	#jyfw_recruit ul li:nth-of-type(2){ margin-left:2%;}
	.jyfw_recruit_box{ padding: 1rem 0;}
	.jyfw_recruit_box h4{ font-size: 1.6rem}
	.jyfw_recruit_box p{ font-size: 1.2rem; line-height: 2.0rem; padding: 0.5rem 1rem 0;}
	
	#jyfw_return{ padding-bottom: 2rem; margin-top: 2rem;}
	#jyfw_return_pic{ width: 100%; float: none; text-align: center;}
	#jyfw_return_pic img{ display: block;  width: 90%; margin-left: 5%;}
	#jyfw_return_text{ width: 100%; float: none;}
	#jyfw_return_pic img:nth-of-type(2),#jyfw_return_text img{display: none;}
	#jyfw_return_text p{ width: 90%; font-size: 1.4rem; line-height: 2.4rem; padding:1rem 0 0 5%;}
	
	#jyfw_company_main{ width: 100%;}
	#jyfw_company_xz{ width: 100%; padding-bottom: 1rem;}
	#jyfw_company_xz ul li{ width: 47%; margin:0 0 1rem 2%;}
	#jyfw_company_xz ul li:nth-of-type(1){ margin-left: 2%;}
	#jyfw_company_xz ul li h4{ height: 3.6rem; line-height: 3.6rem; font-size: 1.4rem; }
	
	#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;}
	
	#jyfw_notice_main,#jyfw_notice_main img{ width: 100%;}
	
	#jyfw_offer{ width: 100%;}
	#jyfw_offer ul li{ width: 47%; margin-left: 2%}
	#jyfw_offer ul li:nth-of-type(4n+1){ margin-left: 2%;}
	#jyfw_offer ul li img{ width: 96%; padding: 2%;}
	#jyfw_offer h4{ font-size: 1.6rem; padding:1rem 0 0.5rem 1.6rem;}
	#jyfw_offer h4 span{ font-size: 1.4rem; }
	#jyfw_offer h5{ font-size: 1.4rem; padding:0 0 0.5rem 1.6rem;}
	
	#jyfw_student{padding-bottom: 1.5rem;}
	#jyfw_student_main{ width: 100%;}
	#jyfw_student_main ul li{ width: 43%; padding: 2%; margin:0 0 1rem 2%;}
	#jyfw_student_main ul li:nth-of-type(4n+1){ margin-left: 2%;}
	#jyfw_student_main ul li h4{ font-size: 1.4rem; margin-left: 1rem; line-height: 2.4rem;}
	#jyfw_student_main ul li h4 span{ font-size: 1.2rem; margin-left: 1rem;}
	
	#jyfw_end{ width: 100%; padding: 7rem 0 8rem;}
	#jyfw_end_main{ width: 100%;}
	#jyfw_end_main p{ font-size: 2.8rem; padding: 1.5rem 0 0 6rem; }
	#jyfw_end_main a { width: 18rem; height: 4rem; line-height: 4rem; margin: 2.5rem 0 1rem 6rem; font-size: 1.6rem;}
}

@media only screen and (min-width: 320px) and (max-width: 767px){
	
	#jyfw_banner_pc{ display: none;}
	#jyfw_banner_yd{ display: block;}
	
	.jyfw_title{ width: 100%; padding-bottom: 1.2rem;}
	.jyfw_title h2{ font-size: 1.4rem; padding: 0.8rem 0 0.3rem;}
	.jyfw_title h3{ font-size: 1.0rem;}
	.jyfw_title h3 span{ padding:0 0 0.4rem 1rem;}
	.jyfw_title p{ font-size: 1.0rem; padding: 1rem 1rem 0; line-height: 1.8rem;}
	
	#jyfw_fast{ width: 100%;}
	#jyfw_fast ul li{ width: 47%; margin:0 0 0.5rem 2%;}
	#jyfw_fast ul li:nth-of-type(1){ margin-left: 2%;}
	.jyfw_fast_area h4{ font-size: 1.2rem; padding:0 0 0.2rem 0.6rem;}
	.jyfw_fast_area p{ font-size: 0.9rem; padding:0 0 0.6rem 0.6rem;}
	#jyfw_fast a,#jyfw_before a,#jyfw_recruit a,#jyfw_return_main a,#jyfw_offer a{ width: 10rem; height: 2.4rem; line-height: 2.4rem; margin: 1.5rem auto 1rem;  font-size: 1.0rem;}
	
	#jyfw_service{ width: 100%; margin: 0 auto 1rem;}
	#jyfw_service ul li{ width: 47%; margin:0 0 0.5rem 2%;}
	#jyfw_service ul li:nth-of-type(1){ margin-left: 2%;}
	#jyfw_service ul li h4{ height: 2.4rem; line-height: 2.4rem; font-size: 1.0rem;}
	
	#jyfw_coach{ padding-bottom: 1rem;}
	#jyfw_coach_main{ width: 100%;}
	#jyfw_coach_main ul li{ width: 80%; margin:0 0 0.6rem 10%;}
	#jyfw_coach_main ul li:nth-of-type(1){ margin-left: 10%;}
	.jyfw_coach_area{padding: 0.6rem 0;}
	.jyfw_coach_area h4{ font-size: 1.2rem; }
	.jyfw_coach_area p{ font-size: 1.0rem; line-height: 1.6rem; padding: 0.2rem 0.5rem;}
	
	#jyfw_before{ width: 100%;}
	#jyfw_before_exp{ width: 100%; float: left; position: relative;}
	#jyfw_before_exp ul li{ display: block; margin-bottom: 0.4rem;}
	#jyfw_before_exp img{ display: block; width: 100%;}
	.jyfw_before_area h4{ font-size:1.2rem; padding: 0 0 0.4rem 0.6rem;}
	.jyfw_before_area p{ font-size: 0.8rem; padding: 0 1rem 1.0rem 0.6rem;}

	#jyfw_before_region{ display: none;}
	
	#jyfw_recruit{ width: 100%;}
	#jyfw_recruit ul li{ width: 88%; margin:0 0 1rem 6%;}
	#jyfw_recruit ul li:nth-of-type(2){ margin-left:6%;}
	.jyfw_recruit_box{ padding: 1rem 0;}
	.jyfw_recruit_box h4{ font-size: 1.2rem}
	.jyfw_recruit_box p{ font-size: 0.9rem; line-height: 1.6rem; padding: 0.2rem 0.6rem 0;}
	
	#jyfw_return{ padding-bottom: 1rem; margin-top: 1rem;}
	#jyfw_return_pic{ width: 100%; float: none; text-align: center;}
	#jyfw_return_pic img{ display: block;  width: 90%; margin-left: 5%;}
	#jyfw_return_text{ width: 100%; float: none;}
	#jyfw_return_pic img:nth-of-type(2),#jyfw_return_text img{display: none;}
	#jyfw_return_text p{ width: 90%; font-size: 1.0rem; line-height: 1.6rem; padding:0.5rem 0 0 5%;}
	
	#jyfw_company_main{ width: 100%;}
	#jyfw_company_xz{ width: 100%; padding-bottom: 0.5rem;}
	#jyfw_company_xz ul li{ width: 47%; margin:0 0 0.5rem 2%;}
	#jyfw_company_xz ul li:nth-of-type(1){ margin-left: 2%;}
	#jyfw_company_xz ul li h4{ height: 2.4rem; line-height: 2.4rem; font-size: 1.0rem; }
	
	#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;}
	
	#jyfw_notice_main,#jyfw_notice_main img{ width: 100%;}
	
	#jyfw_offer{ width: 100%;}
	#jyfw_offer ul li{ width: 47%; margin-left: 2%}
	#jyfw_offer ul li:nth-of-type(4n+1){ margin-left: 2%;}
	#jyfw_offer ul li img{ width: 96%; padding: 2%;}
	#jyfw_offer h4{ font-size: 0.8rem; padding:0.5rem 0 0.2rem 0.2rem;}
	#jyfw_offer h4 span{ font-size: 0.8rem; }
	#jyfw_offer h5{ font-size: 0.8rem; padding:0 0 0.2rem 0.2rem;}
	
	#jyfw_student{padding-bottom: 0.5rem;}
	#jyfw_student_main{ width: 100%;}
	#jyfw_student_main ul li{ width: 45%; height: 10.5rem; padding: 1%; margin:0 0 0.5rem 2%;}
	#jyfw_student_main ul li:nth-of-type(4n+1){ margin-left: 2%;}
	#jyfw_student_main ul li h4{ font-size: 1.0rem; margin-left: 0.5rem; line-height: 1.4rem;}
	#jyfw_student_main ul li h4 span{ display: block; font-size: 0.9rem; margin-left: 0;}
	
	#jyfw_end{ width: 100%; padding: 3rem 0 3.5rem;}
	#jyfw_end_main{ width: 100%;}
	#jyfw_end_main p{ font-size: 1.4rem; padding: 0.5rem 0 0 2rem; }
	#jyfw_end_main a { width: 10rem; height: 2.4rem; line-height: 2.4rem; margin: 1.5rem 0 1rem 2rem; font-size: 1.0rem;}
	
}