@charset "utf-8";
.m-Top{margin-top:90px;}
.a-point{position:relative;top:-50px;display:block;height:0;}
.main-width{width:1500px;max-width:92vw;margin:0 auto;}
.secd-width{width:1740px;max-width:92vw;margin:0 auto;}
.thrd-width{width:1800px;max-width:94vw;margin:0 auto;}
.banner{position:relative;width:97vw;margin:0 auto;overflow:hidden;}
.banner img{width:100%;height:auto;}
.banner .text{position:absolute;left:0;top:50%;width:100%;padding:0 18%;transform:translateY(-50%);text-align:center;box-sizing:border-box;}
.banner .text h1{line-height:90px;margin-bottom:20px;font-size:85px;font-family:"Poppins-Regular";color:#f5f5f5;text-transform:uppercase;transform:translateY(200px);opacity:0;transition:all 1s;}
.banner .text p{line-height:30px;font-size:24px;font-family:"Poppins-Light";color:#f5f5f5;transform:translateY(200px);opacity:0;transition:all 1s;transition-delay:.2s;}
.banner .text a{display:inline-block;line-height:60px;margin-top:30px;padding:0 50px;border-radius:10px;background-color:#323330;color:#fff;font-family:"Poppins-Light";font-size:20px;transform:translateY(200px);opacity:0;transition:transform 1s,opacity 1s;transition-delay:.4s;}
.banner .text a:before{content:"";display:inline-block;width:21px;height:26px;margin-right:18px;vertical-align:middle;background-image:url(../images/btn-about-icon.png);background-size:100% 100%;}
.banner .text a:hover{background-color:#bd9a78;}
.banner.ani img{animation:tobig 50s;}
.banner.on .text h1{transform:translateY(0);opacity:1;}
.banner.on .text p{transform:translateY(0);opacity:1;}
.banner.on .text a{transform:translateY(0);opacity:1;}
@keyframes tobig{
0% {transform:scale(1);}
50% {transform:scale(1.2);}
100% {transform:scale(1);}
}

header{position:fixed;left:0;top:0;width:100%;height:90px;background-color:#f5f5f5;z-index:9999;transition:all .5s;}
header .logo{float:left;height:40px;margin-top:25px;transition:all .5s;}
header .logo img{width:auto;height:100%;}
header .phone-menu{display:none;float:left;width:28px;height:17px;margin-top:16px;cursor:pointer;}
header .phone-menu span{display:block;width:28px;height:1px;background-color:#333;border-radius:1px;-moz-transform-origin:9.5% 50%;-webkit-transform-origin:9.5% 50%;-o-transform-origin:9.5% 50%;transition:all .3s;}
header .phone-menu .b1,header .phone-menu .b2{margin-bottom:7px;}
header .sns{float:right;margin-left:80px;padding:30px 0;transition:all .5s;}
header .sns a{display:inline-block;width:30px;height:30px;margin-left:10px;background-image:url(../images/sns.png);background-size:500% 300%;background-position-y:-200%;}
header .sns a:hover{background-position-y:-100%;}
header .sns .facebook{background-position-x:0;}
header .sns .instagram{background-position-x:-100%;}
header .sns .pinterest{background-position-x:-200%;}
header .sns .youtube{background-position-x:-300%;}
header .sns .linkedin{background-position-x:-400%;}
header .nav{float:right;}
header .nav .one > li{position:relative;float:left;line-height:40px;padding:25px 0;margin-left:80px;font-size:18px;font-family:"Poppins-Regular";transition:all .5s;}
header .nav .one > li a{color:#333;}
header .nav .one > li.active{font-family:"Poppins-SemiBold";}
header .nav .one > li.active a{color:#7a582e;}
header .nav .one > li:hover .two{left:50%;top:90px;opacity:1;}
header .nav .two{position:absolute;left:2000%;top:110px;width:240px;margin-left:-120px;margin-top:-5px;border-top:5px solid #bd9a78;background-color:#f5f5f5;opacity:0;transition:left 0s,top .5s,opacity .5s;box-shadow:0px 2px 2px rgba(0,0,0,.2);}
header .nav .two li{position:relative;line-height:50px;font-size:16px;font-family:"Poppins-Regular";text-align:center;}
header .nav .two li a{display:block;color:#af9677 !important;transition:all .5s;}
header .nav .two li a:hover{background-color:#ddd;}
header .nav .two li p{line-height:35px;font-size:14px;}
header .nav .two li:nth-child(2n){background-color:#e9e9e9;}
header .nav .two li:hover .three{display:block;}
header .nav .three{display:none;position:absolute;right:100%;top:0;width:100%;background-color:#f5f5f5;}
header.active .phone-menu .b1{transform:rotate(45deg);}
header.active .phone-menu .b2{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;}
header.active .phone-menu .b3{transform:rotate(-45deg);}
header.flow{height:50px;box-shadow:0 0 5px rgba(0,0,0,0);}
header.flow .logo{margin-top:5px;}
header.flow .sns{padding:10px 0;}
header.flow .nav .one > li{padding:5px 0;}
header.flow .nav .one > li:hover .two{top:50px;}
header.flow .nav .two{top:70px;}


footer{padding:100px 0;background-color:#7a582e;}
footer p{line-height:25px;font-size:18px;font-family:"Poppins-Regular";color:#b9b9b9;}
footer .func{display:flex;justify-content:space-between;padding-bottom:40px;margin-bottom:50px;border-bottom:1px solid #69695f;}
footer .func .way{max-width:48%;}
footer .func .way img{height:70px;width:auto;margin-bottom:70px;}
footer .func .way p{margin-bottom:15px;}
footer .func .info{display:flex;justify-content:space-between;width:380px;max-width:48%;text-align:center;padding-top:15px;}
footer .func .info p{max-width:47%;color:#fff;}
footer .func .info p img{width:180px;height:auto;}
footer .func .info p span{display:block;margin-top:10px;}
footer .func .info .sns{margin-bottom:80px;}
footer .func .info .sns a{display:inline-block;width:36px;height:36px;margin-left:10px;background-image:url(../images/sns.png);background-size:500% 300%;}
footer .func .info .sns a:hover{background-position-y:-100%;}
footer .func .info .sns .facebook{background-position-x:0;}
footer .func .info .sns .instagram{background-position-x:-100%;}
footer .func .info .sns .pinterest{background-position-x:-200%;}
footer .func .info .sns .youtube{background-position-x:-300%;}
footer .func .info .sns .linkedin{background-position-x:-400%;}

.index-main{margin-top:90px;}
.index-main .btn{display:inline-block;line-height:65px;margin-top:60px;padding:0 30px;border:1px solid #aaa;font-size:25px;transition:all .5s;}
.index-main .btn:hover{background-color:#bd9a78;border-color:#bd9a78;color:#fff;}
.index-about{padding:120px 0;}
.index-about .service h2{margin-bottom:20px;}
.index-about .service p{text-align:center;}
.index-about .service dl{display:flex;justify-content:space-between;margin-top:60px;}
.index-about .service dd{width:32%;margin:0;padding:50px;background-color:#fff;box-sizing:border-box;background-image:url(../images/none.png);background-position-y:center;background-size:300% auto;transition:all .5s;}
.index-about .service dd span{display:block;line-height:45px;margin-bottom:10px;font-size:42px;font-family:"Poppins-Bold";color:#af9677;-webkit-text-fill-color:transparent;-webkit-text-stroke:1px #999;transition:all .5s;}
.index-about .service dd h3{line-height:40px;font-size:36px;transition:all .5s;}
.index-about .service dd ul{margin-bottom:20px;}
.index-about .service dd li{line-height:25px;margin-bottom:10px;font-size:18px;transition:all .5s;}
.index-about .service dd a{text-transform:uppercase;font-size:18px;color:#af9677;transition:all .5s;}
.index-about .service dd a:hover{color:#bd9a78;}
.index-about .service dd:nth-child(1){background-position-x:left;}
.index-about .service dd:nth-child(2){background-position-x:33%;}
.index-about .service dd:nth-child(3){background-position-x:66%;}
.index-about .service dd:nth-child(4){background-position-x:right;}
.index-about .service dd:hover{background-image:url(../images/service-bg.jpg);}
.index-about .service dd:hover h3{color:#fff;}
.index-about .service dd:hover li{color:#fff;}
.index-process{margin-bottom:120px;text-align:center;}
.index-process ul{position:relative;padding-top:20px;overflow:hidden;}
.index-process ul:before{content:"";position:absolute;right:0;top:62px;width:87.5%;height:254px;border:1px solid #a3a39e;border-left:none;border-radius:0 150px 150px 0;}
.index-process li{position:relative;float:left;width:25%;margin-bottom:120px;text-align:center;}
.index-process li i{position:relative;display:block;width:84px;height:84px;line-height:76px;margin:0 auto 15px;text-align:center;border:6px solid rgba(163,163,158,.5);border-radius:50%;box-sizing:border-box;overflow:hidden;color:#fff;font-size:40px;transition:all .5s;}
.index-process li i span{position:relative;}
.index-process li i:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:#a3a39e;}
.index-process li i:hover{transform:scale(1.2);}
.index-process li p{line-height:35px;font-size:30px;color:#a3a39e;}
.index-process li:nth-child(5),.index-process li:nth-child(6),.index-process li:nth-child(7),.index-process li:nth-child(8){float:right;margin-bottom:0;}
.index-display{text-align:center;}
.index-display .title{margin-bottom:80px;text-align:center;}
.index-unique{padding:80px 0;text-align:center;}


.main-about p{margin-bottom:25px;}
.main-about .banner{margin-bottom:80px;}
.main-about .about{margin-bottom:80px;}
.main-about .about p{margin-bottom:0;}
.main-about .team{margin-bottom:80px;}
.main-about .team li{display:flex;justify-content:space-between;align-items:center;margin-top:35px;padding:4.5vw;background-color:#fff;}
.main-about .team li .pic{width:32.5%;}
.main-about .team li .text{width:63%;}
.main-about .deliver{padding:140px 0;background-image:url(../images/deliver-bg.jpg);background-size:auto 100%;background-position:right center;background-repeat:no-repeat;}
.main-about .deliver h2{text-align:left;}
.main-about .deliver .text{width:50%;}


.list-project .banner{width:97vw;height:90px;margin:0 auto 80px;}
.list-project .banner img{display:none;width:100%;height:auto;}
.list-project .banner.hc{height:auto;}
.list-project .banner.hc img{display:block;}
.list-project .video{width:97vw;height:90px;margin:0 auto 80px;}
.list-project .video video{display:none;width:100%;height:auto;background-color:#ccc;}
.list-project .video.hc{height:auto;}
.list-project .video.hc video{display:block;}
.list-project .slide-pro{position:relative;width:97vw;margin:0 auto 80px;}
.list-project .slide-pic{width:98vw;overflow:hidden;}
.list-project .slide-pic li{float:left;width:97vw;}
.list-project .slide-pic li img{width:100%;height:auto;}
.list-project .slide-dot{position:absolute;left:0;bottom:5%;width:100%;height:30px;text-align:center;}
.list-project .slide-dot li{display:inline-block;width:30px;height:30px;margin:0 8px;background-color:rgba(255,255,255,.5);border-radius:50%;}
.list-project .slide-dot li img{display:none;}
.list-project .slide-dot li.active{background-color:#fff;}
.list-project .cont{margin-bottom:80px;}
.list-project .cont .title{position:relative;padding-bottom:50px;margin-bottom:50px;margin-top:80px;text-align:center;}
.list-project .cont .title h2{margin-bottom:0;}
.list-project .cont .title:after{content:"";position:absolute;left:50%;bottom:0;width:280px;height:1px;margin-left:-140px;background-color:#333;}
.list-project .cont .cate{margin-bottom:60px;text-align:center;}
.list-project .cont .cate a{display:inline-block;line-height:25px;padding:0 5px;margin:0 15px;font-size:18px;border-bottom:2px solid rgba(0,0,0,0);}
.list-project .cont .cate .active{border-color:#999;}
.list-project .cont .list ul{display:flex;flex-wrap:wrap;width:103%;}
.list-project .cont .list li{width:30.42%;margin:0 2.913% 2.913% 0;text-align:center;}
.list-project .cont .list li h3{line-height:25px;font-size:20px;}
.list-project .cont .list li .pic{height:0;padding-bottom:63%;margin-bottom:10px;overflow:hidden;}
.list-project .edge{padding:300px 0;background-image:url(../images/project-edge-bg.jpg);background-size:auto 100%;background-position:right center;background-repeat:no-repeat;}
.list-project .edge .text{width:60%;}
.list-project .edge .text h2{text-align:left;}


.main-project{padding-bottom:120px;}
.main-project h2{line-height:40px;margin-bottom:30px;font-size:30px;}
.main-project .video{width:97vw;height:90px;margin:0 auto 80px;}
.main-project .video video{display:none;width:100%;height:auto;background-color:#ccc;}
.main-project .video.hc{height:auto;}
.main-project .video.hc video{display:block;}
.main-project .cont h1{line-height:50px;margin-bottom:80px;font-size:40px;}
.main-project .cont .cbox{position:relative;}
.main-project .cont .cbox .info{position:absolute;left:33.3333%;top:0;display:flex;align-items:center;width:33.3333%;height:17.2vw;padding:0 5%;box-sizing:border-box;}
.main-project .cont .cbox .info .pos{display:flex;justify-content:space-between;flex-wrap:wrap;width:100%;}
.main-project .cont .cbox .info p{font-size:22px;text-align:center;}
.main-project .cont .cbox .info p:before{content:"";display:block;width:60px;height:60px;margin-bottom:5px;background-image:url(../images/icon.jpg);background-size:500% 100%;}
.main-project .cont .cbox .info p.car:before{background-position-x:-300%;}
.main-project .cont .cbox .info p.bath:before{background-position-x:-200%;}
.main-project .cont .cbox .info p.bed:before{background-position-x:-100%;}
.main-project .cont .cbox .info p.area{width:100%;margin-top:40px;}
.main-project .cont .cbox .info p.area span{margin-left:20px;}
.main-project .cont .cbox .info p.area:before{display:none;}
.main-project .cont .cbox ul{display:flex;flex-wrap:wrap;font-size:0;overflow:hidden;}
.main-project .cont .cbox li{width:50%;height:37.2vw;overflow:hidden;}
.main-project .cont .cbox li img{width:100%;height:100%;object-fit:cover;}
/*.main-project .cont .cbox li:nth-child(1){margin-right:16.6667%;}*/
/*.main-project .cont .cbox li:nth-child(2){margin-left:16.6667%;}*/


.main-service{padding-bottom:120px;}
.main-service .service{padding:120px 0;}
.main-service .service dl{display:flex;justify-content:space-between;}
.main-service .service dd{width:33%;margin:0;padding:60px;background-color:#fff;box-sizing:border-box;}
.main-service .service dd span{display:block;line-height:45px;margin-bottom:10px;font-size:42px;font-weight:bold;color:#bd9a78;}
.main-service .service dd h3{line-height:40px;font-size:36px;color:#000;}
.main-service .service dd ul{margin-bottom:20px;}
.main-service .service dd li{line-height:25px;margin-bottom:10px;font-size:18px;}
.main-service .service dd a{text-transform:uppercase;font-size:18px;color:#bd9a78;}
.main-service .life{text-align:center;}
.main-service .life p{margin-bottom:20px;}
.main-service .life img{margin-top:60px;}
.main-service .life ul{display:flex;margin:80px 0;}
.main-service .life li{width:25%;padding:0 2%;box-sizing:border-box;text-align:left;}


.main-contact .cont{padding:120px 0;background-image:url(../images/contact-bg.jpg);background-size:auto 100%;background-repeat:no-repeat;background-position:left center;}
.main-contact .cont .main-width{display:flex;justify-content:space-between;}
.main-contact .cont .desc{width:48%;}
.main-contact .cont .desc h2{text-align:left;}
.main-contact .cont .desc p{margin-bottom:25px;}
.main-contact .cont .message{width:100%;}
.main-contact .cont .message ul{display:flex;justify-content:space-between;flex-wrap:wrap;}
.main-contact .cont .message li{width:100%;margin-bottom:20px;}
.main-contact .cont .message li label{display:block;line-height:25px;margin-bottom:5px;font-size:18px;}
.main-contact .cont .message li input{width:100%;height:50px;padding:0 15px;border:1px solid #f0eee8;font-size:18px;box-sizing:border-box;}
.main-contact .cont .message li input[type="submit"]{background-color:#282828;color:#fff;}
.main-contact .cont .message li textarea{width:100%;height:200px;line-height:20px;padding:10px 15px;border:1px solid #f0eee8;font-size:18px;box-sizing:border-box;}
.main-contact .cont .message li.half{width:49%;}