.animate-box{opacity:0}.btn-primary{background:#ef6249;border:2px solid #ef6249;color:#fff}.btn{-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;border-radius:10px;font-family:Open Sans,Arial,sans-serif;font-weight:400;margin-bottom:4px;margin-right:4px;padding:8px 20px;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}.btn.btn-lg{padding:18px 36px!important}.main-wrapper{padding-top:0}.descBox{padding:60px 0}.descBox h2{font-size:2em}.descBox .light{margin:0 auto;width:60px}.descBox .cont{font-size:18px;margin:0 auto;max-width:880px;padding:30px}#section1{background-color:#fff;background-position:50%;background-size:cover;overflow:hidden;position:relative;transform-style:preserve-3d}#section1 .muucmfHead{min-height:720px;position:relative;width:100%}#section1 .muucmfHead canvas{height:auto;left:0;position:absolute;top:0;width:1950px;z-index:1}#section1 .muucmfHead .headInfo{margin:220px auto 30px;position:relative;text-align:center;z-index:100}#section1 .muucmfHead .headInfo h2{color:#03b8cf;font-size:48px;font-weight:600!important;margin-bottom:10px}#section1 .muucmfHead .headInfo h2 span{color:#03b8cf}#section1 .muucmfHead .headInfo h3{color:#03b8cf;font-size:18px;font-weight:300!important;margin-bottom:10px}#section1 .muucmfHead .headInfo h3 span{color:#03b8cf}#section1 .muucmfHead .headInfo .downBtn{margin-top:80px}#section1 .muucmfHead .headInfo .downBtn .cum-btn{border:0;font-size:26px;margin:0 50px}@media(max-width:768px){#section1 .muucmfHead .headInfo .downBtn{padding:0 15px}}#section2{margin:0 auto}#section2 hr{border-top:5px solid #f1c40f;width:60px}#section2 .cont{color:#999;font-size:18px;padding:30px}#section2 .container>ul{display:flex;justify-content:space-between}#section2 .container>ul>li{list-style:none;text-align:center;width:255px}#section2 .container>ul>li>div{height:100px;line-height:100px}#section2 .container>ul>li>h4{color:#222;font-size:18px}#section2 .container>ul>li>p{color:#6b6e7c;font-size:15px;padding-top:2px}#section2 .container>ul>li:hover div>img{animation:product-feature .8s}@keyframes product-feature{0%{padding-top:30px}20%{padding-top:0}40%{padding-top:30px}60%{padding-top:0}80%{padding-top:30px}to{padding-top:0}}#section3{background-color:#f4f5f8;background-image:url(../images/section3.png);background-position:50%;background-size:cover;min-height:400px;position:relative}#section3 .descBox hr{border-top:5px solid #f1c40f;width:60px}#section3 .descBox .col-md-6{padding-right:0}#section3 .descBox .cont{color:#999;font-size:18px;padding:30px}#section3 .descBox .class{animation-fill-mode:none;background:#fff;border-radius:2px;box-shadow:0 7px 20px rgba(0,0,0,.1);font-size:28px;margin:10px auto;min-height:120px;padding:5px;text-align:center;transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s}#section3 .descBox .class.iconbox1 .icon{border:2px solid #ea644a}#section3 .descBox .class.iconbox1 i{color:#ea644a}#section3 .descBox .class.iconbox2 .icon{border:2px solid #f1c40f}#section3 .descBox .class.iconbox2 i{color:#f1c40f}#section3 .descBox .class.iconbox3 .icon{border:2px solid #38b03f}#section3 .descBox .class.iconbox3 i{color:#38b03f}#section3 .descBox .class.iconbox4 .icon{border:2px solid #03b8cf}#section3 .descBox .class.iconbox4 i{color:#03b8cf}#section3 .descBox .class.iconbox5 .icon{border:2px solid #bd7b46}#section3 .descBox .class.iconbox5 i{color:#bd7b46}#section3 .descBox .class.iconbox6 .icon{border:2px solid #8666b8}#section3 .descBox .class.iconbox6 i{color:#8666b8}#section3 .descBox .class .icon{border:2px solid #f1c40f;border-radius:50%;color:#f1c40f;font-size:28px;height:100px;line-height:100px;margin:10px auto;width:100px}#section3 .descBox .class i{color:#f1c40f;font-size:36px}#section3 .descBox .class p{color:#999;font-size:14px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}#section_ecology{background-color:#03b8cf;min-height:400px}#section_ecology .descBox{padding-bottom:0}#section_ecology .descBox hr{border-top:5px solid #fff;width:60px}#section_ecology .descBox h2{color:#fff}#section_ecology .descBox p{color:#fff;font-size:1em}#section_ecology .descBox .cont{color:#999;font-size:18px;padding:30px}#section_ecology .descBox .ecology{text-align:center}#section_ecology .descBox .ecology .item{background:rgba(0,0,0,.2);border-radius:10px;color:#fff;display:inline-block;font-size:22px;line-height:36px;min-width:120px;padding:20px}#section_ecology .descBox .ecology .add{color:#fff;display:inline-block;font-size:22px;margin:0 30px}@media screen and (max-width:992px){#section_ecology .descBox .ecology .item{display:block;margin:10px auto}#section_ecology .descBox .ecology .add{display:blokc}}#section4{min-height:400px}#section4 .descBox hr{border-top:5px solid #f1c40f;width:60px}#section4 .descBox .cont{color:#999;font-size:18px;padding:30px}#section4 .descBox .lists-box{margin-bottom:10px}#section4 .descBox .lists-box .portfolio-filter{display:inline-block;list-style:none;margin:0 0 50px;padding:0}#section4 .descBox .lists-box .portfolio-filter>li{display:block;float:left}#section4 .descBox .lists-box .portfolio-filter>li:first-child a{border-radius:4px 0 0 4px}#section4 .descBox .lists-box .portfolio-filter>li a{background:#e5e5e5;color:#64686d;display:block;padding:7px 15px;position:relative}#section4 .descBox .lists-box .portfolio-filter>li a.active:after{border:10px solid transparent;border-top-color:#318daf;bottom:-17px;content:" ";left:50%;margin-left:-10px;position:absolute}#section4 .descBox .lists-box .portfolio-filter>li a.active,#section4 .descBox .lists-box .portfolio-filter>li a:hover{background:#45aed6;box-shadow:inset 0 -3px 0 0 #318daf;-webkit-box-shadow:inset 0 -3px 0 0 #318daf;color:#fff}#section5{background:#fff}#section5 .descBox hr{border-top:5px solid #f1c40f;width:60px}#section5 .descBox .cont{color:#999;font-size:18px;padding:30px}#section5 .descBox .service-box{margin:10px auto}#section5 .descBox .single-service{background:#eee;border-radius:10px;margin:10px auto;min-height:202px;padding:30px 25px}#section5 .descBox .single-service .service-title{color:#fff;width:65px}#section5 .descBox .single-service .service-title i{font-size:36px}#section5 .descBox .single-service .service-content{margin-left:65px}#section5 .descBox .single-service .service-content h3{color:#fff;font-size:1.4em;font-weight:300;margin-bottom:20px;margin-top:0}#section5 .descBox .single-service .service-content p{color:#fff;font-size:14px;font-weight:400;height:5.6em;line-height:1.5em;line-height:1.4em;margin:0 0 10px;overflow:hidden;position:relative}#section5 .descBox .single-service .service-content p:after{content:"...";padding:0 20px 1px 5px}#section5 .descBox .s1{background-color:#1abc9c}#section5 .descBox .s2{background-color:#f90}#section5 .descBox .s3{background-color:#35adf5}#section5 .descBox .s4{background-color:#ff503e}#section5 .descBox .s5{background-color:#38b03f}#section5 .descBox .s6{background-color:#8666b8}@media screen and (max-width:992px){#section5 .descBox .single-service{height:202px;overflow:hidden}}#section7{background-color:rgba(0,0,0,.5);background-image:url(../images/cta2-bg.jpg);background-position:50%;background-size:cover;position:relative;width:100%}#section7 .filter{background-color:#000;border:0;bottom:0;left:0;opacity:.5;position:absolute;right:0;top:0;z-index:1}#section7 .descBox{color:#fff;padding-top:60px;position:relative;text-align:center;z-index:3}#section7 .descBox .logo{border-radius:10px;display:block;margin:10px auto;width:88px}#section7 .descBox h2{color:#fff;font-weight:400}#section7 .descBox hr{border-top:5px solid #f1c40f;width:60px}#section7 .descBox .title{color:#fff;font-size:38px;margin-top:30px;text-align:center}#section7 .descBox .botton{margin-top:30px}#section7 .descBox .simply-icon{margin:60px auto}#section7 .descBox .simply-icon .simply-section{background:rgba(0,0,0,.2);border:2px solid #fff;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;display:inline-block;height:120px;margin:5px;position:relative;width:120px}#section7 .descBox .simply-icon .simply-section div{display:flex;padding-top:40px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#section7 .descBox .simply-icon .simply-section div i{font-size:36px}@media screen and (max-width:1190px){#section7 .simply-icon{display:none}}@media screen and (max-width:992px){#section7 .descBox{display:block}#section7 .descBox .simply-icon{margin:10px auto}}.footer-bar{background:#252c34;margin-top:-10px}