.pagesbanner .pagesbanner-animate{left: auto;right: 12%;transform: translate(0, -50%);text-align: end;text-shadow: 1px 2px 3px #000;}
.pagesbanner .pagesbanner-animate .p1{font-size:46px;}
.pagesbanner .pagesbanner-animate .p2{margin-top:0;margin-bottom: 2%;font-size:26px;line-height: 1;}
@media (max-width:1600px){.pagesbanner .pagesbanner-animate{right:70px;}
.pagesbanner .pagesbanner-animate .p1{font-size:2.8vw}
.pagesbanner .pagesbanner-animate .p2{font-size:1.4vw;margin-bottom: 1%;}}
@media (max-width:768px){.pagesbanner img, .pagesbanner video{min-height:inherit}
.pagesbanner .pagesbanner-animate{right:20px;}
.pagesbanner .pagesbanner-animate .p1{font-size:20px}
.pagesbanner .pagesbanner-animate .p2{font-size:14px}}
@media (max-width:550px){.pagesbanner .pagesbanner-animate .p1{font-size:16px}
.pagesbanner .pagesbanner-animate .p2{font-size:12px}}

.inner-des{max-width:800px;margin:0 auto;}


.dot-box{position: relative;}
.dot-box .img img{width: 100%;display:block;}
.dot-box .dot-list .dot-item{position: absolute;display:inline-block;cursor: pointer;}
.dot-box .dot-list .dot-item .icon img{max-height: 40px;width:auto;transition: all .3s;transform: scale(0.85);}
.dot-box .dot-list .dot-item.dot-item1{top:23%;left:12%;}
.dot-box .dot-list .dot-item.dot-item2{top:21%;left:47%;}
.dot-box .dot-list .dot-item.dot-item3{top:64%;left:27%;}
.dot-box .dot-list .dot-item.dot-item4{top:44%;left:73%;}
.dot-box .dot-list .dot-item p{display:none;transition: all .3s;}
.dot-box .dot-list .dot-item:hover .icon img{transform: scale(1);}
.dot-box .dot-list .dot-item p{background:#222;padding:1%;font-size:14px;color:#fff;z-index:4;position: relative;}
.dot-box .dot-list .dot-item.dot-item1 p{width:33%;transform: translate(15%, -115%);}
.dot-box .dot-list .dot-item.dot-item2 p{width:80%;transform: translate(13%, -103%);}
.dot-box .dot-list .dot-item.dot-item4 p{width:100%;transform:translate(0%, 10%);}
.dot-box .dot-list .dot-item:hover p{display:block;}
@media (max-width:600px){.dot-box .dot-list .dot-item p{font-size:12px;}
.dot-box .dot-list .dot-item.dot-item1 p{width:80%;}
.dot-box .dot-list .dot-item.dot-item2 p{width:100%;transform: translate(-65%, -130%);}
.dot-box .dot-list .dot-item.dot-item4 p{width:200%;transform: translate(-60%, 0%);}}