/*Éè¼Æʦ*/
.index-designer-container{width: 100%; height: 705px;}
.index-designer-container  .index-designer-center{width: 1530px; height: 100%; margin: 0 auto; overflow: hidden;}
.index-designer-container .subhead{margin: 80px 0 50px;}
.index-designer-center .subhead h2{text-align: center;position: relative;width: 160px;margin: auto;}
 .index-designer-container .homeTitle{margin: 80px 0 50px 0}
.index-designer-center .subhead span{    font-size: 30px;
    display: block;    background-color: #fff !important;
    z-index: 1;}
.index-designer-center .subhead p{text-align: center;
    font-size: 18px;
    color: #696969;}
.index-designer-center .subhead hr{width: 1px;height: 10px;background: #000;position: absolute;display: block;border: none;top: 45%;}
.index-designer-content{width: 1530px; height: 510px; margin-top: 20px; position: relative;}
.index-designer-content .swiper-container {margin-left: auto;margin-right: auto;position: relative;overflow: hidden;z-index: 1;}
.index-designer-content .swiper-wrapper {position: relative;width: 100%;height: 100%;z-index: 1;display: -webkit-box; display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;-o-transition-property: -o-transform;-ms-transition-property: -ms-transform;transition-property: transform;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
.index-designer-content .swiper-slide {-webkit-flex-shrink: 0;-ms-flex: 0 0 auto;flex-shrink: 0;width: 100%;height: 100%;position: relative;}
.index-designer-content .swiper-button-next, .swiper-button-prev { position: absolute; top: 50%;width: 27px;height: 44px;margin-top: -22px;z-index: 10;cursor: pointer;-moz-background-size: 27px 44px;-webkit-background-size: 27px 44px; background-size: 27px 44px;background-position: center;background-repeat: no-repeat;}
.index-designer-content .swiper-button-prev, .swiper-container-rtl .swiper-button-next {left: 10px;right: auto;}
.index-designer-content .swiper-button-next, .swiper-container-rtl .swiper-button-prev {right: 10px;left: auto;}
.index-designer-content .swiper-pagination {position: absolute;text-align: center;-webkit-transition: .3s;-moz-transition: .3s;-o-transition: .3s;transition: .3s;-webkit-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);-o-transform: translate3d(0,0,0);transform: translate3d(0,0,0);z-index: 10;}
.index-designer-content .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10p}
.index-designer-content .swiper-slide{width: 1240px; height: 510px; }
.index-designer-content .swiper-slide .swiper-shade{width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 0; background: #000; opacity: 0; transition: opacity .5s; -moz-transition: opacity .5s; -webkit-transition: opacity .5s; -o-transition: opacity .5s; }
.index-designer-content .swiper-slide .designer-anli{position: absolute; top: 0; left: 0; width: 760px; height: 510px; z-index: 1; background-size: cover; background-position: center center;}
.index-designer-content .swiper-slide .designer-anli img{width: 760px; height: 510px; display: block;}
.index-designer-content .swiper-slide .designer-anli div{position: absolute; bottom: 0; left: 0; width: 100%; height: 90px; background:linear-gradient(transparent,rgba(0,0,0,0.8)); background: -moz-linear-gradient(transparent,rgba(0,0,0,0.8)); background: -o-linear-gradient(transparent,rgba(0,0,0,0.8)); background: -webkit-linear-gradient(transparent,rgba(0,0,0,0.8));}
.index-designer-content .swiper-slide .designer-anli div p{color: #cfcfcf; font-size: 14px; line-height: 25px; width: 520px; height: 100%; padding: 20px;}
.index-designer-content .swiper-slide .designer-info{display: flex; display: -webkit-flex; display: -ms-flex; width: 650px; height: 450px; position: absolute; bottom: 0; right: 0; z-index: 2;}
.index-designer-content .swiper-slide .designer-info .designerImg{width: 280px; height: 450px; background-size: cover; background-position: center center;}
.index-designer-content .swiper-slide .designer-info>div{width: 370px; height: 100%; background: url(../images/designer/stylistbg.jpg); background-size: cover;background-position-x:5px;  padding: 20px 20px 0 30px;}
.index-designer-content .swiper-slide .designer-info>div h2{    font-size: 36px;
    color: #fbfbfb;
    float: left;}
.index-designer-content .swiper-slide .designer-info>div h3{    font-size: 14px;
    color: #fff;
    margin: 7px 12px 10px;
    float: left;
    width: 170px;}
.index-designer-content .swiper-slide .designer-info>div h3 span{display: block;}
.index-designer-content .swiper-slide .designer-info>div h5{color: #fff; line-height: 30px;}
.index-designer-content .swiper-slide .designer-info>div h5:nth-child(1){}
.index-designer-content .swiper-slide .designer-info>div h5:nth-child(2){}
.index-designer-content .swiper-slide .designer-info>div h5:nth-child(3){    width: 60px;
    display: inline-block;
    overflow: hidden;
    height: 2px;
    background: #fff;
    margin-bottom: 20px;
    margin-top: 10px;} 
.index-designer-content .swiper-slide .designer-info>div h5:nth-child(4){font-size: 16px;}
.index-designer-content .swiper-slide .designer-info>div h5:nth-child(5){color: #fff;    font-size: 16px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; margin-bottom: 5px;}
.index-designer-content .swiper-slide .designer-info>div h5 span{color: #f5cb8f;}
.index-designer-content .swiper-slide .designer-info>div ul{    margin-top: 35px;}
.index-designer-content .swiper-slide .designer-info>div ul li{color: #fdae0b;
    font-size: 16px;
    margin-bottom: 10px;}
.index-designer-content .swiper-slide .designer-info>div ul li img{    display: inline-block;
    margin-right: 10px;}

.index-designer-content .swiper-slide .designer-info .designer-btn{width: 200px; height: 40px; border: 1px solid #f9b000; border-radius: 30px; text-align: center; line-height: 40px; font-size: 16px; color: #f9b000; background: transparent;     margin: 35px auto 0; transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s;}
.index-designer-content .swiper-slide .designer-info .designer-btn:hover{background: #f9b000; color: #fff;}
.index-designer-content .swiper-button-prev,.index-designer-content .swiper-button-next{opacity: .9;}
.index-designer-content .swiper-button-prev{left: 0px;width: 145px;height: 340px;top: 21%;background: -webkit-linear-gradient(right, rgba(255,255,255,0), rgba(000,000,000,1)); background: -o-linear-gradient(right, rgba(255,255,255,0), rgba(000,000,000,1));background: -moz-linear-gradient(right, rgba(255,255,255,0), rgba(000,000,000,1));background: linear-gradient(to right, rgba(255,255,255,0), rgba(000,000,000,1));}
.index-designer-content .swiper-button-prev div{width: 55px;height: 88px;position: absolute;top: 40%;right: 10px;background-image: url(../images/designer/pre.png);background-size: 100%;background-position: center;background-repeat: no-repeat;}
.index-designer-content .swiper-button-next{right: 0px;width: 145px;height: 340px;top: 21%;background: -webkit-linear-gradient(right, rgba(255,255,255,0), rgba(000,000,000,1)); background: -o-linear-gradient(right, rgba(255,255,255,0), rgba(000,000,000,1));background: -moz-linear-gradient(right, rgba(255,255,255,0), rgba(000,000,000,1));background: linear-gradient(to right, rgba(000,000,000,1), rgba(255,255,255,0));}
.index-designer-content .swiper-button-next div{width: 55px;height: 88px;position: absolute;top: 40%;left: 10px;background-image: url(../images/designer/next.png);background-size: 100%;background-position: center;background-repeat: no-repeat;}
.index-designer-content .swiper-pagination-bullets{left: 1015px; width: 370px;}
.index-designer-content .swiper-pagination-bullet{width: 30px; height: 4px; background: #fff; border-radius: 0;}
.index-designer-content .designer-more{color: #fff; position: absolute; top: 0; right: 145px; line-height: 24px; z-index: 100; transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s;}
.index-designer-container .swiper-container{width: 100%; height: 100%;}
.index-designer-container .designer-anli a{display: block; width: 100%; height: 100%;}
.index-designer-container .designer-info a{ color: -webkit-link; cursor: pointer;}