html,body{background:#fff;width: 100%;}
.doc{width: 100%;}
.area{min-width: 1200px;}
.inner{width: 1200px;margin: 0 auto;}
.por{position: relative;}

/* .header{height: 800px;background: url(../images/header.jpg) no-repeat center top;} */
.area-1{height: 747px;background: url(../images/area-1.jpg?0531) no-repeat center top;}
.area-2{height: 876px;background: url(../images/area-2.jpg) no-repeat center top;}
.area-3{height: 584px;background: url(../images/area-3.jpg) no-repeat center top;}

.area-1 .inner {position: relative;}
.area-1 .btn {
  width: 196px;
  height: 40px;
  position: absolute;
  top: 662px;
  cursor: pointer;
}
.area-1 .btn.gx5080 {
  left: 116px;
}

.area-1 .btn.gx6080 {
  left: 494px;
}

.area-1 .btn.gx7080 {
  left: 894px;
}

.area-2 .inner {padding-top: 246px;position: relative;}
.area-2 iframe,.area-2 .video,.area-2 .img{width: 1000px;height: 563px;margin: 0 auto;position: relative;}
.area-2 .img p {width: 100%;height: 100%;line-height: 563px;color: #fff;font-size: 54px;position: absolute;left: 0;top:0;text-align: center;letter-spacing: 4px;}
.area-2 .video video{width: 100%;height: 100%;background: #000;}
.area-2 .btn {
  width: 39px;
  height: 103px;
  background-color: #333333;
  position: absolute;
  cursor: pointer;
}
.area-2 .btn:hover {
  background-color: #c80c2f;
}
.area-2 .btn-prev {
  left: 50px;
  top: 448px;
  background-image: url("../images/prev.png");
}
.area-2 .btn-next {
  right: 50px;
  top: 448px;
  background-image: url("../images/next.png");
}

.area-3 .inner {position: relative;}
.area-3 .a3-swiper {width: 550px;height: 300px;position: relative;left: 70px;top:174px;}
.area-3 .a3-swiper ul,.a3-swiper li {list-style-type:none;margin: 0;padding: 0;}
.area-3 .a3-swiper .control {width: 460px;height: 280px;position: absolute;top: 32px;left: 608px;font-size: 16px;}
.area-3 .a3-swiper .control li {width: 100%;height: 54px;line-height: 54px;color: #999;text-align: left;list-style-type:disc;border-bottom: 1px dashed #b0b0b0;}
.area-3 .a3-swiper .control li.current a {color: #251e1c;}
.area-3 .a3-swiper .control li a {display: block;text-decoration: none;color: #999;}
.area-3 .a3-swiper .btn {position: absolute;top: 100px;width: 39px;height: 103px;}
.area-3 .a3-swiper .btn.prev {left: 0;background: url(../images/prev.png) no-repeat center top;}
.area-3 .a3-swiper .btn.next {right: 0;background: url(../images/next.png) no-repeat center top;}
.area-3 a.wenzhang {display: block;width: 550px;height: 300px;background-color: #ccc;font-size: 20px;color: #000;text-decoration: none;line-height: 340px;}
.area-3 a.wenzhang .img {width: 100%;height: 100%;overflow: hidden;}
.area-3 a.wenzhang img {display: block;margin: 0 auto;height: 100%;width: auto;}
.area-3 .btn-more {width: 362px;height: 80px;position: absolute;left: 700px;top: 436px;}

/* footer */
body .g-footer{min-width: 1200px;margin: 0 auto;background: url(../images/footer.jpg) no-repeat center top;height: 229px;}
body .navibar{min-width: 1200px !important;}

body .g-footer .gft-links, 
body .g-footer .gft-links a{ color:#333;}
body .g-footer .gft-copyRight,
body .g-footer .gft-copyRight a{ color:#333;}