body{width:100%;height:100%;background:#111217;min-width:1024px;font-family:"microsoft yahei";overflow-x:hidden;font-size:16px;}
.w1000{width:1000px;height:100%;position:relative;margin:auto;}
.header,.footer{width:100%;}
.header{background:#5F0000;height:112px;}
.header .logo{width:540px;height:70px;background:url("../img/logo.png")/*tpa=http://www.789.as/img/logo.png*/ center left no-repeat;position:absolute;left:0;top:21px;}
.header .kf{width:283px;height:62px;background:url("../img/kf.png")/*tpa=http://www.789.as/img/kf.png*/;position:absolute;bottom:10px;right:0;}
.header .links{
	position: absolute;
	right: 35px;
	top: 13px;
}
.header .links a{color:#fff;display:inline-block;margin-left:15px;}
.main{width:100%;min-height:500px;background:url("../img/bg.jpg")/*tpa=http://www.789.as/img/bg.jpg*/ center 0 no-repeat #fff;padding:50px 0 10px;}
/*内容区*/
ul.circuit{width:1000px;height:auto;margin:auto;}
ul.circuit li{height:180px;width:180px;margin-right:25px;float:left;}
ul.circuit li a{display:block;height:100%;width:100%;overflow:hidden;}
ul.circuit h1{color:#fff;text-align: center;margin-top:100px;font-size:30px;}
ul.circuit p{color:#fff;text-align: center;font-size:18px;}
.c1{background:url("../img/c1.png")/*tpa=http://www.789.as/img/c1.png*/;}
.c2{background:url("../img/c2.png")/*tpa=http://www.789.as/img/c2.png*/;}
.c3{background:url("../img/c3.png")/*tpa=http://www.789.as/img/c3.png*/;}
.c4{background:url("../img/c4.png")/*tpa=http://www.789.as/img/c4.png*/;}
.c5{background:url("../img/c5.png")/*tpa=http://www.789.as/img/c5.png*/;}
.erweima{width:1000px;margin:20px auto 60px;position:relative;}
.erweima .ewmBg{margin-left:-52px;}
.android,.ios{width:180px;height:180px;position:absolute;top:130px;background:#fff;overflow:hidden;}
.android img,.ios img{width:100%;}
.android{right:65px;}.ios{right:335px;}
.block{width:1000px;margin:0 auto 20px;border:1px solid #8D282D;border-radius:4px;padding-bottom:20px;}
.block h1{background:#8D282D;color:#fff;font-size:20px;font-weight:100;height:45px;line-height:40px;padding-left:10px;}
.block h1>span{vertical-align: middle;}
.block li{width:151px;height:50px;border:2px solid #ddd;float:left;margin:20px 0 0 10px;}
.block li:hover{border-color:#E50111;}
.block li a{width:100%;height:100%;display:block;line-height:50px;text-align:center;}
.block li a img,.block li a i{vertical-align:middle;margin:0 2px;color:#333;}
/*底部*/
.footer{text-align:center;color:#323744;overflow:hidden;padding:20px 0 30px;background:#fff;}
.footer p{line-height:30px;}
.bottomPic{overflow:hidden;width:700px;margin:20px auto 0;}
.bottomPic li{float:left;margin:0 10px;}
/*公共颜色*/
.red {color: #e40304;}
.icon-logo{width:30px;height:30px;display:inline-block;background:url("../img/icon-logo.png")/*tpa=http://www.789.as/img/icon-logo.png*/;vertical-align:middle;margin-right:3px;}
.last{margin:0!important;}
.clearfix{ zoom:1;}   /*==for IE6/7 Maxthon2==*/
.clearfix:after{clear:both;content:'.';display:block;width: 0;height: 0;visibility:hidden;}
.clear{overflow:hidden;}
/*动画*/
.animteeh{opacity: 0.2;transition: all ease 1.5s;
	-webkit-transition: all ease 1.5s;
	-moz-transition: all ease 1.5s;
	-o-transition: all ease 1.5s;
	transform: translateY(100px);
	-webkit-transform: translateY(100px);
	-moz-transform: translateY(100px);
	-ms-transform: translateY(100px);
	-o-transform: translateY(100px);	
}
.animteeh.active{opacity:1;transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
}
.circuit li:hover{animation:change .35s linear 0s;}
@keyframes change{
	25%{transform:scale(1.1,1.1);}
	50%{transform:scale(1.2,1.2);}
	75% {transform:scale(1.1,1.1);}
	100%{transform:scale(1,1);}
}