﻿/* public */
html,body,form,ol,ul,li,div,p,dl,dt,dd,h1,h2,h3,h4,h5,h6,table,th,td,font,em,ins,span,a{margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,button,input,select,textarea{font-size:100%;font-weight:normal}
html{_filter:expression(document.execCommand("BackgroundImageCache",false,true));}
ul,li,div,dl,dt,dd{list-style:none;}
h1.wm-public{height:0px; line-height:0px; font-size:0px;}
a{text-decoration:none;}
a{blr:expression(this.onFocus=this.blur());outline:none;}
img{border:0;}
font,em{font-style:normal; font-family:\5b8b\4f53;}
label{vertical-align:middle; font-family:tahoma;}
textarea,input{resize:none; outline:none;}
ins{float:right; text-decoration:none; font-weight:normal;}
.pub_wsp{word-wrap:break-word; word-break:break-all;}
.pub_abso{vertical-align:middle;}
.pub_clr{clear:both;font-size:0;height:0;line-height:0;overflow:hidden;}
.pub_ani{-webkit-transition:0.4s;-moz-transition:0.4s;-ms-transition:0.4s;-o-transition:0.4s;transition:0.4s;}
.pub_yh{font-family:"Microsoft YaHei";}
.pub_btn{display: block; overflow: hidden; text-indent: -999px; cursor: pointer; margin: 0 auto;}
.pub_btn:hover{background-position: 0 bottom;}
.pub_le{float: left}
.pub_lr{float: right;}
.pub_ib{text-align: center; display: table; word-spacing:-1em;}
.pub_text1{display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.pub_text2{overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.pub_table{border-collapse: collapse; width: 100%;}
.none{display:none;}
body{background:#FFF; font-size:12px; font-family:"Microsoft YaHei",Verdana,Geneva,sans-serif,\5b8b\4f53; min-width: 1200px;}
.top{background: #FFF; width: 100%; height: 64px; position: fixed; left: 0; top: 0; box-shadow: 0 2px 4px #ccc; z-index: 10;}
.topTitle{float: left; height: 64px; line-height: 64px; font-size: 18px; padding-left: 20px;}

.loginTop{height: 64px; float: right;}

.logBox{float: right; padding-top: 18px; padding-left: 30px; padding-right: 10px;}
.logBox span{float: left; height: 26px; line-height: 26px; font-size: 14px; padding-right: 10px;}
.logBox a{float: left; width: 46px; height: 26px; border: 1px solid #888b8c; border-radius: 5px; color: #979abc; line-height: 26px; text-align: center; cursor: pointer;}
.logBox a:hover{color: #000;}

.nav{width: 350px; height: 34px; background: url(../images/d.png) repeat-x 0 bottom; float: right; padding-top: 15px;}
.nav a{float: left; width: 60px; text-align: center; height: 32px; line-height: 32px; font-size: 14px; text-align: center; color: #303133; cursor: pointer; margin-right:36px;}
.nav a:last-child{margin: 0;}
.nav a:hover,.nav a.on{border-bottom: 2px solid #409eff;color: #409eff;}

#content{position: relative; min-width: 1200px; padding-top: 64px;}
.section{position: relative;}
.publicMain{width: 1200px; margin: 0 auto; position: relative;}
.section1{height: 600px;}
.lunbo{height: 600px; width: 100%; overflow: hidden; position: relative;}
.lunbo img{display: block; margin: 0 auto; width: 1000px; height: 600px;}
.swiper{width: 100%;height: 100%;}
.swiper-pagination-bullet{width: 30px; height: 2px; background:#ddd; border-radius: 0;}
.swiper-pagination-bullet-active{background: #FFF;}


.section2{background: #f2f7fa; height: 140px; font-size: 16px;}
.section2 span{display: block; line-height: 140px; text-align: center; color: #b3b2b2;}
.section2 div{float: right; width: 170px; padding-top: 60px;}
.section2 div a{color: #b3b2b2; cursor: pointer;}

.section3{padding: 40px 0;}
.section3 .publicMain{width: 800px;}
.indexMusic .musiclist{height: 200px; position: relative; border-bottom: 1px solid #ccc; margin-bottom: 20px;}
.indexMusic .musicTitle{height: 50px; line-height: 50px; font-size: 16px; padding: 18px 0;}
.indexMusic .musicTitle span{font-weight: bold; font-size: 20px; padding-right: 5px;}
.indexMusic .musicTitle span.c0{color: #d81e06;}
.indexMusic .musicTitle span.c1{color: #1296db;}
.indexMusic .musicTitle span.c2{color: #1afa29;}
.indexMusic .musicLink a{float: left; width: 72px; height: 46px; line-height: 46px; text-align: center; background: #e4e4e4; border: 1px solid #969191; border-radius: 5px; font-size: 14px; color: #000; cursor: pointer; margin-right: 16px;}
.indexMusic .musicImg{display: block; width: 250px; position: absolute; right: 0; top: 0;}

.indexMusic .musicPlay{position: relative; height: 62px; border-bottom: 1px solid #ccc; padding-bottom: 20px;}
.indexMusic .musicPlayImg{float: left; width: 84px; height: 62px;}
.indexMusic .musicPlayTitle{float: left; width: 215px; padding-left: 22px; line-height: 24px; padding-top: 8px;}
.indexMusic .musicPlayTitle strong{display: block; font-weight: normal; font-size: 16px; color: #000;}
.indexMusic .musicPlayTitle span{display: block; font-weight: normal; font-size: 14px; color: #888888;}
.indexMusic .musicPlayAudio{float: right; width: 430px;}
.indexMusic .musicPlayAudio audio{width: 100%;}

.section10 .publicMain{width: 1200px;}
.tempTitle{padding: 60px 0 0 0; font-size: 14px; color: #757373; line-height: 20px;}
.templistMusic .musiclist{height: 80px; position: relative; background: #efefef; margin-bottom: 20px; border-radius: 10px;}
.templistMusic .musicTitle{height: 80px; line-height: 80px; font-size: 16px; padding: 0 0 0 120px; float: left;}
.templistMusic .musicTitle span{font-weight: bold; font-size: 20px; padding-right: 5px;}
.templistMusic .musicTitle span.c0{color: #d81e06;}
.templistMusic .musicTitle span.c1{color: #1296db;}
.templistMusic .musicTitle span.c2{color: #1afa29;}
.templistMusic .musicLink{float: right; width: 192px; padding-top: 26px;}
.templistMusic .musicLink a{float: left; width: 80px; height: 28px; line-height: 28px; text-align: center; background: #409eff; border-radius: 3px; font-size: 14px; color: #FFF; cursor: pointer; margin-right: 10px;}
.templistMusic .musicImg{display: block; height: 60px; position: absolute; left: 20px; top: 10px;}

.templistMusic .musicPlay{position: relative; height: 62px; padding-bottom: 20px; width: 800px; margin: 0 auto;}
.templistMusic .musicPlayImg{float: left; width: 84px; height: 62px;}
.templistMusic .musicPlayTitle{float: left; width: 215px; padding-left: 22px; line-height: 24px; padding-top: 8px;}
.templistMusic .musicPlayTitle strong{display: block; font-weight: normal; font-size: 16px; color: #000;}
.templistMusic .musicPlayTitle span{display: block; font-weight: normal; font-size: 14px; color: #888888;}
.templistMusic .musicPlayAudio{float: right; width: 430px;}
.templistMusic .musicPlayAudio audio{width: 100%;}

.publicText{width: 1000px; margin: 0 auto; padding-bottom: 50px;}
.publicText h2{font-size: 24px; color: #363636; line-height: 40px; padding: 20px 0; text-align: center; font-weight: bold;}
.publicText h3{text-indent: 2em; font-size: 14px; line-height: 30px; font-weight: bold;}
.publicText h4{text-indent: 2em; font-size: 14px; font-weight: bold; background: #efefef; line-height: 44px; color: #000; border-radius: 12px;}
.publicText p{text-indent: 2em; font-size: 14px; line-height: 30px; margin-bottom: 12px;}
.publicText p u{font-weight: bold; text-decoration: underline;}

.wrap{min-height: 1000px;}

.loginMain{width: 600px; height: 450px; position: absolute; left: 50%; top: 50%; margin: -260px 0 0 -300px;}
.loginMain h2{text-align: center; font-size: 18px; color: #333; line-height: 100px;}
.logInput{height: 70px; width: 400px; margin: 0 auto;}
.logInput input{width: 380px; height: 38px; display: block; border: 0 none; border-bottom: 1px solid #dcdcdc; font-size: 14px; color: #000; padding: 0 10px;}
.logInput input.on{border-bottom: 1px solid #f56c6c;}
.logInput span.msg{display: block; text-align: right; color: #f56c6c; width: 100%;}
.loginBtn{padding-top: 10px;}
.loginBtn a{display: block; width: 400px; height: 42px; line-height: 42px; text-align: center; background: #ff7963; font-size: 14px; color: #FFF; margin: 0 auto; border-radius: 42px; cursor: pointer;}
.loginLink{text-align: center; font-size: 16px; color: #999; line-height: 40px;}
.loginLink  a{cursor: pointer;}

.footer{background: #353334; padding: 25px 0; line-height: 40px; color: #a6a6a6; font-size: 16px; text-align: center;}
.footer div a{color: #a6a6a6; margin: 0 15px; cursor: pointer;}
.footer a.govImg{display: block; width: 50px; height: 71px; background: url(../images/sentrybox.gif) no-repeat 0 0; position: absolute; left:258px; top: 20px; z-index: 10;}

.popFiex{width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0,0,0,0.8); z-index: 1000; display: none;}
.popMain{width: 530px; height: 400px; position: fixed; left: 50%; top: 50%; margin: -200px 0 0 -265px; background: #FFF; border-radius: 5px;}
.close{width: 50px; height: 50px; text-align: center; display: block; position: absolute; right: 0px; top: 0px; cursor: pointer; line-height: 50px; font-size: 14px; color: #333; font-family: arial;}
.popImg{padding: 60px 0 0 0; height: 262px;}
.popImg img{display: block; margin: 0 auto; border: 20px solid #CCc;}
.popText{text-align: center; line-height: 30px; font-size: 18px; color: #737478;}

