@charset "utf-8";
/* 移动端样式 */
.fl{float: left;}
.fr{float: right;}
.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}
.mt50{margin-top: 50px;}
.mt60{margin-top: 60px;}
.mt70{margin-top: 70px;}
.mt80{margin-top: 80px;}
.mt90{margin-top: 90px;}
.mt100{margin-top: 100px;}
.overflow{overflow:hidden;}
.clear {
	clear: both;
}
.clearfix::after {
    display: block;
    height: 0;
    clear: both;
    content: '';
}
.mobile-header{display: none;}
.mobile-footer{display: none;}

/* 导航 */
.menu-cover{ 
    position:fixed;
    z-index:99999;
    /* background-color:rgba(0,0,0,0.6); */
    width:100%;
    height:100%;
    top:0px;
    left:0px; 
    display: none;
}
.menu-top{
    position:absolute;
    z-index:999999999;
    height: auto;
    width:100%;
    /* left:50%;
    margin-left:-150px; */
    border:solid 1px #cacaca;
    border-top:solid 1px rgba(0,0,0,0.1);   
    background-color:rgba(255,255,255,1);
    height:100%;
    display: none;
    top:-600px;
    overflow:scroll!important;
    -webkit-overflow-scrolling: touch!important;
    transition:all 350ms ease;
    border-radius:0 0 5px 5px;
    font-size: 14px;
    
}
.active-submenu{
    display:block;
    min-height:100%;
    max-height:500px!important;
}

.active-menu .fa-circle{
    color:#0b9f86!important;
    margin-top:26px;
}

.menu-top li{list-style:none; margin-bottom:0px; position: relative;}
.menu-top>li:last-child a{border-bottom: none;}
.menu-top li a:hover{background-color:rgba(0,0,0,0.05)!important; }
.submenu{margin-bottom:0px;}

.show-menus{
    top:60px;
    height: 428px;
    display: block;
    /* margin-top:-210px; */
    transition:all 350ms ease;
}

.menu-top span{
    border-bottom:solid 1px rgba(0,0,0,0.01); 
    display:block;
    font-size:11px;
    font-family:'roboto', sans-serif;
    text-align:center;
    padding-top:5px;
    padding-bottom:5px;
}

.menu-top a i{
    position: absolute;
    margin-left: -40px;
    font-size: 14px;
    line-height: 70px;
}

.menu-top .fa-circle{
    /*position:absolute!important;*/
    float:right;
    right:0px;
    margin-right:25px;
    font-size:8px;
    margin-top:0;
}

.menu-top .fa-angle-right{  
    position:absolute;
    left:40px;
}

.menu-top .fa-plus{
    -ms-transform: rotate(0deg); 
    -webkit-transform: rotate(0deg); 
    transform: rotate(0deg);
    position:absolute!important;
    right:0px;
    margin-right:24px;
    font-size:11px;
    margin-top:0;
    transition:all 350ms ease;
}

.menu-top a{
    display: block;
    font-size:1.4rem;
    font-weight: normal;
    padding-left:70px;
    color:#3b4043;
    line-height:70px;
    border-bottom:solid 1px rgba(0,0,0,0.1); 

}

.submenu li:last-child{
    border-bottom:solid 1px rgba(0,0,0,0.08)!important;
}

.menu-top a:hover{color:#000000;}

/*.submenu{display:none;}*/

.submenu{
    position: relative;
    max-height:0px;
    overflow:hidden;
    transition:all 350ms ease;
}

.show-submenu{
    max-height:500px!important;
    transition:all 350ms ease;
}

.submenu a{
    font-size: 1.2rem;
    line-height:50px!important;
    opacity:0.8;
    padding-left:90px;
}

.submenu li:hover{
    background-color:rgba(0,0,0,0.02);
}
.submenu .fa-angle-right,.submenu .fa-angle-double-right{
    margin-left:26px;
    margin-top:0;
    line-height: 50px;
}
.submenu2 .fa-angle-double-right{
    position:absolute;
    left:55px;
}


.active-plus{
    color:#c0392b;
    -ms-transform: rotate(135deg)!important; 
    -webkit-transform: rotate(135deg)!important; 
    transform: rotate(135deg)!important;
    transition:all 350ms ease;
    margin-top:0;
}

.submenu .fa-circle{
    position:absolute;
    z-index:999999;
    margin-top:20px;
    font-size:6px!important;
}

.has-submenu .fa-mobile{
    font-size:22px;
    margin-top:0;
}
.submenu2 li{}
.submenu2 li a{padding-left: 105px;color:#666;}

/* 头部 */

.mobile-header{
    position:relative;
    width:100%;
    z-index:99999;
    height:60px;
    /* background-color: #fff; */
}

.header-clear{
    height:60px;
}

.header-clear-big{
    height:90px;
}

.header-logo{
    float:left;
    background-image:url(/uploads/image/dxmimages/logo.png);
    background-repeat: no-repeat;
    width:190px;
    height:70px;
    background-size:190px auto;
    margin-top:7px;
    margin-left:15px;
}

.header-navigation{
    float:right;
    color:#0b9f86;
    height:60px;
    width:60px;
    text-align:center;
    line-height:60px;
}

.header-navigation i{
    width:60px;
    height:60px;
    line-height:60px;
    text-align:center;
    font-size: 20px;
    color: #fff;
}

.header-navigation:hover{
    background-color:rgba(255,255,255,0.1);
}

.header-search{
    float:right;
    color:#fff;
    height:60px;
    width:40px;
    text-align:center;
    line-height:60px;
}
.header-en{float:right;
    color:#fff;
    height:60px;
    width:40px;
    text-align:center;
    line-height:60px;}

    .headscoll {
        position: fixed;
        top: 0;
        background-color: rgb(255, 255, 255,.6);
        box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
        z-index: 9999999999;
    }
    .headscoll .header-navigation i,.headscoll .header-search,.headscoll .header-en{color: #009c84;}

    /* 脚部 */
.mobile-footer{background-color: #efefef; border-top: 2px solid #ccc; padding: 25px 20px;}
.mobile-footer .footlogo{width: 160px; display: block;}
.mobile-footer .fl{width: 42%; margin-top: 20px;}
.mobile-footer p{font-size: 14px;}
.mobile-footer .fr{width: 55%; margin-top: 40px;}
.mobile-footer .fr a{display: block; float: right; margin-left: 10px;}
.mobile-footer .fr img{width: 85px; display: block;}
@media screen and (max-width: 1200px) {
.top_width{display: none;}
footer{background-color: #efefef;}
.bottom{width:100%;padding: 0 20px 10px;font-size: 12px;}
.bottom .row,.bottom .col-md-4,.bottom .col-md-6{margin:0; padding:0;}
.bottom img{width:60%;margin-left: -30px;}
.bottom .left_border{width: 100%;padding-right:10px; float:left;border: none;}
.bottom .text-left .text-left{margin-top: 5px;width:100%;padding: 0; float:right;}
.bottom .text-left .text-left p{float:left;font-size: 12px;margin-right: 20px;line-height: 20px;}
.bottom p{line-height: 28px;}
.bottom .left_border .row p{float: left; margin-right:20px;line-height: 20px;}
.bottom .left_border .row .col-md-6:first-child p:first-child{display:none;}
footer .padding{padding:5px 0; font-size:12px;}

.mobile-header{display: block;}
.mobile-footer{display: block;}

.position{width: 100%;position:absolute;left: 0; margin-left:0;}
.position img{width: 100%;}
.find_go{display: none;}
.mian{margin-top: 12%; z-index: 9;}
.sub .main-inner{top: 0; left: 0; background-color: #fff; min-height: 600px;}
.main-inner{width: 100%; box-sizing: border-box;}
.slider{display: none;}
.main_content{margin-left: 0;min-height: 768px;}
.main_content>.bread {
    margin-top: -22px;
    text-align: right;
    padding-right: 20px;
    font-size: 12px;
    color: #fff;
    height: 22px;
    line-height: 22px;
    background-color: rgb(0 0 0 / 30%);
}
.bread a {
    pointer-events: none;
    color: #fff;
}
.c_title{padding-top: 15px;margin: 0 20px;font-size: 24px;line-height: 1.5em;}
.c_content{padding-bottom: 20px;}
.c_content .bread{padding-right:20px;text-align: right;}
.item_des{padding: 0 20px;}
.item_img, .item_text{float: left; width: 100%; padding:0;}
.item_text{padding: 12px 25px 15px; height: auto;}
.item_img img{ width: 100% !important; height: auto; padding: 0 !important;}
.item_title{margin: 10px 0;}
.item_list{padding: 0 20px;}
.item_list_left{display: block; width: 100%; font-size: 16px;}
.c_content>p{padding: 0 20px;overflow: hidden;}
.c_content .container-fluid div.margin_top_30{height: auto !important;/* text-align: center; */}
.c_content .container-fluid div.margin_top_30 .col-sm-3 img{width: 180px !important;}
a.margin_top_30{margin-top: 0;}
.ldtable{margin-top: 30px;}
.ldtable tr, .ldtable td{float: left; width: 100% !important; text-align: center; margin-bottom: 10px;}
.c_content .partner{padding: 0 20px;}
.c_content .partner>.left{margin-left: 0; width: 50%; height: 140px;}
img.border{width: 100%; height: auto;}
.c_content p img{width: 100% !important; height: auto !important;}
.c_content img{width: 100%; height: auto; padding: 0 20px;}
img.btn_back{display: block;width: 180px;margin: 0 auto;}
.line-height{height: 50px;}


.nav-tabs>li{width: 25%; height: 120px;}
.flip_block {height: 60px;}
.flip.in,.flip.out{width: 100px; margin-top: 0;}
.img_text{line-height: 16px;}
.sub_c_title, h3{margin-top: 10px; padding: 0 20px;}
.tab-content>.tab-pane p{padding: 0 20px;}
.c_content h1{margin: 30px 20px 0; font-size: 18px; line-height: 22px; padding-bottom: 15px; height: auto;}
.sub_c_title, h3{padding:0 20px;}
.c_content>ul{padding: 0 20px;}
.tab ul li{width: 50%; text-align: center;}
.employee_line .col-md-1{ float: left;}
.employee_line .col-md-1 img{padding: 0;}
.p_line{padding-left: 50px;}
.employee_line .p_line{padding-left: 50px;}
.employee_line .p_line p{text-indent:0 !important; padding-right:20px;}
.employee_line .p_line img{margin:0 !important; padding:0;}
.media, .media-body{padding: 0 20px;}

.has-submenu2 .fa-plus{line-height: 50px;}

.c_content table{width: 90% !important; margin-left:auto;margin-right: auto;}
.c_content table.table-hover{width: 100% !important;}
.table_new>thead>tr>th{width:auto !important;}
.media-object{padding: 0 !important; width: 27px !important;}

}
