/* 定义每个字体样式 */
@font-face {
    font-family: 'Klean';
    src: url('../font/font/Klean-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Klean';
    src: url('../font/font/Klean-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Klean';
    src: url('../font/font/Klean-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
}



/* 其他变体，例如 Condensed、Narrow 等 */

@font-face {
    font-family: 'Klean Condensed';
    src: url('../font/font/Klean-CondRegular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Klean Condensed';
    src: url('../font/font/Klean-CondBold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Klean Narrow';
    src: url('../font/font/Klean-NarrowRegular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Klean Narrow';
    src: url('../font/font/Klean-NarrowBold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'LeXis';
    src: url('../font/font/LEXISFONT Hei-GB-H.otf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'LeXis';
    src: url('../font/font/LEXISFONT Hei-GB-B.otf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'LeXis';
    src: url('../font/font/LEXISFONT Hei-GB-DB.otf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'LeXis';
    src: url('../font/font/LEXISFONT Hei-GB-M.otf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'LeXis';
    src: url('../font/font/LEXISFONT Hei-GB-R.otf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'LeXis';
    src: url('../font/font/LEXISFONT Hei-GB-L.otf') format('truetype');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'LeXis';
    src: url('../font/font/LEXISFONT Hei-GB-EL.otf') format('truetype');
    font-weight: 100;
    font-style: normal;
}
html {color:#333;background:#FFF;font-family: Klean,LeXis,Arial,sans-serif;font-style: normal;}
*{margin: 0;padding: 0;list-style: none;}
/*
理念：
1. reset 的目的不是清除浏览器的默认样式，这仅是部分工作。清除和重置是紧密不可分的。
2. reset 的目的不是让默认样式在所有浏览器下一致，而是减少默认样式有可能带来的问题。
3. reset 期望提供一套普适通用的基础样式。但没有银弹，推荐根据具体需求，裁剪和修改后再使用。
特色：1. 适应中文；2. 基于最新主流浏览器。
 */

/** 清除内外边距 **/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */
th, td /* table elements 表格元素 */ {
    margin: 0;
    padding: 0;
}

/** 设置默认字体 **/
body,
button, input, select, textarea /* for ie */ {
    font: 13px/1.5 Klean, LeXis, Arial,sans-serif;
}
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */


/** 重置列表元素 **/
ul, ol { list-style: none; }

/** 重置文本格式元素 **/
a { text-decoration: none; }



/** 重置表单元素 **/
legend { color: #000; } /* for ie6 */
fieldset, img { border: 0; } /* img 搭车：让链接里的 img 无边框 */
button, input, select, textarea { font-size: 100%; } /* 使得表单元素在 ie 下能继承字体大小 */
/* 注：optgroup 无法扶正 */

/** 重置表格元素 **/
table { border-collapse: collapse; border-spacing: 0; }

/*一些全局默认样式*/
input:focus{
    outline: none;
}
a:hover{
    cursor: pointer;
    color: #FFED00;
}
::selection {
    background: rgba(243, 227, 27, 0.8);
    color:#2b2b2b;
}
.kc-wrap{
    width: 945px;
    margin: 0 auto;
    position: relative;
}
.bread{
    position: absolute;
    top: 20px;
    left: 0;
    color: #cccccc;
    z-index: 9;
}
.bread a{
    color: #bbb;
    margin:0 5px;
}
.bread a:hover{
    color: #fff;
}
.bread a:first-of-type{
    margin-left: 0;
}
.bread2{
    padding: 10px 0;
    line-height: 20px;
    color: #666;
    background: #ececec;
}

.bread2 a{
    color: #333;
    margin:0 5px;
}
.bread2 a:hover{
    color: #000;
}
.bread2 a:first-of-type{
    margin-left: 0;
}
/*公共头部*/
.top{
    background: #ededed;
    border-bottom: 1px solid #cfcfcf;
    font-size: 12px;
    line-height: 30px;
}
.top .kc-wrap{
    display: flex;
}
.top .contry{
    margin-right: 10px;
}
.top .contry img{
    width: 24px;
    vertical-align: -8px;
    margin:0 5px;
}
.top a{
    margin: 0 5px;
    color: #333;
}
.header{
    border-bottom: #eee 1px solid;
    height: 80px;
    background: #fff;
    position: fixed;
    width: 100%;
    z-index:999;
    top:0;
}
.kc-logo{
    width: 125px;
    float: left;
    margin-top: 11px;
}
.nav{
    float: left;
    font-size: 14px;
    line-height: 80px;
    margin-left: 30px;
}

li.full > a{
    color: #333333;
}
.dianh{
    padding: 5px 10px;float: right; margin-top:16px;width:125px;font-weight: bold;
}
a.full .hot, li.full .hot{
    position: absolute;
    color: #fff;
    background: #ff2200;
    top: 15px;
    right: 5px;
    line-height: 14px;
    padding: 0 5px;
    font-size: 12px;
    transform: scale(.7) skewX(-10deg);
}
.header .search{
    width: 153px;
    display: flex;
    padding: 5px 10px;
    float: right;
    background: #f4f4f4;
    margin-top: 24px;

}
.header .search input{
    width: 135px;
}
.header .search img{
    width: 20px;
    vertical-align: -4px;
}
.header .search button{
    border: none;
    background: transparent;
}
input{
    background: none;
    border: none;
}
.header .search ::-webkit-input-placeholder{
    font-size: 12px;
}
.nav > li,.nav > a{
    padding: 0 10px;
    color: #666;
    cursor: pointer;
    position: relative;
    float: left;
}
.nav > li .more{
    transform: scaleY(0);
    transform-origin: 0 0;
    transition: all .2s;
    position: absolute;
    z-index: 999;
    background: #fff;
    left: -10px;
    right: -10px;
    top: 81px;
    font-size: 12px;
    padding: 10px 0;
    box-shadow: 2px 2px 5px rgba(0,0,0,.1);
    text-align: center;
}
.nav > li:hover .more{
    transform: scaleY(1);
}
.nav > li .more a{
    display: block;
    text-decoration: none;
    line-height: 40px;
    color: #333;
}
.nav > li.active, .nav > a.active{
    background: #ededed;
}
.nav > li .more a:hover{
    font-weight: 700;
}
.nav > li:hover span,.nav > a:hover span{
    font-weight: 700;
}
/*.nav > li::after{*/
/*content: '';*/
/*transition: all .3s;*/
/*height: 0;*/
/*left: 60px;*/
/*right: 60px;*/
/*}*/
/*.nav > li:hover::after{*/
/*left: 20px;*/
/*right: 20px;*/
/*bottom: -1px;*/
/*height: 2px;*/
/*background: #333;*/
/*position: absolute;*/
/*}*/
.kc-nav-wrap{
    display: block;
    position: absolute;
    top: 81px;
    left: 0;
    right: 0;
    min-width: 945px;
    z-index: 999;
    transform: scaleY(0);
    box-shadow:0 5px 5px rgba(0,0,0,.05);
    transform-origin: 0 0;
    transition: all .2s;
    max-height: calc(100vh - 81px);
    overflow-y: auto;
}
.nav > li.active .kc-nav-wrap{
    transform: scaleY(1);
}
.kc-nav-wrap .product{
    padding: 20px;
    display: flex;
    justify-content: space-between;
    background: #ededed;
    align-items: stretch;
}
.kc-nav-wrap .product .pro-list{
    width: 49%;
    box-sizing: border-box;
    background: #fff;
}
.kc-nav-wrap .product .pro-list a{
    color: #333;
}
.kc-nav-wrap .product .pro-list .img{
    padding:0 10px;
    line-height: 40px;
    overflow: hidden;
    cursor: pointer;
    background: #fff;
}
.kc-nav-wrap .product .pro-list img{
    width: 100%;
    display: block;
}

.kc-nav-wrap .product .pro-list .img:hover{
    opacity: .9;
}

.kc-nav-wrap .product .pro-list .list{
    float: left;
    justify-content: left;
    width: 49%;

}
.kc-nav-wrap .product .pro-list .list .item{
    box-sizing: border-box;
    margin-bottom: 5px;
    background: #fff;
    display: block;
    font-size: 12px;
    line-height: 12px;
    color: #666;
    text-align: left;
    text-decoration: none;
    padding:0 10px 10px 10px;

}
.kc-nav-wrap .product .pro-list .list .item a{
    display: block;
    line-height: 26px;
}
.kc-nav-wrap .product .pro-list .list .item a:first-child{
    font-weight: 700;
    font-size: 14px;
}
.kc-nav-wrap .product .pro-list .list a img{
    width: 80px;
    height: 80px;
    margin: 0 auto 10px auto;
    display: block;
}
.kc-nav-wrap .product .pro-list .list a:hover{
    color: rgb(35,140,150);
}

.kc-nav-wrap .product .img2 h5{
    line-height: 40px;
}
.kc-nav-wrap .product .img2{
    transition: all .2s;
    background: #fff;
    height: 60px;
}
.kc-nav-wrap .product ul.newslist{
    background: #fff;
    display: flex;
    line-height: 30px;
    padding: 10px;
    font-size: 12px;
    flex-wrap: wrap;

}
.kc-nav-wrap .product ul.newslist li{
    width: 50%;

}
.kc-nav-wrap .product ul.newslist li a:hover{
    color: rgb(35,140,150);
}
.kc-nav-wrap .textlist{
    line-height: 50px;
    background: #fff;
    text-align: center;
}
.kc-nav-wrap .textlist a {
    color: #000;
    display: block;
    font-size: 12px;
}
.kc-nav-wrap .textlist a:hover {
    color: #f4e633;
    background: #000;
}
.kc-nav-wrap .product .img2 p{
    line-height: 20px;
    font-size: 12px;
    overflow: hidden;
}
.kc-nav-wrap .product .img2 a{
    color: #333;
    padding: 10px;
    display: block;
    height: 100%;
    box-sizing: border-box;
}
.kc-nav-wrap .product .img2 a:hover{
    background: #333;
    color: #f4e633;
}

/*公共底部*/
.foot{
    margin-top: 20px;
    background: #ededed;
    color: #333;
    display: flex;
    border-top: #999 1px solid ;
    position: relative;
}

.foot .home-tab{
    position: absolute;
    right: 0;
    width: 50px;
    text-align: center;
}
.foot .home-tab li{
    writing-mode:vertical-lr;
    padding: 15px;
    color: #eee;
}
.foot .kc-wrap li h5{
    font-weight: 800;
    font-size: 14px;
    line-height: 52px;
    margin-top: 10px;
    width: 100%;
    margin-right: 20px;
    white-space: nowrap;
}
.foot .kc-wrap li a,.foot .kc-wrap li p{
    display: block;
    color: #333;
    text-decoration: none;
    font-size: 12px;
    line-height: 15px;
    margin-bottom: 5px;
}
.foot .kc-wrap li a:hover{
    color: rgb(35,140,150);
}
.foot .kc-wrap li a,.foot .kc-wrap li p.scode{
    width: 100px;
}
.foot .kc-wrap li p.scode img{
    width: 100px;
    height: 100px;
}
.foot .kc-wrap li a.min-icon{
    display: inline-block;
    width: auto;
    margin-right: 10px;
    position: relative;

}
.foot .kc-wrap li a.min-icon img:hover{
    filter: grayscale(0);
}
.foot .kc-wrap li a.min-icon .qrcode{
    position: absolute;
    width: 150px;
    height: 150px;
    top: 0;
    left: 30px;
    display: none;
    z-index: 99;
}
.foot .kc-wrap li a.min-icon .qrcode img{
    width: 100%;
    height: 100%;
}
.foot .kc-wrap li a.min-icon:hover .qrcode{
    display: block;
}
.foot .kc-wrap li a.min-icon img{
    width: 28px;
    height: 28px;
    filter: grayscale(100%);
}
.foot .kc-wrap a:hover{
    color: #666;
}
.foot .kc-wrap li{
    width: 20%;
    float: left;
    box-sizing: border-box;
    padding-right: 20px;
    padding-bottom: 20px;
    display: flex;
    flex-wrap: wrap;

}

/*首页样式*/
.home-top{
    width: 945px;
    margin: 0 auto;
}
.home-top .swiper-container {
    /*width: 100vw;*/
    width: 945px;
    min-height: 200px;
}
.home-top .swiper-container .swiper-slide {
    /*width: 100vw;*/
    width: 945px;
    min-height: 200px;
}
.swiper-container .swiper-slide img{
    width: 100%;
    display: block;
    /*//transform: scale(1.04);*/
    /*transform-origin: 50% 50%;*/
}
.home-top .swiper-container .swiper-slide-active img{
    /*transform: scale(1) !important;*/
    /*transition: all 10s;*/
}
.home-top .swiper-container .swiper-pagination-bullet{
    background: #fff;
    opacity: 1;
}
.home-top .swiper-container .swiper-pagination-bullet-active{
    background: #FFED00;
}

.home-top .swiper-container .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
    background-color: rgba(255,255,255,.4);padding: 10px;opacity: .9;}
.home-top .swiper-container .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
    background-color: rgba(255,255,255,.4);padding: 10px;opacity: .9;}
.home-top .swiper-container .swiper-button-next:hover,.swiper-button-prev:hover{
    opacity: 1;
}

.homelist-bottom{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 955px;
}
.homelist-bottom li {
    width: 24%;
    transition: all .2s;
    overflow: hidden;
    margin-bottom: 40px;
}
.homelist-bottom li.c{
    margin-right: 20px;
}
.homelist-bottom li.c1{
    width: 49%;
    margin-right: 1%;
}
.homelist-bottom li.c2{
    width: 32.33333%;
    margin-right: 1%;
}
.homelist-bottom li.c3{
    width: 24%;
    margin-right: 1%;
}

.homelist-bottom li .content{
    display: block;
    color: #333;
    background: #fff;
    overflow: hidden;
    position: relative;
}
.homelist-bottom li .content h2{
    font-size: 16px;
    line-height: 34px;
    font-weight: 700;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #000;
}
.homelist-bottom li .content p{
    line-height: 16px;
    overflow: hidden;
}
.homelist-bottom li:hover {
}
.homelist-bottom li:hover .content{
    color: #666;
}
.homelist-bottom li .topimg{
    width: 100%;
    height: 118px;
    transition: all .2s;
    display: block;
    opacity: 1;
    overflow: hidden;
}
.homelist-bottom li.c1 .topimg.a1{
    height: 400px;
}
.homelist-bottom li.c2 .topimg.a1{
    height: 300px;
}
.homelist-bottom li.c3 .topimg.a1{
    height: 118px;
}
.homelist-bottom li .topimg img{
    width: 100%;
    height: auto;
}
.homelist-bottom li:hover .topimg{
    opacity: .8;
}
.homelist-bottom li .content img.icon{
    width: 30px;
    height: 26px;
    display: block;
    margin: 10px auto;
}
.home-line{
    height: 1px;
    border-top: 1px solid #eee;
    margin: 40px 0;
}
.banner1,.swiper-container{
    margin-bottom: 40px;
}

.banner1{
    width: 100%;
}
.banner1 img{
    width: 100%;
    height: auto;
}
.kc-home-goods {
    margin-bottom: 35px;
}
.kc-home-goods h2{
    width: 100%;
    line-height: 22px;
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 20px;
    position: relative;
}
.kc-home-goods .tuij{
    position: absolute;
    bottom: -10px;
    font-size: 13px;
    font-weight: 500;
    right: 0;
}
.kc-home-goods .tuij a{
    color: #333;
    margin-left: 15px;
}
.kc-home-goods .tuij a:hover{
    color: #f4d400;
}
.kc-home-goods h2 p{
    line-height: 12px;
    font-size: 12px;
    margin-top: 5px;
}
.kc-home-goods .kc-home-goods-left{
    width: 224px;
    position: relative;
    height: 253px;
    background: #fff;
}
.kc-home-content{
    margin: 40px 0;
}
.kc-home-content h2{
    font-size: 24px;
}
.kc-home-content p{
    line-height: 24px;
}
.kc-home-goods .kc-home-goods-left a{
    color: #333;
    text-align: center;
    display: block;
    line-height: 60px;
    background: #eee;
    transition: all .2s;
}
.kc-home-goods .kc-home-goods-left:hover a{
    background: #FFED00;
}
.kc-home-goods .kc-home-goods-left a i{
    margin-left: 5px;
    transition: all .2s;
}
.kc-home-goods .kc-home-goods-left a:hover i{
    margin-left: 10px;
}
.kc-home-goods .kc-home-goods-left img{
    width: 100%;
    height: 193px;
    z-index: 1;
}
.kc-home-goods-right{
    width: 100%;
    overflow: hidden;
    margin-right: 2px;
    display: flex;
    justify-content: space-between;
}
.home-goods-more{
    float: right;
    font-size: 16px;
    color: #999;
}
.home-goods-more a{
    color: #333;
}
.kc-home-goods-right li{
    width: 32%;
    background: #fff;
    margin-bottom: 10px;
    overflow: hidden;
}
.kc-home-goods-right li img{
    height:  100%;
    width: 100%;
    display: block;
}
.kc-home-goods-right li .imgwrap:hover{
    border:#FFED00 1px solid ;
    box-sizing: border-box;
}
.kc-home-goods-right li a{
    color: #333;
    display: block;
}
.kc-home-goods-right li .imgwrap{
    /*position: relative;*/
    height: 193px;
    z-index: 2;
    overflow: hidden;
    background: #eee;
    display: flex;
    justify-content:center;
    align-items:center;
}
/* 样式待调整 */
.kc-home-goods-right li:hover{
    border-color: #FFED00;
    border-width: 2px;

}
.kc-home-goods-right li a:hover{
    color: #999;
}

.kc-home-goods-right li p,.kc-home-goods-right li h3{
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

}
.kc-home-goods-right li h3{
    height: 28px;
    line-height: 28px;
    font-size: 16px;
    color: #333;
    margin-top: 10px;
}

/*商品类目*/

.kc-category{
    margin: 40px 0;
    display: flex;
    flex-wrap: wrap;

}
.kc-category li{
    width: calc(20% + 2px);
    height: 200px;
    box-sizing: border-box;
    font-size: 18px;
    text-align: center;
    border: 2px solid #eee;
    overflow: hidden;
    margin-left: -2px;
    margin-top: -2px;
}
.kc-category li a{
    color: #333;
}
.kc-category li h2{
    padding:10px 20px;
    line-height: 20px;
    max-height: 40px;
    overflow: hidden;
    font-size: 16px;
    font-weight: 400;
}
.kc-category li img{
    margin: 10px auto;
    width: 120px;
    height: 120px;
    display: block;
}
.kc-category li:hover img{
    transition: all .2s;
    transform: scale(1.05);
}
.kc-category li:hover{
    border:2px solid #FFED00;
    position: relative;
}


/*商品列表*/

.kc-item-top{
    position: relative;
    color: #fff;
    position: relative;
    padding: 100px 0;
    background-image: url('https://static.karcher.cn/image/pim/HDS_easyforce_const_app_dd_ant_6_CI15_1260x456.jpg?bp=lg');
    background-size: 100%;
    background-repeat: no-repeat;
}
.kc-item-top:after{
    content: '';
    position: absolute;
    display: block;
    background: rgba(0,0,0,.7);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
}
.kc-item-top h2{
    font-size: 26px;
}
.kc-item-top p{
    margin-top: 30px;
}
.kc-item-top .content{
    position: relative;
    z-index: 2;
    width: 945px;
    margin: 0 auto;
}
.kc-item-menu{
    background: #eee;
    margin-top: -20px;
    position: absolute;
    width: 100%;
}
.kc-item-menu ul{
    margin: 0 auto;
    width: 945px;
    display: flex;
    border-left: 1px solid #999;
}
.kc-item-menu ul li a{
    color: #333;
    display: block;
}
.kc-item-menu ul li:hover{
    background: #333;
    color: #FFED00;
}
.kc-item-menu ul li.active{
    background: #333;
    color: #FFED00;
}
.kc-item-menu ul li.active a{
    color: #FFED00;
}
.kc-item-menu ul li:hover a{
    color: #FFED00;
}
.kc-item-menu ul li{
    padding: 10px;
    width: 25%;
    text-align: center;
    border-right: 1px solid #999;
    position: relative;
    line-height: 20px;
}
.kc-item-menu ul li div.more{
    transform: scaleY(0);
    transform-origin: 0 0;
    transition: all .2s;
    position: absolute;
    top: 40px;
    left: 0;
    right: 0;
    padding:0 10px;
    background: #fff;
    box-shadow: 1px 0 10px rgba(0,0,0,.1);
    z-index: 2;
}
.kc-item-menu ul li div.more a{
    display: block;
    line-height: 40px;
    color: #333;
    background: #fff;
    border-bottom: 1px solid #f1f1f1;
}
.kc-item-menu ul li:hover i{
    transition: all .2s;
    transform: rotate(180deg);
}
.kc-item-menu ul li div.more a:hover{
    font-weight: bold;
}
.kc-item-menu ul li:hover div.more{
    transform: scaleY(1);
}
.kc-goods-item-top .filter{
    float: left;
    padding: 10px 0;
    display: flex;
}
.kc-goods-item-top .filter i {
    margin-right: 5px;
}
.kc-goods-item-top .filter span{
    margin-right: 10px;
    border-right: 1px solid #ccc;
    padding-right: 10px;
}
.kc-goods-item-top .filter span:last-of-type{
    border-right: none;
}
.kc-goods-fitting .filter select{
    border: 1px solid #eee;
    background: #fff;
    padding: 0 20px;
    margin-bottom: 20px;
    border-radius: 0;
    line-height: 40px;
    height: 40px;
    display: block;
    width: 160px;
    margin-right: 20px;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
}

.kc-goods-item-top{
    margin: 80px 0 40px 0;
    overflow: hidden;
}
.kc-goods-item-top .pro-pk{
    background: #eee;
    padding:10px 30px;
    float: right;
    line-height: 16px;
    color: #333;
}
.kc-goods-item-top .pro-pk span{
    background: #666666;
    color: #fff;
    display: inline-block;
    border-radius: 100px;
    width: 16px;
    text-align: center;
    margin-left: 6px;
    font-weight: bold;
}
.kc-goods-item-list{
    display: flex;
    flex-wrap: wrap;
}
.kc-goods-item-list li{
    width: 25%;
    overflow: hidden;
    margin-bottom: 40px;
    border:2px solid transparent;
    box-sizing: border-box;
}
.kc-goods-item-list li .img{
    width: 100%;
    height: 250px;
    position: relative;
    overflow: hidden;
}
.kc-goods-item-list li:hover .img img{
    transform: scale(1.05);
}
.kc-goods-item-list li .img img{
    width: 100%;
    height: auto;
    transition: all .5s;
}
.kc-goods-item-list li:hover{
    border: 2px solid #FFED00;
}
.kc-goods-item-list li .btn{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    text-align: center;
    line-height: 30px;
}
.kc-goods-item-list li a{
    color: #333;
}
.kc-goods-item-list li>a{
    background: #FFED00;
    color: #333;
    visibility: hidden;
    line-height: 40px;
    text-align: center;
    display: block;

}
.kc-goods-item-list li:hover>a{
    visibility: visible;
}
.kc-goods-item-list li .btn .pk{
    float: right;
    box-sizing: border-box;
    width: 40%;
}
.kc-goods-item-list li:hover .btn .pk{
    opacity: 1;
}
.kc-goods-item-list li .btn .pk input{
    margin-left: 5px;
    visibility: hidden;
}
.kc-goods-tree{
    width: 220px;
    margin-right: 20px;
    flex-shrink:0;
    background: #f7f7f7;
}
.accordion {
    width: 100%;
    max-width: 360px;
    background: #FFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.accordion .link {
    cursor: pointer;
    display: block;
    padding: 15px 15px 15px 42px;
    color: #4D4D4D;
    font-size: 14px;
    font-weight: 700;
    border-left: 2px solid #333;
    background: #f7f7f7;
    position: relative;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.accordion li:last-child .link {
    border-bottom: 0;
}

.accordion li .link i {
    position: absolute;
    top: 16px;
    left: 12px;
    font-size: 18px;
    color: #595959;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.accordion li ul li i{
    float: right;
    margin-top: 3px;
    color: #999999;
}
.accordion li ul li ul li.open{
    background: #FFED00;
}
.accordion  > li > .sub > i.fa-chevron-right {
    right: 12px;
    left: auto;
    font-size: 16px;
}

.accordion li.open .link {
    color: #333;
}

.accordion li.open  > .sub i{
    color: #666;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

/**
 * Submenu
 -----------------------------*/
.submenu {
    display: none;
    background: #fff;
    font-size: 12px;
}



.submenu > li{
    text-decoration: none;
    color: #333;
    padding: 8px;
    padding-left: 42px;
    -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
    cursor: pointer;
}
.submenu > li a{
    color: #333;
}
.submenu > li ul{
    margin-top: 10px;
}
.submenu > li ul li{
    padding-left: 10px;
    line-height: 30px;
    margin: 6px 0;
}
.submenu > li ul li:hover {
    color: #666;
}

.kc-goods-item-list li h3{
    padding: 0 20px;
    font-size: 18px;
    line-height: 40px;
    overflow: hidden;
    font-weight: 400;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.kc-goods-item-list li p{
    padding: 0 20px;
    line-height: 20px;
    height: 40px;
    overflow: hidden;
    margin-bottom: 10px;
}
/*商品详情*/
.kc-goods{
    /*display: flex;*/
    /*justify-content: space-between;*/
    margin-bottom: 60px;
}
.kc-goods-photo .swiper-button-prev,.kc-goods-photo .swiper-button-next{
    opacity: 0;
    transition: all .2s;
}
.kc-goods-photo:hover .swiper-button-prev,.kc-goods-photo:hover .swiper-button-next{
    opacity: .8;
}
.kc-goods-info{
}
.kc-goods-info h2{
    font-size: 30px;
    margin-top: 80px;
    white-space: nowrap;
    overflow: hidden;
}
.kc-goods-info p{
    margin-top: 40px;
}
.kc-goods-info strong{
    display: block;
    margin-top: 80px;
    font-size: 36px;
    color: #ffe246;
}
.kc-goods-info strong span{
    font-size: 24px;
}
.kc-goods-photo{
    width: 100%;
    display: flex;
    overflow: hidden;
    position: relative;
}
.kc-goods-photo .swiper-slide{
    width: 100%;
}
.kc-goods-photo .swiper-slide > img{
    width: auto;
    height: auto;
    margin: 0 auto;
    display: block;
    max-width: 100%;
}
.kc-goods-photo .swiper-slide > video{
    width: 100%;
}
.kc-goods-photo .swiper-pagination-bullet{
    background: #bbb;
}
.kc-goods-photo .swiper-pagination-bullet-active{
    background: #FFED00;
}
.kc-goods-shop{
    display: flex;
    justify-content: flex-end;
    padding-bottom: 20px;
}
.kc-goods-shop a{
    margin-left: 20px;
    padding: 10px 20px;
    background: #FFED00;
    width: 10em;
    text-align: center;
    display: block;
    color: #666;
    transition: all .3s;
    font-size: 14px;
    font-weight: 600;
}
.kc-goods-shop a:hover{
    background: #FFED00;
    color: #333;
}
.kc-goods-shop a i{
    transition: all .3s;
    margin-left: 10px;
}
.kc-goods-shop a:hover i{
    margin-left: 20px;
}
.kc-goods-table{
    color: #333;
    margin-bottom: 40px;
}
.kc-goods-table dt{
    margin-bottom: 10px;
    line-height: 50px;
    font-size: 16px;
    font-weight: 700;
    margin-top: 20px;
}
.kc-goods-table dd{
    padding: 40px;
    flex-grow:1;
    background: #f1f1f1;
}
.kc-goods-table dd ul li{
    display: flex;
    line-height: 20px;
    padding: 10px 0;
    border-bottom: 1px solid #fff;
}
.kc-goods-table dd ul li div{
    width: 50%;
}
.kc-goods-Instructions{
    margin-bottom: 40px;
    width: 956px;
}
.kc-goods-Instructions h3,.kc-goods-fitting h3{
    font-size: 16px;
    line-height:50px;
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;
    margin-top: 10px;
}
.kc-goods-Instructions ul{
    display: flex;
    flex-wrap: wrap;
}
.kc-goods-Instructions ul li{
    border: 2px solid #eee;
    margin-right: 1%;
    margin-bottom: 30px;
    width: 24%;
    box-sizing: border-box;
}
.kc-goods-Instructions ul li:hover{
    border: 2px solid #FFED00;
}
.kc-goods-Instructions ul li i{
    margin-left: 5px;
}
.kc-goods-Instructions ul li img:hover{
    opacity: .8;
}
.kc-goods-Instructions ul li img{
    width: 100%;
    height: 300px;
}
.kc-goods-Instructions ul li div{
    line-height: 40px;
    text-align: center;
    width: 100%;
    font-weight: bold;
    background: #FFED00;
    color: #333333;
    border: 0;
}
.kc-goods-fitting{
    width: 100%;
    padding-bottom: 80px;
}
.kc-goods-fitting a{
    color: #000;
}
.kc-goods-fitting .filter{
    line-height: 60px;
    border-bottom: 1px solid #f1f1f1;
    margin-bottom: 20px;
    display: flex;
    padding: 0 20px;
}
.kc-goods-fitting .filter .title{
    font-weight: bold;
}
.kc-goods-fitting .filter .list{
    color: #999;
    cursor: pointer;
}
.kc-goods-fitting .filter .list:hover,.kc-goods-fitting .filter .list.active{
    color: #333;
}
.kc-goods-fitting .filter div{
    padding-right:30px;
}
.kc-goods-fitting > ul{
    display: flex;
    justify-content: left;
    flex-wrap: wrap;
}
.kc-goods-fitting > ul li{
    width: 226px;
    text-align: center;
    flex-shrink:0;
    height: 320px;
    margin-bottom: 10px;
    overflow: hidden;
    margin-right: 5px;
    border:2px solid transparent;
    position: relative;
}
.kc-goods-fitting > ul li .xj{
    background: rgba(0,0,0,.2);
    color: #fff;
    top: 80px;
    right: 0;
    left: 0;
    line-height: 50px;
    text-align: center;
    position: absolute;
}
.kc-goods-fitting > ul li:hover a.link{
    display: block;
}
.kc-goods-fitting > ul li a.link{
    color: #333333;
    line-height: 40px;
    display: none;
    background: #FFED00;
}
.kc-goods-fitting ul li .title{
    padding:10px 20px;
    font-weight: bold;
    overflow: hidden;
    line-height: 40px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.kc-goods-fitting ul li img{
    width: 100%;
    height: 220px;
}
.kc-goods-fitting ul li:hover{
    border:2px solid #FFED00;
}

/*内容管理*/
/*图-文模式*/
.img-text{
    display: flex;
    justify-content: space-between;
    min-height: 400px;
    width: 945px;
    margin: 0 auto;
}
.img-text.left{
    flex-direction: row
}
.img-text.right{
    flex-direction: row-reverse
}
.img-text .text{
    width: 49%;
    padding: 80px;
}
.img-text .img{
    width: 49%;
    padding: 80px;
    display: flex;
    flex-wrap: wrap;
    align-items:center;
    box-sizing: border-box;
}
.img-text .img img{
    width: 100%;
    height: auto;
}

.img-text .text h2{
    font-size: 28px;
    width: 100%;
}
.img-text .text p {
    margin-top: 40px;
    width: 100%;
}
.kc-article-text1,.kc-article-text2,.kc-article-text3,.kc-article-img1,.kc-article-img-text{
    padding: 20px 0;
    margin: 0 auto;
    line-height: 30px;
}
.kc-article-img-text ul li{
    list-style: disc;
    margin-left: 20px;
}
.kc-article-img-text .a1,.kc-article-img-text .a1{
    width: 48%;
}
.kc-article-img-text.t1{
    flex-direction:row;
}
.kc-article-img-text.t2{
    flex-direction:row-reverse;
}
.kc-article-img-text p.a2{
    width: 24%;
}
.kc-article-img-text div.a2{
    width: 73%;
}
.kc-article-img-text div a{
    text-decoration: underline;
}
.kc-article-img-text .ql-size-small{
    font-size: 16px;
}
.kc-article-img-text .ql-size-large{
    font-size: 18px;
}
.kc-article-img-text .ql-size-huge{
    font-size: 26px;
}
.kc-article-text1{
}
.kc-article-text1.c2{
    column-count: 2;
    column-width:2em;
}
.kc-article-text1.c3{
    column-count: 3;
    column-width:2em;
}
.kc-article-text1 p{
    line-height: 30px;
}
.kc-article-text1 h2{
    font-weight: bold;
}.kc-article-text1 .ql-size-mall,.kc-article-text1 h3{
     font-size: 16px;
     padding: 1em 0;
     font-weight: bold;
 }
.kc-article-text1 .ql-size-large,.kc-article-text1 h2{
    font-size: 18px;
    padding: 1em 0;
    font-weight: bold;
}
.ql-align-center{
    text-align:center;
}
.kc-article-text1 .ql-size-huge,.kc-article-text1 h1{
    font-size: 26px;
    padding: 1em 0;
    font-weight: bold;
}
.kc-article-text1.t1{
    text-align: left;
}
.kc-article-text1.t2{
    text-align: center;
}
.kc-article-text1.t3{
    text-align: right;
}
.kc-article-text1.h1{
    font-size: 20px;
    font-weight: bold;
}
.kc-article-text1.h2{
    font-size: 18px;
    font-weight: bold;
}
.kc-article-text1.h3{
    font-size: 15px;
    font-weight: bold;
}
.kc-article-text1.h4{
    font-size: 13px;
}


.kc-article-text2{
    text-align: center;
}
.kc-article-text3{
    text-indent: 2em;
    column-count:2
}
.kc-article-img1 img{
    width: 100%;
    height: auto;
}
.kc-article-img-text{
    display: flex;
    justify-content: space-between;
}
.kc-article-img-text img{
    width: 100%;
    height: auto;
    display: block;
}
.kc-article-img-text video{
    width: 100%;
    height: auto;
    display: block;
}
.kc-article-img-text h1{
    font-size: 20px;
    font-weight: 600;
}
.kc-article-img-text h2{
    font-size: 16px;
    font-weight: 600;
}
.kc-article-header{
    font-size: 20px;
    font-weight: bold;
    line-height: 50px;
}
.kc-article-img-text-link{ display:flex; justify-content: space-between; padding: 10px 0;line-height: 26px;}
.kc-article-img-text-link a{
    color: #333;}
.kc-article-img-text-link a:hover{
    color: #666;
}
.kc-article-img-text-link li p{
    text-indent: 2em;
}
.kc-article-img-text-link li{ padding: 0 20px}
.kc-article-img-text-link li:last-of-type{
    padding-right: 0;
}
.kc-article-img-text-link li:first-of-type{ padding-left: 0}
.kc-article-img-text-link li img{
    width: 100%;
    height: auto;
}
.kc-article-list{
    padding: 10px 0;
    background: #f5f5f5;
}
.kc-article-list li{

    margin-left: 26px;
    padding: 5px 0;
    line-height: 24px;
}
.kc-article-text1 ul li{
    list-style: disc;
    margin-left: 1em;
}
.kc-article-text1 ol li{
    list-style: decimal;
    margin-left: 1em;
}
.kc-article-list.t1 li{
    list-style: decimal;
}
.kc-article-list.t2 li{
    list-style: disc;

}

.kc-article-btn{
    display: inline-block;
    color: #333;
    background: #FFED00;
    border: 1px solid #e3e3e3;
    font-size: 14px;
    padding: 10px 20px;
    min-width: 2em;
    width: auto;
    max-width: 16em;
    white-space: nowrap;
    margin: 10px 0;
    position: relative;
    padding-right: 36px;
}
.kc-article-btn:hover{
    color: #666666;
}
.kc-article-img-link{
    position: relative;
    width: 100%;
    max-width: 945px;
    margin: 40px auto;
}

.kc-article-img-link:hover p{
    opacity: .9;
}
.kc-article-img-link p span{
    display: block;
    text-align: center;
}
.kc-article-img-link p {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    font-size: 20px;
    font-weight: 400;
    opacity: 0;
    background: #FFED00;
    text-align: center;
    color: #333;
    transition: all .2s;
}
.kc-article-img-link img{
    display: block;
    width: 100%;
    height: auto;
}
.kc-article-img-link .a2 img{
    width: auto;
    max-height: 200px;
    display: block;
    margin: auto;
}
.kc-article-img-link i{
    margin-left: 10px;
}
.kc-article-btn i{
    position: absolute;
    right: 15px;
    top: 15px;
}
.kc-article-btn:hover i{
    transition: all .2s;
    right: 10px;
}
/*滚动头部菜单*/
.nav-height{ position:relative; height: 50px;border-bottom: 1px solid #eee;
    margin-bottom: 40px;}
.nav-box {
    height: 50px;
    margin: 0 auto;}
.kc-item-menu.navFix{
    position: fixed;
    top: 101px;
    z-index: 9;
    width: 100%;
}
#navHeight{
    width: 100%;
}
.nav-box.navFix{position: fixed;top: 81px; z-index: 99;  width: 100%; background: #fff; border-bottom: 1px solid #f1f1f1;}
.nav-box ul {padding: 0;margin: 0 auto; display: block; }
.nav-box.navFix ul{ border-bottom: 0;width: 945px;margin: 0 auto;}
.nav-box li { font-weight:500;display: inline-block;min-width: 100px; text-align: left;height: 50px; line-height: 50px;float: left; text-align: center;position: relative;}
.nav-box li a {display: block;padding: 0 20px;background: #f1f1f1;font-size:14px; margin-right: 1px; color: #333; text-decoration: none;}
.nav-box li a:hover{ background: #e1e1e1; }
.nav-box li a.active {    color: #FFED00;
    background: #333;}


/***
行业解决方案
***/

.kc-pro-list{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.kc-pro-list li{
    width: 465px;
    height: 480px;
    margin-bottom: 15px;
    overflow: hidden;
    position: relative;
}
.kc-pro-list li img{
    width: auto;
    height: auto;
    min-height: 480px;
    min-width: 465px;
}
.form-attention{
    color: #999;
    line-height: 30px;
}
.form-attention .fa{
    margin-right: 5px;
}
.form-attention a{
    color: #999;
}
.form-attention a:hover{
    color: #f4c41f;
}
.kc-pro-list li .info{
    color: #fff;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top: 342px;
    overflow: hidden;
    background: rgba(0,0,0,.36);
    text-align: center;
    padding: 20px;
    transition: all .2s;
}
.kc-pro-list li a{
    width: 120px;
    margin: 30px auto;
    color: #333;
    background: #f4e633;
    line-height: 40px;
    display: block;
    font-size: 14px;
    opacity: 0;
    transition: all .5s;
}

.kc-pro-list li:hover a{
    opacity: .9;
}
.kc-pro-list li:hover .info{
    top: 0;
}
.kc-pro-list li:hover .info{
    padding-top: 140px;
}
.kc-pro-list li .info h2{
    font-size: 28px;
}
.kc-pro-list li .info p{
    text-align: left;
    margin-top: 20px;
}
/**体验店*/
.kc-brance{
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
}
.kc-brance .map{
    width: 100%;
}
.kc-brance .maplist{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.kc-brance .maplist li{
    padding: 24px 40px;
    line-height: 20px;
    cursor: pointer;
    box-sizing: border-box;
    background: #fff;
    width: 48%;
    border: 1px solid #eee;
}
.kc-brance .cityInfo{
    width: 463px;
    padding: 50px;
    box-sizing: border-box;
    background: #f3f4f5;
}
.kc-brance .cityInfo .tit{
    font-size: 1.2em;
    font-weight: bold;
}
.kc-brance .cityInfo a{
    font-size: 1.2em;
    margin-top: 50px;
    display: block;
}
.kc-brance .cityInfo p{
    margin-bottom: 10px;
}
.kc-brance .maplist li:hover{
    background: #FFED00;
}
.kc-brance .maplist li a{
    color: #333333;
}
.kc-brance .maplist li p{
    position: relative;
    padding-left: 18px;
}
.kc-brance .maplist li i{
    position: absolute;
    left: 0;
    top: 3px;
}
.kc-brance .maplist li.active{
    background: #FFED00;
}
.kc-brance .maplist li h2{
    line-height: 40px;
}
.kc-brance .swiper-container{
    width: 39%;
    margin: 0;
    border: 1px solid #eee;
}
.kc-brance .maplist li i{
    margin-right: 10px;
}
/*解决方案详情*/
.kc-pro-top{
    color: #fff;
    padding: 50px 0;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    height: 280px;
}
.kc-pro-top::before{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: '';
    background: rgba(0,0,0,.6);
    z-index: 1;
}
.kc-pro-top .kc-wrap{
    z-index: 2;
}
.kc-pro-top h2{
    border-bottom: #FFED00 5px solid;
    font-size: 30px;
    max-width: 10em;
    width: 5em;
    margin: 10px auto;
    text-align: center;
    white-space: nowrap;
}
.kc-pro-top p{
    margin-top: 30px;
    text-align: center;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.kc-pro-top .btn{
    margin: 0 auto;
    margin-top: 20px;
    padding: 10px 20px;
    position: relative;
    display: block;
    width: 7em;
    line-height: 20px;
    max-width: 10em;
    white-space: nowrap;
    color: #333;
    background: #efefef;
}


.kc-pro-top .btn-active{
    background: #FFED00;
}

.kc-pro-top .btn:hover{
    background: #FFED00;
}



/**其他**/
.kc-normal-top{
    padding: 20px 0;
    margin-bottom: 20px;
    border-bottom: 1px solid #ececec;
}
.kc-normal-top h2{
    font-size: 28px;
    margin-bottom: 10px;
}
.download-search{
    width: 500px;
    background: #fff;
    display: flex;
    line-height: 36px;
    justify-content: space-between;
}
.download-search input{
    border: none;
    height: 40px;
    padding: 0 20px;
    flex-grow: 2;
}
.download-search button{
    font-size: 26px;
    padding: 0 15px;
    background: #fff;
    color: #ccc;
    border: none;
}
.download-search button:active,.download-search button:focus{
    outline: none;
}
.download-search button:hover{
    color: #aaa;

}
.search-download-select{
    display: flex;
}
.search-download-select h3{
    font-size: 16px;
    line-height: 40px;

}
.search-download-select select{
    border: 1px solid #eee;
    background: #fff;
    padding: 0 20px;
    margin-bottom: 20px;
    border-radius: 0;
    line-height: 40px;
    height: 40px;
    display: block;
    width: 200px;
    margin-right: 20px;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
}
.main-sender{
    padding: 10px;
    margin-top: 26px;
    background: rgba(255,255,255,.2);
    border:1px solid #ccc;
    width: 160px;
    box-shadow: 0 5px 10px rgba(0,0,0,.05);
}
.home-contactUs{
    position: relative;
    background: #eef2f5;
    height: 100px;
    line-height: 100px;
    font-size: 24px;
    margin-bottom: -20px;
    margin-top: 80px;
    text-align: right;
}
.home-contactUs a{
    color: #268b9d;
}
.home-contactUs img{
    display: block;
    position: absolute;
    bottom: 0;
    width: 180px;
    height: 180px;
    right: 120px;
}
.goods-swiper-container{
    width: 100%;
    position: relative;
}
.goods-swiper-container .swiper-slide{
    width: 32%;
    margin-right: 2%;
}
.goods-swiper-container .swiper-slide:last-of-type{
    width: 32%;
    margin-right: 0;
}
.goods-swiper-container .swiper-slide .imgwrap{
    height: 193px;
    text-align: center;
    overflow: hidden;
}

.goods-swiper-container .swiper-slide p,.goods-swiper-container .swiper-slide h3{
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.goods-swiper-container a{
    display: block;
}
.goods-swiper-container .swiper-slide h3{
    height: 24px;
    line-height: 24px;
    font-size: 14px;
    color: #333;
    font-weight: 400;
    margin-top: 10px;

}
.goods-swiper-container .swiper-button-prev,.goods-swiper-container .swiper-button-next{
    top: 80px;
    background-color: rgba(255,255,255,.4);
    padding: 10px;
    opacity: .9;
    display: block;
}
.goods-swiper-container .swiper-button-prev:hover,.goods-swiper-container .swiper-button-next:hover{
    background-color: rgba(255,255,255,.8);
}
.goods-swiper-container .swiper-button-disabled{
    display: none;
}
.goods-swiper-container .swiper-slide img{
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 193px;
}
.main-sender input[placeholder],.main-sender textarea[placeholder]{
    font-size: 12px;
}
.main-sender input{
    padding: 5px;
    width: 100%;
    box-sizing: border-box;
    background: #fff;
    margin-bottom: 10px;
}
.main-sender textarea{
    padding: 5px;
    width: 100%;
    height: 50px;
    box-sizing: border-box;
    background: #fff;
    margin-bottom: 10px;
    border:none;
}
.main-sender button{
    background: #f4e633;
    border: none;
    display: block;
    color: #000;
    font-weight: bold;
    line-height: 30px;
    width: 80px;
    margin: 0 auto;
}
.kc-kefu{
    position: fixed;
    bottom: 10px;
    right: 2px;
    z-index: 2;
    width: 60px;
    padding-top:32px;
}
.kc-kefu .view{
    position: relative;
}
.kc-kefu .view:hover .info{
    display: block;
}
.kc-kefu .view .info{
    border-radius: 5px;
    display: none;
    font-size: 18px;
    font-weight: bold;
    white-space: nowrap;
    position: absolute;
    right: 62px;
    top: 0;
    padding: 10px;
    background: #000;
    color: #ffed35;
    line-height: 40px;
}
.kc-kefu .view img{
    width: 60px;
    height: 60px;
    border-radius: 5px;
    margin-bottom: 2px;
}
.kc-kefu .kc-kefu-btn{
    background: #FFED00;
    border: 1px solid #e3e3e3;
    line-height: 40px;
    padding:0 20px;
    text-align: center;
    border-radius: 1px;
    width: 100px;
    font-weight: bold;
    cursor: pointer;
}
.kc-kefu .kc-kefu-btn img{
    width: 90px;
    margin-top: 6px;
}
.kc-kefu .kc-kefu-btn i{
    margin-right: 5px;
    transform: rotateY(180deg);
}
.kc-kefu .kc-kefu-go-top{
    font-size: 40px;
}
.contact-title{
    border-bottom: 1px solid #eee;
    margin-bottom: 40px;
    padding-bottom: 20px;
}
.contact-title h2{
    font-size: 18px;
    line-height: 50px;
}
.kc-contact{
    margin-bottom: 40px;
}
.kc-contact select{
    border: 0;
    border-radius: 0;
    height: 40px;
    width: 439px;
    background: #fff;
    padding: 0 20px;
    /*appearance:none;*/
    /*-moz-appearance:none;*/
    /*-webkit-appearance:none;*/
    /*加padding防止文字覆盖*/
    padding-right: 14px;
}
.kc-contact input{
    border: 2px solid #eee;
    height: 36px;
    padding: 0 20px;
    width: 400px;
    display: block;
    margin-bottom: 20px;
}
.kc-contact textarea{
    display: block;
    width: 400px;
    resize: none;
    height: 100px;
    padding: 20px;
    border: 2px solid #eee;
    margin-bottom: 20px;
}
.kc-contact input:focus{
    border-color: #ccc;
}
.kc-contact button{
    border: 1px solid #eee;
    background: #FFED00;
    width: 100px;
    text-align: center;
    font-weight: bold;
    line-height: 36px;
}
.kc-news-list{
    margin-bottom: 40px;
    display: flex;
    flex-wrap: wrap;
    width: 965px;
}
.kc-news-list li{
    box-sizing: border-box;
    width: 305px;
    margin-right: 15px;
    border-bottom: 2px solid #fff;
    margin-bottom: 20px;
}
.kc-news-list li .img{
    width: 100%;
    height: 153px;
    background: #f1f1f1;
    overflow: hidden;
}
.kc-news-list li img{
    min-width: 100%;
    min-height: 100%;
    width: 100%;
}
.kc-news-list li a{
    color: #333;
    display: block;
}
.kc-news-list li h2{
    padding: 10px 0;
    font-size: 16px;
}
.kc-news-list li p{
    line-height: 20px;
    font-size: 13px;
    max-height: 60px;
    overflow: hidden;
}
.kc-news-list li a:hover{
    color: #666666;
}

.goods-search{
    margin-bottom: 20px;
}
.goods-search h2{
    font-size: 18px;
}
.goods-search input{
    margin-top: 20px;
    height: 36px;
    border:2px solid #eee;
    padding: 0 10px;
    width: 600px;
}
.goods-search-btn{
    margin-top: 20px;
    background: #FFED00;
    height: 40px;
    width: 40px;
    line-height: 40px;
    color: #333;
    font-size: 19px;
    text-align: center;
    border: 1px solid #eee;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    display: flex;
}
.goods-search-btn:hover{
    opacity: .9;
}
.goods-search-btn i{
}
.goods-search select{
    border:2px solid #eee;
    display: block;
    width: 100%;
    margin-top: 20px;
    padding: 0 10px;
    height: 40px;
    outline: none;
    border-radius: 0;
    background: #fff;
    position: relative;
    -webkit-appearance: menulist;
}
.kc-tab-bar{
    border-bottom: 1px solid #ddd;
    height: 41px;
    margin-bottom: 40px;
}
.kc-tab-bar li{
    line-height: 40px;
    border: 1px solid #ddd;
    float: left;
    background: #f8f8f8;
    padding: 0 20px;
    border-bottom: 0;
    margin-right: -1px;
    cursor: pointer;
}
.kc-tab-bar li.active{
    background: #fff;
    height: 41px;
    position: relative;
}
.kc-tab-wapper > li{
    display: none;
}
.kc-tab-wapper > li.active{
    display: block;
}
.kc-search-articlelist li{
    padding: 20px 0;
    border-bottom: 1px solid #ddd;
}
.kc-search-articlelist li h3{
    font-size: 18px;
}
.kc-search-articlelist li h3 a{
    color: #333;

}
.kc-search-articlelist li h3 a:hover{
    text-decoration: underline;
}
/*分页*/

.page{ height:32px; margin-top:40px; margin-bottom: 40px}
.page .items{ display: flex; justify-content: center;}
.page .items li { float:left; line-height:30px; margin:0 5px; color:#aaa}
.page .items li a{ border:1px solid #eee; background:#fff; box-sizing:border-box; display:block; padding:0 10px; font-size:14px; color:#888}
.page .items li a:hover{border:1px solid #f4c41f; color: #f4c41f
}
.page .items li.active a{ background: #f4c41f; color:#fff;border:1px solid #f4c41f; }
.page .items li .page-num{ height:22px;border:1px solid #eee; vertical-align:-1px; width:35px}
.page .items li button{ padding:0 10px; background:#fff; border:1px solid #ddd; height:26px;color:
        #888; cursor:pointer; vertical-align:-1px;}
.page .items li button:hover{border:1px solid #f4c41f; color: #f4c41f
}
.page .items li button:focus,.page .items li .page-num:focus{ outline:none}
.page .items li.page-dis a{border:1px solid #eee; color:#ccc}

/**产品对比**/
.kc-pk-left{
    width: 200px;
    float: left;
    box-shadow: 5px 0 10px rgba(0,0,0,.05);
    position: relative;
}
.kc-pk-left .goods-info{
    margin-top: 308px;
}
.goods-info dt{
    line-height: 50px;
    background: #eee;
    height: 50px;
    text-align: center;
    padding:0 20px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    font-weight: bold;
}
.goods-info dd{
    text-align: center;
    line-height: 40px;
    height: 40px;
}
.goods-info dd:nth-of-type(odd){
    background: #fff;
}
.goods-info dd:nth-of-type(even){
    background: #f7f7f7;
}
.kc-pk-goods{
    overflow-x: auto;
    margin-left: 201px;
    display: flex;
    padding-bottom: 40px;
}
.kc-pk-goods .pk-goods-top{
    height: 240px;
    padding: 0 20px;
}
.kc-pk-goods .kc-pk-goods-list{
    width: 240px;
    background: #fff;
    border-right: 1px solid #eee;

}
.kc-pk-goods .kc-pk-goods-list:hover{
    transform: scale(1.01);
    transition: all .2s;
    box-shadow: 0 0 10px rgba(0,0,0,.1);
}
.kc-pk-goods .pk-goods-top img{
    height: 200px;
    width: 200px;
}
.kc-pk-goods .remove{
    height: 28px;
    width: 60px;
    margin: 20px 0 20px 160px;
    text-align: center;
    line-height: 26px;
    border:1px solid #eee;
    box-sizing: border-box;
    color: #999;
    cursor: pointer;
}
.kc-pk-goods .remove:hover{
    color: #666;
    border:1px solid #ccc;
}
.kc-pk-goods .remove i{
    margin-right: 5px;
}
.kc-pk-goods h2{
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.kc-pk-goods h2 a{
    font-size: 20px;
    color: #333333;
    height: 40px;
    line-height: 40px;
}
.py-switch.dick-3 {display: inline-block;
    width: 25px;
    position: relative;
    vertical-align: 15px;
    transform: scale(0.7);}
.py-switch.dick-3 label { cursor: pointer; position: absolute; width: 25px; height: 25px; top: 12px; left: 0; background: #fff; border: 1px solid #aaa; }
.py-switch.dick-3 label:after { content: ''; position: absolute; width: 9px; height: 5px; background: transparent; top: 6px; left: 7px; border: 3px solid #eee; border-top: none; border-right: none; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.py-switch.dick-3 label:hover::after { border: 3px solid #f4d400; border-top: none; border-right: none; }
.py-switch.dick-3 input[type=checkbox]:checked + label:after { border: 3px solid #333; border-top: none; border-right: none; }
.py-switch.dick-3 input[type=checkbox]:checked + label{border: 1px solid #333; }


.kc-bj-goods{
    border-bottom: 1px solid #f1f1f1;
    display: flex;
    padding-bottom: 40px;
    margin-bottom: 40px;
}
.kc-bj-goods .img{
    margin-right: 20px;
    width: 300px;
    max-height: 300px;
}
.kc-bj-goods h2{
    font-size: 20px;
    display: block;
}
.kc-bj-goods a{
    color: #333;
}
.kc-bj-goods .btn{
    padding: 10px 20px;
    line-height: 30px;
    margin-top: 20px;
    background: #eee;
    display: inline-block;
}
.kc-bj-goods .img img{ width: 100%}
.kc-select {
    position: relative;
    float: left;
    width: 120px;
    height: 40px;
    padding-left: 11px;
    font-size: 15px;
    line-height: 40px;
    cursor: pointer;
    border: 1px solid #d2d2d2;
    border-radius: 3px;
    margin-right: 20px;
    outline: none;
    background-color:white;
}

.kc-select:before {
    position: absolute;
    right: 13px;
    top: 18px;
    width: 0;
    height: 0;
    content: "";
    border-width: 8px 8px 0 8px;
    border-style: solid;
    border-color: #FFED00 transparent;
    -webkit-transition: transform .25s;
    -moz-transition: transform .25s;
    -ms-transition: transform .25s;
    -o-transition: transform .25s;
    transition: transform .25s;
}

.kc-select:after {
    position: absolute;
    right: 15px;
    top: 18px;
    width: 0;
    height: 0;
    content: "";
    border-width: 6px 6px 0 6px;
    border-style: solid;
    border-color: #fff transparent;
    -webkit-transition: all .25s;
    -moz-transition: all .25s;
    -ms-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
}

.kc-select.active:before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.kc-select.active:after {
    top: 20px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.kc-select .dropdown {
    position: absolute;
    right: 0;
    left: 0;
    top: 50px;
    display: none;
    padding: 0;
    border-radius: inherit;
    border: 1px solid #d2d2d2;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, .4);
    background-color: white;
    z-index: 1;
}

.kc-select.active .dropdown {
    display: block;
}

.kc-select .dropdown:before {
    position: absolute;
    right: 13px;
    bottom: 100%;
    width: 0;
    height: 0;
    content: "";
    border-width: 0 8px 8px 8px;
    border-style: solid;
    border-color: #d2d2d2 transparent;
}

.kc-select .dropdown:after {
    position: absolute;
    right: 15px;
    bottom: 100%;
    width: 0;
    height: 0;
    content: "";
    border-width: 0 6px 6px 6px;
    border-style: solid;
    border-color: #fff transparent;
}

.kc-select .dropdown li {
    float: left;
    width: 100%;
    font-size: 14px;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    text-align: center;
}

.kc-select .dropdown li:first-of-type {
    border-radius: 3px 3px 0 0;
}

.kc-select .dropdown li:last-of-type {
    border-radius: 0 0 3px 3px;
}

.kc-select .dropdown li:hover {
    color: #fff;
    background: #FFED00;
}
.home-vedio{
    display: flex; justify-content: space-between; margin-bottom: 40px;
}
.home-vedio video,.home-vedio img{
    height: 254px;
}
.qqbj{
    display: flex;
    width: 945px;
    flex-direction: row-reverse;
}
@media only screen and (min-width: 1300px) {
    .qqbj{
        display: block;
    }
    .dianh{
        padding: 5px 10px;float: right; margin-top:8px;width:180px;font-weight: bold;
    }
    .main-sender{
        width: 210px;
    }
    .goods-swiper-container .swiper-slide .imgwrap{
        height: 236px;
    }
    .goods-swiper-container .swiper-slide img{
        max-height: 236px;
    }
    .goods-swiper-container .swiper-button-prev, .goods-swiper-container .swiper-button-next{
        top: 100px;
    }
    .kc-nav-wrap{
        width: 1230px;
    }
    .home-top{
        width:1230px;
        margin: 0 auto;
    }
    .home-top .swiper-container {
        width:1230px;
        min-height: 300px;
    }
    .home-top .swiper-container .swiper-slide {
        width:1230px;
        min-height: 300px;
    }
    .home-vedio video,.home-vedio img{
        height: 335px;
    }
    .kc-wrap { width: 1230px}
    .homelist-bottom{
        width: 1242px;
    }
    .kc-article-img-link{
        max-width:1242px;
    }
    .homelist-bottom li .topimg{
        height: 154px;
    }
    /*.kc-nav-wrap .product .pro-list .list a{*/
        /*width: 19%;*/
    /*}*/
    .nav-box.navFix ul{
        width: 1230px ;
    }
    .kc-home-goods .kc-home-goods-left{
        width: 290px;
        height: 300px;
    }
    .kc-home-goods .kc-home-goods-left img{
        height: 236px;
    }
    /*.kc-home-goods-right{ width: 922px}*/
    .kc-home-goods-right li{
        width: 32%;
    }
    .kc-goods-Instructions{
        width: 1243px;
    }
    .kc-home-goods-right li img{
        /*max-height: 236px*/
    }
    .kc-home-goods-right li .imgwrap{
        height: 236px
    }
    .kc-goods-Instructions ul li{
        width: 19%;
    }
    .homelist-bottom li.c2 .topimg.a1 {
        height: 405px;
    }
    .kc-goods-item-list li .img{
        height: 300px;
    }
    .kc-goods-table dd{
        min-width: 1000px;
    }
    .kc-news-list{
        width: 1250px;
    }
    .kc-news-list li{
        width: 396.66666px;
        margin-right: 20px;
    }
    .kc-news-list li .img{
        height: 199px;
    }
    .kc-item-menu ul{
        width: 1230px;
    }
    .nav > li,.nav > a{
        padding: 0 20px;
        color: #666;
        cursor: pointer;
        position: relative;
        float: left;
    }
}