@charset "UTF-8";
body{background-color: #FFFFFF; margin:0; padding:0;font-family: "Source Sans Pro";font-weight: normal;}
a{text-decoration: none; color:#000;}
a:link{ text-decoration: none; color:#000; }
a:visited{ color:#000;}
a:hover{ text-decoration:underline; color:#e4a40b;}


.container {width: 100%; margin: 0; padding: 0;}

.header {width: 100%; background-color: #1080b0; margin: 0; padding: 0;}
.header ul {margin: 0px auto; padding: 0px; width: 1024px;}
.header ul li{list-style: none;color: #FFFFFF;text-align: center;display: block;cursor: pointer;height:58px;line-height: 58px;}
.header ul li:hover {background-color: #0b4864;display: block;}
.header ul li a{color:#fff;padding:20px;}
.sy{background: url(../images/sy.png) no-repeat 20px 19px;padding-left:26px;}
.kf{background: url(../images/kf.png) no-repeat 20px 19px;padding-left:26px;}

.clr{width:100%;clear:both;}
.footer{width: 100%; background-color: #1080b0; margin: 15px 0 0 0; padding: 0;}
.copyright{margin: 0 auto; padding: 10px 0; width: 994px;color: #fff;background: url(../images/logo.png) no-repeat 0 10px;height:170px;padding:10px 0 30px 0;}
.copyright p{font-size:14px; line-height: 24px;margin:0;padding:0;color: #fff;margin-left:240px;}
.copyright p a{color: #fff;text-decoration: underline;margin-right:10px;}
.copyright p span{margin-right:10px;}
.copyright p a:hover{color: #ffff00;text-decoration: underline;}

.body{width: 100%; margin: 0; padding: 0; background: url(../images/banner.jpg) top center no-repeat;}

.banner{margin: 0px auto; padding: 0px; width: 1024px; height:290px;}

.news{margin: 0px auto; padding: 0px; width: 1024px; background-color: #fff;}
.news-left{float: left; width:285px; margin: 15px 0 0 15px;padding: 0;}
.box{margin: 0; padding: 0;font-size: 0;}
.box img{ margin: 0; padding: 0;}
.box1{width:100%;background:#f4f4f4;}
.box1 ul{width:100%;margin: 0; padding: 0;}
.box1 ul li{width:142px;margin: 0; list-style: none;float:left;height:50px;text-align: center;}

.box1 ul li a{width:100%;color:#666;line-height:30px;display: block;padding: 10px 0;}


.box1-a1{background: url(../images/a1.png) #e5e5e5 no-repeat 18px 6px;}
.box1 ul li:hover .box1-a1{background: url(../images/a11.png) #1080b0 no-repeat 18px 6px;color:#fff;}
.box1-a2{background: url(../images/a2.png) #ccc no-repeat 15px 5px;}
.box1 ul li:hover  .box1-a2{background: url(../images/a21.png) #1080b0 no-repeat 15px 5px;color:#fff;}
.box2{width:100%;margin: 20px 0; padding: 0;}
.box2 ul{width:100%;margin: 0; padding: 0;}
.box2 ul li{list-style: none; display: block; width: 142px; margin: 0; padding: 20px 0 10px 0; float:left;text-align: center;height:97px;cursor: pointer;}
.box2 ul li:hover{background-color: #f4f4f4;}
.box2 ul li a{ color:#666;}
.box2 ul li a img{margin: 0; padding: 0;}
.news-right{float:right;width:690px;margin: 15px 15px 0 0;padding: 0;background:#f4f4f4;}

.title{width: 100%; background-color: #1080b0; margin: 0; padding: 0;}
.title ul{width: 100%; margin: 0; padding: 0;}
.title ul li{list-style: none;margin-right: auto;color: #FFFFFF;padding:20px;text-align: center;display: block;cursor: pointer;}
.title ul li:hover {background-color: #0b4864;display: block;}
.title ul li a{color:#fff;}
.titlex{background-color: #1080b0; margin: 0; padding: 0;line-height: 18px;height:18px;padding:20px;color:#fff;}
.titlex a{color:#fff; margin-right:10px; text-decoration: underline;}
.titlex a:hover{color: #ffff00;text-decoration: underline;}

.news-nr{width:100%;margin: 0; padding: 0;}
.news-nr ul{margin:0;padding: 0;}
.news-nr ul li{list-style: none;clear: both;margin: 0;}
.news-nr ul li a{display: block;margin: 0; padding: 0;}
.news-nr ul li a p{font-size:18px;color:#666;padding:9px 20px 9px 9px;display: block;line-height: 28px;height:28px;margin: 0;}
.news-nr ul li:hover{background-color: #ccc;}
.news-nr h2{padding:10px 20px;font-size: 30px;line-height:42px;font-weight: normal;text-align: center;width:80%;margin:20px auto;}
.news-nr p_____{text-align: justify;padding:5px 20px;font-size:18px;line-height: 38px}
.news-nr img____{width:650px;margin:5px 20px;}
.news-nr div.content{ text-align: justify;padding:5px 20px;line-height:inherit; overflow:auto;}

.ld-nr{width:100%;margin: 0; padding: 0;}
.ld-nr table{width:648px;margin:30px 20px;}
.ld-nr table tr{}
.ld-nr table td{padding:10px;}
.ld-nr table td img{margin:10px auto;}

.tdb{background-color: #e4e4e4;}
.tdbx{background-color: #999;color:#fff;}
.tc{text-align: center;}


.news-list{margin:20px auto;text-align: center;padding:0 15px 20px 15px;}
.news-list a{border:1px #1080b0 solid;padding:5px 10px;margin:0 5px;color:#1080b0;}
.news-list a:hover{color:#fff;background: #1080b0;}
.news-list a.dqx{color:#fff;background: #1080b0;}
.news-list a.link{ font-size:12px; }

.pic-nr{width:100%;margin: 0; padding: 0;}
.pic-nr ul{margin:0; padding:0 0 20px 0;}
.pic-nr ul li{list-style: none; float: left;font-size: 0;width:650px;margin:20px 0 0 20px;}
.pic-nr ul li img{width:100%;}

.occupation{margin: 0px auto; padding: 15px; width: 994px; background-color: #fff;height:500px;}

.pic{margin: 0px auto; padding: 0px; width: 1024px; background-color: #fff;}
.pic ul{width:100%; margin: 0; padding: 0;}
.pic ul li{width:237px;height:175px; list-style: none; float: left; margin-left:15px; margin-top:15px; font-size:0;}
.pic ul li img{width:237px;height:175px;}

.border-r{border-right:1px #ccc solid;}
.border-b{border-bottom:1px #ccc solid;}

.ml-20{margin-left:20px;}
.mr-10{margin-right:10px;}
.pt-10{padding-top:10px;}
.pb-10{padding-bottom:10px;}

.dq{background-color: #0b4864;}
.fl{float:left;}
.fr{float:right;}
.ell{width: 550px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}




        .tabs-wrapper {
            width: 100%;
            overflow: hidden;
        }
        
        .tab-input {
			width:25%;float:left;
            display: none;
        }
        
        .tab-labels {
            display: flex;
            
        }
        
        .tab-label {
			width:25%;
			height:60px;
			line-height:60px;
			background-color: #e5e5e5;
			float:left;
            flex: 1;
            text-align: center;
            cursor: pointer;
            transition: all 0.3s ease;
            color: #333;
            font-weight: 500;
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
        }
        
        .tab-label:hover {
            color: #333;
            background: #ccc;
        }
        
        .tab-label i {
            font-size: 18px;
        }
        
        /* 激活状态指示器 */
        .tab-label::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 50%;
            width: 0;
            height: 5px;
            background: #ccc;
            transition: all 0.3s ease;
            transform: translateX(-50%);
        }
        
        .tab-input:checked + .tab-label {
            color: #333;
			background: #ccc;
        }
        
        .tab-input:checked + .tab-label::after {
			width:100%;
        }
        
        .tab-content {
            display: none;
            padding: 40px;
            animation: slideUp 0.4s ease;
        }
        
        #tab1:checked ~ #content1,
        #tab2:checked ~ #content2,
        #tab3:checked ~ #content3,
        #tab4:checked ~ #content4 {
            display: block;
        }
        
        @keyframes slideUp {
            from {
                opacity: 0;
                transform: translateY(50px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }
.zy1{background: url(../images/zy1.jpg) no-repeat 0 30px;height:400px;}
.zy2{background: url(../images/zy2.jpg) no-repeat 0 30px;height:400px;text-align:right;}
.zy3{background: url(../images/zy3.jpg) no-repeat 0 30px;height:400px;}
.zy4{background: url(../images/zy4.jpg) no-repeat 0 30px;height:400px;text-align: right;}

.tab-content h2{width:500px;margin: 50px 0 30px 200px;}
.tab-content h2 span{font-weight: normal;font-size:16px;}
.tab-content p{width:500px;margin:10px 0 0 200px;font-size: 18px;line-height:28px;}

.pic-title{height:60px;line-height:60px;color:#fff;background-color: #1080b0;margin:0 15px;padding:0 25px;font-size:18px;}
.pic-title a{color:#ccc;}
.pic-title a:hover{color:#fff;}