@charset "utf-8";

.tbr_intro {min-width:1580px;}/* 20201210 update font - Max */
.tbr_wrapper {min-width:1580px; overflow:hidden; background:#000; color:#fff;}
.tbr_wrapper h2, .tbr_wrapper h3, .tbr_wrapper h4, .tbr_wrapper a {color:inherit;}
.tbr_wrapper .container {position:relative; width:1440px; margin:0 auto; box-sizing:border-box;}

.icbtn01 {display:inline-block; color:#fff; font-size:20px;}
.icbtn01 .ico {position:relative; display:inline-block; vertical-align:middle; text-align:center; width:55px; height:55px; margin-right:12px;}
.icbtn01 .ico svg {position:absolute; top:0; left:0; width:100%; height:100%; -webkit-transform:rotate(-90deg); -ms-transform:rotate(-90deg); transform:rotate(-90deg);}
.icbtn01 .ico svg .path_bg {stroke:rgba(255,255,255,.5); stroke-width:1px; fill:rgba(0,0,0,.33);}
.icbtn01 .ico svg .path_outline {stroke:#fff; stroke-width:1px; fill:none; stroke-dasharray:170; stroke-dashoffset:170;}
.icbtn01 .ico::before {content:''; position:absolute; z-index:1; top:50%; left:50%; margin:-11px 0 0 -1px; height:22px; border-right:2px solid #fff;}
.icbtn01 .ico::after {content:''; position:absolute; z-index:1; top:50%; left:50%; margin:-1px 0 0 -11px; width:22px; border-bottom:2px solid #fff;}
.icbtn01.small .ico {width:23px; height:23px; overflow:hidden;}
.icbtn01.small .ico svg .path_outline {stroke-dasharray:70; stroke-dashoffset:70;}
.icbtn01.small .ico::before {top:7px; left:11px; margin:0; height:9px; border-right-width:1px;}
.icbtn01.small .ico::after {top:11px; left:7px; margin:0; width:9px; border-bottom-width:1px;}

.topkv .kvcon {position:relative; z-index:1; min-height:800px; height:74vh; background:#000 url('../images/product/truckbus/topkv_bglf25.jpg') no-repeat 50% 50%; background-size:cover;}
.topkv .kvcon .container {height:100%;}
.topkv .kvcon .title {position:absolute; top:50%; left:0; padding:140px 0 0; font-size:34px; line-height:1.3; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
.topkv .kvcon .title .txt_h {margin:28px 0; font-size:74px; line-height:1.125; font-weight:700;}

.topkv .keycopy {position:relative; z-index:0; height:500px; overflow:hidden;}
.topkv .keycopy .container {height:500px;}
.topkv .keycopy .title_wrap {position:absolute; top:50%; left:50%; width:100%; text-align:center; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
.topkv .keycopy .title_wrap >strong {display:block; font-size:70px; line-height:1.37; font-weight:500;}
.topkv .keycopy .title_wrap .animate {-webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0);}
.topkv .keycopy.animate {opacity:0; -webkit-transition:opacity 1s linear; transition:opacity 1s linear;}
.topkv .keycopy.animate .container {-webkit-transform:translateY(100px); -ms-transform:translateY(100px); transform:translateY(100px); -webkit-transition:transform 1s; transition:transform 1s;}
.topkv .keycopy.animate.animate-active {opacity:1;}
.topkv .keycopy.animate.animate-active .container {-webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0);}
.topkv .keycopy.sticky .keycopy_sticky_wrap {position:fixed; z-index:0; top:80px; left:0; width:100%; min-width:1580px; background:#000; opacity:0; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0); -webkit-transition:opacity .12s; transition:opacity .12s;}

.about {background:#201239; background:-webkit-linear-gradient(top, #46267e 0, #201239 600px); background:linear-gradient(to bottom, #46267e 0, #201239 600px); overflow:hidden;}
.about .container {z-index:0;}
.about .container::after {content:''; clear:both; display:block;}
.about .list_wrap {position:relative; float:right; width:679px; overflow:hidden; padding:140px 0 0 140px; /*background:#201239;*/ box-sizing:border-box;}
.about .list_wrap .item {position:relative;}
.about .list_wrap .item::before {content:''; position:absolute; left:-83px; top:55px; bottom:-9px; width:2px; background:rgba(255,255,255,.5);}
.about .list_wrap .item .textcon {position:relative; padding-bottom:210px; font-size:26px; line-height:1.38; color:rgba(255,255,255,.6); opacity:.3; -webkit-transition:opacity .3s ease-out; transition:opacity .3s ease-out;}
.about .list_wrap .item .textcon h2 {margin:0 0 27px; font-size:40px; line-height:1.4; font-weight:700; color:rgba(255,255,255,1);}
.about .list_wrap .item .textcon::before {content:''; position:absolute; z-index:1; top:22px; left:-92px; width:20px; height:20px; background:rgba(255,255,255,1); border-radius:50%;}
.about .list_wrap .item.active .textcon {opacity:1;}
.about .list_wrap .item:first-child::before {top:42px;}
.about .list_wrap .item:last-child .textcon {padding-bottom:calc(100vh / 3);}
.about .image_wrap {position:absolute; z-index:-1; top:0; width:964px; height:calc(100vh - 80px);}
.about .image_wrap .item_imgs {position:absolute; top:0; width:100%; height:100%; overflow:hidden; margin-left:-240px;}
.about .image_wrap .item_imgs img {position:absolute; top:50%; left:50%; min-width:100%; min-height:100%; vertical-align:top; opacity:0; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); -webkit-transition:opacity .15s ease-out; transition:opacity .15s ease-out;}
.about .image_wrap .item_imgs img.active {opacity:1; z-index:1; -webkit-transition-duration:.3s; transition-duration:.3s;}
.about .image_wrap.sticky {position:fixed;}

.tiremap {background:#fff; background:-webkit-linear-gradient(top, #fff 25%, #d9d8dc 90%); background:linear-gradient(to bottom, #fff 25%, #d9d8dc 90%); color:initial;}
.tiremap .container {padding:110px 0 0; box-sizing:border-box;}
.tiremap h2 {position:absolute; z-index:1; top:110px; left:0; font-size:32px; color:#361f60;}
.tiremap .imgbox {position:relative;}
.tiremap .imgbox .map_tires {position:relative; width:1580px; height:1116px; margin-left:-70px; background:url('../images/product/truckbus/TBR_PC_new.png') no-repeat 0 0;}
.tiremap .imgbox .map_tires .tire_img {position:absolute; z-index:1; width:230px; height:166px; padding:0 0 0 29px; box-sizing:border-box;}
/* .tiremap .imgbox .map_tires .tire_img::before {content:'';position:absolute;z-index:0;left:20px;bottom: -10px;width:141px;height: 147px;background:url('../images/product/truckbus/tiremap_img_bg004.png') no-repeat left bottom;} */
.tiremap .imgbox .map_tires .tire_img::before {content:'';position:absolute;z-index:0;left:24px;bottom: 8px;width:116px;height: 147px;background:url('../images/product/truckbus/tiremap_img_bg_new.png') no-repeat left bottom;}
/* .tiremap .imgbox .map_tires .tire_img::before {content:''; position:absolute; z-index:0; left:0; bottom:0; width:230px; height:71px; background:url('../images/product/truckbus/tiremap_img_bg.png') no-repeat left bottom;} */
.tiremap .imgbox .map_tires .tire_img::after {content:''; position:absolute; z-index:-1; left:24px; bottom:-15px; width:149px; height:160px; background:url('../images/product/truckbus/tiremap_img_bg_hover.png') no-repeat 0 0; opacity:0; -webkit-transform:scale(.7); -ms-transform:scale(.7); transform:scale(.7); -webkit-transition:opacity .32s ease-out, transform .16s; transition:opacity .32s ease-out, transform .16s;}
.tiremap .imgbox .map_tires .tire_img img {position:relative; z-index:1; width:100px; height:143px; vertical-align:top; -webkit-transform:scale(.89) translate(0, -3px); -ms-transform:scale(.89) translate(0, -3px); transform:scale(.89) translate(0, -3px); -webkit-transform-origin:bottom; -ms-transform-origin:bottom; transform-origin:bottom; -webkit-transition:transform .16s; transition:transform .16s;}
.tiremap .imgbox .map_tires .tire_img .logo {position:absolute; z-index:1; left:108px; bottom:9px; height:15px; background-repeat:no-repeat; background-position:left top; text-indent:-9999px; color:transparent;}
.tiremap .imgbox .map_tires .tire_img.lf01 {top: 246px;left: 220px;}
.tiremap .imgbox .map_tires .tire_img.lf01 .logo {width:70px; background-image:url('../images/product/truckbus/tiremap_logo_lf01.png');}
.tiremap .imgbox .map_tires .tire_img.lf21 {top: 246px;left: 407px;}
.tiremap .imgbox .map_tires .tire_img.lf21 .logo {width:70px; background-image:url('../images/product/truckbus/tiremap_logo_lf21.png');}
.tiremap .imgbox .map_tires .tire_img.lf22 {top: 246px;left: 562px;}
.tiremap .imgbox .map_tires .tire_img.lf22 .logo {width:70px; background-image:url('../images/product/truckbus/tiremap_logo_lf22.png');}
.tiremap .imgbox .map_tires .tire_img.lf23 {top: 246px;left: 720px;}
.tiremap .imgbox .map_tires .tire_img.lf23 .logo {width:70px; background-image:url('../images/product/truckbus/tiremap_logo_lf23.png');}
.tiremap .imgbox .map_tires .tire_img.lf25 {top: 246px;left: 877px;}
.tiremap .imgbox .map_tires .tire_img.lf25 .logo {width:70px; background-image:url('../images/product/truckbus/tiremap_logo_lf25.png');}
.tiremap .imgbox .map_tires .tire_img.lf60 {top: 246px;left: 1061px;}
.tiremap .imgbox .map_tires .tire_img.lf60 .logo {width:70px; background-image:url('../images/product/truckbus/tiremap_logo_lf60.png');}
.tiremap .imgbox .map_tires .tire_img.lr01 {top: 438px;left: 1002px;}
.tiremap .imgbox .map_tires .tire_img.lr01 .logo {width:70px; background-image:url('../images/product/truckbus/tiremap_logo_lr01.png');}
.tiremap .imgbox .map_tires .tire_img.lr02 {top: 438px;left: 1158px;}
.tiremap .imgbox .map_tires .tire_img.lr02 .logo {width:70px; background-image:url('../images/product/truckbus/tiremap_logo_lr02.png');}
.tiremap .imgbox .map_tires .tire_img.lz01 {top: 394px;left: 174px;}
.tiremap .imgbox .map_tires .tire_img.lz01 .logo {width:70px; background-image:url('../images/product/truckbus/tiremap_logo_lz01.png');}
.tiremap .imgbox .map_tires .tire_img.lz21 {top: 394px;left: 360px;}
.tiremap .imgbox .map_tires .tire_img.lz21 .logo {width:70px; background-image:url('../images/product/truckbus/tiremap_logo_lz21.png');}
.tiremap .imgbox .map_tires .tire_img.lz22 {top: 394px;left: 516px;}
.tiremap .imgbox .map_tires .tire_img.lz22 .logo {width:70px; background-image:url('../images/product/truckbus/tiremap_logo_lz22.png');}
.tiremap .imgbox .map_tires .tire_img.lr53 {top: 588px;left: 1110px;}
.tiremap .imgbox .map_tires .tire_img.lr53 .logo {width:70px; background-image:url('../images/product/truckbus/tiremap_logo_lr53.png');}
.tiremap .imgbox .map_tires .tire_img.lr51 {top: 774px;left: 900px;}
.tiremap .imgbox .map_tires .tire_img.lr51 .logo {width:70px; background-image:url('../images/product/truckbus/tiremap_logo_lr51.png');}
.tiremap .imgbox .map_tires .tire_img.lf92 {top: 542px;left: 128px;}
.tiremap .imgbox .map_tires .tire_img.lf92 .logo {width:70px; background-image:url('../images/product/truckbus/tiremap_logo_lf92.png');}
.tiremap .imgbox .map_tires .tire_img.lf90 {top: 542px;left: 314px;}
.tiremap .imgbox .map_tires .tire_img.lf90 .logo {width:70px; background-image:url('../images/product/truckbus/tiremap_logo_lf90.png');}
.tiremap .imgbox .map_tires .tire_img.lf91 {top: 542px;left: 470px;}
.tiremap .imgbox .map_tires .tire_img.lf91 .logo {width:70px; background-image:url('../images/product/truckbus/tiremap_logo_lf91.png');}
.tiremap .imgbox .map_tires .tire_img:hover {z-index:1;}
.tiremap .imgbox .map_tires .tire_img:hover img {-webkit-transform:scale(1) translate(0, 0); -ms-transform:scale(1) translate(0, 0); transform:scale(1) translate(0, 0);}
.tiremap .imgbox .map_tires .tire_img:hover::after {opacity:0.16; -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1);}
.tiremap .imgbox .map_tires >.active .tire_img:hover::after {opacity:1;}
.tiremap .imgbox .map_tires >.active .tire_img::before {background-position:right bottom;}
.tiremap .imgbox .map_tires >.active .tire_img .logo {background-position:left bottom;}
.tiremap .imgbox .nav {position:absolute; z-index:1; top:84px; left:0;}
.tiremap .imgbox .nav >a {display:inline-block; vertical-align:top; min-width:210px; height:52px; padding:0 26px; margin:0 6px 0 0; background:#c6c7cd; color:#fff; font-size:24px; line-height:52px; text-align:center; box-sizing:border-box;}
.tiremap .imgbox .nav >a.active {background:#422278;}

.tireprds {background:#22113d; background:-webkit-radial-gradient(#43187d 0, #3e1773 45%, #22113d 100%); background:radial-gradient(#43187d 0, #3e1773 45%, #22113d 100%);}
.tireprds .container {min-height:820px;}
.tireprds h2 {position:absolute; top:78px; left:0; font-size:32px;}
.tireprds .list_wrap {padding:202px 0 0;}
.tireprds .list_wrap::after {content:''; display:block; clear:both;}
.tireprds .list_wrap .item {position:relative; z-index:0; float:left; display:block; width:314px; height:618px; margin-left:61px;}
.tireprds .list_wrap .item:first-child {margin-left:0;}
.tireprds .list_wrap .item::before, .tireprds .list_wrap .item::before {content:''; position:absolute; z-index:0; top:0; left:0; right:0; bottom:0; background:rgba(21,2,53,.8); opacity:0;}
.tireprds .list_wrap .item .innrcon {position:relative; padding:40px 35px 0; font-size:20px; line-height:1.4; font-weight:300; color:rgba(255,255,255,.5);}
.tireprds .list_wrap .item .tit_logo {height:90px;}
.tireprds .list_wrap .item .tit_logo .logo {margin:0 -35px 5px; text-align:center;}
.tireprds .list_wrap .item .feature_area {position:relative; height:263px;}
.tireprds .list_wrap .item .feature_area >img {position:absolute; left:-35px; right:-35px; bottom:0;}
.tireprds .list_wrap .item .feature_area ul {position:absolute; z-index:1; top:0; left:0; right:0; font-size:18px; color:rgba(255,255,255,.6); opacity:0;}
.tireprds .list_wrap .item .feature_area ul >li {padding-left:12px; margin-bottom:5px;}
.tireprds .list_wrap .item .feature_area ul >li.bltype {position:relative; font-size:20px; font-weight:400; color:#fff;}
.tireprds .list_wrap .item .feature_area ul >li.bltype::before {content:''; position:absolute; top:13px; left:0; border:2px solid; border-radius:50%;}
.tireprds .list_wrap .item .feature_area ul >li.bltype + li:not(.bltype) {margin-top:16px;}
.tireprds .list_wrap .item .btn_wrap {margin:22px -15px 0;}
.tireprds .list_wrap .item .btn_wrap .icbtn01 {font-size:16px; font-weight:400; color:rgba(255,255,255,.3);}
.tireprds .list_wrap .item .btn_wrap .icbtn01 .ico {opacity:.3; -webkit-transition:opacity .3s; transition:opacity .3s;}
.tireprds .list_wrap .item:hover::before, .tireprds .list_wrap .item:focus::before {top:-202px; opacity:1;}
.tireprds .list_wrap .item:hover .innrcon, .tireprds .list_wrap .item:focus .innrcon {color:rgba(255,255,255,1);}
.tireprds .list_wrap .item:hover .feature_area ul, .tireprds .list_wrap .item:focus .feature_area ul {opacity:1;}
.tireprds .list_wrap .item:hover .feature_area >img, .tireprds .list_wrap .item:focus .feature_area >img {z-index:-1;}
.tireprds .list_wrap .item:hover .btn_wrap .icbtn01, .tireprds .list_wrap .item:focus .btn_wrap .icbtn01 {color:rgba(255,255,255,1);}
.tireprds .list_wrap .item:hover .btn_wrap .icbtn01 .ico, .tireprds .list_wrap .item:focus .btn_wrap .icbtn01 .ico {opacity:1;}

.dealer {background:url('../images/product/truckbus/dealer_bg.jpg') no-repeat 50% 50%; background-size:cover;} 
.dealer .container {height:500px; }
.dealer .conwrap {position:absolute; top:50%; left:50%; font-size:26px; line-height:1.3; text-align:center; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
.dealer .conwrap h2 {margin:0 0 18px; font-size:70px; line-height:1.14; font-weight:500;}
.dealer .conwrap .btn_wrap {margin-top:58px;}
.dealer .conwrap .btn_wrap .icbtn01 {font-size:20px;}


/* 20210309 add new vehicle_show 2021 area - Max */
.vehicle_show_2021 {background:url('../images/product/truckbus/vehicle_show_bg.jpg') no-repeat 50% 50%; background-size:cover;}
.vehicle_show_2021 .container {height:300px; }
.vehicle_show_2021 .conwrap {min-width:1024px;position:absolute; top:50%; left:50%; font-size:26px; line-height:1.3; text-align:center; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
.vehicle_show_2021 .conwrap h2 {margin:0 0 18px; font-size:40px; line-height:1.14; font-weight:500;}
.vehicle_show_2021 .conwrap .btn_wrap {margin-top:25px;}
.vehicle_show_2021 .conwrap .btn_wrap .icbtn01 {font-size:20px;}
/* //20210309  */