@media screen and (max-height:820px){
}
@media screen and (max-width:1600px){
	.nav{ margin-left: -450px;}
	.nav >li{ margin-left: 20px;}
}
@media screen and (max-width:1500px){
}
@media screen and (max-width:1450px){
	.ptext strong{ padding: 0 14px; height: 46px; line-height: 46px; font-size: 20px; margin-bottom: 16px;}
	.ptext small{ font-size: 42px; margin-bottom: 10px;}
	.ptext span{ font-size: 20px;}
	.levallist li a{ height: 52px; line-height: 52px; font-size: 14px;}
	.slogan-box{ padding: 82px 0 50px;}
	.slogan h2{ font-size: 42px;}
	.slogan span{ font-size: 20px;}
	.intruduct{ padding: 45px 0;}
	.culturete{ height: 300px; overflow: hidden;}
	.culturete p{ font-size: 42px;}
	.history-box{ padding: 145px 0;}
	.atlas-box{ padding: 200px 0 200px;}
	.previouspre a{ width: 80px; height: 60px; line-height: 60px;}
	.proetxt h2{ font-size: 42px; margin-bottom: 14px;}
	.proetxt span{ height: 80px; font-size: 18px;}
	.proetxt a{ width: 144px; height: 44px; line-height: 44px;}
	.proetxt{ margin-top: -90px;}
	.product-box{ padding: 50px 0;}
	.protit{ height: 60px; line-height: 60px; width: 160px; font-size: 14px;}
	.popnewtext{ padding-top: 78px; padding-bottom: 78px;}
	.projectfix{ height: 60px;}
	.projectli li a{ width: 120px; height: 60px; line-height: 60px;}
}
@media screen and (max-width:1350px){
	.case li{ width: 33.33333%;}
}
@media screen and (max-width:1280px){
	.nav{ left: 232px; margin-left: 0;}
	.nav >li >a{ padding: 0 8px 28px;}
	.mian{ width: 98%;}
	.history .slick-arrow.slick-prev{ left: -30px;}
	.history .slick-arrow.slick-next{ right: -30px;}
	.product .proetxt{ width: 80%; margin-left: -40%;}
	.technicalli{ width: calc(100% + 22px);}
	.nav >li{ margin-left: 0;}
    .team-box { height:auto; background-size: 100% auto;}
    .team-box .teamimgs {  width: 90%; height:auto; left:0; margin:auto}
}
@media screen and (max-width:1200px){
	.banner-box{ width: 90%;}
	.box-c .en{ font-size: 34px;}
	.box-c .zh{ font-size: 34px;}
	.box-c{ width: 300px; margin-top: -125px;}
	.boxlist{ margin-bottom: 30px;}
	.boxlist li{ margin-bottom: 12px;}
	.footer{ width: 90%;}
	.history{ width: 90%;}
	.team{ width: 90%;}
	.new{ width: calc(90% + 22px);}
	.productli{ width: calc(100% + 22px);}
}
@media screen and (max-width:1100px){
	.logo{ width: 130px;}
	.nav{ left: 180px;}
	.inner{ width: 90%;}
	.ptext{ margin-left: -45%;}
	.culturefix{ width: 100%; left: 0; margin-left: 0;}
	.culture{ margin-left: -45%;}
	.culturete{ height: 240px;}
	.culturedown{ width: 100%;}
	.pclose{ right: 0; top: -40px; width: 30px; height: 30px;}
	.literature .new-list{ width: calc(100% + 22px);}
	.phei{ height: 67px;}
	.advantawr{ width: 64.5%;|}
	.advantawr .advantes{ width: 73%; box-sizing: border-box;}
	.advantawr time{ margin-right: 0; float: left;}
	.advantain2 .advantawr time{ margin-left: 0; float: right;}
	.contactin{ margin-right: 60px;}
	.hotline b{ font-size: 24px;}
}
@media screen and (max-width:1024px){
	.header{ display: none;}
	.banner{ display: none;}
	.mian{ width: 90%;}
	.minfo{ width: 49.5%; margin-left: 0; margin-bottom: 8px;}
	.minfo:nth-child(2n+2){ float: right;}
	.backtop{ display: none;}
	.mian{ margin-bottom: 30px;}
	.footer-box{ padding: 54px 0 20px; background: #f5f5f5;}
	.navigate{ display: block;}
	.header-box{ box-shadow: 0 0 8px rgba(0,0,0,0.3);}
	.mtop{ display: block; height: 70px;}
	.warmerbann{ display: block;}
	.residence{ display: block;}
	.ptext strong{ height: 42px; line-height: 42px; font-size: 18px;}
	.ptext small{ font-size: 34px;}
	.ptext span{ font-size: 16px;}
	.levallist{ width: 100%; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; align-items: center; -webkit-align-content: align-items: center; -moz-align-items: center;}
	.levallist li{ flex:1; -webkit-flex:1; -webkit-box-flex:1; box-flex:1;} 
	.levallist li a{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; align-items: center; -webkit-align-content: align-items: center; -moz-align-items: center; line-height: 1.2; justify-content: center; -webkit-justify-content: center; -moz-justify-content: center; width: auto;}
	.cultureimg{ display: none;}
	.culture{ position: relative; left: 0; margin-left: 5%; bottom: 0;} 
	.culturefix{ position: relative; bottom: 0;}
	.culturein.on{ position: relative;}
	.culturebtn{ margin-bottom: 30px;} 
	.culture-box{ background-size: cover !important; padding-bottom: 50px;}
	.culturete{ height: auto; margin-bottom: 60px;}
	.culturete p{ font-size: 30px;}
	.historywr{ height: 220px;}
	.historywr strong{ font-size: 44px; margin-bottom: 14px;}
	.historywr span{ font-size: 18px;}
	.historywr:before{ display: none;}
	.historywr time{ opacity: 1; visibility: visible;}
	.poptext{ width: 100%; left: 0; margin-left: 0;}
	.history-box{ background-attachment: local !important; background-size: cover !important;}
	.team li{ width: 25%;}
	.team-box{ background-attachment: local !important; background-repeat: no-repeat;}
	.atlas-box{ padding: 150px 0; background-attachment: local !important; background-size: cover !important;}
	.new-box{ padding: 50px 0;}
	.phei{ display: none;}
	.newtop{ padding-bottom: 45px;}
	.newtop h2{ font-size: 28px;}
	.newti{ margin-top: 16px;}
	.newfix{ padding-left: 0; padding-right: 0; padding-bottom: 40px;}
	.productimg{ display: none;}
	.product .iphoneimg{ display: block;}
	.product .proetxt{ margin-top: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);}
	.proetxt h2{ font-size: 30px; text-align: center; margin-bottom: 10px;} 
	.proetxt span{ height: auto; font-size: 16px; margin-bottom: 32px; text-align: center;}
	.proetxt a{ margin: auto; font-size: 14px;}
	.brand-box{ padding-top: 20px;}
	.proflex{ display: none;}
	.brandin a{ height: 50px;}
	.brandin a:before{ height: 4px;}
	.ariston p{ margin-left: 0; width: 100%;}
	.productli li{ width: 33.33333%;}
	.protit{ width: 130px;}
	.protos{ margin-bottom: 30px;}
	.protexts h3{ font-size: 20px;}
	.protexts p{ font-size: 14px;}
	.chardown{ padding: 50px 0;}
	.advantage-box{ padding: 50px 0;}
	.advantawr time{ font-size: 36px; margin-top: 32px;}
	.advantawr .advantes{ padding: 24px 18px 24px 24px; }
	.advantawr .advantes p{ font-size: 16px;}
	.viewtitle h2{ font-size: 24px; margin-bottom: 40px;}
	.viewdonw p{ font-size: 14px;}
	.popclose{ width: 60px; height: 60px; background-size: cover !important;}
	.poptexted{ width: calc(100% - 60px);}
	.technology{ padding: 50px 0 0;}
	.techwr{ min-height: auto !important;}
	.technical-box{ padding: 40px 0 30px;}
	.technicaltop p{ font-size: 14px;}
	.technicaltop{ margin-bottom: 30px;}
	.techinals{ padding: 24px 0 32px 38px;}
	.technicalin{ margin-bottom: 32px;}
	.technicalin h3{ font-size: 20px; margin-bottom: 16px;}
	.atlasd h3{ font-size: 20px;}
	.case li{ width: 50%; margin-bottom: 30px;}
	.case{ width: calc(100% + 12px); margin-left: -6px;}
	.case-box{ padding: 50px 5%;}
	.projectwr{ height: 0;}
	.projectwr{ position: relative; top: 0;}
	.informatop{ padding-bottom: 22px;}
	.informatop h3{ font-size: 20px;}
	.project{ margin-top: 30px;}
	.protops{ margin-bottom: 30px;}
	.projectle{ width: 100%; margin-bottom: 32px;}
	.projectimg{ width: 100%;}
	.projectimg img{ width: auto; max-width: 100%;}
	.design{ padding: 50px 0;}
	.characterimg{ width: 100%;}
	.characterimg img{ width: auto; max-width: 100%; height: auto; margin: auto;}
	.charctele{ width: 100%; padding-top: 34px;}
	.resource{ padding: 50px 0 40px;}
	.resoucetop span.span1{ width: auto;}
	.resoucetop span.span2{ display: none;}
	.resces time{ display: none;}
	.resces span{ width: auto;}
	.contactle{ width: 100%;}
	.contactri{ float: left;}
    .tels{ display:block; }
}
@media screen and (max-width:861px){
	.atlasinfo{ width: 48.5%; margin-left: 0; margin-bottom: 20px;}
	.atlasinfo:nth-child(2n+2){ float: right;}
	.new-list li{ width: 50%; margin-bottom: 40px;}
	.popnewtext{ width: 90%;}
	.standard{ width: 90%;}
	.projectli li a{ width: 100px; font-size: 14px;}
	.contactin{ margin-right: 0;}
	.contactin:nth-child(2n+2){ float: right;}
} 
@media screen and (max-width:751px){
	.productli li{ width: 50%;}
	.product-box .pagebox1{ text-align: center; line-height: 1;}
	.product-box .pagebox1 .page{ position: relative; top: 0; margin-top: 0; display: inline-block;}
	.product-box .pagebox1 .page a{ height: 45px;}
	.product-box .pagebox1{ display: block;}
	.advantawr{ width: 100%; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex;}
	.advantage{ padding: 0;}
	.advantage:before{ display: none;}
	.advantawr time{ margin-right: 20px;}
	.advantawr .advantes{ width: auto; flex:1; -webkit-flex:1; -webkit-box-flex:1; box-flex:1;}
	.advantawr time:before{ top: 15px; margin-top: 0;}
	.advantain2 .advantawr time{ margin-right: 0; padding-left: 0; padding-right: 30px; margin-right: 20px;}
	.advantain2 .advantawr time:before{ left: auto; right: 0;}
	.advantain{ margin-top: 22px;}
	.advantain2 .advantawr .advantes:before{ left: -6px; right: auto;}
	.advantawr .advantes{ padding: 38px 20px;}
	.advantawr .advantes p{ width: 100%; margin-top: 0;}
	.advantawr .advantes b{ display: none;}
	.technicalin{ width: 100%; margin-bottom: 26px;}
	.techinals{ padding: 30px 24px; height: auto;}
	.techinals .mCSB_scrollTools .mCSB_draggerRail{ display: none;}
	.technicalin:last-child{ margin-bottom: 0;}
	.contactin{ width: 100%;}
	.contact-box{ padding-top: 32px;}
	.contactin .contactli dd{ max-width: none;}
	.contactin .contactli{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; min-height: 40px;}
	.contactin .contactli dt{ font-size: 14px; line-height: 1.5; width: 70px; background-size: 18px auto; background-position:0px 2px;}
	.contactin .contactli dd{ font-size: 14px; flex:1; -webkit-flex:1; -webkit-box-flex:1; box-flex:1;}
}
@media screen and (max-width:641px){
	.minfo{ width: 100%;}
	.minfo:last-child{ margin-bottom: 0;}
	.minfo a small{ font-size: 16px; margin-bottom: 10px;}
	.minfo a strong{ font-size: 18px; margin-bottom: 22px;}
	.mian{ margin-bottom: 20px; margin-top: 20px;}
	.footer-box{ padding: 24px 0 20px;}
	.address{ margin-top: 4px; margin-bottom: 4px;}
	.menulists >li >a,.levalmenu >li >a,.thresmenu li a{ height: 50px; line-height: 50px; font-size: 16px;}
	.thresmenu li a{ line-height: 1.2; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; align-items: center; -webkit-align-content: align-items: center; -moz-align-items: center;}
	.menuwr{ margin-right: 68px;}
	.nlogo{ width: 150px;}
	.navigateri a{ width: 68px; height: 60px; background-size: 24px 26px !important;}
	.menubtn{ width: 68px; height: 60px;}
	.menubtn span{ width: 32px; height: 3px; margin-left: -16px;}
	.menubtn span:before{ top: -7px;}
	.menubtn span:after{ bottom: -7px;}
	.mtop{ height: 60px;}
	.thresmenu li{ width: 50%;}
	.residenin strong{ font-size: 22px; left: 24px; bottom: 20px;}
	.ptext small{ display: none;}
	.ptext span{ display: none;}
	.ptext strong{ font-size: 16px; height: 38px; line-height: 38px; margin-bottom: 0;}
	.slogan h2{ font-size: 30px;}
	.slogan span{ font-size: 16px;}
	.slogan-box{ padding: 34px 0;}
	.intruduct{ padding: 34px 0;}
	.slogan span{ width: 100%;}
	.culturebtn span{ font-size: 16px;}
	.culturete p{ font-size: 26px;}
	.culturewr .cultureis span{ height: 44px; line-height: 44px; font-size: 14px;}
	.history .slick-arrow{ width: 42px; height: 42px; background-size: cover !important;}
	.poptext{ padding: 30px 0; margin-top: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);}
	.popdown{ margin: 0 34px; height: 285px;}
	.popdown strong{ font-size: 42px;}
	.popdown b{ font-size: 18px; margin-bottom: 20px;}
	.popdown p{line-height: 1.8;}
	.team li{ width: 33.3333%;}
	.teamwr mark{ display: none;}
	.teamwr span{ display: none;}
	.pagebox{ margin-top: 16px; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; justify-content: center; -webkit-justify-content: center; -moz-justify-content: center;}
	.pagebox .page{ position: relative; top: 0; margin-top: 0;} 
	.pageprev{ margin-right: 20px;}
	.pagebox1{ display: none;}
	.new-box{ padding: 34px 0;}
	.newdown{ padding: 14px 22px 20px;}
	.newdown h3{ font-size: 16px; margin-bottom: 16px; height: 44px;}
	.new-list li{ margin-bottom: 24px;}
	.pages a{ width: 40px; height: 40px; font-size: 14px; line-height: 40px;}
	.newsbox{ padding: 34px 0;}
	.newtop{ padding-bottom: 20px; border-bottom-width: 4px;}
	.newtop h2{ font-size: 22px;}
	.previouspre a{ width: 70px; height: 52px; line-height: 52px; font-size: 12px;}
	.proflex{ display: none;}
	.promenu li{ width: 48px; height: 48px;}
	.promenu li a{ height: 48px;}
	.proetxt h2{ font-size: 20px;}
	.proetxt span{ font-size: 14px; margin-bottom: 14px;}
	.proetxt a{ width: 100px; height: 34px; line-height: 34px; font-size: 12px;}
	.ariston{ padding: 30px 0;}
	.product-box .pagebox1{ margin-top: 0;}
	.product-box{ padding: 32px 0;}
	.prodown h3{ font-size: 14px; height: 50px;}
	.prodown p{ font-size: 12px; height: 63px;}
	.probann{ width: 100%;}
	.productri{ width: 100%; margin-top: 32px;}
	.productview{ padding: 32px 0;}
	.protit{ height: 52px; line-height: 52px; width: 100px;}
	.charactwr{ width: 100%;}
	.charactwr span{ width: 33.3333%; box-sizing: border-box;}
	.chardown{ padding: 32px 0;}
	.poptexted{ width: 100%;}
	.popnewtext{ padding: 50px 0;}
	.popclose{ width: 50px; height: 50px; top: auto; margin-top: 0; bottom: 20px;}
	.technology{ padding-top: 32px;}
	.standard-box{ padding: 32px 0;}
	.standtt{ font-size: 24px; margin-bottom: 34px;}
	.casete{ display: none;}
	.case-box{ padding: 32px 5%;}
	.projectli{ width: 100%;}
	.projectli { display: none;}
	.projectfix{ height: 52px;}
	.informatws{ padding: 32px 0;}
	.shares{ display: none;}
	.protops{ padding-top: 0;}
	.projectle{ margin-bottom: 24px;}
	.design{ padding: 32px 0;}
	.character-box{ padding: 32px 0;}
	.charctele h3{ font-size: 22px; margin-bottom: 18px;}
	.resource{ padding: 32px 0;}
	.resces span{ padding-right: 34px; height: 64px; line-height: 64px; font-size: 14px;}
	.resces b{ margin-top: 23px;}
	.recewr{ padding: 22px 32px;}
	.retives{ display: none;}
	.tels{ width: 50px; height: 50px; background-size: 27px 29px !important;}
    .team-box .teamimgs {  width:140%; left: -20%;}
}
@media screen and (max-width:520px){
}
@media screen and (max-width:481px){
	.address p{ padding: 0 4px;}
	.retiveli li{ padding: 0 4px;}
	.menulists >li >a,.levalmenu >li >a,.thresmenu li a{ font-size: 14px;}
	.menuto{ padding-left: 24px;}
	.menuhot{ padding: 0 12px; bottom: 20px;}
	.menuto span{ font-size: 14px;}
	.menuhot{ width: 100%; z-index: 20;}
	.menuhot b{ margin-top: 8px; font-size: 22px;}
	.warmerbann .box-c .en{ font-size: 34px;}
	.warmerbann .box-c .zh{ font-size: 20px; margin-bottom: 22px;}
	.warmerbann .boxlist li a{ font-size: 14px;}
	.levallist li a:before{ height: 2px;}
	.levallist li a{ font-size: 12px; line-height: 1.2; height: 44px; line-height: 44px;}
	.slogan h2{ font-size: 24px; margin-bottom: 10px;}
	.slogan span{ font-size: 14px;}
	.intruduct p{ font-size: 14px;}
	.ptext strong{ height: 32px; line-height: 32px; font-size: 14px;}
	.intruduct,.slogan-box{ padding: 28px 0;}
	.culturete{ margin-bottom: 30px;}
	.culturete p{ font-size: 22px;}
	.culturebtn span{ font-size: 14px; padding-bottom: 15px;}
	.culture-box{ padding-bottom: 30px;}
	.culturewr .cultureis span{ height: 42px; line-height: 42px;}
	.history-box{ padding: 100px 0;}
	.history .slick-arrow.slick-prev{ left: -16px;}
	.history .slick-arrow.slick-next{ right: -16px;}
	.historywr{ padding: 30px 23px 0; height: 182px;}
	.historywr strong{ font-size: 35px; margin-bottom: 10px;}
	.popdown{ margin: 0 22px;}
	.team li{ width: 50%;}
	.teamwr{ padding: 13px 8px 14px;}
	.teamte{ margin: 0 32px;}
	.teamimg{ width: 35%; padding-right: 12px;}
	.teatfix{ float: none; width: 100%;}
	.teatfix strong{ font-size: 20px; margin-bottom: 16px;}
	.teatfix span{ font-size: 16px; margin-bottom: 14px;}
	.atlas-box{ padding: 78px 0;}
	.atlasin li{ padding: 30px 0;}
	.atlasin li b{ width: 52px; height: 28px; margin-bottom: 20px;}
	.atlasin li span{ font-size: 14px;}
	.new-list li{ width: 100%;}
	.newsbox{ padding-bottom: 0;}
	.newfix p{ font-size: 14px;}
	.newtop h2{ font-size: 20px;}
	.ariston{ padding: 22px 0;}
	.productli li{ width: 100%; margin-bottom: 22px;}
	.prodown h3{ height: auto; margin-bottom: 10px;}
	.ariston p{ font-size: 13px;}
	.protit{ width: 88px; font-size: 12px;}
	.positer{ padding: 12px 0;}
	.positer i{ line-height: 1.4;}
	.positer a{ line-height: 1.4; height: auto;}
	.previouspre a{ width: 60px;}
	.protexts{ width: 100%;}
	.protexts h3{ margin-bottom: 14px;}
	.charactwr span{ height: 42px; line-height: 42px; font-size: 12px;}
	.advantawr{ display: block;}
	.advantawr time{ margin-top: 0; margin-right: 0; width: 100%; box-sizing: border-box;}
	.advantawr .advantes{ width: 100%; margin-top: 12px;}
	.advantawr .advantes:before{ display: none;}
	.advantawr time:before{ display: none;}
	.advantain2 .advantawr time{ margin-right: 0;}
	.advantawr .advantes p{ font-size: 14px;}
	.viewtitle{ margin-bottom: 0;}
	.viewtitle h2{ font-size: 22px; margin-bottom: 22px;}
	.atlaseli{ margin-top: 24px;}
	.standtt{ margin-bottom: 20px;}
	.case li{ width: 100%;}
	.protops{ margin-bottom: 22px; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; justify-content:flex-start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start;}
	.proins{ margin-left: 20px;}
	.proins dd{ font-size: 16px;}
	.charctele h3{ font-size: 20px; margin-bottom: 10px;}
	.resces span{ height: 52px; line-height: 52px;}
	.resces b{ margin-top: 18px; margin-right: 22px}
	.minfo a{ padding: 16px 20px;}
	.minfo a small{ font-size: 14px;}
	.minfo{ width: 49%;}
	.minfo a strong{ font-size: 16px; margin-bottom: 14px;}
	.minfo a span{ line-height: 1.2; height:32px; overflow:hidden;}
} 
@media screen and (max-width: 380px){ 
	.thresmenu li a{ padding-left: 22px;}
	.levalmenu >li >a{ padding-left: 22px;}
	.warmerbann .boxlist{ bottom: 36px;}
	.residenin strong{ font-size: 20px; left: 20px; bottom: 16px;}
}
@media screen and (max-width: 350px){
}