@charset "utf-8";
body { position: absolute; background:url(../../img/appdownload/app_bg.jpg) no-repeat center top #fff; background-size: cover; height: 100%; width: 100%; overflow: hidden; }
.zgj_log_index {min-height: 690px;padding-top: 90px;}
.zgj_log_bg {height: 238px;width: 100%;background-color: #1f498e;position: absolute;top: 239px;left: 0;opacity: 0.62;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=62);z-index: -1;}
.zgj_log_content { height: 520px; overflow: hidden; position: relative; }
.zgj_log_main { width: 1000px; margin: 0 auto; }
.zgj_log_index1 { float: left; margin-right: 35px; }
.zgj_log_index2 { padding-top: 35px; }
.zgj_log_index3 { }
.zgj_log_index4 {margin-top: 50px;float: left; }
.zgj_log_index4 a {display: block; outline: none; background:url(../../img/appdownload/app_text3_01.png) no-repeat;width: 305px;height: 93px;  cursor:default}
.zgj_log_index4 a:hover{background:url(../../img/appdownload/app_text3_01.png) no-repeat; }
.zgj_log_index5 { margin-top: 50px; float: left; }
.zgj_log_index5 a{outline: none;}
.zgj_log_index5 .qrcode{ cursor: default; outline: none;}
.zgj_log_index6 { float: left; position: relative; top: -82px;}
.zgj_log_index6 a {display: block; outline: none; background:url(../../img/appdownload/app_text3_03.png) no-repeat;width: 305px;height: 87px; cursor:default}
.zgj_log_index6 a:hover{background:url(../../img/appdownload/app_text3_03.png) no-repeat;}
.zgj_log_footer { height: 80px; line-height: 70px; width: 100%; background-color: #322f2f; position: fixed; bottom: 0; left: 0; }
.zgj_log_footer p { text-align: center; color: #fff; font-size: 14px; }

.zgj_log_cloud{
	background:url(../../img/appdownload/cloud.png) no-repeat;
	width:538px;
	height:320px;
	display:block;
	position:absolute;
	top:0;
	left: 50%;
	margin-left: -500px;
	-webkit-transform:translateY(60px);
	-moz-transform:translateY(60px);
	transform:translateY(60px);
	-webkit-animation:animations 14s ease-out infinite;
	-moz-animation:animations 14s ease-out infinite;
	animation:animations 14s ease-out infinite;
}
@-webkit-keyframes animations{
    0%{-webkit-transform:translateY(0);opacity:0;}
    50%{-webkit-transform:translateY(-30px);opacity:1;}
    70%{-webkit-transform:translateY(-35px);opacity:1;}
    100%{-webkit-transform:translateY(-60px);opacity:0;}
}
@-moz-keyframes animations{
    0%{-moz-transform:translateY(0);opacity:0;}
    50%{-moz-transform:translateY(-30px);opacity:1;}
    70%{-moz-transform:translateY(-35px);opacity:1;}
    100%{-moz-transform:translateY(-60px);opacity:0;}
}
@keyframes animations{
    0%{transform:translateY(0);opacity:0;}
    50%{transform:translateY(-30px);opacity:1;}
    70%{transform:translateY(-35px);opacity:1;}
    100%{transform:translateY(-60px);opacity:0;}
}


@media screen and (max-width:1366px) {
	.zgj_log_index{padding-top:30px !important;}
	.zgj_log_footer{height:50px; line-height:48px;}
	.zgj_log_footer p{font-size:12px;}
}
