@charset "utf-8";
/* CSS Document */
/*-- 第一屏 --*/
.con1{ position:absolute;  top:0; left:0; width:100%; height:100%; display:block;}
.imgcon{ position:relative; height:60%; text-align:center;}
.jbg1{ background:url(../img/juese/cwzj_02.jpg) no-repeat center top;}
.jbg2{ background:url(../img/renli/rlzi_02.jpg) no-repeat center top;}
.jbg3{ background:url(../img/xiaoshou/xszj_02.jpg) no-repeat center top;}
.jbg4{ background:url(../img/zongjingli/zjl-bj_02.jpg) no-repeat center top;}
.jsbg1{ width:100%; height:760px; position:relative; top:0; left:0; opacity: 0; background-size:auto 100%; line-height:50px; text-align:center;}
.jsbg1 .pbox { position: absolute; width:286px; height:92px; left: 50%; top:20px; margin: 0 0 0 -143px;  opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}
.jsbg1 .jsp1{ color:#373e85; font-size:40px; font-weight:bold; padding-top:50px;}
.jsbg1 .jsp2{ color:#4e4e4e; font-size:14px;}

.jsbg1 img{
 display:block; margin:0 auto; position:relative; top:30%;
    opacity: 0;
    -webkit-transform: translate(-190px,-50px);
	 -ms-transform:translate(-190px,-50px);
	 -o-transform: translate(-190px,-50px);
	 transform:translate(-190px,-50px);
    -webkit-transition-property: opacity, transform;
    -o-transition-property: opacity, transform;
    transition-property: opacity, transform;
    -webkit-transition-duration:0.5s;
    -o-transition-duration:0.5s;
    transition-duration:0.5s;
    -webkit-transition-delay:0.5s;
    -o-transition-delay:0.5s;
    transition-delay:0.5s;
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.section h3{opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5);
	-webkit-transform: translate(0,-60px);
	-ms-transform:translate(0,-60px);
	-o-transform: translate(0,-60px);
	transform:translate(0,-60px); 
	transition: all 1s; color:#373e85; font-size:30px; font-weight:normal; text-align:center; padding-bottom:20px;}
.section h3 p{ font-size:18px; color:#1f1f1f; height:80px; line-height:60px; display:block;}	
.section h3 a{ color:#fcfcfc; padding:15px 19px; background:#525aac; border-radius:4px; overflow:hidden; font-size:30px; margin-top:15px;}
.section .img1{ transition: all 1s; width:911px; position:absolute; left:70%; top:400px; margin: 0 0 0 -455px; opacity:0; text-align:center; }	
/* CSS3过度及动画 */
.active .jsbg1 img{
    opacity: 1;
	-webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0);
}

.active .jsbg1{ opacity:1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}
.active h3 {
	opacity: 1; 
	font-size:30px;
	-webkit-transform:scale(1, 1); transform:scale(1, 1);  -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);  -o-transform: translate(0,0);  transform: translate(0,0);
	transition-delay: 0.7s;}
.active .pbox { opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}
.active .img1{ top:20px; left:50%; transition-delay:1s;  opacity:1;}