@media screen and (max-width:1700px){
	.quality{ margin-right:45px;}
	.qualife{ margin-right:45px;}
	.proband .bicon{ position:relative; top:0; width:1200px; margin:auto; left:0; margin-bottom:34px;}
	.conservice .bicon{ display:none;}
}
@media screen and (max-height:850px){
	.enter-text{ height:284px; overflow:hidden;}
}
@media screen and (max-height:650px){
	.enter-text{ height:200px;}
}
@media screen and (max-height:550px){
	.enter-text{ height:170px;}
}
@media screen and (max-width:1450px){
	.productcon{ /*width:75%;*/width:100%;}
	.brand-wr{ padding:20% 44px 32px;}
	.brand-wr h4{ font-size:30px; margin-bottom:22px;}
	.brand-wr p{ height:110px;}
	.quality{ width:90%; float:none; margin:auto;}
	.qualife{ float:none; width:90%; margin:auto;}
	.mapmain{ right:auto; left:60%; margin-left:-177px;}
	.services{ height:540px;}
	.store-wr{ padding:77px 45px;}
	.storecheck{ margin-bottom:88px;}
	.characters span{ font-size:32px; line-height:88px;}
	/*.logo{ left:40px; top:64px;}
	.menu{ right:40px; top:73px;}*/
	.pagenav{ left:40px;}
	.title{ font-size:40px;}
	.culturelist{ width:100%;}
	.hiostory-list li p{ width:70%\9 !important;}
	.enter-text{ margin-top:30px;}
}
@media screen and (max-width:1280px){
	.content,.banner .flex-direction-nav{ width:55%;}
	.conlist li h3{ font-size:30px;}
	.content-wr{ padding:30px 40px 0; height:155px;}
	.conlist li p{ height:60px;}
	.recommend{ margin-right:40px;}
	.commonlogo{ position:relative; display:block; margin:auto; top:0; left:5%; margin-bottom:45px;}
	.commontop{ display:none;}
	.commoned{ float:left; margin-top:0; margin-left:0; display:block; opacity:1;}
	.recommend-box,.brand-center{ padding:100px 0;}
	.recommend{ float:none; margin-right:0; width:90%; margin:auto;}
	.commoned span{ display:none;}
	.commoned small{ margin-bottom:0;}
	.product-box{ padding:100px 0;}
	.products{ width:288px;}
	.productcon{ /*width:90%;*/width:100%; margin:auto; float:none;}
	.story h2{ margin-bottom:22px;}
	.story{ bottom:30px;}
	.story-list li.now a{ font-size:30px; padding-bottom:12px;}
	.story-list li{ padding-top:12px;}
	/*.logo{ left:40px; top:30px;}
	.menu{ right:40px; top:43px;}*/
	.prowred{ height:280px;}
	.protext{ margin-top:-185px;}
	.protext .closed{ width:40px; height:40px; right:-54px;}
	.map figure img{ height:460px; width:auto; position:relative; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); z-index:-1;}
	.mapmain{ width:320px; margin-top:-139px;}
	.add h3{ margin-left:0; width:100%;}
	.addresd{ height:180px;}
	.store-list{ width:100%;}
	.store-list li{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex;}
	.store-text{ flex:1; -webkit-flex:1; -webkit-box-flex:1; box-flex:1; width:auto;}
	.store-list li b{ margin-right:23px;}
	.hiostory-list li{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex;}
	.hiostory-list li p{ flex:1; -webkit-flex:1; -webkit-box-flex:1; box-flex:1; width:auto;}
	.flexbo{ display:none;}
	.commonicon{ width:200px; left:65%;}
	.icontop{ padding-left:23px;}
	.icontop strong{ font-size:28px;}
	.pagenav{ left:20px;}
	.cultured{ width:100%;}
	.hiostory-list{ padding-right:20px;}
}
@media screen and (max-width:1200px){
	.producta{ width:90%;}
	.proband .bicon{ width:90%;}
	.row{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex;}
	.select{ flex:1; -webkit-flex:1; -webkit-box-flex:1; box-flex:1;}
}
@media screen and (max-width:1100px){
	.inner{ width:90%;}
	.ptext{ margin-left:-45%;}
	.mapcontent{ margin-left:-45%;}
}
@media screen and (max-width:1024px){
	body{ cursor:pointer;}
	.bannerdown,.blogo,.line{ display:none;}
	.content,.banner .flex-direction-nav{ width:100%;}
	.banner .flex-direction-nav li a{ bottom:14px;}
	.banner .flex-direction-nav li a.flex-prev{ left:40px;}
	.banner .flex-direction-nav li a.flex-next{ left:155px;}
	.muble{ padding-left:75px;}
	.whise{ display:none;}
	.recommend-box,.product-box,.brand-center{ padding:50px 0;}
	.commonlogo{ margin-bottom:32px;}
	.recommend-list > li{ width:48%; margin-right:4%; margin-bottom:34px;}
	.recommend-list > li:last-child{ margin-bottom:0;}
	.recommend-list > li:nth-child(2n+2){ margin-right:0;}
	.productlist{ position:relative; width:100%;}
	.prowr{ position:relative; margin-top:0; top:0;}
	.products{ width:100%;}
	.products li{ width:48%; margin-right:4%; float:left; margin-bottom:20px;}
	.products li:nth-child(2n+2){ margin-right:0;}
	.products li a{ padding:25px 30px 25px 93px;}
	.products li:hover a{ padding:25px 30px 25px 93px;}
	.products li a:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}
	.products li i:before{ width:100%;}
	.products li p{ color:#fff;}
	.products li b{ transform:rotate(0); -webkit-transform:rotate(0); -moz-transform:rotate(0); opacity:1; visibility:visible; transition:440ms 240ms;}
	.products li:nth-child(1) span{ background:url(../images/icon.png) 0 -33px no-repeat;}
	.products li:nth-child(2) span{ background:url(../images/icon.png) 0 -99px no-repeat;}
	.products li:nth-child(3) span{ background:url(../images/icon.png) 0 -165px no-repeat;}
	.products li:nth-child(4) span{ background:url(../images/icon.png) 0 -231px no-repeat;}
	.products li:nth-child(5) span{ background:url(../images/icon.png) 0 -297px no-repeat;}
	.products li:nth-child(6) span{ background:url(../images/icon.png) 0 -363px no-repeat;}
	.products li:nth-child(7) span{ background:url(../images/icon.png) 0 -429px no-repeat;}
	.producted{ width:100%;}
	.procenter{ left:50%; margin-left:-129px;}
	.footer{ padding-top:88px;}
	.solid{ width:100%; margin-top:0;}
	.solid span{ text-align:left;}
	.solid h1{ margin-bottom:8px;}
	.footert{ margin-bottom:20px;}
	.brand-logo{ display:none;}
	.brand-icon{ right:20px; top:50%; margin-top:-42px;}
	.brandb .slides li figure{ width:62%;}
	.brand-text{ width:65%;}
	.brand-wr h4{ font-size:26px;}
	.story{ position:relative; left:5%; padding:45px 0; bottom:0;}
	.story h2{ color:#2f318b; font-size:30px;}
	.story-list li a,.story-list li.now a{ color:#646464;}
	.story-list li.now a{ padding-bottom:20px; font-size:24px;}
	.story-list li{ padding-top:10px;}
	.menufix{ display:none;}
	/*.header{ padding:18px 5%;}*/
	.logo{ position:relative; left:0; top:0;}
	.menu{ position:relative; left:0; top:0; float:right;}
	.menu strong{ display:none;}
	#menu_toggle{ display:none;}
	#menu_toggle1{ display:block;}
	.menu{ margin-top:6px;}
	.header-box.scoll{ border-bottom:1px solid #eeeeee;}
	.header-box.scoll .header{ padding:18px 5%;min-height:30px;}
	.header-box.scoll {
    background: rgba(255,255,255,0.55);
}
	.menu span,.menu span:after, .menu span:before{ width:32px;}
	.menu span:before{ top:-8px;}
	.menu span:after{ bottom:-8px;}
	.bicon{ display:none;}
	.brand{ padding-top:80px; padding-bottom:78px;}
	.quality .flex-direction-nav li a{ height:56px;}
	.quality-list li .quality-a{ margin-top:20px;}
	.life h4{ font-size:30px;}
	.life{ padding-right:62px; min-height:380px;}
	.freedom-left{ width:100%; margin-top:0;}
	.news{ width:100%; background:#f0f0f0;}
	.news-wr{ padding:50px 5%;}
	.brand{ padding-top:0; padding-bottom:40px;}
	.pagelist{ position:relative; bottom:0;}
	.ptext h3{ font-size:38px;}
	.ptext small{ font-size:38px;}
	.ptext{ margin-top:0; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%);}
	.proclass{ padding-top:88px;}
	.product{ padding:88px 0 68px;}
	.product-wr{ padding-bottom:0;}
	.product-info{ width:48%; margin-right:4%; margin-bottom:33px;}
	.product-info:nth-child(2n+2){ margin-right:0;}
	#carousel{ display:none;}
	#slider .flex-prev{ left:5%;}
	#slider .flex-next{ right:5%;}
	#slider .flex-prev, #slider .flex-next{ top:50%;}
	.protext .closed{ display:none;}
	.protext{ top:auto; right:0; width:100%; background:rgba(0,0,0,0.7); text-align:center; margin-top:0; bottom:0;}
	.prowred{ box-sizing:border-box; width:100%; padding:20px 5%; margin:auto; height:auto;}
	.prolist li p{ display:none;}
	.prolist li h3{ margin-bottom:0; color:#fff; font-size:24px;}
	.prolist li span{ display:none;}
	.prolist li{ transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); position:relative;}
	.proband .bicon{ display:block;}
	.proband .bicon img{ display:none;}
	.bicon strong{ padding-top:34px;}
	.proband .bicon strong{ margin-top:0;}
	.mapmain{ left:auto; right:5%;}
	.mapicon{ transform:scale(0.78) translateX(-50%); -webkit-transform:scale(0.78) translateX(-50%); -moz-transform:scale(0.78) translateX(-50%);}
	.idea{ width:100%;}
	.conservice .woodbg{ display:none;}
	.services{ width:100%; height:auto; margin-right:0;}
	.ideawr{ padding:38px 5%;}
	.idea{ padding:0;}
	.stored{ width:100%;}
	.row{ width:50%;}
	.storecheck{ margin-bottom:45px;}
	.conservice{ padding-bottom:0;}
	.store-wr{ padding:45px 5%;}
	.resource{ left:5%; bottom:30px;}
	.resource small{ font-size:30px; margin-bottom:20px;}
	.resource h3{ font-size:30px;}
	.teambox{ padding-top:45px; width:90%; margin-left:5%; float:left; }
	.teambox h3{ margin-left:0; margin-bottom:32px;}
	.recuite{ width:90%;}
	.recuite-box{ padding:45px 0 20px;}
	.recuite-list li:before{ display:none;}
	.recuite-list li{ width:48%; margin-right:4%;}
	.recuite-list li:nth-child(3n+3){ margin-right:4%;}
	.recuite-list li:nth-child(2n+2){ margin-right:0;}
	.recuite-list li:hover .recuited h3{ color:#323232;}
    .recuite-list li:hover .recuited strong{ color:#323232;}
    .recuite-list li:hover .recuited strong i{ color:#323232;}
    .recuite-list li:hover .need p{ color:#323232;}
	.need{ width:100%; left:0; padding:0 26px; box-sizing:border-box;}
	.wrapper{ position:static; height:auto !important;}
	.wrapper .page{ opacity:1;}
	.pagenav{ display:none;}
	.characters span{ font-size:28px; line-height:66px;}
	.scroll-btn{ display:none;} 
	.enter{ width:100%;}
	.enter-text{ height:auto; overflow:visible;}
	.title{ font-size:40px;}
	.wrapper .page{ height:auto !important;}
	.pagebg{ display:none;}
	.video .pagebg{ display:block;}
	.enter{ position:relative; width:100%; padding:65px 0;}
	.enter-wr{ position:relative; width:90%; left:0; top:0; margin:auto;}
	.culturefix{ position:relative; width:100%; padding:65px 0;}
	.cultre-icon{ position:relative; width:100%; display:none;}
	.proband .bicon{ margin-bottom:28px;}
	.conservice .bicon{ display:none;}
	.newb figure img{ height:120px; width:auto; position:relative; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%);}
	.newtitle{ left:5%;}
	.view{ width:90%;}
	.view-t h2{ font-size:26px; margin-bottom:16px;}
	.view-t{ margin-bottom:32px;}
	.newview{ padding-top:45px;}
	.pagepre{ margin-top:88px;}
	.pro-bd{ width:90%; margin-left:-45%;}
	.memberView{ width:100%;}
	.closes{ right:24px; top:20px; width:38px; height:38px;}
	.cultured{ height:auto; overflow:visible;}
	.honor-list{ width:auto !important;}
	.honor-list li{ margin-bottom:20px; width:31%; box-sizing:border-box; margin-right:3.5%;}
	.honor-list li:nth-child(3n+3){ margin-right:0;}
	.culturelist{ padding-bottom:0;}
	.culturefix{ padding-bottom:40px;}
	.enter-text{ padding-right:0;}
	#ascrail2001{ display:none !important;}
	.hiostory-list{ padding-bottom:0; padding-right:0;}
	.listimg{ padding:40px 5% 70px;}
	.content{ position:relative;}
	.banner .bannerbox li,.banner{ width:100% !important; height:auto !important;}
	.banner .bannerbox li a > img{ width:100% !important; height:auto !important; left:0 !important; top:0 !important;}
}
@media screen and (max-width:861px){
	.woodbg{ width:100%;} 
	.brandfix{ width:100%;}
	.brandimg,.qualife .brandimg{ margin-top:0; width:100%;}
	.brandimg img,.qualife .brandimg img{ width:100%; max-width:none;}
	.modern{ display:none;}
	.branded{ padding:34px 40px 60px;}
	.brandimg i{ width:60px;}
	.brandimg figure{ padding-right:60px;}
	.startfix{ width:100%; margin-top:0;}
	.startwr{ padding:45px 32px;}
	.brandfix{ width:100%;}
	.qualife .brandfix{ width:100%;}
	.life{ min-height:auto; padding:34px 5%;}
	.freedom{ margin-top:42px;}
	.freedom-wr{ padding:34px 5% 40px;}
	.freeds{ width:100%; margin-top:80px;}
	.product-list{ width:46%;}
	.product-list li{ width:50%; box-sizing:border-box;}
	.product-list li a{ height:110px; line-height:110px;}
	.product-fix li a b{ line-height:110px;}
	.row{ width:100%;}
	.startimg{ width:100%;}
}  
@media screen and (max-width:751px){
	.brandb .slides li figure{ width:100%;}
	.brand-text{ position:relative; bottom:0; width:100%; float:left;}
	.brand-icon{ top:auto; bottom:20px;}
	.brand-wr p{ height:auto; margin-bottom:24px;}
	.brand-wr h4{ font-size:20px; margin-bottom:14px;}
	.quality-list li .quality-a{ width:100%; box-sizing:border-box; padding-right:60px;}
	.quality-list li .quality-a:before{ width:60px;}
	.quality-list li .quality-a img{ width:100%; max-width:none;}
	.quality-b{ width:100%;}
	.mapmain{ display:none;}
}
@media screen and (max-width:641px){
	.conlist li h3{ font-size:24px; margin-bottom:5px;}
	.conlist li p{ height:68px; line-height:1.8;}
	.content-wr{ height:150px;}
	.content-wr{ padding:24px 40px 0;}
	.muble{ padding-left:40px; display:none;}
	.reconmmendt h3{ left:30px; top:30px;}
	.reconlist{ margin-left:30px;}
	.reconmmendt span{ display:none;}
	.products li{ width:100%; margin-right:0;}
	.centerwr small{ margin-bottom:40px;}
	.more{ transform:scale(0.78); -webkit-transform:scale(0.78); -moz-transform:scale(0.78);}
	.furniture{ width:100%; margin-bottom:12px;}
	.address{ margin-left:0; width:100%; padding-left:0; border-left:none;}
	.footer{ padding-top:40px;}
	.furniture small{ top:10px;}
	.menus-list{ margin-top:18%;}
	.menus-list li a{ font-size:22px; line-height:64px;}
	.logo{ width:200px;}
	.brand{ padding:40px 0;}
	.proband{ padding-top:0;}
	.branded strong{ font-size:30px;}
	.branded p{ margin-top:20px;}
	.branded{ padding:28px 30px 30px;}
	.brandimg figure{ padding-right:0;}
	.brandimg i{ display:none;}
	.woodbg{ height:380px;}
	.mtop{ display:block; height:70px;}
	.header-box{ background:#fff; border-bottom:1px solid #a0a0a0;}
	.quality .flex-direction-nav li a{ height:46px;}
	.life h4{ font-size:26px; margin-bottom:20px;}
	.freedom-wr small{ font-size:50px; line-height:1.3;}
	.freedom-wr h3{ font-size:24px; margin-bottom:10px;}
	.freeds .flex-direction-nav li a{ width:50px; height:70px;}
	.freeds .flex-direction-nav li a:hover{ background-position:center !important;}
	.freeds .flex-direction-nav li a.flex-prev{ top:-35px;}
	.freeds .flex-direction-nav li a.flex-next{ bottom:-35px;}
	.news-wr{ padding:0 5% 40px;}
	.ptext h3{ font-size:28px; padding-bottom:20px;}
	.ptext small{ font-size:28px; margin-top:14px;}
	.product-list{ width:100%;}
	.product-fix{ margin-top:35px;}
	.product-list li:before{ display:none;}
	.product-list li:hover a{ color:#323232;}
	.product-fix li:hover a{ color:#fff;}
	.proclass .woodbg{ display:none;}
	.proclass{ padding:45px 0;}
	.product{ padding-top:0;}
	.producta{ width:100%;}
	.product{ padding-bottom:20px;}
	.prolist li h3{ font-size:20px;}
	#slider .flex-prev, #slider .flex-next{ width:32px; height:54px; margin-top:-27px;}
	.map figure img{ height:340px;}
	.mapicon{ transform:scale(0.5) translateX(-50%); -webkit-transform:scale(0.5) translateX(-50%); -moz-transform:scale(0.5) translateX(-50%); right:24%;}
	.ideawr h3,.storecheck h3{ font-size:26px; margin-bottom:14px;}
	.storecheck{ margin-bottom:20px;}
	.store-wr{ padding:34px 5% 0;}
	.resource small{ font-size:26px; margin-bottom:10px;}
	.resource h3{ font-size:26px;}
	.teambox h3{ font-size:26px;}
	.teambox{ padding-top:30px;}
	.team .flex-direction-nav li a{ height:50px;}
	.recuite-box{ padding-top:0;}
	.recuite-list li{ width:100%; margin-right:0;}
	.recuited{ height:auto;}
	.recuited h3{ margin-bottom:50px;}
	.need{ position:relative; bottom:0; padding:0; box-sizing:border-box;}
	.conservice{ padding-bottom:30px;}
	.characters{ width:100%;}
	.characters span{ font-size:24px; line-height:58px;}
	.pagebg span{ transform:scale(0.7); -webkit-transform:scale(0.7); -moz-transform:scale(0.7);}
	.title{ font-size:32px;}
	.enter-text{ margin-top:30px;}
	.enter,.culturefix{ padding:45px 0;}
	.hiostory-list li{ margin-bottom:34px;}
	.honor-list li{ width:48%; margin-right:4%; margin-bottom:26px;}
	.honor-list li:nth-child(3n+3){ margin-right:4%;}
	.honor-list li:nth-child(2n+2){ margin-right:0;}
	.view-t h2{ font-size:20px; margin-bottom:4px;}
	.view-t{ margin-bottom:20px;}
	.pagepre{ margin-top:40px;}
	.pro-bd{ width:100%; margin-left:0%; left:0;}
	.memberView{ border-radius:0;}
	.recourewr{ padding:35px 5%;}
	.recoure-info{ width:auto;}
	.closes{ width:24px; height:24px;}
	.recoure-info strong{ font-size:26px;}
	.recoure-info:nth-child(1){ width:50%;}
	.recoure-info:last-child{ display:none;}
	.recouret{ margin-bottom:30px;}
	.product-text h3{ width:100px;}
	.flex-images .item{ margin-bottom:30px;}
	.banner .flex-direction-nav{ display:none;}
}
@media screen and (max-width:520px){
	.recommend-list > li{ width:100%; margin-right:0;}
}
@media screen and (max-width:481px){
	.commonlogo{ margin-bottom:28px;}
	.procenter img{ width:230px;}
	.centerwr{ width:198px; height:225px;}
	.centerwr small{ margin-top:33px; margin-bottom:38px;}
	.procenter{ margin-left:-115px; margin-top:-128px;}
	.brand-wr{ padding:34px 36px;}
	.brand-text .more{ left:-10px; position:relative;}
	.solid h1{ font-size:38px; margin-bottom:0;}
	.footert{ margin-bottom:10px;}
	.story-list li{ margin-right:20px;} 
	.story-list li.now a{ font-size:20px;}
	.story{ left:0; width:90%; margin:auto;}
	.story-list li:last-child{ margin-right:0;}
	.menus-list li a{}
	.menudown a{ height:60px;}
	.logo{ width:180px;}
	.header{ padding:14px 5%;min-height:30px;}
	.header-box.scoll .header{ padding:14px 5%;}
	.menu{ margin-top:3px;}
	.story{ padding:30px 0 20px;}
	.brand-fix{ width:100%;}
	.brand{ padding-top:0;}
	.branded{ padding:30px 5%;}
	.branded strong{ font-size:26px;}
	.mtop{ height:58px;}
	.startwr span{ font-size:20px; margin-bottom:0;}
	.startwr{ padding:30px 5%;}
	.quality-list li .quality-a{ padding-right:0;}
	.quality-list li .quality-a:before{ display:none;}
	.freeds{ margin-top:60px;}
	.news-wr{ padding:40px 5%;} 
	.page-wr{ padding-left:5%;}
	.page-wr a, .page-wr span{ margin-right:26px;}
	.new-list li span{ width:68%;}
	.product-wr{ padding:20px 5% 0;}
	.product-info{ margin-bottom:20px;}
	.product-li{ margin-bottom:20px;}
	.proclass{ padding:32px 0;}
	.map figure img{ height:240px;}
	.select{ height:48px; line-height:48px;}
	.check{ width:55px; height:48px; line-height:48px;}
	.store-list li{ padding:30px 0 5%;}
	.ideawr{ padding:32px 5%;}
	.resource{ bottom:20px;}
	.recuited h3{ font-size:20px;}
	.recuited h3 strong{ font-size:40px; right:20px;}
	.recuite-list li{ margin-bottom:28px;}
	.honor-list li{ min-height:180px;}
	.honor-list li:last-child{ margin-bottom:0;}
	.honor-list,.cultured{ margin-top:34px;}
	.newview{ padding-top:30px;}
	.pagepre{ padding-top:14px;}
	.pagepre a{ padding-bottom:10px;}
	.pagepre a:nth-child(2){ top:14px;}
	.listimg{ padding:30px 5% 15px;}
	.content-wr{ padding-top:14px; padding-right:20px; padding-bottom:14px; height:auto;}
	.conlist li p{ height:auto; margin-bottom:12px;}
	.conlist li.on{ position:relative;}
	.conlist li h3{ font-size:20px;}
}
@media screen and (max-width: 380px){
	.solid h1{ font-size:30px;}
	.story h2{ margin-bottom:14px; font-size:26px;}
	.story-list li.now a{ font-size:18px; padding-bottom:12px;}
	.story-list li{ padding-top:3px; padding-bottom:6px; margin-right:14px;}
	.story-list li a{ font-size:16px;}
}
@media screen and (max-width: 340px){
  
}