/*
Theme Name:zbtraining
Theme Author:博客吧
Theme Url:https://www.boke8.net/zbtraining.html 
Theme Version:2.4
*/
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-color:#fff;font:16px/1.75em sans-serif;overflow-x:hidden;}
a{text-decoration:none;color:#333;}
input,select,textarea{outline:none; font-family: inherit;font-size: 0.875em;}
li{list-style:none;}
.clear{clear:both;}
.leonhereclear{clear:both;}
a img{border:none;}
img{max-width:100%;vertical-align:middle;}
table{background-color:transparent;border-spacing:0;border-collapse:collapse;font-size:0.75em;width:100%;border-top:solid 1px #ddd;border-left:solid 1px #ddd;box-sizing:border-box;}
table th{background-color:#f9f9f9;text-align:center;box-sizing:border-box;}
table td,table th{padding:5px 10px;border:1px solid #ddd;box-sizing:border-box;}

/*gold*/
.inner{width:93.75%;max-width:1440px;margin:0 auto;position:relative;}
.banner{margin-bottom:30px;}
.banner img{display:block;width:100%;height:auto;}
.thumbnail img{object-fit:cover;transition:all .3s;}
.thumbnail a:hover img{transform:scale(1.1);}

/*top*/
#top{position:relative;z-index:2;background:#282828;width:100%;color:#fff;font-size:0.875em;height:36px;line-height:36px;font-weight:bold;}
#top .inner{position:relative;}
#top .tel{float:left;background:url(images/phone.png) no-repeat left center;padding-left:18px;}
#top .tel a{color:#fff;}
.social{float:right;margin-top:4px;display:inline;}
.social ul li{float:left;margin-left:5px;display:inline;}
.social ul li a{display:block;width:26px;height:26px;background:url(images/social_icon.png) no-repeat;}
.social ul li.qq a{background-position:-36px -2px;}
.social ul li.qq a:hover{background-position:-109px -2px;}
.social ul li.weixin a{background-position:0 -2px;}
.social ul li.weixin a:hover{background-position:-73px -2px;}
.social ul li.weibo a{background-position:-147px -2px;}
.social ul li.weibo a:hover{background-position:-183px -2px;}
.social ul li.search a{background:url(images/search.png) no-repeat center center;}

/*logo*/
#logo{float:left;padding:20px 0;overflow:hidden;width:200px;}
#logo a{position:relative;display:block;padding-bottom:30%;background:url(images/logo.png) no-repeat left center;background-size:contain;}
#logo i{display:block;position:absolute;left:0;top:0;width:100%;height:100%;text-indent:-99999em;overflow:hidden;}

/*header*/
#header{width:100%;border-bottom:1px solid #eee;}

/*nav*/
.nav{float:right;height:40px;padding:30px 0;}
.nav li{float:left;display:inline-block;margin:0 10px;font-size:20px;line-height:40px;position:relative;transition:all 0.4s ease 0s;}
.nav li em{display:none;}
.nav li a{display:block;color:#333;padding:0 10px;border-radius:3px;}
.nav li a:hover,.nav li.on > a,.nav li.cur > a{background-color:#178EEE;color:#fff;}
.nav li ul{position:absolute;left:-1px;top:40px;background:#fff;border:1px solid #eee;border-radius:0 0 3px 3px;width:100%;padding:5px 0;display:none;z-index:5;}
.nav li li{font-size:14px;float:none;margin:0;display:block;text-align:center;line-height:2em;}
.nav li li a{padding:5px 10px;}
.nav li li a:hover{border-radius:0;}

/*navbtn*/
#navbtn{position:absolute;right:0;top:50%;transform:translateY(-50%);cursor:pointer;display:none;width:25px;height:20px;}
#navbtn i{display:block;position:absolute;top:50%;left:0;margin-top:-1px;height:2px;background-color:#999;width:100%;}
#navbtn i:before,#navbtn i:after{content:'';display:block;height:2px;background-color:#999;position:absolute;left:0;width:100%;}
#navbtn i:before{top:-9px;}
#navbtn i:after{bottom:-9px;}

/*banner*/
#slidershow{width:100%;height:auto;overflow:hidden;clear:both;background:#fff;}
#slidershow a {display: block; overflow: hidden;}
#slidershow .img{background:no-repeat center center; background-size: cover; display: block; padding-bottom:31.25%;}

/*slides*/
.owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;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:35px;height:35px;position:absolute;top:50%;margin-top:-17.5px;padding:0;}
.owl-carousel .owl-nav .owl-prev{background:url(images/controls.png) no-repeat 0 0;left:15px;transition:background 0.3s ease 0s;}
.owl-carousel .owl-nav .owl-next{background:url(images/controls.png) no-repeat -42px 0;right:15px;transition:background 0.3s ease 0s;}
.owl-carousel .owl-nav .owl-prev:hover{background-position:0 -35px;}
.owl-carousel .owl-nav .owl-next:hover{background-position:-42px -35px;}
.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-carousel .owl-video-wrapper{position:relative;height:100%;background:#000;}
.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url("owl.video.play.png") no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform 100ms ease;}
.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3);}
.owl-carousel .owl-video-playing .owl-video-tn,.owl-carousel .owl-video-playing .owl-video-play-icon{display:none;}
.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity 400ms ease;}
.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%;}
.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:10px;width:100%;left:0;}
.owl-dots .owl-dot{display:inline-block;zoom:1;*display:inline;cursor:pointer;}
.owl-dots .owl-dot span{width:15px;height:5px;margin:5px 5px;background:#fff;display:block;-webkit-backface-visibility:visible;transition:opacity 200ms ease;}
.owl-dots .owl-dot.active span,.owl-dots .owl-dot:hover span{background:#1E95F5;}

/*notice*/
#notice{background:rgba(23,142,238,0.9);margin-bottom:30px;padding:10px 0;color:#fff;overflow:hidden;font-size:16px;line-height:1.875em;}
#notice.nb{margin-bottom:0;}

/*service*/
#service{background-color:#fafafa;padding:2% 0;overflow:hidden;}
#service ul{text-align:center;overflow:hidden; display: flex; flex-wrap; justify-content: center; flex-wrap:wrap;}
#service li{width:12.666%;text-align:center;padding:2%;}
#service li .thumbnail{width:80%;height:auto;margin:0 auto 1.25em;border-radius:50%;overflow:hidden;}
#service li i{padding-bottom:100%;background:no-repeat center center;background-size:cover;display:block;}
#service li h2{font-size:1em;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; line-height: 1.75em;}
#service li a{color:#333;display:block;overflow:hidden;}
#service li a:hover{color:#1E95F5;}

/*section*/
.onbg{position:absolute;width:100%;height:100%;background:#000;opacity:0.5;left:0;top:0;display:none;}

/*hmTitle*/
.hmTitle{text-align:center;margin-bottom:3.5%;padding-bottom:30px;}
.hmTitle .title{display:inline-block;position:relative;}
.hmTitle .title:before,.hmTitle .title:after{width:30px;height:1px;background-color:#178EEE;transform:rotate(-45deg);content:'';display:block;margin-top:20px;position:absolute;left:50%;}
.hmTitle .title:before{margin-left:40px;}
.hmTitle .title:after{margin-left:-70px;}
.hmTitle i{display:inline-block;width:40px;height:40px;text-transform:uppercase;color:#fff;border-radius:50%;margin:0 auto;background-color:#178EEE;font:normal 26px/42px 'Arial';position:relative;}
.hmTitle h3,.hmTitle h4{font-weight:normal;color:#178EEE;font-size:18px;line-height:1.5em;text-transform:uppercase;clear:both;}
.hmTitle h4{color:#bbb;}
.bluebg .hmTitle i{background-color:#fff;color:#178EEE;}
.bluebg .hmTitle h3,.bluebg .hmTitle h4{color:#fff;}
.bluebg .hmTitle .title:before,.bluebg .hmTitle .title:after{background-color:#fff;}

/*hmowl*/
#hmowl{padding:5% 0;overflow:hidden;}
#hmowl .box{padding:0 60px;}
#hmowl .owl-nav .owl-prev{left:-60px;}
#hmowl .owl-nav .owl-next{right:-60px;}
#hmowl .owl-stage-outer{overflow:hidden;}
#hmowl .bxitem{border:1px solid #eee;margin-right:1px;}
#hmowl .thumbnail{overflow:hidden;}
#hmowl .thumbnail a{display:block;padding-bottom:75%;position:relative;}
#hmowl .thumbnail img{position:absolute;top:0;height:100%;}
#hmowl h2{font-weight:normal;font-size:18px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.5em;margin-bottom:10px;}
#hmowl a{color:#333;}
#hmowl a:hover{color:#1E95F5;}
#hmowl .info{padding:20px;}
#hmowl .intro{font-size:14px;line-height:1.75em;text-align:justify;height:7em;overflow:hidden;color:#555;margin-bottom:15px;}
#hmowl .more a{font-size:12px;display:block;width:90px;height:32px;line-height:32px;text-align:center;background-color:#f6f6f6;color:#999;border-radius:3px;margin:0 auto;}
#hmowl .more a:hover{background-color:#1E95F5;color:#fff;}

/*bluebg*/
.bluebg{background:#1E95F5;width:100%;padding:5% 0;}
#products ul{width:102%;}
#products li{float:left;width:23%;padding-right:2%;padding-bottom:2%;}
#products li .thumbnail{border:2px solid #fff;position:relative;overflow:hidden;margin-bottom:5%;}
#products li .thumbnail a{padding-bottom:78%;position:relative;display:block;}
#products li img{position:absolute;top:0;width:100%;height:100%;display:block;}
#products li a{color:#fff;}
#products li h2{font-weight:normal;font-size:1em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff;text-align:center;}

/*showcase*/
#showcase{margin-bottom:2%;}
#showcase .inner{overflow:hidden;}
#showcase ul{width:103%;overflow:hidden;}
#showcase li{float:left;width:47%;padding-right:3%;padding-bottom:3%;}
#showcase li .box{background-color:#fafafa;overflow:hidden;border:1px solid #eee;}
#showcase li .thumbnail{width:170px;float:left;}
#showcase li .thumbnail a{display:block;padding-bottom:75%;position:relative;overflow:hidden;}
#showcase li .thumbnail img{display:block;width:100%;height:100%;position:absolute;top:0;}
#showcase li .info{margin-left:170px;padding:10px 5%;}
#showcase li h2{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:16px;line-height:1.875em;color:#178EEE;margin-bottom:5px;}
#showcase li a{color:#178EEE;}
#showcase li .intro{font-size:14px;line-height:1.75em;color:#333;text-align:justify;height:3.5em;overflow:hidden;margin-bottom:7px;}
#showcase li .more{text-align:right;font-size:14px;line-height:1.125em;}
#showcase li .more a{color:#666;}

/*news*/
#news{text-align:center;position:relative;margin-bottom:50px;overflow:hidden;}
#news h2{font-weight:normal;color:#111;font-size:1.25em;margin-bottom:20px;}
#news h2 a{color:#111;}
#news h2 a:hover{color:#1E95F5;}
#news p{color:#333;width:70%;margin:0 auto 15px;font-size:0.875em;}
#news .owl-dots{bottom:auto;position:static;left:auto;width:auto;}
#news .owl-dots .owl-dot span{background-color:#ddd;width:10px;height:10px;border-radius:50%;}
#news .owl-dots .owl-dot.active span{background-color:#1E95F5;}
#products,#container{overflow:hidden;margin-bottom:30px;}

/*partner*/
#partner{overflow:hidden;margin-bottom:30px;}
#partner ul{width:102%;overflow:hidden;}
#partner li{float:left;width:14.66%;padding-right:2%;padding-bottom:2%;}
#partner li a{display:block;border:1px solid #ddd;padding:10px;}
#partner li i{padding-bottom:66.456%;background:no-repeat center center;background-size:contain;display:block;}
.widget .textwidget img{display:block;width:100%;height:auto;}

/*container*/
.sidebar{width:250px;float:left;}
.sideMenu,.widget{margin-bottom:25px;}
.sideMenu h3 a{color:#fff;}
.sideMenu h3,.widget h3{background-color:#178EEE;color:#fff;padding:15px 10px 5px 20px;font-size:1em;}
.sideMenu h3 span,.widget h3 span{font-weight:normal;font-size:0.75em;margin-left:10px;text-transform:uppercase;text-transform:uppercase;}
.sideMenu ul{background-color:#FFF8FB;border:1px solid #eee;}
.sideMenu li{font-weight:bold;font-size:1em;color:#666;border-bottom:1px solid #eee;}
.sideMenu li a{color:#666;display:block;padding:10px 0 10px 45px;}
.sideMenu li a:hover,.sideMenu li.on a{background:url(images/menu-bg.gif) no-repeat left center;color:#178EEE;}
.widget h3{padding:8px 10px 5px 20px;}
.widget ul,.widget .textwidget,.widget > div{border:1px solid #eee;padding:10px;}
.widget li{font-size:14px;line-height:2em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.widget li a{background:url(images/dot.png) no-repeat left center;padding-left:12px;color:#333;}
.widget li a:hover{background-image:url(images/dot-on.png);color:#178EEE;}
.widget img{max-width:100%;height:auto;}
.widget .textwidget{padding:5px;font-size:0.875em;}
.widget .textwidget img{margin-bottom:10px;}
#divSearchPanel form{position:relative;display:block;padding-right:50px;margin:5px;}
#divSearchPanel input[type="text"]{border:1px solid #ddd;width:100%;height:30px;line-height:24px;padding:3px 1em;box-sizing:border-box;}
#divSearchPanel input[type="submit"]{border:none;width:50px;cursor:pointer;background-color:#178EEE;color:#fff;display:block;position:absolute;right:0;top:0;height:100%;}
#tbCalendar{width:100%;}
#divCalendar > div{padding:0;}
#tbCalendar a{color:#178EEE;}
#tbCalendar caption{padding:10px 0;}
#tbCalendar thead,#tbCalendar tbody{background:#fff;}
#tbCalendar thead tr th{padding:10px 0;}
#tbCalendar tbody tr td{padding-bottom:10px;text-align:center;}
#tbCalendar tbody tr td a{padding:2px;font-size:0.75em;font-weight:bold;}
#divMisc.widget li a{background:none;}
#contact.fixed{width:inherit;position:fixed;top:10px;left:auto;}
#divTags ul{overflow:hidden;}
#divTags li{float:left;padding:1% 2% 1% 0;}
#divTags li a{display:block;background:#f9f9f9;border-radius:0px;padding:0 10px;color:#fff;font-size:12px;}
#divTags li a:hover{opacity:.8;}
#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;}
#divTags li .tag-count{display:none;}

/*main*/
.main{margin-left:280px;overflow:hidden;}

/*breadcrumb*/
#breadcrumb{font-size:0.875em; line-height: 1.75em; color:#666;background:url(images/home.png) no-repeat left center;padding-left:18px;}
#breadcrumb a{color:#666;}

/*maintop*/
#maintop{border-bottom:1px solid #eee;margin-bottom:25px; display:flex; justify-content: space-between; flex-direction:row-reverse; align-items: center; padding-bottom: 0.5em; flex-wrap: wrap;}

/*title*/
#title{font-weight:normal;font-size:1.25em; line-height: 1.5em; position: relative;}
#title:after {width: 100%; height: 2px; background-color:#178EEE; position: absolute; left:0; bottom:-0.45em; display:block; content: '';}
#title a{color:#000;}

/*showlist*/
.showlist{overflow:hidden;}
.showlist ul{overflow:hidden;width:103%;}
.showlist li{float:left;width:30.333%;padding:0 3% 3% 0;}
.showlist li .thumbnail{margin-bottom:10px;}
.showlist li .thumbnail a{padding-bottom:75%;position:relative;display:block;overflow:hidden;}
.showlist li .thumbnail img{width:100%;height:100%;display:block;position:absolute;top:0;left:0;}
.showlist li h2{font-size:16px;text-align:center;font-weight:normal;line-height:1.75em;}
.showlist li h2 a{color:#555;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.showlist li h2 a:hover{color:#178EEE;}

/*newslist*/
.newslist ul{margin-bottom:5%;}
.newslist li{font-size:16px;line-height:1.875em;border-bottom:1px dotted #ddd;overflow:hidden;padding-bottom:8px;margin-bottom:8px;}
.newslist li span{float:right;color:#666;font-size:12px;}
.newslist li a{background:url(images/dot.png) no-repeat left center;padding-left:15px;color:#444;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;margin-right:120px;}
.newslist li a:hover,.post .related-post ul li a:hover{background-image:url(images/dot-on.png);color:#2D99F0;}

/*page404*/
.page404{text-align:center;padding:10%;padding:35vh 5%;}
.page404 h2{font-size:48px;line-height:1.5em;font-weight:normal;margin-bottom:15px;}

/*textlist*/
.textlist ul{margin-bottom:30px;}
.textlist li{overflow:hidden;position:relative;}
.textlist li .time{font-size:14px;float:left;color:#666;width:100px;}
.textlist li .info{margin-left:110px;overflow:hidden;padding-left:39px;position:relative;padding-bottom:30px;}
.textlist li span{width:3px;height:120%;position:absolute;left:128px;background-color:#c7c7c7;}
.textlist li i{display:block;width:12px;height:12px;background-color:#fff;border:3px solid #178EEE;border-radius:50%;position:absolute;top:5px;left:50%;transform:translateX(-50%);}
.textlist li h2{font-weight:normal;font-size:24px;line-height:1.35em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:10px;color:#178EEE;}
.textlist li h2 a{color:#178EEE;}
.textlist li h2 a:hover{color:#444;text-decoration:underline;}
.textlist li p{font-size:14px;line-height:1.875em;color:#555;text-align:justify;}

/*bloglist*/
.bloglist ul{margin-bottom:30px;}
.bloglist li{overflow:hidden;border-bottom:1px solid #eee;padding-bottom:3.5%;margin-bottom:3.5%;}
.bloglist li .thumbnail{width:230px;float:left;overflow:hidden;}
.bloglist li .thumbnail a{display:block;padding-bottom:75%;background:no-repeat center center;background-size:cover;transition:all .3s;}
.bloglist li .thumbnail a:hover{transform:scale(1.1);}
.bloglist li .info{margin-left:260px;overflow:hidden;}
.bloglist li h2{font-size:24px;line-height:1.5em;margin-bottom:10px;font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.bloglist li h2 a{color:#178EEE;}
.bloglist li h2 a:hover{color:#444;}
.bloglist li p{font-size:16px;line-height:1.875em;color:#333;text-align:justify;overflow:hidden;height:7.5em;}

/*waterfall*/
#waterfall{width:102%;}
#waterfall .grid-sizer{width:23%;}
#waterfall .gutter-sizer{width:2%;}
#waterfall .grid-item--width2{width:40%;}
#waterfall .grid-item{width:23%;margin-bottom:2%;}
#waterfall .box{background:#fafafa;padding:10px;border:1px solid #eee;}
#waterfall .thumbnail{margin-bottom:10px;}
#waterfall .thumbnail a{display:block;overflow:hidden;}
#waterfall img{display:block;width:100%;height:auto;transition:transform 0.4s ease 0s;}
#waterfall img:hover{transform:scale(1.4,1.4);transition:transform 0.4s ease 0s;opacity:0.8;}
#waterfall h2{line-height:1.75em;font-size:16px;margin-bottom:5px;}
#waterfall .excerpt{font-size:14px;color:#555;text-align:justify;line-height:1.75em;}

/*pagenavi*/
.pagenavi{clear:both;text-align:center;font-size:14px; line-height: 1.5em; display: flex; justify-content: center;}
.pagenavi a,.pagenavi span.now-page{display:block;background-color:#dfdfdf;color:#666;height:2.286em;line-height:2.286em;padding:0 0.25em;margin:0.14em;box-sizing: border-box;min-width:2.286em;}
.pagenavi a:hover,.pagenavi span.now-page{color:#fff;background-color:#178EEE;}

/*post*/
.post h1{text-align:center;font-weight:normal;font-size:1.5em;margin-bottom:15px;line-height:1.5em;}
.post h1.post_page{margin-bottom:30px;}
.post .postmeta{font-size:0.75em;color:#888;text-align:center;margin-bottom:25px;}
.post .postmeta span{padding:5px;}
.post .pn,.post .related-post{overflow:hidden;margin-bottom:20px;}

/*entry*/
.entry{font-size:16px;line-height:1.875em;color:#333;overflow:hidden;border-bottom:1px solid #eee;margin-bottom:2.5%;}
.entry * {line-height:1.875em;}
.entry img{height:auto!important;}
.entry p,.entry h1,.entry h2,.entry h3,.entry h4,.entry h5,.entry h6{margin-bottom:2.5%;}
.entry blockquote{background-color:#f3f3f3;overflow:hidden;padding:2.5% 2.5% 0;margin-bottom:2.5%;color:#333;border-bottom:2px solid #eee;}
.entry ul,.entry ol{padding-left:1em;margin-left:2em;margin-bottom:2.5%;}
.entry ul li{list-style:outside disc none;}
.entry ol li{list-style:outside decimal none;}
.entry li p{margin-bottom:0;}
.entry a{color:#178EEE;}
.entry a:hover{text-decoration:underline;}
.post .pn p{font-size:0.875em;color:#333;}
.post .pn p a{color:#555;}
.post .pn p a:hover{text-decoration:underline;color:#178EEE;}

.post .related-post ul li{font-size:1em;line-height:1.75em;overflow:hidden;padding:5px 0;}
.post .related-post ul li a{color:#333;background:url(images/dot.png) no-repeat left center;padding-left:15px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:120px;}
.post .related-post ul li span{float:right;color:#888;font-size:12px;}
.post .tags{margin-bottom:20px;font-size:0.75em;}
.post .tags span{color:#666;}
.post .tags a{color:#178EEE;margin-left:5px;}

/*divname*/
.divname {background-color:#178EEE;color:#fff;font-weight:normal;font-size:1em;padding-left:1em;height:2.5em;line-height:2.5em;margin-bottom:1.5em;border-bottom:2px solid #eee;}
/*relatedPro*/
#relatedPro{overflow:hidden;}
#relatedPro ul{width:102%;overflow:hidden;}
#relatedPro li{float:left;width:23%;padding:0 2% 2% 0;}
#relatedPro .thumbnail{margin-bottom:5px;}
#relatedPro .thumbnail a{display:block;padding-bottom:75%;position:relative;overflow:hidden;}
#relatedPro .thumbnail img{display:block;width:100%;height:100%;position:absolute;left:0;top:0;object-fit:cover;}
#relatedPro h2{font-size:16px;line-height:1.875em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:normal;text-align:center;}

/*commentslist*/
#commentslist li{position:relative;overflow:hidden;margin-bottom:1em; overflow: hidden;}
#commentslist .gravatar{width:40px;border:1px solid #eee;padding:1px;float:left;}
#commentslist .gravatar img{display:block;width:100%;height:auto;transition:transform 0.4s ease 0s;}
#commentslist .box {margin-left:44px; overflow: hidden;}
#commentslist .info{border:1px solid #eee;border-radius:5px;padding:1em; position: relative; margin-left: 1em;}
#commentslist .info:before {position: absolute; content: ''; display: block; width: 0.5em; height: 0.5em; background-color: #fff; border-top:1px solid #eee; border-left:1px solid #eee; transform: rotate(-45deg); left:-0.35em; top:1em;}
#commentslist .meta{border-bottom:1px solid #eee;padding-bottom:1em;margin-bottom:1em;}
#commentslist .meta span{margin-right:0.75em;font-size:0.875em;}
#commentslist .meta .name {font-weight: bold;}
#commentslist .meta .time{font-size:0.75em;color:#888;}
#commentslist .meta .reply{float:right;}
#commentslist .meta a{color:#178EEE;}
#commentslist .cont{line-height: 1.75em;}
#commentslist li li{margin-bottom:0;margin-top:1em;margin-left:1.25em;}

/*comment-form*/
.commentForm {margin-top:1em;}
.commentForm .item{margin-bottom:15px;overflow:hidden;position:relative;}
.commentForm label{display:block;font-size:16px;float:left;line-height:38px;}
.commentForm label i{font-style:normal;color:#f00;}
.commentForm .input{margin-left:60px;overflow:hidden;border:1px solid #ddd;border-radius:3px;overflow:hidden;}
.commentForm .text{border:none;width:97%;padding:5px 3% 5px 0;font-size:14px;line-height:26px;box-shadow:inset 0px -1px 1px #ddd;display:block;text-indent:10px;font-family:'Microsoft Yahei';}
.commentForm .text:focus{border:none;outline:none;}
.commentForm textarea.text{height:150px;resize:vertical;}
.commentForm .verify img{display:block;position:absolute;right:0;bottom:0;height:100%;width:auto;}
.commentForm .verify .input{margin-right:115px;}
.commentForm .btn{margin-left:60px;}
.commentForm .submit,#cancel-reply{cursor:pointer;background-color:#178EEE;border:none;color:#fff;font-size:16px;height:36px;width:120px;text-align:center;line-height:36px;display:inline-block;}
.commentForm .submit:hover{opacity:.85;}
#cancel-reply{background-color:#f6f6f6;color:#777;}

/*postbottom*/
.postbottom{font-size:14px;line-height:1.75em;color:#888;margin-bottom:15px;margin-left:60px;}

/*friendlinks*/
#friendlinks{margin-bottom:30px;overflow:hidden;}
#friendlinks ul li{font-size:0.875em;float:left;margin:0 10px;display:inline;}
#friendlinks ul li a{color:#666;}
#friendlinks ul li a:hover{color:#1E95F5;text-decoration:underline;}

/*bottom*/
#bottom{background-color:#2E2E2E;font-size:0.875em;padding:2.5% 0;color:#fff;overflow:hidden;position:relative;color:rgba(255,255,255,.65);}
#bottom .inner{display:flex;justify-content:space-between;align-items:center;}

/*about*/
#about{width:32%;padding-right:5%;}
#about .logo{margin-bottom:0.5em;}
#about .logo img{max-height:4.2em;width:auto;display:block;}

/*follow*/
#follow{padding:0 5%;width:30%;text-align:center;line-height:1.5em;border-left:1px solid rgba(255,255,255,.2);border-right:1px solid rgba(255,255,255,.2);}
#follow ul{display:flex;justify-content:space-evenly;}
#follow li{width:45%;max-width:150px;}
#follow img{display:block;background-color:#fff;width:100%;}
#follow .qr{margin-bottom:0.5em;}

/*hotline*/
#hotline{padding-left:5%;}
#hotline .tel{margin-bottom:1em;}
#hotline .name{font-size:1.35em;margin-bottom:0.75em;}
#hotline .name span{display:inline-block;background:url(images/icon_tel.png) no-repeat left center;background-size:auto 1.125em;padding-left:1.5em;}
#hotline .num{font-size:2.5em;line-height:1.125em;font-weight:bold;color:rgba(255,255,255,.85);}
#hotline .info{color:rgba(255,255,255,.5);}

/*footer*/
#footer{background-color:#282828;padding:1em 0;text-align:center;color:#ACACAC;font-size:0.75em;}
#footer a{color:#ACACAC;display:inline-block;}
#footer img{display:inline-block;vertical-align:middle;width:auto;height:20px;margin-top:-3px;}

/*searchForm*/
.searchForm{display:none;position:absolute;right:0;top:100%;width:310px;background-color:#1E95F5;overflow:hidden;}
.searchForm form{padding-right:55px;position:relative;display:block;margin:10px;}
.searchForm .s{height:25px;line-height:25px;width:90%;padding:5px 5%;border:none;}
.searchForm .submit{position:absolute;right:0;top:0;cursor:pointer;background-color:#fff;border:none;height:100%;width:50px;font-size:14px;}

/*searchForm*/
.backtop{position:fixed;right:0;top:80%;background:#1E95F5 url(images/backtop.png) no-repeat;width:54px;height:54px;cursor:pointer;}
#weixin{background:rgba(0,0,0,0.7);position:fixed;left:0;top:0;width:100%;height:100%;z-index:10001;display:none;}
#weixin img{width:200px;height:200px;background-color:#fff;padding:10px;border:1px solid #ddd;position:fixed;top:50%;margin-top:-106px;left:50%;margin-left:-106px;}

/*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:9999;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.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;}
.mobile-bar li i{font-style:normal;font-size:0.875em;}

/*screen width*/
@media only screen and (max-width:1280px){
	#contact.fixed{width:19.53125%;}

	/*1280*/
	body{font-size:14px}

	/*1280*/
	.nav li{font-size:18px;}

	/*1280*/
	.bloglist li h2{font-size:22px;}

	/*1280*/
	.textlist li h2{font-size:22px;}

	/*1280*/
	.sidebar{width:220px;}

	/*1280*/
	.main{margin-left:250px;}
}
@media only screen and (max-width:1024px){

	/*1024px*/
	#service li{padding:3%;width:27.33%;}

	/*1024px*/
	.nav{padding:25px 0;}
	.nav li{font-size:16px;}

	/*1024px*/
	#logo{width:167px;}

	/*1024px*/
	#showcase li .thumbnail{width:150px;}
	#showcase li .info{margin-left:150px;padding:5px 3.5%;}
	#showcase li h2{line-height:1.75em;margin-bottom:0;}
	#showcase li .intro{margin-bottom:0;height:5.25em;}
	#showcase li .more{display:none;}

	/*1024px*/
	.bloglist li h2{font-size:20px;}

	/*1024px*/
	.textlist li h2{font-size:20px;}

	/*1024px*/
	#waterfall .grid-sizer,#waterfall .grid-item{width:31.33%;}

	/*1024px*/
	#relatedPro h2{font-size:14px;}

	/*1024px*/
	#bottom .inner{flex-wrap:wrap;}

	/*1024px*/
	#about{width:100%;padding-right:0;margin-bottom:3.5%;}

	/*1024px*/
	#follow{padding-left:0;border-left:0;width:50%}

	/*1024px*/
	.sidebar{display:none;}

	/*1024px*/
	.main{margin-left:0;}
}
@media only screen and (max-width:960px){

	/*960*/
	.nav{position:fixed;float:none;width:100%;clear:both;width:200px;z-index:9;left:-200px;top:0;height:100%;background-color:rgba(0,0,0,.8);color:#fff;padding:0;overflow-y:auto;-webkit-overflow-scrolling:touch;transition:left .3s;}
	.nav.open{left:0;}
	.nav ul{padding:50px 0;}
	.nav li{float:none;margin:0;display:block;line-height:45px;}
	.nav li em{display:block;position:absolute;right:0;top:0;width:45px;height:45px;}
	.nav li em:before{content:'';display:block;width:8px;height:8px;border-right:1px solid #fff;border-bottom:1px solid #fff;transform:rotate(45deg);position:absolute;left:50%;top:50%;margin:-6px 0 0 -6px;transition:all .3s;}
	.nav li em.open:before{transform:rotate(-135deg);margin-top:0;}
	.nav li a{color:#fff;padding:0 45px 0 2em;}
	.nav li a:hover,.nav li.on > a,.nav li.cur > a{background-color:transparent;}
	.nav li ul{position:static;left:auto;top:auto;width:auto;padding:0;border:none;background:none;}
	.nav li li{text-align:left;line-height:45px;}
	.nav li li a{padding:0 0 0 4em;}

	/*960*/
	#navbtn{display:block;}

	/*960*/
	#hmowl{padding:5.5% 0;}
	#hmowl .box{padding:0;}
	#hmowl .owl-dots{position:static;margin-top:3.5%;}
	#hmowl .owl-dot span{width:10px;height:10px;border-radius:50%;background-color:#e4e4e4;}
	#hmowl .active span{background-color:#1E95F5;}
}
@media only screen and (max-width:768px){

	/*768*/
	#top{position:relative;}
	#top .inner{position:static;}
	#top .tel span{display:none;}

	/*768*/
	#service{padding:5% 0;}
	#service li{width:44%;}
	#service li .thumbnail{margin-bottom:10px;}	

	/*768*/
	#notice{font-size:12px;line-height:1.5em;padding:8px 0;margin-bottom:10px;}

	/*768*/
	.searchForm{width:93.75%;padding:3.125%;}
	.searchForm form{margin:0;}

	/*768*/
	#logo{padding:12.5px 0;width:133px;}

	/*768*/
	#partner ul{width:103%;}
	#partner li{width:31%;}

	/*768*/
	#hmowl h2{font-size:14px;margin-bottom:5px;white-space:normal;line-height:1.75em;height:3.5em;}
	#hmowl .info{padding:15px;}
	#hmowl .intro{display:none;}
	#hmowl .more{display:none;}

	/*768*/
	.hmTitle{padding-bottom:0;}
	.hmTitle .title:before,.hmTitle .title:after{transform:none;top:50%;margin-top:-0.5px;}
	.hmTitle .title:before{left:auto;right:120%;margin-left:0;}
	.hmTitle .title:after{left:120%;margin-left:0;}
	.hmTitle i{width:30px;height:30px;font-size:18px;line-height:32px;}
	.hmTitle h4{font-size:14px;}

	/*768*/
	.newslist li{font-size:14px;margin-bottom:5px;padding-bottom:5px;}
	.newslist li span{float:none;padding-left:10px;}
	.newslist li a{padding-left:10px;margin-right:0;}

	/*768*/
	#showcase ul{width:auto;}
	#showcase li{float:none;padding-right:0;width:auto;}
	#showcase li .thumbnail{width:110px;}
	#showcase li .info{margin-left:110px;padding:5px 2.5%;}
	#showcase li h2{line-height:1.25em;font-weight:normal;margin-bottom:3px;}
	#showcase li .intro{height:3.5em;}

	/*768*/
	.bloglist li .thumbnail{width:120px;}
	.bloglist li .info{margin-left:135px;}
	.bloglist li h2{font-size:16px;line-height:1.875em;white-space:normal;margin-bottom:0;max-height:3.75em;}
	.bloglist li p{font-size:14px;line-height:2em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:auto;}

	/*768*/
	.textlist li{padding-left:20px;}
	.textlist li span{width:1.5px;left:6.5px;}
	.textlist li i{border-width:2px;width:9px;height:9px;}
	.textlist li .time{float:none;font-size:12px;margin-bottom:5px;width:auto;}
	.textlist li .info{margin-left:0;padding-left:0;padding-bottom:15px;}
	.textlist li h2{font-size:16px;font-weight:bold;}
	.textlist li p{line-height:1.75em;max-height:5.25em;overflow:hidden;}

	/*768*/
	#waterfall{margin-bottom:3.5%;}
	#waterfall .grid-sizer,#waterfall .grid-item{width:48%;}
	#waterfall h2{font-size:14px;}

	/*768*/
	#relatedPro ul{width:103%;}
	#relatedPro li{width:47%;padding:0 3% 3% 0;}

	/*768*/
	.commentForm label{font-size:14px;float:none;line-height:1.5em;margin-bottom:5px;}
	.commentForm .input{margin-left:0;}
	.commentForm .text{width:95%;padding:5px 2.5%;text-indent:0;}
	.commentForm .verify img{height:38px;}
	.commentForm .btn{margin-left:0;text-align:right;}

	/*768*/
	.postbottom{margin-left:0;font-size:14px;}

	/*768*/
	.post .related-post ul li{font-size:14px;}
	.post .related-post ul li span{float:none;margin-left:15px;}
	.post .related-post ul li a{margin-right:0;}

	/*768*/
	.page404 h2{font-size:28px;}
	.page404 p{font-size:14px;}

	/*768*/
	#bottom{padding:5% 0;}

	/*768*/
	#follow{width:100%;padding-right:0;margin-bottom:3.5%;border-right:none;}
	#follow li{max-width:130px;}

	/*768*/
	#hotline{width:100%;text-align:center;padding-left:0;}

	/*768*/
	#about .logo img{margin:0 auto;}

	/*768*/
	#footer{padding-bottom:64px;}

	/*768*/
	.mobile-bar{display:block;}

	/*768*/
	.backtop{display:none;}

	/*768*/
	#products li{width:48%;padding-bottom:4%;}

	/*768*/
	#commentslist .gravatar {float:none;}
	#commentslist .box {margin-left: 0;}
	#commentslist .info {margin-left: 0; margin-top: 1em;}
	#commentslist .info:before {transform: rotate(45deg); left:1.35em; top:-0.35em;}

	/*768*/
	#slidershow .img {padding-bottom: 50%;}
}
@media only screen and (max-width:540px){

	/*540*/
	.showlist li{width:47%;}
	.showlist li .thumbnail{margin-bottom:5px;}
	.showlist li h2{font-size:14px;}
}
@media only screen and (max-width:480px){
	/*480px*/
	#waterfall,#waterfall .grid-sizer,#waterfall .grid-item,#waterfall .gutter-sizer{width:auto;}
	#waterfall .grid-item{margin-bottom:3.5%;}
}