@charset "utf-8";
html, body {scroll-behavior: smooth; -webkit-transition: scroll-behavior .5s ease; transition: scroll-behavior .5s ease; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none;overflow-x: hidden;}
body { font-size:14px; color:#444; padding:0;margin:0;font-family:'Helvetica','arial','sans-serif'; line-height:1.8; background:#fff; overflow: hidden;}
a {color:#333; text-decoration: none;outline:none;-webkit-tap-highlight-color: transparent; -webkit-touch-callout: none;  -webkit-user-select: none;}
a:Hover {color:#000;outline:none;text-decoration: none;}
input,button,select,textarea{ outline:none;font-family:'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}
table{margin:5px auto;width:100%;}
table,tr,td,th {border: 1px solid #bbb;padding: 0.4rem;border-collapse: collapse; border-spacing: 0; text-align:center;}
table{ max-width: 100%;}

html::-webkit-scrollbar{width: 6px;height: 6px}
html::-webkit-scrollbar-thumb, .scroll::-webkit-scrollbar-thumb{background: #666}
html::-webkit-scrollbar-track, .scroll::-webkit-scrollbar-track{background: #f1f1f1}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color:#999;}
input:-moz-placeholder, textarea:-moz-placeholder {color:#999;}
input::-moz-placeholder, textarea::-moz-placeholder {color:#999;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #999;}
*, :after, :before {-webkit-box-sizing: border-box;	-moz-box-sizing: border-box; box-sizing: border-box; background-repeat: no-repeat;}
.iconfont { color: inherit; font-size: inherit; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
img {border:0px; height:auto; padding:0; display:inline-block; vertical-align:middle; max-width:100%;transition:all .5s; -webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s;}
/*清除浮动代码*/
.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;}
.show{ display: block !important;}
.hide{ display: none !important;}
.img-over {overflow: hidden;}
.img-over img {transition: all .5s ease;}
/*截字与居中*/
.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;}
.flex-center {align-items: center;}
.flex-end{align-items: flex-end;}
.flex-wrap{flex-wrap: wrap;}
.flex-row{flex-direction: row;}
.flex-column{flex-direction: column;}
.flex-between{justify-content: space-between;}
.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;}
.flex-reverse{flex-direction: row-reverse;}
.txt-left{text-align: left;}
.txt-center{text-align: center;}
.txt-right{text-align: right;}
/*分页样式*/
.propage{ text-align:center; padding:10px 0 0;}
.pagination { display: inline-block; padding: 30px 0 0; font-size: 14px;}
.pagination > li { display: inline;}
.pagination > li > a,
.pagination > li > span { position: relative; float: left; padding: 8px 14px; margin-left: 5px; line-height: 1.2; color: #000; text-decoration: none; border-radius: 4px; background-color: #fff; border: 1px solid #ccc;}
.pagination > li:first-child > a,
.pagination > li:first-child > span { margin-left: 0;}
.pagination > li:last-child > a,
.pagination > li:last-child > span {}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus { color: #fff; background-color: #005e9e; border: 1px solid #005e9e;}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus { z-index: 2; color: #fff; cursor: default; background-color: #005e9e; border: 1px solid #005e9e;}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus { color: #000; cursor: not-allowed; background-color: #fff; border: 1px solid #ccc;}
/*区域大小*/
.wrapper{ width: clamp(75rem, 92vw, 90rem); margin:0px auto;}
.w1200{ width: 1200px; margin:0px auto;}
.padding-xl{padding: clamp(1.25rem, 0.375rem + 4.375vw, 5.625rem) 0;}
.padding-lg{padding: clamp(1.25rem, 0.5625rem + 3.4375vw, 4.6875rem) 0;}
.padding-sm{padding: clamp(1.25rem, 0.75vw + 2.5vw, 3.75rem) 0;}
.padding-xs{padding: clamp(1.25rem, 1rem + 1.25vw, 2.5rem) 0;}
.padding{padding:20px 0;}

.padding-top-xl{padding-top: clamp(1.25rem, 0.375rem + 4.375vw, 5.625rem);}
.padding-top-lg{padding-top: clamp(1.25rem, 0.5625rem + 3.4375vw, 4.6875rem);}
.padding-top-sm{padding-top: clamp(1.25rem, 0.75vw + 2.5vw, 3.75rem);}
.padding-top-xs{padding-top: clamp(1.25rem, 1rem + 1.25vw, 2.5rem);}
.padding-top{padding-top:20px;}
/*字体大小*/
.font16 {font-size: clamp(0.875rem, 0.7rem + 0.25vw, 1rem);}
.font18 {font-size: clamp(0.875rem, 0.675rem + 0.38vw, 1.125rem);}
.font20 {font-size: clamp(0.875rem, 0.8rem + 0.38vw, 1.25rem);}
.font22 {font-size: clamp(0.875rem, 0.775rem + 0.5vw, 1.375rem);}
.font24 {font-size: clamp(1rem, 0.75rem + 0.63vw, 1.5rem);}
.font26 {font-size: clamp(1rem, 0.725rem + 0.75vw, 1.625rem);}
.font28 {font-size: clamp(1rem, 0.7rem + 0.88vw, 1.75rem);}
.font30 {font-size: clamp(1rem, 0.675rem + 1vw, 1.875rem);}
.font32 {font-size: clamp(1rem, 0.675rem + 1.15vw, 2rem);}
.font36 {font-size: clamp(1rem, 0.75rem + 1.25vw, 2.25rem);}
.font42 {font-size: clamp(1.125rem, 0.825rem + 1.5vw, 2.625rem);}
.font48 {font-size: clamp(1.125rem, 0.75rem + 1.9vw, 3rem);}
.font54 {font-size: clamp(1.125rem, 0.75rem + 2.25vw, 3.375rem);}
.font60 {font-size: clamp(1.25rem, 0.75rem + 2.5vw, 3.75rem);}
@media screen and (max-width:1100px){
	.wrapper{ width: auto; padding:0 3%;}
	.w1200{ width: auto; margin:0px auto; padding:0 3%;}
	.propage{ text-align:center; padding: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;}
	.flex-reverse{flex-direction: column;}
}
@-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;
	}
  }