.banner {
    position: relative;
    width: 100%;
    height: 600px;
    background: url(../images/11.jpg) no-repeat center;
    background-size: cover;
}
.banner .abt {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: #fff;
    font-size: 48px;
}
.bigbox .main {
    width: 1160px;
    margin: 0 auto;
    padding: 0 20px;
    padding-bottom: 90px;
}
.bigbox .main .mbx {
    padding: 50px 0 2.6075vw;
    color: #fff;
    font-size: 14px;
}
.bigbox .main .mbx a {
    color: #fff;
}
.bigbox .main .conbox {
    position: relative;
    width: 100%;
    height: 523px;
    background: #2b2b2b;
}
.bigbox .main .conbox:nth-of-type(n+3) {
    margin-top: 125px;
}
.bigbox .main .conbox .line {
    float: left;
    position: absolute;
    top: 50%;
    left: 29.75%;
    transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    width: 5px;
    height: 80%;
    background: url(../images/xgray_line01.png);
}
.bigbox .main .conbox .left {
    float: left;
    width: 29.75%;
    height: 100%;
    text-align: center;
    line-height: 523px;
}
.bigbox .main .conbox .left img {
    width: 203px;
    vertical-align: middle;
}
.bigbox .main .conbox .right {
    float: left;
    position: absolute;
    top: 50%;
    left: 36.034%;
    transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    width: 544px;
}
.bigbox .main .conbox .right h2 {
    color: #faaa10;
    font-size: 25px;
}
.bigbox .main .conbox .right p {
    color: #fff;
    font-size: 14px;
    line-height: 200%;
}
@media screen and (max-width: 1199px) {
    .bigbox .main {
        width: 95%;
        margin: 0 auto;
        padding: 0;
        padding-bottom: 90px;
    }
}
@media screen and (max-width: 991px) {
    .bigbox .main .conbox .left img {
        width: 72.5%;
    }
    .bigbox .main .conbox .right {
        width: auto;
        left: 34%;
    }
}
@media screen and (max-width: 767px) {
    .banner {
        height: 350px;
        margin-top: 76px;
    }
    .banner .abt {
        font-size: 30px;
    }
    .bigbox .main {
        width: 90%;
    }
    .bigbox .main .mbx {
        padding: 5.2083vw 0;
    }
    .bigbox .main .conbox {
        height: auto;
        padding-bottom: 6.5189vw;
    }
    .bigbox .main .conbox:nth-of-type(n+3) {
        margin-top: 16vw;
    }
    .bigbox .main .conbox {
        box-sizing: border-box;
        padding-left: 10px;
        padding-right: 10px;
    }
    .bigbox .main .conbox .line {
       display: none;
    }
    .bigbox .main .conbox .right,
    .bigbox .main .conbox .left {
        float: none;
        width: 100%;
    }
    .bigbox .main .conbox .left {
        height: auto;
        line-height: 0;
        padding: 5.3333vw 0;
    }
    .bigbox .main .conbox .left img {
        width: 40.5%;
    }
    .bigbox .main .conbox .right {
        position: static;
        transform: translate(0);
        -o-transform: translate(0);
        -ms-transform: translate(0);
        -moz-transform: translate(0);
        -webkit-transform: translate(0);
        box-sizing: border-box;
        padding: 0 1.3333vw;
    }
    .bigbox .main .conbox .right h2 {
        font-size: 22px;
    }
}