.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; background: #FFFFFF; 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: 14px; height: 14px; background: #e3af65; 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; background: url(../images/title_bg.png); 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; overflow: hidden; 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: #0059c0; cursor: pointer; } .slideBox2 .hd ul li.on { background: #e3af65; color: #fff; } .news_bt { width: 585px; height: 50px; overflow: hidden; z-index: 1; background: #f8f8f8; color: #434343; padding-left: 20px; box-sizing: border-box; line-height: 55px; } .news_bt a { font-size: 16px; } .slideBox2 .bd { position: relative; height: 100%; z-index: 0; } .slideBox2 .bd li { zoom: 1; vertical-align: middle; } .slideBox2 .bd img { width: 100%; height: 330px; display: block; object-fit:cover; } /* 下面是前/后按钮代码,如果不需要删除即可 */ .slideBox2 .prev, .slideBox2 .next { position: absolute; left: 3%; top: 50%; margin-top: -25px; display: block; width: 32px; height: 40px; background: url(images/slider-arrow.png) -110px 5px no-repeat; 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; } /*轮播图*/ .box1 .bt { } .bt { border-bottom: 1px solid #bcbcbc; height: 52px; line-height: 52px; margin-bottom: 20px; position: relative; } .bt .h3 { border-bottom: 2px solid #0059c0; } .bt .h3 img{ position: absolute; top: 0; bottom: 0; left: 0; margin: auto; } .bt h3 { font-size: 24px; color: #0059c0; float: left; margin-left: 40px; } .bt a { font-size: 14px; color: #999999; float: right; line-height: 53px; height: 53px; } .bt a span{ color: #0059C0; font-size: 24px; margin-left: 6px; } a:hover{ color: #0059C0; } .news_list{ width: 585px; } .news_list li{ height: 60px; margin-bottom: 20px; } .news_list li:last-child{ margin-bottom: 0; } .news_list .txt{ width: 85%; } .news_list li:hover .date{ background: #0059C0; color: #FFFFFF; transition: 0.3s; } .news_list li:hover a{ color: #0059C0; } .news_list .txt a{ font-size: 16px; line-height: 32px; font-weight: bold; } .news_list .txt p{ color: #666666; } .box1 .date { float: left; width: 70px; height: 60px; background: #ececec; color: #0059c0; text-align: center; padding: 7px; box-sizing: border-box; } .box1 .date b { font-size: 24px; display: block; line-height: 26px; } .box1 .date i { font-style: normal; } /* box2 */ .box2{ background: url(../images/box2_bg.png) no-repeat; background-size: cover; margin-top: 30px; padding-top: 30px; overflow: hidden; padding-bottom: 30px; margin-bottom: 30px; min-width:1200px; } .box2_1,.box2_2,.box2_3{ width: 380px; } .box2_2,.box2_3{ margin-left: 30px; } /*轮播图*/ .slideBox { width: 380px; height: 214px; overflow: hidden; position: relative; } .slideBox .hd { height: 12px; overflow: hidden; position: absolute; right: 5px; bottom: 18px; z-index: 2; } .slideBox .hd ul { overflow: hidden; zoom: 1; float: left; } .slideBox .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; } .slideBox .hd ul li.on { background: #A70F16; color: #fff; } .news_bt1 { width: 380px; height: 40px; overflow: hidden; position: absolute; bottom: 0; z-index: 1; background: rgba(0, 0, 0, 0.6); color: #FFFFFF; padding-left: 20px; box-sizing: border-box; line-height: 40px; font-size: 16px; } .slideBox .bd { position: relative; height: 100%; z-index: 0; } .slideBox .bd li { zoom: 1; vertical-align: middle; } .slideBox .bd img { width: 100%; height: 214px; display: block; } /* 下面是前/后按钮代码,如果不需要删除即可 */ .slideBox .prev, .slideBox .next { position: absolute; left: 3%; top: 50%; margin-top: -25px; display: block; width: 32px; height: 40px; background: url(../images/slider-arrow.png) -110px 5px no-repeat; filter: alpha(opacity=50); opacity: 0.5; } .slideBox .next { left: auto; right: 3%; background-position: 8px 5px; } .slideBox .prev:hover, .slideBox .next:hover { filter: alpha(opacity=100); opacity: 1; } .slideBox .prevStop { display: none; } .slideBox .nextStop { display: none; } /*轮播图*/ .box2_list{ background: #FFFFFF; padding: 20px; box-sizing: border-box; } .box2_list li{ background: url(../images/icon_list.png) no-repeat left center; padding-left: 20px; margin-bottom: 14px; } .box2_list li:last-child{ margin-bottom: 0; } .box2_list li a{ font-size: 16px; line-height: 30px; } .box2_3 .news_bt1{ background: rgba(0, 0, 0, 0.6) url(../images/icon_play.png) no-repeat 20px center; padding-left: 50px; } /* box3 */ .box3{ overflow: hidden; min-width:1200px; } .box3_1,.box3_2,.box3_3{ width: 380px; } .box3_2,.box3_3{ margin-left: 30px; } .box3_1 li{ width: 180px; height: 62px; line-height: 62px; border-radius: 6px; font-size: 18px; text-align: center; margin-bottom: 20px; font-weight: bold; } .box3_1 li:nth-child(2n){ margin-left: 20px; } .box3_1 li a { color: #FFFFFF; } .box3_1 .link1{ background: #004b87; } .box3_1 .link2{ background: #fbaf0d; } .box3_1 .link3{ background: #a1723b; } .box3_1 .link4{ background: #9d414f; } .box3_1 .link5{ background: #f2722d; } .box3_1 .link6{ background: #087947; } .box3_2 li,.box3_3 li{ margin-bottom: 16px; } .box3_2 .txt a,.box3_3 .txt a{ font-size: 16px; line-height: 26px; display: block; width: 79%; } .box3_2 .txt .time{ background: #ececec; width: 62px; height: 26px; line-height: 26px; color: #0059C0; text-align: center; margin-right: 16px; } .box3_3 li{ background: url(../images/icon_down.png) no-repeat left center; padding-left: 35px; } .box3_3 .txt a{ width: 100%; } /* box4 */ .box4{ overflow: hidden; min-width:1200px; } .box4 .bt { border: none; } .box4 .bt img{ position: absolute; top: 0; bottom: 0; left: 0; margin: auto; } .box4 .bt h3 { font-size: 24px; color: #0059c0; float: left; margin-left: 40px; } .box4 li{ font-size: 16px; border-right: 1px solid #434343; padding:0 15px; line-height: 18px; } .box4 li:last-child{ border: none; } .box4 .links{ /*margin: 20px 0;*/ }