*{margin:0;padding:0;list-style:none;}
.body{width:100%;height: 100vh;background: url(../images/indexbg.jpg) center top no-repeat;background-size: cover;position: fixed;}
.body ul{width:66vw;margin:0 auto;position:absolute;top:50%;transform: translateY(-55%);left:50%;margin-left:-33vw;}
.body li{float:left;}
.body li.li2{float:right;}
.body li .Img{height:12.5vw;line-height:12.5vw;text-align: center;}
.body li img{vertical-align:middle;max-width:100%;max-height:100%;}
.body li .p1{/* font-size:38px; */color:#000000;margin: 2.3vw 0px 0px 0px;font-size: 2vw;font-weight: bold;}
.body li .p2{font-size:23px;color:#000000;text-transform: uppercase;font-size: 1.2vw;font-weight: bold;}
.body li.li2 .p2{font-size: 0.78vw;}
.body li .icon{display:block;width:9.1vw;height: 3.4vw;line-height: 3.4vw;background:#f3f3f3;color:#7d7d7d;font-size: 1.1vw;text-align:center;border: 1px solid #9c9c9c;margin: 3vw auto 0px;transition: 0.5s all ease;font-weight: bold;}
.body li .icon:hover{background:#1d2a77;color:#fff;border:1px solid #1d2a77;}
.copyright{position: fixed;width:100%;text-align:center;font-size:14px;color:#000;bottom:10px;}
.copyright a{color:#000;}

@media(max-width:1450px){
    .body li.li2 .p2{letter-spacing: -0.8px;}
}



@media(max-width:1024px){
    
.body ul{width:95%;margin: 0px;left: 2.5%;transform: translateY(-65%);}
.body li{float:none;}
.body li .Img{height: 80px;}
.body li.li1 .remark{width: 240px;margin: 15px auto;}
.body li .p1{font-size: 20px;}
.body li .p2{font-size: 12px;letter-spacing: 0.2px;}
.body li .icon{width:100px;height:35px;line-height:35px;font-size:15px;}
.body li.li2{float:none;}
.body li.li2 .remark{width: 270px;margin: 15px auto;}
.body li.li2 .p2{font-size: 10px;letter-spacing: -0.8px;}
.body li.li2 .p1{letter-spacing: 1.3px;}
.body li.li1{margin:0px 0px 50px 0px;}
.copyright{width: 97%;font-size:12px;line-height:20px;z-index: 999999;left: 1.5%;}

}