*{margin: 0;padding: 0;font-family: "微软雅黑";}
html{max-width: 1920px;margin: auto;}
.website{width: auto;margin: auto!important;}

img{width: 100%;max-width: 1920px;margin: 0 auto;}
.img-span-box{position: absolute;left: 40%;top: 5%;}
.img-span-box-bottin{position: absolute;left: 51%;top: 47%;}
.title-name-top{color:#333333;font-size: 42px;font-weight: 600;width: 170px;}
.title-introduce-top{color: #333333;font-size: 19px;width: 340px;left: 170px;top: 75px;}
.title-name-botton{color:#333333;font-size: 42px;font-weight: 600;width: 170px;}
.title-slogan-botton{color: #333333;font-size: 30px;width: 450px;top: 78px;}
.title-introduce-botton1{color: #333333;font-size: 19px;top: 130px;width: 230px;}
.title-introduce-botton2{color: #333333;font-size: 19px;top: 170px;width: 230px;}
.title-introduce-botton3{color: #333333;font-size: 19px;top: 210px;width: 230px;}
.goods-box{left:70%;top: 73%;}
.goods-box:hover{cursor: pointer;}
.goods-box:hover>.goods-button {color: #00deff;}
.goods-box .goods-button{font-size: 40px;color:1d9ffc;width: 175px;left: 73px;top: 5px; }
.img2{left: 245px;top: 2px;}

.img-span-box1{position: absolute;left: 289px;top:64px;}
.img-span-box1-name{position: absolute;left: 0px;top:50px;font-size: 35px;color: #ffffff;width:160px;font-weight: 600;}
.img-span-box1-introduce1{position: absolute;left: 137px;top: 38px;font-size: 23px;color: #ffffff;width: 350px;}
.img-span-box1-introduce2{position: absolute;left: 137px;top: 67px;font-size: 23px;color: #ffffff;width: 350px;}
.img-span-box2{position: absolute;left:120px;top:776px;}
.img-span-box2-name{position: absolute;left: 0px;top:40px;font-size: 35px;color: #ffffff;width:350px;font-weight: 600;}
.img-span-box2-introduce1{position: absolute;left: 0px;top: 93px;font-size: 23px;color: #ffffff;width: 350px;}
.img-span-box2-introduce2{position: absolute;left: 0px;top: 130px;font-size: 23px;color: #ffffff;width: 350px;}
.img-span-box2-introduce3{position: absolute;left: 0px;;top:167px ;font-size: 23px;color: #ffffff;width: 350px;}

.img-span-box3{position: absolute;left:1320px;top:-35px;}
.img-span-box3-name{position: absolute;left: 0px;top:40px;font-size: 35px;color: #ffffff;width:350px;font-weight: 600;}
.img-span-box3-introduce1{position: absolute;left: 0px;top: 93px;font-size: 23px;color: #ffffff;width: 350px;}
.img-span-box3-introduce2{position: absolute;left: 0px;top: 130px;font-size: 23px;color: #ffffff;width: 350px;}
.img-span-box3-introduce3{position: absolute;left: 0px;;top:167px ;font-size: 23px;color: #ffffff;width: 350px;}
.img-span-box3-introduce4{position: absolute;left: 0px;top: 204px;font-size: 23px;color: #ffffff;width: 350px;}
.img-span-box3-introduce5{position: absolute;left: 0px;top: 241px;font-size: 23px;color: #ffffff;width: 350px;}
.img-span-box3-introduce6{position: absolute;left: 0px;;top:278px ;font-size: 23px;color: #ffffff;width: 350px;}
.img-span-box4{position: absolute;left:1484px;top:296px;}
.img-span-box4-name{position: absolute;left: 0px;top:40px;font-size: 35px;color: #ffffff;width:350px;font-weight: 600;}
.img-span-box4-introduce1{position: absolute;left: 0px;top: 93px;font-size: 23px;color: #ffffff;width: 350px;}
.img-span-box4-introduce2{position: absolute;left: 0px;top: 130px;font-size: 23px;color: #ffffff;width: 350px;}
.img-span-box4-introduce3{position: absolute;left: 0px;;top:167px ;font-size: 23px;color: #ffffff;width: 350px;}
.img-span-box4-introduce4{position: absolute;left: 0px;top: 204px;font-size: 23px;color: #ffffff;width: 350px;}
.img-span-box4-introduce5{position: absolute;left: 0px;top: 241px;font-size: 23px;color: #ffffff;width: 350px;}
.img-span-box5{position: absolute;left:1323px;top:655px;}
.img-span-box5-name{position: absolute;left: 0px;top:40px;font-size: 35px;color: #ffffff;width:350px;font-weight: 600;}
.img-span-box5-introduce1{position: absolute;left: 0px;top: 93px;font-size: 23px;color: #ffffff;width: 350px;}
.img-span-box5-introduce2{position: absolute;left: 0px;top: 130px;font-size: 23px;color: #ffffff;width: 350px;}
.img-span-box5-introduce3{position: absolute;left: 0px;;top:167px ;font-size: 23px;color: #ffffff;width: 350px;}
.img-span-box5-introduce4{position: absolute;left: 0px;top: 204px;font-size: 23px;color: #ffffff;width: 350px;}
.img-span-box5-introduce5{position: absolute;left: 0px;top: 241px;font-size: 23px;color: #ffffff;width: 350px;}
.img-span-box5-introduce6{position: absolute;left: 0px;;top:278px ;font-size: 23px;color: #ffffff;width: 350px;}

.About{width: 100%;min-height: 440px;}
.About-div{width: 70%;margin: auto;}
.space{text-indent:40px;}
.About-div h2{margin-top: 60px;font-size: 23px;}
.About-div p{line-height: 40px;font-size: 18px;}
.copyright{width: 100%;background: #333333;height: 75px;margin: auto;}
.copyright span{margin: auto;color: #ffffff;text-align: center;font-size: 18px;display: inline-block;width: 100%;height: 100%;line-height: 75px;}
@media (max-width:980px) {
 img{display: block;font-size: 0;margin-top: -2px;}
.img-span-box{position: absolute;left: 40%;top: 2%;}
.img-span-box-bottin{position: absolute;left: 51%;top: 44%;}
.title-name-top{color:#333333;font-size: 42px;font-weight: 600;width: 170px;}
.title-introduce-top{color: #333333;font-size: 19px;width: 248px;top: 75px;left: 78px;}
.title-name-botton{color:#333333;font-size: 42px;font-weight: 600;width: 170px;}
.title-slogan-botton{color: #333333;font-size: 30px;top: 60px;}
.title-introduce-botton1{color: #333333;font-size: 19px;top: 110px;width: 230px;}
.title-introduce-botton2{color: #333333;font-size: 19px;top: 150px;width: 230px;}
.title-introduce-botton3{color: #333333;font-size: 19px;top: 190px;width: 230px;}
.goods-box{left:563px;top: 550px;}
.goods-box:hover{cursor: pointer;}
.goods-box:hover>.goods-button {color: #00deff;}
.goods-box .goods-button{font-size: 40px;color:1d9ffc;width: 175px;left: 73px;top: 5px; }
.img2{left: 245px;top: 2px;}
.img-span-box1{position: absolute;left:38px;top: 5%;}
.img-span-box1-name{position: absolute;left: 105px;top:40px;font-size: 20px;color: #ffffff;width:160px;font-weight: 600;}
.img-span-box1-introduce1{position: absolute;left: 180px;top: 23px;font-size: 18px;color: #ffffff;width: 350px;}
.img-span-box1-introduce2{position: absolute;left: 180px;top: 45px;font-size: 18px;color: #ffffff;width: 350px;}
.img-span-box2{position: absolute;left:6%;top:115%;}
.img-span-box2-name{position: absolute;left: 0px;top:40px;font-size: 20px;color: #ffffff;width:350px;font-weight: 600;}
.img-span-box2-introduce1{position: absolute;left: 0px;top: 70px;font-size: 18px;color: #ffffff;width: 350px;}
.img-span-box2-introduce2{position: absolute;left: 0px;top: 100px;font-size: 18px;color: #ffffff;width: 350px;}
.img-span-box2-introduce3{position: absolute;left: 0px;;top:130px ;font-size: 18px;color: #ffffff;width: 350px;}
.img-span-box3{position: absolute;left:70%;top:-35px;}
.img-span-box3-name{position: absolute;top:40px;font-size: 20px;color: #ffffff;width:190px;font-weight: 600;}
.img-span-box3-introduce1{position: absolute;left: 0px;top: 80px;font-size: 18px;color: #ffffff;width: 121px;}
.img-span-box3-introduce2{position: absolute;left:128px;top: 80px;font-size: 18px;color: #ffffff;width: 121px;}
.img-span-box3-introduce3{position: absolute;left: 0px;top:115px ;font-size: 18px;color: #ffffff;width: 121px;}
.img-span-box3-introduce4{position: absolute;left: 128px;top: 115px;font-size: 18px;color: #ffffff;width: 121px;}
.img-span-box3-introduce5{position: absolute;left: 0px;top: 151px;font-size: 18px;color: #ffffff;width: 121px;}
.img-span-box3-introduce6{position: absolute;left:128px;top:151px ;font-size: 18px;color: #ffffff;width: 121px;}
.img-span-box4{position: absolute;left:79%;top:39%;}
.img-span-box4-name{position: absolute;left: 0px;top:33px;font-size: 20px;color: #ffffff;width:190px;font-weight: 600;}
.img-span-box4-introduce1{position: absolute;left: 0px;top: 62px;font-size: 18px;color: #ffffff;width: 190px;}
.img-span-box4-introduce2{position: absolute;left: 0px;top: 91px;font-size: 18px;color: #ffffff;width: 190px;}
.img-span-box4-introduce3{position: absolute;left: 0px;;top:120px ;font-size: 18px;color: #ffffff;width: 190px;}
.img-span-box4-introduce4{position: absolute;left: 0px;top:150px;font-size: 18px;color: #ffffff;width: 190px;}
.img-span-box4-introduce5{position: absolute;left: 0px;top:177px;font-size: 18px;color: #ffffff;width: 190px;}
.img-span-box5{position: absolute;left:70%;top:92%;}
.img-span-box5-name{position: absolute;left: 0px;top:40px;font-size: 20px;color: #ffffff;width:160px;font-weight: 600;}
.img-span-box5-introduce1{position: absolute;left: 0px;top: 70px;font-size: 18px;color: #ffffff;width: 190px;}
.img-span-box5-introduce2{position: absolute;left: 0px;top: 100px;font-size: 18px;color: #ffffff;width: 190px;}
.img-span-box5-introduce3{position: absolute;left: 0px;;top:130px ;font-size: 18px;color: #ffffff;width: 190px;}
.img-span-box5-introduce4{position: absolute;left: 0px;top: 160px;font-size: 18px;color: #ffffff;width: 190px;}
.img-span-box5-introduce5{position: absolute;left: 0px;top: 190px;font-size: 18px;color: #ffffff;width: 190px;}
.img-span-box5-introduce6{position: absolute;left: 0px;;top:220px ;font-size: 18px;color: #ffffff;width: 190px;}

    }
    @media (max-width:1024px) {
  img{display: block;font-size: 0;margin-top: -2px;}
.img-span-box{position: absolute;left: 40%;top: 2%;}
.img-span-box-bottin{position: absolute;left: 51%;top: 44%;}
.title-name-top{color:#333333;font-size: 42px;font-weight: 600;width: 170px;}
.title-introduce-top{color: #333333;font-size: 19px;width: 248px;top: 75px;left: 78px;}
.title-name-botton{color:#333333;font-size: 42px;font-weight: 600;width: 170px;}
.title-slogan-botton{color: #333333;font-size: 30px;top: 60px;}
.title-introduce-botton1{color: #333333;font-size: 19px;top: 110px;width: 230px;}
.title-introduce-botton2{color: #333333;font-size: 19px;top: 150px;width: 230px;}
.title-introduce-botton3{color: #333333;font-size: 19px;top: 190px;width: 230px;}
.goods-box{left:62%;top: 73%;}
.goods-box:hover{cursor: pointer;}
.goods-box:hover>.goods-button {color: #00deff;}
.goods-box .goods-button{font-size: 40px;color:1d9ffc;width: 175px;left: 73px;top: 5px; }
.img2{left: 245px;top: 2px;}
.img-span-box1{position: absolute;left:38px;top: 5%;}
.img-span-box1-name{position: absolute;left: 105px;top:40px;font-size: 20px;color: #ffffff;width:160px;font-weight: 600;}
.img-span-box1-introduce1{position: absolute;left: 180px;top: 23px;font-size: 18px;color: #ffffff;width: 350px;}
.img-span-box1-introduce2{position: absolute;left: 180px;top: 45px;font-size: 18px;color: #ffffff;width: 350px;}
.img-span-box2{position: absolute;left:6%;top:115%;}
.img-span-box2-name{position: absolute;left: 0px;top:40px;font-size: 20px;color: #ffffff;width:350px;font-weight: 600;}
.img-span-box2-introduce1{position: absolute;left: 0px;top: 70px;font-size: 18px;color: #ffffff;width: 350px;}
.img-span-box2-introduce2{position: absolute;left: 0px;top: 100px;font-size: 18px;color: #ffffff;width: 350px;}
.img-span-box2-introduce3{position: absolute;left: 0px;;top:130px ;font-size: 18px;color: #ffffff;width: 350px;}
.img-span-box3{position: absolute;left:70%;top:-35px;}
.img-span-box3-name{position: absolute;top:40px;font-size: 20px;color: #ffffff;width:190px;font-weight: 600;}
.img-span-box3-introduce1{position: absolute;left: 0px;top: 80px;font-size: 18px;color: #ffffff;width: 121px;}
.img-span-box3-introduce2{position: absolute;left:128px;top: 80px;font-size: 18px;color: #ffffff;width: 121px;}
.img-span-box3-introduce3{position: absolute;left: 0px;top:115px ;font-size: 18px;color: #ffffff;width: 121px;}
.img-span-box3-introduce4{position: absolute;left: 128px;top: 115px;font-size: 18px;color: #ffffff;width: 121px;}
.img-span-box3-introduce5{position: absolute;left: 0px;top: 151px;font-size: 18px;color: #ffffff;width: 121px;}
.img-span-box3-introduce6{position: absolute;left:128px;top:151px ;font-size: 18px;color: #ffffff;width: 121px;}
.img-span-box4{position: absolute;left:79%;top:39%;}
.img-span-box4-name{position: absolute;left: 0px;top:33px;font-size: 20px;color: #ffffff;width:190px;font-weight: 600;}
.img-span-box4-introduce1{position: absolute;left: 0px;top: 62px;font-size: 18px;color: #ffffff;width: 190px;}
.img-span-box4-introduce2{position: absolute;left: 0px;top: 91px;font-size: 18px;color: #ffffff;width: 190px;}
.img-span-box4-introduce3{position: absolute;left: 0px;;top:120px ;font-size: 18px;color: #ffffff;width: 190px;}
.img-span-box4-introduce4{position: absolute;left: 0px;top:150px;font-size: 18px;color: #ffffff;width: 190px;}
.img-span-box4-introduce5{position: absolute;left: 0px;top:177px;font-size: 18px;color: #ffffff;width: 190px;}
.img-span-box5{position: absolute;left:70%;top:92%;}
.img-span-box5-name{position: absolute;left: 0px;top:40px;font-size: 20px;color: #ffffff;width:160px;font-weight: 600;}
.img-span-box5-introduce1{position: absolute;left: 0px;top: 70px;font-size: 18px;color: #ffffff;width: 190px;}
.img-span-box5-introduce2{position: absolute;left: 0px;top: 100px;font-size: 18px;color: #ffffff;width: 190px;}
.img-span-box5-introduce3{position: absolute;left: 0px;;top:130px ;font-size: 18px;color: #ffffff;width: 190px;}
.img-span-box5-introduce4{position: absolute;left: 0px;top: 160px;font-size: 18px;color: #ffffff;width: 190px;}
.img-span-box5-introduce5{position: absolute;left: 0px;top: 190px;font-size: 18px;color: #ffffff;width: 190px;}
.img-span-box5-introduce6{position: absolute;left: 0px;;top:220px ;font-size: 18px;color: #ffffff;width: 190px;}

    }