.banner{ margin: 0 auto; width: 1200px; height: 450px; position: relative; overflow: hidden; } .banner .list{ width: 12000px; height: 450px; position: absolute; } .banner .list li{ width: 1200px; height: 450px; float: left; } .banner .list li img{ width:1200px; height:450px; } .prev{ display: block; width: 50px; height: 50px; position: absolute; cursor: pointer; left: 0; top: 50%; transform: translateY(-50%); } .next{ display: block; width: 50px; height: 50px; position: absolute; cursor: pointer; right: 0; top: 50%; transform: translateY(-50%); } #clum2{ width: 100%; height: 441px; background-color: #f3f3f3; padding-top: 20px; padding-bottom: 20px; } #clum2 .cont{ width: 1200px; height: 441px; margin: 0 auto; } #clum2 .left{ width: 882px; height: 441px; float: left; background-color: #fff; } #clum2 .right{ width: 300px; height: 441px; float: right; /*background-color: #fff;*/ } .title{ border: 1px solid #dfdfdf; height: 38px; background-image: url(/eportal/fileDir/cgzx/resource/cms/2018/03/title_bg.jpg); border-bottom: 2px solid #145AB0; } .title h2{ line-height: 38px; font-size: 16px; font-weight: normal; float: left; background: url(/eportal/fileDir/cgzx/resource/cms/2018/03/bg.png) no-repeat left center; padding-left: 25px; margin-left: 15px; color: #000; } .more{ float: right; margin-right: 12px; line-height: 38px; color: #000000; } .slide_news{ width: 862px; height: 340px; padding: 25px 10px; } .imgbox{ width: 453px; height: 340px; float: left; overflow: hidden; position: relative; } .imglist{ width: 2000px; height: 340px; position: absolute; } .imglist li{ width: 453px; height: 340px; position: absolute; } .imglist li img{ width: 453px; height: 340px; } .imglist li p{ width: 100%; height: 36px; line-height: 36px; background: rgba(0,0,0,0.6); position: absolute; left: 0; bottom: 0; padding-left: 15px; } .imglist li p a{ color: #fff; } .btn_list{ width: 102px; height: 15px; position: absolute; right: 5px; bottom: 10px; z-index: 9; } .btn_list li{ float: left; margin-right: 2px; width: 15px; height: 15px; line-height: 14px; font-size: 12px; text-align: center; background: #aaa; cursor: pointer; color: #fff; } .btn_list .active{ float: left; margin-right: 2px; width: 15px; height: 15px; line-height: 14px; font-size: 12px; text-align: center; cursor: pointer; background: #ff6605; color: #fff; } .newslist{ width: 368px; height: 340px; float: right; } .newslist li{ width: 358px; height: 38px; line-height: 38px; padding-left:10px ; background: url(/eportal/fileDir/cgzx/resource/cms/2018/03/icon.png) no-repeat left center; } .newslist li p { float: left; } .newslist li p a{ color: #000; font-size:14px; } .newslist li p a:hover{ color: #145AB0; } .newslist li span{ float: right; color: #999; } #clum2 .top{ height: 195px; margin-bottom: 10px; } .top .tit{ height: 42px; line-height: 42px; background-color: #145AB0; } .tit a{ display: block; height: 42px; line-height: 42px; } .tit a h2{ font-size: 16px; color: #fff; font-weight: normal; float: left; padding-left:20px ; } .tit a span{ float: right; font-size: 16px; margin-right: 5px; color: #fff; } .notice_list{ height: 133px; padding: 10px 0; } .notice_list ul{ width: 280px; height: 133px; padding-left: 20px; } .notice_list ul li{ height: 35px; } .notice_list ul li a{ display: block; height: 35px; line-height: 35px; } .bottom{ height: 226px; } .bottom .tit{ height: 42px; background-color: #145AB0; } .bottom .tit h2{ font-size: 16px; color: #fff; font-weight: normal; padding-left: 20px; line-height: 42px; } .work{ height: 164px; padding: 15px 18px ; background:#fff; } .work ul{ height: 144px; } .work ul li{ width: 132px; height: 72px; float: left; text-align: center; margin-bottom: 10px; } .work ul li a img{width:43px;height:39px;} #clum3{ width: 100%; height: auto; padding-bottom:50px; background-color: #f3f3f3; } #clum3 .cont{ width: 1200px; margin: 0 auto; } #clum3 .left{ width: 882px; float: left; } #clum3 .right{ width: 300px; float: right; } .left .lt{ width: 430px; height: 310px; float: left; } .left .rt{ width: 430px; height: 310px; float: right; } .img img{ width: 882px; /*height: 110px;*/ height:auto; margin-bottom: 10px; } .cont h3{ font-size: 15px; height: 60px; line-height: 60px; color: #145AB0; } .gglist{ width: 406px; height: 250px; padding: 12px; background-color: #fff; } .gglist li{ height: 35px; line-height: 35px; padding-left: 15px; background: url(/eportal/fileDir/cgzx/resource/cms/2018/03/bgs.png) no-repeat left center; } .gglist li p{ float: left; } .gglist li p a{ color: #000000; } .gglist li p a:hover{ color: #145AB0; } .gglist li span{ float: right; color: #999; } #clum3 .right{ width: 300px; height: 444px; float: right; } #clum3 .top{ height: 207px; background-color: #FFFFFF; margin-bottom: 17px; } #clum3 .top h2{ font-size: 16px; color: #fff; font-weight: normal; float: left; padding-left: 20px; } .notice_list{ background-color: #fff; } #frendly_link .title{ margin-top: 20px; width: 1200px; height: 40px; background: url(/eportal/fileDir/cgzx/resource/cms/2018/03/frendly.png) no-repeat #145ab0; } .linklist{ height: 45px; background-color: #fff; padding: 20px 0; } .linklist li{ width: 130px; text-align: center; float: left; margin:0 10px; } .linklist li a{ display: block; width: 130px; border: 1px solid #eee; } .linklist li a img{ width: 100%; height:45px; }