/*chrome 12px以下无效*/
/*html{-webkit-text-size-adjust:none;}*/
.clearfix:after{
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
.tab{
	display: none;
	position: relative;
	top: -70px;
}
.tab.active{
	display: block;
}
.font-24{
	font-size: 24px;
}
.font-13{
	font-size: 13px;
	text-align: left;
}
.font-15{
	font-size: 15px!important;
}
.font-22{
	font-size: 22px;
}
.font-50{
	font-size: 50px!important;
}
.font-dense{
	font-family: Dense;
	font-size: 40px!important;
	font-weight: 500;
	line-height: 1;
}
body{
	font-family: SourceRegular;
	font-size: 18px;
	line-height: 1.8;
	background-color: #fff;
}
.font-en{
	font-family: Arial;
}
.fixed-top{
	position: fixed!important;
	top: 0!important;
	z-index: 999!important;
}
.text-red{
	font-size: 24px;
	color: #ba3450;
}
.btn{
	display: table-cell;
	vertical-align: middle;
	width: 80px;
	height: 80px;
	text-align: center;
	color: #fff;
}
.main{
	z-index: 1;
}
.banner{
	position: relative;
	width: 100%;
	height: 768px;
	text-align: center;
}
.banner.index1{
	background: url(./image/banner.jpg) no-repeat center;
	background-size: cover;
}
.banner.index2{
	background: url(./image/banner3.jpg) no-repeat center;
	background-size: cover;
}
.huabei-slogan{
	width: 400px;
    font-size: 40px;
    font-weight: bold;
    position: absolute;
    top: -100px;
    left: -50px;
    font-style: italic;
}
.slogan{
    position: relative;
	top: 245px;
	left: 94px;
	width: 475px;
	height: 207px;
}
.download-div{
	position: absolute;
	display: table;
	left: 102px;
	top: 456px;
	color: #fff;
}
.download.btn{
	width: 50px;
	height: 50px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAFpOLgnAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDA4MzM2QTc5N0E1MTFFOUJEQzg5NjJGQ0Y1RkEyOTgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDA4MzM2QTg5N0E1MTFFOUJEQzg5NjJGQ0Y1RkEyOTgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTBDRkRDODk3OTYxMUU5QkRDODk2MkZDRjVGQTI5OCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0MDgzMzZBNjk3QTUxMUU5QkRDODk2MkZDRjVGQTI5OCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PlSO3JYAAAfDSURBVHjaYjTc+ocBCfwAYg4Q45wXMwPLn9//QOz/SAqgbGZGpt8//jHA8FEvVjhbc+XPJpDkfxAnTJ4JqOc/w/VwdpiCWka5mZ/hRmkKMzFcf/sPZvxtlj+/ENZdfv4Xzn6aw6vG9PfPPwYgZgTiOij7BogPUgAQQIxIXpkExOpA7A7i4PIGOwvIlQyY4CdIAsxiRNPG8vvnXwZsAORsdMUgMJMF5Ew0k8DOBQggRoPNvxkwAxYrAGs478PCwPT7JzAMfwLDFoIZYHiRFTMDMh+mBuy2Xz/+TcZmrAIvI8OvH/8wxNWW/vgPskkNzUSGcEUmoFv+M9yK5kC3DYwZZaZ9IuQXFPA4k5cRGD3/YZ5kA4U+HvUzgTgDxAAIIEa0dAsCskC8B4hFgLgQiBchSzL9BwYGFIcC8X8gfgTEakAsBMQLoWLvYepY/v4FO2svEDvhcZIA1L+MLP/+gDU4Een3pcCk8Z/okAKCKJAGBlIAE8hJyBgUcTB2gwkLA7o8zNNwoDjvG8P9JC6GpTf+MFQf/YWZ7v/9wUw/8rO+4HQSy7+//02A9BkivfAfqIHhLCl+Zvn37z+2vIszY7H8R5QCjDhyowIQP4RxAAKI0WDLH3ymrgLiUCKcCgo5IyC+iC5x3htY+P7/i+H6nUDsxkAaAJa/DBeQ+LxADI8e5PgOB+IVDNQBn1HCF5oxNgCxPzG6TwSwMVhs+EWsZZDcByxnZYm1AAb+Ykm8uIDGcmChCMyA+0GZEBuW5WRguBEJyV8wMZDjkNXUG7MwXAeqwWUGCIMsEcUleff9Pwal+d8YwlWYGW7HcoItAwUASK7BlBUsBsqnykA1+CxhlJ/9JR7ovAXEeD1Gk5WhxZoNkhHmfCU6yBhlZ4ATwl9oMkQBx6O4iTbo5vu/DAnbf2CTUmKUnvoJxnkPLY+pCaSfZPE+A5VaMAFBIOYC4q9UMPw4EFshikbU1PgNqTxaCMRxJBgMcq0EEL9ClwAIIGwVJzYAsiwaiEFlNQ8QP4AWP92gWhufRnDDEU+9pg9Sgy1BgBoeUJwL5a8G4jDcBRvIFkz8HogvADEueXQcCsT/oTSqHKRuQLGUB6lwIweAqoZdsIYpIuIR4cVGoQUw4AZtDLkgNYCAvoLgn0hsSrEzEEfAQgnWylqK1NrCi5fZszAQqXY5rJqG+SSKWFeC2rkk+GgDNDP+ryY10P/9I7p95g9rebSQasl/4i0BVVpK6MUKkT4hSXkhE77IuwlsdTaaokY0qIiCs/9BWqby3Az4EoAnemZEAaoLvzPciecEZ9y6E7/hxSBID6gUvQWUqweK3/+IN/hkWQhFIqj6vZfIBbao9vgveJzcAYqB+KCmMgHwhYWYhj+s7Q0utoFeuAuy4NgvhiU3iCrBz7IQm1JAdfqDFEh1XANsPCy5/pvYiF8J6sxfA/XjidWhK8LEcPkN8cnrYRoPIyi4vIDs++iSCzw5GNQFmYk2zHLZV1wNcXBmfABrTiLLxm/9To2GhCnEEkiUyIBGNKjcUvkArVnhBeQzIJ5BxaIehAVheZDlPyINZ0LrdUsq+IIbtdeOWiVbAfFM4qp1nJgdiL8hVfEYloBwBhCLg5sFpBm+CIgZgfgXWjsCZ2vlFbSlIg/E1wmYXgfEwJrsfzxWeSAACDBiG3e4gBwotQNxBBBrkWnGNWg3chFyj5lYAGo8QgfHSPKIGBB3QVutjAy0Af+hnirD1qzG6MH7MMPS1n8GApgNiKf9h4CXQBwPxIxE6CMXM0LteAm1czrUDVjV48qJyJgLiI8B8U8gzqQwd1KCM6BuOAZ1E3r2YEAf7UEG06Dl2GACltBu5gxsbkNvDUkB8VUadICpCTKghYs2ED9D6vfCY8QIOjRI1Ux8wh8ydmGx8Rc1jQUF9BNoF/kcctKSB+LTNCyJSOoCEDtWA3Kz1qqfKtfC2O/DktZ2HP10KnqEJsaC3LwDNAUESlrxpLROyQX/qB8j8EER9WU/kkH9qyhiO9XImJsZ2ChxZmMoM2AB97NwqYPUb3jkgRhkBsgskJnkuAWIw0G9UQtyguHTTwaGbQ/+MjSaszIka7EwLLv1B9yf+4+tnsbSgwUl8EYLVoYoNRYwv/7kb7CZZAIjRqX5XymO82gNFoYmC0jptOzmH4Y6YP8RZuiFKE4wbbDsO9wDTZZsDFHqEA/UnSCqr0kI/AJ1Se4CGcqUmLLk+h8wBnmoGepIkOPqjv9CiRmQB0BqQIDIzjKx4DGjwpwvoHnOHGrmPtDYd7MVG1Y5cGec+L4ysWAKo9ysL6C5jEe0KE5itRCD+aDO/uJrv2lVcinDJgBAA2ktDEMTtDxK56mFddtbof14omaZjkRxMcjz0ab+fPjpH4PNsm/EKt/4OIOnFr31GwDES4E4ipBu6yVfB0NMLINOSTAgD6TAS1Ig3gzEywd5copkQJtlRR5HgQGQgnXQ9pfTIPPAPiD2BNUbhPoj8AoGiJ0ZIFMnaxlIn8CmNgBNvwQzIE2CY7YeEc0hbPgLELsDMWglTBgQfyCgnpoYZFc41G53qFsw1SH67EQPCqwGYkHo4IAhlP+PioMO/6BmGkLtANm1ipA+XJmdWABa9xCGZYzLEVqMg+YaFRggK4Z4YGPzQPyGATLheQvakdtPrcoYAEpSb70vaxwlAAAAAElFTkSuQmCC) no-repeat;
	background-size: contain;
}
.download-div>.detail{
	display: table-cell;
	font-size: 15px;
	line-height: 1;
	padding-left: 15px;
	vertical-align: middle;
}
.download-div>.detail>.light>.font-cn{
	display: inline-block;
	margin-top: 6px;
	font-size: 13px;
}
.navbar-bg{
	position: relative;
	top: -70px;
	width: 100%;
	height: 70px;
	line-height: 70px;
	background: #fff;
}
.navbar-bg .font-en{
	font-family: Geogtq;
}
.navbar-repeat{
	display: none;
	position: relative;
	top: -70px;
	width: 100%;
	height: 70px;
}
.navbar li{
	float: left;
	width: 33.3%;
	text-align: center;
}
.navbar a{
	display: inline-block;
	height: 70px;
	color: #333;
	opacity: .8;
	font-weight: 300;
}
.navbar .active a{
	font-weight: 500;
	opacity: 1;
	color:#37b5f0;
}
.navbar>li.active a:after,
.navbar>li a:hover:after{
	content: "";
	display: block;
	margin-top: -2px;
	height: 2px;
	background: #37b5f0;
}
h2{
	font-size: 34px;
	color: #fff;
}
h2 .font-en{
	font-family: Geogtq;
}
.part{
	position: relative;
	color: #fff;
	height: auto;
	text-align: center;

}
.part1-bg{
	position: absolute;
	z-index: 3;
	width: 100%;
	height: 100%;
}
.part1 h2{
	height: 220px;
	line-height: 220px;
	font-size: 40px;
	color: #333;
}
.part1 .scroll{
	display: inline-block;
	width: 130px;
}
.part1 .scroll1{
	display: inline-block;
	width: 85px;
}
.part1 .scroll2{
	width: 160px!important;
}
.part1 .font-cn span{
	font-size: 15px;
	display: block;
	margin: 0 auto;
	text-align: center;
	width: 100% !important;
}
.part1 .font-en span{
	padding-left: 5px;
	font-size: 15px;
}
.part1-ul{
	display: flex;
	justify-content: space-around;
	width: 100%;
	height: 278px;
}
.part1-ul>li{
	display: block;
	padding: 40px 0px;
	width: 20%;
	height: 100%;
	box-shadow: 0 0 10px rgba(49,189,251,.4);
	border-radius: 5px;
	font-weight: 300;
	vertical-align: middle;
	z-index: 4;
	box-sizing: border-box;
}
.part1-ul>li .part1_txt_1{
	color: #333;
	font-size: 40px;
	margin-bottom: 10px;
}
.part1-ul>li .part1_txt_2{
	color: #333;
	font-size: 18px;
}
.part1-icon{
	display: inline-block;
	margin-bottom: 20px;
	width: 70px;
	height: 70px;
}
.part1,
.part2{
	 background-color: #fff;
}
.part2 img{
	display: inline-block;
	width: 55px;
	height: 55px;
	margin-bottom: 10px;
}
.huabei-index-title2{
	width: 482px;
	height: 120px;
	text-align: center;
	line-height: 120px;
	color: #fff;
	font-size: 40px;
	background: #168ef0;
	position: absolute;
	left: calc(50% - 241px);
	top: 80px;
}
.huabei-content-2{
	height: 970px;	
}
.huabei-content-2 .part2-ul{
	position: absolute;top: 340px;
}
.part2{
	
	background-image: url(./image/bg2.png);
	background-size: 100% auto;
	background-position: bottom;
	z-index: 4
}
.part2-ul{
	width: 100%;
	height: 474px;
	overflow: hidden;
}
.part2-ul>li{
	position: relative;
	float: left;
	width: 400px;
	height: 240px;
}
.part2-ul>li .font-24 .font-en{
	font-family: Geogtq;
}
.part2-ul>li>.mouseout{
	position: absolute;
	display: table;
    width: 100%;
    height: 100%;
}
.part2-ul>li>.mouseout>div{
	display: table-cell;
    width: 100%;
    height: 100%;
	vertical-align: middle;
}
.part2-ul>li:nth-child(1)>.mouseout{
	background: url(./image/index1.jpg) no-repeat center;
	background-size: cover;
}
.part2-ul>li:nth-child(2)>.mouseout{
	background: url(./image/index2.jpg) no-repeat center;
	background-size: cover;
}
.part2-ul>li:nth-child(3)>.mouseout{
	background: url(./image/index3.jpg) no-repeat center;
	background-size: cover;
}
.part2-ul>li:nth-child(4)>.mouseout{
	background: url(./image/index4.jpg) no-repeat center;
	background-size: cover;
}
.part2-ul>li:nth-child(5)>.mouseout{
	background: url(./image/index5.jpg) no-repeat center;
	background-size: cover;
}
.part2-ul>li:nth-child(6)>.mouseout{
	background: url(./image/index6.jpg) no-repeat center;
	background-size: cover;
}
.part2-ul>li>.mouseover{
	position: absolute;
	display: table;
	left: 50%;
	margin-left: -132px;
    width: 265px;
	height: 100%;
}
.part2-ul>li>.mouseover>div{
	display: table-cell;
	vertical-align: middle;
	transform: scale(.85);
	opacity: 0;
}
.part2-ul>li>.mouseover div>.font-en{
	font-size: 15px;
}
.part2-ul>li>.mouseover .font-24>.font-en{
	font-size: 24px;
}
.part2-ul>li>.mouseover>div>div:nth-child(1){
	margin-left: -17px;
	width: 300px;
}
.part2-ul>li>.mouseover>div>div:nth-child(2){
    width: 265px;
    font-family: Arial;
    color: rgba(255,255,255,.7);
	text-align: left;
	word-break: break-all;
}
.part2-ul>li:hover>.mouseover>div
{
	opacity: 1;
	transform: scale(1);
	transition: transform .4s,opacity .04s ease-out;
}
.part2-ul>li.bglight:hover{
	background-color: #313749;
}
.part2-ul>li.bgdark:hover{
	background-color: #1c2234;
}
.part2-ul>li:hover>.mouseout{
	opacity: 0;
	transition: opacity .04s;
}
.part3{
	z-index: 4;
	height: auto;
	background-image: url(./image/bg3.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
	margin-bottom: 100px;
    padding-bottom: 50px;
}
.part3 h2{
	height: 220px;
	line-height: 260px;
	color: #333;
	font-size: 40px;
}
.part3-ul{ 
	width: 100%;
	height: 474px;
	display: flex;
	display: -webkit-flex;
	justify-content: space-around;
}
.part3-ul>li>img{
	margin: 0 auto 40px;
}
.part3-ul>li{
	position: relative;
	display: inline-block;
	width: 358px;
	height: 412px;
	padding: 50px 0;
	box-sizing: border-box;
	box-shadow: 0 0 5px #37b5f0;
	border-radius: 10px;
	background: #fff;
}
.part3-ul>li>h3{
	width: 100%;
	height: 60px;
	line-height: 60px;
	font-size: 30px;
	text-align: center;
}
.part3-ul>li>p{
	font-size: 18px;
	color: #666;
	line-height: 30px;
}
.part3-ul .text-red .font-cn{
	display: inline-block;
	margin-top: 50px;
}
.part3-ul .text-red .font-en{
	font-family: Geogtq;
	display: inline-block;
	line-height: 1.5;
    margin-top: 20px;
    margin-bottom: 10px;
}
.part3-ul>li>.part3-li-bg{
	position: absolute;
	left: 275px;
	z-index: 2;
}
.part5{
	z-index: 3;
	height: auto;
	background-color: #fff;
}
.part6{
	position: relative;
	height: 1075px;
}
.part6>.font-cn{
	display: block;
	height: 1075px;
	background: url(https://www.fenxuekeji.com/images/common/ski_10.jpg) no-repeat center;
	background-size: cover;
}
.part6>.font-en{
	display: block;
	height: 1075px;
	background: url(https://www.fenxuekeji.com/images/common/ski_10.jpg) no-repeat center;
	background-size: cover;
}
.part5>img{
	width: 100%;
	height: auto
}
.part5-ul>li{
    position: absolute;
	box-sizing: border-box!important;
    color: #cbcccc;
}
.part5-ul>li .font-13{
	color: #a8a8ab;
}
.info>div:nth-child(1){
    width: 160px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.info>.font-15{
	font-size: 15px;
	line-height: 25px;
	opacity: .8;
}
.info>div{
	padding-left: 45px;
}
/*.head>.img-bg:hover+.info{
	width: 222px;
	transition: width .4s;
}*/
.head>.head-img{
	position: relative;
	left: -10px;
	z-index: 999;
}
.head>.head-img:hover+.info{
	width: 222px;
	transition: width .4s;
}
.head1 {
	left: 360px;
	top: 410px;
}
.head2 {
    left: 480px;
    top: 835px;
}
.head3 {
    left: 50px;
    top: 630px;
}
.head4 {
    left: 238px;
    top: 525px;
}
.head5 {
    left: 772px;
    top: 559px;
}
.head6 {
    left: 962px;
    top: 769px;
}
.head7 {
    left: 855px;
    top: 416px;
}
.head8 {
    left: 417px;
    top: 642px;
}
/*.header-section .nav li:nth-of-type(1) a{
	font-weight: 600;
}*/
.footer .footer-top .foot-pro span .weixin img{
	top: 155px!important;
}
@media only screen and (max-width: 1200px){
	.limit-x{
		position: relative;
		width: 100%;
		margin: 0 auto;
	}
	.part1-ul{
		width: 100%;
		margin: 0 auto;
		border-radius: 15px;
	}
	.part2-ul{
		width: 100%;
		background-size: 100% 474px;
	}
	.part2-ul>li{
		width: 33.3%;
	}
	.part3-ul{
		width: 760px;
		margin: 0 auto;
		background-size: 100% 474px;
	}
	.part3 h2{
		height: 250px;
	}
	.part3-ul>li{
		float: left;
		display: block;
		margin-bottom: 70px;
	}
	.part3-ul>li:nth-child(2){
		float: right;

	}
	.part3-ul>li>div{
		position: relative;
	}
	.part4-ul{
		width: 100%;
		background-size: 100% 474px;
	}
	#video{
		width: 100%;
	}



	.part5>div>img{
	    position: absolute;
	    width: 100%;
	}
	.part5-ul{
	    position: relative;
	    top: -3.75rem;
	}
	.part5-ul>li{
	    position: absolute;
	    box-sizing: border-box!important;
	    color: #cbcccc;
	}
	.part5-ul>li .font-13{
	    color: #a8a8ab;
	}
	.info>.font-15{
	    font-size: 0.15rem;
	    line-height: 0.25rem;
	    opacity: .8;
	}
	.info>div{
	    padding-left: 0.45rem;
	}
	.head>.img-bg:hover+.info{
	    width: 2.22rem;
	    transition: width .4s;
	}

	.head1 {
	    left: 3.6rem;
	    top: 4.1rem;
	}
	.head2 {
	    left: 4.8rem;
	    top: 8.35rem;
	}
	.head3 {
	    left: 0.5rem;
	    top: 6.3rem;
	}
	.head4 {
	    left: 2.38rem;
	    top: 5.25rem;
	}
	.head5 {
	    left: 7.72rem;
	    top: 5.59rem;
	}
	.head6 {
	    left: 9.62rem;
	    top: 7.69rem;
	}
	.head7 {
	    left: 8.55rem;
	    top: 4.16rem;
	}
	.head8 {
	    left: 4.17rem;
	    top: 6.42rem;
	}


}
/*about us*/
.part1 .company-intro{
	width: 100%;
	font-size: 20px;
	line-height: 40px;
	text-indent: 2em;
	text-align: justify;
	color: #666;
	margin-bottom: 30px;
}
.part1 .company-photo{
	width: 1000px;
	height: 534px;
	margin: 0 auto;
	position: relative;
}
.part1 .company-photo div img{
	width: 100%;height: 100%;
}
.part1 .company-photo .company-photo-1{
	width: 300px;
	height: 236px;
	position: absolute;
	top: 0;
	left: 0;
}
.part1 .company-photo .company-photo-2{
	width: 426px;
	height: 328px;
	position: absolute;
	top: 0;
	left: 300px;
}
.part1 .company-photo .company-photo-3{
	width: 274px;
	height: 328px;
	position: absolute;
	top: 0;
	left: 726px;
}
.part1 .company-photo .company-photo-4{
	width: 300px;
	height: 300px;
	position: absolute;
	top: 236px;
	left: 0;
}
.part1 .company-photo .company-photo-5{
	width: 318px;
	height: 208px;
	position: absolute;
	top: 328px;
	left: 300px;
}
.part1 .company-photo .company-photo-6{
	width: 382px;
	height: 208px;
	position: absolute;
	top: 328px;
	left: 618px;
}
.part1 .huabei-partner{
	width: 100%;
	height: auto;
}
.part1 .contact-us-bg{
	width: 100%;
	height: auto;
	position: relative;
	margin-top: 300px;
}
.part1 .contact-us-bg img{
	width: 100%;
	height: auto;
}
.part1 .contact-us-bg .contact-us-info{
	width: 620px;
	height: 400px;
	position: absolute;
	left: calc(50% - 310px);
	top: -125px;
	background: #fff;
	box-shadow: 0 0 5px #f5f5f5;
}
.part1 .contact-us-bg .contact-us-info h3 {
	width: 100%;
    font-size: 40px;
    color: #333;
    line-height: 180px;
}
.part1 .contact-us-bg .contact-us-info p {
	text-align: center;
    color: #666;
    font-size: 15px;
    line-height: 40px;
}
.wechat-modal{
	width: 100%;
	height: 100%;
	display: none;	
	background: rgba(0,0,0,.6);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
}
.wechat-qrcode{
	width: 300px;
	height: auto;
	padding: 20px;
	box-sizing: border-box;
	border-radius: 6px;
    text-align: center;
    background: #fff;
    left: 50%;
    position: fixed;
    top: 50%;
    transform: translate3d(-50%,-50%,0);
    
}
.wechat-qrcode img{
	width: 270px;
	height: 270px;
	display: block;
	margin: 0 auto;
}
.wechat-qrcode p{
	font-size: 16px;
	line-height: 30px;
	text-align: center;
	color: #333;
}
.swiper-container {
	width: 100%;
	height: 100%;
  }
.swiper-slide {
	overflow: hidden;
  }
.swiper-container-index{display: none;position: fixed !important;top: 0;background: #000;z-index: 1000 !important;}
.swiper-pagination-bullet{background: #f5f5f5 !important;}
.swiper-button-close{position: absolute;right: 10px;top: 10px;z-index: 1001}
.applyphotographer .part8 h2,
.applyphotographer .part9 h2{
	height: 220px;
	line-height: 220px;
	font-size: 40px;
	color: #333;
}
.part8{
	background:#fff;
}
.part8 .content {
    position: relative;
    top: 235px;
    height: 575px;
	text-align: left;
}
.content>div{
	padding-left: 86px;
	padding-top: 35px;
	font-size: 18px;
	opacity: .8;
}
.part8 .content p>i{
	display: inline-block;
	width: 470px;
	opacity: .8;
}
.part8 h2>.font-cn,
.part9 h2>.font-cn{
	padding-left: 86px;
	padding-right: 50px;
}
.part9{
}
.part9 .content {
    position: relative;
    top: 325px;
    height: 575px;
	text-align: left;
}
.part9 .content p>.font-en{
	display: inline-block;
	width: 508px;
}
.part10{
	padding-top: 225px;
	height: 900px;
}
.part10 h2{
	height: 250px;
	line-height: 250px;
}
.carousel-ul{
	position: relative;
	left: 0;
	top: 0;
}
.carousel-ul>li{
	position: absolute;
	z-index: 2;
	width: 235px;
	height: 370px;
	padding: 20px;
	text-align: center;
	cursor: pointer;
	transform-origin: left center;
}
.carousel-ul>li>a{
	color: #fefefe;
}
.carousel-ul>li img:first-child{
	display: inline-block;
	margin-top: 20px;
	margin-bottom: 20px;
}
.carousel-ul>li img:last-child{
	position: absolute;
	left: 10px;
	bottom: 20px;
}
.carousel-ul>li .group-name{
	line-height: 1.4;
}
.carousel-ul>li .group-region{
	opacity: .8;
}
.carousel-ul>li .group-id{
	line-height: 2.2;
}
.carousel-ul>li .group-detail{
	margin-top: 40px;
}
.font-21{
	font-size: 21px;
}
.part8 .huabei-photo-item .huabei-photo-title{
	display: block;
	padding:0 0 40px;
	margin: 0 auto;
}
.part8 .huabei-photo-item p{
	color: #666;
	font-size: 18px;
	line-height: 40px;
}
.part8 .huabei-photo-item1 .item1_photo{
	width: 1000px;
	height: 475px;
	margin: 40px auto 80px;
	position: relative;
}
.part8 .huabei-photo-item1 .item1_photo div img{
	width: 100%;height: 100%;
}
.part8 .huabei-photo-item1 .item1_photo_1{
	width: 200px;
	height: 259px;
	position: absolute;
	left: 0;
	top: 0;
}
.part8 .huabei-photo-item1 .item1_photo_2{
	width:300px;
	height: 129px;
	position: absolute;
	left: 200px;
	top: 0;
}
.part8 .huabei-photo-item1 .item1_photo_3{
	width: 300px;
	height: 130px;
	position: absolute;
	left: 200px;
	top: 129px;
}
.part8 .huabei-photo-item1 .item1_photo_4{
	width: 500px;
	height: 233px;
	position: absolute;
	left: 0;
	top: 259px;
}
.part8 .huabei-photo-item1 .item1_photo_5{
	width: 254px;
	height: 492px;
	position: absolute;
	left: 500px;
	top: 0;
}
.part8 .huabei-photo-item1 .item1_photo_6{
	width: 246px;
	height: 246px;
	position: absolute;
	left: 754px;
	top: 0;
}
.part8 .huabei-photo-item1 .item1_photo_7{
	width: 246px;
	height: 246px;
	position: absolute;
	left: 754px;
	top: 246px;
}
.part8 .huabei-photo-item2 .item2_photo{
	width: 1000px;
	height: 444px;
	margin: 40px auto 80px;
	position: relative;
}
.item3_photo{
	width: 1000px;
	height: 433px;
	margin: 0 auto;
	position: relative;
}
.item3_photo div img{
	width: 100%;height: 100%;
}
.part8 .huabei-photo-item2 .item2_photo ul li img{
	width: 100%;height: 100%;
}
.part8 .huabei-photo-item2 .item2_photo ul{
	width: 100%;
	height: 222px;
}
.part8 .huabei-photo-item2 .item2_photo ul li{
	width: 333px;
	height: 222px;
	display: block;
	float: left;
}
.part8 .huabei-photo-item3 .item3_photo{
	width: 1000px;
	height: 620px;
	margin: 40px auto 80px;
	position: relative;
}
.part8 .huabei-photo-item3 .item3_photo div img{  
	width: 100%;height: 100%;
}
.part8 .huabei-photo-item3 .item3_photo_1{
	width: 650px;
	height: 310px;
	position: absolute;
	left: 0;
	top: 0;
}
.part8 .huabei-photo-item3 .item3_photo_2{
	width: 350px;
	height: 310px;
	position: absolute;
	left: 650px;
	top: 0;
}
.part8 .huabei-photo-item3 .item3_photo_3{
	width: 350px;
	height: 310px;
	position: absolute;
	left: 0;
	top: 310px;
}
.part8 .huabei-photo-item3 .item3_photo_4{
	width: 650px;
	height: 310px;
	position: absolute;
	left: 350px;
	top: 310px;
}
.part9 .huabei-photo-item4{
	width: 100%;
	height: 600px;
	background: url(./image/photo_item4_bg.png) center center;
}
.part9 .huabei-photo-item5{
	width: 100%;
    height: 100%;
    background: rgba(0,0,0,.6);
    position: absolute;
    top: 0;
    left: 0;
}
.part9 .huabei-photo-item5 .huabei-photo-title{
	display: block;
	padding:0 0 50px;
	margin:50px auto 0;
}
.part9 .huabei-photo-item5 p{
	color: #fff;
	font-size: 18px;
	line-height: 60px;
}
.part9 .huabei-photo-item5 ul{
	width: 1000px;
	height: 100px;
	margin: 30px auto;
}
.part9 .huabei-photo-item5 ul li {
	width: 25%;
	height: 100px;
	display: block;
	float: left;
	text-align: center;
}
.part9 .huabei-photo-item5 ul li img{
	display: block;
	margin:20px auto;
}
@media only screen and (max-width: 1200px){
	.part9 .huabei-photo-item5 ul li img{
		display: block;
		margin:0 auto;
	}
	.part9 .huabei-photo-item5 ul{
		width: 1000px;
		height: 100px;
		margin: 0 auto;
	}
}
/*  i标签少用    */
/*  头部样式   */
body{
	background: #fff;
}
a{
	color: #fff;
}
.font-dense{
	font-family: Dense;
}
.font-geogtq{
	font-family: Geogtq;
}
.limit-x{
	position: relative;
	width: 1200px;
	margin: 0 auto;
}
.light{
	font-family: Source;
}
header{
	width: 100%;
	height: 74px;
	background-color: #fff;
}
.header{
	width: 1200px;
	height: 74px;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	margin:auto;
	z-index: 99;
}
.header-section{
	width: 100%;
	height: 100%;
	position: relative;
	text-align: center;
}
.header-section .logo{
	width: 175px;
	height: 19px;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
.header-section .logo img{
	width: auto;
	height: 100%;
}
.header-section .nav{
	height: 18px;
	position: absolute;
	left: 480px;
	top: 0;
	bottom: 0;
	margin:auto;
	white-space: nowrap;
	display: flex;
	
}
.header-section .nav li{
	text-align: center;
	float: left;
	margin:0 20px;
	font-size: 18px;
	line-height: 100%;
}
.header-section .nav li span{
	width: 18px;
	height: 18px;
	display: inline-block;
	margin-right: 20px;
}
.header-section .nav li span img{
	width: 30px !important;
    height: 30px !important;
    max-width: 30px !important;
    margin-top: -9px;
}
.header-section .nav li a{
	color: #000;
	font-family: Source;
}
.header-section .nav li a:hover{
	color: #37b0f8;
}
.header-section .nav li a .font-en{
	font-family: Arial;
}
.font-hide{
	display: none!important;
}
.font-weight{
	font-weight: 600;
}
/* 底部样式  */
.footer{
	padding-top: 56px;
	width: 1200px;
	height: 366px;
	margin:0 auto;
	text-align: center;
	position: relative;
}
.footer-top{
	position: relative;
	font-size: 0;
	width: 100%;
	min-height: 200px;
}
.footer .footer-top .foot-link{
	float: left;
	display: inline-block;
	text-align: left;
}
.footer .footer-top .foot-link h3{
	font-size: 18px;
	color: #8891a9;
	margin-bottom: 17px;
	font-family: Source;
}
.footer .footer-top .foot-link p{
	margin-bottom: 16px;
}
.footer .footer-top .foot-link p a{
	font-family: Source;
	font-size: 15px;
	color: white;
}
.footer .footer-top .foot-app{
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	display: block;
	width: 572px;
}
.footer .footer-top .foot-app .huabei-app{
	font-family: Source;
	text-align: center;
	float: left;
	margin-left: 58px;
}
.footer .footer-top .foot-app .huabei-download{
	font-family: Source;
	text-align: center;
	float: right;
	margin-right: 58px;
}
.footer .footer-top .foot-app .huabei-download a{
	width: 150px;
	height: 46px;
	display: block;
	line-height: 46px;
	text-align: center;
	font-size: 18px;
	border-radius: 23px; /* Safari 5.1 - 6.0 */ /* Opera 11.1 - 12.0 */ /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #1684f0 , #02c7ff); /* 标准的语法 */
}
.footer .footer-top .foot-app .huabei-download a:first-child{
	margin-bottom: 50px;
}
.footer .footer-top .foot-app span img{
	display: inline-block;
	margin-bottom: 12px;
	width: 150px;
}
.footer .footer-top .foot-app span p{
	margin-bottom: 10px;
	font-size: 15px;
	color: #8891a9;
}
.footer .footer-top .foot-pro{
	float: right;
}
.footer .footer-top .foot-pro p{
	text-align: center;
	margin-bottom: 17px;
}
.footer .footer-top .foot-pro p a{
	font-family: Source;
	color: white;
	font-size: 18px;
}
.footer .footer-top .foot-pro span{
	display: block;
	overflow: hidden;
	width: 100%;
	margin-top: 54px;
}
.footer .footer-top .foot-pro span img{
	width: 22px;
	height: auto;
}
.footer .footer-top .foot-pro span .weixin img{
	display: none;
	width: 400px;
	right: -58px;
	top: 135px;
	position: absolute;
}
.footer .footer-top .foot-pro span .weixin:hover img{
	display: block;
}
.footer-bottom a{
	font-family: Source;
	color: #999;
}
@media only screen and (max-width:1200px){
   	.header{
   		width:980px;
   	}
   	.header-section .nav{
   		left: 280px;
   	}
   	.footer{
   		width:980px;
   	}
}
@media only screen and (max-width: 1000px){
    .header{
   		width:98%;
   		padding: 0 1%;
   	}
   	.header-section .nav{
   		left: 30%;
   	}
   	.header-section .nav li{
   		margin: 0 35px;
   		font-size: 16px;
   	}
   	.footer{
   		width:98%;
   		padding: 56px 1%;
   		height: 3rem;
   	}
   	.footer .footer-top .foot-app {
   		width: 58%;
   	}
}
.invert-logo{
	white-space: nowrap;
	/* 按照logo要求美化一下 */
	font-size: 18px;
	line-height: 18px;
	letter-spacing: 0.05em;
	width: -moz-fit-content !important;
	width: fit-content !important;
}
.white-text{
	color: #fff;
}
.black-text{
	color: #000;
}
.logo-text{
	white-space: nowrap;
	/* 按照logo要求美化一下 */
	font-size: 18px;
	line-height: 18px;
	letter-spacing: 0.05em;
	width: -moz-fit-content !important;
	width: fit-content !important;
}
 body{
	background: #fff;
}
.onlinerace-t{
	width: 1200px;
	height: auto;
	margin:0 auto;
	text-align: center;
}
.onlinerace-t>h1{
	height: 220px;
    line-height: 220px;
    font-size: 40px;
    color: #333;
}
.onlinerace-t>p{
	width: 100%;
	font-family: Regular;
	font-size: 16px;
	text-align: left;
	color: white;
	line-height: 32px;
}
.onlinerace-t>img{
	margin: 0 auto;
}
.onlinerace-numb{
	width: 1200px;
	min-height: 2570px;
	margin:0 auto;
	text-align: center;
	overflow: hidden;
	padding-top: 220px;
}
.onlinerace-numb h1{
	font-family: Regular;
	font-size: 40px;
	color: white;
	margin-bottom:40px;
}
.onlinerace-numb>div{
	width: 100%;
	height: 606px;
	margin:0 auto;
	position: relative;
}
.onlinerace-numb>div>span{
	display: initial;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
}
.onlinerace-numb-text{
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
}
.onlinerace-numb-text h3{
	text-align: left;
	font-family: Light;
	font-size: 30px;
	color: white;
	line-height: 60px;
}
.onlinerace-numb-text h4{
	text-align: left;
	font-family: Light;
	font-size: 24px;
	color: white;
	line-height: 48px;
	margin-bottom: 8px;
}
.onlinerace-numb-img-1>div p{
	font-size: 30px;
	color: white;
	font-family: Light;
	position: absolute;
	left: 0;
	right: 0;
	top: 44px;
	margin: auto;
}
.onlinerace-numb-img-1>div img{
	width: 170px;
	height: 0px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 94px;
	margin: auto;
}
.onlinerace-numb-img-1>div span{
	z-index: 5;
	display: block;
	width: 0px;
	height: 3px;
	background: #ffdb53;
	position: absolute;
	right: 178px;
	top: 95px;
	margin: auto;
}
.onlinerace-numb-text-2{
	height: 270px;
	width: 500px;
	right: 32px;
}
.onlinerace-numb-img-2{
	left: 119px;
}
.onlinerace-numb-img-2>div p{
	font-family: Regular;
	font-size: 18px;
	color: white;
	position: absolute;
}
.onlinerace-numb-img-2> div p:nth-of-type(1){
	margin: auto;
	left: 0;
	right: 0;
	top: -9px;
}
.onlinerace-numb-img-2> div p:nth-of-type(2){
	right: -15px;
	top: 70px;
}
.onlinerace-numb-img-2> div p:nth-of-type(3){
	right: -15px;
	bottom: 70px;
}
.onlinerace-numb-img-2> div p:nth-of-type(4){
	margin: auto;
	left: 0;
	right: 0;
	bottom: -9px;
}
.onlinerace-numb-img-2> div p:nth-of-type(5){
	left: -15px;
	bottom: 70px;
}
.onlinerace-numb-img-2> div p:nth-of-type(6){
	left: -15px;
	top: 70px;
}
.onlinerace-numb-img-2>img{
	position: absolute;
}
.onlinerace-numb-img-2>img:nth-of-type(1){
	width: 0px;
	left: 198px;
	top: 198px;
}
/*.onlinerace-numb-img-2>img:nth-of-type(1){
	left: 105px;
	top: 92px;
}*/
/*.onlinerace-numb-img-2>img:nth-of-type(2){
	left: 88px;
	top: 108px;
}*/
.onlinerace-numb-img-2>span{
	position: absolute;
	display: block;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
.onlinerace-numb-img-2>span>img{
	display: none;
	position: absolute;
	left: -3px;
	right: 0;
	top: -4px;
	bottom: 0;
}
.onlinerace-numb-img-2>img:nth-of-type(2){
	width: 0px;
	left: 198px;
	top: 198px;
}
.onlinerace-numb-text-3{
	height: 300px;
	width: 528px;
	left: 40px;
}
.onlinerace-numb-img-3{
	right: 50px;
}
.onlinerace-numb-img-3>img{
	position: absolute;
}
.onlinerace-numb-img-3>img:nth-of-type(1){
	left: 178px;
	top: 70px;
}
.onlinerace-numb-img-3>img:nth-of-type(2){
	left: 22px;
	top: 12px;
}
.onlinerace-numb-img-3>img:nth-of-type(3){
	left: 260px;
	top: 140px;
}
.onlinerace-numb-img-3>img:nth-of-type(4){
	left: 220px;
	top: 230px;
}
.onlinerace-numb-img-3>img:nth-of-type(5){
	left: 40px;
	top: 200px;
}
.onlinerace-numb-text-4{
	height: 240px;
	width: 500px;
	right: 50px;
}
.onlinerace-numb-img-4{
	transform-style: preserve-3d;
	transform: perspective(8000px);;
	transform-origin: bottom;
	left: 114px;
}
.onlinerace-numb-img-4>img{
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
}
.onlinerace-numb-img-4>img:nth-of-type(1){
	width: 200px;
	top: 50px;
}
.onlinerace-numb-img-4>img:nth-of-type(2){
	left: 60px;
	top: 86px;
	display: none;
}
.onlinerace-numb-img-4>img:nth-of-type(3){
	top: 95px;
	width: 250px;
	transform-style: preserve-3d;
	transform: perspective(8000px);;
	transform-origin: bottom;
	/*-webkit-transform: rotateX(90deg);
	-moz-transform: rotateX(90deg);
	-ms-transform: rotateX(90deg);
	-o-transform: rotateX(90deg);
	transform: rotateX(90deg);*/
}
@keyframes tanlate{
	0%{
		opacity: 1;
		transform: rotateX(0deg);
	}
	40%{
		opacity: 1;
	}
	100%{
		opacity: 0;
		transform: rotateX(-180deg);
	}
}
.onlinerace-numb-text-5{
	height: 240px;
	width: 500px;
	left: 73px;
}
.onlinerace-numb-img-5{
	right: 75px;
}
.onlinerace-numb-img-5 img:nth-of-type(1){
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
.onlinerace-numb-img-5 img:nth-of-type(2){
	position: absolute;
	left: 155PX;
	top: 193PX;
}
.onlinerace-numb-img-5 img:nth-of-type(3){
	position: absolute;
	display: none;
	left: 271PX;
	top: 274PX;
}
.onlinerace-numb-img-5 span{
	display: block;
	position: absolute;
	height: 100px;
	width: 250px;
	/*-webkit-border-radius: 30px;
	-moz-border-radius:30px;
	border-radius: 30px;*/
}
.onlinerace-numb-img-5 .onlinerace-numb-img-man{
	background-size: contain;
	right: 180PX;
	top: 150PX;
}
.onlinerace-numb-img-5 .onlinerace-numb-img-man div{
	width: 100%;
	height: 100%;
	position: relative;
}
.onlinerace-numb-img-5 .onlinerace-numb-img-man img{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	display: none;
}
.onlinerace-numb-img-5 .onlinerace-numb-img-women{
	background-size: contain;
	left: 180PX;
	top: 220PX;
}
.onlinerace-numb-img-5 .onlinerace-numb-img-women div{
	width: 100%;
	height: 100%;
	position: relative;
}
.onlinerace-numb-img-5 .onlinerace-numb-img-women img{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	display: none;
}
.onlinerace-numb-text-6{
	height: 180px;
	width: 428px;
	right: 100px;
}
.onlinerace-numb-img-6{
	left: 147px;
}
.onlinerace-numb-img-6 img{
	position: absolute;
}
.onlinerace-numb-img-6>img:nth-of-type(2){
	/*display: none;*/
	width: 26px;
	left: 86px;
	bottom: 248px;
}
.onlinerace-numb-img-6>img:nth-of-type(1){
	/*display: none;*/
	width: 40px;
	left: 310px;
	bottom: 248px;
}
.onlinerace-numb-img-6>img:nth-of-type(3){
	/*display: none;*/
	width: 98px;
	left: 210px;
	bottom: 130px;
}
.onlinerace-numb-img-6>img:nth-of-type(4){
	/*display: none;*/
	width: 40px;
	left: 120px;
	bottom: 50px;
}
.onlinerace-numb-img-6>img{
	display: none;
	animation: move .6s;
}
@keyframes move{
	0%{
		transform: scale(0);
	}
	35%{
		transform: scale(1.13);
	}
	70%{
		transform: scale(0.78);
	}
	100%{
		transform: scale(1);
	}
}
.onlinerace-t .onlinerace-content {
	width: 100%;
	height: auto;
	position: relative;
	margin-bottom: 180px;
}
.onlinerace-t .onlinerace-content .onlinerace-content-title{
	margin-bottom: 40px;
}
.onlinerace-t .onlinerace-content p{
	width: 100%;	
	box-sizing: border-box;
	color: #666;
	font-size: 18px;
	line-height: 40px;
	text-align: justify;
}
.onlinerace-t .onlinerace-content-l p{
	padding-right: 55%;
}
.onlinerace-t .onlinerace-content-r p{
	padding-left: 55%;
}
.onlinerace-t .onlinerace-content-l .onlinerace-content-label{
	position: absolute;
	bottom: -100px;
	right: 0px;
}
.onlinerace-t .onlinerace-content-r .onlinerace-content-label{
	position: absolute;
	bottom: -100px;
	left: -60px;
}
.onlinerace-t .onlinerace-content p span{
	color: #37b5f0;
}
.onlinerace-content-label0{
	margin: 40px auto;
}
@media only screen and (max-width: 1200px){
	.onlinerace-t{
		width: 800px;
		height: auto;
		margin:0 auto;
		text-align: center;
	}
	.onlinerace-t .onlinerace-content-l .onlinerace-content-label{
		width: 40%;
		position: absolute;
		bottom: 0px;
		right: 0px;
	}
	.onlinerace-t .onlinerace-content-r .onlinerace-content-label{
		width: 40%;
		position: absolute;
		bottom: 30px;
		left: -60px;
	}
}

@charset "UTF-8";

/*!
 * animate.css -https://daneden.github.io/animate.css/
 * Version - 3.7.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2019 Daniel Eden
 */

@keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    transform: translate3d(0, -4px, 0);
  }
}

.bounce {
  animation-name: bounce;
  transform-origin: center bottom;
}

@keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

.flash {
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes pulse {
  from {
    transform: scale3d(1, 1, 1);
  }

  50% {
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  animation-name: pulse;
}

@keyframes rubberBand {
  from {
    transform: scale3d(1, 1, 1);
  }

  30% {
    transform: scale3d(1.25, 0.75, 1);
  }

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

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

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

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

  to {
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  animation-name: rubberBand;
}

@keyframes shake {
  from,
  to {
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  animation-name: shake;
}

@keyframes headShake {
  0% {
    transform: translateX(0);
  }

  6.5% {
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    transform: translateX(0);
  }
}

.headShake {
  animation-timing-function: ease-in-out;
  animation-name: headShake;
}

@keyframes swing {
  20% {
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  transform-origin: top center;
  animation-name: swing;
}

@keyframes tada {
  from {
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes wobble {
  from {
    transform: translate3d(0, 0, 0);
  }

  15% {
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.wobble {
  animation-name: wobble;
}

@keyframes jello {
  from,
  11.1%,
  to {
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

.jello {
  animation-name: jello;
  transform-origin: center;
}

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

  14% {
    transform: scale(1.3);
  }

  28% {
    transform: scale(1);
  }

  42% {
    transform: scale(1.3);
  }

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

.heartBeat {
  animation-name: heartBeat;
  animation-duration: 1.3s;
  animation-timing-function: ease-in-out;
}

@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  animation-duration: 0.75s;
  animation-name: bounceIn;
}

@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }

  75% {
    transform: translate3d(0, -10px, 0);
  }

  90% {
    transform: translate3d(0, 5px, 0);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.bounceInDown {
  animation-name: bounceInDown;
}

@keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }

  75% {
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    transform: translate3d(5px, 0, 0);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.bounceInLeft {
  animation-name: bounceInLeft;
}

@keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    transform: translate3d(10px, 0, 0);
  }

  90% {
    transform: translate3d(-5px, 0, 0);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.bounceInRight {
  animation-name: bounceInRight;
}

@keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }

  75% {
    transform: translate3d(0, 10px, 0);
  }

  90% {
    transform: translate3d(0, -5px, 0);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  animation-name: bounceInUp;
}

@keyframes bounceOut {
  20% {
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%,
  55% {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

.bounceOut {
  animation-duration: 0.75s;
  animation-name: bounceOut;
}

@keyframes bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  animation-name: bounceOutDown;
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  animation-name: bounceOutLeft;
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  animation-name: bounceOutRight;
}

@keyframes bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  animation-name: bounceOutUp;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  animation-name: fadeIn;
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.fadeInDown {
  animation-name: fadeInDown;
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.fadeInDownBig {
  animation-name: fadeInDownBig;
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeft {
  animation-name: fadeInLeft;
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeftBig {
  animation-name: fadeInLeftBig;
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.fadeInRight {
  animation-name: fadeInRight;
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.fadeInRightBig {
  animation-name: fadeInRightBig;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUp {
  animation-name: fadeInUp;
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUpBig {
  animation-name: fadeInUpBig;
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.fadeOut {
  animation-name: fadeOut;
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  animation-name: fadeOutDown;
}

@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  animation-name: fadeOutDownBig;
}

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  animation-name: fadeOutLeft;
}

@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  animation-name: fadeOutLeftBig;
}

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  animation-name: fadeOutRight;
}

@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  animation-name: fadeOutRightBig;
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  animation-name: fadeOutUp;
}

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  animation-name: fadeOutUpBig;
}

@keyframes flip {
  from {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    animation-timing-function: ease-out;
  }

  40% {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    animation-timing-function: ease-out;
  }

  50% {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    animation-timing-function: ease-in;
  }

  80% {
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    animation-timing-function: ease-in;
  }

  to {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  backface-visibility: visible;
  animation-name: flip;
}

@keyframes flipInX {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }

  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    transform: perspective(400px);
  }
}

.flipInX {
  backface-visibility: visible !important;
  animation-name: flipInX;
}

@keyframes flipInY {
  from {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    animation-timing-function: ease-in;
  }

  60% {
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    transform: perspective(400px);
  }
}

.flipInY {
  backface-visibility: visible !important;
  animation-name: flipInY;
}

@keyframes flipOutX {
  from {
    transform: perspective(400px);
  }

  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  animation-duration: 0.75s;
  animation-name: flipOutX;
  backface-visibility: visible !important;
}

@keyframes flipOutY {
  from {
    transform: perspective(400px);
  }

  30% {
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  animation-duration: 0.75s;
  backface-visibility: visible !important;
  animation-name: flipOutY;
}

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

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

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

  to {
    transform: translate3d(0, 0, 0);
  }
}

.lightSpeedIn {
  animation-name: lightSpeedIn;
  animation-timing-function: ease-out;
}

@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  animation-name: lightSpeedOut;
  animation-timing-function: ease-in;
}

@keyframes rotateIn {
  from {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    transform-origin: center;
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateIn {
  animation-name: rotateIn;
}

@keyframes rotateInDownLeft {
  from {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    transform-origin: left bottom;
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInDownLeft {
  animation-name: rotateInDownLeft;
}

@keyframes rotateInDownRight {
  from {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    transform-origin: right bottom;
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInDownRight {
  animation-name: rotateInDownRight;
}

@keyframes rotateInUpLeft {
  from {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    transform-origin: left bottom;
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInUpLeft {
  animation-name: rotateInUpLeft;
}

@keyframes rotateInUpRight {
  from {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    transform-origin: right bottom;
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInUpRight {
  animation-name: rotateInUpRight;
}

@keyframes rotateOut {
  from {
    transform-origin: center;
    opacity: 1;
  }

  to {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  animation-name: rotateOut;
}

@keyframes rotateOutDownLeft {
  from {
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  animation-name: rotateOutDownLeft;
}

@keyframes rotateOutDownRight {
  from {
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  animation-name: rotateOutDownRight;
}

@keyframes rotateOutUpLeft {
  from {
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  animation-name: rotateOutUpLeft;
}

@keyframes rotateOutUpRight {
  from {
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  animation-name: rotateOutUpRight;
}

@keyframes hinge {
  0% {
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    transform: rotate3d(0, 0, 1, 80deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    transform: rotate3d(0, 0, 1, 60deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  animation-duration: 2s;
  animation-name: hinge;
}

@keyframes jackInTheBox {
  from {
    opacity: 0;
    transform: scale(0.1) rotate(30deg);
    transform-origin: center bottom;
  }

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

  70% {
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

.jackInTheBox {
  animation-name: jackInTheBox;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes rollIn {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.rollIn {
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  animation-name: rollOut;
}

@keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  animation-name: zoomIn;
}

@keyframes zoomInDown {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInDown {
  animation-name: zoomInDown;
}

@keyframes zoomInLeft {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInLeft {
  animation-name: zoomInLeft;
}

@keyframes zoomInRight {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInRight {
  animation-name: zoomInRight;
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInUp {
  animation-name: zoomInUp;
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}

.zoomOut {
  animation-name: zoomOut;
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomOutDown {
  animation-name: zoomOutDown;
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform-origin: left center;
  }
}

.zoomOutLeft {
  animation-name: zoomOutLeft;
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    transform: scale(0.1) translate3d(2000px, 0, 0);
    transform-origin: right center;
  }
}

.zoomOutRight {
  animation-name: zoomOutRight;
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomOutUp {
  animation-name: zoomOutUp;
}

@keyframes slideInDown {
  from {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  animation-name: slideInDown;
}

@keyframes slideInLeft {
  from {
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  animation-name: slideInLeft;
}

@keyframes slideInRight {
  from {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  animation-name: slideInRight;
}

@keyframes slideInUp {
  from {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  animation-name: slideInUp;
}

@keyframes slideOutDown {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}

.slideOutDown {
  animation-name: slideOutDown;
}

@keyframes slideOutLeft {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(-100%, 0, 0);
  }
}

.slideOutLeft {
  animation-name: slideOutLeft;
}

@keyframes slideOutRight {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}

.slideOutRight {
  animation-name: slideOutRight;
}

@keyframes slideOutUp {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  animation-name: slideOutUp;
}

.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

.animated.infinite {
  animation-iteration-count: infinite;
}

.animated.delay-1s {
  animation-delay: 1s;
}

.animated.delay-2s {
  animation-delay: 2s;
}

.animated.delay-3s {
  animation-delay: 3s;
}

.animated.delay-4s {
  animation-delay: 4s;
}

.animated.delay-5s {
  animation-delay: 5s;
}

.animated.fast {
  animation-duration: 800ms;
}

.animated.faster {
  animation-duration: 500ms;
}

.animated.slow {
  animation-duration: 2s;
}

.animated.slower {
  animation-duration: 3s;
}

@media (print), (prefers-reduced-motion: reduce) {
  .animated {
    animation-duration: 1ms !important;
    transition-duration: 1ms !important;
    animation-iteration-count: 1 !important;
  }
}
@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{ font-weight: normal;}
li { list-style: none; }
i{font-style: normal;}
img { border: none; }
input,
select,
textarea { outline: none; border: none; background: none; border-radius: 0;
  -webkit-border-radius: 0;
  -webkit-appearance: none;
  background-image: linear-gradient(transparent, transparent);
  font-family:"Helvetica", "Arial";
}
textarea { resize: none; }
html { -webkit-text-size-adjust:none;overflow-x:hidden;}
article， aside， details， figcaption， figure， footer， header， hgroup， menu， nav， section { display: block; }
img { display: block; max-width: 100%; height:auto; width: auto\9; /* ie8 */ vertical-align:top; }
.video embed， .video object， .video iframe { width: 100%; height: auto; }
a { border:0; text-decoration: none; outline: none;}
a,button,input{-webkit-tap-highlight-color:rgba(255,0,0,0);}
em{ font-style: normal;}
.clearfix:after,
.clearfix:before { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
body {min-width:300px; /*font-family:"Helvetica", "Arial";*/ background-color: #fff; color:#030000;overflow-x:hidden;}
body{font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial,
"Microsoft YaHei", FreeSans, Arimo, "Droid Sans",
"wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3",
FontAwesome, sans-serif;}






/**
 * Swiper 4.5.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2019 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 22, 2019
 */
.swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}
.swiper-container-no-flexbox .swiper-slide{float:left}
.swiper-container-vertical>.swiper-wrapper{flex-direction:column}
.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}
.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0,0,0)}
.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}
.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}
.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}
.swiper-slide-invisible-blank{visibility:hidden}
.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}
.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}
.swiper-container-3d{perspective:1200px}
.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}
.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}
.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{touch-action:pan-y}
.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{touch-action:pan-x}
.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}
.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}
.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}
.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}
.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}
.swiper-button-lock{display:none}
.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}
.swiper-pagination.swiper-pagination-hidden{opacity:0}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}
.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}
.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}
button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}
.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}
.swiper-pagination-bullet-active{opacity:1;background:#007aff}
.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0,-50%,0)}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s top,.2s -webkit-transform;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s left,.2s -webkit-transform;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}
.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s right,.2s -webkit-transform;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}
.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}
.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}
.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}
.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}
.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}
.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}
.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}
.swiper-pagination-lock{display:none}
.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}
.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}
.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}
.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}
.swiper-scrollbar-cursor-drag{cursor:move}
.swiper-scrollbar-lock{display:none}
.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}
.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}
.swiper-slide-zoomed{cursor:move}
.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s steps(12,end) infinite}
.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}
.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}
.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}
.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}
.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}
.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}
.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}
.swiper-container-cube{overflow:visible}
.swiper-container-cube .swiper-slide{pointer-events:none;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}
.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}
.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}
.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}
.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}
.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;backface-visibility:hidden}
.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;filter:blur(50px);z-index:0}
.swiper-container-flip{overflow:visible}
.swiper-container-flip .swiper-slide{pointer-events:none;backface-visibility:hidden;z-index:1}
.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}
.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}
.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;backface-visibility:hidden}
.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}