@charset "utf-8"; /*.hearder .nav{position: relative;z-index: 1;}*/ a .container { width: 1200px; margin: 0 auto; } .clear { clear: both; } .row { width: 100%; } .mt30 { margin-top: 30px; } .ml10 { margin-left: 10px; } .w517 { width: 517px; margin-left: 23px; } .mt7{ margin-top: 7px; } .w66{ width: 640px; } .w713{ width: 713px; } .slide { width: 61%; overflow: hidden; } /*denglu*/ .top1{ position: relative; } .zhuce{font-size:16px;color: #ffffff;z-index:999;float: right;width: 100px;margin-left: 10px;font-size: 14px;height:20px;} .zhuce ul{ position: absolute; line-height:20px; } .zhuce li{float:left;width: 40px;text-align: center;cursor: pointer;color: #ffffff;} .zhuce li a{text-decoration: none;color: #ffffff;} .zhuce li img{margin-right:3px;} .zhuce li dl{width:90px;background: #1f559f;display: none;margin-top: 8px;z-index: 999;margin-left:-23px;} .zhuce li dd{height: 30px;line-height: 30px;} .zhuce li dd a{color: #fff;text-decoration: none;} .zhuce li dd a:hover{color:#fff;font-weight:bold;} .zhuce li:hover dl{display:block;} .xian{border-bottom: solid 1px #fff;} @media (max-width: 650px) { .slide { border-radius: 3px; } } .slide { position: relative; overflow: hidden; height: 395px; } .slide .swiper-slide { position: relative; z-index: 1; } .slide .swiper-slide img{width:732px;height:395px;} .slide .swiper-slide span { position: absolute; bottom: 0; left: 0; width: 100%; padding-right: 80px; height: 45px; line-height: 45px; padding-left: 2%; background-color: rgba(0, 0, 0, 0.8); color: #fff; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; } .slide img { width: 100%; height: auto; max-height:395px; } .slide .pagination { position: absolute; bottom: 13px; right: 8px; z-index: 9; width: auto; left: auto; } .slide .pagination span { display: inline-block; width: 8px; height: 8px; background: #ffffff; margin: 0 4px; cursor: pointer; border-radius: 50%; } .slide .pagination .swiper-active-switch { background-color: #4477e7; opacity: 1; } @media screen and (max-width: 1200px) { .slide { width: 100%; height: auto; } .slide .swiper-slide img { width: 100%; height: auto; } } @media screen and (max-width: 768px) { .slide .pagination span { margin: 0 2px; } } .column-name { background: url(/uploads/image/dxpi/zwgkbj.png) no-repeat left; } .zxbs{ background: url(/uploads/image/dxpi/zxbstitle.png) no-repeat left; } .column-name span { display: inline-block; width: 167px; text-align: center; color: #fff; font-size: 22px; font-weight: bold; line-height: 40px; } ul.list li .date { position: absolute; right: 0; color: #999; font-size: 16px; } ul.list li{ line-height: 40px; padding: 0px 0 0px 15px; background: url(/uploads/image/dxpipublic/lidian.png) no-repeat 0px; position: relative; } ul.yw li{ line-height: 50px; padding: 0px 0 0px 15px; background: url(/uploads/image/dxpipublic/lidian.png) no-repeat 0px; position: relative; } .ftlist { background: #ffffff; width: 90%; margin: 16px auto; } .ftlist .ftp { width: 100%; margin: 0 auto; height: 44px; background: #339972; border-radius: 4px 4px 0px 0px; padding: 0 2%; } .ftlist .ftp a { font-size: 14px; font-family: microsoft yahei; font-weight: 400; color: #ffffff; line-height: 44px; } .ftlist a { width: 100%; display: block; } .ftlist a img { margin: 9px 16px; } .ftlist .ftp a ul.list li a { width: 75%; display: inline-block; vertical-align: middle; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; } ul.line5 li:nth-child(5n) { border-bottom: 1px dashed #dcdcdc; height: 53px; margin-bottom: 15px; padding-bottom: 15px; } @media screen and (max-width: 768px) { ul.list li { padding: 2px 0 2px 15px; } ul.list li a { font-size: 14px; width: 70%; display: inline-block; vertical-align: middle; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; } ul.list li .date { top: 4px; width: 28%; } ul.line5 li:nth-child(5n) { border-bottom: 1px dashed #dcdcdc; height: 38px; margin-bottom: 10px; padding-bottom: 10px; } } .tab .c { display: none; } .tab .bd .active { display: block; } .hd { border-bottom: 1px solid #b0b0b0; font-size: 20px; } .hd .t a { display: inline-block; padding-bottom: 11px; margin-right: 30px; font-size: 20px; font-family: microsoft yahei; font-weight: bold; color: #000000; } .hd .t a.active { color: #015293; font-weight: bold; border-bottom: 2px solid #015293; } @media screen and (max-width: 768px) { .hd { font-size: 18px; } .hd .t { width: calc(100% - 50px); } .hd .t a { margin-right: 2%; font-size: 18px; } } .hd .more { float: right; } .hd .more a { display: none; } .hd .more a.active { display: block; } .more { line-height: 28px; } .more a { font-size: 14px; color: #999; } .column-more { text-align: right; margin-bottom: -5px; } .focus { width: 37%; } .focus .img-box { display: flex; justify-content: space-between; flex-wrap: wrap; } .focus .img-box li { width: 48%; position: relative; float: left\9; margin: 6% 0 0; margin: 6% 1% 0\9; } .focus .img-box li a { display: block; } .focus .img-box li span { position: absolute; width: 15.44%; height: auto; left: 50%; top: 50%; transform: translate(-50%, -50%); } /*统计指数*/ .tjzs { width: 537px; height: 412px; background: url(/uploads/image/dxpi/hytt.png) no-repeat; background-size: 100%; } .tjzstitle { width: 100%; height: 50px; line-height: 50px; border-bottom: 1px solid #c2d7f3; } .more{ /*position: absolute;*/ right: 14px; font-size: 14px; font-family: microsoft yahei; font-weight: 400; color: #969696; margin-top: 9px; margin-right: 15px; } .tjzstitle h2 { height: 50px; margin-left: 19px; font-size: 20px; font-family: microsoft yahei; font-weight: bold; color: #1f559f; border-bottom: 2px solid #1f559f; } .tjzstitle a { margin-right: 10px; font-size: 14px; font-family: microsoft yahei; font-weight: 400; color: #969696; } .tjt{ width: 100%; height: 285px; background: url(/uploads/image/dxpi/tjt.png) no-repeat; margin-top: 29px; text-align:center; } .tjt a>img{ max-height:310px; max-width:93%; } /*政务服务*/ .zwfw { width: 100%; /*height: 460px; background: #f4f8ff;*/ } .zxbsleft { width: 1014px; } .zxbslist{ width: 100%; } .zxbslistdiv{ width: 322px; /*float: left;*/ margin-top: 14px; } .zxbslistdiv h1{ width: 100%; height: 59px; background: #c7ddf0; font-size: 18px; font-family: microsoft yahei; font-weight: bold; color: #1f56a8; line-height: 59px; text-align: center; letter-spacing: 0.3em; } .zxbslistdiv ul{ width: 100%; background: #f2f2f2; padding: 0px 0 22px 0; margin-top:8px; } .zxbslistdiv ul li{ float: left; margin-left: 54px; width: 80px; text-align: center; margin-top:23px; } .zxbslistdiv ul li a{ display: block; } .zxbslistdiv ul li a i{ display: inline-block; height: 50px; } .zxbslistdiv ul li a img{ vertical-align: middle; } .zxbslistdiv ul li a p{ font-size: 14px; font-family: microsoft yahei; font-weight: 400; color: #1f56a8; padding-top: 8px; padding-bottom:7px; line-height:30px; height:45px; } .zxbslistdivz{margin-left:24px;} .zxbslist_zxs{ margin-top:25px; } .zxbslist_zxs li{ float:left; width:186px; height:314px; background:#f2f2f2; margin-right:21px; text-align:center; padding:0 18px; } .zxbslist_zxs li i{ display:block; height:69px; margin-top:69px; margin-bottom:42px; } .zxbslist_zxs li p{ line-height:27px; font-size:18px; color:#1f56a8; } .sp { margin-top: 20px !important; } .zwfwright { width: 164px; } .zxfw { width: 100%; height: 71px; background: #2570ae; line-height: 71px; } .zwfwrighul { width: 100%; } .zwfwrighul li { width: 100%; height: 110px; /*text-align: center;*/ } .zwfwrighul li a { width: 100%; display: block; font-size: 16px; font-family: microsoft yahei; font-weight: 400; color: #333333; } .zwfwrighul li a img { margin-top: 32px; margin-bottom: 15px; margin-left:14px; vertical-align: middle; float:left; } .zwfwrighul li a p{ height:46px; line-height:46px; float:left; margin-top:32px; padding-left:10px; } .cxfw { background: url(/uploads/image/dxpi/cxfw.png) no-repeat; margin-top: 11px; } .wsbs { background: #f2f2f2 url(/uploads/image/dxpi/daiban.png) no-repeat right; margin-top:19px; margin-bottom:19px; } .xfzts { background:#f2f2f2 url(/uploads/image/dxpi/xfzss.png) no-repeat right; margin-top: 10px; } .zfgk{ background:#f2f2f2 url(/uploads/image/dxpi/zfgk.png) no-repeat right; } .zwfwrighul .zfgk a p{ padding-left:2px; } /*各地动态*/ .gddt{ width: 466px; height: 401px; background: #20569f; } .gddttitle{ width: 90%; margin: 30px 5% 16px 5%; } .gddttitle img{ float: left; margin-top: 18px; } .gddttitle span{ float: left; display: block; width: 110px; height: 35px; border: 1px solid #ffffff; line-height: 30px; text-align: center; color: white; margin: 0 5px; font-size: 16px; font-family: microsoft yahei; font-weight: bold; color: #ffffff; } .gddtlist{ width: 100%; } .gddtlist li{ padding-left: 42px; background: url(/uploads/image/dxpi/gddtyuan.png) no-repeat 20px 17px; line-height: 37px; } .gddtlist li a{ width: 100%; display: block; font-size: 14px; font-family: microsoft yahei; color: #ffffff; } .gddtlist li a:hover{ font-weight: bold; } .gengduo{ display: block; width: 94px; height: 30px; background: #3b73be; font-size: 12px; font-family: microsoft yahei; font-weight: 400; color: #ffffff; line-height: 30px; text-align: center; margin-right: 18px; margin-top:10px; } .gengduo:hover{ color:#fff; font-weight: bold; } /*专题专栏*/ .ztzl{ width:100%; height: 261px; background: #e5e8ee; margin-top: 37px; } .ztzltitle{ width: 100%; height: 75px; background: url(/uploads/image/dxpi/ztzl.png) no-repeat; } .ztzltitle a{ width: 100%; height: 100%; display: block; } .ztzlcont{ width: 1200px; margin: 0 auto; padding-top: 30px; } .ztzlswiper { position: relative; overflow: hidden; height: 100%; height: 110px; width: 100%; } .ztzlswiper .swiper-slide { position: relative; z-index: 1; padding: 0 10px; } .ztzlswiper .swiper-slide span { position: absolute; bottom: 0; left: 0; width: 100%; padding-right: 80px; height: 45px; line-height: 45px; padding-left: 2%; background-color: rgba(0, 0, 0, 0.8); color: #fff; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; } .paginationztzl{ text-align: center; position: absolute; bottom: 0; width: 100%; } .paginationztzl span{ display: inline-block; width: 47px; height: 6px; border-radius: 3px; margin: 0 4px; background: url(/uploads/image/dxpi/ztzllbdian1.png) no-repeat; } .paginationztzl span.swiper-active-switch{ background: url(/uploads/image/dxpi/ztzllbdian.png) no-repeat; } .ztzlswiper img { width: 100%; height: auto; } .ztzlswiper .pagination { position: absolute; bottom: 13px; right: 8px; z-index: 9; width: auto; left: auto; } /*尾部下拉*/ .yqlj{ width: 100%; min-height: 218px; background: #f7f8f9; } .yqlj ul{ width:1200px; margin: 0 auto; } .yqlj ul li{ float: left; } .yqlj ul li span{ font-size: 16px; font-family: microsoft yahei; font-weight: 400; color: #20569f; } .yqlj ul li { float: left; padding: 20px 20px; /*background: url(/uploads/image/dxpi/xiala.png) no-repeat right;*/ position: relative; } .yqlj ul li span img{ margin-left: 10px; } .yqljdiv{ width: 1200px; min-height: 136px; background: white; margin: 0 auto; display: none; } .yqljdiv a{ float: left; margin: 20px 21px 0px 20px; } .hoverli{ background: #ffffff !important; display: block; /*background: url(/uploads/image/dxpi/xiala.png) no-repeat right;*/ } .wzdhul{ width:186px; float:left; padding-bottom:20px; } .wzdhul h3{ width:100%; text-align:center; display: inline-block; } .wzdhul a{ width:100%; text-align:center; } .wzdhul li{ width:100%; text-align:center; } .wzdhul1{width:210px !important;} .sjd{ display: none; } /*移动端*/ @media screen and (max-width: 991px) { .yqlj ul li:nth-child(2),.yqlj ul li:nth-child(3){ display: none; } .yqljdiv{width:100%;min-height:auto;overflow:hidden;} .more{ position: absolute; } .tjzs{width: 100%;height: 74vw;background-size: 100%;} .zxbsleft{ width: 100%; } .zxbslistdiv{ width: 100%; margin-left:0px; } .tjt{ margin-left: 0; margin-top: 10px; } .tjt a img{ width:90%; height: auto !important; } .ztzl{ /*height:199px;*/ } .zxbslist_zxs li{width:45%; margin:2% } .zxbslistdiv ul li{ margin-left:0px; width:25%; } .ztzltitle{ background: url(/uploads/image/dxpi/sjztzl.png) no-repeat 50% 100%; } .footer{ display: none; } .ztzlswiper{height:26vw;} .zwfwright{ width: 100%; } .zwfw{ height: auto; } .w517{ width: 100%; margin: 0; } .gddt{ width: 100%; } .gddt .gddtlist li a{ width:88%; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; } .gddttitle img{ width: 28%; } .ztzlcont{ width: 100%; } .ztzltitle{ /*height: 35px; background-size: contain;*/ background-position:center; } .footer{ display: none; } .sjd{display: block;margin-top: 30px;background: #1369c0;height:56px;text-align: center;line-height: 56px;font-size: 18px;color: #90b5e6;} .tjt{ margin-left: 0; } } .piaochuang {position: relative; text-align:left; font-size:14px; font-weight:bold; color:#333;} .cont {text-indent: 20px;} .piaochuang a{ color:#fff;} .close-btn {position: absolute; right: 15px;top: 5px;cursor: pointer;}