
@charset "utf-8";
/* CSS Document */
* { margin:0; padding:0; }
body,td,th { font-size: 14px; }
body { font-size: 14px; font:"微软雅黑"; color:#FFF; background:#F8F8F8 url(../images/BG2.jpg) bottom center no-repeat; margin:0px;}

a { font-size: 14px; color: #FFF; }
a:link { text-decoration: none;}
a:visited { text-decoration: none; color:#FFF; }
a:hover { text-decoration: none; color:#900; text-decoration:none;}
a:active { text-decoration: none; color: #900;}
ul {  margin:0 0 0 0; padding: 0; list-style: none; }
img{ border:0;}


#main { width:100%; height:584px; position:relative; overflow:hidden;margin-top:-200px;}/*页面总高度再次调整*/

.head_1 { width:1280px; margin: 0 auto; position:absolute; left:50%; margin-left:-640px; z-index:5; overflow:hidden;}/*整体*/
.head_2 { width:1280px; height:861px; position:relative;}
.head_3 { width:1280px; height:584px; position:relative;}
.head_4 { background:url(../images/n.jpg); width:942px; height:525px; position:absolute; left:0; bottom:0; z-index:5;}
.head_5 { background:url(../images/right.png); width:328px; height:584px; position:absolute; right:0; bottom:0; z-index:5;}

.head_6 { position:absolute; top:80px; left:35px; width:200px; height:30px; z-index:6;}
.head_6 a { font-family:"微软雅黑"; font-size:24px; font-weight:200; color:#5F4110;}
.head_7 { position:absolute; top:90px; left:145px; width:140px; height:30px; z-index:6;}
.head_7 a { font-family:"微软雅黑"; font-weight:200; font-size:14px; color:#5f4110;}
.head_8 { position:absolute; top:85px; left:865px; width:100px; height:30px; z-index:6;}
.head_8 a { font-family:"微软雅黑"; font-weight:200; font-size:14px; color:#5f4110;}

.head_9 { position:absolute; top:135px; left:25px; width:836px; height:44px; z-index:6;}
.head_10 { position:absolute; top:120px; left:25px; width:886px; overflow:hidden; z-index:6;}


#tab1 {}
#tab1 ul { margin:0; padding:0; list-style:none;}
#tab1 li { display: block; float:left; margin-right:10px; width:136px; height:44px; background:url(../images/btna.jpg); background-position:left 0;}
#tab1 a { display: block; width:136px; height:34px; padding:10px 0 0 0; text-align: center; text-decoration:none; font-size:16px; font-family:"微软雅黑"; color:#FFF; font-weight:200;}
#tab1 .now { width:136px; background:url(../images/btna.jpg); background-position:left -44px;}
#tab1 .now a { display: block; background:none; font-size:16px; font-family:"微软雅黑"; color:#FF9; font-weight:200;}
#tab1 .now a:hover { background:url(../images/btna.jpg); background-position:left -44px; font-size:16px; font-family:"微软雅黑"; color:#FF9; font-weight:200;}

.tablist { display:none;}
.block{ display:block;}

.head_11 li { display:block; width:884px; overflow:hidden; line-height:25px; text-align:left; border-bottom:double 1px #b7b090; margin-bottom:5px; }
.head_11 li:hover { background:#000; transition:0.5s;}
.head_11 li a { display:block; padding:0 0 0 40px; font-family:"微软雅黑"; font-weight:200; color:#000; font-size:14px;}
.head_11 li a:hover { color:#0F0; }
.head_11 li span { display:block; background:url(../images/hot.jpg) 10px center no-repeat;}

@keyframes bmyani {
	
	0%{ margin-left:50px;}
	
	}
	
.head_12 { position:absolute; top:76px; right:17px; width:294px; height:121px; background:url(../images/n1.jpg); background-position:left 0; transition:0.5s; z-index:6;}
.head_12:hover { background-position:left -121px;}
	
.head_13 { position:absolute; top:199px; right:17px; width:294px; height:121px; background:url(../images/n2.jpg); background-position:left 0; transition:0.5s; z-index:6;}
.head_13:hover { background-position:left -121px;}
	
.head_14 { position:absolute; top:322px; right:17px; width:294px; height:121px; background:url(../images/n3.jpg); background-position:left 0; transition:0.5s; z-index:6;}
.head_14:hover { background-position:left -121px;}
	
.head_15 { position:absolute; top:445px; right:17px; width:294px; height:121px; background:url(../images/n4.jpg); background-position:left 0; transition:0.5s; z-index:6;}
.head_15:hover { background-position:left -121px;}



#careerbox{ width:1280px;height:380px;overflow:hidden}
#careerbox ul{width:100%;overflow:hidden}
#careerbox li{width:78px;height:380px;margin-right:2px;float:left;display:inline-block;overflow:hidden;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s}
#careerbox li.current{width:478px}
#careerbox li .switch-bg{float:left;display:block;height:380px;width:78px;background:url(../images/jian.png) no-repeat}
#careerbox li.wusheng_1 .switch-bg{background-position:0 0}
#careerbox li.wusheng_2 .switch-bg{background-position:0 0}
#careerbox li.wusheng_3 .switch-bg{background-position:0 0}
#careerbox li.wusheng_4 .switch-bg{background-position:0 0}
#careerbox li.wusheng_5 .switch-bg{background-position:0 0}
#careerbox li.wusheng_6 .switch-bg{background-position:0 0}
#careerbox li.wusheng_7 .switch-bg{background-position:0 0}
#careerbox li.wusheng_8 .switch-bg{background-position:0 0}
#careerbox li.wusheng_9 .switch-bg{background-position:0 0}
#careerbox li.wusheng_10 .switch-bg{background-position:0 0}
#careerbox .careerswitch{float:left;display:inline-block;background:url(../images/jian.png) no-repeat;width:78px;height:380px;opacity:0;-ms-filter:"alpha(Opacity=0)";filter:alpha(Opacity=0);transition:all .7s;-moz-transition:all .7s;-webkit-transition:all .7s;-o-transition:all .7s}
#careerbox .careerswitch:hover,#careerbox .current .careerswitch{opacity:1;-ms-filter:"alpha(Opacity=100)";filter:alpha(Opacity=100)}
#careerbox li.wusheng_1 .careerswitch{background-position:-80px 0}
#careerbox li.wusheng_2 .careerswitch{background-position:-80px 0}
#careerbox li.wusheng_3 .careerswitch{background-position:-80px 0}
#careerbox li.wusheng_4 .careerswitch{background-position:-80px 0}
#careerbox li.wusheng_5 .careerswitch{background-position:-80px 0}
#careerbox li.wusheng_6 .careerswitch{background-position:-80px 0}
#careerbox li.wusheng_7 .careerswitch{background-position:-80px 0}
#careerbox li.wusheng_8 .careerswitch{background-position:-80px 0}
#careerbox li.wusheng_9 .careerswitch{background-position:-80px 0}
#careerbox li.wusheng_10 .careerswitch{background-position:-80px 0}
#careerbox .career_bg{float:left;display:inline-block;position:relative;background:#ededed;height:380px}
#careerbox .jianbg,#careerbox .jianbingbg{position:absolute;width:400px;height:380px;background-image:url(../images/jbg.jpg);background-repeat:no-repeat;overflow:hidden}
#careerbox .jianbingbg{display:none}
#careerbox .jianbg img,#careerbox .jianbingbg img{float:right}
#careerbox .career_detail{position:absolute;width:400px;height:380px}
#careerbox .career_detail .detail-img{position:absolute;left:30px;top:0}
#careerbox .career_detail .sexswitch{position:absolute;right:0}
#careerbox .career_detail .sexswitch a{display:block;width:27px;padding:20px 0;color:#fff;font-size:18px;background-color:#9da3a5;margin-bottom:3px;font-family:Microsoft YaHei;text-align:center}
#careerbox .career_detail .sexswitch a.active,#careerbox .career_detail .sexswitch a:hover{background-color:#7F0804}
@keyframes spin1{0%{transform:rotateY(0)}
25%{transform:rotateY(90deg)}
50%{transform:rotateY(-90deg)}
75%{transform:rotateY(0)}
}
@-webkit-keyframes spin1{0%{transform:rotateY(0)}
25%{transform:rotateY(90deg)}
50%{transform:rotateY(-90deg)}
75%{transform:rotateY(0)}
}


.main{position:relative; background:url(../images/g_bg.jpg); width:1280px;}
.zyShow{position:relative; overflow:hidden; height:500px}
.zyTab{position:absolute; padding:100px 0 0 0; z-index:3; width:1160px}
.zyTab li{position:relative;height:66px;margin-bottom:15px;vertical-align:bottom}
.zyTab li#z2{float:right}
.zyTab span{position:relative;display:block;width:200px;height:245px;cursor:pointer}
.zyTab span.zy1{background:url(../images/t012f979d3cf47c24a1.png) no-repeat right top}
.zyTab span.zy2{background:url(../images/t01c175b514c8be7dcc.png) no-repeat right top}
.zyTab span.zy3{background:url(../images/t019cf305fe6af7a51C.png) no-repeat right top}
.zyTab span.zy4{background:url(../images/t01398fe38311540b80.png) no-repeat right top}
.zyTab li.cur span.zy1{background:url(../images/t01e1483826fbd04d4a.png) no-repeat right top}
.zyTab li.cur span.zy2{background:url(../images/t01334d48476d335328.png) no-repeat right top}
.zyTab li.cur span.zy3{background:url(../images/t019cf305fe6af7a51a.png) no-repeat right top}
.zyTab li.cur span.zy4{background:url(../images/t01c175b514c8be7dcc.png) no-repeat right top}
.zyTab li i{display:none;position:absolute;width:5px;height:5px;overflow:hidden;background:url(../images/t01dac0638ad7a7f02f.png) no-repeat}
.zyTab li.cur i{display:block;left:-17px;top:28px}
.zyTab li .zy2 i{left:-22px;top:30px}
.zyTab li .zy3 i{left:-17px;top:26px}
.zyTab li .zy4 i{left:-22px;top:24px}
#z1{left:10px;float:left}
#z2{left:42px}
#z3{left:42px}
#z4{left:17px}
.zyTag{position:relative;overflow:hidden;height:500px;z-index:1}
.Focus_list .tac{position:relative}
.zy_txt{position:absolute;left:818px;top:107px;z-index:2}
.zyList{position:relative;width:100%;height:500px}
.zyList .Focus_list{position:relative;overflow:hidden;width:100%;height:100%;overflow:hidden}
.zyList .Focus_list .tac{position:absolute;width:100%;height:100%;opacity:0;filter:alpha(opacity=0);z-index:1}
.zyList .Focus_list .tac.cur{display:block;opacity:1;filter:alpha(opacity=100);z-index:3}
.zyList .zyCount{position:absolute;left:50%;bottom:38px;z-index:10;text-align:center}
.zyList .zyCount div span{position:absolute;top:0;display:block;width:40px;height:78px;background:url(../images/t0197eb46a28c254dfc.png) no-repeat}
.zyList .zyCount ul{height:68px;background:url(../images/t0153e22087c0bd6d91.png);padding-top:10px;margin:0 auto}
.zyList .zyCount div span.zb_l{left:-40px;background-position:0 0}
.zyList .zyCount div span.zb_r{right:-40px;background-position:-530px 0}
.zyList .zyCount li{float:left;width:52px;height:49px;overflow:hidden;cursor:pointer;margin:4px 5px 0 5px;font-size:0;line-height:222px;padding-top:3px;background:#000 url(../images/t0150d8cf4d6c98f28f.png) no-repeat -231px 0}
.zyList .zyCount li img{display:block;margin:0 auto;opacity:.5;filter:alpha(opacity=50)}
.zyList .zyCount li.cur{width:59px;height:60px;padding-top:7px;margin-top:0;background:url(../images/t0150d8cf4d6c98f28f.png) no-repeat -175px 4px}
.zyList .zyCount li.cur img{opacity:1;filter:alpha(opacity=100)}
.jl .zyCount{width:193px;margin-left:-66px}
.yx .zyCount{width:627px;margin-left:-287px}
.zq .zyCount{width:503px;margin-left:-210px}
.jn .zyCount{width:255px;margin-left:-94px}
#flash,#flash2,#flash3,#flash4{position:absolute;top:3px;margin-left:31px;height:500px;z-index:1;text-align:center}
.w1{overflow:hidden;width:1000px;left:90px}
.role-name{display:none;position:absolute;height:60px;width:65px;padding-right:5px;line-height:60px;text-align:right;font-size:15px;color:#fc0;background-color:#6b4b34;overflow:hidden;cursor:pointer}

.musicbox{width:47px;height:47px;position:absolute;z-index:500;top:10px;left:20%;cursor:pointer;}
.musicplay{background:url(../images/musicplay.png) no-repeat}
.musicstop{background:url(../images/musicstop.png) no-repeat}



.rightbar{width:176px;height:619px;position:fixed;top:40%;right:0;margin-top:-280px;background:url(../images/left1.png) no-repeat;z-index:10000;text-align:center;color:#fff;-o-transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;transition:all .5s}
.rightbar.close{right:-176px}
.rightbar.close .btn-close{background:url(../images/left4.png) no-repeat}
.rightbar .btn-close{width:31px;height:89px;background:url(../images/left2.png);position:absolute;top:0;left:-31px}
.rightbar h6{margin-bottom:24px;padding-top:10px;font-size:18px;line-height:24px;font-weight:700;overflow:hidden}
.rightbar h6 span{display:block;font-size:14px}
.rightbar .code{margin:0 0 10px 9px;width:157px;height:188px;background:#036}
.rightbar .code p{height:30px;line-height:30px;background:#036;margin-bottom:5px}
.rightbar p{font-size:16px;line-height:24px;margin-bottom:5px}
.rightbar .kefu{margin-left:9px;display:block;width:157px;height:51px;background:url(../images/left3.png) no-repeat;line-height:44px;font-size:18px;color:#fff;text-decoration:none;margin-bottom:5px}
.rightbar .kefu:hover{background:url(../images/left5.png) no-repeat}

.ding_1 { position:absolute; top:10px; left:20px; width:1000px; height:40px; line-height:40px; z-index:77px;}
.ding_1 a { font-family:"微软雅黑"; font-weight:200; color:#FF9; font-size:20px;}
.ding_2 { position:absolute; top:10px; right:0; width:40px; height:40px;}
.ding_2 a img { width:40px; height:40px; opacity:0.5; transition:0.5s; border-radius:2em;}
.ding_2 a img:hover { opacity:1;}





.left_nev_3 { background:url(../images/left.jpg) no-repeat; width:220px; height:945px; position:fixed; top:0; left:0; z-index:3;}
.left_nev_4 { background:url(../images/n1.jpg); width:220px; height:76px; background-position:left 0; position:fixed; left:0; top:240px; z-index:4; transition:0.5s;}
.left_nev_4:hover { background-position:left -76px;}

.left_nev_5 { background:url(../images/n2.jpg); width:220px; height:76px; background-position:left 0; position:fixed; left:0; top:316px; z-index:4; transition:0.5s;}
.left_nev_5:hover { background-position:left -76px;}

.left_nev_6 { background:url(../images/n3.jpg); width:220px; height:76px; background-position:left 0; position:fixed; left:0; top:392px; z-index:4; transition:0.5s;}
.left_nev_6:hover { background-position:left -76px;}

.left_nev_7 { background:url(../images/n4.jpg); width:220px; height:76px; background-position:left 0; position:fixed; left:0; top:468px; z-index:4; transition:0.5s;}
.left_nev_7:hover { background-position:left -76px;}

.left_nev_8 { background:url(../images/n5.jpg); width:220px; height:76px; background-position:left 0; position:fixed; left:0; top:544px; z-index:4; transition:0.5s;}
.left_nev_8:hover { background-position:left -76px;}

.left_nev_9 { background:url(../images/n6.jpg); width:220px; height:76px; background-position:left 0; position:fixed; left:0; top:620px; z-index:4; transition:0.5s;}
.left_nev_9:hover { background-position:left -76px;}

.left_nev_10 { background:url(../images/n7.jpg); width:220px; height:76px; background-position:left 0; position:fixed; left:0; top:696px; z-index:4; transition:0.5s;}
.left_nev_10:hover { background-position:left -76px;}

.left_nev_11 { background:url(../images/n8.jpg); width:220px; height:76px; background-position:left 0; position:fixed; left:0; top:772px; z-index:4; transition:0.5s;}
.left_nev_11:hover { background-position:left -76px;}

.kv-music{position:absolute;z-index:50;top:50px;left:0px; width:58px;height:100px;}




.card{ position:relative;}

.card .font{

  transition: transform 400ms;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;

  -webkit-backface-visibility:hidden;
  -moz-backface-visibility:hidden;
  -o-backface-visibility:hidden;
	backface-visibility: hidden;
	/*position: absolute;*/

  -webkit-transform: rotateY( 0deg );
  -moz-transform: rotateY( 0deg );
  -o-transform: rotateY( 0deg );
  transform: rotateY( 0deg );
}

.card .back{

  transition: transform 400ms;

  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;

  -webkit-backface-visibility:hidden;
  -moz-backface-visibility:hidden;
  -o-backface-visibility:hidden;
  backface-visibility: hidden;

	position: absolute;
	-webkit-transform: rotateY( -180deg );
  -moz-transform: rotateY( -180deg );
  -o-transform: rotateY( -180deg );
  transform: rotateY( -180deg );
}


.card:hover .font{
	-webkit-transform: rotateY( 180deg );
  -moz-transform: rotateY( 180deg );
  -o-transform: rotateY( 180deg );
  transform: rotateY( 180deg );

}

.card:hover .back{
  -webkit-transform: rotateY( 0deg );
  -moz-transform: rotateY( 0deg );
  -o-transform: rotateY( 0deg );
  transform: rotateY( 0deg );
}

.card:hover .ie{
  z-index:100
}
.tab-detail.hide #card1{
	-webkit-animation-name: hide;
	-webkit-animation-duration: 125ms;
	-webkit-animation-fill-mode :forwards ;
	-webkit-animation-delay:0s;

	animation-name: hide;
  	animation-duration: 125ms;
  	animation-fill-mode :forwards ;
  	animation-delay:0s;
}
.tab-detail.hide #card2{
	-webkit-animation-name: hide;
	-webkit-animation-duration: 125ms;
	-webkit-animation-fill-mode :forwards ;
	-webkit-animation-delay:45ms;

	animation-name: hide;
  	animation-duration: 125ms;
  	animation-fill-mode :forwards ;
  	animation-delay:45ms;
}
.tab-detail.hide #card3{
	-webkit-animation-name: hide;
	-webkit-animation-duration: 125ms;
	-webkit-animation-fill-mode :forwards ;
	-webkit-animation-delay:90ms;

	animation-name: hide;
  	animation-duration: 125ms;
  	animation-fill-mode :forwards ;
  	animation-delay:90ms;
}
.tab-detail.hide #card4{
	-webkit-animation-name: hide;
	-webkit-animation-duration: 125ms;
	-webkit-animation-fill-mode :forwards ;
	-webkit-animation-delay:135ms;

	animation-name: hide;
  	animation-duration: 125ms;
  	animation-fill-mode :forwards ;
  	animation-delay:135ms;
}
.tab-detail.hide #card5{
	-webkit-animation-name: hide;
	-webkit-animation-duration: 125ms;
	-webkit-animation-fill-mode :forwards ;
	-webkit-animation-delay:180ms;

	animation-name: hide;
  	animation-duration: 125ms;
  	animation-fill-mode :forwards ;
  	animation-delay:180ms;
}

.tab-detail.hide #card6{
  -webkit-animation-name: hide;
  -webkit-animation-duration: 125ms;
  -webkit-animation-fill-mode :forwards ;
  -webkit-animation-delay:0s;

  animation-name: hide;
  animation-duration: 125ms;
  animation-fill-mode :forwards ;
  animation-delay:0s;
}
.tab-detail.hide #card7{
  -webkit-animation-name: hide;
  -webkit-animation-duration: 125ms;
  -webkit-animation-fill-mode :forwards ;
  -webkit-animation-delay:45ms;

  animation-name: hide;
    animation-duration: 125ms;
    animation-fill-mode :forwards ;
    animation-delay:45ms;
}
.tab-detail.hide #card8{
  -webkit-animation-name: hide;
  -webkit-animation-duration: 125ms;
  -webkit-animation-fill-mode :forwards ;
  -webkit-animation-delay:90ms;

  animation-name: hide;
    animation-duration: 125ms;
    animation-fill-mode :forwards ;
    animation-delay:90ms;
}
.tab-detail.hide #card9{
  -webkit-animation-name: hide;
  -webkit-animation-duration: 125ms;
  -webkit-animation-fill-mode :forwards ;
  -webkit-animation-delay:135ms;

  animation-name: hide;
    animation-duration: 125ms;
    animation-fill-mode :forwards ;
    animation-delay:135ms;
}
.tab-detail.hide #card10{
  -webkit-animation-name: hide;
  -webkit-animation-duration: 125ms;
  -webkit-animation-fill-mode :forwards ;
  -webkit-animation-delay:180ms;

  animation-name: hide;
    animation-duration: 125ms;
    animation-fill-mode :forwards ;
    animation-delay:180ms;
}

@-webkit-keyframes hide {
    from { -webkit-transform: translateY( 0px ); opacity: 1;}
    to { -webkit-transform: translateY( 40px );opacity: 0;}
}
@keyframes hide {
    from { transform: translateY( 0px ); opacity: 1;}
    to { transform: translateY( 40px );opacity: 0;}
}

.tab-detail.show #card1{
  -webkit-animation-name: show;
  -webkit-animation-duration: 125ms;
  -webkit-animation-fill-mode :forwards ;
  -webkit-animation-delay:0s;

  animation-name: show;
    animation-duration: 125ms;
    animation-fill-mode :forwards ;
    animation-delay:0s;
}
.tab-detail.show #card2{
  -webkit-animation-name: show;
  -webkit-animation-duration: 125ms;
  -webkit-animation-fill-mode :forwards ;
  -webkit-animation-delay:45ms;

  animation-name: show;
    animation-duration: 125ms;
    animation-fill-mode :forwards ;
    animation-delay:45ms;
}
.tab-detail.show #card3{
  -webkit-animation-name: show;
  -webkit-animation-duration: 125ms;
  -webkit-animation-fill-mode :forwards ;
  -webkit-animation-delay:90ms;

  animation-name: show;
    animation-duration: 125ms;
    animation-fill-mode :forwards ;
    animation-delay:90ms;
}
.tab-detail.show #card4{
  -webkit-animation-name: show;
  -webkit-animation-duration: 125ms;
  -webkit-animation-fill-mode :forwards ;
  -webkit-animation-delay:135ms;

  animation-name: show;
    animation-duration: 125ms;
    animation-fill-mode :forwards ;
    animation-delay:135ms;
}
.tab-detail.show #card5{
  -webkit-animation-name: show;
  -webkit-animation-duration: 125ms;
  -webkit-animation-fill-mode :forwards ;
  -webkit-animation-delay:180ms;

  animation-name: show;
    animation-duration: 125ms;
    animation-fill-mode :forwards ;
    animation-delay:180ms;
}


.tab-detail.show #card6{
	-webkit-animation-name: show;
	-webkit-animation-duration: 125ms;
	-webkit-animation-fill-mode :forwards ;
	-webkit-animation-delay:0s;

	animation-name: show;
  	animation-duration: 125ms;
  	animation-fill-mode :forwards ;
  	animation-delay:0s;
}
.tab-detail.show #card7{
	-webkit-animation-name: show;
	-webkit-animation-duration: 125ms;
	-webkit-animation-fill-mode :forwards ;
	-webkit-animation-delay:45ms;

	animation-name: show;
  	animation-duration: 125ms;
  	animation-fill-mode :forwards ;
  	animation-delay:45ms;
}
.tab-detail.show #card8{
	-webkit-animation-name: show;
	-webkit-animation-duration: 125ms;
	-webkit-animation-fill-mode :forwards ;
	-webkit-animation-delay:90ms;

	animation-name: show;
  	animation-duration: 125ms;
  	animation-fill-mode :forwards ;
  	animation-delay:90ms;
}
.tab-detail.show #card9{
	-webkit-animation-name: show;
	-webkit-animation-duration: 125ms;
	-webkit-animation-fill-mode :forwards ;
	-webkit-animation-delay:135ms;

	animation-name: show;
  	animation-duration: 125ms;
  	animation-fill-mode :forwards ;
  	animation-delay:135ms;
}
.tab-detail.show #card10{
	-webkit-animation-name: show;
	-webkit-animation-duration: 125ms;
	-webkit-animation-fill-mode :forwards ;
	-webkit-animation-delay:180ms;

	animation-name: show;
  	animation-duration: 125ms;
  	animation-fill-mode :forwards ;
  	animation-delay:180ms;
}

@-webkit-keyframes show {
    from { -webkit-transform: translateY( -40px ); opacity: 0;}
    to { -webkit-transform: translateY( 0px );opacity: 1;}
}
@keyframes show {
    from { transform: translateY( -40px ); opacity: 0;}
    to { transform: translateY( 0px );opacity: 1;}
}

.footer { margin:0px 0 0 0; background:#000;}
.footer_1 { margin:0 auto; width:1200px; overflow:hidden;}