body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td { margin: 0; padding: 0; } fieldset, img { border: 0; } ul, ol { list-style: none; } table { border-collapse: collapse; border-spacing: 0; } a { text-decoration: none; color: #474747; } a:hover { text-decoration: underline; color: #474747; } small { font-size: 12px; } h1, h2, h3, h4, h5, h6, button, input, select, textarea { font-size: 100%; font-weight: normal; } label, input, select, form img, button, textarea { vertical-align: middle; outline: none; } address, caption, cite, code, dfn, em, strong, th, optgroup { font-style: normal; font-weight: normal; } .clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clear { display: inline-block; clear: both; width: 100%; } /*@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@100..900&display=swap')*/ html, body { position: relative; color: #474747; background: #222;} body {font-family:'Noto Sans SC',Arial, Verdana, sans-serif; font-size: 14px; min-width: 1200px; max-width: 1920px; background: #FFF; margin: 0 auto; box-shadow: 0 0px 10px rgba(0,0,0,0.65) } input { font-family: 'Noto Sans SC', Arial, Verdana, sans-serif; } /* Defaults */ a:link,a:visited{ -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; -ms-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out; } ::-webkit-input-placeholder { color: #898989; } :-moz-placeholder { color: #898989; } ::-moz-placeholder { color: #898989; } :-ms-input-placeholder { color: #898989; } .header { height: 74px; background: black; border-bottom: 2px solid #000; position: relative; z-index: 10; box-shadow:0 0 5px rgba(0,0,0,0.4) } .header .logo { position: absolute; left: 0; top: 0; cursor: pointer; z-index: 10 } .header .nav { float: right; position: relative; margin-right: 15px;} .header .nav li { position: relative; z-index: 3; cursor: pointer; height: 74px; line-height: 74px; float: left; padding: 0 20px; text-align: center; color: #DDD; font-size: 14px; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; } .header .nav li em { color: #9c9c9a; margin: 0 10px; } .header .nav li.active { color: #FEE100; text-decoration: none } .header .nav li a { color: inherit; display: block; width: 100%; height: 100%; } .header .nav li a:hover { text-decoration: none; color: #FEE100 } .header .sns { float: right; margin-right: 34px; padding-top: 28px; position: relative; } .header .sns .icon { float: right; cursor: pointer; margin-left: 9px;transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; opacity:0.85;} .header .sns .icon:hover { opacity:1;} .header .sns .menu_shopping{width: 500px; height: 314px; position: absolute; top: 62px; left: -408px; background: url(../img/online-shopping-bg.png); display: none; } .header .sns .menu_shopping .box{width: 233px; height: 270px; padding-top: 44px; } .header .sns .menu_shopping .left{float: left;} .header .sns .menu_shopping .right{float: right;} .header .sns .menu_shopping span{font-size: 24px; line-height: 30px; height: 40px; color: #FFF; display: block; text-align: left; margin-left:35px; } .header .sns .menu_shopping strong{font-size: 46px; line-height: 50px; height: 60px; color: #FFF; display: block; text-align: left; margin-left:35px;} .header .sns .menu_shopping a{font-size: 26px; line-height: 50px; width: 200px; height: 50px; display: block; background: #FFE100;margin-top: 20px; color: #000; text-align: center; margin-left:35px;} .header .sns .menu_shopping a:hover{background: #D80817; text-decoration: none; color: #FFF;} .header .search_box { float: right; padding-top: 28px; } .header .search_box .search_icon { float: left; cursor: pointer; -webkit-filter: grayscale(100%);filter: grayscale(100%); } .header .search_box em { float: left; margin-left: 10px; color: #9c9c9a; font-size: 14px; } .header .search_box .search { width: 138px; height: 24px; background: url(../img/search-bg.png); display: none; float: left; z-index: 4 } .header .search_box .search input { width: 100px; margin-left: 24px; border: none; outline: none; height: 21px; line-height: 21px; font-size: 12px; margin-top: 1px; color: #a4a4a4; } .header .search_box.active .search_icon { display: none } .header .search_box.active em { display: none } .header .search_box.active .search { display: block; } #nav_bg { display: none; width: 148px; height: 76px; background: url(../img/nav-hover-bg.png); position: absolute; left: -39px; top: 0; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; } .wechat_qr_code { position: absolute; left: 0px; top: 65px; z-index: 4; display: none } .sub_nav { height: 46px; line-height: 46px;/**background:#0d0d0d; */ background: url(../img/black-px.png); overflow: hidden; display: none; position: absolute; width: 100%; left: 0; top: 76px; z-index: 4 } .sub_nav p { float: right; } .sub_nav p a { color: #9c9c9a; padding: 0 10px; } .sub_nav p a:hover { color: #FEE100; text-decoration: none } .sub_1 p { padding-right: 210px; } .sub_2 p { padding-right: 500px; } .sub_3 p { padding-right: 365px; padding-right: 455px; width: 180px;} .sub_4 p { padding-right: 373px; } .sub_5 p { padding-right: 147px; } .sub_6 p { padding-right: 188px; } .kv { position: relative; overflow: hidden; padding-bottom: 37.55%; } .kv .swiper-wrapper { position: absolute; left: 0; top: 0; } .kv .swiper-wrapper .swiper-slide { position: relative; } .kv .swiper-pagination { position: absolute; z-index: 20; bottom: 40px; width: 100%; text-align: center; } @media screen and (max-width: 1680px) { .kv .swiper-pagination { position: absolute; z-index: 20; bottom: 30px; width: 100%; text-align: center; } } @media screen and (max-width: 1440px) { .kv .swiper-pagination { position: absolute; z-index: 20; bottom: 20px; width: 100%; text-align: center; } } .kv .bg { width: 100%; } .kv .kv_prev_arrow { position: absolute; left: 30px; top: 50%; margin-top: -20px; cursor: pointer; z-index: 9 } .kv .kv_next_arrow { position: absolute; right: 30px; top: 50%; margin-top: -20px; cursor: pointer; z-index: 9 } .kv .know_more1 { position: absolute; width: 7.4%; right: 16.8%; top: 44.8% } /*.kv .swiper-pagination-bullet{width:50px;height:4px;border-radius:0;background:#706b6a;opacity:.5} .kv .swiper-pagination-bullet-active{background:#ffc600;opacity:1}*/ .shop_container { height: 188px; background: url(../img/shop-bg.jpg) repeat-x; } .shop_container .left { float: left; width: 46%; height: 188px; margin: 0 2%;/*background:url(../img/shop-bg1.jpg) center no-repeat;background-size:cover;-ms-behavior: url(backgroundsize.min.htc);behavior:url(backgroundsize.min.htc);*/ } .shop_container .left h2 { text-align: center; padding-top: 200px; font-size: 35px; padding-bottom: 20px; } .shop_container .left h2 em { font-family: "Arial" } .dunlop_search_form { float: right; } .dunlop_search_form > h3 { float: left; height: 68px; line-height: 60px; padding-right: 20px; font-size: 15px; color:#333 } .dunlop_search_form .search_filter { text-align: center; height: 68px; margin-bottom: 29px; float: left; } .dunlop_search_form .search_filter span { font-size: 14px; color:#817103; cursor: pointer; padding: 0 20px; height: 68px; line-height: 60px; display: block; float: left; } .dunlop_search_form .search_filter span.active { color: #111; font-weight: 600; font-size: 15px; background: url(../img/shop-filter-on.jpg); box-shadow: 0 -1px 18px 2px rgba(0,0,0,0.3); } .dunlop_search_form .search_filter span.first { border-left: none } .dunlop_search_form .form { clear: both; height: 46px; width: 592px; padding: 0 150px 0 14px; background: white; margin: 0 auto; position: relative; display: none; border: 2px solid #dddddd; } .dunlop_search_form .form input { width: 100%; height: 46px; line-height: 46px; font-size: 15px; color: #3f3f3f; border: none; outline: none; } .dunlop_search_form .form .search_btn { position: absolute; right: -2px; top: -2px; height: 50px; width: 140px; background: #3f3f3f; color: white; line-height: 50px; font-size: 15px; text-align: center; cursor: pointer; } .dunlop_search_form .form .dropdown_long { border: 2px solid #dddddd; position: absolute; width: 616px; max-height: 240px; background: white; left: -2px; top: 46px; z-index: 5 } .dunlop_search_form .form .dropdown_short { border: 2px solid #dddddd; position: absolute; width: 127px; max-height: 240px; background: white; left: -2px; top: 46px; border-top: 1px solid #fbd243; } .dunlop_search_form .form p.drop { width: 100%; height: 63px; line-height: 63px; font-size: 15px; color: #3f3f3f; cursor: pointer; } .kv_search_form { } .kv_search_form > h3 { float: left; height: 68px; line-height: 60px; padding-right: 20px; font-size: 15px; } .kv_search_form .kv_search_filter { text-align: center; margin-bottom:-1px; width: 100%; text-align: center; } .kv_search_form .kv_search_filter span { font-size: 16px; color: #DDD; cursor: pointer; width: 270px; height: 40px; line-height: 40px; display: inline-block; margin: 0; background: url(../images/kv-active-bg-off.png) center no-repeat; } .kv_search_form .kv_search_filter span.active { color: #000; font-weight: 600; font-size: 18px; background: url(../images/kv-active-bg.png) center no-repeat; } .kv_search_form .kv_search_filter span.first { border-left: none } .kv_search_form .form { clear: both; height: 80px; width: 1160px; padding-left: 40px; background: white; position: relative; display: none;box-shadow:2px 2px 10px rgba(0,0,0,0.15) } .kv_search_form .form input { width: 100%; height: 80px; line-height: 80px; font-size: 16px; color: #3f3f3f; border: none; outline: none; } .kv_search_form .form .search_btn { position: absolute; right: 0px; top: 0px; height: 80px; width: 200px; background: #fee100; color: black; line-height: 80px; font-size: 18px; text-align: center; cursor: pointer; font-weight:800; } .kv_search_form .form .dropdown_long { border: 2px solid #dddddd; position: absolute; width: 996px; max-height: 240px; background: white; left: 0px; top: 80px; z-index: 5 } .kv_search_form .form .dropdown_short { border: 2px solid #dddddd; position: absolute; width: 127px;/*max-height:240px;*/ background: white; left: -2px; top: 80px; border-top: 1px solid #fbd243; } .kv_search_form .form p.drop { width: 100%; height: 63px; line-height: 63px; font-size: 15px; color: #3f3f3f; cursor: pointer; } .kv_search_form .switch { clear: both; height: 40px; width: 1160px; padding-left: 40px; position: relative; display: none; } .kv_search_form .switch .search_btn { position: absolute; left: 0px; top: 0px; height: 20px; width: 120px; background: #F6E500; color: #333; line-height: 20px; font-size: 12px; text-align: center; cursor: pointer; } .dropdown { display: none } .dropdown_option { padding-left: 12px; padding-right: 12px; } .dropdown_option li { font-size: 14px; padding: 8px 8px; line-height: 24px; cursor: pointer; color: #777777 } .dropdown_option li:hover { background: #373737; color: #ffe400; } .not_found { font-size: 15px; padding: 10px 25px; line-height: 24px; color: #3f3f3f } .dunlop_search_form .form .panel { float: left; width: 151px; height: 46px; line-height: 46px; background: url(../img/line2.jpg) left center no-repeat; } .dunlop_search_form .form .panel p { text-align: center; cursor: pointer; } .dunlop_search_form .form .panel.first { background: none; margin-left: -14px; } .dunlop_search_form .form .panel .arrow { margin-left: 5px; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; } .dunlop_search_form .form .panel.active { } .dunlop_search_form .form .panel.active .arrow { transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); } .dunlop_search_form .form .panel.active .dropdown { display: block !important; } .dunlop_search_form .drop_form .panel{ float: none; width: auto; height: 46px; line-height: 46px; background: none; } .dunlop_search_form .drop_form .panel p{ cursor: pointer; font-size: 15px; line-height: 46px; text-align: left } .dunlop_search_form .drop_form .panel .arrow { margin-top: 21px; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; float: right; } .dunlop_search_form .drop_form .panel.active .arrow { transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); } .dunlop_search_form .drop_form .panel.active .dropdown { display: block !important; } .kv_search_form .form .panel { float: left; width: 20%; height: 80px; line-height: 80px; font-size: 16px;/*background:url(../img/line2.jpg) left center no-repeat;*/ } .kv_search_form .form .panel p { text-align: center; cursor: pointer; overflow:hidden;white-space: nowrap;text-overflow: ellipsis; } .kv_search_form .form .panel .first { background: none; margin-left: -14px; } .kv_search_form .form .panel .arrow { margin-left: 5px; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; } .kv_search_form .form .panel.active { } .kv_search_form .form .panel.active .arrow { transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); } .kv_search_form .form .panel.active .dropdown { display: block !important; overflow:hidden;} .kv_search_form .drop_form .panel{ width: 200px; position: relative; } .kv_search_form .drop_form form { margin-left: -40px; } .kv_search_form .drop_form .panel .arrow {/*transition:none;-webkit-transition:none;-moz-transition:none;*/ } .kv_search_form .drop_form .panel .dropdown_short { left: 0; border: none; width: 200px; border-top: 4px solid #ffc700; top: 76px; } .kv_search_form .drop_form .panel p { height: 76px; border-bottom: 4px solid white; } .kv_search_form .drop_form .panel p.active { border-bottom: 4px solid #ffc700 } .kv_search_form .drop_form .panel p:hover, .kv_search_form .drop_form .panel p.current { border-bottom: 4px solid #ffc700 } .kv_search_form .drop_form .panel p:hover, .kv_search_form .drop_form .panel p.current span { text-decoration: none; color:#F90; } .kv_search_form .drop_form .panel a:hover { text-decoration: none; color:#F90} .kv_search_form .drop_form .dropdown_option { padding: 0; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.19); } .kv_search_form .drop_form .dropdown_option li { padding: 0; width: 100%; text-align: center; height: 50px; line-height: 50px;;} .kv_search_form .drop_form .dropdown_option li:hover { background-color: #fee100; color: black } .kv_search_form .oe_drop_form{padding-left:0; width:1200px;} .kv_search_form .oe_drop_form .panel{ width: 600px; position: relative; } .kv_search_form .oe_drop_form .panel p { height: 76px; border-bottom: 4px solid white; } .kv_search_form .oe_drop_form .panel p.active { border-bottom: 4px solid #ffc700 } .kv_search_form .oe_drop_form .panel p:hover, .kv_search_form .oe_drop_form .panel p.current { border-bottom: 4px solid #ffc700 } .kv_search_form .oe_drop_form .panel p:hover, .kv_search_form .oe_drop_form .panel p.current span { text-decoration: none; color:#F90; } .kv_search_form .oe_drop_form .panel a:hover { text-decoration: none; color:#F90} /*.kv_search_form .drop_form .panel{float:none;width:auto;height:46px;line-height:46px;background:none;} .kv_search_form .drop_form .panel p{cursor:pointer;font-size:15px;line-height:46px;text-align:left} .kv_search_form .drop_form .panel .arrow{margin-top:21px;transition:all 0.3s linear;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;float:right;} .kv_search_form .drop_form .panel.active .arrow{transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);} .kv_search_form .drop_form .panel.active .dropdown{display:block !important;}*/ .shop_container .right { float: left; width: 46%; margin: 0 1%;/*height:668px;background:url(../img/shop-bg2.jpg) center no-repeat;background-size:cover;-ms-behavior: url(backgroundsize.min.htc);behavior:url(backgroundsize.min.htc);*/ } .shop_container .right h2 { padding-top: 200px; font-size: 35px; padding-bottom: 20px; color: #3f3f3f; width: 425px; margin: 0 auto; } .shop_container .right h2 em { font-family: "Arial" } .shop_container .right h3 { color: #333; font-size: 15px; float: left; line-height: 60px; padding-right: 20px; box-shadow: inset 57px 0px 27px rgba(0,0,0,0.1); padding-left: 40px; } .shop_container .right .title { cursor: pointer; padding: 0 20px; height: 68px; line-height: 60px; color: #111; font-weight: 600; font-size: 15px; background: url(../img/shop-filter-on.jpg); box-shadow: 0 -1px 18px 2px rgba(0,0,0,0.3); display: block; float: left; margin-bottom: 29px; } .shop_container .right .current_address { padding: 0 20px; height: 68px; line-height: 60px; color: #817103; float: left; font-size: 14px; } .dunlop_address_form .form { height: 46px; width: 592px; padding: 0 150px 0 14px; background: white; position: relative; clear: both; border: 2px solid #dddddd; margin-left: 40px; } .dunlop_address_form .form input { width: 100%; height: 50px; line-height: 50px; font-size: 15px; color: #3f3f3f; border: none; outline: none; background: none; margin-left: -1px; } .dunlop_address_form .form .search_btn { position: absolute; right: -2px; top: -2px; height: 50px; width: 140px; background: #3f3f3f; color: white; line-height: 50px; font-size: 15px; text-align: center; cursor: pointer; } .dunlop_address_form .form .dropdown_long { position: absolute; width: 296px; max-height: 240px; background: white; left: 0; top: 63px; border-top: 1px solid #fbd243; } .news_container { height: 737px; } /** 首页第二屏无市场活动**/ .news_container .left { width: 40%; float: left; padding-top: 88px; } .news_list {margin:0 5% 0 15%; } .news_list h2 { color: #3f3f3f; font-size: 36px; line-height:36px;} .news_list h2 span { padding-bottom: 10px; border-bottom: 2px solid #ffc600; font-family: "Arial"; } .news_list ul { padding-top: 20px; padding-bottom: 20px; } .news_list li {padding-bottom: 15px; padding-top: 20px; border-top: 1px solid #e9e9e9 } .news_list li.first { border-top: none } .news_list li h3 { font-size: 12px; color: #898989; padding-bottom: 7px; font-family:Verdana, Geneva, sans-serif; } .news_list li p { font-size: 14px; color: #3f3f3f; line-height: 20px; } .news_list .more_news { font-size: 18px; color: #3f3f3f; } .news_container .news_slider { width: 60%; float: left; overflow: hidden; position: relative; } .news_container .news_slider .swiper-slide { height: 737px; position: relative; -ms-behavior: url(backgroundsize.min.htc); behavior: url(backgroundsize.min.htc); } .news_container .news_slider .swiper-slide .know_more1 { position: absolute; width: 12.6%; left: 43.4%; top: 50%; margin-top: 15%; } .news_container .swiper-pagination-bullet { width: 50px; height: 4px; border-radius: 0; background: #706b6a; opacity: .5 } .news_container .swiper-pagination-bullet-active { background: #ffc600; opacity: 1 } .news_container .swiper-pagination { bottom: 10%; } /** 首页第二屏有市场活动 .news_container .left { width: 50%; float: left; padding-top: 88px; } .news_list {margin:0 5% 0 15%; } .news_list h2 { color: #3f3f3f; font-size: 36px; line-height:36px;} .news_list h2 span { padding-bottom: 10px; border-bottom: 2px solid #ffc600; font-family: "Arial"; } .news_list ul { padding-top: 20px; padding-bottom: 20px; } .news_list li {padding-bottom: 15px; padding-top: 20px; border-top: 1px solid #e9e9e9 } .news_list li.first { border-top: none } .news_list li h3 { font-size: 12px; color: #898989; padding-bottom: 7px; font-family:Verdana, Geneva, sans-serif; } .news_list li p { font-size: 14px; color: #3f3f3f; line-height: 20px; } .news_list .more_news { font-size: 18px; color: #3f3f3f; } .news_container .news_right{width: 50%; float:right; height:750px; position:relative;} .news_container .news_action{height: 280px; padding-top:88px; position:absolute; left:0; top:0; z-index:100; } .news_action a{margin-top:40px; display:inline-block;width:95%; max-width:770px; } .news_action a img{box-shadow:0 0 10px rgba(0,0,0,0.08); width:100%; } .news_action h2 { color: #3f3f3f; font-size: 36px; line-height:36px; } .news_action h2 span { padding-bottom: 10px; border-bottom: 2px solid #ffc600; font-family: "Arial"; } .news_container .news_slider { overflow: hidden; position: relative; position:absolute; left:0; bottom:0; z-index:1; height:500px; width:100%; max-width:750px; } .news_container .news_slider .swiper-slide { height: 500px; position: relative;} .news_container .news_slider .swiper-slide a{display:block;} .news_container .news_slider .swiper-slide a img{width:100%;} .news_container .news_slider .swiper-slide .know_more1 { position: absolute; width: 12.6%; left: 43.4%; top: 50%; margin-top: 15%; } **/ .news_pagination { position: absolute; z-index: 20; bottom: 20px; width: 100%; text-align: center; } .news_pagination .swiper-pagination-switch { width: 16px; height: 16px; border-radius: 50%; background-color: #8f8f8f; opacity: 0.9; display: inline-block; margin: 0 5px; cursor: pointer; } .news_pagination .swiper-active-switch { background-color: #fdc703; opacity: 1; } .footermenu{} .footermenu .AcrossColumn1{height: 300px; background: #242424;} .footermenu .AcrossColumn1 .item{width: 1200px; margin: 0 auto; padding-left: 25px;} .footermenu .AcrossColumn1 .box{width:600px; float: left;} .footermenu .AcrossColumn1 .box .title{margin-top:50px; font-size: 32px; height: 50px; color: #FFF; border-bottom: 1px solid #444; width: 550px; } .footermenu .AcrossColumn1 .box .title em{font-size: 16px;} .footermenu .AcrossColumn1 .box .list{width: 300px; float: left; margin-top: 50px;} .footermenu .AcrossColumn1 .box .list img{opacity: 0.5;transition:all 0.4s ease-in-out; box-shadow: 0 0 5px rgba(0,0,0,0.35)} .footermenu .AcrossColumn1 .box .list img:hover{opacity: 1; box-shadow: 0 0 5px rgba(0,0,0,0.85)} .footermenu .AcrossColumn1 .box .list a{display: inline-block; color: #ccc; text-decoration: underline; font-size: 14px; margin-bottom: 10px;transition:all 0.5s ease-in-out;} .footermenu .AcrossColumn1 .box .list a:hover{color: #F6E500} .footermenu .AcrossColumn2{height: 100px; background: #1C1C1C;} .footermenu .AcrossColumn2 .item{width: 20%; float: left; text-align: center;} .footermenu .AcrossColumn2 .item a{display: block; height: 50px; width: 260px; margin: 25px auto; transition:all 0.5s ease-in-out;} .footermenu .AcrossColumn2 .item span{display: block; text-align: left; text-indent: 60px; font-size: 16px; color: #ccc;} .footermenu .AcrossColumn2 .item .stext{font-size: 14px; color: #999} .footermenu .AcrossColumn2 .item a:hover {text-decoration: none; } .footermenu .AcrossColumn2 .tmall{background: url(../img/my-tmall.png) left center no-repeat;} .footermenu .AcrossColumn2 .jd{background: url(../img/my-jd.png) left center no-repeat;} .footermenu .AcrossColumn2 .miniprogram{background: url(../img/miniprogram.png) left center no-repeat;} .footermenu .AcrossColumn2 .wechat{background: url(../img/wechat.png) left center no-repeat;} .footermenu .AcrossColumn2 .weibo{background: url(../img/weibo.png) left center no-repeat;} .footermenu .AcrossColumn3{background: #101010;} .footermenu .AcrossColumn3 .list{width: 15%; padding: 5% 3% 5% 7%; float: left;} .footermenu .AcrossColumn3 .list h4{color: #CCC; font-weight: 800; margin-bottom: 20px; font-size: 16px;} .footermenu .AcrossColumn3 .list ul{color: #999;} .footermenu .AcrossColumn3 .list .mbt20{margin-bottom: 20px;} .footermenu .AcrossColumn3 .list ul li{height: 26px;} .footermenu .AcrossColumn3 .list ul li a{color: #999;font-family:'Noto Sans SC',Arial, Verdana, sans-serif;} .footermenu .AcrossColumn3 .list em{font-family: SimSun; padding-right: 8px; font-size: 12px;} .mask_div{position:fixed; width:100%; height:100%; background:#000; opacity:0.9; filter: alpha(opacity=90); z-index:9998; left:0; top:0; display:none;} .pop_wechat{position:fixed; width:100%; height:100%; left: 0; top: 0; z-index:9999; text-align: center; display: none; } .pop_wechat img{position: absolute; left: 50%; top: 50%; margin-top: -320px; margin-left: -320px;} @media screen and (min-width: 900px) and (max-width: 1250px) { .footer .left em {display:none;} } .footer { height: 98px; border-top: 7px solid #FEE100; background: black; overflow: hidden; min-width: 1200px; clear:both } .footer .left { float: left; line-height: 22px; font-size: 12px; color: #eee; padding: 25px 10px 0; } .footer .left span { font-size: 28px; color: #FEE100; font-style: italic; margin: 0 10px 0 5px; font-weight:800; font-family:"Arial Black", Gadget, sans-serif} .footer .left em { color: #FEE100; } .footer .right { float: right; line-height: 130px; font-size: 12px; color: #eee; } .footer .right a { color: #eee} .footer .right span { margin-left: 10px; } .footer .right em { margin: 0 10px; } .mCSB_scrollTools { opacity: 1; right: 0px; background:#FFF} .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #a1a1a1 !important; width: 10px; filter: none; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:hover { background: #a1a1a1 !important; } .mCSB_scrollTools .mCSB_draggerContainer { height: 96%; top: 2%; } .mCSB_scrollTools .mCSB_draggerRail { width: 10px; background: #e4e4e4; } .mCSB_inside>.mCSB_container { margin-right: 16px; } .tangram-suggestion-main { z-index: 3 } #footer { width: 100%; height: 76px; overflow: hidden; background: url(../images/ft_bg.jpg) repeat-x; } #footer .ft_inner { width: 1000px; height: 76px; margin: 0 auto; } #footer .ft_inner .ft_l { float: left; } #footer .ft_inner .ft_l p { font-size: 11px; font-weight: bold; padding-top: 33px; } #footer .ft_inner .ft_r { float: right; } #footer .ft_inner .ft_r ul { width: 270px; } #footer .ft_inner .ft_r ul li { float: left; -padding-left: 10px; -padding-top: 33px; } #footer .ft_inner .ft_r ul li span { color: #000; } #footer .ft_inner .ft_r ul li a { color: #f2f1f1; } .cyc_kv { width: 100%; height: 600px; position: relative; overflow: hidden; border-bottom: 8px solid #fee100 } .cyc_kv .swiper-slide { background-position: center; } .cyc_kv .swiper-slide .main { width: 1200px; height: 600px; margin: 0 auto; position: relative; } .cyc_kv .swiper-slide .main a { position: absolute; width: 178px; height: 36px; line-height: 36px; border: 2px solid rgba(256,256,256,1); right: 0; padding-left: 22px; background-image: url(../images/white-arrow.png); background-position: 173px center; background-repeat: no-repeat; color: white; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; } .cyc_kv .swiper-slide .main a:hover { border: 2px solid rgba(254,225,0,0.85); background-color: rgba(254,225,0,0.85); text-decoration: none; color:#000; } .cyc_kv .swiper-slide .main .btn1 { bottom: 130px; } .cyc_kv .swiper-slide .main .btn2 { bottom: 66px; } .cyc_kv .swiper-pagination-bullet { width: 16px; height: 16px; border-radius: 50%; background: #FFF; display: inline-block; margin: 0 10px; cursor: pointer; } .cyc_kv .swiper-pagination-bullet-active { background: #fee100; } .cyc_kv .swiper-pagination { bottom: 37px; height: 16px; position: absolute; width: 100%; left: 0; text-align: center; } .kv_dropform { position: absolute; width: 1200px; top: 0; left: 50%; margin-left: -600px; padding-top: 40px; z-index: 9 } .cyc_nav { width: 1200px; margin: 0 auto; padding: 28px 0; overflow: auto } .cyc_nav li { width: 400px; height: 400px; float: left; position: relative; overflow: hidden } .cyc_nav li .bg { position: absolute; left: 0; top: 0; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; } .cyc_nav li .txt { position: absolute; left: 0; bottom: 60px; width: 305px; height: 60px; line-height: 60px; color: black; background: url(../img/txt-label-bg.png); padding-left: 24px; font-size: 22px; } .cyc_nav li .cover { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3); transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; } .cyc_nav li:hover .bg { transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); } .cyc_nav li:hover .cover { opacity: 0; } .inner_kv { width: 100%; height: 218px; background: url(../img/kv-car.jpg) center no-repeat; position: relative; border-bottom: 8px solid #fee100; } .cyc_tire_list { height: 400px; border-bottom: 2px solid #bbbbbb; background-color: white; position: relative; opacity:0 } .cyc_tire_list.clclistbg1{background:url(../img/2018product/clclistbg1.jpg) right center no-repeat;} .cyc_tire_list.clclistbg2{background:url(../img/2018product/clclistbg2.jpg) left center no-repeat;} .cyc_tire_list.clclistbg3{background:url(../img/2018product/clclistbg3.jpg) right center no-repeat;} .cyc_tire_list.clclistbg4{background:url(../img/2018product/clclistbg4.jpg) left center no-repeat;} .cyc_tire_list .main { width: 1200px; margin: 0 auto; height: 400px; position: relative; } .cyc_tire_list .main .tire{position:absolute; top:20px; right:40px;} .cyc_tire_list .main .tire2{position:absolute; top:20px; left:40px;} .cyc_tire_list .main span.wow{display:block;} .cyc_tire_list .main h2 { padding-top: 54px; padding-bottom: 8px; border-bottom: 7px solid #fee100; font-size: 36px; color: black; display: inline-block; line-height: 36px; } .cyc_tire_list .main p { font-size: 16px; color: #666; line-height: 28px; height: 112px; padding: 15px 0 30px 0; } .cyc_tire_list .main h3 { font-size: 18px; color: #333; line-height: 21px; padding-bottom: 30px; } .cyc_tire_list .main .btn { border: 2px solid #666; width: 198px; height: 43px; margin-right: 22px; font-size: 14px; text-align: center; background: rgba(256,256,256,0.8); float: left; line-height: 43px; color: #333333; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; } .cyc_tire_list .main .btn:hover { text-decoration: none; border: 2px solid #333333; background: #333333; color: #c6c6c6; } .cyc_tire_list .bg { position: absolute; top: 0; } .cyc_tire_list .bg.right { right: 0 } .cyc_tire_list .bg.left { left: 0 } .cyc_tire_list.right { text-align: right; } .cyc_tire_list.right .main .btn { float: right; margin-right: 0; margin-left: 22px; } .result_wrapper { width: 1220px; margin: 0 auto; clear: both } .result_wrapper .headline { height: 56px; width: 1200px; margin: 0 auto; } .result_wrapper .headline p { float: left; line-height: 56px; font-size: 12px; color: #666666 } .result_wrapper .headline span { float: right; line-height: 56px; font-size: 12px; color: #666666 } .result_wrapper ul {} .result_wrapper .panel { width: 590px; height: 414px; border-bottom: 6px solid white; float: left; margin: 0 10px; position: relative;} .result_wrapper .panel .tire { position: absolute; left: 23px; top: 18px; width: 250px; } .result_wrapper .panel .brand { position: absolute; left: 286px; top: 25px; width: 280px; height: 70px; } .result_wrapper .panel .new_icon { position: absolute; left: 13px; top: 32px; } .result_wrapper .panel .desc { position: absolute; width: 280px; left: 286px; font-size: 12px; line-height: 22px; top: 98px; } .result_wrapper .panel .type { position: absolute; height: 40px; line-height: 40px; right: 30px; top: 194px; font-size: 16px; color: white; font-weight:800; } .result_wrapper .panel .main { position: absolute; width: 590px; left: 0; top: 234px; height: 180px; background: #f5f5f5 } /*.result_wrapper .panel .main .left{float:left;padding:28px 0 0 33px;} .result_wrapper .panel .main .left em{font-size:12px;line-height:22px;color:#666666;padding-right:10px;float:left} .result_wrapper .panel .main .left .bar{width:150px;height:22px;float:left;background:url(../img/rank-bar.png) left 5px repeat-x;} .result_wrapper .panel .main .left .bar span{height:22px;background:url(../img/rank-bar.png) left 5px repeat-x;display:block;} .result_wrapper .panel .main .left .bar span.rating1{width:5%;} .result_wrapper .panel .main .left .bar span.rating2{width:10%;} .result_wrapper .panel .main .left .bar span.rating3{width:15%;} .result_wrapper .panel .main .left .bar span.rating4{width:20%;} .result_wrapper .panel .main .left .bar span.rating5{width:25%;} .result_wrapper .panel .main .left .bar span.rating6{width:30%;} .result_wrapper .panel .main .left .bar span.rating7{width:35%;} .result_wrapper .panel .main .left .bar span.rating8{width:40%;} .result_wrapper .panel .main .left .bar span.rating9{width:45%;} .result_wrapper .panel .main .left .bar span.rating10{width:50%;} .result_wrapper .panel .main .left .bar span.rating11{width:55%;} .result_wrapper .panel .main .left .bar span.rating12{width:60%;} .result_wrapper .panel .main .left .bar span.rating13{width:65%;} .result_wrapper .panel .main .left .bar span.rating14{width:70%;} .result_wrapper .panel .main .left .bar span.rating15{width:75%;} .result_wrapper .panel .main .left .bar span.rating16{width:80%;} .result_wrapper .panel .main .left .bar span.rating17{width:85%;} .result_wrapper .panel .main .left .bar span.rating18{width:90%;} .result_wrapper .panel .main .left .bar span.rating19{width:95%;} .result_wrapper .panel .main .left .bar span.rating20{width:100%;}*/ .result_wrapper .panel .main .left { float: left; padding-left: 28px; width: 240px; } .result_wrapper .panel .main .left .title { height: 50px; line-height: 50px; font-size: 12px; color: #666666; } .tire_left { } .tire_left li { float: left; position: relative; margin-right: 10px; width: 50px; height: 50px; cursor: pointer; } .tire_left li .txt,.tire_type li .txt { position: absolute; width: 100px; height: 61px; background: url(../img/dropdown-layer.png) center center no-repeat; left: 50%; margin-left: -50px; top:-65px; font-size: 14px; text-align: center; color: #000; line-height:50px; display: none; z-index: 3 } .tire_left li:hover .txt,.tire_type li:hover .txt { display: block; } .result_wrapper .panel { background: url(../img/result-bg3.png) left top no-repeat; border-bottom: 6px solid #D6D7D9; margin-bottom: 18px; } .result_wrapper .panel .main .right { float: right; margin-right:20px; margin-bottom: 12px; } .result_wrapper .panel .main .right .title { height: 50px; line-height: 50px; font-size: 12px; color: #666666; } .result_wrapper .panel .main .right .tire_type li { float: left; margin-right: 10px; position: relative; } .result_wrapper .panel .main .right .tire_type li img{width: 50px;} .result_wrapper .panel .main .detail_btn { width: 526px; height: 42px; line-height: 42px; text-align: center; background: none; font-size: 16px; font-weight:300; color: #333; text-indent:16px; letter-spacing: 4px; display: block; clear: both; margin: 0 auto; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; border: 2px; border-style: solid; border-color: #d8d9e1; } .result_wrapper .panel .main .detail_btn { text-decoration: none } .result_wrapper .panel .desc { color: #636988 } .result_wrapper .panel .main .detail_btn{background:url(../img/list_more_icon.png) 0 0 no-repeat;} .result_wrapper .panel .main .detail_btn:hover { background: url(../img/list_more_icon.png) 0 -46px no-repeat #636988; color: white; border-color: #636988;border-radius:36px; } .result_wrapper .panel.suv_red .main { background: #FFF; border-left:1px solid #E3D4D1; border-right:1px solid #E3D4D1; width:588px; } .result_wrapper .panel.suv_red { background: url(../img/result-bgsuv.png) left top no-repeat; border-bottom: 6px solid #E3D4D1; margin-bottom: 18px; } .result_wrapper .panel.suv_red .desc { color: #333 } .result_wrapper .panel.suv_red .main .detail_btn:hover { background: url(../img/list_more_icon.png) 0 -46px no-repeat #EA462A; color: white; border-color: #EA462A; } .result_wrapper .panel.ev_blue .main { background: #FFF; border-left:1px solid #C1E8FF; border-right:1px solid #C1E8FF; width:588px; } .result_wrapper .panel.ev_blue { background: url(../img/result-ev.png) left top no-repeat; border-bottom: 6px solid #C1E8FF; margin-bottom: 18px; } .result_wrapper .panel.ev_blue .desc { color: #333 } .result_wrapper .panel.ev_blue .main .detail_btn:hover { background: url(../img/list_more_icon.png) 0 -46px no-repeat #00BFFF; color: white; border-color: #00BFFF; } .result_wrapper .panel.green .main { background: #FFF; border-left:1px solid #DAE0D3; border-right:1px solid #DAE0D3; width:588px; } .result_wrapper .panel.green { background: url(../img/result-bggreen.png) left top no-repeat; border-bottom: 6px solid #DAE0D3; margin-bottom: 18px; } .result_wrapper .panel.green .desc { color: #333 } .result_wrapper .panel.green .main .detail_btn:hover { background: url(../img/list_more_icon.png) 0 -46px no-repeat #8EC33D; color: white; border-color: #8EC33D; } .result_wrapper .panel.golden .main { background: #FFF; border-left:1px solid #E1DDCF; border-right:1px solid #E1DDCF; width:588px; } .result_wrapper .panel.golden { background: url(../img/result-bggolden.png) left top no-repeat; border-bottom: 6px solid #E1DDCF; margin-bottom: 18px; } .result_wrapper .panel.golden .desc { color: #333 } .result_wrapper .panel.golden .main .detail_btn:hover { background: url(../img/list_more_icon.png) 0 -46px no-repeat #CBA60F; color: white; border-color: #CBA60F; } .result_wrapper .panel.oe-list .main { background: #FFF; border-left:1px solid #E3CFC4; border-right:1px solid #E3CFC4; width:588px; } .result_wrapper .panel.oe-list { background: url(../img/result-bg1.png) left top no-repeat; border-bottom: 6px solid #E3CFC4; margin-bottom: 18px; } .result_wrapper .panel.oe-list .desc { color: #333 } .result_wrapper .panel.oe-list .main .detail_btn{background:url(../img/list_tmall_icon.png) 0 0 no-repeat;} .result_wrapper .panel.oe-list .main .detail_btn:hover { background: url(../img/list_tmall_icon.png) 0 -46px no-repeat #F26522; color: white; border-color: #F26522; } .result_wrapper .panel.zyydx { background: url(../img/result-bg1.png) left top no-repeat; border-bottom: 6px solid #e4d7d0; margin-bottom: 18px; } .result_wrapper .panel.zyydx .desc { color: #f26522 } .result_wrapper .panel.zyydx .main .detail_btn:hover { background:url(../img/list_more_icon.png) 0 -46px no-repeat #f26522; color: white; border-color: #f26522; } .result_wrapper .panel.hbx { background: url(../img/result-bg2.png) left top no-repeat; border-bottom: 6px solid #e4d7d0; margin-bottom: 18px; } .result_wrapper .panel.hbx .desc { color: #1e643f } .result_wrapper .panel.hbx .main .detail_btn:hover { background:url(../img/list_more_icon.png) 0 -46px no-repeat #22b24c; color: white; border-color: #22b24c; } .result_wrapper .panel.ydqjx .main { border-left:1px solid #D6D7D9; border-right:1px solid #D6D7D9; width:588px; } .result_wrapper .panel.ydqjx { background: url(../img/result-bg3.png) left top no-repeat; border-bottom: 6px solid #D6D7D9; margin-bottom: 18px; } .result_wrapper .panel.ydqjx .desc { color: #636988 } .result_wrapper .panel.ydqjx .main .detail_btn:hover { background:url(../img/list_more_icon.png) 0 -46px no-repeat #636988; color: white; } .result_wrapper .panel.gjzdx { background: url(../img/result-bg4.png) left top no-repeat; border-bottom: 6px solid #e4d7d0; margin-bottom: 18px; } .result_wrapper .panel.gjzdx .desc { color: #1e643f } .result_wrapper .panel.gjzdx .main .detail_btn:hover { background: url(../img/list_more_icon.png) 0 -46px no-repeat #1e6440; color: white; } .result_wrapper .panel.djt1 { background: url(../img/djt-bg1.png) left top no-repeat; border-bottom: 6px solid #e1dcd6; margin-bottom: 18px; } .result_wrapper .panel.djt1 .desc { color: #c69e54 } .result_wrapper .panel.djt1 .main .detail_btn:hover { background:url(../img/list_more_icon.png) 0 -46px no-repeat #c79e55; color: white; } .result_wrapper .panel.djt2 { background: url(../img/djt-bg2.png) left top no-repeat; border-bottom: 6px solid #d2d7dd; margin-bottom: 18px; } .result_wrapper .panel.djt2 .desc { color: #2e5e9b } .result_wrapper .panel.djt2 .main .detail_btn:hover { background:url(../img/list_more_icon.png) 0 -46px no-repeat #2e5e9b; color: white; } .result_pagination { padding: 20px 0 35px 0; text-align: center; clear: both; } .result_pagination span { display: inline-block; width: 38px; height: 38px; line-height: 38px; border: 1px solid #666666; color: #666666; font-size: 14px; cursor: pointer; margin: 0 6px; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; } .result_pagination span.active { border: 1px solid #F6E500; color: #F6E500; } .result_pagination span:hover { background: #F6E500; border: 1px solid #F6E500; color: #666666; } .yyc_wrapper { width: 100%; height: 717px; background: url(../img/yyclt-bg.jpg) center no-repeat; } .yyc_wrapper .main { width: 1200px; height: 717px; position: relative; margin: 0 auto; overflow: hidden } .yyc_wrapper .main h2 { text-align: center; color: white; font-size: 46px; line-height: 55px; padding-top: 70px;text-shadow: 1px 0px 2px #000000; } .yyc_wrapper .main h3 { text-align: center; color: white; font-size: 26px; line-height: 30px; padding: 12px 0; text-shadow: 1px 0px 2px #000000; } .yyc_wrapper .main p { text-align: center; color: white; font-size: 14px; line-height: 25px; text-shadow: 1px 0px 2px #000000; } .yyc_wrapper .main .yyclt_hover { position: absolute; left: 0; bottom: 0; z-index: 9 } .yyc_wrapper .main .yyclt_icon { position: absolute; left: 0; bottom: 198px; } .yyc_wrapper .main .tire { position: absolute; top: 419px; transform: translate(0, 30px); -webkit-transform: translate(0, 30px); -moz-transform: translate(0, 30px); transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; } .yyc_wrapper .main .tire:hover { transform: translate(0, 0px); -webkit-transform: translate(0, 0px); -moz-transform: translate(0, 0px); } .yyc_wrapper .main .category_icon { position: absolute; right: 5px; top: 18px; padding-left: 25px; font-size: 12px; color: white; line-height: 16px; background: url(../img/category-icon.png) left center no-repeat; height: 15px; } .yyc_wrapper .main .yyclt_p1 { left: 83px; } .yyc_wrapper .main .yyclt_p2 { left: 231px; } .yyc_wrapper .main .yyclt_p3 { left: 391px; } .yyc_wrapper .main .yyclt_p4 { left: 538px; } .yyc_wrapper .main .yyclt_p5 { left: 683px; } .yyc_wrapper .main .yyclt_p6 { left: 818px; } .yyc_wrapper .main .yyclt_p7 { left: 964px; } /*2018产品新分类*/ #proclass_wrapper{position:relative; background:#000; min-height:500px; overflow:hidden;} #proclass_wrapper .big_img{width:100%; opacity:0;} #proclass_wrapper .class_title{width:35%; position:absolute; left:70%; top:6%; margin-left:-17.25%; } #proclass_wrapper .more_link{background:url(../img/2019product/more.png) left center no-repeat; display:block; padding-left:30px; height:30px; line-height:30px; position:absolute; left:70%; top:28%; margin-left:-70px; color:#000; font-size:16px; opacity:0; letter-spacing:2px; text-shadow: 0px 0px 1px rgba(0,0,0,0.35);} #proclass_wrapper a.more_link:hover{opacity:1} #proclass_wrapper .more_link_w{background:url(../img/2018product/more.png) left center no-repeat; display:block; padding-left:30px; height:30px; line-height:30px; position:absolute; left:70%; top:28%; margin-left:-70px; color:#fff; font-size:16px; opacity:0; letter-spacing:2px; text-shadow: 0px 0px 1px rgba(0,0,0,0.35);} #proclass_wrapper a.more_link_w:hover{opacity:1} #proclass_wrapper .tire{width:25%; bottom:-1px; position:absolute; right:18%; height:51.309%;} #proclass_wrapper .tire img{width:100%; position:absolute; left:0; top:0; opacity:0;} #proclass_wrapper .tire .leftimg{z-index:100;} #proclass_wrapper .tire .rightimg{z-index:99;} #proclass_wrapper .tire_logo{width:20%; position:absolute; bottom: 52%; right:19%;} #proclass_wrapper .name{position:absolute; text-align:center;font-size:12px; color:#000} #proclass_wrapper .lxy{bottom: 15%; left:5%;} #proclass_wrapper .kevin{bottom: 9%; left:40%;} #proclass_wrapper .wq{bottom: 15%; left:5%;color:#FFF} #proclass_wrapper .ljy{bottom: 38%; left:8%; color:#FFF} #proclass_wrapper .name p{opacity:0; text-shadow: 0px 1px 2px rgba(0,0,0,0.3);} #proclass_wrapper .name p.bigfont{font-size:28px; line-height:36PX; font-weight:800} #proclass_wrapper .tire_winter{width:38.23%; top:40%; position:absolute; right:10%;} #proclass_wrapper .tire_winter img{width:100%; opacity:0;} #proclass_wrapper .sj8{width:50%; display:inline-block;} #proclass_wrapper .wintermaxx{width:50%; display:inline-block;} #proclass_wrapper .rightmenu{position:absolute; right:0; top:50%; margin-top:-100px;} #proclass_wrapper .rightmenu li{height:40px; width:120px; text-align:left; text-indent:10px; margin:5px 0; opacity:0; } #proclass_wrapper .rightmenu li a{display:block; line-height:40px; background:#333; color:#FFF; font-size:12px; font-size:12px; opacity:0.85} #proclass_wrapper .rightmenu li a:hover{background:#F6E500; color:#000; text-decoration:none;} #proclass_wrapper .rightmenu li a.act{background:#F6E500; color:#000; text-decoration:none;} /*2021产品新分类*/ #proclass_wrapper2021{position:relative; background:#000; min-height:500px; overflow:hidden;} #proclass_wrapper2021 .big_img{width:100%; opacity:0;} #proclass_wrapper2021 .w-mask{width:58%; position: absolute; right: 0; top: 0; z-index: 1} #proclass_wrapper2021 .class_title{width:34.21875%; height: 27.07838479809976%; position:absolute; left:60%; top:16%; z-index: 2; } #proclass_wrapper2021 .class_title img{width: 100%;} #proclass_wrapper2021 .class_title .bigtext{width: 400px; height: 100px; left: 50%; margin-left: -200px; position: absolute; top: 50%; margin-top: -50px; color: #FFF; text-align: center; font-size: 36px; line-height: 50px; font-weight: 800; font-size: 0px; line-height: 0px; opacity: 0;} #proclass_wrapper2021 .introtext{width: 50%; position: absolute; right: 0; top: 47%; text-align: center; z-index: 2;line-height: 200%; font-size: 16px;} #proclass_wrapper2021 .introtext strong{font-size: 36px; font-weight: 800; line-height: 220%; display: block;} #proclass_wrapper2021 .balcktext *{color: #000; text-shadow: 1px 1px 1px rgba(0,0,0,0.25)} #proclass_wrapper2021 .whitetext *{color: #FFF; text-shadow: 1px 1px 1px rgba(0,0,0,0.25)} #proclass_wrapper2021 .more_link{background:url(../img/2021product/more-blk.png) 90% center no-repeat; display:block; position:absolute; left:67%; top:85%; color:#000; font-size:16px; text-shadow: 0px 0px 1px rgba(0,0,0,0.35);z-index: 2; border:1px solid #000; width: 15%; height: 60px; line-height: 60px; text-align: center;opacity:0;} #proclass_wrapper2021 a.more_link:hover{opacity:1; } #proclass_wrapper2021 .more_linkw{background:url(../img/2021product/more-wt.png) 90% center no-repeat; display:block; position:absolute; left:67%; top:85%; color:#fff; font-size:16px; text-shadow: 0px 0px 1px rgba(0,0,0,0.35); z-index: 2; border:1px solid #fff; width: 15%; height: 60px; line-height: 60px; text-align: center;opacity:0;} #proclass_wrapper2021 a.more_linkw:hover{opacity:1; } #proclass_wrapper2021 .tire{width:25%; bottom:-1px; position:absolute; left:7%; height:51.309%;z-index: 2;} #proclass_wrapper2021 .tire img{width:100%; position:absolute; left:0; top:0; opacity:0;} #proclass_wrapper2021 .tire .leftimg{z-index:100;} #proclass_wrapper2021 .tire .rightimg{z-index:99;} #proclass_wrapper2021 .tire_logo{width:25%; position:absolute; top: 15%; left:10%;z-index: 2;} #proclass_wrapper2021 .tire_winter{width:38.23%; top:40%; position:absolute; right:10%;z-index: 2;} #proclass_wrapper2021 .tire_winter img{width:100%; opacity:0;} #proclass_wrapper2021 .sj8{width:50%; display:inline-block;} #proclass_wrapper2021 .wintermaxx{width:50%; display:inline-block;} #proclass_wrapper2021 .rightmenu{position:absolute; right:0; top:50%; margin-top:-115px;z-index: 2;} #proclass_wrapper2021 .rightmenu li{height:40px; width:110px; text-align:left; text-indent:10px; margin:5px 0; opacity:0; } #proclass_wrapper2021 .rightmenu li a{display:block; line-height:40px; background:#333; color:#FFF; font-size:12px; font-size:12px; opacity:0.85} #proclass_wrapper2021 .rightmenu li a:hover{background:#F6E500; color:#000; text-decoration:none;} #proclass_wrapper2021 .rightmenu li a.act{background:#F6E500; color:#000; text-decoration:none;} /*2021星级店铺 star*/ #starshop{} #starshop .key-v{width: 100%; position: relative; z-index: 0; background: #000} #starshop .key-v .space{width: 100%; opacity: 0;} #starshop .key-v .video{z-index: 0; position: absolute;; left: 0; top: 0;} #starshop .key-v .maskdiv{width: 31.25%; height:50%; background: url(/images/starshop/maskdiv.png) center center no-repeat; position: absolute; left: 8%; top:25%; } #starshop .key-v .maskdiv .text{width: 310px; height: 200px; position: absolute; left: 50%; top: 50%; margin-left:-160px; margin-top: -100px; color: #FFF } #starshop .key-v .maskdiv .text h1{width: 300px; text-align: justify; font-size: 42px; display: block; font-weight: 800; line-height: 50px; margin-bottom: 10px;} #starshop .key-v .maskdiv .text h1:after {content: '';width: 100%;display: inline-block;} #starshop .key-v .maskdiv .text p{width: 310px; text-align: justify; font-size: 20px; line-height: 180%; } #starshop .key-v .maskdiv .text p:after {content: '';width: 100%;display: inline-block;} #starshop .key-v .maskdiv .text div{margin-top: 20px; font-size: 18px;} #starshop .key-v .maskdiv .text span{display: inline-block; width: 50%; cursor: pointer; line-height: 30px;} #starshop .key-v .maskdiv .text span:hover{color: #F6E500} #starshop .key-v .maskdiv .text .more{background:url(/images/starshop/more.png) 86px center no-repeat; } #starshop .key-v .maskdiv .text .playvideo{text-indent: 40px; background:url(/images/starshop/playvideo.png) 120px center no-repeat;} #starshop .key-v .maskdiv .text span.playvideo:hover{color: #FFF;} #starshop .yellowBg{min-height: 800px; background: #F6E500; position: relative;overflow: hidden;} #starshop .yellowBg .quan1,#starshop .yellowBg .quan2{position: absolute; right: -150px; top: -200px; width: 28%; overflow: hidden; z-index: 0;} #starshop .yellowBg .quan1 img,#starshop .yellowBg .quan2 img{width: 100%;} #starshop .yellowBg .quan1{animation: quan1first 35s infinite linear;} #starshop .yellowBg .quan2{animation: quan2first 25s infinite linear;} @keyframes quan1first { from {transform: rotate(0deg);} to {transform: rotate(359deg);} } @keyframes quan2first { from {transform: rotate(0deg);} to {transform: rotate(-359deg);} } #starshop .yellowBg .container{margin: 110px auto; width: 1200px; color: #000} #starshop .yellowBg .container .left{width: 750px; float: left} #starshop .yellowBg .container .right{width: 250px; float: right} #starshop .yellowBg .container .left em{font-size: 24px; line-height: 1; font-style: italic; display: block; margin-bottom: 24px;} #starshop .yellowBg .container .left h2{font-size: 36px; font-weight: 800; line-height: 1; display: block; margin-bottom: 60px;} #starshop .yellowBg .container .left .text{font-size: 18px; line-height: 2; margin-bottom: 80px;} #starshop .yellowBg .container .left .icon{width: 750px; height: 160px;} #starshop .yellowBg .container .left li{float: left; width: 160px; height: 160px; border: 1px solid #000; margin-left: 25px;} #starshop .yellowBg .container .left li.list1{border: none; margin-left: 0; width: 180px; height: 160px;} #starshop .yellowBg .container .left li.list1 strong{font-size: 66px; font-weight: 800; font-family:Arial Black; display: block; line-height: 1; margin: 25px 0; } #starshop .yellowBg .container .left li.list1 span{font-size: 18px; color: #333; display: block; line-height: 1; letter-spacing: 1.5px; } #starshop .yellowBg .container .right .logo{margin-bottom: 60px;} #starshop .yellowBg .container .right .text{background:url(/images/starshop/list-icon.png) left top no-repeat; padding-top: 13px; height: 250px;} #starshop .yellowBg .container .right .text li{margin-left: 40px; font-size: 18px; margin-bottom: 42px;} #starshop .search{background: #FFF; position: relative; height: 250px; box-shadow: 5px 5px 5px rgba(0,0,0,0.1);} #starshop .search .pao{position: absolute; left: 0; top: -230px;} #starshop .search h3{font-size: 42px; font-weight: 800; color: #000; line-height: 1; margin:20px 0 50px 0;} #starshop .search .ser_box{padding:30px; text-align: center;} #starshop .search .ser_bar{ width: 1000px; margin: 0 auto; font-size: 18px; } #starshop .search .ser_bar div{float: left;} #starshop .search .ser_bar .title{width: 160px; padding: 15px 0;} #starshop .search .ser_bar .prov{width: 300px; margin-right: 40px;} #starshop .search .ser_bar .city{width: 300px; margin-right: 20px;} #starshop .search .ser_bar .btn{width: 150px;} #starshop .search .ser_bar .btn button{padding:15px 40px; cursor: pointer; background: #F6E500; color: #000; border:none;border-radius: 4px;} #starshop .shoplist{background: #F8F8F8; min-height:500px; } #starshop .list{width: 80%; min-width: 1200px; margin:0 auto; padding: 30px 0 40px 0;} #starshop .list .ser_num{color: #888} #starshop .shoplist ul { padding:30px 0 20px 0; } #starshop .shoplist li { padding:3%; height:200px; width: 25%; margin-right: 2%; float: left; margin-bottom: 20px; background: #fff; color: #333; box-shadow: 0 0 5px rgba(0,0,0,0.1); position: relative;} #starshop .shoplist li h2 { font-size: 20px; line-height: 1; font-weight: 800; margin-bottom: 10px; width: 100%; height: 24px;white-space:nowrap;overflow:hidden; text-overflow:ellipsis; } #starshop .shoplist .prov-city {font-size: 16px; color: #666; margin-bottom: 10px;} #starshop .shoplist .addresstext{font-size: 16px; color: #666;} #starshop .shoplist li .info {position: absolute; bottom: 15%; width: 84%; } #starshop .shoplist li .tel { font-size: 18px; padding: 5px 30px 5px 50px; display:inline-block; line-height: 40px; border-radius: 40px; background: url(/images/starshop/tel.png) 20px center #f5f5f5 no-repeat; background-size: 24px; border: 1px solid #eee; float: left;} #starshop .shoplist li .area { font-size: 18px; padding: 5px 30px 5px 50px; display:inline-block; line-height: 40px; border-radius: 40px; background: url(/images/starshop/loc.png) 20px center #f5f5f5 no-repeat; background-size: 28px; border: 1px solid #eee; float: right; } #starshop .shoplist li .area:hover{background: url(/images/starshop/loc.png) 20px center #F6E500 no-repeat; border: 1px solid #F6E500; text-decoration: none;} #starshop .shoplist li .addresstext { color: #888; } #starshop .shoplist .load_more{margin:0 auto; width: 300px; text-align: center; text-indent: 30px; border: 1px solid #000; padding: 15px; border-radius: 30px; cursor: pointer; font-size: 20px; background: url(/images/starshop/load_more.png) 80px center #f5f5f5 no-repeat;} #starshop .shoplist .load_more:hover{background: url(/images/starshop/load_more.png) 80px center #F6E500 no-repeat; border: 1px solid #F6E500;} /*2021星级店铺 end*/ .breadcrumb { line-height: 56px; font-size: 12px; color: #666666; width: 1200px; margin: 0 auto; height: 56px; } .breadcrumb p { float: left; color: #666; } .breadcrumb p a { color: #666; } .breadcrumb .link { float: right; line-height: 56px; font-size: 12px; color: #666666; padding-left: 21px; background: url(../img/switch-icon.png) left center no-repeat; } .breadcrumb .link:hover { text-decoration: none; } .breadcrumb .back_btn { float: right; cursor: pointer; } .yzpt_wrapper { width: 1200px; margin: 0 auto; padding: 28px 0 45px 0; overflow: auto } .yzpt_wrapper .left { float: left; width: 599px; border-right: 1px solid #d6d6d6; } .yzpt_wrapper .right { float: left; width: 600px; } .yzpt_wrapper h2 { font-size: 26px; color: #666666; line-height: 31px; text-align: center;} .yzpt_wrapper .icon { display: block; margin: 0 auto; margin-bottom: 40px; } .yzpt_wrapper .btn { display: block; width: 230px; height: 50px; line-height: 50px; background: #fee100; text-align: center; color: black; font-size: 14px; margin: 0 auto; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; border-radius:50px; } .yzpt_wrapper .btn:hover { color: #fee100; background: black; text-decoration: none; border-radius:50px; } .yzpt_wrapper .iconbox{padding:40px; height:350px;} .yzpt_wrapper .iconbox li{float:left; border-radius:8px; margin-left:13px; margin-right:13px; margin-bottom:20px; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; font-size:16px; background:rgba(220, 221, 223, 0.35); border:1px solid #dcdddf; } .yzpt_wrapper .iconbox li img{width:100px; padding:0 10px; border-radius:8px; display:none; } .yzpt_wrapper .iconbox li:hover{border-radius:8px; border:1px solid #000; background:#000; color:#fee100; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear;} .yzpt_wrapper .iconbox li p{text-align:center; width:100px; height:100px; line-height:100px; color:#000} .yzpt_wrapper .iconbox li:hover p{color:#fee100;} .yzpt_wrapper .iconbox li:hover A{text-decoration:NONE;} .gnyzpt_wrapper { width: 1200px; margin: 0 auto; padding-top: 20px; padding-bottom: 40px; } .gnyzpt_wrapper .brand_list { text-align: center; padding-bottom: 20px; height: 120px; position: relative; } .gnyzpt_wrapper .brand_list .swiper_container { width: 1020px; height:120px; margin: 0 auto; position: relative; overflow: hidden } .gnyzpt_wrapper .brand_list .swiper_container .swiper-slide { width: 80px; cursor: pointer; } .gnyzpt_wrapper .brand_list .swiper_container .swiper-slide a{margin:10PX; width: 80px; height:80px; line-height:80px; border-radius:8PX; display:block; background:rgba(220, 221, 223, 0.35); border:1px solid #dcdddf; font-size:14px;} .gnyzpt_wrapper .brand_list .swiper_container .swiper-slide a:hover{text-decoration:none;} .gnyzpt_wrapper .brand_list .swiper_container .swiper-slide img { width:80px; display: inline-block; margin: 0 2px; cursor: pointer; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; opacity: 0.5; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear;transition: all 0.5s linear; display:none;} .gnyzpt_wrapper .brand_list .swiper_container .active img{ -webkit-filter: none; -moz-filter: none; -ms-filter: none; -o-filter: none; filter: none; opacity: 1; width:80px;} .gnyzpt_wrapper .brand_list .swiper_container .active a{color:#f6e500; font-weight:800; display:block; background:#000; font-size:16px;} .gnyzpt_wrapper .brand_list .swiper_container .swiper-slide a:hover img{-webkit-filter: none; -moz-filter: none; -ms-filter: none; -o-filter: none; filter: none; opacity: 1;} .gnyzpt_detail { } .gnyzpt_detail li { display: none; } .gnyzpt_detail li.active { display: block; } .gnyzpt_detail li h2 { text-align: center; font-size: 36px; line-height: 24px; padding-bottom: 40px; border-bottom: 1px solid #e7e6e8; margin-bottom: 32px; font-weight: bold; } .gnyzpt_detail li .detail { position: relative; } .gnyzpt_detail li .detail .bg { display: block; } .gnyzpt_detail li .detail .purchase { position: absolute; } @font-face { font-family: 'Bebas'; src: url('/css/font/Bebas.ttf') format('truetype'); } .oe_h2{text-align: center; font-size: 36px; line-height: 100px; border-bottom: 1px solid #e7e6e8; font-weight: bold;padding-bottom: 15px; color:#333 } .oem{} .oem li{width:100%; height:100px; border-bottom: 1px solid #e7e6e8; position:relative; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; color:#555; } .oem li h3{position:absolute; left:0; top:15px; font-size:30px; transition:all 0.4s ease-in-out; font-weight: bold; color:#333 } .oem li em{position:absolute; left:0; bottom:12px; font-size:20px; transition:all 0.6s ease-in-out;} .oem li h4{position:absolute; right:180px; bottom:10px; font-size:24px; transition:all 0.6s ease-in-out; font-weight:800; color:#444} .oem li img{position:absolute; right:0; bottom:0;transition:all 0.3s ease-in-out;} .oemtips{margin:20px 0; color:#666} .oem li.tmall:hover{background:#efefef; color:#000; box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.25);} .oem li.tmall:hover h3{left:15px; } .oem li.tmall:hover em{left:15px; } .oem li.tmall:hover img{right:10px; } .oem li.tmall:hover h4{bottom:30px; } .oem li.tmall h4{padding-left:30px; background: url(../img/oe-list-tmall-icon.png) left center no-repeat; } .oem li.tmall:hover{background:rgba(255, 135, 0, 0.06); box-shadow: 0px 0px 3px rgba(255, 135, 0, 0.75);} .oem li.tmall:hover h3{color: #f80;} .oem li.tmall:hover h4{color: #f80;} .oem li.tmall:hover em{color: #f80;} @font-face { font-family: "iconfontoeglobal"; /* Project id 3445952 */ src: url('data:font/woff2;base64,d09GMgABAAAAAARoAAsAAAAACQgAAAQcAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHFQGYACDFAqEaIQhATYCJAMQCwoABCAFhUcHOxv0B1GULkqJ7KcmTwIJKigWI4EJAIh4goCPYVuAmFIECBAPkF19r6p6Zvd3fwiKoJCKoSgHfAziu/nfucwdq5sEzBBIFX+OkrYvzYgdg5vxrCbM5vbOmL0lIHX1wLp8yYOQYdTdpcdkNkB1awtl/3M/X5dpD1fXFy6VQa1Vx3dmOwOdV/7yKMIP8t3/opsNelWRsHlwf42AXF+tnBN7h6dRYKciDJTETc0GXrVhZzioIL/vkGWwg2pzuejdTLioRDwVH+EC/n74V//gJyol6iVzN/fo6O2P+EfNdKKC9Ek0I4D9ESUk9ByYK6zNDiznehR6cskpUbfekLJMHxuNVSogplBwXVkHiZX+eaFMGWoCfmAx8UcM9NBYgIIy1gTVwhuy6E41qvAK/1Omlng+SmKzwqZ1y6pj/WC6DGLRI18cLnn5QXYXP3+vXQC6G7bj8rgnzjQuWcPq7GwC8tmJuNOujmVJ359570aXrpOiVh2zp5hw+j6UwIeisHsMWHVcY/MdBHB7iHB6GnUzOXRzWS+YXYpfOpevkM5AnMDlNogTOZXR5Ze3WSfxSw47rt1s2M1p1zDatTSJPbY8PEvxQQOYV7fZYq6XD7K7dBN7Tj9n1zfavA821SSdhN56ftOYIjrbuC38aGhVl0RVXV3nRHXyrZHG1rq69/nJ6lviuV0e+BOdj9qekE0EPlQ2Po7Jwwt1aihT4MuA4lqQRR5VuPRMKbrhrhP5IN5/8BJeVjopf3IGKpOrnscfYt3erHYv/GYPQCwY2VvPTF2hWqiIop037/Vs/h4z7Ob60xj/A1MaMrmvFEOcESmlfMWmd7a7b4YnLNZBqnrI02rPYi99az5mehKfU8szNjvlsxdgOX8qdhPOxl61zBXCGzZaQqalHe616JOCici+vKiG5LPwpG3NyBnmvdGYrMm3hiF7QWXf9V86ilSuXf1dWxHSX/x2V/yN7gM8oWviRv5VFwgI/JhKmYTxyr7YTLUK1SKFFfeAcWXBkRlPkmWUJlDdV4ENXP6eiFyO014P9f02YWpg5Qjqfig9iKp0gKSuQnSGb4SSwnQoq2sGcj3Aw4UGziQhq4HOnhkEbX1BVNvfkLT1j8roIR5KGoc6XZnCj0BucWDPK3QOnxM4KAJ0rK7isGYaxJgFCpsQpKaq0MmFi1Th/1p+cmaB2+GFuKJ33//lPjCAt3HBXgpWCkEw4SbDva4VKDyMLW5GQBOlISGsxrI+m6kfKdVMhrpwQCEAHaZahYVpTAYSjRaft00giDKpFNQk8y2i3nS8YFdZkrMAZwuvDqtQqrwCus9gVGo5kZfYlgRVEgQCIzgrMVivHwAUAphF74oAGqFUqELO0qhMjyJFDaXDMbHTsQQ59cwsxJBCFkpKB5lCqRuWSipjaEcI') format('woff2'), url('data:font/woff;base64,d09GRgABAAAAAAXkAAsAAAAACQgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAARAAAAGA8F0jcY21hcAAAAYgAAABYAAABlM1NNDhnbHlmAAAB4AAAAfwAAAJopFsFiGhlYWQAAAPcAAAALgAAADYnxgCHaGhlYQAABAwAAAAcAAAAJAfeA4VobXR4AAAEKAAAAA4AAAAQEAAAAGxvY2EAAAQ4AAAACgAAAAoBnACubWF4cAAABEQAAAAfAAAAIAERAG9uYW1lAAAEZAAAAVMAAALH+7D5ZnBvc3QAAAW4AAAAKgAAADuFu8tSeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGFhYJzAwMrAwNTJdIaBgaEfQjO+ZjBi5ACKMrAyM2AFAWmuKQwHnjE942Fu+N/AwMB8hwFIMjCiKGICAGPbDG54nO2QwRGAIAwEN4A8hFIcX1bjy+ppAy/EMryZzU4uwwdgA7I4RAF7MDy3Wlt9Zl994dReZSONNPqcIDe3YrpVOcVLq/zpa17flv2/AtwtWH0PsBdx4w96eJxdUL+LE0EUnjdvdyazPzPZdXcTMF6y7m7kMMJms4vJnRHhsFG0ljOgB3pYWVgJBwe2Ka45uM7OzsJCKwsr6wMbm0M7S/+CrE6SQnBm+N6b9733eO8jlJA/b3CJRyQidwiBPneAMz/sQhjk1S2oyiIbQpZ6PuNsG1BhzJkKVcUMvLifpTcgzYa0VLmjXh4GlBzO9xfZYJAt9ufn/9wzYdhbx7Hu+IHtctMEpPGxaehi1VKE0BKFC6+2LAeP/i/duPVXU3K7fhT7HqjjNEVgwzumCU23hNVs6FSzfYJqn1PM8ZCEJCPXCdF7/XQsi3KqVplCfgVGeXBJ+gx7faZsoIYuFZ/iCKvYo9/rh0lRJI8jJ3wdOJ25+uzVJ7LdlvBS4eeTH5PTixdFQn8l46QlsyJZRlcLvB/J5QPZjlr0g4zqb/WXc7hNlLaE4G/6kzwhTwnx8svgb0NfoRpkg0rgYlTlXVAicOZuDGdKfkXuQqHS00zdqqjKqpxBuTLrSJYqbjykm4ZrzJaIF+v3aefZTKMLboCu2a7lNxxmMIfygVeF7yk9s64xW2OUakI3seNHUlBTN3jQcheIs+c7H1ddgI7xLdI9inN682BKwWh2eEe6klvMsMLuvWHQUazdcBzZRd0UTNCgvTVo7QamJXQdJwcTVYp3gZC/vgNkQnicY2BkYGAAYitjK8Z4fpuvDNwsDCDwKDjOFUH/b2ZhYK4FcjkYmECiANq3CBkAAHicY2BkYGBu+N/AEMPCAAJAkpEBFbAAAEcKAm14nGNhYGBgQcIAALAAEQAAAAAAAABoAK4BNAAAeJxjYGRgYGBhSGZgZgABJiDmAkIGhv9gPgMAEqYBgQB4nIWSzUrDQBSFT/ontiCioNsBoQuF9GcjdFtoQXBTsPsknaQtSSZMp4W+he/go7jyJdz7BG49TW83cdGEufPdc++5yYQAuME3PByvW64je7hmduQaLvAgXKf+KNwgj4Sb6OBFuEX9TbiNJ2jhDie+c4LXuGTWxYewB4Uv4Rqu8CNcp/4r3IDy7oWbuPOehVvUX4XbmHuZcAdd73NsdeD0QoV7tYpMHpvcnXajk9SEQTrTyTYNbFWu5nNtNyuTq4Hfr5amOtf29JjNLhk6F6vYmkxN2KXT1KjCmrWOnL90rhj1erHofmQyjGH5gQI4xgUPHGLPuEIEgxxxGd2/3LA7Qco9pDfFrMy3pIDzznWfq8+ZW2zYd6grDOCjf9Y1ZZ6XzuppNtixc0jV0a24LF0ZaSKzNP2HSQpFWVtTiaj7WJaugj9aj3dc6ffLd8r+ADdvibIAeJxjYGKAAC4G7ICFkYmRmZGFkZWBtSQ3MSeHJbVM14gptYyBAQAs/gRdAAA=') format('woff'), url('data:font/ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwR1NVQiCLJXoAAAE4AAAAVE9TLzI8F0jcAAABjAAAAGBjbWFwzU00OAAAAfwAAAGUZ2x5ZqRbBYgAAAOcAAACaGhlYWQnxgCHAAAA4AAAADZoaGVhB94DhQAAALwAAAAkaG10eBAAAAAAAAHsAAAAEGxvY2EBnACuAAADkAAAAAptYXhwAREAbwAAARgAAAAgbmFtZfuw+WYAAAYEAAACx3Bvc3SFu8tSAAAIzAAAADsAAQAAA4D/gABcBAAAAAAABAAAAQAAAAAAAAAAAAAAAAAAAAQAAQAAAAEAADozOgFfDzz1AAsEAAAAAADiU15FAAAAAOJTXkUAAP+DBAADfQAAAAgAAgAAAAAAAAABAAAABABjAAMAAAAAAAIAAAAKAAoAAAD/AAAAAAAAAAEAAAAKADAAPgACREZMVAAObGF0bgAaAAQAAAAAAAAAAQAAAAQAAAAAAAAAAQAAAAFsaWdhAAgAAAABAAAAAQAEAAQAAAABAAgAAQAGAAAAAQAAAAQEAAGQAAUAAAKJAswAAACPAokCzAAAAesAMgEIAAACAAUDAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFBmRWQAwOYC5gwDgP+AAAAD3ACAAAAAAQAAAAAAAAAAAAAAAAACBAAAAAQAAAAEAAAABAAAAAAAAAUAAAADAAAALAAAAAQAAAFgAAEAAAAAAFoAAwABAAAALAADAAoAAAFgAAQALgAAAAYABAABAALmAuYM//8AAOYC5gv//wAAAAAAAQAGAAYAAAACAAMAAQAAAQYAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADAAAAAAANAAAAAAAAAADAADmAgAA5gIAAAACAADmCwAA5gsAAAADAADmDAAA5gwAAAABAAAAAABoAK4BNAAAAAIAAP+DA/0DfQAYAEIAAAEiBw4BBwYUFx4BFxYyNz4BNzY0Jy4BJyYTFAYHBisBAwYHBiMHBicuATc0PwETIyInJi8BJicuAjY3PgEzITIXFgIAaF5cjCcoKCeMXF7QXlyMJygoJ4xcXpgJCg0ggCMFDhQWDQ8HCwsBAwIjgAsKBQkDBgcGCRcBEgk0DwF0IAwOA30oJ4xcXtBeXIwnKCgnjFxe0F5cjCco/sYLEQcN/lojFBMBAQEBDhAJFg0BpgYECQQFDAkMEAgFAgQNFAADAAD/lQMyA2gAFwAnAC0AAAUhIiY1ETQ2OwE3NjsBMh8BMzIWFREUBgMhIgYVERQWMyEyNjURNCYDMwM3IxMC2P5QJTQ0JV0YDhd6Fg4aXiU0NEX+kBEZGREBcBEZGbyQ3zqV3Wo0JQLnJTUlEhEnNCX9GCQ0A00YEf1PERkYEgKxERj+0/7A0AFAAAIAAAAAA+8C4ABhAGIAABMyHQEUKwEiHQEUOwEyHQEUOwEyPgE3NDM3Mh4BBgcGBwYPAQYHBgcGBwYXHgE7ATI9ATQrASImJyYnJjc0NzY3Nj8BNjc2NzYmJyYnJicmKwEiNS4CKwEiHQEUKwEiHQEn/QMD3QMD3QMDtjxmPwQCjAcKAQUEDQ8MFAgOBgoGDgIHKBM3F60CApgMKQYNBAYCAgQJBQsDGhQYEQkCCwUKBxYSD4wDAz9nPLUDA90DAQI1A58DAkUCA14COWM7AgEKEBoHGhEPEQcMBgoMFx5MLhYaAkUCDQgODhEeAwULCQYJAhYZICgSPRYLDAkFBQM6YzoDXgIDRwEAAAAAABIA3gABAAAAAAAAABMAAAABAAAAAAABABAAEwABAAAAAAACAAcAIwABAAAAAAADABAAKgABAAAAAAAEABAAOgABAAAAAAAFAAsASgABAAAAAAAGABAAVQABAAAAAAAKACsAZQABAAAAAAALABMAkAADAAEECQAAACYAowADAAEECQABACAAyQADAAEECQACAA4A6QADAAEECQADACAA9wADAAEECQAEACABFwADAAEECQAFABYBNwADAAEECQAGACABTQADAAEECQAKAFYBbQADAAEECQALACYBw0NyZWF0ZWQgYnkgaWNvbmZvbnRpY29uZm9udG9lZ2xvYmFsUmVndWxhcmljb25mb250b2VnbG9iYWxpY29uZm9udG9lZ2xvYmFsVmVyc2lvbiAxLjBpY29uZm9udG9lZ2xvYmFsR2VuZXJhdGVkIGJ5IHN2ZzJ0dGYgZnJvbSBGb250ZWxsbyBwcm9qZWN0Lmh0dHA6Ly9mb250ZWxsby5jb20AQwByAGUAYQB0AGUAZAAgAGIAeQAgAGkAYwBvAG4AZgBvAG4AdABpAGMAbwBuAGYAbwBuAHQAbwBlAGcAbABvAGIAYQBsAFIAZQBnAHUAbABhAHIAaQBjAG8AbgBmAG8AbgB0AG8AZQBnAGwAbwBiAGEAbABpAGMAbwBuAGYAbwBuAHQAbwBlAGcAbABvAGIAYQBsAFYAZQByAHMAaQBvAG4AIAAxAC4AMABpAGMAbwBuAGYAbwBuAHQAbwBlAGcAbABvAGIAYQBsAEcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAAcwB2AGcAMgB0AHQAZgAgAGYAcgBvAG0AIABGAG8AbgB0AGUAbABsAG8AIABwAHIAbwBqAGUAYwB0AC4AaAB0AHQAcAA6AC8ALwBmAG8AbgB0AGUAbABsAG8ALgBjAG8AbQAAAgAAAAAAAAAKAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAQIBAwEEAQUABXRtYWxsBGV2LTICZXYAAAA=') format('truetype'); } .iconfontoeglobal { font-family: "iconfontoeglobal" !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .jkyzpt_wrapper { width: 1200px; margin: 0 auto; padding-top: 20px; padding-bottom: 110px; overflow: auto } .jkyzpt_wrapper .brand_list { text-align: center; padding-bottom: 20px; height: 120px; position: relative;overflow: hidden; } .jkyzpt_wrapper .brand_list .swiper_container { width: 1020px; height:120px; margin: 0 auto; position: relative; overflow: hidden } .jkyzpt_wrapper .brand_list .swiper_container .swiper-slide { width: 80px; cursor: pointer; } .jkyzpt_wrapper .brand_list .swiper_container .swiper-slide a{margin:10PX; width: 80px; height:80px; line-height:80px; border-radius:8PX; display:block; background:rgba(220, 221, 223, 0.35); border:1px solid #dcdddf; font-size:14px;} .jkyzpt_wrapper .brand_list .swiper_container .swiper-slide a:hover{text-decoration:none;} .jkyzpt_wrapper .brand_list .swiper_container .active a{color:#f6e500; font-weight:800; display:block; background:#000; font-size:16px;} .jkyzpt_wrapper .brand_list .swiper_container .swiper-slide img { width:80px; display: inline-block; margin: 0 2px; opacity: 0.5; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; display:none; } .jkyzpt_wrapper .brand_list .swiper_container .swiper-slide.active img,.jkyzpt_wrapper .brand_list .swiper_container .swiper-slide a:hover img { opacity: 1; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: none; } .jkyzpt_wrapper .brand_list .swiper_container .swiper-slide.active P{color:#f6e500; font-weight:800;} .jk_prev_arrow { position: absolute; left: 0; top: 40px; cursor: pointer; } .jk_next_arrow { position: absolute; right: 0; top: 40px; cursor: pointer; } .jkyzpt_detail { } .jkyzpt_detail > li { display: none; } .jkyzpt_detail > li.active { display: block; } .jkyzpt_detail > li h2 { text-align: center; font-size: 36px; line-height: 100px; padding-bottom: 15px; font-weight: bold; } .jkyzpt_detail > li .headline { height: 80px; background: #333333; line-height: 80px; } .jkyzpt_detail > li .headline li { width: 25%; float: left; text-align: center; line-height: 80px; color: white; font-size: 16px; } .jkyzpt_detail > li .tire_detail { background: url(../img/line-bar1.png); } .jkyzpt_detail > li .tire_detail li { line-height: 61px; clear:both; height:auto; } .jkyzpt_detail > li .tire_detail li:nth-of-type(odd){background:#FFF;}/*奇数行*/ .jkyzpt_detail > li .tire_detail li:nth-of-type(even){background:#E7E6E7;}/*偶数行*/ #table1 { border-collapse: collapse; width: 1200px; } #table1 td { width: 25%; text-align: center; font-size: 14px; border: 0; line-height: 60px; vertical-align: top; } #table1 td a{color: #f80;line-height: 60px; display:inline-block; padding-left:30px; background: url(../img/oe-list-tmall-icon.png) left center no-repeat; } #table1 thead tr{background:#000;} #table1 thead td{color:#FFF; line-height:80px; font-size:16px; font-weight:800} .jkyzpt_detail > li .tire_detail li span { width: 25%; display:inline-table; text-align: center; line-height: 61px; color: #666666; } .product_wrapper { padding-top: 18px; } .product_wrapper .section1 { width: 1200px; margin: 0 auto; height: 503px; position: relative; margin-bottom: 18px; } .product_wrapper .section1 .tire { position: absolute; right: 0; bottom: 0; height: 100%; } .product_wrapper .section1 .brand_icon { position: absolute; left: 0; top: -20px; width: 280px; height: 70px; } .product_wrapper .section1 .new_icon { position: absolute; right: 0px; top: 0; } .product_wrapper .section1 .icon { position: absolute; right: 350px; top: 0px; } .product_wrapper .section1 .seperate { display: block; padding: 72px 0 22px 0; } .product_wrapper .section1 .icon1 { width: 100%; float: left; padding-bottom: 30px; } .product_wrapper .section1 .icon1 img { float: left; margin-right: 10px; width: 50px; } .product_wrapper .section1 .icon1 li { float: left; position: relative; cursor: pointer; } .product_wrapper .section1 .icon1 li .txt { position: absolute; width: 100px; height: 61px; background: url(../img/dropdown-layer.png) center center no-repeat; left: 50%; margin-left: -50px; top: -62px; font-size: 14px; text-align: center; color: #000; line-height:50px; display: none; z-index: 3 } .product_wrapper .section1 .icon1 li:hover .txt { display: block; } .product_wrapper .section1 .desc { font-size: 16px; line-height: 28px; color: #333; padding-bottom: 30px; width: 600px; } .product_wrapper .section1 .suitable { float: left; width: 100%; padding-bottom: 30px; } .product_wrapper .section1 .suitable p { font-size: 18px; color: #333333; padding-bottom: 15px; font-weight: 800; } .product_wrapper .section1 .suitable li { float: left; margin-right: 18px; } .product_wrapper .section1 .suitable li img{width: 74px;} .product_wrapper .section1 .btn { float: left; width: 160px; height: 50px; line-height: 50px; color: black; background: #fee100; letter-spacing: 3px; margin-right: 30px; text-align: center; cursor: pointer; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; } .product_wrapper .section1 .btn:hover { background: black; color: #fee100; } .product_wrapper .section1 .play_btn {background:url(../img/product_play.png) 0 0 no-repeat #F00; text-align:left; text-indent:52PX; color:#FFF} .product_wrapper .section1 .play_btn:hover { background:url(../img/product_play.png) 0 -50px no-repeat #000; color: #fee100; } .product_wrapper .section1 .article_btn {background:url(../img/product_article.png) 0 0 no-repeat #F00;text-align:left;text-indent:52PX; width: 210px; color:#FFF } .product_wrapper .section1 .article_btn:hover { background:url(../img/product_article.png) 0 -50px no-repeat #000; color: #fee100; } .product_wrapper .section1 .share_btn {background:url(../img/product_share_icon.png) 0 0 no-repeat #f00;text-align:left;text-indent:72PX; color:#FFF} .product_wrapper .section1 .share_btn:hover { background:url(../img/product_share_icon.png) 0 -50px no-repeat #000; color: #fee100; } .product_wrapper .section1 .tmall_btn {background:url(../img/product_tmall_icon2024.png) 0 0 no-repeat #F00; text-align:left; text-indent:60PX; color:#FFF} .product_wrapper .section1 .tmall_btn:hover { background:url(../img/product_tmall_icon2024.png) 0 -50px no-repeat #000; color: #fee100; } .product_wrapper .section1 .weixinxcx_btn {background:url(../img/product_weixin_icon2024.png) 0 0 no-repeat #F00; text-align:left; text-indent:55PX; color:#FFF} .product_wrapper .section1 .weixinxcx_btn:hover { background:url(../img/product_weixin_icon2024.png) 0 -50px no-repeat #000; color: #fee100; } .share_fix_box{width:220px; height:310px; position:fixed; left:50%; top:50%; margin-left:-110px; margin-top:-155px; z-index:9999; text-align:center; display:none;} .share_fix_box .share_weibo {background:url(../img/product_share_weibo.png) 0 0 no-repeat #F6E500;text-align:left; text-indent:72PX; width: 220px; height: 50px; line-height: 50px; color: #000; letter-spacing: 3px; display:block; margin:0 auto 30px auto; text-decoration:none; font-size:16PX;} .share_fix_box .qrbox{width:180px; padding:20px; background:#FFF; text-align:center; background:#FFF; margin:0 auto;} .share_fix_box .qrbox p{font-size:16PX; margin-bottom:16px;} .share_fix_box .pwarp{height:50px; line-height:50px; color:#FFF;} .share_mask_div{position:fixed; width:100%; height:100%; background:#000; opacity:0.9; filter: alpha(opacity=90); z-index:9998; left:0; top:0; display:none;} .product_wrapper .section_img { background-position: center; background-repeat: none; min-width: 1300px } .section_table { padding: 0 0 70px 0; background: #FEE100; } .section_table .tips { width: 1200px; margin: 0 auto; line-height: 40px; height: 40px; color: #666; } .section_table .winter_car_list { text-align: left; margin:0 12px; display: block; } .section_table .brand_icon { display: block; margin: 0 auto; text-align: center; font-size: 36px; height: 120px; line-height: 120px; font-weight: 600; color: #000; } .section_table h2 { text-align: center; color: #404042; font-weight: bold; font-size: 30px; } .section_table .headline { width: 1200px; height: 53px; background: black; margin: 0 auto; } .section_table .headline tr { } .section_table .headline tr td { text-align: center; color: white; font-size: 16px; border: 1px solid #3c3b35; padding: 15px 0; } /*.section_table .headline tr td.last{border:none;}*/ .section_table .detail { border-collapse: collapse; width: 1200px; margin: 0 auto; background: white } .section_table .detail > tbody > tr { font-size: 16px; color: 333; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; } .section_table .detail > tbody > tr:hover { color: #F40; } .section_table .detail > tbody > tr > td { text-align: center; border: 1px solid #D3D1C2; border-top: none; padding: 12px 0; background: #FFFAE7; } .section_table .detail > tbody > tr > td.first { border-left: none; } .section_table .detail > tbody > tr > td.last { border-right: none; } .section_table .detail > tbody > tr > td p { height: 50px; line-height: 50px; text-align: center; border-bottom: 1px solid #b7b7b7; } .section_table .detail > tbody > tr > td p:last-child { border-bottom: none } .purchase_link_list { position: fixed; width: 100%; height: 100%; background: url(../img/black-px.png); left: 0; top: 0; z-index: 100; display:flex; justify-content:center; align-items:center; } .purchase_link_list .main { width: 1200px; background: #FFF; position: absolute; } .purchase_link_list .main h2 { height: 74px; line-height: 74px; color: black; font-size: 24px; background: #fee101; text-align:center } .purchase_link_list .main .purchase_close_btn { position: absolute; right: 35px; top: 22px; cursor: pointer; } .purchase_link_list .main ul { padding: 30px 30px 30px 30px; overflow: auto } .purchase_link_list .main ul li { float: left; width: 260px; margin: 0 0 15px 15px; } .purchase_link_list .main ul li a { font-size: 18px; width:240px; text-align:center; letter-spacing:2px; color:#000; text-decoration: none; font-family:Arial, Helvetica, sans-serif; line-height:60px; border-radius:60PX; border:1px solid #ddd; background:#FCFCFC; box-shadow:1px 1px 5px rgba(0,0,0,0.05); display:inline-block; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; } .purchase_link_list .main ul li a:hover{background:#F6E500;border:1px solid #F6E500;} .kkclt_wrapper { width: 1200px; margin: 0 auto; } .kkclt_wrapper .switcher { padding: 55px 0 40px 0; position: relative; } .kkclt_wrapper .switcher h2 { display: inline; font-size: 32px; color: black; } .kkclt_wrapper .switcher .link { font-size: 18px; padding:10px 0; color: #666666; margin-left: 70px; border-bottom: 2px solid white; cursor: pointer; } .kkclt_wrapper .switcher .link:hover { text-decoration: none; } .kkclt_wrapper .switcher .link .active { border-bottom: 2px solid #ffc700; color: #ffc700; } .kkclt_wrapper .switcher .current { border-bottom: 2px solid #ffc700; color: #ffc700; } .kkclt_wrapper .switcher .list { position: absolute; right: 0; top: 50%; height: 16px; line-height: 16px; font-size: 14px; background: url(../img/list-icon.png) left center no-repeat; padding-left: 20px; } .kkclt_wrapper .switcher .list:hover { text-decoration: none } .kkclt_wrapper .switcher .pulse { position: absolute; right: 0; top: 50%; height: 16px; line-height: 16px; font-size: 14px; background: url(../img/pulse-icon.png) left center no-repeat; padding-left: 32px; } .kkclt_wrapper .switcher .pulse:hover { text-decoration: none } .fbt_container { position: relative; padding-bottom: 52px; } .fbt_container .bg { display: block; } .fbt_container a { position: absolute; background: url(../img/transparent.png); } .kkclt_wrapper { width: 1220px; margin: 0 auto; } .kkclt_wrapper .panel { width: 590px; height: 414px; border-bottom: 6px solid #dadadb; float: left; margin: 0 10px; position: relative; background: url(../img/kkclt-layer-bg.png) left top no-repeat; margin-bottom: 19px; overflow: hidden } .kkclt_wrapper .panel .tire { position: absolute; left: 23px; top: 18px; width: 250px } .kkclt_wrapper .panel .brand { position: absolute; left: 284px; bottom: 264px; height: 30px; } .kkclt_wrapper .panel .new_icon { position: absolute; left: 35px; top: 43px; } .kkclt_wrapper .panel .desc { position: absolute; font-weight: bold; left: 284px; font-size: 46px; color: #333; top: 30px; line-height: 50px; font-family: "Arial Black", Gadget, sans-serif; } .kkclt_wrapper .panel .type { position: absolute; height: 40px; line-height: 40px; right: 30px; top: 194px; font-size: 16px; color: black; } .kkclt_wrapper .panel .main { position: absolute; width: 590px; left: 0; top: 234px; height: 180px; background: #f5f5f5 } .kkclt_wrapper .panel .main .left { float: left; padding: 20px 5px 20px 20px; width: 236px; } .kkclt_wrapper .panel .main .left .title { height: 20px; line-height: 20px; margin-bottom: 13px; } .kkclt_wrapper .panel .main .left .title h2 { float: left; font-size: 12px; color: #666666; } .kkclt_wrapper .panel .main .left .recommand { float: right; padding-right: 75px; } .kkclt_wrapper .panel .main .left .recommand span { float: left; padding-left: 22px; font-size: 12px; color: #666666; margin-left: 5px; } .kkclt_wrapper .panel .main .left .recommand span.red { background: url(../img/red-bar.png) left center no-repeat; } .kkclt_wrapper .panel .main .left .recommand span.green { background: url(../img/green-bar.png) left center no-repeat; } .kkclt_wrapper .panel .main .left .icon { float: left; margin-right: 20px; margin-bottom: 15px; height: 28px; } .kkclt_wrapper .panel .main .right { float: left; width: 300px; padding-top: 20px; } .kkclt_wrapper .panel .main .right h2 { font-size: 12px; color: #666666; padding-bottom: 10px; } .kkclt_wrapper .panel .main .right .icon { float: left; margin-right: 10px; margin-bottom: 17px; } .kkclt_wrapper .panel .main .right .more_btn { clear: both; display: block; width: 288px; height: 38px; line-height: 38px; border: 2px solid #cccccc; text-align: center; font-size: 16px; color: #333333; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; background:url(../img/list_more_icon-2.png) -118px -3px no-repeat ; text-indent: 16px; letter-spacing: 4px; } .kkclt_wrapper .panel .main .right .more_btn:hover { background:url(../img/list_more_icon-2.png) -118px -48px no-repeat #fee100; border: 2px solid #fee100; text-decoration: none ; border-radius:38px;} .kkcltxq_wrapper { position: relative; padding-top: 30px; background: url(../img/kkclt-bg1.png) center top no-repeat; } .kkcltxq_wrapper .detail { } .kkcltxq_wrapper .detail .section1 { width: 1200px; margin: 0 auto; height: 764px; position: relative; padding-top: 50px; } .kkcltxq_wrapper .detail .section1 .headline { height: 80px; } .kkcltxq_wrapper .detail .section1 .headline h2 { font-size: 54px; color: #222222; float: left; line-height: 54px; padding-bottom: 20px; display: block; border-bottom: 2px solid #ffc600; font-weight: bold; font-family: "Arial Black", Gadget, sans-serif; } .kkcltxq_wrapper .detail .section1 .headline .new_icon { float: left; margin-left: 20px; width:60px; } .kkcltxq_wrapper .detail .section1 .use { font-size: 16px; color: #3f3f3f; width: 800px; padding: 42px 0 53px 0; } .kkcltxq_wrapper .detail .section1 h3 { font-size: 24px; color: #3f3f3f; } .kkcltxq_wrapper .detail .section1 .tire { position: absolute; right: 0; top: 40px; height: 500px; } .kkcltxq_wrapper .detail .section1 .icon { position: absolute; right: 310px; top: 50px; } .kkcltxq_wrapper .detail .road_list { overflow: auto; padding: 16px 0 30px 0; } .kkcltxq_wrapper .detail .road_list li { float: left; margin-right: 14px; } .kkcltxq_wrapper .detail .road_list li img { display: block; height: 100px; } .kkcltxq_wrapper .detail .section1 .icon1 li { float: left; position: relative; cursor: pointer; } .kkcltxq_wrapper .detail .section1 .icon1 li .txt { position: absolute; width: 149px; height: 61px; background: url(../img/dropdown-layer.png); left: 50%; margin-left: -79px; top: 35px; font-size: 14px; text-align: center; color: white; line-height: 71px; display: none; z-index: 3 } .kkcltxq_wrapper .detail .section1 .icon1 li:hover .txt { display: block; } .kkcltxq_wrapper .detail .section1 .desc { font-size: 16px; line-height: 28px; color: #666666; padding-bottom: 43px; } .kkcltxq_wrapper .detail .section1 .suitable { float: left; width: 100%; padding-bottom: 57px; } .kkcltxq_wrapper .detail .section1 .suitable p { font-size: 18px; color: #333333; padding-bottom: 15px; } .kkcltxq_wrapper .detail .section1 .suitable li { float: left; margin-right: 12px; } .kkcltxq_wrapper .detail .section1 .btn { float: left; width: 160px; height: 50px; line-height: 50px; color: black; background: #fee100; letter-spacing: 3px; margin-right: 30px; text-align: center; cursor: pointer; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; } .kkcltxq_wrapper .detail .section1 .btn:hover { background: black; color: #fee100; } .kkcltxq_wrapper .detail .section_img { background-position: center; background-repeat: none; min-width: 1300px } .kkcltxq_wrapper .detail .suitable_position { position: absolute; width: 1200px; top: 596px; left: 50%; margin-left: -600px; } .kkcltxq_wrapper .detail .suitable_position .title { height: 32px; line-height: 32px; margin-bottom: 26px; } .kkcltxq_wrapper .detail .suitable_position .title h2 { float: left; font-size: 24px; color: #666666; } .kkcltxq_wrapper .detail .suitable_position .recommand { float: left; margin-left: 55px; } .kkcltxq_wrapper .detail .suitable_position .recommand span { float: left; padding-left: 70px; font-size: 16px; color: #666666; margin-right: 37px; } .kkcltxq_wrapper .detail .suitable_position .recommand span.red { background: url(../img/red-bar2.png) left center no-repeat; } .kkcltxq_wrapper .detail .suitable_position .recommand span.green { background: url(../img/green-bar2.png) left center no-repeat; } .kkcltxq_wrapper .detail .suitable_position .car_icon { float: left; margin-right: 48px; margin-bottom: 15px; height: 98px; } .location_wrapper { position: relative; width: 100%; } .location_wrapper .map_container { width: 100%; height: 900px; position: relative; } .location_wrapper .know_more { text-align: center; position: absolute; width: 120px; height: 20px; line-height: 20px; color: #333333; font-size: 12px; border: 1px solid rgb(139, 164, 220); background:rgba(255,255,255,.95); right: 100px; bottom: 9px; cursor: pointer; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear;box-shadow: rgba(0, 0, 0, 0.35) 2px 2px 2px; border-radius: 3px;} .location_wrapper .know_more:hover { background: rgb(139, 164, 220); color: white; } .icon_explain { position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 99; display: none } .icon_explain .bg { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: url(../img/white-px.png); } .icon_explain .main { position: absolute; width: 1200px; height: 270px; left: 50%; margin-left: -600px; top: 50%; margin-top: -135px; } .icon_explain .main .panel { height: 30px; margin-bottom: 15px; } .icon_explain .main .panel .left { margin-left: 219px; float: left; width: 88px; } .icon_explain .main .panel .left img { display: block; } .icon_explain .main .panel .right { float: left; font-size: 14px; line-height: 30px; color: black; } .map_bar { position: absolute; left: 0; top: 0; width: 100%; height: 60px; background: url(../img/black-px.png); } .map_bar .main { width: 1200px; height: 60px; margin:0 auto; } .map_bar .main > h2 { float: left; font-size: 18px; text-align:center; color: white; width:163px; line-height: 60px; } .map_bar .main .switcher { float: left; } .map_bar .main .switcher p { float: left; width: 80px; height: 60px; background-color: black; background-position: center; background-repeat: no-repeat; cursor: pointer; position: relative; } .map_bar .main .switcher p span { display: none; width: 200px; height: 61px; background: url(../img/switcher-detail-bg.png); position: absolute; left: -61px; top: 62px; text-align: center; line-height: 72px; color: white; font-size: 14px; z-index: 3 } .map_bar .main .switcher p:hover span { display: block; } .map_bar .main .switcher p.active { background-color: #fee100; } .map_bar .main .switcher p.filter1 { background-image: url(../img/switcher-icon1-off.png); } .map_bar .main .switcher p.filter1.active { background-image: url(../img/switcher-icon1-on.png); } .map_bar .main .switcher p.filter2 { background-image: url(../img/switcher-icon2-off.png); } .map_bar .main .switcher p.filter2.active { background-image: url(../img/switcher-icon2-on.png); } .map_bar .main .switcher p.filter3 { background-image: url(../img/switcher-icon3-off.png); } .map_bar .main .switcher p.filter3.active { background-image: url(../img/switcher-icon3-on.png); } .map_bar .search_form {float:right;} .map_bar .search_form .btn { float: left; font-size: 14px; color: white; line-height: 60px; margin-right: 22px; cursor: pointer; } .map_bar .form { height: 40px; position: relative; float: left; padding-top: 10px; } .map_bar .form input { width: 485px; height: 40px; line-height: 40px; font-size: 14px; color: #3f3f3f; border: none; outline: none; background: white; padding-left: 15px; float: left } .map_bar .form .search_btn { float: left; height: 40px; width: 80px; background: #fee100; color: black; line-height: 40px; font-size: 16px; text-align: center; cursor: pointer; } .location_box { width: 500px; position: absolute; left: 0; top: 60px; } .location_box .headline { height: 48px; line-height: 48px; background: #fee100; padding: 0 20px; position: relative; color: #1e1e1e; cursor: pointer; display: none } .location_box .headline .arrow { position: absolute; right: 20px; top: 16px; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; } .location_box .headline.active .arrow { transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); } .location_list { display: block; overflow:hidden; } .location_list ul {background:#FFF;} .location_list ul li { padding: 35px 0 30px 20px; width: 443px; border-bottom: 1px solid #e4e4e4; position: relative; } .location_list ul li h2 { font-size: 18px; color: #333333; padding-bottom: 10px; cursor: pointer; } .location_list ul li p { font-size: 14px; color: #666666; padding-bottom: 5px; line-height: 20px; cursor: pointer; width:360px; } .location_list ul li .mobile_icon { position: absolute; right: 0; top: 35px; cursor: pointer; } .location_list ul li .type { position: absolute; right: 0; top: 60px; } .send_mobile_pop { position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: url(../img/black-px.png); z-index: 99; display: none } .send_mobile_pop .main { width: 600px; height: 400px; position: absolute; left: 50%; margin-left: -300px; top: 50%; margin-top: -200px; background: white; } .send_mobile_pop .main .close_btn { position: absolute; right: 0; top: 0; cursor: pointer; } .send_mobile_pop .main h2 { text-align: center; padding: 64px 0 40px 0; font-size: 20px; color: #353535; } .send_mobile_pop .main input { display: block; width: 298px; height: 58px; border: 2px solid #333333; color: #333333; font-size: 16px; text-align: center; line-height: 58px; margin: 0 auto; margin-bottom: 40px; } .send_mobile_pop .main .send_btn { display: block; width: 300px; height: 60px; cursor: pointer; margin: 0 auto; background: black; line-height: 60px; text-align: center; font-size: 20px; color: white; } .detail_address_pop { position: absolute; left: 50%; top: 30%; width: 494px; height: 266px; background: url(../img/detail-address-pop.png); display: none } .detail_address_pop .main { width: 433px; margin-left: 30px; padding-top: 20px; height: 184px; position: relative; } .detail_address_pop .main h2 { font-size: 18px; color: #333333; padding-bottom: 15px; } .detail_address_pop .main p { font-size: 14px; color: #666666; padding-bottom: 5px; line-height: 20px; } .detail_address_pop .main .mobile_icon { position: absolute; left: 0; bottom: 35px; cursor: pointer; padding-left: 24px; background: url(../img/mobile-icon.png) left center no-repeat; font-size: 12px; color: #272636; text-decoration: underline; } .BMap_bubble_title { font-size: 18px; color: #333333; padding-bottom: 15px; } .BMap_bubble_content p { font-size: 14px; color: #666666; padding-bottom: 5px; line-height: 20px; } .BMap_pop .mobile_icon { position: absolute; left: 0; bottom: 35px; cursor: pointer; padding-left: 24px; background: url(../img/mobile-icon.png) left center no-repeat; font-size: 12px; color: #272636; text-decoration: underline; } .detail_address_pop .address_pop_close { position: absolute; right: 30px; top: 27px; cursor: pointer; } .search_form .grid { float: left; width: 230px; height: 40px; line-height: 40px; background: white; margin-right: 12px; position: relative; } .search_form .grid p { cursor: pointer; padding-left: 10px; } .search_form .grid .arrow { position: absolute; right: 10px; top: 17px; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; } .search_form .grid.active { } .search_form .grid.active .arrow { transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); } .search_form .grid.active .dropdown { display: block !important; } .search_form .grid .dropdown { position: absolute; width: 230px; max-height: 350px; background: white; left: 0px; top: 40px; z-index: 3 } .search_form .grid .dropdown_option { padding: 0; } .search_form .grid .dropdown_option li { padding-left: 10px; padding-right: 10px; color: #474747;} .search_form .grid .dropdown_option li:hover { background: #F6E500; color: #000; font-weight: 800;} .go-to-top { position: fixed; bottom:90px; right: 10px; z-index: 99; width: 40px; height: 40px; background: url(../img/go-to-top2.gif) no-repeat; cursor: pointer; display: none; } #form_type2 { display: none } .tire_icon_container{width:1200px;margin:0 auto;} .tire_icon_container .main{margin-bottom:46px;} .tire_icon_container .main h2{text-align:center;height:74px;line-height:74px;color:white;font-weight:bold;font-size:30px;background:#333333;} .tire_icon_list{width:1198px;border:1px solid #333333;padding-top:43px;padding-bottom:14px;overflow:auto} .tire_icon_list li{float:left;width:540px;background:#333333;margin-left:36px;margin-bottom:35px;height:180px;position:relative;} .tire_icon_list li h3{width:332px;border-bottom:2px solid #fee100;padding:21px 0 11px 0;font-size:20px;color:#fee100;margin-left:21px;} .tire_icon_list li p{width:332px;padding-top:18px;font-size:16px;color:white;margin-left:21px;line-height:24px;} .tire_icon_list li .icon{position:absolute;right:20px;top:19px;} .banner_headline{width:100%;height:100px;position:relative;} .banner_headline_news{background:url(../img/news-headline-icon.png) right center #212030 no-repeat;} .banner_headline_service{background:url(../img/service-headline-icon.jpg) right center #212030 no-repeat;} .banner_headline_about{background:url(../img/about-headline-icon.jpg) right center #212030 no-repeat;} .banner_headline .main{width:1200px;margin:0 auto;position:relative;} .banner_headline .main p{padding-left:10px;float:left;height:100px;line-height:100px;padding-right:122px;color:white;font-size:36px;background:url(../img/banner-headline-line.png) right center no-repeat;} .banner_headline .icon{position:absolute;right:0;top:0;} .breadcrumb_inner{width:100%;height:66px;background:white;line-height:66px; border-bottom: 1px solid #ddd;} .breadcrumb_inner .main{width:1200px;margin:0 auto;} .breadcrumb_inner .main p{font-size:12px;color:#666666;padding-left:10px;} .breadcrumb_inner .main a{font-size:12px;color:#666666;} .new_wrapper{width:100%;} .new_wrapper.news{background:#f7f7f7;padding-bottom:30px;} .new_wrapper .main{width:1200px;margin:0 auto;position:relative;} .new_wrapper .about_banner{height:434px;background:#f3f3f5;margin-bottom:90px;} .new_wrapper .about_banner .banner{position:absolute;left:26px;top:55px;} .new_wrapper .about_banner .txt1{position:absolute;left:682px;top:81px;} .new_wrapper .about_banner .txt1 h2{color:#5a6065;font-size:16px;padding-bottom:15px;font-weight:bold;} .new_wrapper .about_banner .txt1 p{color:#868c92;font-size:14px;line-height:23px;} .new_wrapper .about_banner .txt2{position:absolute;left:495px;top:247px;} .new_wrapper .about_banner .txt2 h2{color:#5a6065;font-size:16px;padding-bottom:15px;font-weight:bold;} .new_wrapper .about_banner .txt2 p{color:#868c92;font-size:14px;line-height:23px;} .dunlop_menu_bar{position:absolute;right:0;top:0px;width:200px; padding-bottom:20px; background:white;border-top:4px solid #404040; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd;} .dunlop_menu_bar h2{font-size:18px;line-height:22px;color:#333333;padding:13px 0 13px 17px;background:url(../img/right-title.png) left center no-repeat; font-weight:800;} .dunlop_menu_bar ul{padding-top:25px;} .dunlop_menu_bar li{width:170px;text-align:center;height:40px;line-height:40px;border-radius:5px;display:block;margin:0 auto;transition:all 0.2s linear;-webkit-transition:all 0.2s linear;color:#666666;} .dunlop_menu_bar li.active{background:#404040;color:#fedf00;} .dunlop_menu_bar a{display:block; margin-bottom:4px; text-decoration:none;} .dunlop_menu_bar li:hover{text-decoration:none; color:#ffb618} .news_menu_bar{position:absolute;right:0;top:0px;width:200px;height:194px;background:white;border-top:4px solid #404040; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd;} .news_menu_bar h2{font-size:18px;line-height:22px;color:#333333;padding:13px 0 13px 17px;background:url(../img/right-title.png) left center no-repeat; font-weight:800;} .news_menu_bar ul{padding-top:25px;} .news_menu_bar li{width:170px;text-align:center;height:40px;line-height:40px;border-radius:5px;display:block;margin:0 auto;transition:all 0.2s linear;-webkit-transition:all 0.2s linear;color:#666666;} .news_menu_bar li.active{background:#404040;color:#fedf00;} .news_menu_bar a{display:block; margin-bottom:10px; text-decoration:none;} .news_menu_bar li:hover{text-decoration:none; color:#ffb618} .history_bg{display:block;padding-bottom:70px;} .new_wrapper .company_banner .banner{position:absolute;left:29px;top:50px;} .new_wrapper .company_banner{height:443px;background:#f3f3f5;margin-bottom:53px;} .new_wrapper .company_banner .txt1{position:absolute;left:15px;top:154px;color:#191919;font-size:14px;line-height:25px;width:455px;} .new_wrapper .company_banner .txt2{position:absolute;left:15px;top:253px;color:#191919;font-size:14px;line-height:25px;} .qyln{padding-left:15px;} .qyln h2{padding-left:16px;font-size:16px;color:#191919;background:url(../img/red-line-bar.png) left center no-repeat;margin-bottom:20px;} .qyln p{font-size:14px;line-height:25px;color:#191919;padding-bottom:68px;} .envi_banner{height:435px;background:#f3f3f5;margin-bottom:35px;} .envi_banner .banner{position:absolute;left:100px;top:70px;} .envi_banner .txt1{position:absolute;left:28px;top:200px;width:542px;color:#191919;font-size:14px;line-height:25px;width:455px;} .hjln{padding-left:30px;width:905px;padding-bottom:90px;} .hjln h2{padding-left:16px;font-size:16px;color:#191919;background:url(../img/red-line-bar.png) left center no-repeat;margin-bottom:30px;} .hjln h3{font-size:14px;line-height:25px;color:#191919;padding-bottom:25px;} .hjln p{font-size:12px;line-height:20px;color:#191919;padding-bottom:25px;padding-left:33px;} .certi_thumb{overflow:auto} .certi_thumb .row{width:360px;float:left;margin:0 40px;} .certi_thumb .row .thumb{display:block;width:100%;cursor:pointer;} .certi_thumb .row .hint{display:block;margin:0 auto;padding-top:10px;} .hjln .table{display:block;margin:0 auto;padding-top:36px;clear:both} .pop_view{position:fixed;width:100%;height:100%;left:0;top:0;z-index:99;display:none} .pop_view .bg{position:absolute;left:0px;top:0;width:100%;height:100%;background:rgba(0,0,0,0.8);} .pop_view img{position:absolute;top:7%;height:86%;left:50%;transform:translate(-50%,0);-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);} .news_year_filter{width:100%;height:66px;background:#fff; border-bottom:1px solid #ddd;} .news_year_filter .main{width:1200px;margin:0 auto;} .year_filter{overflow:hidden;} .year_filter li{float:left;height:65px;border-bottom:1px solid white;width:80px;line-height:65px;color:#666666;cursor:pointer;text-align:center;} .year_filter li a{text-decoration:none; display:block; width:90px; height:65px;transition:all 0.3s linear;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;} .year_filter li a:hover{color:#ffb618} .year_filter li.active{border-bottom:2px solid #ffb618;color:#ffb618;font-size:20px;} .year_filter li.active a{color:#ffb618;} .news_main{width:1200px;margin:0 auto;position:relative;} .news_main .list{width:960px;background:white; border:1px solid #ddd; border-top:none;} .news_main .list li{height:180px;width:100%;padding-top:32px;background:url(../img/news-list-color-bar.png) left 32px no-repeat; border-bottom:1px solid #ddd;} .news_main .list li .thumb{float:left;width:250px;height:140px;margin-left:30px;} .news_main .list li .detail{float:left;margin-left:25px;width:560px;position:relative;height:140px;} .news_main .list li .detail h2{font-size:16px;color:#000;padding-bottom:10px;} .news_main .list li .detail p{font-size:12px;color:#666666;line-height:25px;} .news_main .list li .detail .time{position:absolute;left:0;bottom:0;padding-left:22px;background:url(../img/cal-icon.png) left center no-repeat;font-size:12px;line-height:14px;color:#999999;} .news_main .list li .detail .share{position:absolute;left:273px;bottom:-10px; text-indent:60px; text-decoration:none; background:url(../img/share-icon.png) 30px center no-repeat;font-size:14px;line-height:36px;color:#666666;cursor:pointer; border:1px solid #DDD; width:130px; height:36px; display:block;} .news_main .list li .detail .more{position:absolute;left:428px;bottom:-10px; text-indent:50px; text-decoration:none; background:url(../img/more-icon.png) 18px center no-repeat;font-size:14px;line-height:36px;color:#666666; border:1px solid #DDD; width:130px; height:36px; display:block;} .news_content{width:900px;background:white;padding:0 30px; border: 1px solid #ddd; border-top: none;} .news_content > h2{height:65px; padding-top:30px;line-height:36px;color:black;font-size:24px;text-align:center;} .news_content > h3{height:50px;line-height:50px;color:#666666;font-size:14px;text-align:center;border-top:1px solid #dddddd;background:#f7f7f7;margin-bottom:40px;} .news_content > p{color:#1f1f2e;font-size:16px;line-height:180%;text-align:justify;text-justify: inter-ideograph;word-wrap:break-word} .news_content > div{color:#1f1f2e;font-size:16px;line-height:180%;text-align:justify;text-justify:inter-ideograph;word-wrap:break-word} .news_content a{text-decoration:underline; color:#333} .news_content a:hover{color:#F90;text-decoration:underline;} .news_content strong{font-weight:bold;} .news_content > ul {padding:20px 0 20px 30px;} .news_content > ul > li{color:#1f1f2e;font-size:16px;line-height:150%; list-style-type:square; margin-bottom:10px;} .news_content a:hover{text-decoration:none;} .news_content img{margin:32px auto;max-width:100%; } .news_content > h4{color:#1f1f2e;font-size:16px;line-height:28px;padding-bottom:30px;text-align:center;} .news_content .icon{text-align:center;padding:30px 0;} .news_content .icon .ml30,.action_detail .icon .ml30{margin-left:30px;} .news_content .icon img{margin:0;border:2px solid #999999;background:white;transition:all 0.3s linear;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;} .news_content .icon img:hover{border:2px solid #1e1e1e;background:#1e1e1e} .news_content .related_links{padding:30px 0 66px 0;border-top:1px solid #dddddd;} .news_content .related_links .sibling_link{font-size:14px;color:#1f1f2d;padding-bottom:6px;} .news_content .related_links .sibling_link a{font-size:14px;color:#1f1f2d;margin-left:15px;} .news_content .related_links .related{} .news_content .related_links .related h2{font-size:16px;color:#333333;font-weight:bold;padding:30px 0 10px 0;} .news_content .related_links .related a{color:#999999;font-size:14px;line-height:28px;} .news_content .tumlist {list-style:none; padding:0;} .news_content .tumlist li{width:49%; float:left; text-align:center;list-style:none;} .news_content .tumlist li:first-child{padding-right:1%} .news_content .tumlist li:last-child{padding-right:1%} .news_content .tumlist p{display:block; text-align:center; color:#666} .action_list{width:900px;padding:40px 30px 0 30px;background:white; border:1px solid #ddd; border-top: none;} .action_list li{width:900px;margin-bottom:44px;} .action_list li .bg{display:block;width:100%;} .action_list li p{height:50px;line-height:50px;padding-left:20px;background:#585863;font-size:16px;color:white;} .action_list li p a{color:#FFF; text-decoration:none;} .action_list li p a:hover{color:#F6E500; text-decoration:none;} .action_list .pagination{text-align:center;padding-bottom:37px;} .action_list .pagination span{display:inline-block;width:38px;height:38px;border:1px solid #666666;color:#666666;text-align:center;line-height:38px;cursor:pointer;margin:0 6px;} .action_list .pagination span:hover{border:1px solid #F6E500;} .action_list .pagination span a{display:block; text-decoration:none;} .action_list .pagination span a:hover{color:#F6E500;} .action_list .pagination span.active{border:1px solid #F6E500;color:#F6E500;} .action_list .pagination span.active a{color:#F6E500;} .action_detail{width:900px;padding:40px 30px 0 30px;background:white; border: 1px solid #ddd; border-top: none;} .action_detail h2{font-size:24px;color:black;padding-bottom:30px; line-height:166%} .action_detail .bg{display:block;width:100%;} .action_detail .icon{text-align:center;padding-bottom:64px;padding-top:38px;} .action_detail .icon img{margin:0 5px;border:2px solid #999999;background:white;transition:all 0.3s linear;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;} .action_detail .icon img:hover{border:2px solid #1e1e1e;background:#1e1e1e} .about_index{position:relative;width:100%;height:913px;background:url(../img/about-index-bg.jpg) repeat-x;} .about_index .main{width:1200px;margin:0 auto;} .about_index .main .banner{position:relative;padding-top:63px;margin-bottom:10px;} .about_index .main .banner .bg{display:block;width:100%;transition:all 0.3s linear;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;} .about_index .main .banner .bg:hover{opacity:0.8} .about_index .main .banner .txt{position:absolute;left:0;bottom:55px;height:63px;background: url(../img/black-px.png);line-height:63px;text-align:center;color:white;font-size:16px;width:100%;} .about_index .icon_list{} .about_index .icon_list .icon{float:left;width:232px;margin-right:10px; text-decoration:none;} .about_index .icon_list .icon.last{margin-right:0px;} .about_index .icon_list .icon img{display:block;width:100%;transition:all 0.3s linear;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;} .about_index .icon_list .icon img:hover{opacity:0.8} .about_index .icon_list .icon p{font-size:18px;color:#252525;padding-top:8px;text-align:center;} .about_index .icon_list .icon:hover img{transform:translate(0px,-15px);-webkit-transform:translate(0px,-15px);-moz-transform:translate(0px,-15px);} .year_panel{position:absolute;cursor:pointer;background-image:url(../img/history-dot2.jpg);background-repeat:no-repeat;} .year_panel.right{left:467px;background-position:0px 0px;width:492px;height:157px;} .year_panel.right .ct{display:table;position:absolute;left:208px;top:59px;width:272px;height:100px;} .year_panel.right .ct p{display:table-cell;vertical-align:middle;font-size:14px;line-height:22px;color:#201713;} .year_panel.left{left:0px;background-position:right 0px;width:516px;height:157px;} .year_panel.left .ct{display:table;position:absolute;right:0px;top:59px;width:300px;height:100px;padding-right:200px;} .year_panel.left .ct p{display:table-cell;vertical-align:middle;font-size:14px;line-height:22px;color:#201713;text-align:right;} .year_panel:hover{background-image:url(../img/history-dot1.gif);} .tech_banner{width:100%; background:url(../img/tech-bg.jpg) bottom center repeat-x #fff; } .tech_content{width:960px;} .tech_content .headline{display:block;padding:48px 0 50px 46px;} .tech_content h2{height:69px;text-align:center;line-height:59px;font-size:28px;color:white;background:url(../img/tech-h2-bg.png);margin-bottom:48px;} .tech_content .panel{width:880px;margin:0 auto;overflow:auto;} .tech_content .panel img{float:left;} .tech_content .panel h3{color:#191919;font-size:14px;line-height:25px;padding-bottom:42px;} .tech_content .panel p{float:left;margin-left:35px;color:#191919;font-size:14px;line-height:25px;width:440px;} .tech_content .tech_icon{display:block;margin:0 auto;padding:17px 0 111px 0;} .contact_banner{height:433px;background:#f3f3f5;} .contact_banner .headline{padding:56px 0 62px 80px;} .contact_list{margin-left:54px;height:190px;} .contact_list h2{font-size:16px;color:#191919;font-weight:bold;line-height:19px;background:url(../img/address-red-bar.png) left center no-repeat;padding-left:18px;margin-bottom:30px;} .contact_list p{font-size:14px;color:#191919;line-height:25px;margin-bottom:3px;} .contact_detail{position:absolute;left:530px;width:410px;top:171px;} .contact_detail h3{text-align:center;font-size:24px;color:#404040;padding-bottom:15px;font-weight:bold;line-height:32px;} .contact_detail h4{text-align:center;font-size:48px;color:#d90000;padding-bottom:8px;font-weight:bold;font-family:"Arial";line-height:58px; display: flex; align-items: flex-end; justify-content: center;} .contact_detail p{text-align:center;font-size:14px;/* color:#d90000; */font-weight: bold;} .contact_detail h4 span{font-size:14px;color:#404040;margin-right: 10px;line-height: 40px;} .contact_detail p+p{margin-top: 20px;} .contact_address_detail{padding-top:40px;} .contact_address_detail .contact_list{padding-top:10px;width:446px;float:left} .contact_address_detail .contact_list h2{margin-bottom:13px;} .cases_container{} .cases_swf{width:960px;} .cases_swf h3{font-size:16px;color:#20202f;line-height:19px;padding-bottom:20px;padding-top:40px;} .cases_swf h3 em{float:right;font-size:12px;color:#666666;} .cases_swf .swf{margin-bottom:60px;} .font2 { display: inline-block; font-family: '微软雅黑'; font-size: 10em; position: relative; } .font2::after { content: attr(data-text); color: green; position: absolute; left: 0; z-index: 2; -webkit-mask-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#ff0000), to(rgba(0, 0, 255, 0))); } .support_switch_container{position:relative;height:66px; border-bottom: 1px solid #ddd;} .support_switch_container .main{width:1200px;margin:0 auto;height:66px;} .menu_switcher li{float:left;height:65px;border-bottom:1px solid white;line-height:65px; padding:0 20px; color:#666666; text-align:center;} .menu_switcher li a{text-decoration:none; display:block; transition:all 0.3s linear;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear; } .menu_switcher li a:hover{color:#ffb618} .menu_switcher li.active{border-bottom:2px solid #ffb618;color:#ffb618;font-size:20px;} .menu_switcher li.active a{color:#ffb618;} .menu_switcher1 li{float:left;height:65px;border-bottom:1px solid white;line-height:65px; padding:0 12px; color:#666666; text-align:center;} .menu_switcher1 li a{text-decoration:none; display:block; transition:all 0.3s linear;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear; } .menu_switcher1 li a:hover{color:#ffb618} .menu_switcher1 li.active{border-bottom:2px solid #ffb618;color:#ffb618;font-size:20px;} .menu_switcher1 li.active a{color:#ffb618;} .switch_content{display:none} .switch_content .bg{display:block;} @media screen and (max-width: 1610px) { .shop_container .main { width: 1200px; margin: 0 auto; } .shop_container .left { width: 600px; margin: 0; } .shop_container .right { width: 560px; margin: 0; } .dunlop_search_form .form { width: 385px; margin: 0; padding-right: 135px; } .dunlop_address_form .form { width: 385px; margin: 0; margin-left: 40px; } .dunlop_search_form .form .dropdown_long { width: 394px; } .dunlop_search_form .form .panel { width: 99px; } .dunlop_search_form .drop_form .panel { width: auto; padding-right: 20px; } } /*@media screen and (max-width: 1450px){ .shop_container .left h2{font-size:30px;} .dunlop_search_form{width:720px;} .dunlop_search_form .form{width:470px;} .shop_container .right h2{font-size:30px;width:350px;} .shop_container .right h3{width:350px;padding-bottom:15px;} .dunlop_address_form .form{width:190px;} .dunlop_address_form .form .dropdown_long{width:220px;} .dunlop_search_form .form .panel{width:99px;} .dunlop_search_form .drop_form .panel{width:auto;} }*/ .zoom1{ -webkit-animation:zoom_animate 2s linear infinite; -moz-animation:zoom_animate 2s linear infinite; -ms-animation:zoom_animate 2s linear infinite; -o-animation:zoom_animate 2s linear infinite; animation:zoom_animate 2s linear infinite; } @keyframes zoom_animate{ 0% { transform:scale(1.6,1.6); } 50% { transform:scale(1.0,1.0); } 100% { transform:scale(1.6,1.6); } } @-webkit-keyframes zoom_animate{ 0% { -webkit-transform:scale(1.6,1.6); } 50% { -webkit-transform:scale(1.0,1.0); } 100% { -webkit-transform:scale(1.6,1.6); } } @-moz-keyframes zoom_animate{ 0% { -moz-transform:scale(1.6,1.6); } 50% { -moz-transform:scale(1.0,1.0); } 100% { -moz-transform:scale(1.6,1.6); } } @-ms-keyframes zoom_animate{ 0% { -ms-transform:scale(1.6,1.6); } 50% { -ms-transform:scale(1.0,1.0); } 100% { -ms-transform:scale(1.6,1.6); } } @-o-keyframes zoom_animate{ 0% { -o-transform:scale(1.6,1.6); } 50% { -o-transform:scale(1.0,1.0); } 100% { -o-transform:scale(1.6,1.6); } } .zoom2{ -webkit-animation:zoom2_animate 2s linear infinite; -moz-animation:zoom2_animate 2s linear infinite; -ms-animation:zoom2_animate 2s linear infinite; -o-animation:zoom2_animate 2s linear infinite; animation:zoom2_animate 2s linear infinite; } @keyframes zoom2_animate{ 0% { transform:scale(2.2,2.2); } 50% { transform:scale(1.0,1.0); } 100% { transform:scale(2.2,2.2); } } @-webkit-keyframes zoom2_animate{ 0% { -webkit-transform:scale(2.2,2.2); } 50% { -webkit-transform:scale(1.0,1.0); } 100% { -webkit-transform:scale(2.2,2.2); } } @-moz-keyframes zoom2_animate{ 0% { -moz-transform:scale(2.2,2.2); } 50% { -moz-transform:scale(1.0,1.0); } 100% { -moz-transform:scale(2.2,2.2); } } @-ms-keyframes zoom2_animate{ 0% { -ms-transform:scale(2.2,2.2); } 50% { -ms-transform:scale(1.0,1.0); } 100% { -ms-transform:scale(2.2,2.2); } } @-o-keyframes zoom2_animate{ 0% { -o-transform:scale(2.2,2.2); } 50% { -o-transform:scale(1.0,1.0); } 100% { -o-transform:scale(2.2,2.2); } }