@charset "utf-8";
/* CSS Document */

*{ margin:0;padding:0;list-style:none; }
body{  font: 14px/24px "Arial", "Microsoft YaHei", "微软雅黑", "SimSun", "宋体";}
.clear{ clear:both;}
.clear:after{content: " "; display: table;  clear: both}
a{ text-decoration:none; color:#333; }
img{ border:none;vertical-align: middle; }
.fl{ float:left;}
.fr{ float:right;}
.h12{ width:100%; clear:both; height:12px;}
.h20{ width:100%; clear:both; height:20px;} 
.h40{ width:100%; clear:both; height:40px;}  
.pr{ position: relative;}
.w100{ width: 100%; position: relative;}
.w1200{ width:1200px; margin:0px auto; } 
.box_img{ width: 100%; text-align: center;}
.box_img img{ max-width: 100%;}
.bg_fff{ background-color: #fff;} 
.bg_f1{ background-color: #f1f1f1;}
.bg_f5{ background-color: #f5f5f5;}
.hide{ display: none !important;}
.list_img{ width: 100%;; text-align: center; overflow: hidden;}
.list_img img{ width: 100%; height: 100%;}
@font-face {  font-family: "zdy";    src: url("UNIDREAMLED.TTF")}


#LXB_CONTAINER_SHOW,#LRfloater0,#LR-BTN,#LRfloater0{ display: none !important;}

.footer{ width: 100%; text-align: center; padding: 10px 0;}
.place_fff ::-webkit-input-placeholder { color:#fff;}
.place_fff :-moz-placeholder {  color:#fff;}
.place_fff ::-moz-placeholder { color:#fff;}
.place_fff :-ms-input-placeholder { color:#fff;}
 

.img_up img{  -webkit-animation: img_up 3s linear infinite;-moz-animation: img_up 3s linear infinite;-ms-animation: img_up 3s linear infinite; animation: img_up 3s linear infinite;}
@-webkit-keyframes img_up { 25% { -webkit-transform: translateY(8px);}  50%, 100% {  -webkit-transform: translateY(0); }  75% {  -webkit-transform: translateY(-8px); } }
@-ms-keyframes img_up { 25% { -ms-transform: translateY(8px);}  50%, 100% {  -ms-transform: translateY(0); }  75% {  -ms-transform: translateY(-8px); } }
@-moz-keyframes img_up { 25% { -moz-transform: translateY(8px);}  50%, 100% {  -moz-transform: translateY(0); }  75% {  -moz-transform: translateY(-8px); } }
@keyframes img_up {   25% {   transform: translateY(8px); }   50%, 100% {  transform: translateY(0); } 75% {   transform: translateY(-8px);  }    } 

.img_rotate img:hover{ -moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; -moz-transform: rotateY(360deg);-webkit-transform: rotateY(360deg);-o-transform:rotateY(360deg);-ms-transform: rotateY(360deg);transform: rotateY(360deg);} 

.img_3dplay img{ -webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0); -webkit-animation:play3d 6s linear infinite;-moz-animation:play3d 6s linear infinite;animation:play3d 6s linear infinite;}
@-webkit-keyframes play3d{0%  { -webkit-transform:rotateY(0deg);}100% { -webkit-transform:rotateY(360deg);}}
@-moz-keyframes play3d{0%  {-moz-transform:rotateY(0deg);}100% {-moz-transform:rotateY(360deg);}}
@keyframes play3d{0%  {transform:rotateY(0deg);}100% {transform:rotateY(360deg);}}
  
.img_big img{  transform:scale(1); -ms-transform:scale(1);-moz-transform:scale(1);	-webkit-transform:scale(1); -o-transform:scale(1);       transition: transform 0.6s; -webkit-transition: -webkit-transform 0.6s;   }
.img_big img:hover{ transform:scale(1.1); -ms-transform:scale(1.1);-moz-transform:scale(1.1);	-webkit-transform:scale(1.1); -o-transform:scale(1.1); 
transition:all .5s ease; -ms-transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease;}
 
.img_trans img{-webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -ms-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; -webkit-transition-delay:.1s; -moz-transition-delay:.1s; -ms-transition-delay:.1s; -o-transition-delay:.1s; }
.img_trans img:hover{-webkit-transform:rotate(720deg); -moz-transform:rotate(720deg);  -ms-transform:rotate(720deg); -o-transform:rotate(720deg);  }
@-webkit-keyframes bounce-up {  25% {  -webkit-transform: translateY(7px); }  50%, 100% {  -webkit-transform: 
translateY(0); }  75% {  -webkit-transform: translateY(-7px); } }
@-ms-keyframes bounce-up {  25% {  -ms-transform: translateY(7px); }  50%, 100% {  -ms-transform: 
translateY(0); }  75% {  -ms-transform: translateY(-7px); } }
@-moz-keyframes bounce-up {  25% {  -moz-transform: translateY(7px); }  50%, 100% {  -moz-transform: 
translateY(0); }  75% {  -moz-transform: translateY(-7px); } }
@keyframes bounce-up {  25% {  transform: 
translateY(7px); }  50%, 100% {  transform: translateY(0); }  75% {  transform: translateY(-7px); } } 

.img_bandown{-webkit-animation: bounceInDown 1.4s ease;    -moz-animation: bounceInDown 1.4s ease;    -ms-animation: bounceInDown 1.4s ease;    animation: bounceInDown 1.4s ease; }}
@-webkit-keyframes bounceInDown {
    0% {  opacity: 0;  -webkit-transform: translateY(-2000px);  transform: translateY(-2000px)}
    60% {  opacity: 1;  -webkit-transform: translateY(30px);  transform: translateY(30px)}
    80% {  -webkit-transform: translateY(-10px);  transform: translateY(-10px)}
    100% {  -webkit-transform: translateY(0);  transform: translateY(0)}
}
@keyframes bounceInDown {
    0% {  opacity: 0;  -webkit-transform: translateY(-2000px);  -ms-transform: translateY(-2000px);  transform: translateY(-2000px)}
    60% {  opacity: 1;  -webkit-transform: translateY(30px);  -ms-transform: translateY(30px);  transform: translateY(30px)}
    80% {  -webkit-transform: translateY(-10px);  -ms-transform: translateY(-10px);  transform: translateY(-10px)}
    100% {  -webkit-transform: translateY(0);  -ms-transform: translateY(0);  transform: translateY(0)}
 }  
 

.icon_shake{    -webkit-animation: Tada 3s both infinite;    -moz-animation: Tada 3s both infinite;    -ms-animation: Tada 3s both infinite;    animation: Tada 3s both infinite;}
@-webkit-keyframes Tada { 0% {     -webkit-transform: scale(1);   transform: scale(1)   }  

    70%,73% {     -webkit-transform: scale(0.9) rotate(-5deg);   transform: scale(0.9) rotate(-5deg)   }  

    77%,83%,90%,97% {     -webkit-transform: scale(1.1) rotate(5deg);   transform: scale(1.1) rotate(5deg)   }  

    80%,87%,93% {     -webkit-transform: scale(1.1) rotate(-5deg);   transform: scale(1.1) rotate(-5deg)   }  

    100% {     -webkit-transform: scale(1) rotate(0);   transform: scale(1) rotate(0)   }  } 

@-moz-keyframes Tada { 0% {     -moz-transform: scale(1);   transform: scale(1)   }  

    70%,73% {     -moz-transform: scale(0.9) rotate(-5deg);   transform: scale(0.9) rotate(-5deg)   }  

    77%,83%,90%,97% {     -moz-transform: scale(1.1) rotate(5deg);   transform: scale(1.1) rotate(5deg)   }  

    80%,87%,93%{     -moz-transform: scale(1.1) rotate(-5deg);   transform: scale(1.1) rotate(-5deg)   }  

    100% {     -moz-transform: scale(1) rotate(0);   transform: scale(1) rotate(0)   }  } 

@-ms-keyframes Tada { 0% {     -ms-transform: scale(1);   transform: scale(1)   }  

    70%,73% {     -ms-transform: scale(0.9) rotate(-5deg);   transform: scale(0.9) rotate(-5deg)   }  

    77%,83%,90%,97% {     -ms-transform: scale(1.1) rotate(5deg);   transform: scale(1.1) rotate(5deg)   }  

    80%,87%,93% {     -ms-transform: scale(1.1) rotate(-5deg);   transform: scale(1.1) rotate(-5deg)   }  

    100% {     -ms-transform: scale(1) rotate(0);   transform: scale(1) rotate(0)   }  } 

@keyframes Tada { 0% {   transform: scale(1);   transform: scale(1)   }  

    70%,73%{   transform: scale(0.9) rotate(-5deg);   transform: scale(0.9) rotate(-5deg)   }  

    77%,83%,90%,97%  {   transform: scale(1.1) rotate(5deg);   transform: scale(1.1) rotate(5deg)   }  

    80%,87%,93%{   transform: scale(1.1) rotate(-5deg);   transform: scale(1.1) rotate(-5deg)   }  

    100% {   transform: scale(1) rotate(0);   transform: scale(1) rotate(0)   }  } 



.slide_max{ width:100%;  position: relative;}
.slide_nav{  width: 100%; display: block;}
.slide_nav a{position: absolute;top: 40%;z-index: 20;}
.slide_nav a.a_prev{left: 1%;}
.slide_nav a.a_next{right: 1%;} 
.slide_tab{ position: absolute; bottom: 0px; left: 0px; width: 100%; text-align: center;}
.slide_tab a{ width: 12px; height: 12px; background: #fff; line-height:0; display: inline-block;font-size:0;overflow:hidden; border-radius: 50%; margin: 0px 3px; }
.slide_tab a.on{ background: #920000;}
.slide_img{ width:100%;  }
.slide_img ul li{ position: absolute; height:auto;} 
.slide_img ul li img{  width:100%; height: 100%;}

.show{ width: 100%; position: fixed; left: 0px; top: 0px; height: 100%; background: rgba(0,0,0,.6); z-index: 998;}