CSS在线编辑
   |  | 文件：style22.css
@charset "utf-8";

body{ width:100%; text-align:center;margin:0; background-color:#fff; min-width:260px; font-size:14px; font-family:"微软雅黑";} 
html { overflow-x: hidden; overflow-y: auto; font-family:"微软雅黑";}
*{ margin:0px; padding:0px; border:0px; font-size:1.0rem; font-family:"微软雅黑";list-style-type:none; color:#333}
img{border:none;}
a{ text-decoration:none; color:#000;font-family:"微软雅黑";}
a:hover{ text-decoration:none; color:#999;}
a:visited{ text-decoration:none; color:#000;}
.clear{display:block;clear:both;}
.align_l{ text-align:center}
ul, ul li {
 list-style-type:none;
}
.cl {
 zoom:1;
}
.float_l{ float:left}
.trans a{ margin:0 auto;}
.trans a:hover{filter:alpha(opacity:60); opacity:0.6;  -moz-opacity:0.6;-khtml-opacity: 0.6}
.list-content span.PrevDisabled{ height:20px; width:35px; float:left; margin-top:2px!important;}
.list-content span.PrevDisabled a{line-height:20px;}
.list-content span.PrevDisabled a:hover{line-height:20px;}
.list-content span.NextDisabled{ height:20px; width:35px;float:left}
.list-content span.NextDisabled a{line-height:20px}
.list-content span.NextDisabled a:hover{line-height:20px;}
.Prev{ height:20px!important; width:35px!important;}
.Next{ height:20px!important; width:35px!important;}
#gotopagebut{padding: 1px 12px!important;height:22px!important;}
.defaultInputStyle{ border:1px solid #CCC!important; border-radius:4px!important; margin-left:2px!important;margin-right:2px!important;text-align:center!important;}
.article_nr span.PrevDisabled{ height:20px; width:35px;float:left;margin-top:2px!important}
.article_nr span.PrevDisabled a{line-height:20px}
.article_nr span.PrevDisabled a:hover{line-height:20px;}
.article_nr span.NextDisabled{ height:20px; width:35px;float:left}
.article_nr span.NextDisabled a{line-height:20px;}
.article_nr span.NextDisabled a:hover{line-height:20px; display:block}
.heada{ width:100%; margin:0 auto; min-height:160px; background:url(../images/topbj.png) no-repeat 0 0; background-position:center}
.top{ margin:0 auto; max-width:1400px; width:100%;  height:auto;padding-top:20px;}
.logo{ float:left; margin:0 auto; width:100%; max-width:714px; margin-top:15px}
.link{ margin:0 auto; width:98%; padding:2px; text-align:right; margin-bottom:10px;padding-top:20px;}
.link a{ font-size:0.95rem; color:#333; line-height:1.2rem}
.link a:hover{color:#666;}
@media screen  and (max-width:900px) {
 .heada{ width:100%; margin:0 auto;min-height:100px;}
 .top{ margin:0 auto; width:90%;  height:auto; padding-top:25px;}
}
@media screen  and (max-width:768px) {
 .heada{ width:100%; margin:0 auto; min-height:70px;}
 .top{ margin:0 auto; width:90%;  height:auto; padding-top:10px; margin-top:36px}
}
.navbg{ width:100%; margin:0 auto;background-color:rgba(0,111,205,0.9);height:50px; z-index:9999;}
.nav{max-width:1400px;margin:0 auto;min-height: 50px;line-height:50px;*height:50px;text-align:center;}
.nav ul {max-width:1400px;height:50px;}
.nav ul li{float:left;width:14%;position: relative;}
.nav ul li a{color:#fff;font-size: 1.1rem;}
.nav ul li:hover{cursor:pointer;background: #004a2b; }
.nav ul li .subNav{position:absolute; left:0;top:50px;display:none; background: rgba(35,99,163,0.7); *background: #1e5d92; overflow:hidden;z-index:999;*z-index:999999; }
.nav ul li.on{background:rgba(0,42,24,0.3); }
.nav ul li.on a{color: #fff;}
.nav ul li.on .subNav {display:block; }
.nav ul li.on .subNav dl{overflow:hidden;padding-top:1px; }
.nav ul li.on .subNav dl dd{height:auto;line-height:16px;text-align:center; }
.nav ul li.on .subNav dl dd a{ display: block; line-height:16px; font-weight:normal; color:#fff;padding:8px 5px 8px 5px;font-size:0.95rem; border-bottom:0.7px solid #b0c8e0;}
.nav ul li.on .subNav dl dd a:hover{ color:#ffffff;background-color:rgba(0,0,0,0.4); }
.wraq_header{ width:100%;top:0;left:0;position:relative; z-index:999; z-index:9999;position:fixed;top:0}
.snav{display: none;right:0px; width:100%;}
.mbtn5{display: none;width:100%;height: 35px;z-index: 1002;cursor:pointer;line-height: 35px; background-color:rgba(0,111,205,0.9)}
.mbtn_l{ float:left; color:#FFF; line-height:35px; width:80%; text-align:left; padding-left:1%}
.mbtn_r{width: 9%;height: 30px;margin-right: 16px;float: right;color:#292929;font-size: 20px;line-height: 32px;text-align: center;padding-top: 2px; background:url(../images/dh0.png) no-repeat 0 0}
.navm5{ width:100%; line-height: 30px; overflow: hidden; text-align: left; display: none;top:35px;left:0}
.navm5 li{border-bottom:1px solid #98add1;position: relative;background:rgba(211,232,249,0.9);}
.navm5 li a{ font-size:14px; line-height:18px; padding:7px 0px; color:#333; padding-left:13px; }
.navm5 li a:hover{color:#fff;}
.navm5 li span{ padding:10px 10px 0 0;float:right;margin-right:7px;color: #fff;cursor: pointer;}
.navm5 li.on{background: #98add1;}
.navm5 li.on a{ color:#000; width:100%; line-height:26px}
.navm5 dl{background:#6586bd;  color:#fff; }
.navm5 dl dd{ padding-left: 30px; line-height:26px; padding:8px 0px 8px 10px;border-bottom:1px solid #D8E2F1;}
.navm5 dl dd:last-child{border-bottom: none;}
.navm5 li.on dl dd a{ font-size:14px; color:#fff;font-weight:normal;display:inline; border:none; padding-left:10px; line-height:26px}
.navm5 li dl dd a{ font-size:14px; color:#FFF; font-weight:normal; display:inline; display:block; padding-left:10px;}
.navm5 li dl dd a:hover{ color:#292929;}
.snav .ser{width: 100%;}
.snav .nser{display: block;}
.subNavs{width:100%;overflow:hidden;display: none; background: #fff;}
@media screen (max-width:901px) and (max-width:2560px){
   .snav{display:block;}
   .mbtn5{display:block;}
  .header{background: none;}
  .nav{display:none;}
  .wraq_nav{display: none;}
}
@media screen  and (max-width:900px) {
   .snav{display:block;}
   .mbtn5{display:block;} 
   .navbg{display: none;}  
}
@media screen  and (max-width:425px) {
.logo{ float:right; margin:0 auto; width:100%;}
.link{ display:none}
}
.mainall{ width:96%; max-width:1400px; margin:0 auto; height:auto; }
.mainalla{ width:96%; max-width:1400px; margin:0 auto; height:auto; }
.picqh{ float:left; width:58%; padding-bottom:20px; text-align:left;padding-left:2%;}
.picqh img{ max-width:400px; width:100%;height:300px;}
.picqha{ width:96%; margin:0 auto; height:auto; max-width:1400px; margin-bottom:20px}
.picqha_nei{ width:98%; float:left; margin-left:0.5%; margin-right:0.5%; border-radius:8px; display:block; background-color:#f5faff; margin-bottom:6px;  height:70px;}
.xiao{ float:left; width:25%; text-align:center;padding-top:3%}
.xiao img{ width:100%; max-width:60px}
.xiaozi{ float:left; width:75%; text-align:left;padding-top:4%}
.xiaozi a{text-align:left; font-size:16px; color:#036; line-height:50px}
.xiaozi a:hover{color:#999; padding-left:2px}
@media screen  and (max-width:1024px) {
.picqha_nei{ width:98%; float:left; margin-left:0.5%; margin-right:0.5%; border-radius:5px; display:block; background-color:#f5faff; margin-bottom:6px;  height:70px;}
.xiao{ float:left; width:25%; text-align:center;padding-top:1%}
.xiao img{ width:100%; max-width:40px}
.xiaozi{ float:left; width:75%; text-align:left;padding-top:2%}
.xiaozi a{text-align:left; font-size:14px; color:#036; line-height:20px}
.xiaozi a:hover{color:#999; padding-left:2px}
}

@media screen  and (max-width:425px) {
.picqha{ float:left; width:96%; padding-top:2px ; padding-bottom:10px; margin-left:2%; margin-right:2%;}
.picqha_nei{ width:100%; margin:0 auto; border-radius:8px; display:block; background-color:#f5faff; margin-bottom:6px;  height:60px; }

.xiao{ float:left; width:25%; text-align:center;padding-top:2%}
.xiao img{ width:100%; max-width:50px}
.xiaozi{ float:left; width:75%; text-align:left;padding-top:3%}
.xiaozi a{text-align:left; font-size:18px; color:#036; line-height:40px}
.xiaozi a:hover{color:#999; padding-left:2px}
}

.bot{ width:100%; height:auto; background-color:#006fcd; max-height:160px; padding-top:20px; padding-bottom:20px}
.bot_left{ width:35%;  float:left; margin:0 auto;text-align:left; margin-right:5%;padding-top:20px;}
.bot_left img{ max-width:372px;}
.bot_center{ width:40%; float:left; margin:0 auto; text-align:left; margin-top:10px; padding-left:2%; font-size:14px; color:#fff1e6; line-height:25px; border-left:1px solid #FFF}
.bot_center a{font-size:14px; color:#fff1e6}
.bot_center a:hover{color:#FFF}
.bot_right{ width:15%;  float:right; margin:0 auto;text-align:right;padding-top:20px;}

@media screen  and (max-width:1024px) {
.bot_left{ width:35%; max-width:400px; float:left; margin:0 auto; font-size:12px; color:#a4a4a4; text-align:left; }
.bot_center{ width:48%; float:left; margin:0 auto; text-align:left; padding-left:3%; margin-left:4%}
.bot_right{ width:7%;  float:right; margin:0 auto;text-align:right;padding-top:20px; padding-right:2%}
}
@media screen  and (max-width:768px) {
.bot_left{ width:35%; max-width:400px; float:left; margin:0 auto; font-size:12px; color:#a4a4a4; text-align:left; }
.bot_center{ width:55%; float:left; margin:0 auto; text-align:left; padding-left:3%; margin-left:4%}
.bot_right{ display:none}
}
@media screen  and (max-width:425px) {
.mainalla{ width:100%; margin:0 auto; height:auto; }
.bot{ width:100%; height:auto; background-color:#006fcd; max-height:160px; padding-top:10px; padding-bottom:10px}
.bot_left{display:none}
.bot_center{ width:100%; margin:0 auto; text-align:left; margin-top:1px; border-left:0px solid #FFF}
.bot_center a{font-size:12px; color:#fff1e6}
.bot_center a:hover{color:#FFF}
}
.subPage_con{ display:none}
.concert_main{ margin:0 auto; width:100%; display:block; height: auto; max-width:1400px; margin-top:40px}
.aside_nava{margin:0 auto; float:left; background-color:#f1fbfe; width:20%;max-width:280px;min-width:220px;padding-bottom:5.0rem; margin-top:40px;border-top-left-radius:10px;border-top-right-radius:10px;}
.section_main{ width:77%; margin:0 auto;background-color:#FFF; float:right; }
.aside_nav{ width:100%; height:70px; line-height:70px; color:#000; background-color:rgba(241,251,254,1); text-align:center; font-size:1.5rem;max-width:280px; min-width:220px;
 border-top:4px solid #006fcd;border-bottom:2px solid #ff9a37;}
.aside_nav span{ line-height:98px; color:#FFF;text-align:center; font-size:1.8rem; font-family:"微软雅黑";}
.aside_nav1 ul li{ width:80%; margin:0 auto; border-bottom:1px dashed #cbcbcc; height:3.0rem; text-align:center;  display:block; padding-left:15% }
.aside_nav1 ul li a{line-height:3.0rem; font-size:1.0rem;  display:block; text-align:left;font-family:"微软雅黑";}
.aside_nav1 ul li a:hover{ color:#2d62b9;display:block; margin-left:3px}
.section_bt{ width:30%; margin:0 auto;line-height:48px; font-weight:500;color:#333; float:left; text-align:left; padding-left:1%; font-size:1.4rem;}
.section_bt span{ line-height:40px; font-weight:500;color:#000; font-size:1.5rem;font-family:"微软雅黑";}
.section_ad{ width:58%; margin:0 auto;line-height:20px; padding-top:15px;font-size:12px; color:#999; float:right; text-align:right; padding-right:3%}
.section_ad table{ float:right; text-align:right; margin:0 auto}
.section_ad table tbody tr td{font-size:12px; color:#999; float:right; text-align:right;}
.section_ad table tbody tr td span{font-size:12px; color:#999; }
.section_ad table tbody tr td span a{font-size:12px; color:#999;font-family:"微软雅黑";}
.section_ad table tbody tr td span a:hover{ color:#006600;}
.section_nr{ width:94%; margin:0 auto; border-bottom:1px solid #e3e3e3; height:50px; margin-top:30px; margin-bottom:20px}
.left_zl{ margin:0 auto; margin-top:10px; text-align:center}
.article_nr{ width:90%; line-height:1.8rem; font-size:1.0rem; margin:0 auto; text-align:left; padding:2%; min-height:500px; color:#666}
.article_nr p{line-height:1.8rem; font-size:1.0rem;  color:#666}
.article_nr h3{ width:100%; line-height:25px; font-size:1.4rem; text-align:center; color:#930; font-weight:500; margin:0 auto; margin-bottom:15px; padding:5px}
@media screen  and (max-width:1140px) {
.aside_nava{ display:none}
.section_bt{ width:40%; margin:0 auto;line-height:48px; font-weight:500;color:#333; float:left; text-align:left; padding-left:1%; font-size:1.4rem;}
.section_bt span{ line-height:40px; font-weight:500;color:#086b0a; font-size:1.3rem; font-family:"微软雅黑"}
.section_main{ width:100%; margin:0 auto;background-color:#FFF;  overflow:hidden; margin-bottom:30px} 
.section_ad{ display:none}
.subPage_con{width:100%;;position:relative;overflow:hidden;}
.sub_mbtn{width:100%;height:30px;background:url(../images/sub-mbtn02.png) no-repeat center center; background-color:#F6F6F6; border-bottom:1px solid #CCC;cursor:pointer;}
.open{background:url(../images/sub-mbtn.png) no-repeat center center;background-color:#578ab8;}
.sub_navm{ width:100%; overflow: hidden;display: none;}
.sub_navm h2{width:100%;height:48px;line-height:48px;background-color:#003c7f;}
.sub_navm h2 a{padding-left:13px;font-size:20px;display:block;color:#fff;}
.sub_navm ul{background-color:#fff;}
.sub_navm li{}
.sub_navm li a{ font-size:1.0rem; color:#515151; padding-left:13px;line-height:1.8rem;border-bottom:1px solid #d3d3d3;display:block;}
.sub_navm li a:hover{color:#0d5bb4; background-color:#e2f5fe; display:block}
.sub_navm li.sub_has span{ margin-left: 10px;}
.sub_navm li.on a{ color:#900; display:block; width:100%;}
}
@media screen  and (max-width:768px) {
.concert_main{ margin:0 auto; width:100%; display:block; height: auto; max-width:1400px; margin-top:5px}
}
.nr_zi{text-align:left; font-size:1.0rem; line-height:1.8rem; }
.nr_zi p{text-align:left; font-size:1.0rem; line-height:1.8rem;}
.news_bt{ width:100%; line-height:30px; font-size:1.4rem; text-align:center; color:#333; font-weight:500; margin:0 auto; margin-bottom:15px; padding:5px}
.fh{ width:100%; padding-bottom:30px; text-align:center; margin:0 auto; font-size:0.8rem; padding-top:20px}
.fh a{font-size:0.8rem; color:#616161}
.fh a:hover{color:#000}
.sz_r_time{text-align:right; height:auto; font-size:0.6em; color:#999; border-top:1px solid #CCC; padding-bottom:1.0rem; padding-top:0.5rem; }
.sz_r_timea{text-align:right; height:auto; font-size:0.6em; color:#999; padding-bottom:0.5rem;  margin-bottom:0.5rem;padding-top:0.9rem; border-top:1px solid #CCC;padding-right:30px}
@media screen  and (max-width:425px) {
  .nr_zi{text-align:left; font-size:0.9rem; line-height:1.6rem; }
  .nr_zi p{font-size:0.9rem; line-height:1.6rem;}
  .news_bt{ width:95%;font-size:1.1rem; line-height:1.5rem;}
  .sz_r_timea{text-align:right; height:auto; font-size:0.6em; color:#999; padding-bottom:0.5rem;  margin-bottom:0.5rem;padding-top:0.9rem; border-top:1px solid #CCC;padding-right:30px}
 .article_nr{ width:96%; line-height:1.6rem; font-size:0.9rem; text-align:left; margin:0 auto; padding:2%; min-height:500px; color:#666}
.article_nr p{line-height:1.6rem; font-size:0.9rem; text-align:left; color:#666}
.section_bt{ width:60%; margin:0 auto;line-height:48px; font-weight:500;color:#333; float:left; text-align:left; padding-left:1%; font-size:1.3rem;}
.section_bt span{ line-height:40px; font-weight:500;color:#086b0a; font-size:1.3rem; font-family:"微软雅黑"}
.section_nr{ width:94%; margin:0 auto; border-bottom:1px solid #e3e3e3; height:40px; margin-top:3px; margin-bottom:10px}
}
.list-content{padding:5px 0px; width:100%; min-height:270px;}
.list-content ul{list-style:none;margin-bottom:15px}
.list-content ul li{padding:0 1% 0 5px; height:40px; line-height:40px; width:98%; overflow:hidden; position:relative; color:#333; border-bottom:dashed 1px #CCCCCC}
.list-content ul li span{ width:20%; float:right; position:absolute; right:0; text-align:right; top:0; color:#999; font-size:0.8rem; }
.list-content ul li a{width:80%; float:left;color:#666; font-size:1.0rem;}
.list-content ul li a:hover{ color:#CCC;}
@media screen and (max-width:1124px) {
.list-content ul li a{width:75%; float:left;color:#666; font-size:1.0rem;}
.list-content ul li a:hover{ color:#CCC;}
.list-content ul li span{ width:25%; float:right; position:absolute; right:0; text-align:right; top:0; color:#999; font-size:0.8rem; }
}
@media screen and (max-width:500px) {
.list-content ul li a{width:96%; float:left;color:#666; font-size:1.0rem;}
.list-content ul li a:hover{ color:#CCC;}
.list-content ul li span{ display:none} 
}
.sy_left{ width:46%; float:left; margin-left:2%; margin-right:2% }
.sy_bt{ width:100%; border-bottom:1px solid #d7d7d7; border-top:1px solid #d7d7d7;line-height:40px; color:#036;  text-align:left}
.sy_bt font{ border-bottom:1px solid #0065c1; border-top:1px solid #0065c1; width:120px; float:left; text-align:center; color:#000000; font-size:1.13rem; line-height:40px}
.sy_bt span{text-align:right; line-height:40px; font-size:0.8rem; float:right}
.sy_bt span a{font-size:0.8rem; color:#999}
.sy_bt span a:hover{color:#039}
.sy_pic{width:100%; text-align:center; padding-top:10px;}
.sy_news{ width:100%; text-align:left; margin:0 auto}
@media screen  and (max-width:425px) {
.sy_left{ width:96%; float:left; margin-left:2%; margin-right:2% } 
p img { width:100%; border:0}

}

.news_pygz{ width:80%; font-size:1.4rem; color:#036; line-height:2.4rem; padding:5%; text-align:center; margin:0 auto}
.news_pygz1{ width:60%; margin:0 auto; text-align:center; height:auto}
.news_pygza{ width:50%; text-align:center; padding:5%; margin:0 auto; float:left;}
.news_pygza img{ width:100%; text-align:center; max-width:168px}
@media screen  and (max-width:1024px) {
.news_pygz{ width:90%; font-size:1.4rem; color:#036; line-height:2.4rem; padding:5%; text-align:center; margin:0 auto}
.news_pygz1{ width:60%; margin:0 auto; text-align:center; height:auto}


}
@media screen  and (max-width:768px) {
.news_pygz{ width:90%; font-size:1.2rem; color:#036; line-height:2.0rem; padding:5%; text-align:center; margin:0 auto}
.news_pygz1{ width:80%; margin:0 auto; text-align:center; height:auto; margin-top:40px}
}
@media screen  and (max-width:425px) {
.news_pygz{ width:94%; font-size:1.1rem; color:#036; line-height:1.8rem; padding:3%; text-align:center; margin:0 auto; margin-top:40px}
.news_pygz1{ width:80%; margin:0 auto; text-align:center; height:auto; margin-top:40px}
}
.height46{ display:block; height:46px; margin:0 auto}
@media screen  and (max-width:900px) {
 .height46{ display:none}

}
.syss{ width:18%;margin:0 auto; padding:0.5% 1%; margin-bottom:2px; float:right}
.inputt{ width:70%; float:left; background-color:#FFF; border:1px solid #a1bec4; font-size:12px; font-family:"宋体"; line-height:25px; text-align:left; padding-left:5px}
.ss_an{ width:22%; float:right; margin-left:2%; background-color:#004628; display:block;line-height:23px;color:#FFF;border:1px solid #0066bd}
.ss_an a{background-color:#0066bd; color:#FFF; font-size:12px; font-family:"宋体"; line-height:23px; text-align:center; display:block; border:1px solid #0066bd}
.ss_an a:hover{color:#FF0; display:block}
@media screen  and (max-width:768px) {
.syss{ display:none}
.link{ display:none}

}

.friend{height:auto;margin:0 auto;overflow:hidden;width:100%; max-width:1336px; margin-bottom:20px}
.mr_frbox{height:auto;}
.mr_frBtnL{cursor:pointer;display:inline;float:left;margin:3% 10px 0 0;width:2%;display:none;}
.mr_frUl{float:left;height:auto;width:90%;margin-left:10px;}
.mr_frBtnR{float:right;margin-top:3%;cursor:pointer;width:2%;}
.mr_frUl ul li{display:inline;float:left;width:17%;overflow:hidden;position:relative; margin-right:1px}
.mr_frUl ul li a img{width:100%;}

@media(max-width:768px) {
.mr_frBtnL{cursor:pointer;display:inline;float:left;margin:3% 10px 0 0;width:3%;}
.mr_frUl{float:left;height:auto;width:85%;margin-left:10px;}
.mr_frBtnR{float:right;margin-top:3%;cursor:pointer;width:3%;}
.mr_frUl ul li{display:inline;float:left;width:21%;overflow:hidden;position:relative; margin-right:1px}
.mr_frUl ul li a img{width:100%;} 


}


.pic_qh{ width:85%; padding:2%; margin:0 auto}
@media(max-width:425px) {
.mr_frBtnL{cursor:pointer;display:inline;float:left;margin:10% 10px 0 0;width:4%;}
.mr_frUl{float:left;height:auto;width:85%;margin-left:10px;}
.mr_frBtnR{float:right;margin-top:10%;cursor:pointer;width:4%;}
.mr_frUl ul li{display:inline;float:left;width:48%;overflow:hidden;position:relative; margin-right:1px}
.mr_frUl ul li a img{width:100%;} 
.pic_qh{ width:70%; padding:2%;}
}
@media screen  and (max-width:600px) {
.nr_zi img{ width:100%; margin:0 auto;}
.nr_zi p img{ width:100%; margin:0 auto;}
.article_nr img{ width:6%; margin:0 auto;}
.article_nr p img{ width:100%; margin:0 auto;}
.pic_qh{ width:70%; padding:1%;float: left;}

}


.pic_qh img{ width:100%; max-width:400px; text-align:center}
.linegray{ border-bottom:2px dashed #CCCCCC; margin-bottom:5px; height:5px; width:100%}


.sy_lefta{ width:32%; float:left; margin-right:2% }
.sy_leftb{ width:43%; float:left;margin-right:1.5% }
.sy_leftc{ width:20%; float:left;}

@media screen  and (max-width:600px) {
.sy_lefta{ width:98%; float:left; margin-right:1%;  margin-left:1%}
.sy_leftb{ width:96%; float:left; margin-left:2%; margin-right:2% }
.sy_leftc{ width:96%; float:left; margin-left:2%; margin-bottom:5px; margin-top:-5px}
}