/*头部*/ /*.top{height: 36px;background: #4487e2;width: 100%;font-size: 14px;color: #fff;} .top a,.top span{color: #fff;} .top_left,.top_right{line-height: 36px;color: #fff;} .mobile,.weixin{margin-top: -10px;background: url(/uploads/image/hximages/mobile.png) no-repeat;display: inline-block;width: 30px;height: 30px;vertical-align: middle;} .weixin{background: url(/uploads/image/hximages/weixin.png) no-repeat;margin-left: 20px;z-index: 999999;} .gzh{position: absolute;right:80px;top:4px;background: url(/uploads/image/hximages/weixin.png) no-repeat center;width: 30px;height: 30px;display: inline-block;} .gzh_box{position: absolute;top: 36px;right: 12%;display: none;z-index: 999999;} .mobile_box{text-align:center;border: 1px solid #cccc;position: absolute;top: 36px;right: 9%;display: none;width: 125px;height: 154px;z-index: 999999;background: #fff;} .mobile_box img{width: 100%;} .mobile_box span{color: #000;}*/ /*global*/ .u-flex { /* #ifndef app-nvue */ display: flex; /* #endif */ flex-direction: row; align-items: center; } .u-flex-wrap { flex-wrap: wrap; } .u-flex-nowrap { flex-wrap: nowrap; } .u-col-center { align-items: center; } .u-col-top { align-items: flex-start; } .u-col-bottom { align-items: flex-end; } .u-row-center { justify-content: center; } .u-row-left { justify-content: flex-start; } .u-row-right { justify-content: flex-end; } .u-row-between { justify-content: space-between; } .u-row-around { justify-content: space-around; } .u-left{float: left;} .u-right{float:right;} .u-text-left { text-align: left; } .u-text-center { text-align: center; } .u-text-right { text-align: right; } .u-flex-col { /* #ifndef app-nvue */ display: flex; /* #endif */ flex-direction: column; } /*头部*/ .top{height: 36px;background: #4487e2;width: 100%;font-size: 14px;color: #fff;} .top a,.top span{color: #fff;} .top_left,.top_right{line-height: 36px;color: #fff;} .mobile,.weixin{ position: relative;margin-top: -10px;background: url(/uploads/image/hximages/mobile.png) no-repeat;display: inline-block;width: 30px;height: 30px;vertical-align: middle;} .weixin{background: url(/uploads/image/hximages/weixin.png) no-repeat;margin-left: 20px;z-index: 999999;} .gzh{position: absolute;right:80px;top:4px;background: url(/uploads/image/hximages/weixin.png) no-repeat center;width: 30px;height: 30px;display: inline-block;} .gzh_box{position: absolute;top: 36px;right: -48px;display: none;z-index: 999999;width:125px} .gzh_box img{width:100%;border-radius:7px} .mobile_box{border-radius:7px;padding:10px 10px 5px 10px; text-align:center;border: 1px solid #eee;position: absolute;top: 36px;right: -50px;display: none;width: 250px;height: 154px;z-index: 999999;background: #fff;} .gzh_box:before,.mobile_box:before{ content: ''; border-bottom: 9px solid #fff; border-left:6px solid transparent; border-right: 6px solid transparent;; position: absolute; top: -9px; right:60px; margin-left:-6px } .mobile_box .mobile_code{float:left;width:48%} .mobile_box .mobile_code:first-child{margin-right:10px} .mobile_box img{width: 100%;border-radius:7px} .mobile_box span{color: #000;} /*顶部*/ /*头部*/ .header{ width:100%; height:220px; background-size: cover !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:45px; left:0px;} .header .txpic .logo p{ font-size:14px; color:#174286; text-indent:14px; margin-top:18px;} .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:385px; height:165px; overflow: hidden; z-index:1;} .header .cut .focusbox .pic{ position:relative;z-index:0;height: 245px;} .header .cut .focusbox .pic li{ width:453px; height: 165px;} .header .cut .focusbox .pic img { width:100%; height: 100%;display: block;} .searchbox{/*width: 265px;*/margin-top: 175px;} .searchbox p{color: #0f58bc;font-size: 14px;} .searchbox .search select{display: inline-block;/*width: 65px;*/height: 32px;margin-bottom:2px;background: #fff;line-height: 32px;text-align: center;border:1px solid #0f58bc;border-right:0} .searchbox .search select:focus{outline: none;} .searchbox input{width: 65px;height: 30px;border:1px solid #0f58bc;padding-left: 5px;display: inline-block;margin: -2px 0 0 -5px;border-right: 0;} .searchbox a{display: inline-block;width: 38px;height: 30px;line-height: 30px;background: #588cd6;text-align: center;margin-left: -5px;border:1px solid #0f58bc} .search span,.search a{font-size: 14px;} .search a{color: #fff;} /*导航栏*/ .menu_nav{background: #3e71b7;height: 58px;} .m-nav{ background-color:#3e71b7; width:1200px; height:58px; line-height:58px; margin:0 auto; } .active{background: #05b;} .m-nav li.itm{ display:inline; float:left; width:200px; position:relative; text-align:center; } .m-nav a.itm-a{ display:block; color: #fff;font-size: 22px;font-weight: bold;letter-spacing: 3px;} .m-nav a.itm-a:hover{ background-color:#05b; } .m-nav ul.son{ background-color:#06c; width:200px; position:absolute; left:0; top:58px; display:none;z-index: 9999; } .m-nav a.son-itm-a{ display:block; font-size:16px;color: #fff;font-weight: bold; } .m-nav a.son-itm-a:hover{ background-color:#05b; } .m-nav a{ color:#fff; font-size:13px; text-decoration:none; } /*轮播图*/ /*banner;*/ .banner{height: 450px;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;} .m-slide{position: relative;width: 650px; height: 405px;} .m-slide .hd{ position: absolute;z-index: 99;bottom:17px; right:10px;} .m-slide .hd li{cursor:pointer;width:10px;height:10px;display:block;overflow:hidden;text-indent:20px;float:left;margin-left:13px;background: #fff;border-radius: 5px;filter: alpha(opacity=40);opacity: 0.4;} .m-slide .hd li.on{background: #fff;filter: alpha(opacity=100);opacity:1;} .m-slide .prev, .m-slide .next {width: 40px;height: 40px;margin: -20px 0 0; display: none;background: no-repeat 0 0; position: absolute; top: 50%; z-index: 10;cursor: pointer; text-indent: -9999px;filter: alpha(opacity=20);opacity: 0.2;} .m-slide .prev {left: 16px;} .m-slide .next {background-position: 0 -40px;right: 16px;} .m-slide .prev:hover,.m-slide .next:hover { filter:alpha(opacity=50) !important;opacity:0.5 !important; } .m-slide .bd { width: 650px;height: 405px;position: relative; overflow: hidden;} .m-slide .bd li {width: 650px;height: 405px; background-color: #fff; position: relative;} .m-slide .bd li p { position: absolute; left: 0;bottom: 0px; line-height: 50px; height: 50px;width: 650px; white-space: nowrap; overflow: hidden; padding-left:20px;} .m-slide .bd li p i { position: absolute;left: 0;top: 0; display: block; width: 650px; height: 50px; background: #000; opacity: .3;filter: alpha(opacity=30);} .m-slide .bd li p a, .m-slide .bd li p a:visited {position: relative; color: #fff; font-size: 16px; line-height: 50px;text-align: center;} .banner .m-banner .banner-right{height: 405px;float: left;/*background: #404040;*/} .sm-title{width: 535px;height:94px ;overflow: hidden;} .sm-title p{color:#666;font-size:16px;padding-left: 10px;line-height: 30px;margin: 5px 0;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .sm-title span{height: 25px;color: #343434;font-size: 24px;padding-left: 10px;text-align: left;} .article{width: 100%;box-sizing: border-box;/*border: 1px solid #cccccc;*/} .article li{height: 36px;line-height: 36px;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: #343434;} .dd{color: #bfbfbf;margin-right: 5px;} .tab-title{width: 535px;height:50px;border-bottom: 1px solid #3a82f6;margin-bottom: 10px;} .tab-title li{height: 50px;width: 122.5px;text-align:center;float: left;margin-right: 15px;} .tab-title li:last-child{margin-right: 0;} .news{height: 50px;line-height: 50px;font-size: 20px;color: #2e7ce8;font-weight: bold;letter-spacing: 1px;} .news_active{background: #588cd6;} .news_active .news{color: #ffffff;font-weight: normal;} /*指南*/ .guide{height: 100px;margin-bottom: 40px;border: 1px solid #f4f2f2;border-radius: 5px;} .guide li{width: 210px;height: 80px;line-height: 80px;background: #eef5ff;text-align: center;border-radius: 5px;margin-right: 90px;float: left;margin-top: 10px;} .guide li:last-child{margin-right: 0;} .guide li a{color: #3e72b8;font-size: 24px;letter-spacing: 3px;} .guide li img{margin-top: -5px;} .guide .notice_title{height: 80px;text-align: center;} .guide .notice_title img{margin-top: 0px;margin-right: 30px;} .guide .notice_title span{line-height: 80px; color: #3e72b8;font-size: 18px;} /*公告*/ .notice{height: 125px;background: #f9fbff;border: 1px solid #ddecff;border-radius: 5px;margin-bottom: 40px;} .notice .more {width: 100px;height: 125px;text-align: center;} .notice .more a{line-height: 125px;color: #9a9a9a;font-size: 16px;} .notice .notice_title{width: 160px;height: 125px;text-align: center;} .notice .notice_title span{line-height: 125px; color: #3e72b8;font-size: 18px;} .notice_title img{margin-top: -6px;} .notice_content{height: 125px;width: 940px;padding: 10px 0;box-sizing: border-box;} .notice_content li{float: left;line-height: 36px;margin-right: 25px;;width:443px} .notice_content li a:hover{color: #588cd6;} /*政策法规*/ .service{height: 320px;margin-bottom: 40px;} .service .serve_box{width: 588px;height: 320px;border: 1px solid #dcdcdc;margin-right: 20px;} .serve_box:last-child{margin-right: 0;} .service_title{height: 48px;border-bottom: 1px solid #dcdcdc;} .service_title li{width: 50%;height: 48px;float: left;text-align: center;} .service .article li span:last-child{float: right;margin-right: 10px;} .service .article li{height: 38px;line-height: 38px;} /*专栏*/ .zl{height: 100px;margin-bottom: 40px;border: 2px solid #f0f0f0;} .lianjie .abg {text-indent: -9999px; background: no-repeat; width: 37px; height: 122px; float: left;display: inline-block;} .lianjie{background:#fff; border:2px solid #f0f0f0; height:122px; width:1196px; margin-top:20px;} .lianjie .abg{text-indent:-9999px; background:url(/uploads/image/hximages/lianjie.png) no-repeat; width:37px; height:122px; float:left; display:inline-block;} .lianjie .lijimg{float:left; padding:12px 0 0 45px; position:relative;} .lianjie .lijimg li{float:left; padding-right:15px;} .lianjie .prev, .lianjie .next{ position:absolute;left:12px; top: 46px; display:block; width:21px; height:21px; overflow:hidden; background: 0px 0 no-repeat; cursor:pointer; } .lianjie .next{ left:auto; right:-20px; background-position:-21px 0px; } /*.zl li{float: left;width: 216px;height: 100px;margin-right: 30px;} .zl li:last-child{margin-right: 0;} .zl li img{width: 100%;height: 100%;}*/ /*友情链接*/ .link{height: 54px;background: #f9fbff;border: 1px solid #ddebff;border-radius: 5px;margin-bottom: 40px;box-sizing: border-box;} .link_title {text-align: center;} .link_title span{color: #2d7ce8;font-size: 18px; display: block;width: 105px;border-left: 4px solid #2e8bde;margin: 15px 20px;} .links li.itm{float: left;line-height: 54px;width: 225px;height: 54px;text-align: center; position:relative;display:inline; margin-left: 30px;} .links li img{margin-left: 15px;} .links a.itm-a{ display:block; color: #fff;font-size: 16px;} .links a.itm-a:hover{ background-color:#05b; } .links ul.son{ background-color:#fff; width:205px; max-height:300px;overflow-y:auto;position:absolute; left:20; top:52px; display:none;z-index: 9999;border: 1px solid #dcdcdc; } .links .son .son-itm{height: 24px !important;line-height: 24px;} .links a.son-itm-a{ display:block; font-size:14px;color: #343434; } .links a.son-itm-a:hover{ background-color:#dcdcdc; } .links a{ color:#666; font-size:14px; text-decoration:none; } /*底部*/ .footer{height: 240px;width: 100%;background: #3e71b7;margin-top: 20px;} .m-footer{width:1200px;height: 240px;margin: 0 auto;padding-left: 140px;box-sizing: border-box;} .imgs{width: 180px;height: 70px;margin-top: 80px;float: left;margin-right: 85px;margin-left: 45px;} .m-footer img{margin-right: 5px} .m-footer .footertxt{float: left;height: 240px;} .m-footer .contact{margin-top: 45px;margin-bottom: 10px;} .m-footer .contact span{margin:0 10px 20px 10px; } .m-footer .contact a,.m-footer .contact span{color: #fff;font-weight: bold;} .footertxt p{color: #fff;line-height: 30px;font-size: 14px;} /*征集调查 局长信箱*/ .right_box{height: 200px;width: 85px;border: 1px solid #dcdcdc; position: fixed;top: 350px;right: 80px; background: #fff;text-align: center; z-index: 9999;} .box1{border-bottom: 1px solid #dcdcdc;height: 100px;} .right_box .box1,.right_box .box2{height:100px;text-align: center;cursor: pointer;background: #fff;} .right_box .box1 span,.right_box .box2 span{color: #9a9a9a;line-height: 140px;} .right_box .box1{background: no-repeat center 14px;} .right_box .box1:hover{background: url(/uploads/image/hximages/zjdc_hover.png) no-repeat center 14px #3e71b7; } .right_box .box1:hover span{color: #fff;} .right_box .box2{background: no-repeat center 14px;} .right_box .box2:hover{background: no-repeat center 14px #3e71b7; } .right_box .box2:hover span{color: #fff;} /*.right_box .box1 img,.right_box .box2 img{margin:10px 20px 0 20px;}*/ /*机构设置*/ .jgsz_box ul li{width: 170px;height: 42px;background: #eef5ff;text-align: center;line-height: 42px;float: left;margin-right: 17px;margin-bottom: 20px;} .jgsz_box ul li a{font-size: 14px;color: #333333;} .jgsz_box ul li.jgsz_current{background: #3e71b7;} .jgsz_box ul li.jgsz_current a{color: #fff;} .jgsz_content li.jgsz_show{display: block;} .jgsz_content li{display: none;} .jgsz_content p{text-indent: 40px;} /*上一篇下一篇*/ .around_link{margin-top: 15px;} .around_link li { margin: 5px 0; padding-left: 16px; background: no-repeat -960px -229px; } /*新闻动态*/ /*.lm{width: 100%;margin-top: 10px;} .lm_title {width: 100%;height: 38px;} .lm_title span{font-size: 20px;font-weight: bold;color: #174286;display: inline-block;width:190px ;height: 38px;float: left;line-height: 35px;}*/ /*工作专栏*/ .gzzl {float: left;} .gzzl li{float: left;width: 200px;height: 150px;text-align: center;padding-right:40px} .gzzl li img{width:200px ;height: 100px;display: block;marggzh_boxin: 0 auto;margin-top: 5px;} .gzzl .done {position: relative;} .gzzl .done .done_txt{position: absolute;top: 42px;left: 12px;color: #827777;font-size: 22px;font-weight: bold; transform:rotate(-15deg); -webkit-transform:rotate(-15deg);display: none;} .look_more{width:100%;height: 50px;line-height: 50px;color: #333;text-align: center;float: left;} .look_more a{width:210px;height: 35px;line-height: 35px;background: #eceef1;color: #333;display: block;margin: 0 auto;cursor: pointer;border-radius: 5px;} .ygdlm_txt{height: 30px;line-height: 30px;width: 100%;border-left: 5px solid #3264b4;padding-left:15px;font-weight: bold;color: #333;margin:15px 0;}