.banner {
  position: relative;
  overflow: hidden;
  width:100%;
}
.banner .picall {
  width: 100%;
}
.banner .pic {
  width: 100%;
  float: left;
}
.banner .per {
  position: absolute;
  bottom: 20px;
  left: 50%;
  overflow: hidden;
}
.banner .per div {
  width: 30px;
  height: 5px;
  background: #d8d5d5;
  cursor: pointer;
  float: left;
  margin: 0 5px;
}
.banner .per .active {
  background: #fff;
}

h3 {
  width: 805px;
  height: 100px;
  margin: 0 auto;
  color: #2d2d2d;
  font-size: 32px;
  text-align: center;
  line-height: 100px;
  border-bottom: 1px solid #435da8;
}

.logo{
  position: absolute;
  left: 10px;
  top: 10px;
}

.division{
  position: absolute;
  top:10%;
  left:50%;
  margin-left:-101px;
}

.news{
  padding: 10px 0 0 0;
  overflow: hidden;
}
.news dl{
  width: 590px;
  float: left;
}
.news dt{
  height: 50px;
  margin-bottom: 25px;
  overflow: hidden;
  border-bottom: 2px solid #435da8;
}
.news dt b{
  color: #333;
  font-size: 30px;
}
.news dt a{
  color: #435da8;
  float: right;
  line-height: 50px;
}
.news dd a{
  display: block;
  color: #919191;
  margin-bottom: 18px;
  overflow: hidden;
}
.news dd a i,.news dd a b{
  float: left;
}
.news dd a i{
  height: 6px;
  width: 6px;
  margin: 7px 8px 0 0;
  border-radius: 50%;
  background: #0e2e88;
}
.news dd a b{
  width: 485px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.news dd a span{
  float: right;
}
.news ul{
  width: 100%;
  overflow: hidden;
  padding: 1em;
}
.news ul li{
  padding: 0 2em 0 2em;
  text-align: center;
  float: left;
  margin: 0 10px 10px 0;
  overflow: hidden;
}
.news ul li div{
  transition: all .3s ease;
}
.news ul li:hover p{
  transform: rotateY(-180deg);
}
.news ul li:hover div{
  transform: rotateY(180deg);
}

.news ul li div{
  width: 185px;
  height: 185px;
  background: #08849e;
  line-height: 185px;
}

.news ul li a{
  display: block;
}
.news ul li img{
  width: 44px;
  height: auto;
  margin-bottom: 5px;
}

.news-block{
  color: #595757;
  height: 300px;
}

.news-block a{
  display: block;
  text-align: center;
  transition: all .2s ease;
}

.news-block p{
  text-align: center;
}

.news-block a:hover{
  color:  black;
  /*padding-right: 1em;*/
  filter:alpha(opacity:50); opacity:0.5;  -moz-opacity:0.5;-khtml-opacity: 0.5;
}

.news-time{
  font-size: .8em;
  color: #777676;
}

.ms-block{
  overflow: hidden;
  padding: 2em;
  border-bottom: 1px solid #00816a;
}

.ms-left{
  width: 49.75%;
  margin-right: 0.5%;
  float: left;
  text-align: center;
}

.ms-left p{
    line-height: 2em;
    padding:1em;
}


.ms-left img{
    width: auto;
    padding:1em;
}

.ms-left a{
  transition: all .5s ease;
}

.ms-left a:hover{
  padding-left:1.1em;
}

.hs-news-wrap{
  overflow: hidden;  
}

.ms-title{
  color: #106466;
  font-size:2em;
}

.ms-title a{
  padding-left: 1em;
}

.ms-title a{
  padding-right:  1em;
}

.ms-right{
  width: 49.75%;
  float: left;
}

.ms-right p{
    line-height: 2em;
}

.ms-right img{
  width:auto;
  padding-left:2em;
  padding-right: 2em;
}

.ms-right a{
  transition: all .5s ease;
}

.ms-right a:hover{
  padding-left:2.1em;
}

.ms-news-bg{
  overflow: hidden;  
}

.ms-news-list-bg{
  background-image: url(ms_news_bg.png);
  overflow: hidden;
  height: 490px;
}

.news-block-content{
  line-height: 2em;
}

.news-block-content p{
  padding: 0 2em 0 2em;
}
.news-block-content .title{
  text-align: right;
}
.news-block-content .underline{
  padding: .2em;
  border-bottom: 2px solid #595757;
}

.news-block-content li a{
  transition: all .5s ease;
}

.news-block-content li a:hover{
  padding-left:10px;
  color: #106466;
}

.news-block-left{
  width: 33%;
  margin-right: 0.5%;
  float: left;
}

.news-block-middle{
  width: 33%;
  margin-right: 0.5%;
  float: left;
  height: 86px;
}

.news-block-right{
  width: 33%;
  float: left;
  height: 86px;
}

.news-more{
  color: #595757;
  text-align: center;
  transition: all .2s ease;
  padding:10px;
}

.news-more img{
  width:auto;
} 


.news-more a{
  transition: all .2s ease;
}

.news-more a:hover{
  color:  #106466;
  padding-left:1.5em;
}

.news-mail{  text-align: center;}.news-mail a{  transition: all .5s ease;}.news-mail a:hover{  filter:alpha(opacity:50); opacity:0.5;  -moz-opacity:0.5;-khtml-opacity: 0.5;}

.news-mail img{
  width: auto;
  margin: 1em;
}


.news-logo-watermark{
  text-align: center;
}

.news-logo-watermark img{
  width: auto;
  margin: 1em;
}

.block-title{
  margin:1em;
  text-align: center;
  font-size: 1.5em;
}

.block-title-topline{
  padding: .2em;
  border-top: 2px solid #595757;
}

.block-title-underline{
  padding: .2em;
  border-bottom: 2px solid #595757;
}


.blocks{
  padding: 10px 0 0 0;
  overflow: hidden;
  font-weight: bold;
  font-size:1.2em;
  color:white;
}

.block-left{
  float: left;
  width:66.5%;
  margin-right: 0.5%;
  overflow: hidden;
}

.block-right{
  float: left;
  width:33%;
  overflow: hidden;
}

.block-right-inner{
  width:100%;
  height: 80px;
  background-color: #106466;
  transition: all .8s ease;
}

.block-right-inner:hover{
   filter:alpha(opacity:50); opacity:0.5;  -moz-opacity:0.5;-khtml-opacity: 0.5;
}

.block-left-inner{
  width:24.25%;
  height: 195px;
  line-height: 195px;
  text-align: center;
  float: left;
  margin-right:1%;
  margin-bottom: 10px;
}

.block-left-inner-last{
  width:24.25%;
  height: 195px;
  line-height: 195px;
  text-align: center;
  float: left;
  margin-bottom: 10px;
}

.block-last{
  width:24.25%;
  height: 65px;
  line-height: 65px;
  text-align: center;
  float: left;
}

.block-last div:hover{
  color:#106466;
  filter:alpha(opacity:50); opacity:0.5;  -moz-opacity:0.5;-khtml-opacity: 0.5;
  background: white;
}

.block-last div{
  transition: all .8s ease;
}

.block-1{
  background-color: #106466;
}

.block-2{
  background-color: #3a9399;
}

.block-3{
  background-color: #2d7762;
}

.block-4{
  background-color: #86b56b;
}

.block-5{
  background-color: #2d7762;
}

.block-6{
  background-color: #86b56b;
}

.block-7{
  background-color: #106466;
}

.block-8{
  background-color: #106466;
}

.search-bar{
  position: absolute;
  top: 10px;
  right: 10px;
  width: 50%;
  height: 25px;
}

.news-mobile{
  display: none;
}

.news-mobile .title{
  height: 1.75rem;
  line-height: 1.75rem;
  color: white;
  background: #106466;
  padding: 0 .75rem;
  border-bottom: .05rem solid #106466;
}

.news-mobile .title a{
  float: right;
  font-size: .55rem;
}

.news-mobile li{
  height: 1.4rem;
  line-height: 1.4rem;
  padding: 0 .75rem;
  padding-top: .25em;
}

.news-mobile{
  display: none;
}

@media all and (max-width: 890px) {
   /* .news {
      display: none;
    }*/

    .news-mobile{
      display: block;
    }

    .banner{
      display: none;
    }

    .news-block {
      height: 120px;
    }

    .news-mail img {
      width: 100%;
      margin:0;
    }

    .news-logo-watermark img {
        width: 100%;
        margin: 0;
    }

    .ms-left{
      width:100%;
    }

    .ms-right{
      width:100%;
    }

    .ms-news-bg{
      background: white;
    }

    .news-mobile{
      display: block;
    }

    .ms-left>img{
      display: none;
    }

    .ms-left img{
      clear: both;
    }

  .division{
    display: none;
  }
}

.blocks ul li div{
  transition: all .8s ease;
}
.blocks ul li:hover p{
  transform: rotateY(-180deg);
}
.blocks ul li:hover div{
  transform: rotateY(180deg);
}

.search-bar-form input{
  width: 200px;
  float:right;
  height: 21px;
  margin-top:1px;
  background: white;
  padding-left: 10px;
}

.search-bar-form button{
  margin-right: 10px;
   margin-top:1px;
  height: 23px;
  float:right;
  width:100px;
  background: #ddd;
}


.blocks-mobile-inner{
  width:33.333333%;
  overflow: hidden;
  font-weight: bold;
  font-size:1.2em;
  color:white;
  text-align: center;
  line-height: 40px;
  height: 40px;
  float:left;
  margin-top:10px;
}