@charset "utf-8";
/* 全局 */
html{webkit-text-size-adjust:none;-webkit-text-size-adjust:none;text-justify:inter-ideograph;}
a{text-decoration:none;outline:0;-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s;}
.ui-pt20{padding-top:20px;}
.ui-mt20{margin-top:20px;}

/* 基础 */
*{-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-touch-callout:none;margin:0}
::-webkit-scrollbar{width:8px;height:8px;background-color:#F5F5F5;}
::-webkit-scrollbar-track{border-radius:10px;background-color:#E2E2E2;}
::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0, 0, 0, 0.3);box-shadow:inset 0 0 6px rgba(0, 0, 0, 0.3);background-color:#555;}
input,textarea{-webkit-user-select:text}

/*分页样式*/
.pglist {padding:20px 0 20px;width:100%;text-align:center;clear:both;}
.pglist a,.pglist span {color:#999;padding:0 15px;margin:0 3px;display:inline-block;vertical-align:middle;line-height:30px;background:#fff;border:1px solid #f2f2f2;font-size:16px;}
.pglist a:hover,.pglist span {display:inline-block;color:#fff;background:var(--color);border-color:var(--color);box-shadow:0 0 14px rgba(0,0,0,.2);}
.pglist li {display:inline-block;border:solid 0px #ddd;border-radius:4px;}
.pglist li a {color:#999;padding:3px 15px;margin:0 3px;display:inline-block;vertical-align:middle;line-height:30px;background:#fff;border:1px solid #f0f0f0;}
.pglist li a:hover {display:inline-block;color:#fff;background:var(--color);border-color:var(--color);box-shadow:0 0 14px rgba(0,0,0,.2);}
.pglist .active a {display:inline-block;color:#fff;background:var(--color);border-color:var(--color);box-shadow:0 0 14px rgba(0,0,0,.2);}

.page{text-align: center;padding:15px 0 40px 0;}
.page:before, .page:after{content: " ";display: table;}
.page:after{clear: both;}
.page li{display:inline-block;border:solid 0px #ddd;border-radius:4px;}
.page li a{min-width: 38px;color: #666;font-size: 14px;display: inline-block;padding: 0 10px;margin: 2.5px;text-align: center;line-height: 36px;background: #ececec;border-radius: 50%;box-sizing: border-box;transition: all .5s ease;}
.page li:hover a,
.page li.active a{color: #fff;background: #00a0e8;border-color: #00a0e8;}
@media only screen and (max-width: 768px){
.page{padding: 20px 0;}
.page li a{min-width: 30px;font-size: 12px;line-height: 28px;padding: 0 5px;}}

/*返回首页*/
#tip{padding-top:30px;min-height:340px;}
#tip b{color:#e60212;}

/*网站地图*/
.sitemap{overflow:hidden;line-height:30px;padding:10px 0;border-bottom:1px solid #ddd;}
.sitemap dt{float:left;margin-right:2%;width:14.66666667%;}
.sitemap dt a{display:block;text-align:center;background:#ececec;font-size:14px;padding:8px 0;font-weight:normal;}
.sitemap dt a:hover{background:#ccc;color:#fff;}
.sitemap dd{float:left;width:83.333333%;}
.sitemap dd a{float:left;color:#666;padding-right:35px;line-height:39px;transition:none;}
.sitemap dd a:hover{color:#333;}
@media screen and (max-width:767px){
	.sitemap dt{width:16%;}
	.sitemap dd{width:82%;}
	.sitemap dt a{padding:5px;}
	.sitemap dd a{padding-right:20px;}
}
/*网站标签*/
.tags_list{overflow:hidden;line-height:30px;padding:10px;border-bottom:1px solid #ddd;}
.tags_list dt{float:left;margin-right:2%;margin-bottom:2%;width:14.66666667%;}
.tags_list dt a{display:block;text-align:center;background:#ececec;font-size:16px;padding:8px 0;font-weight:normal;}
.tags_list dt a:hover{background:#ccc;color:#fff;}
.tags{overflow:hidden;margin-bottom:20px;}
.tags span{float:left;display:block;line-height:40px;font-size:14px;}
.tags a{border-radius:4px;-webkit-border-radius:4px;display:inline-block;line-height:28px;padding:0 6px;margin:5px;background:#fff;border:1px solid #dadada;font-size:14px;}
.tags a:hover {background:#e60212;border-color:#e60212;color:#fff;}
.website{color: #666;font-size:14px;}
.website a{color:#00a0e8;text-decoration: underline;}

/*评论列表*/
.comment-main{width:100%;background:#fefefe;border-bottom:3px solid #eee;margin:30px 0;font-size:14px;color:#666;line-height:14px;transition:all .5s;-webkit-box-shadow:0 10px 20px 0 #f2f2f2;-moz-box-shadow:0 10px 20px 0 #f2f2f2;-ms-box-shadow:0 10px 20px 0 #f2f2f2;-o-box-shadow:0 10px 20px 0 #f2f2f2;box-shadow:0 10px 20px 0 #f2f2f2;}
.comment-main:hover{border-bottom:3px solid var(--color);-webkit-box-shadow:0 10px 20px 0 #CCC;-moz-box-shadow:0 10px 20px 0 #CCC;-ms-box-shadow:0 10px 20px 0 #CCC;-o-box-shadow:0 10px 20px 0 #CCC;box-shadow:0 10px 20px 0 #CCC;}
.comment-title{width:100%;height:40px;line-height:40px;background:#fafafa;border-bottom:1px solid #CCC;}
.comment-title span{float:left;font-size:16px;line-height:40px;display:block;padding:0 30px;background:var(--color);color:#FFF;}
.comment-show-box{margin:20px 12px}
.comment-show-box *{margin:0; padding:0; list-style:none; box-sizing:border-box;}
.comment-show-box .pl-box2{width:100%}
.comment-show-box .pl-box2 dl{float:left;width:100%;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #EEE;}
.comment-show-box .pl-box2 dl dt{float:left;width:50px;color:#dedfe0;font-size:50px;background:#f5f5f9;border-radius:50%;}
.comment-show-box .pl-box2 dl dd{float:right; width:calc(100% - 80px);}
.comment-show-box .pl-box2 dl dd h1{font-weight:700;font-size:15px;}
.comment-show-box .pl-box2 dl dd h1 span{color:#aaa;font-weight:400;float:right;padding-right:20px;}
.comment-show-box .pl-box2 dl dd p{margin-top:10px;line-height:20px}
.comment-show-box .pl-box2 dl dd p.xz-fc1{color:var(--color);}
.comment-show-box .xz-cb{zoom:1}
.comment-show-box .xz-cb:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:"."}
.c-more {text-align:center;line-height:normal;}
.c-more a {display:block;width:200px;margin:0 auto;border-radius:2px;-webkit-border-radius:2px;display:block;background:var(--color);color:#ffffff;padding:13px 0;}
.c-more a:hover {background:#333;}

/*评论表单*/
.comment-show-box .fb-box{background:#FAFAFA;border:1px solid #EEE;margin-top:20px;}
.comment-show-box .fb-box dl{float:left;width:100%;padding:12px;}
.comment-show-box .fb-box dt{float:left;width:50px;color:#dedfe0;font-size:50px;background:#f5f5f9;border-radius:50%;margin-right:15px;}
.comment-show-box .fb-box dd{float:right;width:calc(100% - 70px);}
.comment-show-box .fb-box dd p{color:#656565;}
.comment-show-box .fb-box dd p textarea{width:100%;height:120px;line-height:20px;color:#6C6C6C;padding:12px;border:1px solid #EEE;outline:0;font-family:"microsoft yahei";transition:all .5s;}
.comment-show-box .fb-box dd p textarea:focus{border:1px solid var(--color);box-shadow:0 0 10px 0 var(--color)}
.comment-show-box .fb-box-div{margin-top:-1px;background:#FAFAFA;border-radius:0 0 5px 5px;border:1px solid #EEE;}
.comment-show-box .fb-box-div dl{padding:12px;position:relative;}
.comment-show-box .fb-box-div dd{font-size:14px;line-height:13px;color:#666;}
.comment-show-box .fb-box-div input{-webkit-border-radius:0 0 5px 0;-moz-border-radius:0 0 5px 0;-ms-border-radius:0 0 5px 0;-o-border-radius:0 0 5px 0;border-radius:0 0 5px 0;position:absolute;top:-1px;right:-1px;width:120px;height:39px;font-size:12px;line-height:39px;background:#AAA;color:#FFF;border:0;cursor:pointer;transition:all .5s;}
.comment-show-box .fb-box-div input:hover{background:var(--color);color:#FFF;}
.form_book .am-btn-block {width:200px;margin:0 auto;}

/*点赞*/
#mood{margin-bottom:30px;text-align:center;}
#mood p{font-size:16px;color:#555;font-weight:bold;margin-bottom:20px;}
#mood a{display:inline-block;margin:0 10px;cursor:pointer;color:#555;background:#fff;border-radius:4px;border:1px solid #ddd;padding:6px 20px;min-width:100px;-webkit-box-sizing:border-box;box-sizing:border-box;}
#mood a span{display:inline-block;width:18px;height:18px;margin-right:10px;vertical-align:sub;background:url(../images/icon/dianzan.png) no-repeat;transition:all .5s;}
#mood a span.dianzan-down{background-position:top right;}
#mood a em{font-style:normal;font-size:16px;}
#mood a:hover{background:#e60212;border-color:#e60212;color:#fff;}
#mood a:hover span.dianzan-up{background-position:bottom left;}
#mood a:hover span.dianzan-down{background-position:bottom right;}

/*视频样式*/
video {background-color:#000;}

/*内容分页*/
.rsLink{font-size:14px;height:38px;border:1px solid #ddd;margin:10px auto 10px;padding:0px 10px;}
.rsLink .prevLink, .rsLink .nextLink{height: 38px;line-height: 38px;color: #666;}
.rsLink .prevLink a, .rsLink .nextLink a{height: 38px;line-height: 38px;color: #666;}
.rsLink .prevLink a:hover, .rsLink .nextLink a:hover{color: var(--color);}
.rsLink .prevLink{float: left;}
.rsLink .nextLink{float: right;}
@media screen and (max-width:767px){
	.rsLink {height:76px; line-height:38px;}
	.rsLink .prevLink{float: none;}
	.rsLink .nextLink{float: none;}
}
}

/*相关内容*/
.relate-tit{width:100%;height:40px;line-height:40px;background:#fafafa;border-bottom:1px solid #CCC;}
.relate-tit h3{float:left;font-size:14px;line-height:40px;display:block;padding:0 30px;background:var(--color);color:#FFF;}
.relate-pro{margin:20px 0;}
.relate-pro ul{margin-top:20px;}
.relate-pro ul li{float:left;width:232px;margin-right:10px;transition:all .5s;}
.relate-pro ul li:nth-child(5n){margin-right:0;}
.relate-pro ul li a{display:block;border:1px solid #eaeaea;}
.relate-pro ul li .img{width:100%;padding-top:75%;position:relative;overflow:hidden;}
.relate-pro ul li .img img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;transition:all .5s;}
.relate-pro ul li h3{color:#555;font-size:14px;text-align:center;display:block;line-height:35px;background:#fff;padding:0 10px;border-top:1px solid #eaeaea;transition:all .5s;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.relate-pro ul li:hover .img img{transform:scale(1.1);}
.relate-pro ul li:hover h3{color:#fff;background:var(--color);}
.relate-pro .swiper-container-horizontal>.swiper-scrollbar{position:relative;left:0;bottom:0;width:100%;margin-top:15px;}
.relate-pro .swiper-scrollbar-drag{background:var(--color);}
.relate-news ul{padding-top:10px;}
.relate-news ul li{float:left;position:relative;width:48%;line-height:35px;}
.relate-news ul li:nth-child(even) {float:right;}
.relate-news ul li a{display:block;color:#666;padding-right:100px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.relate-news ul li a:before{content:'+';font-weight:bold;font-size:16px;line-height:1;margin-right:5px;}
.relate-news ul li span{position:absolute;top:0;right:0;color:#999;white-space:nowrap;}
.relate-news ul li a:hover{color:var(--color);}
@media screen and (max-width:767px){
	.relate-news ul li{width:100%;}
}
/*产品筛选*/
.filters{border:1px solid #f0f0f0;padding:20px 30px 10px 30px;margin-bottom:20px;background:#fff;box-shadow:0 3px 20px 0 rgba(0, 0, 0, 0.05);}
.filters dl{margin:0;}
.filters dl dd{float:left;width:70px;font-weight:400;font-size:14px;margin:0;padding-top:5px;color:#999;}
.filters dl dt{margin:0 0 0 80px;}
.filters dl dt a{font-weight:500;margin:0 8px 10px 0;padding:6px 16px;color:#999;font-size:14px;display:inline-block;border-radius:20px;border:1px solid #D8E2F0;}
.filters dl dt a:hover{border:1px solid #1387F3;color:#1387F3;}
.filters dl dt .hover{border:1px solid #1387F3;color:#1387F3;}

.piclist{margin:0 -.75%;margin-bottom:30px;padding:0 0 .25% 0;list-style:none;overflow:hidden;font-size:0;border:0;}
.piclist:after{content:" ";clear:both;display:table;}
.piclist-item{float:left;width:23.5%;padding:0;margin:1.5% .75% 0 .75%;box-shadow:0 1px 20px rgba(0,0,0,0.03);position:relative;z-index:1;}
.piclist-item:hover{box-shadow:0 1px 20px rgba(0,0,0,0.1);}
.piclist-item .progress{position:absolute;top:32%;left:10px;right:10px;z-index:2;}
.piclist-item .error{position:absolute;top:0;left:0;right:0;background:#F00;color:#fff;padding:8px;font-size:12px;z-index:2;text-align:center;}
.piclist-item.disabled,.piclist-item.disabled a{cursor:not-allowed;}
.piclist-image{position:relative;overflow:hidden;padding-bottom:65%;}
.piclist-image img{width:100%;position:absolute;z-index:1;}
.piclist-image svg{width:100%;height:100%;z-index:1;color:#fff;font-size:24px;text-anchor:middle;position:absolute;}
.piclist-image .upload{width:100%;height:100%;position:absolute;display:flex;justify-content:center;align-items:center;font-size:1.6rem;color:#ccc;cursor:pointer;background:#f9f9f9;}
.piclist-image .upload:hover{color:#333;}
.piclist-image em{position:absolute;right:-3.7rem;top:.5rem;z-index:10;width:10rem;line-height:1.6rem;background:#2DB7F5;color:#fff;font-size:.65rem;text-align:center;font-style:normal;transform:rotate(45deg);}
.piclist-image em.bg-red{background:#ED4014;}
.piclist-image em.bg-yellow{background:#F37B1D;}
.piclist-image em.bg-blue{background:#1890FF;}
.piclist-image em.bg-green{background:#19BE6B;}
.piclist-image em.bg-info{background:#2DB7F5;}
.piclist-body{padding:.5rem .75rem;}
.piclist-title{font-size:.75rem;}
.piclist-flex{margin:.5rem 0 .25rem 0;display:flex;align-items:center;}
.piclist-price{color:#333;flex:1;font-size:.7rem;}
.piclist-price strong{font-size:.8rem;color:#ED4014;}
.piclist-price del,.piclist-price span{color:#999;display:block;font-size:.6rem;}
.piclist-flex .action{}
.piclist-flex .action a.btn{border-radius:2.5rem;padding:0 1rem;}
.piclist-col-2 .piclist-item{width:48.3%;}
.piclist-col-3 .piclist-item{width:23.3%;}
.piclist-col-5 .piclist-item{width:18.3%;}
.piclist-1-1 .piclist-image{padding-bottom:100%;}
.piclist-3-2 .piclist-image{padding-bottom:66.6%;}
.piclist-3-4 .piclist-image{padding-bottom:133.3%;}
.piclist-16-9 .piclist-image{padding-bottom:56.2%;}
.piclist-100 .piclist-image img{min-height:100%;}
.piclist-image .upload-action{position:absolute;width:100%;height:100%;bottom:-100%;display:flex;justify-content:center;align-items:center;font-size:.75rem;z-index:2;background:rgba(0,0,0,.4);transition:all .5s ease 0s;}
.piclist-image .upload-action a{font-size:1rem;color:#999;margin:0 .25rem;}
.piclist-image .upload-action a:hover{color:#fff;}
.piclist-image:hover .upload-action{bottom:0;}
.piclist-top{margin-top:-.75rem;}
@media screen and (max-width:768px) {
	.piclist-col-3 .piclist-item{width:47.3%;}
}

/*右侧悬浮*/
.right_bar{position:fixed;top:300px;right:0;width:50px;height:203px;z-index:10;display: none;}
.right_bar li{width:62px;height:50px;z-index:20;}
.right_bar li.rtbar_li1,.right_bar li.rtbar_li4{position:absolute;left:0;}
.right_bar li.rtbar_li1{top:0;width:172px;}
.right_bar li.rtbar_li2{position:absolute;top:51px;left:0;}
.right_bar li.rtbar_li3{position:absolute;top:102px;left:0;width:126px;}
.right_bar li.rtbar_li4{top:153px;}
.rtbar_li4{position:absolute;top:153px;left:0;}
.right_bar li a{display:block;color:#FFF;font-size:14px;height:50px;line-height:50px;overflow:hidden;background-color:#00a0e8;opacity:0.8;border-radius:6px;}
.right_bar li a img{display:block;float:left;vertical-align:middle;width:24px;height:24px;margin:12px 12px 14px 14px;}
.right_bar li a:hover{background-color:#00a0e8;opacity:1;}
.rtbar_shwx{display:none;position:absolute;top:-120px;left:-160px;}
.rtbar_shwx img{width: 150px;padding: 5px;background-color:#FFF;}
.rtbar_shwx{top:-50px;}