.indexbanner {
  width: 100%;
  overflow: hidden;
  position: relative;
}
.indexbanner img {
  display: none;
}
.indexbanner .swiper-slide {
  width: 100%;
  overflow: hidden;
  height: 620px;
  background-position: center;
}
.indexbanner .swiper-slide a{display: block;width: 100%;height: 100%;}
.indexbanner .swiper-button-next,
.indexbanner .swiper-button-prev {
  top: 48%;
}
.indexbanner .swiper-pagination {
  bottom: 15px;
}
.indexbanner .swiper-pagination span {
  width: 10px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  height: 10px;
  background: #fff;
}
.indexbanner .swiper-pagination span.swiper-pagination-bullet-active {
  width: 20px;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
}
.indexbanner.subd .swiper-slide {
  height: 500px;
}
.smatile{height: 50px;}
.smatile h3 {font-size: 20px}
.smatile p {color: #888}
.smatile .fr{line-height: 50px;}
.smatile .fr a{color: #000;font-size: 16px}

.newscon>.fl{
  width: 500px;height: 420px;background-color: #f8f8f8
}
.newscon>.fr{
  width: 600px;height: 420px;
}
.newscon-l{padding:50px; }
.newscon-l h2 a{color: #000;font-size: 16px}
.newscon-l .time{color: #999;font-size: 20px}
.newscon-l .con{color: #777;border-left: 1px solid #aaa;padding-left: 20px}
.newscon-l .img{width: 100%;height: 140px;overflow: hidden;}
.newscon-l img{width: 100%;height: 100%;display: block;transition:all 0.6s}
.newscon-l img:hover{transform: scale(1.2);}
.newscon-l a.sp{
  display: block;width: 100px;height: 30px;text-align: center;background-color: #ccb17a;
  color: #fff;overflow: hidden;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.newscon-l a.sp span{font-size: 24px;}
.newscon-l a.sp:hover{background-color: #aa8539;color: #fff}
.newscon-r li{border-top: 1px solid #ddd;padding:30px 30px 30px 20px;}
.newscon-r li:last-child{border-bottom: 1px solid #ddd}
.newscon-r li .item{width: 450px;}
.newscon-r li .item h2{color: #000;font-size: 16px}
.newscon-r li .item h2:before{content:"·";margin-right: 15px}
.newscon-r li .item .con{line-height: 24px;color: #777;margin-top: 10px;padding-left: 25px}
.newscon-r li .time{width: 70px;text-align: right;}
.newscon-r li .item a:hover h2{color: #ccb17a}

.video{width: 100%;height: 480px;position: relative;}
.video .mb{width: 100%;height: 100%;background-color: rgba(0,0,0,.7);}
.video .icos{position: absolute;width: 100%;height: 100%;left: 0;top:0;text-align: center;}
.video .icos img{margin-top: 200px;cursor: pointer;transition: all .5s;}
.video .icos img:hover{transform: rotate(180deg);}

.product ul{width: 100%;height: 780px;position: relative;}
.product li{position: absolute;box-sizing: border-box;overflow: hidden}
.product li img{width: 100%;height: 100%;}
.product li.p1{width: 600px;height: 230px;left: 0;top:0;}
.product li.p1:before{
  content:"";position:absolute;top:110px;right:0;
  border-right:10px solid #f7f7f7;
  border-top:10px solid transparent;
  border-bottom:10px solid transparent;
}
.product li.p2{width: 300px;height: 230px;background-color: #f7f7f7;left: 600px;top:0;}
.product li.p3{width: 300px;height: 230px;left: 900px;top:0;}
.product li.p3:before{
  content:"";position:absolute;left:145px;bottom:0;
  border-bottom:10px solid #f7f7f7;
  border-left:10px solid transparent;
  border-right:10px solid transparent;
}
.product li.p4{width: 300px;height: 250px;background-color: #f7f7f7;left: 0;top:230px;}
.product li.p5{width: 600px;height: 350px;left: 300px;top:230px;}
.product li.p5:before{
  content:"";position:absolute;left:295px;bottom:0;
  border-bottom:10px solid #f7f7f7;
  border-left:10px solid transparent;
  border-right:10px solid transparent;
}
.product li.p6{width: 300px;height: 250px;background-color: #f7f7f7;left: 900px;top:230px;}
.product li.p7{width: 300px;height: 300px;left: 0;top:480px;}
.product li.p7:before{
  content:"";position:absolute;left:145px;top:0;
  border-top:10px solid #f7f7f7;
  border-left:10px solid transparent;
  border-right:10px solid transparent;
}
.product li.p8{width: 600px;height: 200px;background-color: #f7f7f7;left: 300px;top:580px;}
.product li.p9{width: 300px;height: 300px;background-color: #ccb17a;left: 900px;top:480px;}

.product li.p2,.product li.p4,.product li.p6{
  padding:50px 30px 0;font-size: 18px
}
.product li.p2 p,.product li.p4 p,.product li.p6 p,.product li.p8 p{
  font-size: 14px;line-height: 28px;color: #666;margin-top: 15px
}
.product li.p8{padding:30px 50px 0;font-size: 18px }

.product li.p9 span{
  border:1px solid #fff;color: #fff;display: block;width: 200px;height: 60px;
  margin:110px auto 0;text-align: center;line-height: 60px;font-weight: bold;font-size: 16px
}