/*
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:16px/1.5em 'Microsoft Yahei',tahoma,Arial;}
input:focus,
textarea:focus {outline:none;}
a{text-decoration:none;}
li{list-style:none;}
.clear{clear:both;}
a img{border:none;}
img {vertical-align: middle; max-width: 100%;}
.fix-bg{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.7);display:none;z-index:3;}
.flex {display: flex; flex-wrap: wrap;}
/*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:1440px;max-width: 93.75%; margin:0 auto;}
.thumbnail{position:relative;}
.thumbnail a{display:block;position:relative;overflow:hidden;padding-bottom:75%;}
.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; position: relative; z-index: 5;}
.topbar a{color:#707070;}
.topbar a:hover{color:#f60;}
.topbar-left{float:left;}
.topbar-left span {position: relative;}
.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; position: relative;}
.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 .qr {position: absolute; right:0; top:100%; width: 120px; padding:5px; background-color: #fff; border-radius: 0.25em; border:1px solid #ededed; display:none;}
.topbar-right .qr img {display: block; width: 100%; height: auto;}




/*header*/

#header .inner {position: relative; overflow: hidden; padding:30px 0;}
/*logo*/
#logo{float:left;width:320px;}
#logo a{display:block; padding-bottom:18.75%; background:no-repeat left center;background-size:contain;overflow:hidden; position: relative;}
#logo i {position: absolute; left:0; top:0; width: 100%; height: 100%; text-indent: -9999em; 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:0.1875em;-moz-border-radius:0.1875em;border-radius:0.1875em;position:relative;}
#menu li{line-height:2.625em;width:11.75%;margin:0 1.25%;text-align:center;position:relative;}
#menu li a{color:#fff;display:block;}
#menu li a:hover,#menu li.on > a,#menu li.cur > a{background-color:#F65E4F;}
#menu li ul{position:absolute;left:50%;top:100%; width:auto; transform: translateX(-50%); min-width:100%;z-index:51;background-color:#F65E4F;display:none;border-top:1px solid #e75547;}
#menu li li{width:100%;clear:both;margin:0;}
#menu li li a{border-bottom:1px solid #ee4d3e;border-top:1px solid #f56f62;}
#menu li li:last-child a {border-bottom: none;}
#menu li li a:hover{background-color:#37408E;}
#menu li em {display:none;}

/*navbtn*/
.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;}


/*slidershow*/
#slidershow{position:relative; margin-top: 15px; overflow:hidden; clear: both;}
#slidershow a {display: block; overflow: hidden;}
#slidershow i {display: block; padding-bottom: 37.5%; background:no-repeat center center; background-size: cover;}

/*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; line-clamp:3; -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 .textwidget {text-align:center;padding:20px;}
#divSearchPanel form {display: block; position: relative;border:1px solid #ddd; margin-right: 3.5em; border-radius: 3px;}
#divSearchPanel input[type="text"]{padding:5px 5%;width:90%; height: 24px; line-height: 24px; border:none;}
#divSearchPanel input[type="submit"]{width:3em; cursor:pointer;background-color:#F65E4F;color:#fff;border:none;border-radius:3px;height:100%;position: absolute; left:100%; margin-left: 0.5em; top:0;}
.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 {clear:both;}
#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; position: relative;}
.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;}
.newsBox .more {margin-right: 15px; right:5%;}
.box{float:left;width:31%;padding:0 2% 15px 0; position: relative;}
.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;}
.newsList li strong {color:#f00;}

/*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:14px;display: flex;justify-content: center;flex-wrap: wrap;}
.pagenavi a,.pagenavi span.now-page{display:block;background-color:#eee;color:#666;border-radius:2px;margin:0.14em 0.25em; height: 2.25em; line-height: 2.25em; min-width:2.25em; box-sizing: border-box; padding:0 0.25em;}
.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 li{font-size:14px;float:left;width:48%;line-height:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.related-post li:nth-child(2n){float:right;}
.related-post li a{background:url(images/dot.jpg) no-repeat left center;padding-left:10px;color:#333;}

/*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*/
.phone{font-size:2em;color:#37408E;margin-bottom:0.5em;}
.phone a{color:#37408E; display: inline-block;background:url(images/phone.png) no-repeat left center; background-size: 0.875em auto; padding-left:1.125em; font-weight: bold; line-height: 1.35em}


.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*/
#tools{position:fixed;right:0;bottom:10%;z-index:9;}
#tools span{display:block;width:3.375em;height:3.375em; margin-bottom:1px;cursor:pointer;background:#051C30 no-repeat left center; background-size: auto 100%;}
#tools a{display:block;width:100%;height:100%;color:#fff;}
#tools .top{background-image:url(images/backtop.png);}
#tools .qq{background-image:url(images/qq.png);}

#tools .tel{background-image:url(images/sphone.png);padding-left:3.375em;line-height:3.375em;color:#fff;overflow: hidden; width:0; transition: all .3s;}
#tools .tel i {font-style: normal; font-size: 1.5em; display:block;}
#tools .on{background-color:#37408E;border-radius:1.6875em 0 0 1.6875em; width: 10.5em; margin-left: -10.5em;}



/*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;}

/**/
.more {position: absolute; right:15px; top:0; line-height: 43px; font-size:14px;}
.more a {color:#666;}
.more a:hover {color:#37408E;}
/*screen width*/
@media only screen and (max-width:1280px){
  .commentslist li ol{margin-left:5.057471%;}
  /*1280px*/
  #header .inner {padding:2.5% 0;}
  /*1280px*/
  #logo {width: 26.666%;}
}
@media only screen and (max-width:1024px){
  /*1024px*/
  #menu li{font-size:14px;}  

  /*1024px*/
  .sidebar{display: none;}
  .main{margin-left:0;}
  /*1024px*/
  .contact {display: block; width: auto; float:none;}
}

@media only screen and (max-width:768px){
 
  
  .navbtn,.mobile-bar{display:block;}
  #footer{padding-bottom:30px;}
  
  .newsBox{width:100%;}
  .newsBox .more {right:0;}
  .box{width:auto;padding-right:0;float:none;}
  
  .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;}
  #header .inner {padding:20px 0;}

  /*768*/
  #logo {width: 200px;}
  /*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 > ul {display: block;}
  #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; transform: none; min-width: 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;}
  /*768*/
  .more {line-height: 38px;}

  /*768*/
  .homeProbox ul{width:102%;}
  .homeProbox li{width:48%; padding-right:2%;}

  /*768*/
  .related-post li {float:none; width: auto;}
  .related-post li:nth-child(2n){float:none;}
  /*768*/
  #tools{display:none;}
}