body { background: #f3f2f0; } .float-right { float: right; } .float-left { float: left; } .margin-top { margin-top: 40px; } @media only screen and (max-width : 1100px) { body { width: 1200px; } } .btn-list { background: #d1e4fa; height: 60px; margin: 20px 0px; } .btn-list li { float: left; width: 33.3%; text-align: center } .public-container { position: relative; margin: 0 auto; width: 1200px; } .public-header { height: 140px; background: #052c57; } .public-header .public-container { height: 180px; } .public-header .alogo { float: left; padding-top: 10px; padding-left: 10%; } .public-header .toplogo { float: left; padding-top: 10px; } .public-header .slogan { float: left; padding-top: 35px; padding-left: 30px; } .public-header .search-form { display: inline-block; margin-top: 20px; padding: 5px; } .public-header .search-form .input { width: 203px; padding: 0 15px; font-size: 13px; height: 33px; line-height: 33px; border: solid 1px #e5322b; } .public-header .search-form .submit { width: 68px; height: 33px; text-align: center; font-size: 16px; color: #fff; background-color: #1f81bf; cursor: pointer; font-family: 'microsoft yahei'; } .public-header .topinfo { float: left; width: 274px; padding-top: 15px } .public-header .topinfo .search { margin: 0px 0px 0; width: 328px; } .public-header .topinfo .search img { margin-left: 5px; margin-bottom: 10px; } #search-text { width: 148px; height: 34px; border: none; outline: medium; float: left; color: #e5322b; line-height: 23px; font-size: 12px; padding: 0px 5px; } #search-submit { width: 50px; height: 34px; background-color: #1f81bf; background-image: ; background-repeat: no-repeat; background-position: center; border: none; outline: medium; cursor: pointer; } .public-nav { height: 48px; background: #fff; } .header-menu { z-index: 100; padding: 0px; margin: 0px; list-style-type: none; } .header-menu ul { left: -9999px; position: absolute; top: -9999px; z-index: 100; background: #55c8ff; padding: 0px; margin: 0px; list-style-type: none; } .header-menu li { float: left; } .header-menu li li { float: none; } .header-menu li a li { float: left } .header-menu li a { width: 198px; display: block; float: left; color: #000; white-space: nowrap; height: 28px; line-height: 28px; text-decoration: none; text-align: center; font-size: 20px; padding: 10px 0px; } .header-menu li a span { font-size: 10px; text-transform: uppercase; font-family: arial, helvetica, sans-serif } .header-menu li li a { float: none; line-height: 28px; height: 28px; border-bottom: 1px solid #fff; font-size: 14px; } .header-menu li:hover { z-index: 100; position: relative; } .header-menu a:hover { z-index: 100; background: #052c57; color: #fff; position: relative; } .header-menu li:hover>a { background: #052c57; color: #fff; } .header-menu :hover ul { z-index: 300; left: 0px; top: 50px } .header-menu a:hover ul { left: -1px } .public-footer { height: 210px; background: #e5322b; } .public-footer .public-container { text-align: center; font-size: 16px; color: #ffffff; } .public-footer .footer-l { padding-top: 30px; float: left } .public-footer .footer-r { padding: 30px 0px 0px 40px; float: left; } .public-footer p { font-size: 14px; color: #ffffff; line-height: 30px; text-align: left } .public-footer a { color: #ffffff; display: block; padding: 0px 5px; float: left } .public-footer a:hover { color: #ffcc00 } .public-footer .footer-l h1 { font-size: 22px; text-align: left; } .public-footer .footer-l span { border-bottom: 2px #fff solid } .bottom { background: #052c57; height: 100px; width: 100%; } .bottom .line { border-bottom: solid 1px #074f9e; padding-bottom: 6px } .bottom p { font-size: 12px; color: #fff; line-height: 24px; text-align: center; padding-top: 10px; } .clearfix { clear: both; } .heighttab1 { height: 40px; width: 1px; overflow: hidden; } .mg-top { margin-top: 40px; } .mg-right { margin-right: 30px; } .banner { height: 372px; } .banner img { width: 100%; height: 100%; } .content { background: #fff; } .topnews { width: 100%; } .topnews h1 { font-size: 36px; color: #ff3923; text-align: center; } .topnews p { font-size: 14px; color: #1768b1; text-align: center } .topnews a { color: #1768b1; } .topnews a:hover { text-decoration: none; color: #1768b1; } .xwgg { overflow: hidden; padding: 20px 10px; box-shadow: 10px 10px 5px #e2e1df; } .xwgg .left { float: left; width: 398px; height: 315px; } .xwgg .c-box { float: left; width: 372px; margin-left: 10px; } .xwgg .c-box .news_tit { border-bottom: solid 1px #dddddd; height: 32px } .xwgg .c-box .news_tit span { float: left; font-size: 18px; line-height: 24px; font-weight: bold; color: #46434e; height: 32px; display: block; width: 80px; border-bottom: solid 2px #052c57; padding-left: 10px; } .xwgg .c-box .news_tit .news-more { float: right; display: block; padding: 6px 0px 0px 0px; font-size: 14px; color: #666666; font-weight: 100; border-bottom: none; text-align: right; } .xwgg .xwgg-top { width: 100%; height: 160px; border-bottom: solid 1px #a1a1a1; } .xwgg .xwgg-top h1 { font-size: 24px; color: #ff3923; } .xwgg .xwgg-top p { font-size: 20px; color: #46434e; line-height: 32px; text-indent: 2em; } .xwgg .xwgg-top h1 a { font-size: 24px; color: #ff3923; } .xwgg .xwgg-list { padding: 12px 0px; overflow: hidden; } .xwgg .xwgg-list li { font-size: 14px; color: #333333; width: 370px; height: 38px; line-height: 38px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .xwgg .xwgg-list li span { float: right; display: block; } /*.xwgg .xwgg-list li:before { content: ''; height: 4px; width: 4px; border-radius: 50%; display: inline-block; margin-bottom: 3px; margin-right: 5px; background: #000000; }*/ .news-box { width: 580px; float: left; margin-bottom: 20px; } .news-title { border-bottom: solid 1px #e5322b; margin: 10px 0px 20px; text-align: left; height: 40px } .news-title h2 { color: #e5322b; font-size: 26px; width: 140px; text-align: left; padding-bottom: 16px; display: block; float: left } .news-title span { float: right; display: block; padding: 0px; padding-top: 10px; } .news-top { width: 100%; height: 120px; } .news-top img { float: left; padding-right: 20px } .news-box h1 { font-size: 22px; color: #e5322b; } .news-box h1 a { font-size: 22px; color: #e5322b; } .news-box p { font-size: 20px; color: #46434e; line-height: 36px; padding: 10px 0px; text-align: left } .news-box .news-list { padding: 12px 0px; overflow: hidden; } .news-box .news-list li { font-size: 20px; color: #46434e; height: 50px; line-height: 50px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .news-box .news-list li span { font-size: 16px; color: #b8b8b8; display: block; float: right } .news-box .news-list a { display: block; color: #404648; width: 450px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; float: left; } .gzsc-list { width: 100%; } .gzsc-list li { background: #f3f3f3; margin: 12px 0px; height: 120px; } .gzsc-list li .txt { float: left; width: 320px; margin: 15px 20px 10px 30px; } .gzsc-list li .txt h3 { font-size: 22px; height: 22px; } .gzsc-list li .txt img { float: none; margin-left: 10px } .gzsc-list li .txt p { font-size: 20px; line-height: 28px } .gzsc-list li img { float: right } .ppjs-list { width: 100%; margin-left: 10px; } .ppjs-list li { width: 32%; float: left; margin: 1px 2px } .ppjs-list li img { width: 100%; margin-right: 2% } .qsnyf-list { width: 42%; float: left; margin-left: 8% } .qsnyf-list li { font-size: 22px; line-height: 66px; font-weight: bold } .newslist2 { width: 750px; } .news-box2 { width: 750px; float: left; padding-bottom: 20px; } .news-title2 { border-bottom: solid 1px #ebeeef; margin: 10px 0px 20px; text-align: left; height: 40px } .news-title2 h2 { color: #1b5284; font-size: 20px; border-bottom: solid 2px #ea5335; width: 100px; text-align: left; padding-bottom: 16px; display: block; float: left } .news-title2 span { font-size: 12px; text-transform: uppercase; font-family: arial, helvetica, sans-serif; text-align: left; display: inline; width: 275px; display: block; float: left; padding-top: 14px; } .news-box2 img { float: left; padding-right: 50px; } .news-box2 h1 { font-size: 16px; color: #404648; } .news-box2 p { font-size: 14px; color: #878c8e; line-height: 26px; padding: 20px 0px 40px; text-align: left } .news-box2 .news-list { padding: 12px 0px; overflow: hidden; border-top: 1px dashed #80808070; width: 750px; } .news-box2 .news-list li { font-size: 14px; color: #404648; height: 30px; line-height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .news-box2 a { color: #404648; } .c-box { float: right; width: 340px; } .b-line { border-left: solid 1px #d8d8d8; padding-left: 10px; height: 310px } .ad { width: 1200px; margin: 20px auto; } .long-title { border-bottom: solid 1px #e5322b; margin: 10px 0px 20px; text-align: left; height: 40px } .long-title h2 { color: #e5322b; font-size: 22px; width: 120px; text-align: left; padding-bottom: 16px; display: block; float: left } .long-title span { font-size: 12px; text-transform: uppercase; font-family: arial, helvetica, sans-serif; text-align: left; display: inline; width: 240px; display: block; float: left; padding-top: 14px; } .subtitle { float: left; } .lm { height: 360px; } .lm .lm-box { float: left; width: 380px; margin-right: 30px; height: 100%; overflow: hidden; } .lm .lm-box:last-child { margin-right: 0; } .lm-title { height: 50px; border-bottom: 1px solid #036ba6; position: relative; } .lm-title .lm-left { position: absolute; font-size: 24px; color: #0c8cd5; left: 0px; bottom: 0px; padding-left: 20px; padding-bottom: 5px; padding-right: 10px; border-bottom: 1px solid #036ba6; } .lm-title .lm-right { position: absolute; font-size: 12px; right: 14px; bottom: 9px; } .lm-list { padding: 12px; height: 286px; overflow: hidden; } .lm-list li { font-size: 16px; width: 350px; height: 38px; line-height: 50px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .lm-list li:before { content: ''; height: 4px; width: 4px; border-radius: 50%; display: inline-block; margin-bottom: 3px; margin-right: 5px; background: #000000; } .xyfg { height: 340px; background: #ffffff; margin-bottom: 10px; } .xyfg .xyfg-img { height: 231px; padding: 18px 16px 40px; } .xyfg .xyfg-img .swiper-slide { width: 349px; height: 233px; } .xyfg .xyfg-img .swiper-slide img { width: 100%; height: 100%; } .link { background: #ffffff; } .link p { white-space: nowrap; } .link .link-list { margin: 30px 5px 0px; font-size: 0; } .link .link-list img { width: 235px; height: 57px; margin: 1px 1px 30px; } .xwgg .swiper-button-next, .xwgg .swiper-button-prev { color: #ffffff; } .xwgg .swiper-pagination-bullet { border-radius: 0; width: 22px; height: 4px; background: #fff; /* opacity: 0.4; */ } .xwgg .swiper-pagination-bullet-active { opacity: 1; background: #fc6d41; } .xwggtitle { position: absolute; bottom: 30px; width: 80%; z-index: 3; border-radius: 5px; padding: 0 30px; /* background: rgba(0,0,0,0.4); */ } .xwggtitle h2 { color: #fff; font-size: 16px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; margin-bottom: 0; } .link-title { height: 30px; margin-bottom: 20px; } .link-title span { font-size: 18px; font-weight: bold; color: #333; line-height: 24px; } .link-title img { padding-right: 6px; } .link p { font-size: 14px; color: #333333; line-height: 30px } .contact { margin-left: 80px; float: left }