@charset "utf-8"; /*public responsive*/ @media (max-width:1219px) { .header .container{width:auto; margin-right:15px; margin-left:15px;} .header .container.mainnav{margin-right:0; margin-left:0;} .header .logo{height:auto;} .header .city_logo{width:50%; height:auto;} .header .city_logo .city_name{height:32px; line-height:32px;} .common_head .hd li{font-size:18px;} .common_tab .hd2 li{font-size:16px; padding-bottom:15px;} .common_tab .hd2 li.on{padding-bottom:12px;} .common_head .menu1 li{padding-bottom:15px;} .common_head .menu1 li.current, .common_head .menu1 li.on{padding-bottom:12px;} .crumb{padding-top:15px; padding-bottom:15px;} .crumb dl dt{left:15px;} .crumb dl dd{margin-left:41px;} .mainbox{padding:15px 15px 0;} .indexbox{padding:5px 15px 15px;} .listbox{padding:15px;} .zonebox{padding:0 15px 15px;} .mb{margin-bottom:15px;} .mt{margin-top:15px;} .easybtn{display:none;} .common_pic_mode ul{margin-right:-8px; margin-left:-7px;} .common_pic_mode ul li a{margin:0 8px 15px 7px;} .pagediv{padding:15px;} /*鍩哄眰鏀垮姟鍏紑*/ .zone_area dd ul li a{padding:0 15px;} .nationalDay .container.topBanner{margin-right:0; margin-left:0;} } @media (max-width:1130px) { /*鍩哄眰鏀垮姟鍏紑*/ .zone_area dd ul li a{padding:0 10px;} } @media (max-width:1024px) { /*鍩哄眰鏀垮姟鍏紑*/ .zone_area{height:auto; border-bottom:none;} .zone_area dt{position:static; width:auto; height:50px; border-bottom:1px solid #e5e5e5;} .zone_area dt:after{display:none;} .zone_area dt font{float:left; width:176px; margin-bottom:-1px; height:48px; border-bottom:3px solid #1a56a8;} .zone_area dd{position:static; bottom:0; margin-left:0;} .zone_area dd ul{margin-right:-5px; margin-left:-5px; overflow:hidden;} .zone_area dd ul li a{margin:10px 5px 0 5px; padding:0 20px; line-height:36px; background-color:#f1f1f1;} } @media (max-width:991px) { .header .logo{float:none; padding-top:25px; text-align:center;} .header .menu{right:20px;} .header .mainnav li{width:33.33333%;} .header .mainnav li a{line-height:36px; font-size:1.125em; margin:3px;} .header .mainnav li a:after{top:50%; right:-3px; margin-top:-11px; height:22px;} .header .mainnav li.hover a{background-color:rgba(232,238,247,.2); color:#fff;} .header .mainnav li.nav0 a:before{display:none; width:0px;} .header .search{position:static; width:100%; min-width:inherit; margin:0 auto 15px;} .header .city_logo{margin-top:25px; width:auto;} .header .city_logo .city_name{top:22px; height:32px; line-height:32px;} .header .citynav{position:relative; padding-right:30%;} .header .citynav li{width:50%;} .header .citynav li.nav4{position:absolute; top:0; right:0; width:30%;} .header .citynav li.nav4 a{line-height:78px;} .header .citynav li.nav4 a:after{display:none; width:0px;} .mobilenav{display:block;} .pcnav, .subnav{display:none;} .bottom_wzbs{width:32%;} .bottom_txt{padding-left:35%;} .menu_icons{margin-right:-8px!important; margin-left:-7px!important;} .menu_icons li a{margin:0 8px 15px 7px!important; padding:10px 15px!important;} .menu_icons li a:after{right:15px!important;} .addline{padding-top:10px; padding-bottom:10px;} .nationalDay .bgwhite{background-color:#fff;} } @media (max-width:880px) { .common_picSlide, .common_picSlide .bd{height:446px !important;} } /* xs mobile*/ @media (max-width:768px) { body{font-size:.875em;} .header .city_logo{float:none; margin-top:30px; width:auto; text-align:left; padding-right:100px;} .header .city_logo .city_name{top:20px; right:20px; width:80px; font-size:1.125em; height:30px; line-height:30px;} .bottom{padding-top:25px; padding-bottom:25px;} .bottom_txt{padding-left:0%;} .bottom_nav, .bottom_copyright{text-align:center;} .bottom_wzbs{position:static; width:100%; margin-top:5px; text-align:center;} .nationalDay{background:#f7f7f7;} .nationalDay .topBanner{height:auto;} .nationalDay .topBanner .pcClose{display:none;} .nationalDay .mobileBanner{position:relative; display:block;} .nationalDay .mobileBanner img{float:left; display:block; width:100%;} .nationalDay .mobileBanner .mobileClose{right:10px;} } @media (max-width:680px) { .header .mainnav li a{font-size:16px;} .common_picSlide, .common_picSlide .bd{height:346px !important;} .common_head .hd li{font-size:16px;} .common_tab .hd2 li{font-size:14px;} .infoList.fileList li h4 a font{max-width:85%;} } @media (max-width:640px) { .header .menu{position:static; float:right; margin-top:15px; margin-bottom:5px;} .header .logo{padding-top:0;} .header .city_logo{padding-right:55px; margin-top:5px;} .header .city_logo .city_name{top:0; right:0; width:66px; height:20px; line-height:20px; font-size:1em;} .common_picSlide, .common_picSlide .bd{height:286px !important;} /*鍩哄眰鏀垮姟鍏紑*/ .zone_area dd ul li a{padding:0 10px; line-height:32px;} } @media (max-width:480px) { .header .topBar{height:auto; padding-top:5px; padding-bottom:5px; line-height:24px;} .header .topBar dl dt{float:none;} .header .topBar dl dd{float:none;} .header .menu li.wap{display:none;} .bottom{padding-top:20px; padding-bottom:20px;} .bottom_nav, .bottom_copyright{padding-left:3%; text-align:left;} .common_picSlide, .common_picSlide .bd{height:248px !important;} .more{display:none;} .menu_icons{margin-right:-5px!important; margin-left:-5px!important;} .menu_icons li a{margin:0 5px 10px!important;} .rel_news{padding:10px 10px 0 !important;} .rel_news h5{position:static; text-align:left;} .infoList.fileList li h4 a font{float:none; white-space:normal; max-width:100%;} .infoList.fileList li .wjjdIcon{float:none; display:inline-block; vertical-align:middle;} } @media (max-width: 360px){ .infoList li h4{padding-right:0 !important;} .infoList li h4 a{display:inline; float:none; max-width:none; padding-right:12px; white-space:normal;} .infoList li .time{position:static;} .common_picSlide, .common_picSlide .bd{height:220px !important;} .common_picSlide .btn_prev, .common_picSlide .btn_next{margin-top:-18px; width:20px; height:36px; background:url(../images/sliderArrow_min.png) no-repeat 0 0;} .common_picSlide .bd li span.txtbg, .common_picSlide .bd li span.txt, .common_pic_mode ul li span.txtbg, .common_pic_mode ul li span.txt{height:30px; line-height:30px;} .common_picSlide .hd{bottom:9px;} .common_picSlide .hd{bottom:9px;} .bottom_wzbs img{height:30px;} .bottom_wzbs img#imgConac{height:45px;} } @media (max-width: 320px){ .common_picSlide, .common_picSlide .bd{height:180px !important;} }