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

/*banner*/
#jcsj_banner{ width: 100%;}
#jcsj_banner_pc{ width: 100%; background: url(../images/jcsj_banner_bg.jpg) no-repeat center;}
#jcsj_banner_pc img{ display: block; margin: 0 auto;}
#jcsj_banner_yd{ display: none;}
#jcsj_banner_yd img{ width: 100%;}
/*bannerOver*/

.jcsj_title{ width: 1220px; margin: 0 auto; text-align: center;}
.jcsj_title h2{ font-size: 42px; color: #292727; padding: 40px 0 10px;}
.jcsj_title h3{ font-size: 22px; color: #737171; font-weight: normal; padding-bottom: 30px;}
.jcsj_title h3 span{ display: inline-block; margin: 0 20px;}

/*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;}
#about_fit a,#jcsj_record_main>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;}
/*fitOver*/

/*record*/
#jcsj_record{ width: 100%; background: #fafafa; padding-bottom: 30px;}
#jcsj_record_main{ width: 1220px; margin: 0 auto;}
#jcsj_record_main ul li{ float: left; margin-left: 16px; position: relative; margin-bottom: 20px;}
#jcsj_record_main ul li>img{ display: block; width: 100%;}
#jcsj_record_main ul li:nth-of-type(3n+1){ margin-left: 0;}
#jcsj_record_main ul li a{ position: absolute; bottom: 10px; left: 20px; z-index: 9;}
/*recordOver*/

/*daily*/
#jcsj_daily{ width: 100%;}
#jcsj_daily ul{ width: 17.25%; float: left; margin-left: 0.5%;}
#jcsj_daily ul:nth-of-type(3){ width: 29%;}
#jcsj_daily ul:nth-of-type(1){ margin-left: 0;}
#jcsj_daily ul li{ padding-bottom: 10px;}
#jcsj_daily ul li img{ display: block; width: 100%;}
.jcsj_daily_box{ width: 100%;}
.jcsj_daily_box .jcsj_daily_w1{ width: 49%; float: left; margin-bottom: 10px;}
.jcsj_daily_box .jcsj_daily_w2{ width: 49%; float: left; margin:0 0 10px 2%;}
/*dailyOver*/

/*dailyOver*/
#jcsj_outdoor{ width: 1220px; margin: 0 auto;}
#jcsj_outdoor ul li{ float: left; margin-left: 16px; position: relative; margin-bottom: 20px;}
#jcsj_outdoor ul li>img{ display: block; width: 100%;}
#jcsj_outdoor ul li:nth-of-type(3n+1){ margin-left: 0;}
#jcsj_outdoor ul li a{ position: absolute; bottom: 10px; left: 20px; z-index: 9;}

#jcsj_actual{ width: 1220px; margin: 0 auto;}
#jcsj_actual ul li{ float: left; margin:0 0 20px 16px;}
#jcsj_actual ul li:nth-of-type(4n+1){ margin-left: 0;}
#jcsj_actual ul li img{ display: block; width: 100%;}
/*dailyOver*/

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

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

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


/*Ipad*/
@media only screen and (min-width: 768px) and (max-width: 1024px){
	#jcsj_banner_pc{ display: none;}
	#jcsj_banner_yd{ display: block;}
	
	.jcsj_title{ width: 100%;}
	.jcsj_title h2{ font-size: 2.4rem; padding: 2rem 0 0.5rem;}
	.jcsj_title h3{ font-size: 1.4rem; padding-bottom: 2rem;}
	.jcsj_title h3 span{ display: none;}
	
	#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_fit a,#jcsj_record_main>a{ width: 40%; height: 4rem; margin: 2rem auto; font-size: 1.6rem; line-height: 4rem; }
	
	#jcsj_record{ padding-bottom: 1rem;}
	#jcsj_record_main{ width:100%;}
	#jcsj_record_main ul li{ width: 47%; margin-left: 2%; margin-bottom: 1rem;}
	#jcsj_record_main ul li:nth-of-type(3n+1){ margin-left: 2%;}
	#jcsj_record_main ul li a{ bottom: 1.0rem; left: 1.0rem; }
	
	#jcsj_daily{ width: 100%;}
	#jcsj_daily ul{ width: 47%; margin-left: 2%;}
	#jcsj_daily ul li{ width: 100%;}
	#jcsj_daily ul:nth-of-type(3){ width: 96%;}
	#jcsj_daily ul:nth-of-type(1){ margin-left: 2%;}
	#jcsj_daily ul li{ padding-bottom: 1rem;}
	.jcsj_daily_box .jcsj_daily_w1{ margin-bottom: 1rem;}
	.jcsj_daily_box .jcsj_daily_w2{ margin:0 0 1rem 2%;}
	
	#jcsj_outdoor{ width:100%;}
	#jcsj_outdoor ul li{ width: 47%; margin-left: 2%; margin-bottom: 1rem;}
	#jcsj_outdoor ul li:nth-of-type(3n+1){ margin-left: 2%;}
	#jcsj_outdoor ul li a{ bottom: 1.0rem; left: 1.0rem; }
	
	#jcsj_actual{ width: 100%;}
	#jcsj_actual ul li{ width: 47%; margin:0 0 1rem 2%;}
	#jcsj_actual ul li:nth-of-type(4n+1){ margin-left: 2%;}
	
	#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_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;}
	
	#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%;}
}

/*iphone*/
@media only screen and (min-width: 320px) and (max-width: 767px){
	#jcsj_banner_pc{ display: none;}
	#jcsj_banner_yd{ display: block;}
	
	.jcsj_title{ width: 100%;}
	.jcsj_title h2{ font-size: 1.6rem; padding: 1rem 0 0.2rem;}
	.jcsj_title h3{ font-size: 1.0rem; padding-bottom: 1rem;}
	.jcsj_title h3 span{ display: none;}
	
	#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_fit a,#jcsj_record_main>a{width: 60%; height: 3rem; margin: 1rem auto; font-size: 1.4rem; line-height: 3rem; }
	
	#jcsj_record{ padding-bottom: 0.5rem;}
	#jcsj_record_main{ width:100%;}
	#jcsj_record_main ul li{ width: 96%; margin-left: 2%; margin-bottom: 1rem;}
	#jcsj_record_main ul li:nth-of-type(3n+1){ margin-left: 2%;}
	#jcsj_record_main ul li a{ bottom: 1.0rem; left: 1.0rem; }
	#jcsj_record_main ul li a img{ width: 80%;}
	
	#jcsj_daily{ width: 100%;}
	#jcsj_daily ul{ width: 96%; margin-left: 2%; float: none;}
	#jcsj_daily ul:nth-of-type(3){ width: 96%;}
	#jcsj_daily ul li{ width: 100%; padding-bottom: 1rem;}
	#jcsj_daily ul:nth-of-type(1){ margin-left: 2%;}
	#jcsj_daily ul li{ padding-bottom: 0.5rem;}
	.jcsj_daily_box .jcsj_daily_w1{ width: 100%; float: none; margin-bottom: 0.5rem;}
	.jcsj_daily_box .jcsj_daily_w2{ width: 100%; float: none; margin:0;}
	
	#jcsj_outdoor{ width:100%;}
	#jcsj_outdoor ul li{ width: 96%; margin-left: 2%; margin-bottom: 1rem;}
	#jcsj_outdoor ul li:nth-of-type(3n+1){ margin-left: 2%;}
	#jcsj_outdoor ul li a{ bottom: 1.0rem; left: 1.0rem; }
	#jcsj_outdoor ul li a img{ width: 80%;}
	
	#jcsj_actual{ width: 100%;}
	#jcsj_actual ul li{ width: 47%; margin:0 0 0.5rem 2%;}
	#jcsj_actual ul li:nth-of-type(4n+1){ margin-left: 2%;}
	
	#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_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;}
	
	#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%;}
}