@charset "utf-8";
/* CSS Document */
@media screen and (min-width: 1400px){
	.navbar .container{
        width: 1380px;
    }
    .mainnav .navbar-nav > li > a{
        padding-left: 30px;
        padding-right: 30px;
    }
}
@media screen and (max-width: 1200px){
	.mainnav .navbar-nav > li > a{
        padding-left: 15px;
        padding-right: 15px;
    }
    .mainnav .navbar-brand img{
        width:180px;
    }
}

@media screen and (min-width: 768px){
    .container{
        min-width: 1080px;
    }
    .header_logo{
        width: 100%;
        max-width: 1380px;
        margin:0 auto;
    }
    .header_logo img{
        height: 64px;
    }
    /*============================================================顶部主导航=================================================================*/
    .mainnav{
        background-color: #595959;
        border:none;
        margin-bottom: 0;
    }
    .mainnav .navbar-header{
        width:100%;
    }
    .mainnav .navbar-collapse{
        width:100%;
    }
    .mainnav .navbar-brand{
        margin-bottom: 0;
        line-height: 30px;
        height: 115px;
    }
    .mainnav .navbar-brand img{
        padding-left: 0;
        margin-left: 0;
        display: inline-block;
    }
    .mainnav .navbar-nav > li > a{
        line-height: 30px;
        font-size: 16px;
        color: #999999;
        padding-left: 15px;
        padding-right: 15px;
    }
    .mainnav .navbar-nav > li > a:hover,.mainnav .navbar-nav > li.active > a,.mainnav .navbar-nav > li.active > a:hover{
        color: #be0100;
        background-color: white;
    }
}
@media screen and (max-width: 768px){
    /* 模块标题 */
    .title_model{
        padding:15px 0;
    }
    /*============================================================顶部主导航=================================================================*/
    .mainnav{
        height:48px;
        margin-bottom: 0;
    }
    .mainnav .navbar-brand{
        line-height: inherit;
        height:auto;
        padding:6px;
    }
    .mainnav .navbar-brand img{
        width: auto;
        height: 36px;
    }
    .mainnav .navbar-nav{
        margin-top: 0;
        margin-bottom: 0;
        border-left: 1px solid #be0100;
        border-right: 1px solid #be0100;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
        background-color: white;
        position: relative;
        z-index: 99;
    }
    .mainnav .navbar-nav > li > a{
        line-height: 24px;
        font-size: 14px;
        border-bottom: 1px solid #be0100;
        color: #be0100;
        padding-left: 15px;
        padding-right: 15px;
    }
    .mainnav .navbar-nav > li > a:hover,.mainnav .navbar-nav > li.active > a,.mainnav .navbar-nav > li.active > a:hover{
        color:white;
        background-color: #be0100;
    }
    .navbar-collapse{
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
    }

    .investor_box .investor_wrapper{
        flex-wrap: wrap;
    }
    .investor_wrapper .investor_left{
        width: 100%;
        flex-wrap: wrap;
    }
    .investor_wrapper .investor_left .left_img{
        width: 100%;
        flex: none;
    }
    .investor_wrapper .investor_left .left_info{
        width: 100%;
        flex: none;
        padding-left: 0;
        margin-bottom: 15px;
    }
    .investor_left .left_info .title{
        font-size: 18px;
        color: #666666;
        line-height: 2;
    }
    .investor_left .left_info .content{
        padding-right: 0x;
    }
    .investor_wrapper .investor_right{
        width: 100%;
        margin-top: 0;
        position: relative;
    }
    .investor_right .right_top{
        height: auto;
        padding:10px;
    }
    .service_box .pro_type_list{
        padding:0;
        justify-content: center;
    }
    .service_box .pro_type_list .list_item{
        padding:0 15px;
    }
    .service_box .pro_type_list .list_item:last-child {
        border-right: none;
    }

    .pro_show{
        margin-top: 15px;
    }
    .pro_show .pro_show_item{
        width: 49%;
        margin-right: 2%;
    }
    .pro_show .pro_show_item:nth-child(2n){
        margin-right: 0;
    }
    .pro_show .pro_show_item .item_name{
        overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
        line-height: 2;
        margin-bottom: 10px;
    }
    .service_box .more a{
        margin:0 auto 15px auto;
        line-height: 36px;
        height: 36px;
    }
    .intro_box{
        padding:0 0 15px 0;
    }
    .intro_box .intro_body{
        padding-top: 0px;
    }
    .intro_box .intro_body .more a{
        height: 36px;
        line-height: 36px;
        margin: 15px 0;
    }

    footer{
        padding:15px 0;
    }
    footer .logo{
        width: 120px;
    }
    footer .page_list{
        flex-wrap: wrap;
        justify-content: flex-start;
    }
    footer .page_list .page_item{
        padding-left: 0px;
        width: 33%;
        flex: 0 0 auto;
        margin-bottom: 15px;
    }
}