@charset "utf-8";
/* CSS Document */

.phoneBox{display:none;}
@media screen and (min-width:2000px){
.about .box{max-width:65%;}
}
@media screen and (max-width:1600px){
html{font-size:50%;}
.mlr50{margin:0 35px;}
header .logo{width:120px;}
header nav li, header nav li a{line-height:34px;}
header .toggle{height:22px;top:5px;}
header .toggle em:nth-child(2){top:9px;}
.job .f-13{font-size:14px;}
.job .f-14{font-size:14px;}
.job .f-15{font-size:2rem;}
.job .f-18{font-size:2.3rem;}
.job .f-24{font-size:2.9rem;}
}
@media screen and (max-width:1440px){
.index .page3 .thumb{bottom:60px;}
.index .page3{padding-bottom:100px;}
.index .page4{padding-bottom:50px;}
.index .page4 .pad{top:10%;}
.index .page4 .phone{top:35%;}
/*.index .page4 .text{margin-top:30px;}*/
.index .page4 .text:before{border-width:4px;}
.index .page4 .text font{font-size:36px;}
.index .page5 .pic{height:400px;}
.index .page5 .table{height:100px;}
.index .page5 .tab span,.index .page5 .tab span img{height:45px;}
footer a.item{width:12%;}
.job .page4 .NOTOSANSHANS{width:200px;}

.about .item6 .box,.about .item8 .box{min-width:570px;}

}
@media screen and (max-width:1280px){
.index .page3 .cm/*,.index .page4 .cm*/{width:66%;left:17%;}
.index .page4 .pad{top:13%;}
.index .page4 .phone{top:37%;}
.index .page4 .text{margin-top:10%;}
.index .page5 .pic{height:500px;}
.index .page5 .table{height:140px;}
.index .page5 .pic .text blockquote{padding:30px;}
.maps .table{width:500px;}
.maps .table .item{width:60%;}
.maps .table .item:nth-child(2n){width:40%;}
.maps .btn{width:92%;}
.works .number{width:115%;}
.about .item6 .box,.about .item8 .box{min-width:520px;}
.about .number span:nth-child(2){left:14%;}
.about .box{min-width:580px;}
.about .box span{margin-left:90px;}
}
@media screen and (max-width:1200px){
.about .box{min-width:inherit;text-align:center;max-width:inherit;}
.about .box i{float:none;}
.about .box span{margin-left:0px;margin-top:15px;}
}
@media screen and (max-width:1410px){
.works .cm{margin:0 15px;}
}
@media screen and (max-width:1024px){
.loadPage{display:none;}
.maskBtn{width:100%;height:100%;position:fixed;top:0px;left:0px;background-color:rgba(0,0,0,0.7);z-index:100;}
/*.pageFrame,.maps,footer,header .logo,header .toggle,*/header nav{-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.pageFrame.trx,.maps.trx,footer.trx,header .logo.trx,header .toggle.trx{-webkit-transform:translateX(-250px);transform:translateX(-250px);}
header{z-index:101;}
.mlr50{margin:0;padding:0 15px;display:block;position:relative;}
header{overflow:visible;}
header nav{width:250px;position:fixed;float:none;top:53px;left:auto;right:-250px;bottom:0px;background-color:#000;z-index:10;}
header nav.show{right:0px;}
header nav ul{width:100%;height:100%;}
header nav li,header nav li a{width:100%;height:50px;line-height:50px;}
header nav li a{width:100%;float:none;font-size:16px;font-weight:bold;display:inline-block;padding:0 25px;color:#c1c1c1;}
header nav li.active a{color:#fff;background-color:#f94f73;}
header nav .text{display:block;}
header .toggle{opacity:1;right:15px;}
header .toggle em:first-child,header .toggle em:last-child{-webkit-transform:translateY(0);transform:translateY(0);}
header .toggle{z-index:1;}

.index .page3 svg{max-height:300px;min-height:300px;}
.index .page5 .tab .cm .after{width:25%;}
.maps .bg{background-position:20% center;opacity:0.1;}
.maps .send{width:60%;}
.gototop{width:40px;height:40px;margin-left:-20px;bottom:10px;}
.index .page2{background-attachment:inherit;}
footer a.item{font-size:50px;}
.about .page2 .AvantGardeMdBT{font-size:36px;}

.services .text h3{font-size:26px;}
.services .text h4{font-size:14px;}
.services .text h5{font-size:15px;}

.works .number{width:114%;}
.job .page4 .NOTOSANSHANS{font-size:80px;line-height:80px;}
.job .page4 .text{margin-left:220px;}
.job .page4 .cm,.job .page3 .cm{margin:0 40px;}
.job .page3 .cm{max-width:none;}
.job .page3 .photo{margin-bottom:0px;}
.job .page3 .photo .cm{margin:0 auto;max-width:760px;}
.job .page3 .prev, .job .page3 .next{display:none;}

.about .page2 .mlr-50{margin:0 50px;}
.about .item5{margin-top:8%;}
.about .item5 .box{text-align:left;}
.about .item6{margin-top:3%;}
.about .item6 .box, .about .item8 .box{min-width:inherit;margin-left:0px;}
.about .number span font{font-size:80px;line-height:80px;}
.about .number span:nth-child(2){left:12%;}
.about .number{border-width:4px;}
}
@media screen and (max-width:900px){
.job .page1 .dots,.job .page1 .debris,.job .page1 .round{display:none;}
.job .page1 svg{position:relative;display:inline-block;top:auto;left:auto;width:100%;}
.job .page4,.job .page3{margin-top:0;padding:60px 0;}
.job .page3 .icon{margin-right:30px;}
.pagenow{opacity: 1;}
}
@media screen and (max-width:768px){
.index .page4 .cm{width:80%;}
.index .page5 .list .cm{width:90%;}
.index .page5 .list blockquote{top:15%;}
.index .page4 .text font{font-size:30px;}
.index .page5 .pic{height:400px;}
.index .page5 .tab .cm .after{width:33.3333333%;}
footer a.item{font-size:30px;}
footer .fl{margin-left:0px;width:100%;line-height:24px;padding:30px 15px;border-bottom:1px #888 solid;}
footer a.item{width:33.33333%;}
footer a.item:last-child{border:none;}

.services .text{margin-top:10%;}
.services .cm{width:auto;max-width:inherit;margin:15px;}
.services .text h5 font{width:33.333333%;}

.works .number span font,.works .number span:first-child{display:none;}
.works{margin-top:53px;}
.works li{width:50%;margin-top:20px;}
.works .number{width:100%;border:none;}
.works .number span{text-align:center;}

.job .page4 .NOTOSANSHANS{width:100%;text-align:left;font-size:30px;line-height:50px;}
.job .page4 .text{margin-left:0px;}
.job .page4, .job .page3{padding:34px 0;}

.index .page3 .thumb{right:10px;}
.index .page3 .cm{width:auto;display:block;margin:0 15px;left:auto;}
.about .page5 .text{top:150px;}
.about .page5{padding-bottom:2rem;}
.about .page2 .AvantGardeMdBT{font-size:24px;}
.about .page2 .w800{padding:0 15px;}
.about .w-50{width:100%;padding:50px 0 0;}
.about .item2,.about .item3{padding-bottom:50px;}
.about .item4,.about .item7{display:none;}
.about .item5 span{margin-top:0px;}
.about .number span:nth-child(2){left:25%;}
}
@media screen and (max-width:767px){
.pagenow{opacity:1;}
.index .page5 .pic{height:370px;}
.index .page5 .tab .cm .after{width:33.3333333%;}
.index .page5 .pic .img, .index .page5 .pic .text{width:100%;}
.index .page5 .pic .text{position:absolute;top:0px;left:0px;opacity:0.9;}
.index .page5 .tab .cm .after{width:50%;}
.index .page4 .thumb,.services .kv.show img{display:none;}
.index .page4 .cm{width:90%;left:5%;}
.kv.show, .services .img.i2, .services .img.i4, .index .page1{background-attachment:inherit;}
}
@media screen and (max-width:560px){
.job .page3 .photo .cm{margin:0 34px;}
.abso,.job .page2 .box.red{display:none;}
.job .page3 .icon{width:100%;height:100px;line-height:80px;font-size:80px;margin-right:10px;}
.job .page3 .item .info{margin:0px;width:100%;}
.pcBox{display:none;}
.phoneBox{display:block;}
.job .phoneBox{font-size:14px;line-height:28px;}
.job .page4 .line font{margin:8px 0;}
body,.services{font-size:14px;}
.pagenow{opacity:1;}
.index .page5 .tab{padding:10px;}
.index .page5 .pic{display:none;}
.index .page5 .tab .cm .after{width:33.3333333%;}
.index .page5 .pic .img, .index .page5 .pic .text{width:100%;}
.index .page5 .pic .text{position:absolute;top:0px;left:0px;opacity:0.9;}
.index .page5 .tab .cm .after{width:50%;}
.index .page5 .tab span{width:33.3333333%;}
.index .page5 .table{width:100%;height:auto;display:block;}
.index .page5 .tab span{display:block;float:left;padding:20px 10px;opacity:0.5;}
.index .page5 .tab span:nth-child(5){opacity:1;}
.index .page5 .tab span, .index .page5 .tab span img{height:auto;}
.maps .table{width:100%;position:relative;padding:20px;top:auto;right:auto;height:auto;}
.maps .btn,.maps .send{width:100%;}
.maps .table .item,.maps .table .item:nth-child(2n){width:100%;margin:0px;}
.index .page3 .text font,.index .page4 .text font{display:none;}
.index .page4 .text{margin-top:23%;}
.index .page4{padding-bottom:20px;}
.index .page3 .thumb{width:120px;left:50%;bottom:32px;right:auto;top:auto;padding:0px;margin-left:-60px;}
.index .page3 .thumb span{width:20px;height:20px;margin:0px;}
.index .page3 .thumb span:before{display:none;}
.index .page3 .thumb span:after,.index .page3 .thumb span.active:after{width:6px;height:6px;left:5px;top:5px;background-color:#fff;border:none;}
.index .page3 .thumb span.active:after{background-color:#ff354d;}



header .toggle{width:22px;height:15px;}
header .toggle em{height:3px;}
header .toggle em:nth-child(2){top:6px;}
header .logo{width:80px;}

.index .page2{display:none;}

.works li .text{margin:0 12px;}
.job .page3 .thumb span{width:33.333333%;}
.f-15{font-size:14px;}
.works li{width:100%;}
.index .page3 .text h3{font-size:18px;}
.index .page3 .text h4{font-size:14px;}
.index .page3{padding:50px 0 70px;}
.job .page4{padding-bottom:20px;}

.about .kv .text{font-size:17px;line-height:28px;}
.about .page2 img, .about .kv .img img{width:90%;}
.about .page2 .AvantGardeMdBT{font-size:16px;}
.about .page2 .mlr-50{margin:0 20px;}
.about .page2 .mr-30{margin-right:15px;}
.about .page2 .ml-30{margin-left:15px;}
.about .page2 .w800,.about .box{font-size:12px;}
.about .box em{width:50%;float:left;min-width:inherit;font-size:12px;}
.about .box .number span{width:33.333333%;}
.about .number span:nth-child(2){left:auto;}
.about .number span font{font-size:40px;line-height:40px;text-align:center;}
.about .number span em{font-size:12px;display:block;width:auto;float:none;}
.about .number span:first-child em{text-indent:0px;}
.about .number{padding:3% 0;margin-bottom:30px;}
.index .page1 .text{width:200%;left:-50%;-webkit-background-size:100% auto;background-size:100% auto;}
.maps .bg{display:none;}

.index .page1{background-color:#fefefe;}
.index .page5 .tab span img{width:100%;}
.index .page5 .table{float:left;}
}