


ul,li,ol,dl,dt,dd{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline;}


img{border:0;max-width:100%;height:auto;vertical-align:middle;}
table{border-spacing:0;border-collapse:collapse;}
li{list-style:none; text-decoration:none;}::-webkit-input-placeholder,:-moz-placeholder,::-moz-placeholder,:-ms-input-placeholder{color:#c0c0c0;}
a{text-decoration:none;}

.clear{clear:both;}
.con-layer{width:100%;max-width:640px;margin:0 auto;}
.con-count{float:left;width:100%;height:auto;}
.con-layers{width:100%;max-width:640px;margin:0 auto; position:relative;}

/**切换效果**/



.footer{width:100%; height:980px; background:url(../images/fot.jpg) no-repeat #0e0905;}
.footer p{width:100%; text-align:center; color:#FFF; font-size:24px; line-height:35px; margin-top:730px; display:inline-block}

.con-footer{width:100%; height:100px; position:fixed; bottom:0; background:url(../images/fot-bj.png) no-repeat center bottom; margin:0 auto; left:50%; margin-left:-320px; z-index:100}
.con-footer ul{float:left; width:100%; height:100px; margin-top:6px;}
.con-footer ul li{float:left; width:20%; height:100px; text-align:center;}
.con-footer ul li a{float:left; width:100%; height:100px; color:#f8e7d0; font-size:22px; padding-top:50px}
.con-footer ul li:nth-child(1){ background:url(../images/fot-ico2.png) no-repeat center 10px;}
.con-footer ul li:nth-child(2){ background:url(../images/fot-ico3.png) no-repeat center 10px;}
.con-footer ul li:nth-child(3){ background:url(../images/fot-ico4.png) no-repeat center 10px; margin-left:20%;}
.con-footer ul li:nth-child(4){ background:url(../images/fot-ico5.png) no-repeat center 10px;}
.con-footer .con-footer-zx{float:left; width:132px; height:132px; background:url(../images/fot-ico1.png) no-repeat; background-size:100% 100%; border-radius:50%; position:absolute; left:255px; overflow:hidden; bottom: 0;}
.con-footer .con-footer-zx a{float:left; width:100%; height:162px; text-align:center; font-size:20px; padding-top:80px; color:#f8e7d0;}
.con-footer .con-footer-zx a i{float:left; width:35px; height:20px; line-height:20px; border-radius:5px; color:#d21039; background:#f8e7d0; position:absolute; font-size:15px; top:30px; right:20px;animation: jump 2s infinite;}



@-webkit-keyframes pan-ripple{0%{-webkit-transform:scale(1);opacity:0}30%{-webkit-transform:scale(1.1);opacity:1}100%{-webkit-transform:scale(1.4);opacity:0}}
.s-ripple i{position:absolute;width:70px;height:70px;border-radius:50%;border:1px solid #990d1a;box-sizing:border-box}
.ripple{background:#990d1a;color:#fff;font-size:16px;text-align:center;font-style:normal;padding-top:13px;opacity:.8}
.ripple-a{opacity:0;-webkit-transform:scale(1);transform:scale(1);-webkit-animation:pan-ripple 2s linear infinite;animation:pan-ripple 2s linear infinite}
.ripple-b{opacity:0;-webkit-transform:scale(1);transform:scale(1);-webkit-animation:pan-ripple 1s linear infinite;animation:pan-ripple 1s linear infinite}
.s-ripple{box-sizing: content-box;z-index:99999;position:fixed;width:50px;height:70px; padding:8px;top:50%; right:30px;}

.s-ripple-r{box-sizing: content-box;z-index:99999;position:fixed;width:100px;height:100px; }
@-webkit-keyframes jump{
	0%,100%,20%,50%,80% {-webkit-transform: translateY(0);transform: translateY(0)}
	40% {-webkit-transform: translateY(-4px);transform: translateY(-4px)}
	60% {-webkit-transform: translateY(-2px);transform: translateY(-2px)}
}