﻿.wy-content{ background:#FFFFFF;}
.wy-mod-banner{ width:1263px;background: #fff;position: relative; margin:-1px auto;}
.wy-mod-banner .banners{width:1263px;overflow: hidden; margin-top:-20px;}
.wy-mod-banner .banner{width: 1263px;overflow: hidden;}
.
.wy-mod-banner .info .link-download{width: 148px;height:40px;overflow: hidden;position: absolute;bottom:-70px;right:0px;cursor:pointer;text-decoration: none;}
.wy-mod-banner .info .link-download span{position:absolute;display: block;left:10px;cursor:pointer;font-size:28px;line-height: 50px;color:white;font-weight: 500; font-family: "Microsoft YaHei"}
.wy-mod-banner .banner1 .info .link-download span,
.wy-mod-banner .banner2 .info .link-download span {color:#3091f2;}


.wy-mod-banner .banner .info h3{display: none;}
.wy-mod-banner .banner .info p{display: none;}
.wy-mod-banner .focus{width:960px;margin:0px auto;padding-top:640px;text-align: center;}
.wy-mod-banner .focus a{text-decoration: none;z-index:3;width:24px;height:74px;position:relative;display: inline-block;*display:inline;overflow: hidden;margin:0px 3px;zoom:1;}
.wy-mod-banner .focus a .bg-m{z-index:4;color:white;line-height:40px;font-size:40px;position:absolute;display: block;left:2px;top:6px;cursor:pointer; display: none;}
.wy-mod-banner .focus a .bg-b{background-image:url(../images/i_dot_32.png);position:absolute;display: block;left:0px;top:0px;cursor:pointer; width: 18px; height: 18px;}
.wy-mod-banner .focus a .inner{background-image:url(../images/i_dot_hover_32.png);position:absolute;left:0px;top:0px;z-index:9;opacity:0;display: none\0;+display: none;*display: none; width: 18px;height: 18px;}
.wy-mod-banner .focus a.on .inner,.wy-mod-banner .focus a:hover .inner{cursor:pointer;display:block;border:0;-webkit-transition:opacity .3s ease-in-out;-ms-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out;opacity:1;}
.wy-mod-banner .focus .hover .inner{display:block;}

/*新增微云福利播放按钮*/
.wy-mod-banner .play,
.wy-mod-banner .play i{
	cursor: pointer;
}
.wy-mod-banner .play{
	position: absolute;
	width: 108px;
	height: 108px;
	top: 50%;
	left: 50%;
	margin-left: -56px;
	margin-top: -61px;
	background:url(about:blank);
}
.wy-mod-banner .play i{
	position:absolute;
    width: 108px;
    height: 108px;
    top: 50%;
    left: 50%;
    margin-left: -54px;
    margin-top: -54px;
}





.index-play{
	position: absolute;
	z-index: 2;
	left: 50%;
	/*top: 50%;*/
	width: 960px;
	height: 540px;
	margin-left: -480px;
	/*margin-top: -270px;*/
    background-color:black;
	top: 110px;
}
.index-play .play-box,
.index-play .play-box video{
	width: 100%;
	height: 100%;
}
.index-play .close{
	position: absolute;
	right: -50px;
	top: 0;
	width: 50px;
	height: 50px;
	line-height: 1.1;
	background: #0d0d0d;
	color: #868686;
	font-size: 40px;
	text-align: center;
	text-decoration: none;
}
.index-play .close:hover{
	text-decoration: none;
	color: #ffffff;
}
.index-play .close:active{
	text-decoration: none;
}

.video_show{
    border: 2px solid #868686;
    width: 480px;
    height: 400px;
    margin: 0 auto;
    padding: 20px;
    background-color: #0d0d0d;
    position: relative;
    border-radius: 3px;
    overflow: hidden;
}
.close_video_show_btn{
    display: block;
    width: 20px;
    height: 20px;
    background: url('../images/close_video_show_btn.png') no-repeat left top;
    position: absolute;
    right: 10px;
    top: 10px;
    text-indent: -99999px;
}

.video_box_01{
    width: 1263px;
    height: 245px;
    position: relative;
    background: url('../images/video_01_bg.jpg') no-repeat left bottom;
    margin-top: 60px;
}
.video_box_01_info{
    border: none;
    width: 280px;
    height: 170px;
    position: absolute;
    left: 245px;
}
.video_box_02{
    width: 1263px;
    height: 670px;
    position: relative;
    background: url('../images/video_02_bg.jpg') no-repeat left top;
    margin-top: 60px;
}
.video_box_02_info{
    border: none;
    width: 900px;
    height: 545px;
    position: absolute;
    left: 181px;
    top: 126px;
}
.qrcode_02_box{
    position: absolute;
    top: 0px;
    right: 0px;
}

.clear{
    clear: both;
    font-size: 0px;
    height: 0px;
    line-height: 0px;
}
.index_main_content{
    background: url('../images/index_bg.jpg') no-repeat top center;
    padding-top: 536px;
}
.video_list_box{
    background: url('../images/index_btn_bg.jpg') no-repeat top center;
    width: 960px;
    margin: 0 auto;
    padding-top: 42px;
    padding-bottom: 65px;
	
}
.video_list a{
    /*display: block;
    float: left;
    width: 101px;
    background: url('../images/index_btn.jpg') no-repeat left -202px;
    padding-top: 102px;
    font-size: 20px;
    color: #333333;
    text-align: center;
    margin: 0 109px;*/


    display: block;
    width: 200px;
    background: url('../images/index_btn.jpg') no-repeat center -202px;
    padding-top: 102px;
    font-size: 20px;
    color: #333333;
    text-align: center;
    margin: 0 auto;

}
.video_list a:hover{
    /*background-position: left top;*/
    background-position: center top;
}
.show_video_box, .show_asfle_box{
    background-color: #ffffff;
    padding: 10px;
    border-radius: 5px;
}

.show_asfle_box{
    width: 900px;
    height: 500px;
    overflow: auto;
    padding: 30px 50px;
    font-size: 16px;
    color: #333333;
    line-height: 30px;
}

.asfle_btn{
    display: block;
    width: 240px;
    height: 48px;
    line-height: 48px;
    background: url('../images/asfle.png') no-repeat 0px 0px;
    font-size: 22px;
    color: #333333;
    text-indent: 50px;
    margin: 0px auto 40px;
}

.video_list_table{
    margin-top: 30px;
}
.video_list_table a{
    color: #333333;
    font-size: 20px;
}

/**
 * 首页QQ客服开始
 */

/*客服样式*/
#lanren{position:fixed;right:-144px;top:50%;margin-top:-220px;z-index:999;}
#lanren .kfleft{margin-top:35px;width:85px;height:148px;    background: url(../images/qq_online_trigger.png) no-repeat;cursor:pointer;float:left;}
#lanren ul{width:100%;float:left;}
#lanren ul li a{display:block;margin-bottom:1px;/*background:#EEE;*/}
/*#lanren ul li a:hover{transition:all 0.5s linear;-webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-o-transition:all 0.5s linear;}*/
/*ie6*/
*html{overflow:hidden;}
*html #lanren{position:absolute;right:expression(eval(document.documentElement.scrollLeft))-80;top:expression(eval(document.documentElement.scrollTop))-283;}

#onlineService {
    float: left;
    margin-left: -4px;
}
.online_windows {
    width: 144px;
}
.online_w_top {
    background: url(../images/online_bg.png) no-repeat -36px 0;
    height: 10px;
    _background: url(../images/online_bg_ie6.png) no-repeat -36px 0;
    _margin-bottom: -7px;
}
.online_w_c {
    background: url(../images/online_bg.png) repeat-y 0 -185px;
    padding: 0 5px;
    _background: url(../images/online_bg_ie6.png) repeat-y 0 -185px;
}
.online_bar h2 {
    background: url(../images/online_bg.png) repeat-x 0 -156px;
    height: 29px;
    line-height: 27px;
    font-size: 12px;
    color: #666;
    text-align: left;
}
.collapse h2 a {
    background: url(../images/online_bg.png) no-repeat -36px -96px;
    _background: url(../images/online_bg_ie6.png) no-repeat -36px -96px;
}
.online_bar h2 a {
    display: block;
    padding-left: 14px;
    margin-left: 6px;
    cursor: pointer;
}
a {
    text-decoration: none;
    color: #444;
    outline: none;
}
.online_bar h2 {
    background: url(../images/online_bg.png) repeat-x 0 -156px;
    height: 29px;
    line-height: 27px;
    font-size: 12px;
    color: #666;
    text-align: left;
}

.online_content {
    background: url(../images/online_bg.png) no-repeat -147px -185px;
    padding-top: 11px;
    _background: url(../images/online_bg_ie6.png) no-repeat -147px -185px;
}
.online_content {
    text-align: center;
    border-bottom: 1px solid #d0d0d0;
}

#onlineType1, #onlineType2, #onlineType3, #onlineType4, #onlineType5, #onlineType6 {
    display: none;
}

#onlineType1 {
    display: block;
}

ol, ul, li {
    list-style: none;
}

.online_content ul li {
    height: 24px;
    line-height: 24px;
    margin-bottom: 4px;
}
a {
    text-decoration: none;
    color: #444;
    outline: none;
}
a, button {
    cursor: pointer;
}



/**
 * 首页QQ客服结束
 */