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.5 'Microsoft Yahei',tahoma,Arial;}
a {text-decoration:none;}
li {list-style:none;}
.leonhereclear {clear:both;}
a img {border:none;}
/*gold*/
.inner,#nav .menu {width:1200px; margin:0 auto; position:relative;}
.banner {margin-bottom:30px;}
.banner img {display:block; width:100%; height:auto;}
/*top*/
#top {background:#282828; width:100%; color:#fff; font-size:0.875em; height:36px; line-height:36px; font-weight:bold;}
#top .tel {float:left; background:url("img/phone.png")/*tpa=http://www.0731bz.net/style/css/img/phone.png*//*tpa=http://www.0731bz.net/style/css/img/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("img/social_icon.png")/*tpa=http://www.0731bz.net/style/css/img/social_icon.png*//*tpa=http://www.0731bz.net/style/css/img/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("img/search.png")/*tpa=http://www.0731bz.net/style/css/img/search.png*//*tpa=http://www.0731bz.net/style/css/img/search.png*/ no-repeat center center;}
/*header*/
#header {width:100%; border-bottom:1px solid #eee;}
.logo {float:left; margin:20px 0; display:inline; width:200px; height:60px; overflow:hidden;}
.logo a {display:block;}
.logo img {display:block; width:100%; height:auto;}
.nav {float:right; height:40px; margin:30px 0; display:inline;}
.nav .menu ul li {float:left; margin:0 10px; font-size:1.25em; line-height:40px; position:relative; transition:all 0.4s ease 0s;}
.nav .menu ul li a {display:block; color:#333; padding:0 10px; border-radius:3px;}
.nav .menu ul li a:hover,.nav .menu ul li.on a {background:#178EEE; color:#fff;}
.nav .menu ul li.on li a {background:none; color:#333;}
.nav .menu ul 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:2;}
.nav .menu ul li ul li {font-size:0.75em; float:none; margin:0; text-align:center; line-height:2em;}
.nav .menu ul li ul li a {border-radius:0;}
.nav .menu ul li ul li a:hover {border-radius:0;}
.nav-btn {position:absolute; right:10px; top:20px; color:#1E95F5; width:70px; height:35px; cursor:pointer; display:none; line-height:2em;}
.nav-btn span {width:35px; display:block; float:left;}
.nav-btn .square {float:right; width:35px; height:35px;}
.nav-btn i {display:inline-block; width:15px; height:15px; background-color:#1E95F5; float:right; margin:1px; border-radius:2px;}
#nav {background-color:#fff; width:100%; overflow:hidden; display:none;}
#nav .menu ul li {font-size:1em; margin:10px 0;}
#nav .menu ul li a {color:#333; display:block; background-color:#f3f3f3; padding:5px 10px;}
#nav .menu ul li a:hover {color:#1E95F5;}
/*banner*/
#slidershow {width:100%; height:auto; overflow:hidden; background:#fff;}
#slidershow img {width:100%; max-width:1920px; display:block;}
.flexslider{margin:0px auto;position:relative; height:auto; overflow:hidden;zoom:1;}
.flexslider .flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;}
.flexslider .slides{zoom:1;}
.flexslider .flex-direction-nav a{width:34px; height:34px; text-indent:-9999em; overflow:hidden;margin:-17px 0 0; display:block; background:url("img/controls.png")/*tpa=http://www.0731bz.net/style/css/img/controls.png*//*tpa=http://www.0731bz.net/style/css/img/controls.png*/ no-repeat;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;}
.flexslider .flex-direction-nav .flex-next{background-position:-42px 0;right:15px;}
.flexslider .flex-direction-nav .flex-prev{left:15px;}
.flexslider:hover .flex-next{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-prev{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover{background-position: -42px -35px;}
.flexslider:hover .flex-prev:hover{background-position: 0 -35px;}
.flexslider .flex-control-nav{width:100%;position:absolute;bottom:20px;text-align:center;z-index:2;}
.flexslider .flex-control-nav li{margin:0 5px;display:inline-block;zoom:1;*display:inline;}
.flexslider .flex-control-paging li a{background:#fff;display:block;height:5px;overflow:hidden;text-indent:-9999em;width:15px;cursor:pointer;}
.flexslider .flex-control-paging li a.flex-active{background:#178EEE;}
/*notice*/
#notice {background:rgba(23,142,238,0.9); margin-bottom:30px; padding:10px 0; color:#fff; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
/*service*/
#service ul {text-align:center;}
#service ul li {width:190px; text-align:center; display:inline-block; margin:20px 20px; background:#f1f1f1; padding:20px 0;}
#service ul li .thumbnail {width:52%; height:auto; margin: 0 auto 10px; border-radius:50%; overflow:hidden;}
#service ul li .thumbnail img {display:block; width:100%; height:auto;}
#service ul li h2 {font-weight:normal; font-size:0.875em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#service ul li a {color:#333;}
#service ul li a:hover {color:#1E95F5;}
/*section*/
h3.title {text-align:center; color:#178EEE; margin-bottom:35px; background:url("img/h-title.png")/*tpa=http://www.0731bz.net/style/css/img/h-title.png*//*tpa=http://www.0731bz.net/style/css/img/h-title.png*/ no-repeat center center; height:53px; padding:44px 0 27px;}
h3.title span {display:block; clear:both; color:#bbb; text-transform:uppercase;}
.bluebg h3.title {background-image:url("img/blue-title-bg.png")/*tpa=http://www.0731bz.net/style/css/img/blue-title-bg.png*//*tpa=http://www.0731bz.net/style/css/img/blue-title-bg.png*/; color:#fff;}
.bluebg h3.title span {color:#fff;}
.onbg {position:absolute; width:100%; height:100%; background:#000; opacity:0.5; left:0; top:0; display:none;}
#boxslider {width:1100px; margin-bottom:50px;}
#boxslider ul li {overflow:hidden; width:333px;}
#boxslider ul li .thumbnail {width:100%; height:auto; overflow:hidden; position:relative; border-bottom:3px solid #e6e6e6;}
#boxslider ul li .thumbnail a {display:block; width:100%; height:100%;}
#boxslider ul li .thumbnail img {display:block; width:100%; height:auto;}
#boxslider ul li .info {padding:10px; border:1px solid #e6e6e6;}
#boxslider ul li .info.hover {background:#F2F2F2;}
#boxslider ul li .info h2 {font-weight:normal; text-align:center; margin-bottom:15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#boxslider ul li .info a {color:#000;}
#boxslider ul li .info p {font-size:0.875em; color:#333; text-indent:2em; text-align:justify;}
#boxslider ul li .info p.more {font-size:0.75em; text-align:center; line-height:3em; text-indent:0;}
#boxslider ul li .info p.more a {color:#777;}
#boxslider ul li .info p.more a:hover {text-decoration:underline; color:#178EEE;}
.bx-wrapper {position: relative; margin: 0 auto 10px; padding: 0; *zoom: 1; -ms-touch-action: pan-y; touch-action: pan-y;}
.bx-wrapper img {max-width: 100%; display: block;}
.bxslider {margin: 0; padding: 0;}
ul.bxslider {list-style: none;}
.bx-viewport {-webkit-transform: translatez(0);}
.bx-wrapper {background: #fff;}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {position: absolute; bottom: -30px;width: 100%;}
.bx-wrapper .bx-loading {min-height: 50px; background: url("img/bx_loader.gif")/*tpa=http://www.0731bz.net/style/css/img/bx_loader.gif*//*tpa=http://www.0731bz.net/style/css/img/bx_loader.gif*/ center center no-repeat #ffffff; height: 100%;width: 100%; position: absolute; top: 0; left: 0; z-index: 2000;}
.bx-wrapper .bx-pager {text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px;}
.bx-wrapper .bx-pager.bx-default-pager a {background: #666; 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: #000;}
.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;}
.bx-wrapper .bx-prev {left: -50px; background: url("img/controls.png")/*tpa=http://www.0731bz.net/style/css/img/controls.png*//*tpa=http://www.0731bz.net/style/css/img/controls.png*/ no-repeat 0 0;}
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {background-position: 0 -35px;}
.bx-wrapper .bx-next {right: -50px; background: url("img/controls.png")/*tpa=http://www.0731bz.net/style/css/img/controls.png*//*tpa=http://www.0731bz.net/style/css/img/controls.png*/ no-repeat -42px 0;}
.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {background-position: -42px -35px;}
.bx-wrapper .bx-controls-direction a {position: absolute; top: 50%; margin-top: -17px; outline: 0; width: 34px; height: 34px; text-indent: -9999px; z-index: 998;}
.bx-wrapper .bx-controls-direction a.disabled { display: none;}
.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("img/controls.png")/*tpa=http://www.0731bz.net/style/css/img/controls.png*//*tpa=http://www.0731bz.net/style/css/img/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("img/controls.png")/*tpa=http://www.0731bz.net/style/css/img/controls.png*//*tpa=http://www.0731bz.net/style/css/img/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;}
.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;}
.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;}
/*bluebg*/
.bluebg {background:#1E95F5; width:100%; padding:40px 0;}
#products ul li {float:left; width:20%; padding:10px 2.5%; text-align:center;}
#products ul li .thumbnail {border:2px solid #fff; border-radius:50%; overflow:hidden; margin-bottom:15px;}
#products ul li .thumbnail img {width:100%; height:auto; display:block;}
#products ul li a {color:#fff;}
#products ul li h2 {font-weight:normal; font-size:1em;}
/*showcase*/
#showcase ul {width:1300px; padding:0 10px;}
#showcase ul li {float:left; background:#fff; width:520px; margin:0 100px 25px 0; padding-right:20px; background:#f1f1f1;}
#showcase ul li .thumbnail {width:209px; height:146px; float:left; overflow:hidden; margin-right:20px; display:inline;}
#showcase ul li .thumbnail img {display:block; width:100%; height:auto; min-height:146px;}
#showcase ul li h2 {font-weight:normal; margin-bottom:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#showcase ul li p {margin-bottom:15px; font-size:0.875em; color:#333; text-align:justify;}
#showcase ul li p.info {height:42px; overflow:hidden;}
#showcase ul li p.more { text-align:right; margin-bottom:0;}
#showcase ul li p.more a{color:#666;}
/*news*/
#news {text-align:center; position:relative; padding-bottom:10px; margin-bottom:50px;}
#news ul li {float:left; width:100%;}
#news .slides {position:relative; overflow:hidden;}
#news ul li h2 {font-weight:normal; color:#111; font-size:1.25em; margin-bottom:20px;}
#news ul li h2 a {color:#111;}
#news ul li h2 a:hover {color:#1E95F5;}
#news ul li p {color:#333; width:70%; margin:0 auto 15px; font-size:0.875em;}
#news .flex-control-nav {position:absolute; bottom:-20px; left:0; width:100%; text-align:center;}
#news .flex-control-nav li {display:inline-block; width:12px; height:12px; margin:0 5px;}
#news .flex-control-nav li a {display:block; width:12px; height:12px; text-indent:-9999em;background:#ddd; border-radius:50%; cursor:pointer;}
#news .flex-control-nav li .flex-active {background:#1E95F5;}
/*partner*/
#partner,#showcase,#service,#products,#container {overflow:hidden; margin-bottom:30px;}
#partner ul li {float:left; width:180px; margin:10px; display:inline; overflow:hidden;}
#partner ul li a {display:block; border:1px solid #ddd;}
#partner ul li img,.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;}
.sideMenu ul {background-color:#FFF8FB; border:1px solid #eee;}
.sideMenu ul li {font-weight:bold; font-size:1em; color:#666; border-bottom:1px solid #eee;}
.sideMenu ul li a {color:#666; display:block; padding:10px 0 10px 45px;}
.sideMenu ul li a:hover,.sideMenu ul li.on a {background:url("img/menu-bg.gif")/*tpa=http://www.0731bz.net/style/css/img/menu-bg.gif*//*tpa=http://www.0731bz.net/style/css/img/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 ul li {font-size:0.875em; line-height:2em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.widget ul li a {background:url("img/dot.png")/*tpa=http://www.0731bz.net/style/css/img/dot.png*//*tpa=http://www.0731bz.net/style/css/img/dot.png*/ no-repeat left center; padding-left:12px; color:#333;}
.widget ul li a:hover {background-image:url("img/dot-on.png")/*tpa=http://www.0731bz.net/style/css/img/dot-on.png*//*tpa=http://www.0731bz.net/style/css/img/dot-on.png*/; color:#178EEE;}
.widget .textwidget {padding: 5px; font-size: 0.875em;}
.widget .textwidget img {margin-bottom: 10px;}
#divSearchPanel input[type="text"]{border:1px solid #ddd; width:70%; height:20px; line-height:20px; padding:5px 0;}
#divSearchPanel input[type="submit"] {border:1px solid #ddd; width:24%; cursor:pointer; padding:5px 0; background-color:#178EEE; color:#fff;}
#tbCalendar {width:100%;}
#tbCalendar a {color:#178EEE;}
#tbCalendar caption {font-weight:bold; background: #f1f1f1; font-size:0.875em;}
#tbCalendar thead,#tbCalendar tbody {background:#fff;}
#tbCalendar td {border:none;}
#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 ul li a {background:none;}
/*main*/
.main {width:900px; float:right;}
.breadcrumb-title {border-bottom:1px solid #eee; overflow:hidden; padding-top:6px; margin-bottom:25px;}
.breadcrumb-title h1,.breadcrumb-title .cate {float:left; font-weight:normal; font-size:1.25em; border-bottom:2px solid #178EEE; padding-bottom:5px;}
.breadcrumb-title h1 a,.breadcrumb-title .cate a {color:#000;}
.breadcrumb {float:right; font-size:0.75em; color:#666; background:url("img/home.png.gif")/*tpa=http://www.0731bz.net/style/css/img/home.png*/ no-repeat left center; padding-left:18px;}
.breadcrumb a {color:#666;}
ul.showlist,.related-products ul {width:930px; overflow:hidden;}
ul.showlist li,.related-products ul li{float:left; width:280px; margin:0 30px 30px 0;}
ul.showlist li .thumbnail,.related-products ul li .thumbnail {width:100%;}
ul.showlist li .thumbnail a,.related-products ul li .thumbnail a {display:block;}
ul.showlist li .thumbnail img,.related-products ul li .thumbnail img {width:100%; height:auto;}
ul.showlist li p,.related-products ul li p {font-size:0.875em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center;}
ul.showlist li p a,.related-products ul li p a {color:#555; display:block;}
ul.showlist li p a:hover,,.related-products ul li p a:hover {color:#178EEE;}
ul.newslist,ul.textlist,ul.bloglist {margin-bottom:30px;}
ul.newslist li {font-size:0.875em; border-bottom:1px dotted #ddd; height:40px; line-height:45px; overflow:hidden;}
ul.newslist li span {float:right; color:#666; font-size:0.875em;}
ul.newslist li a {background:url("img/dot.png")/*tpa=http://www.0731bz.net/style/css/img/dot.png*//*tpa=http://www.0731bz.net/style/css/img/dot.png*/ no-repeat left center; padding-left:15px; color:#444; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:70%; display:block; float:left;}
ul.newslist li a:hover,.post .related-post ul li a:hover {background-image:url("img/dot-on.png")/*tpa=http://www.0731bz.net/style/css/img/dot-on.png*//*tpa=http://www.0731bz.net/style/css/img/dot-on.png*/; color:#2D99F0;}
ul.textlist li {height:115px; background:url("img/blog-line.png")/*tpa=http://www.0731bz.net/style/css/img/blog-line.png*//*tpa=http://www.0731bz.net/style/css/img/blog-line.png*/ no-repeat 120px 0; position:relative; overflow:hidden; transition:all 0.4s ease 0s;}
ul.textlist li span.time {position:absolute; font-size:0.875em; left:0; top:0; color:#666;}
ul.textlist .text-info {padding-left:150px; transition:all 0.4s ease 0s;}
ul.textlist .text-info h2,ul.bloglist li h2 {font-weight:normal; font-size:1.125em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-bottom:10px;}
ul.textlist .text-info h2 a,ul.bloglist li h2 a,#showcase ul li a {color:#178EEE; }
ul.textlist .text-info h2 a:hover,ul.bloglist li h2 a:hover {color:#444; text-decoration:underline;}
ul.textlist .text-info p,ul.bloglist li p {font-size:0.75em; text-indent:2em; color:#444; line-height:1.75em; text-align:justify; height:63px; overflow:hidden;}
ul.bloglist li {overflow:hidden; border-bottom:1px solid #eee; padding-bottom:15px; margin-bottom:25px;}
ul.bloglist li .thumbnail {width:230px; float:left; margin-right:25px; display:inline; transition:all 0.4s ease 0s;}
ul.bloglist li .thumbnail a {display:block;}
ul.bloglist li .thumbnail img,.grid-item img,.commentslist ol li .gravatar img {display:block; width:100%; height:auto; transition:transform 0.4s ease 0s;}
ul.bloglist li h2 {padding-bottom:5px; margin-bottom:10px;}
ul.bloglist li p {font-size:0.875em; height:auto; overflow:visible;}
.waterfall {width:102%;}
.grid-sizer,.grid-item { width: 30%;}
.grid-item { margin-bottom:20px;}
.gutter-sizer { width: 4%; }
.grid-item--width2 { width: 40%; }
.grid-item .itembg {background:#f2f2f2; padding:10px; border:1px solid #eee;}
.grid-item .itembg .thumbnail {margin-bottom:15px;}
.grid-item .itembg .thumbnail a {display:block; overflow:hidden;}
.grid-item .itembg .thumbnail img:hover {transform:scale(1.4,1.4); transition:transform 0.4s ease 0s; opacity:0.8;}
.grid-item .itembg h2 {text-align:center; font-weight:normal; font-size:1.125em; margin-bottom:15px;}
.grid-item .itembg h2 a {color:#178EEE;}
.grid-item .itembg p {font-size:0.875em; color:#333; text-align:justify; margin-bottom:15px; line-height:1.75em;}
.grid-item .itembg p.more {text-align:center; font-size:0.75em;}
.grid-item .itembg p.more a {background-color:#eee; padding:0 5px; color:#666;}
.grid-item .itembg p.more a:hover {background:#178EEE; color:#fff;}
/*pagenavi*/
.pagenavi {clear:both; text-align:center;}
.pagenavi a,.pagenavi span.now-page {display:inline-block; background-color:#ddd; color:#333; padding:5px 10px;}
.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;}
.post .postmeta {font-size:0.75em; color:#888; text-align:center; margin-bottom:25px;}
.post .postmeta span {padding:5px;}
.post .entry {border-bottom:1px solid #eee;}
.post .entry p,.post .entry,.post .pn,.post .related-post{overflow:hidden; margin-bottom:15px;}
.post .entry h1 {font-size:1.5em; text-align:left;}
.post .entry h2 {font-size:1.25em; margin-bottom:15px;}
.post .entry h3 {font-size:1em; margin-bottom:15px;}
.post .entry h4 {font-size:0.875em; margin-bottom:15px;}
.post .entry h5 {font-size:0.75em; margin-bottom:15px;}
.post .entry h6 {font-size:0.7em; margin-bottom:15px;}
.post .entry blockquote {background:#f3f3f3; overflow:hidden; padding:15px 15px 0; margin-bottom:15px; color:#333; border-bottom:2px solid #eee;}
.post .entry ul,.post .entry ol {margin-bottom:15px; padding-left:2em;}
.post .entry ul li {list-style:inside disc none;}
.post .entry ol li {list-style:inside decimal none;}
.post .entry a {color:#178EEE;}
.post .entry img {width:auto; max-width:100%; height:auto;}
.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 h3,.commentslist h3,.comment-form h3,.related-products h3 {background:#178EEE; color:#fff; font-weight:normal; font-size:0.875em; padding-left:5px; height:30px; line-height:32px; margin-bottom:15px; border-bottom:2px solid #eee;}
.post .related-post ul li {font-size:0.875em; line-height:1.75em; overflow:hidden;}
.post .related-post ul li a {color:#333; background:url("img/dot.png")/*tpa=http://www.0731bz.net/style/css/img/dot.png*//*tpa=http://www.0731bz.net/style/css/img/dot.png*/ no-repeat left center; padding-left:15px; display:block; float:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:70%;}
.post .related-post ul li span {float:right; color:#888; font-size:0.75em;}
/*commentslist*/
.commentslist ol li {position:relative; clear:both; overflow:hidden; margin-bottom:15px;}
.commentslist ol li .gravatar {width:40px; height:40px; position:absolute; left:0; top:0; border:1px solid #eee; padding:1px; float:left;}
.commentslist ol li .cmt-info {margin-left:55px; border:1px solid #eee; border-radius:4px; padding:10px;}
.commentslist ol li .cmt-info .cmt-meta {border-bottom:1px solid #eee; padding-bottom:5px; margin-bottom:10px;}
.commentslist ol li .cmt-info .cmt-meta span {margin-right:5px; font-size:0.875em;}
.commentslist ol li .cmt-info .cmt-meta span.time {font-size:0.75em; color:#888;}
.commentslist ol li .cmt-info .cmt-meta span.reply {float:right;}
.commentslist ol li .cmt-info .cmt-meta a {color:#178EEE;}
.commentslist ol li .cmt-info .cmt-con {font-size:0.875em; color:#555;}
.commentslist ol li span.arrow {position:absolute; left:49px; top:15px; display:block; height:2px; border-right:6px solid #ddd; border-top:6px solid transparent; border-bottom:6px solid transparent;}
.commentslist ol li li {margin-bottom:0; margin-top:15px; margin-left:20px;}
/*comment-form*/
.comment-form p {margin-bottom:15px;}
.comment-form .text,.comment-form textarea {border:1px solid #ddd; padding:5px; border-radius:3px; box-shadow:inset 0px -1px 1px #ddd; width:30%; transition:all 0.4s ease 0s;}
.comment-form textarea {width:60%; height:150px; transition:all 0.4s ease 0s;}
.comment-form .submit,a#cancel-reply {cursor:pointer; background-color:#178EEE; border:none; color:#fff; padding:5px 10px;}
.comment-form .submit:hover,a#cancel-reply:hover {background-color:#2E2E2E;}
.reply-frm {margin-top:15px;}
/*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;}
/*footer*/
#footer {background:#2E2E2E; width:100%; height:auto;}
.top-footer {font-size:0.875em; padding:20px 0; color:#fff; overflow:hidden; position:relative;}
.contact {text-align:center;}
.contact a {color:#ACACAC;}
.qrcode {float:left;}
.qrcode ul li {float:left; margin:0 10px; display:inline; text-align:center;}
.qrcode img {width:80px; height:80px;display:block; background-color:#fff;}
.footer-logo {float:right; margin-top:20px; display:inline; width:250px;}
.footer-logo img {width:100%; height:auto;}
.sub-footer {width:95%; padding:10px 2.5%; text-align:center; font-size:0.85em;}
.sub-footer a {color:#ACACAC;}
/*search-form*/
.search-form-bg {position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.7); z-index:999; display:none;}
.search-form {width:310px; height:140px; background:#1E95F5; position:fixed; left:50%; top:50%; margin:-70px 0 0 -155px; z-index:1000; display:none;}
.search-form form {width:90%; margin:0 auto;}
.search-form .s {height:25px; border:1px solid #ddd; margin-top:55px; width:80%; padding:0 5px;}
.search-form .submit {cursor:pointer; background:#fff; border:none; height:25px;}
.backtop {position:fixed; right:0; top:80%; background:#1E95F5 url("img/backtop.png")/*tpa=http://www.0731bz.net/style/css/img/backtop.png*//*tpa=http://www.0731bz.net/style/css/img/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("img/icon-mobi.png")/*tpa=http://www.0731bz.net/style/css/img/icon-mobi.png*//*tpa=http://www.0731bz.net/style/css/img/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){
.inner,
#nav .menu {
width:93.75%;
}
#service ul li {
width:14.84375%;
margin:20px 1.5625%;
}
#boxslider {
width:85.9375%;
}
#showcase ul {
width:101.5625%;
}
#showcase ul li {
width:40%;
margin: 25px 7.692308% 25px 0px;
padding-right:2.283%;
}
#showcase ul li .thumbnail {
margin-right:3.846154%;
}
#partner ul li {
width:15%;
margin:10px 0.833333%;
}
.footer-logo {
width:20.833333%;
}
.sidebar {
width:20.833333%;
}
.main {
width:75%;
}
ul.showlist,
.related-products ul {
width:103.333333%;
}
ul.showlist li,
.related-products ul li{
width:30.107527%;
margin:0px 3.225806% 30px 0px;
}
}
@media only screen and (max-width:1080px){
.nav .menu ul li {
font-size:1em;
margin:0 5px;
}
}
@media only screen and (max-width:960px){
#showcase ul li .thumbnail {
width:180px;
height:126px;
}
}
@media only screen and (max-width:900px){
.nav {
float:none;
width:100%;
display:block;
clear:both;
}
.footer-logo {
position:absolute;
right:0;
top:40px;
}
}
@media only screen and (max-width:800px){
#boxslider {
width:75.9375%;
}
#showcase ul {
width:100%;
padding:0;
}
#showcase ul li {
padding-right:0;
margin: 0 5% 25px;
}
#showcase ul li .thumbnail {
float:none;
display:block;
width:100%;
margin-right:0;
height:auto;
}
#showcase ul li h2 {
padding:0 10px;
}
#showcase ul li p {
padding:0 10px;
}
#showcase ul li p.more {
padding-bottom:10px;
}
.sidebar {
display:none;
}
.main {
float:none;
width:100%;
}
}
@media only screen and (max-width:680px) {
.social ul li.qq {
display:none;
}
.nav-btn,
.mobile-bar {
display:block;
}
.nav,
.backtop {
display:none;
}
.logo {
margin:10px 0;
}
.qrcode {
float:none;
text-align:center;
margin-bottom:15px;
}
.qrcode ul li {
float:none;
display:inline-block;
}
.footer-logo {
top:auto;
bottom:20px;
}
.contact {
float:none;
padding-left:0;
}
.grid-sizer,.grid-item {
width: 47%;
}
.gutter-sizer {
width: 4%;
}
.comment-form .text {
width:60%;
}
.comment-form textarea {
width:90%;
}
}
@media only screen and (max-width:540px) {
ul.bloglist li .thumbnail {
width:180px;
}
ul.bloglist li h2 {
white-space:normal;
}
}
@media only screen and (max-width:480px) {
.social ul li {
margin-left:2px;
}
#notice {
padding:8px 0;
font-size:0.875em;
}
#service ul li {
width:40%;
margin:0 4% 10px;
}
#boxslider {
width:55.9375%;
}
#products ul li {
width:40%;
padding:10px 5%;
}
#products .leonherefix,
#partner .leonherefix,
ul.showlist .leonherefix {
clear:both;
}
ul.showlist .leonhereclear {
clear:none;
}
#partner ul li {
width:30%;
margin:10px 1.666667%;
}
ul.showlist li {
width:46.774194%;
margin:0px 3.22581% 30px 0px;
}
.breadcrumb {
float:none;
margin-bottom:15px;
}
.breadcrumb-title h1,
.breadcrumb-title .cate {
clear:both;
float:none;
}
ul.newslist li span {
display:none;
}
ul.newslist li a {
width:90%;
}
ul.textlist li span.time {
display:none;
}
ul.textlist li {
background-position:0 0;
}
ul.textlist .text-info {
padding-left:30px;
}
}
@media only screen and (max-width:380px) {
#top .tel span,
.commentslist ol li .gravatar,
.commentslist ol li span.arrow {
display:none;
}
#showcase ul li {
padding-right:0;
margin: 25px auto;
width:80%;
float:none;
display:block;
}
ul.bloglist li .thumbnail {
width:100%;
float:none;
display:block;
margin-right:0;
margin-bottom:15px;
}
.grid-sizer,
.grid-item,
.waterfall,
.grid-item--width2 {
width: 100%;
}
.gutter-sizer {
width: 0;
}
.commentslist ol li .cmt-info {
margin-left:0;
}
}
@media only screen and (max-width:320px) {
.nav-btn {
top:13px;
}
.nav-btn span {
display:none;
}
.logo {
width:auto;
height:auto;
}
.logo img {
width:auto;
height:40px;
}
}