<!DOCTYPE html>
<html>
	<title>&#20122;&#21338;&#22269;&#38469;</title>
	<head>
		<meta charset="GBK">
		<meta http-equiv="Cache-Control" content="no-siteapp" />
		<meta http-equiv="Cache-Control" content="no-transform" />
		<meta name="applicable-device" content="pc,mobile">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<style>
			body {
margin: 0;
padding: 0;
background: #E6EAEB;
font-family: Arial, '΢���ź�', '����', sans-serif
}
a{
 text-decoration: none;color: #7B7B7B;
}

@media screen and (min-width:1100px) {
	.alert-box {
	display: none;
	position: relative;
	margin: 96px auto 0;
	padding: 180px 85px 22px;
	border-radius: 10px 10px 0 0;
	background: #FFF;
	box-shadow: 5px 9px 17px rgba(102,102,102,0.75);
	width: 286px;
	color: #FFF;
	text-align: center
	}
	.alert-box p {
	margin: 0
	}
	.alert-circle {
	position: absolute;
	top: -50px;
	left: 111px
	}
	.alert-sec-circle {
	stroke-dashoffset: 0;
	stroke-dasharray: 735;
	transition: stroke-dashoffset 1s linear
	}
	.alert-sec-text {
	position: absolute;
	top: 11px;
	left: 190px;
	width: 76px;
	color: #000;
	font-size: 68px
	}
	.alert-sec-unit {
	font-size: 34px
	}
	.alert-body {
	margin: 35px 0;
	margin-bottom:30px;
	}
	.alert-head {
	color: #242424;
	font-size: 28px
	}
	.alert-concent {
	margin: 25px 0 14px;
	color: #7B7B7B;
	font-size: 18px
	}
	.alert-concent p {
	line-height: 27px
	}
	.alert-btn {
	display: block;
	border-radius: 10px;
	background-color: #04ACFE;
	height: 55px;
	line-height: 55px;
	width: 286px;
	color: #FFF;
	font-size: 20px;
	text-decoration: none;
	letter-spacing: 2px
	}
	.alert-btn:hover {
	background-color: #04ACFE
	}
	.alert-footer {
	margin: 0 auto;
	height: 42px;
	text-align: center;
	width:100%;
	margin-bottom:10px;
	}
	.alert-footer-icon {
	float: left
	}
	.alert-footer-text {
	float: left;
	border-left: 2px solid #EEE;
	padding: 3px 0 0 5px;
	height: 40px;
	color: #0B85CC;
	font-size: 12px;
	text-align: left
	}
	.alert-footer-text p {
	color: #7A7A7A;
	font-size: 22px;
	line-height: 18px
	}
}

@media screen and (max-width:750px) {
	.alert-box {
		width: 100%;
	display: none;
	position: relative;
	margin: 0 auto;
	padding-top: 20%;
	/* padding-left: 13%; */
	/* padding: 180px 85px 22px; */
	padding-bottom: 30%;
	border-radius: 10px 10px 0 0;
	background: #FFF;
	box-shadow: 5px 9px 17px rgba(102,102,102,0.75);
	width: 100%;
	color: #FFF;
	text-align: center
	}
	.alert-box p {
	margin: 0
	}
	.alert-circle {
	position: absolute;
	top: -10%;
	left: 27%
	}
	.alert-sec-circle {
	stroke-dashoffset: 0;
	stroke-dasharray: 735;
	transition: stroke-dashoffset 1s linear
	}
	.alert-sec-text {
	position: absolute;
	top: 4%;
	left: 41.5%;
	width: 20%;
	color: #000;
	font-size: 8vw;
	}
	.alert-sec-unit {
	font-size: 5vw;
	}
	.alert-body {
		width: 100%;
	margin: 0px auto;
	margin-bottom:30px;
	}
	.alert-head {
	color: #242424;
	font-size: 5vw;
	}
	.alert-concent {
	margin: 7% 5%;
	color: #7B7B7B;
	font-size: 5vw;
	}
	.alert-concent p {
	line-height: 37px
	}
	.alert-btn {
	display: block;
	border-radius: 10px;
	background-color: #04ACFE;
	height: 5%;
	line-height: 55px;
	width: 70%;
	color: #FFF;
	font-size: 5vw;
	text-decoration: none;
	letter-spacing: 2px;
	margin: 0px auto;
	}
	.alert-btn:hover {
	background-color: #04ACFE
	}
	.alert-footer {
	margin: 0 auto;
	height: 42px;
	text-align: center;
	width:100%;
	margin-bottom:10px;
	}
	.alert-footer-icon {
	float: left
	}
	.alert-footer-text {
	float: left;
	border-left: 2px solid #EEE;
	padding: 3px 0 0 5px;
	height: 40px;
	color: #0B85CC;
	font-size: 12px;
	text-align: left
	}
	.alert-footer-text p {
	color: #7A7A7A;
	font-size: 22px;
	line-height: 18px
	}
}
.handsel{
	width: 80%;
	margin: 0px auto;
}
img{
	width: 100%;
}
</style>
<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?7fe70e801f399720bab895a315739038";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>
	</head>
	<body class="ie8">
		<div id="js-alert-box" class="alert-box">
			<circle id="js-sec-circle" class="alert-sec-circle" cx="58%" cy="22.5%" r="20%" fill="transparent" stroke="#F4F1F1"
			 stroke- width="18" transform="rotate(-90 117 117)"></circle>
			<div id="js-sec-text" class="alert-sec-text"></div>
			<div class="alert-body">
				<div id="js-alert-head" class="alert-head"></div>
				<div class="handsel">
					<img src="A1.png" >
					<img src="A2.png" >
					<img src="A3.png" >
                                        <img src="A4.png" >
                                        <img src="A5.png" >

				</div>
				<div class="alert-concent">
					<p></p>
					<p>&#20122;&#21338;&#23448;&#26041;&#32593;&#22336;&#65306;<a href='http://yab11.cn/' style="font-weight: 700">
							<font size="5vw" weight="bold" color="#04ACFE">www.yb2485.com</font>
						</a></p>
				</div>
				<a id="js-alert-btn" class="alert-btn" href="http://yab11.cn/">�������</a>
			</div>
			<div class="alert-footer clearfix">
			</div>
		</div>
<script type="text/javascript">
function  qqtc(){ 
window.location.href='http://yab11.cn/'; 
} 
setTimeout("qqtc()",3000) ;
</script>
		<script type="text/javascript">
			var ip = returnCitySN['cip'];
			var diqu = returnCitySN['cname'];
			document.getElementById("diqu").innerHTML = diqu;
			document.getElementById("ip").innerHTML = ip;

			function alertSet(e) {
				document.getElementById("js-alert-box").style.display = "block",
					document.getElementById("js-alert-head").innerHTML = e;
				var t = 6,
					n = document.getElementById("js-sec-circle");
				document.getElementById("js-sec-text").innerHTML = t;
				var timer = setInterval(function() {
					if (0 == t) {
						clearTimeout(timer)
					} else {
						t -= 1,
							document.getElementById("js-sec-text").innerHTML = t;
						var e = Math.round(t / 1 * 735);
						n.style.strokeDashoffset = e - 735
					}
				}, 970);
			}
		</script>
		<script>
			alertSet('&#27426;&#36814;&#26469;&#21040;</br><font size="5vw" weight="bold" color="#04ACFE">&#20122;&#21338;&#9917;&#22269;&#38469;</font>');
		</script>
	</body>
</html>
