.ibanner,.proImg,.history {
    margin-bottom: 20px;
}
/*banner*/
.ibanner {
    width: 100%;
    height: 800px;
    cursor: pointer;
}
.ibanner .center,.proImg .center {
    position: relative;
    height: 100%;
}
.ibanner .position {
    color: #BE8365;
    position:  absolute;
    right: 125px;
    top: 63px;
}
.ibanner .position span,.proImg .position>span,.history .position>span {
    font-size: 20px;
}
.ibanner .position p.t,.history .position p.t {
    font-size: 60px;
    font-weight:  bold;
    line-height: 72px;
    margin-bottom: 18px;
}
.ibanner .position p.a {
    text-align: right;
}
.ibanner .position a,.proImg .position a {
    color: #BE8365;
    border: 1px solid #BE8365;
    padding: 3px 11px;
    font-size: 14px;
}
.ibanner .position a:hover,.proImg .position a:hover {
    text-decoration: underline;
}

.video {
    margin-bottom: 20px;
}
.video p#video_play_0 {
    width: 100% !important;
}

.proImg {
    width: 100%;
    height: 700px;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}
.proImg .position {
    position:  absolute;
}
.proImg .position p.t,.history .position p.t {
    font-size: 50px;
    font-weight:  bold;
    line-height: 36px;
    margin: 12px 0 16px 0;
}
.proImg .position p.t>span, .history .position p.t>span {
    font-size: 20px;
    display:  block;
}
.proImg1 {
    background-color: #FF7C62;
}
.proImg1 .position {
    left:  240px;
    top: 85px;
}
.proImg1,.proImg1 .position a {
    color: #fff;
    border-color: #fff;
}
.proImg2 {
    background-color:#5A5D79
}
.proImg2 .position {
    right: 210px;
    top: 66px;
}
.proImg2,.proImg2 .position a {
    color: #E1C1B2;
    border-color: #E1C1B2;
}

.product2 {
    margin: 0 10px;
}
.product2 .proImg {
    width: 50%;
    box-sizing:  border-box;
    -moz-box-sizing: border-box;
    border-left: 10px solid #fff !important;
    border-right: 10px solid #fff !important;
    position: relative;
    cursor: default;
}
.product2 .proImg .box {
    cursor: pointer;
    width: 100%;
    height: 100%;
}
.product2 .proImg .position p.t {
    font-size: 40px;
    line-height: 31px;
    margin-top: 18px;
}
.product2 .proImg01 {
    background-color: #3F4B7E;
    color: #F0D3B8;
}
.product2 .proImg01 .position {
    top: 140px;
    left: 19%;
}
.product2 .proImg02 {
    background-color: #272D38;
    color: #BFCFDA;
}
.product2 .proImg02 .position {
    top: 140px;
    left: 19%;
}
.product2 .proImg03 {
    background-color: #F2F0F8;
    color: #B0A3B9;
}
.product2 .proImg03 .position {
    top: 140px;
    left: 19%;
}
.product2 .proImg032 {
    background-color: #F2E7E6;
    color: #B59693;
}
.product2 .proImg032 .position {
    top: 140px;
    left: 19%;
}
.product1 .proImg, .product2 .proImg {
    background-position: 50% 75%;
}

.history {
    height: 693px;
    background: url("../images/history.jpg") center no-repeat;
    position: relative;
    cursor: pointer;
    margin: 0 20px 20px 20px;
}
.history .position {
    position: absolute;
    color: #2D553F;
    left:  50%;
    margin-left: -100px;
    top: 135px;
}
.history .positionB {
    height: 100%;
    background-repeat:  no-repeat;
    background-position: 45% 76%;
}
.history .position p.t {
    margin: 16px 0;
}

.video video {
    width: 100%;
    height: 100%;
    /*object-fit: fill;*/
}
/*.video video::-webkit-media-controls {
  display:none !important;
}*/
.video embed#ckplayer_video_play_0 {
    height: 55.8vw;
        width: 100%;
}