* {
    margin: 0;
    padding: 0;
}

::-webkit-scrollbar {
    width: 0px;
    height: 0px;
    background-color: #f5f5f5;
}

.video {
    text-align: center;
    height: calc(100vh - 4px);
    overflow: hidden;
}

video {
    width: 100%;
    height: calc(100vh - 4px);
    position: relative;
}

.video .player{
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    width:80px;
    height:80px;
    cursor:pointer;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 2;
}

.video .player:hover .unsound {
    display: none;
}

.video .player:hover .sound {
    display: block;
}

.video .unsound{
     background-image:url("../img/phone/close.png");
}

.video .sound{
     display:none;
     background-image:url("../img/phone/open.png");
}

.guide {
    background-image: url('../img/背景.jpg');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin:0 auto;
    overflow-x: auto;
    min-height: 100vh;
}

.guide::after {
    content: "";
    display: block;
    height: 100%;
}

.guide .title {
    padding: 100px 0;
    text-align: center;
}

.guide .content {
    width: 900px;
    margin: 0 auto;
}

.guide .content img {
    cursor: pointer;
}

.guide .content>div {
    height: 100px;
    position: relative;
}

.guide .content .one {
    margin-top: 10px;
}

.guide .content .one .center {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -72px;
}

.guide .content .one .right {
    position: absolute;
    right: 100px;
    top: -35px;
}

.guide .content .one .another_right {
    position: absolute;
    right: -180px;
}
/* 鲍斯特 */
.guide .content .one .another_right .por1 {
    position: relative;
    top: -15px;
    right: -24px;
}

.guide .content .one .right img {
    transform: skewX(-10deg);
}
/* 北京滨松光子 */
.guide .content .one .right .por1 {
    position: relative;
    top: -15px;
    right: -24px;
}

.guide .content .two .left {
    position: absolute;
    left: 10px;
    top: -160px;
}
/* 三菱自动化 */
.guide .content .two .left .por2 {
    position: relative;
    left: -60px;
    top: 15px;
}
/* 山特维克 */
.guide .content .two .left .por3 {
    position: relative;
    left: -118px;
    top: 35px;
}

.guide .content .two .right {
    position: absolute;
    right: 135px;
    top: -50px;
}

.guide .content .two .right img {
    transform: skewX(-10deg);
}
/* 施罗德 */
.guide .content .two .right .por1 {
    position: relative;
    top: -29px;
    right: -55px;
}
/* 智华兴科技 */
.guide .content .two .right .por2 {
    position: relative;
    top: -15px;
    right: -25px;
}

.guide .content .two .another_right {
    position: absolute;
    right: -170px;
    top: -15px;
}

.guide .content .three .left {
    position: absolute;
    left: -100px;
    top: -167px;
}

/* 中国航发 */
.guide .content .three .left .por2 {
    position: relative;
    left: -55px;
    top: 15px;
}

.guide .content .three .another_right {
    position: absolute;
    left: 90px;
    top: -103px;
}

.guide .content .three .another_right .por8 {
    position: relative;
    top: -23px;
    left: 59px;
}

.guide .content .three .right {
    position: absolute;
    right: -15px;
    top: -10px;
}

.guide .content .three .right img {
    transform: skewX(-10deg);
}

/* 巨歌电子 */
.guide .content .three .right .por6 {
    position: relative;
    right: -10px;
    top: -14px;
}
/* 泰豪科技 */
.guide .content .three .right .por5 {
    position: relative;
    right: -23px;
    top: -28px;
}
/* 欧姆龙自动化 */
.guide .content .three .right .por4 {
    position: relative;
    right: -45px;
    top: -42px;
}
/* 惠斯安普 */
.guide .content .three .right .por3 {
    position: relative;
    right: -77px;
    top: -56px;
}

.guide .content .four .center {
    position: absolute;
    left: 45px;
    top: -145px;
}

/* 东方航空 */
.guide .content .four .center .por1 {
    position: relative;
    right: 53px;
    top: 20px;
}

/* 奥凯航空 */
.guide .content .four .center .por2 {
    position: relative;
    right: 95px;
    top: 36px;
}

.guide .content .four .right {
    position: absolute;
    right: 30px;
    top: 10px;
}

.guide .content .four .right img {
    transform: skewX(-10deg);
}

/* 新奥动力 */
.guide .content .four .right .por6 {
    position: relative;
    top: -15px;
    right: -11px;
}

/* 欧克新科技 */
.guide .content .four .right .por5 {
    position: relative;
    top: -30px;
    right: -27px;
}

/* 埃意电子 */
.guide .content .four .right .por4 {
    position: relative;
    top: -45px;
    right: -52px;
}

/* 威卢克斯 */
.guide .content .four .right .por3 {
    position: relative;
    top: -58px;
    right: -78px;
}

.guide .content .five .center {
    position: absolute;
    left: -140px;
    top: -165px;
}

/* 京东方 */
.guide .content .five .center .por1 {
    position: relative;
    top: 17px;
    left: -54px;
}
/* 法国施耐德 */
.guide .content .five .center .por2 {
    position: relative;
    top: 35px;
    left: -113px;
}

.guide .content .five .right {
    position: absolute;
    right: 55px;
    top: 20px;
}

.guide .content .five .right img {
    transform: skewX(-10deg);
}
/* 好丽友 */
.guide .content .five .right .por2 {
    position: relative;
    right: 15px;
    top: -36px;
}
/* 沈阳新松 */
.guide .content .five .right .por3 {
    position: relative;
    right: 10px;
    top: -20px;
}

.guide .content .six {
    width: 150px;
    position: relative;
    top: -120px;
    left: -40px;
}