.index-banner .img{width:100%;height:800px}
.index-banner .scroll{position:absolute;top:0;left:0;z-index:5;display:block;height:13px;background:rgba(255,255,255,.3)}
.index-banner .ctrlLeft{position:absolute;top:50%;left:50px;z-index:5;width:50px;height:50px;background:url(../images/home/white_left.png) no-repeat center center;background-size:contain;opacity:1;opacity:0;cursor:pointer;transition:.5s;transform:translateY(-50%)}
.index-banner .ctrlRight{position:absolute;top:50%;right:50px;z-index:5;width:50px;height:50px;background:url(../images/home/white_right.png) no-repeat center center;background-size:contain;opacity:1;opacity:0;cursor:pointer;transition:.5s;transform:translateY(-50%)}
.index-banner:hover .ctrlLeft,.index-banner:hover .ctrlRight{opacity:1}
.family{padding-top:50px;padding-bottom:30px;background:#f5f5f5}
.family h2{padding-bottom:20px;border-bottom:1px solid #adadad;color:#adadad;text-align:center;font-weight:700;font-size:48px;font-family:'Times New Roman'}
.family ul{margin-top:30px;text-align:center}
.family ul li{display:inline-block;margin:0 70px}
.family ul li a{position:relative;color:#adadad;font-size:16px;transition:.5s}
.family ul li a:after{position:absolute;right:0;bottom:-12px;left:0;width:100%;height:3px;background:#2b2b2b;content:'';opacity:0;transition:.5s}
.family ul li:hover a{color:#2b2b2b}
.family ul li:hover a:after{opacity:1}
.family ul li .active:after{opacity:1}
.family .images .box div:first-child{margin-left:0}
.family .images .box .long,.family .images .box .short{float:left;overflow:hidden;margin-left:10px;height:285px}
.family .images .box .long img,.family .images .box .short img{display:inline-block;width:100%;height:100%;transition:1s;object-fit:cover}
.family .images .box .long:hover img,.family .images .box .short:hover img{transform:scale(1.05)}
.family .images .box .short{width:320px}
.family .images .box .long{width:540px}
.family .images .box:nth-child(1){margin-top:30px}
.family .images .box:nth-child(2){margin-top:10px}
.fashion{margin-top:50px}
.fashion h2{padding-bottom:20px;border-bottom:1px solid #adadad;color:#adadad;text-align:center;font-weight:700;font-size:48px;font-family:'Times New Roman'}
.fashion .content{margin-top:30px}
.fashion .content .box{position:relative;float:left;margin-left:13px;width:290px;height:420px}
.fashion .content .box:first-child{margin-left:0}
.fashion .content .box a{position:relative;display:block;width:100%;height:100%}
.fashion .content .box a img{display:inline-block;width:100%;height:100%;object-fit:cover}
.fashion .content .box a .more{position:absolute;top:65px;right:30px;display:inline-block;padding-right:20px;height:16px;background:url(../images/home/news-right.png) no-repeat right center;background-size:contain;line-height:16px;opacity:0;transition:.5s}
.fashion .content .box a .cn{position:absolute;top:0;left:0;padding:14px;width:100%;text-align:right;font-size:36px}
.fashion .content .box a .en{position:absolute;bottom:0;left:0;padding:14px;width:100%;text-align:right;font-size:32px;font-family:'Times New Roman'}
.fashion .content .box a:hover .more{opacity:1}
.fashion .content .activity{float:right;width:290px;height:420px;border:1px solid #adaaa4}
.fashion .content .activity .top{height:80px;background:url(../images/home/gray.jpg) no-repeat center center;background-size:cover}
.fashion .content .activity .top h3{float:left;display:inline-block;margin-top:25px;margin-left:20px;color:#2b2b2b}
.fashion .content .activity .top .more{float:right;display:inline-block;margin-top:32px;margin-right:20px;padding-right:20px;height:16px;background:url(../images/home/news-right.png) no-repeat right center;background-size:contain;color:#2b2b2b;line-height:16px}
.fashion .content .list{padding:0 17px}
.fashion .content .list ul li{margin-top:20px;padding-bottom:15px;border-bottom:1px dashed #2b2b2b}
.fashion .content .list ul li a{display:block;overflow:hidden;height:42px;color:#2b2b2b;text-overflow:ellipsis;font-size:14px;line-height:22px}
.fashion .content .list ul li:hover a{color:#000;text-shadow:0 0 1px #ccc}
.middle{margin-top:80px;height:176px}
.middle img{width:100%;height:100%}
.news{margin-bottom:50px}
.news .news-img{margin:50px auto 0;width:500px}
.news .news-img img{width:100%}
.news .news-img h2{position:relative;margin-top:15px;height:20px;color:#adadad;text-align:center;font-size:14px;line-height:20px}
.news .news-img h2:before{position:absolute;top:10px;left:5px;display:block;width:32%;height:1px;background:#adadad;content:''}
.news .news-img h2:after{position:absolute;top:10px;right:5px;display:block;width:32%;height:1px;background:#adadad;content:''}
.news .news-box{margin-top:40px}
.news .news-box .news-list{float:left;margin-left:26.5px;padding:0 15px;width:280px;height:280px;border:1px solid #2b2b2b;color:#2c2d33}
.news .news-box .news-list:hover h3{color:#000;text-shadow:0 0 1px #ccc}
.news .news-box .news-list:first-child{margin-left:0}
.news .news-box .news-list h3{overflow:hidden;margin-top:30px;height:33px;font-size:14px;line-height:16px}
.news .news-box .news-list time{display:block;margin-top:20px;font-size:12px}
.news .news-box .news-list p{overflow:hidden;margin-top:20px;height:97px;font-size:12px;line-height:16px}
.news .news-box .news-list .line{position:relative;display:block;margin-top:20px;width:100%;height:17px;border-bottom:1px solid #2b2b2b;text-align:center}
.news .news-box .news-list .line a{display:inline-block;-webkit-transition:350ms ease-in-out;-moz-transition:350ms ease-in-out;-o-transition:350ms ease-in-out;transition:350ms ease-in-out}
.news .news-box .news-list .line a:hover{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);-ms-transform:rotate(360deg)}
.news .news-box .news-list .line a span{top:50%;display:block;width:34px;height:34px;border-radius:50%;background:#fff url(../images/home/more.png) no-repeat center center;background-size:contain}
.news .news-more{text-align:center}
.news .news-more a{position:relative;display:block;margin:40px auto 0;width:70px;height:40px}
.news .news-more a:after{position:absolute;bottom:0;left:50%;z-index:3;display:block;width:16px;height:16px;background:url(../images/home/news-right.png) no-repeat bottom center;background-size:contain;content:'';transform:translateX(-50%) rotate(90deg)}
.black{color:#000}
.white{color:#fff}