<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">body {
	font-family: "Microsoft YaHei",Ã¥Â¾Â®Ã¨Â½Â¯Ã©Â›Â…Ã©Â»Â‘;
	background: url(../images/bg.jpg) repeat-y;
	background-size: 100% auto;
}

::-webkit-scrollbar {
	width: 5px;
	height: 5px;
	background-color: #FFFFFF;
}

::-webkit-scrollbar-track {
	box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb {
	border-radius: 10px;
	box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
	background-color: #B63432;
}

.bg-red {
	background: #B63432;
}

.navbar-logo {
	padding: 0;
}

.nav-item {
	margin-right: 2.5rem;
}

.navbar-nav .nav-item .nav-link {
	color: #FFFFFF;
}

.menu {
	position: relative;
}

.language {
	position: absolute;
	top: -0.625rem;
	right: -6.25rem;
}

.btn-lan {
	font-size: 0.625rem !important;
	color: #FBFCFC;
	background: #9D9D9F;
}

.language .active {
	background: #A02E2D;
}

.carousel-inner img {
	width: 100%;
	height: 100%;
}

.carousel-slogan {
	position: absolute;
	right: 40%;
	bottom: 25%;
	left: 40%;
	z-index: 10;
}
.carousel-title {
	position: absolute;
	right: 20%;
	top: 15%;
	left: 65%;
	z-index: 10;
}
.carousel-plane{
	position: absolute;
	right: 0;
	bottom: 0;
	width: 50%;
	z-index: 15;
}
.carousel-cloud{
	position: absolute;
	right: -5%;
	bottom: 0;
	width: 50%;
	z-index: 20;
}

.about {
	padding: 1.25rem;
}

.about h1{color:#B63432;line-height: 6.25rem;}
.about p{color:#333;line-height: 2.5rem;}

.title img{width: 30%; margin: 1.25rem auto 2.5rem auto;}
.service{padding: 0 10%;}
.service .line .col-md-4{position: relative;overflow: hidden;}
.service .line .col-md-4 img{width: 100%;}
.service .line .service-name{position: absolute; bottom: 30%; width: calc(100% - 30px); text-align: center;color: #333;}
.service .line .service-more{position: absolute; bottom: 15%; width: calc(100% - 30px); text-align: center;color: #fff; font-size: 1.25rem;display: none;}
.service .line .col-md-4:hover {animation-name: service-bg;animation-duration: 1s;background: #B63432;}
.service .line .col-md-4:hover .service-name{color: #fff;}
.service .line .col-md-4:hover .service-more{display: block;}
.service .line .col-md-4:hover img {animation-name: service-img;animation-duration: 500ms;transform: rotateY(180deg);}

@keyframes service-bg {
  from {background: transparent;}
  to {background: #B63432;}
}
@keyframes service-img {
  from {transform: rotateY(0deg);}
  to {transform: rotateY(180deg);}
}
.chain h1{color:#fff;line-height: 6.25rem;margin: 2.5rem 0 0 5rem ;}
.chain p{color:#fff;line-height: 2.5rem; margin-left:5rem;}
.chain .chain-more{text-align: right;margin-bottom: 5rem;}

.link img{margin:0 5px; width: calc(100% - 10px);}

footer{color: #FFFFFF;background: #C92128;}
footer .footer-logo{background: url(../images/footer-line.png) left bottom no-repeat;}
footer .footer-logo img{margin:0.625rem 1.25rem ;}
footer .footer-content{padding: 1.25rem 0;}
footer .footer-text p{font-size: 0.75rem;line-height: 1.5625rem;margin: 0;}
footer .footer-code img{margin: 0 auto;display: block;}
footer .footer-addr p{font-size: 0.875rem;line-height: 2.375rem;margin: 0;}
footer .footer-addr img{margin-right: 1.25rem;}

@media (max-width:750px) {
	.language {
		display: none;
	}
	.title img{width: 80%; margin: 1.25rem auto 2.5rem auto;}
}

</pre></body></html>