@charset "utf-8"; /* css document */ strong { font-weight: bold; } body{background: -webkit-linear-gradient(top, #d9e5fa, #f5f8fc);} /*顶部*/ .conbox { margin: 24px auto; background: #fff; padding-top: 8px; } .ewm { width: 98px; border: 1px solid #c6c6c6; position: fixed; top: 300px; right: 20px; background: #fff; text-align: center; } .ewm h6 { font-size: 15px; color: #3264b4; height: 30px; line-height: 30px; font-weight: normal; } .ewm p { font-size: 14px; color: #b5100a; } .ewm img { display: block; width: 83px; height: 83px; margin: 10px auto 5px; } .ewm a { height: 39px; line-height: 39px; color: #ffffff; font-size: 14px; text-align: left; text-indent: 12px; display: block; width: 100%; margin-top: 4px; background: url(/uploads/image/hxsdimages/tg.jpg) no-repeat; } .top { height: 35px; background: #82a9df; line-height: 35px; } .top .left { font-size: 14px; color: #fff; } .sethome { display: inline-block; margin-right: 10px; font-size: 14px; color: #fff; text-indent: 16px; } .wxsmzt { font-size: 13px; } /*头部*/ .header { width: 100%; height: 140px; background-size: 1200px 215px !important; } .gradient { background: #c6e0ff; background: -moz-linear-gradient(top bottom, #b6d6ff, #c6e0ff); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b6d6ff), color-stop(100%, #c6e0ff)); background: -webkit-linear-gradient(top, #b6d6ff, #c6e0ff); background: -o-linear-gradient(top, #b6d6ff, #c6e0ff); background: -ms-linear-gradient(top, #b6d6ff, #c6e0ff); background: linear-gradient(top bottom, #b6d6ff, #c6e0ff); filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#b6d6ff', endcolorstr='#b6d6ff', gradienttype=0); } :root .gradient { filter: none; } .header .txpic { width: 1200px; margin: 0 auto; position: relative; z-index: 10000; } .header .txpic .logo { position: absolute; top: 20px; left: 14px; } .header .txpic .logo img { width: 210px; height: auto; } .header .txpic .logo p { font-size: 14px; color: #174286; text-indent: 14px; margin-top: 10px; } .header .txpic .logo p b { font-weight: normal; font-size: 14px; color: #174286; } .header .cut { width: 500px; position: absolute; right: -3px; top: 0; } .header .cut .focusbox { position: absolute; top: 0px; right: 0px; height: 140px; overflow: hidden; z-index: 1; } .header .cut .focusbox .pic { position: relative; z-index: 0; height: 245px; } .header .cut .focusbox .pic li { width: 453px; height: 140px; } .header .cut .focusbox .pic img { width: 100%; height: 100%; display: block; } /*导航栏*/ /*菜单*/ .menu { background: #174286; height: 53px; } .menu ul li { height: 53px; line-height: 53px; float: left; width: 115px; text-align: center; } .menu ul li:last-child { background: none; } .menu ul li a { display: block; color: #fff; height: 53px; line-height: 53px; font-size: 20px; font-weight: bold; } .menu ul li a:hover { background: #1d4f9d; color: #fff; } .menu ul li.cur a { background: #fff; color: #3264b4; font-weight: bold; } .menu ul li.serchbox { position: relative; width: 200px; } .menu ul li.con { height: 20px; width: 200px; position: relative; display: inline-block; } .menu ul li .con input { width: 190px; height: 28px; border: none; background: #fff; color: #fff; text-indent: 6px; font-size: 12px; color: #333; } .menu ul li .con a { width: 28px; height: 29px; background: #2763c2; display: inline-block; position: absolute; top: 13px; right: -100px; text-align: center; } .menu ul li .con a img { width: 14px; height: 14px; margin: 8px auto; display: block; } ul#topnav li span { float: left; padding: 3px 0; position: absolute; left: 0; top: 53px; z-index: 99; display: none; width: 1000px; background: #1d4f9d; color: #fff; font-size: 14px; font-weight: normal; -moz-border-radius-bottomright: 2px; -khtml-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; -moz-border-radius-bottomleft: 2px; -khtml-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; } ul#topnav { position: relative; } ul#topnav li:hover span { display: block; } ul#topnav li span a { display: block; float: left; padding: 0 10px; font-size: 16px; background: #1d4f9d; color: #fff; } ul#topnav li span a:hover { text-decoration: underline; } ul#topnav li:first-child { margin-left: -13px; } /*头条*/ /*头条*/ .conbox .headlines { width: 1198px; border: 1px dashed #bbbbbb; height: 95px; } .conbox .headlines .tit { width: 52px; margin-top: -1px; margin-left: -1px; } .conbox .headlines .con { width: 1130px; text-align: left; } .conbox .headlines .con h3 { margin-top: 10px; } .conbox .headlines .con h3 a { color: #333; font-size: 32px; font-weight: bold; margin-left: 15px; } /*.conbox .headlines .con p{ margin-top:9px;}*/ .conbox .headlines .con p a { font-size: 16px; color: #666666; margin-left: 15px; overflow: hidden; white-space: nowrap; display: inline-block; width: 100%; } .m_banner { margin-top: 10px } .runnews { height: 46px; line-height: 46px; overflow: hidden; border: 1px dashed #ccc; border-bottom: 0; margin-top: 15px; } .runnews dt { float: left; width: 80px; font-size: 16px; font-weight: bold; text-align: left; line-height: 46px; margin: 0 10px; } .runnews dd { height: 46px; overflow: hidden; } .runnews ul { float: left; width: 610px; height: 46px; line-height: 46px; } a { text-decoration: none; color: #666; } .runnews a:hover { color: #931d22; } .runnews ul li { display: list-item; text-align: -webkit-match-parent; height: 43px; width: 845px; line-height: 43px; overflow: hidden; } .runnews ul li a { margin-right: 48px; } /*banner;*/ .banner { height: 430px; margin-top: 20px; } .m-banner { width: 1200px; height: 405px; box-sizing: border-box; margin: 0 auto; } .banner .m-banner .banner-left { width: 650px; height: 405px; float: left; margin-right: 15px; position: relative; overflow: hidden; } .banner .m-banner .banner-right { width: 535px; height: 405px; float: left; /*background: #404040;*/ } .sm-title { width: 535px; height: 40px; overflow: hidden; } .sm-title p { padding-left: 10px; line-height: 30px; margin: 5px 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .sm-title span { height: 25px; color: #333; font-size: 24px; font-weight: bold; padding-left: 10px; text-align: left; } .sm-title .zh { overflow: hidden; white-space: nowrap; display: inline-block; width: 100%; } .article { width: 100%; /*height: 355px;*/ box-sizing: border-box; /*border: 1px solid #cccccc;*/ } .article li { height: 40px; line-height: 40px; box-sizing: border-box; padding: 0 10px; } .article li a:hover { color: #3264b4; } .article li:last-child { border-bottom: none; } .article li span:first-child { float: left; color: #666; margin-right: 5px; font-size: 6px; } .article li span:last-child { float: right; } .article li a { color: #333; } .all-title { border-bottom: 1px solid #ccc; height: 53px; line-height: 30px; font-size: 20px; color: #3264b4; font-weight: bold; } .all-title span { line-height: 51px; } .all-title a { color: #999; font-weight: normal; font-size: 16px; line-height: 60px; } .trends { height: 335px; /*margin-top: 20px;*/ } .m-trends { width: 1200px; height: 325px; margin: 0 auto; background: #fff; position: relative; } .m-trends .more { position: absolute; right: 10px; top: 20px; } .m-trends .tab-title { clear: both; width: 1200px; height: 52px; border-bottom: 1px solid #dcdcdc; margin-bottom: 20px; } .m-trends .tab-title li { height: 50px; line-height: 50px; width: 80px; text-align: center; font-size: 18px; margin-right: 15px; float: left; } .m-trends ul li a { color: #333; display: block; } .m-trends ul li .trend-tt:hover, .m-trends ul li.active .trend-tt { color: #3264b4; font-size: 20px; font-weight: bold; border-bottom: 3px solid #3264b4; } .m-trends .trend-list ul li { float: left; width: 583px; height: 110px; border: 1px solid #ddd; border-radius: 5px; margin-bottom: 20px; padding: 10px 20px 20px 20px; box-sizing: border-box; } .m-trends .trend-list ul li:hover { border-color: #589bf7; cursor: pointer; } .m-trends #focusbox li:hover { border-color: #ddd; } .m-trends .trend-list ul li:nth-child(1), .m-trends .trend-list ul li:nth-child(3) { margin-right: 30px; } .trendslisttitle { font-size: 16px; font-weight: bold; color: #333333; line-height: 30px; } .trendslisttitle span { margin-right: 5px; } .txt { line-height: 30px; overflow: hidden; white-space: nowrap; color: #666666; } .time { color: #999999; font-size: 14px; margin-top: 10px; } .foreignfocus #focusbox li { position: relative; padding-top: 0 } .foreignfocus .trendslisttitle { font-weight: normal; } .foreignfocus li .time { position: absolute; right: 10px; } .foreignfocus li p { line-height: 35px; } .foreignfocus li p:hover { color: #3264b4 !important; } .focuscontent { position: relative; display: block; } #focusbox li .focuscontent:p { color: #3264b4; } .focuscontent .time { position: absolute; right: 10px; } .focusbox > .focuscontent { display: none; } .dot { float: left; line-height: 36px; margin-right: 5px; } /*public*/ .public { height: 288px; /*margin-top: 20px;*/ background: #fff; } .m-public { width: 1200px; margin: 0 auto; background: #fff; } .public-left { float: left; width: 425px; height: 288px; margin-right: 20px; /*margin-top: 10px;*/ } .public-artice { margin-top: 15px; width: 425px; height: 270px; /*border: 1px solid #000;*/ margin-bottom: 20px; } .public-artice .public-txt li a { color: #333; } .public-txt li a:hover { color: #3264b4; } .public-txt li { height: 35px; line-height: 35px; box-sizing: border-box; padding: 0 10px; } .public-txt li span:first-child { float: left; color: #666; margin-right: 5px; font-size: 6px; } .public-txt li span:last-child { float: right; } .public-right { width: 305px; height: 268px; box-sizing: border-box; float: left; text-align: center; margin-top: 10px; /*line-height: 218px;*/ /*background: #f5f5f5;*/ } .public-right .top { width: 305px; height: 65px; } .public-right .bottom { width: 305px; height: 181px; margin-top: 12px; padding: 12px 0 15px 15px; box-sizing: border-box; background: no-repeat center; } .public-right .bottom p { color: #ffffff; text-align: left; font-size: 14px; line-height: 24px; } .public-right .bottom p:first-child { font-size: 16px; font-weight: bold; } .public-right .bottom .line { width: 285px; height: 1px; background: #ffffff; margin: 6px 0; } .public-right .top .top-left, .public-right .top .top-right { width: 150px; height: 65px; float: left; text-align: center; line-height: 65px; color: #ffffff; font-size: 20px; cursor: pointer; } .public-right .top span { margin-left: 38px; } .public-right .top .top-left { background: url(/uploads/image/hxsdimages/jbzn.png) no-repeat center; background-size: 150px 65px; margin-right: 5px; } .public-right .top .top-right { background: url(/uploads/image/hxsdimages/wyjb.png) no-repeat center; background-size: 150px 65px; } .study { height: 248px; } .study .m-study { width: 1200px; margin: 0 auto; } .module6 { height: 335px; margin-top: 20px; } .module6 .m-public { width: 1200px; margin: 0 auto; background: #fff; height: 360px; } .module6 .public-left { float: left; width: 380px; height: 321px; margin-right: 20px; } .module6 .public-left:last-child { margin-right: 0; } .module6 .public-artice { margin-top: 15px; width: 360px; height: 240px; /*border: 1px solid #000;*/ margin-bottom: 20px; overflow: hidden; } .module6 .public-artice p { line-height: 28px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical; } .module6 .public-txt li a:hover { color: #3264b4; } .module6 .public-txt li { height: 35px; line-height: 35px; box-sizing: border-box; padding: 0 10px; } .module6 .public-txt li span:first-child { float: left; color: #666; margin-right: 5px; } .module6 .public-txt li span:last-child { float: left; } .module6 .last-left .public-artice .title h3 { font-size: 20px; font-weight: bold; line-height: 40px; } .module6 .last-left .public-artice .title h3 a { color: #333; } /*友情链接*/ /*.module7{ margin-top:20px;height: 100px;background: #fff;padding-left: 10px;} .module7 h3{ height:51px;border-bottom: 1px solid #ccc;} .module7 h3 b{ display: inline-block; height:48px; line-height:48px; border-bottom:3px solid #3264b4; color:#3264b4; font-size:20px;} */ .module7 .link { width: 100%; } .module7 .link a { /*width:16.6%; */ float: left; display: block; font-size: 16px; color: #333; line-height: 36px; margin-right: 20px } .module7 { height: 170px; /*margin-top: 20px;*/ } .module7 .m-trends { width: 1200px; height: 170px; margin: 0 auto; background: #fff; position: relative; } .module7 .m-trends .tab-title { clear: both; width: 1200px; height: 52px; border-bottom: 1px solid #dcdcdc; } .module7 .m-trends .tab-title li { height: 50px; line-height: 50px; width: 180px; text-align: center; font-size: 18px; margin-right: 15px; float: left; } .module7 .m-trends ul li a { color: #333; display: block; } .module7 .m-trends .trend-list ul li:nth-child(1), .m-trends .trend-list ul li:nth-child(3) { margin-right: 30px; } /*底部*/ .footer { width: 100%; background: #2d5ead; padding: 38px 0 50px 0; text-align: center; border-top: 20px solid #f5f4f7; } .footer p { line-height: 24px; color: #fff; } .footer p span { padding: 0 5px; display: inline-block; color: #fff; font-size: 15px; } .footer a { color: #fff; } .right_ewm { width: 98px; border: 1px solid #c6c6c6; position: fixed; top: 310px; right: 40px; background: #fff; text-align: center; z-index: 9999; padding-bottom: 10px; } .right_ewm img { width: 83px; height: 83px; display: block; margin: 10px auto 5px; } .right_ewm h6 { font-size: 15px; color: #3264b4; height: 30px; line-height: 30px; font-weight: normal; } .right_ewm p { font-size: 14px; color: #b5100a; } .right_ewm span { font-size: 13px; } /*附加border*/ .bordercolor { width: 1229px; margin-left: -14px; border-top: 20px solid #e3ecfb; } .bordercolor2 { width: 1229px; margin-left: -14px; border-top: 20px solid #e7eefb; } .bordercolor3 { width: 1229px; margin-left: -14px; border-top: 20px solid #f1f5fc; } .dd { width: 6px; height: 6px; background: #333; border-radius: 3px; margin-top: 18px; display: block; float: left; margin-right: 5px; } .public-txt li .dd { margin-top: 14px; } .focuscontent .dd { margin-top: 15px; } /*分享*/ .share_box { position: relative; display: inline; height: 35px; } .share b { border: solid 5px #fff; border-top-color: #757575; display: block; height: 0; position: absolute; right: 30px; top: 8px; -webkit-transition: top 1s, all 0.3s ease-in 0s; -moz-transition: top 1s, all 0.3s ease-in 0s; -o-transition: top 1s, all 0.3s ease-in 0s; transition: top 1s, all 0.3s ease-in 0s; } .slidedown { position: absolute; left: 20px; top: 0px; width: 120px; display: inline-block; zoom: 1; vertical-align: middle; background: #fff; z-index: 999; } .slidedown .share { color: #333; cursor: pointer; display: block; font-size: 14px; text-align: center } .slidedown .share b { border: solid 5px #fff; border-top-color: #757575; display: block; height: 0; position: absolute; right: 30px; top: 8px; -webkit-transition: top 1s, all 0.3s ease-in 0s; -moz-transition: top 1s, all 0.3s ease-in 0s; -o-transition: top 1s, all 0.3s ease-in 0s; transition: top 1s, all 0.3s ease-in 0s; } .slidedown .selectbox { background: #fff; display: none; position: absolute; left: 0px; top: 40px; z-index: 999; width: 120px; height: 168px; } .slidedown .selectbox a { background-image: none; border-top: 1px solid #fff; border-bottom: none; color: #848484; display: block; font: 12px/39px "arial"; height: 39px; padding-left: 45px; overflow: hidden; } .slidedown .selectbox a:hover { color: #535353; text-decoration: none } .slidedown .selectbox a.ico01 { background: url(/uploads/image/hxsdimages/share_ico.png) no-repeat 12px -1px } .slidedown .selectbox a.ico02 { background: url(/uploads/image/hxsdimages/share_ico.png) no-repeat 12px -39px } .slidedown .selectbox a.ico03 { background: url(/uploads/image/hxsdimages/share_ico.png) no-repeat 12px -79px } .slidedown .selectbox a.ico04 { background: url(/uploads/image/hxsdimages/share_ico.png) no-repeat 12px -119px } .slidedown .selectbox a.ico05 { background: url(/uploads/image/hxsdimages/share_ico.png) no-repeat 12px -158px } .slidedown .selectbox a.ico06 { background: url(/uploads/image/hxsdimages/share_ico2.png) no-repeat 12px 6px } .slidedown .selectbox a.ico01:hover { background: url(/uploads/image/hxsdimages/share_ico_hover.png) no-repeat 12px -1px } .slidedown .selectbox a.ico02:hover { background: url(/uploads/image/hxsdimages/share_ico_hover.png) no-repeat 12px -39px } .slidedown .selectbox a.ico03:hover { background: url(/uploads/image/hxsdimages/share_ico_hover.png) no-repeat 12px -79px } .slidedown .selectbox a.ico04:hover { background: url(/uploads/image/hxsdimages/share_ico_hover.png) no-repeat 12px -119px } .slidedown .selectbox a.ico05:hover { background: url(/uploads/image/hxsdimages/share_ico_hover.png) no-repeat 12px -159px } .slidedown .selectbox a.ico06:hover { background: url(/uploads/image/hxsdimages/share_ico_hover2.png) no-repeat 12px 6px } .slidecur { box-shadow: 0 0 2px 2px #eaeaea; display: inline-block; border: 1px solid #eaeaea } .slidecur .share { background-color: #f5f5f5; } .slidecur .share b { border: solid 5px #f5f5f5; border-top-color: #1e63b0; top: 0px; border-top-color: #f5f5f5 \9; border-bottom: solid 6px #1e63b0 \9; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } /*微信模板*/ #wx { width: 231px; height: 285px; background: red; padding: 10px; background: #fff; border: solid 1px #d8d8d8; position: fixed; top: 0; left: 0; right: 0; bottom: 0; margin: auto; display: none; } .bd_weixin_popup_head { font-size: 12px; font-weight: bold; text-align: left; line-height: 16px; height: 16px; position: absolute; color: #000; } .bd_weixin_popup_head span { font-size: 12px; font-weight: bold; text-align: left; line-height: 16px; } .bd_weixin_popup_close { width: 16px; height: 16px; text-decoration: none; font-size: 16px; text-align: right; position: absolute; right: 0; top: 0; cursor: pointer; } .bd_weixin_popup_foot { font-size: 12px; text-align: left; line-height: 22px; color: #666; } #weixin { width: 185px; height: auto; margin: 10px auto; } .ldxq_list .xq { position: relative; } .ldxq_list .share_box { position: absolute !important; right: 280px; top: 52px; margin-left: 30px } /*前端修改*/ .public-right .bottom p { word-break: break-all; }