@charset "UTF-8";
#Content{ box-sizing: border-box; margin-top: 10px; background: none; }
.column1,.column2,.column3,.column4,.column5,.column7{ padding: 20px; background: #fff; }

/*轮播图样式，外层只需规定宽高即可*/
.banner{ width: 100%; height: 100%; position: relative; overflow: hidden;}
.banner * { margin: 0; padding: 0; list-style-type: none; text-decoration: none; }
.banner .list{ width: 1000%; height: 100%; position: absolute; left: -100%; overflow: hidden; }
.banner .list.active{ transition: 1s; }
.banner .list li{ width: 10%; height: 100%; position: relative; float: left; }
.banner .list li img{ width: 100%; height: 100%; border: none; display: block; transition: 1s; }
.banner .list li img:hover{ transform: scale(1.02); }
.banner .list li p{ position: absolute; bottom: 0; line-height: 35px; background: rgba(0,0,0,.8); width: 100%; box-sizing: border-box; padding-right: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #fff; font-size: 14px; text-indent: 10px; }
.banner .listIndex{ position: absolute; right: 10px; bottom: 13px; height: 10px; z-index: 10;}
.banner .listIndex li{ width: 10px; height: 100%; background: #999; display: inline-block; margin-right: 8px; cursor: pointer; vertical-align: top; }
.banner .listIndex li.active{ background: #FFF; }

.tab-title{ height: 34px; border-bottom: 1px solid #dcdcdc; }
.tab-title span{ font-size: 18px; position: relative; padding: 0 10px; display: inline-block; color: #666;}
.tab-title a{ color: #000; font-weight: 600; }
.tab-title span.active a{color: #4788d7;}
.tab-title span.active::after{content: " "; width: 100%; border-bottom: 2px solid #3090e8; position: absolute; left: 0; bottom: -11px; }

.tab-content{ margin-top: 5px; }
.tab-content ul{ display: none; }
.tab-content ul.active{ display: block; }
.tab-content li{padding: 5px 0; }
.tab-content li a{ color: #444; display: block; font-size: 16px;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.tab-content li a:hover{ color:#4788d7; }
.tab-content li span{ display: block; margin-top: 5px; color: #999; }

.column1{  }
.column1 .fl{ width: 54.5%; height: 370px; }
.column1 .fr{ width: 44%; }
.column2{ margin-top: 20px; }
.column3{ padding: 0; display: flex; margin-top: 20px; }
.column3 .tab-content li a{ width: 488px; }
.column3>div{ flex: 1; transition: .5s ease; }
.column3 .bigger{ display: none; }
.column3>div.active{ flex: 2.6; }
.column3>div.active .bigger{ display: block; }
.column3>div.active .smaller{ display: none; }
.column3>div .title{  background-color: #2d5cbc; height: 100px; border-left: 1px solid #3e6dce; line-height: 140px; text-align: center; color: #fff; font-size: 19px; font-weight: bold; }
.column3>div.active .title{ background-color: #3db1ea; }
.column3 .cont>p{ text-align: center; line-height: 32px; font-size: 15px; color: #666; margin-top: 4px; }
.column3 .cont{ height: 280px; overflow: hidden; }
.column3 .smaller .cont{ background-color: #e8e8e8; }
.column3 .bigger .cont{ background-color: #fff; height: 280px; padding: 0 25px; width: 100%; box-sizing: border-box; }
.zwgk .line a{ display: block; float: left; font-size: 16px; line-height: 35px; text-align: center; margin-top: 18px; background-color: #eee; color: #666; }
.zwgk .title{ background:url("../images/xxgk.png") no-repeat center 18px;  }
.zwgk .line-1 a{ width: 32%; margin-left: 2%; }
.zwgk .line-1 a:first-child{ margin-left: 0; }
.zwgk .line-2 a{ width: 49%; }
.zwgk .line-2 a:first-child{ margin-right: 2%; }
.column3 .tab-title{ margin-top: 20px; }
.jgsz .title{ background:url("../images/jgsz.png") no-repeat center 18px;  }
.jgsz .smaller .cont{ background: #eee; }
.jggk li{ margin-top: 20px; }
.jggk li:first-child{ margin-top: 5px; }
.jggk a{ line-height: 70px; display: block; text-indent: 90px; font-size: 18px; color: #666; }
.znjs{ background: url("../images/znjs.png") no-repeat 2px center; }
.zyzz{ background: url("../images/zyzz.png") no-repeat 2px center; }
.nsjg{ background: url("../images/nsjg.png") no-repeat 2px center; }
.hdjl .title{ background: url("../images/hdjl.png") no-repeat center 18px; }
.hdjl .wyxx { float: right; color: #fff; background-color: #3db1ea; padding: 8px 10px; margin-top: -7px; }
.hdjl .smaller p{  margin-top: 40px; padding-top: 40px; }
.hdjl .smaller .ldxx{ background: url("../images/ldxx.png") no-repeat center top; }
.hdjl .smaller .yjzj{ background: url("../images/yjzj.png") no-repeat center top; }
.ztzl .title{ background: url("../images/zt.png") no-repeat center 18px; }
.ztzl .smaller .cont{ background: #eee; }
.ztzl .smaller .ztzl{ margin-top: 40px; padding-top: 40px; background: url("../images/ztzl.png") no-repeat center top; height: 32px; }
.ztzl .tab-title span{max-width: 225px; overflow: hidden; white-space: nowrap;}

.column4{ margin-bottom: 20px; }
.column4 .fl,.column4 .fr{ width: 49%; }
.column5{ margin-top: 20px; }
.column5 .fl,.column5 .fr{ width: 49%; }

.column7{ margin-top: 20px; }
.column7 .ztzl-title{ text-align: center; line-height: 62px; font-size: 22px; color: #1561af; }
.column7 .ztzl-title>.fl,.column7 .ztzl-title>.fr{ width: 45%; background: url("../images/gm_pic08.gif") repeat-x; height: 60px; }
.column7 .ztzl-title>.fl>.fr,.column7 .ztzl-title>.fr>.fl{ width: 60px; background: url("../images/gm_pic09.jpg") repeat-x; height: 60px; }
.column7 .select{ margin-top: 20px; }
.column7 select{ float: left; display: block; margin-left: 1%; font-size: 15px; line-height: 35px; height: 35px; color: #666; cursor: pointer; width: 24.25%; box-sizing: border-box; padding-left: 10px; border: 1px #eaeaea solid; background-color: #fafafa; }
.column7 select:first-child{ margin-left: 0; }

/*专题专栏*/
.links_scroll{ position: relative; padding: 10px 0; overflow: hidden; }
.links_scroll .prev,.links_scroll .next{ position: absolute; z-index: 3; top: 44px; width: 32px; height: 32px; cursor: pointer; }
.links_scroll .prev{ left: 10px; background: url("../images/prev.png") no-repeat; }
.links_scroll .next{ right: 10px; background: url("../images/next.png") no-repeat; }
.links_scroll ul{ overflow: hidden; width: 527%; left: 0; position: relative; }
.links_scroll ul.active{ transition: left 1s; }
.links_scroll ul li{ width: 3.8%; float: left;}
.links_scroll ul li img{ display: block; width: 95%; height: 100px; margin: 0 auto; }
.links_scroll ul li p{ width: 95%; margin: 0 auto; line-height: 30px;  text-align: center;  background: #edf7f8;  margin-top: 5px;  font-size: 15px; padding: 0 40px; box-sizing: border-box; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* 滚动标语 */
.scroll-banner { background: #ffffff url(../images/laba.png) 5px center no-repeat; background-size: 25px; padding: 0 35px; position: relative; overflow: hidden; width: 100%; max-width: 1200px; margin: 0 auto; vertical-align: middle;box-sizing: border-box;}
.scroll-content { width: 1600px; height: 35px; overflow: hidden; display: inline-block; box-sizing: border-box; position: relative;}
.scroll-content * { line-height: 40px;}
.marquee { animation: marquee 15s linear infinite; white-space: nowrap; position: absolute;}
.marqueeT { animation: marqueeT 15s linear infinite; white-space: nowrap; position: absolute;}
 @keyframes marquee {
     0% { left: 0; }
     100% { left: -105%;}
 }
 @keyframes marqueeT {
     0% { left: 105%; }
     100% { left: 0; }
 }

 /* 弹窗 */
  /* 飘窗容器 */
        .float-window {
            position: fixed;
            left: 10px;
            bottom: 20px;
            width: 300px;
            background: linear-gradient(135deg, #0066cc, #004e9e);
            border-radius: 8px;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
            z-index: 9999;
            overflow: hidden;
            transition: all 0.3s ease;
            animation: float 0.5s ease-out;
        }
        
        /* 飘窗头部 */
        .float-header {
            background: linear-gradient(135deg, #0066cc, #004e9e);
            color: white;
            padding: 12px 15px;
            font-size: 15px;
            font-weight: bold;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        
        /* 飘窗内容 */
        .float-content {
            padding: 15px;
            background-color: #fff;
        }
        
        /* 报名按钮 */
        .apply-button {
            display: block;
            width: 100%;
            padding: 10px 0;
            background: linear-gradient(135deg, #0066cc, #004e9e);
            color: white;
            text-align: center;
            text-decoration: none;
            border-radius: 4px;
            font-weight: bold;
            margin-top: 10px;
            transition: all 0.2s ease;
        }
        
        .apply-button:hover {
            background: linear-gradient(135deg, #0077e6, #0059b3);
            transform: translateY(-2px);
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        }
        
        /* 关闭按钮 */
        .close-button {
            background: none;
            border: none;
            color: white;
            font-size: 18px;
            cursor: pointer;
            padding: 0;
            line-height: 1;
        }
        
        /* 标签样式 */
        .tag {
            display: inline-block;
            background-color: #e6f2ff;
            color: #0066cc;
            padding: 3px 34px;
            border-radius: 3px;
            font-size: 12px;
            margin-right: 5px;
            margin-bottom: 5px;
        }
        
        /* 描述文本 */
        .description {
            font-size: 14px;
            color: #333;
            margin: 10px 0;
            line-height: 1.5;
        }
        
        /* 飘窗动画 */
        @keyframes float {
            0% {
                transform: translateY(20px);
                opacity: 0;
            }
            100% {
                transform: translateY(0);
                opacity: 1;
            }
        }
        
        /* 隐藏飘窗 */
        .hidden {
            transform: translateY(20px);
            opacity: 0;
            pointer-events: none;
        }


/* 适老化改造 */
.oldModel .column1 .fl { width: 100%; height: 500px;}
.oldModel .column1 .fr,
.oldModel .column4 .fl,
.oldModel .column4 .fr,
.oldModel .column5 .fl,
.oldModel .column5 .fr{ width: 100%; margin-top: 20px;}
.oldModel .column3,
.oldModel .column7 .ztzl-title>.fl,
.oldModel .column7 .ztzl-title>.fr{display: none;}

.oldModel .banner .list li p{line-height: 60px;font-size: 32px!important;background: rgba(0,0,0,.5);}
.oldModel .banner .listIndex{height: 15px;}
.oldModel .banner .listIndex li{width: 15px;}
.oldModel .tab-title{height: 46px;}
.oldModel .tab-content li{overflow: hidden;padding: 8px 0;}
.oldModel .tab-content li a{width: 80%;float: left;font-size: 32px!important;}
.oldModel .tab-content li span{float: right;margin-top: 3px;}
.oldModel .tab-title span{padding: 0 5px;}
.oldModel .column3 .tab-content li a{width: 345px;}
.oldModel .column3 .cont,.oldModel .column3 .bigger .cont{height: 315px;}
.oldModel .column3 .cont>p{margin-top: 8px;}