@charset "utf-8";

/*-----------------
  Author:xxxx
  update:2020
 -------------------*/


@font-face {
    font-family: DINCond-Bold;
}


body {
    font-family: "微软雅黑", Arial, sans-serif;
    font-size: 14px;
    background: #282e35;
    position: relative;
}

i, em {
    font-style: normal;
}

a {
    text-decoration: none;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.i-container {
    width: 100%;
    min-width: 1290px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    background: url(../../images/b-bg.jpg) center no-repeat;
    background-size: 100% 100%;
}


.jmkt-main {
    overflow: hidden;
    padding: 0 20px;
    margin-top: 20px;
}


.mj-item {
    position: relative;
    height: 1000px;
    margin: 15px;
    overflow: hidden;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 0;
}


.mj-item1 {
    background-color: rgba(33, 185, 255,0.1);
    /*background: url(../../images/wsd-bg1.png) center no-repeat;*/
    /*background-size: 100% 100%;*/
}

.mj-item2 {
    background-color: rgba(33, 185, 255,0.1);
    /*background: url(../../images/wsd-bg2.png) center no-repeat;*/
    /*background-size: 100% 100%;*/
}

.mj-item-img {
    max-width: 320px;
    max-height: 320px;
    width: 80%;
    position: absolute;
    z-index: 2;
    left: 0;
    bottom: 0;
}


.mj-itemCon {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
}

.mj-itemCon h4 {
    line-height: 30px;
    font-size: 80px;
    color: #fff;
    font-weight: bold;
    padding: 0 25px;
    text-align: center;
}

.mj-itemCon h4 span {
    color: #3edcff;
    font-size: 24px;
    font-weight: normal;

}

.mj-itemCon p {
    line-height: 1;
    font-size: 210px;
    margin-top: 10px;
    color: #3edcff;
    padding-right: 25px;

    font-weight: bold;
    font-family: DINCond-Bold;
    position: absolute;
    top: 10%;
    width: 100%;
    text-align: center;
}

.mj-itemCon p i {
    font-size: 120px;
    font-family: arial;
    font-weight: normal;
}



.wsd-icon .dz {
    position: absolute;
    top: 40%;
    left: 15%;
    width: 640px;
    height: 640px;
    z-index: 2;
}
.wsd-icon .icn {
    position: absolute;
    top: 38%;
    left: 32%;
    width: 360px;
    height: 360px;
    z-index: 3;
    -webkit-animation: bounce-down 8s linear infinite;
    -moz-animation: bounce-down 8s linear infinite;
    -o-animation: bounce-down 8s linear infinite;
    animation: bounce-down 8s linear infinite;
}
@keyframes bounce-down {
    25% {
        transform: translateY(-50px)
    }
    100%,
    50% {
        transform: translateY(0)
    }

    75% {
        transform: translateY(50px)
    }
}


@media only screen and (max-width:1280px) and (max-height: 800px){
    .i-container {
        min-width: 1045px;
        height: 100%;
        overflow-y: scroll;
    }
    /** 隐藏列表下拉滚动条 **/
    .div-body::-webkit-scrollbar {
        display: none;
    }
    /*IE 10+ ----隐藏滚动条*/
    .div-body {
        -ms-overflow-style: none;
    }
    /*Firefox ----隐藏滚动条*/
    .div-body {
        scrollbar-width: none;
    }


    .pdgxq-group {
        overflow: hidden;
        height: 48px;
        width: 325px;
        margin: 22px 20px 0 20px;
        background-image: url(../../images/jmkt-chuli.png);
        background-size: 100% 100%;
    }
    .jmkt-chuli {
        padding: 0 7px 0 15px;
    }
    .jmkt-yichuli {
        padding: 0 5px 0 37px;
    }
    .pdgxq-group-item {
        width: 120px;
    }
    .lsyg-jkxx-box {
        margin: 25px 4px 20px 4px;
        height: 440px;
        overflow: hidden;
        position: relative;
    }
    .mj-item {
        margin: 5px;
        height: 340px;
        padding: 0px 0px;
    }
    .mj-itemCon p {
        font-size: 60px;
    }
    .mj-itemCon p i {
        font-size: 60px;
    }

    .pdgxq-m1-left {
        height: 650px;
    }
    .pdgxq-m1-right {
        height: 460px;
    }
    .wsd-icon{
       margin-top: 0px;
    }

}