*{padding:0; margin:0;}
h1,h2,h3,h4,h5,h6{font-size:12px; font-weight:normal;}
li{list-style:none;}
a{color:#000; text-decoration:none;}
b,strong{font-weight:normal;}
i,em{font-style:normal;}
img{vertical-align:top;border: none;}
.clearfix:after{display:block; content:''; clear:both;}
.clearfix{zoom:1;}
.fl{float:left;}
.fr{float:right;}
body{font-family: "microsoft yahei",sans-serif;}
.wrap{	width: 100%;overflow: hidden;text-align: center;}
.box{	width: 1024px;margin: 0 auto;}
/*head*/
.head{	background: #1b1d1f;color: #fff;}
.head li{	width: 194px;height: 40px;line-height: 40px;border: 1px solid #323436;}
.head li.tel{background: url(../img/tel.png) no-repeat 20px center;	text-align: left;padding-left: 58px;width: 136px;color: #fff;}
/*nav*/
.wbox{width: 1024px;height: 40px;margin: 0 auto;padding: 20px 0;}
.wbox h1{background: url(../img/logo.png) no-repeat;width: 144px;height: 43px;}
.wbox h1 a{	width: 100%;height: 100%;display: block;text-indent: -999em;}
.wbox .nav{width: 736px;height: 40px;font-size: 16px;line-height: 40px;	position: relative;}
.wbox .nav .one{position: absolute;	left: 0;top: 0;	width: 100%;text-align: center;}
.wbox .nav .one .li1{margin-right: 102px;height: 50px;line-height: 47px;position: relative;}
.wbox .nav .one .li1 strong{position: absolute;left: -52px;top: 4px;background: url(../img/shape3.png) no-repeat;width: 155px;height: 37px;z-index: 1;display: none;}
.wbox .nav .one .li1 strong.on{display: block;}
.wbox .nav .one .li1 a{position: relative;z-index: 2;font-size: 16px;}
.wbox #nav .li1 a.changeC{color: #fff;}





.wbox .nav .one li.last{margin-right: -102px;}
/*.wbox .nav a{width: 100%;height: 100%;display: block;color: #595959;transition: 0.2s;}*/
/*.wbox .nav a:hover{color: #d32026;}*/
.wbox .nav .aBg ul a:hover{color: #d32026;}
.wbox .nav .one .aBg{background: url(../img/arrow2.png) no-repeat 68px 24px;height: 150px;position: relative;width: 80px;text-align: left;}
.wbox .nav .one .aBg .nav1{background: url(../img/arrow1.png) no-repeat 70px 20px;width: 100px;display: inline-block;left: -14px;}



.wbox .nav  .aBg ul{width: 100px;height: 116px;background: #fff;	border: 1px solid #7fa6cd;position: absolute;left: -25px;top:60px;z-index: 999;font-size: 14px;display: none;}




.wbox .nav .one .aBg2 ul{height: 86px;}
.wbox .nav .aBg ul li{width: 100%;height: 28px;line-height: 28px;border-bottom: 1px dashed #92bccc;text-align: center;}
.wbox .nav .aBg ul a{color: #706c69;font-family: arial;}
.wbox .nav .aBg:hover ul{display: block;}
/*banner*/
.banner{width: 100%;height:600px;position: relative;}
.banner-img {    width: 100%;height: 600px;}
.banner-img.hw{	background: url(../img/banner-hw.jpg) no-repeat center;}
.banner-img.img1{	background: url(../img/banner1.jpg) no-repeat center;}
.banner-img.img2 {	background: url(../img/banner3.jpg) no-repeat center;}
.banner-img.img2020{	background: url(../img/ne-banner.jpg) no-repeat center;}

/*part1*/
.part1 h2{color: #1b1d1f;font-size: 34px;font-weight: bold;padding: 44px 0 14px;}
.part1 .txt{color: #666;font-size: 18px;padding-bottom: 44px;}
.part1 .all{width: 100%;min-width: 1024px; height: auto;}
.part1 .all li{width: 50%;}
.part1 .all li img{width: 100%;}
.part1 .all li.sec{position: relative;}
.part1 .all li.sec ul{position: absolute;left: 20%;top: 50%;margin-top: -114px;}
.part1 .all li.sec ul li{border: 1px solid #fff;width: 44px;height: 228px;color: #fff;font-size: 20px;margin-right: 16px;background: url(../img/shape.png) no-repeat 32px 2px;}
.part1 .all li.sec ul li p{padding-top: 18px;line-height: 28px; color: #fff;font-size: 18px;}
.part1 .all p b{-webkit-animation: rubberBand 1s infinite linear;-ms-animation: rubberBand 1s infinite linear;-moz-animation: rubberBand 1s infinite linear;display: block;margin-bottom: -28px;}
/*part2*/
.part2 #all2{background: #1b1d1f;padding: 48px 0;position: relative;}
.part2 .net{background: url(../img/netbg.png) no-repeat center center;width: 690px;margin: 0 auto; position: relative;height: 403px;color: #fff;font-size: 18px;}
.part2 .net li{position: absolute;cursor: pointer;color: #fff;
    font-size: 18px;}
.part2 .net li:hover{
	-webkit-animation: rubberBand 0.8s infinite linear;-ms-animation: rubberBand 0.8s infinite linear;-moz-animation: rubberBand 0.8s infinite linear;
}
.part2 .net .fir{left: 50px;top: 66px;}
.part2 .net .sec{left: 0px;top: 242px;}
.part2 .net .thr{left: 164px;top: 412px;}
.part2 .net .fou{left: 436px;top: 412px;}
.part2 .net .fiv{right: 0px;top:242px;}
.part2 .net .six{right: 50px;top:66px;}
.part2 .net .sev{left: 292px;top:-32px;}
.part2 .des{position: absolute;right: 14%;top: 400px; color: #aaa;font-size: 16px;font-family: arial;}
.part2 .des .line{width: 40px;height: 1px;background: #fbb450;margin-top: 8px;margin-right: 14px;position: relative;}
.part2 .des li{margin-bottom: 6px;}
.part2 .des li p{color: #fff;}
.part2 .des .line span{position: absolute;left: 50%; margin-left: -3px; top: -2px;width: 6px;height: 6px;background: #fbb450;border-radius: 50%;animation: moveTo 3s infinite linear;}
.part2 .des li.red span,.part2 .des .red .line{background: #d32026;}
.part2 .des li.gray span,.part2 .des .gray .line{background: #c6c6c6;}
.part2 .des li.red span{animation: moveTo 4s infinite linear;}
.part2 .des li.gray span{animation: moveTo 5s infinite linear;}
@keyframes moveTo{
	0%{
		transform: translateX(0);
	}
	25%{
		transform: translateX(20px);
	}
	50%{
		transform: translateX(0px);
	}
	75%{
		transform: translateX(-20px);
	}
	100%{
		transform: translateX(0px);
	}
}
.button{width: 260px;height: 40px;background: #d32026;display: block;line-height: 40px;color: #fff;margin: 50px auto 0;font-size: 18px;}
/*part3*/
.part3{padding-bottom: 46px;}
.part3 h2{padding: 58px 0;}
.part3 .plan{width: 970px;margin: 0 auto;text-align: left;}
.part3 .left{height: 258px;width: 211px; background: url(../img/bg2.png) no-repeat;position: relative;margin:60px 68px 0 0;}
.part3 i{position: absolute;width: 25px;height: 3px;background: #d32026;left: 0;top: 100px;}
.part3 h3{font-size: 28px;color: #1b1d1f;padding-top: 112px;}
.part3 p{font-size: 16px;height: 88px;border-left: 1px solid #c1c1c1;color: #666;padding-left: 18px;margin:2px 0 0 24px;line-height: 22px;}
.part3 .mid div{background: #f5f5f5;width: 345px;height: 265px;position: relative;}
.part3 .mid div i{left: 68px;top: 54px;}
.part3 .mid div h3{padding-top: 66px;margin-left: 67px;}
.part3 .mid div p{margin: 2px 0 0 90px;}
.part3 .right .mid div{background: #fff;}
.part3 .button2{width: 180px;height: 35px;line-height: 35px;font-size: 16px;text-align: center;margin: 40px 0 0 0;}
.part3 .mid .button2{margin: 36px auto;}
.part3 .right .button2{margin: 20px auto;}
/*part4*/
.part4{background: #f6f6f6;}
.part4 h2{padding-bottom: 44px;}
.part4 .all3{background: #d32026;width: 100%;}
#btnBox{width: 200px;height: 304px; padding-top: 94px; background: #1b1d1f;text-align: left;}
#btnBox li{height: 70px;border-bottom: 1px solid #323436;cursor: pointer; color: #525252;font-size: 20px;}
#btnBox li p{line-height: 70px;background: url(../img/icon1.png) no-repeat 20px 30px;padding-left: 48px;}
#btnBox #first{border-top: 1px solid #323436;text-align: left;}
#btnBox li.active{background: #d32026;color: #fff;}
#btnBox li.active p{background: url(../img/icon2.png) no-repeat 20px 30px;transition: 0.5s;transform-origin:  0 0;color: #fff;font-size: 18px;}

#tabBox{margin-left: 20px; width: 804px; height: 398px;overflow: hidden; color: #fff; position: relative;}
#tabBox h3{font-size: 22px;padding: 90px 0 50px;line-height: 34px;color: #fff;}
#tabBox .title{font-size: 18px;text-align: left;margin-bottom: 20px;color: #fff;}
#tabBox .title img{margin:3px 6px 0 0;}
#tabBox .title img.fir{margin-left: 18px;}
#tabBox .title img.sec{margin-left: 19px;}
#tabBox .part{position: absolute;left:825px;top: 0;width: 824px;}
#tabBox .part.dis{left: 0;transition: 0.7s;z-index: 999;}
#tabBox .part ul{width: 130px;height: 214px;border-left: 1px solid #fff;margin-top: 74px;padding-top: 36px;margin-left: 36px;}
#tabBox .part ul li{height: 38px;border: 1px solid #fff;border-left: none;line-height: 38px;font-size: 18px;margin-bottom: 30px;cursor: pointer;color: #fff;}
#tabBox .part ul li.on{color: #d32026;background: #fff;transition: 0.5s;}

.tabBox2{width:370px;height: 298px; margin:60px 0 0 22px;position: relative;overflow: hidden;}
.tabBox2 .con{color: #fff;text-align: justify;position: absolute;left: 0;top: 298px;}
.tabBox2 .con h4{font-size: 20px;color: #fff;}
.tabBox2 .con h4.mart{margin-top: 22px;}
.tabBox2 .con p{line-height: 18px;padding-top: 22px;color: #fff;}
.tabBox2 .con p.textL{margin-left: 78px;line-height: 20px;}
.tabBox2 .con a{width: 114px;height: 26px;border: 1px solid #fff;border-radius: 6px;display: block;color: #fff;text-align: center;line-height: 26px;margin:10px 0 0 92px;}
.tabBox2 .moveT{top: 0px;transition: 0.5s;}

#tabBox3{height: 334px;}
#tabBox3 .con{top: 334px;}
#tabBox3 .moveT{top: 0px;transition: 0.5s;}
#tabBox3 .con p,#tabBox4 .con p{padding-top: 8px;}
#tabBox3 .con .mid,#tabBox4 .con .mid{text-align: center;}
#tabBox4{height: 378px;}
#tabBox4 .con{top: 378px;}
#tabBox4 .moveT{top: 0px;transition: 0.5s;}

#tabBox4 #last h4{margin: 30px 0 14px;}
#tabBox4 .con p.textL{margin-left: 54px;}
#tabBox4 #last a{margin-top: 20px;}
/*part5*/
.part5{background: url(../img/adv.jpg) no-repeat center;width: 100%;height: 250px;color: #fff;}
.part5 h2{font-size: 30px;padding: 68px 0 14px;}
.part5 h2 span{font-size: 36px;}
.part5 h2 i{color: #fbb450;}
.part5 p{font-size: 20px;}
.part5 .button{margin-top: 30px;}
/*part6*/
.part6 h2{padding-bottom: 58px;}
.part6 li{width: 314px;height: 193px;border: 1px solid #b0b0b0;margin: 0 38px 30px 0;}
.part6 li.last{margin-right: -40px;}
.part6 h3{color: #1b1d1f;font-size: 20px;font-weight: bold;padding-top: 20px;}
.part6 h3 b{color: #d32026;font-size: 24px;}
.part6 img{text-align: left;margin-top: 22px;-webkit-transform-origin: center center;}
.part6 h4{font-size: 16px;height: 78px;}
.part6 p{display: inline-block;text-align: left;height: 40px;border-left: 1px solid #c3c3c3;padding-left: 20px;margin: 30px 0 0 10px;}
.part6 .button{width: 150px;height: 30px;line-height: 30px; margin-top: 14px;}
.part6 .last img{margin-top: 26px;}
.part6 img.mart2{margin-top: 18px;}
.part6 img.mart3{margin-top: 24px;}
.part6 li:hover img{animation: swing 1s infinite linear;}
@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
            transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
            transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
            transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
            transform: rotate3d(0, 0, 1, -5deg);
  }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
            transform: rotate3d(0, 0, 1, 0deg);
  }
}
/*part7*/
.part7 h2,.part9 h2,.part11 h2{background: #f6f6f6;padding: 58px 0;}
.part7 .box2{width: 1082px;margin: 0 auto;position: relative;}
.part7 .roll{width: 960px;height: 450px;margin: 0 auto;text-align: left;overflow: hidden;}
.part7 .box2 span{position: absolute;top: 50%;margin-top: -26px;width: 28px;height: 52px;cursor: pointer;}
.part7 .box2 .pre{left: 0;}
.part7 .box2 .next{right: 0;}
.part7 .box2 .txtBox{background: #d32026;width: 210px;height: 450px;position: relative;}
.part7 .box2 .txtBox div{height: 90px;border-left: 3px solid #fff;padding-left: 8px;margin:104px 0 0 10px;color: #fff;}
.part7 .box2 .txtBox2 div{height: 156px;}
.part7 .box2 .txtBox i{width: 60px;height: 3px;background: #fff;position: absolute;right: 0;bottom: 50px;}
.part7 .box2 .txtBox h3{font-size: 20px;font-weight: bold;padding-bottom: 22px;color: #fff;}
.part7 .box2 .txtBox p{font-size: 16px;color: #fff;}
.part7 .box2 .txtBox .button{width: 150px;height: 30px;line-height: 30px;font-size: 16px;background: #1b1d1f;text-align: center;margin:104px 0 0 9px;}
.part7 .box2 .txtBox2 .button{margin-top: 50px;}
/*part8*/
.part8 h2{padding: 58px 0;}
.part8 .all4{background: #1b1d1f;width: 100%;height: 400px;}
.part8 ul{width: 1020px;padding-top: 100px; margin: 0px auto;}
.part8 ul li{width: 240px;height: 160px;background: #fff;margin-right: 20px;}
.part8 ul li.last{margin-right: -20px;}
.part8 ul li h3{width: 140px;height: 35px;border-radius: 5px 5px 0 0;background: #d32026;margin: -20px auto 0;font-size: 20px;line-height: 35px;color: #fff;}
.part8 ul li h4{font-size: 18px;font-weight: bold;color: #444;padding: 10px 0 6px;width: 210px;margin: 0 auto 36px;border-bottom: 1px solid #c1c1c1;}
.part8 ul li p{font-size: 16px;color: #666;}
.part8 ul li p span{display: inline-block;width: 34px;height: 44px;background: url(../img/num.png) no-repeat;margin-right: 1px;}
.part8 ul li .button{width: 180px;height: 35px;line-height: 35px;background: #e8e8e8;color: #484848;margin-top: 24px;font-size: 16px;}




/*part9*/
.part9 h2{margin-bottom: 50px;}
.part9 .pad{width: 795px; height: 554px; margin: 0px auto;background: url(../img/pad.png) no-repeat;position: relative;}
.part9 .pad .pos{position: absolute;left: 107px;top: 33px;}
.part9 .pad .left{width: 180px;padding-top: 70px; height: 366px;background: #1b1d1f;color: #fff;font-size: 20px;}
.part9 .pad .left li,.part9 .pad .left p{height: 70px;border-bottom: 1px solid #323436;line-height: 70px;}
.part9 .pad .left li{color: #525252;cursor: pointer;font-family: arial;}
.part9 .pad .left p{border-top: 1px solid #323436;    font-size: 18px;
    color: #fff;}
.part9 .pad .left li.active{color: #fff;background: #d32026;transition: 0.3s;}
.part9 .pad .right{width: 360px;padding: 0px 22px 0 18px;height: 436px;text-align: left;position: relative;overflow: hidden;}
.part9 .pad .right h3{color: #1b1d1f;font-size: 18px;font-weight: bold;margin-top: 18px;}
.part9 .pad .right p{font-size: 14px;color: #646464;padding-top: 6px;}
.part9 .pad .right div{height: 422px; position: absolute;top: 436px; transition: 0.5s;overflow-x: hidden;}
.part9 .pad .right div.on{top: 0;}
.part9 .button{margin-top: 0px;}
/*part10*/
.part10{padding-bottom: 40px;}
.part10 .tBox{width: 1154px;height: 430px;margin: 0px auto;position: relative;}
.part10 .tBox .picBox{width: 1000px;margin: 0 auto;	height: 100%;overflow: hidden;position:relative;}
#posBox2{width: 2048px;position: absolute;left: 0;top: 0;}
.part10 .tBox .picBox .roll1{position: relative;margin-right: 24px;perspective: 1000px;cursor:pointer;}
.part10 .tBox .picBox li .bg{width: 100%;height: 65px;background: #be313a;opacity: 0.8;filter:alpha(opacity=80);position: absolute;left: 0;bottom: 0;}
.part10 .tBox .picBox li h3{position: absolute;	left: 0;	bottom: 0;	width: 100%;height: 65px;text-align: left;padding-left: 13px;}
.part10 .tBox .picBox li .tName{font-size: 18px;color: #fff;padding-top: 13px;margin-bottom: 5px;}
.part10 .tBox .picBox li .tTitle{font-size: 12px;color: #b4b4b4;}
.part10 .tBox span{width: 27px;	height: 50px;background: url(../img/btn1.png) no-repeat;position: absolute;top: 50%;margin-top: -22px;cursor: pointer;}
#pre2{left: 0;}
#next2{right: 0;background: url(../img/btn2.png) no-repeat;}
.part10 .roll1 .box-content{width: 100%;height: 480px;position: absolute;top: 0;left: 0;background: #be313a;opacity: 0.8;filter:alpha(opacity=80);transform: rotateY(90deg);transition: all 0.50s ease-in-out 0s;overflow: hidden;}
.part10 .roll1 .box-img{transform: rotateY(0);transition: all 0.50s ease-in-out 0s;}
.part10 .roll1:hover .box-img{transform: rotateY(-90deg);}
.part10 .roll1:hover .box-content{transform: rotateY(0);}
.part10 .roll1 .box-content .t1,.roll1 .box-content2 .t1{font-size: 20px;font-weight: bold;color: #fff;padding-top: 20px;}
.part10 .roll1 .box-content .t2,.roll1 .box-content2 .t2{font-size: 16px;color: #fff;padding-top: 12px;}
.part10 .roll1 .box-content .t3,.roll1 .box-content2 .t3{width: 190px;height: 1px ;	background: #fff;	margin: 10px auto 0;}
.part10 .roll1 .box-content .t4,.roll1 .box-content2 .t4{font-size: 14px;width: 182px;text-align: justify;color: #fff;margin: 10px auto 0;line-height: 24px;}
.box-content2{position: absolute;left: 0px;top: -470px;	width: 100%;height: 100%;background: #be313a;opacity: 0.7;filter:alpha(opacity=70);color: #fff;}
/*part11*/
.part11{
	padding-bottom: 50px;
}
.part11 ul{	
	width: 910px;
	margin: 124px auto 0;
}
.part11 ul li{
	width: 268px;
	height: 248px;
	margin-right: 50px;
	border: 1px solid #bbb;
}
.part11 ul li.last{
	margin-right: -50px;
}
.part11 ul li h3{
	background: url(../img/shape1.png) no-repeat;
	width: 134px;
	height: 150px;
	color: #fff;
	margin: -67px auto 0;
	font-size: 22px;
	padding-top: 20px;
	text-align: center;
}
.part11 ul li h3 span{
	font-size: 40px;
}
.part11 ul li p{
	font-size: 16px;
	color: #666;
	text-align: justify;
	padding: 0 16px;
	line-height: 24px;
}
.part11 ul li p span{
	color: #d32026;
}
.part11 ul li a{
	display: block;
	width: 160px;
	height: 34px;
	line-height: 34px;
	color: #fff;
	background: #1b1d22;
	margin: 32px auto 0;
}
.part11 ul li a.marT{
	margin: 8px auto 0;
}
/*part15*/
.part12{
	background: url(../img/bg2.jpg) no-repeat;
	height: 650px;
	text-align: center;
}
.part12 .conBox2{
	width: 1024px;
	margin: 0 auto;
	background: #fff;
	box-shadow: -2px -9px 19px -6px #ebebeb;
}
.part12 .conBox2 ul{
	width: 888px;
	margin-left: 93px;
	padding-top: 46px;
}
.part12 .conBox2 ul li{
	width: 182px;
	height: 220px;
	cursor: pointer;
	margin-right: 40px;
	margin-bottom: 26px;
}
.part12 .conBox2 ul li img{
	margin-top: 25px;
}
.part12 .conBox2 ul li .min3{
	margin-top: 20px;
}
.part12 .conBox2 ul li .min2{
	margin-top: 27px;
}
.part12 .conBox2 ul li .min4{
	margin-top: 29px;
}
.part12 .conBox2 ul li .p1{
	font-size: 14px;
	color: #b9b9b9;
	padding: 13px 0;
}
.part12 .conBox2 ul li .p2{
	font-size: 18px;
	color: #141823;
}
.part12 .conBox2 ul li a{
	font-size: 16px;
	color: #62666f;
	width: 117px;
	height: 28px;
	line-height: 28px;
	border-radius: 4px;	
	display: block;
	margin: 18px auto 0;
	border: 1px solid #62666f;
}
.part12 .conBox2 ul li a:hover{
	color: #d32026;
	transition: 0.3s;
	border: 1px solid #d32026;
}
.part12 .conBox2 ul li.on{
	box-shadow: 0px 0px 20px 3px #e0e0e0;
	transition: 0.5s;
}
/*foot*/
.foot{
	width: 100%;
	background: #000;
	font-size: 12px;
	text-align: center;
	padding: 10px 0 10px;
	color: #fff;
}
/*kf*/
.kf53n{
	left:0;
	width:120px;
	height:420px;
	z-index:999999;
	position:absolute;
	background:url("../img/53kfn-bg.jpg") no-repeat top center;
}
.kf53n ul{
	padding-top:60px;:
}
.kf53n ul li{
	width:100%;
	height:59px;
	overflow:hidden;
	border-bottom:1px dashed #ffffff;
}
.kf53n ul li img{
	margin:0 auto;
	padding-top:8px;
	display:block;
}
.kf53n ul li a{
	width:100%;
	height:59px;
	display:block;
	transition:0.2s;
}
.kf53n ul li a:hover{
	background:#fe275a;
}
.kf53n-btn{
	margin:17px auto 0;
	display:block;
}
.kf53n-top{
	margin:7px auto 0;
	display:block;
	cursor:pointer;
}
.css3btn{  bottom:411px;  right:5px;  z-index:9999999999;  position:fixed;  }  .css3btn a{  display:block;  text-decoration:none;  }  .css3btn img{  left:-10px;  top:50%;  margin-top:-35px;  position:absolute;  z-index:9999; border:0; }  .css3btn p{  font-size:15px;  width:230px;  height:45px;  line-height:45px;  text-indent:55px;  text-align:center;  color:#fff;  display:block;  overflow:hidden;  position: relative;  background:#ff5400;  background:linear-gradient(rgba(254,84,0,.8),rgba(255,118,50,.8));  text-transform: uppercase;  border-radius:20px;  }  .css3btn p.bubble:after {  content: "";  background: #fff;  position: absolute;  width: 200px;  height: 200px;  left: 35px;;  right: 0;  top: 0;  bottom: 0;  opacity: 0;  margin: auto;  border-radius:50%;  transform: scale(1);  animation:1s btn ease-in-out infinite;  }  @keyframes btn {0%{transform:scale(0);opacity: 1;}100%{transform:scale(1);opacity: 0;}}



/*animated*/
.animated{
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    30% {
        -webkit-transform: scaleX(1.25) scaleY(0.75);
        transform: scaleX(1.25) scaleY(0.75);
    }

    40% {
        -webkit-transform: scaleX(0.75) scaleY(1.25);
        transform: scaleX(0.75) scaleY(1.25);
    }

    60% {
        -webkit-transform: scaleX(1.15) scaleY(0.85);
        transform: scaleX(1.15) scaleY(0.85);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes rubberBand {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    30% {
        -webkit-transform: scaleX(1.25) scaleY(0.75);
        -ms-transform: scaleX(1.25) scaleY(0.75);
        transform: scaleX(1.25) scaleY(0.75);
    }

    40% {
        -webkit-transform: scaleX(0.75) scaleY(1.25);
        -ms-transform: scaleX(0.75) scaleY(1.25);
        transform: scaleX(0.75) scaleY(1.25);
    }

    60% {
        -webkit-transform: scaleX(1.15) scaleY(0.85);
        -ms-transform: scaleX(1.15) scaleY(0.85);
        transform: scaleX(1.15) scaleY(0.85);
    }

    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand;
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}
@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}
@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3);
    }

    50% {
        opacity: 1;
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        -ms-transform: scale(.3);
        transform: scale(.3);
    }

    50% {
        opacity: 1;
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}

#fixed{
	width: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 999;
	display: block;
}
#fixed span{
	width: 100%;
	height: 100%;
	background: #4b4946;
	opacity: 0.5;
	filter:alpha(opacity=50);
	position: absolute;
	left: 0;
	top: 0;
}
#fixed div{
	width: 271px;
	height: 405px;
	position: absolute;
	margin-top: -202px;
	top: 50%;
	left: 50%;	
	margin-left: -135px;	
}
#fixed img{
	width: 100%;
	height: 100%;
}
#down{
	background: url(../img/close.png) no-repeat;
	width: 30px;
	height:64px;
	position: absolute;
	left: 50%;
	margin-left: -15px;
	bottom: 0px;
	cursor: pointer;
}

/*#iconDiv1{display: none;}*/