@charset "UTF-8";

@media (max-width:767px) {

	.banner-icon,
	.banner-line,
	.banner-more,
	.banner-pagination,
	.product-link-item i {
		display: none !important
	}
}

@media (max-width:1366px) {

	.product-icon,
	.product-yezi {
		display: none !important
	}
}

.banner-more {
	font-family: nexa-bold, sans-serif
}

@media (max-width:767px) {
	.banner-more {
		font-family: Microsoft YaHei, sans-serif
	}
}

.title {
	color: #1796e4;
	text-align: center;
	margin-bottom: 30px;
	padding-left: 15px;
	    padding-right: 15px;
	    font-weight: 700;
	    font-size: 40px;
	
}

@media (max-width:1366px) {
	.title {
		font-size: 26px
	}
}

@media (max-width:991px) {
	.title {
		font-size: 22px
	}
}

@media (max-width:767px) {
	.title {
		font-size: 18px
	}
}

@media (max-width:1366px) {
	.title {
		margin-bottom: 25px
	}
}

@media (max-width:991px) {
	.title {
		margin-bottom: 20px
	}
}

@media (max-width:767px) {
	.title {
		margin-bottom: 15px
	}
}

.chunk {
	padding-top: 55px;
	padding-bottom: 90px
}

@media (max-width:1366px) {
	.chunk {
		padding-top: 42.66667px
	}
}

@media (max-width:991px) {
	.chunk {
		padding-top: 30.33333px
	}
}

@media (max-width:767px) {
	.chunk {
		padding-top: 18px
	}
}

@media (max-width:1366px) {
	.chunk {
		padding-bottom: 66px
	}
}

@media (max-width:991px) {
	.chunk {
		padding-bottom: 42px
	}
}

@media (max-width:767px) {
	.chunk {
		padding-bottom: 18px
	}
}

.banner {
	display: flex;
	align-items: flex-end;
	position: relative;
	height: 100vh
}

@media (max-width:767px) {
	.banner {
		height: 52vh
	}
}

.banner-bg,
.banner-swiper {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0
}

.banner-bg {
	transition: all 5s;
	background-size: cover;
	background-position: 50%
}

.active .banner-bg {
	transform: scale(1.1)
}

.banner-text {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-end;
	z-index: 1;
	color: #fff;
	text-align: center;
	width: 100%;
	padding-bottom: 50px
}

@media (max-width:1366px) {
	.banner-text {
		padding-bottom: 60px
	}
}

@media (max-width:991px) {
	.banner-text {
		padding-bottom: 70px
	}
}

@media (max-width:767px) {
	.banner-text {
		padding-bottom: 80px
	}
}

.banner-pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%
}

.banner-pagination div {
	padding: 8px;
	outline: none;
	cursor: pointer
}

.banner-pagination span {
	display: inline-flex;
	height: 11px;
	width: 11px;
	border-radius: 50%;
	background-color: #fff;
	transition: all .25s;
	transform: scale(.6)
}

.banner-pagination div.active span {
	transform: scale(1)
}

.banner-subtitle,
.banner-title {
	position: relative;
	width: 100%;
	overflow: hidden;
	padding-left: 15px;
	padding-right: 15px
}

.banner-subtitle-item,
.banner-title-item {
	width: 100%;
	opacity: 0;
	transition: all .45s;
	transform: translateY(100%)
}

.banner-subtitle-item:not(:first-child),
.banner-title-item:not(:first-child) {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%
}

.banner-subtitle-item.active,
.banner-title-item.active {
	opacity: 1;
	transform: translateY(0)
}

.banner-subtitle {
	font-size: 40px;
	margin-top: 30px;
	margin-bottom: 15px
}

@media (max-width:1366px) {
	.banner-subtitle {
		font-size: 34px
	}
}

@media (max-width:991px) {
	.banner-subtitle {
		font-size: 28px
	}
}

@media (max-width:767px) {
	.banner-subtitle {
		font-size: 22px
	}
}

@media (max-width:1366px) {
	.banner-subtitle {
		margin-top: 25px
	}
}

@media (max-width:991px) {
	.banner-subtitle {
		margin-top: 20px
	}
}

@media (max-width:767px) {
	.banner-subtitle {
		margin-top: 15px
	}
}

@media (max-width:1366px) {
	.banner-subtitle {
		margin-bottom: 12.5px
	}
}

@media (max-width:991px) {
	.banner-subtitle {
		margin-bottom: 10px
	}
}

@media (max-width:767px) {
	.banner-subtitle {
		margin-bottom: 7.5px
	}
}

.banner-title {
	margin-bottom: 9.375vw;
	font-size: 60px
}

@media (max-width:1366px) {
	.banner-title {
		font-size: 48.66667px
	}
}

@media (max-width:991px) {
	.banner-title {
		font-size: 37.33333px
	}
}

@media (max-width:767px) {
	.banner-title {
		font-size: 26px
	}
}

.banner-line {
	width: 1px;
	background-color: #fff;
	height: 130px
}

@media (max-width:1366px) {
	.banner-line {
		height: 91.66667px
	}
}

@media (max-width:991px) {
	.banner-line {
		height: 53.33333px
	}
}

@media (max-width:767px) {
	.banner-line {
		height: 15px
	}
}

.banner-icon {
	margin-top: 30px;
	margin-bottom: 30px
}

@media (max-width:1366px) {
	.banner-icon {
		margin-top: 25px
	}
}

@media (max-width:991px) {
	.banner-icon {
		margin-top: 20px
	}
}

@media (max-width:767px) {
	.banner-icon {
		margin-top: 15px
	}
}

@media (max-width:1366px) {
	.banner-icon {
		margin-bottom: 25px
	}
}

@media (max-width:991px) {
	.banner-icon {
		margin-bottom: 20px
	}
}

@media (max-width:767px) {
	.banner-icon {
		margin-bottom: 15px
	}
}

.banner-icon .raindrop {
	width: 18px;
	height: 31px;
	border-radius: 20px;
	border: 2px solid #fff;
	bottom: 5%;
	top: auto;
	cursor: pointer;
	position: relative;
	z-index: 10
}

.banner-icon .raindrop span {
	display: block;
	background-color: #fff;
	height: 6px;
	width: 2px;
	margin: 0 auto;
	-webkit-animation: rain 1.2s linear infinite;
	animation: rain 1.2s linear infinite
}

@-webkit-keyframes rain {
	0% {
		transform: translateY(5px);
		opacity: 1
	}

	80% {
		transform: translateY(25px);
		opacity: 0
	}

	to {
		transform: translateY(25px);
		opacity: 0
	}
}

@keyframes rain {
	0% {
		transform: translateY(5px);
		opacity: 1
	}

	80% {
		transform: translateY(25px);
		opacity: 0
	}

	to {
		transform: translateY(25px);
		opacity: 0
	}
}

.banner-more {
	font-size: 14px
}

.product {
	position: relative;
	background-color: #fff;
	text-align: center
}

.product-icon {
	position: absolute
}

.product-icon.i1 {
	top: 305px;
	left: 85px
}

.product-icon.i2 {
	top: 30px;
	right: 395px
}

.product-icon.i3 {
	top: 500px;
	right: 80px
}

.product-yezi {
	position: absolute;
	top: 20%;
	left: 50%;
	z-index: 0;
	width: 12.5%;
	overflow: hidden;
	transition: all 1.5s;
	transform: translate(-50%, -50%)
}

.product-yezi-inner {
	position: absolute;
	left: 0;
	top: 0;
	width: 1500%
}

.product-yezi:after {
	content: "";
	display: block;
	padding-bottom: 48.8889%
}

.product-yezi.active .product-yezi-inner {
	-webkit-animation: sprite 1.5s steps(14) forwards;
	animation: sprite 1.5s steps(14) forwards
}

@-webkit-keyframes sprite {
	0% {
		transform: translate(0) translateZ(0)
	}

	16% {
		transform: translate(-93.33333%) translateZ(0)
	}

	16.005% {
		transform: translateY(-20%) translateZ(0)
	}

	32% {
		transform: translate(-93.33333%, -20%) translateZ(0)
	}

	32.005% {
		transform: translateY(-40%) translateZ(0)
	}

	48% {
		transform: translate(-93.33333%, -40%) translateZ(0)
	}

	48.005% {
		transform: translateY(-60%) translateZ(0)
	}

	64% {
		transform: translate(-93.33333%, -60%) translateZ(0)
	}

	64.005% {
		transform: translateY(-80%) translateZ(0)
	}

	80% {
		transform: translate(-93.33333%, -80%) translateZ(0)
	}

	80.005% {
		transform: translate(-93.33333%, -80%) translateZ(0)
	}

	to {
		transform: translate(-93.33333%, -80%) translateZ(0)
	}
}

.product-title {
	margin-bottom: 50px
}

@media (max-width:1366px) {
	.product-title {
		margin-bottom: 40px
	}
}

@media (max-width:991px) {
	.product-title {
		margin-bottom: 30px
	}
}

@media (max-width:767px) {
	.product-title {
		margin-bottom: 20px
	}
}

.product-en {
	margin-bottom: 30px
}

@media (max-width:1366px) {
	.product-en {
		margin-bottom: 25px
	}
}

@media (max-width:991px) {
	.product-en {
		margin-bottom: 20px
	}
}

@media (max-width:767px) {
	.product-en {
		margin-bottom: 15px
	}
}

.product-en img {
	display: block;
	margin: 0 auto;
	max-width: 70%
}

.product-subtitle {
	color: #1796e4;
	font-weight: 700;
	margin-bottom: 8px;
	font-size: 40px
}

@media (max-width:1366px) {
	.product-subtitle {
		font-size: 34px
	}
}

@media (max-width:991px) {
	.product-subtitle {
		font-size: 28px
	}
}

@media (max-width:767px) {
	.product-subtitle {
		font-size: 22px
	}
}

.product-line {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 1px;
	height: 25px;
	background-color: #1796e4;
	margin-bottom: 20px
}

@media (max-width:1366px) {
	.product-line {
		margin-bottom: 16.66667px
	}
}

@media (max-width:991px) {
	.product-line {
		margin-bottom: 13.33333px
	}
}

@media (max-width:767px) {
	.product-line {
		margin-bottom: 10px
	}
}

.product-desc {
	line-height: 1.7;
	font-size: 20px;
	margin-bottom: 45px
}

@media (max-width:1366px) {
	.product-desc {
		font-size: 18px
	}
}

@media (max-width:991px) {
	.product-desc {
		font-size: 16px
	}
}

@media (max-width:767px) {
	.product-desc {
		font-size: 14px
	}
}

@media (max-width:1366px) {
	.product-desc {
		margin-bottom: 36.66667px
	}
}

@media (max-width:991px) {
	.product-desc {
		margin-bottom: 28.33333px
	}
}

@media (max-width:767px) {
	.product-desc {
		margin-bottom: 20px
	}
}

.product-link {
	position: relative
}

.product-link-pic {
	position: relative;
	z-index: 5;
	display: block;
	width: 100%;
	opacity: 0;
	transition: all .18s
}

.product-link-pic:not(:first-child) {
	position: absolute;
	left: 0;
	top: 0
}

.product-link-pic.active {
	opacity: 1
}

.product-link-body {
	display: flex;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	z-index: 10
}

.product-link-item {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 25%;
	color: #fff;
	background-color: rgba(25, 95, 54, .3);
	border-left: .5px solid hsla(0, 0%, 100%, .2);
	border-right: .5px solid hsla(0, 0%, 100%, .2)
}

.product-link-item span {
	font-weight: 700;
	font-size: 30px
}

@media (max-width:1366px) {
	.product-link-item span {
		font-size: 24.66667px
	}
}

@media (max-width:991px) {
	.product-link-item span {
		font-size: 19.33333px
	}
}

@media (max-width:767px) {
	.product-link-item span {
		font-size: 14px
	}
}

.product-link-item i {
	position: absolute;
	bottom: 15%;
	left: 50%;
	transform: translateX(-50%);
	font-size: 70px
}

@media (max-width:1366px) {
	.product-link-item i {
		font-size: 60.66667px
	}
}

@media (max-width:991px) {
	.product-link-item i {
		font-size: 51.33333px
	}
}

@media (max-width:767px) {
	.product-link-item i {
		font-size: 42px
	}
}

.product-link-item,
.product-link-item i {
	transition: all .25s
}

.product-link-item i {
	opacity: 0
}

.product-link-item.active,
.product-link-item:hover {
	background-color: transparent
}

.product-link-item.active i,
.product-link-item:hover i {
	opacity: 1
}

.product-control {
	position: absolute;
	top: 0;
	z-index: 5;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	border: 1px solid #ccc;
	color: #1796e4;
	font-weight: 700;
	transition: all .25s;
	cursor: pointer;
	font-size: 16px;
	width: 40px;
	height: 40px
}

@media (max-width:1366px) {
	.product-control {
		font-size: 13.86667px
	}
}

@media (max-width:991px) {
	.product-control {
		font-size: 12px
	}
}

@media (max-width:767px) {
	.product-control {
		font-size: 12px
	}
}

@media (max-width:1366px) {
	.product-control {
		width: 36.66667px
	}
}

@media (max-width:991px) {
	.product-control {
		width: 33.33333px
	}
}

@media (max-width:767px) {
	.product-control {
		width: 30px
	}
}

@media (max-width:1366px) {
	.product-control {
		height: 36.66667px
	}
}

@media (max-width:991px) {
	.product-control {
		height: 33.33333px
	}
}

@media (max-width:767px) {
	.product-control {
		height: 30px
	}
}

.product-control.prev {
	left: 0
}

.product-control.next {
	right: 0
}

.product-control:hover {
	background-color: #1796e4;
	color: #fff
}

.youshi-subtitle {
	text-align: center;
	color: #1B2F5F;
	font-weight: 700;
	font-size: 40px;
	margin-bottom: 78px
}

@media (max-width:1366px) {
	.youshi-subtitle {
		font-size: 32.66667px
	}
}

@media (max-width:991px) {
	.youshi-subtitle {
		font-size: 25.33333px
	}
}

@media (max-width:767px) {
	.youshi-subtitle {
		font-size: 18px
	}
}

@media (max-width:1366px) {
	.youshi-subtitle {
		margin-bottom: 51.66667px
	}
}

@media (max-width:991px) {
	.youshi-subtitle {
		margin-bottom: 33.33333px
	}
}

@media (max-width:767px) {
	.youshi-subtitle {
		margin-bottom: 15px
	}
}

.youshi-item {
	flex-direction: column
}

.youshi-item-media,
.youshi-item-text {
	padding-left: 60px;
	padding-right: 60px
}

@media (max-width:1366px) {

	.youshi-item-media,
	.youshi-item-text {
		padding-left: 45px
	}
}

@media (max-width:991px) {

	.youshi-item-media,
	.youshi-item-text {
		padding-left: 30px
	}
}

@media (max-width:767px) {

	.youshi-item-media,
	.youshi-item-text {
		padding-left: 15px
	}
}

@media (max-width:1366px) {

	.youshi-item-media,
	.youshi-item-text {
		padding-right: 45px
	}
}

@media (max-width:991px) {

	.youshi-item-media,
	.youshi-item-text {
		padding-right: 30px
	}
}

@media (max-width:767px) {

	.youshi-item-media,
	.youshi-item-text {
		padding-right: 15px
	}
}

.youshi-item-media {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: #fff;
	background-size: cover;
	background-position: 50%;
	min-height: 435px
}

@media (max-width:1366px) {
	.youshi-item-media {
		min-height: 362.5px
	}
}

@media (max-width:991px) {
	.youshi-item-media {
		min-height: 290px
	}
}

@media (max-width:767px) {
	.youshi-item-media {
		min-height: 217.5px
	}
}

.youshi-item-media .bg {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0
}

.youshi-item-media .icon {
	position: relative;
	font-size: 70px
}

@media (max-width:1366px) {
	.youshi-item-media .icon {
		font-size: 60.66667px
	}
}

@media (max-width:991px) {
	.youshi-item-media .icon {
		font-size: 51.33333px
	}
}

@media (max-width:767px) {
	.youshi-item-media .icon {
		font-size: 42px
	}
}

.youshi-item-text {
	color: #fff;
	text-align: center;
	padding-top: 60px;
	padding-bottom: 60px
}

@media (max-width:1366px) {
	.youshi-item-text {
		padding-top: 46.66667px
	}
}

@media (max-width:991px) {
	.youshi-item-text {
		padding-top: 33.33333px
	}
}

@media (max-width:767px) {
	.youshi-item-text {
		padding-top: 20px
	}
}

@media (max-width:1366px) {
	.youshi-item-text {
		padding-bottom: 46.66667px
	}
}

@media (max-width:991px) {
	.youshi-item-text {
		padding-bottom: 33.33333px
	}
}

@media (max-width:767px) {
	.youshi-item-text {
		padding-bottom: 20px
	}
}

.youshi-item-title {
	font-weight: 700;
	font-size: 30px;
	margin-bottom: 18px
}

@media (max-width:1366px) {
	.youshi-item-title {
		font-size: 26px
	}
}

@media (max-width:991px) {
	.youshi-item-title {
		font-size: 22px
	}
}

@media (max-width:767px) {
	.youshi-item-title {
		font-size: 18px
	}
}

@media (max-width:1366px) {
	.youshi-item-title {
		margin-bottom: 15px
	}
}

@media (max-width:991px) {
	.youshi-item-title {
		margin-bottom: 12px
	}
}

@media (max-width:767px) {
	.youshi-item-title {
		margin-bottom: 9px
	}
}

.youshi-item-desc {
	line-height: 1.7
}

.youshi-item-media * {
	opacity: 0;
	transition: all .25s
}

.youshi-item:hover .youshi-item-media .bg {
	opacity: .7
}

.youshi-item:hover .youshi-item-media .icon {
	opacity: 1
}

.youshi-model {
	color: #fff;
	background-color: #1796e4;
	border-radius: 10px;
	width: 1200px;
	max-width: 95%;
	padding: 80px
}

@media (max-width:1366px) {
	.youshi-model {
		padding: 58.33333px
	}
}

@media (max-width:991px) {
	.youshi-model {
		padding: 36.66667px
	}
}

@media (max-width:767px) {
	.youshi-model {
		padding: 15px
	}
}

.youshi-model-gongyi {
	padding-bottom: 40px
}

@media (max-width:1366px) {
	.youshi-model-gongyi {
		padding-bottom: 26.66667px
	}
}

@media (max-width:991px) {
	.youshi-model-gongyi {
		padding-bottom: 13.33333px
	}
}

@media (max-width:767px) {
	.youshi-model-gongyi {
		padding-bottom: 0
	}
}

.youshi-model-title {
	display: flex;
	align-items: center;
	font-size: 30px;
	margin-bottom: 20px
}

@media (max-width:1366px) {
	.youshi-model-title {
		font-size: 26px
	}
}

@media (max-width:991px) {
	.youshi-model-title {
		font-size: 22px
	}
}

@media (max-width:767px) {
	.youshi-model-title {
		font-size: 18px
	}
}

@media (max-width:1366px) {
	.youshi-model-title {
		margin-bottom: 16.66667px
	}
}

@media (max-width:991px) {
	.youshi-model-title {
		margin-bottom: 13.33333px
	}
}

@media (max-width:767px) {
	.youshi-model-title {
		margin-bottom: 10px
	}
}

.youshi-model-title img {
	margin-right: 18px;
	max-width: 60px
}

.youshi-model-desc {
	line-height: 2.2;
	margin-bottom: 70px
}

@media (max-width:1366px) {
	.youshi-model-desc {
		margin-bottom: 51.66667px
	}
}

@media (max-width:991px) {
	.youshi-model-desc {
		margin-bottom: 33.33333px
	}
}

@media (max-width:767px) {
	.youshi-model-desc {
		margin-bottom: 15px
	}
}

.youshi-model .fancybox-close-small {
	background-color: #1796e4;
	border-radius: 50%;
	top: 15px;
	right: 15px
}

.contact {
	background-color: #fff
}

.contact-group {
	position: relative;
	display: block;
	border: 1px solid #ecf4f4;
	padding: 60px 80px 120px
}

@media (max-width:1366px) {
	.contact-group {
		padding-top: 46.66667px
	}
}

@media (max-width:991px) {
	.contact-group {
		padding-top: 33.33333px
	}
}

@media (max-width:767px) {
	.contact-group {
		padding-top: 20px
	}
}

@media (max-width:1366px) {
	.contact-group {
		padding-bottom: 93.33333px
	}
}

@media (max-width:991px) {
	.contact-group {
		padding-bottom: 66.66667px
	}
}

@media (max-width:767px) {
	.contact-group {
		padding-bottom: 40px
	}
}

@media (max-width:1366px) {
	.contact-group {
		padding-left: 60px
	}
}

@media (max-width:991px) {
	.contact-group {
		padding-left: 40px
	}
}

@media (max-width:767px) {
	.contact-group {
		padding-left: 20px
	}
}

@media (max-width:1366px) {
	.contact-group {
		padding-right: 60px
	}
}

@media (max-width:991px) {
	.contact-group {
		padding-right: 40px
	}
}

@media (max-width:767px) {
	.contact-group {
		padding-right: 20px
	}
}

.contact-title {
	display: flex;
	align-items: center;
	font-weight: 700;
	color: #1b2f5f;
	font-size: 22px;
	margin-bottom: 45px
}

@media (max-width:1366px) {
	.contact-title {
		font-size: 20.66667px
	}
}

@media (max-width:991px) {
	.contact-title {
		font-size: 19.33333px
	}
}

@media (max-width:767px) {
	.contact-title {
		font-size: 18px
	}
}

@media (max-width:1366px) {
	.contact-title {
		margin-bottom: 37.5px
	}
}

@media (max-width:991px) {
	.contact-title {
		margin-bottom: 30px
	}
}

@media (max-width:767px) {
	.contact-title {
		margin-bottom: 22.5px
	}
}

.contact-title:after {
	content: "";
	height: 2px;
	/* background-color: #70a143; */
	margin-left: 12px;
	/* width: 46px */
}

@media (max-width:1366px) {
	.contact-title:after {
		margin-left: 10px
	}
}

@media (max-width:991px) {
	.contact-title:after {
		margin-left: 8px
	}
}

@media (max-width:767px) {
	.contact-title:after {
		margin-left: 6px
	}
}

@media (max-width:1366px) {
	.contact-title:after {
		width: 36.8px
	}
}

@media (max-width:991px) {
	.contact-title:after {
		width: 27.6px
	}
}

@media (max-width:767px) {
	.contact-title:after {
		width: 18.4px
	}
}

.contact-desc {
	line-height: 1.8
}

.contact-list {
	display: flex;
	flex-wrap: wrap;
	font-size: 18px
}

@media (max-width:1366px) {
	.contact-list {
		font-size: 16.66667px
	}
}

@media (max-width:991px) {
	.contact-list {
		font-size: 15.33333px
	}
}

@media (max-width:767px) {
	.contact-list {
		font-size: 14px
	}
}

.contact-list li {
	width: 50%;
	margin-bottom: 12px
}

@media (max-width:1366px) {
	.contact-list li {
		margin-bottom: 10px
	}
}

@media (max-width:991px) {
	.contact-list li {
		margin-bottom: 8px
	}
}

@media (max-width:767px) {
	.contact-list li {
		margin-bottom: 6px
	}
}

.contact-list li {
	display: block
}

.contact-list li:before {
	content: "●";
	display: inline-flex;
	margin-right: 8px;
	color: #1b2f5f;
	transition: all .25s
}

.contact-addr {
	line-height: 1.8
}

.contact-addr-company {
	color: #70a143;
	font-weight: 700;
	font-size: 18px
}

@media (max-width:1366px) {
	.contact-addr-company {
		font-size: 15.6px
	}
}

@media (max-width:991px) {
	.contact-addr-company {
		font-size: 13.2px
	}
}

@media (max-width:767px) {
	.contact-addr-company {
		font-size: 12px
	}
}

.contact-footer {
	position: absolute;
	right: 0;
	bottom: 35px;
	text-align: right;
	padding-right: 80px
}

@media (max-width:1366px) {
	.contact-footer {
		padding-right: 60px
	}
}

@media (max-width:991px) {
	.contact-footer {
		padding-right: 40px
	}
}

@media (max-width:767px) {
	.contact-footer {
		padding-right: 20px
	}
}

.contact-link {
	color: #208fd3;
	font-size: 50px
}

@media (max-width:1366px) {
	.contact-link {
		font-size: 43.33333px
	}
}

@media (max-width:991px) {
	.contact-link {
		font-size: 36.66667px
	}
}

@media (max-width:767px) {
	.contact-link {
		font-size: 30px
	}
}

.zc-about {
	padding: 100px 200px
}

@media (max-width:1366px) {
	.zc-about {
		padding-left: 136.66667px
	}
}

@media (max-width:991px) {
	.zc-about {
		padding-left: 73.33333px
	}
}

@media (max-width:767px) {
	.zc-about {
		padding-left: 10px
	}
}

@media (max-width:1366px) {
	.zc-about {
		padding-right: 136.66667px
	}
}

@media (max-width:991px) {
	.zc-about {
		padding-right: 73.33333px
	}
}

@media (max-width:767px) {
	.zc-about {
		padding-right: 10px
	}
}

@media (max-width:1366px) {
	.zc-about {
		padding-top: 73.33333px
	}
}

@media (max-width:991px) {
	.zc-about {
		padding-top: 46.66667px
	}
}

@media (max-width:767px) {
	.zc-about {
		padding-top: 20px
	}
}

@media (max-width:1366px) {
	.zc-about {
		padding-bottom: 73.33333px
	}
}

@media (max-width:991px) {
	.zc-about {
		padding-bottom: 46.66667px
	}
}

@media (max-width:767px) {
	.zc-about {
		padding-bottom: 20px
	}
}

.zc-about .cont {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	align-items: center;
	justify-content: space-between;
	display: flex
}

@media (max-width:767px) {
	.zc-about .cont {
		display: block
	}
}

.zc-about .cont .left {
	flex-shrink: 0;
	color: #1796e4;
	line-height: 1.6;
	width: 71.81%
}

@media (max-width:767px) {
	.zc-about .cont .left {
		width: 100%
	}
}

.zc-about .cont .left .zc-title {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	font-size: 30px;
	margin-bottom: 25px
}

@media (max-width:1366px) {
	.zc-about .cont .left .zc-title {
		font-size: 26px
	}
}

@media (max-width:991px) {
	.zc-about .cont .left .zc-title {
		font-size: 22px
	}
}

@media (max-width:767px) {
	.zc-about .cont .left .zc-title {
		font-size: 18px
	}
}

@media (max-width:1366px) {
	.zc-about .cont .left .zc-title {
		margin-bottom: 20px
	}
}

@media (max-width:991px) {
	.zc-about .cont .left .zc-title {
		margin-bottom: 15px
	}
}

@media (max-width:767px) {
	.zc-about .cont .left .zc-title {
		margin-bottom: 10px
	}
}

.zc-about .cont .left .zc-title:before {
	content: "";
	display: block;
	background: #1796e4;
	width: 70px;
	height: 3px;
	margin-right: 35px
}

@media (max-width:1366px) {
	.zc-about .cont .left .zc-title:before {
		width: 63.33333px
	}
}

@media (max-width:991px) {
	.zc-about .cont .left .zc-title:before {
		width: 56.66667px
	}
}

@media (max-width:767px) {
	.zc-about .cont .left .zc-title:before {
		width: 50px
	}
}

@media (max-width:1366px) {
	.zc-about .cont .left .zc-title:before {
		height: 2.66667px
	}
}

@media (max-width:991px) {
	.zc-about .cont .left .zc-title:before {
		height: 2.33333px
	}
}

@media (max-width:767px) {
	.zc-about .cont .left .zc-title:before {
		height: 2px
	}
}

@media (max-width:1366px) {
	.zc-about .cont .left .zc-title:before {
		margin-right: 26.66667px
	}
}

@media (max-width:991px) {
	.zc-about .cont .left .zc-title:before {
		margin-right: 18.33333px
	}
}

@media (max-width:767px) {
	.zc-about .cont .left .zc-title:before {
		margin-right: 10px
	}
}

.zc-about .cont .right {
	flex-shrink: 0;
	width: 20%;
	margin-top: 0;
	margin-bottom: 0
}

@media (max-width:767px) {
	.zc-about .cont .right {
		width: 100%;
		margin-top: 20px;
		margin-bottom: 20px
	}
}

.zc-about .cont .right img {
	width: 100%;
	max-width: 255px;
	display: block;
	height: auto;
	margin: 0 auto
}

/*# sourceMappingURL=db1c89e0f6e62f9642018cbb531bbd4f.css.map*/