@charset "utf-8";
/* CSS Document */

html { overflow-y: scroll; }
body { background: #FFF; font-size: 14px; line-height: 30px; padding-top: 83px; -webkit-text-size-adjust: 100%; }
body.white { padding-top: 0; }
body, input, textarea, select { color: #4A4A4A; font-family: 'PingFangSC-Regular', 'Microsoft YaHei', '微软雅黑', sans-serif; }
body, ul, dl, dd, form, textarea, input, ol, h1, h2, h3, h4 { margin: 0; }
h1, h2, h3, h4, input, textarea, select { font-size: inherit; }
h1, h2 { color: #000 ;}
ul, ol, td, th { padding: 0; list-style: none outside; }
a { color: #333; text-decoration: none; }
a, button { -webkit-tap-highlight-color: transparent; }
h1, h2, h3, h4, i, strong, em { font-style: normal; font-weight: normal; }
a:focus, input, textarea, select, button { outline: none; }
textarea { overflow: auto; resize: none; }
img { border: 0; vertical-align: middle; max-width: 100%; }
table { border-collapse: collapse; }
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button,
input[type=submit], input[type=reset], input[type=number], input[type=tel],
input[type=text], input[type=password], button, textarea { -webkit-appearance: none !important; margin: 0; }
input[type=number] { -moz-appearance: textfield; }
input, textarea, button { border-radius: 0; }

/*::-webkit-scrollbar { height: 0; width: 5px; }
	::-webkit-scrollbar-thumb { background-color: #b9b9b9; border-radius: 0; }
	::-webkit-scrollbar-track { background-color: #fff; }*/

.clear:after { display: block; clear: both; content: ''; visibility: hidden; height: 0; }
.breakall { word-break: break-all; word-wrap: break-word; }
.float-left { float: left; } .float-right { float: right; }
.text-left { text-align: left; } .text-center { text-align: center; } .text-right { text-align: right; }
.text-justify { text-align: justify; text-justify: inter-ideograph; }
.nowrap, .nowrap li { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.swiper-index .swiper-lazy { height: 100vh; background-size: cover; background-position: 50%; }
	.ua-safari .swiper-index .swiper-lazy { height: calc(100vh - 75px); }
	.swiper-button-next, .swiper-button-prev, .pswp__button--arrow--left:before, .pswp__button--arrow--right:before { width: 18px; height: 49px; margin-top: -25px; left: 30px; background: url(../image/left.svg) no-repeat 50%; background-size: contain; }
		.swiper-button-next, .pswp__button--arrow--right:before { background-image: url(../image/right.svg); left: auto; right: 30px; }
			.pswp__button--arrow--left:before { background-image: url(../image/left-black.svg); }
			.pswp__button--arrow--right:before { background-image: url(../image/right-black.svg); }
	.swiper-container-horizontal>.swiper-pagination-bullets { bottom: 29px; width: auto; left: auto; right: 12.08%; }
		.swiper-pagination-bullet { outline: none; background: #FFF; opacity: 1; position: relative; }
	.swiper-pagination-bullet .circleProgress_wrapper { display: none; }
		.swiper-pagination-bullet-active .circleProgress_wrapper { display: block; }
	.swiper-index-logo { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 9; background: url(../image/logo-white.png) no-repeat, url(../image/logo2-white.png) no-repeat 50% calc(100vh - 80px); background-size: 361px auto, 50px; }
	.swiper-index .list-title { left: auto; right: 12.08%; bottom: 9.4vh; text-align: right; }
.header { transition: transform 0.6s; position: fixed; z-index: 99; left: 0; top: 0; width: 100%; background-color: #FFF; border-bottom: 1px solid #E6E6E6; }
	.logo { float: left; width: 361px; height: 82px; background: url(../image/logo.png) no-repeat 50%; background-size: 100% auto; }
	.navigation { float: right; margin: 26px 40px 0 0; line-height: 30px; font-size: 16px; }
		.navigation li { float: left; margin-left: 3px; }
			.navigation a { padding: 0 15px; display: inline-block; vertical-align: top; border-radius: 15px; }
			.navigation a.current { background-color: #F1F1F1; }
		.navigation li:nth-last-of-type(1) { margin-left: 33px; }
	.white .header { background-color: transparent; border-bottom-color: transparent; }
		.white .logo { background-image: url(../image/logo-white.png); }
		.white .navigation a { color: #FFF; }
		.white .navigation a.current { background-color: rgba(255,255,255,0.2); }
	.header.hide { transform: translateY(-105%); }
.footer { background-color: #F2F2F2; padding: 48px 0 30px; font-size: 12px; text-align: center; position: relative; }
	.footer-logo { width: 50px; height: 50px; background: url(../image/logo2.png) no-repeat; background-size: 100%; display: inline-block; vertical-align: top; }
	.wechat { position: absolute; width: 44px; height: 44px; top: 48px; right: 0; margin: 3px 48px 0 0; background: url(../image/chn-wechat.svg) no-repeat; background-size: 100% auto; }
		.wechat img { display: none; max-width: none; width: 100px; height: 100px; position: absolute; left: 50%; top: -110px; margin-left: -50px; }
		.wechat:hover img { display: block; }
.list li { float: left; width: calc((100% - 2px) / 3); margin-right: 1px; margin-bottom: 1px; }
	.list li:nth-of-type(3n) { margin-right: 0; }
		.list a { display: block; position: relative; overflow: hidden; }
			.list-image { padding-top: 56.25%; background-size: cover; background-position: 50%; position: relative; }
				.list a:hover .list-image { transform: scale(1.05); }
				.ua-mobile .list a:hover .list-image { transform: scale(1); }
			.list-title { position: absolute; left: 50px; bottom: 45px; line-height: 22px; font-size: 16px; color: #FFF; }
				.list-title small { display: block; font-size: 14px; opacity: 0.5; line-height: 20px; }
.cate-list, .list { overflow: hidden; }
	.loader-bg { background-color: #F1F1F1; }
		.loader-bg:before { content: ''; animation: loaderAnimation .8s infinite linear; background: url(../image/loading.svg) no-repeat 50%; position: absolute; left: 50%; top: 50%; width: 40px; height: 40px; margin: -20px 0 0 -20px; }
.cate-list li { float: left; margin-right: 1px; width: calc((100% - 2px) / 3); }
	.cate-list a { display: block; filter: grayscale(1); transition: filter 1.2s; position: relative; overflow: hidden; }
		.cate-list li:nth-of-type(3n) { margin-right: 0; }
		.cate-list .list-image { padding-top: 125%; position: relative; }
		.cate-list .list-title { font-size: 36px; line-height: 50px; top: 87.5%; bottom: auto; transition: top 0.8s; }
			.en .cate-list .list-title { top: 79.5%; }
			.cate-list .list-title small { font-size: 20px; margin-top: 40px; line-height: 48px; color: #FFF; opacity: 0; transition: opacity 0.8s; }
	.cate-list a:hover, .ua-mobile .cate-list a { filter: grayscale(0); }
	.cate-list a:after { display: none; content: ''; transition: right 0.8s, opacity 0.8s; opacity: 0; position: absolute; top: 12.5%; right: 15.5%; width: 19px; height: 49px; background: url(../image/right.svg); background-size: cover; }
		.cate-list a:hover:after { right: 12.5%; opacity: 1; }
		.cate-list a:hover .list-image { transform: scale(1.05); }
			.ua-mobile .cate-list a:hover .list-image { transform: scale(1); }
		.cate-list a:hover .list-title { top: 47.5%; }
			.cate-list a:hover .list-title small { opacity: 1; }
.filter { padding: 46px 0 26px; font-size: 0; text-align: center; line-height: 28px; }
	.filter a { font-size: 16px; display: inline-block; vertical-align: top; padding: 0 14px; margin: 0 36px; }
	.filter a.current { background-color: #F1F1F1; border-radius: 14px; }
.detail-top-image { padding-top: 40.625%; }
	.detail-top-image-bg { position: fixed; left: 0; top: 0; width: 100%; padding-top: 40.625%; background-size: cover; background-position: 50%; z-index: -1; }
	.detail-cate-link { display: none; color: #FFF; position: absolute; right: 7.29%; bottom: 2.96%; padding: 0 15px; font-size: 16px; background-color: rgba(255,255,255,0.2); border-radius: 15px; }
	.auto1280 { max-width: 1280px; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; }
.detail-content { overflow: hidden; background-color: #FFF; }
	.detail-content > .detail-cate-back { display: none; }
.detail-title { font-size: 30px; line-height: 42px; margin-top: 120px; }
	.viewall, .detail-cate-back { position: relative; display: block; margin: 80px auto; background-color: #F1F1F1; text-align: center; width: 142px; line-height: 48px; border-radius: 24px; }
		.viewall.mobile-show { margin: 11.11vw auto; }
		.ua-mobile .mobile-hide, .mobile-show, .filter a.mobile-filter { display: none; }
		.ua-mobile .mobile-show, .mobile-hide { display: block; }
	.detail-cate-back { margin: 0 20px 0 0; width: auto; padding: 0 20px; }
	.viewall.loading:before, .viewall.loading:after { position: absolute; left: 0; top: 0; content: ''; width: 100%; height: 100%; background-color: rgba(241,241,241, 0.9); border-radius: 24px; }
	.viewall.loading:after { animation: loaderAnimation .8s infinite linear; background: url(../image/loading.svg) no-repeat 50%; background-size: auto 40%; }
.detail-desc { display: flex; justify-content: space-between; margin-top: 60px; margin-bottom: 90px; box-sizing: border-box; padding: 0 128px; }
	.detail-desc ul { line-height: 24px; list-style: none outside!important; }
		.detail-desc li { padding: 13px 0; border-bottom: 1px solid #E6E6E6; }
			.detail-desc p { margin: 0; line-height: inherit!important; }
			.detail-desc strong { color: #000; display: inline-block; vertical-align: top; width: 150px; }
		.detail-desc li:nth-last-of-type(1) { border-bottom: none; }
	.detail-desc-left { width: 44.9%; }
	.detail-desc-right { width: 48.8%; }
		.detail-desc-right ul { margin-bottom: 20px; }
	h2.title { font-size: 20px; line-height: 50px; }
		h2.title + .list { margin: 8px 0 60px; }
.news-list { margin-top: 60px; }
	.news-list a { display: block; margin-bottom: 100px; }
		.auto960 { max-width: 960px; margin-left: auto; margin-right: auto; padding-right: 20px; padding-left: 20px; }
		.gray { color: #999; }
		.news-time { font-size: 12px; line-height: 17px; }
		.news-list h2 { margin-top: 3px; line-height: 28px; font-size: 20px; float: left; width: 360px; }
		.news-list h3 { float: right; width: 520px; text-align: right; }
		.news-list img { margin-top: 30px; }
	.font-light { font-family: 'PingFangSC-Light', 'Microsoft YaHei Light'; }
.news-detail { margin-top: 60px; padding-bottom: 60px; }
	.news-detail .news-time { font-size: 14px; line-height: 20px; }
	.news-detail h1 { line-height: 42px; font-size: 30px; margin: 10px 0 60px; }
.about .swiper-lazy, .about img, .about-image { filter: grayscale(1); }
	.about .swiper-lazy { padding-top: 33.33333%; background-size: cover; background-position: 50%; }
.about-intro { margin-top: 120px; margin-bottom: 120px; }
	.about-intro h1 { font-size: 30px; line-height: 42px; margin-bottom: 26px; }
.about-team { margin-bottom: 120px; }
	.about-team dl { display: flex; justify-content: space-between; margin-bottom: 40px; }
		.about-team dt { width: 49.21%; }
		.about-team dd { width: 49.21%; display: flex; flex-direction: column; justify-content: center; }
			.about-team dd > * { width: 73.65%; margin: 0 auto; }
			.about-team h2 { font-size: 30px; line-height: 42px; margin-bottom: 16px; }
	.about-team dl:nth-of-type(2n) { flex-direction: row-reverse; }
		.about-team dl:nth-of-type(2n) h2 { text-align: right; }
.about-image { position: relative; overflow: hidden; height: 640px; }
	.about-image > div { height: 832px; background-size: cover; background-position: 50%; }
.map { float: left; width: calc(100% - 390px); height: 638px; font-size: 12px; }
.address { float: right; background-color: #F9F9F9; overflow: hidden; width: 310px; height: 638px; display: flex; flex-direction: column; justify-content: center; padding: 0 40px; }
	.address h1 { font-size: 30px; line-height: 42px; margin-bottom: 28px; }
.contact-image { padding-top: 33.33333%; background: url(../image/contact.jpg) 50%; background-size: cover; }
	.contact h2 { font-size: 30px; line-height: 42px; margin: 70px 0 20px; text-align: center; }
	.contact ul { border-left: 1px solid #D8D8D8; overflow: hidden; }
		.contact li { float: left; width: calc(100% / 3); border-right: 1px solid #D8D8D8; padding: 40px 60px 70px; box-sizing: border-box; }
.job-list { margin: 50px 0 120px; }
	.job-list dl { border-bottom: 1px solid #E6E6E6; }
		.job-list dt { color: #000; line-height: 50px; padding: 0 20px; cursor: pointer; position: relative; }
			.job-list dt:after { position: absolute; right: 18px; content: ''; width: 16px; height: 100%; background: url(../image/bottom.gif) no-repeat 50%; background-size: contain; }
			.job-list dt.show:after { transform: rotate(-180deg); }
		.job-list dd { max-width: 538px; padding: 0 40px 9px; display: none; }
.job { margin-bottom: 60px; }
.works-all { visibility: hidden; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: #FFF; z-index: 100; }
	.pswpbox { position: relative; height: 100%; width: calc(100% - 146px); transform: translate3d(146px, 0, 0); }
		.pswp__bg { background-color: #FFF; }
	.works-thumbs { position: absolute; width: 146px; height: 100%; left: 0; top: 0; }
		.works-thumbs li { cursor: pointer; width: 146px; height: 146px; position: relative; background-color: #F5F5F5; margin-bottom: 1px; overflow: hidden; }
			.works-thumbs li:before { animation: loaderAnimation .8s infinite linear; content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: url(../image/loading.svg) no-repeat 50%; background-size: 30px auto; }
			.works-thumbs-pic { position: relative; transition: transform 1.5s ease-out; cursor: pointer; height: 100%; background-position: 50%; background-size: cover; }
			.works-thumbs li:hover .works-thumbs-pic { transform: scale(1.05); }
		.works-thumbs li.current { filter: brightness(0.6); }
		.works-thumbs li:nth-last-of-type(1) { margin-bottom: 0; }
	.jspVerticalBar { width: 0; overflow: hidden; }
	.pswp__caption { min-height: 0; }
		.pswp__caption__center { max-width: none; color: #FFF; }
		.pswp__ui--fit .pswp__top-bar, .pswp__ui--fit .pswp__caption { background-color: transparent!important; }
	.pswp__preloader { animation: loaderAnimation .8s infinite linear; width: 40px; height: 40px; background-image: url(../image/loading.svg); left: calc(50% - 20px); top: calc(50% - 20px); margin: 0; }
		.pswp__preloader__icn { display: none; }
.works-close { width: 44px; height: 44px; position: absolute; right: 0; top: 0; background: url(../image/close.svg) 50% no-repeat; background-size: 14px; z-index: 99; }
	.pswp__counter { left: 50%; top: auto; transform: translateX(-50%); bottom: 0; opacity: 1; color: #000; }
.circleProgress_wrapper{ width: 16px; height: 16px; position: absolute; left: -4px; top: -4px; }
	.wrapper{ width: 8px; height: 16px; position: absolute; top:0; overflow: hidden; }
		.right{ right:0; }
		.left{ left:0; }
	.circleProgress{ width: 12px; height: 12px; border:2px solid #FFF; border-radius: 50%; position: absolute; top:0; -webkit-transform: rotate(45deg); }
		.rightcircle{ border-top: 2px solid transparent; border-right:2px solid transparent; right:0; animation: circleProgressLoad_right 5s linear infinite; }
		.leftcircle{ border-bottom: 2px solid transparent; border-left:2px solid transparent; left:0; animation: circleProgressLoad_left 5s linear infinite; }
.lazyload { opacity: 0; transition: opacity 0.9s, transform 1.5s ease-out; }
	.lazyload.loaded { opacity: 1; }
@media screen and (min-width: 901px){
	.cate-list .list-image { min-height: calc(100vh - 265px); box-sizing: border-box; }
}
@media screen and (max-width: 1200px){
	.list li { width: calc((100% - 1px) / 2); }
	.list li:nth-of-type(3n) { margin-right: 1px; }
	.list li:nth-of-type(2n) { margin-right: 0; }
	.detail-middle-image { margin-top: 20px; }
		.detail-middle-image li { width: 100%!important; float: none; margin: 0; height: 0; padding-top: 56.25%; }
}
@media screen and (max-width: 950px){
	.news-list h2 { width: 100%; float: none; }
	.news-list h3 { float: none; width: 100%; }
	.news-list a { margin-bottom: 30px; }
	.news-list img { margin-top: 20px; }
}
@media screen and (max-width: 900px){
	body { padding-top: calc(15.18vw + 1px); font-size: 2.96vw; line-height: 5.55vw; }
	.logo { width: 66.85vw; height: 15.18vw; }
	.swiper-index-logo { background-size: 66.85vw auto, 30px; background-position: 0 0, 50% calc(100vh - 50px); }
	.swiper-container-horizontal>.swiper-pagination-bullets { right: auto; width: 100%; bottom: 60px; }
	.menu { float: right; width: 15.18vw; height: 15.18vw; background: url(../image/menu.svg) no-repeat 50%; background-size: 4.07vw; }
	.white .menu { background-image: url(../image/menu-white.svg); }
	.navigation { visibility: hidden; font-size: 3.7vw; opacity: 0; transition: opacity 0.3s; position: fixed; width: 100%; height: 100%; background-color: rgba(255,255,255,0.8); top: calc(15.18vw + 1px); line-height: 7.4vw; margin: 0; padding-top: 7.4vw; }
		.navigation li { float: none; text-align: right; margin: 0 0 3.7vw; padding: 0 3.7vw; }
			.navigation a { padding: 0 4.44vw; border-radius: 3.7vw; }
		.navigation.show { visibility: visible; opacity: 1; }
	.cate-list li, .list li { width: 100%; margin-right: 0; float: none; }
	.cate-list li { margin-bottom: 1px; }
	.cate-list .list-image { padding-top: 0; height: calc((100vh - 15.18vw - 3px) / 3); }
		.ua-safari .cate-list .list-image { padding-top: 0; height: calc((100vh - 15.18vw - 67px) / 3); }
		.cate-list a:after { width: 10px; height: 25px; }
	.news-list, .news-detail { margin-top: 5.55vw; }
		.news-time { font-size: 2.22vw; }
		.news-list a { margin-bottom: 7.4vw; }
			.news-list h2 { font-size: 3.7vw; }
			.news-list h3 { display: none; }
			.news-list img { margin-top: 3.7vw; }
	.news-detail { font-size: 2.96vw; line-height: 5.55vw; }
		.news-detail .news-time { font-size: 2.59vw; }
		.news-detail img { max-width: 100%!important; }
		.news-detail h1 { font-size: 4.55vw; line-height: 7.77vw; margin-bottom: 20px; }
	.swiper-button-next, .swiper-button-prev { width: 9px; height: 25px; margin-top: -12px; left: 15px; }
	.swiper-button-next { left: auto; right: 15px; }
	.list-title { font-size: 2.96vw; left: 7.77vw; bottom: 7.77vw; }
		.list-title small { font-size: 2.59vw; }
	.swiper-index .list-title { text-align: center; bottom: 24vw; font-size: 3.7vw; left: 50%; right: auto; transform: translateX(-50%); }
		.cate-list .list-title { font-size: 6.66vw; line-height: 9.25vw; left: 9.25vw; top: calc(100% - 18.5vw); }
			.en .cate-list .list-title { top: calc(100% - 18.5vw); }
			.ua-mobile .cate-list a:hover .list-title { top: calc(100% - 18.5vw); }
			.cate-list .list-title small { display: none; }
	.filter { padding: 14.36vw 0 3.7vw; position: relative; line-height: 10.66vw; }
		.filter a { display: none; margin: 0; padding: 0; font-size: 2.96vw; }
			.filter a.current { background-color: transparent; }
		.filter a.mobile-filter { position: absolute; white-space: nowrap; top: 3.7vw; left: 50%; padding-right: 6.66vw; display: block; transform: translateX(-50%); background: url(../image/bottom.gif) no-repeat 100% 50%; background-size: 2.96vw; }
	.detail-top-image, .detail-top-image-bg { height: 0; padding-top: 70.74vw; }
	.detail-cate-link { font-size: 12px; line-height: 22px; right: 20px; bottom: 20px; }
	.detail-cate-back { display: none; }
		.detail-content > .detail-cate-back { display: block; width: 32vw; margin: 20px auto; }
			.en .detail-content > .detail-cate-back { width: 48vw; }
	.pswpbox { width: 100%; transform: translate3d(0, 0, 0); }
	.viewall, .detail-cate-back { margin: 20px auto 0; line-height: 8.88vw; padding: 0; width: 26.29vw; font-size: 2.96vw; }
		.detail-cate-back { margin: 0 20px 0 0; }
	.detail-title { margin: 30px 0 0; font-size: 4.55vw; line-height: 7.77vw; padding: 0 20px; }
	.detail-desc { padding: 0 20px; margin: 0; font-size: 2.96vw; line-height: 5.55vw; flex-wrap: wrap; }
		.detail-desc-left, .detail-desc-right { width: 100%; margin: 30px 0; }
		.detail-desc-left { line-height: 9.25vw; }
		.detail-desc-left li:nth-last-of-type(1) { border-bottom: 1px solid #E6E6E6; }
			.detail-desc strong { width: 10em; }
		.detail-desc-right ul { margin: 20px 0 0; }
	h2.title { font-size: 20px; }
	h2.title + .list { margin-bottom: 20px; }
	.footer { padding: 20px 0; font-size: 2.22vw; line-height: 3.14vw; }
		.footer-logo { width: 30px; height: 30px; }
		.wechat { width: 8.14vw; height: 8.14vw; top: 20px; margin-top: calc((8.14vw - 30px) / 2) }
		.copy { margin: 10px 0 0; }
			.copy span { height: 0; display: block; }
	.about .swiper-lazy { height: 0; padding-top: 56.25%; }
	.about-intro { font-size: 2.96vw; line-height: 5.55vw; margin: 11.11vw 0; text-align: justify; }
	.about-team dl { display: block; margin-bottom: 30px; }
		.about-team dt, .about-team dd { width: 100%; }
		.about-team dt img { width: 100%; }
		.about-team h2 { margin: 20px 0 10px; font-size: 20px; line-height: 24px; }
		.about-team dl:nth-of-type(2n) h2 { text-align: left; }
		.about-team dd > * { width: 100%; }
	.about-team { margin-bottom: 40px; }
	.about-image { height: 200px; }
		.about-image > div { height: 260px; }
	.map { width: 100%; height: 240px; }
	.address { width: auto; float: none; height: auto; padding: 20px; display: block; }
		.about-intro h1, .job h2, .address h1 { font-size: 20px; line-height: 24px; margin-bottom: 0; }
	.job-list dt { line-height: 9.25vw; }
		.job h2 { margin: 20px 0; }
		.about-intro h1 { font-size: 4.55vw; line-height: 7.77vw; text-align: center; margin-bottom: 10px; }
	.contact-image { padding-top: 55.55%; }
		.contact h2 { font-size: 4.55vw; line-height: 7.77vw; margin: 11.11vw 0 5.55vw; }
	.job-list { margin-bottom: 60px; }
		.job-list dt:after { width: 2.96vw; }
	.contact ul { border-left: none; font-size: 2.59vw; line-height: 3.7vw; }
		.contact li { padding: 0 5.55vw; padding-top: 1.2em; height: 25vw; }
			.contact li:nth-of-type(1) { padding-left: 0; }
			.contact li:nth-of-type(2) { white-space: nowrap; }
			.contact li:nth-of-type(3) { border-right: none; padding-right: 0; }
}
@keyframes loaderAnimation{
	0%{
		-webkit-transform:rotate(0deg);
		transform:rotate(0deg)
	}
	100%{
		-webkit-transform:rotate(360deg);
		transform:rotate(360deg)
	}
}
@keyframes circleProgressLoad_right{
	0%{
		transform: rotate(45deg);
	}
	50%{
		transform: rotate(225deg);
	}
	100%{
		transform: rotate(225deg);
	}
}
@keyframes circleProgressLoad_left{
	0%{
		transform: rotate(45deg);
	}
	50%{
		transform: rotate(45deg);
	}
	100%{
		transform: rotate(225deg);
	}
}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 60%, 0);
    transform: translate3d(0, 60%, 0);
  }

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

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

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

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}