/* @font-face{
	font-family:'HelveticaNeue';
	src: local(HelveticaNeue),url(../font/HelveticaNeue_Light.otf) format('truetype');
  }  */
  @font-face{
	font-family:'Helvetica';
	src: local(Helvetica),url(../font/Helvetica.otf) format('truetype');
	font-weight:400;
  }
  @font-face{
	font-family:'Helvetica';
	src: local(Helvetica Bold),url(../font/Helvetica-Bold.otf) format('truetype');
	font-weight:bold;
  } 
html{
	font-size: 1px;
	/* position: relative; */
}
body{
	font-size: 18rem;
	font-family: Arial, Source Han Sans CN, Source Han Sans CN;
	margin: 0px;
	padding: 0px;
	color:#656565;
	background-color: white;
	word-break: break-word;
	scroll-behavior: smooth;
}
body.fullscreen{
	overflow: hidden;
}
a:hover{
	text-decoration: none;
}
input{
	font-family: Arial, Source Han Sans CN, Source Han Sans CN;
	color:#656565;
}

*{
	box-sizing: border-box;
	margin:0px;
	padding:0px;
	font-family: Arial, Source Han Sans CN, Source Han Sans CN !important;
	word-break: break-word !important;
}
.fa{
	font-family:FontAwesome !important;
}
.pc-flex{
	display: flex !important;
}
.pc-block{
	display: block !important;
}
.mobile-flex{
	display: none !important;
}
.mobile-block{
	display: none !important;
}
.pro-container{
	max-width: 2500px;
	padding:0px 50px;
	margin:0px auto;
}
.hidden-area{
	display: none;
}
.inline-block{
	display: inline-block;
}


/* layui */

/* .layui-layer.layui-layer-page
{
	max-height: 80%;
    height: 100%;
}
.layui-layer.layui-layer-page .layui-layer-content{
	height: calc(100% - 50px);
} */

@media (min-width: 1920px) {
	html{
		font-size: 1px;
	}
    .container, .container-sm {
        max-width: 1600px;
    }
}

@media (min-width: 2500px) {
    .container, .container-sm {
        max-width: 2000px;
    }

	.pro-container{
		padding:0px 80px;
	}
}
@media (min-width: 3000px) {
    .container, .container-sm {
        max-width: 2500px;
    }
	.pro-container{
		padding:0px 110px;
	}
}
/* max width 1019px */
  @media (max-width: 1200px) {
	html{
		font-size: 1px;
	}
	body {
		/* font-size: 14rem; */
	}
	.pro-container{
		padding:0px 30px;
	}
	.pc-flex{
		display: none !important;
	}
	.pc-block{
		display: none !important;
	}
	.mobile-flex{
		display: flex !important;
	}
	.mobile-block{
		display: block !important;
	}
  }

  @media (max-width: 800px) {
	html{
		font-size: 0.8px;
	}
	.pro-container{
		padding:0px 10px;
	}
  }

a{
	color:white;
}
a:hover{
	color:inherit;
}

.w-full{
	width: 100%;
}
.h-full{
	height: 100%;
}

.flex-row {
	display       : flex;
	flex-direction: row;
  }
  
  .flex-column {
	display       : flex;
	flex-direction: column;
  }
  
  .flex-row-left-top {
	display        : flex;
	flex-direction : row;
	justify-content: flex-start;
	align-items    : flex-start;
  }
  
  .flex-row-left-center {
	display        : flex;
	flex-direction : row;
	justify-content: flex-start;
	align-items    : center;
  }
  
  .flex-row-left-bottom {
	display        : flex;
	flex-direction : row;
	justify-content: flex-start;
	align-items    : flex-end;
  }
  
  .flex-row-left-stretch {
	display        : flex;
	flex-direction : row;
	justify-content: flex-start;
	align-items    : stretch;
  }
  
  .flex-row-right-top {
	display        : flex;
	flex-direction : row;
	justify-content: flex-end;
	align-items    : flex-start;
  }
  
  .flex-row-right-center {
	display        : flex;
	flex-direction : row;
	justify-content: flex-end;
	align-items    : center;
  }
  
  .flex-row-right-bottom {
	display        : flex;
	flex-direction : row;
	justify-content: flex-end;
	align-items    : flex-end;
  }
  
  .flex-row-right-stretch {
	display        : flex;
	flex-direction : row;
	justify-content: flex-end;
	align-items    : stretch;
  }
  
  .flex-row-center {
	display        : flex;
	flex-direction : row;
	justify-content: center;
	align-items    : center;
  }
  
  .flex-row-center-top {
	display        : flex;
	flex-direction : row;
	justify-content: center;
	align-items    : flex-start;
  }
  
  .flex-row-center-bottom {
	display        : flex;
	flex-direction : row;
	justify-content: center;
	align-items    : flex-end;
  }
  
  .flex-row-center-stretch {
	display        : flex;
	flex-direction : row;
	justify-content: center;
	align-items    : stretch;
  }
  
  .flex-row-between-top {
	display        : flex;
	flex-direction : row;
	justify-content: space-between;
	align-items    : flex-start;
  }
  
  .flex-row-between-center {
	display        : flex;
	flex-direction : row;
	justify-content: space-between;
	align-items    : center;
  }
  
  .flex-row-between-bottom {
	display        : flex;
	flex-direction : row;
	justify-content: space-between;
	align-items    : flex-end;
  }
  
  .flex-row-between-stretch {
	display        : flex;
	flex-direction : row;
	justify-content: space-between;
	align-items    : stretch;
  }
  
  .flex-row-evenly-top {
	display        : flex;
	flex-direction : row;
	justify-content: space-evenly;
	align-items    : flex-start;
  }
  
  .flex-row-evenly-center {
	display        : flex;
	flex-direction : row;
	justify-content: space-evenly;
	align-items    : center;
  }
  
  .flex-row-evenly-bottom {
	display        : flex;
	flex-direction : row;
	justify-content: space-evenly;
	align-items    : flex-end;
  }
  
  .flex-row-evenly-stretch {
	display        : flex;
	flex-direction : row;
	justify-content: space-evenly;
	align-items    : stretch;
  }
  
  .flex-row-around-top {
	display        : flex;
	flex-direction : row;
	justify-content: space-around;
	align-items    : flex-start;
  }
  
  .flex-row-around-center {
	display        : flex;
	flex-direction : row;
	justify-content: space-around;
	align-items    : center;
  }
  
  .flex-row-around-bottom {
	display        : flex;
	flex-direction : row;
	justify-content: space-around;
	align-items    : flex-end;
  }
  
  .flex-row-around-stretch {
	display        : flex;
	flex-direction : row;
	justify-content: space-around;
	align-items    : stretch;
  }
  
  .flex-column-top-left {
	display        : flex;
	flex-direction : column;
	justify-content: flex-start;
	align-items    : flex-start;
  }
  
  .flex-column-top-center {
	display        : flex;
	flex-direction : column;
	justify-content: flex-start;
	align-items    : center;
  }
  
  .flex-column-top-right {
	display        : flex;
	flex-direction : column;
	justify-content: flex-start;
	align-items    : flex-end;
  }
  
  .flex-column-top-stretch {
	display        : flex;
	flex-direction : column;
	justify-content: flex-start;
	align-items    : stretch;
  }
  
  .flex-column-bottom-left {
	display        : flex;
	flex-direction : column;
	justify-content: flex-end;
	align-items    : flex-start;
  }
  
  .flex-column-bottom-center {
	display        : flex;
	flex-direction : column;
	justify-content: flex-end;
	align-items    : center;
  }
  
  .flex-column-bottom-right {
	display        : flex;
	flex-direction : column;
	justify-content: flex-end;
	align-items    : flex-end;
  }
  
  .flex-column-bottom-stretch {
	display        : flex;
	flex-direction : column;
	justify-content: flex-end;
	align-items    : stretch;
  }
  
  .flex-column-center {
	display        : flex;
	flex-direction : column;
	justify-content: center;
	align-items    : center;
  }
  
  .flex-column-center-left {
	display        : flex;
	flex-direction : column;
	justify-content: center;
	align-items    : flex-start;
  }
  
  .flex-column-center-right {
	display        : flex;
	flex-direction : column;
	justify-content: center;
	align-items    : flex-end;
  }
  
  .flex-column-center-stretch {
	display        : flex;
	flex-direction : column;
	justify-content: center;
	align-items    : stretch;
  }
  
  .flex-column-between-left {
	display        : flex;
	flex-direction : column;
	justify-content: space-between;
	align-items    : flex-start;
  }
  
  .flex-column-between-center {
	display        : flex;
	flex-direction : column;
	justify-content: space-between;
	align-items    : center;
  }
  
  .flex-column-between-right {
	display        : flex;
	flex-direction : column;
	justify-content: space-between;
	align-items    : flex-end;
  }
  
  .flex-column-between-stretch {
	display        : flex;
	flex-direction : column;
	justify-content: space-between;
	align-items    : stretch;
  }
  
  .flex-column-around-left {
	display        : flex;
	flex-direction : column;
	justify-content: space-around;
	align-items    : flex-start;
  }
  
  .flex-column-around-center {
	display        : flex;
	flex-direction : column;
	justify-content: space-around;
	align-items    : center;
  }
  
  .flex-column-around-right {
	display        : flex;
	flex-direction : column;
	justify-content: space-around;
	align-items    : flex-end;
  }
  
  .flex-column-around-stretch {
	display        : flex;
	flex-direction : column;
	justify-content: space-around;
	align-items    : stretch;
  }
  
  .flex-column-evenly-left {
	display        : flex;
	flex-direction : column;
	justify-content: space-evenly;
	align-items    : flex-start;
  }
  
  .flex-column-evenly-center {
	display        : flex;
	flex-direction : column;
	justify-content: space-evenly;
	align-items    : center;
  }
  
  .flex-column-evenly-right {
	display        : flex;
	flex-direction : column;
	justify-content: space-evenly;
	align-items    : flex-end;
  }
  
  .flex-column-evenly-stretch {
	display        : flex;
	flex-direction : column;
	justify-content: space-evenly;
	align-items    : stretch;
  }
  
  .ellipsis-overflow {
	overflow     : hidden;
	text-overflow: ellipsis;
  }

  .row-reverse{
	flex-direction: row-reverse;
  }

  .column-reverse{
	flex-direction:column-reverse;
  }

  .flex-wrap{
    flex-wrap: wrap;
  }

  .flex-1{
	flex:1;
  }
  .shrink-0{
	flex-shrink: 0;
  }
  .shrink-1{
	flex-shrink: 1;
  }

  .col-gap-8{
	column-gap: 8px;
  }
  .row-gap-8{
	row-gap: 8px;
  }

  .col-gap-10{
	column-gap: 10px;
  }
  .row-gap-10{
	row-gap: 10px;
  }

  .col-gap-15{
	column-gap: 15px;
  }
  .row-gap-15{
	row-gap: 15px;
  }

  .col-gap-17{
	column-gap: 17px;
  }
  .row-gap-17{
	row-gap: 17px;
  }

  .col-gap-20{
	column-gap: 20px;
  }
  .row-gap-20{
	row-gap: 20px;
  }

  .col-gap-25{
	column-gap: 25px;
  }
  .row-gap-25{
	row-gap: 25px;
  }
  .col-gap-50{
	column-gap: 50px;
  }
  .row-gap-50{
	row-gap: 50px;
  }

  .col-gap-40{
	column-gap: 40px;
  }
  .row-gap-40{
	row-gap: 40px;
  }

  .col-gap-30{
	column-gap: 30px;
  }
  .row-gap-30{
	row-gap: 30px;
  }


  .cursor-pointer{
	cursor: pointer;
  }

  .ellipsis-multiline-3 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	text-overflow: ellipsis;
  }