@charset "utf-8";
/* CSS Document */
@media screen and (max-width:1260px) {
	.width_all{ max-width:980px;}
	
	.nav .daohang li{ margin:0 0 0 42px;}
	
	.about_right .about_more{ bottom:-88px;}
	
	.img-list li{ width:230px;}
	
	.footer .footer_left{ width:230px;}
	.footer .footer_left{ padding:0 3% 2% 0;}
	.footer .footer_nav{ padding:0 0 0 3%;}
	.footer .footer_nav dl{ margin:0 20px 0 0;}
}
	
@media screen and (max-width:1000px) {
	.width_all{ width:92%;}
	
	.head_top h1.pc{ display:none;}
	.head_top h1.shouji{ display:block; width:272px;}
	.app_xz{ top:41px;}
	.nav .daohang{ position:absolute; top:100px; right:-3px; width:0px; z-index:99; background:rgba(83,83,83,0.9); box-shadow:0px 0px 3px 1px rgb(153,153,153); transition:0.3s;}
	.nav .menu_nv{ width:200px;}
	.nav .daohang li{ width:200px; margin:0;}
	.nav .daohang li a{ font-size:16px; line-height:40px; color:#fff; text-align:center; display:block; border-bottom:#8fc320 1px solid;}
	.nav .daohang li a:hover{ color:#fff; background:#8fc320; border-bottom:#8fc320 1px solid;}
	.nav .daohang li a.hover{ color:#fff; background:#8fc320; border-bottom:#8fc320 1px solid;}
	.menu{ position:absolute; right:4%; top:35px; cursor:pointer; z-index:999;}
	.menu div{ width:40px; height:3px; background:#fff; border-radius:2px; box-shadow:0 0 5px #999;}
	.menu div.menu_1{ animation:menu_11 0.4s forwards;}
	.menu div.menu_2{ animation:menu_22 0.3s forwards;}
	.menu div.menu_2{ margin:10px 0;}
	.menu div.menu_3{ animation:menu_33 0.4s forwards;}
	.menu.hover div.menu_1{ animation:menu_1 0.4s forwards;}
	.menu.hover div.menu_2{ animation:menu_2 0.3s forwards;}
	.menu.hover div.menu_3{ animation:menu_3 0.4s forwards;}
	
	.banner_pc{ display:none;}
	.banner_sj{ display:block; margin:100px 0 0 0;}
	
	.about_left{ display:none;}
	.about_right .about_more{ bottom:-52px;}
	.about_right{ width:100%; float:none; margin:0 0 52px 0;}
	
	.we_services{ padding:0 0 52px 0;}
	.we_s_left{ width:100%; float:none;}
	.we_s_left .we_s_name{ margin:0 auto 24px auto;}
	.we_s_left .we_s_xq{ width:100%; margin:30px auto;}
	.we_s_right{ width:100%; float:none;}
	
	.img-scroll .prev{ background:url(../images/l.png) no-repeat center;}
	.img-scroll .next{ background:url(../images/r.png) no-repeat center;}
	.img-list li{ width:6%; margin:0 0.5% 0 0;}
	
	.footer .footer_left{ width:100%; float:none; border-right:none; padding:0 0 2% 0; margin:25px 0;}
	.footer .footer_nav dl{ margin:0 20px 0 0;}
	
	
	.lj_left{ width:100%; float:none;}
	.lj_right{ float:none; width:100%; margin:0 0 22px 0;}
	.lj_right ul li{ float:none; margin:0 0 6px 0;}
	
	.ny_news .ny_n_left{ float:none; width:100%;}
	.ny_news .ny_n_right{ float:none; width:92%; margin:0 4%;}
	
	.join dl dd{ float:none; width:100%; margin:0 0 20px 0;}
	.join dl dt{ float:none; width:100%;}
	
	.four-con{ display:none;}
	
}
@media screen and (max-width:640px) {
	.img-list li{ width:12.5%; margin:0;}
	
	.news ul li{ float:none; width:94%; padding:3%; margin:0 0 4% 0;}
	
	.footer:before{ bottom:60px; }
	.footer:after{ bottom:61px;}
	
	.footer .footer_nav{ float:none; padding:0;}
	.footer .footer_nav dl{ width:25%; margin:0 0 25px 0;}
	
	.footer .footer_ewm{ width:88%; float:none;}
	.footer .footer_ewm li{ width:48%; margin:0 4% 0 0;}
	.zsjm{ display:block !important;}
	.mark_c{ display:none;}
	.ind_new_rg .new_u li img{ width:100%; display:block !important;margin-bottom:25px;}
	.products li{ width:48%; margin:0 4% 4% 0;}
	.products li:nth-child(2n){ margin:0 0 4% 0;}
	/*新添加*/
	.webox{ height:315px !important; padding-top:20px !important;}
	.webox .content{ width:100% !important;}
	.webox_p{ width:100% !important;}
	.webox_p fl pr{width:100% !important}
	.webox_p img{width:100% !important;}
	.webox_w{ /*width:97% !important;*/ display:none !important;}
	.webox_w h2{ padding-top:0 !important;; height:72px !important;; font-size:20px !important;;}
	.webox_w fr p{ font-size:14px !important;}
	/**/
	.tab-bd{ padding-top:0 !important;}
	.tab-title>.item, .tab-hd>li{ margin-top:20px !important;}
	.ind_new_rg .new_u li{ padding:0 !important;}
	.create{ display:none !important;}
.create .left {
	
	/*width: 100% !important;
	position: static !important;
	transform: translate(0, 0) !important;
	-ms-transform: translate(0, 0) !important;
	-o-transform: translate(0, 0) !important;
	-webkit-transform: translate(0, 0) !important;
	-moz-transform: translate(0, 0) !important;*/
}
.create .left .swiper-container {
	display:none;
	width:90% !important;
	padding:1rem !important;
	margin:1rem !important;
}
.create .right {
	width: 100% !important;
	float: none!important;
}
.create .right .swiper-pagination {
	bottom: 30px !important;
	left: 0 !important;
	text-align: center !important;
}
.left-page {
	position: static !important;
	width: 80% !important;
margin:.4rem auto .4rem !important;
}
.swiper-slide{ width:100% !important;}
/**/
.mark{ height:700px !important; background:none !important;}
.mark .content{ width:100% !important; }
.product_name{ width:100% !important; margin:0;}
.mark_l{ width:100% !important;}
.mark_sj{ width:100% !important;}
/**/
.ind_new_rg .new_u li .lf_txt{ width:70% !important;}
}
@keyframes menu_11{ from{ transform:translate(0px,12px) rotate(45deg); opacity:1;}
	50%{ transform:translate(-80px,-80px) rotate(45deg); opacity:0;}
	51%{ transform:translate(-80px,0px) rotate(0deg); opacity:0;}
	to{ transform:translate(0px,0px) rotate(0deg); opacity:1;}}
@keyframes menu_1{ from{ transform:translate(0px,0px) rotate(0deg); opacity:1;}
	50%{ transform:translate(-80px,0px) rotate(0deg); opacity:0;}
	51%{ transform:translate(-80px,-80px) rotate(45deg); opacity:0;}
	to{ transform:translate(0px,12px) rotate(45deg); opacity:1;}}
@keyframes menu_22{ from{ transform:scaleX(0); display:none;}}
	to{ transform:scaleX(1); display:block;}
@keyframes menu_2{ from{ transform:scaleX(1);}
	to{transform:scaleX(0); display:none;}}
@keyframes menu_33{ from{transform:translate(0px,-14px) rotate(-45deg); opacity:1;}
	50%{ transform:translate(80px,-80px) rotate(-45deg); opacity:0;}
	51%{ transform:translate(80px,0px) rotate(0deg); opacity:0;}
	to{ transform:translate(0px,0px) rotate(0deg); opacity:1;}}
@keyframes menu_3{ from{ transform:translate(0px,0px) rotate(0deg); opacity:1;}
	50%{ transform:translate(80px,0px) rotate(0deg); opacity:0;}
	51%{ transform:translate(80px,-80px) rotate(-45deg); opacity:0;}
	to{ transform:translate(0px,-14px) rotate(-45deg); opacity:1;}}