.list-title1{ width: 100%; height: 42px; border-bottom: 2px solid #eeeeee; color: #999999; } .list-title1 .title{ display: inline-block; height: 38px; font-size: 24px; float: left; } .list-title1 span a{ color: #999999; } .list-title1 .title .title{ margin-left: 32px; } .list-title1 .title.active{ border-bottom: 4px solid #165199; } .list-title1 .title.active a{ color: #165199; } .list-title1 .more{ display: inline-block; float: right; font-size: 16px; line-height: 26px; } .list-title1 .more a{ vertical-align: middle; } .list-title1 .more a a{ display: none; } .list{ width: 100%; } .list ul li{ white-space: nowrap; font-size: 16px; height: 30px; line-height: 30px; } .list ul li a{ color: #777777; } .list ul li.recommend{ font-size: 18px; height: 36px; line-height: 36px; font-weight: bold; } .list ul li.recommend a{ color: #165199; } .list ul li a:hover{ color: #165199; } .list .list{ display: none; } .list-title2{ height: 62px; line-height: 60px; font-size: 20px; font-weight: bold; } .list-title2 a{ color: #0853ae; } .list-title2 a span.name{ color: #666666; } .list-title2 a span.name.active{ color: #0853ae; } .list-title2 a span.more{ display: none; float: right; font-size: 40px; font-weight: normal; color: #666666; } .list-title2 a span.more.active{ display: inline-block; } .list2-body{ display: none; } .list2-body.active{ display: block; } .p10{ margin-top: 16px; position: relative; height: 99px; } .p10 a{ display: block; float: left; width: 1220px; height: 99px; } .p10 a a{ display: none; } .p10 .buttons{ position: absolute; bottom: 1px; left: 0; width: 100%; text-align: center; } .p10 .buttons span{ display: inline-block; width: 12px; height: 12px; background: #98b4c6; border-radius: 45px; cursor: pointer; margin: 0 2px; } .p10 .buttons span.active{ background: #acb532; } .p1{ margin-top: 16px; background-color: #f5f5f5; overflow: visible; } .p1 .line1{ width: 800px; float: left; } .p1 .line{ height: 55px; line-height: 55px; } .p1 .line{ overflow: visible; } .p1 .line .line{ border-top: 1px solid #d9d9d9; } .p1 .line span{ display: inline-block; float: left; font-size: 16px; position: relative; } .p1 .line span.title{ width: 93px; padding-left: 12px; color: #999999; } .p1 .line span span{ margin-left: 38px; } .p1 .line span.title span{ margin-left: 0; } .p1 .line.cities{ overflow: hidden; } .p1 .line.org{ padding-left: 105px; height: 60px; line-height: 60px; overflow: visible; display: none; } .p1 .line.org span{ font-weight: normal; } .p1 .line.org span a{ color: #666666; } .p1 .line.org span a:hover{ color: #c80023; } .p1 .line.cities .city i{ display: none; } .p1 .line.cities .city.focus i{ display: inline-block; position: absolute; width: 10px; height: 10px; bottom: -5px; left: 11px; background-color: #c80023; transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg); } .p1 .line.cities .city.focus a{ color: #c80023; font-weight: normal; } .p1 .line span .department{ display: none; position: absolute; width: auto; max-width: 680px; box-sizing: border-box; padding: 8px 10px; top: 49px; left: -10px; background-color: #ffffff; border-radius: 7px; z-index: 5; } .p1 .line span .department span{ display: inline-block; width: 144px; height: 32px; line-height: 32px; margin: 0 15px; } .p1 .province .department span{ font-weight: normal; } .p2{ height: 120px; margin-top: 24px; background-color: #f5f5f5; } .p2 .left{ width: 1172px; float: left; border-right: 1px solid #eeeeee; } .p2 .left h1{ height: 42px; margin: 23px 0 0 0; line-height: 42px; font-weight: bold; text-align: center; } .p2 .left h1 a{ color: #0853ae; font-size: 34px; } .p2 .left h1 a:hover{ color: red; } .p2 .left .subtitle{ height: 20px; font-size: 20px; line-height: 20px; margin-top: 16px; text-align: center; } .p2 .left .subtitle a{ color: #777777; } .p2 .right { width: 47px; float: right; } .p2 .right a{ display: inline-block; font-size: 14px; color: #999999; padding: 20px 15px; } .p3{ margin-top: 37px; } .p3 .left{ width: 788px; float: right; } .p3 .left .b1{ width: 100%; height: 444px; float: left; position: relative; } .p3 .right{ width: 391px; float: left; } .p3 .right .b1 .list1{ margin-top: 14px; } .p3 .right .b1 .list1 .title{ font-size: 20px; line-height: 40px; height: 40px; font-weight: bold; } .p3 .right .b1 .list1 .title a{ color: #165199; } .p3 .right .b1 .list1 .description{ font-size: 14px; line-height: 30px; max-height: 60px; } .p3 .right .b1 .list1 .description a{ color: #999999; } .p3 .right .b2{ margin-top: 24px; } .p3 .right .list-title1 .title.active{ font-weight: bold; } .p3 .right .b2 .list{ margin-top: 9px; } .p3 .p10{ margin-top: 35px; } .p7{ margin-top: 40px; } .p7 .row .row{ margin-top: 33px; } .p7 .row .block, .p8 .container .left{ width: 360px; float: left; border-top: 2px solid #0853ae; } .p7 .row .block .block{ margin-left: 70px; } .p7 .row .block .first, .p8 .container .left .first{ position: relative; width: 360px; height: 203px; margin-top: 8px; } .p7 .row .block .first .background, .p8 .container .left .first .background{ position: absolute; left: 0; bottom: 0; width: 100%; height: 36px; background: #000000; opacity: 0.8; } .p7 .row .block .first .title, .p8 .container .left .first .title{ position: absolute; left: 0; bottom: 0; width: 100%; height: 36px; line-height: 36px; font-size: 18px; text-align: center; } .p7 .row .block .first .title a, .p8 .container .left .first a{ color: #ffffff; } .p7 .row .block .list, .p8 .container .left .list{ width: 380px; margin-top: 12px; } .p7 .row .block .list li, .p8 .container .left .list li{ height: 30px; line-height: 30px; } .p7 .row .block .list li a, .p8 .container .left .list li a{ color: #787878; } .p8{ margin-top: 40px; } .p8 .list-title3{ height: 64px; background-color: #f5f5f5; font-size: 20px; font-weight: bold; text-align: center; line-height: 64px; border: none; color: #165199; } .p8 .list-title3 .title{ line-height: 64px; border: none; padding: 0 10px; } .p8 .list-title3 .title a{ color: #999999; } .p8 .list-title3 .title.active a{ color: #165199; } .p8 .list-title3 .title .title{ margin: 0; } .p8 .container{ margin-top: 40px; } .p8 .container .left{ width: 380px; float: left; } .p8 .container .right{ width: 1220px; } .p8 .container .right .newspaper{ width: 275px; float: left; } .p8 .container .right .newspaper .image{ width: 100%; height: 389px; background: #eeeeee; box-sizing: border-box; padding: 24px 20px; } .p8 .container .right .newspaper .title{ height: 48px; line-height: 48px; font-size: 16px; text-align: center; } .p8 .container .right .newspaper .newspaper{ margin-left: 40px; } .p8 .right .data{ display: none; } .qrcode{ position: fixed; width: 120px; right: 64px; top: 100px; } .qrcode .close{ width: 100%; height: 34px; text-align: center; margin-bottom: 12px; cursor: pointer; } .qrcode .close img{ width: 35px; height: 34px; } .qrcode .container{ width: 120px; height: 140px; background-color: #eeeeee; } .qrcode .container img{ display: block; width: 98px; height: 98px; margin: 11px auto 0; } .qrcode .container span{ display: inline-block; width:100%; height: 31px; line-height: 31px; font-size: 14px; text-align: center; } .qrcode .container .container{ margin-top: 8px; } .qrcode .ahrb{ box-sizing: border-box; width: 120px; height: 188px; } .qrcode .dy{ height: auto; } .qrcode .dy img{ height: auto; } .qrcode .ahrb img{ height: 146px; } .qrcode .ahrb span{ font-size: 14px; line-height: 31px; } .qrcode.left{ left: 64px; right: auto; width: 300px; }