body{ overflow-x:hidden; } a{ color:#666; outline:none !important; text-decoration:none !important; } a:hover,a:active,a:focus{ color:#ef9f02; } img{ max-width:100%; } .text-nowrap{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .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:25%; } .k_col_4{ width:33.33333333%; } .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:20px; margin-bottom:10px; } .k_index_title span{ display:block; color:#000; font-size:26px; line-height:1.7em; } .k_index_title span.k_line{ width:350px; max-width:100%; margin:2px auto; height:14px; background-image:url(/img/k_line.png); background-size:100%; background-repeat:no-repeat; background-position:center; } .k_index_title span.en{ text-transform:uppercase; color:#666; font-size: 16px; line-height:1.7em; } .k_cus_right{ text-align:right; } .p_CommonSwitchBtnA:hover,.p_CommonSwitchBtnB:hover{ color:#3692d1 !important; } .k_btn{ display:inline-block; border-radius:5px; line-height:20px; padding:10px 30px; text-align:center; color:#fff; background-color:#3692d1; 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{ display:inline-block !important; } .p_pagebox{ display:none !important; } .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: #3692d1; 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: #3692d1; 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: #3692d1; border-color: #3692d1; cursor: pointer } .p_page .pre:active { background: #3692d1; border-color: #3692d1; 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: #3692d1; 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: #3692d1; 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: #3692d1; 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: #3692d1; border-color: #3692d1; color: #fff; cursor: pointer } .p_page .next:active { background: #3692d1; border-color: #3692d1; 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: #3692d1; cursor: pointer; text-decoration: none; background-color: #3692d1; } .p_page .pageNum:active { color: #fff; text-decoration: none; background-color: #3692d1; border-color: #3692d1; } .p_page .pageNum.active { text-decoration: none; background-color: #3692d1; color: #fff; border-color: #3692d1; } .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; } .kk_product_cate_list > div{ overflow:hidden; } .kk_product_cate_list > div .p_linkBox.click{ background-color:#4bab26 !important; border-color:#4bab26 !important; } .w_fbtn-001 .p_CommonBtn{ border-style:solid; } .w_fbtn-001 .p_CommonBtn .font{ display:table-cell; } .k_category{ margin-bottom:20px; } .k_category_title{ background-color:#3692d1; color:#fff; text-align:center; padding:30px 10px; } .k_category_title h5{ font-size:26px; font-weight:bold; } .k_category_title span{ display:block; font-size:16px; } .k_category_more_info{ background-color:#3692d1; padding:20px 10px; } .k_category_more_info p{ color:#fff; font-size:16px; line-height:30px; } .k_category_more_info span,.k_category_more_info a{ color:#fff; } .k_category_box>.p_parentBox{ width:100%; position:relative; margin:5px auto; } .k_category_box>.p_parentBox>.p_linkBox{ width:100%; position:relative; padding-right:40px; text-align:center; background-color:#eeeeee; padding:10px 10px; } .k_category_box>.p_parentBox>.p_linkBox a,.k_category_box>.p_parentBox>.p_linkBox i{ color:#000; font-size:16px; } .p_categoryBox{ width:100% !important; float:none !important; } .k_category_box .p_linkBox:hover,.k_category_box .p_linkBox.click{ background-color:#3692d1 !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:5px auto; width:100%; border:none !important; } .k_category_box .p_childBox .p_linkBox a{ display:block; padding:10px; } .k_category_box .p_childBox .p_linkBox i{ display:none; } .k_category_box .e_icon{ position: absolute; right: 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_portalResBreadcrumb_nav-01001 .p_breadcrumb.contentBox:hover > a > .font{ border:none !important; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb.contentBox:hover > a > .font::before{ display:none !important; } @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_cus_right{ text-align:left; } .k_img{ width:100%; } }