@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Shrikhand&display=swap");
@media (max-width:767.98px) {
	html {
		font-size: .9rem
	}
}

.mc1 {
	color: #AC6A00
}

.c2 {
	color: #707070
}

.navbar {
	padding-top: 0;
	padding-bottom: 0
}

.navbar-brand {
	padding-top: 0;
	padding-bottom: 0
}

img {
	display: block;
	max-width: 100%;
	height: auto
}

.bg-cover {
	background-size: cover;
	width: 100%;
	height: 0;
	display: block;
	background-position: 50% 50%
}

article {
	position: relative
}

.txt {
	line-height: 2
}

.h1 {
	letter-spacing: 5px
}

.line-height-2 {
	line-height: 2
}

section:first-child {
	margin-top: 0px
}

.top-10 {
	margin-top: 23rem
}

@media (max-width:1199.98px) {
	.top-10 {
		margin-top: 13rem
	}
}

.fs-18 {
	font-size: 1.125rem
}

.fs-20 {
	font-size: 1.25rem
}

.fs-22 {
	font-size: 1.375rem
}

.fs-25 {
	font-size: 1.0rem
}

.fs-29 {
	font-size: 0.9rem
}

.fs-30 {
	font-size: 0.9rem
}

.fs-35 {
	font-size: 2.1875rem
}

.fs-36 {
	font-size: 2.25rem
}

.fs-40 {
	font-size: 2rem
}

.fs-50 {
	font-size: 3.125rem
}

.lh-30 {
	line-height: 30px
}

.pic {
	width: 100%;
	height: 0;
	position: relative
}

.pic span {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.pic span img {
	max-width: 100%;
	max-height: 100%
}

.swiper-pagination .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	background-color: #fff;
	opacity: 1;
	outline: none
}

.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: #AC6A00
}

.swiper-nav {
	position: absolute;
	right: 0;
	bottom: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end
}

.swiper-button-next,
.swiper-button-prev {
	background: none;
	width: auto;
	height: auto;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	margin: 0;
	position: static;
	background-color: #AC6A00;
	width: 2.5rem;
	height: 2.5rem;
	text-align: center
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
	opacity: .8
}

.swiper-button-next i,
.swiper-button-prev i {
	font-size: 2rem;
	color: #fff;
	text-align: center;
	line-height: 2.5rem
}

.swiper-button-next {
	right: 0
}

.swiper-button-prev {
	left: 0
}

.project-nav .swiper-button-next,
.project-nav .swiper-button-prev {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	background: none
}

.project-nav .swiper-button-next i,
.project-nav .swiper-button-prev i {
	color: #AC6A00;
	font-size: 3rem
}

.project-nav .swiper-button-prev {
	left: 0
}

.project-nav .swiper-button-next {
	right: 0
}

#back-to-top {
	text-align: center;
	background-image: -webkit-gradient(linear, left top, right top, from(#242424), to(#B4B4B4));
	background-image: -webkit-linear-gradient(left, #242424, #B4B4B4);
	background-image: -o-linear-gradient(left, #242424, #B4B4B4);
	background-image: linear-gradient(to right, #242424, #B4B4B4);
	color: #fff;
	font-size: 2rem;
	cursor: pointer
}

.pages {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 50px 0
}

.pages .page {
	margin-left: .5rem;
	margin-right: .5rem
}

.pages .page a {
	display: block;
	width: 35px;
	height: 35px;
	line-height: 35px;
	border: 1px solid transparent;
	border-radius: 50%;
	text-align: center;
	color: #000;
	text-decoration: none
}

.pages .page.active a,
.pages .page:hover a {
	border-color: #005DAA;
	color: #005DAA
}

.btn-primary.back {
	margin-top: 50px;
	margin-bottom: 50px;
	background: none;
	border: none;
	border-bottom: 2px solid #AC6A00;
	border-radius: 0
}

.btn-primary.back span {
	color: #000;
	display: inline-block;
	vertical-align: middle;
	font-weight: bold
}

.btn-primary.back i {
	color: #AC6A00;
	font-size: 1.2rem;
	display: inline-block;
	vertical-align: middle;
	margin-right: 50px
}

.btn-primary.back:hover span {
	color: #AC6A00
}

.btn-primary.main-btn {
	background-color: #fff;
	color: #000;
	font-weight: bold;
	padding: 0;
	border: none;
	position: relative
}

.btn-primary.main-btn:after,
.btn-primary.main-btn:before {
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	position: absolute;
	background-color: #AC6A00;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

.btn-primary.main-btn:before {
	top: 0;
	left: 0;
	-webkit-transform: scaleX(0.2);
	-ms-transform: scaleX(0.2);
	transform: scaleX(0.2);
	-webkit-transform-origin: left top;
	-ms-transform-origin: left top;
	transform-origin: left top
}

.btn-primary.main-btn:after {
	bottom: 0;
	right: 0;
	-webkit-transform: scaleX(0.2);
	-ms-transform: scaleX(0.2);
	transform: scaleX(0.2);
	-webkit-transform-origin: right bottom;
	-ms-transform-origin: right bottom;
	transform-origin: right bottom
}

.btn-primary.main-btn:active,
.btn-primary.main-btn:focus,
.btn-primary.main-btn:hover {
	background-color: #AC6A00;
	color: #fff;
	-webkit-transition: all .3s .2s ease;
	-o-transition: all .3s .2s ease;
	transition: all .3s .2s ease
}

.btn-primary.main-btn:active:after,
.btn-primary.main-btn:active:before,
.btn-primary.main-btn:active span:after,
.btn-primary.main-btn:active span:before,
.btn-primary.main-btn:focus:after,
.btn-primary.main-btn:focus:before,
.btn-primary.main-btn:focus span:after,
.btn-primary.main-btn:focus span:before,
.btn-primary.main-btn:hover:after,
.btn-primary.main-btn:hover:before,
.btn-primary.main-btn:hover span:after,
.btn-primary.main-btn:hover span:before {
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	transform: scaleX(1)
}

.btn-primary.main-btn span {
	padding: 10px 25px;
	display: block
}

.btn-primary.main-btn span:after,
.btn-primary.main-btn span:before {
	content: '';
	display: block;
	width: 1px;
	height: 100%;
	position: absolute;
	background-color: #AC6A00;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

.btn-primary.main-btn span:before {
	top: 0;
	left: 0;
	-webkit-transform: scaleY(0.2);
	-ms-transform: scaleY(0.2);
	transform: scaleY(0.2);
	-webkit-transform-origin: left top;
	-ms-transform-origin: left top;
	transform-origin: left top
}

.btn-primary.main-btn span:after {
	bottom: 0;
	right: 0;
	-webkit-transform: scaleY(0.2);
	-ms-transform: scaleY(0.2);
	transform: scaleY(0.2);
	-webkit-transform-origin: right bottom;
	-ms-transform-origin: right bottom;
	transform-origin: right bottom
}

.aside-style aside {
	width: 180px;
	padding-left: 10px;
	padding-right: 10px
}

.aside-style aside .main-title {
	margin-bottom: 30px
}

.aside-style aside .main-title:after {
	margin-left: 0;
	margin-right: 0;
	width: 4rem
}

.aside-style aside .aside-menu>li {
	margin: .5rem 0
}

.aside-style aside .aside-menu>li.active>a,
.aside-style aside .aside-menu>li:hover>a {
	color: #AC6A00
}

.aside-style aside .aside-menu>li>a {
	display: block;
	font-weight: bold;
	font-size: 1.1rem
}

.aside-style .right-block {
	width: calc(100% - 180px);
	padding-left: 30px;
	padding-right: 10px
}

@media (max-width:575.98px) {
	.aside-style .right-block,
	.aside-style aside {
		width: 100%
	}
}

.select-menu {
	margin-top: 50px
}

.select-menu .h4 {
	margin-bottom: 20px
}

.select-menu .select-category>li {
	border-bottom: 1px solid #AC6A00;
	padding: 10px 0
}

.select-menu .select-category>li>p {
	font-size: 1.1rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	cursor: pointer
}

.select-menu .select-category>li>p span {
	display: block;
	width: calc(100% - 1.5rem)
}

.select-menu .select-category>li>p:after {
	content: '\f067';
	display: block;
	font-family: 'Font Awesome 5 Pro';
	font-weight: lighter;
	font-size: 1.2rem;
	color: #AC6A00;
	width: 1.5rem;
	text-align: right
}

.select-menu .select-category>li>p.active:after {
	content: '\f068'
}

.select-menu .select-category>li:first-child {
	border-top: 1px solid #AC6A00
}

.select-menu .select-category>li .item-group .item {
	margin: 8px 0
}

.bread-bg {
	background-image: -webkit-gradient(linear, left top, right top, from(#242424), to(rgba(180, 180, 180, 0.3)));
	background-image: -webkit-linear-gradient(left, #242424, rgba(180, 180, 180, 0.3));
	background-image: -o-linear-gradient(left, #242424, rgba(180, 180, 180, 0.3));
	background-image: linear-gradient(to right, #242424, rgba(180, 180, 180, 0.3));
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 200
}

.bread {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	color: #fff;
	padding: .5rem 0
}

.bread li+li:before {
	content: '>';
	margin-left: 5px;
	margin-right: 5px
}

@media (max-width:991.98px) {
	.bread {
		padding: 0.2rem 0
	}
	.bread li {
		font-size: 1rem
	}
}

.desktop {
	display: block
}

.mobile {
	display: none
}

@media (max-width:991.98px) {
	.desktop {
		display: none
	}
	.mobile {
		display: block
	}
}

@media (max-width:991.98px) {
	.mobile-none {
		display: none!important
	}
}

#index .inner-navbar {
	display: block
}

@media (max-width:1199.98px) {
	#index .inner-navbar {
		display: block
	}
}

#index .index-navbar {
	display: none
}

@media (max-width:1199.98px) {
	#index .index-navbar {
		display: none
	}
}

.inner .inner-navbar {
	display: block
}

.inner .index-navbar {
	display: none
}

.navbar {
	z-index: 9999
}

.index-navbar {
	padding-right: 0;
	padding-left: 0;
	padding-top: 2rem;
	padding-bottom: 2rem;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	position: fixed;
	left: 0;
	top: 0
}

.index-navbar .navbar-content {
	padding-left: 0;
	padding-right: 0;
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(0, 93, 170, 0.5)), color-stop(50%, rgba(255, 255, 255, 0.44)), to(rgba(0, 93, 170, 0.5)));
	background-image: -webkit-linear-gradient(left, rgba(0, 93, 170, 0.5) 0, rgba(255, 255, 255, 0.44) 50%, rgba(0, 93, 170, 0.5) 100%);
	background-image: -o-linear-gradient(left, rgba(0, 93, 170, 0.5) 0, rgba(255, 255, 255, 0.44) 50%, rgba(0, 93, 170, 0.5) 100%);
	background-image: linear-gradient(to right, rgba(0, 93, 170, 0.5) 0, rgba(255, 255, 255, 0.44) 50%, rgba(0, 93, 170, 0.5) 100%)
}

.index-navbar .navbar-nav .nav-item.logo a {
	position: relative
}

.index-navbar .navbar-nav .nav-item.logo a:before {
	content: '';
	position: absolute;
	width: 135%;
	height: 135%;
	background-color: #fff;
	border-radius: 50%;
	-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	margin: auto;
	z-index: 0
}

.index-navbar .navbar-nav .nav-item.logo a span {
	position: relative;
	z-index: 50
}

.index-navbar .navbar-nav .nav-item.logo.active .nav-link> span,
.index-navbar .navbar-nav .nav-item.logo:hover .nav-link >span {
	background: none!important;
	padding: 0
}

.index-navbar .navbar-nav .nav-item .nav-link {
	font-size: 1.8rem;
	padding: 0
}

.index-navbar .navbar-nav .nav-item .nav-link >span {
	padding: 0 1rem;
	color: #fff
}

.index-navbar.fixed {
	padding-top: 1rem;
	padding-bottom: 1rem;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	background-color: #fff;
	-webkit-box-shadow: 4px 4px 12px 4px rgba(51, 51, 102, 0.5);
	box-shadow: 4px 4px 12px 4px rgba(51, 51, 102, 0.5)
}

.index-navbar.fixed .navbar-nav .nav-item.logo a span img {
	width: 70px;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

.inner-navbar {
	background-color: #1260c4;
	color: #fff
}

.inner-navbar .nav-tel .tel-text {
	font-size: 14px
}

.inner-navbar .nav-tel .tel-num {
	line-height: 1
}

@media (max-width:1199.98px) {
	.inner-navbar .nav-tel {
		position: absolute;
		right: 0;
		top: 10px;
		margin-right: 37px
	}
}

@media (max-width:991.98px) {
	.inner-navbar .nav-tel .tel-text {
		font-size: 10px
	}
	.inner-navbar .nav-tel .tel-num {
		font-size: 20px!important
	}
}

@media (max-width:991.98px) {
	.inner-navbar .logo-box {
		margin-top: 0.5rem
	}
	.inner-navbar .logo-box img {
		width: 36px
	}
	.inner-navbar .logo-box .logo-name {
		font-size: 1.5rem!important
	}
}

.inner-navbar .navbar-toggler {
	position: static;
	width: 100%;
	text-align: center;
	margin-left: auto;
	margin-right: auto
}

.inner-navbar .navbar-toggler #burger {
	margin-left: auto;
	margin-right: auto
}

.navbar-nav .nav-link {
	padding-top: 25px;
	padding-bottom: 25px;
	font-size: 21px
}

.navbar-nav .nav-link >span {
	display: block;
	padding: 5px 10px;
	border-radius: 50px
}

.navbar-nav .nav-item.active .nav-link >span,
.navbar-nav .nav-item:hover .nav-link >span {
	color: #AC6A00
}

@media (max-width:1199.98px) {
	.navbar-nav .nav-link {
		padding: 1rem 0
	}
	.navbar-nav .nav-item.active .nav-link >span,
	.navbar-nav .nav-item:hover .nav-link >span {
		background: none;
		color: #AC6A00
	}
}

.navbar-expand-lg .navbar-nav .nav-link {
	padding-left: 5px;
	padding-right: 5px
}

footer {
	-webkit-box-shadow: 0 -3px 6px rgba(0, 0, 0, 0.16);
	box-shadow: 0 -3px 6px rgba(0, 0, 0, 0.16);
	position: relative;
	z-index: 1020
}

footer .bounceInUp {
	z-index: auto;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none
}

footer .footer-contact-row {
	background-color: #fcfaf0
}

footer .message-text {
	width: 340px;
	max-width: 100%;
	text-align: center;
	padding: 1rem;
	background-color: #8FC31F;
	border-radius: 10px;
	margin-left: auto;
	margin-right: auto;
	left: 50%;
	top: 0;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	-webkit-transform: translate(-50%, -50%)!important;
	-ms-transform: translate(-50%, -50%)!important;
	transform: translate(-50%, -50%)!important;
	z-index: auto;
	position: absolute
}

@media (max-width:1199.98px) {
	footer .message-text {
		position: relative;
		left: 0;
		top: 0;
		-webkit-transform: none!important;
		-ms-transform: none!important;
		transform: none!important;
		margin-left: auto;
		margin-right: auto;
		display: block;
		margin-bottom: 50px
	}
}

footer .message-text:after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-top: 15px solid #8FC31F;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	position: absolute;
	bottom: -14px;
	left: 0;
	right: 0;
	margin: auto
}

footer .message-text .h1 {
	margin: 0
}

footer .google-map iframe {
	width: 100%;
	height: 200px
}

footer .info-list .info-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

footer .info-list .info-item i {
	width: 20px;
	text-align: center;
	margin-right: 10px
}

footer .info-list .info-item a:hover {
	text-decoration: underline
}

footer .form-row {
	padding-left: 5%;
	padding-right: 5%
}

footer .form-row .form {
	width: 100%
}

footer .form-row .form .custom-select,
footer .form-row .form .form-control {
	border: none;
	background-color: #bce3fa;
	color: #073f84
}

footer .footer-contact-row2 {
	background-color: #d1ecfc
}

footer .footer-contact-row2 a:hover {
	text-decoration: underline
}

footer .footer-contact-row2 .contact-list .contact-item {
	margin-right: 0.5rem
}

@media (max-width:1199.98px) {
	footer .footer-contact-row2 .contact-list .contact-item:first-child {
		width: 100%
	}
}

footer .footer-contact-row2 .contact-list .contact-item i {
	width: 50px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	border-radius: 50%;
	background-color: #A0A0A0
}

footer .footer-contact-row2 .contact-list .contact-item .h1 {
	letter-spacing: 0
}

footer .footer-contact-row2 .company-text .t1 {
	line-height: 1
}

footer .footer-contact-row2 .footer-nav li+li:before {
	content: '︱'
}

@media (max-width:991.98px) {
	footer .footer-contact-row2 .fs-18 {
		font-size: .9rem!important
	}
	footer .footer-contact-row2 .fs-18.font-weight-bold {
		font-weight: normal!important
	}
}

@media (max-width:1199.98px) {
	#burger {
		width: 25px;
		height: 20px;
		font-size: 0;
		cursor: pointer;
		z-index: 9000;
		margin: 0;
		position: absolute;
		top: 30px;
		right: 0px
	}
	#burger span {
		background-color: #fff;
		display: block;
		position: absolute;
		top: 9px;
		left: 0;
		right: 0;
		height: 2px;
		-webkit-transition: all .2s ease;
		-o-transition: all .2s ease;
		transition: all .2s ease;
		-webkit-transition-delay: 0.2s, 0s;
		-o-transition-delay: 0.2s, 0s;
		transition-delay: 0.2s, 0s
	}
	#burger span:after,
	#burger span:before {
		content: '';
		position: absolute;
		width: 100%;
		height: 2px;
		left: 0;
		background-color: #fff;
		-webkit-transition-duration: 0.2s, 0.2s;
		-o-transition-duration: 0.2s, 0.2s;
		transition-duration: 0.2s, 0.2s;
		-webkit-transition-delay: 0.2s, 0s;
		-o-transition-delay: 0.2s, 0s;
		transition-delay: 0.2s, 0s
	}
	#burger span:before {
		top: -8px;
		-webkit-transition-property: top, -webkit-transform;
		transition-property: top, -webkit-transform;
		-o-transition-property: top, transform;
		transition-property: top, transform;
		transition-property: top, transform, -webkit-transform
	}
	#burger span:after {
		bottom: -8px;
		-webkit-transition-property: bottom, -webkit-transform;
		transition-property: bottom, -webkit-transform;
		-o-transition-property: bottom, transform;
		transition-property: bottom, transform;
		transition-property: bottom, transform, -webkit-transform
	}
	.navbar>.container {
		padding-top: 1rem
	}
}

@media (max-width:991.98px) {
	#burger {
		top: 15px
	}
	.navbar>.container {
		padding-top: 0rem
	}
}

#page-404 {
	background-color: #EDEDED;
	min-height: 100%
}

#banner {
	position: relative
}

#banner img {
	width: 100%
}

#banner .btn {
	position: absolute;
	bottom: 50px;
	right: 60px;
	z-index: 99;
	background: rgba(225, 225, 225, 0.5);
	color: #005DAA;
	font-weight: bold;
	border: 2px solid #005DAA;
	border-radius: 10px;
	padding: 0.5rem 1rem;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

#banner .btn:hover {
	bottom: 60px;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

@media (max-width:991.98px) {
	#banner .btn {
		bottom: 10px;
		right: 10px
	}
	#banner .btn:hover {
		bottom: 15px
	}
}

#index #section1 {
	background-color: #F2F8FD;
	background-image: url(../images/index/bg01.png);
	background-repeat: no-repeat;
	background-position: 135% 50%
}
#index #section_about {
	background-color: #F2F8FD;
	background-image: url(../images/index/about.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	 min-height: 650px;
	 font-family: DFKai-sb, cursive
}
#index #section_about_m {
	background-color: #F2F8FD;
	background-image: url(../images/index/about-m.jpg);
	background-repeat: no-repeat;
		background-size: cover;
}

@media (max-width:991.98px) {
    #index #section_about {
    min-height: 678px;
	background-image: url(../images/index/about-m.jpg);


}
    #index #section_about .fs-22 {
        font-size: 1.225rem;

}
	#index #section1.py-6 {
		padding: 1.5rem 0!important
	}
	#index #section1 .title-h1 {
		display: none
	}
	#index #section1 .h4 {
		font-size: 1rem
	}
   #index #section1 .h23 {
		font-size: 1.15rem
	}
   #index #section_about.py-6 {
		padding: 1.5rem 0!important
	}
	#index #section_about .title-h1 {
		display: none
	}
	#index #section_about .h4 {
		font-size: 1rem
	}
	 #index #section_about_m.py-6 {
		padding: 1.5rem 0!important
	}
	#index #section_about_m .title-h1 {
		display: none
	}
	#index #section_about_m .h4 {
		font-size: 1rem
	}
}

.intro-item {
	margin: 3rem 0
}

.intro-item .circle {
	background-color: #fff;
	width: 220px;
	height: 220px;
	margin-left: auto;
	margin-right: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-radius: 50%
}

@media (max-width:991.98px) {
	.intro-item {
		margin: 1rem 0
	}
	.intro-item .circle {
		width: 110px;
		height: 110px
	}
	.intro-item .circle a img {
		width: 60%
	}
	.intro-item .circle a .h3 {
		font-size: 1rem
	}
}

@media (max-width:320px) {
	.intro-item .circle {
		width: 80px;
		height: 80px
	}
	.intro-item .circle a img {
		width: 40%
	}
}

.index-begin {
	background-image: -webkit-radial-gradient(ellipse cover, #505050, #0E0E0E);
	background-image: -o-radial-gradient(ellipse cover, #505050, #0E0E0E);
	background-image: radial-gradient(ellipse cover, #505050, #0E0E0E);
	border-top: 8px solid #EB5159
}

.index-begin .text {
	font-size: 1.25rem
}

@media (max-width:991.98px) {
	.index-begin .text {
		font-size: 0.8rem
	}
}

#index #section3 {
	background-image: url(../images/index/bg03.png);
	background-size: cover;
	background-position: 50% 50%
}

@media (max-width:991.98px) {
	.paper-list .paper-item .h4 {
		font-size: 0.9rem
	}
}

.index-button-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.index-button-list.list1 {
	margin-bottom: -3rem
}

.index-button-list .index-button-item {
	width: 200px;
	height: 200px;
	margin: 0 3.4rem;
	display: block;
	position: relative
}

.index-button-list .index-button-item:hover .content:before {
	opacity: 1!important;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

.index-button-list .index-button-item.item1 .content:before {
	background-color: #e60012;
	opacity: .6
}

.index-button-list .index-button-item.item2 .content:before {
	background-color: #959595;
	opacity: .6
}

.index-button-list .index-button-item.item3 .content:before {
	background-color: #f39700;
	opacity: .6
}

.index-button-list .index-button-item.item4 .content:before {
	background-color: #959595;
	opacity: .6
}

.index-button-list .index-button-item.item5 .content:before {
	background-color: #000000;
	opacity: .6
}

.index-button-list .index-button-item .content {
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	position: relative;
	overflow: hidden
}

.index-button-list .index-button-item .content:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 200;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

.index-button-list .index-button-item .content .bg {
	position: absolute;
	z-index: 100;
	width: 150%;
	height: 150%;
	left: 0;
	top: 0;
	margin: auto;
	background-position: 50% 50%;
	background-size: cover;
	-webkit-transform: rotate(-45deg) translate(0%, -20%);
	-ms-transform: rotate(-45deg) translate(0%, -20%);
	transform: rotate(-45deg) translate(0%, -20%)
}

.index-button-list .index-button-item .content .text {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	z-index: 300;
	position: relative
}

@media (max-width:1199.98px) {
	.index-button-list.list1 {
		margin-bottom: -2rem
	}
	.index-button-list .index-button-item {
		width: 150px;
		height: 150px;
		margin-left: 2.5rem;
		margin-right: 2.5rem
	}
}

@media (max-width:991.98px) {
	.index-button-list.list1 {
		margin: 0
	}
	.index-button-list .index-button-item {
		margin-left: 2rem;
		margin-right: 2rem;
		margin-bottom: 1rem
	}
	.index-button-list .index-button-item .content .text {
		font-size: 1rem!important
	}
}

@media (max-width:575.98px) {
	.index-button-list .index-button-item {
		width: 90px;
		height: 90px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 1rem
	}
}

@media (max-width:430px) {
	.index-button-list .index-button-item {
		width: 80px;
		height: 82px
	}
	.index-button-list .index-button-item.item1 {
		margin-left: 6.5rem
	}
	.index-button-list .index-button-item.item2 {
		margin-left: -2.6rem
	}
}

@media (max-width:375px) {
	.index-button-list .index-button-item.item1 {
		margin-left: 5.5rem
	}
	.index-button-list .index-button-item.item2 {
		margin-left: -2.6rem
	}
}

@media (max-width:330px) {
	.index-button-list .index-button-item {
		width: 70px;
		height: 72px
	}
	.index-button-list .index-button-item.item1 {
		margin-left: 4.5rem
	}
	.index-button-list .index-button-item.item2 {
		margin-left: -1.6rem
	}
}

#about {
	background-color: #000
}

#about #section1 .about-phone-img {
	display: none
}

@media (max-width:1199.98px) {
	#about #section1 .about-inner {
		display: none
	}
	#about #section1 .about-phone-img {
		display: block
	}
	#about #section1 .about-phone-img img {
		width: 100%
	}
}

.about-inner {
	position: relative;
	z-index: 100
}

.about-inner .angle-row {
	position: absolute;
	right: 150px;
	top: 0;
	width: 100%;
	-webkit-transform: skew(-45deg);
	-ms-transform: skew(-45deg);
	transform: skew(-45deg);
	-webkit-transform-origin: right top;
	-ms-transform-origin: right top;
	transform-origin: right top
}

.about-inner .angle-row:before {
	content: '';
	display: block;
	position: absolute;
	right: 0px;
	top: 0;
	width: 1000%;
	height: 160%;
	background-color: #BDB7B7
}

.about-inner .angle-row .content {
	text-align: right;
	overflow: hidden;
	padding-top: 100px;
	-webkit-transform-origin: right top;
	-ms-transform-origin: right top;
	transform-origin: right top
}

.about-inner .angle-row .content>div {
	-webkit-transform: skew(45deg);
	-ms-transform: skew(45deg);
	transform: skew(45deg)
}

.about-inner .angle-row .content .about-imgbox {
	margin-right: 37px;
	-webkit-transform: skew(45deg) translateY(-18%);
	-ms-transform: skew(45deg) translateY(-18%);
	transform: skew(45deg) translateY(-18%)
}

.about-inner .angle-row .content .text1 {
	margin-right: 12%;
	margin-bottom: -5%;
	position: relative;
	display: inline-block
}

.about-inner .angle-row .content .text1:before {
	content: '';
	width: 120%;
	padding-bottom: 120%;
	display: block;
	position: absolute;
	z-index: 50;
	background-color: #CBC6C6;
	border-radius: 50%;
	bottom: 0;
	left: 50%;
	-webkit-transform: translate(-50%, 22%);
	-ms-transform: translate(-50%, 22%);
	transform: translate(-50%, 22%)
}

.about-inner .angle-row .content .text1 .text-content {
	position: relative;
	z-index: 100
}

.about-inner .angle-row .content .text1 .text-content .t2 {
	line-height: 1.2
}

.about-inner .angle-row .content .text2 {
	margin-top: -15%;
	-webkit-transform: skew(45deg) translateY(-131%);
	-ms-transform: skew(45deg) translateY(-131%);
	transform: skew(45deg) translateY(-131%);
	line-height: 2
}

.about-inner .angle-row .content img {
	margin-left: auto;
	-webkit-transform: skew(45deg) translateY(-20%);
	-ms-transform: skew(45deg) translateY(-20%);
	transform: skew(45deg) translateY(-20%)
}

.about-inner .bg-row {
	width: 660px;
	max-width: 100%;
	background-image: url(../images/about/about_bg.png);
	margin-left: auto;
	padding: 12% 7% 8%;
	text-align: right
}

.about-inner .bg-row img {
	margin-left: auto
}

@media (max-width:1199.98px) {
	.about-inner .col-12 {
		padding-top: 0!important
	}
	.about-inner .angle-row {
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		position: relative
	}
	.about-inner .angle-row:before {
		display: none
	}
	.about-inner .angle-row:after {
		content: '';
		display: block;
		position: absolute;
		width: 9999px;
		height: 100%;
		margin-left: -9999px;
		margin-right: -9999px;
		padding-left: 9999px;
		padding-right: 9999px;
		background-color: #BDB7B7;
		z-index: 100;
		left: 0;
		top: 0
	}
	.about-inner .angle-row * {
		-webkit-transform: none!important;
		-ms-transform: none!important;
		transform: none!important
	}
	.about-inner .angle-row .content {
		position: relative;
		z-index: 200;
		text-align: center!important
	}
	.about-inner .angle-row .content .text1,
	.about-inner .angle-row .content .text2,
	.about-inner .angle-row .content img {
		margin: 0;
		z-index: 500
	}
	.about-inner .angle-row .content .text1 {
		margin-left: auto;
		margin-right: auto
	}
	.about-inner .angle-row .content .text1 .t1 {
		font-size: 1rem
	}
	.about-inner .angle-row .content .text1 .t2 {
		font-size: 1.5rem
	}
	.about-inner .angle-row .content .text1:before {
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		bottom: auto;
		top: 50%
	}
	.about-inner .angle-row .content img {
		margin-left: auto;
		margin-right: auto;
		margin-top: 30px;
		margin-bottom: 30px
	}
	.about-inner .angle-row .content .text2 {
		text-align: center!important;
		padding-bottom: 50px
	}
}

#inner-banner {
	margin-top: 109px
}

@media (max-width:1199.98px) {
	#inner-banner {
		margin-top: 111px
	}
}

@media (max-width:991.98px) {
	#inner-banner {
		margin-top: 80px
	}
}

@media (max-width:575.98px) {
	#inner-banner {
		margin-top: 75px
	}
}

.member-row {
	margin-bottom: -15%
}

.member-row img {
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}

.service-list .service-item {
	text-align: center
}

.service-list .service-item img {
	margin-left: auto;
	margin-right: auto;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%)
}

.service-list .service-item .content {
	position: relative;
	cursor: pointer
}

.service-list .service-item .content:before {
	content: '';
	display: block;
	position: absolute;
	width: 90%;
	padding-bottom: 90%;
	border: 1px solid transparent;
	border-radius: 50%;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.service-list .service-item .content.active:before,
.service-list .service-item .content:hover:before {
	border-color: #005DAA
}

.service-list .service-item .content.active img,
.service-list .service-item .content:hover img {
	-webkit-filter: none;
	filter: none
}

@media (max-width:991.98px) {
	.service-list .service-item .content:before {
		content: '';
		width: 100%;
		padding-bottom: 100%
	}
	.service-list .service-item .content img {
		max-width: 70px
	}
	.service-list .service-item .content .text {
		font-size: .8rem
	}
}

#service #section3 {
	background-color: #F8F8F8
}

#news #section1 {
	background-image: url(../images/news/bg.png);
	background-position: top center;
	background-size: cover;
	text-shadow: 0 3px 3px #000;
	background-color: #484848
}

#news #section1 .btn {
	text-shadow: none
}

@media (max-width:1199.98px) {
	#news #section1 {
		background-size: 100% auto;
		background-repeat: no-repeat
	}
}

@media (max-width:991.98px) {
	#news #section1 .fs-40 {
		font-size: 2rem
	}
}

@media (max-width:414px) {
	#news #section1 {
		background-size: 150% auto;
		background-position: 72% 0%
	}
	#news #section1 .my-10 {
		margin: 3rem 0!important
	}
}

#news article {
	background-color: #4D4D4D
}

.faq-type {
	background-color: #F8F8F8
}

.search-input {
	position: relative
}

.search-input .btn {
	position: absolute;
	right: 5px;
	top: 3px;
	background: none;
	cursor: pointer
}

.search-input .btn i {
	font-size: 1.2rem
}

.faq-item {
	background-color: #fff;
	border-radius: 10px;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	margin-bottom: 1rem
}

.faq-item.active .q-item i {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

.faq-item .q-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 1.2rem 0;
	cursor: pointer
}

.faq-item .q-item i {
	font-size: 1.875rem;
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

.faq-item .a-item {
	padding: 1.5rem 0;
	border-top: 2px solid #000;
	display: none
}

#story #section1 {
	background-image: url(../images/story/bg.png);
	background-position: 50% 0%;
	background-size: cover;
	background-color: #FEFFFF;
	background-repeat: no-repeat
}

@media (max-width:1199.98px) {
	#story #section1 {
		background-size: 100% auto;
		background-repeat: no-repeat
	}
}

@media (max-width:991.98px) {
	#story #section1 .fs-40 {
		font-size: 2rem
	}
}

#story #section1.story-detail {
	background: none;
	background-image: url(../images/story/bg02.png);
	background-size: cover;
	background-position: top center
}

#story article {
	background-color: #fdfdfd
}

#case #section1 {
	background-image: url(../images/case/bg.png);
	background-position: 50% 0%;
	background-size: cover;
	background-color: #484848;
	background-repeat: no-repeat
}

@media (max-width:1199.98px) {
	#case #section1 {
		background-size: 100% auto;
		background-repeat: no-repeat
	}
}

@media (max-width:991.98px) {
	#case #section1 .fs-40 {
		font-size: 2rem
	}
}

#case #section1.story-detail {
	background: none;
	background-image: url(../images/story/bg02.png);
	background-size: cover;
	background-position: top center
}

#case article {
	background-color: #484848
}

.case-item {
	margin-bottom: 2rem
}

.case-item .content {
	overflow: hidden
}

.case-item .editor-row {
	background-color: #484848;
	position: relative
}

.case-item .editor-row .text-box {
	width: 70%;
	margin: 0 auto 1rem
}

.case-item .editor-row .link-btn {
	position: absolute;
	right: 2.5rem;
	bottom: 1.5rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.case-item .editor-row .link-btn:hover {
	color: #AC6A00!important
}

.case-item .editor-row .link-btn:hover i:after {
	border-color: #AC6A00
}

.case-item .editor-row .link-btn .text {
	background-color: #484848;
	font-size: 1.125rem;
	margin-right: 10px;
	position: relative;
	z-index: 100;
	padding-top: 5px;
	padding-bottom: 5px
}

.case-item .editor-row .link-btn i {
	font-size: 1.25rem;
	position: relative;
	z-index: 50
}

.case-item .editor-row .link-btn i:before {
	z-index: 50;
	position: relative
}

.case-item .editor-row .link-btn i:after {
	content: '';
	width: 55px;
	height: 55px;
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	border: 1px solid #fff;
	border-radius: 50px;
	background-color: #484848;
	z-index: 20
}

@media (max-width:991.98px) {
	.case-item .editor-row .text-box {
		width: 100%
	}
	.case-item .editor-row .link-btn {
		position: relative;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		margin-top: 30px;
		margin-bottom: 10px;
		right: 0;
		bottom: 0
	}
}

#message #section1 {
	background-image: url(../images/layout/other_bg.png);
	background-position: 50% 0%;
	background-size: cover;
	background-color: #fff;
	background-repeat: no-repeat
}

@media (max-width:1199.98px) {
	#message #section1 {
		background-size: 100% auto;
		background-repeat: no-repeat
	}
}

#message article {
	background-color: #fff
}

.message-item>a:hover {
	background-color: #005DAA!important;
	color: #fff!important
}

.m-list.active .m-title i {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

.m-item {
	display: none
}

#message .form .h100 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	height: 100%;
	margin-bottom: 0!important
}

#message .form textarea {
	border-radius: 10px!important;
	margin-bottom: 1rem
}

#contact #section1 {
	background-image: url(../images/contact/bg.png);
	background-position: 50% 0%;
	background-size: cover;
	background-color: #fff;
	background-repeat: no-repeat
}

#contact #section1 a:hover {
	text-decoration: underline
}

@media (max-width:1199.98px) {
	#contact #section1 {
		background-repeat: no-repeat
	}
}

#contact article {
	background-color: #fff
}

.contact-phone .font {
	font-family: 'Shrikhand', cursive
}

.contact-list2>li {
	margin-bottom: 2rem
}