@charset "GB2312";
* { margin: 0; padding: 0; }
address, caption, cite, code, dfn, em, th, var { font-style: normal; }
ul, li { list-style: none; }
a {
  outline: none;
  text-decoration: none;
  color: #333;
}
table {border-collapse: collapse;}
img {vertical-align:top;}
.clear, .demo {clear: both;}
html {
  width: 640px;
  margin: 0 auto;
  font: 16px '΢ÈíÑźÚ', Arial;
}
.bgcolor1 {background-color: #f8a81c;}
.bgcolor2 {background-color: #b3afaf;}
.part1-a {
  display: block;
  width: 160px;
  height: 100px;
  padding: 30px 0;
  text-align: center;
  color: #fff;
  float: left;
  font-size: 24px;
  font-weight: bold;
}
.part1-a span {
  font-size: 16px;
  font-weight: normal;
}
h3.title {
  text-align: center;
  font-size: 24px;
  padding: 30px 0;
}
h3.title span {
  font-size: 20px;
  font-weight: normal;
}
.part2 {
  padding: 0 20px;
}
.p {
  padding: 20px 0;
  text-indent: 2em;
  height: 167px;
}
.part3 {
  background: #fefef2;
}
.part3-news li {
  width: 300px;
  height: 280px;
  padding-left: 20px;
  float: left;
}
.part3-news li p {
  padding-top: 20px;
}
.par5 {
  padding: 0 20px 20px;
  background: #fefef2;
}
.part5-left {
  width: 200px;
  color: #f8aa23;
  float: left;
}
.part5-left p {padding-bottom: 10px;}
.part5-right {
  width: 380px;
  float: right;
}
.part6 {
  padding: 0 20px 20px;
  background: #f1edf3;
}

.swiper-container {
  width: 600px;
  height: 320px;
}
.swiper-slide {position: relative;}
.part4-p {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 620px;
  height: 40px;
  line-height: 40px;
  background: rgba(255,255,255,.5);
  padding-left: 20px;
}

.part7 {
  padding: 20px;
  background: #f2fbfb;
}
.mtbox {
  width: 558px;
  height: 234px;
  padding: 20px;
  border: 1px solid #fac66b;
  background: #fff9ee;
}
.mtbox-f {
  width: 236px;
  height: 192px;
  padding: 20px;
  border: 1px solid #fac66b;
  float: left;
  line-height: 2em;
  font-size: 14px;
}
.mt {
  width: 237px;
  height: 190px;
}