.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: 62px; font-size: 24px; border-bottom: 2px solid #165199; font-weight: bold; padding: 0 23px; } .list-title2 a{ color: #165199; } .list-title2 a span{ display: inline-block; float: right; font-size: 40px; font-weight: normal; color: #666666; } .p1{ margin-top: 16px; background-color: #f5f5f5; overflow: visible; } .p1 .line1{ width: 800px; float: left; } .p1 .line{ height: 55px; line-height: 55px; overflow: visible; } .p1 .line span{ display: inline-block; float: left; font-size: 16px; position: relative; padding: 0 9px; } .p1 .line span.title{ padding: 0 0 0 12px; color: #999999; } .p1 .line span a { font-family: 黑体, serif; font-weight: bold; } .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: 86px; margin: 0; line-height: 86px; font-weight: bold; text-align: center; } .p2 .left h1 a{ color: #165199; font-size: 50px; } .p2 .left .container{ height: 20px; font-size: 16px; padding: 0 150px; } .p2 .left .container ul{ height: 80px; margin: 0; padding: 0; list-style: none; } .p2 .left .container ul li{ max-width: 247px; height: 20px; line-height: 20px; display: inline-block; white-space: nowrap; overflow: hidden; margin-left: 60px; } .p2 .left .container ul li:nth-child(3n 1){ margin-left: 0; } .p2 .left .container ul li 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 .list li{ height: 40px; line-height: 40px; font-size: 18px; } .p3 .right .list li a{ color: #165199; } .p3 .left{ width: 803px; float: left; } .p3 .left .b1{ width: 100%; height: 452px; float: left; position: relative; } .p3 .left .b2{ width: 100%; } .p3 .left .b2 .list-title1{ margin-top: 30px; } .p3 .left .b2 .list-title1 .more-links{ float: right; font-size: 16px; } .p3 .left .b2 .list-title1 .more-links a{ padding: 0 5px; } .p3 .left .b2 ul{ width: 100%; height: 239px; margin-top: 28px; } .p3 .left .b2 ul ul{ display: none; } .p3 .left .b2 ul li{ width: 240px; height: 239px; float: left; } .p3 .left .b2 ul li .thumb{ position: relative; width: 240px; height: 181px; } .p3 .left .b2 ul li .thumb .video{ position: absolute; width: 67px; height: 67px; left : 86px; top: 57px; } .p3 .left .b2 ul li .title{ width: 100%; height: 58px; line-height: 58px; font-size: 18px; } .p3 .left .b2 ul li li{ margin-left: 41px; } .p3 .left .b2 ul li:nth-last-child(1){ float: right; } .p3 .left .b3{ margin-top: 42px; } .p3 .left .b4{ width: 240px; float: right; } .p3 .left .b4 .list-title1 .title .title{ float: right; margin-left: auto; } .p3 .left .b4 .newspaper{ position: relative; width: 100%; height: 168px; margin-top: 20px; background-color: #f5f5f5; } .p3 .left .b4 .newspaper ul{ width: 1000px; height: 137px; margin-top: 15px; margin-left: -426px; } .p3 .left .b4 .newspaper ul ul{ display: none; } .p3 .left .b4 .newspaper ul li{ width: 174px; height: 117px; padding: 10px 6px; margin-left: 27px; float: left; background-color: #ffffff; } .p3 .left .b4 .newspaper .button{ position: absolute; width: 20px; height: 32px; top: 64px; cursor: pointer; } .p3 .left .b4 .newspaper .button.left{ left: 7px; } .p3 .left .b4 .newspaper .button.right{ right: 7px; } .p3 .left .b3 .b5{ width: 383px; float: left; } .p3 .left .b3 .b5 .column-title{ width: 100%; height: 44px; /*font-weight: bold;*/ font-size: 20px; } .p3 .left .b3 .b5 .column-title a{ color: #165199; } .p3 .left .b3 .b5 .first .thumb{ position: relative; width: 383px; height: 191px; margin-top: 20px; } .p3 .left .b3 .b5 .first .thumb .video{ position: absolute; left: 158px; top: 62px; width: 67px; height: 67px; } .p3 .left .b3 .b5 .first .title{ width: 100%; height: 44px; line-height: 44px; text-align: center; font-size: 16px; } .p3 .left .b3 .b5 .first .title a{ color: #222222; } .p3 .left .b3 .b5 .list ul{ padding-left: 30px; list-style-image: ; } .p3 .left .b3 .b5 .list ul li{ height: 34px; line-height: 34px; font-size: 16px; } .p3 .left .b6{ padding-top: 22px; width: 100%; } .p3 .left .b6 .b7{ width: 522px; float: left; } .p3 .left .b6 .b7 .body{ margin-top: 20px; width: 100%; } .p3 .left .b6 .b7 .body .chairman{ width: 122px; border-right: 2px solid #eeeeee; float: left; } .p3 .left .b6 .b7 .body .chairman .element{ width: 102px; } .p3 .left .b6 .b7 .body .chairman .element .element{ display: none; } .p3 .left .b6 .b7 .body .chairman img{ width: 102px; height: 128px; } .p3 .left .b6 .b7 .body .chairman span{ display: block; line-height: 20px; font-size: 14px; color: #165199; text-align: center; } .p3 .left .b6 .b7 .body .switch{ width: 100%; height: 14px; } .p3 .left .b6 .b7 .body .switch span{ background: #999999; display: block; float: left; width: 8px; height: 8px; border-radius: 4px; margin-left: 38px; cursor: pointer; } .p3 .left .b6 .b7 .body .switch span.active{ background: #d01f25; } .p3 .left .b6 .b7 .body .switch span span{ margin-left: 5px; } .p3 .left .b6 .b7 .body .vice{ width: 396px; float: right; } .p3 .left .b6 .b7 .body .vice span{ font-size: 16px; display: inline-block; float: left; width: 101px; min-height: 36px; margin-left: 30px; } .p3 .left .b6 .b7 .body .vice span a{ vertical-align: top; } .p3 .right{ width: 387px; float: right; } .p3 .right .b1 .chairman{ width: 100%; height: 70px; margin-bottom: 20px; } .p3 .right .b1 .chairman .element{ display: inline-block; box-sizing: border-box; float: left; width: 185px; height: 70px; line-height: 52px; padding: 9px 10px; background: #f5f5f5; } .p3 .right .b1 .chairman .element a{ font-size: 12px; vertical-align: middle; } .p3 .right .b1 .chairman .element a img{ width: auto; height: 46px; margin-right: 10px; vertical-align: middle; } .p3 .right .b1 .chairman .element .element{ float: right; } .p3 .right .b1 .list{ margin-top: 16px; } .p3 .right .b2{ margin-top: 14px; } .p3 .right .list-title1 .title.active{ font-weight: bold; } .p3 .right .b2 .list{ margin-top: 9px; } .p3 .right .b3{ margin-top: 4px; } .p3 .right .b3 .list{ margin-top: 24px; } .p3 .right .b4{ margin-top: 15px; } .p6{ height: 200px; margin-top: 40px; background-color: #f5f5f5; } .p6 .column-title{ width: 48px; height: 100%; float: left; background-color: #d01f25; font-size: 20px; /*font-weight: bold;*/ } .p6 .column-title a{ display: inline-block; padding: 48px 14px; color: #ffffff; } .p6 .button{ width: 60px; height: 200px; float: left; line-height: 200px; text-align: center; cursor: pointer; } .p6 .button img{ width: 12px; height: 20px; } .p6 .container{ width:1052px; height: 156px; float: left; margin: 22px 0; } .p6 .container ul{ width: 2000px; height: 156px; overflow: hidden; } .p6 .container ul li{ width: 248px; height: 156px; float: left; } .p6 .container ul li li{ margin-left: 20px; } .p7{ margin-top: 40px; } .p7 .row .row{ margin-top: 33px; } .p7 .row .block{ width: 380px; float: left; } .p7 .row .block .block{ margin-left: 40px; } .p7 .row .block .first{ position: relative; width: 380px; height: 214px; margin-top: 8px; } .p7 .row .block .first .background{ position: absolute; left: 0; bottom: 0; width: 100%; height: 36px; background: #000000; opacity: 0.8; } .p7 .row .block .first .title{ position: absolute; left: 0; bottom: 0; width: 100%; height: 36px; line-height: 36px; font-size: 16px; text-align: center; } .p7 .row .block .first .title a{ color: #ffffff; } .p7 .row .block .list{ width: 100%; margin-top: 12px; box-sizing: border-box; padding: 12px 23px; } .p7 .row .block .list li{ height: 38px; line-height: 38px; font-size: 18px; } .p7 .row .block .list li a{ color: #222222; } .p8{ margin-top: 40px; } .p8 .list-title3{ height: 64px; background-color: #f5f5f5; font-size: 24px; 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{ height: 344px; margin-top: 12px; } .p8 .container .container{ display: none; } .p8 .container .c1{ width: 296px; float: left; } .p8 .container .c2{ width: 610px; float: left; margin-left: 9px; } .p8 .container .c2 .c1{ margin-left: 9px; } .p8 .container .article{ position: relative; } .p8 .container .article .background{ position: absolute; left: 0; bottom: 0; width: 100%; height: 36px; background-color: #000000; opacity: 0.8; } .p8 .container .article .title{ position: absolute; left: 0; bottom: 0; width:100%; height: 36px; line-height: 36px; text-align: center; font-size: 16px; } .p8 .container .article .title a{ color: #ffffff; } .p8 .container .c1 .article{ width: 100%; height: 168px; } .p8 .container .c1 .article .article{ margin-top: 8px; } .p8 .container .c2 .article{ height: 344px; } .qrcode{ position: fixed; width: 140px; 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: 140px; height: 160px; background-color: #eeeeee; } .qrcode .container img{ display: block; width: 98px; height: 98px; margin: 20px auto 0; } .qrcode .container span{ display: inline-block; width:100%; height: 42px; line-height: 42px; font-size: 14px; text-align: center; } .qrcode .container .container{ margin-top: 8px; } .qrcode .fzahw{ height: 47px; } img.video{ /*display: none;*/ } .p9 img{ margin-top: 16px; }