#banner{margin:0px auto 0px auto;height:80px;width:960px;left:0px;right:0px;display:table;top:10px;} #banner_logo{float:left;margin:10px 10px;} #banner_big{float:right;} #banner_more{float:right;display:none;MARGIN:10px 23px 0px 0px;cursor:pointer;} #banner_menu_xw,#banner_menu_sp,#banner_menu_fw,#banner_menu_gk,#banner_menu_hd,#banner_menu_gy{float:left;margin:10px 10px;width:auto;cursor:pointer;} #img_logo{background-image: url('background.png');background-repeat: no-repeat;background-position: 0px 0px;width:187px;height:65px;} #img_menu_0{background-image: url('background.png');background-repeat: no-repeat;background-position: -224px -113px;width:32px;height:32px;} #img_menu_1{background-image: url('background.png');background-repeat: no-repeat;background-position: 0px -65px;width:48px;height:48px;} #img_menu_2{background-image: url('background.png');background-repeat: no-repeat;background-position: -48px -65px;width:48px;height:48px;} #img_menu_3{background-image: url('background.png');background-repeat: no-repeat;background-position: -96px -65px;width:48px;height:48px;} #img_menu_4{background-image: url('background.png');background-repeat: no-repeat;background-position: -144px -65px;width:48px;height:48px;} #img_menu_5{background-image: url('background.png');background-repeat: no-repeat;background-position: -192px -65px;width:48px;height:48px;} #img_menu_6{background-image: url('background.png');background-repeat: no-repeat;background-position: -240px -65px;width:48px;height:48px;} #headline{margin:0px auto 0px auto;height:20px;width:960px;display:table;} #toutiao{height:20px;width:500px;float:left;display:table;position:relative;z-index:10;} #toutiao_topic{MARGIN: 0px;height:40px;width:100%;display:table;padding:10px 0px 0px 0px;text-align:center;} #toutiao_connect{MARGIN-LEFT: 0px;height:105px;width:100%;display:table;} #bmfw{height:175px;width:460px;float:left;display:table;} #bmfw_banner{height:20px;width:100%;display:table;} #bmfw_topic{float:left;} #bmfw_connect{padding:0px 10px 0px 0px;} #bmfw_icon{background-image: url('background.png');background-repeat: no-repeat;background-position: -192px -113px;width:32px;height:32px;} #news{margin:10px auto 0px auto;height:20px;width:960px;display:table;} #news_banner{height:20px;width:100%;display:table;} #jrjd{height:10px;width:310px;float:left;display:table;table-layout:fixed;word-wrap:break-word;word-break:break-all;} #bmdt{height:10px;width:310px;float:left;display:table;table-layout:fixed;word-wrap:break-word;word-break:break-all;} #pic{height:500px;width:310px;float:left;display:table;table-layout:fixed;word-wrap:break-word;word-break:break-all;} #news_topic{float:left;} #news_more{float:right;margin:0px 10px 0px 0px;display:none;cursor:pointer;} #news_more2{cursor:pointer;} #news_nomore{float:right;margin:0px 10px 0px 0px;} #news_nomore1{float:right;margin:0px 10px 0px 0px;display:none;} #news_nomore2{float:right;margin:0px 10px 0px 0px;display:none;} #news_icon{background-image: url('background.png');background-repeat: no-repeat;background-position: 0px -113px;width:32px;height:32px;} #news_icon_more{background-image: url('background.png');background-repeat: no-repeat;background-position: 0px -145px;width:32px;height:32px;float:left;} #video{margin:30px auto 0px auto;height:200px;width:960px;display:table;} #video_banner{height:20px;width:100%;display:table;} #spbd{height:10px;width:310px;float:left;display:table;table-layout:fixed;word-wrap:break-word;word-break:break-all;} #hsgj{height:10px;width:310px;float:left;display:table;table-layout:fixed;word-wrap:break-word;word-break:break-all;} #rdmdm{height:10px;width:310px;float:left;display:table;table-layout:fixed;word-wrap:break-word;word-break:break-all;} #video_topic{float:left;} #video_more{float:right;margin:0px 10px 0px 0px;display:none;cursor:pointer;} #video_more2{cursor:pointer;} #video_nomore{float:right;margin:0px 10px 0px 0px;} #video_nomore1{float:right;margin:0px 10px 0px 0px;display:none;} #video_nomore2{float:right;margin:0px 10px 0px 0px;display:none;} #video_icon{background-image: url('background.png');background-repeat: no-repeat;background-position: -32px -113px;width:32px;height:32px;} #video_icon_more{background-image: url('background.png');background-repeat: no-repeat;background-position: -32px -145px;width:32px;height:32px;float:left;} #preview_spbd{background-image: url('background.png');background-repeat: no-repeat;background-position: 0px -219px;width:120px;height:90px;MARGIN:10px auto 0px;} #preview_hsgj{background-image: url('background.png');background-repeat: no-repeat;background-position: -120px -219px;width:120px;height:90px;MARGIN:10px auto 0px;} #preview_rdmdm{background-image: url('background.png');background-repeat: no-repeat;background-position: -240px -219px;width:120px;height:90px;MARGIN:10px auto 0px;} #service{margin:30px auto 0px auto;height:100px;width:960px;display:table;} #service_banner{height:20px;width:100%;display:table;} #see{height:10px;width:300px;float:left;display:table;padding:0px 0px 0px 10px;} #ask{height:10px;width:300px;float:left;display:table;padding:0px 0px 0px 10px;} #query{height:10px;width:300px;float:left;display:table;padding:0px 0px 0px 10px;} #app{height:10px;width:310px;float:right;display:table;} #service_topic{float:left;} #service_more{float:right;margin:0px 10px 0px 0px;display:none;cursor:pointer;} #service_more2{cursor:pointer;} #service_nomore{float:right;margin:0px 10px 0px 0px;} #service_nomore1{float:right;margin:0px 10px 0px 0px;display:none;} #service_nomore2{float:right;margin:0px 10px 0px 0px;display:none;} #service_icon{background-image: url('background.png');background-repeat: no-repeat;background-position: -64px -113px;width:32px;height:32px;} #service_icon_more{background-image: url('background.png');background-repeat: no-repeat;background-position: -64px -145px;width:32px;height:32px;float:left;} #service_icon_see{background-image: url('background.png');background-repeat: no-repeat;background-position: -0px -177px;width:32px;height:32px;float:left;margin:8px 0px 0px 0px;} #service_icon_query{background-image: url('background.png');background-repeat: no-repeat;background-position: -32px -177px;width:32px;height:32px;float:left;margin:8px 0px 0px 0px;} #service_icon_ask{background-image: url('background.png');background-repeat: no-repeat;background-position: -64px -177px;width:32px;height:32px;float:left;margin:8px 0px 0px 0px;} #service_icon_download{background-image: url('background.png');background-repeat: no-repeat;background-position: -96px -177px;width:32px;height:32px;float:left;margin:8px 0px 0px 0px;} #public{margin:30px auto 0px auto;height:200px;width:960px;display:table;} #public_banner{height:20px;width:100%;display:table;} #zcwj{height:10px;width:310px;float:left;display:table;table-layout:fixed;word-wrap:break-word;word-break:break-all;} #rsxx{height:10px;width:310px;float:left;display:table;table-layout:fixed;word-wrap:break-word;word-break:break-all;} #czxx{height:10px;width:310px;float:left;display:table;table-layout:fixed;word-wrap:break-word;word-break:break-all;} #public_topic{float:left;} #public_more{float:right;margin:0px 10px 0px 0px;display:none;cursor:pointer;} #public_nomore{float:right;margin:0px 10px 0px 0px;} #public_icon{background-image: url('background.png');background-repeat: no-repeat;background-position: -96px -113px;width:32px;height:32px;} #public_icon_more{background-image: url('background.png');background-repeat: no-repeat;background-position: -96px -145px;width:32px;height:32px;float:left;} #pic_zcwj{background-image: url('background.png');background-repeat: no-repeat;background-position: 0px -309px;width:180px;height:49px;MARGIN:10px auto 0px;} #pic_rsxx{background-image: url('background.png');background-repeat: no-repeat;background-position: 0px -358px;width:180px;height:49px;MARGIN:10px auto 0px;} #pic_czxx{background-image: url('background.png');background-repeat: no-repeat;background-position: 0px -407px;width:180px;height:49px;MARGIN:10px auto 0px;} #comm{margin:30px auto 0px auto;height:200px;width:960px;display:table;} #comm_banner{height:20px;width:100%;display:table;} #hnfb{height:10px;width:310px;float:left;display:table;table-layout:fixed;word-wrap:break-word;word-break:break-all;} #szxx{height:10px;width:310px;float:left;display:table;table-layout:fixed;word-wrap:break-word;word-break:break-all;} #wsxf{height:10px;width:310px;float:left;display:table;table-layout:fixed;word-wrap:break-word;word-break:break-all;} #comm_topic{float:left;} #comm_more{float:right;margin:0px 10px 0px 0px;display:none;cursor:pointer;} #comm_nomore{float:right;margin:0px 10px 0px 0px;} #comm_icon{background-image: url('background.png');background-repeat: no-repeat;background-position: -128px -113px;width:32px;height:32px;} #comm_icon_more{background-image: url('background.png');background-repeat: no-repeat;background-position: -128px -145px;width:32px;height:32px;float:left;} #about{margin:30px auto 0px auto;height:200px;width:960px;display:table;} #about_banner{height:20px;width:100%;display:table;} #zrdl{height:10px;width:49.5%;float:left;display:table;} #qhrk{height:10px;width:49.5%;float:left;display:table;} #zhsl{height:10px;width:49.5%;float:left;display:table;} #hnsh{height:10px;width:49.5%;float:left;display:table;} #about_topic{float:left;} #about_icon{background-image: url('background.png');background-repeat: no-repeat;background-position: -160px -113px;width:32px;height:32px;} #about_icon_more{background-image: url('background.png');background-repeat: no-repeat;background-position: -160px -145px;width:32px;height:32px;float:left;} #bottom{margin:10px auto 0px auto;height:20px;width:960px;display:table;} #first_icon1{background-image: url('background.png');background-repeat: no-repeat;background-position: -192px -177px;width:28px;height:42px;float:left;position:absolute;top:0px;left:20px;} #first_icon2{background-image: url('background.png');background-repeat: no-repeat;background-position: -192px -177px;width:28px;height:42px;float:left;position:absolute;top:0px;left:20px;display:none;} #new_icon{background-image: url('background.png');background-repeat: no-repeat;background-position: -128px -177px;width:32px;height:32px;float:right;} #hot_icon{background-image: url('background.png');background-repeat: no-repeat;background-position: -160px -177px;width:32px;height:32px;float:left;} /*二级页面*/ #main{MARGIN-RIGHT: auto;MARGIN-LEFT: auto;height:20px;width:960px;display:table;} #left{float:left;display:table;width:300px;} #more{float:right;display:table;width:660px;} #more_banner{height:20px;width:100%;display:table;} #more_connect{height:10px;width:310px;float:left;display:table;} #more_topic{float:left;} #more_sutopic{float:left;margin:0px 10px 0px 0px;} #news_noicon{background:#fc5858;width:8px;height:22px;display:inline-block;vertical-align:middle;margin:5px 10px 5px 20px;} #video_noicon{background:#259780;width:8px;height:22px;display:inline-block;vertical-align:middle;margin:5px 10px 5px 20px;} #service_noicon{background:#9b59b6;width:8px;height:22px;display:inline-block;vertical-align:middle;margin:5px 10px 5px 20px;} #public_noicon{background:#2f95bf;width:8px;height:22px;display:inline-block;vertical-align:middle;margin:5px 10px 5px 20px;} #comm_noicon{background:#2ecc71;width:8px;height:22px;display:inline-block;vertical-align:middle;margin:5px 10px 5px 20px;} #about_noicon{background:#edb63f;width:8px;height:22px;display:inline-block;vertical-align:middle;margin:5px 10px 5px 20px;} #more_space{height:10px;} .lm{height:40px;vertical-align:middle;line-height:40px;} /*二级页面结束*/ .back{float:right;height:30px;} /*屏幕变换开始*/ @media screen and (min-width: 980px) { #banner,#head,#headline,#news,#video,#service,#comm,#public,#about,#bottom {width: 960px;} } @media screen and (max-width: 980px) { #banner,#head,#headline,#news,#video,#service,#comm,#public,#about,#bottom,#toutiao,#pic,#bmfw,#zrdl,#qhrk,#zhsl,#hnsh {width: 100%;} #toutiao_topic {height:20px;padding:0px;} #toutiao_connect {height:30px;} #bmfw {height:60px;} #bmdt,#jrjd,#spbd,#rdmdm,#app,#hnfb,#szxx,#rsxx,#zcwj{width: 49.5%;overflow:} #pic{top:500px;display:table;} #see,#ask,#query{width:48%;} #pic {float:none;width: 100%;} #hsgj,#wsxf,#czxx {height:0px;width:0px;display:none;overflow:hidden;} /*海视广角、网上信访隐藏*/ #video_banner{overflow:visible;height:20px;} #news_more,#news_nomore,#news_nomore2,#video_more,#video_nomore,#video_nomore2,#service_more,#service_nomore,#serivce_nomore2{display:none;} #news_nomore1,#video_nomore1,#service_nomore1{display:inline;} /*顶部视频菜单调用*/ #news_nomore2,#video_nomore2,#service_nomore2{display:none;position:absolute;right:10px;margin:40px 0px 0px 0px;padding:0px 5px 0px 0px;width:180px;opacity:0.95;background:#fff;} .sub_topic3{height:40px; line-height: 30px;margin: 7px 0px 0px 15px; } /*二级页面变换开始*/ #main,#left,#more,#more_connect{width: 100%;} #left {height:20px;padding:0px;} .lm{float:left;} /*二级页面变换结束*/ } @media screen and (max-width: 650px) { #img_logo{background-image: url('background.png');background-repeat: no-repeat;background-position: -187px 0px;width:160px;height:55px;} #img_menu_1{background-image: url('background.png');background-repeat: no-repeat;background-position: 0px -113px;width:32px;height:32px;} #img_menu_2{background-image: url('background.png');background-repeat: no-repeat;background-position: -32px -113px;width:32px;height:32px;} #img_menu_3{background-image: url('background.png');background-repeat: no-repeat;background-position: -64px -113px;width:32px;height:32px;} #img_menu_4{background-image: url('background.png');background-repeat: no-repeat;background-position: -96px -113px;width:32px;height:32px;} #img_menu_5{background-image: url('background.png');background-repeat: no-repeat;background-position: -128px -113px;width:32px;height:32px;} #img_menu_6{background-image: url('background.png');background-repeat: no-repeat;background-position: -160px -113px;width:32px;height:32px;} #news_more,#video_more,#service_more,#comm_more,#public_more{display:inline;} #news_nomore,#news_nomore1,#news_nomore2,#video_nomore,#video_nomore1,#video_nomore2,#service_nomore,#service_nomore1,#service_nomore2,#comm_nomore,#public_nomore{display:none;} #toutiao_connect {height:0px;display:none;overflow:hidden;} /*头条内容隐藏*/ #bmdt,#jrjd,#pic,#spbd,#rdmdm,#see,#ask,#query,#app,#hnfb,#szxx,#rsxx,#zcwj{width: 100%;display:table;} #app{float:none;} #bmfw{padding:10px 0px 10px 0px;} .l1,.l2,.l3,.l4,.l1b,.l2b,.l3b,.l4b{display:none;} .l{margin:0px 0px 0px 0px;border:0px;} #first_icon1{display:none;} #first_icon2{display:inline;} .h1{margin:0px 0px 0px 40px;} /*顶部新闻菜单调用*/ #news_nomore{position:absolute;right:0px;margin:40px 0px 0px 0px;padding:0px 5px 0px 0px;width:180px;opacity:0.95;background:#fff;} /*顶部视频菜单调用*/ #video_nomore{position:absolute;right:0px;margin:40px 0px 0px 0px;padding:0px 5px 0px 0px;width:180px;opacity:0.95;background:#fff;} /*顶部服务菜单调用*/ #service_nomore{position:absolute;right:0px;margin:40px 0px 0px 0px;padding:0px 5px 0px 0px;width:180px;opacity:0.95;background:#fff;} /*顶部公开菜单调用*/ #public_nomore{position:absolute;right:0px;margin:40px 0px 0px 0px;padding:0px 5px 0px 0px;width:180px;opacity:0.95;background:#fff;} /*顶部互动菜单调用*/ #comm_nomore{position:absolute;right:0px;margin:40px 0px 0px 0px;padding:0px 5px 0px 0px;width:85px;opacity:0.95;background:#fff;} .sub_topic{height:40px; line-height: 30px;margin: 7px 0px 0px 15px;} } @media screen and (max-width: 530px) { #banner_big{display:none;} #banner_more{display:inline;} /*顶部菜单调用*/ #banner_big{position:absolute;right:0px;margin:80px 0px 0px 0px;width:220px;opacity:0.95;background:#fff;z-index:99;} #banner_menu_xw,#banner_menu_sp,#banner_menu_fw,#banner_menu_gk,#banner_menu_hd,#banner_menu_gy{margin:10px 20px 0px 20px;} /* #iframe_conout{width:300px;display:block;overflow:hidden;} #iframe_con{ transform: scale(0.6);transform-origin:0% 0%; -webkit-transform: scale(0.6);-webkit-transform-origin:0% 0%; -o-transform: scale(0.6);-o-transform-origin:0% 0%; -moz-transform: scale(0.6);-moz-transform-origin:0% 0%;} */ } /*屏幕变换结束*/