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%;
}
}