﻿@charset "utf-8";
.download_box{ width: 450px; height: 106px; padding: 8px; border-radius: 5px; background-color: rgba(255,255,255,.2); position: absolute; top: 740px; left: 55%; margin-left: -320px; z-index: 9999; box-shadow: 0 0 15px rgba(255,255,255,1) inset; border: 1px rgba(255,255,255,.85) solid;}
.download_box img{ display: block; }
.download_box .download_qrcode{ width: 138px; height: 104px; float: left; border: 1px #8ec2c7 solid; border-radius: 5px; background-color: #fff; position: relative;}
.download_box .download_qrcode img{ width: 104px; float: left; margin-left: 5px; }
.download_box .download_qrcode span{ width: 15px; display: block; float: left; font-size: 16px; color: #000; margin-left: 5px; line-height: 20px; padding-top: 11px;}
.download_box .download_qrcode .qrcode_light { width: 115px; height: 16px; display: block; background-image: url(img/qrcode_light.html); background-size: 100% 100%; position: absolute; top: 0; left: 0; animation: Qrcode_light 1.2s linear infinite alternate; z-index: 4; }
@-webkit-keyframes Qrcode_light {
	from { transform: translateY(0); }
	to { transform: translateY(90px); }
}
@keyframes Qrcode_light {
	from { transform: translateY(0); }
	to { transform: translateY(90px); }
}
.download_box .download_qrcode:after { content: ""; display: block; width: 104px; height: 104px; background-color: #2c4464; position: absolute; top: 0; left: 0; -ms-mix-blend-mode: lighten; mix-blend-mode: lighten; opacity: 0\0; display: none\0}
.download_box .download_qrcode:before { content: ""; display: block; width: 25px; height: 25px; display: block; position: absolute; top: 39px; left: 43px; background-image: url(img/icon.html); background-size: 100% 100%; z-index: 3; }
.download_box .download_btn{ width: 140px; float: left; padding-left: 10px; margin-top: 2px;}
.download_box .download_btn a{ display: block; margin: 5px 0; }
.download_box .download_desk{ width: 140px; float: left; padding-left: 10px; margin-top: 4px;}
.download_box .new_server{ width: 180px; height: 98px; float: left; margin-left: 7px; background-color: #bfaa6c; border: 1px #fff solid; border-radius: 5px; margin-top: 4px; }
.download_box .new_server .server_t{ height: 39px; border-bottom: 1px #b49f61 solid; width: 158px; margin: 0 auto;}
.download_box .new_server .server_t b{ line-height: 39px; font-size: 16px; color: #fff; display: block; float: left; }
.download_box .new_server .server_t b:before{ content: ""; display: inline-block; width: 3px; height: 3px; background-color: #fff; border-radius: 3px;  vertical-align: middle; margin-top: -3px; margin-right: 5px; }
.download_box .new_server .server_t span{ width: 31px; height: 15px; line-height: 15px; font-size: 12px; color: #fff; text-align: center; white-space: nowrap; background-color: #cd6f47; float: right; margin-top: 13px; border-radius: 3px; display: block;}
.download_box .new_server .server_list{ width: 158px; margin: 0 auto; border-top: 1px #ceb879 solid; padding-top: 4px;}
.download_box .new_server .server_list ul li{ font-size: 14px; color: #fff; line-height: 24px; overflow: hidden; white-space: nowrap;}
.download_box .new_server .server_list ul li span.sys{ width: 31px; height: 15px; line-height: 15px; font-size: 12px; color: #fff; text-align: center; white-space: nowrap; background-color: #9a864d; border-radius: 3px; margin-top: 5px; margin-right: 5px; display: inline-block;}
.download_box a{ transition: .5s }
.download_box a:hover{ transform: translateY(-5px); }
.inner_qrcode_box {position: absolute;top: 55px;opacity: 0;width: 432px;height: 180px;padding: 56px 0;}
.inner_qrcode {display: block;margin: 0 auto;width: 180px;height: 180px;}
.inner_qrcode_box:hover {opacity: 1;animation-name: fadeIn;animation-duration: 2s;}
@keyframes fadeIn {from {opacity: 0;}to {opacity: 1;}}

	#qqBar{width:165px;height:477px;position:fixed;overflow:hidden;right:8px;background-color:#ffffff;border:1px solid #a6a6a6;border-radius:20px;z-index:10000;top:50%;margin-top:-238px;}
	#qqBar h5{height:47px;line-height:47px;text-align:center;font-size:22px;color:#ffffff;background-color:#36435e;}
	#qqBar .qqlist{margin-bottom:35px;}
	#qqBar ._btn_backtop{height:20px;line-height:20px;text-align:center;text-decoration:none;display:block;}
	#qqBar ._btn_backtop:hover{color:#0248c4;}
	#qqBar .RQcode{line-height:25px;text-align:center;margin-bottom:14px;}
	#qqBar .RQcode ._pic{width:112px;height:112px;margin:0 auto 5px auto;}
	#qqBar .RQcode ._pic img{width:100%;height:100%;display:block;}
	.qqlist li{text-align:center;font-size:14px;}
	.qqlist li a{line-height:26px;color:#000000;margin-right:20px;margin-left:20px;padding-top:20px;padding-bottom:10px;text-decoration:none;border-bottom:1px solid #a6a6a6;display:block;}
	.qqlist li a .icon_qq{width:45px;height:52px;margin:0 auto;display:block;}
	.quicklink{float:right;line-height:22px;margin:20px 17px 0px 0px;}
	.quicklink a{line-height:22px;color:#707e91;margin:0px 8px 0px 9px;padding-top:2px;padding-bottom:2px;font-size:18px;}
	.quicklink a:hover{color:#fff;text-decoration:none;background-color: #d53d3c;border-radius:20px;padding-right: 10px;    padding-left: 10px;}
	#more{float:right;width:112px;height:52px;line-height:22px;text-align:center;position:relative;font-size:14px;color:#fff;margin-right:2px;padding-top:6px;background-color:#d53d3c;display:block;}
	#more.hovermore{background-color:#ee3f5d;}
	#more:hover{text-decoration:none;}
	#more .icon_list{width:23px;height:17px;margin:0px auto 3px auto;background:url(images/iconlist.gif) no-repeat left top;display:block;}
	video {
	position: absolute;
	left: 50%;
	top: 0px;
	transform: translate(-50%);
	object-fit: contain;
        z-index:50;
}

	body {
	background-color: #000000;
}
body,td,th {
	color: #FFFFFF;
}

	#header{height:80px;position:relative;min-width:1280px;margin:0 auto;background:#232323;box-shadow:0 0 14px rgba(0,0,0,0.4);z-index:3500;}
	#header .center{width:1280px;}
		/*顶部*/
		#top{width:100%;line-height:32px;margin:0 auto;background:#c7c5c6 url(line_x.jpg) repeat-x left top;}
			/*欢迎*/
			#welcome{float:left;width:660px;height:32px;overflow:hidden;}
			#welcome strong{font-weight:normal;color:#0248c4;}
			#welcome time{color:#0248c4;}
			/*快捷链接*/
			#quicklink{float:right;width:428px;height:32px;}
			#quicklink ul{float:right;margin-right:-8px;}
			#quicklink ul li{float:left;color:#333333;}
			#quicklink ul li [class^='icon']{margin-right:3px;}
			#quicklink ul li a{color:#6f7f8e;padding-right:12px;padding-left:6px;text-decoration:none;display:inline-block;}
			#quicklink ul li:hover a{color:#0248c4;}
			.icon_function{width:25px;height:25px;vertical-align:middle;background:url(icon_function.png) no-repeat left top;display:inline-block;}
			.icon_function.icon_function1x1{background-position:0 0;}
			.icon_function.icon_function2x1{background-position:-25px 0;}
			.icon_function.icon_function3x1{background-position:-50px 0;}
			.icon_function.icon_function4x1{background-position:-75px 0;}
			#quicklink li:hover .icon_function.icon_function1x1{background-position:0 -25px;}
			#quicklink li:hover .icon_function.icon_function2x1{background-position:-25px -25px;}
			#quicklink li:hover .icon_function.icon_function3x1{background-position:-50px -25px;}
			#quicklink li:hover .icon_function.icon_function4x1{background-position:-75px -25px;}
		/*网站标志*/
		#logo{float:left;width:417px;height:57px;margin-top:15px;}
		#logo img{width:100%;height:100%;}
		/*菜单*/
		#menu{float:right;width:808px;margin-top:28px;}
		#menu ul{float:right;margin-right:-16px;}
		#menu ul li{float:left;margin-left:10px;}
		#menu ul li a{height:32px;line-height:32px;font-size:20px;color:#ffffff;padding-right:16px;padding-left:16px;text-decoration:none;border-radius:30px;display:block;}
		#menu ul li:hover a{color:#fff;background-color:#8c0202;}
		#menu ul li.change a{color:#fff;background-color:#9c0303;}
		
		
		
	/*浮动条*/
	#Floatingbars{width:148px;height:695px;position:fixed;top:20%;right:0px;z-index:10000;}
	#Floatingbars ._btn_qqqun{display:block;text-align:center;margin-top:13px;}
	#Floatingbars .btn_showhide{width:22px;text-align:center;position:absolute;font-size:13px;color:#fcf8ed;top:0px;right:100%;padding-top:8px;padding-right:2px;padding-bottom:8px;padding-left:2px;background-color:#a6935b;cursor:pointer;}
	#Floatingbars .btn_showhide:hover{background-color:#bbad7c;}

	/*客服列表*/
	.kefulist{background-color:#f1f1f1;}
	.kefulist li{font-size:14px;padding-right:19px;padding-left:19px;}
	.kefulist li:hover{background:url(../images/right.png) no-repeat center center;}
	.kefulist li a{height:48px;line-height:48px;color:#333333;text-decoration:none;border-bottom:1px solid #cdcdcd;display:block;}
	.kefulist li a [class^='icon']{margin-right:10px;vertical-align:middle;}
	.kefulist li:nth-last-of-type(1) a{border:none;}
	.kefulist li:hover .icon_qq{background-position:right top;}
	.kefulist li:hover a{color:#fff;}
	.icon_kefu{width:15px;/* height:15px; *//* background:url(../images/icon_kefu.png) no-repeat left top; */display:inline-block;}
	.icon_kefu.icon_kefu1x1{/* background-position:0 0; */}
	.icon_kefu.icon_kefu2x1{background-position:-15px 0;}
	/*QQ群*/
	.qq_qunList{overflow:hidden;padding-top:10px;padding-bottom:12px;background-color:#f8f8f8;}
	.qq_qunList li{width:92px;margin:0 auto 15px auto;}
	.qq_qunList li a{width:90px;height:22px;display:block;}
	.qq_qunList li a img{width:100%;height:100%;}
	/*更多*/
	._more{width:36px;height:36px;position:absolute;text-indent:-999em;top:25px;right:10px;background:url(../images/icon_add.html) no-repeat center center;}
	/*返回顶部*/
	.btn_backtop{height:30px;line-height:30px;text-align:center;font-size:14px;color:#fce6ac;display:block;}
	.btn_backtop:hover{color:#a6935b;text-decoration:none;}
	/*二维码*/
	.RQcodes{padding-top:17px;padding-bottom:17px;background-color:#f8f8f8;}
	.RQcodes strong{line-height:24px;font-size:16px;font-weight:normal;color:#333333;display:block;padding-left:20px;padding-right:12px;}
	.RQcodes span{line-height:20px;color:#b2b2b2;margin-bottom:10px;display:block;padding-left:20px;padding-right:12px;}
	.RQcodes .pic{width:108px;height:108px;margin:0 auto;}
	.RQcodes .pic img{width:100%;height:100%;}
