/* 响应式从这里开始  */
/*public*/
@media screen and (max-width : 1900px){
	.leaf.f1,.leaf.f5,.leaf.f7{ right: 5px;}
	.leaf.f2,.leaf.f4,.leaf.f8{ left: 5px;}
}
@media screen and (max-width: 1024px){
	img{ max-width: 100%;}
	.float{ display: none;}
	.leaf{ display: none;}
	.aboutList li,.hotPro li{ -webkit-opacity: 1;}
	.mobilDot{ display: block;}
	.foodInfo .zanBox span{ width: 156px;}
	.banner .bd li{ height: 548px; overflow: hidden;}
	.banner .bd li img{ display: block; width: 100%;}
	.indexAbout .en,.indexAbout .ch,.indexNewsList li:nth-child(2n+1){ transform: translateX(0); -webkit-transform: translateX(0);}
	.indexFoodSlide .foodBox li:nth-child(4n+1){ margin-left: 0;}
	.downLoadList li:nth-child(odd){ padding-right: 60px; border-right: 1px solid #e7e7e7;}
	.downLoadList li:nth-child(even){ padding-left: 60px;}
}
/*768--1023*/
@media screen and (max-width: 1023px){
	.wp{ width: 100%;}
	.header{ height: auto;}
	.header h1{ float: none; padding-top: 10px; width: 100%; text-align: center;}
	.header .headerR{ float: none; margin: 0 auto;}
	.header .nav{ float: none; margin: 10px auto; text-align: center; padding: 0;}
	.header .nav li{ float: none; display: inline-block; margin: 0 20px;}
	.aboutMenuTit{ float: none; padding-left: 10px;}
	.aboutMenuList{ float: none; margin-top: 10px; width: 100%; padding: 0 10px; box-sizing: border-box;}
	.aboutMenuList li{ margin: 0 6px 10px 0;}
	.aboutList li{ padding: 20px 10px; box-sizing: border-box;}
	.friendLink .more{ margin-left: 350px;}
	.friendLink{ height: auto; padding: 45px 10px 40px;}
	.friendLink dl dt,.friendLink dl dd{ margin-bottom: 10px;}
	.friendLink dl dd:nth-child(5){ margin-left: 130px;}
	.address{ float: right; width: 222px;}
	.fastLink,.otherActivity,.path,.foodNav{ padding-left: 10px; padding-right: 10px; box-sizing:border-box;}
	.fastLinkBox{ width: 525px;}
	.fastLinkBox dl{ margin-right: 75px;}
	.history li{ width: 240px;}
	.activityInfo{ padding: 30px 10px; box-sizing:border-box;}
	.picList li{ margin: 0 10px 55px;}
	.foodInsideList{ border-bottom: 1px solid #efefef;}
	.foodInsideList li{ padding: 30px 10px;}
	.foodInfo{ padding: 70px 0;}
	.banner .bd li{ height: 411px;}
	.hotPro li{ width: 25%;}
	.hotPro li .info .img img{ height: auto;}
	.indexFoodSlide .hd li{ margin: 0 5px !important; width: 143px; line-height: 34px; box-sizing:border-box;}
	.indexFoodSlide .foodBox li{ margin: 0 10px 40px !important;}
	.indexNewsList li{ float: none; width: 100%; padding: 0 10px; box-sizing:border-box;}
	.indexNewsList li:nth-child(2n){ transform: translateX(0); -webkit-transform: translateX(0);}
	.proBanner .img{ margin-left: 92px;}
	.proClassify li.pc1{ width: 445px; margin: 0 17px 20px 0;}
	.proClassify li.pc2{ width: 306px;}
	.proClassify li.pc3, .proClassify li.pc4{ margin-right: 20px;}
	.proClassify li.pc3, .proClassify li.pc4, .proClassify li.pc5{ width: 242px;}
	.proBoxLeft{ width: 100%; padding-right: 0; border: none; margin-bottom: 10px;}
	.proBoxLeft .bd{ width: 100%;}
	.proBoxLeft .bd li{ text-align: center;}
	.proBoxLeft .hd ul{ padding: 0 10px; box-sizing:border-box;}
	.proBoxRight{ float: none; width: 100%; padding: 0 10px; box-sizing:border-box;}
	.proInfoTabs .tabsBd > div{ padding: 20px 10px; box-sizing:border-box;}
	.downLoadList li{ padding: 0 10px !important; border: none !important;}
	.downLoadList li .downLoadBox{ width: 100%;}
	.aboutBanner{ background-size: auto 100% !important; height: 240px;}
	.aboutBanner .img{ margin-left: 111px;}
	.downLoadList li .info p{ height: auto;}


}
/*640--767*/
@media screen and (max-width: 767px){
	.header .nav li{ margin: 0 10px;}
	.friendLink .more{ margin-left: 285px;}
	.aboutList li .info{ margin-left: 213px;}
	.aboutList li .info h5 span{ float: none; display: block;}
	.aboutList li .info p{ height: 38px; width: 100%;}
	.aboutList li .info .more{ margin-top: 10px;}
	.friendLink dl dd{ margin-right: 48px;}
	.friendLink dl dd:nth-child(5){ margin-left: 0;}
	.friendLink dl dd:nth-child(4){ margin-left: 130px;}
	.address{ width: 200px;}
	.fastLinkBox{ width: 420px;}
	.fastLinkBox dl{ margin-right: 40px;}
	.history li{ width: 198px;}
	.otherActivity dd{ width: 143px; margin-right: 10px;}
	.foodInfoBox{ width: 100%; padding: 0 10px; box-sizing:border-box;}
	.foodBanner,.proBanner{ height: 325px; background-size: auto 100% !important;}
	.foodMenu li{ margin: 0 5px 10px;}
	.picList li{ margin: 0px 42px 55px;}
	.foodInsideList li{ padding: 30px 42px;}
	.foodInfo .collect{ top: 20px; left: 180px;}
	.banner .bd li{ height: 343px;}
	.indexFoodSlide .hd li{ width: 118px;}
	.indexFoodSlide .foodBox li{ margin: 0 42px 40px !important;}
	.proBanner .img{ margin-left: 65px; width: 190px; height: 169px;}
	.proClassify li.pc1{ width: 371px; margin: 0 13px 15px 0;}
	.proClassify li.pc2{ width: 256px; margin-bottom: 15px;}
	.proClassify li.pc3, .proClassify li.pc4, .proClassify li.pc5{ width: 203px;}
	.proClassify li.pc3, .proClassify li.pc4{ margin-right: 15px;}
	.aboutBanner{ height: 205px;}
	.aboutBanner .img{ margin-left: 92px; width: 190px; height: 169px;}
	.proList li{ margin: 0 55px 30px;}
	.zcTit{ padding: 0 10px; box-sizing:border-box;}
}
/*540--639*/
@media screen and (max-width: 639px){
	.friendLink .more{ margin-left: 235px;}
	.header .nav li{ margin: 0 5px;}
	.aboutList li .img{ width: 170px; height: 110px;}
	.aboutList li .info{ margin-left: 180px;}
	.friendLink dl dd{ margin-right: 23px;}
	.address{ width: 170px;}
	.fastLinkBox{ width: 350px;}
	.fastLinkBox dl{ margin-right: 16px;}
	.history li{ width: 164px;}
	.foodMenu{ width: 100%;}
	.foodBanner, .proBanner{ height: 288px;}
	.foodMenu li{ margin: 0 8px 10px;}
	.picList li{ margin: 0px 17px 40px;}
	.foodInsideList li{ padding: 25px 17px;}
	.banner .bd li{ height: 289px;}
	.indexFoodSlide .hd li{ width: 98px;}
	.indexFoodSlide .foodBox li{ margin: 0 17px 30px !important;}
	.indexNewsList li .info{ margin-left: 150px;}
	.proClassify li{ width: 500px !important; margin: 0 auto 15px !important; float: none !important;}
	.proClassify li .img{ width: 100%; display: block;}
	.proClassify li .img img{ width: 100%;}
	.aboutBanner{ height: 173px;}
	.aboutBanner .img{ margin-left: 76px; width: 150px; height: 134px;}
	.proList li{ margin: 0 30px 30px;}
	.flash{ width: 100%; height: 303px; }
}
/*480--539*/
@media screen and (max-width: 539px){
	.header .nav{ text-align: left;}
	.header .nav li{ margin: 0 0 10px; width: 24%; text-align: center;}
	.friendLink .more{ margin-left: 207px;}
	.aboutMenuList li{ margin: 0 29px 10px 0;}
	.aboutList li .img{ width: 138px; height: 89px;}
	.aboutList li .info{ margin-left: 148px;}
	.aboutList li .info h5{ height: 41px;}
	.aboutList li .info .more{ display: none;}
	.friendLink dl dd{ width: 155px; margin-right: 10px;}
	.friendLink dl dt{ width: 118px;}
	.friendLink dl dd:nth-child(4){ margin-left: 118px;}
	.address{ width: 150px;}
	.fastLinkBox{ width: 270px;}
	.fastLinkBox dl{ width: 80px; margin-right: 10px;}
	.footer{ padding-bottom: 20px;}
	.history li{ width: 228px;}
	.otherActivity dd{ width: 141px;}
	.foodMenu li{ margin: 0 21px 10px;}
	.picList li{ margin: 0px 2px 28px;}
	.foodBanner, .proBanner{ height: 260px;}
	.foodNav li{ margin-bottom: 10px; margin-right: 15px;}
	.foodInsideList li{ padding: 15px 2px;}
	.indexAbout .p{ width: 100%;}
	.banner .bd li{ height: 257px;}
	.indexFoodSlide .hd li{ width: 110px; margin-bottom: 10px !important;}
	.indexFoodSlide .hd{ margin-bottom: 25px;}
	.indexFoodSlide .foodBox li{ margin: 0 2px 20px !important;}
	.proClassify li{ width: 460px !important;}
	.proBanner .img{ width: 160px; height: 142px;}
	.aboutBanner{ height: 155px;}
	.proList li{ margin: 0 15px 20px;}
	.flash{ height: 270px; }
}
/*360--479*/
@media screen and (max-width: 479px){
	.mobilNav{ display: block; border-top: 1px solid #efefef;}
	.aboutMenuTit{ padding: 0 10px; box-sizing:border-box; width: 100%;}
	.friendLink .more{ margin-left: 0; top: 31px; left: 86px;}
	.header .nav li{ width: 100%;}
	.header .headerR{ position: absolute; width: 100%; left: 0; top: 83px; z-index: 99; background-color: #fff;}
	.header .nav{ margin: 0; display: none; border-top: 1px solid #efefef; border-bottom: 1px solid #efefef; padding-top: 10px;}
	.aboutMenu{ padding: 25px 0 20px;}
	.aboutMenuList li{ margin: 0 26px 10px;}
	.path .back,.address{ display: none;}
	.aboutList{ padding-bottom: 25px;}
	.aboutMain{ margin-bottom: 35px;}
	.aboutAd{ padding: 25px 0;}
	.friendLink{ padding: 22px 10px 20px;}
	.friendLink dl dt{ float: none;}
	.friendLink dl dd:nth-child(4){ margin-left: 0;}
	.fastLinkBox{ float: none; width: 100%;}
	.fastLinkBox dl{ margin-right: 0; width: 33.33%; padding-right: 30px; box-sizing: border-box;}
	.copyRight{ padding-top: 10px; text-align: center; line-height: 1.5;}
	.history{ margin-top: 20px;}
	.history li{ width: 168px;}
	.history li a p{ padding: 0 15px;}
	.foodInfo{ padding: 65px 0 35px;}
	.foodBanner, .proBanner{ height: 189px;}
	.foodMenuBox{ padding-top: 22px;}
	.foodMenu li{ margin: 0 1px 10px;}
	.foodListBox{ padding-top: 15px;}
	.foodListBox .more{ margin: 10px auto;}
	.picList{ padding-top: 15px;}
	.picList li{ float: none; width: 100%; margin: 0 0 28px; padding: 0 10px; box-sizing: border-box;}
	.aboutMenuTit .upLoad{ top: 4px; right: 8px;}
	.foodNav{ padding-top: 14px; padding-bottom: 10px;}
	.foodInsideList{ border-bottom: none;}
	.foodInsideList li{ float: none; width: 100%; padding: 15px 10px; box-sizing: border-box;}
	.banner .bd li{ height: 193px;}
	.hotPro li{ width: 50%;}
	.indexFoodSlide .foodBox li{ float: none; width: 100%; padding: 0 10px; box-sizing: border-box; }
	.indexFoodSlide .foodBox li .img{ width: 235px;}
	.indexFood{ padding: 27px 0 35px;}
	.indexNewsList li{ height: auto; margin-bottom: 20px;}
	.indexNewsList li .img{ float: none; margin-bottom: 10px;}
	.indexNewsList li .info{ margin-left: 0;}
	.proBanner .img{ bottom: -20px; margin-left: 37px; width: 111px; height: 99px;}
	.proTit{ padding: 25px 0;}
	.proClassify{ padding: 25px 0 35px;}
	.proClassify li{ width: 320px !important;}
	.aboutBanner{ height: 113px;}
	.aboutBanner .img{ width: 95px; height: 85px; margin-left: 50px;}
	.proList li{ float: none; width: 100%; margin: 0 0 20px; padding: 0 10px; box-sizing: border-box;}
	.proList li p{ height: auto;}
	.proBoxLeft .bd, .proBoxLeft .bd ul li{ height: 236px;}
	.proBoxLeft .hd ul li{ margin-right: 5px; margin-bottom: 8px;}
	.proBox{ margin-bottom: 25px;}
	.proInfoTabs .tabsHd li{ margin-bottom: 5px;}
	.proInfoTabs .tabsHd li span{ padding: 0 10px;}
	.downLoadList li .downLoadBox{ padding-bottom: 20px;}
	.foodNav li{ margin-right: 7px;}
	.indexAbout .p{ background-size: 100% auto;}
	.indexAbout{ padding: 27px 0 33px;}
	.hotPro li:first-child .info{ border-left: 1px solid #e1e1e1;}
	/*0128*/
	.jobBox dl dt .name{ width: 45%;}

	.flash{ width: 320px; height: 180px; }
}
/*320*/
@media screen and (max-width: 359px){
	.aboutMenuList li{ margin: 0 16px 10px;}
	.aboutList li .img{ float: none; width: 197px; height: 127px; margin-bottom: 5px;}
	.aboutList li .info{ margin-left: 0;}
	.aboutList li{ padding: 10px;}
	.friendLink dl dd{ width: 140px;}
	.fastLinkBox dl{ padding-right: 15px;}
	.history li{ width: 148px;}
	.otherActivity dd{ width: 138px;}
	.foodMenu li{ margin: 0 21px 10px;}
	.foodNav li{ margin-right: 14px;}
	.banner .bd li{ height: 171px;}
	.indexAbout{ padding-top: 27px;}
	.indexPro{ padding: 27px 0 35px;}
	.indexFoodSlide .hd li{ width: 96px;}
	.loginBox{ width: 100%;}
	.aboutBanner{ height: 101px;}
	.proBoxLeft .bd, .proBoxLeft .bd ul li{ height: 209px;}
	.proBoxLeft .hd ul li{ width: 68px; height: 68px;}
	.proBoxRight .proShare a{ margin-right: 29px;}
	.proInfoTabs .tabsHd li span{ padding: 0 7px;}
	.hotPro li:first-child .info{ border-left: 1px solid #e1e1e1;}
	/*0128*/
	.jobBox dl dt{ font-size: .6em;}
}
/*375--iphone6*/
@media screen and (width: 375px){
	.history li{ width: 175px;}
	.foodMenu li{ margin: 0 3px 10px;}
	.foodNav li{ margin-right: 10px;}
	.indexFoodSlide .hd li{ width: 115px;}
	.proBoxLeft .bd, .proBoxLeft .bd ul li{ height: 245px;}
	.hotPro li:first-child .info{ border-left: 1px solid #e1e1e1;}
}
/*414--iphone6 plus*/
@media screen and (width: 414px){
	.history li{ width: 195px;}
	.foodMenu li{ margin: 0 10px 10px;}
	.foodNav li{ margin-right: 17px;}
	.hotPro li:first-child .info{ border-left: 1px solid #e1e1e1;}
	.indexFoodSlide .hd li{ width: 128px;}
	.aboutMenuList li{ margin: 0 6px 10px;}
	.proBoxLeft .bd, .proBoxLeft .bd ul li{ height: 271px;}
	.hotPro li:first-child .info{ border-left: 1px solid #e1e1e1;}
}