@import url('./reset.css');
#content {
    width: 100%;
    /* height: 5000px; */
    overflow: hidden;
}
#content > .ceo {
    width: 100%;
    height: auto;
    margin: 0 auto;
    margin-top: 100px;
    background: #fff;
}
#content > .ceo img {
    width: 100%;
    display: block;
}
#content > .ceo > .mobile {
    display: none;
}
#content > div > .button {
    position: relative;
    width: 80%;
    height: auto;
    /* width: 1200px; */
    margin: 0 auto;
    /* top: 3814px; */
    /* left: 20%; */
    /* z-index: 999; */
}
#content > .company {
    width: 100%;
    height: auto;
}
#content > .company img {
    width: 100%;
    display: block;
}
#road {
    overflow: hidden;
}
#road > .map {
    width: 1200px;
    height: 600px !important;
    margin: 0 auto;
    background: #999;
    margin-top: 30px;
}
#road > .title {
    width: 80%;
    margin: 0 auto;
    margin-top: 130px;
    font-size: 40px;
    color: #8c6239;
}

.info {
    width: 100%;
    height: auto;
    margin: 0 auto;
    margin-top: 50px;
}
.info > div {
    width: 100%;
    height: 1px;
    background: #8c6239;
}

.link {
    width: 60px;
    height: 60px;
    background: #fff;
    position: fixed;
    right: 100px;
    bottom: 50px;
    border-radius: 50px;
    text-align: center;
    display: none;
    cursor: pointer;
    box-shadow: 2px 1px 5px 1px grey;
 }
 .link > .top {
    line-height: 60px;
    color: #000;
    font-weight: bold;
}

#management > .info {
    width: 100%;
    height: auto;
    background: #666;
}
#management > .info img {
    width: 100%;
    display: block;
}
#bi-ci {
    width: 100%;
    height: 1400px;
}
#bi-ci > h1 {
    margin: 0 auto;
    width: 150px;
    text-align: center;
    margin-top: 130px;
    font-size: 40px;
    padding: 10px;
    background: #ee7700;
    color: #fff;
}
#bi-ci > .ci {
    width: 1200px;
    margin: 0 auto;
    margin-top: 200px;
    overflow: hidden;
    border-bottom: 1px solid rgb(218, 218, 218);
}
#bi-ci > .ci > .left {
    float: left;
    width: 160px;
    height: 600px;
    margin-right: 50px;
}
#bi-ci > .ci > .right {
    width: 1040px;
}
#bi-ci > .ci > .right > p {
    line-height: 30px;
}
#bi-ci > .ci > .right > p .top {
    font-weight: bold;
    color: #444;
    font-size: 18px;
}
#bi-ci > .ci > .right > p .bottom {
    color: #666;
    font-size: 15.5px;
    font-weight: bold;
}
#bi-ci > .ci > .img {
    text-align: center;
    width: 850px;
    height: 300px;
    margin-left: 50px;
    margin: 0 auto;
    border: 1px solid #666;
    margin-left: 200px;
    margin-top: 20px;
    /* background: #000; */
}
#bi-ci > .ci > .img img {
    width: 300px;
    margin-top: 25px;
}
#bi-ci > .bi {
    width: 1200px;
    margin: 0 auto;
    margin-top: 50px;
    overflow: hidden;
}
#bi-ci > .bi > .left {
    float: left;
    width: 160px;
    height: 600px;
    margin-right: 50px;
}
#bi-ci > .bi > .right {
    width: 1040px;
}
#bi-ci > .bi > .right > p {
    line-height: 30px;
}
#bi-ci > .bi > .right > p .top {
    font-weight: bold;
    color: #444;
    font-size: 18px;
}
#bi-ci > .bi > .right > p .bottom {
    color: #666;
    font-size: 15.5px;
    font-weight: bold;
}
#bi-ci > .bi > .img {
    text-align: center;
    width: 850px;
    height: 300px;
    margin-left: 50px;
    margin: 0 auto;
    border: 1px solid #666;
    margin-left: 200px;
    margin-top: 20px;
    /* background: #000; */
}
#bi-ci > .bi > .img img {
    width: 300px;
    margin-top: 25px;
}