#main .topbox {margin-bottom: 30px;} #main .marquee {width: 800px; height: 440px; float: left;} #main .topnews {width: 370px; height: 440px; float: left; margin-left: 30px;} .topnews h2 {font-size: 22px; color: #333; font-weight: normal;} .topnews li a {color: #333;} .topnews li a:hover {color: #3773db;} .yaowen {padding-bottom: 4px;} .yaowen h2 {width: 69px; height: 41px; line-height: 20px; margin-bottom: 10px; text-align: center; background: no-repeat center bottom;} .yaowen li {font-size: 16px; margin-bottom: 17px;} .yaowen li:before { content: ""; display: inline-block; width: 4px; height: 4px; background-color: #000; border-radius: 50%; vertical-align: middle; margin-right: 10px; } .gonggao {height: 110px; background: #f7f8f9; padding: 15px 18px;} .gonggao h2 img {margin-left: 8px;} .gonggao li {line-height: 26px;} #main .centerbox .left {width: 870px; float: left; } #main .centerbox .left .ad {margin-bottom: 14px;} .newsleft {float: left; width: 420px;} .newsright {float: left; width: 420px; padding-left: 30px;} .newslist li { float: left; line-height: 34px; width: 435px;} .newslist li:before { content: ""; display: inline-block; width: 4px; height: 4px; background-color: #000; border-radius: 50%; vertical-align: middle; margin-right: 10px; } .newslist li a {color: #333;} .newslist li a:hover {color: #3773db;} .newsbox1 {padding-bottom: 20px;} .newsbox1 .newslist li {width: 435px;} .newsbox2 {width: 420px; margin-bottom: 25px;} .newsbox2 .newslist .first {width: 420px; height: 355px; background: #f7f7f7; margin-bottom: 18px;} .newsbox2 .newslist .first:before,.newsbox2 .newslist .second:before { display: none; } .newsbox2 .newslist .first img {display: block; width: 420px; height: 276px; margin-bottom: 18px;} .newsbox2 .newslist .first h3 {font-size: 16px; color: #01479e; padding: 0 15px; line-height: 20px; font-weight: normal;} .newsbox2 .newslist .first a:hover h3 {text-decoration: underline;} .newsbox2 .newslist .first div {color: #a3a1a0; background: no-repeat left center; padding-left: 24px; margin-left: 15px;} .newsbox2 .newslist .second {list-style: outside none;} .newsbox2 .newslist .second dl {padding-bottom: 14px; border-bottom: 1px dashed #d9d9da; margin-bottom: 10px;} .newsbox2 .newslist .second dt {width: 260px; float: left; padding-left: 15px;} .newsbox2 .newslist .second dd {width: 140px; float: left;} .newsbox2 .newslist .second a:hover h3 {color: #3773db;} .newsbox2 .newslist .second dd img {width: 140px; height: 92px;} .newsbox2 .newslist .second h3 {font-size: 16px; color: #333; font-weight: normal; margin-bottom: 6px;} .newsbox2 .newslist .second p {color: #909090; line-height: 22px;} .newsbox3 {padding-bottom: 25px;} .newsbox3 .list {background: #f7f8f9; padding: 14px; padding-bottom: 0;} .newsbox3 .list li {padding-bottom: 12px;} .newsbox3 .list dd {width: 120px; float: left;} .newsbox3 .list a:hover dt {color: #3773db;} .newsbox3 .list dt {width: 142px; float: left; padding-left: 10px; line-height: 26px;} .newsbox3 .list img {width: 120px; height: 80px;} #main .centerbox .right {width: 300px; float: left; margin-left: 30px;} #main .centerbox .right .ad {margin-bottom: 27px;} .third {width: 300px; height: 280px; background: #f7f7f7;} .third img {display: block; width: 300px; height: 198px; margin-bottom: 18px;} .third h3 {font-size: 16px; color: #01479e; padding: 0 15px; line-height: 20px; font-weight: normal; margin-bottom: 8px;} .third a:hover h3 {text-decoration: underline;} .third div {color: #a3a1a0; background: no-repeat left center; padding-left: 24px; margin-left: 15px;} #main .bottombox {margin-bottom: 30px;} .ad1 {width: 870px; height: 80px;} .ad2 {width: 300px; height: 282px;} .ad3 {width: 1200px; height: 90px;} .marquee .swiper-container { width: 800px; height: 440px; position: relative; } .marquee img {width: 800px; height: 440px;} .marquee .img {position: relative;} .marquee p {width:100%; height: 50px; line-height: 50px; text-align: center; background: rgba(0,0,0,0.6); position: absolute; left: 0; bottom: 0; font-size: 22px; color: #fff;} .swiper-pagination-bullet {background: #fff; opacity: 1;} .swiper-pagination-bullet-active {background: #c50018; width: 30px; border-radius: 5px;} .swiper-pagination-bullets span {vertical-align: middle;} .swiper-container-horizontal > .swiper-pagination-bullets {bottom: 70px;} .swiper-button-prev {background: no-repeat; width: 44px; height: 74px; left: 0; top: 180px;} .swiper-button-next {background: no-repeat; width: 44px; height: 74px; right: 0; top: 180px;}