@charset "utf-8";

/* banner */
.banner{width:569px;position:relative;margin-top:5px;float:left;}
.banner,.banner ul{display:block;height:396px;overflow:hidden;}
.banner li,.banner li a,.banner li a img{display:block;width:565px;height:392px;float:left;overflow:hidden;}
.banner li{border:2px solid gray}
.banner #prevbt,.banner #nextbt{display:block;width:30px;height:50px;background:url(../images/indexsprites.png) no-repeat #fff;
                                position:absolute;top:160px;opacity:.7;filter:alpha(opacity=70);}
.banner #prevbt{background-position:0 -110px;left:0;border-top-right-radius:5px;border-bottom-right-radius:5px;}
.banner #nextbt{background-position:-40px -110px;right:0;border-top-left-radius:5px;border-bottom-left-radius:5px;}
.tab_txtt h3{font-size:16px;margin-bottom:20px;}
.lnnew {width:1000px;height:428px;margin:0 auto;background:url(../images/lnnew.jpg) no-repeat;margin-top:5px;}
.company_name{
    animation: righteaseinAnimate 1s ease 1;    /*调用已定义好的动画lefteaseinAnimate，全程运行时间3S，进入的速度曲线为ease，只播放一次*/
    -webkit-animation: righteaseinAnimate 1s ease 1;
    -ms-animation:righteaseinAnimate 1s ease 1;
    -o-animation: righteaseinAnimate 1s ease 1;
    -moz-animation: righteaseinAnimate 1s ease 1;
    
    /*规定动画的最后状态为结束状态*/
    animation-fill-mode:forwards;
    -webkit-animation-fill-mode: forwards;  
      -o-animation-fill-mode: forwards; 
      -ms-animation-fill-mode: forwards;   
      -moz-animation-fill-mode: forwards; 
}
.company_introduce{

    animation: righteaseinAnimate 1s ease 1;    /*调用已定义好的动画righteaseinAnimate，全程运行时间1S，进入的速度曲线为ease，只播放一次*/
    -webkit-animation: righteaseinAnimate 1s ease 1;
    -moz-animation: righteaseinAnimate 1s ease 1;
    -ms-animation: righteaseinAnimate 1s ease 1;
    -o-animation: righteaseinAnimate 1s ease 1;
    animation-delay:2s;
    -webkit-animation-delay:2s; /* Safari 和 Chrome */
    /*规定动画的最后状态为结束状态*/
    animation-fill-mode:forwards;
    -webkit-animation-fill-mode: forwards;  
      -o-animation-fill-mode: forwards; 
      -ms-animation-fill-mode: forwards;   
      -moz-animation-fill-mode: forwards; 
      opacity:0
}

/*定义一个名字为righteaseinAnimate动画，实现从页面的右边淡入页面效果*/
@keyframes righteaseinAnimate{
    0%{ transform: translateX(100px); opacity: 0;}   /*在0%时设置文字在想X轴2000px位移处（右边），透明度为0，也就是看不见文字*/
    100%{ transform: translateX(0px); opacity: 1;}      /*在100%时设置文字在想X轴0px位移处，也就是原始布局的位置，透明度为1，也就是文字可以看见了*/
}
@-webkit-keyframes righteaseinAnimate{
    0%{ -webkit-transform: translateX(100px); opacity: 0;}
    100%{ -webkit-transform: translateX(0px); opacity: 1;}
}
@-o-keyframes righteaseinAnimate{
    0%{ -webkit-transform: translateX(100px); opacity: 0;}
    100%{ -webkit-transform: translateX(0px); opacity: 1;}
}
@-ms-keyframes righteaseinAnimate{
    0%{ -webkit-transform: translateX(100px); opacity: 0;}
    100%{ -webkit-transform: translateX(0px); opacity: 1;}
}
@-moz-keyframes righteaseinAnimate{
    0%{ -webkit-transform: translateX(100px); opacity: 0;}
    100%{ -webkit-transform: translateX(0px); opacity: 1;}
}

.company {float:right;padding-top:56px;width:290px;clear:both}
.company h2{color:#fff;font-size:14px;line-height:30px;font-weight:normal;}
.company h5{color:#fff;font-size:14px;font-weight:normal;}
.company_introduce {text-align:right;width:250px;}
.company_introduce2 {text-align:right;width:250px;}
.company_introduce1 {text-align:right;width:250px;}