@charset "UTF-8";

* {
	outline: none;
}

*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

blockquote,
body,
button,
dd,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
input,
legend,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
	margin: 0;
	padding: 0;
}

body,
button,
input,
select,
textarea {
	font: 14px/1.8 "SourceHanSansCN-Normal";
	color: #777;
	font-size: .24rem;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: normal;
}

b,
cite,
code,
em,
i,
small,
th {
	font-style: normal;
}

ol,
ul {
	list-style: none;
}

a {
	text-decoration: none;
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	transition: 300ms;
	cursor: pointer;
}

fieldset,
iframe,
img {
	border: 0;
}

button,
input,
select,
textarea {
	font-size: 100%;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	border: none;
	background: none;
	outline: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

th {
	text-align: inherit;
}

button,
input[type=button],
input[type=submit] {
	cursor: pointer;
}

button::-moz-focus-inner,
button::-moz-focus-outer,
input::-moz-focus-inner,
input::-moz-focus-outer {
	border: 0 none;
	padding: 0;
	margin: 0;
}

input[type=search] {
	-webkit-appearance: textfield;
}

input:focus::-webkit-input-placeholder {
	color: transparent;
}

input::-ms-clear {
	display: none;
}

textarea {
	resize: vertical;
	overflow-y: auto;
}

::-moz-selection {
	background: #d76c00;
	color: #fff;
	text-shadow: none;
}

::selection {
	background: #d76c00;
	color: #fff;
	text-shadow: none;
}

a:link,
a:visited {
	text-decoration: none;
}

a:active,
a:hover {
	text-decoration: none;
}

.clearfix:before,
.clearfix:after {
	display: table;
	content: "";
	line-height: 0px;
}

.clearfix:after {
	clear: both;
}
.pic2 .row1VideoCon{
	width:100%;
	height:100%;
	position:relative;
}
.row1VideoCon img{
	width:100%;
	height:100%;
	position:absolute;
	object-fit: cover;
	top:0;
	left:0;
	z-index:1;
	display:none;
}
.row1VideoCon video{
	object-fit: fill;
	width: 100%;
	height: 100%;
	
}
.person img{
	object-fit: cover;
	width:100%;
	height:100%;
}

@font-face {
	font-family: "iconfont";
	/* Project id 2887171 */
	src: url("iconfont.woff2?t=1634965522902") format("woff2"), url("iconfont.woff?t=1634965522902") format("woff"), url("iconfont.ttf?t=1634965522902") format("truetype");
}

.iconfont {
	font-family: "iconfont" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-guanbi:before {
	content: "\e653";
}

.icon-weibo:before {
	content: "\e643";
}

.icon-weixin1:before {
	content: "\e62e";
}

.icon-shipin:before {
	content: "\e60f";
}

.icon-zanting:before {
	content: "\e61e";
}

.icon-yonghu:before {
	content: "\e65e";
}

.icon-dianhua:before {
	content: "\e6b4";
}

.icon-douyin1:before {
	content: "\e8db";
}

.icon-dianhua1:before {
	content: "\e605";
}

.icon-dizhi:before {
	content: "\e63a";
}

.icon-fangdajing:before {
	content: "\e66b";
}

.icon-dianhua2:before {
	content: "\e660";
}

.icon-sousuo1:before {
	content: "\e610";
}

.icon-gengduo:before {
	content: "\e602";
}

.icon-youjiantou:before {
	content: "\e731";
}

.icon-zuojiantou:before {
	content: "\e735";
}

.icon-jingdong:before {
	content: "\e631";
}

.icon-tianmao:before {
	content: "\e612";
}

.icon-rocket:before {
	content: "\e7d9";
}

.icon-iconfontyoujiantou:before {
	content: "\e600";
}

.icon-iconfontyoujiantou1:before {
	content: "\e601";
}

.icon-facebook:before {
	content: "\e641";
}

.icon-kuaishou:before {
	content: "\e633";
}

.icon-sousuo:before {
	content: "\e7f2";
}

.freeTx a {
	color: #666;
}

.btn-wrap {
	line-height: 1;
}

.ly-box {
	position: fixed;
	z-index: 9999;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: url(../images/black5.png);
	overflow: hidden;
}

.bsBox {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

.ly-anim {
	opacity: 0;
	visibility: hidden;
	-webkit-transition: 600ms;
	-moz-transition: 600ms;
	transition: 600ms;
}

.ly-anim .ly-cont {
	-webkit-transform: translateY(10%);
	-moz-transform: translateY(10%);
	-ms-transform: translateY(10%);
	transform: translateY(10%);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: 600ms;
	-moz-transition: 600ms;
	transition: 600ms;
}

.ly-box.show.ly-anim {
	opacity: 1;
	visibility: visible;
}

.ly-box.show.ly-anim .ly-cont {
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	transform: none;
	opacity: 1;
	visibility: visible;
}

.ly-cont {
	background: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
}
.img_url{
	position:absolute;
	background-repeat: no-repeat;
	background-size: contain;
	z-index:3;
}
.img_since{
	position:absolute;
	background-repeat: no-repeat;
	background-size: cover;
	z-index:3;
}
.img_advance{
	position:absolute;
	background-repeat: no-repeat;
	background-size: cover;
	z-index:3;
}
/*通用的pc端和移动端区分，这里是移动端*/
@media screen and (max-width: 1024px) {
	.ly-cont {
		position: relative;
		width: 100%;
		height: 100%;
		overflow: hidden;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
	}
	.img_url{
		left:20px;
		top:20px;	
		width:93.5px;
		height:11.5px;
		background-image: url('https://huicreat-public.oss-cn-beijing.aliyuncs.com/index_text_url_m.png');
	}
	.img_since{
		left:20px;
		bottom:20px;
		width:126.5px;
		height:32px;
		background-image: url('https://huicreat-public.oss-cn-beijing.aliyuncs.com/index_text_since_m.png');
	}
	.img_advance{
		width:114.5px;
		height:14px;
		right:20px;
		bottom:20px;
		background-image: url('https://huicreat-public.oss-cn-beijing.aliyuncs.com/index_text_advance_m.png');
	}
	.case-parent{
		padding: 1.617rem 0 0 1.29rem;
		background: url(https://huicreat-public.oss-cn-beijing.aliyuncs.com/BG_mobile.jpg) no-repeat center/cover;
		#case-title-list{
			display: flex;
			color:rgba(255,255,255,0.4);
			font-size:0.557rem;
			>div{
				margin-right:0.615rem;
				>img{
					width:2.21rem;
					height:0.52rem;
					opacity: 0.4;
				}
			}
			.case-title-active{
				color:white;
				border-bottom:2px solid rgba(240, 13, 40, 0.80);
				>img{
					opacity: 1;
				}
			}
		}
		.case-page-action{
			display: none;
		}
		#case-content-block{
			margin-top:1.617rem;
			.case-content-list{
				overflow-x:auto;
				scrollbar-width: none;;
				.case-content-item{
					flex-shrink: 0;
					width:3.868rem;
					height:7.33rem;
					background-color:rgba(0,0,0,0.2);
					background-size:cover;
					position:relative;
					margin-right:0.258rem;
					margin-bottom:0.48rem;
					.case-content-item-desc{
						position:absolute;
						bottom:0.5rem;
						left:0.23rem;
						text-align: left;
						height: 1.6rem;
						.case-content-item-title{

							font-size:0.48rem;
							color:white;
						}
						.case-content-item-tip{
							font-size:0.28rem;
							color:#B8B8B8;
						}
					}
					
					.case-content-item-coming {
						position: absolute;
						top: 0.144rem;
						left: 0.106rem;
						width: 0.847rem;
						height: 0.226rem;
						background: url(https://huicreat-public.oss-cn-beijing.aliyuncs.com/SOON_mobile.png) no-repeat center/100% 100%;
					}
				}
				.case-content-item-active{
					/* &::after{
						content:'';
						position:absolute;
						bottom:-0.03rem;
						height:3px;
						width:100%;
						background-color:rgba(240, 13, 40, 0.80);
					} */
				}
			}
			.case-content-list-unactive{
				display:none;
			}
			
		}
	}
	
	.tanhcuang_title {
		font-size: 0.6rem;
		margin-bottom: 0.1rem;
	}
	
	.tanhcuang_text {
		font-size: 0.32rem;
		padding-bottom: 0.33rem;
		border-bottom:1px solid rgba(240, 13, 40, 0.50);
		margin-bottom:0.4rem;
		display:flex;
		flex-wrap: wrap;
	}
	
	.tanhcuang_txt {
		font-size: 0.32rem;
		width: 100%;
		/* min-height: 200px; */
		line-height: 2;
		color:#c1c1c1;
		/* padding-right: 5%; */
	}
	.tanchuang_box {
		position: relative;
		/* width: 92.8%; */
	}
	.tanchuang_head_block{
		/* left: -3.6%;
		position: absolute;
		width: 107%; */
		padding: 0.6rem 4% 0 4%;
		/* box-sizing: border-box; */
		/* top: -70px; */
		height: 2rem;
		background-color: #000;
		display: flex;
		justify-content: space-between;
		align-items: center;
		.off{
			width: 0.4rem;
			height: 0.4rem;
			/* top:-0.84rem; */
		}
		.tanchuang_icon{
			/* position:absolute;
			left: 0;
			top: -1.08rem; */
			height:1.08rem;
			width:3rem;
			display: flex;
			align-items: center;
			>img{
				max-width: 100%;
				max-height:100%;
			}
		}
	}
	.tanchuang_con_block{
		height: calc(100vh - 2rem);
		overflow-y: auto;
		padding: 0 4%;
		box-sizing: border-box;
	}
	.tanchuang_con_block::-webkit-scrollbar {
		width: 0;
	}
	.tangchuan::-webkiet-scrollbar{
		width:0;
	}
	.tangchuan{
		scrollbar-width:none;
	}
	.tanchuang_wenben {
		margin:0 auto;
		width: 100%;
		/* padding: 20px; */
		/* padding-top: 3%; */
		padding: .3rem 0;
		/* background-color: #000; */
		color: #fff;
		padding-bottom: 3%;
	}
	.tan-text-tip{
		color:#737373;
		margin-right:0.45rem;
	}
	.tanchuang_img_box {
		position: relative;
		width: 100%;
		margin:0 auto;
		/* padding:0 0.6rem; */
	}
	.tanchuang_box .off {
		/* position: absolute;
		right: 0;
		z-index: 9; */
		cursor: pointer;
		transition: off_on .5s 0s ease both;
		-webkit-animation: off_on .5s 0s ease both;
		-moz-animation: off_on .5s 0s ease both;
	}
	.row{
		min-height:100vh !important;
	}
}
/*通用的pc端和移动端区分，这里是PC端*/
@media screen and (min-width:1025px) {
	.img_url{
		left:20px;
		top:20px;
		width:95px;
		height:13px;
		background-image: url('https://huicreat-public.oss-cn-beijing.aliyuncs.com/index_text_url.png');
	}
	.img_since{
		left:20px;
		bottom:20px;
		width:139px;
		height:30px;
		background-image: url('https://huicreat-public.oss-cn-beijing.aliyuncs.com/index_text_since.png');
	}
	.img_advance{
		right:20px;
		bottom:20px;
		width:117px;
		height:16px;
		background-image: url('https://huicreat-public.oss-cn-beijing.aliyuncs.com/index_text_advance.png');
	}
	.case-parent{
		padding:0.462rem 0 0 0.375rem;
		background: url(https://huicreat-public.oss-cn-beijing.aliyuncs.com/BG_PC.png) no-repeat center/cover;
		.case-title-block{
			display: flex;
			width:100vw;
			justify-content: space-between;
			padding-right:0.62rem;
		}
		#case-title-list{
			display: flex;
			color:rgba(255,255,255,0.4);
			font-size:0.14rem;
			>div{
				margin-right:0.31rem;
				cursor:pointer;
				>img{
					width:0.5625rem;
					height:0.1290rem;
					opacity: 0.4;
				}
			}
			.case-title-active{
				color:white;
				border-bottom:2px solid rgba(240, 13, 40, 0.80);
				>img{
					opacity: 1;
				}
			}
		}
		.case-page-action{
			display: flex;
			align-items: center;
			>img{
				width:0.059rem;
				height:0.123rem;
				margin-right:0.176rem;
				cursor: pointer;
			}
		}
		#case-content-block{
			margin-top:0.193rem;
			.case-content-list{
				.case-content-item{
					transition: transform 0.5s cubic-bezier(0, 0, 0.37, 1.13);
					transform:scale(1);
					cursor:pointer;
					flex-shrink: 0;
					width:2.17rem;
					height:4.11rem;
					margin-right:0.217rem;
					background-color:rgba(0,0,0,0.2);
					background-size:cover;
					position:relative;
					.case-content-item-desc{
						position:absolute;
						bottom:0.249rem;
						left:0.108rem;
						text-align: left;
						height:0.6rem;
						.case-content-item-title{

							font-size:0.176rem;
							color:white;
						}
						.case-content-item-tip{
							font-size:0.094rem;
							color:#B8B8B8;
						}
						.case-content-item-tip-en{
							font-size:0.070rem;
							color:#B8B8B8;
						}
					}
					.case-content-item-coming {
						position: absolute;
						top: 0.082rem;
						left: 0.064rem;
						width: 0.598rem;
						height: 0.181rem;
						background: url(https://huicreat-public.oss-cn-beijing.aliyuncs.com/SOON_pc.png) no-repeat center/100% 100%;
					}
					&::after{
						content:'';
						position:absolute;
						bottom:-3px;
						height:3px;
						left:auto;
						right:0;
						width:0%;
						background-color:rgba(240, 13, 40, 0.80);
						transition: width 0.15s ease-in-out;;
					}
				}
				.case-content-item:hover{
					transform: scale(1.05);
					&::after{
						width:100%;
						left:0;
						right:auto;
					}
				}
			}
			
		}
		.case-content-list-unactive{
			display:none;
		}
	}
	.case-parent-little-padding-top{
		padding-top:0.5rem;
	}
	
	.tanhcuang_text {
		font-size: 0.106rem;
		padding-bottom: 33px;
		border-bottom:1px solid rgba(240, 13, 40, 0.50);
		margin-bottom:40px;
		display: flex;
		flex-wrap: wrap;
	}
	
	.tanhcuang_txt {
		font-size: 0.106rem;
		width: 100%;
		/* min-height: 200px; */
		line-height: 2;
		color:#c1c1c1;
		/* padding-right: 5%; */
	}
	.tanchuang_box {
		position: relative;
		/* width: 92.8%; */
	}
	.tanchuang_head_block{
		/* left: -3%;
		position: absolute;
		width: 106%;
		top: -70px; */
		max-height: 0.564rem;
		background-color: #000;
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 0 10%;
		box-sizing: border-box;
		.tanchuang_icon{
			/* position:absolute;
			left: 0.672rem;
			top: -0.42rem; */
			height: 0.42rem;
			width:0.941rem;
			display: flex;
			align-items: center;
			>img{
				max-width: 100%;
				max-height:100%;
			}
		}
	}
	.tanchuang_con_block{
		height: calc(100vh - 0.6rem);
		overflow-y: auto;
		padding: 0 10%;
	}
	.tanchuang_con_block::-webkit-scrollbar {
		width: 0;
	}
	.tanchuang_wenben {
		margin:0 auto;
		/* width: 87%; */
		/* padding: 20px; */
		/* padding-top: 3%; */
		padding: .3rem 0;
		/* background-color: #000; */
		color: #fff;
		padding-bottom: 3%;
		.tanhcuang_title {
			font-size: 0.3516rem;
			margin-bottom: 10px;
		}
		.tan-text-tip{
			color:#737373;
			margin-right:0.3rem;
		}
	}
	.tanchuang_img_box {
		position: relative;
		/* width: 87%; */
		margin:0 auto;
		/* padding:0 0.6rem; */
	}
	.tanchuang_box .off {
		/* position: absolute;
		right: 0.71rem; */
		/* z-index: 9; */
		cursor: pointer;
		transition: off_on .5s 0s ease both;
		-webkit-animation: off_on .5s 0s ease both;
		-moz-animation: off_on .5s 0s ease both;
		width:0.2rem;
		height:0.2rem;
		/* top:-0.31rem; */
	}
	.row{
		height:100vh !important;
	}
}
.menuBox {
	position: fixed;
	z-index: 1009;
	top: -100%;
	right: 0;
	width: 100%;
	height: 100%;
	background: rgba(97, 205, 107, 0.8);
	display: none;
}

.omenuWrap {
	height: 100%;
	overflow: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}

.menuBlack {
	position: fixed;
	z-index: 1008;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	background: url(../images/black5.png);
	display: none;
}


/* pw */

.pw {
	width: 1100px;
	margin: 0 auto;
}

@media screen and (max-width: 1366px) {
	.pw {
		width: 1000px;
	}
}

@media screen and (max-width: 1024px) {
	.pw {
		width: 90%;
	}
}


/* fix */

.tar {
	text-align: right;
}

.tb {
	display: table;
	table-layout: fixed;
	width: 100%;
	height: 100%;
}

.tbc {
	display: table-cell;
	vertical-align: middle;
}

.mcv {
	text-align: center;
	line-height: 50px;
	display: none;
}

.mcv .sj-b {
	display: inline-block;
	vertical-align: middle;
	margin-left: 8px;
	border-top-width: 6px;
	-webkit-transition: 400ms;
	-moz-transition: 400ms;
	transition: 400ms;
}

.pnav.show .sj-b {
	-webkit-transform: rotate(-180deg);
	-moz-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	transform: rotate(-180deg);
}

@media screen and (max-width: 861px) {
	.mcv {
		display: block;
	}
}

.splwo span {
	display: block;
}

.splwo i {
	display: inline-block;
}

.bsz {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.cover {
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: url(../images/black5.png);
}

.bg {
	-moz-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.open {
	overflow: hidden;
}

.na {
	cursor: default;
}

.pai {
	overflow: hidden;
	position: relative;
}

.pai>img {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-transition: 600ms;
	-moz-transition: 600ms;
	transition: 600ms;
	object-fit: cover;
}

.picbox,
.pic,
.pic2 {
	display: block;
	position: relative;
	overflow: hidden;
}

.pic>img {
	display: block;
	width: 100%;
	-webkit-transition: 600ms;
	-moz-transition: 600ms;
	transition: 600ms;
}

.pic2>img {
	display: block;
	width: 100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	object-fit: cover;
}
.pic2_li>img{
	display: block;
	width: 100%;
}


/* .aico{ display: inline-block; background: url(../images/aicos.png); } */


/* .bico{ display: inline-block; background: url(../images/bicos.png); } */

.logo {
	display: block;
}

.now {
	white-space: nowrap;
}

.nowti {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	line-height: 1.4;
}

.freeTx {
	overflow: hidden;
	position: relative;
}

.freeTx img {
	max-width: 100%;
	vertical-align: bottom;
	height: auto !important;
}

.sbar {
	overflow: hidden;
	overflow-y: auto;
}

.sbar::-webkit-scrollbar {
	width: 6px;
	background: #ccc;
}

.sbar::-webkit-scrollbar-thumb {
	background: #0891a3;
}

.tx {
	overflow: hidden;
	line-height: 24px !important;
}

.ti,
.name,
.ch {
	line-height: 1.4;
}

.en {
	line-height: 1;
}

.ttu {
	text-transform: uppercase;
}

.fwb {
	font-weight: bold;
}

.rel {
	position: relative;
}

.tac {
	text-align: center;
}

.fsi {
	font-style: italic;
}

.bra {
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}

.ico,
.aw {
	background-repeat: no-repeat;
	background-position: center top;
}

.fixbg {
	background-repeat: no-repeat;
	-moz-background-size: cover;
	background-size: cover;
	background-position: center center;
	background-attachment: fixed;
}

.fixbg>img {
	display: block;
	width: 100%;
	opacity: 0;
	visibility: hidden;
}

@media screen and (max-width: 1024px) {
	.fixbg {
		background-attachment: scroll;
	}
}

.psfixbg {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-repeat: no-repeat;
	background-position: center center;
	-moz-background-size: cover;
	background-size: cover;
	z-index: -1;
}

.fib,
.pager {
	text-align: center;
	letter-spacing: -6px;
}

.ib,
.pager a {
	display: inline-block;
	vertical-align: middle;
	letter-spacing: 0;
}

.ib {
	vertical-align: top;
}


/* triangle */

.sj {
	width: 0;
	height: 0;
}

.sj-t {
	border-right-style: solid;
	border-left-style: solid;
	border-bottom-style: solid;
	border-right-color: transparent;
	border-left-color: transparent;
	border-left-width: 4px;
	border-right-width: 4px;
	border-bottom-width: 8px;
}

.sj-b {
	border-right-style: solid;
	border-left-style: solid;
	border-top-style: solid;
	border-right-color: transparent;
	border-left-color: transparent;
	border-left-width: 4px;
	border-right-width: 4px;
	border-top-width: 8px;
}

.sj-r {
	border-bottom-style: solid;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: transparent;
	border-bottom-color: transparent;
	border-top-width: 4px;
	border-bottom-width: 4px;
	border-left-width: 8px;
}

.sj-l {
	border-bottom-style: solid;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: transparent;
	border-bottom-color: transparent;
	border-top-width: 4px;
	border-bottom-width: 4px;
	border-right-width: 8px;
}


/* pbanner */

.banner-box,
.pbanner {
	position: relative;
	overflow: hidden;
}

.i_g {
	display: block;
	position: absolute;
	top: 0;
	left: -10%;
	width: 110% !important;
}

.active .i_g {
	left: -5%;
	-webkit-transition: imgMove 6s 0.2s linear;
	-moz-transition: imgMove 6s 0.2s linear;
	transition: imgMove 6s 0.2s linear;
}

@-webkit-keyframes imgMove {
	0% {
		left: -10%;
	}

	100% {
		left: -5%;
	}
}

@-moz-keyframes imgMove {
	0% {
		left: -10%;
	}

	100% {
		left: -5%;
	}
}

@keyframes imgMove {
	0% {
		left: -10%;
	}

	100% {
		left: -5%;
	}
}

.u-slick {
	position: relative;
	overflow: hidden;
}

.u-slick .item {
	position: relative;
	overflow: hidden;
}


/* one line */

.ol {
	display: block;
	z-index: 9;
	position: absolute;
	-webkit-transition: 400ms;
	-moz-transition: 400ms;
	transition: 400ms;
}

.ol-l {
	left: auto;
	right: 0;
	bottom: 0;
	width: 0;
	height: 100%;
	background: #000;
}

.ol-v {
	left: 0;
	top: auto;
	bottom: 0;
	height: 0;
	width: 100%;
	background: #000;
}

@media screen and (min-width: 1025px) {
	.ol-h:hover .ol-l {
		width: 100%;
		left: 0;
		right: auto;
	}

	.ol-h:hover .ol-v {
		height: 100%;
		top: 0;
		bottom: auto;
	}
}


/* four line */

.fl {
	display: block;
	z-index: 9;
	position: absolute;
	background: #000;
	-webkit-transition: 400ms;
	-moz-transition: 400ms;
	transition: 400ms;
}

.fl-t,
.fl-b {
	width: 0;
	height: 2px;
}

.fl-l,
.fl-r {
	height: 0;
	width: 2px;
}

.fl-t {
	top: 0;
	left: 0;
}

.fl-r {
	top: 0;
	right: 0;
}

.fl-b {
	right: 0;
	bottom: 0;
}

.fl-l {
	left: 0;
	bottom: 0;
}

@media screen and (min-width: 1025px) {

	.fl-h:hover .fl-t,
	.fl-h:hover .fl-b {
		width: 100%;
	}

	.fl-h:hover .fl-l,
	.fl-h:hover .fl-r {
		height: 100%;
	}
}


/* diagonal line */

.dl {
	display: block;
	z-index: 9;
	position: absolute;
	background: #000;
	-webkit-transition: 400ms;
	-moz-transition: 400ms;
	transition: 400ms;
}

.dl-t,
.dl-b {
	width: 0;
	height: 2px;
}

.dl-l,
.dl-r {
	height: 0;
	width: 2px;
}

.dl-l,
.dl-t {
	left: 0;
	top: 0;
}

.dl-b,
.dl-r {
	right: 0;
	bottom: 0;
}

@media screen and (min-width: 1025px) {

	.dl-h:hover .dl-t,
	.dl-h:hover .dl-b {
		width: 100%;
	}

	.dl-h:hover .dl-l,
	.dl-h:hover .dl-r {
		height: 100%;
	}
}


/* share */

.bdsharebuttonbox a {
	padding: 0 !important;
	margin: 0 !important;
}


/*video style*/

.jwlogo,
.jwclick {
	display: none !important;
}


/*video style end*/


/* winxin */

.popUpblack {
	display: none;
	position: fixed;
	z-index: 1020;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: url(../images/black5.png);
}

.popUp {
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -108px 0 0 -95px;
	width: 190px;
	height: 216px;
	border: 5px solid #f11806;
	background: #777;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translateY(20%);
	-moz-transform: translateY(20%);
	-ms-transform: translateY(20%);
	transform: translateY(20%);
	-webkit-transition: 600ms;
	-moz-transition: 600ms;
	transition: 600ms;
}

.popUpblack.show .popUp {
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	transform: none;
	opacity: 1;
	visibility: visible;
}

.popUp .t {
	height: 26px;
	padding: 0 5px;
	line-height: 26px;
	color: #777;
	background: #f11806;
	overflow: hidden;
}

.popUp .t .close {
	float: right;
	font-size: 12px;
	cursor: pointer;
}

.popUp .img {
	width: 180px;
	height: 180px;
	padding: 20px;
	text-align: center;
	line-height: 140px;
}

.popUp .img img {
	max-width: 100%;
	vertical-align: middle;
	max-height: 100%;
}


/* winxin end */


/* menuBtn <div class="menu-handler"><span class="burger burger-1"></span><span class="burger burger-2"></span><span class="burger burger-3"></span></div> */

.menu-handler {
	position: fixed;
	z-index: 1012;
	right: 0;
	top: 0;
	width: 60px;
	height: 60px;
	overflow: hidden;
	cursor: pointer;
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	transition: 300ms;
	display: none;
}

.menu-handler .burger {
	display: block;
	position: absolute;
	top: 21px;
	left: 50%;
	margin-left: -16px;
	width: 32px;
	height: 4px;
	background: #000;
	-webkit-transition: 800ms;
	-moz-transition: 800ms;
	transition: 800ms;
}

.menu-handler .burger-2 {
	top: 28px;
}

.menu-handler .burger-3 {
	top: 35px;
}

.menu-handler.active .burger-1 {
	top: 28px;
	-webkit-transform: rotate(225deg);
	-moz-transform: rotate(225deg);
	-ms-transform: rotate(225deg);
	transform: rotate(225deg);
}

.menu-handler.active .burger-2 {
	opacity: 0;
	visibility: hidden;
	left: -100%;
}

.menu-handler.active .burger-3 {
	top: 28px;
	-webkit-transform: rotate(-225deg);
	-moz-transform: rotate(-225deg);
	-ms-transform: rotate(-225deg);
	transform: rotate(-225deg);
}


/* menuBtn end */


/* menuBtn：<div class="menuBtn"><div class="mb"><span class="ml ml-1"></span><span class="ml ml-2"></span></div></div> */

.menuBtn {
	position: absolute;
	z-index: 1012;
	top: 0;
	right: 0;
	width: 60px;
	height: 60px;
	display: none;
}

.menuBtn .mb {
	position: relative;
	height: 100%;
	-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	transition: -webkit-transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	-moz-transition: transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99), -moz-transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	transition: transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	transition: transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99), -moz-transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	transition: transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}

.menuBtn .ml {
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	-webkit-transition: -webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	transition: -webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	-moz-transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99), -moz-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99), -moz-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}

.menuBtn .ml:before {
	content: '';
	position: absolute;
	top: 29px;
	left: 50%;
	margin-left: -9px;
	width: 18px;
	height: 2px;
	background: #f11806;
}

.menuBtn .ml-1:before {
	-webkit-transform: translateY(-3px);
	-moz-transform: translateY(-3px);
	-ms-transform: translateY(-3px);
	transform: translateY(-3px);
	-webkit-transition: -webkit-transform 0.2s 0.2s;
	transition: -webkit-transform 0.2s 0.2s;
	-moz-transition: transform 0.2s 0.2s, -moz-transform 0.2s 0.2s;
	transition: transform 0.2s 0.2s;
	transition: transform 0.2s 0.2s, -webkit-transform 0.2s 0.2s, -moz-transform 0.2s 0.2s;
	transition: transform 0.2s 0.2s, -webkit-transform 0.2s 0.2s;
}

.menuBtn .ml-2:before {
	-webkit-transform: translateY(3px);
	-moz-transform: translateY(3px);
	-ms-transform: translateY(3px);
	transform: translateY(3px);
	-webkit-transition: -webkit-transform 0.2s;
	transition: -webkit-transform 0.2s;
	-moz-transition: transform 0.2s, -moz-transform 0.2s;
	transition: transform 0.2s;
	transition: transform 0.2s, -webkit-transform 0.2s, -moz-transform 0.2s;
	transition: transform 0.2s, -webkit-transform 0.2s;
}

.menuBtn.active .mb {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

.menuBtn.active .ml {
	-webkit-transition: -webkit-transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	transition: -webkit-transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	-moz-transition: transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99), -moz-transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	transition: transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	transition: transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99), -moz-transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	transition: transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}

.menuBtn.active .ml-1 {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.menuBtn.active .ml-2 {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.menuBtn.active .ml:before {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}


/* menuBtn end */


/* slick */

.slick-slider {
	position: relative;
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}

.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.slick-list:focus {
	outline: none;
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
}

.slick-track:before,
.slick-track:after {
	display: table;
	content: '';
}

.slick-track:after {
	clear: both;
}

.slick-loading .slick-track {
	visibility: hidden;
}

.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
}

[dir='rtl'] .slick-slide {
	float: right;
}

.slick-slide img {
	display: block;
}

.slick-slide.slick-loading img {
	display: none;
}

.slick-slide.dragging img {
	pointer-events: none;
}

.slick-initialized .slick-slide {
	display: block;
}

.slick-loading .slick-slide {
	visibility: hidden;
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
	display: none;
}

.slick-arrow {
	position: absolute;
	z-index: 101;
	top: 50%;
	margin-top: -20px;
	width: 40px;
	height: 40px;
	background: #000;
}

.slick-prev {
	left: 0;
}

.slick-next {
	right: 0;
}

.slick-dots {
	position: absolute;
	z-index: 100;
	left: 0;
	right: 0;
	bottom: 30px;
	text-align: center;
	letter-spacing: -6px;
	line-height: 0;
}

.slick-dots li {
	display: inline-block;
	vertical-align: middle;
	width: 10px;
	height: 10px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.5);
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	transition: 300ms;
}

.slick-dots li+li {
	margin-left: 15px;
}

.slick-dots li a {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
}

.slick-dots li:hover,
.slick-dots .slick-active {
	background: white;
}


/* slick end */


/* banner animation */

.cg-w .item.slick-current {
	z-index: 3 !important;
}

.cg-w .item.prevSlick {
	z-index: 4 !important;
}

.cg-w .item {
	opacity: 1 !important;
	z-index: 2 !important;
}

.cg-w .item.prevSlick .pic2 {
	-moz-animation: increaseHeight 1.5s forwards;
	animation: increaseHeight 1.5s forwards;
	-webkit-animation: increaseHeight 1.5s forwards;
}

.cg-s.active .pic img {
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;
	-webkit-animation: scaleUpDown 5s forwards cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-moz-animation: scaleUpDown 5s forwards cubic-bezier(0.25, 0.46, 0.45, 0.94);
	animation: scaleUpDown 5s forwards cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.cg-s .slick-current .pai img,
.cg-s .slick-current .pic2 img {
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;
	-webkit-animation: scaleUpDown 5s forwards cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-moz-animation: scaleUpDown 5s forwards cubic-bezier(0.25, 0.46, 0.45, 0.94);
	animation: scaleUpDown 5s forwards cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.igm {
	position: relative;
	top: -5%;
	left: -5%;
	width: 110% !important;
}

.cg-m .active .igm {
	-webkit-animation: imgMove 6s linear;
	-moz-animation: imgMove 6s linear;
	animation: imgMove 6s linear;
}


/* banner animation end */


/* animation */

@-webkit-keyframes phoneRotate {

	from,
	to {
		-webkit-transform: none;
		transform: none;
	}

	20% {
		-webkit-transform: rotate(-10deg);
		transform: rotate(-10deg);
	}

	40% {
		-webkit-transform: rotate(10deg);
		transform: rotate(10deg);
	}

	60% {
		-webkit-transform: rotate(-10deg);
		transform: rotate(-10deg);
	}

	80% {
		-webkit-transform: rotate(10deg);
		transform: rotate(10deg);
	}
}

@-moz-keyframes phoneRotate {

	from,
	to {
		-webkit-transform: none;
		-moz-transform: none;
		transform: none;
	}

	20% {
		-webkit-transform: rotate(-10deg);
		-moz-transform: rotate(-10deg);
		transform: rotate(-10deg);
	}

	40% {
		-webkit-transform: rotate(10deg);
		-moz-transform: rotate(10deg);
		transform: rotate(10deg);
	}

	60% {
		-webkit-transform: rotate(-10deg);
		-moz-transform: rotate(-10deg);
		transform: rotate(-10deg);
	}

	80% {
		-webkit-transform: rotate(10deg);
		-moz-transform: rotate(10deg);
		transform: rotate(10deg);
	}
}

@keyframes phoneRotate {

	from,
	to {
		-webkit-transform: none;
		-moz-transform: none;
		transform: none;
	}

	20% {
		-webkit-transform: rotate(-10deg);
		-moz-transform: rotate(-10deg);
		transform: rotate(-10deg);
	}

	40% {
		-webkit-transform: rotate(10deg);
		-moz-transform: rotate(10deg);
		transform: rotate(10deg);
	}

	60% {
		-webkit-transform: rotate(-10deg);
		-moz-transform: rotate(-10deg);
		transform: rotate(-10deg);
	}

	80% {
		-webkit-transform: rotate(10deg);
		-moz-transform: rotate(10deg);
		transform: rotate(10deg);
	}
}


/* 电话颤抖 animation: phoneRotate .5s 3; */

@-webkit-keyframes phoneJump {

	from,
	to {
		-webkit-transform: none;
		transform: none;
	}

	50% {
		-webkit-transform: translate(0, -7px);
		transform: translate(0, -7px);
	}
}

@-moz-keyframes phoneJump {

	from,
	to {
		-webkit-transform: none;
		-moz-transform: none;
		transform: none;
	}

	50% {
		-webkit-transform: translate(0, -7px);
		-moz-transform: translate(0, -7px);
		transform: translate(0, -7px);
	}
}

@keyframes phoneJump {

	from,
	to {
		-webkit-transform: none;
		-moz-transform: none;
		transform: none;
	}

	50% {
		-webkit-transform: translate(0, -7px);
		-moz-transform: translate(0, -7px);
		transform: translate(0, -7px);
	}
}


/* 电话数字 animation: phoneJump .5s 1; */

@-webkit-keyframes _cyLogoShow {
	0% {
		background: -webkit-linear-gradient(330deg, transparent -15%, rgba(255, 255, 255, 0.5), transparent 15%);
		background: linear-gradient(120deg, transparent -15%, rgba(255, 255, 255, 0.5), transparent 15%);
	}

	10% {
		background: -webkit-linear-gradient(330deg, transparent -5%, rgba(255, 255, 255, 0.5), transparent 25%);
		background: linear-gradient(120deg, transparent -5%, rgba(255, 255, 255, 0.5), transparent 25%);
	}

	20% {
		background: -webkit-linear-gradient(330deg, transparent 5%, rgba(255, 255, 255, 0.5), transparent 35%);
		background: linear-gradient(120deg, transparent 5%, rgba(255, 255, 255, 0.5), transparent 35%);
	}

	30% {
		background: -webkit-linear-gradient(330deg, transparent 15%, rgba(255, 255, 255, 0.5), transparent 45%);
		background: linear-gradient(120deg, transparent 15%, rgba(255, 255, 255, 0.5), transparent 45%);
	}

	40% {
		background: -webkit-linear-gradient(330deg, transparent 25%, rgba(255, 255, 255, 0.5), transparent 55%);
		background: linear-gradient(120deg, transparent 25%, rgba(255, 255, 255, 0.5), transparent 55%);
	}

	50% {
		background: -webkit-linear-gradient(330deg, transparent 35%, rgba(255, 255, 255, 0.5), transparent 65%);
		background: linear-gradient(120deg, transparent 35%, rgba(255, 255, 255, 0.5), transparent 65%);
	}

	60% {
		background: -webkit-linear-gradient(330deg, transparent 45%, rgba(255, 255, 255, 0.5), transparent 75%);
		background: linear-gradient(120deg, transparent 45%, rgba(255, 255, 255, 0.5), transparent 75%);
	}

	70% {
		background: -webkit-linear-gradient(330deg, transparent 55%, rgba(255, 255, 255, 0.5), transparent 85%);
		background: linear-gradient(120deg, transparent 55%, rgba(255, 255, 255, 0.5), transparent 85%);
	}

	80% {
		background: -webkit-linear-gradient(330deg, transparent 65%, rgba(255, 255, 255, 0.5), transparent 95%);
		background: linear-gradient(120deg, transparent 65%, rgba(255, 255, 255, 0.5), transparent 95%);
	}

	90% {
		background: -webkit-linear-gradient(330deg, transparent 75%, rgba(255, 255, 255, 0.5), transparent 105%);
		background: linear-gradient(120deg, transparent 75%, rgba(255, 255, 255, 0.5), transparent 105%);
	}

	100% {
		background: -webkit-linear-gradient(330deg, transparent 85%, rgba(255, 255, 255, 0.5), transparent 115%);
		background: linear-gradient(120deg, transparent 85%, rgba(255, 255, 255, 0.5), transparent 115%);
	}
}

@-moz-keyframes _cyLogoShow {
	0% {
		background: -moz-linear-gradient(330deg, transparent -15%, rgba(255, 255, 255, 0.5), transparent 15%);
		background: linear-gradient(120deg, transparent -15%, rgba(255, 255, 255, 0.5), transparent 15%);
	}

	10% {
		background: -moz-linear-gradient(330deg, transparent -5%, rgba(255, 255, 255, 0.5), transparent 25%);
		background: linear-gradient(120deg, transparent -5%, rgba(255, 255, 255, 0.5), transparent 25%);
	}

	20% {
		background: -moz-linear-gradient(330deg, transparent 5%, rgba(255, 255, 255, 0.5), transparent 35%);
		background: linear-gradient(120deg, transparent 5%, rgba(255, 255, 255, 0.5), transparent 35%);
	}

	30% {
		background: -moz-linear-gradient(330deg, transparent 15%, rgba(255, 255, 255, 0.5), transparent 45%);
		background: linear-gradient(120deg, transparent 15%, rgba(255, 255, 255, 0.5), transparent 45%);
	}

	40% {
		background: -moz-linear-gradient(330deg, transparent 25%, rgba(255, 255, 255, 0.5), transparent 55%);
		background: linear-gradient(120deg, transparent 25%, rgba(255, 255, 255, 0.5), transparent 55%);
	}

	50% {
		background: -moz-linear-gradient(330deg, transparent 35%, rgba(255, 255, 255, 0.5), transparent 65%);
		background: linear-gradient(120deg, transparent 35%, rgba(255, 255, 255, 0.5), transparent 65%);
	}

	60% {
		background: -moz-linear-gradient(330deg, transparent 45%, rgba(255, 255, 255, 0.5), transparent 75%);
		background: linear-gradient(120deg, transparent 45%, rgba(255, 255, 255, 0.5), transparent 75%);
	}

	70% {
		background: -moz-linear-gradient(330deg, transparent 55%, rgba(255, 255, 255, 0.5), transparent 85%);
		background: linear-gradient(120deg, transparent 55%, rgba(255, 255, 255, 0.5), transparent 85%);
	}

	80% {
		background: -moz-linear-gradient(330deg, transparent 65%, rgba(255, 255, 255, 0.5), transparent 95%);
		background: linear-gradient(120deg, transparent 65%, rgba(255, 255, 255, 0.5), transparent 95%);
	}

	90% {
		background: -moz-linear-gradient(330deg, transparent 75%, rgba(255, 255, 255, 0.5), transparent 105%);
		background: linear-gradient(120deg, transparent 75%, rgba(255, 255, 255, 0.5), transparent 105%);
	}

	100% {
		background: -moz-linear-gradient(330deg, transparent 85%, rgba(255, 255, 255, 0.5), transparent 115%);
		background: linear-gradient(120deg, transparent 85%, rgba(255, 255, 255, 0.5), transparent 115%);
	}
}

@keyframes _cyLogoShow {
	0% {
		background: -webkit-linear-gradient(330deg, transparent -15%, rgba(255, 255, 255, 0.5), transparent 15%);
		background: -moz-linear-gradient(330deg, transparent -15%, rgba(255, 255, 255, 0.5), transparent 15%);
		background: linear-gradient(120deg, transparent -15%, rgba(255, 255, 255, 0.5), transparent 15%);
	}

	10% {
		background: -webkit-linear-gradient(330deg, transparent -5%, rgba(255, 255, 255, 0.5), transparent 25%);
		background: -moz-linear-gradient(330deg, transparent -5%, rgba(255, 255, 255, 0.5), transparent 25%);
		background: linear-gradient(120deg, transparent -5%, rgba(255, 255, 255, 0.5), transparent 25%);
	}

	20% {
		background: -webkit-linear-gradient(330deg, transparent 5%, rgba(255, 255, 255, 0.5), transparent 35%);
		background: -moz-linear-gradient(330deg, transparent 5%, rgba(255, 255, 255, 0.5), transparent 35%);
		background: linear-gradient(120deg, transparent 5%, rgba(255, 255, 255, 0.5), transparent 35%);
	}

	30% {
		background: -webkit-linear-gradient(330deg, transparent 15%, rgba(255, 255, 255, 0.5), transparent 45%);
		background: -moz-linear-gradient(330deg, transparent 15%, rgba(255, 255, 255, 0.5), transparent 45%);
		background: linear-gradient(120deg, transparent 15%, rgba(255, 255, 255, 0.5), transparent 45%);
	}

	40% {
		background: -webkit-linear-gradient(330deg, transparent 25%, rgba(255, 255, 255, 0.5), transparent 55%);
		background: -moz-linear-gradient(330deg, transparent 25%, rgba(255, 255, 255, 0.5), transparent 55%);
		background: linear-gradient(120deg, transparent 25%, rgba(255, 255, 255, 0.5), transparent 55%);
	}

	50% {
		background: -webkit-linear-gradient(330deg, transparent 35%, rgba(255, 255, 255, 0.5), transparent 65%);
		background: -moz-linear-gradient(330deg, transparent 35%, rgba(255, 255, 255, 0.5), transparent 65%);
		background: linear-gradient(120deg, transparent 35%, rgba(255, 255, 255, 0.5), transparent 65%);
	}

	60% {
		background: -webkit-linear-gradient(330deg, transparent 45%, rgba(255, 255, 255, 0.5), transparent 75%);
		background: -moz-linear-gradient(330deg, transparent 45%, rgba(255, 255, 255, 0.5), transparent 75%);
		background: linear-gradient(120deg, transparent 45%, rgba(255, 255, 255, 0.5), transparent 75%);
	}

	70% {
		background: -webkit-linear-gradient(330deg, transparent 55%, rgba(255, 255, 255, 0.5), transparent 85%);
		background: -moz-linear-gradient(330deg, transparent 55%, rgba(255, 255, 255, 0.5), transparent 85%);
		background: linear-gradient(120deg, transparent 55%, rgba(255, 255, 255, 0.5), transparent 85%);
	}

	80% {
		background: -webkit-linear-gradient(330deg, transparent 65%, rgba(255, 255, 255, 0.5), transparent 95%);
		background: -moz-linear-gradient(330deg, transparent 65%, rgba(255, 255, 255, 0.5), transparent 95%);
		background: linear-gradient(120deg, transparent 65%, rgba(255, 255, 255, 0.5), transparent 95%);
	}

	90% {
		background: -webkit-linear-gradient(330deg, transparent 75%, rgba(255, 255, 255, 0.5), transparent 105%);
		background: -moz-linear-gradient(330deg, transparent 75%, rgba(255, 255, 255, 0.5), transparent 105%);
		background: linear-gradient(120deg, transparent 75%, rgba(255, 255, 255, 0.5), transparent 105%);
	}

	100% {
		background: -webkit-linear-gradient(330deg, transparent 85%, rgba(255, 255, 255, 0.5), transparent 115%);
		background: -moz-linear-gradient(330deg, transparent 85%, rgba(255, 255, 255, 0.5), transparent 115%);
		background: linear-gradient(120deg, transparent 85%, rgba(255, 255, 255, 0.5), transparent 115%);
	}
}


/* logo 闪光 */


/* .header .logo:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.header .logo:hover:before { animation: _cyLogoShow .8s 1; } */

@-webkit-keyframes logoShow {

	from,
	to {
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
	}

	25% {
		-webkit-transform: scale(0.9, 1.1);
		transform: scale(0.9, 1.1);
	}

	50% {
		-webkit-transform: scale(1.1, 0.9);
		transform: scale(1.1, 0.9);
	}

	75% {
		-webkit-transform: scale(0.95, 1.05);
		transform: scale(0.95, 1.05);
	}
}

@-moz-keyframes logoShow {

	from,
	to {
		-webkit-transform: scale(1, 1);
		-moz-transform: scale(1, 1);
		transform: scale(1, 1);
	}

	25% {
		-webkit-transform: scale(0.9, 1.1);
		-moz-transform: scale(0.9, 1.1);
		transform: scale(0.9, 1.1);
	}

	50% {
		-webkit-transform: scale(1.1, 0.9);
		-moz-transform: scale(1.1, 0.9);
		transform: scale(1.1, 0.9);
	}

	75% {
		-webkit-transform: scale(0.95, 1.05);
		-moz-transform: scale(0.95, 1.05);
		transform: scale(0.95, 1.05);
	}
}

@keyframes logoShow {

	from,
	to {
		-webkit-transform: scale(1, 1);
		-moz-transform: scale(1, 1);
		transform: scale(1, 1);
	}

	25% {
		-webkit-transform: scale(0.9, 1.1);
		-moz-transform: scale(0.9, 1.1);
		transform: scale(0.9, 1.1);
	}

	50% {
		-webkit-transform: scale(1.1, 0.9);
		-moz-transform: scale(1.1, 0.9);
		transform: scale(1.1, 0.9);
	}

	75% {
		-webkit-transform: scale(0.95, 1.05);
		-moz-transform: scale(0.95, 1.05);
		transform: scale(0.95, 1.05);
	}
}


/* 抖一抖的效果 animation: logoShow .5s 1; */

@-webkit-keyframes scaleUpDown {
	from {
		-webkit-transform: scale(1.08);
		transform: scale(1.08);
	}

	to {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

@-moz-keyframes scaleUpDown {
	from {
		-webkit-transform: scale(1.08);
		-moz-transform: scale(1.08);
		transform: scale(1.08);
	}

	to {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		transform: scale(1);
	}
}

@keyframes scaleUpDown {
	from {
		-webkit-transform: scale(1.08);
		-moz-transform: scale(1.08);
		transform: scale(1.08);
	}

	to {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		transform: scale(1);
	}
}


/* img缩小效果（banner） */

@-webkit-keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 60px, 0);
		transform: translate3d(0, 60px, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@-moz-keyframes fadeInUp {
	from {
		opacity: 0;
		-moz-transform: translate3d(0, 60px, 0);
		transform: translate3d(0, 60px, 0);
	}

	to {
		opacity: 1;
		-moz-transform: none;
		transform: none;
	}
}

@keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 60px, 0);
		-moz-transform: translate3d(0, 60px, 0);
		transform: translate3d(0, 60px, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		-moz-transform: none;
		transform: none;
	}
}


/* 下出现效果 */

@-webkit-keyframes lightSpeedIn {
	from {
		-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
		transform: translate3d(100%, 0, 0) skewX(-30deg);
		opacity: 0;
	}

	60% {
		-webkit-transform: skewX(20deg);
		transform: skewX(20deg);
		opacity: 1;
	}

	80% {
		-webkit-transform: skewX(-5deg);
		transform: skewX(-5deg);
		opacity: 1;
	}

	to {
		-webkit-transform: none;
		transform: none;
		opacity: 1;
	}
}

@-moz-keyframes lightSpeedIn {
	from {
		-moz-transform: translate3d(100%, 0, 0) skewX(-30deg);
		transform: translate3d(100%, 0, 0) skewX(-30deg);
		opacity: 0;
	}

	60% {
		-moz-transform: skewX(20deg);
		transform: skewX(20deg);
		opacity: 1;
	}

	80% {
		-moz-transform: skewX(-5deg);
		transform: skewX(-5deg);
		opacity: 1;
	}

	to {
		-moz-transform: none;
		transform: none;
		opacity: 1;
	}
}

@keyframes lightSpeedIn {
	from {
		-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
		-moz-transform: translate3d(100%, 0, 0) skewX(-30deg);
		transform: translate3d(100%, 0, 0) skewX(-30deg);
		opacity: 0;
	}

	60% {
		-webkit-transform: skewX(20deg);
		-moz-transform: skewX(20deg);
		transform: skewX(20deg);
		opacity: 1;
	}

	80% {
		-webkit-transform: skewX(-5deg);
		-moz-transform: skewX(-5deg);
		transform: skewX(-5deg);
		opacity: 1;
	}

	to {
		-webkit-transform: none;
		-moz-transform: none;
		transform: none;
		opacity: 1;
	}
}

@-webkit-keyframes fadeInDown {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -60px, 0);
		transform: translate3d(0, -60px, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@-moz-keyframes fadeInDown {
	from {
		opacity: 0;
		-moz-transform: translate3d(0, -60px, 0);
		transform: translate3d(0, -60px, 0);
	}

	to {
		opacity: 1;
		-moz-transform: none;
		transform: none;
	}
}

@keyframes fadeInDown {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -60px, 0);
		-moz-transform: translate3d(0, -60px, 0);
		transform: translate3d(0, -60px, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		-moz-transform: none;
		transform: none;
	}
}


/* 上出现效果 */

@-webkit-keyframes fadeInRight {
	from {
		opacity: 0;
		-webkit-transform: translate3d(60px, 0, 0);
		transform: translate3d(60px, 0, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@-moz-keyframes fadeInRight {
	from {
		opacity: 0;
		-moz-transform: translate3d(60px, 0, 0);
		transform: translate3d(60px, 0, 0);
	}

	to {
		opacity: 1;
		-moz-transform: none;
		transform: none;
	}
}

@keyframes fadeInRight {
	from {
		opacity: 0;
		-webkit-transform: translate3d(60px, 0, 0);
		-moz-transform: translate3d(60px, 0, 0);
		transform: translate3d(60px, 0, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		-moz-transform: none;
		transform: none;
	}
}


/* 右出现效果 */

@-webkit-keyframes fadeInLeft {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-60px, 0, 0);
		transform: translate3d(-60px, 0, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@-moz-keyframes fadeInLeft {
	from {
		opacity: 0;
		-moz-transform: translate3d(-60px, 0, 0);
		transform: translate3d(-60px, 0, 0);
	}

	to {
		opacity: 1;
		-moz-transform: none;
		transform: none;
	}
}

@keyframes fadeInLeft {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-60px, 0, 0);
		-moz-transform: translate3d(-60px, 0, 0);
		transform: translate3d(-60px, 0, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		-moz-transform: none;
		transform: none;
	}
}


/* 左出现效果 */

@-webkit-keyframes reveal-v {
	0% {
		-webkit-transform: scaleY(0);
		transform: scaleY(0);
	}

	50% {
		-webkit-transform: scaleY(1);
		transform: scaleY(1);
		-webkit-transform-origin: 0% 0% 0px;
		transform-origin: 0% 0% 0px;
	}

	51% {
		-webkit-transform-origin: 50% 100% 0px;
		transform-origin: 50% 100% 0px;
	}

	100% {
		-webkit-transform: scaleY(0);
		transform: scaleY(0);
		-webkit-transform-origin: 50% 100% 0px;
		transform-origin: 50% 100% 0px;
	}
}

@-moz-keyframes reveal-v {
	0% {
		-moz-transform: scaleY(0);
		transform: scaleY(0);
	}

	50% {
		-moz-transform: scaleY(1);
		transform: scaleY(1);
		-moz-transform-origin: 0% 0% 0px;
		transform-origin: 0% 0% 0px;
	}

	51% {
		-moz-transform-origin: 50% 100% 0px;
		transform-origin: 50% 100% 0px;
	}

	100% {
		-moz-transform: scaleY(0);
		transform: scaleY(0);
		-moz-transform-origin: 50% 100% 0px;
		transform-origin: 50% 100% 0px;
	}
}

@keyframes reveal-v {
	0% {
		-webkit-transform: scaleY(0);
		-moz-transform: scaleY(0);
		transform: scaleY(0);
	}

	50% {
		-webkit-transform: scaleY(1);
		-moz-transform: scaleY(1);
		transform: scaleY(1);
		-webkit-transform-origin: 0% 0% 0px;
		-moz-transform-origin: 0% 0% 0px;
		transform-origin: 0% 0% 0px;
	}

	51% {
		-webkit-transform-origin: 50% 100% 0px;
		-moz-transform-origin: 50% 100% 0px;
		transform-origin: 50% 100% 0px;
	}

	100% {
		-webkit-transform: scaleY(0);
		-moz-transform: scaleY(0);
		transform: scaleY(0);
		-webkit-transform-origin: 50% 100% 0px;
		-moz-transform-origin: 50% 100% 0px;
		transform-origin: 50% 100% 0px;
	}
}


/* 垂直出现遮盖层 */

@-webkit-keyframes reveal-l {
	0% {
		-webkit-transform: scaleX(0);
		transform: scaleX(0);
	}

	50% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
		-webkit-transform-origin: 0% 0% 0px;
		transform-origin: 0% 0% 0px;
	}

	51% {
		-webkit-transform-origin: 100% 50% 0px;
		transform-origin: 100% 50% 0px;
	}

	100% {
		-webkit-transform: scaleX(0);
		transform: scaleX(0);
		-webkit-transform-origin: 100% 50% 0px;
		transform-origin: 100% 50% 0px;
	}
}

@-moz-keyframes reveal-l {
	0% {
		-moz-transform: scaleX(0);
		transform: scaleX(0);
	}

	50% {
		-moz-transform: scaleX(1);
		transform: scaleX(1);
		-moz-transform-origin: 0% 0% 0px;
		transform-origin: 0% 0% 0px;
	}

	51% {
		-moz-transform-origin: 100% 50% 0px;
		transform-origin: 100% 50% 0px;
	}

	100% {
		-moz-transform: scaleX(0);
		transform: scaleX(0);
		-moz-transform-origin: 100% 50% 0px;
		transform-origin: 100% 50% 0px;
	}
}

@keyframes reveal-l {
	0% {
		-webkit-transform: scaleX(0);
		-moz-transform: scaleX(0);
		transform: scaleX(0);
	}

	50% {
		-webkit-transform: scaleX(1);
		-moz-transform: scaleX(1);
		transform: scaleX(1);
		-webkit-transform-origin: 0% 0% 0px;
		-moz-transform-origin: 0% 0% 0px;
		transform-origin: 0% 0% 0px;
	}

	51% {
		-webkit-transform-origin: 100% 50% 0px;
		-moz-transform-origin: 100% 50% 0px;
		transform-origin: 100% 50% 0px;
	}

	100% {
		-webkit-transform: scaleX(0);
		-moz-transform: scaleX(0);
		transform: scaleX(0);
		-webkit-transform-origin: 100% 50% 0px;
		-moz-transform-origin: 100% 50% 0px;
		transform-origin: 100% 50% 0px;
	}
}


/* 水平出现遮盖层 */

@-webkit-keyframes hide-lr {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translateX(30px);
		transform: translateX(30px);
	}
}

@-moz-keyframes hide-lr {
	0% {
		opacity: 1;
		-moz-transform: translateX(0);
		transform: translateX(0);
	}

	100% {
		opacity: 0;
		-moz-transform: translateX(30px);
		transform: translateX(30px);
	}
}

@keyframes hide-lr {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		transform: translateX(0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translateX(30px);
		-moz-transform: translateX(30px);
		transform: translateX(30px);
	}
}


/* 向右消失 */

@-webkit-keyframes hide-dt {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(30px);
		transform: translateY(30px);
	}
}

@-moz-keyframes hide-dt {
	0% {
		opacity: 1;
		-moz-transform: translateY(0);
		transform: translateY(0);
	}

	100% {
		opacity: 0;
		-moz-transform: translateY(30px);
		transform: translateY(30px);
	}
}

@keyframes hide-dt {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		transform: translateY(0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(30px);
		-moz-transform: translateY(30px);
		transform: translateY(30px);
	}
}


/* 向下消失 */

@-webkit-keyframes hide-dt-f {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px);
	}
}

@-moz-keyframes hide-dt-f {
	0% {
		opacity: 1;
		-moz-transform: translateY(0);
		transform: translateY(0);
	}

	100% {
		opacity: 0;
		-moz-transform: translateY(-30px);
		transform: translateY(-30px);
	}
}

@keyframes hide-dt-f {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		transform: translateY(0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(-30px);
		-moz-transform: translateY(-30px);
		transform: translateY(-30px);
	}
}


/* 向上消失 */

@-webkit-keyframes increaseHeight {
	from {
		width: 100%;
	}

	to {
		width: 0;
	}
}

@-moz-keyframes increaseHeight {
	from {
		width: 100%;
	}

	to {
		width: 0;
	}
}

@keyframes increaseHeight {
	from {
		width: 100%;
	}

	to {
		width: 0;
	}
}


/* banner切换效果 animation: increaseHeight 1.5s forwards; 需要JS设置pic2图片高度 */

@-webkit-keyframes tbfade {
	0% {
		-webkit-transform: translateY(-10%);
		transform: translateY(-10%);
		opacity: 1;
	}

	100% {
		-webkit-transform: translateY(10%);
		transform: translateY(10%);
		opacity: 0;
	}
}

@-moz-keyframes tbfade {
	0% {
		-moz-transform: translateY(-10%);
		transform: translateY(-10%);
		opacity: 1;
	}

	100% {
		-moz-transform: translateY(10%);
		transform: translateY(10%);
		opacity: 0;
	}
}

@keyframes tbfade {
	0% {
		-webkit-transform: translateY(-10%);
		-moz-transform: translateY(-10%);
		transform: translateY(-10%);
		opacity: 1;
	}

	100% {
		-webkit-transform: translateY(10%);
		-moz-transform: translateY(10%);
		transform: translateY(10%);
		opacity: 0;
	}
}


/* animation: tbfade 1.8s 0.2s infinite linear; */


/* animation end */

.stransY {
	-webkit-transform: translateY(60px);
	-moz-transform: translateY(60px);
	-ms-transform: translateY(60px);
	transform: translateY(60px);
	opacity: 0;
	visibility: hidden;
}

.stransYF {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
	opacity: 0;
	visibility: hidden;
}

.stransX {
	-webkit-transform: translateX(60px);
	-moz-transform: translateX(60px);
	-ms-transform: translateX(60px);
	transform: translateX(60px);
	opacity: 0;
	visibility: hidden;
}

.stransXF {
	-webkit-transform: translateX(-60px);
	-moz-transform: translateX(-60px);
	-ms-transform: translateX(-60px);
	transform: translateX(-60px);
	opacity: 0;
	visibility: hidden;
}

.active .stransY,
.active .stransYF,
.active .stransX,
.active .stransXF {
	-webkit-transform: translate(0);
	-moz-transform: translate(0);
	-ms-transform: translate(0);
	transform: translate(0);
	opacity: 1;
	visibility: visible;
}

.trans {
	-webkit-transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.2s, visibility 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.2s, -webkit-transform 0.8s;
	transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.2s, visibility 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.2s, -webkit-transform 0.8s;
	-moz-transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.2s, visibility 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.2s, transform 0.8s, -moz-transform 0.8s;
	transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.2s, visibility 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.2s, transform 0.8s;
	transition: opacity 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.2s, visibility 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.2s, transform 0.8s, -webkit-transform 0.8s, -moz-transform 0.8s;
}

.dly-1 {
	-webkit-transition-delay: 100ms;
	-moz-transition-delay: 100ms;
	transition-delay: 100ms;
}

.dly-2 {
	-webkit-transition-delay: 200ms;
	-moz-transition-delay: 200ms;
	transition-delay: 200ms;
}

.dly-3 {
	-webkit-transition-delay: 300ms;
	-moz-transition-delay: 300ms;
	transition-delay: 300ms;
}

.dly-4 {
	-webkit-transition-delay: 400ms;
	-moz-transition-delay: 400ms;
	transition-delay: 400ms;
}

.dly-5 {
	-webkit-transition-delay: 500ms;
	-moz-transition-delay: 500ms;
	transition-delay: 500ms;
}

.dly-6 {
	-webkit-transition-delay: 600ms;
	-moz-transition-delay: 600ms;
	transition-delay: 600ms;
}

.dly-7 {
	-webkit-transition-delay: 700ms;
	-moz-transition-delay: 700ms;
	transition-delay: 700ms;
}

.dly-8 {
	-webkit-transition-delay: 800ms;
	-moz-transition-delay: 800ms;
	transition-delay: 800ms;
}

.dly-9 {
	-webkit-transition-delay: 900ms;
	-moz-transition-delay: 900ms;
	transition-delay: 900ms;
}

.dly-10 {
	-webkit-transition-delay: 1000ms;
	-moz-transition-delay: 1000ms;
	transition-delay: 1000ms;
}

.gray img {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}

.gray:hover img {
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
}

.scapic:hover .pai img,
.scapic:hover .pic img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

.transY {
	-webkit-transform: translateY(60px);
	-moz-transform: translateY(60px);
	-ms-transform: translateY(60px);
	transform: translateY(60px);
	opacity: 0;
	visibility: hidden;
}

.transYF {
	-webkit-transform: translateY(-60px);
	-moz-transform: translateY(-60px);
	-ms-transform: translateY(-60px);
	transform: translateY(-60px);
	opacity: 0;
	visibility: hidden;
}

.transX {
	-webkit-transform: translateX(60px);
	-moz-transform: translateX(60px);
	-ms-transform: translateX(60px);
	transform: translateX(60px);
	opacity: 0;
	visibility: hidden;
}

.transXF {
	-webkit-transform: translateX(-60px);
	-moz-transform: translateX(-60px);
	-ms-transform: translateX(-60px);
	transform: translateX(-60px);
	opacity: 0;
	visibility: hidden;
}

.active2 .transY,
.active .transY,
.active .transYF,
.active .transX,
.active .transXF {
	-webkit-transform: translate(0);
	-moz-transform: translate(0);
	-ms-transform: translate(0);
	transform: translate(0);
	opacity: 1;
	visibility: visible;
}

.am-lsi,
.am-fiu,
.am-fid,
.am-fir,
.am-fil {
	opacity: 0;
}

.active .am-lsi {
	-webkit-animation: lightSpeedIn 800ms both;
	-moz-animation: lightSpeedIn 800ms both;
	animation: lightSpeedIn 800ms both;
}

.active .am-fiu {
	-webkit-animation: fadeInUp 800ms both;
	-moz-animation: fadeInUp 800ms both;
	animation: fadeInUp 800ms both;
}

.active .am-fid {
	-webkit-animation: fadeInDown 800ms both;
	-moz-animation: fadeInDown 800ms both;
	animation: fadeInDown 800ms both;
}

.active .am-fir {
	-webkit-animation: fadeInRight 800ms both;
	-moz-animation: fadeInRight 800ms both;
	animation: fadeInRight 800ms both;
}

.active .am-fil {
	-webkit-animation: fadeInLeft 800ms both;
	-moz-animation: fadeInLeft 800ms both;
	animation: fadeInLeft 800ms both;
}

.active .am-rvv {
	position: relative;
	/* display: inline-block; vertical-align: bottom; */
	/* 文字加上 */
}

.active .am-rvv:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #000;
	-webkit-transform: scaleY(0);
	-moz-transform: scaleY(0);
	-ms-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: 0% 0% 0px;
	-moz-transform-origin: 0% 0% 0px;
	-ms-transform-origin: 0% 0% 0px;
	transform-origin: 0% 0% 0px;
	-webkit-animation: reveal-v 2s 200ms cubic-bezier(0, 0, 0.2, 1) both;
	-moz-animation: reveal-v 2s 200ms cubic-bezier(0, 0, 0.2, 1) both;
	animation: reveal-v 2s 200ms cubic-bezier(0, 0, 0.2, 1) both;
}

.active .am-rvl {
	position: relative;
	/* display: inline-block; vertical-align: bottom; */
	/* 文字加上 */
}

.active .am-rvl:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #000;
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0% 0% 0px;
	-moz-transform-origin: 0% 0% 0px;
	-ms-transform-origin: 0% 0% 0px;
	transform-origin: 0% 0% 0px;
	-webkit-animation: reveal-l 2s 200ms cubic-bezier(0, 0, 0.2, 1) both;
	-moz-animation: reveal-l 2s 200ms cubic-bezier(0, 0, 0.2, 1) both;
	animation: reveal-l 2s 200ms cubic-bezier(0, 0, 0.2, 1) both;
}

.active .am-delay-1 {
	-webkit-animation-delay: 100ms;
	-moz-animation-delay: 100ms;
	animation-delay: 100ms;
}

.active .am-delay-2 {
	-webkit-animation-delay: 200ms;
	-moz-animation-delay: 200ms;
	animation-delay: 200ms;
}

.active .am-delay-3 {
	-webkit-animation-delay: 300ms;
	-moz-animation-delay: 300ms;
	animation-delay: 300ms;
}

.active .am-delay-4 {
	-webkit-animation-delay: 400ms;
	-moz-animation-delay: 400ms;
	animation-delay: 400ms;
}

.active .am-delay-5 {
	-webkit-animation-delay: 500ms;
	-moz-animation-delay: 500ms;
	animation-delay: 500ms;
}

.active .am-delay-6 {
	-webkit-animation-delay: 600ms;
	-moz-animation-delay: 600ms;
	animation-delay: 600ms;
}

.active .am-delay-7 {
	-webkit-animation-delay: 700ms;
	-moz-animation-delay: 700ms;
	animation-delay: 700ms;
}

.active .am-delay-8 {
	-webkit-animation-delay: 800ms;
	-moz-animation-delay: 800ms;
	animation-delay: 800ms;
}

.active .am-delay-9 {
	-webkit-animation-delay: 900ms;
	-moz-animation-delay: 900ms;
	animation-delay: 900ms;
}

.active .am-delay-10 {
	-webkit-animation-delay: 1000ms;
	-moz-animation-delay: 1000ms;
	animation-delay: 1000ms;
}

.active .am-delay-11 {
	-webkit-animation-delay: 1100ms;
	-moz-animation-delay: 1100ms;
	animation-delay: 1100ms;
}

.active .am-delay-12 {
	-webkit-animation-delay: 1200ms;
	-moz-animation-delay: 1200ms;
	animation-delay: 1200ms;
}


/* 1153 */


/* btn效果 */

.bubbly-button:before,
.bubbly-button:after {
	position: absolute;
	content: '';
	display: block;
	width: 140%;
	height: 100%;
	left: -20%;
	-webkit-transition: all ease-in-out 0.5s;
	-moz-transition: all ease-in-out 0.5s;
	transition: all ease-in-out 0.5s;
	background-repeat: no-repeat;
}

.bubbly-button:before {
	display: none;
	top: -75%;
	background-image: -webkit-radial-gradient(circle, #0079c3 20%, transparent 20%), -webkit-radial-gradient(circle, transparent 20%, #0079c3 20%, transparent 30%), -webkit-radial-gradient(circle, #0079c3 20%, transparent 20%), -webkit-radial-gradient(circle, #0079c3 20%, transparent 20%), -webkit-radial-gradient(circle, transparent 10%, #0079c3 15%, transparent 20%), -webkit-radial-gradient(circle, #0079c3 20%, transparent 20%), -webkit-radial-gradient(circle, #0079c3 20%, transparent 20%), -webkit-radial-gradient(circle, #0079c3 20%, transparent 20%), -webkit-radial-gradient(circle, #0079c3 20%, transparent 20%);
	background-image: -moz-radial-gradient(circle, #0079c3 20%, transparent 20%), -moz-radial-gradient(circle, transparent 20%, #0079c3 20%, transparent 30%), -moz-radial-gradient(circle, #0079c3 20%, transparent 20%), -moz-radial-gradient(circle, #0079c3 20%, transparent 20%), -moz-radial-gradient(circle, transparent 10%, #0079c3 15%, transparent 20%), -moz-radial-gradient(circle, #0079c3 20%, transparent 20%), -moz-radial-gradient(circle, #0079c3 20%, transparent 20%), -moz-radial-gradient(circle, #0079c3 20%, transparent 20%), -moz-radial-gradient(circle, #0079c3 20%, transparent 20%);
	background-image: radial-gradient(circle, #0079c3 20%, transparent 20%), radial-gradient(circle, transparent 20%, #0079c3 20%, transparent 30%), radial-gradient(circle, #0079c3 20%, transparent 20%), radial-gradient(circle, #0079c3 20%, transparent 20%), radial-gradient(circle, transparent 10%, #0079c3 15%, transparent 20%), radial-gradient(circle, #0079c3 20%, transparent 20%), radial-gradient(circle, #0079c3 20%, transparent 20%), radial-gradient(circle, #0079c3 20%, transparent 20%), radial-gradient(circle, #0079c3 20%, transparent 20%);
	-moz-background-size: 10% 10%, 20% 20%, 15% 15%, 20% 20%, 18% 18%, 10% 10%, 15% 15%, 10% 10%, 18% 18%;
	background-size: 10% 10%, 20% 20%, 15% 15%, 20% 20%, 18% 18%, 10% 10%, 15% 15%, 10% 10%, 18% 18%;
}

.bubbly-button:after {
	display: none;
	bottom: -75%;
	background-image: -webkit-radial-gradient(circle, #0079c3 20%, transparent 20%), -webkit-radial-gradient(circle, #0079c3 20%, transparent 20%), -webkit-radial-gradient(circle, transparent 10%, #0079c3 15%, transparent 20%), -webkit-radial-gradient(circle, #0079c3 20%, transparent 20%), -webkit-radial-gradient(circle, #0079c3 20%, transparent 20%), -webkit-radial-gradient(circle, #0079c3 20%, transparent 20%), -webkit-radial-gradient(circle, #0079c3 20%, transparent 20%);
	background-image: -moz-radial-gradient(circle, #0079c3 20%, transparent 20%), -moz-radial-gradient(circle, #0079c3 20%, transparent 20%), -moz-radial-gradient(circle, transparent 10%, #0079c3 15%, transparent 20%), -moz-radial-gradient(circle, #0079c3 20%, transparent 20%), -moz-radial-gradient(circle, #0079c3 20%, transparent 20%), -moz-radial-gradient(circle, #0079c3 20%, transparent 20%), -moz-radial-gradient(circle, #0079c3 20%, transparent 20%);
	background-image: radial-gradient(circle, #0079c3 20%, transparent 20%), radial-gradient(circle, #0079c3 20%, transparent 20%), radial-gradient(circle, transparent 10%, #0079c3 15%, transparent 20%), radial-gradient(circle, #0079c3 20%, transparent 20%), radial-gradient(circle, #0079c3 20%, transparent 20%), radial-gradient(circle, #0079c3 20%, transparent 20%), radial-gradient(circle, #0079c3 20%, transparent 20%);
	-moz-background-size: 15% 15%, 20% 20%, 18% 18%, 20% 20%, 15% 15%, 10% 10%, 20% 20%;
	background-size: 15% 15%, 20% 20%, 18% 18%, 20% 20%, 15% 15%, 10% 10%, 20% 20%;
}

@-webkit-keyframes topBubbles {
	0% {
		background-position: 5% 90%, 10% 90%, 10% 90%, 15% 90%, 25% 90%, 25% 90%, 40% 90%, 55% 90%, 70% 90%;
	}

	50% {
		background-position: 0% 80%, 0% 20%, 10% 40%, 20% 0%, 30% 30%, 22% 50%, 50% 50%, 65% 20%, 90% 30%;
	}

	100% {
		background-position: 0% 70%, 0% 10%, 10% 30%, 20% -10%, 30% 20%, 22% 40%, 50% 40%, 65% 10%, 90% 20%;
		background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
	}
}

@-moz-keyframes topBubbles {
	0% {
		background-position: 5% 90%, 10% 90%, 10% 90%, 15% 90%, 25% 90%, 25% 90%, 40% 90%, 55% 90%, 70% 90%;
	}

	50% {
		background-position: 0% 80%, 0% 20%, 10% 40%, 20% 0%, 30% 30%, 22% 50%, 50% 50%, 65% 20%, 90% 30%;
	}

	100% {
		background-position: 0% 70%, 0% 10%, 10% 30%, 20% -10%, 30% 20%, 22% 40%, 50% 40%, 65% 10%, 90% 20%;
		-moz-background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
		background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
	}
}

@keyframes topBubbles {
	0% {
		background-position: 5% 90%, 10% 90%, 10% 90%, 15% 90%, 25% 90%, 25% 90%, 40% 90%, 55% 90%, 70% 90%;
	}

	50% {
		background-position: 0% 80%, 0% 20%, 10% 40%, 20% 0%, 30% 30%, 22% 50%, 50% 50%, 65% 20%, 90% 30%;
	}

	100% {
		background-position: 0% 70%, 0% 10%, 10% 30%, 20% -10%, 30% 20%, 22% 40%, 50% 40%, 65% 10%, 90% 20%;
		-moz-background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
		background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
	}
}

@-webkit-keyframes bottomBubbles {
	0% {
		background-position: 10% -10%, 30% 10%, 55% -10%, 70% -10%, 85% -10%, 70% -10%, 70% 0%;
	}

	50% {
		background-position: 0% 80%, 20% 80%, 45% 60%, 60% 100%, 75% 70%, 95% 60%, 105% 0%;
	}

	100% {
		background-position: 0% 90%, 20% 90%, 45% 70%, 60% 110%, 75% 80%, 95% 70%, 110% 10%;
		background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
	}
}

@-moz-keyframes bottomBubbles {
	0% {
		background-position: 10% -10%, 30% 10%, 55% -10%, 70% -10%, 85% -10%, 70% -10%, 70% 0%;
	}

	50% {
		background-position: 0% 80%, 20% 80%, 45% 60%, 60% 100%, 75% 70%, 95% 60%, 105% 0%;
	}

	100% {
		background-position: 0% 90%, 20% 90%, 45% 70%, 60% 110%, 75% 80%, 95% 70%, 110% 10%;
		-moz-background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
		background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
	}
}

@keyframes bottomBubbles {
	0% {
		background-position: 10% -10%, 30% 10%, 55% -10%, 70% -10%, 85% -10%, 70% -10%, 70% 0%;
	}

	50% {
		background-position: 0% 80%, 20% 80%, 45% 60%, 60% 100%, 75% 70%, 95% 60%, 105% 0%;
	}

	100% {
		background-position: 0% 90%, 20% 90%, 45% 70%, 60% 110%, 75% 80%, 95% 70%, 110% 10%;
		-moz-background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
		background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
	}
}

@media screen and (min-width: 1025px) {
	.bubbly-button:hover:before {
		display: block;
		-webkit-animation: topBubbles ease-in-out 0.75s forwards;
		-moz-animation: topBubbles ease-in-out 0.75s forwards;
		animation: topBubbles ease-in-out 0.75s forwards;
	}

	.bubbly-button:hover:after {
		display: block;
		-webkit-animation: bottomBubbles ease-in-out 0.75s forwards;
		-moz-animation: bottomBubbles ease-in-out 0.75s forwards;
		animation: bottomBubbles ease-in-out 0.75s forwards;
	}
}


/* link */

.friendship-link {
	position: relative;
	z-index: 99;
	width: 370px;
}

.friendship-link .s {
	position: relative;
	background: #4d4d4d;
	height: 54px;
	padding: 0 60px 0 30px;
	line-height: 54px;
	overflow: hidden;
	cursor: pointer;
}

.friendship-link .sj-t {
	display: block;
	position: absolute;
	right: 35px;
	top: 50%;
	margin-top: -3px;
	border-right-width: 6px;
	border-left-width: 6px;
	border-bottom-width: 6px;
	color: #fff;
}

.friendship-link .k {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 100%;
	background: #4d4d4d;
	overflow: hidden;
	display: none;
}

.friendship-link .g {
	max-height: 300px;
	overflow: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}

.friendship-link .nowti {
	display: block;
	margin: 0 30px;
	line-height: 30px;
}

.friendship-link.act .sj-t {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}


/* link end */

@-webkit-keyframes zoomIn {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(0.3, 0.3, 0.3);
		transform: scale3d(0.3, 0.3, 0.3);
	}

	50% {
		opacity: 1;
	}
}

@-moz-keyframes zoomIn {
	0% {
		opacity: 0;
		-moz-transform: scale3d(0.3, 0.3, 0.3);
		transform: scale3d(0.3, 0.3, 0.3);
	}

	50% {
		opacity: 1;
	}
}

@keyframes zoomIn {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(0.3, 0.3, 0.3);
		-moz-transform: scale3d(0.3, 0.3, 0.3);
		transform: scale3d(0.3, 0.3, 0.3);
	}

	50% {
		opacity: 1;
	}
}

.active .zoomIn i {
	-webkit-animation: zoomIn 0.8s both;
	-moz-animation: zoomIn 0.8s both;
	animation: zoomIn 0.8s both;
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@-moz-keyframes fadeIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

.active .fadeIn i {
	-webkit-animation: fadeIn 1s both;
	-moz-animation: fadeIn 1s both;
	animation: fadeIn 1s both;
}


/* Look at the big picture */

.pswp {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	overflow: hidden;
	-ms-touch-action: none;
	touch-action: none;
	z-index: 1500;
	-webkit-text-size-adjust: 100%;
	-webkit-backface-visibility: hidden;
	outline: none;
}

.pswp * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.pswp img {
	max-width: none;
}

.pswp--animate_opacity {
	opacity: 0.001;
	will-change: opacity;
	-webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
	-moz-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
	transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp--open {
	display: block;
}

.pswp--zoom-allowed .pswp__img {
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in;
}

.pswp--zoomed-in .pswp__img {
	cursor: -webkit-grab;
	cursor: -moz-grab;
	cursor: grab;
}

.pswp--dragging .pswp__img {
	cursor: -webkit-grabbing;
	cursor: -moz-grabbing;
	cursor: grabbing;
}

.pswp__bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	will-change: opacity;
}

.pswp__scroll-wrap {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.pswp__container,
.pswp__zoom-wrap {
	-ms-touch-action: none;
	touch-action: none;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.pswp__container,
.pswp__img {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
}

.pswp__zoom-wrap {
	position: absolute;
	width: 100%;
	-webkit-transform-origin: left top;
	-ms-transform-origin: left top;
	-moz-transform-origin: left top;
	transform-origin: left top;
	-webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
	transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
	-moz-transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1), -moz-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
	transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
	transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1), -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1), -moz-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp__bg {
	will-change: opacity;
	-webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
	-moz-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
	transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;
}

.pswp__container,
.pswp__zoom-wrap {
	-webkit-backface-visibility: hidden;
}

.pswp__item {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	overflow: hidden;
}

.pswp__img {
	position: absolute;
	width: auto;
	height: auto;
	top: 0;
	left: 0;
}

.pswp__img--placeholder {
	-webkit-backface-visibility: hidden;
}

.pswp__img--placeholder--blank {
	background: #222;
}

.pswp--ie .pswp__img {
	width: 100% !important;
	height: auto !important;
	left: 0;
	top: 0;
}

.pswp__error-msg {
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	text-align: center;
	font-size: 14px;
	line-height: 16px;
	margin-top: -8px;
	color: #ccc;
}

.pswp__error-msg a {
	color: #ccc;
	text-decoration: underline;
}

.pswp__button {
	width: 44px;
	height: 44px;
	position: relative;
	background: none;
	cursor: pointer;
	overflow: visible;
	-webkit-appearance: none;
	display: block;
	border: 0;
	padding: 0;
	margin: 0;
	float: right;
	opacity: 0.75;
	-webkit-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	transition: opacity 0.2s;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.pswp__button:focus,
.pswp__button:hover {
	opacity: 1;
}

.pswp__button:active {
	outline: none;
	opacity: 0.9;
}

.pswp__button::-moz-focus-inner {
	padding: 0;
	border: 0;
}

.pswp__ui--over-close .pswp__button--close {
	opacity: 1;
}

.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
	background: url(../images/default-skin.png) 0 0 no-repeat;
	-moz-background-size: 264px 88px;
	background-size: 264px 88px;
	width: 44px;
	height: 44px;
}

@media (-webkit-min-device-pixel-ratio: 1.1),
(-webkit-min-device-pixel-ratio: 1.09375),
(min--moz-device-pixel-ratio: 1.09375),
(min-resolution: 105dpi),
(min--moz-device-pixel-ratio: 1.1),
(min-resolution: 1.1dppx) {

	.pswp--svg .pswp__button,
	.pswp--svg .pswp__button--arrow--left:before,
	.pswp--svg .pswp__button--arrow--right:before {
		background-image: url(../images/default-skin.svg);
	}

	.pswp--svg .pswp__button--arrow--left,
	.pswp--svg .pswp__button--arrow--right {
		background: none;
	}
}

.pswp__button--close {
	background-position: 0 -44px;
}

.pswp__button--share {
	background-position: -44px -44px;
}

.pswp__button--fs {
	display: none;
}

.pswp--supports-fs .pswp__button--fs {
	display: block;
}

.pswp--fs .pswp__button--fs {
	background-position: -44px 0;
}

.pswp__button--zoom {
	display: none;
	background-position: -88px 0;
}

.pswp--zoom-allowed .pswp__button--zoom {
	display: block;
}

.pswp--zoomed-in .pswp__button--zoom {
	background-position: -132px 0;
}

.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
	visibility: hidden;
}

.pswp__button--arrow--left,
.pswp__button--arrow--right {
	background: none;
	top: 50%;
	margin-top: -50px;
	width: 70px;
	height: 100px;
	position: absolute;
}

.pswp__button--arrow--left {
	left: 0;
}

.pswp__button--arrow--right {
	right: 0;
}

.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
	content: '';
	top: 35px;
	background-color: rgba(0, 0, 0, 0.3);
	height: 30px;
	width: 32px;
	position: absolute;
}

.pswp__button--arrow--left:before {
	left: 6px;
	background-position: -138px -44px;
}

.pswp__button--arrow--right:before {
	right: 6px;
	background-position: -94px -44px;
}

.pswp__counter,
.pswp__share-modal {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.pswp__share-modal {
	display: block;
	background: rgba(0, 0, 0, 0.5);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	padding: 10px;
	position: absolute;
	z-index: 1600;
	opacity: 0;
	-webkit-transition: opacity 0.25s ease-out;
	-moz-transition: opacity 0.25s ease-out;
	transition: opacity 0.25s ease-out;
	-webkit-backface-visibility: hidden;
	will-change: opacity;
}

.pswp__share-modal--hidden {
	display: none;
}

.pswp__share-tooltip {
	z-index: 1620;
	position: absolute;
	background: #fff;
	top: 56px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	display: block;
	width: auto;
	right: 44px;
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
	-webkit-transform: translateY(6px);
	-ms-transform: translateY(6px);
	-moz-transform: translateY(6px);
	transform: translateY(6px);
	-webkit-transition: -webkit-transform 0.25s;
	transition: -webkit-transform 0.25s;
	-moz-transition: transform 0.25s, -moz-transform 0.25s;
	transition: transform 0.25s;
	transition: transform 0.25s, -webkit-transform 0.25s, -moz-transform 0.25s;
	-webkit-backface-visibility: hidden;
	will-change: transform;
}

.pswp__share-tooltip a {
	display: block;
	padding: 8px 12px;
	color: #000;
	text-decoration: none;
	font-size: 14px;
	line-height: 18px;
}

.pswp__share-tooltip a:hover {
	text-decoration: none;
	color: #000;
}

.pswp__share-tooltip a:first-child {
	-webkit-border-radius: 2px 2px 0 0;
	-moz-border-radius: 2px 2px 0 0;
	border-radius: 2px 2px 0 0;
}

.pswp__share-tooltip a:last-child {
	-webkit-border-radius: 0 0 2px 2px;
	-moz-border-radius: 0 0 2px 2px;
	border-radius: 0 0 2px 2px;
}

.pswp__share-modal--fade-in {
	opacity: 1;
}

.pswp__share-modal--fade-in .pswp__share-tooltip {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	-moz-transform: translateY(0);
	transform: translateY(0);
}

.pswp--touch .pswp__share-tooltip a {
	padding: 16px 12px;
}

a.pswp__share--facebook:before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	top: -12px;
	right: 15px;
	border: 6px solid transparent;
	border-bottom-color: #fff;
	-webkit-pointer-events: none;
	-moz-pointer-events: none;
	pointer-events: none;
}

a.pswp__share--facebook:hover {
	background: #3e5c9a;
	color: #fff;
}

a.pswp__share--facebook:hover:before {
	border-bottom-color: #3e5c9a;
}

a.pswp__share--twitter:hover {
	background: #55acee;
	color: #fff;
}

a.pswp__share--pinterest:hover {
	background: #ccc;
	color: #ce272d;
}

a.pswp__share--download:hover {
	background: #ddd;
}

.pswp__counter {
	position: absolute;
	left: 0;
	top: 0;
	height: 44px;
	font-size: 13px;
	line-height: 44px;
	color: #fff;
	opacity: 0.75;
	padding: 0 10px;
}

.pswp__caption {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	min-height: 44px;
}

.pswp__caption small {
	font-size: 11px;
	color: #bbb;
}

.pswp__caption__center {
	text-align: left;
	max-width: 420px;
	margin: 0 auto;
	font-size: 13px;
	padding: 10px;
	line-height: 20px;
	color: #ccc;
}

.pswp__caption--empty {
	display: none;
}

.pswp__caption--fake {
	visibility: hidden;
}

.pswp__preloader {
	width: 44px;
	height: 44px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -22px;
	opacity: 0;
	-webkit-transition: opacity 0.25s ease-out;
	-moz-transition: opacity 0.25s ease-out;
	transition: opacity 0.25s ease-out;
	will-change: opacity;
	direction: ltr;
}

.pswp__preloader__icn {
	width: 20px;
	height: 20px;
	margin: 12px;
}

.pswp__preloader--active {
	opacity: 1;
}

.pswp__preloader--active .pswp__preloader__icn {
	background: url(../images/preloader.gif) 0 0 no-repeat;
}

.pswp--css_animation .pswp__preloader--active {
	opacity: 1;
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
	-webkit-animation: clockwise 500ms linear infinite;
	-moz-animation: clockwise 500ms linear infinite;
	animation: clockwise 500ms linear infinite;
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
	-webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
	-moz-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
	animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
}

.pswp--css_animation .pswp__preloader__icn {
	background: none;
	opacity: 0.75;
	width: 14px;
	height: 14px;
	position: absolute;
	left: 15px;
	top: 15px;
	margin: 0;
}

.pswp--css_animation .pswp__preloader__cut {
	position: relative;
	width: 7px;
	height: 14px;
	overflow: hidden;
}

.pswp--css_animation .pswp__preloader__donut {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 14px;
	height: 14px;
	border: 2px solid #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border-left-color: transparent;
	border-bottom-color: transparent;
	position: absolute;
	top: 0;
	left: 0;
	background: none;
	margin: 0;
}

@media screen and (max-width: 1024px) {
	.pswp__preloader {
		position: relative;
		left: auto;
		top: auto;
		margin: 0;
		float: right;
	}
}

@-webkit-keyframes clockwise {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@-moz-keyframes clockwise {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes clockwise {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@-webkit-keyframes donut-rotate {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}

	50% {
		-webkit-transform: rotate(-140deg);
		transform: rotate(-140deg);
	}

	100% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}
}

@-moz-keyframes donut-rotate {
	0% {
		-webkit-transform: rotate(0);
		-moz-transform: rotate(0);
		transform: rotate(0);
	}

	50% {
		-webkit-transform: rotate(-140deg);
		-moz-transform: rotate(-140deg);
		transform: rotate(-140deg);
	}

	100% {
		-webkit-transform: rotate(0);
		-moz-transform: rotate(0);
		transform: rotate(0);
	}
}

@keyframes donut-rotate {
	0% {
		-webkit-transform: rotate(0);
		-moz-transform: rotate(0);
		transform: rotate(0);
	}

	50% {
		-webkit-transform: rotate(-140deg);
		-moz-transform: rotate(-140deg);
		transform: rotate(-140deg);
	}

	100% {
		-webkit-transform: rotate(0);
		-moz-transform: rotate(0);
		transform: rotate(0);
	}
}

.pswp__ui {
	-webkit-font-smoothing: auto;
	visibility: visible;
	opacity: 1;
	z-index: 1550;
}

.pswp__top-bar {
	position: absolute;
	left: 0;
	top: 0;
	height: 44px;
	width: 100%;
}

.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
	-webkit-backface-visibility: hidden;
	will-change: opacity;
	-webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
	-moz-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
	transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
	visibility: visible;
}

.pswp__top-bar,
.pswp__caption {
	background-color: rgba(0, 0, 0, 0.5);
}

.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
	background-color: rgba(0, 0, 0, 0.3);
}

.pswp__ui--idle .pswp__top-bar {
	opacity: 0;
}

.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
	opacity: 0;
}

.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
	opacity: 0.001;
}

.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
	display: none;
}

.pswp__element--disabled {
	display: none !important;
}

.pswp--minimal--dark .pswp__top-bar {
	background: none;
}


/* Look at the big picture end */

.btn {
	display: inline-block;
	vertical-align: bottom;
}

.slick-arrow {
	font-family: "iconfont" !important;
	background: none;
	width: auto;
	line-height: 40px;
	text-align: center;
}

.slick-prev:before {
	content: "\e71b";
}

.slick-next:before {
	content: "\e71a";
}

.pic>img {
	object-fit: cover;
	height: 100%;
}
img{
	border:none;
}
@font-face {
	font-family: "Helvetica";
	src: url("https://huicreat-public.oss-cn-beijing.aliyuncs.com/font/Helvetica.ttf");
}

@font-face {
	font-family: "Helvetica-LightOblique";
	src: url("https://huicreat-public.oss-cn-beijing.aliyuncs.com/font/Helvetica.ttf");
}

.content {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	background: #141414;
}

@media screen and (max-width: 1125px) {
	.content {
		position: static;
	}
}

.row {
	overflow: hidden;
	position: relative;
	z-index: 9;
	/* height: 100vh !important; */

}

.row_2_fl {
	display: flex;
	align-items: center;
	justify-content: center;
}

@media screen and (max-width: 1125px) {
	.row {
		height: auto;
	}
}

.page_line_m {
	display: none;
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	bottom: 0.67rem;
	width: 10.36rem;
}

@media screen and (max-width: 1125px) {
	.page_line_m {
		display: block;
	}
}

#s1 .row7_hui,
#s1 .row7_year {
	display: none;
}

@media screen and (max-width: 1125px) {
	#s1 .page_line {
		display: none;
	}

	#s1 .row7_year,
	#s1 .row7_hui {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
	}

	#s1 .row6_arrow {
		bottom: 0.25rem;
	}
}

.banner {
	height: 100%;
	position: relative;
	overflow: hidden;
}

.banner .pic2 {
	position: absolute;
	top: 0;
	left: 0;
	/* width:100%;
	height:100%; */
}


.banner .pic2 .m {
	display: none;
}

@media screen and (max-width: 1125px) {
	.banner {
		position: static;
	}

	.banner .pic2 {
		height: 100%;
		width: 100%;
		z-index: -1;
	}

	.banner .pic2>img {
		object-fit: cover;
		height: 100%;
		display: none;
	}
	.banner .pic2 .row1VideoCon{
		display: none;
	}

	.banner .pic2 .m {
		display: block;
	}
}

@media screen and (max-width: 768px) {
	.banner {
		position: relative;
		height: 100vh;
	}
}

.row1_logo {
	position: absolute;
	top: 38px;
	left: 48px;
	z-index: 20;
	width: 230px;
}

.row1_logo>img {
	display: block;
	width: 100%;
}

@media screen and (max-width: 1600px) {
	.row1_logo {
		width: 192px;
		left: 40px;
		top: 32px;
	}
}

@media screen and (max-width: 1366px) {
	.row1_logo {
		width: 155px;
		left: 32px;
		top: 26px;
	}
}

@media screen and (max-width: 1125px) {
	.row1_logo {
		left: 50%;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
		top: auto;
		bottom: 1.96rem;
		width: 4.36rem;
	}
}

.row1_en {
	font-size: 12px;
	position: absolute;
	z-index: 20;
	top: 38px;
	right: 0;
	padding-right: 24.21875%;
	font-family: "Helvetica";
	line-height: 1;
	color: rgba(255, 255, 255, 0.4);
}

@media screen and (max-width: 1600px) {
	.row1_en {
		top: 25px;
	}
}

@media screen and (max-width: 1125px) {
	.row1_en {
		text-align: center;
		font-size: 0.23rem;
		line-height: 1.13;
		left: 0;
		right: 0;
		padding: 0 5%;
		top: 0.44rem;
	}
}

.row1_txts {
	color: #fff;
	position: absolute;
	z-index: 15;
	top: 0;
	left: 0;
	padding: 16.92708% 0 0 13.90625%;
	text-align: center;
	line-height: 1;
}

.row1_txts .tx3,
.row1_txts .tx1 {
	font-size: 42px;
}

.row1_txts .tx4 {
	font-size: 63px;
	letter-spacing: 15px;
}

.row1_txts .tx5 {
	font-size: 21px;
	line-height: 1.6;
	margin-top: 62px;
}

.row1_txts .tx2 {
	margin-top: 15px;
}

.row1_txts .tx3 {
	margin-top: 25px;
}

.row1_txts .tx4 {
	margin-top: 22px;
}

@media screen and (max-width: 1600px) {

	.row1_txts .tx3,
	.row1_txts .tx1 {
		font-size: 35px;
	}

	.row1_txts .tx4 {
		font-size: 53px;
		letter-spacing: 13px;
	}

	.row1_txts .tx5 {
		font-size: 18px;
		margin-top: 50px;
	}

	.row1_txts .tx2 {
		margin-top: 12px;
	}

	.row1_txts .tx3 {
		margin-top: 21px;
	}

	.row1_txts .tx4 {
		margin-top: 18px;
	}
}

@media screen and (max-width: 1366px) {

	.row1_txts .tx3,
	.row1_txts .tx1 {
		font-size: 28px;
	}

	.row1_txts .tx4 {
		font-size: 42px;
		letter-spacing: 10px;
	}

	.row1_txts .tx5 {
		font-size: 14px;
		margin-top: 39px;
	}

	.row1_txts .tx2 {
		margin-top: 10px;
	}

	.row1_txts .tx3 {
		margin-top: 15px;
	}

	.row1_txts .tx4 {
		margin-top: 13px;
	}
}

@media screen and (max-width: 1125px) {
	.row1_txts {
		padding: 13.75rem 5% 4rem;
		right: 0;
		top: auto;
		bottom: 0;
		position: static;
	}

	.row1_txts .tx1 {
		font-size: 0.8rem;
	}

	.row1_txts .tx2 {
		margin-top: 0.07rem;
	}

	.row1_txts .page_title {
		font-size: 1.15rem;
		letter-spacing: 0.29rem;
	}

	.row1_txts .page_title .d {
		font-size: 1.35rem;
	}

	.row1_txts .tx3 {
		font-size: 0.8rem;
		margin-top: 0.47rem;
	}

	.row1_txts .tx4 {
		font-size: 1.15rem;
		letter-spacing: 0.31rem;
		margin-top: 0.22rem;
	}

	.row1_txts .tx5 {
		font-size: 0.38rem;
		margin-top: 0.7rem;
	}
}

@media screen and (max-width: 768px) {
	.row1_txts {
		position: absolute;
		padding-top: 0;
	}
}

.page_title {
	display: inline-block;
	vertical-align: bottom;
	font-size: 63px;
	letter-spacing: 15px;
}

.page_title .d {
	color: #f11806;
	font-size: 70px;
}

@media screen and (max-width: 1600px) {
	.page_title {
		font-size: 53px;
		letter-spacing: 13px;
	}

	.page_title .d {
		font-size: 59px;
	}
}

@media screen and (max-width: 1366px) {
	.page_title {
		font-size: 42px;
		letter-spacing: 10px;
	}

	.page_title .d {
		font-size: 47px;
	}
}

@media screen and (max-width: 1125px) {
	.page_title {
		font-size: 1rem;
	}

	.page_title .d {
		font-size: 1.22rem;
	}
}

.row_title {
	line-height: 1;
}

.row_title .page_title {
	letter-spacing: normal;
}

.row2_txts {
	position: absolute;
	left: 5%;
	right: 5%;
	bottom: 40px;
	line-height: 1;
}

.row2_txts .tx1 {
	font-size: 24px;
}

.row2_txts .tx2 {
	font-size: 18px;
	margin-top: 17px;
}

@media screen and (max-width: 1600px) {
	.row2_txts {
		bottom: 30px;
	}

	.row2_txts .tx1 {
		font-size: 20px;
	}

	.row2_txts .tx2 {
		font-size: 15px;
		margin-top: 13px;
	}
}

@media screen and (max-width: 1366px) {
	.row2_txts {
		bottom: 25px;
	}

	.row2_txts .tx1 {
		font-size: 16px;
	}

	.row2_txts .tx2 {
		font-size: 12px;
		margin-top: 8px;
	}
}

@media screen and (max-width: 1125px) {
	.row2_txts {
		position: static;
		line-height: 0.66rem;
		width: 7rem;
		margin: 0 auto;
	}

	.row2_txts .tx1,
	.row2_txts .tx2 {
		font-size: 0.38rem;
	}

	.row2_txts .tx2 {
		margin-top: 0;
	}
}

.page_line {
	position: absolute;
	z-index: 20;
	bottom: 48px;
	left: 5.72917%;
	right: 5.72917%;
	height: 17px;
}

.page_line .text {
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	text-align: center;
	margin-top: -18px;
	line-height: 1;
}

.page_line .text>span {
	display: inline-block;
	vertical-align: bottom;
	font-size: 36px;
	color: #fff;
	background: #141414;
	line-height: 36px;
}

.page_line .text>span+span {
	padding-left: 100px;
}

.page_line .text>span:first-child {
	padding-left: 40px;
}

.page_line .text>span:last-child {
	padding-right: 40px;
}

.page_line .line {
	position: absolute;
	height: 1px;
	top: 8px;
	width: 0;
	left: 50%;
	overflow: hidden;
	-webkit-transition: 800ms 400ms;
	-moz-transition: 800ms 400ms;
	transition: 800ms 400ms;
}

.page_line .line::before {
	content: '';
	height: 100%;
	position: absolute;
	top: 0;
	left: 11px;
	right: 11px;
	background: #a8a8a8;
}

.page_line .a,
.page_line .b {
	width: 17px;
	height: 17px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	position: absolute;
	top: 0;
	border: 1px solid #a8a8a8;
	opacity: 0;
	visibility: hidden;
}

.page_line .c2 .a {
	right: 0;
	-webkit-transform: translateX(10px);
	-moz-transform: translateX(10px);
	-ms-transform: translateX(10px);
	transform: translateX(10px);
	-webkit-transition: 600ms 1000ms;
	-moz-transition: 600ms 1000ms;
	transition: 600ms 1000ms;
}

.page_line .c2 .b {
	right: 11px;
	background: #a8a8a8;
	-webkit-transform: translateX(10px);
	-moz-transform: translateX(10px);
	-ms-transform: translateX(10px);
	transform: translateX(10px);
	-webkit-transition: 600ms 1200ms;
	-moz-transition: 600ms 1200ms;
	transition: 600ms 1200ms;
}

.page_line .c1 .a {
	left: 0;
	-webkit-transform: translateX(-10px);
	-moz-transform: translateX(-10px);
	-ms-transform: translateX(-10px);
	transform: translateX(-10px);
	-webkit-transition: 600ms 1000ms;
	-moz-transition: 600ms 1000ms;
	transition: 600ms 1000ms;
}

.page_line .c1 .b {
	left: 11px;
	background: #a8a8a8;
	-webkit-transform: translateX(-10px);
	-moz-transform: translateX(-10px);
	-ms-transform: translateX(-10px);
	transform: translateX(-10px);
	-webkit-transition: 600ms 1200ms;
	-moz-transition: 600ms 1200ms;
	transition: 600ms 1200ms;
}

@media screen and (max-width: 1600px) {
	.page_line {
		bottom: 40px;
		height: 15px;
	}

	.page_line .a,
	.page_line .b {
		width: 15px;
		height: 15px;
	}

	.page_line .c2 .b {
		right: 10px;
	}

	.page_line .c1 .b {
		left: 10px;
	}

	.page_line .line {
		top: 7px;
	}

	.page_line .line::before {
		left: 10px;
		right: 10px;
	}

	.page_line .text {
		margin-top: -15px;
	}

	.page_line .text>span {
		font-size: 30px;
		line-height: 30px;
	}

	.page_line .text>span+span {
		padding-left: 85px;
	}

	.page_line .text>span:first-child {
		padding-left: 33px;
	}

	.page_line .text>span:last-child {
		padding-right: 33px;
	}
}

@media screen and (max-width: 1366px) {
	.page_line {
		bottom: 32px;
		height: 11px;
	}

	.page_line .text {
		margin-top: -12px;
	}

	.page_line .text>span {
		font-size: 24px;
		line-height: 24px;
	}

	.page_line .text>span+span {
		padding-left: 67px;
	}

	.page_line .text>span:first-child {
		padding-left: 26px;
	}

	.page_line .text>span:last-child {
		padding-right: 26px;
	}

	.page_line .a,
	.page_line .b {
		width: 11px;
		height: 11px;
	}

	.page_line .c2 .b {
		right: 7px;
	}

	.page_line .c1 .b {
		left: 7px;
	}

	.page_line .line {
		top: 5px;
	}

	.page_line .line::before {
		left: 7px;
		right: 7px;
	}
}

@media screen and (max-width: 1125px) {
	.page_line {
		left: 0.72rem;
		right: 0.72rem;
		bottom: 0.69rem;
		height: 0.17rem;
	}

	.page_line .text {
		margin-top: 0;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.page_line .text>span {
		font-size: 0.31rem;
		line-height: 1;
	}

	.page_line .text>span+span {
		padding-left: 0.84rem;
	}

	.page_line .text>span:first-child {
		padding-left: 0.24rem;
	}

	.page_line .text>span:last-child {
		padding-right: 0.24rem;
	}

	.page_line .a,
	.page_line .b {
		width: 0.17rem;
		height: 0.17rem;
	}

	.page_line .line {
		top: 0.08rem;
	}

	.page_line .line::before {
		left: 0.11rem;
		right: 0.11rem;
	}

	.page_line .c2 .b {
		right: 0.11rem;
	}

	.page_line .c1 .b {
		left: 0.11rem;
	}
}

.active .page_line .line {
	width: 100%;
	left: 0;
}

.active .page_line .a,
.active .page_line .b {
	opacity: 1;
	visibility: visible;
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	transform: none;
}

.row2_bg {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -1;
	background: url(https://huicreat-public.oss-cn-beijing.aliyuncs.com/bg2.jpg) center center no-repeat;
	background-size: cover;
	
}
/* .row2_bg  img{
	width: 100%;
	height: 100%;
} */

.row2_bg::before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.2);
}

.row2_video {
	position: absolute;
	top: 0;
	left: 0;
}

.copys {
	position: absolute;
	right: 5.72917%;
	bottom: 30px;
	width: 487px;
	z-index: 10;
}

.copys a {
	display: inline-block;
	color: #fff;
	font-size: 14px;
}

.loads {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 19999;
	display: flex;
	justify-content: center;
	align-items: center;
}

.load-bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.load-bg:before {
	position: absolute;
	left: 0;
	top: 0;
	content: "";
	width: 100%;
	height: 100%;
	z-index: 2;
	background: rgba(24, 24, 24, 0.8);
}

.load-bg-min {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	display: none;
}

.load-en {
	position: absolute;
	right: 23.75%;
	top: 35px;
	line-height: 1.2;
	color: #ffffff;
	font-size: 12px;
	opacity: 0.4;
	font-family: "Helvetica";
	z-index: 3;
}

.load-info {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 3;
	text-align: center;
}

.load-info span {
	display: block;
	width: 136px;
	height: 136px;
	background: url(https://huicreat-public.oss-cn-beijing.aliyuncs.com/f_logo.png) center no-repeat;
	background-size: cover;
}

.load-info p {
	margin: auto;
	margin-top: 50px;
	width: 32px;
	font-size: 1.666vw;
	color: #fff;
	line-height: 1.8;
	text-align: center;
}

.load-info p b {
	display: block;
	margin: 24px auto;
	width: 14px;
	height: 14px;
	background: #fff;
	border-radius: 50%;
	line-height: 2;
	font-weight: normal;
	animation: fadeOuts 2s infinite alternate;
}

.load-line {
	position: absolute;
	left: 112px;
	right: 112px;
	height: 18px;
	bottom: 56px;
	background: url(../images/line.png) center no-repeat;
	background-size: 100% auto;
}

.load-text {
	position: absolute;
	right: 74px;
	bottom: 112px;
	z-index: 10;
	color: #ffffff;
	opacity: 0.5;
	font-size: 24px;
	line-height: 1.8;
	width: 24px;
}

.sw_cont {
	position: relative;
	width: 100%;
}

@media screen and (max-width: 1024px) {
	.load-info p {
		font-size: 20px;
	}

	.load-line {
		display: none;
	}
}

@media screen and (max-width: 640px) {
	.load-bg-min {
		display: block;
		background-size: cover;
		background-position: center bottom;
	}

	.load-bg:before {
		display: none;
	}

	.load-en {
		right: auto;
		left: 50%;
		transform: translateX(-50%);
		top: 22px;
	}

	.load-info span {
		width: 80px;
		height: 80px;
	}

	.load-info p {
		margin-top: 30px;
		font-size: 18px;
	}

	.load-info p b {
		margin: 12px auto;
		width: 10px;
		height: 10px;
	}

	.load-text {
		width: 16px;
		font-size: 16px;
		right: 50%;
		margin-right: -8px;
		bottom: 56px;
	}

	.row2_video {
		display: none;
	}

	.row2_bg {
		background: url(https://huicreat-public.oss-cn-beijing.aliyuncs.com/videobg.png) center center no-repeat;
		background-size: cover;
	}

	.row2_bg::before {
		display: none;
	}
}

@keyframes fadeOuts {
	0% {
		opacity: 1;
		visibility: visible;
	}

	100% {
		opacity: 0;
		visibility: hidden;
	}
}

@media screen and (max-width: 1600px) {
	.copys {
		width: 407px;
	}
}

@media screen and (max-width: 1366px) {
	.copys {
		width: 326px;
	}
}

@media screen and (max-width: 640px) {
	.copys {
		right: 0;
		bottom: 45px;
		box-sizing: border-box;
		padding-left: 5%;
		padding-right: 5%;
		width: 100%;
		text-align: center;
	}

	.loads img {
		width: 60px;
	}
}

@media screen and (max-width: 1125px) {
	.row2_video {
		object-fit: cover;
		height: 100%;
	}
}

.row2_cont {
	color: #fff;
	/* padding-top: 53px; */
	padding-bottom: 3%;
}

@media screen and (max-width: 1600px) {
	.row2_cont {
		/* padding-top: 44px; */
	}
}

@media screen and (max-width: 1366px) {
	.row2_cont {
		/* padding-top: 35px; */
	}
}

@media screen and (max-width: 1125px) {
	.row2_cont {
		padding: 0.83rem 0 1.17rem;
	}

	.row2_cont .row6_arrow {
		bottom: 0.5rem;
	}
}

.w {
	margin: 0 auto;
	max-width: 90%;
	width: 1446px;
}
.w90{
	margin: 0 auto;
	width: 90%;
	max-width: 1736px;
}
@media screen and (max-width: 1600px) {
	.w {
		width: 1205px;
	}
}

@media screen and (max-width: 1366px) {
	.w {
		width: 964px;
	}
}

@media screen and (max-width: 1125px) {
	.w {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		/* width: 90%; */
	}
	.logo-warp{
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		width: auto;
	}
}

@media screen and (max-width: 1125px) {
	.row2_logos_box {
		-webkit-box-ordinal-group: 2;
		-webkit-order: 1;
		-moz-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
		padding-bottom: 1.78rem;
		width: 8.58rem;
		margin: 0 auto;
	}
}

.row2_logos_list {
	margin-left: -24px;
}

.row2_logos_list li {
	width: 16.66%;
	float: left;
	margin-bottom: 15px;
}

.row2_logos_list .pic2 {
	margin-left: 24px;
}

.row2_title {
	margin-bottom: 48px;
}

@media screen and (max-width: 1600px) {
	.row2_title {
		margin-bottom: 37px;
	}
}

@media screen and (max-width: 1366px) {
	.row2_title {
		margin-bottom: 30px;
	}
}


@media screen and (max-width: 1125px) {
	.row2_logos_list {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-moz-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		margin-left: -0.24rem;
	}

	.row2_logos_list .pic2 {
		margin-left: 0.24rem;
	}

	.row2_logos_list li {
		width:25%;
		margin-bottom: 0.48rem;
	}
	.row2_title {
		margin-bottom: 0.98rem;
		-webkit-box-ordinal-group: 3;
		-webkit-order: 2;
		-moz-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
	}
}
@media screen and (max-width: 640px) {
	.row2_logos_list li {
		width:33.33%;
	}
}
.row3_cont {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.85);
	display: flex;
	flex-wrap: wrap;
	align-content: space-around;
}

.row3_box_page {
	position: relative;
	width: 100%;
	height: auto;
	padding: 0 117px 0 108px;
	/* margin-bottom: 4%; */
	display: flex;
	flex-direction: column;
}

.row3_box {
	position: relative;
	float: left;
}

.swiper-button-disabled {
	display: none;
}

.row3_box_left {
	width: 100%;
	margin-bottom: 20px;
}

.row3_box_title {
	font-size: 32px;
	color: #FEFEFE;
	/* font-family: FZLTZHJW; */
	font-weight: normal;
	line-height: 1;
	/* margin-bottom: 20px; */
}

.row3_box_title span {
	font-size: 12px;
	/* font-family: FZLTHJW; */
	font-weight: normal;
	margin-left: 12px;
	vertical-align: bottom;
	color: rgba(254, 254, 254, 0.5);
}

.swiper-button-lock {
	display: block !important;
}

.row3_box_right {
	width: 100%;
}

.left_btn {
	position: absolute;
	width: 50px;
	right: 0;
	top: 0;
}

.row3_box_ban {
	position: relative;
	width: 100%;
	cursor: pointer;
	/* height: 261px; */
}

.active .in1 {
	-webkit-animation: ev 1s .5s ease both;
	-moz-animation: ev 1s .5s ease both;
}

.active .in2 {
	-webkit-animation: ev 1s .7s ease both;
	-moz-animation: ev 1s .7s ease both;
}

.active .in3 {
	-webkit-animation: ev 1s .9s ease both;
	-moz-animation: ev 1s .9s ease both;
}

.row3_box_ban_img {
	position: relative;
	width: 100%;
	height: 150px;
	overflow: hidden;
	/* height: 171px; */
}
.pagination_cont{
	position: absolute;
	top: 0px;
	right: -18px;
	width: auto;
	display: flex;
}
.pagination_cont img{
	width: 17px;
}
/* .pagination_cont img:nth-child(1){
	margin-right: 35px;
} */
.prev_btn{
	width: 56px;
	display: flex;
	cursor: pointer;
	justify-content: center;
	transform: scale(.4);
	
}
.next_btn{
	width: 56px;
	display: flex;
	cursor: pointer;
	justify-content: center;
	transform: scale(.4);
}
@-webkit-keyframes ev {
	0% {
		transform: scale(0);
		opacity: 0;
	}

	100% {
		transform: scale(1);
		opacity: 1;
	}
}

@keyframes ev {
	0% {
		transform: scale(0);
	}

	100% {
		transform: scale(1);
	}
}

.row3_box_ban_img img {
	object-fit: cover;
	transition: 0.4s;
}

.row3_box_ban_img img:hover {
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
}

.row3_box_ban .title_box {
	width: 100%;
	text-align: left;
	padding: 14px 0 11px 11px;
	line-height: 1;
}



.tanchuang_box .off:hover {
	transition: off .5s 0s ease both;
	-webkit-animation: off .5s 0s ease both;
	-moz-animation: off .5s 0s ease both;
}

@-webkit-keyframes off {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(90deg);
	}
}

@keyframes off {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(90deg);
	}
}

@keyframes off_on {
	0% {
		transform: rotate(90deg);
	}

	100% {
		transform: rotate(0deg);
	}
}

@-webkit-keyframes off_on {
	0% {
		transform: rotate(90deg);
	}

	100% {
		transform: rotate(0deg);
	}
}

.tangchuan {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	z-index: 9;
	background-color: rgba(0, 0, 0, 0.80);
	overflow-y: hidden;
}

.isNone {
	display: none;
}




.tanchuang_img_box .img_m {
	display: none;
	object-fit: cover;
}
.row3_box_ban_img .img_m{
	display: none;
}
@media screen and (max-width: 500px) {
	.tanchuang_img_box .img_pc {
		display: none;
	}
	.tanchuang_img_box .img_m {
		display: block;
	}
	.row3_box_ban_img .img_pc{
		display: none;
	}
	.row3_box_ban_img .img_m{
		display: block;
	}
}
.title_zi {
	font-size: 12px;
	font-family: Microsoft YaHei UI;
	font-weight: 300;
	opacity: 0.7;
	color: #FFFFFF;
	margin-bottom: 9px;
}

.text_zi {
	font-size: 17px;
	font-family: Microsoft YaHei UI;
	font-weight: normal;
	color: #FFFFFF;
	margin-bottom: 9px;
}




/* 设置滚动条的样式 */

::-webkit-scrollbar {
	width: 8px;
	background-color: rgb(42, 43, 43);
}


/* 滚动槽 */

::-webkit-scrollbar-track {
	border-radius: 10px;
}


/* 滚动条滑块 */

::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background: rgb(75, 75, 75, 1);
}

.more {
	font-size: 24px;
	/* font-family: FZLTXHJW; */
	font-weight: normal;
	color: #FF1515;
	line-height: 40px;
	cursor: pointer;
	margin-top: 36px;
}

.text_jiantou {
	font-size: 18px;
	font-weight: 900;
	color: red;
	cursor: pointer;
}

.text_jiantou img {
	width: 17px !important;
}

.swiper-button-next {
	background: url(../img/right.png) no-repeat center center;
	background-size: contain;
}

.swiper-button-prev {
	background: url(../img/left.png) no-repeat center center;
	background-size: contain;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
	content: none;
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
	content: none;
}

.swiper-button-prev {
	position: absolute;
	left: 0;
	width: 4%;
	height: 14%;
	display: none;
}

.swiper-button-next {
	position: absolute;
	width: 4%;
	height: 14%;
	right: 0;
}

.beian {
	margin-right: 2px;
}

.beian img {
	width: 13px;
}



.tanchuang_off {
	transition: tanchuang_off 1s 0s ease both;
	-webkit-animation: tanchuang_off 1s 0s ease both;
	-moz-animation: tanchuang_off 1s 0s ease both;
}

.tanchuang_on {
	transition: tanchuang_on 1s 0s ease both;
	-webkit-animation: tanchuang_on 1s 0s ease both;
	-moz-animation: tanchuang_on 1s 0s ease both;
}

@-webkit-keyframes tanchuang_off {
	0% {
		display: flex;
		opacity: 1;
	}

	100% {
		opacity: 0;
		display: none;
	}
}

@keyframes tanchuang_off {
	0% {
		display: flex;
		opacity: 1;
	}

	100% {
		opacity: 0;
		display: none;
	}
}

@keyframes tanchuang_on {
	0% {
		display: none;
		opacity: 1;
	}

	100% {
		display: flex;
		opacity: 0;
	}
}

@-webkit-keyframes tanchuang_on {
	0% {
		display: none;
		opacity: 1;
	}

	100% {
		opacity: 0;
		display: flex;
	}
}


.off {
	/* position: absolute; */
	/* right: calc(10% - 30px);
	;
	top: calc(150px - 30px);
	; */
	width: 30px;
	height: 30px;
}

.off img {
	width: 100%;
}

.row3_box_left {
	width: 100%;
}

.row3_box_right {
	width: 100%;
	margin-left: 11.91%;
}

.row3_box_title {
	margin-left: 11.91%;
	font-weight: 400;
}

.row3_box_page {
	padding: 0 50px;
}

.row3_box_ban_img {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.row3_box_ban_img img {
	width: 100%;
	vertical-align: middle;
}
.img_head{
	width:100%;
}
@media screen and (max-width: 1920px) {

	/* .row3_box_title {
		font-size: 25px;
	} */
	.row3_box_page {
		/* margin-bottom: 2%; */
	}

	
}

@media screen and (max-width: 1490px) {
	.row3_box_title {
		font-size: 25px;
	}


	/* .row3_box_page {
		margin-bottom: 2%;
	} */
}

@media screen and (max-width: 1290px) {
	/* .row3_box_title {
		font-size: 18px;
	} */

	.text_zi {
		font-size: 14px;
	}
	.row3_box_page{
		padding: 0 50px;
	}
	.pagination_cont img{
		width: 12px;
	}
}

.h_x {
	height: 100vh;
	overflow: hidden;
}


/* 888 */

.row3_imgs {
	position: absolute;
	top: 0;
	left: 0;
}

@media screen and (max-width: 1125px) {
	.row3_imgs {
		display: none;
	}

}

.row3_m_imgs {
	display: none;
	max-height: 1200px;
}

@media screen and (max-width: 1125px) {
	.row3_m_imgs {
		display: block;
	}
}

.row4_cont {
	color: #fff;
	padding: 0px 110px 2%;
}

@media screen and (max-width: 1600px) {
	.row4_cont {
		/* padding-top: 41.6px; */
	}
}

@media screen and (max-width: 1366px) {
	.row4_cont {
		/* padding-top: 33.6px; */
	}
}

@media screen and (max-width: 1125px) {
	.row4_cont {
		padding: 0rem 0.92rem 1.88rem;
	}

	.row4_cont .page_line {
		bottom: 0.87rem;
	}

	.row4_cont .row6_arrow {
		bottom: 0.28rem;
	}
}

.row4_title {
	margin-bottom: 34.4px;
}

@media screen and (max-width: 1600px) {
	.row4_title {
		margin-bottom: 28.8px;
	}
}

@media screen and (max-width: 1366px) {
	.row4_title {
		margin-bottom: 22.4px;
	}
}

@media screen and (max-width: 1125px) {
	.row4_title {
		margin-bottom: 0.53rem;
	}
}

.row4_list {
	margin-left: -200px;
}

.row4_list li {
	width: 25%;
	float: left;
	position: relative;
}

.row4_list li:last-child .division {
	display: none;
}

.row4_list .box {
	margin-left: 200px;
	position: relative;
	text-align: center;
	line-height: 1;
	padding-top: 75px;
}

.row4_list .num {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 300px;
}

.row4_list .num_m {
	display: none;
}

.row4_list .ti {
	font-size: 48px;
	line-height: 1;
	margin-bottom: 21.6px;
}

.row4_list .aw {
	line-height: 0;
}

.row4_list .aw>span {
	display: inline-block;
	vertical-align: bottom;
	width: 12px;
	height: 18px;
	background: url(https://huicreat-public.oss-cn-beijing.aliyuncs.com/arrow_1.png) no-repeat center center;
	-moz-background-size: 100% 100%;
	background-size: 100% 100%;
}

.row4_list .ch {
	font-size: 22px;
	line-height: 1;
	margin-top: 39.2px;
	color: rgba(255, 255, 255, 0.5);
}

.row4_list .en {
	color: rgba(255, 255, 255, 0.5);
	margin: 11.2px 0 48.8px 0;
	font-size: 14px;
}

.row4_list .line {
	line-height: 0;
}

.row4_list .line>span {
	display: inline-block;
	vertical-align: bottom;
	width: 47px;
	height: 1px;
	background: rgba(233, 233, 233, 0.5);
}

.row4_list .tx1 {
	font-size: 22px;
	color: rgba(255, 255, 255, 0.5);
	line-height: 35px;
	height: 140px;
	overflow: hidden;
	margin: 44.8px 0 40.8px 0;
}

.row4_list .tx2 {
	font-size: 24px;
	color: rgba(255, 255, 255, 0.5);
	margin-top: 46.4px;
}

.row4_list .division {
	position: absolute;
	width: 1px;
	top: 149px;
	bottom: -5px;
	background: rgba(233, 233, 233, 0.5);
	right: -100px;
}

.row4_list .division>p {
	position: absolute;
	white-space: nowrap;
	left: 50%;
	width: 30px;
	text-align: center;
	margin-left: -15px;
	background: #141414;
	font-size: 16px;
	line-height: 34px;
	color: rgba(255, 255, 255, 0.5);
}

.row4_list .division .x1 {
	top: 0;
}

.row4_list .division .x3 {
	bottom: 0;
}

.row4_list .division .x2 {
	top: 50%;
	margin-top: -17px;
}

@media screen and (max-width: 1600px) {
	.row4_list {
		margin-left: -166px;
	}

	.row4_list .box {
		margin-left: 166px;
		padding-top: 60px;
	}

	.row4_list .num {
		width: 252px;
	}

	.row4_list .ti {
		font-size: 40px;
		margin-bottom: 17.6px;
	}

	.row4_list .aw>span {
		width: 10px;
		height: 15px;
	}

	.row4_list .ch {
		font-size: 19px;
		margin-top: 31.2px;
	}

	.row4_list .en {
		margin: 8.8px 0 40px;
		font-size: 12px;
	}

	.row4_list .line>span {
		width: 39px;
	}

	.row4_list .tx1 {
		font-size: 19px;
		line-height: 28px;
		height: 112px;
		margin: 37.6px 0 33.6px;
	}

	.row4_list .tx2 {
		font-size: 20px;
		margin-top: 38.4px;
	}

	.row4_list .division {
		top: 123px;
		bottom: -7px;
		right: -83px;
	}

	.row4_list .division>p {
		font-size: 14px;
		line-height: 30px;
	}

	.row4_list .division .x2 {
		margin-top: -15px;
	}
}

@media screen and (max-width: 1366px) {
	.row4_list {
		margin-left: -134px;
	}

	.row4_list .box {
		margin-left: 134px;
		padding-top: 48px;
	}

	.row4_list .num {
		width: 200px;
	}

	.row4_list .ti {
		font-size: 32px;
		margin-bottom: 13.6px;
	}

	.row4_list .aw>span {
		width: 8px;
		height: 12px;
	}

	.row4_list .ch {
		font-size: 15px;
		margin-top: 25.6px;
	}

	.row4_list .en {
		margin: 5.6px 0 32px;
	}

	.row4_list .line>span {
		width: 31px;
	}

	.row4_list .tx1 {
		font-size: 15px;
		line-height: 22px;
		height: 88px;
		margin: 28px 0 27.2px;
	}

	.row4_list .tx2 {
		font-size: 16px;
		margin-top: 30.4px;
	}

	.row4_list .division {
		top: 98px;
		bottom: -4px;
		right: -67px;
	}

	.row4_list .division>p {
		font-size: 12px;
		line-height: 24px;
	}

	.row4_list .division .x2 {
		margin-top: -12px;
	}
}

@media screen and (max-width: 1125px) {
	.row4_list {
		margin-left: -1rem;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.row4_list li {
		width: 50%;
		margin-bottom: 0.97rem;
	}

	.row4_list li:nth-child(2n) .box {
		text-align: right;
	}

	.row4_list li:nth-child(2n) .division {
		display: none;
	}

	.row4_list li:nth-child(2n) .num {
		/* left: auto; */
		right: 0;
	}

	.row4_list .num {
		display: none;
	}

	.row4_list .num_m {
		display: block;
		width: 3.2rem;
	}

	.row4_list .box {
		margin-left: 1rem;
		text-align: left;
		padding-top: 1.03rem;
	}

	.row4_list .txts {
		display: inline-block;
		vertical-align: bottom;
		text-align: center;
		width: 3.32rem;
	}

	.row4_list .ti {
		font-size: 0.72rem;
		margin-bottom: 0.46rem;
	}

	.row4_list .aw>span {
		width: 0.17rem;
		height: 0.26rem;
		background-image: url(../images/arrow_m_1.png);
		-moz-background-size: cover;
		background-size: cover;
	}

	.row4_list .ch {
		font-size: 0.3rem;
		margin-top: 0.37rem;
		color: rgba(255, 255, 255, 0.5);
	}

	.row4_list .en {
		font-size: 0.2rem;
		margin: 0.21rem 0 0.62rem;
	}

	.row4_list .line>span {
		width: 0.66rem;
	}

	.row4_list .tx1 {
		font-size: 0.31rem;
		margin: 0.73rem 0 0.96rem;
		line-height: 0.5rem;
		height: 2rem;
	}

	.row4_list .tx2 {
		margin-top: 0.62rem;
		font-size: .34rem;
	}

	.row4_list .division {
		right: auto;
		left: 100%;
		margin-left: 0.5rem;
		top: 1.21rem;
		bottom: -0.16rem;
	}

	.row4_list .division>p {
		font-size: 0.23rem;
		line-height: 1;
		width: auto;
		margin-left: 0;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
		padding: 0.17rem 0;
	}

	.row4_list .division .x2 {
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
}

.row4_aw {
	line-height: 0;
	margin-top: 45.6px;
}

.row4_aw>span {
	display: inline-block;
	vertical-align: bottom;
	width: 206px;
	height: 27px;
	background: url(https://huicreat-public.oss-cn-beijing.aliyuncs.com/arrow_2.png) no-repeat center center;
	-moz-background-size: 100% 100%;
	background-size: 100% 100%;
}

@media screen and (max-width: 1600px) {
	.row4_aw {
		margin-top: 36.8px;
	}

	.row4_aw>span {
		width: 172px;
		height: 23px;
	}
}

@media screen and (max-width: 1366px) {
	.row4_aw {
		margin-top: 30.4px;
	}

	.row4_aw>span {
		width: 138px;
		height: 18px;
	}
}

@media screen and (max-width: 1125px) {
	.row4_aw {
		margin-top: -0.17rem;
	}

	.row4_aw>span {
		-webkit-transform: scale(0.864);
		-moz-transform: scale(0.864);
		-ms-transform: scale(0.864);
		transform: scale(0.864);
	}
}

.row5_cont {
	margin-top: -5%;
	color: #fff;
	padding: 0px 48px;
	width: 100%;
}

@media screen and (min-width: 1126px) {
	.row5_cont {
		background-image: none !important;
	}
}

@media screen and (max-width: 1600px) {
	.row5_cont {
		padding: 0px 40px;
	}
}

@media screen and (max-width: 1366px) {
	.row5_cont {
		padding: 36.8px 32px 0;
	}
}

@media screen and (max-width: 1125px) {
	.row5_cont {
		padding: 0.5rem 5% 1.08rem;
		-moz-background-size: cover;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center center;
	}

	.row5_cont .row6_arrow {
		bottom: 0.4rem;
	}
}

.row5_text {
	font-size: 24px;
	line-height: 1.5;
	margin-top: 28.8px;
}

@media screen and (max-width: 1600px) {
	.row5_text {
		margin-top: 22.4px;
		font-size: 20px;
	}
}

@media screen and (max-width: 1366px) {
	.row5_text {
		margin-top: 18.4px;
		font-size: 16px;
	}
}

@media screen and (max-width: 1125px) {
	.row5_text {
		margin: 0 auto;
		font-size: 0.38rem;
		width: 8.47rem;
		max-width: 100%;
		line-height: 1.8;
		margin: 0.44rem auto 0;
	}

	.row5_text::before {
		content: '';
		display: block;
		background: rgba(233, 233, 233, 0.5);
		width: 0.6rem;
		height: 0.02rem;
		margin: 0 auto 0.5rem;
	}
}

@media screen and (max-width: 1125px) {
	.row5_title {
		display: none;
	}
}

.row5_title_m {
	display: none;
}

@media screen and (max-width: 1125px) {
	.row5_title_m {
		display: block;
	}

	.row5_title_m .page_title {
		font-size: 0.72rem;
		line-height: 0.9rem;
	}
}

.row5_list_box {
	border-top: 1px solid rgba(233, 233, 233, 0.5);
	padding-top: 28.8px;
	position: relative;
	margin-top: 36.8px;
}

.row5_list_box .title {
	position: absolute;
	text-align: center;
	top: 100%;
	left: 0;
	right: 0;
	margin-top: 99px;
	line-height: 0;
}

.row5_list_box .title>span {
	font-size: 18px;
	line-height: 20px;
	color: rgba(255, 255, 255, 0.7);
	display: inline-block;
	vertical-align: bottom;
	background: #141414;
	padding: 0 30px;
}

@media screen and (max-width: 1600px) {
	.row5_list_box {
		margin-top: 30.4px;
		padding-top: 24px;
	}

	.row5_list_box .title {
		margin-top: 90px;
	}

	.row5_list_box .title>span {
		font-size: 15px;
		padding: 0 23px;
	}
}

@media screen and (max-width: 1366px) {
	.row5_list_box {
		margin-top: 24px;
		padding-top: 19.2px;
	}

	.row5_list_box .title {
		margin-top: 69px;
	}

	.row5_list_box .title>span {
		font-size: 12px;
		padding: 0 20px;
	}
}

@media screen and (max-width: 1125px) {
	.row5_list_box {
		width: 8.47rem;
		padding: 0;
		margin: 0.85rem auto 0;
	}
}

.row5_list {
	display: table;
	width: 100%;
}

.row5_list li {
	width: 20%;
	display: table-cell;
	text-align: center;
	position: relative;
	padding-bottom: 37.6px;
}

.row5_list li+li {
	border-left: 1px solid rgba(233, 233, 233, 0.5);
}

.row5_list li:first-child .tii2::after {
	width: 50%;
	left: auto;
	right: -1px;
}

.row5_list li:last-child .tii2::after {
	width: 50%;
}

.row5_list .tii {
	line-height: 1;
	font-size: 48px;
	margin-bottom: 43.2px;
}

.row5_list .tii2 {
	font-size: 24px;
	line-height: 24px;
	position: absolute;
	left: 0;
	right: 0;
	top: 100%;
	margin-top: 23px;
}

.row5_list .tii2::before {
	content: '';
	width: 12px;
	height: 18px;
	position: absolute;
	left: 50%;
	margin-left: -6px;
	top: 100%;
	background: url(https://huicreat-public.oss-cn-beijing.aliyuncs.com/arrow_3.png) no-repeat center center;
	-moz-background-size: 100% 100%;
	background-size: 100% 100%;
	margin-top: 24px;
}

.row5_list .tii2::after {
	content: '';
	width: 100%;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	padding-right: 1px;
	left: 0;
	height: 1px;
	background: rgba(233, 233, 233, 0.5);
	top: 100%;
	position: absolute;
	margin-top: 62px;
}

.row5_list .item {
	line-height: 1.44;
	font-size: 17px;
	font-style: italic;
}

.row5_list .item .num {
	line-height: 1;
	font-size: 14px;
	color: rgba(255, 255, 255, 0.5);
	font-family: "Helvetica-LightOblique";
	margin-bottom: 10.4px;
}

.row5_list .item+.item {
	margin-top: 20px;
}

@media screen and (max-width: 1600px) {
	.row5_list li {
		padding-bottom: 29.6px;
	}

	.row5_list .tii {
		font-size: 40px;
		margin-bottom: 34.4px;
	}

	.row5_list .tii2 {
		font-size: 20px;
		margin-top: 20px;
	}

	.row5_list .tii2::before {
		width: 10px;
		height: 15px;
		margin-left: -5px;
		margin-top: 22px;
	}

	.row5_list .tii2::after {
		margin-top: 53px;
	}

	.row5_list .item {
		font-size: 14px;
	}

	.row5_list .item .num {
		font-size: 12px;
		margin-bottom: 8px;
	}

	.row5_list .item+.item {
		margin-top: 12.8px;
	}
}

@media screen and (max-width: 1366px) {
	.row5_list li {
		padding-bottom: 11.2px;
	}

	.row5_list .tii {
		font-size: 32px;
		margin-bottom: 27.2px;
	}

	.row5_list .tii2 {
		font-size: 16px;
		margin-top: 13px;
	}

	.row5_list .tii2::before {
		width: 8px;
		height: 12px;
		margin-left: -4px;
		margin-top: 15px;
	}

	.row5_list .tii2::after {
		margin-top: 41px;
	}

	.row5_list .item {
		font-size: 12px;
	}

	.row5_list .item .num {
		margin-bottom: 6.4px;
	}

	.row5_list .item+.item {
		margin-top: 9.6px;
	}
}

@media screen and (max-width: 1125px) {
	.row5_list {
		display: block;
	}

	.row5_list li {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		text-align: left;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-moz-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		border-bottom: 1px solid rgba(233, 233, 233, 0.5);
		padding: 0.19rem 0 0.19rem 0.2rem;
	}

	.row5_list li+li {
		border-left: none;
	}

	.row5_list .tii2 {
		display: none;
	}

	.row5_list .tii {
		text-align: center;
		font-size: 0.55rem;
		width: 0.55rem;
		margin-bottom: 0;
		line-height: 1.1;
		margin-right: 0.63rem;
	}

	.row5_list .tii::before {
		content: '';
		width: 0.49rem;
		height: 0.12rem;
		display: block;
		background: #f11806;
		margin: 0 auto 0.07rem;
		max-width: 100%;
	}

	.row5_list .item {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		font-size: 0.3rem;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-moz-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}

	.row5_list .item .num {
		margin: 0 0.4rem 0 0;
		font-size: 0.3rem;
	}

	.row5_list .item+.item {
		margin-top: 0.12rem;
	}
}

.row6_bg {
	position: absolute;
	top: 0;
	z-index: -1;
	left: 0;
}

@media screen and (max-width: 1125px) {
	.row6_bg {
		right: 0;
		bottom: 0;
	}

	.row6_bg>img {
		object-fit: cover;
		height: 100%;
	}
}

.row6_cont {
	color: #fff;
	padding: 48px 5% 0;
}

@media screen and (max-width: 1600px) {
	.row6_cont {
		padding-top: 41.6px;
	}
}

@media screen and (max-width: 1366px) {
	.row6_cont {
		padding-top: 33.6px;
	}
}

@media screen and (max-width: 1125px) {
	.row6_cont {
		padding: 4.75rem 5% 5.46rem;
	}
}

.row6_arrow {
	display: none;
}

@media screen and (max-width: 1125px) {
	.row6_arrow {
		display: block;
		width: 0.4rem;
		height: 0.2rem;
		position: absolute;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
		bottom: 0;
		background: url(../images/arrow_5.png) no-repeat;
		-moz-background-size: cover;
		background-size: cover;
		bottom: 0.31rem;
	}
}

.row6_text {
	font-size: 36px;
	line-height: 1.5;
	margin-top: 73.6px;
}

@media screen and (max-width: 1600px) {
	.row6_text {
		font-size: 30px;
		margin-top: 61.6px;
	}
}

@media screen and (max-width: 1366px) {
	.row6_text {
		font-size: 24px;
		margin-top: 49.6px;
	}
}

@media screen and (max-width: 1125px) {
	.row6_text {
		top: 0;
		font-size: 0.38rem;
		line-height: 1.8;
		width: 6.3rem;
		margin: 0.74rem auto 0;
	}
}

.row6_logo {
	line-height: 0;
	margin-top: 125.6px;
}

.row6_logo>img {
	width: 412px;
}

@media screen and (max-width: 1600px) {
	.row6_logo {
		margin-top: 104px;
	}

	.row6_logo>img {
		width: 343px;
	}
}

@media screen and (max-width: 1366px) {
	.row6_logo {
		margin-top: 83.2px;
	}

	.row6_logo>img {
		width: 275px;
	}
}

@media screen and (max-width: 1125px) {
	.row6_logo {
		margin-top: 3.49rem;
	}

	.row6_logo>img {
		width: 5.25rem;
	}
}

.row6_more {
	position: absolute;
	left: 5%;
	right: 5%;
	bottom: 106.6px;
}

.row6_more .tx1 {
	line-height: 1;
	font-size: 36px;
	letter-spacing: 15px;
	margin-bottom: 27px;
}

.row6_more .tx2 {
	display: none;
}

@media screen and (max-width: 1600px) {
	.row6_more {
		bottom: 86.4px;
	}

	.row6_more .tx1 {
		margin-bottom: 23px;
		font-size: 30px;
		letter-spacing: 13px;
	}
}

@media screen and (max-width: 1366px) {
	.row6_more {
		bottom: 68.8px;
	}

	.row6_more .tx1 {
		margin-bottom: 18px;
		font-size: 24px;
		letter-spacing: 9px;
	}
}

@media screen and (max-width: 1125px) {
	.row6_more {
		position: static;
		margin-top: 3.09rem;
	}

	.row6_more .tx1 {
		font-size: 0.37rem;
		letter-spacing: 0.21rem;
		margin-bottom: 0.31rem;
	}

	.row6_more .tx2 {
		font-size: 0.37rem;
		display: block;
		line-height: 1;
		letter-spacing: 0.17rem;
		margin-top: 0.19rem;
	}
}

.row6_btn {
	line-height: 0;
}

.row6_btn .btn {
	line-height: 70px;
	font-size: 48px;
	color: #fff;
	background: #000;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
	padding: 0 26px;
}

@media screen and (min-width: 1126px) {
	.row6_btn .btn:hover {
		background: #f11806;
	}
}

@media screen and (max-width: 1600px) {
	.row6_btn .btn {
		line-height: 59px;
		font-size: 32px;
		padding: 0 17px;
	}
}

@media screen and (max-width: 1366px) {
	.row6_btn .btn {
		line-height: 47px;
		font-size: 40px;
		padding: 0 21px;
	}
}

@media screen and (max-width: 1125px) {
	.row6_btn .btn {
		line-height: 1.11rem;
		font-size: 0.83rem;
		-webkit-border-radius: 0.6rem;
		-moz-border-radius: 0.6rem;
		border-radius: 0.6rem;
		padding: 0 0.55rem;
	}
}

.row7_hui {
	position: absolute;
	right: 48px;
	top: 33px;
	z-index: 20;
	width: 34px;
	height: 34px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	text-align: center;
	line-height: 32px;
	border: 1px solid rgba(233, 233, 233, 0.5);
	font-size: 15px;
	color: rgba(255, 255, 255, 0.4);
}

@media screen and (max-width: 1600px) {
	.row7_hui {
		right: 40px;
		width: 29px;
		height: 29px;
		font-size: 13px;
		line-height: 25px;
		top: 22px;
	}
}

@media screen and (max-width: 1366px) {
	.row7_hui {
		right: 32px;
	}
}

@media screen and (max-width: 1125px) {
	.row7_hui {
		width: 0.66rem;
		height: 0.66rem;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-moz-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-moz-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		font-size: 0.3rem;
		right: 0.3rem;
		top: 0.4rem;
		line-height: 1;
	}
}

.row7_year {
	line-height: 1;
	font-size: 12px;
	color: rgba(255, 255, 255, 0.4);
	position: absolute;
	right: 0;
	top: 44px;
	z-index: 20;
	padding-right: 46.66667%;
}

.row7_year .line {
	display: inline-block;
	vertical-align: middle;
	width: 22px;
	height: 1px;
	background: rgba(233, 233, 233, 0.5);
	margin: 0 13px 0 17px;
}

@media screen and (max-width: 1600px) {
	.row7_year {
		top: 31px;
	}
}

@media screen and (max-width: 1125px) {
	.row7_year {
		right: auto;
		left: 0.24rem;
		top: 0.52rem;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		font-size: 0.23rem;
	}

	.row7_year .e,
	.row7_year .y {
		-webkit-writing-mode: vertical-lr;
		-ms-writing-mode: tb-lr;
		writing-mode: vertical-lr;
		-webkit-transform: rotateX(180deg) rotateY(180deg);
		-moz-transform: rotateX(180deg) rotateY(180deg);
		transform: rotateX(180deg) rotateY(180deg);
	}

	.row7_year .y {
		-webkit-box-ordinal-group: 2;
		-webkit-order: 1;
		-moz-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
	}

	.row7_year .line {
		-webkit-box-ordinal-group: 3;
		-webkit-order: 2;
		-moz-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
		margin: 0.25rem auto 0.32rem;
		height: 0.42rem;
		width: 0.01rem;
	}

	.row7_year .e {
		-webkit-box-ordinal-group: 4;
		-webkit-order: 3;
		-moz-box-ordinal-group: 4;
		-ms-flex-order: 3;
		order: 3;
	}
}

.row7_dots {
	position: absolute;
	left: 30px;
	top: 25px;
	z-index: 20;
	line-height: 0;
}

.row7_dots>span {
	display: inline-block;
	vertical-align: bottom;
	width: 9px;
	height: 9px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background: #f11806;
}

.row7_dots>span+span {
	margin-left: 6px;
}

@media screen and (max-width: 1600px) {
	.row7_dots {
		left: 25px;
		top: 21px;
	}

	.row7_dots>span {
		width: 8px;
		height: 8px;
	}

	.row7_dots>span+span {
		margin-left: 5px;
	}
}

@media screen and (max-width: 1125px) {
	.row7_dots {
		display: none;
	}
}

.row7_line {
	position: absolute;
	z-index: 20;
	left: 0;
	right: 0;
	bottom: 0;
	height: 9px;
	background: #f11806;
}

.row7_line::before {
	content: '';
	width: 192px;
	height: 88px;
	position: absolute;
	left: 50%;
	margin-left: -96px;
	bottom: 100%;
	background: url(https://huicreat-public.oss-cn-beijing.aliyuncs.com/arrow_4.png) no-repeat center center;
	-moz-background-size: 100% 100%;
	background-size: 100% 100%;
}

@media screen and (max-width: 1600px) {
	.row7_line {
		height: 7px;
	}

	.row7_line::before {
		width: 160px;
		height: 73px;
		margin-left: -80px;
	}
}

@media screen and (max-width: 1366px) {
	.row7_line {
		height: 6px;
	}

	.row7_line::before {
		width: 128px;
		height: 59px;
		margin-left: -64px;
	}
}

@media screen and (max-width: 1125px) {
	.row7_line {
		height: 0.09rem;
	}

	.row7_line::before {
		width: 1.8rem;
		height: 0.84rem;
		margin-left: 0;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
	}
}

.row7_cont {
	padding: 10.625% 5.72917% 0 5.72917%;
	color: #fff;
}

.row7_cont>.clearfix {
	position: relative;
}

.row7_cont>.clearfix .b {
	content: '';
	position: absolute;
	top: 0;
	bottom: 34px;
	left: 50%;
	width: 1px;
	background: rgba(233, 233, 233, 0.5);
}

.row7_cont a {
	color: #fff;
}

@media screen and (min-width: 1126px) {
	.row7_cont a:hover {
		color: #f11806;
	}
}

@media screen and (max-width: 1125px) {
	.row7_cont {
		padding: 3.56rem 5% 3.82rem;
	}

	.row7_cont>.clearfix .b {
		display: none;
	}
}

.row7_logo_box {
	float: left;
	padding-left: 7.35294%;
	max-width: 50%;
	padding-top: 20px;
}

.row7_logo_box .logo {
	width: 176px;
}

.row7_logo_box .tx1 {
	line-height: 1;
	font-size: 60px;
	margin-top: 70px;
}

.row7_logo_box .tx2 {
	font-size: 48px;
	color: rgba(255, 255, 255, 0.5);
	line-height: 1.6;
	margin-top: 23px;
}

@media screen and (max-width: 1600px) {
	.row7_logo_box {
		padding-top: 16px;
	}

	.row7_logo_box .logo {
		width: 146px;
	}

	.row7_logo_box .tx1 {
		font-size: 50px;
		margin-top: 46.4px;
	}

	.row7_logo_box .tx2 {
		font-size: 40px;
		margin-top: 14.4px;
	}
}

@media screen and (max-width: 1366px) {
	.row7_logo_box {
		padding-top: 13px;
	}

	.row7_logo_box .logo {
		width: 117px;
	}

	.row7_logo_box .tx1 {
		font-size: 40px;
		margin-top: 36px;
	}

	.row7_logo_box .tx2 {
		font-size: 32px;
		margin-top: 12px;
	}
}

@media screen and (max-width: 1125px) {
	.row7_logo_box {
		float: none;
		max-width: 100%;
		padding: 0;
		text-align: center;
	}

	.row7_logo_box::after {
		display: block;
		content: '';
		width: 4.74rem;
		height: 0.02rem;
		background: rgba(233, 233, 233, 0.5);
		margin: 1.59rem auto 0;
		max-width: 100%;
	}

	.row7_logo_box .logo {
		margin: 0 auto 1.17rem;
		width: 1.34rem;
	}

	.row7_logo_box .tx2,
	.row7_logo_box .tx1 {
		font-size: 0.8rem;
		margin-top: 0;
		line-height: 1.15;
	}

	.row7_logo_box .tx2 {
		color: #fff;
	}
}

.row7_cta {
	float: right;
	width: 487px;
	max-width: 50%;
}

.row7_cta .tii {
	line-height: 1;
	font-size: 30px;
	margin-bottom: 16px;
}

.row7_cta .txx {
	font-size: 20px;
	line-height: 1.5;
	margin-bottom: 40px;
}

.row7_cta .ctas {
	line-height: 1;
	font-size: 35px;
}

.row7_cta .ctas>p+p {
	margin-top: 14px;
}

.row7_cta .ctas .n {
	display: none;
}

.row7_cta .line {
	width: 357px;
	height: 1px;
	max-width: 100%;
	background: rgba(233, 233, 233, 0.5);
	margin-top: 32px;
}

.row7_cta .ma {
	width: 129px;
	max-width: 100%;
	margin-top: 97.6px;
}

.row7_cta .tx1 {
	font-size: 18px;
	width: 290px;
	max-width: 100%;
	margin-top: 24px;
}

@media screen and (max-width: 1600px) {
	.row7_cta {
		width: 407px;
	}

	.row7_cta .tii {
		font-size: 25px;
		margin-bottom: 14px;
	}

	.row7_cta .txx {
		font-size: 17px;
		margin-bottom: 33.6px;
	}

	.row7_cta .ctas {
		font-size: 29px;
	}

	.row7_cta .ctas>p+p {
		margin-top: 11px;
	}

	.row7_cta .line {
		width: 297px;
		margin-top: 27px;
	}

	.row7_cta .ma {
		width: 108px;
		margin-top: 81.6px;
	}

	.row7_cta .tx1 {
		font-size: 15px;
		width: 240px;
		margin-top: 19.2px;
	}
}
.m_left_box{
	
	/* transition: all 0.4s linear; */
}
.list1,.list2,.list3{
	transition: all 0.4s linear;
	left: 0;
}
.ge{
	width: 50px;
	height: 100%;
}
.kong{
	background: none !important;
}
@media screen and (max-width: 768px) {
	.m_left_box{
		left: -11.91%;
	}
	.list1 .swiper-slide {
		width: 55%;
	}
}
@media screen and (max-width: 1366px) {
	.row7_cta {
		width: 326px;
	}

	.row7_cta .tii {
		font-size: 20px;
		margin-bottom: 9px;
	}

	.row7_cta .txx {
		font-size: 14px;
		margin-bottom: 24.8px;
	}

	.row7_cta .ctas {
		font-size: 24px;
	}

	.row7_cta .ctas>p+p {
		margin-top: 8px;
	}

	.row7_cta .line {
		width: 238px;
		margin-top: 21px;
	}

	.row7_cta .ma {
		width: 86px;
		margin-top: 64.8px;
	}

	.row7_cta .tx1 {
		width: 200px;
		font-size: 12px;
		margin-top: 15.2px;
	}
}

@media screen and (max-width: 1125px) {
	.row7_cta {
		width: 100%;
		float: none;
		max-width: 100%;
		text-align: center;
		padding-top: 2.07rem;
	}

	.row7_cta .tii {
		margin-bottom: 0.25rem;
		font-size: 0.4rem;
	}

	.row7_cta .txx {
		width: 6.47rem;
		max-width: 100%;
		margin: 0 auto 0.66rem;
		font-size: 0.27rem;
	}

	.row7_cta .ctas {
		font-size: 0.47rem;
	}

	.row7_cta .ctas .t {
		color: #f11806;
	}

	.row7_cta .ctas .n {
		display: inline;
	}

	.row7_cta .ctas>p+p {
		margin-top: 0.18rem;
	}

	.row7_cta .line {
		width: 4.74rem;
		height: 0.02rem;
		margin: 0.43rem auto 0;
	}

	.row7_cta .ma {
		width: 1.72rem;
		margin: 1.07rem auto 0;
	}

	.row7_cta .tx1 {
		text-align: center;
		font-size: 0.24rem;
		margin: 0.39rem auto 0;
		width: 4.97rem;
	}
}
.page_title_experience{
	width:45%;
	margin:0 auto;
}
.page_title_customer{
	margin:0 auto;
	width:19.3%
}
.tan-text-title{
	color:white;
}

.more-icon{
	width:30px;
	height:30px;
	background-image:url(../favicon.ico);
	background-size:contain;
	margin-top:30px;
}