@font-face {

	font-family: 'CenturyGothic';

	src: url("https://de.tineco.com/fonts/CenturyGothicBd.otf");

	src: url("https://de.tineco.com/fonts/CenturyGothicBd.otf?#iefix") format('embedded-opentype'),

		url("https://de.tineco.com/fonts/CenturyGothicBd.otf") format('woff');

	font-weight: bold;

}



html,

body {

	font-family: 'CenturyGothic' !important;

	max-width: 100%;

	margin-left: auto;

	margin-right: auto;

	word-break: break-word;

	color: #232222;

}



.module-title {

	font-size: 48px;

	font-weight: bold;

	color: #232222;

	text-align: center;

	padding: 100px 0 30px;

}



.subtitle {

	padding: 0 60px 30px;

	font-size: 24px;

	text-align: center;

	line-height: 1.5;

}



.about-us-banner {

	display: block;

	text-decoration: none;

	position: relative;

	width: 100%;

	min-height: 400px;

}



.about-us-banner-bg {

	width: 100%;

}



.about-us-banner-info {

	width: 740px;

	position: absolute;

	left: 0;

	right: 0;

	top: 0;

	bottom: 0;

	display: flex;

	flex-direction: column;

	justify-content: center;

	font-size: 20px;

	color: #FFFFFF;

	padding-bottom: 20px;

}



.about-us-banner .about-us-banner-title {

	padding: 16px 0 16px 12%;

	color: #232222;

	background: linear-gradient(to right, #FFFFFF, transparent);

}



.about-us-banner .about-us-banner-title b {

	font-size: 24px;

	color: #00327D;

}



.about-us-banner .about-us-banner-subtitle {

	font-size: 48px;

	font-weight: bold;

	color: #FFFFFF;

	padding: 24px 0 34px 12%;

}



.about-us-banner .about-us-banner-text {

	color: #FFFFFF;

	padding-left: 12%;

}



.about-us-banner .about-us-banner-tips {

	position: absolute;

	left: 6%;

	bottom: 20px;

	font-size: 14px;

	color: #FFFFFF;

}



.evolution-container {

	display: flex;

	flex-direction: column;

	align-items: center;

}

.evolution-container img,.recognition-container img,.score-container img,.sector-container img,.mission-container img,.more-twinkle-box img{

	width: 100%;

}



.evolution-container .module-title,

.recognition-container .module-title {

	padding-bottom: 20px;

}



.evolution-swiper {

/* 	overflow: hidden; */

	position: relative;

	width: 100%;

}



#evolutionSwiper {

	width: 100%;

	position: unset !important;

	overflow: unset;

}



.evolution-swiper .swiper-slide {

	display: flex;

	align-items: center;

	position: relative;

	height: 100px;

}



.evolution-swiper .evolution-swiper-item {

	cursor: pointer;

}



.evolution-swiper .evolution-swiper-item-text {

	position: absolute;

	font-size: 30px;

	line-height: 30px;

	top: 0;

	left: 0;

	/* transform: translate(-50%, 0); */

	transition: all 0.3s;

}



.evolution-swiper .evolution-swiper-item-circular {

	width: 20px;

	height: 20px;

	border-radius: 50%;

	background: #8E8E8E;

	transition: all 0.3s;

	margin-left: 22px;

}

.evolution-swiper .evolution-swiper-item-circular::after{

	content: '';

	position: absolute;

	top: 50px;

	left: 42px;

	width: calc(100% - 20px);

	height: 2px;

	background: #8E8E8E;

}

.evolution-swiper .swiper-slide:first-of-type .evolution-swiper-item-text{

	left: -20px;

}

.evolution-swiper .swiper-slide:first-of-type .evolution-swiper-item-circular{

	margin-left: 1px;

}

.evolution-swiper .swiper-slide:first-of-type .evolution-swiper-item-circular::after{

	left: 21px;

	width: 100%;

}

.evolution-swiper .swiper-slide.swiper-slide-active:first-of-type .evolution-swiper-item-circular::after{

	left: 25px;

}



/* .evolution-swiper .evolution-swiper-item-line {

	width: calc(50% - 10px);

	height: 2px;

	background: #8E8E8E;

} */



.evolution-swiper .swiper-slide:last-of-type .evolution-swiper-item-circular::after{

	display: none;

} 

.evolution-swiper .swiper-slide-active .evolution-swiper-item-text {

	font-weight: bold;

	line-height: 30px;

	color: #00327D;

	text-shadow: 2px 3px 4px rgba(0, 0, 0, 0.2);

}



.evolution-swiper .swiper-slide-active .evolution-swiper-item-circular {

	width: 24px;

	height: 24px;

	background: #FFFFFF;

	border-radius: 50%;

	border: 4px solid #00327D;

	box-shadow: 2px 3px 4px 1px rgba(0, 0, 0, 0.2);

}

.evolution-swiper .swiper-slide-active .evolution-swiper-item-circular::after{

	left: 46px;

}



/* .evolution-swiper .swiper-slide-active .evolution-swiper-item-line {

	width: calc(50% - 12px);

} */



.evolution-swiper .evolution-swiper-item:hover .evolution-swiper-item-circular {

	width: 24px;

	height: 24px;

	background: #FFFFFF;

	border-radius: 50%;

	border: 4px solid #00327D;

}



.evolution-swiper .evolution-swiper-item:hover .evolution-swiper-item-text {

	font-weight: bold;

	line-height: 30px;

	color: #00327D;

	text-shadow: 2px 3px 4px rgba(0, 0, 0, 0.2);

}



.evolution-container .evolution-info {

	display: flex;

	align-items: stretch;

	padding-top: 12px;

}



.evolution-info .evolution-info-img {

	width: 44%;

}



.evolution-info .evolution-info-text {

	padding: 0 6%;

	background: #F2F2F2;

	display: flex;

	flex-direction: column;

	justify-content: center;

	font-size: 22px;

	line-height: 1.5;

}



.evolution-info .evolution-info-title {

	font-weight: bold;

	font-size: 58px;

}

.evolution-info .evolution-info-text li{

	list-style: disc;

}





.recognition-swiper {

	position: relative;

	margin-bottom: 80px;

}



#recognitionSwiper {

	position: unset !important;

}



.recognition-swiper .swiper-button-next1,.score-module-siwper .swiper-button-next1 {

	position: absolute;

	right: -32px;

	top: 45%;

	height: 40px;

	width: 30px;

	background-repeat: no-repeat;

	background-image: url("/assets/9b083f4fca41a800c3.svg");

}



.recognition-swiper .swiper-button-prev1,.score-module-siwper .swiper-button-prev1 {

	position: absolute;

	left: -32px;

	top: 45%;

	height: 40px;

	width: 30px;

	background-image: url("/assets/434769b252437b49c7.svg");

	background-repeat: no-repeat;

}



.recognition-swiper .recognition-bottom-info,

.recognition-swiper .recognition-item-info-btn {

	font-size: 20px;

	font-weight: bold;

	color: #FFFFFF;

	text-align: center;

	line-height: 1.5;

	padding: 16px;

	background: #999999;

}



.recognition-swiper .recognition-swiper-img-box {

	position: relative;

	min-height: 280px;

}



.recognition-swiper .recognition-item-info {

	position: absolute;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	display: flex;

	flex-direction: column;

	align-items: center;

	justify-content: center;

	color: #FFFFFF;

	text-align: center;

	text-decoration: none;

	padding: 0 18px;

	background: rgba(0, 50, 125, 0.5);

	display: none;

}



.recognition-swiper .recognition-item-info-btn {

	color: #FFFFFF;

	background: #00327D;

	text-decoration: none;

	display: none;

}



.recognition-swiper .swiper-slide {

	cursor: pointer;

}



.recognition-swiper .swiper-slide:hover .recognition-bottom-info {

	display: none;

}



.recognition-swiper .swiper-slide:hover .recognition-item-info {

	display: flex;

}



.recognition-swiper .swiper-slide:hover .recognition-item-info-btn {

	display: block;

}

.score-container{

	min-height: 340px;

}



.score-banner {

	position: relative;

}



.score-banner .score-banner-info {

	position: absolute;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	padding: 16px;

	color: #FFFFFF;

	display: flex;

	flex-direction: column;

	justify-content: space-between;

	padding-top: 40px;

}



.score-banner .score-banner-info-top {

	display: flex;

	justify-content: space-between;

	align-items: center;

}



.score-banner .score-banner-info-top-item {

	display: flex;

	flex-direction: column;

	align-items: center;

	width: 32%;

}



.score-banner .score-banner-info-top-item .score-banner-info-top-item-icon {

	height: 58px;

	width: auto;

}



.score-banner .score-banner-info-top-item .score-banner-info-top-item-title {

	font-size: 62px;

	height: 90px;

	font-weight: bold;

	text-shadow: 1px 2px 1px #162238;

	transition: all 0.3s;

}



.score-banner .score-banner-info-top-item .score-banner-info-top-item-text {

	font-size: 24px;

	text-shadow: 1px 2px 1px #162238;

}



.score-banner .score-banner-info-top-item .score-banner-info-top-item-title:hover {

	font-size: 68px;

}



.score-banner .score-banner-title {

	text-align: center;

	font-size: 48px;

	font-weight: bold;

}



.score-banner .score-banner-tips {

	font-size: 14px;

	text-align: right;

	padding-right: 30px;

}



.score-module {

	background: #F2F9FF;

	

}

.score-module .score-module-box{

	position: relative;

}



.score-module-siwper {

	position: unset;

	width: 92%;

}



.score-module .score-module-item {

	display: flex;

	flex-direction: column;

	padding-top: 30px;

	height: auto;

}

.score-module .score-module-item-text{

	font-size: 16px;

	overflow: hidden;

	text-overflow: ellipsis; 

	display: -webkit-box;

	-webkit-line-clamp: 8;

	-webkit-box-orient: vertical;

	margin-bottom: 10px;

	flex: 1;

}

.score-module .score-module-item-top {

	display: flex;

	align-items: center;

	padding:0 0 18px 12px;

}



.score-module .score-module-item-top .score-module-item-img {

	width: 36px;

	height: 36px;

	border-radius: 50%;

	margin-right: 10px;

	background-repeat: no-repeat;

	background-size: 100% 100%;

}



.score-module .score-module-item-top .score-module-item-img img {

	opacity: 0;

}



.score-module .score-module-item-top .score-module-item-info-name {

	font-size: 18px;

}



.score-module .score-module-item-info-grade {

	height: 25px;

	width: 160px;

	position: relative;

	margin-bottom: 10px;

	

}



.score-module .score-module-item-info-grade img {

	height: 25px;

	width: 160px;

	vertical-align: super;

}



.score-module .score-module-item-info-grade-active {

	background-image: url("https://static-ussite.tineco.com/3eb56594-40b9-4a5d-8a6d-7bd3c1246ccc.png");

	background-repeat: no-repeat;

	background-size: 160px 25px;

	height:  25px;

	position: absolute;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

}



.sector-container {

	position: relative;

	margin: 48px auto;

	min-height: 700px;

}



.sector-container-pie {

	width: 72vh;

	height: 72vh;

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

}



.sector-container-four-pie {

	width: 100%;

	height: 100%;

	position: relative;

}



.sector-item {

	display: block;

	position: absolute;

	top: 0;

	right: 0;

	width: 50%;

	height: 50%;

	transform-origin: 0% 100%;

	color: #fff;

	overflow: hidden;

	cursor: pointer;

	transition: all 0.3s;

}



.sector-item-one {

	transform: rotate(0deg) skew(0deg, 0deg);

}



.sector-item-two {

	left: 0;

	transform-origin: bottom right;

}



.sector-item-three {

	right: 50%;

	top: 50%;

	transform-origin: 100% 0;

}



.sector-item-four {

	left: 50%;

	top: 50%;

	transform-origin: left top;

}



.sector-item-inner-box {

	position: absolute;

	left: 0;

	right: 0;

	top: 0;

	bottom: 0;

	z-index: 11;

	color: #fff;

	text-align: center;

	text-decoration: none;

	line-height: 1.5;

	transform: rotate(0deg) skew(0deg, 0deg) scale(1);

	transform-origin: 0% 100%;

	background-size: auto 98%;

	background-repeat: no-repeat;

	background-position: center;

}



.sector-item span.sector-item-name {

	position: relative;

	top: 36%;

	display: block;

	font-size: 20px;

	font-weight: bold;

	color: #FFFFFF;

	transition: all 0.3s;

	text-align: center;

	display: none;

	z-index: 12;

}



.sector-item-mask{

	position: absolute;

	left: 0;

	right: 0px;

	top: 0;

	bottom: 0px;

	background: rgba(0,50,125, 0.35);

	display: none;

}



.sector-item-one:hover {

	transform: rotate(0deg) skew(0deg, 0deg) scale(1.1);

}



.sector-item-two:hover {

	transform: scale(1.1);

}



.sector-item-three:hover {

	transform: scale(1.1);

}



.sector-item-four:hover {

	transform: scale(1.1);

}



.sector-item-one:hover .sector-item-one-mask{

	display: block;

	top: 6px;

	right: 6px;

	bottom: 6px;

	border-top-right-radius: 100%;

}

.sector-item-two:hover .sector-item-two-mask{

	display: block;

	top: 6px;

	left: 6px;

	bottom: 6px;

	border-top-left-radius: 100%;

}

.sector-item-three:hover .sector-item-three-mask{

	display: block;

	left: 6px;

	bottom: 6px;

	border-bottom-left-radius: 100%;

}

.sector-item-four:hover .sector-item-four-mask{

	display: block;

	right: 6px;

	bottom: 6px;

	border-bottom-right-radius: 100%;

}



.sector-item-one:hover .sector-item-inner-box{

	background-position: left bottom;

	filter: blur(3.1px);

}

.sector-item-two:hover .sector-item-inner-box{

	background-position: right bottom;

	filter: blur(3.1px);

}

.sector-item-three:hover .sector-item-inner-box{

	background-position: right top;

	filter: blur(3.1px);

}

.sector-item-four:hover .sector-item-inner-box{

	filter: blur(3.1px);

}

.sector-item-one:hover span.sector-item-name {

	display: block;

	left: -20px;

}



.sector-item-two:hover span.sector-item-name {

	display: block;

	left: 20px;

}



.sector-item-three:hover span.sector-item-name {

	display: block;

	top: 34%;

	left: 20px;

}



.sector-item-four:hover span.sector-item-name {

	display: block;

	left: 0;

	top: 34%;

}



.sector-container-center-box {

	width: 30vh;

	height: 30vh;

	position: absolute;

	left: 50%;

	top: 50%;

	margin-left: -15vh;

	margin-top: -15vh;

	background-color: #fff;

	border-radius: 100%;

	z-index: 12;

}



.sector-center-info-miaoshu {

	position: absolute;

	left: 5%;

	right: 5%;

	top: 5%;

	text-align: center;

}



.sector-main-title {

	color: #00327D;

	font-size: 48px;

	font-weight: bold;

	line-height: 1.3;

}



.sector-item-video {

	width: 30px;

	height: 30px;

}



.mission-container {

	position: relative;

	background: #F2F2F2;

	min-height: 300px;

}

.mission-container .mission-item-bg{

	position: absolute;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	opacity: 0;

}

.mission-container .opacity-0{

	opacity: 0;

}

.mission-container .opacity-1{

	opacity: 1;

}

.mission-container .mission-left-container {

	position: absolute;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	width: 50%;

	padding: 2%;

	padding-left: 10%;

}



.mission-container .mission-item {

	opacity: 0.5;

	cursor: pointer;

	padding: 12px 0;

	transition: all 0.3s;

}



.mission-container .mission-item-title {

	font-size: 32px;

	font-weight: bold;

	transition: all 0.3s;

	display: flex;

	align-items: center;

}



.mission-container .mission-item .mission-item-title-left {

	width: 12px;

	height: 12px;

	border-radius: 50%;

	background: #000000;

	margin-right: 20px;

}



.mission-container .mission-item-subtitle {

	font-size: 14px;

	padding-left: 30px;

	line-height: 1.5;

	transition: all 0.3s;

}



.mission-container .mission-item-active{

	opacity: 1;

}

.mission-item-active .mission-item-title {

	font-size: 36px;

}

.mission-item-active .mission-item-subtitle {

	font-size: 16px;

	padding-left: 34px;

}

.mission-container .mission-item-active .mission-item-title-left {

	width: 14px;

	height: 14px;

}



.more-twinkle-container {

	display: flex;

	align-items: center;

	justify-content: space-between;

	flex-wrap: wrap;

	padding: 0 20px;

	padding-bottom: 60px;

}



.more-twinkle-container .more-twinkle-item {

	width: 24%;

	text-align: center;

	text-decoration: none;

	color: #232222;

	transition: all 0.3s;

}



.more-twinkle-container .more-twinkle-item .more-twinkle-item-img{

	overflow: hidden;

}

.more-twinkle-container .more-twinkle-item .more-twinkle-item-img img{

	transition: all 0.4s;

}

.more-twinkle-container .more-twinkle-item .more-twinkle-item-img img:hover{

	transform: scale(1.1);

}



.more-twinkle-container .more-twinkle-item .more-twinkle-info {

	padding: 20px;

	font-size: 18px;

}



.more-twinkle-container .more-twinkle-item .more-twinkle-info-title {

	font-size: 22px;

	font-weight: bold;

	padding-bottom: 12px;

}



.more-twinkle-container .more-twinkle-item .more-twinkle-info-subtitle {

	min-height: 44px;

}



.more-twinkle-container .more-twinkle-item:hover {

	box-shadow: 2px 7px 28px 1px rgba(0, 0, 0, 0.1);

	color: #333333;

}



.more-twinkle-container .more-twinkle-item:hover .more-twinkle-item-img {

	background-size: 110% 110%;

}



.pb-20 {

	padding-bottom: 20px !important;

}



.w1280-v2 {

	width: 1280px;

	margin: 0 auto;

}



@media (min-width:1368px) {

	.about-us-banner-info {

		width: 880px;

		font-size: 26px;

	}



	.about-us-banner .about-us-banner-title b {

		font-size: 28px;

	}



	.about-us-banner .about-us-banner-subtitle {

		font-size: 62px;

	}



	.score-banner .score-banner-info-top-item .score-banner-info-top-item-title {

		font-size: 68px;

		height: 100px;

	}



	.score-banner .score-banner-info-top-item .score-banner-info-top-item-title:hover {

		font-size: 74px;

	}



	.score-banner .score-banner-info-top-item .score-banner-info-top-item-text {

		font-size: 26px;

	}



	.score-banner .score-banner-title {

		font-size: 52px;

	}



	.score-banner-info-top {

		width: 1440px;

	}

	.sector-center-info-miaoshu{

		top: 8%;

	}

	.sector-main-title{

		font-size: 54px;

	}



	.mission-container .mission-item-title{

		font-size: 38px;

	}

	.mission-container .mission-item-subtitle{

		font-size: 18px;

	}

	.mission-item-active .mission-item-title {

		font-size: 48px;

	}

	.mission-item-active .mission-item-subtitle {

		font-size: 24px;

		padding-left: 34px;

	}

}

@media (max-width:1660px) and (min-width:1368px){

	.mission-container .mission-item-title{

		font-size: 32px;

	}

	.mission-container .mission-item-subtitle{

		font-size: 16px;

	}

	.mission-item-active .mission-item-title {

		font-size: 36px;

	}

	.mission-item-active .mission-item-subtitle {

		font-size: 18px;

		padding-left: 34px;

	}

}
@media (max-width:1368px){

	.w1280-v2{

		width: 1000px;

	}

	.module-title{

		padding-top: 60px;

	}

	.recognition-swiper .recognition-bottom-info, .recognition-swiper .recognition-item-info-btn{

		font-size: 16px;

	}

	.recognition-swiper .recognition-swiper-img-box{

		min-height: 220px;

	}

	.evolution-info .evolution-info-text{

		font-size: 16px;

	}

	.score-banner .score-banner-info-top-item .score-banner-info-top-item-title{

		font-size: 50px;

		height: 84px;

	}

	.score-banner .score-banner-info-top-item .score-banner-info-top-item-title:hover{

		font-size: 56px;

	}

	.score-banner .score-banner-title{

		font-size: 42px;

	}

	.mission-container .mission-item-title{

		font-size: 28px;

	}

	.mission-container .mission-item-subtitle{

		font-size: 12px;

	}

	.mission-item-active .mission-item-title {

	    font-size: 30px;

	}

	.mission-item-active .mission-item-subtitle {

	    font-size: 14px;

	}

}