.video_banner{ position:relative; }
.video_banner a{ display:block; width:100%; height:100%; position:relative;/* position:absolute; left:0; top:0; opacity:0;*/ }
.video_banner a img{ width:100%; }
.video_banner a.cur{ opacity:1; z-index:10; }
.video_banner .ban3 img{ position:absolute; left:0; top:0; z-index:10; }
.video_banner .ban3 video{ width:100%; background:#000; border-bottom:1px solid #fff; display:none; }
.pagination2{position: absolute; bottom: 10px; left: 50%; margin-left: -62px; padding: 3px 10px; border-radius: 50px; } 
.swiper-container2{ margin: 0 auto; position: relative; overflow: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; }

h2{ color:#f39800; font-size:18px; padding:10px 0; font-weight:normal; }

.classify li{ width:100%; }
.classify li a{ display:block;}
.classify li img{ width:100%; display:block; }
.classify li span{ display:block; text-align:center; font-size:20px; margin-bottom:5px; }
.classify li em{ display:block; text-align:center; font-size:14px; }
.classify li.li1 a{ color:#577c81; background:#d4f9ff; }
.classify li.li2 a{ color:#74675b; background:#fdf2e7; }
.classify li.li3 a{ color:#8c685c; background:#ffe8e1; }
.classify li.li4 a{ color:#956870; background:#ece3fc; }
.swiper-container,.swiper-container3{margin:0 auto;position:relative;overflow:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;z-index:1;}
.swiper-wrapper{position:relative;width:100%;-webkit-transition-property:-webkit-transform,left,top;-webkit-transition-duration:0s;-webkit-transform:translate3d(0px,0,0);-webkit-transition-timing-function:ease;-moz-transition-property:-moz-transform,left,top;-moz-transition-duration:0s;-moz-transform:translate3d(0px,0,0);-moz-transition-timing-function:ease;-o-transition-property:-o-transform,left,top;-o-transition-duration:0s;-o-transform:translate3d(0px,0,0);-o-transition-timing-function:ease;-o-transform:translate(0px,0px);-ms-transition-property:-ms-transform,left,top;-ms-transition-duration:0s;-ms-transform:translate3d(0px,0,0);-ms-transition-timing-function:ease;transition-property:transform,left,top;transition-duration:0s;transform:translate3d(0px,0,0);transition-timing-function:ease;}
.swiper-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto;}
.swiper-slide{float:left;}
.swiper-slide img{ width:100%; }
.swiper-wp8-horizontal{-ms-touch-action:pan-y;}
.swiper-wp8-vertical{-ms-touch-action:pan-x;}
.pagination,.pagination3{ position:absolute; bottom:10px; left:50%; margin-left:-73px; padding:3px 10px; border-radius:50px; }
.swiper-pagination-switch{ display:block; background:url(../images/serve/icon_12.png) no-repeat center; background-size:100% auto; width:12px; height:17px; float:left; margin:0 4px; }
.swiper-visible-switch{ background:url(../images/serve/icon_13.png) no-repeat center; background-size:100% auto; }

.serve img{ width:100%; display:block; }
.like{ position:relative; }
.like ul li{ float:left; width:33%; padding:20px auto; }
.like ul li a{ display:block; position:relative; width:100%; }
.like ul li .img2{ opacity:0; position:absolute; width:100%; left:0; top:0; }
.like ul li.cur .img1{ opacity:0; }
.like ul li.cur .img2{ opacity:1; }
.like ul li img,.like ul li a{ width:100%; display:block; }
#wrapper{ width:80%; margin:0 auto; overflow:hidden; position:relative; margin-bottom:10px; }
#scroller{ position:absolute; left:0; top:0; }
.like .pro_box .li{ display:inline-block; width:50%; float:left; text-align:center; }
.like .pro_box .li img{ width:70%; display:block; margin:0 auto; }
.like .pro_box .li p{ color:#5a5a5a; margin-bottom:5px; }
.like .btn1{ position:absolute; left:10px; top:48%; width:8px; }
.like .btn1 img{ width:100%; }
.like .btn2{ position:absolute; right:10px; top:48%; width:8px; }
.like .btn2 img{ width:100%; }

.pop-box{
    background: rgba(255,255,255,0.7);
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 999999;
    text-align: center;
    vertical-align: middle;
    font-size: 0;
  }
  .pop-imgbox{
    width: 80%;
    top: 17%;
    /* margin-top: -250px !important; */
    height: 60%;
    left: 50%;
    display: block;
    margin: 0 auto;
    position: absolute;
    /* text-align: center; */
    margin-left: -40%;
  }
  .pop-imgbox a{
      display: block;
      width: 100%;
      height: 100%;
  }
  .pop-imgbox a img{
      height: 100%;
  }
  .pop-imgbox i{
    position: absolute;
    background: url(/assets/static/images/pop-close.png) no-repeat;
    background-size: 100% auto;
    width: 30px;
    height: 30px;
    left: 50%;
    bottom: -35px;
    cursor: pointer;
    margin-left: -15px;
  }