html {
  width: 100%;
  height: 100%;
}
body {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #fafafa;
}
#add_scrolling {
  width: 128px;
  height: 54px;
  position: absolute;
  left: 50%;
  bottom: 10px;
  margin-left: -64px;
  background: url('../images/scrolling.png');
}
#add_nav {
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -80px;
}
#add_nav div {
  width: 8px;
  height: 8px;
  background: url('../images/dot.png');
  margin-bottom: 30px;
}
.on {
  background: url('../images/dot_on.png') !important;
}
a,
a img {
  border: none;
  color: #000;
  text-decoration: none;
}
#p0,
#p1,
#p2,
#p3 {
  position: absolute;
  width: 2px;
  height: 2px;
  top: 50%;
  left: 50%;
  margin-left: -1px;
  margin-top: -1px;
}
#p0_bg {
  position: absolute;
  width: 1358px;
  height: 768px;
  top: 50%;
  left: 50%;
  margin-left: -679px;
  margin-top: -384px;
  background: url('../images/bg0.png');
}
#p1_bg {
  position: absolute;
  width: 1358px;
  height: 768px;
  top: 50%;
  left: 50%;
  margin-left: -679px;
  margin-top: -384px;
  background: url('../images/bg3.png');
}
#p2_ui {
  position: absolute;
  width: 1358px;
  height: 788px;
  top: 50%;
  left: 50%;
  margin-left: -679px;
  margin-top: -394px;
  background: url('../images/p2ui.png');
}
#p2_title {
  position: absolute;
  width: 1358px;
  height: 788px;
  top: 50%;
  left: 50%;
  margin-left: -679px;
  margin-top: -394px;
  background: url('../images/p2title.png');
}
#p3_bg {
  position: absolute;
  width: 1358px;
  height: 768px;
  top: 50%;
  left: 50%;
  margin-left: -679px;
  margin-top: -384px;
  background: url('../images/bg2.png');
}
#title3_1 {
  position: absolute;
  width: 800px;
  height: 91px;
  top: 50%;
  left: 50%;
  margin-left: -600px;
  margin-top: 80px;
  text-align: center;
  font-family: 微软雅黑;
  font-size: 16px;
}
#p0 {
  position: absolute;
  width: 1024px;
  height: 768px;
  top: 50%;
  left: 50%;
  margin-left: -512px;
  margin-top: -434px;
}
#p0_t_2 {
  perspective: 1000px;
}
#subtitle {
  display: block;
  position: absolute;
  width: 517px;
  height: 23px;
  top: 50%;
  left: 50%;
  margin-left: -258.5px;
  margin-top: 128.5px;
  background: url('../images/title2_3.png') no-repeat;
}
#p0_t_1 {
  position: absolute;
  width: 313px;
  height: 46px;
  top: 50%;
  left: 50%;
  margin-left: -406.5px;
  margin-top: -223px;
  background: url('../images/title2_1.png') no-repeat;
}
#p0_t_2 {
  position: absolute;
  width: 790px;
  height: 160px;
  top: 45%;
  left: 50%;
  margin-left: -385px;
  margin-top: -80px;
  text-align: center;
}
#p0_t_2 div {
  position: absolute;
}
#slogan_1 {
  width: 790px;
  height: 350px;
  /*background: url('../images/gou.png');*/
}
#slogan_2 {
  width: 160px;
  height: 160px;
  margin-left: 20px;
  background: url('../images/ji.png');
}
#slogan_3 {
  width: 175px;
  height: 160px;
  margin-left: 20px;
  background: url('../images/su.png');
}
#p0_btn {
  position: absolute;
  width: 216px;
  height: 70px;
  top: 50%;
  left: 50%;
  margin-left: 192px;
  margin-top: -235px;
}
#p0_btn > span {
  display: inline-block;
  font-size: 14px;
  font-family: '微软雅黑', 'Helvetica';
  color: #888;
  width: 216px;
  text-align: center;
  margin-top: 10px;
}
/*-----------------------------------------------*/
#p1_t_1 {
  position: absolute;
  width: 316px;
  height: 296px;
  top: 50%;
  left: 50%;
  margin-left: -158px;
  margin-top: -248px;
  background: url('../images/title1_1.png');
}
#p1_t_2 {
  position: absolute;
  width: 306px;
  height: 66px;
  top: 50%;
  left: 50%;
  margin-left: -153px;
  margin-top: 97px;
  background: url('../images/title1_2.png');
}
#p1_t_2 span {
  position: absolute;
  width: 400px;
  height: 30px;
  top: 50%;
  left: 50%;
  margin-left: -200px;
  margin-top: -35px;
  text-align: center;
}
/*-----------------------------------------------*/
#p3_t_1 {
  position: absolute;
  width: 390px;
  height: 86px;
  top: 50%;
  left: 50%;
  margin-left: -195px;
  margin-top: 107px;
  background: url('../images/p2t1.png');
}
#p3_t_2 {
  position: absolute;
  width: 514px;
  height: 136px;
  top: 50%;
  left: 50%;
  margin-left: -257px;
  margin-top: 172px;
  /*background: url('../images/p2t2.png');*/
}
#p3_pop {
  position: absolute;
  width: 200px;
  height: 200px;
  top: 50%;
  left: 50%;
  margin-left: -100px;
  margin-top: -100px;
  perspective: 1000px;
  -webkit-perspective: 1000px;
  /*transform: rotate(30deg) translateX(-100px);*/
  /*-webkit-transform: rotate(30deg) translateX(-100px);*/
}
#p3_pop_1 {
  position: absolute;
  width: 172px;
  height: 172px;
  top: 50%;
  left: 50%;
  margin-left: -236px;
  margin-top: -286px;
  background: url('../images/p2pop1.png');
}
#p3_pop_2 {
  position: absolute;
  width: 73px;
  height: 73px;
  top: 50%;
  left: 50%;
  margin-left: -226.5px;
  margin-top: -56.5px;
  background: url('../images/p2pop2.png');
}
#p3_pop_3 {
  position: absolute;
  width: 337px;
  height: 337px;
  top: 50%;
  left: 50%;
  margin-left: -198.5px;
  margin-top: -288.5px;
  background: url('../images/p2pop3.png');
}
#p3_pop_4 {
  position: absolute;
  width: 269px;
  height: 269px;
  top: 50%;
  left: 50%;
  margin-left: 75.5px;
  margin-top: -254.5px;
  background: url('../images/p2pop4.png');
}
/*-----------------------------------------------*/
#p2_t_1 {
  position: absolute;
  width: 157px;
  height: 306px;
  top: 50%;
  left: 50%;
  margin-left: -78.5px;
  margin-top: -253px;
  background: url('../images/p3t1.png');
}
#p2_t_2 {
  position: absolute;
  width: 514px;
  height: 136px;
  top: 50%;
  left: 50%;
  margin-left: -257px;
  margin-top: 162px;
  background: url('../images/p3t2.png');
}
#p2_defence {
  position: absolute;
  width: 334px;
  height: 334px;
  top: 50%;
  left: 50%;
  margin-left: -477px;
  margin-top: -267px;
  background: url('../images/p3main.png');
}
#p2_list {
  position: absolute;
  width: 161px;
  height: 275px;
  top: 50%;
  left: 50%;
  margin-left: 169.5px;
  margin-top: -237.5px;
  background: url('../images/p3list.png');
}
#p2_point {
  position: absolute;
  width: 161px;
  height: 275px;
  top: 50%;
  left: 50%;
  margin-left: 149.5px;
  margin-top: -223.5px;
}
#p2_point div {
  display: block;
  width: 22px;
  height: 22px;
  background: url('../images/p3point.png');
  margin-bottom: 33px;
}