@charset "utf-8";

html {
	-ms-touch-action: none;

}

html,
body {
	padding: 0;
	margin: 0;
	font-family: Source Han Sans CN!important;
}

* {
	margin: 0;
	padding: 0;
	font-family: Source Han Sans CN!important;
}

ul {
	list-style: none;
}

a {
	text-decoration: none;
	border: none;
	outline: none;
}

img {
	display: block;
	border: none;
}

body {
	/* width: 100%; */
	min-width: 1480px;
	*cursor: default;
	overflow: hidden;
	font: 16px/1.5 "Microsoft YaHei", Helvetica, STHeiti STXihei, Microsoft JhengHei, Arial;
}

.wrapper {
	width: 100%;
	min-width: 1480px;
	height: 100%;
}
.main-container {
	width: 100%;
	height: calc(100vh);
	position: absolute;
	overflow: hidden;
	background-color: #fff;
}

.rotate-center {
	display: inline-block;
	position: absolute;
	width: 100%;
	height: 100%;
	text-align: center;
	/* transform: translate(-50% -50%);
	-webkit-transform: translate(-50%, -50%); */
	color: #fff;
	font-size: 30px;
	z-index: 10;
	animation-name: scale-center;
	animation-duration: 1s;
	animation-timing-function: ease-in-out;
	animation-fill-mode: both;
	animation-delay: 2.5s;

}

.rotate-center img {
	position: absolute;
	width: 1136px;
	height: 639px;
	left: 50%;
	top: 50%;
	transform: translate(-50% -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}

.rotate-center-b {
	width: 50px;
	height: 50px;
	position: absolute;
	border-radius: 50%;
	text-align: center;
	line-height: 100px;
	background-color: #f74a66;
	top: 50%;
	left: 50%;
	transform: translateX(50%) translateY(50%);
	color: #fff;
	z-index: 9;
	font-size: 30px;
	animation-name: move-origin;
	animation-duration: 1s;
	animation-timing-function: ease-out;
	animation-fill-mode: both;
	animation-delay: 3s;
}

.origin-point {
	width: 0;
	height: 0;
	opacity: 0;
	position: absolute;
	top: calc(-100vw);
	left: calc(-100vw);
	z-index: 1;
	background-color: #e60012;
	box-shadow: 0 0 20px #000;
	opacity: 1;
	z-index: 11;
	border-radius: 0 50% 50% 0;
	animation-name: full-screen;
	animation-duration: 2s;
	animation-timing-function: linear;
	animation-fill-mode: both;
	animation-delay: 3s;
}

/* .full-container {
	animation-name: move-origin;
	animation-duration: 0.5s;
	animation-timing-function: linear;
	animation-fill-mode: both;
	animation-delay: 4.5s;
} */

.main-content {
	/* animation-name: fadeIn;
	animation-duration: 0.5s;
	animation-timing-function: linear;
	animation-fill-mode: both;
	animation-delay: 4.5s; */

	-webkit-animation: fadeIn 0.5s linear 1.5s 1 normal both;
	-moz-animation: fadeIn 0.5s linear 1.5s 1 normal both;
	-ms-animation: fadeIn 0.5s linear 1.5s 1 normal both;
	animation: fadeIn 0.5s linear 1.5s 1 normal both;
}
#pageContain {
	/* overflow: hidden; */
}

.page {
	/* box-shadow: 1px 1px 4px 0 #000; */
	display: none;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
}

.contain {
	width: 100%;
	height: 100vh;
	/* display: none; */
	position: relative;
	z-index: 0;
	padding-top: 0px;
}

.banner {
	width: 100%;
	height: 100%;
	background: url('../images/banner1.png') no-repeat center center;

}

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

.banner .banner-item img {
	width: 100%;
	height: 100%;
	position: absolute;
	object-fit: cover
}

.current .contain,
.slide .contain {
	display: block;
}

.current {
	display: block;
	z-index: 1;
}

.slide {
	display: block;
	z-index: 2;
}

.swipe {
	display: block;
	z-index: 3;
	transition-duration: 0ms !important;
	-webkit-transition-duration: 0ms !important;
	-ms-transition-duration: 0ms !important;  /* 111 */
}
.page1 {
	background: #fff;
}
.page2 {
	/*background-color: #fff;*/
	/* 浏览器不支持的时候显示 */
	/* background-image: radial-gradient(#fff 10%, #eee 60%); 标准的语法（必须放在最后） */
	/* farthest-side at 60% 55%, red, yellow, black */
	/*background-image: radial-gradient(farthest-side at 60% 55%, #fff 20%, #eee 80%);*/
	background: url(../images/businessBg.png) no-repeat center center;
}
.page3 {
	background: url(../images/lcBg.png) no-repeat center center;
	background-size: 100% 100%;
}
.page4 {
	background: #fff;
}
.page5 {
	background: #fff;
}
.page6{
	background: #f7f8fa;
	padding-top: 2rem;
}
.page7{
	background: #fff;
}
.page8{
	background: #f6f6f6;
}
/* .section1 {
	background: #fff;
}

.section2 {
	background: #992211;
}

.section3 {
	background: #37c1e3;
}

.section4 {
	background: #009922;
} */

#navBar {
	*padding-left: 80px;
	z-index: 3;
	position: absolute;
	font-size: 0px;
	line-height: 0;
	bottom: 80px;
	text-align: center;
	width: 200px;
	left: 50%;
	margin-left: -100px;
}

#navBar .active {
	background: #ccc;
}

#navBar li {
	background: transparent;
	border: 1px solid #ccc;
	display: inline-block;
	font-size: 0px;
	margin: 0 4px;
	*float: left;
	*zoom: 1;
	cursor: pointer;
	transition: all .7s ease;
	border-radius: 50%;
	line-height: 10px;
	text-align: center;
	width: 10px;
	height: 10px;
}

#prev,
#next {
	z-index: 4;
	text-align: center;
	line-height: 40px;
	position: absolute;
	width: 40px;
	height: 40px;
	top: 50%;
	cursor: pointer;
	margin-top: -20px;
}

#prev {
	left: 0
}

#next {
	right: 0
}

.nav {
	z-index: 5;
	/* position: fixed; */
	position: absolute;
	/* box-shadow: 0 2px 10px 0px #000; */
	background: #fff;
	top: 0;
	left: 0;
	width: 100%;
	height: 102px;
	line-height: 70px;
	transition: all .9s ease;
	opacity: 1;
	display: flex;

}

.nav:hover {
	opacity: 1;
}

.nav .logo-square {
	/* position: absolute; */
	float: left;
	width: 483px;
	height: 102px;
	background-color: #CD1D18;
	display: flex;
	align-items: center;
	justify-content: center;
}

.nav .logo-square img {
	/*width: 314px;*/
	/*height: 50px;*/
}

.nav-right {
	display: flex;
	/*width: calc(100% - 480px);*/
	/*width: 60%;*/
	/*min-width: 1020px;*/
	/*float: right;*/
	margin-top: 20px;
	/* display: flex;
	justify-content: flex-start;
	align-items: center; */
}

.nav .nav-right .navigation {
	margin-left: 15rem;
	/*width: 724px;*/
	position: relative;
	float: left;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	height: 60px;
	padding: 10px 0;
	margin-right: 50px;
}

.nav .navigation li {
	color: #666666;
	cursor: pointer;
	font-size: 16px;
	height: 65px;
	position: relative;
}

.nav .navigation li::after {
	content: "";
	width: 0;
	height: 3px;
	position: absolute;
	left: 0;
	bottom: 0;
	border-bottom: 3px solid #E40012;
	border-radius: 2px;
	transition: all 0.4s ease;
}
.nav .navigation .sy:hover::after {
	width: 32px;
}

.nav .navigation li:hover::after {
	width: 65px;
}

.nav .navigation li:hover {
	color: #E40012!important;
	text-shadow: none!important;
}
.nav .navigation li a:hover {
	color: #E40012!important;
	text-shadow: none!important;
}

/* .nav .navigation li.active {
    font-size: 18px;
    color: #E40012;
    cursor: pointer;
    border-bottom: 3px solid #E40012;
    border-radius: 2px;
} */
.logo {
	width: 51px;
	height: 51px;
	vertical-align: top;
	margin: 9px 0 0 20px;
	transition: all .4s ease;
}

.logo:hover {
	transform: rotate(5deg) scale(1.05);
}

.nav .conection {
	height: 60px;
	min-width: 210px;
	padding: 10px 0;
	float: left;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.nav .conection img {
	width: 28px;
	height: 28px;
	margin-right: 18px;
}

.nav .conection span {
	font-size: 24px;
	font-weight: bold;
	font-style: italic;
	color: #333333;
	line-height: 15px;
	/*margin-right: 35px;*/
	/* margin-right: 128px; */
}

.nav a {
	line-height: 70px;
	transition: all .4s ease;
	color: #666666;
	height: 65px;
	display: inline-block;
}

.nav a:hover {
	/* text-shadow: 1px 1px 3px #000; */
}

.nav h1 {
	line-height: 70px;
	float: left;
}

/* .nav span {
    position: absolute;
    left: 80px;
    top: 0;
} */
.nav h1 p {
	display: none;
}

.nav li {
	display: inline;
	float: right;
	margin: 0 20px;
}

.title,
.titleEng {
	-webkit-animation: dragTop .7s ease-in-out both;
	-moz-animation: dragTop .7s ease-in-out both;
	-ms-animation: dragTop .7s ease-in-out both;
	animation: dragTop .7s ease-in-out both;
}

.title {
	-webkit-animation-delay: .8s;
	-moz-animation-delay: .8s;
	-ms-animation-delay: .8s;
	animation-delay: .8s;
}
.titleEng {
	-webkit-animation-delay: 1.2s;
	-moz-animation-delay: 1.2s;
	-ms-animation-delay: 1.2s;
	animation-delay: 1.2s;
}
.titlp{
	-webkit-animation: scaleIn .6s ease 2s both;
	-moz-animation: scaleIn .6s ease 2s both;
	-ms-animation: scaleIn .6s ease 2s both;
	animation: scaleIn .6s ease 2s both;
}
#myCarousel2 .carousel-indicators {
	cursor: pointer;
	left:0!important;
	margin-left: 0;
	transform: translateX(143px);
	bottom: 9.5rem!important;
}
#myCarousel2 .carousel-indicators .active {
	width: fit-content;
	font-size: 26px;
	/*transform: scale(1.2);*/
	margin-right: 60px;
	background-color: transparent;
	cursor: pointer;
	transform: translateX(-16px);
}
.banner-msbox{
	width:950px;
	position: absolute;
	top:24%;
	left:10%;
	z-index: 20;
}
.banner-msbox .one-bt{
	font-size: 50px;
	color:#fff;
	line-height: 64px;
	font-family: Source Han Sans CN;
}
.banner-msbox .two-bt{
	font-weight: normal;
	font-size: 44px;
	color:#fff;
	line-height: 48px;
	margin-top:25px;
	padding-bottom:28px;
	position: relative;
	font-family: Source Han Sans CN;
}
.banner-msbox .line-left::after {
	content: "";
	width: 120px;
	height: 3px;
	border-radius: 1.5px;
	background-color: #fff;
	position: absolute;
	bottom: 0;
	left: 0;
	-webkit-animation: left-in 0.7s ease-in both;
	-moz-animation: left-in 0.7s ease-in both;
	-ms-animation: left-in 0.7s ease-in both;
	animation: left-in 0.7s ease-in both;
	-webkit-animation-delay: 1.5s;
	-moz-animation-delay: 1.5s;
	-ms-animation-delay: 1.5s;
	animation-delay: 1.5s;
}
.banner-msbox .thr-bt{
	font-weight: normal;
	color:#fff;
	line-height: 32px;
	font-size:24px;
	margin-top:25px;
	font-family: Source Han Sans CN;
}
.pageo-titbox{
	width:470px;
	position: absolute;
	bottom:20%;
	left:5%;
	z-index: 20;
}
.pageo-titbox .title1 {
	font-size:48px;
	font-family: Source Han Sans CN;
	font-weight: bold;
	color: #000000;
	line-height: 68px;
}
.pageo-titbox .line-left-two::before {
	content: "";
	width: 80px;
	height: 3px;
	border-radius: 1.5px;
	background-color: #cd1d18;
	position: absolute;
	top: -100px;
	left: 5px;
	-webkit-animation: left-in 0.7s ease-in both;
	-moz-animation: left-in 0.7s ease-in both;
	-ms-animation: left-in 0.7s ease-in both;
	animation: left-in 0.7s ease-in both;
	-webkit-animation-delay: 1.5s;
	-moz-animation-delay: 1.5s;
	-ms-animation-delay: 1.5s;
	animation-delay: 1.5s;
}
.pageo-titbox .titleEng1 {
	font-size: 24px;
	font-family: Source Han Sans CN;
	font-weight: 400;
	color: #333333;
	line-height: 68px;
}
.pageo-contbox{
	width:1260px;
	position: absolute;
	right:5%;
	top:50%;
	height:716px;
	margin-top:-320px;
	z-index: 20;
}
.pageo-cbmain{
	width:100%;
	height:100%;
	position: relative;
}

.pageo-cbmain dl {
	width:400px;
	height:104px;
	position: absolute;
}
.pageo-cbmain-dl {
	-webkit-animation: scaleIn .6s ease 2s both;
	-moz-animation: scaleIn .6s ease 2s both;
	-ms-animation: scaleIn .6s ease 2s both;
	animation: scaleIn .6s ease 2s both;
}
.pageo-cbmain .pageo-cbmain-dl:nth-child(1) {
	-webkit-animation-delay: 0.2s;
	-moz-animation-delay: 0.2s;
	-ms-animation-delay: 0.2s;
	animation-delay: 0.2s;
}
.pageo-cbmain .pageo-cbmain-dl:nth-child(2) {
	-webkit-animation-delay: 0.4s;
	-moz-animation-delay: 0.4s;
	-ms-animation-delay: 0.4s;
	animation-delay: 0.4s;
}
.pageo-cbmain .pageo-cbmain-dl:nth-child(3) {
	-webkit-animation-delay: 0.6s;
	-moz-animation-delay: 0.6s;
	-ms-animation-delay: 0.6s;
	animation-delay: 0.6s;
}
.pageo-cbmain .pageo-cbmain-dl:nth-child(4) {
	-webkit-animation-delay: 0.8s;
	-moz-animation-delay: 0.8s;
	-ms-animation-delay: 0.8s;
	animation-delay: 0.8s;
}
.pageo-cbmain .pageo-cbmain-dl:nth-child(5) {
	-webkit-animation-delay: 1.0s;
	-moz-animation-delay: 1.0s;
	-ms-animation-delay: 1.0s;
	animation-delay: 1.0s;
}
.pageo-cbmain .pageo-cbmain-dl:nth-child(6) {
	-webkit-animation-delay: 1.2s;
	-moz-animation-delay: 1.2s;
	-ms-animation-delay: 1.2s;
	animation-delay: 1.2s;
}
dl dt {
	overflow: hidden;
}
dl dt img {
	transition: all 0.5s ease-in;
}
dl:hover dt img {
	transform: scale(1.03);
}
dl dt{
	float:left;
	width:104px;
	height:104px;
}
dl dd{
	float:left;
	padding-left: 10px;
	padding-top: 0px;
}
dl dd h6{
	font-size:20px;
	font-weight: normal;
	color:#333;
	line-height: 30px;
	font-family: Source Han Sans CN;
}
dl dd p{
	font-size:18px;
	font-weight: normal;
	color:#999;
	line-height: 28px;
	font-family: Source Han Sans CN;
}
dl.zyyw{
	left: 44%;
	top: 31%;
	/* width:350px;
	height:205px; */
}
dl.zyyw dt{
	width:161px;
	height:205px;
}
dl.zyyw dd{
	padding-left:20px;
	padding-top:94px;
}
dl.tzzx{
	left:32%;
	top:11%;
}
dl.jzsj{
	top: 43%;
	left: 16%;
}
dl.zbdl{
	top: 74%;
	left:32%;
}
dl.qgc{
	left: 64%;
	bottom:8%;
}
dl.gczj{
	left: 65%;
	top: 10%;
}
dl.gcjl{
	top: 39%;
	right: 4%;
	width: 165px;
}
.pageth-main{
	position: absolute;
	bottom:60px;
	top:15%;
	left:5%;
	right:5%;
	z-index: 20;
}
.pageth-titbox{
	height:100px;
	position: relative;
	left: 1.5%;
	padding-bottom: 4rem;
}
#contain3 .pageth-titbox{
	top: -60px!important
}


.page6 .pageth-titbox{
	height:80px;
	position: relative;
	left: 9%;
	padding-bottom: 4rem;
	top: 58px;
}
.pageth-titbox .title2{
	font-size:46px;
	color:#000;
	position: absolute;
	left:0px;
	top:0px;
	z-index: 21;
	width: 200px;
}
.pageth-titbox .title2 span{
	color:#cd1d18;
}
.pageth-titbox .titleEng2{
	font-size:56px;
	/*color:#f0f0f0;*/
	color: #A9A9A9;
	opacity: .3;
	position: absolute;
	left:0px;
	top:15px;
	z-index: 20;
}
.pageth-dl{
	height:491px;
	margin-top:20px;
	position: relative;
}
.pageth-dl .pageth-dl-item {
	position: relative;
}
.pageth-dl dd{
	width:449px;
	height:491px;
}
.page3 .pageth-dl dd{
	/*width:25%;*/
	/*height:100%;*/

	width: 466px;
	height: 500px;
	overflow: hidden;
	border: 3px solid #e0e0e0;
}
.page3 .pageth-dl dt{
	margin-left: 171px;
	margin-top: 0px;
	width: fit-content;
	padding-top: 43px;
}
.page3 .pageth-dl dd img {
	width: 90%;
	height: 90%;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
.pageth-dl dd img {
	transition: all 0.5s ease-in;
}
.pageth-dl:hover dd img {
	transform: scale(1.03);
}
.pageth-dl dd{
	position: absolute;
	right: 156px;
	top: 7px;
}
.pageth-dl dt h6{
	width:fit-content;
	/*height:50px;*/
	border: 3px solid #CD1D18;
	color: #cd1d18;
	/*line-height: 50px;*/
	text-align: center;
	margin-bottom:26px;
	padding: 14px 38px;

	font-size: 36px;
	font-family: Source Han Sans CN;
	font-weight: bold;


}
.pageth-dl dt p{
	font-size: 22px;
	font-family: Source Han Sans CN;
	font-weight: 400;
	color: #000000;
	line-height: 40px;
}
.pageth-time{
	margin-top: 119px;
	/* height: 64px; */
	position: sticky;
	bottom: 75px;
}
.pageth-time::before{
	content: "";
	width: 100%;
	height: 1px;
	border-top: 1px dashed #fff;
	position: absolute;
	top:0px;
	left: 0px;
}
.pageth-time a{
	display: block;
	width:21px;
	height:17px;
	position: absolute;
	z-index: 25;
}
.pageth-time a.syg{
	background: url(../images/left.png) no-repeat center center;
	left:0px;
	top:-8px;
}
.pageth-time a.xyg{
	background: url(../images/right.png) no-repeat center center;
	right:0px;
	top:-8px;
}
.pageth-point{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding:0 88px;
	position: absolute;
	top: -10px;
	left:0px;
	right:0px;
}
.pageth-point li{
	text-align: center;
	cursor: pointer;
}
.pageth-point li span{
	display: inline-block;
	width:12px;
	height:12px;
	border:1px solid #fff;
	background-color: #d7342d;
	border-radius: 50%;
	position: relative;
}
.pageth-point li p{
	font-size:18px;
	color:#fff;
}
.pageth-point li.active span::before{
	content: "";
	width:10px;
	height:10px;
	background:#fff;
	border-radius: 50%;
	position: absolute;
	top: 1px;
	left: 1px;
}
.pagefour-main{
	position: absolute;
	top:12%;
	left:12%;
	right:20%;
	bottom: 75px;
	z-index: 20;
}
.pagefour-tab{
	height:32px;
	position: absolute;
	top: 5px;
	left: 26px;
	z-index: 99999999999;
}
.pagefour-tab .jsh{
	float:left;
	font-size: 26px;
	color:#333;

	font-family: Source Han Sans CN;
	font-weight: 400;
	color: #333333;
	line-height: 20px;
}

.pagefour-tab .aniu{
	float:right;
	width:90px;
	height:32px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
/* .pagefour-tab .aniu a{
	width:40px;
	height:32px;
	background: url(../images/back.png) no-repeat center center;
}
.pagefour-tab .aniu a.bef{
	background: url(../images/before.png) no-repeat center center;
} */
.pagefour-img{
	width: 100%;
	height:518px;
	overflow: hidden;
	overflow-x: scroll;
	margin-top:40px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.pagefour-img::-webkit-scrollbar {
	display: none;
}

.pagefour-img li img {
	transition: all 0.5s ease-in;
}
.pagefour-img li:hover img {
	transform: scale(1.05);
}
.pagefv-main{
	position: absolute;
	right:5%;
	left:5%;
	top:0px;
	bottom:0px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.pagefv-alj{
	height:24px;
	text-align: right;
	margin-right: 0.5%;
}
.pagefv-alj a{
	display:inline-block;
	width:92px;
	height:24px;
	line-height: 24px;
	font-size: 14px;
	color:#333;
	text-align: center;
	margin:0 10px;
	text-decoration: none;
	cursor: pointer;
}
.pagefv-alj a:hover{
	background: #cd1d18;
	color:#fff;
	text-decoration: none;
}
.pagefv-alj a.active{
	background: #cd1d18;
	color:#fff;
	text-decoration: none;
}
.pagefv-lsbox{
	margin-top:40px;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
	overflow: hidden;
	height:544px;
}
.pagefv-lsboxdl{
	width:46%;
	box-sizing: border-box;
	margin-right:20px;
	padding:20px;
	background:#f6f6f6;
	position: relative;
	cursor: pointer;
	display: flex;
	justify-content: space-between;
	margin: 0 1.8%;
}
	/*transition: all 1s;*/
.pagefv-lsbox .pagefv-lsboxdl:hover {
	background: #D6322C!important;
	/*box-shadow: 5px 5px 5px #ccc;*/
}
.pagefv-lsboxdl:nth-of-type(2n){
	/*margin-right:0px;*/
}
.pagefv-lsboxdl dt{
	width:272px;
	height:210px;
	overflow: hidden;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.pagefv-lsboxdl dt img {
	transition: all 0.5s ease-in;
	background-size: 100% 100%;
	width: 272px;
	/*height: 210px;*/
}

.pagefv-lsboxdl:hover dt img {
	transform: scale(1.1);
}

.pagefv-lsboxdl dd{
	/*position: absolute;*/
	/*left: 315px;*/
	/*right: 20px;*/
	/*top: 0px;*/
	/*bottom: 20px;*/

	/* position: absolute; */
	/* left: 315px; */
	/* right: 20px; */
	height: 170px;
	width: 100%;
	overflow: hidden;
	width: 450px;
}
.pagefv-lsboxdl dd h5{
	font-size:16px;
	color:#000;
	margin-top:0px;
	/*transition: all 0.5s ease-in;*/
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.pagefv-lsboxdl dd p{
	font-size: 12px;
	font-family: Source Han Sans CN;
	font-weight: 400;
	color:#666;
	line-height: 26px;
	/*margin-top:5px;*/
	/*word-break: break-all;*/
	/*text-overflow: ellipsis;*/
	/*overflow: hidden;*/
	/*-webkit-box-orient: vertical;*/
	/*-webkit-line-clamp: 2;*/
	/*line-height: 2em!important;*/
}
.pagefv-lsboxdl dd p span{
	font-size: 12px!important;
	font-family: Source Han Sans CN;
	font-weight: 400;
	line-height: 20px;
	color: unset!important;
}
.pagefv-lsboxdl dd .lsbox-main{
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	color: #666;
	/*overflow: hidden;*/
	/*text-overflow: ellipsis;*/
	/*text-indent: 24px !important;*/
}
.page5 .pagefv-lsboxdl:hover dd div{
	color: #fff!important;
}
.pagefv-lsboxdl dd .a-box{
	display: block;
	width:115px;
	height:28px;
	background:url(../images/more.png) no-repeat center center;
	/*margin-top:36px;*/
	position: absolute;
	top: 202px;
}
.pagefv-lsboxdl:hover dd h5,
.pagefv-lsboxdl:hover dd div,
.pagefv-lsboxdl:hover dd p{
	color: #fff;
}
/* 页面6 */
.pagesix-main{
	/*position: absolute;*/
	/*right:5%;*/
	/*left:5%;*/
	/*top:0px;*/
	/*bottom:0px;*/
	/*padding:20px 0 0;*/
}
.pagesix-shzrbox{
	/*width:100%;*/
	/*height:69%;*/
	/*margin-top:0%;*/
	/*!*position: relative;*!*/

	width: 100%;
	height: 69%;
	margin-top: 3%;
	/* position: relative; */
	display: flex;
	align-items: center;
	justify-content: space-around;
}
.pagesix-shzrimg{
	/*width:816px;*/
	/*height:490px;*/
	/*border:2px solid #c8c8c8;*/
	/*position: relative;*/

	width: 41%;
	height: 110%;
	border: 2px solid #c8c8c8;
	position: relative;
}
.pagesix-shzrimg img{
	position: absolute;
	top:30px;
	left:30px;
	transition: all 0.5s ease-in;
	width: 100%;
	/*width: 816px;*/
	/*height: 490px;*/
}
.pagesix-shzrimg:hover img {
	transform: scale(1.03);
}
.pagesix-shzrnr{
	/*position: absolute;*/
	/*!*left:890px;*!*/
	/*right:0px;*/
	/*top:-5px;*/


	/* position: absolute; */
	/* left: 890px; */
	right: 0px;
	top: -5px;
}
.pagesix-shzrnr h5{
	text-align: right;
	font-size: 36px;
	color:#333;
	padding:20px 0;
	position: relative;
}
.pagesix-shzrnr h5::before{
	content: "";
	width:68px;
	height:3px;
	background:#666;
	border-radius: 1.5px;
	position: absolute;
	bottom:0px;
	right:0px;
	-webkit-animation: left-in 0.7s ease-in both;
	-moz-animation: left-in 0.7s ease-in both;
	-ms-animation: left-in 0.7s ease-in both;
	animation: left-in 0.7s ease-in both;
	-webkit-animation-delay: 1.5s;
	-moz-animation-delay: 1.5s;
	-ms-animation-delay: 1.5s;
	animation-delay: 1.5s;
}
.pagesix-shzrnr p.nr{
	/*margin-top:48px;*/
	/*font-size:18px;*/
	/*color:#333;*/
	/*line-height: 32px;*/
	/*width: 703px;*/
	/*float: right;*/

	margin-top: 2rem;
	font-size: 17px;
	color: #333;
	line-height: 31px;
	width: 71rem;
	float: right;
}
.pagesix-shzrbtn{
	width:210px;
	height:60px;
	position: absolute;
	left:890px;
	bottom:-32px;
}
.pagesix-shzrbtn a{
	display: inline-block;
	width:100px;
	height:60px;
	background: url(../images/before01.png) no-repeat center center;
}
.pagesix-shzrbtn a.abtn{
	background: url(../images/back02.png) no-repeat center center;
	margin-left:5px;
}
.pagesix-shzrdiv{
	/*margin-top:50px;*/
	display: flex;
	justify-content: flex-end;
	align-items: center;
	cursor: pointer;
	width: 96%!important;
}
.pagesix-shzrdiv dl:hover {
	background: #d6322c;
}
.page3 .fp-slides{
	overflow: hidden !important;
}
.fp-slides{
	overflow: visible !important;
}
.carousel-indicators{
	bottom: -7rem !important;
	left: 28.5%!important;
	position: relative!important;
	/*left: 34%!important;*/
}
.pagesix-shzrdiv dl{
	width:304px !important;
	height:105px !important;
	background:#fff;
	margin-left:30px !important;
	/*transition: all 1s;*/
	margin-bottom: 35px !important;
	border-radius: 6px;
}
.pagesix-shzrdiv dl dt{
	float:left;
	width:40px;
	height:40px;
	margin: 36px 0 0 30px;
}

.pagesix-shzrdiv dl dt div {
	width: 100%;
	height: 100%;
	background-color: yellow;
}

.pagesix-shzrdiv dl dt .culture {
	background: url('../images/culture.png');
}

.pagesix-shzrdiv dl:hover dt .culture,
.pagesix-shzrdiv dl.active dt .culture {
	background: url('../images/culture-white.png');
}

.pagesix-shzrdiv dl dt .qualification {
	background: url('../images/qualification.png');
}

.pagesix-shzrdiv dl:hover dt .qualification,
.pagesix-shzrdiv dl.active dt .qualification {
	background: url('../images/qualification-white.png');
}

.pagesix-shzrdiv dl dt .party {
	background: url('../images/party.png');
}

.pagesix-shzrdiv dl:hover dt .party,
.pagesix-shzrdiv dl.active dt .party {
	background: url('../images/party-white.png');
}

.pagesix-shzrdiv dl dt .social {
	background: url('../images/social.png');
}

.pagesix-shzrdiv dl:hover dt .social,
.pagesix-shzrdiv dl.active dt .social {
	background: url('../images/social-white.png');
}


.pagesix-shzrdiv dl dd{
	float:left;
	margin-left:22px;
}
.pagesix-shzrdiv dl dd h5{
	font-size: 20px;
	color:#000;
	margin-top: 22px;
	height: 40px;
	position: relative;
	/*transition: all 1s;*/
	width: fit-content;
	margin-bottom: 2px!important;
}
.pagesix-shzrdiv dl dd h5::before{
	content: "";
	width:50px;
	height:1px;
	background:#000;
	border-radius: 1.5px;
	position: absolute;
	bottom:10px;
	left:0px;
	/*transition: all 1s;*/
}
.pagesix-shzrdiv dl dd p{
	font-size: 16px;
	color:#000;
	/*transition: all 1s;*/
}
.pagesix-shzrdiv dl.active{
	background:#d6322c;
}
.pagesix-shzrdiv dl.active dd h5{
	color:#fff;
}
.pagesix-shzrdiv dl.active dd h5::before{
	background:#fff;
}
.pagesix-shzrdiv dl.active dd p{
	color:#fff;
}
.pagesix-shzrdiv dl:hover dd h5,
.pagesix-shzrdiv dl:hover dd p {
	color: #fff;
}
.pagesix-shzrdiv dl:hover dd h5::before {
	background: #fff;
}

/* 页面7 */
.pagesev-main{
	position: absolute;
	right:7%;
	left:7%;
	top:70px;
	bottom:0px;
	padding:100px 0;
}

.pagesev-xec {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 6%;
}

.pagesev-left {
	width: 58%;
	height: 329px;
	position: relative;
}

.pagesev-left .page-title {
	height: 32px;
	font-size: 26px;
	font-weight: 500;
	color: #000000;
	line-height: 32px;
}

.pagesev-left .page-content {
	margin-top: 40px;
}

.pagesev-left .page-content p {
	font-size: 18px;
	font-weight: 400;
	color: #000000;
	line-height: 32px;
	/*text-indent: 32px;*/
}

.pagesev-left .page-download {
	margin-top: 20px;
	display: flex;
}

.pagesev-left .page-download .file-name {
	border: 1px solid #e40012;
	height: 48px;
	line-height: 48px;
	padding: 0 15px;
	color: #e40012;
	font-size: 16px;
	text-align: center;
	border-radius: 24px;
	margin-right: 30px;
	cursor: pointer;
}
.pagesev-left .page-download .file-name{
	color: #e40012;
	text-decoration: none;
	text-transform:lowercase;
}
.pagesev-left .page-download .file-name:hover {
	background: #cd1d18;
	color:#fff;
}
.pagesev-left .page-more {
	cursor: pointer;
	position: absolute;
	right: 0;
	bottom: 20px;
}

.pagesev-right {
	/*width: 40%;*/
}

.pagesev-right img {
	width: 542px;
	height: 329px;
	float: right;
}

/* 页面8 */
.pageeight-main{
	position: absolute;
	right: 0;
	left: 0;
	top:0px;
	bottom:0px;
	padding:20px 0 0 0;
}
.pageeight-main .pageth-titbox {
	padding: 0 7%;
}
.pageeight-main .pageth-titbox .title {
	left:7%
}
.pageeight-main .pageth-titbox .titleEng {
	left:7%
}
.pageeight-part {
	/* width: 100%; */
	/*height: 220px;*/
	padding: 1.8% 10% !important;
}

.pageeight-part .part-list {
	height: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 30px;
}
.pageeight-part .part-list li {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 210px;
}
.pageeight-part .part-list li p{
	font-size: 18px;
	font-family: Source Han Sans CN;
	font-weight: 400;
	color: #666666;
	line-height: 32px;
	margin-top: 5px;
}


.pageeight-part .part-list .scaleLi {
	/*cursor: pointer;*/
	-webkit-animation: scaleIn .6s ease 2s both;
	-moz-animation: scaleIn .6s ease 2s both;
	-ms-animation: scaleIn .6s ease 2s both;
	animation: scaleIn .6s ease 2s both;
}

.pageeight-part .part-list li:nth-child(1) {
	-webkit-animation-delay: 0.4s;
	-moz-animation-delay: 0.4s;
	-ms-animation-delay: 0.4s;
	animation-delay: 0.4s;

}
.pageeight-part .part-list li:nth-child(2) {
	-webkit-animation-delay: 0.6s;
	-moz-animation-delay: 0.6s;
	-ms-animation-delay: 0.6s;
	animation-delay: 0.6s;

}
.pageeight-part .part-list li:nth-child(3) {
	-webkit-animation-delay: 0.8s;
	-moz-animation-delay: 0.8s;
	-ms-animation-delay: 0.8s;
	animation-delay: 0.8s;

}
.pageeight-part .part-list li:nth-child(4) {
	-webkit-animation-delay: 1.0s;
	-moz-animation-delay: 1.0s;
	-ms-animation-delay: 1.0s;
	animation-delay: 1.0s;

}
.pageeight-part .part-list li:nth-child(5) {
	-webkit-animation-delay: 1.2s;
	-moz-animation-delay: 1.2s;
	-ms-animation-delay: 1.2s;
	animation-delay: 1.2s;

}
.pageeight-part .part-list li:nth-child(6) {
	-webkit-animation-delay: 1.4s;
	-moz-animation-delay: 1.4s;
	-ms-animation-delay: 1.4s;
	animation-delay: 1.4s;

}
.pageeight-part .part-list li:nth-child(7) {
	-webkit-animation-delay: 1.6s;
	-moz-animation-delay: 1.6s;
	-ms-animation-delay: 1.6s;
	animation-delay: 1.6s;

}
.pageeight-part .part-list li:nth-child(8) {
	-webkit-animation-delay: 1.8s;
	-moz-animation-delay: 1.8s;
	-ms-animation-delay: 1.8s;
	animation-delay: 1.8s;

}

.pageeight-part .part-list li img {
	transition: all 0.2s ease-in;
}

.pageeight-part .part-list li:hover img {
	transform: scale(1.2);
}

.pageeight-copyright {
	background-color: #2b2e33;
	height: calc(100% - 615px);
	width: 100%;
	padding: 80px 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.pageeight-copyright .copyright-l .copy-l-top ul {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	color: #fff;
}
.pageeight-copyright .copyright-l .copy-l-top ul li {
	padding: 0 10px 0 0;
	cursor: pointer;
}
.pageeight-copyright .copyright-l .copy-l-top ul li:hover {
	color: #E40012;
}
.pageeight-copyright .copyright-l .copy-l-top ul li::after {
	content: "|";
	margin: 0 10px;
}
.pageeight-copyright .copyright-l .copy-l-top ul li:hover::after {
	color: #fff;
}
.pageeight-copyright .copyright-l .copy-l-top ul li:last-child::after {
	content: "";
}

.pageeight-copyright .copyright-l .copy-l-center {
	margin-top: 45px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.pageeight-copyright .copyright-l .copy-l-center .copy-l-hl  {
	margin-right: 15px;
}

.pageeight-copyright .copyright-l .copy-l-center .copy-l-hl img {
	width: 148px;
	height: 45px;
}

.pageeight-copyright .copyright-l .copy-l-center .copy-l-at img {
	/*width: 219px;*/
	/*height: 59px;*/
}
.pageeight-copyright .copyright-l .copy-l-center .copy-l-gm img {
	/*width: 219px;*/
	/*height: 59px;*/
	margin-left: 15px;
	margin-right: 30px;
}

.pageeight-copyright .copyright-l .copy-l-bottom {
	margin-top: 60px;
	font-size: 14px;
	color: #868789;
	line-height: 32px;
}
.pageeight-copyright .copyright-c {
	/*display: flex;*/
	/*justify-content: space-between;*/
	/*align-items: flex-start;*/
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-top: -2%;
}
.pageeight-copyright .copyright-c span {
	font-size: 18px;
	color: #fff;
	margin-right: 25px;
}
.pageeight-copyright .copyright-c span:first-child {
	width: 123px;
}

.pageeight-copyright .copyright-c span:last-child {
	font-size: 30px;
	font-weight: bold;
	margin-top: -6px;
	width: 226px;
}

.copyright-r {
	width: 260px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-left: 3%;
}

.copyright-r .copyright-r-item:first-child {
	margin-right: 26%;
}
.copyright-r .copyright-r-item  .name {
	margin-top: 11px;
	color: #fff;
	text-align: center;
	font-size: 12px;
}
/* .page3 .title,
.page3 .titleEng {
	top: 25%;
	color: #333;
} */

.page1-box,
.page2-box,
.page3-box,
.page4-box {
	text-align: center;
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 1;
}
.page3-box {
	height: 16%;
	bottom: 0px;
}
.page4-box {
	width: 704px;
	height: 804px;
	right:6%;
	bottom: 63px;
}
.page4-box img {
	float: right;
	-webkit-animation: scaleIn .6s ease 0.6s both;
	-moz-animation: scaleIn .6s ease 0.6s both;
	-ms-animation: scaleIn .6s ease 0.6s both;
	animation: scaleIn .6s ease 0.6s both;
}
.page4 #myCarousel .pro-banner img:hover {
	transform: scale(1.03);
}
.page4 #myCarousel .pro-banner img {
	transition: all 0.5s ease-in;
	width: 33%;
	object-fit: cover;
}
.scTop,
.scBottom {
	position: absolute;
	left: 0;
	background: #2f2f2f url(../images/a15.png) repeat-x 0 0;
	width: 100%;
	height: 82px;
}

.scTop {
	top: 70px;
	-webkit-animation: bgL 20s linear 0s infinite alternate both;
	-moz-animation: bgL 20s linear 0s infinite alternate both;
	-ms-animation: bgL 20s linear 0s infinite alternate both;
	animation: bgL 20s linear 0s infinite alternate both;
}

.scBottom {
	bottom: 70px;
	-webkit-animation: bgR 20s linear 0s infinite alternate both;
	-moz-animation: bgR 20s linear 0s infinite alternate both;
	-ms-animation: bgR 20s linear 0s infinite alternate both;
	animation: bgR 20s linear 0s infinite alternate both;
}

.section1 .contain {
	display: block !important;
	overflow: hidden;
}

.fp-watermark {
	display: none!important;
}
#myCarousel .ca-l{
	left: 105%;
	width: 40px;
	height: 32px;
	top: 18px;
}
#myCarousel .ca-r{
	left: 96%;
	width: 40px;
	height: 32px;
	top: 18px;
}
#myCarousel .carousel-inner {
	width: 1460px;
}





@media (max-width: 1850px) and (min-width: 1481px) {
	/*html {*/
	/*	zoom: 93%;*/
	/*}*/
	/*#section0{*/
	/*	height: 107%;*/
	/*}*/
	/*.contain{*/
	/*	height: 107%;*/
	/*}*/
	/*#contain3{*/
	/*	height: 91%;*/
	/*}*/
	/*#contain5{*/
	/*	height: 107%;*/
	/*}*/
	/*#contain7 {*/
	/*	height: 108vh;*/
	/*}*/

	.nav {
		zoom: 0.93;
	}
	.nav .nav-right .navigation {
		margin-left: 0rem;
	}

	#contain7 .copy-l-top {
		margin-top: -18px;
	}
	#contain7 .copy-l-center {
		margin-top: 14px;
	}
	#contain7 .copy-l-bottom {
		margin-top: 12px;
	}
	#contain1 .pagefv-main {
		width: 90%;
	}
	.page3 .fp-slides{
		height: 115%;
		width: 100%;
		margin-top: -120px;
	}
	#contain3 .pageth-titbox{
		top: -95px!important;
	}
	#contain4 {
		width: 35%;
	}
	#contain4 .pageth-titbox{
		top: -10px;
	}
	#myCarousel .carousel-inner{
		top: 48px;
	}
	#myCarousel .carousel-inner {
		width: 1400px;
	}
	#contain4 .pagefour-main {
		top: 3%;
		left: 13%;
	}
	#myCarousel .ca-l{
		left: 356%;
	}
	#myCarousel .ca-r{
		left: 324%;
	}
	.page4 #myCarousel .pro-banner img {
		width: unset;
	}
	#carousel-example-generic {
		width: 90% !important;
	}
	#carousel-example-generic .pagesix-shzrnr p.nr{
		width: 63rem;
	}
	#carousel-example-generic .carousel-inner{
		top: 50px;
	}
	.page6 .pageth-titbox{
		top: 20px;
		left: 4%;
	}
	#contain6 .pagesev-main{
		top: -80px;
	}
	#contain7 .pageeight-part{
		margin-left: -75px;
		margin-bottom: 0%;
		margin-top: -2%;
		margin-right: -70px;
	}
	#contain7 .pageth-titbox{
		margin-left: 100px!important;
	}
	#contain7 .pageeight-part .part-list {
		margin-bottom: unset;
	}
	#contain7 .pageeight-copyright{
		padding: 27px 0;
		zoom: 0.93;
		height: 36%;
	}
	.pageeight-part .part-list li p{
		font-size: 16px;
	}
	.pageeight-copyright .copyright-l {
		margin-left: -25px;
	}
	.copyright-r {
		margin-left: 0;
	}
	.pagesev-left {
		width: 52%;
	}
	.pagesev-right img {
		margin-right: 93px;

	}
	.yearline {
		top: 532px!important;
		left: 0!important;
		width: 90% !important;
	}
	.nianline {
		top: 548px!important;
		z-index: 999!important;
	}
	#myCarousel2 .carousel-indicators {
		left: -79px!important;
	}
	#myCarousel2 .carousel-indicators .active {
		font-size: 22px;
		/*margin-right: 60px;*/
		background-color: transparent;
		cursor: pointer;
		transform: translateX(0px);
	}
	#myCarousel2  .carousel-indicators span{
		margin-right: 54.2px!important;
	}
	.page3 .pageth-dl dd{
		width: 436px;
		height: 460px;
	}
	.page3 .pageth-dl dd img {
		width: 90%;
		height: 90%;
	}
	#contain3 .pageth-dl dd{
		right: 10%;
	}
	.focus{
		margin-top: -1% !important;
		margin-left: 0!important;
	}
	@-ms-viewport { width: 1920px; }
}
@media screen and (max-width: 1480px) {
	html {
		width: 1480px;
	}
	body {
		width: 1480px;
		overflow-x: scroll;
	}
	.nav {
		zoom: 0.93;
	}
	.nav {
		width: 1480px;
	}
	.focus{
		margin-top: -1% !important;
	}
	.page {
		width: 1480px;
	}
	.page6 {
		padding-top: 0!important;
	}
	.page6 .focus {
		/*width: 92% !important;*/
		height: 60%;
	}
	.page6  .fp-slidesContainer{
		width: 95% !important;
		margin: auto!important;
		float: none!important;
	}
	.page6  .carousel-inner .item {
		width: 100%;
		height: 43rem;
	}
	.nav .nav-right .navigation  {
		margin-left: 0rem!important;
	}
	.fp-table {
		width: 86% !important;
	}
	#contain7 .pageeight-copyright{
		padding: 10px 0;
	}
	#contain4{
		width: 10%;
	}
	#myCarousel .ca-l{
		top: -25px!important;
	}
	#myCarousel .ca-r{
		top: -25px!important;
	}
	.contain5{
		width: 93%;
	}
	.yearline {
		top: 475px!important;
		left: 0!important;
		width: 90% !important;
	}
	.nianline {
		top: 500px!important;
		z-index: 999!important;
	}
	#myCarousel2 .carousel-indicators {
		left: -75px!important;
	}
	#myCarousel2  .carousel-indicators span{
		margin-right: 63px!important;
	}
	.page3 .pageth-dl dd{
		width: 410px;
		height: 404px;
	}
	.page3 .pageth-dl dd img {
		width: 86%;
		height: 86%;
	}
	#contain7 .pageeight-part{
		margin-left: -20px;
		margin-bottom: 20px;
		margin-right: 18px;
	}
	#contain7 .pageth-titbox{
		margin-left: 100px!important;
	}
	#contain7 .pageeight-part .part-list {
		margin-bottom: unset;
	}
	.pageeight-copyright .copyright-l {
		margin-left: 32px;
	}
	.copyright-r {
		margin-left: -6%;
	}
	.page6 .pageth-titbox{
		top: -5px;
	}
	/*#myCarousel2 .carousel-indicators {*/
	/*	top: 640px!important;*/
	/*}*/
	/*.yearline {*/
	/*	top: 622px!important;*/
	/*}*/
}
@media screen and (max-width: 1280px) {
	html {
		width: 1280px;
	}
	body {
		width: 1280px;
		overflow-x: scroll;
	}
	.nav {
		width: 1280px;
	}
	.page {
		width: 1280px;
	}
	.nav .nav-right .navigation  {
		margin-left: 0!important;
	}
	.nav .nav-right .navigation {
		margin-right: 10px;
	}
	.nav li {

		margin: 0 11px;
	}
	#contain1 .pagefv-main {
		width: 93%;
	}
}
@keyframes dragTop {
	0% {
		opacity: 0;
		transform: translateY(-70px)
	}

	60% {
		opacity: 1;
		transform: translateY(20px)
	}

	90% {
		transform: translateY(-5px)
	}

	97% {
		transform: translateY(-1px)
	}

	100% {
		transform: translateY(0px)
	}
}

@-webkit-keyframes dragTop {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-70px)
	}

	60% {
		opacity: 1;
		-webkit-transform: translateY(20px)
	}

	90% {
		-webkit-transform: translateY(-5px)
	}

	97% {
		-webkit-transform: translateY(-1px)
	}

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

@-moz-keyframes dragTop {
	0% {
		opacity: 0;
		-moz-transform: translateY(-70px)
	}

	60% {
		opacity: 1;
		-moz-transform: translateY(20px)
	}

	90% {
		-moz-transform: translateY(-5px)
	}

	97% {
		-moz-transform: translateY(-1px)
	}

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

@-ms-keyframes dragTop {
	0% {
		opacity: 0;
		-ms-transform: translateY(-70px)
	}

	60% {
		opacity: 1;
		-ms-transform: translateY(20px)
	}

	90% {
		-ms-transform: translateY(-5px)
	}

	97% {
		-ms-transform: translateY(-1px)
	}

	100% {
		-ms-transform: translateY(0px)
	}
}

@keyframes scaleAll {
	0% {
		opacity: 0;
		transform: scale(0) rotate(30deg);
	}

	30% {
		opacity: 1;
	}

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

@-webkit-keyframes scaleAll {
	0% {
		opacity: 0;
		-webkit-transform: scale(0) rotate(30deg);
	}

	30% {
		opacity: 1;
	}

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

@-moz-keyframes scaleAll {
	0% {
		opacity: 0;
		-moz-transform: scale(0) rotate(30deg);
	}

	30% {
		opacity: 1;
	}

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

@-ms-keyframes scaleAll {
	0% {
		opacity: 0;
		-ms-transform: scale(0) rotate(30deg);
	}

	100% {
		opacity: 1;
		-ms-transform: scale(1) rotate(0);
	}
}

@keyframes scaleIn {
	0% {
		opacity: 0;
		transform: scale(3);
	}

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

@-webkit-keyframes scaleIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(3);
	}

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

@-moz-keyframes scaleIn {
	0% {
		opacity: 0;
		transform: scale(3);
	}

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

@-ms-keyframes scaleIn {
	0% {
		opacity: 0;
		-ms-transform: scale(3);
	}

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

@keyframes fadeIn {
	0% {
		opacity: 0;
		/* transform: scale(3); */
	}

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

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0;
		/* -webkit-transform: scale(3); */
	}

	100% {
		opacity: 1;
		/* -webkit-transform: scale(1); */
	}
}

@-moz-keyframes fadeIn {
	0% {
		opacity: 0;
		/* transform: scale(3); */
	}

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

@-ms-keyframes fadeIn {
	0% {
		opacity: 0;
		/* -ms-transform: scale(3); */
	}

	100% {
		opacity: 1;
		/* -ms-transform: scale(1); */
	}
}

@keyframes bgL {
	0% {
		background-position: 0 0;
	}

	100% {
		background-position: 2000px 0;
	}
}

@-webkit-keyframes bgL {
	0% {
		background-position: 0 0;
	}

	100% {
		background-position: 2000px 0;
	}
}

@-moz-keyframes bgL {
	0% {
		background-position: 0 0;
	}

	100% {
		background-position: 2000px 0;
	}
}

@-ms-keyframes bgL {
	0% {
		background-position: 0 0;
	}

	100% {
		background-position: 2000px 0;
	}
}

@keyframes bgR {
	0% {
		background-position: 2000px 0;
	}

	100% {
		background-position: 0 0;
	}
}

@-webkit-keyframes bgR {
	0% {
		background-position: 2000px 0;
	}

	100% {
		background-position: 0 0;
	}
}

@-moz-keyframes bgR {
	0% {
		background-position: 2000px 0;
	}

	100% {
		background-position: 0 0;
	}
}

@-ms-keyframes bgR {
	0% {
		background-position: 2000px 0;
	}

	100% {
		background-position: 0 0;
	}
}

/* @-webkit-keyframes rotate-center {
    0% {
        -webkit-transform: rotate(0);
                transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
    } */
@keyframes scale-center {
	0% {
		-webkit-transform: scale(1);
		transform: scale3d(1);
	}

	/* 30% {
		-webkit-transform: scale3d(1.25, 0.75, 1);
		transform: scale3d(1.25, 0.75, 1);
		border-radius: 50%;
	}

	40% {
		-webkit-transform: scale3d(0.75, 1.25, 1);
		transform: scale3d(0.75, 1.25, 1);
	}

	50% {
		-webkit-transform: scale3d(1.15, 0.85, 1);
		transform: scale3d(1.15, 0.85, 1);
	}

	65% {
		-webkit-transform: scale3d(0.95, 1.05, 1);
		transform: scale3d(0.95, 1.05, 1);
	}

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

	99% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
		border-radius: 50%;
	} */

	100% {
		-webkit-transform: scale(0);
		transform: scale(0);
		border-radius: 50%;
	}
}

@keyframes scaleOut {
	0% {
		-webkit-transform: scale(0);
		transform: scale(0);
	}

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

@keyframes move-origin {
	0% {
		-webkit-transform: scale(0);
		-ms-transform: scale(0);
		transform: scale(0);
	}

	50% {
		-webkit-transform: scale(1);
		-ms-transform: scale(0);
		transform: scale(1);
		top: 50%;
		left: 50%;
		transform: translateX(-50%) translateY(-50%);
	}

	99% {
		-webkit-transform: scale(1);
		-ms-transform: scale(0);
		transform: scale(1);
		top: 0%;
		left: 0%;
	}

	100% {
		top: 0%;
		left: 0%;
		-webkit-transform: scale(0);
		-ms-transform: scale(0);
		transform: scale(0);
	}
}
@-ms-keyframes move-origin {
	0% {
		-webkit-transform: scale(0);
		-ms-transform: scale(0);
		transform: scale(0);
	}

	50% {
		-webkit-transform: scale(1);
		-ms-transform: scale(0);
		transform: scale(1);
		top: 50%;
		left: 50%;
		transform: translateX(-50%) translateY(-50%);
	}

	99% {
		-webkit-transform: scale(1);
		-ms-transform: scale(0);
		transform: scale(1);
		top: 0%;
		left: 0%;
	}

	100% {
		top: 0%;
		left: 0%;
		-webkit-transform: scale(0);
		-ms-transform: scale(0);
		transform: scale(0);
	}
}
@keyframes full-screen {
	0% {
		width: 0;
		height: 0;
	}

	75% {
		opacity: 1;
	}

	90% {
		opacity: 0.2;
	}

	99% {
		width: 200%;
		height: calc(200vw);
		opacity: 0;
	}

	100% {
		width: 0;
		height: 0;
		opacity: 0;
	}
}
@-ms-keyframes full-screen {
	0% {
		width: 0;
		height: 0;
	}

	75% {
		opacity: 1;
	}

	90% {
		opacity: 0.2;
	}

	99% {
		width: 200%;
		height: calc(200vw);
		opacity: 0;
	}

	100% {
		width: 0;
		height: 0;
		opacity: 0;
	}
}

@keyframes full-show {
	0% {}

	100% {}
}

@keyframes left-in {
	0% {
		width: 0;
		height: 3px;
	}
	100% {
		width: 120px;
		height: 3px;
	}
}