.headline {
    margin: 4vw auto;
}

.headline_up {
    display: flex;
    justify-content: center;
    align-items: center;
}

.headline_up_title {
    font-size: 1.8vw;
    color: #000000;
    font-weight: bold;
}

.headline_up_name {
    font-size: 1.8vw;
    color: #f69200;
    font-weight: bold;
}

.headline_off {
    width: 3vw;
    height: 2px;
    background: #0d5f95;
    margin: 1vw auto 0px auto;
}

.regardingOur {
    background-color: #ffffff;
    box-shadow: 2px 2px 7px #999;
    width: 71%;
    margin: auto;
    display: flex;
    justify-content: space-between;
}

.regardingOur_left {
    width: 45%;
    height: 30vw;
}

.regardingOur_left img {
    width: 100%;
    height: 100%;
}

.regardingOur_right {
    width: 55%;
    height: auto;
    flex-direction: column;
    display: flex;
}

.regardingOur_right_name {
    display: flex;
    font-size: 1.3vw;
    color: #000000;
    font-weight: bold;
    text-align: left;
    margin: 0 5vw;
    flex: 1;
    align-items: center;
}

.regardingOur_right_title {
    font-size: .926vw;
    color: #000000;
    text-indent: 2em;
    line-height: 2em;
    padding: 0 5vw;
    flex: 2;
    display: flex;
    align-items: center;
}

.regardingOur_right_nav {
    display: flex;
    justify-content: space-between;
    padding: 0 2vw;
    flex: 1;
    align-items: center;
}

.input_res_nav {
    width: 20%;
    background: #0d5f95;
    border-radius: 5px;
}

.input_res_nav_a {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 2.5vw;
}

.input_res_nav_img {
    width: 0.8vw;
    height: 0.8vw;
}

.input_res_nav_img img {
    width: 100%;
    height: 100%;
}

.input_res_nav_name {
    font-size: .8vw;
    color: #ffffff;
    margin-left: 0.5vw;
}

.isdn {
    background-color: #ffffff;
    padding: 20px 20px 0 20px;
    width: 69%;
    margin: auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    box-shadow: 2px 2px 7px #999;
}

.isdn_div {
    width: 32%;
    height: 14vw;
    border-bottom: 1px dashed #ddd;
    margin-bottom: 20px;
}

.isdn_div:nth-last-child(-n+3) {
    margin-bottom: 0;
}


.isdn_a {
    display: block;
}

.isdn_img {
    width: 100%;
    height: 12vw;
}

.isdn_img img {
    width: 100%;
    height: 100%;
}

.isdn_title {
    text-align: center;
    color: #000000;
    font-size: 1.2vw;
    font-weight: bold;
    margin-left: 1vw;
    line-height: 2vw;
}

.major {
    background-color: #ffffff;
    padding: 20px 10px;
    width: 70%;
    margin: auto;
    display: flex;
    justify-content: space-evenly;
    box-shadow: 2px 2px 7px #999;
}

.major_left {
    width: 48%;
    height: 25vw;
    background: #0f5e96;
    padding: 1vw;
    box-sizing: border-box;
}

.major_left_img {
    width: 100%;
    height: 16vw;
}

.major_left_img img {
    width: 100%;
    height: 100%;
}

.major_left_coent {
    width: 100%;
    text-align: center;
}

.major_left_coent_div {
    width: 100%;
    margin: 1vw auto;
}

.major_left_coent_title {
    color: #ffffff;
    font-size: 1.5vw;
}

.major_left_coent_x {
    width: 2vw;
    height: 1px;
    background: #ffffff;
    margin: 1vw auto 0px auto;

}

.major_left_coent_wcm {
    color: #ffffff;
    font-size: .9vw;
}

.major_right {
    width: 50%;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

.major_right_coent {
    width: 49%;
    background: #f4f4f4;
    padding: 2vw 1vw;
    box-sizing: border-box;
}

.major_right_title {
    color: #000000;
    font-size: 1.5vw;
    font-weight: bold;
}

.major_right_x {
    width: 3vw;
    height: 1px;
    margin-top: 1vw;
    background: #000000;
}

.major_right_name {
    color: #000000;
    font-size: .9vw;
    margin-top: 1.5vw;
    line-height: 1.5vw;
}

.major_right_coent:nth-child(3), .major_right_coent:nth-child(4) {
    margin-top: 0.5vw;
}

.feat {
    width: 70%;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    background-color: #ffffff;
    padding: 20px 10px;
    justify-content: space-around;
    box-shadow: 2px 2px 7px #999;
}

.feat_cent {
    width: 15%;
    height: 16vh;
    margin: 20px 5px;
}

.feat_img {
    width: 100%;
    height: 4.5vw;
    margin-bottom: 2vh;
}

.feat_img img {
    width: 100%;
    height: 100%;
}

.feat_name {
    width: 100%;
    font-size: .88vw;
    /* font-weight: 700; */
    color: #9b9b9b;
    text-align: center;
}

.metals {
    width: 70%;
    margin: auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    background-color: #ffffff;
    padding: 20px 10px;
    box-shadow: 2px 2px 7px #999;
}

.metals_div {
    width: 49%;
    height: 8vw;
    border: 2px solid #f6f6f6;
    margin: 3vh 0;
}

.metals_a {
    display: flex;
    align-items: center;
    width: 100%;
}

.metals_img {
    width: 25%;
    height: 8vw;
    padding: 2vw;
    box-sizing: border-box;
}

.metals_title {
    width: 75%;
    height: 8vw;
    line-height: 8vw;
    background: #f9f9f9;
    text-align: center;
    color: #000000;
    font-size: 1.2vw;
    font-weight: bold;
}

.newss {
    width: 70%;
    margin: auto;
    background-color: #ffffff;
    padding: 20px 10px;
    box-shadow: 2px 2px 7px #999;
}

.gulong {
    border-top: 1px dotted #c3c3c3 !important;
    border-radius: 0 !important;
    margin-top: 0 !important;
    padding: 0 !important;
}

.gulong:first-child {
    border-top: 0 !important;
}

.fubiaoti {
    text-align: center;
    margin-top: 2vh;
    color: #999999;
    font-size: 1vw;
    /*-webkit-box-reflect: below 1px -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(.5, transparent), to(rgba(3,3,3,.2)));*/
}

.gu_880 .el-carousel__container {
    height: 30vw;
}

.el-carousel__button {
    background-color: #000 !important;
}

.gu_879 .el-carousel__container {
    height: 31vw;
}

.ccoo_img {
    width: 13% !important;
    height: 25px !important;
    margin-left: 10px !important;
}

@media screen and (max-width: 760px) {
    .navss {
        height: 17vh;
        position: unset;
        background-color: #115f97;
    }

    .navss_na {
        display: unset;
    }


    .gps {
        width: 100%;
        margin-top: 1vh;
    }

    .gps_li {
        width: 25%;
        margin: 0;
    }

    .gps_li_a {
        line-height: 4.5vh;
        height: auto;
        font-size: 24px;
    }

    .gps_ul {
        flex-flow: wrap;
        display: flex;
        justify-content: unset;
    }

    .gps_li:hover .gps_ul_1 {
        display: none !important;
    }

    .ccoo {
        display: none;
    }

    .banner_img {
        width: 28%;
        height: auto;
    }

    .banner_img_a {
        height: auto;
    }

    .regardingOur, .isdn, .major, .feat, .newss, .metals {
        width: 100% !important;
    }

    .isdn_div {
        height: 14vh;
    }

    .isdn_img {
        height: 10vh;
    }

    .isdn_title {
        line-height: 4vh;
        font-size: 24px
    }

    .headline_up_title, .headline_up_name {
        font-size: 36px;
    }

    .fubiaoti, .regardingOur_right_name, .major_left_coent_title, .major_right_title {
        font-size: 24px;
    }

    .headline {
        margin: 8vw auto;
    }

    .regardingOur_left {
        height: 50vw;
    }

    .regardingOur_right_title, .major_left_coent_wcm, .major_right_name {
        font-size: 22px;
        line-height: 40px
    }



    .major_left_img {
        height: 24vh;
    }

    .feat_cent {
        height: 0;
    }

    .feat_img img {
        width: 72%;
        height: 100%;
    }

    .feat_img {
        margin-bottom: 10px;
        text-align: center;
    }

    .metals, .newss, .feat, .major, .isdn {
        padding: 20px 0;
    }

    #n5157 .article4_1 .InfoTitle {
        font-size: 20px !important;
    }

    #n5157 .article4_2 .InfoTitle {
        font-size: 18px !important;
    }

    #n5157 .article4_2 .InfoTime {
        font-size: 18px !important;
        width: 136px !important;
    }

    .metals_img img {
        width: 45px;
        height: 45px;
    }

    .metals_img {
        height: 10vw !important;
        text-align: center;
        padding: 10px !important;
    }

    .metals_title {
        font-size: 18px !important;
        text-align: unset;
        height: 4vw;
        background: unset;
        line-height: unset;
    }

    .metals_div {
        margin: 10px 0;
    }

    .metals {
        justify-content: space-evenly;
    }

    .tool_back {
        height: 0 !important;
    }

    .gu_879 .el-carousel__container {
        height: 30vh;
    }

    .gu_880 .el-carousel__container {
        height: 56vw;
    }

    .ccoo_img {
        width: 25px !important;
        height: 25px !important;
    }

    .regardingOur{
        height: 35vh;
        display: block;
    }

    .regardingOur_left{
        display: none;
    }

    .regardingOur_right{
        height: 35vh;
        width: 100%;
    }

    .input_res_nav_a{
        line-height: 7vw;
    }
    .input_res_nav_name{
        font-size: 24px;
    }

    .input_res_nav{
        width: 23%;
    }

    .input_res_nav_img {
        width: 2.8vw;
        height: 2.8vw;
    }

    .major{
        flex-flow: column;
    }

    .major_left{
        width: 100%;
        height: 33vh;
    }

    .major_right{
        width: 100%;
    }

    .major_left .el-carousel__container{
        height: 30vh !important;
    }

    .feat_name{
        font-size: 20px;
    }

}