@charset "utf-8";
* {
  -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*/
.w1 {
  background-color: #f6f7fc;
  padding-top     : 60px;
}

.zdc {
  width    : 100%;
  max-width: 1200px;
  margin   : 0 auto;
  padding  : 60px 0;
}

.zdc .ly {
  width           : 370px;
  height          : 250px;
  background-color: #fff;
  border-radius   : 10px;
  text-align      : center;
  padding-top     : 30px;
  float           : left;
  margin-right    : 40px;
  margin-bottom   : 40px;
}

.zdc .ly:nth-of-type(3n) {
  margin-right: 0;
  float       : right;
}

.zdc .ly span {
  font-size  : 24px;
  color      : #626b7c;
  padding    : 15px 0 10px;
  display    : block;
  font-weight: bold;

}

.zdc .ly span a {
  color: #626b7c;
}

.zdc .ly p {
  text-indent: 0;
  font-size  : 17px;
  line-height: 28px;
  color      : #717989;
  text-align : center;
}

.zdc .ly p a {
  color: #717989;


}

@media screen and (max-width: 768px) {
  .w1 {
    padding: 15px 0;
  }

  .w1>img.ban {
    width:100%;
  }

  .zdc .ly {
    width         : 100%;
    height        : auto;
    padding-top   : 15px;
    padding-bottom: 15px;
  }

  .zdc {
    padding: 0 10px;
  }

  .zdc .ly img {
    float  : left;
    padding: 1rem;
  }

  .zdc .dsc {
    float     : right;
    width     : 75%;
    text-align: left;
  }

  .zdc .ly p {
    text-align : left;
    font-size  : 14px;
    line-height: 24px;
  }

  .zdc .ly span {
    font-size    : 18px;
    line-height  : 24px;
    padding      : 0;
    display      : block;
    margin-bottom: 5px;
  }
}/* CSS Document */