* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

ul li {
	list-style: none;
}

img {
	width: 100%;
	display: block;
}

html,
body {
	font: 12px/1.5 Microsoft YaHei, Arial, sans-serif;
	width: 100%;
	height: 100%;
	overflow: auto;
	background: #fff;
	font-size: 14px;
	color: #333;
}

a {
	text-decoration: none;
}

.ceil-2 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.ceil-3 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

.ceil-4 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
}

.flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

.flex.jlr {
	justify-content: space-between;
}

.flex.j-center {
	justify-content: center;
}

.flex.j-end {
	justify-content: flex-end;
}

.flex.a-center {
	align-items: center;
}

.flex.a-end {
	align-items: flex-end;
}

.flex.col {
	flex-direction: column;
}

.flex.wrap {
	flex-wrap: wrap;
}

.flex .fx1 {
	flex: 1;
}

.full {
	height: 100%;
}

.container {
	width: 1400px;
	margin: auto;
}

.swiper-container {
	width: 100%;
	height: 100%;
}

.swiper-slide {
	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;
}

.header {
	width: 100%;
	position: relative;
}

.banner {
	width: 100%;
	min-height: 480px;
}

.header_nav {
	background: rgba(0, 0, 0, .15);
	width: 100%;
	color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9;
	height: 86px;
}

.header_nav .logo {
	width: 256px;
	height: 63px;
}

.nav {
	height: 100%;
	position: relative;
}
.search_input{
	position: absolute;
	right: 0px;
	top: 90px;
	width: 420px;
	height: 45px;
	background: #fff;
	display: none;
}
.search_input input{ width: 80%; float: left; line-height: 45px; padding: 0px 10px; outline: none; border: 0;}
.search_input button{width: 20%; float: left; height: 45px; background: #007AFF; color: #fff; border: 0; outline: none; cursor: pointer;}
.nav li {
	float: left;
	display: flex;
	align-items: center;
	position: relative;
	height: 100%;
}

.nav h4 a {
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	padding: 10px 24px;
}

.nav li .submenu {
	width: 100%;
	position: absolute;
	top: 100%;
	left: 0;
	background: #9fc7ff;
	z-index: 99;
	display: none;
	padding: 0px 5px;
}

.nav li .submenu a {
	color: #fff;
	border-bottom: 1px solid #fff;
	text-align: center;
	line-height: 45px;
	display: block;
}

.nav li .submenu a:last-child {
	border: 0;
}

.nav li .submenu a:hover {
	color: #007AFF;
}

.nav li:hover .submenu {
	display: block;
}

.nav .search {
	width: 27px;
	float: left;
	cursor: pointer;
	height: 27px;
	margin-top: 29px;
}

.nav .lang {
	width: 52px;
	margin-left: 15px;
	padding-left: 15px;
	border-left: 2px solid #fff;
	float: left;
	cursor: pointer;
	height: 27px;
	margin-top: 29px;
}

.nav_button_switch,
.nav-fix {
	display: none;
}

.company_profile {
	width: 100%;
	height: 78px;
	background: #146ec8;
}

.company_profile .item {
	color: #fff;
	margin-left: 30px;
	font-size: 14px;
}

.company_profile .item b {
	display: block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #bd9af6;
	margin-right: 10px;
}

.company_profile .item b.i1 {
	background: #9ab4f6;
}

.company_profile .item b.i2 {
	background: #f6de9a;
}

.company_profile .item b.i3 {
	background: #f6b69a;
}

.container1 {
	width: 1140px;
	margin: auto;
	padding: 15px;
	padding-top: 30px;
}

.imgTitle {
	margin-bottom: 30px;
	position: relative;
	z-index: 2;
}

.videoFlex .item,
.videoFlex .item video,
.videoFlex .item img {
	width: 540px;
	height: 304px;
}

.aboutUstext {
	line-height: 40px;
	color: #666;
	font-size: 14px;
}

.aboutUstext p {
	text-indent: 28px;
	margin-bottom: 10px;
}

.aboutUstext h2 {
	font-size: 14px;
	padding: 20px 0px;
	text-align: center;
}

.aboutUstext a {
	text-align: center;
	width: 127px;
	height: 32px;
	line-height: 32px;
	border: 1px solid #5984c8;
	border-radius: 5px;
	color: #5984c8;
	cursor: pointer;
	display: inline-block;
	margin: auto;
	margin-top: 30px;
}

.aboutUstext a:hover {
	color: #fff;
	background: #5984c8;
}

.service {
	background: #146ec8;
	margin-top: 30px;
}

.service-pad {
	padding: 30px 0px;
	overflow: hidden;
}

.service-image,
.service-image img {
	width: 550px;
	height: 402px;
}

.service-group {
	width: 580px;
	height: 402px;
}

.service-group .item {
	width: 268px;
	height: 192px;
	overflow: hidden;
	margin: 0px 10px 20px 10px;
}

.map-bg {
	width: 100%;
	padding: 30px 0px;
	background: url(../img/map_bg.png) no-repeat;
	background-size: 100% 100%;
}

.map-bg .charts {
	width: 825px;
	height: 700px;
}

.mapList {
	width: 255px;
	background: #fff;
	border: 1px solid #333;
	padding: 20px;
	display: none;
}

.mapList h4 {
	font-size: 18px;
}

.mapList a {
	display: block;
	border-bottom: 1px solid #909399;
	padding: 10px 0px;
	color: #333;
	max-height: 500px;
	overflow: auto;
	font-family: MicrosoftYaHei;
}

.bv-example-row {
	font-size: 20px;
	color: #4d93d8;
}

.bv-example-row img {
	width: 35px;
	margin-right: 10px;
}

.news {
	background: #237dd7;
	position: relative;
}

.news_container_item {
	width: 50%;
	margin-top: 20px;
	position: relative;
	z-index: 2;
}

.news_container_item_swiper {
	width: 445px;
	margin: auto;
}

.news_container_item_swiper .image,
.news_container_item_swiper .image img {
	width: 100%;
	height: 216px;
}

.news_container_item_swiper h4 {
	color: #fff;
	font-weight: 500;
	margin: 20px 0px;
}

.news_container_item_swiper .text {
	color: #fff;
}

.news_container_item_swiper .date {
	font-size: 14px;
	color: #fff;
	margin-top: 15px;
}

.news_container_item_swiper .date .more {
	border: 2px solid #fff;
	padding: 3px 8px;
	border-radius: 3px;
}

.news_container_item_title {
	width: 445px;
	margin: auto;
	color: #fff;
	margin-bottom: 20px;
	font-size: 16px;
}

.news_container_item_title b {
	width: 8px;
	height: 16px;
	background: #f5dd9b;
	margin-right: 10px;
}

.news_right_bg {
	width: 50%;
	height: 100%;
	position: absolute;
	background: #146ec8;
	right: 0;
	top: 0;
}
.footer{
	background: #4d93d8;
	padding-top: 50px;
	padding-bottom: 20px;
}
.footer .card{
	border: 8px solid rgba(77,147,216,.26);
	padding: 30px;
	background: #fff;
	color: #212529;
	margin: auto;
	width: 800px;
	height: 425px;
}
.card_left{
	width: 33.33%;
	padding: 0px 15px;
}
.flogo{width: 187px; margin: auto; display: block;}
.card_img{margin: 10px 0px;}
.card_img img{ width: 100px;}
.card_text{font-size: 14px; color: #222; text-align: center;}
.card_info{flex: 1; border-left: 1px solid #ddd; padding-left: 52px; padding-right: 15px;}
.card_info h2{margin-bottom: 10px; font-size: 18px;}
.address{padding: 10px 0px; border-bottom: 1px solid #ddd;}
.address .item{padding-left: 35px; position: relative; margin-top:12px; line-height: 30px;}
.address .item b{position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.addressFoot{padding-top: 15px;}
.addressFoot .item{flex: 1; color: #333; text-align: center;}
.addressFoot .item a{color: #333;}
.addressFoot .item p{margin-top: 10px;}
.addressFoot .item img{max-width: 40px; display: block; margin: auto;}
.copy{font-size: 14px; text-align: center; color: #fff;}
@media screen and (max-width: 750px) {
	.container {
		width: 100% !important;
	}

	.itemImage {
		display: none;
	}

	.banner {
		padding-top: 1rem;
		min-height: auto;
	}

	.header_nav {
		position: fixed;
		height: 1rem;
		left: 0;
		top: 0;
		background: #146ec8;
		width: 100%;
		padding: 0px 0.3rem;
	}

	.header_nav .logo {
		width: auto;
		height: 80%;
	}

	.header_nav .logo img {
		height: 100%;
		width: auto;
	}

	.nav {
		width: 200px;
		position: fixed;
		top: 0;
		right: -200px;
		transition: all 0.4s;
		height: 100vh;
		background: #000;
		z-index: 9;
	}

	.nav li {
		width: 100%;
		height: 50px;
		line-height: 50px;
		display: block !important;
	}

	.nav li a {
		display: block;
		text-align: center;
		padding: 0;
	}

	.nav_button_switch {
		width: .54rem;
		height: .54rem;
		display: block;
		background: url(../img/nav_button_switch.png);
		background-size: 100% 100%;
	}

	.nav-fix {
		width: 100%;
		height: 100%;
		position: fixed;
		left: 0;
		top: 0;
		background: rgba(0, 0, 0, 0.6);
		display: none;
	}

	.search {
		margin-left: 25%;
	}

	.company_profile {
		display: none;
	}
	.service-group .item{height: auto !important;}
	.container1 {
		width: 100%;
		padding: 0px .3rem;
	}
	.bv-example-row{font-size: .3rem;}
	.bv-example-row img{width: .45rem; margin-right: .2rem;}
	.videoFlex .item,
	.videoFlex .item video,
	.videoFlex .item img {
		width: 100%;
		height: auto;
	}

	.aboutUstext {
		line-height: 30px;
	}

	.imgTitle {
		margin: .3rem 0;
	}

	.service-image,
	.service-image img {
		width: 100%;
		height: auto;
	}

	.service-group {
		width: 100%;
		margin-top: .3rem;
		height: auto;
		padding-bottom: .3rem;
	}

	.service-group .item {
		width: 48%;
		margin: 1% !important;
	}
	.bv-example-row{height: 1rem;}
	.map-bg {
		padding: .3rem 0 !important;
	}

	.map-bg .charts {
		width: 100%;
		height: 320px;
	}

	.mapList {
		width: 100%;
	}
	.news_container_item,.news_container_item_title,.news_container_item_swiper{display: block; width: 100%;}
	.news_right_bg{display: none;}
	.footer .card{width: 100%; height: auto; padding: .3rem;}
	.card_left{width: 100%; margin-bottom: 30px;}
	.card_info{padding: 0px; border: 0;}
	.addressFoot .item{min-width: 33.33%; margin-top: 10px;}
	.addressFoot .item img{max-width:.5rem}
	.addressFoot .item p{font-size: .2rem;}
	.copy{font-size: .24rem; padding: 0px .3rem; margin-top: 10px;}
	.search_input{
		position: initial;
		width: 100%;
		clear: both;
		background: none;
		height: auto;
		padding-top: 30px;
	}
	.search_input input{width: 60%;}
	.search_input button{width: 40%;}
	.news{padding-bottom: 15px;}
	.address{padding: 6px 0px;}
}