@charset "utf-8";
/* CSS Document */
body{margin:0;padding:0;font-size:12px;background-color:#fff;font-family:"微软雅黑";}
img{border:none;}
a{text-decoration:none;}
ul{list-style:none;}
p,h1,h2,h3,h4,h5,h6,ul,li,ol,img,form{margin:0;padding:0;}
h1,h2,h3,h4,h5{font-size:14px;font-weight:900;}	
.clear{	clear: both;}

/*banner*/
#about_banner{ width: 100%;}
#about_banner_pc{ width: 100%; background: url(../images/about_banner_bg.jpg) no-repeat center;}
#about_banner_pc img{display: block; margin: 0 auto;}
#about_banner_yd{ display: none;}
#about_banner_yd img{ width: 100%;}
/*bannerOver*/

/*martian*/
.about_martian{ width: 1220px; background:url(../images/about_martian_bg.png) no-repeat bottom; margin: 0 auto; padding: 60px 0 50px;}
.about_martian_l{ width: 580px; float: left; }
.about_martian_l h2,.about_martian_l_01 h2{ font-size: 42px; color: #323232; position: relative;}
.about_martian_l h2 span,.about_martian_l_01 h2 span{ display:inline-block; width: 108px; height: 3px; background: #891de4; position: absolute;  top: 30px;}
.about_martian_l h3,.about_martian_l_01 h3{ font-size: 24px; color: #686868; font-weight: normal; padding-top: 10px;}
.about_martian_l p,.about_martian_l_01 p{ font-size: 18px; color: #727272; line-height: 36px; padding: 30px 30px 0 0; }
.about_martian_r{ width: 640px; float: right;}
.about_martian_r_01 img{ width: 100%; float: right;}
.about_martian_r video{ width: 100%; display: block; overflow: hidden; background: #000; margin-top: 150px;}
.about_martian_r video:focus {outline:none;}

.about_martian_l_01{ width: 758px; float: left;}
.about_martian_r_01{ width: 462px; float: left;}
/*martianOver*/

/*data*/
#about_data{ width: 1220px; margin: 50px auto; background: #fafafb; }
#about_data ul li{ float: left; width: 305px; text-align: center;}
#about_data ul li p{ font-size: 24px; color: #6c6d70; padding: 20px 0 5px;}
#about_data ul li h3{ font-size: 50px; color: #f31a34; padding-bottom: 20px;}
/*dataOver*/

/*title*/
.about_title{ width: 1220px; margin: 0 auto; text-align: center; padding: 40px 0;}
.about_title h2{ font-size: 42px; color: #1b1b1b;}
.about_title h2.about_title_color,.about_title h3.about_title_color{ color: #fff;}
.about_title h2 span{ display: inline-block; margin: 0 20px;}
.about_title h3{ font-size: 20px; font-weight: normal; color: #6b6b6b;}
/*titleOver*/

/*culture*/
#about_culture{ width: 100%; background: #7d10d3; padding-bottom: 50px;}
#about_culture_main{ width: 1220px; margin: 0 auto;}
#about_culture_main ul li{ float: left; width: 380px; background: #fff; margin-left: 40px; text-align: center;  padding-bottom: 50px;}
#about_culture_main ul li:nth-of-type(1){ margin-left: 0;}
#about_culture_main ul li img{ display: block; margin: 40px auto 20px;}
#about_culture_main ul li h4{ font-size: 28px; color: #424242; padding-bottom: 5px;}
#about_culture_main ul li p{ font-size: 18px; color: #878787;}
#about_culture_main ul li b{ font-size: 42px; color: #ff552e; font-family:"Bebas";}
/*cultureOver*/

/*culture*/
#about_service{ width: 100%; background: #fafafb; margin-top: 50px; padding-bottom: 10px; }
#about_service_main{ width: 1220px; margin: 0 auto;}
#about_service_main ul li{ float: left; margin-left: 40px;}
#about_service_main ul li:nth-of-type(1){ margin-left: 0;}
#about_service_main ul li img{ display: block; width: 100%;}
.about_service_area{ width: 100%; background: #ff00ff; color: #fff; text-align: center;}
.about_service_area h4{ font-size: 24px; padding: 20px 0 5px;}
.about_service_area p{ font-size: 18px; padding-bottom: 20px;}
#about_service a,#about_fit a{ display: block; width: 310px; height: 68px; background-image: linear-gradient(to right, #ff5f3a,#ff863c); margin: 50px auto; border-radius: 50px; font-size: 24px; color: #fff; line-height: 68px; text-align: center;} 
/*cultureOver*/

/*honor*/
#about_honor{ width: 100%; padding-bottom: 50px;}
#about_honor_main{ width: 82%; margin: 0 auto; }
#about_honor_main ul li{width: 24%; float: left; margin-left: 1.0%;}
#about_honor_main ul li:nth-of-type(1){ margin-left: 0;}
#about_honor_main ul li img{ border: 2px solid #d2d2d2; display: block; width: 100%;}
#about_honor_main ul li h4{ font-size: 18px; color: #484848; font-weight: normal; text-align: center; line-height: 36px;}
/*honorOver*/

/*empower*/
#about_empower{ width: 100%; background: #3e3eff; padding: 50px 0;}
#about_empower_main{ width: 1220px; margin: 0 auto;}
#about_empower_main h2{ font-size: 42px; color: #fff;}
#about_empower_tit{ width: 650px; float: left;}
#about_empower_tit p{font-size: 18px; color: #fff; line-height: 36px; padding: 20px 20px 90px 0;}
#about_empower_sub{ width: 650px;}
#about_empower_sub ul li{ float: left; width: 146px; height: 108px; margin-left: 10px; overflow: hidden; border: 2px solid #d2d2d2;}
#about_empower_sub ul li:nth-of-type(1){ margin-left: 0;}
#about_empower_sub ul li img{ width: 100%;}
#about_empower_sub ul li.about_empower_border{ border: 2px solid #f31a34;}
#about_empower_exp{ width: 570px; float: left;}
#about_empower_exp ul li{ display: none;}
/*empowerOver*/

/*fit*/
#about_fit{ width: 100%;}
#about_fit_main{ width: 1220px; margin: 0 auto;}
#about_fit_main ul li{ float: left; margin-left: 20px;}
#about_fit_main ul li:nth-of-type(1){ margin-left: 0;}
#about_fit_main ul li img{ width: 100%;}
.about_fit_area{ width: 100%; background: #ef068e; color: #fff; text-align: center;}
.about_fit_area h4{ font-size: 24px; padding: 10px 0 5px;}
.about_fit_area p{ font-size: 18px; padding-bottom: 15px;}
/*fitOver*/

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

/*actual*/ 
#about_actual_big{ width: 100%;  background: url(../images/yshq_actual_bg.png) no-repeat center; padding: 10px 0; margin-bottom: 50px;}
#about_actual{ width: 1220px; height: 718px; margin: 0 auto; position: relative;  }
#about_actual ul li{ position: absolute;}
#about_actual ul li.about_actual_w1{ top: 0; left: 0;}
#about_actual ul li.about_actual_w2{ top: 0; left: 510px;}
#about_actual ul li.about_actual_w3{ top: 0; left: 882px;}
#about_actual ul li.about_actual_w4{ top: 258px; left: 0;}
#about_actual ul li.about_actual_w5{ top: 258px; left: 348px;}
#about_actual ul li.about_actual_w6{ top: 258px; left: 615px;}
#about_actual ul li.about_actual_w7{ top: 470px; left: 348px;}
#about_actual ul li.about_actual_w8{ top: 470px; left: 720px;}

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

/*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;}
/*选择我们*/

/*学习环境*/
#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%;}
/*学习环境*/

#about_address{ width: 100%; background: #f8f8f8; padding-bottom: 50px;}
#about_address_main{ width: 1220px; margin: 0 auto;}
#about_address_sub{ width: 1220px; border-radius: 10px; background: #fff;}
#about_address_sub h4{ width: 305px; text-align: center; color: #2c2c2c; float: left; font-size: 24px; padding: 15px 0; cursor: pointer;}
#about_address_sub h4.about_address_color{ color: #cf0f32;}
#about_address_exp{ width: 1220px; border-radius: 10px; background: #fff;}
.address_main_add{ width: 1220px; background: #fff; border-radius: 10px; margin-top: 30px; display: none;}
.address_main_add_l{ width: 564px; float: left;}
.address_main_add_l span img{ display: block; float: left; margin: 10px 10px 0 20px;}
.address_main_add_l span h3{ font-size: 32px; color: #1b1b1b; padding-top: 40px;}
.address_main_add_l p{ font-size: 20px; color: #1b1b1b; padding: 10px 0 10px 40px;}
.address_main_add_l a{ display: inline-block; width: 220px; height: 58px; line-height: 58px; background: #f3152e; font-size: 20px; color: #fff; text-align: center; margin:60px 0 0 40px;}
.address_main_add_r{ width: 576px; float: left; padding: 20px;}
.address_main_add_r img{ width: 100%; display: block; border-radius: 10px; border: 1px solid #9a9a9a; }


#address_session{ width: 1220px; margin: 0 auto; padding-bottom: 30px;}
#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;}
/*合作企业*/

/*Ipid*/
@media only screen and (min-width: 768px) and (max-width: 1024px){
	#about_banner_pc{display: none;}
	#about_banner_yd{ display: block;}
	
	.about_martian{ width: 100%; padding-top: 2rem;}
	.about_martian_l,.about_martian_l_01{ width: 96%; padding: 0 2% 1rem;}
	.about_martian_l h2,.about_martian_l_01 h2{ font-size: 2.4rem;}
	.about_martian_l h2 span,.about_martian_l_01 h2 span{width: 3rem; top: 1.2rem;}
	.about_martian_l h3,.about_martian_l_01 h3{ font-size: 1.4rem; padding-top: 0.5rem;}
	.about_martian_l p,.about_martian_l_01 p{ font-size: 1.4rem; line-height: 2.2rem; padding: 0.5rem 0.6rem 0 0;}
	.about_martian_r,.about_martian_r_01{ width: 100%;}
	.about_martian_r_01 img{ width: 100%;}
	.about_martian_r video{ margin-top:1rem;}
	
	#about_data{ width: 100%;  margin: 1.6rem auto;}
	#about_data ul li{ width: 25%;}
	#about_data ul li p{ font-size: 1.4rem; padding: 1rem 0 0.2rem;}
	#about_data ul li h3{ font-size: 2.2rem; padding-bottom: 1rem;}
	
	.about_title{ width: 100%; padding: 2rem 0;}
	.about_title h2{ font-size: 2.4rem; }
	.about_title h2 span{ margin: 0 1rem;}
	.about_title h3{ font-size: 1.4rem; padding: 0.5rem 1rem 0;}
	
	#about_culture{ padding-bottom: 2rem;}
	#about_culture_main{ width: 100%;}
	#about_culture_main ul li{ width: 32%; margin-left: 1%; padding-bottom: 2rem;}
	#about_culture_main ul li:nth-of-type(1){ margin-left: 1%;}
	#about_culture_main ul li img{ margin: 2rem auto 1rem;}
	#about_culture_main ul li h4{ font-size: 2.2rem; padding-bottom: 0.5rem;}
	#about_culture_main ul li p{ font-size: 1.4rem;}
	#about_culture_main ul li b{ font-size: 3rem;}
	
	#about_service{ margin-top: 2rem; padding-bottom: 1rem;}
	#about_service_main{ width: 100%;}
	#about_service_main ul li{ width: 32%; margin-left: 1%;}
	#about_service_main ul li:nth-of-type(1){ margin-left: 1%;}
	.about_service_area h4{ font-size: 1.6rem; padding: 1rem 0 0.2rem;}
	.about_service_area p{ font-size: 1.2rem; padding-bottom: 1rem;}
	#about_service a,#about_fit a{ width: 40%; height: 4rem; margin: 2rem auto; font-size: 1.6rem; line-height: 4rem; } 
	
	#about_honor{ padding-bottom: 1rem;}
	#about_honor_main{ width: 100%;}
	#about_honor_main ul li{width: 47%; margin-left: 2%; margin-bottom: 1rem;}
	#about_honor_main ul li:nth-of-type(1){ margin-left: 2%;}
	#about_honor_main ul li h4{ font-size: 1.2rem; line-height: 1.8rem;}
	
	#about_empower{ padding: 1rem 0;}
	#about_empower_main{ width: 100%;}
	#about_empower_main h2{ text-align: center; font-size: 2.4rem;}
	#about_empower_tit{ width: 100%;}
	#about_empower_tit p{font-size: 1.2rem; line-height: 2.2rem; padding: 1rem 2rem 1rem 1rem;}
	#about_empower_sub{ display: none;}
	#about_empower_exp{ width: 100%;}
	#about_empower_exp ul li{ display: block; width: 47%; margin-left: 2%; margin-bottom: 1rem; float: left;}
	#about_empower_exp ul li img{ width: 100%;}
	
	#about_fit_main{ width: 100%;}
	#about_fit_main ul li{ width: 47%; margin-left:2%; margin-bottom: 1rem;}
	#about_fit_main ul li:nth-of-type(1){ margin-left: 2%;}
	.about_fit_area h4{ font-size: 1.6rem; padding: 1rem 0 0.5rem;}
	.about_fit_area p{ font-size: 1.2rem; padding-bottom: 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_pattern_main ul li:hover h4{ display: none;}
	#about_pattern_main ul li:hover .about_pattern_mask{ display: block;}
	
	#about_actual_big{ display: none;}
	#about_actual_yd{ display: block; width: 100%; padding-bottom: 2rem;}
	#about_actual_yd ul li{ width: 47%; height: auto; margin:0 0 1rem 2%; float: left;}
	#about_actual_yd ul li img{ width: 100%; display: block;}
	
	#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_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}
	
	#about_address{ padding-bottom: 2rem;}
	#about_address_main{ width: 100%; }
	#about_address_sub{ width: 100%;}
	#about_address_sub h4{ width: 25%; height: 3rem; font-size: 1.6rem; padding: 2rem 0;}
	#about_address_exp{ width: 100%;}
	.address_main_add{ width: 100%; margin-top: 2rem;}
	.address_main_add_l{ width: 100%; float: none;}
	.address_main_add_l span img{ margin: 1rem 1rem 0 2rem;}
	.address_main_add_l span h3{ font-size: 1.4rem; padding-top: 2.4rem;}
	.address_main_add_l p{ font-size: 1.4rem; padding: 0.5rem 0 0.5rem 3rem;}
	.address_main_add_l a{ width: 15rem; height: 4rem; line-height: 4rem; font-size: 1.4rem; margin:2rem 0 0 2rem;}
	.address_main_add_r{ width: 96%; float: none; padding: 2%;}
	
	#address_session{ width: 100%; padding-bottom: 2rem;}
	#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;}
}
/*ipone*/
@media only screen and (min-width: 320px) and (max-width: 767px){
	#about_banner_pc{display: none;}
	#about_banner_yd{ display: block;}
	
	.about_martian{ width: 100%; padding-top: 1rem;}
	.about_martian_l,.about_martian_l_01{ width: 96%; padding: 0 2% 0.5rem;}
	.about_martian_l h2,.about_martian_l_01 h2{ font-size: 1.6rem; }
	.about_martian_l h2 span,.about_martian_l_01 h2 span{ width: 2rem; top: 1.2rem;}
	.about_martian_l h3,.about_martian_l_01 h3{ font-size: 1.2rem; padding-top: 0.3rem;}
	.about_martian_l p,.about_martian_l_01 p{ font-size: 1.0rem; line-height: 1.6rem; padding: 0.5rem 0.2rem 0 0;}
	.about_martian_r,.about_martian_r_01{ width: 100%;}
	.about_martian_r video{ margin-top:0.5rem;}
	
	#about_data{ width: 100%;  margin: 1.0rem auto;}
	#about_data ul li{ width: 25%;}
	#about_data ul li p{ font-size: 0.9rem; padding: 1rem 0 0.2rem;}
	#about_data ul li h3{ font-size: 1.3rem; padding-bottom: 1rem;}
	
	.about_title{ width: 100%; padding: 1rem 0;}
	.about_title h2{ font-size: 1.6rem;}
	.about_title h2 span{ margin: 0 0.3rem;}
	.about_title h2 span img{ width: 70%;}
	.about_title h3{ font-size: 1.0rem; padding: 0.5rem 1rem 0;}
	
	#about_culture{ padding-bottom: 2rem;}
	#about_culture_main{ width: 100%;}
	#about_culture_main ul li{ width: 90%; margin-left: 5%; padding-bottom: 1rem; margin-bottom: 0.5rem;}
	#about_culture_main ul li:nth-of-type(1){ margin-left: 5%;}
	#about_culture_main ul li img{ margin: 2rem auto 1rem;}
	#about_culture_main ul li h4{ font-size: 1.8rem; padding-bottom: 0.5rem;}
	#about_culture_main ul li p{ font-size: 1.2rem;}
	#about_culture_main ul li b{ font-size: 2rem;}
	
	#about_service{ margin-top: 2rem; padding-bottom: 1rem;}
	#about_service_main{ width: 100%;}
	#about_service_main ul li{ width: 90%; margin-left: 5%; margin-bottom: 1rem;}
	#about_service_main ul li:nth-of-type(1){ margin-left: 5%;}
	.about_service_area h4{ font-size: 1.2rem; padding: 0.5rem 0 0.2rem;}
	.about_service_area p{ font-size: 1.0rem; padding-bottom: 0.5rem;}
	#about_service a,#about_fit a{ width: 60%; height: 3rem; margin: 1rem auto; font-size: 1.4rem; line-height: 3rem; } 
	
	#about_honor{ padding-bottom: 0rem;}
	#about_honor_main{ width: 100%;}
	#about_honor_main ul li{width: 96%; margin-left: 2%; margin-bottom: 1rem;}
	#about_honor_main ul li:nth-of-type(1){ margin-left: 2%;}
	#about_honor_main ul li h4{ font-size: 1.0rem; line-height: 1.4rem;}
	
	#about_empower{ padding: 0.5rem 0;}
	#about_empower_main{ width: 100%;}
	#about_empower_main h2{ text-align: center; font-size: 1.6rem;}
	#about_empower_tit{ width: 100%;}
	#about_empower_tit p{font-size: 1.0rem; line-height: 2.0rem; padding: 1rem 2rem 1rem 1rem;}
	#about_empower_sub{ display: none;}
	#about_empower_exp{ width: 100%;}
	#about_empower_exp ul li{ display: block; width: 90%; margin-left: 5%; margin-bottom: 0.5rem; float: left;}
	#about_empower_exp ul li img{ width: 100%;}
	
	#about_fit_main{ width: 100%;}
	#about_fit_main ul li{ width: 90%; margin-left:5%; margin-bottom: 1rem;}
	#about_fit_main ul li:nth-of-type(1){ margin-left: 5%;}
	.about_fit_area h4{ font-size: 1.2rem; padding: 0.5rem 0 0.2rem;}
	.about_fit_area p{ font-size: 1.0rem; padding-bottom: 0.5rem;}
	
	#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_pattern_main ul li:hover h4{ display: none;}
	#about_pattern_main ul li:hover .about_pattern_mask{ display: block;}
	
	#about_actual_big{ display: none;}
	#about_actual_yd{ display: block; width: 100%; padding-bottom: 1rem;}
	#about_actual_yd ul li{ width: 94%; height: auto; margin:0 0 0.5rem 3%;}
	#about_actual_yd ul li img{ width: 100%; display: block;}
	
	#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_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}
	
	#about_address{ padding-bottom: 2rem;}
	#about_address_main{ width: 100%; }
	#about_address_sub{ width: 100%;}
	#about_address_sub h4{ width: 50%; height: 2rem; font-size: 1.2rem; padding: 1rem 0;}
	#about_address_exp{ width: 100%;}
	.address_main_add{ width: 100%; margin-top: 1rem;}
	.address_main_add_l{ width: 100%; float: none;}
	.address_main_add_l span img{ width: 10%; margin: 1rem 1rem 0 2rem;}
	.address_main_add_l span h3{ font-size: 1.2rem; padding-top: 1.3rem;}
	.address_main_add_l p{ font-size: 1.0rem; padding: 0.2rem 0 0.2rem 1rem;}
	.address_main_add_l a{ width: 13rem; height: 2.8rem; line-height: 2.8rem; font-size: 1.2rem; margin:1rem 0 0 2rem;}
	.address_main_add_r{ width: 96%; float: none; padding: 2%;}
	
	#address_session{ width: 100%; padding-bottom: 1rem;}
	#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;}
}