﻿@media screen and (min-width:1920px) {
	html {
		font-size: 80px;
	}
}



@media screen and (min-width:320px) {
	html {
		font-size: 13.33px;
	}
}



img {
	width: 100%;
	display: block;
}



html {
	font-family: Microsoft YaHei;
}



.w {
	width: 19.5rem;
	margin: 0 auto;
}
.index-bannner .swiper {
	width: 100%;
	height: 100%;
}

.index-bannner .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.index-bannner .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.swiper-pagination-clickable,
.swiper-pagination-bullet {
	width: .24rem;
	height: .24rem;
}



.swiper2 .swiper-pagination-bullet {
	width: .186667rem;
	height: .186667rem;
}

.swiper-pagination-bullet {
	background: #FFFFFF;
	opacity: 0.3;
	margin-right: .25rem !important;
}



.swiper-button-next .swiper-pagination-bullet {
	margin-right: .266667rem;
}

.swiper-pagination-bullet-active {
	opacity: 1;
	background: #FFFFFF;

}

.swiper1 .swiper-pagination-bullets.swiper-pagination-horizontal {
	bottom: 1.04rem !important;
}

.swiper3 .swiper-pagination-bullets.swiper-pagination-horizontal {
	bottom: .253333rem!important;
}

.swiper2 .swiper-pagination-clickable {
	text-align: right;
}

.swiper2 .swiper-pagination-clickable span {
	vertical-align: top;
}

.map {
	background: url(../img/map.png) no-repeat center center;
	background-size: 100% 100%;
	padding-top: .9375rem;
	height: 11.375rem;
}



.map-tit {
	text-align: center;
	margin-bottom: 1.7375rem;

}

.map-tit p:nth-child(1) {
	font-size: .525rem;
	font-weight: bold;
	color: #000000;
	margin-bottom: .125rem;

}

.map-tit p:nth-child(2) {
	font-size: .3rem;
	color: #000000;
	text-transform: uppercase;
	letter-spacing: 2px;

}

.map-shu {
	padding: 0 1.725rem 0 1.725rem;
	display: flex;
	justify-content: space-between;
}



.timer {
	font-weight: bold;
	font-size: .75rem;
	color: #004BA0;
}

.jia {
	font-size: .3rem;
	color: #000000;
}

.jia1 {
	margin-top: .25rem;
	font-size: .225rem;
	color: #000000;
}

.map-txt p {
	margin-top: 1.875rem;
	font-size: .2rem;
	font-weight: 400;
	color: #000000;
	line-height: .6rem;
	text-indent: 2em;

}

.zhaoche {
	padding-bottom: .375rem;
	background: url(/Main/Modules/Web/Tpl/img/zhaoche.jpg) no-repeat center;
	background-size: cover;
	position: relative;
	margin-top: 65px;

}



.buss {

	background: url(../img/business.png) no-repeat center center;

	padding-top: .5375rem;

	padding-bottom: 1.4375rem;

	background-size: cover;

	height: auto;

}



.tit-box {

	position: relative;

	background: url(../img/tit-box.png) no-repeat;

	width: 3.6875rem;

	height: 1.3125rem;

	background-size: 100%, 100%;

	font-size: .525rem;

	font-weight: bold;

	color: #000000;

	line-height: 1.3125rem;

	padding-left: .6125rem;

}



.chang {

	position: absolute;

	top: 50%;

	left: .3375rem;

	transform: translateY(-50%);

	width: .1rem;

	height: .5rem;

	background: #000000;

}



.buss-box {

	display: flex;

	justify-content: space-between;

	margin-top: .5875rem;

}



.buss-box-l {

	width: 32.37%;

	background: #FFFFFF;

	padding-top: .5625rem;

}



.buss-box-r {

	position: relative;

	margin-top: .5875rem;

}



.ww {

	width: 78%;

	margin: 0 auto;

	padding-bottom: 0.5rem;

}



.buss-l-tit {

	font-size: .375rem;

	font-weight: bold;

	color: #4C94F8;

}



.buss-box-r .swiper {

	width: 100%;

	height: 100%;

}



.buss-box-r .swiper-slide {

	background: #fff;

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	align-items: stretch;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	-webkit-justify-content: center;

	justify-content: center;

	-webkit-box-align: center;

	-ms-flex-align: center;

}



.buss-box-r .swiper-slide img {

	display: block;

	width: 100%;

	height: 100%;

	/* object-fit: cover; */

}



.buss-box-r .swiper-scrollbar-drag {

	height: 5px;

	background: #4C94F8
}



.buss-box-r .swiper-scrollbar {

	bottom: -0.7rem;

	width: 53%;

	right: -40%;

}



.buss-box-r .swiper-button-prev,

.buss-box-r .swiper-button-next {

	top: 109%;

}



.buss-box-r .swiper-button-next,

.buss-box-r .swiper-rtl .swiper-button-prev {

	right: 4%;

	background: url(../img/r.png) no-repeat;

	background-size: contain;

	width: .3875rem;

	height: .3875rem;

	min-width: 20px;

	min-height: 20px;

}



.buss-box-r .swiper-button-prev,

.buss-box-r .swiper-rtl .swiper-button-next {

	left: 37%;

	background: url(../img/l.png) no-repeat;

	background-size: contain;

	width: .3875rem;

	height: .3875rem;

	min-width: 20px;

	min-height: 20px;

}



.ww>p {

	font-size: .2rem;

	color: #000000;

	line-height: .45rem;

	margin-top: .2rem;

}



.ww>h3 {

	margin-top: .1625rem;

	margin-bottom: .1625rem;

	font-size: .225rem;

	font-weight: bold;

}



.ww>ul li {

	font-size: .2rem;

	line-height: .45rem;

}



.ww>ul li span {

	color: #4C96F7;

	margin-right: 12px;

	font-size: .15rem !important;

}



.buss-btn a {

	font-size: .2rem;

	color: #FFFFFF;

	line-height: .625rem;

}



.buss-btn span {

	font-size: .175rem;

	margin-left: 10px;

}



.buss-btn {

	margin-top: .3125rem;

	text-align: center;

	width: 2rem;

	height: .625rem;

	background: #4C94F8;

	border: 1px solid #1B7AFF;

	border-radius: 10px;

}



.news {

	background: url(../img/NEWS.jpg) no-repeat;

	background-size: 100%, 100%;

	height: 11.375rem;

	padding-top: .5375rem;

}



.news-img {

	width: 100%;

}



.news h3 {

	font-size: .225rem;

	color: #FFFFFF;

	line-height: .6rem;

}



.news-tit {

	margin-top: .2875rem;

}



.news-l {

	width: 43.39%;

}



.news-r {

	width: 50.96%;

	display: flex;

	flex-direction: column;

	justify-content: space-between;

}



.disf {

	margin-top: .675rem;

	display: flex;

	justify-content: space-between;

}



.news-txt {

	padding: .5rem .375rem .2875rem .5rem;

	background: rgba(0, 0, 0, .34);

}



.time-img {

	background: url(../img/time.png) no-repeat;

	background-size: 100%, 100%;

	width: 1.6625rem;

	height: 1.2625rem;

	text-align: center;

}



.time-img p:nth-child(1) {

	font-size: .45rem;

	font-weight: bold;

	color: #000;

}



.time-img p:nth-child(2) {

	font-size: .25rem;

	color: #000;

}



.news-txt {

	display: flex;

	justify-content: space-between;

	/* align-items: center; */

}



.news-txt:hover {

	background: rgba(0, 0, 0, .5);

	transition: all .4s;

}



.news-txt>div h4 {

	font-size: .25rem;

	color: #FFFFFF;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

}



.news-txt .news-txt-l p {

	font-size: .175rem;

	color: #FFFFFF;

	line-height: .375rem;

	margin-top: 10px;

	word-break: break-all;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

	overflow: hidden;

}



.news-txt-l {

	width: 80%;

}



.service-banner {

	width: 100%;

}



.fw1 {

	margin-top: 1.5rem;

}



.fw1 h1 {

	font-size: .525rem;

	text-align: center;

	font-weight: bold;

	line-height: .625rem;

	color: #000;

}



.fw1 h2 {

	font-size: .3rem;
	text-align: center;
	color: #000;
	margin-top: .2rem;
	margin-bottom: 1.5rem;

}



.fw-img {

	width: 100%;

	position: relative;

}



.fw-img1 {

	width: 72.65%;

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

}



@media screen and (max-width: 1200px) {

	.buss-box-r .swiper-slide {

		flex-direction: column;

	}

	.buss-box-l {

		width: 100%;

		padding-bottom: 35px;

		padding-top: 20px;

	}

	.buss-box-r .swiper-button-prev,

	.buss-box-r .swiper-button-next {

		top: 103%;

	}

	.buss-box-r .swiper-button-next,

	.buss-box-r .swiper-rtl .swiper-button-prev {

		right: 4%;

	}

	.buss-box-r .swiper-button-prev,

	.buss-box-r .swiper-rtl .swiper-button-next {

		left: 4%;

	}

	.buss-box-r .swiper-scrollbar {

		width: 80%;

		right: 0;

		margin: 0 auto;

	}

	.buss-btn {

		margin: 0 auto;

		width: 100px;

		height: 35px;

		background: #4C94F8;

		border: 1px solid #1B7AFF;

		border-radius: 10px;

	}

	.buss-btn a {

		display: block;

		font-size: 14px;

		line-height: 35px;

	}

}



@media screen and (max-width: 768px) {

	.w {

		width: 90%;

	}

	.map {

		background-size: cover;

		padding-top: .9375rem;

		padding-bottom: .9375rem;

		height: auto;

	}

	.map-tit p:nth-child(1) {

		font-size: 18px;

	}

	.map-tit p:nth-child(2) {

		font-size: 16px;

	}

	.map-shu {

		padding: 0;

		flex-wrap: wrap;

	}

	.map-tit {

		margin-bottom: 20px;

	}

	.map-txt p {

		margin-top: 0;

		display: inline-block;

		font-size: 14px;

		line-height: 22px;

	}

	.jia1 {

		display: inline-block;

	}

	.mart {

		margin-bottom: 15px;

	}

	.jia {

		font-size: 14px;

	}

	.jia1 {

		font-size: 14px;

	}

	.timer {

		font-size: 18px;

	}

	.buss-l-tit {

		font-size: 16px;

		margin-bottom: 10px;

	}

	.tit-box {

		position: relative;

		background: url(../img/tit-box.png) no-repeat center center;

		width: 110px;

		height: auto;

		background-size: cover;

		font-size: 18px;

		font-weight: bold;

		color: #000000;

		line-height: normal;

		padding-left: .6125rem;

	}

	.ww {

		width: 90%;

	}

	.ww>p {

		font-size: 14px;

		color: #000000;

		line-height: normal;

		margin-top: .2rem;

	}

	.ww>h3 {

		margin-top: 10px;

		margin-bottom: 10px;

		font-size: 16px;

	}

	.ww>ul li {

		font-size: 14px;

		margin-bottom: 10px;

		line-height: normal;

	}

	.buss-btn span {

		font-size: 14px;

	}

	.news {

		background: url(../img/NEWS.jpg) no-repeat center center;

		background-size: cover;

		height: auto;

		padding-top: .5375rem;

	}

	.disf {

		display: block;

	}

	.news-l {

		width: 100%;

	}

	.news h3 {

		font-size: 14px;

		line-height: normal;

		color: #000;

		font-weight: bold;

	}

	.news-r {

		width: 100%;

		margin-top: 20px;

	}

	.time-img {

		background: url(../img/time.png) no-repeat center;

		background-size: cover;

		width: 16%;

		height: auto;

		text-align: center;

		padding-top: inherit;

	}

	.news-txt>div h4 {

		font-size: 18px;

	}

	.news-txt .news-txt-l p {

		font-size: 13px;

		line-height: 20px;

		margin-top: 10px;

	}

	.news-txt {

		margin-bottom: 20px;

	}

	.bj768 {

		background: #fff;

		padding: 5px;

		margin-bottom: 10px;

	}

	.fw1 h1 {

		font-size: 20px;

		line-height: 30px;

	}

	.fw1 h2 {

		font-size: 16px;

		line-height: 24px;

	}

	.time-img p {

		font-size: 14px !important;

	}

	.fw1 h2 {

		width: 90%;

		margin: 10px auto;

	}

}

.sub_span {
	font-family: 微软雅黑;
	color: black;
	font-size: 16px;
}


@media screen and (max-width: 1200px) {
	.ww {
		min-height: 7.8rem;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
}


@media screen and (min-width: 768px) {
	.buss-box-r .swiper-slide {
		min-height: 8.75rem;
	}
}

@media screen and (max-width: 768px) {
	.buss-box-l {
		min-height: 526px;
		display: flex;
	}

	.ww {
		display: flex;
		flex-direction: column;
		justify-content: space-around;
	}
}