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; font-family:"Microsoft Yahei"!important;}
a{color: #666; text-decoration: none;}
a:hover {color: #ff0000; text-decoration: none;}
a img { border:0;}
td,th{ font-size:12px;}


/*end Notice*/
#head11{width:1200px;margin:0px auto; font-family:"Microsoft Yahei";}


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





.mnbj{ width: 100%; height: 80px; background: #a9030e; line-height: 80px;}
.nav_main{ width:1200px; height:80px;margin:auto;position:relative;}
#nav_all{height:80px;float:left;line-height:80px;position:relative;z-index:222;}
#nav_all li{text-align:center;float:left; width: 140px; background: url(/statics/sc/images/mnx.png) left center no-repeat;}
#nav_all li a{color:#fff;display:inline-block;font-size:15px; font-weight:bold;cursor:pointer;_padding:0 10px;height:80px;line-height:80px;white-space:nowrap;border-left: none; }
#nav_all li a:hover{line-height:80px; height:80px; width:140px; display: block; text-align:center;overflow:hidden; color: #fff; background:#4c4d4f;  border-left: none;}

#nav_all li ul{display:none;position:absolute;z-index:999;width:125px;top:80px; background: #dbdbdb; padding-bottom: 10px;}
#nav_all ul li{background-image:none; width:125px;line-height:32px;height:32px;padding-top:0px;padding:0; border-bottom: 1px dotted #ccc;}
#nav_all ul li a{background-image:none;width:125px;text-align:center;height:32px;line-height:32px;color:#000;font-weight:normal;border:none;}
#nav_all ul li a:hover{background-image:none;width:125px;height:32px;margin:0px auto;display:block;line-height:32px;color:#fff; text-align:center;background:#e18808;border-top:none; border-radius: none;}

.banner{ height:670px;
overflow:hidden;
	margin:auto; 
	position: relative; 
	min-width:1024px; 
	max-width:100%;
	}
.bwrap{
	position: relative; 
	z-index: 0;
	 }
.bquery{
	position: relative; 
	z-index: 0; 
	height: 670px; 
	}
.blist{
	display: none; 
	position: absolute; 
	top: 0; 
	left: 0; 
	z-index: 0; 
	height:670px; 
	font-size: 0; 
	line-height: 0; 
	}
.blist a{
	display: block; 
	position: absolute; 
	left: 0; 
	top: 0; 
	}
.blist img{ 
}

.bfilter{
	position: absolute; 
	top: 0; 
	left: 0; 
	z-index: 9; 
	width: 100%; 
	height: 670px; 
	font-size: 0; 
	line-height: 0; 
	}
.bfilter a{
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 5%; 
	height: 670px; 
	overflow: hidden;
	}
.bfilter a img{
	position: absolute; 
	left: 0; 
	top: 0; 
	}

.bctrl{
	position: absolute; 
	bottom: 15px; 
	left: 0; 
	z-index: 9; 
	width: 100%; 
	height: 24px; 
	}
.bctrli{
	text-align: center; 
	font-size: 0; 
	line-height: 0; 
	}
.bctrli a{
	display: inline-block; 
	width: 24px; 
	height: 24px; 
	margin: 0 5px; 
	background: url(/statics/sc/images/banner_control.png) no-repeat left center; 
	}
.bctrli a:hover,
.bctrli a.curr{
	background-position: right center;
	 }
.bctrli a{
	*display: inline; 
	*zoom: 1; 
	}

*{padding: 0;margin: 0;}

.flbj{ width: 100%; height: 55px; background: url(/statics/sc/images/flbj.jpg) left bottom repeat-x;}
#move{ margin:-30px auto 0; width: 1195px; height: 55px;z-index: 999; position: relative;}
#move a{display: inline-block;
		width: 120px;height: 55px;
float: left;
margin-left: -5px;
		background: url(/statics/sc/images/cpflbj.png) left center no-repeat;
		text-align: center;

		position: relative;

		color: #fff;
		font-size: 12px;
		text-decoration: none;
		line-height: 55px;
		overflow: hidden;
}

#move a:hover{color: #f00;}
#move p{ width: 120px; text-align: center; font-weight: bold; color: #fff; z-index: 9999; position: absolute; top:20px; height: 40px; line-height: 40px; font-size: 14px; text-align: center;}


.cptj{ width: 1200px; margin: auto; height: auto;margin-bottom: 30px; overflow: hidden;}
.cpbt{ width: 1200px; height: 115px; margin:30px auto; background: url(/statics/sc/images/cpbt.jpg) center top no-repeat;padding-top: 90px;}
.cpbt p{ text-align: center;font-size: 14px;}
.tj01{ width: 610; height: 330px;  float: left; overflow: hidden;}
.jtdzz{ width: 205px; height: 330px;  text-align:center;float: left; background: url(/statics/sc/images/zzbj.png) 30% center no-repeat; z-index: 999; position: absolute; margin-left: 70px;}
.jtdzz img{margin-top: 80px;}
.jtdzz h1{ font-size: 20px; line-height:50px;color: #fff; font-weight: bold; text-align: center;}
.xian{ width: 30px; height: 6px; margin: auto; background: #fff;}
.ckxq{ width: 125px; height: 30px; margin:40px auto; line-height: 30px; background: #fff;text-align: center;}
.ckxq a{ color: #459f47; font-size: 14px; text-align: center;}

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



.abj{ width: 100%; height: 380px; background: url(/statics/sc/images/jjbj.jpg) center top no-repeat;}
.about_nr{ width: 1200px; margin: auto; overflow: hidden; }


.about_right{ width:1200px;margin: auto; margin-top: 180px; text-align: center; }
.about_right h1{ font-size: 30px; color: #008543; font-weight: bold;margin-top: 40px; }
.about_right p{ font-size: 14px; color: #000; margin-top:70px; line-height: 30px; }

.jjmore{ width: 110px; height: 40px; background: #a9030e; border-radius: 5px; line-height: 40px; text-align: center; margin-right: 10px; margin-top: 50px; float: right; }
.jjmore a{ color: #fff;}

.gd{ width: 150px; height: 40px; border: 1px solid #333333; line-height: 40px; text-align: center; font-size: 14px; margin-top: 10px;}

.xgg{ width: 1200px; height: 260px; margin:50px auto;}
.zewm{ width: 218px; float: left;}
.xggyc{ width: 980px; height: 195px; background: #f0f0f0; float: right; margin-top: 40px;}
.xggyc ul{ width: 990px; float: left;}
.xggyc ul li{ width: 230px;height: 195px; float: left; border-right: 1px solid #fff; text-align: center;}
.xggyc ul li img{ margin:30px auto;}
.xggyc ul li h1{ text-align: center; font-size: 18px;color: #000;}



.pro_tb{ width: 100%; height: 155px; background: url(/statics/sc/images/flbj.jpg) center top repeat-y;}
.flzc{ width: 250px; height: 155px; float: left; background: url(/statics/sc/images/flzc.jpg) center top no-repeat #4c4d4f;}
.flzj{ width: 1200px; height: 155px; margin: auto;}
.cpnrbt{ width: 1200px; height:200px; background: url(/statics/sc/images/cpnrbt.jpg) center center no-repeat; margin: auto;}
.cpgd{ width: 108px; height: 31px; float: right; background: #e19528; border-radius: 10px; line-height: 31px; text-align: center; color: #fff; margin-top: 50px;}
.cpgd a{ color: #fff;}
.probj{width: 100%; height:700px;  overflow: hidden; padding-bottom: 40px;  }
.pro1{ width:1200px; height:700px; margin:auto; overflow:hidden; }
.bd{ width: 1200px; height: auto; margin: auto;}
.bd ul{ width: 1200px; height: auto; margin: auto;}
.bd ul li{ width: 300px; height: 360px; float: left;}

.pro_btt{ width: 1200px;height: 170px; background: url(/statics/sc/images/fwbt.jpg) center top no-repeat; margin: auto;}
.pro_bt{ width:1200px; height:126px; background: url(/statics/sc/images/cpbt.jpg) center center no-repeat;float: right;}
.pro_fl1{ width:950px; height: auto; float: right; overflow: hidden;}
.pro_fl1 ul{ margin-top:20px;}
.pro_fl1 ul  li{ width: 160px; height: 42px; line-height: 42px;border: 1px solid #fff; border-radius: 10px; float: left; margin-left: 15px; font-size: 14px;  text-align:center; margin-bottom: 10px; }
.pro_fl1 ul  li a{ color: #fff;font-size: 14px;}
.pro_fl1 ul  li:hover{ background: #f6b16c; color: #fff;}
.pro_fl1 ul  li:hover a{ color: #fff; font-size: 14px;}

.tjcp{ width: 890px; height: auto;  background: #fff; float: right; border-bottom: 5px solid #0b2d96;}




.tjcp1{  width: 1200px; margin:50px auto;overflow: hidden; }
.tjcp1 ul{ width: 1200px; margin: auto;}
.tjcp1 ul li{ width: 260px; height: 255px; float: left;  margin-left: 15px; margin-right: 15px;  margin-bottom: 10px; margin-top: 10px; border: 1px solid #ccc;}
.tjcp1 ul li img{ width: 260px; height: 215px; float: left; }


.tjcp1 ul li img{display: block;width: 100%;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:260px; height:215px;}
.pro1_bt{ height: 40px; line-height: 40px; font-size: 14px; text-align: center; color: #000;}
.pro1_bt a{color: #000;}

.probt{ width: 965px; height: 50px;  float:left;background: url(/statics/sc/images/rxbt.jpg) center center no-repeat; margin-bottom: 20px; margin-top: 30px;}
.ckgd{width: 102px; height: 30px; line-height: 30px;  text-align:center;margin-top:10px;float:right;}
.ckgd a{color: #000;}



.yy{ width: 100%; height: 220px; background:url(/statics/sc/images/ysbj.png) center top no-repeat;}
.gssl{ width: 1200px; height: auto; overflow: hidden; margin: auto;}
.slbt{ width: 1200px; height: 110px; background: url(/statics/sc/images/albt.jpg) left center no-repeat;}
.djck{ width: 135px; height: 35px; background: #e28808; float: right; border-radius: 10px; line-height: 35px; text-align: center; margin-top:50px;}
.djck a{ color: #fff;}






.albj{ width: 100%; height: auto;background: #f1f1f1; padding-top: 30px;}
.alnr{ width: 1200px; height: auto;margin:30px auto;}
.alzc{ width: 550px; height: 455px; float: left;}
.alzc img{ width: 550px; height: 430px; float: left;}
.alxb{ width: 550px; height: 108px; background: #f19825; line-height: 108px; color: #fff; float: left;}
.alxb h1{ font-size: 18px; float: left; line-height: 108px; margin-left: 15px;}
.alxb a{ color: #fff;}
.djzx{ width: 160px; height: 50px;line-height: 50px; text-align: center; background: #fff; border-radius: 25px; float: right; margin-right: 20px; margin-top: 20px;}
.djzx a{ color: #000; font-size: 18px; text-align: center;}

.alzc ul li img{display: block;width: 100%;position: relative;overflow: hidden; transition: all 0.3s ease 0s;}
.alzc ul li:hover img{transform: scale(1.1, 1.1);} 
.alzc ul li .img{ display:block; overflow:hidden; width:550px; height:450px;}



.alyc{ width: 980px; height: 355px; float: left;}
.alyc ul{ width: 980px; float: left;}
.alyc ul li{ width: 310px; height: 290px; float: left; margin-left: 6px; border: 1px solid #ccc;}
.alyc ul li img{width:255px; height:220px;overflow: hidden;margin-left: 32px; margin-top: 25px;}
.alxb1{ width: 255px; height: 46px; background: #f19825; line-height: 46px; color: #fff; float: left;}
.alxb1 h1{ font-size: 14px; float: left; line-height: 46px; margin-left: 15px;}
.alxb1 a{ color: #fff;}
.djzx1{ width: 78px; height: 26px;line-height: 26px; text-align: center; background: #fff; border-radius: 25px; float: right; margin-right: 20px; margin-top: 5px;}
.djzx1 a{ color: #000; font-size: 14px; text-align: center;}


.alyc ul li img{display: block;width: 100%;position: relative;overflow: hidden; transition: all 0.3s ease 0s;}
.alyc ul li:hover img{transform: scale(1.1, 1.1);} 
.alyc ul li .img{ display:block; overflow:hidden; width:270px; height:220px;}
.alyc h1{ text-align: center;line-height: 60px; font-size: 15px;}

.alfl{ width: 205px; height: 290px; float: right; border-left: 1px solid #ccc;}
.alfl ul{ width: 205px; float: left;}
.alfl ul li{ width: 192px; height: 45px; line-height: 45px;  text-align: center; margin-bottom: 5px; margin-top: 5px; background: url(/statics/sc/images/alic.png) 10% center no-repeat #dcdcdc;}
.alfl ul li a{ font-size: 14px;}

.alfl ul li:hover{ background: url(/statics/sc/images/alic1.png) 10% center no-repeat #e19528}
.alfl ul li:hover a{ color: #fff;}

.albt{ width: 1200px; height: 90px; background: url(/statics/sc/images/albt.jpg) center center no-repeat; margin: auto;}
.case_nr{  width: 1200px; height: 320px; margin:20px auto;}
#indexmain{width:1200px;margin:0 auto;overflow:hidden;position:relative;font-size:12px;}
#slide{position:relative;width:1200px;}
#slide .bd{position:absolute;left:30px;top:20px;}
#slide .cover{position:relative;width:1130px;height:354px;overflow:hidden;}
#slide ul{position:relative;overflow:hidden;height:354px;width:10000px;}
#slide li{position:relative;float:left;display:inline;width:272px;height:350px;margin-right:22px;}
#slide li a{position:relative;text-decoration:none;overflow:hidden;display:block; font-size: 14px;}
#slide .shadow{position:absolute;left:-1px;width:272px;height:350px; box-shadow: 3px 3px 9px #333;}
#slide .shadow-vanish{position:absolute;left:0;top:0;width:272px;height:350px;}
#slide li img{display:block;}
#slide li .info-wrap{position:absolute;left:0;height:53px;width:345px;}
#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:272px; height: 50px; line-height: 50px;  text-align: center; font-size: 15px;}

#slide .left-btn,#slide .right-btn,#slide .left-btn:hover,#slide .right-btn:hover{background-image:url(/statics/sc/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; height: 300px;}
#slide .tab{background-position:0 0;}
.left-edge{background-position:0 0;}
.right-edge{background-position:-6px 0;}

.algd{ margin: auto; text-align: center;}


.logo1{  width: 125px; height: 125px; z-index: 999; position: absolute;margin: auto; margin-left: 600px; margin-top: 120px;}
.ys{ width: 100%; height: 1200px; background: url(/statics/sc/images/ys.jpg) center top no-repeat;}

.new{ width:1200px; height:auto; overflow:hidden; margin:0 auto; }
.new_bt{ width:1200px; height:120px; line-height: 60px; margin:30px auto 0px;  background: url(/statics/sc/images/xwbt.jpg) center center no-repeat;}
.new_bt h1{ width: 200px; float: left; height: 120px; color: #000; font-size:30px; font-weight: normal;}
.newgd{ width: 180px; height: 40px; background: #0d4da1; float: right; text-align:center;line-height: 40px;}
.newgd a{color: #fff; text-align: center;font-size: 14px;}


.new_left{ width:345px; height:545px; float: left; }
.new_left img{  float: left; }
.new_left ul{ width: 345px; float: left; margin-top: 30px; margin-left: 30px;}
.new_left ul li{ width: 180px; height: 120px; float: left; border-radius: 10px; margin-bottom: 10px;}
.new_left ul li:nth-child(1){ width: 180px; height: 120px; float: left; background:url(/statics/sc/images/fl01.png) 15% center no-repeat  #dddddd; border-radius: 10px;}
.new_left ul li:nth-child(2){ width: 180px; height: 120px; float: left; background:url(/statics/sc/images/fl02.png) 15% center no-repeat  #dddddd; border-radius: 10px;}
.new_left ul li:nth-child(3){ width: 180px; height: 120px; float: left; background:url(/statics/sc/images/fl03.png) 15% center no-repeat  #dddddd; border-radius: 10px;}


.nk{ width: 158px; height: 96px; border:1px solid #959292; border-radius: 10px; float: left; margin-left: 10px; margin-top: 10px;}

.new_left ul li h1{ font-size: 18px; font-weight: normal; float: right; line-height:100px; margin-right: 25px;}

.new_left ul li:hover{ background:url(/statics/sc/images/fl01~.png) 15% center no-repeat  #a9030f;}

.new_left ul li:hover:nth-child(1){ background:url(/statics/sc/images/fl01~.png) 15% center no-repeat  #a9030f;}
.new_left ul li:hover:nth-child(2){ background:url(/statics/sc/images/fl02~.png) 15% center no-repeat  #a9030f;}
.new_left ul li:hover:nth-child(3){ background:url(/statics/sc/images/fl03~.png) 15% center no-repeat  #a9030f;}


.new_left ul li:hover:nth-child(1) .nk{  border:1px solid #fff;}
.new_left ul li:hover:nth-child(2) .nk{  border:1px solid #fff;}
.new_left ul li:hover:nth-child(3) .nk{  border:1px solid #fff;}
.new_left ul li:hover:nth-child(1) h1 a{ color: #fff;}
.new_left ul li:hover:nth-child(2) h1 a{ color: #fff;}
.new_left ul li:hover:nth-child(3) h1 a{ color: #fff;}




.tim{  float: left; margin-bottom: 20px; margin-right: 10px;}

.new_nr{ width:1200px; height:auto; margin:30px auto; overflow:hidden;}
.new_nr_rt{ width:390px; height:480px; float:right; color:#000000; }
.new_nr_rt span{ line-height:24px; }
.new_nr_rt p{ font-size: 14px; color: #aeacac; margin-bottom: 20px;}

.xwbtt{ width: 300px; float: left; height: 85px; background: #f8f8f8; padding-left: 30px;}
.xwbt{ height: 30px; float: left; font-size:15px; font-weight: bold; color: #000;}
.xwx{ width: 40px; height: 7px; background: #00539c; display: block; margin-top: 30px; margin-bottom: 10px;}
.xwnr{ width: 300px; float: left; margin-left: 30px; margin-top: 20px; line-height: 30px;}
.xwmore{ width: 105px; height: 25px; float: left; border: 1px solid #bcbcbc; border-radius: 20px; text-align: center; line-height: 25px; margin-left: 30px; margin-top: 10px;}
.xwmore a{ color: #bcbcbc;}

.new_nr_lt{ width: 815px; float: right; margin-top: 10px;}
.new_flt{ width: 480px; float: right;  color: #000;}

.new_flt h1{ width: 510px; height: 50px; line-height: 50px; font-size:16px; color: #000; }
.new_flt p{ line-height:24px; font-size: 14px; color: #000;}

.xwgd{ width: 135px; height: 40px; background:#000000; color:#fff;text-align: center; line-height: 40px; font-size: 12px; margin-top: 30px; font-size: 14px; border-radius: 5px;}
.xwgd a{ color: #fff; font-size: 14px;}



.newflc{ width: 845px; float: right;  }
.newflc ul{ width: 845px; float: left;}
.newflc ul li{ width: 375px; float: left; }

.ncnr{ width: 470px; float: left; margin-left: 20px; margin-top: 40px; font-size: 14px; margin-top: 10px;}
.ncnr h1{ font-size: 15px; margin-bottom: 10px;margin-top: 40px;}


.new_nr_lt ul{margin-top: 30px; }
.new_nr_lt ul li{ width: 370px; height: 60px; padding-left: 40px; float: left; line-height: 60px; border-bottom: 1px solid #ccc; background: url(/statics/sc/images/xwico1.jpg) 3% center no-repeat; margin-right: 10px; margin-left: 32px; font-size: 14px;}

.time{ width: 70px; height: 70px; float: left; 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: #e28808; color: #fff;}
.new_nr_lt ul li:hover .sj h1{ color: #fff;}
.new_nr_lt ul li:hover .sj span{ color: #fff;}


.fwlc{ width: 100%; height: 200px; margin:30px auto 0px; background: url(/statics/sc/images/lct.jpg) center center no-repeat #242424;}

.dbdh{ width: 100%; height: 65px; background: #e28808;line-height: 65px;}
.dbmn{  width:300px;font-size: 14px;  overflow: hidden; float: left; margin-left: 70px; margin-top: 80px;}
.dbmn a{ float: left; font-size: 14px; color: #fff;width:140px; line-height:40px;font-weight: normal; }

.foot{ width: 100%; height: auto; overflow: hidden; background: url(/statics/sc/images/footbj.jpg) center top no-repeat;}
.foottop{ width: 100%; height: auto; padding-bottom: 20px; overflow: hidden;}
.footbot{width: 100%; height: 40px; background: #459f47; overflow: hidden;}
.foottopnn{ width: 1200px; height: auto; margin: auto; margin-top: 30px; overflow: hidden;  }
.foottopnn ul{}
.lxnr{ width: 300px;height: 195px; float: left; font-size: 12px; color: #fff; line-height: 24px; margin-top: 30px;  margin-right: 150px;}
.lxnr img{ }
.lxnr h1{ font-size: 18px; font-weight: bold; margin-bottom: 15px;}
.contact{ width: 250px; float: left; margin-left: 30px;}
.contact img{ margin-right: 20px;}
.ewm{ width:375px; height: 195px; float: left; margin-left:70px; padding-left: 90px; margin-top: 40px;}

.bq{ width: 350px; height: 212px; float: right; font-size: 14px; margin-left: 30px; line-height: 30px; color: #fff; margin-top: 80px; background: url(/statics/sc/images/zcx.jpg) left center no-repeat; padding-left: 50px;}


.footbotnn{ width: 1200px;  height:40px; line-height:40px;margin: auto; text-align: center; color: #fff;}
.footbotnn img{ margin-top: 30px; float: right;}



.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}