﻿@charset "utf-8";
/* 图片按钮(左)滚动 - 公用类 */
.picBtnLeft{ width:540px; height:440px; /* border:1px solid #a3a3a3; padding:5px;*/  position:relative;  overflow:hidden;  zoom:1;/*background: #000000;*/}
.picBtnLeft .hd{ width:540px;  height:50px; position:absolute;  top:381px; }
.picBtnLeft .hd ul{ width:960px;  overflow:hidden; zoom:1;}
.picBtnLeft .hd ul li{ padding-top:5px; float:left; _display:inline; text-align:center;  }
.picBtnLeft .hd ul li img{ width:82px; height:50px; border:2px solid #ddd; cursor:pointer; margin-right:5px;   }
.picBtnLeft .hd ul li.on{ background:url("../../images/Default2019/icoUp.gif") no-repeat center 0; }
.picBtnLeft .hd ul li.on img{ border-color:#f60;  }
.picBtnLeft .bd{ width:540px;  height:375px; position:relative;  }
.picBtnLeft .bd img{ width:540px; height:375px;  }
.picBtnLeft .bd li{ position:relative; zoom:1; }
.picBtnLeft .bd li .pic{ position:relative; z-index:0; line-height:0px;  }
.picBtnLeft .bd li .bg{ display:none;  width:467px; height:30px; position:absolute; left:0; bottom:0; z-index:1;  background:#000; filter:alpha(opacity=60);opacity:0.6;    }
.picBtnLeft .bd li .title{ display:block;width:540px; height:30px; overflow:hidden;text-indent: 16px; line-height:30px; left:0; bottom:0;   position:absolute; z-index:2; background: rgba(59,58,56,0.7);}
.picBtnLeft .bd li .title a{ color:#fff;  }

.banner-box {
    float: left;
    width: 542px;
    height: 386px;
    margin-top: 0px;
    position: relative;
    overflow: hidden;
}

.banner img {
    width: 542px;
    height: 386px;
    border: 0px;
    vertical-align: top;
}
.banner-box:hover .swiper-button-next, .banner-box:hover .swiper-container-rtl .swiper-button-prev {
    right: 20px;
    transition: right 0.3s;
}
.banner > .swiper-pagination-bullets {
    bottom: 20px;
}
.banner .swiper-pagination-bullet {
    width: 30px;
    height: 3px;
    border-radius: 2px;
}
.banner-box .swiper-button-next, .banner-box .swiper-container-rtl .swiper-button-prev {
    background: url(../../images/banner-prev.png) left top no-repeat;
    right: -40px;
    transition: right 0.3s;
}
.banner-box .swiper-button-next, .banner-box .swiper-button-prev {
    width: 40px;
    height: 40px;
    margin-top: -20px;
    outline: none;
}
.banner-box:hover .swiper-button-prev, .banner-box:hover .swiper-container-rtl .swiper-button-next {
    left: 20px;
    transition: left 0.3s;
}
.banner-box .swiper-button-prev, .banner-box .swiper-container-rtl .swiper-button-next {
    background: url(../../images/banner-next.png) left top no-repeat;
    left: -40px;
    transition: left 0.3s;
}
.banner-box .swiper-button-next, .banner-box .swiper-button-prev {
    width: 40px;
    height: 40px;
    margin-top: -20px;
    outline: none;
}

.banner-box1 {
    float: left;
    width: 1100px;
    height: 103px;
    margin-top: 0px;
    position: relative;
    overflow: hidden;
}

.banner1 img {
    width: 1100px;
    height: 103px;
    border: 0px;
    vertical-align: top;
}
.banner-box1:hover .swiper-button-next, .banner-box1:hover .swiper-container-rtl .swiper-button-prev {
    right: 20px;
    transition: right 0.3s;
}
.banner1 > .swiper-pagination-bullets {
    bottom: 20px;
}
.banner1 .swiper-pagination-bullet {
    width: 30px;
    height: 3px;
    border-radius: 2px;
}
.banner-box1 .swiper-button-next, .banner-box1 .swiper-container-rtl .swiper-button-prev {
    background: url(../../images/banner-prev.png) left top no-repeat;
    right: -40px;
    transition: right 0.3s;
}
.banner-box1 .swiper-button-next, .banner-box1 .swiper-button-prev {
    width: 40px;
    height: 40px;
    margin-top: -20px;
    outline: none;
}
.banner-box1:hover .swiper-button-prev, .banner-box1:hover .swiper-container-rtl .swiper-button-next {
    left: 20px;
    transition: left 0.3s;
}
.banner-box1 .swiper-button-prev, .banner-box1 .swiper-container-rtl .swiper-button-next {
    background: url(../../images/banner-next.png) left top no-repeat;
    left: -40px;
    transition: left 0.3s;
}
.banner-box1 .swiper-button-next, .banner-box1 .swiper-button-prev {
    width: 40px;
    height: 40px;
    margin-top: -20px;
    outline: none;
}

.banner-box2 {
    float: left;
    width: 542px;
    height: 103px;
    margin-top: 0px;
    position: relative;
    overflow: hidden;
}

.banner2 img {
    width: 542px;
    height: 103px;
    border: 0px;
    vertical-align: top;
}
.banner-box2:hover .swiper-button-next, .banner-box2:hover .swiper-container-rtl .swiper-button-prev {
    right: 20px;
    transition: right 0.3s;
}
.banner2 > .swiper-pagination-bullets {
    bottom: 20px;
}
.banner2 .swiper-pagination-bullet {
    width: 30px;
    height: 3px;
    border-radius: 2px;
}
.banner-box2 .swiper-button-next, .banner-box2 .swiper-container-rtl .swiper-button-prev {
    background: url(../../images/banner-prev.png) left top no-repeat;
    right: -40px;
    transition: right 0.3s;
}
.banner-box2 .swiper-button-next, .banner-box2 .swiper-button-prev {
    width: 40px;
    height: 40px;
    margin-top: -20px;
    outline: none;
}
.banner-box2:hover .swiper-button-prev, .banner-box2:hover .swiper-container-rtl .swiper-button-next {
    left: 20px;
    transition: left 0.3s;
}
.banner-box2 .swiper-button-prev, .banner-box2 .swiper-container-rtl .swiper-button-next {
    background: url(../../images/banner-next.png) left top no-repeat;
    left: -40px;
    transition: left 0.3s;
}
.banner-box2 .swiper-button-next, .banner-box2 .swiper-button-prev {
    width: 40px;
    height: 40px;
    margin-top: -20px;
    outline: none;
}