@charset "UTF-8";

html {
    overflow-x: hidden;
}

body {
    overflow: hidden;
    height: auto;
    background: url(../images/ny-bdgt.png) no-repeat;
    background-position: center top;
    background-size: 100% auto;
}



.banner {
    z-index: 1;
    position: relative;
    overflow: hidden;
}

.banner a {
    display: block;
}

.banner a img {
    display: block;
    width: 100%;
}


.banner::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    min-width: 50%;
    background: linear-gradient(224deg, rgba(0, 91, 184, 0) 34%, rgba(0, 91, 184, 0.9) 92%);
}
.ny{
    position: relative;
}

.ny-btm-jz {
    position: relative;
    z-index: 9;
}

.ny-btm-jz svg {
    display: block;
    width: 100%;
}

.pagination {
    text-align: center;
    font-size: 0;
    padding-top: 0.5rem;
}

.pagination a {
    display: inline-block;
    border: 0.01rem solid #dcdcdc;
    padding: 0 0.12rem;
    height: 0.35rem;
    font-size: 0.14rem;
    line-height: 0.35rem;
    text-align: center;
    color: #666;
    margin: 0 0.07rem;
}

.pagination a.active {
    background: #1C7AA7;
    color: #fff;
    border: 0.01rem solid #1C7AA7;
}

.pagination a:hover {
    background: #1C7AA7;
    color: #fff;
    border: 0.01rem solid #1C7AA7;
}

.pagination span {
    display: inline-block;
    font-size: 0.14rem;
}

.canvas-ny {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    pointer-events: none;
    z-index: -1;
}

.canvas-ny img {
    display: block;
    width: 100%;
}



.ny-tit {
    position: absolute;
    z-index: 9;
    left: 50%;
    transform: translateX(-50%);
    bottom: .9rem;
}

.ny-tit h2 {
    font-size: .44rem;
    font-weight: 600;
    line-height: .58rem;
    color: #FFFFFF;
    padding-bottom: .3rem;
    position: relative;
}

.ny-tit h2::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0.3rem;
    height: 0.04rem;
    background: #0F5EBB;
}

.ny-tit h2::after {
    content: "";
    position: absolute;
    left: .37rem;
    bottom: 0;
    width: 0.16rem;
    height: 0.04rem;
    background: #AA2431;
}

.ny-tit h3 {
    font-size: 24px;
    font-weight: normal;
    line-height: normal;
    text-transform: uppercase;
    letter-spacing: 0.36px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.3335) 0%, #FFFFFF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

@media screen and(-ms-high-contrast:active), (-ms-high-contrast:none) {
    .ny-tit h3 {
        background: none;
        color: #fff;
    }
}

.ny-tit div {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: .2rem;
}

.ny-tit div img {}

.ny-tit div span {
    font-size: 0.16rem;
    font-weight: normal;
    line-height: 0.32rem;
    text-transform: uppercase;
    color: #F5F5F5;
    margin-left: .1rem;
    font-family: "宋体";
}

.ny-tit div a {
    font-size: 0.16rem;
    font-weight: normal;
    line-height: 0.32rem;
    text-transform: uppercase;
    color: #F5F5F5;
    margin-left: .1rem;
}

.ny-tit div a:hover {
    color: #3D48B3;
}

.ny::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 7.1rem;
    background: url(../images/ny-bgb.png) repeat;
    background-position: center bottom;
    background-size: 100% 100%;
    z-index: 1;
}

.ny>.w1440 {
    position: relative;
    z-index: 9;
}


.ny-c {
    display: flex;
    justify-content: space-between;
}

.ny-l {
    flex: 1;
    min-width: 0;
}

.ny-r {
    width: 3.6rem;
    margin-left: 4%;
}




.leftNav {
    position: relative;
    z-index: 99;
    margin-left: calc((-100vw + 15.6rem) / 2);
    padding-left: calc((100vw - 15.6rem) / 2);
    background: #FFFFFF;
    transform: translateY(-50%);
    box-shadow: 20px 2px 20px 0px rgba(17, 80, 157, 0.2);
}

.leftNav::before {}

.leftNav::after {
    content: "";
    position: absolute;
    left: 100%;
    top: 0;
    bottom: 0;
    background: #fff;
    z-index: 9;
    width: .35rem;
    transform: skewX(10deg);
    transform-origin: left bottom;
}

.leftNav>h2 {
    line-height: 1.13rem;
    color: #fffafc;
    font-size: .36rem;
    text-align: center;
    background: #693329;
    position: relative;
    display: none;
}


.leftNav>h2 img {
    vertical-align: middle;
    margin-right: 10px;
    margin-top: -5px;
}

.leftNav p {
    margin-left: 0.2rem;
    font-size: 0.26rem;
    font-weight: 600;
    color: #fff;
    padding: 0.2rem 0;
}

.leftNav>ul {
    background-position: right bottom;
    position: relative;
    display: flex;
    justify-content: flex-start;
    padding: 0 .2rem 0 0;
}

.leftNav>ul::before {}

.leftNav>ul::after {
    content: "";
}

.leftNav>ul::after {}

.leftNav>ul>li {
    /* padding: 0 .35rem; */
    margin-right: .6rem;
}

.leftNav>ul>li:first-child {
    border-top: none;
}

.leftNav ul li a {
    display: block;
    font-size: .2rem;
    line-height: .76rem;
    color: #333333;
    position: relative;
}

.leftNav>ul>li>span {
    position: absolute;
    width: .3rem;
    height: .3rem;
    right: .1rem;
    top: .38rem;
    background: url(../images/sub_left_down4.png) no-repeat center center;
    background-size: .09rem;
    cursor: pointer;
    transition: all 0.3s;
    opacity: 1;
    display: none;
}



.leftNav>ul>li.on>a {
    color: #11509D;
}



.leftNav>ul>li.activ {
    background: #dadada;
}

.leftNav>ul>li.active>a {
    color: #fff !important;
    padding-left: .5rem;
    font-weight: 600;
}

.leftNav>ul>li.active>a::after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: url(../images/nynav-actlogo.png) no-repeat;
    background-position: left center;
    background-size: 100% 100%;
    width: .38rem;
    height: .32rem;
}

.leftNav ul li:hover {}

.leftNav ul li.active {
    padding: 0 .35rem;
    background: linear-gradient(90deg, #0F388C 0%, #1F84D0 118%);
}

.leftNav ul li.active ul {}

.leftNav ul li a:hover {
    color: #11509D;
}

.leftNav ul li:hover span {
    opacity: 1;
}

.leftNav ul li:hover ul {
    transform: scaleY(1);
}

.leftNav>ul>li>ul {
    padding: .2rem;
    position: absolute;
    left: 0;
    z-index: 9;
    right: 0;
    top: 100%;
    transform: scaleY(0);
    transition: all 0.5s;
    background: #fff;
    display: flex;
    justify-content: flex-start;
    transform-origin: center top;
    box-shadow: 0 0.2rem 0.2rem 0px rgba(17, 80, 157, 0.2);
    margin-right: -.35rem;
}

.leftNav>ul>li>ul>li>a {
    font-size: 0.18rem;
    line-height: 0.36rem;
    /* border-top: 1px solid #eeeeee; */
    /* padding-left: 65px; */
    color: #666666;
    border: none;
    padding: 0 0 0 .3rem;
}

.leftNav>ul>li>ul>li:nth-child(1)>a {
    border: none;
}