#menu { position: fixed; right: 20px; top: 30%; width: 90px; margin: -160px 0 0; padding: 0; list-style-type: none; z-index: 70;}
#menu li { margin-top: 10px; font: 14px "Microsoft Yahei";}
#menu a { display: block; padding: 10px 0; background-color: #fff; color: #0074EA; text-align: center; text-decoration: none;}
#menu .active a { color: #fff; background-color: rgb(0, 116, 234);}
.section { text-align: center; font: 18px "Microsoft Yahei"; /*color: #fff;*/}
.section1 { background: url(images/bg2_87283a0.jpg) 50% no-repeat;}
.godown span {-webkit-animation: fade 3s infinite linear;animation: fade 3s infinite linear;}
@-webkit-keyframes fade {
	0% { opacity: 1;}
	50% { opacity: 0.3;}
	100% { opacity: 1;}
}
@keyframes fade {
	0% { opacity: 1;}
	50% { opacity: 0.3;}
	100% { opacity: 1;}
}
.logo{ z-index: 70;position: fixed; left: 20px;  @-webkit-keyframes: logoin 2s ease;  animation:  logoin 2s ease;  top: 5%; width: 169px; height: 46px; background: url(../images/logo_hy.png) no-repeat;   }
 @-webkit-keyframes logoin {
	0% { opacity: 0;}
	50% { opacity: 0;left:0px}
	100% { opacity: 1;left:20px}
}
@keyframes logoin {
	0% { opacity: 0;}
	50% { opacity: 0;left:0px}
	100% { opacity: 1;left:20px}
}
.godown { *display: none; position: absolute; left: 50%; bottom: 20px; z-index: 100; width: 50px; height: 53px; margin-left: -25px;}
.godown span { display: block; width: 50px; height: 53px; background-image: url(../images/godown.png);}
a:-webkit-any-link { color: -webkit-link;cursor: pointer;text-decoration: underline;}
.bg1-3{ position: absolute;opacity: 0.5; top:30%; left: 5%;   width: 980px; height: 100%;   background: url(../images/bg1-3.png) no-repeat; background-size: 70% 70%   ;}
.bg1-3-1{ position: absolute;opacity: 0.5; bottom:5%; right: 3%;  width: 300px; height: 300px;   background: url(../images/bg1-3-1.png) no-repeat; background-size: 70% 70%   ;}
.bg1-3-2{ position: absolute;opacity: 0.5; top:5%; left: 3%; transform: scale(-1,1);  width: 200px; height: 200px;   background: url(../images/bg1-3-1.png) no-repeat; background-size: 70% 70%   ;}

.tit1{animation:  tit1 2s ease;  position: absolute;  width: 726px; height: 66px; background: url(../images/tit1.png) no-repeat;  left:25%; top:30%;}
@keyframes tit1 {
	0% { opacity: 0;}  
	100% { opacity: 1;top:30%;}
}
.tit1-1{animation:  tit1-1 2s ease;   position: absolute;   width: 513px; height: 38px; background: url(../images/tit1-1.png) no-repeat; background-size:100%;left:31.5%;top:43%;}
@keyframes tit1-1 {
	0% { opacity: 0; background-size: 0%; } 
	100% { opacity: 1; background-size: 100%;}
}
.tit1-2{animation:  tit1-2 2s ease; position: absolute;   width:auto; height: 38px; left:29%;bottom:42%;}
@keyframes tit1-2 {
	0% { opacity: 0;bottom: 0%;} 
	100% { opacity: 1;bottom: 42%;}
}
#tit1-2-1{ float: left; margin: 0 25px 0 25px; width: 100px; height: 36px; background: url(../images/tit1-2-1.png) no-repeat; }
 
#tit1-2-1 span{display: inline-block; width: 75px; height: 36px;margin-left: 30px; background: url(../images/tit1-2-1-1.png) no-repeat;}
#tit1-2-2{ float: left;margin: 0 25px 0 25px;  width: 100px; height: 36px; background: url(../images/tit1-2-2.png) no-repeat;}
 
#tit1-2-2 span{display: inline-block; width: 75px; height: 36px;margin-left: 30px; background: url(../images/tit1-2-2-1.png) no-repeat;}
#tit1-2-3{ float: left;margin: 0 25px 0 25px;  width: 100px; height: 36px; background: url(../images/tit1-2-3.png) no-repeat;}
 
#tit1-2-3 span{display: inline-block; width: 75px; height: 36px;margin-left: 30px; background: url(../images/tit1-2-3-1.png) no-repeat;}
#tit1-2-4{ float: left;margin: 0 25px 0 25px;  width: 100px; height: 36px; background: url(../images/tit1-2-4.png) no-repeat;}
 
#tit1-2-4 span{display: inline-block; width: 75px; height: 36px;margin-left: 30px; background: url(../images/tit1-2-4-1.png) no-repeat;}
.dnote1{ position: absolute;bottom:0%;right: 20%; opacity: 0.2; width: 400px; height: 250px;float: left;background: url(../images/bl2-1.png)no-repeat; background-size: 100% 100%;}
.dnote2{ position: absolute;top:20%;left: 10%; width: 70%; height: auto;float: left;  }
.dnote2 h{ display: block; width: 100%; height: auto; padding: 5px 5px 30px 5px; font-size: 30px; color: #004b85;}
.hn2{color: #004b85;display: block; width: 100%; font-weight: 100; height: auto; text-align: left;text-align: justify; text-justify: inter-ideograph; text-indent: 2em; line-height: 40px;}
 .tit3left{display: block;position: absolute; text-align: left;float: left;top:20%; left: 5%;color:#748A9E;}
 .tit3left p{display: inline-block;  background: url(../images/list.png) no-repeat; background-position: 4px 4px; padding-left: 25px;  background-size: 20%; font-weight: 600;color: #3ca6d2;}
 .tit3{position:absolute;  width:auto;top:5%; right: 20%; }
 .spwx{ position: relative; text-align: center;  margin: 0px 20px 40px -20px;  display: block; width: 120px;height: 140px; background: url(../images/tit3-1.png) no-repeat;  background-position: 90% 0%;}
 .spwz{ position: relative;text-align: center; margin: -40px 0px 0px 80px;  display: block; width: 98px;height: 140px; background: url(../images/tit3-2.png)no-repeat;background-position: 90%;}
 .spwx p, .spwz p{ position: absolute; bottom: 0px;left:-20px; font-size: 14px;     -moz-transform: skew(-60deg, 30deg);/* 倾斜属性，参数分别表示x,y方的倾斜角度，负数逆时针，正数顺时针 */    
  -webkit-transform: skew(-60deg, 30deg);-ms-transform: skew(-60deg, 30deg);-o-transform: skew(-60deg, 30deg);  }
 .tit3-1{position:absolute;  width:auto;top:15%; right: 33%; }
 .sptow1{ position: relative; text-align: center;  margin: 0px 0px 0px 50px;  display: block; width: 120px;height: 110px; background: url(../images/tit3-3.png) no-repeat;   }
 .sptow2{ position: relative; text-align: center;  margin: 0px 0px 0px 100px;  display: block; width: 120px;height: 110px; background: url(../images/tit3-4.png) no-repeat;  }
 .sptow3{ position: relative; text-align: center;  margin: 0px 0px 0px 150px;  display: block; width: 120px;height: 110px; background: url(../images/tit3-5.png) no-repeat;  }
 .sptow4{ position: relative; text-align: center;  margin: 0px 0px 0px 200px;  display: block; width: 120px;height: 110px; background: url(../images/tit3-6.png) no-repeat;   }
 .sptow1 p, .sptow2 p, .sptow3 p, .sptow4 p{ position: absolute; bottom: 0px;left:-20px; font-size: 14px;     -moz-transform: skew(-60deg, 30deg);/* 倾斜属性，参数分别表示x,y方的倾斜角度，负数逆时针，正数顺时针 */    
  -webkit-transform: skew(-60deg, 30deg);-ms-transform: skew(-60deg, 30deg);-o-transform: skew(-60deg, 30deg);  }
 .tit3-2{position:absolute;  width:auto;top:62%; right: 49%; }
 .sptow5{ position: relative; text-align: center;  margin: 0px 0px 0px 50px;  display: block; width: 120px;height: 135px; background: url(../images/tit3-7.png) no-repeat; background-size: 70%;   }
 .tit3-3{position:absolute;  width:auto;top:77%; right: 66%; }
 .sptow6{ position: relative; text-align: center;  margin: 0px 0px 0px 50px;  display: block; width: 120px;height: 110px; background: url(../images/tit3-8.png) no-repeat; background-size: 100%;  }
 .sptow5 p{ position: absolute; bottom: -60px;left:-30px; font-size: 14px;     -moz-transform: skew(-60deg, 30deg);/* 倾斜属性，参数分别表示x,y方的倾斜角度，负数逆时针，正数顺时针 */    
  -webkit-transform: skew(-60deg, 30deg);-ms-transform: skew(-60deg, 30deg);-o-transform: skew(-60deg, 30deg);  }
  .sptow6 p{ position: absolute; bottom: 0px;left:-100px; font-size: 14px;     -moz-transform: skew(-60deg, 30deg);/* 倾斜属性，参数分别表示x,y方的倾斜角度，负数逆时针，正数顺时针 */    
  -webkit-transform: skew(-60deg, 30deg);-ms-transform: skew(-60deg, 30deg);-o-transform: skew(-60deg, 30deg);  }
 .divjt{width: 90px; height: 90px; background: url(../images/jt.png);}
 .jt1{position:absolute;top:100px;left:-140px;}
 .jt2{position:absolute;top:250px;left:-50px;}
 .jt3{position:absolute;bottom:60px;left:20px;}
 .jt4{position:absolute;bottom:-50px;left:-100px;}
 .tit4cent{position: relative; background: url(../images/tit4-1.png) no-repeat; background-size: 100%;background-position: 50% 50%; width: 300px; height: 300px; margin: 0 auto; }
 .sptree{display:block; line-height: 30px; height:100px; width: 100px; background-color:#5d7aae ; box-sizing: border-box;border: 1px solid white;border-radius: 50%;}
 .sptree p{ color: #fff; font-size: 34px;}
 .st1{position: absolute;bottom:0%; left: -20px;}
 .st2{position: absolute;top:0%; left: -20px;}
 .st3{position: absolute;top:-10%; right: 10px;}
 .st4{position: absolute;bottom:30%; right: -40px;}
 .st5{position: absolute;bottom:-10%; right: 40px;}
 .tit3l{position: absolute;  left:20%;text-align: left;width: 200px; font-weight: 100; }
 .tlr1{top:20%; left: 22%;}
 .tlr2{bottom:20%;left: 22%;}
 .tit3r{position: absolute;right:20%;text-align: left; width: 200px; font-weight: 100;}
  .tit3l p, .tit3r p{display: block; width:100%; height: auto; padding-left: 30px; }
  .tit3l p span, .tit3r p span{display:block; float: left; width: 20px; height: 20px; background: url(../images/tit10-6.png) no-repeat; background-size: 90% ; margin: 5px 5px 0px 0px;}
  .tlr3{top:15%;right:26% ;}
  .tlr4{top:38%;right:22% ;}
 .tlr5{bottom:5%; right:28% ;}
 .tit4l{ position: relative; float: left; width: 30%;height:100%; text-align: left; padding-left: 10%; padding-top: 10%;}
 .tit4l span{display: block; position: relative; height: 40px; margin: 20px 0px 20px 0px; font-weight: 100;color:#004b85}
 .tit4l span:nth-child(1) p{display:inline-block; margin: 0px; padding: 0px; margin-top: 2px; float:left; background: url(../images/tit5-1.png) no-repeat; background-size: 60%; height: 30px; width: 30px;}
 .tit4l span:nth-child(2) p{display:inline-block;margin: 0px; padding: 0px;margin-top: 2px;float:left; background: url(../images/tit5-2.png) no-repeat; background-size: 60%; height: 30px; width: 30px;}
 .tit4l span:nth-child(3) p{display:inline-block;margin: 0px; padding: 0px;margin-top: 2px;float:left; background: url(../images/tit5-3.png) no-repeat; background-size: 60%; height: 30px; width: 30px;}
 .tit4l span:nth-child(4) p{display:inline-block;margin: 0px; padding: 0px;margin-top: 2px;float:left; background: url(../images/tit5-4.png) no-repeat; background-size: 60%; height: 30px; width: 30px;}
 .tit4l span:nth-child(5) p{display:inline-block;margin: 0px; padding: 0px;margin-top: 2px;float:left; background: url(../images/tit5-5.png) no-repeat; background-size: 60%; height: 30px; width: 30px;}
 .divbj4{position: absolute;left:0; top:0px; height: 100%; width: 100%;background: url(../images/bg9-3.png); background-size: 70%;  opacity: 0.4; }
 .tit4r{ position: relative; /*background: url(../images/bg-kj_4d6c383.png)no-repeat; */background-size: 100%; float: right; width: 45%; height:100%;    margin-right: 10%;}
 .tit3r-1{position:absolute; z-index: 20; left: -55px; bottom:8% ; width:120px; height: 250px; background: url(../images/tit5-8.png) no-repeat; background-size: 100%;}
 .tit3r-2{position:absolute;z-index: 10; left: 10px; bottom:20% ;width: 500px; height: 350px; background: url(../images/tit5-6.png) no-repeat; background-size: 100%;}
 .tit3r-3{position:absolute;z-index: 15; left: 400px; bottom:5%;width: 250px; height: 180px; background: url(../images/tit5-7.png) no-repeat; background-size: 100%;}
 .tit5{ position: relative; margin: 0 auto;  margin-top: 5%;  width: 1200px; height: auto; overflow: hidden;}
 .tit5-1{ float: left; margin: 2%; width: 340px; height: 370px;background: url(../images/tit7.png)no-repeat;background-size: 100%;}
 .tit5-2{float: left;margin: 2%;width: 340px; height: 370px;background: url(../images/tit9.png)no-repeat;background-size: 100%;}
 .tit5-3{float: left;margin: 2%;width: 340px; height: 370px;background: url(../images/tit8.png)no-repeat;background-size: 100%;}
 .tit5-1 span:nth-child(1), .tit5-2 span:nth-child(1), .tit5-3 span:nth-child(1){display: block; float:left; margin-top: 70px; margin-left:40px; color: #fff;  }
 .tit5-1 span:nth-child(2),.tit5-2 span:nth-child(2), .tit5-3 span:nth-child(2){display: block; float:left; margin-top: 70px; margin-left:48px; color:#323232}
 .tit5-1 span:nth-child(3),.tit5-2 span:nth-child(3),.tit5-3 span:nth-child(3){   width:310px;display: block; float:left; margin-top: 110px; margin-left:20px; color:#4f4e4e; font-size: 14px; line-height: 28px; text-align: left;}
 .tit5-2 p{ margin-top: 0px; padding-top: 0px; margin-bottom:  0px; padding-bottom: 0px; }
 .divleft{ float:left;width: 50%; margin-left: 5%; margin-top: 5%;}
 .divright{ float: right;width: 40%; margin-right: 5%;margin-top: 5%; text-align: left;}
 .divtit5 { width: 80%; background-color: #fff; border-bottom: 1px solid #748A9E;border-right: 1px solid #748A9E; border-radius: 10px; padding: 20px; padding-top: 10px; padding-bottom: 30px; margin-bottom: 20px;}
 .divtit5 h3{color: #004b85; }
 .divtit5:nth-child(1) h3 span{ float: left; background: url(../images/tit10.png) no-repeat; background-size:100%; width: 22px; height: 22px; display: block; margin-right: 10px;  margin-top: 5px; }
 .divtit5:nth-child(2) h3 span{ float: left; background: url(../images/tit11.png) no-repeat; background-size:100%; width: 22px; height: 22px; display: block; margin-right: 10px;  margin-top: 5px; }
 .slileftbj{ position: absolute;left: 17.5%;z-index: 6;  bottom:80px; width: 250px; height: 230px;  background: url(../images/bg21.png) no-repeat; background-size:100%;}
 .slirightbj{position: absolute;right: 20%; opacity: 0.5; z-index: 6;top:80px; width: 220px; height: 200px; background: url(../images/bg22.png) no-repeat; background-size:100%;}
 .divtit5 span{ display: block; margin: 0px; padding: 0px; line-height: 30px; font-size: 16px; color: #4f4e4e;}
 .divtit5 span p{display: inline-block; margin: 0px; font-weight: 700; color: #4F4E4E }
 .divtit6 { width: 80%; margin: 0 auto; margin-top: 5%; position: relative; overflow: hidden;}
 .tit6{ float: left; margin-bottom: 0px; width:25%; height: 500px; background: url(../images/bj6.png) no-repeat; background-size: 70%;}
 .tit6 p{ display:block; width: 100%; text-align: left;  font-size: 20px;color: #4F4E4E; }
 .tit6:nth-child(1) span{margin-top: 170px; margin-left: 20px; width: 60px; height: 60px; display:block;background: url(../images/tit9-1.png) no-repeat; background-size: 100%;}
 .tit6:nth-child(2) span{margin-top: 170px; margin-left: 20px;  width: 60px; height: 60px; display:block;background: url(../images/tit9-2.png) no-repeat; background-size: 100%;}
 .tit6:nth-child(3) span{margin-top: 170px; margin-left: 20px;  width: 60px; height: 60px; display:block;background: url(../images/tit9-3.png) no-repeat; background-size: 100%;}
 .tit6:nth-child(4) span{margin-top: 170px; margin-left: 20px;  width: 60px; height: 60px; display:block;background: url(../images/tit9-4.png) no-repeat; background-size: 100%;}
 .divtit7L{ float: left; width: 20%; margin-left: 10%; margin-right: 2%;margin-top: 8%;}
 .tit7L{ width: 100%; position: relative;  margin-bottom: 15%;}
 .tit7L:nth-child(1) span{display: block; margin: 0 auto; width: 25px; height: 25px;background: url(../images/tit10-1.png) no-repeat; background-size:100%;}
 .tit7L:nth-child(1) h3{  color: #50abde;} 
 .tit7L:nth-child(2) span{display: block; margin: 0 auto; width: 25px; height: 25px;background: url(../images/tit10-2.png) no-repeat; background-size:100%;}
 .tit7L:nth-child(2) h3{ color: #682b96;}
 .tit7L:nth-child(3) span{display: block; margin: 0 auto; width: 25px; height: 25px;background: url(../images/tit10-3.png) no-repeat; background-size:100%;}
 .tit7L:nth-child(3) h3{   color: #c13737;}
 .tit7L:nth-child(1) h3,.tit7L:nth-child(2) h3,.tit7L:nth-child(3) h3{margin-bottom: 10px;  text-shadow:#fff 2px 0 0,#fff 0 2px 0,#fff -2px 0 0,#fff 0 -2px 0;-webkit-text-shadow:#fff 2px 0 0,#fff 0 2px 0,#fff -2px 0 0,#fff 0 -2px 0; -moz-text-shadow:#fff 2px 0 0,#fff 0 2px 0,#fff -2px 0 0,#fff 0 -2px 0;*filter: Glow(color=#fff, strength=2);}
 .tit7L:nth-child(1) p, .tit7L:nth-child(2) p,.tit7L:nth-child(3) p{ width: 70%; margin: 0 auto;color: #fff;  font-size: 14px; line-height: 25px;}
 
 .divtit7C{float: left;width: 30%; height: 100%; position: relative; }
 .divtit7C span:nth-child(1){position:absolute;bottom:140px; left: 14%;display: block; width:90px; height:100px;background: url(../images/tit14.png) no-repeat; background-size:100%;}
 .divtit7C span:nth-child(2){position:absolute;bottom:170px; left: 36%;display: block; width:65px; height:75px;background: url(../images/tit16.png) no-repeat; background-size:100%;}
 .divtit7C span:nth-child(3){position:absolute;bottom:150px; right: 9%;display: block; width:80px; height:90px;background: url(../images/tit19.png) no-repeat; background-size:100%;}
 .divtit7C span:nth-child(4){position:absolute;bottom:280px; left: 13%;display: block; width:80px; height:90px;background: url(../images/tit12.png) no-repeat; background-size:100%;}
 .divtit7C span:nth-child(5){position:absolute;bottom:360px; left: 32%;display: block; width:60px; height:70px;background: url(../images/tit13.png) no-repeat; background-size:100%;}
 .divtit7C span:nth-child(6){position:absolute;bottom:240px; left: 32%;display: block; width:100px; height:110px;background: url(../images/tit15.png) no-repeat; background-size:100%;}
 .divtit7C span:nth-child(7){position:absolute;bottom:310px; right: 26%;display: block; width:95px; height:105px;background: url(../images/tit17.png) no-repeat; background-size:100%;}
 .divtit7C span:nth-child(8){position:absolute;bottom:250px; right: 0%;display: block; width:120px; height:130px;background: url(../images/tit18.png) no-repeat; background-size:100%;}
 .divtit7C span:nth-child(9){position:absolute; bottom:0px; left: 32%;display: block; width:40px; height:170px;background: url(../images/tit20.png) no-repeat; background-size:100%;}
 .divtit7C span:nth-child(10){position:absolute;bottom:0px; left:43.5%;display: block; width:40px; height:140px;background: url(../images/tit21.png) no-repeat; background-size:100%;}
 .divtit7C span:nth-child(11){position:absolute;bottom:0px; right: 38%;display: block; width:40px; height:250px;background: url(../images/tit22.png) no-repeat; background-size:100%;}
 .divtit7C span:nth-child(12){position:absolute;bottom:0px; right: 28%; display: block; width:40px; height:300px;background: url(../images/tit23.png) no-repeat; background-size:100%;}
 .divtit7C span:nth-child(13){position:absolute;bottom:0px;right:18%;display: block; width:40px; height:140px;background: url(../images/tit24.png) no-repeat; background-size:100%;}
 
 .divtit7R{float: right;width: 20%;margin-right:10%;margin-top: 8%;}
 .tit7R{ width: 100%; position: relative;  margin-bottom: 15%;}
 .tit7R:nth-child(1) span{display: block; margin: 0 auto; width: 25px; height: 25px;background: url(../images/tit10-4.png) no-repeat; background-size:100%;}
 .tit7R:nth-child(1) h3{   color: #ffbe00;} 
 .tit7R:nth-child(2) span{display: block; margin: 0 auto; width: 25px; height: 25px;background: url(../images/tit10-6.png) no-repeat; background-size:100%;}
 .tit7R:nth-child(2) h3{   color: #5d7aae;}
 .tit7R:nth-child(3) span{display: block; margin: 0 auto; width: 25px; height: 25px;background: url(../images/tit10-5.png) no-repeat; background-size:100%;}
 .tit7R:nth-child(3) h3{   color: #6eac46;}
 .tit7R:nth-child(1) h3,.tit7R:nth-child(2) h3,.tit7R:nth-child(3) h3{margin-bottom: 10px;  text-shadow:#fff 2px 0 0,#fff 0 2px 0,#fff -2px 0 0,#fff 0 -2px 0;-webkit-text-shadow:#fff 2px 0 0,#fff 0 2px 0,#fff -2px 0 0,#fff 0 -2px 0; -moz-text-shadow:#fff 2px 0 0,#fff 0 2px 0,#fff -2px 0 0,#fff 0 -2px 0;*filter: Glow(color=#fff, strength=2); }
 .tit7R:nth-child(1) p, .tit7R:nth-child(2) p,.tit7R:nth-child(3) p{ width: 70%; margin: 0 auto;color: #fff;  font-size: 14px; line-height: 25px;}
 .tit8{z-index: 15; position: relative; margin: 0 auto; width: 35%; color: #fff; height: 0px; overflow: hidden;}
 .tit8 h4{   }
 .section .bg {  position: absolute; left: 0; top: 0;  width: 100%; height: 100%; z-index: 1;  }
 .tit8 span{ margin:0 auto;  font-size: 14px; line-height: 2px; padding-bottom: 10px;}
 .t8img1 {z-index: 11; width: 190px; height: 180px; position: absolute;left: 10%; top:20% ; overflow:hidden ; border:3px solid #fff; border-radius: 100%; }
 .t8img2{ z-index: 11; width: 190px; height: 130px;position: absolute; top: 60%; left: 15%;overflow:hidden ;border:3px solid #fff; border-radius: 50%;}
 .t8img3 {z-index: 11; width: 190px; height: 130px;position: absolute; top:20%; right: 10%; overflow:hidden ;border:3px solid #fff; border-radius: 50%;}
 .t8img4 {z-index: 11; width: 190px; height: 130px;position: absolute;  top: 60%;right: 15%;overflow:hidden ;border:3px solid #fff; border-radius: 50%;}
 
 /* 第一屏动画 */

.bg1-3 ,.bg1-3-1,.bg1-3-2{ opacity: 0.5; -webkit-animation: bg1-3 3s; animation: bg1-3 3s;}
@-webkit-keyframes bg1-3 {
	0% { opacity: 0;}
	50% { opacity: 0;}
	100% { opacity: 0.2;}
}
@keyframes bg1-3 {
	0% { opacity: 0;}
	50% { opacity: 0;}
	100% { opacity: 0.2;}
}