html { /*IE10 IE11始终显示滚动条*/ -ms-overflow-style: scrollbar; } body { margin: 0; padding: 0; font-size: 16px; /*background-color: #CDEBFB;*/ /*-webkit-text-size-adjust: none;*/ font-family: "微软雅黑"; } .body { background-color: #fff; } ul, li { margin: 0; padding: 0; } .fl { float: left; } .rl { float: right; } li { list-style-type: none; } img { border: 0; } p { margin: 0; padding: 0; } .clearfix { zoom: 1; overflow: hidden; } .clearfix:after { content: ""; display: block; clear: both; } a { text-decoration: none; } a:hover { color: rgb(22, 100, 162); } .s-14 { font-size: 14px; } .m-r { margin-right: 7px; } .min-wrap { max-width: 1280px; min-width: 1000px; margin: 0 auto; } .main-wrap { width: 1200px; margin: 0 auto; } .main-body { background-color: white; margin-bottom: 20px; } .nav>li>a { padding: 5px 15px; } .navcon { width: 100%; /*filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=red,endcolorstr=blue,gradientType=0); -ms-filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=red,endcolorstr=blue,gradientType=0);/*IE8*/ /*background:#4997cc; /* 一些不支持背景渐变的浏览器 */ /*background:-moz-linear-gradient(top, #4997cc, rgba(31, 123, 162, 0.5)); background:-webkit-gradient(linear, 0 0, 0 bottom, from(#4997cc), to(rgba(31,123,162, 0.5))); */ /* background:-o-linear-gradient(top, #4997cc, rgba(31, 123, 162, 0.5));*/ background-color: #005e98; } .shadow { -moz-box-shadow: 3px 3px 4px #7d7d7d; -webkit-box-shadow: 3px 3px 4px #7d7d7d; box-shadow: 3px 3px 4px #7d7d7d; /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#7d7d7d')"; /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#7d7d7d'); } .navcon_box { width: 1200px; margin: 0 auto; } .logo_box { float: left; width: 35%; } .logo { float: left; height: 100%; line-height: 80px; font-size: 32px; color: #02b2b5; } .logoImg_box { padding-left: 76px; } .nav_right { width: 65%; float: right; } .navs .active { border-bottom: 2px solid #fff; } .Hidens { display: none; } .Input_box { border: 1px solid #99b6cd; height: 22px; width: 55%; position: relative; padding: 2px; margin-top: 20px; border-radius: 5px; } .Seach_box { height: 18px; width: 140px; border: 0; background: transparent; outline: none; position: absolute; font-size: 14px; padding: 2px; color: #99b6cd; } .Seac_icon { background: url(../img/ss.png)no-repeat; width: 20px; height: 20px; display: block; position: absolute; right: 0; /* line-height: 51px; */ top: 7px; } .login_icon { background: url(../img/login.png)no-repeat; width: 20px; height: 20px; display: block; margin-top: 25px; } .login_btton { color: #fff; } .login_box { padding-left: 10px; } .login_box a { color: #fff; cursor: pointer; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #99b6cd; } input:-moz-placeholder, textarea:-moz-placeholder { color: #99b6cd; } input::-moz-placeholder, textarea::-moz-placeholder { color: #99b6cd6; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #99b6cd; } .navcon_1 { margin-bottom: 10px; } .navCon { margin-top: 10px; } .ban_title { width: 1200px; margin: 0 auto; } .ban_title img { width: 360px; margin: 30px 0; } .Content_box { height: 310px; /*background-color: #03B2B7;*/ border: 1px solid #809fca; /*border-top: 5px solid #00a1cb;*/ } .Content_border{ -webkit-border-radius:5px 5px 0px 0px ; -moz-border-radius:5px 5px 0px 0px ; border-radius: 5px 5px 0px 0px; } .content_title { font-weight: bold; letter-spacing: 2px; background:url(../img/flay_bj.png) repeat-x; padding-right: 12px; height: 40px; line-height: 40px; border-bottom: 1px solid #809fca; overflow: hidden; } .content_title .fltext{ width: 100px; background: #005e98; color: #FFFFFF; font-size: 16px; float: left; padding-left: 50px; position: relative; } .content_title .flbackg{ background: #005e98; color: #FFFFFF; font-size: 16px; float: left; padding-left: 50px; width: 100%; position: relative; } .content_title .arrow{ position: absolute; left: 10px; top: -1px; } .content_title .frtext{ width: 150px; background: #005e98; color: #FFFFFF; font-size: 16px; float: right; } .content_moddile { padding: 0 15px; padding-top: 12px; } .cont_modtitle { color: #00a1cb; } .cont_wz { margin-bottom: 14px; } .fx { border-bottom: 1px dashed #ccc; } .new_list li { height: 30px; padding-left: 15px; position: relative; } .new_list li .dot{ position: absolute; left: 8px; top: 11px; border-radius: 3px; -moz-border-radius: 3px; /* Firefox */ -webkit-border-radius: 3px; /* Safari 和 Chrome */ width: 6px; height: 6px; background: #20588f; } .new_list li:hover { background-color: #f5f5f5; } /*.content_foot ul.MQ li:nth-of-type(even){ background-color: #f3f3f3; } */ .new_title { height: 100%; line-height: 30px; padding: 0 15px; } .new_title h1 { margin: 0; padding: 0; font-weight: normal; line-height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; float: left; width: 55%; } .new_title em { font-style: normal; } .new_title a { color: #000; display: block; width: 100%; color: #666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .new_title a:hover { color: #00b5e4!important; } .mores { font-weight: normal; margin-right: 30px; font-size: 14px; } .mores a { color: #000; display: block; position: relative; } .mores a .add_icon{ position: absolute; right: -20px; top: -1px; } .mores a:hover { color: #00a1cb; } .new_img li { float: left; width: 24%; } .content_foot_img { padding: 15px 10px 0 10px; } ._imgbox { text-align: center; padding: 5px; cursor: pointer; } /*主体*/ .main-bar { height: 80px; background-color: #02B2B5; } .main-bar .logo { float: left; margin-top: 19px; width: 408px; height: 53px; /*background: * url("") no-repeat;*/ border: 1px solid red; } .main-bar .back { float: right; background-color: #ea544a; border-radius: 20px; font-family: "Microsoft Yahei"; height: 30px; line-height: 30px; width: 92px; text-align: center; margin-top: 28px; color: white; } .main-bar .back a { color: white; font-size: .93em; } .main-bar .back a:hover { color: white; text-decoration: underline; } .main-bar .nav { /*float: left;*/ font-family: "Microsoft Yahei"; } .Foots { border: 1px solid #ccc; } .foot_ul li { float: left; width: 20%; margin-bottom: 15px; cursor: pointer; } .FootBox { text-align: center; padding: 50px; } .index-banner { line-height: 0; height: 300px; } .index-banner img { display: block; width: 100%; height: 100%; } .col-wide { float: left; width: 650px; } .col-narrow { margin-left: 700px; } .box-01 .box-title { padding: 16px 10px 16px 0; height: 16px; margin-bottom: 20px; } .box-01.red-bg .box-title { background-color: #85c300; text-align: center; color: #fff; } .col-narrow .rt-box { height: 47px; line-height: 47px; border-bottom: 2px solid #000; position: relative; } .col-narrow .rt-box .right-title { float: left; color: #c44542; } .col-narrow .rt-box .bor-line { width: 50%; height: 2px; line-height: 0; background: #c44542; position: absolute; bottom: -2px; } .col-narrow .rt-box .right-more { float: right; } .col-narrow .rt-box .right-more a { color: #000; font-size: 12px; } .col-narrow .rt-box .right-more a:hover { color: #ac2e3b; } .col-narrow .bianmin-con { margin-left: -10px; height: 240px; } .col-narrow .bianmin-con li { float: left; width: 30%; height: 70px; margin-left: 10px; background: aqua; margin-top: 10px; } .col-narrow .bianmin-con li a, .col-narrow .bianmin-con li a img { display: block; width: 100%; height: 100%; } .col-narrow .bianmin-con li.seven, .col-narrow .bianmin-con li.four { width: 63%; } .col-narrow .sjtj-con { border: 1px solid #707070; text-align: center; font-size: 16px; border-radius: 5px; overflow: hidden; margin-top: 10px; padding-bottom: 15px; } .col-narrow .sjtj-con .sjtj-title { background: #ac2e3b; color: #fff; height: 45px; line-height: 45px; } .col-narrow .sjtj-con ul li { width: 50%; float: left; margin-top: 25px; } .box-01 .box-title-name { float: left; font-family: "Microsoft Yahei"; line-height: 1em; height: 2em; padding-left: 10px; border-left: 7px solid #00a1cb; } .col-narrow .box-01.gray-bg .box-title .right-title { border-left: 0; color: rgb(22, 100, 162); } .col-narrow .box-01.gray-bg .box-title .box-title-name, .col-narrow .box-01.gray-bg .box-title .box-title-more a { /*color: #000;*/ } .box-01.red-decoration .main-content { padding: 0px 30px 0px 20px; color: #333; font-size: .875em; border: 1px solid #d8d8d8; } .box-01.red-decoration .main-content .content-title { text-align: center; color: #000000; font-size: 20px; font-family: "宋体", "黑体", "新宋体"; font-weight: bold; margin: 20px auto; } .box-01.red-decoration .main-content .gary-line { border-bottom: solid 1px #ddd; margin: 10px 36px; } .box-01.red-decoration .main-content .content-info { text-align: center; font-size: 12px; border: #dcdcdc dashed 1px; border-width: 0 0 1px 0; padding-bottom: 15px; } .box-01.red-decoration .main-content .content-text { margin: 15px 32px; line-height: 30px; } .box-01 .box-title-more { float: right; text-align: right; color: #999999; font-size: .75em; line-height: 1.34em; } .box-01 .box-title-more a { color: #333; } .box-01 .box-title-more a:hover { color: #ac2e3b; text-decoration: none; } ul.news-list.gray-line>li { height: 50px; border-bottom: 1px dashed #e0e0e0; padding-right: 20px; } ul.news-list.gray-line>li .news-title { height: 100%; } ul.news-list.gray-line>li:prev-child { border: none; padding-top: 10px; } ul.news-list.gray-line>li:after { content: ""; display: block; clear: both; height: 0; } ul.news-list.gray-line .news-pic img { width: 120px; height: 90px; display: block; } ul.news-list.gray-line .news-title>h1 { margin: 0; padding: 0; font-weight: normal; color: #ea544a; font-size: .875em; line-height: 50px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; float: left; width: 55%; } ul.news-list.gray-line .news-title>h1>a { display: block; width: 100%; color: #666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } ul.news-list.gray-line .news-title:hover h1>a { color: rgb(22, 100, 162); /*text-decoration: underline;*/ } ul.news-list.gray-line .news-title>p { margin: 0; padding: 0; color: #999999; font-size: .75em; line-height: 2.4em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } ul.news-list.gray-line .news-title>em { display: block; font-style: normal; font-family: Verdana; font-size: .75em; line-height: 50px; color: #666666; float: right; } .lm-table { table-layout: fixed; width: 100%; font-size: .75em; padding-bottom: 11px; } .lm-table td { border-bottom: 1px solid #f6f6f6; height: 48px; line-height: 48px; padding: 0 15px; text-align: center; font-size: 13px; } .lm-table .lm-title td { background-color: #f2f2f2; font-family: "Microsoft Yahei"; color: #1a1a1a; font-size: 1.17em; height: 40px; line-height: 40px; } .lm-table .last td { border: none; } .lm-table .red { color: #f18c86; } .lm-table .date { color: #8c8c8c; font-family: Verdana; } .lm-table .organizer { color: #666666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .lm-table .content a { font-size: 13px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #3f3f3f; } .lm-table .content a:hover { color: #c44542; } ul.news-list.news-r-red>li { border-bottom: 1px dashed #ccc; background-color: #F6F6F6; height: 50px; } ul.news-list.news-r-red>li>.m-across { padding: 0px 20px 0px; height: 100%; } ul.news-list.news-r-red>li>.m-across:hover { /* border-right: 2px solid #ff5256;*/ cursor: pointer; } ul.news-list.news-r-red>li.odd { /*background-color: #f6f6f6;*/ } ul.news-list.news-r-red>li>.m-across>a { display: block; font-size: .875em; line-height: 44px; color: #666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; float: left; width: 50%; height: 100%; line-height: 50px; } ul.news-list.news-r-red>li>.m-across:hover a { color: #c44542; } ul.news-list.news-r-red>li>.m-across>em { display: block; font-style: normal; font-family: Verdana; font-size: .75em; height: 100%; line-height: 50px; color: #666; float: right; } .count { font-family: "Microsoft Yahei"; color: white; } .count .all-count { background-color: #F6F6F6; } .all-count ul.acceptance { font-size: .875em; color: #666666; } .today-count ul.acceptance { font-size: 14px; color: #666; } ul.acceptance li .pl-30 { height: 100%; line-height: 50px; } ul.acceptance li { width: 100%; height: 50px; text-align: center; } .all-count .dcon { text-indent: 30px; color: #262626; font-size: 14px; padding: 20px 10px 10px 10px; line-height: 25px; } .all-count .dcan { width: 75%; margin: 0 auto; padding: 10px 0; } .all-count .dcan a { display: block; height: 30px; width: 85px; text-align: center; line-height: 30px; background: #03b2b7; border-radius: 20px; color: #fff; font-size: 15px; } .all-count .dcan a.dc { float: left; } .all-count .dcan a.ck { float: right; } ul.acceptance>li>img { display: block; float: left; margin-top: 3px; } .count .number { margin: 0 15px; } .box-content .fw-guide { margin-left: -20px; } .box-content .fw-guide li { float: left; width: 22%; height: 70px; margin-left: 20px; margin-top: 25px; border-radius: 3px; } .box-content .fw-guide li a { display: block; width: 100%; height: 100%; text-align: center; color: #fff; font-size: 14px; box-sizing: border-box; } .box-content .fw-guide li a i { display: block; height: 32px; width: 32px; margin: 0 auto; margin-top: 8px; } .box-content .fw-guide li.serv1 { background: #4b83b4; } .box-content .fw-guide li.serv1 a i { background: url("../img/sky .png") no-repeat 0 0; } .box-content .fw-guide li.serv2 { background: #cdc27c; } .box-content .fw-guide li.serv2 a i { background: url(../img/email.png) no-repeat 0 3px; } .box-content .fw-guide li.serv3 { background: #cdb49e; } .box-content .fw-guide li.serv3 a i { background: url(../img/chaxun.png) no-repeat 0 0; } .box-content .fw-guide li.serv4 { background: #9cc0e0; } .box-content .fw-guide li.serv4 a i { background: url(../img/tousu.png) no-repeat 0 0; } .box-content .fw-guide li.serv5 { background: #d0c6de; } .box-content .fw-guide li.serv5 a i { background: url(../img/churu.png) no-repeat 0 0; } .box-content .fw-guide li.serv6 { background: #88bcb7; } .box-content .fw-guide li.serv6 a i { width: 34px; height: 34px; background: url(../img/trade.png) no-repeat 0 0; } .box-content .fw-guide li.serv7 { background: #9dadc6; } .box-content .fw-guide li.serv7 a i { background: url(../img/cost.png) no-repeat 0 0; } .box-content .fw-guide li.serv8 { background: #e48b93; } .box-content .fw-guide li.serv8 a i { background: url(../img/pulic.png) no-repeat 0 0; } .footer { background: #00a1cb; font-size: 14px; color: #fff; padding: 30px 0; } .footer .footer-con { height: 100%; width: 1000px; margin: 0 auto; } .footerbox { text-align: center; line-height: 20px; } .footerbox a { color: #fff; } .box-01 .sqsl_detail { position: relative; /*padding: 10px 36px 36px;*/ } .box-01 .sqsl_detail table { width: 100%; border-collapse: collapse; } .box-01 .sqsl_detail table th { width: 15%; text-align: center; background: rgb(240, 244, 247); padding: 10px 15px; font-weight: normal; border: 1px solid #e6e6e6; font-size: 14px; color: #000; } .box-01 .sqsl_detail table td { padding: 5px 15px; font-size: 14px; line-height: 30px; border: 1px solid #e6e6e6; color: #666; } .accessible-wrap { display: none; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; -khtml-user-select: none; user-select: none; } .accessible-body { position: fixed; z-index: 10; width: 100%; min-width: 1000px; text-align: right; padding: 10px 0; font-size: .875em; background-color: white !important; border-bottom: 1px solid #ddd; } .accessible-body-fixed { height: 47px; } .accessible-body span { display: inline-block; padding: 0 10px; margin-left: 6px; border: 1px solid #ccc; border-radius: 5px; background-color: #f3f3f3 !important; line-height: 24px; color: #444 !important; cursor: pointer; } .contrast, .contrast * { background: black !important; color: white !important; } .pagination { display: block; width: 100%; margin: 5px auto; } .pagination-detail { margin-top: 8px; } .fixed-table-pagination { font-size: 14px; } .fixed-table-pagination div.pagination { width: 55%; } .JumpPage { padding: 6px 0; height: 18px; } .ban-bottom { margin: 25px 0; } .ban-bottom li { float: left; width: 16.6%; height: 112px; box-sizing: border-box; padding: 10px; border-right: 1px dashed #ccc; } .firli { text-align: center; color: #ac2e3b; font-size: 20px; } .firli b { font-size: 45px; } .ban-bottom li a { display: block; width: 100%; text-align: center; } .ban-bottom li a .bbtop { margin: 8px 0; } .ban-bottom li a p { font-size: 14px; color: #666666; } .ban-bottom li a i.icon { display: inline-block; background: url(../img/icon.png) no-repeat; background-size: 25px; height: 25px; width: 25px; vertical-align: middle; margin-right: 5px; } .ban-bottom li a i.icon1 { background-position: 0 0; } .ban-bottom li a i.icon2 { background-position: 0 -25px; height: 23px; } .ban-bottom li a i.icon3 { background-position: 0 -47px; } .ban-bottom li a i.icon4 { background-position: 0 -72px; height: 21px } .ban-bottom li a i.icon5 { background-position: 0 -93px; } .chaxun-con { padding: 20px; } .box-title .chaxun>div { float: left; } .box-title .chaxun { float: right; } .box-title .chaxun>div>p { display: inline-block; width: 150px; height: 25px; border: 1px solid #ccc; position: relative; margin-right: 5px; } .box-title .chaxun>div>p>input { border: 0; width: 90%; height: 23px; outline: none; padding-left: 5px; } .box-title .chaxun>div.zonghe { margin-left: 35px; cursor: pointer; line-height: 26px; } .box-title .chaxun>div.zonghe .zhank { display: inline-block; background: url(../img/zhank.png); height: 9px; width: 15px; margin-left: 5px; animation: bounce .5s ease-in-out infinite; } @keyframes bounce { 0% { -webkit-transform: translate3d(0, 0px, 0); transform: translate3d(0, 0px, 0); } 50% { -webkit-transform: translate3d(0, -3px, 0); transform: translate3d(0, -3px, 0); } 100% { -webkit-transform: translate3d(0, 0px, 0); transform: translate3d(0, 0px, 0); } } .cxr * { box-sizing: content-box!important; } .cxr { height: auto; } .cx-title { width: 100%; height: 30px; text-align: center; line-height: 30px; background: #02b2b7; color: #fff; margin-bottom: 20px; } .cxr p { font-size: 15px; } .cxr .gjcx-row1 p, .cxr .gjcx-row2 p { float: left; width: 33.3%; text-align: center; margin-bottom: 15px; } .cxr .gjcx-row1 input { padding-left: 10px; width: 143px; } .cxr .gjcx-row1 input.laydate-icon { padding-right: 0; } .cxr .gjcx-row2 select { height: 25px; line-height: 25px; outline: none; padding-left: 30px; width: 125px; } .gjcx-row3 { width: 30%; margin: 0 auto; } .gjcx-row3 .psw { outline: none; height: 27px; padding-left: 10px; font-size: 15px; cursor: pointer; width: 140px; border-radius: 5px; background-color: #337ab7; border-color: #337ab7; color: #fff; margin-top: 10px; border: 0; } .gjcx-row3 p span { display: inline-block; width: 300px; height: 25px; border: 1px solid #ccc; position: relative; } .gjcx-row3 p span input { height: 90%; border: 0; width: 90%; } .gjcx-row3 p span a { display: block; height: 25px; width: 25px; position: absolute; right: 2px; top: 0px; background: url(../img/search.png) center center no-repeat; background-position: center center; } .diaocha { color: #4c4c4c; font-family: "microsoft yahei"; padding: 30px 35px; } .diaocha .diaocha-title { font-size: 24px; text-align: center; /*margin-top: 30px;*/ } .dctle-con { text-indent: 32px; font-size: 16px; padding: 30px 0; } .diaocha-con h2 { font-weight: normal; font-size: 16px; } .diaocha-con .radio, .diaocha-con .checkbox { font-size: 14px; padding-left: 30px; } .diaocha-con .checkbox { width: 22.5%; float: left; margin-top: 0; } .checkbox+.checkbox { margin-top: 0px; } .diaocha hr { border-top: 4px solid #ccc; margin-bottom: 40px; } .tj-box { width: 30%; margin: 0 auto; } .tj-box a { display: block; height: 35px; width: 100px; text-align: center; line-height: 35px; background: #03b2b7; color: #fff; border-radius: 3px; } .tj-box .dctj { float: left; } .tj-box .dcck { float: right; } .result-con { padding-left: 30px; } .result-con>div { float: left; font-size: 14px; } .result-con .releft { width: 30%; } .result-con .remiddle { width: 40%; } .result-con .reright { width: 10%; margin-left: 20px; } .progress { height: 16px; } .progress-bar-success { background-color: #97c44f; } .progress-bar-warning { background-color: #f2d561; } .progress-bar-zise { background-color: #c278a9; } .progress-bar-cheng { background-color: #fc9765; } .progress-bar-bohe { background-color: #87ebf1; } .progress-bar-fen { background-color: #ffe6de; } .progress-bar-dousha { background-color: #ef9c94; } .progress-bar-qing { background-color: #deffde; } .lv { color: #97c44f; } .huang { color: #f2d561; } .hong { color: #d9534f; } .lan { color: #5bc0de; } .zise { color: #c278a9; } .cheng { color: #fc9765; } .bohe { color: #87ebf1; } .fen { color: #ffe6de; } .dousha { color: #ef9c94; } .qing { color: #deffde; } .return { display: block; height: 35px; width: 100px; text-align: center; line-height: 35px; background: #03b2b7; color: #fff; border-radius: 3px; margin: 0 auto; } .nextGo { display: block; line-height: 35px; width: 100px; text-align: center; line-height: 35px; background: #00a1cb; color: #fff; border-radius: 3px; margin: 0 auto; outline: none; border-color: #00a1cb; } .personal .table { width: 90%; margin: 20px auto; } .personal .table tr td { text-align: center; } .personal .table tr td img { margin-right: 5px; } .personal .table tr td input[type=text] { width: 90%; height: 20px; border: 0; outline: none; text-align: center; } .personal .table tr td:first-child { text-align: right; width: 20%; } .personal .table tr td select { vertical-align: middle; font-size: 14px; outline: none; width: 100px; height: 30px; padding-left: 5px; } .personal .table tr td button { color: #fff; background: #ac2e3b; border: 0; padding: 5px 10px; border-radius: 3px; margin: 10px auto; display: block; } .Input_ { background-color: #FFF; background-image: none; border: 1px solid #ccc; border-radius: 1px; color: inherit; padding: 6px 12px; } .sys-title { color: #990000; font-size: 40px; font-family: "宋体"; height: 140px; line-height: 140px; padding-left: 50px; } .hr { border-top: 1px solid #d9d9d9; } .sys-con img { display: block; height: 295px; width: 340px; margin: 40px auto; } .sys-word .weihu, .sys-word .sys-time { color: #b10808; font-size: 36px; text-align: center; } .sys-word .sys-time { font-size: 25px; } .sys-word .sys-xuan { text-align: right; width: 50%; margin: 0 auto; color: #b10808; font-size: 24px; } /*._imgbox img { width: 275px; height: 190px; }*/ .m-r a { display: block; width: 100%; color: #666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: pointer; } .m-r .new_imga { height: 20px; line-height: 20px; text-align: center; margin-top: 5px; margin-bottom: 10px; } /*头部*/ .topbar { padding: 5px 0; background-color: #f7f7f7; } .container { width: 1200px; font-size: 12px; } .Right_f li { display: inline-block; padding-left: 5px; padding-right: 5px; } .Right_f img { vertical-align: middle; } .Right_f .weibo { vertical-align: middle; margin-left: -6px; line-height: 18px; width: 22px; height: 18px; display: inline-block; background: url(../img/sidebar-icons.jpg) 0 -2px no-repeat; } .container ul li a { color: #5d5d5d; } .container ul li a:hover { color: #00a1cb; } .headbar { height: 120px; background-color: #fff; border-bottom: 1px solid #ddd; } .brand { margin-top: 20px; width: 50%; margin-left: 30px; } .headbar .Right_nav { margin-top: 34px; width: 43%; } .Right_nav li { display: inline-block; height: 25px; padding-left: 30px; padding-right: 30px; line-height: 25px; position: relative; } .Right_nav li::after { content: ""; position: absolute; top: 0px; height: 50px; width: 1px; right: 0; background-color: #7ec5d7; } .Right_nav li:nth-of-type(5):after { width: 0; } .container .Right_nav li a { color: #8a8686; width: 36px; font-size: 16px; display: inline-block; } .container .Right_nav li a:hover { color: #00a1cb; } .container .Right_nav li a.active { color: #00a1cb; } .nav-justified { width: 100%; } .nav-justified>li>a { font-size: 18px; color: #fff; /*font-weight: bold; border-left: 1px solid #00b5e4;*/ } .nav-justified>li:first-child>a { border-left: 0; } .nav>li>a:focus, .nav>li>a:hover { text-decoration: none; background-color: #0091b7; } .btn-primary { color: #ffffff; background-color: #00a1cb; border-color: transparent; } .btn { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 25px; font-size: 14px; line-height: 1.42857143; border-radius: 0; } .bg-default { background-color: #f5f5f5; text-align: right; } #searchx { outline: none; box-shadow: none !important; background-color: transparent !important; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #777777; background-color: #ffffff; background-image: none; border: 1px solid #fff; border-radius: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s } .input-group-addon { position: relative; right: -12px; border: none!important; background: #f5f5f5!important; padding: 6px 12px; font-size: 14px; font-weight: normal; line-height: 1; color: #777777; text-align: center; background-color: #ffffff; border: 1px solid #cccccc; border-radius: 0; } ::-webkit-input-placeholder { /* WebKit browsers */ color: #ccc!important; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #ccc!important; opacity: 1; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #ccc!important; opacity: 1; } :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #ccc!important; } .seach_img { background: url(../img/search.png)no-repeat; width: 20px; height: 20px; display: block; } .actives { background: #3598d5; } .imgs a { color: #000000!important; } .imgs a:hover { color: #00b5e4!important; } /*._imgbox img { width: 168px; height: 110px; }*/ .Sl { text-align: center; padding: 10px; } .Sl li { width: 50%; float: left; } .btn { text-align: center; background: #00b5e4; color: #fff; border-radius: 3px; margin: 0 auto; outline: none; border-color: #00b5e4; } .box-show { cursor: pointer; opacity: 0.5; } .new_imga:hover { color: #00b5e4!important; } /*分界图片1*/ .img-boundary { /*margin-bottom: 10px;*/ margin-left: 0; padding-left: 0; padding-right: 0; } .img-boundary li { width: 24%; float: left; /* padding: 5px; */ margin-right: 13px; border: 1px solid #ccc; /* margin-bottom: 13px*/ } .img-boundarys li { width: 24%; float: left; /* padding: 5px; */ margin-right: 13px; border: 1px solid #ccc; /* margin-bottom: 13px*/ } .img-boundary li:nth-of-type(4) { margin-right: 0; } /*实时统计*/ .content_foot { padding: 10px; } /*.left-statistics, .right-statistics{ margin: 20px; width: 40%; }*/ .left-statistics { position: relative; width: 100%; text-align: center; } .left-statistics p, .right-statistics p { margin-bottom: 20px; } .left-statistics span, .right-statistics span { color: #626262; font-size: 14px; } .left-statistics p span:nth-of-type(1), .left-statistics p span:nth-of-type(4), .right-statistics p span:nth-of-type(1) { color: #616161; font-weight: bold; font-size: 14px; } .left-statistics p span:nth-of-type(2), .left-statistics p span:nth-of-type(5), .right-statistics p span:nth-of-type(2) { color: #bd261f; font-weight: bold; font-size: 16px; } .statistics-content { text-align: center; } .statistics-content li { float: left; position: relative; height: 40px; margin-bottom: 20px; width: 50%; } .statistics-content li span { width: 100%; } .statistics-content li span:nth-of-type(1) { padding-left: 24px; padding-right: 10px; } .statistics-content li span:nth-of-type(2) { position: absolute; color: #049ad9; font-weight: bold; display: inline-block; text-align: center; left: 0; top: 24px; } .statistics-icon { width: 22px; height: 19px; display: inline-block; background: url(../img/sidebar-icons.jpg) no-repeat left top; position: absolute; top: 2px; } .statistics-icons { width: 22px; height: 19px; display: inline-block; background: url(../img/statistics-icon.png) no-repeat left top; position: absolute; top: 2px } .statistics-icon-10 { background-position: -2px -54px } .statistics-icon-1 { background-position: -93px 0; } .statistics-icon-2 { height: 13px; line-height: 13px; background-position: -93px -17px; } .statistics-icon-3 { background-position: -68px -30px; } .statistics-icon-4 { height: 16px; line-height: 16px; background-position: -93px -47px; } .statistics-icon-5 { height: 16px; line-height: 16px; background-position: -92px -64px; } .statistics-icon-6 { background-position: -93px -79px; } .statistics-icon-7 { background-position: -93px -97px; } /*县睢简介*/ .introduction { margin-bottom: 10px; margin-left: 0; padding-left: 0; padding-right: 0; } .introduction-left { width: 26%; padding-left: 10px; margin-right: 15px; margin-top: 30px; } .introduction-left span { float: left; width: 112px; height: 42px; text-align: center; line-height: 42px; font-size: 42px; font-weight: bold; text-indent: 0.5em; color: #00a1cb; } .introduction-left p { color: #626262; line-height: 26px; } .introduction-left p:not(:nth-of-type(1)) { text-indent: 2em; } .introduction-right { width: 70%; } .introduction-right ul { font-size: 0; } .introduction-right li { display: inline-block; position: relative; width: 33.333%; } .introduction-right li:nth-of-type(1) { background-color: #4dabdc; } .introduction-right li:nth-of-type(2) { background-color: #2acfdf; } .introduction-right li:nth-of-type(3) { background-color: #86af5d; } .introduction-right li span { display: inline-block; height: 52px; line-height: 52px; color: #fff; font-size: 24px; padding-left: 16px; } .introduction-right .statistics-icon { width: 26px; height: 30px; right: 10px; top: 10px; background: url(../img/statistics-icon.png) left top no-repeat; background-position: 0 -74px; } .introduction-right li img { display: block; width: 100%; height: 324px; } .Content+hr { margin-top: 0; } /*footerbar*/ .footerbar { margin-bottom: 8px; padding-right: 0; padding-left: 0; } .footerbar ul { width: 97%; margin: 18px auto; } .footerbar dt { font-weight: normal; } .footerbar dt, .footerbar dd { padding-top: 8px; padding-bottom: 8px; } .footerbar ul li dl a { color: #4d4d4d; } .footerbar ul li dl a:hover { color: #7ec5d7; } .footerbar ul li dl dt a { font-size: 16px; } .footerbar ul li dl dd a { font-size: 14px; } .footerbar li { float: left; margin-left: 80px; margin-right: 80px; } .layui-layer-title { background-color: #00a1cb !important; } .layui-layer-btn .layui-layer-btn0 { border-color: #00a1cb !important; background-color: #00a1cb !important; } .bannerContainer { width: 100%; overflow: hidden; } .bannerContainer img { width: 100%; height: 100%; display: block; font-size: 0; text-align: center; } @media only screen and (max-width: 1920px) { .Content { min-height: 680px; /*1920屏幕下*/ } .bannerContainer { height: 200px; } } @media only screen and (max-width: 1366px) { .Content { min-height: 400px; /*1366屏幕下*/ } .bannerContainer { height: 200px; } } /*侧栏*/ .elevator { position: fixed; width: 80px; bottom: 0; margin-top: -140px; right: 0px; z-index: 999; background-color: #fff; box-shadow: 0 4px 12px 0 rgba(7, 17, 27, .1); background-size: cover; _position: absolute; _bottom: "auto"; right/*\**/ : 20px\9; } .elevator .elevator-title { width: 100%; display: block; background-color: #e60111; color: #fff; text-align: center; margin-bottom: 10px; font-size: 13px; height: 20px; line-height: 20px; } .elevator a i.icon-lineChat { background: url(../img/lineChat.png) no-repeat; } .elevator a { display: block; box-sizing: border-box; text-align: center; padding: 10px 0; border: 1px solid #fff; font-size: 22px; color: #fff; background-color: #848484; } .elevator a i { line-height: 38px; width: 38px; height: 38px; display: block; margin: 0 auto; margin-bottom: -10px; background: url(../img/sidebar-icons.jpg) no-repeat; } .elevator .icon-wxgzh { background-position: 0 -22px; } .elevator .icon-xlwb { background-position: 0 -61px; } .elevator .icon-appdownload { background-position: 0 -97px; } .elevator .icon-up2 { background-position: 0 -136px; } .elevator a span { display: block; margin-top: 20px; font-size: 12px; color: #fff; line-height: 12px; } .elevator a:hover { background-color: #83d1f4; } .elevator .no-goto, .elevator .elevator-app { border-bottom: none; width: 80px; } .elevator-weixin:hover .elevator-weixin-box { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 0 0; transform-origin: 0 0; top: 30px; } .elevator-weixin:hover .elevator-xlwb-box { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 0 0; transform-origin: 0 0; top: 0px; } .elevator-app:hover .elevator-app-box { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 0 0; transform-origin: 0 0; top: 0px; } .elevator .elevator-weixin-box, .elevator .elevator-xlwb-box, .elevator .elevator-app-box, .topbarWx .topbarWx-box, .topbarClient .topbarClient-box { position: absolute; width: 150px; box-sizing: border-box; border: 1px solid #EBEBEB; background-color: #fff; right: 80px; padding: 18px 0 13px 0; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(.01); transform: scale(.01); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; z-index: 333; } .elevator a .elevator-weixin-code, .elevator a .elevator-xlwb-code, .topbarWx-box .topbarWx-code { width: 108px; height: 108px; line-height: 108px; display: block; margin: 0 auto; background: url(../img/sidebar-icons.jpg) no-repeat; } .elevator a #elevator-app-qrcode, .topbarClient-box #elevator-app-qrcode0 { width: 108px; height: 108px; line-height: 108px; display: block; margin: 0 auto; } .elevator a .elevator-weixin-code, .topbarWx-box .topbarWx-code { background-position: -2px -179px; } .elevator a .elevator-xlwb-code { background-position: -2px -292px; ; } .elevator .elevator-weixin-box span, .elevator .elevator-xlwb-box span, .elevator .elevator-app-box span, .topbarWx-box span, .topbarClient span { color: #6c6c6c; font-size: 14px; } /*顶部微信公众号添加二维码*/ .topbarWx:hover .topbarWx-box { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 0 0; transform-origin: 0 0; top: 30px; } .topbarClient:hover .topbarClient-box { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 0 0; transform-origin: 0 0; top: 30px; } .topbarWx .topbarWx-box { text-align: center; right: 50%; top: -178px; } .topbarWx-box span, .topbarClient-box span { display: inline-block; padding-top: 7px; } .topbarClient .topbarClient-box { text-align: center; right: 50%; top: -178px; } .nav-justified li { width: 10%; } .ban-img { margin: 10px; } .ban-border{ height: 56px; border-left: 1px solid #7e9aab; } .Baner-pos { text-align: center; } .Baner-pos span { font-size: 12px; display: block; } .Baner-pos p { font-size: 18px; letter-spacing: 2px; line-height: 42px; } .nav { float: left; width: 100%; } .nav li { float: left; width: 16.5%; color: #fff; } .nav li a { color: #fff; overflow: hidden; }