.jd_warp .titT1,.jd_warp .titT1 a.t { font-size: 30px; color: #000; line-height: 32px;} .jd_warp .titT1 a.s1 { font-size: 18px; color: #373737;line-height: 32px;} .jd_warp .titT1 a.active { color: #cc0a2d; position: relative;} .jd_warp .titT1 a.active:after { content: ""; position: absolute; bottom: -10px; height: 3px; left: 0; right: 0; background: #cc0a2d;} .jd_warp .imgTxtT1 a { display: block; position: relative;} .jd_warp .imgTxtT1 a i { display: block; position: absolute; bottom: 0; left: 0; right: 0; padding: 5px 10px; background: #000; background: rgba(0,0,0,.5); color: #fff;font-size: 17px;} /*经典版首页 start*/ .jd_heared { width: 100%; height: 960px; position: relative; overflow: hidden;} .jd_heared .vBg { position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: url(../images/jd_home_banner.jpg) no-repeat center; background-size: cover; z-index: -2;} .jd_heared .vidbacking-active-body-back { position: absolute !important; z-index: -1 !important;} .jd_heared .h-tq { height: 136px; background: #163271; background: rgba(0,0,0,.5); position: absolute; left: 0; right: 0; bottom: 0; transition: 1.5s;} .jd_heared .h-tq.on { bottom: 270px;} .jd_heared .h-tq .tq-ps { position: relative; padding-left: 410px;} /*.jd_heared .h-tq.on .tq-ps { opacity: 1;filter:alpha(opacity=100)}*/ .jd_heared .h-tq .tq-ps .t1 { position: absolute; padding:38px 100px 0 0; left: 0; top: 0; color: #fff; font-size: 18px; line-height: 30px; font-weight: 700;} .jd_heared .h-tq .tq-ps .ps { height: 136px; text-indent: -999em; overflow: hidden; background: url(../images/jd_home_img-2-1.png) no-repeat 35% center;} .jd_heared .h-tq .tq-ps .zl { position: absolute; top: 50%; right: 0; margin-top: -7px;} /*.jd_heared .h-tq .tq-ps .t1,.jd_heared .h-tq .tq-ps .t1 img{ opacity: 0; filter:alpha(opacity=0)}*/ /*.jd_heared .h-tq.on .tq-ps .t1,.jd_heared .h-tq.on .tq-ps .t1 img{ opacity: 1;filter:alpha(opacity=100)}*/ .jd_heared .h-swzc { height: 270px; background: #DFEFFF; background: rgba(223,239,255,.96); position: absolute; left: 0; right: 0; bottom: -270px;transition: 1.5s;} .jd_heared .h-swzc.on { bottom: 0;} .jd_heared .h-swzc .btns a { position: absolute; top: 50%; display: block; width: 43px; height: 62px; margin-top: -32px;background: url(../images/ico-btn-1.png) no-repeat;} .jd_heared .h-swzc .btns a:hover { opacity: .8;filter:alpha(opacity=80)} .jd_heared .h-swzc .btns a.lBtn { left: 0;} .jd_heared .h-swzc .btns a.rBtn { right: 0; background-position: 0 -85px;} .jd_heared .upBtn,.jd_heared .doneBtn { width: 102px; position: absolute; left: 50%; bottom: -20px; margin-left: -61px; height: 20px;background: url(../images/h-cj-ico-1-2.png) no-repeat; z-index: 9; cursor: pointer; opacity: 0;filter:alpha(opacity=0); transition: 1.5s;} .jd_heared .upBtn.on { bottom: 250px;} .jd_heared .doneBtn { bottom: 0; background-position: 0 -23px;transition: .5s;} .jd_heared .upBtn.on,.jd_heared .doneBtn.on { opacity: 1;filter:alpha(opacity=100);} .jd_heared .h-swzc .lists { position: relative; height: 270px; padding-left: 120px;background: url(../images/jd_home_img-1-18.png) no-repeat 0 center;} .jd_heared .h-swzc .lists .oL {height: 196px; position: relative; left: 0; top: 48px; overflow: hidden;} .jd_heared .h-swzc .lists ul { position: relative; left: 0;} .jd_heared .h-swzc .lists ul:after { clear: both; content: ""; display: block;} .jd_heared .h-swzc .lists ul li { width: 496px; float: left; text-align: center; position: relative;} .jd_heared .h-swzc .lists ul li:after { content: ""; height: 6px; position: absolute; bottom: -6px; left: 0; right: 0; background: url(../images/jd_home_img-2-3.png) no-repeat center 0;} .jd_heared .h-swzc .lists ul li a { width: 304px; margin: 0 auto; padding: 5px; background: #fff;} .jd_heared .h-swzc .lists ul li a,.jd_heared .h-swzc .lists ul li a * { display: block;} .jd_heared .h-swzc .lists ul li a i { width: 304px; height: 133px; overflow: hidden;} .jd_heared .h-swzc .lists ul li a i img { width: 304px;height: 133px; float: left;transition: 1s;} .jd_heared .h-swzc .lists ul li a:hover i img{ transform: scale(1.08);} .jd_heared .h-swzc .lists ul li a em { width: 274px; height: 42px; line-height: 42px; padding: 0 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 20px; color: #01519a; transition: .3s;} .jd_heared .h-swzc .lists ul li a.vod i { position: relative;} .jd_heared .h-swzc .lists ul li a.vod i:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url(../images/vod_ico.png) no-repeat center;} .jd_warp .h_main_warp { padding: 25px 0;} .jd_warp .h_main_warp .box { width: 530px; height: 1530px; background: #F5F5F5;} .jd_warp .h_main_warp .box .titT1, .jd_warp .h_main_warp .box .titT1 a.t { font-size: 24px} .jd_warp .h_main_warp .box.s2 { width: 450px; margin: 0 35px;} .jd_warp .h_main_warp .box.s3 { width: 550px; background: none;} .jd_warp .h_main_warp .box p.p1{padding-bottom: 8px;} .jd_warp .h_main_warp .box .p1_bottom{padding-top: 8px; border-top: 1px solid #d0d2d6;} .jd_warp .h_main_warp .box .tabSwitchWarp.mt20{margin-top: 10px;} .jd_warp .h_main_warp .box.s1 .txtImgT1 a i{height: 220px;} .jd_warp .h_main_warp .box.s1 .txtImgT1 a i img{width: 100%; height: 100%;} /* 20222.08.10 */ .jd_warp .h_main_warp .box .p1_bottom .move_btn{display: block; text-align: right; font-size:15px; color: #014e94;} .jd_warp .h_main_warp .box .p1_bottom .move_btn:hover{color: #357aba;} .jd_warp .h_main_warp .box .p1_bottom .p1.last{padding-bottom: 0px;} @media screen and (max-width:1260px) { .jd_warp .h_main_warp .box.s1 .txtImgT1 a i{height: auto;} .jd_warp .h_main_warp .box.s1 .txtImgT1 a i img{width: auto; height: auto; max-width: 100%;} } .jd_warp .h_main_warp .box p.p1 a { display: block; font-size: 20px; color: #4f5051; } .jd_warp .h_main_warp .box p.p1 a:hover { color: #014E94;} .jd_warp .h_main_warp .box p.p1 a em { display: inline-block; padding-left: 10px; color: #afafaf;font-size: 15px;} .jd_warp .h_main_warp .box .tits1 { height: 46px; line-height: 46px; background: #E7E9EC;} .jd_warp .h_main_warp .box .tits1 a { float: left; width: 25%; height: 46px; font-size: 18px; color: #000; text-align: center;} .jd_warp .h_main_warp .box .tits1 a.active { background: #014E94; color: #fff; font-weight: 700;} .jd_warp .h_main_warp .box.s1 .txtImgT1 a { position: relative; padding-bottom: 52px;} .jd_warp .h_main_warp .box.s1 .txtImgT1 a i { display: block;} .jd_warp .h_main_warp .box.s1 .txtImgT1 a em { display: block; height: 52px; line-height: 52px; font-size: 18px; color: #fff; font-weight: 700; padding: 0 15px; position: absolute; left: 0; right: 0; bottom: 0; background: #295B92; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;} .jd_warp .h_main_warp .box.s1 .listsT1 li a { display: block; margin-bottom: 15px; padding-left: 145px; height: 88px; font-size: 15px; color: #908e8e; position: relative;} .jd_warp .h_main_warp .box.s1 .listsT1.s1 li a {padding-right: 60px; } .jd_warp .h_main_warp .box.s1 .listsT1.s1 li a strong { display: table-cell; height: 55px !important; vertical-align: middle; white-space: initial!important;} .jd_warp .h_main_warp .box.s1 .listsT1.s1 li a em {display: table-cell; position: absolute; right: 0; top:0; line-height: 55px;vertical-align: middle;} .jd_warp .h_main_warp .box.s1 .listsT1 li a i,.jd_warp .h_main_warp .box.s1 .listsT1 li a i img { position: absolute; left: 0; top: 0; width: 132px; height: 88px;} .jd_warp .h_main_warp .box.s1 .listsT1 li a strong { display: block; height: 52px; margin-bottom: 15px; line-height: 26px; font-size: 17px; color: #373737; overflow: hidden; transition: .3s;} .jd_warp .h_main_warp .box.s1 .listsT1 li a:hover strong { color: #295B92;} .jd_warp .h_main_warp .box.s1 .listsT1 li a.s1 { height: 55px; padding-left: 0; overflow: hidden;} .jd_warp .h_main_warp .box.s1 .listsT1 li a.s1 strong { height: auto; margin-bottom: 8px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .jd_warp .h_main_warp .box.s1 .listsT1 li a.s2 { padding-left: 0;} .jd_warp .h_main_warp .box.s1 .icoTxtS1 li a { display: block; height: 52px; margin-bottom: 10px; line-height: 52px; background: #618FBA; color: #fff; overflow: hidden; font-size: 20px;} .jd_warp .h_main_warp .box.s1 .icoTxtS1 li a img { float: left; margin: 13px 30px 0 50px;} .jd_warp .h_main_warp .box.s1 .icoTxtS1 li a:hover { background: #5583AD;} .jd_warp .h_main_warp .box.s1 .icoTxtS2:after{ display: block; content: ""; clear: both;} .jd_warp .h_main_warp .box.s1 .icoTxtS2 { width: calc(100% + 10px); margin-left: -5px;} .jd_warp .h_main_warp .box.s1 .icoTxtS2 li { float: left; width: 50%;} .jd_warp .h_main_warp .box.s1 .icoTxtS2 li a { display: block; height: 42px; margin: 4px 5px; line-height: 42px; background: #fff; border: 1px solid #C3D8E0; font-size: 16px; color: #0e81ca;} .jd_warp .h_main_warp .box.s1 .icoTxtS2 li a img { float: left; margin: 10px 10px 0 15px;} .jd_warp .h_main_warp .box.s1 .icoTxtS2 li a:hover { background: #F2FCFF;} .jd_warp .h_main_warp .box.s1 .icoTxtS2 li.s1 { width: 100%; text-align: center;} .jd_warp .h_main_warp .box.s1 .icoTxtS2 li.s1 a img { float: none; margin: -2px 10px 0 0;} .jd_warp .h_main_warp .box.s1 .tits1.t1 a { width: 33%} .jd_warp .h_main_warp .box.s1 .listsT2 { padding: 10px; background: #F0F1F2; border: 1px solid #E5E6E7; border-top: none;} .jd_warp .h_main_warp .box.s1 .listsT2 li a { display: block; padding: 8px 0 8px 30px; font-size: 16px; color: #373737; position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .jd_warp .h_main_warp .box.s1 .listsT2 li a:hover { color: #0e81ca;} .jd_warp .h_main_warp .box.s1 .listsT2 li a:after { display: block; content: ""; position: absolute; left: 12px; top: 21px; width: 3px; height: 3px; background: #373737; border-radius: 50%;} .jd_warp .h_main_warp .box.s2 .p2 img { width: 188px;} .jd_warp .h_main_warp .box .tits1.t2 a { width: 33.33%; position: relative;} .jd_warp .h_main_warp .box .tits1.t2 a:after { content: ""; position: absolute; bottom: -10px; left: 50%; margin-left: -10px; width: 0;height: 0;border-left: 10px solid transparent;border-top: 10px solid #014E94;border-right:10px solid transparent; transition: .3s; opacity: 0;filter:alpha(opacity=0);} .jd_warp .h_main_warp .box .tits1.t2 a.active:after { opacity: 1;filter:alpha(opacity=100);} .jd_warp .h_main_warp .box.s2 .item { height: 380px; overflow: hidden; position: relative;} .jd_warp .h_main_warp .box.s2 p.p1{padding-bottom: 10px;} .jd_warp .h_main_warp .box.s2 p.p2 a.a1{padding-bottom: 10px;} .jd_warp .h_main_warp .box.s2 .item.s1 .icolistsT1 { position: absolute; width: calc(100% * 4); position: relative;} .jd_warp .h_main_warp .box.s2 .icolistsT1 ul { float: left; width: 390px; height: 464px; position: relative;} .jd_warp .h_main_warp .box.s2 .icolistsT1 ul li { float: left; width: 50%;} /* .jd_warp .h_main_warp .box.s2 .icolistsT1 ul li a { display: block; padding: 15px; text-align: center; color: #4068af; font-size: 16px; } */ .jd_warp .h_main_warp .box.s2 .icolistsT1 ul li a { display: block; padding: 15px; text-align: center; color: #b8b8b8; font-size: 16px; } .jd_warp .h_main_warp .box.s2 .icolistsT1 ul li a em { display: block; height: 36px; margin-top: 5px; line-height: 18px; overflow: hidden; transition: .3s;} .jd_warp .h_main_warp .box.s2 .icolistsT1 ul li a:hover em { color: #629bff;} .jd_warp .h_main_warp .box.s2 .icolistsT1 ul li a.a1 img { margin-top: 23px;} .jd_warp .h_main_warp .box.s2 .icolistsT1 ul li a.a1 em { margin-top: 8px;} /* .jd_warp .h_main_warp .box.s2 .icolistsT1 ul:last-child li:last-child { position: absolute;right: 0; bottom: 0;} */ .jd_warp .h_main_warp .box.s3 .vodBox .titT1 {padding: 22px 25px 17px; border: 1px solid #E5E5E5; border-bottom: none;} .jd_warp .h_main_warp .box.s3 .vodBox .vodImg a { position: relative;} .jd_warp .h_main_warp .box.s3 .vodBox .vodImg a i { display: block; position: relative;} .jd_warp .h_main_warp .box.s3 .vodBox .vodImg a i:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,.36) url(../images/vod_ico-1.png) no-repeat center;} .jd_warp .h_main_warp .box.s3 .vodBox .vodImg a em { display: block; padding: 12px; position: absolute; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,.5); font-size: 18px; text-align: center; color: #fff;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .jd_warp .h_main_warp .box.s3 .calendarBox h5.t{ height: 63px; background:url(../images/jd_home_img-1-16.jpg) no-repeat center; color: #fff;} .jd_warp .h_main_warp .box.s3 .calendarBox h5.t strong { float: left; padding: 12px 40px 0 30px; font-size: 20px;} .jd_warp .h_main_warp .box.s3 .calendarBox h5.t span { float: left; width: 260px; padding-top: 10px; text-align: center; font-size: 18px; font-weight: 700; line-height: 22px;} .jd_warp .h_main_warp .box.s3 .calendarBox h5.t span em { display: block; font-size: 14px;} .jd_warp .h_main_warp .box.s3 .calendarBox .rlDays { height: 100px;} .jd_warp .h_main_warp .box.s3 .calendarBox .calenderItem { padding: 6px 30px 10px; border: 1px solid #E6E9EB; border-top: none;} .jd_warp .h_main_warp .box.s3 .calendarBox .calenderItem .rlDays table { width: 100%; text-align: center;font-size: 18px; } .jd_warp .h_main_warp .box.s3 .calendarBox .calenderItem .rlDays table tbody tr { display: none;} .jd_warp .h_main_warp .box.s3 .calendarBox .calenderItem .rlDays table tbody tr.s1 { display: table-row;} .jd_warp .h_main_warp .box.s3 .calendarBox .calenderItem .rlDays table th{ padding: 5px; text-align: center;} .jd_warp .h_main_warp .box.s3 .calendarBox .calenderItem .rlDays table td { padding: 1px 5px;} .jd_warp .h_main_warp .box.s3 .calendarBox .calenderItem .rlDays table td span { display: inline-block; width: 30px; height: 30px; line-height: 30px; cursor: pointer; color: #898989; border-radius: 50%;} .jd_warp .h_main_warp .box.s3 .calendarBox .calenderItem .rlDays table td.current-month span {color: #666;} .jd_warp .h_main_warp .box.s3 .calendarBox .calenderItem .rlDays table td.current-day span, .jd_warp .h_main_warp .box.s3 .calendarBox .calenderItem .rlDays table td.selected span { background: #4EB136; font-weight: 700; color: #fff;} .jd_warp .h_main_warp .box.s3 .calendarBox .calenderItem .calendar-hd { display: none;} .jd_warp .h_main_warp .box.s3 .calendarBox .calenderItem .rlDays table td.hove span { font-weight: 700; color:#6A84EB} .jd_warp .h_main_warp .box.s3 .calendarBox .calenderItem .rlDays table td.current-day.hove span, .jd_warp .h_main_warp .box.s3 .calendarBox .calenderItem .rlDays table td.selected.hove span{ color:#fff !important} .jd_warp .h_main_warp .box.s3 .calendarBox .calenderItem .rlDays table td.other-month.hove span { color:#888} .jd_warp .h_main_warp .box.s3 .calendarBox .calenderItem .hot { margin-top: 15px; padding-top: 15px; border-top: 2px solid #EDEFF1;} .jd_warp .h_main_warp .box.s3 .calendarBox .calenderItem .hot h6 a { font-size: 18px; color: #414242; font-weight: 700;} .jd_warp .h_main_warp .box.s3 .calendarBox .calenderItem .hot ul { min-height: 58px;} .jd_warp .h_main_warp .box.s3 .calendarBox .calenderItem .hot ul li a { display: block; margin-bottom: 10px; padding: 0 60px 0 15px; position: relative; font-size: 16px; color: #3e3e3e;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .jd_warp .h_main_warp .box.s3 .calendarBox .calenderItem .hot ul li a em { position: absolute; top: 0; right: 0; color: #7a7a7a;} .jd_warp .h_main_warp .box.s3 .calendarBox .calenderItem .hot ul li a:after { content: ""; display: block; width: 5px; height: 5px; background: #777; position: absolute; top: 10px; left: 2px;} .jd_warp .h_main_warp .box.s3 .calendarBox .calenderItem .hot ul li a:hover { color: #629bff;} .jd_warp .h_main_warp .box.s3 .my_gov ul { width: calc(100% + 10px); margin-left: -5px;} .jd_warp .h_main_warp .box.s3 .my_gov ul li { float: left; width: 50%;} .jd_warp .h_main_warp .box.s3 .my_gov ul li a { display: block; height: 56px; margin: 5px; line-height: 56px; background: #D5EDFD; font-size: 18px; color: #499dd7;} .jd_warp .h_main_warp .box.s3 .my_gov ul li a:hover { opacity: .8;filter:alpha(opacity=80)} .jd_warp .h_main_warp .box.s3 .my_gov ul li a em {font-weight: 700;} .jd_warp .h_main_warp .box.s3 .my_gov ul li a img { float: left; margin: 7px 30px 0 45px;} .jd_warp .h_main_warp .box.s3 .my_gov ul li a.a2 { background: #D5F1FD; color: #42abf4;} .jd_warp .h_main_warp .box.s3 .my_gov ul li a.a3 { background: #E9F5FD; color: #42abf4;} .jd_warp .h_main_warp .box.s3 .my_gov ul li a.a4 { background: #EBF1FF; color: #719cf9;} .jd_warp .h_main_warp .box.s3 .my_gov ul li a.a5 { background: #E0F8FC; color: #4ebcd0;} .jd_warp .h_main_warp .box.s3 .my_gov ul li a.a6 { background: #FEF0E9; color: #fd793a;} .jd_warp .h_main_warp .box.s3 .my_gov ul li.s1 { width: 100%; text-align: center;} .jd_warp .h_main_warp .box.s3 .my_gov ul li.s1 a img { float: none; margin: -3px 20px 0 0;} .jd_warp .h_main_warp .box.s3 .gov_consultation .titT1 a,.jd_warp .h_main_warp .box.s3 .map_t .titT1 a { font-size: 22px;} .jd_warp .h_main_warp .box.s3 .gov_consultation .titT1 a.s1 { color: #458ec1; font-size: 15px;} .jd_warp .h_main_warp .box.s3 .gov_consultation .titT1 a.s1:hover { color: #629bff;} .jd_warp .h_main_warp .box.s3 .gov_consultation .t1 a { display: block; padding: 15px 20px; background: #F5F8FD; font-size: 14px; color: #6e6f71;} .jd_warp .h_main_warp .box.s3 .gov_consultation .t1 a span { display: block; height: 30px; line-height: 30px;} .jd_warp .h_main_warp .box.s3 .gov_consultation .t1 a strong { display: block; padding-top: 5px; font-size: 14px; font-weight: 500; height: 40px; line-height: 20px; overflow: hidden;} .jd_warp .h_main_warp .box.s3 .map_t { border: 1px solid #E6E9EB;} .jd_warp .h_main_warp .box.s3 .map_t .item { padding: 15px 20px;} .jd_warp .h_main_warp .box.s3 .my_gov ul li a.a7 img{margin: 7px 8px 0px 10px;} .jd_warp .h_main_warp .box.s3 .my_gov ul li a.a8{background-color: #D8F7F1; color: #57A07E;} .jd_warp .h_main_warp .box.s3 .my_gov ul li a.a8 img{margin: 7px 22px 0px 34px;} /*经典版首页 end*/ /*互动交流 start*/ .jd_warp .online_interview { padding: 40px 0; background: #E0F0FF;} .jd_warp .online_interview .ointBox { background: #F9F9F9;} .jd_warp .online_interview .infoBox { height: 358px;} .jd_warp .online_interview .ftImg,.jd_warp .online_interview .ftImg img { width: 590px; height: 358px;} .jd_warp .online_interview .ftInfo { width: 490px;} .jd_warp .online_interview .ftInfo .box { height: 298px; margin: 40px 0; padding: 0 40px; border-right: dashed 1px #E5EAF6;} .jd_warp .online_interview .ftYg { width: 490px;height: 358px;} .jd_warp .online_interview .ftYg .box { padding: 40px 40px 0;} .jd_warp .online_interview .ftYg .box.not p {height: 295px; color: #C4C4C4; text-align: center; font-size: 20px; letter-spacing: 2px; line-height: 295px; background: #F7FBFF;} .jd_warp .online_interview .ftInfo h6 a { font-size: 24px; color: #054e9b; font-weight: 700;} .jd_warp .online_interview .ftInfo a.toft {display: inline-block; height: 52px; padding: 0 30px; line-height: 52px; background: #054E9B; font-size: 20px; color: #fff; border-radius: 5px;} .jd_warp .online_interview .ftInfo a.toft:hover { background: #1258A2;} .jd_warp .online_interview .infoBox p.t1 { position: relative; padding-left: 46px; font-size: 18px; color: #373737;} .jd_warp .online_interview .infoBox p.t1 span { position: absolute; left: 0; top: 0;} .jd_warp .online_interview .ftInfo p.ps {height: 135px; font-size: 16px; line-height: 30px; overflow: hidden;} .jd_warp .online_interview .ftYg h5 a { padding-left: 20px; border-left: 4px solid #054E9B; line-height: 26px; font-size: 22px; color: #000; font-weight: 700; } .jd_warp .online_interview .ftYg dl dt,.jd_warp .online_interview .ftYg dl dt img { width: 170px; height: 110px;} .jd_warp .online_interview .ftYg dl dd { margin-left: 15px; width: 225px; color: #373737;} .jd_warp .online_interview .ftYg dl dd h6 { font-size: 18px;} .jd_warp .online_interview .ftYg dl dd p.t1 { font-size: 16px;} .jd_warp .online_interview .ftYg dl.t1 dt { display: none;} .jd_warp .online_interview .ftYg dl.t1 dd { width: 100%; margin-left: 0;} .jd_warp .online_interview .ftYg p.ps { font-size: 14px;line-height: 30px;} .jd_warp .ft_zmd_box { padding: 56px 0;} .jd_warp .ft_zmd_box .lists li { margin-bottom: 15px;} .jd_warp .ft_zmd_box .lists li:last-child { margin-bottom: 0;} .jd_warp .ft_zmd_box .lists li a { display: block; height: 92px; padding: 15px; background: #F5F8FC; } .jd_warp .ft_zmd_box .lists li a:hover { background: #EDF5FC;} .jd_warp .ft_zmd_box .lists li a span { float: left; width: 33.33%; font-size: 14px; color: #666;} .jd_warp .ft_zmd_box .lists li a span.s1 i { color: #447cc7;} .jd_warp .ft_zmd_box .lists li a span.s2 { text-align: center;} .jd_warp .ft_zmd_box .lists li a span.s3 { text-align: right; color: #cb0c2c;} .jd_warp .ft_zmd_box .lists li a strong { display: block; padding-top: 10px; font-size: 18px; color: #373737; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .jd_warp .ft_zmd_box .lists.mz li a { padding:15px 15px 15px 100px; position: relative;} .jd_warp .ft_zmd_box .lists.mz li a span { display: block; width: 72px; height: 62px; position: absolute; left: 15px; top: 15px; background: #B8B8B8; border: 1px solid #B8B8B8; text-align: center; transition: .3s;} .jd_warp .ft_zmd_box .lists.mz li a span i { display: block; height: 34px; background: #fff; line-height: 34px; font-size: 18px; color: #b8b8b8; transition: .3s;} .jd_warp .ft_zmd_box .lists.mz li a span em { line-height: 28px; color: #fff; font-size: 16px;} .jd_warp .ft_zmd_box .lists.mz li a strong { height: 60px; padding-top: 3px; line-height: 28px; white-space: initial;} .jd_warp .ft_zmd_box .lists.mz li a.on span,.jd_warp .ft_zmd_box .lists.mz li a:hover span { background: #5DB4F0; border-color: #5DB4F0;} .jd_warp .ft_zmd_box .lists.mz li a.on span i,.jd_warp .ft_zmd_box .lists.mz li a:hover span i { color: #000;} .jd_warp .ft_zmd_box .listsQA { height: 413px; padding: 15px; background: #F5F8FC; overflow: hidden;} .jd_warp .ft_zmd_box .listsQA li { padding: 7px 0;} .jd_warp .ft_zmd_box .listsQA li a { display: block; font-size: 16px; color: #373737;} .jd_warp .ft_zmd_box .listsQA li a:hover { color: #5DB4F0;} .jd_warp .ft_zmd_box .icoLists .item a { display: block; height: 134px; background: #F6F9FC; text-align: center;} .jd_warp .ft_zmd_box .icoLists .item a:hover { background: #EDF5FC;} .jd_warp .ft_zmd_box .icoLists .item a img { margin: 25px 0 8px;} .jd_warp .ft_zmd_box .icoLists .item a i { display: block; font-size: 20px; color: #373737; font-weight: 700;} .jd_warp .live_broadcast {padding: 50px 0; background: #E0F0FF;} .jd_warp .live_broadcast .imgTxtT1 { width: 101%; margin-left: -1%;} .jd_warp .live_broadcast .imgTxtT1 li { float: left; width: 15.666%; margin-left: 1%;} .jd_warp .live_broadcast .imgTxtT1 li a i { white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .jd_warp .live_broadcast .imgTxtT1 li a img { max-width: 100%; transition: .3s;} .jd_warp .live_broadcast .imgTxtT1 li a:hover img { opacity: .8;filter:alpha(opacity=80) } .jd_warp .live_broadcast {padding: 50px 0; background: #E0F0FF;} .jd_warp .live_broadcast .imgTxtT1 { width: 101%; margin-left: -1%;} .jd_warp .live_broadcast .imgTxtT1 li { float: left; width: 15.666%; margin-left: 1%;} .jd_warp .live_broadcast .imgTxtT1 li a i { white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .jd_warp .live_broadcast .imgTxtT1 li a img { max-width: 100%; transition: .3s;} .jd_warp .live_broadcast .imgTxtT1 li a:hover img { opacity: .8;filter:alpha(opacity=80) } /* .jd_warp .titT1 span{font-size: 0px;} */ .jd_warp .titT1 a.icon_Box img {display: inline-block; font-size: 0px; margin-right: 5px; vertical-align: sub;} .jd_warp .titT1 a.icon_Box:first-child{padding-right: 10px; border-right: 1px solid #E8E9ED;} .jd_warp .titT1 a.icon_Box:last-child{padding-left: 10px;} /*互动交流 end*/ /*政务服务 start*/ .jd_warp .grQy_service { padding: 30px 0 40px; background: #E0F0FF;} .jd_warp .grQy_service .newsList dl { height: 84px; padding: 15px 15px 15px 215px; background: #F0F5F9; position: relative;} .jd_warp .grQy_service .newsList dl dt a { display: block; width: 180px; height: 54px; position: absolute; left: 15px; top: 15px; line-height: 54px; background: #335386; color: #fff; font-size: 22px; font-weight: 500; text-align: center;} .jd_warp .grQy_service .newsList dl dd a { display: block; margin-bottom: 3px; line-height: 26px; font-size: 18px; color: #373737; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .jd_warp .grQy_service .newsList dl dd a:hover { color: #335386;} .jd_warp .grQy_service .rg_qy .item {float: left;} .jd_warp .grQy_service .rg_qy .box { padding: 15px 15px 0 0;} .jd_warp .grQy_service .rg_qy .item.t3 { width: 33.33%;} .jd_warp .grQy_service .rg_qy .item.t2 { width: 50%;} .jd_warp .grQy_service .rg_qy .item dl {height: 178px; margin:0 0 15px 15px; padding: 0 15px 0 200px; background: #F0F5F9; position: relative; overflow: hidden;} .jd_warp .grQy_service .rg_qy .item dl dt a { position: absolute; left: 30px; top: 30px; width: 122px; height: 122px; padding: 10px; border: 1px solid #5D9ACB; border-radius: 50%;} .jd_warp .grQy_service .rg_qy .item dl dt a span { display: block; width: 100px; height: 100px; background: #5D9ACB; border-radius: 50%; text-align: center; color: #fff; font-size: 18px;} .jd_warp .grQy_service .rg_qy .item dl dt a span i{ display: block; padding: 15px 0 5px; } .jd_warp .grQy_service .rg_qy .item dl dt a span em { font-weight: 700;} .jd_warp .grQy_service .rg_qy .item dl dd { height: 178px;display: table-cell; vertical-align: middle;} .jd_warp .grQy_service .rg_qy .item dl dd a { float: left; min-width: 50%; padding: 5px 0; line-height: 24px; font-size: 16px; color: #373737;} .jd_warp .grQy_service .rg_qy .item dl dd a:hover { color: #5D9ACB;} .jd_warp .grQy_service .rg_qy .item.t2 dl dd a { min-width: auto; padding: 5px 20px;} .jd_warp .ztZtApp_service { padding: 40px 0 30px;} .jd_warp .ztZtApp_service .serviceBox{ width: 48%;} .jd_warp .ztZtApp_service .appBox { width: 52%;} .jd_warp .ztZtApp_service .txtimgT1 {width: calc(100% + 10px);} .jd_warp .ztZtApp_service .txtimgT1 li { float: left; width: 33.33%;} .jd_warp .ztZtApp_service .txtimgT1.s1 li { width: 25%;} .jd_warp .ztZtApp_service .txtimgT1 li a { display: block; height: 152px; margin:0 10px 10px 0;background: #F6F9FC; text-align: center;} .jd_warp .ztZtApp_service .txtimgT1 li a:hover { background: #EDF7FF;} .jd_warp .ztZtApp_service .txtimgT1 li a i { display: block; padding: 23px 0 5px;} .jd_warp .ztZtApp_service .txtimgT1 li a em { display: block; font-weight: 700;font-size: 20px; color: #373737;} .jd_warp .ztZtApp_service .appBox a { display: block;} .jd_warp .ztZtApp_service .appBox a i { font-weight: 700;} .jd_warp .ztZtApp_service .appBox .t1 a.s1 img{ width: 520px; } .jd_warp .ztZtApp_service .appBox .t1 a.s2 { width: 298px; height: 110px; background: #5D9ACB; color: #fff; line-height: 100px; font-size: 20px;} .jd_warp .ztZtApp_service .appBox .t1 a.s2 img { padding: 0 10px 0 30px;} .jd_warp .ztZtApp_service .appBox .t2 a { float: left; width: 49.4%; height: 68px; line-height: 68px;background: #5D9ACB; color: #fff;font-size: 20px; text-align: center; font-weight: 700;} .jd_warp .ztZtApp_service .appBox .t2 a:last-child { float: right; } .jd_warp .ztZtApp_service .appBox p a:hover { background: #508EBF;} .jd_warp .zwfwImgLists_box { padding: 40px 0; background: #E0F0FF;} .jd_warp .zwfwImgLists_box ul {width: calc(100% + 13px);} .jd_warp .zwfwImgLists_box ul li { float: left; width: 25%;} .jd_warp .zwfwImgLists_box ul li a { display: block; padding-right: 13px;} .jd_warp .convenient_service { padding: 40px 0;} .jd_warp .convenient_service ul {width: calc(100% + 10px);} .jd_warp .convenient_service ul li { float: left; min-width: 11.111%;} .jd_warp .convenient_service ul li a { display: block; height: 66px; margin:0 10px 10px 0; padding: 0 15px; background: #E0F0FF; line-height: 66px; text-align: center; font-size: 20px; color: #000;} .jd_warp .convenient_service ul li a:hover { background: #C4DBF0;} .jd_warp .livelihood_topics .slider-container { padding-bottom: 40px; background: none;} .jd_warp .livelihood_topics .item_box .imgT,.jd_warp .livelihood_topics .item_box .imgT img { width: 610px; height: 376px; position: relative;} .jd_warp .livelihood_topics .item_box .imgT:after, .jd_warp .livelihood_topics.s1 .slider-container .imgT:after { content: ""; position: absolute; top: 50%; right: 0; margin-top: -15px; width: 0;height: 0;border-top: 15px solid transparent;border-right: 15px solid #fff;border-bottom:15px solid transparent;} .jd_warp .livelihood_topics .item_box .lists { width: 980px;} .jd_warp .livelihood_topics .item_box .lists li { margin-bottom: 15px;} .jd_warp .livelihood_topics .item_box .lists li a { display: block; height: 181px; padding: 15px 20px; background: #F7F7F8; color: #666;} .jd_warp .livelihood_topics .item_box .lists li a strong { display: block; padding: 15px 0 10px; color: #373737;font-size: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .jd_warp .livelihood_topics .item_box .lists li a em { display: block; height: 86px; font-size: 16px; line-height: 28px; overflow: hidden;} .jd_warp .livelihood_topics .item_box .lists li a:hover { background: #eee;} .jd_warp .livelihood_topics .slider-nav__control { width: 20px; height: 20px; margin: 0 10px; background: #C4C4C4; border: none; cursor: pointer;} .jd_warp .livelihood_topics .slider-nav__control.is-active { background: #054E9B;} .jd_warp .livelihood_topics.s1 .slider-container .imgT { position: absolute; left: 0; top: 0; z-index: 2;} .jd_warp .livelihood_topics.s1 .item_box { padding-left: 630px;} /*政务服务 end*/ /*走进盐田 start*/ .jd_warp .enterYt_banner { height: 560px; background: url(../images/jd_enter_img-2-2.jpg) no-repeat center 0;} .jd_warp .enterYt_banner .item { float: left; width: 32%; margin-top: 200px;} .jd_warp .enterYt_banner .item.t1 { width: 36%; margin-top: 160px;} .jd_warp .enterYt_banner .item dl { height: 240px; background: #fff; border-radius: 10px; padding-left:140px; position: relative; overflow: hidden; transition: .8s;} .jd_warp .enterYt_banner .item dl:hover { transform: translateY(-30px); box-shadow: 0 0 30px rgba(0,0,0,.5);} .jd_warp .enterYt_banner .item.t1 dl { margin: 0 5%; height: 280px;} .jd_warp .enterYt_banner .item dl dt { position: absolute; left: 0; top: 0; bottom: 0; width: 140px; padding-top: 40px; background: #2DC494 url(../images/jd_enter_img-1-2.png) no-repeat center bottom; text-align: center; font-size: 22px; text-align: center;} .jd_warp .enterYt_banner .item dl dt.s2 { background-color: #4CACFB; background-image: url(../images/jd_enter_img-1-3.png);} .jd_warp .enterYt_banner .item dl dt.s3 { background-color: #7C53FE; background-image: url(../images/jd_enter_img-1-4.png);} .jd_warp .enterYt_banner .item.t1 dl dt { padding-top: 60px;} .jd_warp .enterYt_banner .item dl dt em { display: block; padding-top: 20px; color: #fff; font-weight: 700;} .jd_warp .enterYt_banner .item dl dd { height: 100%; padding: 20px; background: url(../images/jd_enter_img-1-1.png) no-repeat center bottom; background-size: 100%;} .jd_warp .enterYt_banner .item dl dd h5 a { display: block; padding: 15px 0; font-size: 22px; color: #373737; font-weight: 700;} .jd_warp .enterYt_banner .item dl dd p { height: 90px; font-size: 18px; color: #373737; line-height: 30px; overflow: hidden;} .jd_warp .enterYt_banner .item.t1 dl dd p { height: 120px; margin: 5px 0;} .jd_warp .enterYt_banner .item dl dd a.more { display: inline-block; height: 36px; margin-top: 15px; padding: 0 15px; background: #fff; border: 1px solid #3777CF; line-height: 34px; font-size: 18px; color: #3777cf; border-radius: 5px;} .jd_warp .enterYt_banner .item dl dd a.more:hover { background: #3777CF; color: #fff;} .jd_warp .enter_community {padding: 70px 0;} .jd_warp .enter_community .enterCbox { background: #F8F8F8;} .jd_warp .enter_community .enterCbox .l_lists { width: 960px;} .jd_warp .enter_community .enterCbox .l_lists .tit { border-bottom: 1px solid #0A4E99; height: 54px; line-height: 54px;} .jd_warp .enter_community .enterCbox .l_lists .tit a { display: inline-block; margin-right: 15px; padding: 0 36px; font-size: 20px; color: #0a4e99;} .jd_warp .enter_community .enterCbox .l_lists .tit a:last-child { margin: 0;} .jd_warp .enter_community .enterCbox .l_lists .tit a.active { background: #0a4e99; color: #fff;} .jd_warp .enter_community .enterCbox .l_lists ul li { padding: 28px 0; border-bottom: 1px solid #fff;} .jd_warp .enter_community .enterCbox .l_lists ul li:last-child { border: none; padding-bottom: 0;} .jd_warp .enter_community .enterCbox .l_lists ul li a { display: block; min-height: 90px; padding-left: 120px; position: relative;} .jd_warp .enter_community .enterCbox .l_lists ul li a span { display: block; position: absolute; left: 0; width: 100px; font-size: 20px; color: #cdcdcd; text-align: center;} .jd_warp .enter_community .enterCbox .l_lists ul li a span i { display: block; font-size: 52px; font-weight: 400; line-height: 60px; } .jd_warp .enter_community .enterCbox .l_lists ul li a strong {display: block; font-size: 20px; font-weight: 500; color: #000; transition: .3s; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} .jd_warp .enter_community .enterCbox .l_lists ul li a em { display: block; height: 58px; padding-top: 10px; font-size: 16px; color: #666; overflow: hidden;} .jd_warp .enter_community .enterCbox .l_lists ul li a:hover strong { color: #0A4E99;} .jd_warp .enter_community .enterCbox .r_img,.jd_warp .enter_community .enterCbox .r_img img { width: 580px; height: 340px;} .jd_warp .first_knowYt {padding: 50px 0; background: #E0F0FF;} .jd_warp .first_knowYt ul { width: calc(100% + 10px);} .jd_warp .first_knowYt ul li { float: left;width: 12.5%;} .jd_warp .first_knowYt ul li a { display: block; height: 190px; margin-right: 10px; background: #fff; text-align: center; font-size: 18px; color: #373737; font-weight: 700;} .jd_warp .first_knowYt ul li a i { display: block; padding: 40px 0 20px;} .jd_warp .first_knowYt ul li a:hover { background: #f9f9f9;} .jd_warp .picture_video {padding: 70px 0;} .jd_warp .picture_video ul {width: calc(100% + 11px);} .jd_warp .picture_video ul li { float: left; width: 20%} .jd_warp .picture_video ul li a { display: block; margin-right: 11px; text-align: center;} .jd_warp .picture_video ul li a span { display: block; padding: 10px 0; color: #000; font-size: 16px;} .jd_warp .picture_video ul.vodT li { float: left; width: 25%} .jd_warp .picture_video ul.vodT li a em { display: block; position: relative;} .jd_warp .picture_video ul.vodT li a em:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,.5) url(../images/vod_ico.png) no-repeat center;} .jd_warp .picture_video .more { display: inline-block; height: 46px; border:1px solid #eee; border-radius: 5px; line-height: 44px; color: #999; padding: 0 30px; font-size: 16px;} /*走进盐田 end*/ /*政务公开 start*/ .jd_warp .zwgk_banner { height: 316px; background: url(../images/jd_zwgk_bg-2-2.jpg) no-repeat center; position: relative; z-index: 2; } .jd_warp .zw_notice { padding-bottom: 56px; background: url(../images/jd_zwgk_bg-2-1.jpg) no-repeat center bottom; background-size: cover;} .jd_warp .zw_notice .noticeBox { width: 1420px; height: 132px; margin: -66px auto 0;background: #fff; box-shadow: 0 0 10px rgba(5,78,155,.3); position: relative; z-index: 3;} .jd_warp .zw_notice .noticeBox dl{ padding:0 120px 0 320px; position: relative;} .jd_warp .zw_notice .noticeBox dl dt { position: absolute; top: 0; left: 0;} .jd_warp .zw_notice .noticeBox dl dt:after { content: ""; display: block; position: absolute; right: -15px; top: 50%; margin-top: -15px; width: 0;height: 0;border-top: 15px solid transparent;border-left: 15px solid #054E9B;border-bottom:15px solid transparent;} .jd_warp .zw_notice .noticeBox dl dd.lists { padding: 15px 30px;} .jd_warp .zw_notice .noticeBox dl dd.lists a { display: block; padding: 10px 115px 10px 20px; font-size: 22px; color: #4f5051; position: relative; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} .jd_warp .zw_notice .noticeBox dl dd.lists a em { position: absolute; top: 13px; right: 0; color: #afafaf; font-size: 18px;} .jd_warp .zw_notice .noticeBox dl dd.lists a:after { content: ""; display: block; width: 11px; height: 11px; background: #054E9B; border-radius: 50%; position: absolute; left: 0; top:20px; } .jd_warp .zw_notice .noticeBox dl dd.lists a:hover { color: #054E9B;} .jd_warp .zw_notice .noticeBox dl dd.moreBtn { position: absolute; top: 15px; right: 15px; bottom: 15px; width: 100px; text-align: center; border-left: 1px solid #E5F1FD;} .jd_warp .zw_notice .noticeBox dl dd.moreBtn a { display: inline-block; position: relative; top: 20px; left: 10px; width: 50px; font-size: 22px; color: #054e9b;} .jd_warp .zw_notice .noticeBox dl dd.moreBtn a:hover { color: #1574d9;} .jd_warp .zw_notice .newsBox {margin-top: 40px;} .jd_warp .zw_notice .newsImg { width: 780px; overflow: hidden;} .jd_warp .zw_notice .newsImg .slider-nav { display: none;} .jd_warp .zw_notice .newsImg .info { display: block; height: 62px; line-height: 62px; padding:0 90px 0 20px; font-size: 24px; color: #fff; position: absolute; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,.5);white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} .jd_warp .zw_notice .newsImg .info span { position: absolute; top: 0; right: 30px; letter-spacing: 2px;} .jd_warp .zw_notice .newsImg .info span i { padding-right: 5px; font-size: 32px;} .jd_warp .zw_notice .newsImg .slider__switch { width: 30px; height: 48px; padding: 0; background: url(../images/jd_zwgk_ico-3-1.png) no-repeat; opacity: 1;filter:alpha(opacity=100)} .jd_warp .zw_notice .newsImg .slider__switch.slider__switch--prev { left: 0;} .jd_warp .zw_notice .newsImg .slider__switch.slider__switch--next { right: 0; background-position: 0 -52px;} .jd_warp .zw_notice .newsLists { width: 790px; padding: 20px 30px 0 0;} .jd_warp .zw_notice .newsLists h3:after { display: block; content: "";clear: both;} .jd_warp .zw_notice .newsLists h3 a { float: left; width: 24%; height: 50px; line-height: 50px; margin-right: 1%; padding:0 20px; text-align: center; background: #ddd; font-size: 23px; color: #656565; } .jd_warp .zw_notice .newsLists h3 a.active { background: #054E9B; color: #fff; font-weight: 700;} .jd_warp .zw_notice .newsLists .listsT1 li a { display: block; min-height: 80px; padding: 0 180px 0 0; font-size: 20px; color: #373737; position: relative;} .jd_warp .zw_notice .newsLists .listsT1 li a em { position: absolute; right: 20px; top: 0; color: #888;} .jd_warp .zw_notice .newsLists .listsT1 li a:hover { color: #369;} .jd_warp .zw_policy { padding: 50px 0;} .jd_warp .zw_policy .file_imglist { padding: 30px 30px 18px; border: 1px solid #ddd;} .jd_warp .zw_policy .file_imglist h4,.jd_warp .zw_policy .file_imglist h4 a { font-size: 21px; color: #054892; font-weight: 700;} .jd_warp .zw_policy .file_imglist h4 a.zcjzts_btn{margin-left: 10px; display: inline-block; width: 240px; height: 43px; line-height: 40px; text-align: center; border:1px solid #054892; border-radius: 5px;} .jd_warp .zw_policy .file_imglist h4 a.zcjzts_btn:hover{opacity: 0.8;} .jd_warp .zw_policy .file_imglist h4 a.zcjzts_btn b{padding-left: 13px;} .jd_warp .zw_policy .file_imglist .imglists { width: calc(100% + 24px); margin-left: -12px;} .jd_warp .zw_policy .file_imglist .imglists li { float: left; width: 33.33%;} .jd_warp .zw_policy .file_imglist .imglists li a { display: block; padding: 12px;} .jd_warp .zw_policy .file_imglist .imglists li a img { max-width: 100%; height: 150px;} .jd_warp .zw_policy .file_imglist .search { width: 480px; height: 48px; margin-top: 22px; position: relative; padding-right: 75px; border: 1px solid #ddd; border-radius: 5px;} .jd_warp .zw_policy .file_imglist .search .txt { width: 100%; height: 46px; padding: 0 15px; font-size: 16px; border: none; background: none;} .jd_warp .zw_policy .file_imglist .search .subBtn { width: 75px; height: 46px; position: absolute; top: 0; right: 0; background: #ddd url(../images/jd_zwgk_ico-4-1.png) no-repeat center; border: none;} .jd_warp .zw_policy .file_imglist .search .subBtn:hover { background-color: #D6D6D6;} .jd_warp .zw_policy .file_imglist .listsT { height: 257px; padding: 20px 20px 0; background: #FAFAFA;} .jd_warp .zw_policy .file_imglist .listsT dl { padding-bottom: 20px;} .jd_warp .zw_policy .file_imglist .listsT dl dt { padding-bottom: 10px; font-size: 18px; color: #000;} .jd_warp .zw_policy .file_imglist .listsT dl dd { width: calc(100% + 40px); margin-left: -20px;} .jd_warp .zw_policy .file_imglist .listsT dl dd a { display: inline-block; padding: 0 20px 5px; font-size: 18px; color: #666;} .jd_warp .zw_policy .file_imglist .listsT dl dd.t1 {width: calc(100% + 20px); margin-left: -10px;} .jd_warp .zw_policy .file_imglist .listsT dl dd.t1 a { padding: 0 10px 5px;} .jd_warp .zw_policy .file_imglist .listsT dl dd a:hover { color: #4090c8;} .jd_warp .zw_policy .listsT1 { background: #F0F5F9;} .jd_warp .zw_policy .listsT1 li { float: left; width: 14.285%; } .jd_warp .zw_policy .listsT1 li a { display: block; padding: 30px 0; text-align: center;} .jd_warp .zw_policy .listsT1 li a i { display: inline-block; width: 92px; height: 92px; margin-bottom: 10px; background: #fff url(../images/jd_zwgk_ico-2-1.png) no-repeat; border-radius: 50%; transition: .3s;} .jd_warp .zw_policy .listsT1 li a.a1 i { background-position: 21px 20px;} .jd_warp .zw_policy .listsT1 li a.a2 i { background-position: 21px -56px;} .jd_warp .zw_policy .listsT1 li a.a3 i { background-position: 21px -137px;} .jd_warp .zw_policy .listsT1 li a.a4 i { background-position: 21px -215px;} .jd_warp .zw_policy .listsT1 li a.a5 i { background-position: 21px -294px;} .jd_warp .zw_policy .listsT1 li a.a6 i { background-position: 21px -373px;} .jd_warp .zw_policy .listsT1 li a.a7 i { background-position: 21px -453px;} .jd_warp .zw_policy .listsT1 li a.a8 i { background-position: 21px -533px;} .jd_warp .zw_policy .listsT1 li a.a1:hover i { background-position: -54px 20px;} .jd_warp .zw_policy .listsT1 li a.a2:hover i { background-position: -54px -56px;} .jd_warp .zw_policy .listsT1 li a.a3:hover i { background-position: -54px -137px;} .jd_warp .zw_policy .listsT1 li a.a4:hover i { background-position: -54px -215px;} .jd_warp .zw_policy .listsT1 li a.a5:hover i { background-position: -54px -294px;} .jd_warp .zw_policy .listsT1 li a.a6:hover i { background-position: -54px -373px;} .jd_warp .zw_policy .listsT1 li a.a7:hover i { background-position: -54px -453px;} .jd_warp .zw_policy .listsT1 li a.a8:hover i { background-position: -54px -533px;} .jd_warp .zw_policy .listsT1 li a em { display: block; height: 56px; line-height: 28px; font-size: 20px; color: #373737; transition: .3s;} .jd_warp .zw_policy .listsT1 li a:hover em { color: #1A61CC;} .jd_warp .zw_policy .listsT2 ul{ width: calc(100% + 14px); margin-left: -7px; white-space: nowrap;} .jd_warp .zw_policy .listsT2 li { float: left; width: 16.666%;} .jd_warp .zw_policy .listsT2 li a { display: block; padding: 50px 0 25px; background: #F0F5F9; margin: 0 7px; font-size: 20px; color: #373737; text-align: center;} .jd_warp .zw_policy .listsT2 li a i { display: block; margin-bottom: 15px;} .jd_warp .zw_policy .listsT2 li a em { display: block; height: 56px; line-height: 28px;white-space: initial;} .jd_warp .zw_policy .listsT2 li a:hover { background: #EDF7FF;} .jd_warp .zw_policy .listsT3 ul{ width: calc(100% + 15px); margin-left: -15px;} .jd_warp .zw_policy .listsT3 li { float: left; width: 20%;} .jd_warp .zw_policy .listsT3 li a { display: block; height: 60px; line-height: 60px; background: #fff; border: 1px solid #F3F3F3; margin: 0 0 15px 15px; font-size: 20px; color: #373737; text-align: center; box-shadow: 0 0 10px #ececec;} .jd_warp .zw_policy .listsT3 li a:hover { background: #f9f9f9;} .jd_warp .zw_policy .listsT4 ul { width: calc(100% + 35px); margin-left: -35px;} .jd_warp .zw_policy .listsT4 li {float: left; width: 10%;} .jd_warp .zw_policy .listsT4 li a { display: block; height: 36px; line-height: 36px; background: #F0F5F9; border-radius: 19px; margin: 0 0 20px 35px; font-size: 20px; color: #373737; text-align: center;} .jd_warp .zw_policy .listsT4 li a:hover { background: #E0E8F0;} .jd_warp .zw_policy .imagesLists ul{width: calc(100% + 17px); margin:0 0 10px -17px;} .jd_warp .zw_policy .imagesLists ul:after { display: block; content: ""; clear: both;} .jd_warp .zw_policy .imagesLists li { float: left; width: 20%;} .jd_warp .zw_policy .imagesLists li a { display: block; margin-left: 17px;} .jd_warp .zw_policy .imagesLists a img { max-width: 100%;} .jd_warp .zw_hot_spots {padding: 60px 0; background: #E0F0FF;} .jd_warp .zw_hot_spots .imgTxtT2 { width: calc(100% + 10px); margin-left: -5px;} .jd_warp .zw_hot_spots .imgTxtT2 li { float: left; width: 12.5%;} .jd_warp .zw_hot_spots .imgTxtT2 li a { display: block; text-align: center; margin:0 5px;} .jd_warp .zw_hot_spots .imgTxtT2 li a img { max-width: 100%;} .jd_warp .zw_hot_spots .imgTxtT2 li a i { display: block; height: 38px; line-height: 38px;padding: 0 5px; background: #fff; color: #373737; font-size: 16px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} .jd_warp .zw_policy .file_imglist h4 a.zcjzts_btn{width: 193px;} /*政务公开 end*/ .app_floorTop,.swidth_js { display: none;} @media screen and (min-width: 1670px) and (max-width: 1800px) { } @media screen and (min-width: 1420px) and (max-width: 1670px) { /*经典版首页 start*/ .jd_heared {height: 900px;} .jd_heared .h-swzc .lists ul li { width: 426px; } .jd_warp .h_main_warp .box { width: 450px;height: 1467px;} .jd_warp .h_main_warp .box.s2 { width: 420px;} .jd_warp .h_main_warp .box.s3 { width: 460px;} .jd_warp .h_main_warp .box.s1 .txtImgT1 a { padding-bottom: 46px;} .jd_warp .h_main_warp .box.s1 .txtImgT1 a em { height: 46px; line-height: 46px; font-weight: 500;} .jd_warp .h_main_warp .box.s1 .listsT1 li a strong { font-weight: 500;} .jd_warp .h_main_warp .box.s1 .listsT1.s1 li a { margin-bottom: 11px; } .jd_warp .h_main_warp .box.s2 .p2 img { width: 175px;} .jd_warp .h_main_warp .box.s2 .icolistsT1 ul { width: 360px;} .jd_warp .h_main_warp .box.s1 .icoTxtS2 li a {height: 40px; line-height: 40px; font-size: 14px;} .jd_warp .h_main_warp .box.s1 .icoTxtS2 li a img { margin: 10px 5px 0 10px;} .jd_warp .h_main_warp .box.s1 .listsT2 li a { padding: 6px 0 6px 30px;} .jd_warp .h_main_warp .box.s3 .calendarBox .calenderItem { padding: 15px 30px 20px;} .jd_warp .h_main_warp .box.s3 .gov_consultation .t1 a strong{ height: 47px;} .jd_warp .h_main_warp .box.s3 .my_gov ul li a img {margin: 7px 20px 0 30px;} .jd_warp .h_main_warp .box.s3 .map_t .item { padding: 20px;} .jd_warp .h_main_warp .box.s3 .my_gov ul li a.a7{font-size: 15px;} .jd_warp .h_main_warp .box.s3 .my_gov ul li a.a7 img{margin: 7px 7px 0px 7px} .jd_warp .h_main_warp .box.s3 .my_gov ul li a.a8{font-size: 16px;} .jd_warp .h_main_warp .box.s3 .my_gov ul li a.a8 img{margin: 7px 19px 0px 21px} /*经典版首页 end*/ /*互动交流 start*/ .jd_warp .online_interview .infoBox { height: auto;} .jd_warp .online_interview .ftImg,.jd_warp .online_interview .ftImg img { width: 520px; height: 330px;} .jd_warp .online_interview .ftInfo { width: 420px;} .jd_warp .online_interview .ftInfo .box { height: 290px; margin: 20px 0; padding: 0 20px;} .jd_warp .online_interview .ftYg { width: 420px;height: 290px;} .jd_warp .online_interview .ftYg .box { padding: 20px;} .jd_warp .online_interview .ftInfo h6 a { font-size: 22px;} .jd_warp .online_interview .ftInfo p.ps { height: 130px; line-height: 28px;} .jd_warp .online_interview .ftYg dl dt, .jd_warp .online_interview .ftYg dl dt img { width: 160px; height: 100px;} .jd_warp .online_interview .ftYg dl dd { width: 205px;} .jd_warp .online_interview .ftYg dl dd h6 { font-size: 16px;} .jd_warp .online_interview .ftYg dl dd p.t1 { font-size: 14px;} .jd_warp .online_interview .ftYg p.ps { line-height: 26px;} /*互动交流 end*/ /*政务服务 start*/ .jd_warp .grQy_service .rg_qy .item dl { padding-left: 180px;} .jd_warp .ztZtApp_service .txtimgT1 li a { height: 134px;} .jd_warp .ztZtApp_service .txtimgT1 li a i img { width: 60px;} .jd_warp .ztZtApp_service .txtimgT1 li a em { font-size: 16px;} .jd_warp .ztZtApp_service .appBox .t1 a.s1 img { width: 450px;} .jd_warp .ztZtApp_service .appBox .t1 a.s2 {width: 258px;height: 95px; line-height: 95px;} .jd_warp .ztZtApp_service .appBox .t1 a.s2 img { padding: 0 5px 0 10px;} .jd_warp .titT1 span{font-size: 0px;} .jd_warp .titT1 a.icon_Box img {display: inline-block; font-size: 0px; margin-right: 5px; vertical-align: sub;} .jd_warp .titT1 a.icon_Box:first-child{padding-right: 10px; border-right: 1px solid #E8E9ED;} .jd_warp .titT1 a.icon_Box:last-child{padding-left: 10px;} .jd_warp .livelihood_topics .item_box .lists { width: 774px;} /*政务服务 end*/ /*走进盐田 start*/ .jd_warp .enterYt_banner .item dl dd p { font-size: 16px;} .jd_warp .enter_community .enterCbox .l_lists { width: 830px;} .jd_warp .enter_community .enterCbox .l_lists ul li { padding: 20px 0;} .jd_warp .enter_community .enterCbox .r_img,.jd_warp .enter_community .enterCbox .r_img img { width: 500px; height: 295px;} .jd_warp .first_knowYt ul li a {height: 160px;} .jd_warp .first_knowYt ul li a i {padding: 25px 0 15px;} /*走进盐田 end*/ /*政务公开 start*/ .jd_warp .zw_notice .noticeBox { width: 1300px;} .jd_warp .zw_notice .newsImg { width: 680px;} .jd_warp .zw_notice .newsImg .info { padding-right: 85px; font-size: 18px;} .jd_warp .zw_notice .newsLists { width: 680px} .jd_warp .zw_notice .newsLists .listsT1 li a { min-height: 68px; padding-right: 160px; font-size: 18px;} .jd_warp .zw_policy .file_imglist .listsT { height: 220px; margin-top: 15px; padding: 10px 20px 0;} .jd_warp .zw_policy .file_imglist .listsT dl dd a { font-size: 14px;} .jd_warp .zw_policy .listsT2 li a em { padding: 0 20px;} .jd_warp .zw_policy .file_imglist .imglists li a img {height: 130px;} /*政务公开 end*/ } @media screen and (min-width: 1260px) and (max-width: 1420px) { /*经典版首页 start*/ .jd_heared {height: 700px;} .jd_heared .h-swzc .lists ul li { width: 360px; } .jd_warp .h_main_warp .box { width: 380px; height: 1408px;} .jd_warp .h_main_warp .box.s2 { width: 375px; margin: 0 20px;} .jd_warp .h_main_warp .box.s3 { width: 400px;} .jd_warp .h_main_warp .box.s1 > div,.jd_warp .h_main_warp .box.s2 > div { padding:25px 20px 0;} .jd_warp .h_main_warp .box.s1 .txtImgT1 a { padding-bottom: 46px;} .jd_warp .h_main_warp .box.s1 .txtImgT1 a em { height: 46px; line-height: 46px; font-weight: 500;} .jd_warp .h_main_warp .box.s1 .listsT1 li a strong { font-size: 15px; font-weight: 500;} .jd_warp .h_main_warp .box.s1 .listsT1.s1 li a { margin-bottom: 6px; } .jd_warp .h_main_warp .box.s2 .p2 img { width: 160px;} .jd_warp .h_main_warp .box.s2 .icolistsT1 ul { width: 320px;} .jd_warp .h_main_warp .box.s1 .icoTxtS2 li a { height: 40px; line-height: 40px; font-size: 13px;} .jd_warp .h_main_warp .box.s1 .icoTxtS2 li a img { margin: 10px 2px 0 5px;} .jd_warp .h_main_warp .box.s1 .listsT2 li a { padding: 4px 0 4px 30px;} .jd_warp .h_main_warp .box.s3 .calendarBox .calenderItem { padding: 15px 30px 20px;} .jd_warp .h_main_warp .box.s3 .calendarBox h5.t strong { padding: 12px 30px 0 30px;} .jd_warp .h_main_warp .box.s3 .calendarBox h5.t span { width: 210px;} .jd_warp .h_main_warp .box.s3 .gov_consultation .t1 a strong{ height: 49px;} .jd_warp .h_main_warp .box p.p1 a,.jd_warp .h_main_warp .box .tits1 a { font-size: 16px;} .jd_warp .h_main_warp .box.s1 .icoTxtS1 li a img { margin: 13px 20px 0 20px;} .jd_warp .h_main_warp .box.s1 .listsT1 li a { margin-bottom: 8px;} .jd_warp .h_main_warp .box.s3 .my_gov ul li a img {margin: 7px 15px 0 25px;} .jd_warp .h_main_warp .box.s3 .my_gov ul li a { margin: 6px 5px;} .jd_heared .h-tq .tq-ps .ps { background-size: 100%;} .jd_warp .h_main_warp .box.s3 .map_t .item { padding: 20px;} .jd_warp .h_main_warp .box.s3 .my_gov ul li a.a7{font-size: 14px;} .jd_warp .h_main_warp .box.s3 .my_gov ul li a.a7 img{width: 25px; height: auto; margin-top: 15px;} .jd_warp .h_main_warp .box.s3 .my_gov ul li a.a8{font-size: 15px;} .jd_warp .h_main_warp .box.s3 .my_gov ul li a.a8 img{ margin: 7px 15px 0px 10px;} /*经典版首页 end*/ /*互动交流 start*/ .jd_warp .online_interview .infoBox { height: auto;} .jd_warp .online_interview .ftImg,.jd_warp .online_interview .ftImg img { width: 460px; height: 300px;} .jd_warp .online_interview .ftInfo { width: 350px;} .jd_warp .online_interview .ftInfo .box { height: 260px; margin: 20px 0; padding: 0 20px;} .jd_warp .online_interview .ftYg { width: 350px;height: 290px;} .jd_warp .online_interview .ftYg .box { padding: 20px;} .jd_warp .online_interview .ftYg .box.not p { height: 262px; line-height: 262px;} .jd_warp .online_interview .infoBox p.t1 { font-size: 16px;} .jd_warp .online_interview .ftInfo h6 a { font-size: 20px;} .jd_warp .online_interview .ftInfo p.ps { font-size: 14px; height: 110px; line-height: 24px;} .jd_warp .online_interview .ftYg dl dt, .jd_warp .online_interview .ftYg dl dt img { width: 140px; height: 90px;} .jd_warp .online_interview .ftYg dl dd { margin-left: 10px; width: 160px;} .jd_warp .online_interview .ftYg dl dd h6 { font-size: 14px;} .jd_warp .online_interview .ftYg dl dd p.t1 { padding-left: 30px; font-size: 12px;} .jd_warp .online_interview .ftYg p.ps { line-height: 26px;} .jd_warp .ft_zmd_box .lists li a span { width: 32%;} .jd_warp .ft_zmd_box .lists li a span.s2 { width: 36%;} .jd_warp .convenient_service ul li { float: left; min-width: 20%;} .jd_warp .convenient_service ul li:last-child { width: 40%;} /*互动交流 end*/ /*政务服务 start*/ .jd_warp .grQy_service .newsList dl dd a { font-size: 15px;} .jd_warp .grQy_service .rg_qy .item dl { padding-left: 160px;} .jd_warp .grQy_service .rg_qy .item dl dt a { left: 15px;} .jd_warp .grQy_service .rg_qy .item dl dd a { font-size: 14px; padding: 2px 5px;} .jd_warp .grQy_service .rg_qy .item.t2 dl dd a { padding: 5px 10px;} .jd_warp .ztZtApp_service .txtimgT1 li a { height: 118px;} .jd_warp .ztZtApp_service .txtimgT1 li a i img { width: 50px;} .jd_warp .ztZtApp_service .txtimgT1 li a em { font-size: 16px;} .jd_warp .ztZtApp_service .appBox .t1 a.s1 img { width: 380px;} .jd_warp .ztZtApp_service .appBox .t1 a.s2 {width: 224px;height: 79px; line-height: 79px; font-size: 18px;} .jd_warp .ztZtApp_service .appBox .t1 a.s2 img { width: 50px; padding: 0 5px 0 10px;} .jd_warp .ztZtApp_service .appBox .t2 a { font-size: 18px} .jd_warp .livelihood_topics .item_box .imgT, .jd_warp .livelihood_topics .item_box .imgT img { width: 560px; height: 360px;} .jd_warp .livelihood_topics .item_box .lists { width: 572px;} .jd_warp .livelihood_topics .item_box .lists li a {height: 173px;} .jd_warp .livelihood_topics .item_box .lists li a strong { padding: 10px 0;} /*政务服务 end*/ /*走进盐田 start*/ .jd_warp .enterYt_banner .item dl dd p { font-size: 14px; line-height: 24px;} .jd_warp .enter_community .enterCbox .l_lists { width: 690px;} .jd_warp .enter_community .enterCbox .l_lists ul li { padding: 20px 0;} .jd_warp .enter_community .enterCbox .l_lists ul li a {padding-left: 100px;min-height: 78px;} .jd_warp .enter_community .enterCbox .l_lists ul li a span {width: 80px;} .jd_warp .enter_community .enterCbox .l_lists ul li a span i {font-size: 40px; line-height: 46px; } .jd_warp .enter_community .enterCbox .l_lists ul li a strong { font-size: 18px;} .jd_warp .enter_community .enterCbox .l_lists ul li a em { height: 50px; font-size: 14px; padding-top: 5px;} .jd_warp .enter_community .enterCbox .r_img,.jd_warp .enter_community .enterCbox .r_img img { width: 450px; height: 270px;} .jd_warp .first_knowYt ul li a {height: 140px;} .jd_warp .first_knowYt ul li a i {padding: 25px 0 10px;} .jd_warp .first_knowYt ul li a i img { width: 70px;} /*走进盐田 end*/ /*政务公开 start*/ .jd_warp .zw_notice .noticeBox { width: 1100px;} .jd_warp .zw_notice .newsImg { width: 600px;} .jd_warp .zw_notice .newsImg .info { padding-right: 85px; font-size: 18px;} .jd_warp .zw_notice .newsLists { width: 580px} .jd_warp .zw_notice .newsLists h3 a { font-size: 20px;} .jd_warp .zw_notice .newsLists .listsT1 li a {min-height: 58px; padding-right: 128px; font-size: 16px;} .jd_warp .zw_notice .newsLists .listsT1 li a em{ right: 0;} .jd_warp .zw_policy .file_imglist .listsT { height: 195px; margin-top: 15px; padding: 10px 20px 0;} .jd_warp .zw_policy .file_imglist .listsT dl dd a { font-size: 13px;} .jd_warp .zw_policy .listsT1 li a em {font-size: 16px;} .jd_warp .zw_policy .listsT2 li a {padding: 40px 0 25px} .jd_warp .zw_policy .listsT2 li a em { font-size: 18px; padding: 0 20px;} .jd_warp .zw_policy .listsT3 li a { font-size: 17px;} .jd_warp .zw_policy .file_imglist .listsT dl { padding-bottom: 10px;} .jd_warp .zw_policy .imagesLists ul{width: calc(100% + 15px); margin:0 0 10px -15px;} .jd_warp .zw_policy .imagesLists li a { display: block; margin-left: 15px;} .jd_warp .zw_policy .listsT4 ul {width: calc(100% + 15px); margin-left: -15px;} .jd_warp .zw_policy .listsT4 li a { font-size: 16px;margin: 0 0 15px 15px;} .jd_warp .zw_policy .file_imglist .imglists { width: calc(100% + 10px); margin-left: -5px;} .jd_warp .zw_policy .file_imglist .imglists li a { padding: 5px;} .jd_warp .zw_policy .file_imglist .imglists li a img { height: 126px;} /*政务公开 end*/ } @media screen and (max-width: 1260px) { .appPl15 { padding-left: 15px;}.appMt15 { margin-top: 15px;} .jd_warp .titT1, .jd_warp .titT1 a.t { font-size: 24px;} /*互动交流 start*/ .jd_warp .online_interview { padding: 0 0 15px;} .jd_warp .online_interview .ointBox { padding: 15px;} .jd_warp .online_interview .ftImg,.jd_warp .online_interview .ftInfo,.jd_warp .online_interview .ftYg { width: 100%;} .jd_warp .online_interview .infoBox,.jd_warp .online_interview .ftYg,.jd_warp .online_interview .ftInfo .box{ height: auto;} .jd_warp .online_interview .box { margin:0 !important; padding: 15px !important;} .jd_warp .online_interview .ftImg, .jd_warp .online_interview .ftImg img {width: 100%;height: auto;} .jd_warp .online_interview .ftInfo p.ps { height: auto;} .jd_warp .online_interview .ftYg dl dt, .jd_warp .online_interview .ftYg dl dt img { width: 100%; height: auto;} .jd_warp .online_interview .ftYg dl dd { width: auto;margin: 15px 0 0 0;} .jd_warp .row { margin: 0;} .jd_warp .ft_zmd_box .lists li a span { width: 32%;} .jd_warp .ft_zmd_box .lists li a span.s2 { width: 36%;} .jd_warp .ft_zmd_box .lists li a strong { font-size: 16px; display: -webkit-box;-webkit-box-orient: horizontal;-webkit-box-align: center;display: box;box-orient: horizontal;box-align: center} .jd_warp .ft_zmd_box .listsQA { height: auto;} .jd_warp .ft_zmd_box .icoLists > div:nth-child(2n-1) { padding-right: 5px;} .jd_warp .ft_zmd_box .icoLists > div:nth-child(2n) { padding-left: 5px;} .jd_warp .ft_zmd_box .icoLists .item a { margin-bottom: 10px;} .jd_warp .live_broadcast { padding: 30px 15px;} .jd_warp .live_broadcast .imgTxtT1 li { width: 49%; margin-bottom: 5px;} /*互动交流 end*/ /*政务服务 start*/ .jd_warp .grQy_service .rg_qy .item { width: 100% !important;} .jd_warp .grQy_service .newsList dl { padding-left: 146px;} .jd_warp .grQy_service .newsList dl dt a { width: 120px;} .jd_warp .grQy_service .newsList dl dd a { font-size: 15px;} .jd_warp .grQy_service .rg_qy .item dl { padding-left: 160px;} .jd_warp .grQy_service .rg_qy .item dl dt a { left: 15px;} .jd_warp .grQy_service .rg_qy .item dl dd a { font-size: 14px; padding: 2px 5px;} .jd_warp .grQy_service .rg_qy .item.t2 dl dd a { padding: 5px 10px;} .jd_warp .ztZtApp_service .serviceBox,.jd_warp .ztZtApp_service .appBox { width: 100%;} .jd_warp .ztZtApp_service .appBox .t1 a.s1 img { width: 100%;} .jd_warp .ztZtApp_service .txtimgT1 { width: 100%;} .jd_warp .ztZtApp_service .txtimgT1 li,.jd_warp .ztZtApp_service .txtimgT1.s1 li { width: 50%;} .jd_warp .ztZtApp_service .txtimgT1 li a,.jd_warp .ztZtApp_service .txtimgT1.s1 li a { margin: 5px 0 5px 10px;} .jd_warp .ztZtApp_service .appBox .t1 a.s2 { width: 100%; margin-top: 10px;} .jd_warp .ztZtApp_service .appBox .t2 a { width: 100%; margin-bottom: 10px;} .jd_warp .zwfwImgLists_box ul { width: 100%;} .jd_warp .zwfwImgLists_box ul li { float: left; width: 100%;} .jd_warp .zwfwImgLists_box ul li a {padding:0 15px 10px;} .jd_warp .convenient_service ul { width: 100%; padding:0 10px;} .jd_warp .convenient_service ul li { width: 33.33%;} .jd_warp .convenient_service ul li a { height: 50px; margin: 3px; padding: 0 10px; font-size: 15px; line-height: 50px;} .jd_warp .livelihood_topics .item_box { padding:0 15px;} .jd_warp .livelihood_topics .item_box .imgT, .jd_warp .livelihood_topics .item_box .imgT img { width: 100%; height: auto;} .jd_warp .livelihood_topics .item_box .imgT:after { display: none;} .jd_warp .livelihood_topics .item_box .lists { width: 100%;} .jd_warp .livelihood_topics .item_box .lists li { margin: 15px 0 0;} .jd_warp .livelihood_topics .item_box .lists li a { height: auto;} .jd_warp .livelihood_topics .item_box .lists li a strong { padding: 0 0 10px; font-size: 18px; white-space: inherit;} .jd_warp .livelihood_topics .slider-nav__control { width: 16px; height: 16px; margin: 0 5px;} .jd_warp .livelihood_topics .item_box .imgT:after, .jd_warp .livelihood_topics.s1 .slider-container .imgT:after { display: none;} .jd_warp .livelihood_topics.s1 .slider-container .imgT { float: none; position: inherit;} .jd_warp .livelihood_topics.s1 .item_box { padding:0 15px;} /*政务服务 end*/ /*走进盐田 start*/ .jd_warp .enterYt_banner { height: auto; background-size: cover; padding: 15px;} .jd_warp .enterYt_banner .item,.jd_warp .enterYt_banner .item.t1 { float: none; width: 100%;margin:0;} .jd_warp .enterYt_banner .item.t1 dl { margin: 10px 0;} .jd_warp .enterYt_banner .item dl { height: initial; padding-left: 120px;} .jd_warp .enterYt_banner .item dl dt { width: 120px;} .jd_warp .enterYt_banner .item dl dd p { font-size: 14px; line-height: 24px;} .jd_warp .enter_community {padding: 25px 0;} .jd_warp .enter_community .enterCbox { padding: 15px;} .jd_warp .enter_community .enterCbox .r_img,.jd_warp .enter_community .enterCbox .r_img img { width: 100%; height: auto;} .jd_warp .enter_community .enterCbox .l_lists { width: 100%; margin-bottom: 20px;} .jd_warp .enter_community .enterCbox .l_lists .tit { height: 40px; line-height: 40px;} .jd_warp .enter_community .enterCbox .l_lists .tit{display: -webkit-box;display: -webkit-flex; display: flex; } .jd_warp .enter_community .enterCbox .l_lists .tit a { display: block; width: 25%; font-size: 14px; margin-right: 0; padding: 0; text-align: center;} .jd_warp .enter_community .enterCbox .l_lists ul li { padding: 10px 0;} .jd_warp .enter_community .enterCbox .l_lists ul li a {padding-left: 70px;min-height: auto;} .jd_warp .enter_community .enterCbox .l_lists ul li a span {width: 60px; font-size: 14px;} .jd_warp .enter_community .enterCbox .l_lists ul li a span i {font-size: 30px; line-height: 40px; } .jd_warp .enter_community .enterCbox .l_lists ul li a strong { font-size: 14px; white-space: inherit;} .jd_warp .enter_community .enterCbox .l_lists ul li a em { height: auto; font-size: 12px; padding-top: 5px;} .jd_warp .first_knowYt ul { padding: 10px; width: 100%;} .jd_warp .first_knowYt ul li { float: left;width: calc(100% / 2);} .jd_warp .first_knowYt ul li a {height: 140px; margin: 5px;} .jd_warp .first_knowYt ul li a i {padding: 25px 0 10px;} .jd_warp .first_knowYt ul li a i img { width: 70px;} .jd_warp .picture_video {padding: 25px 0;} .jd_warp .picture_video ul {width:100% !important; padding: 10px;} .jd_warp .picture_video ul li { float: left; width:50% !important;} .jd_warp .picture_video ul li a { margin: 5px; text-align: center;} .jd_warp .picture_video ul li a i,.jd_warp .picture_video ul li a span { padding: 5px 0; font-size: 14px;} .jd_warp .picture_video ul.vodT li a em:after { background-size: 40px;} /*走进盐田 end*/ /*政务公开 start*/ .jd_warp .zw_notice .noticeBox,.jd_warp .zw_notice .newsImg,.jd_warp .zw_notice .newsLists { width: 100%;} .jd_warp .zw_notice .newsLists { padding: 15px;} .jd_warp .zw_notice .newsLists h3 { text-align: center;} .jd_warp .zw_notice .newsLists h3 a {min-width: auto; font-size: 18px; line-height: 20px; padding: 5px 15px;} .jd_warp .zw_notice .newsLists .listsT1 li a {padding: 8px 110px 8px 0; font-size: 14px;} .jd_warp .zw_notice .newsLists .listsT1 li a em { top: 8px;} .jd_warp .zw_notice .newsBox { margin-top: 15px;} .jd_warp .zw_notice .noticeBox { height: auto;} .jd_warp .zw_notice .noticeBox dl { padding: 0;} .jd_warp .zw_notice .noticeBox dt,.jd_warp .zw_notice .noticeBox img { width: 200px;} .jd_warp .zw_notice .noticeBox dl dt {position: inherit} .jd_warp .zw_notice .noticeBox dl dd.lists { padding: 15px;} .jd_warp .zw_notice .noticeBox dl dd.lists a {font-size: 14px; padding: 8px 80px 8px 15px; white-space: normal;} .jd_warp .zw_notice .noticeBox dl dd.lists a em {font-size: 13px; top: 8px;} .jd_warp .zw_notice .noticeBox dl dd.lists a:after { width: 8px; height: 8px; top: 15px;} .jd_warp .zw_notice .newsImg .info { height: 40px; line-height: 40px; padding-right: 65px; font-size: 15px;} .jd_warp .zw_notice .newsImg .info span { right: 15px;} .jd_warp .zw_notice .newsImg .info span i { font-size: 28px;} .jd_warp .zw_notice .noticeBox dl dd.moreBtn { top: 15px; right: 10%; bottom: auto; border: none;} .jd_warp .zw_notice .noticeBox dl dd.moreBtn a { width: auto; font-size: 14px;} .jd_warp .zw_policy .file_imglist .search { width: 100%; } .jd_warp .zw_policy .file_imglist { padding: 15px;} .jd_warp .zw_policy .file_imglist .listsT { height: auto;} .jd_warp .zw_policy .file_imglist .listsT dl dd {width: calc(100% + 20px); margin-left: -10px;} .jd_warp .zw_policy .file_imglist .listsT dl dd a { padding: 0 10px 10px; font-size: 16px;} .jd_warp .zw_policy .file_imglist .imglists {width: calc(100% + 10px);margin-left: -5px;} .jd_warp .zw_policy .file_imglist .imglists li { width: 50%;} .jd_warp .zw_policy .file_imglist .imglists li a { padding: 5px;} .jd_warp .zw_policy { padding: 30px 10px;} .jd_warp .zw_policy .file_imglist h4, .jd_warp .zw_policy .file_imglist h4 a { font-size: 18px;} .jd_warp .zw_policy .listsT3 ul,.jd_warp .zw_policy .listsT2 ul,.jd_warp .zw_policy .listsT1 ul { width: 100%; margin: 0; padding: 10px;} .jd_warp .zw_policy .listsT2 li,.jd_warp .zw_policy .listsT1 li { width: 50%;} .jd_warp .zw_policy .listsT1 li a {padding: 15px 0} .jd_warp .zw_policy .listsT1 li a em{ font-size: 16px;} .jd_warp .zw_policy .listsT2 li a {margin: 5px; font-size: 16px;} .jd_warp .zw_policy .listsT2 li a em { padding: 0 15px;} .jd_warp .zw_policy .listsT3 li { width: 100%;} .jd_warp .zw_policy .listsT3 li a { font-size: 14px;margin: 5px;} .jd_warp .zw_policy .imagesLists ul { width: 100%; margin: 0; padding: 10px;} .jd_warp .zw_policy .imagesLists li { width: 100%; } /* .jd_warp .zw_policy .imagesLists li a { margin: 0 0 10px;} */ .jd_warp .zw_policy .imagesLists li a { margin: 0 0 10px; text-align: center;} .jd_warp .zw_policy .imagesLists a img {} .jd_warp .zw_policy .listsT4 ul { width: 100%; margin: 0; padding: 10px;} .jd_warp .zw_policy .listsT4 li { width: 50%;} .jd_warp .zw_policy .listsT4 li a { font-size: 14px;margin: 5px;} .jd_warp .zw_hot_spots {padding: 30px 0;} .jd_warp .zw_hot_spots .imgTxtT2 { width: 100%; margin: 0; padding: 0 10px;} .jd_warp .zw_hot_spots .imgTxtT2 li {width: calc(100% / 2); margin-bottom: 10px;} /*政务公开 end*/ } @media screen and (max-width: 1260px) { .jd_heared {display: none;} .w1610 { width: 100%;} .slider__item img { margin: 0 auto;} .jd_warp .h_main_warp { padding: 0;} .app_floorTop,.swidth_js { display: block;} .swidth_js { position: fixed; top: 58vh; right: 0; z-index: 1;} .swidth_js img {width:8vw} .app_floorTop .bt { padding: 15px 20px; background: #014E94; } .app_floorTop .appbanner .slider-nav__control { display: none;} .app_floorTop .appbanner .slider-nav {display: none;} .app_floorTop .appbanner .info { display: block; height: 40px;line-height: 40px;padding-right: 65px;padding: 0 90px 0 15px;color: #fff; position: absolute; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,.5); white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-size: 13px;} .app_floorTop .appbanner .info a { display: block;} .app_floorTop .appbanner .info span { position: absolute; top: 0; right: 10px; letter-spacing: 2px;} .app_floorTop .appbanner .info span i { font-size: 18px;} .jd_warp .h_main_warp .box { width: 100%; height: auto;} .jd_warp .h_main_warp .box > div { padding: 15px;} .jd_warp .h_main_warp .box.s2,.jd_warp .h_main_warp .box.s3 { width: 100%; margin: 0;} .jd_warp .h_main_warp .box .titT1, .jd_warp .h_main_warp .box .titT1 a.t { font-size: 18px;} .jd_warp .h_main_warp .box p.p1 a { font-size: 15px;} .jd_warp .h_main_warp .box .tits1 a { font-size: 15px;} .jd_warp .h_main_warp .box.s1 .txtImgT1 a { padding-bottom: 40px;text-align: center;} .jd_warp .h_main_warp .box.s1 .txtImgT1 a em { font-size: 14px; height: 40px; line-height: 40px;} .jd_warp .h_main_warp .box.s1 .listsT1 li a strong {font-size: 14px;} .jd_warp .h_main_warp .box.s1 .icoTxtS1 li a { font-size: 15px;} .jd_warp .h_main_warp .box.s1 .icoTxtS2 li a { font-size: 12px;} .jd_warp .h_main_warp .box.s1 .listsT1 li a.s1 { margin-bottom: 5px;} .jd_warp .h_main_warp .box.s1 .listsT1 li a.s1 strong { font-size: 14px; height: auto; min-height: 48px; line-height: 24px;} .jd_warp .h_main_warp .box.s1 .listsT2 li a { font-size: 14px;} .jd_warp .h_main_warp .box.s2 .p1,.jd_warp .h_main_warp .box.s2 .p2 { display: inline-block;} .jd_warp .h_main_warp .box.s2 .p2 a { box-sizing: border-box; width: 50%;} /* .jd_warp .h_main_warp .box.s2 .p2 a:first-child { padding-right: 5px;} .jd_warp .h_main_warp .box.s2 .p2 a:last-child { padding-left: 5px;} */ .jd_warp .h_main_warp .box.s2 .p2 a img { max-width: 100%} .jd_warp .h_main_warp .box.s2 .item { height: 311px;} .jd_warp .h_main_warp .box.s2 .icolistsT1 ul { width: calc(100%/3);height: 415px;} .jd_warp .h_main_warp .box.s2 .icolistsT1 ul li a{ padding: 5px 10px; font-size: 14px;} .jd_warp .h_main_warp .box.s3 .calendarBox h5.t span { float: right; width: 200px; padding-right: 15px;} .jd_warp .h_main_warp .box.s3 .calendarBox h5.t strong { padding: 12px 0 0 20px;} .jd_warp .h_main_warp .box.s3 .calendarBox .calenderItem { padding: 5px 10px;} .jd_warp .h_main_warp .box.s3 .calendarBox .calenderItem .hot ul li a {font-size: 14px;} .jd_warp .h_main_warp .box.s3 .my_gov ul li a img { margin: 7px 10px 0;} .jd_warp .h_main_warp .box.s3 .gov_consultation .titT1 a, .jd_warp .h_main_warp .box.s3 .map_t .titT1 a { font-size: 18px;} .jd_warp .h_main_warp .box.s3 .map_t { margin: 15px; padding: 15px} .jd_warp .h_main_warp .box.s3 .map_t .item { padding: 0;} .jd_warp .h_main_warp .box.s3 .vodBox .titT1 { padding: 15px;} .jd_warp .h_main_warp .box.s3 .calendarBox h5.t { background-size: cover;} .jd_warp .h_main_warp .box.s3 .my_gov ul li.i7{width:100%;} .jd_warp .h_main_warp .box.s3 .my_gov ul li.i8{width:100%;} .jd_warp .h_main_warp .box.s3 .my_gov ul li a.a8 img{ margin: 7px 15px 0px 12px;} }