#wrap{

    

    /* background: #EFEFEF; */

    }

    .con{

        width: 1428px;

        margin: 0 auto;

        display: flex;

        margin-top: 0px;

        z-index: 9;

        justify-content: space-between;

        position: relative;

        margin-bottom: 68px;

        margin-top: 66px;

    }
.b_1 {
    background: rgba(0, 0, 0, .3);
}
    .con-l{

    width: 178px;

    height: 198px;

    }

    .con-r{

        width: 1218px;

    height: 876px;

    background: #FFFFFF;

    opacity: 1;

    

    }
.pdf-img{
    width: 100%;
}
    .con-l-tit{

    height: 112px;

    background: #003874;

    opacity: 1;

    text-align: center;

    display: flex;

    }

    .con-l-tit h5{

        font-size: 20px;

        font-family: Microsoft YaHei;

        font-weight: bold;

        line-height: 112px;

        color: #FFFFFF;

        opacity: 1 !important;

    }

    .con-l ul{

        background: #F8F8F8;

    }

    .con-l li{

        margin-left: 26px;

        height: 66px;

        width: 129px;

        transition: all 0.2s;

        border-bottom: 1px solid #F8F8F8;

    }

    .con-l li a{

        font-size: 16px;

        font-family: Microsoft YaHei;

        font-weight: 400;

        line-height: 66px;

        color: #666666;

        opacity: 1;

        transition: all 0.2s;

    }

    .con-l img{

        margin-right: 22px;

        margin-left: 2px;

        opacity: 0;

        transition: all 0.2s;

    }

    .more {

        font-size: 16px;

        font-family: Microsoft YaHei;

        font-weight: 400;

        display: flex;

    }

    .more a {

        color: #003874;

        margin-right: 5px;

        margin-top: 1px;

        display: block;

        transition: all 0.5s;

    }

    .con-l .active4{

        border-bottom: 1px solid #003366;

        opacity: 1;

    }

    .con-l .active4 img{

        opacity: 1;

    }

    .con-l .active4 a{

        color: #003366;

    }

    .con-l li:hover{

        border-bottom: 1px solid #003366;

    }

    .con-l li:hover > img{

        opacity: 1;

    }

    .con-l li:hover > a{

    color: #003366;

    }

    .con-r{

       

    }

    .con-r h3{

    font-size: 30px;

    font-family: Microsoft YaHei;

    font-weight: bold;

    line-height: 24px;

    color: #003366;

    opacity: 1;

    text-align: center;

    margin-top: 70px;

    margin-bottom: 20px;

    }

    .con-r dd{

        width: 60px;

    height: 0px;

    border: 4px solid #003366;

    opacity: 1;

    text-align: center;

    margin: 0 auto;

    margin-bottom: 44px;

    }

    .con-r p{

    font-size: 18px !important;

    font-family: Microsoft YaHei !important;

    font-weight: 400 !important;

    line-height: 32px !important;

    color: #666666 !important;

    margin-left: 80px;

    margin-right: 80px;

    opacity: 1;

    text-indent: 40px;

    margin-bottom: 33px;

    }

    .con-r span{

        color: #003366 !important;

    }
    .tabA h3 {
        font-size: 28px;
        font-family: Microsoft YaHei;
        font-weight: bold;
        line-height: 37px;
        color: #003366;
        opacity: 1;
        margin-left: 19px;
    }
    .tabA  h3::before {
        content: ' ';
        position: absolute;
        margin-top: 9px;
        margin-left: -19px;
        width: 3px;
        height: 24px;
        background: #003366;
    }
    .con-biao{

        position: absolute;

        right: 0;

        bottom: -47px;

    }

    /* <style> */

    /* 布局布局布局布局布局布局布局布局布局布局布局布局布局布局布局布局布局布局 */

    

    .flex {

        display: flex;

        flex-flow: row nowrap;

    }

    

    .flex-y {

        display: flex;

        flex-flow: column nowrap;

    }

    

    .flex-wrap {

        flex-wrap: wrap;

    }

    

    .flex-x-end {

        justify-content: flex-end;

    }

    

    .flex-x-y {

        justify-content: center;

        align-items: center;

    }

    

    .flex-x-start {

        justify-content: flex-start;

    }

    

    .flex-x-center {

        justify-content: center;

    }

    

    .flex-x-between {

        justify-content: space-between;

    }

    

    .flex-x-b {

        justify-content: space-between;

    }

    

    .flex-x-around {

        justify-content: space-around;

    }

    

    .flex-x-a {

        justify-content: space-around;

    }

    

    .flex-y-start {

        align-items: flex-start;

    }

    

    .flex-y-end {

        align-items: flex-end;

    }

    

    .flex-y-center {

        align-items: center;

    }

    

    .flex-y-x {

        justify-content: center;

        align-items: center;

    }

    

    .text-center {

        text-align: center;

    }

    

    .box-box {

        box-sizing: border-box;

    }

    

    .text-hidden {

        overflow: hidden;

        white-space: nowrap;

        text-overflow: ellipsis;

    }

    

    .hidden {

        overflow: hidden;

    }

    

    .text-right {

        text-align: right;

    }

    

    .flex-1 {

        flex: 1;

    }

    

    .title-list {

        height: 40px;
        margin-bottom: 50px;
      

    }

    

    .title-item {

        color: #8B8B8B;

        font-size: 18px;

        font-weight: 600;

        margin-right: 20px;

        position: relative;

        cursor: pointer;

    }

    

    .title-item-active {

        color: #003366;

    }

    

    .title-item-active::after {

        position: absolute;

        content: "";

        width: 100%;

        height: 2px;

        background-color: #003366;

        bottom: -8px;

        left: 0;

        z-index: 2;

    }

    /* 一级隐藏 */

    

    .new-list-item {

        display: none;

    }

    

    .new-list-item-active {

        display: flex;

    }

    

    .new-list-item-box {

        width: 682px;

        height: 490px;

        background-color: #f4f4f4;

        overflow: hidden;

        position: relative;

        display: none;

        align-items: flex-end;

    }

    

    .new-list-item-box-active {

        display: flex;

    }

    

    .new-list-item-list {

        width: 527px;

        height: 490px;

        /* overflow-y: scroll; */

        position: relative;

    }

    

    .new-list-item-box img {

  /*      width: 100%;

        height: 490px;*/

        vertical-align: top;

        position: absolute;

            left: 50%;
    top: 0;
    z-index: 0;
    transform: translateX(-50%);

    }

    

    .new-list-item-box div {

        position: relative;

        z-index: 3;

        color: #FFFFFF;

        box-sizing: border-box;

        padding: 0 11px;

    }

    

    .ns-text-limit2 {

        display: -webkit-box;

        overflow: hidden;

        -webkit-box-orient: vertical;

        text-overflow: ellipsis;

        -webkit-line-clamp: 1;

        /* word-wrap: break-word; */

        word-break: break-all;

    }

    

    .new-list-nav-item {

        width: 518px;

        height: 70px;
        line-height:70px;
        padding-left: 30px;
        color: #595959;

        position: relative;

        box-sizing: border-box;

        /*padding: 25px 10px 0 30px;*/

    }

    

    .new-list-nav-item+.new-list-nav-item {

        /* border-top: 1px solid #8B8B8B; */

    }

    
/* 
    .new-list-nav-item-active {

        color: #003366;

background: #E5E5E5;

    } */
    .new-list-nav-item-active {

        color: #fff;

background: #003366;

    }
    .new-list-nav-item-active > .ns-text-1>  a{

        color: #fff;
    }

    .tabA{
width: 1218px;
        margin-top: -13px;

    }

    /* .new-list-nav-item-active::after {

        position: absolute;

        content: "";

        left: 0;

        top: 0;

        height: 100%;

        width: 4px;

        background-color: #003366;

        z-index: 2;

    } */

    /*  */
  
    .ns-text-1 a{

        font-size: 18px;

        font-family: Microsoft YaHei;

        font-weight: 400;

        color: #333333;

        opacity: 1;

    }

    .new-list-nav-item-active > .ns-text-1 {

        color: #333333;

        font-weight: bold;

    }

    .l-tit{

        font-size: 22px;

        font-family: Microsoft YaHei;

        font-weight: bold;

        color: #FFFFFF;

        opacity: 1;

    margin-bottom: 15px;
    margin-top: 15px;
    }

    .l-txt{

        font-size: 16px;

        font-family: Microsoft YaHei;

        font-weight: 400;

        line-height: 26px;

        color: #FFFFFF;

        opacity: 1;

        text-overflow: -o-ellipsis-lastline;

        overflow: hidden;

        text-overflow: ellipsis;

        display: -webkit-box;

        -webkit-line-clamp: 2;

        line-clamp: 2;

        -webkit-box-orient: vertical;

        margin-bottom: 15px;

    }

    .con-l-tit h5::after{

        position: absolute;

        content: "";

        left: 82px;

        top: 86px;

        width: 23px;

        height: 1px;

        background: #FFFFFF;

        z-index: 2;

    }

    .con-l-tit img{

        width: 8px;

        height: 8px;

        z-index: 2;

        opacity: 1;

        margin-top: 50px;

    margin-left: 25px;

    }

    .con2{

        width: 1209px;

        margin: 0 auto;

        padding-left: 218px;

    }

    .con2-tit{

        display: flex;

        justify-content: space-between;margin-bottom: 44px;

    }

    .con2-tit h3{

        font-size: 28px;

        font-family: Microsoft YaHei;

        font-weight: bold;

        line-height: 37px;

        color: #003366;

        opacity: 1;       

        margin-left: 19px;

}

    .con2-tit h3::before {

        content: ' ';

        position: absolute;

        margin-top: 9px;

        margin-left: -19px;

        width: 3px;

        height: 24px;

        background: #003366;

    }

    .more{

font-size: 16px;

font-family: Microsoft YaHei;

font-weight: 400;

color: #666666;

    }

    .con2-c{

        width: 100%;

        height: 526px;

        background: url('../img/new/aa2-tuya.jpg');

        /*margin-bottom: 105px;*/

    }

.con2-c ul{

padding-top: 65px;

}

.con2-c-img{

    width: 280px;

height: 207px;

overflow: hidden;

}

.con2-c-txt{

width: 280px;

height: 145px;

background: #FFFFFF;

opacity: 1;    

}

.con2-c-txt h5{

height: 45px;

font-size: 15px;

font-family: Microsoft YaHei;

font-weight: 400;

line-height: 24px;

margin: 0 16px;

padding-top: 15px;

margin-bottom: 10px;

color: #333333;

opacity: 1; 

text-overflow: -o-ellipsis-lastline;

overflow: hidden;

text-overflow: ellipsis;

display: -webkit-box;

-webkit-line-clamp: 2;

line-clamp: 2;

-webkit-box-orient: vertical;   

}

.con2-c-txt p{

font-size: 12px;

font-family: Microsoft YaHei;

font-weight: 400;

line-height: 18px;

color: #666666;

margin: 0 16px;

opacity: 1;

text-overflow: -o-ellipsis-lastline;

overflow: hidden;

text-overflow: ellipsis;

display: -webkit-box;

-webkit-line-clamp: 3;

line-clamp: 3;

-webkit-box-orient: vertical;

}

.con2-c-img img{

transition: all 0.5s;

}

.con2 ul:hover > .con2-c-img > img{

    transform: scale(1.1);

}

.con3{

    width: 1209px;

    margin: 0 auto;

    padding-left: 218px;

}



.con3 ul{

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    transition: all 0.5s;

}

.con3 li{

    width: 280px;

    /* height: 396px; */

    background: #E5E5E5;

    opacity: 1;

    position: relative;

}

.con3 li img{

    display: block;

    margin:0 auto;

}

.con3 li h5{

    font-size: 18px;

    font-family: Microsoft YaHei;

    font-weight: bold;

    color: #333333;

    margin-left: 86px;

    margin-top: 20px;

}

.con3 li p{

font-size: 15px;

font-family: Microsoft YaHei;

font-weight: 400;

color: #666666;

margin-left: 86px;

}

.xz{

    position: absolute;

    top: 0;

    width: 100%;

    height: 100%;

    opacity: 0;

    background: #8B8B8B;

    transition: all 0.3s;

}







.con3 li:hover > a> .xz{

background: #333333;

    opacity: 0.38;

}

.con3 li:hover > a> .xz-img{

    opacity: 1;

}

.page{

    display: flex;

    width: 620px;

    margin: 0 auto;

    font-size: 20px;

font-family: Microsoft YaHei;

font-weight: 400;

line-height: 18px;

color: #002E63;

justify-content: space-between;

margin-top: 75px;

margin-bottom: 66px;

}

.page_1{

    width: 80px;

height: 33px;

border: 1px solid #CFCFCF;

opacity: 1;

}

.page_1 a{

    display: block;

    width: 80px;

    line-height: 33px;

    text-align: center;

    transition: all 0.3s;

    color: #002E63;

}

.page_1 a:hover{

    background: #002E63;

    color: #FFFFFF;

}

.page_2{

    display: flex;

    justify-content: space-between;

}

.page_2 li{

    width: 33px;

    height: 33px;

    text-align: center;

    line-height: 33px;

    transition: all 0.3s;

}

.page_2 li a{

    color: #002E63;

}

.page_2 li:hover{

    background: #002E63;

    color: #FFFFFF;

}

.page_2 li:hover a{

    color: #FFFFFF;

}

.active5{

    background: #002E63;

    color: #FFFFFF;

}

.active5 a{

    background: #002E63;

    color: #FFFFFF !important;

}





.con3-tit{

    width: 1209px;

    margin: 0 auto;

    display: flex;

    justify-content: space-between;margin-bottom: 44px;

}

.con3-tit h3{

    font-size: 28px;

    font-family: Microsoft YaHei;

    font-weight: bold;

    line-height: 37px;

    color: #003366;

    opacity: 1;       

    margin-left: 19px;

}

.con3-tit h3::before {

    content: ' ';

    position: absolute;

    margin-top: 9px;

    margin-left: -19px;

    width: 3px;

    height: 24px;

    background: #003366;

}

.xz-img{

    position: absolute;

    transform: translate(-50%,-50%);

    top: 50%;

    left: 50%;

    opacity: 0;

    transition: all 0.3s;

    margin-top: 0 !important;

}



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

    .con {

        width: 90%;

    }

    .con-l{

        /* width: 15%; */

    }

    .con-l-tit{

        width: auto ;

    }

    .tabA {

        width: 82%;

        height: auto;

    }

    .dt{

        width: 60%;

    }

    .new-list-item-list {

        width: 40%;

    }

    .new-list-nav-item,.new-list-item-box,.con3-tit{

        width: 100%;

    }

    .con2 {

        width: 74%;

        padding-left: 220px;

    }

    .con3{

        width: 74%;

        padding-left: 220px;

    }

    .con3 li {

        width: 24%;

    }

}



@media screen and (max-width: 700px){
    .con3 {
        width: 80%;
        padding-left: 0;
    }
    .con{

        width: 96%;

        margin-top: 60px;

        margin-bottom: 30px;

    }

    .c1 {

        width: 75%;

    }

    .con-l {

        width: 23%;

    }

    .con-l-tit h5 {

        font-size: 14px;

        line-height: 50px;

        margin: 0 auto;

    }

    .con-l-tit h5::after{

        left: 34px;

    top: 39px;

    }

    .con-l li {

        margin-left: 5px;

        height: 40px;

        width: auto;

    }

    .con-l li a {

        font-size: 12px;

        line-height: 40px;

    }

    .con-l img {

        margin-right: 0px;

        margin-left: 2px;

        margin-top: 21px;

    }

    .con-l-tit{

        height: 50px;

    

    }

    .new-list-item-list {

        width: 100%;

        height: auto;

    }

    .new-list-nav-item {

        height: 30px;

        padding: 5px 0 0 5px;

    }

    .ns-text-1 {

        font-size: 14px;

    }

    .new-list-item-box img {

        width: 100%;

        height: 100%;

    }

    .new-list-item-box{

        height: 250px;

    }

    .new-list-item-box div {

        padding: 0 5px;

    }

    .l-tit {

        font-size: 14px;

        margin-bottom: 0px;

    }

    .dt {

        width: 100%;

    }

    .new-list-item-active {

        display: block;

    }

    .l-txt{

        -webkit-line-clamp: 1;

        margin-bottom: 5px;

        font-size: 12px;

    }

    .con2-c{

        height: auto;
        margin-bottom: 30px;
    }

    .con2-c ul {

        height: auto;

        width: 100%;

        padding-top: 20px;

        margin-bottom: 20px;

    }

    .con2-c-img {

        width: 100%;

        height: auto;

    }

    .con2-c-img img {

        width: 100%;

    }

    .con2-c-txt {

        width: 100%;

        height: auto;

        background: #FFFFFF;

        opacity: 1;

        margin-top: -4px;

        padding-bottom: 5px;

    }

    .flex {

        display: flex;

        flex-flow: wrap;
        margin-bottom: 10px;
    }
    .tabA h3 {
        font-size: 20px
    }
    .tabA h3::before {
        content: ' ';
        position: absolute;
        margin-top: 11px;
        margin-left: -19px;
        width: 3px;
        height: 19px;
        background: #003366;
    }
    .con3 li img {

        margin-top: 10px;

        width: 90%;

    }

    .con3 li h5 {

        font-size: 14px;

        margin-left: 0;

        margin-top: 19px;

        text-align: center;

    }

    .con3 li p {

        font-size: 12px;

        margin-left: 0;

    text-align: center;

    }

    .xz-img{

        width: auto !important;

    }

    .con3 li {

        width: 49%;

        height: auto;

        margin-bottom: 20px;

        padding-bottom: 10px;

    }

    .con2-tit h3,.con3-tit h3 {

        font-size: 18px

    }

    .con2-tit h3::before,.con3-tit h3::before {

        margin-top: 10px;

        margin-left: -10px;

        height: 18px;

    }

    .more{

        margin-top: 5px;

    }

    .con2-tit {

        margin-bottom: 10px;

    }

    .con3-tit{

        margin-bottom: 20px;

    }

    .tabA {

        margin-top: 0;
        width: 100%;

    }

}