html,body{ overflow-x:hidden !important; font-family: "msyh","Microsoft YaHei" !important; } body,.reset_style,.reset_style p{ word-wrap: normal; word-break: normal; text-indent: 0em !important; } .text-nowrap{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .k_animation_3{ transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; } .k_animation{ transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; } a:focus, a:hover, a:active { text-decoration: none; color:#325aad; } .reset_style img{ max-width:100%; height:auto !important; } .reset_style p{ line-height:25px;margin-top:0px;font-size:15px; } .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: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:#325aad; 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:#325aad; 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:#325aad!important; } .k_btn{ display:inline-block; border-radius:5px; line-height:20px; padding:10px 30px; text-align:center; color:#fff; background-color:#325aad; 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: #325aad; 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: #325aad; 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: #325aad; border-color: #325aad; cursor: pointer } .p_page .pre:active { background: #325aad; border-color: #325aad; 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: #325aad; 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: #325aad; 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: #325aad; 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: #325aad; border-color: #325aad; color: #fff; cursor: pointer } .p_page .next:active { background: #325aad; border-color: #325aad; 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: #325aad; cursor: pointer; text-decoration: none; background-color: #325aad; } .p_page .pageNum:active { color: #fff; text-decoration: none; background-color: #325aad; border-color: #325aad; } .p_page .pageNum.active { text-decoration: none; background-color: #325aad; color: #fff; border-color: #325aad; } .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: #325aad; 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: #325aad; background-color: #325aad; cursor: pointer } .p_pagebox .pre:active { background-color: #325aad; } .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: #325aad; 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:#325aad; cursor:pointer; } .p_pagebox .next:active{ background-color:#325aad; } .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:#325aad!important; border-color:#325aad!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:#325aad; } .k_category{ margin-bottom:20px; } @media screen and (min-width:769px){ .k_category{ margin-top:-70px; } } .k_category_title{ background-color:#325aad; 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:#325aad; 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:#325aad!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:#325aad!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:#325aad; font-size:22px; cursor:pointer; } /* swiper */ .swiper-container-multirow > .swiper-wrapper { -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .k_swiper_nav { text-align:center; position:relative; z-index:3; margin-top:40px; margin-bottom:40px; } .k_swiper_nav .swiper-pagination-bullet{ transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; display:inline-block; margin:0px 13px; width:15px; height:15px; border-radius:50%; border:1px solid #aeaeae; background-color:#aeaeae; cursor:pointer; position:relative; text-align:center; } /* .k_swiper_nav .swiper-pagination-bullet:before{ width:8px; height:8px; content:" "; display:inline-block; background-color:#fff; border-radius:50%; margin-top:8px; display:none; } .k_swiper_nav .swiper-pagination-bullet:after{ width:8px; height:8px; content:" "; display:inline-block; border:1px solid transparent; border-radius:50%; position:absolute; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; top:calc(50% - 4px); top:-webkit-calc(50% - 4px); top:-moz-calc(50% - 4px); top:-ms-calc(50% - 4px); left:calc(50% - 4px); left:-webkit-calc(50% - 4px); left:-moz-calc(50% - 4px); left:-ms-calc(50% - 4px); display:none; } */ .k_swiper_nav .swiper-pagination-bullet.swiper-pagination-bullet-active,.k_swiper_nav .swiper-pagination-bullet:hover{ border-color:#325aad; background-color:transparent; transform: scale(1.3); -ms-transform: scale(1.3); /* IE 9 */ -webkit-transform: scale(1.3); /* Safari 鍜� Chrome */ -o-transform: scale(1.3); /* Opera */ -moz-transform: scale(1.3); /* Firefox */ } /* .k_swiper_nav .swiper-pagination-bullet:hover::after{ top:-1px; left:-1px; border-color:#fff; width:26px; height:26px; display:none; } */ .k_swiper_btn{ position:absolute; width:54px; height:54px; text-align:center; background-color:rgba(0,0,0,0.5); border-radius:50%; cursor:pointer; top:50%; top:calc(50% - 27px); top:-webkit-calc(50% - 27px); top:-moz-calc(50% - 27px); top:-ms-calc(50% - 27px); z-index:5; } .k_swiper_btn.k_swiper_left{ left:10px; } .k_swiper_btn.k_swiper_right{ right:20px; } .k_swiper_btn .e_icon{ color:#fff; font-size:28px; line-height:54px; display:block; } .k_swiper_btn:hover{ background-color:#325aad; } /* end swiper */ /* sm nav cate */ .k_sm_cate_menu_btn{ text-align:right; padding-top:23px; padding-bottom:23px; display:none; } .k_sm_c_btn{ color:#325aad; font-size:16px; height:30px; line-height:30px; display:inline-block; cursor:pointer; } .k_sm_cate_menu{ position:relative; z-index:99; } .k_sm_cate_content{ display:block; } .k_sm_cate_wrapper{ text-align:center; font-size:0px; padding: 60px 0px 30px; } .k_sm_cate_item{ display:inline-block; /* margin-left:45px; */ margin-left:0px !important; } .k_sm_cate_item:first-child{ margin-left:0px !important; } .k_sm_cate_link{ display:block; font-size:15px; color:#2c2c2c; line-height:24px; padding-top:10px; padding-bottom:10px; position:relative; width:180px; border:1px solid #ccc; /* border-radius: 5px; margin: 0px 10px; */ } .k_sm_cate_link:after{ width:0px; height:3px; background-color:#325aad; display:block; position:absolute; left:0px; bottom:0px; content:" "; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; display:none; } .k_sm_cate_item:hover .k_sm_cate_link,.k_sm_cate_item.k_active .k_sm_cate_link{ color:#fff; border-color:#325aad; background-color:#325aad; } .k_sm_cate_item:hover .k_sm_cate_link:after,.k_sm_cate_item.k_active .k_sm_cate_link:after{ width:100%; } @media screen and (max-width:1660px){ .k_sm_cate_item{ margin-left:20px; } } @media screen and (max-width:1300px){ .k_sm_cate_menu_btn{ display:block; } .k_sm_cate_menu{ margin-right:-20px; } .k_sm_cate_wrapper{ padding:0px !important; } .k_sm_cate_content{ position:absolute; left:0px; right:0px; top:0px; background-color:#325aad; overflow:hidden; max-height:0px; } .k_sm_cate_content.k_active{ max-height:600px; } .k_sm_cate_item{ border-bottom:1px solid rgba(255,255,255,0.5); display:block; margin-left:0px; } .k_sm_cate_link{ color:#fff !important; padding:10px 20px !important; border:none; width: 100%; text-align: left; margin: 0px; } .k_sm_cate_link:after{ display:none; } } @media screen and (max-width:768px){ .k_sm_cate_menu_btn{ text-align:left; } .k_sm_cate_menu{ margin-left:-20px; } .k_sm_cate_wrapper{ text-align:left; } } /* end */ /* side cate */ .k_sm_side_cate_wrapper{ overflow:hidden; padding-top:45px; padding-bottom:20px; } .k_sm_sidecate_link{ display:block; border-right:3px solid rgba(45,96,169,0); font-size:16px; line-height:28px; padding:0px 25px 0px 10px; color:#818181; text-align:right; margin-bottom:25px; } .k_sm_sidecate_link:hover,.k_sm_sidecate_link.k_active{ color:#325aad; border-color:#325aad; padding-right:15px; } @media screen and (max-width:768px){ .k_sm_side_cate_wrapper{ padding:0px; text-align:center; } .k_sm_sidecate_link{ display:inline-block; padding:5px 10px !important; border:1px solid #818181 !important; margin:5px; } .k_sm_sidecate_link:hover,.k_sm_sidecate_link.k_active{ color:#fff !important; background-color:#325aad !important; border-color:#325aad !important; } } /* end */ .k_sm_padding_full{ margin-left:-100%; margin-right:-100%; padding-right:100%; padding-left:100%; } .k_sm_padding_full_left{ margin-left:auto; margin-right:-100%; padding-right:100%; } .k_sm_padding_full_right{ margin-right:auto; margin-left:-100%; padding-left:100%; } @media screen and (max-width:768px){ .k_sm_padding_full_left,.k_sm_padding_full_right{ margin-left:-100%; margin-right:-100%; padding-right:100%; padding-left:100%; } }