*{ padding: 0; margin: 0; } ul>li{ list-style: none; padding:0; margin:0; } a{ text-decoration: none; color: #282828; } a:hover{color:#f04720; text-decoration: underline;} body { background:#fff; font-family:微软雅黑, Arial, Helvetica, sans-serif;} .heard{ height:102px; background:#183754; } .heard_a{ width:1200px; margin:auto; } .logo{ float:left;} .nav_new{ float:left; padding-left:30px;} .nav_new li{ float:left; padding:0 20px; height:102px; margin-right:1px;} .nav_new>li>a{ color:#FFF; font-size:14px; font-weight:bold; margin-top: 20px; display: block;} .nav_new>li>a:hover{text-decoration: none;} .icon_lists .nav_h,.icon_lists>li:hover{ background:#20507e; } .icon_lists>li{ cursor: pointer; text-align: center; list-style: none !important; } .icon_lists>li>i{ display:block; clear:both; height:42px; padding-top:22px;} .icon_lists .icon_new{ font-size: 42px; color:#fff; -webkit-transition: font-size 0.25s ease-out 0s; -moz-transition: font-size 0.25s ease-out 0s; transition: font-size 0.25s ease-out 0s; } .enter{ float:right; padding-top:36px; } .enter li{ float:right; padding:5px 18px; border-radius:6px;} .enter_b{border:1px solid #74a7d7; -moz-box-shadow:0px 4px 10px #0c1a28 inset; /* For Firefox3.6+ */ -webkit-box-shadow:0px 4px 10px #0c1a28 inset; /* For Chrome5+, Safari5+ */ box-shadow:0px 4px 10px #0c1a28 inset; /* For Latest Opera */ } .enter_b:hover{ background:#16416a;} .enter li a{ font-size:14px; color:#fff;} .advert{ width:100%; height:auto; position:relative;} .advert_a img{ width:100%;} .search{ position:absolute; z-index:1; top:24px; width:100%;height:162px;} .search_b{ width:740px; margin:auto; background:#205a9e; border-radius:8px; padding-top:18px; padding-bottom:5px;} .search_c{ margin:0 22px; height:48px; background:#fff; border-radius:4px;} .search_c .icon{ font-size:28px; color:#747474; } .search_c li{ float:left;} .search_c li .ipt{ width:504px; height:48px; border:none; margin-left:20px; font-size:16px;} .search_c li:first-child{ padding-top:10px; padding-left:12px;} .search_c .searchbnt{ float:right; border-top-right-radius:4px; border-bottom-right-radius:4px; background:#f04720; height:48px; padding:0 34px; line-height:48px; } .search_c .searchbnt a{ color:#FFF; font-size:18px;} .statistic-num{ padding: 15px 0 10px; text-align: center; color: #fff; } .statistic-num span{ margin-right: 15px; } .statistic-num em{ font-style: normal; font-size: 24px; color: #f7ff16; } .tabsBox{ margin:20px auto;} .tabs{ width:630px; margin:auto; padding-top:40px;} .tabs li{ width:188px; float:left; list-style:none; position:relative; cursor:pointer; color:#6f6f6f;border:1px solid #d7d7d7; box-shadow:0px 3px 6px #dfdfdf; height:48px; margin-right:20px; border-radius:8px;} .tabs li .icon{ font-size:24px; color:#bababa; float:left; margin:0 20px 0 40px; line-height:48px; } .tabs li span{ float:left;line-height:44px; } .tabs .cur{ background: url("/dataqhlsjcom/odweb/fujian/img/bnt_H.png") no-repeat top center; height:60px; font-size:17px; color:#fff; border:none; box-shadow:none;} .tabs .cur .icon{ color:#FFF; } .tabs .cur span{ font-weight:bold; } .cons{ clear:both; overflow:hidden; padding:8px 12px; overflow:hidden; position:relative; z-index:1;} .cons>ul{ margin:auto; width:1180px; padding-top:30px;} .cons ul li{} .hidden{ display:none;} .block{ display:block;} #ification_a{ } #ification_a li{ float:left; width:120px; height:151px; text-align:center; padding-bottom:20px; padding-top:36px; -webkit-transition: transition 0.45s ; -moz-transition: transition 0.45s ; transition: background 0.45s ; } #ification_a li i{ display:block; height:76px; color:#3597ff; font-size:28px; line-height:70px;} #ification_a li:nth-child(16) i{ font-size:34px;} #ification_a li:nth-child(19) i{ font-size:30px;} #ification_a li a{ font-size:14px; color:#414141;} #ification_a li:hover{ background:#e9f0f8; cursor:pointer;} #ification_b li{ float:left; width:284px; height:45px; margin-right:10px; margin-top:16px; text-align:center; border: 1px solid #ddd; border-radius: 4px; background-color: #f9f9fa; } #ification_b li a,#ification_c li a{ color:#414141; font-size:15px; line-height:42px;} #ification_c {height: 340px; overflow: hidden;} #ification_c.active{height: auto;} #ification_c li{ float:left; width:184px; height:46px; text-align:center; border: 1px solid #ddd; border-radius: 4px; background-color: #f9f9fa; margin-right: 10px; margin:16px 10px 0 0; } .viewMore{ display:none;clear:both; width:100%; margin-top:30px; background:none; } .viewMore a{ display:block; background: url("/dataqhlsjcom/odweb/fujian/img/add.jpg") no-repeat right center; margin:auto; width:80px; padding-right:16px; } .viewMore.active a{ display:block; background: url("/dataqhlsjcom/odweb/fujian/img/end.jpg") no-repeat right center; margin:auto; width:80px; padding-right:16px; } .data{background: #f9f9f9; min-height: 400px; padding-bottom: 56px;} .data_a{ width: 1180px; margin: auto; padding-top: 44px; overflow: hidden; height: auto; } .leftdata{ float: left; width:758px; border-right: 2px solid #276096; padding-right: 44px; padding-bottom: 40px; } .leftdata>ul{display:none;} .leftdata>ul.active{display:block;} .leftdatalist{background: #f2f2f2; border-radius: 4px; height:50px; margin-bottom: 50px; } .leftdatalist li{ float: left; height: 50px; line-height: 50px; width: 170px; text-align: center; cursor: pointer; font-size: 16px;} .leftdatalist .datalist_h{ background: url("/dataqhlsjcom/odweb/fujian/img/data.jpg") no-repeat left top; height:68px; color: #fff; font-weight: bold;} .leftlist_a{ border-bottom: 1px solid #d9d9d9; margin-top: 30px; overflow: hidden; margin-right: 20px; height: 120px;} .listtle{ padding-bottom:30px; } .listtle a{ font-size: 16px; color: #1370df; } .list_b dt{ font-size: 14px; color: #313131;clear: both; padding-bottom: 10px; } .list_b dd{font-size: 12px; float: left; margin-right: 28px;} .list_b dd span{ color: #7a7a7a; } .list_c{float: right; position: relative; top: -88px; width: 330px;} .list_c li{ float: right; margin-left: 6px; font-size: 12px; color: #fff; padding: 4px 9px; border-radius: 2px;} .a_1{ background: #57c47d; } .a_2{ background: #e5c133; } .a_3{ background: #f28d33; } .a_4{ background: #57c47d; } .list_c .a_5{ color: #696969; } .rightdata{ float: right; width: 382px;} .tleright{ border-bottom: 3px solid #f04720; float: left; padding:0 24px 20px 24px; } .tleright h3{ color: #f04720; font-size: 18px; } .new-data-list { margin: 10px 0; clear: both; } .new-data-list > ul { width: 100%; } .new-data-list > ul li { width: 100%; height: 32px; } .new-data-list > ul li .n-name { float: left; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .new-data-list > ul li .n-name a { position: relative; display: block; margin-left: 120px; padding: 17px 20px; color: #333333; border-left: 1px solid #e5e5e5; } .new-data-list > ul li .n-name a:hover { color: #237fdf; } .new-data-list > ul li .n-name a:before { content: ''; position: absolute; width: 16px; height: 16px; border-radius: 50%; border: 1px solid #00baf2; background-color: #fff; left: -9px; top: 18px; } .new-data-list > ul li .n-name span { float: left; margin-right: 5px; display: inline-block; padding: 17px 30px 17px 10px ; } .new-data-list > ul li span { float: right; } .new-data-list > ul li:nth-child(2n-1) .n-name { background-color: #f5f5f5; } .new-data-list > ul > li + li { border-top: none; } .tlelist_b{ clear: both; padding-top: 30px;} .tlelist_b li{ float: left; width: 112px; height: 158px; text-align: center; border:1px solid #e7e7e7; margin-right: 16px; margin-bottom: 20px; } .tlelist_b li img{ margin:20px auto 10px auto; } .tlelist_b li a{ display: block; text-align: center; } .tlelist_b li a:hover{ color:#f04720; text-decoration: underline; } .tlelist_b li span{font-size: 13px; color: #898989;} .tlelist_b li:nth-child(3n){margin-right: 0;} .tlecloud{ overflow: hidden; height:282px width:378px; padding-top: 10px; clear: both;} .bottom{background: #222f3e; padding-top: 18px;} .bottomlist{ width: 650px; margin: auto; text-align:center; } .bottomlist li{ display: inline-block; color: #fff; font-size: 14px; padding: 2px 6px;} .bottomlist li a{ color: #fff; font-size: 14px; } .bottominfo{text-align: center; line-height: 22px; clear: both; font-size: 14px; color: #9eacbd; padding:22px 0;} @font-face {font-family: "iconfont"; src: url("/dataqhlsjcom/odweb/fujian/font/iconfont.eot"); /* IE9*/ src: url("/dataqhlsjcom/odweb/fujian/font/iconfont.eot") format('embedded-opentype'), /* IE6-IE8 */ url("/dataqhlsjcom/odweb/fujian/font/iconfont.woff") format('woff'), /* chrome, firefox */ url("/dataqhlsjcom/odweb/fujian/font/iconfont.ttf") format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ url("/dataqhlsjcom/odweb/fujian/font/iconfont.svg") format('svg'); /* iOS 4.1- */ } .iconfont { font-family:"iconfont" !important; font-size:16px; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; } .icon-1:before{content: "\e615";} .icon-2:before{content: "\e613";} .icon-3:before{content: "\e616";} .icon-4:before{content: "\e61a";} .icon-5:before{content: "\e614";} .icon-6:before{content: "\e617";} .icon-7:before{content: "\e618";} .icon-8:before{content: "\e619";} .icon-9:before{content: "\e61b";} .icon-10:before{content: "\e621";} .icon-11:before{content: "\e61c";} .icon-12:before{content: "\e625";} .icon-13:before{content: "\e61d";} .icon-14:before{content: "\e61e";} .icon-15:before{content: "\e61f";} .icon-16:before{content: "\e622";} .icon-17:before{content: "\e620";} .icon-18:before{content: "\e623";} .icon-19:before{content: "\e626";} .icon-20:before{content: "\e624";} .icon-21:before{content: "\e627";} .icon-22:before{content: "\e629";} .icon-23:before{content: "\e628";}