body {
  font-family: "Microsoft YaHei","宋体","Segoe UI", "Lucida Grande", Helvetica, Arial,sans-serif, FreeSans, Arimo;
}
a:hover{color: #0087a9;text-decoration: none;}
a{color:#333;}
img{width:100%;}
li{list-style:none;}


.scrolling .nav-div{
  background: #0087a9;
}
@media(min-width:1600px) {
  .main>.container,.nav-div>.container,.banner>.container,.footer>.container,.sites-main>.container{
    width:1400px;
  }
}
@media(max-width:1599px) {
    .main>.container,.nav-div>.container,.banner>.container,.footer>.container,.sites-main>.container{
    width:1300px;
  }
}
@media(max-width:1365px) {
    .main>.container,.nav-div>.container,.banner>.container,.footer>.container,.sites-main>.container{
    width:100%;
  }
}
.banner>.container{
  padding:0;
}
.nav-div>.container{
  padding:0;
}
@media screen and (max-width: 1279px) {
  .nav{
    display: none;
  }
}
.header-logo{
  width:25%;
  float:left;
}
@media(min-width:1499px){
  .header-right{
    margin-top: 20px;
  }
}
.header-right{
  float: left;
  width:60%;
}
.float-center-div{
  float:right;
}
.header-r{
  float: right;
  margin-top:30px;
}
.header-r a:nth-child(1){
  line-height: 30px;
  text-align: center;
  border: 1px solid #831094;
  background: #831094;
  transition: .3s;
  font-size: 15px;
  color: #fff !important;
  padding: 5px 5px;
}
.navbar-default {
    border: 0;
    margin: 0;
    height: 74px;
   padding-top: 12px;
   padding-bottom: 7px;
   transition: all linear 0.3s;
}
.navbar-default .navbar-nav > li > a {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
}
.navbar-nav > li:hover .dropdown-menu {
  display: block;
}
@media(min-width:1420px){
  .nav-div{
    padding: 0 4%;
  }
}
.nav-div {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  width: 100%;
  background-image: linear-gradient( rgb(78 100 105), rgba(255,0,0,0));
}

.navbar {
  background-color: rgba(220, 38, 38, 0);
  border: 0;
  margin: 0;

}

.dropdown-menu {
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 4px;
  margin-left: -30px;
  border-top: 3px #0087a9 solid;
}

.dropdown-menu li a {
    font-size: 18px;
    margin: 5px auto;
    text-align: center;
    line-height:34px;
}
.dropdown-menu li a:hover {
  background-color: #0087a9;
  color: #fff !important;
  font-size:22px;
}

.dropdown a {
  padding: 4px 0;
}

.navbar-brand {
  color: #fff !important;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
  background-color: rgba(0, 0, 0, 0.1) !important;
  color: #fff;
}

.navbar-nav > li > a:hover {
  color:#fff;
}
.navbar-nav li a:hover{
  color: #83e6ff!important;
}

.slogan-search{
  float:left;
}
.toSearch img{
  width: 18%;
  margin-left: 20px;
}
.mheader{
  background: #0087a9;
  padding: 10px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  width: 100%;
  display:none;
}
.mheader .logo{
  width:30%;
  float:left;
}
.mobNavbtn{
  float:right;
  margin-top:30px;
}
.btn-div{
  float: right;
}
.menu-btn{
  overflow: hidden;
  margin-left: 35px;
  width: 32px;
  height: 36px;
  background: 0 0;
  text-indent: -5260px;
  opacity: 1;
  position: relative;
  z-index: 999;
  border-style:none;
}
.menu-btn .line-1, .menu-btn .line-2, .menu-btn .line-3 {
  position: absolute;
  top: 50%;
  right: 50%;
  display: block;
  right: 0;
  width: 32px;
  height: 2px;
  background: #fff;
  transition: all .4s cubic-bezier(.165,.84,.44,1) 0s;
  transition-property: transform,width,margin,background-color;
}
.menu-btn .line-1 {
  margin-top: -10px;
  width: 28px;
}
.menu-btn .line-3 {
  margin-top: 10px;
  width: 28px;
}
@media screen and (max-width: 1279px) {
  .mheader {
    display:block;
  }
}
.mobNav {
  position: fixed;
  top: 80px;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255,255,255,.95);
  z-index: 98;
  padding-top: 53px;
  padding: 40px 5% 30px;
  display:none;
}
@media(min-width:1280px){
  .mobNav{
    display:none!important;
  }
}
.toplink{
  display: flex;
}
.toplink a{
  height: 30px;
  line-height: 30px;
  text-align: center;
  border: 1px solid #831094;
  background: #831094;
  width: 100%;
  transition: .3s;
  color: #fff;
  font-size: 14px;
}
.mobNav ul {
  height: 70vh;
  overflow: auto;
}
.mobNav ul li {
  padding: 15px 0;
  border-bottom: 1px solid #ddd;
  list-style: none;
}
.mobNav ul li .navp a {
  font-size: 15px;
  color: #0087a9;
  font-weight: bold;
}
.mobNav ul li .navp i {
  display: block;
  width: 16px;
  transition: .3s;
  transform-origin: center;
  margin-right: 5px;
  height: 16px;
  background: url(../images/more.svg) no-repeat center;
  background-size: 16px 16px;
  float:right;
}
.subNavm .on{
  display:block;
}
.mobNav ul li.on .navp i {
  transform: rotate(-45deg);
}
.subNavm a {
  display: block;
  line-height: 30px;
  font-size: 14px;
}
.subNavm {
  margin-top: 10px;
  padding-left: 10px;
  display: none;
}
.hidden_search .text{
  width: 100%;
  height: 36px;
 padding: 0; font-size: 14px;
 color: #444;
background: none;
border:none;
font-family: "Microsoft Yahei";
}
.hidden_search .btn{
display:block;
cursor:pointer;
position:absolute;
right:0;
top:0;
height:36px;
width:40px;
border:none;
border-radius:50%;
overflow:hidden;
font-size:14px;
color:#8f0e16;
background:0 0;
background: url(../images/serbtn.svg) no-repeat center;
background-size: 20px 20px
}
.hidden_search .search_wrap { border: 1px solid #e4eaec; border-radius: 20px; position: relative; padding-right: 45px; padding-left: 20px; width: 95% }
.hidden_search .close_btn { position: absolute; right: 20px; top: 32%;  width: 35px; height: 35px;
 -webkit-transition: 0.5s; transition: 0.5s; font-size: 26px;background: url(../images/closebtn.svg) no-repeat center; background-size: 18px 18px }
 .hidden_search .close_btn:hover{ color: #530794; }

.cd-popup { position: fixed; left: 0; top: 0; height: 100%; width: 100%;background: rgba(0,0,0,.7);visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index: 9999;  opacity: 0;}
.cd-popup.is-visible { opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s; }
.cd-popup-container { position: relative;  padding: 30px 40px 30px 30px; background: #fff; width: 60%; margin: 0 auto; top: 50%; margin-top: -58px; background: #FFF; border-radius: .4rem .4rem .4rem .4rem; text-align: center; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); -webkit-backface-visibility: hidden; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
.is-visible .cd-popup-container { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.cd-popup0, .cd-popup1, .cd-popup2, .cd-popup3 { position: fixed; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.3); opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index: 9999; }
.cd-popup0.is-visible, .cd-popup1.is-visible, .cd-popup2.is-visible, .cd-popup3.is-visible { opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s; }
.cd-popup-container0, .cd-popup-container1, .cd-popup-container2, .cd-popup-container3 { position: relative; padding: 40px; background: #fff; width: 60%; margin: 0 auto; top: 20%; background: #FFF; border-radius: .4rem .4rem .4rem .4rem; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); -webkit-backface-visibility: hidden; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
.cd-popup-container1 { top: 10%; }
.is-visible .cd-popup-container0, .is-visible .cd-popup-container1, .is-visible .cd-popup-container2, .is-visible .cd-popup-container3 { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.sear_p{float: left;margin: 20px 0 0 5%;width: 90%;-webkit-border-radius: 5px;border-radius: 5px;background: #fff;}
.sear_txt{float: left;height: 30px;font-size: 12px;line-height: 30px;border: none;width: calc(100% - 35px);background: none;color: #666;text-indent: 5px;}



.index{
  background-image: url("../images/main-b.png");
}
.index-news,.index-center,.index-style{
  background: #fff;
  padding: 20px 10px;
  margin-top: 20px;
}
.h-left{
  float: left;
}
.news-header{
  margin-bottom:20px;
}
.news-e{
  color: #0087a9;
  font-family: 'alph';
  font-size: 18px;
}
.news-c{
  font-size: 36px;
  font-weight: bold;
}
.news-c a{
  color: #0087a9;
}
.news-more{
  margin-top:30px;
}
.news-more a{
  font-size: 20px;
  margin-right: 20px;
}
.news-day{
  margin-top:20px;
  font-size: 26px;
  color: #0087a9;
  font-weight: bold;
}
.news-year{
  font-size: 18px;
  color: #0087a9;
  font-family: 'HarmonyOS';
}
.news-year::after{
  content: '';
  display: block;
  width: 60px;
  height: 4px;
  background: linear-gradient(to right,#64a9f0,#0087a9);
  margin: 10px 0 0;
}
.news-title{
  font-size: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 30px;
}
.news-abstract{
  color: #555;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 22px;
}
.news-time{
  margin-top: 20px;
  color: #0087a9;
  font-family: "georgia";
  font-size:22px;
}
@media(min-width:992px){
.news-lists .col-md-3{
  width:27%;
}
}

.news-first {
  z-index: 1;
  border-top: 10px solid #0087a9;
  background-color: #fff;
  position: relative;
  margin: 0 20px 0 20px;
}
.news-list{
  padding-bottom: 50px;
}
.news-list .txt{
  border-top: 8px solid #0087a9;
}
.notice-list ul{
  margin: 0;
  padding: 0;
}
.notice-time{
  width: 67px;
  height: 65px;
  background-color: #fff;
  border: 1px solid #0a7241;
  font-size: 20px;
  text-align: center;
  color: #fff;
  display: table-cell;
}
.notice-day{
  height: 36px;
  line-height: 36px;
  font-weight: bold;
  background-color: #0087a9;
}
.notice-month{
  width: 67px;
  height: 29px;
  line-height: 29px;
  font-size: 14px;
  margin: 0;
  padding: 0;
  color: #333333;
}
.notice-title{
  padding-left: 20px;
  color: #333333;
  display: table-cell;
  font-size: 18px;
}
.notice-list ul li{
  margin-top:10px;
}
.style-header{
  text-align: center;
  font-size: 42px;
  font-weight: bold;
  margin-bottom: 40px;
}
@media(min-width:992px){
.swiper-button-prev{
  left:30px!important;
}
.swiper-button-next{
  right:30px!important;
}
}
.index-activities ul{
  margin:0;
  padding:0;
}
.activity-b ul{
  margin:0;
  padding:0;
}
.activity-li-img{
  width: 49%;
  position: relative;
  float: left;
}
.acitivity-img{
  overflow: hidden;
}
.acitivity-img img:hover {
  transform: scale(1.2);
}
.activity-li-list{
  width: 49%;
  float: left;
  margin-left: 8px;
}
.activity-list{
  border-top: 2px solid #0087a9;
  background: #fff;
  padding: 10px 5% 25px;
}
.activity-time{
  color: #0087a9;
  font-family: georgia;
  font-size: 24px;
}
.activity-title{
  font-size: 20px;
}
.activity-content{
  display: flex;
  padding: 3px 0;
  color: #777;
  font-size: 14px;
  line-height: 1.6em;
  justify-content: space-between;
  flex-wrap: wrap;
}
.swiper-button-next, .swiper-button-prev{
  color:#0087a9 !important;
  width:36px!important;
  height:60px!important;
  background-image:none !important;
}
.footer{
  background: #0087a9;
  padding-top: 10px;
  color: #fff;
}
.lm-logo p{
  margin-top: 10px;
  font-size: 16px;
  margin-left: 40px;
}
.contact {
  font-size: 16px;
}
.links select{
  border: 1px solid #ddd;
  line-height: 33px;
  margin-bottom: 0px;
  padding: 0px;
  background:#0087a9;
  height: 34px;
  color: #fff;
  width: 220px;
}
.footer-call{
  margin-left: 60px;
}
.footer-copyright{
  font-size: 16px;
  text-align: center;
}



.left-nav-column{
  background: #0087a9;
  height: 87px;
  line-height: 56px;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  color: #fff;
  padding-top: 16px;
}
.left-nav-div{
  background: #fff;
}
.left-nav-div ul{
  margin:0;
  padding:0;
}
.left-nav-div ul li{
  border-bottom: solid 1px #ddd;
  padding: 15px 0;
  text-align: center;
}
.left-nav-div ul li:last-child{
  border:0;
}
.left-nav-div ul li a{
  color: #004986;
  font-size: 18px;
  padding-left: 15px;
  line-height: 42px;
  display: block;
}
.left-nav-on a{
  color: #0087a9!important;
  font-size: 22px!important;
}
.breadcrumb{
  float: right;
}
.breadcrumb li a {
  font-size: 16px;
}
.right-nav-column{
  font-size: 36px;
  color: #393939;
  height: 36px;
  line-height: 36px;
  margin-bottom: 25px;
}
.article-title{
  font-size: 24px;
  text-align: center;
  font-weight: bold;
}
.article-subtitle{
  text-align: center;
  color: #333;
  font-size: 16px;
  border-bottom: 1px solid #ccc;
  margin: 20px 0;
  padding-bottom: 20px;
}
.sites-main{
  background: #f9f9f9;
}
.right-list a{
  display: block;
  transition: 0.3s all;
  background: #fff;
  position: relative;
  height: 186px;
  padding-left: 177px;
  padding-top: 40px;
  padding-right: 85px;
}
.list-date{
  position: absolute;
  left: 60px;
  top: 35px;
  color: #333;
  transition: 0.3s all;
}
.list-date span{
  font-size: 48px;
  color: #3599b3;
}
.list-title{
  font-size: 24px;
  color: #333;
}
.right-list li a:hover{
  margin-left: -20px;
  margin-right: -20px;
  padding-left: 210px;
  padding-right: 65px;
  background: #3599b3;
  border-radius: 0 0 10px 0;
  box-shadow: 7px 0 20px rgba(0,0,0,0.15);
  z-index: 100;
}
.right-list li a:hover .list-date span {
  color: #fff;
}
.right-list li a:hover .list-date {
  left: 90px;
  color: #fff;
}
.right-list li a:hover .list-title {
  color: #fff;
}
.current-l{
  margin: 10px 0;
}
.search-p{
  font-size: 22px;
  margin: 10px 0;
}