body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote{margin:0px;padding:0px;font-size:12px;text-align:left; font-family:"Microsoft Yahei"!important;}
ul,ol ,li {list-style:none;}
body{margin:0px; padding:0px; color:#666;}
a{color: #666; text-decoration: none;}
a:hover {color: #ff0000; text-decoration: none;}
a img { border:0;}
td,th{ font-size:12px;}
/* end reset */

.fl{ float:left}
.fr{ float:right!important}
.fn{ float:none}

.clear{ clear:both}
.clearleft{clear:left}
.clearright{clear:right}
.over{overflow:hidden}

.displayinline{ display:inline}

.ie6haslayout{zoom:1}



.font_line_24{ line-height:24px;}
/* end font */

/* end message */
.border_a{ background:#FFFFFF; border-bottom:1px solid #e7e7e7;}
.border_4px{ border:5px solid #d8d8d8}


#head11{width:100%; height:68px; background:#145099; font-family:"Microsoft Yahei";}


/*end Notice*/
.logo{ width:1200px; height: 145px; margin: auto; }






.nav_main{ width:1200px; height:75px; margin:auto;position:relative;}
#nav_all{height:65px;float:left;line-height:75px;position:relative;z-index:222;}
#nav_all li{text-align:center;float:left; width: 125px; }
#nav_all li a{color:#fff;display:inline-block;font-size:14px;cursor:pointer;_padding:0 30px;height:65px;line-height:65px;white-space:nowrap;border-left: none; }
#nav_all li a:hover{line-height:75px; height:75px; width:125px; display: block; text-align:center;overflow:hidden; color: #fff; background:#05468c;  border-left: none;}

#nav_all li ul{display:none;position:absolute;z-index:999;width:185px;top:65px; background: #01458e; }
#nav_all ul li{background-image:none; width:185px;line-height:32px;height:32px;padding-top:0px;padding:0; border-bottom: 1px solid #ccc;}
#nav_all ul li a{background-image:none;width:185px;text-align:center;height:32px;line-height:32px;color:#fff;font-weight:normal;border:none;}
#nav_all ul li a:hover{background-image:none;width:185px;height:32px;margin:0px auto;display:block;line-height:32px;color:#fff; text-align:center;background:#0352ad;border-top:none; border-radius: none;}


.banner{ width:100%; height:590px; overflow:hidden; position:relative;font-size:0}
.b-img{ height:500px;  position:absolute; left:0; top:0;}
.b-img a{ display:block; height:590px; float:left;}
.b-list{ height:50px; padding-top:590px; position:relative; margin:0 auto;z-index:1;}
.b-list span{ display:block;cursor:pointer; width:14px; height:14px; border-radius:50%; border:3px solid #fff; float:left; margin:0 5px; _margin:0 3px;}
.b-list .spcss{border:3px solid #14ab04;}
.bar-left{ position:absolute; z-index:1; display:block; width:100px; height:100%; left:0px; background:none; top:0px; }
.bar-right{ position:absolute;z-index:1; display:block; width:100px; height:100%; right:0px; background:none; top:0px; }
.bar-left em{ display:block; width:50px; height:100px; background:url(../images/arrow.png) 0px 0px no-repeat; margin:0 auto; margin-top:275px;}
.bar-right em{ display:block; width:50px; height:100px; background:url(../images/arrow.png) -50px 0px no-repeat; margin:0 auto; margin-top:275px;}
.bar-left .emcss{ background-position:0px -100px;}
.bar-right .emcss{ background-position:-50px -100px;}


/*banner*/



.jjbj{ width: 100%; height: 550px; background: url(../images/jjbj.jpg) center top no-repeat; padding-top:60px;}
.about{ width:1200px; height:550px; overflow:hidden; margin:auto; background:#fff;}
.about_nr{ width: 1200px; height: auto;margin:auto;color: #000; overflow: hidden;}


.jjbt{ width: 1200px; height: 80px; background: url(../images/jjbt.jpg) center top no-repeat; margin:30px auto;}
.jjnr{width: 540px; float: left; display: block; float: right; margin-right: 40px;}


.jjnr span{ line-height: 24px; font-size: 14px; text-align: left;  color: #000;margin-top: 40px;}
.jjnr p{ color: #000; font-size:14px;}
.jjnr h1{ color: #1f63b4; height: 70px; line-height: 70px;  font-weight: bold; font-size:30px; margin-top: 50px;}
.jjnr h2{ font-size: 36px; font-weight: bold; color: #000; margin-bottom: 30px;}

.lc{ width: 1200px; height: 282px; background: url(../images/lc.jpg) center top no-repeat;  margin: auto;}



.warper{ width: 800px; height: 380px; float: left; padding: 3px 3px 0px 0px;  margin-top: 70px;}
#wowslider-container1 { zoom: 1; position: relative; max-width: 585px; float:right; z-index: 90 }
* html #wowslider-container1 { width: 585px }
#wowslider-container1 .ws_images ul { position: relative; width: 10000%; height: auto; left: 0; list-style: none; margin: 0; padding: 0; border-spacing: 0; overflow: visible }
#wowslider-container1 .ws_images ul li { width: 1%; line-height: 0; float: left; font-size: 0; padding: 0!important; margin: 0!important }
#wowslider-container1 .ws_images { position: relative; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden }
#wowslider-container1 .ws_images a { width: 100%; display: block; color: transparent }
#wowslider-container1 img { max-width: none!important }
#wowslider-container1 .ws_images img { width: 100%; border: none 0; max-width: none; padding: 0; margin: 0 }
#wowslider-container1 a { text-decoration: none; outline: 0; border: 0 }
#wowslider-container1 a.ws_next, #wowslider-container1 a.ws_prev { position: absolute; display: none; top: 50%; margin-top: -3.5em; z-index: 60; height: 7.1em; width: 7.1em; background-image: url(../images/arrows.png); background-size: 200% }
#wowslider-container1 a.ws_next { background-position: 100% 0; right: 1em }
#wowslider-container1 a.ws_prev { left: 1em; background-position: 0 0 }
#wowslider-container1 a.ws_next:hover { background-position: 100% 100% }
#wowslider-container1 a.ws_prev:hover { background-position: 0 100% }
* html #wowslider-container1 a.ws_next, * html #wowslider-container1 a.ws_prev { display: block }
#wowslider-container1:hover a.ws_next, #wowslider-container1:hover a.ws_prev { display: block }
#wowslider-container1 .ws_playpause { display: none; width: 7.1em; height: 7.1em; position: absolute; top: 50%; left: 50%; margin-left: -3.5em; margin-top: -3.5em; z-index: 59; background-size: 100% }
#wowslider-container1:hover .ws_playpause { display: block }
#wowslider-container1 .ws_pause { background-image: url(../images/pause.png) }
#wowslider-container1 .ws_play { background-image: url(../images/play.png) }
#wowslider-container1 .ws_pause:hover, #wowslider-container1 .ws_play:hover { background-position: 100% 100%!important }
#wowslider-container1 .ws-title { position: absolute; display: block; bottom: 3.5em; left: 1em; margin-right: 1em; padding: 1em .9em .9em .9em; background-color: rgba(0,0,0,0.4); color: #fff; z-index: 50; font-weight: bold; text-transform: uppercase; border-radius: .2em; -moz-border-radius: .2em; -webkit-border-radius: .2em }
#wowslider-container1 .ws-title div { margin-top: .3em; font-size: 1.6em; line-height: 1.15em; font-weight: normal; text-transform: none; color: #fff }
#wowslider-container1 .ws-title span { font-size: 2.4em }
#wowslider-container1 .ws_thumbs { font-size: 0; position: absolute; overflow: auto; z-index: 70; left: -32.51%; top: 0; width: 165px; height:320px;margin-top: 15px;}
#wowslider-container1 .ws_thumbs img { text-decoration: none; border: 0; width: 100% }
#wowslider-container1 .ws_thumbs a { position: relative; text-indent: -4000px; color: transparent; opacity: .85; text-decoration: none; display: inline-block; border: 0; margin-bottom: 4%; text-indent: 0;  width: 89.54%; }
#wowslider-container1 .ws_thumbs a:hover { opacity: 1 }
#wowslider-container1 .ws_thumbs a:hover img { visibility: visible }
#wowslider-container1 .ws_thumbs div { position: relative; width: 100% }
#wowslider-container1 .ws_thumbs a.ws_selthumb { background-color: #ff6600 }
#wowslider-container1 .ws_images ul { animation: wsBasic 16s infinite; -moz-animation: wsBasic 16s infinite; -webkit-animation: wsBasic 16s infinite }
@keyframes wsBasic { 0% {
left:-0%
}
12.5% {
left:-0%
}
25% {
left:-100%
}
37.5% {
left:-100%
}
50% {
left:-200%
}
62.5% {
left:-200%
}
75% {
left:-300%
}
87.5% {
left:-300%
}
}
@-moz-keyframes wsBasic { 0% {
left:-0%
}
12.5% {
left:-0%
}
25% {
left:-100%
}
37.5% {
left:-100%
}
50% {
left:-200%
}
62.5% {
left:-200%
}
75% {
left:-300%
}
87.5% {
left:-300%
}
}
@-webkit-keyframes wsBasic { 0% {
left:-0%
}
12.5% {
left:-0%
}
25% {
left:-100%
}
37.5% {
left:-100%
}
50% {
left:-200%
}
62.5% {
left:-200%
}
75% {
left:-300%
}
87.5% {
left:-300%
}
}





.cpbt{ width: 1200px; height:135px; margin: auto; background: url(../images/cpbt.jpg) center center no-repeat;}
.probj{width: 100%; height: auto; overflow: hidden; padding-bottom: 40px;}
.pro1{ width:910px; height:auto;  float: right; }





.pro_tb{ width: 272px; height:auto; float: left;  background: #efeff0;  }
.pro_btt{ width: 1200px;height: 170px; background: url(../images/fwbt.jpg) center top no-repeat; margin: auto;}
.pro_bt{ width:275px; height:81px; float: left;}
.pro_fl1{ width: 275px; height: auto; float: left; padding-top: 20px; }
.pro_fl1 ul{}
.pro_fl1 ul  li{ width: 230px; height: 38px; line-height: 38px; float: left; margin-left: 20px;   font-size: 14px; margin-bottom: 5px;  text-align:left; background:#1f62b4; }
.pro_fl1 ul  li a{ color: #fff;font-size: 14px; margin-left: 30px; font-weight: bold;}
.pro_fl1 ul  li:hover{ color: #fff;}
.pro_fl1 ul  li:hover a{ color: #fff; font-size: 14px;}



.pro_tb1{ width: 1220px; height:auto; margin: auto; overflow: hidden; }


.pro_fl11{ width:309px; float: left;  background: #ededed; padding-bottom: 15px;}
.pro_fl11 ul{ float:left; background: #ededed;}
.pro_fl11 ul  li{ height: 45px; line-height: 45px;float: left; margin-left: 10px; border-bottom: 1px solid #ccc; background: url(../images/cpico.jpg) 10% center no-repeat; padding-left: 50px; font-size: 15px; margin-right: 10px; text-align:left; width: 220px; }
.pro_fl11 ul  li a{ color: #000;font-size: 15px; }
.pro_fl11 ul  li:hover{  color: #1a51a3;}
.pro_fl11 ul  li:hover a{ color: #1a51a3; font-size: 15px;}









.tjcp{ width: 855px; height: 200px; border: 8px solid #0c4ca3; background: #fff; float: right; padding: 20px;}
.tjcp img{ float: left; width: 255px; height: 208px;}
.prosm{ width: 525px; float: right;}
.prosm h1{ font-size: 18px; font-weight: bold; margin-bottom: 10px;}
.prosm p{ font-size: 12px;}

.sman{  width:330px; float: left; height: 50px;margin-top: 10px;}
.sman ul{ width: 330px; float: left;}
.sman ul li:nth-child(1){width: 130px; height: 35px; float: left; text-align: center;line-height: 37px; border: 1px solid #ccc;  margin-right: 10px;}
.sman ul li:nth-child(1) a{ font-size: 14px; text-align: center;}


.sman ul li:nth-child(2){width: 130px; height: 36px; float: left; text-align: center;line-height: 37px; background: #f38518;}
.sman ul li:nth-child(2) a{ font-size: 14px; color: #fff; text-align: center;}


.tjcp1{  width: 910px; float: right;margin-left: 20px;}
.tjcp1 ul{ width: 910px; float: right;}
.tjcp1 ul li{ width:290px; height: 260px; float: left; background: #fff; margin-left: 10px; margin-bottom: 10px; }
.tjcp1 ul li img{ width: 290px; height: 230px; float: left; margin-top: 5px;}


.probt{ width: 900px; height: 50px;  float:left;background: url(../images/cptjbt.png) left center no-repeat; margin-bottom: 20px;}
.ckgd{width: 102px; height: 30px; line-height: 30px;  text-align:center;margin-top:10px;float:right;background: url(../images/gdbj.jpg) left center no-repeat;}
.ckgd a{color: #fff;}

.pro_nn{ width:900px; height:700px;float: right;}
.pro_nn ul{ width:900px; height:auto; margin:auto;}
.pro_nn ul li{  float:left; margin-right:20px; margin-bottom: 15px; }
.tjcp1 ul li img{display: block;width: 100%; height:230px;position: relative;overflow: hidden;transition: all 0.3s ease 0s; }
.tjcp1 ul li:hover img{transform: scale(1.1, 1.1);} 
.tjcp1 ul li .img{ display:block; overflow:hidden; width:290px; height:230px;   margin-top: 5px;}
.pro_nn_bt{ width:290px; height: 40px; line-height:40px;float:left; text-align: center;  font-size: 16px; }
.pro_nn_bt h1{  height: 40px;  text-align: center; font-size: 15px; background: #eeeeee;}
.gdm{ width: 80px; height: 28px;border: 1px solid #ccc; float: right; text-align: center; line-height: 28px; border-radius: 15px; margin-right: 20px; margin-top: 5px;}

.dh{ width: 1200px; height: 50px; background:url(../images/lx.png) center center no-repeat #064c92; border-radius: 15px; margin: auto;}



.sman1{  width:145px;height: 45px; text-align: center; line-height: 45px; background:#0f5e9c;margin-top: 40px;}
.sman1 a{ color: #fff; text-align: center; font-size: 14px;}


.xgg{ width: 100%; height: 260px; background: url(../images/xgg.jpg) center center no-repeat #1f62b3; margin-top: 20px;}



.albj{ width: 100%; background: #f1f1f1; margin-bottom: 60px;}

.alnr{ width: 1200px; height: 540px;margin: auto; }
.albt{ width: 1200px; height: 80px; background: url(../images/albt.png) center center no-repeat; margin: 10px auto 40px;}
.allb{ width: 1200px; height: 58px; background: #093a7c;}
.allb ul{ width: 1200px; height: auto; overflow: hidden;}
.allb ul li{ width: 295px; height: 58px; line-height: 58px; text-align: center;  float:left; background: #0f4fa4;}
.allb ul li a{ font-size: 14px; text-align: center; font-weight: bold; color: #fff; font-size: 18px;}
.allb ul li:nth-child(2){ background: #093a7c;}
.allb ul li:nth-child(4){ background: #093a7c;}



.tjal{ width: 1200px; margin: auto; height: auto;}
.tjal ul{ width: 1250px; height: auto; overflow: hidden; }
.tjal ul li{ width: 280px; height: 265px; float: left; background: #fff; margin-left: 20px; margin-bottom: 5px; margin-top: 20px;}
.tjal ul li img{ width: 270px; height: 205px; float: left; margin-left: 6px; margin-top: 8px;}
.tjal ul li h1{ width: 260px; float: left; height: 30px; line-height: 30px; font-size: 14px; margin-left: 20px;}

.cgd{ width: 100px; height: 90px;  border-radius: 50px;background: #ff9900; line-height: 30px; font-size: 15px; text-align: center; padding-top: 10px;  margin: auto;margin-top: 290px;}
.cgd a{ color: #fff;}

#slide{position:relative;width:1200px;margin-top:20px;}
#slide .bd{position:absolute;left:30px;top:20px;height:284px;}
#slide .cover{position:relative;width:1130px;height:284px;overflow:hidden;}
#slide ul{position:relative;overflow:hidden;height:284px;width:10000px;}
#slide li{position:relative;float:left;display:inline;width:285px;height:207px;margin-right:22px;}
#slide li a{position:relative;text-decoration:none;width:285px;height:207px;overflow:hidden;display:block;}
#slide .shadow{position:absolute;left:-1px;width:285px;height:207px;}
#slide .shadow-vanish{position:absolute;left:0;top:0;width:285px;height:207px;}
#slide li img{display:block;}
#slide li .info-wrap{position:absolute;left:0;height:53px;width:207px;}
#slide li i{position:absolute;left:0;top:0;height:100%;width:100%;background-color:#e3e3e3;}
#slide li strong{position:absolute;left:13px;font-size:14px;color:#000;cursor:pointer;}
#slide li .status{position:absolute;right:10px;top:7px;color:#c4c4c4;line-height:160%;}
#slide li .info{position:absolute;left:13px;top:25px;line-height:2em;color:#c4c4c4;font-size:14px;}
#slide li em{position:absolute;right:10px;top:3px;font-size:24px;line-height:100%;color:#fb7702;}
#slide li em span{font-size:16px;}
#slide .btn{position:absolute;top:100px;width:17px;height:65px;font-size:24px;color:#000;outline:none;}
#slide .left-btn{left:-25px;}
#slide .right-btn{right:-28px;}
.edge{position:absolute;top:0;width:4px;height:300px;}
.left-edge{left:-4px;}
.right-edge{right:-4px;}
.slide-bottom-shadow{width:960px;height:15px;position:absolute;left:-4px;}
#slide .ft{text-align:center;height:46px;position:absolute;left:0;bottom:0;}
#slide .tab{position:relative;height:46px;width:952px;}
#slide .tab a{position:relative;font-size:14px;font-family:"΢ÈíÑźÚ","ËÎÌå";color:#66717f;width:65px;display:inline-block;text-align:center;line-height:34px;outline:none;}

.alnrbt{ width: 345px; height: 50px; line-height: 50px; background: #e3e3e3; text-align: center; font-size: 15px;}

#slide .left-btn,#slide .right-btn,#slide .left-btn:hover,#slide .right-btn:hover{background-image:url(../images/slide-btn.png);background-repeat:no-repeat;}
#slide .left-btn{background-position:0 -135px;}
#slide .right-btn{background-position:0 -65px;}


#slide{background-position:0 -28px;}
#slide .tab{background-position:0 0;}
.left-edge{background-position:0 0;}
.right-edge{background-position:-6px 0;}






.new{ width: 1200px; height: auto; margin:10px auto;overflow: hidden;}
.newbt{ width: 1200px; height: 110px; margin:0px auto; background: url(../images/xwbt.jpg) center center no-repeat;}
.nfl{ width: 470px;height: auto; margin: auto;}
.nfl ul{ width: 330px; height: auto; margin: auto; overflow: hidden;}
.nfl ul li{ width: 145px; height: 54px; line-height: 54px;font-size:16px; text-align: center; margin-left:5px;  float: left;border: 1px solid #ccc;}
.nfl ul li a{ font-size: 16px;}
.nfl ul li:hover{ background: #20429b;color: #fff; font-size:16px;}
.nfl ul li:hover a{ color: #fff;}
.new_left{ width: 526px; height: 310px; background: #e8e8e8; float: left; overflow: hidden;margin-top: 40px;}
.newnr{ width: 520px; height: 110px; margin: auto;}
.sj{ width: 66px; height: 110px; float: left; display: block;background: #20429b;padding: 10px;}
.sj h2{font-size: 48px; color: #fff;font-weight:normal;}
.sj span{font-size: 14px;color: #fff;}
.xmnr{width: 395px; float: right; color: #000;}
.xmnr h3{font-size: 14px; height: 40px; line-height: 50px; margin-bottom: 10px; color: #000; }
.xmnr span{ color: #000;font-size: 14px; }

.new_left img{display: block;width: 100%; height:172px;position: relative;overflow: hidden;transition: all 0.3s ease 0s; }
.new_left:hover img{transform: scale(1.1, 1.1);} 
.new_left .img{ display:block; overflow:hidden; width:526px; height:172px; }

.new_nr_lt ul{}
.new_nr_lt ul li{ width: 640px; height: 106px; float: left; line-height: 22px; border: 1px solid #ccc; transition:all .5s ease-in .1s; }
.new_nr_lt ul li:nth-child(2){ border-top: none;}
.new_nr_lt ul li:nth-child(3){ border-top: none;}
.time{ width: 70px; height: 70px; float: left; border: 1px solid #dedede; text-align: center; border-radius: 35px; margin-right: 35px; color: #989898;}
.time h1{ width: 80%; margin: auto; font-size: 18px;  font-weight: normal; text-align: center; line-height: 24px; color: #989898; margin-top: 10px;border-bottom: 1px solid #dedede; display: block;}
.time span{ font-size: 12px;line-height: 12px; color: #989898;}
.new_nr_lt ul li:hover{ }
.new_nr_lt ul li:hover .sj{ background: #0d4da1; color: #fff;}
.new_nr_lt ul li:hover .sj h1{ color: #fff;}
.newflc{ width: 640px; float: right;  margin-top: 20px;}
.newflc ul{ width: 640px; float: left;}
.newflc ul li{ width: 620px; float: left; }
.sj1{ width: 75px; height: 100px; float: left; margin-left: 15px; text-align: center; color: #a1a1a1;}
.sj1 h1{ text-align: center; font-size: 45px; height: 55px; font-weight: normal;  line-height:75px;color: #a1a1a1; text-align: center; margin-bottom: 10px;}
.sj1 span{ text-align: center; font-size: 14px; margin-top: 20px;}
.ncnr{ width: 505px; float: left; margin-left: 20px; margin-top: 30px; font-size: 14px; margin-top: 10px;}
.ncnr h1{ font-size: 15px; margin-bottom: 10px;}



.foot_bj{ width:100%; height:auto; background: #13509a; overflow: hidden;}
.bqsy{ width: 1200px; height: 265px; margin: auto; color:#000; overflow: hidden; line-height:24px; margin-top:25px; text-align: center; }

.dblx{ width: 280px; height: 200px; float: left;color:#fff; padding-top: 10px; font-size: 14px; margin-left: 45px;}
.dblx h1{ font-size: 20px; height: 30px; background: url(../images/dhic.jpg) left center no-repeat; font-weight: bold; padding-left: 40px; color: #fff; margin-bottom: 20px; margin-top: 15px;}
.bq_lt{ width: 180px; height: auto; float:left;font-size: 14px; margin-top: 20px; margin-left: 50px;}




.fgx{ width: 1px; height: 189px;  border-left: 1px solid #fff; float:left ;margin-left: 20px; margin-top: 30px; margin-right: 20px;}
.fgx1{ width: 1px; height: 189px;  border-left: 1px solid #fff; float:left ;margin-top: 30px; margin-right: 40px;}

.bq_rt{ width: 400px; height: auto; float: right;}
.dbmn{  width:220px; float:left; font-size: 14px;  overflow: hidden; padding-left: 10px; margin-top: 20px;}
.dbmn h1{ font-size: 20px; height: 30px; background: url(../images/dhic.jpg) left center no-repeat; font-weight: bold; padding-left: 40px; color: #fff; margin-bottom: 20px; margin-top: 15px;}
.dbmn a{ margin:10px; margin-top:0px; margin-bottom:5px;float: left; font-size: 14px; color: #fff; font-weight: bold; margin-left: 25px;}

.bq{ width: 280px;float:left;color: #fff; margin-left: 20px; line-height: 30px; margin-top: 20px; font-size: 14px;}



.animated10s { 
-webkit-animation-duration: 1s; 
animation-duration: 1s; 
-webkit-animation-fill-mode: both; 
animation-fill-mode: both;
opacity: 1;
}
.animated15s { 
-webkit-animation-duration: 1.5s; 
animation-duration: 1.5s; 
-webkit-animation-fill-mode: both; 
animation-fill-mode: both;
opacity: 1;
}
.animated20s { 
-webkit-animation-duration: 2s; 
animation-duration: 2s; 
-webkit-animation-fill-mode: both; 
animation-fill-mode: both;
opacity: 1;
}
.animated25s { 
-webkit-animation-duration: 2.5s; 
animation-duration: 2.5s; 
-webkit-animation-fill-mode: both; 
animation-fill-mode: both;
opacity: 1;
}
.animated28s { 
-webkit-animation-duration: 2.8s; 
animation-duration: 2.8s; 
-webkit-animation-fill-mode: both; 
animation-fill-mode: both;
opacity: 1;
}
.animated30s { 
-webkit-animation-duration: 3s; 
animation-duration: 3s; 
-webkit-animation-fill-mode: both; 
animation-fill-mode: both;
opacity: 1;
}


.delay1 { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; }
.delay2 { -webkit-animation-delay: 0.8s; animation-delay: 0.8s; }
.delay3{ -webkit-animation-delay: 1.0s; animation-delay: 1.0s; }
.delay4{ -webkit-animation-delay: 1.2s; animation-delay: 1.2s; }
.delay5{ -webkit-animation-delay: 1.4s; animation-delay: 1.4s; }
.delay6{ -webkit-animation-delay: 1.6s; animation-delay: 1.6s; }
.delay7{ -webkit-animation-delay: 1.8s; animation-delay: 1.8s; }
.delay8{ -webkit-animation-delay: 2.0s; animation-delay: 2.0s; }
.delay9{ -webkit-animation-delay: 2.2s; animation-delay: 2.2s; }
.span2,.span3{animation-duration:1.5s;-webkit-animation-duration:1.5s; }
.an-hide{ visibility:hidden;}
.an-show{ visibility:visible}