:root {
    --width: 78.17rem;
}

body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
}


.page {
    background: url("../images/bg_page.png") no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 100%;
    position: relative;
}

.swiper {
    background: url("../images/bg_page.png") no-repeat;
    background-size: 100% 100%;
    height: 100%;
    width: 100%;
    /* height: calc(100vw / (2160 / 100vh)); */
    position: relative;
}

.wrapper {
    display: flex;
    width: calc(78.17 * 3rem);
    height: 100%;
    transform: translateX(-78.17rem);
}

.slide {
    width: var(--width);
    height: 100%;
    position: relative;
}

.container {
    --w: 5.09rem;
    --h: 5.09rem;
    position: relative;
    width: 100%;
    /* width: var(--width); */
    height: 100%;
    z-index: 1;
    font-size: 0;
    overflow: hidden;
}

.container.active {
    z-index: 2;
}

.box {
    position: absolute;
    width: var(--w);
    height: var(--h);
    font-size: 0;
}

.box.one {
    width: var(--w);
    height: var(--h);
}

.box img {
    width: 100%;
    height: 100%;
}

.box .items {
    /* width: 100%; */
    /* height: 100%; */
    position: absolute;
    /* left: 0; */
    /* top: 0; */
    font-size: 0;
    /* inset: 0; */
    z-index: 1;
    left: 50%;
    top: 50%;
    /* border: 3.06rem solid transparent; */
    /* transform: translate(-50%, -50%); */
    /* border: 7.5rem solid transparent; */
}

.box .master {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    overflow: hidden;
    z-index: 2;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.box .master>img, .box .item>img {
    transition: all 0.5s ease;
}

.box .master.active>img {
    transform: scale(0.9);
}

.box .item {
    width: 4.1rem;
    height: 4.1rem;
    position: absolute;
    top: -5.37rem;
    left: -5.37rem;
    z-index: 3;
    transform-origin: 5.37rem 5.37rem;
}

/* .box .item>img {
    transform: scale(0.9);
} */

/* 中煤建设 */
.box.zhongmei_jianshe {
    bottom: 4.77rem;
    left: 4rem;
}


.box.zhongmei_jianshe .item:nth-child(1) {
    transform: rotate(40deg);
}

.box.zhongmei_jianshe .item:nth-child(2) {
    transform: rotate(108deg);
}

.box.zhongmei_jianshe .item:nth-child(3) {
    transform: rotate(180deg);
}

.box.zhongmei_jianshe .item:nth-child(4) {
    transform: rotate(260deg);
}

.box.zhongmei_jianshe .item:nth-child(5) {
    transform: rotate(330deg);
}

.box.zhongmei_jianshe .item:nth-child(1) img {
    transform: rotate(-40deg);
}

.box.zhongmei_jianshe .item:nth-child(2) img {
    transform: rotate(-108deg);
}

.box.zhongmei_jianshe .item:nth-child(3) img {
    transform: rotate(-180deg);
}

.box.zhongmei_jianshe .item:nth-child(4) img {
    transform: rotate(-260deg);
}

.box.zhongmei_jianshe .item:nth-child(5) img {
    transform: rotate(-330deg);
}

/* 平朔 */
.box.zhongmei_pingshuo {
    /* width: auto;
    height: auto; */
    left: .2rem;
    top: 2.65rem;
}

/* 中煤华晋 */
.box.zhongmei_huajin {
    top: 4.3rem;
    left: 11.4rem;
}

.box.zhongmei_huajin .item:nth-child(1) {
    transform: rotate(-10deg);
}

.box.zhongmei_huajin .item:nth-child(1) img {
    transform: rotate(10deg);
}

/* 上海能源 */
.box.shanghai_nengyuan {
    top: 1.35rem;
    left: 36.6rem;
}

.box.shanghai_nengyuan .item:nth-child(1) {
    transform: rotate(295deg);
}

.box.shanghai_nengyuan .item:nth-child(2) {
    transform: rotate(225deg);
}

.box.shanghai_nengyuan .item:nth-child(3) {
    transform: rotate(155deg);
}

.box.shanghai_nengyuan .item:nth-child(1) img {
    transform: rotate(-295deg);
}

.box.shanghai_nengyuan .item:nth-child(2) img {
    transform: rotate(-225deg);
}

.box.shanghai_nengyuan .item:nth-child(3) img {
    transform: rotate(-155deg);
}

/* 中煤新疆 */
.box.zhongmei_xinjiang {
    left: 15.9rem;
    top: 8.3rem;
}

/* 新集能源 */
.xinjinengyuan {
    left: 19.58rem;
    top: 2.65rem;
}

/* 资源 */
.box.zhongmei_ziyuan {
    left: 32.54rem;
    top: 9.37rem;
}

/* 销售 */
.box.zhongmei_xiaoshou {
    left: 13.85rem;
    bottom: 1.8rem;
}

/* 电力 */
.box.zhongmei_dianli {

    left: 36rem;
    bottom: 2.05rem;
}

/* 华利 */
.box.zhongmei_huali {
    left: 25.95rem;
    top: 4.08rem;
}

/* 内蒙古 */
.box.zhongmei_neimeng {
    bottom: 6.33rem;
    right: 21.58rem;
}

/* 开发 */
.box.zhongmei_kaifa {
    bottom: 1.65rem;
    right: 0.01rem;
}

.box.bmj {
    width: 4.09rem;
    height: 4.09rem;
    bottom: 2.3rem;
    right: 19.15rem;
}



.box.me {
    width: 4.09rem;
    height: 4.09rem;
    bottom: 5.63rem;
    right: 16.2rem;
}

/* 陕西 */
.box.shanghai_shanxi {
    top: 5.69rem;
    right: 15.75rem;
}

.box.shanghai_shanxi .item:nth-child(1) {
    transform: rotate(65deg);
}

.box.shanghai_shanxi .item:nth-child(2) {
    transform: rotate(125deg);
}

.box.shanghai_shanxi .item:nth-child(1) img {
    transform: rotate(-65deg);
}


.box.shanghai_shanxi .item:nth-child(2) img {
    transform: rotate(-125deg);
}

/* 西北能源 */
.box.shanghai_xibei {
    top: 2.85rem;
    right: 23.25rem;
}

.box.shanghai_xibei .item:nth-child(1) {
    transform: rotate(280deg);
}

.box.shanghai_xibei .item:nth-child(1) img {
    transform: rotate(-280deg);
}

/* 中煤山西公司 */
.box.shanghai_shanxigongsi {
    right: .1rem;
    top: 6.45rem;
}

.box.shanghai_shanxigongsi .item:nth-child(1) {
    transform: rotate(-25deg);
}

.box.shanghai_shanxigongsi .item:nth-child(1) img {
    transform: rotate(25deg);
}

/* 天津 */
.box.zhongmei_tianjin {
    left: 23.85rem;
    bottom: 1.95rem;
}

.box.zhongmei_tianjin .item:nth-child(1) {
    transform: rotate(93deg);
}

.box.zhongmei_tianjin .item:nth-child(2) {
    transform: rotate(40deg);
}

.box.zhongmei_tianjin .item:nth-child(3) {
    transform: rotate(146deg);
}

.box.zhongmei_tianjin .item:nth-child(4) {
    transform: rotate(340deg);
}

.box.zhongmei_tianjin .item:nth-child(1) img {
    transform: rotate(-93deg);
}

.box.zhongmei_tianjin .item:nth-child(2) img {
    transform: rotate(-40deg);
}


.box.zhongmei_tianjin .item:nth-child(3) img {
    transform: rotate(-146deg);
}

.box.zhongmei_tianjin .item:nth-child(4) img {
    transform: rotate(-340deg);
}

/* 西安 */
.box.zhongmei_xian {
    right: 28.25rem;
    bottom: 4.35rem;
}

.box.zhongmei_xian .item:nth-child(1) {
    transform: rotate(-25deg);
}

.box.zhongmei_xian .item:nth-child(2) {
    transform: rotate(180deg);
}

.box.zhongmei_xian .item:nth-child(3) {
    transform: rotate(262deg);
}

.box.zhongmei_xian .item:nth-child(1) img {
    transform: rotate(25deg);
}

.box.zhongmei_xian .item:nth-child(2) img {
    transform: rotate(-180deg);
}


.box.zhongmei_xian .item:nth-child(3) img {
    transform: rotate(-262deg);
}

/* 张煤机 */
.box.zhongmei_zhangmeiji {
    bottom: 5.85rem;
    right: 9.32rem;
}

.box.zhongmei_zhangmeiji .item {
    top: -5.8rem;
    left: -5.8rem;
    transform-origin: 5.8rem 5.8rem;
}

.box.zhongmei_zhangmeiji .item:nth-child(1) {
    transform: rotate(142deg);
}

.box.zhongmei_zhangmeiji .item:nth-child(2) {
    transform: rotate(198deg);
}

.box.zhongmei_zhangmeiji .item:nth-child(3) {
    transform: rotate(260deg);
}

.box.zhongmei_zhangmeiji .item:nth-child(1) img {
    transform: rotate(-142deg);
}

.box.zhongmei_zhangmeiji .item:nth-child(2) img {
    transform: rotate(-198deg);
}

.box.zhongmei_zhangmeiji .item:nth-child(3) img {
    transform: rotate(-260deg);
}



/* 弹框 */
.dialog {
    position: fixed;
    z-index: 99;
    background: rgba(0, 0, 0, 0.5);
    inset: 0;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    display: none;
}

.dialog .content {
    width: 28.8rem;
    height: 19.2rem;
    background: #fff;
    background: url('../images/bg_dialog.png') no-repeat;
    background-size: 100% 100%;
    background-position: 0 0;
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: .2rem;
}

.dialog .content iframe {
    width: 100%;
    height: 100%;
    border: none;
}

.dialog .content .close {
    position: absolute;
    top: 50%;
    font-size: 0.4rem;
    color: #fff;
    background: rgba(0, 0, 0, 0.6);
    padding: 1rem .1rem;
    border-radius: 0 .2rem .2rem 0;
    z-index: 5;
    cursor: pointer;
}

.dialog .content .close.right {
    right: 0;
    border-radius: .2rem 0 0 .2rem;
}