/* sub_tab */
.sub_tab{width: 50%;display: table;table-layout: fixed; transition:width 1s}
.sub_tab li{background: #fff; border: 1px solid #D3D3D3; border-left: 0; display: table-cell; vertical-align: middle; position: relative; text-align: center}
.sub_tab li:first-child{border-left: 1px solid #d3d3d3}
.sub_tab li a, .sub_tab li span{padding: 10px 5px; display: block; color: #4c4c4c; font-size: 12px; letter-spacing: -1px}
.sub_tab .on{color:#ffffff; border-color: #4c4c4c; background: #4c4c4c}
.sub_tab .on:after{content: ''; position: absolute; left: 50%; bottom: -10px; border-top: 5px solid #4c4c4c; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid transparent; transform: translate(-50%, 0)}
.sub_tab .on a, .sub_tab .on span{color: #ffffff}
.tab_wrap ul.tab_container{width: 100%; overflow: hidden;}
.tab_wrap ul.tab_container > li{overflow:hidden; display: none;}
.tab_wrap ul.tab_container > li.on{display: block;}

.sub_tab a:hover{
    color:#ee3f3f; 
}
@media screen and (max-width:1200px) {
    .sub_tab{width: 70%;display: table;table-layout: fixed; transition:width 1s}
   
}
@media screen and (max-width:768px) {
    .sub_tab{width: 100%;display: table;table-layout: fixed; transition:width 1s}
   
}