﻿@import url(style.css);
@import url(mobile.css);
@import url(custom.css);
@import url(lrtk3.css);
/*首页*/
/* .header .nav > ul > li.on > a{ color:#fff;}
.header:hover .nav > ul > li.on > a{ color:var(--main-color);} */
/*轮显*/
.banner_page{ position:absolute; width:100%; text-align:left; left:0%; height:0px;  color:#aaaaaa; font-size:16px; z-index:10; bottom:86px; line-height:36px; z-index:5; /*font-style:italic;*/ font-weight:bold;}
.banner_page .wrap2{ height:0;}
.banner_page span{ color:#fff;}
.banner_page label{ color:#fff;opacity:0.2;filter:Alpha(opacity=20);}
.banner_page em{ font-style:normal; color:#fff;}
.main .banner .wrap12{text-align: left;}
.main .banner .swiper-slide .bannerimg{ width:240px; height:auto;}
.main .banner .swiper-slide .txt{text-align: left;}
.main .banner .swiper-slide .p{text-align: left;}
.main .banner .swiper-slide .desc{text-align: left;}
.main .banner .swiper-pagination{width: 100%;text-align: right;}
.main .banner .swiper-pagination-clickable .swiper-pagination-bullet{width: 14px;height: 14px;background:none;border-radius: 50%;opacity: 1;margin-left: 10px;border: 1px solid #ffffff;}
.main .banner .swiper-pagination-clickable .swiper-pagination-bullet-active{background: var(--main-color);border-color: var(--main-color);}
.main .banner .swiper-slide .rbtn{border-color: #ffffff;}
.main .banner .swiper-slide .rbtn:hover{border-color: #0972cd;}
.main .banner .swiper-slide .rbtn::before{background-image: url(../images/i_pic8_on.png);}
.main .banner .swiper-slide .cons{opacity: 0;display: block; }
.main .banner .swiper-slide.swiper-slide-active .cons {animation: slideUp 0.5s ease-out forwards;}
.main .banner .pic1{position: absolute;bottom: 0;left: 0;width: 100%;display: block;z-index: 1;}
@keyframes slideUp {  
  from {  
    transform: translateY(100%);
    opacity: 0; 
  }  
  to {  
    transform: translateY(0);
    opacity: 1;
  }  
}
@media screen and (max-width: 1200px) {
/*轮显*/
.banner_page{ bottom:76px;}
.main .banner .btn{ bottom:70px;}
.main .banner .swiper-pagination-clickable .swiper-pagination-bullet{width: 10px;height: 10px;}
.main .banner .down span{}
}

@media screen and (max-width: 640px) {
/*轮显*/
.main .banner .btn{bottom:60px;}
.main .banner .btn .boxs{ margin-left:140px;}
.main .banner .swiper-slide .bannerimg{ width:160px; height:auto;}
.banner_page{ bottom:66px; font-size:15px;}
.banner_page label{ /*display:none;*/ display:inline-block; width:40px; vertical-align:top; overflow:hidden;}
.banner_page em{  display:inline-block; width:40px; vertical-align:top; overflow:hidden;}
.main .banner .swiper-slide .rbtn{ min-width:130px; padding:0 30px; font-size:15px;}
.main .banner .swiper-slide .rbtn span{ height:42px; line-height:42px; padding:0;}
.main .banner .btn{bottom: 50px;}
.main .banner .swiper-slide .desc{margin-top: 1%;}
.main .banner .swiper-button-prev,
.main .banner .swiper-button-next,
.main .banner .swiper_button_play {
  width: 20px;height: 37px;margin-top: -18px;
}
.main .banner .down{width: 50px;height: 50px;bottom: 40px;}
.main .banner .down span{height: 50px;background-size: auto 50px;}
}

@media screen and (max-width: 480px) {
/*轮显*/
.banner_page{ bottom:58px;}

.main .banner .swiper-slide .rbtn{ min-width:110px; padding:0 20px; font-size:13px; margin-top:4%;}
.main .banner .swiper-slide .rbtn span{ height:36px; line-height:36px;}
.main .banner .swiper-slide .rbtn{ margin-top:1%;}
.main .banner .swiper-pagination{margin-top: 10px;}
.main .banner .swiper-slide .txt{font-size: 30px;}
.main .banner .swiper-button-prev,
.main .banner .swiper-button-next,
.main .banner .swiper_button_play {
  width: 16px;height: 30px;margin-top: -15px;
}
}


@media screen and (max-width: 420px) {
/*轮显*/
.main .banner .swiper-slide .rbtn{ min-width:100px;}
.main .banner .swiper-slide .rbtn span{ height:32px; line-height:32px;}

}
/*Popular Products*/
.AutoTitle{ padding:10px 0; }
.AutoTitle .h3{  line-height:80px; color:#003366; font-weight:bold; position:relative; }
.AutoTitle .h3::after{ content:""; display:block; width:.8em; height:1px; background:#bac6c4; margin-top:7px; }
.AutoTitle .h3 .AutoMore{ padding-top:35px; }
.AutoMore{ font-size:0; line-height:0; }
.AutoMore::before{ content:""; display:inline-block; vertical-align:middle; height:18px; width:18px; background:url(../images/icon_jt.png) no-repeat center;  }
.AutoMore:hover::before{ background-image:url(../images/icon_jt_h.png); }
.TextMore{ display:block; border-radius:50%; width:124px; color:#fff; line-height:24px; text-align:center; background-color:rgba(255,185,0,.85);  padding:38px 0; transition:all .5s; }
.TextMore:hover{ background-color:rgba(255,185,0,1);}
/* .data-list-pc-1 .wrap{margin-bottom: 7%;} */
.data-list-pc-1 .swiper-container{ padding-top:25px; padding-right:25px; margin-right:-25px; }
.data-list-pc-1 .swiper-slide .Box{ display:block; position:relative; }
.data-list-pc-1 .swiper-slide .Box::before{ content:""; width:100%; height:435px; position: absolute; left:0; margin-top:0; border-radius:5px; background:transparent; transition:all .5s; }
.data-list-pc-1 .swiper-slide .imgBox{ /* height:495px; */height: 0;padding-top: 143.48%; border-radius:5px; position:relative; margin-bottom:15px; }
.data-list-pc-1 .swiper-slide .TextMore{ opacity:0; position:absolute; top:25px; right:15px; }
.data-list-pc-1 .swiper-slide .title{ line-height:47px; color:#333333; font-weight:normal; padding-right:47px; position:relative; border-bottom:1px solid #cc0000 }
.data-list-pc-1 .swiper-slide .AutoMore{ display:block; position:absolute; right:0; top:50%; margin-top:-9px; }

.data-list-pc-1 .swiper-slide ul{ padding-top:20px ; overflow:hidden;}
.data-list-pc-1 .swiper-slide ul li{ display:block;line-height:28px;}
.data-list-pc-1 .swiper-slide ul li a{ font-size:14px; color:#333;}

.data-list-pc-1 .swiper-slide .Box:hover .TextMore{ opacity:1; }
.data-list-pc-1 .swiper-slide .Box:hover .title{ color:var(--main-color); }
.data-list-pc-1 .point{ text-align:center; font-size:0; line-height:0; padding:65px 0; margin-top:34px; }
.data-list-pc-1 .point .swiper-pagination-bullet{ width:12px; height:12px; background-color:#e5e9e8; border-radius:50%; opacity:1; margin:0 5px; transition:all .3s; position:relative; transition:all .5s; }
.data-list-pc-1 .point .swiper-pagination-bullet.swiper-pagination-bullet-active{ background:#ffb900; }

.data-yw{ margin-top:50px;}
.data-yw .slie{ display:flex; position:relative;}
.data-yw .slie .slie-slide{ width:33%; padding:0 1%;}
.data-yw .slie .slie-slide .title{ line-height:47px; color:#333333; font-weight:600; padding-right:47px; position:relative; border-bottom:1px solid #cc0000 }
.data-yw .slie .slie-slide .AutoMore{ display:block; position:absolute; right:0; top:50%; margin-top:-9px; }
.data-yw .slie .slie-slide ul{ padding-top:20px ; overflow:hidden;}
.data-yw .slie .slie-slide ul li{ display:block;line-height:32px; background: url(../images/index_09.jpg) no-repeat left center;}
.data-yw .slie .slie-slide ul li a{ font-size:16px; color:#333;padding-left: 15px;}
.data-yw .slie .slie-slide ul li a:hover{ color:#cc0000;}


.data-inter{ margin-top:50px; padding:60px 0; background-color:#edf1f5; overflow:hidden;}
.data-inter .title{ overflow:hidden;}
.data-inter .title h3{ font-size:40px; color:#003366; text-align:center;font-weight: 700;
    letter-spacing: -0.025em;
    line-height: 1.2;}
.data-inter .swiper-wrapper{ display:flex; position:relative; margin-top:40px;}
.data-inter .swiper-wrapper .swiper-slide{ width:20%; padding:0 1%;}
.data-inter .swiper-wrapper .swiper-slide .title{ line-height:47px; color:#333333; font-weight:600; padding-right:47px; position:relative; border-bottom:1px solid #cc0000 }
.data-inter .swiper-wrapper .swiper-slide .imgsBox{ text-align:center;}
.data-inter .swiper-wrapper .swiper-slide .txtBox{ padding-top:20px;}
.data-inter .swiper-wrapper .swiper-slide .txtBox dl{ text-align:center;}
.data-inter .swiper-wrapper .swiper-slide .txtBox dl h4{ font-size:16px; font-weight:700; color:#003366;}
.data-inter .swiper-wrapper .swiper-slide .txtBox dl dd p{font-size:14px; color:#72706e; font-weight: 400;line-height: 1.8; padding-top:10px;}


.boxes-inter{ margin:60px 0 60px;  overflow:hidden;}
.boxes-inter .title{ overflow:hidden;}
.boxes-inter .title h3{ font-size:40px; color:#003366; text-align:center;font-weight: 700;
    letter-spacing: -0.025em;
    line-height: 1.2;}
.boxes-inter .swiper-wrapper{ display:flex; position:relative; margin-top:40px;}
.boxes-inter .swiper-wrapper .swiper-slide{ width:20%; padding:0 1%;}
.boxes-inter .swiper-wrapper .swiper-slide .title{ line-height:47px; color:#333333; font-weight:600; padding-right:47px; position:relative; border-bottom:1px solid #cc0000 }
.boxes-inter .swiper-wrapper .swiper-slide .imgsBox{ text-align:center;}
.boxes-inter .swiper-wrapper .swiper-slide .txtBox{ padding-top:20px;}
.boxes-inter .swiper-wrapper .swiper-slide .txtBox dl{ text-align:center;}
.boxes-inter .swiper-wrapper .swiper-slide .txtBox dl h4{ font-size:16px; font-weight:700; color:#003366;}
.boxes-inter .swiper-wrapper .swiper-slide .txtBox dl dd p{font-size:16px;font-weight:700; color:#003366; font-weight: 400;line-height: 1.8; padding-top:10px;}



.country-inter{ margin-top:50px; padding:60px 0; background-color:#edf1f5; overflow:hidden;}
.country-inter .title{ overflow:hidden;}
.country-inter .title h3{ font-size:40px; color:#003366; text-align:center;font-weight: 700;
  
    line-height: 1.6;}
.country-inter .title h4{ font-size:16px; color:#72706e; text-align:center;font-weight:400; padding-top:30px;

    line-height: 1.6;}
.country-inter .swiper-wrapper{ display:flex; position:relative; margin-top:40px;flex-wrap: wrap;}
.country-inter .swiper-wrapper .swiper-slide{ width:20%; padding:1% 1% 2%;}
.country-inter .swiper-wrapper .swiper-slide .title{ line-height:47px; color:#333333; font-weight:600; padding-right:47px; position:relative; border-bottom:1px solid #cc0000 }
.country-inter .swiper-wrapper .swiper-slide .imgsBox{ text-align:center;}
.country-inter .swiper-wrapper .swiper-slide .imgsBox img{ width:60px; height:60px;}
.country-inter .swiper-wrapper .swiper-slide .txtBox{ padding-top:20px;}
.country-inter .swiper-wrapper .swiper-slide .txtBox dl{ text-align:center;}
.country-inter .swiper-wrapper .swiper-slide .txtBox dl h4{ font-size:14px; font-weight:500; color:#cc0000;}
.country-inter .swiper-wrapper .swiper-slide .txtBox dl dd p{font-size:14px; color:#72706e; font-weight: 400;line-height: 1.8; padding-top:10px;}



@media screen and (max-width: 1660px) {
/*Popular Products*/

}
@media screen and (max-width: 1560px) {
/*Popular Products*/
.AutoTitle{padding:10px 0;}
}
@media screen and (max-width: 1440px) {
/*Popular Products*/
}
@media screen and (max-width: 1260px) {
/*Popular Products*/
.AutoTitle{padding:10px 0;}

}
@media screen and (max-width: 1200px) {
/*Popular Products*/
.TextMore{width: 100px;padding: 26px 0;}
.data-list-pc-1 .point{margin-top: 10px;}
}

@media screen and (max-width: 992px) {
/*Popular Products*/
.AutoTitle{padding:5px 0;/* text-align: center; */}
.AutoTitle .h3{line-height: 70px;}
.AutoTitle .h3 .AutoMore{padding-top: 30px;}
/* .AutoTitle .h3::after{left: 50%;margin-left: -.4em;position: absolute;} */
.data-list-pc-1 .point{padding:50px 0;}


}
@media screen and (max-width: 830px) {
/*Popular Products*/

}
@media screen and (max-width:780px) {
/*Popular Products*/

}
@media screen and (max-width:640px) {
/*Popular Products*/
.AutoTitle .h3{line-height: 60px;}
.AutoTitle .h3 .AutoMore{padding-top: 25px;}

.data-list-pc-1 .point{padding:40px 0;}
.data-list-pc-1 .swiper-container{padding-top: 5px;}
.data-list-pc-1 .point .swiper-pagination-bullet{width: 10px;height: 10px;}

.data-yw .slie{ display: block;}
.data-yw{ margin-top:20px;}
.data-yw .slie .slie-slide{ width:100%; padding:0 1%;}
.data-yw .slie .slie-slide ul li{ line-height:28px;}
.data-yw .slie .slie-slide ul li a{ font-size:14px; color:#333;padding-left: 15px;}
.data-inter .swiper-wrapper{flex-wrap:wrap}
.data-inter .title h3{ font-size:28px;}
.data-inter .swiper-wrapper .swiper-slide{ width:50%; padding:0 2%; margin-bottom:20px;}


.boxes-inter .swiper-wrapper{flex-wrap: wrap;}
.boxes-inter .title h3{ font-size:28px;}
.boxes-inter .swiper-wrapper .swiper-slide{ width:50%; padding:0 2%; margin-bottom:20px;}


.country-inter .swiper-wrapper .swiper-slide{ width:33.33333% !important;}
.country-inter .title h3{ font-size:28px}
.country-inter .title h4{ font-size:14px}

}

@media screen and (max-width:480px) {
/*Popular Products*/
.TextMore{display: none;}
.AutoTitle{padding:20px 0;}
.AutoTitle .h3{line-height: 50px;}
.AutoTitle .h3 .AutoMore{padding-top: 20px;}

.data-list-pc-1 .point{padding:40px 0;}
}
@media screen and (max-width:420px) {
/*Popular Products*/
.AutoTitle{padding:10px 0;}
.data-list-pc-1 .point{padding:30px 0;}
}
/*about*/
.data-lr-pc-1{ background:url(../images/back1.jpg) no-repeat center/cover; padding:110px 0 95px; overflow:hidden; }
.data-lr-pc-1 .Box{ position:relative; }
.data-lr-pc-1 .l_cont{ width:670px;width: 630px; border-radius:5px; overflow:hidden; }
.data-lr-pc-1 .l_cont .videoBox{ /* height:620px; */height: 0; padding-top: 71.265%;}
.data-lr-pc-1 .l_cont .VideoPlay{ display:block; position:absolute; text-align:center; left:50%; width:250px; margin-left:-125px; top:50%; margin-top:-56px; color:#fff; }
.data-lr-pc-1 .l_cont .VideoPlay .icon{ display:block; margin:0 auto 14px; height:72px; width:72px; background:url(../images/icon_play.png) no-repeat center; }
.data-lr-pc-1 .l_cont .VideoPlay .txt{  line-height:26px; text-transform:uppercase; }
.data-lr-pc-1 .r_cont{ position: absolute; right:0; top:15px; width:640px; right:0; }
.data-lr-pc-1 .r_cont .AutoTitle{ text-align:right; line-height:0;  }
.data-lr-pc-1 .r_cont .h3{ display:inline-block; vertical-align:top;font-weight: bold; }
.data-lr-pc-1 .r_cont .cont{ background:#fff; padding-top:65px; padding-left:65px; font-size:16px; color:#666666; line-height:26px; height:413px; border-radius:5px; position:relative; }
.data-lr-pc-1 .r_cont .cont::before{ content:""; position: absolute; left:0; top:0; width:900px; height:100%; background:#fff url(../images/icon1.png) no-repeat right -50px center; border-radius:5px; }
.data-lr-pc-1 .r_cont .cont .txt{ position:relative; margin-bottom:40px; height:182px; overflow:hidden; }
.data-lr-pc-1 .r_cont .cont .AutoMore::before{ transform:translateX(0); transition:all .3s; }
.data-lr-pc-1 .r_cont .cont .AutoMore:hover::before{ transform:translateX(5px); }

.index-link{padding: 13px 15px 15px;
    height: 50px;
    font-size: 16px;
    width: 167px; background-color:#c00; border-radius: 100px; margin:50px auto 10px;}
.index-link a{ color:#FFF; text-align:center; font-size:18px; font-weight:700;}
.index-link:hover{background-color:#b30000;}


@media screen and (max-width:1560px) {
/*about*/
.data-lr-pc-1 .l_cont{ width:620px; }
}
@media screen and (max-width:1380px) {
/*about*/
.data-lr-pc-1 .l_cont{ width:570px; }

}
@media screen and (max-width:1280px) {
/*about*/
.data-lr-pc-1 .l_cont{ width:500px; }
.data-lr-pc-1 .r_cont .cont{padding-left: 55px;padding-top: 55px;}
}
@media screen and (max-width:992px) {
/*about*/
.data-lr-pc-1{padding: 90px 0 75px;}
.data-lr-pc-1 .l_cont{width: 100%;}
.data-lr-pc-1 .r_cont{position: static;width: 100%;}
.data-lr-pc-1 .r_cont .AutoTitle{text-align: left;}
.data-lr-pc-1 .r_cont .cont{padding-top: 5%;padding-left: 40px;padding-right: 40px;height: auto;padding-bottom: 6%;}
.data-lr-pc-1 .r_cont .cont .txt{height: auto;}
}
@media screen and (max-width: 830px) {
/*about*/


}
@media screen and (max-width: 780px) {
/*about*/
.data-lr-pc-1{padding:80px 0 65px;}
.data-lr-pc-1 .r_cont .cont .txt{margin-bottom: 30px;}
.data-lr-pc-1 .r_cont .AutoTitle{padding-bottom: 40px;}
.data-lr-pc-1 .r_cont .cont{padding-right: 20px;}
}
@media screen and (max-width: 640px) {
/*about*/
.data-lr-pc-1{padding-top: 60px;}

}
@media screen and (max-width:480px) {
/*about*/
.data-lr-pc-1{padding-top: 7%;}
.data-lr-pc-1 .r_cont .cont{padding-right: 12px;padding-left: 20px;}
.data-lr-pc-1 .r_cont .AutoTitle{padding-bottom: 30px;}
.data-lr-pc-1 .l_cont .VideoPlay .icon{height: 60px; width: 60px;background-size: 100% 100%;}
}
@media screen and (max-width:420px) {
/*about*/

}
/*新闻*/
.data-list-pc-2{ padding-bottom:25px; }
.data-list-pc-2 .AutoTitle{ padding-bottom:34px; }
.data-list-pc-2 .ul{ /* margin:0 -10px; */ font-size:0; }
/* .data-list-pc-2 .ul li{ padding:10px; display:inline-block; vertical-align:top;width: 33.33333333%; } */
.data-list-pc-2 .ul .Box{ display:block; transform:translateY(0); transition:all .3s; }
.data-list-pc-2 .ul .Box img{ opacity:1; }
.data-list-pc-2 .ul .imgBox{ height:0; border-radius:8px;padding-top: 53.835%; }
.data-list-pc-2 .ul .TextMore{ position:absolute; top:50%; left:50%; margin-top:-62px; margin-left:-62px; opacity:0; }
.data-list-pc-2 .ul .title{ font-size:20px; line-height:24px; color:#333333; font-weight:normal; padding-right:25px; position:relative; }
.data-list-pc-2 .ul .AutoMore{ display:block; position:relative; right:0; transition:all .3s; }
.data-list-pc-2 .ul .cont{ padding-top:35px; }
.data-list-pc-2 .ul .time{ font-size:16px; line-height:20px; color:#cc0000; }
.data-list-pc-2 .ul .title{ font-size:18px; line-height:22px; color:#333333; margin:15px 0 10px; }
.data-list-pc-2 .ul .des{ font-size:14px; line-height:22px; color:#888888; margin-bottom:38px; }
.data-list-pc-2 .ul .Box:hover{ transform:translateY(-5px); }
.data-list-pc-2 .ul .Box:hover img{ opacity:.7; }
.data-list-pc-2 .ul .Box:hover .title{ color:#cc0000; }
.data-list-pc-2 .ul .Box:hover .TextMore{ opacity:1; }
.data-list-pc-2 .ul .Box:hover .AutoMore{ right:-5px; }

@media (max-width: 1560px) {
/*新闻*/
.data-list-pc-2{ padding-bottom:25px; }

}
@media (max-width: 1200px) {
/*新闻*/
.data-list-pc-2 .ul .cont{ padding-top:25px; }
}
@media (max-width: 992px) {
/*新闻*/
.data-list-pc-2{ padding-bottom:75px; }
}
@media (max-width: 768px) {
/*新闻*/


}
@media (max-width:640px) {
/*新闻*/
.data-list-pc-2{ padding-bottom:7%; }
.data-list-pc-2 .ul .des{margin-bottom: 28px;}
}
@media screen and (max-width: 480px) {
/*新闻*/
.data-list-pc-2 .ul .des{margin-bottom: 20px;}


}
@media screen and (max-width: 420px) {
/*新闻*/



}


/*联系*/
.data-simple-pc-1{ background:url(../images/index/back2.jpg) no-repeat center/cover; text-align:center; background-attachment:fixed; }
.data-simple-pc-1 .cont{ font-size:0; padding:60px 0 80px; }
.data-simple-pc-1 .h3{ text-align:center; line-height:50px; color:#fff; font-weight:normal; margin-bottom:35px; }
.data-simple-pc-1 .contact{ line-height:50px; border-radius:25px; color:#333333; background:#fff; padding:0 20px; display:inline-block; vertical-align:top; transition:all .5s; }
.data-simple-pc-1 .contact::before{ position:relative; top:-3px; content:" "; display:inline-block; vertical-align:middle; height:20px; width:20px; background:url(../images/icon_contact.png) no-repeat center; margin-right:10px;background-size: 100% 100%; }
.data-simple-pc-1 .contact:hover{ color:#fff; background:var(--main-color); }
.data-simple-pc-1 .contact:hover::before{ background-image:url(../images/icon_contact_h.png); }
@media screen and (max-width: 1560px) {
/*联系*/

}

@media screen and (max-width: 1400px) {
/*联系*/

}

@media screen and (max-width: 1200px) {
  /*联系*/
.data-simple-pc-1 .h3{line-height: 40px;}


}

@media screen and (max-width: 992px) {
/*联系*/
.data-simple-pc-1 .cont{padding: 40px 0 60px;}
.data-simple-pc-1 .contact{line-height: 44px;border-radius: 22px;}
.data-simple-pc-1 .contact::before{width: 18px;height: 18px;top: 0;}
}

@media screen and (max-width:780px) {
/*联系*/


}

@media screen and (max-width:640px) {
/*联系*/
.data-simple-pc-1 .h3{margin-bottom: 25px;line-height: 32px;}
.data-simple-pc-1 .cont{padding: 30px 0 50px;}

}

@media screen and (max-width:480px) {
/*联系*/

}



@keyframes mymove6

{

	from {filter:alpha(opacity=0);opacity:0;  -webkit-transform: translateY(100px) translateX(0);

  -moz-transform: translateY(60px) translateX(0);

  transform: translateY(60px) translateX(0);

  -webkit-transition-timing-function: ease-in-out;

  transition-timing-function: ease-in-out;}

	to { filter:alpha(opacity=100);opacity:1; -webkit-transform: translateY(0px) translateX(0);

  -moz-transform: translateY(0px) translateX(0);

  transform: translateY(0px) translateX(0);}

}



@-webkit-keyframes mymove6

{

	/*from { filter:alpha(opacity=0);opacity:0; margin-bottom:-20%;}

	to {margin-bottom:3%;filter:alpha(opacity=1);opacity:1;}*/

	from {filter:alpha(opacity=0);opacity:0;  -webkit-transform: translateY(100px) translateX(0);

  -moz-transform: translateY(60px) translateX(0);

  transform: translateY(60px) translateX(0);

  -webkit-transition-timing-function: ease-in-out;

  transition-timing-function: ease-in-out;}

	to { filter:alpha(opacity=100);opacity:1; -webkit-transform: translateY(0px) translateX(0);

  -moz-transform: translateY(0px) translateX(0);

  transform: translateY(0px) translateX(0);}

}



