/* 顶部开始 */ .top{ height: 260px; background: no-repeat center; } .tops{ height: 49px; line-height: 49px; text-align: right; border-bottom: 1px solid #0e73ee; } .tops .w1180{ position: relative; } .tops ul li{ display: inline-block; } .tops ul li>img{ position: absolute; right: 119px; top: 49px; width: 100px; height: 100px; z-index: 9; display: none; } .tops ul li:hover img{ display: block; } .tops ul li a{ display: block; font-size: 14px; color: #ffffff; } .tops ul li em{ display: block; font-size: 14px; color: #ffffff; padding: 0 15px; } .tops ul li a:hover{ color: #efc605; } #weather-float-he{ left: 50% !important; z-index: 99 !important; margin-left: -590px !important; } .topx{ height: 210px; } .topx .logo{ float: left; width: 567px; height: 62px; margin-top: 71px; } .topx .search{ float: right; width: 405px; height: 48px; margin-top: 79px; } .topx .search .searchinp{ float: left; width: 310px; height: 48px; padding-left: 15px; padding-right: 45px; box-sizing: border-box; background: #ffffff; position: relative; } .topx .search .searchinp input{ display: block; width: 100%; height: 48px; line-height: 48px; font-size: 14px; color: #333333; outline: none; border: none; background: none; } .topx .search .searchinp input::placeholder{ font-size: 14px; color: #e5e5e5; } .topx .search .searchinp button{ position: absolute; right: 15px; top: 0; width: 18px; height: 48px; cursor: pointer; background: no-repeat center; } .topx .search .searchinp button:hover{ background: no-repeat center; } .topx .search>a{ float: right; width: 95px; height: 48px; line-height: 48px; text-align: center; font-size: 16px; color: #ffffff; background: #05a8f7; } .topx .search>a:hover{ background: #0c71e1; } /* 顶部结束 */ /* 导航开始 */ .nav{ height: 55px; line-height: 55px; text-align: center; background: no-repeat center; } .nav ul li{ display: inline-block; padding: 0 39px; background: no-repeat right center; } .nav ul li a{ display: block; font-size: 18px; color: #ffffff; } .nav ul li a:hover{ font-weight: bold; text-shadow: 3px 3px 3px #0052b2; } .nav ul li.on a{ font-weight: bold; text-shadow: 3px 3px 3px #0052b2; } /* 导航结束 */ /* 头条开始 */ .tou{ padding: 23px 0; background: #fafafa; margin-bottom: 30px; } .tou .toulink{ float: left; width: 88px; height: 45px; margin-left: 18px; } .tou h3{ float: left; width: 1053px; line-height: 45px; padding-left: 78px; box-sizing: border-box; } .tou h3 a{ float: left; max-width: 100%; font-size: 28px; color: #0c71e1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* 头条结束 */ /* 新闻切换开始 */ .newsleft{ float: left; width: 598px; position: relative; } .newsleft .bd ul li{ float: left; width: 598px; height: 335px; position: relative; } .newsleft .bd ul li>a{ display: block; width: 598px; height: 335px; overflow: hidden; } .newsleft .bd ul li>a img{ width: 598px; height: 335px; transition: transform 0.8s; -webkit-transition: transform 0.8s; -moz-transition: transform 0.8s; -o-transition: transform 0.8s; -ms-transition: transform 0.8s; } .newsleft .bd ul li>a:hover img{ transform: scale(1.08); -webkit-transform: scale(1.08); -moz-transform: scale(1.08); -o-transform: scale(1.08); -ms-transform: scale(1.08); } .newsleft .bd ul li h3{ position: absolute; left: 0; bottom: 0; width: 100%; height: 45px; line-height: 45px; padding-left: 20px; padding-right: 130px; box-sizing: border-box; z-index: 9; background: repeat; } .newsleft .bd ul li h3 a{ float: left; max-width: 100%; font-size: 14px; color: #ffffff; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .newsleft .bd ul li h3 a:hover{ font-weight: bold; } .newsleft .hd{ position: absolute; right: 20px; bottom: 20px; z-index: 9; } .newsleft .hd ul li{ float: left; width: 19px; height: 5px; cursor: pointer; margin-left: 2px; background: #ffffff; } .newsleft .hd ul li.on{ background: #0c71e1; } .newsleft .prev,.newsleft .next{ position: absolute; left: 0; top: 50%; margin-top: -30px; width: 40px; height: 60px; cursor: pointer; z-index: 9; background: no-repeat center; } .newsleft .prev:hover{ background: no-repeat center; } .newsleft .next{ left: auto; right: 0; background: no-repeat center; } .newsleft .next:hover{ background: no-repeat center; } /*.newsleft .parbd .tabhd{ position: absolute; right: 20px; bottom: 20px; z-index: 9; } .newsleft .parbd .tabhd i{ float: left; width: 19px; height: 5px; cursor: pointer; margin-left: 2px; background: #ffffff; } .newsleft .parbd .tabhd i.on{ background: #0c71e1; }*/ .newsright{ float: right; width: 552px; } .newsright .hd{ height: 40px; box-sizing: border-box; border-bottom: 1px solid #e6e6e6; } .newsright .hd ul{ float: left; } .newsright .hd ul li{ float: left; height: 40px; margin-right: 40px; } .newsright .hd ul li h2 a{ display: block; font-size: 18px; color: #333333; height: 40px; line-height: 40px; padding-left: 30px; } .newsright .hd ul li.newsrightli1 h2 a{ background: no-repeat left center; } .newsright .hd ul li.newsrightli1.on h2 a{ background: no-repeat left center; } .newsright .hd ul li.newsrightli2 h2 a{ background: no-repeat left center; } .newsright .hd ul li.newsrightli2.on h2 a{ background: no-repeat left center; } .newsright .hd ul li.newsrightli3 h2 a{ background: no-repeat left center; } .newsright .hd ul li.newsrightli3.on h2 a{ background: no-repeat left center; } .newsright .hd .more{ float: right; } .newsright .hd .more a{ float: right; width: 70px; height: 24px; line-height: 24px; text-align: center; font-size: 14px; color: #999999; margin-top: 9px; background: no-repeat center; } .newsright .hd ul li.on h2 a{ color: #0c71e1; } .newsright .hd .more a:hover{ color: #ffffff; background: no-repeat center; } .newsright .bd ul li{ height: 51px; line-height: 51px; border-bottom: 1px dashed #f5f5f5; } .newsright .bd ul li h3 a{ float: left; max-width: 459px; font-size: 16px; color: #333333; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left: 14px; box-sizing: border-box; background: no-repeat left center; } .newsright .bd ul li span{ float: right; font-size: 15px; color: #999999; } .newsright .bd ul li h3 a:hover{ color: #0c71e1; background: no-repeat left center; } /* 新闻切换结束 */ /* 专题图开始 */ .zhuan{ padding: 17px 0 30px; } .zhuan .w1180{ position: relative; } .zhuan .hd{ position: absolute; right: 20px; bottom: 10px; z-index: 9; } .zhuan .hd ul li{ float: left; width: 19px; height: 5px; cursor: pointer; margin-left: 2px; background: #ffffff; } .zhuan .hd ul li.on{ background: #0c71e1; } /* 专题图结束 */ /* 统计开始 */ .tong{ height: 448px; padding-top: 30px; box-sizing: border-box; background: no-repeat center; } .tongleft{ float: left; width: 260px; } .tonglefts{ height: 52px; line-height: 52px; background: #ffffff; text-align: center; border-top: 3px solid #0c71e1; } .tonglefts a{ display: block; font-size: 22px; color: #0c71e1; } .tongleftx{ padding-top: 15px; } .tongleftx ul li{ height: 48px; line-height: 48px; margin-top: 5px; background: #ffffff; -webkit-transition: all 0.15s ease-in; -moz-transition: all 0.15s ease-in; -ms-transition: all 0.15s ease-in; transition: all 0.15s ease-in; } .tongleftx ul li h2 a{ display: block; font-size: 16px; color: #333333; font-weight: normal; padding-left: 84px; -webkit-transition: all 0.15s ease-in; -moz-transition: all 0.15s ease-in; -ms-transition: all 0.15s ease-in; transition: all 0.15s ease-in; } .tongleftx ul li.tongleftli1 h2 a{ background: no-repeat 49px center; } .tongleftx ul li.tongleftli1:hover h2 a{ background: no-repeat 49px center; } .tongleftx ul li.tongleftli2 h2 a{ background: no-repeat 49px center; } .tongleftx ul li.tongleftli2:hover h2 a{ background: no-repeat 49px center; } .tongleftx ul li.tongleftli3 h2 a{ background: no-repeat 49px center; } .tongleftx ul li.tongleftli3:hover h2 a{ background: no-repeat 49px center; } .tongleftx ul li.tongleftli4 h2 a{ background: no-repeat 49px center; } .tongleftx ul li.tongleftli4:hover h2 a{ background: no-repeat 49px center; } .tongleftx ul li.tongleftli5 h2 a{ background: no-repeat 49px center; } .tongleftx ul li.tongleftli5:hover h2 a{ background: no-repeat 49px center; } .tongleftx ul li.tongleftli6 h2 a{ background: no-repeat 49px center; } .tongleftx ul li.tongleftli6:hover h2 a{ background: no-repeat 49px center; } .tongleftx ul li:hover{ z-index:2; background: #05a8f7; -webkit-transform: translate3d(0,-3px,0); -moz-transform: translate3d(0,-3px,0); -ms-transform: translate3d(0,-3px,0); transform: translate3d(0,-3px,0); -webkit-box-shadow:3px 3px 5px #ddd; -moz-box-shadow:3px 3px 5px #ddd; -ms-box-shadow:3px 3px 5px #ddd; box-shadow:3px 3px 5px #ddd; } .tongleftx ul li h2 a:hover{ color: #ffffff; } .tongright{ float: right; width: 900px; height: 388px; padding: 20px 20px 0; background: #ffffff; box-sizing: border-box; } .tongrightl{ float: left; width: 520px; } .tongrightls{ height: 40px; box-sizing: border-box; border-bottom: 1px solid #e6e6e6; } .tongrightls h2 a{ float: left; font-size: 18px; color: #0c71e1; height: 40px; line-height: 40px; padding-left: 32px; background: no-repeat 4px center; } .tongrightls>a{ float: right; width: 70px; height: 24px; line-height: 24px; text-align: center; font-size: 14px; color: #999999; margin-top: 9px; background: no-repeat center; } .tongrightls>a:hover{ color: #ffffff; background: no-repeat center; } .tongrightls1{ margin-bottom: 10px; } .tongrightls1 h2 a{ background: no-repeat 4px center; } .tongrightls2 h2 a{ background: no-repeat 4px center; } .tongrightls3 h2 a{ background: no-repeat 4px center; } .tongrightlx ul li{ height: 51px; line-height: 51px; border-bottom: 1px dashed #f5f5f5; } .tongrightlx ul li h3 a{ float: left; max-width: 420px; font-size: 16px; color: #333333; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left: 14px; box-sizing: border-box; background: no-repeat left center; } .tongrightlx ul li span{ float: right; font-size: 15px; color: #999999; } .tongrightlx ul li h3 a:hover{ color: #0c71e1; background: no-repeat left center; } .tongrightr{ float: right; width: 310px; } .tongnian{ margin-top: 6px; line-height: 52px; -webkit-transition: all 0.15s ease-in; -moz-transition: all 0.15s ease-in; -ms-transition: all 0.15s ease-in; transition: all 0.15s ease-in; background: no-repeat center; } .tongnian>a{ display: block; font-size: 16px; color: #ffffff; padding-left: 103px; background: no-repeat 48px center; } .tongnian:hover{ z-index:2; -webkit-transform: translate3d(0,-3px,0); -moz-transform: translate3d(0,-3px,0); -ms-transform: translate3d(0,-3px,0); transform: translate3d(0,-3px,0); -webkit-box-shadow:3px 3px 5px #ddd; -moz-box-shadow:3px 3px 5px #ddd; -ms-box-shadow:3px 3px 5px #ddd; box-shadow:3px 3px 5px #ddd; } .tongtwoli1{ background: no-repeat center; } .tongtwoli1>a{ background: no-repeat 48px center; } .tongtwoli2>a{ background: no-repeat 48px center; } .tongtwoli2{ background: no-repeat center; } .tongyue{ height: 38px; line-height: 38px; font-size: 17px; color: #0c71e1; font-weight: bold; padding-left: 26px; background: no-repeat left center; } .tongyuelist{ height: 70px; padding-top: 10px; background: #fafcff; border: 1px solid #cbe4ff; } .tongyuelist ul li{ float: left; width: 40px; height: 25px; line-height: 25px; text-align: center; margin-left: 10px; margin-bottom: 10px; background: #0c71e1; } .tongyuelist ul li a{ display: block; font-size: 12px; color: #ffffff; } .tongyuelist ul li.on1{ background: #a6d0ff; } .tongyuelist ul li.on1 a{ cursor: not-allowed; } .tongyuelist ul li.on{ background: #efc605; } /* 统计结束 */ /* 互动交流开始 */ .hu{ padding-top: 30px; } .tonglefts1{ background: #fafcff; } .huleftlist{ padding-top: 13px; } .huleftlist ul li{ float: left; width: 100%; height: 78px; background: #fafcff; margin-top: 7px; box-sizing: border-box; -webkit-transition: all 0.15s ease-in; -moz-transition: all 0.15s ease-in; -ms-transition: all 0.15s ease-in; transition: all 0.15s ease-in; } .huleftlist ul li h2 a{ display: block; height: 78px; line-height: 78px; padding-left: 95px; font-size: 18px; color: #ffffff; box-sizing: border-box; } .huleftlist ul li.hulistli2{ background: no-repeat center; } .huleftlist ul li.hulistli2 h2 a{ background: no-repeat 49px center; } .huleftlist ul li.hulistli3{ background: no-repeat center; } .huleftlist ul li.hulistli3 h2 a{ background: no-repeat 50px center; } .huleftlist ul li.hulistli5{ background: no-repeat center; } .huleftlist ul li.hulistli5 h2 a{ background: no-repeat 50px center; } .huleftlist ul li:hover{ z-index:2; -webkit-transform: translate3d(0,-3px,0); -moz-transform: translate3d(0,-3px,0); -ms-transform: translate3d(0,-3px,0); transform: translate3d(0,-3px,0); -webkit-box-shadow:3px 3px 5px #ddd; -moz-box-shadow:3px 3px 5px #ddd; -ms-box-shadow:3px 3px 5px #ddd; box-shadow:3px 3px 5px #ddd; } .huright{ height: 323px; border: 1px solid #f5f5f5; } .tongrightlx1 ul li h3 a{ max-width: 220px; } /* 互动交流结束 */ /* 专题专栏开始 */ .lan{ padding-bottom: 20px; } .lantop{ height: 62px; line-height: 62px; margin-bottom: 12px; text-align: center; position: relative; z-index: 10; background: no-repeat center; } .lantop h2 a{ display: inline-block; font-size: 22px; color: #0c71e1; padding: 0 20px; background: #ffffff; } .lanbot{ margin-top: -41px; padding: 44px 19px 20px; position: relative; border: 1px solid #f5f5f5; } .lanbot .bd ul li{ float: left; width: 277px; height: 140px; margin-right: 10px; } .lanbot .bd ul li>a{ display: block; width: 277px; height: 140px; overflow: hidden; } .lanbot .bd ul li>a img{ width: 277px; height: 140px; transition: transform 0.8s; -webkit-transition: transform 0.8s; -moz-transition: transform 0.8s; -o-transition: transform 0.8s; -ms-transition: transform 0.8s; } .lanbot .bd ul li>a:hover img{ transform: scale(1.08); -webkit-transform: scale(1.08); -moz-transform: scale(1.08); -o-transform: scale(1.08); -ms-transform: scale(1.08); } .lanbot .prev{ position: absolute; left: -2px; top: 72px; width: 42px; height: 70px; cursor: pointer; z-index: 9; background: no-repeat center; } .lanbot .prev:hover{ background: no-repeat center; } .lanbot .next{ position: absolute; right: 0; top: 72px; width: 42px; height: 70px; cursor: pointer; z-index: 9; background: no-repeat center; } .lanbot .next:hover{ background: no-repeat center; } /* 专题专栏结束 */ /* 底部开始 */ .bottom{ height: 208px; padding: 30px 0; background: #f5f5f5; box-sizing: border-box; } .bottomleft{ float: left; width: 230px; height: 148px; padding-left: 30px; background: #e6e8e8; margin-right: 20px; box-sizing: border-box; padding-top: 5px; } .bottomleft>span{ display: block; font-size: 16px; color: #666666; padding: 15px 0 8px; } .bottomleft ul li{ font-size: 14px; color: #999999; height: 30px; line-height: 30px; } .bottomleft ul li a{ font-size: 14px; color: #999999; } .bottomleft ul li a:hover{ color: #666666; } .bottomcen{ width: 340px; padding-top: 14px; } .bottomcen .gaba{ padding-left: 30px; background: url(/uploads/image/mimages/gaba.png) left center no-repeat; } .bottomright{ width: 300px; background: none; padding-left: 0; } .bottomright ol li{ height: 46px; line-height: 46px; background: #e6e8e8; margin-bottom: 5px; } .bottomright ol li a{ display: block; font-size: 14px; color: #666666; padding-left: 30px; } .bottomright ol li a:hover{ color: #ffffff; background: #0c71e1; } .bottomrig{ float: right; width: 250px; height: 148px; background: #e6e8e8; padding: 40px 0 0 41px; box-sizing: border-box; } .bottomrig ul li{ float: left; margin-right: 15px; } .bottomrigx{ margin-top: 5px; } .bot{ height: 50px; line-height: 50px; background: #999999; } .bot .botleft{ float: left; font-size: 14px; color: #dbdbdb; } .bot .botleft p{ font-size: 14px; color: #dbdbdb; } .bot .botleft a{ font-size: 14px; color: #dbdbdb; } .bot .botleft .gaba{ padding-left: 21px; background: no-repeat left center; } .bot .botleft a:hover{ color: #ffffff; } .bot .botright{ float: right; font-size: 14px; color: #dbdbdb; } .cheng{ position: fixed; width: 160px; height: 370px; right: 20px; top: 350px; z-index: 99; } /* 底部结束 */ /* 通用头部修改 2020-03-27 */ /*.top { background: no-repeat center; } .topx .logo { margin-top: 60px; float: none; display: block; height: 56px; } .topx .search { float: none; margin-top: 16px; width: 485px; } .topx .search .searchinp { width: 390px; } .xy-index-zxfb { float: right; width: 400px; height: 150px; background: repeat center center; margin-top: 30px; padding: 0 30px; box-sizing: border-box; overflow: hidden; } .xy-index-zxfb .hd { height: 44px; line-height: 44px; border-bottom: 1px solid #a1d0fb; padding-left: 24px; background: no-repeat left center; } .xy-index-zxfb .hd a { display: inline-block; font-size: 16px; color: #0d8bff; } .xy-index-zxfb .bd { margin-top: 8px; overflow: hidden; } .xy-index-zxfb .bd li { height: 28px; line-height: 28px; font-size: 14px; padding-left: 14px; background: no-repeat left center; } .xy-index-zxfb .bd li a { display: inline-block; max-width: 245px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #333; } .xy-index-zxfb .bd li a:hover { color: #0d8bff; } .xy-index-zxfb .bd li span { float: right; color: #333; }*/