html{
    overflow-x: hidden;
}

.main{
    width: 60%;
    margin: 0 auto;
}


.subnavleft{
    right: 0;
    left: auto;
}
.subnavleft:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    line-height: 0;
    border-bottom: 10px solid #fff;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    left: auto;
    right: 50px;
    top: -10px;
}
.subnavleft .subnav-img {
    width: 128px;
    height: 152px;
    margin-right: auto;
    float: right;
}
.subnavleft .subnav-list {
    width: 40%;
    float: right;
}

.subnav-list {
    width: 48%;
   /* width: auto;*/
}
.subnavzlm{
    position: relative;
    width: 100%;
}
.sjlm{ 
    display: none;
    position: absolute;
    top: -12px;
    left: 10rem;
    width: 12rem;
    padding: 12px;
    background: #fff;
     box-shadow: darkgrey 5px 5px 5px -5px;
}
#sjlmfl{
    margin: 12px;
    list-style-type:none;
}
#sjlmfl li {
    list-style-type:none;
}
#sjlmfl li a:before {
    display: none;
}
#sjlmfl li a{
    font-size: 14px;
    display: inline-block;
    text-align: left;
    line-height: 29px;
    color: #222;
    padding: 0 0 0 8px;
    position: relative;
}
#sjlmfl li a:hover{    color: #cf4342;}
.subnavzlm:hover .sjlm{
    display: block;
}


#innerdiv{ width:50%!important; height: 500px!important;top: 20%!important;left: 22%!important;overflow: hidden;}
#innerdiv img{  width: 100%!important; height: auto!important;border: none!important;}


@media only screen and (max-width: 1200px){
    
    #innerdiv{ width:80%!important; height: auto!important;top: 30%!important;left: 10%!important; overflow: hidden;}
    #innerdiv img{  width: 100%!important; height: auto!important;border: none!important;}

    .navContent .menu-cnt{ width: 100%;}
    #main-menulm{
        width: 100%;
        position: relative;
    }
    #main-menulm li{
        width: 50%;
        float: left;
        position: relative;
    }
    #main-menulm li>a {
        width: 90%;
        margin: 0 auto;
        height: 40px;
        line-height: 40px;
        text-align: center;
        display: block;
        float: left;
        background-color: #ebebeb;
        border-radius: 5px;
        font-size: 13px;
        color: #666;
        margin-bottom: 15px;
    }
    
    
    .navContentlm {
        display: none;
        position: relative;
    }
    .navContentlm>a{
        width: 40%;
        height: 40px;
        line-height: 40px;
        text-align: center;
        display: block;
        float: left;
        background-color: #ebebeb;
        border-radius: 5px;
        font-size: 13px;
        color: #666;
        margin: 0 2%;
        margin-bottom: 15px;
    }
    
    /****/
    #main-menulmmm{
        width: 100%;
        position: relative;
    }
    #main-menulmmm li{
        width: 100%;
    }
    #main-menulmmm li a{
        background-color: #ffffff;
    }
    .navContentlmmm {
        display: none;
        position: relative;
    }
    #main-menulmmm li .navContentlmmm>a{
        width: 90%;
        height: 40px;
        line-height: 40px;
        text-align: center;
        display: block;
        float: left;
        background-color: #fff;
        border-radius: 5px;
        font-size: 13px;
        color: #666;
        margin-bottom: 15px;
    }
    /****/
    
}



.subnavzlmmm{
    position: relative;
}
.sjlmmm{ 
    display: none;
    position: absolute;
    top: -12px;
    left: 100%;
    width: 120px;
    padding: 12px;
    background: #fff;
     box-shadow: darkgrey 5px 5px 5px -5px;
}
.subnavzlmmm:hover .sjlmmm{
    display: block;
}


.tcbf{
    position: fixed;
    right: 0;
    top: 40%;
    text-align: center;
}
.tclj{
    background: #000000;
    opacity: 0.5;
    padding: 20px;
    margin: 5px 0;
}
.tclj a{
    width: 100%;
    height: 100%;
}
.tcwz{
    font-size: 16px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 22px;
}

/*********************************/
.syfooter{
    width: 100%;
    height: 280px;
    overflow: hidden;
    background: #E7E7E9;
    position: relative;
}
.mb{
        display: none;
    }
.syfooter .logoleft{
    display: inline-block;
    width: 50%;
    position: absolute;
    top: 30%;
}
.syfooter .yqljright{
    display: inline-block;
    position: absolute;
    width: 20%;
    top: 15%;
    right: 30%;
}
.syfooter .lxfsright{
    display: inline-block;
    position: absolute;
    width: 20%;
    right: 15%;
    top: 15%;
}
.syfooter .logoleft img{
    width: auto;
    position: absolute;
    right: 10%;
}
.syfooter h2{
    font-size: 18px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #000000;
    line-height: 25px;
    margin-bottom: 10px;
}
.syfooter div{
    font-size: 16px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #666666;
    line-height: 22px;
    margin: 10px 0;
}
.syfooter div a{
    color: #666666;
}
.syfg a{
    margin: 0 15px;
}
.xhx{
    border-bottom: 1px solid #fff;
}
/*********************************/
.ztnr{
    overflow: hidden;
    background: url(/lib/template/static/images/ztbj.png) center center no-repeat;
}
.tplb{
    width: 100%;
}
.zttp{
    width: 22.5%;
    margin: 1.5% 1%;
    display: inline-block;
}
.zttp img{
    width: 100%;
height: 152px;
}
/*********************************/
.xyfg{
    /*width: 63%;*/
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    padding-top: 5%;
    padding-bottom: 7%;
}
.xyfg.jcl {
    padding-top: 10%;
}
.xyfg.gk{
    height: auto;
    width: 100%;
}
.bt{
    text-align: center;
    padding-bottom: 30px;
}
.bt .left{
    position: relative;
    top: 32px;
    left: -160px;
}
.bt .right{
    position: relative;
    top: -26px;
    right: -160px;
}
.bt h2{
    color: #222222;
    font-size: 30px;
}
.xyfg .xyfgnr{

}
.xyfg .xyfgnr img {
    max-width: 100%;
    height: auto;
}
.xyfg .xyfgnr .ke-zeroborder img{ max-width: none;}
.xyfg .xyfgnr .nrlb{
    width: 29%;
    float: left;
    padding: 35px 25px;
    text-align: center;
    transition: all 0.5s;
    cursor: pointer;
}
.xyfg .xyfgnr .nrlb .nrzs{
    /*width: 277px;*/
    height: 277px;
    overflow:hidden;
    margin: 0 auto;
    position: relative;
}
.zzc{
    display: none;
    background: #ff00005c;
    color: #fff;
    width: 100%;
    position: absolute;
    bottom: 0;
    padding: 3% 0;
}
.xyfg .xyfgnr .nrlb .nrzs img{
    box-shadow: darkgrey 0px 0px 30px 5px;
    width: 100%;
    height: 100%;
}
.xyfg .xyfgnr .nrlb .nrzs .nrsm{
    display:none;
    width: 100%;
    height: 120%;
    color: #fff;
    margin: 0 auto;
    background: #a7232dc2;
    position: relative;
    top: -198px;
    left: 0px;
}
.xyfg .xyfgnr .nrlb .nrzs .nrsm .nrtm{
    font-size: 18px;
    position: relative;
    top: 35%;
}
.xyfg .xyfgnr .nrlb .nrzs .nrsm .nrsj{
    position: relative;
    top: 40%;
}
.xyfg .xyfgnr .nrlb .nrzs:hover .zzc{display:block}
/*.xyfg .xyfgnr .nrlb .nrzs:hover .nrsm{display:block}

.xyfg .xyfgnr .nrlb:hover {transform: scale(1.3);}*/

.xytp{
    background: url("/lib/template/static/images/xytp.png") no-repeat ;
    background-size: 100% 100%;
    height: 500px;
    text-align: center;
}
.xytp img{
    width: 50%;
    position: relative;
    top: -12%;
}
/*********************************/
/*********************************/
.sj{
    padding-top: 20px;
    height: auto;
    overflow: hidden;
    padding-bottom: 0;
}
.sj .lmlb{
    width: 18%;
    float: left;
    position: relative;
    left: 5%;
    top: 50px;
    line-height: 45px;
}
.sj .lmlb ul{
    border-left: 2px solid #A7232D;
}
.sj .lmlb ul li{
    padding: 10px 0;
}
.sj .lmlb ul li a span{
    color: #666666;
    font-size: 18px;
}
.sj .lmlb ul .active a span{
    color: #000000;
    font-size: 18px;
    font-weight: 600;
}
.sj .lmlb ul li:hover a span{
    color: #000000;
    font-weight: 600;
}
.circle{
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2px solid #A7232D;
    border-radius: 13px;
    padding: 1px;
    box-sizing: border-box;
    margin-right: 0;
    position: relative;
    left: -9px;
}
.circle i{
    display: block;
    width: 10px;
    height: 10px;
    background-color: #A7232D;
    border-radius: 5px;
}
.sjxytp{
    width: 70%;
    float: right;
    margin-top: 5%;
}
.sjxytp img{ width: 100%;    box-shadow: darkgrey 0px 0px 30px 0px;}
.nr{
    width: auto;
    height: 975px;
}
.xyfgnr .text{
    color: #666666;
    text-indent:2em;
    font-size: 18px;
    padding: 0 20px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #666666;
    line-height: 36px;
}
.xyfgnr .text p{
    color: #666666;
    text-indent:2em;
    font-size: 18px;
    padding: 0 20px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #666666;
    line-height: 36px;
}
.xyfgnr .text div{
    color: #666666;
    text-indent:2em;
    font-size: 18px;
    padding: 0 20px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #666666;
    line-height: 36px;
}
.yslb{
    margin-top: 40px;
    height: auto;
    overflow: hidden;
}
.yslb .yslblist{
    width: 30%;
    display: inline-block;
    height: auto;
    margin: 20px 10px;
    overflow: hidden;
    position: relative;
}
.yslb .yslblist .wz{
    display: none;
    position: absolute;
    bottom: 4px;
    left: 0;
    width: 100%;
    height: 60px;
    line-height: 60px;
    background: #0000006e;
    color: #fff;
    font-size: 24px;
    text-align: center;
}
.yslb .yslblist .wz a{
    color: #fff;
}
.yslb .yslblist img{
    width: 100%;
    height: 100%;
}
.yslb .yslblist:hover .wz{ display: block;}

/*********************************/

.txt div{
    text-indent:2em;
    font-size: 16px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #000000;
    line-height: 28px;
}
/*********************************/
.jywz{
    height: 900px;
}
.jyright{
    width: 50%;
    float: left;
    position: relative;
    top: 8%;
    right: -5%;
}
.jyright img{
    width: 100%;
    box-shadow: darkgrey 0px 0px 30px 0px;
}
.jyleft{
    width: 50%;
    float: left;
    position: relative;
    top: 0;
    left: 5%;
    /* right: 45%; */
    background: #FFFFFF;
    box-shadow: 0px 12px 26px 0px rgba(0, 0, 0, 0.06);
    border-radius: 4px;
}
.jyleft .wb{
    margin: 10%;
}
.jyleft .wb h2{
    font-size: 24px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #222222;
    line-height: 33px;
    margin-bottom: 30px;
}
.jyleft .wb p{
    font-size: 16px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #000000;
    line-height: 28px;
}
/*********************************/
.xyh01{

}
.xyh01 .xyzs img{
    width: 100%;
    margin: 0 auto;
}
.xyh01 .xymd{
    background: #FFFFFF;
    box-shadow: 0px 6px 26px 0px rgba(0, 0, 0, 0.06);
    border-radius: 4px;
    margin: 40px 0;
    padding: 40px;
    height: auto;
    overflow: hidden;
}
.xyh01 .xymd .xymc{
    font-size: 24px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #222222;
    line-height: 33px;
    margin-bottom: 30px;
}
.xyh01 .xymd .xylb{
    width: 100%;
}
.xyh01 .xymd .xylb .xyleft{
    width: 50%;
    float: left;
    margin: 10px 0;
}
.xyh01 .xymd .xylb .xyleft .xymz{
    font-size: 20px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #999999;
    line-height: 28px;
}
.xyh01 .xymd .xylb .xyleft .xymz p{
    width: 70px;
    font-size: 20px;
    float: left;
    margin-right: 2%;
    text-align: center;
}
.xyh02 {
    background: url("/lib/template/static/images/xyh5.png") no-repeat;
    background-size: 100% 100%;
    padding: 10% 0 6% 0;
}
.xyh02 .xyhtext{
    width: 50%;
    margin: 0 auto;
}
.xyh02 .xyhtext .xyhyl{
    font-size: 24px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 33px;
    text-align: left;
}
.xyh02 .xyhtext .xyhlz{
    font-size: 24px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #FFFFFF;
    line-height: 33px;
    text-align: right;
    margin-top: 5%;
}
.xyh03{
    padding-top: 80px;
    padding-bottom: 10px;
    height: auto;
    overflow: hidden;
}
.xyh03 .zpsl{
    width: 50%;
    float: left;
    text-align: center;
}
.xyh03 .zpsl .zpsltp{
    height: 496px;
    padding: 0 10px;
}
.xyh03 .zpsl .zpsltp img{
    width: 100%;
    height: 100%;
    margin: 0 auto;
}
.xyh03 .zpsl .xzhzpbt{
    font-size: 24px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #000000;
    line-height: 33px;
    margin-top: 30px;
}
/*********************************/

.videoslb{
    width: 45%;
    margin: 2%;
    display: inline-block;
    overflow: hidden;
}
.videoslb .videos{
    position: relative;
    overflow: hidden;
}
.videoslb .videos .vtp{
    position: relative;
    overflow: hidden;
}
.videoslb .videos .vtp img{
    width: 100%;
}
.videoslb .videos .spank{
    width: 17%;
    height: 17%;
    position: absolute;
    top: 38%;
    left: 41.6%;
}
.videoslb .videos .spank img{
    width: 100%;
    margin: 0 auto;
}
.videoslb .videoswz{
    text-align: center;
    font-size: 24px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #222222;
    line-height: 42px;
}
#v01{
    display: none;
}
#v02{
    display: none;
}
#v03{
    display: none;
}
#v04{
    display: none;
}
#v05{
    display: none;
}
#sv01{
    display: none;
}
#sv02{
    display: none;
}
#sv03{
    display: none;
}

#sv001{
    display: none;
}
#sv002{
    display: none;
}
#sv003{
    display: none;
}
#sv004{
    display: none;
}
.videotc .sp .zzc{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    height: 100%;
    background-color: rgba(31,35,41,.4);
}
.videotc .sp .spbf{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    overflow: auto;
    outline: 0;
}
.videotc .sp .spbf .modal{
    width: 55%;
    margin: 0 auto;
    border-radius: 8px;
    position: relative;
    top: 22%;
}
.videotc .sp .spbf .modal .colse{
    position: absolute;
    top: 4%;
    right: 2%;
    z-index: 10;
    padding: 0;
    color: rgba(0,0,0,.45);
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    background: rgba(0,0,0,0);
    border: 0;
    outline: 0;
    cursor: pointer;
    transition: color .3s;
}
.videotc .sp .spbf .modal .mvideo{
    height: auto;
    display: flex;
    padding: 0;
}
.videotc .sp .spbf .modal .mvideo video{
    width: 100%;
    border-radius: 10px;
}
.yx{
    padding-bottom: 40px;
}
/*********************************/
.gj{

}
.gj01{
    width: 100%;
    background: #FFFFFF;
    box-shadow: 0px 12px 26px 0px rgba(0, 0, 0, 0.06);
    border-radius: 4px;
    position: relative;
    margin-top: 50px;
}
.gj01 .gjleft{
    display: inline-block;
    width: 30%;
    position: absolute;
    top: -46px;
    left: 2%;
}
.gj01 .gjleft img{
    width: 100%;
    margin: 0 auto;
}
.gj01 .gjright{
    display: inline-block;
    position: relative;
    left: 30%;
    width: 63%;
    padding: 40px;
}
.gj01 .gjright p{
    font-size: 20px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #666666;
    line-height: 36px;
    text-indent:2em;
}
.gj02{
    width: 100%;
    background: #FFFFFF;
    box-shadow: 0px 12px 26px 0px rgba(0, 0, 0, 0.06);
    border-radius: 4px;
    position: relative;
    margin-top: 120px;
}
.gj02 .gjleft{
    display: inline-block;
    width: 30%;
    padding: 4% 2%;
}
.gj02 .gjleft span{
    font-size: 24px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #222222;
    line-height: 33px;
}
.gj02 .gjleft p{
    font-size: 16px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #222222;
    line-height: 28px;
    margin-top: 5%;
    margin-bottom: 10%;
}
.gj02 .gjright{
    display: inline-block;
    position: absolute;
    top: -46px;
    right: 2%;
    width: 63%;
}
.gj02 .gjright img{
    width: 100%;
    margin: 0 auto;
}
.gj03{
    margin-top: 40px;
    height: auto;
    overflow: hidden;
}
.gj03 .gjjxlb{
    width: 48%;
    float: left;
    height: auto;
    margin: 20px 10px;
    overflow: hidden;
    position: relative;
}
.gj03 .gjjxlb img{
    width: 100%;
    height: 100%;
}
.gj03 .gjjxlb .gjwz{
    display: none;
    position: absolute;
    bottom: 4px;
    left: 0;
    width: 100%;
    height: 60px;
    line-height: 60px;
    background: #0000006e;
    color: #fff;
    font-size: 24px;
    text-align: center;
}
.gj03 .gjjxlb .gjwz a{
    color: #fff;
}
.gj03 .gjjxlb:hover .gjwz{ display: block;}
.gj04{
    position: relative;
    margin-top: 12%;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #222222;
}
.gj04 .gjlb{
    width: 30%;
    height: 470px;
    margin: 0 10px;
    position: relative;
    float: left;
    background: #FFFFFF;
    box-shadow: 0px 12px 26px 0px rgba(0, 0, 0, 0.06);
    border-radius: 4px;
}
.gj04 .gjlb:hover {
    margin-top: -20px;
}
.gj04 .gjlb .gjtop{
    width: 90%;
    margin: 0 auto;
    position: absolute;
    top: -18%;
    left: 5%;
}
.gj04 .gjlb .gjtop img{
    width: 100%;
}
.gj04 .gjlb .gjbottom{
    margin: 30px;
    position: relative;
    top: 25%;
}
.gj04 .gjlb .gjbottom h2{
    font-size: 24px;
    line-height: 33px;
    margin-bottom: 10px;
}
.gj04 .gjlb .gjbottom span{
    font-size: 16px;
    line-height: 22px;
}
.gj04 .gjlb .gjbottom p{
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    margin-top: 20px;
}
/*********************************/
.sxy{
    margin-bottom: 55px;
}
.sxytp{
    margin-bottom: 25px;
}
.sxytp .sxyleft{
    width: 47%;
    padding: 1%;
    display: inline-block;
}
.sxytp .sxyleft img{ width: 100%;}
.jg{ margin-bottom: 25px;}
.jxtp{ width: 100%; margin-top: 25px;}
.jxtp img{ width: 90%; margin: 0 5%;}
/*********************************/
.xym{
    width: 76%;
    float: right;
    height: auto;
    overflow: hidden;
}
.jlnr{
    padding: 5% 0 5% 0;
}
.jcbsss{
    padding: 5% 0 13% 0;
}
.jlnr .xymnr .jllb{
    text-align: center;
    margin-bottom: 50px;
}
.jlnr .xymnr .jllb .jlwz{
    font-size: 30px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #222222;
    line-height: 42px;
    margin-bottom: 30px;
    text-decoration: underline;
}
.jlnr .xymnr .jllb .jlwz a{
    color: #222222;
}
.jlnr .xymnr .jllb img{
    width: 90%;
    margin: 0 5%;
}
.bt .left.jcb {
    position: relative;
    top: 32px;
    left: -24%;
}
.bt .right.jcb {
    position: relative;
    top: -26px;
    right: -24%;
}
.xymnr .text{
    font-size: 20px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #666666;
    line-height: 36px;
}
.text.zd{
   margin-top: 30px;
   color: #191919;
   text-indent: 2em;
   font-weight: 600;
}
.jcbz{
    position: relative;
}
.zytp{
    text-align: center;
}
.zytp img{
    width: 50%;
    margin: 0 auto;
}
.zyjj .text{
    margin: 30px 0;
}
/*********************************/
.ztxq{
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #191919;
    
}
.ztxq .zbtg{
    font-size: 28px;
    text-align: center;
    line-height: 40px;
}
.ztxq .xqz{
    padding-bottom: 0;
}
.ztxq .xqz p{
    font-size: 14px;
    color: #999999;
    line-height: 20px;
}
.ztxq .xqz .left.xqy{
    position: relative;
    top: 20px;
    left: -20%;
}
.ztxq .xqz .right.xqy{
    position: relative;
    top: -20px;
    right: -20%;
}
.ztxq .ztxqnr .xqwz{
    font-size: 16px;
    color: #000000;
    line-height: 28px;
    /*text-indent:2em;*/
    margin: 30px 0;
}

.ztxq .ztxqnr .xqwz div{
    font-size: 16px;
    color: #000000;
    line-height: 28px;
    /*text-indent:2em;*/
    margin: 10px 0;
}

.ztxq .ztxqnr .xqwz div img{    max-width: 100%;}
/*********************************/

/*********************************/
.xwdt{
    height: auto;
    overflow: hidden;
}
.xwtp {
    height: 200px;
    width: 100%;
}
.xwdt .xwlb{
    width: 30%;
    display: block;
    margin: 3% 1%;
    position: relative;
    float: left;
    /*height: 300px;*/
}
.xwdt .xwlb .xwtp img{
    width: 368px;
    height: 100%;
    margin: 0 auto;
}
.xwdt .xwlb .xwnr{
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    padding: 30px 0 50px 0;
}
.xwdt .xwlb .xwnr h2{
    font-size: 20px;
    color: #222222;
    line-height: 28px;
    margin-bottom: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.xwdt .xwlb .xwnr p{
    font-size: 16px;
    color: #999999;
    line-height: 22px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.xwdt .xwlb .xwan{
    position: absolute;
    right: 0;
    bottom: 5px;
}
.xwdt .xwlb .xwan a{
    padding: 5px;
    background: #FFFFFF;
    border-radius: 20px;
    border: 1px solid #CF4342;
    height: auto;
    overflow: hidden;
}
.xwdt .xwlb .xwan a p{
    font-size: 14px;
    font-weight: 500;
    color: #CF4342;
    line-height: 20px;
    display: inline-block;
    margin: 0 10px;
}
.xwdt .xwlb .xwan a img{
    display: inline-block;
    margin: 0 10px;
}
.xwdt .xwlb:hover .xwnr h2{color: #CF4342;}
.xwdt .xwlb:hover .xwnr p{color: #CF4342;}

.xwfy{
    height: auto;
    /*overflow: hidden;*/
    position: relative;
    margin: 5% 0;
    text-align: center;
}
.xwfy .fyleft{
    width: 40px;
    height: 40px;
    border: 1px solid #CF4342;
    border-radius: 50px;
    position: relative;
    display: inline-block;
}
.xwfy .fyleft img{
    width: 50%;
    position: absolute;
    top: 28%;
    left: 25%;
}
.xwfy .fysz{
    display: inline-block;
    margin: 0 20px;
    position: relative;
    top: -16px;
}
.xwfy .fysz ul li{
    font-size: 16px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #999999;
    line-height: 22px;
    display: inline-block;
    margin: 0 10px;
}
.xwfy .fysz ul li a{
    font-size: 16px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #999999;
    line-height: 22px;
}
.xwfy .fysz ul .on a{
    color: #CF4342;
}
.xwfy .fytj{
    font-size: 16px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #999999;
    line-height: 22px;
    display: inline-block;
    position: absolute;
    top: 16%;
    right: 0;
}
.fhan{
    position: absolute;
    top: 26%;
    right: 5%;
}
.fhan img{
    margin: 0 auto;
}
.hwfc{
    text-align: center;
}
.hwfc .zytp{
    margin: 30px 0;
}
/*********************************/
.xxbsjj{
    height: auto;
    overflow: hidden;
    background: linear-gradient(90deg, #CF4342 0%, #A7232D 100%);
    position: relative;
    padding: 5%;
}
.xxbsjj h3{
    font-size: 24px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 33px;
    margin-bottom: 2%;
}
.xxbsjj p{
    font-size: 16px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 22px;
}
.xxbstp{
    text-align: center;
}
.xxbstp>div {
    margin: 10% auto;
    width: 25%;
}
.xxbstp>div img{ width: 100%;}
.xxbstp p{
    font-size: 16px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #000000;
    line-height: 22px;
    margin-top: 10%;
}
/*********************************/
.xxldnr{
    padding-top: 6%;
}
.xxldlb{
    height: 300px;
    background: #FFFFFF;
    box-shadow: 0px 5px 26px 0px rgba(0, 0, 0, 0.06);
    border-radius: 4px;
    position: relative;
    padding: 3%;
    margin-bottom: 10%;
    transition: all 0.5s;
    cursor: pointer;
}
.xxldlbtp{
    display: inline-block;
    width: 20%;
    position: absolute;
    top: -15%;
}
.xxldlbtp img{
    width: 100%;
}
.xxldlbwz{
    display: inline-block;
    width: 65%;
    position: relative;
    left: 34%;
}
.xxldlbwz h3{
    font-size: 24px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #222222;
    line-height: 33px;
    margin-bottom: 20px;
}
.xxldlbwz p{
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #222222;
    line-height: 28px;
}

.xxldlb:hover{ transform: scale(1.1);}
/*.xxldlb:hover .xxldlbwz h3,.xxldlb:hover .xxldlbwz p{ color: #a7232d;}
.xxldlb:hover .xxldlbtp img {box-shadow: darkgrey 0px 0px 15px 0px;}*/

.xshnr>div {
    margin: 20px auto ;
}
.xshtp{
    width: 65%;
    margin: 0 auto;
}
.xshtp img{ width: 100%;}
.xshwz{
    font-size: 16px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #000000;
    line-height: 28px;
}


/*********************************/
.xsfw{
    height: 500px;
}
.xsfw img{
    height: 100%;
}
.xsfwnr{
    margin-top: 10%;
}
.xsfwlb{
    width: 31%;
    height: 470px;
    margin: 0 1%;
    background: #FFFFFF;
    box-shadow: 0px 12px 26px 0px rgba(0, 0, 0, 0.06);
    border-radius: 4px;
    margin-bottom: 15%;
    position: relative;
    float: left;
}
.xsfwlbtp{ 
    width: 90%;
    margin: 0 auto;
    position: absolute;
    top: -20%;
    right: 0;
    left: 0;
}
.xsfwlbtp img{ width: 100%;}
.xsfwlbwz{
    width: 90%;
    margin: 0 auto;
    position: relative;
    top: 30%;
}
.xsfwlbwz h3{
    font-size: 24px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #222222;
    line-height: 33px;
    margin-bottom: 5%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.xsfwlbwz p{
    font-size: 16px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #222222;
    line-height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
}
/*********************************/
.jlzx01{  text-align: left;}
.jlzx01 .text {  margin-bottom: 20px;}
.djgz .xwdt .xwlb .xwnr h2 { font-size: 16px;}
.djgz .xwdt .xwlb .xwnr p {  font-size: 13px;}
.xshd .xwdt .xwlb .xwnr h2 { font-size: 16px;}
.xshd .xwdt .xwlb .xwnr p {
    -webkit-line-clamp: 2; font-size: 13px;
}
/*********************************/
.xyss{}
.xysslb{
    width: 100%;
    height: 420px;
    background: #CF4342;
    position: relative;
    overflow: hidden;
    margin: 4% 0;
}
.xysslbtp{
    width: 40%;
    height: 100%;
    display: inline-block;
    position: absolute;
}
.xysslbtp img { 
    width: 100%;
    height: 100%;
}
.xysslbwz{
    width: 54%;
    float: right;
    display: inline-block;
    padding: 5% 3%;
    /*position: relative;*/
}
.xysslbjs{
    font-size: 16px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 28px;
    height: 218px;
    overflow-y: auto;
}
::-webkit-scrollbar-thumb{
    border-radius: 10px;
    box-shadow: inset 0 0 3px rgba(0, 0, 0, .1);
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, .1);
    background-color: #c8c8c8;
  }
  ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
  }
  ::-webkit-scrollbar{
    width: 7px;
    height: 7px;
    background-color: #F5F5F5;
  }
.xysslbts{
    margin-top: 12%;
}
.xysslbts01 img{
    width: 24px;
    display: inline-block;
    position: relative;
    top: 8px;
    margin-right: 10px;
}
.xysslbts01 p{
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 28px;
    display: inline-block;
}
.xysslbmc{
    position: absolute;
    right: 15px;
    bottom: 4%;
}
.xysslbmc h2{
    font-size: 38px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #FFFFFF;
    line-height: 53px;
    display: inline-block;
    position: relative;
    right: 30%;
}
.xysslbhx{
    width: 14px;
    height: 76px;
    background: #FFFFFF;
    display: inline-block;
    position: absolute;
    bottom: 12%;
    right: 2%;
}
.right .xysslbtp{ right: 0;}
.right .xysslbwz{
    float: left;
    padding: 5% 3%;
}
.right .xysslbmc{
    right: auto;
    left: 15px;
}
.right .xysslbmc h2{    right: auto;left: 45px;}
.right .xysslbhx{
    right: auto;
    left: 0;
}
/*********************************/
.zlxz{}
.zlxzbox{
    height: auto;
    /*background: #000000c7;*/
    background-image: url('/lib/template/static/images/bj.png');
    background-repeat: no-repeat;
    background-size:100% 100%;
    /*opacity: 0.7;*/
    padding: 2% 4%;
}
.zlxzlb{
    width: 41%;
    height: auto;
    background: #FFFFFF;
    opacity: 0.9;
    display: inline-block;
    margin: 2%;
    padding: 2%;
    position: relative;
}
.zlxzlbtp{
    display: inline-block;
    width: 48px;
    height: 48px;
}
.zlxzlbtp img{ width: 100%;}
.zlxzlbnr{
    display: inline-block;
    margin-left: 2%;
    width: 65%;
}
.zlxzlbbt{
    font-size: 18px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #222222;
    line-height: 25px;
    margin-bottom: 2%;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.zlxzlbsx{
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #222222;
    line-height: 17px;
}
.zlxzlban{
    display: inline-block;
    position: absolute;
    right: 4%;
    width: 50px;
}
.zlxzlban a{
    width: 100%;
    height: 100%;
}
.zlxzlban a img{}
/*********************************/
/*********************************/
/*********************************/
/*********************************/
@media only screen and (max-width:1860px){
    .main01{
        width: 70%;
    }
}
@media only screen and (max-width:1680px){
    .xyh01 .xymd .xylb .xyleft .xymz {
        font-size: 18px;
    }
    .xyh01 .xymd .xymc {
        font-size: 22px;
        margin-bottom: 10px;
    }
}
@media only screen and (max-width:1620px){
    .main{
        width: 90%;
        margin: 0 auto;
    }
    .header-box {
        /*width: 90%;*/
    }
    .header-nav>ul {
        width: auto;
    }
    .header-nav a {
        padding: 0 5px;
    }
    /*.cssjs{width: 90%;}*/
    .wrap {
        /*width: 90%;*/
    }
    .xyfg {
        width: 90%;
    }
    .xyfg .xyfgnr .nrlb {
        padding: 10px 5px;
    }
    .yx{
        width: 80%;
    }
    .videotc .sp .spbf .modal {
        top: 28%;
    }
    .xsfwnr {
        margin-top: 10%;
    }
    .cssjs{ width: 90%;}
    /*
    #webHeader {display: block;height: auto;overflow: hidden;    position: relative;}
    .header-banner.header-active{background-color:#fff;box-shadow:0 5px 10px 0 rgba(0,0,0,.1);position:fixed;top:0;left:0;width:100%;z-index:200}
    .header-banner{transition:all 1s}
    .nav{background:#f8f8f8;text-align:center;font-size:.3rem;transition:all .5s;padding:15px}
    .menu-brand>a{height:100%}
    .menu-brand img{max-height:100%;display:block}
    .menu-cnt>ul>li>a{height:40px;width:100%;text-align:left;line-height:40px;color:#333;display:block;border-bottom:1px solid #ebebeb}
    .menu-cnt>ul>li a.active,.menu-cnt>ul>li a:hover{color:#cf4342}
    .hb-logo{ float: left;}
    .hb-icon{ float: right;position: absolute;top: 30%;right: 3%;}
    .hb-logo img{width: auto;}
    .hb-icon img{width:30px}
    .hb-icon{width:50%;text-align:right;padding:0}
    .header-banner{height:60px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;align-self:center;padding:7px 15px;position:relative}
    #PCheader{display:none}
    .navContent{padding:15px 0 0;display:none;flex-wrap:wrap;justify-content:space-between}
    .navContent>a{width:47.8%;height:40px;line-height:40px;text-align:center;display:block;float:left;background-color:#ebebeb;border-radius:5px;font-size:13px;color:#666;margin-bottom:15px}
    .nclb-info{left:20px}
    .blog_list{width:100%}
    .banner {margin-top: 0; }
    
    .container {margin-top: 0!important;}*/
}
@media only screen and (max-width:1595px){
    
}
@media only screen and (max-width:1450px){
    .jcbz .left.jcb {
        position: absolute;
        top: 17%;
        left: 17%;
    }
    .jcbz .right.jcb {
        position: absolute;
        top: 17%;
        right: 17%;
    }
}
@media only screen and (max-width:1360px){
    .xyh01 .xymd .xylb .xyleft .xymz {
        font-size: 18px;
    }
    .xyh01 .xymd .xymc {
        font-size: 22px;
        margin-bottom: 15px;
    }
    .xyh02 .xyhtext {
        width: 80%;
    }
    .videotc .sp .spbf .modal {
        width: 80%;
    }
    .xyfg.gj {
        width: 100%;
    }
    .gj01 {
        margin-top: 0;
    }
    .gj01 .gjleft {
        display: inline-block;
        width: 40%;
        padding: 2%;
        position: relative;
        top: auto;
        left: auto;
    }
    .gj01 .gjright {
        display: inline-block;
        width: 50%;
        padding: 2%;
        position: relative;
        left: auto;
    }
    .gj02 {
        margin-top: 60px;
    }
    .gj02 .gjleft {
        display: inline-block;
        width: 41%;
        padding: 2% 2% 0;
    }
    .gj02 .gjright {
        display: inline-block;
        position: absolute;
        top: auto;
        right: auto;
        width: 50%;
        padding: 2%;
    }
}
@media only screen and (max-width:1320px){
    .gj04 {
        margin-top: 5%;
    }
    .gj04 .gjlb {
        height: 550px;
    }
    .gj04 .gjlb .gjtop {
        position: relative;
        top: 5%;
        left: 0;
    }
    .gj04 .gjlb .gjbottom {
        top: 3%;
    }
    .jcbz .left.jcb {
        position: absolute;
        top: 17%;
        left: 12%;
    }
    .jcbz .right.jcb {
        position: absolute;
        top: 17%;
        right: 12%;
    }
    .xwdt .xwlb {
        margin: 3% 0.5%;
    }
    .syfooter .logoleft {
        width: 45%;
    }
    .syfooter .lxfsright {
        right: 10%;
    }
}
@media only screen and (max-width:1200px){
    .xyfg .xyfgnr .nrlb .nrzs {
        height: 134px;
    }
    .xyfg .xyfgnr .nrlb .nrzs .nrsm {
        top: -171px;
    }
    .nr{
        height: auto;
    }
    .jyleft {
        width: 100%;
        left: 0;
    }
    .jyright {
        width: 50%;
        position: absolute;
        top: 50%;
        right: 5%;
    }
    .xyh02 .xyhtext .xyhyl {
        font-size: 22px;
    }
    .xyh02 .xyhtext .xyhlz {
        font-size: 22px;
    }
    .xyh03 .zpsl .xzhzpbt {
        font-size: 22px;
    }
    .xyh01 .xymd .xylb .xyleft .xymz {
        font-size: 17px;
    }
    .gj01 .gjright p {
        font-size: 18px;
    }
    .gj02 .gjleft span {
        font-size: 22px;
    }
    .gj02 .gjleft p {
        margin-top: 3%;
        margin-bottom: 7%;
    }
    .gj03 .gjjxlb {
        width: 47%;
    }
    .yslb .yslblist .wz{
        font-size: 22px;
    }
    .ztxq .xqz .left.xqy {
        position: relative;
        top: 20px;
        left: -24%;
    }
    .ztxq .xqz .right.xqy {
        position: relative;
        top: -20px;
        right: -24%;
    }
    .xsfwlbwz {
        top: 25%;
    }
}
@media only screen and (max-width:1100px){
    .xyfg .xyfgnr .nrlb .nrzs .nrsm {
        top: -157px;
    }
    .xyh01 .xymd .xylb .xyleft {
        width: 100%;
    }
    .xyh01 .xymd .xylb .xyleft .xymz {
        font-size: 20px;
    }
    .gj01 .gjleft {
        width: 37%;
        padding: 5px;
    }
    .gj01 .gjright {
        width: 60%;
        padding: 5px;
    }
    .gj04 .gjlb {
        height: 560px;
        width: 32%;
        margin: 0 5px;
    }
    .jcbz .left.jcb {
        position: absolute;
        top: 17%;
        left: 8%;
    }
    .jcbz .right.jcb {
        position: absolute;
        top: 17%;
        right: 8%;
    }
}
@media only screen and (max-width:1024px){
    
    .xyfg .xyfgnr .nrlb .nrzs .nrsm {
        top: -138px;
    }
    .sj .lmlb {
        top: 0;
    }
    .nr {
        height: auto;
    }
    .gj01 .gjright p {
        font-size: 16px;
        line-height: 30px;
    }
    .gj04 .gjlb {
        height: auto;
        width: 80%;
        margin: 5% 10%;
        padding: 2% 0;
    }
    .gj04 .gjlb:hover {
        margin-top: 5%;
    }

    .ztxq .xqz .left.xqy {
        position: relative;
        top: 20px;
        left: -28%;
    }
    .ztxq .xqz .right.xqy {
        position: relative;
        top: -20px;
        right: -28%;
    }
    .xwdt .xwlb {
        width: 47%;
    }
    .xsfwlb {
        width: 45%;
        height: 420px;
        margin: 0 2.5%;
        margin-top: 5%;
        margin-bottom: 15%;
    }
    .xsfwlbwz {
        top: 35%;
    }
}
@media only screen and (max-width: 950px){
    .header-right a {padding: 0 0.5rem;}
}
@media only screen and (max-width: 940px){
    .xym {width: 100%;}
    .sj .lmlb ul li {
        padding: 10px 0;
        border-top: 2px solid #A7232D;
        width: 30%;
        float: left;
    }
    .sj .lmlb{
        left: 3%;
    }
    .circle{
        margin-right: 0;
    }
    .sj .lmlb {
        width: 100%;
        margin: 20px 0;
    }
    .sjxytp {
        width: 100%;
        float: right;
    }
    .sj .lmlb ul {
        border-left: none;
    }
    
    .circle {
        position: relative;
        top: -33px;
        left: 52px;
    }
    .sj .lmlb ul li a span {
        font-size: 18px;
    }
    .sj .lmlb ul .active a span{
        font-size: 18px;
        font-weight: 600;
    }
}
@media only screen and (max-width: 920px){
    .gj01 .gjleft {
        width: 80%;
        padding: 10%;
    }
    .gj01 .gjright {
        width: 80%;
        padding: 10%;
        padding-top: 0;
        margin-top: -5%;
    }
    .gj02 .gjleft {
        width: 80%;
        padding: 10%;
    }
    .gj02 .gjright {
        position: relative;
        width: 80%;
        padding: 10%;
        padding-top: 0;
        margin-top: -5%;
    }
    .yslb .yslblist .wz {
        font-size: 18px;
        height: 50px;
        line-height: 50px;
    }
    .xxldlb {
        height: auto;
    }
}
@media only screen and (max-width: 900px){
    .xyh03 .zpsl .xzhzpbt {
        font-size: 18px;
    }
    .xyh03 .zpsl .zpsltp {
        height: 400px;
    }
    .yslb .yslblist {
        width: 45%;
    }
    .sxytp .sxyleft{
        width: 80%;
        padding: 1% 10%;
        display: inline-block;
    }
    .jcbz .left.jcb {
        position: absolute;
        top: 17%;
        left: 0;
    }
    .jcbz .right.jcb {
        position: absolute;
        top: 17%;
        right: 0;
    }
    .ztxq .zbtg {
        font-size: 23px;
    }
    
    .ztxq .xqz .left.xqy {
        position: relative;
        top: 20px;
        left: -30%;
    }
    .ztxq .xqz .right.xqy {
        position: relative;
        top: -20px;
        right: -30%;
    }
    .xsfwlbwz {
        top: 30%;
    }
    .zlxzlbbt {
        font-size: 16px;
        width: 95%;
    }
    .zlxzlban {
        right: 1%;
    }
}
@media only screen and (max-width: 840px){
    .videoslb {
        width: 80%;
        margin: 2% auto;
        display: block;
    }
    .ztxq .xqz .left.xqy {
        position: relative;
        top: 20px;
        left: -40%;
    }
    .ztxq .xqz .right.xqy {
        position: relative;
        top: -20px;
        right: -40%;
    }
}
@media only screen and (max-width: 815px){
    .header-right a {padding: 0 0.3rem;}
}
@media only screen and (max-width: 800px){
    .xyfg .xyfgnr .nrlb .nrzs {
        height: 113px;
    }
    .xyfg .xyfgnr .nrlb .nrzs .nrsm {
        top: -116px;
    }
    .xyfg .xyfgnr .nrlb .nrzs .nrsm .nrtm {
        top: 25%;
    }
    .xyfg .xyfgnr .nrlb .nrzs .nrsm .nrsj {
        top: 30%;
    }
    .xytp {
        height: 300px;
    }
    
    .xyfgnr .text {
        padding: 0;
        width: 100%;
        margin: 0 auto;
    }
    .xyfgnr .text p {
        padding: 0;
        width: 90%;
        margin: 0 auto;
    }
    .xyfgnr .text div{
        padding: 0;
        width: 90%;
        margin: 0 auto;
    }
    .jyright {
        top: 25%;
    }
    .xym {
        width: 100%;
    }
    .jlnr {
        padding: 2% 0 10% 0;
    }
    
}
@media only screen and (max-width: 767px){
    #FlAD0{ display: none!important;}
    #FlAD1{ display: none!important;}
    .xyfg .xyfgnr .ke-zeroborder{ width: 100%;border-collapse: separate;border-spacing: 0px 2.5rem;}
    .xyfg .xyfgnr .ke-zeroborder tr{ margin: 1rem 0;}
    .xyfg .xyfgnr .ke-zeroborder td{ display: block;}
    .zzc{display:block}
    .xyfg .xyfgnr .nrlb .nrzs:hover .zzc{display:block}
    .zttp {
        width: 45%;
    }
    .xyfg {
        width: 100%;
    }
    .xyfg .xyfgnr .nrlb {
        width: 50%!important;
        padding: 0!important;
    }
    .xytp {
        height: 400px;
    }
    .xytp img {
        width: 100%;
        position: relative;
        top: -10%;
    }
    .xyfg .xyfgnr .nrlb .nrzs {
        height: 198px;    margin: 10px;
    }
    .xyfg .xyfgnr .nrlb .nrzs .nrsm {
        top: -202px;
    }
    .sj{padding-bottom: 0;}
    .sj .lmlb {
        width: 100%;
    }
    .jywz {
        height: 1200px;
    }
    .jyright {
        width: 90%;
        top: 25%;
        right: 5%;
    }
    .jyleft {
        top: 35%;
    }
    .xyh01 .xymd .xylb .xyleft .xymz {
        font-size: 18px;
    }
    .xyh02 .xyhtext .xyhyl {
        font-size: 18px;
    }
    .xyh02 .xyhtext .xyhlz {
        font-size: 18px;
    }
    .xyh02 .xyhtext .xyhlz {
        margin-top: 2%;
    }
    .xyh02 {
        padding: 10% 0;
    }
    .xyh03 {
        padding-top: 40px;
    }
    .xyh03 .zpsl .xzhzpbt {
        font-size: 15px;
        margin-top: 10px;
    }
    .xyh03 .zpsl .zpsltp {
        height: 350px;
    }
    .gj03 .gjjxlb {
        width: 80%;
        margin: 2% 10%;
    }
    .zytp img {
        margin: 0 auto;
        width: 90%;
    }
    /*.fhan{ display: none;}*/
    .single{position: relative;}
    .fhan {
        display: block;
        bottom: 0;
        top: auto;
        right: 2%;
    }
    .syfooter {
        width: 100%;
        height: auto;
        padding: 6% 0;
        text-align: center;
    }
    .syfooter .logoleft {
        width: 100%;
        margin: 0 auto;
        position: relative;
        text-align: center;
        top: 20%;
        margin-bottom: 25px;
    }
    .syfooter .logoleft img {
        width: auto;
        position: relative;
        right: auto;
    }
    .syfooter .yqljright {
        display: inline-block;
        position: relative;
        width: 100%;
        top: auto;
        right: auto;
    }
    .syfooter .lxfsright {
        display: inline-block;
        position: relative;
        width: 100%;
        top: auto;
        right: auto;
    }
    .mb{
        display: block;
    }
    .xxbstp>div {
        margin: 10% auto;
        width: 50%;
    }
    .xxldlb {
        text-align: center;
    }
    .xxldlbtp {
        display: block;
        width: 30%;
        position: relative;
        top: 0;
        margin: 0 auto
    }
    .xxldlbwz {
        width: 85%;
        position: relative;
        left: 0;
    }
    .xshnr>div {
        margin: 0 auto 20px;
    }
    .xshtp {
        width: 100%;
    }
    .xsfw{
        height: 300px;
    }
    .xsfwlb {
        width: 80%;
        height: auto;
        margin: 0 10%;
        margin-top: 0;
        margin-bottom: 10%;
    }
    .xsfwlbtp {
        width: 80%;
        margin: 0 auto;
        margin-top: 10%;
        position: relative;
        top: 0;
        right: 0;
        left: 0;
    }
    .xsfwlbwz {
        width: 85%;
        top: auto;
        margin: 5% auto 10%;
    }
    .xysslb {
        height: auto;
        margin: 10% 0;

    }
    .xysslbtp {
        width: 100%;
        height: auto;
        display: block;
        position: relative;
    }
    .xysslbwz {
        width: 94%;
        float: none;
        display: inline-block;
        padding: 5% 3%;
        position: relative;
        /* background: #00000069; */
    } 
    .xysslbmc {
        position: relative;
        right: auto;
    } 
    .xysslbmc h2 {
        position: relative;
        right: 0;
        left: -5%;
    }
    .xysslbhx {
        position: relative;
        bottom: -6px;
        right: 0;
        left: 0;
    }
    .right .xysslbmc {
        left: 0;
    }
    .right .xysslbmc h2 {
        /*right: auto;
        left: 5%;*/
            position: absolute;
    right: 0;
    left: 45px;
    bottom: 15px;
    }
    .right .xysslbhx {
        /*right: 30%;
        left: 0;*/
        left: 15px;
    bottom: 15px;
    }
    .left .xysslbmc{
        text-align: right;
        bottom: 15px;
    right: 15px;
    }
    .zlxzlb {
        width: 90%;
    }
    .ztxq .ztxqnr .xqwz img{
    width: 100% !important;
    height: auto !important;
}
.xymnr .text img{
    width: 100%;
    height: auto;
}
}
@media only screen and (max-width: 700px){
    .xwtp {
        height: auto;
    }
    .xwdt .xwlb {
        width: 90%;
        margin: 5%;
    }
    .xwdt .xwlb .xwtp img{
        width: 100%;
        height: auto;
        margin: 0 auto;
    }
}
@media only screen and (max-width: 650px){

    .xyfg .xyfgnr .nrlb .nrzs .nrsm {
        top: -175px;
    }
    .xyfg .xyfgnr .nrlb .nrzs {
        height: 171px;
    }
    .gj01 .gjleft {
        width: 90%;
        padding: 5%;
    }
    .gj01 .gjright {
        width: 90%;
        padding: 5%;
    }
    .gj02 .gjleft {
        width: 90%;
        padding: 5%;
    }
    .gj02 .gjright {
        width: 90%;
        padding: 5%;
    }
    .gj03 .gjjxlb {
        width: 90%;
        margin: 2% 5%;
    }
    .gj04 .gjlb {
        width: 90%;
        margin: 5%;
    }
    .gj04 .gjlb .gjbottom h2 {
        font-size: 20px;
        margin-bottom: 5px;
    }
    .gj04 .gjlb .gjbottom span {
        font-size: 15px;
    }
    .gj04 .gjlb .gjbottom p {
        font-size: 15px;
        margin-top: 15px;
    }
    .sxytp .sxyleft{
        width: 90%;
        padding: 1% 5%;
        display: inline-block;
    }
    .xwfy .fytj {
        width: 100%;
        position: relative;
    }
    .sjxytp .sxy p img{ width: 100% !important;}
}
@media only screen and (max-width: 540px){
    .xyfg .xyfgnr .nrlb {
        width: 44%;
        padding: 35px 14px;
    }
    .xyfg .xyfgnr .nrlb .nrzs {
        height: 146px;
    }
    .xyfg .xyfgnr .nrlb .nrzs .nrsm {
        top: -150px;
    }
    .xytp {
        height: 300px;
    }
    .videoslb .videoswz {
        font-size: 20px;
    }
    
    .bt .left {
        width: 20%;
        position: relative;
        top: 32px;
        left: -110px;
    }
    .bt .right {
        width: 20%;
        position: relative;
        top: -26px;
        right: -110px;
    }
    .xytp {
        height: 200px;
    }
    .yslb .yslblist .wz {
        font-size: 14px;
        height: 30px;
        line-height: 30px;
    }
    .jyleft {
        top: 26%;
    }
    .jyright {
        top: 30%;
    }
    .xyh01 .xymd{
        padding: 12px;
    }
    .xyh03 .zpsl .zpsltp {
        height: 240px;
    }
    .xyh03 .zpsl .xzhzpbt{
        line-height: 20px;
    }
    .xyh01 .xymd .xylb .xyleft .xymz p {
        width: 60px;
        font-size: 16px;
    }
    .xyh01 .xymd .xylb .xyleft .xymz {
        font-size: 16px;
    }
    .jlnr .xymnr .jllb .jlwz {
        font-size: 22px;
    }
    .bt.jcbz h2{
        font-size: 22px;
    }
    .ztnr {
        height: auto;
        overflow: hidden;
        background: url(/lib/template/static/images/ztbj.png) center center no-repeat;
        background-size: auto 100%;
    }
    .zttp {
        width: 98%;
    }
    .zlxzlb {
        width: 96%;
        margin: 2% 0;
        padding: 4% 2%;
    }
    .zlxzlbbt {
        font-size: 1.2em;
    }
}
@media only screen and (max-width: 420px){
    .xyh01 .xymd .xymc {
        font-size: 20px;
        margin-bottom: 5px;
    }
    .xyh01 .xymd .xylb .xyleft {
        margin: 5px 0;
    }
    .xyh01 .xymd .xylb .xyleft .xymz {
        font-size: 14px;
    }
    .xyh01 .xymd .xylb .xyleft .xymz p {
        width: 42px;
        font-size: 14px;
        margin-right: 2%;
    }
    .xyh02 .xyhtext .xyhyl {
        font-size: 16px;
    }
    
    .xyh02 .xyhtext .xyhlz {
        font-size: 16px;
    }
    .xyh03 .zpsl .zpsltp {
        height: 190px;
    }
    .yslb .yslblist {
        width: 43%;
    }
    .ztxq .xqz .left.xqy {
        position: relative;
        top: 0;
        left: -40%;
    }
    .ztxq .xqz .right.xqy {
        position: relative;
        top: 0;
        right: -40%;
    }
}
@media only screen and (max-width: 412px){
    .xyfg .xyfgnr .nrlb {
        width: 44%;
        padding: 35px 11px;
    }
    .xyfg .xyfgnr .nrlb .nrzs {
        height: 112px;
    }
    .xyfg .xyfgnr .nrlb .nrzs .nrsm {
        top: -116px;
    }
    .xyfg .xyfgnr .nrlb .nrzs .nrsm .nrtm {
        font-size: 16px;
        position: relative;
        top: 25%;
    }
    .xyfg .xyfgnr .nrlb .nrzs .nrsm .nrsj {
        font-size: 12px;
        position: relative;
        top: 30%;
    }
    .xytp {
        height: 200px;
    }
    .yslb {
        margin-top: 10px;
    }
    .jyleft {
        top: 20%;
    }
    .jyright {
        top: 30%;
    }
    .xyh01 .xymd .xylb .xyleft .xymz {
        font-size: 13px;
    }
    .zlxzlban {
        right: 1%;
    }
}
@media only screen and (max-width: 375px){
    .xyfg .xyfgnr .nrlb {
        width: 44%;
        padding: 35px 10px;
    }
    .jyright {
        top: 22%;
    }
    .jyleft {
        top: 15%;
    }
    .xyh01 .xymd .xylb .xyleft .xymz {
        font-size: 12px;
    }
    
}
@media only screen and (max-width: 360px){
    .xyfg .xyfgnr .nrlb {
        width: 45%;
        padding: 8px 8px;
    }
    .xyfg .xyfgnr .nrlb .nrzs .nrsm {
        top: -103px;
    }
    .xyfg .xyfgnr .nrlb .nrzs {
        height: 100px;
    }
    .xyfg .xyfgnr .nrlb .nrzs .nrsm .nrtm {
        font-size: 16px;
        position: relative;
        top: 24%;
    }
    .xyfg .xyfgnr .nrlb .nrzs .nrsm .nrsj {
        font-size: 12px;
        position: relative;
        top: 30%;
    }
    .jyright {
        top: 30%;
    }
    .xyh01 .xymd .xymc {
        font-size: 18px;
        margin-bottom: 0;
    }
    
    .xyh02 .xyhtext {
        width: 90%;
    }
    .xyh02 .xyhtext .xyhyl {
        font-size: 15px;
    }
    .xyh02 .xyhtext .xyhlz {
        font-size: 15px;
    }
    .xyh03 {
        padding-top: 25px;
    }
    .xyh03 .zpsl .zpsltp {
        height: 160px;
    }
    .xwfy .fysz {
        margin: 0 10px;
    }
    .zlxzlbnr {
        display: inline-block;
        margin-left: 0;
    }
    .zlxzlban {
        right: 0;
    }
    
}
@media only screen and (max-width: 320px){

    .xyfg .xyfgnr .nrlb {
        width: 44%;
    }
    .xyfg .xyfgnr .nrlb .nrzs {
        height: 87px;
    }
    .sj .lmlb ul .active a span {
        font-size: 16px;
        font-weight: 600;
    }
    .sj .lmlb ul li a span {
        font-size: 16px;
    }
    .xyh01 .xymd .xylb .xyleft .xymz {
        font-size: 15px;
    }
    .xyh01 .xymd .xylb .xyleft .xymz p {
        width: 45px;
        font-size: 15px;
    }
    .jlnr .xymnr .jllb .jlwz {
        font-size: 20px;
    }
    .xwfy .fysz ul li {
        margin: 0 6px;
    }
    .zlxzlbbt {
        font-size: 15px;
        width: 90%;
    }
}
@media only screen and (max-width: 280px){
    .bt h2 {
        color: #222222;
        font-size: 20px;
    }
    .xyfg .xyfgnr .nrlb {
        width: 42%;
    }
    .xyfg .xyfgnr .nrlb .nrzs {
        height: 73px;
    }
    .xytp {
        height: 120px;
    }
    .jyleft .wb {
        margin: 5%;
    }
    .xwfy .fysz ul li {
        margin: 0 5px;
    }
}

/*changed by ch 20230421*/
.flex_bet{display: flex;justify-content: space-between;align-items: center;}
.foot_bc_0419{background-color: #a61c4b;padding: 60px 0 81px;}
.foot_0419 {width: 61.25%;margin: 0 auto;align-items: unset}
.foot_0419 .foot_left_0419{width: 25.51%;min-width: 300px}
.foot_0419 .foot_left_0419 img{width: 100%;max-width: 300px;}
.foot_0419 .foot_left_0419 p{font-size: var(--fz18);color: #FFFFFF;line-height: 30px;}
.foot_0419 .foot_left_0419 p:nth-of-type(1){margin-top: 20px}
.foot_0419 .foot_right_0419{width: 38.946%;align-items: unset}
.foot_0419 .foot_right_0419 .list{width: 44%;display: flex;flex-direction: column;align-items: center;}
.foot_0419 .foot_right_0419 .list h2{font-size: var(--fz20);color: #FFFFFF;line-height: 30px;margin-bottom: 20px}
.foot_0419 .foot_right_0419 .list a{font-size: 18px;color: #FFFFFF;line-height: 40px;text-align: center;}
.foot_0419 .foot_right_0419 .list a:hover{color: #9d8888}
.foot_0419 .foot_right_0419 span{height: 20px;border-left: 2px solid #CCCCCC;}

@media (max-width: 980px){
    .foot_0419{width: 95%;flex-direction: column;}
    .foot_0419 .foot_left_0419,.foot_0419 .foot_right_0419{width: 100%}
    .foot_0419 .foot_right_0419{margin-top: 10px}
    .foot_bc_0419{padding: 20px 0}
.ztxq .xqz .left.xqy{display:none}
.ztxq .xqz .right.xqy{display:none}
}














