@charset "utf-8"; /* css document */ .top{ position:absolute; height:60px; line-height:60px; background:rgba(0,0,0,.1); color:#fff } .user{ margin-left:10px; padding-left:25px; background:url(/uploads/image/simages/user.png) left center no-repeat } .user:link,.user:visited{ color: #fff;} .top .fl em{ margin-left:10px } .userlist{ position:absolute; right:-20px; top:60px; background:white; line-height:35px; padding:0 10px; border-radius:5px; border:1px solid #f1f1f1; box-shadow:0 0 8px rgba(0,0,0,0.1); display:none } .userlist li{ border-bottom:1px solid #f1f1f1 } .top .fr ul:last-child{ font-size:1.13rem } .top .fr ul, .top .fr ul li{ float:left } .top .fr ul li{ padding-right:15px; margin-left:15px; background:url(/uploads/image/simages/border1.gif) right center no-repeat } .top .fr ul li:last-child{ background:none } .top .fr ul li a.old, .top .fr ul li a.wza{ float:left; padding-left:35px; background:url(/uploads/image/simages/old.png) left center no-repeat } .top .fr ul li span.old{ float:left; cursor:pointer; padding-left:35px; color:white; background:url(/uploads/image/simages/old.png) left center no-repeat } .top .fr ul li a.wza{ background:url(/uploads/image/simages/wza.png) left center no-repeat } .top .fr ul li .ipv6{ display:block; width:33px; text-indent:-9999px; background:url(/uploads/image/simages/ipv6.png) center no-repeat } .top .fr a:link,.top .fr a:visited{ color: #fff;} .banner{ height:386px; background:url(/uploads/image/simages/banner.jpg) bottom center no-repeat; background-size:cover; } .banner>img{ margin-top:120px; margin-bottom:30px } .banner .logo{ display: block; padding-top:120px; margin-bottom:30px } .banner .logo a{ display: inline-block;} .banner .logo a img{ display:block} .banner form>div{ margin:0 auto; /*width:490px;*/ width:500px; border-radius:5px; background-color:rgba(255,255,255,0.8); overflow:hidden; } .ip01{ height:45px; width:430px; border:0; background: transparent; text-indent:1rem; } .ip01:focus{outline-style: none;} .btn01{ width:60px; height:45px; border:0; text-indent:-9999px; background: url(/uploads/image/simages/fdj.png) center no-repeat; font-size:0 } .nav{ height:60px; line-height:60px; background-color:#0f66bf; font-size:0; text-align: center; } .nav li{ /*margin-right: 2px;*/ display: inline-block; background: url(/uploads/image/simages/nav_line.png) no-repeat right center; font-size:1.38rem; transition: all ease-in 0.5s; } .nav li a{ display:block; padding:0 35px; color:white } .nav li a:hover, .nav li.cur a{ background: #0554a5; color:#fff; } /*.nav li{position: relative;} .nav li::after{content: "";position: absolute;left:0;bottom:0px;display: block;width: 100%;height: 3px;overflow: hidden;background:#c00;transform: scalex(0);transition:all 0.5s;} .nav li:hover::after{transform: scalex(1);}*/ .notice{ height:75px; line-height:75px; background-color:white; box-sizing:border-box; padding:0 20px; overflow: hidden; } .notice h3{ float:left; font-size:1.38rem; color:#0f66bf; padding-left:35px; background:url(/uploads/image/simages/notice.png) left center no-repeat } .notice h3 img{ vertical-align:-5px } .notice .bd .tempwrap{ } .notice .bd{ float:left; width:950px; overflow:hidden; margin-left:20px; zoom:1 } .notice .bd ul li{ float:left; margin-left:20px; text-indent:1rem; background:url(/uploads/image/simages/dot.png) left center no-repeat; width:auto !important } .notice .bd ul li span{ margin-left:10px; color:#777 } a.more{ width:60px; text-indent:-9999px; background:url(/uploads/image/simages/more.png) center no-repeat } .slide01{ position:relative; width:600px; height:375px; overflow:hidden } .slide01>a{ width:50px; height:108px; position:absolute; top:50%; margin-top:-54px; z-index:2; opacity:.7; filter:alpha(opacity=70) } .slide01>a:hover{ opacity:1; filter:alpha(opacity=100) } .slide01>a.prev{ background:url(/uploads/image/simages/left.png) center left no-repeat; background-size:80%; left:0 } .slide01>a.next{ background:url(/uploads/image/simages/right.png) center right no-repeat; background-size:80%; right:0 } .slide01 .hd{ position:absolute; z-index:2; bottom:10px; right:15px } .slide01 .hd ul li{ display:inline-block; width:10px; height:10px; border-radius:5px; background-color:white; text-indent:-9999px; margin:0 5px; cursor:pointer } .slide01 .hd ul li.on{ background-color:#fb4d4d } .slide01 .bd ul li{ position:relative } .slide01 .bd ul li a{ color:white; font-size:1.12rem; text-indent:1.3rem } .slide01 .bd ul li img{ width:600px; height:375px; float:left } .slide01 .bd ul li div{ position:absolute; bottom:0; width:100%; height:50px; line-height:50px; background:rgba(0,0,0,.7); white-space:nowrap; overflow:hidden; text-overflow:ellipsis } .tabnews{ width:540px; height:375px } .tabnews .tit, .xxgk_tab .tit, .box1 .tit, .ztzl .tit{ height:55px; font-size:1.38rem; border-bottom:1px solid #dedede } .tabnews .tit a, .xxgk_tab .tit a, .box1 .tit h3, .box1 .tit>a, .ztzl .tit h3{ display:inline-block; margin-right:30px; height:51px; line-height:51px } .tabnews .tit a.hover, .tabnews .tit a:hover, .xxgk_tab .tit a.hover, .xxgk_tab .tit a:hover, .box1 .tit h3, .box1 .tit>a.hover, .box1 .tit>a:hover, .ztzl .tit h3{ color:#0f66bf; border-bottom:4px solid #0f66bf; font-weight: bold; } .box1 .tit p{ margin-top: 12px;} .list01 li{ background-position:5px 10px; margin-bottom:22px; padding-left:20px; text-indent:0; overflow:hidden; background:url(/uploads/image/simages/dot2.gif) 5px 10px no-repeat } .list01 li .l_tit { float: left; } .list01 li .l_tit { display: block; width: 79%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .list01 li .grey{ margin-left:20px; color:#777 } .tabnews a.more, .xxgk_tab a.more{ position:absolute; top:15px; right:0; width:60px; text-indent:-9999px; background:url(/uploads/image/simages/more.png) center no-repeat } .xxgk_tab{ width:48% } .xxgk_tab .tit a{ margin-right:20px } .xxgk_tab .list01 li{ background:url(/uploads/image/simages/dot.png) 5px 10px no-repeat } .xxgk_tab .list01 li a em{ margin-right:5px; color:#777; font-style:normal } .xxgk_btn li{ float:left; font-size:1.12rem; width:14.2%; text-align:center; border-right:1px solid #e5e5e5 } .xxgk_btn li img{ transition:all .3s ease-in 0s; -moz-transition:all .3s ease-in 0s; -ms-transition:all .3s ease-in 0s; -o-transition:all .3s ease-in 0s; -webkit-transition:all .3s ease-in 0s; margin-bottom:10px } .xxgk_btn li:last-child{ border:0 } .xxgk_btn li:hover img{ animation: flipiny ease 1s; } /*gov info slide*/ .slide_govinfo { clear: both; position: relative;padding-top:20px} .slide_govinfo .hd{z-index: 10;} .slide_govinfo .hd a{position:absolute;top:20px;width:36px;height:100px;z-index:11} .slide_govinfo .hd a.prev{left:-30px;background:#fff url(/uploads/image/simages/arrow_left.png) center center no-repeat;background-size:100% auto;} .slide_govinfo .hd a.next{right:-29px;background:#fff url(/uploads/image/simages/arrow_right.png) center center no-repeat;background-size:100% auto} .box1{ width:49%; height:390px } .box1 .tit h3, .ztzl .tit h3{ padding:0 10px; font-weight:normal; font-size:1.38rem; font-weight: bold; } .box1 .lxbl_r{ position:absolute; right:20px; top:30px } .box1 div.fr a{ margin-left:20px; line-height:30px; color: #666; } .box1 div.fr a:hover{ color: #f00;} .box1 div.fr a.write{ display:inline-block; padding:0 15px; padding-left:30px; height:30px; line-height:30px; border-radius:4px; background:#c00 url(/uploads/image/simages/letter.png) 10px center no-repeat; color:white } .ewm p{ font-size:1rem; padding-right:25px; background: right center no-repeat } .tb01{ margin-top:25px } .tb01 thead td{ height:40px; background-color:#f4f4f4; padding:0 10px; white-space: nowrap; } .tb01 tbody td, .tb01 tbody th{ text-align:center; font-weight:normal; height:40px; padding:0 10px; border-bottom:1px solid #dedede } .tb01 tbody th{ text-align:left } .box1 .list01 li{ margin-bottom:18px } .diaocha{ padding-top: 10px;} .diaocha dl{ padding:15px 0 15px 0; border-bottom:1px dashed #dadada} .diaocha dl:last-child{ border-bottom: none;} .diaocha dt{ margin-bottom: 6px; font-size: 1.175rem; font-weight: bold;} .diaocha dd.summary{ margin-bottom: 6px; font-size: 0.9rem; line-height:1.6; color:#666} .diaocha dd.time_row{ height: 30px; font-size: 0.9rem; color: #999;} .diaocha dd.time_row .fl{ line-height: 30px;} .diaocha dd .state{ float: right; padding: 5px 10px; background: #0f66bf; border-radius: 4px; font-size:0.9rem; color: #fff;} .diaocha dd .expired{ background: #bbb;} .ztzl{ background-color:white; width:100%; padding:20px 0 } .ztzl .tit{ text-align:center; margin:0 auto } .ztzl .tit h3{ margin:0; font-weight: bold; } .slide02{ overflow:hidden; width:100%; margin:35px 0; margin-bottom:10px; position:relative } .slide02 ul li{ float:left; margin-right:28px } .slide02 ul li img{ width:382px; height:130px } .slide02>a{ position:absolute; z-index:2; left:0; top:50%; margin-top:-43px; width:30px; height:86px; background:url(/uploads/image/simages/left.png) center no-repeat; background-size:100% auto; opacity:.7; filter:alpha(opacity=70) } .slide02>a.next{ left:auto; right:0; background:url(/uploads/image/simages/right.png) center no-repeat; background-size:100% auto } .link{ min-height:80px; height:auto; line-height:80px; background-color:#e9e9e9; } .link h3{ float:left; margin-right:40px } .link h3 img{ vertical-align:middle } .floatr{ position:fixed; right:10px; top:500px; width:65px; background-color:white } .floatr{ font-size:14px; width:62px; position:absolute; right:calc(50% - 690px); top:540px; z-index:3; box-shadow:0px 3px 6px #eee } .floatr ul li{ position:relative; padding:10px 0; border-bottom:1px solid #e9e9e9; } .floatr ul li .flip:hover img{animation: flipiny ease 1s;} .floatr ul li a{ display:block } .floatr ul li.backtotop{ border:0 } .floatr ul li p{ color: #666;} .floatr ul li>div{ position:absolute; right:65px; top:0; display:none } .floatr ul li:hover>div{ display:block } .floatr ul li>div img{max-width:300px} .m-menu, .menu-btn{ display:none } .ztbox .block_c{ margin-left: -15px;} .ztbox .block_c li{width:calc( 33.33% - 15px ); float: left; margin-left: 15px;} .ztbox li img{ display: block;width:100%} .xxgkbox{ background-color:#fff; padding:40px 0; margin-top:30px; box-shadow:0px -4px 4px rgba(0,0,0,.1) } .box1 .tit div{ position:relative; line-height:55px; cursor:pointer } .box1 .tit div p img{ vertical-align:middle; margin-left:5px } .box1 .tit div>img{ position:absolute; right:0; top:40px; border:1px solid #dedede; display:none } .ggfw_tab{ padding:0 20px; min-height:250px; } .ggfw_tab #con_d1, .ggfw_tab #con_d2, .ggfw_tab #con_d3{ min-height:210px } .ggfw_tab #con_d1{ background: right bottom no-repeat } .ggfw_tab #con_d2{ background: right bottom no-repeat } .ggfw_tab #con_d3{ background: right bottom no-repeat } .ggfw_tab .title{ font-size:1.25rem; margin:25px 0 } .ggfw_tab .title a{ display:inline-block; margin-right:20px; color:#777 } .ggfw_tab .title a.hover, .ggfw_tab .title a:hover{ color:#0f66bf } .ggfw_tab ul li{ background-position:5px 10px; margin-bottom:10px; padding-left:20px; text-indent:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; background:url(/uploads/image/simages/dot.png) 5px 10px no-repeat } .link>.w1200>a{ margin:0 20px } .link h3{ padding-left:30px; background:url(/uploads/image/simages/link.png) left center no-repeat; color:#0f66bf } /*友情链接选项卡*/ .links_tab{float: left;width:1050px} .links_tab h4{padding-top:3px} .links_tab h4 span{ margin-right: 40px; display:inline-block; padding-right:30px;background: url(/uploads/image/simages/icon_drop_down.png) no-repeat right center; cursor: pointer; font-weight: normal;} .links_tab h4 span.hover{background: url(/uploads/image/simages/icon_drop_up.png) no-repeat right center;font-weight: bold;} .link_info ul{ margin-top: -10px; padding-bottom: 30px; position: relative;z-index: 10;} .link_info li{float: left;width:25%; line-height: 40px;} .foot{ width:100%; text-align:center; color:white; position:relative; background-color:#0052a5; padding:45px 0; line-height:1.8; font-size: 0.9rem; } .foot>a>img.foot1, .foot>a>img.foot2{ position:absolute; top:50%; } .foot>a>img.foot1{ margin-top:-34px; left:25% } .foot>a>img.foot2{ margin-top:-29px; right:20% } .foot_info{ margin-bottom: 10px; color: #fff; font-size: 1rem;} .foot_info i{ margin: 0 1rem; font-family: "宋体"; font-size: 14px; font-style: normal;} .foot_info a:link,.foot_info a:visited{ color:#fff} .foot_info a:hover{ color: #95cbff;} .tab_more{ display: none;} .mobile_btn_older{display:none} @media (max-width: 1200px) { .w1160,.w1200{ width:97%; margin:auto 1.5%; box-sizing:border-box } .nav .w1200, .links_tab{ width:100%; margin:0 } .banner{ background-size:cover; border-bottom:2px solid #0f66bf; box-shadow:0 0 5px #777; text-align: center; } .nav li{ width:16.6%; box-sizing:border-box } .nav li a{ padding:0; text-align:center } .nav li:last-child{ /*display:none*/ } .slide01, .slide01 .bd ul li img, .ztbox a img, .xxgk_tab, .slide02 ul li, .slide02 ul li img{ width:100%; height:auto } .slide01 .bd ul li{height:60vw} .slide01>a{ background-size:70% auto !important } a.more{ display:none } .notice{ height:auto; padding:0 10px; overflow:hidden; margin-top:10px; line-height:3rem } .notice .bd{ margin:0 } .notice .bd .tempwrap{width:auto !important} .tabnews, .box1{ width:97%; padding:1.5%; height:auto } .ztbox a.z2, .ztbox a.z3, .ztbox a.z4{ width:100%; margin:0; margin-top:5px; height:auto; padding:10px 0 } .ztbox a.z1{ float:none; margin-bottom:5px } .floatr{ display:none } .xxgk_btn li{ box-sizing:border-box; margin-bottom:15px; min-height:130px } .foot > a > img.foot1, .foot > a > img.foot2{position:static;margin-top:10px} .foot > a > img.foot2{transform: translate(10px,-10%);} } @media (min-width: 768px) and (max-width: 960px){ .top .fl>span{ display:none } .w1160, .w1200{ width:95%; margin:0 2.5% } .xxgk_btn li{width:25%} } @media (max-width: 768px) { .top .fr, .nav a.gjj img, .tabnews a.more, .xxgk_tab a.more, .box1 .tit div.fr, .nav, .link, .notice>a.more{ display:none } .top{ height:40px; line-height:40px } .top .fl{ width:100% } .top .fl em{ float:right } .userlist{ right:0 } .top .user{ float:right } .banner{ height:50vw } .banner .logo{ width:90%; margin:0 5%; padding-top:12vw; margin-bottom:10px; } .banner .logo a, .banner .logo a img{ width:100% } .banner form > div{ width:80% } .ip01{ width:calc(100% - 70px) } .notice h3{ font-size:1.12rem } .ztzl, .pd20{ padding:0 } .tabnews .tit a, .xxgk_tab .tit a, .box1 .tit h3, .box1 .tit > a, .ztzl .tit h3{ margin-right:10px; height:2.5rem; line-height:2.5rem; white-space: nowrap; } .tabnews .tit, .xxgk_tab .tit, .box1 .tit, .ztzl .tit, .box1 .tit h3, .ggfw_tab .title{ /*display: flex;*/ height:auto; font-size:1.12rem } .xxgk_btn li{ width:33% } .slide_govinfo .hd{display: none;} .xxgk_btn li{font-size:1rem} .xxgk_btn li:nth-child(3n){ border: none;} .xxgk_btn li:nth-child(3n 1){clear: both;} .xxgk_btn li img{width:3rem} .ggfw_tab{ background:none; min-height:inherit } .xxgkbox{ padding:10px 0 } .ggfw_tab{ padding:0 5px; } .ggfw_tab .title{ margin:10px 5px } .ggfw_tab .title a{ margin-right:5px } .slide02, .tb01{ margin-top:10px } .tb01 thead td{ white-space:nowrap } .tb01 td{ padding:5px !important } .ggfw_tab #con_d1, .ggfw_tab #con_d2, .ggfw_tab #con_d3{ min-height:inherit; background:none } .foot,.foot_info{font-size: 0.85rem;} .foot_info i{ margin: 0 0.5rem;} /*---手机导航按钮---*/ body.hi{ overflow:hidden;} .m-menu, .menu-btn{ display:block } .menu-btn{ position:fixed; right:20px; bottom:20px; width:80px; height:80px; border:2px solid #114aaa; border-radius:45px; z-index:4; background-color:white; box-shadow:0px 0px 10px rgba(0, 0, 0, 0.3); text-align:center; cursor:pointer; color:#114aaa; z-index: 1000; } .menu-btn:before, .menu-btn:after{ content:''; transition:transform .2s linear .1s; } .menu-btn b,.menu-btn:before,.menu-btn:after{position: absolute; left:18px;top:calc(50% - 2px);display: block;width:44px; height:4px;border-radius: 2px; font-size: 0; background-color:#114aaa ;} .menu-btn:before{top:22px} .menu-btn:after{top:54px} .menu-btn b{ opacity:1; transition:all .1s ease-in-out .1s } .menu-btn.close b{ opacity:0 } .menu-btn.close:before{ transform:rotate(45deg); top:calc(50% - 2px); transform-origin: center; } .menu-btn.close:after{ top:calc(50% - 2px); transform:rotate(-45deg); transform-origin: center; } .m-menu{ position:fixed; box-sizing: border-box; padding-top: 3rem; width:100%; height:100%; overflow-y:auto; box-sizing:border-box; top:0; background-color:white; z-index:3; transform:translatex(100%); transition:transform .2s linear .1s; visibility:hidden } .m-menu.home dt a{ display: block;} .m-menu h2{ display: none; font-size:1.3rem; margin:5% } .m-menu dl{ padding:0 5%; } .m-menu dl>dt{ position:relative; font-size:1.25rem; font-weight:bold; line-height:4rem; border-bottom:1px solid #e9e9e9 } .m-menu dl dd{ display: none;} .m-menu dl dd>ul{ margin:2% 3%; font-size:1.12rem; line-height:2.4rem; } .m-menu dl>dt:after{ content:'>'; position:absolute; right:0; top:0; font-family:'simsun'; color:#e5e5e5; font-weight:bold } .m-menu.home dl>dt:after{ right: 1rem;z-index:-1} .m-menu dl>dt.cur:after{ transform:rotate(90deg) } .m-menu dl dd>ul>li>div{ background-color:#efefef; border-radius:8px; padding:10px } .m-menu dl dd>ul>li>div h5{ font-weight:normal; line-height:2.2rem; margin-left:10px } .m-menu dl dd li a{ display: block;} .m-menu.open{ transform:translatex(0); transition:transform .2s ease; visibility:visible } /*---手机导航按钮---*/ .tab_more{ clear: both; display: block;margin-top:5px; margin-bottom:10px; background-color: #e9e9e9; border-radius: 6px; height: 32px; font-size: 0.85rem; line-height: 32px; text-align: center;} .box1 .lxbl_r{display: block;position: static;float: none;padding: 15px 0;text-align: center;} .mobile_btn_older{display:block} /*@头部手机端适老化按钮*/ .top .fl{width:auto;} .top .fl>span{display:none} .top .fl em{float:left} .top .older_mode{margin-right: .5rem;float:right} .top .older_mode span{line-height:24px; display:inline-block;padding: 0.2rem 0.5rem; background: #0554a5;color:#fff; border-radius: 0.5rem;} } .nav li{white-space:nowrap} @media (max-width: 768px) { .ztbox .block_c{margin:0} .ztbox .block_c li{width:100%;height:auto;margin:0;margin-bottom:10px} } /*移动端导航顶部释放*/ @media (max-width: 1200px) { .nav>.w1200>ul.clear{display: flex;flex-wrap: wrap;justify-content: space-between;} .nav{height:auto} } @media (max-width: 900px) { .nav>.w1200>ul.clear li{width:33.3%;flex-grow:1} } @media (max-width: 768px) { .list_more{display:none} .m-menu, .menu-btn{ display:none } .nav{box-shadow: 0 8px 8px rgba(28,94,178,0.1); display:block} .nav>.w1200>ul.clear li{position: relative;padding:0;font-size:1rem;line-height:1;} .nav>.w1200>ul.clear li:after{content:'';display:block;width:1px;height:1rem;position:absolute;right:0;top:50%;background: rgba(255,255,255,0.3);z-index: 10;transform: translate(0,-50%);} .nav>.w1200>ul.clear:after,.nav>.w1200>ul.clear li:nth-child(3):after,.nav>.w1200>ul.clear li:last-child:after{display:none} .nav>.w1200>ul.clear li.cur {background: transparent;} .nav>.w1200>ul.clear li a{display: block;line-height:2} } @media (max-width: 640px) { .xxgk_tab .tit a{/*margin-right:2px*/} }