@charset "utf-8"; * { margin: 0; padding: 0; border: 0; font-family: "微软雅黑"; } body { font-family: "微软雅黑"; height: 100%; width: 100%; } html { height: 100%; width: 100%; font-family: "微软雅黑"; background: #fff; } ul, ol { list-style: none; } a { border: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent; outline: none; text-decoration: none; display: inline-block; cursor: pointer; } img { border: 0 none; } .w1400 { width: 1400px; margin: 0 auto; height: 252px; padding: 20px 30px; display: flex; justify-content: space-between; align-items: center; box-sizing: border-box; } .clear { clear: both; } .tou { display: flex; justify-content: space-between; width: 1400px; margin-top: 30px; margin-bottom: 12px; } /*头部开始*/ .ding { margin: 0 auto; min-width: 1400px; height: 222px; width: 100%; position: absolute; top: 0; background: linear-gradient(180deg, #B40500 0%, rgba(190, 8, 0, 0.4) 57%, rgba(255, 255, 255, 0) 100%); z-index: 9; padding-bottom: 10px; display: flex; flex-direction: column; align-items: center; border-bottom: 0px; box-sizing: border-box; } .logo { width: 48%; } /*导航 开始*/ /*nav导航盒子*/ .nav { height: 80px; margin: 0 auto; width: 1400px; height: 80px; font-size: 20px; line-height: 80px; } .nav>ul { display: flex; justify-content: space-between; } .nav ul li { float: left; cursor: pointer; text-align: center; position: relative; width: 150px; z-index: 99; } .nav ul li ul { display: none; } .nav ul li:hover ul { display: block; position: absolute; top: 80px; left: 0; box-shadow: 0px 4px 6px 1px #c1c1c1; } .nav ul li a:hover { border-bottom: 4px solid #fff; color: #fff; } .nav ul li:hover ul li a { display: block; border-bottom: 4px solid #fff; font-size: 16px; color: #fff; background: #3C9464; } .nav ul li:hover ul li a:hover { /* background: #fff; */ color: #fff; border-bottom: 4px solid #fff; background: #fff; } .nav ul li a { color: #fff; font-size: 20px; } .activ { color: #fff !important; font-weight: bold; border-bottom: 4px solid #fff; } .zlm { height: 52px; line-height: 52px; width: 150px !important; background-color: #0f904a; } .u-flex { display: flex; justify-content: space-between; width: 1400px; margin: 0 auto; } /*导航 结束*/ /* 搜索 */ .shousuo { display: flex; align-items: center; justify-content: space-between; width: 20%; } .seaech_k { width: 200px; height: 42px; outline: none; color: #fff; padding: 0px 40px 0px 15px; background: none; border: 1px solid #fff; border-radius: 30px; } .seaech { position: absolute; top: 12px; right: -41px; outline: none; cursor: pointer; } .ss { float: left; width: 205px; height: 42px; margin-right: 44px; /* margin-top: 31px; */ position: relative; } #a::placeholder { color: #fff: } /*轮播图开始*/ /* banner */ /* banner */ .banner { position: relative; min-width: 1400px; width: 100%; height: 500px; overflow: hidden; } .banner .han_pic { position: relative; z-index: 0; } .banner .han_pic img { min-width: 1400px; width: 100%; height: 600px; display: block; } .banner .han_hd { width: 100%; position: absolute; bottom: 10px; text-align: center; font-size: 0; z-index: 1; } .banner .han_hd li { margin: 0 5px; background: url(../images/dot.png) no-repeat 0 -16px; height: 16px; overflow: hidden; width: 16px; cursor: pointer; display: inline-block; *display: inline; zoom: 1; } .banner .han_hd li.on { background: url(../images/dot8.png) no-repeat 0 -16px !important; background-position: 0 0; } .banner .prev, .banner .next { width: 60px; height: 90px; margin: -60px 0 0; display: none; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; filter: alpha(opacity=20); opacity: 0.2; } .banner .prev { left: 0; } .banner .next { background-position: 0 -90px; right: 0; } .banner .prev:hover, .banner .next:hover { filter: alpha(opacity=50) !important; opacity: 0.5 !important; } /*轮播图结束*/ .big { display: flex; flex-direction: column; min-width: 1400px; margin: 0px auto; background-image: url(../images/bj.png); background-repeat: no-repeat; background-position: top center; height: 1140px; width: 100%; } .dd { display: flex; justify-content: space-between; width: 1400px; margin: 40px auto; } .cc { display: flex; justify-content: space-between; width: 1400px; margin-top: 30px; margin-left: auto; margin-right: auto; } .djgz { width: 48%; } .djgz .botRTOP-div { width: 100%; height: 66px; float: left; display: flex; align-items: center; background: none; /* box-shadow: 0px 2px 8px -1px #e1e1e1; */ border-bottom: 1px solid #e7e7e7; } .djgz .botRTOP-div:hover { border-bottom: 1px solid #CF0B17 } .djgz .botRTOP-div:hover div { color: #CF0B17; } .djgz .botRTOP-div:hover .bot-img-title { /* color:#CF0B17; */ } .djgz .bot-img { width: 72px; flex-direction: column; display: flex; height: 32px; text-align: right; border-left: 1px solid #CF0B17; border-right: none; justify-content: center; } .djgz .bot-img-title { font-size: 15px; text-indent: 4px; color: #CF0B17; padding: 5px 0px 5px 0px; } .djgz .bot-img-time { font-size:13px; text-indent: 2px; color: #CF0B17; padding: 3px 0px 3px 0px; } .djgz .bot-div { width: 88%; display: inline; height: 60px; line-height: 60px; float: left; margin-left: 0px; } .djgz .bot-div div img { margin-right: 10px; width:12px; } .djgz .bot-div>a>div { font-size: 16px !important; font-weight: 500; height: 28px; line-height: 28px; color: #333333; /* display: table-cell; */ /* 模拟为td单元格,同时形成了 BFC */ /*display: table-caption 如果设置为此项 则不能使用水平和垂直居中*/ vertical-align: middle; /* 垂直居中*/ #margin-top: 12px; } .djgz .bot-div>a>p { color: #999999; font-size: 13px; line-height: 20px; } .mzzj_title2 { width: 100%; height: 52px; background-repeat: no-repeat; background-position: bottom; line-height: 26px; border-bottom: 1px solid #e1e1e1; } .mzzj_title2 span { font-size: 21px; color: #333; float: left; font-weight: bold; height: 51px; background-image: url(../images/ri.png); width: 200px; background-repeat: no-repeat; background-position: bottom; } .xyxw { width: 60%; } .xyxw_title { width: 100%; height: 50px; background-repeat: no-repeat; background-position: bottom; line-height: 26px; border-bottom: 1px solid #e1e1e1; } .xyxw_title span { font-size: 21px; color: #333; float: left; font-weight: bold; height: 51px; background-image: url(../images/ri.png); width: 200px; background-repeat: no-repeat; background-position: bottom; } .xyxw ul { justify-content: space-between; display: flex; flex-flow: wrap; } .xyxw ul li { float: left; width: 47%; line-height: 50px; height: 50px; display: flex; align-items: center; justify-content: flex-start; } .xyxw ul li a { color: #333 !important; font-size: 16px; display: flex; align-items: center; } .xyxw ul li a:hover { color: #CF0B17 !important; } .xyxw ul li:hover span { color: #CF0B17 !important; } .xyxw ul li span { color: #939393; font-size: 14px; width:60px; } /* 工作动态 */ .mzzj_title { width: 100%; height: 50px; background-repeat: no-repeat; background-position: bottom; line-height: 26px; border-bottom: 1px solid #e1e1e1; } .mzzj_title span { font-size: 21px; color: #333; float: left; font-weight: bold; height: 51px; background-image: url(../images/ri.png); width: 200px; background-repeat: no-repeat; background-position: bottom; } .mzzj { width: 37%; padding: 20px; box-sizing: border-box; height: 574px; background: #FFFFFF; box-shadow: 0px -2px 30px 10px rgba(103, 103, 103, 0.06), 0px 6px 20px 5px rgba(166, 166, 166, 0.08), inset 0px -4px 0px 0px #CF0B17; } .mzzj ul { /* margin-top: 30px; */ } .mzzj ul li { float: left; width: 100%; line-height: 70px; height: 70px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #ede6e6; } .mzzj ul li a em { width: 6px; height: 6px; background: #CACACA; margin-right: 10px; } .mzzj ul li a { color: #333 !important; font-size: 17px; display: flex; align-items: center; } .mzzj ul li a:hover { color: #3C9464 !important; } .mzzj ul li:hover em { background: #3C9464 !important; } .mzzj ul li:hover span { color: #3C9464 !important; } .mzzj ul li:hover { border-bottom: 1px solid #3C9464; } .mzzj ul li span { color: #939393; font-size: 14px; } .more a { font-size: 15px; color: #666; float: right; display: flex; align-items: center; } .more a:hover { color: #CF0B17; } .more1 a { font-size: 15px; color: #fff; float: right; display: flex; align-items: center; } .mzzj_title1 { width: 100%; height: 52px; background-repeat: no-repeat; background-position: bottom; line-height: 26px; border-bottom: 1px solid #e1e1e1; } .mzzj_title1 span { font-size: 21px; color: #fff; float: left; font-weight: bold; height: 51px; /* border-bottom: 3px solid #3C9464; */ } .mzzj1 { width:32%; } .mzzj1 ul { margin-top: 20px; height: 310px; padding: 10px; box-sizing: border-box; } .mzzj1 ul li { float: left; width: 100%; line-height: 48px; height: 48px; color: #fff; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid rgba(255, 255, 255, 0.3); } .mzzj1 ul li a em { width: 5px; height: 5px; background: #fff; margin-right: 10px; border-radius: 50%; } .mzzj1 ul li a { color: #fff !important; font-size: 15px; display: flex; align-items: center; } /* .mzzj1 ul li:hover em { background: #3C9464; } */ /* .mzzj1 ul li:hover span { color: #3C9464; } */ /* .mzzj1 ul li a:hover { color: #3C9464 !important; } */ .mzzj1 ul li span { color: #fff; font-size: 14px; } .mzzj1 ul li:last-of-type { border-bottom: none } /* 下载 */ .xiazai { width: 100%; min-width: 1400px; height: 447px; background-image: url(../images/f1.png); background-position: top center; background-repeat: no-repeat; } .xz { display: flex; justify-content: space-between; margin: 0 auto; width: 1400px; padding-top: 46px; } .datu { display: flex; justify-content: space-between; border-bottom: 1px solid #e1e1e1; margin-top: 36px; padding-bottom: 30px; box-sizing: border-box; margin-bottom: 26px; } .tuijian { display: flex; flex-direction: column; height: 280px; justify-content: space-between; } .tuijian img { width: 400px; height: 260px; object-fit: cover; } .tuijian span { font-size: 15px; color: #ccc; } .tuijian a { font-size: 18px; color: #333; } /* 通知公告 */ .botRTOP-div { width: 100%; height: 90px; float: left; background: #fff; display: flex; align-items: center; /* box-shadow: 0px 2px 8px -1px #e1e1e1; */ border-bottom: 1px solid #efefef; } .botRTOP-div:hover { border-bottom: 1px solid #CF0B17 } .botRTOP-div:hover div { color: #CF0B17; } .botRTOP-div:hover .bot-img-title { /* color:#CF0B17; */ } .bot-img { width: 120px; float: left; display: inline; height: 80px; text-align: center; border-right: 1px solid #eee; } .bot-img-title { font-size: 20px; text-indent: 4px; color: #333; padding: 5px 0px 5px 0px; } .bot-img-time { font-size: 14px; text-indent: 2px; color: #a1a1a1; padding: 3px 0px 3px 0px; } .bot-div { width: 76%; display: inline; height: 60px; float: left; margin-left: 22px; } .bot-div>a>div { font-size: 16px !important; font-weight: 500; height: 28px; line-height: 28px; color: #333333; /* display: table-cell; */ /* 模拟为td单元格,同时形成了 BFC */ /*display: table-caption 如果设置为此项 则不能使用水平和垂直居中*/ vertical-align: middle; /* 垂直居中*/ #margin-top: 12px; } .bot-div>a>p { color: #999999; font-size: 13px; line-height: 20px; } /* 板块 */ .kuai { display: flex; justify-content: space-between; align-items: center; } .kuai li { width: 320px; /* background: red; */ display: flex; flex-direction: column; align-items: center; } .a1 { width: 102px; height: 102px; background: linear-gradient(270deg, #E70100 0%, #AF0000 100%); border-radius: 40px 8px 40px 8px; display: flex; align-items: center; justify-content: center; margin-bottom: 20px; } .kuai li a { color: #302A29; font-size: 18px; } .kuai li a:hover { color: #CF0B17; } @keyframes hvr-buzz-out { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); transform: skew(0); } } .hvr-buzz-out { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transform-origin: 0 100%; transform-origin: 0 100%; } .hvr-buzz-out:hover, .hvr-buzz-out:focus, .hvr-buzz-out:active { -webkit-animation-name: hvr-buzz-out; animation-name: hvr-buzz-out; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* 底部 */ .foot { width: 100%; display: flex; min-width: 1400px; height: 174px; background-image: url(../images/foot.png); background-repeat: no-repeat; background-position: top center; } .footer { width: 1400px; margin: 0 auto; display: flex; justify-content: center; align-items: center; flex-direction: column; } .tt { display: flex; justify-content: center; align-items: center; color: #919191; height: 140px; width: 100%; font-size: 14px; } .bq { display: flex; flex-direction: column; color: #919191; font-size: 14px; align-items: flex-start; justify-content: center; } .tel { display: flex; justify-content: center; height: 74px; align-items: center; width: 100%; } .tel span { display: flex; margin-right: 30px; align-items: center; } .tel span img { margin-right: 10px; } .link { height: 80px; border-bottom: 1px solid rgba(255, 255, 255, 0.24); width: 1400px; color: #fff; } .link a { color: #919191 } .white { background: none; color: #fff; height: 40px; font-size: 15px; margin-right: 22px; } .white option { color: #333; } .mar { margin: 0 26px; } .tel span i { font-style: normal; margin-right: 16px; color: #fff; opacity: 0.4; } /* 内容和列表 */ .text { background: #fff; padding: 40px 76px 76px; box-shadow: 0 0 14px rgba(0, 0, 0, .1); width: 1400px; margin: 30px auto; line-height: 34px; box-sizing: border-box; } .posi { display: flex; align-items: center; border-bottom: 2px solid #972115; height: 58px; margin-bottom: 20px; color: #972115 } .posi>p>a { font-size: 17px; color: #972115 } .posi img { width: 26px; } .text ul li { height:120px; border-bottom: 1px dashed #e1dede; } .text ul li a { display: block; padding-top: 20px; position: relative; z-index: 20; text-decoration: none; } .text ul li .cont-info h4:hover { color: #972115 } .text ul li .time { width: 88px; float: left; margin-right: 40px; text-align: center; background: #f9f9f9; box-shadow: 0 3px 8px 4px #dbdbdb; } .text ul li .time p { font-size: 28px; line-height: 44px; color: #972115; } .text ul li .time div { font-size: 14px; color: #9a9a9a; } .text ul li .time div span { margin: 0 3px; } .text ul li .cont-info h4 { font-size: 22px; color: #333; margin-bottom: 15px; height: 32px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text ul li .cont-info p { font-size: 15px; color: #333; line-height: 30px; height: 60px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .text .information { text-align: center; font-size: 14px; color: #972115; height: 36px; line-height: 36px; background-color: #f5f5f5; width: 54%; margin: 30px auto; } .text .title1 { font-size: 24px; color: #333; line-height: 36px; margin: 8px auto; text-align: center; height: auto; width: 80%; } /* 侧栏列表 */ .w-f1400 { width: 1400px; margin: 0 auto; display: flex; justify-content: space-between; } .content_lan { width: 300px; min-height: 600px; margin-top: 50px; box-shadow: 4px 3px 13px 0px #e9e9e9; padding-bottom: 30px; box-sizing: border-box; margin-bottom: 30px; } .content_lan h3 { width: 300px; height: 130px; background-image: url(../images/top.png); background-repeat: no-repeat; margin-bottom: 10px; font-weight: 600; font-size: 26px; color: #FFFFFF; padding-left: 54px; line-height: 130px; box-sizing: border-box; } .content_lan ul li { height: 81px; line-height: 71px; padding-left: 54px; box-sizing: border-box; } .content_lan ul li a { color: #333333; font-size: 18px; } .content_lan ul li.on, .content_lan ul li:hover { background-image: url(../images/tt.png); height: 81px; line-height: 71px; width: 336px; background-repeat: no-repeat; } .content_lan ul li.on a, .content_lan ul li:hover a { color: #fff; } .content { width: 1000px; } .lie div { width: 900px; } .lie li { height: 120px; border-bottom: 1px solid #E7E7E7; display: flex; justify-content: space-between; margin-bottom: 30px; } .lie li:hover { border-bottom: 1px solid #972115; } .lie li:hover a { color: #972115; } .lie li:hover h1 span { color: #972115; } .lie li:hover h1 i { color: #972115; } .lie li a { height: 40px; font-size: 18px; color: #333; font-weight: 600; } .lie li p { font-size: 14px; color: #898383; line-height: 26px; } .lie li h1 { background-image: url(../images/date.png); background-repeat: no-repeat; width:80px; height: 76px; display: flex; flex-wrap: wrap; justify-content: center; font-weight: normal; } .lie li h1 i { font-size: 42px; color: #333; font-style: normal; font-size: 21px; } .lie li h1 span { font-size: 18px; } /*分页*/ .pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px; } .pagination > li { display: inline; } .pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 6px 12px; line-height: 1.42857; text-decoration: none; color: #358F2A; background-color: #fff; border: 1px solid #ddd; margin-left: -1px; } .pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; border-bottom-left-radius: 4px; border-top-left-radius: 4px; } .pagination > li:last-child > a, .pagination > li:last-child > span { border-bottom-right-radius: 4px; border-top-right-radius: 4px; } .pagination > li > a:hover, .pagination > li > a:focus, .pagination > li > span:hover, .pagination > li > span:focus { z-index: 2; color: #358F2A; background-color: #eeeeee; border-color: #ddd; } .pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus, .pagination > .active > span, .pagination > .active > span:hover, .pagination > .active > span:focus { z-index: 3; color: #fff; background-color: #358F2A; border-color: #358F2A; cursor: default; } /* 上下篇 */ .ShangXia { font-size: 16px; padding-top: 20px; border-top: 1px solid #eaeaea; clear: both; margin-top: 30px; box-sizing: border-box; } .ShangXia p { line-height: 30px; color: #333333; } .ShangXia span { color: #358F2A; display: inline-block; vertical-align: top; } .ShangXia a { color: #333333; font-size: 16px; display: inline-block; max-width: 90%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ShangXia a:hover { color: #358F2A; }