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; } body{ min-width:1280px; } .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; color:#5f9734; } .reset_style img{ max-width:100%; height:auto !important; } .reset_style p{ line-height:1.4em;margin-bottom:0px;font-size:15px; } .reset_style p img{ margin:15px 0px; } .reset_style div::-webkit-scrollbar { width: 6px; height: 6px; background: transparent; } .reset_style div::-webkit-scrollbar-thumb { background: transparent; border-radius: 4px; } .reset_style div:hover::-webkit-scrollbar-thumb { background: hsla(0, 0%, 53%, 0.4); } .reset_style div:hover::-webkit-scrollbar-track { background: hsla(0, 0%, 53%, 0.1); } .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:#5f9734; 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:#5f9734; 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:#5f9734!important; } .k_btn{ display:inline-block; border-radius:5px; line-height:20px; padding:10px 30px; text-align:center; color:#fff; background-color:#5f9734; 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: #5f9734; 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: #5f9734; 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: #5f9734; border-color: #5f9734; cursor: pointer } .p_page .pre:active { background: #5f9734; border-color: #5f9734; 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: #5f9734; 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: #5f9734; 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: #5f9734; 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: #5f9734; border-color: #5f9734; color: #fff; cursor: pointer } .p_page .next:active { background: #5f9734; border-color: #5f9734; 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: #5f9734; cursor: pointer; text-decoration: none; background-color: #5f9734; } .p_page .pageNum:active { color: #fff; text-decoration: none; background-color: #5f9734; border-color: #5f9734; } .p_page .pageNum.active { text-decoration: none; background-color: #5f9734; color: #fff; border-color: #5f9734; } .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; } /*濮e繘銆夐弰鍓с仛閺夆剝鏆?/ .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: #5f9734; 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: #5f9734; background-color: #5f9734; cursor: pointer } .p_pagebox .pre:active { background-color: #5f9734; } .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: #5f9734; 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:#5f9734; cursor:pointer; } .p_pagebox .next:active{ background-color:#5f9734; } .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:#5f9734!important; border-color:#5f9734!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:#5f9734; } .k_category{ margin-bottom:20px; } @media screen and (min-width:769px){ .k_category{ margin-top:-70px; } } .k_category_title{ background-color:#5f9734; 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:#5f9734; 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:#5f9734!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:#5f9734!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:#5f9734; 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:#5f9734; 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:#5f9734; } /* end swiper */ /* sm nav cate */ .k_sm_nav_cate{ padding:40px 0px 20px; } .k_sm_nav_cate_container{ position:relative; background-color: #159405; padding:5px 20px 5px 190px; border-radius: 10px } .k_zb_nav_cate_title{ color:#fff; font-size:18px; line-height:32px; position:absolute; left:10px; top:50%; top:calc(50% - 16px); top:-webkit-calc(50% - 16px); top:-moz-calc(50% - 16px); top:-ms-calc(50% - 16px); top:-o-calc(50% - 16px); text-transform: uppercase; } .k_sm_cate_menu_btn{ text-align:left; padding-top:5px; padding-bottom:5px; display:none; } .k_sm_c_btn{ color:#fff; 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:right; } .k_sm_cate_item{ display:inline-block; margin-left:30px; position:relative; } .k_sm_cate_item:before{ content:" "; display:block; background-color:#d1d1d1; position:absolute; left:-15px; height:10px; width: 1px; top: 50%; top:calc(50% - 5px); top:-webkit-calc(50% - 5px); top:-ms-calc(50% - 5px); top:-moz-calc(50% - 5px); } .k_sm_cate_item:first-child{ margin-left:0px !important; } .k_sm_cate_item:first-child:before{ display:none; } .k_sm_cate_link{ display:block; font-size:16px; color:#d1d1d1; line-height:30px; padding-top:5px; padding-bottom:5px; position:relative; } .k_sm_cate_link:after{ width:0px; height:1px; background-color:#5f9734; 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; } .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:30px; } } @media screen and (max-width:1200px){ .k_sm_cate_wrapper{ text-align:left; } .k_sm_nav_cate_container{ padding: 5px 20px 5px 20px; } .k_zb_nav_cate_title{ display:none; } .k_sm_cate_menu_btn{ display:block; } .k_sm_cate_menu{ margin-left:-20px; margin-right:-20px; } .k_sm_side_nav .k_sm_cate_menu{ margin-left:0px; } .k_sm_cate_content{ position:absolute; left:0px; right:0px; top:8px; background-color:#5f9734; overflow:hidden; max-height:0px; border-radius:10px; } .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:5px 20px !important; } .k_sm_cate_link:after{ display:none; } } @media screen and (max-width:768px){ .k_sm_cate_menu_btn{ text-align:left; padding-top:5px; padding-bottom:5px; } .k_sm_nav_cate_container{ /* padding-left:0px; */ } .k_zb_nav_cate_title{ display:none; } .k_sm_cate_menu{ /* margin-left:-10px; */ } .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:#5f9734; border-color:rgba(3,65,142,1); 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:rgba(3,65,142,1) !important; border-color:rgba(3,65,142,1) !important; } } /* end */ /* cate with sub */ .k_sm_cate_item{ position:relative; } .k_sm_side_nav_sub_open{ width:32px; height:32px; position:absolute; top:45%; top:calc(50% - 16px); top:-webkit-calc(50% - 16px); top:-moz-calc(50% - 16px); top:-ms-calc(50% - 16px); top:-o-calc(50% - 16px); right:0px; text-align:center; display:block; line-height:32px; color:#5f9734; cursor:pointer; display:none; } .k_sm_side_nav_sub{ position:absolute; left:0px; right:0px; background-color:rgba(3,65,142,0.9); text-align:center; overflow:hidden; } .k_sm_side_nav_sub_link{ display:block; font-size:14px; line-height:24px; padding:5px; color:#fff; border-bottom:1px solid rgba(255,255,255,0.5); } .k_sm_side_nav_sub_link:hover{ color:#ddd; } @media screen and (min-width:769px){ .k_sm_side_nav_sub{ max-height:0px; } .k_sm_cate_item:hover .k_sm_side_nav_sub{ max-height:640px; } } @media screen and (max-width:768px){ .k_sm_side_nav_sub_open{ top:9px; display:block; color:#fff; right:10px; } .k_sm_side_nav_sub{ position:relative; left:0px; right:0px; text-align:left; background-color:#54904b; display:none; } .k_sm_side_nav_sub.k_active{ display:block; } .k_sm_side_nav_sub_link{ padding:5px 20px; } .k_sm_cate_item.k_hs .k_sm_cate_link{ padding-right:40px !important; } } /* end */ /* side cate nav */ .k_sm_side_nav_title{ background-color:#5f9734; color:#fff; text-align:center; padding:25px 10px; } .k_sm_side_nav_title p{ font-size:20px; line-height:26px; text-transform: uppercase; } .k_sm_side_nav_title span{ text-transform: uppercase; font-size:14px; line-height:20px; } @media screen and (min-width:769px){ .k_sm_side_nav{ box-shadow:0px 0px 5px #ccc; } .k_sm_side_nav .k_sm_cate_item{ display:block !important; margin:0px !important; } .k_sm_side_nav .k_sm_cate_wrapper{ text-align:left; } .k_sm_side_nav .k_sm_cate_item{ padding:0px 32px 0px 22px; border-top:1px solid #ccc; } .k_sm_side_nav .k_sm_cate_item:hover{ background-color:#eee; } .k_sm_side_nav .k_sm_cate_item.k_active{ background-color:#eee; } .k_sm_side_nav .k_sm_cate_item:before{ content:" "; position:absolute; width:4px; height:4px; display:block; border-radius:50%; background-color:#5f9734; left:10px; top:22px; } .k_sm_side_nav .k_sm_cate_item:first-child{ border-top:none; } .k_sm_side_nav .k_sm_cate_link{ font-size: 15px; line-height:20px; padding: 14px 0px; } .k_sm_side_nav .k_sm_cate_link:after{ display:none; } .k_sm_side_nav .k_sm_side_nav_sub_open{ display:block; top:9px; } .k_sm_side_nav .k_sm_side_nav_sub{ position:relative; left:0px; right:0px; max-height:none !important; margin-left:-22px; margin-right:-32px; padding-left:22px; padding-right:5px; background-color:#eee; text-align:left; display:none; } .k_sm_side_nav .k_sm_side_nav_sub.k_active{ display:block; } .k_sm_side_nav .k_sm_side_nav_sub_link{ color:#000; margin-left:-22px; margin-right:-5px; padding-left:22px; padding-right:5px; } .k_sm_side_nav .k_sm_side_nav_sub_link:hover{ color:#54904b; background-color:#ddd; } } @media screen and (max-width:1300px) and (min-width:769px){ .k_sm_side_nav .k_sm_cate_menu_btn{ display:none; } .k_sm_side_nav .k_sm_cate_menu{ margin-right:0px; } .k_sm_side_nav .k_sm_cate_content{ position:relative; left:0px; right:0px; top:0px; max-height:none; overflow:hidden; background-color: transparent; } .k_sm_side_nav .k_sm_cate_content.k_active{ max-height:none; } .k_sm_side_nav .k_sm_cate_item{ border-top:1px solid #ccc; display:block; margin-left:0px; } .k_sm_side_nav .k_sm_cate_item.k_active{ background-color:#eee; } .k_sm_side_nav .k_sm_cate_link{ color:#000 !important; padding: 14px 0px !important; } .k_sm_side_nav .k_sm_cate_link:after{ display:none; } } @media screen and (max-width:768px){ .k_sm_side_nav_title{ display:none; } } /* 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%; } } /* zhong bang cate css */ .k_zb_nav_bread_wrapper{ position:relative; z-index:99; border-bottom:1px solid #e0e0e0; margin-top:-110px; } .k_zb_nav_bread_wrapper>div{ padding-left:30px; padding-right:30px; } @media screen and (max-width:1280px){ .k_zb_nav_bread_wrapper>div{ padding-left:10px; padding-right:10px; } } @media screen and (max-width:768px){ .k_zb_nav_bread_wrapper{ margin-top:0px; } .k_zb_nav_bread_wrapper>div{ padding-left:10px; padding-right:10px; } } /* end */ /* jianning side cate nav */ .k_sm_nav_cate.k_jn_side_nav{ padding:0px !important; } .k_jn_side_nav_container{ border:1px solid #5f9734; background-color:#fff9ec; position:relative; } .k_jn_side_nav_title{ text-align:center; background-color:#5f9734; color:#fff; overflow:hidden; padding: 35px 0px; } .k_jn_side_nav_title p{ text-transform: uppercase; font-size:26px; line-height:1.5em; } .k_jn_side_nav_title span{ display:inline-block; position:relative; font-size:12px; line-height:1.5em; text-transform: uppercase; } .k_jn_side_nav_title span:before,.k_jn_side_nav_title span:after{ width:500px; height:1px; display:block; content:" "; background-color:#fff; position:absolute; top:50%; } .k_jn_side_nav_title span:before{ left:-505px; } .k_jn_side_nav_title span:after{ right:-505px; } .k_jn_side_menu{ position:relative; } .k_jn_side_menu_wraper{ padding:30px 18px 30px 30px; } .k_jn_side_cate_item{ margin-bottom: 0px; } .k_jn_side_cate_item_wrapper,.k_jn_side_nav_sub_item{ position:relative; padding-right:20px; } .k_jn_side_cate_link:before{ content:" "; background-color:#ea7b08; width:1px; height:15px; display:block; position:absolute; left:0px; top:9px; } .k_jn_side_cate_link{ display:block; font-size:16px; line-height:24px; color:#333333; position:relative; border-bottom:1px solid #e0e0e0; padding: 5px 0px; padding-left:8px; } .k_jn_side_nav_sub_open{ position:absolute; display:block; cursor:pointer; width:28px; height:28px; color:#ff9c01; text-align:center; line-height:28px; right:0px; top:2px; font-size: 28px; } .k_jn_side_nav_sub_open:before{ content:"+"; display:block; } .k_jn_side_nav_sub_open:after{ content:"-"; display:none; } .k_jn_side_nav_sub_open.k_open:before{ display:none; } .k_jn_side_nav_sub_open.k_open:after{ display:block; } .k_jn_side_nav_sub{ overflow:hidden; max-height:0px; } .k_jn_side_nav_sub.k_open{ max-height:600px; } .k_jn_side_nav_sub_wrapper{ padding-bottom:20px; } .k_jn_side_nav_sub_link{ display:block; font-size:16px; line-height:24px; color:#999999; position:relative; border-bottom:1px solid #e0e0e0; padding: 5px 0px; } .k_jn_side_nav_sub_link_icon{ position:absolute; display:block; color:#fd9902; right:9px; font-size:12px; top:50%; transform: translateY(-50%) scale(0.7); -webkit-transform: translateY(-50%) scale(0.7); -ms-transform: translateY(-50%) scale(0.7); -o-transform: translateY(-50%) scale(0.7); -moz-transform: translateY(-50%) scale(0.7); } .k_jn_side_cate_link:hover,.k_jn_side_nav_sub_link:hover{ color:#247132; } .k_jn_side_contact{ padding:24px 10px; } .k_jn_side_contact_wrapper{ background-color:#5f9734; text-align:center; color:#fff; padding:40px 5px; } .k_jn_side_contact_title{ display:inline-block; font-size:14px; line-height:1.5em; position:relative; } .k_jn_side_contact_title:before,.k_jn_side_contact_title:after{ width:20px; height:1px; display:block; content:" "; background-color:#fff; position:absolute; top:50%; } .k_jn_side_contact_title:before{ left:-30px; } .k_jn_side_contact_title:after{ right:-30px; } .k_jn_side_contact_link{ display:block; font-size:18px; color:#fff !important; line-height:1.5em; margin:5px 0px 10px; } .k_jn_side_contact_btn{ display:inline-block; background-color:#fff; color:#5f9734; font-size:18px; line-height:24px; padding:5px 30px; border-radius:34px; } /* end */