html,body {
      position: relative;
      height: 100%;
    }

    body {
      background: #fff;
      font-size:16px;
      color: #29313e;
      margin: 0;
      padding: 0;
    }
	ol, ul ,li {list-style-type:none;margin:0; padding:0;}
	
	a{ color: #29313e;}
	a:hover{color: #29313e;}
    .swiper {
      width: 100%;
      height: 100%;
    }

    .swiper-slide {
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
	
	 .bd-placeholder-img {
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
      }


.navbar-light .navbar-toggler
{ margin-right:4rem}

.swiper-button-next:after, .swiper-button-prev:after
{ font-size:30px; color:#fff}

.navbar-light .navbar-collapse
{ margin-right:4rem}



.nav-justified .nav-item, .nav-justified>.nav-link

{ border:1px solid #ddd; margin:0 ; box-sizing:border-box; color:#999}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link
{ border:1px solid #15357e; color:#15357e; background:none}


.navbar-light .navbar-nav .nav-link{font-size:16px}
.navbar-light .navbar-nav .active>.nav-link{font-weight:bold;color:#163681;}
.navbar-light .navbar-toggler{ border:none; }

.carousel {
  margin-bottom:80px;
}

.carousel-caption {
  top:100px;
  z-index: 10;
 
}

.carousel-caption h1{ font-size:50px}


.carousel-item {
  height:560px; 
}
.carousel-item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: ;
}

.nav-item{ padding:0 20px}

.lang_btn{position:absolute; right:1rem; top:.8125rem;  width:50px; height:50px;display: flex;align-items: center;justify-content: center;}
.lang_btn a{  height:30px; display: flex;align-items: center;justify-content: center; border:1px solid #15357e; font-size:16px; color:#15357e; padding:0 1rem 0 .8rem; border-radius:1rem; background:url(../images/enter_ico.png) right .3rem center no-repeat; background-size:.5rem; font-weight:bold}
.lang_btn a:hover{ text-decoration:none}

/*.main{ margin-top:4.7rem; padding-bottom:50px}*/
.main {
    margin-top: 4.7rem;
    padding-bottom: 50px;
    min-height: 90vh;
}
.m_title{ text-align:center; font-weight:bold; color:#163681; font-size:36px; padding:60px 0}

.m_about .img img{ width:100%}

.m_about .col-lg-6 {
  margin-bottom: 80px;
}

.m_about .col-lg-4 {
  margin-bottom: 80px;
}
.m_about .title {
  font-weight:bold; color:#163681; font-size:36px; padding-bottom:20px
}
.m_about .dec {
  font-size:16px; line-height:1.8;text-overflow:ellipsis; overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 8; margin-bottom:40px
}
.m_about .view a{ display:inline-block; padding:0 20px; height:50px; line-height:50px; border:1px solid #15357e; color:#15357e; padding:0 120px 0 30px; background:url(../images/view_ico.png) right 10px center no-repeat; background-size:25px;font-size:16px}
.m_about .view a:hover{ text-decoration:none; font-weight:bold}

.m_service{ background:url(../images/m_service_bg.jpg) bottom center no-repeat; background-size:cover; padding-bottom:100px}

.m_service .list .title{ height:52px; line-height:52px; background:#fff url(../images/view_ico.png) right 15px center no-repeat; background-size:30px; padding:0 1rem; font-size:1rem;}

.m_news .hr{ display:none; height:1rem; line-height:0; font-size:0;}
.m_news .list .title{ border-bottom:2px solid #ddd}
.m_news .list .title span{ border-bottom:2px solid #163681; display:inline-block;font-size:18px; margin-bottom:-2px; line-height:42px;}
.m_news .list ul{ padding:15px 0}
.m_news .list ul li{ line-height:40px; overflow:hidden}
.m_news .list ul li span{ color:#999; float:left}
.m_news .list ul li a{ white-space: nowrap;text-overflow: ellipsis;overflow: hidden; display:block; margin-left:55px}

.footer{ text-align:center; padding:20px 0; background:#424b59; color:#fff; font-size:14px}


.inner{ height:150px; margin-bottom:50px}
.inner .title{ color:#fff; font-size:36px; font-weight:bold; line-height:150px; }
.news_bg{ background:url(../images/news_bg.jpg) center center no-repeat; background-size:cover}
.service_bg{ background:url(../images/service_bg.jpg) center center no-repeat; background-size:cover}
.contact_bg{ background:url(../images/contact_bg.jpg) center center no-repeat; background-size:cover}
.about_bg{ background:url(../images/about_bg.jpg) center center no-repeat; background-size:cover}

.tab{ padding:0 0 20px 0}
.tab .nav-link{ margin:0 10px}
.tab .active{ font-weight:bold}
.tab .nav-link:hover{ border:1px solid #999; color:#666}
.tab .active:hover{ border:1px solid #15357e; color:#15357e}

.news_list{ padding-bottom:50px}
.news_list ul li{ padding:40px 0 40px 130px; border-bottom:1px solid #ebebeb; position:relative; overflow:hidden}
.news_list ul li .img{ width:230px; float:left}
.news_list ul li .img img{ display:block; width:100%}
.news_list ul li .inf{ margin-left:280px}
.news_list ul li .inf .title{ font-size:20px; font-weight:bold;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display: block; line-height:30px; margin-bottom:10px}
.news_list ul li .inf .dec{ font-size:14px; line-height:1.8; color:#666; text-overflow:ellipsis; overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2; margin-bottom:20px}
.news_list ul li .time{ position:absolute; left:0; top:50%; text-align:center; color:#666; font-size:28px; line-height:50px; margin-top:-45px}
.news_list ul li .time span{ display:block; border-top:1px solid #ebebeb; font-size:20px; line-height:40px}
.news_list ul li .inf .view{ height:30px; width:30px;}
.news_list ul li .inf .view img{ display:block; width:100%}

.news_list2{ padding-bottom:50px}
.news_list2 ul li{ padding:40px 0 40px 0px; border-bottom:1px solid #ebebeb; position:relative; overflow:hidden}
.news_list2 ul li .img{ width:230px; float:left}
.news_list2 ul li .img img{ display:block; width:100%}
.news_list2 ul li .inf{ margin-left:180px}
.news_list2 ul li .inf .title{ font-size:20px; font-weight:bold;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display: block; line-height:30px; margin-bottom:10px}
.news_list2 ul li .inf .dec{ font-size:14px; line-height:1.8; color:#666; text-overflow:ellipsis; overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2; margin-bottom:20px}
.news_list2 ul li .time{ position:absolute; left:0; top:50%; text-align:center; color:#666; font-size:28px; line-height:50px; margin-top:-45px}
.news_list2 ul li .time span{ display:block; border-top:1px solid #ebebeb; font-size:20px; line-height:40px}
.news_list2 ul li .inf .view{ height:30px; width:30px;}
.news_list2 ul li .inf .view img{ display:block; width:100%}

.service_list ul li a{ display:block; height:56px; line-height:56px; background:#fafafa; color:#15357e; padding:0 20px }
.service_list ul li a:hover{ background:#eee; text-decoration:none}
.service_list ul li a.cur{background:#15357e url(../images/view_w_ico.png) right 10px center no-repeat; background-size:25px; color:#fff; font-weight:bold}


.service_inf .title{ font-size:32px; line-height:56px; height:56px; border-bottom:2px solid #15357e; font-weight:bold}
.service_inf .inf{ padding:15px 0; line-height:1.8}

.pagination .page-link{ color:#999}
.pagination .cur{ color:#666;}

.map{ margin:0 auto; width:70%; padding:30px 0 50px 0}
.map img{ width:100%}

.fl{ float:left}
.fr{ float:right}

.p0{ padding:0}
.company{ width:44%; margin:0 3%; padding-bottom:30px}
.company .title{ background: linear-gradient(90deg,#15357e 0%,#fff 100%); color:#fff; line-height:30px; padding:0 10px; margin-bottom:10px}
.company .tel{ background:url(../images/tel_ico.png) left top 4px no-repeat; background-size:15px; padding-left:20px; line-height:1.5; font-size:14px; margin-bottom:5px }
.company .addr{ background:url(../images/addr_ico.png) left top 4px no-repeat; background-size:15px; padding-left:20px; line-height:1.5; font-size:14px; }


.news_inf .title{ font-size:24px; font-weight:bold; line-height:1.5; text-align:center}
.news_inf .date{ font-size:14px; color:#999; text-align:center; padding:10px 0 50px 0}
.news_inf .inf{ line-height:1.8}

.about img{ width:100%}
.about .img{ margin-bottom:1rem}
.about .inf .title{ font-size:24px; font-weight:bold; margin-bottom:.5rem;}
.about .inf .dec{ line-height:1.8; margin-bottom:30px}
.about .inf p{ line-height:1.8; text-indent:2em}

.m_title2{display: flex;align-items: center;justify-content: center; padding:50px 0 ; }
.m_title2 .title{color:#163681; margin:0 20px ;font-size:32px; font-weight:bold;}
.m_title2 span{ height:1px; width:100px; background:#163681}

.about .img_list{ width:44%; margin:0 3%; padding-bottom:50px; text-align:center}
.about .img_list img{ width:100%}
.about .img_list .img{ margin-bottom:.5rem}

.h30{ height:30px; clear:both; font-size:0; line-height:0}

@media (max-width:1170px) {

.nav-item{ padding:0 10px}

.news_list ul li{ padding:40px 0}
.news_list ul li .inf{ margin-left:270px}
.news_list ul li .time{ position:relative; font-size:16px; margin:0; display:inline-block; color:#999; line-height:30px}
.news_list ul li .time span{ display:none}
.news_list ul li .inf .view{ float:right}


}

@media (max-width:992px) {

.nav-item{ padding:0 0}

.navbar-light .navbar-toggler
{ margin-right:3.5rem}

navbar-light .nav-link{ padding:.8rem 1rem}


	.carousel {
  margin-bottom:3rem;
}
	.carousel-caption {
  top: 3rem;
}

.carousel-caption h1{ font-size:2.4rem}

.carousel-item {
  height: 28rem; 
}
.carousel-item > img {
  height: 28rem;
}


.m_title{ text-align:center; font-weight:bold; color:#163681; font-size:2rem; padding:2rem 0}

.m_about .img img{ width:100%}

.m_about .col-lg-6 {
  margin-bottom: 3rem;
}

.m_about .col-lg-4 {
  margin-bottom: 3rem;
}
.m_about .title {
 font-size:2rem; 
}
.m_about .dec {
   line-height:1.8; margin-bottom:2rem;  font-size:1.1rem
}
.m_about .view a{padding:0 1rem; height:3.2rem; line-height:3.2rem; padding:0 8rem 0 2rem; background:url(../images/view_ico.png) right 1rem center no-repeat; background-size:1.8rem;font-size:1.1rem}

.m_service{ background:url(../images/m_service_bg.jpg)  bottom center no-repeat; background-size:cover; padding:1rem 0 4.5rem 0}

.m_service .list .title{ height:3.6rem; line-height:3.6rem; background:#fff url(../images/view_ico.png) right 1rem center no-repeat; background-size:1.8rem; padding:0 1rem; font-size:1.2rem }

.m_news .hr{ display:block;}
.m_news .list .title span{ font-size:1.2rem; margin-bottom:-2px; line-height:2.4rem;}
.m_news .list ul{ padding:1rem 0}
.m_news .list ul li{ line-height:2.2rem; overflow:hidden; font-size:1.1rem}
.m_news .list ul li span{ color:#999; float:left}
.m_news .list ul li a{ white-space: nowrap;text-overflow: ellipsis;overflow: hidden; display:block; margin-left:3.5rem}

.footer{ text-align:center; padding:1.5rem .5rem; background:#424b59; color:#fff; font-size:1rem}

.tab{ padding:1rem 0 }
.tab .nav-link{ margin:0 .5rem}

.inner{ height:7.5rem; margin-bottom:1rem}
.inner .title{ color:#fff; font-size:1.8rem; font-weight:bold; line-height:7.5rem; padding:0 0 0 2rem}

.service_list{ padding-bottom:1rem; overflow:hidden}
.service_list ul li a{float:left; width:50%;  height:3rem; line-height:3rem; background:#fafafa; color:#15357e;}
.service_list ul li a.cur{background:#15357e url(../images/view_w_ico.png) right 1rem center no-repeat; background-size:1.5rem; color:#fff}


.service_inf .title{ font-size:1.6rem; line-height:3rem; height:3rem; border-bottom:2px solid #15357e}
.service_inf .inf{ padding:.5rem 0; font-size:1.1rem; }

.map{ width:100%}

.main{  padding-bottom:3rem}

.news_inf .title{ font-size:1.5rem; }
.news_inf .date{ font-size:1rem; padding:1rem 0 2rem 0}
.news_inf .inf{ font-size:1.1rem;}


.company{padding:1rem 0}
.company .title{ line-height:2rem; padding:0 1rem; margin-bottom:.5rem; font-size:1.2rem}
.company .tel{ background:url(../images/tel_ico.png) left top .3rem no-repeat; background-size:1rem; padding-left:1.3rem; line-height:1.5; font-size:1rem; margin-bottom:.5rem }
.company .addr{ background:url(../images/addr_ico.png) left top .3rem no-repeat; background-size:1rem; padding-left:1.3rem; line-height:1.5; font-size:.9rem; }

}

@media (max-width:575px) {



.news_list{ padding-bottom:2rem}
.news_list ul li{ padding:1.5rem 0}
.news_list ul li .img{ width:36%}
.news_list ul li .inf{ margin-left:40%}
.news_list ul li .time{ position:relative; font-size:.9rem; margin:0; display:inline-block; color:#999; line-height:1.5rem}
.news_list ul li .inf .title{ font-size:1.1rem; line-height:1.5; font-weight:bold; margin-bottom:1rem; white-space:inherit;text-overflow:ellipsis; overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;
}
.news_list ul li .inf .dec{ display:none}
.news_list ul li .inf .view{ height:1.5rem; width:1.5rem; float:right}

.footer{ font-size:.9rem;}

.about .inf .title{ font-size:1.4rem; margin-bottom:.5rem;}
.about .inf .dec{ margin-bottom:2rem; font-size:1.1rem;}
.about .inf p{ font-size:1.1rem;}


.m_title2{ padding:1rem 0 2rem 0 ; }
.m_title2 .title{ margin:0 1rem ;font-size:1.6rem; }
.m_title2 span{ height:1px; width:15vw; }

.about .img_list{ padding-bottom:1.5rem;}
.about .img_list .img{ margin-bottom:.5rem}

.h30{ height:2rem; clear:both; font-size:0; line-height:0}

}