.inquiry_form label{width:100%;display:var(--i);text-align:left;padding:8px 0 5px;font-size:15px;line-height:20px !important}
.inquiry_form input{font-family:var(--f);height:40px;width:100%;background:var(--w);border:1px solid var(--g1);margin-bottom:6px;padding:7px 10px;outline:none}
.inquiry_form select{ font-family:var(--f); -webkit-appearance: button; appearance: normal; height: 40px; width: 100%; background:var(--w);border:1px solid var(--g1); margin-bottom: 6px; padding: 0 10px; outline: none; cursor: pointer }
.inquiry_form textarea{font-family:var(--f);padding:10px;margin-bottom:0;width:100%;background:var(--w);border:1px solid var(--g1);outline:none}
.inquiry_form .submit{width:100%;font-family:var(--f);padding:5px 30px;font-size:18px;margin-top:0;text-transform:uppercase;word-spacing:0.2px;letter-spacing:1px;border-radius:0;font-weight:normal;height:auto;line-height:29px;color:var(--w);border:1px solid var(--m);background:var(--m);cursor:pointer}
.inquiry_form .submit:hover{border:1px solid var(--v);background:var(--v)}
.ver-code,.identify-box{position:var(--r)}
.check-fa{position:var(--a);bottom:18px;right:140px}
.checkright{color:green}
.ver-code input{width:100%;padding-right:130px}
.ver-code img{display:var(--i);width:110px;height:40px;position:var(--a);right:0;bottom:6px;border:1px solid var(--g1)}
.verification-code img{bottom:6px}
.note-part{font-size:.8em;line-height:1.35;color:var(--b1);display:block;padding-top:5px}
.services-container{padding-top:50px;padding-bottom:50px}
.services-container h2,.services-container h3,.services-container .page-tit3{border-bottom:1px solid var(--g2);padding-top:0px;padding-bottom:10px;margin-bottom:20px;font-size:1.25rem}
.services-container .btn{margin-bottom:20px}
.services-container .row{padding-top:10px;padding-bottom:10px}
.services-container form .row{padding:0}
.banner_inpage{display:block;width:100%;height:550px}
.banner_inpage .auto-container{position:var(--r);max-width:1500px;padding:0 60px;margin:0 auto}
.banner_inpage .banner-table{padding-top:80px}
.banner_inpage .auto-container h1,.banner_inpage .auto-container .page-tit1{color:var(--b);text-align:center;width:100%;margin:0 0 20px;font-size:2.5rem}
.banner_inpage .auto-container p{font-size:1.15rem;text-align:center;font-weight:bold}
.container-title{padding-top:0;padding-bottom:0;position:var(--r);text-align:center}
.bread-crumb{padding-bottom:0}
.bread-crumb li{position:var(--r);display:var(--i);font-size:1em;margin-right:24px;color:var(--m);line-height:30px}
.bread-crumb li .fa{font-size:18px}
.bread-crumb li:last-child{margin-right:0px}
.bread-crumb li:after{content:'\f105';font-family:'icomoon';position:var(--a);right:-20px;top:2px;width:10px;line-height:26px;font-size:14px;color:var(--b)}
.bread-crumb li:last-child:after{display:none}
.bread-crumb li a{color:var(--b);font-weight:400;transition:all 0.3s ease;text-decoration:none}
.bread-crumb li a:hover{color:var(--m)}
.search-head{font-size:18px}
.search_result{width:100%;margin-top:10px;margin-bottom:10px}
.search_result .col-md-12{margin-bottom:15px}
.search_result .col-md-4{margin-bottom:10px;break-inside:avoid}
.search_result .col-md-4 a{display:block;padding:6px 8px;background:var(--g)}
.search_result .col-md-4 a:hover{background:var(--m);color:var(--w)}
.search-note{padding-bottom:30px}
.application-row h3{padding-top:20px !important;margin-bottom:5px !important}
.application-row a:hover{font-weight:bold}
.leftnav{margin-bottom:40px}
.navtitle{background:var(--m);color:var(--w);height:50px;line-height:50px;padding-left:15px;font-size:20px;font-weight:700;margin-bottom:2px}
.navtitle a{color:var(--w)}
.navmenu>li{display:block;margin:0;padding:0;position:var(--r)}
.navmenu>li>ul{background:var(--g)}
.navmenu>li>ul>li{background:var(--g);padding:5px 0;line-height:22px;border-bottom:6px solid var(--w)}
.navmenu>li>ul>li>a{display:var(--i);padding:6px 0px 6px 12px;position:var(--r);border-left:3px solid var(--g);color:var(--b);width:90%;transition:all 0.3s ease;}
.navmenu>li>ul>li:hover,.navmenu>li>ul>li.open{background:var(--g)}
.navmenu>li>ul>li:hover>a,.navmenu>li>ul>li.open>a{border-left:3px solid var(--m);color:var(--m);padding-left:18px;font-weight:bold}
.navmenu .arrow:before{cursor:pointer;content:"\f105";font-weight:bold;float:right;padding:9px 10px;display:inline;font-family:"icomoon";color:#272727}
.navmenu .arrow.open:before{cursor:pointer;float:right;padding:9px 10px;display:inline;font-family:"icomoon";content:"\f107"}
.navmenu>li>ul.sub-menu>li:hover>.arrow:before,.navmenu>li>ul.sub-menu>li.open>.arrow:before{color:var(--m)}
.navmenu>li>ul.sub-menu .sub-menu li.open .arrow:before,.navmenu>li>ul.sub-menu .sub-menu li.open .arrow.open:before{padding:2px 10px}
.navmenu>li>ul.sub-menu .sub-menu{padding:6px 0;background:var(--g)}
.navmenu>li>ul.sub-menu,.navmenu>li>ul.sub-menu .sub-menu{width:100%;list-style:none;margin:0;display:none}
.navmenu>li>ul.sub-menu .sub-menu li .arrow.open:before,.navmenu>li>ul.sub-menu .sub-menu li .arrow:before{padding:0 10px}
.navmenu>li>ul.sub-menu .sub-menu li>a{display:var(--i);padding:2px 0 2px 25px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:0.95em;position:var(--r);width:88%;color:var(--b)}
.navmenu>li>ul.sub-menu .sub-menu li>a:hover{color:var(--m);font-weight:bold}
.navmenu>li>ul.sub-menu .sub-menu .sub-menu{list-style:none;font-size:0.95rem;padding:10px 0 0;display:none}
.navmenu>li>ul.sub-menu .sub-menu .sub-menu li{padding:2px 0 0 0;line-height:22px}
.navmenu>li>ul.sub-menu .sub-menu .sub-menu li>a{padding-left:35px;font-size:0.9rem}
.navmenu>li>ul.sub-menu .sub-menu .sub-menu .sub-menu{padding:8px;margin-bottom:0px;background:#eeeeee}
.leftnav .inquirybox li{width:100%}
.leftnav .greybg{padding:10px 15px}
.owl-carousel .owl-item .owl-leftbox{display:block;text-align:center;padding:20px 5px 0}
.owl-carousel .owl-item .owl-leftbox img{width:150px;height:150px;border-radius:150px}
.owl-carousel .owl-item .owl-leftbox .page-tit4{padding-top:25px;color:var(--b)}
.owl-carousel-left .owl-nav{opacity:0}
.side-support{padding-bottom:30px !important}
.side-support .page-tit4{font-size:1rem;margin-top:10px}
.side-support .btn{padding:5px 30px;margin-top:20px}
.related-prolist li{padding-left:12px;margin-bottom:8px;border-left:3px solid var(--m)}
.related-prolist li a{font-weight:bold}
.inquiry_btn{padding:0.3em 0.8em;clear:both;color:var(--b);background-color:#eeeeee;text-decoration:none;border-radius:10px 0 10px 0;display:var(--i)}
.inquiry_btn:hover{color:var(--w);border-radius:10px 0 10px 0;background:var(--m)}
.service-tit{display:block;margin-bottom:10px}
.service-tit h1,.service-tit .page-tit2{position:var(--r);font-size:1.75rem;font-weight:bold;line-height:1.25;text-transform:none;margin:0;padding-bottom:25px}
.service-tit h1::after,.service-tit .page-tit2::after{content:"";display:var(--i);width:100px;height:3px;background-color:var(--m);position:var(--a);left:0;bottom:10px;z-index:2}
.service-tit.text-center h1::after,.service-tit.text-center .page-tit2::after{left:50%;margin-left:-50px}
.service-tit .pro_btn{font-size:18px;margin:10px 0;display:var(--i);float:right;line-height:24px;padding:6px 30px;width:auto;height:auto}
.container-row-a{width:100%;margin-top:10px;margin-bottom:30px}
.container-row-a li{position:var(--r);margin-bottom:10px;break-inside:avoid;padding:8px;background:var(--g);transition:all 0.3s ease-in-out;padding-left:30px}
.container-row-a li span{position:var(--a);top:8px;left:8px;display:var(--i);float:left;padding-left:5px;line-height:26px;padding-right:15px}
.container-row-a li a{color:var(--b);display:block;line-height:26px}
.container-row-a li:hover{color:var(--w);background:var(--m)}
.container-row-a li:hover a{color:var(--w)}
.project-notes{display:block;width:100%;padding:5px 10px;border-radius:5px;color:var(--b);background:var(--g);margin-top:0px;margin-bottom:0px;margin-top:25px}
.products-list-border{border:1px solid var(--g1);align-items:center;border-radius:10px;height:auto;overflow:hidden;margin:0 0 20px 0;padding:10px 0;transition:all 0.3s ease-in-out;}
.products-name-title{font-size:1.1rem;font-weight:bold;padding:0 0 10px}
.productlist{font-size:0.95rem}
.productlist li{padding-top:5px}
.effect-1{position:var(--r);display:table;width:100%;height:100%;padding-top:10px;padding-bottom:10px}
.effect-1 img{display:table-cell;vertical-align:middle;opacity:1;transition:all 0.3s ease;}
.effect-1 .btn{position:var(--a);left:50%;bottom:50%;margin-left:-59px;margin-bottom:-24px;margin-top:0;opacity:0;transition:all 0.3s ease;}
.products-list-border:hover{border:1px solid var(--w);box-shadow:0 0 8px var(--g1)}
.products-list-border:hover .effect-1 img{opacity:0.1}
.products-list-border:hover .effect-1 .btn{opacity:1}
.pagenav{text-align:right;font-size:14px;text-decoration:none;margin:10px 0;height:auto;overflow:hidden;padding:10px 0}
.pagenav li{display:var(--i)}
.pagenav .active a{padding:2px 12px;margin-right:0;border-radius:5px;color:var(--w);background:var(--m)}
.pagenav a{margin-left:5px;margin-right:5px;color:var(--b);text-decoration:none;padding:2px 12px;border-radius:5px;background:var(--g)}
.pagenav a:hover{color:var(--w);text-decoration:none;background:var(--m)}
.resource-one>div{margin-top:15px;margin-bottom:15px}
.resource-one .resource-img{position:var(--r);height:150px;overflow:hidden;border-top-left-radius:10px;border-top-right-radius:10px}
.resource-one .resource-img span{display:block;height:150px;width:100%;transition:all ease .5s;overflow:hidden}
.resource-one .resource-img img{display:var(--i);min-width:0;min-height:0;width:100%;height:auto;min-height:150px;position:var(--a);top:50%;left:50%;transform:translate(-50%,-50%);}
.resource-one a:hover .resource-img span{transform:scale(1.05)}
.resource-one .resource-h4{padding:20px 15px;margin:0}
.resource-one a{display:block;height:100%;background:var(--g);border-radius:10px}
.resource-one a:hover{box-shadow:0 0 10px #ddd;background:var(--g2)}
.tabs.resources-tabs nav ul{text-align:center}
.tabs.resources-tabs nav ul li{width:160px}
table{border-collapse:collapse;margin:0.5rem 0 1.75rem;width:100%;border:1px solid var(--g2)}
table tr,table th,table td{border:1px solid var(--g2)}
table th,table td{padding:10px 12px;line-height:26px;text-align:left}
table th{background:var(--m);color:var(--w)}
table tr td{background:var(--w);color:var(--b);line-height:1.4;padding:8px 12px}
table tr td a{color:var(--m);text-decoration:none}
table p{padding:0}
table tr:nth-of-type(2n+2) td{background:var(--g)}
table.bt th,table.bt td{font-size:.875rem;padding:0}table.bt th:before,table.bt td:before{padding:6px 2%}table.bt thead,table.bt tbody th{display:none}table.bt th,table.bt td,table.bt tbody td{border:none;display:block;vertical-align:top}table.bt th:before,table.bt td:before{content:attr(data-th) ":";font-weight:bold;width:30%;display:var(--i)}table.bt .bt-hide{display:none}table.bt .bt-content{vertical-align:top;width:62%;display:var(--i);padding:6px 2%}

.producttable{margin-top:20px;border:0}
.producttable th{text-align:center;text-transform:uppercase;padding:10px 12px}
.producttable td{text-align:left;background:var(--w) !important;padding:5px 0}
.producttable tr,.producttable th,.producttable td{border:0}
.pro-imgtd img{max-width:300px;max-height:200px}
#product-table{margin:0 0 30px;border:1px solid var(--g2)}
#product-table tr td{background:var(--w);border:1px solid var(--g2);word-wrap:break-word;max-width:648px}
#product-table tr:nth-of-type(2n+1) td{background:var(--g)}
.related_title h3{color:var(--m);margin-top:0;margin-bottom:20px;border-bottom:1px solid var(--m)}
.pro-newbox{margin-top:10px;margin-bottom:50px}
.table-order td select{padding:5px;border:1px solid var(--b1)}
.owl-carousel-probox .owl-carousel-pro{padding-left:36px;padding-right:36px;padding-top:10px}
.owl-carousel-probox .relate-box{display:table;width:100%;height:220px;background:var(--g);overflow:hidden}
.owl-carousel-probox .related-probox{display:table-cell;vertical-align:middle;padding:15px;text-align:center;word-wrap:break-word}
.owl-carousel-probox .related-probox h4{font-size:0.95em;margin:0}
.owl-carousel-probox .related-probox h4 span{display:block;width:100%;font-weight:normal;padding-top:10px}
.owl-carousel-probox .related-probox p{font-size:0.9em;padding:0;display:-webkit-box;display:-o-box;display:-moz-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;-o-box-orient:vertical;-o-line-clamp:5;-moz-box-orient:vertical;-moz-line-clamp:5;overflow:hidden}
.owl-carousel-probox .owl-nav [class*=owl-]{color:var(--m)}
.owl-carousel-probox .owl-nav [class*=owl-]:hover{color:var(--v)}
.tabs{width:100%;margin-top:30px;margin-bottom:30px}
.tabs .content{position:var(--r);z-index:1;margin-top:10px}
.tabs .content .tb-place{display:none}
.tabs .content .show{display:block}
.tabs nav ul{width:100%;border-bottom:1px solid var(--m)}
.tabs nav li{cursor:pointer;display:var(--i);text-align:center;padding-left:0px;margin-top:0}
.tabs nav li a{display:var(--i);font-size:1.15rem;font-weight:bold;color:var(--b);padding:10px 20px;cursor:pointer}
.tabs nav .tab-current{position:var(--r);z-index:2;color:var(--w);background:var(--m)}
.tabs nav .tab-current a{color:var(--w)}
.tabs nav li{margin-right:0;cursor:pointer;background:#eeeeee;border-radius:10px 10px 0 0}
.tabs .content section{display:none}
.tabs .content .content-current{display:block;padding:5px 0 0}
.careers-form .submit{margin-top:0}
.careers-box{margin-bottom:30px}
.contact-one{margin-top:20px;margin-bottom:40px}
.contact-one .list-style-two li a{color:var(--m)}
.side-title{border-bottom:1px solid var(--g1);padding-bottom:2px;margin-bottom:10px}
.Checkout-box input[type="checkbox"],.check-all{width:14px;height:14px;margin:0}
.Checkout-box input[type="text"],.Checkout-box input[type="email"]{font-family:var(--f);width:100%;height:35px;background:var(--w);border:1px solid var(--g1);padding:0 10px;outline:none;border-radius:5px}
.country-box{position:var(--r)}
.checkout-btn{font-family:var(--f);display:var(--i);text-align:center;padding:0.8em 3em;margin-bottom:0;clear:both;color:var(--w);text-decoration:none;background-color:var(--m);border:0px;cursor:pointer;font-size:16px;font-weight:bold;margin-top:20px;text-transform:uppercase;word-spacing:0.2px;letter-spacing:1px;border-radius:5px}
.checkout-btn:hover{color:var(--w);transition:background-color .3s;background-color:var(--m);font-weight:bold;border-radius:8px}
.feedback-check{padding-top:15px;padding-bottom:15px}
#feedback>div>div{background:var(--g)}
.table-order td select{padding:5px;border:1px solid var(--g1)}
.minus,.plus{display:var(--i);padding:3px 8px;background:var(--g);font-size:18px;cursor:pointer;outline:none}
.basketbox .number.input-sm{width:100px}
.ollist{padding:0px 0px 20px 19px;margin:0px}
.ullist{padding:0px 0px 20px 19px;margin:0px}
.ullist li{list-style:disc;line-height:1.75;padding-bottom:0px}
.ollist li{list-style-type:decimal;line-height:1.75;padding-bottom:0px}
.ullist li>ul{padding-bottom:10px}
.ullist li>ul>li{list-style-type:circle}
.ollist li>ul>li{list-style-type:lower-latin}
.reference{padding-bottom:0px;color:var(--b1) !important}
.ollist.reference-ol li{list-style:decimal;font-size:14px !important;line-height:22px !important;color:var(--b1) !important;padding-bottom:4px !important}
table .ullist,table .ollist{padding-bottom:0}
.serviceshowpic{font-size:0.9em;text-align:center;line-height:1.7em !important;color:var(--b1);display:block;width:100%}
.serviceshowpic img{margin:auto}
.serviceshowleftpic{float:left;margin-right:15px;text-align:center;color:var(--b1);display:var(--i)}
.serviceshowrightpic{float:right;margin-left:15px;text-align:center;color:var(--b1);display:var(--i)}
.serviceshowpic,.serviceshowrightpic,.serviceshowleftpic{font-size:0.9em;text-align:center;line-height:1.7em !important}
.serviceshowpic img,.serviceshowrightpic img,.serviceshowleftpic img{display:block;max-width:100%;height:auto;margin-bottom:8px;margin-left:auto;margin-right:auto}
.successinfo{line-height:30px;line-height:22px;color:var(--b1);padding-bottom:20px}
.successinfo .iconarea .iconunit{text-align:center;display:block;width:40px;height:40px;border-radius:40px;background-color:var(--m);color:var(--w);line-height:40px;font-weight:bolder;font-size:22px;position:var(--r);z-index:9}
.successinfo .tit{font-size:20px;font-weight:bold;color:var(--m);display:block}
.successinfo .iconarea .iconunit img{top:10px;left:5px;position:var(--a);z-index:10}
.e404 img{display:block;max-width:100%;height:auto}
.e404{width:510px;margin:0 auto 20px auto;border:0}
.e404 .etit{font-size:25px;line-height:35px;color:var(--b1)}
.e404 .content{color:var(--b1)}
.e404 a{color:var(--b1);text-decoration:none}
.e404 .btn{border:1px solid var(--g1);padding:8px 10px;margin-right:10px;background-color:var(--g);font-size:13px}
.e404 .btn:hover{border:1px solid var(--m);background-color:var(--m);color:var(--w)}

.modal{display:none;overflow:auto;position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;-webkit-overflow-scrolling:touch;outline:0;background: rgba(0,0,0,.8);}
.fade { opacity: 0; -webkit-transition: opacity .15s linear; transition: opacity .15s linear; }
.fade.in{opacity:1;}
.modal.fade .modal-dialog{-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);transform:translate(0,-25%);-webkit-transition:-webkit-transform .3s ease-out;-moz-transition:-moz-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out;}
.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);}
.modal-dialog{position:relative;width:auto;margin:10px;}
.modal-content{position:relative !important;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5);background-clip:padding-box;outline:0; background: var(--g);}
.modal-content .close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;cursor: pointer; opacity:.8;}
.modal-body{position:relative;padding:20px;}
.modal-header { padding: 15px; min-height: 16.428571429px; }
.inquiry-info {font-family: 'Oswald',Arial,Helvetica,Verdana,Tahoma,sans-serif; font-size: 1.2rem; margin-top: 0; margin-bottom: 20px; }
#QC-Data a[data-href]{display:block;margin-top:15px;padding:8px 10px;background:#e4edf5;border-radius:5px;text-align:center;position:relative;font-weight:bold;transition:all ease .4s;border:1px solid transparent;cursor: pointer;}
#QC-Data a[data-href]:hover,#QC-Data a[data-href]:focus{border:1px solid #a9c3db;background:none;color:#428bca;}
#QC-Data a[data-href]:before{content:"\f1c1";font-family:'icomoon';font-weight:normal;font-size:1.2em;vertical-align:middle;margin-right:5px;}
@media (min-width:768px){.modal-dialog { width: 750px; margin: 30px auto; }}


@media (max-width:1024px){.e404{width:90%;margin:0px auto auto auto;padding-left:20px;padding-right:20px}
}@media (max-width:992px){.service-tit .pro_btn{float:left;margin-top:10px}
}@media (min-width:992px){.cartrow{align-items:center}
}@media (min-width:768px) and (max-width:1279px){.serviceshowleftpic,.serviceshowrightpic{width:100%;text-align:center;margin-bottom:10px}
.serviceshowleftpic img,.serviceshowrightpic img{margin-bottom:15px}
}@media (max-width:768px){.serviceshowleftpic,.serviceshowrightpic{width:100%;text-align:center;margin-bottom:10px}
.serviceshowleftpic img,.serviceshowrightpic img{margin-bottom:15px}
.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar}
.table-responsive table{width:690px}
.table-responsive .tableimgshow tr,.table-responsive .tableimgshow th,.table-responsive .tableimgshow td{padding:5px 0;text-align:left;background:var(--w)}
}@media (min-width:768px){.container-row-a{-moz-column-count:2;-webkit-column-count:2;column-count:2;column-width:50%;column-gap:20px}
.about-one{align-items:center}
}@media (min-width:1500px){.container-row-a{-moz-column-count:3;-webkit-column-count:3;column-count:3;column-width:33%;column-gap:20px}
.services-container h2,.services-container h3,.services-container .page-tit3{font-size:1.4rem}
.about-one{margin:30px -30px}
.about-one>div{padding-left:30px;padding-right:30px}
}@media (max-width:768px){.container-row-a{-moz-column-count:1;-webkit-column-count:1;column-count:1;column-width:100%;column-gap:0} .banner_inpage .auto-container h1,.banner_inpage .auto-container .page-tit1{font-size:1.75rem} .service-tit h1,.service-tit .page-tit2{font-size:1.25rem;} .banner_inpage .auto-container{padding: 0 20px;}
}@media (max-width:550px){.tabs nav li{width:100%;border-radius:10px;margin-top:2px}
.tabs nav li a{font-size:15px}
}