@charset "utf-8";
body {
	margin: 0;
	padding: 0;
	font-family: "微软雅黑";
	background: #fff;
	font-size: 0.16rem;
}
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
input,
select,
textarea {
	outline: 0;
	margin: 0;
	padding: 0;
	font-family: "微软雅黑";
}
img {
	border: 0;
	display: block;
	max-width: 100%;
	width: auto;
}
ul,
li {
	list-style-type: none;
}
a {
	text-decoration: none;
	color: inherit;
}
a:hover {
	text-decoration: none;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.tc{
	text-align: center;
}
.cl {
	clear: both;
}
.clear:after {
	content:"";
	display: block;
	clear:both;
}
.flex {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.bigimg img {
	transition: all 0.6s;
	-webkit-transition: all 0.6s;
}
.bigimg:hover img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.to1{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.to2{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	white-space: normal;
}
.content {
	width: 15.6rem;
	margin: 0 auto;
}
.phone {
	display: none;
}
[v-cloak]{
	display: none;
}


/*首页*/
/* #index-app .header{
	background: none;
}
#index-app .header.blue{
	background: rgba(0, 72, 156, 0.5);
} */
.header{
	width: 100%;
	height: 1.15rem;
	/* background: rgba(0, 72, 156, 0.5); */
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 100;
}
.logo{
	float: left;
	width: 1.8rem;
	margin: 0.22rem 0 0 0.87rem;
}
.logo img{
	width: 100%;
}
.menu,.nav02,#menu{
	display: none;
}
.nav{
	float: right;
	width: 11.8rem;
}
.nav li{
	float: left;
	color: #fff;
	font-size: 0.18rem;
	line-height: 1.04rem;
	padding-top: 0.11rem;
	position: relative;
}
.nav i{
	width: 0.22rem;
	height: 0.04rem;
	background: #fff;
	border-radius: 0.04rem;
	display: block;
	position: absolute;
	top: 0.84rem;
	left: 40%;
	transform: translateX(-40%);
	transform: scale(0,0);
	transition: all 0.6s;
}
.nav li:hover i{
	transform: scale(1,1);
}
.nav li.on i{
	transform: scale(1,1);
}
.nav a{
	display: block;
	padding: 0 0.31rem;
}
.nav li:hover ul{
	transform: scale(1,1);
}
.nav li ul{
	width: 1.6rem;
	background: rgba(0, 72, 156, 0.5);
	position: absolute;
	top: 1.15rem;
	left: -0.15rem;
	transform: scale(0,0);
	transition: all 0.6s;
	transform-origin:center top;
}
.nav li ul li{
	float: none;
	padding: 0;
	line-height: 0.6rem;
	text-align: center;
}
.nav li ul li:hover{
	background: rgba(0, 72, 156, 0.8);
}
.search_pic{
	width: 0.26rem;
	height: 0.26rem;
	position: absolute;
	top: 0.49rem;
	right: 0.87rem;
	cursor: pointer;
	z-index: 10;
}
.search_pic img{
	width: 100%;
	height: 100%;
}

.banner{
	width: 100%;
	position: relative;
}
.banner img{
	width: 100%;
}
.banner_pic img{
	object-fit: cover;
}
.banner .swiper-button-next, .banner .swiper-button-prev{
	width: 0.61rem;
	height: 0.61rem;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.2);
	top: 44%;
	transform: translateY(-44%);
	display: flex;
	justify-content: center;
	align-items: center;
}
.banner .swiper-button-next{
	right: 0.4rem;
}
.banner .swiper-button-prev{
	left: 0.4rem;
}
.banner .swiper-button-next:hover, .banner .swiper-button-prev:hover{
	background: rgba(0, 72, 156, 0.5);
}
.banner .swiper-button-next img, .banner .swiper-button-prev img{
	width: 0.24rem;
	height: 0.08rem;
	vertical-align: middle;
}
.banner .swiper-button-next:after, .banner .swiper-button-prev:after{
	display: none;
}
.banner .swiper-button-next.swiper-button-disabled,
.banner .swiper-button-prev.swiper-button-disabled{
	opacity: 1;
}
.bn_br{
	width: 2.68rem;
	position: absolute;
	right: 0.34rem;
	bottom: 0.84rem;
	z-index: 5;
}
.bn_br_left{
	width: 0.08rem;
	height: 0.13rem;
	background: url(../images/ind_08.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.bn_br_right{
	width: 0.08rem;
	height: 0.13rem;
	background: url(../images/ind_09.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: 0;
	right: 0;
}
.banner .swiper-pagination{
	width: 1.74rem;
	height: 0.02rem;
	background: rgba(255, 255, 255, 0.3);
	left: 0.48rem;
	top: 0.05rem;
}
.banner .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
	background: #fff;
}
.banner .swiper-num{
	width: 86%;
	color: #fff;
	font-size: 0.16rem;
	line-height: 0.13rem;
	font-family: Arial;
	position: absolute;
	top: 0;
	left: 7%;
}
.banner .swiper-num .active{
	position: absolute;
	top: 0;
	left: 0;
}
.banner .swiper-num .total{
	position: absolute;
	top: 0;
	right: 0;
}
.bn_top{
	width: 100%;
	position: absolute;
	top: 43%;
	left: 0;
	transform: translateY(-43%);
	z-index: 2;
}
.bn_con{
	width: 14.2rem;
	margin: 0 auto;
}
.bn_left{
	float: left;
	width: 6.4rem;
	padding-top: 0.62rem;
	color: #fff;
}
.bn_left h1{
	font-size: 0.46rem;
	line-height: 0.7rem;
	font-weight: normal;
}
.bn_left h2{
	font-size: 0.7rem;
	line-height: 0.94rem;
	font-weight: 550;
	margin-bottom: 0.54rem;
}
.bn_left img{
	width: 1.42rem;
	margin-left: 0.1rem;
}
.bn_right{
	float: right;
	width: 6.32rem;
}
.bn_bot{
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0.77rem;
	z-index: 2;
}
.scroll{
	width: 0.4rem;
	margin: 0 auto;
  animation: bounce-down 1.6s linear infinite;
}
@keyframes bounce-down {
	25% {
		transform: translateY(-0.1rem);
	}
	50%, 100% {
		transform: translateY(0);
	}
	75% {
		transform: translateY(0.1rem);
	}
}

.about_bg{
	width: 100%;
	height: 8.04rem;
	padding: 1.32rem 0;
	background: url(../images/ind_10.jpg) no-repeat center top;
	background-size: cover;
	overflow: hidden;
}
.about_bg .content{
	position: relative;
}
.about_tit{
	color: #333;
	font-size: 0.4rem;
	font-weight: bold;
	line-height: 0.68rem;
	margin-bottom: 0.54rem;
}
.about{
	width: 9rem;
	height: 2.28rem;
	color: #58585a;
	font-size: 0.16rem;
	line-height: 0.38rem;
	text-align: justify;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical;
	white-space: normal;
	margin-bottom: 1.06rem;
}

.about_more{
	width: 1.55rem;
	height: 0.46rem;
	line-height: 0.46rem;
	text-align: center;
	background: #00489c;
	color: #fff;
	font-size: 0.16rem;
}
.about_more a{
	display: block;
}
.about_more img{
	width: 0.24rem;
	height: 0.08rem;
	display: inline-block;
	vertical-align: middle;
	margin-left: 0.1rem;
}
.video_btn{
	width: 0.98rem;
	height: 0.98rem;
	position: absolute;
	top: 1.7rem;
	right: 2.4rem;
}
.video_btn img{
	width: 100%;
	height: 100%;
}
.video_en{
	width: 1.35rem;
	height: 1.35rem;
	background: url(../images/ind_12.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: -0.18rem;
	left: -0.18rem;
	animation: xuanzhuan 10s linear infinite;
}
@-webkit-keyframes xuanzhuan {
	0% {
			-webkit-transform: rotateZ(0deg);
	}
	100% {
			-webkit-transform: rotateZ(360deg);
	}
}
.video_bg{
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .8);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	display: none;
}
.video-a2{
  position:absolute;
  width:0.5rem;
  height:0.5rem;
  background:url(../images/close.png);
  background-size:100% 100%;
  right: calc(50% - 1000px / 2 - 100px );
  top: calc(1000px/16*2);
  cursor: pointer;
}
.video-a3{
  width: 10rem;
  height: calc(10rem/16*9);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.video-a3 iframe,.video-a3 video{
  width: 100% !important;
  height: 100%;
}
.about_list{
	width: 7.2rem;
	position: absolute;
	top:4.28rem;
	right: 0;
}
.about_list ul{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.about_list li{
	text-align: center;
}
.about_list h1{
	color: #bfb27b;
	font-size: 0.4rem;
	line-height: 0.42rem;
	margin-bottom: 0.1rem;
}
.about_list h1 b{
	font-family: Arial;
}
.about_list h1 span{
	font-size: 0.14rem;
	line-height: 0.26rem;
	vertical-align: bottom;
	font-weight: normal;
	margin-left: 0.1rem;
	display: inline-block;
}
.about_list h2{
	color: #626262;
	font-size: 0.16rem;
	line-height: 0.34rem;
	font-weight: normal;
}

.news_bg{
	width: 100%;
	height: 9.12rem;
	padding: 0.7rem 0;
	background: url(../images/ind_13.jpg) no-repeat center top;
	background-size: cover;
	overflow: hidden;
}
.news_tt{
	color: #636363;
	font-size: 0.2rem;
	line-height: 0.46rem;
}
.news_top{
	height: 1.36rem;
}
.news_type{
	height: 0.9rem;
}
.news_type li{
	float: left;
	color: #333;
	font-size: 0.24rem;
	line-height: 0.46rem;
	padding-top: 0.22rem;
	margin-right: 0.56rem;
	cursor: pointer;
}
.news_type li.on{
	line-height: 0.84rem;
	padding-top: 0;
	background: url(../images/ind_14.png) no-repeat left bottom;
	background-size: 0.57rem 0.11rem;
	color: #333;
	font-size: 0.34rem;
	font-weight: bold;
}
.news_box{
	position: relative;
}
.news_box .about_more{
	position: absolute;
	top: -1.1rem;
	right: 0;
}
.news_left{
	float: left;
	width: 7.79rem;
	height: 5.58rem;
}
.news_left img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.news_right{
	float: right;
	width: 7.5rem;
	height: 5.58rem;
}
.news_right .swiper-slide{
	height: 1.3rem;
}
.news_right .swiper-slide-thumb-active .news_rbg{
	border: solid 0.01rem #00489c;
}
.news_rbg{
	width: 100%;
	height: 100%;
	background: #fff;
	padding: 0.09rem;
}
.news_pic{
	float: left;
	width: 1.73rem;
	height: 1.12rem;
	margin-right: 0.06rem;
}
.news_pic img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.news_date{
	float: left;
	width: 0.98rem;
	text-align: center;
	color: #bfb27b;
	font-size: 0.15rem;
	line-height: 0.26rem;
	margin-top: 0.16rem;
}
.news_date h1{
	font-size: 0.44rem;
	line-height: 0.52rem;
	font-weight: normal;
}
.news_r{
	float: left;
	width: 4.5rem;
}
.news_r h1{
	height: 0.5rem;
	line-height: 0.5rem;
	color: #333;
	font-size: 0.18rem;
	font-weight: normal;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.news_txt{
	color: #666;
	font-size: 0.14rem;
	line-height: 0.24rem;
	height: 0.48rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	white-space: normal;
}

.service_bg{
	width: 100%;
	height: 8.4rem;
	padding: 0.54rem 0;
	background: url(../images/ind_16.jpg) no-repeat center top;
	background-size: cover;
	overflow: hidden;
}
.service_bg .content{
	position: relative;
}
.service_tit{
	height: 0.86rem;
	line-height: 0.56rem;
	font-size: 0.58rem;
	font-weight: bold;
	text-transform: uppercase;
	color: rgba(0, 72, 156, 0.1);
	position: relative;
	margin: 0 auto 0.32rem;
}
.service_tit h1{
	font-size: 0.4rem;
	line-height: 0.56rem;
	color: #00489c;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
}
.service_left{
	float: left;
	width: 5.2rem;
	height: 5.47rem;
}
.service_left .swiper-slide{
	height: 0.8rem !important;
	cursor: pointer;
}
.service_left .swiper-slide-thumb-active{
	height: 2.12rem !important;
}
.service_left .swiper-slide-thumb-active .ser_icon{
	border: solid 0.04rem #00489c;
	background: #fff;
}
.service_left .swiper-slide-thumb-active .ser_bot{
	display: block;
}
.service_left .swiper-slide-thumb-active .ser_right h1{
	color: #00489c;
	font-weight: bold;
}
.ser_bot{
	display: none;
}
.ser_left{
	float: left;
	width: 0.8rem;
	padding: 0.2rem 0 0.12rem;
	position: relative;
	z-index: 1;
}
.line{
	width: 0.02rem;
	height: 100%;
	background: url(../images/ind_23.png) repeat-y left top;
	position: absolute;
	top: 0;
	left: 0.36rem;
}
.ser_icon{
	width: 0.72rem;
	height: 0.72rem;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	z-index: 2;
}
.ser_icon img{
	width: 0.34rem;
	height: 0.34rem;
}
.ser_right{
	float: right;
	width: 4.18rem;
	padding-top: 0.22rem;
}
.ser_right h1{
	color: #333;
	font-size: 0.24rem;
	line-height: 0.66rem;
	font-weight: normal;
}
.ser_txt{
	color: #333;
	font-size: 0.16rem;
	line-height: 0.32rem;
	text-align: justify;
	height: 0.96rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	white-space: normal;
	margin-bottom: 0.13rem;
}
.ser_more{
	color: #00489c;
	font-size: 0.16rem;
	line-height: 0.34rem;
}
.ser_more img{
	width: 0.23rem;
	height: 0.13rem;
	vertical-align: middle;
	margin-left: 0.1rem;
	display: inline-block;
}
.service_right{
	float: right;
	width: 9.95rem;
	height: 5.47rem;
	margin-top: 0.15rem;
}
.service_right img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.service_bg .swiper-button-next, .service_bg .swiper-button-prev{
	width: 0.56rem;
	height: 0.56rem;
	border-radius: 50%;
	top: -0.9rem;
	left: auto;
}
.service_bg .swiper-button-next{
	background: #fff;
	right: 0;
}
.service_bg .swiper-button-prev{
	background: #00489c;
	color: #fff;
	right: 0.9rem;
}
.service_bg .swiper-button-next:after{
	font-size: 0.2rem;
	color: #00489c;
	font-weight: bolder;
}
.service_bg .swiper-button-prev:after{
	font-size: 0.2rem;
	font-weight: bolder;
}
.service_bg .swiper-button-next.swiper-button-disabled,
.service_bg .swiper-button-prev.swiper-button-disabled{
	opacity: 1;
}

.case_box{
	padding: 0.86rem 0 0.63rem;
	overflow: hidden;
}
.case_tit{
	width: 100%;
	text-align: center;
	color: #ececec;
	font-size: 0.56rem;
	line-height: 1.12rem;
	font-weight: bold;
	text-transform: uppercase;
	position: relative;
	margin-bottom: 0.16rem;
}
.case_tit h1{
	width: 100%;
	color: #333;
	font-size: 0.4rem;
	line-height: 0.58rem;
	position: absolute;
	top: 0;
	left: 0;
}
.case_type{
	width: 100%;
	margin-bottom: 0.35rem;
}
.case_type .swiper-slide{
	background: #f3f3f3;
	height: 1.23rem;
	cursor: pointer;
}
.case_type .swiper-slide-active{
	background: #00489c;
	border-top-left-radius: 0.4rem;
	border-bottom-right-radius: 0.4rem;
}
.case_type .swiper-slide-active .img01{
	display: none;
}
.case_type .swiper-slide-active .img02{
	display: block;
}
.case_type .swiper-slide-active .case_txt{
	color: #fff;
}
.case_type .swiper-slide-active .case_txt h1{
	color: rgba(255, 255, 255, .4);
}
.case_icon{
	width: 1.09rem;
	height: 0.98rem;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
}
.case_icon img{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.img02{
	display: none;
}
.case_txt{
	width: 80%;
	text-align: right;
	padding-top: 0.17rem;
	margin: 0 auto;
	color: #333;
	font-size: 0.22rem;
	position: relative;
	z-index: 3;
}
.case_txt h1{
	color: rgba(0, 0, 0, .4);
	font-size: 0.3rem;
	line-height: 0.46rem;
	font-weight: normal;
}
.case_bot .swiper-slide{
	background: #fff;
}
.case_bot .about_more{
	margin: 0 auto;
}
.case_scroll{
	width: 100%;
	margin-bottom: 0.46rem;
}
.case_scroll .swiper-slide-active .case_tm{
	display: block;
}
.case_pic{
	width: 100%;
	height: 3.9rem;
	position: relative;
}
.case_pic img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.case_tm{
	width: 100%;
	height: 70%;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .8));
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 2;
	display: none;
}
.case_text{
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: 0.16rem;
	line-height: 0.38rem;
	position: absolute;
	left: 0;
	bottom: 0.27rem;
	z-index: 3;
}
.case_text h1{
	font-size: 0.24rem;
	line-height: 0.44rem;
}

.pic{
	width: 100%;
	height: 4.26rem;
	position: relative;
	overflow: hidden;
	margin-bottom: 0.01rem;
	/* margin-bottom: 0.12rem; */
}
.pic img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.pic_txt{
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: 0.34rem;
	font-weight: lighter;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	z-index: 2;
}
.pic_txt h1{
	font-size: 0.4rem;
	line-height: 0.78rem;
	margin-bottom: 0.13rem;
}

/* .foot_bg{
	width: 100%;
	background: #58575b;
	padding: 0.57rem 0 0.64rem;
}
.foot_left{
	float: left;
	width: 3.8rem;
	margin-right: 0.68rem;
}
.f_logo{
	width: 2.3rem;
	margin-bottom: 0.3rem;
}
.f_logo img{
	width: 100%;
}
.f_con{
	width: 100%;
}
.f_con li{
	color: #fff;
	line-height: 0.36rem;
	position: relative;
	padding-left: 0.5rem;
}
.f_con img{
	width: 0.26rem;
	height: 0.29rem;
	position: absolute;
	top: 0.04rem;
	left: 0;
}
.f_nav{
	float: left;
	width: 6.7rem;
}
.f_nav ul{
	margin-right: -0.4rem;
}
.f_nav li{
	float: left;
	color: #fff;
	margin-right: 0.4rem;
}
.f_nav h1{
	font-size: 0.22rem;
	line-height: 0.56rem;
	font-weight: normal;
	margin-bottom: 0.16rem;
}
.f_nav h1 i{
	float: left;
	width: 0.21rem;
	height: 0.01rem;
	background: #fff;
	display: block;
	margin: 0.28rem 0.16rem 0 0;
}
.f_nav li ul{
	padding-left: 0.37rem;
}
.f_nav li ul li{
	line-height: 0.3rem;
	font-size: 0.18rem;
	float: none;
}
.f_code{
	float: right;
	margin-top: 0.15rem;
}
.f_code ul{
	margin-right: -0.22rem;
}
.f_code li{
	float: left;
	width: 1.68rem;
	text-align: center;
	background: #fff;
	padding: 0.12rem;
	margin-right: 0.22rem;
}
.f_code img{
	width: 1.44rem;
	height: 1.44rem;
	margin-bottom: 0.12rem;
}
.f_code h1{
	color: #666;
	font-size: 0.16rem;
	line-height: 0.3rem;
	font-weight: normal;
}
.copyright{
	width: 100%;
	text-align: center;
	line-height: 0.36rem;
	padding: 0.1rem 0;
	background: #444;
	color: rgba(225, 225, 225, 0.5);
	font-size: 0.16rem;
} */
.bot_bg{
	width: 100%;
	background: url(../images/ind_37.jpg) no-repeat center #002755;
	background-repeat: 100%;
}
.bot_t{
	padding: 0.68rem 0 0.87rem;
}
.bot_nav{
	float: left;
	width: 8.9rem;
}
.bot_nav li{
	float: left;
	width: 2rem;
	color: #fff;
}
.bot_nav h1{
	font-size: 0.24rem;
	line-height: 0.74rem;
	margin-bottom: 0.04rem;
}
.bot_nav li ul{
	width: 100%;
}
.bot_nav li ul li{
	line-height: 0.38rem;
	font-size: 0.16rem;
	float: none;
	width: 100%;
	color: #919faf;
}
.bot_nav li ul li:hover{
	color: #fff;
}
.bot_right{
	float: right;
	width: 5rem;
}
.bot_tel{
	width: 100%;
	text-align: right;
	color: #fff;
	font-weight: bold;
	line-height: 0.38rem;
	font-size: 0.3rem;
	margin-bottom: 0.16rem;
}
.bot_tel h1{
	font-size: 0.2rem;
	line-height: 0.36rem;
}
.bot_code{
	float: right;
}
.bot_code ul{
	margin-right: -0.2rem;
}
.bot_code li{
	float: left;
	width: 1.61rem;
	height: 1.96rem;
	text-align: center;
	background: #fff;
	padding-top: 0.12rem;
	margin-right: 0.2rem;
}
.bot_code img{
	width: 1.38rem;
	height: 1.38rem;
	margin: 0 auto 0.12rem;
}
.bot_code h1{
	color: #999;
	font-size: 0.16rem;
	line-height: 0.28rem;
	font-weight: normal;
}
.bot_line{
	border-top: solid 0.01rem #02336d;
	padding: 0.16rem 0 0.2rem;
}
.bot_add{
	float: left;
	line-height: 0.3rem;
	color: #919faf;
	font-size: 0.16rem;
}
.bot_add img{
	width: 0.26rem;
	height: 0.29rem;
	display: inline-block;
	vertical-align: middle;
	margin-right: 0.12rem;
}
.copyright{
	float: right;
	line-height: 0.3rem;
	color: #919faf;
	font-size: 0.16rem;
}


/* 关于我们 */
.main_bn{
	width: 100%;
	position: relative;;
}
.main_bn img{
	width: 100%;
}
.bn_txt{
	width: 100%;
	text-align: center;
	line-height: 0.88rem;
	color: #fff;
	font-size: 0.6rem;
	font-weight: bold;
	position: absolute;
	top: 55%;
	transform: translateY(-55%);
	left: 0;
}
.type_bg{
	background: #f7f7f7;
	padding: 0.14rem 0;
}
.type{
	width: 100%;
	text-align: center;
}
.type li{
	display: inline-block;
	width: 1.39rem;
	height: 0.53rem;
	line-height: 0.53rem;
	color: #333;
	font-size: 0.18rem;
	margin: 0 0.04rem;
}
.type li.on{
	color: #fff;
	background: #00489c;
}
.about_box{
	width: 14.8rem;
	padding: 0.57rem 0 1.57rem;
	margin: 0 auto;
}
.about_tt{
	width: 100%;
	text-align: center;
	color: #333;
	font-size: 0.3rem;
	line-height: 0.5rem;
	margin-bottom: 0.48rem;
}
.about02{
	color: #333;
	font-size: 0.18rem;
	line-height: 0.3rem;
	text-align: justify;
}
.about02 img{
	display: inline-block;
}


/* 关于我们-管理团队 */
.team_box{
	padding: 0.6rem 0 0.68rem;
}
.team{
	width: 100%;
}
.team ul{
	margin-right: -0.4rem;
}
.team li{
	float: left;
	width: 3.6rem;
	text-align: center;
	border-radius: 0.05rem;
	background: #f7f7f7;
	color: #333;
	margin: 0 0.4rem 0.36rem 0;
	overflow: hidden;
}
.team_pic{
	width: 100%;
	height: 2.95rem;
	overflow: hidden;
}
.team_pic img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.6s;
	-webkit-transition: all 0.6s;
}
.team li:hover .team_pic img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.team li:hover{
	background: #00489c;
	color: #fff;
}
.team h1{
	width: 100%;
	height: 0.59rem;
	line-height: 0.59rem;
	font-size: 0.18rem;
	font-weight: normal;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.page{
  width: 100%;
  text-align: center;
  padding-top: 0.32rem;
  font-size: 0.14rem;
}
.page a{
  width: 0.46rem;
  height: 0.46rem;
  line-height: 0.46rem;
  display: inline-block;
  border-radius: 0.08rem;
  color: #999;
	background: #f6f6f6;
	font-family: 宋体;
	font-weight: bold;
  margin: 0 0.04rem;
}
.page a:hover{
  color: #00489c;
}
.page span a.on{
  background: #00489c;
  color: #fff;
	font-weight: normal;
}
.page span a{
	font-family: "微软雅黑";
}


/* 新闻资讯 */
.news_part{
	padding: 0.64rem 0 0.68rem;
}
.news{
	width: 100%;
}
.news li{
	padding: 0.16rem;
	background: #f7f7f7;
	margin-bottom: 0.2rem;
}
.news_img{
	float: left;
	width: 2.72rem;
	height: 1.77rem;
	margin-right: 0.07rem;
	overflow: hidden;
}
.news_img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.6s;
	-webkit-transition: all 0.6s;
}
.news li:hover .news_img img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.news_time{
	float: left;
	width: 1.6rem;
	text-align: center;
	color: #bfb27b;
	font-size: 0.22rem;
	line-height: 0.42;
	margin-top: 0.24rem;
}
.news_time h1{
	font-size: 0.68rem;
	font-weight: normal;
	line-height: 0.82rem;
}
.news_rr{
	float: left;
	width: 10.55rem;
	margin-top: 0.1rem;
}
.news_rr h1{
	color: #333;
	font-size: 0.24rem;
	font-weight: normal;
	height: 0.56rem;
	line-height: 0.56rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.news li:hover .news_rr h1{
	color: #957342;
}
.news_text{
	color: #666;
	font-size: 0.18rem;
	line-height: 0.32rem;
	height: 0.64rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	white-space: normal;
}
.news_more{
	line-height: 0.4rem;
	color: #999;
	font-size: 0.16rem;
}


/* 新闻资讯-视频锦集 */
.video_list{
	width: 100%;
}
.video_list ul{
	margin-right: -0.6rem;
}
.video_list li{
	float: left;
	width: 4.8rem;
	background: #f7f7f7;
	padding-bottom: 0.1rem;
	border-radius: 0.05rem;
	overflow: hidden;
	margin: 0 0.6rem 0.6rem 0;
}
.video_list li:hover{
	background: #00489c;
}
.video_pic{
	width: 100%;
	height: 2.98rem;
	position: relative;
}
.video_pic img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.video_img{
	width: 0.58rem;
	height: 0.58rem;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 1;
}
.video_txt{
	width: 94%;
	height: 0.72rem;
	line-height: 0.72rem;
	color: #333;
	font-size: 0.18rem;
	margin: 0 auto;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}


/* 企业党建 */
.dang{
	width: 100%;
}
.dang ul{
	margin-right: -0.6rem;
}
.dang li{
	float: left;
	width: 4.8rem;
	background: #f7f7f7;
	padding-bottom: 0.28rem;
	border-radius: 0.05rem;
	overflow: hidden;
	margin: 0 0.6rem 0.56rem 0;
}
.dang li:hover{
	background: #00489c;
}
.dang_img{
	width: 100%;
	height: 2.9rem;
	overflow: hidden;
	margin-bottom: 0.1rem;
}
.dang_img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.6s;
	-webkit-transition: all 0.6s;
}
.dang li:hover .dang_img img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.dang_con{
	width: 100%;
	padding: 0 0.25rem;
}
.dang_tt{
	height: 0.58rem;
	line-height: 0.58rem;
	color: #333;
	font-size: 0.18rem;
	font-weight: bold;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.dang_txt{
	color: #666;
	font-size: 0.16rem;
	line-height: 0.26rem;
	height: 0.52rem;
	text-align: justify;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	white-space: normal;
}
.dang li:hover .dang_tt{
	color: #fff;
}
.dang li:hover .dang_txt{
	color: #fff;
}


/* 大事记 */
.events_box{
	padding: 0.67rem 0 1.14rem;
}
.events_tt{
	width: 100%;
	text-align: center;
	color: #333;
	font-size: 0.36rem;
	line-height: 0.62rem;
	margin-bottom: 0.15rem;
}
.events_con{
	width: 100%;
	line-height: 0.3rem;
	color: #333;
	font-size: 0.16rem;
	margin-bottom: 0.3rem;
}
.events_list{
	width: 9.3rem;
	position: relative;
	padding: 1.22rem 0 0.24rem;
	margin: 0 auto;
}
.events_list li{
	float: left;
	width: 50%;
	margin-left: 50%;
}
.events_list li:nth-child(even){
	margin: -0.24rem 0 0 0;
}
.events_line{
	width: 0.02rem;
	height: 100%;
	background: #0274f1;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}
.events_t{
	width: 0.1rem;
	height: 0.1rem;
	border-radius: 50%;
	background: #0274f1;
	position: absolute;
	top: 0;
	left: -0.04rem;
}
.events_tit{
	width: 0.95rem;
	padding-left: 0.16rem;
	height: 0.49rem;
	text-align: center;
	line-height: 0.4rem;
	background: url(../images/events_01.png) no-repeat;
	background-size: 100% 100%;
	color: #fff;
	font-size: 0.16rem;
	position: absolute;
	top: 0.34rem;
	right: 0;
}
.events{
	float: right;
	width: 3.6rem;
	min-height: 1.35rem;
	padding: 0.22rem;
	background: #fcfdff;
	border-radius: 0.1rem;
	box-shadow: 0 0 0.1rem rgba(0, 72, 156, 0.1);
	position: relative;
}
.events_icon{
	width: 1rem;
	height: 0.22rem;
	background: url(../images/events_02.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: -1.16rem;
}
.events h1{
	color: #066af3;
	font-size: 0.22rem;
	line-height: 0.34rem;
	margin-bottom: 0.06rem;
}
.events_txt{
	line-height: 0.24rem;
	color: #333;
	font-size: 0.16rem;
}
.events_txt img{
	height: auto;
	margin-top: 0.1rem;
}
.events_list li:nth-child(even) .events{
	float: left;
	text-align: right;
}
.events_list li:nth-child(even) .events_icon{
	background: url(../images/events_03.png) no-repeat;
	background-size: 100% 100%;
	left: auto;
	right: -1.16rem;
}


/* 智慧平台 */
.smart_box{
	padding: 0.51rem 0 0.85rem;
}
.smart_tit{
	width: 100%;
	text-align: center;
	color: #333;
	font-size: 0.3rem;
	line-height: 0.66rem;
	margin-bottom: 0.44rem;
}
.smart_tit i{
	display: block;
	width: 0.43rem;
	height: 0.06rem;
	border-radius: 0.1rem;
	background: #00489c;
	margin: 0 auto;
}
.smart_txt{
	width: 13rem;
	color: #333;
	font-size: 0.18rem;
	line-height: 0.36rem;
	margin: 0 auto 0.35rem;
}
.smart_list{
	width: 100%;
	position: relative;
}
.smart_list img{
	width: 100%;
	height: 8.06rem;
}
.smart_list .swiper-button-next, .smart_list .swiper-button-prev{
	width: 0.65rem;
	height: 0.65rem;
	border-radius: 0.1rem;
	background: rgba(0, 72, 156, 0.6);
	transform: translateY(-50%);
	display: flex;
	justify-content: center;
	align-items: center;
}
.smart_list .swiper-button-next{
	right: 0.4rem;
}
.smart_list .swiper-button-prev{
	left: 0.4rem;
}
.smart_list .swiper-button-next:after, .smart_list .swiper-button-prev:after{
	font-size: 0.2rem;
	font-weight: bolder;
	color: #fff;
}

.honor_bg{
	width: 100%;
	height: 5.67rem;
	background: url(../images/smart_02.jpg) no-repeat left bottom #f4f8f9;
	padding: 0.44rem 0;
}
.honor{
	width: 100%;
	background: #fff;
	padding: 0.36rem 0.22rem 0.1rem;
	border-radius: 0.1rem;
}
.honor img{
	width: 100%;
	height: 1.96rem;
}
.honor h1{
	text-align: center;
	line-height: 0.64rem;
	height: 0.64rem;
	color: #333;
	font-size: 0.18rem;
	font-weight: normal;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.img_modal{
  position: fixed;
  width: 7rem;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 100;
  display: none;
}
.img_modal_show{
  display: block;
}
.img_modal .img_modal_img{
  width: 100%;
}
.img_modal .img_modal_img img{
  width: 100%;
  background: #fff;
	border: solid 1px #ddd;
	padding: 0.5rem;
}
.img_modal_header{
  display: flex;
  justify-content: flex-end;
  position: absolute;
  top: 0.1rem;
  right: 0;
}
.img_modal_header img{
  width: 0.4rem;
  height: 0.4rem;
  margin-right: 0.15rem;
}
.img_modal_header img:nth-last-child(1){
  width: 0.4rem;
  cursor: pointer;
}


/* 市场合作 */
.hezuo_box{
	padding: 0.69rem 0 0.62rem;
}
.hezuo{
	width: 100%;
}
.hezuo li{
	border: solid 0.01rem #dedede;
	padding: 0.28rem;
	margin-bottom: 0.26rem;
}
.hezuo a{
	display: block;
}
.hezuo_pic{
	float: left;
	width: 4.58rem;
	height: 2.82rem;
}
.hezuo_pic img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.hezuo_right{
	float: right;
	width: 10rem;
	padding-top: 0.08rem;
}
.hezuo_tt{
	color: #333;
	font-size: 0.24rem;
	line-height: 0.76rem;
	height: 0.76rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.hezuo_txt{
	color: #666;
	font-size: 0.16rem;
	line-height: 0.3rem;
	height: 0.9rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	white-space: normal;
	margin-bottom: 0.28rem;
}
.hezuo_more{
	width: 1.45rem;
	text-align: center;
	height: 0.49rem;
	line-height: 0.49rem;
	border: solid 0.01rem #bfbfbf;
	border-radius: 0.5rem;
	color: #666;
	font-size: 0.16rem;
}
.hezuo li:hover .hezuo_more{
	background: #00489c;
	border: solid 0.01rem #00489c;
	color: #fff;
}


/* 联系我们 */
.contact_box{
	padding: 0.53rem 0 0.56rem;
}
.join_type{
	width: 100%;
	height: 0.75rem;
	line-height: 0.75rem;
	background: #00489c;
	color: #fff;
	font-size: 0.16rem;
	margin-bottom: 0.26rem;
}
.join_01{
	float: left;
	width: 20%;
	padding-left: 3%;
}
.join_02{
	float: left;
	width: 25%;
	text-align: center;
}
.join_03{
	float: left;
	width: 19%;
	text-align: center;
}
.join_04{
	float: left;
	width: 25%;
	text-align: center;
}
.join_05{
	float: right;
	padding-right: 0.52rem;
}
.join{
	width: 100%;
}
.join li{
	margin-bottom: 0.15rem;
}
.join_top{
	height: 0.75rem;
	line-height: 0.75rem;
	background: #f7f8fc;
	color: #000033;
	font-size: 0.16rem;
	cursor: pointer;
}
.join_top em{
	display: block;
	float: right;
	width: 0.42rem;
	height: 0.42rem;
	margin: 0.17rem 0.4rem 0 0;
	background: url(../images/con_01.png) no-repeat;
	background-size: 100% 100%;
}
.join .on em{
	background: url(../images/con_02.png) no-repeat;
	background-size: 100% 100%;
}
.join_box{
	width: 100%;
	background: #f7f8fc;
	padding: 0.25rem 0.54rem;
	margin-top: 0.02rem;
	display: none;
}
.join_txt{
	color: #666;
	font-size: 0.16rem;
	line-height: 0.36rem;
	text-align: justify;
	margin-bottom: 0.38rem;
}
.join_txt h1{
	color: #333;
	font-size: 0.16rem;
	line-height: 0.34rem;
}
.join_txt:last-child{
	margin: 0;
}


/* 联系我们-联系方式 */
.con_tit{
	text-align: center;
	line-height: 0.96rem;
	color: #333;
	font-size: 0.3rem;
}
.con_list{
	width: 14.86rem;
	padding: 0.44rem 0 0.72rem;
	margin: 0 auto;
}
.con_list ul{
	margin-right: -5%;
}
.con_list li{
	float: left;
	width: 25%;
	margin-right: 5%;
}
.con_list img{
	float: left;
	width: 0.61rem;
	height: 0.61rem;
}
.con_r{
	float: right;
	width: 80%;
	margin-top: 0.04rem;
}
.con_r h1{
	color: #333;
	font-size: 0.18rem;
	line-height: 0.26rem;
}
.con_txt{
	color: #333;
	font-size: 0.18rem;
	line-height: 0.3rem;
}
.map{
	width: 15.14rem;
	height: 3.66rem;
	border-radius: 0.1rem;
	overflow: hidden;
	margin: 0 auto;
}
.BMapLabel{
	display: none !important;
}
.BMap_bubble_title{
	font-size: 0.16rem;
	color: #222;
	margin-bottom: 0.06rem;
}
.BMap_bubble_content{
	color: #999;
	font-size: 0.14rem;
}
.BMap_shadow{
	display: none !important;
}


/* 联系我们-在线留言 */
.mess_box{
	width: 12rem;
	padding: 0.5rem 0 1rem;
	margin: 0 auto;
}
.m20{
  margin-bottom: 0.2rem;
}
.mess{
  width: 48%;
  height: 0.6rem;
  line-height: 0.6rem;
  border: solid 0.01rem #ebebeb;
  background: #fff;
  border-radius: 0.05rem;
  color: #999;
  font-size: 0.18rem;
  padding-left: 0.2rem;
}
.mess::-webkit-input-placeholder{
	color: #999;
}
.message{
  width: 100%;
  height: 2rem;
  border: solid 0.01rem #ebebeb;
  background: #fff;
  border-radius: 0.05rem;
  padding: 0.12rem 0.2rem;
  color: #999;
  font-size: 0.18rem;
  line-height: 0.34rem;
  margin-bottom: 0.7rem;
}
.message::-webkit-input-placeholder{
	color: #999;
}
.btn_submit{
  width: 1.7rem;
  height: 0.54rem;
  border-radius: 0.6rem;
  cursor: pointer;
  border: none;
  background: linear-gradient(to left, #0072e5, #0167c3);
  color: #fff;
  font-size: 0.18rem;
}