body { font-size: 12px; font-family: "宋体"; margin: 0; padding:0; background:#ffa2db; color: #444; }
h1, h2, h3, h4, ul, li, p { margin: 0px; padding: 0px; list-style: none; }
ul li { list-style: none; }
a { color: #000000; text-decoration: none; }
a:hover { text-decoration: underline; }
.clear { clear: both; }
img { border: 0px; }

.container { position: relative; margin: 0px auto; width: 1130px; padding: 0; }
.largeimage { position: relative; z-index: 1000; }
img.info-icon { cursor: pointer; position: absolute; z-index: 1001; }
#container1 .info-icon1 {top: 210px; left: 208px; }
#container1 .info-icon2 {top: 250px; right: 360px; }
#container1 .info-icon3 {top: 280px; right: 275px; }
#container1 .info-icon4 {top: 334px; right: 330px; }
#container1 .info-icon5 {top: 315px; right: 225px; }
#container1 .info-icon6 {top: 440px; right: 310px; }
#container1 .info-icon7 {top:200px; left: 830px; }
#container1 .info-icon8 {top: 560px; left: 520px; }
#container1 .info-icon9 {top: 260px; left: 520px; }
#container1 .info-icon10 {top: 620px; left: 590px; }
#container1 .info-icon11 {top: 420px; right: 240px; }
#container1 .info-icon12 {top: 570px; left: 520px; }
#container1 .info-icon13 {top: 580px; left: 620px; }
#container1 .info-icon14 {top: 510px; left: 760px; }








#container2 .info-icon1 { position: absolute; top: 170px; left: 223px; }
#container2 .info-icon2 { position: absolute; top: 340px; left: 644px; }
#container2 .info-icon3 { position: absolute; top: 363px; left: 370px; }
#container2 .info-icon4 { position: absolute; top: 140px; left: 530px; }
.popover { position: absolute; z-index: 1010; opacity: 0; display: none; padding:30px 0 0 20px; width: 384px; height:170px;}
.popover h2{ font-family:"microsoft yahei"; font-size:15px; color:#e10176; margin-bottom:10px;}
.popover p{ font-family:"microsoft yahei"; font-size:14px; padding:5px 0;}
.jinru{ font-family:"microsoft yahei"; margin:30px 40px 0 0; color:#f00; font-weight:bold;}
#pop1 {background:url(/uploads/image/cimages/image94.png) no-repeat; top: 270px; left: -120px; }
#pop2 {top: 315px; left: 345px; background:url(/uploads/image/cimages/image42.png) no-repeat;  }
#pop3 {top: 330px; right:290px; background:url(/uploads/image/cimages/image42.png) no-repeat;  }
#pop4 {top: 380px; left: 380px; background:url(/uploads/image/cimages/image42.png) no-repeat;  }
#pop5 {top: 360px; right: 235px; background:url(/uploads/image/cimages/image42.png) no-repeat; }
#pop6 {top: 235px; left: 420px; background:url(/uploads/image/cimages/image74.png) no-repeat;  }
#pop7 {top: 250px; left: 470px; background:url(/uploads/image/cimages/image42.png) no-repeat;  }
#pop8 {top: 360px; left: 150px; background:url(/uploads/image/cimages/image74.png) no-repeat;  }
#pop9 {top: 300px; left: 150px; background:url(/uploads/image/cimages/image42.png) no-repeat;  }
#pop10 {top: 420px; left: 230px; background:url(/uploads/image/cimages/image74.png) no-repeat;  }
#pop11 {top: 210px; right: 220px; background:url(/uploads/image/cimages/image74.png) no-repeat;  }
#pop12 {top: 360px; left: 180px; background:url(/uploads/image/cimages/image74.png) no-repeat;  }
#pop13{top:370px; left: 270px; background:url(/uploads/image/cimages/image74.png) no-repeat;  }
#pop14{top:300px; left: 320px; background:url(/uploads/image/cimages/image74.png) no-repeat;  }


.popover.top { margin-top: -10px; }
.popover.right { margin-left: 10px; }
.popover.bottom { margin-top: 10px; }
.popover.left { margin-left: -10px; }
.popover-title { padding: 8px 14px; margin: 0; font-size: 14px; font-weight: normal; line-height: 18px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; }
.popover-content { padding: 9px 14px; }
.popover .arrow, .popover .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; }
.popover .arrow { border-width: 11px; }
.popover .arrow:after { border-width: 10px; content: ""; }
.popover.top .arrow { bottom: -11px; left: 50%; margin-left: -11px; border-top-color: #999; border-top-color: rgba(0, 0, 0, 0.25); border-bottom-width: 0; }
.popover.top .arrow:after { bottom: 1px; margin-left: -10px; border-top-color: #ffffff; border-bottom-width: 0; }
.popover.right .arrow { top: 50%; left: -11px; margin-top: -11px; border-right-color: #999; border-right-color: rgba(0, 0, 0, 0.25); border-left-width: 0; }
.popover.right .arrow:after { bottom: -10px; left: 1px; border-right-color: #ffffff; border-left-width: 0; }
.popover.bottom .arrow { top: -11px; left: 50%; margin-left: -11px; border-bottom-color: #999; border-bottom-color: rgba(0, 0, 0, 0.25); border-top-width: 0; }
.popover.bottom .arrow:after { top: 1px; margin-left: -10px; border-bottom-color: #ffffff; border-top-width: 0; }
.popover.left .arrow { top: 50%; right: -11px; margin-top: -11px; border-left-color: #999; border-left-color: rgba(0, 0, 0, 0.25); border-right-width: 0; }
.popover.left .arrow:after { right: 1px; bottom: -10px; border-left-color: #ffffff; border-right-width: 0; }
.animated { -webkit-animation-duration: 0.6s; -moz-animation-duration: 0.6s; -o-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; }
 @-webkit-keyframes cardintop {  0% {
 -webkit-transform-origin: 50% 100% 0px;
 -webkit-transform: perspective(500px) rotatex(-90deg) scale(0.5, 0.5);
}
 100% {
 -webkit-transform-origin: 50% 100% 0px;
 -webkit-transform: perspective(500px) rotatex(0deg) scale(1, 1);
 opacity: 1;
}
}
 @-moz-keyframes cardintop {  0% {
 -moz-transform-origin: 50% 100% 0px;
 -moz-transform: perspective(500px) rotatex(-90deg) scale(0.5, 0.5);
}
 100% {
 -moz-transform-origin: 50% 100% 0px;
 -moz-transform: perspective(500px) rotatex(0deg) scale(1, 1);
 opacity: 1;
}
}
 @-o-keyframes cardintop {  0% {
 -o-transform-origin: 50% 100% 0px;
 -o-transform: perspective(500px) rotatex(-90deg) scale(0.5, 0.5);
}
 100% {
 -o-transform-origin: 50% 100% 0px;
 -o-transform: perspective(500px) rotatex(0deg) scale(1, 1);
 opacity: 1;
}
}
 @keyframes cardintop {  0% {
 transform-origin: 50% 100% 0px;
 transform: perspective(500px) rotatex(-90deg) scale(0.5, 0.5);
}
 100% {
 transform-origin: 50% 100% 0px;
 transform: perspective(500px) rotatex(0deg) scale(1, 1);
 opacity: 1;
}
}
.cardintop { -webkit-animation-name: cardintop; -moz-animation-name: cardintop; -o-animation-name: cardintop; animation-name: cardintop; }
 @-webkit-keyframes cardinbottom {  0% {
 -webkit-transform-origin: 50% 0% 0px;
 -webkit-transform: perspective(500px) rotatex(90deg) scale(0.5, 0.5);
}
 100% {
 -webkit-transform-origin: 50% 0% 0px;
 -webkit-transform: perspective(500px) rotatex(0deg) scale(1, 1);
 opacity: 1;
}
}
 @-moz-keyframes cardinbottom {  0% {
 -moz-transform-origin: 50% 0% 0px;
 -moz-transform: perspective(500px) rotatex(90deg) scale(0.5, 0.5);
}
 100% {
 -moz-transform-origin: 50% 0% 0px;
 -moz-transform: perspective(500px) rotatex(0deg) scale(1, 1);
 opacity: 1;
}
}
 @-o-keyframes cardinbottom {  0% {
 -o-transform-origin: 50% 0% 0px;
 -o-transform: perspective(500px) rotatex(90deg) scale(0.5, 0.5);
}
 100% {
 -o-transform-origin: 50% 0% 0px;
 -o-transform: perspective(500px) rotatex(0deg) scale(1, 1);
 opacity: 1;
}
}
 @keyframes cardinbottom {  0% {
 transform-origin: 50% 0% 0px;
 transform: perspective(500px) rotatex(90deg) scale(0.5, 0.5);
}
 100% {
 transform-origin: 50% 0% 0px;
 transform: perspective(500px) rotatex(0deg) scale(1, 1);
 opacity: 1;
}
}
.cardinbottom { -webkit-animation-name: cardinbottom; -moz-animation-name: cardinbottom; -o-animation-name: cardinbottom; animation-name: cardinbottom; }
 @-webkit-keyframes cardinleft {  0% {
 -webkit-transform-origin: 100% 50% 0px;
 -webkit-transform: perspective(500px) rotatey(-90deg) scale(0, 0);
}
 100% {
 -webkit-transform-origin: 100% 50% 0px;
 -webkit-transform: perspective(500px) rotatey(0deg) scale(1, 1);
 opacity: 1;
}
}
 @-moz-keyframes cardinleft {  0% {
 -moz-transform-origin: 100% 50% 0px;
 -moz-transform: perspective(500px) rotatey(-90deg) scale(0, 0);
}
 100% {
 -moz-transform-origin: 100% 50% 0px;
 -moz-transform: perspective(500px) rotatey(0deg) scale(1, 1);
 opacity: 1;
}
}
 @-o-keyframes cardinleft {  0% {
 -o-transform-origin: 100% 50% 0px;
 -o-transform: perspective(500px) rotatey(-90deg) scale(0, 0);
}
 100% {
 -o-transform-origin: 100% 50% 0px;
 -o-transform: perspective(500px) rotatey(0deg) scale(1, 1);
 opacity: 1;
}
}
 @keyframes cardinleft {  0% {
 transform-origin: 100% 50% 0px;
 transform: perspective(500px) rotatex(-90deg) scale(0, 0);
}
 100% {
 transform-origin: 100% 50% 0px;
 transform: perspective(500px) rotatex(0deg) scale(1, 1);
 opacity: 1;
}
}
.cardinleft { -webkit-animation-name: cardinleft; -moz-animation-name: cardinleft; -o-animation-name: cardinleft; animation-name: cardinleft; }
 @-webkit-keyframes cardinright {  0% {
 -webkit-transform-origin: 0% 50% 0px;
 -webkit-transform: perspective(500px) rotatey(90deg) scale(0, 0);
}
 100% {
 -webkit-transform-origin: 0% 50% 0px;
 -webkit-transform: perspective(500px) rotatey(0deg) scale(1, 1);
 opacity: 1;
}
}
 @-moz-keyframes cardinright {  0% {
 -moz-transform-origin: 0% 50% 0px;
 -moz-transform: perspective(500px) rotatey(90deg) scale(0, 0);
}
 100% {
 -moz-transform-origin: 0% 50% 0px;
 -moz-transform: perspective(500px) rotatey(0deg) scale(1, 1);
 opacity: 1;
}
}
 @-o-keyframes cardinright {  0% {
 -o-transform-origin: 0% 50% 0px;
 -o-transform: perspective(500px) rotatey(90deg) scale(0, 0);
}
 100% {
 -o-transform-origin: 0% 50% 0px;
 -o-transform: perspective(500px) rotatey(0deg) scale(1, 1);
 opacity: 1;
}
}
 @keyframes cardinright {  0% {
 transform-origin: 0% 50% 0px;
 transform: perspective(500px) rotatex(90deg) scale(0, 0);
}
 100% {
 transform-origin: 0% 50% 0px;
 transform: perspective(500px) rotatex(0deg) scale(1, 1);
 opacity: 1;
}
}
.cardinright { -webkit-animation-name: cardinright; -moz-animation-name: cardinright; -o-animation-name: cardinright; animation-name: cardinright; }
 @-webkit-keyframes cardouttop {  0% {
 -webkit-transform-origin: 50% 100% 0px;
 -webkit-transform: perspective(500px) rotatex(0deg) scale(1, 1);
 opacity: 1;
}
 100% {
 -webkit-transform-origin: 50% 100% 0px;
 -webkit-transform: perspective(500px) rotatex(-90deg) scale(0.5, 0.5);
 opacity: 0;
}
}
 @-moz-keyframes cardouttop {  0% {
 -moz-transform-origin: 50% 100% 0px;
 -moz-transform: perspective(500px) rotatex(0deg) scale(1, 1);
 opacity: 1;
}
 100% {
 -moz-transform-origin: 50% 100% 0px;
 -moz-transform: perspective(500px) rotatex(-90deg) scale(0.5, 0.5);
 opacity: 0;
}
}
 @-o-keyframes cardouttop {  0% {
 -o-transform-origin: 50% 100% 0px;
 -o-transform: perspective(500px) rotatex(0deg) scale(1, 1);
 opacity: 1;
}
 100% {
 -o-transform-origin: 50% 100% 0px;
 -o-transform: perspective(500px) rotatex(-90deg) scale(0.5, 0.5);
 opacity: 0;
}
}
 @keyframes cardouttop {  0% {
 transform-origin: 50% 100% 0px;
 transform: perspective(500px) rotatex(0deg) scale(1, 1);
 opacity: 1;
}
 100% {
 transform-origin: 50% 100% 0px;
 transform: perspective(500px) rotatex(-90deg) scale(0.5, 0.5);
 opacity: 0;
}
}
.cardouttop { -webkit-animation-name: cardouttop; -moz-animation-name: cardouttop; -o-animation-name: cardouttop; animation-name: cardouttop; }
 @-webkit-keyframes cardoutbottom {  0% {
 -webkit-transform-origin: 50% 0% 0px;
 -webkit-transform: perspective(500px) rotatex(0deg) scale(1, 1);
 opacity: 1;
}
 100% {
 -webkit-transform-origin: 50% 0% 0px;
 -webkit-transform: perspective(500px) rotatex(90deg) scale(0.5, 0.5);
 opacity: 0;
}
}
 @-moz-keyframes cardoutbottom {  0% {
 -moz-transform-origin: 50% 0% 0px;
 -moz-transform: perspective(500px) rotatex(0deg) scale(1, 1);
 opacity: 1;
}
 100% {
 -moz-transform-origin: 50% 0% 0px;
 -moz-transform: perspective(500px) rotatex(90deg) scale(0.5, 0.5);
 opacity: 0;
}
}
 @-o-keyframes cardoutbottom {  0% {
 -o-transform-origin: 50% 0% 0px;
 -o-transform: perspective(500px) rotatex(0deg) scale(1, 1);
 opacity: 1;
}
 100% {
 -o-transform-origin: 50% 0% 0px;
 -o-transform: perspective(500px) rotatex(90deg) scale(0.5, 0.5);
 opacity: 0;
}
}
 @keyframes cardoutbottom {  0% {
 transform-origin: 50% 0% 0px;
 transform: perspective(500px) rotatex(0deg) scale(1, 1);
 opacity: 1;
}
 100% {
 transform-origin: 50% 0% 0px;
 transform: perspective(500px) rotatex(90deg) scale(0.5, 0.5);
 opacity: 0;
}
}
.cardoutbottom { -webkit-animation-name: cardoutbottom; -moz-animation-name: cardoutbottom; -o-animation-name: cardoutbottom; animation-name: cardoutbottom; }
 @-webkit-keyframes cardoutleft {  0% {
 -webkit-transform-origin: 100% 50% 0px;
 -webkit-transform: perspective(500px) rotatey(0deg) scale(1, 1);
 opacity: 1;
}
 100% {
 -webkit-transform-origin: 100% 50% 0px;
 -webkit-transform: perspective(500px) rotatey(90deg) scale(0, 0);
 opacity: 0;
}
}
 @-moz-keyframes cardoutleft {  0% {
 -moz-transform-origin: 100% 50% 0px;
 -moz-transform: perspective(500px) rotatey(0deg) scale(1, 1);
 opacity: 1;
}
 100% {
 -moz-transform-origin: 100% 50% 0px;
 -moz-transform: perspective(500px) rotatey(90deg) scale(0, 0);
 opacity: 0;
}
}
 @-o-keyframes cardoutleft {  0% {
 -o-transform-origin: 100% 50% 0px;
 -o-transform: perspective(500px) rotatey(0deg) scale(1, 1);
 opacity: 1;
}
 100% {
 -o-transform-origin: 100% 50% 0px;
 -o-transform: perspective(500px) rotatey(90deg) scale(0, 0);
 opacity: 0;
}
}
 @keyframes cardoutleft {  0% {
 transform-origin: 100% 50% 0px;
 transform: perspective(500px) rotatex(0deg) scale(1, 1);
 opacity: 1;
}
 100% {
 transform-origin: 100% 50% 0px;
 transform: perspective(500px) rotatex(90deg) scale(0, 0);
 opacity: 0;
}
}
.cardoutleft { -webkit-animation-name: cardoutleft; -moz-animation-name: cardoutleft; -o-animation-name: cardoutleft; animation-name: cardoutleft; }
 @-webkit-keyframes cardoutright {  0% {
 -webkit-transform-origin: 0% 50% 0px;
 -webkit-transform: perspective(500px) rotatey(0deg) scale(1, 1);
 opacity: 1;
}
 100% {
 -webkit-transform-origin: 0% 50% 0px;
 -webkit-transform: perspective(500px) rotatey(-90deg) scale(0, 0);
 opacity: 0;
}
}
 @-moz-keyframes cardoutright {  0% {
 -moz-transform-origin: 0% 50% 0px;
 -moz-transform: perspective(500px) rotatey(0deg) scale(1, 1);
 opacity: 1;
}
 100% {
 -moz-transform-origin: 0% 50% 0px;
 -moz-transform: perspective(500px) rotatey(-90deg) scale(0, 0);
 opacity: 0;
}
}
 @-o-keyframes cardoutright {  0% {
 -o-transform-origin: 0% 50% 0px;
 -o-transform: perspective(500px) rotatey(0deg) scale(1, 1);
 opacity: 1;
}
 100% {
 -o-transform-origin: 0% 50% 0px;
 -o-transform: perspective(500px) rotatey(-90deg) scale(0, 0);
 opacity: 0;
}
}
 @keyframes cardoutright {  0% {
 transform-origin: 0% 50% 0px;
 transform: perspective(500px) rotatex(0deg) scale(1, 1);
 opacity: 1;
}
 100% {
 transform-origin: 0% 50% 0px;
 transform: perspective(500px) rotatex(-90deg) scale(0, 0);
 opacity: 0;
}
}
.cardoutright { -webkit-animation-name: cardoutright; -moz-animation-name: cardoutright; -o-animation-name: cardoutright; animation-name: cardoutright; }
/* 代码整理：懒人之家 www.lanrenzhijia.com */