#nav_main .p_MatteIcon .iconfont:before {
    content: '\e602';
}

.navbar .navbar-header .navbar-brand{
    float:left;
    font-size:18px;
    line-height:20px;
    padding:0px;
    margin-right:20px;
    height:50px;}
#nav_main {
    width: 100%;
    max-width: none;
    min-width: 0px;
    height: auto;
    max-height: none;

    min-height: 100%;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}
#nav_main >div {
    animation-fill-mode: both;
}


.navbar.active{
    top: 0px;
    background: #fff;
    box-shadow: 0 3px 4px rgba(0, 0, 0, 0.1);

}
.navbar:hover{
    background: #fff;
    box-shadow: 0 3px 4px rgba(0, 0, 0, 0.1);
}
.navbar:hover a{
    color:#333;
}
.navbar.active a{
    color:#333;
}
.navbar a{
    color:#fff;
}
.navbar{
    position: fixed;
    width: 100%;
    left: 0;
    top: 0px;
    background: rgba(0,0,0,.2);
    border-bottom: 1px solid rgba(255,255,255,.2);
    transition: all .5s ease;
    z-index: 100;
    overflow: visible;
    font-color:#333;
}
.navbar-toggle{
    background-color:darkred;
}
.navbar-toggle .icon-bar,.navbar-toggle .icon-bar+.icon-bar{
    background-color:#fff;
}
@media only screen and (min-width: 1025px) {
    .collapse{
        display:inline;
    }
    #nav_main .top_tel {
        width: 236px;
        padding-top:10px;
        float:right
    }

    #nav_main .tel_warp {
        line-height: 80px;
        font-size: 16px;
    }

    #nav_main .tel_warp .iconfont {

        padding-right: 5px;
        font-size: 18px;
    }

    #nav_main .tel_warp a {
        font-weight: normal;
    }

    #nav_main .tNav.active .tel_warp .iconfont {
        color: #cd2e2e;
    }

    #nav_main .tNav.active .tel_warp a {
        color: #333;
    }

    #nav_main .navLi.tplink1 {
        max-wdith: 60px;
    }

    #nav_main .tNavBox {
        width: 100%;
        height: auto;
        overflow: visible;
        background: none;
    }

    #nav_main .navBtn {
        display: none;
    }

    #nav_main .navSliBtn {
        display: none;
    }

    #nav_main .iconJt {
        display: none;
    }

    #nav_main .tNav {
        width: 100%;
        margin: 0 auto;
        overflow: hidden;
    }

    #nav_main .navUl {
        width: 100%;
        display: flex;
        justify-content: space-between;
        font-size: 0;
    }

    #nav_main .navLi {
        padding: 0;
        width: 80px;
        margin: 0 5px;
        display: inline-block;
        font-size: 1rem;
        text-align:center
    }

    #nav_main .navLi h3{
        font-size:16px;
    }

    #nav_main .navLi.tplink9 {
        display: none;
    }

    #nav_main .navLi:hover .tNavH::before {
        width: 50%;
        opacity: 1;
    }

    #nav_main .tNavH {
        position: relative;
        height:90px;
        line-height:90px;
    }

    #nav_main .tNavH::before {
        content: '';
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        display: block;
        width: 0;
        height: 2px;
        background-color: #da251d;
        opacity: 0;
        transition: all .5s ease;
    }

    #nav_main .tNav .navName {
        position: relative;
        display: block;
        padding: 0;
        line-height: 80px;
        font-size: 16px;
        color: #fff;
        text-align: center;
        font-weight: normal;
        transition: all .5s ease;
    }

    #nav_main .tNav.active .navName {
        color: #333;
    }

    #nav_main .navName::after {
        content: attr(data-title);
        position: absolute;
        top: 0;
        left: 0;
        transform: translateY(100%);
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #da251d;
        display: none;
    }

    #nav_main .navLi:hover .navName {
        transform: translateY(0%);
        color: #da251d;
    }

    #nav_main .navLi:hover .slidBox {
        height: auto;
        display: block;
    }

    #nav_main .slidBox {
        position: fixed;
        left: 0;
        right: 0;
        width: 100%;
        height: 0;
        min-width: 1024px;
        overflow: hidden;
        z-index: 110;
        margin: 0 auto;
        padding: 0;
        transition: all .5s ease;
        background: #f2f2f2;
        box-shadow: 0 2px 5px rgba(0,0,0,0.075);
        border-top: 1px solid #f2f2f2;
        display: none;
    }

    #nav_main .slidBox .ej_neirong {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        width: 94%;
        margin: 0px auto;
    }

    #nav_main .slidBox .ej_neirong .left_con {
        width: 75%;
        padding: 60px 0px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        flex-direction: row;
    }

    #nav_main .slidBox .ej_neirong .right_con {
        width: 25%;
        display: flex;
    }

    #nav_main .ej_neirong .left_con .nav_infor {
        width: 60%;
    }

    #nav_main .ej_neirong .left_con .nav_infor .list{
        margin-top:0px;
    }

    #nav_main .ej_neirong .left_con .nav_infor .t {
        font-size: 30px;
        color: #333;
        font-weight: normal;
        line-height: 30px;
        margin-bottom: 30px;
    }

    #nav_main .ej_neirong .left_con .nav_infor .c {
        font-size: 14px;
        color: #666;
        line-height: 25px;
        display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        margin-bottom: 17px;
    }

    #nav_main .ej_neirong .left_con .nav_img {
        width: 33%;
    }

    #nav_main .ej_neirong .left_con .nav_img .oneimg {
        position: relative;
        display: block;
        width: 100%;
        height: 0;
        overflow: hidden;
        padding-bottom: 70%;
    }

    #nav_main .ej_neirong .left_con .nav_img .oneimg .img100 {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) scale(1);
        width: 100%;
        height: auto;
        transition: all 0.8s ease .1s;
    }

    #nav_main .right_con .r_infor {
        padding-left: 10%;
        width: 100%;
        padding-top: 60px;
    }

    #nav_main .r_infor dt {
        font-size: 28px;
        font-weight: normal;
        color: #fff;
        line-height: 28px;
        margin-bottom: 24px;
    }

    #nav_main .r_infor dd {
        font-size: 16px;
        color: #fff;
        line-height: 36px;
    }

    #nav_main .r_infor dd a {
        color: #fff;
    }

    #nav_main .navLi .slidBox .slidBox_con {
        width: 100%;
        background: url(http://static8.yun300.cn/img/navba.jpg?tenantId=226238&viewType=1) #fbfbfb no-repeat center;
        overflow: hidden;
        display: none;
    }

    #nav_main .navLi .slidBox .slidBox_con .slidBox_con_w {
        width: 100vw;
    }

    #nav_main .navLi:hover .slidBox .slidBox_con {
        display: block;
        overflow: hidden;
    }

    #nav_main .leftBox {
        position: relative;
        width: 19%;
        margin-right: 8%;
        height: auto;
        float: left;
        text-align: right;
        overflow: hidden;
        display: none;
    }

    #nav_main .navSbox {
        position: relative;
        width: 100%;
        height: auto;
        overflow: hidden;
        white-space: nowrap;
        margin: 0 auto;
        padding: 0;
    }

    #nav_main .navSli {
        width: 33.33%;
        float: left;
        padding-right: 5%;
        line-height: 1.4;
    }

    #nav_main .navSlink {
        display: block;
        position: relative;
        padding: 10px 0;
        border-bottom: 1px solid #e4e4e4;
        -webkit-transition: padding 250ms cubic-bezier(.25,.46,.45,.94);
        transition: padding 250ms cubic-bezier(.25,.46,.45,.94);
    }

    #nav_main .navSlink span {
        display: block;
        font-size: 14px;
        color: #333;
    }

    #nav_main .navSlink span.en {
        margin-bottom: 8px;
        text-transform: uppercase;
        display: none;
    }

    #nav_main .navSlink span.cn {
        letter-spacing: 1px;
    }

    #nav_main .navSlink:after {
        content: '';
        width: 0%;
        height: 1px;
        background: #999;
        position: absolute;
        bottom: -1px;
        left: 0;
        -webkit-transition: width 250ms cubic-bezier(.25,.46,.45,.94);
        transition: width 250ms cubic-bezier(.25,.46,.45,.94);
    }

    #nav_main .navSlink:before {
        content: '';
        width: 12px;
        height: 12px;
        position: absolute;
        filter: grayscale(1);
        top: 50%;
        right: 0;
        margin-top: -6px;
        background-image: url(//dfs.yun300.cn/group1/M00/1D/7A/rBQBHF90UbKEdnVlAAAAAHcPuzU641.png?tenantId=226238&viewType=1);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        -webkit-transition: right 250ms cubic-bezier(.25,.46,.45,.94);
        transition: right 250ms cubic-bezier(.25,.46,.45,.94);
    }

    #nav_main .navSlink:hover:before {
        background-image: url(//dfs.yun300.cn/group1/M00/1D/7A/rBQBHF90UbmERW51AAAAAB2CGqw228.png?tenantId=226238&viewType=1);
        right: 12px;
    }

    #nav_main .navSlink:hover:after {
        width: 100%;
    }

    #nav_main .navSlink:hover {
        padding-left: 0px;
    }

    #nav_main .oneName {
        font-size: 26px;
        padding-bottom: 15px;
        color: #000;
        width: 100%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    #nav_main .tNavSummry {
        line-height: 24px;
        width: 100%;
        height: auto;
        overflow: hidden;
        color: #666666;
        font-size: 14px;
        max-width: 420px;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
    }

    #nav_main .tNavMore {
        display: block;
        position: relative;
        height: auto;
        padding-top: 25px;
        border-top: 1px dashed #cccccc;
        margin-top: 20px;
        cursor: pointer;
    }

    #nav_main .txt {
        color: #000;
        transition: all .5s ease;
    }

    #nav_main .leanMore {
        margin-left: 2rem;
        transition: all .5s ease;
    }

    #nav_main .tNavMore:hover .txt {
        color: #da251d;
        margin-left: 10px;
    }

    #nav_main .tNavMore:hover .leanMore {
        color: #da251d;
    }

    #nav_main .navSimg {
        position: relative;
        width: 100%;
        height: 160px;
        overflow: hidden;
    }

    #nav_main .navImg {
        position: absolute;
        left: 50%;
        transform: translateX(-50%) scale(1);
        width: auto;
        height: 100%;
        transition: all .5s ease;
    }

    #nav_main .navSli:hover .navImg {
        transform: translateX(-50%) scale(1.1);
    }

    #nav_main .navSli:hover .navSlink {
        color: #da251d;
    }

    #nav_main .navSli:hover .navSlink::after {
        width: 100%;
        opacity: 1;
    }
}

@media only screen and (max-width: 1366px) {
    #nav_main .navName {
        font-size: 14px !important;
    }

    #nav_main .ej_neirong .left_con .nav_infor .t {
        font-size: 20px;
        margin-bottom: 10px;
    }

    #nav_main .r_infor dt {
        margin-bottom: 10px;
        font-size: 20px;
    }
}

@media only screen and (max-width: 1024px) {

    .collapse{
        display:none
    }
    .collapse.in{
        display:inline;
        background-color:#fff;
    }



    #nav_main .navLi.tplink9 {
        display: none;
    }

    #nav_main .nav_infor .t {
        display: none;
    }

    #nav_main .nav_infor .c {
        display: none;
    }

    #nav_main .right_con {
        display: none;
    }

    #nav_main .nav_img {
        display: none;
    }

    #nav_main .navSlink span.en {
        display: none;
    }

    #nav_main .leftBox {
        display: none;
    }

    #nav_main .navSimg {
        display: none;
    }

    #nav_main .tNavBox {
        position: relative;
        overflow: hidden;
        height: 70px;
        background: none;
    }

    #nav_main .navBtn {
        position: absolute;
        top: 1rem;
        right: 8px;
        background: #bc1116;
        width: 40px;
        height: 40px;
        padding: 10px;
        line-height: 73px;
    }

    #nav_main .navLine {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

    #nav_main .navBtnImg {
        display: block;
        width: 90%;
        height: 70%;
    }

    #nav_main .tNav {
        position: fixed;
        top: 70px;
        left: 0;
        right: 0;
        height: 0;
        overflow: hidden;
        z-index: 999;
        background: rgba(0,0,0,.4);
        transition: all .5s ease;
    }

    #nav_main .tNavHeight {
        height: 100%;
    }

    #nav_main .slidBox {
        display: none;
    }

    #nav_main .navUl {
        background: #f5f5f5;
        overflow: hidden;
    }

    #nav_main .navLi {
        border-bottom: 1px solid #ddd;
        position: relative;
        background-color:#fff;
    }

    #nav_main .tNavH {
        position: relative;
        height: 46px;
        line-height: 46px;
        padding: 0 5%;
        font-size: 14px;
        transition: all .5s ease;
    }

    #nav_main .tNavHBac {
        background-color: #eaeaea;
    }

    #nav_main .navName {
        display: block;
        width: 100%;
        height: 100%;
        color: #333;
    }

    #nav_main .iconJt {
        position: absolute;
        top: 0;
        right: 5%;
        display: flex;
        width: 50%;
        height: 46px;
        justify-content: flex-end;
        align-items: center;
        color: #333;
        font-size: 0.875rem;
        transition: all .5s ease;
    }

    #nav_main .iconJtRotate {
        transform: rotateX(180deg);
    }

    #nav_main .navSliBtn {
        height: 40px;
        width: 100%;
        text-align: center;
    }

    #nav_main .hs {
        height: 100%;
    }

    #nav_main .navSbox {
        padding-bottom: 30px;
    }

    #nav_main .navSli {
        padding-left: 8%;
        font-size: 0.875rem;
        height: 38px;
        line-height: 38px;
    }

    #nav_main .navSlink {
        display: block;
        width: 100%;
        height: 100%;
        color: #666;
    }

    #nav_main .top_tel {
        width: auto;
    }

    #nav_main .tel_warp {
        line-height: 80px;
        font-size: 16px;
        padding: 0 5%;
    }

    #nav_main .tel_warp .iconfont {
        color: #cd2e2e;
        padding-right: 5px;
        font-size: 18px;
    }

    #nav_main .tel_warp a {
        color: #cd2e2e;
        font-weight: bold;
        font-size: 20px;
    }



}