@charset "utf-8";
html, body { height: 100%; }
body { font-family: "Microsoft YaHei", "SimSun"; font-size: 12px; line-height: 20px; color: #000; }
a { color: #000; }
a:hover { text-decoration:none; }
.mobile_more, .addr, .mobile_cont { display: none; }
.adr { clear: both; width: 1200px; height: 38px; margin: 0 auto; text-indent: 60px; font-size: 12px; color: #666; line-height: 38px; }
.adr a { color: #666; margin: 0 5px; }
.topEmpty { margin-bottom: 10px; }
.video { clear: both; width: 1200px; height: 473px; margin: 0 auto 30px; background-color: #2E3338; }
.play { width: 840px; height: 473px; float: left; position: relative; }
.playbk { width: 840px; height: 473px; position: relative; }
.playbk img { width: 840px; height: 473px; }
.playbk span { position: absolute; left: 50%; top: 50%; z-index: 1; width: 70px; height: 70px; margin: -35px 0 0 -35px; background: url(../img/bigplay.png) no-repeat 0 0; cursor: pointer; }
.playbk p { width: 100%; height:70px; position: absolute; left: 0; bottom: 0; text-align: center; font-size: 22px; color: #fff; line-height: 70px; text-shadow: 1px 1px 0px #000; background:url(../img/sd2.png) repeat-x left bottom; background-size:auto 100%; }
.playing { width: 840px; height: 473px; position: absolute; left: 0; top: 0; z-index: 2; display: none; }
.playsrc { display: none; }
.playlist { width: 320px; height: 423px; padding: 0 15px 0 0; margin: 25px 6px 25px 0; float: right; overflow-x: hidden; overflow-y: scroll; }
 .playlist::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: 10px;
    /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
}
 .playlist::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: 10px;
 -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
 background: #EDEDED;
}
 .playlist::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
 border-radius: 10px;
 background: #2E3338;
}
.playlist li { clear: both; width: 318px; zoom: 1; overflow: hidden; background: url(../img/s9.gif) repeat-x left bottom; padding: 10px 0; }
.playlist li img { width: 153px; height: 86px; transition: all 0.5s; }
.playlist li:hover img { transform: scale(1.2, 1.2); }
.playlist li .pic { width: 153px; height: 86px; float: left; overflow: hidden; position: relative; }
.playlist li.cur .pic { border: 3px solid #EB5A53; }
.playlist li p { width: 153px; float: right; font-size: 14px; color: #FFF; line-height: 28px; opacity: 0.6; }
.playlist li p a { color: #FFF; line-height: 28px; }
.playlist li.cur p.link { display: block; opacity:1; }
.playlist li.cur p.link a:hover { color: #EB5A53; }
.playlist li.cur p.wenz { display: none; }
.playlist li p.link { display: none; }
.playlist li p.wenz { display: block;  }
.playlist li p.wenz:hover { color: #EB5A53; opacity: 0.8; }
.playlist li .vdsrc { display: none; }
.playlist li .plbtn { width: 29px; height: 29px; position: absolute; left: 0; bottom: 0; z-index: 2; background: url(../img/noplay.png); }
.playlist li .lm { display: inline-block; font-size: 13px; line-height: 20px; color: #EB5A53; text-align: center; margin-right: 5px; }
.playlist li .lm a { color: #EB5A53; }
.playlist li .xx, .playlist li .xx a { color: #fff; }
.playlist li .xx a:hover { color: #EB5A53; }
.menu1 { clear: both; width: 1140px; height: 24px; margin: 0 auto 20px; border-bottom: 1px dashed #CCC; font-size: 18px; line-height: 1em; }
.menu1 h2 { float: left; display: inline; text-indent: 18px; background: url(../img/bg2.gif) no-repeat 0 4px; }
.menu1 h2 a { float: none; color: #000; font-size: 18px; line-height: 1em; }
.menu1 a { float: right; font-size: 12px; color: #666; line-height: 24px; }
.vdo { clear: both; width: 1140px; overflow: hidden; margin: 0 auto 30px; }
.vdo ul { width: 1300px; zoom: 1; overflow: hidden; }
.vdo li { width: 120px; float: left; display: inline; position: relative; margin-right: 50px; font-size: 12px; }
.vdo li img { width: 120px; height: 120px; margin-bottom: 6px; }
.vdo li span { width: 29px; height: 29px; display: block; background: url(../img/noplay.png) no-repeat 0 0; position: absolute; left: 0; top: 91px; z-index: 1; }
.roll { clear: both; width: 1140px; overflow: hidden; margin: 0 auto 30px; }
.roll .No { width: 90px; height: 20px; float: right; text-align: center; font-size: 12px; color: #666; }
.roll .No .sL, .roll .No .sR { color: #CCC; cursor: pointer; }
.roll .No .sL.cur, .roll .No .sr.cur { color: #666; }
.roll .No .sL { float: left; }
.roll .No .sR { float: right; }
.roll .main { clear: both; zoom: 1; overflow: hidden; }
.roll .main ul { zoom: 1; overflow: hidden; float: left; }
.roll .main li { width: 245px; float: left; display: inline; margin-left: 33px; text-align: center; font-size: 14px; position: relative; }
.roll .main li img { width: 245px; height: 136px; margin-bottom: 6px; }
.roll .main li span { width: 29px; height: 29px; display: block; background: url(../img/noplay.png) no-repeat 0 0; position: absolute; left: 0; top: 106px; z-index: 1; }
.ewm { position: fixed; left: 50%; top: 320px; margin-left: 625px; z-index: 10; }
 @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; }
.topEmpty { height: 1.1rem; margin: 0; }
.main { width: 100%; margin: 0; padding: 0; }
.top,  .footer,  .video,  .vdo,  .menu1,  .roll,  #autopage { display: none; }
.addr { width: 100%; height: 0.6rem; text-indent: 0.37rem; line-height: 0.6rem; text-align: left; background: url(../img/sed1.gif) no-repeat 0.14rem 0.2rem; background-size: auto 25%; display: block; font-weight:bold; }
.mobile_cont { display: block; }
.mobile_cont li { background-color: #2E3338; position: relative; }
.mobile_cont li img { width: 100%; height: 4.15rem; }
.mobile_cont li p { width: 100%; box-sizing: border-box; padding: 0.1rem 0.25rem 0.4rem 0.25rem; font-size: 0.3rem; line-height: 0.54rem; color: #fff; }
.mobile_cont li p a { color: #fff; }
.mobile_cont li p a:visited { color: #777; }
.mobile_cont li p a:hover { color: #EB5A53; }
.mobile_cont li .plbtn { width: 0.77rem; height: 0.77rem; position: absolute; left: 50%; top: 1.7rem; margin: 0 0px 0 -0.38rem; background: url(../img/play1.png) no-repeat 50% 50%; background-size: 100% auto; }
.mobile_more { clear: both; padding: 0.16rem 0px; text-align: center; background-image: url(../img/more1.gif); background-repeat: no-repeat; background-position: 50% 50%; background-size: auto 60%; background-color: #2E3338; height: 0.76rem; display: block; }
}