body { overflow-x: hidden;}
a,a:hover,.vidoplay,.vidoplay:hover,.newlist li,.newlist li:hover { -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; transition: all .5s;}

.productHeader { background: #f5f5f5 !important;}

.w980 { width: 980px; margin: 0 auto;}



 <style>
p{ color:#CCC;}
.in_tab1{ text-align:center; width:870px; margin:20px auto 40px auto; padding:0; border-top:1px solid #294973; border-left:1px solid #294973; color:#b8cfde; font-size:12px; line-height:35px;}
.in_tab1 tr td{ height:35px; border-bottom:1px solid #294973; border-right:1px solid #294973;}
 </style>











/*右侧导航*/
.rightNav { width: 124px; height: 326px; position: fixed; right: 0; top: 50%; margin-top: -200px; background: url(../image/rightNav.png) no-repeat top center; z-index: 6;}
.rightNav a.rightNav-1 { display: block; width: 100px; height: 36px; margin: 160px auto 0;}
.rightNav a.rightNav-2 { display: block; width: 100px; height: 65px; margin: 0 auto;}
.rightNav > div { cursor: pointer; width: 100px; height: 41px; margin: 0 auto;}

/*导航*/
.Header { position: relative; z-index: 3; display: none;}
.wxNav { height: 74px; width: 100%; background: rgba(0,0,0,.8); position: relative; z-index: 10;}
.wxlogo { position: absolute; left: 50%; margin-left: -90px; top: 0px; z-index: 2;}
.navBj { position: absolute; left: 50%; margin-left: -101px;  width: 202px; height: 35px; opacity: .9; background: url(../image/logobj.png) no-repeat bottom center;}
/*.wxNavlist { margin-left: 25px;}*/
.wxNavlist li { float: left; width: 120px; height: 74px; display: table; text-align:  center;}
.wxNavlist li a { display: table-cell; vertical-align: middle; font-size: 16px; color: #939393;}
.wxNavlist li a.wxnavSelect,.wxNavlist li a:hover { color: #be1414;}
.wxNavlist li span { display: block; font-size: 12px; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); *font-size: 10px; padding-top: 2px;}
.wxdivision { margin-right: 195px;}
.wxdivision2 { margin-left: 65px;}

.wxFAQ { margin-top: 10px;}
.wxFAQ a { display: block;font-size: 12px;line-height: 24px;color: #666;}
.wxFAQ a:hover { color: #980202;}

.banner {width: 100%;height: 850px;position: relative;  background:url(../image/bg1.jpg)}
.bannerbj {/* background: url(../images/bannerbg.png) repeat; background: rgba(0,0,0,.3);*/ position: absolute;bottom: -170px;left: 50%;margin-left: -960px;width: 1920px; height: 1080px;}
.wxvido {position: absolute;bottom: -170px;left: 50%;margin-left: -960px; background: url(../image/vidobj.jpg) no-repeat top center; width: 1920px; height: 1080px;}
.wxslogan {margin: 0 auto;width: 452px;position: relative;z-index: 3;padding-top: 100px;}

.vidoplay { width: 73px; height: 73px; background: url(../image/vidoPlay.png) no-repeat center center; margin: 0 auto; position: relative; z-index: 3; cursor: pointer; margin-top: -25px;}
.vidoplay:hover { background: url(http://www.1000yxy.com:88/Templates/jlwj/images/vidoPlayHover.html) no-repeat center center;}

.wxMain-1 .w980 { position: relative; top: -210px;}
.wxMain-1 { width: 100%; height: 0px; background: url(../image/bg1.jpg) no-repeat top center; position: relative; z-index: 5;}
.wxMain1-1 { width: 460px; height: 280px; position: relative;}
#divSmallBox{overflow:hidden;*display:inline;*zoom:1;width:10px;height:10px;margin:0 5px;border-radius:10px;background:#ffffff;}
#playBox{  position:relative; overflow:hidden; width: 460px; height: 280px; }
#playBox .oUlplay { width:99999px; position:absolute; left:0; top:0;}
#playBox .oUlplay li{ float:left;}
#playBox .oUlplay li a { display: block; position: relative; width: 460px; height: 280px;}
#playBox .oUlplay li a > div { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 5; background: rgba(58,73,59,.3);  -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; transition: all .5s;}
#playBox .oUlplay li a:hover > div { opacity: 0; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity: 0);-webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; transition: all .5s;}
#playBox .smalltitle {width: 460px;height: 13px;position: absolute;bottom: 15px;z-index: 10;}
#playBox .smalltitle ul{ float: right; margin-right: 12px;}
#playBox .smalltitle ul li{ float: left; width: 8px; height: 8px; margin: 0 6px; transform: rotate(45deg);-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);  cursor: pointer; border: 1px solid #8d0000;}
#playBox .smalltitle ul li.thistitle{ background: #8d0000;}

.wxMain1-2 { width: 490px; background: #1f1f1f; padding: 10px 15px; height: 260px;}
.wxMain1-2 .titleH3 {height: 60px;line-height: 60px;font-size: 24px;color: #949494;border-bottom: 1px solid rgba(158,158,158,.2);padding: 0 5px;}
.wxMain1-2 .titleH3 span {color: rgba(255,255,255,.15);font-family: Arial;padding-left: 10px;font-weight: normal;font-size: 16px;}
.wxMain1-2 .titleH3 a {float: right;color: rgba(255,255,255,.4);font-size: 14px;}
.newlist { padding-top: 15px;}
.newlist li { font-size: 15px; color: rgba(255,255,255,.6); height: 50px;}
.newlist li:hover,.newlist li a:hover { color: #b30300;}
.newlist li a { display: block; float: left; width: 420px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: rgba(255,255,255,.6);}
.newlist li span { float: right; margin-right: 5px;}

.wxrow-2 {}
.wxrow-2 a { display: block; position: relative;}
.wxrow-2 a > div { position: absolute; left: 0; top: 0; width: 218px; height: 130px; border: 1px solid transparent;}
.wxrow-2 a:hover > div { border-color: #5f0000;}
.wxpz { width: 220px; height: 108px; background: url(../image/pz.png) no-repeat top center; padding: 12px 20px;}
.wxpz .tabTitle span { float: left; display: block; width: 64px; height: 24px; font-size: 16px; margin-right: 12px; text-align: center; border-bottom: 2px solid transparent; line-height: 24px; cursor: pointer;}
.wxpz .tabTitle span.tabselect { color: #a00000 !important; border-color: #a00000;}
.wxpz .wxpzInfo { margin-top: 18px;}
.wxpzInfo > div { height: 22px;}
.wxpzInfo p { font-size: 12px; color: #202020; width: 50%;}


.title-1,.title-2,.title-3 { width: 100%; height: 89px;}
.title-1 { background: url(../image/title-1.png) no-repeat top center;}
.title-2 { background: url(../image/title-2.png) no-repeat top center;}
.title-3 { background: url(../image/title-3.png) no-repeat top center;}

.wxAudition .tabTitle span,.wxData .tabTitle span,.eMainRight .tabTitle a { float: left; display: block; min-width: 20px; width: auto !important; width: 20px; padding: 0 10px; height: 34px; font-size: 22px; margin-right: 12px; text-align: center; border-bottom: 2px solid transparent; line-height: 34px; cursor: pointer; color: #939393;}
.wxAudition .tabTitle span:hover,.wxData .tabTitle span:hover,.eMainRight .tabTitle a:hover { color: #a00000;}
.wxAudition .tabTitle span.tabselect,.wxData .tabTitle span.tabselect,.eMainRight .tabTitle a.tabselect { color: #a00000; border-color: #a00000;}
.wxAudition .tabMain > div,.wxData .tabMain > div { margin-top: 25px;}

.wxMain-2 { width: 100%; height: 0px; background: url(../image/bj3.jpg) no-repeat top center;}
.thisMore { position: absolute; font-size: 16px; color: rgba(255,255,255,.4); right: 0; top: -50px;}
.recommendList { display: block; position: relative; width: 189px; height: 148px; margin-right: 20px; margin-bottom: 20px;}
.recommendList > img { width: 189px; height: 148px;}
.recommendInfo { position: absolute; left: 0; bottom: 0; width: 189px; height: 80px; filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#99000000', endColorstr='#000', GradientType=0);background: -webkit-linear-gradient(top,transparent 10%,rgba(0,0,0,.9) 60%); background: -moz-linear-gradient(bottom,transparent 10%,rgba(0,0,0,.9) 60%); background:  -o-linear-gradient(bottom,transparent 10%,rgba(0,0,0,.9) 60%); background: linear-gradient(to bottom,transparent 10%,rgba(0,0,0,.9) 60%); text-align: center;}
.recommendInfo > div { font-size: 12px; color: #fefefe; padding-top: 50px;}
.recommendList:hover .vHover,.recommendList:hover .pHover { display: block;}
.vHover,.pHover { display: none; position: absolute; width: 100%; height: 100%; left: 0; top: 0;  z-index: 3;}
.vHover { background: url(../image/audio.png) no-repeat center center;}
.pHover { background: url(../image/audiopic.png) no-repeat center center;}

.wxVideoLeft { width: 560px; height: 315px;}
.wxVideoLeft > img { width: 560px; height: 315px;}
.wxVideoLeft .recommendInfo { width: 540px; text-align: left; padding-left: 20px;}
.wxVideoLeft .recommendInfo > img { margin-top: -20px;}
.wxVideoLeft .recommendInfo > div { font-size: 16px; padding-top: 10px;}
.wxVideoRight { width: 400px;}

.dataConten .tabTitle { position: absolute; bottom: 35px; left: 30px;}
.dataConten .tabTitle span { float: left; display: block; text-align: center; cursor: pointer;  width: 42px !important; height: 42px; line-height: 42px; font-size: 12px; color: #fff; border: 1px solid rgba(190,20,20,.5); padding: 0;}
.dataConten .tabTitle span:hover { color: #dc0000;}
.dataConten .tabTitle span.tabselect { color: #dc0000; background: rgba(190,20,20,.2);}
.dataConten .tabMain > div { margin-top: 25px;}

.wxMain-3 { width: 100%; height: 634px; background: url(../image/bj4.jpg) no-repeat top center;}
.wxData {}
.dataList1 {}
.dataMain {}
.dataTitle { position: relative; width: 77px; height: 349px; border: 1px solid transparent; cursor: pointer;}
.thidShow .dataTitle { border: 1px solid rgba(220,0,0,.6);}
/*.dataTitle > div { position: absolute; width: 75px; height: 347px; border: 1px solid }*/
.dataConten { width: 486px; height: 332px; padding: 10px; background: url(http://www.1000yxy.com:88/Templates/jlwj/images/data/Indexbj.html) no-repeat top center; position: relative;}

.dataLeft { width: 285px; padding-left: 20px;}
.dataLeft h3 { font-size: 28px; color: #fff;}
.dataLeft ul { margin-top: 25px;}
.dataLeft ul li { height: 25px; color: #fff; font-size: 14px;}
.dataright { margin-left: 10px; margin-top: 3px;}
.dataLeft p { color: #fff; font-size: 12px; margin-top: 20px; line-height: 22px;}

.wxMain-4 { width: 100%; height: 595px; background: url(../image/bj4.jpg) no-repeat top center;}
/*.wxMain-4 { width: 100%; height: 703px; background: url(../images/bj5.jpg) no-repeat top center;}*/
.wxMain-4 .wxbox{width:100%;height:460px;position:relative}
.wxMain-4 .list{width:1200px;height:460px;overflow:hidden;position:absolute;left:50%;margin-left:-600px}
.wxMain-4 .btn{position:absolute;top:50%;margin-top:-15px; background: url(../image/l.png) no-repeat left center; width: 28px; height: 34px; cursor:pointer; z-index: 10;}
.wxMain-4 .wxnext{right:0; background: url(../image/r.png) no-repeat right center;}
.wxMain-4 li{position:absolute;top:0;left:0;list-style:none;opacity:0;transition:all .3s ease-out}
.wxMain-4 img{width:720px;height:460px;border:none;float:left}
.wxMain-4 .p1{transform:translate3d(-224px,0,0) scale(.81)}
.wxMain-4 .p2{transform:translate3d(0,0,0) scale(.81);transform-origin:0 50%;opacity:.8;z-index:2}
.wxMain-4 .p3{transform:translate3d(224px,0,0) scale(1);z-index:3;opacity:1}
.wxMain-4 .p4{transform:translate3d(449px,0,0) scale(.81);transform-origin:100% 50%;opacity:.8;z-index:2}
.wxMain-4 .p5{transform:translate3d(672px,0,0) scale(.81)}
.wxMain-4 .p6{transform:translate3d(896px,0,0) scale(.81)}
.wxMain-4 .p7{transform:translate3d(1120px,0,0) scale(.81)}
.wxMain-4 .buttons{position:absolute;width:1200px;height:30px;bottom:-20px;left:50%;margin-left:-600px;text-align:center;padding-top:10px}
.wxMain-4 .buttons a{display:inline-block;padding-top:4px;cursor:pointer}
.wxMain-4 span{ display:block; width: 8px; height: 8px; margin: 0 6px; transform: rotate(45deg);-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);  cursor: pointer; border: 1px solid #8d0000;}
.wxMain-4 .blue{ background: #8d0000;}

/*二级页面*/
.bjImg { background: #1b1b1b url(../image/rbj.jpg) no-repeat top center;}
.ebanner { height: 350px; background: url(../image/rslogan.png) no-repeat 750px;}
.eNav .w980 { width: 1180px;}
.eNav .wxNavlist { margin-left: 0;}
.eNav .wxNavlist li { width: 158px;}
.eNav .wxdivision2 { margin-left: 35px;}
.eMain-1 { min-height: 500px;}
.putIn { display: block; width: 260px; height: 85px; background: url(http://www.1000yxy.com:88/Templates/jlwj/images/putin.png) no-repeat top center;}
/*.putIn:hover { background: url(../images/putinHover.png) no-repeat top center;}*/

.eInfo { background: url(../image/ibj.png) no-repeat top center; width: 260px; height: 260px;}
.eInfo a { display: block; width: 130px; height: 50px; float: left; text-align: center; font-size: 14px; color: #898989; padding-top: 80px;}
.ei-1 { background: url(../image/icon1.png) no-repeat center 40%;}
.ei-2 { background: url(../image/icon2.png) no-repeat center 40%;}
.ei-3 { background: url(../image/icon3.png) no-repeat center 40%;}
.ei-4 { background: url(../image/icon4.png) no-repeat center 40%;}

.eInfo a:hover,.eInfo.eiselect { color: #ae5353;}
.ei-1:hover,.ei-1.eiselect { background: url(../image/icon1Hover.png) no-repeat center 40%; color: #ae5353;}
.ei-2:hover,.ei-2.eiselect { background: url(../image/icon2Hover.png) no-repeat center 40%; color: #ae5353;}
.ei-3:hover,.ei-3.eiselect { background: url(../image/icon3Hover.png) no-repeat center 40%; color: #ae5353;}
.ei-4:hover,.ei-4.eiselect { background: url(../image/icon4Hover.png) no-repeat center 40%; color: #ae5353;}

.eMain-1 .wxpz { background: url(../image/lbj.png) no-repeat top center;}
.eMain-1 .wxpz .tabTitle span { color: #898989;}
.eMain-1 .wxpzInfo p { color: #666;}

.media { width: 260px; background: #2b1b1b; padding-bottom: 15px;}
.wxwx:hover .ActiveRulePopup { display: block;}
.ActiveRulePopup {width: 160px;background: #303030;position: absolute;left: 50%;top: -185px;z-index: 100;padding: 10px 10px 5px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box; display: none; margin-left: -80px;border-radius: 5px;}
.ActiveRulePopup p { font-size: 12px; color: #fff; line-height: 20px; width: 140px; overflow: hidden; text-align: center;}
.ActiveRulePopup .triangle {display: block;width: 0;height: 0;border-width: 6px 6px 0;border-style: solid;border-color: #303030 transparent transparent;position: absolute;top: 175px;left: 50%;margin-left: -6px;}
.AweixinPic img { display: block; width: 140px; height: 140px;}

.gz { padding: 0 10px; padding-top: 25px;}
.gz a > p { text-align: center; font-size: 14px; color: #666;}
.gz a:hover > p { color: #ae5353;}
.wxwx,.wxsain,.wxbaidu { display: block; width: 33.333333%; padding-top: 40px; float: left; }
.wxwx { background: url(../image/s1.png) no-repeat top center; position: relative;}
.wxsain { background: url(../image/s2.png) no-repeat top center;}
.wxbaidu { background: url(../image/s3.png) no-repeat top center;}

.wxwx:hover { background: url(../image/s1Hover.png) no-repeat top center;}
.wxsain:hover { background: url(../image/s2Hover.png) no-repeat top center;}
.wxbaidu:hover { background: url(../image/s3Hover.png) no-repeat top center;}

.wxQQ { text-align: center; font-size: 16px; color: #666; padding-top: 10px;}
.wxQQ a { color: #ccc; padding-left: 15px;}

.eMainRight { width: 860px; min-height: 630px; height: auto !important; height: 630px; background: rgba(0,0,0,.8); padding: 20px;}
.eMainRight .titleH3 { height: 40px; font-size: 24px; color: #8d0101;}
.eMainRight .titleH3 span { color: rgba(255,255,255,.1); font-family: Arial; padding-left: 10px; font-weight: normal;}
.wxcrumbs,.wxcrumbs a { font-size: 14px; color: #666;}
.wxcrumbs a:hover { color: #8d0101;}

.wxNews {}
.wxNewsList { display: block; padding: 20px; margin-bottom: 1px; background: #131313;}
.wxlabel { float: left; display: block; width: 42px; height: 24px; line-height: 24px; text-align: center; border-radius: 3px; font-size: 14px; margin: 0 20px 0 0;}
.wxlabel1 { background: #002d50; color: #90adc4;}
.wxlabel2 { background: #491313; color: #834a4a;}
.wxNewsTitle { float: left; width: 755px;}
.wxNewsTitle > div { display: block; width: 755px; font-size: 16px; color: rgba(255,255,255,.6); margin-bottom: 10px;}
.wxNewsTitle > div span { float: right;}
.wxNewsTitle p { font-size: 14px; color: #666; line-height: 20px;}


.Newstitle { padding: 20px 0; margin-top: 10px; border-top: 1px solid rgba(255,255,255,.1); border-bottom: 1px solid rgba(255,255,255,.1);}
.Newstitle h2 { text-align: center; font-size: 26px; color: #ccc; padding-bottom: 5px;}
.Newstitle p { text-align: center; font-size: 14px; color: #666;}

.newsMain { padding-top: 20px;}
.newsMain p { font-size: 16px; color: #999; line-height: 28px; margin-bottom: 10px; text-indent: 2em;}
.newsMain > div { font-size: 16px; color: #999; line-height: 28px;}
.newsMain img {display: block; max-width: 660px; margin: 0 auto 10px;}


.ewxvido .recommendList { width: 420px; height: 236px;}
.ewxvido .recommendList > img { width: 420px; height: 236px;}
.ewxvido .recommendInfo { width: 420px;}
.ewxvido .wxAudition  { border-top: 1px solid rgba(255,255,255,.1); padding-top: 15px;}
.ewxvido .tabTitle { padding-left: 50%; margin-left: -180px;}

/*弹层*/
.tanPopup {z-index: 9999; position: fixed; left: 50%; top: 50%; margin-top: -225px; margin-left: -400px; width: 800px; height: 450px;}
.tContent { width: 800px; height: 450px; position: relative;}
.hidevido { width: 48px; height: 48px; position: absolute; top: 0; right: -68px; background: url(http://www.1000yxy.com:88/sinner.cubejoy.com/images/tHide.jpg) no-repeat; cursor: pointer;}
.falshcontent { background: #08232c; padding: 10px; width: 800px; height: 450px;}