html,body{ height:100%; width:100%; } *{ margin:0; padding:0; } img{ border:none; } ul,li{ list-style:none; } .container{ width:100%; min-height:100%; background:url("/wbcsglxhcom/image/bg1.png"); background-size:100% 100%!important; background-repeat: repeat-x; } .container .bj_off{ width:1060px; margin:0 auto; min-height:800px; } .container .bj_off .header{ padding-top:68px; padding-bottom:35px; padding-left:32px; } .container .bj_off .header .wn{ float:right; margin-top:20px; margin-right:42px; } .container .bj_off .content{ background: #f8f8f8; min-height:800px; } .container .bj_off .content .menu{ height:42px; line-height:36px; background:#64a4f5; color:#fff; position:relative; } .container .bj_off .content .menu .hmenu li{ float:none; line-height:32px; background:url("/wbcsglxhcom/image/o.png") left center no-repeat; padding-left:10px; } .container #zw_ac li{ line-height:25px!important; } .container #zw_hd li{ line-height:20px!important; } .container .bj_off .content .menu .hmenu h3{ font-size: 15px; height: 20px; line-height: 20px; color:#d36361; border-left:3px solid #cb2016; padding-left:8px; margin: 5px 0; } .container .bj_off .content .menu .hmenu>div{ display:none; position: absolute; top: 42px; left: 0; height: 308px; background:#fff; width: 100%; z-index: 10001; box-shadow: 0px 0px 50px #cdcdcd; } .container .bj_off .content .menu .hmenu .zw_l{ float:left; width:160px; /*text-align: center;*/ padding-top:10px; } .container .bj_off .content .menu .hmenu .zw_l a{ line-height:0; } .container .bj_off .content .menu .hmenu .zw_l p{ margin-bottom:5px; line-height:0; } .container .bj_off .content .menu .hmenu a{ font-size:14px; } .container .bj_off .content .menu .hmenu>div a{ width:auto!important; } .container .bj_off .content .menu #zw_xx .mkl{ margin-left:25px; } .container .bj_off .content .menu .hmenu .mkl .wb{ padding-top:18px; } .container .bj_off .content .menu .hmenu .mkl .wb img{ width:70px; border:none; } .container .bj_off .content .menu .hmenu .mk2{ float:right!important; } .container .bj_off .content .menu .hmenu .mk2 li{ margin-right:0; } .container .bj_off .content .menu .hmenu .mkl a,.container .bj_off .content .menu .hmenu .mk2 a{ margin:0; color:#333; } .container .bj_off .content .menu .hmenu .zw_r{ float:left; width:calc(100% - 160px); padding-top:10px; } .container .bj_off .content .menu .hmenu .zw_r>div{ float:left; } .container .bj_off .content .menu .hd{ padding: 5px 32px 0; } .container .bj_off .content .menu .hd li{ background:None; float:left; margin-right:0; } .container .bj_off .content .menu .hd li img{ width:320px; height:138px; } #zw_ac .mkl .yw{ margin-top:5px; } #zw_ac .mkl .yw a:not(:last-child){ margin-right:20px; } #zw_ac .mkl .se_l{ float:left; width:390px; height:130px; } #zw_ac .mkl .se_l a{ width:390px!important; height:130px; display:inline-block; } #zw_ac .mkl .se_r{ float:right; margin-right:10px; } #zw_ac .mkl .se_r li{ background:None; float:left; margin-right:20px; margin-top:5px; } #zw_ac .mkl .se_r li:last-child{ margin-right:0; padding-right:0; } #zw_ac .mkl .se_r li.qz{ width: 211px; height: 90px; padding: 14px 15px; background:url("/wbcsglxhcom/image/bk.png") no-repeat; } #zw_ac .mkl .se_r li.qz a{ } #zw_ac .mkl .se_r li.qz h1{ font: bold 14px/18px "宋体"; } #zw_ac .mkl .se_r li.qz div{ text-align:left; } .container .bj_off .content .menu .second-menu{ position: absolute; top: 42px; left: 0; width: 1008px; padding-left: 52px; min-height:42px; border-bottom: 1px solid #ddd; } .container .bj_off .content .menu .second-menu li ul{ } .container .bj_off .content .menu .second-menu li:Not(last-child){ margin-right:0; } .container .bj_off .content .menu .second-menu>li{ display:none; } .container .bj_off .content .menu .second-menu li li{ float:left; margin:0; color:#000; list-style:disc; margin-right:40px; } .container .bj_off .content .menu .second-menu a{ color:#000!important; padding:0; } .container .bj_off .content .menu li{ float:left; font-size:15px; } .container .bj_off .content .menu li a{ color:#fff; display:inline-block; text-decoration:none; margin-top:6px; width:100px; text-align:center; } .container .bj_off .content .menu li.active a{ background:#fff; border-radius:5px 5px 0 0; color:#64a4f5; font-weight:bold; } .container .bj_off .content .menu li:not(last-child){ margin-right:45px; } .container .bj_off #zw_hd li:not(last-child){ padding-right:0px; } .container .bj_off .content .menu input{ width:195px; padding-left:10px; padding-right:35px; margin-right:40px; height:30px; border:none; line-height:30px; border-radius:5px; background:#fff; } .container .bj_off .content .menu .search{ float:right; position:relative; } .container .bj_off .content .menu .search input{ margin-top:8px; } .container .bj_off .content .menu .search .search_btn{ position:absolute; right:45px; top:15px; } .container .bj_off .content .mod{ padding:0 42px 23px; } .container .content .mod .mod_notice{ margin-top:70px; height:245px; overflow:hidden; } .container .content .mod .notice_l{ width:625px; height:100%; background:#fff; float:left; border-top:2px solid #64a4f5; } .container .content .mod .notice_l .notice_l_head{ height:38px; line-height:38px; border-bottom:1px solid #e6e6e6; border-right:1px solid #e6e6e6; } .container .content .mod .notice_l .notice_l_head .more a,.container .content .notice_r_head .more a{ float:right; margin-right:29px; color:#c0c0c0; text-decoration: none; } .container .content .mod .notice_l .notice_l_head li{ float:left; width:115px; text-align: center; } .container .content .mod .notice_l .notice_l_head li.current{ background:#64a4f5; color:#fff; } .container .content .mod .notice_l .notice_l_con,.container .content .mod .notice_r .media_r_con{ padding:0 16px; padding-top:30px; } .container .content .mod .notice_l .notice_l_con a,.container .content .mod .notice_r .media_r_con li>a{ text-decoration: none; color: #585858; display: inline-block; width: 73%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .container .content .mod .notice_l .notice_l_con .data,.container .content .mod .notice_r .media_r_con .data{ float:right; color:#c0bfbf; } .container .content .mod .notice_l .notice_l_con li,.container .content .mod .notice_r .media_r_con li{ font-size:14px; height:30px; } .container .content .mod .notice_r{ float:right; width:323px; height:100%; background:#fff; border-top:2px solid #64a4f5; } .container .content .mod .notice_r .notice_r_head h2{ height:38px; line-height:38px; color:#64a4f5; padding-left:44px; font-size:14px; background:url("/wbcsglxhcom/image/use.png") no-repeat 12px; } .container .content .mod .mod_media .notice_r .notice_r_head h2{ background:url("/wbcsglxhcom/image/media.png") no-repeat 12px; } .container .content .mod .notice_r .notice_r_con{ padding:15px 22px 0; } .container .content .mod .notice_r .notice_r_con li, .container .content .mod .notice_r .xx_r_con li{ float:left; width:135px; height:73px; padding-top:15px; margin-right:4px; margin-bottom:4px; text-align: center; background:#f1f1f1; } .container .content .mod .notice_r .notice_r_con li:nth-child(2n){margin-right:0;} .container .content .mod .notice_r .media_r_con li:nth-child(2n){margin-right:0!important;} .container .content .mod .notice_r .notice_r_con li a{ text-decoration: none; color:#262b2e; font-size:14px; } /*外交之声*/ .container .content .mod_voice{ overflow:hidden; padding-bottom:36px; margin-top:27px; margin-bottom: 27px; background: #fff; } .container .content .mod_voice .voice_title{ height:28px; background:#f1f1f1; position:relative; margin-bottom:27px; } .container .content .mod_voice .voice_title span{ width:134px; height:33px; display:inline-block; background:url("/wbcsglxhcom/image/tx.png") no-repeat; position:absolute; bottom:0; left:-1px; padding-left:24px; line-height:36px; color:#fff; } .container .content .mod_voice .voice_l{ float:left; width:518px; } .container .content .mod_voice .voice_l .voice_l_img{ float:left; width:179px; } .container .content .mod_voice .voice_l .voice_l_con{ padding:0 22px 0 23px; margin-left:179px; } .container .content .mod_voice .voice_l .voice_l_con h2{ font-size:16px; margin-bottom:16px; } .container .content .mod_voice .voice_l .voice_l_con p{ text-indent:2em; font-size:12px; color:#b5b4b4; line-height:18px; } .container .content .mod_voice .voice_r{ float:left; font-size:14px; } .container .content .mod_voice .voice_r li{ height:31px; line-height:31px; border-bottom:1px dashed #ccc; } .container .content .mod_voice .voice_r li .size{ margin-right:5px; } .container .content .mod_voice .voice_r li .data{ float:right; color:#999999; } .container .content .mod_voice .voice_r li a{ text-decoration: none; color:#999999; display: inline-block; width: 80%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .container .content .mod_media{ } /*媒体报道*/ .container .content .mod_media .notice_l_con .mdol{ display:inline-block; width:65px; height:16px; line-height:16px; color:#fff; background:#64a4f5; margin-right:14px; text-align: center; border-radius:10px; } /*专题专栏*/ .container .content .mod_zt{ overflow:hidden; border:1px solid #e6e6e7; border-top:None; background:#fff; padding-bottom:0; } .container .content .mod_zt .slideBox{ position:relative; /*width:906px;*/ height:82px; /*padding:0 35px;*/ } .container .content .mod_zt .slideBox .hd a{ font-size: 35px; color: #ccc; position: absolute; top: 20px; text-decoration: none; cursor:pointer; z-index:11111; } .container .content .mod_zt .slideBox .hd a.prev{ left: 0px; } .container .content .mod_zt .slideBox .bd{ overflow:hidden; } .container .content .mod_zt .slideBox .hd a.next{ right: 0; } .container .content .mod_zt li a{ overflow: hidden; display: inline-block; } .container .content .mod_zt li{ float:left; margin-right:7px; margin-left:6px; margin-bottom:12px; height:82px; } .container .content .mod_zt li img{width:231px;border:none;} .container .content .mod_zt .zhankai li img{ width: 182px; height: 82px; border: none; } .container .content .mod_zt .zhankai{ height:82px; } .container .content .mod_zt .zhankai li:nth-child(2n+5),.container .content .mod_zt .slideBox li:nth-child(2n+4){ margin-right:0!important; } /*政策法规*/ .container .content .mod_fg{ margin-top:28px!important; } .container .content .mod_fg .fg_person,.container .content .mod_fg .fg_person img{ float:left; } .container .content .mod_fg .fg_person>b{ float:left; margin-left:9px; font-size:14px; } .container .content .mod_fg .fg_person>b b{ font-weight:normal; } .container .content .mod_fg .media_r_con li{ } .container .content .mod_fg .media_r_con li .data{ } .container .content .mod_fg .media_r_con li .data a{ text-decoration: none; color:#c0bfbf; } #foot{ height:148px; width: 1060px; background-image: url("/wbcsglxhcom/image/foot-bg.gif"); background-repeat: no-repeat; margin-top:22px; } .flink { margin-bottom: 10px; } .flink a:visited{ color: #666666; text-decoration: none; font-family: "微软雅黑"; font-size: 13px; } .flink a{ color: #000000; text-decoration: none; font-family: "微软雅黑", "宋体"; font-size: 13px; } .flink li{ display: inline; font-size: 13px; margin-left: 5px; margin-right: 5px; } .form-box{ height: 23px; width: auto; text-align: left; padding-top: 12px; } .nufont { font-size: 13px; line-height: 18px; color: #333333; padding-top: 16px; } .form-x { width: 140px; display: inline; float: left; margin-left: 26px; line-height: 18px; } /*首页样式*/ .content .mod_home .news_l{ float:left; width:590px; height:300px; background:lightblue; } .content .mod_home .news_l .slideNews{ width:590px; height:300px; overflow:hidden; position:relative; } .content .mod_home .news_l .slideNews .hd{ position: absolute; bottom: 18px; right: 8px; z-index: 10000; } .content .mod_home .news_l .slideNews .hd li{ width: 12px; height: 12px; border-radius: 50%; background: #ccc; float: left; margin-right: 12px; z-index: 1000000000; } .content .mod_home .news_l .slideNews .hd li.on{ background:#fff; } .content .mod_home .news_l .slideNews .bd ul{ width:50000px; } .content .mod_home .news_l .slideNews .bd li{ float:left; } .content .mod_home .news_l .slideNews .bd li p{ position: absolute; bottom: 0; height: 50px; line-height: 50px; color: #fff; width: 580px; background: rgba(0,0,0,0.4); padding-left: 10px; } .content .mod_home .news_r{ float:left; padding-left: 20px; width: 350px; padding-right:14px; } .content .mod_home .news_r .news_r_title{ border-bottom:1px solid #63a4f4; } .content .mod_home .news_r .news_r_title span{ display:inline-block; padding:10px; background:#e7e7e7; margin-right:5px; font-size:14px; } .content .mod_home .news_r .news_r_title .more a{ float: right; margin-right: 14px; color: #c0c0c0; text-decoration: none; font-style: normal; margin-top: 10px; font-size:12px; } .content .mod_home .news_r .news_r_title span.active{ color:#fff; background:#63a4f4; } .content .mod_home .mod_news{ margin-top:45px; margin-bottom:32px; overflow:hidden; border: 1px solid #e5e5e5; } .content .mod_home .news_r .news_r_list{ padding: 30px 14px 30px 0; } .content .mod_home .news_r .news_r_list a,.content .mod_adv .adv_l_con a,.content .mod_adv a{ text-decoration: none; color:#585858; } .content .mod_home .news_r .news_r_list .data,.content .mod_adv .adv_l_con .data{ color:#c0c0c0; float:right; } .content .mod_home .news_r .news_r_list li{ background:url("/wbcsglxhcom/image/dot.png") no-repeat left center; padding-left:10px; height:32px; line-height: 32px; } .content .mod_adv{ height:232px; background:#fff; margin-bottom:35px; } .content .mod_adv .adv_l{ float:left; width:564px; } .content .mod_adv .adv_l_menu{ float:left; background:#64a4f5; padding:5px 0 5px 5px; width:132px; text-align: center; color:#fff; } .content .mod_adv .adv_l_con{ font-size:13px; padding:20px 30px 20px 20px; margin-left:132px; } .content .mod_adv .adv_l_con>ul{ display:none; } .content .mod_adv .adv_l_con li{ height:32px; line-height:32px; padding-left:20px; background:url("/wbcsglxhcom/image/aw.png") no-repeat left center; } .content .mod_adv .adv_l_menu li{ height:37px; line-height:37px; cursor:pointer; font-size:14px; } .content .mod_adv .adv_l_menu li.active{ background: #fff; border: none; color: #7eb3f7; font-weight: bold; } .content .mod_adv .adv_l_menu li i{ vertical-align: middle; margin-right: 10px; width:18px; height:18px; display: inline-block; padding-top: 5px; } .content .mod_adv .adv_l_menu li .meet{ background:url("/wbcsglxhcom/image/01.png") no-repeat; } .content .mod_adv .adv_l_menu li .news{ background:url("/wbcsglxhcom/image/02.png") no-repeat; } .content .mod_adv .adv_l_menu li .activity{ background:url("/wbcsglxhcom/image/03.png") no-repeat; } .content .mod_adv .adv_l_menu li .inter{ background:url("/wbcsglxhcom/image/04.png") no-repeat; } .content .mod_adv .adv_l_menu li .window{ background:url("/wbcsglxhcom/image/05.png") no-repeat; } .content .mod_adv .adv_l_menu li .picture{ background:url("/wbcsglxhcom/image/06.png") no-repeat; } .content .mod_adv .adv_l_menu li.active .meet{ background:url("/wbcsglxhcom/image/01-1.png") no-repeat; } .content .mod_adv .adv_l_menu li.active .news{ background:url("/wbcsglxhcom/image/02-1.png") no-repeat; } .content .mod_adv .adv_l_menu li.active .activity{ background:url("/wbcsglxhcom/image/03-1.png") no-repeat; } .content .mod_adv .adv_l_menu li.active .inter{ background:url("/wbcsglxhcom/image/04-1.png") no-repeat; } .content .mod_adv .adv_l_menu li.active .window{ background:url("/wbcsglxhcom/image/05-1.png") no-repeat; } .content .mod_adv .adv_l_menu li.active .picture{ background:url("/wbcsglxhcom/image/06-1.png") no-repeat; } .content .mod_adv .adv_l_menu li:not(last-child){ border-bottom:1px solid #7eb3f7; } .content .mod_adv .adv_r{ float:left; padding-top:20px; } .content .mod_adv .adv_r i img{ vertical-align: middle; margin-top: -3px; } .content .mod_adv .adv_r .code{ padding:12px 18px; background:#fff; border:1px solid #ccc; } .content .mod_adv .adv_r .code img{ display:block; } .content .mod_adv .adv_r .mode{ margin-top:15px; } .content .mod_adv .adv_r .mode p{ display:inline-block; width:190px; height:45px; line-height:45px; background:#fff; border:1px solid #ccc; text-align: center; } .content .mod_adv .adv_r .mode span i{ vertical-align: middle; } .content .mod_adv .adv_r .mode span i img{ margin-top: 7px; margin-right: 10px; } .content .mod_yw{ margin-bottom:28px; /*overflow:visible!important;*/ padding-bottom:0!important; } .content .mod_yw .voice_title{ margin-bottom:0!important; } .content .mod_yw .yw_l { width: 475px; float: left; border: 1px solid #ccc; height: 183px; } .content .mod_yw .yw_l img{ border:None; } .content .mod_yw .yw_l_img{ padding:24px; background:#fff; border:1px solid #ccc; position:relative; } .content .mod_yw .yw_l_img .enter{ padding: 6px 15px; color: #fff; background: #61d3cf; position: absolute; right: 65px; top: 60px; } .content .mod_yw .yw_l_img .enter a{ text-decoration: none; color:#fff; } .content .mod_yw .yw_r{ float:left; width:470px; border:1px solid #ccc; margin-left:24px; } .content .mod_yw .yw_r .yw_mode{ padding:20px 18px; overflow:Hidden; } .content .mod_yw .yw_r .yw_mode span{ display:inline-block; float:left; width:97px; height:85px; text-align: center; } .content .mod_yw .yw_r .yw_mode a{ text-decoration: none; color:#fff; font-size:14px; padding-top: 15px; display: inline-block; } .content .mod_yw .yw_r .yw_mode a b{ margin-top:5px; } .content .mod_yw .yw_r .yw_mode>span:not(:last-child){ margin-right:15px; } .content .mod_yw .yw_r .yw_mode .yw1{ background:#6db8ee; } .content .mod_yw .yw_r .yw_mode .yw2{ background:#91ca89; } .content .mod_yw .yw_r .yw_mode .yw3{ background:#b7aad2; } .content .mod_yw .yw_r .yw_mode .yw4{ background:#e8ae79; } .content .mod_home .mod_zt .voice_title{ margin-bottom:0; } .content .mod_home .mod_zt .zd_menu{ text-align:center; height:30px; line-height:30px; } .content .mod_home .mod_zt{ padding-bottom:0!important; } .content .mod_home .mod_zt .slideBox{ padding-bottom:0; /*margin-top:20px;*/ } .content .mod_home .mod_zt .slideBox .bd{ height:82px; } .content .mod_zt .slideBox .bd img{ width:288px; height:82px; } .content .mod .gov_gk{ height:45px; line-height:45px; padding-left:10px; background:url("/wbcsglxhcom/image/ds.png") no-repeat; background-size:100% 100%; overflow:Hidden; } .content .mod .gov_gk .gk_inf{ float:left; margin-right:40px; padding-left:35px; background:url("/wbcsglxhcom/image/qi.png") no-repeat left center; } .content .mod .gov_gk li{ float:left; padding-left: 35px; margin-right: 25px; } .content .mod .gov_gk li a{ text-decoration: none; color:#585858; } /*通知公告*/ .container .mod_tg .position{ margin-top:60px; font-weight:normal; font-size:14px; color:#585858; } .container .mod_tg .tg h2{ border-bottom:1px solid #64a4f5; padding-bottom:10px; font-weight: normal; font-size: 16px; margin-top: 40px; position:relative; } .container .mod_tg .tg h2 span{ display: inline-block; border-bottom: 2px solid #64a4f5; padding-bottom: 10px; position: absolute; bottom: -1px; } .container .mod_tg .tg li{ border-bottom:1px dashed #ccc; height: 35px; line-height: 35px; font-size: 14px; } .container .mod_tg .tg li a,.container .mod_tg .mod_tg_r li a{ text-decoration:none; color: #585858; } .container .mod_tg .tg li .data,.container .mod_tg .mod_tg_r li .data{ float:right; color: #585858; } .container .mod_tg .modtg{ overflow:hidden; padding-top:20px; margin-top:10px; background:url("/wbcsglxhcom/image/line1.png") no-repeat left top; } .container .mod_tg .mod_tg_l,.container .mod_tg .mod_tg_r{ float:left; } .container .mod_tg .mod_tg_l{ width: 170px; text-align: center; border: 1px solid #ccc; padding: 5px 10px; } .container .mod_tg .mod_tg_l li{ border-bottom: 1px solid #ccc; color:#585858; line-height: 30px; cursor:pointer; } .container .mod_tg .mod_tg_l li.active{ font-weight:Bold; border-bottom:1px solid #000; } .container .mod_tg .mod_tg_l li:last-child{ border-bottom:none; } .container .mod_tg .mod_tg_r{ margin-left: 10px; border: 1px solid #ccc; width: 730px; min-height: 500px; padding: 10px 20px; } .container .mod_tg .mod_tg_r h2{ font-size: 16px; padding-bottom: 14px; margin-bottom: 10px; color: #64a4f5; background: url("/wbcsglxhcom/image/line2.png") no-repeat left bottom; } .container .mod_tg .mod_tg_r div{ display:none; } .container .mod_tg .mod_tg_r li{ line-height:30px; font-size:12px; padding-left:15px; background:url("/wbcsglxhcom/image/circle.png") no-repeat left center; border-bottom:1px dashed #ccc; } .container .modtg_list h2{ text-align: center; color: #64a4f5; font-size: 18px; margin: 20px 0; } .container .modtg_list p.time{ text-align: center; color: #666; font-size:14px; margin-bottom: 10px; padding-bottom: 15px; border-bottom:1px dashed #64a4f5; } .container .modtg_list .modtg_article{ padding: 0 20px; color: #585858; font-size: 14px; text-align:center; /*margin-left:170px;*/ } .container .modtg_list .modtg_article p{ text-indent:2em; line-height:25px; font-size: 16px; width: 600px; margin:0 auto!important; text-align:left; } .container .modtg_list .modtg_article p img{ width:600px; } /*政民互动*/ .container .mod .mod_hd{ height:auto!important; padding:0 35px; } .container .mod .mod_hd li{ float:left; } .container .mod .mod_hd li:nth-child(2n+1){ margin-right:20px; margin-bottom:15px; }