@charset "utf-8";
/*CSS Reset*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td,form { padding: 0; margin: 0; }
ol, ul, dl {list-style: none; }
body {font: 12px/1.5 "Microsoft YaHei",simsun, tahoma; color: #333; background: #19161f; word-break: break-all; word-wrap: break-word }
img {border: none }
table{border-collapse: collapse; border-spacing: 0 }
input,textarea,select { font: 14px simsun, tahoma; outline: none }
a {color: #6da4e8; text-decoration: none; }
a:hover { text-decoration: underline }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100% }
.clearfix:after { visibility: hidden; display: block; content: ""; clear: both; font-size: 0; height: 0; }
.clearfix {zoom:1; }
.relative{position:relative;left:0;top:0;overflow:hidden;zoom:1;}
.none{display:none;}

/*main*/
.t_hide{text-indent: -999em; overflow: hidden;}.t_right{text-align: right;} .t_center{text-align: center;}

.sfull_bg{ background:#19161f url(//images.17173cdn.com/2015/v/07/02/full_bg.jpg) no-repeat center top; width: 100%;}
.swrapper{ width: 1002px; margin:0 auto; text-align: center; position: relative;}
.sheader{ position: relative; }
.sheader a.slogo{ display: block; width: 200px; height: 75px; position: absolute; left:30px; top: 20px; }
.sheader h2,.sheader h2{ position: absolute;}
.sheader01{ background: url(//images.17173cdn.com/2015/v/07/02/header01.jpg) no-repeat; height: 200px;}
.sheader02{ background: url(//images.17173cdn.com/2015/v/07/02/header02.jpg) no-repeat; height: 200px;}
.sheader03{ background: url(//images.17173cdn.com/2015/v/07/02/header03.jpg) no-repeat; height: 180px;}

.sheader a.btn_com{ width: 262px; height: 70px; display: block; position: absolute; left: 366px; top: 454px; }
.sheader a.btn_com:hover{ background:url(//images.17173cdn.com/2015/live/06/17/btn_com.jpg) no-repeat; }

.forShare{ position: absolute; left: 360px; top: 420px; }

.s2{ background: url(//images.17173cdn.com/2015/live/06/17/s2_bg.jpg) no-repeat center top; width: 100%; overflow: hidden; padding:30px 0;}
.s2 h2{ background: url(//images.17173cdn.com/2015/live/06/17/title_bg.png) no-repeat center top; height: 66px; margin-bottom: 20px; text-indent: -999em; overflow: hidden;}
.s2 h2.st1{ background-position: center 0;}
.s2 h2.st2{ background-position: center -76px;}
.s2 h2.st3{ background-position: center -156px;}

.svideo{ width: 1002px; height: 610px; position: relative; overflow: hidden;}
.smask{ background: #000; opacity: .5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter:alpha(opacity=50);position: absolute; left: 0; top: 0; width: 1002px; height: 610px; z-index: 1;}
.svideo a.btn_play{ background: url(//images.17173cdn.com/2015/live/06/17/btn_play.png) no-repeat; width: 150px; height: 150px; position: absolute; left: 427px; top: 176px; z-index: 22;}
.svideo a.btn_play:hover{ background-image: url(//images.17173cdn.com/2015/live/06/17/btn_playon.png);}
.svideo .svideo_show{ position: absolute; left: 0; top: 0; width: 1002px; height: 610px; z-index: 999; display: none;}

.slist{ margin-bottom: 60px; overflow: hidden; text-align: left; border-top: 5px solid #484f93; background: #2f304e; padding: 20px 0 20px 25px;}
.slist h4{ background: url(//images.17173cdn.com/2015/live/06/17/icon_1.png) no-repeat left center; padding-left: 30px; height: 40px; line-height: 40px; font-size: 20px; font-weight: bold; color: #fff;  margin-bottom: 20px; }
.slist ul{ width: 110%;}
.slist li{ float: left; width: 300px; overflow: hidden; margin-right: 30px; }
.slist li a{ display: block; text-decoration: none; color: #888aba; font-size: 13px; }
.slist li a img{ width: 140px; float: left; margin-right: 10px;}
.slist li a strong{ font-size: 15px; color: #fff; display: inline-block; margin-bottom: 6px; }
.slist li a:hover img{ -webkit-transform:scale(.98,.98);}


.s3{ background: url(//images.17173cdn.com/2015/live/06/17/all_bg.png) repeat; padding: 20px 0; }
.s3 h4{ background: url(//images.17173cdn.com/2015/live/06/17/icon_2.png) no-repeat left center; height: 40px; line-height: 40px; padding-left: 40px; font-size: 22px; font-weight: bold; color: #fff; margin-bottom: 20px; text-align: left; }

.sintro{ overflow: hidden; background: url(//images.17173cdn.com/2015/live/06/17/info_bg.jpg) no-repeat left top; height: 204px; overflow: hidden; margin-bottom: 50px; }
.sintro li{ float: left; width: 250px; text-align: center; height: 204px; color: #181a40; font-size: 14px; }
.sintro li.sli1,.sintro li.sli2,.sintro li.sli4{ padding-top: 170px; }
.sintro li.sli3{ text-align: left;}
.sintro li.sli3 h5{ padding: 30px 20px 0 30px; font-size: 16px; color: #181a43; margin-bottom: 15px; }
.sintro li.sli3 p{ padding: 0 30px; color: #333;}

.plist{ }
.plist ul{ width: 110%;}
.plist li{ float: left; margin-right: 20px; width: 150px; margin-bottom: 30px; position: relative;}
.plist li a .pimg{ width: 150px; height: 95px; position: relative;}
.plist li a img{ width: 150px; height: 95px;}
.plist li a span{ position: absolute; bottom: 3px;  width: 150px; left: 0; text-align: center; color: #fff; font-size: 13px; }
.plist li a p{ height: 30px; line-height: 30px; color: #8588b5; text-align: center; white-space: nowrap; overflow: hidden; padding: 0 10px; text-overflow:ellipsis; background: #2f304c; }

.plist li .plist_detail{ position: absolute;  left: -100px; top: -80px; display: none; transition:all .2s ease .1s; -webkit-transform:scale(0,0);}
.plist li.on{ z-index: 111;}
.plist li.on .plist_detail{ z-index: 1111; display: block; padding: 10px; text-align: left; background: #fff; color: #666; font-size: 14px; -webkit-transform:scale(1,1); box-shadow: 0 0 10px rgba(0,0,0,.5)}
.plist li .plist_detail h5{ color: #3e3d42; font-size: 18px; text-align: center; margin-bottom: 10px; font-weight: bold; } 
.plist li.on .plist_detail img{ display: block; margin-bottom: 10px; width: 365px; }

.sdb{ margin-bottom: 60px; }
.scomment{ background: #fff; width: 100%; padding: 10px 0; overflow: hidden;}
.scomment h4{ height: 40px; background: url(//images.17173cdn.com/2015/live/06/17/icon_3.png) no-repeat left center; padding-left: 40px; line-height: 40px; color: #333; text-align: left; font-size: 20px; font-weight: bold; }
.scomment .scom_con{ padding: 10px; }

.footer{ background: #13132b; text-align: center; color: #fff;}
.footer a{ color: #fff; font-weight: bold; }

#totop { _top: expression(eval((document.compatMode&&document.compatMode=="CSS1Compat")?documentElement.scrollTop+documentElement.clientHeight-this.clientHeight-1:document.body.scrollTop+document.body.clientHeight-this.clientHeight-1)); position: fixed;	_position: absolute; bottom: 100px; right: 30px; display: none;	}
#totop a.up{ display:block; width:50px; height:50px; position:relative; background:url(//images.17173cdn.com/2015/live/06/17/totop.gif) no-repeat 0 0;}
#totop a.up:hover{ background-position:0 -50px;}
html,body{ background-color: #14162f!important;}