body{font-family: '微软雅黑'; color: #333;}
a{color: #333;text-decoration: none;}
a:hover{color:#0351A1;text-decoration: none;}
/* 自定义文字截断 */
.text-truncate-2{
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
}
.text-truncate-3{
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	line-clamp: 3;
	-webkit-box-orient: vertical;
}
@media (min-width: 992px) {
  .border-lg-end{
    border-right: 1px solid #dee2e6 !important;
  }
  .border-lg-bottom-0 {
    border-bottom: 0 !important;
  }
  .border-lg-top-0 {
    border-top: 0 !important;
  }
}
/* 底部 */
.footer_hd{color: #aaa;}
.footer_hd h2{font-family:times new roman,times,serif; font-size: 18px; color: #fff;}
.footer_hd h3{font-size: 14px; color: #fff; border-bottom: 1px solid #fff; display: inline-block; line-height: 1.5;}
.footer_hd ul{font-size: 14px;}
.footer_hd ul li{line-height: 34px;}
.footer_hd ul i{width: 24px; height: 24px;color: #fff; margin: 0 10px;}
.footer_hd{background-color: #272727;}

.footer_hd .ewm{font-size: 14px;}
.footer_hd .ewm img{width: 140px;}
.footer_ft{background-color: #111; color: #aaa; font-size: 14px;}
.footer_ft img{vertical-align: top;}
.footer_ft a{color: #aaa;}

/* 公司简介 */
.about_hd_en{font-size: 32px; color: #202b66; font-family: Arial, Helvetica, sans-serif; font-weight: bold;}
.about_hd_cn{font-size: 30px; color: #202b66;}
.about_bd{color: #888;}

/* 面包屑导航 */
.breadcrumb_box{background-color: #f2f2f2;}
@media (max-width: 991px) {
  .breadcrumb_box_l{flex-wrap: wrap;}
  .breadcrumb_box_l li{width: 25%; text-align: center;border-right: 1px solid #ccc; margin-bottom: .5rem;}
}
@media (min-width: 992px) {
  .breadcrumb_box_l li{padding: 0 1.5rem; border-right: 1px solid #ccc; position: relative;}
  .breadcrumb_box_l li:before{
    position: absolute;
    content: '';
    left: 50%;
    bottom: -1.5rem;
    width: 0%;
    height: 3px;
    background-color: none;
    transition: all .3s;
  }
  .breadcrumb_box_l li:hover:before,.breadcrumb_box_l li.active:before {
    width: 80%;
    left: 10%;
    background-color: #0351A1;
  }
}
.breadcrumb_box_l li a{color: #333;}
.breadcrumb_box_l li a:hover,.breadcrumb_box_l li.active a{color:#0351A1;}
.breadcrumb_box_r{font-size: 14px; color: #555;}

/* 新闻 */
.news_box{background-color: #f5f5f5; box-sizing: border-box; height: 100%;}
.news_box .card{background: none; border: 0; border-radius: 0; overflow: hidden;transition: 0.3s ease 0s;}
.news_box .card:hover{background: #003586; color: #fff;}
.news_box .card .card-title{font-size: 16px; font-weight: bold; height: 48px; line-height: 1.5;}
.news_box .card .card-text{font-size: 14px;}
.news_box .card img {
	transition: 0.5s linear 0s;
	width: 100%;
	height: 11rem;
}
.news_box .card:hover img {
	transform: scale(1.2);
}
.news_time{font-size: 14px;}

/* 企业荣誉 */
.honor_box{box-sizing: border-box; height: 100%;box-shadow: 0 2px 3px rgba(0, 0, 0, .2);}
.honor_box:hover{box-shadow: 0 8px 15px rgba(0, 0, 0, .3);}
.honor_box .card{background: none; border: 0; border-radius: 0; overflow: hidden;}
.honor_box .card .card-title{font-size: 16px; font-weight: bold; height: 48px; line-height: 1.5;}
.honor_box .card img {
	transition: .2s ease-in-out;
	width: 100%;
	height: 15rem;
}
.qualification_box .card img{height: 20rem;}
.honor_box .card:hover img {
	transform: scale(1.05);
}
/* 业绩展示 */
.case_box{border: 1px solid #eee; box-sizing: border-box; height: 100%;}
.case_box .card{background: none; border: 0; border-radius: 0; overflow: hidden;}
.case_box .card .card-title{font-size: 16px; text-align: center; line-height: 1.5;}
.case_img {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 17.5rem;
}
.case_img img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  transition: all .5s ease;
}
.case_box .card:hover .case_img img {
  transform: translate(-50%, -50%) scale(1.1);
}
.case_img_t {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: rgba(0, 0, 0, .6);
  transition: all 0.5s ease;
}
.case_box .card:hover .case_img_t {
  /* opacity: 1; */
}

.case_img_t_link {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 80%;
  color: #fff;
  text-align: center;
  font-size: 1rem;
  padding: 0.5rem 0;
}
.case_img_t_link:hover{color: #fff;}
.case_img_t_link::before {
  content: '';
  position: absolute;
  top: 0px;
  left: 50%;
  transform: translateX(-50%);
  width: 60%;
  height: 1px;
  background: #fff;
  transition: all .5s ease;
}

.case_img_t_link::after {
  content: '';
  position: absolute;
  bottom: 0px;
  left: 50%;
  transform: translateX(-50%);
  width: 60%;
  height: 1px;
  background: #fff;
  transition: all .5s ease;
}


.case_box .card:hover .case_img_t_link::before {
  width: 1rem;
}

.case_box .card:hover .case_img_t_link::after {
  width: 1rem;
}
/* 首页轮播图 */
.lbt-swiper-container .swiper-pagination-bullet {
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  font-size: 12px;
  color: #fff;
  opacity: 1;
  background: rgba(0, 0, 0, 0.5);
}

.lbt-swiper-container .swiper-pagination-bullet-active {
  color: #fff;
  background: #007aff;
}
/* 首页关于我们 */
/* .about{padding: 7.5rem;} */
.about_h1{ color: #000;}
.about_h3{ color: #999; text-align: center; font-family: Arial, Helvetica, sans-serif;}
.about_line{width: 10rem; height: 0; border-bottom: 1px solid #0061ae;}
.about_p{line-height: 2;}
.about_more {
  display: block;
  width: 140px;
  border: 1px solid #0061ae;
  transition: 0.5s;
  background-color: #0061ae;
  color:#fff;
  text-align: center;
  padding: .8rem 0;
}
@media (max-width: 991px) {
  .about_more {
    display: block;
    width: 140px;
    border: 1px solid #0061ae;
    transition: 0.5s;
    background-color: #0061ae;
    color:#fff;
    text-align: center;
    padding: .4rem 0;
  }
}
.about_param h1{font-family: Arial, Helvetica, sans-serif;}
.about_param .col{text-align: center;}
@media (max-width: 991px) {
  .about_param h1{font-size: 1.75rem;}
  .about_param p{font-size: 12px;}
}
/* 首页新闻 */
.news h5{font-size: 16px; color: #707070;}
.news p{font-size: 14px; color: #595959;}
.news_list{transition: all .5s ease;}
.news_list:hover{background-color: #f7f7f7;}
.news_year{font-size: 24px; color: #595959; text-align: center;}
.news_md{font-size: 14px; color: #595959; text-align: center;}
.news_img{position: relative; width: 100%; height: 0; padding-bottom: 50%;}
.news_img img{ position: absolute; width: 100%; height: 100%;}
/* 首页案例背景 */
.case{
  /* background: url(../images/bg.jpg) no-repeat center center;
  background-size: cover; */
  background-color: #eee;
}
/* 首页案例轮播 */
.news-slider__wrp {
  display: flex;
  align-items: flex-start;
  position: relative;
  z-index: 2;
}
.news-slider__item {  
  border-radius: 10px;
  /* box-shadow: 0 6px 26px 6px rgba(0, 0, 0, 0.25); */
  background: #fff;
  /* opacity: 0; */
  transition: all 0.3s;
}
.news-slider__item:hover{
  border-radius: 10px;
  /* box-shadow: 0 6px 26px 6px rgba(0, 0, 0, 0.25); */
  background: #fff;
  opacity: 0.9;
}
.news__item {
  padding: 30px;
  color: #000;
  border-radius: 10px;
  display: block;
  transition: all 0.3s;
}
@media screen and (min-width: 800px) {
  .news__item:hover {
    color: #222222;
    transition-delay: 0.1s;
  }
   .news__item:hover .news__title, .news__item:hover .news__txt {
    opacity: 1;
    transition-delay: 0.1s;
  }
  .news__item:hover .news__img {
    box-shadow: none;
  }
}
.news__item.active {
  color: #222222;
}
 .news__item.active .news__title, .news__item.active .news__txt {
  opacity: 1;
}
.news__item.active .news__img {
  box-shadow: none;
}
@media screen and (max-width: 992px) {
  .news__item {
    padding: 30px;
  }
}
@media screen and (max-width: 576px) {
  .news__item {
    padding: 20px;
  }
}
.news-date__title {
  display: block;
  font-size: 32px;
  margin-bottom: 10px;
  font-weight: 500;
}
@media screen and (max-width: 576px) {
  .news-date__title {
    margin-right: 10px;
  }
}
.news-date__txt {
  font-size: 16px;
}
.news__title {
  font-size: 20px;
  font-weight: 500;
  margin-top: 10px;
  margin-bottom: 15px;
  height: 60px;
}
@media screen and (max-width: 576px) {
  .news__title {
    font-size: 22px;
    margin-bottom: 10px;
  }
}
.news__txt {
  margin: 10px 0;
  line-height: 1.6em;
  font-size: 15px;
  height: 67.5px;
}
.news__img {
  border-radius: 10px;
  box-shadow: 0 6px 26px 6px rgba(0, 0, 0, 0.25);
  height: 200px;
  margin-top: 30px;
  width: 100%;
  transition: all 0.3s;
  transform-origin: 0% 0%;
}
@media screen and (max-width: 576px) {
  .news__img {
    height: 180px;
    margin-top: 20px;
  }
}
.news__img img {
  max-width: 100%;
  border-radius: 10px;
  height: 100%;
  width: 100%;
}
.navbar_jg{font-size: 15px; font-weight: bold; padding: 0; background-color: #fff;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;
}
/* 导航 */
@media (max-width: 992px) {
	.navbar_jg .navbar-brand img{height: 50px;}
}
@media (min-width: 992px) {
	
	.navbar_jg .nav-item{padding-left: .9rem; padding-right: .9rem;}
	.navbar_jg .navbar-brand img{height: 70px;}
	.navbar_jg.navbar-light .navbar-nav{overflow: hidden;}
	.navbar_jg.navbar-light .navbar-nav .nav-item {
		position: relative;
	}
	.navbar_jg.navbar-light .navbar-nav .nav-item::before {
		content: '';
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
		display: block;
		width: 0;
		height: 2px;
		background-color: #0061AE;
		opacity: 0;
		transition: all .5s ease;
	}
	.navbar_jg.navbar-light .navbar-nav .nav-item:hover::before {
		width: 100%;
		opacity: 1;
	}

	.navbar_jg.navbar-light .navbar-nav .nav-link {
		padding-top: 3rem;
		padding-bottom: 3rem;
		color: rgba(0, 0, 0, 1);
		position: relative;
		transition: all .5s ease;
	}
  .navbar_jg.fixed-top.navbar-light .navbar-nav .nav-link {
		padding-top: 2rem;
		padding-bottom: 2rem;
		color: rgba(0, 0, 0, 1);
		position: relative;
		transition: all .5s ease;
	}
	.navbar_jg.navbar-light .navbar-nav .nav-link::after {
		content: attr(data-title);
		position: absolute;
		top: 0;
		left: 0;
		transform: translateY(100%);
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #0061AE;
	}

	.navbar_jg .nav-item:hover .nav-link {
		transform: translateY(-100%);
	}

}

/* .xw{background-color:#d4042c;}
.xw_h1{ color: #fff; text-align: center;}
.xw_h3{ color: #ccc; text-align: center; font-family: Arial, Helvetica, sans-serif;}
.nav_xw .nav-link{color: #fff;}
.nav_xw .nav-link.active{background-color: #fff; color: #d4042c;}


.xw_list{background-color: #fff;transition: all .5s ease;}
.xw_list:hover{ transform:translateY(-.5rem)}
.xw_list h5{font-size: 18px; font-weight: bold;}
.xw_list:hover h5{color: #d4042c;}
.xw_desc{font-size: 14px; color: #595959;}
.xw_year{font-size: 18px; color: #333; text-align: right; font-family: Arial, Helvetica, sans-serif;}
.xw_md{font-size: 24px; color: #333; text-align: right; font-weight: bold; font-family: Arial, Helvetica, sans-serif;} */
/* .xw{background-color:#eee;} */
.xw_h1{position: relative; color: #000; text-align: center; margin-bottom: 40px;}
.xw_h1::after{
  content: "";
  position: absolute;
  bottom: -20px;
  left: 50%;
  width: 20px;
  height: 3px;
  background-color: #0061ae;
  transform: translateX(-50%);
}
.nav_xw .nav-link{color: #333; border: 1px solid #ccc; border-radius: 0; padding: .6rem 2.75rem;}
.nav_xw .nav-link.active{background-color: #0061ae; color: #fff; border: 1px solid #0061ae;}


.xw_list{background-color: #fff;transition: all .5s ease;}
.xw_list:hover{ transform:translateY(-.5rem)}
.xw_list h5{font-size: 18px; font-weight: bold;}
.xw_list:hover h5{color: #0061ae;}
.xw_desc{font-size: 14px; color: #595959;}
.xw_year{font-size: 18px; color: #333; text-align: right; font-family: Arial, Helvetica, sans-serif;}
.xw_md{font-size: 24px; color: #333; text-align: right; font-weight: bold; font-family: Arial, Helvetica, sans-serif;}
@media (max-width: 991px) {
  .xw h5{font-size: 1rem;}
  .xw .news_year{font-size: 20px;}
}
/* 金港业务 */
.service_img img{width: 100%;}
.service_text{
  color: #000;
  background: #f5f5f5;
  padding: 10px 15px;
}
.service_text .name {
  min-height: 2.8em;
  overflow: hidden;
  color: #333;
  font-size: 1em;
  font-weight: bold;
}
@media (min-width: 992px) {
  .service_box{
    position: relative;
    overflow: hidden;
  }
  .service_img{
    position: relative;
    overflow: hidden;
  }
  .service_box img{
    float: left;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    width: 100%;
    position: relative;
  }
  .service_box:hover img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }
  .service_box .service_mask {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 2;
    background-image: url('../images/mask_grad.png');
    background-repeat: repeat-x;
    background-position: left bottom;
    background-size: auto 100%;
    visibility: visible;
    opacity: 0;
  }
  .service_box:hover .service_mask {
    opacity: 1;
    visibility: visible;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 2;
    background-image: url(../images/mask_grad.png);
    background-repeat: repeat-x;
    background-position: left bottom;
    background-size: auto 100%;
  }
  .service_text {
    width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    color: #fff;
    text-align: left;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    z-index: 4;
    bottom: 0;
    padding: 15px;
    background:none;
    bottom: -40px;
  }
  .service_box:hover .service_text{
    bottom:0;
  }
  .service_text .name {
    line-height: 1.4em;
    font-weight: bold;
    margin: 0;
    font-size: 1.2em;
    color: #fff;
  }  
  .service_text .text {
    font-size: 0.75em;
    line-height: 1.8em;
    opacity: 0.7;
    display: none;
  }  
  .service_text .read-more {
    opacity: 1;
    margin-top: 15px;
    font-size: 14px;
  }
  .service_text .read-more i{color:red; font-size: 16px;}
}

/* 友情链接 */
.footer_link{
  background-color: #f8f8f8;
  font-size: 14px;
}
.footer_link a{
  display: inline-block;
}
.footer_link a:after {
  content: '/';
  padding: 0 .5rem;
  display: inline-block;
  vertical-align: middle;
  color: #333333;
  line-height: 2;
}
.footer_link a:last-child:after{display: none;}

/* 4个小栏目 */
.lm_icon{font-size: 30px; border: 1px solid #ffaf5a; border-radius: 50%; width: 60px; height: 60px; text-align: center; line-height: 56px; color: #ffaf5a;}
.lm_box:hover .lm_icon{
  border: 1px solid #2c44b5;
  color: #2c44b5;
}
.lm_text span{color: #999; font-size: 14px;}
@media (max-width: 991px) {
  .lm_icon{font-size: 20px;width: 40px; height: 40px; text-align: center; line-height: 36px; }
  .lm_text h4{font-size: 1rem;}
  .lm_text span{color: #999; font-size: 10px; font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif}
}
/* 金港业务 */
.yw_tab_content_item{display: none;}
.yw_icon{font-size: 15px;line-height: 15px; color: #0061ae;}
.yw_box:hover,.yw_tab_list_item.active .yw_box{background-color: #0061ae; color: #fff;}
.yw_box:hover .yw_icon,.yw_tab_list_item.active .yw_box .yw_icon{color: #fff;}
.yw_text{line-height: 20px; font-size: 14px;}
@media (min-width: 992px) {
  .yw_icon{font-size: 50px;line-height: 60px; color: #0061ae;}  
  .yw_text{line-height: 60px; font-size: 18px;}
}
/* .jgyw {height: 500px;} */
/* 下载 */
.xz{
  background: url(../images/xz.jpg) no-repeat; 
  width:100%;  
  height:0; 
  padding-bottom: 20%; 
  background-size:100% 100%;
  position: relative;
  color: #fff;
}
.xz .container{
  height: 100%;
  position:absolute;
  top:50%;
  left:50%;
  border-radius: 5px;
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  transform:translate(-50%,-50%);
}
@media (max-width: 991px) {
  .xz{
    padding-bottom: 60%;
  }
  .xz h1{font-size: calc(1.375rem);}
  .xz h4{font-size: calc(1.1rem);}
  .xz p{font-size: calc(.9rem);}
}