/*
Theme URI: https://www.adminbuy.cn/
*/
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 {font:16px/1.75em 'Microsoft Yahei',tahoma,Arial;}
a {outline:none; text-decoration:none; color:#333;}
a:hover {color:#692c2b;}
li {list-style:none;}
.clear {clear:both;}
a img {border:none;}
hr {border:none; border-bottom:1px solid #eee;}
table {width:100%; background-color: transparent; border-spacing: 0; border-collapse: collapse; font-size:14px; 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;}
/*global*/
.inner {width:1280px; margin:0 auto;}
.thumbnail {position:relative; overflow:hidden;}
.thumbnail img {display:block; width:100%; height:auto; min-height:100%; position:absolute; left:0; top:0;}
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;}


.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:5%; height:100%; position:absolute; top:0; margin:0; padding:0;}
.owl-carousel .owl-nav .owl-prev {background:url(../images/carousel-arrow-left.png) no-repeat left center / 70% auto; left:-5%;}
.owl-carousel .owl-nav .owl-next {background:url(../images/carousel-arrow-right.png) no-repeat right center / 70% auto; right:-5%;}
.owl-carousel.owl-loaded {display: block; }
.owl-carousel.owl-loading {opacity: 0; display: block; }
.owl-carousel.owl-hidden {opacity: 0; }
.owl-carousel.owl-refresh .owl-item { visibility: hidden; }
.owl-carousel.owl-drag .owl-item {-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; opacity:0.2;}
.owl-carousel.owl-drag .owl-item.active {opacity:1;}
.owl-carousel.owl-grab { cursor: move; cursor: grab;}
.owl-carousel.owl-rtl {direction: rtl; }
.owl-carousel.owl-rtl .owl-item {float: right; }
.no-js .owl-carousel {display: block; }
.owl-carousel .animated {animation-duration: 1000ms; animation-fill-mode: both; }
.owl-carousel .owl-animated-in { z-index: 0; }
.owl-carousel .owl-animated-out { z-index: 1; }
.owl-carousel .fadeOut { animation-name: fadeOut; }
@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } 
}
.owl-height {transition: height 500ms ease-in-out; }
.owl-carousel .owl-item .owl-lazy {opacity: 0;  transition: opacity 400ms ease; }
.owl-carousel .owl-item img.owl-lazy {transform-style: preserve-3d; } 
.owl-nav { text-align: center; -webkit-tap-highlight-color: transparent; }
.owl-nav [class*='owl-'] { color: #FFF; font-size: 14px; margin: 5px; padding: 4px 7px; background: #D6D6D6; display: inline-block; cursor: pointer; border-radius: 3px; }
.owl-nav .disabled { opacity: 0.5; cursor: default; }
.owl-nav.disabled + .owl-dots { margin-top: 0; }
.owl-dots {text-align: center;-webkit-tap-highlight-color: transparent; position:absolute; bottom:0px; width:100%; left:0;}
.owl-dots .owl-dot { display: inline-block; zoom: 1; *display: inline; cursor:pointer;}
.owl-dots .owl-dot span {display: block;  -webkit-backface-visibility: visible;  transition: opacity 200ms ease; }
.owl-dots .owl-dot.active span,.owl-dots .owl-dot:hover span {background-color: #024890; }

/*error404*/
#error404 {text-align: center; padding:20vh 0 25vh;}
#error404 h2 {font-size: 36px; line-height: 1.125em; color:#999; }
#error404 .intro {font-size: 16px; line-height: 1.875em; color:#9a9a9a;}
#error404 .intro p {margin-top: 3.5%;}
#error404 .intro a {display: inline-block; background-color: #692c2b; color:#fff; font-size: 12px; padding:0 20px; border-radius: 5px;}
/*header*/

#logo {float:left; padding:20px 0;}
#logo a {display:block; color:#999; text-align:center;  background-size:contain; width:250px; height:80px; text-indent:-9999em;}

.other {float:right; padding:25px 0;}
.other .phone {margin-bottom:5px; padding-left:30px; font-size:18px; color:#666; background:url(../images/icon_phone.png) no-repeat left center; color:#692c2b;}

.searchform {overflow:hidden; width:340px;}
.searchform form {position:relative; padding-right:40px; overflow: hidden;}
.searchform .input {border:1px solid #e4e4e4; border-radius:3px 0 0 3px; overflow: hidden;}
.searchform .text {height:35px; line-height:normal; color:#888; width:100%; text-indent:5px; border:none;}
.searchform .text:focus {color:#333;}

.searchform .submit {background:#692c2b url(../images/icon_search.png) no-repeat center center; width:40px; height:100%; border:none; position:absolute; right:0; top:0;  display:block; cursor:pointer;}

.navBtn, .schBtn {display:none;}
/*nav*/
#nav {height:50px; width:100%; clear:both; background-color:#692c2b;}
#nav li {float:left; line-height:50px; position:relative; text-align:center; font-size:16px; width:12.5%;}
#nav a {color:#fff; display:block; white-space: nowrap; overflow: hidden; text-overflow:ellipsis; padding:0 5px;}
#nav a:hover, #nav .current-menu-item > a, #nav .cur > a, #nav .current-post-ancestor > a, #nav .current-menu-parent >  a {background-color:#f6f6f6; color:#555;}

#nav li ul {position:absolute; left:0; top:50px; width:100%; display:none; z-index:6;}
#nav li li {float:none; width:100%; background-color:#f6f6f6;}
#nav li li a {color:#555;}

/*slider*/
#slider {width:100%; overflow:hidden; margin-bottom:45px;}
#slider a {display:block; text-indent:-9999em;}
#slider img {display:block;}
#slider .load {width:100%; padding-bottom:33.854%; background-color:#f9f9f9;}
#slider .owl-dots {line-height:normal; bottom:20px; font-size:0;}
#slider .owl-dot {border:1px solid transparent; padding:2px; margin:0 5px;}
#slider .owl-dot span {width:20px; height:6px; background-color:#ccc;}
#slider .owl-dot.active {border-color:#692c2b;}
#slider .owl-dot.active span {background-color:#692c2b;}
#slidershow.owl-carousel {width:100.5%; margin-left:-0.5%;}
/*banner*/
#banner {width:100%; height:auto; overflow:hidden;}
#banner img {display:block; width:100%; height:auto;}

/*container*/
#container {overflow:hidden; margin-bottom:50px;}

/*home*/
.hmTitle {overflow:hidden; line-height:18px; border-bottom:1px solid #e4e4e4; position:relative; padding-bottom:15px; margin-bottom:20px;}
.hmTitle:after {content:''; display:block; width:80px; height:2px; background-color:#692c2b; position:absolute; left:0; bottom:0;}
.hmTitle h3 {font-size:18px; font-weight:normal; color:#692c2b; float:left; line-height: 1.125em;}
.hmTitle i {font-style:normal; display:block; float:left; padding:0 10px; color:#999;}
.hmTitle span {display:block; font-size:16px; color:#ddd; text-transform:uppercase; float:left;}
.hmTitle a {position:absolute; right:0; top:auto; color:#999; font-size:14px;}

/*about*/
.about {overflow:hidden; margin-bottom:35px;}

.about .box {display: table; width:100%; table-layout: fixed;}

.about .video {display: table-cell; vertical-align: top; width:420px;}
.about .video video {position:absolute; left:0; top:0; display:block; width:100%; height:100%; background-color:#333;  z-index:2; border-radius:10px; overflow:hidden; object-fit:cover;}
.about .btmBg {width:90%; padding-bottom:7.142%; background-color:#eee; border-radius:50%; box-shadow:0px 0px 20px #ccc; margin:-15px auto 15px;}
.about .info {color:#333; display:table-cell; vertical-align: middle; padding-right:3%;}
.about .info p {padding:8px 0;}

.videoPlay {position:relative; padding-bottom:70%; overflow: hidden; margin-top:15px;}
.videoBg {position:absolute; left:0; top:0; width:100%; height:100%; z-index:3; background:no-repeat center center; background-size:cover; border-radius:10px; overflow:hidden; opacity:0.3;}
.videoPlay .btn {display:block; width:36px; height:36px; background:url(../images/video.png) no-repeat center center; position:absolute; left:50%; top:50%; margin:-18px 0 0 -18px; cursor:pointer; z-index:3; transition:all 0.3s ease 0s;}
.videoPlay .btn:hover {transform:scale(0.9,0.9) rotate(45deg);}

/*products*/
.homePro {overflow:hidden; margin-bottom:25px;}
.homePro ul {width:102%; overflow:hidden;}
.homePro li {float:left; width:23%; padding-right:2%; padding-bottom:2%; overflow:hidden;}
.homePro .thumbnail {padding-bottom:75%; margin-bottom:10px;}
.homePro img {transition:transform 0.3s ease 0s;}
.homePro h2 {font-size:16px; font-weight:normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:0 10px;}
.homePro em {position:relative; border-bottom:1px solid #ddd; display:block; clear:both; margin:5px 0 10px;}
.homePro em:before {content:''; display:block; width:5px; height:5px; background-color:#ddd;}
.homePro li a {color:#333; display:block; transition:all 0.3s ease 0s;}
.homePro li:hover {color:#692c2b;}
.homePro li:hover em {border-bottom-color:#692c2b;}
.homePro li:hover em:before {background-color:#692c2b;}
.homePro li:hover img {transform:scale(1.2,1.2); transition:transform 0.3s ease 0s;}

/*news*/
.hmNews {margin-bottom:45px;}
.hmNews ul {overflow:hidden;}
.hmNews li {overflow:hidden;}
.hmNews li h2 {font-weight:normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.hmNews li h2 a {color:#333; transition:padding 0.3s ease 0s;}
.hmNews li h2 a:hover {color:#692c2b; padding-left:1em;}
.hmNews li .thumbnail {position:relative; overflow:hidden;}
.hmNews li .thumbnail a {padding-bottom:75%; position:relative;  overflow: hidden; display:block;}
.hmNews .first {float:left; width:450px;}
.hmNews .first .thumbnail {margin-bottom:10px;}
.hmNews .first h2 {font-size:18px; margin-bottom:5px;}
.hmNews .first .excerpt {font-size:14px; color:#888; line-height: 1.75em; overflow:hidden;}

.hmNews .list {margin-left:470px; margin-bottom:11px;}
.hmNews .list .thumbnail {width:110px; float:left;}
.hmNews .list .info {margin-left:125px;}
.hmNews .list h2 {font-size:16px; margin-bottom:5px; line-height: 1.5em;}
.hmNews .list .excerpt {font-size:14px; color:#888; line-height:1.75em; height:3.5em; overflow:hidden;}

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

/*sidebar*/
.sidebar {width:230px; float:left;}

.sideMenu {margin-bottom:30px;}
.sideMenu h3, .widget h3 {background-color:#692c2b; height:42px; line-height:42px; padding:0 20px; color:#fff; font-size:16px;}
.sideMenu h3 a {color:#fff;}
.sideMenu h3 em {display:none;}
.sideMenu li {line-height:50px; font-size:16px; position:relative;}
.sideMenu li a:before {content:''; display:block; width:4px; height:4px; background-color:#e4e4e4; position:absolute; left:0; bottom:0;}
.sideMenu li a {color:#333; padding-left:20px; display:block; border-bottom:1px solid #e4e4e4;}
.sideMenu li a:hover {border-bottom-color:#692c2b; color:#692c2b;}
.sideMenu li a:hover:before {background-color:#692c2b;}
/*widget*/
.widget h3 {margin-bottom:10px;}
.widget {margin-bottom:30px; overflow:hidden;}
.widget p {padding:5px 0; color:#333;}
.widget ul {overflow: hidden;}
.widget li { font-size:16px; line-height:1.875em; padding:5px 0; border-bottom:1px solid #eee;}
.widget li a {color:#333; padding:0 20px; display: block; background:url(../images/dot.png) no-repeat 8px center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
/*tbCalendar*/
#tbCalendar th, #tbCalendar td {width: 14.285%; padding:0; font-size:12px; text-align: center; height: 30px; line-height: 30px;}
#tbCalendar caption {font-size: 14px; color:#333; line-height: 2em; font-family: 'Arial';}
#tbCalendar caption a {color:#333;}
/*divSearchPanel*/
.divSearchPanel form {display:block; overflow:hidden; padding-right:50px; position:relative;}
.divSearchPanel input[type='text'] {background-color:#eee; height:24px; line-height:24px; padding:5px 2%; width:96%; border:none;}
.divSearchPanel input[type='submit'] {background-color:#692c2b; color:#fff; height:34px; width:50px; position:absolute; right:0; top:0; cursor:pointer; border:none;}
/*divTags*/
.divTags li {float:left; padding:3px 5px 3px 0; border:none;}
.divTags li .tag-count {display:none;}
.divTags li a {display:block;padding:1px 10px;background:#f6f6f6;color:#666;font-size:12px;line-height:1.75em; border-radius: 2px;}
.divTags li a:hover {background-color:#692c2b; color:#fff; opacity: .85;}


/*btnpre*/
.video ul {padding:20px 0; position:relative;}
.video ul img {width:170px; height:124px;}
.video ul .v_bg {position:absolute; top:20px; left:0; width:170px; height:124px; background:url(../images/video.png) no-repeat center center;}
/*newsitem*/
.newsitem {border-bottom:1px dashed #eee;overflow:hidden;margin-bottom:20px;padding-bottom:20px;}
.newsitem .pic {float:left;width:190px;overflow:hidden;}
.newsitem .pic img {display:block; position:absolute; left:0; top:0; width:100%; height:auto; min-height:100%; transition:transform .3s;}
.newsitem .pic a {display:block;padding-bottom:75%; position:relative; overflow:hidden;}
.newsitem .pic a:hover img {transform:scale(1.1);}
.newsitem .info {overflow:hidden; margin-left:215px;}
.newsitem h2 {font-size:20px;color:#333;font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.35em;margin-bottom:10px;}
.newsitem .excerpt {color:#666;font-size:14px;line-height:1.875em; height:5.625em; overflow:hidden; text-align: justify;}
.newsitem .meta {font-size:12px; color:#999; line-height: 1.75em; white-space: nowrap; overflow:hidden; text-overflow:ellipsis; margin-top: 6px;}
.newsitem .meta span {padding-right: 20px;}
.newsitem .meta a {color:#999;}
/*main*/
.postlist ul {overflow:hidden; margin-bottom:5.263%;}
.postlist li { border-bottom:1px dotted #e4e4e4; font-size:16px; line-height:1.5em; padding:10px 0; overflow:hidden;}
.postlist li time {font-size:14px; float:right; color:#888;}
.postlist li a {color:#333; display:block; margin-right:80px; background:url(../images/dot.png) no-repeat left center; padding-left:20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.postlist li a:hover {color:#692c2b;}
.postlist li strong {color:#f00;}

.prolist h3 {margin-bottom:20px;}
.prolist ul{ width:103%; overflow:hidden; margin-bottom:2%;}
.prolist li {float:left; width:31%; padding:0 2% 2% 0;}
.prolist li a {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#333;}
.prolist li .thumbnail {margin-bottom:4.634%;}
.prolist li .thumbnail a {position:relative; padding-bottom:75%; overflow: hidden; display:block;}
.prolist li h2 a:hover {color:#6E3332;}
.prolist li h2 {font-size:14px; font-weight:normal; text-align:center;}

/*breadcrumb*/
.breadcrumb {font-size:12px; color:#666; background-color:#fbfbfb; border-bottom:1px solid #eee; padding:5px 0; margin-bottom:30px;}
.breadcrumb a {color:#666;}

/*post*/
.post .post_title {text-align:center; font-weight:normal; font-size:26px; margin-bottom:30px; line-height:1.5em;}
.post .boxTitle {font-size:18px; font-weight:normal; border-bottom:1px solid #eee; padding-bottom:10px; color:#692c2b; margin-top: 2.5%;}
.post .postmeta {background:#fbfbfb; padding:5px 0; border-top:1px solid #eee; border-bottom:1px solid #eee; text-align:center; color:#888; font-size:12px; margin-bottom:25px;}
.post .postmeta span {padding:0 5px;}
/*entry*/
.entry {color:#333; padding:10px 0 20px;font-size:16px;  line-height:1.875em;}
.entry img,
.entry video {max-width:100%; height:auto!important;}
.entry ul, .entry ol {line-height:1.75em; padding-left:1em; margin-bottom:2.5%; margin-left:2em;}
.entry ul li {list-style:outside disc none;}
.entry ol li {list-style:outside decimal none;}
.entry h1, 
.entry h2, 
.entry h3, 
.entry h4, 
.entry h5, 
.entry h6,
.entry p {margin-bottom:2.5%;}
.entry li p {margin-bottom: 0;}
.entry hr {overflow:hidden; clear:both; border:none; border-bottom:1px solid #e4e4e4; margin-bottom: 2.5%;}

.postnavi {border-top:1px solid #eee; padding-top:10px; margin-bottom:20px; font-size:14px; color:#555;}
.postnavi a {color:#555;}

/*proInfo*/
.proInfo {overflow:hidden; margin-bottom:2.5%;}
.proInfo .pic {width: 40%; float:left;}
.proInfo .pic i {display: block; padding-bottom: 75%; background:no-repeat center center; background-size:cover;}
.proInfo .pic img {display: block; width: 100%; height: auto;}
.proInfo .info {width: 55%; float:right;font-size:16px;  line-height:1.875em; color:#555;}
.proInfo .info p {margin-bottom:2%;}
/*divTitle*/
h3.divTitle {font-size:18px; font-weight:normal; border-bottom:1px solid #eee; padding-bottom:10px; color:#692c2b;}

/*related*/
.related ul {padding:10px 0;}
.related li {font-size:14px; background:url(../images/dot.png) no-repeat left center;  padding:5px 65px 5px 15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; position:relative;}
.related li a {color:#333;}
.related li span {color:#999; float:right; font-size:12px; position:absolute; right:0; top:auto;}
/*relatedPro*/
.relatedPro {overflow:hidden;}
.relatedPro .divTitle {margin-bottom: 20px;}
.relatedPro ul {width: 102%; overflow:hidden;}
.relatedPro li {float:left; width: 23%; padding-right: 2%; padding-bottom: 2%;}
.relatedPro li .thumbnail {border:1px solid #6E3332; margin-bottom: 5px;}
.relatedPro li .thumbnail a {display:block; overflow:hidden; padding-bottom: 75%; position:relative;}
.relatedPro li h4 {font-size:14px; line-height: 1.75em; font-weight: normal; white-space: nowrap; overflow:hidden; text-overflow: ellipsis; text-align: center;}
.relatedPro li h4 a {color:#444;}
.relatedPro li h4 a:hover {color:#6E3332;}
/*commentList*/
#commentList {margin-bottom:30px;}
#commentList h3 {margin-bottom:20px;}
#commentList li { margin-bottom:10px;}
#commentList li .wrap {border:1px solid #ddd;}
#commentList li .top {border-bottom:1px solid #ddd; background-color:#f9f9f9; padding:10px; font-size:14px; overflow: hidden;}
#commentList li .avatar {float:left; width: 40px; height: 40px;}
#commentList li .avatar img {display: block; width: 100%; height: 100%;}
#commentList li .info {margin-left:50px; overflow: hidden; position:relative; padding-right: 30px;}
#commentList li .author {font-size:14px; font-weight: bold; color:#333; line-height: 1.25em; margin-bottom: 6px;}
#commentList li .author a {color:#333;}
#commentList li .date {font-size:12px; line-height: 1.25em; color:#999;}
#commentList li .resply {position:absolute; right:0; top:0; line-height: 1.25em; font-size:12px;}
#commentList li .resply a {color:#666;}
#commentList li .btm {padding:15px; line-height:1.75em; font-size:14px; color:#555; overflow: hidden;}
#commentList li ol {padding:0 15px 15px;}
#commentList li li {margin-bottom: 0;}
/*comment*/
.commentform h3  {margin-bottom:15px; overflow:hidden;}
#comment a {color:#555;}
#comment {clear:both; overflow:hidden;}

#comment .item {overflow: hidden; margin-bottom: 15px;}
#comment label {display:block; float:left; height:42px; line-height:42px;}
#comment label i {font-style: normal; color:#f00;}
#comment .input {border:1px solid #e4e4e4; margin-left: 60px; overflow: hidden;}
#comment .text {line-height:normal; width:95%; padding:7px 2.5%; font-size:14px; height: 26px; line-height: 26px; border:none;}
#comment textarea.text { height:120px; resize: none; font-family: 'Microsoft Yahei';}
#comment .submit {cursor:pointer; border:none; background-color:#692C2B; color:#fff; width: 100px; height: 42px; float:right; display:block; cursor: pointer;}
#comment .verify img {float:right; display: block; height: 40px; width: auto; cursor: pointer; border:1px solid #e4e4e4; border-left:none;}
/*pagenavi*/
.pagenavi {clear:both; width:100%; text-align:center; font-size:0;}
.pagenavi a, .pagenavi span.now-page {display:inline-block; height:35px; line-height:35px; padding:0 15px; border:1px solid #eee; color:#555; font-size:14px; margin:2px 3px; outline:none;}
.pagenavi a:hover {color:#692c2b; border:1px solid #692c2b;}
.pagenavi span.now-page {background-color:#692c2b; color:#fff; border:1px solid #692c2b;} 
/*footer*/
#footer {font-size:14px; width:100%; clear:both; background-color:#f5f5f5; padding:30px 0; color:#666;}
#footer .left {float:left;}
#footer a {color:#666;}
.contact {float:right; font-size:0;}
.contact span {font-size:14px; margin-left:10px;}
.contact ul {padding:5px 10px;}
.contact li {float:left; padding-right:10px; position:relative;}
.contact li a {display:block; width:40px; height:40px; border:1px solid #e4e4e4; border-radius:50%; background:no-repeat center center; background-size:25px 25px;}
.contact .wb a {background-image:url(../images/icon_wb.png);}
.contact .wx a {background-image:url(../images/icon_wx.png);}
.contact .qq a {background-image:url(../images/icon_qq.png);}
.contact .qrcode {position:absolute; left:50%; bottom:55px; background-color:#fff; width:100px; height:100px; padding:3px; border:1px solid #e4e4e4; border-radius:5px; margin-left:-59px; display:none;}
.contact .qrcode:after {content:''; display:block; width:10px; height:10px; background-color:#fff; border-left:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; transform:rotate(-45deg); position:absolute; bottom:-5px; left:50%; margin-left:-5px;}
.contact .qrcode img {display:block; width:100%; height:100%; position: relative; z-index: 2;}

.pageList, .friendlinks {margin-bottom:10px;}
.pageList ul {overflow:hidden;}
.pageList li {float:left; padding-right:10px; margin-right:10px; position:relative;}
.pageList li:after {content:''; display:block; width:1px; height:10px; background-color:#666; position:absolute; right:0; top:50%; margin-top:-5px;}
.pageList li:last-child {margin-right:0; padding-right:0;}
.pageList li:last-child:after {display:none;}

.friendlinks ul {overflow:hidden;}
.friendlinks li {float:left;}
.friendlinks li a {margin-right:15px;}

.copyright {font-size:14px;}
/*tags*/
.tags {overflow:hidden;margin-bottom:3.5%;}
.tags h3 {float:left;font-size:14px;color:#000;line-height:24px; color:#692c2b; padding:5px 0;}
.tags ul {margin-left:56px;overflow:hidden;}
.tags li {float:left;font-size:14px;line-height:24px;padding:5px;}
.tags li a {padding-right:20px; display:block; border-radius:12px; color:#888;}
.tags li a:hover {color:#692c2b; text-decoration: underline;}
@media only screen and (max-width:1366px){
	/*global*/
	.inner {width:93.75%;}
}
@media only screen and (max-width:1280px){
	#nav li {font-size:14px;}

	#slider {margin-bottom:3.515%;}
	#slider .owl-dots {bottom:5%;}

	#container {margin-bottom:3.9%;}
	.homePro, .hmNews, .about {margin-bottom:1.953%;}

	#footer .left {float:none;}
	.contact {float:none; text-align:center; margin-bottom:5px;}
	.contact ul, .pageList ul, .friendlinks ul {font-size:0; line-height: normal; text-align:center;}
	.contact li {float:none; display:inline-block; padding:0 5px;}
	.contact .qrcode {margin-left:-54px;}
	.pageList li, .friendlinks li {float:none; display:inline-block; font-size:16px; padding:3px 10px; margin-right:0;}
	.copyright {text-align: center;}

	.breadcrumb {margin-bottom:2.343%;}
}
@media only screen and (max-width:960px){
	#header {border-bottom:1px solid #eee;}
	.navBtn {width:25px; height:25px; position:relative;float:right; cursor:pointer; display:block;}
	.navBtn span {position:absolute; left:0; top:50%; margin-top:-1px; width:100%; height:2px; background-color:#692c2b;}
	.navBtn span:before, .navBtn span:after {content:''; display:block; width:100%; height:2px; background-color:#692c2b; position:absolute; left:0; transition: all .3s;}
	.navBtn span:before {top:-9px;}
	.navBtn span:after {bottom:-8px;}
	.navBtn.open span {height:0;}
	.navBtn.open span:before {transform:rotate(45deg); top:50%;}
	.navBtn.open span:after {transform:rotate(-45deg); top:50%;}
		
	#nav {position:fixed; left:-230px; top:0; width:230px; height:100%; overflow-y:auto; -webkit-overflow-scrolling:touch; background-color:rgba(105,44,43,.9); z-index:7; transition: left .3s;}
	#nav.open {left:0;}
	#nav .inner {width:auto;}
	#nav ul {padding:10px 0;}
	#nav li {float:none; width:auto; line-height: 45px; text-align:left; font-size:16px;}
	#nav a:hover, #nav .current-menu-item > a, #nav .cur > a, #nav .current-post-ancestor > a, #nav .current-menu-parent > a {background-color:transparent; color:#fff;}
	#nav li a {padding:0 2em 0 1.5em; position:relative;}
	
	#nav li em {position:absolute; right:0; top:0; width:2em; height:45px; display:block; cursor:pointer;}
	#nav li em:after {content:''; display:block; width:10px; height:10px; border-right:1px solid #bbb; border-bottom:1px solid #bbb; transform:rotate(45deg); position:absolute; left:50%; top:50%; margin:-7px 0 0 -7px;}
	#nav li ul {position:static; left:auto; top:auto; width:auto;}
	#nav li li {background-color:transparent; color:#fff;}
	#nav li li a {padding-left:3em; color:#fff;}

	#header .inner { position:relative;}
	#logo {padding:10px 0;}
	#logo a {width:125px; height:40px;}

	.other {padding:17.5px 0;}
	.other .phone {display:none;}

	.schBtn {float:right; display:block; padding-right:25px;}
	.schBtn span {display:block; width:25px; height:25px; background:url(../images/icon_search2.png) no-repeat center center; background-size:contain; cursor:pointer;}
	.searchform {display:none; overflow: hidden; position:absolute; top:100%; right:0; z-index: 7;}	
	.searchform.wap {display:block;}
	.searchform #searchform {margin:5px;}
	
	.hmNews .first {width:auto; float:none; margin-bottom:11px;}
	.hmNews .first .thumbnail {width:110px; float:left; margin-bottom:0;}
	.hmNews .first .info {margin-left:125px;}
	.hmNews .first h2  {font-size:16px; margin-bottom:5px; line-height: 1.5em;}
	.hmNews .first .excerpt {height:3.5em;}
	.hmNews .list {margin-left:0;}

	.about .info {font-size:14px;}
	.about .info p {padding:5px 0;}

	.about .video {width:350px;}

	.sidebar {float:none; width:auto;}
	.widget {display:none;}

	.sideMenu {margin-bottom:3.333%;}
	.sideMenu h3 {position:relative; font-size:16px; height:40px; line-height: 40px; padding:0 15px;}
	.sideMenu h3 em {display:block; position:absolute; left:0; top:0; width:100%; height:100%; cursor:pointer;}
	.sideMenu h3 em:after {width:10px; height:10px; border-right:1px solid #fff; border-bottom:1px solid #fff; transform:rotate(45deg); content:''; display:block; position:absolute; right:15px; top:50%; margin-top:-7.5px; transition:all .3s;}
	.sideMenu h3 em.open:after {transform:rotate(-135deg); margin-top:-2px;}
	.sideMenu ul {display:none;}
	.sideMenu ul.show {display:block;}
	.sideMenu li {font-size:14px; height:40px; line-height: 40px;}
	.sideMenu li a {padding-left:15px;}

	.main {margin-left:0;}
	.postlist ul {margin-bottom:3.5%;}
	.postlist li time {font-size:12px;}
	.postlist li a {margin-right:68px; padding-left:15px;}

	.post .post_title {font-size:18px; margin-bottom:3.333%;}
	.post .postmeta {margin-bottom:2.777%; padding:2px 0;}
	.postnavi, #commentList h3 {margin-bottom:2.777%;}

	h3.divTitle {font-size:16px; padding-bottom:5px;}
	#commentList {margin-bottom:3.333%;}
}
@media only screen and (max-width:768px){
	.hmTitle {margin-bottom:2.777%;}
	.homePro li {width:48%;}

	.about .box {display:block; width:auto;}
	.about .info  {display:block; padding-right:0; margin-bottom:15px;}
	.about .video {display:block; width:auto;}
	.videoPlay {margin-top:0;}

	.pagenavi a {height:30px; line-height: 30px; font-size:12px; padding:0 10px;}

	#container {padding:5% 0;}
	/*768px*/
	#comment .item {margin-bottom: 5px;}
	#comment label {font-size:14px; float:none; height: auto; line-height: 2em;}
	#comment .input {margin-left:0;}
	#comment .text {font-size:14px; height: 24px; line-height: 24px; padding:5px 3%; width: 94%;}
	#comment .submit {height: 35px;}
	#comment .verify img {height: 34px;}
	/*768px*/
	.tags {margin-bottom: 20px;}
	.tags h3 {float:none;}
	.tags ul {margin-left:0;}
	.tags li {padding:5px 10px 5px 0;}
	/*768px*/
	.relatedPro .divTitle {margin-bottom: 15px;}
	.relatedPro ul {width: 103%;}
	.relatedPro li {width: 47%; padding-right: 3%; padding-bottom: 3%;}
	/*768px*/
	.proInfo {margin-bottom: 5%;}
	.proInfo .pic {width: auto; float:none; margin-bottom: 2.5%;}
	.proInfo .info {width: auto; float:none;}
	/*768px*/
	.newsitem {margin-bottom:15px; padding-bottom: 15px;}
	.newsitem .pic {width:100px;}
	.newsitem .info {margin-left:110px;}
	.newsitem h2 {font-size:16px; line-height: 1.5em; max-height:3em; white-space: normal; margin-bottom: 5px;}
	.newsitem .excerpt {display: none;}
	.newsitem .meta span {padding-right: 10px;}
	/*768px*/
	#error404 {padding:25vh 0 35vh;}
	#error404 h2 {font-size: 24px;}
	#error404 .intro {font-size: 14px;}
	#error404 .intro a {padding:5px 15px;}
}
@media only screen and (max-width:640px){
	.prolist li {width:47%; padding-right:3%; padding-bottom:3%;}
}
@media only screen and (max-width:540px){	
	.searchform {width:100%;}
}

#maximg img{ max-width:100%; height:auto !important}

.pagebar { padding:20px; overflow:hidden; clear:both}
.pagebar .pagination {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.pagination a {
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  font-size: 12px;
  padding: 8px 10px;
  margin: 0 2px;
  border-radius: 3px; line-height:100%
}
.pagination span {
    color: #333;
    font-size: 12px;
    padding: 7px 2px;
    margin: 0 2px;
    border-radius: 3px;
}
.pagination a:hover {
  color: #333;
  border: 1px solid #333;
}
.pagination a.page-num-current {
  color: #fff;
  background: #333;
  border: 1px solid #333;
}
.pagination .st{ font-family:瀹嬩綋}
.text-secondary{ text-align:center; padding:20px 0}