@charset "utf-8";
html,body{ min-width: 1300px;}
.header-top{ width: 100%; height: 150px; background: url(../images/headerBg.jpg) repeat;}
.header-top .content{ width: 1200px; height: 150px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between;}
.header-top .content .search-area{ height: 100%;}
.header-top .content .search-area .top{ height: 40px; line-height: 40px; width: 100%; text-align: right;}
.header-top .content .search-area .top span{ padding: 0 10px; color: #ddd;}
.header-top .content .search-area .top a{ color: #333;}
.header-top .content .search-area .top a:hover{color: #9D0E00;}
.header-top .content .search-area .search{ height: calc(100% - 40px); display: flex; align-items: center;}
.header-top .content .search-area .search .input-btn{ height: 40px; display: flex; align-items: center;}
.header-top .content .search-area .search .input-btn select{ width: 120px; height: 40px; margin-right: 10px; padding: 0 5px; background-color: #fff; border-radius: 4px;  border: 1px solid #9D0E00;}
.header-top .content .search-area .search .input-btn input{ width: 250px; height: 40px; line-height: 38px; padding: 0 10px; border: 1px solid #9D0E00; background: #fff; border-radius: 4px;}
.header-top .content .search-area .search .input-btn input::placeholder{ color: #ccc;}
.header-top .content .search-area .search .input-btn button{ width: 60px; height: 40px; border: 0; border-radius: 4px; background-color: #9D0E00; margin-left: 5px; cursor: pointer;}
.header-top .content .search-area .search .input-btn button:hover{background: #b81708;}

.header-nav{ width: 100%; height: 60px; background-color: #9D0E00;}
.header-nav .content{ width: 1200px; height: 60px; padding: 5px 0; margin: 0 auto;}
.header-nav .content li{ width: 150px; height: 50px; float: left; position:relative;}
.header-nav .content li a { display:block; line-height:50px; text-decoration:none; color:#fff; text-align: center; font-size: 18px;}
.header-nav .content li.cur,
.header-nav .content li:hover { background:url(../images/navBg.png) no-repeat center center;}
.header-nav .content li a.more{position: relative;}
.header-nav .content li a.more:after{content:"›"; position: absolute; right: 10px; top: 0px;}
 
.header-nav .content li ul { position:absolute; width:150px; padding: 5px 0; display:none; background-color:#9D0E00; z-index:99;} /*这是第二级菜单*/
.header-nav .content li ul a { text-decoration:none; color:#ffffff; text-align: center;} 
.header-nav .content li ul ul{ top:0;left:150px;} /*从第三级菜单开始,所有的子级菜单都相对偏移*/

.index-banner{ width: 100%; height: 380px; position: relative;}
.index-banner .banner-img{ width:100% !important; margin:0 auto; position:relative; z-index:0; overflow:hidden;}
.index-banner .banner-img > li{ width:100% !important; height:380px; overflow:hidden; text-align:center; background-position:center;}
.index-banner .banner-img > li a{ display:block; height:380px;}
.index-banner .banner-num{ width:100%; position:absolute; z-index:1; bottom:20px; left:0; height:14px; line-height:14px; text-align:center;}
.index-banner .banner-num > li{ cursor:pointer; display:inline-block; zoom:1; width:14px; height:14px; line-height:50px; margin:0 5px; border-radius:7px; -webkit-border-radius:7px; -o-border-radius:7px; -ms-border-radius:7px; -moz-border-radius:7px; overflow:hidden; background:rgba(255, 2555, 255, 0.3);}
.index-banner .banner-num > li.on{ background:#fff;}

.main{ width: 100%; padding: 20px 0; background: url(../images/mainBg.jpg) repeat; zoom: 1; overflow: hidden;}

.notice-box{ width: 1200px; height: 80px; margin: 0 auto; padding: 9px; border: 1px solid #ddd; background-color: #fff;}
.notice-box .title{ width: 60px; height: 60px; margin-right: 10px; float: left; text-align: center; padding: 4px 0; background-color: #9D0E00; font-size: 23px; line-height: 26px; color: #fff; font-weight: bold; font-style: italic;}
.notice-box .content{ width: calc(100% - 70px); height: 60px; float: left;}
.notice-box .content .name{ width: 100%; height: 40px; line-height: 40px; font-size: 20px;}
.notice-box .content .con-time{ width: 100%; height: 20px; display: flex;}
.notice-box .content .con-time .con{ flex: 1; min-width: 0; height: 20px; line-height: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.notice-box .content .con-time .time{ width: 120px; height: 20px; line-height: 20px; color: #9e9e9e; text-align: right;}

.img-new-box{ width: 1200px; height: 410px; margin: 20px auto;}
.img-new-box .img-box{ width: 660px; height: 410px; padding: 9px; border: 1px solid #ddd; background-color: #fff; float: left;}
.hiSlider{ overflow: hidden; height: 390px; width: 640px;}
.hiSlider-item{ float: left;}

.new-box{ overflow: hidden; float: left;}
.new-box .title{ width: 100%; height: 50px; border-bottom: 1px solid #9D0E00; display: flex; align-items: center; justify-content: space-between;}
.new-box .title .name{ height: 49px;}
.new-box .title .name .s{ height: 43px; width: 6px; float: left; margin-top: 6px; background-color: #9D0E00;}
.new-box .title .name .c{ height: 49px; float: left; padding: 0 20px; background-color: #9D0E00; line-height: 49px; color: #fff; font-size: 18px;}
.new-box .title .more a{ color: #9e9e9e}
.new-box .title .more a:hover{color: #9D0E00}
.new-box .content{ width: 100%; height: calc(100% - 50px); background: #fff; padding: 19px; border: 1px solid #ddd; border-top: 0;}
.new-box .content .first-title{ width: 100%; height: 30px; line-height: 30px; color: #9D0E00; font-size: 18px; font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.new-box .content .first-con{ width: 100%; height: 60px; line-height: 20px; color: #9e9e9e; font-size: 12px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-break: break-all;}
.new-box .content .new-ul-member,
.new-box .content .new-ul{ width: 100%; height: auto; zoom: 1; overflow: hidden;}
.new-box .content .new-ul > li{ height: 36px; border-bottom: 1px dashed #ccc;}
.new-box .content .new-ul-member > li{ width: calc(50% - 50px); float: left; height: 36px; border-bottom: 1px dashed #ccc;}
.new-box .content .new-ul-member > li.fr{float: right;}
.new-box .content .new-ul-member > li .l,
.new-box .content .new-ul > li .l{float: left; width: 12px; line-height: 35px; color: #9e9e9e;}
.new-box .content .new-ul-member > li a{float: left; width: calc(100% - 20px); height: 35px; line-height: 35px; color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.new-box .content .new-ul > li a{ float: left; width: calc(100% - 80px); height: 35px; line-height: 35px; color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.new-box .content .new-ul-member > li a:hover,
.new-box .content .new-ul > li a:hover{ color:#9D0E00}
.new-box .content .new-ul > li .t{float: left; width: 60px; line-height: 35px; color: #9e9e9e; text-align: right;}
.img-new-box .new-box .content .new-ul > li .t,
.index-news-box .new-box .content .new-ul > li .t{ width: 80px; }
.img-new-box .new-box .content .new-ul > li a,
.index-news-box .new-box .content .new-ul > li a{ width: calc(100% - 100px);}

.index-about-box{ width: 100%; height: 460px; background: url(../images/aboutBg.jpg) no-repeat center;}
.about-box{ width: 1200px; height: 100%; margin: 0 auto; padding: 40px 0;}
.about-box .left{ width: calc(100% - 460px); height: 100%; float: left;}
.about-box .left .title{ width: 100%; height: 50px; display: flex; align-items: center; justify-content: space-between;}
.about-box .left .title .l{ display: flex; align-items: center;}
.about-box .left .title .l .c{ padding: 0 20px; font-size: 28px; font-weight: bold; color: #fff; line-height: 50px;}
.about-box .left .title .r{font-size: 14px; color: #fff;}
.about-box .left .con{ width: 100%; height: 170px; padding: 20px 0 30px; line-height: 40px; font-size: 18px; color: #fff; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-break: break-all; text-indent: 4ch;}
.about-box .left .menu{ width: 100%; height: 160px; display: flex; align-items: center; justify-content: center;}
.about-box .left .menu li{ width: 140px; height: 160px; padding: 0 10px;}
.about-box .left .menu li .bg{ width: 120px; height: 120px; background: rgba(0, 0, 0, 0.2); display: flex; align-items: center; justify-content: center;}
.about-box .left .menu li .t{ width: 120px; height: 40px; line-height: 40px;  text-align: center; font-size: 18px; color: #fff;}
.about-box .left .menu li a:hover .bg{background: rgba(0, 0, 0, 0.4);}
.about-box .right{ width: 440px; height: 100%; float: right; display: flex; align-items: center; justify-content:center; flex-direction: column;}
.about-box .right .hz-box{ width: 280px; height: 340px; padding: 20px; background: rgba(255, 255, 255, 0.2);}
.about-box .right .text{ width:100%; height: 40px; line-height: 40px; text-align: center; font-size: 18px; color: #fff;}


.index-news-box{ width: 1200px; height: 440px; margin: 20px auto; }

.index-lead-box{ width: 100%; height: 560px; background: url(../images/l1.png) repeat; padding: 40px 0;}
.lead-box{ width: 1300px; height: 480px; margin: 0 auto;}
.lead-box .title{ width: 100%; height: 90px; padding-bottom: 40px; display: flex; align-items: center; justify-content: center;}
.lead-box .title .c{padding: 0 20px; font-size: 28px; font-weight: bold; color: #fff; line-height: 50px;}
.lead-box .con{ width: 1300px; height: 390px; display: flex; align-items: center;}
.lead-box .con .lead-left-btn{ width: 30px; height: 58px; background: url(../images/arrow-left.png) no-repeat; margin-right: 20px;}
.lead-box .con .lead-right-btn{ width: 30px; height: 58px; background: url(../images/arrow-right.png) no-repeat; margin-left: 20px;}
.lead-box .con .list{ width: 1200px; height: 390px; overflow: hidden;}
.lead-box .con .list ul{width: 1200px; display: inline-block;}
.lead-box .con .list ul li{ width: 224px; height: 390px; background: url(../images/ldjsBg.png) no-repeat; float: left; margin-right: 16px; padding: 10px;}
.lead-box .con .list ul li:last-child{margin-right: 0;}
.lead-box .con .list ul li .name{ width: 100%; height: 35px; line-height: 35px; font-size: 18px; color: #fff; text-align: center;}
.lead-box .con .list ul li .js{ width: 100%; height: 60px; line-height: 20px; font-size: 14px; color: #fff;  overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-break: break-all; text-indent: 4ch;}

.index-links-box{ width: 1200px; margin: 20px auto; min-height: 130px;}

.footer-box{ width: 100%; padding: 40px 0; background: #302F34; line-height: 30px; color:#fff; font-size: 14px; }
.footer-box{ width:100%; height: 180px; padding: 40px 0; background-color: #302F34;} 
.footer-box .footer{ width: 1200px; height: 100px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between;}
.footer-box .footer a{color: #fff;}
.footer-box .footer ul{ width: 50%;}
.footer-box .footer ul li{ height: 25px; line-height: 25px; color: #fff;}
.footer-box .footer .ewm{ width: 100px; height: 100px;}
.footer-box .footer .ewm .img{ width: 100px; height: 100px; background-color: #fff;}
.footer-box .footer .ewm .text{ width: 100%; height: 20px; line-height: 20px; text-align: center; font-size: 12px; color:#fff}

.page-banner{ width: 100%; height: 300px;}

.page-main{ width: 1200px; margin: 0 auto;}
.page-main-left{ width: 300px; float: left;}
.second-menu-box{ width: 100%; padding: 9px; border: 1px solid #ddd; background-color: #fff;}
.second-menu-box .menu-title{ width: 100%; height: 50px; line-height: 50px; background-color: #9D0E00; padding: 0 20px; font-size: 18px; color: #fff; font-weight: bold;}
.second-menu-box .menus{ width: 100%; zoom: 1; overflow: hidden;}
.second-menu-box .menus li{ width: 100%; height: 40px; margin-top: 10px;}
.second-menu-box .menus li a{ display: block; width: 100%; height: 40px; background-color: #eee; border: 1px solid #eee; text-align: center; line-height: 38px; font-size: 16px; font-weight: bold; color: #333;}
.second-menu-box .menus li a:hover{ background-color: rgba(157, 14, 0, 0.1); border-color: rgba(157, 14, 0, 0.1); color: #9D0E00;}
.second-menu-box .menus li a.cur{background-color: rgba(157, 14, 0, 0.1); border-color: #9D0E00; color: #9D0E00;}

.page-main-right{ width: 880px; float: right;}
.article-con{ line-height: 30px;  font-size: 16px;}

.page-new-list{ width: 100%; zoom: 1; overflow: hidden;}
.page-new-list li{ width: 100%; height: 101px; padding: 10px 0; border-bottom: 1px dashed #ccc;}
.page-new-list li .date{ width: 70px; height: 80px; background-color: #eee; float: left;}
.page-new-list li .date .day{ width: 100%; height: 45px; line-height: 45px; text-align: center; font-size: 30px; font-weight: bold;}
.page-new-list li .date .year{ width: 100%; height: 35px; line-height: 35px; text-align: center;}
.page-new-list li .news{ width: calc(100% - 90px); height: 80px; float: right;}
.page-new-list li .news .t{ width: 100%; height: 40px; line-height: 40px; font-size: 16px; color: #9D0E00;}
.page-new-list li .news .c{ width: 100%; height: 40px; line-height: 20px; color: #666;  overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all;}

/*分页*/
.page{ width:100%; height:30px; line-height:30px; margin:10px auto; text-align:center;}
.page a { border:1px solid #ddd; padding:2px 8px; color:#333; margin-right:2px; background:#fff;}
.page a:hover { border:1px solid #9D0E00;}
.page a.current { border:1px solid #9D0E00; color:#fff; background:#9D0E00;}
.page a.disabled { border:1px solid #e0e0e0; color:#aaa; background:#f3f3f3;}

.third-menu-box{width: 100%; zoom:1; overflow: hidden;}
.third-menu-box li{ margin-right: 20px; height: 40px; margin-bottom: 20px; float: left;}
.third-menu-box li a{ display: block; padding: 0 30px; height: 40px; line-height: 38px; background-color: #eee; border: 1px solid #eee;  font-size: 16px; font-weight: bold; color: #333;}
.third-menu-box li a:hover{ background-color: rgba(157, 14, 0, 0.1); border-color: rgba(157, 14, 0, 0.1); color: #9D0E00;}
.third-menu-box li a.cur{background-color: rgba(157, 14, 0, 0.1); border-color: #9D0E00; color: #9D0E00;}

.page-image-list{width: 100%; zoom: 1; overflow: hidden;}
.page-image-list li{ width: 210px; height: 350px; padding: 10px; float: left;}
.page-image-list li a{display: block; width: 100%; height: 100%; background-color: #fff; border: 1px solid #ddd; padding: 4px;}
.page-image-list li a:hover{border-color: #9D0E00;}
.page-image-list li a img{ width: 100%; height: 240px;}
.page-image-list li a .name{ width: 100%; height: 40px; line-height: 40px; text-align: center; font-size: 18px;}
.page-image-list li a:hover .name{color: #9D0E00;}
.page-image-list li a .js{ width: 100%; height: 40px; line-height: 20px; color: #666;  overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all; text-indent: 4ch;}

.page-name-list{ width: 100%; zoom: 1; overflow: hidden;}
.page-name-list li{ width: 100%; height: 36px; border-bottom: 1px dashed #ccc;}
.page-name-list li a{ display: block; width: 100%; height: 35px; display: flex; align-items: center;}
.page-name-list li a i{ width: 30px; text-align: center; font-size: 18px; color: #eee;}
.page-name-list li a .name{ width: 120px; color: #333;}
.page-name-list li a .js{ width: calc(100% - 150px); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #333;}
.page-name-list li a:hover i,
.page-name-list li a:hover .name, 
.page-name-list li a:hover .js { color: #9D0E00;}

.page-location-box{ width: 100%; height: 41px; border-bottom: 1px solid #ddd; background-color: #fff;}
.page-location-box .location{ width: 1200px; height: 40px; line-height: 40px; margin: 0 auto; display: flex; align-items: center;}
.page-location-box .location span{ padding: 0 10px;}

.page-news-article{ width: 100%; height: calc(100% - 60px); line-height: 30px;  font-size: 16px;}
.prev-next{ width: 100%; height: 60px; position: absolute; left: 0; bottom: 0; padding: 0 20px; display: flex; align-items: center; justify-content: space-between;}