body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
*{font-family:"黑体",arial;}
table{border-collapse:collapse;border-spacing:0;}
img{border:0;}
em{font-weight:bold;}
ol,ul,li{list-style:none;}
.cf:after{display:block; height:0; visibility:hidden; clear:both; content:".";}
.cf{display:inline-block;}
* html .cf{height:1em;}
.cf{display:block;}
.center{text-align:center;}
body{font-size:12px; color:#333;}
a{ outline:none; color:#39c; text-decoration:none;}
a:hover{color:#d6000f; text-decoration:underline;}
.fix, .router, .news{margin:0 auto; width:900px;}
.top{height:42px; background-color:#4b4b4b; border-bottom:1px solid #333;}
.top .fix{position:relative;}
a.home{position:absolute; right:0px; top:0px; color:#fff; line-height:42px;}
a.logo{width:85px; height:42px; background:url(../logo.png) no-repeat; display:block; text-indent:-9999px;}
.header{height:353px; background:url(../top.jpg) no-repeat center top; text-indent:-9999px;}
h2{margin-bottom:50px; font-family:"黑体"; font-size:36px; text-align:center; font-weight:normal; color:#0068b7;}
h2.first{margin-bottom:20px;}
.box{ padding:60px 0px 80px; border-bottom:1px solid #d9d9d9;}
.router {height:162px; background:url(../2.png) repeat-x; position:relative; overflow:hidden;}
.router li{float:left; padding:10px 0px; width:100px; height:102px; display:inline;position:relative; text-align:center;}
.router li.on{ background:url(../1.png) repeat-x;}
.router li.on span{color:#00b7ee;}
.router li em{position:absolute; left:42px; top:73px; width:16px; height:16px; background:url(../circle.gif) no-repeat; cursor:pointer;}
.router li em.off{background:url(../circle.gif) no-repeat 0px -16px;}
.router li span{position:absolute; left:0px; top:95px; width:100px; font-size:14px; color:#ccc; display:block; text-align:left;}

.router li span strong{ font-weight:normal;}
.router li span.evens{top:35px;}

.agenda{float:left; width:440px;}
.introduce{float:right; padding-left:60px; width:400px;}
.agenda h2,.introduce h2{margin-bottom:30px;}
.introduce p{font-size:14px; line-height:24px;}

.table1{border-collapse:collapse;}
.table1 th, .table1 td{padding:8px 20px; font-size:14px; border:2px solid #fff;}
.table1 th{color:#fff; background:#00b7ee;}
.table1 td{color:#666; background:#f2f2f2;}
.table1 tr:nth-child(odd) td{ background:#ddd;}
.product{margin:auto; width:870px;}
.product li{float:left; margin:0 6px; width:278px; height:300px; text-align:center; display:inline;}
.product li a{ width:278px; height:280px; overflow:hidden; display:block; background-color:#a2e6df;}
.product li img{margin-bottom:15px;}
.product li img{transition:all 0.3s ease 0s;}
.product li a:hover img{transform:scale(1.1,1.1);}
.photo{margin:0 auto; width:896px;}
.photo li{float:left; margin:0 6px; width:210px; height:152px;}
.photo li a{ width:210px; height:140px; border:1px solid #ddd; display:block;}
.photo li img{width:210px; height:140px;}
.city{margin:0 auto 15px; width:860px; text-align:right; font-size:14px; line-height:24px;}
.city select{width:100px;}
.news li{float:left; width:50%; font-size:14px; line-height:24px;}

.guide{position:fixed; right:20px; top:200px; display:none;}
.guide li{margin-bottom:6px; width:16px; height:16px; border:1px solid #00b7ee; background:rgba(0,183,238,.7); border-radius:16px; cursor:pointer;}
.guide li.on{border:1px solid #00b7ee; background:rgba(243,252,255,.2);}

.router li s {
	display: block;
	font-size: 0px;
	width: 16px;
	height: 16px;
	left:42px;
	top:73px;
	border-radius: 50%;
	text-align: center;
	position: absolute;
	z-index: 1;
	color: #fff;
	line-height:0px;

	-webkit-animation: sonarEffect 1.3s ease-out 75ms infinite;
	-moz-animation: sonarEffect 1.3s ease-out 75ms infinite;
	animation: sonarEffect 1.3s ease-out 75ms infinite;
}
@-webkit-keyframes sonarEffect {
	0% {
		opacity: 0.3;
	}
	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 2px rgba(0,183,238,0.2), 0 0 10px 10px #f3fcff, 0 0 0 10px rgba(0,183,238,0.5);
	}
	100% {
		box-shadow: 0 0 0 2px rgba(0,183,238,0.2), 0 0 10px 10px #f3fcff, 0 0 0 10px rgba(0,183,238,0.5);
		-webkit-transform: scale(1.5);
		opacity: 0;
	}
}
@-moz-keyframes sonarEffect {
	0% {
		opacity: 0.3;
	}
	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 2px rgba(0,183,238,0.2), 0 0 10px 10px #f3fcff, 0 0 0 10px rgba(0,183,238,0.5);
	}
	100% {
		box-shadow: 0 0 0 2px rgba(0,183,238,0.2), 0 0 10px 10px #f3fcff, 0 0 0 10px rgba(0,183,238,0.5);
		-moz-transform: scale(1.5);
		opacity: 0;
	}
}
@keyframes sonarEffect {
	0% {
		opacity: 0.3;
	}
	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 2px rgba(0,183,238,0.2), 0 0 10px 10px #f3fcff, 0 0 0 10px rgba(0,183,238,0.5);
	}
	100% {
		box-shadow: 0 0 0 2px rgba(0,183,238,0.2), 0 0 10px 10px #f3fcff, 0 0 0 10px rgba(0,183,238,0.5);
		transform: scale(1.5);
		opacity: 0;
	}
}