@charset "utf-8";



/*.grayscale {-webkit-filter: grayscale(100%);filter: grayscale(100%);}*/

.slide-carousel {

    width: 100%;

    height: 100%;

    position: relative;

/*    overflow: hidden;*/

}





.slide-carousel .item-list {

    position: relative;

    height: 100%;

    width: 100%;

/*    overflow: hidden;*/

}

.slide-carousel .item-list li .item-content {

    width: 100%;

    height: 100%;

}

.slide-carousel .item-list li .item-content a {

    display: block;

    width: 100%;

    box-shadow: 0 0 20px 1px #000;

    height: 100%;

}

.slide-carousel .item-list li .item-content a .cover-img {

    width: 100%;

    height: 100%;

}

.slide-carousel .indicator-list {

    position: absolute;

    bottom: 20px;

    left: 50%;

    margin-left: -63px;

    z-index: 100;

}

.slide-carousel .indicator-list a {

    display: inline-block;

    width: 12px;

    height: 12px;

    border: 2px solid #fff;

    border-radius: 50%;

    overflow: hidden;

    background-color: #ccc;

    margin-left: 5px;

}

.slide-carousel .indicator-list a.selected {

    border-color: #ff6700;

    background-color: #5fff92;

}

.slide-carousel .controls {

    opacity: 1;

}

.slide-carousel .controls a {

    cursor: pointer;

    text-decoration: none;

    width: 21px;

    height: 60px;

    position: absolute;

   /* background-color: rgba(0, 0, 0, .6);*/

    color: #fff;

    font-size: 35px;

    padding-top: 15px;

    z-index: 2;

    border-radius: 10px;

    opacity: .5;

}

.slide-carousel .controls a:hover {

  /*  background-color: rgba(0, 0, 0, 0.5);*/

    opacity: 1;

}

.slide-carousel .controls .item-prev {

    top: 50%;

    left: -60px;

    margin-top: -42px;

}

.slide-carousel .controls .item-next {

    top: 50%;

    right: -60px;

    margin-top: -42px;

}

.slide-carousel .desc {

    height: 72px;

    width: 100%;

    position: absolute;

    bottom: 0;

    left: 0;

    background-color: rgba(0, 0, 0, 0.6);

    z-index: 99;

}

.slide-carousel .desc strong {

    color: #fff;

    font-size: 20px;

    line-height: 72px;

    margin-left: 20px;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}

.slide-carousel:hover .controls {

    opacity: 1;

    transition: opacity 0.5s ease;

}

/*

分割线

  */



#myslide {

    width: 820px;

    height: 320px;

    margin: 65px auto 20px;

}

#myslide .slide-carousel {

    margin-bottom: 20px;

}

#myslide .slide-3d .desc {

    display: none;

}

#myslide .slide-3d .item-list li {

    width:320px;

    height: 320px;

    transition: all 0.5s ease-out;

    opacity: 0;

    position: absolute;

    top: 0;

    left: 0;

}

#myslide .slide-3d .item-list li.item0 {

    transform: translate3d(-250px, 0, 0) scale(0.8);

}

#myslide .slide-3d .item-list li.item1 {

    transform: translate3d(0, 0, 0) scale(0.8);

    transform-origin: 0 50%;

    opacity: .8;

    z-index: 2;

/*    -webkit-filter: grayscale(100%);

    filter: grayscale(100%);*/

}

.slide-carousel .item-list li.item1 .item-content a{

    background-color: #000;

}

.slide-carousel .item-list li.item1 .item-content a .cover-img{

    opacity: .8;

}

#myslide .slide-3d .item-list li.item2 {

    transform: translate3d(250px, 0, 0) scale(1);

    transform-origin: 0 50%;

    opacity: 1;

    z-index: 3;

}

#myslide .slide-3d .item-list li.item3 {

    transform: translate3d(500px, 0, 0) scale(0.8);

    transform-origin: 100% 50%;

    opacity: .8;

    z-index: 2;

/*    -webkit-filter: grayscale(100%);

    filter: grayscale(100%);*/

}

.slide-carousel .item-list li.item3 .item-content a{

    background-color: #000;

}

.slide-carousel .item-list li.item3 .item-content a .cover-img{

    opacity: .8;

}

#myslide .slide-3d .item-list li.item4 {

    transform: translate3d(675px, 0, 0) scale(0.8);

}

#myslide .slide-3d .item-list li.item5 {

    transform: translate3d(900px, 0, 0) scale(0.8);

}

#myslide .slide-3d .item-list li.item6 {

    transform: translate3d(1125px, 0, 0) scale(0.8);

}

#myslide .slide-3d .item-list li.item7 {

    transform: translate3d(1350px, 0, 0) scale(0.8);

}

#myslide .slide-3d .item-list li.item8 {

    transform: translate3d(1575px, 0, 0) scale(0.8);

}

#myslide .slide-3d .item-list li.item9 {

    transform: translate3d(1800px, 0, 0) scale(0.8);

}

#myslide .slide-2d .item-list li {

    width: 1200px;

    height: 300px;

    transition: all 0.5s ease-out;

    position: absolute;

    top: 0;

    left: 0;

}

#myslide .slide-2d .item-list li.item0 {

    transform: translateX(-1200px);

}

#myslide .slide-2d .item-list li.item1 {

    transform: translateX(0px);

}

#myslide .slide-2d .item-list li.item2 {

    transform: translateX(1200px);

}

#myslide .slide-2d .item-list li.item3 {

    transform: translateX(2400px);

}

#myslide .slide-2d .item-list li.item4 {

    transform: translateX(3600px);

}

#myslide .slide-2d .item-list li.item5 {

    transform: translateX(4800px);

}

#myslide .slide-2d .item-list li.item6 {

    transform: translateX(6000px);

}

#myslide .slide-2d .item-list li.item7 {

    transform: translateX(7200px);

}

#myslide .slide-2d .item-list li.item8 {

    transform: translateX(8400px);

}

#myslide .slide-2d .item-list li.item9 {

    transform: translateX(9600px);

}