@charset "utf-8"; /* 首页 */ .mask {position: absolute;top: 0px;filter: alpha(opacity=60);background-color: #B2B2B2;z-index: 999;left: 0px;opacity:0.6;-moz-opacity:0.6;} .popup_content{display:none;padding:25px 20px;width:600px;border:1px solid #b2b2b2;background:#fff;z-index:1000; position:absolute;left:27%;top:30%;min-height:200px;} .popup_content p,.popup_content .btn_a{width:400px; margin:0 auto;font-size:16px; margin-top:20px;} .popup_content .btn_a a{width:180px;height:42px;line-height:42px;color:#FFF;text-align:center;background:#229fff;cursor:pointer; display:block; float:left;} .popup_content .btn_a .f_right{ float:right} .popup_content .btn_a a:hover{background:#ff7e00;} #close{ cursor:pointer; font-size:20px; color:#888; position:absolute; top:10px; right:20px; z-index:44; } /* 图片切换 */ .Show_photo { width:100%; } .Show_photo .hd { height:14px; overflow:hidden; position:absolute; right:47%; bottom:10%; z-index:1; } .Show_photo .hd ul { overflow:hidden; zoom:1; float:left; } .Show_photo .hd ul li { float:left; margin-right:10px; width:14px; height:14px; background:#d6d6d6; cursor:pointer; border-radius:20px; } .Show_photo .hd ul li.on { background:#fff; } .Show_photo .bd { position:relative; height:100%; z-index:0; } .Show_photo .bd li { zoom:1; vertical-align:middle; } .Show_photo .bd img { width:100%; height:100%; } /* 下面是前/后按钮代码 */ .Show_photo .prev, .Show_photo .next { position:absolute; left:3%; top:50%; margin-top:-25px; filter:alpha(opacity=50); opacity:0.5; } .Show_photo .next { left:auto; right:3%; background-position:8px 5px; } .bzBanner .btn i:hover { background:#aba9a8; } .bzBanner .btn i.act {/*opacity:0.8; filter:alpha(opacity=80);*/ background:#ffffff; } .Show_photo .prev, .Show_photo .next { display:inline-block; width:72px; height:72px; background:url(../images/index/btn.png) no-repeat; position:absolute; top:50%; margin-top:-50px; z-index:3; } .Show_photo .prev { left:30px; } .Show_photo .next { right:30px; background-position:0 -72px; } .Show_photo .prev:hover { background-position:0 -144px; } .Show_photo .next:hover { background-position:0 -216px; } .index_text{position:absolute; top:30%; left:30%;color:#FFF;font-size:40px; text-align:center;} .index_text h4{font-size:55px; font-weight:normal; margin-bottom:50px;} .index_text h5{font-size:48px; font-weight:normal; text-align:center;} /* 活动申报 活动进度 监管系统 安全培训 保障服务 特色服务 */ .index_contentwar{width:1250px;height:550px; margin:0 auto;} .index_contentwar ul{padding-top:75px;} .index_contentwar ul li{ float:left;margin-left:225px; width:122px; height:220px; } .index_contentwar ul li p{ text-align:center;margin-top:25px;font-size:24px;} .index_contentwar ul li a{color:#333333} .index_contentwar ul li span{width:118px; height:118px;border:1px solid #666666; display:block;border-radius:60px;} .index_contentwar ul li span:hover{border:1px solid #f48916;} .index_contentwar ul li a:hover{color:#f48916;} .index_contentwar ul li label{ display:block; margin:0 auto; line-height:118px; margin-top:40px;} .index_contentwar ul .li1 label{width:27px; height:35px; background:url(../images/index/pss_indexbtn.png) no-repeat;} .index_contentwar ul .li2 label{width:48px; height:14px; background:url(../images/index/pss_indexbtn.png) no-repeat -77px 0; margin-top:55px;} .index_contentwar ul .li3 label{width:33px; height:43px; background:url(../images/index/pss_indexbtn.png) no-repeat -175px 0;} .index_contentwar ul .li4 label{width:31px; height:35px; background:url(../images/index/pss_indexbtn.png) no-repeat -258px 0;} .index_contentwar ul .li5 label{width:29px; height:38px; background:url(../images/index/pss_indexbtn.png) no-repeat -339px 0;} .index_contentwar ul .li6 label{width:27px; height:39px; background:url(../images/index/pss_indexbtn.png) no-repeat -418px 0;} .index_contentwar ul .li1:hover label{width:27px; height:35px; background:url(../images/index/pss_indexbtn.png) no-repeat 0 -43px;} .index_contentwar ul .li2:hover label{width:48px; height:14px; background:url(../images/index/pss_indexbtn.png) no-repeat -77px -43px; margin-top:55px;} .index_contentwar ul .li3:hover label{width:33px; height:43px; background:url(../images/index/pss_indexbtn.png) no-repeat -175px -43px;} .index_contentwar ul .li4:hover label{width:31px; height:35px; background:url(../images/index/pss_indexbtn.png) no-repeat -258px -43px;} .index_contentwar ul .li5:hover label{width:29px; height:38px; background:url(../images/index/pss_indexbtn.png) no-repeat -339px -43px;} .index_contentwar ul .li6:hover label{width:27px; height:39px; background:url(../images/index/pss_indexbtn.png) no-repeat -418px -43px;} /* 政策法规 */ .index_lawswar{width:100%;height:550px; background:#f2f2f2} .index_lawswar .index_lawssub{width:1000px; margin:0 auto;} .index_lawswar .index_lawssub .index_lawsleft{width:210px;float:left;margin:205px 0 0 95px; line-height:36px;} .index_lawswar .index_lawssub .index_lawsleft p a{font-size:24px;color:#2c87cd} .index_lawswar .index_lawssub .index_lawsleft p a:hover{color:#f4850f} .index_lawswar .index_lawssub .index_lawsleft h4{font-size:30px;} .index_lawswar .index_lawssub .index_lawsright{ float:right;margin-top:130px;} /* 疑难解答 */ .index_faqwar{width:890px; height:560px; margin:0 auto;} .index_faqwar .index_faqleft{ float:left;margin-top:150px;} .index_faqwar .index_faqsright{width:160px;float:right;margin-top:220px; line-height:36px;} .index_faqwar .index_faqsright p a{font-size:24px;color:#2c87cd} .index_faqwar .index_faqsright p a:hover{color:#f4850f} .index_faqwar .index_faqsright h4{font-size:30px;}