@charset "gb2312";
/* CSS Document */
#1 { color: #333; }
* html #1 { color: #666; }
* + html #1 { color: #999; }
body { margin: 0; padding: 0; font-size: 14px; font-family: "Microsoft YaHei"!important; font-family: "΢ÈíÑźÚ"; background-color: #f5f5f5; color: #5D5D5D; }
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, input, textarea, p { padding: 0; margin: 0; font-family: "Microsoft YaHei"!important; border: 0 none; }
h1, h2, h3 { font-weight: 500; }
ol, ul, li { list-style: none; }
img { border: none; }
a { color: #332c2b; text-decoration: none; }
a:hover { color: #332c2b; text-decoration: none; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-table; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
* + html .clearfix { min-height: 1%; }
.fl { float: left; }
.fr { float: right; }
.white { background: #FFFFFF; }
.gray { background: #f5f5f5; }
.bge3e3e3 { background: #e3e3e3; }
.wrap { width: 100%; height: auto; overflow: hidden; min-width: 1200px; }
.container { width: 1200px; margin: 0 auto; height: auto; overflow: hidden; }
/* spacing */
.overflow { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.tr2 { transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; }
.pd20 { padding: 20px 0; }
.pd50 { padding: 50px 0; }
.pb40 { padding-bottom: 40px; }
.pt20 { padding-top: 20px; }
.mt20 { margin-top: 20px; }
/* plate title */
.title { width: 100%; height: auto; text-align: center; margin: 48px 0 30px; }
.title h1 { font-size: 25px; color: #0054a7; letter-spacing: 8px; font-weight: 500; }
.title span { font-size: 15px; font-family: arial; color: #acacac; letter-spacing: 8px; display: block; margin-top: 5px; }
/*----------------------Header----------------------*/
header { width: 100%; height: auto; }
.wd1200 { width: 1200px; height: 90px; margin: 0 auto; }
.logo { width: 140px; float: left; text-align: center; }
.logo img { width: 125px; margin-top: 7px; }
.nav { width: 1060px; height: 60px; float: left; margin-top: 30px; }
.nav li { text-align: center; float: left; position: relative; }
.nav li:nth-last-child(1) { border-right: 0; }
.nav li a { font-size: 14px; text-decoration: none; padding: 0 10px; height: 60px; line-height: 60px; display: block; }
.nav li span.whatsApp { float:left;padding-left:20px; padding-top:20px;}
.nav li span.whatsApp a { display:inline-block;padding:0;height:20px; line-height:20px;}
.nav ul.dropdown { position: relative; width: 100%; }
.nav ul.dropdown li > ul { display: none; position: absolute; top: 60px; z-index: 99; width: 300px; background: rgba(0,0,0,.7); }
.nav ul.dropdown li:hover > ul { display: block; }
.nav ul.dropdown ul li:hover > ul { left: 300px; top: 0px; }
.nav ul.dropdown li ul li { font-weight: normal; border: none; width: 100%; text-align: left; }
.nav ul.dropdown ul li a { display: block; color: #fffbd5 !important; height: 40px; line-height: 40px; }
.nav ul.dropdown ul li a:hover { color: #0c96fe !important; }

.nav ul.dropdown li .keywords { width: 200px; height: 20px; line-height: 20px; padding: 5px; margin-top: 15px; margin-left: 30px; float: left; }
.nav ul.dropdown li a.search { width: 30px; height: 30px; background: url(../images/icon/search.png) no-repeat 3px; background-size: 24px; display: block; float: left; padding: 0; background-color: #fff; margin-top: 15px; }
/*banner*/
.bannerBox .pnext { background: url(../images/icon/right.png) no-repeat; position: absolute; top: calc(50% -10px); right: calc(50% - 600px); width: 64px; height: 64px; z-index: 2; display: block; }
.bannerBox .prev { background: url(../images/icon/left.png) no-repeat; position: absolute; top: calc(50% - 10px); left: calc(50% - 600px);; width: 64px; height: 64px; z-index: 2; display: block; }
.bannerBox img { margin: 0 auto; display: block; }
.bannerBox .swiper-slide { height: 700px; }
.bannerBox .swiper-slide a { margin:0 auto;width:1200px;height:700px; display:block;}
/* Hot products */
.hot_product li { width: 285px; height: auto; margin-right: 20px; margin-top: 20px; background: #fff; float: left; }
.hot_product li:nth-child(4n) { margin-right: 0; }
.hot_product li h2 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: normal; font-size: 14px; padding: 10px; }
.hot_product li img { width: 285px; height: 285px; }
.promore { display:block;width:150px;height:40px;line-height:40px; text-align:center;margin:10px auto 0;background:#ccc;font-size:16px;border-radius:5px;}
/* Index News */
.newsbg { width: 100%; height: 500px;background:#fff;}
.index_news { width: 1080px; height: auto; background: rgba(255, 255, 255, 0.8);  margin: 100px auto 0; padding: 60px 60px 20px; overflow:hidden; }
.index_news h3 { font-size: 25px; }
.index_news dl { width: 780px; float: left; height: 40px; line-height: 40px; border-bottom: 1px dashed #999; }
.index_news dl dd { float: right; }
.index_news dl a { color: #666; }
.index_news dl a:hover { color: #0054a7; }
/* Index About Us */
.index_aboutus { width: 1200px; height: auto; overflow: hidden; margin: 20px auto; }
.index_aboutus li { float: left; }
.index_aboutus li.first { width: 680px; }
.index_aboutus li.last { width: 520px; }
.index_aboutus li img { width: 100%; }
.index_aboutus li.last p { display: block; padding: 20px 0 0 40px!important; line-height: 34px; }
.index_aboutus li.last a { padding: 0 30px; height: 50px; line-height: 50px; text-align: center; display: block; float: right; background: #0054a7; color: #fff; font-size: 18px; margin-top: 50px; font-family: "ËÎÌå"; font-weight: bold; }
/* footer */
footer { width: 100%; height: 260px; background: #c4c4c4; padding: 70px 0 0; }
.footerNav { width: 1200px; height: 220px; margin: 0px auto; }
.footerNav ul { width: 260px; float: left; margin: 0 20px; height: auto; }
.footerNav ul.second { width: 140px; }
.footerNav ul li { float: left; width: 100%; height: 40px; line-height: 40px; }
.footerNav ul h2 { border-bottom: 2px solid #0054a7; display: block; position: relative; }
.footerNav ul span:before { content: ''; position: absolute; bottom: -2px; width: 30%; height: 0px; z-index: 10px; display: block; border-bottom: 2px solid #fff; }
.footerNav .page_des { width: 300px; height: auto; overflow: hidden; background: #666; color: #aaa; padding: 20px; float: right; margin-top: -115px; }
.page_des .cl-qrcode { width: 100%; height: auto; overflow: hidden; }
.page_des .cl-qrcode ul { width: 150px; height: auto; float: left; margin: 0; padding: 0; }
.page_des .cl-qrcode ul img { width: 135px; }
.page_des .cl-qrcode ul h2 { border-bottom: 2px solid #0054a7; display: block; position: relative; height: 30px; width: 80%; float: right; }
.page_des .cl-qrcode ul h2 span.rt { font-weight: 100; font-size: 16px; line-height: 30px; float: right; }
.page_des .cl-qrcode ul h2 span.rt:before { content: ''; position: absolute; bottom: -2px; width: 30%; right: 0; height: 0px; z-index: 10px; display: block; border-bottom: 2px solid #fff; }
.page_des .cl-qrcode ul li { width: 80%; float: right; }
.page_des .cl-qrcode ul li a { width: 30px; height: 30px; display: block; float: left; margin: 5px 2px; }
.page_des .cl-qrcode ul li a.facebook { background: url(../images/icon/icon-facebook.png) no-repeat; }
.page_des .cl-qrcode ul li a.webin { background: url(../images/icon/icon-linked.png) no-repeat; }
.page_des .cl-qrcode ul li a.twiter { background: url(../images/icon/icon-twitter.png) no-repeat; }
.page_des .cl-qrcode ul li a.google { background: url(../images/icon/icon-google.png) no-repeat; }
.page_des .cl-qrcode ul li a.youtobe { background: url(../images/icon/icon-youtobe.png) no-repeat; }
.page_des .cl-qrcode ul li a.blog { background: url(../images/icon/icon-blog.png) no-repeat; }
.page_des .cl-qrcode ul li a.gmail {  background: url(../images/icon/icon-gmail.png) no-repeat;}

.page_des .cl-cus { width: 100%; height: auto; overflow: hidden; }
.page_des .cl-cus li { padding-left: 36px; float: left; line-height: 24px; width: calc(100% - 36px); margin: 5px 0; }
.page_des .cl-cus h2 { border-bottom: 2px solid #0054a7; display: block; position: relative; height: 30px; }
.page_des .cl-cus h2 span { font-weight: 100; font-size: 16px; line-height: 30px; float: right; }
.page_des .cl-cus h2 span:before { content: ''; position: absolute; bottom: -2px; width: 30%; height: 0px; z-index: 10; display: block; border-bottom: 2px solid #fff; }
.page_des .cl-cus li.add { background: url(../images/icon/position.png) no-repeat 0 2px; background-size: 24px; }
.page_des .cl-cus li.number { background: url(../images/icon/whatsapp.png) no-repeat 0 2px; background-size: 24px; }
.page_des .cl-cus li.mail { background: url(../images/icon/mail.png) no-repeat 0 2px; background-size: 24px; }