@media screen and (max-height:800px){
}
@media screen and (max-width:1700px){
}
@media screen and (max-width:1600px){
}
@media screen and (max-width:1450px){
	.nav li{ margin-right: 30px;}
	.tel{ font-size: 22px;}
	.boutique-case{ padding: 100px 0;}
	.titles strong,.common__title1 strong{ font-size: 28px;}
	.common__title1 small{ font-size: 14px;}
	.titles small{ font-size: 13px;}
	.titles:before{ height: 22px;}
	.introducte__war{ margin-right: -45%;}
	.common__title1:before{ width: 130px;}
	.links__list{ width: 90%; margin-top: 80px;}
	.process:before{ width: 100%; margin-left: -50%;}
	.advantages{ padding: 100px 0 70px;}
	.advantage__list{ margin-top: 50px;}
	.advantage__wapper{ width: 80%; padding: 0 5% 65px;}
	.advan__item{ width: 16%; margin-left: 5%;}
	.cooperate{ padding: 76px 0 40px;}
	.cooperate__list{ margin-top: 40px;}
	.designs{ padding: 100px 0;}
	.process{ padding: 100px 0 40px;}
	.process__wapper{ width: 90%; padding: 60px 0;}
	.process__item .proicon{ width: 120px; height: 120px;}
	.process__item .proicon img{ max-width: 50%; max-height: 50%;}
	.process__down b{ font-size: 90px;}
	.process__item:first-child{ margin-left: 0;}
	.process__item{ width: 20%; text-align: center; margin-left: 0;}
	.process__down{ padding-left: 10%;}
	.footer{ padding: 60px 0 88px;}
	.case-box{ padding-top: 100px;}
	.ptop strong,.ptext1 .ptop strong{ font-size: 28px;}
	.ptop small{ font-size: 20px; padding-bottom: 22px;}
	.pdown{ margin-top: 20px;}
	.pdown span{ font-size: 20px;}
	.pdown p{ font-size: 16px;}
	.hot-case{ padding: 100px 0;}
	.vible li{ margin-bottom: 14px;}
	.vible li strong{ font-size: 16px;}
	.culture__box{ padding: 120px 0 70px;}
} 
@media screen and (max-width:1350px){
	.line1{ width: 90%; margin-left: -45%;}
	.line2{ width: 90%; margin-right: -45%; height: 300px;}
	.links__list{ padding: 45px 0 24px;}
	.link{ margin-left: 56px;}
	.nav li{ margin-right: 20px;}
}
@media screen and (max-width:1280px){
	.header__wapper{ width: 90%;}
	.logo{ width: 140px;}
	.nav{ margin-top: 3px;}
	.tel{ line-height: 26px;}
	.inner{ width: 90%;}
	.cases{ width:calc(100% + 26px);}
	.case__list li{ width: 12%;}
	.case__list li:first-child,.case__list li:last-child{ width: 8%;}
	.case__menu1 li:first-child, .case__menu1 li:last-child{ width:5.85%;}
	.case__menu1 li{ width: 8.83%;}
	.advan__nuble b{ font-size: 60px;}
	.advan__nuble i{ font-size: 28px;}
	.process__down b{ font-size: 70px;}
	.processli dt{ font-size: 14px;}
	.process__in{ float: none; margin-left: 54px;}
	.process__wapper{ padding: 45px 0;}
	.footer__item{ margin-right: 50px;}
	.follow{ width: 320px;}
	.share a{ margin-right: 15px;}
	.share a.qq{ margin-right: 0;}
	.ptext{ margin-left: -45%; margin-top: -104px;}
	.visignlist{ width: calc(100% + 26px);}
	.special2{ width: calc(100% + 46px);}
	.videsignflex{ margin-right: 0%; right: 0; width: 260px;}
	.vible{ margin-right: 0;}
	.videsignflex.scolld{ right: 5%;}
	.videsignflex.scollb{ right: 5%;}
}
@media screen and (max-width:1200px){
	.nav{ margin-left: 30px;}
	.nav li{ margin-right: 14px;}
	.special__text{ width: 70%;}
}
@media screen and (max-width:1100px){
	.nav li a{ font-size: 14px;}
	.footer__com{ width: 170px;}
	.relevant1{ width: 26%;}
	.culture__item{ width: 28%; margin-left: 8%;}
}
@media screen and (max-width:1024px){
	.nav,.tel{ display: none;}
	.header{ background: #fff;} 
	.header,.header.scoll{ background: #fbfbfb;}
	.header__wapper,.header.scoll .header__wapper{ padding: 20px 5%; box-sizing: border-box; width: 100%; transition: 0s; box-shadow: 0 0 5px rgba(0,0,0,0.3); max-width: 100%;}
	.logo img.show{ visibility: hidden; opacity: 0;}
	.logo img.hide{ visibility: visible;}
	.banner{ margin-top: 66px;}
	.menubtn{ display: block;}
	.banner .slick-dots{ bottom: 30px;}
	.case__list{ margin-top: 42px; margin-bottom: 30px;}
	.boutique-case{ padding: 50px 0;}
	.cases li{ width: 33.3333%; margin-bottom: 24px;}
	.case__list li a{ font-size: 14px;}
	.introducte__war{ width: 100%; right: 0; padding-top: 80px; margin-right: -50%; position: relative; bottom: 0;}
	.introducte{ height: auto; background: none;}
	.introducte:before{ content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; background: url(../img/9.jpg) center fixed no-repeat; background-size: cover;}
	.introduct__text{ position: relative; top: 0; padding: 40px 5%;}
	.introductes{ margin-top: 24px;}
	.advantages{ padding: 50px 0;}
	.advantage__wapper{ padding-bottom: 35px;} 
	.cooperate__list li{ width: 20%; margin-bottom: 30px;}
	.cooperate{ padding: 50px 0 20px;}
    .line2{ height: 300px;}	
    .design__li,.design__title{ margin-right: 0;}
    .design__title{ margin-bottom: 22px;}
    .design__item1 .design__li,.design__item1 .design__title{ margin-left: 0;}
    .design__img{ margin-top: 50px;}
    .designs{ padding: 50px 0;}
    .process{ padding: 50px 0;}
    .process__main{ margin-top: 32px;}
    .process__item{ width:50%; float: left; display: flex; display: -webkit-flex; margin-bottom: 20px;}
    .process__item .proicon{ margin: 0;}
    .process__down{ padding-left: 28px;}
    .process__item .proicon{ margin-left: 20px;}
    .process__wapper{ padding-bottom: 20px;}
    .links__list{ margin-top: 50px;}
    .links{ margin-bottom: 50px;}
    .footer__item{ width: 33.333%; margin-right: 0;}
    .follow{ width: 100%; float: left;}
    .eq{ float: left; margin-left: 20px;}
    .footer{ padding: 50px 0;}
    .pbanner{ margin-top: 66px;}
    .ptop strong{ font-size: 24px; margin-bottom: 12px;}
    .ptop small{ font-size: 18px; padding-bottom: 16px;}
    .pdown span{ font-size: 18px; margin-bottom: 8px;}
    .pdown p{ font-size: 14px;}
    .ptext{ top: 50%; margin-top: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);}
    .case-box{ padding-top: 50px;}
    .hot-case{ padding: 50px 0;}
    .hotcase__bann{ margin-top: 40px;}
    .hot-case .designs{ padding-top: 50px;}
    .videsign{ padding-top: 50px;}
    .posite{ margin-bottom: 30px;}
    .visignlist li{ width: 33.3333%;}
    .news__text{ width: auto;}
    .newdynamic{ margin-right: 0; margin-top: 32px;}
    .design__item1 .newdynamic{ margin-left: 0;}
    .explain__item strong{ font-size: 16px; margin-top: 6px;}
    .expain__swiper{ margin-top: 40px;}
    .relevantde{ padding-top: 50px;}
    .specila__list li a{ display: flex; display: -webkit-flex;}
    .specila__list{ width: 100%; padding-right: 0; border-right: none;}
    .special__text{ width: auto; float: none; margin-left: 0; flex: 1; -webkit-flex: 1; margin-left: 30px;}
    .newspecial{ width: 100%; padding-top: 32px;}
    .soecial__wapper{ margin-bottom: 0;}
    .abouts{ padding: 60px 0 50px;}
    .advantagebox{ padding: 50px 0 100px;}
    .concept{ padding: 80px 0 150px;}
    .culture__box{ padding: 50px 0;}
    .flexmenu{ display: block;}
    .footer{ margin-bottom: 75px;}
    .videsignflex { width: 200px;}
}
@media screen and (max-width:861px){
	/*.case__list{ width: 100%; overflow: hidden; overflow-x: scroll; overflow-y: hidden; box-sizing: border-box; -webkit-overflow-scrolling: touch; padding-bottom: 8px;}
	.case__list::-webkit-scrollbar{ width: 5px; height: 5px;}
	.case__list::-webkit-scrollbar-thumb { border-radius: 5px; -webkit-box-shadow: inset 0 0 0.1rem rgba(0,0,0,0.2); background: #f3d922;}
	.case__list::-webkit-scrollbar-track {border-radius: 5px; background: #323232;}
	.case__menu{ display: inline-flex; -webkit-display: inline-flex; -moz-display: inline-flex; -webkit-overflow-scrolling: touch; float: left;}
	.case__menu li{ margin-left: 0; width: 120px;}*/
	.case__list{ width: 100%; margin-left: 0px;}
	.case__list li:first-child{ text-align: left;}
	.advan__item{ width: 32%; margin-left: 0; margin-right: 2%; margin-top: 28px;}
	.advan__item:nth-child(3n+3){ margin-right: 0;}
	.advantage__list{ margin-top: 10px;}
	.caseds li{ width: 50%;}
	.line1,.line2{ display: none;}
	.case__desgin{ padding-top: 0;}
	.design__item{ width: 100%;}
	.design__item:first-child{ margin-bottom: 30px;}
	.process__item .proicon{ width: 100px; height: 100px;}
	.process__down b{ font-size: 60px;}
	.case__list .case__menu1 li:first-child, .case__list .case__menu1 li:last-child{ width: 5.85%;}
	.visignlist li{ width: 50%;}
	.view__content{ width: 100%;}
	.dyanmic{ padding-top: 50px;} 
	.relevant{ width: 100%; padding-left: 0; border-left: none; padding-bottom: 0;}
	.relevantin{ float: left; width: 48%;}
	.relevantin:nth-child(2n+2){ float: right;}
	.vible{ margin-right: 0;}
	.vible li{ float: left; width: 48%;}
	.vible li:nth-child(2n+2){ float: right;}
	.imgbox{ padding-top: 34px;}
	.imgbox li{ width: 50%;}
	.relevanli li{ width: 50%;}
	.videsignflex.scolld,.videsignflex{ padding-left: 0; border-left: none; width: 100%; padding-bottom: 0; padding-right: 0; position: static; right: 0;}
	.about__img{ width: 95%; margin-left: 5%;}
	.about__text{ width: 100%; margin-top: 60px;}
	.scollicon{ display: block;}
}
@media screen and (max-width:751px){
	.cooperate__list li{ width: 25%; margin-bottom: 20px; height: 70px;}
}
@media screen and (max-width:641px){
	.header__wapper, .header.scoll .header__wapper{ padding: 16px 5%;}
	.banner{ margin-top: 58px;}
	.banner .slick-dots{ bottom: 20px;}
	.banner .slick-dots li button{ width: 30px; height: 3px; overflow: hidden;}
	.boutique-case{ padding: 36px 0;}
	.titles strong,.common__title1 strong{ font-size: 24px;}
	.common__title1 strong{ letter-spacing: 2px;}
	.titles small{ font-size: 12px; line-height: 1;}
	.titles{ padding-bottom: 4px;}
	.titles:before{ height: 14px;}
	.case__list{ margin-top: 22px; margin-bottom: 26px;}
	.cases li{ width: 50%;}
	.morecase{ padding-top: 10px;}
	.morecase a{ font-size: 14px; line-height: 46px;}
	.navigation:before{ top: 59px;}
	.common__title1 small{ font-size: 12px; line-height: 1;}
	.common__title1:before{ width: 110px;}
	.advantages{ padding-bottom: 38px;}
	.cooperate__list li{ width: 32%; margin-right: 2%; height: 60px;} 
	.cooperate__list li:nth-child(3n+3){ margin-right: 0;}
	.cooperate__list{ margin-top: 26px;}
	.titled{ font-size: 20px;}
	.titled:before{ width: 65%;}
	.design__img{ margin-top: 26px;}
	.design__title .deginmore:before{ left: 140px;}
	.process__item{ width: 100%; margin-bottom: 10px;}
	.cooperate{ padding-top: 38px;}
	.process,.designs{ padding: 38px 0;}
	.links__list{ margin-top: 0; padding-top: 38px;}
	.link{ margin-left: 0;}
	.link li{ margin-right: 26px; margin-bottom: 24px;}
	.links{ padding-bottom: 38px; margin-bottom: 0; padding-bottom: 0;}
	.links:before,.links:after{ display: none;}
	.footer__top b{ font-size: 50px;}
	.footerin{ padding-top: 3px;}
	.footer__com{ width: auto;}
	.footer__item{ display: none;}
	.footer__top{ display: none;} 
	.footer{ padding: 32px 0;}
	.share a{ transform: scale(0.5); -webkit-transform: scale(0.5); -moz-transform: scale(0.5); margin-right: 0;}
	.share{ margin-top: 0;}
	.eq{ display: none;}
	.edite{ margin-top: 12px;}
	.pbanner{ margin-top: 58px;}
	.pdown{ display: none;}
	.ptop strong{ font-size: 22px;}
	.pbanner figure img{ width: auto; height: 230px; left: 50%; margin-left: -315px; position: relative;}
	.ptop small{ font-size: 16px;}
	.case-box{ padding-top: 36px;}
	.hotcase__bann .slick-arrow{ width: 40px; height: 40px; margin-top: -20px; background-size: cover !important;}
	.hotcase__bann .slick-arrow.slick-prev{ left: -20px;}
	.hotcase__bann .slick-arrow.slick-next{ right: -20px;}
	.titled{ min-width: auto;}
	.hot-case{ padding: 36px 0;}
	.hotcase__bann{ margin-top: 26px;}
	.design__title .deginmore:before{ left: 120px;}
	.visignlist{ padding-bottom: 10px; width: 100%; margin-left: 0;}
	.visignlist li{ margin-bottom: 20px; width: 48.5%;}
	.visignlist li:nth-child(2n+2){ float: right;}
	.visignlist li a{ margin: 0;}
	.videsign{ padding-top: 34px;}
	.vidown{ padding: 20px 22px 24px;}
	.page a, .page span{ width: 32px; height: 20px; line-height: 20px; font-size: 16px;}
	.news__list{ margin-bottom: 34px;}
	.newdynamic{ margin-top: 22px;}
	.newdynamic li span{ font-size: 14px;}
	.news__data{ width: 65px; height: 65px;}
	.news__data i{ font-size: 20px;}
	.news__text{ margin-left: 82px;}
	.dyanmic{ padding-top: 36px;}
	.view__time h1{ font-size: 20px;}
	.view__time{ padding: 30px 0;}
	.relevantin{ width: 100%; margin-bottom: 26px;}
	.explainfix{ margin-top: 20px;}
	.explain__item{ width: 100%; padding: 20px 0 8px;}
	.expain__btn span{ line-height: 34px; font-size: 12px;}
	.explain__list{ padding-bottom: 30px;}
	.imgbox{ max-width: 90%;}
	.imgbox li{ width: 48.5%;}
	.imgbox li:nth-child(2n+2){ float: right;}
	.imgbox li a{ margin: 0;}
	.explains .news__list{ padding-top: 0;}
	.relevantde{ padding-top: 32px;}
	.relevantde{ max-width: 90%;}
	.relevanli li a{ margin: 0;}
	.relevanli li{ width: 48.5%; margin-bottom: 20px;}
	.relevanli li:nth-child(2n+2){ float: right;}
	.specila__list li{ padding: 45px 0 22px;}
	.specilin{ margin-bottom: 12px;}
	.special2{ width: 100%; margin-left: 0;}
	.relevantdown p{ line-height: 1.8; height: 42px;}
	.concept{ padding: 38px 0;}
	.culture__box{ padding: 36px 0;}
	.culture__list{ margin-top: 32px;}
	.culture__item{ width: 100%; margin-left: 0;}
	.cilture .about__tt{ position: relative; top: 0;}
	.ptext1 .ptop small{ font-size: 20px;}
	.design__imgd .design__img{ width: 100%;}
	.links{ display: none;}
	.retime,.relevantdown p{ display: none;}
	.special__text p{ height: 50px; overflow: hidden;}
	.specilin,.imgdown p{ display: none;}
	.news__text p{ height: 20px; overflow: hidden;}
	.advan__item p{ display: none;}
	.advan__item:nth-child(1),.advan__item:nth-child(2){ width: 49.5%; margin-right: 0;}
	.advan__item:nth-child(2){ float: right;}
	.advan__item span:before{ width: 120px; left: 50%; margin-left: -60px;}
	.advan__nuble b{ font-size: 42px;}
	.advan__nuble i{ font-size: 22px;}
	.processimg{ display: block;}
	.process__wapper{ display: none;}
	.process__main:before{ display: none;}
	.explain{ display: none;}
	.expain__swiper{ margin-top: 24px;}
	.new-case{ padding-bottom: 30px;}
	.case__menu .slick-arrow.slick-prev{ left: -14px;}
	.case__menu .slick-arrow.slick-next{ right: -14px;}
}  
@media screen and (max-width:520px){
}
@media screen and (max-width:481px){
	.banner__item img{ position: relative; height: 230px; left: 50%; width: auto; margin-left: -276px;}
	.advan__nuble b{ font-size: 50px;}
	.advan__nuble{ margin-bottom: 12px;}
	.advantage__list{ margin-top: 0;}
	.design__img{ margin-top: 18px;}
	.process__item .proicon img{ max-width: 40%; max-height: 40%;}
	.process__item .proicon{ width: 80px; height: 80px;}
	.process__down{ padding-left: 16px;}
	.process__in{ margin-left: 44px;}
	.process__down b{ font-size: 50px;}
	.process__down{ margin-top: 20px;}
	.design__in p{ font-size: 12px; margin-top: 4px; height: 40px;}
	.hotcase__bann .slick-arrow.slick-prev{ left: -13px;}
	.hotcase__bann .slick-arrow.slick-next{ right: -13px;}
	.page a, .page span{ width: 22px; font-size: 14px;}
	.vidown p{ display: none;}
	.vidown strong{ margin-bottom: 0; padding-bottom: 0;}
	.vidown{ padding: 20px;}
	.relevant__btn span{ font-size: 14px;}
	.relevantin:last-child{ margin-bottom: 0;}
	.imgbox li{ margin-bottom: 14px;}
	.specila__list li figure{ width: 110px;}
	.special__text{ margin-left: 20px; padding-top: 0;}
	.special__text strong{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.specialinfo .news__text{ padding-top: 0;}
	.abouts{ padding: 35px 0;}
	.about__img{ width: 100%; margin-left: 0;}
	.about__img:before{ display: none;}
	.about__text{ margin-top: 32px;}
	.about__tt small{ font-size: 24px;}
	.about__tt strong{ font-size: 20px;}
	.advantagebox{ padding: 36px 0;}
	.case__text p{ display: none;}
	.advan__item span{ font-size: 13px;}
	.advan__nuble b{ font-size:38px;}
	.advan__item span:before{ width: 90px; margin-left: -45px;}
    .advantages:after{ height: 50%;}
    .introducte__war:before{ padding-bottom: 0;} 
    .introduct__text{ padding-bottom: 0;}
    .menusd li b{ width: 24px; height: 24px;}
    .menusd li span{ font-size: 14px;}
    .footer{ margin-bottom: 69px;}
    .vible li small { display: none;}
} 
@media screen and (max-width:400px){
	.cases{ width: 100%; margin-left: 0;}
	.cases li{ width: 49%; margin-bottom: 15px;}
	.cases li:nth-child(2n+2){ float: right;}
	.cases li a{ margin: 0;}
	.vible li strong{ font-size: 14px;}
}
@media screen and (max-width:350px){
	.advan__item{ margin-top: 20px;}
	.advan__item span{ font-size: 12px;}
	.vible li small{ display: none;}
}