@charset "utf-8"; .body { width: 100%; min-width: 1200px; font-size: 12px; font-family: '瀹嬩綋',Arial; background: url(bg-body.jpg) top no-repeat; } #welcome { background: url(sifa_welcome.jpg) no-repeat 0 5px; padding-top: 5px; background-color: #ffffff; height: 46px; margin: 0 auto; width: 1022px; } #welcome .date { width: 165px; height: 41px; line-height: 41px; margin-left: 280px; _margin-left: 140px; color: #000; font-size: 14px; float: left; } #welcome .search1 { float: right; width: 370px; height: 41px; background: url(sifa_allsearch.jpg) no-repeat; } #welcome .sreach1_l { width: 106px; height: 41px; float: left; text-align: center; margin-top: 13px; margin-left: 12px; _margin-left: 8px; color: #0e51a0; font-weight: 700; font-size: 12px; } #welcome .input { border: 1px solid #999; height: 22px; line-height: 22px; margin-top: 8px; float: left; width: 120px; } #welcome .searchBtn { border: none; width: 49px; height: 20px; margin-left: 2px; margin-top: 10px; background: url(sifa_searchbtn.jpg) no-repeat; } .box { width: 1022px; padding-top: 20px; background: #ffffff; margin: 0 auto; } .box-1 { width: 100%; height: 320px; } .box-1-1 { width: 500px; height: 320px; float: left; margin-right: 20px; } .box-1-2 { width: 502px; height: 320px; float: left; } .box-1-2 .head { font-weight: bold; width: 100%; height: 39px; border-bottom: 1px solid #dcdcdc; } .box-1-2 .head ul { font-weight: bold; height: 39px; float: left; } .box-1-2 .head li { font-weight: bold; float: left; height: 39px; color: #666666; font-size: 17px; } .box-1-2 .head li span { font-weight: bold; border-right: 1px solid #666666; padding: 0 15px; float: left; cursor: pointer; } .box-1-2 .head li.active { font-weight: bold; border-bottom: 3px solid #355e92; color: #355e92; } .box-1-2 .head .more { font-weight: bold; float: right; color: #333333; font-size: 15px; padding-right: 15px; } .box-1-2 .cont { width: 100%; height: 281px; padding-top: 10px; } .box-1-2 .list { width: 100%; padding-right: 15px; } .box-1-2 .list li { height: 35px; line-height: 35px; font-size: 13px; padding-left: 15px; background: url(red-point.png) no-repeat left center; border-bottom: dotted 1px #4b4b4b; padding-right: 5px; } .box-1-2 .list li span { float: right; } .box-2 { width: 100%; height: 282px; margin: 0 auto; margin-top: 25px; } .box-2-1 { width: 260px; height: 282px; float: left; margin-right: 7px; border: 1px solid #cae1f1; } .box-2-1 .head { font-weight: bold; width: 100%; height: 30px; line-height: 30px; background: #3694ca; font-size: 12px; color: #ffffff; } .box-2-1 .head ul li { font-weight: bold; height: 30px; line-height: 30px; width: 100px; color: #ffffff; text-align: center; float: left; } .box-2-1 .head ul li.active { font-weight: bold; background: url(bg-ac.png) no-repeat; background-size: 100% 100%; } .box-2-1 .head .more { font-weight: bold; float: right; } .box-2-1 .head .more a { font-weight: bold; float: left; height: 30px; width: 60px; padding-top: 10px; } .box-2-1 .list { width: 100%; padding: 0 10px; } .box-2-1 .list li { line-height: 30px; border-bottom: dotted 1px #ababab; background: url(red-point-2.jpg) no-repeat 5px center; text-align: left; padding-left: 20px; font-size: 12px; } .box-2-1 .list li:last-child { border: none; } .box-2-2 { width: 748px; height: 282px; float: left; border: 1px solid #cae1f1; } .box-2-2 .head { font-weight: bold; width: 100%; height: 30px; background: #3694ca; } .box-2-2 .head ul li { font-weight: bold; height: 30px; line-height: 30px; width: 100px; color: #ffffff; text-align: center; float: left; } .box-2-2 .head ul li.active { font-weight: bold; background: url(bg-ac.png) no-repeat; background-size: 100% 100%; } .box-2-2 .head .more { font-weight: bold; float: right; } .box-2-2 .head .more a { font-weight: bold; float: left; height: 30px; width: 60px; padding-top: 10px; } .box-2-2 .cont { width: 100%; padding: 0 10px; } .box-2-2 .cont ul li { border-bottom: dotted 1px #4b4b4b; /* height: 30px; */ line-height: 30px; background: url(black-point.jpg) left center no-repeat; padding-left: 15px; font-size: 12px; } .box-2-2 .cont ul li:last-child { border: none; } .box-2-2 .cont ul li span { float: right; padding-right: 5px; } .box-3 { width: 100%; height: 110px; margin: 0 auto; margin-top: 25px; } .box-3 img { width: 100%; height: 100%; } .box-4 { width: 100%; height: 263px; margin: 0 auto; margin-top: 19px; } .box-4-1 { width: 260px; height: 282px; float: left; border: 1px solid #cae1f1; margin-right: 7px; } .box-4-1 .head { font-weight: bold; width: 100%; height: 30px; line-height: 30px; background: #3694ca; font-size: 12px; color: #ffffff; } .box-4-1 .head ul li { font-weight: bold; height: 30px; line-height: 30px; width: 100px; color: #ffffff; text-align: center; float: left; } .box-4-1 .head ul li.active { font-weight: bold; background: url(bg-ac.png) no-repeat; background-size: 100% 100%; } .box-4-1 .head .more { font-weight: bold; float: right; } .box-4-1 .head .more a { font-weight: bold; float: left; height: 30px; width: 60px; padding-top: 10px; } .box-4-1 .cont { width: 100%; height: 252px; padding: 15px 9px; } .box-4-1 .cont .list li { height: 34px; line-height: 34px; border-bottom: 1px dotted #cccccc; font-size: 12px; background: url(red-point-2.jpg) no-repeat 5px center; padding-left: 20px; } .box-4-1 .cont img { width: 100%; height: 79px; } .box-4-2 { width: 513px; height: 282px; float: left; margin-right: 7px; } .box-4-2 .head { font-weight: bold; width: 100%; height: 30px; background: #3694ca; } .box-4-2 .head .more { font-weight: bold; float: right; } .box-4-2 .head .more a { font-weight: bold; float: left; height: 30px; width: 60px; padding-top: 10px; } .box-4-2 .head ul li.active { font-weight: bold; background: url(bg-ac.png) no-repeat; background-size: 100% 100%; } .box-4-2 .head ul li { font-weight: bold; height: 30px; line-height: 30px; width: 100px; color: #ffffff; text-align: center; float: left; } .box-4-2 .cont { width: 100%; height: 252px; border: 1px solid #cae1f1; border-top: none; padding: 20px; } .box-4-2 .cont .title { width: 100%; line-height: 25px; height: 30px; font-size: 15px; color: #036bab; } .box-4-2 .cont .letter { width: 100%; } .box-4-2 .cont .letter .qr-code { width: 80px; height: 80px; margin-top: 10px; float: left; margin-right: 20px; } .box-4-2 .cont .letter .way { width: 370px; height: 94px; float: left; } .box-4-2 .cont .letter .way p { font-size: 12px; line-height: 25px; } .box-4-2 .cont .letter .war .first { color: #036bab; } .box-4-2 .online-petition { float: left; width: 100%; height: 60px; margin-top: 28px; } .box-4-3 { width: 235px; height: 282px; float: left; border: 1px solid #cae1f1; } .box-4-3 .head { font-weight: bold; width: 100%; height: 30px; line-height: 29px; background: url(bg-xxgk.jpg) no-repeat; font-size: 12px; color: #ffffff; padding-left: 20px; } .box-4-3 .cont { width: 100%; height: 252px; padding: 0 9px; } .box-4-3 .cont .list li { height: 34px; line-height: 34px; border-bottom: 1px dotted #cccccc; font-size: 12px; background: url(prefix.jpg) no-repeat left center; padding-left: 20px; } .box-5 { width: 100%; height: 105px; margin: 0 auto; margin-top: 25px; border: 1px solid #cae1f1; } .box-5 .head { font-weight: bold; width: 100%; height: 30px; line-height: 29px; background: url(bg-xxgk.jpg) no-repeat; font-size: 12px; color: #ffffff; padding-left: 20px; } .box-5 .cont ul { width: 100%; padding: 0 5%; overflow: hidden; } .box-5 .cont ul li { width: 33%; float: left; text-align: center; height: 75px; line-height: 70px; } .box-5 .cont ul li img { width: 170px; height: 40px; } .newimg { float: left; padding-top: 10px; }