@charset "utf-8";
html, body { height: 100%; }
body { font-family: "Microsoft YaHei", "SimSun"; font-size: 12px; line-height: 20px; color: #000; }
.top h2 { width: 700px; float: left; font-size: 28px; line-height: 40px; padding-top: 20px; text-align: center; display: none; margin: 0 10px; height: 40px; overflow: hidden; }
.top #share3 { float: right; display: inline; width: 290px; padding-top: 24px; display: none; }
.top #share3 img { margin: 0 12px; cursor: pointer; float: left; }
.top #share3 a { margin: 0 12px; float: left; }
.top #share3 .bds_tsina { width: 18px; height: 18px; padding: 0; background: url(../img/TA3.gif) no-repeat 50% 50%; }
.top #share3 .bds_weixin { width: 18px; height: 18px; padding: 0; background: url(../img/TA4.gif) no-repeat 50% 50%; }
.top #share3 .bds_more { width: 18px; height: 18px; padding: 0; background: url(../img/TA5.gif) no-repeat 50% 50%; }
a { color: #000; }
a:hover { text-decoration:none; }
.main { clear: both; width: 1200px; zoom: 1; overflow: hidden; margin: 45px auto 50px; }
.content { width: 800px; float: left; padding-left: 60px; }
.content h1 { font-size: 30px; line-height: 40px; font-weight: normal; padding-bottom: 25px; text-align: center; border-bottom: 1px solid #E0E0E0; }
.content .time { clear: both; padding: 8px 0 8px 0; font-size: 14px; color: #666; line-height: 26px; text-align: center; position: relative; margin-bottom: 15px; }
.content .time a { color: #666; }
.content .adr { position: absolute; left: 45px; top: 8px; }
.content #share { display: inline; position: absolute; top: 8px; right: 0; }
.content #share img { margin: 0 5px; cursor: pointer; float: left; }
.content #share a { margin: 0 5px; float: right; }
.content #share .bds_tsina { width: 18px; height: 18px; padding: 0; background: url(../img/TA3.gif) no-repeat 50% 50%; }
.content #share .bds_weixin { width: 18px; height: 18px; padding: 0; background: url(../img/TA4.gif) no-repeat 50% 50%; }
.content #share .bds_more { width: 18px; height: 18px; padding: 0; background: url(../img/TA5.gif) no-repeat 50% 50%; }
.content .text { clear: both; font-size: 18px; line-height: 1.8em; }
.content .text p { padding-bottom: 20px; }
.content .text .depict { font-size: 14px; color: #888; text-align: center; width: 700px; margin: 0 auto; }
#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; }
.content #share1 { clear: both; text-align: right; }
.content #share1 img { margin: 0 5px; cursor: pointer; }
.content #share1 a { margin: 0 5px; float: right; }
.content #share1 .bds_tsina { width: 18px; height: 18px; padding: 0; background: url(../img/TA3.gif) no-repeat 50% 50%; }
.content #share1 .bds_weixin { width: 18px; height: 18px; padding: 0; background: url(../img/TA4.gif) no-repeat 50% 50%; }
.content #share1 .bds_more { width: 18px; height: 18px; padding: 0; background: url(../img/TA5.gif) no-repeat 50% 50%; }
.content #share1 .bds_qzone { display: none; }
.right { width: 290px; float: right; }
.right h2 { clear: both; height: 42px; text-align: center; border-top: 3px solid #261D15; border-bottom: 1px solid #C8C8C8; font-size: 16px; color: #261D13; line-height: 42px; margin-bottom: 20px; }
.right h2 span { display: inline-block; padding: 0 19px; background: url(../img/bg2.gif) no-repeat left center; }
.right h3 { clear: both; height: 18px; background: url(../img/s1.gif) repeat-x 50% 50%; margin: 0 0 27px; }
.right h3 span { display: inline-block; padding-left: 19px; background: url(../img/bg2.gif) no-repeat 0 50% #fff; padding-right: 10px; font-size: 18px; line-height: 1em; float: left; }
.r1 { clear: both; width: 290px; height: 140px; position: relative; margin-bottom: 20px; }
.r1 img { width: 290px; height: 140px; }
.r1 span { position: absolute; display: inline-block; background-color: #FF7F00; height: 25px; padding: 0 15px; font-size: 14px; color: #fff; line-height: 25px; position: absolute; left: 0; top: 0; }
.r1 span a { color: #fff; }
.r2 { clear: both; margin-bottom: 10px; }
.r2 li { text-align: center; padding-bottom: 10px; font-size: 14px; }
.r2 li img { width: 290px; margin-bottom: 5px; }
.r3 { clear: both; }
.r3 dl { clear: both; zoom: 1; overflow: hidden; padding-bottom: 30px; }
.r3 dt { width: 153px; height: 85px; float: left; }
.r3 dt .plbtn { display: none; }
.r3 dt img { width: 153px; height: 85px; }
.r3 dd { width: 120px; float: right; font-size: 14px; }
.r3 dd span, .r3 dd span a { color: #DA3D3D; }
.r3 dd span { margin-right: 6px; }
.r4 { clear: both; margin-bottom: 20px; }
.r4 li { padding: 7px 0 7px 20px; background: url(../img/dian.gif) no-repeat 7px 15px; color: #222; font-size: 14px; }
.r4 li a { color: #222; }
.ewm { position: fixed; left: 50%; top: 320px; margin-left: 625px; z-index: 10; }
.adr a { font-size: 14px; font-weight: bold; }
.leftSideBox { position: fixed; left: 50%; width: 50px; top: 50%; margin-left: -675px; display: none; }
.leftSideBox div { width: 48px; height: 48px; border: 1px solid #aaa; color: #aaa; text-align: center; margin-bottom: 15px; }
.leftSideBox div a { color: #aaa; }
.leftSideBox div:hover { border: 1px solid #EB5A53; color: #EB5A53; }
.leftSideBox div:hover a { color: #EB5A53; text-decoration: none; }
.leftSideBox .mailBox { font-size: 12px; line-height: 14px; padding-top: 10px; height: 38px; }
.leftSideBox .uparr { font-size: 22px; font-weight: bold; line-height: 36px; cursor: pointer; }
#vf { width: 700px; margin: 0 auto; }
#videoarea { margin: 0 auto; }
 @media screen and (max-device-width:480px) {
 @charset "utf-8";
html,  body { -webkit-text-size-adjust: none; }
html { font-size: 312.5%; }
body { font: 0.3rem/0.54rem 'Microsoft YaHei', sans-serif; color: #333; }
a { color: #333; }
a:hover { color: #EB5A53; }
a:visited { color: #666 !important; }
.top,  .footer,  .time #share,  .time .adr,  .r1,  .r3 dd span,  .time .share,  #share1 .txtsub,  #share1 .txtplus { display: none; }
.topEmpty { height: 0.8rem !important; }
.main { width: 95%; margin: 0 auto; }
.content { width: 100%; float: none; padding: 0; }
.content h1 { font-size: 0.4rem; padding-bottom: 0.25rem; line-height: 0.6rem; font-weight: bold; }
.content .text { font-size: 0.3rem; line-height: 0.6rem; padding-bottom: 0.4rem; }
.content .text p { padding-bottom: 0.2rem; }
.content img { max-width: 100%; }
.content .text .depict { width: 100%; line-height: 0.5rem; }
.content .time { text-align: left; padding: 0.08rem 0; margin-bottom: 0.1rem; }
.right { width: 95%; margin: 0 auto; float: none; }
.right h2,  .right h3 { height: 0.6rem; border-bottom: 1px solid #5B5650; border-top: none; margin-bottom: 0.4rem; }
.right h2 span,  .right h3 span { float: left; display: inline-block; background-color: #444; background-image: none; color: #fff; font-weight: normal; font-size: 0.3rem; line-height: 0.6rem; border-top-left-radius: 0.08rem; border-top-right-radius: 0.08rem; padding: 0 0.4rem; }
.r2 li { text-align: left; font-size: 0.3rem; }
.r2 li img { width: 100%; }
.r3 dl { padding-bottom: 0.3rem; }
.r3 dt { width: 100%; height: 3.82rem; float: none; position: relative; }
.r3 dt img { width: 100%; height: 3.82rem; }
.r3 dd { clear: both; float: none; width: 100%; font-size: 0.3rem; line-height: 0.54rem; padding-top: 0.05rem; }
.r3 dt .plbtn { display: inline-block; width: 0.77rem; height: 0.77rem; position: absolute; left: 50%; top: 50%; margin: -0.33rem 0 0 -0.33rem; background: url(../img/play.png) no-repeat 0 0; background-size: 100% 100%; }
.r4 { margin-bottom: 0.4rem; padding-left: 0.4rem; list-style-type: disc; }
.r4 li { background: none; padding: 0.07rem 0px; font-size: 0.3rem; }
.content #share1 { height: 1.1rem; text-align: center; margin-bottom: 0.66rem; }
.content #share1 a { float: none; display: inline-block; margin: 0 0.4rem; }
.content #share1 .bds_qzone { width: 1.1rem; height: 1.1rem; padding: 0; background: url(../img/f3.gif) no-repeat 50% 50%; display: inline-block; background-size: 100% auto; }
.content #share1 .bds_tsina { width: 1.1rem; height: 1.1rem; padding: 0; background: url(../img/f2.gif) no-repeat 50% 50%; background-size: 100% auto; }
.content #share1 .bds_weixin { width: 1.1rem; height: 1.1rem; padding: 0; background: url(../img/f1.gif) no-repeat 50% 50%; background-size: 100% auto; }
.content #share1 .bds_more { display: none; }
#vf { width: 100%; margin-bottom: 0.3rem; }
}