/* CSS Document */
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div{margin:0;padding:0;border:0;}
a {
	color: #000;
	text-decoration: none;
}
a:hover {
 
 
}

h3{ font-size:20px; font-weight:100;}
body{ font-size:12px; margin-top:0px;font-family:"微软雅黑"; background: url(/skin/images/bg_m.jpg) top #F7F8FA repeat-x;}

 .h5-video-player {
            width: 100%;
           
            position: relative;
            
            overflow: hidden;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
        }

        /* 视频标签：16:9比例，原生控件默认显示 */
        #h5-video {
            width: 100%;
            aspect-ratio: 16/9;
            display: block;
            /* 原生控件样式调整（可选） */
            cursor: pointer;
        }

        /* 封面图：利用poster属性实现，无需额外DOM */
        /* 注：poster是video标签原生属性，播放后自动隐藏 */

        /* 移动端适配 */
        @media (max-width: 768px) {
            .h5-video-player {
                width: 95%;
            }
        }
/* 快捷导航容器：浅灰背景+水平布局 */
        .quick-nav {
             
            height: 30px;
            line-height: 30px; /* 文字垂直居中 */
            padding: 0 20px;
            
            position: relative; /* 用于定位下拉层 */
            z-index: 10000; /* 确保导航栏层级 */
        }

        /* 导航列表：水平排列 */
        .quick-nav-list {
            list-style: none;
            display: flex;
            align-items: center; /* 图标+文字垂直对齐 */
            gap: 15px; /* 项间距 */width: 300px;
  float: right;
        }

        /* 导航项样式 - 相对定位（用于下拉层） */
        .quick-nav-item {
            display: flex;
            align-items: center;
            gap: 5px; /* 图标和文字间距 */
            font-size: 14px;
            color: #666; /* 文字颜色 */
            cursor: pointer; /* 鼠标悬浮手型 */
            transition: color 0.2s;
            position: relative; /* 下拉层的父级定位 */
            padding: 0 5px; /* 扩大点击/悬浮区域 */
        }

        /* 悬浮效果 */
        .quick-nav-item:hover {
            color: #0066cc; /* 悬浮变品牌蓝 */
        }

        /* 图标样式：统一大小+颜色 */
        .nav-icon {
            width: 16px;
            height: 16px;
            display: inline-block;
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
            vertical-align: middle;
        }

        /* 修正后的图标（抖音/公众号/微信）- 免费商用 */
        .icon-douyin {
            background: url("../images/douyin.jpg") no-repeat center; ");
        }
        .icon-gzh {
            background: url("../images/gongzhonghao.jpg") no-repeat center; ");
        }
        .icon-wechat {
            background: url("../images/weixin.jpg") no-repeat center; "); /* 正确的微信图标 */
        }

        /* 分隔线：竖线分隔 */
        .nav-divider {
            color: #ccc;
            font-size: 12px;
        }

        /* 下拉图片容器 - 默认隐藏 */
        .dropdown-img {
            position: absolute;
            top: 40px; /* 导航栏下方显示 */
            left: 50%;
            transform: translateX(-50%); /* 水平居中 */
            width: 150px; /* 二维码/图片宽度 */
            height: 150px;
            background-color: #ffffff; /* 白色背景 */
            border: 1px solid #e5e5e5; /* 浅灰边框 */
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); /* 轻微阴影 */
            padding: 10px;
            border-radius: 4px;
            display: none; /* 默认隐藏 */
            z-index: 100; /* 置顶显示，避免被遮挡 */
        }

        /* 下拉图片样式 */
        .dropdown-img img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        /* 悬浮显示下拉层（纯CSS实现，减少JS依赖） */
        .quick-nav-item:hover .dropdown-img {
            display: block;
        }

        /* 点击激活显示（JS辅助） */
        .quick-nav-item.active .dropdown-img {
            display: block;
        }

        /* 小三角指向导航项（增强视觉） */
        .dropdown-img::before {
            content: "";
            position: absolute;
            top: -8px;
            left: 50%;
            transform: translateX(-50%);
            width: 0;
            height: 0;
            border-left: 8px solid transparent;
            border-right: 8px solid transparent;
            border-bottom: 8px solid #ffffff; /* 三角颜色匹配背景 */
        }


 /* 导航整体容器 */
        .nav-wrapper {
            width: 100%;
            margin: 0 auto; 
            background-color: #0d62b8;
            border-bottom: 1px solid #0d62b8;
            position: relative;
        }

        /* 主导航栏 - 固定宽度居中 */
        .main-nav {
            width: 1200px;
            margin: 0 auto;
            display: flex;
            position: relative;
            z-index: 1000; /* 确保导航在下拉菜单上方 */
        }

        .main-nav > li {
            padding: 20px 45px;
            position: relative;
            cursor: pointer;
			list-style-type: none;
        }

        .main-nav > li > a {
            color: #fff;
            font-size: 14px;
            font-weight: 500;
            display: inline-block;
        }

        /* 下划线动画样式 */
        .main-nav > li.active > a {
            color: #000;
        }
        .main-nav > li::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            height: 3px;
            background-color: #ffcc00;
            transition: width 0.2s ease;
        }
        .main-nav > li:not(.active)::after {
            width: 0;
        }
        .main-nav > li.active::after {
            width: 100%;
        }
        .main-nav > li:hover::after {
            width: 100%;
        }

        /* ========== 核心：固定下拉菜单容器 ========== */
        /* 下拉外层 - 固定位置、仅上下伸缩 */
        .dropdown-container {
            position: absolute;
            top: 100%; /* 固定在导航栏正下方 */
            left: 50%;
            transform: translateX(-50%); /* 水平居中，位置永久固定 */
            width: 99%; /* 与主导航同宽 */
            background-color: #0d62b8;
            border: 1px solid #0040a0;
            z-index: 999;
            /* 伸缩动画：默认收起，hover时展开 */
            max-height: 0;
            opacity: 0;
            overflow: hidden;
            transition: max-height 0.3s ease, opacity 0.3s ease;
        }

        /* 导航栏hover时，下拉菜单展开（伸缩显示） */
        .nav-wrapper:hover .dropdown-container {
            max-height: 500px; /* 足够大的高度容纳所有内容 */
            opacity: 1;
        }

        /* 下拉内容区 - 固定布局，仅切换内容显隐 */
        .dropdown-content {
            display: flex;
           width: 1150px; /* 与主导航同宽 */
            padding: 50px 0;
			margin: 0 auto;
        }

        /* 下拉内容项 - 默认全部隐藏，仅显示对应项 */
        .dropdown-panel {
            display: none;
            width: 100%;
        }
        .dropdown-panel.active {
            display: flex;
        }

        /* 左侧菜单样式 */
        .dropdown-left {
            width: 180px;
            padding-right: 20px;
            border-right: 1px solid #0040a0;
        }
        .dropdown-left li {
            padding: 8px 15px;
            display: flex;
            align-items: center;
            gap: 8px;
        }
        .dropdown-left li .menu-icon {
            width: 18px;
            height: 18px;
            color: #ffcc00;
            font-size: 18px;
            display: inline-block;
        }
        .dropdown-left li a {
            color: #fff;
            font-size: 14px;
            flex: 1;
        }
        .dropdown-left li:hover {
            background-color: #0040a0;
        }

        /* 右侧图片区样式 */
        .dropdown-right {
            flex: 1;
            display: flex;
            align-items: flex-start;
            gap: 30px;
            padding: 0 30px;
            flex-wrap: wrap;
        }
        .img-item {
            text-align: center;
        }
        .img-item img {
            width: 140px;
            height: 90px;
            object-fit: cover;
            margin-bottom: 8px;
            border: 1px solid #ccc;
            cursor: pointer;
        }
        .img-item p {
            color: #fff;
            font-size: 14px;
        }
        .img-item a {
            text-decoration: none;
            color: inherit;
        }


 /* 页面容器：固定宽度+居中 */

  
        /* ===================== 统一白色背景 ===================== */
        .icon-nav-item,
        .banner-box,
        .list-card,
        .video-card,
        .video-box {
            background-color: #fff !important;
        }
 /* 动画通用基础样式 */
        .animate-item {
            opacity: 0; /* 初始透明 */
            transform: translate(0, 0);
            transition: all 0.8s ease-out; /* 动画时长0.8秒，缓出效果 */
        }
        /* 页面加载完成后添加此类触发动画 */
        .animate-item.active {
            opacity: 1;
            transform: translate(0, 0);
        }

        /* 1. 从左侧滑入（图标导航、轮播图） */
        .animate-left {
            transform: translateX(-50px);
        }
        /* 2. 从右侧滑入（视频模块、政策法规） */
        .animate-right {
            transform: translateX(50px);
        }
        /* 3. 从顶部滑入（企业新闻、中吉文海） */
        .animate-top {
            transform: translateY(-50px);
        }
        /* 4. 从底部滑入（精彩活动、视频内部播放区） */
        .animate-bottom {
            transform: translateY(50px);
        }
        /* 5. 淡入（图标导航项单独，错开动画时间） */
        .animate-fade {
            transform: scale(0.95);
        }

        /* 通用阴影样式（统一管理，方便修改） */
        .shadow-box {
            box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.08);
            transition: box-shadow 0.3s ease; /* 悬浮阴影加深，增强交互 */
        }
        .shadow-box:hover {
            box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.12);
        }

        /* 1. 顶部图标导航栏 */
        .icon-nav {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 10px 0 20px;
            border-bottom: 1px solid #eee;
            margin-bottom: 20px;
        }

        /* 图标导航项 - 增加阴影 + 淡入动画 */
        .icon-nav-item {
            display: flex;
            flex-direction: column;
            align-items: center;
            width: 150px;
            cursor: pointer;
            padding: 8px 0;
            border-radius: 10px;
            box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.05);
            transition: all 0.3s ease;
            /* 动画样式 */
            opacity: 0;
            transform: scale(0.95);
            transition: all 0.6s ease-out;
        }
        .icon-nav-item.active {
            opacity: 1;
            transform: scale(1);
        }
        .icon-nav-item:hover {
            box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.1);
            transform: translateY(-2px) scale(1.02); /* 上浮+轻微放大 */
        }
        
        /* 图标导航项 - 悬浮样式（控制图标和文字） */
        .icon-nav-item:hover .icon-box {
            color: #0066cc; /* 悬浮时图标变蓝色 */
            background-color: #e8f4fc; /* 可选：背景轻微变色增强交互 */
        }
        .icon-nav-item:hover p {
            color: #0066cc; /* 可选：文字同步变色 */
        }

        /* 图标容器：圆形背景+居中 */
        .icon-box {
            width: 60px;
            height: 60px;
           border-radius: 8px;
            background-color: #f5f5f5;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 8px;
            color: #666;
            font-size: 24px; /* 图标大小 */
            transition: color 0.3s, background-color 0.3s; /* 过渡动画更丝滑 */
        }
.icon-box img{ width:100%;}

        /* 图标文字 */
        .icon-nav-item p {
            font-size: 14px;
            color: #7d7d7d;
            transition: color 0.3s; /* 文字颜色过渡 */
        }

        /* 2. 内容区：核心布局调整 - 左侧并列，右侧视频 */
        .content-area {
            display: grid;
            grid-template-columns: 4fr 2fr; /* 左侧宽，右侧窄 */
            gap: 20px;
            margin-bottom: 20px;
        }

        /* 左侧模块：轮播图 + 新闻 并列一行 */
        .left-content {
            display: grid;
            grid-template-columns: 1fr 1fr; /* 轮播图和新闻各占一半 */
            gap: 20px;
        }

        /* 轮播图容器 - 适配并列高度 + 阴影 + 左滑动画 */
        .banner-box {
            width: 100%;
            height: 100%; /* 高度自适应父容器，和新闻板块等高 */
            max-height: 270px; /* 保底高度 */
            overflow: hidden;
            
            box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.28);
            transition: box-shadow 0.3s ease;
            /* 动画样式 */
            opacity: 0;
            transform: translateX(-50px);
            transition: all 0.8s ease-out;
        }
        .banner-box.active {
            opacity: 1;
            transform: translateX(0);
        }
        .banner-box:hover {
            box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.12);
        }
        .banner-box img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            
        }

        /* 新闻/内容列表通用样式 + 阴影 + 上滑动画 */
        .list-card {
            border: 1px solid #f5f5f5; /* 弱化边框，突出阴影 */
            
            padding: 15px;
			padding-bottom: 0px;
            
            display: flex;
            flex-direction: column;
            box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.28);
            transition: box-shadow 0.3s ease;
            /* 动画样式 */
            opacity: 0;
            transform: translateY(-50px);
            transition: all 0.8s ease-out;
        }
        .list-card.active {
            opacity: 1;
            transform: translateY(0);
        }
        .list-card:hover {
            box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.12);
        }

        /* 卡片标题 */
        .card-title {
            font-size: 18px;
            font-weight: 600;
            color: #0d62b8;
            
            border-bottom: 2px solid #0066cc; /* 蓝色下划线 */
        }

        /* 列表容器 - 自动填充剩余高度 */
        .list-wrap {
            flex: 1;
            overflow-y: auto; /* 内容过多时滚动，避免溢出 */
        }

        /* 列表项样式 */
        .list-item {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 4px 0;
            border-bottom: 1px dashed #eee; /* 虚线分隔 */
        }

        .list-item:last-child {
            border-bottom: none;
        }

        .list-item a {
            color: #7d7d7d;
            font-size: 14px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            flex: 1;
            margin-right: 10px;
        }

        .list-item a:hover {
            color: #0066cc;
        }

        .list-item .date {
            font-size: 12px;
            color: #999;
            white-space: nowrap;
        }

        /* 右侧视频模块 - 高度铺满 + 阴影 + 右滑动画 */
        .video-card {
            border: 1px solid #f5f5f5;
             
            padding: 15px;
			padding-bottom: 0px;
            
            display: flex;
            flex-direction: column;
            box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.08);
            transition: box-shadow 0.3s ease;
            /* 动画样式 */
            opacity: 0;
            transform: translateX(50px);
            transition: all 0.8s ease-out;
        }
        .video-card.active {
            opacity: 1;
            transform: translateX(0);
        }
        .video-card:hover {
            box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.12);
        }

        .video-box {
            width: 100%;
            
            background-color: #f5f5f5;
          
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
            flex: 1; /* 视频区域自适应高度 */
          
            
            /* 动画样式（底部滑入，延迟0.2秒） */
            opacity: 0;
            transform: translateY(50px);
            transition: all 0.8s ease-out 0.2s;
        }
        .video-card.active .video-box {
            opacity: 1;
            transform: translateY(0);
        }

        /* 视频播放控件模拟 */
        .video-controls {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 30px;
            background-color: rgba(0,0,0,0.7);
            display: flex;
            align-items: center;
            padding: 0 10px;
            color: #fff;
            font-size: 12px;
            border-bottom-left-radius: 6px;
            border-bottom-right-radius: 6px;
        }

        .video-controls .play-btn {
            margin-right: 10px;
            cursor: pointer;
        }

        .video-controls .progress {
            flex: 1;
            height: 4px;
            background-color: #666;
            margin: 0 10px;
        }

        .video-controls .time {
            margin-right: 10px;
        }

        /* 3. 底部多模块区域：网格布局 */
        .bottom-content {
            display: grid;
            grid-template-columns: 1fr 1fr 1fr;
            gap: 20px;
            margin-top: 20px; /* 和上方内容区隔开 */
        }

        /* 政策法规模块：带小图 */
        .policy-item {
         
            align-items: center;
            padding: 4px 0;
            border-bottom: 1px dashed #eee;
			clear: both;        }

        .policy-item:last-child {
            border-bottom: none;
        }

        .policy-item .policy-img {
            width: 110px;
            height: 80px;
            margin-right: 10px;
			float: left;
            
            overflow: hidden;
        }

        .policy-item .policy-img img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .policy-item .policy-text {
            flex: 1;
        }

        .policy-item .policy-text a {
            color: #7d7d7d;
            font-size: 14px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            display: block;
        }

        .policy-item .policy-text a:hover {
            color: #0066cc;
        }

        .policy-item .date {
            font-size: 12px;
            color: #999;
			float: right;
        }
  
/* 页面容器：整体边框+布局和参考图一致 */

 
        .container {
            width: 1200px;
            margin: 5px auto;
            
            padding: 5px;
            animation: containerFade 0.8s ease-out;
        }

        /* 顶部大板块：板块1 + 右侧彩色卡片 */
        .top-wrap {
            display: flex;
            gap: 5px;
            margin-bottom: 5px;
            animation: slideUp 0.6s ease-out 0.2s both;
        }

        /* ========== 板块1：导航+图文联动（参考图红框1） ========== */
        .module1 {
            flex: 2;
            border: 1px solid #ddd;
            padding: 10px;
        }

        /* 导航栏：两行四列，和参考图一致 */
        .nav-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 5px;
            margin-bottom: 10px;
        }
        .nav-item {
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 15px 5px;
            cursor: pointer;
            border-radius: 2px;
            transition: all 0.3s ease;
            opacity: 0;
            transform: translateY(8px);
            animation: navItemIn 0.4s ease-out forwards;
        }
        /* 导航项依次入场 */
        .nav-item:nth-child(1) { animation-delay: 0.3s; }
        .nav-item:nth-child(2) { animation-delay: 0.4s; }
        .nav-item:nth-child(3) { animation-delay: 0.5s; }
        .nav-item:nth-child(4) { animation-delay: 0.6s; }
        .nav-item:nth-child(5) { animation-delay: 0.7s; }
        .nav-item:nth-child(6) { animation-delay: 0.8s; }
        .nav-item:nth-child(7) { animation-delay: 0.9s; }
        .nav-item:nth-child(8) { animation-delay: 1.0s; }

        .nav-item:hover, .nav-item.active {
            background: #f0f5ff;
            color: #0066cc;
        }
        .nav-icon {
            font-size: 22px;
            color: #0066cc;
            margin-right: 6px;
        }
        .nav-text {
            font-size: 14px;
        }

        /* 导航联动的图文区：左图右文，和参考图一致 */
        .nav-detail {
            display: none;
            align-items: center;
            gap: 10px;
            animation: detailFade 0.5s ease-out;
        }
        .nav-detail.active {
            display: flex;
        }
        .detail-img-box {
            width: 180px;
            height: 100px;
            flex-shrink: 0;
        }
        .detail-img-box img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        .detail-text {
            font-size: 14px;
            line-height: 1.5;
            color: #333;
        }

 
        /* ========== 右侧彩色卡片（参考图右侧） ========== */
        .color-cards {
           width:385px;float: right;
            grid-template-rows: repeat(3, 1fr);
            gap: 5px;
            animation: cardSlideIn 0.6s ease-out 0.8s both;
			background: #fff;
			box-shadow: 0 4px 5px rgba(0, 0, 0, 0.38);
        }
        .card-row {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 5px;
			height: 117px;
        }
        .color-card {
            display: flex;
            align-items: center;
            padding-left: 50px;
            color: #fff;
            font-size: 17px;
            cursor: pointer;
            position: relative;
            opacity: 0;
            transform: translateX(15px);
            animation: cardItemIn 0.4s ease-out forwards;
            transition: all 0.3s ease;
        }
.color-card a{ color:#fff;}
        /* 卡片依次入场 */
        .color-card:nth-child(1) { animation-delay: 1.0s; }
        .color-card:nth-child(2) { animation-delay: 1.1s; }
        .color-card:nth-child(3) { animation-delay: 1.2s; }
        .color-card:nth-child(4) { animation-delay: 1.3s; }
        .color-card:nth-child(5) { animation-delay: 1.4s; }
        .color-card:nth-child(6) { animation-delay: 1.5s; }

        /* 卡片前的+号，和参考图一致 */
        .color-card::before {
            content: "+";
            position: absolute;
            left: 20px;
            font-size: 16px;
        }
        .color-card:hover {
            filter: brightness(1.1);
            transform: translateX(-3px);
        }
        /* 卡片配色和参考图完全一致 */
        .card-blue { background: #4267b2 ;  background: url("../images/11.png"); }
.card-blue1 { background: #4267b2 ;  background: url("../images/2.png"); }
        .card-orange { background: #ff9800;  background: url("../images/3.png"); }
 .card-orange1 { background: #ff9800;  background: url("../images/4.png"); }
        .card-green { background: #4caf50;    background: url("../images/5.png");}
        .card-cyan { background: #00bcd4; background: url("../images/6.png");  }

        /* ========== 板块2：箭头无限轮播 + 人才理念（参考图红框2） ========== */
        .bottom-wrap {
            display: flex;
            gap: 5px;
            animation: fadeInUp 0.6s ease-out 1.2s both;
        }

        /* 板块2左侧：无限轮播区 */
        .module2-carousel {
            flex: 2;
            border: 1px solid #ddd;
            position: relative;
            height: 200px;
            overflow: hidden;
        }
        /* 轮播箭头：和参考图样式一致 */
        .carousel-arrow {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 28px;
            height: 45px;
            background: rgba(0,0,0,0.5);
            color: #fff;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            z-index: 10;
            transition: all 0.3s ease;
            opacity: 0;
        }
        .module2-carousel:hover .carousel-arrow {
            opacity: 1;
        }
        .arrow-left { left: 0; }
        .arrow-right { right: 0; }
        .carousel-arrow:hover {
            background: #0066cc;
        }

        /* 轮播轨道：无限滚动 */
        .carousel-track {
            display: flex;
            width: 100%;
            height: 100%;
            transition: transform 0.5s ease;
        }
        .carousel-slide {
            flex: 0 0 33.333%;
            height: 100%;
            padding: 10px;
            display: flex;
            flex-direction: column;
        }
        .slide-img {
            width: 100%;
            height: 130px;
            margin-bottom: 5px;
        }
        .slide-img img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        .slide-title {
            font-size: 15px;
            font-weight: 600;
            color: #333;
            margin-bottom: 3px;
        }
        .slide-desc {
            font-size: 13px;
            color: #666;
            line-height: 1.4;
        }

        /* 板块2右侧：人才理念区（和参考图一致） */
        .talent-module {
            flex: 1;
            border: 1px solid #ddd;
            padding: 10px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
			width:360px;float: right;
        }
.talent-module img{ width:100%;}
        .talent-title {
            font-size: 16px;
            color: #0066cc;
            margin-bottom: 8px;
            text-align: center;
        }
        .talent-slogan {
            font-size: 15px;
            color: #0066cc;
            margin-bottom: 15px;
            text-align: center;
        }
        /* 按钮组：两行两列，和参考图一致 */
        .talent-btn-group {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 8px;
            width: 100%;
        }
        .talent-btn {
            padding: 15px 8px;
            border: 1px solid #ccc;
            background: #fff;
            color: #333;
            font-size: 13px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            cursor: pointer;
            border-radius: 2px;
            transition: all 0.3s ease;
            opacity: 0;
            transform: translateY(8px);
            animation: btnIn 0.4s ease-out forwards;
        }
        /* 按钮依次入场 */
        .talent-btn:nth-child(1) { animation-delay: 1.6s; }
        .talent-btn:nth-child(2) { animation-delay: 1.7s; }
        .talent-btn:nth-child(3) { animation-delay: 1.8s; }
        .talent-btn:nth-child(4) { animation-delay: 1.9s; }

        .talent-btn:hover {
            background: #0066cc;
            color: #fff;
            border-color: #0066cc;
        }

        /* ========== 所有动画定义 ========== */
        @keyframes containerFade { from { opacity: 0; } to { opacity: 1; } }
        @keyframes slideUp { from { opacity: 0; transform: translateY(15px); } to { opacity: 1; transform: translateY(0); } }
        @keyframes navItemIn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
        @keyframes detailFade { from { opacity: 0; transform: translateX(-8px); } to { opacity: 1; transform: translateX(0); } }
        @keyframes cardSlideIn { from { opacity: 0; transform: translateX(15px); } to { opacity: 1; transform: translateX(0); } }
        @keyframes cardItemIn { from { opacity: 0; transform: translateX(15px); } to { opacity: 1; transform: translateX(0); } }
        @keyframes fadeInUp { from { opacity: 0; transform: translateY(15px); } to { opacity: 1; transform: translateY(0); } }
        @keyframes btnIn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }

  /* TAB 容器 */
 /* TAB 容器 */
  /* TAB 容器 */
    .tab-container {
      width: 790px;
      max-width: 100%;
      background: #fff;
      float:left;
      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
      overflow: hidden;
		margin-bottom: 30px;
    }

    /* TAB 标签栏 - 两排布局 */
    .tab-nav {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      position: relative;
      background: #f9fafb;
      border-bottom: 1px solid #eee;
    }

    /* 单个标签 —— 左右布局核心 */
    .tab-item {
       
      text-align: center;
      cursor: pointer;
      font-size: 16px;
      color: #666;
      transition: all 0.3s ease;
      z-index: 2;
      display: flex;
      flex-direction: row; /* 左右布局 */
      align-items: center;
      justify-content: center;
      gap: 8px;
      user-select: none;
      position: relative;
		width:180px; height:80px;
    }

    /* 导航图片图标 */
    .tab-item img {
      
      object-fit: contain; /* 保证图片不变形 */
    }

    /* 高亮滑块 */
    .tab-slider {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 25%;
      height: 3px;
      
      border-radius: 3px;
      transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
      z-index: 1;
    }

    /* 激活状态 */
    .tab-item.active {
      color: #3f78ff;
      font-weight: 500;
    }

    /* 内容区域 */
    .tab-content {
      padding: 15px;
		height: 160px;
   
    }

    .tab-pane {
      display: none;
      animation: fade 0.4s ease;
    }

    .tab-pane.active {
      display: block;
    }

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

    /* 图左文右布局 */
    .content-layout {
      display: flex;
      align-items: center;
      gap: 24px;
    }

    .content-img {
      width: 160px;
      height: 120px;
      object-fit: cover;
      border-radius: 8px;
      box-shadow: 0 2px 8px rgba(0,0,0,0.1);
      transition: transform 0.3s ease;
    }

    .content-img:hover {
      transform: scale(1.03);
    }

    .content-text {
      flex: 1;
    }

    .content-text h3 {
      font-size: 18px;
      color: #333;
      margin-bottom: 10px;
    }

    .content-text p {
      font-size: 14px;
      color: #666;
      line-height: 1.5;
    }

    /* 箭头滚动外层容器 */

.safewaike{ width:1200px; margin: 0 auto;clear: both;}

   .safe-carousel-wrapper {
        position: relative;
        width: 790px;
        max-width: 100%;
        margin: 0 auto;
	   float: left;
	   margin-bottom: 30px;
	   
    }
    .safe-carousel-container {
        width: 100%;
        overflow: hidden;
        border-radius: 12px;
    }
    .safe-carousel-track {
        display: flex;
        transition: transform 0.4s ease !important;
        gap: 20px;
    }
    .safe-carousel-item {
        min-width: calc((100% - 40px) / 3);
        background: #fff;
        border-radius: 12px;
        overflow: hidden;
        box-shadow: 0 3px 12px rgba(0,0,0,0.08);
        transition: transform 0.3s ease;
    }
    .safe-carousel-item:hover {
        transform: translateY(-5px);
    }
    .safe-carousel-img {
        width: 100%;
        height: 180px;
        object-fit: cover;
    }
    .safe-carousel-text {
        padding: 18px;
    }
    .safe-carousel-text h3 {
        font-size: 16px;
        color: #084796;
        margin-bottom: 8px;
		font-weight: bold;
    }
    .safe-carousel-text p {
        font-size: 13px;
        color: #666;
        line-height: 1.5;
    }
    .safe-carousel-arrow {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 40px;
        height: 40px;
        background: #fff;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 16px;
        color: #409eff;
        box-shadow: 0 2px 8px rgba(0,0,0,0.15);
        cursor: pointer;
        z-index: 99999;
        transition: all 0.3s;
    }
    .safe-carousel-arrow:hover {
        background: #409eff;
        color: #fff;
    }
    .safe-carousel-prev { left: -15px; }
    .safe-carousel-next { right: -15px; }


/* Banner容器 */
        .culture-banner {
            width: 100%;
            height: 550px; /* 匹配图片高度，可根据实际调整 */
            background:url("../images/qiyejieshaobg.jpg") no-repeat center center; /* 替换为你的背景图路径 */
            background-size: cover; /* 背景图铺满容器 */
            position: relative; /* 用于定位导航栏 */
        }
 .culture-bannerwh {
            width: 100%;
            height: 550px; /* 匹配图片高度，可根据实际调整 */
            background:url("../images/qiyewenhuabg.jpg") no-repeat center center; /* 替换为你的背景图路径 */
            background-size: cover; /* 背景图铺满容器 */
            position: relative; /* 用于定位导航栏 */
        }

 .culture-bannerzx {
            width: 100%;
            height: 550px; /* 匹配图片高度，可根据实际调整 */
            background:url("../images/zixunzhongxinbg.jpg") no-repeat center center; /* 替换为你的背景图路径 */
            background-size: cover; /* 背景图铺满容器 */
            position: relative; /* 用于定位导航栏 */
        }
 .culture-bannerjc {
            width: 100%;
            height: 550px; /* 匹配图片高度，可根据实际调整 */
            background:url("../images/jianceyewwubg.jpg") no-repeat center center; /* 替换为你的背景图路径 */
            background-size: cover; /* 背景图铺满容器 */
            position: relative; /* 用于定位导航栏 */
        }

 .culture-bannerzl {
            width: 100%;
            height: 550px; /* 匹配图片高度，可根据实际调整 */
            background:url("../images/zhiliangfangzhenbg.jpg") no-repeat center center; /* 替换为你的背景图路径 */
            background-size: cover; /* 背景图铺满容器 */
            position: relative; /* 用于定位导航栏 */
        }

 .culture-bannerrl {
            width: 100%;
            height: 550px; /* 匹配图片高度，可根据实际调整 */
            background:url("../images/renliziyuanbg.jpg") no-repeat center center; /* 替换为你的背景图路径 */
            background-size: cover; /* 背景图铺满容器 */
            position: relative; /* 用于定位导航栏 */
        }
.culture-bannerxz {
            width: 100%;
            height: 550px; /* 匹配图片高度，可根据实际调整 */
            background:url("../images/wendangxiazaibg.jpg") no-repeat center center; /* 替换为你的背景图路径 */
            background-size: cover; /* 背景图铺满容器 */
            position: relative; /* 用于定位导航栏 */
        }

.culture-bannerlx {
            width: 100%;
            height: 550px; /* 匹配图片高度，可根据实际调整 */
            background:url("../images/lianxiwomenbg.jpg") no-repeat center center; /* 替换为你的背景图路径 */
            background-size: cover; /* 背景图铺满容器 */
            position: relative; /* 用于定位导航栏 */
        }

        /* Banner导航栏 - 整体纯透明 */
        .banner-nav {
            position: absolute;
            left: 15%; /* 导航栏左侧间距，匹配原图 */
            top: 50%; /* 垂直居中 */
            transform: translateY(-50%);
            width: 450px; /* 导航栏宽度 */
           background: rgba(0, 0, 0, 0.5 );
            color: #ffffff;
            
        }

        /* 导航标题 - 单独添加蓝色透明背景（核心修改） */
        .nav-title {
            font-size: 24px;
            margin-bottom: 20px;
            border-bottom: 1px solid rgba(255, 255, 255, 0.5); /* 底部半透明白线 */
            padding: 10px 15px; /* 增加内边距，让背景更美观 */
            border-radius: 4px; /* 轻微圆角，和整体风格统一 */
            /* 蓝色透明背景：#0066cc + 40%透明度 */
            background-color: rgba(0, 102, 204, 0.4);
        }

        /* 拼音样式 */
        .nav-title span {
            font-size: 14px;
            color: rgba(255, 255, 255, 0.8);
            margin-left: 10px;
            letter-spacing: 2px;
        }

        /* 一级导航列表 */
        .nav-list-first {
            
            list-style: none;
            gap: 30px; /* 导航项间距 */
            margin-bottom: 15px;
			padding:10px;
        }

        /* 一级导航项 + 链接样式 */
        .nav-list-first li {
            font-size: 16px;
            cursor: pointer;
            position: relative;
            padding-bottom: 5px;
            transition: color 0.3s;
			width: 25%;line-height: 35px;height: 35px;
  float: left;
        }
        .nav-list-first li a {
            color: #ffffff;
            text-decoration: none; /* 去掉下划线 */
            display: block; /* 点击区域铺满li */
			text-align: center;
        }

        /* 选中态下划线（匹配原图经营理念的选中效果） */
         .nav-list-first li a:hover{
            color: #0d62b8;
			 border-bottom: 1px solid #fff;
             
        }

        /* 悬浮效果 */
        .nav-list-first li:hover,
        .nav-list-first li a:hover {
            color: rgba(255, 255, 255, 0.9);
        }

        /* 二级导航项（公益活动） + 链接样式 */
        .nav-list-second {
            list-style: none;
            position: relative;
            padding-left: 15px;
        }
        .nav-list-second li a {
            color: rgba(255, 255, 255, 0.8);
            text-decoration: none;
            font-size: 14px;
            transition: color 0.3s;
        }

        /* 二级导航前的小三角 */
        .nav-list-second li::before {
            content: "▲";
            position: absolute;
            left: 0;
            top: 2px;
            font-size: 8px;
            color: #ffffff;
        }

        .nav-list-second li a:hover {
            color: #ffffff;
        }

        /* 响应式适配（手机端） */
        @media (max-width: 768px) {
            .banner-nav {
                width: 80%;
                left: 10%;
                top: 30%;
                transform: translateY(0);
                border: none; /* 手机端去掉边框更简洁 */
            }
            .nav-list-first {
                flex-wrap: wrap;
                gap: 15px;
            }
            .nav-title {
                font-size: 20px;
                padding: 8px 12px; /* 手机端缩小内边距 */
            }
        }


.containerr {
            width: 1200px;
            margin: 0 auto;
            padding: 20px 0;
        }

        /* 顶部标题区 */
        .header-title {
            text-align: center;
            margin-bottom: 20px;
        }

        .main-title {
            font-size: 28px;
            font-weight: bold;
            color: #333;
            margin-bottom: 5px;
        }

        .sub-title {
            font-size: 16px;
            color: #666;
        }

        /* 内容网格布局：还原设计图的行列排版 */
        .content-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr); /* 两列布局 */
            grid-template-rows: auto auto auto; /* 三行高度自适应 */
            gap: 15px; /* 图片间距，匹配设计图 */
        }

        /* 第一行通栏（企业简介） */
        .grid-item.banner111 {
            grid-column: 1 / 3; /* 跨两列 */
            grid-row: 1;
            position: relative; /* 用于定位文字 */
            border-radius: 4px;
            overflow: hidden; /* 裁剪超出部分 */
        }

        /* 第二、三行的普通项 */
        .grid-item {
            position: relative;
            border-radius: 4px;
            overflow: hidden;
            height: 280px; /* 匹配设计图图片高度 */
        }

        /* 图片样式：铺满容器，保持比例 */
        .grid-item img {
            width: 100%;
            height: 100%;
            object-fit: cover; /* 保持图片比例，裁剪多余部分 */
            transition: transform 0.3s ease; /* 悬浮缩放效果 */
        }

        /* 图片悬浮效果（可选，提升交互） */
        .grid-item:hover img {
            transform: scale(1.02);
        }

        /* 图片上的文字层：半透明背景+白色文字 */
        .text-overlay {
            position: absolute;
            left: 0;
            bottom: 0;
            width: 95%;
            padding: 10px 15px;
            background-color: rgba(0, 0, 0, 0.5); /* 半透明黑色背景 */
            color: #ffffff;
            font-size: 16px; font-weight: bold;
        }

        /* 通栏banner的顶部文字 */
        .banner-top-text {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            color: #ffffff;
            text-align: center;
            font-size: 20px;
            text-shadow: 0 2px 4px rgba(0, 0, 0, 0.8); /* 文字阴影增强可读性 */
            line-height: 1.6;
        }

        /* 分享图标区（还原设计图右上角） */
        .share-icons {
            position: absolute;
            top: 10px;
            right: 10px;
            display: flex;
            gap: 8px;
        }

        .share-icons img {
            width: 24px;
            height: 24px;
            border-radius: 50%;
        }

        /* 响应式适配：屏幕小于1200px时适配 */
        @media (max-width: 1200px) {
            .container {
                width: 90%;
            }
            .grid-item {
                height: 220px;
            }
            .main-title {
                font-size: 24px;
            }
        }

        /* 手机端适配：单列布局 */
        @media (max-width: 768px) {
            .content-grid {
                /* 单列 */
            }
            .grid-item.banner {
                grid-column: 1; /* 取消跨列 */
            }
            .grid-item {
                height: 180px;
            }
            .banner-top-text {
                font-size: 16px;
            }
        }


.gsnrt{ width:100%;}  #containerr{ margin-bottom: 100px;}.gszz{ width: 45%;
  float: left;
  margin-left: 2.5%;
  margin-right: 2.5%;
  margin-bottom: 31px;}

.qiyezizhineirong p{ width:45%; margin-left: 2.5%; margin-right: 2.5%; float: left; margin-bottom: 50px;}

.xwnei{ width:1200px; margin: 0 auto;}

.gsnrbanner{ height:300px;background: url("../images/gsbg2.jpg") no-repeat center;}
.gsnrbanner1{ height:300px;background: url("../images/gsbg3.jpg") no-repeat center;}
.gsnrbanner2{ height:300px;background: url("../images/gsbg1.jpg") no-repeat center;}
.gsnrbanner3{ height:300px;background: url("../images/gsbg4.jpg") no-repeat center;}
.gsnrbanner5{ height:300px;background: url("../images/gsbg5.jpg") no-repeat center;}

.qywhbanner{ height:300px;background: url("../images/qywhbanner1.jpg") no-repeat center;}
.qywhbanner1{ height:300px;background: url("../images/qywhbanner2.jpg") no-repeat center;}
.qywhbanner2{ height:300px;background: url("../images/qywhbanner3.jpg") no-repeat center;}
.qywhbanner3{ height:300px;background: url("../images/qywhbanner4.jpg") no-repeat center;}

.peixunbanner{ height:300px;background: url("../images/peixunbanner.jpg") no-repeat center;}
.hangyedongtaibanner{ height:300px;background: url("../images/hangyedongtaibanner.jpg") no-repeat center;}
.qiyexinwenbanner{ height:300px;background: url("../images/qiyexinwenbanner.jpg") no-repeat center;}
.jingcaihuodongbanner{ height:300px;background: url("../images/jingcaihuodongbanner.jpg") no-repeat center;}
.xinwenneibanner{ height:300px;background: url("../images/xinwenneibanner.jpg") no-repeat center;}
.diantijiancebanner{ height:300px;background: url("../images/diantijiancebanner.jpg") no-repeat center;}
.qizhongjibanner{ height:300px;background: url("../images/qizhongjibanner.jpg") no-repeat center;}
.anquanpinggubanner{ height:300px;background: url("../images/anquanpinggubanner.jpg") no-repeat center;}
.jianduchouchabanner{ height:300px;background: url("../images/jianduchouchabanner.jpg") no-repeat center;}
.weituojianyanbanner{ height:300px;background: url("../images/weituojianyanbanner.jpg") no-repeat center;}
.changchebanner{ height:300px;background: url("../images/changchebanner.jpg") no-repeat center;}

.jianceneirongbanner{ height:300px;background: url("../images/jianceneirongbanner.jpg") no-repeat center;}
.chengnuobanner{ height:300px;background: url("../images/chengnuobanner.jpg") no-repeat center;}
.rencailinianrbanner{ height:300px;background: url("../images/rencailinianrbanner.jpg") no-repeat center;}
.rencaiguihuabanner{ height:300px;background: url("../images/rencaiguihuabanner.jpg") no-repeat center;}
.rencailinianrbanner{ height:300px;background: url("../images/rencailinianrbanner.jpg") no-repeat center;}

.jishuwendangbanner{ height:300px;background: url("../images/jishuwendangbanner.jpg") no-repeat center;}
.shuomingshubanner{ height:300px;background: url("../images/shuomingshubanner.jpg") no-repeat center;}
.jianyanxiangguanbanner{ height:300px;background: url("../images/jianyanxiangguanbanner.jpg") no-repeat center;}
/*===================链接样式备用=======================*/
.white a{color:#FFFFFF;!important;text-decoration:none;}
.white a:hover{color:#000000!important;text-decoration:none;}
.black a{color:#000000!important;text-decoration:none;}
.black a:hover{color:#000000!important;text-decoration:underline}
.red a{color:#000000!important;text-decoration:none;}
.red a:hover{color:#FF0000!important;text-decoration:underline}
.tcblue a{color:#2891B1!important;text-decoration:none;}
.tcblue a:hover{color:#FF0000!important;text-decoration:underline}
.red1 a{color:#000000!important;text-decoration:underline}
.red1 a:hover{color:#FF0000!important;text-decoration:none;}
#container {  width:100%;margin:0 auto; background: #fff;}
#container a{ }
.position{ line-height:60px;}
.list_page{ text-align:center;}

/* 帝国内容页 */
.showpage .main .box {
	border-width: 1px;
}
.news .main .box {
	padding: 0 20px;
	background: #F7FDFF;
}
.info .main .box {
	padding: 0 20px;
}
.showpage .main .title_info {
	margin-top: 15px;
	text-align: center;
}
.showpage .main .title_info h1 {
	font-size: 24px;
	line-height: 2;
	margin: 0px;
	padding: 0px;
}
.showpage .main .title_info .info_text {
	border-bottom: 1px dashed #ccc;
	line-height: 2;
	padding-bottom: 6px;
	color: #666;
}
.showpage .digg {
	background: url(../images/digg_bg.gif) no-repeat left top;
	width: 62px;
	margin-bottom: 10px;
}
.showpage .digg td {
	text-align: center;
	padding-right: 4px;
}
.showpage .digg .diggnum {
	height: 38px;
	font-size: 16px;
	line-height: 30px;
	font-weight: bold;
}
.showpage .digg .diggit {
	height: 30px;
	line-height: 24px;
}
.showpage .main #text {
	font-size: 14px;
	line-height: 1.8;
}
.showpage .main #text p {
	margin: 1em 0;
}
.showpage #plpost {
	margin-top: 10px;
	border: 1px solid #AACCEE;
}
.showpage #plpost .title {
	border: 0px solid #666666;
}
.showpage #plpost .title span {
	color: #CC0000;
}
.showpage #plpost #saytext {
	display: block;
	margin: 0 0 10px;
	padding: 8px;
	height: 100px;
	width: 90%;
	border: 1px solid #ccc;
}

 /* 底部导航整体容器（外层红框） */
.footerwaike{ width: 100%;clear: both;background-color: #0d62b8; /* 主蓝色背景 */}
        .footer-container {
            
            color: #ffffff;width:1200px; margin: 0 auto;
            
        }

        /* 上半区：导航+电话（上红框） */
        .footer-top {
            display: flex;
            padding: 20px  0px;
            align-items: flex-start;
            gap: 20px; /* 左右区域间距 */
        }

        /* 左侧导航区（左红框） */
        .footer-nav-area {
            flex: 1; /* 占满剩余宽度 */
            display: flex;
            gap: 40px; /* 导航列之间的间距 */
            flex-wrap: wrap;
        }

        /* 单个导航列 */
        .nav-column {
            min-width: 100px;
        }

        /* 列标题 */
        .column-title {
            font-size: 16px;
            font-weight: bold;
            margin-bottom: 12px;
            list-style: none;
            position: relative;
             
        }

        /* 标题前的小方块 */
       

        /* 导航列表 */
        .nav-list {
            list-style: none;
        }

        .nav-list li {
            font-size: 14px;
            line-height: 1.8;
            color: #f0f0f0;
        }
.nav-list li a{ color:#fff;}
        /* 右侧电话区（右红框） */
        .footer-contact-area {
            min-width: 280px;
            flex-shrink: 0; /* 固定宽度不压缩 */
        }

        /* 服务热线卡片 */
        .hotline-card {
            background-color: #0055bb; /* 深色卡片背景 */
            padding: 15px 20px;
            margin-bottom: 15px;
            display: flex;
            align-items: center;
            gap: 10px;
        }

        /* 电话图标 */
        .phone-icon {
            font-size: 24px;
            color: #ffffff;
        }

        /* 热线文字 */
        .hotline-text {
            font-size: 14px;
            margin-bottom: 5px;
        }

        /* 电话号码 */
        .hotline-number {
            font-size: 28px;
            font-weight: bold;
            letter-spacing: 2px;
        }

        /* 联系详情（传真/邮箱/地址） */
        .contact-details {
            font-size: 14px;
            line-height: 1.8;
            color: #f0f0f0;
        }

        /* 下半区：友情链接（下红框） */
        .footer-bottom {
            padding: 10px 40px;
            border-top: 1px solid #0077dd; /* 分隔线 */
        }

        /* 友情链接文字 */
        .friend-link {
            font-size: 14px;
            color: #f0f0f0;
        }

        /* 响应式适配（手机端） */
        @media (max-width: 768px) {
            .footer-top {
                flex-direction: column;
                gap: 20px;
            }
            .footer-nav-area {
                gap: 20px;
            }
            .hotline-number {
                font-size: 22px;
            }
        }

/*===================ziye当前位置开始=======================*/
.ziyeright{   margin:3px 7px 0px 0px; width:1200px; margin: 0 auto;}
.ziyeright .wei{ height:40px;  line-height:40px; }
.ziyeright .wei a{ color:#4b4b4b;}
.ziyeright .neirong{  line-height:35px; color: #595959;
  font-size: 14px;
  padding: 20px; }
.ziyeright .neirong h2{ line-height: 100px; text-align: center; font-size: 30px; color: #0081CC;}

.title_info{ text-align:center;}
.title_info td{ line-height:39px;}
#text{ line-height:26px;}
.digg {
	background: url(../images/digg_bg.gif) no-repeat left top;
	width: 62px;
	margin-bottom: 10px;
}
.digg td {
	text-align: center;
	padding-right: 4px;
}
.digg .diggnum {
	height: 38px;
	font-size: 16px;
	line-height: 30px;
	font-weight: bold;
}
.digg .diggit {
	height: 30px;
	line-height: 24px;
}
/*===================ziye当前位置结束=======================*/

/*===================header开始=======================*/
.header{  width:1200px; margin: 0 auto;}
.header .header1{ height:27px; width:1200px; line-height:27px; color:#000;}
.header .header2{   height:100px; width:1200px; clear:both;}
 
.nav-banner {
	position: relative;
	margin: 0 auto;
	height: 596px;
	overflow: hidden;
	width: 100%;
}
.banner {
	width: 1920px;
	height: 596px;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -960px;
}
.banner ul {
	width: 1920px;
	height: 596px;
}
.banner ul li {
	width: 1920px;
	height: 596px;
}
.banner ul li img {
	width: 1920px;
	height: 596px;
}
.small {
	position: absolute;
	left: 45%;
	bottom: 9%;
	cursor: pointer;
	margin-left: -50px
}
.small a {
	width: 70px;
	height: 7px;
	background: #5f5f5f;
	float: left;
	margin: 0 8px;
}
.small .small_s {
	background: #b14a27;
	width: 70px;
	height: 7px
}

.news_list .box ul{ list-style-type:none;}
.news_list .box li{ width:43%; float:left; margin-right:1%; margin-left:1%; border-bottom:1px dashed #ccc; line-height:40px; }
.news_list .box li a{ font-size:14px; color:#000; }
.news_list .box li span{ float:right; font-size:14px;}

.list_page{ padding-top:15px;}


 .position a{ color:#000;}
 .line_bottom a{ color:#000;}
 
#logo_c{ 
 
 width:552px;
 margin-top:20px;
 float:left;
 }
 .tel{ float:right; margin-top:20px;}
/*--nav--开始*/
.nav {
height:60px; 
line-height:60px;
background:#00479d;
	 
}
.nav .nav_global {
	width:1200px; margin: 0 auto;

}
.nav .nav_global ul {
	text-decoration:none;
	
	 
}
.nav .nav_global li {
	cursor:pointer;
	float:left;
	text-align:center;
	text-decoration:none;
 
 list-style-type:none;
	 
	position:relative;
	 
}
.nav .nav_global li a {
	display: block;
	color: #fff;
	width:233px; text-align:center;
	font-size:16px;
	line-height:60px;
	font-family:"微软雅黑";
	 
}
.nav .nav_global li a:hover {
	color:#fff;
	text-decoration: none;
 
}

.mainlevel {
	
 
}
.nav .nav_global li ul {
	display: none;
	position: absolute;
	z-index: 9999;	 
	top: 60px;
	background: #00479d;
}
.nav .nav_global li ul li {
	border-bottom: 1px solid #fff;
	height: 38px;
	line-height: 38px;
	width: 280px;/*IE6 only*/
	;
	text-align: center;
}

.nav .nav_global li ul li a {
	border-bottom: 1px solid #fff;
	height: 38px;
	line-height: 38px;
	width: 280px;/*IE6 only*/
	;
	text-align: center;
}

.nav .nav_global li ul li:hover {
	 
	border-bottom: 1px solid #fff;
	height: 38px;
	line-height: 38px;
	width: 280px;/*IE6 only*/
	;
	text-align: center;
}
.nav .nav_global li ul li a {
	 display:block;
	text-align: center;
	height: 38px;
	line-height: 38px;
	font-size:12px;
	 
}

.nav .nav_global li ul li a:hover {
	 
	  font-size:12px;
	height: 38px;
	line-height: 38px;
	 
}

/*--nav--结束*/
/*===================header结束=======================*/


.libg{ height: 82px; background: url("../images/h5bg.jpg") no-repeat center; margin-bottom: 20px;}
.fenlei{   margin:0 auto;   position:relative; z-index:100; background:#fff;  margin-top: 80px;  }
.fenlei h5{ height:50px; color: #004788; font-size:35px; font-weight: 100; text-align: center; line-height: 50px; margin-top:30px;  }
.fenlei h5 span{ color:#f08300;}
.fenlei h3{   color: #254a9e; font-size:16px; font-weight: 100; text-align: center;    }
.fenlei p{ color:#666; font-size:14px; line-height:50px; text-align:center; font-weight:100; margin-bottom:20px;}
.fenlei ul{ list-style-type:none; margin-left:8px; width:1400px; margin:0 auto;    }
.fenlei ul li{ text-align:center; width:163px;  float:left; background:#004788; border-radius:10px;  line-height:50px; height:50px; margin-bottom:35px; margin-left:35px; margin-right:35px; }
.fenlei .slip{width:1200px;height:auto;margin:0px auto; clear:both;}
.fenlei .slip ul{width:1200px;height:auto;margin:0px auto;}
.fenlei .slip ul li{width:211px;height:300px;float:left;margin-right:20px; margin-left:5px;margin-bottom:5px; background:#fff;}
.fenlei .slip ul li:nth-child(2n){ }
 
 

#flli{ margin-left:80px; margin-bottom:50px;}
.fenlei ul li img{ margin:0 auto;}
.fenlei ul li a{color:#fff; font-size:16px; display:block; width:100%; height:100%;    }
.fenlei ul li a:hover{ color:#fff;}

.neifenlei{ width:100%; margin:0 auto;   }

.neifenlei ul{ list-style-type:none;   }
.neifenlei ul li{ text-align:center; width:15.9%; float:left; background:#004788; margin-bottom:25px;  line-height:45px; margin-left:5px; margin-right:5px;}
 
.neifenlei ul li img{ margin:0 auto;}
.neifenlei ul li a{color:#fff; font-size:1.3em; display:block;    }
.neifenlei ul li a:hover{ color:#fff; background:#323233;}
.cptd{ width:25%; float:left;}
.cptd a{ display:block; line-height:35px; color:#000; text-align: center;}
/*===================left开始=======================*/

 
.ft-carousel {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.ft-carousel .carousel-inner {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
}

.ft-carousel .carousel-inner .carousel-item {
	float: left;
	height: 100%;
}

.ft-carousel .carousel-item img {
	width: 100%;
}

.ft-carousel .carousel-indicators {
	position: absolute;
	left: 0;
	bottom: 10px;
	width: 100%;
	text-align: center;
	font-size: 0;
}

.ft-carousel .carousel-indicators span {
	display: inline-block;
	width: 12px;
	height: 12px;
	background-color: #fff;
	margin: 0 4px;
	 
	cursor: pointer;
}

.ft-carousel .carousel-indicators span.active {
	background-color: #de3a3a;
}

.ft-carousel .carousel-btn {
	position: absolute;
	top: 95%;
	width: 50px;
	height: 45px;
	margin-top: -25px;
	cursor: pointer;
}

.ft-carousel .carousel-prev-btn {
	left: 80%;
	background: url(../images/prev.png) no-repeat;
}

.ft-carousel .carousel-next-btn {
	right:0px;
	bottom:0px;
	background: url(../images/next.png) no-repeat;
}



.example1{width:570px; height:642px;}
.ft-carousel1 {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.ft-carousel1 .carousel-inner1 {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
}

.ft-carousel1 .carousel-inner1 .carousel-item1 {
	float: left;
	height: 100%;
}

.ft-carousel1 .carousel-item img {
	width: 100%;
}

.ft-carousel1 .carousel-indicators {
	position: absolute;
	left: 0;
	bottom: 10px;
	width: 100%;
	text-align: center;
	font-size: 0;
}

.ft-carousel1 .carousel-indicators span {
	display: inline-block;
	width: 12px;
	height: 12px;
	background-color: #fff;
	margin: 0 4px;
	 
	cursor: pointer;
}

.ft-carousel1 .carousel-indicators span.active {
	background-color: #de3a3a;
}

.ft-carousel1 .carousel-btn {
	position: absolute;
	top: 95%;
	width: 50px;
	height: 45px;
	margin-top: -25px;
	cursor: pointer;
}

.ft-carousel1 .carousel-prev-btn {
	left: 80%;
	background: url(../images/prev.png) no-repeat;
}

.ft-carousel1 .carousel-next-btn {
	right:0px;
	bottom:0px;
	background: url(../images/next.png) no-repeat;
}



.left{}
.left{ float:left;width:570px; height:642px; margin-top:3px; margin-left:3px;
}
.example{width:570px; height:642px;}
.left1{ float:left;width:700px; margin-top:3px; margin-left:35px;
}
.left1 .dq{ float:left; width:700px;}
.left1 .cpneirong{ margin-top:3px;  float:left; width:700px;}

.box strong{ font-size:16px; line-height:60px;}

/*========box1===========*/ 
.box1{float:left; }
.box1 ul{  padding: 8px;}
.box1 ul li{
    list-style-type:decimal;
	line-height: 1.6;
	padding: 2px 0 2px 8px;
	}
.box1{width:267px;border:#ccc solid;border-width:0px 1px 1px 1px;}
.box1 h2{height:28px;line-height:28px;}
.span{ float:left;margin-left:30px; margin-top:1px; font-size:14px;}
#boxhead{ text-align:center; width:267px;height:27px;color:#fff; background:url(../images/left_title_bg.gif) no-repeat;}
/*==============box2=================*/
.box2{float:left; background:url(../images/box2_bg.gif) no-repeat;}
.box2 ul{list-style: none;padding: 80px 8px 2px 8px;}
.box2 ul li{	
	line-height: 1.6;
	padding: 5px 0 2px 8px;
	}
.box2{width:267px; height:267px;margin-top:4px;border:#ccc solid;border-width:0px 1px 1px 1px;}
.box2 h2{height:28px;line-height:28px;}
#boxhead2{ text-align:center; width:267px;height:27px;color:#fff; background:url(../images/box2_head.gif) no-repeat;}
/*===================left结束=======================*/

/*===================center开始=======================*/
.center{ float:left; width:275px; margin-top:3px; }
.center p{ height:357px; font-size:14px; padding-top:80px; padding-left:30px; padding-right:30px; line-height:28px; }

/*===================center结束=======================*/

/*===================right开始=======================*/
.right{  float:right; width:352px;  margin-top:3px; }
 
/*===================right结束=======================*/

/*===================down开始=======================*/
.down{    clear:both; }
.down h5{ height:160px; background:url(../images/cp.jpg) no-repeat center; margin-bottom:45px;  }
.down h3{ color:#000; font-size:25px; line-height:20px; text-align:center; font-weight:100; }
.down p{ color:#fff; font-size:14px; line-height:30px; text-align:center; font-weight:100; margin-bottom:20px;}
.dnei{ width:1400px; margin:0 auto;}
.dnei ul{ list-style-type:none;}
.dnei ul li{ width:18%; float:left; margin-left:1%; margin-right:1%;   }
.dnei ul li a{ color:#fff; font-size:14px; line-height:35px; text-align:center; }
.dnei ul li a img{ width:100%;}
.dnei ul li a dl{ line-height:55px; height:55px; margin: 0;    font-size:15px; color:#000;}
.dnei ul li a dl span{ float:right; margin-right:25px; line-height:100px;}
 
.gongsi{  margin:0 auto; margin-top:38px; margin-bottom:60px; background:url("../images/aboutbg.jpg") no-repeat center;    clear: both;   }
.gongsi h5{ height:50px; color: #254a9e; font-size: 26px;     }
.gongsi h5 span{ color:#f08300;}
 .gongsi h6{ color:#254a9e; font-size:18px; line-height:30px;  font-weight:100; margin-bottom: 10px;}
.gongsi dl{ color:#666; font-size:14px; line-height:20px; text-align:center; font-weight:100; margin-bottom:30px;}
.gongsi p{ line-height:22px; font-size:13px;  }
.gsneinei{ width:1400px; margin:0 auto; height:615px;  }
.gsnei{  width:620px; float: left; }
.chaxun{ display:block; width:527px; height:75px; background:url(../images/chaxun.jpg) no-repeat center; margin-top:25px;}
.gsnei h3{ line-height:50px; font-size:20px; color:#fff;  margin-bottom:15px; text-align:center; margin-top: 20px;}
.gsnei p{ line-height:43px; font-size:16px; color:#000;}
.gongsiimg{ float: right;}
.gsneinei img{ }
.gsnei a{ display: block; width: 160px; height: 35px; text-align: center; line-height: 35px; color: #fff; font-size:14px;   margin-top: 25px; background: #254a9e; border-radius: 10px;}
 
 .heng{ height:175px; background:url(../images/heng.jpg) no-repeat center;   clear:both;}
 
.youshi{   margin:0 auto;   position:relative; z-index:100; background:#fff; height: 1465px; background: url("../images/shilibg.jpg")  no-repeat top center #254a9e; clear: both; padding-top: 200px; }
.youshi h5{ height:50px; color: #004788; font-size:30px; font-weight: 100;   line-height: 50px; margin-top:30px;  }
.youshi h3{   color: #666666; font-size:14px; font-weight: 100; text-align: center;    }
.youshi .one{ width:1200px; margin: 0 auto; margin-top: 50px;}
.youshi .one ul{ margin-left: 10px;}
.youshi .one ul li{ margin-left: 130px; list-style-type: none; font-size: 36px; color:#fff; font-weight: 600; margin-bottom: 50px;}
.youshi .one ul li span{ color:#f08300;}
.youshi .one ul p{ font-size: 22px; color:#fff; margin-bottom: 36px; }
.youshi .one ul dl{ font-size: 16px; color:#fff;width: 460px; line-height: 39px; margin-bottom: 30px;}
.youshi .one ul a{ display:block; width:130px; height: 35px; text-align: center; line-height: 35px; font-size:14px; background: #f08300;}

.youshi .two{ width:1200px; margin: 0 auto; margin-top: 200px; height: 410px;}
.youshi .two ul{ float: right;  width: 439px;}
.youshi .two ul li span{ color:#f08300;}
.youshi .two ul li{ margin-left: 130px; list-style-type: none; font-size: 36px; color:#fff; font-weight: 600; margin-bottom: 50px;}
.youshi .two ul p{ font-size: 22px; color:#fff; margin-bottom: 36px;}
.youshi .two ul dl{font-size: 16px; color:#fff;width: 460px; line-height: 39px; margin-bottom: 30px;}
.youshi .two ul a{ display:block; width:130px; height: 35px; text-align: center; line-height: 35px; font-size:14px; background: #f08300;}

.youshi .three{ width:1200px; margin: 0 auto; margin-top: 50px;}
.youshi .three ul{ margin-left: 10px;}
.youshi .three ul li{ margin-left: 130px; list-style-type: none; font-size: 36px; color:#fff; font-weight: 600; margin-bottom: 50px;}
.youshi .three ul li span{ color:#f08300;}
.youshi .three ul p{ font-size: 22px; color:#fff; margin-bottom: 36px; }
.youshi .three ul dl{ font-size: 16px; color:#fff;width: 460px; line-height: 39px; margin-bottom: 30px;}
.youshi .three ul a{ display:block; width:130px; height: 35px; text-align: center; line-height: 35px; font-size:14px; background: #f08300;}

.shili{ width:100%; clear: both; background: #eeeeed; height: 420px; padding-top: 70px; }
.shili h5{ font-size: 30px; color:#265caa; text-align: center;  margin-bottom: 60px; }
.shili h5 span{ color:#f08300;}
.shilinei{ width:1400px; margin: 0 auto;}
.shilinei ul{ width:20%; margin-left: 2.5%; margin-right: 2.5%; float: left;text-align: center;}
.shilinei ul li{ list-style-type: none; line-height: 50px; font-size: 18px; color: #254a9e; }
.shilinei ul dl{line-height: 26px; font-size: 14px; color: #000; margin: 0;  }
     
.zixun{   clear:both; height:500px; margin-top:50px; margin-bottom:30px;  }
.zixun h5{ height:50px; color: #254a9e; font-size:30px; font-weight: 100; text-align: center; line-height: 50px; margin-top:30px;  }
.zixun h5 span{color: #f08300;}
.zixun h3{   color: #254a9e; font-size:14px; font-weight: 100; text-align: center;    }
.zixun dl{ color:#666; font-size:14px; line-height:30px; text-align:center; font-weight:100; margin-bottom:30px;}
 
.zixun ul{ list-style-type:none; float:left;width:45%; margin-left:2.5%; margin-right:2.5%; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #004788;}
.zixun ul li:nth-child(1){ width:18%; float: left; }
.zixun ul li:nth-child(2){ width:80%; float: left; }
.zixun ul li a{ display:block;}
.zixun ul li:hover{  }
.zixun ul li h6{ line-height:30px; font-size:16px; color:#000;}
.zixun ul li h6 a{ color:#000; margin-left:10px; font-weight:100;}
.newsimg{ float: left;}
.zxneiright img{ width:100px; height: 70px;}
.zixun ul li p{ font-size:13px; line-height:25px; color:#000; margin-left:10px; padding-bottom:10px; }
.zixun ul li p strong a{ font-size:14px; color:#000; display:block; line-height:30px;}
.newsdi{ height:54px; background:url(../images/newsdi.jpg) no-repeat center; clear:both;}
.zxnei{ width:1400px; margin:0 auto; }
 

/*===================;down结束=======================*/

/*===================footer开始=======================*/
.foot{   background:#004788; margin-top:3px; height:100px;  }

.foot .flogo{ float:right;  width:90px; margin-top:5px; margin-right:15px; background:url(../images/flogo.gif) no-repeat;}
.foot .Copyright{ width:1400px;    margin:0 auto; line-height: 1.6; padding-top:10px;}
.foot .Copyright .dibu{ line-height:30px; font-size:13px; color:#Fff;  }
.dileft{ width:37%; float:left; text-align:center; margin-top:40px;}
.dileft h6{ font-size:16px; font-weight:100; color:#fff;}
.dileft ul{ list-style-type:none; margin-top:20px;}
.dileft ul li{ line-height:35px;}
.dileft ul li a{ font-size:14px; color:#fff;}
.dileft ul li a:hover{ color:#000;}
.dicenter{ width:30%; float:left;}
.dicenter h6{ font-size:16px; font-weight:100; color:#fff;}
.dicenter ul{ list-style-type:none; margin-top:20px;}
.dicenter ul li{ line-height:28px; width:40%; float:left;}
.dicenter ul li a{ font-size:13px; color:#fff;}
.dicenter ul li a:hover{ color:#000;}

.diright{ width:71%; margin:0 auto;}
.diright h6{ font-size:16px; font-weight:100; color:#fff;}
.diright ul{ list-style-type:none; margin-top:20px;}
.diright ul li{ line-height:23px;color:#fff; font-size:14px;}
.erweima img{ width:120px; margin-top:35px;}
.erweima ul{ }
.erweima li{ line-height:35px;color:#fff; font-size:10px;list-style:none; text-indent:3em; }
 
.heng1{ display:none;}
.youshi1{ display:none;}
.li{ font-size:16px; }


/*===================footer结束=======================*/
@media screen and (min-width:640px){
 
.logo{ display:none;}	
.navshou{ display:none;}
.bannerfra{ display:none;}
.bannershou{ display:none;}
.dneishou{ display:none;}
.rexiaos{ display:none;}
.zoujin{ display:none;}
.zixuns{ display:none;}
.foots{ display:none;}
.chanpinnei{ width:80%;}
.banner1{ display:none;}
.leibie{ display:none;}
	.youshishou{display:none;}
	}

@media screen and (max-width:640px){
	
#container{ width:100%; }
body{width:640px;  }
.header{ width:100%;}
.header .header2{ width:100%; height:auto;}
#logo_c{ display:none;}
.logo{ width:100%; margin:0 auto;}	
.nav{ width:100%;}	
.nav li{ width:16%;}
.nav{ display:none;}
.nav-banner{ width:100%}
	.tel{ display:none;}
	.header .header1{ display:none;}
 .libg{ display:none;}

.navshou {
height:120px; width:100%;
line-height:60px;
	 float:none;
	 
}
.navshou .nav_globalshou {
}
.navshou .nav_globalshou ul {
	text-decoration:none;
	
	 
}
.navshou .nav_globalshou li {
	cursor:pointer;
	float:left;
	text-align:center;
	text-decoration:none;
 
 list-style-type:none;
 width:25%;
 
 
	 
}
.navshou .nav_globalshou li a {
	display: block;
	color: #fff;
	width:100%; text-align:center;
	font-size:1.6em;
	line-height:60px;
	font-family:"微软雅黑";
	background:#00479d;
	 
}
.navshou .nav_globalshou li a:hover {
	color:#FFFFff!important;
	text-decoration: none;
	background: #333;
}

 
 
.nav-banner {
	display:none;
}
 
.fenlei{ width:100%; margin:0 auto; height:auto; }
.fenlei h5{ display:none;}
.fenlei p{ display:none;}
.leibie{ display:block; line-height:120px; text-align:center; font-size:2em; font-weight:100;}
.fenlei ul{ list-style-type:none; width:100%   }
.fenlei ul li{ text-align:center; width:30%; float:left;  line-height:50px; margin-left:1.5%; margin-right:1.5%; margin-bottom:20px; background: #004788;}
#flli{ margin-left:4.5%; margin-bottom:0;}
.fenlei ul li img{ margin:0 auto; width:100%;}
.fenlei ul li a{color:#fff; font-size:1.5em; display:block;    }
.fenlei ul li a:hover{ color:#000;}
.left{ display:none;} 
.center{ display:none;} 
.right{ display:none;} 
	
	.hengh{ display: none;}	

.neifenlei{ width:100%; margin:0 auto;   }

.neifenlei ul{ list-style-type:none;   }
.neifenlei ul li{ text-align:center; width:31.7%; float:left;   margin-bottom:10px;  line-height:45px; margin-left:5px; margin-right:5px;}
 
.neifenlei ul li img{ margin:0 auto;}
.neifenlei ul li a{color:#fff; font-size:1.3em;    }
.neifenlei ul li a:hover{ color:#000;}


 
.down{  padding-top:0px;  height:auto;background:#fff; clear:both; width:100%;}
.down h5{ background:url(../images/rexiao.jpg) no-repeat center; height:30px; padding-top:10px; display:none;}
.down h3{display:none;}
.down p{display:none;}
.dnei{ display:none;}
.dneishou{ width:100%;}
.dneishou ul{ list-style-type:none;}
.dneishou ul li{ width:50%; float:left; margin-bottom:20px; text-align:center;}
.dneishou ul li a{ color:#333; font-size:1.5em; line-height:35px; text-align:center; }
.dneishou ul li a img{ width:90%;}
.dneishou ul li a dl{ line-height:35px;}


.dneishou a{ color:#333; line-height:30px; margin-bottom:20px;}
.dneishou a span{ color:#333; line-height:30px; font-size:1.3em;}
.dneishou tr{ padding-top:20px;}
.rexiaos{ width:100%; margin-bottom:10px;} 
.bannershou{ width:100%;} 
.gongsi{ width:100%; clear:both; height:700px; margin-bottom:0; padding: 0;margin: 0; background: url("../images/aboutbgshou.jpg") no-repeat center;}
.gongsi h5{ display:none; }
.gongsi h3{   }
.gongsi dl{ display:none;}
.gongsi h6{ display:none;}

.gsneinei{ width:100%;   height:335px;}
.gsneinei img{ width:100%;}
.gsnei{
 
	
	    width: 100%;
    float: right;
    height: auto;
    background: none;
    margin-bottom: 30px;
	margin-right:0;}
	.chaxun{ display:block; width:100%; height:75px; background:url(../images/chaxun.jpg) no-repeat center #fff; margin-top:25px;}
	.gsnei a{
		
		display: block;
		width:50%;
    line-height: 35px;
    text-align: center;
    font-size: 1.5em;
	color:#fff;
		height: 35px; 
		background: #254a9e;
   
    
	margin:0 auto;margin-top: 20px;}
	.gsleft{ width:100%; margin:0;}

.gongsi p{ width:98%; margin:0 auto; font-size:1.6em; line-height:2em; margin-top:30px; color:#000; } 
.zoujin{ margin-bottom:10px;}
.gsdt{ display:none;}
.heng{ display:none;}
.youshi{ display:none;}
	.youshishou{ width:100%; display: block;}
.zixun{ width:100%; margin:0; height: auto;} 
.zixun h5{ display:none;}
.zixun h3{ display:none;}
.zixun dl{ display:none;} 
.zixun img{ width:100%; height:auto;}
.zxnei{ width:100%;}

.zixun ul{ list-style-type:none;width:100%; float: none;   margin-top:15px; margin-left:0%; margin-right:0%;  
	clear: both; height: 80px;}
.zixun ul li{ 
    
    }
 
.zixun ul li img{ width:100%;  }
.zixun ul li h6{  line-height:40px; font-size:1.3em;  }
.zixun ul li h6 a{color:#000; font-size:1.2em;;}
.zixun ul li p{ font-size:1.2em;; line-height:20px; width:100%; margin: 0; width:90%; margin-left: 2%;}

.newsdi{ height:50px; background:url(../images/newsdi.jpg) no-repeat center bottom; clear:both;}

.heng1{ display:block; width:100%; margin-top:20px; margin-bottom:30px;}
.youshi1{ display:block;}
	.shili{  height:700px; }
	.shili h5{ display: none;} 
	.shilinei{ width:100%;}
	.shilinei ul{ width:48%; margin-left: 1%; margin-right: 1%;}

.box strong{ font-size:1.8em;}
.li{ font-size:1.3em}
.cptd{ width:50%;}

.dileft{ display:none;}
.dicenter{ display:none;}
.erweima{ display:none;}
.diright{ width:100%; text-align:center; margin:0;}
.diright h6{ font-size:2em;}
.diright ul li{ font-size:1.8em; line-height:35px;}
.zhichi{ display:block;}
.foot{ position:relative; margin-bottom:50px; height:405px; clear: both;}
.foot .Copyright{ width:100%;  height:90px; margin:0 auto; line-height: 1.6; padding-top:30px;}
.foot .Copyright .dibu{ line-height:30px; font-size:13px; color:#Fff;  }


.foots {
	width:100%;
	position: fixed;
	background:#4b4b4b;
	height:4.8rem;
	bottom:0;
	left:0;
	z-index:10000;
	-webkit-transition:all 0.3s ease-in-out 0s;
	-moz-transition:all 0.3s ease-in-out 0s;
	-ms-transition:all 0.3s ease-in-out 0s;
	transition:all 0.3s ease-in-out 0s;
}
.foot-relative {
	position:relative;
	width:100%;
	padding-top:2px;
	height: 1rem;
}
.foots a {
	display:block;
	float:left;
	width:25%;
	padding-top:0.1rem;
	color: #fff;
}
.foots a span {
	display:block;
	width:100%;
	margin-bottom:0.1rem;
	text-align:center;
	font-size: 1rem;
	line-height: 1.5rem;
}
.foots a span img{ margin:0 auto; margin-bottom:0.5em; margin-top:10px;}
.foots a h3 {
	width:100%;
	text-align:center;
	font: 1rem/1rem "microsoft yahei";
}
.gongsinei{ width:100%;}
.ziyeright .neirong p{ font-size:1.6em;  }
.chanpinnei{ width:80%;}

.news_list .box ul{ list-style-type:none;}
.news_list .box li{ width:100%; float:none; margin-right:1%; margin-left:1%; border-bottom:1px dashed #ccc; line-height:2em; }
.news_list .box li a{ font-size:1.3em;; }
.news_list .box li span{ float:right; font-size:1.3em;}
.photoresize{ width:100%;}
	
	.nav-wrapper{ display: none;}.container{ width:98%; margin: 0 auto; padding: 0;}.content-area{grid-template-columns:auto;}.bottom-content{grid-template-columns:auto;}.tab-nav{grid-template-columns: repeat(3, 2fr);display: none;}.tab-content{ display: none;}.color-cards{ width:100%; margin-bottom: 20px;}.safe-carousel-wrapper{ display: none;}.footerwaike{ display: none;}.safewaike{width:100%;}.talent-module{ width:95%;margin-bottom: 100px; clear: both; float: none;}.ziyeright{ width:100%;}.containerr{ width:100%; margin-bottom: 100px;}.culture-banner{ display: none;}.gsnrbanner{ display: none;}.culture-bannerwh{ display: none;}.gsnrbanner1,.gsnrbanner2,.gsnrbanner3,.gsnrbanner5,.qywhbanner,.qywhbanner1,.qywhbanner2,.qywhbanner3,.culture-bannerzx,.peixunbanner,.hangyedongtaibanner,.qiyexinwenbanner,.jingcaihuodongbanner,.xinwenneibanner,.weituojianyanbanner,.jianduchouchabanner,.anquanpinggubanner,.qizhongjibanner,.chengnuobanner,.rencailinianrbanner,.rencaiguihuabanner,.culture-bannerrl,.culture-bannerjc,.culture-bannerzl,.culture-bannerxz,.jishuwendangbanner,.shuomingshubanner,.jianyanxiangguanbanner,.culture-bannerlx,.jianceneirongbanner,.diantijiancebanner,.quick-nav,.changchebanner{ display: none;}.xwnei{ width:100%;}
	}