html,body{overflow: hidden;}

.logo a .logo1{display: inline-block;}
.logo a .logo2{display: none;}

/* 轮播图  banner */
.banner{position: relative;width: 100%;height: 100%;display: block;}

.banner .imgList .imgItem{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-position: center;background-repeat: no-repeat;background-size: cover;transform: translateY(-100%);transition: 2s;}
.imgItem:nth-child(1){z-index: 20;}
.imgItem:nth-child(2){z-index: 19;}
.imgItem:nth-child(3){z-index: 18;}
.imgItem:nth-child(4){z-index: 17;}
.imgItem:nth-child(5){z-index: 16;}
.imgItem:nth-child(6){z-index: 15;}
.imgItem:nth-child(7){z-index: 14;}
.imgItem:nth-child(8){z-index: 13;}
.imgItem:nth-child(9){z-index: 12;}
.imgItem:nth-child(10){z-index: 11;}
.imgItem:nth-child(11){z-index: 10;}
.imgItem:nth-child(12){z-index: 9;}
.imgItem img{display: none;}
.banner .imgList .imgActive{transform: translateY(0);}

.banner .pageList{position: absolute;right: 32px;top: 50%;margin-top: -145px;z-index: 35;}
.pageList .pageItem{display: block;width: 10px;height: 10px;background-color: #737271;border-radius: 50%;margin-bottom: 30px;cursor: pointer;}
.pageList .pageItem:hover{background-color: #f2e324;}
.pageList .pageItem:last-child{margin-bottom: 0;}
.pageList .pageActive{background-color: #f2e324;}

/* 发现品牌故事  Discover brand stories */
.case-content{width: 100%;text-align: center;}
.case-content .case-title{height: 235px;overflow: hidden;}
.case-title h2{font-size: 40px;margin-top: 80px;font-family: 'GothamMedium';font-weight: normal;}
.case-title h3{font-size: 18px;margin-top: 6px;font-weight: normal;letter-spacing: 3px;}
.case-content .case-list{min-width: 1180px;overflow: hidden;margin-bottom: 79px;}
.case-list .case-item{position: relative;float: left;width: calc(100% / 3);}
.case-item a{display: inline-block;width: 100%;overflow: hidden;}
.case-item a img{width: 100%;transition: .5s;}
.case-item:hover a img{transform: scale(1.05);}
.case-item .case-bgc{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #000;z-index: 1;visibility: hidden;opacity: 0;}
.case-item .case-tex{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 2;visibility: hidden;opacity: 0;}
.case-tex p{color: #f2e324;font-family: 'SourceHanSansCN-Regular';}
.case-tex p:first-child{font-size: 18px;margin-top: 23.5%;padding-bottom: 4px;}
.case-tex p:last-child{display: inline-block;position: relative;padding: 7px 8px 0;}
.case-tex p:last-child::before{content: '';position: absolute;left: 51%;right: 51%;top: 0;height: 1px;background-color: #888234;transition: .5s;}
.case-tex p:last-child{font-size: 12px;}
.case-item:hover .case-tex p:last-child::before{left: 0;right: 0;}
.case-item:hover .case-bgc{opacity: 0.7;filter: alpha(opacity=70);visibility: visible;}
.case-item:hover .case-tex{opacity: 1;visibility: visible;}
.case-content .case-more{display: inline-block;width: 300px;height: 50px;line-height: 50px;font-size: 18px;text-align: center;background-color: #f2e324;border-radius: 25px;font-family: 'SourceHanSansCN-Light';}

/* 洛比·霍克发生的故事  The story of Robbie Hawke */
.story-content{margin: 88px 100px 70px;}
.story-content h2{font-size: 18px;text-align: center;font-family: 'SourceHanSansCN-Light';font-weight: 400;}
.story-content h2::before,.story-content h2::after{display: inline-block;content: '';width: calc((100% - 247px) / 2);height: 1px;background-color: #424242;vertical-align: middle;}
.story-content h2::before{margin-right: 15px;}
.story-content h2::after{margin-left: 15px;}
.story-content .story-img{display: inline-block;margin-top: 86px;width: 100%;}
.story-content .story-img img{width: 100%;}
.story-content .news-forum-content{margin-top: 69px;font-size: 0;}
.news-forum-content .news-content,.news-forum-content .forum-content{display: inline-block;width: 50%;padding-left: 79px;box-sizing: border-box;vertical-align: top;}
.news-content h3,.forum-content h3{font-size: 24px;margin-bottom: 46px;font-family: 'GothamMedium';font-weight: normal;}
.news-content p,.forum-content p{padding: 3px 0;}
.news-content p a,.forum-content p a{display: inline-block;color: #595757;font-weight: lighter;line-height: 24px;transition: .3s;font-family: 'Adobe 黑体 Std R';}
.news-content p a:hover,.forum-content p a:hover{color: #000;}
.news-content .news-more,.forum-content .forum-more{display: inline-block;width: 60px;height: 28px;line-height: 28px;border: 1px solid #7a7a7a;text-align: center;margin-top: 32px;font-family: 'GothamLight';}