body {
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    font-size: 14px;
}
div.cont1680 {
    width: 100%;
    max-width: 1680px;
    margin: 0 auto;
    overflow: hidden;
    background-color: #fff;
}
img.bg {
    width: 100%;
    max-width: 1680px;
    animation:
        fadeIn 0.2s 0s,
        opacity0 0s 0s;
    -webkit-animation:
        fadeIn 0.2s 0s,
        opacity0 0s 0s;
}
.PC {
    display: block;
}
.MB {
    display: none;
}
div.part1 {
    position: relative;
}
div.part1 img.title1.wow {
    position: absolute;
    left: 21.130952381%;
    top: 16.3516068053%;
    width: 22.3214285714%;
    max-width: 375px;
    animation:
        fadeInRight 1s 0s,
        opacity0 0s 0s;
    -webkit-animation:
        fadeInRight 1s 0s,
        opacity0 0s 0s;
}
div.part1 img.title2.wow {
    position: absolute;
    left: 32.8571428571%;
    top: 31.0018903592%;
    width: 22.0833333333%;
    max-width: 371px;
    animation:
        fadeInRight 1s 0.1s,
        opacity0 0.1s 0s;
    -webkit-animation:
        fadeInRight 1s 0.1s,
        opacity0 0.1s 0s;
}
div.part1 img.title3.wow {
    position: absolute;
    left: 54.9404761905%;
    top: 19.1871455577%;
    width: 24.5238095238%;
    max-width: 412px;
    animation:
        fadeInRight 1s 0.2s,
        opacity0 0.2s 0s;
    -webkit-animation:
        fadeInRight 1s 0.2s,
        opacity0 0.2s 0s;
}
div.part1 img.onmt2.wow {
    position: absolute;
    left: 9.5833333333%;
    top: 5.95463138%;
    width: 8.6904761905%;
    max-width: 146px;
    animation:
        fadeInLeft 1s 0.2s,
        opacity0 0.2s 0s;
    -webkit-animation:
        fadeInLeft 1s 0.2s,
        opacity0 0.2s 0s;
}
div.part1 img.onmt1.wow {
    position: absolute;
    left: 15.2976190476%;
    top: 11.8147448015%;
    width: 5.5952380952%;
    max-width: 94px;
    animation:
        fadeInLeft 1s 0.1s,
        opacity0 0.1s 0s;
    -webkit-animation:
        fadeInLeft 1s 0.1s,
        opacity0 0.1s 0s;
}
.ping {
    animation: ping 0.8s ease-in-out infinite both;
}
div.part2 {
    position: relative;
    background: url(http://www.sinopecnews.com.cn/zhuanti/pic/zt2403_part2_onmt.png);
    background-position: 50% -10%;
    background-size: 100%;
    background-repeat: repeat-y;
    width: 100%;
}
div.part2 div.display {
    position: relative;
}
div.part2 div.display div.wrapper {
    width: 80%;
    display: block;
    padding: 10%;
    margin-left: auto;
    margin-right: auto;
}
div.part2 div.display div.wrapper img.cont1 {
    width: 100%;
    display: block;
    box-shadow: 1px 1px 16px 7px #878787;
}
div.part2 div.display img.click.wow {
    position: absolute;
    left: 74.69048%;
    top: 64.55507%;
    width: 9.28571%;
    max-width: 156px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    animation:
        heartbeat 1.8s ease-in-out infinite both,
        fadeInRight 1.4s 0s;
    -webkit-animation:
        heartbeat 1.8s ease-in-out infinite both,
        fadeInRight 1.4s 0s;
}
div.part2 div.displayrack.wow {
    animation:
        fadeIn 1s 0.3s,
        opacity0 0.3s 0s;
    -webkit-animation:
        fadeIn 1s 0.3s,
        opacity0 0.3s 0s;
}
/* 一行三个 */
div.part2 div.displayrack.wow div.wrapper {
    width: 94%;
    display: block;
    padding-bottom: 10%;
    margin-left: auto;
    margin-right: auto;
}
div.part2 div.displayrack.wow div.wrapper img {
    float: left;
    width: 31%;
    height: auto;
    margin-right: 3%;
    margin-top: 30px;
    background-color: #fff;
    transition: all 0.3s;
    box-shadow: 1px 1px 1px 1px #810000;
}
div.part2 div.displayrack.wow div.wrapper a:nth-child(3n) img {
    margin-right: 0;
}

/* 一行两个 */
div.part2 div.displayrack.wow div.wrapper2 {
    width: 94%;
    display: block;
    padding-bottom: 10%;
    margin-left: auto;
    margin-right: auto;
}
div.part2 div.displayrack.wow div.wrapper2 img {
    float: left;
    width: 48%;
    height: auto;
    margin-right: 4%;
    margin-top: 30px;
    background-color: #fff;
    transition: all 0.3s;
    box-shadow: 1px 1px 1px 1px #810000;
}
div.part2 div.displayrack.wow div.wrapper2 a:nth-child(2n) img {
    margin-right: 0;
}

div.part3 {
    position: relative;
    margin-top: -3%;
}
div.part3 img.btmonmt.wow {
    position: absolute;
    left: 0%;
    top: -14.7727272727%;
    width: 19.7023809524%;
    max-width: 331px;
    animation:
        fadeInLeft 1.2s 0s,
        opacity0 0s 0s;
    -webkit-animation:
        fadeInLeft 1.2s 0s,
        opacity0 0s 0s;
}
div.part3 img.editor.wow {
    position: absolute;
    left: 53.3928571429%;
    top: 27.5568181818%;
    width: 44.1666666667%;
    max-width: 742px;
    animation:
        fadeInRight 1.2s 0s,
        opacity0 0s 0s;
    -webkit-animation:
        fadeInRight 1.2s 0s,
        opacity0 0s 0s;
}
@media screen and (max-width: 765px) {
    .PC {
        display: none;
    }
    .MB {
        display: block;
    }

    div.part2 div.display div.wrapper {
        padding-bottom: 30px;
    }

    div.part2 div.displayrack.wow div.wrapper2 {
        width: 80%;
        display: block;
        padding-top: 0%;
        margin-left: auto;
        margin-right: auto;
    }
    div.part2 div.displayrack.wow div.wrapper2 img {
        float: left;
        width: 100%;
        height: auto;
        margin-right: 0%;
        margin-top: 30px;
        background-color: #fff;
        transition: all 0.3s;
        box-shadow: 1px 1px 1px 1px #810000;
    }
    div.part2 div.displayrack.wow div.wrapper2 a:nth-child(2n) img {
        margin-right: 0;
    }
}
.hvr-grow {
    display: inline-block;
    vertical-align: middle;
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    transition-duration: 0.5s;
    transition-property: transform;
}
.hvr-grow:hover,
.hvr-grow:focus,
.hvr-grow:active {
    transform: scale(1.03);
}
@keyframes opacity0 {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}
@keyframes rotatefade {
    0% {
        opacity: 0;
        transform: rotate(-200deg);
    }
    50% {
        opacity: 1;
        transform: translateZ(0);
    }
    70% {
        opacity: 1;
        transform: translateZ(0);
    }
    100% {
        opacity: 0;
        transform: rotate(-200deg);
    }
}
@keyframes shake-vertical {
    0%,
    100% {
        transform: translateY(0);
    }
    10%,
    30%,
    50%,
    70% {
        transform: translateY(-8px);
    }
    20%,
    40%,
    60% {
        transform: translateY(8px);
    }
    80% {
        transform: translateY(6.4px);
    }
    90% {
        transform: translateY(-6.4px);
    }
}
@keyframes heartbeat {
    from {
        transform: scale(1);
        transform-origin: center center;
        animation-timing-function: ease-out;
    }
    20% {
        transform: scale(0.91);
        animation-timing-function: ease-in;
    }
    34% {
        transform: scale(0.98);
        animation-timing-function: ease-out;
    }
    66% {
        transform: scale(0.87);
        animation-timing-function: ease-in;
    }
    96% {
        transform: scale(1);
        animation-timing-function: ease-out;
    }
}
.full-screen,
.full-screen body {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
div.wrap-video {
    position: relative;
    margin-left: auto;
    margin-top: 0px;
    margin-right: auto;
    width: 100%;
    height: auto;
}
div.wrap-video div#cover {
    position: relative;
    overflow: hidden;
    background: url() no-repeat center;
    z-index: 100;
}
div.wrap-video div#cover video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    background: url() no-repeat center bottom;
}
div.wrap-video img.ks.abs {
    position: absolute;
    left: 50%;
    margin-left: -40px;
    bottom: 8vw;
    cursor: pointer;
    z-index: 999;
}