* {-webkit-tap-highlight-color:transparent;}
body {background-color:#fff; color:#333; font:16px/1.75em Arial,"Microsoft Yahei"; overflow-x:hidden;}
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;}
select,input,textarea{border-radius:0; -webkit-border-radius:0; background:none; border:none;outline:none; font-family: inherit; font-size: 1em;}
input:focus {outline:none;}
textarea{resize:none;}
/*rows*/
[class*=rows_]{display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;}
.rows_1{line-clamp:1; -webkit-line-clamp:1;}
.rows_2{line-clamp:2; -webkit-line-clamp:2;}
.rows_3{line-clamp:3; -webkit-line-clamp:3;}
.rows_4{line-clamp:4; -webkit-line-clamp:4;}
.rows_5{line-clamp:5; -webkit-line-clamp:5;}
/**Carousel*/
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-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(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-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{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.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{-ms-touch-action:pan-y;touch-action:pan-y;-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}.owl-carousel .animated{animation-duration:1s;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 .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.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 .1s 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-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
/*全局样式*/
.inner {width:93.75%; max-width:1280px; margin:0 auto;}
.submit {-webkit-appearance:none;}
.thumbnail {overflow:hidden; position:relative;}
.thumbnail a {display:block; padding-bottom:75%; position:relative; overflow: hidden;}
.thumbnail img {display:block; width:100%; height:auto; min-height:100%; position:absolute; left:0; top:0; transition:all .3s;}
.thumbnail a:hover img {transform:scale(1.1,1.1);}
table {background-color: transparent; border-spacing: 0; border-collapse: collapse; width:100%;border-top:solid 1px #ddd;border-left:solid 1px #ddd; box-sizing: border-box; table-layout:fixed;}
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;}
a {text-decoration:none; outline:none; color:#333;}
a:focus {outline:none; -moz-outline:none;}
a:hover {color:#9a0e0e;}
a img {border:none;}
img {vertical-align: middle;}
li {list-style:none;}
.clear{ clear:both; height:0px; overflow:hidden;}
/*footer*/
.footer {background-color:#f9f9f9;padding:3.5% 0;color:#555;font-size:14px;line-height:1.75em; border-top:1px solid #eee;}
.footer a {color:#555;}
.footer a:hover {color:#9a0e0e;}
.footer .left {margin-right:280px;overflow:hidden;}
.footer .pic {height:45px;overflow:hidden;margin-bottom:1.293%;}
.footer .pic img {display:block;height:100%;width:auto;max-width:100%;}
.footer .right {float:right;}

.follow {padding:20px 0;}
.follow ul {font-size:0;line-height:normal;text-align:center;}
.follow li {display:inline-block;margin-left:20px;width:120px;}
.follow li .qrcode {margin-bottom:5px;background-color:#fff;border:1px solid #e1e1e1;padding:5px;}
.follow li img {display:block;width:100%;height:auto;}
.follow li p {font-size:14px;color:#333;line-height:1.75em;}

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

.copyright {text-transform:uppercase;}
.copyright p {margin-bottom:5px;}
.copyright a {display: inline-block;}
.copyright img {display: inline-block; width: auto; height: 20px; vertical-align: middle; margin-top: -3px;}

.social {padding:5px 0;}
.social ul {font-size:0;line-height:normal;}
.social li {display:inline-block;margin-right:15px;vertical-align:middle;position:relative;}
.social li a {display:block;width:35px;height:35px;background:no-repeat center center;background-size:65%;border:1px solid #333;border-radius:50%;text-indent:-99999em;}
.social li a:hover {opacity:0.85;}
.social li.weixin a {background-image:url(images/icon_weixin.png);}
.social li.weibo a {background-image:url(images/icon_weibo.png);}
.social li.qq a {background-image:url(images/icon_qq.png);}
.social li.mail a {background-image:url(images/icon_mail.png);}
.social li .qrcode {width:100px;height:100px;border:1px solid #e5e5e5;padding:5px;position:absolute;left:50%;bottom:50px;background-color:#fff;margin-left:-56px;display:none;}
.social li .qrcode:after {width:8px;height:8px;background-color:#fff;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;transform:rotate(45deg);content:'';display:block;position:absolute;left:50%;bottom:-5px;margin-left:-5px;}
.social li .qrcode img {display:block;width:100%;height:100%;}
/*header*/
.header {position:sticky;top:0;width:100%;background-color:#fff;z-index:9;box-shadow:0px 2px 3px #bbb;}

/*logo*/
.logo {float:left;padding:15px 0;width:190px;}
.logo a {display:block;background:no-repeat left center;background-size:contain; position: relative; overflow: hidden; padding-bottom: 23.684211%;}
.logo i {display: block; position:absolute; left:0; top:0; width: 100%; height: 100%; overflow: hidden; text-indent:-9999em;}
/*topBtn*/
.topBtn {float:right;padding:27px 0;}
.topBtn .btn {width:25px;height:21px;float:left;cursor:pointer;}
.schBtn {background:url(images/icon_search.png) no-repeat center center;background-size:contain;}
.navBtn {position:relative;display:none;margin-left:20px;}
.navBtn span {width:100%;height:2px;background-color:#555;position:absolute;left:0;top:50%;margin-top:-2px;}
.navBtn span:before,.navBtn span:after {width:100%;height:2px;background-color:#555;content:'';display:block;position:absolute;left:0;transition:all 0.3s;}
.navBtn span:before {top:-8px;}
.navBtn span:after {bottom:-8px;}
.navBtn.open span {height:0;}
.navBtn.open span:before {transform:rotate(45deg);top:0;}
.navBtn.open span:after {transform:rotate(-45deg);bottom:auto;top:0;}
/*searchForm*/
.searchForm {position:absolute;top:100%;right:0;width:100%;display:none;}
.searchForm .inner {margin-top:2px;}
.searchForm form {background-color:rgba(255,255,255,0.8);border:1px solid #fff;border-radius:4px;width:300px;float:right;overflow:hidden;padding:8px;}
.searchForm .submit {display:block;float:right;width:35px;height:35px;background:url(images/icon_search.png) no-repeat center center;background-size:20px auto;cursor:pointer;}
.searchForm .input {margin-right:45px;}
.searchForm .text {background-color:#fff;height:25px;line-height:25px;padding:5px 0;text-indent:5px;width:100%;font-size:14px;color:#353535;}
/*nav*/
.nav {margin:0 30px 0 200px;}
.nav ul {float:right;}
.nav li {float:left;font-size:18px;color:#333;line-height:75px;padding:0 22px;position:relative;}

.nav li a {color:#333;display:block; position:relative; transition:color .3s;}
.nav li a:after {width:0; height:2px; position:absolute; left:0; bottom:0; content:''; display:block; background-color:#9a0e0e; transition:width .3s;}
.nav li.on > a, .nav li.cur > a, .nav li li a:hover {color:#9a0e0e;}
.nav li.on > a:after, .nav li.cur > a:after {width:100%;}
.nav li ul {position:absolute;left:50%;top:101%;background-color:rgba(255,255,255,0.8);border:1px solid #fff;border-top:none;border-radius:0 0 4px 4px;width:140px;margin-left:-71px;padding:5px 0;display:none;}
.nav li li {float:none;padding:0;text-align:center; line-height:1.875em; font-size:16px;}
.nav li li a {padding:5px 10px;}
.nav li em {display:none;}
/*slides*/
.slides .item {background:no-repeat center center;background-size:cover;}
.slides .item a {display:block;padding-bottom:40%;text-indent:-9999em;position:relative;}
.slides .owl-dots {position:absolute;left:50%;transform:translateX(-50%);bottom:20px;font-size:0;line-height:normal;text-align:center;padding:2px 0;}
.slides .owl-dot {display:inline-block;}
.slides .owl-dot span {display:block;width:15px;height:4px;background-color:#fff; background-color:rgba(255,255,255,.3); margin:0 5px;transition:all 0.3s;}
.slides .owl-dot.active span {width:35px; background-color:#fff;}
.slides .owl-nav {display:none;}
.slides .load {padding-bottom:40%;}
/*hmbox*/
.hmbox {padding:5% 0;}
.hmbg {background-color:#f9f9f9;}
/*hmnews*/


.hmtop {float:right; width:600px;}
.hmtop .thumbnail {padding-bottom:75%; position:relative; overflow:hidden;}
.hmtop .item a {display:block; position:relative; overflow:hidden;}
.hmtop .item a:hover img {transition:scale(1.1,1.1);}
.hmtop .item h3 {position:absolute; left:0; bottom:0; background-color:#000; background-color:rgba(0,0,0,.35); color:#fff; font-size:14px; width:90%; padding:8px 5%; line-height:1.75em; font-weight:normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center;}
.hmtop .load {padding-bottom:75%;}
.hmtop .owl-dots {display:none;}
.hmtop .owl-nav button {position:absolute; top:50%; transform:translateY(-50%); display:block;}
.hmtop .owl-nav span {display:block; width:14px; height:24px; background:url(images/icon_arrow.png) no-repeat 0 0; background-size:100% auto; text-indent:-9999em; z-index:2;}
.hmtop .owl-prev {left:10px;}
.hmtop .owl-next {right:10px;}
.hmtop .owl-prev span {background-position:0 100%;}

.hmnews {overflow:hidden;}
.hmnews ul {overflow:hidden;margin-right:630px;}
.hmnews li {margin-bottom:10px; overflow:hidden;}
.hmnews li .thumbnail {float:left; width:140px;overflow:hidden;}
.hmnews li .info {margin-left:155px; overflow:hidden;}
.hmnews li h3 {font-size:16px; font-weight:normal; line-height:1.5em; white-space:nowrap; overflow:hidden;text-overflow:ellipsis;margin-bottom:5px;}
.hmnews li p {font-size:14px;color:#555;line-height:1.75em;text-align:justify;height:3.5em;}
.hmnews li time {display:block;font-size:14px;color:#999;}


/*hmabout*/
.hmabout {display:table;table-layout:fixed;width:100%;}
.hmabout .pic {display:table-cell;vertical-align:top;width:500px;}
.hmabout figure {padding:0 15px 15px 0; position:relative;}
.hmabout figure:before {width:90%; height:90%; content:''; background-color:#bb2424; display:block; position:absolute; right:0; bottom:0;}
.hmabout .pic img {display:block;width:100%;height:auto; position:relative; z-index:2;}
.hmabout .info {display:table-cell;vertical-align:middle;padding-right:3.5%;text-align:justify;}
.hmabout .intro {font-size:16px;line-height:1.875em;overflow:hidden;}
.hmabout .intro p {padding:7px 0;}

/*hmCat*/
.hmcat ul {overflow:hidden;}
.hmcat li {width:20%; float:left; transition:all .3s; opacity:.6;}
.hmcat li.cur {width:40%; opacity:1;}
.hmcat li a {position:relative; display:block; padding-bottom:350px; background:no-repeat center center; background-size:auto 100%;  color:#fff;}
.hmcat li h2 {font-size:18px; font-weight:normal;  position:absolute; text-align:center; left:10%; width:70%; bottom:-100%; transition:all .3s; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;  padding:2% 5%;}
.hmcat .cur h2 {bottom:50%; transform:translateY(50%); background-color:rgba(154,14,14,.85);}
/*hmtitle*/
.hmtitle {overflow:hidden; margin-bottom:3%; position:relative;}
.hmtitle h2 {font-size:24px; font-weight:normal; line-height:1.35em; float:left; position:relative; padding-bottom:10px;}
.hmtitle h2:before, .hmtitle h2:after {width:75px; height:1px; background-color:#eee; content:''; display:block; position:absolute; left:0; bottom:0;}
.hmtitle h2:after {width:30px; background-color:#9a0e0e;}
.hmtitle a {display:block; position:absolute; right:0; top:50%; margin-top:-7px; padding:0 10px;}
.hmtitle i {display:block; width:7px; height:7px; border-radius:50%; background-color:#ccc;}
.hmtitle i:before, .hmtitle i:after {content:''; display:block; width:7px; height:7px; border-radius:50%; position:absolute; top:0;}
.hmtitle i:before {left:0; background-color:#bbb;}
.hmtitle i:after {right:0; background-color:#ddd;}
/*hmpro*/
.hmpro {overflow:hidden;}
.hmpro ul {overflow:hidden; width:101%;}
.hmpro li {float:left; width:18.9%; padding-right:1.1%; padding-bottom:1.05%;}
.hmpro li.li1 {width:38.9%; padding-bottom:0.75%;}
.hmpro li a {overflow:hidden; display:block; position:relative;}
.hmpro li a:after {content:''; display:block; position:absolute; left:0; top:0; background-color:rgba(0,0,0,.5); width:100%; height:100%; opacity:0; transition:opacity .3s;}
.hmpro li .thumbnail {padding-bottom:100%;}
.hmpro li img {transition:all .3s;}
.hmpro li h3 {font-size:14px; font-weight:normal; background-color:#9a0e0e; background-color:rgba(154,14,14,.85); position:absolute; left:10%; top:-100%; color:#fff; border-radius:3px; width:70%; padding:0 5%; height:30px; line-height:30px; text-align:center;z-index:2; opacity:0; transition:all .5s; margin-top:-14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.hmpro li a:hover:after {opacity:1;}
.hmpro li a:hover h3 {top:50%;opacity:1;}
.hmpro li a:hover img {transform:scale(1.1);}
/*hmvideo*/
.hmvideo .inner {overflow:hidden;}
.hmvideo ul {width:102%;overflow:hidden;}
.hmvideo li {float:left;width:23%;padding-right:2%;padding-bottom:2%;}
.hmvideo h4 {text-align:center;font-size:16px;font-weight:normal;padding:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.hmvideo .thumbnail a:after {content:'';display:block;position:absolute;width:100%;height:100%;left:0;top:0;background-color:rgba(0,0,0,0.5);}
.hmvideo .thumbnail a i {width:32px;height:32px;background:url(images/icon_play.png) no-repeat center center;background-size:contain;display:block;position:absolute;left:50%;top:50%;margin:-16px 0 0 -16px;z-index:2;transition:all 0.3s;}
.hmvideo .thumbnail a:hover i {transform:scale(0.8);}
.hmvideo .thumbnail a:hover:after {background-color:transparent;}
/*links*/
.links {padding:15px 0;background-color:#f6f6f6;}
.links .inner {overflow:hidden;}
.links h2 {float:left;font-size:14px;line-height:1.875em; font-weight:normal; color:#333;}
.links ul {overflow:hidden;margin-left:70px;}
.links li {font-size:14px;line-height:1.875em;float:left;padding:0 1%;}
.links li a {display:block; color:#555;}
.links li a:hover {color:#000;}
/*banner*/
.banner img {display:block;width:100%;height:auto;}
/*pageTitle*/
.pageTitle {position:absolute; left:0; top:0; background-color:#9a0e0e;color:#fff; padding:15px 20px; width:120px; text-align:center;}
.pageTitle .cn, .pageTitle .en {font-weight:normal; line-height:24px;}
.pageTitle .cn {font-size:18px;}
.pageTitle .en {font-size:12px; text-transform:uppercase;}
/*bar*/
.bar {background-color:#f9f9f9; border-bottom:1px solid #eee; margin-bottom:20px;}
.bar .inner {position:relative;}
/*menu*/
.submenu {padding:15px; margin-left:160px; margin-right:200px;}
.submenu ul {overflow:hidden;}
.submenu li {float:left;font-size:14px;color:#333; line-height:2em;}
.submenu li a {color:#333;padding:0 22px;display:block; position:relative;}
.submenu li.cur a:before {width:4px; height:4px; background-color:#9a0e0e; border-radius:50%; content:''; display:block; position:absolute; left:10px; top:50%; margin-top:-2px;}
.submenu li a:hover, .submenu li.cur a {color:#9a0e0e;}
/*breadcrumb*/
.breadcrumb {max-width:200px;float:right;font-size:12px; line-height:28px;color:#888;background:url(images/icon_home.png) no-repeat left center;background-size:auto 12px;padding:15px 0 15px 15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.breadcrumb i {font-style:normal;padding:0 3px;color:#888;font-family:'Simsun';}
.breadcrumb a {color:#888;}
/*wrapper*/
.wrapper {padding:3.5% 0;}
.wrapper .inner {overflow:hidden;}
/*newsitem*/
.newslist {overflow:hidden;}
.newsitem {border-bottom:1px solid #eee;overflow:hidden;margin-bottom:3.5%;padding-bottom:3.5%; position:relative;}
.newsitem .istop {color:#fff; font-size:12px; position:absolute; left:5px; top:0; border-radius:0 0 3px 3px; width:1em; line-height:1.5em; padding:5px; background-color:#9a0e0e;}
.newsitem .thumbnail {float:left;width:300px;overflow:hidden;}
.newsitem .thumbnail a {transition:all 0.3s;}
.newsitem .thumbnail a:hover {transform:scale(1.1);}
.newsitem .info {margin-left:300px;overflow:hidden;padding:10px 120px 10px 30px;position:relative;}
.newsitem .info:after {width:1px; height:80%; background-color:#f1f1f1; position:absolute; right:85px; top:10%; content:''; display:block;}
.newsitem h2 {font-size:24px;color:#333;font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.35em;margin-bottom:13px;}
.newsitem h2 strong {color:#9a0e0e;}
.newsitem .excerpt {color:#666;font-size:16px;line-height:1.875em;height:7.5em;overflow:hidden; text-align:justify;}

.newsitem .date {font-size:14px;line-height:1.5em; color:#999; overflow:hidden; margin-top:18px;}
.newsitem .date span {display:block; float:left; padding:0 20px 0 10px; position:relative;}
.newsitem .date span:before {width:4px; height:4px; background-color:#999; border-radius:50%; content:''; display:block; position:absolute; left:0; top:50%; margin-top:-2px;}
.newsitem .date i {font-size:60px;line-height:1em;font-style:normal;display:block;}

.newsitem .more {text-align:center; position:absolute; right:0; top:50%; margin-top:-24px;}
.newsitem .more a { width:48px; height:48px;display:block; border:1px solid #999; border-radius:50%;}
.newsitem .more i {display:block; background:url(images/icon_more.png) no-repeat 0 0; width:24px; height:24px; position:absolute; left:50%; top:50%; margin:-12px 0 0 -12px; background-size:100% auto;}
.newsitem .more a:hover {border-color:#9a0e0e;}
.newsitem .more a:hover i {background-position:0 100%;}
/*pagenavi*/
.pagenavi {text-align:center;display: flex;justify-content: center;flex-wrap: wrap;font-size:14px;}
.pagenavi a, .pagenavi .now-page {display:block;color:#666; background-color:#f9f9f9; border-radius:0.214em; height:2.286em;line-height:2.286em;padding:0 0.5em;margin:0.143em;box-sizing: border-box; min-width: 2.286em;}
.pagenavi .now-page,.pagenavi a:hover {background-color:#9a0e0e;color:#fff;border-color:#9a0e0e;}
/*products*/
.products {overflow:hidden; margin-bottom:2%;}
.products ul {overflow:hidden;width:102%;}
.products li {width:23%;float:left;padding-right:2%;padding-bottom:2%;}
.products li .thumbnail {overflow:hidden;}
.products li .thumbnail a {transition:transform 0.3s; padding-bottom:100%;}
.products li .thumbnail a:hover {transform:scale(1.1);}
.products li .box {border:1px solid #eee;}
.products li h2 {font-size:16px;font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:3.704% 7.937%;line-height:1.875em;text-align:center;}

/*relatedpro*/
.relatedpro ul {overflow:hidden;width:102%;}
.relatedpro li {width:14.666%;}
/*main*/
.main {margin-right:310px;overflow:hidden;}
/*posttitle*/
.posttitle {text-align:center;font-size:28px;font-weight:normal;line-height:1.35em;margin-bottom:2.5%;}

/*postmeta*/
.postmeta {font-size:0;line-height:normal;text-align:center;border-bottom:1px solid #eee; padding-bottom:10px; margin-bottom:3.5%;}
.postmeta span {display:inline-block;font-size:12px;line-height:1.75em;padding:0 15px 0 18px;color:#888;background:no-repeat left center;background-size:auto 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.postmeta .date {background-image:url(images/icon_date.png);}
.postmeta .author {background-image:url(images/icon_author.png);}
.postmeta .views {background-image:url(images/icon_views.png);}
.postmeta .cate {background-image:url(images/icon_cate.png);}
.postmeta a {color:#888;}
.postmeta a:hover {color:#333;}
/*postnavi*/
.postnavi {overflow:hidden; padding:2.5% 0; margin-bottom:2.5%; width:102%; border-top:1px solid #eee;}
.postnavi span {float:left; display:block; font-size:14px; line-height:1.75em; color:#666; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:48%; padding-right:2%;}
.postnavi .r {text-align:right;}
.postnavi a {color:#555;}
/*singlepage*/
.singlepage .entry {padding:3.5% 0 5%;}
/*video*/
.video {margin-bottom:1.875%; overflow:hidden;}
.video video {display:block; width:100%; height:auto;}
/*entry*/
.entry {font-size:16px;line-height:1.875em;color:#333;margin-bottom:1.5%;overflow:hidden;}
.entry p,.entry h1,.entry h2,.entry h3,.entry h4,.entry h5,.entry h6,.entry table,.entry hr {margin-bottom:1.875%;}
.entry img {width:auto; max-width:100%;height:auto!important;}
.entry hr {border:none;border-bottom:1px solid #e6e6e6;}
.entry blockquote {background-color:#f9f9f9;border-left:8px solid #e3e3e3;padding:1.65% 1.65% 0;overflow:hidden;margin:0 2em 1.875%;font-style:italic;color:#666;}
.entry ul,.entry ol {margin-left:2em;margin-bottom:1.875%;}
.entry ul li,.entry ol li {margin-left:1em;}
.entry ul li {list-style:outside disc none;}
.entry ol li {list-style:outside decimal none;}
.entry li p {display:inline;}
.entry video {max-width:100%; height:auto;}
/*tags*/
.tags {overflow:hidden;margin-bottom:3.5%;}
.tags h3 {float:left;font-size:14px;color:#555;line-height:1.75em;font-weight:normal;}
.tags ul {margin-left:56px;overflow:hidden;}
.tags li {float:left;font-size:14px;line-height:1.75em;padding:0 5px;}
.tags li a {color:#9a0e0e;}
.tags li a:hover {opacity:0.85;}
/*boxtitle*/
.boxtitle {font-size:18px; font-weight:normal; line-height:1.35em; position:relative; padding-bottom:8px; margin-bottom:20px;}
.boxtitle:before, .boxtitle:after {width:80px; height:1px; background-color:#eee; content:''; display:block; position:absolute; left:0; bottom:0;}
.boxtitle:after {width:35px; height:2px; background-color:#9a0e0e; bottom:-0.5px;}
/*relatednews*/
.relatednews {overflow:hidden; margin-bottom:3.5%;}
.relatednews ul {overflow:hidden; width:105%;}
.relatednews li {float:left; width:45%; font-size:16px; line-height:1.875em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:2px 5% 2px 0;}
.relatednews li a {padding-left:20px; position:relative; color:#555;}
.relatednews li a:before {content:''; display:block; width:6px; height:6px; background-color:#ccc; border-radius:50%; position:absolute; left:0; top:50%; margin-top:-3px;}
/*commentsList*/
.commentsList,.commentForm {overflow:hidden;margin-bottom:3.5%;}
.commentsList .avatar {float:left;width:50px;padding-top:5px;}
.commentsList .avatar span {padding-bottom:100%; position:relative;overflow:hidden; display:block;border-radius:50%;}
.commentsList .avatar img {position:absolute; left:0; top:0; display:block;width:100%;height:100%;}
.commentsList .info {margin-left:60px;overflow:hidden;}
.commentsList .top {overflow:hidden;}
.commentsList .top span {display:block;font-size:12px;line-height:1.75em;}
.commentsList .top .name {float:left;font-weight:bold; font-size:16px;}
.commentsList .top .name a {color:#333;}
.commentsList .top .reply {float:right;}
.commentsList .top .reply a {color:#666;}
.commentsList .mid {color:#999;font-size:12px;line-height:1.75em;}
.commentsList .btm {font-size:14px; color:#333;line-height:1.875em; padding:5px 0;}

.commentsList li {overflow:hidden;margin-bottom:2.5%;}
.commentsList li li {margin-left:60px;margin-top:5px;margin-bottom:0;}
.commentsList li li .avatar {display:none;}
.commentsList li li .info {margin-left:0;background-color:#fff;border:1px solid #e4e4e4;padding:10px 15px;}

#comment .item {overflow:hidden;margin-bottom:1.5%;}
#comment label {display:block;float:left;height:40px;line-height:40px;font-size:16px;}
#comment .input {margin-left:50px;border:1px solid #e4e4e4;border-radius:5px;overflow:hidden;}
#comment .text {width:96%;padding:8px 2%;display:block;height:24px;line-height:24px;font-size:16px;color:#333;font-family:'Microsoft Yahei';background-color:#fff;}
#comment textarea.text {height:120px;}
#comment .btn {overflow:hidden;}
#comment .submit {background-color:#9a0e0e;color:#fff;font-size:14px;width:110px;height:35px;border-radius:5px;cursor:pointer;float:right; -webkit-appearance:none;}
#comment .submit:hover {opacity:0.75;}
#comment .verify img {display:block; float:right; height:42px; width:auto;}
/*sidebar*/
.sidebar {float:right;width:280px;}
.stitle {background-color:#9a0e0e;padding:8px 10px;border-top-left-radius:5px;color:#fff;}
.stitle h3 {font-size:16px;font-weight:normal;line-height:1.35em;}
.stitle h4 {font-size:12px;font-weight:normal;opacity:0.75;line-height:1.125em;text-transform:uppercase;}

.related, .widget {margin-bottom:20px; overflow:hidden;}
.related li {padding:15px 0;overflow:hidden;border-bottom:1px solid #eee;}
.related li .thumbnail {float:left;width:75px;overflow:hidden;}
.related li .thumbnail a {transition:transform 0.3s;}
.related li .thumbnail a:hover {transform:scale(1.1);}
.related li .info {margin-left:85px;overflow:hidden;}
.related li h5 {font-size:16px;line-height:1.75em;font-weight:normal;height:3.5em;overflow:hidden;}


.widget ul, .widget .textwidget {padding:12px 0; overflow:hidden;}
.widget li {font-size:14px; border-bottom:1px solid #eee; padding:8px 0; line-height:1.75em;}
.widget li a {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding-left:15px; position:relative;}
.widget li a:before {width:5px; height:5px; border:1px solid #cacaca; border-radius:50%; content:''; display:block; position:absolute; left:0; top:50%; margin-top:-3.5px;}
.widget li a:hover:before {border-color:#9a0e0e;}

.widget .divTags {width:102%;}
.widget .divTags li {width:48%; float:left; padding-right:2%;}

.divCalendar td, .divCalendar th {padding:2%; font-size:14px; text-align:center;}

.widget .divMisc li {width:45%; float:left; border-bottom:none;}
.widget .divMisc li img {display:block; width:100%; height:auto;}
.widget .divMisc li a {padding-left:0;}
.widget .divMisc li a:before {display:none;}

.widget .divSearchPanel {padding:25px 10px;border:1px solid #e4e4e4;border-top:none;}
.widget .divSearchPanel form {display:block; overflow:hidden; padding-right:50px; position:relative;}
.widget .divSearchPanel input[type='text'] {background-color:#eee; height:24px; line-height:24px; padding:5px 2%; width:96%;}
.widget .divSearchPanel input[type='submit'] {background-color:#9a0e0e; color:#fff; height:34px; width:50px; position:absolute; right:0; top:0; cursor:pointer;}
/*picList*/
.picList {float:left;width:450px;}
.picList .cur,.picList .item {border:1px solid #e4e4e4;padding:5px;background-color:#fff;}
.picList .cur {margin-bottom:10px;}
.picList .on {border-color:#9a0e0e;}
.picList .pic {padding-bottom:100%;position:relative;}
.picList .pic img {display:block;position:absolute;left:0;top:0;width:100%;height:100%;}
.picList .list {padding:0 30px;}
.picList .load {padding-bottom:18.077%;}
.picList .item {cursor:pointer;}
.picList .owl-nav button {display:block;position:absolute;top:0;height:100%;width:25px;text-indent:-99999em;}
.picList .owl-nav .disabled {opacity:0.5;cursor:default;}
.picList .owl-nav span {display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:#eee no-repeat center center;opacity:0.85;}
.picList .owl-nav .owl-prev {left:-30px;}
.picList .owl-nav .owl-prev span {background-image:url(images/arrow_left.png);}
.picList .owl-nav .owl-next {right:-30px;}
.picList .owl-nav .owl-next span {background-image:url(images/arrow_right.png);}
.product .proInfo {overflow:hidden;margin-bottom:3.5%;}
.product .right {margin-left:490px;overflow:hidden;}
.product .posttitle {text-align:left; margin-bottom:4%;}
.product .intro {background-color:#f9f9f9;padding:20px;font-size:16px;line-height:1.875em;color:#666;margin-bottom:4%; border-radius:15px 0 15px 0;}
.product .meta {font-size:14px;margin-bottom:5%;}
.product .meta .cat {padding:5px 0;}
.product .meta span {display:block;float:left;color:#333;font-weight:bold;height:36px;line-height:36px;}
.product .meta ul {margin-left:70px;overflow:hidden;}
.product .meta li {float:left;padding:2px 5px;}
.product .meta a {color:#555;display:block;border:1px solid #eee;padding:0 15px; font-size:12px; height:30px; line-height:30px;}
.product .meta a:hover {border-color:#9a0e0e;color:#9a0e0e;}
.product .btn {text-align:center; display: flex; align-items: center; flex-wrap: wrap; width: 102%; overflow: hidden;}
.product .btn span {display:block;width:31.33%; padding-right: 2%;}
.product .btn a {display:block;color:#fff;font-size:16px;height:42px;line-height:42px;background-color:#1296db;border-radius:5px;}
.product .btn a:hover {opacity:0.85;}
.product .btn .msg {background-color:#ee5e7b;}
.product .btn .buy {background-color:#ff5000;}
.product .proTitle {background-color:#f9f9f9;margin-bottom:3%;}
.product .proTitle h2 {font-size:14px;font-weight:normal;overflow:hidden;padding:5px 20px 0;}
.product .proTitle span {display:block;float:left;padding:5px 15px;border:1px solid #eee;border-bottom:none;color:#666;background-color:#fff;}
/*error404*/
.error404 .error {padding:5% 0 10%;}
.error404 .title {text-align:center;font-size:38px;font-weight:normal;line-height:1.5em;margin-bottom:1.5%;}
.error404 .intro {font-size:24px;color:#333;text-align:center;line-height:1.75em;}


@media only screen and (max-width:1365px){
	.inner {width:93.75%;}
}
@media only screen and (max-width:1280px){
	
	.topBtn {padding:22px 0;}
	
	.nav {margin-left:150px;}
	.nav li {line-height:65px; padding:0 15px; font-size:16px;}

	.hmcat ul {width:102%;}
	.hmcat li, .hmcat li.cur {width:23%; padding-right:2%; opacity:1;}	
	.hmcat li a {padding-bottom:68.36%;}
	.hmcat li h2 {bottom:50%; background-color:rgba(154,14,14,.85); transform:translateY(50%);font-size:14px; padding:2%; width:76%;}
	
	.hmtitle h2 {font-size:20px;}
	
	
	.hmtop {width:520px;}
	.hmnews ul {margin-right:545px;}
	.hmnews li .thumbnail {width:120px;}
	.hmnews li .info {margin-left:130px;}
	.hmnews li time {display:none;}

	.hmabout .pic {width:450px;}
	.hmabout .info {padding-right:3%;}
	.hmabout .intro {line-height:1.75em;}

	
	
	.pageTitle {padding-left:15px; padding-right:15px;}
	.submenu {margin-left:150px; position:relative;}
	.submenu li a {padding-right:15px;}
	

	
	.related .title {padding:10px 15px;}
	.related h3 {font-size:18px;}
	.related h4 {font-size:14px;}

	.picList {width:380px;}
	.product .right {margin-left:410px;}
	/*1280px*/
	.logo {width:148px;}
}
@media only screen and (max-width:1024px){
	
	.navBtn {display:block;}
	.nav {position:fixed; top:55px; right:-220px; background-color:rgba(255,255,255,.95); height:100%; width:220px; overflow-y:auto; -webkit-overflow-scrolling:touch; transition:right .3s; z-index: 5; border-left:1px solid #fff; margin:0;}
	.nav.open {right:0;}
	.nav ul {float:none; padding:10px 0 55px;}
	.nav li {float:none; line-height: 25px; position:relative; padding:0;}
	.nav li a {padding:10px 45px 10px 1.5em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color:#222;}
	.nav li em {position:absolute; right:0; top:0; width:45px; height:45px; z-index: 2; display: block; cursor:pointer;}
	.nav li em:after {content:''; display:block; width:8px; height:8px; border-right:1px solid #010101; border-bottom:1px solid #010101; transform:rotate(45deg); position:absolute; left:50%; top:50%; margin:-6.3px 0 0 -6.3px; transition:all .3s;}
	.nav li em.open:after {transform:rotate(-135deg); margin-top:-2.5px;}

	.nav li ul {position:static; left:auto; top:auto; padding:0; margin:0; width:auto; background-color: transparent; border:none;}
	.nav li li {text-align:left;}
	.nav li li a {padding:10px 1.5em 10px 2.5em;}
	.nav li li a:hover {color:#222;}
	
	.hmtop {width:410px;}
	.hmnews ul {margin-right:435px;}
	.hmnews li .thumbnail {width:90px;}
	.hmnews li .info {margin-left:100px;}
	.hmnews li h3 {line-height:1.125em;}
	.hmnews li p {line-height:1.65em; height:3.3em;}
	
	.hmabout .intro {font-size:14px;}
	.hmabout .pic {width:46.875%;vertical-align: middle;}
	.hmabout figure {padding:0 5px 5px 0;}
	
	

	.topBtn {padding:16.5px 0;}
	
	
	.bar {background-color:transparent; line-height:normal; border-bottom:none; margin-bottom:0;}
	.breadcrumb {float:none; max-width:none; padding-top:1.5%; padding-bottom:1.5%;}
	
	.pageTitle {display:none;}	
	
	.submenu {margin:0; padding:0;}
	.submenu ul {font-size:0; line-height:normal; text-align:center;}
	.submenu li {float:none; display:inline-block; padding:5px 15px;}
	.submenu li a {padding:2px 15px;background-color:#9a0e0e; color:#fff; border-radius:8px 0 8px 0;}
	.submenu li a:hover, .submenu li.cur a, .submenu li.on a {color:#fff;}
	.submenu li.cur a:before {display:none;}

	.newsitem .thumbnail {width:250px;}
	.newsitem .info {margin-left:250px; padding:0 81px 0 20px;}
	.newsitem .info:after {right:60px;}
	.newsitem .more a {width:40px; height:40px;}
	.newsitem h2 {font-size:22px; margin-bottom:10px;}
	.newsitem .excerpt {line-height:1.75em; height:7em;}
	.newsitem .date {margin-top:13px;}
	
	.posttitle {font-size:24px;}
	
	.commentsList .avatar {width:35px; height:35px;}
	.commentsList .info, .commentsList li li {margin-left:45px;}

	.sidebar {display:none;}
	.main {margin:0;}
	/*1024px*/
	.logo {padding:12px 0;width:127px; }
}
@media only screen and (max-width:960px){
	
	.hmtop {width:350px;}
	.hmnews ul {margin-right:365px;}
	.hmnews li .thumbnail {width:77px;}
	.hmnews li .info {margin-left:87px;}
	.hmnews li h3 {line-height:1.5em;}
	.hmnews li p {height:auto; white-space:nowrap; text-overflow:ellipsis;}
	
	.newsitem .more {display:none;}
	.newsitem .info {padding-right:0;}
	.newsitem .info:after {display:none;}

	.products li h2 {font-size:14px;}

	

	#comment .text {padding-top:5px; padding-bottom:5px; font-size:14px;}
	#comment label {font-size:14px; height:36px; line-height: 36px;}
	#comment .input {margin-left:45px;}
	#comment .submit {height: 35px; font-size:14px; width:110px;}
	#comment .verify img {height:36px;}

	.sidebar {float:none; width:auto; margin-bottom:3.5%;}
	.related .title {border-top-left-radius: 0; overflow: hidden;}
	.related h3 {font-size:16px; float:left; line-height: 22px;}
	.related h4 {float:left; line-height: 22px; padding:0 5px;}

	.picList {width:320px;}
	.product .right {margin-left:350px;}
	.product .posttitle {text-align:center;}
	.product .intro {padding:15px;}
	.product .btn a {font-size:12px;}
}
@media only screen and (max-width:768px){
	
	.nav {width:100%; right:-100%; background-color:#fff; top:54px; border-top:1px solid #e4e4e4;}
	.nav ul {padding-bottom:54px; padding-top:0;}
	.nav li {border-bottom:1px solid #eee;}
	.nav li li {border-top:1px solid #eee; border-bottom:none;}
	
	.slides .owl-dots {bottom:8.3%;}
	.slides .owl-dot.active span {width:25px;}

	.searchForm form {float:none; width:auto; padding:5px;}
	.searchForm .input {margin-right:40px;}
	

	.hmcat li, .hmcat li.cur {width:48%; padding-top:1%; padding-bottom:1%;}
	.hmcat li h2 {font-size:12px; border-radius:5px;}

	.hmtitle {margin-bottom:3.9%;}
	.hmtitle h2 {font-size:18px; padding-bottom:5px;}
	
	.hmpro li.li1 {width:48%; padding-bottom:2%;}
	.hmpro li {width:48%; padding-right:2%; padding-bottom:2%;}
	.hmpro li h3 {opacity:1; top:auto; bottom:5%; margin-top:0; left:5%; width:80%;}
	.hmpro li a:hover:after {opacity:0;}
	.hmpro li a:hover h3 {top:auto;opacity:1;}
	.hmpro li a:hover img {transform:none;}
	
	.hmtop {width:auto; float:none; margin-bottom:10px;}
	.hmnews ul {margin-right:0;}
	.hmnews li .thumbnail {width:120px;}
	.hmnews li .info {margin-left:130px;}
	.hmnews li h3 {line-height:1.75em;}
	.hmnews li p {line-height:1.875em; height:3.75em; white-space:normal;}

	.hmabout {display:block; width:auto;}
	.hmabout .info {display:block; width:auto; padding-right:0; }
	.hmabout .intro p {padding:0; margin-bottom:10px;}
	.hmabout .pic {display:block; width:auto;}

	.hmvideo li {width:48%; padding-bottom:1%;}
	.hmvideo h4 {padding:5px; font-size:14px;}

	.links {padding:10px 0;}
	
	.footer {padding:5% 0 3%;}
	.footer .right {display: none;}
	.footer .left {margin-right:0;}
	.footer .pic {display:none;}

	.pagesList ul {font-size:0; line-height: normal; text-align:center;}
	.pagesList li {display:inline-block; float:none; font-size:14px; line-height: 1.75em;}

	.copyright {text-align:center; line-height: 1.5em; font-size:12px;}

	.social ul {text-align:center;}
	.social li {margin:0 5px;}
	.social li a {width:30px; height:30px;}
	
	.submenu {margin-top:1.5%;}
	.submenu li {font-size:12px; padding:2px 8px;}
	
	.wrapper {padding:5.5% 0;}
	
	.newslist, .products {margin-bottom:3%;}
	.newsitem {padding-bottom:10px; margin-bottom:10px;}
	.newsitem .thumbnail {width:110px;}
	.newsitem .info {margin-left:120px; padding:0;}
	.newsitem h2 {font-size:16px; white-space:normal; line-height:1.5em; max-height:3em; margin-bottom:5px;}
	.newsitem .excerpt {font-size:14px; height:auto; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
	.newsitem .more, .newsitem .date {display: none;}
	
	.posttitle {font-size:18px; line-height:1.5em; margin-bottom:3.5%;}
	
	.postmeta {margin-bottom:5%;}
	
	.boxtitle {font-size:16px; margin-bottom:12px;}
	
	.postnavi {width:auto;}
	.postnavi span {float:none; width:auto; padding:2px 0;}
	.postnavi .r { text-align:left;}
	
	.relatednews ul {width:auto;}
	.relatednews li {width:auto; float:none; padding:2px 0; font-size:14px;}
	
	.entry {font-size:14px;}
	.entry p, .entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6, .entry table, .entry hr, .entry ul, .entry ol, .video {margin-bottom:3.5%;}
	.entry blockquote {margin-bottom:3.5%; padding:3.5% 3.5% 0 3.5%; border-left-width:5px;}
	
	.tags {margin-bottom:3.5%;}
	

	#comment label {float:none; height:auto; line-height: 1.75em;}
	#comment .input {margin-left:0;}
	#comment .btn {padding:5px 0;}
	#comment .submit {float:none;}

	.picList {float:none; width:auto; margin-bottom:15px;}
	.product .right {margin-left:0;}
	.product .intro {font-size:14px; margin-bottom:10px;}
	.product .meta {margin-bottom:10px;}
	.product .meta span {height:34px; line-height: 34px;}
	.product .meta a {padding:0 10px;}
	.product .meta .cat {padding:2px 0;}
	.product .btn a {height:32px; line-height: 32px; font-size:14px;}

	.product .proTitle {margin-bottom:15px;}
	.product .proTitle h2 {padding:5px 15px 0;}

	.error404 .title {font-size:24px;}
	.error404 .intro {font-size:16px;}
	.error404 .intro a {display: block;clear:both;color:#9a0e0e;}
    /*768px*/
    .pagenavi {font-size:12px;}
}
@media only screen and (max-width:540px){
	.products ul {width:103%;}
	.products li {width: 47%; padding-right:3%; padding-bottom:3%;}
	.products li h2 {padding-left:5px; padding-right:5px;}
}