﻿/******************************

 ******************************/

/*Common For Max 960*/
@media only screen and (max-width: 1199px) {
	.wp {width:98%;}
	.about_us .pic img{max-width:43%;}
	.news_list .pic{width: 20%;}
	.news_list .text{width: 77%;}
	.product_cloth_pro .cloth_pro_l{width: 100%;float: none;}
	.product_cloth_pro .cloth_pro_r{width: 100%;float: none;}
	.product_cloth_pro .cloth_pro_l .mod_detail_preview{margin: 0 auto;}
	.food .fd_nav .cord{float: none;width: 100%;margin-top: 30px;clear: both;}
	.c3{display: block;clear: both;}
	.down_list li{overflow: hidden;padding:5px;margin-bottom: 10px;width:100%;float: left;margin-right:2%;}
}



/*Common For Max 768*/
@media only screen and (max-width: 959px) {
	.pc_head{display: none;}
	.mm_head{display: block;}
	.mm_head .nav_collapse{margin-left: -1%;margin-right: -1%;width: 102%;}
	.sy_page2{padding: 50px 0;}
	.sy_page2 .page2_date .page2_l{width: 100%;float: none;text-align: center;}
	.sy_page2 .page2_date .page2_r{width: 100%;float: none;margin-top:20px;}
	.sy_page2 .page2_date .page2_r a{width: 100%;padding: 0px;text-align: center;height: 45px;line-height: 45px;font-size:18px;
		border-radius: 5px;margin-top: 15px;
	}
	#void_pop .zou_void{width: 600px;height: 400px;}
	.sy_page4{padding: 50px 0;}
	.sy_page3,.sy_page5,.sy_page6{padding: 50px 0;}
	.food .fd_nav .nav em{width: 20px;}
	.food .fd_nav .nav a{font-size: 14px;}
	.food .fd_nav{padding: 15px 0;}
	.food .fd_copy p{font-size: 13px;text-align: center;}
	.sy_page5 .new_prod ul li{width: 50%;margin-bottom: 20px;}

	.sy_tit h3{font-size: 24px;}
	.sy_page3 .page3_slick .switch .list:hover .text2{display: none;}
	.about_us .pic{text-align: center;margin-left: 0;}
	.about_us .pic img{margin-left: 0;max-width: 100%;margin-top: 25px;}
	.about_union ul li{width: 33.3333%;}
	.brand_change em{margin-bottom: 12px;}
	.brand_deta{margin-top: 40px;}
	.news_list .pic{width: 31%;}
	.news_list .text{width: 67%;}
	.news_list .more{margin-top: 7px;}
	.cloth_deta ul li{width: 33.3333%;}
	.contact_us .mode .mode_l{width: 100%;float: none;}
	.contact_us .mode .mode_r{width: 100%;float: none;text-align: center;margin-top: 20px;}
	.contact_us .map{margin-top: 0;}
	.news_list .text p{width: 100%;}
	.food .fd_nav .nav{width: 100%;float: none;text-align: center;overflow: hidden;border-right: none;padding-right: 0;}
	.food .fd_nav .nav dl{display: inline-block;float: none;vertical-align: top;width: auto;}
	.food .fd_nav .nav dl dd{display: none;}
	.food .fd_nav .email{display: none;}


}

@media only screen and (max-width: 650px) {
	.void_deta .text{height: 500px;}
	.news_list .pic{width: 48%;}
	.news_list .text{width: 48%;}
	.news_list .more{margin-top: 7px;}
	#big_img{display: none !important;}
	.down_list li{overflow: hidden;padding:5px;margin-bottom: 10px;width:100%;float: left;margin-right:2%;}

}
@media only screen and (max-width: 550px) {
	.void_deta .text{height: 400px;}
	.news_list .pic{width: 100%;float: none;text-align: center;}
	.news_list .text{width: 100%;float: none;margin-top:10px;}
	.news_list .more{margin-top: 7px;}
	.news_list .more em{margin-top: -3px;}
	.product_cloth_pro .cloth_pro_l .mod_detail_preview{display: none;}
	.product_cloth_pro .cloth_pro_l .mm_product_slick{display: inline-block;}
	.down_list li{overflow: hidden;padding:5px;margin-bottom: 10px;width:100%;float: left;margin-right:2%;}

}


/*Common For Max 480*/
@media only screen and (max-width: 767px) {
	.sy_page2 .page2_date{margin-top: 45px;}
	.sy_page2 .page2_date .page2_l .pic{}
	.sy_page2 .page2_date .page2_l .pic .pc_page2_void{display: block;}
	.sy_page2 .page2_date .page2_l .pic .look{display: none;}
	.sy_page2,.sy_page3,.sy_page4,.sy_page6,.sy_page5{padding:40px 0;}
	.sy_banner .slick-next,.sy_banner .slick-prev{display: none !important;}
	.about_us{padding-top: 35px;}
	.about_us .tit{margin-bottom: 20px;}
	.about_us .pic{margin: 20px 0;}
	.h80{height: 40px;}
	.food .fd_nav .nav a{display: inline-block;margin: 3px 5px;}
	.food .fd_nav .nav em{display: none;}
	.food .fd_nav{text-align: center;}
	.food .fd_nav .nav{padding: 10px 0;float: none;}
	.food .fd_nav .email{padding: 0px;text-align: center;margin-left: 0;float: none;padding-bottom: 10px;}
	.food .fd_copy p a{display: inline-block;}
	.about_union ul li{width: 50%;}
	#page a{margin-left:5px;}
	.brand_deta .pic{text-align: left;}
	.about_void ul li{width: 50%;}
	.about_us .tit h4{font-size: 18px;}
	.worker_list li{width: 50%;}
	.worker_list ul{margin-left: -15px;}
	.worker_list li .worker_li{margin-left: 15px;}
	.cloth_deta ul li{width: 50%;}
	.contact_issued .issued_deta p span{width: 100%;}
	.contact_issued .issued_deta p em{width: 100%;float: none;margin-top: 15px;text-align: left;}
	.contact_us .map>div{height: 400px !important;}

	.food .fd_nav .nav dl dt a{font-size: 14px;}
	.food .fd_nav .nav dl{margin-right: 15px;}
	
	.content_ico img{ max-width:95%;}
	.mm_head .logo img{ height:60px}
	.er_nav a{ padding:0; width:25%; text-align:center; line-height:50px; height:50px; font-size:14px;white-space:nowrap;overflow: hidden;text-overflow:ellipsis;; box-sizing:border-box; padding:0 5px}
	.sy_page2 .page2_date .page2_r p{ font-size:14px}
	.message-page{ width:100%}

}


/*Common For Max 320*/
@media only screen and (max-width: 479px) {
	.wrap{width:100%; margin:0 auto;}
	.er_nav ul{float:left;width: 100%;}
	.er_nav li{float:left; width:32.40%;height: 0.6rem;margin-bottom: 0.1rem;margin-left: 0.04rem;}
	.er_nav li a{display:block; width:100%;background: #1048a0;height: 0.6rem;line-height: 0.6rem;color: #fff;text-align: center;}
	.er_nav a:hover{background: #ffcc3b;color: #3f3f3f}
	.subMenu {display:none;}
	
	
	.sy_page5 .new_prod ul li{w100%}
	.sy_page2 .page2_date .page2_l .pic{}
	.sy_tit h3{font-size: 20px;}
	.sy_page2,.sy_page3,.sy_page4,.sy_page6,.sy_page5{padding:10px 0;}
	.sy_page2 .page2_date{margin-top: 25px;}

	.mm_head .nav_collapse{top:76px;}
	.sy_banner .slick-dots{display: none !important;}
	.mm_head .nav_butt{margin-right: -0px;margin-top: 8px;}
	.sy_page5 .new_prod ul li{width: 100%;}
	.sy_page5 .new_prod ul li .text{margin-top: 12px;}
	.sy_news .sy_news_list{margin-top: 5px;}
	.sy_tit img{margin-top: 10px;}
	.sy_page3 .page3_slick{margin-top: 10px;}
	.sy_page5 .new_prod{margin-top: 30px;}
	.sy_friend{margin-top: 27px;}
	.about_union ul li{width:100%;}
	#page a{}
	#page a:nth-child(2) {display: none;}
	#page a:nth-last-child(2) {display: none;}
	.brand_deta .pic{text-align: center;}
	.brand_change{text-align: center;}
	.about_void ul{text-align: center;margin-left: 0;}
	.about_void{margin-top: 0;padding-top: 30px;width: 98%;}
	.about_void ul li .void_list .text p{text-align: left;}
	.about_void ul li .void_list .pic p{padding: 0 2%;}
	.about_void ul li .void_list{margin-left: 0;}
	.about_void ul li{width:96%;float: none;display: inline-block;}
	.about_void ul li .void_list .text .time{width: 30%;}
	.about_void ul li .void_list .pic{width:100%;}
	.about_void ul li .void_list .pic img{width: 100%;}
	.about_us .tit h4{font-size: 16px;}
	.worker_list li{width:100%;}
	.worker_list ul{margin-left:0px;}
	.worker_list li .worker_li{margin-left:0px;}
	.cloth_deta ul li{width: 100%;}
	.cloth_deta #page{margin-top: 45px;margin-bottom: 15px;}
	.worker_deta{padding-top: 20px;}
	.worker_deta_slick{margin:30px 0;}
	.contact_us{padding-top: 10px;}
	.contact_us .mode .tit{margin-bottom: 10px;}
	.contact_us .mode .tit h4{font-size: 18px;}
	.contact_us .mode .mode_l p{font-size: 14px;}
	.telent .telent_deta .tit{padding-bottom: 8px;}
	.telent .telent_deta .text h5{margin-top: 15px;}
	.telent{padding-top: 20px;}
	.telent .telent_deta .tit h4{margin-bottom: 10px;}
	.telent .telent_deta{margin-bottom: 25px;}
	.worker_list li .worker_li{margin-bottom: 15px;}
	#page{margin-top: 15px;margin-bottom: 45px;}
	.news_list li a{border-bottom: 1px solid #f0f0f0;padding-bottom: 15px;}
	.news_list .more em{display: none;}
	.sy_tit{margin-top: 0;}
	.sy_news .sy_news_list .switch .list_deta{box-shadow: 0px 0px 12px #ddd;border-bottom: 2px solid #9D562C;padding: 15px;}
	.sy_news .sy_news_list .switch .list_deta .text .more em{background: url(../images/more2.png);}
	.sy_page3 .page3_slick .switch{}
	.sy_page5 .new_prod ul li .pic img:hover{
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	}
	.x-video-info{display: none !important;}
	.news_list .pic img{width: 100%;}
	.worker_deta_slick .slick-slide img{width: 100%;}
	.worker_deta .butt{margin-bottom:50px;}
	.product_cloth_pro .cloth_pro_r{margin-top: 20px;}
	.product_cloth_pro .cloth_pro_r h4{font-size: 18px;}
	.product_cloth_pro .cloth_pro_r h5{font-size: 16px;}
	.product_cloth_pro .cloth_pro_r p{font-size: 14px;}
	.cloth_deta ul li .cloth_box .cloth_li .text{margin-top: 10px;}
	.sy_page2 {background: url(../images/sy_bg2.jpg);background-size: cover;background-repeat: no-repeat;
		background-position: right center;
	}

	.content_ico img{ max-width:95%;}

}

/* --------------------------- 固定屏幕样式 ---------------------------------------- */

/*960*/
@media only screen and (min-width: 960px) and (max-width: 1199px) {



}



/*768*/
@media only screen and (min-width: 768px) and (max-width: 959px) {



}



/*480*/
@media only screen and (min-width: 480px) and (max-width: 767px) {


}



/*320*/
@media only screen and (min-width: 320px) and (max-width: 479px) {



}



/*240*/
@media only screen and (max-width: 319px) {



}