.vedioBg{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:url(../images/images/bannerInfoBg.png);z-index:4;}
.vedio{display:none;position:fixed;top:0;bottom:0;left:0;right:0;margin:auto;width:832px;height:632px;background:#fff;z-index:5;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
-webkit-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.2);
-ms-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.2);
-o-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.2);
box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.2);}
.vedioClose{position:absolute;top:-18px;right:-18px;width:36px;height:36px;cursor: pointer;}
.vedioContent{width:100%;height:100%;padding:16px;height:600px;width:800px;}
.vedioContent iframe{width:100% !important;height:100% !important;}

.banner{position:relative;min-width:1200px;height:auto;margin:0px auto;overflow:hidden;max-height:895px;}
.banner .bg{display:block;width:100%; visibility:hidden;}
.banner-img{position:absolute;top:0px;width:100%;height:auto;min-width:1200px;}
.banner-img img{position:absolute;top:0px;left:0px;width:100%;}
.bannerInfo{position:absolute;top:50%;margin-top:-150px;left:0px;width:100%;}
.bannerInfo .center{position:absolute;top:0px;left:0px;right:0px;width:900px;text-align:center;background: url(../images/index/bannerBg.png);padding: 30px 0;margin: auto auto;border-radius: 20px;}
.bannerInfo p{margin:0px;}
.bannerInfo .title{color:#EDAF70;font-size:57px;text-align:center;letter-spacing: 8px;text-shadow:1px 1px 1px #000000;}
.bannerInfo .info{font-family:Arial;font-weight:bold;color:#FFFFFF;font-size:23px;text-align:center;letter-spacing: 8px;margin:20px 0px;text-shadow:1px 1px 1px #000000; }
.bannerInfo .linkBtn{width:110px;height:40px;line-height:40px;font-size:14px;font-weight:bold;color:#000;background:#fff;margin:0px auto;text-align:center;
transition-property: all;
transition-duration: 1s;
-moz-transition-property: all; /* Firefox 4 */
-moz-transition-duration: 1s; /* Firefox 4 */
-webkit-transition-property: all; /* Safari and Chrome */
-webkit-transition-duration: 1s; /* Safari and Chrome */
-o-transition-property: all; /* Opera */
-o-transition-duration: 1s; /* Opera */
}
.bannerInfo .linkBtn:hover{width:200px;background:#E5E5E5;}

.bannerBottom{position:absolute;bottom:0px;left:50%;margin-left:-600px;width:1200px;height:200px;background:url(../images/index/bannerBg.png);}
.bannerBottom .center{position:relative;width:100%;height:100%;}
.bannerBottom .bottomImg{position:relative;width:380px;height:200px;line-height:200px;float:left;text-align:center;}
.bannerBottom .bottomImg img{ vertical-align:middle;}
.bannerBottom .bottomInfo{position:relative;width:730px;height:200px;float:left;}
.bannerBottom .bottomInfo .title{color:#fff;font-size:24px;margin:60px 0px 20px 0px;}
.bannerBottom .bottomInfo .info{color:#CBCBCB;font-size:14px;line-height:25px;width:730px;margin:0px;}
.banner .btn{position:absolute;top:45%;margin-top:-31px;cursor:pointer;opacity:0.4;}
.banner .btn:hover{opacity:1;}
.banner .pre-btn{left:6%;}
.banner .next-btn{right:6%;}

.mainTitle{position:relative;width:1200px;border-bottom:1px solid #b9b9b9;margin:0px;color:#333333;font-size:30px;height:60px;line-height:60px;}

.mainTitle .more{position:absolute;right:0px;color:#00387D;top:10px;font-size:14px;}
.mainTitle .more:hover{color:#999999;}

.product{width:100%;min-width:1200px;padding-top:10px;height:530px;background:#fff;}
.product:after{content: "020"; display: block; height: 0; clear: both;visibility:hidden;}
.product .content{width:1200px;margin:0px auto;}
.product .content:after{content: "020"; display: block; height: 0; clear: both;visibility:hidden;}
.product .content .child{position:relative;width:260px;float:left;margin-right:40px;margin-top:48px;}
.product .content .child:nth-child(4){margin-right:0px;}
.product .content .child .childImg{width:260px;height:240px;text-align:center;line-height:240px;}
.product .content .child .childImg img{ vertical-align:middle;max-width:100%;height:auto;
transition-property: all;
transition-duration: 1s;
-moz-transition-property: all; /* Firefox 4 */
-moz-transition-duration: 1s; /* Firefox 4 */
-webkit-transition-property: all; /* Safari and Chrome */
-webkit-transition-duration: 1s; /* Safari and Chrome */
-o-transition-property: all; /* Opera */
-o-transition-duration: 1s; /* Opera */}
.product .content .child .childImg img:hover{-moz-transform:scale(1.2);-webkit-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);}
.product .content .child .childTitle{width:100%;color:#00387D;font-size:20px;margin:10px 0px;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.product .content .child .childNo{color:#333333;font-size:13px;font-weight:bold;margin:10px 0px;}
.product .content .child .childInfo{color:#333333;font-size:14px;line-height:25px;margin:0px;height:135px;overflow:hidden;}
.product .content .child .childInfo:hover{color:#000;font-weight:bold;}
.product .content .child .childLink{font-size:14px;color:#00387D;}
.product .content .child .childLink img{ vertical-align:middle;margin-right:5px;}
.product .content .child .childLink font{ vertical-align:middle;}
.images{position:relative;width:100%;padding:10px 0px 50px 0px;;min-width:1200px;height:auto;background:#f4f4f4;}
.images:after{content: "020"; display: block; height: 0; clear: both;visibility:hidden;}
.images .content{width:1200px;margin:0px auto;}
.images .content:after{content: "020"; display: block; height: 0; clear: both;visibility:hidden;}
.images .content .child{position:relative;width:265px;height:225px;float:left;margin:40px 15px 0px 20px;}
.images .content .child .childImg{position:relative;width:265px;height:165px;overflow:hidden;}
.images .content .child .childImg img{width:100%; vertical-align:middle;
transition-property: all;
transition-duration: 1s;
-moz-transition-property: all; /* Firefox 4 */
-moz-transition-duration: 1s; /* Firefox 4 */
-webkit-transition-property: all; /* Safari and Chrome */
-webkit-transition-duration: 1s; /* Safari and Chrome */
-o-transition-property: all; /* Opera */
-o-transition-duration: 1s; /* Opera */}
.images .content .child .childImg:hover img{-moz-transform:scale(1.2);-webkit-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);}
.images .content .child .childImg .childImgBg{text-align:right;position:absolute;bottom:10px;left:100%;background:url(../images/grayBg.png);width:100%;height:30px;line-height:30px;}
.images .content .child .childImg .childImgBg{
transition-property: all;
transition-duration: .5s;
-moz-transition-property: all; /* Firefox 4 */
-moz-transition-duration: .5s; /* Firefox 4 */
-webkit-transition-property: all; /* Safari and Chrome */
-webkit-transition-duration: .5s; /* Safari and Chrome */
-o-transition-property: all; /* Opera */
-o-transition-duration: .5s; /* Opera */}
.images .content .child .childImg .childImgBg span{font-weight:bold;margin-right:5%;color:#000;font-size:14px;}
.images .content .child .childImg:hover .childImgBg{left:0px;}
.images .content .child .childTitle{width:100%;color:#333333;font-size:16px;margin:15px 0px;}
.images .content .child .childIcon img{ vertical-align:middle;margin-right:2px;}
.images .content .child .childIcon font{ vertical-align:middle;margin-right:5px;font-size:14px;color:#999999;margin-right:12px;}
.news{width:100%;min-width:1200px;padding-top:40px;height:500px;background:#fff;}
.news .content{width:1200px;margin:0px auto;}
.news .content .mainTitle{width:100%;height:60px;line-height:60px;font-size:24px;}
.news .content  .newsChilds{position:relative;width:570px;margin-right:25px;float:left;}
.news .content  .newsChild{position:relative;width:570px;height:80px;margin-top:30px;
transition-property: all;
transition-duration: 1s;
-moz-transition-property: all; /* Firefox 4 */
-moz-transition-duration: 1s; /* Firefox 4 */
-webkit-transition-property: all; /* Safari and Chrome */
-webkit-transition-duration: 1s; /* Safari and Chrome */
-o-transition-property: all; /* Opera */
-o-transition-duration: 1s; /* Opera */

perspective:1000;
-webkit-perspective:1000; /* Safari and Chrome */
transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;	/* Safari 和 Chrome */}
.news .content  .newsChild:hover{-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);
-o-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);
-ms-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);
box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);
-webkit-transform:translateX(-8px);
-moz-transform:translateX(-8px);
-o-transform:translateX(-8px);
-ms-transform:translateX(-8px);
transform:translateX(-8px);
 }
.news .content  .newsChild .newsImg{float:left;width:120px;height:80px;}
.news .content  .newsChild .newsContent{position:relative;float:right;width:430px;}
.news .content  .newsChild .newsContent .time{background:#ccc;text-align:center;width:80px;height:20px;line-height:20px;font-size:12px;color:#fff;margin-top:10px;}
.news .content  .newsChild .newsContent .title{color:#000000;font-size:14px;margin:15px 0px;}
.news .content .childLink{font-size:14px;color:#00387D;margin-top:28px;}
.news .content .childLink img{ vertical-align:middle;margin-right:8px;}
.news .content .childLink font{ vertical-align:middle;}


@media (min-width: 240px) and (max-width: 319px) {
	
}
@media (min-width: 320px) and (max-width: 479px) {

.vedio{width:90%;height:262px;}
.vedioClose{top:-18px;right:-18px;width:36px;height:36px;}
.vedioContent{padding:16px 4%;height:230px;width:92%;}

.banner{min-width:320px;}
.banner .bg{width:auto;height:225px;}
.banner-img{min-width:320px;}
.banner-img img{width:auto;height:225px;}
.bannerInfo{position:absolute;top:50%;margin-top:-70px;left:0px;width:100%;}
.bannerInfo .center{width:320px;padding: 20px 0;}
.bannerInfo p{margin:0px;}
.bannerInfo .title{font-size:20px;letter-spacing: 2px;}
.bannerInfo .info{font-size:12px;margin:5px 0px;letter-spacing:2px; }
.bannerInfo .linkBtn{display:none;}


.bannerBottom{margin-left:-160px;width:320px;height:80px;}
.bannerBottom .bottomImg{width:120px;height:80px;line-height:80px;}
.bannerBottom .bottomImg img{ width:80%;}
.bannerBottom .bottomInfo{width:190px;height:80px;line-height:80px;}
.bannerBottom .bottomInfo .title{font-size:13px;margin:0px;width:190px;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.bannerBottom .bottomInfo .info{display:none;}
.banner .btn{top:40%;margin-top:-31px;cursor:pointer;opacity:0.4;}
.banner .btn img{width:20px;}
.banner .pre-btn{left:3%;}
.banner .next-btn{right:3%;}

.mainTitle{width:300px;font-size:20px;height:40px;line-height:40px;margin:0px auto;}
.mainTitle .more{top:5px;font-size:12px;}
.product{min-width:320px;padding-top:5px;height:auto;}
.product .content{width:300px;}
.product .content .child{width:140px;float:left;margin:5px;}
.product .content .child .childImg{width:140px;height:130px;line-height:130px;}
.product .content .child .childImg img{max-width:70%;}
.product .content .child .childTitle{font-size:14px;margin:5px 0px;}
.product .content .child .childNo{font-size:12px;margin:5px 0px;}
.product .content .child .childInfo{font-size:12px;line-height:20px;}

.images{width:100%;padding:5px 0px 25px 0px;min-width:320px;}
.images .content{width:290px;}
.images .content .child{width:133px;height:113px;float:left;margin:20px 5px 10px 5px;}

.images .content .child .childImg{width:133px;height:83px;}
.images .content .child .childTitle{font-size:14px;margin:3px 0px;}
.images .content .child .childIcon img{margin-right:1px;}
.images .content .child .childIcon font{margin-right:3px;font-size:12px;margin-right:6px;}


.news{min-width:320px;padding:10px 0px;height:auto;}
.news .content{width:300px;}
.news .content .mainTitle{height:40px;line-height:40px;font-size:20px;}
.news .content .newsChilds{margin-right:0px;float:none;width:300px;}

.news .content  .newsChild{width:300px;height:50px;margin-top:30px;}
.news .content  .newsChild .newsImg{float:left;width:60px;height:40px;}
.news .content  .newsChild .newsImg img{width:100%;}
.news .content  .newsChild .newsContent{width:230px;}
.news .content  .newsChild .newsContent .time{margin-top:0px;}
.news .content  .newsChild .newsContent .title{margin:0px;}



}
@media (min-width: 480px) and (max-width: 639px) {

.vedio{width:90%;height:246px;}
.vedioClose{top:-18px;right:-18px;width:36px;height:36px;}
.vedioContent{padding:16px 4%;height:230px;width:92%;}

.banner{min-width:480px;}
.banner .bg{width:auto;height:338px;}
.banner-img{min-width:480px;}
.banner-img img{width:auto;height:338px;}
.bannerInfo{position:absolute;top:50%;margin-top:-70px;left:0px;width:100%;}
.bannerInfo .center{width:480px;padding: 20px 0;}
.bannerInfo p{margin:0px;}
.bannerInfo .title{font-size:20px;letter-spacing: 2px;}
.bannerInfo .info{font-size:12px;margin:5px 0px;letter-spacing:2px; }
.bannerInfo .linkBtn{display:none;}


.bannerBottom{margin-left:-240px;width:480px;height:120px;}
.bannerBottom .bottomImg{width:180px;height:120px;line-height:120px;}
.bannerBottom .bottomImg img{ width:80%;}
.bannerBottom .bottomInfo{width:285px;height:120px;line-height:120px;}
.bannerBottom .bottomInfo .title{font-size:16px;margin:0px;width:280px;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.bannerBottom .bottomInfo .info{display:none;}
.banner .btn{top:40%;margin-top:-31px;cursor:pointer;opacity:0.4;}
.banner .btn img{width:20px;}
.banner .pre-btn{left:3%;}
.banner .next-btn{right:3%;}

.mainTitle{width:450px;font-size:30px;height:60px;line-height:60px;margin:0px auto;}

.product{min-width:480px;padding-top:10px;height:auto;}
.product .content{width:450px;}
.product .content .child{width:210px;float:left;margin:7px;}
.product .content .child .childImg{width:210px;height:194px;line-height:194px;}
.product .content .child .childImg img{max-width:70%;}

.images{min-width:480px;padding:10px 0px 50px 0px;}
.images .content{width:450px;}
.images .content .child{width:200px;height:170px;margin:40px 10px 0px 10px;}
.images .content .child .childImg{width:200px;height:125px;}

.news{min-width:480px;padding:40px 0px;height:auto;}
.news .content{width:450px;}
.news .content .newsChilds{margin-right:0px;float:none;width:450px;}
.news .content  .newsChild{width:450px;height:80px;margin-top:30px;}
.news .content  .newsChild .newsImg{float:left;}
.news .content  .newsChild .newsImg img{width:100%;}
.news .content  .newsChild .newsContent{width:320px;}

.float{display:none;}
}
@media (min-width: 640px) and (max-width:1023px ) {

.vedio{width:90%;height:492px;}
.vedioClose{top:-18px;right:-18px;width:36px;height:36px;}
.vedioContent{padding:16px 4%;height:460px;width:92%;}
	
.banner{min-width:640px;}
.banner .bg{width:auto;height:450px;}
.banner-img{min-width:640px;}
.banner-img img{width:auto;height:450px;}
.bannerInfo{position:absolute;top:50%;margin-top:-150px;left:0px;width:100%;}
.bannerInfo .center{width:640px;padding: 20px 0;}
.bannerInfo p{margin:0px;}
.bannerInfo .title{font-size:50px;letter-spacing: 6px;}
.bannerInfo .info{font-size:22px;margin:15px 0px;letter-spacing: 4px; }
.bannerInfo .linkBtn{display:none;}


.bannerBottom{margin-left:-320px;width:640px;height:150px;}
.bannerBottom .bottomImg{width:240px;height:150px;line-height:150px;}
.bannerBottom .bottomImg img{ width:80%;}
.bannerBottom .bottomInfo{width:380px;height:150px;line-height:150px;}
.bannerBottom .bottomInfo .title{font-size:26px;margin:0px;width:380px;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.bannerBottom .bottomInfo .info{display:none;}
.banner .btn{top:30%;margin-top:-31px;cursor:pointer;opacity:0.4;}
.banner .pre-btn{left:6%;}
.banner .next-btn{right:6%;}

.mainTitle{width:580px;font-size:30px;height:60px;line-height:60px;margin:0px auto;}

.product{min-width:640px;padding-top:10px;height:auto;}
.product .content{width:580px;}
.product .content .child{width:260px;float:left;margin:10px;}

.images{width:100%;padding:10px 0px 50px 0px;min-width:640px;}
.images .content{width:580px;}
.images .content .child{width:265px;height:225px;float:left;margin:40px 10px 0px 10px;}

.news{min-width:640px;padding:40px 0px;height:auto;}
.news .content{width:580px;}
.news .content  .newsChilds{margin-right:0px;float:none;}

.float{display:none;}
}
@media (min-width: 1024px) and (max-width:1199px ) {
.banner{min-width:1024px;}
.banner-img{min-width:1024px;}

.bannerInfo{position:absolute;top:50%;margin-top:-150px;left:0px;width:100%;}
.bannerInfo .center{width:700px;text-align:center;padding: 20px 0;}
.bannerInfo p{margin:0px;}
.bannerInfo .title{color:#EDAF70;font-size:40px;text-align:center;letter-spacing: 8px;text-shadow:1px 1px 1px #000000;}
.bannerInfo .info{color:#FFFFFF;font-size:18px;text-align:center;letter-spacing: 8px;margin:20px 0px;text-shadow:1px 1px 1px #000000; }
.bannerInfo .linkBtn{width:110px;height:40px;line-height:40px;font-size:14px;font-weight:bold;color:#000;background:#fff;margin:0px auto;text-align:center;}

.bannerBottom{margin-left:-450px;width:900px;height:150px;}
.bannerBottom .bottomImg{position:relative;width:255px;height:150px;line-height:150px;float:left;text-align:center;}
.bannerBottom .bottomImg img{ max-width:70%;}
.bannerBottom .bottomInfo{width:645px;height:150px;}
.bannerBottom .bottomInfo .title{margin:20px 0px 10px 0px;}
.bannerBottom .bottomInfo .info{width:630px;}
.banner .btn{top:40%;}

.mainTitle{width:900px;margin:0px auto;}

.product{min-width:1024px;height:550px;}
.product .content{width:900px;}
.product .content .child{width:210px;margin-right:15px;margin-top:20px;}
.product .content .child .childImg{width:210px;height:200px;line-height:200px;}
.product .content .child .childImg img{ max-width:80%;}

.images{min-width:1024px;height:600px;}
.images .content{width:900px;margin:0px auto;}
.images .content .child{width:200px;margin:30px 10px 0px 10px;}
.images .content .child .childImg{width:200px;height:124px;}
.news{min-width:1024px;padding-top:20px;height:500px;}
.news .content{width:900px;margin:0px auto;}

.news .content  .newsChilds{width:440px;margin-right:8px;}
.news .content  .newsChild{width:440px;height:80px;margin-top:30px;}
.news .content  .newsChild .newsImg{float:left;}
.news .content  .newsChild .newsContent{width:300px;}

}


/*css3 animate*/
#bannerInfoIn{
	animation:bannerInfoIn 0.5s  ease-out 0s  both;
	-moz-animation:bannerInfoIn 0.5s ease-out 0s  both;
	-webkit-animation:bannerInfoIn 0.5s   ease-out 0s  both;
	-o-animation:bannerInfoIn 0.5s   ease-out 0s  both;
}
@keyframes bannerInfoIn{
0%{ transform:translateY(-300px); opacity:0;}
100%{ transform:translateY(0px);opacity:1;}
}
@-moz-keyframes bannerInfoIn{
0%{ -moz-transform:translateY(-300px); opacity:0;}
100%{ -moz-transform:translateY(0px);opacity:1;}
}
@-webkit-keyframes bannerInfoIn {
0%{ -webkit-transform:translateY(-300px); opacity:0;}
100%{ -webkit-transform:translateY(0px);opacity:1;}
}
@-o-keyframes bannerInfoIn{
0%{ -o-transform:translateY(-300px); opacity:0;}
100%{ -o-transform:translateY(0px);opacity:1;}
}
#bannerInfoOut{
	animation:bannerInfoOut 0.5s  ease-out 0s  both;
	-moz-animation:bannerInfoOut 0.5s ease-out 0s  both;
	-webkit-animation:bannerInfoOut 0.5s   ease-out 0s  both;
	-o-animation:bannerInfoOut 0.5s   ease-out 0s  both;
}
@keyframes bannerInfoOut{
100%{ transform:translateY(300px); opacity:0;}
0%{ transform:translateY(0px);opacity:1;}
}
@-moz-keyframes bannerInfoOut{
100%{ -moz-transform:translateY(300px); opacity:0;}
0%{ -moz-transform:translateY(0px);opacity:1;}
}
@-webkit-keyframes bannerInfoOut {
100%{ -webkit-transform:translateY(300px); opacity:0;}
0%{ -webkit-transform:translateY(0px);opacity:1;}
}
@-o-keyframes bannerInfoOut{
100%{ -o-transform:translateY(300px); opacity:0;}
0%{ -o-transform:translateY(0px);opacity:1;}
}

/*product*/
#productIn0{
	animation:productIn 1s  ease-out 0s  both;
	-moz-animation:productIn 1s ease-out 0s  both;
	-webkit-animation:productIn 1s   ease-out 0s  both;
	-o-animation:productIn 1s   ease-out 0s  both;
}
#productIn1{
	animation:productIn 1s  ease-out 0.2s  both;
	-moz-animation:productIn 1s  ease-out 0.2s  both;
	-webkit-animation:productIn 1s  ease-out 0.2s  both;
	-o-animation:productIn 1s  ease-out 0.2s  both;
}
#productIn2{
	animation:productIn 1s  ease-out 0.4s  both;
	-moz-animation:productIn 1s  ease-out 0.4s  both;
	-webkit-animation:productIn 1s  ease-out 0.4s  both;
	-o-animation:productIn 1s  ease-out 0.4s  both;
}
#productIn3{
	animation:productIn 1s  ease-out 0.6s  both;
	-moz-animation:productIn 1s  ease-out 0.6s  both;
	-webkit-animation:productIn 1s  ease-out 0.6s  both;
	-o-animation:productIn 1s  ease-out 0.6s  both;
}
@keyframes productIn{
0%{ transform:translateY(-400px); opacity:0;}
100%{ transform:translateY(0px);opacity:1;}
}
@-moz-keyframes productIn{
0%{ -moz-transform:translateY(-400px); opacity:0;}
100%{ -moz-transform:translateY(0px);opacity:1;}
}
@-webkit-keyframes productIn {
0%{ -webkit-transform:translateY(-400px); opacity:0;}
100%{ -webkit-transform:translateY(0px);opacity:1;}
}
@-o-keyframes productIn{
0%{ -o-transform:translateY(-400px); opacity:0;}
100%{ -o-transform:translateY(0px);opacity:1;}
}

/*images*/
#imagesIn{
	animation:imagesIn 1.5s  ease-in 0s  both;
	-moz-animation:imagesIn 1.5s  ease-in 0s  both;
	-webkit-animation:imagesIn 1.5s  ease-in 0s  both;
	-o-animation:imagesIn 1.5s  ease-in 0s  both;
}

@keyframes imagesIn{
0%{ transform:scale(0); opacity:0;}
80%{transform:scale(1.04);opacity:1;}
100%{ transform:scale(1);opacity:1;}
}
@-moz-keyframes imagesIn{
0%{ -moz-transform:translateY(-400px); opacity:0;}
80%{ -moz-transform:scale(1.04);opacity:1;}
100%{ -moz-transform:translateY(0px);opacity:1;}
}
@-webkit-keyframes imagesIn {
0%{ -webkit-transform:scale(0); opacity:0;}
80%{-webkit-transform:scale(1.04);opacity:1;}
100%{ -webkit-transform:scale(1);opacity:1;}
}
@-o-keyframes imagesIn{
0%{ -o-transform:translateY(-400px); opacity:0;}
100%{ -o-transform:translateY(0px);opacity:1;}
}