@charset "utf-8";body,html{font-family:"sans-serif";width:100%;height:100%;font-size: 16px;}
.h10{width:100%;height:10px;clear:both}
.section{width:100%;height:auto;float:left;padding:10px 0}
.shiro{display:none}
.card{cursor: pointer;}
.Font12{font-size: 12px;}
.Font13{font-size: 13px;}
.Font14{font-size: 14px;}
.Font15{font-size: 15px;}
.Font16{font-size: 16px;}
.Font18{font-size: 18px;}
.Font20{font-size: 20px;}
.Font22{font-size: 22px;}
.Font25{font-size: 25px;}
.Font30{font-size: 30px;}
.Font32{font-size: 32px;}
.Font40{font-size: 40px;}
.Font50{font-size: 50px;}
.ofhidden{overflow: hidden;}
.text-c3{color:#333;}
.text-3c{color:#ccc;}
.text-c6{color:#666;}
.text-c9{color:#999;}
.text-color1{}
.text-color2{color:#808080;}
.text-color3{color: #4fd864;}
.btn-primary1{background: none;border:1px solid #fff;color:#fff;font-size: 16px;text-align: center;}
.btn-primary1:hover{background:#6b9861b8;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;color:#fff;}
.btn-primary2{background: #00bb92;border:1px solid #fff;color:#fff;font-size: 16px;text-align: center;}
.btn-primary2:hover{background: #fff;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;color:#00bb92;border:1px solid #00bb92;}
.btn-primary3{background: none;border:1px solid #a8d09f;color:#fff;text-align: center;}
.btn-primary3:hover{background:#7eab74;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;color:#fff;}
.textc-green{color: #00bb92;font-weight: bold;}

.product ul{width:100%;}
.product ul li{width: 25%;}
.product ul li a{background: #fff;color: #333;border:1px solid #f1efef;display: inherit;padding: 12px 0;font-size:22px;text-align: center;text-decoration: none;}
.product ul .active a{background: #00bb92;color:#fff;}

.product .card h5{height: 40px;line-height: 20px;overflow: hidden;}
.product .card img{transition: all 0.5s;}
.product .card .ofhidden{overflow:hidden;}
.product .card:hover img{transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);transition: all 0.5s;}
.product .more-a{text-decoration: none;cursor: pointer;transition: all 0.5s;}
.product .more-a:hover{letter-spacing:2px;font-weight: bold;color:#555;transition: all 0.5s;}
.product .carousel-control-prev{margin-left: -10%;}
.product .carousel-control-next{margin-right: -10%;}

.product .carousel-control-prev-icon{background-image: url(../images/arr-left1.png);background-repeat: repeat;}
.product .carousel-control-next-icon{background-image: url(../images/arr-right1.png);background-repeat: repeat;}

.hvr-icon-spin:before{content: "";}
.nav-menu{padding:0;transition: all 0.6s;z-index: 1080;}

.head-top{background: #00000000;position:relative;transition: all 0.3s;z-index: 9999999;}
.nav-menu{background: #0000003b;position:fixed;z-index:16;transition: all 0.3s;transition: all 0.4s;}
/*.head-top{background: #00000000;position: absolute;width: 100%;z-index: 1;transition: all 0.3s;}
.nav-menu{background: #00000000;z-index:16;transition: all 0.3s;}*/

.head-top .navbar-logo{background:url(../../images/index/logo-w.png) no-repeat center 0;width: 114px;margin-top: 10px;}
.head-top:hover .navbar-logo{background:url(../../images/index/logo-b.png) no-repeat center 0;width: 114px;}
.head-top:hover .nav-link{color:#fff !important;}
.head-topp .nav-menu{background: #0000003b;color:#fff;}

.nav-menu .navbar{padding:0}
.nav-menu .navbar-nav li{cursor: pointer;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.nav-menu .navbar-nav li:hover{transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.nav-menu .navbar-nav li:hover .nav-link{color:#fff !important;font-family: Lato,sans-serif;font-size: 16px;display: block;font-weight: inherit;padding:15px;}
.nav-menu .nav-link{color:#fff;padding:15px;font-size: 16px;}
.nav-menu .navbar-nav li a.nav-link{padding:15px;}
.navbar-dark .navbar-nav .nav-link{color:#fff;}
.nav-menu .nav-language{background: #2cad7773;border-bottom-left-radius: 40px;border-bottom-right-radius: 40px;height: 75px;}
.nav-menu .nav-language a{padding:6px;font-size: 12px;color:#fff;}
.nav-menu .nav-language .text-3c{color:#ccc;}
.nav-menu li:hover .dropdown-menu{display: block;margin-top: 0px;border-radius: 0;padding:15px;}
.nav-menu li .dropdown-menu a{color:#16181b;}
.nav-menu .navbar-nav .dropdown-menu{position: absolute;}
.nav-menu .dropdown.open>.dropdown-menu {display: block;}
.nav-menu .telinfo a{color:#5a4949;font-weight: bold;text-decoration: none;}
.nav-menu .telinfo a:hover{color:#50843e;}
.nav-menu .navbar-nav .nav-item9 .dropdown-menu9{display: none;}
.nav-menu .nav-ulll{padding-left: 16px;margin:0;list-style: none;font-size: 14px;padding:0;display: none;}
.nav-menu .nav-ulll li{list-style: none; text-align: left !important;color:#666 !important;}
.nav-menu .nav-ulll li a{color:#666 !important;}
.nav-menu .nav-ulll li:hover,.nav-menu .nav-ulll li a:hover{color:#222 !important;}
.nav-menu .slidedown56 .nav-ulll{display: block;}
.nav-menu .tmedia{list-style: none;}
.nav-menu .tmedia a,.tmedia i{color:#fff;text-decoration: none;}
.nav-menu .tmedia a:hover{text-decoration: none;}
.nav-item6 .slidedown .downarrow::before{content: "<";transform:rotate(-90deg);display: inline-block;font-family: cursive;font-size: 12px;}
.nav-item6 .slidedown .uparrow::before{content: ">";transform:rotate(-90deg);display: inline-block;font-family: cursive;font-size: 12px;}
.nav-item108 .dropdown-menu108{display:none;}

.toptwo{background: #303030; position: fixed; box-shadow:0 2px 2px 0 rgba(0,0,0,.05);transition: all .6s;}
.toptwo .navbar-dark .navbar-nav .nav-link{color:#fff;}
.toptwo .navbar-logo{background:url(../images/logo.png) no-repeat center 0;width: 114px;}
/*.nav-menu .navbar-logo{background:url(../images/logo-b.png) no-repeat center 0;width: 144px;margin: 8px 0;}
.toptwo .navbar-logo{background:url(../images/logo-w.png) no-repeat center 0;width: 144px;margin: 8px 0;}*/

.banner{height: 85vh;}
.banner .carousel,.banner .carousel .carousel-inner,.banner .carousel .carousel-item,.banner .carousel .carousel-item a{width: 100%;height: 100%;}
.banner img{object-fit: cover;height: 100%;width: 100%;}

.quality{background: url(../images/system-bg.jpg);background-repeat:repeat;}
.quality .card-bg1{background: #065897;}
.quality .card-bg1:hover{background: #065897;transition: all 0.5s;}
.quality .card-bg2{background: #00a1e9;}
.quality .card-bg2:hover{background: #0d94d0;transition: all 0.5s;}
.quality .card-bg3{background: #221842;}
.quality .card-bg3:hover{background: #352567;transition: all 0.5s;}
.quality .card-bg4{background: #30a99d;}
.quality .card-bg4:hover{background: #1c9488;transition: all 0.5s;}
.quality .p-title{font-size: 36px;}
.qualityarticle .data-feedback img{width: 40%;margin:0 auto; cursor: pointer;box-shadow: 0px 0px 8px 0px #cccccc87;}
.qualityarticle .data-feedback a{text-decoration: none;color:#00bb92;}
.qualityarticle .technology p{line-height: 30px;}
.qualityarticle .technology2 .ofhidden{background: #fff;border: 1px solid #e8e8e8;border-radius: 10px;transition: all 0.5s;}
.qualityarticle .technology2 .ofhidden h5{color:#00bb92;}
.qualityarticle .technology2 .ofhidden:hover{box-shadow: 0px 0px 8px 0px #cccccc87;transition: all 0.5s;}


/*Faq*/
.faq-ul{list-style: none;font-size: 16px;width: 100%;}
.faq-ul h5{background: #ffffff;border-left: 3px solid #00bb92;font-size: 18px !important;box-shadow: 0px 2px 4px 0px #ccc;}
.faq-ul .clickbg{background: #eaeaea;color: #00bb92;}
.faq-ul .hvr-float{transition: all 0.5s;}
.faq-ul .hvr-float:hover{transition: all 0.5s;box-shadow: 0px 3px 4px 0px #c3c3c3bf;}
.faq-ul .flip{width: 100%;cursor: pointer;}
.faq-ul .flip .span-tb::before{content: " ";display: inline-block;width: 24px;height: 24px;z-index:50;top: 5px;right: 10px;background: url(../images/plus.png);background-size: cover;}
.faq-ul .flip .span-tb2::before{content: " ";display: inline-block;width: 24px;height: 24px;z-index:50;top: 5px;right: 10px;background: url(../images/minus1.png);background-size: cover;}
.faq-ul .flip .span-tbb::before{content: " ";display: inline-block;width: 24px;height: 24px;z-index:50;top: 5px;right: 10px;background: url(../images/minus1.png);background-size: cover;}
.faq-ul .flip .span-tbb2::before{content: " ";display: inline-block;width: 24px;height: 24px;z-index:50;top: 5px;right: 10px;background: url(../images/plus.png);background-size: cover;}



.faq-ul .flip .panel{display: none;border-left: 3px solid #00bb92;box-shadow: 0px 2px 4px 0px #ccc;}
.faq-ul .flip .panel1{display: block;}
.faq-ul .flip .panel .titileb b{color: #dc9c27;font-size: 18px;}
.faq-conul{font-size: 16px;}
.panel img{box-shadow: 0px 0px 3px 0px #ccc;border:3px solid #fff;transition: all 0.5s;}
.panel img:hover{box-shadow: 0px 0px 8px 0px #ccc;transition: all 0.5s;}
.faq-conul li{list-style:none;}
.blog .btn-more2{width: 35%;}
/*Faq*/
.articleimages{display: none;position: absolute;right: 0;top: 0px;}
.case .embed-responsive{border: 8px solid #c1bfbf6e;}


.about p{line-height:24px;}
.about a{font-size: 16px;color:#333;text-decoration: none;}
.about .btn-more{width: 40%;}
.btn-more{font-weight: bold; display: inline-block;background:transparent;color: #00bb92;border:1px solid #00bb92;font-size: 16px;text-align:center;line-height: 38px;cursor: pointer;-webkit-transition: all .4s;-o-transition: all .4s;transition: all .4s;}
.btn-more:hover{text-decoration: none;background: #00bb92;color: #fff;}
.btn-more2{font-weight: bold; display: inline-block;background:#00bb92;border:1px solid #00bb92;color: #fff;font-size: 16px;text-align:center;line-height: 38px;cursor: pointer;-webkit-transition: all .4s;-o-transition: all .4s;transition: all .4s;}
.btn-more2:hover{text-decoration: none;background: #fff;color: #00bb92;border:1px solid #00bb92;}

.companydata .col-md-3{border-left: 1px solid #ccc;}
.companydata .Font32{color:#353535;}
.companydata .Font22{color:#333333;}
.company h3 b{color:#00bb92;}
.companydata .span1{position: absolute;font-size:14px;}
.quotation .btn-primary2{width: 20%;border-radius: 20px;margin:0 auto;}

.system{background-image: url(../images/system-bg.jpg);background-repeat:repeat;}
.system .Font40{color: #00bb92;font-weight: bold;}
.system .Font18{color:#a1cea8;}
.system .Font16{color:#999;}

.quote .DailyOrder{list-style: none;font-size: 14px;}
.quote .quote-i{font-size: 18px;color:#ccc;cursor: pointer;transition: all 0.5s;}
.quote .quote-i:hover{font-size: 18px;color:#808080;transition: all 0.5s;}
.quote .panel-body table,.quote .panel-body .DailyOrder .news-item table{width: 100%;}
.quote .panel-body table td,.quote .panel-body .DailyOrder .news-item table td{width: 20%;}
.quote .panel-body table .td1,.quote .panel-body .DailyOrder .news-item table .td1{width: 40%;}
.quote .panel-body p{border-bottom: 3px solid #ccc;font-size: 18px;}
.quote .panel-body li{padding:3px 0;border-bottom:1px solid #eee;}
.quote .panel-body table{color:#00bb92;}
.quote .panel-body .DailyOrder table{color:#a1cea8;}
.quote h6{font-size: 13px;}
.quote .card img{border-radius: 0px;transition: all 0.5s;}
.quote .card:hover img{transform:scale(1.3,1.3);-webkit-transform:scale(1.3,1.3);-moz-transform:scale(1.3,1.3);transition: all 0.5s;}
.quote .col-md-8 .card{border:none;}
.quote .col-md-8 .card h5{color:#353535;}
.quote .col-md-8 .card h6{color:#00bb92;}
.quote .col-md-8 .card .hid{overflow: hidden;}
.quote .col-md-8 .borderLR{border-left: 1px solid #eae9e9;border-right:1px solid #eae9e9;}
.quote .col-md-8 .card .card-body div{height: 110px;overflow: hidden;}

.product-art .tick{width: 7%;}
.product-art .manufacturing .col-md-4 p{margin-bottom: 20px;transition: all 0.5s;}
.product-art .manufacturing .col-md-4 p:hover{font-size:17px;transition: all 0.5s;}
.manufacturing p span{margin-right: 5px;transition: all 0.5s;}
.manufacturing p:hover{color:#00bb92 !important;}
.manufacturing p:hover span{margin-right: 10px;transition: all 0.5s;}

.product-art .btn-more2{width: 15%;}
.fabrication .row .col-md-8 p{background: #ececec;}
.product-art .row .borderlb{border-left:1px solid #cdc8f1;border-bottom:1px solid #cdc8f1;}
.product-art .row .bgtwhite{background: #ffffff;margin-top: -2px;}
.product-art .row .borderbr{border-right:1px solid #cdc8f1;border-bottom:1px solid #cdc8f1;}
.product-art .row .borderl{border-left:1px solid #cdc8f1;}
.propcba .col-md-5 img{border: 10px solid #ffffff;box-shadow: 0px 0px 9px 0px #e4dfdf99;transition: all 0.5s;}
.product-art .display .col-md-3 .hvr-float{background: #fff;box-shadow: 0px 0px 5px 0px #cccccc6e;transition: all 0.5s;text-align:center;}
.product-art .display .col-md-3 .hvr-float:hover{box-shadow: 0px 1px 8px 0px #ccc;}
.product-art .display .col-md-3 .hvr-float .ofhidden img{transition: all 0.5s;}
.product-art .display .col-md-3 .hvr-float:hover .ofhidden img{transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);transition: all 0.5s;}
.product-art .zhpacaa{color:#00bb92;transition: all 0.5s;cursor: pointer;}
.product-art .zhpacaa:hover{letter-spacing: 1px;transition: all 0.5s;font-weight: bold;}
.flexbility .ofhidden img{transition: all 0.5s;}
.flexbility .ofhidden:hover img{transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);transition: all 0.5s;}
.mterial .hvr-float{box-shadow: 0px 0px 3px 0px #ccc;transition: all 0.5s;width: 100%;}
.mterial .hvr-float:hover{box-shadow: 0px 0px 8px 0px #ccc;transition: all 0.5s;}
.material img{box-shadow: 0px 0px 4px 0px #cccccca6;transition: all 0.5s;}
.material img:hover{box-shadow: 0px 2px 6px 0px #cccccca6;transition: all 0.5s;}


.cstomers img{box-shadow: 0px 0px 4px 0px #cccccca6;transition: all 0.5s;}
.cstomers img:hover{box-shadow: 0px 2px 6px 0px #cccccca6;transition: all 0.5s;}

.assembly span{color:#00bb92;}
.assembly .hvr-float{background: #fff;box-shadow: 0px 0px 4px 0px #e2e2e2;transition: all 0.5s;}
.assembly .hvr-float:hover{box-shadow: 0px 0px 7px 0px #d4d2d2;transition: all 0.5s;}
.assembly .hvr-float p{margin-bottom: 5px;}
.assembly .btn-more2{width: 15%;}
.assembly .hvr-float .ofhidden img{transition: all 0.5s;}
.assembly .hvr-float:hover .ofhidden img{transform:scale(1.3,1.3);-webkit-transform:scale(1.3,1.3);-moz-transform:scale(1.3,1.3);transition: all 0.5s;}
.assembly .hvr-float h4{font-size: 20px;}
.proofing h3 b,.proofing p{color:#00bb92 !important;}
.proofing .btn-more2{width: 40%;}

.certificate{background:#00bb92; margin-bottom: 0px;color: #fff;background-repeat: no-repeat;}
.certificate ul{width:100%;}
.certificate ul li{padding: 4px;}
.certificate ul .li1{width: 25%;}
.certificate ul .li2{width: 16%;}
.certificate ul .li3{width: 17%;}
.certificate ul .li4{width: 17%;}
.certificate ul .li5{width: 25%;}
.certificate ul li a{background: #fff;color: #333;border:1px solid #f1efef;display: inherit;padding: 12px 0;font-size:12px;color:#de9125;text-align: center;text-decoration: none;border-radius: 30px;}
.certificate ul li .active .triangle{display: block;width: 0;height: 0;margin: 0 auto;margin-top: 10px;margin-bottom: -30px;border-left: 20px solid transparent;border-right: 20px solid transparent;border-top: 20px solid #ffffff;}
.product-art .tab-content{box-shadow: 3px 4px 18px 5px #cccccc85;}
.product-art #carousel {position: relative;z-index: 2;height: 330px;margin-top: 150px;transform-style: preserve-3d;perspective: 500px;}
.product-art #carousel img {box-shadow: 0px 0px 10px 0px #0c0c0c14;position: absolute;left: 50%;top: 50%;height: 170px;margin-left: -100px;margin-top: -100px;border-radius: 8px;transition: transform 0.5s ease-in-out;}
.certificatepoe img{width: 45%;box-shadow: 0px 0px 8px 0px #dededebf;}

/*.home-ustomization{background:url(../images/home-ustomization.jpg); margin-bottom: 0px;color: #fff;background-repeat: no-repeat;background-position: bottom center;background-size: cover;background-attachment: fixed;}*/
.service .col-md-3{border-top:1px solid #3ac91a;}
.service .col-md-3 p{font-size: 16px;margin-top: 10px;margin-bottom: 80px;}
.service .border-box{border: 1px solid #3ac91a;width: 50%;border-radius: 10px;margin: 0 auto;padding: 5px 10px;margin-top: -40px;background: #f8f9fa;}
.service .border-r{border-right:1px solid #3ac91a;}
.service .border-l{border-left:1px solid #3ac91a;}
.service .ban-borderl{position: relative;}
.service .ban-borderl:before{content: "";position: absolute;left: 0;top: -2px;width: 25%;height: 2px;background-color: #f8f9fa;}
.service .ban-borderr{position: relative;}
.service .ban-borderr:before{content: "";position: absolute;right: 0;top: -2px;width: 25%;height: 2px;background-color: #f8f9fa;}
.quick .color-box{background: #f7f7f7;border: 10px solid #fff;box-shadow: 1px 1px 8px 0px #d7e0d3ad;transition: all 0.5s;}
.quick .color-box:hover{border-left: 20px solid #fff;border-right: 20px solid #fff;transition: all 0.5s;box-shadow: 2px 2px 10px 0px #d7e0d3d1;}
.quick .btn-more2{width: 30%;}
.production .ofhidden img{transition: all 0.5s;}
.production .ofhidden:hover img{transform:scale(1.3,1.3);-webkit-transform:scale(1.3,1.3);-moz-transform:scale(1.3,1.3);transition: all 0.5s;}
.quotation input,.quotation select,.quotation input::-webkit-input-placeholder{color:#333 !important;}
.services .services-customer p{line-height:35px;}
.features .ofhidden{background: #fff;text-align:center;box-shadow: 0px 0px 3px 0px #ccc;transition: all 0.5s;}
.features .ofhidden:hover{background: #00bb92; box-shadow: 0px 0px 8px 0px #ccc;transition: all 0.5s;}
.features .ofhidden:hover p,.features .ofhidden:hover h4{color:#fff !important;}
.features .btn-more2{width: 20%;}
.quote form{border:1px solid #ccc;padding:0 20px;} 
.quote .btn-more{width: 100%;}
.smtfeatures dl dd span{margin-right: 5px;transition: all 0.5s;}
.smtfeatures dl dd:hover{color:#00bb92 !important;}
.smtfeatures dl dd:hover span{margin-right: 10px;transition: all 0.5s;}


.capabilities table td{border: 1px solid #7d9691;}
.capabilities table .td1{width: 50%;}
.capabilities table tr:nth-child(even){background: #fff;color: #00bb92;}
.capabilities table tr:nth-child(odd){background: #00bb92;color: #fff;}
.capabilities table tr:first-child{background: #00bb92;color: #fff;}
.capabilities table tr:hover{/* background: #ffffff; *//* color:#fff; */}
.capabilitiespcba .tab1 .tr1,.capabilitiespcba .tab2 .tr1,.capabilitiespcba .tab3 .tr1{background: #00bb92;color:#fff;}
.capabilitiespcba .tab3 tr:hover{background: #00bb92;color: #fff;}


.customizablef{background: #00a883;}
.lanrenzhijia .title-list li .color-box{background: #ffffe7;border-radius: 5px;height:300px;padding-top:140px;text-align:center;box-shadow: 0px 0px 5px 0px #676767;transition: all 0.5s;}
.lanrenzhijia .title-list li .color-box:hover{background: #fff7a0;transition: all 0.5s;}
.lanrenzhijia .title-list{ position: relative; top: 6px; list-style: none;}
.lanrenzhijia .title-list li{line-height: 20px; text-align: center;width: 20%;padding:8px;}
.lanrenzhijia .title-list .on{ color: #ff6600; font-weight: bold;text-align: center;}
.lanrenzhijia .title-list li .on p{border-top: 3px solid #ff6600;text-align: center;}
.lanrenzhijia .context{ position: relative; overflow: hidden; display: none; margin-top: 20px;color:#fff;text-align: center;}
.lanrenzhijia .context ul{ position: absolute; left: 0px;}
.lanrenzhijia .product-wrap .show{ display: block;}
.lanrenzhijia ul li .triangle{display: none;}
.lanrenzhijia ul .on .color-box{background: #fff7a0;box-shadow: 0px 0px 7px 0px #313131;transition: all 0.5s;}
.lanrenzhijia ul .on .triangle{display: block;width: 0;height: 0;margin: 0 auto;margin-bottom: -30px;border-left: 20px solid transparent;border-right: 20px solid transparent;border-top: 20px solid #fff7a0;}
.valueadd .ofhidden{background: #f4fbef;box-shadow: -12px -9px 0px -1px #d4f5bd;border-bottom: 3px solid #d4f5bd;border-right: 1px solid #d8ffbd;transition: all 0.5s;}
.valueadd .ofhidden:hover{background: #eeffe1;transition: all 0.5s;}

.resources .card{overflow: hidden;border:none;border-radius: 0px;}
.resources .card img{border-radius: 0px;transition: all 0.5s;}
.resources .card:hover img{transform:scale(1.3,1.3);-webkit-transform:scale(1.3,1.3);-moz-transform:scale(1.3,1.3);transition: all 0.5s;}
.resources .card .card-body{position: absolute;bottom:0;transition: all 0.8s;}
.resources .card:hover .card-body{margin-bottom:15px; transition: all 0.8s;}
.resources .card .card-body .p-title{color:#fff;font-weight: bold;font-size:16px;text-transform: inherit;}
.resources .card .card-body p{color:#ccc;font-size:14px;text-transform: inherit;}
.resources .card .card-body a{display: block;text-decoration: none;cursor: pointer;transition: all 0.8s;color:#eff1a1;font-size: 13px;}
.resources .card:hover a span{margin-left:8px;transition: all 0.8s;}
.resources .news .ofhidden .time p{color:#6c6c6c !important;font-size: 14px !important;}
.resources .news .ofhidden .newtitle{font-size: 20px;color:#333;}
.resources .lmtitlehr{border-bottom: 1px solid #ccc;}

.resources .newlistbox{transition: all 0.5s;}
.resources .newlistbox a{text-decoration: none;}
.resources .newlistbox:hover{transition: all 0.5s;box-shadow: 0px 1px 3px 0px #ccccccad;}
.resources .newlistbox:hover .align-items-center .ofhidden img{transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);transition: all 0.5s;}
.resources .align-items-center .ofhidden{border-right: 1px solid #ccc;padding-right: 10px;}
.resources .align-items-center .ofhidden img{transition: all 0.5s;}
.bolgtop .bolgtextbox{position: absolute;bottom:0;width: 95%; z-index: 998;overflow: hidden;}
.bolgtop .bolgtextbox .bolgtitle{color:#fff !important;border-bottom:1px solid #fff;font-size: 22px;font-weight: bold;}
.bolgtop .bolgtextbox .bolgtext{color:#fff !important;}
.bolgtop .bbox .bgzz{background: #00000040;height: 100%;top: 0;z-index: 997;width: 100%;position: absolute;transition: all 0.5s;cursor: pointer;}
.bolgtop .bbox .bgzz2{width: 96%;}
.bolgtop .bbox:hover .bgzz{background: #00000080;transition: all 0.5s;}
.bolglist .col-md-8{border-right:1px solid #dcdcdc;}
.bolglist .hvr-float{background: #fff; width: 100%;box-shadow: 0px 0px 3px 0px #ccc;transition: all 0.5s;cursor: pointer;}
.bolglist .hvr-float:hover{box-shadow: 0px 0px 8px 0px #ccc;transition: all 0.5s;}
.bolglist .hvr-float .ofhidden img{transition: all 0.5s;}
.bolglist .hvr-float:hover .ofhidden img{transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);transition: all 0.5s;}
.bolglist .hvr-float a{text-decoration: none;}
.bolglist .input-group-append .btn-search{font-weight: bold; display: inline-block;background:transparent;color: #00bb92;border:1px solid #00bb92;font-size: 16px;text-align:center;cursor: pointer;-webkit-transition: all .4s;-o-transition: all .4s;transition: all .4s;}
.bolglist .input-group-append .btn-search:hover{text-decoration: none;background: #00bb92;color: #fff;}

.qualityy .data-feedback .ofhidden{cursor: pointer;box-shadow: 0px 0px 8px 0px #cccccc87;}
.qualityy .tick{width: 5%;}
.qualityy .manufacturing .col-md-4 p{font-size: 15px !important;margin-bottom: 20px;transition: all 0.5s;}
.qualityy .manufacturing .col-md-4 p:hover{font-size: 16px !important;transition: all 0.5s;}
.qualityy .btn-more2{width: 15%;}
.qualityy .ofhidden img{transition: all 0.5s;}
.qualityy .ofhidden img:hover{transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);transition: all 0.5s;}

.customer{background:url(../images/customer-interaction-bg.jpg); margin-bottom: 0px;color: #fff;background-repeat: no-repeat;background-position: bottom center;background-size: cover;background-attachment: fixed;}
.customer .py-md-5{padding:100px 0 !important;color: #fff !important;}
.customer p{color:#fff !important;}
.customer h1{color:#a1cea8 !important;color: #fff !important;}
.customer h2{color: #fff !important;}
.customer h3{font-size: 25px !important;color: #fff !important;}
.customer h5{height: 60px;line-height: 30px;color:#c5c5c5;font-size: 16px;color: #fff !important;}
.customer h6{font-size: 22px; font-weight: bold;color:#a1cea8;color: #fff !important;}
.customer h4 i{margin:0 3px;background: -webkit-linear-gradient( 330deg,#a1cea8,#466f56 75%,#3e74ec);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}

.hzqy img{width: 90%; margin: 0 auto; cursor: pointer;border: 1px solid #c7c7c7;padding: 8px;}
.hzqy img:hover{border: 1px solid #aad677;}

.team .Zzmc{position: absolute;top: 0;right: 0;left: 0;bottom: 0;background: rgba(0,0,0,0.5);z-index: -1;}
.team .video-back{display:block;padding:100px 0px;text-align:center;}
.team .video-back h2{width:60%; margin:0 auto; display:block;text-align:center;color:#fff;/*text-shadow:2px 2px 4px #000;*/}
.team .video-back h4{color:#fff;margin-top: 70px;}
.team .video-back p{width:50%; margin:0 auto;font-size:16px;display:block;color:#fff;/*text-shadow:2px 2px 1px #000;*/}
.team .vidbacking-active-body-back{position: fixed;z-index: -100;min-width: 100%;min-height: 100%;top: 50%;left: 50%;background-size: cover;overflow: hidden;opacity: 1;transition: 2s opacity;transform: translateX(-50%) translateY(-50%);}
.team .vidbacking-active-block-back{position: absolute;min-width: 100%;min-height: 100%;height: auto;width: auto;z-index: -100;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);}
.team .video a{width: 20%;font-size:14px;margin:0 auto;border-radius: 0px;}

.offer .card{border-radius: 0px;}
.offer .card .card-bg1{background:url(../images/order1.jpg) no-repeat center 0;}
.offer .card .card-bg2{background:url(../images/order2.jpg) no-repeat center 0;}
.offer .card .card-bg3{background:url(../images/order3.jpg) no-repeat center 0;}
.offer .card .card-bg4{background:url(../images/order4.jpg) no-repeat center 0;}
.offer .zzbg{background: #0000006b;transition: all 0.5s;height: 220px;line-height: 21px;overflow: hidden;}
.offer .card:hover .zzbg{background: #000000b0;transition: all 0.5s;}
.offer .card:hover{box-shadow: 2px 1px 6px 0px #d8d8d8;transition: all 0.5s;}
.offer dl dd{font-size: 14px;color:#333;}
.offer .zzbg h5{color:#fff !important;}
.offer .zzbg p{font-size: 14px !important;color:#fff !important;}
.offer  .btn-more{width: 80%;}
.hzqy .carousel-indicators li,.about .carousel-indicators li,.testing .carousel-indicators li{background-color:#bbb;}

.services .btnmore{display: inline-block;background:#00bb92;color: #fff;border:1px solid #00bb92;font-size: 16px;text-align:center;cursor: pointer;-webkit-transition: all .4s;-o-transition: all .4s;transition: all .4s;}
.services .btnmore:hover{text-decoration: none;background: #fff;color: #00bb92;}

.services .embed-responsive{border: 8px solid #c1bfbf6e;}
.servicespoe{background-image: url(../images/servicespoe-bg.jpg);background-repeat: repeat;background-position: bottom center;background-size: cover;background-attachment: fixed;}
.servicespoe p{margin-bottom: 10px;}
.servicespoe .servicespoetext{background: #ffffff85;padding:20px;}
.servicespoe img{box-shadow: 0px 0px 50px 1px #7575754d;}
.servicespoe table .tdheight{height:450px;}
.servicespoe table .td2,.servicespoe table .td4,.servicespoe table .td6,.servicespoe table .td8{width: 40%;}
.servicespoe .table1{margin-bottom:-30px;}
.servicespoe .table2{margin-top:-30px;}
.servicespoe .pldt3 img,.servicespoe .pldt5 img,.servicespoe .pldt7 img{width: 100%;}
.servicespoe .pldt3,.servicespoe .pldt5,.servicespoe .pldt7{margin-top:-30px;}
.servicespoe table .td2 img{margin-top: -30px;margin-left: -60px;}
.servicespoe table .td4 img{margin-left:60px;}
.servicespoe table .td6 img{margin-top: -30px;margin-left: -60px;}
.servicespoe table .td8 img{margin-top: -30px;margin-left:60px;}
.wrapper{ display: flex;}
main{flex: 1;}
.servicespoe main h4{font-size: 25px;}
aside{width:35%;min-width: 150px;}
.list-group p{font-weight: bold; display: inline-block;background:transparent;color: #00bb92;border:1px solid #00bb92;line-height: 38px;cursor: pointer;-webkit-transition: all .4s;-o-transition: all .4s;transition: all .4s;}
.list-group p:hover{text-decoration: none;background: #00bb92;color: #fff;}
.capabilities img{transition: all 0.5s;border:5px solid ##efefef;width:100%;}
.capabilities .col-md-4:hover img{border: 5px solid #dddddd4d;transition: all 0.5s;box-shadow: 0px 0px 8px 0px #c3c3c3;}
.application{background: #EEE8DD;}
.application .box-img img{transition: all 0.5s;margin:0 auto;box-shadow: 0px 0px 12px 0px #dcdad6d9;border-radius: 20px;}
.application .btn-more2{ width: 30%;margin:0 auto;}
.application .carousel-control-prev{margin-left: -10%;}
.application .carousel-control-next{margin-right: -10%;}
.scrollspy-example{position: relative;height: 500px;margin-top: .5rem;overflow: auto;}
::-webkit-scrollbar{width: 10px;}
::-webkit-scrollbar-track{box-shadow: inset 0 0 6px rgba(0,0,0,0.1);border-radius: 10px;}
::-webkit-scrollbar-thumb {border-radius: 10px;background: rgba(0, 0, 0, 0.1);box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.15);}
.list-group-item.active {z-index: 2;color: #fff;background-color:#00bb92;border:none;}
.services .feedback{background: #fff;box-shadow: 0px 0px 2px 0px #dadadacf;}
.services .feedback h6 i{margin:0 3px;background: -webkit-linear-gradient( 330deg,#a1cea8,#466f56 75%,#3e74ec);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.services .feedback p{margin-bottom: 8px;}
.services .partners{background: #fff;box-shadow: 0px 0px 2px 0px #dadadacf;}
.services .carousel-indicators li{background-color: #00bb92;width: 20px;}

.pcbprototype .ofhidden{width: 100%;background: #fff;box-shadow: 0px 0px 3px 0px #ccc;transition: all 0.5s;}
/*.pcbprototype .ofhidden:hover{background: #00bb92; box-shadow: 0px 0px 8px 0px #ccc;transition: all 0.5s;}
.pcbprototype .ofhidden:hover .bytext dl dd,.pcbprototype .ofhidden:hover h3{color:#fff !important;}*/
.pcbprototype .btn-more2{width: 20%;}
.pcbprototype h3{font-size: 22px !important;}
.pcbprototype .bytext dl dd{font-size: 15px;}


.company-nav ul li{width: 25%;margin-bottom:0;}
.company-nav ul  li a{border-radius: 0;border:none; padding:8px 0; display: block;font-weight: bold;background: #fff;color:#00bb92;font-size: 16px;text-align:center;cursor: pointer;-webkit-transition: all .4s;-o-transition: all .4s;transition: all .4s;}
.company-nav ul  li a:hover{border:0; text-decoration: none;font-weight: bold;background: #00bb92;color:#fff;font-size: 16px;text-align:center;cursor: pointer;-webkit-transition: all .4s;-o-transition: all .4s;transition: all .4s;}
.company-nav ul .active a{text-decoration: none;background: #00bb92; color: #fff;border-radius: 0;}
.company u{color:#b90303;}
.company .floatdon img{border:5px solid #fff;transition: all 0.4s;}
.company .floatdon img:hover{box-shadow: 0px 0px 15px 0px #ccc; transition: all 0.4s;}
.company .col-md-4 img{transition: all 0.5s;}
.company .col-md-4:hover img{transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);transition: all 0.5s;}
.company .company-list .card-body a{text-decoration: none;}
.company .company-list .card-body h5{font-size: 18px !important;}
.company .company-list .card-body p{font-size: 12px !important;}
.company .company-list .bg-box{background: #fff;box-shadow: 0px 2px 6px 0px #cccccc9e;transition: all 0.5s;}
.company .company-list .bg-box:hover{box-shadow: 0px 3px 8px 0px #cccccc9e;transition: all 0.5s;}
.company .company-list .bg-box img{transition: all 0.5s;}
.company .company-list .bg-box:hover img{transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);transition: all 0.5s;}
.pagination .page-item.active .page-link{background-color: #00bb92;border-color: #00bb92;}
.pagination .page-link{color: #00bb92;}

.title-hr1{height: 5px;width: 20%;background: #00bb92;}
.title-hr2{height: 5px;width: 30%;background: #00bb92;}
.title-hr3{height: 5px;width: 50%;background: #00bb92;}
.title-hr4{height: 5px;width: 10%;background: #00bb92;}

.culture h4 span{background: #00bb92;border: 10px solid #fff;box-shadow: 0px 0px 4px 0px #c5c5c5;color:#fff;border-radius: 55px;}
.culture .bgcolor-box{border-radius: 0;transition: all 0.5s; background: #00bb92;border: 10px solid #fff;box-shadow: 0px 0px 4px 0px #c5c5c5;}
.culture .bgcolor-box:hover{border-radius: 30px;transition: all 0.5s;box-shadow: 0px 2px 10px 0px #ababab;}
.culture .bgcolor-box p{color:#fff !important;}

.contact input,.contact textarea{border-radius: 0;}
.contact #formshiro .btn-more{width: 100%;}
.contact-table{border:1px solid #bbde72;background:#fff;}
.contact-table td{border:1px solid #bbde72; padding:5px 8px;font-size: 14px;}
.contact-table .tr1{background: #9bbb59;}
.contact-table .td1{width: 33%;}
.contact-table .td2{width: 35%;}
.contact-table .tr1 b{color:#fff;}
.contact-table .tr2{background: #e6eed5;}
.contact .Font14{font-size: 14px !important;}
.contact hr{width: 51%;height: 2px;background: #00bb92;}

.footer{background: #333;color:#fff;font-size: 14px;}
.footer a,.footer i{color:#ccc;}
.footer .btn-infoo{background: #00bb92;color:#fff;transition: all 0.4s;}
.footer .btn-infoo:hover{background: #fff;color:#00bb92;transition: all 0.4s;}
.footer .text-3c{color:#ccc !important;font-size: 14px;}
.footer .hov-a-right:hover{margin-left: 8px;transition: all 0.4s;color: #fff;}
.footer .inp{border: 2px solid #fff;background: none;font-size: 14px;color:#ccc;}
.footer .inp2{border: 2px solid #fff;background: none;font-size: 14px;color:#ccc;width: 30%;}
.copyright{background: #252525;color:#999;}

.pcbamanufacturing .Font12{font-size: 12px;}
.pcbamanufacturing .table2{font-size: 14px;}
.pcbamanufacturing .table2 td{padding:5px;}
.position i,.position,.position a{color:#8580d4;}
.artimg{width: 60%;margin: 0 auto;}

.gotop{position: fixed;right:20px;bottom: 100px;z-index: 999;}
.gotop img{width: 50px;opacity: 0.7;transition: all 0.5s;border-radius: 50%;box-shadow: 0px 0px 28px 0px #fff;}
.gotop img:hover{opacity: 1;transition: all 0.5s;border-radius: 50%;box-shadow: 0px 0px 28px 0px #f1f3eb;}

.mescon{display: block !important;}
.certificate ul li .active{background:#c3a57b;color: #fff;}
.certificate ul li .active .triangle{border-top: 20px solid #c3a57b;}
.certificate .nav .active .active{background: #c3a57b;color: #fff;}
.certificate ul .active .active .triangle{border-top: 20px solid #c3a57b;}
.features .row .col-md-3 img{box-shadow: 0px 2px 5px 0px #ccc;}

.fixed-contact{position: fixed;margin: 0;left: 20px;top: 32%;border-bottom: 1px solid #c9c9cc;background: #fff;z-index: 999;background:#fff;}
.fixed-contact dd{border: 1px solid #eaeaea;border-bottom: 1px solid #fff;margin: 0;text-align: center;cursor: pointer;padding: 5px;}
.fixed-contact a{color: #ffffff;display: block;padding: 2px 6px;font-size: 20px;border-radius: 50%;background: #ccc;}
.fixed-contact dd:hover a{color: #ffffff;}
.fixed-contact dd:hover{border: 1px solid #bac3ec;border-bottom: 1px solid #bac3ec;}
.fixed-contact dd:nth-child(1) a{background: #a7c59d;}
.fixed-contact dd:nth-child(2) a{background: #3f42a0;}
.fixed-contact dd:nth-child(3) a{background: #897ac7;}
.fixed-contact dd:nth-child(4) a{background: #d86767;}
.fixed-contact dd:nth-child(5) a{background: #313131;}
.fixed-contact dd:nth-child(6) a{background: #a58dbb;}
.fixed-contact dd:nth-child(7) a{background: #a091f3;}
@media (min-width:768px){
	.carousel-control-next, .carousel-control-prev{width: 10%;}
	.carousel-control-prev-icon{background-image: url(../images/arr-left.png);background-repeat: repeat;}
	.carousel-control-next-icon{background-image: url(../images/arr-right.png);background-repeat: repeat;}
	.carousel-control-next-icon, .carousel-control-prev-icon{height: 70px;width: 70px;}
	.section h1{font-size: 40px;color:#353535;}
	.section h2{font-size: 36px;color:#353535;}
	.section h3{font-size: 32px;color:#353535;}
	.section h4{font-size: 28px;color:#353535;}
	.section h5{font-size: 22px;color:#353535;}
	.section h6{font-size: 18px;color:#353535;}
	.section p{font-size: 16px;color:#333333;}
	.navbar-brand img{width: 80%;}
	.navbar-expand-lg{justify-content: space-between;}
	.nav-menu #navmenu{display: block;}
	.nav-menu #navmenu .navbar-nav{-ms-flex-direction: row;flex-direction: row;}
	.nav-menu .dropdown-menu .dropdown-item{padding: .5rem 0;font-size: 16px;}
	.nav-w{display: flex!important;justify-content: space-between!important;}
	.nav-menu .dropdown-menu a:hover.dropdown-item{background: none;color: #222;}
	.nav-menu .telinfo .stel{font-size: 1.5rem;}
	.construction .card-columns{column-count: 4;}
	.quote .PAbg{background: #fff;}
	.bannertext9{width: 36%;top: 30% !important;left: 15% !important;}
	.bannertext10{top: 60% !important;}
	.bannertext8 h2{margin-bottom: 20px !important;}
	.banner h2{font-size: 45px;}
	.customer p{width:70%;margin: 0 auto;}
	.head-topp .nav-menut90{margin-top: 0;}
	.company-nav .list-group{width: 100%;flex-direction: inherit;}
	.features .ofhidden .bytext{height:210px;overflow: hidden;}
	.pcbprototype .ofhidden{height: 410px;}
	
}

@media screen and (min-width: 992px) and (max-width: 1200px) {

}

@media (max-width:768px){
	.banner{height: 35vh;}
	.system .Font40{font-size: 35px;}
	.app-logo{margin-left: 20px;}
	.head-topp .nav-menut90{margin-top: 50px;}
	.product h3,.new h3,.hzqy h3{font-size:22px;}
	.new .btn-primary2{width: 50%;}
	.navbar-brand img{width: 70%;}
	.nav-menu .navbar-nav li{border-bottom: 1px solid #dadada;}
	.navbar-dark .navbar-toggler{right: 0;color:#333 !important;}
	.nav-w{width: 100%;}
	.nav-menu .navbar-nav li a.nav-link{padding: 10px 15px;background: #fff;color: #333 !important;}
	.nav-menu .navbar-nav .dropdown-menu{position: inherit;border: none;background: #efefef;}
	.nav-menu li .dropdown-menu a{color: #6f6f6f;padding: 6px 20px !important;}
	.nav-menu .navbar-nav li .nav-link{font-weight: bold;color:#333;}
	.nav-menu .navbar-nav li:hover .nav-link{font-weight: bold;}
	.nav-menu .tmedia a, .tmedia i{font-size: 14px;}
	.nav-menu .navbar{padding:5px 0; background:#303030; }
	.nav-menu .nav-link{color:#333 !important;}
	.navbar-nav{background: #eee;}
	.nav-menu .navbar-nav li:hover .nav-link{color:#333 !important;}
	.carousel-control-next, .carousel-control-prev{width: 15%;}
	.carousel-control-next-icon, .carousel-control-prev-icon{height: 30px;width: 30px;}

	.team .video-back{padding: 30px 0px;}
	.team .video-back h1{font-size: 30px;width: 90%;}
	.team .video-back p{font-size: 16px;width: 90%;}
	.team .video a{width: 60%;}

	.customer h1{font-size: 30px;}
	.customer h3{font-size: 24px;}
	.customer h5{height: 40px;line-height: 20px;color:#c5c5c5;font-size: 14px;}
	.customer h6{font-size: 20px;}
	.customer h4{font-size: 16px;}

	.resources .card .card-body .p-title{font-size: 25px;}
	.resources .card .card-body p{font-size: 16px}
	.resources .card .card-body a{font-size: 14px;}
	
	.quote .PAbg{background: #f8f9fa;}
	.quote .col-md-8 .borderLR{border:none;}
	
	.service .circleB,.service .circleS,.service .arr-right{display: none;}

}