@charset "utf-8";

body{height: 100vh;background: url("../image/rukoubacg.png") no-repeat left top/100% 100%;}
.skx-header{background: url("../image/rukouTop.png") no-repeat left top/100% 100%;height: 80px;padding: 20px 0;}
.skx-header-title{font-size: 34px;color:#00b7de;text-align: center;margin-top: -5px;}

.skx-welcome{text-align: center;margin-top: 50px;}
.skx-welcome-text{font-size: 70px;color:#00de78;display: inline-block;vertical-align: top;padding: 0 300px;
	background: url("../image/rukouTop2.png") no-repeat left center/275px,url("../image/rukouTop3.png") no-repeat right center/275px;
}
h3{font-weight: bold;}

.skx-welcome-btn-ul{width: 1300px;margin: auto;display: flex;align-items: center;gap:0 20px;margin-top: 100px;flex-flow: wrap;}
.skx-welcome-btn-li{width: 200px;height: 200px;background: url("../image/rukouIconbg2.png") no-repeat left/contain;
	cursor: pointer;transition:all .5s linear;display: flex;align-items: center;flex-flow: column;}
.skx-welcome-btn-li:hover{background-image: url("../image/rukouIconbg.png");}
.skx-welcome-btn-icon{width: 50px;height: 50px;margin-top: 40px;}
.skx-welcome-btn-text{color: #fff;margin-top: 20px;font-weight: bold;text-align: center;}
.skx-welcome-btn-text p{margin-top: 10px;}
.skx-header-link{position:relative}
.skx-header-link-a-1{color: #FFF; position: fixed; right: 30px; top: 30px; font-size: 20px;}
.skx-header-link-a-2{color: #FFF; position: fixed; left: 30px; top: 30px; font-size: 20px;}