@charset 'UTF-8';



/* main */

.ewb-main {
    margin: 0 auto;
    width: 980px;
    padding: 16px 20px 20px 20px;
    background-color: #fff;
}

/* 导语*/

.ewb-lead {
    position: relative;
    padding: 10px 28px 10px 82px;
    min-height: 58px;
    background-color: #f4f4f4;
}

.ewb-lead-tt {
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 10px;
    width: 60px;
    background: url('../img/lead_tt.png') center center no-repeat #fff;
}

.ewb-lead-content {
    padding: 5px 0;
    line-height: 24px;
    text-align: justify;
    text-justify: inter-ideograph;
}

.ewb-lead-content a{
    color: #333;
}


/* 图片轮播 */

.wb-slider {
    position: relative;
    overflow: hidden;
    width: 480px;
    height: 330px;
}

.wb-slider-conbox {
    overflow: hidden;
}

.wb-slider-ctag {
    position: relative;
}

.wb-slider-ctag img {
    width: 480px;
    height: 330px;
}

.wb-slider-mask {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 38px;
    background: url("../img/mask_bg.png") repeat;
}

.wb-slider-mask .ellipsis {
    display: block;
    margin-left: 12px;
    width: 280px;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    color: #fff;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.wb-slider-switcher {
    position: absolute;
    right: 10px;
    bottom: 9px;
    height: 18px;
}

.wb-slider-stag {
    float: left;
    margin-right: 3px;
    height: 18px;
    line-height: 18px;
    width: 25px;
    text-align: center;
    font-size: 12px;
    color: #fff;
    background-color: #898989;
    cursor: pointer;
}

.wb-slider-stag.cur {
    background-color: #ff8202;
}

/* 公共层高样式 */

.ewb-layer1 {
    height: 330px;
    overflow: hidden;
}

.ewb-layer2 {
    height: 280px;
    overflow: hidden;
}

.ewb-layer2160 {
    height: 180px;
    overflow: hidden;
}


/* 公共标题样式 */

.ewb-cm-hd {
    height: 36px;
    border: 1px solid #ddd;
    background: url('../img/hd_bg.jpg') repeat-x;
}

.ewb-cm-tt {
    float: left;
    margin: -1px 0 0 -1px;
    padding: 0 19px;
    min-width: 144px;
    height: 38px;
    line-height: 37px;
    text-align: center;
    font-size: 20px;
    color: #fff;
    background: #31a2e4;
}

/* 公共列表样式 */

.ewb-list {
    padding: 10px 4px 0 5px;
    position: relative;
}

.ewb_list1{min-height: 220px;margin-top: 0px!important;}

.ewb-list-node {
    padding-left: 14px;
    height: 36px;
    line-height: 36px;
    vertical-align: top;
    /*background: url('../img/dian.jpg') left center no-repeat;*/
}

.ewb-list-name {
    float: left;
    max-width: 75%;
    color: #333;
}

.ewb-list-name:hover {
    color: #c0070a;
}

.ewb-list-date {
    float: right;
    color: #999;
}

/* banner */

.ewb-banner {
    height: 133px;
}

.ewb-banner a,
.ewb-banner img {
    display: block;
    width: 100%;
    height: 133px;
}

/* 活动掠影 */

.wb-marquee {
    margin-top: 18px;
    height: 161px;
    overflow: hidden;
}

.wb-marquee-items {
    height: 161px;
    overflow: hidden;
}

.wb-marquee-items li {
    float: left;
}

.ewb-marquee-box {
    margin: 0 18px;
    display: block;
    width: 218px;
    height: 161px;
}

.ewb-marquee-img {
    height: 141px;
}

.ewb-marquee-img img {
    width: 100%;
    height: 100%;
    vertical-align: top;
}

.ewb-marquee-name {
    display: block;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 14px;
    color: #333;
}

.ewb-video-play {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -27px;
    margin-left: -27px;
    width: 53px;
    height: 53px;
    background: url(../img/video_play.png);
}

#sp {
    height: 235px;
}

.lh38{
    line-height: 38px;
    color: #333;
}

.carousel-inner>.item {
    height: 330px;
}
.carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive,.thumbnail a>img,.thumbnail>img{display:block;max-width:100%;height:auto}
.carousel{position:relative}
.carousel-inner{position:relative;width:100%;overflow:hidden}
.carousel-inner>.item{position:relative;display:none;-webkit-transition:.6s ease-in-out left;-o-transition:.6s ease-in-out left;transition:.6s ease-in-out left}
.carousel-inner>.item>a>img,.carousel-inner>.item>img{line-height:1;width: 100%;vertical-align: middle;}
@media all and (transform-3d),(-webkit-transform-3d){
    .carousel-inner>.item{-webkit-transition:-webkit-transform .6s ease-in-out;-o-transition:-o-transform .6s ease-in-out;transition:transform .6s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}
    .carousel-inner>.item.active.right,.carousel-inner>.item.next{left:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
    .carousel-inner>.item.active.left,.carousel-inner>.item.prev{left:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
    .carousel-inner>.item.active,.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right{left:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}
.carousel-inner>.active{left:0}
.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}
.carousel-inner>.next{left:100%}
.carousel-inner>.prev{left:-100%}
.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}
.carousel-inner>.active.left{left:-100%}
.carousel-inner>.active.right{left:100%}
.carousel-control{position:absolute;top:0;bottom:0;left:0;width:15%;font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6);background-color:rgba(0,0,0,0);filter:alpha(opacity=50);opacity:.5}
.carousel-control.left{background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
    background-image:-o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
    background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));
    background-image:linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
    background-repeat:repeat-x}
.carousel-control.right{right:0;left:auto;background-image:-webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
    background-image:-o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
    background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));
    background-image:linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
    background-repeat:repeat-x}
.carousel-control:focus,.carousel-control:hover{color:#fff;text-decoration:none;filter:alpha(opacity=90);outline:0;opacity:.9}
.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{position:absolute;top:50%;z-index:5;display:inline-block;margin-top:-10px}
.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{left:50%;margin-left:-10px}
.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{right:50%;margin-right:-10px}
.carousel-control .icon-next,.carousel-control .icon-prev{width:20px;height:20px;font-family:serif;line-height:1}
.carousel-control .icon-prev:before{content:'\2039'}.carousel-control .icon-next:before{content:'\203a'}
.carousel-indicators{position:absolute;bottom:2%;left:80%;z-index:15;width:60%;padding-left:0;margin-left:-30%;text-align:center;list-style:none}
.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;cursor:pointer;background-color:#000\9;background-color:rgba(0,0,0,0);border:1px solid #fff;border-radius:10px}
.carousel-indicators .active{width:12px;height:12px;margin:0;background-color:#fff}
.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}
.carousel-caption .btn{text-shadow:none}
@media screen and (min-width:768px){
    .carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{width:30px;height:30px;margin-top:-10px;font-size:30px}
    .carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{margin-left:-10px}
    .carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{margin-right:-10px}
    .carousel-caption{right:20%;left:20%;padding-bottom:30px}
}
.carousel-caption{
    text-align: left;
     width: 100%;
     left: 0;
     bottom: 0;
     padding: 10px;
     background: rgba(0,0,0,.7);}