/* CSS Document */
body {
  padding: 0;
  margin: 0;
  font: normal 12px/200% "Microsoft Yahei";
  color: #333;
  text-align: center;
  background: url(../images/bg.jpg) top center repeat;
}

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

div {
  margin: 0 auto;
  text-align: left;
  font: normal 12px/200% "Microsoft Yahei";
}

li, p {
  text-align: left;
  font: normal 12px/200% "Microsoft Yahei";
}

a:link, a:visited {
  color: #333;
  text-decoration: none;
}

a:hover {
  color: #333;
  text-decoration: underline;
}

img {
  border: none;
}

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

em, i {
  font-style: normal;
}

/*clear*/
.clearfix:before, .clearfix:after {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
  overflow: hidden;
}

.clearfix {
  zoom: 1;
}

/*other*/
h1, h2, h3, h4, h5, h6 {
  text-align: left;
  font: normal 12px/200% "Microsoft Yahei";
}

.mt10 {
  margin-top: 10px;
}

.mb10 {
  margin-bottom: 10px;
}

.m10 {
  margin: 10px auto;
}

.w1000 {
  width: 1000px;
}

.w980 {
  width: 980px;
}

.list_14 li {
  background: url(../images/dot.gif) no-repeat 0 12px;
  padding-left: 12px;
  font-size: 14px;
}

.list_12 li {
  background: url(../images/dot.gif) no-repeat 0 8px;
  padding-left: 12px;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

/*top*/
.top {
  height: 36px;
  position: relative;
  z-index: 2;
  background: #fff;
}

.top em {
  float: left;
}

.top i {
  float: right;
  line-height: 36px;
}

.top i a {
  padding: 0 5px;
}

/*contentBox*/
.contentBox {
  width: 100%;
  height: auto;
  background: url(../images/banner.jpg) top center no-repeat;
}

.banner {
  height: 420px;
}

.contentBox div.w980 {
  background: #fff;
}

.videoBox {
  padding: 40px 0;
}

.videoBox div.video {
  text-align: center;
}

.videoBox p {
  font: normal 14px/220% "Microsoft Yahei";
  text-align: center;
}

.picList {
  width: 820px;
}

.picList ul li {
  width: 343px;
  min-height: 530px;
  margin-bottom: 20px;
}

.picList ul li div.pic {
  width: 343px;
  height: 392px;
  background: url(../images/listBg.jpg) top center no-repeat;
  text-align: center;
}

.picList ul li div.pic span {
  display: inline-block;
  width: 236px;
  height: 236px;
  padding: 47px 0 7px 0;
  text-align: center;
}

.picList ul li div.pic span img {
  width: 220px;
  height: 220px;
  border: 8px solid #cf190b;
  border-radius: 50%;
}

.picList ul li div.pic p {
  display: inline-block;
  width: 295px;
  height: 60px;
  padding: 15px 0;
  margin: 0 auto;
  font: bold 22px/30px "Microsoft Yahei";
  color: #fff;
  text-align: center;
}

.picList ul li div.pic p b {
  font-size: 26px;
}

.picList ul li div.pic p a {
  color: #fff;
}

.picList ul li div.pic p a:hover, .picList ul li div.pic p a:link, .picList ul li div.pic p a:visited {
  color: #fff;
}

.picList ul li div.text {
  width: 100%;
  font: normal 18px/36px "Microsoft Yahei";
  text-align: justify;
  margin: 20px auto;
}

.picList ul li div.text a {
  color: #000;
}

.picList ul li div.text a:hover, .picList ul li div.text a:link, .picList ul li div.text a:visited {
  color: #000;
}