@charset "gb2312";
/*
*@Description: 娄底政府门户网站首页模板样式文件，只限首页
*@Author: 娄底国联信息服务有限公司--zhangdan
*@Create: 2015年01月22日
*@Update:
 */

/*首页第一层*/
.first-row{ height:354px; overflow:hidden;}
.mod-new{ float:left;display:inline;width:350px;height:352px;overflow:hidden;border:1px solid #E6E6E6;}
.tab_menu{height:30px; font-size:14px; line-height:30px; margin-top:1px;}
.tab_menu span{display:block; float:left; width:86px; text-align:center;margin-left: 1px;}
.tab_menu span.borrn{border-right:none;}
.tab_menu span a{display:block;width: 100%;height: 100%;background:#f6f6f6; color:#626262;}
.tab_menu span a:hover,.tab_menu span a.now{background:#448aca; color:#fff; text-decoration:none; font-weight:bold;}
.tab_detail{height:318px;}
.tab_detail .intro{border-bottom:1px dashed #CCCCCC; padding-bottom:10px; padding-top:10px; margin-bottom:10px; line-height:28px;text-align:center;overflow:hidden;}
.tab_detail .intro a{ color:#F40606;  display:block; margin:0 auto;font-size:20px; font-weight:bold; overflow:hidden;}
.tab_detail ul{ margin-left:10px; margin-right:10px;}
.tab_detail li{background:url(mod-gzgg-icon.jpg) no-repeat left center; padding-left:10px; height:33px;line-height:33px;font-size:14px;overflow:hidden;vertical-align: bottom;position: relative; margin-left:5px;}
.tab_detail li a{display: inline-block;height:28px;color:#434343;width:85%;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;font-family: Verdana,Arial;}
.tab_detail li a:hover{ color:#2581c2;}
.tab_detail li span.date{position:absolute; right:5px; top:0px;color:#7A7A7A; font-size:12px;}

.focusBox {position: relative;width:370px;height:354px;overflow: hidden; text-align: left;float:left;z-index:0; display:inline; margin-left:7px;}
.focusBox .pic img { width:370px; height:354px; display: block;}
.focusBox .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 36px; width:100%;  background: #333; filter: alpha(opacity=60); opacity: 0.6; overflow: hidden; }
.focusBox .txt { position: absolute; bottom: 0; z-index: 2; height: 36px; width:100%; overflow: hidden; }
.focusBox .txt li{ height:36px; line-height:36px; position:absolute; bottom:-36px;}
.focusBox .txt li a{ display: block; color: white; padding: 0 0 0 10px; font-size: 15px;text-decoration: none;}
.focusBox .num { position: absolute; z-index: 3; bottom: 8px; right: 8px;}
.focusBox .num li{ float: left; position:relative; width:18px; height:18px; line-height:18px; text-align: center; margin-right: 1px; cursor: pointer;}
.focusBox .num li a{display: block;color:white;text-decoration:none;font-size:12px; width:100%; height:100%; font-size:24px;}
.focusBox .num li.on a,.focusBox .num a:hover{ color:#F40100;}

.first-row .fr{width:260px;display:inline;}
.mod-gzgg h4{height:34px; background:#E6E6E6; line-height:34px;}
.mod-gzgg h4 span{ text-align:center; padding:0 10px;}
.mod-gzgg h4 span.now{display:inline-block; background:url(mod-gzgg-hov.jpg) no-repeat left top;}
.mod-gzgg h4 span.now a{color:#FFF;}
.mod-gzgg h4 a{display:inline-block;font-size:14px;color:#808080;}
.mod-gzgg h4 a:hover{ text-decoration:none;color:#FFF;}
.mod-gzgg ul{ height:271px; border:1px solid #E6E6E6; padding-right:9px; padding-left:9px; padding-top:8px;font-family: Verdana,Arial; overflow:hidden;}
.mod-gzgg ul li{line-height:25px; margin-bottom:3px; background:url(mod-gzgg-icon.jpg) no-repeat left 13px; padding-left:12px; font-size:14px; position:relative; display:block; overflow:hidden;}
.mod-gzgg ul li span{ font-size:12px; color:#7A7A7A; margin-left:10px;}
/*搜索框*/
.search-box{ height:22px; overflow:hidden; padding-bottom:8px; padding-top:15px;padding-left:9px;}
.c-txt{ width:174px;font:14px/14px "微软雅黑";color:#666;height:20px; line-height:20px; float:left; border:1px solid #C0C0C0; border-right:none;}
.c-btn{ float:left;background:#ca1500 url(search_btn.jpg) no-repeat center center;width:63px;height:22px;cursor:pointer;border:none;}


/*首页第二层 专题栏 two-rowbg.jpg background:url(rdzt.jpg) no-repeat 15px 10px;*/
.zt_lianghui{padding-top:10px;width:1000px;}
.zt_lianghui img{width:1000px;}
.wrap.rdzt-wrap{padding-top:5px;}
.two-row{height:93px;position:relative;border: 1px solid #E7E7E7;padding:7px;}
.two-row  .fl{ width:65px;text-align:left;position:absolute;left:15px; top:-6px;}
/*.two-row  .fl a{ display:block;margin-left:20px; margin-bottom:12px;}*/
.two-row .fr{ width:913px;}
.adSlide{ width:100%; overflow:hidden; position:relative; clear:both;}
.adSlide .hd{ position:absolute; z-index:1; right:5px; bottom:5px; display:none;}
.adSlide .hd ul{ overflow:hidden; zoom:1; float:left;  }
.adSlide .hd ul li{ float:left; margin-right:2px;  width:16px; height:16px; line-height:16px; text-align:center; background:#fff; cursor:pointer;  filter:alpha(opacity=60);opacity:0.6;   }
.adSlide .hd ul li.on{ background:#f60;   font-weight:bold; filter:alpha(opacity=100);opacity:1; color:#fff;   }
.adSlide .bd{ position:relative;  z-index:0; }
.adSlide .bd img{ width:913px; height:93px;  }

.2016lh_banner{padding-top:10px;}
.2016lh_banner img{width:1000px;}

/*----首页第三层------*/
.tabBar{border:1px solid #E6E6E6; height:385px; overflow:hidden;}
.tabBar .hd ul{z-index:2;position:relative; height:86px; background:url(index_dashed.jpg) repeat-x left 60px;margin-left:14px; margin-right:12px; margin-bottom:10px;overflow:hidden;}
.tabBar .hd li{ float:left;text-align:center; cursor:pointer; display:inline-block; width:323px;}
.tabBar .hd li a{text-decoration:none;font-size:18px; line-height:40px;}
.tabBar .hd li.on{background:url(index_border.jpg) repeat-x left 60px;}
.tabBar .hd li.on a{color:#006599;font-weight:600;}
.tabBar .hd li.on a img{ display:none;}
.tabBar .hd li.on a i{ display:inline-block; width:46px; height:46px; background:url(tabBar_hov.png) no-repeat center;}
.tabBar .hd a:hover{color:#006599;}
.tabBar .bd{clear:both; position:relative;overflow:hidden;}
.tabBar .bd .conWrap{margin:0 10px;}

/*政务公开 选项卡面板*/
.zwgk_con{height:270px;}
.zwgk_con .fl{ width:270px;height:270px;}
.zwgk_con .fl ul{height:180px;border-bottom:1px dashed #d7d7d7; font-size:12px;}
.zwgk_con .fl li{width:263px; height:40px; line-height:40px;vertical-align: bottom;}
.zwgk_con .fl li.bgg1{background:#F6F6F6;height:28px; line-height:28px;}
.zwgk_con .fl li a{width:120px; height:28px; padding-left:10px; white-space:nowrap; float:left; display:block;}
.zwgk_con .fl li a:hover{color:#01669A;}
.tab-zwgk-subnav{ background:url(tab-zwgk-subnavbg.jpg) no-repeat left top; height:82px; width:257px; margin-top:12px;}
.tab-zwgk-subnav a{ color:#FFFFFF; display:inline-block; margin-left:10px; margin-top:8px;}
.tab-zwgk-subnav a:hover{color:#FFFFFF;}

.mod-zwgk-tablist{ float:left; margin-left:13px; width:345px;}
.mod-zwgk-tablist h4{height:31px; line-height:31px; position:relative; border-bottom:1px solid #E6E6E6; font-size:14px; font-weight:normal; margin-bottom:15px;}
.mod-zwgk-tablist h4 a{display:block; float:left; width:85px; text-align:center;}
.mod-zwgk-tablist h4 a.now{border-top:2px solid #19A1DB; background:#fff; line-height:30px; color:#009ADA; font-weight:bold; text-decoration:none;border-right:1px solid #E6E6E6;border-left:1px solid #E6E6E6;}
.mod-zwgk-tablist h4 a:hover{ text-decoration:none;}

.mod-zwgk-tablist li{background:url(slide_zmhd_box_icon.jpg) no-repeat left center; padding-left:10px;line-height:26px;font-size:14px;height:26px;overflow:hidden;margin-bottom:4px;vertical-align: bottom;position: relative;font-family: Verdana,Arial;}
.mod-zwgk-tablist li a{display: inline-block;height:26px;color:#434343;width:70%;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.mod-zwgk-tablist li a:hover{color:#2581c2;}
.mod-zwgk-tablist li span.date{position:absolute; top:0; right:0;}

.zwgk_con .fr{ width:317px; height:270px; padding-left:13px;}
.zwgk_con .fr h4{ height:31px; line-height:31px; position:relative; border-bottom:1px solid #E6E6E6; font-size:14px; font-weight:normal; margin-bottom:15px;}
.zwgk_con .fr h4 a{display:block; float:left; text-align:center;padding:0 15px;}
.zwgk_con .fr h4 a.now{display:block; float:left; text-align:center;border-top:2px solid #19A1DB; background:#fff; line-height:30px; color:#009ADA; font-weight:bold; text-decoration:none;border-right:1px solid #E6E6E6;border-left:1px solid #E6E6E6;}


.zwgk_con .fr ul.list{ margin-bottom:10px;}
.zwgk_con .fr ul.list li{background:url(slide_zmhd_box_icon.jpg) no-repeat left center; padding-left:10px;line-height:28px;font-size:14px;height:28px;overflow:hidden;margin-bottom:4px;vertical-align: bottom;position: relative;font-family: Verdana,Arial;}
.zwgk_con .fr ul.list li a{display: inline-block;height:28px;color:#434343;width:70%;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.zwgk_con .fr ul.list li a:hover{ color:#2581c2;}
.zwgk_con .fr ul.list li span.date{position:absolute; top:0; right:0;}

.mod-zwgk-zdly {position:relative; height:60px; overflow:hidden;}
.mod-zwgk-zdly ul li{ float:left; margin-left:20px;}

/*办事服务 选项卡面板*/
.bsfw_con{height:270px;}
.bsfw_con .fl{ width:207px;}
.bsfw_con .fl h4{ border-bottom:1px solid #E5E5E5; font-weight:normal;height:26px; line-height:26px;}
.bsfw_con .fl h4 a{ float:left;text-align:center;width:84px;font-weight:normal; cursor:pointer; margin-left:14px; font-size:14px;}
.bsfw_con .fl h4 a.now{ color:#FFFFFF; font-weight:bold; background:#18A3DC;}
.bsfw_con .fl h4 a:hover{ text-decoration:none;}
.bsfw_con .fl .chaxun{ background:url(chaxun_bg.jpg) no-repeat left top;height:130px; padding-left:12px; overflow:hidden;}
.bsfw_con .fl .chaxun h5{ color:#EF0000; margin-top:10px; margin-bottom:5px;}
.bsfw_con .fl .chaxun span{ display:block; border:1px solid #D9D9D9; height:24px; width:185px; overflow:hidden;}
.bsfw_con .fl .chaxun span input{ width:132px; height:24px; line-height:24px; float:left;}
.bsfw_con .fl .chaxun span a{ display:inline-block; width:52px; height:26px; line-height:26px; float:left; text-align:center; color:#F00000; border-left:1px solid #D9D9D9; background:url(chaxun_btnbg.jpg) repeat-x left top;}
.bsfw_con .fl .chaxun span a:hover{ text-decoration:none;}
.bsfw_con .fl .tongji{ text-align:center; height:120px; OVERFLOW-Y: auto;margin-bottom:10px;}
.bsfw_con .fl ul{ margin-left:12px; padding-top:10px;}
.bsfw_con .fl li{background:url(index_icon.jpg) no-repeat left center; padding-left:10px;line-height:24px;font-size:12px;height:24px;overflow:hidden;margin-bottom:4px;vertical-align: bottom;position: relative;}
.bsfw_con .fl li a{display: inline-block;height:24px;color:#434343;width: 90%;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.bsfw_con .fl li a:hover{ color:#2581c2;}
.bsfw_con .fl li span.date{position:absolute; right:0px; top:0px;}

.mod-bs-ct{float:left; margin-left:12px; width:440px;}
.mod-bs-ct h4{ border-bottom:1px solid #E5E5E5; font-weight:normal;height:26px; line-height:26px;}
.mod-bs-ct h4 a{ float:left;text-align:center;width:84px;font-weight:normal; cursor:pointer; margin-left:14px; font-size:14px;}
.mod-bs-ct h4 a.now{ color:#FFFFFF; font-weight:bold; background:#18A3DC;}
.mod-bs-ct h4 a:hover{ text-decoration:none;}
.mod-bs-ct ul{ height:125px; overflow:hidden; margin-left:13px; margin-bottom:5px;}
.mod-bs-ct ul li{ float:left;background:url(index_icon.jpg) no-repeat left center;padding-left:7px;width:50px;height:26px; line-height:26px; margin-left:10px; margin-top:5px; overflow:hidden; display:inline;}
.mod-bs-ct ul#bs_con3{OVERFLOW-Y: auto; margin-left:10px;}
.mod-bs-ct ul#bs_con3 li{ width:80px;}
.mod-bs-ct ol{ height:58px; margin-top:16px;}
.mod-bs-ct #fw_con1 li{float:left; width:75px; height:58px; margin-left:11px; display:inline;}

.mod-bs-ct #fw_con1 li{float:left; width:60px; height:58px;display:inline;margin-left:11px; text-align:center;}
.mod-bs-ct #fw_con1 li a{text-decoration:none;}
.mod-bs-ct #fw_con1 li span{display:block; height:30px; line-height:30px;}
.mod-bs-ct #fw_con2 li{ background:url(snfw_tab_pic.jpg) no-repeat left top; height:62px; width:418px; position:relative;}
.mod-bs-ct #fw_con2 li a{ float:left; width:82px; height:55px;}

.fw_area{ width:310px;}
.fw_area h3{ height:26px; line-height:26px; padding-left:10px;background:#E6E6E6; color:#656565; cursor:pointer;font:normal 14px/26px;}
.fw_area h3 em{ float:right; display:block; width:40px; height:26px;background:url(fw_area_add.jpg) 16px 12px no-repeat; cursor:pointer; }
.fw_area h3.on em{ background:url(fw_area_jie.jpg) no-repeat center center;}
.fw_area h3.on{background:#19A1DB;border-bottom:1px solid #E5E5E5; color:#FFF;}
.fw_area div{margin-top:10px; margin-bottom:10px;}
.fw_area .zt td{cursor:pointer;text-align:center;vertical-align:middle;}
.fw_area .zt td a{text-decoration:none;display:block;width:75px;height:95px;overflow:hidden;border:1px solid #FFF;}
.fw_area .zt td a:hover{color:#2581c2; border:1px solid #2581c2;}
.fw_area .zt td a img{vertical-align:middle;}
.fw_area .zt td a span{display:block;font-size:14px;vertical-align:middle; height:24px; line-height:24px; overflow:hidden;}

/*政民互动 选项卡面板*/
.zmhd_con{ height:270px;}
.zmhd_con .fl{ width:265px; margin-right:14px;}
.zmhd_con .fl h4{position:relative; height:28px; line-height:28px; background:#F2F2F2; color:#18A0DC; margin-bottom:5px;}
.zmhd_con .fl h4 span{display:block; font-size:14px; width:85px; text-align:center; background:url(zmhd_con_fl_line.jpg) no-repeat right center;}
.zmhd_con .fl h4 a{ position:absolute; right:10px; top:0px; font-size:12px; font-weight:normal;}
.zmhd_con .fl ul{ background:url(zmhd_con_fl_hline.jpg) no-repeat center top; padding-top:14px;}
.zmhd_con .fl li{background:url(slide_zmhd_box_icon.jpg) no-repeat left center; padding-left:10px;line-height:24px;font-size:12px;height:24px;overflow:hidden;margin-bottom:4px;vertical-align: bottom;position: relative;}
.zmhd_con .fl li a{display: inline-block;height:24px;color:#434343;width: 85%;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.zmhd_con .fl li a:hover{ color:#2581c2;}
.zmhd_con .fl li span.date{position:absolute; right:0px; top:0px;}

.zmhd_con .fl .pic{ text-align:center;padding-top: 10px;}
.zmhd_con .fl .pic td{ width:30%;}
.zmhd_con .fl .pic a:hover img{width:77px;height:69px;}
.zmhd_con_line{ height:264px; float:left; width:1px; border-left:1px dashed #D9D9D9;}
.zmhd_con .bc{ width:335px; margin-left:14px; margin-right:12px; float:left;}
.zmhd_con .bc h4{height:35px; margin-top:6px;background:url(mod_h4_line.jpg) repeat-x left bottom; position:relative; margin-bottom:14px;}
.zmhd_con .bc h4 a{float:left;text-align:center;font-weight:normal;font-size:14px;margin-right:10px;}
.zmhd_con .bc h4 a.now{background:url(zmhd_con_bchov.jpg) repeat-x left top; height:35px; color:#FFF;font-weight:bold;padding:0 10px;}
.zmhd_con .bc h4 a span{height:28px; line-height:28px;}
.zmhd_con .bc h4 a:hover{ text-decoration:none;}
.zmhd_con .bc h4 a.xie{ position:absolute; right:10px; top:8px; font-size:12px; text-decoration:underline;}
.zmhd_con .bc li{background:url(slide_zmhd_box_icon.jpg) no-repeat left center; padding-left:10px;font-size:14px;line-height:28px;height:28px;overflow:hidden;margin-bottom:4px;vertical-align: bottom;position: relative;}
.zmhd_con .bc li a{display: inline-block;height:28px;color:#434343;width: 85%;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.zmhd_con .bc li a:hover{ color:#2581c2;}
.zmhd_con .bc li span.date{position:absolute; right:0px; top:0px;}

.zmhd_con .fr{ width:320px;}
.zmhd_con .fr h4{ background:url(zmhd_con_hbg.jpg) repeat-x left top; height:35px;color:#18A0DC;}
.zmhd_con .fr h4 span{ float:left;background:url(zmhd_con_hhov.jpg) repeat-x left top; height:35px;}
.zmhd_con .fr h4 em{display:block; font-size:14px; width:85px; text-align:center; height:28px; line-height:28px; font-weight:bold; background:url(zmhd_con_fl_line.jpg) no-repeat right center;}
.zmhd_con .fr h4 i{ float:right; font-style:normal; height:28px; line-height:28px; font-size:12px; font-weight:normal; margin-right:10px;}
.zmhd_con .fr h4 i a{ padding-right:5px; padding-left:5px;}
.zmhd_con .fr article{ line-height:24px; margin-top:12px;}
.zmhd_con .fr article p{ margin-bottom:5px;}
.zmhd_con .fr article img{ float:left; margin-right:10px; margin-bottom:10px; width:220px; height:120px;}

/*首页第四层*/
.mod-bstj{ width:279px; height:199px; border:1px solid #E6E6E6;}
.mod-bstj h4{ height:37px; line-height:37px; background:#FAFAFA; border-bottom:1px solid #E6E6E6;}
.mod-bstj h4 span{ display:block; margin-left:15px; background:url(mod-bstj_icon.jpg) no-repeat left center; padding-left:28px; font-size:15px;}
.mod-bstj ul{margin-top:15px;}
.mod-bstj ul li{ float:left;display: inline;width:120px;height: 26px;margin:5px 5px 10px 10px;}
.mod-bstj ul li a{ display:block;width: 100%; height: 26px; line-height: 26px;text-align: center;border: 1px solid #E6E6E6;overflow: hidden;}
.mod-bstj ul li a:hover{border-color: #19A1DB;color: #009ADA;text-decoration: none;}
/*.mod-bstj ul li{ width:250px; height:38px;float: left; display:inline; margin-left:15px; margin-bottom:10px; margin-right:13px;}
.mod-bstj ul li a{display:block; line-height:38px; padding-left:55px; font-size:14px;}
.mod-bstj ul li a:hover{ text-decoration:none;}
.mod-bstj ul li.bstj_btn1{background:url(mod-bstj_1.jpg) left top no-repeat #F1F1F1}
.mod-bstj ul li.bstj_btn2{background:url(mod-bstj_2.jpg) left top no-repeat #F1F1F1}
.mod-bstj ul li.bstj_btn3{background:url(mod-bstj_3.jpg) left top no-repeat #F1F1F1}*/

.mod-query{width:360px; height:199px;border:1px solid #E6E6E6; margin-left:12px; overflow:hidden;}
.mod-query h4{height:28px; line-height:28px; position:relative; border-bottom:1px solid #E6E6E6; font-size:14px; font-weight:normal; margin:10px 15px 0px 13px;}
.mod-query h4 a{display:block; float:left; width:100px; text-align:center;}
.mod-query h4 a.now{border-top:2px solid #19A1DB; background:#fff; line-height:27px; color:#009ADA; font-weight:bold; text-decoration:none;border-right:1px solid #E6E6E6;border-left:1px solid #E6E6E6;}
.mod-query h4 a:hover{ text-decoration:none;}
.mod-query h4 a.more{ position:absolute; right:0px; top:0px; font-size:12px; color:#8D8D8D; text-align:right;}
.mod-query ul{ margin-right:6px; margin-left:12px; margin-top:10px; height:140px; overflow:hidden;}
.mod-query ul li{ float:left; display:inline; margin-left:5px; margin-right:5px; width:96px; height:26px; margin-bottom:8px;}
.mod-query ul li a{ display:block; width:100%; height:26px; line-height:26px;text-align:center; border:1px solid #E6E6E6;color:#434343; overflow:hidden;}
.mod-query ul li a:hover{text-decoration:none; border-color:#19A1DB; color:#009ADA;}

.mod-hot{ width:332px; height:199px;border:1px solid #E6E6E6;}
.mod-hot h4{  height:37px; line-height:37px;border-bottom:1px solid #E6E6E6; background:#FAFAFA;font-size:15px;}
.mod-hot h4 span{ display:block; background:url(mod-hot-icon.jpg) no-repeat left center; margin-left:11px;padding-left:26px;}
.mod-hot ul{ margin-left:14px; margin-right:14px; margin-top:16px;}
.mod-hot ul li{padding-left:17px;font-size:12px;height:26px;overflow:hidden;vertical-align: bottom;position: relative;}
.mod-hot ul li#x1{background:url(x1.jpg) no-repeat left center;}
.mod-hot ul li#x2{background:url(x2.jpg) no-repeat left center;}
.mod-hot ul li#x3{background:url(x3.jpg) no-repeat left center;}
.mod-hot ul li#x4{background:url(x4.jpg) no-repeat left center;}
.mod-hot ul li#x5{background:url(x5.jpg) no-repeat left center;}
.mod-hot ul li a{display:inline-block;height:26px;line-height:26px;color:#005480;width: 85%;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.mod-hot ul li a:hover{ color:#FF0000;}
.mod-hot ul li span.date{position:absolute; right:0px; top:0px;}

.mod-hot .zd{ margin-top:20px;}
.mod-hot .zd td{cursor:pointer;text-align:center; padding-bottom:10px;}
.mod-hot .zd td a{text-decoration:none;display:block;width:83px;border:1px solid #BAD0DB; margin:0 auto;}
.mod-hot .zd td a:hover{color:#2581c2; border:1px solid #2581c2;}
.mod-hot .zd td a img{vertical-align:middle;}
.mod-hot .zd td a span{display:block;font-size:12px;vertical-align:middle; height:24px; line-height:24px; overflow:hidden;}

/* 漂浮滚动 */
.txtScroll-top{ width:285px; overflow:hidden; position:fixed;top: 280px; left:52px; border-bottom:1px solid #CCC;}
.txtScroll-top .bd{ padding:15px 0px; font-size:16px;}
.txtScroll-top .infoList li{line-height:24px;}



/*右边悬浮导航开始*/
.right-nav {
  display: inline-block;
  width: 52px;
  position: fixed;
  top: 180px;
  right: 52px;
}
.right-nav li {
  width: 52px;
  height: 52px;
  margin-bottom: 10px;
}
.right-nav li a {
  display: inline-block;
  width: 52px;
  height: 52px;
  position: relative;
  overflow: hidden;
}
.right-nav li a span {
  display: inline-block;
  width: 52px;
  height: 52px;
  position: absolute;
  top: 0;
}
.right-nav li a span.span-bg {
  left: 0;
  opacity: 100;
}
.right-nav li a span.span-hover {
  left: -52px;
  opacity: 0;
}
.right-nav li.li01 .span-bg {
  background: url("2015_right_ico01.png") no-repeat;
}
.right-nav li.li01 .span-hover {
  background: url("2015_right_ico01_h.png") no-repeat;
}
.right-nav li.li02 .span-bg {
  background: url("2015_right_ico02.png") no-repeat;
}
.right-nav li.li02 .span-hover {
  background: url("2015_right_ico02_h.png") no-repeat;
}
.right-nav li.li03 .span-bg {
  background: url("2015_right_ico03.png") no-repeat;
}
.right-nav li.li03 .span-hover {
  background: url("2015_right_ico03_h.png") no-repeat;
}
.right-nav li.li04 .span-bg {
  background: url("2015_right_ico04.png") no-repeat;
}
.right-nav li.li04 .span-hover {
  background: url("2015_right_ico04_h.png") no-repeat;
}
.right-nav li.li05 .span-bg {
  background: url("2015_right_ico05.png") no-repeat;
}
.right-nav li.li05 .span-hover {
  background: url("2015_right_ico05_h.png") no-repeat;
}
.right-nav li.li06 .span-bg {
  background: url("2015_right_ico06.png") no-repeat;
}
.right-nav li.li06 .span-hover {
  background: url("2015_right_ico06_h.png") no-repeat;
}
@media screen and (min-width: 1280px) {
  .right-nav {
    right: 5px;
  }
}
@media screen and (min-width: 1366px) {
  .right-nav {
    right: 10px;
  }
}
@media screen and (min-width: 1401px) {
  .right-nav {
    right: 50px;
  }
}
@media screen and (min-width: 1680px) {
  .right-nav {
    right: 200px;
  }
}
@media screen and (min-width: 1920px) {
  .right-nav {
    right: 250px;
  }
}