body{ margin:0 auto; padding:0; background:url(images/body.gif) no-repeat top center #ffd93a;}
html { font-size: 12px; color:#333; font-family:Arial, Helvetica, sans-serif;}
body,div,input{ font-size: 12px; font-family:Arial, Helvetica, sans-serif;}
a {color:#333; text-decoration:none; }
a:hover{ color:red; text-decoration:none;}
.clr, .clear{ clear:both;}
p,h2,h1,form { margin:0; padding:0;}
img {border:0; vertical-align:middle; max-width: 100%;}
#Wrapper { margin:0 auto; padding:0;}

/* TOP */
#headWrapper { width:1004px; padding:0; margin:0 auto;}
.keywords{width:1004px; display:none; margin:0; padding:0;}
.keywords a{ font:100 12px/18px Arial, Helvetica, sans-serif; padding:0 10px;}
#header{position: relative; width:1004px; padding:0; margin:0 auto; clear:both;}
#header .logo{width:482px; height:111px; float:left;text-align:center;padding:0;}
#header .logo a{width:482px; height:111px;float:left;text-align:left;padding:0;}
#header .logo_r {float:left; text-align:left; width:370px; margin:10px 0 0 0;padding:10px 0;}
#header .logo_r .email{padding:0 20px;color:#000; font:100 17px/22px "宋体" arial; display:block;margin:0;}
#header .logo_r .email a {color:#0162c0;}
#header .logo_r .website{ float:left; text-align:left; width:175px; margin:0 5px;padding:0}
#header .logo_r .website a{ padding:0 15px; color:#f99406; font:100 17px/22px Arial, Helvetica, sans-serif;}
#header .logo_r .website span{ color:#0162c0; font:bold 17px/22px "宋体" arial;}
#header .ads{ float:right; text-align:right; width:130px; padding:10px; margin:0;}

.com-pdf {position: absolute; font-size: 16px; line-height: 30px; font-weight: bold; top: 80px; right: 230px;}
.com-pdf a {color: #125aee;}

.header_site_nav{ float:left; padding:0; margin:0; z-index:400; position:relative;}

.shortToggleBtn {
    width:200px !important;
    cursor:default !important;}

.all-goods{top:34px; left:0;width:270px;  overflow:visible; position: absolute; margin:0; padding:0; border:2px solid #88becb;}
.all-goods .item{width:270px;height:30px; border-bottom:1px solid #CCC;}
.all-goods .btnone{position: relative; border-top:none;  margin:0; padding:0;}
.all-goods .item .product{z-index:999; width:270px; background:#fff; height:30px; margin:0; padding:0; }
.all-goods .item .product h3{width:270px;background:#fff; height:30px; font-weight:normal;line-height:30px; border-bottom:1px #ccc solid; margin:0; padding:0;}
.all-goods .item .product h3 a{ display:block; text-indent:4px; height:30px; color:#1a65a6; font:normal 13px/30px arial; width:270px; cursor:pointer; margin:0; padding:0;}
.all-goods .item .product h3 a:hover{text-decoration:none; color:#fff;}
.all-goods .active .product h3{line-height:30px; background:#ffd93a; width:270px; margin:0; padding:0;}
.all-goods .active .product h3 a{color:#ff6600;}
.all-goods .product-wrap{top: 0; left: 270px; width:690px; z-index:99; border:1px solid #ffd93a; background:#8ec1e0; display:none; position:absolute; margin:0; padding:0;}
.all-goods .product-wrap p{color:#999999;}
/* .all-goods .pos01{left:270px;top:0;}
.all-goods .pos02{left:270px;top:31px;}
.all-goods .pos03{left:270px;top:62px;}
.all-goods .pos04{left:270px;top:93px;}
.all-goods .pos05{left:270px;top:124px;}
.all-goods .pos06{left:270px;top:155px;}
.all-goods .pos07{left:270px;top:186px;}
.all-goods .pos08{left:270px;top:160px;}
.all-goods .pos09{left:270px;top:248px;}
.all-goods .pos10{left:270px;top:279px;}
.all-goods .pos11{left:270px;top:250px;}
.all-goods .pos12{left:270px;top:160px;}
.all-goods .pos13{left:270px;top:372px;}
.all-goods .pos14{left:270px;top:353px;}
.all-goods .pos15{left:270px;top:384px;}
.all-goods .pos16{left:270px;top:415px;} */

.all-goods .product-wrap h2{font-size:16px; line-height:30px; color:#000; font-weight:bold; height:30px; background:#ffd93a;}
.all-goods .product-wrap h2 a{height:auto;line-height:30px;color:#fff; padding-left:20px;}
.all-goods .product-wrap ul{ width:680px; display:block; margin:0; padding:5px; list-style-type:none;}
.all-goods .product-wrap ul li{float:left; height:30px; display:inline; margin:2px; white-space:nowrap; width:200px; text-align:left; border:1px solid #fff;}
.all-goods .product-wrap ul li a{ display:block; width:200px; text-indent:10px; color:#000;display:inline-block;line-height:30px; height:30px; font-size:14px; text-decoration:none;font-weight:bold; overflow:hidden;white-space: nowrap;text-overflow: ellipsis; font:normal 14px/35px 'UnitedItalicRgHv', Arial, Helvetica, sans-serif; text-transform:capitalize;}
.all-goods .product-wrap ul li a:hover{text-decoration:none; background:#ffd93a;color:#fff; width:200px; text-indent:10px;}
.all-goods .product-wrap div dd,.all-goods .product-wrap div dl a{display:block;width:185px;height:120px;overflow:hidden;}


/*导航*/
.menu { width:1004px; background:url(images/nav_bg.gif) repeat-x; height:43px; margin:0px auto; padding:0;}
.menu ul{ width:1004px; margin:0; padding:0; list-style-type:none;}
.menu ul li{ float:left;  padding:0 8px;}

 /* BODY */
#mainWrapper {width:1004px; padding:0; margin:0 auto; }
#mainContent{ width:1004px; margin:0; padding:0; overflow:hidden;}

#index_content{ width:1004px; margin:0; padding:0;}
.search{ width:1004px; text-align:center; margin:0 auto; padding:20px 0;}
.search .searchtext{ width:500px; border:1px solid #CCC; border-right:none; border-radius:3px; height:22px; }


/* RIGHT */
#main-right{ width:698px; float:right; color:#333; overflow:hidden; padding:0; margin:0;}

/* Footer ==== */
.footer{width:1004px; background:#fff; margin:10px auto 0 auto; clear:both; overflow:hidden;}
.footer .copyright{width:1004px; text-align:center; color:#000; font:500 16px/32px arial; padding:10px 0;}
.footer .copyright a{ color:#000;}
.footer .contact{width:1004px; text-align:center; color:#000; font:500 16px/22px arial; padding:5px 0;}
.footer .contact a{color:#f79300; font:500 26px/22px arial; text-transform:uppercase;}
.footer .company{width:1004px; text-align:center; color:#000; font:500 16px/22px arial; padding:5px 0;}
.footer .company b{ font-weight:bold;}
.footer .language{width:1004px; text-align:center; margin:0; padding:10px 0; clear:both; overflow:hidden;}
.footer .language a{ float:left; color:#0900f1; font:500 13px/18px arial; padding:5px 20px;}


/* PAGE */
#showpage {height:30px; font:100 12px/30px Arial, Helvetica, sans-serif; text-align:right; font-size:12px; clear:both;  padding:4px 14px;  color:#000; font-weight:100; margin:10px 0;}
#showpage a{border:1px solid #333; color:#000; padding:1px 5px; font:100 11px/26px Arial; text-decoration:none;}
#showpage a:hover{ color:#000}

/* TITLE */
#bar{padding:0; text-align:left;font:bold 12px/25px Arial; margin:0; text-transform:capitalize; color:#333;  height:30px; border-bottom:1px solid #ccc; margin-bottom:10px;}
#bar span { display:none;}
#bar b{color:#b20808; font:bold 12px/25px Arial, Helvetica, sans-serif; }
#bar b a, #bar a { color:#000;font:bold 12px/25px Arial, Helvetica, sans-serif; }
#bar p{ color:#b20808;}
#bar a:hover{ text-decoration:underline;}
#bar_views{width:698px; background:#2b60a1; height:34px; text-indent:8px; color:#fff; font:bold 13px/34px Arial;}

#probar{ width:698px; background:#2b60a1; height:34px; text-indent:18px; color:#fff; font:bold 12px/34px Arial;}
#probar span { display:none;}
#probar a{ color:#fff; line-height:30px; padding:5px;}
#probar a:hover{ color:#f00;}

#navBreadCrumb{width:698px; background:#2b60a1; height:34px; text-align:left; color:#fff; font:bold 13px/34px Arial;}
#navBreadCrumb span { display:none;}
#navBreadCrumb a{ color:#fff; line-height:34px; padding:10px;}
#navBreadCrumb a:hover{ color:#f00;}

/* Cart */
.topcart { margin:0 10px; font:700 11px/20px Tahoma, Geneva, sans-serif; width:228px; color:#333; height:20px; text-align:left; display:block; }
/* 2Products*/
#prohref a{ display:block; font-size:11px; width:188px; overflow:hidden; height:20px; color:#333; text-align:center; line-height:20px; float:left; margin:0 4px 4px 4px; background:#fff; text-transform:capitalize; border:1px solid #ddd; display:block;}
#prohref a:hover{ background:#f0f8fd; border:1px solid #bae4ff;}


/* News */
.news_box_{ width:770px; height:120px; overflow:hidden; padding:6px 0; border-bottom:1px dashed #ccc; margin:0 auto;}
.newstile_{ height:20px; font:bold 14px/20px Arial, Helvetica, sans-serif; padding:0;}
.newstile_ a{ color:red;}
.newpic_{ width:135px; border:1px solid#666; height:130px;}
.newscont_{ width:625px; text-align:left; font:100 11px/16px Arial, Helvetica, sans-serif; color:#555;}

/* Track */
.track_box{padding:0 5px 5px 5px;margin:0 auto;height:190px; width:182px; overflow:hidden; list-style-type:none; border-top:0;}
.roll_order{ width:182px; font:100 11px/16px Arial, Helvetica, sans-serif; background:url(images/icon_car_gray.gif) no-repeat; padding-left:15px; margin-bottom:8px;color:#666;}
.roll_order b{ font-weight:bold; color:#333;}
.roll_order a{ color:#666;}
.roll_order a:hover{ color:#000; text-decoration:underline;}

.table-bordered {
  border: 1px solid #dee2e6;
}
.table {
  width: 100%;
  margin-bottom: 1rem;
  color: #212529;
  font-size: 12px;
  background: #fff;
}
table {
  border-collapse: collapse;
}
.table-bordered td, .table-bordered th {
  border: 1px solid #dee2e6;
  text-align: center;
}
.table td, .table th {
  padding: .275rem;
  vertical-align: top;
  border-top: 1px solid #dee2e6;
}
.small-img {margin-top: 15px; display: flex; justify-content: center;}
.small-img a {margin: 0 2px; border: 1px solid #efefef; transition: all .3s ease-in-out;}
.small-img a:hover {border-color: #0162c0;}
.small-img img { max-height: 80px;}
.whatsapp { margin: auto; text-align: center;}
.brochure-header {margin-bottom: 15px;}
.brochure-box { margin-bottom: 15px; display: flex; align-items: center;}
.brochure-box .brochure-img {flex: 0 0 280px;}
.brochure-box .brochure-detail { font-size: 28px; font-weight: bold; color: #0162c0;}