.tab_wrap { width: 1100px; margin:0 auto; overflow: hidden; }

.tab-ul { float:left; position:absolute; margin-top:290px; }
.tab-ul li{ float:left; height:100%; }
.tab-ul li a span{display:block;}

.tab-ul.type2{ display:flex;flex-wrap:wrap; }
.tab-ul.type2 li { width:150px; left:0; display:block;}
.tab-ul.type2 li a { float:left; position:relative; display:block; width:150px;height:43px; line-height:30px;border-bottom:1px solid #666; /*background:#fff;*/  color:#000; font-size:20px; letter-spacing:-0.02em;text-align:left; transition:all .3s;-webkit-transition:all .3s;}
.tab-ul.type2 li a:hover { width:200px; border-bottom:1px solid #f71d00; color:#f71d00; font-size:20px; transition:all .3s;-webkit-transition:all .3s; }
.tab-ul.type2 li.active a { width:200px; border-bottom:1px solid #f71d00; color:#f71d00; font-size:20px; transition:all .3s;-webkit-transition:all .3s; }
.tab-ul.type2 li a:focus,
.tab-ul.type2 li a:hover{ /*background:#fff;*/color:#f71d00; text-decoration:none; }
.tab-ul.type2 li a span{display:table-cell;vertical-align:middle;width:100%;height:100%;;padding:10px 20px 10px 0px; }

.tab-ul.col2 li{width:calc(50% + 1px);}
.tab-ul.col3 li{width:calc(33.33% + 1px);}
.tab-ul.col4 li{width:calc(50% + 1px);}
.tab-ul.col5 li{width:calc(20% + 1px);}
.tab-ul.col6 li{width:calc(16.66% + 1px);}
.tab-ul.col7 li{width:calc(14.28% + 1px);}
.tab-ul.col8 li{width:calc(12.5% + 1px);}

.tab-contents { display:inline-block; float:right; top:170px; right:0; text-align:left; position:relative; z-index:999; width:900px; height:650px; /*background:#fff; */}
.tab-contents .tab-inner { display: none; animation-name: fadeInUp; animation-duration: 0.3s; }
.tab-contents .tab-inner.active {display: block; }
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(0px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/* ######################### */

.tab1_wrap { width:784px; margin:0 auto; }

.tab1-ul { display:inline-block; width:100%; text-align:center; }
.tab1-ul li{ display: inline-block; height:100%; text-align:center; }

.tab1-ul.type2{ width:38%; margin:0 auto; text-align:center; height:65px; border-top:1px solid #666;}
.tab1-ul.type2 li { text-align:center; }
.tab1-ul.type2 li a { position:relative; display:inline-block; text-align:center; margin-top:-30px; margin-left:-30px; width:150px; color:#444; line-height:30px; font-size:17px; font-weight:500; letter-spacing:-0.025em;text-align:center;transition:all .3s;-webkit-transition:all .3s;}
.tab1-ul.type2 li.active a {color:#e55c1e; transition: all .3s ease; }
.tab1-ul.type2 li a:focus,
.tab1-ul.type2 li a:hover{ color:#e55c1e; text-decoration:none; }
.tab1-ul.type2 li a span{ display:inline-block; width:100%;height:100%;;padding:15px 0;}

.tab1-ul.col2 li{width:calc(50% + 1px);}
.tab1-ul.col3 li{width:calc(32%);}
.tab1-ul.col4 li{width:calc(100% + 1px);}
.tab1-ul.col5 li{width:calc(20% + 1px);}
.tab1-ul.col6 li{width:calc(16.66% + 1px);}
.tab1-ul.col7 li{width:calc(14.28% + 1px);}
.tab1-ul.col8 li{width:calc(12.5% + 1px);}

.tab1-contents { text-align:center; position:relative; width:784px; padding:0px; background:#fff; }
.tab1-contents .tab1-inner { display: none; animation-name: fadeInUp; animation-duration: 0.3s; }
.tab1-contents .tab1-inner.active {display: block; }
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(0px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}