@charset "utf-8"; /** * @author:Lee * @description:layout and modules style */ .f-fl{ float: left; } .f-fr{ float: right; } .f-dn{ display: none; } .f-w{ width: 1080px; margin: 0 auto; } .f-m15{ margin: 15px 0; } .f-tac{ text-align: center; } .f-tal{ text-align: left; } .f-tar{ text-align: right; } .f-s{ width: 100%; } .f-ml16{ margin-left: 16px; } .f-mt16{ margin-top: 16px; } body{ min-width: 1110px; } .g-hd{ height: 132px; width: 100%; background: url(../img/bg-line.png) repeat-x; } .hd-con{ height: 100%; background: url(../img/bg-r.png) no-repeat right bottom; } .hd-con h1 a{ width: 725px; height: 132px; font-size: 0; display: block; background: url(../img/hb-scyx-logo.png) no-repeat left top; } .g-nav{ background: #065f98; } .nav-con{ height: 50px; line-height: 50px; } .nav-con .item{ float: left; font-size: 16px; color: #fff; display: inline-block; width: 14.28%; text-align: center; height: 100%; } .nav-con .item:hover{ text-decoration: none; background: #f69202; } .nav-con .active{ background: #f69202; } .g-mequee{ height: 40px; background: #f4f4f4; border-bottom: 1px solid #e7e7e7; } .mequee-con{ padding: 10px 30px 0 0; width: 1050px; margin: 0 auto; } .m-search{ font-size: 14px; color: #3f3f3f; float: left; padding-left: 32px; background: url(../img/icon-search.gif) no-repeat left center; } .sec-txt{ padding-left: 10px; width: 382px; height: 30px; outline: none; border: 1px solid #c9c9c9; } .m-search input[type=button]{ height: 30px; width: 70px; outline: none; border: 0; cursor: pointer; color: #fff; border-radius: 3px; margin-left: 10px; } .m-search .sec-tit{ background: #29b3db; } .m-search .sec-tit:hover{ background: #40bee3; } .m-search .sec-all{ background: #80c269; } .m-search .sec-all:hover{ background: #93d17e; } .m-info{ color: #666666; /* padding-top: 5px; */ } .m-search a{ display: inline-block; margin-left: 10px; color: #0966a1; text-decoration: underline; } .g-doc{ padding-top: 24px; margin-bottom: 20px; } .list-item { padding: 6px; width: 356px; height: 280px; border: 1px solid #e5e5e5; } .u-title{ font-weight: normal; font-size: 19px; color: #010101; width: 100%; height: 44px; line-height: 46px; text-indent: 45px; border-bottom: 2px solid #dddddd; } .u-title a{ text-indent: 0; margin:0 15px 0 0; float: right; font-size: 14px; color: #858585; } .list-item ul li { height: 38px; } .list-item ul a { width: 270px; font-size: 14px; display: block; height: 38px; line-height: 38px; padding-left: 30px; display: inline-block; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; -icab-text-overflow: ellipsis; -khtml-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; overflow: hidden; } .u-title .fa{ color: #4777bf; } .icon-1{ background: url(../img/01.png) no-repeat 12px center; } .m-about{ width: 310px; height: 298px; -webkit-transition: all .2s; -moz-transition: all .2s; transition: all .2s; } .m-about a{ display: inline-block; } .m-about a:hover{ box-shadow: 0 2px 10px rgba(0,0,0,0.2); -o-transform: translate3d(0, -2px, 0); -webkit-transform: translate3d(0, -2px, 0); -moz-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); } .doc-c{ margin: 15px 0; } .doc-c-con{ width: 756px; height: 514px; overflow: hidden; } .m-pm{ width: 305px; height: 512px; border: 1px solid #e5e5e5; padding: 0 2px; background: url(../img/pm-bulid.jpg) no-repeat center bottom; } .m-mennt{ height: 292px; width: 309px; border: 1px solid #e5e5e5; } .u-tit { border-bottom: 3px solid #0166b6; font-weight: normal; font-size: 19px; color: #010101; width: 100%; height: 44px; line-height: 46px; text-indent: 28px; background: #f7f7f7 url(../img/b-tit.png) no-repeat 12px center; } .num1{ background: url(../img/tu01.png) no-repeat left center; } .num2{ background: url(../img/tu02.png) no-repeat left center; } .num3{ background: url(../img/tu03.png) no-repeat left center; } .num4{ background: url(../img/tu04.png) no-repeat left center; } .num5{ background: url(../img/tu05.png) no-repeat left center; } .num6{ background: url(../img/tu06.png) no-repeat left center; } .icon-7{ background: url(../img/07.png) no-repeat 12px center; } .m-pm h4{ height: 40px; text-align: center; font-size: 16px; color: #0166b6; font-weight: normal; background: #daeeff; margin-top: 2px; line-height: 40px; } .m-pm ul{ padding-top: 15px; } .m-pm li{ line-height: 36px; text-align: center; color: #000000; } .u-t-link{ height: 95px; overflow: hidden; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -moz-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -moz-justify-content: space-between; -webkit-justify-content: space-between; justify-content: space-between; } .u-t-link a{ display: inline-block; } .doc-b .list-box{ width: 756px; } .article-list li { height: 38px; line-height: 38px; padding: 0 20px; } .article-list li a { width: 260px; font-size: 14px; display: block; height: 38px; line-height: 38px; display: inline-block; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; -icab-text-overflow: ellipsis; -khtml-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; overflow: hidden; } .link-f-box{ background: #376495; } .u-tit a { text-indent: 0; margin: 0 15px 0 0; float: right; font-size: 14px; color: #858585; } .u-tit .fa { color: #4777bf; } .g-ft .link-f{ height: 8px; line-height: 44px; color: #ffffff; overflow: hidden; white-space: nowrap; display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */ display: -moz-box; /* 老版本语法: Firefox (buggy) */ display: -ms-flexbox; /* 混合版本语法: IE 10 */ display: -webkit-flex; /* 新版本语法: Chrome 21+ */ display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */ -webkit-box-direction: normal; -webkit-box-orient: horizontal; -moz-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -moz-justify-content: space-between; -webkit-justify-content: space-between; justify-content: space-between; } .g-ft .link-f a{ color: #ffffff; margin: 0 10px 0 10px; } .footer{ color: #ffffff; background: #018cc6; } .footer .top{ height: 154px; font-size: 14px; color: #ffffff; } .footer .note{ margin: 36px 0 0 130px; /*padding-top: 64px;*/ line-height: 32px; } .footer .programs{ padding-top: 64px; margin-left: 50px; } .footer .wrong{ margin: 50px 160px 0 0; } .footer .programs .item{ display: block; margin-right: 18px; } .footer .programs .item{ } .map-l .sw-link-box{ padding-left: 20px; background: url(../img/sjz.jpg) no-repeat left 56px; } .slider-txt2 i{ color: #71b4fc; font-size: 12px; } .slider-txt .cur a{ color: #ff8d13; } .link-f .icon{ padding-left: 30px; background: url(../img/08.png) no-repeat left center; } .m-doc .pm-list li a{ width: 250px; display: block; height: 36px; float: left; padding-left: 30px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; -icab-text-overflow: ellipsis; -khtml-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; overflow:hidden; } .doc-l{ width: 746px; } .bread{ height: 32px; line-height: 32px; } .bread a{ color: #333; } .list-con{ background: #ffffff; height: 685px; padding: 10px 20px 0 20px; border-top: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; } .list-con li{ padding: 0 20px; line-height: 42px; border-bottom: 1px dashed #d4d4d4; } .list-con li a{ float: left; height: 42px; width: 480px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; -icab-text-overflow: ellipsis; -khtml-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; overflow:hidden; } .list-con li span{ float: right; } .u-page{ padding: 10px 0; background: #FFFFFF; border-bottom: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; } .u-page a{ display: inline-block; height: 28px; width: 28px; margin: 6px; border-radius: 5px; line-height: 28px; color: #333333; border: 1px solid #bcbcbc; } .u-page a.cur{ border: 1px solid #438fcf; background: #529ddd; color: #FFFFFF; } .u-page a:hover{ border: 1px solid #438fcf; background: #529ddd; color: #FFFFFF; } .doc-r{ width: 316px; padding-top: 32px; } .m-gs{ border: 1px solid #ddd; padding: 2px 5px; } .icon-1{ background: url(../img/01.png) no-repeat 12px center; } .icon-2{ background: url(../img/02.png) no-repeat 12px center; } .icon-3{ background: url(../img/03.png) no-repeat 12px center; } .icon-4{ background: url(../img/04.png) no-repeat 12px center; } .icon-5{ background: url(../img/05.png) no-repeat 12px center; } .icon-6{ background: url(../img/06.png) no-repeat 12px center; } .down-list{ height: 226px; width: 100%; } .down-list ul{ padding: 5px 15px 5px 15px; } .mt2{ margin-top: 15px; height: 460px; overflow: hidden; } .t_news{ width: 850px; height:20px; overflow:hidden; position:relative; background: url(../img/news.png) no-repeat 50px center; } .news_li,.swap{ display:inline-block; position:absolute; top:0; left: 95px; } .news_li a,.swap a{ color:#666666; font-size: 14px; display: block; height: 20px; line-height: 20px; } .swap{top:20px;} .artile-con{ background: #ffffff; min-height:800px; padding: 20px 45px; border: 1px solid #e5e5e5; } .artile-con h3{ font-size: 30px; color: #181818; font-weight: normal; text-align: center; } .artile-con .not{ width: 700px; margin: 30px auto 20px auto; padding: 0 100px 10px 100px; color: #3f3f3f; border-bottom: 1px dashed #d4d4d4; } .artile-con h4{ font-weight: normal; margin: 10px 0; } .artile-con p{ text-indent: 2em; } .artile-note-box{ margin-top: 100px; padding: 10px 25px; background: #ffeecc; border: 1px solid #fce3b1; } .artile-note{ width: 100%; } .artile-note td{ padding: 10px 0; }