@charset "utf-8";

.tbr_intro {min-width:1580px;}
.tbr_wrapper {min-width:1580px; overflow:hidden; background:#fff; 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;}

html {font-family:'Noto Sans SC', Noto Sans TC, 'Microsoft Yahei', '微软雅黑', STXihei, "华文细黑", sans-serif;}
.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 .zt {color:#CFD0D0;}
.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-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%); text-shadow: -1px -1px 3px #58595B, 0 0 5px #D1D3D4, 0 0 8px #D1D3D4;}
.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:#036EB8; /*background:-webkit-linear-gradient(top, #036EB8 0, #071219 1000px); background:linear-gradient(to bottom, #036EB8 0, #071219 1000px);*/ 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 - 10px);}
.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%, #D5DDE2 90%); background:linear-gradient(to bottom, #fff 25%, #D5DDE2 90%); color:initial; padding:115px 0;}
.tiremap .tbg {background:url('../images/product/chisel/chiselmap_imgbg_cn.png') no-repeat 0 180px;background-position: center;}
.tiremap .container {padding:50px 0 0; box-sizing:border-box;}
.tiremap h2 {position:absolute; z-index:1; top:10px; left:0; font-size:32px; color:#036EB8;}
.tiremap .imgbox {position:relative;}
.tiremap .imgbox .map_tires {position:relative; width:1580px; height:2596px; margin-left:-70px;}
.tiremap .imgbox .map_tires .tire_img {position:absolute; z-index:0; padding:0 0 0 29px; box-sizing:border-box;}
.tiremap .imgbox .map_tires .tire_img::before {content:''; position:absolute; z-index:0; left:40; bottom:0; width:273px; height:250px; background:url('../images/product/chisel/chiselmap_img_bg.png') no-repeat left bottom;}
.tiremap .imgbox .map_tires .tire_img::after {content:''; position:absolute; z-index:-1; left:-64px; bottom:-20px; width:238px; height:159px; background:url('../images/product/chisel/chiselmap_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; 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 span {position:absolute; z-index:1; bottom:180px; font-family:'Microsoft Yahei', '微软雅黑',  sans-serif; font-size:24px; font-weight: bold; color:#036EB8; font-style:italic; text-transform:uppercase;}
.tiremap .imgbox .map_tires .tire_img.hjc01 {top:280px; left:430px;}
.tiremap .imgbox .map_tires .tire_img.hjc01::before {left:45px;}
.tiremap .imgbox .map_tires .tire_img.hjc01 span {width:80px;}
.tiremap .imgbox .map_tires .tire_img.hjc01::after {left:-55px;}
.tiremap .imgbox .map_tires .tire_img.hjc02 {top:166px; left:600px;}
.tiremap .imgbox .map_tires .tire_img.hjc02 span {width:80px;}
.tiremap .imgbox .map_tires .tire_img.hjc03 {top:480px; left:931px;}
.tiremap .imgbox .map_tires .tire_img.hjc03::before {left:50px;}
.tiremap .imgbox .map_tires .tire_img.hjc03 span {width:80px;}
.tiremap .imgbox .map_tires .tire_img.hjc03::after {left:-48px;}
.tiremap .imgbox .map_tires .tire_img.hjc04 {top:210px; left:1315px;}
.tiremap .imgbox .map_tires .tire_img.hjc04 span {width:80px;}
.tiremap .imgbox .map_tires .tire_img.hjc05 {top:860px; left:154px;}
.tiremap .imgbox .map_tires .tire_img.hjc05 span {width:80px;}
.tiremap .imgbox .map_tires .tire_img.hjc06 {top:166px; left:213px;}
.tiremap .imgbox .map_tires .tire_img.hjc06 span {width:80px;}
.tiremap .imgbox .map_tires .tire_img.hjc07 {top:534px; left:38px;}
.tiremap .imgbox .map_tires .tire_img.hjc07 span {width:80px;}
.tiremap .imgbox .map_tires .tire_img.hjc08 {top:600px; left:275px;}
.tiremap .imgbox .map_tires .tire_img.hjc08 span {width:80px;} 
.tiremap .imgbox .map_tires .tire_img.hjc09 {top:130px; left:816px;}
.tiremap .imgbox .map_tires .tire_img.hjc09 span {width:92px;} 
.tiremap .imgbox .map_tires .tire_img.hjc10 {top:325px; left:1065px;}
.tiremap .imgbox .map_tires .tire_img.hjc10 span {width:80px; }
.tiremap .imgbox .map_tires .tire_img.hjc11 {top:881px; left:1085px;}
.tiremap .imgbox .map_tires .tire_img.hjc11 span {width:80px;}
.tiremap .imgbox .map_tires .tire_img.hjc12 {top:1110px; left:900px;}
.tiremap .imgbox .map_tires .tire_img.hjc12 span {width:80px;}
.tiremap .imgbox .map_tires .tire_img.hjc13 {top:1250px; left:38px;}
.tiremap .imgbox .map_tires .tire_img.hjc13 span {width:80px;}
.tiremap .imgbox .map_tires .tire_img.hjc14 {top:1250px; left:380px;}
.tiremap .imgbox .map_tires .tire_img.hjc14 span {width:80px; bottom:120px;}
.tiremap .imgbox .map_tires .tire_img.hjc14::before{left:-65px; background:url('../images/product/chisel/chiselmap_img_xbg.png') no-repeat left bottom;}
.tiremap .imgbox .map_tires .tire_img.hjc14::after {left:-48px; width:180px; height:120px; background:url('../images/product/chisel/chiselmap_img_xbg_hover.png') no-repeat 0 0;}
.tiremap .imgbox .map_tires .tire_img.hjc15 {top:1150px; left:580px;}
.tiremap .imgbox .map_tires .tire_img.hjc15 span {width:80px; }
.tiremap .imgbox .map_tires .tire_img.hjc16 {top:900px; left:650px;}
.tiremap .imgbox .map_tires .tire_img.hjc16 span {width:80px; }
.tiremap .imgbox .map_tires .tire_img.hjc17 {top:1350px; left:780px;}
.tiremap .imgbox .map_tires .tire_img.hjc17 span {width:80px; }
.tiremap .imgbox .map_tires .tire_img.hjc18 {top:1350px; left:1250px;}
.tiremap .imgbox .map_tires .tire_img.hjc18 span {width:80px; bottom:120px;}
.tiremap .imgbox .map_tires .tire_img.hjc18::before{left:-55px; background:url('../images/product/chisel/chiselmap_img_xbg.png') no-repeat left bottom;}
.tiremap .imgbox .map_tires .tire_img.hjc18::after {left:-38px; width:180px; height:120px; background:url('../images/product/chisel/chiselmap_img_xbg_hover.png') no-repeat 0 0;}
.tiremap .imgbox .map_tires .tire_img.hjc19 {top:1750px; left:650px;}
.tiremap .imgbox .map_tires .tire_img.hjc19 span {width:80px; bottom:100px;}
.tiremap .imgbox .map_tires .tire_img.hjc19::before{left:-70px; background:url('../images/product/chisel/chiselmap_img_xbg.png') no-repeat left bottom;}
.tiremap .imgbox .map_tires .tire_img.hjc19::after {left:-52px; width:180px; height:120px; background:url('../images/product/chisel/chiselmap_img_xbg_hover.png') no-repeat 0 0;}
.tiremap .imgbox .map_tires .tire_img.hjc20 {top:1800px; left:450px;}
.tiremap .imgbox .map_tires .tire_img.hjc20 span {width:80px; bottom:100px;}
.tiremap .imgbox .map_tires .tire_img.hjc20::before{left:-70px; background:url('../images/product/chisel/chiselmap_img_xbg.png') no-repeat left bottom;}
.tiremap .imgbox .map_tires .tire_img.hjc20::after {left:-52px; width:180px; height:120px; background:url('../images/product/chisel/chiselmap_img_xbg_hover.png') no-repeat 0 0;}
.tiremap .imgbox .map_tires .tire_img.hjc21 {top:1900px; left:250px;}
.tiremap .imgbox .map_tires .tire_img.hjc21 span {width:80px; bottom:100px;}
.tiremap .imgbox .map_tires .tire_img.hjc21::before{left:-70px; background:url('../images/product/chisel/chiselmap_img_xbg.png') no-repeat left bottom;}
.tiremap .imgbox .map_tires .tire_img.hjc21::after {left:-52px; width:180px; height:120px; background:url('../images/product/chisel/chiselmap_img_xbg_hover.png') no-repeat 0 0;}
.tiremap .imgbox .map_tires .tire_img.hjc22 {top:1650px; left:150px;}
.tiremap .imgbox .map_tires .tire_img.hjc22 span {width:80px; bottom:100px;}
.tiremap .imgbox .map_tires .tire_img.hjc22::before{left:-70px; background:url('../images/product/chisel/chiselmap_img_xbg.png') no-repeat left bottom;}
.tiremap .imgbox .map_tires .tire_img.hjc22::after {left:-52px; width:180px; height:120px; background:url('../images/product/chisel/chiselmap_img_xbg_hover.png') no-repeat 0 0;}
.tiremap .imgbox .map_tires .tire_img.hjc23 {top:1650px; left:1150px;}
.tiremap .imgbox .map_tires .tire_img.hjc23 span {width:80px; bottom:100px;}
.tiremap .imgbox .map_tires .tire_img.hjc23::before{left:-60px; background:url('../images/product/chisel/chiselmap_img_xbg.png') no-repeat left bottom;}
.tiremap .imgbox .map_tires .tire_img.hjc23::after {left:-52px; width:180px; height:120px; background:url('../images/product/chisel/chiselmap_img_xbg_hover.png') no-repeat 0 0;}
.tiremap .imgbox .map_tires .tire_img.hjc24 {top:1950px; left:850px;}
.tiremap .imgbox .map_tires .tire_img.hjc24 span {width:80px; bottom:100px;}
.tiremap .imgbox .map_tires .tire_img.hjc24::before{left:-72px; background:url('../images/product/chisel/chiselmap_img_xbg.png') no-repeat left bottom;}
.tiremap .imgbox .map_tires .tire_img.hjc24::after {left:-52px; width:180px; height:120px; background:url('../images/product/chisel/chiselmap_img_xbg_hover.png') no-repeat 0 0;}
.tiremap .imgbox .map_tires .tire_img.hjc25 {top:2150px; left:500px;}
.tiremap .imgbox .map_tires .tire_img.hjc25 span {width:80px; bottom:100px; left:80px;}
.tiremap .imgbox .map_tires .tire_img.hjc25::before{left:-40px; background:url('../images/product/chisel/chiselmap_img_xbg.png') no-repeat left bottom;}
.tiremap .imgbox .map_tires .tire_img.hjc25::after {left:-28px; width:180px; height:120px; background:url('../images/product/chisel/chiselmap_img_xbg_hover.png') no-repeat 0 0;}


.tiremap .imgbox .map_tires .tire_img:hover {z-index:1;}
.tiremap .imgbox .map_tires .tire_img.hjc01:hover {z-index:0;}
.tiremap .imgbox .map_tires .tire_img.hjc09:hover {z-index:0;}
.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:#C1CBD1; color:#fff; font-size:24px; line-height:52px; text-align:center; box-sizing:border-box;}
.tiremap .imgbox .nav >a.active {background:#036EB8;}

.tiremap .imgbox .navm {position:absolute; z-index:1; top:24px; left:0;}
.tiremap .imgbox .navm >a {display:inline-block; vertical-align:top; min-width:210px; height:52px; padding:0 26px; margin:0 6px 0 0; background:#C1CBD1; color:#fff; font-size:24px; line-height:52px; text-align:center; box-sizing:border-box;}
.tiremap .imgbox .navm >a.active {background:#036EB8;}

.tireprds {background:#E6E7E8; /*background:-webkit-radial-gradient(#00A0E8 0, #036EB8 45%, #071219 100%); background:radial-gradient(#00A0E8 0, #036EB8 45%, #071219 100%);*/}
.tireprds .container {min-height:820px;}
.tireprds h2 {position:absolute; top:78px; left:0; font-size:32px;}
.tireprds .list_wrap {padding:96px 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-right:61px;}
.tireprds .list_wrap .item:nth-child(4n) {margin-right: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(128,130,132,.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 h3 {font-size:48px; font-weight:900; color:#036EB8; text-transform:uppercase;}
.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{ width:314px; height:auto;}
.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; text-transform:uppercase;}
.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:-100px; 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;}

.cplist .container {padding:125px 0; color:#000;}
.container .title_h02 {font-size:32px; line-height:1.1; color:#000; margin-bottom:18px;}
.cplist .container .title_h01 {margin-bottom:50px; font-size:20px;}
.container .cplist {padding:15px 0; color:#000;}
.container .cplist .title_h01 {margin-bottom:50px; font-size:20px;}


.dealer {background:url('../images/product/chisel/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;}

.qaxc {background:#fff; color:#000;}
.qaxc .container {height:360px;}
.qaxc .conwrap {position:relative; text-align:center; 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%);}
.qaxc .conwrap h2 {margin:0 0 18px; font-size:70px; line-height:1.14; font-weight:500;}

.qa .container {padding:45px 0 45px; color:#000; font-size:20px; line-height:1.5;}
.qa .container .title_h01 {margin-bottom:100px;}
.qa .container .title_h02 {font-size:26px; line-height:1.5; color:#000; margin-bottom:18px;}
.qa .container .title_qa_h01 {font-size:26px; color:#ff0000; margin-top:30px;}