* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing   : border-box;
  box-sizing        : border-box;
}

*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing   : border-box;
  box-sizing        : border-box;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
dl,
dt,
dd,
ul,
ol,
li,
th,
td,
p,
blockquote,
pre,
form,
fieldset,
legend,
input,
button,
textarea,
hr {
  margin : 0;
  padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
}

li {
  list-style: none;
  text-align: left;
}

fieldset,
img {
  border: 0;
}

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

abbr[title] {
  border-bottom: 1px dotted;
  cursor       : help;
}

address,
cite,
dfn,
em,
var {
  font-style: normal;
}

button,
input,
select,
textarea {
  font-size: 100%;
}

body {
  font: 12px "Microsoft YaHei";
}

body {
  background: #FFF;
  text-align: center;
}

html,
body {
  min-width: 1200px;
}

p {
  text-align  : left;
  text-indent : 24px;
  text-align  : justify;
  text-justify: distribute;
}

a {
  text-decoration: none;
  color          : #000
}

a:hover {
  color: #3a849b
}

img,
input {
  margin : 0;
  padding: 0;
  border : none
}

li,
ol,
ul {
  list-style: none
}

button,
input[type=button] {
  cursor: pointer
}

input {
  outline   : 0;
  background: 0 0
}

.clearfix:after {
  display   : block;
  visibility: hidden;
  clear     : both;
  height    : 0;
  content   : ''
}

.clearfix {
  *zoom: 1
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.space01 {
  height: 10px;
  font  : 0px/0px SimSun;
  clear : both;
}

.line01 {
  width        : 95%;
  margin-left  : auto;
  margin-right : auto;
  height       : 0px;
  margin-bottom: 20px;
  font         : 0px/0px SimSun;
  border-bottom: 1px solid #e3e5f4;
  clear        : both;
}

.ohd {
  overflow: hidden;
}

.ht {
  font-family: '\9ed1\4f53';
}

.yh {
  font-family: '\5fae\8f6f\96c5\9ed1';
}

.st {
  font-family: SimSun;
}

/*general end*/
/*particular*/
.top {
  background: url(mb0.jpg) no-repeat center 0;
}

.top>img {
  width    : 100%;
  max-width: 1198px;
  margin   : 0 auto;
}

.w12 {
  width    : 100%;
  max-width: 1200px;
  margin   : 0 auto;
}

.nav {
  width           : 1200px;
  margin          : -40px auto 0;
  border-radius   : 10px;
  z-index         : 1;
  background-color: #fff;
  box-shadow      : 0 0 20px rgba(0, 0, 0, 0.3);
  padding-left    : 100px;
  position        : relative;
  background      : #fff url(bn0.png) 40px center no-repeat;
  padding-top     : 10px;
  padding-bottom  : 10px;
}

.nav li {
  float       : left;
  border-right: 2px solid #c7c8ca;
}

.nav li a {
  padding      : 0 20px;
  margin       : 0 20px;
  font-size    : 20px;
  line-height  : 60px;
  display      : block;
  border-radius: 10px;
  color: #2269e8;
  font-weight: bold;
}

.nav li:last-of-type {
  border-right: none;
}

.nav li:hover a {
  background-color: #2269e8;
  color           : #fff;

}

.tit {
  padding: 40px 0;
}

.yns {
  margin-top: 20px;
}

.yns .cl {
  width: 710px;
}

.yns .cr {
  width       : 450px;
  margin-right: 20px;
  position    : relative;
}

.yns .cr .le,
.yns .cr .ri {
  position: absolute;
  top     : 280px;
  z-index : 111;
  cursor  : pointer;
}

.yns .cr .le {
  left: 0;
}

.yns .cr .ri {
  right: 0;
}


.tit2 {
  text-align   : left;
  padding-left : 50px;
  margin-bottom: 20px;
}

.zs .ct {}

.zs .ct img {
  padding: 0 20px 20px;
}

.sj .ct {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.sj ul.fl {
  width  : 50%;
  padding: 0px 55px 50px;
}

.sj .more {
  margin-top  : -40px;
  margin-right: 50px;
  color       : #1d65e8;
  font-size   : 16px;
}

.sj li {
  font-size    : 16px;
  line-height  : 36px;
  border-bottom: 1px dotted #1d65e8;
  text-overflow: ellipsis;
  overflow     : hidden;
  white-space  : nowrap;
}

.sj .bc1 {
  padding-top: 40px;
}

.sj .b2 {
  background-color: #e0e8f0;
}



.mtgz .ct {
  padding         : 30px 200px;
  background-color: #e0e8f0;
  color           : #1d65e8;
  font-size       : 18px;
}

.mtgz li {
  line-height: 48px;
  text-align: right;
}

.mtgz .ct a {
  color: #1d65e8;
}

.mtgz li>a {
  width        : 75%;
  text-overflow: ellipsis;
  overflow     : hidden;
  white-space  : nowrap;
  float: left;
  text-align: left;
}

.mtgz .more {
  font-size: 16px;
  margin   : -35px -140px 0 0;
}

.mtgz span {
  float: right;
}

.lsgh {
  padding-bottom: 30px;
}

.lsgh .ct {
  width : 1050px;
  margin: 0 auto;
}

.lsgh .ct img {
  margin-left: 50px;
}


@media screen and (max-width: 768px) {
  body,html{
    min-width: auto;
  }
  .nav{
    width: 100%;
    margin: 0;
    padding: 10px 0;
    background: none;
  }
  .nav li{
    width: 50%;
    margin: 5px 0;
    padding-left: 5%;
  }
  .nav li:nth-of-type(2n){
    border-right: 0;
  }

  .nav li a{
    margin: 0;
    padding: 0px;
    font-size: 16px;
    line-height: 24px;
  }
  .tit{
    padding: 20px 0;
  }
  .tit>img{
    width: 90%;
  }
  .yns .cl,
  .yns .cr{
    width: 100%;
    padding: 0 10px;
  }
  .yns .eb img{
    width: 100%;
  }
  .yns .cr{
    margin-top: 20px;
    margin-right: 0;
  }
  .yns .cr .le,
.yns .cr .ri{
  top: 230px;
}
  #H-slide{
    zoom: 0.8;
  }
  .zs .ct img{
    width: 25%;
    float: left;
    padding: 0 5px 5px;
  }
  .sj .tit>img,
  .mtgz .tit>img,
  .lsgh .tit>img{
    width: 70%;
  }
  .sj .bc1{
    padding-top: 40px;
  }
  .sj ul.fl{
    width: 100%;

    padding: 0 20px 20px;
  }
  .sj .more{
    margin: 0 20px 20px 0;
  }
  .mtgz .ct{
    padding: 10px;
  }
  .mtgz li>a{
    width: 100%;
  }
  .mtgz li{
    line-height: 33px;
    overflow: hidden;
    padding: 10px;
  }
  .lsgh .ct{
    width: 100%;
  }
  .lsgh .ct img{
    width: 20%;
    padding: 0 5px;
    float: left;
    margin: 0;
  }
  #wzdb.bt{
    display: none;
  }
  



}