.Design-wrap .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;
		}
		.Design-wrap .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;
		}
		.Design-wrap .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
		    background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%бн19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E);
		    left: 10px;
		    right: auto;
		}
		.Design-wrap .index-designer-content {
		    width: 1530px;
		    margin: 0px auto;
		    position: relative;
		}
		.Design-wrap .swiper-container {
		    margin-left: auto;
		    margin-right: auto;
		    position: relative;
		    overflow: hidden;
		    z-index: 1;
		}
		.Design-wrap .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;
		}
		.Design-wrap .swiper-slide {
		    -webkit-flex-shrink: 0;
		    -ms-flex: 0 0 auto;
		    flex-shrink: 0;
		    width: 100%;
		    height: 100%;
		    position: relative;
		}
		.Design-wrap .index-designer-content .swiper-slide {
		    width: 1240px;
		    background: url(../images/designer/abbgms.png) no-repeat center 22px;
		}
		.Design-wrap .swiper-wrapper .swiper-slide {
		    height: 695px;
		}
		.Design-wrap .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;
		    background: url(../images/designer/abbgms.png) no-repeat center;
		}
		.Design-wrap .showImg {
		    width: 790px;
		    height: 502px;
		    background-image: url(../images/designer/d1.png);
		    background-size: cover;
		    background-repeat: no-repeat;
		    background-position: center;
		    position: absolute;
		    left: 0;
		    top: 11px;
		    overflow: hidden;
		    -moz-box-shadow: 0px 0px 10px #000;
		    -webkit-box-shadow: 0px 0px 10px #000;
		    box-shadow: 0px 0px 10px #000;
		    top: 0px;
		}
		.Design-wrap .index-designer-content .swiper-slide .mySign {
		    display: none;
		}
		.Design-wrap .index-designer-content .swiper-slide.swiper-slide-active .mySign {
		    display: flex;
		}
		.Design-wrap .showP {
		    position: absolute;
		    left: 0;
		    bottom: 0;
		    width: 100%;
		    height: 70px;
		    line-height: 70px;
		    transition: all 0.3s linear;
		    margin-bottom: -70px;
		    background-color: rgba(0, 0, 0, 0.6);
		}
		.Design-wrap .showP p {
		    font-size: 16px;
		    font-weight: normal;
		    font-stretch: normal;
		    letter-spacing: 3.2px;
		    color: #eeeeee;
		    margin-left: 20px;
		}
		.Design-wrap .info {
		    width: 302px;
		    height: 442px;
		    background-color: rgba(49, 49, 49, 0.8);
		    border: solid 4px #f3cb8f;
		    color: #fff;
		    position: absolute;
		    left: 644px;
		    top: 107px;
		}
		.Design-wrap .name {
		    font-size: 30px;
		    font-weight: normal;
		    font-stretch: normal;
		    letter-spacing: 0px;
		    margin-top: 65px;
		}
		.Design-wrap .info p {
		    margin-left: 18px;
		    margin-bottom: 20px;
		}
		.Design-wrap .yellow {
		    color: #f3cb8f;
		}
		.Design-wrap .infoP {
		    width: 192px;
		}
		.Design-wrap .outDiv {
		    text-align: center;
		}
		.Design-wrap a {
		    color: #333333;
		    text-decoration: none;
		}
		.Design-wrap .myOut {
		    text-align: center;
		    margin-top: 33px;
		    width: 136px;
		    height: 41px;
		    background-color: transparent;
		    border-radius: 4px;
		    border: solid 1px #999999;
		    color: #f3cb8f;
		    outline: none;
		    margin-bottom: 25px;
		    transition: all 0.3s linear;
		}
		.Design-wrap .index-designer-content .swiper-slide .dMan {
		    top: 14px;
		    height: 506px;
		    width: 346px;
		    height: 463px;
		    position: absolute;
		    left: 893px;
		    top: 38px;
		    background-size: cover;
		    overflow: hidden;
		    /* box-shadow: 0px 6px 18px 7px rgba(0, 0, 0, 0.8); */
		    -moz-box-shadow: 0px 0px 10px #000;
		    -webkit-box-shadow: 0px 0px 10px #000;
		    box-shadow: 0px 0px 10px #000;
		}
		.Design-wrap .mySign {
		    position: absolute;
		    left: 40px;
		    top: 520px;
		    display: flex;
		    align-items: center;
		}
		.Design-wrap .mySign p {
		    width: 49px;
		    height: 49px;
		    font-size: 18px;
		    font-weight: normal;
		    font-stretch: normal;
		    line-height: 30px;
		    letter-spacing: 3.6px;
		    color: #999999;
		    text-align: center;
		}
		.Design-wrap .outS {
		    width: 459px;
		    height: 125px;
		    overflow: hidden;
		    margin-left: 25px;
		}
		.Design-wrap .imgS {
		    width: 430px;
		    height: 125px;
		    white-space: nowrap;
		    padding-bottom: 30px;
		    transition: all 0.3s linear;
		}
		.Design-wrap .imgS img {
		    display: inline-block;
		    box-sizing: border-box;
		    margin-left: 20px;
		    width: 130px;
		    height: 100px;
		    -moz-box-shadow: 0px 0px 10px #000000;
		    -webkit-box-shadow: 0px 0px 10px #000000;
		    box-shadow: 0px 0px 10px #000000;
		    margin-top: 11px;
		}
		.Design-wrap .imgOn {
		    border: 3px solid #f3cb8f;
		}
		.Design-wrap .index-designer-content .swiper-button-prev {
		    left: 0px;
		    width: 145px;
		    height: 340px;
		    top: 19.5%;
		    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));
		}
		.Design-wrap .index-designer-content .swiper-button-prev, .Design-wrap .index-designer-content .swiper-button-next {
		    opacity: .9;
		}
		.Design-wrap .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));
		}
		.Design-wrap .index-designer-content .swiper-button-prev div {
		    width: 55px;
		    height: 88px;
		    position: absolute;
		    top: 40%;
		    right: 40px;
		    background-image: url(../images/designer/pre.png);
		    background-size: 100%;
		    background-position: center;
		    background-repeat: no-repeat;
		}
		.Design-wrap .index-designer-content .swiper-button-next div {
		    width: 55px;
		    height: 88px;
		    position: absolute;
		    top: 40%;
		    left: 40px;
		    background-image: url(../images/designer/next.png);
		    background-size: 100%;
		    background-position: center;
		    background-repeat: no-repeat;
		}
		.Design-wrap .showImg:hover .showP {
		    margin-bottom: 0;
		}
		.Design-wrap .myOut:hover {
		    background-color: #c79e68;
		    color: #fff;
		    border: 1px solid #fff;
		}
		.Design-wrap  {
		    background-color: #232323;
		    position: relative;
		    background: url(../images/designer/dBack.png) no-repeat center;
		    padding-top:60px;
		}
		.Design-wrap .signMore {
		    text-align: center;
		    padding-bottom: 57px;
		    background-size: cover;
		}
		.Design-wrap .signMore button {
		    width: 160px;
		    height: 51px;
		    background-color: transparent;
		    border: solid 1px #f3cb8f;
		    color: #f3cb8f;
		}