.j-container{

    width: 1200px;

    margin: 0px auto;

}

.j-Head{

    width: 100%;

    height: 92px;

    padding: 0px 20px;

    position: fixed;

    left: 0;

    top:0;

    z-index: 999;

    display: flex;

    align-items: center;

    justify-content: space-between;

}

.j-Head-logo{

    width: 286px;

}

.j-Head-logo img{

    width: 100%;

}

.j-Head-nav{

    width: calc(100% - 394px);

    text-align: center;

    height: 100%;

}

.j-nav-item{

    display: inline-block;

    position: relative;

    height: 100%;

}

.j-nav-item.on .nav-item-link{

    color: #b71d35;

}

.nav-item-link{

    color: #fff;

    font-size: 18px;

    padding: 0px 20px;

    line-height: 92px;

}

.nav-item-link:hover{

    color: #b71d35;

}

.nav-inner{

    display: none;

    position: absolute;

    width:155px;

    background: #ffffff;

    padding: 20px;

    left: -18px;

    bottom: -139px;

    z-index: 7;

}

.nav-inner-item{

    display: block;

    color: #666666;

    font-size: 16px;

    text-align: center;

    margin-bottom: 15px;

}

.nav-inner-item:hover{

    color: #b71d35;

}

.j-nav-item:hover .nav-inner{

    display: block;

}

.j-Head-right{

    width: 108px;

}

.j-Head-right .head-select{

    width:100%;

    border-radius: 4px;

    height: 37px;

    background: rgba(255,255,255,.11) url("../img/map.png") no-repeat 10px center;

    background-size: 18px;



    color: #ffffff;

    font-size: 14px;

    line-height: 37px;

}

.select-item{

    line-height: 37px;

    padding-left: 20px;

    margin-left:20px;

}

.en-item{

    display:none;

    margin-left:0;

    padding-left:40px;



    background: rgba(255,255,255,.11);

}

.j-Head-right .head-select:hover .en-item{

    display:block;}

.j-banner{

    width:100%;

    height: 450px;

}

.j-banner img{

    width:100%;

    height: 100%;

}

.j-Title{

    margin-top: 40px;

    color: #333333;

    font-size: 35px;

    text-align: center;

}

.news-details-left{

    width:100%;

    margin: 60px 0;

}

.news-details-left h3{

    color: #333333;

    font-size: 30px;

    text-align: center;

}

.news-details-tag{

    width:576px;

    height:50px;

    margin: 20px auto;

    background: #f3f3f3;

    border:1px dashed #bfbfbf;

    display: flex;

    align-items: center;

    justify-content: center;

}

.news-details-tag dd{

    color: #999999;

    font-size: 14px;

    margin: 0px 30px;

}

.news-details-tag dd img{

    vertical-align: middle;

}

.news-details-text{width: 100%;color: #666666;font-size: 14px;/* text-indent: 30px;*/width:  750px;margin: 0 auto;text-indent:  20px;}

.news-details-text img{

    display: block;

    width: auto;

    max-width: 100%;

    margin: 20px auto;

}

.jc-link{

    border-top:1px solid #999;

    margin-top: 30px;

    padding: 20px 0;

}

.jc-link-son{

    display: block;

    color: #666;

    font-size: 14px;

    margin-bottom: 15px;

}

.jc-link-son span{

    display: inline-block;

    text-align: center;

    width:80px;

    height: 32px;

    line-height: 32px;

    background: url("../img/link_bg.png") no-repeat center;

    background-size: 100% 100%;

    color: #666;

    font-size: 14px;



}

.jc-link-son:hover{

    color: #0d206f;

}

.j-footer{

    width:100%;

    padding: 40px 0;

    background: url("../img/foot_bg.png") no-repeat top center;

    background-size: 100% 100%;

}

.j-footer-left{

    width: 60%;

    float: left;

}

.footer-logo{

    width: 286px;

}

.footer-nav{

    color: #999999;

    font-size: 14px;

    margin: 10px 0;

}

.footer-nav a{

    color: #999999;

    margin:0 10px;

}

.footer-nav a:hover{

    color: #b71d35;

}

.footer-copy{

    color: #999999;

    font-size: 14px;

}

.footer-copy span{

    margin: 0px 10px;

}

.footer-copy a{

    color: #999999;

    font-size: 14px;

}

.footer-logo img{

    width: 100%;

}

.footer-copy a:hover{

    color: #b71d35;

}

.j-footer-right{

    width: 24%;

    float: right;

}

.j-footer-right h4{

    color: #666666;

    font-size: 15px;

}

.j-footer-right dl dd{

    margin-left: 0;

    color: #666666;

    font-size: 14px;

    margin-bottom: 5px;

}

.phone-menu {

    display: none;

    float: right;

    width: 40px;

    height: 40px;

}

.phone-menu img {

    width: 100%;

    height: 100%; }

.phone-Nav{

    width: 80%;

    height: 100%;

    position: fixed;

    left: -9999px;

    top:0;

    z-index: 9999;

    background: #333333;

    padding: 20px;

}

.phone-logo{

    width: 80%;

    margin-bottom: 20px;

}

.phone-logo img{

    width: 100%;

}

.phone-Nav-son{

    width: 100%;

    border-bottom: 1px solid #666666;

}

.phone-Nav-son .phone-item{

    display: block;

    padding: 10px;

    color: #ffffff;

    font-size: 16px;

}

.phone-inner{

    padding-left:10px;

}

.phone-item-in{

    color:#c0c0c0;

    font-size:14px;

    display:block;

    margin-top:10px;

}

.phone-Nav-son a span{

    float: right;

}

.foot-item{

    width: 100%;

    height: 50px;

    background:#3d3d3d url("../img/map.png") no-repeat 10px center;

    background-size: auto;

    border-radius: 4px;

    line-height: 50px;

    padding: 0px 20px 0 50px;

    margin-top: 20px;

    color: #ffffff;

    font-size: 15px;

}

.foot-item span{

    cursor: pointer;

    float: right;

    font-size: 24px;

}

.foot-option{

    display: none;

    width: 100%;

    background:#3d3d3d;

    padding: 20px;

    color: #ffffff;

    font-size: 15px;

}

.phone-banner{

    width: 100%;

    height: 367px;

    display: none;

}

.phone-banner img{

    width: 100%;

    height: 100%;

}

.phone-footer{

    display: none;

    position: fixed;

    left: 0;

    bottom:0;

    z-index: 4;

    width: 100%;

    height: 70px;

    background: #ffffff;

    border-top:1px solid #e2e2e2;

}

.phone-footer-son{

    display: flex;

    height: 100%;

    width: 100%;

    align-items: center;

    justify-content: space-between;

}

.phone-footer-item{

    display: block;

    width: 24%;

    height: 100%;

    border-left:1px solid #e2e2e2;

}

.phone-footer-item:first-child{

    border-left: none;

}

.phone-footer-item.on .phone-name{

    color: #b71d35;

}

.phone-img{

    width: 30px;

    height: 30px;

    text-align: center;

    margin: 9px auto 5px;

    background: url("../img/foot_ico1.png") no-repeat center center;

    background-size: 100%;

}

.phone-footer-item:nth-child(2) .phone-img{

    background: url("../img/foot_ico2.png") no-repeat center center;

    background-size: 100%;

}

.phone-footer-item:nth-child(3) .phone-img{

    background: url("../img/foot_ico3.png") no-repeat center center;

    background-size: 100%;

}

.phone-footer-item:nth-child(4) .phone-img{

    background: url("../img/foot_ico4.png") no-repeat center center;

    background-size: 100%;

}

.phone-name{

    color: #333333;

    font-size: 15px;

    text-align: center;

}

.phone-footer-item.on .phone-img{

    background: url("../img/foot_ico1_on.png") no-repeat center center;

    background-size: 100%;

}

.phone-footer-item:nth-child(2).on .phone-img{

    background: url("../img/foot_ico2_on.png") no-repeat center center;

    background-size: 100%;

}

.phone-footer-item:nth-child(3).on .phone-img{

    background: url("../img/foot_ico3_on.png") no-repeat center center;

    background-size: 100%;

}

.phone-footer-item:nth-child(4).on .phone-img{

    background: url("../img/foot_ico4_on.png") no-repeat center center;

    background-size: 100%;

}

.phone-news-title{

    display: none;

    color: #333333;

    font-size: 28px;

    font-weight: bold;

    text-align: center;

    margin-bottom: 20px;

}

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

    .j-container {

        width: 90%;

    }

}

@media screen and (max-width: 768px) {
    .news-details-text{width: 100%}

    .j-container {

        width: 100%;

    }
    audio,

    video {

        width:98% !important;
        height: auto !important;}



    .j-Head {

        height: 80px;

    }



    .j-Head-logo {

        width: 50%;

    }



    .j-Head-nav, .j-Head-right {

        display: none;

    }



    .phone-menu {

        display: block;

    }



    .j-banner {

        height: 205px;

    }



    .phone-banner, .phone-footer {

        display: block;

    }



    .j-footer {

        display: none;

    }

    .news-details-left{

        width: 95%;

        margin: 40px auto 90px;

    }

    .news-details-left h3{

        font-size: 20px;

    }

    .news-details-tag{

        width: 90%;

    }

    .news-details-tag dd {

        color: #999999;

        font-size: 12px;

        margin: 0px 15px;

    }

}