@charset "utf-8";
* {padding:0; margin:0;}
html{ height:100%;}
body {font:14px/1.8 "微软雅黑", "Microsoft Yahei", "宋体" ,arial, helvetica, clean, sans-serif; color:#666; height:100%; background-color:#fff; }
h1, h2, h3, h4, h5, h6 {font:14px/1.8 "微软雅黑", "Microsoft Yahei", "宋体" ,arial, helvetica, clean, sans-serif; color:#666;}
img {border:0;}
li {list-style-type:none;}
.overflow {-o-text-overflow:ellipsis; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}
.clearfix {display:block;}
.clear {clear:both;}
a:link {color:#666; text-decoration:none;}
a:visited {color:#666; text-decoration:none;}
a:hover { color:#1f489a; text-decoration:none;}
a:active { color:#1f489a; text-decoration:none;}
.en, .email, .tel{ font-family: arial, helvetica, clean, sans-serif;}
.cn{ font-family: "微软雅黑", "Microsoft Yahei", "宋体" ,arial, helvetica, clean, sans-serif;}
input, botton, select, textarea{ font-size:14px; line-height:24px; font-family: "微软雅黑", "Microsoft Yahei", "宋体",arial, helvetica, clean, sans-serif; color:#666;}
.blink{ width:96%; margin:0 auto; overflow:hidden;}
.hide{ display:none;}
.pw{ width:100%; min-width:320px; min-height:480px; padding-bottom:40px; background:none repeat scroll 0% 0%; margin:0px auto; overflow:hidden;}
.wow{
-webkit-animation: b_to_t 800ms ease;
-moz-animation: b_to_t 800ms ease;
-ms-animation: b_to_t 800ms ease;
animation: b_to_t 800ms ease;
}
.nav_open{ overflow:hidden;}/*弹出主导航菜单时，html和body增加class，隐藏超出一屏的内容*/

.more{ width:100%; height:40px; margin:10px 0;  text-align:center;}
.more a{ height:40px; line-height:40px; padding:0 40px;   background-color:#1f489a; color:#fff;  display:inline-block; *display:inline; zoom:1;
 -webkit-transition: all 400ms linear;
 -moz-transition: all 400ms linear;
 -o-transition: all 400ms linear;
 -ms-transition: all 400ms linear;
 transition: all 400ms linear;
}
.more a:hover{ background-color:#1f489a; }

/*-------index头部------*/
.body_header{ position:fixed; left:0; top:0; z-index:2; width:100%; height:50px; background-color:#1f489a; clear:both;
-webkit-box-shadow:2px 0px 10px rgba(0, 0, 0, 0.5);
-moz-box-shadow:2px 0px 10px rgba(0, 0, 0, 0.5);
box-shadow:2px 0px 10px rgba(0, 0, 0, 0.5);
}
.top{ clear:both; height:50px; position:relative; overflow:visible;}
.logo{ float:left;  padding-left:3%;}
.logo img{ height:30px; margin-top:10px;}
.nav{ float:right; margin-top:16px; padding-right:3%;}
.nav .hide{ display:none;}
.nav .close img, .nav .open img{ position:relative; z-index:9; width:22px; height:18px;}


.nav2{ position:fixed; top:50px; right:-100%; z-index:9; width:100%; height:100%; padding-bottom:100px; background-color:#f5f5f5; overflow-y:auto; 
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 350ms linear;
-moz-transition: all 350ms linear;
-o-transition: all 350ms linear;
-ms-transition: all 350ms linear;
transition: all 350ms linear;
}
.nav2 .mainmenu{ padding-bottom:50px;}
.nav2 .mainmenu a { display:block;}
.nav2 .mainmenu .li1 { position:relative; height:40px; line-height:40px; color:#fff; border-top:1px solid #fff; background-color:#1f489a;}
.nav2 .mainmenu .li1 img{ position:absolute; right:10%; top:15px; height:11px;
-webkit-transition: all 400ms linear;
-moz-transition: all 400ms linear;
-o-transition: all 400ms linear;
-ms-transition: all 400ms linear;
transition: all 400ms linear;
}
.nav2 .mainmenu .ig img{
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.nav2 .mainmenu .li1 span{ padding-left:10%; display:block;}
.nav2 .mainmenu .submenu { padding:0; margin:0; border-bottom:1px solid #fff;}
.nav2 .mainmenu .li2 { background-color:#858585; height:36px; line-height:36px;}
.nav2 .mainmenu .li2 a { color:#fff; padding-left:10%; padding-right:10%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.nav2 .mainmenu .li3 { background-color:#a5a5a5; height:36px; line-height:36px;}
.nav2 .mainmenu .li3 a { color:#fff; padding-left:10%; padding-right:10%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.lang a{display:block; float:right; margin-top:13px; width:24px; height:24px; line-height:24px; border-radius: 100%; text-align:center; margin-right:5px; background-color:#eee; color:#333;
 -webkit-transition: all 400ms linear;
 -moz-transition: all 400ms linear;
 -o-transition: all 400ms linear;
 -ms-transition: all 400ms linear;
 transition: all 400ms linear;
}
.lang a:hover{background-color:#1f489a; color:#fff;}
.lang .en{ font-family:arial, helvetica, clean, sans-serif; }

.link{ float:right; height:50px; line-height:50px; }
.link p a {background-color:#1f489a; color:#fff; height:50px; line-height:50px; padding:2px 5px; }
.link p a:hover{ background-color:#365296;}


#fl-t{ width:100%; margin:0 auto; height:50px;}

/*----------动画----------*/
.body_banner{ clear:both;}

.swipe{width:100%;overflow:hidden;position:relative;}
.swipe ul{
	-webkit-transition:left 800ms ease-in 0;
	-moz-transition:left 800ms ease-in 0;
	-o-transition:left 800ms ease-in 0;
	-ms-transition:left 800ms ease-in 0;
	transition:left 800ms ease-in 0;
}
.swipe #pagenavi{position:absolute;left:0;bottom:5px;text-align:center;width:100%; font-size:0; line-height:0;}
.swipe #pagenavi a{width:10px; height:10px; background:#fff; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; margin:0 4px; overflow:hidden; cursor:pointer; display:inline-block; position:relative;}
.swipe #pagenavi a.active{background:#1f489a;  position:relative;}


/*----------首页标题样式----------*/
.title{ text-align: center; padding:20px 0;
-webkit-animation: fantan 800ms ease;
-moz-animation: fantan 800ms ease;
-ms-animation: fantan 800ms ease;
animation: fantan 800ms ease;}
.title h2{ font-size:20px; height:24px; line-height:24px; font-weight:bold; color:#333;}
.title p{ font-size:14px; height:20px; line-height:20px; margin-top:5px;}
.title .xian{ width:30px; height:5px; margin:0 auto; background-color:#1f489a; margin-top:9px;}


/*----------首页板块1样式----------*/

#bd01{ width:100%; background-color:#eee; }
#bd1 ul{ padding-bottom:20px;}
#bd1 ul li{ width:25%; float:left; text-align:center; overflow:hidden; }
#bd1 ul li h1 { font-size:14px; color:#1f489a;}
#bd1 ul li h1 span{ font-size:24px; line-height:26px;}
#bd1 ul li p { font-size:10px; height:20px; line-height:20px; overflow:hidden;}


#bd02{ width:96%; margin:0 auto; }
#bd02 .text{ padding:10px 0;}
#bd02 .text p{ font-size:12px;}
#bd02 .text p span{ font-size:18px; color:#333;}

#bd03{ width:100%; height:auto; background-color:#eee; padding-bottom:80px;}
#bd3 #case_list ul li{ float:left; width:23%; margin:1%;  overflow:hidden; position:relative; padding-bottom:60px;
	-webkit-transition: all 1000ms linear;
    -moz-transition: all 1000ms linear;
    -o-transition: all 1000ms linear;
    -ms-transition: all 1000ms linear;
	transition: all 1000ms linear;
-moz-box-shadow:0px 0px 5px #000;
-webkit-box-shadow:0px 0px 5px #000; 
box-shadow:0px 0px 5px #000;
-webkit-border-radius:10px;/*圆角，数值可以是像素或百分比*/
-moz-border-radius:10px;
border-radius:10px;
}

#bd3 #case_list ul li:hover{

}

#case_list ul li .ca-main a{ padding:0; margin:0;}
#case_list ul li .ca-main a img{ display:block;
	-webkit-transition: all 1000ms linear;
    -moz-transition: all 1000ms linear;
    -o-transition: all 1000ms linear;
    -ms-transition: all 1000ms linear;
	transition: all 1000ms linear;
}
#case_list ul li:hover .ca-main a img{
    -webkit-transform: scale(1.1);  
    -moz-transform: scale(1.1);  
    -ms-transform: scale(1.1);    
    -o-transform: scale(1.1);   
    transform: scale(1.1); 
}
#case_list ul li .ca-main{ position:relative; z-index:1;}



#bd3 #case_list ul li .ca-sub { position: absolute; width:100%; height:60px; line-height:60px;  left:0; z-index:1; width:100%;  background:#1f489a; text-align:center;}
#bd3 #case_list ul li .ca-sub p a{ font-size:16px; color:#fff;}

#bd4 .newslist{ min-height:100px; _height:100px; }

/*----------网站底部----------*/
#ft-t{ margin-top:30px;}
#ft-t ul{ padding-top:40px; padding-bottom:30px;}
#ft-t ul li{ width:80%; height:160px; overflow:hidden;  margin:0 auto; margin-bottom:10px; position:relative;}


#ft-t ul li .bg{ position:absolute; left:0; top:0;  width:100%; height:100%; background-color: #000; filter:alpha(opacity=30);_filter:alpha(opacity=30); -moz-opacity:0.3; opacity:0.3;
    -webkit-transition: all 1000ms linear;
    -moz-transition: all 1000ms linear;
    -o-transition: all 1000ms linear;
    -ms-transition: all 1000ms linear;
    transition: all 1000ms linear;
}
#ft-t ul li .main{ position:absolute; left:0; top:0; width:100%; height:100%;}

#ft-t ul .li4{ text-align:center;}
#ft-t ul .li4 .main{ width:80%; margin-left:10%; }
#ft-t ul .li4 .main .main-l{ float:left; width:50%;}
#ft-t ul .li4 .main .main-l .wx img{ display:inline; text-align:right; margin-bottom:0px; margin-top:20px;}
#ft-t ul .li4 .main .main-l .wx{ text-align:right;}
#ft-t ul .li4 .main .main-r{ float:right; width:50%;}

#ft-t ul li p{ text-align:center; padding:0 5%; color:#fff;}

#ft-t ul li p img{ margin-bottom:25px; margin-top:30px;}
#ft-t ul .li1 p img{ margin-bottom:13px;}


.ewm{ width:60%; margin:20px auto;}
.ewm p{ text-align:center; font-size:18px; height:40px; line-height:40px;}


/*----------底部----------*/

.ft{}
.ft ul{ padding:0 5%;}
.ft li{ width:25%; height:40px; float:left; text-align:center; color:#FFF;}
.ft li a{ color:#fff; height:40px; line-height:40px;}

.ft1{  padding:10px 0; text-align:center;}

/*----------底部浮动样式----------*/
.body_footer{width:100%; height:40px; background-color:#333; position:fixed; bottom:0; z-index:99;}
.body_footer ul{width:100%;}
.body_footer ul li{width:25% ; float:left; color:#fff;}
.body_footer ul li a{width:100%; height:35px; display:block; padding-top:5px;}
.body_footer ul li dl{width:auto; margin:0 auto; text-align:center;}
.body_footer ul li dt{width:auto; height:15px; overflow:hidden;}
.body_footer ul li dd{width:auto; height:20px; font-size:12px; color:#fff; line-height:20px; overflow:hidden;}


/*----------内页banner----------*/
#banner{ width:100%; height:120px; margin-bottom:20px; overflow:hidden; position:relative;}


.rtit{ width:300px; margin:0 auto; padding-top:32px;  
-webkit-animation: fantan 800ms ease;
-moz-animation: fantan 800ms ease;
-ms-animation: fantan 800ms ease;
animation: fantan 800ms ease;
}
.rtit .p3{ color:#eee; font-size:32px; height:40px; line-height:40px;  text-align:center; }
.rtit .p2 { color:#eee; font-size:10px; height:12px; line-height:12px;  text-align: center;}
.rtit .p2 a { color:#eee;}
.rtit p a:hover{ color:#fff;}
.rtit p .selected{ color:#fff;}

/*----------about----------*/

#ltit { min-height:400px; padding:20px 0; overflow:hidden; text-align:center; font-size:16px; line-height:35px;}
#ltit h1 { font-size:20px; line-height:60px; color:#333;}
#ltit ul{ padding-bottom:20px;}
#title{ width:96%; margin:0 auto; text-align:center; margin-bottom:20px; }
#title h1{ font-size:20px; display: inline-block; *display:inline; zoom:1; color:#333;}

#title2{ width:96%; height:auto; margin:0 auto; margin-top:50px; margin-bottom:10px; text-align:center; }
#title2 h1{ font-size:16px; font-weight:bold; height:auto; line-height:24px; display:inline-block; color:#666;}
#title2 h1 span{ color:#0071b7;}

.content{ width:94%; margin:0 auto; margin-bottom:0px; overflow:hidden; transition:400ms; min-height:350px; _height:350px;}

.content .p1{}
.content .p2{}
.content .p3{}
.content .p4{ margin:15px auto; text-align:center;}
.content .p5{ margin:15px auto; text-align:center;}

.content .bg2 h1{ font-size:16px; font-weight:bold; line-height:22px; padding-bottom:8px; color:#666; text-align:center;}
.content .bg2 .news-t{ font-size:; text-align:center; border-bottom:#ddd 1px solid; padding-bottom:5px; margin-bottom:10px;}
.content .bg2 .news-t a{ color:#1f489a;}
.content .s1_video { position:relative; width:100%;}
.content .s1_video video {width:100%;}
.content .s1_video .play {position:absolute; z-index:1000; top:50%; left:50%; margin-top:-30px; margin-left:-30px;}

.proview-b{ text-align:center; margin-top:20px; }
.proview-b a{color:#1f489a;}

#pg { margin-top:30px; text-align:center;}
#pg a{ color:#1f489a;}


/*----------proList2----------*/
.prolist2  { width:98%; margin:0 auto; min-height:350px; _height:350px; margin-bottom:20px;}
.prolist2 ul { }
.prolist2 ul li { float:left; width:50%; margin-bottom:10px;
-webkit-animation: r_to_l 800ms ease-out;
-moz-animation: r_to_l 800ms ease-out;
-ms-animation: r_to_l 800ms ease-out;
animation: r_to_l 800ms ease-out;
}
.prolist2 ul li p { font-size:14px; height:30px; line-height:30px; font-weight:bold; text-align:center;}
.prolist2 ul li:hover p { color:#c80000;}

.prolist2 ul li img { margin:4%;

-webkit-box-shadow:#000 0 3px 6px; /*元素块阴影，X轴为0表示不偏移，水平平分阴影，Y轴同理*/
-moz-box-shadow:#000 0 3px 6px;
box-shadow:#000 0 3px 6px;
	-webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
	transition: all 400ms linear;
}

.prolist2 ul li:hover img {
-webkit-box-shadow:#000 0 5px 10px; /*元素块阴影，X轴为0表示不偏移，水平平分阴影，Y轴同理*/
-moz-box-shadow:#000 0 5px 10px;
box-shadow:#000 0 5px 10px;
    -webkit-transform: translateY(-5px); 
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);   
    -o-transform: translateY(-5px);  
    transform: translateY(-5px);	
	}



/*----------products----------*/
.prolist{ width:96%; margin:0 auto; min-height:350px; _height:350px; }
.prolist ul{}
.prolist ul li{float:left; width:47%; margin:1%; margin-right:3%; overflow:hidden; margin-bottom:25px;
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.5);
    -moz-box-shadow: 0 2px 4px rgba(0,0,0,0.5);
    box-shadow: 0 2px 4px rgba(0,0,0,0.5);
	-webkit-animation: b_to_t 800ms ease;
-moz-animation: b_to_t 800ms ease;
-ms-animation: b_to_t 800ms ease;
animation: b_to_t 800ms ease;
}
.prolist ul .right{ margin-right:1%; }

.prolist ul li a{ width:100%; height:100%; display: block; cursor:pointer; }

.prolist ul img{ width:100%;}

.prolist .ca-sub{text-align:center; color:#333; font-size:14px; height:40px; line-height:40px; background-color:#eee; overflow:hidden;}


/*----------新闻列表----------*/
.newslist{  margin:0 auto; min-height:400px; _height:400px; }
.newslist ul{width:94%; margin:0 auto;}
.newslist ul li{ overflow:hidden; margin-bottom:20px; background-color:#f5f5f5;}
.newslist ul li .left{ float:left; width:100px; overflow:hidden;
-webkit-animation: l_to_r 800ms ease-out;
-moz-animation: l_to_r 800ms ease-out;
-ms-animation: l_to_r 800ms ease-out;
animation: l_to_r 800ms ease-out;
}
.newslist ul li .left img{ display:block;  
	-webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
	transition: all 400ms linear;
}
.newslist ul li .left img:hover{
    -webkit-transform: scale(1.1);  
    -moz-transform: scale(1.1);  
    -ms-transform: scale(1.1);    
    -o-transform: scale(1.1);   
    transform: scale(1.1); 
}


.newslist ul li .right{width:auto; margin-left:110px; overflow:hidden;  
-webkit-animation: r_to_l 800ms ease-out;
-moz-animation: r_to_l 800ms ease-out;
-ms-animation: r_to_l 800ms ease-out;
animation: r_to_l 800ms ease-out;
}
.newslist ul li .right h3{ font-size:14px; font-weight:bold; height:40px; line-height:20px; margin-top:8px;  overflow:hidden; color:#333;}

.newslist ul li .right .p2{ font-size:12px; height:18px; line-height:18px; padding-top:5px; color:#aaa; overflow:hidden;}

/*----------客户留言表单开始----------*/
.content .msxq{ width:100%; margin:0 auto; background-color:#f5f5f5; padding:20px 0;}
.content .msxq .zsjm{ width:96%; margin:0 auto;}
.content .msxq .zsjm h3{ text-align:center; color:#666; font-weight:bold; line-height:36px;}
.content .msxq .zsjm input[type="text"], select, textarea{border:1px solid #ccc; font-family:"微软雅黑", "Microsoft Yahei", "宋体",arial, helvetica, clean, sans-serif;}
.content .msxq .zsjm input[type="text"]:hover, select:hover, textarea:hover{border:1px solid #1f489a;}
.content .msxq .zsjm input[type="text"]:focus, select:focus, textarea:focus{border:1px solid #1f489a;}
.content .msxq .zsjm .xh{ float:right; color:#1f489a; width:14px; line-height:32px; text-align:center;}

.content .msxq .zsjm .biao1{}
.content .msxq .zsjm .biao1 dl{ width:100%;}
.content .msxq .zsjm .biao1 dl dt{ padding-bottom:10px;}
.content .msxq .zsjm .biao1 dl dt .left1{ float:left; width:60px; }
.content .msxq .zsjm .biao1 dl dt .left1 p{ text-align:right; height:32px; line-height:32px;}
.content .msxq .zsjm .biao1 dl dt .right1{ overflow:hidden;}
.content .msxq .zsjm .biao1 dl dt .right1 .box{ width:100%; height:32px; line-height:32px; color:#666; padding:0 5px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.content .msxq .zsjm .biao1 dl dt .right1 select{ width:100%; height:32px; line-height:32px; color:#666; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

.content .msxq .zsjm .biao2{ padding-bottom:10px;}
.content .msxq .zsjm .biao2 .left1{ float:left; width:60px; }
.content .msxq .zsjm .biao2 .left1 p{ text-align:right; height:32px; line-height:32px;}
.content .msxq .zsjm .biao2 .right1{ overflow:hidden;}
.content .msxq .zsjm .biao2 select{ width:100%; height:32px; line-height:32px; color:#666; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.content .msxq .zsjm .biao2 textarea{width:100%; color:#666; font-size:14px; line-height:20px; padding:5px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

.content .msxq .next { height:36px; margin-top:10px; text-align:center; }
.content .msxq .next .submit{ line-height:36px; background-color:#1f489a; border:none; color:#fff; padding:0 20px; margin:0 10px; display:inline-block; cursor:pointer; font-family:"微软雅黑", "Microsoft Yahei", "宋体",arial, helvetica, clean, sans-serif;}
.content .msxq .next .submit2{ line-height:36px; background-color:#666; border:none; color:#fff; padding:0 20px; margin:0 10px; display:inline-block; cursor:pointer; font-family:"微软雅黑", "Microsoft Yahei", "宋体",arial, helvetica, clean, sans-serif;}
.content .msxq .next .submit:hover{ background-color:#1f489a;}
.content .msxq .next .submit2:hover{ background-color:#1f489a;}

/*----------客户留言表单结束----------*/



/*----------CSS3动作代码----------*/
@-webkit-keyframes fantan {
0% { opacity:0; -webkit-transform:scale(.3); transform:scale(.3)}
50% { opacity:1; -webkit-transform:scale(1.05); transform:scale(1.05)}
70% { opacity:1; -webkit-transform:scale(.9); transform:scale(.9)}
100% { opacity:1; -webkit-transform:scale(1); transform:scale(1)}
}
@-moz-animation fantan {
0% { opacity:0; -webkit-transform:scale(.3); transform:scale(.3)}
50% { opacity:1; -webkit-transform:scale(1.05); transform:scale(1.05)}
70% { opacity:1; -webkit-transform:scale(.9); transform:scale(.9)}
100% { opacity:1; -webkit-transform:scale(1); transform:scale(1)}
}
@-ms-animation fantan {
0% { opacity:0; -webkit-transform:scale(.3); transform:scale(.3)}
50% { opacity:1; -webkit-transform:scale(1.05); transform:scale(1.05)}
70% { opacity:1; -webkit-transform:scale(.9); transform:scale(.9)}
100% { opacity:1; -webkit-transform:scale(1); transform:scale(1)}
}


@-webkit-keyframes l_to_r{
    from { opacity: 0; -webkit-transform: translateX(-200px);}
    to { opacity: 1; -webkit-transform: translateX(0%);}
}
@-moz-keyframes l_to_r{
    from { opacity: 0; -webkit-transform: translateX(-200px);}
    to { opacity: 1; -webkit-transform: translateX(0%);}
}
@-ms-keyframes l_to_r{
    from { opacity: 0; -webkit-transform: translateX(-200px);}
    to { opacity: 1; -webkit-transform: translateX(0%);}
}


@-webkit-keyframes r_to_l{
    from { opacity: 0; -webkit-transform: translateX(200px);}
    to { opacity: 1; -webkit-transform: translateX(0%);}
}


@-webkit-keyframes r1_to_l{
    from { opacity: 0; -webkit-transform: translateX(50px);}
    to { opacity: 1; -webkit-transform: translateX(0%);}
}

@-webkit-keyframes r2_to_l{
    from { opacity: 0; -webkit-transform: translateX(20px);}
    to { opacity: 1; -webkit-transform: translateX(0%);}
}

@-webkit-keyframes b_to_t {
0% { opacity: 0; -webkit-transform: translateY(50%);}
100% { opacity: 1; -webkit-transform: translateY(0);}
}

@-webkit-keyframes b_to_t2 {/*从下到上*/
0% { opacity: 0; -webkit-transform: translateY(50px);}
to {opacity: 1; -webkit-transform: translateY(0);}
}

@-webkit-keyframes t_to_b {/*从下到上*/
0% { opacity: 0; -webkit-transform: translateY(-50px);}
to {opacity: 1; -webkit-transform: translateY(0);}
}

@-webkit-keyframes doudong{
    0%{ transform:translate(0,0)}
    50%{ transform:translate(0,5px)}
    100%{ transform:translate(0,0)}
}
@-moz-keyframes doudong{
    0%{ transform:translate(0,0)}
    50%{ transform:translate(0,5px)}
    100%{ transform:translate(0,0)}
}
@-ms-keyframes doudong{
    0%{ transform:translate(0,0)}
    50%{ transform:translate(0,5px)}
    100%{ transform:translate(0,0)}
}


@media screen and (max-width:1280px) {
#nav .menu{ display:none;}
#nav .nav2{ display:block;}
}

@media screen and (max-width:1152px) {
#nav .menu ul li a { padding:0 20px; }
.demo { width:980px;}
}

@-webkit-keyframes moveFromBottom {
    from {-webkit-transform: translateY(100%);}
    to {-webkit-transform: translateY(0%);}
}
@-moz-keyframes moveFromBottom {
    from {-moz-transform: translateY(100%);}
    to {-moz-transform: translateY(0%);}
}
@-ms-keyframes moveFromBottom {
    from {-ms-transform: translateY(100%);}
    to {-ms-transform: translateY(0%);}
}