/*初始化样式*/
* {-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:#f7f5f2; font:100%/15px 'Microsoft Yahei',Arial; overflow-x:hidden;}
a {text-decoration:none; outline:none; color:#333;}
a:hover {color:#d22e2e;}
input {-webkit-appearance:none; border:0;}
input:focus,textarea:focus {outline:none;}
input::-webkit-input-placeholder{color:#a39385!important}
input:-moz-placeholder{color:#a39385!important}
input::-moz-placeholder{color:#a39385!important}
input:-ms-input-placeholder{color:#a39385!important}
textarea::-webkit-input-placeholder{color:#a39385!important}
textarea:-moz-placeholder{color:#a39385!important}
textarea::-moz-placeholder{color:#a39385!important}
textarea:-ms-input-placeholder{color:#a39385!important}
li {list-style:none;}
a img {border:none;}
table {background-color: transparent; border-spacing: 0; border-collapse: collapse; font-size:16px; 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;}
hr {border:none; height:1px;  width:100%; clear:both; background-color:#e4e4e4; margin-bottom:20px;}

/*global*/
.inner{margin:0 auto;}
.img-center{text-align:center;font-size:0;}
.img-center img{display:inline-block;width:auto;height:auto;max-width:100%;max-height:100%;vertical-align:middle;}
/*wrapper*/
.wrapper {padding:20px;margin-left:280px;}

/*header*/
.header {position:fixed;left:0;top:0;width:280px;height:100%;background:#2c2e2f;border-right:1px solid #ebe7e0;box-shadow:0px 0px 10px #eee;}
.header .inner {width:auto;}
.blank {display:none;}

/*search*/
.searchBox {position:fixed; left:-100%; top:0; background:#f6f4f2; width:100%; height:100%; z-index:999; transition:all .5s;}
.searchBox.open {left:0;}
.searchBox .box {position:absolute; left:0; top:50%; transform:translateY(-20%); width:100%; height:auto;}
.searchBox .close {font-size:36px; font-family:'Arial'; width:35px; height:35px; border-radius:50%; position:absolute; right:3.125%; top:3.125%; border:1px solid #333; text-align:center; line-height:35px; overflow:hidden; cursor:pointer;}
.searchBox .close:hover {opacity:.8;}
.searchForm{padding:3% 20%;}
.searchForm .text {float:left;width:calc(80% - 22px);height:43px;padding:0 10px; border:1px solid #e4e4e4;background:#fff;overflow:hidden;}
.searchForm .btn {float:right;width:20%; height:43px; color:#fcf1f1;background:linear-gradient(130deg,#fb6717 5%,#fa5218 100%);font-size:14px; cursor:pointer;overflow:hidden; border:1px solid #fa5218;}

.tagsBox {padding:3% 20%; overflow:hidden;}
.tagsBox h2 {font-size:18px; font-weight:normal; margin-bottom:20px;}
.tagsBox ul {overflow:hidden;}
.tagsBox li {float:left; font-size:16px; padding:2px 20px 2px 0;}


/*logo*/
.logo {float:left;width:100%;height:60px;padding:10px 0;border-bottom:1px solid #313437;}
.logo img{height:60px; max-width:100%}
/*nav*/
.nav {padding:20px 40px;overflow:hidden;}
.nav li {font-size:16px;}
.nav li a {display:block;color:#979898;padding:15px 10px;border-bottom:1px solid #313437;position:relative;transition:all .3s;}
.nav li a:after {content:'';display:block;position:absolute;width:1px;height:100%;right:-1px;top:0;z-index:2;transition:all .3s;}
.nav li a:hover, .nav li a.cur {color:#fa5218;}
.nav li a:hover:after {}
.nav li a i{vertical-align:middle;margin-right:5px;}
.navBtn {display:none;}
/*links*/
.links {position:fixed;bottom:0;left:0;width:280px;border-top:1px solid #313437;}
.links ul {overflow:hidden;padding:0 15px;}
.links li {float:left;width:33.333%;font-size:14px;height:45px;line-height:45px;text-align:center;}
.links li a {display:block;color:#979898;}
.links li .text {vertical-align:top;margin-left:5px;font-style:normal;}

/*breadcrumb*/
.breadcrumb {border-bottom:1px solid #ede9e4;padding:15px 20px;font-size:15px;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.breadcrumb em {font-style:normal;font-family:'Simsun';}
.breadcrumb a {color:#666;}
/*main*/
.mainbox {padding:28px;background:#fbfaf8;border:1px solid #ede9e4;border-radius:5px;box-shadow:0px 0px 10px #eee; margin-bottom: 20px;overflow:hidden;}

/*footer*/
.footer {margin:0 20px 20px 300px;}
.copyright {font-size:14px;color:#999;line-height:22px;text-transform:uppercase;}
.copyright a {color:#999; display: inline-block;}
.copyright a:hover {text-decoration:underline;}
.copyright img {display: inline-block; vertical-align: middle; width: auto; height: 20px; margin-top: -3px;}



.flinks {overflow:hidden; clear:both;margin-bottom:15px; color:#999;}
.flinks h2 {font-size:14px; line-height:22px; float:left; font-weight:normal;}
.flinks ul {overflow:hidden; margin-left:70px;}
.flinks li {float:left; padding:0 5px; font-size:14px; line-height:22px;}
.flinks li a {display:block; color:#999;}

@media only screen and (max-width:1366px){
  .header, .links  {width:280px;}
  .wrapper {margin-left:280px;}
  .homebox li {width:32.333%;}
  .footer {margin-left:300px;}
}
@media only screen and (max-width:1024px){
	body.open {position:fixed; left:0; width:100%; height:100%; overflow:hidden;}
 .header {height:auto;width:100%; border-bottom:1px solid #e4e4e4; background-color:#fff; z-index: 9;}
  .header.focus {position:static; left:auto; top:auto;}
  .header .inner {width:93.75%; overflow: hidden; position:relative;}
  .blank {display:block; width:100%; height:70px;}
  .blank.focus {display:none;}
  /*nav*/
  .navBtn {display:block; position:absolute; right:0; top:50%; margin-top:-11.5px; width:23px; height:23px; cursor: pointer;}
  .navBtn span {display:block; position:absolute; right:0; top:50%; margin-top:-1px; width:100%; height:2px; background-color:#666; cursor:pointer; transition:opacity .3s;}
  .navBtn span:before, .navBtn span:after {content:''; display:block; width:100%; height:2px; background-color:#666; position:absolute; right:0; transition:all .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;}
  
  .nav {position:fixed; top:60px; right:-260px; background-color:#fff; height:100%; width:260px; overflow-y:auto; -webkit-overflow-scrolling:touch; transition:right .3s; z-index: 5; border-left:1px solid #e4e4e4; padding:0;}
  .nav.open {right:0;}
  .nav li {float:none; line-height: normal; position:relative;} 
  .nav li a {padding:12px 1em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
  /* .nav li a:hover {background-color:transparent; color:#010101; box-shadow: none; padding:12px 1em;} */
  /*links*/
  .links {width:100%; background-color:rgba(255,255,255,.8); z-index:5;}
  /*wrapper*/
  .wrapper {padding:0; margin:0 auto; padding:10px;}
  /*footer*/
  .footer {margin-left:0; margin-bottom:60px;}
  .copyright {width:93.75%; margin:0 auto;text-align:center;}
  /*breadcrumb*/
  .breadcrumb {padding:10px 3.125%;}
  /*友情链接*/
  .flinks {padding:0 3.125%;font-size:0; text-align:center; line-height:normal;}
  .flinks h2 {display:inline-block; float:none; vertical-align:top;}
  .flinks ul {display:inline-block; margin-left:0; vertical-align:top;}
  .flinks li {display:inline-block; float:none;}
}
@media only screen and (max-width:960px){
	.blank{height:50px;}
	.logo{height:50px;padding:5px 0;line-height:50px;border-bottom:none;}
	.logo img{height:50px;}
  .tags {font-size:13px;}
  .searchForm, .tagsBox {padding-left:5%; padding-right:5%;}
}
@media only screen and (max-width:768px){
	.blank{height:40px;}
	.logo{height:40px;padding:5px 0;line-height:40px;border-bottom:none;}
	.logo img{height:40px;}

	/*nav*/
	.nav{top:51px;}

	/*wrapper*/
	.wrapper{padding:10px;}


	/*768px*/
  /*main*/
  .mainbox{padding:8px; margin-bottom:10px;}
	.links li{height:40px;line-height:40px;}
	.footer{margin-bottom:50px;}

	/*tabTop*/
	.tabTop li{width:23%;padding:0 1%;}
	.tabTop li span{padding:7px 0;}

	/*copyright*/
	.copyright{font-size:12px;}
}





.menu>li a{position: relative;}
.menu>li a span.arr{content: '';width: 16px;height: 16px;background: url(../images/arrow1.png) no-repeat center;background-size: 100%;position: absolute;top: 0;bottom: 0;margin: auto;right:5px;-webkit-transition: .35s ease-in-out;transition: .35s ease-in-out;}
.menu>li a:hover span.arr,.menu>li a.cur span.arr{;background: url(../images/arrow1.png) no-repeat center;background-size: 100%;}
.menu>li a.cur span.arr{-webkit-transform: rotate(90deg);transform: rotate(90deg);}
.menu ul{display: none;text-indent:15px;}
.menu ul li{left: -20px;font-size:15px;}
.menu ul li a:hover{background: transparent;color:#fa5218;}
.menu ul li.is-shown{position:relative;left:0;zoom:1;opacity:1;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.menu ul li.is-shown+.is-shown{-webkit-transition-delay:80ms;transition-delay:80ms}
.menu ul li.is-shown+.is-shown+.is-shown{-webkit-transition-delay:120ms;transition-delay:120ms}
.menu ul li.is-shown+.is-shown+.is-shown+.is-shown{-webkit-transition-delay:160ms;transition-delay:160ms}
.menu ul li.is-shown+.is-shown+.is-shown+.is-shown+.is-shown{-webkit-transition-delay:.2s;transition-delay:.2s}
.menu ul li.is-shown+.is-shown+.is-shown+.is-shown+.is-shown+.is-shown{-webkit-transition-delay:240ms;transition-delay:240ms}
.menu ul li.is-shown+.is-shown+.is-shown+.is-shown+.is-shown+.is-shown+.is-shown{-webkit-transition-delay:280ms;transition-delay:280ms}
.menu ul li.is-shown+.is-shown+.is-shown+.is-shown+.is-shown+.is-shown+.is-shown+.is-shown{-webkit-transition-delay:320ms;transition-delay:320ms}
.menu ul li.is-shown+.is-shown+.is-shown+.is-shown+.is-shown+.is-shown+.is-shown+.is-shown+.is-shown{-webkit-transition-delay:360ms;transition-delay:360ms}
.menu ul li.is-shown+.is-shown+.is-shown+.is-shown+.is-shown+.is-shown+.is-shown+.is-shown+.is-shown+.is-shown{-webkit-transition-delay:.4s;transition-delay:.4s}
.menu ul li.is-shown+.is-shown+.is-shown+.is-shown+.is-shown+.is-shown+.is-shown+.is-shown+.is-shown+.is-shown+.is-shown{-webkit-transition-delay:440ms;transition-delay:440ms}	
@media screen and (min-width: 200px) and (max-width: 767px) {
	.menu>li a span.arr{right:10px;}
	.menu ul li{left: 0;}
	.menu ul li.is-shown{transition: 0ms;-webkit-transition:0ms;}
}


.pos-re{position:relative;}
.pos-ab{position:absolute;}
.comment-post{overflow:hidden;margin:10px 0;background:#fbfaf8;}

.comment-post .con{display:flex;width:100%;flex-shrink: 0;flex-direction:row;flex-wrap:wrap; justify-content:space-between;align-items:center;}
.comment-post .con .input-group{flex-shrink: 0; width:24.5%;margin:5px 0;}
.comment-post .con .textarea-group{flex-shrink: 0; width:100%;margin:5px 0;}
.comment-post .con .input-group input{width:calc(100% - 22px);height:38px;margin:0;padding:0 10px;line-height:38px;border:1px solid #ebe7e0;border-radius:6px;background:#f7f5f2;color:#666;}
.comment-post .con .textarea-group textarea{width:calc(100% - 22px);padding:5px 10px;font:normal 14px/25px "Microsoft Yahei";border:1px solid #ebe7e0;border-radius:6px;background:#f7f5f2; color:#666;}
.verifyimg{position:absolute;right:0;top:0;z-index:99;height:38px!important;width:80px!important;border:1px solid #ebe7e0;border-radius:0 6px 6px 0;}
.verifyimg img{border-radius:3px;}
.comment-post .con .input-group input.button{border:none;cursor:pointer;width:188px;height:40px;line-height:40px;color:#fcf1f1;background:linear-gradient(130deg,#fb6717 5%,#fa5218 100%);transition:0.8s cubic-bezier(0.2,0.8,0.2,1.0);font-size:15px;letter-spacing:2px;}
.comment-post .con .input-group input.button:hover{opacity:.9;filter:alpha(opacity=90);}
@media  screen and (max-width:767px){
  .comment-post{padding:10px;}
  .comment-post .con{flex-direction:column;}
.comment-post .con .input-group{width:100%;}
.comment-post .con .input-group input.button{width:100%;}
}


.panel-title{margin:0 0 10px;padding:0 8px 10px;border-bottom:1px solid #ede9e4;color:#66594f;vertical-align:middle;overflow:hidden;}
.panel-title i{margin-right:8px;font-size:18px;vertical-align:middle;}
.panel-title strong{font-size:15px;color:#66594f;vertical-align:middle;}
.panel-title em{float:right;display:block;vertical-align:middle;color:#66594f;font-size:13px;}
.panel-title a{float:right;font-size:18px;}


.comment-list {height:auto;}
.comment-list ul{}
.comment-list ul li{height:auto;padding:5px 0;overflow:hidden;}
.comment-list ul li .items{width:100%;height:auto;padding:0;position:relative;overflow:hidden;}
.comment-list ul li .items .avatar{position:absolute;left:0;top:0;border-radius:50%;}
.comment-list ul li .items .avatar img{width:62px;height:62px;border-radius:50%;border:3px solid #ede9e4;transition: all 0.5s ease-out;-webkit-transition:all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;-ms-transition: all 0.5s ease-out;}
.comment-list ul li .items .avatar:hover img{transform:rotate(360deg);-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);box-shadow: 0px 0px 3px #ccc;}
.comment-list ul li .items .comment{padding:0 0 0 85px;}
.comment-list ul li .items .comment .msg{position:relative;font:normal 12px/25px "NotoSansHans";}
.comment-list ul li .items .comment .msg:before{content:'';display:inline-block;border-top:9px solid transparent;border-bottom:9px solid transparent;border-right:9px solid #ede9e4;position:absolute;top:27px;left:-8px;}
.comment-list ul li .items .comment .msg:after{content: ''; display: inline-block; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-right: 7px solid #fbfdfb; position: absolute; top: 29px; left: -6px;}
.comment-list ul li .items .comment .msg .box{float:left;width:calc(100% - 22px);height:auto;padding:8px 10px;font:normal 13px/22px "NotoSansHans";border:1px #ede9e4 solid;border-radius:5px;color:#968b85;background:#fbfbfb;display:block;word-wrap:break-word;overflow:hidden;}
.comment-list ul li .items .comment .msg .box .other{height:auto;margin-top:5px;padding-top:5px;border-top:1px solid #ede9e4;font:normal 12px/18px "NotoSansHans";color:#a59285;overflow:hidden;}
.comment-list ul li .items .comment .msg .box .other span{float:left;margin-right:10px;display:block;}
.comment-list ul li .items .comment .msg .box .other span i{font-size:10px;}
.comment-list ul li .items .comment .msg .box .other span a{color:#a09792;}
.comment-list ul li .items .comment .msg .box .reply{float:right;margin-top:5px;position:relative;}
.comment-list ul li .items .comment .msg .box .reply .re-avatar{position:absolute;right:0;bottom:-10px;border-radius:50%;}
.comment-list ul li .items .comment .msg .box .reply .re-avatar img{width:42px;border:3px solid #ede9e4;border-radius:50%;transition: all 0.5s ease-out;-webkit-transition:all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;-ms-transition: all 0.5s ease-out;}
.comment-list ul li .items .comment .msg .box .reply .re-avatar:hover img{transform:rotate(360deg);-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);box-shadow: 0px 0px 3px #ccc;}
.comment-list ul li .items .comment .msg .box .reply .re-comment{padding:0 58px 0 0;line-height:25px;overflow:hidden;}
.comment-list ul li .items .comment .msg .box .reply .re-comment .re-msg{position:relative;width:100%;}
.comment-list ul li .items .comment .msg .box .reply .re-comment .re-msg:before{content:'';display:inline-block;border-top:9px solid transparent;border-bottom:9px solid transparent;border-left:9px solid #e6e0d9;position:absolute;bottom:9px;right:-8px;}
.comment-list ul li .items .comment .msg .box .reply .re-comment .re-msg:after{content:'';display:inline-block;border-top:9px solid transparent;border-bottom:7px solid transparent;border-left:7px solid #fff;position:absolute;bottom:11px;right:-6px;}
.comment-list ul li .items .comment .msg .box .reply .re-comment .re-msg .re-text{padding:5px 10px;border:1px #e6e0d9 dashed;border-radius:5px;color:#b6a79c;background:#fff;word-wrap:break-word;}
.comment-list ul li .items .comment .msg .box .reply .re-comment .re-msg .re-text span{margin-right:3px;color:#ff944c;}
.comment-list ul li .items .comment .msg .box .reply .re-comment .re-msg .re-text span:before{content:'回复：'}
@media screen and (max-width:767px){
  .comment-list {padding:10px;}
  .comment-list ul li .items .avatar img{width:32px;height:32px;border:2px solid #eee;}
  .comment-list ul li .items .comment{padding:0 0 0 48px;}
  .comment-list ul li .items .comment .msg:before{top:9px;left:-8px;}
  .comment-list ul li .items .comment .msg:after{top:11px; left: -6px;}
  .comment-list ul li .items .comment .msg .box .reply .re-avatar img{width:32px;border:2px solid #f4f2ef;}
  .comment-list ul li .items .comment .msg .box .reply .re-comment{padding:0 48px 0 0;}
}


ul.msg{list-style: none;margin: 10px 0;position:relative;text-align:left;list-style-position:outside;table-layout:fixed;word-wrap:break-word}
li.msgurl{text-align:right;padding:2px 10px 2px 10px;margin:0;font-size:1em}
li.msggravatar{display:block;float:left;margin-right:5px}
li.msgarticle{list-style-position:outside;padding:10px;padding-right:0;margin:0;/*border-bottom:1px solid #eaeaea*/}
ul.msg li.msgarticle{margin-left:60px;}
li.msgtime{padding:5px 0 0 0;font-weight:400;font-size:.8em}
.msg img.avatar{width:60px;height:60px;float:left;padding:4px;border-radius: 50%;}
ul.msg ul.msg{padding:10px 0 0 0;margin:20px 0 0 0;/*border-top:1px solid #eaeaea;*/border-bottom:none}
ul.msg ul.msg li.msgarticle{padding-bottom:0;border-bottom:0 solid #eaeaea;}
li.msgname .commentname{padding-left:1.5%;padding-top: 1%;display: inline-block;}
.comment-main{display:inline-block;padding: 10px 15px;background: #fefefe;border-radius: 10px;padding:15px 20px;margin-left:1.5%;box-shadow: 0px 2px 18px 0px rgba(65, 106, 123, 0.1);border-radius: 5px;}
.comment-main small{color:#2f3033;opacity:.5;}
.comment-main .content{font-size: 14px;line-height: 1.6;word-break: break-all;opacity:.7;}
.revertcomment {font-size: 14px;float:right;padding-top:1%;white-space: nowrap;}
/*.comment .post-single .list .btn,.post-btn,#divCommentPost input.button{border:none;cursor:pointer;color:#d3faf2;text-align:center;height:36px;line-height:36px;border-radius:3px;width:130px;display:block;margin-top: 5px;margin-bottom: 15px;background:#18bc9c;transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1.0);box-shadow: 0 5px 15px rgba(24, 188, 156, 0.5);font-size:14px;}
.comment .post-single .list .btn:hover,.post-btn:hover,#divCommentPost input.button:hover{background:#ff8f00;color:#fff;}*/



/*文章详情 开始*/
.show-article{width:100%; height:auto;margin-bottom:15px;background:#fbfaf8;overflow:hidden;}
.show-article .title{width:100%;padding:30px 0;text-align:center;font-size:30px;color:#66594f;}
.show-article .meta{width:100%;height:auto;padding:15px 0;text-align:center;font-size:13px;color:#867668;border-bottom:1px solid #ede9e4;overflow:hidden;}
.show-article .meta span{padding-right:10px;}
.show-article .meta a{color:#867668;}
.show-article .content{width:100%;padding:15px 0;font-size:15px;line-height:200%;color:#867668;}
.show-article .content img{max-width:100%;}
@media screen and (max-width:767px){
  .show-article{}
  .show-article .title{margin:10px 0;padding:10px 0;font-size:18px;}
  .show-article .meta{padding:5px 0;font-size:12px;}
  .show-article .content{padding:10px 0;font-size:12px;}
}
/*文章详情 结束*/


.prevNext{background-color:#fbfaf8;border-radius:5px;display:flex;overflow:hidden}
.prevNext .dbox{display:flex;flex-direction:column;justify-content:center;min-height:100px;padding:0 20px;position:relative;width:50%;word-break:break-word;}
.prevNext .dbox:before{background-color:#000;bottom:0;content:"";left:0;opacity:.2;position:absolute;right:0;top:0;transition:opacity .5s cubic-bezier(.4,.01,.165,.99);z-index:1}
.prevNext .dbox:hover:before{opacity:.5}
.prevNext .next{align-items:flex-end;text-align:right;}
.prevNext span{color:#fff;font-size:14px;font-weight:500;padding-top:20px;position:relative;text-transform:uppercase;z-index:2}
.prevNext h4{color:#fff;font-size:15px;margin:5px 0 0;padding-bottom:20px;position:relative;z-index:2}
.prevNext img{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}
.prevNext .dbox a{bottom:0;left:0;outline:0;position:absolute;right:0;top:0;z-index:10;}
@media (max-width:767px){
.prevNext{display:block}
.prevNext .dbox{width:calc(100% - 40px);min-height:50px;}
}





/*产品列表 开始*/
.list-product{height:auto;}
.list-product ul{margin:0 -10px}
.list-product ul li{float:left;width:calc(25% - 20px);padding:10px;}
.list-product ul li .items{display:flex;flex-direction:column;border:1px solid #ede9e4;overflow:hidden;box-shadow:0px 2px 4px 0px rgba(32,32,32,0.02);border-radius:8px;transition:all .3s ease 0s;}
.list-product ul li .items .pic{width:100%;}
.list-product ul li .items .pic figure{position:relative;overflow:hidden;padding-bottom:66.666%;}
.list-product ul li .items .pic figure img{position:absolute;left:0;top:0;width:100%;height:100%;transition:all 0.3s linear;-moz-transition:all 0.3s linear;-webkit-transition:all 0.3s linear;-o-transition:width all 0.3s linear;}
.list-product ul li .items:hover .pic figure img{transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);}
.list-product ul li .items .info{height:auto;margin:15px;overflow:hidden;}
.list-product ul li .items .info .tit{width:100%;text-align:center;line-height:30px;font-size:16px;font-weight:600;color:#66594f;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.list-product ul li .items .info .tit a{color:#66594f;}
.list-product ul li .items .info .tit a:hover,
.list-product ul li .items:hover .info .tit,
.list-product ul li .items:hover .info .tit a{color:#fa5218;}
.list-product ul li .items .info .desc{overflow:hidden;width:100%;height:auto;margin-top:5px;color:#aaa;line-height:25px;font-size:13px;font-weight:400;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-align:justify;}
.list-product ul li .items:hover{box-shadow:0px 1px 20px rgba(50,50,50,.1);}
@media screen and (max-width:991px){
  .list-product ul{margin:0;}
  .list-product ul li{width:calc(50% - 15px);padding:7.5px;}
}
@media screen and (max-width:767px){
  .list-product ul li .items .info{margin:10px;}
}

/*文章列表 开始*/
.list-article{height:auto;}
.list-article ul{margin:0 -10px}
.list-article ul li{float:left;width:calc(50% - 20px);padding:10px;}
.list-article ul li .items{display:flex;border:1px solid #ede9e4;overflow:hidden;box-shadow:0px 2px 4px 0px rgba(32,32,32,0.02);border-radius:8px;transition:all .3s ease 0s;}
.list-article ul li .items .pic{flex-shrink:0;width:210px;}
.list-article ul li .items .pic figure{position:relative;overflow:hidden;padding-bottom:66.666%;}
.list-article ul li .items .pic figure img{position:absolute;left:0;top:0;width:100%;height:100%;transition:all 0.3s linear;-moz-transition:all 0.3s linear;-webkit-transition:all 0.3s linear;-o-transition:width all 0.3s linear;}
.list-article ul li .items:hover .pic figure img{transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);}
.list-article ul li .items .info{flex-shrink:1;position:relative;width:100%;min-height:calc(210px * 0.66666 - 20px);margin:10px 15px;overflow:hidden;}
.list-article ul li .items .info .tit{width:100%;line-height:30px;font-size:16px;font-weight:600;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;text-align:justify;}
.list-article ul li .items .info .tit a{color:#66594f;}
.list-article ul li .items .info .tit a:hover,
.list-article ul li .items:hover .info .tit,
.list-article ul li .items:hover .info .tit a{color:#fa5218;}
.list-article ul li .items .info .desc{overflow:hidden;width:100%;height:auto;margin-top:5px;color:#aaa;line-height:25px;font-size:13px;font-weight:400;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-align:justify;}
.list-article ul li .items .info .meta{overflow:hidden;width:100%;padding-top:5px;border-top:solid 1px #f1eeeb;position:absolute;right:0;bottom:0;font-size:13px;line-height:20px;color:#bbb;color:#666;}
.list-article ul li .items .info .meta span{float:left;margin-right:20px;font-size:13px;color:#aaa;line-height:20px;vertical-align:top;display:block;}
.list-article ul li .items .info .meta a{position:relative;float:right;height:22px;margin-left:10px;padding:0 10px;line-height:22px;font-size:13px;border-radius:12px;-moz-border-radius:12px;-webkit-border-radius:12px;-khtml-border-radius:12px;display:block;color:#777;}
.list-article ul li .items .info .meta a:before{content:'';position:absolute;left:0;bottom:0;right:0;height:6px;background:rgba(251,93,24,.05);border-radius:5px;}
.list-article ul li .items .info .meta i{margin-right:4px;font-size:18px;color:#fb5d18;}
.list-article ul li .items .info .meta a:hover:before{background:rgba(251,93,24,.1);}
.list-article ul li .items:hover{box-shadow:0px 1px 20px rgba(50,50,50,.1);}
@media screen and (max-width:991px){
  .list-article ul{margin:0;}
  .list-article ul li{width:calc(100% - 15px);padding:7.5px;}
}
@media screen and (max-width:767px){
  .list-article ul li .items .pic{width:108px;}
  .list-article ul li .items .info{min-height:calc(108px * 0.66666 - 20px);margin:5px 10px;}
  .list-article ul li .items .info .tit{line-height:18px;font-size:13px;-webkit-line-clamp:2;}
  .list-article ul li .items .info .desc{display:none;}
  .list-article ul li .items .info .meta{padding-top:0;line-height:18px;font-size:12px;}
  .list-article ul li .items .info .meta span{font-size:12px;line-height:18px;}
  .list-article ul li .items .info .meta a{display:none;}

}


/*站点列表 开始*/
.list-website{height:auto;}
.list-website ul{margin:10px -10px 0}
.list-website ul li{float:left;width:calc(25% - 20px);padding:10px;}
.list-website ul li .items{display:flex;height:80px;align-items:center;border:1px solid #ede9e4;overflow:hidden;background:#fff;box-shadow:0px 2px 4px 0px rgba(32,32,32,0.02);border-radius:8px;transition:all .3s ease 0s;}
.list-website ul li .items .pic{flex-shrink:0;width:40px;margin-left:15px;}
.list-website ul li .items .pic figure{position:relative;overflow:hidden;padding-bottom:100%;}
.list-website ul li .items .pic figure img{position:absolute;left:0;top:0;width:100%;height:100%;}
.list-website ul li .items .info{flex-shrink:1;position:relative;width:100%;min-height:calc(40px * 1 - 20px);margin:10px 15px;overflow:hidden;}
.list-website ul li .items .info .tit{width:100%;line-height:20px;font-size:16px;font-weight:600;color:#66594f;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.list-website ul li .items .info .tit a{color:#66594f;}
.list-website ul li .items .info .tit a:hover,
.list-website ul li .items:hover .info .tit,
.list-website ul li .items:hover .info .tit a{color:#fa5218;}
.list-website ul li .items .info .desc{overflow:hidden;width:100%;height:auto;margin-top:5px;color:#aaa;line-height:20px;font-size:13px;font-weight:400;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-align:justify;}
.list-website ul li .items:hover{transform:translateY(-3px);box-shadow:0px 1px 20px rgba(50,50,50,.1);}
@media screen and (max-width:991px){
  .list-website ul{margin:0;}
  .list-website ul li{width:calc(100% - 15px);padding:7.5px;}
}
@media screen and (max-width:767px){
  .list-website ul li .items .pic{margin-left:10px;}
  .list-website ul li .items .info{margin:10px;}
}


/*newsList*/
.newsList {padding:0 20px;}
.newsItem {margin-top:2%;}
.newsItem .pic {float:left;width:220px;}
.newsItem figure {padding-bottom:62.5%;overflow:hidden;position:relative;}
.newsItem figure img {position:absolute;left:0;top:0;width:100%;height:auto;height:100%;transition:all .3s;}
.newsItem .info {margin-left:240px;overflow:hidden;position:relative;}
.newsItem .info h2 {font-size:22px;font-weight:normal;line-height:1.5em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:5px;}
.newsItem .info .excerpt {font-size:16px;line-height:2em;height:4em;overflow:hidden;margin-bottom:10px;color:#777;}
.newsItem .info time {display:block;font-size:14px;color:#999;}
.newsItem a {display:block;overflow:hidden;border-bottom:1px solid #ebebeb;padding:10px;color:#000000;}
.newsItem a:hover img {transform:scale(1.1,1.1);}
@media (max-width:767px){
 /*newsList*/
  .newsItem a {padding:5px;}
  .newsItem a:hover img {transform:none;}
  .newsItem .pic {width:100px;}
  .newsItem .info {margin-left:110px;}
  .newsItem .info h2 {font-size:16px; white-space: normal; margin-bottom:0; line-height: 1.35em; height:2.7em;}
  .newsItem .info .excerpt {display:none;}
  .newsItem .info time {line-height: 1.41em;}
}