@media screen and (max-height:800px){
	.desigered{ width:320px;}
	.directors .flex-direction-nav{ width:320px; margin-left:-160px;}
	.intruwrs{ padding-top:0;}
	.desigered small{ font-size:65px; right:-60px; top:0;}
	.intraductle h3{ font-size:36px; margin-top:25px; margin-bottom:15px;}
	.intraductle span{ margin-bottom:30px;}
	.designers{ margin-top:-233px;}
}
@media screen and (max-width:1800px){
	.header-box.scoll .header{ padding:12px 30px 12px 45px;}
	.header{ padding:25px 30px 25px 45px;}
	}
@media screen and (max-width:1455px){
	.decorate{ padding-top:180px;}
	.decoratitle small{ font-size:60px;}
	.decoratitle span{ font-size:22px;}
	.office{ margin-top:44px;}
	.workplace{ width:75.8%; padding-top:82px; padding-bottom:88px;}
	.feel{ margin-top:68px;}
	.casefix .decoratitle{ padding-top:46px;}
	.caselist li h3{ font-size:20px; margin-bottom:14px;}
	.caselist li p{ height:100px; line-height:1.8; font-size:12px;}
	.caselist{ height:134px;}
	.case .flex-direction-nav{ bottom:170px; margin-left:45px;}
	.casefix{ margin-left:45px;}
	.header-box.scoll .header{ padding:12px 30px 12px 45px;}
	.header{ padding:25px 30px 25px 45px;}
	.nav >li{ margin-right:40px;}
	.aboutle small,.conwr small{ margin-bottom:68px;}
	.products{ padding-bottom:60px;}
	.commonlog{ width:34%;}
	.commonlog strong{ font-size:58px; margin-bottom:16px;}
	.commonlog span{ font-size:22px; margin-bottom:26px;}
	.main{ padding-left:10%;}
	.halls{ width:440px;}
	.flexlogo{ left:2.2%;}
	.section .inner{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; align-items: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; flex-flow: row wrap; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap;}
	.exhibite .commonlog{ margin-top:0;}
	.furniedt{ margin-top:-50px;}
	.furtitle{ margin-bottom:24px;}
	.furtitle h2{ font-size:60px;}
	.newtop{ margin-bottom:50px;}
	.newtop h3{ font-size:36px;}
	.newr strong{ font-size:30px;}
	.newwr{ margin-top:-153px;}
	.maptext{ left:4%; width:230px; padding:40px 26px 60px;}
	.service{ padding:160px 0;}
}
@media screen and (max-width:1280px){
	.abouts{ width:460px;}
	.commonlog strong{ font-size:44px;}
	.commonlog span{ font-size:18px; margin-bottom:18px;}
	.newle{ padding-top:0;}
	.newr strong{ font-size:24px;}
	.newr b{ margin-top:30px; width:32px; height:13px; background-size:cover !important;}
    .newwr .newr b { margin-top:0;}
	.newwr{ width:90%; margin-left:-45%;}
	.newtext{ width:90%;}
	.mapbox{ width:66%;}
}
@media screen and (max-width:1200px){
	.inner{ width:90%;}
	.servicri{ margin-right:0;}
	.desigered{ width:280px;}
	.directors .flex-direction-nav{ width:280px; margin-left:-140px;}
	.desigered small{ font-size:42px; right:-30px;}
	.intraductle span{ margin-bottom:18px;}
	.smore{ margin-top:14px;}
	.designers{ margin-top:-203px;}
}
@media screen and (max-width:1100px){
	.directorlist li .directorwr{ width:90%;}
	.designers .muble{ margin-left:-45%;}
}
@media screen and (max-width:1024px){
	.inner{ width:90%;}
	.header{ display:none;}
	.navigate{ display:block;}
	.decoratitle small{ font-size:45px;}
	.decoratitle span{ font-size:18px; margin-top:12px;}
	.more{ display:none;}
	.decorate{ padding-top:150px;}
	.animateme{ transform:none !important;}
	.aos-init{ transition:0s !important; transform:none !important; opacity:1 !important;}
	.flexbg{ display:none;}
	.decoratewr{ width:91%;}
	.office{ margin-top:30px;}
	.workplace{ width:82%; padding-top:50px; padding-bottom:50px; padding-left:0; padding-right:0; margin:auto;}
	.feel{ margin-top:34px;}
	.feelinfo b{ margin-bottom:12px;}
	.feelinfo strong{ font-size:20px; padding-bottom:0;}
	.feelinfo strong:before{ display:none;}
	.fellbgs{ display:none;}
	.feelinfo figure img{ opacity:1; visibility:visible;}
	.casetext{ width:100%; height:auto; background:none; left:0; position:relative;}
	.caselist{ position:relative; height:auto; margin-top:30px;}
	.caselist li.on{ position:relative;}
	.casefix{ width:100%; margin-left:0; box-sizing:border-box; padding:30px;}
	.casefix .decoratitle{ padding-top:0;}
	.caselist li p{ height:auto;}
	.cases .decoratewr{ border-bottom:1px solid #fff; padding-bottom:30px;}
	.case .flex-direction-nav{ bottom:auto; position:relative; width:auto; left:0; margin-left:0; margin:0 30px; height:10px;}
	.decoratitle b{ font-size:28px;} 
	.theory-box{ padding-top:50px;}
	.decorateli{ margin-top:45px;}
	.decorateli li{ width:48%; margin-right:4%; margin-bottom:32px;}
	.decorateli li:nth-child(2n+2){ margin-right:0;}
	.decorateli li time{ margin-bottom:20px;}
	.decorateli li strong{ font-size:16px; height:auto; margin-bottom:20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
	.decoratetop{ padding-bottom:18px;}
	.designer{ width:100%; background:url(../images/bg1.png) left top repeat-x; float:none;}
	.teambg{ display:none;}
	.desigerimg{ position:relative; width:100%; height:auto; line-height:0;}
	.desigerbg{ display:none;}
	.desigerwr{ padding:50px 34px;}
	.desigers{ height:auto; margin-top:35px;}
	.desigerimg img{ opacity:1; visibility:visible; width:100%; height:auto;}
	.decorateli{ padding-right:5%;}
	.products{ padding-left:9%;} 
	.edites{ width:82%;}
	.footer-box{ padding-top:50px;}
	.aboutle small, .conwr small{ margin-bottom:42px;}
	.aboutle h3{ font-size:20px;}
	.decorateli li .viewmore{ opacity:1; visibility:visible;}
	.decorateli li:hover .decoratefix{ top:0; transition:0.35s 0s;}
	.flexlogo{ display:none;}
	.abouwr,.halls{ width:58%; margin-top:0; box-sizing:border-box; padding:0; margin-left:0;}
	.abouts{ width:100%;}
	.brand{ min-height:auto;}
	.exhibite .commonlog,.events .commonlog{ margin-top:0;}
	.main{ padding-left:5%; padding-right:60px;}
	.menunav{ right:20px;}
	.furniture{ background-size:cover !important; background-attachment:local !important; padding:240px 0 200px;}
	.furnitirew{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex;}
	.furnitures{ flex:1; -webkit-flex:1; -webkit-box-flex:1; box-flex:1; width:auto; max-width:565px;width:100%;}
	.recuitement,.group{ margin-top:30px;}
	.furtitle{ margin-bottom:15px;}
	.furniedt{ margin-top:-37px;}
	.furtitle h2{ font-size:44px;}
	.muble b.defaul{ font-size:46px;}
	.serieswr{ padding-left:30px; padding-top:24px; padding-bottom:24px;}
	.serieswr span{ font-size:16px;}
	.wrapper{ position:relative; padding-top:50px;}
	.newimg{ width:100%;}
	.newbox{ padding:50px 5% 76px;}
	.wrapper .page{ height:auto !important;}
	.newwr{ position:relative; left:5%; margin-left:0; top:0; margin-top:0;}
	.newle{ width:100%; padding:40px 0 40px;}
	.company{ left:5%; bottom:35px;}
	.news{ padding:40px 0 114px;}
	.newsfix{ padding-top:100px;}
	.newsfix .company{ position:relative; left:0; top:0; margin-left:5%; margin-bottom:28px;}
	.newtext .newtop{ margin-bottom:54px;}
	.shares{ margin-top:45px;}
	.informate{ padding:65px 5% 50px;}
	.mapbox{ width:100%; margin-top:38px;}
	.servicri{ width:100%; margin-top:40px;}
	.service{ padding:65px 5%; background-size:cover; background-attachment:local;}
	.servicewr .commonlog{ position:relative; left:0;}
	.servicewr .servicefix{ width:100%;}
	.flexnew{ display:none;}
	.page .company{ display:block;}
	.newsfix .flexnew{ display:block; position:relative;} 
	.newwr .newdetail{ width:auto;}
	.newdetail span{ display:none;}
	.newbox:hover .newr .newdetail b, .newwr:hover .newr .newdetail b{ opacity:1; margin-left:0; visibility:visible;}
	.furniyub .slides li figure img{ position:absolute; height:auto !important; left:0 !important; top:50% !important; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%);}
	.furniyures{ display:none;}
	.commonbtn .flex-direction-nav li, .furtupage{ top:auto; margin-top:0; bottom:50px;}
	.prevpro{ right:0; bottom:auto; top:60px;}
	.consultein li{ width: 78px;}
	.consultein li a{ padding: 10px 0;}
	.consultein li a b{ width: 27px; height: 30px;}
	.consultein li a span{ font-size: 13px;}
	.coninput .text{ height: 68px; line-height: 68px;}
	.consultebox{ margin-top: -236px;}
	.consub{ margin-top: 20px; margin-bottom: 20px;}
	.coninput .consub input{ height: 60px; line-height: 60px; font-size: 14px;}
	.contitle{ font-size: 26px; margin-bottom: 20px;}
}
@media screen and (max-width:861px){ 
	.section .inner{ display:block; top:0; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); padding:100px 0;}
	.commonlog{ width:100%; position:relative; margin-bottom:14px;}
	.section{ height:auto !important;}
	.section .inner{ position:relative; top:0; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0);}
	.commonlog b{ position:absolute; right:0; top:0;}
	.abouwr{ width:100%;}
	.halls{ width:60%; margin-left:20%;}
	.section .brandfixs{ padding-top:200px;}
	.furnitirew{ display:block;}
	.furnitu{ padding-right:5%;}
	.recuitefx .halls{ width:100%; margin-left:0;}
    .recuits span:nth-child(1),.recuits span:nth-child(2),.recuiteli li span:nth-child(1),.recuiteli li span:nth-child(2){ width:46%;}
	.views{ width:100%;}
	.designers .muble{ display:none;}
	.designer-box{ position:relative;}
	.designers{ position:relative; top:0; margin-top:0; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); padding-top:120px;}
	.desigerle{ position:relative; margin-left:0; margin:auto; margin-top:30px; left:0;}
	.directors .flex-direction-nav{ width:100%; margin-left:0; left:0;}
	.directorlist li .directorwr{ text-align:center;}
	.desigered{ width:auto; max-width:100%; margin:auto; display:inline-block;}
	.desigered img{ max-width:100%; width:auto; height:auto; margin:auto;}
	.intruduct{ width:100%; top:70%; padding-top:0; background:#fff; display:none;}
	.intraductle strong{ position:absolute; left:0; top:0;}
	.intraductbg{ display:none !important;}
	.designers{ z-index:12;}
	.intruwrs{ padding:0;}
	.intraductle{ padding-top:55px;}
	.intraductle h3{ color:#323232; margin-top:0;}
	.intraductle span{ color:#646464;}
	.intrulist{ padding:0 5%;}
	.intrulist p{ color:#646464; text-align:left;}
	.ihide{ display:block !important;}
	.desigerfix{ display:block;}
	.iclose{ display:block;}
	.represent{ width:100%; background:#fff; right:0; top:70%; padding-bottom:22px; display:none; transition:0s;}
	.represent.on{ opacity:1; visibility:visible;}
	.represent .worktop{ padding:32px 22px; margin-bottom:0;}
	.represent .worktop small{ color:#646464; text-align:left;}
	.represent .worktop span{ color:#323232; text-align:left; font-size:18px;}
	.workli{ width:90%; margin:auto;}
	.workli li{ width:32%; margin-right:2%; float:left;}
	.workli li:nth-child(3n+3){ margin-right:0;}
	.workte span{ margin-top:0; top:auto; bottom:12px; right:12px;}
} 
@media screen and (max-width:800px){
}
@media screen and (max-width:751px){
	.serieswr{ padding:14px 0 14px 20px;}
	.serieswr span{ width:100%; margin-right:0; margin-bottom:6px;}
	.recuitefix{ width:100%; position:relative; left:0; top:0; margin-left:0; box-sizing:border-box; margin-top:0; padding:34px 30px;}
	.recuitefix b{ right:12px; margin-right:0; top:auto; margin-top:0; bottom:12px; background:url(../images/close1.png) center no-repeat; background-size:cover;}
    .recruiwrs{ transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); position:absolute; left:50%; top:50%; width:90%; margin-left:0; margin-top:0;}
	.reruits.on .recruiwrs{ transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);}
	.consultebox{ width: 90%; margin-left: -45%;}
	.consultebox .closes{ right: 0;}
	.consoltwr{ padding: 28px 45px;}
	.coninput .text{ height: 54px; line-height: 54px; width: 100%; box-sizing: border-box;}
	.coninput .row .text{ width: 49.5%;}
	.contitle{ font-size: 22px;}
}
@media screen and (max-width:641px){
	.decoratewr{ width:95%;}
	.workplace{ width:90%; padding-top:46px; padding-bottom:46px;}
	.decorate{ padding-top:100px;}
	.decoratitle small{ font-size:38px;}
	.feelinfo{ width:100%; margin-bottom:32px;}
	.feelinfo:last-child{ margin-bottom:0;}
	.decoratitle b{ font-size:24px;} 
	.products{ padding-left:5%; padding-right:5%; padding-bottom:40px;}
	.aboutle{ width:100%; border-bottom:1px solid #fff; padding-bottom:28px;}
	.conts{ width:100%; padding-top:28px;}
	.edites{ width:90%; padding:22px 0;}
	.halls{ width:100%; margin-left:0;}
	.eventdown{ padding:30px 20px;}
	.eventdown time{ font-size:34px; padding-bottom:16px;}
	.commonbtn .flex-direction-nav li a:before,.pageprev .prevflex a:before{ display:none;}
	.commonbtn .flex-direction-nav li a.flex-next:hover span,.commonbtn .flex-direction-nav li a.flex-prev:hover span,.pageprev .prevflex.nexts a:hover b{ opacity:1; visibility:visible; transform:none; -webkit-transform:none; -moz-transform:none;}
	.furniture{ padding:188px 0 78px;}
	.recuits span:nth-child(1),.recuits span:nth-child(2),.recuiteli li span:nth-child(1),.recuiteli li span:nth-child(2){ width:42%;}
	.furniedt{ margin-top:-26px;}
	.furtitle{ margin-bottom:10px;}
	.furtitle h2{ font-size:30px;}
	.newr strong{ font-size:20px;}
	.newtop{ margin-bottom:28px;}
	.newr strong{ margin-bottom:30px; width:100%;}
	.newtitle{ padding:0 20px;}
	.newtitle:before, .newtitle:after{ transform:scale(0.5); -webkit-transform:scale(0.5); -moz-transform:scale(0.5); top:-28px;}
	.newtitle:before{ left:-20px;}
	.newtitle:after{ right:-20px;}
	.news .newtitle strong{ padding:0 10px; box-sizing:border-box;}
	.views{ margin-top:42px;}
	.newtext .newtop{ margin-bottom:32px;}
	.newsfix{ padding-bottom:50px;}
	.shares{ display:none;}
	.maptext{ width:100%; position:relative; left:0; top:0; margin-left:0; margin-top:0; box-sizing:border-box; padding:32px 22px 40px;}
	.desigerle{ width:85%;}
	.desigerin li{ text-align:center;}
	.desigerin li figure{ margin:auto;}
	.hobg::before{ display:none;}
    .recuitedo { margin:34px 0; height:220px;}
	.represent .worktop{ padding:25px 20px 12px;}
	.represent .worktop small{ padding-bottom:0px;}
    .header-box { background-position :left bottom;}
}
@media screen and (max-width:520px){
}
@media screen and (max-width:481px){
	.levalbox{ padding-left:35px;}
	.navlist >li >a{ height:48px; line-height:48px; font-size:16px;}
	.levalmenu li a,.levalbox .lclose{ height:48px; line-height:48px; font-size:14px;}
	.decoratitle small{ font-size:32px;}
	.decoratitle span{ font-size:16px;}
	.caselist{ margin-top:26px;}
	.casefix{ padding:28px 23px;}
	.desigerwr{ padding:30px 23px;}
	.decorateli{ margin-top:32px;}
	.workplace{ padding-top:36px; padding-bottom:36px;}
	.case .flex-direction-nav{ margin:0 23px;}
	.desigers{ margin-top:25px;}
	.decorateli li{ width:100%; margin-right:0; margin-bottom:26px;}
	.aboutle small, .conwr small{ margin-bottom:28px;}
	.aboutle h3{ font-size:20px;}
	.viewmore{ margin-top:26px; width:168px; height:46px;}
	.viewmore a{ height:46px; line-height:46px;}
	.footer-box{ padding-top:34px;}
	.menunav{ display:none;}
	.main{ padding-right:5%;}
	.commonlog strong{ font-size:32px;}
	.commonlog small{ margin-bottom:12px;}
	.commonlog{ margin-bottom:8px;}
	.commonlog b{ font-size:12px; width:60px; padding-top:12px; height:38px;}
	.brand p{ font-size:12px;}
	.furnitureli >li{ width:50%;}
	.furnifix{ padding-top:30px; padding-bottom:30px;}
	.furnifix b{ transform:scale(0.68); -webkit-transform:scale(0.68); -moz-transform:scale(0.68);}
	.furnifix span{ margin-top:6px;}
	.furnis li{ width:50%;}
	.furnidown{ padding:26px 22px;}
	.furnitudown .furnis{ padding:26px 22px;}
	.furnitudown .furnis li{ width:50%;}
	.recuits span:nth-child(3),.recuiteli li i{ display:none;}
	.recuits span,.recuiteli li span{ width:auto !important;}
	.recuits span:nth-child(2),.recuiteli li span:nth-child(2){ float:right;}
	.furniyures{ width:90%; left:5%;}
	.furnitwr{ width:100%; box-sizing:border-box;}
	.muble b{ font-size:20px;}
	.muble i{ font-size:20px;}
	.muble b.defaul{ font-size:36px;}
	.furtitle h2{ font-size:24px;}
	.furniedt small{ font-size:12px;}
	.serieswr span{ font-size:14px;}
	.serieswr small{ font-size:12px;}
	.seriesfix li{ padding-left:20px;}
	.seriesli >li >a{ padding-left:20px;}
	.furnitbox p{ line-height:1.8; margin-bottom:15px;}
	.furniyures{ bottom:24px;}
	.muble{ bottom:24px;}
	.newr strong{ font-size:18px;}
	.newtop{ margin-bottom:16px;}
	.company-info{ width:88px;}
	.company small{ margin:0; margin-left:6px; padding:8px 0; font-size:16px;}
	.company span{ font-size:12px; padding:12px 0; width:100%;}
	.newbox{ padding:40px 5% 64px;}
	.newtop h3{ font-size:28px;}
	.shares{ margin-top:14px;}
	.views{ margin-top:22px;}
	.informate{ padding:60px 5% 40px;}
	.service{ padding:40px 5%;}
	.mapbox,.servicri{ margin-top:0;}
	.desigerle{ width:75%;}
	.desigerle{ margin-top:10px; padding-bottom:10px;}
	.desigerli i{ width:110px; height:34px; line-height:34px; border-radius:6px; font-size:14px;}
	.desigerfix span{ font-size:14px; margin-bottom:18px;}
	.desigerfix strong{ font-size:30px;}
	.designers{ padding-top:88px;}
	.desigered small{ font-size:30px; right:-20px;}
	.intraductle h3{ font-size:30px;} 
	.intraductle strong{ font-size:16px; padding:8px 12px;}
	.recuitefix h3{ font-size:22px;}
	.recuitedo{ margin-top:30px; padding-bottom:30px;}
	.seriesle{ transform:translateX(100px); -webkit-transform:translateX(100px); -moz-transform:translateX(100px);}
    .recuitefix i { font-size:20px; }
    .consoltwr{ padding: 22px 30px;}
    .contens{ font-size: 12px;}
}
@media screen and (max-width: 380px){
	.commonlog small{ font-size:12px;}
}
@media screen and (max-width: 340px){
  
}