#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;

    }

    .con-l{

    width: 178px;
    height: 382px;
    position: sticky;
    top: 0;
    }

    .con-r{

        width: 1218px;

    height: 876px;

    background: #FFFFFF;

    opacity: 1;

    

    }

    .con-l-tit{

        width: 178px;

    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;

    }

    .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;

    }

    .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;

      

    }

    

    .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: 682px;

        height: 490px;

        vertical-align: top;

        position: absolute;

        left: 0;

        top: 0;

        z-index: 0;

    }

    

    .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: 60px;

        color: #595959;

        position: relative;

        box-sizing: border-box;

        padding: 20px 0 0 30px;

    }

    

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

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

    }

   

    .new-list-nav-item-active {

        color: #003366;

background: #F8F8F8;

    }

    .tabA{

        margin-top: -40px;

    }

    /* .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{

        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: 22px;

    }

    .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: 30px;

    }

    .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;

        margin-top: -8px;

        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;

}
.k p{
    text-align: center;
}
    .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;

        display: flex;

        margin-top: 15px;

    }

    .more a {

        color: #003874;

        margin-right: 5px;

        margin-top: 1px;

        display: block;

        transition: all 0.5s;

    }

    .con2-c{

        width: 1076px;

        margin: 0 auto;

        padding-left: 180px;

        height: 600px;

        overflow: hidden;

    }



    .con2_p{

        cursor: pointer;

    }



.con3{
display: none;
    width: 100%;

background: #EFEFEF;

opacity: 1;

padding-top: 75px;

padding-bottom: 80px;

}

.con3-tit{

    width: 1209px;

    margin: 0 auto;

    display: flex;

    justify-content: space-between;margin-bottom: 44px;
    padding-left: 218px;
}

.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;

}

.con1{

    width: 1218px;

    /* margin: 0 auto; */

}

.con1-c{

height: 440px;

background: #F5F5F5;

opacity: 1;

}

.swiper-container{

    height: 100%;

}

.swiper-slide ul{

    display: flex;

    justify-content: space-between;

    /* border: 1px solid; */

    margin: 42px 100px;

}

.swiper-slide ul li:first-child{

   width: 260px;
    height: 353px;

}

.swiper-slide ul li img{

    width: 100%;

}

.swiper-slide p{

font-size: 18px;

font-family: Microsoft YaHei;

font-weight: 400;

line-height: 37px;

color: #666666;

margin-top: 20px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;

}

.swiper-slide li p:nth-child(4){

    font-size: 18px;

    text-indent: 30px;

    text-overflow: -o-ellipsis-lastline;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 5;

  line-clamp: 5;

  -webkit-box-orient: vertical;

}

.swiper-slide ul li:last-child{

    width: 581px;

    /* border: 1px solid; */

}

.swiper-slide span{

font-size: 26px;

font-family: Microsoft YaHei;

font-weight: bold;

color: #333333;

margin-right: 20px;

}

.swiper-slide .more{

    float:right;

}

.con2-c{

    flex-wrap: wrap;

display: flex;

/*justify-content: space-between;*/

}

.con2-c div{

    width: 267px;

    height: 200px;

    /* border: 1px solid ; */

    text-align: center;

}

.k li{

    width: 100px;

    height: 96px;

   cursor: pointer;

    display: block;

    margin: 0 auto;

    margin-bottom: 20px;

}

.k a{

font-size: 16px;

font-family: Microsoft YaHei;

font-weight: bold;

color: #666666;

}
.k .img1{
    display: block;
    transition: all 0.3s;
}
.k .img2{
    display: none;
    transition: all 0.3s;
}
.k:hover > a > li >.img1{
    display: none;
}
.k:hover > a > li >.img2{
    display: block;
}

/* .k1 li{

     background: url('../img/sciencr/aaa1.png') no-repeat;

     transition: all 0.3s;

} */

/* .k2 li {

    background: url('../img/sciencr/aaa2.png') no-repeat;

    transition: all 0.3s;

}

.k3 li{

    background: url('../img/sciencr/aaa3.png') no-repeat;

    transition: all 0.3s;

}

.k4 li{

    background: url('../img/sciencr/aaa4.png') no-repeat;

    transition: all 0.3s;

}

.k5 li{

    background: url('../img/sciencr/aaa5.png') no-repeat;

    transition: all 0.3s;

}

.k6 li{

    background: url('../img/sciencr/aaa6.png') no-repeat;

    transition: all 0.3s;

}

.k7 li{

   background: url('../img/sciencr/aaa7.png') no-repeat;

   transition: all 0.3s;

}

.k8 li{

   background: url('../img/sciencr/aaa8.png') no-repeat;

   transition: all 0.3s;

}

.k9 li{

   background: url('../img/sciencr/aaa9.png') no-repeat;

   transition: all 0.3s;

}

.k10 li{

   background: url('../img/sciencr/aaa10.png') no-repeat;

   transition: all 0.3s;

}

.k11 li{

    background: url('../img/sciencr/aaa11.png') no-repeat;

    transition: all 0.3s;

 }

 .k12 li{

    background: url('../img/sciencr/aaa12.png') no-repeat;

    transition: all 0.3s;

 }

 .k13 li{

    background: url('../img/sciencr/aaa13.png') no-repeat;

    transition: all 0.3s;

 } */

/* hover */

/* .k1 li:hover{
    transform: scale(1.05);
    background: url('../img/sciencr/aaa1-b.png') no-repeat;

} */
/* 
.k2 li:hover{
    transform: scale(1.05);
    background: url('../img/sciencr/aaa2-b.png') no-repeat;

}

.k3 li:hover{
    transform: scale(1.05);
    background: url('../img/sciencr/aaa3-b.png') no-repeat;

}

.k4 li:hover{
    transform: scale(1.05);
    background: url('../img/sciencr/aaa4-b.png') no-repeat;

}

.k5 li:hover{
    transform: scale(1.05);
    background: url('../img/sciencr/aaa5-b.png') no-repeat;

}

.k6 li:hover{
    transform: scale(1.05);
    background: url('../img/sciencr/aaa6-.png') no-repeat;

}

.k7 li:hover{
    transform: scale(1.05);
    background: url('../img/sciencr/aaa7-b.png') no-repeat;

}

.k8 li:hover{
    transform: scale(1.05);
    background: url('../img/sciencr/aaa8-b.png') no-repeat;

}

.k9 li:hover{
    transform: scale(1.05);
    background: url('../img/sciencr/aaa9-b.png') no-repeat;

}

.k10 li:hover{
    transform: scale(1.05);
    background: url('../img/sciencr/aaa10-b.png') no-repeat;

}

.k11 li:hover{
    transform: scale(1.05);
    background: url('../img/sciencr/aaa11-b.png') no-repeat;

}

.k12 li:hover{
    transform: scale(1.05);
    background: url('../img/sciencr/aaa12-b.png') no-repeat;

}

.k13 li:hover{
    transform: scale(1.05);
    background: url('../img/sciencr/aaa13-b.png') no-repeat;

} */

.con2-clsoe{

    width: 100%;

height: 60px;

opacity: 1;

}

.con2_jt,.con2_p{

transition: all 0.5s;

}





.con2-clsoe li img{

    width: 11px;

    height: 9px;

    margin-top: 5px;

    line-height: 62px;

    margin-left: 26px;

}

.con2-clsoe li{

    width: 105px;

    display: flex;

    margin: 0 auto;

    margin-top: 20px;

}

.con2-clsoe li p{

    font-size: 16px;

    font-family: Microsoft YaHei;

    font-weight: 400;

    color: #003366;

    opacity: 1;

}

.con3-c{

    width: 1218px;

    margin: 0 auto;

    height: 483px;

    display: flex;
    padding-left: 218px;
}

.con3-c-l{

  width: 50%;

height: 483px;  

overflow: hidden;

}

.con3-c-l img{

    transition: all 0.5s;

}

.con3-c-l a:hover img{

    transform: scale(1.05);

}

.con3-c-r{



}

.con3-c-r li{

    overflow: hidden;

}

.con3-c-r img{

    transition: all 0.5s;

}

.con3-c-r a:hover img{

    transform: scale(1.05);

}

.con3-txt{

    position: relative;

    margin-top: -53px;

    margin-left: 27px;

}

.con3-txt p{

font-size: 18px;

font-family: Microsoft YaHei;

font-weight: 400;

line-height: 24px;

color: #FFFFFF;

opacity: 1;

}

.con3-r-txt {

    position: relative;

    margin-top: -53px;

    margin-left: 27px;

}

.con3-r-txt p{

font-size: 16px;

font-family: Microsoft YaHei;

font-weight: 400;

line-height: 22px;

color: #FFFFFF;

opacity: 1;

white-space: nowrap;

text-overflow: ellipsis;

overflow: hidden;

word-break: break-all;

width: 257px;

}

.con3-c-r ul{

    display: flex;

    height: 50%;

}

.con4{

    width: 1218px;

    margin: 0 auto;

    margin-top: 68px;

    margin-bottom: 40px;
    padding-left: 218px;
}

.con4 h4{

font-size: 30px;

font-family: Microsoft YaHei;

font-weight: bold;

line-height: 40px;

color: #003366;

opacity: 1;

text-align: center;

margin-bottom: 50px;

}

.con4-c{

    display: flex;

    justify-content: space-between;

}

.con4-c-tit{

    display: flex;

    justify-content: space-between;

    width: 580px;

    padding-bottom: 36px;

    margin-bottom: 33px;

border-bottom: 1px solid #CFCFCF;

}

.con4-c-tit p{

font-size: 22px;

font-family: Microsoft YaHei;

font-weight: bold;

line-height: 29px;

color: #333333;

opacity: 1;

}

.con4-c-tit .more{



}

.con4-c-tit .more a{

    font-size: 14px;

    font-family: Microsoft YaHei;

    font-weight: 400;

}

.con4-c-txt{



}

.con4-c-txt li{

    margin-left: 16px;

}

.con4-c-txt li p a,.con4-c-txt li p{
text-align: justify;
font-size: 18px;

font-family: Microsoft YaHei;

font-weight: 400;

line-height: 24px;

color: #666666;

opacity: 1;

margin-bottom: 50px;

margin-right: 20px;

}

.con4-c-txt2 li p{

    margin-bottom: 34px;

}

.con4-c-txt li p a:hover{

    /* color: #003874; */

}
.con4-c-txt li:hover{
    background: #E5E5E5;
}


.con4-c-txt li p::before{

    content: ' ';

    position: absolute;

    margin-top: 11px;

    margin-left: -16px;

    width: 3px;

    height: 3px;

    background: #BFBFBF;

    border-radius: 50%;

}

.con4-c-1{

    width: 50%;

}

.con4-c-2{

    width: 50%;

}

.k:hover> a> p{
    color: #003366;
}





@media screen and (max-width: 1500px){
    .ff1{
        width: 82%;
    }
    .c {
        width: 100%;
    }
    .c ul{
        width: 94%;
    }
    .swiper-slide ul li:first-child {
        margin-right: 20px;
    }
    .con {

        width: 90%;

    }

    .con-l{

        /* width: 15%; */

    }

    .con-l-tit{

        /* width: auto ; */

    }

    .con1 {

        width: 82%;

    }

   

    .con2 {

        width: 75%;

        margin: 0 auto;

        padding-left: 220px;

    }

    .con2-c {

        width: 75%;
        margin: 0 auto;
        padding-left: 220px;

    }

    .con3-c,.con3-tit{

        width: 90%;

    }

    .con3-c-l{

        width: auto;

    }

    .con4 {

        width: 75%;
    padding-left: 220px;
    }

    .con4-c-2 {

        width: 49%;

    }

    .con4-c-tit{

        width: 100%;

    }

}





@media screen and (max-width: 700px){
    .con2-c {
        width: 90%;
        margin: 0 auto;
        padding-left: 0;
    }
    .con4 {
        width: 90%;
        padding-left: 0;
    }
    .con4{
        margin-top: 10px;
    }
    .con4 h4 {
        font-size: 22px;
        margin-bottom: 10px
    }
    .con4-c-tit p {
        font-size: 18px;
        line-height: 34px;
        color: #333333;
        opacity: 1;
    }
    .swiper-slide p:nth-child(1),.swiper-slide p:nth-child(2){
        text-align: center;
    }
    .con2-tit {
        margin-top: 0;
        margin-bottom: 10px;
    }
    .con2-tit h3 {
        font-size: 20px
    }
    .con2-tit h3::before,.con2-tit h3::before {
        content: ' ';
        position: absolute;
        margin-top: 10px;
        margin-left: -16px;
        width: 3px;
        height: 19px;
        background: #003366;
    }
    .swiper-slide ul{
        display: block;
        margin: 0 auto;
    }
    .swiper-slide ul li:first-child {
        width: 50%;
        height: auto;
        margin: 0 auto;
        margin-top: 10px;
    }
    .swiper-slide ul li:last-child {
        width: 100%;
        text-align: center;
    }
    .swiper-slide p {
        font-size: 16px;
        line-height: 24px;
        margin-top: 10px;
        margin-left: 6px;
        margin-right: 10px;
    }
    .swiper-slide span {
        font-size: 22px
    }
    .con{
        width: 96%;
        margin-bottom: 30px;
        display: block;
        margin-top: 30px;
    }

    .con1 {

        width: 100%;

    }
    .con-l .active4 {
        border-bottom: none;
    }

    .con-l {

        width: 100%;
        display: flex;
    }

    .con-l-tit h5 {

        font-size: 14px;

        line-height: 50px;

    }

    .con-l li {

        margin-left: 5px;

        height: 40px;

        width: auto;

    }

    .con-l li a {

        font-size: 12px;

        line-height: 50px;

    }

    .con-l img {

        margin-right: 0px;

        margin-left: 2px;

    }

    .con-l-tit{
        width: 90px;
        height: 50px;

    }
    .con-l ul {
        width: 100%;
        display: flex;
    }

    .con3-c {

        height: auto;   

        display: block;

    }

    .con3-r-txt{

        margin-left: 10px;

    }

    .con3-r-txt p {

        font-size: 12px;

        line-height: 22px;

        width: auto;

    }

    .con3-c-r img {

        width: 100%;

    }

    .con3-c-l{

        height: auto;

    }

    .con3-c-l img {

        width: 100%;

    }

    .con2-c div {

        width: 50%;

        height: 200px;

    }

    .k a {

        font-size: 14px;

    }

    .con4-c {

        display: block;

    }

    .con4-c-2 {

        width: 100%;

        margin-bottom: 20px;

    }

    .con4-c-txt li p a, .con4-c-txt li p {

        margin-bottom: 10px;

    }

    .con4-c-txt2 li p {

        margin-bottom: 10px;

    }

    .con4-c-tit{

        padding-bottom: 5px;

        margin-bottom: 10px;

    }

}