@charset "utf-8";
.pages {}

.pages ul {
    text-align: center;
}

.pages ul li {
    text-align: center;
    font-size: .16rem;
    display: inline-block;
    margin: .02rem
}

.pages ul li a {
    height: .35rem;
    text-align: center;
    line-height: .33rem;
    padding: 0 8px;
    min-width: .35rem;
    display: block;
    border: 1px solid #ededed;
    background: #ededed;
    border-radius: 3px
}

.pages ul li.cur {
    background: #286fb7;
    padding: 0 8px;
    min-width: .35rem;
    height: .35rem;
    line-height: .33rem;
    border: 1px solid #286fb7;
    border-radius: 3px
}

.pages ul li a.on {
    background: #286fb7;
    padding: 0 8px;
    min-width: .35rem;
    height: .35rem;
    line-height: .33rem;
    color: #fff;
    border-radius: 3px
}

.pages ul li.cur {
    color: #fff;
}

.pages ul li.page-count {
    line-height: .33rem
}

.page-form {
    line-height: .33rem
}

.page-form input {
    border: 1px solid #ddd;
    width: .35rem;
    height: .35rem;
    float: left;
    text-align: center;
    padding: 0 3px;
    background: transparent;
    border-radius: 3px;
    margin: 0 5px
}

.page-form span {
    float: left;
    color: #666
}

.page-form button {
    border: none;
    width: 52px;
    height: .35rem;
    line-height: .35rem;
    text-align: center;
    margin-left: 3px;
    float: left;
    background: #286fb7;
    color: #fff;
    border-radius: 3px;
    margin-left: 5px
}

.scbox::-webkit-scrollbar {
    width: 4px
}

.scbox::-webkit-scrollbar-track {
    border-radius: 5px;
    ;
    background: #eee
}

.scbox::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: #286fb7;
}


/*.arc-tit{margin-bottom: .25rem }
.arc-tit h1{font-size:.28rem;text-align: center;line-height: 1.4em }
.arc-info{color: #777;margin-bottom: .3rem;text-align: center;font-size: .15rem}
.arc-con{line-height: 1.8em;font-family: '仿宋'!important;font-size: .18rem}
.arc-con img{display: inline-block;}
.arc-con p{margin-bottom: .2rem;}
.arc-con table{border: 1px solid #eee;min-width: 640px;margin-left:0!important;width: 100%;background: #fff}
.arc-con .tbsc{overflow: auto;padding: 15px 0;width: 100%}
.arc-con table tr th,.arc-con table tr td{border: 1px solid #eee!important;padding: 15px;text-align: center;}
.arc-con table tr:nth-child(2n){background: #EEEEEE}
.arc-con .tbsc::-webkit-scrollbar{height:4px}
.arc-con .tbsc::-webkit-scrollbar-thumb{border-radius:10px;background:#999;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2)}
.arc-con .tbsc::-webkit-scrollbar-track{border-radius:10px;background:#ededed;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2)}
.arc-con video{max-width: 100%!important;height: auto!important}
*/

.iconfont {
    font-size: inherit;
}

.nytop {
    height: 5.3rem;
    position: relative;
}

.nytop .bg {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    pointer-events: none;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
}

.nytop .bg:before {
    content: '';
    position: absolute;
    left: -1px;
    top: -1px;
    right: 0;
    bottom: -1px;
    z-index: 1;
    background: url(../images/ny/nybams.png) no-repeat left center;
    background-size: auto 100%
}

.nytop .wp {
    height: 100%;
    max-width: inherit;
    padding: 0 5%;
    width: 100%;
    padding-top: 5%
}

.nytop .posi {
    color: #fff;
    font-size: .15rem
}

.nytop .posi:before {
    font-size: .22rem;
    margin-right: 5px;
    vertical-align: -1px;
    content: "\e601";
    font-family: "iconfont" !important;
}

.nytop .posi a {
    color: #fff;
}

.nytop .nytopt {
    color: #fff;
    margin-top: .2rem
}

.nytop .nytopt h3 {
    font-size: .4rem;
    margin-bottom: .1rem;
    padding-top: .2rem;
    position: relative;
}

.nytop .nytopt h3:before {
    height: 2px;
    width: .3rem;
    background: #fff;
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    display: block;
}

.nytop .nytopt .en {
    color: #6c95f8;
    text-transform: uppercase;
    font-size: .3rem
}

.nysubnav ul::-webkit-scrollbar {
    height: 3px
}

.nysubnav ul::-webkit-scrollbar-track {
    border-radius: 5px;
    ;
    background: rgba(255, 255, 255, .5)
}

.nysubnav ul::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: #ccc;
}

.nysubnav ul li {
    display: inline-block;
    line-height: .4rem;
    position: relative;
    font-size: .18rem;
    padding: .18rem 0;
}

.nysubnav ul li:before,
.nysubnav ul li:before {
    content: '';
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 2px;
    width: 0;
    opacity: 0;
    background: #286fb7;
    bottom: 0;
    z-index: 2;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.nysubnav ul li.on:after,
.nysubnav ul li:hover:after {
    content: '';
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-bottom-color: #286fb7;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0;
    z-index: 3
}

.nysubnav ul li.on:before,
.nysubnav ul li:hover:before {
    width: .7rem;
    opacity: 1
}

.nysubnav ul li.on a {
    background: #286fb7;
    color: #fff;
    border-radius: .3rem
}

.nysubnav ul li a {
    position: relative;
    display: block;
    height: 100%;
    padding: 0 .3rem
}

.nysubnav ul {
    position: relative;
    z-index: 3;
    overflow-x: auto;
    white-space: nowrap;
    text-align: center;
}

.nysubnav .scnav:after {
    content: '';
    position: absolute;
    z-index: 0;
    height: 1px;
    width: 100%;
    left: 0;
    bottom: 0;
    background: #ddd
}

.nymain {
    background: url(../images/ny/nybtbg.jpg) no-repeat right bottom;
    min-height: 500px
}

.nymain:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 18vw;
    height: 1.43rem;
    background: url(../images/ny/nymzs.png) no-repeat top right;
    background-size: 100% auto;
    z-index: 0;
    pointer-events: none
}

@media screen and (max-width: 980px) {
    .nytop {
        height: 3.2rem;
    }
    .nytop .nytopt h3 {
        font-size: .3rem;
    }
    .nytop .nytopt .en {
        font-size: .24rem
    }
    .nysubnav ul li a {
        padding: 0 .2rem
    }
}

@media screen and (max-width: 640px) {
    .nytop {
        height: 3rem;
    }
    .nytop .nytopt h3 {
        font-size: .28rem;
        padding-top: .15rem;
        margin-bottom: .05rem
    }
    .nytop .nytopt .en {
        font-size: .22rem
    }
    .nytop .wp {
        padding-top: 8%
    }
    .nymain:before {
        width: 34vw
    }
}

@media screen and (max-width: 480px) {
    .nytop {
        height: 50vw;
        min-height: 180px
    }
    .nytop .nytopt {
        margin-top: .1rem
    }
}

.nycontact {
    background: url(../images/ny/nyconbg.jpg) no-repeat bottom right;
    background-size: 100% auto;
    padding: .7rem 0 1.2rem
}

.nycontact .wp {
    background: #f7f7f7;
    padding: 0 2.2rem 0 1.6rem
}

.nycontact .wp .pic {
    width: 5.82rem;
    position: relative;
    top: .4rem;
}

.nycontact .wp .txt {
    width: 5.18rem;
    position: relative;
    top: .4rem;
}

.nycontact .wp .txt .con {
    background: #fff;
    height: 2.65rem;
    width: 100%;
    padding: .2rem .5rem;
    position: relative;
    left: -.4rem;
    z-index: 0
}

.nycontact .wp .txt .con:before {
    background: #fff;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    z-index: 1
}

.nycontact .wp .txt .con:after {
    background: #286fb7;
    height: 1.45rem;
    width: 2.85rem;
    position: absolute;
    top: -.4rem;
    right: -.4rem;
    content: ''
}

.nycontact .wp .txt .con p {
    padding: .1rem 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: .18rem;
    position: relative;
    z-index: 3
}

.nycontact .wp .txt .con p span:nth-child(1) {
    display: block;
    color: #286fb7;
}

.nycontact .wp .txt .con p span:nth-child(1) i {
    font-size: .22rem;
    margin-right: 5px
}

.nycontact .wp .txt .con p span:nth-child(2) {
    color: #444;
}

.w50 {
    width: 50%
}

.w100 {
    width: 100%
}

.fancybox-caption {
    font-size: .22rem
}

.nyvi {
    padding: .4rem 0 .8rem;
    position: relative;
}

.nymain .bg {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 0
}

.nylsyg .bg:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 1rem;
    width: 100%;
    bottom: 0;
    ;
    
    background-size: 100% auto
}

.nyvi .bg:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 1rem;
    width: 100%;
    bottom: 0;
    ;
    
    background-size: 100% auto
}

.nybx .bg:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 1rem;
    width: 100%;
    bottom: 0;
    ;
    
    background-size: 100% auto
}

.nylsyg .bg img {
    width: 41.1vw;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1
}

.nyvi .bg:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 40%;
    width: 10.4vw;
    height: 3.27rem;
    
    background-size: 100% auto;
    z-index: 1
}

.nybx .bg:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 40%;
    width: 10.4vw;
    height: 3.27rem;
    
    background-size: 100% auto;
    z-index: 1
}

.nyphotos .bg:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 40%;
    width: 10.4vw;
    height: 3.27rem;
    
    background-size: 100% auto;
    z-index: 1
}

.nyleader2 .bg:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 40%;
    width: 10.4vw;
    height: 3.27rem;
    
    background-size: 100% auto;
    z-index: 1
}

.nyvi:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 1rem;
    width: 6.05rem;
    height: 5.62rem;
    
    background-size: 6.05rem 5.62rem;
    max-width: 100%
}

.nyvi dl dt {
    position: relative;
    margin-bottom: .3rem;
    left: -.1rem
}

.nyvi dl dt img {
    max-width: 90%
}

.nyvi dl dt span {
    position: absolute;
    font-size: .26rem;
    left: .4rem;
    top: 45%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.nyvi dl:nth-child(1) dd img {
    max-height: 1.3rem
}

.nyvi dl:nth-child(1) dd {
    background: #fafafa;
    height: 3.18rem;
    padding: .2rem 10%
}

.nyvi dl:nth-child(2) dd {
    background: #f2f6fc;
    height: 3.18rem
}

.nyvi dl:nth-child(3) {
    margin-top: .7rem
}

.nyvi dl:nth-child(4) {
    margin-top: .7rem
}

.nyvi dl:nth-child(5) {
    margin-top: .7rem;
    margin-bottom: .7rem
}


/*.nyvi dl:nth-child(3) dd .item div{height: 100%}*/

.nyvi dl:nth-child(3) dd .item div img {
    max-height: 2.12rem
}

.nyvi dl:nth-child(3) dd .item:nth-child(1) {
    background: #fafafa;
    height: 3.18rem;
    padding: .1rem 5%
}

.nyvi dl:nth-child(3) dd .item:nth-child(2) {
    background: #f2f6fc;
    height: 3.18rem;
    padding: .1rem 5%
}

.nyvi dl:nth-child(4) dd .item:nth-child(1) {
    padding: 0 5%
}

.nyvi dl:nth-child(4) dd .item:nth-child(2) {
    padding: 0 5%
}

.nyvi dl:nth-child(5) dd {
    background: #fafafa;
    height: 3.18rem;
    padding: .3rem 5%
}

.nyvi dl:nth-child(6) dd {
    background: #f2f6fc;
    height: 3.18rem
}

.nyvi dl:nth-child(7) dd {
    background: #f2f2f2;
    height: 3.18rem
}

.nyvi dl:nth-child(6) dd span {
    font-size: .22rem
}

.nyvi dl:nth-child(6) dd span i {
    font-size: .33rem;
    margin-left: .2rem;
    vertical-align: -.06rem;
    color: #286fb7
}

.nyvi dl:nth-child(6) dd:hover span {
    color: #286fb7
}

.nyvi dl:nth-child(7) dd a {
    display: block;
}

.nyvi dl:nth-child(7) dd a i {
    display: block;
    width: .78rem;
    height: .78rem;
    
    background-size: 100% 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    z-index: 1
}

.nyqikan {
    padding: .55rem 0 .7rem
}

.nyqklist {}

.nyqklist:after {
    content: '';
    width: 3.43rem;
    display: inline-block;
}

.nyqklist li {
    width: 3.43rem;
    margin-bottom: .6rem
}

.nyqklist li.empty {
    margin-bottom: 0
}

.nyqklist li .pic .cover {
    width: 56.85%;
    height: 77.75%;
    position: absolute;
    background: rgba(0, 0, 0, .2);
    left: 23.9%;
    top: 13.69%;
    -webkit-transform: rotate(-14deg) skewX(-11deg) skewY(6.5deg);
    -ms-transform: rotate(-14deg) skewX(-11deg) skewY(6.5deg);
    transform: rotate(-14deg) skewX(-11deg) skewY(6.5deg);
}

.nyqklist li .pic .cover img {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 3
}

.nyqklist li .pic .cover:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, .3);
    box-shadow: 4px 4px 10px rgba(0, 0, 0, .3);
    top: 0;
    left: 0;
    z-index: 0
}

.nyqklist li .txt {
    padding-top: .2rem
}

.nyqklist li .txt h4 {
    font-size: .24rem;
    margin-bottom: .2rem
}

.nyqklist li .txt .view {
    position: relative;
    background: #fafafa;
}

.nyqklist li .txt .view a {
    display: block;
    height: .55rem;
    width: 100%;
    line-height: .55rem;
    padding: 0 .2rem;
    position: relative;
    z-index: 2
}

.nyqklist li .txt .view a i {
    font-size: .24rem;
    margin-right: .1rem;
    vertical-align: -.03rem;
    color: #286fb7
}

.nyqklist li:hover .txt .view a i {
    color: #fff
}

.nyqklist li:hover .txt .view a {
    color: #fff;
}

.nyqklist li:hover .txt .view:after {
    width: 100%;
    opacity: 1;
}

.nyqklist li .txt .view:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 0;
    background: #286fb7;
    z-index: 0;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    opacity: 0;
}

.nyleader1 {
    padding: 1rem 0 .8rem
}

.nyleadlist1 li {
    margin-bottom: 1rem;
    background: #f6f6f6;
    padding: 0 .4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.nyleadlist1 li .pic {
    width: 3.02rem;
    position: relative;
    top: -.5rem
}

.nyleadlist1 li .txt {
    width: calc(100% - 3.02rem);
    padding: .5rem 0 .5rem .5rem
}

.nyleadlist1 li .txt .name {
    position: relative;
    padding-left: .3rem;
    margin-bottom: .3rem
}

.nyleadlist1 li .txt .name:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    border-radius: 4px;
    background: #286fb7
}

.nyleadlist1 li .txt .name h4 {
    font-size: .28rem;
    font-weight: bold;
    margin-bottom: .1rem;
    color: #286fb7
}

.nyleadlist1 li .txt .name span {
    font-size: .22rem
}

.nyleadlist1 li .txt .info p {
    position: relative;
    padding-left: .4rem;
    line-height: 1.8em;
    margin-bottom: .15rem;
    font-size: .18rem;
    color: #333
}

.nyleadlist1 li .txt .info p i {
    position: absolute;
    left: 0;
    top: 0;
    font-size: .28rem;
    color: #777
}

.nyleadlist1 li:hover .txt .name span {
    color: #8fb5e6;
}

.nyleadlist1 li:hover {
    background: #286fb7
}

.nyleadlist1 li:hover .txt .name h4 {
    color: #fff
}

.nyleadlist1 li:hover .txt .name:before {
    background: #fff
}

.nyleadlist1 li:hover .txt .info p i {
    color: #fff
}

.nyleadlist1 li:hover .txt .info p {
    color: #fff
}

.ajaxMore {
    margin-bottom: .3rem;
    padding-top: .3rem
}

.ajaxMore a {
    position: relative;
}

.ajaxMore span {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 16px;
    color: #286fb7;
    white-space: nowrap;
    font-size: 14px
}

.nyphotos {
    padding: .6rem 0 .7rem
}

.nyphotoList {}

.nyphotoList .item {
    background: #fff;
    border-radius: 5px;
    margin-bottom: .25rem;
    position: relative;
    overflow: hidden;
}

.nyphotoList .item .txt {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 2;
    color: #fff;
    
    background-size: 100% 100%;
    padding: .5rem .25rem .2rem
}

.nyphotoList .item .icon-tuji {
    position: absolute;
    top: .3rem;
    right: .3rem;
    font-size: .3rem;
    z-index: 3;
    color: #fff;
    opacity: 0;
}

.nyphotoList .item .txt .time {
    font-size: .14rem;
    display: block;
    margin-bottom: .05rem
}

.nyphotoList .item .txt h4 {
    font-size: .18rem;
    position: relative;
    padding-right: .5rem
}

.nyphotoList .item .txt h4:after {
    content: "\e679";
    font-family: "swiper-icons" !important;
    position: absolute;
    right: 0;
    top: 0;
    font-size: .22rem;
    opacity: 0
}

.nyphotoList .item a:before {
    
    background-size: 100% auto;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    opacity: 0
}

.nyphotoList .item:hover a:before {
    opacity: 1
}

.nyphotoList .item:hover .txt {
    background: transparent
}

.nyphotoList .item:hover .txt h4:after {
    opacity: 1
}

.nyphotoList .item:hover .icon-tuji {
    opacity: 1
}

.wall {
    display: block;
    position: relative
}

.wall-column {
    display: block;
    position: relative;
    width: 33.33333%;
    float: left;
    padding: 0 1%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.nybx {
    padding: .6rem 0 .5rem
}

.nybxlist dl {
    margin-bottom: .4rem
}

.nybxlist dl:last-child {
    margin-bottom: 0
}

.nybxlist dl dt {
    text-align: center;
    ;
    height: .39rem;
    
    background-size: auto 100%;
    line-height: .39rem;
    font-size: .24rem;
    margin-bottom: .35rem
}

.nybxlist dl dd ul:after {
    content: '';
    display: inline-block;
    width: 22%;
    height: 0;
}

.nybxlist dl dd ul li.empty {
    border-bottom: 0;
    margin-bottom: 0;
    padding: 0;
    height: 0;
    min-height: inherit;
}

.nybxlist dl dd ul li.empty:before {
    display: none
}

.nybxlist dl dd ul li {
    min-height: .5rem;
    border-bottom: 1px solid #ddd;
    width: 22%;
    font-size: .18rem;
    position: relative;
    margin-bottom: .3rem;
    padding: .1rem 0
}

.nybxlist dl dd ul li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 0;
    background: #286fb7;
    z-index: 0;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    opacity: 0;
}

.nybxlist dl dd ul li a {
    position: relative;
    display: block;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding-right: .5rem;
    padding-left: .15rem;
    z-index: 3
}

.nybxlist dl dd ul li a:after {
    content: "\e679";
    font-family: "swiper-icons" !important;
    position: absolute;
    right: .15rem;
    top: 0;
    font-size: .22rem;
}

.nybxlist dl dd ul li:hover:before {
    width: 100%;
    opacity: 1
}

.nybxlist dl dd ul li:hover a {
    color: #fff
}

.nyleader2 {
    padding: .6rem 0 .5rem
}

.nyoldlist dl:last-child {
    margin-bottom: 0
}

.nyoldlist dl dd ul li:before {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1;
    background: #fff
}

.nyoldlist dl dd ul li:after {
    position: absolute;
    content: "";
    bottom: 0;
    left: .3rem;
    right: .3rem;
    height: .2rem;
    z-index: 0;
    -webkit-box-shadow: 0 0 .15rem .13rem rgba(0, 0, 0, .1);
    box-shadow: 0 0 .15rem .13rem rgba(0, 0, 0, .1);
    border-radius: 50%;
}

.nyoldlist dl {
    margin-bottom: .3rem
}

.nyoldlist dl dt {
    text-align: center;
    ;
    height: .39rem;
  
    background-size: auto 100%;
    line-height: .39rem;
    font-size: .24rem;
    margin-bottom: .35rem
}

.nyoldlist dl dd ul li {
    width: 31%;
    position: relative;
    margin-bottom: .5rem
}

.nyoldlist dl dd ul:after {
    width: 31%;
    content: '';
    display: inline-block;
}

.nyoldlist dl dd ul li .pic {
    width: 1.54rem
}

.nyoldlist dl dd ul li .txt {
    width: calc(100% - 1.54rem);
    border: 1px dashed rgba(0, 85, 195, .3);
    border-left: 0;
    border-bottom: 0;
    padding: .4rem .3rem .3rem;
    position: relative;
    overflow: hidden;
}

.nyoldlist dl dd ul li .txt:before {
    content: '';
    display: block;
    width: .6rem;
    height: .6rem;
    background: #286fb7;
    position: absolute;
    top: -.35rem;
    right: -.35rem;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.nyoldlist dl dd ul li .txt h4 {
    font-size: .18rem;
    font-weight: bold;
    padding-bottom: .15rem;
    border-bottom: 1px solid #286fb7;
    margin-bottom: .15rem
}

.nyoldlist dl dd ul li .txt h4 span {
    font-size: .24rem;
    color: #286fb7;
    margin-right: .15rem
}

.nyoldlist dl dd ul li .txt p {
    position: relative;
    padding-left: .18rem;
    margin-bottom: .1rem
}

.nyoldlist dl dd ul li .txt p:before {
    content: "\e614";
    font-family: "swiper-icons" !important;
    position: absolute;
    left: 0;
    top: .03rem;
    color: #286fb7;
}

.spsha:before {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1;
    background: #fff
}

.spsha:after {
    position: absolute;
    content: "";
    bottom: 0;
    left: .3rem;
    right: .3rem;
    height: .2rem;
    z-index: 0;
    -webkit-box-shadow: 0 0 .15rem .13rem rgba(0, 0, 0, .1);
    box-shadow: 0 0 .15rem .13rem rgba(0, 0, 0, .1);
    border-radius: 50%;
}

.nyhisList {
    padding: .5rem 0 .7rem;
    position: relative;
}

.nyhisList:after {
    content: '';
    width: 2px;
    height: 100%;
    top: 0;
    left: 50%;
    background: #ddd;
    position: absolute;
    z-index: 0
}

.nyhisList li {
    padding: .3rem 0;
    position: relative;
    z-index: 3
}

.nyhisList li .con {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 3.16rem
}

.nyhisList li .con .pic {
    position: relative;
    z-index: 3
}

.nyhisList li .con .txt {
    position: relative;
    border: 1px solid #b2cbec;
    padding: .2rem;
    font-size: .18rem;
    line-height: 1.5em;
    margin-top: -1px
}

.nyhisList li .con .txt:before {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1;
    background: #fff
}

.nyhisList li .con .txt:after {
    position: absolute;
    content: "";
    bottom: 0;
    left: .3rem;
    right: .3rem;
    height: .2rem;
    z-index: 0;
    -webkit-box-shadow: 0 0 .15rem .13rem rgba(0, 0, 0, .1);
    box-shadow: 0 0 .15rem .13rem rgba(0, 0, 0, .1);
    border-radius: 50%;
}

.nyhisList li .con .txt p {
    position: relative;
    z-index: 3
}

.nyhisList li .cir {
    width: 2.48rem;
    height: 2.48rem;
    
    background-size: 100% 100%;
    position: relative;
}

.nyhisList li .cir .time {
    width: 1.05rem;
    height: 1.05rem;
    background: rgba(0, 0, 0, 0);
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%)translateY(-50%);
    -ms-transform: translateX(-50%)translateY(-50%);
    transform: translateX(-50%)translateY(-50%);
    top: 50%;
    padding-top: .28rem
}

.nyhisList li .cir .time span {
    display: block;
    text-align: center;
    color: #286fb7;
    line-height: .36rem;
    position: relative;
}

.nyhisList li .cir .time span.month {
    font-size: .34rem
}

.nyhisList li .cir .time span.year {
    font-size: .22rem
}

.nyhisList li:hover .cir {
    
    background-size: 100% 100%
}

.nyhisList li:nth-child(2n+1) .con {
    right: 0
}

.nyhisList li:nth-child(2n+1):after {
    content: '';
    height: 2px;
    width: calc(50% - 4.64rem);
    background: #ddd;
    position: absolute;
    top: 50%;
    left: calc(50% + 1.24rem);
    z-index: 0
}

.nyhisList li:nth-child(2n+1):before {
    content: '';
    height: 2px;
    width: 0;
    background: #286fb7;
    position: absolute;
    top: 50%;
    left: calc(50% + 1.24rem);
    z-index: 1;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    opacity: 0
}

.nyhisList li:nth-child(2n+1):hover:before {
    width: calc(50% - 4.64rem);
    opacity: 1
}

.nyhisList li:nth-child(2n):after {
    content: '';
    height: 2px;
    width: calc(50% - 4.64rem);
    background: #ddd;
    position: absolute;
    top: 50%;
    right: calc(50% + 1.24rem);
    z-index: 0
}

.nyhisList li:nth-child(2n):before {
    content: '';
    height: 2px;
    width: 0;
    background: #286fb7;
    position: absolute;
    top: 50%;
    right: calc(50% + 1.24rem);
    z-index: 1;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    opacity: 0
}

.nyhisList li:nth-child(2n):hover:before {
    width: calc(50% - 4.64rem);
    opacity: 1
}

.nyhisList li:nth-child(2n) .con {
    left: 0
}

.nyhisList li .cir .yearp span:nth-child(1):after {
    content: '';
    width: 2px;
    height: .12rem;
    background: #286fb7;
    position: absolute;
    left: 50%;
    margin-left: -1px;
    bottom: -.06rem
}

@media screen and (max-width: 980px) {
    .nyhisList li .con {
        width: 24vw
    }
    .nyhisList li .cir {
        width: 18vw;
        height: 18vw;
    }
    .nyhisList li .cir .time {
        width: 8vw;
        height: 8vw;
        padding-top: 2vw
    }
    .nyhisList li .cir .time span {
        line-height: 2.8vw;
    }
    .nyhisList li .cir .time span.month {
        font-size: 2.8vw
    }
    .nyhisList li .cir .time span.year {
        font-size: 2vw
    }
    .nyhisList li:nth-child(2n+1):after {
        width: calc(50% - 33vw);
        left: calc(50% + 9vw);
    }
    .nyhisList li:nth-child(2n+1):before {
        left: calc(50% + 9vw);
    }
    .nyhisList li:nth-child(2n+1):hover:before {
        width: calc(50% - 33vw);
    }
    .nyhisList li:nth-child(2n):after {
        width: calc(50% - 33vw);
        right: calc(50% + 9vw);
    }
    .nyhisList li:nth-child(2n):before {
        right: calc(50% + 9vw);
    }
    .nyhisList li:nth-child(2n):hover:before {
        width: calc(50% - 33vw);
    }
    .nyhisList li .con .txt {
        line-height: 1.3em
    }
}

@media screen and (max-width: 580px) {
    .nyhisList:after {
        left: 15vw;
    }
    .nyhisList li {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .nyhisList li .cir {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
    .nyhisList li .con {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        position: static;
        width: 50vw;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    .nyhisList li .cir {
        width: 30vw;
        height: 30vw;
    }
    .nyhisList li .cir .time {
        width: 15vw;
        height: 15vw;
        padding-top: 4.4vw
    }
    .nyhisList li .cir .time span {
        line-height: 4.4vw;
    }
    .nyhisList li .cir .time span.month {
        font-size: 4.4vw
    }
    .nyhisList li .cir .time span.year {
        font-size: 3vw
    }
    .nyhisList li {
        padding: 4vw 0
    }
    .nyhisList li:nth-child(2n+1):after {
        width: calc(50% - 35vw);
        left: 30vw;
        top: 19vw;
    }
    .nyhisList li:nth-child(2n+1):before {
        left: 30vw;
        top: 19vw;
    }
    .nyhisList li:nth-child(2n+1):hover:before {
        width: calc(50% - 35vw);
    }
    .nyhisList li:nth-child(2n):after {
        width: calc(50% - 35vw);
        left: 30vw;
        top: 19vw;
        right: auto
    }
    .nyhisList li:nth-child(2n):before {
        left: 30vw;
        top: 19vw;
        right: auto
    }
    .nyhisList li:nth-child(2n):hover:before {
        width: calc(50% - 35vw);
    }
}

@media screen and (min-width: 1921px) {
    .nyvi .bg:before {
        background-size: 100% 100%;
    }
    .nyphotos .bg:before {
        background-size: 100% 100%;
    }
    .nybx .bg:before {
        background-size: 100% 100%;
    }
    .nyleader2 .bg:before {
        background-size: 100% 100%;
    }
}

@media screen and (max-width: 980px) {
    .nycontact .wp {
        padding: 0 10%
    }
    .nycontact .wp .pic {
        width: 100%;
    }
    .nycontact .wp .txt {
        width: 100%;
    }
    .nycontact .wp .txt .con {
        padding: .2rem .3rem;
        left: 0
    }
    .nyvi dl dt img {
        max-width: 311px;
        width: 90%
    }
    .nyvi dl dt span {
        font-size: .22rem;
        left: .3rem;
    }
    .nyvi dl:nth-child(1) dd {
        height: 25vw;
    }
    .nyvi dl:nth-child(2) dd {
        height: 25vw
    }
    .nyvi dl:nth-child(3) {
        margin-top: .5rem
    }
    .nyvi dl:nth-child(4) {
        margin-top: .5rem
    }
    .nyvi dl:nth-child(5) {
        margin-top: .5rem;
        margin-bottom: .5rem
    }
    .nyvi dl:nth-child(3) dd .item:nth-child(1) {
        height: 25vw;
        padding: .2rem 5%
    }
    .nyvi dl:nth-child(3) dd .item:nth-child(2) {
        height: 25vw;
        padding: .2rem 5%
    }
    .nyvi dl:nth-child(5) dd {
        height: 25vw
    }
    .nyvi dl:nth-child(6) dd {
        height: 25vw
    }
    .nyvi dl:nth-child(7) dd {
        height: 25vw
    }
    .nyvi dl:nth-child(3) dd .item div img {
        max-height: 1.8rem
    }
    .nyqklist li {
        width: 30%;
        margin-bottom: .6rem
    }
    .nyqklist li .txt h4 {
        font-size: .2rem;
    }
    .nyleadlist1 li {
        margin-bottom: .8rem
    }
    .nyleadlist1 li .pic {
        width: 2.6rem;
        position: relative;
        top: -.3rem
    }
    .nyleadlist1 li .txt {
        width: calc(100% - 2.6rem);
        padding: .3rem 0 .3rem .3rem
    }
    .wall-column {
        width: 50%;
        padding: 0 1%;
    }
    .nymain {
        background-size: 60% auto
    }
    .nybxlist dl dd ul:after {
        width: 31%
    }
    .nybxlist dl dd ul li {
        width: 31%;
    }
    .nyoldlist dl dd ul li {
        width: 48%;
        margin-bottom: .3rem
    }
}

@media screen and (max-width: 640px) {
    .nycontact .wp {
        padding: 0 5%
    }
    .nycontact .wp .txt .con {
        padding: .3rem .4rem
    }
    .nycontact .wp .txt .con:after {
        top: -.2rem;
        right: -.2rem
    }
    .nycontact .wp .txt .con p span:nth-child(1) {
        display: block;
        width: .9rem
    }
    .nycontact .wp .txt .con p span:nth-child(2) {
        display: block;
        width: calc(100% - .9rem)
    }
    .nyvi dl.w50 {
        width: 100%
    }
    .nyvi dl dt img {
        width: 75%
    }
    .nyvi dl:nth-child(1) {
        margin-bottom: .5rem
    }
    .nyvi dl:nth-child(6) {
        margin-bottom: .5rem
    }
    .nyvi dl:nth-child(1) dd {
        height: auto;
        padding: .4rem 18%
    }
    .nyvi dl:nth-child(2) dd,
    .nyvi dl:nth-child(7) dd {
        height: auto
    }
    .nyvi dl dt {
        position: relative;
        margin-bottom: .15rem;
        left: -.05rem
    }
    .nyvi dl:nth-child(3) dd .item:nth-child(1) {
        height: auto;
        padding: .2rem 5%
    }
    .nyvi dl:nth-child(3) dd .item:nth-child(2) {
        height: auto;
        padding: .2rem 5%
    }
    .nyvi dl:nth-child(3) dd .item div img {
        max-height: 1.4rem
    }
    .nyleadlist1 li .pic {
        width: 30vw;
        position: relative;
        top: -.3rem
    }
    .nyleadlist1 li .txt {
        width: calc(100% - 30vw);
        padding: .3rem 0 .3rem .3rem
    }
    .nyphotoList .item {
        margin-bottom: .12rem;
    }
    .nybxlist dl dd ul:after {
        width: 48%
    }
    .nybxlist dl dd ul li {
        width: 48%;
    }
    .nyoldlist dl dd ul li {
        width: 100%;
        margin-bottom: .3rem
    }
}

@media screen and (max-width: 480px) {
    .nyqklist li {
        width: 47%;
        margin-bottom: .5rem
    }
    .nyleadlist1 li .pic {
        width: 100%;
        position: relative;
        top: -.3rem
    }
    .nyleadlist1 li .pic img {
        max-width: 65%;
        margin: 0 auto
    }
    .nyleadlist1 li .txt {
        width: 100%;
        padding: .2rem 0 .3rem 0
    }
    .nyphotoList .item .icon-tuji {
        top: .15rem;
        right: .15rem;
        font-size: .24rem
    }
    .nyphotoList .item .txt {
        padding: .5rem .15rem .1rem
    }
    .nyphotoList .item .txt h4 {
        padding-right: 0;
        text-align: justify;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .nyphotoList .item .txt h4:after {
        display: none;
    }
    .nyoldlist dl dd ul li .pic {
        width: 1.34rem
    }
    .nyoldlist dl dd ul li .txt {
        width: calc(100% - 1.34rem);
        padding-top: .3rem
    }
}

.abtxt {
    line-height: 1.8em;
    text-indent: 2em;
    text-align: justify;
}

.abtxt p {
    padding: .05rem 0
}

.abtxt p:first-child {
    padding-top: 0;
}

.nyab1 {
    padding: .65rem 0 .55rem;
    position: relative;
}

.nyab1 .pic {
    width: 7.51rem
}

.nyab1 .txt {
    width: 7.7rem;
    background: #fff;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: .4rem .4rem
}

.nyab1 .txt h4 {
    font-size: .26rem;
    margin-bottom: .15rem
}

.nyab2 {
    padding-left: 2.18rem;
    position: relative;
    padding-bottom: .75rem
}

.nyab2:before {
    content: '';
    display: block;
    position: absolute;
    width: 1.18rem;
    height: 2.49rem;
    
    left: 0;
    bottom: 0;
    background-size: 1.18rem 2.49rem
}

.nyab2:after {
    content: '';
    display: block;
    position: absolute;
    width: calc(100% - 1.18rem);
    height: 1px;
    background: #ddd;
    right: 0;
    bottom: 1.24rem;
}

.slide-time .swiper-slide {
    width: 21.51rem
}

.nyab3 {
    padding: 1.45rem 0 .65rem;
    position: relative;
}

.nyab3:before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 95%;
    z-index: 0;
    
    background-size: 100% 100%
}

.nyab3:after {
    content: '';
    position: absolute;
    right: 0;
    top: -3.26rem;
    width: 2.19rem;
    height: 5.27rem;
    z-index: 0;
   
    background-size: 100% 100%
}

.nyab3 .wp {
    background: #fff;
    padding: 0 .35rem
}

.nyab3 .wp:before {
    background: #286fb7;
    height: 3px;
    width: 30%;
    content: '';
    position: absolute;
    left: 0;
    top: -3px;
}

.nyab3 .pic {
    width: 7.51rem;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    position: relative;
    top: -.5rem;
}

.nyab3 .txt {
    width: 6.3rem;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    padding: .35rem .2rem .3rem .2rem
}

.nyab3 .txt .scbox {}

.nyab4 {
    padding: .65rem 0;
    position: relative;
}

.nyab4:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -1.35rem;
    width: 5.45rem;
    height: 5.34rem;
    z-index: 0;
    
    background-size: 100% 100%
}

.nyab4 .txt {
    width: 8.2rem;
    position: relative;
    padding: .35rem .4rem;
    background: rgb(40 111 183 / 0.8);
    color: #fff
}

.nyab4 .wp {
    
    background-size: cover;
    padding: .3rem
}

.nyab4 .txt .scbox {
    max-height: 3.65rem;
    overflow: auto;
    padding-right: .15rem
}

.nyab4 .txt .scbox::-webkit-scrollbar-track {
    border-radius: 5px;
    ;
    background: rgba(255, 255, 255, .3);
}

.nyab4 .txt .scbox::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: #fff;
}

.nyab5 {
    padding: .65rem 0 1rem;
    position: relative;
}

.nyab5:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: .65rem;
    width: 1.94rem;
    height: 5.56rem;
    z-index: 0;
    
    background-size: 100% 100%
}

.nyab5 .datanum {
    width: 7.5rem
}

.nyab5 .txt {
    width: 7rem;
    position: relative;
    padding: .35rem;
    border: 1px solid #eee
}

.nyab5 .txt .scbox {
    max-height: 5.65rem;
    overflow: auto;
    padding-right: .15rem
}

.nyab6 {
    padding: 1.1rem 0;
    position: relative;
}

.nyab6:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 88%;
    z-index: 0;
    
    background-size: 100% 100%
}

.nyab6:after {
    content: '';
    position: absolute;
    left: 0;
    top: -3.26rem;
    width: 2.19rem;
    height: 5.27rem;
    z-index: 0;
   
    background-size: 100% 100%
}

.nyab6 .pic {
    width: 7.51rem
}

.nyab6 .txt {
    width: 6.7rem
}

.nyab5 .datanum ul li {
    
    background-size: 100% 100%;
    text-align: center;
    position: relative;
    color: #333
}

.nyab5 .datanum ul li:before {
    content: '';
    position: absolute;
    z-index: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.nyab5 .datanum ul li span {}

.nyab5 .datanum ul li span em {
    font-size: .42rem
}

.nyab5 .datanum ul li p {
    font-size: .18rem
}

.nyab5 .datanum ul li:hover {
    color: #fff;
    cursor: move
}

.nyab5 .datanum ul li:before {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.nyab5 .datanum ul li:hover:before {
    opacity: 1;
    visibility: inherit;
}

.nyab5 .datanum ul li:nth-child(1) {
    width: 2.11rem;
    height: 2.11rem
}

.nyab5 .datanum ul li:nth-child(1):before {
    width: 2.77rem;
    height: 2.09rem;
    
    right: -.21rem;
    top: 0
}

.nyab5 .datanum ul li:nth-child(2) {
    width: 1.74rem;
    height: 1.74rem;
    position: absolute;
    left: 2.9rem;
    top: .1rem;
}

.nyab5 .datanum ul li:nth-child(2):before {
    width: 2.26rem;
    height: 1.84rem;
    
    right: -.25rem;
    top: 0;
}

.nyab5 .datanum ul li:nth-child(3) {
    width: 2.4rem;
    height: 2.4rem;
    position: absolute;
    right: 0;
    top: .7rem
}

.nyab5 .datanum ul li:nth-child(3):before {
    width: 3.05rem;
    height: 2.39rem;
   
    right: -.21rem;
    top: 0;
}

.nyab5 .datanum ul li:nth-child(4) {
    width: 2.17rem;
    height: 2.17rem;
    position: absolute;
    left: 1.1rem;
    top: 2.15rem
}

.nyab5 .datanum ul li:nth-child(4):before {
    width: 2.64rem;
    height: 2.14rem;
  
    right: -.27rem;
    top: 0;
}

.nyab5 .datanum ul li:nth-child(5) {
    width: 1.59rem;
    height: 1.59rem;
    position: absolute;
    left: 3.55rem;
    top: 2.55rem
}

.nyab5 .datanum ul li:nth-child(5):before {
    width: 2.09rem;
    height: 1.7rem;
    
    right: -.23rem;
    top: 0;
}

.nyab5 .datanum ul li:nth-child(6) {
    width: 1.92rem;
    height: 1.92rem;
    position: absolute;
    top: 4.25rem;
    left: -.1rem
}

.nyab5 .datanum ul li:nth-child(6):before {
    width: 2.54rem;
    height: 1.91rem;
   
    right: -.26rem;
    top: 0;
}

.nyab5 .datanum ul li:nth-child(7) {
    width: 2.4rem;
    height: 2.4rem;
    position: absolute;
    left: 2.3rem;
    top: 4.6rem;
}

.nyab5 .datanum ul li:nth-child(7):before {
    width: 3.07rem;
    height: 2.4rem;
    
    right: -.26rem;
    top: 0;
}

.nyab5 .datanum ul li:nth-child(8) {
    width: 2.39rem;
    height: 2.39rem;
    position: absolute;
    left: 4.9rem;
    top: 3.65rem
}

.nyab5 .datanum ul li:nth-child(8):before {
    width: 2.93rem;
    height: 2.35rem;
    
    right: -.28rem;
    top: .02rem;
}

.nyab5 .datanum ul li:nth-child(2) .zi3 {
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8);
}

.nyab5 .datanum ul li:nth-child(3) .zi3 {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.nyab5 .datanum ul li:nth-child(4) .zi3 {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.nyab5 .datanum ul li:nth-child(5) .zi3 {
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8);
}

.nyab5 .datanum ul li:nth-child(6) .zi3 {
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
}

.nyab5 .datanum ul li:nth-child(7) .zi3 {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.nyab5 .datanum ul li:nth-child(8) .zi3 {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.nyab5 .dataM {
    display: none
}

.nyab2 .scbox1 {
    overflow: auto
}

.nyab2 .scbox1::-webkit-scrollbar {
    display: none;
}

.nyab2 .scbox1 .picbox {
    padding-right: .2rem
}

.nyab2 .scbox1 img {
    max-width: inherit;
    height: 2.66rem;
    margin-right: .2rem
}

@media screen and (max-width: 980px) {
    .nyab1 {
        padding: .65rem 0 .55rem;
        position: relative;
    }
    .nyab1 .pic {
        width: 100%
    }
    .nyab1 .txt {
        width: 100%;
        position: static;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        padding: .4rem 0
    }
    .nyab1 .txt h4 {
        font-size: .26rem;
        margin-bottom: .15rem
    }
    .nyab2 {
        padding-left: 1.3rem
    }
    .nyab2:before {
        width: 1.18rem;
        height: 2.49rem;

        background-size: 1.18rem 2.49rem
    }
    .nyab3 .pic {
        width: 100%;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        top: 0;
        padding-top: .4rem
    }
    .nyab3 .txt {
        width: 100%;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        padding: .3rem 0 .4rem
    }
    .nyab3 {
        padding: .6rem 0 .6rem;
        position: relative;
    }
    .nyab4 .txt {
        width: 100%
    }
    .nyab5 .datanum {
        width: 100%;
        height: 7.5rem;
        max-width: 600px;
        margin: 0 auto
    }
    .nyab5 .txt {
        width: 100%
    }
    .nyab5 {
        padding: .6rem 0 .6rem
    }
    .nyab6 {
        padding: .6rem 0 .8rem
    }
    .nyab6 .pic {
        width: 100%;
        margin-bottom: .3rem
    }
    .nyab6 .txt {
        width: 100%
    }
}

@media screen and (max-width: 640px) {
    .nyab4 .txt {
        padding-right: .3rem
    }
    .nyab5 .txt {
        padding: .4rem .3rem .4rem .4rem
    }
    .nyab5 .datanum {
        height: 86vw
    }
    .nyab5 .datanum ul li:hover {
        color: #286fb7
    }
    .nyab5 .datanum ul li:before {
        display: none
    }
    .nyab5 .datanum ul li:nth-child(1) {
        width: 24.68vw;
        height: 24.68vw
    }
    .nyab5 .datanum ul li:nth-child(2) {
        width: 20.3vw;
        height: 20.3vw;
        left: 34vw;
        top: 0;
    }
    .nyab5 .datanum ul li:nth-child(3) {
        width: 28.125vw;
        height: 28.125vw;
        right: 0;
        top: 8vw;
    }
    .nyab5 .datanum ul li:nth-child(4) {
        width: 25.3vw;
        height: 25.3vw;
        left: 13vw;
        top: 25vw;
    }
    .nyab5 .datanum ul li:nth-child(5) {
        width: 18.75vw;
        height: 18.75vw;
        top: 30.4vw;
        left: 41.4vw
    }
    .nyab5 .datanum ul li:nth-child(6) {
        width: 22.5vw;
        height: 22.5vw;
        top: 50vw;
        left: -1vw
    }
    .nyab5 .datanum ul li:nth-child(7) {
        width: 26.125vw;
        height: 26.125vw;
        top: 53vw;
        left: 28.1vw
    }
    .nyab5 .datanum ul li:nth-child(8) {
        width: 28.125vw;
        height: 28.125vw;
        left: 57vw;
        top: 43.75vw
    }
    .nyab5 .datanum ul li span em {
        font-size: 5.625vw
    }
    .nyab5 .datanum ul li p {
        font-size: 2.4vw
    }
    .nyab1 {
        padding: .5rem 0 .5rem;
        position: relative;
    }
}

.tabs-ul li {
    display: inline-block;
}

.tabs-ul li a {
    display: block;
    position: relative;
    line-height: 40px;
    border-radius: 40px;
    font-size: 18px;
    color: #333;
    padding: 0 28px;
}

.tabs-ul {
    text-align: center;
    padding-top: 25px;
    border-bottom: solid 1px #ddd;
    padding-bottom: 16px;
}

.tabs-ul li a.active {
    background: #286fb7;
    color: #fff;
}

.tabs-ul li a.active:before {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    margin-top: 10px;
    height: 8px;
   
}

.link-ul-left {
    float: left;
    width: 50%;
}

.link-ul-tt {
    font-size: 24px;
    color: #fff;
    position: relative;
    margin-left: 16px;
    display: inline-block;
    font-weight: bold;
    line-height: 65px;
    padding-left: 37px;
    padding-right: 110px;
   
    background-size: cover;
}

.box-c {
    max-width: 1510px;
    padding: 0 15px;
    margin: 0 auto;
}

.link-ul {
    margin-top: 50px;
    position: relative;
    padding-top: 50px;
    padding-bottom: 100px;
}

.link-ul-tt:before {
    position: absolute;
    display: block;
    content: "";
    margin-top: -3px;
    left: -13px;
    top: 100%;
    width: 16px;
    height: 16px;
    background: #f4a551;
    border-radius: 50%;
}

.link-ul-tt-box {
    position: relative;
    margin-right: 33px;
    min-height: 65px;
}

.link-ul-tt-box:before {
    display: block;
    content: "";
    position: absolute;
    left: 16px;
    right: 0;
    bottom: 0;
    height: 2px;
    background: #286fb7;
}

.link-ul-tt-box i {
    position: absolute;
    left: 100%;
    bottom: -20px;
    width: 73px;
    height: 43px;
   
}

.link-ul:before {
    display: block;
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -1px;
    bottom: 0;
    width: 2px;
    background: #286fb7;
}

.link-list li {
    float: left;
    width: 50%;
    margin: 0!important;
    height: 100px;
    padding-right: 15px;
}

.link-list li a {
    display: inline-block;
    padding-left: 40px;
    font-size: 18px;
    color: #333;
  
}

.link-list {
    padding-left: 65px;
    padding-top: 50px;
}

.link-ul li:nth-child(even) .link-ul-tt {
    float: right;
    margin-left: 0;
    margin-right: 16px;
}

.link-ul li:nth-child(even) .link-ul-left-r {
    float: right;
}

.link-ul li:nth-child(even) .link-ul-tt-box {
    margin-left: 33px;
    margin-right: 0;
}

.link-ul li:nth-child(even) .link-ul-tt:before {
    left: auto;
    right: -13px;
}

.link-ul li:nth-child(even) .link-ul-tt-box i {
    right: 100%;
    left: auto;
    
}

.link-ul li:nth-child(even) .link-ul-tt-box:before {
    right: 16px;
    left: 0;
}

.link-ul li:nth-child(even) .link-list {
    padding-left: 50px;
}

.clearfix:after {
    display: table;
    content: "";
    clear: both;
}

.link-ul li {
    padding-bottom: 30px;
}

.link-ul:after {
    display: block;
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-left: -4px;
    background: #286fb7;
}

.link-list li a:hover {
    color: #286fb7;
}

@media( max-width: 1023px) {
    .link-ul-tt {
        font-size: 18px;
        padding-left: 20px;
        padding-right: 80px;
        line-height: 55px;
    }
    .link-ul-tt-box {
        min-height: 55px;
    }
    .link-list li {
        margin-bottom: 30px;
    }
    .link-list {
        padding-top: 42px;
    }
    .link-ul li:nth-child(even) .link-list {
        padding-left: 20px;
    }
    .link-list li {
        height: 80px;
    }
}

@media( max-width: 768px) {
    .link-ul-left {
        width: 100%;
    }
    .link-ul-tt-box i,
    .link-ul:before,
    .link-ul:after,
    .link-ul-tt:before {
        display: none;
    }
    .link-ul-tt {
        display: block;
        margin: 0;
        width: 100%;
        float: none;
    }
    .link-list {
        padding: 0;
        margin-top: 0px;
    }
    .link-list li a {
        font-size: 16px;
    }
    .link-list li {
        height: 60px;
    }
    .link-ul-tt-box,
    .link-ul li:nth-child(even) .link-ul-tt-box,
    .link-ul li:nth-child(even) .link-ul-tt {
        margin: 0;
    }
    .link-ul li {
        padding-bottom: 0;
    }
    .link-ul {
        margin-top: 30px;
        padding-top: 0;
    }
    .tabs-ul li {
        display: block;
        float: left;
        width: 33.333333%;
    }
    .tabs-ul li a {
        padding: 5px 0px;
        line-height: 25px;
        font-size: 14px;
    }
    .link-ul-tt {
        font-size: 16px;
        line-height: 45px;
    }
    .link-ul-tt-box {
        min-height: 1px;
        margin-bottom: 20px!important;
        height: 45px;
    }
}