*{
    max-width: 100%;
}
.header-bream {
    width: 26px;
    height: 24px;
    position: relative;
    padding-top: 11px;
    cursor: pointer;
    margin-left: 20px;
    display: none;
}

.header-bream span {
    display: block;
    height: 2px;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    background-color: rgb(1, 64, 153);
    border-radius: 2px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.header-bream::before,
.header-bream:after {
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    height: 2px;
    background-color: rgb(1, 64, 153);
    border-radius: 2px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.header-bream::before {
    top: 2px;
}

.header-bream::after {
    bottom: 2px;
}

.header-bream.on span {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

.header-bream.on::before {
    top: 11px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.header-bream.on::after {
    bottom: 11px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.flatmenu{
    display: block;
    width: auto;
}
@media screen and (min-width:1200px) {
    .nav-list{
        display: none !important;
    }
}

@media screen and (max-width:1199px) {
    body{
        padding-top: 65px;
    }
    body.on{
        overflow: hidden;
    }
    *{
        box-sizing: border-box;
    }
    .index_top .top_center{
        width: 100%;
        min-width: inherit;
        max-width: 100%;
        padding-left: 3.125%;
        padding-right: 3.125%;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        align-items: center;
    }
    .top_center .top_left{ width: 47.79%; }
    .top_center .top_right{ width: 30%; }

    .bottom_nav,
    .bottom_nav_box,
    .footer{
        width: 100%;
        min-width: inherit;
        max-width: 100%;
    }
    .index_top{
        position: fixed;
        left: 0;
        top: 0;
        right: 0;
        z-index: 100;
        height: 65px;
        background: #fff;
        box-shadow: 0 5px 10px rgba(0,0,0,.1);
    }
    .logo{
        padding-top: 0;
    }
    .logo a{
        display: inline-block;
    }
    .logo img{
        max-height: 35px;
    }
    .index_top .top_center{
        height: 65px;
        align-items: center;
        padding-top: 9px;
    }
    .top_center .top_left{
        height: auto;
    }
    .top_center .top_right{
        width: auto;
        height: auto;
        margin-top: 0;
    }
    .top_right_corner{
        display: flex;
        align-items: center;
    }
    .header-bream{
        display: block;
    }
    .top_center .navnew{
        margin-top: 0;
        height: 0;
    }
    .menu-main{
        position: absolute;
        right: 120px;
        top: 15px;
        height: auto;
        padding: 0;
        border: 1px solid #e5e5e5;
        background: none;
    }
    .flatmenu{
        display: none !important;
    }
    .menu-main .search{
        margin: 0;
        width: 200px;
        display: none;
    }
    .nav-list{
        position: fixed;
        left: 0;
        top: 65px;
        right: 0;
        bottom: 0;
        padding: 15px;
        z-index: 100;
        overflow: auto;
        background-color: #fff;
        border-top: 1px solid #e5e5e5;
        /* display: none; */
        visibility: hidden;
        opacity: 0;
        box-sizing: border-box;
    }
    .nav-list.on{
        visibility: visible;
        opacity: 1;
    }
    .nav-list ul,
    .nav-list ul *{
        list-style: none;
        text-decoration: none;
        line-height: 1.4;
        padding: 5px 10px;
    }
    .nav-list .search{
        float: none;
        width: 100%;
        margin: 0;
        height: 38px;
        display: flex;
        justify-content: space-between;
        border: 1px solid #e5e5e5;
        box-sizing: border-box;
    }
    .nav-list .search *{
        box-sizing: border-box;
    }
    .nav-list .search form{
        display: flex;
        justify-content: space-between;
    }
    .search .inputtext{
        width: calc(100% - 36px);
        float: none;
        height: 36px;
    }
    .search .search_button{
        float: none;
        width: 36px;
        height: 36px;
        background-size: cover;
    }
    .nav-list ul{
        margin-top: 10px;
    }
    .nav-list li{
        width: 100%;
        height: auto;
        /* padding-left: 15px;
        padding-right: 15px; */
        display: block;
    }
    .nav-list a{
        color: #333;
    }
    .nav-list ul{
        padding-left: 0;
    }


    div.slideshow{
        width: 67.8%;
    }
    div.articles{
        width: 32.2%;
    }
    div.article-list-text{
        width: calc(100% - 75px);
    }

    #top-module,
    .center_module,
    .center_module_list,
    .bottom_nav_box,
    .footer,
    .service_main_box,
    .n_content_right_m{
        width: 100%;
        padding-left: 3.125%;
        padding-right: 3.125%;
    }
    ul.article-list li{
        height: 100px;
    }
    .center_module_list{
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .center_module_list .item{
        width: 32%;
        margin: 0;
        margin-left: 1.33%;
    }
    .center_module_list .item:first-child{
        margin-left: 0;
    }
    .center_module_list .item .info,
    .center_module_list .item:nth-child(2) .info{
        right: 15px;
        top: 50%;
        transform: translateY(-50%);
    }
    .center_module_list .item .info .h1,
    .center_module_list .item .info .h2{
        display: block;
        height: auto;
    }

    .bottom_nav{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        min-height: inherit;
        padding: 30px 0;
    }
    .bottom_nav div:last-child{
        display: none;
    }
    .bottom_nav .left_one{
        display: none;
    }
    .bottom_nav .left_six{
        width: auto;
    }
    .bottom_nav .left_six h3,
    .bottom_nav .left_seven h3{
        height: auto;
        line-height: 1;
    }
    .bottom_nav .left_six img{
        margin: 0;
    }
    .bottom_nav .left_seven{
        width: auto;
    }

    .footer{
        height: auto;
    }
    .footer .foot .foot_nav{
        text-align: center;
        height: auto;
    }
    .footer .foot .foot_nav span{
        display: block;
    }
    .footer .foot .foot_nav a{
        display: inline-block;
    }

    /* 产品与服务 */
    .service_main_box .service_crumbs{
        height: auto;
        line-height: 22px;
        padding: 8px 0;
    }
    .service_main_box .service_oil_main .service_oil_main_center{
        width:  calc(100% - 220px - 20%);
    }
    .service_main_box .service_oil_main .service_oil_main_right{
        width: 20%;
    }
    .service_oil_main_right_top a{
        display: block;
    }
    .service_oil_main_right_top img{
        width: 100%;
        height: auto;
    }

    /* 关于我们 */
    .service_main_box .service_oil_main .list_about_layer{
        width:  calc(100% - 220px);
    }
    .service_main_box .service_oil_main .list_about_layer .service_oil_main_center_list,
    .service_main_box .service_oil_main .list_about_layer .layer_list{
        width: 100%;
        max-width: 100%;
        margin: 0;
        padding: 15px 25px;
    }
    .service_main_box .service_oil_main .list_about_layer .layer_list{
        padding-top: 0;
    }

    /* 新闻中心 */
    .top_search{
        height: auto;
    }
    .news_list{
        width: 100%;
    }
    .news_list tr.results-row-header td, .news tr.results-row-header td{
        width: calc(100% - 110px) !important;
        line-height: 40px;
    }
    .news_list tr.results-row-header td:first-child, .news tr.results-row-header td:first-child{
        width: 110px !important;
        line-height: 26px;
    }

}

@media (min-width:991px) and (max-width:1199px) {
    
}

@media screen and (max-width:991px) {
    .center_module{
        height: auto;
        padding: 50px;
    }
    .center_module .company_desc{
        position: static;
        width: 100%;
        height: auto;
    }
    .center_module .company_desc a.button{
        position: static;
        margin-left: auto;
    }
}

@media (min-width:767px) and (max-width:991px) {}

@media screen and (max-width:767px) {
    #top-module{
        height: auto;
    }
    div.slideshow,
    div.articles{
        width: 100%;
    }
    .center_module{
        padding: 30px 15px;
    }
    .center_module_list .item{
        width: 100%;
        margin: 10px 0 0;
    }
    .center_module_list .item:first-child{
        margin-top: 0;
    }
    .footer .foot .foot_nav a{
        display: block;
    }

    .service_main_box .service_oil_main .service_oil_main_left{
        width: 100%;
        min-height: inherit;
    }
    .service_main_box .service_oil_main .list_about_layer .service_oil_main_center_list, 
    .service_main_box .service_oil_main .list_about_layer .layer_list{
        margin: 0;
        padding: 0;
    }
    .service_main_box .service_oil_main .list_about_layer{
        width: 100%;
        border-left: none;
        min-height: inherit;
        padding: 20px 0 30px;
    }
    .service_main_box .service_oil_main .service_oil_main_center{
        width: 100%;
        border: none;
    }
    .service_main_box .service_oil_main .service_oil_main_right{
        width: 100%;
        min-height: inherit;
        margin-bottom: 30px;
    }
    .service_main_box .service_oil_main .service_oil_main_center .service_oil_main_center_about{
        margin: 15px 0;
    }

    .news_list{
        padding: 20px 0;
    }
}