.context{
  background:#050275;
}
 .product-img1{
  position: relative;
  height: 800px;
  background: url(../images/spot/header1.png) no-repeat center 0px;
  /* background-position: 65% -110px; */
  
 }
 .product-img2{
  position: relative;
  width: 100%;
  height: 491px;
  background: url(../images/spot/advan1.png) no-repeat center;
 }
 .product-img3{
  position: relative;
  width: 100%;
  height: 491px;
  background: url(../images/spot/advan22.png) no-repeat center;
  background-position: 50% 56px;
 }
 .product-img4{
  position: relative;
  height:536px;
  background: url(../images/spot/advan33.png) no-repeat center;
 }
 .product-img5{
  position: relative;
  height: 600px;
  background: url(../images/spot/advan44.png) no-repeat center;
  background-position: 50% 0;
 }
 .product-img6{
  position: relative;
  width: 1000px;
  height: 796px;
  background: url(../images/spot/func1.png) no-repeat center;
  background-position: 0px 10px;
  margin-left: 50%;
  transform: translateX(-50%);
 }
 .product-img7{
  position: relative;
  width: 1000px;
  height: 908px;
  background: url(../images/spot/func2.png) no-repeat center;
  background-position: -229px;
  margin-left: 50%;
  transform: translateX(-50%);
 }
 .product-img8{
  position: relative;
  width: 1000px;
  height: 760px;
  background: url(../images/spot/func3.png) no-repeat center;
  background-position: 0px 0px;
  margin-left: 50%;
  transform: translateX(-50%);
 }
 .product-img9{
  position: relative;
  width: 1000px;
  height: 840px;
  background: url(../images/spot/func4.png) no-repeat center;
  background-position: -52px -230px;
  margin-left: 50%;
  transform: translateX(-50%);
 }
 .product-img10{
  position: relative;
  height: 350px;
  background: url(../images/spot/button.png) no-repeat center;
 }
 .product-img10 a{
   display:inline-block;
   width:100%;
   height:100%
 }