body {
}
img,
iframe {
    border: none;
    text-decoration: none;
}
a,
a:link,
a:visited,
a:hover,
a:active {
    text-decoration: none;
}
ul,
ol,
li {
    list-style-type: none;
    padding: 0px;
    margin-bottom: 0px;
}
.col-xs-per20,
.col-sm-per20,
.col-md-per20,
.col-lg-per20,
.col-xs-per30,
.col-sm-per30,
.col-md-per30,
.col-lg-per30,
.col-xs-per40,
.col-sm-per40,
.col-md-per40,
.col-lg-per40,
.col-xs-per60,
.col-sm-per60,
.col-md-per60,
.col-lg-per60,
.col-xs-per70,
.col-sm-per70,
.col-md-per70,
.col-lg-per70,
.col-xs-per80,
.col-sm-per80,
.col-md-per80,
.col-lg-per80 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-per20 {
    width: 20%;
    float: left;
}

.col-xs-per30 {
    width: 30%;
    float: left;
}

.col-xs-per40 {
    width: 40%;
    float: left;
}

.col-xs-per60 {
    width: 60%;
    float: left;
}

.col-xs-per70 {
    width: 70%;
    float: left;
}

.col-xs-per80 {
    width: 80%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-per20 {
        width: 20%;
        float: left;
    }

    .col-sm-per30 {
        width: 30%;
        float: left;
    }

    .col-sm-per40 {
        width: 40%;
        float: left;
    }

    .col-sm-per60 {
        width: 60%;
        float: left;
    }

    .col-sm-per70 {
        width: 70%;
        float: left;
    }

    .col-sm-per80 {
        width: 80%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-per20 {
        width: 20%;
        float: left;
    }

    .col-md-per30 {
        width: 30%;
        float: left;
    }

    .col-md-per40 {
        width: 40%;
        float: left;
    }

    .col-md-per60 {
        width: 60%;
        float: left;
    }

    .col-md-per70 {
        width: 70%;
        float: left;
    }

    .col-md-per80 {
        width: 80%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-per20 {
        width: 20%;
        float: left;
    }

    .col-lg-per30 {
        width: 30%;
        float: left;
    }

    .col-lg-per40 {
        width: 40%;
        float: left;
    }

    .col-lg-per60 {
        width: 60%;
        float: left;
    }

    .col-lg-per70 {
        width: 70%;
        float: left;
    }

    .col-lg-per80 {
        width: 80%;
        float: left;
    }
}

/*顶部*/
.kj-logosearch {
    height: 117px;
}
.kj-logo {
    padding-top: 10px;
}
.kj-top-search {
    padding-top: 46px;
}
.kj-top-search input {
    border: 1px solid #c2c2c2;
    height: 42px;
}

.kj-top-search button {
    width: 80px;
    background-color: #209463;
    border: none;
    color: #fff;
    height: 42px;
    font-size: 16px;
}

    .kj-top-search button:hover {
        background-color: #209463;
        color: #fff;
    }

.kj-search-input {
    border: 1px solid #959595;
    border-right: none;
    border-radius: 4px;
    padding-left: 30px;
}

.kj-search-input {
    background: url(../images/search.png) no-repeat left 3px center;
}

    .kj-search-input:focus {
        border-color: #209463;
    }
.kj-top-phone {
    color: #999;
    line-height: 20px;
    padding-top: 46px;
}
.kj-top-phone-img {
    width: 60px;
    border-right: 1px solid #d3d3d3;
    text-align: center;
    padding-top: 4px;
}

.kj-top-phone-con {
    color: #faa42d;
    font-size: 20px;
    font-weight: bold;
}

/*导航*/
.kj-navbar-nav{
    display:flex;
    width:100%;
}
    .kj-navbar-nav > li {
        float: none;
        flex-grow: 1;
    }
    .kj-navbar-box {
        background-color: #209463;
        border: none;
        margin-bottom: 0px;
        border-radius: 0px;
    }
.kj-navbar-nav li a {
    color: #fff;
    background-color: #209463;
    font-size: 16px;
    padding: 16px 30px;
}
.kj-navbar-nav > li > a {
    padding: 16px 0px;
    display: block;
    text-align: center;
}
    .kj-navbar-nav li a:hover, .kj-navbar-nav li a:focus {
        color: #fff;
        background-color: #107b4e;
        font-weight: bold;
    }

.kj-navbar-nav .dropdown-menu{
    border-width:0px;
    padding-top:0px; padding-bottom:0px;
}
.kj-navbar-nav .open > a, .kj-navbar-nav .open > a:hover, .kj-navbar-nav .open > a:focus {
    background-color: #1a7a68 !important;
    border-color: #337ab7;
}
.li-kj-hzp-huoxing .dropdown-menu {
    width: 500px;
    background-color: #209463;
}
    .li-kj-hzp-huoxing .dropdown-menu li{
        width:160px; display:inline-block;
        text-align:center;
    }
        .li-kj-hzp-huoxing .dropdown-menu li a{
            text-align:center;
        }
        /*banner*/
        .kj-index-banner-image {
            display: block;
            height: 490px;
            background-position: center center;
            background-repeat: no-repeat;
            background-size: cover;
        }
.swiper-pagination-bullet-active {
    background: #209463;
}

/*优势产品*/
.kj-youshipro-title {
    font-size: 24px;
    padding: 40px 0px 26px 0px;
}
.kj-youshipro-title img {
    padding-bottom: 6px;
}
.kj-youshipro-col {
    box-shadow: rgba(128,128,128,0.5) 0px 0px 10px;
    margin-bottom: 51px;
}
.kj-youshipro-col-img {
    height: 220px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.kj-youshipro-col-con {
    height: 220px;
}
.kj-youshipro-col-con ul {
    padding: 16px 0px;
}
.kj-youshipro-name {
    padding: 5px 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.kj-youshipro-name a {
    color: #7a7a7a;
    font-size: 15px;
}
    .kj-youshipro-name a:hover {
        color: #209463;
    }

/*首页-公司简介*/
.kj-default-company-news {
    background-color: #f8f8f8;
    padding: 54px 0px 26px 0px;
}
.kj-default-company {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 50px;
}
.kj-default-company-title {
    padding: 226px 0px 8px 23px;
}
    .kj-default-company-title a {
        font-size: 28px;
        font-weight: bold;
        color: #fff;
    }
        .kj-default-company-title a:hover {
            color: #fff;
        }
.kj-default-company-more {
    padding: 0px 0px 25px 23px;
}
    .kj-default-company-more a {
        color: #fff;
        font-size: 12px;
    }
/*首页-新闻*/
.kj-default-news {
    background-color: #fff;
    border-bottom: 3px solid #209463;
    height: 318px;
}
.kj-default-news-title {
    font-size: 24px;
    padding: 30px 0px 0px 28px;
}
.kj-default-news-title a {
    color: #333;
}
.kj-default-news-con {
    padding: 26px 32px;
}
.kj-default-news-con-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.kj-default-news-con-title a {
    font-size: 15px;
    color: #7a7a7a;
    font-weight: bold;
}
.kj-default-news-con-futitle a {
    font-size: 13px;
    color: #7f7f7f;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin: 16px 0px 10px 0px;
}
.kj-default-news-con-posttime a {
    color: #b6b6b6;
    font-size: 12px;
}
.kj-default-news-col {
    padding-left: 0px;
    padding-bottom: 12px;
}
/*底部*/
.kj-footernav {
    background-color: #454545;
    border-bottom: 1px solid #585858;
}
.kj-container {
    padding: 32px 0px 30px 0px;
}
.kj-footernav-title, .kj-footernav-title a {
    color: #fff;
    font-size: 16px;
    padding-bottom: 6px;
}
.kj-footernav ul li {
    padding-top: 8px;
}
    .kj-footernav ul li a {
        color: #cccccc;
    }
.kj-footernav-phone {
    color: #209463;
    font-size: 28px;
    font-weight: bold;
    white-space: nowrap;
}
.kj-footernav-lxus {
    color: #cccccc;
}
.kj-bottom {
    background-color: #454545;
}
.kj-bottom-copyright {
    text-align: center;
    color: #fff;
    padding-top: 18px;
}
.kj-bottom-jszc, .kj-bottom-jszc a {
    padding-bottom: 14px;
    text-align: center;
    color: #fff;
}

/*侧边浮动栏*/
.kj-floatbar {
    position: fixed;
    transition: all 0.5s ease 0s;
    z-index: 1001;
}

.kj-pos-h-right {
    right: 1px;
}

.kj-pos-v-middle {
    top: 50%;
    transform: translateY(-40%);
}

.kj-floatbar-item {
    position: relative;
    margin-bottom: 1px;
}

.kj-floatbar-item-icon {
    width: 70px;
    height: 76px;
    padding-top: 15px;
    padding-bottom: 10px;
    transition: all 0.5s ease 0s;
    color: #ffffff;
    text-align: center;
    background-color: #bebfbf;
    display: block;
}

    .kj-floatbar-item-icon i {
        font-size: 24px;
    }

    .kj-floatbar-item-icon span {
        font-size: 14px;
        display: block;
    }

    .kj-floatbar-item-icon:hover {
        background-color: #fbaf03;
        color: #ffffff;
    }

.kj-floatbar-item-content {
    position: absolute;
    top: 0px;
    min-width: 100px;
    display: none;
    white-space: nowrap;
    padding: 10px;
    background-color: #fff;
    color: #333;
    font-size: 15px;
    border: 1px solid #cecece;
}

.kj-floatbar-item-phone {
    background-color: #fbaf03;
    color: #fff;
    border: none;
    line-height: 30px;
}

.kj-floatbar-item-content a {
    color: #333;
}

.kj-pos-h-right .kj-floatbar-item-content {
    right: 70px;
}
.kj-floatbar-item:hover .kj-floatbar-item-content {
    display: block;
}

.kj-floatbar-zxzx-title {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    text-align: center;
    padding-top: 8px;
}
.kj-floatbar-zxzx-futitle {
    font-size: 13px;
    color: #a8a8a8;
    text-align: center;
    padding-bottom: 12px;
    border-bottom: 1px solid #a8a8a8;
}
.kj-floatbar-item-qq-con {
    width: 180px;
}
    .kj-floatbar-item-qq-con a {
        text-align: center;
    }
.kj-floatbar-qq-col {
    border: 1px solid #94afd5;
    border-radius: 2px;
    width: 72px;
    padding-left: 5px;
    margin: 10px 0px 0px 15px;
    background-color: #e8f0fb;
}
.kj-floatbar-qq-col a {
    color: #1a649d;
}
.kj-floatber-qq-row {
    padding: 18px 0px 26px 0px;
}
.kj-floatbar-item-wechat-con {
    background-color: #fbaf03;
    border: none;
}

/*面包屑*/
.kj-bread,.kj-bread a {
    color: #666666;
    padding-top: 10px;
}
    .kj-bread .breadcrumb {
        background-color: #fff;
        padding: 0px;
        margin: 0px;
    }
    .kj-bread .breadcrumb > li + li:before {
        content: ">";
        color: #666;
    }
    .kj-bread li.active span {
        color: #333;
    }

/*美容肽*/
.kj-maintitle-1 {
    text-align: center;
    color: #209463;
    font-size: 40px;
    font-weight: bold;
    padding: 49px 0px 69px 0px;
}
.kj-cata-image {
    border: 3px solid #6c696a;
    border-radius: 50%;
    width: 116px;
    height: 116px;
}
    .kj-cata-image:hover {
        border: 3px solid #209463;
        background-color: #209463;
    }
.kj-cata-image a {
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 58px;
    margin-top: 26px;
}
.kj-cata-name {
    margin: 26px 0px 72px -52px;
    text-align: center;
}

.kj-cata-name a {
    font-size: 20px;
    color: #6c696a;
}
    .kj-cata-name a:hover {
        color: #209463;
        font-weight: bold;
    }
.kj-pro-mrt {
    padding-bottom: 66px;
}
/*美容肽产品类别*/
.kj-cata-1 a {
    background-image: url(../images/保湿补水.png);
}
.kj-cata-1:hover a {
    background-image: url(../images/保湿补水1.png);
}
.kj-cata-2 a {
    background-image: url(../images/即时祛皱.png);
}
.kj-cata-2:hover a {
    background-image: url(../images/即时祛皱1.png);
}
.kj-cata-3 a {
    background-image: url(../images/抗衰修复.png);
}
.kj-cata-3:hover a {
    background-image: url(../images/抗衰修复1.png);
}
.kj-cata-4 a {
    background-image: url(../images/美白淡斑.png);
}
.kj-cata-4:hover a {
    background-image: url(../images/美白淡斑1.png);
}
.kj-cata-5 a {
    background-image: url(../images/舒缓抗敏.png);
}
.kj-cata-5:hover a {
    background-image: url(../images/舒缓抗敏1.png);
}
.kj-cata-6 a {
    background-image: url(../images/祛痘无痕.png);
}
.kj-cata-6:hover a {
    background-image: url(../images/祛痘无痕1.png);
}
.kj-cata-7 a {
    background-image: url(../images/眼部护理.png);
}
.kj-cata-7:hover a {
    background-image: url(../images/眼部护理1.png);
}
.kj-cata-8 a {
    background-image: url(../images/睫毛生长.png);
}
.kj-cata-8:hover a {
    background-image: url(../images/睫毛生长1.png);
}
.kj-cata-9 a {
    background-image: url(../images/生发固发.png);
}
.kj-cata-9:hover a {
    background-image: url(../images/生发固发1.png);
}
.kj-cata-10 a {
    background-image: url(../images/乌发黑发.png);
}
.kj-cata-10:hover a {
    background-image: url(../images/乌发黑发1.png);
}
.kj-cata-11 a {
    background-image: url(../images/唇部护理.png);
}
.kj-cata-11:hover a {
    background-image: url(../images/唇部护理1.png);
}
.kj-cata-12 a {
    background-image: url(../images/修复激素脸.png);
}
.kj-cata-12:hover a {
    background-image: url(../images/修复激素脸1.png);
}
.kj-cata-13 a {
    background-image: url(../images/身体护理.png);
}
.kj-cata-13:hover a {
    background-image: url(../images/身体护理1.png);
}
.kj-cata-14 a {
    background-image: url(../images/丰胸.png);
}
.kj-cata-14:hover a {
    background-image: url(../images/丰胸1.png);
}
.kj-cata-15 a {
    background-image: url(../images/修复妊娠纹.png);
}
.kj-cata-15:hover a {
    background-image: url(../images/修复妊娠纹1.png);
}
.kj-cata-16 a {
    background-image: url(../images/抗污染.png);
}
.kj-cata-16:hover a {
    background-image: url(../images/抗污染1.png);
}
.kj-cata-17 a {
    background-image: url(../images/重组蛋白.png);
}
.kj-cata-17:hover a {
    background-image: url(../images/重组蛋白1.png);
}
.kj-cata-18 a {
    background-image: url(../images/寡肽系列.png);
}
.kj-cata-18:hover a {
    background-image: url(../images/寡肽系列1.png);
}
.kj-cata-19 a {
    background-image: url(../images/其他美容肽.png);
}

.kj-cata-19:hover a {
    background-image: url(../images/其他美容肽1.png);
}

/*多肽中间体*/
.kj-maintitle-2 {
    padding: 35px 0px 16px 0px;
    font-size: 25px;
    font-weight: bold;
    color: #209463;
    border-bottom: 1px solid #e2e2e2;
}
.kj-pro-dtzjt {
    padding: 8px 0px 119px 0px;
}
.kj-pro-col {
    padding: 38px 0px 18px 0px;
    border-bottom: 1px dashed #e2e2e2;
}
.kj-pro-col a {
    color: #333;
}
    .kj-pro-col a i {
        color: #c4ada7;
        font-size: 20px;
    }
.kj-pro-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.kj-pro-fa {
    padding-left: 0px;
    text-align: center;
}

/*产品详情*/
.kj-pro-con-title {
    padding: 35px 0px 16px 0px;
    border-bottom: 3px solid #e2e2e2;
    text-align: center;
    font-size: 25px;
    font-weight: bold;
    color: #209463;
}
.kj-proinfo-con {
    padding: 40px 0px 115px 28px;
    font-size: 16px;
    color: #333;
    line-height: 200%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.kj-proinfo-canshu {
    padding: 20px 0px 16px 0px;
}
.kj-proinfo-canshu-title {
    font-weight: bold;
}
.kj-proinfo-gxyuyy-gx {
    padding-bottom: 32px;
}
.kj-proinfo-proimage {
    margin-top: 20px;
    text-align: center;
}

/*关于我们*/
.kj-procatalist {
    margin: 0 auto;
    margin-bottom: 20px;
    width: 318px;
}
.kj-procatalist ul {
    display: flex;
}
.kj-procatalist li {
    padding: 16px 20px;
    background-color: #bfbfbf;
    border: 1px solid #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}

    .kj-procatalist li:hover, .kj-procatalist li.active {
        background-color: #209463;
    }

    .kj-procatalist li a {
        color: #fff;
        font-size: 16px;
        font-weight: bold;
    }
.kj-page-content-body {
    padding: 40px 0px 60px 0px;
    font-size: 16px;
}
/*单页面*/
.kj-page-title {
    text-align: center;
    color: #209463;
    font-size: 28px;
    font-weight: bold;
    padding-bottom: 20px;
}
/*新闻页*/
.kj-news-main-con {
    padding-top: 40px;
}
.kj-new-li {
    width: 212px;
}
.kj-media li {
    font-size: 16px;
    color: #333;
    padding: 10px 15px;
}
    .kj-media li a {
        font-size: 16px;
        color: #333;
    }
        .kj-media li a:hover {
            color: #209463;
        }
    .kj-media li:nth-child(2n+1){
        background-color: #eee;
    }

/*搜索*/
.kj-searchtitle {
    padding: 20px 0px 16px 0px;
    font-size: 18px;
    font-weight: bold;
    color: #209463;
    border-bottom: 1px solid #e2e2e2;
}
    .kj-searchtitle a {
        color: #209463;
    }
.kj-main-products {
    padding: 0px 0px 119px 0px;
    min-height: 200px;
}