@charset "utf-8";
body{font:400 14px/1.8 "Microsoft Yahei","Helvetica Neue",Helvetica,Roboto,Arial,"Lucida Grande","PingFang TC","Apple LiGothic Medium",Arial,sans-serif;color:#464646;word-wrap:break-word;margin:0;background:#fcfcfc}
a,a.line,a:focus{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;color:#464646}
a:hover,a.line:hover,{color:#464646;cursor:pointer}
a,a:visited,a:hover,a:active,a:focus,input,select,textarea{outline:none;text-decoration:none}
a{color:#464646;text-decoration:none;-webkit-transition:all .2s ease;transition:all .2s ease}
a::visited{color:#ccc}
a:focus,a:hover{color:#3c9bfb}
a,button,input[type=submit]{transition:all .2s ease}
:focus,.btn:focus{outline:0}
img{height:auto;max-width:100%;vertical-align:top;opacity:1;width:auto\9}
h1,h2,h3,h4,h5,h6{font-size:22px;color:#464646;width:100%;margin-top:0;margin-bottom:.5em;text-rendering:optimizeSpeed}
h2{font-size:22px;}
h3{font-size:20px;}
h4,h5,h6{font-size:18px;}
ul{list-style:outside none none;margin:0;padding:0}
li{list-style-type:none}
.clearfix:before,.clearfix:after{content:"";display:table}
.clearfix:after{clear:both}
@media (min-width: 1200px) {
.container{width:1200px}
}
.top-line{background:#3c9bfb}
.top-line .pull-left{color:#fff}
.top-line .pull-left p{padding:6px 0;margin:0}
.top-line .top-nav i{padding-right:3px;color:#fff}
.top-line .top-nav{float:right;line-height:2rem}
.top-line .top-nav li{float:left;list-style:none;border-right:1px solid rgba(255,255,255,0.1);padding:8px 10px}
.top-line .top-nav li a.active{color:#069eed}
.top-line .top-nav li a{font-size:14px;padding:5px 1px;color:#fff}
.top-line .top-nav li a:hover{color:#6cf}
.top-line .top-nav .dropdown-menu{border-radius:0;border:1px #3c9bfb solid;-webkit-box-shadow:none;box-shadow:none;padding:0;margin:0;min-width:105px}
.top-line .top-nav .dropdown-menu li{padding:0;border:0}
.top-line .top-nav .dropdown-menu li a{width:105px;padding:10px;display:block;font-weight:500;color:#464646;text-align:center}
.top-line .top-nav .dropdown-menu li a:hover{background-color:#3c9bfb;color:#fff;-webkit-transition:all .4s ease;transition:all .4s ease}
.nopadding{padding:0}
.logo{z-index:999999;position:relative;width:90%;margin-left:2rem}
.logo .navbar-brand{padding:1rem 0 0}
.logo .navbar-brand img{max-width:100%}
.header-area{background:#fff-webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.06);box-shadow: 0 1px 2px 0 rgba(0,0,0,.06);}
.pc-menu,.pc-menu .navbar.navbar-default{float:right}
.main-menu ul.navbar-nav li{position:relative;margin-right:1rem}
@media (min-width:1600px) {
.logo{margin-left:5rem}
.main-menu ul.navbar-nav li{position:relative;margin-right:3rem}
}
@media (max-width:1366px) {
.main-menu ul.navbar-nav li{position:relative;margin-right:.5rem}
}
.main-menu ul.navbar-nav > li >a{background:rgba(0,0,0,0) none repeat scroll 0 0;color:#575A5C;font-size:18px;font-weight:500;padding:30px 0;margin:0 8px}
.main-menu ul.navbar-nav li a:hover{color:#0af}
.main-menu ul.navbar-nav > li > a::before,.main-menu ul.navbar-nav > li.active > a::before{background:#0af;content:"";height:5px;position:absolute;bottom:0;width:0;transition:.5s;left:0}
.main-menu ul.navbar-nav >li:hover > a:before,.main-menu ul.navbar-nav >li.active > a::before{width:100%}
.main-menu ul.navbar-nav li.active a:focus{color:#00111a}
.main-menu ul.navbar-nav li.active a{background:rgba(0,0,0,0) none repeat scroll 0 0;color:#0af;position:relative;z-index:9999999}
.navbar{border:medium none;margin-bottom:0}
.navbar-default{background:rgba(0,0,0,0) none repeat scroll 0 0}
.main-menu ul.navbar-default .navbar-nav > .active > a,.navbar-default .navbar-nav > .active > a:hover,.navbar-default .navbar-nav > .active > a:focus{background:none;color:#333}
.navbar-default .navbar-nav > li > a:hover,.navbar-default .navbar-nav > li > a:focus{background-color:transparent;color:#fff}
.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{background:none}
.main-menu ul.nav li ul.sub-menu{background:#fff;box-shadow:0 2px 3px 2px rgba(0,0,0,0.15);left:0;opacity:0;position:absolute;top:115%;transition:.3s;visibility:hidden;min-width:180px;z-index:-99}
.postrel{position:relative}
.navbar.navbar-default{float:left}
.main-menu ul.nav li ul.sub-menu li{border-bottom:1px solid #ddd;padding:0;position:relative;margin-right:0;min-width:5rem}
.main-menu ul.nav li:hover ul.sub-menu{top:100%;opacity:1;z-index:999;visibility:visible}
.main-menu ul.nav li ul.sub-menu li a{color:#575A5C;display:block;font-size:14px;padding:8px 15px}
.main-menu ul.nav li:hover ul.sub-menu li a:hover{color:#fff;background:#0af}
.main-menu ul.nav li ul.productsnav{width:976px;left:-42rem}
.main-menu ul.nav li ul.productsnav li{float:left;border-right:1px solid #dcd9d9}
.main-menu ul.nav li ul.productsnav li a{padding:15px 10px}
#sidebar .mlag{text-align:left;font-size:1.5rem;padding:2px 0 5px 15px}
#sidebar .mlag i{padding-right:5px}
@media only screen and (max-width: 479px) and (min-width: 320px) {
.hidden-phone{display:none}
}
@media (max-width:1024px) {
.main-menu ul.navbar-nav > li >a{margin:0 5px}
.main-menu ul.nav li ul.productsnav{width:976px;left:-370px}
}
.header-area.stick{left:0;position:fixed;top:0;width:100%;z-index:9999;background:#fff}
.header-area.stick .logo a{display:inline-block;height:auto;padding:8px 0 0}
.header-area.stick .main-menu ul.nav li ul.sub-menu li a{color:#575A5C;display:block;font-size:15px;font-weight:400;padding:10px}
.header-area.stick .main-menu ul.nav li ul.sub-menu li a:hover{color:#fff}
.header-area.stick .navbar-brand>img{display:block;width:80%;height:auto}
.header-area.stick .logo-bg:after{border-top:76px solid transparent}
.header-area.stick .main-menu ul.navbar-nav > li >a.mget{padding:10px;margin:10px}
.header-area.stick .main-menu ul.navbar-nav > li >a{padding:20px 0;margin:0 8px}
.icon-bar{background:#000!important}
.navbar-toggle .icon-bar:nth-of-type(2){top:1px}
.navbar-toggle .icon-bar:nth-of-type(3){top:2px}
.navbar-toggle .icon-bar{position:relative;transition:all 100ms ease-in-out}
.navbar-toggle.active .icon-bar:nth-of-type(1){top:6px;transform:rotate(45deg)}
.navbar-toggle.active .icon-bar:nth-of-type(2){background-color:transparent!important}
.navbar-toggle.active .icon-bar:nth-of-type(3){top:-6px;transform:rotate(-45deg)}
.navbar-collapse.in{overflow-y:visible}
#sidebar{display:none;width:260px;position:fixed;top:0;left:-265px;height:100vh;z-index:999;background-color:#fff;color:#636363;transition:all .3s;overflow-y:scroll;box-shadow:3px 3px 3px rgba(0,0,0,0.2)}
#sidebar.active{left:0}
#dismiss{width:35px;height:35px;line-height:35px;text-align:center;font-size:2em;color:#333;position:absolute;top:10px;right:10px;cursor:pointer;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
@media only screen and (max-width: 991px)and (max-width: 1024px) {
.navbar-toggle{display:block}
#sidebar{display:block}
.logo .navbar-brand{padding:.6rem 0 0}
.top-line .pull-left{display:none}
}
.overlay{display:none;position:fixed;width:100vw;height:100vh;background:rgba(0,0,0,0.9);z-index:998;opacity:.9;transition:all .5s ease-in-out}
.overlay.active{display:block;opacity:1}
#sidebar .sidebar-header{padding:60px 10px 20px}
#sidebar ul li.mnav a{padding:8px 15px;font-size:1.1em;display:block;border-top:1px solid #ececec}
#sidebar ul li.mnav a i{font-family:"FontAwesome";color:#0af;display:block;position:absolute;top:20%;right:20px;font-size:1.8em;transition:all .3s}
#sidebar ul li.mnav a.collapsed i{-ms-transform:rotate(-180deg);transform:rotate(-180deg)}
#sidebar ul li.active>a{border-top:1px solid #0af}
#sidebar a[data-toggle="collapse"]{position:relative}
#sidebar .dropdown-toggle::after{display:block;position:absolute;top:50%;right:20px;transform:translateY(-50%)}
#sidebar ul ul a{font-size:.9em!important;padding-left:30px!important}
#sidebar a.download{background:#fff}
#sidebar a.article,#sidebar a.article:hover{color:#fff!important}
#sidebar .siderbar-box{padding:20px}
#sidebar .siderbar-box li{height:30px;line-height:30px}
#sidebar .copy{bottom:10px;position:absolute;font-size:12px;padding:0 10px}
@media (min-width: 768px) and (max-width:1024px) {
.contact-top li:first-child{display:none}
.slider-content{margin-top:-80px}
}
@media (min-width: 992px) {
.slider-content{margin-top:-80px}
}
@media (min-width: 768px) and (max-width: 991px) {
.logo .navbar-brand img{max-height:40px}
.top-line .top-nav li{padding:1px 5px}
.top-line .pull-left{display:none}
.slider-content{margin-top:-80px}
}
@media (max-width: 767px) {
.logo{margin-left:.2rem}
.logo .navbar-brand{padding:5px 15px 15px 10px}
.logo .navbar-brand img{max-height:40px}
.slider-content{margin-top:-109px}
}
.main-menu ul.navbar-nav > li >a.mget{background:#fd7e2d;color:#fff;padding:10px;margin:20px}
.intro-content{position:relative;z-index:1}
.intro-content::after{content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}
.slider-content{position:absolute;right:0;text-align:left;top:50%;z-index:3;left:0;margin:0 auto;margin-top:-8rem}
.intro-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-prev,.intro-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-next{color:#fff;font-size:22px;margin-top:-20px;background-color:rgba(42,42,42,0.6);position:absolute;top:50%;text-align:center;padding:15px 10px;opacity:0}
.intro-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-prev{left:10%;-webkit-transition:.4s;-moz-transition:.4s;-o-transition:.4s;-ms-transition:.4s}
.intro-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-next{right:10%;-webkit-transition:.4s;-moz-transition:.4s;-o-transition:.4s;-ms-transition:.4s}
.intro-carousel.owl-carousel.owl-theme:hover .owl-controls .owl-nav div.owl-next{right:2%;-webkit-transition:.4s;-moz-transition:.4s;-o-transition:.4s;-ms-transition:.4s;opacity:1}
.intro-carousel.owl-carousel.owl-theme:hover .owl-controls .owl-nav div.owl-prev{left:2%;-webkit-transition:.4s;-moz-transition:.4s;-o-transition:.4s;-ms-transition:.4s;opacity:1}
.intro-carousel.owl-carousel.owl-theme:hover .owl-controls .owl-nav div.owl-next:hover,.intro-carousel.owl-carousel.owl-theme:hover .owl-controls .owl-nav div.owl-prev:hover{color:#fff;background:#3c9bfb;border:2px solid #3c9bfb}
.home-banner .owl-theme .owl-nav{margin:0}
.home-service{background:#15212c;overflow:hidden;width:100%}
.home-service-l{padding:25px 20px 8px;height:100%}
.home-service-l::after,.home-service-l::before{content:" ";display:table}
.home-service-l{background-color:#15212c}
.home-service-l h2{font-size:3rem;text-transform:uppercase;color:#fff;text-shadow:0 2px 5px rgba(0,0,0,.5);line-height:1.5}
.home-service-l p{color:#787f86;font-size:1.2rem}
.home-service-box:after{position:absolute;content:'';bottom:0;left:0;right:-1px;width:auto;height:8px}
.home-service-box{margin:0 -15px;padding:15px 30px;color:#333;background-color:#fff}
.home-service-box:hover{background:#f4f6fa}
.home-service-box .hs-pic{text-align:center}
.home-service-box .home-service-info{text-align:center;font-size:1.5rem;height:40px;line-height:40px;font-weight:600}
.home-service-item div:nth-child(6n+1) .home-service-box:after{background-color:#54b9fd}
.home-service-item div:nth-child(6n+2) .home-service-box:after{background-color:#fd4682}
.home-service-item div:nth-child(6n+3) .home-service-box:after{background-color:#1a181d}
.home-service-item div:nth-child(6n+4) .home-service-box:after{background-color:#fde642}
.home-service-item div:nth-child(6n+5) .home-service-box:after{background-color:#54b9fd}
.home-service-item div:nth-child(6n+6) .home-service-box:after{background-color:#fd4682}
.slider-content .title2{font-size:4rem;text-transform: uppercase;color: #fff;text-shadow:2px 2px 2px #000;}
.slider-content  a.banner-more{border:1px solid #fff;background:rgba(0,0,0,0.65);color:#fff;cursor:pointer;display:inline-block;font-size:14px;font-weight:700;padding:8px 20px;text-align:center;text-transform:uppercase;transition:all .4s ease 0;z-index:222;width:160px;margin:10px 0 0 0;background-color:rgba(65,156,248,0.3);border:2px solid #3c9bfb;color:#fff}
.slider-content  a.banner-more:hover{background:transparent;background:#fd7e2d;border:2px solid #fff;color:#fff}


@media (max-width: 767px) {
    .slider-content{margin-top:-109px}
    .slider-content .title2{margin:20% 0 0 0;font-size:15px;line-height:20px;margin-bottom:5px;}
    .slider-content  a.banner-more{margin-top:0;padding:5px 0;width:100px;font-size:12px}
}

.typepic{line-height:0;height:500px;position:relative;/*background-image:url(/uploads/191229/2-19122913594W93.jpg);background-position-x:53%;background-position-y:center;background-size:cover;background-repeat:no-repeat;*/display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.typepic img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.typetext{max-width:1280px;width:100%;padding-left:20px;padding-right:20px;margin:0 auto;float:none}
.typetext-wrap{width:40%;float:right;background-color:#fff;padding:2.5rem;box-shadow:0 0 3rem rgba(0,0,0,0.3);border-radius:5px;position:relative;z-index:9}
.typetext-wrap p { line-height:1.5;}
@media (max-width: 767px) {
.typepic.typemobile{display:-webkit-block;display:-ms-block;display:block;height:auto;margin-bottom:6rem;}
.typepic.typemobile img{position:static;height:auto}
.typepic{width:100%;-webkit-box-align:flex-end;-ms-flex-align:flex-end;align-items:flex-end;height:300px;background-position-x:36%}
.typetext{position:absolute;top:60%}
.typetext-wrap{width:100%;padding:20px;background:#fff;border-radius:5px;box-shadow:0 .1875rem .625rem 0 rgba(79,90,109,0.3)}
}
.breadcrumb{position:absolute;background-color:rgba(255,255,255,0.2);padding:15px 10px;margin:0}
.breadcrumb li a{color:#333}
.breadcrumb li{font-size:1.5rem;margin-right:5px}
.breadcrumb>li+li:before{font-family:"FontAwesome";content:"\f105";margin-right:5px;color:#333}
.post-pagination li{display:inline-block;margin:0 3px;text-align:center}
.post-pagination li a{background:#fff none repeat scroll 0 0;border:2px solid #3c9bfb;color:#b8b8b8;display:block;font-size:18px;padding:5px 20px}
.post-pagination li.active a,.post-pagination li:hover a{background:#3c9bfb;color:#fff;border:2px solid #3c9bfb}

.service-section{position:relative;background:#33a0fb;overflow:hidden;padding:30px 0}
.service-section:before,.service-section:after{content:'';position:absolute;width:60%;height:100%}
.service-section:before{content:'';position:absolute;width:40%;background:#f6bc2c;transform:skew(-61deg);right:1%}
.service-section .owl-theme .owl-nav{-webkit-tap-highlight-color:transparent}
.service-section .owl-theme .owl-nav [class*=owl-]{font-family:'FontAwesome';padding:20px 15px;background-color:rgba(105,105,105,0.4);border-radius:5px;font-size:2rem;line-height:40px;color:#fff;display:inline-block}
.service-section .owl-theme .owl-nav [class*=owl-]:hover,.owl-theme .owl-nav [class*=owl-]:focus{background:transparent}
.service-section .owl-theme .owl-nav .owl-prev{top:0;left:0;position:absolute}
.service-section .owl-theme .owl-nav .owl-next{top:0;right:0;position:absolute}
.service-section .owl-theme .owl-nav [class*=owl-]:hover{background-color:rgba(16,133,222,0.6);color:#fff}
.section-headline{position:relative}
.section-headline h3{display:inline-block;font-size:2rem;font-weight:700;text-transform:uppercase;margin-bottom:5px}
.section-headline div{margin:15px 0 50px;border-bottom:1px solid #efefef}
.section-headline div span{position:absolute;display:table;left:50%;margin:-13px 0 0 -13px;height:26px;width:26px;background-color:fff;border:1px solid #efefef;border-radius:50%;background-clip:padding-box;text-align:center}
.section-headline div span i{display:block;display:table-cell;vertical-align:middle}
.service-section h3,.service-section h6{text-align:center;color:#fff;font-weight:600;text-shadow:0 2px 5px rgba(0,0,0,.5)}
.service-section h3{font-size:3rem;margin-bottom:5px;text-transform:uppercase}
.service-section h6{font-size:2rem;margin-bottom:3rem}
.service-section .service-item{color:#fff;padding:15px 25px 20px;border:1px #efefef solid;position:relative;text-align:center;z-index:1;margin-bottom:10px;overflow:hidden}
.service-section .service-item:before{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:#3c9bfb;z-index:-1;-webkit-transform:scale(1,0);transform:scale(1,0);transform-origin:0 0;-webkit-transform-origin:0 0}
.service-section .service-item:hover:before{-webkit-transform:scale(1);transform:scale(1)}
.service-section .service-item h4{height:3.2rem;line-height:1.2;font-weight:800;color:#fff;font-size:2rem;margin:10px 0 5px}
.service-section .service-item i{font-size:4rem}
.service-section .service-item p{height:60px;line-height:1.5;text-align:left}
.service-section .service-item a{font-size:15px;font-weight:500;color:#fff;width:80%;height:2rem;line-height:2rem;margin-top:10px;-webkit-transform:translateY(80px);transform:translateY(80px)}
.service-section .service-item:hover a{-webkit-transform:translateY(0);transform:translateY(0)}
.service-section .service-item a{font-size:15px;font-weight:500;color:#fff;width:80%;height:2rem;line-height:2rem;margin-top:10px;-webkit-transform:translateY(80px);transform:translateY(80px)}
.service-section .service-item:hover a{-webkit-transform:translateY(0);transform:translateY(0)}
.products-section{padding:3rem 0;background:#fcfcfc}
.products-section h3,.products-section h6{text-align:center;color:#fff;font-weight:600}
.products-section h3{color:#4a4a4a;font-size:32px;height:35px;line-height:35px;margin-bottom:5px;text-transform:uppercase}
.products-section h6{color:#777;font-size:15px;margin-bottom:35px}
.products-section .project-slider{margin-top:5px;cursor:move}
.single-project{background:#fff;margin-bottom:10px}
.single-project .img{overflow:hidden;position:relative}
.single-project .img a{width:100%;height:100%;position:absolute;top:0;left:0;z-index:4;cursor:pointer}
.single-project .img img{-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.single-project .img .opacity{background-color:rgba(60,155,251,0.8);height:100%;width:100%;display:block;opacity:0;filter:alpha(opacity=0);position:absolute;z-index:1;top:0;left:0;-webkit-transition:-webkit-transform 0.3s,opacity .3s;-moz-transition:-moz-transform 0.3s,opacity .3s;-o-transition:transform 0.3s,opacity .3s;transition:transform 0.3s,opacity .3s}
.single-project .img:hover .opacity{opacity:1;filter:alpha(opacity=100)}
.single-project .img .opacity i{background:#444;color:#fff;cursor:pointer!important;-webkit-transform:scale(0.5) rotate(-90deg);-moz-transform:scale(0.5) rotate(-90deg);-ms-transform:scale(0.5) rotate(-90deg);-o-transform:scale(0.5) rotate(-90deg);transform:scale(0.5) rotate(-90deg);-webkit-transition-duration:.3s;-moz-transition-duration:.3s;-o-transition-duration:.3s;transition-duration:.3s}
.single-project .img:hover .opacity i{-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}
.single-project .img .opacity i{display:block;-moz-text-shadow:0 0 5px rgba(0,0,0,.1);-webkit-text-shadow:0 0 5px rgba(0,0,0,.1);text-shadow:0 0 5px rgba(0,0,0,.2);text-align:center;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;-ms-box-sizing:content-box;box-sizing:content-box;position:absolute;left:50%;top:47%;margin:-24px 0 0 -24px}
.single-project .img .opacity i{font-size:2rem;line-height:50px;padding:10px;border-radius:50%;height:50px;width:50px;top:50%;margin-top:-28px;margin-left:-27px;left:50%;position:absolute}
.single-project .text{text-align:center;padding:5px}
.single-project .text h4{height:25px;overflow:hidden;margin-bottom:5px}
.single-project .text h4 a{font-size:16px;color:#3a3d45;height:25px;line-height:25px;font-weight:400;text-overflow:ellipsis;overflow:hidden}
.single-project .text a:hover{color:#08c}
.single-project .text ul li{display:inline-block;font-style:italic;font-size:13px;margin-top:2px}
.single-project .text a{color:#777}
.single-project .text p{text-overflow:ellipsis;margin:0;height:26px;padding:0 5px;text-overflow:ellipsis;overflow:hidden}
.products-section .project-slider .item{margin:0 15px;box-shadow:0 1px 2px rgba(0,0,0,.1)}
.products-section .owl-theme .owl-nav{-webkit-tap-highlight-color:transparent}
.products-section .owl-theme .owl-nav [class*=owl-]{font-family:'FontAwesome';padding:20px 15px;background-color:rgba(105,105,105,0.4);border-radius:5px;font-size:2rem;line-height:40px;color:#fff;display:inline-block}
.products-section .owl-theme .owl-nav [class*=owl-]:hover,.owl-theme .owl-nav [class*=owl-]:focus{background:transparent}
.products-section .owl-theme .owl-nav .owl-prev{top:30%;left:0;position:absolute}
.products-section .owl-theme .owl-nav .owl-next{top:30%;right:0;position:absolute}
.products-section .owl-theme .owl-nav [class*=owl-]:hover{background-color:rgba(16,133,222,0.6);color:#fff}
.serviceh-slider img{margin:0 auto}
.pic-caption{margin:0 15px}
.pic-caption .item{box-sizing:content-box;overflow:hidden;position:relative}
.pic-caption .item img{height:auto;max-width:100%;position:relative}
.pic-caption .text{background:rgba(0,0,0,0.4);position:absolute;box-sizing:border-box;padding:10px 8px;bottom:0;display:block;width:100%}
.pic-caption:hover .text{background:#33a0fb}
.pic-caption .text h4{color:#fff;font-size:16px;height:40px;line-height:20px;overflow:hidden}
.pic-caption .text a{color:#fff}
.pic-caption .text p{color:#fff;font-size:14px;font-weight:300;line-height:16px;display:block;position:relative;opacity:0;max-height:0;padding:0;-webkit-transition:max-height .2s ease-in-out,opacity .2s ease-in-out,padding .2s ease-in-out;-moz-transition:max-height .2s ease-in-out,opacity .2s ease-in-out,padding .2s ease-in-out;-ms-transition:max-height .2s ease-in-out,opacity .2s ease-in-out,padding .2s ease-in-out;-o-transition:max-height .2s ease-in-out,opacity .2s ease-in-out,padding .2s ease-in-out;transition:max-height .2s ease-in-out,opacity .2s ease-in-out,padding .2s ease-in-out}
.pic-caption:hover .text p{max-height:50px;opacity:1;padding:0 0 4px}
.middle-section{background:url(images/middle-section.jpg) no-repeat center;background-size:cover;background-attachment:fixed}
.middle-section .opacity{height:100%;background-image:linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.1))}
.service-slider{padding:60px;min-height:350px;background-color:rgba(255,255,255,0.9)}
.service-slider .item{padding:10px}
.service-slider .item h4{text-align:left;color:#f39c12}
.service-slider .item h4 i{padding:0 10px 0 0;font-size:5rem}
.service-slider .item p{width:100%;padding:5px;margin:0;color:#8C8C8C}
.homeform .row{margin-top:20px}
.homeform input,.homeform textarea{width:100%;transition:none;padding:10px;color:#fff;border:solid 1px #575A5C;background:rgba(0,0,0,0.6)}
.homeform .contact-form{padding:10px 0 0}
.homeform .contact-form strong{color:#fff;text-shadow:0 2px 5px rgba(0,0,0,.5);margin-bottom:0;display:block;line-height:40px;font-size:24px;text-align:right}
.homeform .p-btn{float:right}

/* pro view */
.productpicbox{padding:2rem 15rem}
.productpic img{height:80%}
.productpicbox .owl-theme .owl-nav{-webkit-tap-highlight-color:transparent}
.productpicbox .owl-theme .owl-nav [class*=owl-]{font-family:'FontAwesome';padding:20px 15px;border-radius:5px;font-size:2rem;line-height:40px;color:#fff;display:inline-block}
.productpicbox .owl-theme .owl-nav [class*=owl-]:hover,.owl-theme .owl-nav [class*=owl-]:focus{background:transparent}
.productpicbox .owl-theme .owl-nav .owl-prev{top:30%;left:-15rem;position:absolute}
.productpicbox .owl-theme .owl-nav .owl-next{top:30%;right:-15rem;position:absolute}
.productpicbox .owl-theme .owl-nav [class*=owl-]:hover{background-color:rgba(105,105,105,0.4);color:#fff}
@media (max-width:992px) {
.productpicbox{padding:2rem 5rem}
.productpicbox .owl-theme .owl-nav .owl-prev{top:30%;left:-25px;position:absolute}
.productpicbox .owl-theme .owl-nav .owl-next{top:30%;right:-25px;position:absolute}
}
@media (max-width: 767px) {
.productpicbox{padding:2rem}
.productpic img{height:80%}
.productpic .owl-item img{display:block;width:100%}
}
.product-info{background:#fff;border:1px #eee solid;overflow: hidden; z-index: 999;margin-top:-100px;margin-bottom:20px;position: relative; border-radius: 1rem;}
.product-info .title{font-weight:600;font-size:22px;padding:15px 15px 15px}
.product-info h3{font-size:16px;text-align:right;color:#666}
.product-info hr{margin-top:10px;margin-bottom:10px;border:0;border-top:1px solid #eee}
.product-info .info-boxs{overflow:hidden;background-color:#fff;box-shadow:0 .625rem .9375rem 0 rgba(0,0,0,0.05);padding:15px}
.product-info .info-boxs li{margin-bottom:2px;padding:5px 0;display:table;width:40%;line-height:1;float:left;color:#464646}
.product-info .info-boxs li:last-child{width:100%}
.product-info .article-tags i{color:#3c9bfb;padding-right:5px}
.product-info .article-tags a{margin-right:5px}
.product-description{margin:0px 0;min-height:300px;background:#fcfcfc}
.product-hr{height:50px;background-color:#fff;box-shadow:0 6px 15px 1px rgba(0,0,0,0.04)}
.product-box{position:relative;margin-bottom:20px;min-height:100px;border:1px #eee solid;border-top:0}
.product-box .sharebox{padding:6px 0 5px 10px}
.product-box .product-box-bg{overflow:hidden;background:#fff;padding:0 0 20px}
.product-box-bg hr{margin-top:5px}
.product-description{padding-bottom:30px}
.product-description .nav-tabs{border:0}
.product-description .nav-tabs>li>a{border-radius:1px;background:#fff;border:0;font-size:20px;margin-right:1px;line-height:20px;padding:15px;border-top:1px solid transparent;border-top-left-radius:3px;border-top-right-radius:3px}
.product-description .nav-tabs>li.active>a{color:#000;box-shadow:0 -5px 0 #3c9bfb}
.product-description .nav-tabs>li.active>a,.product-description .nav-tabs>li.active>a:hover,.product-description .nav-tabs>li.active>a:focus{color:#555;background-color:#f1f1f1;border:1px solid #ddd;border-bottom-color:transparent;cursor:default}
.product-description .tab-content .content{/*max-height:775px;*/overflow-y:auto;background:#fff;border:#eee 1px solid;border-left:none;padding:3rem;}
@media (max-width: 767px) {
    .product-description .tab-content .content{padding:2rem;}
    .product-info .info-boxs li{width:100%;}
}
.product-description .tab-content .content img{display:block;height:auto !important;max-width:100%;}
.product-description .tab-content .content h3,.product-description .tab-content .content h2,.product-description .tab-content .content h4{position:relative;padding-bottom:10px;margin:15px 0}
.product-description .tab-content .content h3:after,.product-description .tab-content .content h2:after,.product-description .tab-content .content h4:after{background:#3c9bfb;content:"";width:50px;height:1px;position:absolute;top:100%;left:0}
.product-description .tab-content .content ul{padding:0 2rem;}
.product-description .tab-content .content ul li{list-style-type: square;}
.product-description .tab-content .content a{color:#027ba5;}
.product-description .tab-content .listbox{background:#fff;border:#eee 1px solid;border-left:none;padding:20px; overflow:hidden;}
.product-description .pic-caption{margin:0 15px 10px}
.product-description .new-product{margin-top:10px}
a.file-pdf{font-family:"FontAwesome";display:block;padding:10px 0;font-size:20px;color:#3c9bfb}
a.file-pdf:before{content:"\f1c1";padding-right:5px}
a.file-pdf:hover{color:#027ba5}
@media (min-width: 992px) {
.product-box{margin-top:-50px;position:relative;margin-bottom:20px}
.product-description .nav-tabs{margin-top:-50px}
.products article .figure-grid .text{position:absolute;padding:20px 20px 0;top:0}
.products article:hover{box-shadow:0 5px 15px rgba(0,0,0,.2)}
}
@media (max-width: 767px) {
.product-box{border-top:1px #eee solid}
.product-info .title{padding:10px 15px}
.product-hr{display:none}
.product-description .nav-tabs>li>a{padding:15px 10px;}
}
/* /pro v */

.p-btn{font-size:15px;font-weight:600;background:#1085de;color:#fff;text-transform:uppercase;position:relative;cursor:pointer;border:0;padding:10px 50px;display:inline-block;text-align:center;z-index:1}
.p-btn:hover{color:#fff}
.p-btn:before{background-color:#00F782;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:all .4s ease 0;width:100%;z-index:-1}
.p-btn:hover::before{opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
@media (max-width: 767px) {
.service-section .opacity{padding:15px 0}
.service-section .service-item{color:#fff;padding:8px 10px;margin-bottom:5px}
.service-section .service-item h4{height:2rem;font-weight:800;line-height:2rem;color:#fff;font-size:15px;margin:10px 0 5px}
.service-section .service-item p{line-height:18px;font-size:13px}
}
.parts-floating{position:fixed;z-index:999999;right:15px;bottom:120px;display:block}
.parts-floating ul{margin:0;padding:0;list-style:none}
.parts-floating li{position:relative;margin:3px 0;width:34px;height:34px;font-size:18px;padding-bottom:100%;border-radius:2px;box-shadow:0 0 10px rgba(0,0,0,0.05);background:#000 none repeat scroll 0 0;opacity:.6;color:#fff;text-align:center;cursor:pointer;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.parts-floating li a{color:inherit}
.parts-floating li:hover{background:#1085de;opacity:1}
.parts-floating li[data-type=Skype],.parts-floating li[data-type=WhatsApp]{font-size:20px}
.mobile_btn{display:none}
@media screen and (max-width:767px) {
.mobile_btn{display:block;position:fixed;z-index:98;bottom:0;right:0;left:0;text-align:center;background-color:#fff;border-top:1px #f2f2f2 solid;padding:8px 0 4px}
.mobile_btn ul{margin-right:0;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:-webkit-box;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;margin-bottom:5px}
.mobile_btn ul li{min-width:20%;padding:0;list-style:none}
.mobile_btn ul li:last-child{border-right:none}
.mobile_btn ul li a{font-size:14px;display:block;color:#000}
.mobile_btn ul li a i{display:block;margin:auto;line-height:20px;font-size:18px!important}
}
.sharebox{text-align:center}
.sharebox .share-icon{font-size:18px;border-radius:3px;line-height:35px;display:inline-block;width:35px;height:35px;text-align:center;padding:0}
.sharebox a{margin-right:5px;cursor:pointer}
.sharebox a.facebook:before{content:"\f09a";font-family:FontAwesome}
.sharebox a.facebook{background:#3C5B9B;color:#fff}
.sharebox a.facebook:hover{background:#3C5B9B}
.sharebox a.twitter:before{content:"\f099";font-family:FontAwesome}
.sharebox a.twitter{background:#359BED;color:#fff}
.sharebox a.twitter:hover{background:#359BED}
.sharebox a.googleplus:before{content:"\f0d5";font-family:FontAwesome}
.sharebox a.googleplus{background:#E33729;color:#fff}
.sharebox a.googleplus:hover{background:#E33729}
.sharebox a.pinterest{content:"\f0d3";font-family:FontAwesome;background:#cb2027;color:#fff}
.sharebox a.pinterest:before{content:"\f0d3";font-family:FontAwesome}
.sharebox a.pinterest:hover{background:#cb2027}
.sharebox a.linkedin:before{content:"\f0e1";font-family:FontAwesome}
.sharebox a.linkedin{content:"\f0e1";font-family:FontAwesome;background:#027ba5;color:#fff}
.sharebox a.linkedin:hover{background:#027ba5}
.footermap .container{background:url(../images/map.png) no-repeat;height:300px}
.footer-tags{overflow:hidden}
.footer-tags a{font-size:15px;margin:0 10px 0 0;padding:5px 0;line-height:1.3}
footer{padding:30px 0;border-top:1px solid #d7d7d7;background-color:#f8f8f8;color:#4c4c4c}
footer a{color:#4c4c4c}
footer .typetitle h3{color:#4c4c4c;font-weight:500}
footer .contact-details-list{padding-bottom:10px}
footer .contact-details-list li{padding-bottom:8px}
footer .contact-details-list li i.fa{padding-right:5px;color:#a7a7a7}
footer .links-social a{font-size:18px;width:35px;height:35px;line-height:35px;margin-right:5px}
.footer-bottom{background-color:#1e1e1e;color:#565656;font-size:11px;text-transform:uppercase;padding:5px 0}
.footer-bottom-links{color:#565656;text-align:right;text-transform:none}
.footer-bottom-links a{margin-left:5px;color:#565656}
.footer-bottom-links i{width:36px;font-size:22px}
footer .links-social a{font-size:24px;width:40px;height:40px;line-height:40px;margin-right:5px}
.footer-nav li{float:left;margin-right:10px;font-size:15px;line-height:1.5;padding-bottom:5px}
.links-social{text-align:left}
.links-social a{display:inline-block;background-color:#4c4c4c;border-radius:100%;width:30px;height:30px;line-height:30px;text-align:center}
.links-social a i{color:#fff}
.links-social a:hover{background-color:#1085de;color:#fff}
.subscribe-box{position:relative;z-index:9;padding:10px 0 20px}
.subscribe-box h4,.subscribe-box p{color:#fff;text-align:left}
.subscribe-box form{height:40px;position:relative}
.subscribe-box form input{width:100%;height:100%;border:none;background:#fff;border:1px #f1f1f1 solid;border-radius:30px;padding:0 43px 0 20px;font-size:15px}
.subscribe-box form button{position:absolute;top:0;right:0;height:100%;width:60px;color:#fff;border-radius:0 30px 30px 0;font-size:20px;background:#fd7e2d;border:#fd7e2d;cursor:pointer}
.subscribe-box form button.btn-text:before{border-radius:0 20px 20px 0}
.subscribe-box form button:hover i{font-weight:600}
#scrollUp{background:#000 none repeat scroll 0 0;border-radius:2px;bottom:85px;box-shadow:0 0 10px rgba(0,0,0,0.05);color:#fff;font-size:20px;height:34px;line-height:30px;opacity:.6;right:15px;text-align:center;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;width:34px}
#scrollUp:hover{background:#fd5f16;opacity:1}
.sharebox{text-align:left;padding:6px 0 5px 10px}
.sharebox .share-icon{font-size:18px;border-radius:3px;line-height:35px;display:inline-block;width:35px;height:35px;text-align:center;padding:0}
.sharebox a{margin-right:5px;cursor:pointer}
.sharebox a.facebook:before{content:"\f09a";font-family:FontAwesome}
.sharebox a.facebook{background:#3C5B9B;color:#fff}
.sharebox a.facebook:hover{background:#3C5B9B}
.sharebox a.twitter:before{content:"\f099";font-family:FontAwesome}
.sharebox a.twitter{background:#359BED;color:#fff}
.sharebox a.twitter:hover{background:#359BED}
.sharebox a.googleplus:before{content:"\f0d5";font-family:FontAwesome}
.sharebox a.googleplus{background:#E33729;color:#fff}
.sharebox a.googleplus:hover{background:#E33729}
.sharebox a.pinterest{content:"\f0d3";font-family:FontAwesome;background:#cb2027;color:#fff}
.sharebox a.pinterest:before{content:"\f0d3";font-family:FontAwesome}
.sharebox a.pinterest:hover{background:#cb2027}
.sharebox a.linkedin:before{content:"\f0e1";font-family:FontAwesome}
.sharebox a.linkedin{content:"\f0e1";font-family:FontAwesome;background:#027ba5;color:#fff}
.sharebox a.linkedin:hover{background:#027ba5}
.whybox{padding:5px 15px 16px}
.whybox h5{font-size:1.5rem}
.whybox ul li{padding-bottom:10px}
.whybox i{padding-right:5px;color:#f9520b;font-size:2.5rem}

.contact2-form{margin:20px 0 50px;padding:10px;}
.contact2-form form input[type="text"],.contact2-form form input[type="email"],.contact2-form form textarea{border:1px solid #f4f4f4;color:#999;display:block;font-size:15px;height:55px;margin-bottom:30px;padding:0 20px;width:100%;transition:all 500ms ease}
.contact2-form form textarea{height:122px;width:100%;margin-bottom:30px;padding:10px 20px}
.contact2-form form input[type="text"]:focus{border-color:#1085de}
.contact2-form form input[type="email"]:focus{border-color:#1085de}
.contact2-form form textarea:focus{border-color:#1085de}
.contact2-form form button{width:100%;padding:13px 0;border:2px solid transparent;line-height:20px}
.contact2-form .website{display:none;}
.blog-post{margin-bottom:10px;padding:10px 0 0 5px;}
.blog-post .single-blog-post{border:1px #ebebeb solid;padding:30px;background:#fff}
.blog-post .single-blog-post h1{border-bottom:1px #f3f3f3 solid;padding:5px 0 20px;font-size:22px;color:#222;font-weight:600}
.blog-post .single-blog-post .article-bd{color:#666;padding:5px 0 10px}
.blog-post .single-blog-post .text{color:#848484}
.blog-post .meta-info{border:1px #ebebeb solid;border-top:none;padding:5px 20px;line-height:35px;color:#ababab}
.blog-post .meta-info i{margin-right:5px}
.blog-list>.meta-info{background:#fff}
.blog-list .img-holder{display:block;overflow:hidden;position:relative}
.blog-list .img-holder a{display:block}
.blog-list .img-holder img{-webkit-transition:all .7s ease;transition:all .7s ease;width:100%;transform:scale(1);transition:all .5s ease 0;width:100%}
.blog-list:hover .img-holder img{transform:scale(1.1)}
@media screen and (max-width:767px) {
    .blog-post{margin-bottom:10px;padding:10px 5px 0 5px;}
}
.tagindex{padding:15px;max-height:775px;overflow-y:auto;}
.tagindex ul{padding:0}
.tagindex li{margin:0 20px 20px 0;border:1px solid #e7eaef;float:left;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;-o-transition:all .2s;transition:all .2s}
.tagindex li:hover{background-color:#1085de;border-color:#1085de}
.tagindex li a{padding:6px 20px;display:inline-block;font-size:14px;color:#666}
.tagindex li:hover a{color:#fff}
.tagc1{font-size:14px}
.tagc2{font-size:15px;font-weight:600}

.typetag{padding:0 15px 15px 15px;overflow: hidden;}
.typetag a{padding:2px 8px;background:#1085de;color:#fff;margin:0 6px 6px 0;word-wrap:break-word;white-space:pre-wrap;border-radius:4px;float:left;}
.typetag a:hover{background:#fd7e2d;color:#fff;}

.more-1{padding:5px 35px;margin-top:10px;color:#fff;text-align:center;display:inline-block;background:#121212;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;border-radius:10px;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}
.more-1:before{content:"";position:absolute;z-index:-1;top:-1px;left:-1px;right:-1px;bottom:-1px;background:#3c9bfb;border-radius:10px;-webkit-transform:scale(1);transform:scale(1);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}
.more-1:hover{color:#fff}
.more-1:hover:before{-webkit-transform:scale(0);transform:scale(0)}
.more-1 i{padding-right:5px}
.more-2{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;background:#121212;border-radius:2rem;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}
.more-2:before{content:"";position:absolute;z-index:-1;top:-1px;left:-1px;right:-1px;bottom:-1px;background:#f9520b;border-radius:2rem;-webkit-transform:scale(1);transform:scale(1);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}
.more-2:hover,.more-2:focus,.more-2:active{color:#fff}
.more-2:hover:before,.more-2:focus:before,.more-2:active:before{-webkit-transform:scale(0);transform:scale(0)}
.more-3{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;z-index:1;border-radius:2rem;background:#f9520b}
.more-3:before{content:'';position:absolute;background:#f9520b;border:#f9520b solid 6px;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:2rem;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.more-3:hover:before,.more-3:focus:before,.more-3:active:before{-webkit-animation:more-1 .6s ease-in-out;animation:more-1 .6s ease-in-out}