@charset "utf-8";
/* CSS Document */
body { font-family: "Microsoft YaHei", "΢ÈíÑźÚ"; font-size: 12px; color: #000; line-height: 20px; background: url(/css/b5.gif) repeat-y top center #f6f6f6; }
a { font-family: "Microsoft YaHei", "΢ÈíÑźÚ"; font-size: 12px; color: #000; line-height: 20px; text-decoration: none; }
a:hover { text-decoration: underline; }
.w980 { width: 980px; }
.w690 { width: 690px; }
.w272 { width: 272px; }
.main { clear: both; margin: 0 auto; zoom: 1; overflow: hidden; padding: 0 0 45px 0; background: url(/css/s2.gif) repeat-y 689px 0; }
.left { float: left; }
.left h1 { padding: 18px 20px 0 0; background: #fff; line-height: 44px; font-size: 25px; font-weight: normal; text-align: center; font-family: '΢ÈíÑźÚ'; }
#videoarea { width: 600px; height: 338px; margin: 0 auto; background:#000; }
.adr { clear: both; border-top: 1px solid #E0E0E0; text-align: center; width: 100%; height: 38px; position: relative; font-size: 12px; line-height: 38px; color: #666; overflow: hidden; }
.adr a { font-size: 12px; line-height: 38px; color: #666; }
.adr p { position: absolute; height: 38px; display: inline; left: 0; top: 0; }
.content { clear: both; padding: 12px 0 30px 0; font-size: 14px; line-height: 24px; color: #343434; width: 100%; }
.content img { max-width: 620px; }
.content p { margin: 0px 3px 15px;line-height: 32px; }
.content a { font-size: 14px; line-height: 32px; color: #343434; }
#autopage { clear: both; text-align: center; padding: 0 0 30px 0; font-weight: bold; color: #474b49; font-size: 14px; }
#autopage span { line-height: 35px; color: #D50001; display: inline-block; width: 33px; height: 33px; text-align: center; font-size: 14px; }
#autopage a { display: inline-block; width: 33px; height: 33px; text-align: center; line-height: 33px; font-size: 14px; border: 1px solid #fff; }
#autopage a:hover { border: 1px solid #D62B34; }
.share { clear: both; width: 100%; height: 38px; border-bottom: 1px solid #DBDBDB; }
.share1 { width: 300px; height: 38px; float: left; padding-left: 20px; }
.share2 { width: 220px; height: 38px; float: right; }
.share2 span { float: left; display: inline-block; padding-left: 33px; margin-left: 30px; color: #666; line-height: 30px; }
.share2 span a { line-height: 30px; }
.share2 span.print { background: url(/css/s17.gif) no-repeat 0 0; }
.share2 span.fav { background: url(/css/s18.gif) no-repeat 0 0; }
.state { clear: both; padding: 20px 0 0 20px; font-size: 14px; color: #666; line-height: 28px; }
.right { float: right; padding-top: 62px; }
.right h1 { height: 40px; clear: both; border-top: 3px solid #333; border-bottom: 1px solid #E0E0E0; clear: both; text-align: center; }
.right h1 span { display: inline-block; font-size: 16px; line-height: 40px; padding-left: 16px; background: url(/css/s3.gif) no-repeat 0 13px; }
.right h1 a { font-size: 16px; line-height: 40px; }
.right ul.list { clear: both; padding: 11px 0 21px 0; }
.right ul.list li { clear: both; padding-left: 11px; background: url("/css/a5.gif") no-repeat scroll 0 13px; line-height: 30px; text-align: left; }
.right ul.list li a { line-height: 30px; }
.footer { clear: both; margin: 0 auto; padding: 12px 0 5px 0; border-top: 3px solid #474B49; text-align: center; }
.footer1 { clear: both; margin: 0 auto; padding: 12px 0 5px 0; border-top: 3px solid #474B49; text-align: center; display: none; }
.atop { padding-top: 65px; width: 100%; position: fixed; top: 0; left: 0; background: url(/css/logo.jpg) no-repeat top center #fff; display: none; }
.atop p { text-align: center; height: 49px; text-align: center; border-top: 3px solid #474B49; line-height: 40px; font-size: 14px; color: #CCC; }
.atop p a { line-height: 40px; font-size: 14px; color: #000; font-weight: bold; margin: 0 11px; }

.footer { width: 980px; margin: 0 auto; clear: both; text-align: center; border-top: 3px solid #474B49; padding: 12px 0 5px 0; }
.footer .left{    width: 265px;    float: left;    text-align: right;}
.footer .right{    width: 700px;    float: right;    line-height: 27px;padding-top: 0px}
.artsearch { margin-left: -260px; position: absolute; left: 50%; top: 170px; }
.wx { width: 120px; height: 170px; position: fixed; left: 50%; top: 310px; margin-left: 520px; background: url(/css/160229-wx.jpg) no-repeat 0 0; _position: absolute;  _top: expression(documentElement.scrollTop + documentElement.clientWidth * 0.3 + "px");
}

@media screen and (max-width: 480px) {
body { -webkit-text-size-adjust: none; }
.top { display: none; }
.atop { display: block; }
.main { background: none; padding-top: 117px; }
#videoarea { width: 300px; height: 169px; margin: 0 auto; }
#videoarea video { width: 300px; height: 169px; }
.right, .share2 { display: none; }
.w980, .w690 { width: 100%; }
.w690 { float: none; }
.adr p { display: none; }
.content { box-sizing: border-box; padding: 12px 10px 30px; }
.footer { display: none; }
.footer1 { display: block; padding: 12px 20px 5px; }
}
.top { width: 963px; margin: 0 auto; height: 57px; padding: 24px 17px 24px 0; }
.top1 { width: 312px; float: left; display: inline; margin-right: 76px; }
.top dl { width: 287px; height: 28px; float: left; margin-top: 22px; padding: 0 1px; background: url(/css/a1.gif); }
.top dd { width: 255px; float: left; overflow: hidden; }
.top dt { width: 30px; height: 28px; float: right; }
.top dt input { width: 30px; height: 28px; border: 0; cursor: pointer; background: none; }
.top3 { width: 177px; float: right; }
.nav { clear: both; width: 100%; height: 49px; border-top: 3px solid #474B49; line-height: 40px; font-size: 14px; color: #CCC; background: url(/css/b5.gif) repeat-y top center #f6f6f6; }
.nav div { width: 980px; height: 49px; position: relative; margin: 0 auto; overflow:hidden; }
.nav a { line-height: 40px; font-size: 14px; color: #000; font-weight: bold; }
.nav span.app { padding: 0; line-height: 40px; font-size: 14px; color: #000; font-weight: bold; margin: 0 11px; }
.nav p { width: 175px; height: 20px; overflow: hidden; position: absolute; right: 0; bottom: 0; font-family: Arial; font-size: 14px; font-weight: bold; line-height: 20px; display: none; }
.nav p a { font-family: Arial; font-size: 14px; line-height: 20px; margin:0 4px; }
.nav p a:hover { color: #c00; }
.keyW { display: none; }
.nav span { padding: 0 16px; }
.top { width: 980px; margin: 0 auto; height: 57px; padding: 24px 0; }
.top1 { width: 312px; float: left; display: inline; margin-right: 76px;padding-bottom:12px; }
.top dl { width: 287px; height: 26px; float: left; margin-top: 22px; padding: 1px; background: url(/css/a1.gif); }
.top dd { width: 257px; float: left; overflow: hidden; }
.top dd input {width: 230px;
height: 26px;
padding: 0px 13px;
line-height: 26px;
color: #CCC; }
.top dt { width: 30px; height: 26px; float: right; }
.top dt input { width: 30px; height: 26px; background: url(/css/a2.gif); border: 0; cursor: pointer; }
.top3 { width: 139px; float: right; }
.nav { clear: both; width: 100%; height: 49px; text-align: center; border-top: 3px solid #474B49; line-height: 40px; font-size: 14px; color: #CCC; }
.nav a { line-height: 40px; font-size: 14px; color: #000; font-weight: bold; margin: 0 3px; }