body { background: url(../images/body_bg.png) center 800px no-repeat; } .banner-Box { width: 100%; height: 460px; overflow: hidden; position: relative; min-width: 1200px; } .banner-Box .hd { position: absolute; bottom: 20px; z-index: 1; width: 100%; text-align: center; } .banner-Box .hd ul { zoom: 1; } .banner-Box .hd ul li { margin: 0 8px; width: 14px; height: 14px; line-height: 14px; font-size: 0; text-align: center; border: 1px solid #ab1e24; border-radius: 9px; cursor: pointer; display: inline-block; } .banner-Box .hd ul li:last-child { margin-right: 0; } .banner-Box .hd ul li.on { width: 16px; height: 16px; background: #d18521; border: none; position: relative; /* transition: all 0.3s ease; */ } .banner-Box .bd { position: relative; height: 100%; z-index: 0; } .banner-Box .bd li { zoom: 1; vertical-align: middle; } .banner-Box .bd li a { display: block; width: 100%; height: 460px; } .banner-Box .bd img { width: 430px; height: 263px; display: block; } .banner-Box .bd span { position: absolute; bottom: 0; width: 100%; line-height: 40px; color: #fff; font-weight: bold; } .banner-Box .bd h1 { color: #fff; font-size: 14px; margin: 0; padding: 0 10px } .box1 { margin-top: 30px; width: 100%; min-width: 1200px; } /*轮播图*/ .slideBox2 { width: 585px; overflow: hidden; position: relative; } .slideBox2 .hd { height: 12px; overflow: hidden; position: absolute; right: 5px; bottom: 18px; z-index: 2; } .slideBox2 .hd ul { overflow: hidden; zoom: 1; float: left; } .slideBox2 .hd ul li { float: left; margin-right: 18px; width: 12px; height: 12px; border-radius: 10px; line-height: 50px; text-align: center; background: #FFFFFF; cursor: pointer; } .slideBox2 .hd ul li.on { background: #A70F16; color: #fff; } .news_bt { width: 585px; height: 110px; overflow: hidden; z-index: 1; background: #ab1e24; color: #FFFFFF; padding-left: 20px; box-sizing: border-box; line-height: 55px; } .news_bt a { font-size: 16px; } .news_bt p { color: #eed2d3; } .news_bt a:after { content: ""; display: block; width: 44px; height: 1px; background: #FFFFFF; } .slideBox2 .date { float: left; width: 80px; height: 72px; background: rgba(246, 152, 29, 0.8); color: #FFFFFF; text-align: center; position: absolute; left: 40px; bottom: 100px; } .slideBox2 .date b { font-size: 24px; display: block; line-height: 40px; } .slideBox2 .date i { font-style: normal; } .slideBox2 .bd { position: relative; height: 100%; z-index: 0; } .slideBox2 .bd li { zoom: 1; vertical-align: middle; } .slideBox2 .bd img { width: 100%; height: 370px; display: block; object-fit: cover; } /* 下面是前/后按钮代码,如果不需要删除即可 */ .slideBox2 .prev, .slideBox2 .next { position: absolute; left: 3%; top: 50%; margin-top: -25px; display: block; width: 32px; height: 40px; filter: alpha(opacity=50); opacity: 0.5; } .slideBox2 .next { left: auto; right: 3%; background-position: 8px 5px; } .slideBox2 .prev:hover, .slideBox2 .next:hover { filter: alpha(opacity=100); opacity: 1; } .slideBox2 .prevStop { display: none; } .slideBox2 .nextStop { display: none; } /*轮播图*/ /* 新闻css */ .slideTxtBox { width: 585px; text-align: left; background: #ffffff; } .slideTxtBox .hd { height: 60px; line-height: 30px; background: #FFFFFF; position: relative; width: 585px; border-top: 2px solid #D18521; } .slideTxtBox .hd ul { display: flex; justify-content: space-around; height: 60px; line-height: 60px; } .slideTxtBox .hd ul li { width: 50%; text-align: center; font-size: 24px; float: left; } .slideTxtBox .hd ul li.on { height: 60px; background: #d18521; font-weight: bold; color: #FFFFFF; } .slideTxtBox .hd ul li .on a { color: #FFFFFF; } .slideTxtBox .bd ul { padding: 0 20px; padding-bottom: 12px; zoom: 1; width: 585px; background: #FFFFFF; box-sizing: border-box; } .slideTxtBox .bd li { height: 58px; line-height: 58px; border-bottom: solid 1px #d0d0d0; box-sizing: border-box; } .slideTxtBox .bd li a { font-size: 16px; } .slideTxtBox .bd li .date { float: right; color: #999; } .slideTxtBox .bd ul .more { width: 224px; height: 46px; background: #e8e8e8; text-align: center; line-height: 46px; margin: 0 auto; margin-top: 12px; } .slideTxtBox .bd ul .more a { display: block; } .slideTxtBox .bd ul .more:hover { background: #D18521; color: #FFFFFF; transition: all .3s; -webkit-transition: all .3s; } .slideTxtBox .bd li:hover a { color: #ab1e24; transition: all .3s; -webkit-transition: all .3s; } .slideTxtBox .bd li:hover span { color: #ab1e24; transition: all .3s; -webkit-transition: all .3s; } .box2 { margin-top: 30px; } .box2 .bt { background: url(../images/icon1.png) center left no-repeat; } .bt { border-bottom: 1px solid #ab1e24; height: 52px; line-height: 52px; padding-left: 46px; } .bt h3 { font-size: 24px; color: #ab1e24; float: left; } .bt a { font-size: 14px; color: #999999; float: right; } /* 通知公告 */ .txtScroll-left { width: 1200px; position: relative; margin-top: 20px; } .txtScroll-left .hd { overflow: hidden; height: 40px; padding: 0 10px; } .txtScroll-left .hd ul { float: right; overflow: hidden; zoom: 1; margin-top: 20px; width: 100%; text-align: center; } .txtScroll-left .hd ul li { width: 13px; height: 13px; overflow: hidden; margin:0 11px; text-indent: -999px; cursor: pointer; border: 1px solid #ab1e24; border-radius: 9px; display: inline-block; } .txtScroll-left .hd ul li.on { /* background-position: 0 0; */ background: #d18521; border: none; width: 15px; height: 15px; /* transition: all 0.3s ease; */ } .txtScroll-left .bd { width: 1200px; overflow: hidden; } .txtScroll-left .bd ul { overflow: hidden; zoom: 1; } .txtScroll-left .bd ul li { margin-right: 30px; float: left; height: 60px; line-height: 24px; text-align: left; _display: inline; padding: 30px; background:#FFFFFF ; } .txtScroll-left .bd ul li a{ display: block; width: 242px; height: 60px; overflow: hidden; float: right; font-size: 16px; line-height: 30px; } .txtScroll-left .bd ul li span { color: #999; } .txtScroll-left .bd ul li .date { float: left; width: 56px; height: 83px; margin-right: 20px; color: #999999; text-align: right; } .txtScroll-left .bd ul li .date b { font-size: 30px; display: block; line-height: 40px; } .txtScroll-left .bd ul li .date i { font-style: normal; } .txtScroll-left .bd ul li:hover{ background: #A70F16; transition: all 0.3s ease; } .txtScroll-left .bd ul li:hover a{ color: #FFFFFF; transition: all 0.3s ease; } .txtScroll-left .bd ul li:hover .date{ color: #FFFFFF; transition: all 0.3s ease; } /* box3 */ .box3{ margin-top: 30px; overflow: hidden; } .llxx{ width: 380px; } .llxx .bt { background: url(../images/icon2.png) center left no-repeat; } .top{margin: 20px 0 0 0;} .top .img,.top .img img{width: 152px;height: 102px;overflow:hidden;object-fit:cover;float:left;} .top .con{float:right;width: 208px;position:relative;} .top .con h5{font-size: 1.125rem;color: #333;line-height: 1.5;font-weight: bold; transition:.5s} .top .con h6{font-size:14px;font-weight: normal;color: #ab1f25;/* line-height: 8px; */} .top .con h6 img{margin: -3px .75rem 0 0;} .top .con p{font-size:14px;color:#5d5d5d;line-height:30px;height: 30px;margin: 12px 0;} .top .con:before{content:"";position:absolute;width:34px;height:2px;transition:.36s;} .bottom ul li{line-height: 58px;height: 58px; border-bottom: 1px solid #e8e8e8;} .bottom ul li a{font-size: 16px;display:inline-block;width: 330px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition: .36s;} .bottom ul li span{float:right;font-size:14px;color: #787878;} .bottom ul li:hover a{ color: #A70F16; } .bottom ul li:hover span{ color: #A70F16; } .mtjj{ margin-left: 30px; width: 380px; } .mtjj .bt { background: url(../images/icon3.png) center left no-repeat; } .slideTxtBox1 .hd ul li{ float:left; } .slideTxtBox1 .hd ul{ float:left; } .slideTxtBox1 .more{ float:right; color:#999999; } .slideTxtBox1 ul li .bt h3{ font-size:20px; color:#999999; } .slideTxtBox1 ul li .bt{ border:none; } .slideTxtBox1 .hd{ border-bottom: 1px solid #ab1e24; width:100%; line-height:52px; height:52px; } .slideTxtBox1 ul li:last-child .bt{ background:none; padding-left:24px; } .slideTxtBox1 ul li.on .bt h3{ font-size:24px; color: #ab1e24; } /* 专题 */ .box4{ margin-top: 30px; } .box4 .zt .bt { background: url(../images/icon4.png) center left no-repeat; } .mlsz .bt { background: url(../images/icon_mlsz.png) center left no-repeat; } .mlszgdt { width:380px; height:337px; margin-top:20px; } .mlszgdt .bd img{ height:260px; } .mlszgdt .news_bt{ width:380px; height:77px; } .xmt .bt { background: url(../images/icon_xmt.png) center left no-repeat; } .picScroll-left{ margin-top: 20px; } .picScroll-left .hd .next{ background-position:0 -50px; } .picScroll-left .hd .prevStop{ background-position:-60px 0; } .picScroll-left .hd .nextStop{ background-position:-60px -50px; } .picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; } .picScroll-left .hd ul li{ float:left; width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; } .picScroll-left .hd ul li.on{ background-position:0 0; } .picScroll-left .bd{ } .picScroll-left .bd ul{ overflow:hidden; zoom:1; } .picScroll-left .bd ul li{ /* margin:0 8px; */ margin-right: 20px; float:left; _display:inline; overflow:hidden; text-align:center; } .picScroll-left .bd ul li .pic{ text-align:center; } .picScroll-left .bd ul li .pic img{ width:250px; height:142px; display:block; } .picScroll-left .bd ul li .pic a:hover img{ } .picScroll-left .bd ul li .title{ line-height:24px; }