@font-face {
    font-family: "ibmplex";
    src: url("fonts/IBMPlexSerif-Regular.eot"); /* IE9 */
    src: 
    url("fonts/IBMPlexSerif-Regular.ttf") format("truetype") /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */
   
}
@font-face {
    font-family: "SourceHanSans"; 
    src:
    url("fonts/SourceHanSansCN-Normal.ttf") format("truetype") /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */
   
}
@font-face {
    font-family: "SourceHanLight"; 
    src:
    url("fonts/SourceHanSansCN-Light.ttf") format("truetype") /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */
   
}


@font-face {
    font-family: "SourceHanBold"; 
    src:
    url("fonts/SourceHanSansCN-Bold.ttf") format("truetype") /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */
   
}

@font-face {
    font-family: "QuartoLight"; 
    src:
    url("fonts/Quarto-Light.woff2") format("truetype") /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */
   
}

.SourceHanSans {font-family: SourceHanSans !important;}
.SourceHanLight {font-family: SourceHanLight !important;}
.SourceHanBold {font-family: SourceHanBold !important;}
.QuartoLight {font-family: QuartoLight !important;}
.ibmPlex {font-family: ibmplex;}
.font-58 {font-size:58px;}
.font-30 {font-size:30px;}
.weight-300 {font-weight: 100 !important;}
.color-3d3d3d {color:#3d3d3d !important;}
.color-676767 {color:#676767 !important;}
.img-responsive {
	display: block;
	width: 100%;
	height: auto
}
.mt50{margin-top:50px !important;}
.mt100 {margin-top: 100px !important;}
.mt150 {margin-top: 150px !important;}
.mt200 {margin-top: 200px !important;}
.mt300 {margin-top: 300px !important;}
.pt50{padding-top:50px !important;}
.pt100 {padding-top: 100px !important;}
.pt150 {padding-top: 150px !important;}
.pt200 {padding-top: 200px !important;}
.pt300 {padding-top: 300px !important;}

.no-radius {border-radius: 0;}

.text-justify {
	text-align: justify
}

.text-uppercase {
	text-transform: uppercase !important
}

.text-lowercase {
	text-transform: lowercase !important
}

.text-capitalize {
	text-transform: capitalize !important
}

.text-transform-none {
	text-transform: none !important
}

.spark-bullet {
	display: inline-block;
	width: 20px;
	height: 5px;
	background: #fff;
	position: relative;
	margin: 0 5px;
	opacity: 0.7;
}

.swiper-pagination-bullet-active {
	background: green !important;
	opacity: 1;
}
.bgdark {
	    transition: none;
	    pointer-events: none;
	    height: 100%;
	    width: 100%;
	    position: absolute;
	    top: 0;
	    left: 0;
	    background: #f7f7f7;
	    background: linear-gradient(1turn,#f7f7f7,#000 0,hsla(0,0%,100%,0) 49%,hsla(0,0%,100%,0) 100%,#090979 255%,#020024 0);
}
.bgbigdark {
	    transition: none;
	    pointer-events: none;
	    height: 100%;
	    width: 100%;
	    position: absolute;
	    top: 0;
	    left: 0;
	    background: #f7f7f7;
	    background: linear-gradient(to bottom, rgba(68, 68, 68, 0.3), rgba(0, 0, 0, 1));
	    }
.rotate-l-5 {
	transform: rotate(-5deg) !important
}

.rotate-l-10 {
	transform: rotate(-10deg) !important
}

.rotate-l-15 {
	transform: rotate(-15deg) !important
}

.rotate-l-20 {
	transform: rotate(-20deg) !important
}

.rotate-l-25 {
	transform: rotate(-25deg) !important
}

.rotate-l-30 {
	transform: rotate(-30deg) !important
}

.rotate-l-35 {
	transform: rotate(-35deg) !important
}

.rotate-l-40 {
	transform: rotate(-40deg) !important
}

.rotate-l-45 {
	transform: rotate(-45deg) !important
}

.rotate-l-50 {
	transform: rotate(-50deg) !important
}

.rotate-l-55 {
	transform: rotate(-55deg) !important
}

.rotate-l-60 {
	transform: rotate(-60deg) !important
}

.rotate-l-65 {
	transform: rotate(-65deg) !important
}

.rotate-l-70 {
	transform: rotate(-70deg) !important
}

.rotate-l-75 {
	transform: rotate(-75deg) !important
}

.rotate-l-80 {
	transform: rotate(-80deg) !important
}

.rotate-l-85 {
	transform: rotate(-85deg) !important
}

.rotate-l-90 {
	transform: rotate(-90deg) !important
}

.rotate-l-180 {
	transform: rotate(-180deg) !important
}

.rotate-r-5 {
	transform: rotate(5deg) !important
}

.rotate-r-10 {
	transform: rotate(10deg) !important
}

.rotate-r-15 {
	transform: rotate(15deg) !important
}

.rotate-r-20 {
	transform: rotate(20deg) !important
}

.rotate-r-25 {
	transform: rotate(25deg) !important
}

.rotate-r-30 {
	transform: rotate(30deg) !important
}

.rotate-r-35 {
	transform: rotate(35deg) !important
}

.rotate-r-40 {
	transform: rotate(40deg) !important
}

.rotate-r-45 {
	transform: rotate(45deg) !important
}

.rotate-r-50 {
	transform: rotate(50deg) !important
}

.rotate-r-55 {
	transform: rotate(55deg) !important
}

.rotate-r-60 {
	transform: rotate(60deg) !important
}

.rotate-r-65 {
	transform: rotate(65deg) !important
}

.rotate-r-70 {
	transform: rotate(70deg) !important
}

.rotate-r-75 {
	transform: rotate(75deg) !important
}

.rotate-r-80 {
	transform: rotate(80deg) !important
}

.rotate-r-85 {
	transform: rotate(85deg) !important
}

.rotate-r-90 {
	transform: rotate(90deg) !important
}

.rotate-r-180 {
	transform: rotate(180deg) !important
}

.lineborder {opacity: 0.4; border-right:1px solid #fff;margin:10px 20px;width:5px;height:80px}

.line-height-initial {
	line-height: initial !important
}

.line-height-1 {
	line-height: 1 !important
}

.line-height-1-1 {
	line-height: 1.1 !important
}

.line-height-2 {
	line-height: 1.2 !important
}

.line-height-3 {
	line-height: 1.3 !important
}

.line-height-4 {
	line-height: 1.4 !important
}

.line-height-5 {
	line-height: 1.5 !important
}

.line-height-6 {
	line-height: 1.6 !important
}

.line-height-7 {
	line-height: 1.7 !important
}

.line-height-8 {
	line-height: 1.8 !important
}

.line-height-9 {
	line-height: 1.9 !important
}

@media(min-width:576px) {
	.line-height-sm-initial {
		line-height: initial !important
	}

	.line-height-sm-1 {
		line-height: 1 !important
	}

	.line-height-sm-1-1 {
		line-height: 1.1 !important
	}

	.line-height-sm-2 {
		line-height: 1.2 !important
	}

	.line-height-sm-3 {
		line-height: 1.3 !important
	}

	.line-height-sm-4 {
		line-height: 1.4 !important
	}

	.line-height-sm-5 {
		line-height: 1.5 !important
	}

	.line-height-sm-6 {
		line-height: 1.6 !important
	}

	.line-height-sm-7 {
		line-height: 1.7 !important
	}

	.line-height-sm-8 {
		line-height: 1.8 !important
	}

	.line-height-sm-9 {
		line-height: 1.9 !important
	}
}

@media(min-width:768px) {
	.line-height-md-initial {
		line-height: initial !important
	}

	.line-height-md-1 {
		line-height: 1 !important
	}

	.line-height-md-1-1 {
		line-height: 1.1 !important
	}

	.line-height-md-2 {
		line-height: 1.2 !important
	}

	.line-height-md-3 {
		line-height: 1.3 !important
	}

	.line-height-md-4 {
		line-height: 1.4 !important
	}

	.line-height-md-5 {
		line-height: 1.5 !important
	}

	.line-height-md-6 {
		line-height: 1.6 !important
	}

	.line-height-md-7 {
		line-height: 1.7 !important
	}

	.line-height-md-8 {
		line-height: 1.8 !important
	}

	.line-height-md-9 {
		line-height: 1.9 !important
	}
}


.text-0 {
	font-size: .7em !important
}

.text-1 {
	font-size: .8em !important
}

.text-2 {
	font-size: .9em !important
}

.text-2-3,
.text-2-5 {
	font-size: .95em !important
}

.text-3 {
	font-size: 1em !important
}

.text-3-4,
.text-3-5 {
	font-size: 1.1em !important
}

.text-4 {
	font-size: 1.2em !important
}

.text-4-5 {
	font-size: 1.35em !important
}

.text-5 {
	font-size: 1.5em !important
}

.text-5-6,
.text-5-5 {
	font-size: 1.65em !important
}

.text-6 {
	font-size: 1.8em !important
}

.text-6-7,
.text-6-5 {
	font-size: 1.9em !important
}

.text-7 {
	font-size: 2em !important
}

.text-8 {
	font-size: 2.3em !important
}

.text-9 {
	font-size: 2.5em !important
}

.text-10 {
	font-size: 2.75em !important
}

.text-11 {
	font-size: 3em !important
}

.text-12 {
	font-size: 3em !important
}

.text-12-13,
.text-12-5 {
	font-size: 3.75em !important
}

.text-13 {
	font-size: 4em !important
}

.text-14 {
	font-size: 4.5em !important
}

.text-15 {
	font-size: 5em !important
}

.text-16 {
	font-size: 5.33em !important
}

.text-17 {
	font-size: 5.66em !important
}

.text-18 {
	font-size: 6em !important
}

.text-19 {
	font-size: 6.33em !important
}

.text-20 {
	font-size: 6.66em !important
}

@media(min-width:576px) {
	.text-sm-0 {
		font-size: .7em !important
	}

	.text-sm-1 {
		font-size: .8em !important
	}

	.text-sm-2 {
		font-size: .9em !important
	}

	.text-sm-2-3,
	.text-sm-2-5 {
		font-size: .95em !important
	}

	.text-sm-3 {
		font-size: 1em !important
	}

	.text-sm-3-4,
	.text-sm-3-5 {
		font-size: 1.1em !important
	}

	.text-sm-4 {
		font-size: 1.2em !important
	}

	.text-sm-4-5 {
		font-size: 1.35em !important
	}

	.text-sm-5 {
		font-size: 1.5em !important
	}

	.text-sm-5-6,
	.text-sm-5-5 {
		font-size: 1.65em !important
	}

	.text-sm-6 {
		font-size: 1.8em !important
	}

	.text-sm-6-7,
	.text-sm-6-5 {
		font-size: 1.9em !important
	}

	.text-sm-7 {
		font-size: 2em !important
	}

	.text-sm-8 {
		font-size: 2.3em !important
	}

	.text-sm-9 {
		font-size: 2.5em !important
	}

	.text-sm-10 {
		font-size: 2.75em !important
	}

	.text-sm-11 {
		font-size: 3em !important
	}

	.text-sm-12 {
		font-size: 3.5em !important
	}

	.text-sm-12-13,
	.text-sm-12-5 {
		font-size: 3.75em !important
	}

	.text-sm-13 {
		font-size: 4em !important
	}

	.text-sm-14 {
		font-size: 4.5em !important
	}

	.text-sm-15 {
		font-size: 5em !important
	}

	.text-sm-16 {
		font-size: 5.33em !important
	}

	.text-sm-17 {
		font-size: 5.66em !important
	}

	.text-sm-18 {
		font-size: 6em !important
	}

	.text-sm-19 {
		font-size: 6.33em !important
	}

	.text-sm-20 {
		font-size: 6.66em !important
	}
}

@media(min-width:768px) {
	.text-md-0 {
		font-size: .7em !important
	}

	.text-md-1 {
		font-size: .8em !important
	}

	.text-md-2 {
		font-size: .9em !important
	}

	.text-md-2-3,
	.text-md-2-5 {
		font-size: .95em !important
	}

	.text-md-3 {
		font-size: 1em !important
	}

	.text-md-3-4,
	.text-md-3-5 {
		font-size: 1.1em !important
	}

	.text-md-4 {
		font-size: 1.2em !important
	}

	.text-md-4-5 {
		font-size: 1.35em !important
	}

	.text-md-5 {
		font-size: 1.5em !important
	}

	.text-md-5-6,
	.text-md-5-5 {
		font-size: 1.65em !important
	}

	.text-md-6 {
		font-size: 1.8em !important
	}

	.text-md-6-7,
	.text-md-6-5 {
		font-size: 1.9em !important
	}

	.text-md-7 {
		font-size: 2em !important
	}

	.text-md-8 {
		font-size: 2.3em !important
	}

	.text-md-9 {
		font-size: 2.5em !important
	}

	.text-md-10 {
		font-size: 2.75em !important
	}

	.text-md-11 {
		font-size: 3em !important
	}

	.text-md-12 {
		font-size: 3.5em !important
	}

	.text-md-12-13,
	.text-md-12-5 {
		font-size: 3.75em !important
	}

	.text-md-13 {
		font-size: 4em !important
	}

	.text-md-14 {
		font-size: 4.5em !important
	}

	.text-md-15 {
		font-size: 5em !important
	}

	.text-md-16 {
		font-size: 5.33em !important
	}

	.text-md-17 {
		font-size: 5.66em !important
	}

	.text-md-18 {
		font-size: 6em !important
	}

	.text-md-19 {
		font-size: 6.33em !important
	}

	.text-md-20 {
		font-size: 6.66em !important
	}
}

@media(min-width:992px) {
	.text-lg-0 {
		font-size: .7em !important
	}

	.text-lg-1 {
		font-size: .8em !important
	}

	.text-lg-2 {
		font-size: .9em !important
	}

	.text-lg-2-3,
	.text-lg-2-5 {
		font-size: .95em !important
	}

	.text-lg-3 {
		font-size: 1em !important
	}

	.text-lg-3-4,
	.text-lg-3-5 {
		font-size: 1.1em !important
	}

	.text-lg-4 {
		font-size: 1.2em !important
	}

	.text-lg-4-5 {
		font-size: 1.35em !important
	}

	.text-lg-5 {
		font-size: 1.5em !important
	}

	.text-lg-5-6,
	.text-lg-5-5 {
		font-size: 1.65em !important
	}

	.text-lg-6 {
		font-size: 1.8em !important
	}

	.text-lg-6-7,
	.text-lg-6-5 {
		font-size: 1.9em !important
	}

	.text-lg-7 {
		font-size: 2em !important
	}

	.text-lg-8 {
		font-size: 2.3em !important
	}

	.text-lg-9 {
		font-size: 2.5em !important
	}

	.text-lg-10 {
		font-size: 2.75em !important
	}

	.text-lg-11 {
		font-size: 3em !important
	}

	.text-lg-12 {
		font-size: 3.5em !important
	}

	.text-lg-12-13,
	.text-lg-12-5 {
		font-size: 3.75em !important
	}

	.text-lg-13 {
		font-size: 4em !important
	}

	.text-lg-14 {
		font-size: 4.5em !important
	}

	.text-lg-15 {
		font-size: 5em !important
	}

	.text-lg-16 {
		font-size: 5.33em !important
	}

	.text-lg-17 {
		font-size: 5.66em !important
	}

	.text-lg-18 {
		font-size: 6em !important
	}

	.text-lg-19 {
		font-size: 6.33em !important
	}

	.text-lg-20 {
		font-size: 6.66em !important
	}
}

@media(min-width:1200px) {
	.text-xl-0 {
		font-size: .7em !important
	}

	.text-xl-1 {
		font-size: .8em !important
	}

	.text-xl-2 {
		font-size: .9em !important
	}

	.text-xl-2-3,
	.text-xl-2-5 {
		font-size: .95em !important
	}

	.text-xl-3 {
		font-size: 1em !important
	}

	.text-xl-3-4,
	.text-xl-3-5 {
		font-size: 1.1em !important
	}

	.text-xl-4 {
		font-size: 1.2em !important
	}

	.text-xl-4-5 {
		font-size: 1.35em !important
	}

	.text-xl-5 {
		font-size: 1.5em !important
	}

	.text-xl-5-6,
	.text-xl-5-5 {
		font-size: 1.65em !important
	}

	.text-xl-6 {
		font-size: 1.8em !important
	}

	.text-xl-6-7,
	.text-xl-6-5 {
		font-size: 1.9em !important
	}

	.text-xl-7 {
		font-size: 2em !important
	}

	.text-xl-8 {
		font-size: 2.3em !important
	}

	.text-xl-9 {
		font-size: 2.5em !important
	}

	.text-xl-10 {
		font-size: 2.75em !important
	}

	.text-xl-11 {
		font-size: 3em !important
	}

	.text-xl-12 {
		font-size: 3.5em !important
	}

	.text-xl-12-13,
	.text-xl-12-5 {
		font-size: 3.75em !important
	}

	.text-xl-13 {
		font-size: 4em !important
	}

	.text-xl-14 {
		font-size: 4.5em !important
	}

	.text-xl-15 {
		font-size: 5em !important
	}

	.text-xl-16 {
		font-size: 5.33em !important
	}

	.text-xl-17 {
		font-size: 5.66em !important
	}

	.text-xl-18 {
		font-size: 6em !important
	}

	.text-xl-19 {
		font-size: 6.33em !important
	}

	.text-xl-20 {
		font-size: 6.66em !important
	}
}

.text-1rem {
	font-size: 16px !important;
	font-size: 1rem !important
}

.hr {
	position: relative; /*相对定位*/
	width: 100%; /*线条的宽度*/
	height: 0; /*高度为0*/
	margin: 10px 0; /*设置顶部和底部的边距*/
	border-top: 1px solid #676767; /*顶部边框*/
	}
	.hr:before {
	content: ""; /*空内容*/
	position: absolute; /*绝对定位*/
	top: -5px; /*与顶部存在一定距离*/
	left: 100%; /*左侧偏移百分之五十*/
	margin-left: -5px; /*将三角形向左移动五个像素*/
	border-top:8px solid #676767; /*设置三角形的样式*/
	border-right:3px solid transparent; /*隐藏三角形右边的边*/
	border-left:3px solid transparent; /*隐藏三角形左边的边*/
	transform: rotate(-90deg);
	}
.hr2 {
	/* 路径 12 */
	
	position: absolute;
	left: 95.21px;
	top: 3886.04px;
	width: 74.68px;
	height: 0px;
	opacity: 1;
		
	border: 2px solid #000000;
	
}