.header{ background: url("../images/brands/head-bg.jpg") no-repeat 0 0; background-size: 100% auto; height: 17.8571rem; position: relative}
.header .fix-nav-bar{ overflow-x: scroll; position: absolute; left: 0; right: 0; bottom:0.8929rem; z-index: 5; }
.header .fix-nav-bar .nav-bar{ padding:0 7px; }
.header .fix-nav-bar .nav-bar li{ float:left; padding:0 0.5rem 0.7142rem 0.5rem;  }
.nav-bar li a{ border-radius:0.5rem; background:#000; border: 1px solid #fff; display: flex; justify-content: space-around; align-items: center; width:6.6785rem; height: 2.5rem }
.nav-bar li .img-logo{ width: 5.3571rem; }
.nav-bar li.current:nth-child(1) a{ background: url("../images/brands/tab-1.jpg") no-repeat 0 0; background-size: 100% 100%; }
.nav-bar li.current:nth-child(2) a{ background: url("../images/brands/tab-2.jpg") no-repeat 0 0; background-size: 100% 100%;}
.nav-bar li.current:nth-child(3) a{ background: url("../images/brands/tab-3.jpg") no-repeat 0 0; background-size: 100% 100%;}
.nav-bar li.current:nth-child(4) a{ background: url("../images/brands/tab-4.jpg") no-repeat 0 0; background-size: 100% 100%;}
.nav-bar li.current:nth-child(5) a{ background: url("../images/brands/tab-5.jpg") no-repeat 0 0; background-size: 100% 100%;}
.nav-bar li.current{ background:url("../images/brands/tab-arrow-down.png") no-repeat center bottom; background-size:0.375rem auto }
.nav-bar li.current a{border: 2px solid #dfab0e }

.content-img{ width: 100%; vertical-align: bottom}

.join{ height: 11.3571rem; background:url("../images/brands/join-bg.jpg") no-repeat 0 0; background-size: 100% 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.join .tel{ width: 14.4285rem;   }
.join .btn-line{ width: 9.5714rem; height:2.1428rem; border: 1px solid #fff; color:#fff; font-size: 1.0714rem; line-height: 2.1428rem; text-align: center; margin-top: 10px}

.end{ background:#000; height: 3.2857rem; display: flex; align-items: center; justify-content: center; }
.end-img{ width: 12.9285rem; }