html,body{
    width:100%;
    overflow-x:hidden;
}
body {
    background: #1b0e05;
    font-family: PingFang;
}
a:hover {
    color: #fff;
    text-decoration:none;
}
.head {
    background: #1b0e05;
    color: #fff;
    padding: 20px 0;
    position: fixed;
    width: 100%;
    z-index: 99;
}
img{
    width:100%;
}
.tries{
    line-height:30px;
}
.nav {
    height: 30px;
    line-height: 30px;
    font-size: 1.25rem;
}
.navBar{
    width:100%;
    padding-top:.5rem;
    text-align:right;
}
.navBar li{
    float: left;
    margin-right:3rem;
}
.navBar ul{
    overflow:hidden;
    display:inline-block;
    font-size:1.25rem;
}
.nav-news{
    border-left:1px solid #fff;
    border-right:1px solid #fff;
    padding:0 3rem;
    display:inline-block;
}
.line{
    border-right:1px solid #fff;
}
.xin{
    position:relative;
}
.xin .background{
    margin-bottom:-25%;
}
.section{
    margin-bottom:3.5rem;
    position:relative;
    z-index:1;
}
.title{
    color:#fff;
    font-size:1.75rem;
    margin-bottom:2.75rem;
}
.item{
    position:relative;
    overflow:hidden;
}
.item .text{
    font-size:1.1rem;
    color:#cac6c4;
}
.item .item-img{
    padding:0;
    font-size:0;
    position:absolute;
    height:100%;
    z-index:10;
}
.item-img>div{
    vertical-align:middle;
}
.item-img>img{
    vertical-align:middle;
}
.content {
    padding: 3rem;
    background: #29190e;
}
.item .text p{
    margin-bottom:1rem;
}
.item .text p:last-child{
    margin-bottom:0;
}
.yi{
    position:relative;
}
.yi .background{
    margin-top:-10%;
    margin-bottom:-14%;
}
.yi .world{
    position:relative;
}
.yi .world-sub1{
    position:absolute;
    z-index:1;
    top:15%;
}
.yi .world-sub2{
    background:#29190e;
    padding:5%;
}
.yi .connect {
    position: absolute;
    top: 20%;
    right: 5%;
    height: 60%;
}
.connect img{
    height:100%;
}
.zhi .title {
    margin-bottom: 0;
    font-size: 1.75rem;
    border-right: 2px solid #fff;
}
.zhi .section {
    background: #29190e;
    padding: 1.5rem 5rem;
}
.zhi .background{
    margin-top:-16%;
    margin-bottom:-13%;
}
.history {
    margin-left:12.5%;
    background: #29190e;
    padding: 2rem;
    position:relative;
}
.history>.row{
    background:url('../../Images/company/line.png')no-repeat center;
    background-size:contain;
}
.history .background{
    width:20px;
    margin:auto;
}
.history .event{
    /*position:absolute;*/
    left:12.5%;
    margin:3rem 0;
}
.event-title{
    color:#e8d4b1;
    font-size:2rem;
}
/*.e1{
    top:3%;
}
.e2{
    top:15%;
}
.e3{
    top:27%;
}
.e4{
    top:39%;
}
.e5{
    top:51%;
}
.e6{
    top:63%;
}
.e7{
    top:75%;
}
.e8{
    top:90%;
}*/
.left-img,.left-text{
    text-align:right;
    padding-right:5%;
}
.right-text,.right-img {
    text-align: left;
    padding-left: 5%;
}
.desc{
    font-size:1rem;
    color:#b5a286;
    margin-top:20px;
}
.event img {
    margin-top: 3px;
    width: 70%;
}
.event-item{
    margin-bottom:1.5rem;
}
.date{
    display:inline-block;
    vertical-align:text-bottom;
}
.event-title img{
    height:3rem;
    width:auto;
}
.ship-logo {
    width: 50%;
    margin: 20% 0;
    margin-left: 20%;
}
.vr {
    position: absolute;
    bottom: 0;
    width: 26%;
    left: 29%;
}
.vr360 {
    position: absolute;
    z-index: 5;
    width: 60%;
    left: 20%;
    top: 30%;
}
.ship-center {
    padding-top:5%;
    padding-left:0;
}
.ship-text {
    margin-bottom: 1rem;
    font-size: 1.25rem;
    color: #cac6c4;
}
.li .background {
    margin-top: -20%;
    margin-bottom: -13%;
}
.li .section{
    background:#29190e;
}
.ren .background {
    margin-top: -8%;
    margin-bottom: -24%;
}
/*.news-logo {
    display: inline-block;
    width: 33.33%;
    margin-right: 7%;
}*/
.news-line {
    height: 1px;
    width: 100%;
    background: #736c66;
    position: absolute;
    top: 50%;
}
.news-text {
    background: #fff;
    padding: 1.5rem;
    font-size:1.1rem;
}
#news-wrap{
    position:relative;
}
.news-item {
    position:absolute;
    padding:0;
}
.news-item a{
    color:#000;
}
.news-label {
    font-size: 3rem;
    font-weight: 600;
    display: inline-block;
    width:20%;
    vertical-align: middle;
}
.news-title > strong {
    display: inline-block;
    width: 77%;
    vertical-align: middle;
}
.news-content {
    margin: 1.5rem 0;
}
.news-date{
    color:#ccc;
}
.system{
    width:18%;
    float:left;
    background:rgba(0,0,0,.5);
    position:relative;
}
.system img{
   position:relative;
   z-index:-1;
}
.system:nth-child(2n){
    margin:0 2.5%;
}
.system-text {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    padding: 30% 10%;
    color:#fff;
    font-size:1.1rem;
    z-index:1;
}
.system-icon{
    width:5rem;
}
.system-text .chName{
    margin:1rem 0 .5rem;
}
.recruit .logo{
    text-align:center;
}
.recruit .logo img{
    width:50%;
}
.type{
    color:#e8d4b1;
    text-align:center;
    font-size:2.5rem;
    padding:5rem;
    background:url('../../Images/company/recruit.jpg')no-repeat center;
    margin-top:2rem;
}
.info {
    color: #fff;
    border-top: 1px solid #57514c;
    padding: 3rem 0 2rem;
    border-bottom: 1px solid #57514c;
    margin-top: 2rem;
    font-size: 1rem;
    margin-bottom: 1rem;
    letter-spacing: 1px;
}
.code{
    text-align:center;
}
.copy {
    color: #625d5a;
    text-align: center;
    padding: 1rem;
    font-size: 1rem;
}
.web, .contact {
    border-right: 1px solid #493e37;
    padding-left:25px;
}
.item-img > .video {
    height: 70%;
    position: absolute;
    top: 15%;
}
.video>img{
    height:100%;
    width:auto;
}
.video>img.putian{
    position: absolute;
    right: -35.5%;
    top: 0;
	left:100%;
}
.video + p {
    font-size: 1rem;
    position: absolute;
    bottom: 8%;
    color: #cac6c4;
}
.xin .connect {
    position: absolute;
    right: -45%;
    top: -10%;
    z-index: -1;
    height: 120%;
}
.xin .connect{
    width:auto;
}

.jump, .jump1 {
    cursor: pointer;
    text-align:center;
}
.head .nav>li{
    text-align:center;
}
.head .nav>li>a{
    padding:10px 0;
}
.swiper{
    display:inline-block;
    width:100%;
    position:relative;
}
.background{
    position:relative;
    z-index:-1;
    width:100%;
}
.xin-font {
    position: absolute;
    width: 47%;
    left: 24%;
    top: 14%;
    z-index: 10;
}
.yi-font {
    position: absolute;
    width: 35%;
    left: 5%;
    top: 17%;
    z-index: 10;
}
.yi .item-img .video {
    position: unset;
    display: inline-block;
    height: auto;
}
.slogan {
    letter-spacing: 5px;
    font-size: 4rem;
    color: #503b2b;
    -webkit-transition: all 2s ease;
    transition: all 2s ease;
    font-family: 'Tiempo Bold';
}
.ren .select {
    position: absolute;
    width: 100%;
    top: 14%;
    color: #fff;
}
.ren .select>div{
    margin-bottom:1rem;
}
.shoppe{
    font-size:0;
}
.shoppe>p{
    display:inline-block;
    font-size:1rem;
}
    .shoppe .city {
        padding: .5rem;
        background: #fff;
        color: #000;
        text-align:left;
    }
.shoppe .map {
    background: #000;
    padding: 3px 10px;
}
.shoppe .map>span{
        font-size: 1.25rem;
    margin-right: .5rem;
}
    .shoppe .triangle {
        font-size: .5rem;
        padding: .5rem;
        border: 1px solid #fff;
        background: #000;
        vertical-align: top;
       
    }
.triangle.two {
    font-size: 0;
}
.triangle.two >span{
    display:block;
    font-size:.5rem;
    line-height:.7;
    -webkit-transform:scale(.6);
    transform:scale(.6);
}
.type-slogan {
    font-size: 2rem;
    margin-bottom: 1rem;
}
.type-item>div{
    margin-bottom:1rem;
}
.row.nav-bottom {
    margin-top: 7rem;
    font-size: 1.2rem;
    color: #fff;
}

.nav-bottom span {
    display: inline-block;
    width: 100%;
    border-left: 1px solid #fff;
}

.nav-bottom .brand span {
    border-right: 1px solid #fff;
}
.border-right {
    border-right: 1px solid;
}
.letter {
    animation: letter ease 5s;
    animation-fill-mode: forwards;
}
.scale {
    -webkit-transition: all 5s ease;
    transition: all 5s ease;
}
.scale-form {
    -webkit-animation: scale ease 5s;
    animation: scale ease 5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
.xin .slogan {
    text-align: center;
    width: 100%;
}
.engTitle {
    font-family: 'Tiempo Bold';
}
.show-video-img {
    position: relative;
    z-index: 10;
}

.video .video-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 6rem;
    margin-left: -3rem;
    margin-top: -3rem;
    z-index: 20;
}
button:focus{
    outline:none;
}
.video:hover .video-pause-btn{
    opacity:1;
}
.video-pause-btn {
    display: none;
    opacity:0;
}
.service .title{
    font-size:1.5rem;
}
.item-img-right{
    right:0;
}
.zhi-font {
    position: absolute;
    width: 55%;
    right: 12%;
    top: 15%;
    z-index: 10;
}
.li-font {
    position: absolute;
    width: 59%;
    top: 15%;
    z-index: 10;
    left: 5%;
}
.ren-font {
    position: absolute;
    width: 46%;
    right: 9%;
    top: 26%;
    z-index: 10;
}
.show-from-bottom{
    opacity:0;
}
.show-delay-from-bottom {
    opacity: 0;
}
.news {
    margin-bottom: 5rem;
}
.news-more {
    color: #fff;
    padding: 1rem;
    font-size: 1.25rem;
    border: 1px solid #fff;
    cursor:pointer;
}
.font{
    position:absolute;
}
.xin .font {
    top: 16%;
    left: 42%;
    text-align: center;
}
.flower {
    width: 60%;
}
.yi .font {
    top: 32%;
    left: 15%;
}
.yi .flower {
    width: 45%;
}
.zhi .font {
    top: 37%;
    right: 15%;
}
.zhi .flower,.ren .flower,.li .flower{
    width:60%;
}
.ren .font {
    top: 33%;
    right: 14%;
}
.li .font {
    top: 45%;
    left: 22%;
}
.max-width{
    max-width:1920px;
    margin:auto;
}
.swiper-pagination-bullet-active{
    background:#fff;
}
.type-item{
    cursor:not-allowed;
}
.news-picture{
    overflow:hidden;

}
.news-picture>img{
    width:101%;
    margin-left:-0.5%;
    margin-top:-0.5%;
}
.strategy{
    height:100%;
    font-size:0;
}
.strategy>div{
    height:100%;
    width:0;
}
.strategy>*{
    display:inline-block;
    vertical-align:middle;
}
.video-js .vjs-tech{
    position:unset;
    width:auto;
}
@media (min-width:1921px) {
    .xin .background{
        margin-bottom:-26%;
    }
    .yi .background{
        margin-top:-10%;
        margin-bottom:-17%
    }
    .zhi .background{
        margin-top:-19%;
        margin-bottom:-19%;
    }
    .li .background{
        margin-top:-21%;
        margin-bottom:-19%;
    }
    .ren .background{
        margin-top:-16%;
        margin-bottom:-27%;
    }
    .yi .font{
        left:20%;
    }
    .zhi .font {
        right: 20%;
    }
    .ren .font{
        right:19%;
    }
}
@media (max-width:992px) {
    .vr {
        width: 47%;
        right: 1%;
        bottom: 56%;
        left: auto;
    }
    .slogan{
        font-size:2.5rem;
    }
}
@media (min-width: 768px) {
    .col-sm-offset-15 {
        margin-left:12.5%;
    }
    .col-sm-offset-05{
        margin-left:4.166667%;
    }
}
@media(max-width:768px){
    .col-xs-offset-15 {
        margin-left: 12.5%;
    }
    .zhi .section{
        padding:1.5rem 2rem;
    }
    .item .item-img {
        position: relative;
    }
    .xin .show-video{
        width:73.8%;
        height:auto !important;
    }
    .item-img > .video {
        position: relative;
        width: 100%;
        top: 0;
        height: auto;
    }

    .video > img {
        height: auto;
        width: 64%;
    }

        .video > img.putian {
            height:100%;
            width: auto;
        }

    .video + p {
        position: relative;
        bottom: 0;
        margin: .5rem 0;
        padding-left: 2rem;
    }

    .zhi .title {
        border: none;
        margin-bottom: 1rem;
    }

    .right-img {
        text-align: right;
    }

    .left-img {
        text-align: left;
        padding-left: 5%;
        padding-right: 0;
    }
    .slogan{
        font-size:2rem;
    }
}
@keyframes letter{
    0%{
        letter-spacing:-5px;
    }
    100%{
        letter-spacing:5px;
    }
}
@keyframes scale{
    0% {
        -webkit-transform: scale(.7);
        transform: scale(.7);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}