´╗┐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) 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) 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) 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) 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) 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); 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) 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) 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) 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) -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) -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) 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) no-repeat left center; padding-left:12px; color:#333;} .widget ul li a:hover {background-image:url(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) 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) 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); color:#2D99F0;} ul.textlist li {height:115px; background:url(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) 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) 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"); 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; } }