﻿﻿body,form,div,span,ul,ol,li,p,pre,dl,dt,dd,em,a,fieldset,legend,address,label,textarea,select,input,figure,table,th,td,b,i,button{margin:0;padding:0;font-family:Arial, Helvetica, sans-serif;}
fieldset,img{border:0;margin:0; padding:0;}
body{margin:0; padding:0;overflow-x: hidden; position: relative;}
h1,h2,h3,h4,h5,h6{margin:0; padding:0;}
ul,li{list-style:none;}
em,i{font-style:normal;}
table{border-collapse:separate;border-spacing:0;}
/*-------------------------------------------------------清除默认样式---------------------------------*/
html,body{width: 100%;;font-size: 12px; font-family: "微软雅黑";}
html,body,p,input,ul,li,dl,dd,dt{margin: 0;padding: 0;}
h1,h2{font-weight: normal;margin: 0;padding: 0;}
ul,li{list-style: none;}
img{vertical-align: middle;border: none;max-width: 100%;}
a{text-decoration: none;color: inherit;font-size: 15px;}
a:hover{color: inherit;}
input:focus,textarea:focus { outline: none;}

/*-------------------------------------------------------自定义样式---------------------------------*/

/*通用css*/
.fl{float: left;}
.fr{float: right;}
.br{border-radius: 5px;}
.pa{position: absolute;}
.pr{position: relative;}
.vat{vertical-align: top;}
.vam{vertical-align: middle;}
.vab{vertical-align: bottom;}
.block{display: inline-block;*display: inline;*zoom: 1;}
.dib{display: inline-block;*display: inline;*zoom: 1;}
.dt{display: table-cell;}
.db{display: block;}
.clearfix:after{content: "";display: block;clear: both;visibility: hidden;}

/*字体样式*/
.f12{font-size: 12px;}
.f14{font-size: 14px;}
.f16{font-size: 16px;}
.f18{font-size: 18px;}
.f20{font-size: 20px;}
.f22{font-size: 22px;}
.f24{font-size: 24px;}
.f28{font-size: 28px;}
.f30{font-size: 30px;}
.f32{font-size: 32px;}
.f36{font-size: 36px;}

.fb{font-weight: bold;}
.fn{font-weight: normal;}

.tac{text-align: center;}
.tal{text-align: left;}
.tar{text-align: right;}

.pb40{padding-bottom: 40px;}
.pt20{padding-top: 20px;}
.wd100{width: 100%;}
.wd1200{width: 1200px;margin: 0 auto;}

.tdu{text-decoration: underline;}
.tdt{text-decoration: line-through;}

/*行间距设置*/
.lh15{line-height: 1.5;}
.lh16{line-height: 1.6;}
.lh17{line-height: 1.7;}
.lh18{line-height: 1.8;}
.lh19{line-height: 1.9;}
.lh20{line-height: 2;}

/*百分比设置设置*/
.col-1{float: left;width: 100%;}
.col-2{float: left;width: 50%;}
.col-3{float: left;width: 33.3%;}
.col-4{float: left;width: 25%;}
.col-5{float: left;width: 20%;}

@media (min-width: 1200px) {
	.col-l-1{float: left;width: 100%;}	
	.col-l-2{float: left;width: 50%;}	
	.col-l-3{float: left;width: 33.3%;}	
	.col-l-4{float: left;width: 25%;}
	.col-l-5{float: left;width: 20%;}
	.col-l-6{float: left;width: 16.5%;}
	.product-list-ul-show .product-li{height:200px;box-sizing:border-box;overflow:hidden;}
	.product-list-ul-show .product-li .product-tw{height:100%;}
	.product-list-ul-show .product-li .t{height:100%;}
	.product-list-ul-show .product-li .t a{display:block;width:100%;height:100%;}
	.product-list-ul-show .product-li .t a img{display:block;width:100%;height:100%;object-fit:cover;}
}
@media (min-width: 768px) and (max-width: 1200px) {
	.col-m-1{float: left;width: 100%;}	
	.col-m-2{float: left;width: 50%;}	
	.col-m-3{float: left;width: 33.3%;}	
	.col-m-4{float: left;width: 25%;}	
	.col-m-5{float: left;width: 20%;}
	.product-list-ul-show .product-li{height:250px;box-sizing:border-box;overflow:hidden;}
	.product-list-ul-show .product-li .product-tw{width:100%;height:100%;box-sizing:border-box;padding:15px !important;}
	.product-list-ul-show .product-li .t{height:100%;}
	.product-list-ul-show .product-li .t a{display:block;width:100%;height:100%;}
	.product-list-ul-show .product-li .t a img{display:block;width:100%;height:100%;object-fit:cover;}
}

@media (max-width: 768px) {
	.col-s-1{float: left;width: 100%;}
	.col-s-2{float: left;width: 50%;}	
	.col-s-3{float: left;width: 33.3%;}	
	.col-s-4{float: left;width: 25%;}	
	.col-s-5{float: left;width: 20%;}
	.col-s-6{float: left;width: 20%;}
	.product-list-ul-show .product-li{width:50%;height:120px;box-sizing:border-box;overflow:hidden;}
	.product-list-ul-show .product-li .product-tw{width:100%;height:100%;box-sizing:border-box;padding:5px !important;}
	.product-list-ul-show .product-li .t{height:100%;}
	.product-list-ul-show .product-li .t a{display:block;width:100%;height:100%;}
	.product-list-ul-show .product-li .t a img{display:block;width:100%;height:100%;object-fit:cover;}
}
.product-show-title{color:#999 !important;font-size:16px !important;padding-bottom:30px;}
.product-list-ul-show .product-li .t a{position:relative;}
.product-list-ul-show .product-li .t a .mask{opacity:0;transition:all 0.3s;position:absolute;top:0;left:0;width:100%;height:100%;font-size:18px;color:#fff;background:rgba(0, 0, 0, 0.4);display: flex;justify-content:center;align-items:center;}
.product-list-ul-show .product-li .t a:hover .mask{opacity:1;}

/*布局样式*/
.tc{position: relative;}
.tc .c{position: absolute;}
/*标题样式*/
h2{color: #000000;font-size: 2.2rem;line-height: 1.5;}
/*段落样式*/
p,.p{color: #4e4e4e;font-size: 1.2rem;line-height: 1.5;}
p.remark{color: #878686;}
.article{color: #585858;font-size: 1.4rem;line-height: 2;}
.article-s{color: #565656;font-size: 1.2rem;line-height: 2;}
/*网站样式*/
.c000{color: #000!important;}

.Pagination__Nav{text-align:center;}
.Pagination__Nav a{display:inline-block;margin:0 3px;font-size:13px;}
.Pagination__Nav span{display:inline-block;margin:0 3px;font-size:13px;}
.Pagination__Nav .is-active{color:rgb(14, 144, 196);text-decoration:underline;}
