* {-webkit-tap-highlight-color:transparent;}
article, aside, details, figcaption, figure, footer, header, main, nav, section {display:block;}
div,html,body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {margin:0; padding:0;}
body {background-color:#F5F6F9; font:100%/1.5em 'Microsoft Yahei',Arial,tahoma; overflow-x:hidden;}
body.fixed {position:fixed; width:100%; height:100%; overflow-y:hidden;}
a {text-decoration:none; outline:none; -webkit-tap-highlight-color:transparent;}

input:focus {outline:none;}
li {list-style:none;}
.clear {clear:both;}
a img {border:none;}
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:1300px; margin:0 auto;}
.left {float:left;}
.right {float:right;}

@media only screen and (min-width: 481px) and (max-width: 1024px){
    /* 平板电脑样式文件 */
	.thumbnail img {width:100%; max-height: 310px; display:block;}
	.thumbnailpic img {width:100%; max-height: 360px;min-height: 260px; display:block;}
}

@media only screen and (min-width: 1025px){
    /* pc.端样式文件 */
    .thumbnail img {width:100%; max-height: 310px;min-height: 162px; display:block;}
    .thumbnailpic img {width:100%; max-height: 350px; min-height: 350px; display:block;}
}

@media only screen and (max-width: 480px){
    /* 手机端样式文件 */
	.thumbnail img {width:96%; max-height: 350px;display:block;}
	.thumbnailpic img {width:100%; min-height: 260px; display:block;}
}

.mb20 {margin-bottom:20px; overflow:hidden;}
img.alignleft {float:left; margin:0 15px 15px 0;}
img.aligncenter {display:block; margin:0 auto;}
img.alignright {float:right; margin:0 0 15px 15px;}
/*header*/
#header {width:100%; background-color:#fff; box-shadow:0px 1px 5px rgba(0,0,0,.1);position: sticky;top: 0;z-index: 99;}
.top-bar {width:100%; height:26px; line-height:26px; background-color:#212121; overflow:hidden;}
.top-bar .left a {color:#fff; font-size:0.875em;}
.top-bar .right ul {overflow:hidden;}
.top-bar .right ul li {float:left; color:#F5F6F9; font-size:0.75em;}
.top-bar .right ul li a {color:#F5F6F9; margin-left:10px;}
.header {height:80px; position:relative; margin-bottom:20px;}
/*logo*/
.logo {padding:10px 0;}
.logo a { display:block; width:142px; height:60px; outline:none;padding-top: 15px;}
/*nav*/
.nav .menu ul li {font-size:1em; float:left; line-height:80px; position:relative;}
.nav .menu ul li li {line-height:1.75em;}
.nav .menu ul li a {display:block; color:#000; padding:0 20px;}
.nav .menu ul li ul {position:absolute; left:50%; margin-left:-85px; width:170px; background-color:#fff; border:1px solid #ced6d8; box-shadow:0px 0px 1px #ced6d8; padding:10px 0; z-index:10; display:none; }
.nav .menu ul li.current > a {color:#f00;}
.nav .menu ul li ul.open {display:block;}
.nav .menu ul li ul li {float:none; text-align:center; padding-left:0;}
.nav .menu ul li ul li a {padding:5px 0;}
.nav .menu ul li ul span {font-style:normal; display:block; width:10px; height:10px; border-left:1px solid #ced6d8; border-top:1px solid #ced6d8; position:absolute; left:50%; margin-left:-5px; top:-6px; transform: rotateZ(45deg); z-index:2; background-color:#fff;}
/*nav-btn*/
.nav-btn {float:right; position:absolute; top:37px; cursor:pointer; right:8px; display:none;}
.nav-btn i {font-size:1.3em;}
.nav-btn.on {font-weight:bold; color:#f00;}
#nav {display:none; margin-bottom:20px;}
#nav .menu {margin:0 auto;}
#nav .menu ul li {font-size:0.875em;}
#nav .menu ul li li {font-size:1em;}
#nav .menu ul li a {color:#333; display:block; padding:5px 0;}
#nav .menu ul li li a {padding:5px 0 5px 1em;}
#nav .menu ul li.current-menu-item a {background-color:#eee; padding:5px 10px;}
#nav .menu ul li li.current-menu-item a {padding:5px 0 5px 2em;}
/*search-btn*/
.search-btn {float:right; position:absolute; right:0; top:37px; cursor:pointer;}
.search-btn .on {color:#f00;}
.search-wrap {background-color:#fff; width:100%; height:100%; position:fixed; left:-100%; top:131px; z-index:9; overflow-y:scroll;}
.search-wrap.open {left:0; transition:left 0.2s ease 0s;}
.search-wrap .search-inner {padding-bottom:250px;}
.search-form {width:500px; margin:80px auto 50px; overflow:hidden;}
.search-form .s {background-color:#F5F6F9; border:1px solid #ced6d8; height:60px; width:420px; font-size:1.5em; text-indent:5px; float:left; border-right:none;}
.search-form button {float:left; width:79px; height:62px; border:none; background-color:#f00; color:#fff; cursor:pointer; font-size:2em;}
.quick-find {width:500px; margin:0 auto;}
.quick-find h3 {font-size:1.25em; font-weight:normal; color:#333; margin-bottom:20px;}
.quick-find a {background-color:#F5F6F9; color:#666; display:block; float:left; padding:3px 10px; margin:2px 5px 2px 0; font-size:0.875em;}
.quick-find a:hover {background-color:#CED6D8; color:#999;}
/*banner*/
.banner {width:100%; overflow:hidden; height:auto; margin-top:-18px;}
/*slides*/
.slides {margin-bottom:5px; clear:both; overflow:hidden;}
.slides img,.banner img {width:100%; height:auto; display:block;}
.owl-carousel {display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1;}
.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; overflow: hidden; -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-item img {display: block; width: 100%; }
.owl-carousel .owl-nav.disabled,.owl-carousel .owl-dots.disabled { display: none;}
.owl-carousel .owl-nav .owl-prev,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-dot {cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.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; }
.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 { margin-top: 10px; 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 [class*='owl-']:hover {background: #869791; color: #FFF; text-decoration: none; }
.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; }
.owl-dots .owl-dot { display: inline-block; zoom: 1; *display: inline; }
.owl-dots .owl-dot span {width: 10px; height: 10px; margin: 5px 7px;  background: #D6D6D6;  display: block;  -webkit-backface-visibility: visible;  transition: opacity 200ms ease;  border-radius: 30px; }
.owl-dots .owl-dot.active span,.owl-dots .owl-dot:hover span {background: #869791; }
/*products*/
.container {/*background-color:#fff;padding:30px 0; box-shadow:0px 0px 3px #ddd;*/ overflow:hidden; margin-bottom:20px; clear:both;}
.section-title {text-align:center; line-height:1.5em;}
.section-title a {color:#000;}
.section-title h3 {font-size:1.5em; font-weight:normal;}
.section-title h4 {font-size:0.75em; font-weight:normal; margin-top:5px; color:#888;}
.products ul {overflow:hidden; width:1320px;padding-left:20px;padding-top:20px;padding-bottom:20px;}
.products ul li {float:left; width:298.5px; text-align:center;padding-right:20px;}
.products ul li .thumbnail,.productslist .thumbnail {margin-bottom:10px;}
.products ul li p,.productslist p {font-size:0.875em;height: 20px;
    line-height: 20px;
    overflow: hidden;
    display: block;}
.products ul li a,.productslist a {color:#555;}
.products .fourclear {clear:both;}
.products ul li p a {
    color: #555;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    display: block;
}
/*news*/
.news ul {overflow:hidden;padding-left:20px;padding-top:20px;padding-right:20px;}
.news ul li {float:left; width:48%; overflow:hidden; padding-top:20px;}
.news ul li.right {float:right;}
.news ul li .thumbnail {float:left; width:150px; max-height:161px; min-height: 150px;overflow:hidden; padding-right:20px;}
.news ul li .title {font-size:1.25em; margin-bottom:15px; line-height:1.5em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news ul li .title a {color:#333;}
.news ul li p {color:#555; font-size:0.875em; height:96px;/*overflow:hidden;*/}
/*about*/
.about .intro,.contact .info {width:80%; margin:20px auto; background-color:#F5F6F9; padding:20px; overflow:hidden;}
.about .intro p,.contact .info p {font-size:0.875em; color:#555; padding:5px 0; text-indent:2em; text-align:justify;}
.contact .info p a {color:#555;}
/*contact*/
.contact .info p {text-indent:0;}
.contact .info .left {width:50%;}
.contact .info .right {width:40%;}
.contact .info .right p {text-align:center;}
.contact .info .right img {width:130px; height:auto; display:block; margin:0 auto;}
.contact .info .right .left {width:50%;}
/*partners*/
.container.partners {margin:0;}
.partners ul {overflow:hidden;}
.partners ul li {float:left; font-size:0.875em; width:20%; padding-top:20px;}
.partners ul li img {width:80%; height:auto; display:block; margin:0 auto;}
.partners a {color:#333;}
/*footer*/
.footer {background-color:#31353D; width:100%; overflow:hidden; padding:30px 0;}
/*friendlinks*/
.friendlinks ul {overflow:hidden; text-align:center;}
.friendlinks ul li {display:inline; line-height:2em; padding:2px 5px; font-size:0.875em; color:#eee;}
.friendlinks a {color:#eee;}
.friendlinks ul li span {font-weight:bold;}
.copyrigt {text-align:center; font-size:0.75em; color:#ddd;}
.copyrigt a {color:#ddd;}
/*breadcrumb*/
.breadcrumb {font-family:'SimSun';font-size:0.89em; overflow:hidden; background-color:#ffffff; padding-left: 20px;padding-top: 20px;padding-bottom: 20px;}
.breadcrumb a {color:#555;}
.breadcrumb i {font-style:normal; padding:0 2px;}
/*main*/

/*@media only screen and (max-width:1140px){*/
/*	.main {width:100%;overflow:hidden;background-color: #ffffff;padding: 6px; }*/
/*}*/

.main {width:900px; overflow:hidden;background-color: #ffffff;padding: 6px;}
.news.main ul li {float:none; width:auto; clear:both; padding-top:0; margin-bottom:20px; border-bottom:1px solid #eee; padding-bottom:20px;}
.news.main ul li .thumbnail {width:250px;}
.news.main ul li p {height:120px;}
/*productslist*/
/*@media only screen and (max-width:1140px){*/
/*	.main {width:100%;overflow:hidden;background-color: #ffffff;padding: 6px; }*/
/*}*/
.productslist {overflow:hidden; width:100%;}
.productslist li {float:left; width:280px;padding-bottom:20px; text-align:center;} 
/*pagenavi*/
.pagenavi {text-align:center; font-size:1em; line-height:2em; clear:both;}
.pagenavi a,.pagenavi span.now-page {/*border-bottom:1px solid #9f9f9f;*/ color:#9f9f9f; padding:0 8px 2px; margin:3px;}
.pagenavi a:hover,.pagenavi span.now-page {border-color:#FE6B63;}
/*sidebar*/
.sidebar {width:358px;padding-bottom: 20px;}
.submenu,.widget {margin-bottom:20px;}
.submenu h3,.widget h3 {background-color:#FE6B63; font-weight:normal; font-size:1em; padding:10px 15px; color:#fff;}
.submenu h3 a {color:#fff;}
.submenu ul {background-color:#fe918b; color:#fff;}
.submenu ul li {font-size:0.875em;}
.submenu ul li a {padding:5px 15px; display:block; border-bottom:1px solid #f8807a; border-top:1px solid #f9aca8; color:#fff;}
.submenu ul li a:hover {background-color:#f9a49f;}
.widget ul,.widget > div {border:1px solid #E7E8EB; border-top:none;}
.widget .zboutsource-contact img {width:100%; height:auto; display:block;}
.widget .zboutsource-contact p {padding:5px 15px;}
.widget p {padding-top:5px; font-size:0.875em; color:#333;}
.widget ul {padding:10px 0;}
.widget ul li {font-size:0.9em; padding:5px 15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.widget ul li a {color:#555;}
/*post*/
.post h1.post-title {font-size:1.75em; font-weight:normal; line-height:1.5em; margin-bottom:5px;}
.post h1.post-title.page-title {text-align:center; margin-bottom:15px;}
.postmeta {font-size:0.75em; color:#666; margin-bottom:15px;}
.postmeta a {color:#FE6B63;}
.postmeta span {margin:0 5px 5px 0;}
.post .entry {line-height:1.75em;width: 94%;}
.post .entry a {color:#0E7DF3;}
.post .entry a:hover {text-decoration:underline;}
.post .entry p {margin-bottom:15px; font-size:1em; color:#222;}
.entry h1,.entry h2,.entry h3,.entry h4,.entry h5,.entry h6,.post .entry ul,.post .entry ol {margin-bottom:15px;}
.post .entry ul,.post .entry ol {padding-left:2em; font-size:1em;}
.post .entry ul li {list-style:inside disc none; margin-bottom:5px;}
.post .entry ol li {list-style:inside decimal none; margin-bottom:5px;}
.post .entry blockquote {font-size:1em; padding:15px 15px 0; background-color:#f1f1f1; border-radius:5px; border:1px dashed #ccc; overflow:hidden;}
.post .entry blockquote p {color:#555;}
.post .entry img {max-width:100%; height:auto;}
.post .tags {font-size:0.875em; color:#555; margin-bottom:25px; border-bottom:1px solid #eee; padding-bottom:10px;}
.post .tags a {color:#555; margin-left:5px;}
/*relatednews*/
.relatednews,.related {margin-bottom:20px;width: 94%;}
.relatednews h3,.related h3 {font-weight:normal; font-size:1.125em; margin-bottom:15px; border-left:3px solid #f00; line-height:1.5em; padding-left:15px; color:#555;}
.relatednews ul {overflow:hidden;}
.relatednews ul li {float:left; width:48%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:0.875em; background:url(../images/dot.gif) no-repeat left center; padding:2px 0 2px 10px;}
.relatednews ul li.right {float:right;}
.relatednews ul li a {color:#5788aa;}
.relatednews ul li a:hover {text-decoration:underline; color:#f00;}
/*commentslist*/
.commentslist {margin-bottom:35px;}
.commentslist h3,#comment h3 {font-size:1em; color:#888; border-left:3px solid #888; line-height:1.5em; padding-left:15px; font-weight:normal; margin-bottom:30px;}
.commentslist h3 span {font-size:0.875em; margin-left:10px;}
.commentslist li {margin-bottom:20px; overflow:hidden;}
.commentslist li .cmt-wrap {position:relative; padding-left:60px;}
.commentslist li .gravatar {width:42px; height:42px; overflow:hidden; border-radius:50%; position:relative; position:absolute; left:0; top:0;}
.commentslist li .gravatar img {width:100%; height:auto; display:block; border-radius:50%;}
.commentslist li .cmt-info {font-size:0.75em; color:#888; overflow:hidden; margin-bottom:5px;}
.commentslist li .cmt-info a {color:#888;}
.commentslist li .cmt-info span {margin-left:5px;}
.commentslist li .cmt-info span.cmt-date {float:right; display:inline;}
.commentslist li .cmt-info span a {color:#8EC1F4; border:1px solid #8EC1F4; padding:0 5px 0 0; border-radius:2px;}
.commentslist li .cmt-info span a:hover {background-color:#8EC1F4; color:#fff;}
.commentslist li .cmt-text {font-size:0.875em; color:#333;}
.commentslist li .cmt-text #comment {margin-top:20px;}
.commentslist li li {margin-left:60px; margin-top:15px; overflow:hidden; border:1px solid #DEE4E9; padding:15px; margin-bottom:0;}
.commentslist li li .cmt-wrap {padding-left:0;}
.commentslist li li .gravatar {display:none;}
.commentslist li li li {margin-left:0;}
#comment p {clear:both; overflow:hidden; padding:5px 0;}
#comment .warming {font-size:0.875em; color:#333; padding:10px 0;}
#comment .warming a {color:#8EC1F4;}
#comment label {display:block; font-size:0.875em; color:#555;}
#comment .text,#comment textarea {border:1px solid #959595; border-radius:2px; padding:5px; width:250px;}
#comment textarea {width:98%; height:120px; border-radius:4px;}
#comment .submit {background-color:#959595; font-size:0.875em; color:#fff; padding:8px 20px; border-radius:5px; display:block; float:left; cursor:pointer;}
#comment a.canel {height:35px; margin-left:5px; width:96px; text-align:center; line-height:35px; background-color:#FE6B63; color:#fff; display:block; border-radius:5px; float:left; font-size:0.875em;}
/*screen width*/

 @media screen and (min-width: 1240px){
     /*.productslist{margin-right:33px;}*/
     .productslist li {float:left; width:280px;padding-bottom:20px; text-align:center;padding-left:28px !important;}
 }

@media only screen and (max-width:1320px){
	.inner {width:1100px;}
	.products ul {width:1120px;}
	.products ul li {width:260px;}
	.main {width:100%;}
	.sidebar {width:300px;}
	.productslist {width:100%;}
	.productslist li {width:230px;}
}
@media only screen and (max-width:1140px){
	.inner {width:1024px;}
	.products ul {width:1044px;}
	.products ul li {width:241px;}
	.nav .menu ul li a {padding:0 18px;}
	.logo a {background-size:80% auto;}
	.main {width:100%;}
	.sidebar {width:250px;}
	.productslist {width:100%;}
	.productslist li {padding-right:20px;}
	.news.main ul li .thumbnail {width:200px;}
	.news.main ul li p {height:98px;}
}
@media only screen and (max-width:1080px){
	.inner {width:960px;}
	.header {height:70px;}
	.logo {padding:10px 0;}
	.logo a {width:200px; height:50px; background-size:100% auto;}
	.nav .menu ul li {font-size:0.875em; line-height:70px;}
	.nav .menu ul li a {padding:0 15px;}
	.search-btn {top:23px;}
	.search-wrap {top:101px;}
	.products ul {width:980px;}
	.products ul li {width:225px;}
	.main {width:100%;}
	.sidebar {width:235px;}
	.productslist {width:100%;}
	.productslist li {width:210px; padding-right:30px;}
}
@media only screen and (max-width:990px){
	.inner {width:860px;}
	.products ul {width:880px;}
	.products ul li {width:200px;}
	.news ul li .title {font-size:1.125em; font-weight:normal;}
	.main {width:100%;}
	.productslist {width:100%;}
	.productslist li {width:180px;}
}
@media only screen and (max-width:890px){
	.inner,#nav .menu {width:770px;}
	#nav.open {display:block;}
	.products ul {width:790px;}
	.products ul li {width:177.5px;}
	.nav-btn {display:block; top:23px;}
	.nav,.top-bar .right {display:none;}
	.contact .info .right {float:none; clear:both; width:100%;}
	.contact .info .left {float:none; clear:both; width:100%;}
	.contact .info .right .left {clear:none; float:left;}
	.main {width:100%;}
	.sidebar {width:210px;}
	.productslist {width:100%;}
	.productslist li {width:165px; padding-right:20px;}
	.relatednews ul li,.relatednews ul li.right {float:none; width:auto;}
}
@media only screen and (max-width:800px) {
	.inner,#nav .menu {width:95%;}
	.products ul {width:102.631579%;}
	.products ul li {width:22.435897%; padding-right:2.564103%;}
	.news ul li .title {margin-bottom:8px; font-size:1em;}
	.news ul li .thumbnail {width:110px; padding-right:10px;}
	.news ul li p {height:75px;}
	.main {width: 97.5%;}
	.sidebar {display:none;}
	.productslist {width:102.631579%;}
	.productslist li {width:30.769231%; padding-right:2.564103%;}
}
@media only screen and (max-width:640px) {	
	.news ul li {float:none!important; width:auto; clear:both;}
	.commentslist li .gravatar {width:35px; height:35px;}
	.commentslist li .cmt-wrap {padding-left:45px;}
	.news.main ul li .thumbnail {width:160px;}
	.search-form {margin-top:40px;}
	#comment textarea {width:96%;}
}

@media only screen and (max-width:540px) {
    .wapthumbnail {height: 222px;}
}
@media only screen and (max-width:540px) {
    .main {width:96.5%;}
	.header {height:60px;}	
	.products ul {width:99%;padding-left: 5px}
	.products ul li {width:48%; padding-right:2%; padding-top:10px;}
	.section-title h3 {font-size:1.25em;}
	.logo {padding:5px;}
	.logo a {width:180px;}
	.search-btn,.nav-btn {top:16px;}
	.search-form,.quick-find {width:300px;}
	.search-form .s {width:248px; height:45px;}
	.search-form button {width:50px; height:47px; font-size:1.5em;}
	.search-wrap {top:90px;}
	.productslist {width:99%;padding-left: 6px;padding-right: 5px;}
	.productslist li {width:48%; padding-right:2%;}
	.news.main ul li .thumbnail {width:120px;}
	.news.main ul li p {height:72px;}
	.products .fourclear {clear:none;}
	.products .twoclear {clear:both;}
	.breadcrumb{width:95.3% !important;}
}
@media only screen and (max-width:360px) {	
	.contact .info .right img {width:110px;}
	.section-title h3 {font-size:1em;}
	#comment textarea {width:94%;}
}
.lfooter{ display:none}
@media only screen and (max-width:768px) {
    .tools{display:none}
    .footer {
        margin-bottom: 0px;
    }
    .lfooter {
    	max-width: 720px;
    	height: 70px;
    	background-color: #0061a8;
    	position: fixed;
    	bottom: 0px;left:0; right:0; margin:0 auto; display:block
    }
    .lfooter ul li {
    	width: 25%;
    	height: auto;
    	float: left;
    	text-align: center;
    	padding: 10px 0px;
    }
    .lfooter ul li a {
    	color: #FFF;
    	line-height: 12px;
    	font-size: 12px;
    }	
}

/* 右侧文章块 */
#rightarticleblock{
    position: sticky;top: 90px;z-index: 98;
}

/* 分类页分页样式 开始*/
.pagination {overflow:hidden;margin-bottom: -13px;}
.pagination ul {display:inline-block;padding-top: 0px !important;}
.pagination ul>li {display:inline-block;border-bottom: 0px solid #eee !important;padding-bottom: 0px !important;margin-bottom: 0px !important;}
.pagination ul>li>a,.pagination ul>li span {position:relative;float:left;padding:6px 12px;line-height:1.42857143;text-decoration:none;border:1px solid #ddd;margin:3px 5px 3px 0px;border-radius:8px;}
.pagination ul>li:first-child a {margin-left:0;}
.pagination ul>li.current span,.pagination ul>li>a:hover {background-color:#448ef6;color:#fff;border-color:transparent;}
/* 分类页分页样式 结素*/