@charset "UTF-8";
@media (min-width: 768px) {
  .section {
    margin: auto;
    width: 100%;
  }
  .section .section-title {
    font-size: 2rem;
    position: relative;
    text-align: center;
    color: #373737;
  }
  .section .section-title::after {
    content: "";
    position: absolute;
    width: 3.8rem;
    height: 0.2rem;
    background: #0046aa;
    bottom: -0.8rem;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 4px;
    opacity: 0.9;
  }
  header .banner {
    background: #eee;
    position: relative;
  }
  header .banner .banner-text {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0 auto;
    text-align: center;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  header .banner .banner-text h4 {
    font-size: 3rem;
    color: white;
    margin: 0 0 1rem 0;
  }
  header .banner .banner-text span {
    margin: 2rem auto;
    color: white;
    font-size: 1.5rem;
  }
  #navbar {
    background-color: #fff;
    overflow: hidden;
  }
  #navbar .navbar-nav {
    display: inline-block;
    height: 100%;
    line-height: 0;
    padding: 1rem;
  }
  #navbar li {
    padding: 0 1rem;
  }
  .container {
    width: 75%;
    margin: 0 auto;
  }
  .fluid-content {
    background: #f8f9f9;
  }
  .full-box {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  /* 企业相关 - 企业介绍*/
  #enterpriseContainer .fluid-content .section-intro ul li {
    background: #fff;
    display: block;
    overflow: hidden;
    font-size: 0;
  }
  #enterpriseContainer .fluid-content .section-intro ul li .item-half {
    font-size: 1rem;
    display: inline-block;
  }
  #enterpriseContainer .fluid-content .section-intro ul li .text {
    padding: 4.5rem;
    vertical-align: top;
  }
  #enterpriseContainer .fluid-content .section-intro ul li .text .font-light {
    font-family: "FZLTXHJW";
    font-size: 1rem;
    display: block;
  }
  #enterpriseContainer .fluid-content .section-intro ul li .text .item-title {
    font-family: "FZLTXHJW";
    font-size: 2rem;
    margin: 0.9rem 0 1.45rem 0;
    position: relative;
  }
  #enterpriseContainer .fluid-content .section-intro ul li .text .item-title::after {
    content: "";
    width: 2.5rem;
    height: 0.2rem;
    background: #0046aa;
    position: absolute;
    bottom: -1.6rem;
    left: 0;
  }
  #enterpriseContainer .fluid-content .section-intro ul li .text .font-text {
    margin-top: 2.5rem;
  }
  #enterpriseContainer .fluid-content .section-intro ul li .text .font-text span {
    font-family: "FZLTXHJW";
    color: #5d5d5d;
    display: block;
    line-height: 2;
    font-size: 1rem;
  }
  #enterpriseContainer .fluid-content .section-intro ul li .text .font-text strong {
    font-weight: normal;
    font-family: "FZLTZCHJW";
  }
  #enterpriseContainer .fluid-content .section-intro ul li .text .line {
    width: 12rem;
    display: block;
    border: 0.2px solid #373737;
    margin: 0.25rem 0;
  }
  #enterpriseContainer .fluid-content .section-intro ul li .text .font-weight {
    font-family: "FZLTZHUNHJW";
    font-weight: bold;
  }
  #enterpriseContainer .fluid-content .section-develop .banner {
    position: relative;
  }
  #enterpriseContainer .fluid-content .section-develop .text-absolute {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    color: white;
    height: 100%;
    width: 100%;
    display: table;
    text-align: center;
    margin: auto;
  }
  #enterpriseContainer .fluid-content .section-develop .text-absolute .table-text {
    display: table-cell;
    vertical-align: middle;
  }
  #enterpriseContainer .fluid-content .section-develop .text-absolute .table-text h4 {
    font-size: 3rem;
    margin-bottom: 2rem;
  }
  #enterpriseContainer .fluid-content .section-develop .text-absolute .table-text .more {
    font-size: 1.2rem;
    opacity: 0.8;
    font-family: "FZLTXHJW";
  }
  #enterpriseContainer .fluid-content .section-develop .text-absolute .img-right {
    position: relative;
    left: 0;
    width: 1.2rem;
    transition: all 0.2s ease;
  }
  #enterpriseContainer .section-honour .nav-sidebar {
    height: calc(100% - 8.6rem);
  }
  /* 企业相关 - 社会责任*/
  #socialContainer .section-part1 .container-xs-s {
    width: 75%;
  }
  #socialContainer .section-part1 .section-content {
    width: 100%;
  }
  #socialContainer .section-part1 ul {
    overflow: hidden;
  }
  #socialContainer .section-part1 ul li {
    overflow: hidden;
    background: #fff;
    position: inherit;
  }
  #socialContainer .section-part1 ul li .text {
    padding: 4rem;
    text-align: left;
  }
  #socialContainer .section-part1 ul li .text .item-title {
    font-size: 2rem;
    font-family: "FZLTXHJW";
    position: relative;
  }
  #socialContainer .section-part1 ul li .text .item-title::after {
    content: "";
    width: 2.5rem;
    height: 0.2rem;
    background: #0046aa;
    position: absolute;
    bottom: -1.6rem;
    left: 0;
  }
  #socialContainer .section-part1 ul li .font-text {
    margin-top: 3rem;
    font-size: 1rem;
    font-family: "FZLTXHJW";
    color: #5d5d5d;
    line-height: 2;
    text-align: left;
  }
  #socialContainer .section-part1 ul li .mask {
    position: absolute;
    background: rgba(0, 0, 0, 0.5);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  #socialContainer .section-part1 ul li .img-play {
    width: 6rem;
    top: 50%;
    left: 50%;
    bottom: 0;
    position: inherit;
    transform: translate(-50%, -50%);
    cursor: pointer;
    z-index: 99;
  }
  #socialContainer .section-part1 .container-media {
    margin-bottom: 5rem;
  }
  #socialContainer .section-part1 .panel-group {
    margin-top: 4rem;
    margin-bottom: 0;
  }
  #socialContainer .section-part1 .panel-group .row {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }
  #socialContainer .section-part1 .panel-group .col-md-6,
  #socialContainer .section-part1 .panel-group .col-sm-6 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  #socialContainer .section-part1 .panel-group .media {
    position: relative;
    background: #fff;
    margin-bottom: 1rem;
    cursor: pointer;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    overflow: hidden;
  }
  #socialContainer .section-part1 .panel-group .media:hover {
    box-shadow: 0 0 1rem #dadada;
  }
  #socialContainer .section-part1 .panel-group .media .media-heading {
    font-size: 1rem;
    color: #373737;
    margin-top: 0.8rem;
    margin-bottom: 0rem;
    font-family: "FZLTZHUNHJW";
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  #socialContainer .section-part1 .panel-group .media .media-left {
    width: 36.5%;
    float: left;
    padding-right: 0;
  }
  #socialContainer .section-part1 .panel-group .media .media-body {
    width: 63.5%;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding: 0 1.4rem;
    overflow: hidden;
    height: 100%;
  }
  #socialContainer .section-part1 .panel-group .media .media-body p.content {
    font-size: 0.8rem;
    margin-top: 0.4rem;
    min-height: 2rem;
    color: #666;
    font-family: "FZLTXHJW";
    height: 2.4rem;
    line-height: 1.5;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  #socialContainer .section-part1 .panel-group .media .media-body .footer {
    margin-top: 1rem;
    margin-bottom: 0.5rem;
    font-size: 0.8rem;
    color: #666;
    font-family: "FZLTXHJW";
  }
  #socialContainer .section-part1 .panel-group .media .media-body .footer .time {
    font-size: 0.8rem;
  }
  #socialContainer .section-part1 .panel-group .media .media-body .footer .to-detail {
    float: right;
    color: #0046aa;
  }
  #socialContainer .section-part1 .panel-group .icon-right {
    width: 1rem;
  }
  #socialContainer .section-part1 .panel-group .more {
    margin-top: 2rem;
    text-align: center;
    color: #373737;
    font-size: 1rem;
    font-family: "FZLTXHJW";
  }
  #socialContainer .section-part1 .panel-group .icon-small {
    font-size: 0.7rem;
  }
  #socialContainer .section-part1 .media-more {
    font-family: "FZLTXHJW";
    text-align: center;
    margin-top: 1.5rem;
    font-size: 1rem;
  }
  #socialContainer .section-part1 .media-more.loading::after {
    right: 0;
    margin: 0 auto;
  }
  #socialContainer .section-part1 .media-more .btn-mediaMore .iconmore {
    font-size: 1rem;
    margin-left: 0.5em;
  }
  #socialContainer .section-part2 .banner {
    position: relative;
  }
  #socialContainer .section-part2 .text-absolute {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    color: white;
    height: 100%;
    width: 100%;
    display: table;
    text-align: center;
    margin: auto;
  }
  #socialContainer .section-part2 .text-absolute .table-text {
    display: table-cell;
    vertical-align: middle;
  }
  #socialContainer .section-part2 .text-absolute .table-text h4 {
    font-size: 3rem;
    margin: 0;
  }
  #socialContainer .section-part2 .text-absolute .img-right {
    position: relative;
    left: 0;
    width: 1.2rem;
    transition: all 0.2s ease;
  }
  #socialContainer .section-part2 .img-mouse {
    margin: 0 auto;
    width: 2.35rem;
    cursor: pointer;
  }
  #socialContainer .section-part3 {
    padding: 2rem 0;
  }
  #socialContainer .section-part3 .nav-sidebar {
    height: calc(100% - 12.6rem);
  }
  /* 企业相关 - 人才培养*/
  #personnelContainer .section-part1 .swiper-nav,
  #personnelContainer .section-part1 .swiper-nav-personnel {
    display: inline-block;
    margin-top: 4rem;
  }
  #personnelContainer .section-part1 .swiper-nav li,
  #personnelContainer .section-part1 .swiper-nav-personnel li {
    float: left;
    background: #f1f2f2;
    padding: 0.75rem 1rem;
    margin: 0 0.5rem;
    cursor: pointer;
    border-radius: 2rem;
    font-size: 1rem;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
  }
  #personnelContainer .section-part1 .swiper-nav li:hover,
  #personnelContainer .section-part1 .swiper-nav-personnel li:hover {
    color: #0063f5;
    background: rgba(160, 199, 255, 0.56);
  }
  #personnelContainer .section-part1 .swiper-nav li.active,
  #personnelContainer .section-part1 .swiper-nav-personnel li.active {
    background: rgba(160, 199, 255, 0.16);
    color: #0063f5;
  }
  #personnelContainer .section-part1 .swiper-tabs-box {
    padding-top: 41.66%;
    position: relative;
    margin-top: 2rem;
  }
  #personnelContainer .section-part1 .swiper-tabs-box .swiper-box {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  #personnelContainer .section-part1 .swiper-tabs-box .swiper-box #swiperTabs {
    width: 100%;
    height: 100%;
  }
  #personnelContainer .section-part1 .swiper-tabs-box .swiper-box .swiper-panel {
    background: #fff;
    overflow: hidden;
  }
  #personnelContainer .section-part1 .swiper-tabs-box .swiper-box .swiper-panel .half {
    width: 49%;
    display: inline-block;
    vertical-align: middle;
    height: 100%;
  }
  #personnelContainer .section-part1 .swiper-tabs-box .swiper-box .swiper-panel .half-right {
    padding: 0 3rem;
  }
  #personnelContainer .section-part1 .swiper-tabs-box .swiper-box .swiper-panel .half-right .item-title {
    font-size: 2.1rem;
    font-family: "FZLTXHJW";
    position: relative;
    padding-bottom: 1.6rem;
  }
  #personnelContainer .section-part1 .swiper-tabs-box .swiper-box .swiper-panel .half-right .item-title::after {
    content: "";
    width: 2.5rem;
    height: 0.2rem;
    background: #0046aa;
    position: absolute;
    bottom: 0;
    left: 0;
  }
  #personnelContainer .section-part1 .swiper-tabs-box .swiper-box .swiper-panel .half-right .font-text {
    margin-top: 1.6rem;
    font-family: "FZLTXHJW";
    font-size: 1rem;
    line-height: 1.6rem;
    text-align: left;
  }
  #personnelContainer .section-part1 .swiper-tabs-box .swiper-box .swiper-panel .half-right .font-text p {
    color: #5d5d5d;
  }
  #personnelContainer .section-part1 .swiper-tabs-box .swiper-box .swiper-panel .half-right .all {
    display: inline-block;
    margin-top: 3rem;
    font-size: 0.7rem;
    color: #0046aa;
  }
  #personnelContainer .section-part1 .swiper-tabs-box .swiper-box .swiper-panel .half-right .all .icon-small {
    font-size: 0.7rem;
  }
  #personnelContainer .section-part1 .ads-full {
    padding-top: 50%;
    position: relative;
  }
  #personnelContainer .section-part1 .ads-full .ads-content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  #personnelContainer .section-part1 .ads-full .ads-content .ads-top {
    width: 50%;
  }
  #personnelContainer .section-part1 .ads-full .ads-content .ads-top .ads-title {
    font-size: 2rem;
  }
  #personnelContainer .section-part1 .ads-full .ads-content .ads-top .ads-dec {
    font-size: 1.2rem;
  }
  #personnelContainer .section-part1 .ads-full .ads-content .ads-bottom {
    position: absolute;
    bottom: 0;
    width: 48%;
    left: 0;
  }
  #personnelContainer .section-part1 .ads-full .ads-content .ads-right {
    width: 50%;
    position: absolute;
    top: 0;
    right: 0;
    margin-left: 2%;
  }
  #personnelContainer .section-part1 .section-ads {
    padding-top: 5rem;
  }
  #personnelContainer .section-part1 .section-ads p.hover-text {
    opacity: 0;
    height: 0;
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
    font-size: 1rem;
    line-height: 1.8;
    margin-top: 0.6rem;
    font-family: 'FZLTXHJW';
  }
  #personnelContainer .section-part1 .section-ads .ads-title {
    font-size: 3rem;
    color: #373737;
    font-family: "FZLTXHJW";
    margin-top: 0;
    margin-bottom: 3rem;
  }
  #personnelContainer .section-part1 .section-ads .ads-dec {
    font-size: 1.3rem;
    color: #373737;
    font-family: "FZLTXHJW";
  }
  #personnelContainer .section-part1 .section-ads .ads-bottom .ads-panel {
    position: relative;
    margin-top: 10rem;
    cursor: pointer;
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
  }
  #personnelContainer .section-part1 .section-ads .ads-bottom .ads-panel::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.25);
  }
  #personnelContainer .section-part1 .section-ads .ads-bottom .ads-panel .ads-panel-hover {
    position: absolute;
    padding: 0 1rem;
    top: auto;
    bottom: 1rem;
    color: #fff;
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
  }
  #personnelContainer .section-part1 .section-ads .ads-bottom .ads-panel .ads-panel-hover .ads-panel-title {
    font-size: 1.5rem;
    font-family: "FZLTZCHJW";
  }
  #personnelContainer .section-part1 .section-ads .ads-bottom .ads-panel:hover .ads-panel-hover {
    bottom: 4rem;
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
  }
  #personnelContainer .section-part1 .section-ads .ads-bottom .ads-panel:hover .ads-panel-hover .hover-text {
    opacity: 1;
    height: auto;
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
  }
  #personnelContainer .section-part1 .section-ads .ads-right {
    float: right;
  }
  #personnelContainer .section-part1 .section-ads .ads-right .ads-panel {
    cursor: pointer;
    position: relative;
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
  }
  #personnelContainer .section-part1 .section-ads .ads-right .ads-panel::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.25);
  }
  #personnelContainer .section-part1 .section-ads .ads-right .ads-panel .ads-panel-hover {
    position: absolute;
    padding: 0 1rem;
    color: white;
    bottom: 1.4rem;
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
  }
  #personnelContainer .section-part1 .section-ads .ads-right .ads-panel .ads-panel-hover .ads-panel-title {
    font-size: 1.5rem;
    font-family: "FZLTZCHJW";
  }
  #personnelContainer .section-part1 .section-ads .ads-right .ads-panel:hover .ads-panel-hover {
    bottom: 4rem;
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
  }
  #personnelContainer .section-part1 .section-ads .ads-right .ads-panel:hover .ads-panel-hover .hover-text {
    opacity: 1;
    height: auto;
    transition: all 0.6s ease;
  }
  #personnelContainer .section-part2 {
    margin-top: 2rem;
  }
  #personnelContainer .section-part2 .row {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
    clear: both;
  }
  #personnelContainer .section-part2 .row .col-md-4,
  #personnelContainer .section-part2 .row .col-md-6,
  #personnelContainer .section-part2 .row .col-sm-4,
  #personnelContainer .section-part2 .row .col-sm-6 {
    padding: 0 0.75rem;
  }
  #personnelContainer .section-part2 .banner-card h4 {
    text-align: center;
    font-family: "FZLTZCHJW";
    font-size: 1.5rem;
    line-height: 1.8rem;
    color: #373737;
    margin-bottom: 1.25rem;
    margin-top: 2.5rem;
  }
  #personnelContainer .section-part2 .banner-card p {
    font-size: 1rem;
    line-height: 2rem;
    color: #373737;
    font-family: "FZLTXHJW";
  }
  #personnelContainer .section-part2 .pic-card {
    padding: 2.5rem 0 0 0;
  }
  #personnelContainer .section-part2 .pic-card_inner {
    position: relative;
  }
  #personnelContainer .section-part2 .pic-card_inner p {
    position: absolute;
    bottom: 1rem;
    color: white;
    font-size: 1.5rem;
    padding: 0 1rem;
  }
  #personnelContainer .section-part2 p.hover-text {
    opacity: 0;
    height: 0;
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
    font-size: 1rem;
    line-height: 1.8;
    margin-top: 0.6rem;
    font-family: "FZLTXHJW";
  }
  #personnelContainer .section-part2 .ads-right {
    float: right;
  }
  #personnelContainer .section-part2 .ads-right .ads-panel {
    cursor: pointer;
    position: relative;
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
  }
  #personnelContainer .section-part2 .ads-right .ads-panel::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.25);
  }
  #personnelContainer .section-part2 .ads-right .ads-panel .ads-panel-hover {
    position: absolute;
    padding: 0 1rem;
    color: white;
    bottom: 1.4rem;
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
  }
  #personnelContainer .section-part2 .ads-right .ads-panel .ads-panel-hover .ads-panel-title {
    font-size: 1.5rem;
    font-family: "FZLTZCHJW";
  }
  #personnelContainer .section-part2 .ads-right .ads-panel:hover .ads-panel-hover {
    bottom: 4rem;
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
  }
  #personnelContainer .section-part2 .ads-right .ads-panel:hover .ads-panel-hover .hover-text {
    opacity: 1;
    height: auto;
    transition: all 0.6s ease;
  }
  #personnelContainer .section-part3 {
    margin-top: 4rem;
  }
  #personnelContainer .section-part3 .banner {
    position: relative;
  }
  #personnelContainer .section-part3 .text-absolute {
    position: absolute;
    left: 0;
    right: 0;
    top: 0%;
    bottom: 0;
    color: white;
    height: 100%;
    width: 100%;
    display: table;
    text-align: center;
    margin: auto;
    height: 34rem;
  }
  #personnelContainer .section-part3 .text-absolute .table-text {
    display: table-cell;
    vertical-align: middle;
  }
  #personnelContainer .section-part3 .text-absolute .table-text h4 {
    font-size: 3rem;
    margin-bottom: 2rem;
  }
  #personnelContainer .section-part3 .text-absolute .table-text p {
    font-family: "FZLTXHJW";
    font-size: 1.5rem;
    margin-bottom: 2rem;
  }
  #personnelContainer .section-part3 .text-absolute .table-text a {
    font-size: 1.5rem;
    font-family: "FZLTXHJW";
  }
  #personnelContainer .section-part3 .text-absolute .table-text a .icon-small {
    font-size: 1.2rem;
    vertical-align: text-top;
  }
  #personnelContainer .section-part3 .text-absolute .img-right {
    position: relative;
    left: 0;
    width: 1.2rem;
    transition: all 0.2s ease;
  }
  .tools-link {
    padding-bottom: 4rem;
    background: #f8f9f9;
  }
  .tools-link ul {
    width: 94.79%;
    margin: auto;
  }
  .tools-link ul li {
    padding: 2rem;
    display: inline-block;
    color: #373737;
    font-size: 1.5rem;
    text-align: center;
  }
  .tools-link ul li .icon-kf {
    width: 3.75rem;
  }
  .tools-link ul li span {
    margin-left: 1rem;
    font-family: "FZLTXHJW";
  }
  .btn-primary {
    border-radius: 1rem;
  }
  .pop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 1031;
  }
  .pop .pop-video-box {
    height: 100%;
    width: 100%;
    display: table;
    margin: 0 auto;
    position: relative;
  }
  .pop .pop-video-box .video-full {
    display: table-cell;
    vertical-align: middle;
    margin: 0 auto;
  }
  .pop .pop-video-box .video-content {
    position: relative;
    width: 80%;
    height: 35rem;
  }
}

/* pad 端*/
@media (min-width: 768px) and (max-width: 895px) {
  #socialContainer .section-part1 .panel-group .media .media-body p.content {
    max-height: 4rem !important;
  }
}
