/*全局样式
---------------------------------------------*/
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
html, body, h1, h2, h3, h4, h5, h6, hr, p, iframe, dl, dt, dd, ul, ol, li, pre, form, button, input, textarea, th, td, fieldset { margin: 0; padding: 0; }
ul, ol, dl { list-style-type: none; }

table { border-collapse:collapse; border-spacing:0; }
header, hgroup, nav, menu, main, section, article, summary, details, aside, figure, figcaption, footer { display: block; margin: 0; padding: 0; }
address, caption, cite, code, dfn, em, th, var, i, b { font-style: normal; font-weight: normal; }
input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }
input, button { overflow: visible; vertical-align: middle; outline: none; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
a, area { outline: none; blr: expression(this.onFocus=this.blur()); }
a:focus, a:hover, a:active { outline: none; blr: expression(this.onFocus=this.blur()); }
sub, sup { vertical-align: baseline; }
.pb20 { padding-bottom: 30px; }
input[type="submit"], input[type="button"] { cursor: pointer; }
img { border: 0; vertical-align: middle; }
a img, img { -ms-interpolation-mode: bicubic; }
a { text-decoration: none; cursor: pointer; color: #000; }
a:hover { text-decoration: none; }
body, th, td, button, input, select, textarea { font-family: '微软雅黑', Arial; font-size: 13px; color: #000; }
/*10-11新增*/
a{ color:#333; text-decoration:none; }
a:hover{ color:#34ad2a; text-decoration:none; -webkit-transition: all 0.2s linear;transition: all 0.2s linear; }
.layout { width: 1200px; margin: 0 auto; clear: both; }
.fl { float: left; }
.fr { float: right; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 0; }
.clearfix { *zoom: 1; }

.clearfix1:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix1{ display:inline-block; } 
.clearfix1 { display:block; }
/*************************************** 页面样式 *************************************************/

body {
    font-family: "Microsoft YaHei", Arial, sans-serif;
    line-height: 1.6;
    color: #333;
    background-color: #f5f5f5;
}

.container {
    max-width: 1920px;
    margin: 0 auto;
    padding: 0 60px;
}

/* 顶部导航栏 */
.header {
    background: linear-gradient(135deg, #1e88c7 0%, #1a7db5 100%);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    transition: transform 0.3s ease;
}

.header .container {
    display: -ms-flexbox; /* IE10 */
    display: flex;
    -ms-flex-pack: justify; /* IE10 */
    justify-content: space-between;
    -ms-flex-align: center; /* IE10 */
    align-items: center;
    height: 80px;
}

.logo a {
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    transition: all 0.3s ease;
}

.logo a:hover {
    text-shadow: 0 0 20px rgba(255, 255, 255, 0.8);
}

.nav {
    display: -ms-flexbox; /* IE10 */
    display: flex;
    gap: 40px;
    -ms-flex-align: center; /* IE10 */
    align-items: center;
}

/* 导航项容器 */
.nav-item-wrapper {
    position: relative;
    display: inline-block;
}

/* 大型菜单需要static定位 */
.mega-menu-wrapper {
    position: static;
    display: inline-block;
}

.nav-item {
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    padding: 8px 16px;
    border-radius: 4px;
    transition: all 0.3s ease;
    position: relative;
    display: block;
}

.nav-item:hover,
.nav-item.active {
    background: rgba(255, 255, 255, 0.2);
}

.nav-item::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 2px;
    background: #fff;
    transition: width 0.3s ease;
}

.nav-item:hover::after {
    width: 80%;
}

/* 大型下拉菜单容器 */
.mega-dropdown {
    position: absolute;
    top: 100%;
    left: 60px; /* 左侧留出logo和一些空间 */
    right: 60px; /* 右侧留出一些空间 */
    background: #fff;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
    border-radius: 8px;
    margin-top: 10px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    z-index: 1000;
    display: -ms-flexbox; /* IE10 */
    display: flex;
    overflow: hidden;
}

/* hover时显示大型下拉菜单 */
.mega-menu-wrapper:hover .mega-dropdown {
    opacity: 1;
    visibility: visible;
    margin-top: 0;
}

/* 左侧二级菜单区域 */
.mega-menu-left {
    background: linear-gradient(135deg, #1e88c7 0%, #1a7db5 100%);
    min-width: 200px;
    padding: 30px 0;
}

/* 二级分类菜单项 */
.mega-category {
    color: rgba(255, 255, 255, 0.85);
    padding: 18px 30px;
    cursor: pointer;
    transition: all 0.3s ease;
    font-size: 16px;
    border-left: 4px solid transparent;
    position: relative;
}

.mega-category:hover {
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
}

.mega-category.active {
    background: rgba(255, 255, 255, 0.2);
    color: #fff;
    border-left-color: #fff;
    font-weight: bold;
}

.mega-category.active::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #fff;
}

/* 右侧三级菜单区域 */
.mega-menu-right {
    -ms-flex: 1 1 auto; /* IE10 */
    flex: 1 1 auto;
    padding: 40px 50px;
    background: #fff;
    position: relative;
    min-width: 0; /* 防止flex子项溢出 */
}

/* 三级内容容器 */
.mega-content {
    display: none;
    -ms-flex-wrap: wrap; /* IE10 */
    flex-wrap: wrap;
    gap: 20px;
    -ms-flex-pack: start; /* IE10 */
    justify-content: flex-start;
}

.mega-content.active {
    display: -ms-flexbox; /* IE10 */
    display: flex;
}

/* 三级菜单项 - 一行显示6个 */
.mega-item {
    display: -ms-flexbox; /* IE10 */
    display: flex;
    -ms-flex-direction: column; /* IE10 */
    flex-direction: column;
    -ms-flex-align: center; /* IE10 */
    align-items: center;
    -ms-flex-pack: center; /* IE10 */
    justify-content: center;
    width: calc((100% - 100px) / 6); /* 6个项目，减去5个gap的宽度 */
    min-width: 120px;
    padding: 25px 10px;
    background: #f8f9fa;
    border-radius: 10px;
    text-decoration: none;
    color: #1e88c7;
    transition: all 0.3s ease;
    border: 2px solid #f0f0f0;
    box-sizing: border-box;
}

.mega-item:hover {
    background: #e8f4f8;
    border-color: #1e88c7;
    box-shadow: 0 6px 20px rgba(30, 136, 199, 0.25);
    transform: translateY(-5px);
}

.mega-item i {
    font-size: 40px;
    color: #1e88c7;
    margin-bottom: 12px;
    transition: all 0.3s ease;
}

.mega-item span {
    font-size: 14px;
    text-align: center;
    line-height: 1.5;
    color: #1e88c7;
    font-weight: 500;
}

.mega-item:hover i {
    transform: scale(1.15);
    color: #1a7db5;
}

.mega-item:hover span {
    color: #1a7db5;
    font-weight: 600;
}

/* 小型下拉菜单（服务支持、关于金思维） */
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 180px;
    background: #fff;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
    border-radius: 8px;
    padding: 8px 0;
    margin-top: 10px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all 0.3s ease;
    z-index: 1000;
}

/* hover时显示下拉菜单 */
.nav-item-wrapper:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    margin-top: 15px;
}

/* 下拉菜单项 */
.dropdown-item {
    display: block;
    padding: 12px 20px;
    color: #333;
    text-decoration: none;
    font-size: 14px;
    transition: all 0.3s ease;
    border-left: 3px solid transparent;
}

.dropdown-item:hover {
    background: #f8f9fa;
    color: #1e88c7;
    border-left-color: #1e88c7;
    padding-left: 25px;
}

/* 下拉菜单小三角 */
.dropdown-menu::before {
    content: '';
    position: absolute;
    top: -6px;
    left: 20px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 6px 6px 6px;
    border-color: transparent transparent #fff transparent;
}

/* Banner区域 */
.banner {
    position: relative;
    height: 600px;
    overflow: hidden;
}

/* 幻灯片容器 */
.banner-slider {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* 单张幻灯片 */
.banner-slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0;
    visibility: hidden;
    transition: opacity 1s ease-in-out, visibility 1s ease-in-out;
}

.banner-slide.active {
    opacity: 1;
    visibility: visible;
    z-index: 1;
}

.banner-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(30, 136, 199, 0.3) 0%, rgba(26, 125, 181, 0.5) 100%);
}

.banner-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    text-align: center;
    color: #fff;
    width: 100%;
    padding: 0 20px;
    box-sizing: border-box;
}

.banner-title {
    font-size: 56px;
    font-weight: bold;
    margin-bottom: 20px;
    text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
    animation: fadeInUp 1s ease;
}

.banner-subtitle {
    font-size: 28px;
    margin-bottom: 40px;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
    animation: fadeInUp 1s ease 0.2s backwards;
}

.banner-btn {
    padding: 15px 50px;
    font-size: 18px;
    color: #fff;
    background: rgba(255, 255, 255, 0.2);
    border: 2px solid #fff;
    border-radius: 30px;
    cursor: pointer;
    transition: all 0.3s ease;
    animation: fadeInUp 1s ease 0.4s backwards;
}

.banner-btn:hover {
    background: #fff;
    color: #1e88c7;
    transform: translateY(-3px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

/* 幻灯片指示器 */
.banner-indicators {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;
    display: -ms-flexbox; /* IE10 */
    display: flex;
    gap: 15px;
}

.indicator {
    width: 12px;
    height: 12px;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.3s ease;
    border: 2px solid transparent;
}

.indicator:hover {
    background: rgba(255, 255, 255, 0.8);
    transform: scale(1.2);
}

.indicator.active {
    background: #fff;
    border-color: #1e88c7;
    transform: scale(1.3);
}

/* 右侧悬浮按钮 */
.fixed-buttons {
    position: fixed;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 999;
}

.fixed-btn {
    background: linear-gradient(135deg, #1e88c7 0%, #1a7db5 100%);
    color: #fff;
    width: 80px;
    padding: 15px 10px;
    margin-bottom: 15px;
    text-align: center;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(30, 136, 199, 0.3);
    position: relative;
}

.fixed-btn:hover {
    transform: translateX(-5px);
    box-shadow: 0 6px 20px rgba(30, 136, 199, 0.5);
}

.btn-icon {
    font-size: 24px;
    margin-bottom: 5px;
}

.btn-text {
    font-size: 12px;
}

/* 返回顶部按钮 - 方形样式，初始隐藏 */
.back-to-top {
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}

.back-to-top.show {
    opacity: 1;
    visibility: visible;
}

.back-to-top .btn-icon {
    font-size: 28px;
    font-weight: bold;
}

/* 悬浮信息面板 */
.hover-panel {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    pointer-events: none;
    z-index: 1000;
    color: #333; /* 确保文字颜色不被父元素覆盖 */
}

/* 左侧显示的面板（右侧悬浮按钮用） */
.hover-panel-left {
    right: 100%;
    top: 50%;
    transform: translateY(-50%) translateX(10px);
    margin-right: 15px;
}

.fixed-btn:hover .hover-panel-left {
    opacity: 1;
    visibility: visible;
    transform: translateY(-50%) translateX(0);
    pointer-events: auto;
}

/* 顶部显示的面板（底部联系方式用） */
.hover-panel-top {
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%) translateY(-10px);
    margin-bottom: 15px;
}

.contact-item:hover .hover-panel-top {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
    pointer-events: auto;
}

/* 面板内容容器 */
.hover-panel-content {
    background: #fff;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
    min-width: 280px;
    max-width: 350px;
    border: 1px solid #e0e0e0;
    position: relative;
}

/* 左侧箭头 */
.hover-panel-left .hover-panel-content::after {
    content: '';
    position: absolute;
    right: -10px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #fff;
}

/* 顶部箭头 */
.hover-panel-top .hover-panel-content::after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #fff transparent transparent transparent;
}

/* 面板标题 */
.hover-panel .hover-title {
    color: #1e88c7 !important; /* 强制覆盖继承的白色 */
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 2px solid #e8f4f8;
    text-align: center;
}

/* 联系信息样式 */
.hover-panel .contact-info p,
.hover-panel .location-info p {
    margin: 8px 0;
    color: #333 !important; /* 强制覆盖继承的白色 */
    font-size: 14px;
    line-height: 1.6;
}

.hover-panel .contact-info strong,
.hover-panel .location-info strong {
    color: #1e88c7 !important; /* 强制覆盖继承的白色 */
}

.hover-panel .time-note {
    color: #999 !important; /* 强制覆盖继承的白色 */
    font-size: 12px;
    margin-top: 3px;
    margin-left: 20px;
}

.hover-panel .divider {
    height: 1px;
    background: #e0e0e0;
    margin: 12px 0;
}

/* 二维码样式 */
.hover-panel .qrcode-wrapper {
    text-align: center;
}

.hover-panel .qrcode-wrapper img {
    width: 200px;
    height: 200px;
    border-radius: 8px;
    margin-bottom: 10px;
    border: 1px solid #e0e0e0;
}

.hover-panel .qrcode-tip {
    color: #666 !important; /* 强制覆盖继承的白色 */
    font-size: 13px;
    margin: 0;
}

/* 地址信息样式 */
.hover-panel .route-label {
    color: #1e88c7 !important; /* 强制覆盖继承的白色 */
    font-weight: 600;
}

.hover-panel .route-detail {
    color: #666 !important; /* 强制覆盖继承的白色 */
    font-size: 13px;
    margin-left: 10px;
    line-height: 1.8;
}

/* 通用区域样式 */
.section-title {
    text-align: center;
    font-size: 36px;
    color: #fff;
    margin-bottom: 50px;
    position: relative;
    padding-bottom: 15px;
    display:block;
}

.section-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 3px;
    background: #fff;
}

.section-desc {
    text-align: center;
    color: rgba(255, 255, 255, 0.9);
    font-size: 14px;
    margin-top: 30px;
    line-height: 1.8;
}

/* 热门产品 */
.hot-products {
    background: linear-gradient(135deg, #2196d4 0%, #1a7db5 100%);
    padding: 80px 0;
    overflow: hidden;
}

.hot-products .container {
    max-width: 1600px;
}

.hot-products .section-subtitle {
    text-align: center;
    color: rgba(255, 255, 255, 0.9);
    font-size: 16px;
    margin-bottom: 50px;
    margin-top: -30px;
}

/* 产品滚动容器 */
.products-scroll-container {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding: 20px 0;
}

/* 滚动轨道 */
.products-scroll-track {
    display: -ms-flexbox; /* IE10 */
    display: flex;
    gap: 30px;
    animation: scrollLeft 30s linear infinite;
    will-change: transform;
}

/* 鼠标悬停暂停滚动 */
.products-scroll-container:hover .products-scroll-track {
    animation-play-state: paused;
}

/* 向左滚动动画 */
@keyframes scrollLeft {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}

/* 产品卡片 */
.product-card {
    -ms-flex: 0 0 320px; /* IE10 */
    flex: 0 0 320px;
    background: rgba(255, 255, 255, 0.15);
    padding: 40px 30px;
    border-radius: 16px;
    text-align: center;
    transition: all 0.3s ease;
    border: 2px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    display: block;
    text-decoration: none;
    color: inherit;
}

.product-card:hover {
    transform: translateY(-10px) scale(1.05);
    background: rgba(255, 255, 255, 0.25);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);
    border-color: rgba(255, 255, 255, 0.5);
}

.product-icon {
    font-size: 60px;
    margin-bottom: 20px;
    display: block;
    transition: all 0.3s ease;
}

.product-card:hover .product-icon {
    transform: scale(1.2) rotateY(360deg);
}

.product-name {
    color: #fff;
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 15px;
    line-height: 1.4;
}

.product-desc {
    color: rgba(255, 255, 255, 0.95);
    font-size: 15px;
    line-height: 1.6;
    margin: 0;
}

/* 产品中心查看更多按钮 */
.products-more-wrapper {
    text-align: center;
    margin-top: 40px;
}

.products-more-btn {
    display: inline-block;
    padding: 12px 40px;
    background: rgba(255, 255, 255, 0.15);
    border: 2px solid rgba(255, 255, 255, 0.6);
    border-radius: 30px;
    color: #fff;
    font-size: 16px;
    text-decoration: none;
    transition: all 0.3s ease;
    letter-spacing: 2px;
}

.products-more-btn:hover {
    background: #fff;
    color: #1e88c7;
    border-color: #fff;
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
}

.products-more-btn span {
    display: inline-block;
    margin-left: 8px;
    transition: transform 0.3s ease;
}

.products-more-btn:hover span {
    transform: translateX(5px);
}

/* 行业应用 */
.industry-app {
    background: linear-gradient(135deg, #1a7db5 0%, #156a9a 100%);
    padding: 80px 0;
}

.industry-app .container {
    max-width: 1600px;
}

.industry-carousel {
    /* IE10 兼容 - 使用 flexbox 替代 grid */
    display: -ms-flexbox; /* IE10 */
    display: flex;
    -ms-flex-wrap: wrap; /* IE10 */
    flex-wrap: wrap;
    margin: 0 -20px 30px -20px; /* 负边距模拟 gap */
}

.industry-carousel::after {
    content: "";
    display: block;
    clear: both;
}

.industry-item {
    background: rgba(255, 255, 255, 0.1);
    /* backdrop-filter 在 IE10 不支持，移除 */
    padding: 40px 30px;
    border-radius: 12px;
    text-align: center;
    transition: all 0.3s ease;
    border: 1px solid rgba(255, 255, 255, 0.2);
    /* Flexbox 布局 - IE10 兼容 */
    -ms-flex: 0 0 calc(33.333% - 40px); /* IE10 */
    flex: 0 0 calc(33.333% - 40px);
    margin: 0 20px 40px 20px; /* 模拟 gap */
    box-sizing: border-box;
    display: block;
    text-decoration: none;
    color: inherit;
    cursor: pointer;
}

.industry-item:hover {
    transform: translateY(-10px);
    background: rgba(255, 255, 255, 0.15);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);
}

.industry-item:hover .industry-icon img {
    transform: scale(1.15) rotate(5deg);
    filter: brightness(0) invert(1) drop-shadow(0 0 10px rgba(255, 255, 255, 0.8));
}

.industry-icon {
    font-size: 60px;
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 80px;
}

.industry-icon img {
    width: 64px;
    height: 64px;
    filter: brightness(0) invert(1);
    transition: all 0.3s ease;
}

.industry-item h3 {
    color: #fff;
    font-size: 22px;
    margin-bottom: 15px;
    transition: all 0.3s ease;
}

.industry-item p {
    color: rgba(255, 255, 255, 0.9);
    font-size: 14px;
    transition: all 0.3s ease;
}

.industry-item:hover h3 {
    color: #fff;
    text-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
}

.industry-item:hover p {
    color: #fff;
}

/* 轮播圆点 */
.carousel-dots {
    text-align: center;
    margin-top: 30px;
}

.dot {
    display: inline-block;
    width: 12px;
    height: 12px;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    margin: 0 8px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.dot.active,
.dot:hover {
    background: #fff;
    transform: scale(1.3);
}

/****************************************  企业新闻  *****************************************/
.xw_icon{
	font-size: 20px;width: 50px;text-align: center;
}
.xw_tit{
	font-size: 24px;font-family: "微软雅黑",sans-serif;
	font-weight: 600;
}

.tit{
	height: 50px;line-height: 50px;margin: 15px 0px;
}
.tit_title {
	font-size: 24px;font-family: "微软雅黑",sans-serif;
	font-weight: 600;
}


.indexone { overflow: hidden;}
.indexone .left { width: 590px; overflow: hidden; position: relative; height: 400px;margin-right:10px;float: left;}
.indexone .right {width:600px;float:right;height:400px;}

.comNews{ font-family: '微软雅黑', Arial; width: 585px;height: 390px;padding:5px 10px 5px 5px;background: #fff; overflow: hidden;margin-bottom: 30px;}
.comNews_list .comNewslist li { margin: 5px 0px; height: 28px; line-height: 28px; padding: 0px 2px 0px 0px; background: url(../images/cj_1_29.jpg) no-repeat 1px 14px;  color: #999; }
.comNews_list .comNewslist li a {text-align: left; position: relative; font-size:17px;width: 100%;}
.comNews_list .comNewslist li a span {display: block;float: right;color: #A7A7A7}

.comNewslist li .iconfont{font-size: 20px;color: #000;}
.comNewslist_hover{
	clear: both;width: 100%;height: 100px;padding: 8px;
}
.comNewslist_hover .time{
	margin-left: 15px;width: 85px;text-align: center;color: #3F3D99;border-right: 2px solid #D6D6D6;
	margin-top: 10px;
}
.comNewslist_hover .time > P{
	height: 50px;
    line-height: 50px;
    text-align: center;
    width: 50px;
    border: 1px solid #3F3D99;
    margin: 0 auto;
    color: #3F3D99;
    font-size: 20px;
} 
.comNewslist_hover .word {
	margin-left: 15px;margin-top: 10px;
}   
.comNewslist_hover .word .dot{
	width: 445px;line-height: 25px;
}
.comNewslist_hover .word > h3{
	font-size: 20px;color: #000;font-weight: 600;
}


/*********** 小轮播 ********/
.indexone .left {overflow: hidden;}
.indexone .left .inqiehuan { width: 600px; overflow: hidden; position: relative; height: 400px;float: left; }

.indexone .left .inqiehuan ul li { position: relative; width: 600px; height: 400px; }
.indexone .left .inqiehuan ul li img {width: 600px; overflow: hidden;height: 400px; }

/*小轮播小圆点 */
.indexone .left .inqiehuan .pagination { text-align: center; width: 100%; position: absolute; bottom: 8px;right: -220px; z-index: 999; cursor: pointer; }/*right: -235px;*/
.indexone .left .inqiehuan .pagination span { width: 12px; height: 12px; margin: 0 5px; display: inline-block; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #fff; }
.indexone .left .inqiehuan .pagination span.swiper-active-switch { background: red; }

/*小轮播蒙板 */
.indexone .left .inqiehuan .menban {z-index: 1;padding-left: 20px; width: 100%;height: 35px;line-height: 35px;position: absolute;bottom:0px;color: #fff;background-color: rgba(0,0,0,0.5); }

/************************************** END ********************************************************/

/* 新闻中心 */
.news-center {
    background: #fff;
    padding: 35px 0;
}

.news-center .container {
    max-width: 1600px;
}

.news-center .section-title {
    color: #1e88c7;
}

.news-center .section-title::after {
    background: #1e88c7;
}

.news-content {
    /* IE10 兼容 - 使用 flexbox 替代 grid */
    display: -ms-flexbox; /* IE10 */
    display: flex;
    gap: 50px;
}

.news-image {
    position: relative;
    -ms-flex: 0 0 33.333%; /* IE10 - 1fr of 3 parts */
    flex: 0 0 33.333%;
}

.news-image img {
    width: 100%;
    height: 400px;
    /* object-fit 在 IE10 不支持，移除 */
    /* 使用传统方式处理图片 */
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.news-tip {
    margin-top: 15px;
    font-size: 13px;
    color: #666;
    line-height: 1.6;
}

.news-list {
    width: 1000px;
}

.news-tabs {
    display: -ms-flexbox; /* IE10 */
    display: flex;
    -ms-flex-pack: justify; /* IE10 */
    justify-content: space-between;
    -ms-flex-align: center; /* IE10 */
    align-items: center;
    gap: 20px;
    margin-bottom: 13px;
    border-bottom: 2px solid #e0e0e0;
}

.tab {
    padding: 10px 20px;
    cursor: pointer;
    color: #666;
    font-size: 16px;
    transition: all 0.3s ease;
    position: relative;
}

.tab.active {
    color: #1e88c7;
    font-weight: bold;
}

.tab.active::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0;
    height: 2px;
    background: #1e88c7;
}

.tab:hover {
    color: #1e88c7;
}

/* 查看更多链接 */
.news-more {
    color: #999;
    font-size: 14px;
    text-decoration: none;
    padding: 8px 15px;
    border-radius: 4px;
    transition: all 0.3s ease;
    white-space: nowrap;
}

.news-more:hover {
    color: #1e88c7;
    background: #f0f8ff;
}

.news-items {
    list-style: none;
}

.news-item {
    padding: 20px 0;
    border-bottom: 1px solid #e0e0e0;
    display: -ms-flexbox; /* IE10 */
    display: flex;
    gap: 20px;
    transition: all 0.3s ease;
    align-items: center;
    min-width: 0;
}

.news-item:hover {
    background: #f8f9fa;
    padding-left: 10px;
}

.news-date {
    color: #999;
    font-size: 16px;
    -ms-flex-negative: 0; /* IE10 */
    flex-shrink: 0;
    height: 30px;
    line-height: 30px;
    display: block;
    width: 100px;
}

.news-title {
    color: #333;
    text-decoration: none;
    font-size: 15px;
    transition: all 0.3s ease;
    -ms-flex: 1; /* IE10 */
    flex: 1;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    min-width: 0;
}

.news-title:hover {
    color: #1e88c7;
}

/* 底部 */
.footer {
    background: linear-gradient(135deg, #0d5a8f 0%, #0a4770 100%);
    color: #fff;
    padding: 60px 0 30px;
    position: relative;
    z-index: 10;
}

.footer-nav {
    display: -ms-flexbox; /* IE10 */
    display: flex;
    -ms-flex-pack: center; /* IE10 */
    justify-content: center;
    gap: 80px;
    padding-bottom: 40px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    margin-bottom: 40px;
}

/* 导航项容器 */
.footer-nav-item {
    display: -ms-flexbox; /* IE10 */
    display: flex;
    -ms-flex-direction: column; /* IE10 */
    flex-direction: column;
    -ms-flex-align: center; /* IE10 */
    align-items: center;
    gap: 0;
}

/* 主标题样式 - 作为标题不是链接 */
.footer-nav-title {
    color: #fff;
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 20px;
    text-align: center;
    position: relative;
    padding-bottom: 12px;
}

.footer-nav-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 30px;
    height: 2px;
    background: rgba(255, 255, 255, 0.5);
}

/* 子菜单容器 */
.footer-nav-sub {
    display: -ms-flexbox; /* IE10 */
    display: flex;
    -ms-flex-direction: column; /* IE10 */
    flex-direction: column;
    -ms-flex-align: center; /* IE10 */
    align-items: center;
    gap: 12px;
}

/* 子菜单项样式 */
.footer-nav-sub a {
    color: rgba(255, 255, 255, 0.8);
    text-decoration: none;
    font-size: 14px;
    transition: all 0.3s ease;
    position: relative;
    padding: 5px 12px;
    border-radius: 4px;
    text-align: center;
}

.footer-nav-sub a::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 1px;
    background: #fff;
    transition: width 0.3s ease;
}

.footer-nav-sub a:hover {
    color: #fff;
    background: rgba(255, 255, 255, 0.15);
    padding-left: 20px;
}

.footer-nav-sub a:hover::before {
    width: 8px;
    margin-right: 8px;
}

.footer-contact {
    display: -ms-flexbox; /* IE10 */
    display: flex;
    -ms-flex-pack: center; /* IE10 */
    justify-content: center;
    gap: 80px;
    margin-bottom: 30px;
}

.contact-item {
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    z-index: 1;
}

.contact-item:hover {
    transform: translateY(-5px);
    z-index: 100;
}

.contact-icon {
    font-size: 36px;
    margin-bottom: 10px;
}

.contact-icon .layui-icon {
    font-size: 36px;
    color: inherit;
}

.contact-item p {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.9);
}

.footer-info {
    text-align: center;
    color: rgba(255, 255, 255, 0.7);
    font-size: 13px;
    padding-top: 20px;
    line-height: 1.8;
}

.footer-info p {
    margin: 8px 0;
}

.footer-info a {
    color: rgba(255, 255, 255, 0.8);
    text-decoration: none;
    transition: all 0.3s ease;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.footer-info a:hover {
    color: #fff;
    border-bottom-color: #fff;
}

/* 动画 */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* 响应式设计 */
@media (max-width: 1920px) {
    .container {
        max-width: 100%;
    }
}

@media (max-width: 1440px) {
    .container {
        padding: 0 40px;
    }

    /* 大屏幕下一行显示5个 */
    .mega-item {
        width: calc((100% - 80px) / 5); /* 5个项目 */
    }
}

@media (max-width: 768px) {
    .header .container {
        -ms-flex-direction: column; /* IE10 */
        flex-direction: column;
        height: auto;
        padding: 20px;
    }

    .nav {
        -ms-flex-wrap: wrap; /* IE10 */
        flex-wrap: wrap;
        gap: 15px;
        -ms-flex-pack: center; /* IE10 */
        justify-content: center;
    }

    /* 移动端大型下拉菜单调整 */
    .mega-dropdown {
        -ms-flex-direction: column; /* IE10 */
        flex-direction: column;
        left: 0;
        right: 0;
        width: 100%;
    }

    .mega-menu-left {
        min-width: 100%;
        padding: 15px 0;
    }

    .mega-category {
        padding: 12px 20px;
        font-size: 14px;
    }

    .mega-menu-right {
        padding: 20px;
    }

    .mega-item {
        width: calc((100% - 20px) / 2); /* 移动端一行显示2个 */
        min-width: auto;
        padding: 20px 10px;
    }

    .mega-item i {
        font-size: 32px;
    }

    .mega-item span {
        font-size: 13px;
    }

    /* 移动端下拉菜单调整 */
    .nav-item-wrapper {
        width: auto;
    }

    .dropdown-menu {
        min-width: 150px;
        left: 50%;
        transform: translateX(-50%) translateY(-10px);
    }

    .nav-item-wrapper:hover .dropdown-menu {
        transform: translateX(-50%) translateY(0);
    }

    .dropdown-menu::before {
        left: 50%;
        transform: translateX(-50%);
    }

    .product-card {
        -ms-flex: 0 0 250px; /* IE10 */
        flex: 0 0 250px;
    }

    .industry-carousel {
        /* 响应式布局 - 1列 */
        -ms-flex-direction: column; /* IE10 */
        flex-direction: column;
    }

    .industry-item {
        -ms-flex: 0 0 calc(100% - 40px); /* IE10 */
        flex: 0 0 calc(100% - 40px);
    }

    .banner-title {
        font-size: 36px;
    }

    .banner-subtitle {
        font-size: 20px;
    }

    /* Banner幻灯片响应式 */
    .banner {
        height: 400px;
    }

    .banner-indicators {
        bottom: 20px;
    }

    .indicator {
        width: 10px;
        height: 10px;
    }
}

/* 合作伙伴板块 */
.partners-section {
    background: #f8f9fa;
    padding: 35px 0;
}

.partners-section .container {
    max-width: 1600px;
}

.partners-section .section-title {
    color: #1e88c7;
    text-align: center;
    font-size: 36px;
    margin-bottom: 10px;
    position: relative;
    padding-bottom: 15px;
}

.partners-section .section-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 3px;
    background: #1e88c7;
}

.section-subtitle {
    text-align: center;
    color: #666;
    font-size: 16px;
    margin-bottom: 50px;
}

/* 合作伙伴标签页 */
.partners-tabs {
    display: -ms-flexbox; /* IE10 */
    display: flex;
    -ms-flex-pack: center; /* IE10 */
    justify-content: center;
    gap: 30px;
    margin-bottom: 50px;
}

.partner-tab {
    background: #fff;
    padding: 20px 40px;
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.3s ease;
    border: 2px solid #e0e0e0;
    display: -ms-flexbox; /* IE10 */
    display: flex;
    -ms-flex-align: center; /* IE10 */
    align-items: center;
    gap: 15px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    position: relative;
    overflow: hidden;
}

.partner-tab::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, rgba(30, 136, 199, 0.1) 0%, rgba(26, 125, 181, 0.1) 100%);
    transition: left 0.3s ease;
}

.partner-tab:hover::before,
.partner-tab.active::before {
    left: 0;
}

.partner-tab:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(30, 136, 199, 0.2);
    border-color: #1e88c7;
}

.partner-tab.active {
    background: linear-gradient(135deg, #1e88c7 0%, #1a7db5 100%);
    border-color: #1e88c7;
    box-shadow: 0 8px 25px rgba(30, 136, 199, 0.3);
}

.partner-tab.active .tab-icon,
.partner-tab.active .tab-label,
.partner-tab.active .tab-count {
    color: #fff;
}

.tab-icon {
    font-size: 28px;
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
}

.tab-icon img {
    width: 28px;
    height: 28px;
    transition: all 0.3s ease;
    filter: brightness(0) saturate(100%) invert(20%) sepia(0%) saturate(0%) hue-rotate(180deg) brightness(95%) contrast(90%);
}

.partner-tab.active .tab-icon img {
    filter: brightness(0) invert(1);
}

.partner-tab:hover .tab-icon img {
    transform: scale(1.1);
}

.tab-label {
    font-size: 18px;
    font-weight: 600;
    color: #333;
    transition: color 0.3s ease;
    position: relative;
    z-index: 1;
}

.tab-count {
    background: rgba(30, 136, 199, 0.1);
    color: #1e88c7;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: bold;
    transition: all 0.3s ease;
    position: relative;
    z-index: 1;
}

.partner-tab.active .tab-count {
    background: rgba(255, 255, 255, 0.3);
    color: #fff;
}

/* 合作伙伴网格布局 */
.partners-grid {
    display: -ms-flexbox; /* IE10 */
    display: flex;
    -ms-flex-wrap: wrap; /* IE10 */
    flex-wrap: wrap;
    margin: 0 -15px;
    animation: fadeIn 0.6s ease;
}

.partner-logo-item {
    -ms-flex: 0 0 calc(20% - 30px); /* IE10 - 5列布局 */
    flex: 0 0 calc(20% - 30px);
    margin: 15px;
    box-sizing: border-box;
}

.logo-wrapper {
    background: #fff;
    border-radius: 12px;
    padding: 30px;
    height: 150px;
    display: -ms-flexbox; /* IE10 */
    display: flex;
    -ms-flex-align: center; /* IE10 */
    align-items: center;
    -ms-flex-pack: center; /* IE10 */
    justify-content: center;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    border: 1px solid #f0f0f0;
    position: relative;
    overflow: hidden;
}

.logo-wrapper::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(30, 136, 199, 0.05) 0%, rgba(26, 125, 181, 0.05) 100%);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.logo-wrapper:hover::before {
    opacity: 1;
}

.logo-wrapper:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 40px rgba(30, 136, 199, 0.15);
    border-color: #1e88c7;
}

.logo-wrapper img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    transition: all 0.3s ease;
    position: relative;
    z-index: 1;
}

.logo-wrapper:hover img {
    transform: scale(1.1);
}

/* 淡入动画 */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* 响应式设计 - 合作伙伴板块 */
@media (max-width: 1440px) {
    .partner-logo-item {
        -ms-flex: 0 0 calc(25% - 30px); /* IE10 - 4列布局 */
        flex: 0 0 calc(25% - 30px);
    }

    /* 大屏幕下一行显示5个 */
    .mega-item {
        width: calc((100% - 80px) / 5); /* 5个项目 */
    }

    /* 侧边栏响应式 */
    .mega-menu-sidebar {
        width: 220px;
        padding: 30px 25px;
    }

    .mega-menu-sidebar .sidebar-title {
        font-size: 22px;
    }
}

@media (max-width: 1200px) {
    .partner-logo-item {
        -ms-flex: 0 0 calc(33.333% - 30px); /* IE10 - 3列布局 */
        flex: 0 0 calc(33.333% - 30px);
    }

    .partners-tabs {
        gap: 20px;
    }

    .partner-tab {
        padding: 15px 30px;
    }

    /* 中等屏幕下一行显示4个 */
    .mega-item {
        width: calc((100% - 60px) / 4); /* 4个项目 */
    }

    .product-card {
        -ms-flex: 0 0 280px; /* IE10 */
        flex: 0 0 280px;
    }

    .industry-carousel {
        /* 响应式布局 - 2列 */
        -ms-flex-wrap: wrap; /* IE10 */
        flex-wrap: wrap;
    }

    .industry-item {
        -ms-flex: 0 0 calc(50% - 40px); /* IE10 */
        flex: 0 0 calc(50% - 40px);
    }

    .news-content {
        -ms-flex-direction: column; /* IE10 */
        flex-direction: column;
    }

    .news-image,
    .news-list {
        -ms-flex: 0 0 100%; /* IE10 */
        flex: 0 0 100%;
    }

    /* 侧边栏响应式 - 中等屏幕 */
    .mega-menu-sidebar {
        width: 200px;
        padding: 25px 20px;
    }

    .mega-menu-sidebar .sidebar-title {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .mega-menu-sidebar .sidebar-desc {
        font-size: 13px;
        margin-bottom: 20px;
    }

    .mega-menu-sidebar .sidebar-btn {
        padding: 10px 20px;
        font-size: 13px;
    }
}

@media (max-width: 768px) {
    .partners-section {
        padding: 60px 0;
    }

    .partners-tabs {
        -ms-flex-direction: column; /* IE10 */
        flex-direction: column;
        gap: 15px;
    }

    .partner-tab {
        -ms-flex-pack: center; /* IE10 */
        justify-content: center;
    }

    .partner-logo-item {
        -ms-flex: 0 0 calc(50% - 30px); /* IE10 - 2列布局 */
        flex: 0 0 calc(50% - 30px);
    }

    .logo-wrapper {
        padding: 20px;
        height: 120px;
    }

    /* 调整hover面板尺寸 */
    .hover-panel-content {
        min-width: 250px;
        max-width: 300px;
        padding: 20px;
    }

    .qrcode-wrapper img {
        width: 180px;
        height: 180px;
    }

    /* 固定按钮调整 */
    .fixed-buttons {
        right: 15px;
    }

    .fixed-btn {
        width: 70px;
        padding: 12px 8px;
    }

    /* 移动端隐藏侧边栏 */
    .mega-menu-sidebar {
        display: none;
    }
}

@media (max-width: 480px) {
    .partner-logo-item {
        -ms-flex: 0 0 calc(100% - 30px); /* IE10 - 1列布局 */
        flex: 0 0 calc(100% - 30px);
    }

    /* 移动端隐藏悬浮面板，显示为点击模式 */
    .hover-panel {
        display: none;
    }
}



/*其他页面样式
********************************************* */
.mcleft .na_tit { width: 100%; height: 60px; box-sizing: border-box; background: #0060B6; line-height: 60px; text-indent: 30px; }
.mcleft .na_tit span { display: block; position: relative; padding: 30px 0 15px; font-size: 30px; color: #fff; font-weight: bold; text-transform: uppercase; }
.mcleft .na_tit span:before { position: absolute; top: 0; left: 0; width: 40px; height: 2px; content: ''; background: #fff; }
.mcleft .na_tit em { display: block; font-size: 18px; font-weight: bold; color: #fff; }
.mcleft .na_tit em { font-size: 17px; }
.mcleft .na_ul ul li a { font-size: 15px; font-weight: bold; }
.mcleft .na_ul ul li { line-height: 50px; }
.mcleft .na_tit span { font-size: 24px; }
.pb80 { padding-bottom: 80px !important; }
.ContentMain .mcright { width: 900px; margin: 0 auto; }
.limain { background: url(../WebImgs/bgs/sx1.jpg) left center repeat-y #FFFFFF; }


.ContnetMain { /*居中框架*/ width: 1200px; height: auto; margin: 20px auto; background: #fff; overflow: hidden; }

.limain { background: url(../WebImgs/bgs/sx1.jpg) left center repeat-y #FFFFFF; }
.ContnetMain .mcleft { width: 240px; float: left; display: inline; }
.ContnetMain .mcright { width: 890px; float: right; display: inline; padding-right: 30px; }
.catalist { }
.catalist div { margin-bottom: 0px; }
.catalist div a { background: url(../WebImgs/bgs/arw8.png) 87% 50% no-repeat; display: block; line-height: 1; height: 50px; line-height: 50px; text-indent: 30px; font-size: 14px; color: #333; }
.catalist div.cur a { background: url(../WebImgs/bgs/arw8.png) 87% 50% no-repeat #0168cf; color: #fff; }
.catalist div a:hover { background: url(../WebImgs/bgs/arw8.png) 87% 50% no-repeat #0168cf; color: #fff; }

.catalist div dl dd .towcur {background:#f5f5f5;border-bottom:1px solid #e6e6e6;color:#000;height:35px;line-height:35px;text-indent:2em;}
.catalist div dl dd .towcur:hover, .catalist div dl dd .towcur.hover{ background:#abb3f1;color:#fff;}

.position { height: 110px; line-height: 110px; /*border-bottom:1px solid #ccc*/ }
.position span { color: #0060b6; font-size: 24px; display: inline; float: left; padding-left: 10px; }
.position em { color: #666; display: inline; float: right; font-size: 14px; white-space: nowrap; padding-left: 25px; }
/*
.yaowen li { padding: 5px;height:50px; border-bottom: 1px #CCCCCC dashed; }
.yaowen li a { display: block;height:48px; position: relative; }
.yaowen li .time { float: left; width: 90px; margin-top: 55px; font-size: 18px; color: #999999; text-align: center; line-height: 34px; }
.yaowen li .time p { line-height: 68px; font-size: 36px; color: #333333; background: url(../WebImgs/bgs/bg12.png) center bottom no-repeat; }
.yaowen li .word { float: left; width: 760px; }
.yaowen li .word h3 { line-height: 48px; font-size: 18px; color: #333333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.yaowen li .word p { font-size: 14px; color: #999999; line-height: 28px; height: 84px; overflow: hidden; }
.yaowen li .bor { width: 0; height: 1px; background: #0060B6; position: absolute; left: 0; bottom: -28px; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; }
 
.yaowen li a:hover .time p { background-image: url(../WebImgs/bgs/bg13.png); color: #0060b6; }
.yaowen li a:hover .time,
.yaowen li a:hover .word h3 { color: #0060b6; }
.yaowen li a:hover .word p { color: #333333; }
.yaowen ul { padding-bottom: 40px; }
*/
.yaowen li { padding: 15px 0 15px; border-bottom: 1px #CCCCCC dashed; }
.yaowen li a { display: block; position: relative; }
.yaowen li .time { float: left; width: 90px; margin-top: 55px; font-size: 18px; color: #999999; text-align: center; line-height: 34px; }
.yaowen li .time p { line-height: 68px; font-size: 36px; color: #333333; background: url(../WebImgs/bgs/bg12.png) center bottom no-repeat; }
.yaowen li .word { float: right; width: 760px; }
.yaowen li .word h3 { line-height: 68px; font-size: 18px; color: #333333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.yaowen li .word p { font-size: 14px; color: #999999; line-height: 28px; height: 84px; overflow: hidden; }
.yaowen li .bor { width: 0; height: 1px; background: #0060B6; position: absolute; left: 0; bottom: -16px; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; }
.yaowen li a:hover .bor { width: 100%; }
.yaowen li a:hover .time p { background-image: url(../WebImgs/bgs/bg13.png); color: #0060b6; }
.yaowen li a:hover .time,
.yaowen li a:hover .word h3 { color: #0060b6; }
.yaowen li a:hover .word p { color: #333333; }
.yaowen ul { padding-bottom: 40px; }

.h300 { }
.h300 .layout {position:relative;width:1200px;height:280px; }
.h300  .title { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); left: 0; }
.h300  .title.white h3,
.h300  .title.white p { color: #fff; }
.h300  h3 { font-size: 33px; line-height: 52px; color: #0093dd; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; }
.h300  p { font-size: 26px; line-height: 26px;  color: #414141; }

.BmjsTitle { background:#deebf9;padding:5px 15px;color:#fff;text-align:right;overflow:hidden;height:40px;line-height:40px;}
.BmjsTitle span { float:left;font-size:20px;color:#111;}
.BmjsTitle a { color:#999;}
.bumen li { padding: 15px 0 15px; border-bottom: 1px #CCCCCC dashed; }
.bumen li a { display: block; position: relative; }
.bumen li .time { width: 90px; font-size: 18px; color: #999999; text-align: center; line-height: 38px; float:right;}
.bumen li .time p { line-height: 38px; font-size: 36px; color: #333333; background: url(../images/bg12.png) center bottom no-repeat; }
.bumen li .word { float: left; width: 760px; }
.bumen li .word h3 { line-height: 38px; font-size: 18px; color: #333333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.bumen li .word p { font-size: 14px; color: #999999; line-height: 28px; height: 84px; overflow: hidden; }
.bumen li .bor { width: 0; height: 1px; background: #0060B6; position: absolute; left: 0; bottom: -16px; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; }
.bumen li a:hover .bor { width: 100%; }
.bumen li a:hover .time p { background-image: url(../images/bg13.png); color: #0060b6; }
.bumen li a:hover .time,
.bumen li a:hover .word h3 { color: #0060b6; }
.bumen li a:hover .word p { color: #333333; }
.bumen ul { padding-bottom: 40px; }


.choose_box { background: #fcfcfc; padding: 15px 0; }
.pb20 { padding-bottom: 20px !important; }
.pt20 { padding-top: 20px !important; }
.pt30 { padding-top: 30px !important; }
.tc{text-align:center !important}
.conbox { padding: 13px 30px 0; }
.conbox h3 { font-size: 18px; color: #0060b6; padding-left: 30px; background: url(../images/ic6.png) left center no-repeat; line-height: 52px; }
.conbox p { color: #333333; line-height: 18px; margin-top: 12px; }
.conbox p em { display: inline-block; vertical-align: top; width: 135px; }
.dongtai li { padding: 40px 0; border-bottom: 1px #CCCCCC dashed; }
.dongtai li.first { padding-top: 0; }
.dongtai li a { display: block; position: relative; }
.dongtai li .pic { float: left; position: relative; width: 240px; height: 160px; overflow: hidden; }
.dongtai li .blue { position: absolute; left: 0; top: 100%; width: 100%; height: 100%; background: url(../images/bg2.png) repeat; display: none; }
.dongtai li .blue b { display: block; width: 30px; height: 30px; background: url(../images/app/fdj2.png) center no-repeat; position: absolute; left: 50%; top: 50%; margin-left: -15px; margin-top: -15px; }
.dongtai li .word { float: right; width: 600px; font-size: 14px; color: #999999; }
.dongtai li h3 { font-size: 18px; color: #333333; line-height: 18px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.dongtai li p { line-height: 28px; height: 84px; overflow: hidden; margin-top: 20px; }
.dongtai li span { display: block; line-height: 28px; margin-top: 10px; }
.dongtai li .border { position: absolute; left: 0; bottom: -41px; height: 1px; width: 0; background: #0060b6; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; }
.dongtai li a:hover h3 { color: #0060b6; }
.dongtai li a:hover .border { width: 100%; }
.dongtai ul { padding-bottom: 40px; }
/*img { max-width: 100%; } 20220414注释，不清楚会不会对其他样式有影响*/
.pn { border: 3px #efefef solid; font-size: 14px; line-height: 2; background: #f9f9f9; padding: 20px; margin-top: 20px; }
.pn em { color: #666; }
.pn a { color: #666; }
.pn a:hover { color: #a90000; text-decoration: underline; }
.content { font-family: "SimSun";font-size: 16px; color: #000; line-height: 1.75; text-align: justify; }
.ntitl {font-family:方正小标宋简体; text-align: center; color: #333; font-size: 22px; padding: 0px 0 0 0; font-weight: bold;}
.content div { padding-bottom: 10px; }
.content img { /*width: 100%; height: auto;*/ }
.content p { padding-bottom: 10px; }
.content ol { list-style-position: inside; padding-left: 20px; }
.content ol li { list-style-type: decimal; list-style-position: inside; }
.content ul { list-style-position: inside; padding-left: 20px; }
.content ul li { list-style-type: decimal; list-style-position: inside; }
.content h2 { border-bottom: 1px #efefef solid; font-size: 16px; line-height: 1; padding: 20px 0; margin-bottom: 10px; }

.picScroll{ position:relative;width:1200px;  height:240px;  margin: 0 auto; padding: 10px 0 10px 15px;  background:#fff; margin-bottom:10px; overflow:hidden; 
    behavior: url( "PIE.htc"); border:1px solid skyblue;
    z-index: 2;  }
	

.picScroll ul{ overflow:hidden; zoom:1; }
.picScroll ul li{ float:left; margin: 13px;  width:300px; overflow:hidden; display:inline; }
.picScroll ul li img{ width:300px; height:200px; }
.picScroll .prev,
.picScroll .next{ position:absolute;  left:10px; top: 120px; display:block; width:42px; height:42px; overflow:hidden; background: url("../img/icon-next01.png")  0 no-repeat; cursor:pointer;  }
.picScroll .next{ left:auto; right:10px; background:url("../img/icon-next02.png") 0 no-repeat;  }
.picScroll .prevStop{ background:url("../img/icon-next03.png") no-repeat;}
.picScroll .nextStop{ background: url("../img/icon-next04.png") no-repeat;}
.picScroll p{line-height: 20px; height: 20px; text-align: center; color: #444; font-size: 18px; width: 240px; margin:10px 30px 0 30px; white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    overflow: hidden; text-decoration: none; display: inline-block;}