/*
 *@Author: nonoma
*/

body,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
input,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0
}

body,
html {
    font-family: "Microsoft Yahei";
    color: #333;
    height: auto !important;
    /* min-width: 1200px; */
}

a {
    color: #333;
}

a,
a:hover,
a:link,
a:active {
    text-decoration: none;
}

a:hover {
    color: #235394;
}

em {
    font-style: normal;
}

strong {
    font-weight: normal;
}

li {
    list-style: none;
}

img {
    border: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

input::-ms-clear,
input::-ms-reveal {
    display: none;
}


.f-cf:after {
    content: "";
    display: table;
    clear: both;
}

.f-cf {
    zoom: 1;
}

.f-fl {
    float: left;
}

.f-fr {
    float: right;
}


.out-wrap {
    width: 1340px;
    margin: 0 auto;
}
.in-wrap {
    width: 1200px;
    margin: 0 auto;
}


body,html {
    background: #050f4a url(bg.jpg) no-repeat top center !important; 
}


.hdr {
    height: 584px;
}
.hdr .logo {
    margin-top: 50px;
}


.bd {
    min-height: 800px;
    background: #fff;
}

.bd-top {
    height: 80px;
    line-height: 80px;
    padding-left: 30px;
    border-bottom: 1px solid #005b98;
}
.bd-top a {
    font-family: "Microsoft Yahei";
    font-size: 20px;
    font-weight: bold;
    color: #005b98;
}

.bd-bottom-l {
    width: 260px;
    height: 100%;
    
}
.bd-bottom-l .ul {
    margin-top: 20px;
    margin-left: 20px;
}
.bd-bottom-l .ul li {
    margin-bottom: 10px;
    height: 60px;
    line-height: 60px;
    width: 220px;
    background: url(nav_li.png) no-repeat 0 0;
    
}
.bd-bottom-l .ul li a {
    display: block;
    font-size: 17px;
    font-family: "Microsoft Yahei";
    color: #fff;
    text-align: center;

}

.bd-bottom-r {
    width: 906px;
    min-height: 800px;
    padding-left: 30px;
    padding-bottom: 60px;
    border-left: 1px solid #005b98;
}

.m-list {
    padding-top: 30px;
    border-top: 1px solid #005b98;
    margin-right: 30px;
}


.m-list-title {
  /* height: 30px; */
  padding-top: 40px;
  padding-left: 25px;
  background: url(tit_bg.png) no-repeat 0 0;
}
.m-list-title span {
  font-size: 24px;
  color: #005b98;
}
.m-list-con {
  margin: 20px 0;
  
}

.m-list-con .ul {

}
.m-list-con .ul li {
  line-height: 40px;
  height: 40px;
}
.m-list-con .ul li a {
  float: left;
  padding-left: 18px;
  background: url(dot.png) no-repeat 0 center;
  width: 65%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 16px;
  color: #333;
}
.m-list-con .ul li span {
  float: right;
  font-size: 16px;
  color: #333;
}

.m-list-con .ul li:hover a,
.m-list-con .ul li:hover span {
  color: #005b98;
}

.m-list-con p,.m-list-con p * { font-size: 16px !important; line-height: 2 !important; }

/* 分页样式 */
.gg_page{height: 31px; -width: 625px; float: right; padding-top: 50px;}
.easysite-page-wrap{width: 340px; float: left;}
.easysite-page-wrap a { display: inline-block; padding: 5px 18px; border: solid 1px #7c7c7c; color: #7c7c7c; margin-right: 5px; }
.easysite-page-wrap a:hover { background:#09518b; color:#fff; border:1px solid #09518b; }
.easysite-total-page { margin-right: 20px; float: left; line-height: 31px; }
.easysite-jump-page { width: 228px; float: left; line-height: 31px; }
.easysite-page-text { display: inline-block; padding: 5px 10px; border: solid 1px #7c7c7c; color: #7c7c7c; }
.easysite-jump-btn { display: inline-block; margin-top: -5px; background: none; color: #000; font-size:14px; font-weight:bold; color:#09518b; cursor:pointer;}

.m-list-con .flag {

}

.m-list-con .flag ul {
  
}

.m-list-con .flag li {
  float: left;
  margin-right: 15px;
  margin-top: 15px;
}

.m-list-con .flag li img{
  width: 180px;
  height: 120px;
  border: 1px solid #eee;
}

@media screen and (max-width: 750px) {
  .in-wrap {
    width: auto;
  }
    .hdr {
      height: auto;
      padding: 20px;
    }
  .hdr .logo {
    margin-top: 0;
  }
  .hdr .logo img {
    max-width: 95%;
  }

  .bd {
    width: 95%;
  }

  .bd-top {
    height: 60px;
    line-height: 60px;
  }

  .bd-bottom-l {
    float: none;
    width: auto;
  }

  .bd-bottom-l .ul {
    margin-right: 20px;
  }

  .bd-bottom-l .ul li {
    width: auto;
    background: linear-gradient(to right, #005b98, #1fd3e6);
    background-size: cover;
    height: 40px;
    line-height: 40px;
  }

  .bd-bottom-l .ul li a {
    font-size: 16px;
  }

  .bd-bottom-r {
    width: auto;
    float: none;
    padding-left: 10px;
  }

  .m-list {
    padding-top: 15px;
    margin-right: 10px;
  }

  .m-list-title span {
    font-size: 18px;
  }

  .m-list-con .ul li a,
  .m-list-con .ul li span {
    font-size: 14px;
  }
}

@media screen and (max-width: 440px) {
  .m-list-con .flag li {
    position: relative;
    width: calc(50% - 10px);
    margin-right: 10px;
    height: 0;
    padding-bottom: 33.35%;
}

.m-list-con .flag li img{
  position: absolute;
  width: 100%;
  height: 100%;
}
}