@CHARSET "UTF-8";
html{margin:0;padding:0;border:0;}
body,div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,address,code,b,em,img,
dl,dt,dd,ol,ul,li,fieldset,form,label,footer,
header,hgroup,nav,section
{margin:0;padding:0;border:0;}
body{background:#fff;color:#666;position:relative;font:12px/1.5 Microsoft YaHei,arial,Microsoft YaHei,宋体,sans-serif;vertical-align:baseline;width:100%;overflow-x:hidden;margin: 0;padding: 0;border: 0;}
a{text-decoration:none;outline:none;}
/*a:link{color:#666;}
a:visited{color:#666;}*/
a:hover,a:active,a:focus{color:#ff0000;text-decoration:none;outline:none;}
* { box-sizing: border-box;}
input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
/*.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}*/
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}

h1,h2,h3,h4{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px dashed #ccc;height:0;margin:20px auto;}
.site_wap{display: none;}
.hend_top{padding: 30px 0;}
.hend_top .inner{display: flex;justify-content: space-between;}
.hend_topr{padding-top: 15px;}
.hend_topr form{border: 1px solid #e23621;display: flex;justify-content: space-between;width: 400px;}
.hend_topr form input{width: 80%;border: 0;line-height: 42px;font-size: 15px;padding-left: 15px;}
.hend_topr form button{background-color: #e23621;color: #fff;border: 0;white-space: nowrap;line-height: 42px;padding: 0 30px;font-size: 15px;}
.hend_topr img{height: 60px;}

/*导航栏*/
.heads{width:1360px;margin: 0 auto; position:relative;background:rgba(255, 255, 255, 0.8);}
.out_nav{width:1530px;margin:0 auto;}
.nav{width:600px;margin: 0 auto;display: flex;justify-content: space-between;}

.nav li a:hover {text-decoration:none;z-index:99999;background: url(../images/yta/baknav.png) no-repeat center center;background-size: 100% 100%;color:#fff;font-weight: bold;}
.nav .active a{text-decoration:none;;z-index:99999;background: url(../images/yta/baknav.png) no-repeat center center;background-size: 100% 100%;color:#fff;font-weight: bold;}
.nav li a span{font-size: 12px;color: #9e7559;font-family: Arial;}
.nav .addcenterlogo a{padding: 0;padding-top: 15px;}
.newaddnavlidivcon{display: flex;}
.heads .toububufen{position: relative;}
.newaddnavlidiv{position: absolute;top:100%;left: 0;border-radius: 0; width: 100%;padding: 0px;transform-origin: top;transform: rotateX(90deg);transition: transform 0.3s linear;}
.nav{position: relative;}
.nav li .newaddnavlidivnav{display: block;justify-content: flex-start;align-items: flex-start; flex-grow: 1;flex-wrap: wrap;margin-left: 0px;}
.nav li .newaddnavlidivnav a{ line-height: 50px;padding: 0 30px; width: 100%; text-align: center; font-size: 16px;border: 1px solid #efefef;white-space: nowrap;display: block;transition: all .6s;background-position: left -50px center;background-color: #fff;border: 1px solid #ddd;color: #333}
.nav li .newaddnavlidivnav a:hover{font-weight: bold;color: #000;text-align: right;padding-right: 50px;padding-left: 50px;background: rgba(255, 255, 255, 0.8);}
.newaddnavlidivpictop {transition: all .5s;}
.newaddnavlidivpictop img{width: 360px;}
.ruidingnavs{position: unset;}
.ruidingnavs:hover .newaddnavlidiv{transform: rotateX(0deg);}


/*nybanner*/
.ny_banners{background: url('../images/ny_banner.jpg') no-repeat center top;height: 430px;position: unset;}
.art_nav{display: flex;position: relative;}
.art_nav a{margin: 0 10px;padding: 18px 38px;color: #333;font-size: 16px;border-radius: 0px;}
.art_nav .active{background-color: #997536;color: #fff;background: url(../images/yta/titlebak.png);background-size: 100% 100%;color: #000;color: #2085a4;font-weight: bold;}
.art_nav .active{position: relative;}

.nynavbar{background-color: #efefef;background-color: unset;padding: 0;border-bottom:1px solid #f1f1f1;}
.nynavbar .inner{display: flex;justify-content: space-between;}
.art_myx{text-align: right;font-size: 15px;color: #666;line-height: 60px;}
.art_myx a{color: #666}


/*分页*/
.pagination {display: -ms-flexbox;display: flex;justify-content: center; padding-left: 0;list-style: none;border-radius: .25rem;margin: 80px auto;}
.page-link:not(:disabled):not(.disabled) {cursor: pointer;}
.page-num, .page-link {position: relative;display: block;padding: .5rem .75rem;margin-left: -1px;line-height: 1.25;color: #333;background-color: #fff;border: 1px solid #dee2e6;}
.page-link {position: relative;display: block;padding: .5rem .75rem;margin-left: -1px;line-height: 1.25;color: #333;background-color: #fff;border: 1px solid #dee2e6;}
.page{font-size: 16px;color: #666;line-height: 30px;padding: 20px 0;}




.inner{width:1440px;margin:0 auto;}
.bk_istit{text-align: center;}
.swiper {width: 100%;height: 100%;}
/*.swiper-slide {text-align: center;font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;height: 474px;}*/
.swiper-slide img {display: block;width: 100%;object-fit: cover;}
.swiper-slide p{position: absolute;left: 0;right: 0;bottom: 0;line-height: 50px;padding: 0 20px;color: #fff;background-color: rgba(0, 0, 0, 0.6);font-size: 30px;}
.content img {max-width: 100%;width:expression(this.width > 900 ? "100%" : this.width);}
.ys_bktwo .swiper-slide img{border-radius: 30px;border: 3px solid #e1c796;overflow: hidden;}
.h_video{object-fit: cover;display: block;height: 100VH;}

.newslistcon{margin-top: 50px;}
.newslist_art{display: flex;justify-content: space-between;}
.newslist_art a{display: block;width: 100%;}
.newslist_art_l{width: 24%;}
.newslist_art_r{width: 74%;}
.newslist_art_l img{width: 100%;height: 200px;object-fit: cover;object-position: top;}
.newslist_art_r a{display: block;font-size: 20px;color: #000;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: all .3s;}
.newslist_art_r a:hover{color: red}
.newslist_art_r p{font-size: 16px;color: #666; word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3; /* 这里是超出几行省略 */overflow: hidden;margin-top: 26px;margin-bottom: 30px;}
.newslist_art_r span{font-size: 12px;color: #999;}
.newslist_art{margin-bottom: 30px;padding-bottom: 30px;border-bottom: 1px dashed #ddd;}

.drtext .newslist_art{margin-bottom: 15px;padding-bottom: 15px;border-bottom: 1px dashed #ddd;}
.drtext .newslist_art_l{text-align: right;}
.drtext .newslist_art_l span{font-size: 14px;color: #666;}
.drtext .newslist_art_r a{font-size: 16px;}
.drtext .newslist_art_r a::before{content: '◇  ';color: #666;font-size: 16px;}

.drpicli .newslist{display: flex;flex-wrap: wrap;}
.drpicli .newslist_art{width: 24%;margin: 0 0.5%;border-bottom: 0;padding-bottom: 0;margin-bottom: 30px;}
.drpicli .newslist_art img{width: 100%;height: 230px;}
.drpicli .newslist_art_auto img{height: 380px;object-fit: unset;border: 1px solid #ddd;}
.drpicli .newslist_art_auto{width: 19%;}
.drpicli .newslist_art p{line-height: 50px;background-color: #efefef;font-size: 16px;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #333}

.rdaboutdy{padding: 40px 0;}
.news_detail{text-align: center;padding: 40px 0;}
.news_detail .news_detail_titile{font-size: 24px;color: #333;padding-bottom: 10px}
.news_detail .news_detail_data{font-size: 12px;color: #999;}
.content p{font-size: 16px;line-height: 36px;}

.nysosuo form{width: 350px;line-height: 42px;display: flex;justify-content: space-between; border-radius: 30px;overflow: hidden;border: 1px solid #2084a6;margin: 50px auto;}
.nysosuo form .nysosuo_left{width: 70%;}
.nysosuo form button{background-color: #2084a6;color: #fff;font-size: 14px;width: 30%;border-bottom: 0;border: 0;padding: 0;}
.nysosuo form input{width: 100%;height: 100%;font-size: 14px;border: 0;padding-left: 20px;}
.nysosuo form input:focus{outline: none;}
.atic_ts{line-height: 50px;text-align: center;padding-bottom: 20px;font-size: 16px;}

.bx_link a:hover{color:red;}


.content{padding-top: 20px;}
.sj_banner{position: relative;height: 100vh;}
.sj_bannertit{width: 800px; text-align: center; position: absolute;left: 0;right: 0;margin: 0 auto;margin-top: 30vh;padding: 10px;border: 1px solid #ddd;background-color: rgba(255, 255, 255, 0);z-index: 9;border-radius: 10px;}
.sj_bannertiter{padding: 40px;border: 1px solid #ddd;border-radius: 10px;}
.sj_bannertit p{font-size: 48px;font-weight: bold;color: #fff;margin-bottom: 20px;text-shadow: 0 0 10px #000;}
.sj_bannertit span{color: #fff;background-color: #ed8301;color: #fff;padding: 5px 50px;border-radius: 20px;}
*{box-sizing: border-box;}
.sj_banner video{position: absolute;}


.addbaners .swiper-slide img{width: auto;}


.container {
    width: 1440px;
    margin: 0 auto;
}
.clearfix::after {
    content: "";
    display: block;
    clear: both;
}

/* ========== 主色调 | 北医医疗官网标准色 ========== */
:root {
    --by-blue: #2084a6;    /* 主色 */
    --by-gray: #f5f7fa;    /* 背景色 */
    --by-text: #333;       /* 正文 */
    --by-subtext: #9b9b9b;    /* 副标题 */
}




/* ========== 顶部通栏 样式（匹配贝易医疗官网） ========== */
.top-bar {
    background-color: #2084a6; /* 参考图青绿色主色 */
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 14px;
}
.top-bar-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
/* 左侧欢迎语 */
.top-welcome {
    flex: 1;
}
.top-welcome span {
    color: #fff;
}
/* 右侧功能区 */
.top-function {
    display: flex;
    align-items: center;
    gap: 20px;
}
/* 服务热线 */
.top-hotline {
    display: flex;
    align-items: center;
    gap: 5px;
}
.top-hotline i {
    font-size: 12px;
}
/* 搜索框 */
.top-search form {
    display: flex;
    align-items: center;
}
.search-input {
    height: 26px;
    padding: 0 10px;
    border: none;
    outline: none;
    border-radius: 3px 0 0 3px;
    font-size: 12px;
    width: 180px;
}
.search-btn {
    height: 26px;
    width: 32px;
    border: none;
    background-color: #fff;
    color: #009698;
    cursor: pointer;
    border-radius: 0 3px 3px 0;
    transition: 0.3s;
}
.search-btn:hover {
    background-color: #f0f0f0;
}
/* 语言切换 */
.top-lang {
    display: flex;
    gap: 5px;
}
.lang-btn {
    padding: 0 12px;
    height: 26px;
    border: none;
    border-radius: 3px;
    background-color: #e0e0e0;
    color: #333;
    cursor: pointer;
    font-size: 12px;
    transition: 0.3s;
}
.lang-btn.active {
    background-color: #fff;
    color: #009698;
    font-weight: 500;
}
.lang-btn:hover:not(.active) {
    background-color: #f0f0f0;
}


@media (max-width: 768px) {
    .top-welcome span {
        font-size: 12px;
        text-align: center;
        display: block;
    }
    .top-function {
        flex-wrap: wrap;
        justify-content: center;
    }
}

/* ========== 头部导航 | 完全对齐beiyimedi ========== */
.header {
/*    background-image: linear-gradient(to bottom, #4e0000 0%, rgba(255,255,255,0) 100%);*/
    background: #bd0000;
    position: relative;
    z-index: 9999;
    top: 0;
    left: 0;
    right: 0;
}
.logo {
    margin-top: 10px;
    float: left;
    height: 70px;
}
.logo h1 {
    font-size: 24px;
    color: var(--by-blue);
    font-weight: bold;
}
.logo span {
    font-size: 14px;
    color: var(--by-subtext);
    margin-left: 10px;
}
.nav {
    margin-right: 5%;
    margin-left: 5%;
    flex-grow: 1;
}

.nav li a {
    font-size: 16px;
    color: #fff;
    display: block;
}
.nav li a:hover, .nav li a.active {
    font-weight: bold;
}
.xll_ongzhdico{width: 38px;}
.hotline {
    float: right;
    height: 80px;
    line-height: 80px;
    color: var(--by-blue);
    font-size: 16px;
    font-weight: bold;
    margin-left: 30px;
}
.hotline i {
    margin-right: 5px;
}
.mobile-btn {
    display: none;
    float: right;
    height: 80px;
    line-height: 80px;
    font-size: 22px;
    cursor: pointer;
}

/* ========== Banner | 全屏通栏 | 北医风格 ========== */
.banner {
    width: 100%;
    height: 600px;
    background: var(--by-blue);
    position: relative;
    overflow: hidden;
    background:url(img/banner1.jpg) no-repeat center top;
}
.banner .container {
    height: 100%;
    position: relative;
}
.banner-content {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    color: #fff;
    width: 50%;
}
.banner-content h2 {
    font-size: 56px;
    margin-bottom: 20px;
    font-weight: normal;
    font-weight: 700;
/*    text-shadow: 0 0 1px #000;*/
}
.banner-content p {
    font-size: 18px;
    margin-bottom: 30px;
    opacity: 0.9;
}
.banner-btn {
    display: inline-block;
    width: 160px;
/*    height: 45px;*/
    line-height: 45px;
    text-align: center;
    background: #91c01c;
    color: #fff;
    font-size: 16px;
    border-radius: 50px;
    margin-top: 50px;
}
.banner-btn:hover {
    background: #f2f2f2;
}
.banner-img {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 45%;
}

/* ========== 通用模块样式 ========== */
.section {
    padding: 60px 0;
}
.section-title {
    text-align: center;
    margin-bottom: 40px;
}
.section-title h2 {
    font-size: 28px;
    color: var(--by-text);
    margin-bottom: 15px;
    font-weight: normal;
    position: relative;
    padding-bottom: 15px;
    font-weight: bold;
}
.section-title h2::after {
    content: "";
    width: 60px;
    height: 2px;
    background: var(--by-blue);
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.contact .section-title h2::after {
    background: #fff;
}
.section-title p {
    font-size: 14px;
    color: var(--by-subtext);
    max-width: 800px;
    margin: 0 auto;
}
.bg-gray {
    background: var(--by-gray);
}

/* ========== 核心优势 ========== */
.advantage-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.advantage-item {
    width: 16%;
    text-align: center;
    padding: 30px 20px;
    background: #fff;
    margin-bottom: 0px;
    border-radius: 3px;
    /* 新增：平滑过渡动画 */
    transition: all 0.3s ease;
    /* 新增：保证悬浮层级正常 */
    position: relative;
}
/* 新增：鼠标悬浮动效（和应用场景/政策模块风格完全统一） */
.advantage-item:hover {
    /* 轻微向上浮动 */
    transform: translateY(-6px);
    /* 增强立体阴影 */
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.12);
    /* 背景色柔和变化 */
    background-color: #fafbfc;
}

.advantage-icon {
    width: 70px;
    height: 70px;
    margin: 0 auto 20px;
    background: #2084a6;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.advantage-icon i {
    font-size: 28px;
    color: #fff;
}
.advantage-item h3 {
    font-size: 16px;
    color: var(--by-text);
    margin-bottom: 15px;
}
.advantage-item p {
    font-size: 14px;
    color: var(--by-subtext);
    line-height: 1.8;
}

/* ========== 关于我们 ========== */
.about-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.about-text {
    width: 55%;
}
.about-text p {
    font-size: 16px;
    color: #333;
    line-height: 2;
    margin-bottom: 0px;
    text-indent: 32px;
}
.about-data {
    display: flex;
    gap: 20px;
    margin-top: 30px;
}
.data-box {
    width: 150px;
    background: #fff;
    text-align: center;
    padding-top: 5px;
    border-radius: 5px;
    padding-bottom: 10px;
/*    box-shadow: 0 0 5px #ddd;*/
border: 1px solid #e9e9e9;

}
.data-box .num {
    font-size: 36px;
    font-family: Airal;
    color: var(--by-blue);
    font-weight: bold;
}
.data-box .text {
    font-size: 12px;
    color: var(--by-subtext);
}
.about-img {
    width: 43%;
    border: 1px solid #eee;
}
.about-img img{width: 100%;}

/* ========== 产品中心 ========== */
.product-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.product-item {
    width: 48%;
    background: #fff;
    padding: 0px;
    border-radius: 3px;
    margin-bottom: 20px;
}
.product-img {
    text-align: center;
    margin-bottom: 20px;
}
.product-img img{width: 100%;}
.product-item h3 {
    font-size: 20px;
    text-align: center;
    color: var(--by-text);
    margin-bottom: 20px;
}
.product-item ul {
    margin-bottom: 25px;
}
.product-item li {
    font-size: 14px;
    color: var(--by-subtext);
    line-height: 2;
    padding-left: 20px;
    position: relative;
}
.product-item li::before {
    content: "•";
    color: var(--by-blue);
    position: absolute;
    left: 0;
}
.product-btn {
    text-align: center;
}
.product-btn a {
    display: inline-block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: var(--by-blue);
    color: #fff;
    font-size: 14px;
    border-radius: 3px;
}
.product-btn a:hover {
    background: #004a90;
}

/* ========== 临床价值 & 政策支持 ========== */
.clinical-list, .policy-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.policy-item img{height: 240px;}
.clinical-item, .policy-item {
    width: 32%;
    background: #fff;
    padding: 0px;
    border-radius: 3px;
    text-align: center;
    /* 新增：过渡动画，让悬浮效果平滑切换 */
    transition: all 0.3s ease;
    /* 新增：保证悬浮效果层级正常 */
    position: relative;
}
/* 新增：鼠标悬浮动效核心代码 */
.clinical-item:hover, .policy-item:hover {
    /* 轻微向上浮动 */
    transform: translateY(-6px);
    /* 增强阴影，提升立体感 */
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.12);
    /* 背景色轻微变化，柔和不刺眼 */
    background-color: #fafbfc;
}

#clinical .clinical-item{padding: 30px;}
.clinical-item img{height: 60px;width: auto;padding-bottom: 20px;}
.policy-item {
    width: 32%;
    border: 1px solid #eee;
}
.clinical-item h3, .policy-item h3 {
    font-size: 16px;
    color: var(--by-blue);
    margin-bottom: 15px;
    margin-top: 15px;
}
.clinical-item p, .policy-item p {
    font-size: 14px;
    color: var(--by-subtext);
    line-height: 1.8;
    padding: 0px 30px;
    padding-bottom: 20px;
}

/* ========== 联系我们 ========== */
.contact {
    background: var(--by-blue);
    color: #fff;
    padding: 50px 0;
}
.contact .section-title h2 {
    color: #fff;
}
.contact .section-title p {
    color: rgba(255,255,255,0.8);
}
.contact-list {
    display: flex;
/*    justify-content: space-between;*/
    text-align: center;
}
.contact-box {
    width: 24%;
}
.contact-box i {
    font-size: 30px;
    margin-bottom: 15px;
}
.contact-box h3 {
    font-size: 16px;
    margin-bottom: 10px;
}
.contact-box p {
    font-size: 14px;
    opacity: 0.9;
}
.contact-address {
    text-align: center;
    margin-top: 40px;
    font-size: 14px;
    opacity: 0.9;
}



/* ========== 新闻中心 - 选项卡+左图右文 样式 ========== */
.news-header {
/*    display: flex;*/
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
}
.news-tabs {
    display: flex;
    justify-content: center;
    gap: 30px;
    margin-bottom: 30px;
}
.tab-item {
    font-size: 16px;
    padding: 8px 0;
    cursor: pointer;
    position: relative;
    transition: 0.3s;
    width: 300px;
    border: 1px solid #df0000;
    text-align: center;
    border-radius: 30px;
    color: #df0000;
    background-color: #fff;
}
.tab-item.active {
    color: #fff;
    font-weight: 600;
    background-color: #df0000;
}
/*.tab-item.active::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #005bac;
}*/
/*.tab-item:hover {
    color: #005bac;
}*/

/* 选项卡内容 */
.tab-pane {
    display: none;
}
.tab-pane.active {
    display: block;
}

/* 新闻左右布局 */
.news-wrapper {
    display: flex;
    gap: 30px;
}
.news-left {
    flex: 0 0 49%;
}
.news-right {
    flex: 1;
    width: 49%;
}

/* 推荐新闻图片 */
.news-recommend {
    position: relative;
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 3px 10px rgba(0,0,0,0.1);
}
.recommend-img {
    width: 100%;
    height: 462px;
    object-fit: cover;
    display: block;
}
.recommend-title {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(transparent, rgba(0,0,0,0.5));
    color: #fff;
    padding: 20px 15px;
    font-size: 16px;
    line-height: 1.5;
    transition: 0.3s;
}
.news-recommend:hover .recommend-title {
    background: linear-gradient(transparent, rgba(0,0,0,0.8));
    font-weight: bold;
}
.news-item:hover .news-content h3 a{color: red}

/* 新闻列表（沿用原有精致样式） */
.news-list {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.news-item {
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 6px;
    padding: 20px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
    transition: 0.3s;
    border-left: 3px solid transparent;

}
.news-item:hover {
    transform: translateX(5px);
    border-left: 3px solid #df0000;
    box-shadow: 0 3px 8px rgba(0,0,0,0.08);
}
.news-date {
    width: 80px;
    height: 80px;
    background: #df0000;
    border-radius: 6px;
    text-align: center;
    padding-top: 12px;
    margin-right: 20px;
    flex-shrink: 0;
}
.news-date .day {
    display: block;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    line-height: 1;
}
.news-date .month {
    display: block;
    font-size: 14px;
    color: #fff;
    margin-top: 5px;
}
.news-content { flex: 1; width: 82%;}
.news-content h3 {
    font-size: 16px;
    margin-bottom: 8px;
}
.news-content h3 a {
    color: #333;
    transition: 0.3s;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    font-size: 16px;
    text-align: left;
}
.news-content h3 a:hover { color: #005bac; }
.news-content p {
    font-size: 14px;
    color: #666;
    line-height: 1.6;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* 响应式适配 */
@media (max-width: 992px) {
    .news-header { flex-direction: column; align-items: flex-start; gap: 15px; }
    .news-wrapper { flex-direction: column; }
    .news-left { flex: 0 0 100%; }
    .recommend-img { height: 220px; }
}
@media (max-width: 768px) {
    .news-tabs { gap: 20px; }
    .tab-item { font-size: 14px; }
}



/* ========== 联系我们卡片优化：图标左+文字右 精致版 ========== */
.contact-list {
  display: flex;
/*  flex-direction: column;*/
  gap: 15px;
}
/* 卡片主体：横向排版 */
.contact-box {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 22px 25px;
  background: #ffffff;
  border-radius: 10px;
  border-left: 4px solid #005bac;
  box-shadow: 0 2px 8px rgba(0, 91, 172, 0.08);
  transition: all 0.3s ease;
  cursor: default;
}
/* 悬停动效 */
.contact-box:hover {
  transform: translateX(6px);
  box-shadow: 0 4px 12px rgba(0, 91, 172, 0.15);
  background: #f8fafc;
}
/* 图标样式 */
.contact-box i {
  width: 48px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  font-size: 20px;
  color: #fff;
  background-color: #005bac;
  border-radius: 8px;
  flex-shrink: 0;
}
/* 文字容器 */
.contact-box .text-wrap {
  flex: 1;
}
/* 标题 */
.contact-box h3 {
  text-align: left;
  font-size: 16px;
  color: #333;
  margin: 0 0 4px 0;
  font-weight: 600;
}
/* 内容 */
.contact-box p {
  text-align: left;
  font-size: 15px;
  color: #666;
  margin: 0;
}
.contact .contact-box i{margin-bottom: 0}
.footer-bottom p a{color: #999;}







/* ========== 底部升级样式：LOGO预留+双二维码 ========== */
.site-footer {
  color: #e5e7eb;
  padding: 0;
  font-size: 14px;
/*  background:url(../images/foot_bakss.jpg) no-repeat center top;*/
/*  padding-bottom: 400px;*/
}
.footer-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 80px 0;
  gap: 20px;
  background: unset;
}
.footer-col {
/*  flex: 1;*/
  min-width: 200px;
}
/* 左侧LOGO预留位 */
.footer-logo {
  flex: 0 0 180px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.footer-logo-img {
  width: 260px;
  height: auto;
  padding: 10px;
  border-radius: 4px;
  padding-left: 0;
  padding-top: 0;
}
/* 公司信息 */
.footer-info h3 {
  font-size: 19px;
  color: #999;
  margin-bottom: 30px;
  font-weight: 500;
}
.footer-info p {
  line-height: 2;
  margin-bottom: 0px;
  color: #666!important;
  font-size: 12px;

}
.footer-cert {
  color: #9ca3af !important;
  font-size: 12px;
}
/* 快速导航 */
.footer-nav h4 {
  font-size: 16px;
  color: #fff;
  margin-bottom: 15px;
  font-weight: 500;
}
.footer-nav ul li {
  margin-bottom: 10px;
}
.footer-nav ul li a {
  color: #d1d5db;
  transition: 0.3s;
}
.footer-nav ul li a:hover {
  color: #005bac;
}
/* 右侧联系我们 */
.footer-contact h4 {
  font-size: 16px;
  color: #333;
  margin-bottom: 15px;
  font-weight: 700;
}
.footer-contact p {
  line-height: 2;
  margin-bottom: 8px;
  color: #333;
}
.footer-contact i {
  color: #777;
  margin-right: 8px;
  width: 14px;
  text-align: center;
}
/* 双二维码样式 */
.footer-qr-box {
  display: flex;
  gap: 21px;
  margin-top: 15px;
}
.qr-item {
  text-align: center;
}
.qr-img {
  width: 90px;
  height: 90px;
  background: #fff;
  padding: 5px;
  border-radius: 4px;
  margin-bottom: 5px;
}
.qr-item span {
  font-size: 12px;
  color: #d1d5db;
  display: block;
  text-align: center;
}
/* 版权栏 */
.footer-bottom {
  text-align: center;
  padding: 18px 0;
  color: #9ca3af;
  border-top: 1px solid #d5e4ea;
}
.footer-bottom p {
  margin: 0;
  font-size: 13px;
}

/* 响应式适配 */
@media (max-width: 992px) {
  .footer-top {
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 30px 20px;
  }
  .footer-logo {
    margin-bottom: 20px;
  }
  .footer-qr-box {
    justify-content: center;
  }
}


.contact .contact-box i{background-color: #8fc01d}
.contact .contact-box {border-left: 4px solid #91bf1e;}


















.kryy-container {
            width: 1360px;
            margin: 0 auto;
            padding: 0 20px;
        }
        @media (max-width: 1200px) {
            .kryy-container {
                width: 100%;
            }
        }
        /* 主色调调整：以logo浅绿为主，深绿为点缀 */
        :root {
/*            --kryy-main-color: #73C043;*/
/*            --kryy-main-color: #2F7D32;*/
            --kryy-main-color: #df0000; /* logo浅绿主色 */



            --kryy-dark-color: #2F7D32; /* 深绿点缀色 */

            --kryy-red-color: #d82228;
            --kryy-light-gray: #f5f5f5;
            --kryy-text-gray: #666;
            --kryy-dark-gray: #333;
            --kryy-top-bar-color: #0ac9aa;
        }

        .kryy-scroll-animate {
            opacity: 0;
            transform: translateY(30px);
            transition: all 0.8s ease;
        }
        .kryy-scroll-animate.kryy-active {
            opacity: 1;
            transform: translateY(0);
        }

        .kryy-top-bar {
            width: 100%;
            height: 40px;
            line-height: 40px;
            background-color: var(--kryy-top-bar-color);
            border-bottom: 1px solid #e5e7eb;
            font-size: 14px;
            color: var(--kryy-text-gray);
        }
        .kryy-top-bar-wrapper {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        .kryy-top-bar-left {
            display: flex;
            gap: 20px;
        }
        .kryy-top-bar-left a {
            color: #fff;
        }
        .kryy-top-bar-left a:hover {
            color: var(--kryy-red-color);
        }
        .kryy-top-bar-right {
            display: flex;
            align-items: center;
            gap: 20px;
        }
        .kryy-top-bar-right .kryy-contact-item {
            display: flex;
            align-items: center;
            gap: 5px;
            color: #fff;
        }
        .kryy-top-bar-right .icon {
            color: var(--kryy-main-color);
            font-size: 16px;
        }
        .kryy-top-bar-right .kryy-online-consult {
/*            padding: 0 12px;*/
            background-color: var(--kryy-main-color);
            color: #fff;
            border-radius: 3px;
            line-height: 26px;
            height: 26px;
        }
        .kryy-top-bar-right .kryy-online-consult:hover {
            color: var(--kryy-red-color);
        }
        @media (max-width: 768px) {
            .kryy-top-bar {
                display: none;
            }
        }

        .kryy-header {
            background-color: #fff;
            box-shadow: 0 2px 10px rgba(0,0,0,0.05);
            position: sticky;
            top: 0;
            z-index: 999;
            transition: all 0.3s ease;
        }
        .kryy-header-top {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 30px 0;
            gap: 30px;
        }
        .kryy-logo {
            display: flex;
            align-items: center;
            flex-shrink: 0;
        }
        .kryy-logo img {
            height: 60px;
            margin-right: 15px;
            transition: transform 0.3s ease;
        }
        .kryy-logo:hover img {
            transform: rotate(5deg) scale(1.05);
        }
        .kryy-logo-text h1 {
            font-size: 24px;
            color: var(--kryy-main-color);
            font-weight: bold;
        }
        .kryy-logo-text p {
            font-size: 14px;
            color: var(--kryy-text-gray);
        }

        .kryy-header-search {
            flex: 1;
            max-width: 400px;
            position: relative;
        }
        .kryy-search-form {
            width: 100%;
            height: 42px;
            position: relative;
        }
        .kryy-search-input {
            width: 100%;
            height: 100%;
            padding: 0 15px;
            border: 1px solid var(--kryy-main-color);
            border-radius: 21px 0 0 21px;
            outline: none;
            font-size: 14px;
            color: var(--kryy-dark-gray);
            border-radius: 30px;
        }
        .kryy-search-input:focus {
            border-color: var(--kryy-dark-color);
        }
        .kryy-search-btn {
            position: absolute;
            right: 0;
            top: 0;
            width: 60px;
            height: 100%;
            background-color: var(--kryy-main-color);
            color: #fff;
            border: none;
            border-radius: 0 21px 21px 0;
            cursor: pointer;
            font-size: 16px;
            transition: background 0.3s ease;
        }
        .kryy-search-btn:hover {
            background-color: var(--kryy-dark-color);
        }
        .kryy-header-contact {
            text-align: right;
            flex-shrink: 0;
            display: flex;
        }
        .kryy-header-contactr{padding-left: 15px;padding-top: 5px}
        .kryy-header-contact p {
            font-size: 14px;
            color: var(--kryy-text-gray);
            margin-bottom: 0px;
        }
        .kryy-header-contact .kryy-tel {
            font-size: 22px;
            color: var(--kryy-red-color);
            font-weight: bold;
            font-style: italic;
            font-family: Airal;
        }
        @media (max-width: 992px) {
            .kryy-header-search {
                max-width: 200px;
            }
        }
        @media (max-width: 768px) {
            .kryy-header-top {
                flex-wrap: wrap;
                justify-content: center;
                gap: 15px;
            }
            .kryy-header-search {
                max-width: 100%;
                width: 100%;
                order: 3;
            }
            .kryy-logo img {
                width: 60px;
                height: 60px;
            }
            .kryy-logo-text h1 {
                font-size: 18px;
            }
        }

        .kryy-nav {
    color: var(--kryy-dark-gray);
    background-color: #fff;
    position: relative;
    border-top: 2px solid var(--kryy-light-gray);
}
.kryy-nav-list {
    display: flex;
    justify-content: space-between;
}
.kryy-nav-item {
    position: relative;
    transition: all 0.3s ease;
    padding: 33px 0;
    text-align: center;
    width: 100%;
}
.kryy-nav-item a {
    display: block;
    padding: 0px;
    color: var(--kryy-dark-gray);
    font-size: 16px;
    position: relative;
    z-index: 1;
    text-align: center;
    line-height: 14px;
}
.kryy-nav-item+.kryy-nav-item a {
/*    border-left: 1px solid #eee;*/
}
.kryy-nav-item::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 3px;
    background-color: var(--kryy-main-color);
    transition: all 0.3s ease;
    transform: translateX(-50%);
}
.kryy-nav-item:hover {
    transform: scale(1.05);
}
.kryy-nav-item+.kryy-nav-item a{}
.kryy-nav-item:hover a::after,
.kryy-nav-item.kryy-active a::after {
    width: 98%;
}
.kryy-nav-item a:hover, .kryy-nav-item.kryy-active a {
    color: var(--kryy-dark-color);
}
/* 二级菜单基础样式（优化动画，修复过渡失效） */
.kryy-nav-item .kryy-sub-nav {
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #fff;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    z-index: 99;
    min-width: 160px;
    /* 核心：用visibility替代display，保证过渡动画生效 */
    visibility: hidden;
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.3s ease;
}
/* 一级悬浮 → 显示二级菜单 */
.kryy-nav-item:hover .kryy-sub-nav {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
}
/* 二级菜单子项：设置相对定位，作为三级菜单的父级 */
.kryy-nav-item .kryy-sub-nav .newaddnavlidivnavcon {
    position: relative;
}
/* 二级菜单链接样式 */
.kryy-nav-item .kryy-sub-nav li a {
    color: var(--kryy-dark-gray);
    padding: 15px 20px;
    border-bottom: 1px solid #eee;
    font-size: 14px;
    line-height: 18px;
}
.kryy-nav-item .kryy-sub-nav li a:hover {
    background-color: var(--kryy-light-gray);
    color: red;
    padding-left: 25px;
}

/* ===================== 新增：三级菜单核心样式 ===================== */
/* 三级菜单容器默认隐藏 */
.newaddnavlidivnavcon .newaddnavlidivnavconistie {
    position: absolute;
    top: 0;
    left: 100%; /* 靠右弹出，不遮挡二级菜单 */
    min-width: 160px;
    background-color: #fff;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    z-index: 100; /* 层级高于二级 */
    /* 动画效果 */
    visibility: hidden;
    opacity: 0;
    transform: translateX(10px);
    transition: all 0.3s ease;
}
/* 二级菜单悬浮 → 显示三级菜单 */
.newaddnavlidivnavcon:hover .newaddnavlidivnavconistie {
    visibility: visible;
    opacity: 1;
    transform: translateX(0);
}
/* 三级菜单链接样式（和二级保持统一） */
.newaddnavlidivnavconistie a {
    display: block;
    padding: 15px 20px !important; /* 覆盖原有样式 */
    color: var(--kryy-dark-gray) !important;
    font-size: 14px !important;
    line-height: 18px !important;
    border-bottom: 1px solid #eee !important;
    border-left: none !important; /* 清除左侧边框 */
}
/* 三级菜单hover效果 */
.newaddnavlidivnavconistie a:hover {
    background-color: var(--kryy-light-gray) !important;
    color: var(--kryy-main-color) !important;
    padding-left: 25px !important;
}




        @media (max-width: 768px) {
            .kryy-nav-list {
                flex-wrap: wrap;
            }
            .kryy-nav-item a {
                padding: 10px 15px;
                font-size: 14px;
            }
            .kryy-nav-item a::after {
                display: none;
            }
        }

        .kryy-banner {
            width: 100%;

            overflow: hidden;
            margin-bottom: 0;
        }
        .swiper-slide img {
            width: 100%;
            object-fit: cover;
        }
        .swiper-pagination-bullet-active {
            background-color: var(--kryy-main-color) !important;
        }
        .swiper-button-prev, .swiper-button-next {
            color: var(--kryy-main-color) !important;
            transform: scale(0.8);
            transition: transform 0.3s ease;
        }
        .swiper-button-prev:hover, .swiper-button-next:hover {
            transform: scale(1);
        }
        @media (max-width: 768px) {
            .kryy-banner {
                height: 250px;
            }
            .swiper-slide img {
            }
        }

        .kryy-core-service {
            padding: 40px 0;
/*            background-color: #fff;*/
/*            margin-bottom: 50px;*/
            background: url(../images/bak.jpg) repeat;
            box-shadow: 0 3px 15px rgba(0,0,0,0.05);
        }
        .kryy-core-wrapper {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 20px;
        }
        .kryy-core-item {
            display: flex;
            align-items: center;
            gap: 15px;
            padding: 24px 36px;
            background: linear-gradient(135deg, #fff 0%, #f8fff9 100%);
            border-radius: 12px;
            border: 1px solid #e6f2ee;
            transition: all 0.4s ease;
        }
        .kryy-core-item:hover {
            transform: translateY(-8px);
            box-shadow: 0 8px 20px rgba(115,192,67,0.1);
            border-color: var(--kryy-main-color);
        }
        .kryy-core-icon {
            width: 50px;
            height: 50px;
            background-color: var(--kryy-main-color);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
            transition: all 0.3s ease;
        }
        .kryy-core-icon img{height: 30px;}
        .kryy-core-item:hover .kryy-core-icon {
            background-color: var(--kryy-dark-color);
            transform: rotate(10deg);
        }
        .kryy-core-icon i {
/*            font-size: 24px;*/
            color: #fff;
        }
        .kryy-core-text h3 {
            font-size: 16px;
            color: var(--kryy-dark-gray);
            margin-bottom: 5px;
            font-weight: 600;
        }
        .kryy-core-text p {
            font-size: 12px;
            color: var(--kryy-text-gray);
        }
        @media (max-width: 992px) {
            .kryy-core-wrapper {
                grid-template-columns: repeat(2, 1fr);
            }
        }
        @media (max-width: 576px) {
            .kryy-core-wrapper {
                grid-template-columns: repeat(1, 1fr);
            }
        }

        .kryy-about {
            padding: 50px 0;
            background-color: #fff;
            margin-bottom: 50px;
            border-radius: 10px;
            box-shadow: 0 2px 20px rgba(0,0,0,0.03);
        }
        .kryy-section-title {
            display: flex;
            justify-content: space-between;
            margin-bottom: 30px;
            padding-bottom: 20px;
            border-bottom: 1px solid #ddd;
        }
        .kryy-section-titlel,.kryy-section-titler{width: 50%;position: relative;}

        .kryy-section-titlel h2 {
            font-size: 24px;
            color: var(--kryy-main-color);
            font-weight: bold;
            display: inline-block;
            padding-left: 30px;
/*            border-left: 10px solid var(--kryy-main-color);*/
            transition: all 0.3s ease;
        }
        .kryy-section-titlel:hover h2 {
            transform: translateY(-3px);
        }
        .kryy-section-titlel::after {
            content: "";
            position: absolute;
            top: 8px;
            left: 0;
            width: 10px;
            height: 24px;
            background-color: var(--kryy-main-color);
            z-index: -1;
/*  transform: translateX(-50%);*/
        }
        .kryy-about-content {
            display: flex;
            align-items: center;
            gap: 40px;
        }
        .kryy-about-img {
            flex: 1;
        }
        .kryy-about-img img {
            width: 100%;
            border-radius: 10px;
            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
            transition: transform 0.3s ease;
        }
        .kryy-about-img img:hover {
            transform: scale(1.03);
        }
        .kryy-about-text {
            flex: 2;
        }
        c {
            font-size: 16px;
            color: var(--kryy-text-gray);
/*            margin-bottom: 12px;*/
            text-indent: 2em;
            line-height: 28px;
        }

        .kryy-about-text .kryy-more {
            display: inline-block;
            padding: 8px 45px;
            background-color: var(--kryy-main-color);
            color: #fff;
            border-radius: 30px;
            margin-top: 10px;
            transition: all 0.3s ease;
        }
        .kryy-about-text .kryy-more:hover {
            background-color: var(--kryy-dark-color);
            transform: translateY(-3px);
            box-shadow: 0 5px 10px rgba(115,192,67,0.2);
        }
        @media (max-width: 768px) {
            .kryy-about-content {
                flex-direction: column;
                gap: 20px;
            }
            .kryy-about-img {
                width: 100%;
            }
        }

        .kryy-medical {
            padding: 50px 0;
            margin-bottom: 50px;
        }
        .kryy-medical-list {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 30px;
        }
        .kryy-medical-item {
/*            background-color: #fff;*/
            border-radius: 10px;
            padding: 60px;
            text-align: center;
            box-shadow: 0 2px 15px rgba(0,0,0,0.05);
            transition: all 0.4s ease;
            position: relative;
            border-radius: 5px;
            overflow: hidden;
        }
        .kryy-medical-item:hover {
            transform: translateY(-10px);
            box-shadow: 0 10px 25px rgba(0,0,0,0.1);
        }
        .kryy-medical-item .icon {
            font-size: 40px;
            color: var(--kryy-main-color);
            margin-bottom: 20px;
            transition: transform 0.3s ease;
        }
        .kryy-medical-item .icon img{height: 120px;}
        .kryy-medical-item:hover .icon {
            transform: scale(1.2) rotate(5deg);
        }
        .kryy-medical-item h3 {
            font-size: 20px;
            color: #fff;
            margin-bottom: 15px;
        }
        .kryy-medical-item p {
            font-size: 14px;
            color: #fff;
            margin-bottom: 20px;
        }
        .kryy-medical-item a {
            color: #fff;
            font-weight: bold;
        }
        .kryy-medical-item a:hover {
            color: var(--kryy-dark-color);
            text-decoration: underline;
        }
        .kryy-medical-bakimg{position: absolute;width: 100%;height: 100%;left: 0;right: 0;top: 0;bottom: 0;z-index: -1}
        @media (max-width: 768px) {
            .kryy-medical-list {
                grid-template-columns: repeat(1, 1fr);
            }
        }

        .kryy-feature {
            padding: 50px 0;
            background-color: var(--kryy-main-color);
            color: #fff;
            margin-bottom: 50px;
            background-image: url("https://img-blog.csdnimg.cn/20240102153024234.jpg");
            background-blend-mode: overlay;
            background-size: cover;
            background-position: center;
        }
        .kryy-feature .kryy-section-title h2 {
            color: #fff;
            border-bottom-color: #fff;
        }
        .kryy-feature-list {
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
            gap: 20px;
        }
        .kryy-feature-item {
            flex: 1;
            min-width: 250px;
            text-align: center;
            padding: 20px;
            transition: transform 0.3s ease;
        }
        .kryy-feature-item:hover {
            transform: scale(1.05);
        }
        .kryy-feature-item .icon {
            font-size: 50px;
            margin-bottom: 20px;
        }
        .kryy-feature-item h3 {
            font-size: 22px;
            margin-bottom: 15px;
        }
        .kryy-feature-item p {
            font-size: 14px;
            opacity: 0.9;
        }

        .kryy-news {
            padding: 60px 0;
            background-color: #fff;
            border-radius: 10px;
            box-shadow: 0 2px 20px rgba(0,0,0,0.03);
            margin-bottom: 0px;
        }
        .kryy-news-content {
            display: flex;
            gap: 40px;
        }
        .kryy-news-left {
            flex: 2;
        }
        .kryy-news-item {
            display: flex;
            gap: 6px;
            padding-bottom: 20px;
            margin-bottom: 20px;
            border-bottom: 1px dashed #cbcbcb;
            transition: background 0.3s ease;
        }
        .kryy-news-item:hover {
/*            background-color: #fafafa;*/
            padding-left: 10px;
        }
        .kryy-news-item:last-child {
            border-bottom: none;
        }
        .kryy-newsconr .kryy-news-item:last-child{padding-bottom: 0;margin-bottom: 0;border-bottom: unset;}
        .kryy-news-img {
            width: 150px;
            height: 116px;
            flex-shrink: 0;
        }
        .kryy-news-img img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 5px;
            transition: transform 0.3s ease;
        }
        .kryy-news-item:hover .kryy-news-img img {
            transform: scale(1.05);
        }
        .kryy-news-text h3 {
            font-size: 18px;
            margin-bottom: 10px;
        }
        .kryy-news-text h3 a:hover {
            color: var(--kryy-main-color);
        }
        .kryy-news-text .kryy-date {
            font-size: 12px;
            color: var(--kryy-text-gray);
            margin-bottom: 10px;
        }
        .kryy-news-text p {
            font-size: 14px;
            color: var(--kryy-text-gray);
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }
        .kryy-news-right {
            flex: 1;
        }
        .kryy-notice {
            background-color: var(--kryy-light-gray);
            padding: 20px;
            border-radius: 10px;
        }
        .kryy-notice h3 {
            font-size: 18px;
            color: var(--kryy-main-color);
            margin-bottom: 20px;
            padding-bottom: 10px;
            border-bottom: 1px solid #ddd;
        }
        .kryy-notice-list li {
            padding: 10px 0;
            border-bottom: 1px dashed #ddd;
            transition: padding 0.3s ease;
        }
        .kryy-notice-list li:hover {
            padding-left: 5px;
        }
        .kryy-notice-list li:last-child {
            border-bottom: none;
        }
        .kryy-notice-list li a {
            font-size: 14px;
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }
        .kryy-notice-list li a:hover {
            color: var(--kryy-main-color);
        }
        @media (max-width: 768px) {
            .kryy-news-content {
                flex-direction: column;
            }
        }

        .kryy-service {
            padding: 50px 0;
            margin-bottom: 50px;
        }
        .kryy-service-list {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 20px;
        }
        .kryy-service-item {
            background-color: #fff;
            padding: 25px;
            border-radius: 10px;
            text-align: center;
            box-shadow: 0 2px 15px rgba(0,0,0,0.05);
            transition: all 0.3s ease;
        }
        .kryy-service-item:hover {
            transform: translateY(-5px);
            background-color: var(--kryy-main-color);
            color: #fff;
        }
        .kryy-service-item:hover .icon {
            color: #fff;
        }
        .kryy-service-item .icon {
            font-size: 35px;
            color: var(--kryy-main-color);
            margin-bottom: 15px;
            transition: color 0.3s ease;
        }
        .kryy-service-item h3 {
            font-size: 16px;
            margin-bottom: 10px;
        }
        .kryy-service-item a {
            font-size: 14px;
            color: var(--kryy-text-gray);
        }
        .kryy-service-item:hover a {
            color: #fff;
        }
        @media (max-width: 768px) {
            .kryy-service-list {
                grid-template-columns: repeat(2, 1fr);
            }
        }

        .kryy-right-float-bar {
            position: fixed;
            top: 50%;
            right: 20px;
            transform: translateY(-50%);
            z-index: 99899;
/*            background-color: rgba(0, 0, 0, 0.2);*/
/*            border-radius: 10px;*/
/*            box-shadow: 0 5px 20px rgba(0,0,0,0.1);*/
            overflow: hidden;
            width: 60px;
            transition: all 0.3s ease;
        }
        .kryy-right-float-bar:hover {
            width: 180px;
        }
        .kryy-float-item {
            width: 100%;
            height: 60px;
            display: flex;
            align-items: center;
            justify-content: flex-start;
            padding: 0 15px;
            cursor: pointer;
            transition: all 0.3s ease;
            position: relative;
            white-space: nowrap;
        }
        .kryy-float-item:hover {
            background-color: var(--kryy-main-color);
        }
        .kryy-float-item:hover .icon,
        .kryy-float-item:hover .kryy-float-text,
        .kryy-float-item:hover .kryy-float-info {
            color: #fff;
        }
        .kryy-float-item{background: rgba(0, 0, 0, 0.4);margin-bottom: 2px;border-radius: 2px;}
        .kryy-float-item .icon {
            font-size: 24px;
            color: var(--kryy-main-color);
            width: 30px;
            text-align: center;
            transition: color 0.3s ease;
            flex-shrink: 0;
        }
        .kryy-float-item .icon img{width: 30px;}
        .kryy-float-text {
            margin-left: 10px;
            font-size: 14px;
            color: var(--kryy-text-gray);
            opacity: 0;
            transform: translateX(20px);
            transition: all 0.3s ease;
        }
        .kryy-right-float-bar:hover .kryy-float-text {
            opacity: 1;
            transform: translateX(0);
        }
        .kryy-float-info {
            position: absolute;
            left: 60px;
            top: 50%;
            transform: translateY(-50%);
            font-size: 12px;
            color: var(--kryy-text-gray);
            opacity: 0;
            transition: all 0.3s ease;
            white-space: nowrap;
        }
        .kryy-float-item:hover .kryy-float-info {
            opacity: 1;
        }
        .kryy-wechat-qrcode {
            position: absolute;
            left: -120px;
            top: 50%;
            transform: translateY(-50%);
            width: 100px;
            height: 100px;
            background: #fff;
            padding: 5px;
            border-radius: 5px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            opacity: 0;
            visibility: hidden;
            transition: all 0.3s ease;
        }
        .kryy-wechat-qrcode img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        .kryy-float-item:hover .kryy-wechat-qrcode {
            opacity: 1;
            visibility: visible;
            left: -110px;
        }
        #kryy-backTop {
            opacity: 0;
            visibility: hidden;
        }
        @media (max-width: 768px) {
            .kryy-right-float-bar {
                display: none;
            }
        }

        .kryy-footer {
            background-color: var(--kryy-dark-gray);
            color: #fff;
            padding: 50px 0 20px;
        }
        .kryy-footer-content {
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
            gap: 40px;
            margin-bottom: 30px;
        }
        .kryy-footer-col {
            flex: 1;
            min-width: 200px;
        }
        .kryy-footer-col h3 {
            font-size: 18px;
            margin-bottom: 20px;
            padding-bottom: 10px;
            border-bottom: 2px solid var(--kryy-main-color);
        }
        .kryy-footer-col ul li {
            margin-bottom: 10px;
            transition: padding 0.3s ease;
        }
        .kryy-footer-col ul li:hover {
            padding-left: 5px;
        }
        .kryy-footer-col ul li a {
            color: #ccc;
            font-size: 14px;
        }
        .kryy-footer-col ul li a:hover {
            color: #fff;
        }
        .kryy-footer-contact p {
            font-size: 14px;
            margin-bottom: 10px;
            color: #ccc;
        }
        .kryy-footer-contact .icon {
            margin-right: 10px;
            color: var(--kryy-main-color);
        }
        .kryy-footer-bottom {
            text-align: center;
            padding-top: 20px;
            border-top: 1px solid #444;
            font-size: 14px;
            color: #ccc;
        }

        /*新闻选项卡*/
        /* 新闻中心选项卡样式 */
        .kryy-news-tabs {
            display: flex;
            justify-content: center;
            gap: 10px;
            margin-bottom: 0px;
            flex-wrap: wrap;
        }
        .kryy-news-tab {
            padding: 10px 100px;
            background-color: var(--kryy-light-gray);
            border: 1px solid #eee;
            border-radius: 30px;
            cursor: pointer;
            transition: all 0.3s ease;
            font-size: 16px;
            color: var(--kryy-dark-gray);
        }
        .kryy-news-tab:hover {
/*            background-color: var(--kryy-main-color);*/
            background-color: #fff;
            color: var(--kryy-main-color);
            border-color: var(--kryy-main-color);
        }
        .kryy-news-tab.kryy-active {
            background-color:var(--kryy-main-color);
            color: #fff;
            transform: translateY(-2px);
            box-shadow: 0 3px 10px rgba(115,192,67,0.2);
        }
        .kryy-tab-pane {
            display: none;
        }
        .kryy-tab-pane.kryy-active {
            display: block;
            animation: fadeIn 0.4s ease;
        }
        /* 垂直列表样式 */
        .kryy-vertical-list {
            list-style: none;
        }
        .kryy-vertical-list li {
            padding: 15px 20px;
            border-bottom: 1px dashed #eee;
            display: flex;
            justify-content: space-between;
            align-items: center;
            transition: all 0.3s ease;
        }
        .kryy-vertical-list li:hover {
            background-color: #fafafa;
            padding-left: 25px;
        }
        .kryy-vertical-list li a {
            color: var(--kryy-dark-gray);
            font-size: 15px;
        }
        .kryy-vertical-list li a:hover {
            color: var(--kryy-main-color);
        }
        .kryy-vertical-list li span {
            font-size: 12px;
            color: var(--kryy-text-gray);
        }
        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(10px); }
            to { opacity: 1; transform: translateY(0); }
        }
        @media (max-width: 768px) {
            .kryy-news-tab {
                padding: 8px 20px;
                font-size: 14px;
            }
        }
        .swiper-button-next:after,.swiper-button-prev:after{background-color: rgba(255, 255, 255, 0.2);padding: 15px 25px;border: 1px solid #ddd; border-radius: 50%;color: #b1b1b1;font-size: 16px;}
        .swiper-button-next{margin-right: 80px;}
        .swiper-button-prev{margin-left: 80px;}

        /* 轮播图文字样式 - 新增核心代码 */
        .kryy-banner .swiper-slide {
            position: relative;
        }
        .banner-text {
            position: absolute;
            left: 0;
            right: 0;
            margin: 0 auto;
            top: 16%;
            z-index: 10;
            color: #fff;
            opacity: 0;
/*            transform: translateY(60px) translateX(-15%);*/
            transition: all 1s cubic-bezier(0.33, 1, 0.68, 1) 0.6s;
        }
        .banner-text h2 {
            font-size: 48px;
            margin-bottom: 25px;
            line-height: 1.3;
            font-family: '思源宋体';
            color: #555;
            font-weight: 100;
            text-align: center;

        }
        .banner-text div{background-color: #bd0000;color: #fff;font-size: 16px;width: 400px;margin: 0 auto;border-radius: 50px;text-align: center;padding: 5px;letter-spacing: 1px;}
        .banner-text p {
            font-size: 20px;
            width: 64%;
            line-height: 1.8;
            position: unset;
            background-color: unset;
            text-indent: 0;
            padding-left: 0;
            text-align: center;
            margin: 0 auto;
            color: #999;
            margin-top: 26px;
            font-family: 思源黑体;
        }

        /* 当前轮播图激活时，文字显示 */
        .swiper-slide-active .banner-text {
            opacity: 1;
/*            transform: translateY(-50%) translateX(-15%);*/
        }
        /* 移动端适配文字 */
        @media (max-width: 768px) {
            .kryy-banner {
                height: 250px;
            }
            .swiper-slide img {
                height: 250px;
            }
            .banner-text {
                left: 10%;
/*                transform: translateY(-50%) translateX(-10%);*/
            }
            .banner-text h2 {
                font-size: 26px;
                text-align: center;
                margin-bottom: 12px;
            }
            .banner-text p {
                font-size: 14px;
                max-width: 85%;
                text-align: center;
            }
        }
        *{box-sizing: border-box;}
















.kryy-newscon{display: flex;justify-content: space-between;width: 100%;}
.kryy-newsconl{width: 49%;}
.kryy-newsconr{width: 49%;}
.kryy-newsconl .swiper-slide img{height: 100%;width: 100%;}
.kryy-news{background: url(../images/bak.jpg) repeat;}
.kryy-newsconl{position: relative;}
.kryy-newsconl .banner-text{left: 2%;top: 11%;margin-left: 0;margin-top: 0; background-color: var(--kryy-main-color);padding: 20px;text-align: center;}
.kryy-newsconl .banner-text h2{font-size: 20px;text-shadow: unset;margin-bottom: 0px;}
.kryy-newsconl .banner-text p{font-size: 16px;text-shadow: unset;text-align: center;padding-right: 0}
.kryy-newsconl .swiper-button-prev{margin-left: 0;left: 5px;}
.kryy-newsconl .swiper-button-next{margin-right: 0;right: 5px;}
.kryy-newsconl .swiper-button-next:after, .kryy-newsconl .swiper-button-prev:after{background-color: rgba(0, 0, 0, 0.4);}
.kryy-pti{position: absolute;left: 0;right: 0;bottom: 0;line-height: 48px;background-color: rgba(0, 0, 0, 0.6);color: #fff;font-size: 16px;padding: 0 15px;}
.kryy-news-text h3 a{color: #333;font-weight: 500;}
.kryy-news-text p{color: #999;}
.kryy-news-text{margin-left: 10px;}
.kryy-news .kryy-section-title{border-bottom: 1px solid #c7c7c7;}

.kryy-keshi{background-color: #fff;padding: 60px 0;}
.kryy-keshi .kryy-newsconl{width: 30%}
.kryy-keshi .kryy-newsconr{width: 68%;}
.kryy-keshi .kryy-section-titler{text-align: right;padding-top: 15px;}
.kryy-keshi .kryy-section-titler a{font-size: 14px;color: #333;}
.kryy-keshi .kryy-news-tabs{justify-content: flex-start;margin-bottom: 20px;border-bottom: 1px solid #ddd;}
.kryy-keshi .kryy-section-title{border-bottom: 0;margin-bottom: 0}
.kryy-keshi .kryy-news-tab{border-radius: 0;background: unset;border: 0;font-size: 18px;}
.kryy-keshi .kryy-news-tab.kryy-active{background-color: unset;box-shadow: unset;margin-bottom: -2px; border-bottom: 2px solid var(--kryy-main-color);font-weight: bold;}
.kryy-keshi .kryy-news-tab{padding-left: 24px;padding-right: 24px;}
.kryy-keshi .kryy-news-item{display: flex;justify-content: space-between;flex-wrap: wrap;width: 100%;background-color: unset;}
.kryy-keshi .kryy-news-item a{display: block;width: 24%;text-align: center;margin-bottom: 0px;color: #333;border: 1px solid #e5e5e5;font-size: 14px;padding: 10px;}

.kryy-about-text .tils{color: #333;font-size: 18px;text-indent: 0;margin-bottom: 10px;}
.kryy-about-text p{color: #666;font-size: 15px;line-height: 28px;text-indent: 2em}
.kryy-about{margin-bottom: 0}

.kryy-zjtd .swiper-button-prev{margin-left: -60px;}
.kryy-zjtd .swiper-button-next{margin-right: -60px;}
.kryy-zjtd .kryy-zjtd-content{position: relative;}

.kryy-footfix{display: flex;justify-content: space-between;padding-top: 50px;}
.kryy-footfixl .foot_logo_img{height: 240px;margin-bottom: 30px;}
.kryy-footfix p,a{color: #666;}
.kryy-footfixl p{font-size: 14px;line-height: 36px;}
.kryy-footfixc p{font-size: 18px;padding-top: 0px;margin-bottom: 30px;}
.kryy-footfixr p:nth-child(1){font-size: 18px;padding-top: 0px;margin-bottom: 30px;}
.kryy-footfixc a{display: block;font-size: 14px;line-height: 38px;}
.kryy-footfixr p{font-size: 15px;line-height: 32px;}
.kryy-footfixrer{margin-top: 20px;}
.kryy-footimg{display: flex;justify-content: space-between;}
.kryy-footimg a .kryy-footimgico{width: 42px;}
.kryy-footimg{padding-top: 20px;}
.kryy-footfixr .kryy-footfixrp{line-height: unset;display: flex;align-items: flex-start;margin-bottom: 10px;}
.kryy-footfixr .kryy-footfixrp span{padding-left: 10px;}
.kryy-footfixr{width: 26%;}
.bx_foottwolist p{font-size: 16px;color: #333;}
.footer-nav{display: flex;justify-content: space-between;width: 55%;padding: 0 50px;}






.hxd_tit{text-align: center;margin: 60px auto;}
.hxd_uscon_tit{font-size: 48px;color: #333}
.hxd_uscon_ht{height: 1px;width: 48px;background-color: #ddd;margin: 15px auto;}
.hxd_uscon_st{height: 0px;width: 1px;background-color: #ddd;margin: 20px auto;}
.hxd_uscon_en{font-size: 18px;color: #e4e4e4;}
.hxd_uscon_des{color: #999;font-size: 16px;line-height: 38px;}

.hxd_data{display: flex;justify-content: space-between;align-items: center; padding: 48px;box-shadow: 0px 0px 15px #bbb;border-radius: 10px;width: 94%;margin: 0 auto;margin-bottom: 100px;flex-wrap: wrap;padding-bottom: 14px;}
.hxd_data_list{width: 19%;margin-bottom: 40px;}
.hxd_data_st{background-color: #eee;height: 50px;width: 1px;}
.hxd_data_list div{font-size: 38px;color: #df0000;font-family: Airal;font-weight: 500;display: flex;justify-content: center;}
.hxd_data_list div span{font-size: 14px;font-weight: 300;padding-top: 12px;padding-left: 10px}
.hxd_data_list p{font-size: 16px;color: #999;text-align: center;}

.kryy-banner .swiper-pagination-bullet{position: 1;background: unset;border: 1px solid #fff;width: 10px;height: 10px;}
.kryy-banner .swiper-pagination-bullet-active{background: #ff0000!important;border:unset;}

#news{padding-top:1px;padding-bottom: 1px;}
.hxd_product{padding: 10px 0;padding-bottom: 80px;}
.hxd_product .inner{position: relative;}
/*.hxd_product .hxd_tit{text-align: left;}
.hxd_product .hxd_uscon_ht{margin-left: 0}*/
.hxd_hornav{display: flex;justify-content: center;}
.hxd_hornav a{padding: 8px;font-size: 16px;width: 24%;color: #333;text-align: center;}
.product-img a{display: block;width: 100%;height: 300px;}
.product-img{margin-bottom: 0;border: 1px solid #ddd;}
.hxd_product .swiper-button-prev:after, .hxd_product .swiper-button-next:after{background-color: #df0000;}

.hxd_product .swiper-button-prev, .hxd_product .swiper-button-next {color: #222;margin-top: 0;top: 74%;transform: translateY(-50%);}
.hxd_product .swiper-button-prev:after, .hxd_product .swiper-button-next:after{color: #ffffff;font-size: 16px;width: 50px;height: 27px;line-height: 27px;background-color: #df0000;}
.hxd_product .swiper-button-prev-bkfive { left: -150px; }
.hxd_product .swiper-button-next-bkfive { right: -150px; }
.hxd_product .container{position: relative;}
.about-wrap{overflow: hidden;}
.hxd_hornav a{background-color: #fff;margin-bottom: 0px;margin-left: 1%;margin-right: 1%;box-shadow: 0 0 10px #eaeaea;border-radius: 5px;}
.hxd_hornav a:nth-child(1){background-color: #df0000;color: #fff;}
.hxd_product .hxd_uscon_en{color: #b3b3b3;}
.product-img a{border: 15px solid #fff;}
.product-img a img{border: 1px solid #eee;height: 100%;}

.hxd_yanfacon{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 50px;}
.hxd_yanfacon-item{width: 31%;box-shadow: 0 0 10px #ddd;margin-bottom: 50px;border-top-left-radius: 10px;border-top-right-radius: 10px;overflow: hidden;}
.hxd_yanfacon-item img{width: 100%;height: 260px;object-fit: cover;}
.drpicli .hxd_yanfacon-itemimg{width: 15.6%;}
.drpicli .hxd_yanfacon-item .imgs{height: 300px;}
.hxd_yanfacon-item p{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 16px;color: #333;text-align: center;line-height: 50px;background-color: #fff;}
.hxd_more{display: block;transition: all .3s; width: 240px;line-height: 50px;background-color: #df0000;text-align: center;color: #fff;font-size: 15px;margin: 50px auto;border-radius: 10px}
.hxd_more:hover{border-radius: 50px}
.kryy-footfix p, a{display: block;text-align: center;font-size: 12px;line-height: 38px;text-align: left;}
.bx_foottwolist p{font-weight: bold;font-size: 15px;}


.footer-qr-box a img{width: 36px;}
.footer-qr-box a .xll_ongzh{width: 120px;border: 1px solid #ddd;}
/*.hxd_yanfa{background: url(../images/bak1.jpg) no-repeat center top;background-size: 100% 100%;padding: 1px 0;}*/
.hxd_yanfa{background-size: 100% 100%;padding: 1px 0;}
.hxd_yanfa .hxd_more{margin-top: 20px;}
.hxd_product .hxd_more{margin-bottom: 10px;}
.hxd_product .hxd_hornav a{width: 16%;}

.hxd_hezuo{background: url(../images/hezuo_bak.jpg) no-repeat center top;background-size: 100% 100%;}
.hxd_hezuo .hxd_uscon_tit{color: #fff;}
.hxd_hezuo .hxd_uscon_des{color: #fff;}
.hxd_hezuo .hxd_more{background-color: #fff;color: #db0000;margin-top: 80px;margin-bottom: 30px;}


.hxd_product .hxd_hornavbk{width: 19%;text-align: center;background-color: #fff;box-shadow: 0 0 10px #bbb;border-radius: 24px;padding-top: 10px;background: linear-gradient(to bottom, #fff2f2, #fff);transition: all .3s}
.hxd_product .hxd_hornavbk:nth-child(2){background: linear-gradient(to bottom, #fff9f2, #fff);}
.hxd_product .hxd_hornavbk:nth-child(3){background: linear-gradient(to bottom, #f2f4ff, #fff);}
.hxd_product .hxd_hornavbk:nth-child(4){background: linear-gradient(to bottom, #f2fff9, #fff);}
.hxd_product .hxd_hornavbk:nth-child(5){background: linear-gradient(to bottom, #fff2ff, #fff);}

.hxd_product .hxd_hornavbk:nth-child(1):hover{background: linear-gradient(to bottom, #fff, #fff2f2);}
.hxd_product .hxd_hornavbk:nth-child(2):hover{background: linear-gradient(to bottom, #fff, #fff9f2);}
.hxd_product .hxd_hornavbk:nth-child(3):hover{background: linear-gradient(to bottom, #fff, #fff9f2);}
.hxd_product .hxd_hornavbk:nth-child(4):hover{background: linear-gradient(to bottom, #fff, #fff9f2);}
.hxd_product .hxd_hornavbk:nth-child(5):hover{background: linear-gradient(to bottom, #fff, #fff2ff);}

.hxd_product .hxd_hornavbk a{width: 100%;}
.hxd_product .hxd_hornavbk .hxd_more{border-top: 1px solid #f0f0f0;background: #fff;color: #000;margin-left: 0;margin-right: 0;box-shadow: unset;border-radius: 24px;padding: 0;font-size: 14px;color: #999;}
.hxd_product .hxd_hornav{justify-content: space-between;}
.hxd_product .hxd_more{margin-bottom: 0;}
.hxd_product .hxd_hornavbk a{background: unset;box-shadow: unset;color: #333;margin-top: 10px;}
.hxd_product .hxd_hornavbk a:hover{background: unset;color: #333;}
.hxd_product .hxd_hornavbk img{width: 220px;}
/*.hxd_product .hxd_hornavbk:hover a{color: red;}*/
.hxd_product .hxd_hornavbk:hover .hxd_more{color: red;}





.hxd_more:hover{font-weight: bold;color: #fff;}
.xll_ongzh p{font-size: 20px;color: #333;font-family: 'Airal';font-weight: bold;padding: 20px 20px;background-color: #fff;box-shadow: 0 0 10px #aaa;white-space: nowrap;letter-spacing: 0;border-radius: 5px;font-style: italic;}

.hxd_hornav a{transition: all .3s}
.hxd_hornav a:hover{background-color: #df0000;color: #fff;border-radius: 50px;}


.hxd_yanfa .newslist_art p{background-color: unset;text-align: left;line-height: normal;}
    .hxd_yanfa .newslist_art p:nth-child(2){font-size: 12px;color: #c09c3d;margin-bottom: 5px;margin-top: 10px;padding-left: 10px;padding-right: 10px;}
    .hxd_yanfa .newslist_art p:nth-child(3){font-size: 18px;font-family: '思源宋体';color: #333;line-height: unset;padding-left: 10px;padding-right: 10px;}
    .hxd_yanfa .newslist_art p:nth-child(4){font-size: 14px;color: #e20000;margin-bottom: 10px;margin-top: 5px;padding-left: 10px;padding-right: 10px;}
    .hxd_yanfa .newslist_art p:nth-child(5){font-size: 14px;color: #999;padding-left: 10px;padding-right: 10px;}
    .hxd_yanfa .newslist_art p:nth-child(6){width: 90%;height: 1px;background-color: #c09c3d;margin: 10px 0;padding-left: 10px;padding-right: 10px;margin-left: 10px;margin-right: 10px;}
    .hxd_yanfa .newslist_art p:nth-child(7){font-size: 14px;color: #999;white-space: normal;padding-left: 10px;padding-right: 10px;padding-bottom: 15px;}





/*@media screen and (min-width: 1200px) and (max-width: 1399px){
    .inner{width: 1200px;}
    .nav li a{font-size: 14px;line-height: 18px;}
    .addcenterlogo a img{height: 70px;}
    .addcenterlogo a {padding-top: 30px;}
    .nav li a{padding: 45px 8px;}
    .bk_toptit{padding-top: 78px;padding-bottom: 50px;}
    .bx_bkfour .swiper-button-next{right: -40px;}
    .bx_bkfour .swiper-button-prev{left: -40px;}
    .bx_bkfour .swiper-slidetext{padding: 10px;}
    .bx_bkfour .swiper-slide p{font-size: 14px;text-align: left;line-height: 30px;}
    .bx_bkfour .bx_bkourmore{margin-top: 20px;}
    .bk_toptit p:nth-child(2){margin: 5px auto;height: 2px;}
    .bx_bkthrlistcon{padding: 50px;}
    .tabbtn li a{height: auto;line-height: 40px;font-size: 18px;}
    .bx_bkfivetit p{font-size: 16px;}
    .bx_bkfivedata p{font-size: 26px;}
    .bx_bkfive .swiper-slide img{height: 302px;}
    .bk_toptit p:nth-child(1){font-size: 22px;}
    .bk_toptit span{font-size: 12px;}
    .bx_bktwocononep1{font-size: 20px;}
    .bx_bktwocononep2{font-size: 14px;line-height: 28px;}
    .bx_bktwocononep3{font-size: 14px;line-height: 28px;}
    .bx_bktwoconone a{font-size: 12px;padding: 5px 30px;}
    .bx_bktwocontwo video{height: 300px;}
    .bx_bkthrlistcon p{font-size: 22px;}
    .bx_bkthrlistcon span{font-size: 12px;}
    .bx_bkfour .swiper-slide img{height: 200px;}
    .bx_bkourmore{font-size: 12px;}
    .bx_bkfivelistrlist{padding: 10px;}
    .bx_footbottom .inner div{font-size: 12px;}
}*/


@media screen and (max-width: 767px){
    /* 下拉式四级导航 */
    .hamburger{background:0 0;border:none;display:block;height:32px;margin-left:15px;position:fixed;top:20px;width:32px;z-index:999;right:0}
    .hamburger:hover{outline:0}
    .hamburger:focus{outline:0}
    .hamburger:active{outline:0}
    .hamburger.is-closed:before{-webkit-transform:translate3d(0,0,0);-webkit-transition:all .35s ease-in-out;color:#fff;content:'';display:block;font-size:14px;line-height:32px;opacity:0;text-align:center;width:100px}
    .hamburger.is-closed:hover before{-webkit-transform:translate3d(-100px,0,0);-webkit-transition:all .35s ease-in-out;display:block;opacity:1}
    .hamburger.is-closed:hover .hamb-top{-webkit-transition:all .35s ease-in-out;top:0}
    .hamburger.is-closed:hover .hamb-bottom{-webkit-transition:all .35s ease-in-out;bottom:0}
    .hamburger.is-closed .hamb-top{-webkit-transition:all .35s ease-in-out;background-color:#ddd;top:5px}
    .hamburger.is-closed .hamb-middle{background-color:#ddd;margin-top:-2px;top:50%}
    .hamburger.is-closed .hamb-bottom{-webkit-transition:all .35s ease-in-out;background-color:#ddd;bottom:5px}
    .hamburger.is-closed .hamb-bottom,.hamburger.is-closed .hamb-middle,.hamburger.is-closed .hamb-top,.hamburger.is-open .hamb-bottom,.hamburger.is-open .hamb-middle,.hamburger.is-open .hamb-top{height:4px;left:0;position:absolute;width:100%}
    .hamburger.is-open .hamb-top{-webkit-transform:rotate(45deg);-webkit-transition:-webkit-transform .2s cubic-bezier(.73,1,.28,.08);background-color:#ddd;margin-top:-2px;top:50%}
    .hamburger.is-open .hamb-middle{background-color:#ddd;display:none}
    .hamburger.is-open .hamb-bottom{-webkit-transform:rotate(-45deg);-webkit-transition:-webkit-transform .2s cubic-bezier(.73,1,.28,.08);background-color:#ddd;margin-top:-2px;top:50%}
    .hamburger.is-open:before{-webkit-transform:translate3d(0,0,0);-webkit-transition:all .35s ease-in-out;color:#ddd;content:'';display:block;font-size:14px;line-height:32px;opacity:0;text-align:center;width:100px}
    .hamburger.is-open:hover before{-webkit-transform:translate3d(-100px,0,0);-webkit-transition:all .35s ease-in-out;display:block;opacity:1}
    .sidebar-nav{width:100%;padding-left: 0%; height:100%;position:fixed;top:0;right:-100%;background-color:#fff;transition:all .3s;box-sizing:border-box;overflow: scroll;}
    .sidebar-nav-open{right:0;padding-top: 68px;}
    .sidebar-nav .sidebar-brand>a{padding-bottom: 0px;text-transform: uppercase;font-size: 16px;color: #000;margin-bottom: 0;line-height: 42px;text-align: center;}
    .sidebar-nav .sidebar-brand .xl{display:none}
    .sidebar-nav .sidebar-brand a{display:flex;display:-webkit-flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:flex-start;justify-content:flex-start;margin-bottom:0px;font-size: 16px;color: #000;}
    .sidebar-nav .sidebar-brand a .sj{display:block;width:6px;height:6px;border-right:1px solid #ddd;border-top:1px solid #ddd;transform:rotate(135deg);-webkit-transform:rotate(135deg);margin-left:10px}
    .sidebar-nav .sidebar-brand a .sjrotate{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}
    .activ{color:red}
    .activ02{color:pink}

    .mbwrap{z-index: 5;left: 0;display: block;width: 100%;position:relative;top: 0;}
    .mbheader{display: block;background-color: #fff; width: 100%;top: 0px;left: 0;z-index: 1;}
    .mbheader02{top: 0;padding: 0px 0;width: 100%;background-color: #fff;position: relative;z-index: 2;}
    .mbwrap .hamburger{position: fixed;z-index: 9999; top: 0;width: 50px;height: 50px;margin-top: 12px;}
    .mbheader02 .hamburger{background-color: #fff;background-color: unset;}
    .mbwrap .mblogo{box-sizing: border-box;padding:12px 10px;height: 70px;position: relative;z-index: 2;float: left;}
    .mbwrap .mblogo img{display: block;width: auto;height: 42px;}
    .mbwrap .mbheader02 .mblogo{background-color: transparent;}
    .hamburger.is-closed .hamb-top, .hamburger.is-closed .hamb-middle, .hamburger.is-closed .hamb-bottom, .hamburger.is-open .hamb-top, .hamburger.is-open .hamb-middle, .hamburger.is-open .hamb-bottom{height: 2px;background-color: #000;width: 34px;left: 8px;}
    .hamburger.is-closed .hamb-top,.hamburger.is-closed:hover .hamb-top{top: 13px;}
    .hamburger.is-closed .hamb-bottom,.hamburger.is-closed:hover .hamb-bottom{bottom: 13px;}
    .sidebar-nav .sidebar-brand .xl{padding-left: 20px;}


    .sidebar-nav .bot{/* position: absolute; */right: 0;bottom: 30px;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;align-items: center;-webkit-align-items: center;}
    /* .sidebar-nav.sidebar-nav-open .bot{position: fixed;} */
    .sidebar-nav .bot a{font-size: 14px;color: #ddd;margin-right: 30px;}

    .sidebar-nav .sidebar-brand a .sj{border-color: #555555;}
    /* .sidebar-nav .sidebar-brand a .sjrotate{border-color: #DC2924;} */
    .sidebar-brand-two a{color: #333;}
    .sidebar-brand-there a{color: #555;}
    .sidebar-brand-there .sidebar-nav-four a{color: #999;}
    .page{font-size: 14px;color: #666;line-height: 24px;padding: 20px 0;}

  .zhezhao{background:#fff;padding: 20px;}
  .sidebar-nav .sidebar-brand .xl{padding-left: 0}
    .sidebar-nav .sidebar-brand .xl li{width: 25%;}
/*  .mbstynav{display: flex;flex-wrap: wrap;margin-bottom: 0px;}*/
    .mbstynav .sidebar-brand-two{width: 33.33%;}
    .zhezhao .sidebar-brand:nth-child(6) .mbstynav .sidebar-brand-two{width: 100%;}
    .sidebar-nav .sidebar-brand .sidebar-brand-two a{margin-bottom: 0;padding: 1px 10px;font-size: 14px;border: 0;white-space: nowrap;padding-left: 30px;color: #666;}
    .sidebar-nav .sidebar-brand .mbnavstcj{margin-bottom: 0;border-bottom: 0;padding-left: 10px;}
    .sidebar-brand{border: 1px solid #f5f5f5;margin-bottom: 12px;}

    

    .site_pc{display: none;}
    .site_wap{display: block;}
    body{overflow-x: hidden;width: 100%}
    .inner{width: 94%;padding: 0px 10px;}
    .heads{position: unset;left: 0;}
    .logo img{height: 40px;}
    .bk_logo img{width: 100%;}

    .h_video{width: 100%;height: auto;}
    .inner{width: 100%;}
    .bx_bktwo{padding-top: 20px;}
    .bk_toptit{padding: 30px 0;}
    .bk_toptit p:nth-child(1){font-size: 20px;}
    .bk_toptit p:nth-child(2) {margin: 8px auto;width: 55px;height: 2px;}
    .bk_toptit span{font-size: 12px;}
    .bx_bktwocon{display: block;}
    .bx_bktwoconone,.bx_bktwocontwo{width: 100%}
    .bx_bktwocontwo{display: none;}
    .bx_bktwocononep1{font-size: 18px;margin-bottom: 10px;margin-top: 10px;}
    .bx_bktwocononep2{font-size: 14px;}
    .bx_bktwocononep3{font-size: 14px;}
    .bx_bktwo .bk_toptit{display: none;}
    .bx_bktwoconone a{width: 100%;font-size: 14px;border-radius: 5px;}
    .bx_bktwo{height: auto;padding-bottom: 40px;}
    .bx_bkthrlist{width: 50%;height: auto;}
    .bx_bkthr{flex-wrap: wrap;height: auto;}
    .bx_bkthrlistcon {text-align: center;padding: 40px 0px;width: 86%;}
    .bx_bkthrlistcon p{font-size: 18px;margin-top: 10px;}
    .bx_bkthrlistcon span{font-size: 12px;}
    .bx_bkthrlistzz{background-color: rgba(0, 0, 0, 0.5);height: 100%;padding-top: 30px;}
    .bx_bkthrlistcon img{height: 50px;}
    .bx_bkfour{padding-top: 20px;height: auto;padding-bottom: 80px}
    .bx_bkfour .swiper-slide img{height: 120px;}
    .bx_bkfour .swiper-slidetext{padding: 10px;}
    .swiper-slide p{line-height: 42px;}
    .bx_bkfour .swiper-slide p{font-size: 16px;text-align: left;}

    .bx_bkfour .swiper-slidesp span{font-size: 12px;}
    .bx_bkfour .bx_bkourmore{width: 94%;margin-top: 40px;font-size: 14px;}
    .bx_bkfive{padding-top: 10px;height: auto;padding-bottom: 30px}
    .tabbtn li{width: 48%;}
    .tabbtn li a{width: 100%;font-size: 16px;height: auto;line-height: 38px;border-radius: 5px;}
    .tabbtn li a img{height: 20px;}
    .tabbtn{width: 90%;}
    .bx_bkfivelist{display: block;}
    .bx_bkfive .swiper-slide img{height: 260px;}
    .bx_bkfivelistl,.bx_bkfivelistr{width: 100%;}
    .bx_bkfivetit{width: 72%;padding-right: 10px;margin-right: 10px;}
    .bx_bkfivetit p{font-size: 16px;}
    .bx_bkfive .swiper-slide p{font-size: 16px;}
    .bx_bkfivedata{width: 20%}
    .bx_bkfivedata p{font-size: 24px;}
    .bx_bkfivelistrlist{padding: 10px;}
    .bx_bkfivedata span{font-size: 14px;white-space: nowrap;}
    .bx_bkfivelistr{margin-top: 20px;}
    .bx_bkourmore{margin-top: 36px;width: 100%;border-radius: 5px}
    .bx_link{display: none;}
    .bx_footone img{width: 50%;}
    .bx_footer{display: block;}
    .bx_footone,.bx_foottwo,.bx_footthr{width: 100%;text-align: center;}
    .bx_footfour{display: none;}
    .bx_foottwo p{font-size: 14px;text-align: left;padding-left: 20px;}
    .bx_foottwo p img{height: 14px;}
    #ftp{padding-left: 0px;text-align: center;}
    .bx_footbottom{display: none;}
    .mbwrap .hamburger{position: unset;margin-top: 0;float: right;margin-top: 10px;}

    .ny_banners{height: 120px;background-size: 145% auto;background-position: left;}
    .art_nav{padding-top: 82px;flex-wrap: wrap;position: relative;}
    .art_nav a {margin: 0 1px;margin-top: 0px;padding: 4px 15px;font-size: 16px;border-radius: 2px;margin-bottom: 0px;border: 1px solid #ddd;text-align: center;}
    .art_myx img{display: none;}
    .art_myx{text-align: left;line-height: 38px;font-size: 14px;}

    .newslist_art_l{width: 34%;}
    .newslist_art_r{width: 64%;padding-left: 10px;}
    .newslist_art_r p{font-size: 12px;-webkit-line-clamp: 1;margin-top: 5px;margin-bottom: 10px}
    .newslist_art_r a{font-size: 16px;}
    .newslist_art_r span{font-size: 12px;}
    .newslist_art{margin-bottom: 15px;padding-bottom: 15px;}
    .newslist_art_l img{height: 90px;object-fit: cover;}
    .pagination{margin: 40px auto;}
    .drpicli .newslist{justify-content: space-between;}
    .drpicli .newslist_art{width: 49%;margin: 10px 0;margin-top: 0;}
    .drpicli .newslist_art img{height: 120px;}
    .drpicli .newslist_art_auto img{height: auto;}
    .drpicli .newslist_art p{line-height: 38px;font-size: 14px;}
    .newslistcon{margin-top: 20px;}
    .drtext .newslist_art_r a{font-size: 14px;}
    .drtext .newslist_art_l span{font-size: 12px;}
    .newslist_art_r{width: 60%;}
    .newslist_art_l{width: 40%;}
    .content{padding: 20px 10px;}
    .content p{font-size: 14px;line-height: 30px;}





    .wapfoots{position: fixed;background-color: #db0000;bottom: 0;left: 0;right: 0;width: 100%;z-index: 9999;}
    .footdr{display: flex;justify-content: space-between;padding: 8px 20px;}
    .footdr a{text-align: center;line-height: unset;}
    .footdr img{height: 20px;margin-bottom: 2px;}
    .bx_foot{padding-top: 50px;padding-bottom: 90px;padding-left: 50px;padding-right: 50px;}
    .footdr a p{font-size: 12px;color: #fff;line-height: 14px;}

    .drpicli .newslist_art_auto img{height: 260px;}
    .zhezhao{padding-bottom: 80px;}
    .content img{margin-bottom: 10px;}



  .hsp_bkone{padding-top: 10px;padding-bottom: 10px;}
  .hsp_bkonecon{display: block;}
  .hsp_bkonel, .hsp_bkoner{width: 100%;}
  .hsp_bktit p {font-size: 16px;width: 126px;line-height: 32px;text-indent: 14px;color: #000;}
  .hsp_bkonercon a{width: 50%;}
  .hsp_bkone{background: unset;}
  .hsp_bkonel, .hsp_bkoner{padding: 10px;}
  .hsp_bktwo{background: unset;}
  .hsp_bktwo{padding-top: 0;padding-bottom: 20px;}
  .bx_bkfivelistl .swiper-slide img{height: 220px;}
  .hsp_bktwo .swiper-slide p{font-size: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
  .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 4px;}
    .bx_bkfivelistr{padding: 10px;}
  .hsp_bkthr{padding: 20px 0;}
  .hsp_bkthrcon .hsp_bkthrl, .hsp_bkthrcon .hsp_bkthrc, .hsp_bkthrcon .hsp_bkthrr{width: 100%;}
  .hsp_bkonercon a{background: unset;color: #fff;width: 32%;margin-bottom: 8px;border: 1px solid #cca061;color: #aa7040;}
  .hsp_bkonercon a:last-child{margin-left: unset;margin-right: unset;}
  .hsp_bkonerp{font-size: 15px;}
  .hsp_bkonel,.hsp_bkoner{margin-bottom: 15px;}
  .hsp_bktwo .swiper-slide p{font-size: 15px;}
  .bx_bkfivelistrtj p:nth-child(1){font-size: 16px;font-weight: unset;}
  .bx_bkfivelistrlist a p{width: 72%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
  .bx_bkfivelistrlist a div{white-space: nowrap;}
  .bx_foottwo{display: none;}
  .bx_footfour{display: block;text-align: center;}
  .art_myx{display: none;}
  .art_nav{padding-top: 0;flex-wrap: unset;width: 100%;justify-content: flex-start;}
  .art_nav a{padding: 0;width: 100%;}
  .hsp_bkonelcon p:nth-child(2){line-height: 28px;}
.hsp_bkonelcon p:nth-child(3){line-height: 28px;}
.bx_footfour div p{padding-left: 0;}
.hsp_bkthrcon .hsp_bkthrl, .hsp_bkthrcon .hsp_bkthrc, .hsp_bkthrcon .hsp_bkthrr{background-color:#fdf8f4;}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 4px;}
.hsp_bkthr{background: unset;}
.bx_footer{display: none;}
.bx_footfives p{line-height: 38px;font-size: 14px;}
.bx_footfives{padding: 0;}

    .top-bar{display: none;}
    .kryy-banner .swiper-button-prev:after, .kryy-banner .swiper-button-next:after{display: none;}
    .kryy-banner .banner-text h2{font-size: 18px;}
    .kryy-banner .swiper-slide p{line-height: 24px;font-size: 14px;background-color: rgba(255, 255, 255, 0.8);padding: 20px;color: #333;width: 100%;margin: 0 auto;border-radius: 10px;}
    .kryy-banner .banner-btn{font-size: 12px;line-height: 24px;}
    .kryy-banner .banner-text{left: 0%;right:0%;top: 20%;width: 100%;}
    .kryy-banner .banner-btn{margin-top: 18px;}
    .kryy-banner .swiper-slide img{height: 200px;}
    .advantage-item, .clinical-item, .policy-item, .contact-box, .product-item{width: 33%;padding: 10px;}
    .container{width: 100%;padding: 0 10px;}
    .kryy-banner{height: auto;}
    .section-title h2{font-size: 20px;}
    .section-title p{font-size: 12px;}
    .section-title h2::after{width: 40px;}
    .advantage-item h3{margin-bottom: 5px;}
    .about-img{width: 100%;padding-bottom: 20px;}
    .about-text{width: 100%;}
    .section-title{margin-bottom: 20px;}
    .about-wrap{flex-wrap: wrap;}
    .section{padding-bottom: 10px;}
    .clinical-item{width: 49%;margin-bottom: 10px;}
    #clinical .clinical-item{padding: 10px;}
     .policy-item{width: 100%;}
     .news-right{width: 100%;}
     .news-content{width: 72%;}
     .contact-list{flex-wrap: wrap;}
     .contact-box{width: 48%;gap: 10px;}
     .contact-box i{width: 38px;}
     .footer-col{}
     .footer-nav{display: none;}
     .footer-qr-box{display: none;}
     .footer-bottom{margin-bottom: 60px;}
     .advantage-item p{font-size: 13px;line-height: 17px;}
     .ny_bannerstit{padding-top: 50px;}


     .footer-logo-img{width: 100%;}
     .footer-info h3{font-size: 18px;}
     #clinical .clinical-item{width: 100%;}

     .hxd_uscon_tit{font-size: 28px;}
     .hxd_uscon_en{font-size: 14px;}
     .hxd_uscon_des{font-size: 14px;color: #666;line-height: 22px;}
     .hxd_more{line-height: 38px;width: 100%;}
     .hxd_data{width: 100%;padding: 20px;margin-bottom: 0;}
     .hxd_data_list div{font-size: 16px;}
     .hxd_data_list p{font-size: 10px;}
     .hxd_data_list div span{white-space: nowrap;font-size: 12px;}
     .hxd_data_list{padding: 6px;}
     .hxd_data{align-items: flex-start;}
     .hxd_hornav{flex-wrap: wrap;}
     .hxd_product .hxd_hornavbk{width: 49%;}
     .hxd_product .hxd_hornavbk img{width: 60px;}
     .hxd_product .hxd_hornavbk{border-radius: 5px;margin-bottom: 10px;}
     /*.hxd_product .hxd_hornavbk:nth-child(4){width: 48%}
     .hxd_product .hxd_hornavbk:nth-child(5){width: 48%}*/
     .hxd_product .hxd_hornavbk .hxd_more{font-size: 12px;}
     .hxd_hornav a{width: 38%;font-size: 14px;padding: 0;}
     .hxd_yanfacon-item{width: 49%;}
     .hxd_yanfacon-item img{height: 120px;}
     .hxd_yanfacon-item p{font-size: 14px;line-height: 38px;}
     .hxd_yanfacon-item{margin-bottom: 10px;}
     .hxd_more{width: 96%;}
     .hxd_uscon_des{font-size: 12px;}
     .recommend-title{font-size: 14px;padding: 8px;}
     .news-recommend{border-radius: 5px;}
     .tab-item{padding: 5px;width: 100%;}
     .news-content h3 a{font-size: 15px;}
     .news-content h3{margin-bottom: 0;}
     .news-content p{font-size: 12px;}
     .news-item{padding: 10px;}
     .news_detail .news_detail_titile{font-size: 18px;}
     .ny_bannerstit p:nth-child(1){font-size: 18px;}
     .banner-text div{font-size: 12px;padding: 3px;width: 80%;margin: 10px auto;}
     .kryy-banner .swiper-slide p{font-size: 12px;line-height: 15px;padding: 10px;}
}