.layout {
	overflow:hidden;
}
.layout {
	padding-top:4.322916666666667rem;
}
.wrap {
	width:83.33333333333334rem;
	margin:0 auto;
}
.header {
	position:fixed;
	top:0;
	left:0;
	right:0;
	z-index:99;
	background:#000000;
}
.header .wrap {
	display:flex;
	justify-content:space-between;
	align-items:center;
	height:4.322916666666667rem;
}
.header .logo img {
	height:4.270833333333334rem;
	display:block;
}
.header .icon img {
	display:block;
	width:2.0833333333333335rem;
}
.banner {
	height:59.84375em;
	position:relative;
}
.banner .text {
	text-align:center;
	padding:2.34375rem 0 0;
}
.banner .text h3 {
	font-weight:bold;
	font-size:2.8125rem;
	color:#E14D00;
	text-align:center;
	line-height:3.4375rem;
}
.banner .text p {
	font-weight:500;
	font-size:1.25rem;
	color:#FFFFFF;
	line-height:1.875rem;
	margin-top:0.78125rem;
}

.banner {
	font-size: 1vw;
}

.banner ul {
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
}
.banner li {
	position:absolute;
	display:flex;
	align-items:center;
}
.banner li .item {
	background:rgba(255,255,255,0.8);
	line-height:2.916666666666667em;
	padding:0 0.9375em;
	font-size:0.9375em;
	display:flex;
	align-items:center;
	color:#F54336;
	white-space:nowrap;
}
.banner li .item img {
	width:1.6666666666666667em;
	display:block;
	height:1.6666666666666667em;
	object-fit:contain;
	margin-right:0.20833333333333334em;
}
.banner li:nth-child(1) {
	left:64.58333333333334em;
	top:21.354166666666668em;
	position:absolute;
}
.banner li:nth-child(1) .icon {
	width:3.125em;
	padding-right:8.333333333333334em;
	position:relative;
}
.banner li .icon img {
	width:100%;
	display:block;
}
.banner li:nth-child(1) .icon .uline {
	content:"";
	position:absolute;
	left:2.604166666666667em;
	right:0;
	top:50%;
}
.banner li .icon .uline i {
	width:100%;
	display:block;
	border-top:0.10416666666666667em dashed #fff;
	width:0;
}
.banner li:nth-child(2) {
	right:36.97916666666667em;
	top:27.1875em;
	flex-direction:row-reverse;
}
.banner li:nth-child(2) .icon {
	width:4.947916666666667em;
	padding-left:19.791666666666668em;
	position:relative;
}
.banner li:nth-child(2) .icon .uline {
	content:"";
	position:absolute;
	left:0;
	right:4.166666666666667em;
	top:50%;
}
.banner li:nth-child(2) .icon .uline i {
	position:absolute;
	right:0;
	top:0;
}
.banner li:nth-child(3) {
	left:50em;
	top:36.458333333333336em;
	position:absolute;
}
.banner li:nth-child(3) .icon {
	width:12.5em;
	padding-right:11.458333333333334em;
	position:relative;
}
.banner li:nth-child(3) .icon .uline {
	content:"";
	position:absolute;
	left:9.895833333333334em;
	right:0;
	top:50%;
}



.hsection {
	background:#373A36;
	padding:9.479166666666668em 0 6.770833333333334em;
	font-size: 1vw;
}
.hsection .line .item {
	height:2.0833333333333335em;
	background:#dbdbdb;
	border-radius:2.0833333333333335em;
	position:relative;
	margin-right:3.6458333333333335em;
}
.hsection .line .item::before {
	content:"";
	position:absolute;
	left:1.0416666666666667em;
	right:1.3020833333333335em;
	top:50%;
	margin-top:-0.10416666666666667em;
	background:url(../images/line.png);
	height:0.2604166666666667em;
}
.hsection .line .item .lines {
	position:absolute;
	left:0;
	top:0;
	height:100%;
}
.hsection .line .item i {
	position:absolute;
	left:0;
	top:0;
	height:100%;
	z-index:22;
	border-radius:1.0416666666666667em;
	background:linear-gradient(to right,#c76b45,#e3540a);
}
.hsection .line .item i img {
	width:7.96875em;
	position:absolute;
	left:100%;
	margin-left:-4.583333333333334em;
	bottom:100%;
}
.hsection .line ul {
	display:flex;
	position:absolute;
	left:0;
	right:0;
	top:100%;
}
.hsection .line ul li {
	text-align:center;
	position:relative;
	padding-top:0.7291666666666667em;
}
.hsection .line ul li::before {
	content:'';
	position:absolute;
	left:0;
	right:0;
	height:0.625em;
	top:-1.3020833333333335em;
	width:0.625em;
	border-radius:50%;
	background:#e14d00;
	margin:0 auto;
}
.hsection .line h6 {
	font-weight:500;
	font-size:0.9375em;
	color:#FFFFFF;
	text-align:center;
	line-height:1.6;
	white-space:nowrap;
}
.hsection .line .item ul li img {
	width:1.6666666666666667em;
	display:block;
	margin:0 auto;
	height:1.6666666666666667em;
	object-fit:contain;
}
.hsection .line .item ul{
	justify-content: space-between;
}
.hsection .line .item ul li {
	transform:translateX(50%);
	margin-right:1.0416666666666667em;
}
.hsection .line ul li:nth-child(1) {
	margin-right:0%;
	transform:translateX(0%);
}
.hsection .line ul li:nth-child(2) {
	margin-right:20%;
}
.hsection .line ul li:nth-child(3) {
	
}






.hsection2 {
	padding:8.072916666666668rem 0;
	background:url(../images/wbg1.jpg) no-repeat center/cover;
}
.hsection2 .text {
	display:flex;
	align-items:center;
	justify-content:center;
}
.hsection2 .text h4 {
	display:flex;
	align-items:center;
	font-weight:600;
	font-size:1.6666666666666667rem;
	color:#FFFFFF;
}
.hsection2 .text h4 img {
	width:2.0833333333333335rem;
	margin-right:0.20833333333333334rem;
	display:block;
}
.hsection2 .text .txt {
	width:30.208333333333336rem;
	height:3.90625rem;
	background:#FFFFFF;
	font-size:0.9375rem;
	color:#333;
	border:none;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	padding:0 1.3020833333333335rem;
	border:none;
}
.hsection2 .text .boxc {
	position:relative;
	margin:0 0 0 0.78125rem;
	display: flex;
	align-items: center;
}
.hsection2 .text .btn {
	line-height:4.270833333333334rem;
	width:7.604166666666667rem;
	font-weight:600;
	font-size:0.9375rem;
	color:#FFFFFF;
	text-align:center;
	border:none;
	cursor:pointer;
	background:#E14D00;
	text-transform:uppercase;
	margin-left: 0.78125rem;
}
.hsection2 .text h6 {
	font-weight:400;
	font-size:0.9375rem;
	color:#000000;
	line-height:1.6;
	padding:0.5208333333333334rem 0 0.5208333333333334rem 1.5625rem;
	background:url(../images/jg.png) no-repeat left center/1.3541666666666667rem auto;
	position:absolute;
	top:100%;
}
.hsection3 {
	position:relative;
	padding:3.125rem 0 2.0833333333333335rem;
}
.hsection3::before {
	background:url(../images/bg1.png) no-repeat center/cover;
	position:absolute;
	right:0;
	top:0;
	width:28.333333333333336rem;
	height:50.364583333333336rem;
	content:"";
}
.hsection3::after {
	background:url(../images/bg2.png) no-repeat center/cover;
	position:absolute;
	left:0;
	bottom:0;
	width:25.208333333333336rem;
	height:44.84375rem;
	content:"";
}
.hsection3 .wrap {
	position:relative;
	z-index:2;
}
.hsection3 .text {
	text-align:center;
}
.hsection3 .text h3 {
	font-weight:bold;
	font-size:2.0833333333333335rem;
	color:#000000;
	text-align:center;
}
.hsection3 .text p {
	font-weight:400;
	font-size:0.8333333333333334rem;
	color:#000000;
	line-height:1.25rem;
	margin-top:0.625rem;
}
.hsection3 .text a {
	font-weight:600;
	font-size:0.8333333333333334rem;
	color:#000000;
	text-align:center;
	border-bottom:0.10416666666666667rem solid #000000;
	margin-top:1.25rem;
	line-height:1;
	display:inline-block;
}
.porlist ul {
	display:flex;
	margin-top:2.604166666666667rem;
}
.porlist ul li {
	width:calc((100% - 3.229166666666667rem)/3);
	margin:0 1.5625rem 1.5625rem 0;
	opacity:0.5;
}
.porlist ul li:last-child {
	margin-right:0;
}
.porlist ul li .icon>img {
	width:100%;
	height:24.791666666666668rem;
	overflow:hidden;
	display:block;
	object-fit:cover;
}
.porlist ul li .icon {
	position:relative;
	overflow:hidden;
}
.porlist ul li .icon h5 {
	position:absolute;
	right:0;
	top:0;
	padding:0 1.0416666666666667rem;
	line-height:2.34375rem;
	background:#c4c4c4;
	border-radius:0 0 0 1.0416666666666667rem;
	font-size:0.8333333333333334rem;
	color:#ffffff;
}
.porlist ul li .icon .check {
	position:absolute;
	left:0;
	right:0;
	bottom:0.9375rem;
	background:#E14D00;
	display:flex;
	cursor:pointer;
	justify-content:center;
	align-items:center;
	width:6.25rem;
	line-height:2.604166666666667rem;
	font-size:0.8333333333333334rem;
	color:#fff;
	margin:0 auto;
	opacity:0;
}
.porlist ul li .icon .check img {
	display:block;
	width:0.8333333333333334rem;
	margin-left:0.2604166666666667rem;
}
.porlist ul li h4 {
	font-weight:500;
	font-size:1.25rem;
	color:#000000;
	line-height:1.6;
	margin:0.4166666666666667rem 0 0.625rem;
	font-weight:bold;
}
.porlist ul li p {
	font-weight:400;
	font-size:0.8333333333333334rem;
	color:#000000;
	line-height:1.6;
	height:8em;
	overflow:hidden;
}
.porlist ul li h6 {
	font-weight:400;
	font-size:0.9375rem;
	color:#000000;
}
.porlist ul li h6 i {
	background:url(../images/tico1.png) no-repeat center/contain;
	font-size:0.8333333333333334rem;
	width:1.5625rem;
	line-height:1.5625rem;
	text-align:center;
	color:#FFFFFF;
	margin-right:0.2604166666666667rem;
	display:inline-block;
}
.porlist ul li.on {
	opacity:1;
}
.porlist ul li.on .icon h5 {
	background:#e14d00;
}
.porlist ul li.on .icon .check {
	opacity:1;
}
.hsection4 {
	padding:6.25rem 0 17.708333333333336rem;
	text-align:center;
}
.hsection4 .text h3 {
	font-weight:600;
	font-size:2.5rem;
	color:#E14D00;
}
.hsection4 .text p {
	font-weight:500;
	font-size:1.25rem;
	color:#FFFFFF;
	margin-top:1.0416666666666667rem;
}
.hsection5 {
	background:#373a36;
	position:relative;
	z-index:2;
}
.hsection5 iframe, 
.hsection5 .video {
	width:100% !important;
	position:relative;
	top:-7.8125rem;
	z-index:2;height: 45rem !important;
	object-fit: contain;
}
.footer {
	background:#000000;
	padding:3.6458333333333335rem 0 0;
}
.footer h4 {
	font-weight:500;
	font-size:1.6666666666666667rem;
	color:#FFFFFF;
	text-align:center;
}
.footer ul {
	display:flex;
	justify-content:center;
	align-items:center;
	padding:1.8229166666666667rem 0 4.166666666666667rem;
}
.footer ul li {
	margin:0 1.0416666666666667rem;
}
.footer ul li a {
	width:3.125rem;
	height:3.125rem;
	border-radius:50%;
	overflow:hidden;
	display:block;
}
.footer ul li a img {
	width:100%;
	height:100%;
	object-fit:contain;
	transition:all 0.3s;
	-ms-transition:all 0.3s;
	/* IE 9*/
	-moz-transition:all 0.3s;
	/* Firefox*/
	-webkit-transition:all 0.3s;
	/* Safari 和 Chrome*/
	-o-transition:all 0.3s;
}
.footer ul li a:hover img {
	transform:translateY(-100%);
}
.copyright {
	border-top:0.052083333333333336rem solid rgba(255,255,255,0.2);
	padding:1.0416666666666667rem;
	text-align:center;
}
.copyright a {
	font-weight:400;
	font-size:0.8333333333333334rem;
	color:#FFFFFF;
}

.hsection4 .time ul {
	display:flex;
	justify-content:center;
	margin-top:2.34375em;
	list-style:none;
	padding:0;
}
.hsection4 .time ul .flex {
	display:flex;
}
.hsection4 .time .flex i {
	width:4.895833333333334em;
	height:6.458333333333334em;
	text-align:center;
	background:rgba(255,255,255,0.5);
	font-weight:bold;
	color:#e14d00;
	margin:0 0.15625em;
	border-radius:0.4166666666666667em;
	position:relative;
	overflow:hidden;
	display:inline-block;
}
/* 数字滚动容器*/
.digit-roller {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	transition:transform 0.5s ease-out;
}
/* 单个数字样式*/
.digit-item {
	height:100%;
	display: flex;align-items: center;
	justify-content: center;
	font-size:3.125em;
}
.hsection4 .time span {
	width:3.3333333333333335em;
	height:6.458333333333334em;
	background:url(../images/dico1.png) no-repeat center/0.7291666666666667em auto;
	display:block;
	position:relative;
}
@keyframes blink {
	0%,100% {
	opacity:1;
}
50% {
	opacity:0.5;
}
;}.hsection4 .time h6 {
	font-size:0.9375em;
	color:#fff;
	line-height:1.6;
	margin-top:0.625em;
	text-align:center;
	margin-bottom:0;
}
@keyframes widthFrom0To100 {
	from {
	width:0;
	/* 起始宽度*/;
}
to {
	width:100%;
	/* 结束宽度*/;
}
;}/* 当元素被 wow.js 激活时（添加 .animated 类），应用动画*/
.wid100.animated {
	animation-name:widthFrom0To100;
	/* 动画时长和延迟由 data 属性控制，这里不硬编码*/
    animation-fill-mode:forwards;
	/* 保持动画结束时的状态*/
    animation-timing-function:ease-out;
	/* 平滑的动画效果*/;
}

.jind .jd{
	transform:translateX(100%);
	left: 0;
	-webkit-animation:left80 1s .2s ease both;
	-moz-animation:left80 1s .2s ease both;
}
@keyframes left80 {
	from {
	left:1.5625rem;
	/* 起始宽度*/;
}
to {
	left:calc(100% - 7rem);
	/* 结束宽度*/;
}
;}








.mask {
	position:fixed;
	bottom:0;
	z-index:111;
	left:0;
	right:0;
	top:0;
	background:rgba(0,0,0,0.5);
	display:none;
}
.utanc {
	width:27.083333333333336rem;
	position:fixed;
	left:0;
	right:0;
	z-index:199;
	top:30%;
	margin:0 auto;
	display:none;
}
.utanc .box {
	background:linear-gradient( 180deg,#FFFFFF 0%,#E14D00 100%);
	border-radius:1.9791666666666667rem;
	overflow:hidden;
}
.utanc .txt {
	padding:1.5625rem 1.5625rem 2.604166666666667rem;
	text-align:center;
}
.utanc .txt h3 {
	font-weight:500;
	font-size:2.5rem;
	color:#E14D00;
}
.utanc .txt p {
	font-weight:400;
	font-size:0.9375rem;
	color:#FFFFFF;
	margin-top:0.6770833333333334rem;
}
.utanc .jind {
	position:relative;
}
.jind .img {
	width:100%;
	display:block;
}
.jind .jd {
	position:absolute;
	right:1.5625rem;
	width:2.8125rem;
	bottom:0.78125rem;
}
.utanc .close {
	position:absolute;
	left:0;
	right:0;
	bottom:-3.75rem;
	width:1.6666666666666667rem;
	margin:0 auto;
	transition:all 0.3s;
	cursor:pointer;
	display:block;
	height:1.6666666666666667rem;
	margin:0 auto;
	object-fit:cover;
	border-radius:50%;
	overflow:hidden;
}
.utanc .close:hover {
	transform:rotate(720deg);
}
.hsection1 img {
	width: 100%;
	display:block;
}
.hsection1 .swiper-wrapper {
	transition-timing-function:linear;
}


.wline1 .swiper-slide{
	width: 218.125em;
}
.wline2 .swiper-slide{
	width: 209.01041666666669em;
}
.wline3 .swiper-slide{
	width: 215.10416666666669em;
}
.hsection1{
	font-size: 1vw;
}

.umobile{
	display: none !important;
}