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



.sinoCenter {max-width: 1500px; margin: 0 auto;}
@media all and (max-width: 1500px) {
    .sinoCenter {max-width: 1170px;}
}
@media all and (max-width: 1200px) {
    .sinoCenter {max-width: 970px;}
}


.header {width: 100%; position: fixed; left: 0; top: 0; z-index: 999; background: rgba(255, 255, 255, .4); box-shadow: 0 0 7px rgba(0, 0, 0, .5); box-sizing: border-box; padding: 0 30px;}
.header .menu {display: -ms-flex; display: flex; align-items: center; height: 57px;}
.header .menu .item {position: relative;}
.header .menu .item .name a {display: block; height: 57px; box-sizing: border-box; padding: 22px 23px 0 23px; font-size: 14px; color: #000;}
.header .menu .item .list {width: 120px; height: auto; position: absolute; left: 0; top: 100%; background: rgba(255, 255, 255, .4); display: none;}
.header .menu .item .list .group {position: relative;}
.header .menu .item .list .group .tit a {display: block; font-size: 14px; color: #000; padding: 10px 12px;}
.header .menu .item .list .group .nav {min-width: 120px; position: absolute; left: 100%; top: 0; margin-left: -1px; background: rgba(255, 255, 255, .4); display: none;}
.header .menu .item .list .group .nav .box a {display: block; font-size: 14px; color: #000; padding: 10px 12px; white-space: nowrap;}
.header .menu .item.hover .name a {background: url("../images/menu-hover.png") no-repeat center / 95% 95%; color: #9b9b9b;}
.header .menu .item:hover .list {display: block;}
.header .menu .item .list .group:hover .tit a {background: #000; color: #fff;}
.header .menu .item .list .group:hover .nav {display: block;}
.header .menu .item .list .group .nav .box a:hover {background: #000; color: #fff;}

.header .menu-btn {display: none;}
.header .menu-btn a {display: block; width: 30px; height: 30px; position: relative;}
.header .menu-btn a span,
.header .menu-btn a:before,
.header .menu-btn a:after {content: ''; display: block; width: 24px; height: 2px; background: #000; position: absolute; left: 50%; margin-left: -12px;}
.header .menu-btn a span {top: 50%; margin-top: -1px;}
.header .menu-btn a:before {top: 7px;}
.header .menu-btn a:after {bottom: 7px;}

.header .logo {position: absolute; right: 45px; top: 0; width: 16%; height: 100%; display: -ms-flex; display: flex; align-items: center; font-size: 0;}
.header .logo a {display: block;}
.header .logo img {width: 100%;}

.topnavs {background: #fff; height: 0; overflow: hidden; transition: height .5s, box-shadow .3s; padding: 0 20px;}
.topnavs-list {padding-top: 57px;}
.topnavs-list .item {border-bottom: 1px solid #eee; padding: 0 10px;}
.topnavs-list .item:last-child {border-bottom: 0 none;}
.topnavs-list .item a {display: -ms-flex; display: flex; align-items: center; font-size: 14px; color: #666; font-weight: bold; position: relative;}
.topnavs-list .item a:after {content: ''; display: block; font-size: 0; line-height: 0; width: 8px; height: 8px; position: absolute; right: 0; top: 50%; margin-top: -4px; transition: transform .2s; background: url("../images/topnavs-arrow.png") no-repeat left center / 300% 100%;}
.topnavs-list .item .name a {height: 50px;}
.topnavs-list .item .name a:hover {color: #000;}
.topnavs-list .item .list {display: none; padding-bottom: 5px;}
.topnavs-list .item .list .group .tit a {height: 40px;}
.topnavs-list .item .list .group .tit a:hover {color: #32c5d2;}
.topnavs-list .item .list .group .nav {display: none;}
.topnavs-list .item .list .group .nav .box a {height: 40px; padding-left: 2em;}
.topnavs-list .item .list .group .nav .box a:after {display: none;}
.topnavs-list .item .list .group .nav .box a:hover {color: #32c5d2;}

.topnavs-list .item.show .name a {color: #000;}
.topnavs-list .item.show .name a:after {-ms-transform: rotate(90deg); transform: rotate(90deg); background-position: center;}
.topnavs-list .item.show .list {display: block;}

.topnavs-list .item .list .group.show .tit a {color: #32c5d2;}
.topnavs-list .item .list .group.show .tit a:after {-ms-transform: rotate(90deg); transform: rotate(90deg); background-position: right;}
.topnavs-list .item .list .group.show .nav {display: block;}

.topnavs.show {box-shadow: 0 0 7px rgba(0, 0, 0, .5);}
.topnavs.conTopNavs .topnavs-list {padding-top: 0;}
.topnavs.conTopNavs.show {border-bottom: 1px solid #9b9b9b;}


.footer {padding: 30px 0; background: #000; font-size: 14px; color: #fff; text-align: center;}
@media all and (max-width: 1200px) {
    .header .menu .item .name a {padding: 22px 15px 0 15px;}
    .header .logo {right: 20px;}
}
@media all and (max-width: 990px) {
    .header {box-shadow: none;}
    .header .sinoCenter {display: -ms-flex; display: flex; justify-content: space-between; align-items: center; height: 57px;}
    .header .menu {display: none;}
    .header .menu-btn {display: block;}
    .header .logo {width: auto; height: auto; display: block; position: relative; right: auto; top: auto;}
    .header .logo img {width: auto; height: 30px;}
}
@media all and (max-width: 480px) {
    .header {padding: 0 20px;}
    .header .sinoCenter {height: 50px;}
    .header .menu-btn a {width: 20px; height: 20px;}
    .header .menu-btn a span,
    .header .menu-btn a:before,
    .header .menu-btn a:after {width: 20px; height: 2px; margin-left: -10px;}
    .header .menu-btn a:before {top: 2px;}
    .header .menu-btn a:after {bottom: 2px;}
    .header .logo img {height: 20px;}

    .topnavs {padding: 0 15px;}
    .topnavs-list {padding-top: 50px;}
    .topnavs-list .item {padding: 0 5px;}
    .topnavs.conTopNavs .topnavs-list {padding-top: 0;}

    .footer {font-size: 13px;}
}


.banner .swiper-slide {position: relative; background: #ffffff;}
.banner .swiper-slide .con {position: absolute; right: 10%; top: 50%; font-size: 60px; color: #fff; font-weight: bold; text-shadow: 1px 4px 6px #000;}
.banner .swiper-slide .img {font-size: 0;}
.banner .swiper-slide .img img {width: 100%;}
.banner .swiper-pagination .swiper-pagination-bullet {border-radius: 0; background: #fff;}
@media all and (max-width: 1500px) {
    .banner .swiper-slide .con {font-size: 56px;}
}
@media all and (max-width: 1200px) {
    .banner .swiper-slide .con {font-size: 48px;}
}
@media all and (max-width: 990px) {
    .banner .swiper-slide .con {font-size: 40px;}
}
@media all and (max-width: 800px) {
    .banner .swiper-slide .con {font-size: 36px;}
}
@media all and (max-width: 640px) {
    .banner .swiper-slide .con {font-size: 30px;}
}
@media all and (max-width: 480px) {
    .banner .swiper-slide .con {font-size: 24px;}
    .banner .swiper-pagination .swiper-pagination-bullet {width: 6px; height: 6px; margin: 0 3px;}
}


.wrapper {background: #ffffff url("../images/background.jpg");}

.in-main {padding: 70px 30px;}
.in-list .row {display: -ms-flex; display: flex; align-items: center; padding-bottom: 30px;}
.in-list .row .column {width: 50%; box-sizing: border-box; padding: 0 35px; display: -ms-flex; display: flex;}
.in-list .row .column:first-child {justify-content: flex-end;}
.in-list .row .column .img {width: 90%; font-size: 0;}
.in-list .row .column .img a {display: block;}
.in-list .row .column .img img {width: 100%;}
.in-list .row .column .con {width: 70%;}
.in-list .row .column .con .tit {font-size: 18px; color: #000;}
.in-list .row .column .con .tit a {color: #000;}
.in-list .row .column .con .txt {font-size: 14px; color: #414141; line-height: 24px; padding-top: 10px;}
.in-list .row .column .con .txt {display: -webkit-box; -webkit-line-clamp: 9; -webkit-box-orient: vertical; max-height: 216px; overflow: hidden;}
.in-list .row .column .btn {display: -ms-flex; display: flex; justify-content: flex-end; padding-top: 10px;}
.in-list .row .column .btn a {display: block; width: auto; height: 34px; text-align: center; line-height: 34px; padding: 0 12px; background: #508edb; color: #fff; border-radius: 17px; font-size: 14px;}
.in-list .row:nth-child(even) .column:first-child {order: 1; -ms-flex-order: 1; justify-content: flex-start;}
.in-list .row:nth-child(even) .column:last-child {order: 0; -ms-flex-order: 0; justify-content: flex-end;}

.in-map {font-size: 0; text-align: center;}
.in-map img {width: 70%;}
.in-mapbox {position: relative;}
.in-mapbox .box {position: absolute; z-index: 20; width: 100%; height: 100%; overflow: hidden;}
.in-mapbox .scale {width: 1500px; height: 1160px; position: absolute; left: 50%; top: 50%; margin-left: -750px; margin-top: -580px; transition: transform .2s;}
.in-mapbox .mapbox {width: 100%; height: 100%;}
.in-mapbox .space {font-size: 0;}
.in-mapbox .space img {width: 100%;}

@media all and (max-width: 1500px) {
    .in-list .row .column .con .txt {-webkit-line-clamp: 7; max-height: 168px;}
}
@media all and (max-width: 1200px) {
    .in-list .row .column .con .txt {-webkit-line-clamp: 6; max-height: 144px;}
}
@media all and (max-width: 990px) {
    .in-list .row {align-items: flex-start;}
    .in-list .row:nth-child(even) .column:first-child {order: 1; -ms-flex-order: 1; justify-content: flex-end;}
    .in-list .row:nth-child(even) .column:last-child {order: 1; -ms-flex-order: 1; justify-content: flex-start;}
    .in-map img {width: 85%;}
    .in-mapbox {width: 100%;}
}
@media all and (max-width: 770px) {
    .in-main {padding: 40px;}
    .in-list .row {display: block; padding-bottom: 40px;}
    .in-list .row .column {width: auto; display: block; padding: 0;}
    .in-list .row .column .img {width: auto;}
    .in-list .row .column .con {width: auto; padding-top: 30px;}
    .in-map img {width: 100%;}
}
@media all and (max-width: 640px) {
    .in-main {padding: 30px;}
}
@media all and (max-width: 480px) {
    .in-main {padding: 20px;}
    .in-list .row {padding-bottom: 30px;}
    .in-list .row .column .con {padding-top: 20px;}
}









.conCenter {max-width: 1200px; margin: 0 auto;}
@media all and (max-width: 1200px) {
    .conCenter {max-width: 970px;}
}


.conHeader {width: 100%; box-sizing: border-box; background: rgba(255, 255, 255, .4); padding: 30px;}
.conHeader .conCenter {display: -ms-flex; display: flex; justify-content: space-between; align-items: center;}
.conHeader .logo {width: 60%;}
.conHeader .logo a {display: block;}
.conHeader .logo img {width: 100%;}
.conHeader .menu-btn {display: none;}
.conHeader .menu-btn a {display: block; width: 30px; height: 30px; position: relative;}
.conHeader .menu-btn a span,
.conHeader .menu-btn a:before,
.conHeader .menu-btn a:after {content: ''; display: block; width: 24px; height: 2px; background: #000; position: absolute; left: 50%; margin-left: -12px;}
.conHeader .menu-btn a span {top: 50%; margin-top: -1px;}
.conHeader .menu-btn a:before {top: 7px;}
.conHeader .menu-btn a:after {bottom: 7px;}

.conHeaderSpace {height: 60px; display: none;}


.conMenu {border-bottom: 1px solid #9b9b9b; padding: 0 30px;}
.conMenu-list {display: -ms-flex; display: flex; align-items: center; height: 57px;}
.conMenu-list .item {position: relative;}
.conMenu-list .item .name a {display: block; height: 57px; box-sizing: border-box; padding: 22px 23px 0 23px; font-size: 14px; color: #000;}
.conMenu-list .item .list {width: 120px; height: auto; position: absolute; left: 0; top: 100%; background: #fff; box-sizing: border-box; border: 1px solid #e8e8e8; display: none;}
.conMenu-list .item .list .group {position: relative;}
.conMenu-list .item .list .group .tit a {display: block; font-size: 14px; color: #000; padding: 10px 12px;}
.conMenu-list .item .list .group .nav {min-width: 120px; position: absolute; left: 100%; top: 0; background: #fff; box-sizing: border-box; border: 1px solid #e8e8e8; display: none;}
.conMenu-list .item .list .group .nav .box a {display: block; font-size: 14px; color: #000; padding: 10px 12px; white-space: nowrap;}
.conMenu-list .item.hover .name a {background: url("../images/menu-hover.png") no-repeat center / 95% 95%; color: #9b9b9b;}
.conMenu-list .item:hover .list {display: block;}
.conMenu-list .item .list .group:hover .tit a {background: #000; color: #fff;}
.conMenu-list .item .list .group:hover .nav {display: block;}
.conMenu-list .item .list .group .nav .box a:hover {background: #000; color: #fff;}
@media all and (max-width: 1200px) {
    .conMenu-list .item .name a {padding: 22px 18px 0 18px;}
}
@media all and (max-width: 990px) {
    .conHeader {position: fixed; left: 0; top: 0; z-index: 999; padding: 0 30px;}
    .conHeader .conCenter {height: 60px;}
    .conHeader .logo {width: auto;}
    .conHeader .logo img {width: auto; height: 30px;}
    .conHeader .menu-btn {display: block;}
    .conHeaderSpace {display: block;}
    .conMenu {display: none;}
}
@media all and (max-width: 480px) {
    .conHeader {padding: 0 20px;}
    .conHeader .conCenter {height: 50px;}
    .conHeader .logo img {height: 20px;}
    .conHeader .menu-btn a {width: 20px; height: 20px;}
    .conHeader .menu-btn a span,
    .conHeader .menu-btn a:before,
    .conHeader .menu-btn a:after {width: 20px; height: 2px; margin-left: -10px;}
    .conHeader .menu-btn a:before {top: 2px;}
    .conHeader .menu-btn a:after {bottom: 2px;}
    .conHeaderSpace {height: 50px;}
}





.n-container {padding: 80px 30px;}

.n-article {max-width: 1170px; margin: 0 auto;}
.n-article-title {text-align: center; padding-bottom: 20px;}
.n-article-title .name {font-size: 24px; color: #414141; font-weight: bold; display: -ms-flex; display: flex; justify-content: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.n-article-title .name span {display: block; padding: 0 5px;}
.n-article-title .name span.icon {font-size: 0;}
.n-article-title .name span img {height: 24px;}
.n-article-title .note {font-size: 20px; color: #414141; padding-top: 5px;}
.n-article-title .note a {color: #337ab7;}
.n-article-title .note a:hover {color: #23527c; text-decoration: underline;}
.n-article-content {font-size: 14px; color: #414141; line-height: 2;}
.n-article-imgs {padding-top: 10px;}
.n-article-imgs ul {display: -ms-flex; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.n-article-imgs ul li .box {display: block; font-size: 0;}
.n-article-imgs ul li .box img {width: 100%;}
.n-article-imgs ul.three li {width: calc(33.333% - 40px); margin-right: 60px; padding-top: 30px;}
.n-article-imgs ul.three li:nth-child(3n + 0) {margin-right: 0;}

@media all and (max-width: 990px) {
    .n-container {padding: 40px 30px;}
    .n-article-imgs {padding-top: 0;}
    .n-article-imgs ul.three li {width: calc(33.333% - 20px); margin-right: 30px;}
}
@media all and (max-width: 720px) {
    .n-container {padding: 30px;}
    .n-article-imgs ul.three {justify-content: space-between;}
    .n-article-imgs ul.three li {width: calc(50% - 15px); margin-right: 0;}
}
@media all and (max-width: 480px) {
    .n-container {padding: 20px;}
    .n-article-title .note {font-size: 16px;}
    .n-article-imgs ul.three li {width: calc(50% - 10px); padding-top: 20px;}
}
@media all and (max-width: 420px) {
    .n-container {padding: 20px;}
    .n-article-imgs ul.three li {width: 100%;}
}







.n-construct-main {max-width: 1170px; margin: 0 auto; display: -ms-flex; display: flex; justify-content: space-between;}
.n-construct-imgs {width: 40%; font-size: 0;}
.n-construct-imgs .item {font-size: 0; padding-bottom: 30px;}
.n-construct-imgs .item:last-child {padding-bottom: 0;}
.n-construct-imgs .item img {width: 100%;}

.n-construct-content {width: 60%; font-size: 14px; color: #414141; line-height: 2; box-sizing: border-box; padding-left: 50px;}
@media all and (max-width: 990px) {
    .n-construct-content {padding-left: 30px;}
}
@media all and (max-width: 720px) {
    .n-construct-main {display: block;}
    .n-construct-imgs {display: block; width: auto;}
    .n-construct-imgs .item {width: 100%; padding-bottom: 30px;}
    .n-construct-imgs .item:last-child {padding-bottom: 30px;}
    .n-construct-content {width: auto; padding: 0;}
}
@media all and (max-width: 480px) {
    .n-construct-imgs .item {padding-bottom: 20px;}
    .n-construct-imgs .item:last-child {padding-bottom: 20px;}
}







.n-theory-special-more {max-width: 1070px; margin: 0 auto; padding-top: 30px;}
.n-theory-special-more .title {font-size: 18px; color: #4b4b4b;}
.n-theory-special-more .list {display: -ms-flex; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between;}
.n-theory-special-more .list .item {width: calc(50% - 15px); padding-top: 15px; font-size: 14px; color: #337ab7;}
.n-theory-special-more .list .item {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.n-theory-special-more .list .item a {color: #337ab7; text-decoration: underline;}
.n-theory-special-more .list .item a:hover {color: #23527c;}
@media all and (max-width: 480px) {
    .n-theory-special-more .list .item {width: 100%; text-align: center; white-space: normal;}
}






.n-construct-progress {font-size: 0; text-align: center;}
.n-construct-progress img {width: 80%;}
@media all and (max-width: 990px) {
    .n-construct-progress img {width: 90%;}
}
@media all and (max-width: 640px) {
    .n-construct-progress img {width: 100%;}
}




.n-honor-project {display: -ms-flex; display: flex; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.n-honor-project .item {width: calc(50% - 35px); padding-top: 30px;}
.n-honor-project .item:nth-child(1),
.n-honor-project .item:nth-child(2) {padding-top: 0;}
.n-honor-project .item .img {font-size: 0;}
.n-honor-project .item .img a {display: block;}
.n-honor-project .item .img img {width: 100%;}
.n-honor-project .item .con {padding-top: 20px;}
.n-honor-project .item .con .tit {font-size: 14px; color: #000;}
.n-honor-project .item .con .tit a {color: #000;}
.n-honor-project .item .con .txt {font-size: 14px; color: #666; line-height: 24px; padding-top: 5px;}
.n-honor-project .item .con .txt {display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; height: 72px; overflow: hidden;}
.n-honor-project .item .con .btn {text-align: right; font-size: 14px; padding-top: 5px;}
.n-honor-project .item .con .btn a {color: #337ab7;}
.n-honor-project .item .con .btn a:hover {color: #23527c; text-decoration: underline;}
@media all and (max-width: 990px) {
    .n-honor-project .item {width: calc(50% - 15px);}
}
@media all and (max-width: 480px) {
    .n-honor-project .item {width: 100%;}
    .n-honor-project .item,
    .n-honor-project .item:nth-child(1),
    .n-honor-project .item:nth-child(2) {padding-top: 20px;}
    .n-honor-project .item:first-child {padding-top: 0;}
    .n-honor-project .item .con .txt {height: auto; max-height: 72px;}
}


.n-honor-personal {display: -ms-flex; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.n-honor-personal .item {width: calc(33.333% - 40px); padding-top: 30px; margin-right: 60px;}
.n-honor-personal .item:nth-child(3n + 0) {margin-right: 0;}
.n-honor-personal .item:nth-child(1),
.n-honor-personal .item:nth-child(2),
.n-honor-personal .item:nth-child(3) {padding-top: 0;}
.n-honor-personal .item .img {font-size: 0;}
.n-honor-personal .item .img a {display: block;}
.n-honor-personal .item .img img {width: 100%;}
.n-honor-personal .item .con {padding-top: 20px;}
.n-honor-personal .item .con .tit {font-size: 14px; color: #000;}
.n-honor-personal .item .con .tit a {color: #000;}
.n-honor-personal .item .con .txt {font-size: 14px; color: #666; line-height: 24px; padding-top: 5px; text-indent: 2em;}
.n-honor-personal .item .con .txt {display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; height: 72px; overflow: hidden;}
.n-honor-personal .item .con .btn {text-align: right; font-size: 14px; padding-top: 5px;}
.n-honor-personal .item .con .btn a {color: #337ab7;}
.n-honor-personal .item .con .btn a:hover {color: #23527c; text-decoration: underline;}
@media all and (max-width: 1200px) {
    .n-honor-personal .item {width: calc(33.333% - 28px); margin-right: 42px;}
}
@media all and (max-width: 800px) {
    .n-honor-personal {justify-content: space-between;}
    .n-honor-personal .item {width: calc(50% - 20px); margin: 0;}
    .n-honor-personal .item:nth-child(3) {padding-top: 30px;}
}
@media all and (max-width: 720px) {
    .n-honor-personal .item {width: calc(50% - 15px);}
}
@media all and (max-width: 480px) {
    .n-honor-personal .item {width: 100%;}
    .n-honor-personal .item,
    .n-honor-personal .item:nth-child(1),
    .n-honor-personal .item:nth-child(2),
    .n-honor-personal .item:nth-child(3) {padding-top: 20px;}
    .n-honor-personal .item:first-child {padding-top: 0;}
    .n-honor-personal .item .con .txt {height: auto; max-height: 72px;}
}







.n-theory-special {display: -ms-flex; display: flex; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.n-theory-special .group {width: calc(50% - 25px); padding-top: 50px;}
.n-theory-special .group:nth-child(1),
.n-theory-special .group:nth-child(2) {padding-top: 0;}
.n-theory-special .group .name {font-size: 14px; color: #000;}
.n-theory-special .group .box {display: -ms-flex; display: flex; padding-top: 10px;}
.n-theory-special .group .box .img {width: 50%; margin-right: 30px;}
.n-theory-special .group .box .img .thumb {font-size: 0;}
.n-theory-special .group .box .img .thumb img {width: 100%;}
.n-theory-special .group .box .img .note {font-size: 14px; color: #4b4b4b; padding-top: 10px;}
.n-theory-special .group .box .con {-ms-flex: 1; flex: 1; min-width: 0; font-size: 14px; color: #4b4b4b;}
.n-theory-special .group .box .con a {color: #337ab7; text-decoration: underline;}
.n-theory-special .group .box .con a:hover {color: #23527c;}
.n-theory-special .group .box .con .txt {padding-top: 5px;}
.n-theory-special .group .box .con .txt,
.n-theory-special .group .box .con .btn {line-height: 30px; padding-left: 1em;}
@media all and (max-width: 1200px) {
    .n-theory-special .group {width: calc(50% - 15px); padding-top: 30px;}
    .n-theory-special .group .box .img {margin-right: 20px;}
}
@media all and (max-width: 990px) {
    .n-theory-special .group {width: calc(50% - 20px); padding-top: 40px;}
    .n-theory-special .group .box {display: block;}
    .n-theory-special .group .box .img {width: auto; margin-right: 0;}
    .n-theory-special .group .box .con {padding-top: 20px;}
}
@media all and (max-width: 720px) {
    .n-theory-special .group {width: calc(50% - 15px); padding-top: 30px;}
}
@media all and (max-width: 480px) {
    .n-theory-special {display: block;}
    .n-theory-special .group {width: auto;}
    .n-theory-special .group:nth-child(2) {padding-top: 30px;}
}





.n-theory-publish {display: -ms-flex; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 1170px; margin: 0 auto;}
.n-theory-publish .item {width: calc(33.333% - 40px); margin-right: 60px; padding-top: 30px;}
.n-theory-publish .item:nth-child(3n + 0) {margin-right: 0;}
.n-theory-publish .item:nth-child(1),
.n-theory-publish .item:nth-child(2),
.n-theory-publish .item:nth-child(3) {padding-top: 0;}
.n-theory-publish .img {position: relative; font-size: 0; max-width: 280px; margin: 0 auto;}
.n-theory-publish .img .space svg {width: 100%;}
.n-theory-publish .img .imgbox {width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 20; display: -ms-flex; display: flex; justify-content: center; align-items: center;}
.n-theory-publish .img .imgbox img {max-width: 100%; max-height: 100%;}
.n-theory-publish .con {padding-top: 15px;}
.n-theory-publish .con .tit {font-size: 15px; text-align: center; color: #000;}
.n-theory-publish .con .tit {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.n-theory-publish .con .tit a {color: #000;}
.n-theory-publish .con .note {font-size: 15px; color: #666; padding-top: 5px; text-align: center;}
.n-theory-publish .con .txt {padding-top: 10px; font-size: 14px; line-height: 24px; color: #4b4b4b;}
.n-theory-publish .con .txt {display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; height: 72px; overflow: hidden;}
.n-theory-publish .con .btn {padding-top: 5px; text-align: right; font-size: 14px;}
.n-theory-publish .con .btn a {color: #337ab7;}
.n-theory-publish .con .btn a:hover {color: #23527c; text-decoration: underline;}
@media all and (max-width: 990px) {
    .n-theory-publish .item {width: calc(33.333% - 28px); margin-right: 42px;}
}
@media all and (max-width: 720px) {
    .n-theory-publish {justify-content: space-between;}
    .n-theory-publish .item {width: calc(50% - 20px); margin-right: 0;}
    .n-theory-publish .item:nth-child(3) {padding-top: 30px;}
}
@media all and (max-width: 480px) {
    .n-theory-publish {display: block;}
    .n-theory-publish .item {width: auto;}
    .n-theory-publish .item:nth-child(2) {padding-top: 30px;}
    .n-theory-publish .con .tit {white-space: normal;}
}









.n-publish-detail {max-width: 1170px; margin: 0 auto;}
.n-publish-detail-thumb {text-align: center; font-size: 0;}
.n-publish-detail-thumb img {max-width: 320px; width: 100%;}
.n-publish-detail-code {text-align: center; font-size: 0; padding-top: 20px;}
.n-publish-detail-code img {max-width: 160px; width: 100%;}
.n-publish-detail-title {text-align: center; font-size: 15px; color: #000; padding-top: 50px;}
.n-publish-detail-note {text-align: center; font-size: 15px; color: #666; padding-top: 10px;}
.n-publish-detail-content {font-size: 14px; color: #4b4b4b; line-height: 2; padding-top: 20px;}

@media all and (max-width: 1200px) {
    .n-publish-detail-thumb img {max-width: 280px;}
    .n-publish-detail-code img {max-width: 120px;}
}
@media all and (max-width: 800px) {
    .n-publish-detail-thumb img {max-width: 240px;}
    .n-publish-detail-title {padding-top: 30px;}
}
@media all and (max-width: 480px) {
    .n-publish-detail-thumb img {max-width: 200px;}
    .n-publish-detail-code img {max-width: 100px;}
    .n-publish-detail-title {padding-top: 20px;}
}





.n-welfare .n-honor-project {padding-top: 30px;}
@media all and (max-width: 480px) {
    .n-welfare .n-honor-project {padding-top: 20px;}
}





.n-contact {max-width: 1140px; margin: 0 auto;}
.n-contact-title {text-align: center; padding: 20px 0; font-size: 24px; color: #414141;}
.n-contact-map {font-size: 0;}
.n-contact-map img {width: 100%;}
.n-contact-main {display: -ms-flex; display: flex; align-items: center; padding: 20px 0;}
.n-contact-code {width: 34%; text-align: center;}
.n-contact-code .img {font-size: 0;}
.n-contact-code .img img {width: 50%;}
.n-contact-code .txt {font-size: 24px; color: #414141; padding-top: 10px;}
.n-contact-content {width: 66%; font-size: 18px; color: #414141; line-height: 2; padding-bottom: 30px;}
@media all and (max-width: 990px) {
    .n-contact-code .txt {font-size: 18px;}
    .n-contact-content {font-size: 16px;}
}
@media all and (max-width: 720px) {
    .n-contact-main {display: block;}
    .n-contact-code {width: auto;}
    .n-contact-code .img img {max-width: 240px;}
    .n-contact-content {width: auto; padding-top: 30px; text-align: center;}
}
@media all and (max-width: 480px) {
    .n-contact-title {font-size: 20px;}
    .n-contact-code .txt {font-size: 17px;}
    .n-contact-content {font-size: 15px;}
}











.n-team-main {max-width: 1170px; margin: 0 auto; display: -ms-flex; display: flex; justify-content: space-between;}
.n-team-imgs {width: 30%; font-size: 0;}
.n-team-imgs .item {padding-bottom: 30px;}
.n-team-imgs .item:last-child {padding-bottom: 0;}
.n-team-imgs .item .img {font-size: 0;}
.n-team-imgs .item .img img {width: 100%;}
.n-team-imgs .item .txt {font-size: 14px; text-align: center; padding-top: 10px;}
.n-team-content {width: 70%; font-size: 14px; color: #414141; line-height: 2; box-sizing: border-box; padding-left: 50px;}
@media all and (max-width: 990px) {
    .n-team-content {padding-left: 30px;}
}
@media all and (max-width: 720px) {
    .n-team-main {display: block;}
    .n-team-imgs {display: block; width: auto;}
    .n-team-imgs .item {width: 100%; padding-bottom: 30px;}
    .n-team-imgs .item:last-child {padding-bottom: 30px;}
    .n-team-content {width: auto; padding: 0;}
}
@media all and (max-width: 480px) {
    .n-team-imgs .item {padding-bottom: 20px;}
    .n-team-imgs .item:last-child {padding-bottom: 20px;}
}