@import url("/upload/css/scrollbar.css"); .k_ld_index_p_table {position: relative;z-index: 99999999;} #k_ld_p_swiper{} #k_ld_p_swiper .swiper-slide>.k_animation{/* background: url(/img/typeimg1.jpg) no-repeat center center; */position: relative;} #k_ld_p_swiper .swiper-slide>.k_animation:after{content:"";width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 999;background: rgba(0,0,0,.3);transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;} #k_ld_p_swiper .swiper-slide:hover>.k_animation:after{background: rgba(6,82,176,.3);} #k_ld_p_swiper .swiper-slide:nth-child(2)>.k_animation{/* background:url(/img/typeimg2.jpg) no-repeat center center; */} #k_ld_p_swiper .swiper-slide:nth-child(3)>.k_animation{/*background:url(/img/typeimg3.jpg) no-repeat center center;*/} #k_ld_p_swiper .swiper-slide:nth-child(4)>.k_animation{/*background:url(/img/typeimg4.jpg) no-repeat center center;*/} #k_ld_p_swiper .swiper-slide:nth-child(5)>.k_animation{/* background:url(/img/typeimg5.jpg) no-repeat center center; */} #k_ld_p_swiper .swiper-slide:nth-child(7)>.k_animation{/* background:url(/img/typeimg2.jpg) no-repeat center center; */} #k_ld_p_swiper .swiper-slide:nth-child(8)>.k_animation{/*background:url(/img/typeimg3.jpg) no-repeat center center;*/} #k_ld_p_swiper .swiper-slide:nth-child(9)>.k_animation{/*background:url(/img/typeimg4.jpg) no-repeat center center;*/} #k_ld_p_swiper .swiper-slide:nth-child(10)>.k_animation{/*background:url(/img/typeimg5.jpg) no-repeat center center;*/} #k_ld_p_swiper .swiper-slide:nth-child(12)>.k_animation{/*background:url(/img/typeimg2.jpg) no-repeat center center;*/} #k_ld_p_swiper .swiper-slide:nth-child(13)>.k_animation{/*background:url(/img/typeimg3.jpg) no-repeat center center;*/} #k_ld_p_swiper .swiper-slide:nth-child(14)>.k_animation{/*background:url(/img/typeimg4.jpg) no-repeat center center;*/} #k_ld_p_swiper .swiper-slide:nth-child(15)>.k_animation{/*background:url(/img/typeimg5.jpg) no-repeat center center;*/} html,body{/* overflow-x:hidden !important; */} .text-nowrap{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .k_animation{ transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; } .k_animation_3{ transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; } a:focus, a:hover, a:active { text-decoration: none; } a:focus,a:active{ color:inherit; } a:hover{ color:#2c8ce2; } .k_section{ width:100%; overflow: hidden; position: relative; } .k_content_container{ width:100%; padding:30px 0px; margin:0px auto; } .k_clear:before,.k_clear:after{ clear:both; display:table; content:""; } .k_full_width{ width:100%; padding-left:100%; padding-right:100%; margin-left: -100%; margin-right:-100%; box-sizing: content-box; -moz-box-sizing:content-box; -webkit-box-sizing: content-box; -ms-box-sizing:content-box; -o-box-sizing:content-box; } .k_content_container:before,.k_content_container:after,.k_row:before,.k_row:after{ clear: both; display:table; content:" "; min-height: 0px; } .w_grid-000 > div > .p_gridbox{ overflow:visible; } .w_grid-000 > div > .p_gridbox:before,.w_grid-000 > div > .p_gridbox:after{ clear: both; display:table; content:" "; min-height: 0px; } div[class^="k_col_"]{ padding:0px 5px; float:left; position:relative; box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing: border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; margin-top:10px; margin-bottom:10px; } .k_col_1{ width:8.3333333%; } .k_col_2{ width:16.66666667%; } .k_col_3{ width:33.33%; } .k_col_4{ width: 25%; } .k_col_5{ width:41.66666667%; } .k_col_5_5{ width:20%; } .k_col_6{ width:50%; } .k_col_7{ width:58.33333333%; } .k_col_8{ width:66.66666667%; } .k_col_9{ width:75%; } .k_col_10{ width:83.33333333%; } .k_col_11{ width:91.66666667%; } .k_col_12{ width:100%; } .k_index_title{ position:relative; text-align:center; font-size:16px; margin-bottom:10px; } .k_index_title>span{ display:block; color:#f6f6f6; font-size: 75px; line-height: 32px; text-transform: uppercase; position:absolute; z-index:0; width:200%; top: 0; left:-50%; letter-spacing: -2px; } .k_index_title.k_left{ text-align:left; } .k_index_title.k_right{ text-align:right; } .k_index_title.k_left>span{ left:0px; } .k_index_title.k_right>span{ left:auto; right:0px; } .k_index_title h3{ font-size:30px; font-weight:bold; color:#404042; position:relative; display:block; padding-left:0px !important; padding-right:0px !important; z-index:1; } .k_index_title h3:before, .k_index_title h3:after{ width:140px; height:1px; border-bottom:1px dashed #ccc; display:block; position:absolute; bottom:0px; content:" "; display:none; } .k_index_title h3:before{ left:0px; } .k_index_title h3:after{ right:0px; } .k_index_title span.k_title_e{ text-transform:uppercase; color:#fbfbfb; font-size: 90px; font-weight: normal; position:absolute; width:100%; z-index:-1; top:20px; } .k_index_title:after,.k_index_title:before{ content:" "; display:inline-block; width:35%; height:1px; background-color:#2c8ce2; position:absolute; top:50%; display:none; } .k_index_title:before{ left:0px; } .k_index_title:after{ right:0px; } .k_index_title:after{ display:inline-block; position:static; width:70px; height:4px; background-color:#eb6c1d; margin-top:25px; } @media screen and (max-width:918px){ .k_index_title span.k_title_e{ display:none; } } @media screen and (max-width:590px){ .k_index_title:after,.k_index_title:before{ width:20%; } } @media screen and (max-width:460px){ .k_index_title h3{ padding-left:90px; padding-right:90px; } .k_index_title h3:before, .k_index_title h3:after{ width:70px; } } .p_CommonSwitchBtnA:hover,.p_CommonSwitchBtnB:hover{ color:#2c8ce2!important; } .k_btn{ display:inline-block; border-radius:5px; line-height:20px; padding:10px 30px; text-align:center; color:#fff; background-color:#2c8ce2; font-size:14px; } .k_btn,.e_btn{ transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; } .k_btn:hover,.e_btn:hover{ border-radius:0px !important; } .p_OccupyBox{ text-align:center; } .p_page .PageInterval { display: inline-block; position: static; float: left; margin-right: 5px; line-height: 38px; font-size: 12px; } .p_page .p_PageInterval { display: inline-block; position: static; float: left; margin-right: 5px; line-height: 38px; font-size: 12px; font-family: cursive; } /*脙楼脗路脗娄脙搂脗驴脗禄脙漏脗隆脗碌*/ .p_page .pre:after { content: ""; display: none; position: absolute; top: 5px; left: -14px; width: 27px; height: 27px; background-color: rgba(242, 242, 242, 1); font-size: 0; line-height: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); z-index: -1 } .p_page .pre:hover:after { top: 4px; left: -12px; background-color: #2c8ce2; border-radius: 4px 0 0 0; -webkit-box-shadow: 0 3px 0 rgba(90, 90, 90, .8); -moz-box-shadow: 0 3px 0 rgba(90, 90, 90, .8); box-shadow: 0 3px 0 rgba(90, 90, 90, .8); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); z-index: -1 } .p_page .pre:active:after { top: 8px; left: -12px; width: 28px; height: 25px; background-color: #2c8ce2; border-radius: 0 3px 0 0; -webkit-box-shadow: 0 3px 0 rgba(90, 90, 90, .8); -moz-box-shadow: 0 3px 0 rgba(90, 90, 90, .8); box-shadow: 0 3px 0 rgba(90, 90, 90, .8); -webkit-transform: rotate(-226deg); -moz-transform: rotate(-226deg); -o-transform: rotate(-226deg); -ms-transform: rotate(-226deg); transform: rotate(-226deg); z-index: -1 } .p_page .pre { display: inline-table; position: relative; left: 0; top: 0; float: left; height: 30px; margin:0 5px 0 18px; text-align: center; padding:0 10px; border-radius: 6px; border:1px solid #d9d9d9; background: #fff; color: #595959; } .p_page .pre:hover { color: #fff; background: #2c8ce2; border-color: #2c8ce2; cursor: pointer } .p_page .pre:active { background: #2c8ce2; border-color: #2c8ce2; color: #fff; } .p_page .pre .font { display: table-cell; vertical-align: middle; bottom: 0; font-size: 12px } .p_page .pre:hover .iconfont { color: rgba(255, 255, 255, 1) } .p_page .pre:active .iconfont { color: rgba(255, 255, 255, 1) } .p_page .pre .iconfont:before { content: "\e6b0"; margin-right: 0; } .p_page .pre .i_pre { display: none; } /*脙楼脗聫脗鲁脙搂脗驴脗禄脙漏脗隆脗碌*/ .p_page .next:after { content: ""; display: none; position: absolute; top: 5px; right: -14px; width: 27px; height: 27px; background-color: #2c8ce2; font-size: 0; line-height: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); z-index: -1 } .p_page .next:hover:after { top: 5px; right: -12px; background-color: #2c8ce2; border-radius: 4px 0 0 0; -webkit-box-shadow: 0 3px 0 #777; -moz-box-shadow: 0 3px 0 #777; box-shadow: 0 3px 0 #777; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); z-index: -1; width: 26px; height: 26px } .p_page .next:active:after { top: 8px; right: -12px; width: 27px; height: 24px; background-color: #2c8ce2; border-radius: 0 3px 0 0; -webkit-box-shadow: 0 3px 0 #777; -moz-box-shadow: 0 3px 0 #777; box-shadow: 0 3px 0 #777; -webkit-transform: rotate(226deg); -moz-transform: rotate(226deg); -o-transform: rotate(226deg); -ms-transform: rotate(226deg); transform: rotate(226deg); z-index: -1 } .p_page .next { display: inline-table; position: relative; left: 0; top: 0; float: left; height: 30px; border: 1px solid #d9d9d9; background: #fff; color: #595959; text-align: center; padding:0 10px; border-radius: 6px; } .p_page .next:hover { background: #2c8ce2; border-color: #2c8ce2; color: #fff; cursor: pointer } .p_page .next:active { background: #2c8ce2; border-color: #2c8ce2; color: #fff; } .p_page .next .font { display: table-cell; vertical-align: middle; bottom: 0; font-size: 12px } .p_page .next:hover .iconfont { color: rgba(255, 255, 255, 1) } .p_page .next:active .iconfont { color: rgba(255, 255, 255, 1) } .p_page .next .iconfont:before { content: "\e6af"; margin-top: 0; float: right; margin-left: 0; } .p_page .next .i_next { display: none; } /* 脙陇脗赂脗聧脙楼脗聫脗炉脙搂芒鈧∶偮姑兟ッ⑩偓隆脗禄脙搂脜聽脗露脙娄芒鈥毬偮 */ .p_page .js_pageBtnDisable, .p_page .js_pageBtnDisable:hover, .p_page .js_pageBtnDisable:active { background: #f5f5f5; border-color: #d9d9d9; color: #bfbfbf; cursor: default; } .p_page .js_pageBtnDisable:hover .iconfont {color: #bfbfbf;} /*脙搂脗驴脗禄脙漏脗隆脗碌脙娄芒鈧⒚偮懊兟ッ偮⑩偓鈥?/ .p_page .pageNum { position: relative; float: left; height: 30px; min-width: 30px; margin:0 5px 0 0; padding:0 5px; background-size: 100% 100%; color: #595959; border:1px solid #d9d9d9; cursor: pointer; line-height: 30px; display: inline-block; font-family: inherit; font-size: 14px; font-weight: inherit; text-decoration: none; background-color: #fff; text-align: center; border-radius: 6px; } .p_page .pageNum:hover { color: #fff; border-color: #2c8ce2; cursor: pointer; text-decoration: none; background-color: #2c8ce2; } .p_page .pageNum:active { color: #fff; text-decoration: none; background-color: #2c8ce2; border-color: #2c8ce2; } .p_page .pageNum.active { text-decoration: none; background-color: #2c8ce2; color: #fff; border-color: #2c8ce2; } .p_page .pageNum .font { display: table-cell; vertical-align: middle; bottom: 0 } .p_page .pageNum .iconfont { display: inline; color: rgba(255, 255, 255, 1); vertical-align: middle } .p_page .pageNum:hover .iconfont { color: rgba(255, 255, 255, 1) } .p_page .pageNum:active .iconfont { color: rgba(255, 255, 255, 1) } .p_page .pageNum .iconfont:before { content: "" } /*脙搂脗驴脗禄脙漏脗隆脗碌脙搂脜鈥溍偮伱兟⑩偓垄脗楼*/ .p_page .PageInterval { line-height: 30px; cursor: text; color: rgba(102, 102, 102, 1) } .p_page .p_PageInterval { line-height: 30px; cursor: text; color: #ccc; font-family: cursive; } /*脙娄脗炉脗聫脙漏脗隆脗碌脙娄脣艙脗戮脙搂脗陇脗潞脙娄脗聺脗隆脙娄芒鈧⒚偮?/ .p_page .pagesize{ font-size:14px; float:left; margin-left: 10px; } .p_pagebox { width: 100%; height: auto; margin: 20px auto 0; clear: both; position: relative; font-size: 0; white-space: nowrap } .p_pagebox .pre { display: inline-table; height: 45px; width: 28%; color: rgba(255, 255, 255, 1); border-width: 0; border-style: solid; border-color: rgba(255, 255, 255, 0); background-color: #2c8ce2; text-align: center; padding-top: 0; padding-right: 10px; padding-left: 10px; position: relative; left: 0; top: 0; box-sizing: border-box } .p_pagebox .pre:hover { color: rgba(255, 255, 255, 1); border-color: #2c8ce2; background-color: #2c8ce2; cursor: pointer } .p_pagebox .pre:active { background-color: #2c8ce2; } .p_pagebox .pre .font { display: table-cell; vertical-align: middle; bottom: 0; font-size: 16px } .p_pagebox .pre .iconfont { display: inline-block; color: rgba(255, 255, 255, 1); vertical-align: top; width: auto; height: auto; float: left; font-size: 22px } .p_pagebox .pre:hover .iconfont { color:#fff; } .p_pagebox .pre:active .iconfont { color:#fff; } .p_pagebox .pre .iconfont:before { content: "\e6b0" } .p_pagebox .next { display: inline-table; height: 45px; width: 28%; color: rgba(255, 255, 255, 1); border-width: 0; border-style: solid; border-color: rgba(255, 255, 255, 0); background-color: #2c8ce2; text-align: center; padding-top: 0; padding-right: 10px; padding-left: 10px; position: relative; left: 0; top: 0; box-sizing: border-box } .p_pagebox .next:hover{ color:rgba(255,255,255,1); border-width: 0; border-style: solid; border-color:rgba(255,255,255,0); background-color:#2c8ce2; cursor:pointer; } .p_pagebox .next:active{ background-color:#2c8ce2; } .p_pagebox .next .font{ display:table-cell; vertical-align:middle; bottom:0; font-size: 16px; } .p_pagebox .next .iconfont{ display:inline-block; color:rgba(255,255,255,1); vertical-align:top; width: auto; height: auto; float: right; font-size: 22px; } .p_pagebox .next:hover .iconfont{ color:rgba(255,255,255,1); } .p_pagebox .next:active .iconfont{ color:rgba(255,255,255,1); } .p_pagebox .next .iconfont:before{ content: "\e6af"; } /* 脙陇脗赂脗聧脙楼脗聫脗炉脙搂芒鈧∶偮姑兟ッ⑩偓隆脗禄脙搂脜聽脗露脙娄芒鈥毬偮 */ .p_pagebox .js_pageBtnDisable, .p_pagebox .js_pageBtnDisable:hover, .p_pagebox .js_pageBtnDisable:active { background: #f5f5f5; border-color: #d9d9d9; color: #bfbfbf; cursor: default; } .p_pagebox .js_pageBtnDisable .iconfont {color: #bfbfbf;} .p_pagebox .js_pageBtnDisable:hover .iconfont {color: #bfbfbf;} .p_pagebox .NumBox { width: 44%; height: 44px; border: 1px solid #cdd5d5; display: inline-table; position: relative; cursor: pointer; box-sizing: border-box; background: #e6e6e6; vertical-align: top } .p_pagebox .num { display: table-cell; vertical-align: middle; font-size: 22px; text-align: center; width: 100% } .p_pagebox .ItemBox { position: absolute; width: 100%; height: auto; border: 1px solid #d3d4d4; bottom: 44px; left: 0; max-height: 300px; overflow-y: auto; z-index: 99; border-bottom: 0 } .p_pagebox .num .iconfont { width: 32px; height: 32px; position: absolute; right: 20px } .p_pagebox .num .iconfont:before { content: "\e69c"; font-size: 22px } .p_pagebox .NumBox ul li { width: inherit; height: 40px; line-height: 40px; text-align: center; background-color: #fffffe; color: #323332; font-size: 16px } .p_pagebox .NumBox ul li .iconfont:before { content: "" } .p_pagebox .NumBox ul li:active { background-color: #e4e4e4 } .kk_product_cate_list > div{ overflow:hidden; } .kk_product_cate_list > div .p_linkBox.click{ background-color:#2c8ce2!important; border-color:#2c8ce2!important; } .k_m_hide{ display:block; } .k_m_show{ display:none; } @media screen and (max-width:1300px){ .k_content_container,.k_container{ padding-left:20px; padding-right:20px; } } @media screen and (max-width:768px){ div[class^="k_col_"]{ width:100%; float:none; padding:0px 5px !important; } .k_content_container img{ width:100%; } .k_m_hide{ display:none; } .k_m_show{ display:block; } } .c_portalResFile_relatedlist-01001 .stylebox_top,.c_portalResFile_relatedlist-01001 .stylebox_title{ background-color:#2c8ce2; } .k_category{ margin-bottom:20px; } @media screen and (min-width:769px){ .k_category{ margin-top:-70px; } } .k_category_title{ background-color:#2c8ce2; color:#fff; text-align:center; padding:30px 10px; } .k_category_title h5{ font-size:30px; font-weight:normal; } .k_category_title span{ display:block; font-size:15px; text-transform: uppercase; } .k_category_more_info{ background-color:transparent; padding:0px 0px 30px; border-radius:5px 5px 0px 0px; margin-top:20px; } .k_category_more_info p{ color:#000; font-size:16px; line-height:30px; } .k_category_more_info span,.k_category_more_info a{ color:#fff; margin-bottom:25px; } .k_category_box{ box-shadow: 0px 0px 5px #eee; } .k_category_box>.p_parentBox{ width:100%; position:relative; margin:0px auto; border-bottom:1px solid #eee; } .k_category_box>.p_parentBox:first-child{ border-top:1px solid #eee; } .k_category_box>.p_parentBox>.p_linkBox{ width:100%; position:relative; text-align:left; background-color:#fff; padding:10px 10px; padding-left:35px; } .k_category_box>.p_parentBox>.p_linkBox a,.k_category_box>.p_parentBox>.p_linkBox i{ color:#000; font-size:16px; } .k_category_box>.p_parentBox>.p_linkBox i{ font-size:20px; color:#2c8ce2; font-weight:bold; } .p_categoryBox{ width:100% !important; float:none !important; } .k_category_box .p_linkBox:hover,.k_category_box .p_linkBox.click{ background-color:#2c8ce2!important; } .k_category_box .p_linkBox:hover a,.k_category_box .p_linkBox.click a,.k_category_box .p_linkBox:hover i,.k_category_box .p_linkBox.click i{ color:#fff !important; } .k_category_box .p_linkBox i:before{ color:inherit !important; } .k_category_box .p_childBox{ padding-left:0px !important; background-color:transparent !important; } .k_category_box .p_childBox .p_linkBox{ margin:2px auto; width:100%; border:none !important; background-color:#e5e5e5; } .k_category_box .p_childBox .p_linkBox a{ display:block; padding:10px; color:#000; padding-top: 5px; padding-bottom: 5px; text-align:center; } .k_category_box .p_childBox .p_linkBox i{ display:none; } .k_category_box .e_icon{ position: absolute; left: 0px; top: 6px; top:calc(50% - 15px); top:-webkit-calc(50% - 15px); top:-moz-calc(50% - 15px); top:-o-calc(50% - 15px); top:-ms-calc(50% - 15px); line-height: 30px; height: 30px; width: 30px; text-align: center; } .c_portalResProduct_category-01001001 .p_linkBox .icon-arrow_up::before{ content:"\e684" !important; } .c_portalResProduct_category-01001001 .p_linkBox .icon-arrow_down::before{ content:"\e683" !important; } @media screen and (max-width:768px){ .k_category_box .p_childBox .p_linkBox{ background-color:#e5e5e5; } } .c_portalResBreadcrumb_nav-01001001 .p_breadcrumb.contentBox:hover > a > .font{ border:none !important; } .c_portalResBreadcrumb_nav-01001001 .p_breadcrumb.contentBox:hover > a > .font:before{ display:none !important; } .k_cate_more_img{ margin-top:15px; } .k_cate_more_img + .k_category_more_info{ margin-top:15px !important; } @media screen and (max-width: 768px) and (min-width: 460px) { .k_cate_more_img{ display:none; } } .stylebox_top,.stylebox_title{ /* background-color:#2c8ce2!important; */ } @media screen and (min-width:769px){ #w_common_text-1557890638159{ position:relative; z-index:2; margin-left:-20% !important; background-color:rgba(255,255,255,0.8); } } .k_back_top{ display:inline-block; } .k_back_top a{ display:block; width:50px; height:50px; color:#fff; line-height:50px; text-align:center; background-color:#2c8ce2; font-size:22px; cursor:pointer; } @media screen and (min-width: 769px){ .k_page_title { display: none !important; } }