.gg{width: 1280px;position: relative;margin: 0 auto;transform: scale(.7);left: -160px; }

.gg .div2{height:550px; position:relative;}

.gg .div2 .p1{ position:absolute; top:39px; left:0px; width:251px; height:179px; overflow:hidden; z-index:15;}

.gg .div2 .p1 img{ position:relative; bottom:0;}

.gg .div2 .p2{ position:absolute; top:0px; right:-20px; width:252px; height:219px; overflow:hidden;}

.gg .div2 .p2 img{ position:relative; bottom:0;}

.gg .div2 .p3{ position:absolute; top:199px; left:0; width:100%; overflow:hidden; z-index:20;}

.gg .div2 .p3 img{ width:792px;margin: 0 auto;display: block;}

.gg .div2 .p4 a{ display:block; position:absolute; z-index:20; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}

.gg .div2 .p4 a:hover .pp1,.gg .div2 .p4 a:hover .pp2{ color:#0f91d3}

.gg .div2 .p4 .pp1{ font-weight:bold; font-size:18px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}

.gg .div2 .p4 .pp2{ font-size:14px; margin-top:2px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}

.gg .div2 .p4 .a1{ background:url(../images/1_38.png) center left no-repeat; left:0px; top:344px; padding-left:100px; height:100px; padding-top:30px;}

.gg .div2 .p4 .a2{ background:url(../images/1_39.png) top center no-repeat; left:162px; top:170px; padding-top:100px;width: 150px; text-align:center;}

.gg .div2 .p4 .a3{ background:url(../images/1_40.png) top right no-repeat; left:127px; top:470px; padding-right:100px; padding-top:30px; height:100px; text-align:right;}

.gg .div2 .p4 .a4{ background:url(../images/1_41.png) top left no-repeat; left:410px; top:170px; padding-left:100px; padding-top:30px; height:100px;}

.gg .div2 .p4 .a5{ background:url(../images/1_42.png) top left no-repeat; left:410px; top:364px; padding-left:100px; padding-top:30px; height:100px;}

.gg .div2 .p4 .a6{ background:url(../images/1_43.png) top left no-repeat; left:560px; top:450px; padding-top:100px; width: 100px; text-align:center;}

.gg .div2 .p4 .a7{ background:url(../images/1_42.png) top right no-repeat; left:700px; top:280px; padding-right:100px; padding-top:30px; height:100px; text-align:right;}

.gg .div2 .p4 .a8{ background:url(../images/1_43.png) top left no-repeat; left:780px; top:450px; padding-left:100px; padding-top:30px; height:100px;}

.gg .div2 .p4 .a9{ background:url(../images/1_46.png) top center no-repeat; left:880px; top:170px; padding-top:100px; text-align:center; width:150px;}

.gg .div2 .p4 .a10{ background:url(../images/1_47.png) top left no-repeat; left:1044px; top:365px; padding-left:100px; padding-top:30px; height:100px;}

.gg .div2 .p4 .a1:hover{ background:url(../images/1_38a.png) center left no-repeat;}

.gg .div2 .p4 .a2:hover{ background:url(../images/1_39a.png) top center no-repeat;}

.gg .div2 .p4 .a3:hover{ background:url(../images/1_40a.png) top right no-repeat;}

.gg .div2 .p4 .a4:hover{ background:url(../images/1_41a.png) top left no-repeat;}

.gg .div2 .p4 .a5:hover{ background:url(../images/1_42a.png) top left no-repeat;}

.gg .div2 .p4 .a6:hover{ background:url(../images/1_43a.png) top left no-repeat;}

.gg .div2 .p4 .a7:hover{ background:url(../images/1_42a.png) top right no-repeat;}

.gg .div2 .p4 .a8:hover{ background:url(../images/1_43a.png) top left no-repeat;}

.gg .div2 .p4 .a9:hover{ background:url(../images/1_46a.png) top center no-repeat;}

.gg .div2 .p4 .a10:hover{ background:url(../images/1_47a.png) top left no-repeat;}

.gg .div2 .p5{ position:absolute; right:57px; top:54px; z-index:10; width:54px; height:58px;}

.gg .div2 .p5 img{ opacity: 0; position:absolute; right:0px animation:myfirst 6s linear 1s infinite; -moz-animation:myfirst 6s linear 1s infinite; -webkit-animation:myfirst 6s linear 1s infinite; -o-animation:myfirst 6s linear 1s infinite;}

.gg .div2 .p6{ position:absolute; right:57px; top:54px; z-index:10; width:54px; height:58px;}

.gg .div2 .p6 img{ opacity: 0; position:absolute; right:0px animation:myfirst 6s linear 2.5s infinite; -moz-animation:myfirst 5s linear 2.5s infinite; -webkit-animation:myfirst 6s linear 2.5s infinite; -o-animation:myfirst 2.5s linear 6s infinite;}

.gg .div2 .p7{ position:absolute; right:57px; top:54px; z-index:10; width:54px; height:58px;}

.gg .div2 .p7 img{ opacity: 0; position:absolute; right:0px animation:myfirst 6s linear 4s infinite; -moz-animation:myfirst 6s linear 4s infinite; -webkit-animation:myfirst 6s linear 4s infinite; -o-animation:myfirst 6s linear 4s infinite;}

.gg .div2 .p8{ position:absolute; right:57px; top:54px; z-index:10; width:54px; height:58px;}

.gg .div2 .p8 img{ opacity: 0; position:absolute; right:0px animation:myfirst 6s linear 5.5s infinite; -moz-animation:myfirst 6s linear 5.5s infinite; -webkit-animation:myfirst 6s linear 5.5s infinite; -o-animation:myfirst 6s linear 5.5s infinite;}

@keyframes myfirst{0%{ opacity:1; right:0px; bottom:0px;opacity: 0;}10%{ opacity:1; right:0px; bottom:100px;opacity: 1} 80% { opacity:1; right:1100px; bottom:100px;}100%{ opacity:0; right:1100px; bottom:0px;}}

@-webkit-keyframes myfirst{0%{ opacity:1; right:0px; bottom:0px,opacity: 0;}10%{ opacity:1; right:0px; bottom:100px;opacity: 1;} 80% { opacity:1; right:1100px; bottom:100px;}100%{ opacity:0; right:1100px; bottom:0px;}}