/*
Theme Name:zbtrade
Theme author:www.boke8.net
*/
article,aside,details,figcaption,figure,footer,header,main,nav,section{display:block;}
div,html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0;}
body{background:#fff;font:100%/1.5em 'Microsoft Yahei',tahoma,Arial;}
a{text-decoration:none;}
li{list-style:none;}
.clear{clear:both;}
a img{border:none;}
.fix-bg{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.7);display:none;z-index:3;}

/*owl-carousel*/
.owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;z-index:1;}
.owl-carousel img{width:100%;height:auto;display:block;}
.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden;}
.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.owl-carousel .owl-stage-outer{position:relative;-webkit-transform:translate3d(0px,0px,0px);}
.owl-carousel .owl-wrapper,.owl-carousel .owl-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);}
.owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;}
.owl-carousel .owl-nav.disabled,.owl-carousel .owl-dots.disabled{display:none;}
.owl-carousel .owl-nav .owl-prev,.owl-carousel .owl-nav .owl-next{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-indent:-9999em;width:43px;height:82px;position:absolute;top:50%;}
.owl-carousel .owl-nav .owl-prev{background:url(images/controls.png) no-repeat center center;left:7%;}
.owl-carousel .owl-nav .owl-next{background:url(images/controls.png) no-repeat center center;right:7%;}
.owl-carousel.owl-loaded{display:block;}
.owl-carousel.owl-loading{opacity:0;display:block;}
.owl-carousel.owl-hidden{opacity:0;}
.owl-carousel.owl-refresh .owl-item{visibility:hidden;}
.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:0.2;}
.owl-carousel.owl-drag .owl-item.active{opacity:1;}
.owl-carousel.owl-grab{cursor:move;cursor:grab;}
.owl-carousel.owl-rtl{direction:rtl;}
.owl-carousel.owl-rtl .owl-item{float:right;}
.no-js .owl-carousel{display:block;}
.owl-carousel .animated{animation-duration:1000ms;animation-fill-mode:both;}
.owl-carousel .owl-animated-in{z-index:0;}
.owl-carousel .owl-animated-out{z-index:1;}
.owl-carousel .fadeOut{animation-name:fadeOut;}
@keyframes fadeOut{
  0%{opacity:1;}
  100%{opacity:0;}
}
.owl-height{transition:height 500ms ease-in-out;}
.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity 400ms ease;}
.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d;}
.owl-nav{text-align:center;-webkit-tap-highlight-color:transparent;}
.owl-nav [class*='owl-']{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px;}
.owl-nav .disabled{opacity:0.5;cursor:default;}
.owl-nav.disabled + .owl-dots{margin-top:10px;}
.owl-dots{text-align:center;-webkit-tap-highlight-color:transparent;position:absolute;bottom:0px;width:100%;left:0;}
.owl-dots .owl-dot{display:inline-block;zoom:1;*display:inline;cursor:pointer;}
.owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity 200ms ease;border-radius:30px;}
.owl-dots .owl-dot.active span,.owl-dots .owl-dot:hover span{background-color:#024890;}

/*gold*/
.inner{width:1200px;max-width: 93.75%; margin:0 auto;}
.thumbnail{position:relative;}
.thumbnail a{display:block;position:relative;overflow:hidden;padding-bottom:100%;}
.thumbnail img{display:block;position:absolute;left:0;top:0;width:100%;height:auto;min-height:100%;}
.boxtitle{font-weight:normal;font-size:16px;height:40px;line-height:40px;padding:0 15px;background-color:#f4f4f4;border-top:2px solid #37408E;border-bottom:1px solid #eee;}

/*topbar*/
.topbar{height:32px;width:100%;background-color:#f6f6f6;border-bottom:1px solid #eee;line-height:32px;font-size:0.75em;color:#707070;overflow:hidden;}
.topbar a{color:#707070;}
.topbar a:hover{color:#f60;}
.topbar-left{float:left;}
.topbar-left span.fav{margin-right:20px;}
.topbar-left span.fav a{background:url(images/favbg.png) no-repeat 0 -7.5px;padding-left:20px;}
.topbar-left span.fav a:hover{background-position:0 -67px;}
.topbar-right{float:right;}
.topbar-right a{display:inline-block;float:left;background:url(images/icon-sns-zh.gif) no-repeat 0 0;width:24px;height:24px;text-indent:-9999em;margin:4px;}
.topbar-right span.tencent a{background-position:0 -31px;}
.topbar-right span.qq a{background-position:0 -92px;}
.topbar-right span.weixin a{background-position:0 -62px;}

/*.topbar-right .fav a {text-indent:0; width:auto; background:none; margin:0 30px 0 0;}*/
.weixin-qrcode{background-color:#fff;width:200px;height:220px;padding:10px;position:fixed;left:50%;top:50%;margin:-105px 0 0 -105px;font-size:0.875em;text-align:center;display:none;z-index:4;}
.weixin-qrcode img{display:block;width:100%;height:200px;}

/*header*/
#header{padding:10px 0;}
#header .inner {position: relative; overflow: hidden;}
/*logo*/
#logo{float:left;}
#logo a{display:block;width:350px;height:80px;background:no-repeat left center;background-size:contain;text-indent:-99999em;overflow:hidden;}
/*hotTel*/
#hotTel {position: absolute; right: 0;top: 50%; background:url(images/tel.png) no-repeat left 13px;padding-left:50px;transition:all 0.4s ease 0s; transform: translateY(-50%);}
#hotTel p{font-size:14px;color:#888;}
#hotTel a{color:#F65E4F;font-size:2em;color:#F65E4F;}

/*nav*/
#menu{background-color:#37408E;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;height:42px;position:relative;}
#menu li{float:left;line-height:42px;width:11.75%;margin:0 1.25%;text-align:center;display:inline-block;position:relative;}
#menu li a,#nav ul li a{color:#fff;display:block;}
#menu li a:hover,#menu li.on a,#menu li a.on{background-color:#F65E4F;}
#menu li ul{position:absolute;left:0;top:42px;width:200%;z-index:51;background-color:#F65E4F;display:none;border-top:1px solid #e75547;}
#menu li li{float:none;width:100%;display:block;clear:both;margin:0;font-size:1em;text-align:left;}
#menu li li a{padding-left:15%;border-bottom:1px solid #ee4d3e;border-top:1px solid #f56f62;}
#menu li li a:hover,#nav ul li a:hover{background-color:#37408E;}
#menu li em {display:none;}


.navbtn{position:absolute;right:0;top:50%;transform:translateY(-50%);overflow:hidden;width:30px;height:30px;cursor:pointer;display:none;}
.navbtn span{display:inline-block;float:left;width:13px;height:13px;background-color:#37408E;border:1px solid #fff;border-radius:3px; opacity: .95;}

/*mobilenav*/
#nav{background-color:#F65E4F;display:none;}
#nav ul li{font-size:1em;line-height:42px;border-top:1px solid #f57164;border-bottom:1px solid #e75547;}
#nav ul li a{padding-left:5%;}
#nav ul li ul{border-top:1px solid #e75547;}
#nav ul li li a{padding-left:8%;}

/*slidershow*/
#slidershow{position:relative; margin-top: 15px; overflow:hidden; clear: both;}

/*container*/
#container{overflow:hidden; padding: 15px 0;}

/*sidebar*/
.sidebar{width:300px;float:left;}
.widget{border:1px solid #eee;margin-bottom:15px;overflow:hidden;}
.widget ul li{line-height:1.75em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:url(images/dot.jpg) no-repeat left center;padding-left:10px;}
.widget ul li a{color:#222;}
.widget .textwidget,.widget ul,.widget #searchform,.widget .tagcloud{padding:10px;font-size:0.875em;}
.widget .textwidget p{margin-bottom:10px;}
.widget .textwidget p a{color:#000;}
.widget .textwidget img{width:100%;height:auto;}

.widget .pro{padding:15px 0;border-bottom:1px dashed #eee;background:none;}
.widget .pro:last-child {border-bottom:none;}
.widget .pro .thumbnail{float:left;width:100px;}
.widget .pro p{margin-left:110px;overflow:hidden;}
.widget .pro a{max-height:5.25em;overflow:hidden; white-space: normal; display: -webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
/*divTags*/
#divTags ul{overflow:hidden;}
#divTags li{float:left;border-bottom:none;background:none;padding-left:0;}
#divTags li a{display:block;float:left;font-size:12px;background-color:#E1474D;padding:0 8px;border-radius:2px;margin:2px 5px 2px 0;overflow:hidden;color:#fff;}
#divTags li a:hover{opacity:0.9;}
#divTags li span{display:none;}
#divTags li:nth-child(8n-7) a{background-color:#8A9B0F;}
#divTags li:nth-child(8n-6) a{background-color:#EB6841;}
#divTags li:nth-child(8n-5) a{background-color:#3FB8AF;}
#divTags li:nth-child(8n-4) a{background-color:#FE4365;}
#divTags li:nth-child(8n-3) a{background-color:#FC9D9A;}
#divTags li:nth-child(8n-2) a{background-color:#EDC951;}
#divTags li:nth-child(8n-1) a{background-color:#C8C8A9;}
#divTags li:nth-child(8n) a{background-color:#83AF9B;}
#divTags li:first-child a{background-color:#E1474D;}
#divTags li:last-child a{background-color:#3299BB;}
#sideMenu h3{background:#37408E;color:#fff;}
#sideMenu h3 a{color:#fff;}
#sideMenu ul{background-color:#F65E4F;padding:0;}
#sideMenu li{background:none;padding-left:0;font-size:14px;}
#sideMenu li a{color:#fff;display:block;padding:8px 5% 8px 15px;border-bottom:1px solid #ee4d3e;border-top:1px solid #f56f62;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:url(images/arrow-right.png) no-repeat 95% center;}
#sideMenu ul li a:hover{background-color:#f17164;}
#sideMenu ul li a i{float:right;}
#divCalendar table{width:100%;text-align:center;padding:10px 0;}
#divCalendar table a{color:#F65E4F;font-weight:bold;}
#divCalendar table caption{margin-top:10px;}
#divSearchPanel form{text-align:center;padding:10px 0;}
#divSearchPanel input[type="text"]{border:1px solid #ddd;padding:5px;width:50%;}
#divSearchPanel input[type="submit"]{cursor:pointer;background-color:#F65E4F;color:#fff;border:none;border-radius:3px;height:28px;padding:0 5px;}
.main{margin-left:320px;overflow:hidden;}
.about h3{padding:0 2%;margin-bottom:15px;}
.about img{display:block;width:100%;max-width:100%;height:auto!important;}
.about p{text-align:justify;font-size:0.875em;line-height:1.75em;margin-bottom:15px;}
#container .banner{margin-bottom:15px;}
#banner{margin-top:15px;}
.banner img,#banner img{width:100%;height:auto;display:block;}

/*breadcrumb*/
#breadcrumb .info {background:#f3f3f3 url(images/home.png) no-repeat 10px 9.5px;padding-left:25px;border-bottom:1px solid #eee;height:30px;line-height:31px;font-size:12px;color:#555;}
#breadcrumb a{color:#555;}

/*homeProMenu*/
.homeProbox{overflow:hidden;margin-bottom:15px;}
.homeProbox h3 a{color:#000;}
.homeProbox ul{overflow:hidden;width:101%;}
.homeProbox li{width:24%;float:left;padding:15px 1% 0 0;}
.homeProbox li .proItem{border:1px solid #eee;padding:5px;}
.homeProbox li a{color:#333;}
.homeProbox li a:hover{color:#37408E;}
.homeProbox li img{transition:transform 0.5s;}
.homeProbox li img:hover{transform:scale(1.4,1.4);opacity:0.9;}
.homeProbox li p{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;padding:5px 0;}

/*showcase*/
.showcase{position:relative;margin-bottom:15px;overflow:hidden;}
.showcase h3{margin-bottom:15px;}
.showcase h3 a{color:#000;}
.showcase p{font-size:14px;padding:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.showcase p a{color:#000;}
.showcase p a:hover{color:#37408E;}
.showcase .owl-carousel .owl-nav{position:absolute;right:11px;top:13px;overflow:hidden;}
.showcase .owl-carousel .owl-nav .owl-prev,.showcase .owl-carousel .owl-nav .owl-next{float:left;position:static;left:auto;top:auto;width:20px;height:20px;background-position:7px 5px;margin:0;padding:0;}
.showcase .owl-carousel .owl-nav .owl-next{background-position:-15px 5px;}

/*news-box*/
.newsBox{width:103%;overflow:hidden;}
.box{float:left;width:31%;padding:0 2% 15px 0;}
.box h3 a{color:#000;}
.box li{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;padding:8px 10px;border-bottom:1px solid #eee;}
.box li:last-child{border-bottom:none;}
.box li a{background:url(images/dot.jpg) no-repeat left center;padding-left:10px;color:#333;}
.box li a:hover{color:#37408E;}

/*main*/
.title{border-bottom:1px solid #ddd;overflow:hidden;}
.title h1{font-size:1.25em;font-weight:normal;color:#444;float:left;border-bottom:2px solid #37408E;padding-bottom:5px;}
.newsList{margin-bottom:30px;}
.newsList ul{padding:10px 0;margin-bottom:20px;}
.newsList li{font-size:14px;padding:10px 0;border-bottom:1px solid #eee;overflow:hidden;}
.newsList li a{color:#333;display:block;margin-right:65px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.newsList li a:hover{color:#37408E;text-decoration:underline;}
.newsList li span{float:right;color:#888;font-size:0.75em;}

/*proList*/
.proList{overflow:hidden;margin-bottom:30px;}
.proList ul{overflow:hidden;width:103%;padding-top:30px;margin-bottom:10px;}
.proList li{float:left;width:31%;padding:0 2% 20px 0;}
.proList li .thumbnail{margin-bottom:10px;}
.proList li h2{font-size:1em;font-weight:normal;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.proList li a{color:#333;}
.proList li a:hover{color:#F65E4F;}

/*pagenavi*/
.pagenavi{text-align:center;font-size:0;line-height:normal;}
.pagenavi a,.pagenavi span.now-page{display:inline-block;padding:6px 10px;background-color:#eee;color:#666;font-size:14px;border-radius:2px;margin:2px 5px;}
.pagenavi a:hover,.pagenavi span.now-page{background-color:#F65E4F;color:#fff;}

/*post*/
.post h1{font-size:1.75em;line-height:1.35em;font-weight:normal;text-align:center;padding:10px 0 15px;border-bottom:1px solid #eee;margin-bottom:15px;}
.post .postmeta{text-align:center;font-size:0.75em;color:#777;margin-bottom:15px;}
.post .postmeta span{padding:0 10px;}
.post .postmeta a{color:#777;}
.post .pn{border-top:1px solid #ddd;padding-top:10px;margin-bottom:20px;overflow:hidden;font-size:0.875em;}
.post .pn p{padding-top:5px;}
.post .pn a{color:#333;}

/*error404*/
#error404{padding:28vh 0;text-align:center;}
#error404 h2{font-size:36px;font-weight:normal;line-height:1.5em;margin-bottom:5%;}
#error404 .entry{text-align:center;}

/*proInfo*/
.proInfo{overflow:hidden;margin-bottom:25px;}
.proInfo .proPic{width:300px;float:left;}
.proInfo .proPic img{display:block;width:100%;height:auto;}
.proInfo .proMeta{margin-left:300px;padding:15px 25px;overflow:hidden;}
.proInfo .proMeta p{padding:5px 0;line-height:1.5em;font-size:16px;color:#555;word-break:break-all;}
.proInfo .call{font-size:18px;font-weight:bold;color:#333;line-height:2em;}
.proInfo .call span{color:#F65E4F;font-size:24px;}

/*related-post*/
.related-post{margin-bottom:20px;}
.related-post h3,.commentslist h3{font-size:1.125em;font-weight:normal;border-bottom:1px solid #ddd;margin-bottom:15px;padding-bottom:5px;}
.related-post h3 span,.commentslist h3 span{border-bottom:3px solid #F65E4F;padding-bottom:5px;}
.related-post ul{overflow:hidden;}
.related-post ul li{font-size:14px;float:left;width:50%;line-height:30px;}
.related-post ul li a{background:url(images/dot.jpg) no-repeat left center;padding-left:10px;color:#333;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

/*relatedpro*/
.relatedpro{overflow:hidden;}
.relatedpro .boxtitle{margin-bottom:15px;}
.relatedpro ul{width:102%;overflow:hidden;}
.relatedpro li{width:23%;padding-right:2%;padding-bottom:2%;float:left;}
.relatedpro li .thumbnail{margin-bottom:5px;}
.relatedpro li p{font-size:14px;line-height:1.75em;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.relatedpro li a{color:#333;}
.pro-title{border-bottom:2px solid #37408E;margin-bottom:25px;}
.pro-title  h3{float:left;background-color:#37408E;color:#fff;font-size:1em;padding:3px 10px;cursor:pointer;margin-right:5px;display:inline;}
.pro-title  h3:hover,.pro-title  h3.on{background-color:#F65E4F;border-bottom:2px solid #F65E4F;margin-bottom:-2px;}

/*commentslist*/
.commentslist{margin-bottom:20px;}
.commentslist li{position:relative;overflow:hidden;margin-bottom:15px;border-bottom:1px solid #ddd;padding-bottom:5px;}
.commentslist li .gravatar{width:44px;height:44px;position:absolute;left:0;top:5px;}
.commentslist li .cmt-info{padding-left:55px;}
.commentslist li .cmt-info .cmt-author a{color:#555;}
.commentslist li .cmt-info .cmt-author{font-size:0.875em;margin-bottom:10px;}
.commentslist li .cmt-info .cmt-cont{font-size:0.875em;color:#333;line-height:1.75em;}
.commentslist li .cmt-info .cmt-meta span{font-size:0.75em;color:#888;}
.commentslist li .cmt-info .cmt-meta span.reply{float:right;font-size:0.875em;}
.commentslist li .cmt-info .cmt-meta span.reply a{color:#37408E;}
.commentslist li ol{margin-left:44px;}
.commentslist li li{margin-top:15px;border-top:1px solid #eee;padding-top:10px;border-bottom:none;}
.commentslist li li .gravatar{top:15px;}
.commentslist .pagenavi{border:none;}

/*comment*/
#comment p{overflow:hidden;margin-bottom:15px;}
#comment i{color:#F65E4F;}
#comment .text,#comment textarea{border:1px solid #ddd;border-radius:2px;padding:5px;}
#comment textarea{width:90%;height:150px;}
#comment .submit{background-color:#37408E;color:#fff;border:none;padding:5px;cursor:pointer;}
#comment .submit:hover{background-color:#F65E4F;}

/*tabbox*/
.tabbox{display:none;}
.tabbox.on{display:block;}

/*friendlinks*/
#friendlinks{border-top:1px solid #dedede;padding-top:10px;margin-bottom:15px;}
#friendlinks ul{overflow:hidden;}
#friendlinks ul li{float:left;font-size:0.875em;margin:5px;display:inline;}
#friendlinks ul li a{color:#555;}
#friendlinks ul li a:hover{color:#000;text-decoration:underline;}

/*footer*/
#footer{background-color:#F1f1f1;border-top:2px solid #f2f2f2;}
.footer{border-top:1px solid #dedede;padding:20px 0;text-align:center;}
.pageslist{margin-bottom:15px;}
.pageslist ul li{display:inline-block;margin:10px;}
.pageslist ul li a{color:#333;}
.phone{font-size:2em;color:#37408E;font-family:Arial;margin-bottom:15px;}
.phone span{background:url(images/phone.png) no-repeat left center;padding-left:40px;}
.phone span a{color:#37408E;}
.copyright{font-size:13px;color:#555; line-height: 24px;}
.copyright a{color:#555; display: inline-block;}
.copyright img {display: inline-block; height: 20px; vertical-align: middle; margin-top: -2px;}
.tools{position:fixed;right:0;bottom:10%;z-index:9;}
.tools span{display:block;width:54px;height:54px;background-color:#051C30;border-bottom:1px solid #ddd;cursor:pointer;background-repeat:no-repeat;}
.tools span a{display:block;width:100%;height:100%;color:#fff;}
.tools span.backtop{background-image:url(images/backtop.png);border-bottom:none;}
.tools span.tools-qq{background-image:url(images/qq.png);}
.tools span.tools-phone{background-image:url(images/sphone.png);}
.tools span.tools-phone{padding-left:54px;width:0;line-height:54px;font-size:1.5em;color:#fff;}
.tools span.tools-phone.on{background-color:#37408E;border-radius:27px 0 0 27px;}

/** RESET AND LAYOUT
===================================*/
.bx-wrapper{position:relative;padding:0;*zoom:1;-ms-touch-action:pan-y;touch-action:pan-y;}
.bx-wrapper img{width:100%;display:block;}
.bx-viewport{  /*fix other elements on the page moving (on Chrome)*/
-webkit-transform:translatez(0);}

/** THEME
===================================*/
.bx-wrapper .bx-controls-auto{position:absolute;bottom:-30px;width:100%;}

/* LOADER */
.bx-wrapper .bx-loading{min-height:50px;background:url(images/bx_loader.gif) center center no-repeat #ffffff;height:100%;width:100%;position:absolute;top:0;left:0;z-index:2000;}

/* PAGER */
.bx-wrapper .bx-pager{position:absolute;bottom:7%;right:5%;}
.bx-wrapper .bx-pager.bx-default-pager a{background-color:#fff;text-indent:-9999px;display:block;width:10px;height:10px;margin:0 5px;outline:0;border-radius:5px;}
.bx-wrapper .bx-pager.bx-default-pager a:hover,.bx-wrapper .bx-pager.bx-default-pager a.active,.bx-wrapper .bx-pager.bx-default-pager a:focus{background-color:#37408E;}
.bx-wrapper .bx-pager-item,.bx-wrapper .bx-controls-auto .bx-controls-auto-item{display:inline-block;*zoom:1;*display:inline;}
.bx-wrapper .bx-pager-item{font-size:0;line-height:0;}

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev{right:35px;background:url(images/controls.png) no-repeat 0 2px;}
.bx-wrapper .bx-prev:hover,.bx-wrapper .bx-prev:focus{}
.bx-wrapper .bx-next{right:20px;background:url(images/controls.png) no-repeat -15px 2px;}
.bx-wrapper .bx-next:hover,.bx-wrapper .bx-next:focus{}
.bx-wrapper .bx-controls-direction a{position:absolute;top:50%;margin-top:-16px;outline:0;width:15px;height:15px;text-indent:-9999px;z-index:998;}
.bx-wrapper .bx-controls-direction a.disabled{display:none;}

/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto{text-align:center;}
.bx-wrapper .bx-controls-auto .bx-start{display:block;text-indent:-9999px;width:10px;height:11px;outline:0;background:url(images/controls.png) -86px -11px no-repeat;margin:0 3px;}
.bx-wrapper .bx-controls-auto .bx-start:hover,.bx-wrapper .bx-controls-auto .bx-start.active,.bx-wrapper .bx-controls-auto .bx-start:focus{background-position:-86px 0;}
.bx-wrapper .bx-controls-auto .bx-stop{display:block;text-indent:-9999px;width:9px;height:11px;outline:0;background:url(images/controls.png) -86px -44px no-repeat;margin:0 3px;}
.bx-wrapper .bx-controls-auto .bx-stop:hover,.bx-wrapper .bx-controls-auto .bx-stop.active,.bx-wrapper .bx-controls-auto .bx-stop:focus{background-position:-86px -33px;}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{text-align:left;width:80%;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{right:0;width:35px;}

/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption{position:absolute;bottom:0;left:0;background:#666;background:rgba(80,80,80,0.75);width:100%;}
.bx-wrapper .bx-caption span{color:#fff;font-family:Arial;display:block;font-size:.85em;padding:10px;}

/*mobile-bar*/
.mobile-bar{width:100%;font-size:1em;text-align:center;background-color:#333;overflow:hidden;position:fixed;bottom:0px;left:0px;z-index:8;display:none;}
.mobile-bar li{float:left;width:25%;}
.mobile-bar li a{padding-top:25px;border-left:1px solid #383838;border-right:1px solid #2B2B2B;color:#EEE;background-image:url("images/icon-mobi.png");background-repeat:no-repeat;display:block;}
.mobile-bar li i{font-style:normal;font-size:0.875em;}
.mobile-bar li.mobi-map a{background-position:center 6px;}
.mobile-bar li.mobi-phone a{background-position:center -67px;}
.mobile-bar li.mobi-email a{background-position:center -134px;}
.mobile-bar li.mobi-chat a{background-position:center -202px;}

/*entry*/
.entry{font-size:16px;line-height:1.875em;text-align:justify;}
.entry img{max-width:100%;height:auto!important;}
.entry p{margin-bottom:2.5%;}
.entry blockquote{overflow:hidden;background:url(images/block_l.png) no-repeat 0 10px;padding:2.5% 2.5% 0;position:relative;margin:0 2em 2.5%;color:#444;}
.entry blockquote span.blockquote{background:url(images/block_r.png) no-repeat 0 0;display:block;width:20px;height:28px;position:absolute;right:0;bottom:10px;}
.entry ul,.entry ol{margin-bottom:2.5%;margin-left:2em;padding-left:1em;overflow:hidden;}
.entry ul li{list-style:outside disc none;}
.entry ol li{list-style:outside decimal none;}
.entry li p{margin-bottom:0;}

/*screen width*/
@media only screen and (max-width:1280px){
  .commentslist li ol{margin-left:5.057471%;}
}
@media only screen and (max-width:980px){
  #menu li{font-size:14px;}
  .sidebar{width:220px;}
  .main{margin-left:240px;}

  .widget .pro .thumbnail {width: 80px;}
  .widget .pro p {margin-left:90px;}
  .widget .pro a {-webkit-line-clamp:2; line-height: 1.875em; max-height: 3.75em;}
}
@media only screen and (max-width:768px){
  #logo a{width:225px;height:60px;}
  .widget p.pic,.tools{display:none;}
  .navbtn,.contact,.mobile-bar{display:block;}
  #footer{padding-bottom:30px;}
  .homeProbox li{width:48%;}
  .newsBox{width:100%;}
  .box{width:auto;padding-right:0;float:none;}
  .sidebar{display:none;}
  .main{margin-left:0;}
  .proList li{width:47%;padding-right:3%;}
  .post h1{font-size:20px;padding:0 0 10px;}
  .proInfo{margin-bottom:15px;}
  .proInfo .proPic{width:120px;}
  .proInfo .proMeta{margin-left:130px;padding:0;}
  .proInfo .call span{font-size:16px;}
  .boxtitle{height:35px;line-height:35px;padding:0 10px;}
  .relatedpro .boxtitle{margin-bottom:10px;}
  .relatedpro li{width:48%;}

  /*768*/
  #header {box-shadow: 0px 5px 10px rgba(0,0,0,.1); position: relative; z-index: 2;}
  /*768*/
  #hotTel {padding-left: 0; background: none; right: 45px;}
  #hotTel p:first-child {display: none;}
  #hotTel a {display: block; width: 35px; height: 28px; text-indent: -9999em; overflow: hidden; background: url(images/tel.png) no-repeat center center; background-size: contain;}
  /*768*/
  #menu {position:fixed; left:-200px; top:0; z-index:9; width:200px; height:100%; transition:left .3s; overflow-y:auto; -webkit-overflow-scrolling:touch; margin-bottom:0;}
  #menu.open {left:0;}
  #menu li {float:none; width:auto; margin: 0; display: block; padding:0; text-align:left;}
  #menu li a.on {background-color:transparent; color:#fff;}
  #menu li a {margin:0; padding:0 40px 0 15%;}
  #menu ul {padding:15% 0;}
  #menu li ul {position:relative; left:auto; top:auto; width:auto; background:none; border:none; padding:0;}
  #menu li li a {border:none; padding:0 15%; text-indent:2em;}
  
  #menu li em {display:block; width:40px; height:40px; position:absolute; right:0; top:1px;}
  #menu li em:after {width:7px; height:7px; border-right:1px solid #fff; border-bottom:1px solid #fff; content:''; display:block; transform:rotate(45deg); position:absolute; left:50%; top:50%; margin-left:-5.5px; margin-top:-5.5px;}
  /*768*/
  #slidershow,
  #banner {margin-top: 0; width: auto; max-width: none;}

  #breadcrumb {width: auto; max-width: none; background: #f3f3f3;padding: 0 3.125%;}
  #breadcrumb .info {background-position: left center; padding-left: 18px;}
  /*768*/
  .entry{font-size:14px;line-height:1.75em;}

  /*768*/
  #error404 h2{font-size:24px;}
}
@media only screen and (max-width:640px){
  .tools span.tools-phone{display:none;}
}
@media only screen and (max-width:480px){
 
  .related-post ul li{float:none;width:100%;}
}
@media only screen and (max-width:320px){
  .phone{font-size:1.5em;}
}