@charset "utf-8";
/* Abrasive Yiyi - Based on Joysun Abrasives Design */
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@400;600;700&display=swap');

img,object{max-width:100%}
img{-ms-interpolation-mode:bicubic;border:0}
body{background:#fff;color:#3d3d3d;font-size:15px;font-family:'Source Sans 3',SourceSansPro,Helvetica,sans-serif;line-height:22px;}
*,li,ol,ul{margin:0;padding:0}
li,ol,ul{float:left;list-style:none}
.clear{clear:both;margin:0;padding:0;height:0;font-size:0;line-height:0;width:0}
a{color:#072980}
a:hover{color:#f7ab00}
a:focus{outline:0;text-decoration:none}
a,a:hover{text-decoration:none}
p{margin-bottom:16px;}
p.top{margin:10px 0;}
span.color{font-weight:700;color:#072980;font-size:16px;margin-bottom:4px;display:inline-block;}
span.color1{color:#f7ab00;font-weight:700;font-size:16px;display:inline-block;margin-bottom:4px;}
span.color2{color:#072980}

.etw_hometitle{padding:15px 0 12px 0;font-size:24px;color:#000;line-height:26px;}
.etw_hometitle a{color:#f7ab00}
.etw_hometitle a:hover{color:#072980}

/* Header */
#header{width:100%;height:auto;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);position:relative;border-bottom:3px solid #f7ab00;}
#headerin{width:100%;height:auto;margin:0 auto;max-width:1160px;}
#etw_logo{width:30%;max-width:398px;height:auto;float:left;padding:10px 0;}
#etw_logo a{display:block;}
#etw_logo img{max-height:70px;}
.logo-text{font-size:28px;font-weight:700;color:#072980;line-height:70px;}
.logo-text span{color:#f7ab00;}

#etw_contact_top{width:50%;float:right;text-align:right;margin:12px 0 5px 5%;z-index:1;position:relative;}
#etw_contact_top a{color:#262626;line-height:20px;padding:2px 8px;font-size:13px;display:inline-block;}
#etw_contact_top a:hover{color:#f7ab00}
#etw_contact_top .tel-top{color:#072980;font-weight:700;font-size:15px;}

.top-nav{width:auto;float:right;}
.container-fluid{padding:0}
.navbar,.navbar-default,.navbar-default .navbar-collapse,.navbar-header,.navbar-nav{background:0;border:0;min-height:inherit;padding:0;margin:0;width:100%}
.navbar-default .navbar-nav li{width:auto;float:none;display:inline-block;}
.navbar-default .navbar-nav>li>a{font-size:17px;padding:2px 14px;color:#262626;font-weight:600;text-transform:uppercase;text-shadow:1px 1px 0 #fff;}
.navbar-default .dropdown-menu{width:770px;left:-250px;}
.navbar-default .dropdown-menus{width:auto!important;left:0!important;}
.navbar-default .dropdown-menu li{width:100%;display:block}
.navbar-default .dropdown-menu li .listp{padding:5px 12px;}
.navbar-default .dropdown-menu li a,.navbar-default .dropdown-menu li ol,.navbar-default .dropdown-menu li ol a{width:100%;display:block;}
.navbar-default .dropdown-menu li a{font-size:18px;color:#333;line-height:18px;padding:8px 12px 4px 12px;clear:both;}
.navbar-default .dropdown-menu li ol a{font-size:14px;color:#888;position:relative;padding:4px 15px 4px 28px;line-height:16px;display:block;font-weight:400;}
.navbar-default .dropdown-menu li ol:last-child a{margin-bottom:10px;}
.navbar-default .dropdown-menu li ol a:before{content:"\f105";font-family:'FontAwesome';position:absolute;left:14px;top:5px;font-weight:normal;}
.navbar-default .navbar-nav li a.dq,.navbar-default .navbar-nav li a:hover{color:#f7ab00;}
.navbar-default .dropdown-menu li a.dq,.navbar-default .dropdown-menu li a:hover{color:#f7ab00;background:none}
.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{color:#f7ab00;background:none;}
.navbar-brand{display:none}

/* Banner */
#etw_banner{width:100%;height:auto;position:relative;text-align:center;border-bottom:8px solid #f7ab00;}
#etw_banner img{width:100%;display:block;}
.banner-placeholder{width:100%;min-height:300px;background:linear-gradient(135deg,#072980 0%,#0a3da8 50%,#072980 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-size:2.5rem;font-weight:700;text-align:center;padding:60px 20px;}

/* Container */
#container{width:100%;height:auto;margin:0 auto;overflow:hidden;background:#fff;}
#etw_container{width:92%;max-width:1160px;margin:0 auto;padding:15px 0;position:relative;}

/* Company intro */
.company{width:100%;}
.company_txt{width:92%;max-width:1160px;margin:0 auto;padding:10px 0;border-bottom:1px dashed #c5c5c5;overflow:hidden;font-size:16px;color:#666;}
.company_txt h2{color:#4a4a4a;font-size:22px;padding:2px 0;margin:20px 0 5px 0;font-weight:600;}
.company_txt a.more{color:#f7ab00;padding:2px 5px;text-decoration:underline;font-style:italic;}
.company_txt a.more:hover{color:#fff;background:#f7ab00;text-decoration:none}

/* Main product grid */
.mainpro ul{width:100%;margin-top:10px;}
.mainpro ul>li{width:23%;margin:0 2.6% 20px 0;}
.mainpro ul li:nth-child(4n){margin-right:0;}
.mainpro ul li:nth-child(4n+1){clear:both}
.mainpro ul li ol,.mainpro ul li ol li{width:100%;float:none;list-style:none;}
.mainpro ul li ol li.product_img{text-align:center;overflow:hidden;border:1px solid #ddd;background:#f9f9f9;display:flex;align-items:center;justify-content:center;}
.mainpro ul li ol li.product_img a img{transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;width:100%;}
.mainpro ul li:hover ol li.product_img a img{transform:scale(1.05);}
.mainpro ul li ol li.product_con a{color:#4a4a4a;display:block;line-height:20px;text-align:center;padding:8px 10px;font-weight:600;}
.mainpro ul li:hover ol li.product_con a{color:#f7ab00;}

/* Inside layout */
#etw_right{width:74%;float:right;}
#etw_sidebar{width:23%;float:left;}

/* Sidebar */
#etw_sidebar .etw_hometitle{color:#4a4a4a;font-size:18px;padding:4px 0 4px 10px;border-left:5px solid #f7ab00;margin-bottom:5px;background:linear-gradient(to right,#f1f1f1,#fff);font-weight:600;text-transform:uppercase;}
#etw_sidebar .etw_hometitle a{color:#4a4a4a;}
#etw_sidebar .etw_hometitle a:hover{color:#f7ab00}
#etw_sidebar .etw_contactin{width:100%;overflow:hidden;color:#555;margin-bottom:30px;}
#etw_sidebar .etw_contact{margin-top:10px;}
#etw_sidebar .etw_contactin p{margin-bottom:10px;line-height:20px;font-size:14px;}
#etw_sidebar .etw_contactin p a{color:#072980;}
#etw_sidebar .etw_contactin p a:hover{color:#f7ab00;}

/* Product list sidebar */
#etw_productlist{width:100%;overflow:hidden;margin:5px 0 20px 0;}
#etw_productlist ul,#etw_productlist ul li,#etw_productlist ul li ol{display:block;width:100%;}
#etw_productlist ul li a{padding:8px 5px 8px 24px;display:block;line-height:20px;}
#etw_productlist ul>li>a{font-size:15px;position:relative;color:#000;border-top:1px dashed #bbb;padding:8px 5px 8px 24px;}
#etw_productlist ul>li:first-child>a{border-top:none;}
#etw_productlist ul>li>a:before{position:absolute;content:"";left:3px;top:13px;border-left:10px solid #f7ab00;border-top:6px solid transparent;border-bottom:6px solid transparent}
#etw_productlist ul>li>a:after{position:absolute;content:"";left:3px;top:13px;border-left:4px solid #fff;border-top:6px solid transparent;border-bottom:6px solid transparent}
#etw_productlist ul li ol a{color:#555;display:block;position:relative;font-size:14px;line-height:20px;border-top:3px double #eee;padding:6px 5px 6px 14px;}
#etw_productlist ul>li>ol:last-child>a{margin-bottom:6px;}
#etw_productlist ul li a:hover,#etw_productlist ul li a.dq{color:#f7ab00;}
#etw_productlist ul>li>a:hover:before,#etw_productlist ul>li>a.dq:before{border-left-color:#f7ab00;}
#etw_productlist ul li,#etw_productlist ul li ol{float:none;}

/* Breadcrumb */
#etw_producttitle{margin:6px auto 0 auto;height:auto;color:#333;line-height:18px;font-size:13px;overflow:hidden}
#etw_producttitle a{color:#999;padding-right:6px}
#etw_producttitle li{display:inline-block}
#etw_producttitle li+li::before{padding:0 5px;color:#ccc;content:"/\00a0"}
#etw_producttitle a:hover{color:#f7ab00}

/* Product title bar */
.protitle1{font-size:17px;display:block;margin:20px 0 15px 0;border-bottom:1px solid #ddd;position:relative;padding:0 0 6px 24px;color:#444;font-weight:600;}
.protitle1:before,.protitle1:after{content:"";position:absolute;left:0;top:4px;background:#ccc;width:10px;height:10px;}
.protitle1:after{left:4px;top:8px;background:#f7ab00;}
.protitle1 a{color:#555}
.protitle1 a:hover{color:#f7ab00}

/* Pro item list (used in About page) */
ul.proitem{margin:0 0 15px 0;width:100%;float:none;list-style:disc;list-style-position:inside;}
ul.proitem li{width:auto;float:none;display:list-item;margin:4px 0;line-height:22px;}

/* Product grid for inner pages */
.etw_products1,.etw_products1 ul{width:100%;height:auto;overflow:hidden}
.etw_products1 ul>li{width:23%;margin:0 2.6% 2% 0}
.etw_products1 ul>li:nth-child(4n){margin-right:0}
.etw_products1 ul>li:nth-child(4n+1){clear:both}
.etw_products1 ul li ol,.etw_products1 ul li ol li{width:100%;float:none;list-style:none;}
.etw_products1 ul li ol li.product_img,.etw_products1 ul li ol li.product_con{width:100%;float:none;list-style:none;}
.etw_products1 ul li ol li.product_img{text-align:center;transition:.3s;border:1px solid #ddd;background:#f9f9f9;display:flex;align-items:center;justify-content:center;}
.etw_products1 ul li ol li.product_img img{width:100%;display:block;}
.etw_products1 ul li:hover ol li.product_img{opacity:.7}
.etw_products1 ul li ol li.product_con a{color:#555;line-height:20px;display:block;text-align:center;margin:8px 0;font-size:14px;font-weight:600;}
.etw_products1 ul li:hover ol li.product_con a{color:#f7ab00;}

/* Detailed product list */
.etw_products,.etw_products ul,.etw_products ul li,.etw_products ul li ol{width:100%;height:auto;overflow:hidden;float:none;list-style:none;}
.etw_products ul>li{margin-bottom:20px}
.etw_products ul li ol li.product_img{width:16%;height:auto;float:left;border:1px solid #ddd;}
.etw_products ul li ol li.product_img:hover{border:1px solid #072980}
.etw_products ul li ol li.product_con{width:81%;height:auto;float:right;text-align:left;color:#777;line-height:22px;}
.etw_products ul li ol li.product_con a{color:#f7ab00;display:block;line-height:18px;font-size:15px;padding:8px 0;text-decoration:underline;}
.etw_products ul li ol li.product_con a:hover{color:#072980;text-decoration:underline}
.etw_products ul li ol li.product_con span{display:block;line-height:20px;}

/* Contact page */
#etw_contactin{width:57%;height:auto;float:left;margin-top:8px;}
#etw_contactin p a{color:#072980;}
#etw_contactin p a:hover{color:#f7ab00;}
#etw_contactin p{margin-bottom:10px!important}
.location{width:57%;height:auto;float:left;margin-top:20px;}
.location iframe{width:100%;height:300px;border:1px solid #ddd;}
#etw_set_feedback_form{float:right;width:39%;overflow:hidden;height:auto;border:1px solid #ddd;background:#fff;text-align:center}
#etw_form_title{overflow:hidden;padding-left:2%;background:#f0f0f0;text-align:left;font-weight:700;line-height:35px;font-size:16px;border-bottom:1px #ddd solid;margin-bottom:12px;}
#etw_form_title .icon-envelope{padding-right:10px}

/* Contact form */
.contact-form-wrap{padding:10px 16px 20px;text-align:left;}
.contact-form-wrap .form-group{margin-bottom:12px;}
.contact-form-wrap label{display:block;font-weight:600;font-size:13px;margin-bottom:4px;color:#333;}
.contact-form-wrap input,.contact-form-wrap textarea,.contact-form-wrap select{width:100%;padding:8px 10px;border:1px solid #ddd;border-radius:2px;font-size:14px;font-family:inherit;background:#fff;}
.contact-form-wrap input:focus,.contact-form-wrap textarea:focus,.contact-form-wrap select:focus{outline:none;border-color:#f7ab00;}
.contact-form-wrap textarea{resize:vertical;min-height:100px;}
.contact-form-wrap .btn-submit{background:#f7ab00;color:#fff;border:none;padding:10px 30px;font-size:15px;font-weight:600;cursor:pointer;border-radius:2px;transition:background .3s;}
.contact-form-wrap .btn-submit:hover{background:#072980;}
.form-success-msg{display:none;background:#e8f5e9;color:#2e7d32;padding:12px;border-radius:2px;text-align:center;font-weight:600;margin:10px 16px;}

/* About page */
.about-story-img{width:100%;min-height:250px;background:linear-gradient(135deg,#f1f1f1,#e0e0e0);display:flex;align-items:center;justify-content:center;color:#999;font-size:2rem;margin-bottom:20px;}

/* Company Tour page */
.gallery-grid{width:100%;overflow:hidden;}
.gallery-grid ul{width:100%;}
.gallery-grid ul li{width:32.66%;margin:0 1% 12px 0;text-align:center;}
.gallery-grid ul li:nth-child(3n){margin-right:0;}
.gallery-grid ul li:nth-child(3n+1){clear:both;}
.gallery-grid ul li .gallery-img{width:100%;aspect-ratio:4/3;background:#f0f0f0;border:1px solid #ddd;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#bbb;margin-bottom:5px;}

/* About Us values */
.about-values-grid{width:100%;overflow:hidden;margin-top:20px;}
.about-values-grid ul{width:100%;}
.about-values-grid ul li{width:31%;margin:0 3.5% 20px 0;text-align:center;}
.about-values-grid ul li:nth-child(3n){margin-right:0;}
.about-values-grid ul li:nth-child(3n+1){clear:both;}
.about-values-grid ul li .value-icon{font-size:2.5rem;margin-bottom:10px;display:block;}
.about-values-grid ul li h4{color:#072980;font-size:16px;margin-bottom:6px;}

/* Application page */
.application-grid{width:100%;overflow:hidden;}
.application-grid ul{width:100%;}
.application-grid ul li{width:48%;margin:0 4% 20px 0;border:1px solid #eee;padding:20px;overflow:hidden;}
.application-grid ul li:nth-child(2n){margin-right:0;}
.application-grid ul li:nth-child(2n+1){clear:both;}
.application-grid ul li .app-icon{font-size:2.5rem;float:left;width:60px;text-align:center;}
.application-grid ul li .app-info{margin-left:70px;}
.application-grid ul li .app-info h4{color:#072980;font-size:16px;margin-bottom:6px;}

/* Footer */
#footer{padding:15px 0 10px 0;width:100%;height:auto;background:#ddd;font-size:14px;border-top:1px solid #fff;}
#etw_footin{margin:0 auto;width:100%;overflow:hidden;text-align:center}
#etw_homefooter{overflow:hidden;width:100%;height:auto;margin-bottom:6px}
#etw_homefooter a{padding:0 20px;border-left:1px solid #333;color:#333;line-height:14px;margin:6px 0;text-transform:uppercase;display:inline-block;}
#etw_homefooter a:hover{color:#f7ab00}
#etw_homefooter a:first-child{padding:0 15px 0 0;border-left:0}
#etw_coper{margin-top:2px;width:100%;line-height:22px}
#etw_coper a,#etw_coper span{display:block;color:#333;font-size:13px;}

/* Breadcrumb for inner pages */
.page-breadcrumb{margin:6px auto 0 auto;height:auto;color:#333;line-height:18px;font-size:13px;overflow:hidden;padding:0;}

/* ==================== RESPONSIVE ==================== */
@media screen and (max-width:1200px){
  .navbar-default .navbar-nav>li>a{font-size:15px;padding:2px 10px}
  #etw_contact_top{margin-top:5px;}
}

@media screen and (max-width:980px){
  #etw_sidebar,#etw_right{width:100%;border:none;float:none;}
  #etw_productlist{display:none}
  #etw_banner{min-height:auto;}
  .banner-placeholder{min-height:200px;font-size:1.8rem;padding:40px 20px;}
  #etw_logo{width:200px;}
}

@media screen and (max-width:767px){
  .top-nav{width:100%;margin:0;}
  .container-fluid,.dropdown-menu,.top-nav{padding:0}
  .navbar,.navbar-default{background:#f7ab00}
  .navbar-toggle{width:40px;line-height:40px;font-size:20px;color:#fff;padding:2px 0;margin:0;border-radius:0;border:0;background:0;cursor:pointer;}
  .navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background:0;color:#072980}
  .navbar-default .navbar-nav li{display:block;width:100%;text-align:left;float:none}
  .navbar-default .dropdown-menu{width:100%;padding:0;left:0}
  .navbar-default .dropdown-menu li ol{display:none}
  .navbar-default .navbar-nav li a{border-bottom:1px solid #999;color:#222;background:#f8f8f8;padding:10px 10px 8px 10px;font-size:15px;text-shadow:none;}
  .navbar-default .navbar-nav .open .dropdown-menu li a{color:#555;background:#f8f8f8;margin-bottom:0;padding:5px 10px 5px 30px;}
  .navbar-default .navbar-nav li a.dq,.navbar-default .navbar-nav li a:hover{border-radius:0;color:#f7ab00!important;background:#eee;border-bottom:1px solid #999;}
  .navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{background:#eee;color:#f7ab00;border-bottom:1px solid #999;border-right:none}

  .mainpro ul li{width:48%;margin-right:4%}
  .mainpro ul li:nth-child(2n){margin-right:0}
  .mainpro ul li:nth-child(2n+1){clear:both;}
  .etw_products1 ul li{width:48%;margin-right:4%}
  .etw_products1 ul li:nth-child(2n){margin-right:0}
  .etw_products1 ul li:nth-child(2n+1){clear:both}
  .etw_products ul li ol li.product_img,.etw_products ul li ol li.product_con{width:100%;float:none;text-align:center}
  .etw_products ul li ol li.product_con a{font-size:14px;padding-top:8px;text-align:center;}
  .etw_products ul li ol li.product_con span{display:none;}
  #etw_contactin{width:100%;}
  #etw_set_feedback_form{width:100%;margin:20px auto}
  .location{width:100%;margin-top:20px;}
  .about-values-grid ul li,.gallery-grid ul li,.application-grid ul li{width:48%;margin-right:4%}
  .about-values-grid ul li:nth-child(3n),.gallery-grid ul li:nth-child(3n),.application-grid ul li:nth-child(2n){margin-right:0}
  .about-values-grid ul li:nth-child(3n+1),.gallery-grid ul li:nth-child(3n+1),.application-grid ul li:nth-child(2n+1){clear:both}
}

@media screen and (max-width:650px){
  .mainpro ul li{width:48%;margin-right:4%}
  .mainpro ul li:nth-child(2n){margin-right:0}
  .mainpro ul li:nth-child(2n+1){clear:both;}
}

@media screen and (max-width:480px){
  .mainpro ul li{width:100%;margin-right:0}
  .etw_products1 ul li{width:100%;margin-right:0}
  .about-values-grid ul li,.gallery-grid ul li,.application-grid ul li{width:100%;margin-right:0}
  #etw_homefooter a{display:block;border-left:0;padding:5px 0;border-bottom:1px dotted #bbb;}
}