@media screen and (max-width:1700px){
	.absorbed{ padding-top:8%;}
	.eggs{ margin-top:100px;}
	.main-pro-demo{ width: 1120px;}
	.main-pro-demo .slick-list{ height: 306px;}
	.main-pro-demo .item{margin: 0px 10px;}
	
}
@media screen and (max-width:1450px){
	.eggs{ margin-top:50px;}
	.recipes{ padding-top:10%;}
	.market{ margin-right:0;}
	.retuit{ width:110px;} 
	.market-info{ margin-left:12px;}
	.nav > li:nth-child(3){ margin-right:0px;}
	.nav > li:nth-child(4){ margin-left:0px;}
	.logo{ margin-left:10px;}
	.main-pro-demo {width: 1120px;}
	.sm-pbanner-C .zh {font-size: 24px;}
	.sm-pbanner-C .en {font-size: 30px;}
	.header{padding:0 30px;}
}
@media screen and (max-height:800px){
	.farmbanner{ margin-top:-280px;}
	.farmborder{ width:360px; height:360px;}
	.farmborder .video-info{ width:180px; margin-left:-100px; margin-top:-100px; height:180px;}
	.farm-list li{ width:94px; height:94px; box-sizing:border-box; background-size:cover !important; padding-top:6px;}
	.farm-list li strong{ transform:scale(0.7); -webkit-transform:scale(0.7); -moz-transform:scale(0.7); margin-bottom:0;}
	.farm-list li span{ position:relative; top:-4px;}
}
@media screen and (max-height:700px){
	.farm-list li{ width:82px; height:82px;}
	.farmborder{ width:300px; height:300px;}
	.farmbanner{ margin-top:-240px;}
	.farm-list li:nth-child(1){ margin-left:-41px; top:-41px;}
}
@media screen and (max-height:600px){
	.farmborder{ width:280px; height:280px;}
	.farmborder .video-info{ width:150px; height:150px; margin-left:-85px; margin-top:-85px;}
	.videoIbox span{ width:54px; height:54px; margin-left:-27px; margin-top:-27px; background-size:cover !important;}
	.farm-list li strong{ margin-top:-5px;}
	.farmtop h3{ font-size:30px;}
	.farmtop{ margin-bottom:40px;}
	.farmbanner{ margin-top:-208px;}
}
@media screen and (max-height:720px){
	.more{ margin-top:10px;}
	.eggs{ margin-top:20px;}
}
@media screen and (max-width:1280px){
	.absorbed{ padding-top:4%;}
	.nav >li >a{ width:85px;}
	.logo{ margin-left:-115px;}
	.market{ margin-right:0;}
	.home{ margin-left:0; margin-right:0;}
	.wrapper .footer-box{ padding-bottom:0;}
	.innerbox{ padding-left:0; padding-right:0; padding-bottom:0;}
	.contact-wr{ left:0;}
	.menufix{ display:none;}
	.header{ padding-left:20px; padding-right:20px;}
}
@media screen and (max-width:1200px){
	.productimg .flex-direction-nav li a.flex-next{ right:-40px;}
	.productimg .flex-direction-nav li a.flex-prev{ left:-40px;}
	.main-pro-demo {width: 990px;}
	.sm-pbanner-C .zh {font-size: 20px;}
	.sm-pbanner-C .en {font-size: 24px;}
}
@media screen and (max-width:1100px){
	.product-btn{ width:90%;}
}
@media screen and (max-width:1024px){
	.main-pro-demo {width: 92%;}
	.main-pro-demo .slick-prev {left: -4%;}
	.main-pro-demo .slick-next {right: -4%;}
	.main-pro-demo .slick-list {height: auto;}
	.product-index-sub {padding: 60px 0px;}
	
	.inner,.inner1320{ width:90%;}
	.home,.bannerBox,.wrapper,.pagewidth,html{ position:relative; overflow:auto; top:0;}
	.home .wrapper{ position:static !important; top:0 !important;}
	.wrapper .page{ transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); opacity:1; transition:none; -webkit-transition:none; -moz-transition:none;}
	.mtop{ display:block; height:90px;}
	.nav{ display:none;}
	.tel{ display:none;}
	.menubox{ display:block;}
	.header-box{ padding:14px 0; position:fixed;box-shadow: 0 0 14px rgba(0,0,0,0.2);}
	.header{ padding:0 2%; }
	.logo,.header-box.scollfox .logo{ width:170px; margin-left:10px; height:auto;}
	.menuBtn{ display:block;}
	.market{ margin-top:11px;}
	.header-box.scollfox{ padding:14px 0; animation-name:none; -webkit-animation-name:none;}
	.header-box.scollfox .logo{ position:absolute; margin-left:-41px; float:none; left:50%;}
	.btext{ width:90%; margin-left:-45%;}
	.btext strong{ font-size:20px;}
	.letter{ padding:0 5%;}
	.btext small{ font-size:18px;}
	.letter img{ display:none;}
	.letter span{ display:block;}
	.absorbed{ padding-top:0;}
	.page2 .pagewidth { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; box-align:center; -webkit-box-align:center; align-items:center;  -webkit-align-items:center; flex-flow: row wrap; -webkit-flex-flow: row wrap;}
	.pages{ width:90%;}
	.more{ opacity:1; top:0;}
	.eggs.owl-theme .owl-controls .owl-buttons div{ display:block;}
	.eggs{ padding:0 10%;}
	.absorbed-t p{ padding:0;}
	.recipes-text{ margin-top:45px;}
	.recipes-text a{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; flex-flow: row wrap; -webkit-flex-flow: row wrap;}
	.menu{ flex:1; -webkit-flex:1; -webkit-box-flex:1; box-flex:1; width:auto;}
	.innerbox{ padding-top:0;}
	.list-page .innerbox{padding-top: 0px;}
	.pbannerfix{ width:350px; height:350px; margin-left:0; margin-top:0; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); background-size:cover !important; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; box-align:center; -webkit-box-align:center; align-items:center;  -webkit-align-items:center; flex-flow: row wrap; -webkit-flex-flow: row wrap;}
	.pbanner-wr{ padding-top:0; width:100%;}
	.pbanner-wr h1{ font-size:30px;}
	.introduct-box{ padding:100px 0;}
	.profileimg{ display:none;}
	.profile{ margin-left:-45%; padding:100px 0 560px; position:relative; top:0;}
	.honor-list .slick-prev, .honor-list .slick-next{ top:38%;}
	.honorTop{ padding:100px 0 50px;}
	.event{ padding-top:0;}
	.event:before{ display:none;}
	.event-list li .event-item{ padding-left:0;}
	.event-middle strong{ float:left;}
	.event-middle .event-icon{ float:right;}
	.event-middle{ float:left;}
	.event-list li .event-item .event-text{ position:relative; left:0; float:left; margin-left:30px; flex:1; -webkit-flex:1; -webkit-box-flex:1; box-flex:1; width:auto;}
	.lined{ background:none; height:auto; margin-top:30px;}
	.lined span{ right:0;}
	.event-middle .event-icon:before{ left:24px;}
	.event-list li .event-item{ margin-bottom:50px; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; flex-flow: row wrap; -webkit-flex-flow: row wrap;}
	.event-wr:before{ display:none;}
	.event-hidden{ max-height:none;}
	.event-wr.downshow{ padding-bottom:19px;}
	.event-list{ background:none;}
	.event-list{ padding-bottom:0;}
	.sundaly-box{ background-attachment:local !important;}
	.cooperate-box{ padding:100px 0 70px;}
	.cooper-in{ width:18%; margin-right:2.5%; margin-bottom:16px;}
	.cooper-in:nth-child(5n+5){ margin-right:0;}
	.cooper-in:nth-child(6n+6){ margin-right:2.5%;}
	.devote{ margin-left:-45%; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%);}
	.devotefix .down{ margin-top:88px;}
	.productimg .flex-direction-nav li a.flex-next{ right:-20px;}
	.productimg .flex-direction-nav li a.flex-prev{ left:-20px;}
	.crowd-info{ width:100%; margin-bottom:30px; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex;}
	.crowd-info:nth-child(2){ margin-bottom:0;}
	.crowd-text p{ width:100%;}
	.crowd-text{ flex:1; -webkit-flex:1; -webkit-box-flex:1; box-flex:1;}
	.investorb .ivestfix{ margin-left:-45%;}
	.informate-list{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex;}
	.informate-list dd{ width:auto; flex:1; -webkit-flex:1; -webkit-box-flex:1; box-flex:1;}
	.goverman{ padding-left:0; margin-bottom:20px; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; flex-flow: row wrap; -webkit-flex-flow: row wrap;}
	.goverman-info{ width:48%; margin-bottom:24px; margin-right:4%; box-sizing:border-box;}
	.goverman-info:nth-child(2n+2){ margin-right:0;}
	.goverman-info a{ display:block; padding:0; text-align:center;}
	.row-list{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; flex-flow: row wrap; -webkit-flex-flow: row wrap;}
	.row{ width:32%; margin-right:2%;}
	.rowtext{ width:100%; margin-right:0;}
	.row textarea{ width:100%; box-sizing:border-box; height:140px;}
	.row .inptext{ box-sizing:border-box; width:100%;}
	.verificate{ width:100%;}
	.verificate .inptext{ width:32%;}
	.eventnew{ margin-left:-45%; margin-top:0; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%);}
	.eventnew .down{ margin-top:40px;}
	.eventnew h2{ font-size:32px;}
	.new-page-c{ padding-right: 0px; border-right: 0px none; width: auto; float: none;}
	.new-page-silder{ float: none; width: auto; margin-top: 60px;}
	.nsilder-box{ display: none;}
	.new-list dd{ box-shadow:0 0 14px rgba(0,0,0,0.1);}
	.new-list .con{ padding-top: 5%;}
	.new-list .t{ font-size: 18px; color: #e3001e;}
	.new-list .c{ margin-bottom: 8%;}
	.new-list .more i{ width: 100%;}
	.viewbox{ padding:50px 0 ;}
	.views{ padding:34px 30px;}
	.steps li{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; margin-bottom:6px;}
	.steps li span{ width:auto; flex:1; -webkit-flex:1; -webkit-box-flex:1; box-flex:1;}
	.contact{ background-attachment:local !important;}
	.farmbanner{ margin-left:-45%; margin-top:0; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%);  display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; box-align:center; -webkit-box-align:center; align-items:center;  -webkit-align-items:center; flex-flow: row wrap; -webkit-flex-flow: row wrap;}
	.fbanner{ background:url(../image/41.jpg) center no-repeat; background-size:cover;}
	.fbanner figure{ display:none;}
	.farm-list li:nth-child(1){ margin-left:-47px;}
	.farmtop{ width:100%; }
	.vwrap .videobox{ width:90%; margin-left:-45%;}
	.farm-flex{ display:none;}
	.farm-content{ padding-right:0; float:none; margin:auto;}
	.absorbed .eggs-info .eggstop,.absorbed-t{ opacity:1; top:0; visibility:visible;}
	.farm{ opacity:1; visibility:visible; left:0;}
	.recipes-text figure,.menu{ opacity:1; transform:rotateY(0); -webkit-transform:rotateY(0); -moz-transform:rotateY(0);}
	.recpesbfix,.sudalybg{ background-attachment:local !important;}
	.farmline{ display:none;}
	.iphone-fix{ display:block;}
	.investor-box{ padding-top:0;}
	.informate-left{ display:none;}
	.message{ background:none;}
	.informates{ border-left:none; width:100%; box-sizing:border-box;}
	.informas{ padding:30px 5%;} 
    .introduct-wr{ width:100%;}
    .pro-bd{ width:90%; margin-left:-45%;}
    .introductfix{ padding:32px;}
    .introduct-fixs{ margin-top:0;}
    .event{ margin-top:34px;}
    .pageNavBox{ margin-top: 0;}
	.pageNavBox{ height: 40px;}
	.pagenav{ position: relative;}
	.pagenav.fixed{ top: 52px;}
	.pageNavBox a:link, .pageNavBox a:visited { color: #666;}
	.cpnav{ display: block;}
	.cpnavbox{ position: absolute; left: 0px; top: 40px; height: auto; line-height: 1.4; width: 100%; z-index: 800; display: none; background-color: #666; background-color: rgba(255,255,255,0.9); padding-top: 0; border-bottom: 1px solid #e4c36a;}
	.cpnavbox a:before{ display: none;}
	.cpnavbox a:last-child:after{ display: none;}
	.cpnavbox a{ width:40%; display: block; float: left; padding: 12px 5%; font-size: 13px; margin: 0px; color: #0b8153; border-left: 0px none; border-bottom: 1px solid #ccc; }
	.cpnavbox a:hover,.cpnavbox a.active{ background-color: rgba(255,255,255,0.8); color: #e3001e;}
	.cpnavbox a.blackBtn{ display: none;}
	.iboxT .zh {font-size: 20px;}
	.infoPage-padding{ padding: 50px 0px;}
	.infoPage-box{ margin-top: 0;}
	.info-T{ padding: 30px 35px 15px;}
	.info-T h3{ font-size: 24px;}
	.infoPage{ padding: 35px;}
    .previous .previ,.backlist{ width: 120px; height: 36px; line-height: 36px;}
    .backlist {margin-left: -60px;}
    .job , .joblist{padding: 60px 0px;}
    .conceptList dd{ width: 49%; margin-bottom: 15px;}
	.conceptList .ico img{ width: 30px;}
	.conceptList .t{ margin-bottom: 18px;}
}
@media screen and (max-width:861px){ 
    body{ cursor:pointer;}
	.menubox{ width:83%; margin-right:-83%;}
	.header-box.on,.innerbox.on{ right:83%;}
	.home.on{ right:83%;}
	.menuhome a,.menu-list > li > a,.leval-menu li a{ text-indent:10%;}
	.letter span{ letter-spacing:35px;}
	.eggs-info{ margin:0;}
	.eggs .slick-prev, .eggs .slick-next{ top:34%;}
	.menu-wr{ padding-top:30px;}
	.menu-wr h3{ margin-bottom:14px;}
	.menu-wr p{ line-height:1.8; height:126px; overflow:hidden}
	.footer-left{ width:100%; margin-bottom:16px; float:none;}
	.footer{ padding:30px 5%;}
	.investment{ margin-bottom:16px;}
	.footer-right{ width:100%; float:none;}
	.footer-right p span:first-child{ margin-left:0;}
	.edite{ position:relative; top:0; left:0; margin-top:16px;}
	.event-info{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; flex-flow: row wrap; -webkit-flex-flow: row wrap;}
	.event-info p{ width:auto; flex:1; -webkit-flex:1; -webkit-box-flex:1; box-flex:1;}
	.cooper-span{ padding-bottom:0;}
	.cooper-span span{ width:30%; margin-bottom:6px;}
	.product-t p{ width:100%;}
	.investor-list{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; flex-flow: row wrap; -webkit-flex-flow: row wrap;}
	.investor-list li{ flex:1; -webkit-flex:1; -webkit-box-flex:1; box-flex:1;}
	.investor-list li a{ display:block; padding-right:0;}
	.farms { width:100%;}
	.farm-content{ width:90%;}
	.farm-box{ padding:0 0 50px;}
	.tq-serach-box{width: 40%;}
} 
@media screen and (max-width:751px){
	.letter span{ letter-spacing:30px;}
	.eggs-info{ text-align:center;}
	.eggs-info .eggsimg{ width:320px; margin:auto; padding:0;}
	.product-btn .eggs-info .eggsimg{ width:100%;}
	.investor-bg{ display:none;}
	.iphone-fix{ display:block;}
	.row{ width:48%; margin-right:4%;}
	.row:nth-child(2n+2){ margin-right:0;}
	.row:nth-child(3n+3){ margin-right:4%;}
	.rowtext,.verificate{ width:100%;}
	.verificate .inptext{ width:48%;}
	.informate-list .informate-info{ width:100%; margin-right:0;}
}
@media screen and (max-width:641px){
	.iboxT .zh {font-size: 20px;}
	.product-index-sub {padding: 40px 0px;}
	.sm-pbanner-C .zh {font-size: 14px;}
	.sm-pbanner-C .en {font-size: 18px;}
	.header-box{ padding:10px 0;}
	.menuBtn{ width:42px; height:34px; margin-top:4px;}
	.menuBtn .burger{ width:28px; height:3px; left:8px;}
	.menuBtn .burger-1{ top:8px;}
	.menuBtn .burger-2{ top:16px;}
	.menuBtn .burger-3{ top:24px;}
	.logo, .header-box.scollfox .logo{ width:138px; position:relative; left:0; margin-left:0; float:left; top:0;}
	.market-info{ margin-left:6px;}
	.market-info a{ transform:scale(0.8); -webkit-transform:scale(0.8); -moz-transform:scale(0.8);}
	.market{ margin-top:4px; display:none;}
	.mtop{ height:62px;}
	.menuhome a,.menu-list > li > a{ height:72px; line-height:72px; font-size:20px;}
	.leval-menu li a{ line-height:65px; font-size:18px;}
	.letter span{ letter-spacing:22px;}
	.bannerBox .flex-control-nav{ left:5%; bottom:60px;}
	.mouse{ right:5%; bottom:60px; display:none;}
	.daily{ left:100px; bottom:60px; display:none;}
	.btext h1{ font-size:32px;}
	.btext small{ font-size:16px;}
	.eggs-info{ margin:auto;}
	.eggs{ padding:0 10%;}
	.absorbed-t h2,.farm h3{ font-size:30px; margin-bottom:5px;}
	.absorbed-t p,.farm p{ font-size:14px;}
	.eggs-info .eggsimg{ width:280px;}
	.eggstext strong{ margin-bottom:10px;}
	.eggstext span{ font-size:20px;}
	.eggstext{ margin-top:0; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%);}
	.farm{ padding-top:30%;}
	.page3 .farm{ padding-top:0%;}
	.menu-wr{ padding-left:30px; padding-right:30px;}
	.menu{ width:100%; height:auto; padding-bottom:30px; margin-left:0; flex:none; -webkit-flex:none;  -webkit-box-flex:none; box-flex:none; margin-top:30px; box-sizing:border-box;}
	.recipes{ padding-top:50px; padding-bottom:50px;}
	.page4 .pagewidth{ height:auto !important;}
	.menu-wr h3{ font-size:22px;}
	.menu-wr p{ height:auto;}
	.investment{ margin-bottom:10px;}
	.edite{ line-height:1.4;}
	.edite a{ margin-left:0; }
	.footer{ padding:24px 5%;}
	.pbannerfix{ width:300px; height:300px;}
	.pbanner-wr h1{ font-size:24px;}
	.down{ bottom:32px;}
	.introduct-box,.story-box{ padding:50px 0;}
	.common-t h2{ font-size:24px;}
	.introductfix{ margin-top:20px;}
	.introductfix img{max-width: 100%;height: auto;}
	.videoIbox span{ width:46px; height:46px; margin-left:-23px; margin-top:-23px; background-size:cover !important;}
	.brand-top{ margin-top:16px;}
	.story-tab{ margin-top:30px;}
	.storyfix{ margin-bottom:20px; width:100%; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; flex-flow: row wrap; -webkit-flex-flow: row wrap;}
	.story-info{ flex:1; -webkit-flex:1; -webkit-box-flex:1; box-flex:1;}
	.profile{ padding:50px 0; background-size:auto !important;}
	.profile-text{ background:rgba(255,255,255,1.00);}
	.profile-text{ margin-top:32px;}
	.profile-text p{ margin-bottom:14px;}
	.honorTop{ padding:50px 0;}
	.honor-list .slick-prev, .honor-list .slick-next{ top:50%; margin-top:-20px;}
	.honor-list{ margin-top:40px; margin-bottom:0;}
	.sundaly-box{ padding:50px 0;}
	.sundat{ margin-bottom:50px;}
	.sundat p{ width:100%;}
	.event-middle{ width:126px;}
	.cooperate-box{ padding:50px 0;}
	.event-list li .event-item{ margin-bottom:34px;}
	.cooperate-text{ margin-top:30px;}
	.cooperatfix{ padding:32px;}
	.cooper-in{ width:32%; margin-right:2%;}
	.cooper-in:nth-child(3n+3){ margin-right:0;}
	.cooper-in:nth-child(5n+5){ margin-right:2%;}
	.cooper-list{ margin-top:30px;}
	.product-btn .eggstext{ margin-top:0;}
	.devotefix{ width:100%;}
	.devotefix h1{ font-size:24px;}
	.devotefix .down{ margin-top:50px;}
	.product-tp{ padding-top:0;}
	.products{ padding:30px 0 50px;}
	.product-t h3{ font-size:24px;}
	.product-t{ margin-bottom:30px;}
	.productimg .flex-direction-nav li a{ top:40%;}
	.proimg{ width:100%; display:block; height:auto; margin-bottom:30px;}
	.protext{ width:100%;}
	.proview,.crowd{ padding:34px 26px;}
	.informate-wr{ padding:30px 26px 26px;}
	.informate{ margin-top:36px;}
	.investor-box{ padding-bottom:40px;}
	.investorb .ivestfix h3{ font-size:30px;}
	.govermance-list li a{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between;}
	.govermance-list li a span{ width:70%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
	.row{ width:100%; margin-right:0;}
	.row:nth-child(3n+3){ margin-right:0;}
	.verificate .inptext{ width:100%; margin-bottom:13px;}
	.message{ padding:42px 0  0;}
	.eventnew h2{ font-size:26px;}
	.eventnew small{ margin-bottom:8px;}
	.eventnew .down{ display:none;}
	.new-list{ padding-bottom: 15px;}
	.new-list .img{ padding: 20px; float: none; width: auto;}
	.new-list .con{ padding: 0px 20px 10px; float: none; margin-left: 0; width: auto;}
	.new-list .c{ margin-bottom: 20px;}
	.recipes-box{ margin-top:-130px;}
	.recipesbg h4{ font-size:20px; margin-left:24px; margin-top:10px;}
	.recipes-wr{ padding-top:100px; height:70px;}
	.stage{ left:14px; top:12px; transform:scale(0.8); -webkit-transform:scale(0.8);}
	.recipesbg .more{ width:130px; height:44px;}
	.recipesbg .more span{ padding-left:20px; width:110px; background-position:95px center; height:44px; line-height:44px;}
	.recipesbg .more:hover span{ background:url(../image/arrow.png) 95px center no-repeat;}
	.recipesfix{ padding:30px 24px 0;}
	.recipes-li{ margin-bottom:34px;}
	.ingredients{ width:100%;}
	.contact-content{ width:100%; box-sizing:border-box;}
	.contact{ padding:88px 0;}
	.contact-t h3{ font-size:30px;}
	.contact-t small{ margin-bottom:10px;}
	.contact-t{ margin-bottom:32px;}
	.contact-content{ padding:32px 22px;}
	.contatop span{ padding-right:35px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
	.farmtop h3{ font-size:26px;}
	.farmtop p{ font-size:14px;}
	.farmborder{ width:220px; height:220px;}
	.farmborder .video-info{ width:120px; height:120px; box-sizing:border-box; margin-left:-60px; margin-top:-60px;}
	.farm-list li{ width:66px; height:66px; padding-top:0;}
	.farm-list li strong{ transform:scale(0.5); -webkit-transform:scale(0.5); -moz-transform:scale(0.5); margin-top:-6px;}
	.farm-list li span{ top:-8px; font-size:12px;}
	.farm-list li:nth-child(1){ margin-left:-33px; top:-33px;}
	.farm-list li:nth-child(5){ top:50%; margin-top:-33px; left:-33px;}
	.farm-list li:nth-child(2){ top:50%; margin-top:-33px; right:-33px;}
	.vwrap .videobox{ height:360px; margin-top:-180px;}
	.farms{ padding-top:0;}
	.farm-ts h3{ font-size:20px;}
	.farm-ts p{ font-size:14px;}
	.farm-ts{ margin-bottom:15px;}
	.bannerBox .banner li img.imgshow{ display:none;}
	.bannerBox .banner li img.imghide{ display:block;}
	html.openPH #proPage .pro-bd{ width:100%; margin-left:0; left:0;}
	.introduct{ width:100%;}
	.introductfix{ padding:30px 5%; border-radius:0;}
	.introduct-video{ width:90%; margin:auto; margin-top:34px;}
	.story{ width:100%;}
	.brands{ padding:34px 5%; border-radius:0;}
	.profile { width:100%; margin-left:-50%;}
	.profile-text{ border-radius:0; padding:34px 5%;}
	.brand-info img{max-width: 100%;height: auto!important;}
	.infoPage-box{margin-top: 0px;width: auto;}
	.info-T {padding: 35px 5% 15px; border-bottom-width: 1px;}
	.info-T span,.info-T time{font-size: 12px; margin-right: 2px;}
	.info-T h3{ font-size: 18px;}
	.infoPage{ padding: 25px 5% 40px;}
	.previous .previ,.backlist{ width: 80px; font-size: 12px;}
	.backlist{   margin-left: -40px;}
	.job , .joblist{padding: 40px 0px;}
	.conceptList { margin-left: 0;}
	.conceptList dd{ float: none; margin-left: 0; width: auto; height: auto !important;}
	.conceptList .item{ padding: 20px 5% 30px;}
	.informate-list .informate-info{ width:100%; margin-right:0;}
	.contact-page .innerbox , .contact{padding: 0px;}
	.tq-serach-box{width: 73%;margin-top: 15px;}
	.new-list .c {height: 55px;}
}
@media screen and (max-width:520px){
	.letter span{ letter-spacing:16px;}
	.viewlist{ width:100%; padding-left:0;}
	.view-share{ width:100%;}
}
@media screen and (max-width:481px){
	.letter span{ letter-spacing:12px;}
	.btext h1{ font-size:28px;}
	.absorbed-t h2,.farm h3{ font-size:26px;}
	.eggs-info .eggsimg{ width:100%;}
	.absorbed-t p,.farm p{ font-size:12px; margin-top:10px;}
	.more{ width:150px; height:44px; line-height:44px;}
	.more a, .more span{ line-height:44px; height:44px; font-size:14px;}
	.eggs .slick-prev, .eggs .slick-next{ transform:scale(0.8); -webkit-transform:scale(0.8); -moz-transform:scale(0.8);}
	.eggstext span{ font-size:18px;}
	.eggstext b{ font-size:26px;}
	.commons .more{ margin-top:32px;}
	.recipes-text figure{ width:240px;}
	.recipes-text{ margin-top:36px;}
	.daily,.mouse,.bannerBox .flex-control-nav{ bottom:40px;}
	.letter{ bottom:14px;}
	.videoIbox{ overflow:hidden;}
	.introduct-video{ margin-top:0;}
	.video-info b{ margin-top:14px;}
	.video-info{ width:100%; margin-top:32px;}
	.story-info{ margin-right:30px;}
	.story-info:before{ right:-26px;}
	.story-tab{ margin-top:14px;}
	.introduct-box, .story-box,.honorTop,.cooperate-box{ padding:32px 0;}
	.storys{ padding:32px;}
	.storyt p{ line-height:1.8;}
	.profile-text{ padding:32px 24px;}
	.profile-text p{ text-indent:24px;}
	.honor-info figure{ margin:0;}
	.honor-list{ margin-top:20px;}
	.event-list li .event-item .event-text{ flex:none; -webkit-flex:none;  -webkit-box-flex:none; box-flex:none; margin-left:0; width:100%; top:0; margin-top:15px;}
	.event-middle .event-icon::before{ width:1px; height:40px; left:50%; top:24px;}
	.event-item:nth-child(2n+2) .event-middle .event-icon:before{ left:50%;}
	.event-middle{ width:140px;}
	.event-middle strong{ width:100%; float:left; text-align:center;}
	.event-middle .event-icon{ float:left; margin-left:48px;}
	.event-item:nth-child(2n+2) .event-middle .event-icon{ float:left;}
	.sundat{ margin-bottom:24px;}
	.event-wr{ padding:14px 24px;}
	.event-info p{ margin-left:10px;}
	.event-middle strong em{ font-size:32px;}
	.event-list li .event-item{ margin-bottom:26px;}
	.cooperatfix{ padding:26px;}
	.cooperate-text{ margin-top:16px;}
	.cooper-span span{ width:48%; margin-right:4%; float:left;}
	.cooper-span span:nth-child(2n+2){ margin-right:0;}
	.cooper-span{ padding:11px 11px 0;}
	.cooper-span span{ margin-bottom:11px;}
	.product-btn .eggs-info .eggsimg{ width:260px;}
	.product-btn .eggs .slick-prev, .product-btn .eggs .slick-next{ transform:scale(0.6); -webkit-transform:scale(0.6); -moz-transform:scale(0.6);}
	.productimg .flex-direction-nav li a{ top:34%;}
	.productimg .flex-direction-nav li a.flex-next{ right:-10px;}
	.productimg .flex-direction-nav li a.flex-prev{ left:-10px;}
	.productimg{ margin-bottom:30px;}
	.goto{ margin-top:30px;}
	.informate-list{ margin-bottom:8px;}
	.goverman-info{ width:100%; margin-right:0; margin-bottom:16px;}
	.govermance-list li a span{ width:60%;}
	.goverman{ margin-bottom:10px;}
	.page-list a{ width:30px; margin-right:0;}
	.page-list a.prev{ margin-right:5px;}
	.page-list a.next{ margin-left:5px;}
	.page-list{ margin-top:22px;}
	.row-text{ margin-top:22px;}
	.message h2{ font-size:20px; margin-bottom:24px;}
	.row .inptext,.row textarea{ font-size:12px;}
	.message{ padding-top:30px;}
	.friendlinks span{ height:38px; line-height:38px;}
	.friend-down{ bottom:44px;}
	.new-wr{ padding:26px 22px;}
	.new-content .newtime strong{ font-size:26px;}
	.new-content .newtime{ margin-right:20px; padding-bottom:10px;}
	.view-t h3{ line-height:1.2; font-size:20px;}
	.views{ padding:26px 24px;}
	.viewt p{ margin-bottom:14px;}
	.viewbox{ padding:34px 0;}
	.view-content{ width:100%;}
	.view-top{ width:90%; margin:auto; margin-bottom:20px;}
	.recipes-wr{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; height:60px;}
	.recipesbg h4{ flex:1; -webkit-flex:1; -webkit-box-flex:1; box-flex:1; margin-right:22px; overflow:hidden; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	.recipes-view{ width:90%; margin:auto;}
	.recipes-li dt{ font-size:20px;}
	.recipes-li dd{ padding-top:10px;}
	.pagenext{ width:34px; height:34px; background-size:cover !important;}
	.backl{ height:32px; line-height:32px;}
	.recipesimg .recipes-wr{ height:46px;}
	.ingredients li{ width:50%; box-sizing:border-box;}
	.contact-wr{ width:100%;}
	.contact-t{ width:90%; margin:auto; margin-bottom:30px;}
	.menuhome a, .menu-list > li > a{ height:68px; line-height:68px;}
	.menubox{ width:80%; margin-right:-80%;}
	.header-box.on,.innerbox.on{ right:80%;}
	.home.on{ right:80%;}
	.page2 .absorbed-t p{ display:none;}
	.footer-like .jiathis_style_32x32 .jtico{ height:40px !important; background-size:cover !important; padding-left:40px !important;}
	.produb figure img{ transform:translateX(-100px); -webkit-transform:translateX(-100px); -moz-transform:translateX(-100px);}
	.produb .devotefix p{ display:none;}
	.farm-info{ margin-bottom:36px; padding-bottom:38px;}
	.recipesbg .commons .more{ margin-top:0;}
	.informas{ padding:0;}
	.pro-page{ padding:32px 5% 30px;}
	#andamap{display: none;}
	.mapDemo{display: none;}
	#phoneandamap{display: block;}
	.mapBox{height: 450px;}
	.iContactList{width: 100%;}
	.iContactList li{width: 100%;margin-bottom: 15px;}
	.iContactList li .ico{margin: 0 auto 10px;}
	.messagePage{width: 100%;}
	.messagePage .aboutT1{font-size: 20px;}
	.messagePage .aboutT2{font-size: 18px;}
	.messagePage .bot{margin: 10px auto 25px;}
	.formbox{width: 96%;padding: 0 2%;}
	.ctxt{width: 96%;}
	.ctxt1{margin-bottom: 15px;}
	.ctxt2{float: none;}
	.formbox dd{position: relative;}
	.randimg{position: absolute;right: 10px;top: 0px;z-index: 1}
	.menuclose{right: 80%;}
}
@media screen and (max-width: 380px){
	.footer-like{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex;}
	.friendlinks{ flex:1; -webkit-flex:1; -webkit-box-flex:1; box-flex:1;}
	.friend-down{ width:100%; box-sizing:border-box;}
	.friendlinks span{ box-sizing:border-box; width:100%;}
	.investment a{ margin-right:30px; font-size:18px;}
	.investment{ margin-bottom:5px;}
	.footer-right p span{ margin-left:14px;}
	.footer-right p{ margin-bottom:10px;}
	.edite{ margin-top:10px;}
	.btext h1{ font-size:24px;}
	.story-info:before{ display:none;}
	.story-info{ margin-right:6px;}
	.storys{ padding:24px 20px;}
	.cooper-in{ width:48%; margin-right:4%;}
	.cooper-in:nth-child(3n+3){ margin-right:4%;}
	.cooper-in:nth-child(5n+5){ margin-right:4%;}
	.cooper-in:nth-child(2n+2){ margin-right:0;}
	.cooperate-box{ padding-bottom:20px;}
	.cooper-in figure{ margin-bottom:3px;}
	.cooper-in{ margin-bottom:10px;}
	.cooperatfix{ margin-bottom:28px;}
	.product-btn .eggs-info .eggsimg{ width:220px;}
	.conmap{ padding-bottom:24px;}
	.conmap a{ margin-top:14px;}
	.conmap p{ margin-bottom:0;}
	.recipes-text figure{ width:180px;}
}