@media screen and (max-width:1600px){
}
@media screen and (max-width:1450px){
	.header{ padding: 0 50px;}
	.btext{ margin-top: -108px;}
	.btext h2{ font-size: 42px;}
	.bantexts{ padding-top: 60px;}
	.bantexts:before{ height: 42px;}
	.chartin a{ padding: 40px 0;}
	.company-box{ padding: 160px 0 100px;}
	.aboutlist{ margin-top: 68px;}
	.busineewr .bustitle{ padding: 30px 0 22px; margin-bottom: 6%;}
	.bustitle{ left: 32px; bottom: 28px;}
	.businee{ padding: 0 32px;}
	.businee:before{ left: 32px; bottom: 28px;}
	.companytop small{ font-size: 28px;}
	.companytop strong{ font-size: 22px;}
	.newslist{ margin-top: 45px;}
	.ptext h2{ font-size: 42px;}
	.ptext small{ font-size: 16px; margin-bottom: 10px;}
	.ptext{ margin-top: -20px;}
	.historybann .slick-arrow.slick-prev{ left: -50px;}
	.historybann .slick-arrow.slick-next{ right: -50px;}
	.news-boxs{ padding: 100px 0;}
	.dymanics{ margin-bottom: 60px;}
	.repairs-box{ padding: 100px 0 78px;}
	.repairtext{ margin-top: 50px;}
	.repairimg{ height: 460px;}
	.address-box{ padding: 78px 0 140px;}
	.addressbox{ margin-top: 50px;}
}
@media screen and (max-width:1350px){
	.historybann .slick-arrow.slick-prev{ left: -28px;}
	.historybann .slick-arrow.slick-next{ right: -28px;}
	.historybann{ margin-top: 56px;}
}
@media screen and (max-width:1280px){
	.nav{ margin-left: -294px;}
	.nav li a{ padding: 0 12px;}
	.inner{ width: 90%;}
	.btext{ margin-left: -45%;}
	.bustitle{ padding-bottom: 20px;}
	.bustitle small{ font-size: 18px;}
	.bustitle span{ margin-top: 12px; font-size: 18px;}
	.businesstext p{ height: 54px;}
	.newslist{ width: calc(100% + 42px);}
	.ptext{ margin-left: -45%;}
	.honorwhich{ width: calc(100% + 18px);}
	.newsde .responsibles{ width: calc(100% + 42px);}
	.dymanics{ width: 100%;}
	.servicetext{ padding-top: 0;}
	.servi{ margin-top: 30px;}
	.customerli{ width: calc(100% + 16px);}
	.elegantli{ width: calc(100% + 40px);}
	.error{ margin-left: -45%;}
}
@media screen and (max-width:1200px){
	.profilebann{ width: 100%; overflow: hidden;}
	.geogeadbg1 span{ right: -64px;}
	.geogeadbg2 span{ left: -64px;}
	.profilebann .slick-list{ overflow: hidden;}
	.numble{ left: auto; margin-left: 0; right: 5%;}
}
@media screen and (max-width:1100px){
	.header{ padding: 0 20px;}
	.linetext b{ font-size: 20px;}
	.newstop{ width: 100%; top: 0;}
	.newsinn{ padding: 150px 0 100px;}
	.newstitle h3{ font-size: 24px;}
	.ideatop p{ width: 100%;}
}
@media screen and (max-width:1024px){
	#inner-scrollbar{ position: relative; height: auto;}
	.nav{ display: none;}
	.hotline{ display: none;}
	.navigatie{ display: block;}
	.header{ height: 60px; padding-left: 5%;}
	.logo{ margin-top: 18px;}
	.chartered{ position: relative;}
	.banner .slick-dots{ right: 0; width: 100%; line-height: 0; top: auto; margin-top: 0; bottom: 30px; text-align: center;}
	.banner .slick-dots li{ display: inline-block; margin-top: 0; margin-left: 12px;}
	.banner .slick-dots li:before{ display: none;}
	.company-box{ background-attachment: local !important; padding: 88px 0;}
	.companytop small{ font-size: 28px;}
	.companytop strong{ margin-top: 16px; font-size: 24px;}
	.companyte{ margin-top: 30px;}
	.businessin{ width: 50%;}
	.businessin2{ width: 100%;}
	.news-box{ background-attachment: local;}
	.follow{ position: relative; width: 117px; margin-bottom: 15px;}
	.tops{ display: none;}
	.fnav{ margin-bottom: 20px;}
	.address{ margin-bottom: 15px;}
	.pbanner{ margin-top: 60px;}
	.ptext h2{ font-size: 35px;}
	.ptext{ margin-top: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);}
	.introduct-box{ padding: 88px 0 60px;}
	.introtext{ width: 100%; margin-bottom: 35px; float: none;}
	.introfix{ margin-top: 50px;}
	.trailer{ display: inline-block; max-width: 100%; float: none; margin: auto; width: auto;}
	.honors{ padding: 80px 0;}
	.history-box{ padding-top: 88px; background-attachment: local !important;}
	.hisinfo{ padding-bottom: 50px;}
	.histext{ min-height: 70px;}
	.responsible-box{ padding: 80px 0;}
	.checkmore{ margin-top: 20px;}
	.responsibles .nitem{ margin-bottom: 30px; width: 50%;}
	.news-boxs{ padding: 76px 0;}
	.newsde .newslist .nitem{ width: 50%; margin-bottom: 40px;}
	.newstext{ padding: 50px 5%;}
	.previous { width: 90%; margin: auto; margin-top: 30px;}
	.charter-box{ padding: 70px 0 88px;}
	.entertext{ float: none; margin-left: 320px; width: auto;} 
	.hotelines{ display: block; margin-top: 50px;}
	.repairs-box{ padding: 50px 0;}
	.repairtext{ margin-top: 32px;}
	.repairimg{ height: 320px; background-attachment: local;}
	.introtitle h3{ font-size: 24px;}
	.servi p{ font-size: 14px; line-height: 1.8;}
	.servicein{ padding: 56px 0;}
	.customers-box{ background-attachment: local; padding: 78px 0 50px;}
	.customerli li{ width: 25%;}
	.idea-box{ padding: 50px 0;}
	.ideatop h3{ font-size: 24px; margin-bottom: 30px;}
	.ideatop{ margin-bottom: 34px;}
	.elegant{ padding: 50px 0;}
	.elegantli{ margin-top: 40px;}
	.recruite-box{ padding: 50px 0;}
	.recuitedc{ margin-top: 40px;}
	.address-box{ padding: 50px 0;}
	.maps{ height: 480px;}
	.error img{ width: 240px;}
	.error h2{ font-size: 24px; margin-top: 30px;}
	.error small{ font-size: 20px; margin-bottom: 28px;}
	.error{ margin-top: -167px;}
}
@media screen and (max-width:861px){
	.aboutlist{ margin-top: 50px;}
	.aboutlist:before{ display: none;}
	.abouts{ width: 90%;}
	.abouts li{ margin-left: 0; width: 25%;}
	.companyte p{ width: 100%;}
	.honor{ width: 50%;}
	.dynamicri{ padding-right: 100px;}
	.enterpses{ width: 180px;}
	.entertext{ margin-left: 260px;}
	.operate p{ font-size: 15px; line-height: 1.8;}
	.servicewr figure{ width: 100%;}
	.servicetext{ width: 100%; margin-top: 30px;}
	.elegantli li{ width: 50%; margin-bottom: 30px;}
	.recuitett span.span2,.recuitett span.span3{ display: none;}
	.recuiteli li span.span2,.recuiteli li span.span3{ display: none;}
	.recuiteli li{ padding-left:20px;}
	.recuitett{ padding-left: 20px;}
	.recuitett span.span4{ float: right; margin-right: 20px;}
	.recuiteli li span.span4{ float: right; margin-right: 20px;}
	.messagetop{ margin-bottom: 40px;}
	.recuiteli li span.span1{ width: auto;}
	.pro-bd{ width: 100%; margin-left: -50%;}
} 
@media screen and (max-width:751px){
	.newshideen p{ height: 80px;}
	.nitem a:hover .newshideen{ height: 170px;}
}
@media screen and (max-width:641px){
	.btext{ margin-top: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);}
	.btext h2{ font-size: 32px;}
	.btext small{ font-size: 16px; margin-bottom: 10px;}
	.bantexts{ padding-top: 48px;}
	.bantexts:before{ height: 38px;}
	.bantexts p{ line-height: 1.8;}
	.menubox{ width: 180px;}
	.logo{ width: 160px; margin-top: 15px;}
	.header{ height: 54px;}
	.navigatie{ width: 60px;}
	.header.show .navigatie{ width: 240px;}
	.menulist >li >a{ height: 54px; line-height: 54px; font-size: 16px;}
	.menubtn{ width: 60px; height: 54px;}
	.menubtn span{ margin-top: 27px;}
	.menubox{ left: 60px;}
	.menus{ padding: 12px 10px 20px 24px;}
	.menus li a{ font-size: 14px;}
	.chartin a{ padding: 30px 0;}
	.chartinwr b{ width: 35px; height: 35px;}
	.charterri{ margin-left: 45px; padding-top: 0;}
	.charterri span{ font-size: 14px;}
	.companytop small{ font-size: 22px;}
	.companytop strong{ font-size: 22px;}
	.aboutlist{ margin-top: 38px;}
	.abouts li .aboutwr{ width: 80px; height: 80px;}
	.abouts li .aboutwr b{ height: 80px;}
	.abouts li b img{ max-width: 30px;}
	.abouts li span{ margin-top: 14px;}
	.busineewr{ display: none;}
	.businessin:hover figure img{ transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1);}
	.businessin:hover .bustitle{ opacity: 1; visibility: visible;}
	.newshideen{ height: 60px;}
	.nitem a{ padding-bottom: 60px;}
	.nitem a:hover .newshideen{ height: 60px;}
	.nitem a:hover .newshideen p{ opacity: 0; visibility: hidden;}
	.newslist,.newsde .responsibles{ width: calc(100% + 20px); margin-left: -10px;}
	.nitem a{ margin: 0 10px;}
	.news-box{ padding: 55px 0;}
	.copyright a{ display: block; margin-left: 0;}
	.fnav{ display: none;}
	.footer-box{ padding: 32px 0;}
	.pbanner{ margin-top: 54px;}
	.ptext small{ font-size: 14px;}
	.ptext h2{ font-size: 26px;}
	.levalmenus{ width: 100%; overflow-x: scroll; overflow-y: hidden; -webkit-overflow-scrolling:touch;}
	.menusd{  display: inline-flex; -webkit-display: inline-flex; -moz-display: inline-flex; -webkit-overflow-scrolling: touch; float: left;}
	.menusd li a{ white-space: nowrap;}
	.menusd li{ padding: 0 20px;}
	.menusd li a{ height: 52px; line-height: 52px;}
	.introduct-box{ padding: 38px 0;}
	.introtitle h3{ font-size: 24px;}
	.introfix{ margin-top: 34px;}
	.honors{ padding: 38px 0;}
	.honorwhich{ margin-top: 36px;}
	.honorin .slick-dots{ padding-top: 20px;}
	.historybann .slick-arrow{ width: 50px; height: 50px;}
	.historybann .slick-arrow.slick-prev{ left: -25px;}
	.historybann .slick-arrow.slick-next{ right: -25px;}
	.history-box{ padding-top: 60px;}
	.responsible-box{ padding: 50px 0;}
	.news-boxs{ padding: 38px 0;}
	.newsde .newslist .nitem{ margin-bottom: 22px;}
	.newsde .responsibles{ margin-bottom: 20px;}
	.dynamicri span{ display: none;}
	.dynamicri{ padding-right: 0; margin-left: 200px;}
	.dynamicri h3{ font-size: 18px; margin-bottom: 12px;}
	.newsinn{ margin-top: 54px; padding: 70px 0;}
	.newstitle h3{ font-size: 20px;}
	.newstitle time{ margin-top: 15px;}
	.newstext{ padding: 38px 5%;}
	.newstext p, .newstext a{ font-size: 14px;}
	.charter-box{ padding: 38px 0;}
	.enterpses{ box-sizing: border-box; width: 100%; float: none;}
	.entertext{ margin-left: 0; margin-top: 22px;}
	.prointem span{ text-indent: 5%; height: 64px; line-height: 64px; font-size: 14px;}
	.numble{ bottom: 22px;}
	.geogeadbg span{ width: 44px; height: 44px; margin-top: -22px; top: 44%;}
	.geogeadbg1 span{ right: -55px;}
	.geogeadbg2 span{ left: -55px;}
	.repairtext p{ font-size: 14px;}
	.repairs-box{ padding: 38px 0;}
	.repairimg{ height: 280px;}
	.servicein{ padding: 38px 0;}
	.servi{ margin-top: 20px;}
	.customerli{ margin-top: 34px;}
	.customerli li{ width: 33.333%;}
	.customers-box{ padding: 50px 0 30px;}
	.idea-box{ padding: 38px 0;}
	.ideatop p{ font-size: 14px;}
	.ideatop h3{ font-size: 20px; margin-bottom: 22px;}
	.elegant{ padding: 38px 0;}
	.elegantli{ width: 100%; margin-left: 0;}
	.elegantli li{ width: 100%;}
	.elegantli li a{ margin: 0;}
	.messagetop p{ float: none; display: block; line-height: 1.8; margin-bottom: 8px;}
	.messages{ margin-top: 32px;}
	.messagetop{ margin-bottom: 22px;}
	.recruite-box{ padding: 38px 0;}
	.recourewr{ padding: 80px 5% 0;}
	.recoure-info strong{ font-size: 25px;}
	.recouret{ margin-bottom: 32px;}
	.hdhapp{ margin-top: 50px;}
	.addinfo{ width: 48%; margin-top: 24px;}
	.addinfo:nth-child(2n+2){ float: right;}
	.addressbox{ margin-top: 0;}
	.addinfo span{ font-size: 16px;}
	.addinfo small{ margin-bottom: 20px;}
	.error h2{ font-size: 20px;}
	.error{ margin-top: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);}
	.error small{ font-size: 16px; margin-bottom: 18px;}
}
@media screen and (max-width:520px){
}
@media screen and (max-width:481px){
	.btext h2{ font-size: 24px;}
	.bantexts p{ width: 100%;}
	.chartin{ width: 50%;}
	.chartin:last-child{ width: 100%; border-top: 1px solid rgba(255,255,255,0.2);}
	.aboutlist{ margin-top: 0;}
	.abouts li{ width: 50%; margin-top: 24px;}
	.company-box{ padding: 55px 0;}
	.businessin{ width: 100%;}
	.bustitle{ left: 5%; bottom: 25px;}
	.newslist .slick-dots{ margin-top: 40px;}
	.newslist{ margin-top: 30px;}
	.ptext h2{ font-size: 22px;}
	.introtitle{ padding-bottom: 22px;}
	.introfix{ margin-top: 22px;}
	.introfix p{ font-size: 14px;}
	.video{ margin-left: -25px; margin-top: -25px;}
	.video span{ width: 50px; height: 50px;}
	.video span img{ width: 12px;}
	.introtext{ margin-bottom: 22px;}
	.historybann{ margin-top: 40px; padding-bottom: 68px;}
	.historybann .slick-arrow{ top: auto; margin-top: 0; bottom: 10px;}
	.historybann .slick-arrow.slick-prev{ left: 0;}
	.historybann .slick-arrow.slick-next{ left: 60px;}
	.histext{ padding-right: 20px;}
	.responsibles .nitem{ width: 100%;}
	.responsible-box{ padding: 38px 0;}
	.checkmore{ margin-top: 0;}
	.introtitle h3{ font-size: 22px;}
	.newsde .newslist .nitem{ width: 100%;}
	.dymanicwr figure{ width: 120px;}
	.dynamicri{ margin-left: 140px; padding-top: 0;}
	.dynamicri p{ margin-bottom: 5px;}
	.dynamicri h3{ font-size: 16px; margin-bottom: 6px;}
	.dymanicwr{ padding: 14px;}
	.dymanics li{ margin-bottom: 20px;}
	.dymanics{ margin-bottom: 36px;}
	.previs a{ padding-left: 50px; font-size: 12px;}
	.previs a b{ width: 32px; height: 32px;}
	.backlist a{ width: 82px; font-size: 12px; height: 32px; line-height: 32px;}
	.backlist{ margin-left: -47px;}
	.previs.next a{ padding-right: 50px;}
	.enterpses small{ font-size: 18px;}
	.enterpses span{ padding-bottom: 28px; font-size: 18px;}
	.operate p{ font-size: 14px;}
	.hotelines{ margin-top: 40px;}
	.customerli li{ width: 50%; margin-bottom: 18px;}
	.recoure-info strong{ font-size: 22px;}
	.addinfo{ width: 100%;}
	.maps{ height: 320px;}
} 
@media screen and (max-width:400px){
}
@media screen and (max-width:370px){
}