@charset "utf-8";
/*---------------- html ----------------*/
*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	overflow: hidden;
	list-style: none;
	text-decoration: none;
	-webkit-tap-highlight-color:transparent;
	-webkit-appearance:none;
}

* h1, * h2, * h3, * h4, * h5{
	font-weight: normal;
}

* img{
	display: inline-block;
	border: 0;
}

*:focus {
	outline: none;
}

* b, * strong{
	font-weight: bold;
}

* a{
	transition: all .2s cubic-bezier(0.54, 0, 0.19, 1.08);
	-webkit-transition: all .2s cubic-bezier(0.54, 0, 0.19, 1.08);
	-moz-transition: all .2s cubic-bezier(0.54, 0, 0.19, 1.08);
	-ms-transition: all .2s cubic-bezier(0.54, 0, 0.19, 1.08);
}

* a:hover {
	opacity: 0.6;
}

* a.on {

}

@font-face {
	font-family: 'Noto Sans SC';
	src: url('./FangZhengHeiTiJianTi.ttf');
}




html,body{
	width:100%;
	height:auto;
	min-height: 100%;
	overflow:auto;
	background: #ffffff;
	font-family: "Noto Sans SC",'微软雅黑';
	font-weight: 400;
	text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-tap-highlight-color: transparent;
}

/*
.wow {
	opacity: 0;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	-ms-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
}
*/

.flatpickr-calendar, .flatpickr-calendar * {
	overflow: visible;
}

/*---------------- layout ----------------*/
#wrapper{
	width: 100%;
	height: auto;
	position: relative;
}

.main, .container{
	height: auto;
	margin: 0 auto;
	position: relative;
}

.pc{
	display: block;
}

.m{
	display: none;
}

.content{
	height: auto;
	margin: 0 auto;
}

.max{
	width: 100%;
	height: auto;
	position: relative;
}

.flex-max {
	display: flex;
	flex-direction: column;
}

.full-pic{
	width: 100%;
	height: auto;
	display: block;
}

.max-center-pic{
	width: 100%;
	height: auto;
}

.max-center-pic img{
	height: 100%;
	display: block;
	margin: 0 0 0 50%;
	transform: translate3d(-50%, 0, 0);
	-webkit-transform: translate3d(-50%, 0, 0);
	-moz-transform: translate3d(-50%, 0, 0);
	-ms-transform: translate3d(-50%, 0, 0);
}


.box{
	width: 100%;
	height: auto;
	float: left;
	box-sizing: border-box;
	position: relative;
}

.ov {
	overflow: visible;
}

.clear{
	clear: both;
}

/*---------------- overlay ----------------*/
#mask{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5);
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2000;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-filter: alpha(opacity=0);
	display: none;
	transition: all .5s cubic-bezier(0.54, 0, 0.19, 1.08);
}

#mask.show{
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-filter: alpha(opacity=100);
}

/*---------------- public ----------------*/
.black-page {
	background: #000000;
}

.white-page {
	background: #FFFFFF;
}

/*---------------- btn ----------------*/
.btn {
	width: auto;
	height: auto;
	font-size: 20px;
	line-height: 26px;
	transition: all .2s cubic-bezier(0.54, 0, 0.19, 1.08);
	-webkit-transition: all .2s cubic-bezier(0.54, 0, 0.19, 1.08);
	-moz-transition: all .2s cubic-bezier(0.54, 0, 0.19, 1.08);
	-ms-transition: all .2s cubic-bezier(0.54, 0, 0.19, 1.08);
}

.btn:hover{
	background: #C8152D;
	color: #FFFFFF;
}
/* btn arrow */
.btn-arrow {
	width: auto;
	height: auto;
	padding: 0 0 0 29px;
	background: url(../images/arrow_link_white.png) no-repeat left center;
	background-size: 23px;
	color: #ffffff;
	font-size: 20px;
	line-height: 26px;
	transition: all .2s cubic-bezier(0.54, 0, 0.19, 1.08);
	-webkit-transition: all .2s cubic-bezier(0.54, 0, 0.19, 1.08);
	-moz-transition: all .2s cubic-bezier(0.54, 0, 0.19, 1.08);
	-ms-transition: all .2s cubic-bezier(0.54, 0, 0.19, 1.08);
	overflow: visible;
}

.btn-arrow.black {
	color: #000000;
	background-image: url(../images/arrow_link_black.png);
}

.btn-arrow:hover {
	opacity: 1;
}

.btn-arrow span {
	transition: all .2s cubic-bezier(0.54, 0, 0.19, 1.08);
	-webkit-transition: all .2s cubic-bezier(0.54, 0, 0.19, 1.08);
	-moz-transition: all .2s cubic-bezier(0.54, 0, 0.19, 1.08);
	-ms-transition: all .2s cubic-bezier(0.54, 0, 0.19, 1.08);
}

.btn-arrow:hover span {
	opacity: 0.6;
}

/* btn jump arrow */
.btn-jump-arrow {
	padding-right: 22px;
	position: relative;
	color: #ffffff;
	font-size: 20px;
	line-height: 26px;
	overflow: visible;
}

.btn-jump-arrow::after {
	content: " ";
	width: 16px;
	height: 100%;
	display: block;
	position: absolute;
	right: 0;
	top: 2px;
	background: url(../images/arrow_right_white.png) no-repeat right center;
	background-size: 16px;
}

.btn-jump-arrow:hover {

}

.btn-jump-arrow:hover::after {
	animation: jump-arrow .45s both;
	-webkit-animation: jump-arrow .45s both;
	-moz-animation: jump-arrow .45s both;
	-ms-animation: jump-arrow .45s both;
}

/* btn block */
.btn-block {
	width: 268px;
	height: 72px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	background: #ffffff;
	border: 3px solid #ffffff;
	color: #000000;
	font-size: 24px;
}

.btn-block span {
	position: relative;
	z-index: 2;
}

.btn-block::before {
	content: " ";
	width: 0;
	height: 100%;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	background: #000000;
	transition: all .5s;
	-webkit-transition: all .5s;
	-ms-transition: all .5s;
	-moz-transition: all .5s;
}

.btn-block:hover {
	opacity: 1;
	color: #ffffff;
}

.btn-block:hover::before {
	width: 100%;
}

/* btn block white */
.btn-block.white {
	border: 3px solid #000000;
}



/* btn block black */
.btn-block.black {
	background: #000000;
	border: 3px solid #000000;
	color: #ffffff;
}

.btn-block.black::before {
	background: #ffffff;
}

.btn-block.black:hover {
	color: #000000;
}

/* btn block big */
.btn-block.big {
	font-size: 36px;
}


/* btn load */
.btn-load {
	width: 170px;
	height: 46px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	background: #ffffff;
	border: 3px solid #000000;
	color: #000000;
	font-size: 20px;
}

.btn-load span {
	position: relative;
	z-index: 2;
}

.btn-load::before {
	content: " ";
	width: 0;
	height: 100%;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	background: #000000;
	transition: all .5s;
	-webkit-transition: all .5s;
	-ms-transition: all .5s;
	-moz-transition: all .5s;
}

.btn-load:hover {
	opacity: 1;
	color: #ffffff;
}

.btn-load:hover::before {
	width: 100%;
}


/* btn load black */
.btn-load.black {
	background: #000000;
	border: 3px solid #ffffff;
	color: #ffffff;
}

.btn-load.black::before {
	background: #ffffff;
}

.btn-load.black:hover {
	color: #000000;
}

.btn-load.black.black-border {
	border-color: #000000;
}
/*---------------- content ----------------*/
.link-line {
	padding-bottom: 3px;
	position: relative;
	overflow: visible;
}

.link-line::after {
	content: " ";
	width: 0;
	height: 2px;
	display: block;
	background: #ffffff;
	position: absolute;
	left: 0;
	bottom: 0;
	transition: all .3s ease-out;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
}

.link-line:hover::after {
	width: 100%;
}


/*---------------- content ----------------*/
.thumb {
	width: 100%;
	height: auto;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}

.thumb img {
	width: 100%;
	display: block;
}

.thumb a:hover {
	opacity: 1;
}

.zoom img {
	transition: all .3s cubic-bezier(0.54, 0, 0.19, 1.08);
	-webkit-transition: all .3s cubic-bezier(0.54, 0, 0.19, 1.08);
	-moz-transition: all .3s cubic-bezier(0.54, 0, 0.19, 1.08);
	-ms-transition: all .3s cubic-bezier(0.54, 0, 0.19, 1.08);
}

div:has(> .zoom):hover .zoom img {
	transform: scale(1.1,1.1);
	-webkit-transform: scale(1.1,1.1);
	-moz-transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);
}

.flatpickr-day.today {
	color: #ff0000 !important;
	border-color: #ff0000;
}

.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover, .flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.notAllowed.nextMonthDay {
	border-color: transparent !important;
}