.about-banner{height:100%;position:relative}.about-banner .bg{height:100%;background-image:url(../../images/pages/about/about-banner-bg.png),linear-gradient(to bottom right,#39C7E9,#0088CC);background-size:cover;text-align:center;color:#fff;margin:0;padding:0;overflow:hidden}.about-banner h2{font-size:36px;letter-spacing:-.2px;line-height:50px;margin-top:180px;font-weight:700}.about-banner h3{font-size:20px;line-height:1.75;font-family:hind-light}.about-banner img{width:60%;display:block;position:absolute;bottom:0;left:0;right:0;margin:0 auto}.about-brands{width:100%;height:156px;background-color:#f4f7fa}.swiper-slide{margin-top:60px}.swiper-slide img{width:100%}.swiper-slide:hover{cursor:pointer}.about-client{text-align:center}.about-client h2{font-size:36px;font-weight:500;letter-spacing:1.3px;color:#3f4a56;margin-top:50px}.about-client h3{font-size:16px;line-height:1.63;letter-spacing:.5px;color:#3f4a56}.about-client .container{margin:50px auto 100px}.my-carousel .carousel-inner{width:100%;min-height:380px;border-radius:4px;background-color:#fff;box-shadow:0 7px 26px 0 rgba(186,186,186,.52);padding-bottom:50px}.my-carousel .carousel-inner .item p{font-size:60px;font-weight:700;color:#a8c1c8;letter-spacing:-5px}.my-carousel .carousel-caption{position:relative;text-shadow:none;font-size:20px;line-height:1.65;color:#323c47;left:0;right:0;margin:50px auto 0;padding:0 100px;box-sizing:border-box}.my-carousel .carousel-indicators{bottom:30px}.my-carousel .carousel-indicators li{background-color:#8091a5;width:10px;height:10px;margin:0 5px}.my-carousel .carousel-indicators li.active{width:16px;height:16px;border:solid 1px #667587;background-color:#fff;top:2px;position:relative}.about-data{background:rgba(0,136,204,.8) url(../../images/pages/about/about-data-bg.png) no-repeat center bottom fixed;background-size:100% auto;overflow:hidden}.about-data ul{list-style:none;margin:0 auto;padding:0;width:80%}.about-data ul li{float:left;width:25%;text-align:center;border-right:1px solid #86c8ea;box-sizing:border-box;height:133px;margin:65px 0}.about-data li:last-child{border-right:0}.about-data li h3{color:#fff;font-size:58px;letter-spacing:-.2px;overflow:hidden}.about-data li span{display:block;font-size:16px;line-height:1.75;text-align:center}@media screen and (max-width:1050px){.about-data ul li{width:50%}.about-data li:nth-child(2n){border-right:0}}@media screen and (max-width:670px){.about-data ul li{width:100%}.about-data li{border-right:0!important}}.about-builders{text-align:center;padding-bottom:140px}.about-builders h2{font-size:42px;font-weight:600;text-align:center;color:#2a2e36;margin-top:70px}.about-builders h3{font-size:20px;color:gray;margin-top:30px;line-height:30px;font-weight:300;font-family:hind-light}.about-builders .container{list-style:none;margin:100px auto 0;padding:0}.about-builders .container .li{transition:all .2s linear}.about-builders .container .li:hover{border-radius:5.2px;background-color:#fff;box-shadow:0 7px 26px 0 rgba(186,186,186,.52)}.about-builders .li i{display:block;width:65px;height:65px;border-radius:50%;border:2px solid #48d2a0;line-height:64px;font-size:30px;color:#48d2a0;margin:40px auto 20px}.about-builders .li i.fa-mobile{font-size:40px}.about-builders .li h4{font-size:20px;font-weight:700;color:#3c3d41}.about-builders .li h5{font-size:18px;color:#838d8f;margin-top:15px;margin-bottom:50px;font-family:hind-light}.about-builders .li:hover button{background:#08c;border:solid 1px #08c;color:#fff}.layer-bg{position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,.4);z-index:999;display:none;overflow:auto}.layer{position:absolute;left:0;right:0;margin:10% auto 0;background:#fff;width:60%;border-radius:7px;overflow:hidden}.layer .title{height:60px;background-color:#f4f7fa;line-height:60px;font-size:18px;font-weight:700;text-align:center;color:#667587}.layer h3{text-align:left;margin:20px 0 10px 30px;font-size:14px;font-weight:700;color:#667587}.layer ul{text-align:left;margin:0 40px;padding:0 40px;font-size:14px;color:#667587}.layer ul li{line-height:30px}.layer .foot{height:74px;background-color:#f4f7fa;overflow:hidden;margin-top:30px}.layer .foot button{margin-top:12px;height:50px;float:right;margin-right:30px;font-size:18px;color:#8091a5;font-weight:300;letter-spacing:0;padding:0 45px}.layer .foot button:hover{color:#fff}@media screen and (max-width:800px){.about-banner{height:auto}.about-banner img{display:none}}