.exchangeBanner{height:650px}
.exchangeBanner .swiper-slide{height:650px}
.exchangeBanner .swiper-pagination-bullet{margin:0 8px;width:12px;height:12px;background:#2b2c2b;opacity:1;transition:.5s}
.exchangeBanner .swiper-pagination{bottom:30px}
.exchangeBanner .swiper-pagination-bullet-active{width:30px;border-radius:30px}
.exchange{overflow:hidden;padding-top:50px;padding-bottom:50px;background:#f5f5f5}
.exchange .case .main,.exchange .inspiration .main,.exchange .interview .main,.exchange .story .main{padding:15px;background:#fff}
.exchange .case h2,.exchange .inspiration h2,.exchange .interview h2,.exchange .story h2{padding-bottom:20px;color:#adadad;text-align:center;font-weight:700;font-size:48px;font-family:'Times New Roman'}
.exchange .case .cn,.exchange .inspiration .cn,.exchange .interview .cn,.exchange .story .cn{position:relative;padding-bottom:15px;color:#2b2b2b;text-align:center;font-size:20px}
.exchange .case .cn:after,.exchange .inspiration .cn:after,.exchange .interview .cn:after,.exchange .story .cn:after{position:absolute;bottom:0;left:50%;margin-left:-20px;width:40px;height:2px;background:#2b2b2b;content:''}
.exchange .case .ctrlLeft,.exchange .inspiration .ctrlLeft,.exchange .interview .ctrlLeft,.exchange .story .ctrlLeft{position:absolute;top:50%;left:20px;z-index:5;width:36px;height:36px;background:url(../images/home/white_left.png) no-repeat center center;background-size:contain;opacity:1;cursor:pointer;transition:.5s;transform:translateY(-50%)}
.exchange .case .ctrlRight,.exchange .inspiration .ctrlRight,.exchange .interview .ctrlRight,.exchange .story .ctrlRight{position:absolute;top:50%;right:20px;z-index:5;width:36px;height:36px;background:url(../images/home/white_right.png) no-repeat center center;background-size:contain;opacity:1;cursor:pointer;transition:.5s;transform:translateY(-50%)}
.exchange .inspiration .inspirationSwiper{margin-top:30px}
.exchange .inspiration .inspirationSwiper .swiper-slide{padding:35px 0 0 80px;height:370px;background:#fff;box-shadow:0 8px 30px #ddd}
.exchange .inspiration .inspirationSwiper .swiper-slide p{margin-bottom:8px;color:#2b2b2b;text-align:left;font-size:16px}
.exchange .inspiration .inspirationSwiper .active{padding-left:30px}
.exchange .inspiration .inspirationSwiper .next{padding-left:110px}
.exchange .case{margin-top:50px}
.exchange .case .main{overflow:hidden;margin-top:15px;padding:15px}
.exchange .case .main .caseSwiper{background:#fff}
.exchange .case .main .caseSwiper .swiper-slide{height:338px}
.exchange .case .main .caseSwiper .swiper-slide .image{height:250px}
.exchange .case .main .ctrlLeft,.exchange .case .main .ctrlRight{top:38%}
.exchange .case .main .content{padding:10px;width:100%;height:86px;background:#f5f5f5}
.exchange .case .main .content .name{display:-webkit-box;overflow:hidden;margin-top:5px;padding-left:8px;border-left:9px solid #bdaf81;color:#2b2b2b;white-space:nowrap;font-size:18px;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.exchange .case .main .content .font{display:-webkit-box;overflow:hidden;margin-top:5px;color:#adadad;font-size:14px;line-height:20px;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.exchange .interview{margin-top:50px}
.exchange .interview .main{margin-top:20px;background:#fff}
.exchange .interview .main .box{margin:55px auto 50px 55px;padding:18px;width:1100px;height:510px;border:1px solid #2b2b2b}
.exchange .interview .main .box .left{position:relative;float:left;padding:0 25px 0 50px;width:50%}
.exchange .interview .main .box .left .left-main{position:absolute;width:531px;height:480px;overflow-y:scroll}
.exchange .interview .main .box .left .designer{position:absolute;top:-75px;left:-70px;z-index:3;width:110px;height:260px;background:#fff}
.exchange .interview .main .box .left .designer .headpic{width:110px;height:110px;border-radius:99px}
.exchange .interview .main .box .left .designer .dname,.exchange .interview .main .box .left .designer a{display:block;margin-bottom:10px;width:100%;height:36px;border-radius:30px;color:#fff;text-align:center;line-height:36px}
.exchange .interview .main .box .left .designer .dname{overflow:hidden;margin-top:10px;background:#bdaf81}
.exchange .interview .main .box .left .designer a{background:#282828}
.exchange .interview .main .box .left .bp{display:-webkit-box;overflow:hidden;margin-top:10px;height:16px;color:#282828;font-size:16px;line-height:16px;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.exchange .interview .main .box .left .bp:first-child{margin-top:0}
.exchange .interview .main .box .left .bp em{font-weight:700}
.exchange .interview .main .box .left .shuoming{display:block;overflow-y:scroll;margin-top:12px;height:362px;color:#adadad;font-size:14px;line-height:24px;-webkit-box-orient:vertical;-webkit-line-clamp:12;padding-right:10px;
text-align:justify;}
.exchange .interview .main .box .left .shuoming::-webkit-scrollbar-track-piece{width:10px;background-color:#f2f2f2}
.exchange .interview .main .box .left .shuoming::-webkit-scrollbar{width:10px;height:100%}
.exchange .interview .main .box .left .shuoming::-webkit-scrollbar-thumb{border-radius:8px;background:#282828;cursor:pointer}
.exchange .interview .main .box .left .shuoming::-webkit-scrollbar-thumb:hover{background:#282828;cursor:pointer}
.exchange .interview .main .box .right{float:right;width:50%}
.exchange .interview .main .box .right .interviewSwiper{width:100%;height:475px}
.exchange .interview .main .box .right .swiper-pagination-bullet{margin:0 8px;width:12px;height:12px;background:#2b2c2b;transition:.5s}
.exchange .interview .main .box .right .swiper-pagination{bottom:10px}
.exchange .interview .main .box .right .swiper-pagination-bullet-active{width:30px;border-radius:30px}
.exchange .story{margin-top:50px}
.exchange .story .main{margin-top:20px;padding:25px}
.exchange .story .main .left{float:left;width:465px;height:580px}
.exchange .story .main .left .video{width:100%;height:280px}
.exchange .story .main .left .list{overflow-y:scroll;margin-top:15px;height:284px}
.exchange .story .main .left .list div{display:block;margin-bottom:15px;width:95%;height:35px;background:#f2f2f2;color:#2b2b2b;text-align:center;line-height:35px;cursor:pointer}
.exchange .story .main .left .list .active{background:#bdaf81;color:#fff}
.exchange .story .main .left .list::-webkit-scrollbar-track-piece{width:28px;background-color:#f2f2f2}
.exchange .story .main .left .list::-webkit-scrollbar{width:28px;height:100%}
.exchange .story .main .left .list::-webkit-scrollbar-thumb{border-radius:8px;background:#bdaf81;cursor:pointer}
.exchange .story .main .left .list::-webkit-scrollbar-thumb:hover{background:#bdaf81;cursor:pointer}
.exchange .story .main .right{position:relative;float:right;overflow:hidden;padding:20px;width:665px;height:580px;border:1px dashed #2b2b2b}
.exchange .story .main .more{height:inherit}
.exchange .story .main .right .more{position:absolute;right:1px;bottom:1px;left:1px;z-index:4;display:block;padding-right:20px;height:32px;background:#fff;text-align:right;line-height:32px}
.exchange .story .main .right .more a{color:#666;font-size:13px}
.exchange .story .main .right .designer{float:right;padding:0 0 0 10px;width:178px;height:225px}
.exchange .story .main .right .designer .headpic{width:168px;height:168px;border-radius:99px;object-fit:cover}
.exchange .story .main .right .designer .dname{margin-top:20px;height:37px;background:#282828;color:#fff;text-align:center;line-height:37px}
.exchange .story .main .right .title{margin-top:15px;width:424px;height:58px;border-bottom:1px solid #adadad;color:#adadad}
.exchange .story .main .right .title h3{text-align:center;font-size:20px}
.exchange .story .main .right .title p{margin-top:20px;text-align:right;font-size:12px}
.exchange .story .main .right .title p .name{margin-right:10px}
.exchange .story .main .right .content{position:relative;margin-top:10px;padding-bottom:10px;width:625px;min-height:445px;color:#adadad;text-align:justify;text-indent:2em;font-size:14px;line-height:20px}
.exchange_more{overflow:hidden;padding-bottom:50px;background:#f5f5f5}
.exchange_more .main{margin-top:40px;padding:25px;background:#fff}
.exchange_more .main .left{float:left;width:280px}
.exchange_more .main .left .headpic{width:275px;height:400px}
.exchange_more .main .right{float:right;width:830px}
.exchange_more .main .right .design_name{margin-top:20px;margin-bottom:30px;color:#2b2b2b;font-weight:700;font-size:20px}
.exchange_more .main .right .bp{display:-webkit-box;overflow:hidden;margin-top:10px;height:16px;color:#2b2b2b;font-size:16px;line-height:16px;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.exchange_more .main .right .bp em{font-weight:700}
.exchange_more .main .right .article{margin-top:30px;padding-right:25px;width:100%;color:#adadad;line-height:30px}
.exchange_case{overflow:hidden;padding-bottom:50px;background:#f5f5f5}
.exchange_case .main{margin-top:40px}
.exchange_case .main .left{float:left;padding:50px 30px;width:240px;height:570px;background:#fff}
.exchange_case .main .left h3{color:#2b2b2b;font-size:18px}
.exchange_case .main .left .list{overflow-y:scroll;margin-top:40px;padding-right:15px;height:450px}
.exchange_case .main .left .list a{display:-webkit-box;overflow:hidden;margin-bottom:25px;color:#adadad;font-size:12px;line-height:20px;transition:.5s;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.exchange_case .main .left .list a .image{width:175px;height:110px}
.exchange_case .main .left .list a p{margin-top:10px;color:#adadad}
.exchange_case .main .left .list a p span{color:#2b2b2b;font-weight:700}
.exchange_case .main .left .list a:last-child{margin-bottom:0}
.exchange_case .main .left .list .active{color:#2b2b2b}
.exchange_case .main .left .list::-webkit-scrollbar-track-piece{width:10px;background-color:#f2f2f2}
.exchange_case .main .left .list::-webkit-scrollbar{width:10px;height:100%}
.exchange_case .main .left .list::-webkit-scrollbar-thumb{border-radius:8px;background:#282828;cursor:pointer}
.exchange_case .main .left .list::-webkit-scrollbar-thumb:hover{background:#282828;cursor:pointer}
.exchange_case .main .right{float:right;padding:50px 30px;width:950px;background:#fff}
.exchange_case .main .right h1{color:#2b2b2b;text-align:center;font-size:24px}
.exchange_case .main .right .info{margin-top:30px;padding-top:20px;border-top:1px dashed #adadad;color:#2c2d33;text-align:right;font-size:12px}
.exchange_case .main .right .info span{display:inline-block;margin-left:20px}
.exchange_case .main .right .info .share{display:inline-block;margin-left:20px;padding-left:22px;background:url(../images/home/share.jpg) no-repeat left center;cursor:pointer}
.exchange_case .main .right .info .share:after{display:none!important}
.exchange_case .main .right .info .eye{padding-left:22px;background:url(../images/home/eye.jpg) no-repeat left center}
.exchange_case .main .right .article{margin-top:30px}
.exchange_case .main .right .article img{max-width:100%}
.exchange_case .main .right .article p{line-height:34px}
.exchange_speak{overflow:hidden;padding-bottom:50px;background:#f5f5f5}
.exchange_speak .more,.exchange_speak .talk{margin-top:30px;padding:35px 20px 40px;background:#fff}
.exchange_speak .more .title,.exchange_speak .talk .title{padding-bottom:10px;border-bottom:1px solid #2b2b2b}
.exchange_speak .more .title h3,.exchange_speak .talk .title h3{float:left;color:#2b2b2b;font-size:16px}
.exchange_speak .more .ctrlLeft,.exchange_speak .talk .ctrlLeft{position:absolute;top:50%;left:10px;z-index:5;width:36px;height:36px;background:url(../images/home/white_left.png) no-repeat center center;background-size:contain;opacity:1;cursor:pointer;transition:.5s;transform:translateY(-50%)}
.exchange_speak .more .ctrlRight,.exchange_speak .talk .ctrlRight{position:absolute;top:50%;right:10px;z-index:5;width:36px;height:36px;background:url(../images/home/white_right.png) no-repeat center center;background-size:contain;opacity:1;cursor:pointer;transition:.5s;transform:translateY(-50%)}
.exchange_speak .more .scroll{margin-top:15px}
.exchange_speak .more .scroll .swiper-slide{position:relative;overflow:hidden;height:400px}
.exchange_speak .more .scroll .swiper-slide .content{margin-top:280px;margin-left:30px;color:#fff}
.exchange_speak .more .scroll .swiper-slide .content .name{font-size:30px}
.exchange_speak .more .scroll .swiper-slide .content .job{margin-top:10px;font-size:14px}
.exchange_speak .talk .main{overflow-y:scroll;height:1000px}
.exchange_speak .talk .main::-webkit-scrollbar-track-piece{width:10px;background-color:#f2f2f2}
.exchange_speak .talk .main::-webkit-scrollbar{width:10px;height:100%}
.exchange_speak .talk .main::-webkit-scrollbar-thumb{border-radius:8px;background:#282828;cursor:pointer}
.exchange_speak .talk .main::-webkit-scrollbar-thumb:hover{background:#282828;cursor:pointer}
.exchange_speak .talk .main .section{float:left;margin-top:40px;padding-bottom:40px;width:525px;border-bottom:1px solid #bfbfbf}
.exchange_speak .talk .main .section:nth-child(even){margin-left:40px}
.exchange_speak .talk .main .section a{float:left;display:block;overflow:hidden;width:235px;height:342px;transition:.5s}
.exchange_speak .talk .main .section a div{height:100%;transition:.7s}
.exchange_speak .talk .main .section a:hover div{transform:scale(1.1)}
.exchange_speak .talk .main .section .info{overflow:hidden;float:right;width:260px;height:100%}
.exchange_speak .talk .main .section .info .design_name{height:40px;line-height:20px;color:#2b2b2b;font-weight:700;font-size:18px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.exchange_speak .talk .main .section .info .bp{display:-webkit-box;overflow:hidden;margin-top:10px;height:16px;color:#2b2b2b;font-size:16px;line-height:16px;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.exchange_speak .talk .main .section .info .bp em{font-weight:700}
.exchange_speak .talk .main .section .info .description{overflow:hidden;margin-top:10px;height:191px;line-height:22px}