@charset "utf-8";
/* CSS Document */
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, label, blockquote, th, td, button, span { padding: 0; margin: 0; font-family:Arial, Helvetica, sans-serif; font-size: 14px; color: #353535; }
body { line-height:22px;}
table { border-spacing: 0; border-collapse: collapse; }
fieldset, img { border: none; }
address, caption, cite, code, dfn, th, var, em { font-weight: normal; font-style: normal; }
ol, ul, li { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
input, select { vertical-align: middle }
a { color: #5e5e5e; text-decoration: none; }
a:hover { color: #5e5e5e; text-decoration: none; color:#0056aa; }
.blank10 { clear: both; height: 10px; line-height: 10px; overflow: hidden; }
.clear { clear: both; }
option { border:none;}
/*头部*/
.bigbg { background-color:#0056aa;}
.top { margin:0 auto; width:1062px; }
.top .weilcome{ background:#0056aa; height:28px;}
.top .weilcome .hello{ color:#fff; float:left; padding-top:2px;}
.top .weilcome .other{ color:#fff; text-align:right; padding-top:2px; float:right;}
.top .search .chachange{ float: left; border:none; outline:medium;}
.top .search { float:right; padding-top:20px;}
.top .sousuo { border:1px solid; height:28px; width:220px; float:right; margin-left:580px;}
.top .seach .part1 { width:160px; float:right; margin-top:10px;}
.top .seach .part1 img { float:left;padding:3px 2px 0 0;}
.top .seach .part1 a{ float:left; font-size:12px; color:#666; margin-left:20px; }
.top .seach .part1 a:hover { color:#e31d1a; text-decoration: none;}
.top .seach .part2{ width:205px; height:28px; background:#d9d9d9; float:left; margin-top:20px;}
.input1{ height:28px; line-height:27px; border:none; padding:0px 10px;}
.btn{width:28px; height:28px; float:right; border:none; background:url(../images/magnifier.png) no-repeat center; }
.top .menu{ width:100%;}
.top .menu .logo { float:left;width:318px;height:60px;}
.top .menu .nav{ width:100%; margin:0 auto;}
/*.top .menu .nav li{ width:117px; position:relative; z-index:10; float:left;}
.top .menu .nav li a{ float:left; width:110px; text-align:center; line-height:22px; font-size:16px; font-weight:900; padding-top:40px; text-align:right;}
.top .menu .nav li a:hover { text-decoration:none; color:#0056aa;}*/
menu2{ width:710px; position:inherit; float:left;margin-left:30px;margin-top:17px;}
menu2 ul{float:left; }
menu2 li{height:32px;float:left;position:relative;z-index:1; text-align:right;}
menu2 a{height:32px;line-height:32px;text-align:center;display:block;font-size:16px;text-transform:uppercase;padding:0 14px;background:url(../images/dot.jpg) no-repeat right;font-weight:bold; text-decoration:none;}
menu2 li.last{ background:none;}
menu2 a:hover,menu a.current{color:#0c3076;text-decoration:none;}
menu2 li blockquote{ top:21px;z-index:999; width:160px;position:absolute; display:none;padding-top:22px;}
menu2 li blockquote ul{width:100%;padding:0;margin:0;}
menu2 li blockquote ul li{width:100%;float:none;display:block;background:none;height:28px; text-decoration:none;}
menu2 li blockquote li a{padding:0;width:100%;margin:0 auto;line-height:27px;height:27px;font-size:13px;background:#f4f4f4;border-bottom:1px solid #e5e5e5;color:#404040; overflow:hidden;}
menu2 li blockquote li a:hover{border-bottom:1px solid #333;background:#0c3076;color:#fff; text-decoration:none;}
/* banner of index */
.banner-box .bd li .m-width { overflow:hidden;}
.banner-box .bd li{ height:384px;}
.banner-box .bd li a{display:block;background-size:auto;}
.banner-btn{width:1210px;position:absolute;top:200px;left:50%;margin-left:-605px;}
.banner-btn a{display:block;width:49px;height:104px;position:absolute;top:0;filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity:0.4;opacity:0.4;}
.banner-btn a.prev{left:100px;background:url(../images/arrow-left.png) no-repeat 0 0; margin-top:60px;}
.banner-btn a.next{right:100px;background:url(../images/arrow-right.png) no-repeat -49px 0; margin-top:60px;}
.banner-box .hd {position:absolute;top:210px;left:537px;}
.banner-box .hd ul li{width:12px;height:12px;border-radius :50%;text-indent:-9999px;margin-right:20px;background:#ccc;float:left;cursor:pointer;}
.banner-box .hd ul li.on{background:#DA324D;}
.bannerLine{ text-align:center;}
.bannerList{ text-align:center;}
.bannerList img{ width:100%; height:330px;}
.fasfdasd{ background:#ececeb;}
.top2 { margin:0 auto ; width:1196px; height:420px; }
.detailInfo{ background:#fff; width:1196px; height:366px; }
.detailInfo .partone{ float:left; width:219px;padding-left:45px; padding-right:75px; }
.detailInfo .partone a{ text-decoration:none; color:#353535;}
.detailInfo .partone a:hover{color:#0056aa;}
.detailInfo .partone .partoneTitle{font-size:18px; font-weight:bold; color:#070710; padding-top:22px; padding-bottom:10px;}
.detailInfo .partone p {table-layout:fixed; word-break: break-all; overflow:hidden;}
.detailInfo .parttwo{ float:left; width:349px; padding-right:60px;}
.detailInfo .parttwo .parttwoTitle{font-size:18px; font-weight:bold; color:#070710; padding-top:22px; padding-bottom:10px;}
.detailInfo .partthree .partthreetitle{font-size:18px; font-weight:bold; color:#070710; padding-top:22px; padding-bottom:10px;}
.detailInfo .parttwo .introDate{ padding-left:1px; font-size:14px;}
.detailInfo .parttwo .intro{ font-size:12px;}
.detailInfo .parttwo .intro span{ font-weight:bold; font-size:14px;}
.detailInfo .parttwo .intro span a:hover{ text-decoration:none; color:#0056aa;}
.detailInfo .parttwo .news_list{ width:400px;}
.detailInfo .parttwo .more{ float:right; color:#1e2a63; font-size:14px; margin-right:30px;}
/*新闻中心切换*/
.newsbox { padding-left:3px; margin-bottom:28px; }
.newsbox h2 { border-bottom:solid 1px #bfc3c8; padding-bottom:14px; padding-left:0px; margin-bottom:2px;}
.newsbox p { padding:1px 0 10px 0}
.newsbox p.more { padding-bottom:5px; margin-right:0px;}
.newsbox p.more a { margin-right:9px; padding-left:9px; background-position:0 4px; text-decoration:none; font-weight:normal; color:#353535;}
.newsbox p.more a:hover{color:#0056aa;}
.newsbox h3 { border-bottom:solid 1px #bfc3c8; margin-bottom:1px; padding:5px 0 8px 16px; background:url(../images/icon_plus.gif) no-repeat 1px 10px}
h4.accordionheading, h4.contentaccordionheading { margin-bottom:1px; padding:5px 0 8px 16px; background:url(../images/icon_plus.gif) no-repeat 1px 10px}
.contentaccbox { padding-top:10px}
.newsbox h3.active, .contentaccbox h4.active ,.accordionheading.active, .contentaccordionheading.active { padding-bottom:0; margin-bottom:1px; border-bottom:0px; background:url(../images/icon_mini.gif) no-repeat 1px 12px}
.accordionheading, .contentaccordionheading { cursor:pointer}
.newscontainer { padding-left:16px; border-bottom:solid 1px #bfc3c8; padding-bottom:7px;}
.date { display:block; padding-left:22px;}
.newsbox h3 .date{padding:0px; display:none; font-weight:normal; color:#7d7d7d; padding-top:3px; padding-bottom:2px;}
.newsbox h3.active .date, .accordionheading.active .date { display:block}
.news{width:880px;margin:15px auto;}
.news .nn{padding-bottom:10px;text-align:center; margin-bottom:10px; padding-top:30px;}
.news .nn h2{font-size:16px;display:block; line-height:30px;}
/*产品列表切换*/
.homenarrowcolumn { float:left; width:400px; }
.tabpanel { }
.tabpanel .tabmenu { width:130px;min-height:260px; height: 130px;list-style:none; padding-top:10px; background:#ebebeb; }
.tabpanel .tabmenu li { display:block; margin:0; padding:0; width:100%;}
.tabpanel .tabmenu li a { display:block; padding:4px 10px 4px 4px; background:url(/media/system-files/img/arrow.gif) no-repeat 7px 10px;}
.tabpanel .tabmenu li a:hover, .tabpanel .tabmenu li a.active { text-decoration:none; color:#1e2a63; }
.tabpanel .tabmenu li a.active {}
.tabpanel .tabcontainer { background:#FFF; display:none; min-height:270px; height:100%; float:right; width:283px; padding-left:8px; padding-right:2px;}
.tabpanel .tabcontainer h3 { font-weight:bold; padding-top:2px; padding-bottom:2px; color:#1e2a63;}
.tabpanel .tabcontainer p { padding-bottom:5px;}
.tabpanel .tabcontainer span { padding-bottom:5px;color:#1e2a63; font-weight:bold; font-size:14px; overflow:hidden;}
.tabmenu li:hover a span{
color:#0056aa;
}
/*==========产品图片放大=========*/
#preview{ float:left; margin:20px auto; text-align:center; width:300px;padding-left:10px;}
.jqzoom{ width:300px; height:290px; position:relative;}
.zoomdiv{ left:859px; height:400px; width:460px;}
#spec-n5{width:300px; height:66px; padding-top:6px; overflow:hidden;}
#spec-left{ background:url(images/left.gif) no-repeat left; width:15px; height:45px; float:left; cursor:pointer; margin-top:5px;}
#spec-right{background:url(images/right.gif) no-repeat right; width:15px; height:45px; float:right;cursor:pointer; margin-top:5px;}
#spec-list{width:260px;float:left;overflow:hidden;display:inline;padding-left:10px;height:60px;}
#spec-list ul li{ float:left; display:inline;width:64px;}
#spec-list ul li img{float:left;width:55px; height:55px;border:1px solid #ccc;}
/*jqzoom*/
.jqzoom{position:relative;padding:0; border:1px solid #999;}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:400px;height:400px;background:url(i/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{width:800px;height:800px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
/*产品右侧简介*/
.pro_intro{float:left;width:520px;font-size:12px; margin-top:50px; margin-left:35px;}
table.tableList { width:372px; line-height:32px; }
table.tableListone { padding-top:45px; }
table.tableListone th{ text-align:left; width:118px; }
table.tableList td{ text-align:left; color:#e60012; }
table.tableList th{ text-align:left; width:95px;}
.description{margin:0 auto;width:770px;color:#333; float:left; margin-bottom:40px;}
.chose01 {float:left;width:960px; border-bottom:1px solid #ccc;height:30px;margin-bottom:15px; position:relative}
.chose01 a{ width:101px; margin-right:10px;height:30px; line-height:30px; display:block; font-weight:bold; float:left; text-align:center; background:url(../images/proline.jpg) 0 -30px; color:#333;font-size:14px;}
.chose01 a.sec,.chose01 a:hover{background:url(../images/proline.jpg) 0 0;color:#ff0000;}
/* 关于我们*/
#aboutaaa{ background-color:#ececeb; margin:0 auto; overflow:hidden;}
.about { width:1196px; background-color:#fff; margin:0 auto; overflow:hidden;}
.about .aboutleft { float:left; width:240px; margin:0 auto; }
.about .aboutleft .top{ background:url(../images/nav1.jpg) no-repeat; height:47px; margin:25px 0 0 20px;}
.about .aboutleft .top h2{ font-size:18px; color:#fff; font-weight:bold; line-height:34px; float:left; text-align:center; padding-left:30px;}
.about .aboutleft ul{margin-bottom:10px;float:left;width:200px;}
.about .aboutleft li { margin-bottom:1px; margin-left:30px; border-bottom:1px solid #999; width:195px; display:block; float:left; }
.about .aboutleft li img{ padding-right:20px; padding-left:20px;}
.about .aboutleft li a{ background:url(../images/left_1.jpg) no-repeat; display:block; color:#000; padding-left:10px; font-size:14px; margin-top:10px; width:100%; display:block; float:left;}
.about .aboutleft li a:hover,.about .aboutleft li a.current{ background:url(../images/left_2.jpg) no-repeat; display:block; color:#0056aa; padding-left:10px; font-size:14px; text-decoration:none;}
.about .aboutleft li a:hover span{ color:#0056aa;}
.about .aboutleft li dl { padding-left:30px; margin-bottom:10px; width:155px; display:block; float:right;}
.about .aboutright { width:910px; float:left; margin-left:30px;}
.about .aboutright .part1{ background:url(../images/shublue.jpg) no-repeat left; float:left; height:25px; line-height:25px; font-size:16px; color:#000; padding-left:20px; width:840px; margin-top:23px;margin-left:11px; border-bottom:1px dashed #b4b4b4;}
.about .aboutright .part1 .part1nei{ float:right;}
.about .aboutright .part1 .part1nei span{ color:#0056aa; }
.about .aboutright .part2{ background:url(../images/chang.jpg) repeat-x; width:890px; margin-top:53px;}
.about .aboutright .txt{ margin-top:20px; float:left;width:850px;margin-left:20px; min-height: 500px; height:auto; margin-bottom:60px; }
.about .aboutright .introtext { margin-top:30px;}
.about .aboutright .introtext span{ color:#537fbb; font-weight:bold;}
.about .aboutright .txt p{ /*padding-top:20px; padding-bottom:20px;*/}
.txt .riqi{ background:url(../images/partblue.jpg) no-repeat; float:left; width:67px; height:75px; font-size:26px; color:#fff; font-weight:bold; line-height:36px; text-align:center; margin-left:11px;}
.txt .riqi a{ color:#fff;}
.txt .riqi a:hover{ text-decoration:none; color:#fff;}
.txt .part{ height:100px; border-bottom:1px dashed #999;margin-top:18px;}
.txt .cpart2{ float:left; width:710px; margin-left:19px; margin-bottom:21px;}
.txt .cpart2 dl dt{ width:129px; float:left; margin-right:16px;}
.txt .cpart2 dl dd{ float:left; vertical-align:top; width:550px; height:83px; display:block;}
.txt .cpart3{ float:left; vertical-align:bottom; margin-top:60px; font-weight:bold;}
.txt .page{ float:right;}
.txt .page{font-size:12px; float:right; margin:3px; padding:15px 0 15px 0; text-aling:center; }
.txt .page a{ padding-right:11px; padding-left:11px; padding-bottom:1px;padding-top:11px;color:#333; margin-right:10px; background:#fff;border:1px solid #0671da}
.txt .page a:hover, .scott a:active{color:#fff;background:#0671da;border:1px solid #0671da}
.txt .page span.current{ padding-right:11px; padding-left:11px; padding-top:11px; padding-bottom:1px; color:#fff;background:#0671da;border:1px solid #0671da;margin-right:2px;}
.txt .zhaop{ line-height:26px;}
.txt span{ color:#e60012; font-weight:bold;}
.txt .contact{ height:190px; margin-top:25px; border-bottom:1px solid #999;}
.txt .contact .con1{ float:left; width:400px; height:170px; padding-left:10px; padding-top:22px;}
.txt .contact .con2{ float:right;width:400px;height:170px;}
.txt .fengcai .parttext{ margin-bottom:33px;}
.txt .fengcai span{ text-align:left; color:#000;}
.txt .fengcai .partcont{ width:217px; float:left; margin-right:48px; margin-left:20px; line-height:26px; margin-bottom:20px;}
.txt .fengcai .partcont h2{ color:#0056aa; font-weight:bold;}
.txt .fengcai .partcont h2 a{ text-decoration:none; color:#0056aa;}
.txt .fengcai .partcont h2 a:hover{ text-decoration:none; color:#0056aa;}
table.peopleList { width:860px; line-height:32px; height:150px; border-bottom:1px solid #CCC; margin-bottom:20px;}
table.peopleList td{ text-align:left; padding-left:20px;}
table.peopleList th{ text-align:left; width:16%; text-align:right;}
#wrapper { margin:0 auto; width:1000px;}
.innerpage .headercontainer { padding-bottom:24px;}
.textcontainer a, .textcontainer li a { background-image:url("/media/system-files/img/arrow.gif");
background-position:left center; background-repeat:no-repeat; padding-left:10px;}
.textcontainer li, .newcontainer li {list-style-image:url("/media/system-files/img/li.gif");margin-left:15px; margin-right:15px;}
.newcontainer span a{ font-weight:normal; text-decoration:none; color:#353535;}
.newcontainer span a:hover{ color:#0056aa;}
.newcontainer p{ line-height:20px;}
/* Hotspots */
.hotspot {background:url(../images/mouse-over-rot.png) left top no-repeat; width:22px;height:22px; }
.hotspotLink { height:22px;line-height:22px;padding-right:4px;clear:both;white-space:nowrap;position: absolute; z-index: 10; }
#imgMarker span { display:block;float:left;white-space:nowrap; }
#imgMap > img { position:absolute; }
#imgMarker { position:absolute; }
.footer { background:#0056aa; width:1062px; }
.footer .footer2{ background:#0056aa;height:250px; background:#0056aa; width:1000px; margin:0 auto;padding-bottom:30px; }
.footer2 .bottmenu{ }
.footer2 .bottmenu .selBottomn{ width:150px; }
.footer2 .bottmenu .selBottomn option{ text-align:right; text-decoration:none; border:none;clip:rect(2 80 20 2); margin:-2; width:84;background:none; margin:-2px;outline:medium;}
.footer2 .bottmenu .selBottomn a:hover{ text-decoration:none; behavior:url;}
menu{ position:absolute; width:1000px; }
menu ul{float:left; }
menu li{height:32px;float:left;position:relative;z-index:1; width:200px;}
menu a{height:32px;line-height:32px;text-align:center;display:block;font-size:14px;text-transform:uppercase;padding:0 16px;background:url(../images/dot.jpg) no-repeat right;font-weight:bold; color:#fff; text-decoration:none;}
menu li.last{ float:right; text-align:right;}
menu a:hover,menu a.current{color:#fff;text-decoration:none;}
menu li blockquote{left:2px;top:21px;z-index:999; width:160px;position:absolute; display:none;padding-top:17px;}
menu li blockquote ul{width:100%;padding:0;margin:0;}
menu li blockquote ul li{width:100%;float:none;display:block;background:none;height:28px; margin-left:40px; text-decoration:none;}
menu li blockquote li a{padding:0;width:100%;margin:0 auto;line-height:27px;height:27px;font-size:13px;background:#f4f4f4;border-bottom:1px solid #e5e5e5;color:#404040;}
menu li blockquote li a:hover{border-bottom:1px solid #333;background:#0c3076;color:#fff; text-decoration:none;}
.introCompany{ margin-top:60px; color:#fff; width:280px; float:left;font-size:12px;}
.introWebchat{ float:left; width:96px;margin-top:97px; margin-left:10px;}
.introchat{ float:left; margin-left:20px; color:#fff; line-height:37px; margin-top:90px;font-size:12px;}.dunsregistered{ float:left; width:118px; height:97px; margin-left:70px; margin-top:90px;}
.partcont{
width:217px;
height:230px;
}
.cont-oadba{
width:850px;
float:left;
margin-top:18px;
margin-left:18px;
margin-bottom:80px;
}
.cont-oadba li{
width:100%;
float:left;
margin-top:15px;
}
.cont-oadba li .coa{
width:220px;
height:28px;
line-height:28px;
text-align:right;
color:#444;
float:left;
margin-right:15px;
font-size:14px;
}
.cont-oadba li .coa .cob{
color:#F00;
}
.text1{
width:210px;
height:26px;
float:left;
border:0px;
border:1px solid #d0d0d0;
}
.text2{
width:100px;
height:26px;
float:left;
border:0px;
border:1px solid #d0d0d0;
}
.cont-oadba li .coc{
width:80px;
height:28px;
background:#000;
float:left;
display:block;
margin-left:12px;
}
.but1{
width:80px;
cursor:pointer;
border-radius:4px;
height:30px;
}
.but2{
width:80px;
cursor:pointer;
border-radius:4px;
height:30px;
margin-left:15px;
}
.bann-box{
width:100%;
height:364px;
background:#000;
float:left;
position:relative;
overflow:hidden;
z-index:-1;
}
.ban-one{
width:985px;
height:364px;
right:0px;
opacity:0;
z-index:8;
position:absolute;
-webkit-animation:bouncebabann 1.5s forwards;
animation:bouncebabann 1.5s forwards;
}
@-webkit-keyframes bouncebabann{
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
}
100% {
-webkit-transform: translateX(0);
opacity: 1;
}
}
@keyframes bouncebabann{
0%{
opacity:0;
transform:translateX(-2000px);
}
100%{
transform:translateX(5);
opacity:1;
}
}
.bann-bj{
width:100%;
height:364px;
opacity:0;
position:absolute;
z-index:9;
top:0px;
background:url(../images/ban-bj.png);
-webkit-animation:bounceba-bj 4s forwards;
animation:bounceba-bj 4s forwards;
animation-delay:2.5s;
-webkit-animation-delay:2.5s;
}
@-webkit-keyframes bounceba-bj{
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes bounceba-bj{
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.bann-main{
width:1200px;
height:364px;
margin-left:auto;
margin-right:auto;
overflow:hidden;
position:relative;
z-index:9999;
}
.ban-oa{
width:333px;
height:37px;
position:absolute;
top:95px;
z-index:10;
opacity:0;
-webkit-animation:bounceInOne 2.5s forwards;
animation:bounceInOne 2.5s forwards;
}
@-webkit-keyframes bounceInOne{
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
}
100% {
-webkit-transform: translateX(5);
opacity: 1;
}
}
@keyframes bounceInOne{
0%{
opacity:0;
transform:translateX(-2000px);
}
100%{
transform:translateX(5);
opacity:1;
}
}
.ban-ob{
width:317px;
height:28px;
position:absolute;
top:160px;
z-index:10;
opacity:0;
-webkit-animation:bounceInTwo 3s forwards;
animation:bounceInTwo 3s forwards;
animation-delay:1.5s;
-webkit-animation-delay:1.5s;
}
@-webkit-keyframes bounceInTwo{
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
}
80% {
-webkit-transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(5);
opacity: 1;
}
}
@keyframes bounceInTwo{
0%{
opacity:0;
transform:translateX(-2000px);
}
60%{
opacity:1;
transform:translateX(30px);
}
80%{
transform:translateX(-10px);
}
100%{
transform:translateX(5);
opacity:1;
}
}
.ban-oc{
width:130px;
height:38px;
position:absolute;
-webkit-animation:bounceInThree 3s forwards;
animation:bounceInThree 3s forwards;
animation-delay:1.5s;
opacity:0;
top:228px;
z-index:99999;
-webkit-animation-delay:1.5s;
}
.ban-oc a {
display:block;
float:left;
}
@-webkit-keyframes bounceInThree{
0% {
opacity:0;
transform: translateY(2000px);
}
60% {
opacity: 1;
transform: translateY(-30px);
}
100% {
transform: translateY(0);
opacity: 1;
}
}
@keyframes bounceInThree{
0% {
opacity:0;
transform: translateY(2000px);
}
60% {
opacity: 1;
transform: translateY(-30px);
}
100% {
transform: translateY(0);
opacity: 1;
}
}
.ban-aa{
width:137px;
height:118px;
position:absolute;
opacity:0;
top:135px;
-webkit-animation:bounceOnOne 3s forwards;
animation:bounceOnOne 3s forwards;
animation-delay:1s;
-webkit-animation-delay:1s;
}
@-webkit-keyframes bounceOnOne{
0% {
opacity: 0;
-webkit-transform:translateX(2000px);
}
60% {
opacity: 1;
-webkit-transform:translateX(550px);
}
100% {
-webkit-transform:translateX(650px);
opacity: 1;
}
}
@keyframes bounceOnOne{
0%{
opacity:0;
transform:translateX(2000px);
}
60%{
opacity:1;
transform:translateX(550px);
}
100%{
transform:translateX(650px);
opacity:1;
}
}
.ban-ab{
width:137px;
height:118px;
position:absolute;
top:76px;
right:308px;
opacity:0;
-webkit-animation:bounceOnTwo 3s forwards;
animation:bounceOnTwo 3s forwards;
animation-delay:1s;
-webkit-animation-delay:1s;
}
@-webkit-keyframes bounceOnTwo{
0% {
opacity: 0;
-webkit-transform:translateY(-2000px);
}
100% {
-webkit-transform:translateY(0);
opacity: 1;
}
}
@keyframes bounceOnTwo{
0%{
opacity:0;
transform:translateY(-2000px);
}
100%{
transform:translateY(0);
opacity:1;
}
}
.ban-ac{
width:137px;
height:118px;
position:absolute;
top:135px;
right:206px;
opacity:0;
-webkit-animation:bounceOnThree 3s forwards;
animation:bounceOnThree 3s forwards;
animation-delay:1s;
-webkit-animation-delay:1s;
}
@-webkit-keyframes bounceOnThree{
0% {
opacity: 0;
-webkit-transform:translateY(2000px);
}
100% {
-webkit-transform:translateY(0);
opacity: 1;
}
}
@keyframes bounceOnThree{
0%{
opacity:0;
transform:translateY(2000px);
}
100%{
transform:translateY(0);
opacity:1;
}
}
.ban-ad{
width:137px;
height:118px;
position:absolute;
top:76px;
right:100px;
opacity:0;
-webkit-animation:bounceOnFour 3s forwards;
animation:bounceOnFour 3s forwards;
animation-delay:1s;
-webkit-animation-delay:1s;
}
@-webkit-keyframes bounceOnFour{
0% {
opacity: 0;
-webkit-transform:translateY(-2000px);
}
100% {
-webkit-transform:translateY(0);
opacity: 1;
}
}
@keyframes bounceOnFour{
0%{
opacity:0;
transform:translateY(-2000px);
}
100%{
transform:translateY(0);
opacity:1;
}
}
.ban-ae{
width:137px;
height:118px;
position:absolute;
top:135px;
right:-4px;
opacity:0;
-webkit-animation:bounceOnFive 3s forwards;
animation:bounceOnFive 3s forwards;
animation-delay:1s;
-webkit-animation-delay:1s;
}
@-webkit-keyframes bounceOnFive{
0% {
opacity: 0;
-webkit-transform:translateY(2000px);
}
100% {
-webkit-transform:translateY(0);
opacity: 1;
}
}
@keyframes bounceOnFive{
0%{
opacity:0;
transform:translateY(2000px);
}
100%{
transform:translateY(0);
opacity:1;
}
}
body {
position:relative;
z-index:-1;
}
.tabpanel .tabcontainer p {
display:block;
height:60px;
overflow:hidden;
font-weight:normal;
}