@charset "utf-8";
html, body {scroll-behavior: smooth; -webkit-transition: scroll-behavior .5s ease; transition: scroll-behavior .5s ease;}
body { font-size:14px; color:#444; padding:0;margin:0;font-family:'Avenir-Light','Helvetica','arial','sans-serif'; line-height:1.5; background:#fff;}
img {border:0px; height:auto; padding:0; display:inline-block; vertical-align:middle; max-width:100%;}
a {color:#333; text-decoration: none;outline:none;}
a:Hover {color:#000;outline:none;text-decoration: none;}
input,button,select,textarea{ outline:none;font-family:'Avenir-Book-4','Helvetica','arial','sans-serif';resize:none;border:0;color:#595757;font-size:14px}
i,em{ font-style:normal;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none;padding:0;margin:0;font-weight:normal; display: block;}
ul,li,dl,dt,dd,p { padding: 0; margin: 0; list-style:none;}
h1,h2,h3,h4,h5 { padding: 0; margin: 0; font-weight:normal}
hr {border:0;border-top:1px solid #d5975c; height:1px;margin:15px 0 12px 0}
placeholder{color:#999}
::-moz-placeholder{color:#999}
::-webkit-input-placeholder{color:#999}
*, :after, :before {-webkit-box-sizing: border-box;	-moz-box-sizing: border-box; box-sizing: border-box; background-repeat: no-repeat;}
/*清除浮动代码*/
.clearfix:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.clearfix{zoom:1}
.c{ display:block;clear:both;content:"";visibility:hidden;height:0}
.fl{ float:left;}
.fr{ float:right;}
.img-over {overflow: hidden;}
.img-over img {transition: all .5s ease;}
.img-over:hover img {transform: scale3D(1.1, 1.1, 1.1);}
/*截字与居中*/
.oneover {overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.twoover {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.threeover {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.align-center {align-items: center;}
.flex {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;}
.flex-index {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; flex-direction:row; justify-content: space-between;}
.flex-product {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; flex-direction:row; justify-content: flex-start;}
.flex-main {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; flex-direction:row; justify-content: space-between;}
.flex-end{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; flex-direction:row; justify-content: flex-end;}
.wrapper{width:1000px; margin:0px auto;}
/*分页样式*/
.propage{}
.black2 {text-align: center;font-size: 14px;line-height:22px;}
.black2 a {border:#e5e5e5 1px solid;padding:8px 14px;margin:2px;color: #333;text-decoration: none;background-color:#e5e5e5; border-radius:2px}
.black2 a:hover {border:#a3a3cc 1px solid;color: #fff;background-color: #a3a3cc;}
.black2 a:active {border:#a3a3cc 1px solid;color: #fff;background-color: #a3a3cc;}
.black2 span.current {border: #a3a3cc 1px solid; padding:8px 14px;font-weight: bold; margin:2px; color: #ffffff; background-color: #a3a3cc; border-radius:3px}
.black2 span.disabled {border: #a3a3cc 1px solid;padding:8px 14px;margin: 3px;color: #333;}
@media(max-width:1024px){
	.propage{ text-align:center; padding:20px 0 0;}
	.pagination > li > a,.pagination > li > span { padding: 4px 8px;}
	.fl{ float:none;}
	.fr{ float:none;}
	.flex-main {flex-direction:column;}
	.align-center {align-items: flex-start;}
}
@-webkit-keyframes scale {
	0% {
	  -webkit-transform: scale(1.08);
	  transform: scale(1.08);
	}
	100% {
	  -webkit-transform: scale(1);
	  transform: scale(1);
	}
  }
  @-moz-keyframes scale {
	0% {
	  -moz-transform: scale(1.08);
	  transform: scale(1.08);
	}
	100% {
	  -moz-transform: scale(1);
	  transform: scale(1);
	}
  }
  @keyframes scale {
	0% {
	  -webkit-transform: scale(1.08);
	  -moz-transform: scale(1.08);
	  transform: scale(1.08);
	}
	100% {
	  -webkit-transform: scale(1);
	  -moz-transform: scale(1);
	  transform: scale(1);
	}
  }
  @-webkit-keyframes translateX {
	0% {
	  -webkit-transform: translateX(0px);
			  transform: translateX(0px);
	}
	100% {
	  -webkit-transform: translate(-4vw);
			  transform: translate(-4vw);
	}
  }
  @keyframes translateX {
	0% {
	  -webkit-transform: translateX(0px);
			  transform: translateX(0px);
	}
	100% {
	  -webkit-transform: translate(-4vw);
			  transform: translate(-4vw);
	}
  }
  @-webkit-keyframes linewidth {
	0% {
	  width: 0vw;
	}
	100% {
	  width: 3vw;
	}
  }
  @-moz-keyframes linewidth {
	0% {
	  width: 0vw;
	}
	100% {
	  width: 3vw;
	}
  }
  @keyframes linewidth {
	0% {
	  width: 0vw;
	}
	100% {
	  width: 3vw;
	}
  }