@charset "UTF-8";
/* CSS Document */



/*----融媒资源----*/

.n-resour-flag {width: 0; height: 0; position: absolute; left: 0; top: 0;}
.n-resour-flag {top: -211px;}
@media all and (max-width: 1130px) {
    .n-resour-flag {top: -180px;}
}
@media all and (max-width: 1000px) {
    .n-resour-flag {top: -170px;}
}
@media all and (max-width: 860px) {
    .n-resour-flag {top: -160px;}
}
@media all and (max-width: 600px) {
    .n-resour-flag {top: -130px;}
}
@media all and (max-width: 480px) {
    .n-resour-flag {top: -80px;}
}
@media all and (max-width: 420px) {
    .n-resour-flag {top: -60px;}
}

.n-resour-banner {font-size: 0; overflow: hidden;}
.n-resour-banner img {width: 100%;}
@media all and (max-width: 1200px) {
    .n-resour-banner .img {width: calc(100% + 2rem); -ms-transform: translateX(-1rem); transform: translateX(-1rem);}
}
@media all and (max-width: 480px) {
    .n-resour-banner .img {width: calc(100% + 3rem); -ms-transform: translateX(-1.5rem); transform: translateX(-1.5rem);}
}

.n-resour {position: relative;}
.n-resour-banner-shadow {width: 100%; position: absolute; left: 0; top: 0; font-size: 0; overflow: hidden;}
.n-resour-banner-shadow img {width: 100%;}
@media all and (max-width: 1200px) {
    .n-resour-banner-shadow .img {width: calc(100% + 2rem); -ms-transform: translateX(-1rem); transform: translateX(-1rem);}
}
@media all and (max-width: 480px) {
    .n-resour-banner-shadow .img {width: calc(100% + 3rem); -ms-transform: translateX(-1.5rem); transform: translateX(-1.5rem);}
}


.n-resour-title {font-size: 0; text-align: center;}
.n-resour-title img {max-height: 60px;}
@media all and (max-width: 1200px) {
    .n-resour-title img {max-height: 50px;}
}
@media all and (max-width: 1024px) {
    .n-resour-title img {max-height: 40px;}
}
@media all and (max-width: 860px) {
    .n-resour-title img {max-height: 30px;}
}

.n-resour-total {text-align: center;}
.n-resour-total .text {font-size: 16px; color: #e51400; display: -ms-flex; display: flex; justify-content: center; align-items: center;}
.n-resour-total .text span {font-size: 40px; font-family: Roboto, Avenir, Arial; font-weight: bold; padding: 0 5px 5px 5px;}
.n-resour-total .note {font-size: 0;}
.n-resour-total .note img {max-height: 20px;}
@media all and (max-width: 1200px) {
    .n-resour-total .text span {font-size: 36px;}
}
@media all and (max-width: 1024px) {
    .n-resour-total .text span {font-size: 30px;}
}
@media all and (max-width: 860px) {
    .n-resour-total .text span {font-size: 24px;}
    .n-resour-total .note img {max-height: 16px;}
}
@media all and (max-width: 420px) {
    .n-resour-total .text {font-size: 13px;}
    .n-resour-total .text span {font-size: 20px;}
    .n-resour-total .note img {max-height: 15px;}
}



.n-resour-construct {background: url("../images/resour-construct-background.jpg") no-repeat center top / cover; padding-bottom: .25rem;}
.n-resour-construct-zIndex {position: relative; z-index: 90;}
.n-resour-construct-img {font-size: 0; width: 100%;}
.n-resour-construct-img img {width: 100%;}
@media all and (max-width: 600px) {
    .n-resour-construct-img {padding-top: 10px;}
}



.n-resour-construct .n-resour-title {padding-top: 100px;}
@media all and (max-width: 1200px) {
    .n-resour-construct .n-resour-title {padding-top: 80px;}
}
@media all and (max-width: 1024px) {
    .n-resour-construct .n-resour-title {padding-top: 60px;}
}
@media all and (max-width: 860px) {
    .n-resour-construct .n-resour-title {padding-top: 40px;}
}
@media all and (max-width: 600px) {
    .n-resour-construct .n-resour-title {padding-top: 10px;}
}


.n-resour-construct-links {display: -ms-flex; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 1200px; margin: 0 auto; justify-content: space-between; padding-top: 50px;}
.n-resour-construct-links .item {width: calc(25% - 12px);}
.n-resour-construct-links .item .box {display: -ms-flex; display: flex; justify-content: center; align-items: center; width: auto; height: 116px; border-radius: 5px; background: url("../images/resour-construct-links.jpg") no-repeat center / cover; box-shadow: 5px 5px 10px rgba(200, 0, 0, .2);}
.n-resour-construct-links .item .box .icon {width: 50px; height: 50px; background: #fac59b; border-radius: 50%; font-size: 0; margin-right: 15px;}
.n-resour-construct-links .item .box .icon img {width: 100%;}
.n-resour-construct-links .item .box .text {font-size: 22px; line-height: 26px; color: #fac59b; max-width: 4em; position: relative; padding-left: 16px;}
.n-resour-construct-links .item .box .text:before {content: ''; display: block; width: 1px; height: 26px; background: #fac59b; position: absolute; left: 0; top: 50%; margin-top: -13px;}
@media all and (max-width: 1024px) {
    .n-resour-construct-links .item .box {height: 100px;}
    .n-resour-construct-links .item .box .icon {width: 40px; height: 40px;}
    .n-resour-construct-links .item .box .text {font-size: 18px; line-height: 24px;}
    .n-resour-construct-links .item .box .text:before {height: 20px; margin-top: -10px;}
}
@media all and (max-width: 860px) {
    .n-resour-construct-links .item .box {height: 80px;}
    .n-resour-construct-links .item .box .icon {width: 30px; height: 30px;}
    .n-resour-construct-links .item .box .text {font-size: 16px; line-height: 20px;}
}
@media all and (max-width: 800px) {
    .n-resour-construct-links {padding-top: 30px;}
}
@media all and (max-width: 700px) {
    .n-resour-construct-links {padding-top: 20px;}
    .n-resour-construct-links .item .box {height: 60px;}
    .n-resour-construct-links .item .box .icon {width: 24px; height: 24px; margin-right: 10px;}
    .n-resour-construct-links .item .box .text {font-size: 14px; line-height: 20px; padding-left: 11px;}
}
@media all and (max-width: 600px) {
    .n-resour-construct-links {max-width: 400px; margin: 0 auto;}
    .n-resour-construct-links .item {width: calc(50% - 10px); box-sizing: border-box; padding-bottom: 20px;}
}
@media all and (max-width: 320px) {
    .n-resour-construct-links {padding-top: 15px;}
    .n-resour-construct-links .item {width: calc(50% - 8px); padding-bottom: 16px;}
}


.n-resour-construct-func {max-width: 4.5rem; margin: 0 auto;}
.n-resour-construct-func .list {margin-top: -.42rem; padding-bottom: .17rem;}
.n-resour-construct-func .list {display: -ms-flex; display: flex; justify-content: space-between; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 0;}
.n-resour-construct-func .list .item {padding: 0 .1rem; width: 20%; box-sizing: border-box;}
.n-resour-construct-func .list .item img {width: 100%; max-width: 160px; border-radius: 50%; box-shadow: 3px 3px 8px rgba(120, 0, 0, .2);}
@media all and (max-width: 800px) {
    .n-resour-construct-func .list {justify-content: center;}
    .n-resour-construct-func .list .item {width: auto; max-width: 100px;}
}
@media all and (max-width: 700px) {
    .n-resour-construct-func .list .item {width: 26%; max-width: 100%;}
}
@media all and (max-width: 640px) {
    .n-resour-construct-func {max-width: 5rem;}
}
@media all and (max-width: 480px) {
    .n-resour-construct-func .list {margin-top: -.38rem;}
    .n-resour-construct-func .list .item {width: 30%;}
}




.n-resour-profession {position: relative; margin-top: -.25rem; padding-bottom: .5rem;}
.n-resour-profession-background {font-size: 0; width: 100%; height: 100%; position: absolute; left: 0; top: 0; overflow: hidden;}
.n-resour-profession-background img {width: 100%;}
.n-resour-profession-position {position: relative; z-index: 90;}

.n-resour-profession .n-resour-title {width: 100%; position: absolute; left: 0; top: 0; padding-top: .58rem;}

.n-resour-img {font-size: 0; text-align: center; padding-top: 1.16rem;}
.n-resour-img img {width: 4.88rem;}

.n-resour-profession .n-resour-total .text {color: #fff;}
.n-resour-profession .n-resour-total .text span {color: #ffd772;}
@media all and (max-width: 1200px) {
    .n-resour-profession .n-resour-title {padding-top: .7rem;}
    .n-resour-img {padding-top: 1.525rem;}
    .n-resour-img img {width: 6rem;}
    .n-resour-profession-background .img {width: calc(100% + 2rem); -ms-transform: translateX(-1rem); transform: translateX(-1rem);}
}
@media all and (max-width: 900px) {
    .n-resour-profession {padding-bottom: .6rem;}
    .n-resour-profession .n-resour-title {padding-top: .75rem;}
    .n-resour-img {padding-top: 1.525rem;}
    .n-resour-img img {width: 7rem;}
    .n-resour-profession-background .img {width: calc(100% + 3rem); -ms-transform: translateX(-1.5rem); transform: translateX(-1.5rem);}
}
@media all and (max-width: 800px) {
    .n-resour-profession .n-resour-title {padding-top: .8rem;}
}
@media all and (max-width: 600px) {
    .n-resour-profession .n-resour-title {padding-top: .7rem;}
}






.n-resour-theme {margin-top: -.25rem; position: relative; padding-bottom: .7rem; overflow: hidden;}
.n-resour-theme-background {font-size: 0; width: 1920px; height: 100%; position: absolute; left: 50%; margin-left: -960px; top: 0; overflow: hidden;}
.n-resour-theme-background img {width: 100%;}
.n-resour-theme-position {position: relative; z-index: 90;}
.n-resour-theme .n-resour-title {padding-top: 100px;}

.n-resour-theme-main {max-width: 1200px; margin: 0 auto;}

.n-resour-theme-tabs {position: relative; padding-top: 30px;}
.n-resour-theme-tabs:after {content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: -5px; background: url("../images/n-resour-theme-tabs.png") no-repeat top / 100% auto;}
.n-resour-theme-tabs .overflow {width: 100%; overflow: hidden;}
.n-resour-theme-tabs .list {width: calc(100% + 34px); -ms-transform: translateX(-17px); transform: translateX(-17px); position: relative; z-index: 20; display: -ms-flex; display: flex; justify-content: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.n-resour-theme-tabs .list .item {padding: 40px 17px 0 17px;}
.n-resour-theme-tabs .list .item a {display: -ms-flex; display: flex; justify-content: center; align-items: center; text-align: center; height: 52px; padding: 0 34px; font-size: 26px; font-weight: bold; color: #fff; text-shadow: 1px 1px 2px rgba(0, 0, 0, .5); border-radius: 3px; background: linear-gradient(#c00e24, #ff6a44);}

@media all and (max-width: 1260px) {
    .n-resour-theme-tabs:after {display: none;}
}
@media all and (max-width: 1200px) {
    .n-resour-theme .n-resour-title {padding-top: 60px;}
    .n-resour-theme-tabs {padding-top: 10px;}
    .n-resour-theme-tabs .list {width: calc(100% + 30px); -ms-transform: translateX(-15px); transform: translateX(-15px);}
    .n-resour-theme-tabs .list .item {padding: 30px 15px 0 15px;}
    .n-resour-theme-tabs .list .item a {font-size: 20px; height: 44px; padding: 0 30px;}
}
@media all and (max-width: 1000px) {
    .n-resour-theme .n-resour-title {padding-top: 50px;}
    .n-resour-theme-tabs .list {width: calc(100% + 20px); -ms-transform: translateX(-10px); transform: translateX(-10px);}
    .n-resour-theme-tabs .list .item {padding: 20px 10px 0 10px;}
    .n-resour-theme-tabs .list .item a {font-size: 18px; height: 40px; padding: 0 20px;}
}
@media all and (max-width: 800px) {
    .n-resour-theme .n-resour-title {padding-top: 40px;}
    .n-resour-theme-tabs .list {width: calc(100% + 16px); -ms-transform: translateX(-8px); transform: translateX(-8px);}
    .n-resour-theme-tabs .list .item {padding: 15px 8px 0 8px;}
    .n-resour-theme-tabs .list .item a {font-size: 16px; height: 36px; padding: 0 15px;}
}
@media all and (max-width: 480px) {
    .n-resour-theme .n-resour-title {padding-top: 30px;}
    .n-resour-theme-tabs .list {width: calc(100% + 10px); -ms-transform: translateX(-5px); transform: translateX(-5px);}
    .n-resour-theme-tabs .list .item {padding: 10px 5px 0 5px;}
    .n-resour-theme-tabs .list .item a {font-size: 15px; height: 32px; padding: 0 15px;}
}
@media all and (max-width: 380px) {
    .n-resour-theme .n-resour-title {padding-top: 25px;}
    .n-resour-theme-tabs .list .item {padding: 10px 5px 0 5px;}
    .n-resour-theme-tabs .list .item a {font-size: 14px; height: 30px; padding: 0 13px;}
}
@media all and (max-width: 320px) {
    .n-resour-theme-tabs .list .item a {font-size: 13px; height: 30px; padding: 0 12px;}
}




.n-resour-theme-imgs {max-width: 1214px; margin: 0 auto; padding: 26px; font-size: 0; padding-top: 50px;}
.n-resour-theme-imgs .item {padding: 7px; box-sizing: border-box;}
.n-resour-theme-imgs .box {position: relative; display: block; width: 100%; height: 100%;}
.n-resour-theme-imgs .box .img {width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.n-resour-theme-imgs .box img {width: 100%; height: 100%; box-shadow: 0 3px 7px rgba(0, 0, 0, .2);}
.n-resour-theme-imgs .box svg {width: 100%;}
.n-resour-theme-imgs .t {display: -ms-flex; display: flex; justify-content: space-between;}
.n-resour-theme-imgs .t .l,
.n-resour-theme-imgs .t .r {width: 50%;}
.n-resour-theme-imgs .t .l .item {width: 100%; height: 100%;}
.n-resour-theme-imgs .t .l .item .box svg {display: none;}
.n-resour-theme-imgs .t .r {display: -ms-flex; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.n-resour-theme-imgs .t .r .item {width: 50%;}

.n-resour-theme-imgs .b {display: -ms-flex; display: flex;}
.n-resour-theme-imgs .b .item {-ms-flex: 1; flex: 1;}

.n-resour-theme-imgs .c {display: -ms-flex; display: flex;}
.n-resour-theme-imgs .c-l {width: 25%;}
.n-resour-theme-imgs .c-l .item {width: 100%; height: 100%;}
.n-resour-theme-imgs .c-l .item .box svg {display: none;}
.n-resour-theme-imgs .c-r {width: 25%;}
.n-resour-theme-imgs .c-r .item {width: 100%; height: 100%;}
.n-resour-theme-imgs .c-r .item .box svg {display: none;}
.n-resour-theme-imgs .c-c {width: 50%;}
.n-resour-theme-imgs .c-b {display: -ms-flex; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.n-resour-theme-imgs .c-b .item {width: 50%;}
@media all and (max-width: 1000px) {
    .n-resour-theme-imgs {padding: 13px; padding-top: 20px;}
}
@media all and (max-width: 480px) {
    .n-resour-theme-imgs {padding: 10px; padding-top: 20px;}
    .n-resour-theme-imgs .item {padding: 5px;}
    .n-resour-theme-imgs .t {-ms-flex-wrap: wrap; flex-wrap: wrap;}
    .n-resour-theme-imgs .t .l {width: 100%;}
    .n-resour-theme-imgs .t .l .item .box svg {display: block;}
    .n-resour-theme-imgs .t .r {width: 100%;}
    .n-resour-theme-imgs .b {-ms-flex-wrap: wrap; flex-wrap: wrap;}
    .n-resour-theme-imgs .b .item:first-child {width: 100%; -ms-flex: auto; flex: auto;}
    .n-resour-theme-imgs .c {-ms-flex-wrap: wrap; flex-wrap: wrap;}
    .n-resour-theme-imgs .c-l {width: 50%; -ms-flex-order: 0; order: 0;}
    .n-resour-theme-imgs .c-l .item .box svg {display: block;}
    .n-resour-theme-imgs .c-r {width: 50%; -ms-flex-order: 1; order: 1;}
    .n-resour-theme-imgs .c-r .item .box svg {display: block;}
    .n-resour-theme-imgs .c-c {width: 100%; -ms-flex-order: 2; order: 2;}
}
@media all and (max-width: 320px) {
    .n-resour-theme-imgs {padding: 5px; padding-top: 10px;}
}





.n-resour-element {position: relative; margin-top: -.4rem; padding-bottom: 80px;}
.n-resour-element-background {font-size: 0; width: 100%; height: 100%; position: absolute; left: 0; top: 0; overflow: hidden;}
.n-resour-element-background img {width: 100%; position: relative; z-index: 2;}
.n-resour-element-background:after {content: ''; display: block; width: 100%; height: auto; position: absolute; left: 0; bottom: 0; top: 200px; background: #9c0009;}
.n-resour-element-position {position: relative; z-index: 90;}
.n-resour-element .n-resour-total .text {color: #fff;}
.n-resour-element .n-resour-total .text span {color: #ffd772;}

.n-resour-element .n-resour-title {padding-top: 80px;}
.n-resour-element-main {padding: 60px 30px; max-width: 1200px; margin: 0 auto;}
.n-resour-element-group {padding-top: 40px;}
.n-resour-element-main .n-resour-element-group:first-child {padding-top: 0;}
.n-resour-element-bgs.bg1 {background: url("../images/resour-element-bg1.jpg") #edddd0 no-repeat top / 100% auto;}
.n-resour-element-bgs.bg2 {background: url("../images/resour-element-bg2.jpg") #f2e5d5 no-repeat top / 100% auto;}
.n-resour-element-bgs.bg3 {background: url("../images/resour-element-bg3.jpg") #f6e6d9 no-repeat top / 100% auto;}
.n-resour-element-bgs.bg4 {background: url("../images/resour-element-bg4.jpg") #f8e6da no-repeat top / 100% auto;}
.n-resour-element-bgs.bg5 {background: url("../images/resour-element-bg5.jpg") #fff0e3 no-repeat top / 100% auto;}




.n-resour-element-tit {padding: 40px 50px 0 50px;}
.n-resour-element-tit .name {font-size: 26px; font-weight: bold; color: #b50000; line-height: 1;}
.n-resour-element-tit .note {display: -ms-flex; display: flex; padding-top: 10px;}
.n-resour-element-tit .note span {display: block; line-height: 22px; color: #fff; background: #b50000; padding: 0 10px; font-size: 13px; letter-spacing: .5em;}


.n-resour-element-intro {padding: 30px 400px 50px 0;}
.n-resour-element-intro .box {background: rgba(251, 221, 177, .5); min-height: 320px; padding: 0 50px;}
.n-resour-element-intro .tit {display: -ms-flex; display: flex; padding-top: 30px;}
.n-resour-element-intro .tit span {display: block; line-height: 44px; font-size: 22px; font-weight: bold; color: #ffcd69; background: #b50000; border-radius: 6px; padding: 0 30px;}
.n-resour-element-intro .txt {font-size: 20px; color: #b40000; font-weight: bold; line-height: 1.6; padding: 20px 0;}



.n-resour-element-list {display: -ms-flex; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 35px 60px 35px;}
.n-resour-element-list .item {width: 25%; box-sizing: border-box; padding: 30px 15px 0 15px;}
.n-resour-element-list .item a {display: block; line-height: 55px; font-size: 20px; font-weight: bold; color: #b40000; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background: linear-gradient(#ffe8ca, #f8d0a0); box-sizing: border-box; border-right: 1px solid #c89b4f; border-bottom: 1px solid #c89b4f; box-shadow: inset 2px 2px 4px #ffeac4; position: relative;}
.n-resour-element-list .item a:after {content: ''; display: block; height: 6px; background: #d5a577; position: absolute; left: 1px; bottom: -3px; right: 1px; border-radius: 3px;}


@media all and (max-width: 1260px) {
    .n-resour-element-intro {padding-right: 2.476rem;}
    .n-resour-element-intro .box {min-height: 1.98rem;}
    .n-resour-element {padding-bottom: 70px;}
}
@media all and (max-width: 1200px) {
    .n-resour-element-tit {padding: 30px 40px 0 40px;}
    .n-resour-element-intro {padding-bottom: 40px;}
    .n-resour-element-intro .box {padding: 0 40px;}
    .n-resour-element-list {padding: 0 25px 50px 25px;}
    .n-resour-element {padding-bottom: 65px;}
}
@media all and (max-width: 1024px) {
    .n-resour-element .n-resour-title {padding-top: 60px;}
    .n-resour-element-main {padding: 40px 30px;}
    .n-resour-element-group {padding-top: 30px;}
    .n-resour-element-tit {padding: 30px 30px 0 30px;}
    .n-resour-element-intro {padding-bottom: 30px;}
    .n-resour-element-intro .box {padding: 0 30px;}
    .n-resour-element-intro .tit {padding-top: 20px;}
    .n-resour-element-intro .txt {font-size: 18px;}
    .n-resour-element-tit .name {font-size: 24px;}
    .n-resour-element-tit .note span {font-size: 12px;}
    .n-resour-element-intro .tit span {font-size: 20px; line-height: 40px; padding: 0 25px;}
    .n-resour-element-list {padding: 0 15px 40px 15px;}
    .n-resour-element-list .item a {font-size: 18px;}
    .n-resour-element {padding-bottom: 60px;}
}
@media all and (max-width: 1000px) {
    .n-resour-element .n-resour-title {padding-top: 50px;}
    .n-resour-element-main {padding: 30px 20px;}
    .n-resour-element {padding-bottom: 55px;}
}
@media all and (max-width: 960px) {
    .n-resour-element-list {padding: 0 20px 30px 20px;}
    .n-resour-element-list .item {padding: 20px 10px 0 10px;}
    .n-resour-element-list .item a {line-height: 50px;}
    .n-resour-element {padding-bottom: 50px;}
}
@media all and (max-width: 860px) {
    .n-resour-element-tit {padding: 20px 20px 0 20px;}
    .n-resour-element-tit .name {font-size: 20px;}
    .n-resour-element-tit .note span {letter-spacing: 0;}
    .n-resour-element-intro {padding-top: 20px; padding-bottom: 20px;}
    .n-resour-element-intro .box {padding: 0 20px;}
    .n-resour-element-intro .tit span {font-size: 18px; line-height: 36px;}
    .n-resour-element-intro .txt {font-size: 16px; padding: 15px 0;}
    .n-resour-element-list {padding: 0 10px 20px 10px;}
    .n-resour-element-list .item {width: 33.333%; padding: 20px 10px 0 10px;}
    .n-resour-element {padding-bottom: 40px;}
}
@media all and (max-width: 720px) {
    .n-resour-element-list .item a {line-height: 40px; font-size: 16px;}
}
@media all and (max-width: 560px) {
    .n-resour-element-intro {padding: 0;}
    .n-resour-element-intro .box {background: none;}
    .n-resour-element-intro .tit {padding: 1rem 0 .2rem 0;}
    .n-resour-element-intro .txt {padding-bottom: .5rem;}
    .n-resour-element-list .item {width: 50%;}
}
@media all and (max-width: 480px) {
    .n-resour-element-tit.paddingRight {padding-right: 2.5rem;}
    .n-resour-element-intro .txt {font-size: 15px;}
}
@media all and (max-width: 420px) {
    .n-resour-element-intro .tit {padding: .6rem 0 .1rem 0;}
    .n-resour-element-intro .txt {font-size: 14px;}
    .n-resour-element-list .item a {font-size: 15px;}
    .n-resour-element-tit .name {font-size: 18px;}
    .n-resour-element-list .item a:after {height: 4px; bottom: -2px;}
}
@media all and (max-width: 380px) {
    .n-resour-element-tit {padding: 15px 15px 0 15px;}
    .n-resour-element-tit.paddingRight {padding-right: 2.5rem;}
    .n-resour-element-tit .note span {padding: 0 5px;}
    .n-resour-element-intro .tit span {font-size: 16px; line-height: 32px; padding: 0 15px;}
    .n-resour-element-intro .box {padding: 0 15px;}
    .n-resour-element-list {padding: 0 7px 15px 7px;}
    .n-resour-element-list .item {padding: 15px 8px 0 8px;}
    .n-resour-element-list .item a {font-size: 14px;}
}






/*----2022-05-13 / banner add button----*/
.n-resour-banner {position: relative;}
.n-resour-banner .btn {position: absolute; z-index: 10; font-size: 0; left: 50%; margin-left: -.792rem; bottom: .138rem;}
.n-resour-banner .btn a {display: block;}
.n-resour-banner .btn img {width: 1.584rem;}
@media all and (max-width: 1200px) {
    .n-resour-banner .btn {margin-left: -1rem; bottom: .18rem;}
    .n-resour-banner .btn img {width: 2rem;}
}
@media all and (max-width: 480px) {
    .n-resour-banner .btn {margin-left: -1.1rem; bottom: .2rem;}
    .n-resour-banner .btn img {width: 2.2rem;}
}