@charset "UTF-8"; .img-box i {
    transition: .4s;
    -webkit-transition: .4s;
}

body::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color: rgba(54, 60, 80, 0.5);
}

body::-webkit-scrollbar-thumb {
    background-color: #005c9f;
}

/*头部*/
.pc-header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    background-color: rgba(255, 255, 255, 1);
    transition: .4s;
    -webkit-transition: .4s;
}

.pc-header .logo {
    width: 12.625rem;
    height: 13.375rem;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 100;
    margin: auto;
}

.pc-header .top {
    padding-top: 2.75rem;
    padding-bottom: 1.25rem;
    line-height: 1.5;
}

.pc-header .top .left {
    font-size: 1rem;
    color: #94c52b;
}

.pc-header .top .left span {
    letter-spacing: 2px;
}

.pc-header .top .right span {
    font-size: 1rem;
    color: #94c52b;
    background: url(../img/h-tel.png) left center no-repeat;
    padding-left: 23px;
}

.pc-header .top .right span:last-child {
    margin-left: 2.8125rem;
    background-image: url(../img/h-mail.png);
}

.pc-header .pc-nav {
    border-top: 1px solid #fff;
}

.pc-header .pc-nav li {
    float: left;
    position: relative;
    padding: 1.25rem 0;
    z-index: 200;
}

.pc-header .pc-nav li > a {
    display: inline-block;
    *display: inline;
    *zoom: 1; vertical-align: top;
    font-size: 1.125rem;
    color: #4f4f4f;
    position: relative;
    text-align: center;
    transition: .3s;
    -webkit-transition: .3s;
}

.pc-header .pc-nav li > a em {
    display: block;
    font-size: 14px;
    text-transform: uppercase;
    margin-top: 0.625rem;
    transition: .3s;
    -webkit-transition: .3s;
}

.pc-header .pc-nav li:nth-child(-n+4) {
    margin-right: 6%;
}

.pc-header .pc-nav li:nth-child(5) {
    margin-left: 23%;
}

.pc-header .pc-nav li:nth-last-child(-n+4) {
    margin-right: 3.9%;
}

.pc-header .pc-nav li:last-child {
    margin-right: 0;
}

.pc-header .pc-nav li .sub {
    width: 10.25rem;
    position: absolute;
    top: 140%;
    left: 50%;
    z-index: 1000;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center;
    opacity: 0;
    visibility: hidden;
    transition: top .5s,opacity .1s;
}

.pc-header .pc-nav li .sub .box {
    width: 100%;
    background: url(../img/sub-bg.png) center top no-repeat;
    font-size: 0;
    background-size: 100% 100%;
    border-top: 2px solid #005c9f;
    padding-top: 3rem;
    padding-bottom: 9rem;
}

.pc-header .pc-nav li .sub a {
    display: block;
    font-size: 1.125rem;
    color: #4f4f4f;
    margin-bottom: 3.625rem;
    position: relative;
    transition: .4s;
    -webkit-transition: .4s;
}

.pc-header .pc-nav li .sub a:last-child {
    margin-bottom: 0;
}

.pc-header .pc-nav li .sub a:hover {
    color: #005c9f;
}

.pc-header .pc-nav li:hover > a {
    color: #005c9f;
}

.pc-header .pc-nav li:hover .sub {
    opacity: 1;
    visibility: visible;
    top: 100%;
}

.pc-header .search {
    background: url(../img/search-2.png) 142px center no-repeat;
    position: absolute;
    bottom: 1.5625rem;
    right: 0;
    z-index: 100;
    font-size: 0;
}

.pc-header .search .box {
    opacity: 0;
    visibility: hidden;
    margin-right: 70px;
    box-shadow: 0px 0px 10px #ddd;
    transition: .4s;
    -webkit-transition: .4s;
}

.pc-header .search input {
    display: inline-block;
    *display: inline;
    *zoom: 1; vertical-align: top;
    width: 150px;
    height: 30px;
    font-size: 14px;
    color: #999;
    background-color: #fff;
    text-indent: 10px;
}

.pc-header .search input:-webkit-input-placeholder {
    font-size: 14px;
    color: #999;
}

.pc-header .search a {
    display: inline-block;
    *display: inline;
    *zoom: 1; vertical-align: top;
    width: 40px;
    height: 30px;
    background-color: #c40d23;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    color: #fff;
}

.pc-header .search:hover {
    z-index: 300;
}

.pc-header .search:hover .box {
    opacity: 1;
    visibility: visible;
    margin-right: 90px;
}

.pc-header.on {
    background-color: #fff;
    box-shadow: 0px 0px 10px #d5d5d5;
}

/*头部*/
/*首页*/
#index-right-top {
    width: 133px;
    height: 97px;
    background: url(../img/index-right-bg.png) center center no-repeat;
    background-size: cover;
    position: fixed;
    top: 13.4375rem;
    right: 0;
    z-index: 1000;
    transition: .4s;
    -webkit-transition: .4s;
}

#index-right-top a {
    display: block;
    width: 25px;
    height: 25px;
}

#index-right-top.on {
    right: -111px;
}

.indexPadd {
    padding-left: 4.0625rem;
    padding-right: 4.0625rem;
}

#banner {
    height: 46.875rem;
}

#banner .swiper-pagination {
    bottom: 6%;
}

#banner .swiper-pagination span {
    opacity: 1;
    background-color: #0d91d3;
}

#banner .swiper-pagination span.swiper-pagination-bullet-active {
    background-color: #fff;
}

#index-type {
    background: url(../img/index-type-bg.jpg) center center no-repeat;
    background-size: cover;
    padding-top: 7.6875rem;
    padding-bottom: 7.125rem;
}

#index-type .list a {
    text-align: center;
}

#index-type .list a .icon {
    display: block;
    width: 11.25rem;
    height: 11.25rem;
    border-radius: 50%;
    background-color: #94c52b;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

#index-type .list a .icon::before {
    content: '';
    display: block;
    width: 90%;
    height: 90%;
    border-radius: 50%;
    border: 1px solid #fff;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    margin: auto;
}

#index-type .list a .icon img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 20;
    margin: auto;
    transition: .4s;
    -webkit-transition: .4s;
}

#index-type .list a .title {
    font-size: 2.25rem;
    color: #005c9f;
    margin-top: 0.9375rem;
}

#index-type .list a .em {
    width: 260px;
    font-size: 1.5rem;
    color: #005c9f;
    line-height: 1.4;
    margin-top: 0.625rem;
}

#index-type .list a .em em {
    display: block;
}

#index-type .list a:nth-child(1) img {
    width: 8rem;
}

#index-type .list a:nth-child(2) .icon {
    background-color: #f8b62d;
}

#index-type .list a:nth-child(2) img {
    max-width: 10rem;
}

#index-type .list a:nth-child(3) .icon {
    background-color: #1e8dd3;
}

#index-type .list a:nth-child(3) img {
    width: 8rem;
}

#index-type .list a:hover img {
    transform: rotate(-20deg);
}

.index-more {
    display: block;
    width: 176px;
    height: 40px;
    background-color: #fff;
    position: relative;
    transition: .4s;
    -webkit-transition: .4s;
}

.index-more::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: url(../img/index-more-bg.png) center center no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    transition: .4s;
    -webkit-transition: .4s;
}

.index-more:hover {
    background-color: #81b448 !important;
}

.index-more:hover::before {
    filter: brightness(10);
}

#index-news {
    background-color: #005c9f;
    padding-top: 3.875rem;
    padding-bottom: 4.375rem;
}

#index-news .top-title {
    text-align: center;
}

#index-news .top-title .title {
    font-size: 2.25rem;
    color: #94c52b;
    font-weight: 500;
}

#index-news .top-title .title em {
    opacity: .5;
    text-transform: uppercase;
    margin-left: 10px;
}

#index-news .top-title .index-more {
    position: absolute;
    top: 3px;
    right: 0;
    z-index: 10;
}

#index-news .news-main {
    margin-top: 2.875rem;
}

#index-news .news-main .left {
    width: 43.5rem;
}

#index-news .news-main .left .box {
    height: 27.1875rem;
}

#index-news .news-main .left .swiper-pagination {
    position: relative;
    bottom: 0;
}

#index-news .news-main .left .swiper-pagination span {
    width: 4px;
    height: 4px;
    opacity: 1;
    background-color: #fff;
    margin-right: 6px;
    transition: .4s;
    -webkit-transition: .4s;
}

#index-news .news-main .left .swiper-pagination span:last-child {
    margin-right: 0;
}

#index-news .news-main .left .swiper-pagination span.swiper-pagination-bullet-active {
    width: 44px;
    border-radius: 25px;
    background-color: #75c44f;
}

#index-news .news-main .right {
    margin-left: 3.125rem;
}

#index-news .news-main .right .num {
    font-size: 1.375rem;
    color: #fff;
    font-weight: 500;
    margin-top: 5px;
}

#index-news .news-main .right .top-info-list {
    margin-top: 0.875rem;
}

#index-news .news-main .right .top-info-list .title {
    font-size: 1.375rem;
    color: #fff;
    font-weight: bold;
    margin-bottom: 0.625rem;
}

#index-news .news-main .right .top-info-list .desc {
    font-size: 14px;
    color: #fff;
    opacity: .8;
    -webkit-line-clamp: 3;
    line-height: 1.5;
}

#index-news .news-main .right .switch {
    margin-top: 2.5rem;
}

#index-news .news-main .right .switch a {
    display: inline-block;
    *display: inline;
    *zoom: 1; vertical-align: top;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 3px;
    border: 1px solid #fff;
    background-repeat: no-repeat;
    background-position: center center;
    transition: .4s;
    -webkit-transition: .4s;
}

#index-news .news-main .right .switch a.prev {
    background-image: url(../img/news-prev-icon.png);
}

#index-news .news-main .right .switch a.next {
    background-image: url(../img/news-next-icon.png);
    margin-left: 1.25rem;
}

#index-news .news-main .right .switch a:hover {
    background-color: #a7f500;
    border-color: #a7f500;
}

#index-news .news-main .right .bottom-info {
    border-top: 1px dashed rgba(255, 255, 255, 0.3);
    padding-top: 1.25rem;
    margin-top: 2.1875rem;
}

#index-news .news-main .right .bottom-info a {
    overflow: hidden;
    font-size: 1.125rem;
    color: #fff;
    margin-bottom: 0.75rem;
}

#index-news .news-main .right .bottom-info a .title {
    padding-right: 10px;
    transition: .4s;
    -webkit-transition: .4s;
}

#index-news .news-main .right .bottom-info a .time {
    font-weight: bold;
}

#index-news .news-main .right .bottom-info a:last-child {
    margin-bottom: 0;
}

#index-news .news-main .right .bottom-info a:hover .title {
    color: #a7f500;
}

#index-adv {
    height: 63.625rem;
    margin-top: 4.25rem;
}

#index-adv .title-1 {
    display: inline-block;
    *display: inline;
    *zoom: 1; vertical-align: top;
    font-size: 3.75rem;
    color: #94c52b;
    font-weight: bold;
    text-transform: uppercase;
    font-style: italic;
    border-top: 3px solid #94c52b;
    border-bottom: 3px solid #94c52b;
    padding: 0.9375rem 0;
}

#index-adv .title-1 em {
    font-style: italic;
    margin-top: 0.625rem;
}

#index-adv .title-2 {
    display: block;
    font-size: 5rem;
    color: #005c9f;
    font-weight: bold;
    position: absolute;
    top: 13.625rem;
    left: 0;
    z-index: 10;
}

#index-adv .title-2 em {
    font-size: 1.875rem;
    font-weight: normal;
    text-transform: uppercase;
    margin-top: 1rem;
}

#index-adv .title-3 {
    display: block;
    font-size: 3.125rem;
    color: #94c52b;
    font-weight: bold;
    font-style: italic;
    letter-spacing: 10px;
    position: absolute;
    top: 7.1875rem;
    right: 0;
    z-index: 10;
}

#index-adv .index-more {
    position: absolute;
    top: 16.125rem;
    left: 17.9375rem;
    z-index: 20;
    background-color: #f7f7f7;
}

#index-adv .list {
    height: 48.75rem;
    margin-top: 5.125rem;
}

#index-adv .list li {
    overflow: hidden;
    position: absolute;
    z-index: 10;
}

#index-adv .list li a {
    display: table;
    background-color: rgba(0, 0, 0, 0.5);
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20;
    padding: 0 3.4375rem;
}

#index-adv .list li a .title {
    width: 100%;
    display: table-cell;
    vertical-align: middle;
    font-size: 3.125rem;
    color: #fff;
    font-weight: bold;
}

#index-adv .list li a .title em {
    font-size: 1.0625rem;
    color: #fff;
    font-weight: normal;
    line-height: 1.5;
    -webkit-line-clamp: 6;
    margin-top: 0.625rem;
}

#index-adv .list li:hover .img-box i {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

#index-adv .list li:nth-child(1) {
    width: 55.5%;
    height: 64%;
    top: 9.6875rem;
}

#index-adv .list li:nth-child(2), #index-adv .list li:nth-child(3) {
    width: 42.4%;
    height: 48.8%;
    right: 0;
}

#index-adv .list li:nth-child(2) {
    top: 0;
}

#index-adv .list li:nth-child(3) {
    bottom: 0;
}

#index-honor {
    margin-top: 4.375rem;
    margin-bottom: 4.375rem;
}

#index-honor .top-title {
    text-align: center;
    font-size: 3.75rem;
    color: #005c9f;
    font-weight: bold;
}

#index-honor .top-title em {
    font-size: 1.5625rem;
    font-weight: normal;
    text-transform: uppercase;
    margin-top: 1rem;
}

#index-honor .top-title .index-more {
    position: absolute;
    top: 5px;
    right: 0;
    z-index: 10;
    background-color: #f7f7f7;
}

#index-honor .list {
    height: 39.6875rem;
    margin-top: 2.5rem;
}

#index-honor .list li {
    overflow: hidden;
}

#index-honor .list li .info {
    width: 50%;
    height: 100%;
    position: relative;
    padding: 0 4%;
    display: table;
}

#index-honor .list li .info::before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    position: absolute;
    z-index: 10;
    display: none;
}

#index-honor .list li .info .box {
    display: table-cell;
    vertical-align: middle;
}

#index-honor .list li .info .title {
    font-size: 1.375rem;
    color: #fff;
    font-weight: bold;
}

#index-honor .list li .info .desc {
    font-size: 1.125rem;
    color: #fff;
    line-height: 1.5;
    -webkit-line-clamp: 4;
    margin-top: 0.625rem;
}

#index-honor .list li .img-box {
    width: 50%;
    display: none;
}

#index-honor .list li:nth-child(1), #index-honor .list li:nth-child(2) {
    width: 100%;
    height: calc(100% / 2);
}

#index-honor .list li:nth-child(1) .info {
    background-color: #2297df;
    float: left;
}

#index-honor .list li:nth-child(1) .info::before {
    border-left: 20px solid #2297df;
    top: 40px;
    right: -20px;
}

#index-honor .list li:nth-child(1) .img-box {
    float: right;
    display: none;
}

#index-honor .list li:nth-child(2) .info {
    width: 100%;
    background-color: #f1b12c;
    float: right;
}

#index-honor .list li:nth-child(2) .info::before {
    border-right: 20px solid #f1b12c;
    top: 40px;
    left: -20px;
}

#index-honor .list li:nth-child(2) .img-box {
    float: left;
}

#index-honor .list li:nth-child(3) {
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
}

#index-honor .list li:nth-child(3) .info {
    width: 100%;
    height: calc(100% / 2);
    background-color: #85cb63;
}

#index-honor .list li:nth-child(3) .info::before {
    border-right: 20px solid #85cb63;
    bottom: -30px;
    left: 40px;
    transform: rotate(-90deg);
}

#index-honor .list li:nth-child(3) .img-box {
    width: 100%;
    height: calc(100% / 2);
}

#index-honor .list li:hover .img-box i {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

#index-campus {
    margin-bottom: 5.625rem;
}

#index-campus .top-title {
    text-align: center;
    font-size: 3.75rem;
    color: #005c9f;
    font-weight: bold;
}

#index-campus .top-title i {
    vertical-align: 12px;
    margin: 0 0.625rem;
}

#index-campus .top-title em {
    font-size: 1.5625rem;
    font-weight: normal;
    text-transform: uppercase;
    margin-top: 1rem;
}

#index-campus .top-title .index-more {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 10;
    background-color: #f7f7f7;
    margin: auto;
}

#index-campus .list {
    margin-top: 3.125rem;
}

#index-campus .list li {
    width: 18.125rem;
    text-align: center;
    border: 1px solid #e3e3e3;
    position: relative;
}

#index-campus .list li .img-box {
    height: 13.625rem;
}

#index-campus .list li .title {
    line-height: 3.75rem;
    font-size: 1.125rem;
    color: #333;
    transition: .4s;
    -webkit-transition: .4s;
}

#index-campus .list li:hover .img-box i {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

#index-campus .list li:hover .title {
    letter-spacing: 2px;
    color: #005c9f;
}

/*首页*/
/*内页*/
.page-content-box {
    background-color: #fff;
}

.page-banner {
    height: 32rem;
}

.page-top-info {
    height: 13.0625rem;
    margin-top: -6.25rem;
    padding-bottom: 2.5rem;
}

.page-top-info .box {
    background: url(../img/page-top-info-bg.png) center top no-repeat;
    background-size: 100% 100%;
    padding: 0 3.125rem;
}

.page-top-info .box .left-title {
    /**margin-right: 5rem;**/
    font-size: 1.375rem;
    color: #fff;
    font-weight: bold;
    margin-top: -7px;
}

.page-top-info .box .left-title i {
    display: block;
    width: 3rem;
    height: 2px;
    background-color: #fff;
    margin-top: 0.875rem;
}

.page-top-info .box .left-title em {
    font-size: 1.125rem;
    font-weight: normal;
    text-transform: capitalize;
    margin-top: 1.375rem;
}

.page-top-info .box .right-info {
    margin-top: -7px;
    overflow: hidden;
}

.page-top-info .box .right-info .txt, .page-top-info .box .right-info .txt-box {
    font-size: 1rem;
    color: #fff;
    line-height: 1.8;
    padding-right: 3rem;
    padding-left: 3rem;
}

.page-top-info .box .right-info .txt p:first-child {
    font-size: 1.125rem;
}

.page-top-info .box .right-info .txt-list {
    overflow: hidden;
}

.page-top-info .box .right-info .txt-list .txt-box {
    overflow: hidden;
    padding-right: 1.875rem;
}

.page-top-info .box .right-info .txt-list .txt-box:nth-child(1) img {
    width: 2rem;
}

.page-top-info .box .right-info .txt-list .txt-box:nth-child(2) img {
    width: 1.5625rem;
}

.page-top-info .box .right-info .txt-list .txt-box:nth-child(3) img {
    width: 1.4375rem;
}

.page-top-info .box .right-info .txt-list .title {
    font-size: 1.125rem;
    color: #ffe153;
    margin-bottom: 0.625rem;
}

.page-top-info .box .right-info .txt-list .title img {
    margin-right: 0.75rem;
}

.page-top-info .box .right-info .txt-list p {
    font-size: 14px;
    color: #fff;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    /**margin-bottom: 0.625rem;**/
}

.page-top-info .box .right-info .txt-list p:last-child {
    margin-bottom: 0;
}

.page-top-info .box .right-info .join-box {
    padding: 0 3.75rem;
}

.page-top-info .box .right-info .join-box .tel p:nth-child(1) {
    font-size: 1.125rem;
    color: #fff;
}

.page-top-info .box .right-info .join-box .tel p:nth-child(2) {
    font-size: 14px;
    color: #fff;
    margin-top: 5px;
}

.page-top-info .box .right-info .join-box .line {
    width: 1px;
    height: 50px;
    background: url(../img/page-line.png) center center no-repeat;
}

.page-top-info .box .right-info .join-box .code img {
    width: 7rem;
    margin-right: 1.625rem;
}

.page-top-info .box .right-info .join-box .code span {
    font-size: 1.125rem;
    color: #fff;
}

.page-top-info .box .right-info .join-box .code span em {
    font-size: 14px;
    margin-top: 0.625rem;
}

.page-nav-box {
    text-align: center;
    margin-bottom: 2.1875rem;
}

.page-nav-box a {
    display: inline-block;
    *display: inline;
    *zoom: 1; vertical-align: top;
    width: 9rem;
    line-height: 2.375rem;
    font-size: 1.125rem;
    color: #383838;
    margin-right: 5rem;
    border: 1px solid #d2d2d2;
    border-radius: 25px;
    transition: .4s;
    -webkit-transition: .4s;
}

.page-nav-box a:last-child {
    margin-right: 0;
}

.page-nav-box a:hover, .page-nav-box a.on {
    background-color: #005c9f;
    color: #fff;
}

.pageBgColor {
    background-color: #f3f6fb;
}

.page-bottom-info {
    min-height: 300px;
}

.page-about-box .top-brief {
    background-color: #fff;
}

.page-about-box .top-brief .img-box {
    width: 34.5rem;
    height: 41.875rem;
    margin-right: 2.375rem;
}

.page-about-box .top-brief .txt {
    padding-top: 4.375rem;
}

.page-about-box .top-brief .txt .title {
    font-size: 1.375rem;
    color: #252424;
    font-weight: bold;
}

.page-about-box .top-brief .txt .line {
    width: 2.5rem;
    height: 0.25rem;
    background-color: #2d8bce;
    border-radius: 25px;
    margin-top: 1.625rem;
}

.page-about-box .top-brief .txt .desc {
    font-size: 1.125rem;
    color: #333;
    line-height: 2;
    -webkit-line-clamp: 9;
    margin-top: 2.125rem;
}

.page-about-box .top-brief .about-txt {
    width: 20.125rem;
    margin-left: 3.125rem;
}

.page-about-box .about-type {
    background: url(../img/page-about-bg.jpg) center top no-repeat;
    background-size: 100% 27.1875rem;
    margin-top: 3.5rem;
    padding-bottom: 3.75rem;
    padding-top: 3.5rem;
}

.page-about-box .about-type .top-title {
    text-align: center;
    font-size: 1.625rem;
    color: #fff;
    font-weight: bold;
    margin-bottom: 4.625rem;
}

.page-about-box .about-type .list ul::after {
    content: '';
    width: 32%;
    height: 0;
    opacity: 0;
}

.page-about-box .about-type .list li {
    width: 32%;
    height: 31.875rem;
    background-color: #fff;
    text-align: center;
}

.page-about-box .about-type .list li a {
    padding-top: 2.875rem;
    background: linear-gradient(#127ec6, #127ec6) left top/100% 10rem no-repeat;
}

.page-about-box .about-type .list li .title {
    font-size: 1.25rem;
    color: #fff;
    font-weight: bold;
}

.page-about-box .about-type .list li .en {
    font-size: 12px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    margin-top: 0.625rem;
}

.page-about-box .about-type .list li img {
    width: 10.375rem;
    transition: .7s;
    -webkit-transition: .7s;
}

.page-about-box .about-type .list li .desc {
    font-size: 1rem;
    color: #424242;
    padding: 0 2.5rem;
    -webkit-line-clamp: 6;
    line-height: 2;
}

.page-about-box .about-type .list li:nth-child(2) a {
    background-image: linear-gradient(#e8a631, #e8a631);
}

.page-about-box .about-type .list li:nth-child(3) a {
    background-image: linear-gradient(#71b436, #71b436);
}

.page-about-box .about-type .list li:hover img {
    transform: rotateY(360deg);
}

.page-team-box {
    background: url(../img/page-team-bg.jpg) center top no-repeat;
    background-size: 100% 100%;
    padding: 6rem 0;
}

.page-team-box li {
    display: inline-block;
    *display: inline;
    *zoom: 1; vertical-align: top;
    width: 49%;
    height: 22.75rem;
    background-color: #fff;
}

.page-team-box li .img-box {
    width: 17.8125rem;
}

.page-team-box li .info {
    padding: 3.125rem 1.875rem 0;
}

.page-team-box li .info .title {
    font-size: 1.5rem;
    color: #313030;
    font-weight: bold;
}

.page-team-box li .info .desc {
    font-size: 1rem;
    color: #6e6e6e;
    margin-top: 0.8125rem;
}

.page-team-box li .info .list {
    margin-top: 1.875rem;
}

.page-team-box li .info .list p {
    font-size: 1.125rem;
    color: #313030;
    line-height: 1.5;
    padding-left: 1.25rem;
    background: url(../img/page-sjx-icon.png) left center no-repeat;
    background-size: 0.5625rem 0.75rem;
    margin-bottom: 0.5rem;
}

.page-team-box li .info .list p:last-child {
    margin-bottom: 0;
}

.page-team-box li:hover .img-box i {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

.page-team-box .swiper-pagination {
    position: relative;
    bottom: 0;
    margin-top: 3.125rem;
}

.page-team-box .swiper-pagination span {
    width: 28px;
    height: 28px;
    opacity: 1;
    background: url(../img/hot-icon.png) center center no-repeat;
    transition: .4s;
    -webkit-transition: .4s;
}

.page-team-box .swiper-pagination span.swiper-pagination-bullet-active {
    background-image: url(../img/hot-hover.png);
}

.page-school-dep {
    padding-top: 1.5625rem;
    padding-bottom: 3.5rem;
}

.page-school-dep .container > .left .list {
    background-color: #fff;
}

.page-school-dep .container > .left li {
    padding: 1.25rem 1.125rem;
    border-bottom: 1px solid #f3f6fb;
}

.page-school-dep .container > .left li .img-box {
    width: 15.375rem;
    height: 10.3125rem;
    border-radius: 5px;
    margin-right: 1.5625rem;
}

.page-school-dep .container > .left li .info {
    padding-right: 2.5rem;
}

.page-school-dep .container > .left li .info .title {
    font-size: 1.125rem;
    color: #333;
    margin-top: 0.5rem;
    transition: .4s;
    -webkit-transition: .4s;
}

.page-school-dep .container > .left li .info .desc {
    height: 44px;
    font-size: 14px;
    color: #666;
    line-height: 1.5;
    margin-top: 0.625rem;
}

.page-school-dep .container > .left li .info .time {
    font-size: 14px;
    color: #999;
    margin-top: 1.875rem;
}

.page-school-dep .container > .left li .info .time span {
    padding-left: 20px;
    line-height: 1.5;
}

.page-school-dep .container > .left li .info .time span:nth-child(1) {
    background: url(../img/time-icon.png) left center no-repeat;
}

.page-school-dep .container > .left li .info .time span:nth-child(2) {
    background: url(../img/browse-icon.png) left center no-repeat;
    margin-left: 1.5rem;
}

.page-school-dep .container > .left li .info .time span:nth-child(3) {
    width: 22px;
    height: 22px;
    background: url(../img/page-arrow.png) center center no-repeat;
    transition: .4s;
    -webkit-transition: .4s;
}

.page-school-dep .container > .left li:hover .info .title {
    color: #005c9f;
    text-indent: 10px;
}

.page-school-dep .container > .left li:hover .time span:nth-child(3) {
    background-image: url(../img/page-arrow-hover.png);
    transform: rotate(360deg);
}

.page-school-dep .container > .left .load-more {
    display: block;
    width: 82px;
    font-size: 14px;
    color: #005c9f;
    margin: 2.1875rem auto 0;
}

.page-school-dep .container > .left .load-more i {
    width: 21px;
    height: 20px;
    background: url(../img/page-more-icon.png) center center no-repeat;
    vertical-align: middle;
    margin-right: 5px;
    transition: .4s;
    -webkit-transition: .4s;
}

.page-school-dep .container > .left .load-more:hover i {
    transform: rotate(360deg);
}

.page-school-dep .container > .right {
    width: 24.125rem;
    margin-left: 2.125rem;
}

.page-school-dep .container > .right .search {
    height: 3rem;
    border: 1px solid #005c9f;
}

.page-school-dep .container > .right .search input {
    font-size: 14px;
    color: #999;
    background-color: transparent;
    padding-left: 10px;
}

.page-school-dep .container > .right .search input:-webkit-input-placeholder {
    font-size: 14px;
    color: #999;
}

.page-school-dep .container > .right .search a {
    width: 3.9375rem;
    background: #005c9f url(../img/search-icon.png) center center no-repeat;
}

.page-school-dep .container > .right .top-title {
    margin-top: 2.125rem;
    margin-bottom: 1rem;
}

.page-school-dep .container > .right .top-title span {
    font-size: 1.25rem;
    color: #333;
    font-weight: 600;
    margin-right: 0.625rem;
}

.page-school-dep .container > .right .top-title i {
    height: 1px;
    background-color: #c7d1e1;
}

.page-school-dep .container > .right .hot-info .list a {
    margin-bottom: 10px;
}

.page-school-dep .container > .right .hot-info .list a:last-child {
    margin-bottom: 0;
}

.page-school-dep .container > .right .hot-info .list a .img-box {
    width: 9rem;
    height: 6rem;
    border-radius: 5px;
    margin-right: 0.625rem;
}

.page-school-dep .container > .right .hot-info .list a .info .title {
    font-size: 1rem;
    color: #333;
    line-height: 1.5;
    margin-top: -3px;
    transition: .4s;
    -webkit-transition: .4s;
}

.page-school-dep .container > .right .hot-info .list a .info .time {
    font-size: 14px;
    color: #999;
    margin-top: 1.125rem;
}

.page-school-dep .container > .right .hot-info .list a:hover .img-box i {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

.page-school-dep .container > .right .hot-info .list a:hover .title {
    color: #005c9f;
}

.page-school-dep .container > .right .code-box {
    text-align: center;
}

.page-school-dep .container > .right .code-box img {
    width: 14.3125rem;
}

.page-school-dep .container > .right .code-box .desc {
    font-size: 1rem;
    color: #7a7a7a;
    line-height: 1.7;
    margin-top: 1rem;
}

.page-characteristic {
    background: url(../img/page-characteristic-bg.jpg) center top no-repeat;
    background-size: cover;
    padding-top: 8.5rem;
    padding-bottom: 7.625rem;
}

.page-characteristic .list li {
    display: inline-block;
    *display: inline;
    *zoom: 1; vertical-align: top;
    width: 18rem;
    height: 23.625rem;
}

.page-characteristic .list li a {
    background-color: #005e9e;
    padding: 1rem;
    position: relative;
    border-bottom-right-radius: 20px;
    transition: .4s;
    -webkit-transition: .4s;
}

.page-characteristic .list li .img-box {
    height: 12.5rem;
}

.page-characteristic .list li .title {
    text-align: center;
    font-size: 1.25rem;
    color: #fff;
    font-weight: bold;
    margin-top: 2.25rem;
}

.page-characteristic .list li .arrow {
    width: 1.5rem;
    height: 1.5rem;
    background: url(../img/ts-arrpw-icon.png) center center no-repeat;
    background-size: 100% 100%;
    margin: 2.5rem auto 0px;
    transition: .4s;
    -webkit-transition: .4s;
}

.page-characteristic .list li .tree {
    width: 6.1875rem;
    position: absolute;
    bottom: -0.625rem;
    right: 1.0625rem;
    z-index: 10;
}

.page-characteristic .list li:hover a {
    background-color: #1ca857;
}

.page-characteristic .list li:hover a .img-box i {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

.page-characteristic .list li:hover a .arrow {
    transform: rotate(-30deg);
}

.page-characteristic-2 {
    background: url(../img/page-characteristic-bg.jpg) center top no-repeat;
    background-size: cover;
    padding-top: 8.5rem;
    padding-bottom: 7.625rem;
}

.page-characteristic-2 .list {
    height: 36.25rem;
}

.page-characteristic-2 .list .swiper-slide {
    height: auto;
}

.page-characteristic-2 .list .swiper-scrollbar {
    width: 2px;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.25);
    position: absolute;
    top: 0;
    right: -20px;
    z-index: 20;
}

.page-characteristic-2 .list .swiper-scrollbar .swiper-scrollbar-drag {
    width: 5px;
    background-color: #fff;
    border-radius: 25px;
    left: -1px;
}

.page-characteristic-2 .list li {
    width: 49%;
    height: 11.25rem;
    background-color: rgba(255, 255, 255, 0.9);
    margin-bottom: 2%;
    padding: 1.875rem;
    border: 1px solid rgba(255, 255, 255, 0.9);
    transition: .4s;
    -webkit-transition: .4s;
}

.page-characteristic-2 .list li .title {
    font-size: 1.25rem;
    color: #333;
}

.page-characteristic-2 .list li .title-en {
    font-size: 14px;
    color: #333;
    margin-top: 2px;
}

.page-characteristic-2 .list li .desc {
    font-size: 14px;
    color: #666;
    line-height: 1.4;
    margin-top: 0.875rem;
}

.page-characteristic-2 .list li .desc-en {
    font-size: 12px;
    color: #666;
    margin-top: 0.625rem;
}

.page-characteristic-2 .list li:nth-last-child(-n+2) {
    margin-bottom: 0;
}

.page-characteristic-2 .list li:hover {
    background-color: #fff;
    border-color: #005c9f;
}

.page-honor-box {
    background: #005c9f url(../img/page-honor-bg.jpg) center top no-repeat;
    background-attachment: fixed;
    background-size: cover;
    padding-top: 4.75rem;
}

.page-honor-box .honor-txt-title {
    display: block;
    width: 31.4375rem;
    margin-left: auto;
    margin-right: auto;
}

.page-honor-box .top-desc {
    font-size: 1rem;
    color: #fff;
    text-align: justify;
    line-height: 2;
    margin-top: 3.75rem;
}

.page-honor-box .desc-type {
    margin-top: 3.375rem;
    padding-bottom: 5.625rem;
}

.page-honor-box .desc-type span {
    width: 31.5%;
    border-top: 1px solid #ffc853;
    border-bottom: 1px solid #ffc853;
    padding: 2.0625rem 0;
    text-align: center;
    font-size: 1.75rem;
    color: #ffdd53;
}

.page-honor-box .honor-business-box {
    background-color: #f3f6fb;
    text-align: center;
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
    /**padding: 3.75rem 0;**/
}

.page-honor-box .honor-business-box img {
    width: 50%;
}

.page-honor-box .honor-business-list {
    height: 52.9375rem;
    background: url(../img/page-business-bg.jpg) center center no-repeat;
}

.page-honor-box .honor-business-list li {
    display: inline-block;
    *display: inline;
    *zoom: 1; vertical-align: top;
    width: calc(100% / 5);
    height: 100%;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
    text-align: center;
    overflow: hidden;
}

.page-honor-box .honor-business-list li:last-child {
    border-right: none;
}

.page-honor-box .honor-business-list li a {
    padding-top: 17.75rem;
    transition: .5s;
    -webkit-transition: .5s;
}

.page-honor-box .honor-business-list li .icon {
    display: block;
    height: 5rem;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.page-honor-box .honor-business-list li .icon img {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 10;
    margin: auto;
}

.page-honor-box .honor-business-list li .title {
    font-size: 1.5rem;
    color: #fff;
    margin-top: 1rem;
}

.page-honor-box .honor-business-list li .en {
    font-size: 14px;
    color: #fff;
    margin-top: 2px;
}

.page-honor-box .honor-business-list li .line {
    width: 2.875rem;
    height: 0.1875rem;
    background-color: #fff;
    border-radius: 25px;
    margin: 0.9375rem auto 0px;
}

.page-honor-box .honor-business-list li .copy-title {
    font-size: 1.125rem;
    color: #fff;
    margin-top: 1rem;
    padding: 0 3.75rem;
    line-height: 1.4;
}

.page-honor-box .honor-business-list li .desc {
    width: 80%;
    background-color: #fff;
    text-align: left;
    font-size: 1rem;
    color: #333;
    line-height: 1.5;
    margin: 10rem auto 0px;
    padding: 2.1875rem 1.5625rem;
    position: relative;
    border-radius: 7px;
    opacity: 0;
    visibility: hidden;
    transition: .4s;
    -webkit-transition: .4s;
}

.page-honor-box .honor-business-list li .desc::before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    position: absolute;
    top: -10px;
    left: 0;
    right: 0;
    z-index: 10;
    margin: auto;
}

.page-honor-box .honor-business-list li:nth-child(1) .icon img {
    width: 5.0625rem;
}

.page-honor-box .honor-business-list li:nth-child(2) .icon img {
    width: 4.5625rem;
}

.page-honor-box .honor-business-list li:nth-child(3) .icon img {
    width: 4.9375rem;
}

.page-honor-box .honor-business-list li:nth-child(4) .icon img {
    width: 5.1875rem;
}

.page-honor-box .honor-business-list li:nth-child(5) .icon img {
    width: 4rem;
}

.page-honor-box .honor-business-list li:hover a {
    padding-top: 9.0625rem;
    background-color: #e0a021;
}

.page-honor-box .honor-business-list li:hover .desc {
    margin-top: 2.375rem;
    opacity: 1;
    visibility: visible;
}

.page-honor-tab {
    /**height: 61.875rem;**/
    background: #469dcc url(../img/page-honor-tab-bg.jpg) center top no-repeat;
    background-size: cover;
    padding-top: 5.375rem;
    padding-bottom: 5.375rem;
    background-attachment: fixed;
}

.page-honor-tab .tab {
    text-align: center;
}

.page-honor-tab .tab a {
    display: inline-block;
    *display: inline;
    *zoom: 1; vertical-align: top;
    width: 21.1875rem;
    margin-right: 6.25rem;
}

.page-honor-tab .tab a:last-child {
    margin-right: 0;
}

.page-honor-tab .tab a span {
    height: 3.625rem;
    background: url(../img/honor-tab-bg-hover.png) center center no-repeat;
    background-size: 100% 100%;
    font-size: 1.75rem;
    color: #007cc6;
    line-height: 3.625rem;
    transition: .4s;
    -webkit-transition: .4s;
}

.page-honor-tab .tab a em {
    font-size: 1.125rem;
    color: #fff;
    margin-top: 0.625rem;
}

.page-honor-tab .tab a.on span {
    background-image: url(../img/honor-tab-bg-hover.png);
    color: #a94c00;
}

.page-honor-tab .tab a.on em {
    color: #ffdd53;
}

.page-honor-tab .list {
    margin-top: 3.5rem;
    display: none;
}

.page-honor-tab .list ul {
    margin-left: -0.9375rem;
    margin-right: -0.9375rem;
}

.page-honor-tab .list ul img {
    max-width: 100%;
}

.page-honor-tab .list li {
    display: inline-block;
    *display: inline;
    *zoom: 1; vertical-align: top;
    width: calc(100% / 6);
    height: 19.5rem;
    padding: 0 0.9375rem;
    margin-bottom: 1.875rem;
}

.page-honor-tab .list li a {
    overflow: hidden;
}

.page-honor-tab .list li .top-name {
    line-height: 2.25rem;
    font-size: 1.125rem;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.5);
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 10;
    transition: .5s;
    -webkit-transition: .5s;
}

.page-honor-tab .list li .desc-box {
    background-color: rgba(11, 56, 160, 0.9);
    position: absolute;
    left: 0;
    bottom: -100%;
    z-index: 20;
    padding: 1.625rem 0.9375rem;
    opacity: 0;
    visibility: hidden;
    transition: .5s;
    -webkit-transition: .5s;
}

.page-honor-tab .list li .desc-box .name {
    text-align: center;
    font-size: 1.125rem;
    color: #fff;
    line-height: 1.4;
}

.page-honor-tab .list li .desc-box .desc {
    font-size: 14px;
    color: #fff;
    -webkit-line-clamp: 3;
    line-height: 1.5;
    margin-top: 0.75rem;
}

.page-honor-tab .list li:hover .img-box i {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

.page-honor-tab .list li:hover .top-name {
    bottom: 50px;
    opacity: 0;
    visibility: hidden;
}

.page-honor-tab .list li:hover .desc-box {
    bottom: 0;
    opacity: 1;
    visibility: visible;
}

.page-honor-tab .list.on {
    display: block;
    -webkit-animation: fadeInUp .7s .1s ease both;
    -moz-animation: fadeInUp .7s .1s ease both;
}

.page-join-box {
    padding-bottom: 5rem;
}

.page-join-box li {
    height: 5rem;
    border-bottom: 1px dashed #c4d1e8;
    transition: .4s;
    -webkit-transition: .4s;
}

.page-join-box li .title {
    font-size: 1.125rem;
    color: #333;
    background: url(../img/page-diandian-icon.png) 12px center no-repeat;
    padding-left: 30px;
    transition: .4s;
    -webkit-transition: .4s;
}

.page-join-box li .time {
    font-size: 14px;
    color: #8d8d8d;
}

.page-join-box li:hover {
    background-color: #fff;
}

.page-join-box li:hover .title {
    color: #004b9f;
}

.page-environment-box {
    padding-bottom: 4.375rem;
}

.page-environment-box ul {
    margin-left: -0.875rem;
    margin-right: -0.875rem;
}

.page-environment-box li {
    display: inline-block;
    *display: inline;
    *zoom: 1; vertical-align: top;
    width: calc(100% / 4);
    height: 15rem;
    padding: 0 0.875rem;
    margin-bottom: 2.5rem;
}

.page-environment-box li a {
    position: relative;
    overflow: hidden;
}

.page-environment-box li .title {
    line-height: 2.625rem;
    background-color: rgba(0, 0, 0, 0.5);
    font-size: 1rem;
    color: #fff;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 10;
    transition: .4s;
    -webkit-transition: .4s;
}

.page-environment-box li .icon {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 14px;
    color: #fff;
    text-align: center;
    background: rgba(54, 155, 81, 0.8) url(../img/xy-browse.png) center 5rem no-repeat;
    padding-top: 8.75rem;
    background-size: 2.9375rem 2.9375rem;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    opacity: 0;
    visibility: hidden;
    transform: scale(1.05);
    transition: .4s;
    -webkit-transition: .4s;
}

.page-environment-box li:hover .img-box i {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

.page-environment-box li:hover .title {
    background-color: transparent;
}

.page-environment-box li:hover .icon {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
}

#iframeBox {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 5000;
    border: none;
}

.page-brow-environ {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    background-color: rgba(0,0,0,.8);
}

.page-brow-environ .max-img {
    padding: 0 10.6%;
}

.page-brow-environ .max-img .swiper-slide {
    background-size: contain;
}

.page-brow-environ .max-img .box {
    overflow: hidden;
    height: calc(100% - 16rem);
    margin-top: 2rem;
}

.page-brow-environ .top-title {
    text-align: center;
    color: #fff;
    position: absolute;
    top: 3.125rem;
    left: 0;
    z-index: 100;
}

.page-brow-environ .top-title s {
    text-decoration: none;
}

.page-brow-environ .top-title .title {
    font-size: 2.25rem;
}

.page-brow-environ .top-title .num {
    font-size: 1.125rem;
    margin-top: 0.625rem;
}

.page-brow-environ .shrinkage-img {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 100;
    padding: 0 10.6%;
    background-color: rgba(0, 0, 0, 0.5);
    padding-top: 6px;
    padding-bottom: 23px;
}

.page-brow-environ .shrinkage-img .swiper li {
    width: 12.8125rem;
    height: 8.625rem;
    border: 1px solid transparent;
    transition: .4s;
    -webkit-transition: .4s;
}

.page-brow-environ .shrinkage-img .swiper li a {
    position: relative;
    cursor: pointer;
}

.page-brow-environ .shrinkage-img .swiper li a::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    background-color: rgba(0, 0, 0, 0.5);
    transition: .4s;
    -webkit-transition: .4s;
}

.page-brow-environ .shrinkage-img .swiper li.swiper-slide-thumb-active {
    border-color: #fff;
}

.page-brow-environ .shrinkage-img .swiper li.swiper-slide-thumb-active a::after {
    background-color: transparent;
}

.page-brow-environ .shrinkage-img .box > a {
    display: block;
    width: 3.4375rem;
    height: 3.4375rem;
    background-color: rgba(0, 0, 0, 0.5);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 1rem 1.625rem;
    border-radius: 50%;
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 100;
    margin: auto;
    transition: .4s;
    -webkit-transition: .4s;
}

.page-brow-environ .shrinkage-img .box > a.prev {
    left: -5.625rem;
    background-image: url(../img/br-prev-icon.png);
}

.page-brow-environ .shrinkage-img .box > a.next {
    right: -5.625rem;
    background-image: url(../img/br-next-icon.png);
}

.page-brow-environ .shrinkage-img .box > a:hover {
    background-color: #000;
}

.page-brow-environ .swiper-pagination {
    position: relative;
    bottom: 0;
    margin-top: 18px;
}

.page-brow-environ .swiper-pagination .swiper-pagination-progressbar-fill {
    height: 5px;
    background-color: #07b01f;
    border-radius: 50px;
    top: -1px;
    overflow: hidden;
}

.page-brow-environ #browClose {
    display: block;
    width: 45px;
    height: 46px;
    background: url(../img/close-btn.png) center center no-repeat;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 500;
}

.page-news-details .top-title {
    text-align: center;
    font-size: 1.5rem;
    color: #333;
    font-weight: bold;
    line-height: 1.5;
    margin-bottom: 2.5rem;
    margin-top: 2.5rem;
}

.page-news-details .desc .left {
    font-size: 14px;
    color: #999;
    line-height: 1.5;
}

.page-news-details .desc .left em {
    background: url(../img/browse-icon.png) left center no-repeat;
    padding-left: 22px;
    margin-left: 22px;
}

.page-news-details .desc .sher-box span {
    font-size: 14px;
    color: #999;
}

.page-news-details .desc .sher-box .sher-main a {
    width: 24px;
    height: 24px;
    border-radius: 5px;
    line-height: 24px;
    font-size: 17px;
    border: none;
    color: #fff;
    background-color: #ff4431;
    margin: 2px;
}

.page-news-details .desc .sher-box .sher-main a:nth-child(2) {
    background-color: #ffb200;
}

.page-news-details .desc .sher-box .sher-main a:nth-child(3) {
    background-color: #76bf00;
}

.page-news-details .desc .sher-box .sher-main a:nth-child(4) {
    background-color: #67a2e6;
}

.page-news-details .content {
    margin-top: 1.875rem;
    padding-top: 1.625rem;
    padding-bottom: 3.25rem;
    border-top: 1px solid #dcdcdc;
    font-size: 16px;
    color: #333;
    line-height: 2;
    text-align: justify;
    border-bottom: 1px solid #dcdcdc;
    margin-bottom: 1.375rem;
}

.page-news-details .content img {
    max-width: 100%;
    margin-bottom: 10px;
}

.page-news-details .page-bottom {
    padding-bottom: 3.75rem;
}

.page-news-details .page-bottom a {
    font-size: 1rem;
    color: #666;
}

.page-news-details .page-bottom a:first-child {
    padding-right: 20px;
}

.page-news-details .page-bottom a.btn {
    width: 8.25rem;
    line-height: 3rem;
    text-align: center;
    color: #fff;
    background-color: #0056a3;
    transition: .4s;
    -webkit-transition: .4s;
}

.page-news-details .page-bottom a.btn:hover {
    background-color: #333;
}

.page-news-details .page-bottom a:last-child {
    padding-left: 20px;
}

/*内页*/
/*底部*/
#footer {
    background-color: #3c3d3d;
    padding-top: 3.75rem;
}

#footer .f-logo {
    width: 11.1875rem;
}

#footer .f-title {
    font-size: 1.5rem;
    color: #fff;
    opacity: .6;
    margin-bottom: 1.875rem;
}

#footer .link-list {
    width: 30.625rem;
}

#footer .link-list .list a {
    display: inline-block;
    *display: inline;
    *zoom: 1; vertical-align: top;
    width: calc(100% / 2);
    font-size: 1rem;
    color: #fff;
    opacity: .6;
    margin-bottom: 1.5625rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background: url(../img/diandian-icon.png) left center no-repeat;
    padding-left: 18px;
    transition: .4s;
    -webkit-transition: .4s;
}

#footer .link-list .list a:nth-last-child(-n+2) {
    margin-bottom: 0;
}

#footer .link-list .list a:hover {
    opacity: 1;
}

#footer .f-info p {
    font-size: 1rem;
    color: #fff;
    opacity: .6;
    margin-bottom: 1.875rem;
}

#footer .f-code img {
    display: block;
    width: 7.125rem;
    margin-left: auto;
    margin-right: auto;
}

#footer .copyRight {
    line-height: 3.75rem;
    background-color: #303030;
    font-size: 1rem;
    color: #fff;
    opacity: .6;
    text-align: center;
    margin-top: 3.75rem;
}

#footer .copyRight a {
    color: inherit;
    text-align: center;
}

#footer .backBtn {
    display: none;
    width: 3.75rem;
    height: 3.75rem;
    background: #005c9f url(../img/f-back-icon.png) center center no-repeat;
    background-size: 1.5625rem 0.9375rem;
    position: fixed;
    bottom: 40%;
    right: 10%;
    z-index: 1000;
}

/*底部*/
@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes fadeInUp {
    0% {
        opacity: 0;
        -moz-transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
}
