@charset 'utf-8';

/* @logo */
.head-wrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100px;
    background: url(../images/opacity-90.png);
    box-sizing: border-box;
    z-index: 100;
}

.head-wrap .logo {
    display: block;
    width: 145px;
    height: 49px;
    padding-top: 23px;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
}

.head-wrap .logo img {
    display: block;
    width: 100%;
}

.nav-wrap {
    height: 100px;
    line-height: 100px;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
}

.nav-wrap li {
    position: relative;
    float: left;
    padding: 0 25px;
}

.nav-wrap li a {
    display: block;
    color: #031b4e;
    font-size: 18px;
    font-weight: bold;
}

.nav-wrap li.active a {
    /* color: #0077c0; */
}

/* @m menu */
.limibody {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.nav-menu {
    display: none;
    width: 48px;
    height: 48px;
    background: url(../images/icon-menu.png) no-repeat center center/80%;
}

.nav-menu.menuClose {
    display: none;
    background-image: url(../images/icon-menu-close.png);
    background-size: 100%;
}

.hwl-menu-list {
    display: none;
    visibility: hidden;
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 1;
    /* opacity        : 0; */
    -webkit-transition: opacity 0.5s, visibility 0s 0.5s;
    transition: opacity 0.5s, visibility 0s 0.5s;
}

.hwl-menu-list a {
    color: #fff;
}

.hwl-menu-list ul li {
    padding: 0 18px;
    border-bottom: 1px solid #0082d9;
    background: #006fbc;
    line-height: 49px;
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transform: translate3d(0, -80px, 0);
    transform: translate3d(0, -80px, 0);
    -webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
    transition: transform 0.5s, opacity 0.5s;
    -webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
    transition: transform 0.5s, opacity 0.5s;
    -webkit-filter: alpha(opacity=0);
}

.hwl-menu-list ul li:last-child {
    border-bottom: none;
}

.hwl-menu-list ul li:first-child {
    -webkit-transition-delay: 0.05s;
    transition-delay: 0.05s;
}

.hwl-menu-list ul li:nth-child(2) {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

.hwl-menu-list ul li:nth-child(3) {
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s;
}

.hwl-menu-list ul li:nth-child(4) {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.hwl-menu-list ul li a.mn {
    position: relative;
    display: block;
    width: 85%;
    font-size: 16px;
    line-height: 48px;
}

.hwl-menu-list ul li > span {
    display: block;
    position: relative;
}

.hwl-menu-list ul li i.ico {
    position: absolute;
    top: 20px;
    right: 16px;
    display: inline-block;
    width: 18px;
    height: 17px;
    background: url(../images/icon-sq.png) no-repeat;
    background-size: 100%;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}

.hwl-menu-list ul li a.mn.msq + i.ico {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    top: 20px;
}

.hwl-menu-list ul .menuson {
    display: none;
    margin-left: 20px;
}

.hwl-menu-list ul .menuson a {
    display: block;
    line-height: 43px;
    font-size: 16px;
}

.hwl-menu-list ul .menuson a:focus {
    text-decoration: underline;
}

.hwl-menu-list.open {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
    z-index: 99999;
}

.hwl-menu-list.open ul li {
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.hwl-menu-bg {
    display: none;
    position: absolute;
    width: 100%;
    background: rgba(0, 0, 0, 0.8);
    left: 0;
    top: 0;
    z-index: 98;
    visibility: hidden;
}

/* @首页  */

/* @关于我们 */
.idx-about {
    padding: 117px 0px;
}

.idx-about .l {
    width: 48%;
    height: 380px;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
}

.idx-about .r {
    width: 52%;
    height: 380px;
    max-height: 380px;
    overflow: hidden;
    padding-left: 12%;
    box-sizing: border-box;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
}

.idx-about .tit {
    position: relative;
    padding: 44px 0 24px;
    margin-bottom: 20px;
}

.idx-about .tit p {
    font-size: 18px;
    text-transform: uppercase;
    color: #f68c1e;
}

.idx-about .tit h2 {
    font-size: 36px;
    line-height: 1;
    font-weight: bold;
    color: #031b4e;
    font-family: "SourceHanSansK-Bold";
}

.idx-about .txt-detail {
    /* height            : 96px; */
    line-height: 1.5;
    font-size: 24px;
    margin-bottom: 27px;
    font-family: "SourceHanSansK-Medium";
    color: #666666;
}

.idx-about .txt-detail span {
    font-size: 24px;
    color: #2990d0;
}

/* @“双师型”教学，线上线下一体化 */

.idx-strategic .l,
.idx-insurancea .r,
.idx-science .l {
    width: 42%;
    height: 600px;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
}

.idx-strategic .l img,
.idx-insurancea .r img,
.idx-science .l img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.idx-strategic .r,
.idx-insurancea .l,
.idx-science .r {
    width: 58%;
    height: 600px;
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    justify-content: center;
}

.idx-strategic .r,
.idx-science .r {
    padding-left: 4%;
    box-sizing: border-box;
}

.idx-insurancea .l {
    padding-right: 4%;
    box-sizing: border-box;
}

.idx-sharing,
.idx-news {
    padding: 80px 0px 0px;
}

.idx-sharing .l {
    width: 21%;
    padding: 15px 0px 0 15px;
    box-sizing: border-box;
}

.idx-sharing .r {
    width: 79%;
    /* height     : 480px; */
    /* white-space: nowrap; */
    margin: 0px auto;
    /* overflow   : hidden; */
}

.idx-sharing .r img {
    display: inline-block;
    width: 100%;
    height: auto;
    max-height: 300px;
    overflow: hidden;
    object-fit: cover;
}

.idx-sharing .r .next-img {
    width: 530px;
    margin-left: 30px;
}

.idx-sharing .r ul {
    display: flex;
    align-items: top;
    justify-content: space-between;
    flex-wrap: wrap;
}

.idx-sharing .r ul li {
    display: block;
    width: 50%;
    padding-left: 42px;
    box-sizing: border-box;
}

.idx-sharing .r ul li .thum-img {
    width: 100%;
    height: auto;
    max-height: 300px;
    overflow: hidden;
}

.idx-strategic .l span {
    position: relative;
    display: block;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background-color: #fff;
    box-shadow: 0 0 20px 3px #d8e5f1;
    overflow: hidden;
    user-select: none;
}

.idx-strategic .l span img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 95%;
}

.idx-strategic .wid1 {
    width: 80px;
    height: 80px;
}

.idx-strategic .wid2 {
    width: 90px;
    height: 90px;
}

.idx-strategic .wid3 {
    width: 64px;
    height: 64px;
}

.idx-strategic .wid4 {
    width: 120px;
    height: 120px;
}

.idx-strategic .wid5 {
    width: 100px;
    height: 100px;
}

.idx-strategic .tit h2,
.idx-insurancea .tit h2,
.idx-science .tit h2 {
    line-height: 1.2;
    font-size: 36px;
    font-weight: bold;
    color: #031b4e;
    font-family: "SourceHanSansK-Bold";
    margin-bottom: 50px;
}

.idx-strategic .tit p,
.idx-insurancea .tit p .idx-science .tit p {
    display: inline-block;
    position: relative;
    line-height: 48px;
    font-size: 24px;
    color: #666666;
    text-transform: uppercase;
}

.idx-strategic .txt-detail,
.idx-social .txt-detail,
.idx-insurancea .txt-detail,
.idx-science .txt-detail {
    /* margin: 72px 0; */
    font-size: 24px;
    color: #666666;
    line-height: 1.6;
    margin-bottom: 24px;
    /*多行文本溢出现实省略号*/
    display: -webkit-box;
    /*将对象作为弹性伸缩盒子模型显示 。*/
    display: -moz-box;
    overflow: hidden;
    /*溢出隐藏*/
    text-overflow: ellipsis;
    /*可以用来多行文本的情况下，用省略号“…”隐藏超出范围的文本 。*/
    word-break: break-all;
    /*文本强制换行*/
    -webkit-box-orient: vertical;
    /*文本被水平或垂直排列。*/
    -webkit-line-clamp: 2;
    /*用来限制在一个块元素显示的文本的行数。*/
}

.idx-sharing .txt-detail {
    font-size: 20px;
    line-height: 1.5;
    margin: 10px auto 40px;
    color: #666666;
    /*多行文本溢出现实省略号*/
    display: -webkit-box;
    /*将对象作为弹性伸缩盒子模型显示 。*/
    display: -moz-box;
    overflow: hidden;
    /*溢出隐藏*/
    text-overflow: ellipsis;
    /*可以用来多行文本的情况下，用省略号“…”隐藏超出范围的文本 。*/
    word-break: break-all;
    /*文本强制换行*/
    -webkit-box-orient: vertical;
    /*文本被水平或垂直排列。*/
    -webkit-line-clamp: 2;
    /*用来限制在一个块元素显示的文本的行数。*/
}

.look-more {
    position: relative;
    display: inline-block;
    width: 52px;
    height: 52px;
    line-height: 30px;
    text-align: center;
    bottom: 260px;
    left: -25%;
    padding: 10px;
    color: #0077c0;
    font-size: 14px;
    vertical-align: top;
    border: 1px solid #2990d0;
    border-radius: 50%;
    box-sizing: border-box;
}

.s5-tab .look-more {
    bottom: -170px !important;
}

.look-more:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 1px;
    /* border-bottom  : 1px solid #0077c0; */
    transition: 0.4s;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
}

.look-more:hover {
    background: #2990d0 url(../images/more-hover.png) center center no-repeat;
    background-size: 100%;
}

.look-more:hover:after {
    content: "";
    width: 40%;
}

.mt55 {
    margin-top: 55px;
}

.vd-banner-s3 .swiper-slide {
    height: 100%;
    /* max-height      : 300px; */
    overflow: hidden;
    /* background-color: #fff; */
}

.vd-banner-s3 .swiper-button-next,
.vd-banner-s3 .swiper-button-prev,
.s2-wrap .swiper-button-next,
.s2-wrap .swiper-button-prev,
.about-timeline .about-timeline-prev,
.about-timeline .about-timeline-next {
    top: 20px;
    left: auto;
    width: 40px;
    height: 40px;
    margin-top: 0;
    border-color: #dddddd;
    background-color: transparent;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
}

.vd-banner-s3 .swiper-button-next:hover,
.vd-banner-s3 .swiper-button-prev:hover,
.s2-wrap .swiper-button-next:hover,
.s2-wrap .swiper-button-prev:hover,
.about-timeline .about-timeline-prev:hover,
.about-timeline .about-timeline-next:hover {
    opacity: 0.6 !important;
    border-color: #2990d0;
}

.s2-wrap .swiper-button-next:hover {
    background-image: url(../images/icon-blue-r.png);
}

.s2-wrap .swiper-button-prev:hover {
    background-image: url(../images/icon-blue-l.png);
}

.s2-wrap .swiper-button-prev {
    left: 0px;
    background-image: url(../images/icon-black4-l.png);
}

.vd-banner-s3 .swiper-button-next,
.s2-wrap .swiper-button-next {
    left: 100px;
    background-image: url(../images/icon-black4-r.png);
}

/* .s2-wrap .swiper-button-next,
.s2-wrap .swiper-button-prev {
	top: -80px;
} */

.idx-social .subtit p,
.idx-sharing .subtit p {
    font-size: 14px;
    text-transform: capitalize;
    letter-spacing: 1px;
}

.idx-sharing .subtit p {
    font-size: 44px !important;
    line-height: 1;
    font-family: "SourceHanSansK-Bold";
    color: #dddddd;
    text-transform: uppercase;
    padding-bottom: 30px;
}

.idx-sharing .subtit p::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 108px;
    height: 6px;
    background-color: #2990d0;
}

.idx-social .subtit h3,
.idx-sharing .subtit h3 {
    font-size: 22px;
    margin-top: 2px;
}

.idx-sharing .subtit h3 {
    margin-top: 30px;
    font-size: 36px;
    line-height: 1;
    color: #031b4e;
    font-family: "SourceHanSansK-Bold";
}

/* @资质荣誉 */
.idx-honour {
    padding: 80px 0px;
    background: url(../images/honour-bg.png) center top no-repeat;
    background-size: cover;
}

.idx-honour .l {
    width: 21%;
    box-sizing: border-box;
}

.idx-honour .subtit p {
    font-size: 44px !important;
    line-height: 1;
    font-family: "SourceHanSansK-Bold";
    color: #dddddd;
    text-transform: uppercase;
    padding-bottom: 30px;
}

.idx-honour .subtit p::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 108px;
    height: 6px;
    background-color: #2990d0;
}

.idx-honour .subtit h3 {
    margin-top: 30px;
    font-size: 36px;
    line-height: 1;
    color: #031b4e;
    font-family: "SourceHanSansK-Bold";
}

.idx-honour .r {
    width: 76%;
    margin-left: 3%;
    overflow: hidden;
}

.idx-honour .r img {
    width: 100%;
    max-height: 252px;
    overflow: hidden;
}

.idx-honour .r p {
    margin-top: 15px;
    color: #666666;
    font-size: 22px;
    line-height: 1.2;
}

.public-vd .swiper-button-next,
.public-vd .swiper-button-prev {
    width: 43px;
    height: 43px;
    border: 1px solid #dddddd;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 22px;
}

/*培诺新闻*/
.idx-news .l {
    width: 21%;
    padding: 15px 0px 0 15px;
    box-sizing: border-box;
}

.idx-news .subtit p {
    font-size: 44px !important;
    line-height: 1;
    font-family: "SourceHanSansK-Bold";
    color: #dddddd;
    text-transform: uppercase;
    padding-bottom: 30px;
}

.idx-news .subtit p::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 108px;
    height: 6px;
    background-color: #2990d0;
}

.idx-news .subtit h3 {
    margin-top: 30px;
    font-size: 36px;
    line-height: 1;
    color: #031b4e;
    font-family: "SourceHanSansK-Bold";
}

.idx-news .r {
    width: 79%;
    margin: 0px auto;
    /* overflow: hidden; */
}

.idx-news .r ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-right: 10px;
}

.idx-news .r ul li {
    display: flex;
    padding: 44px;
    width: 47%;
    margin-left: 3%;
    margin-bottom: 3%;
    box-sizing: border-box;
    background-color: #ffffff;
    box-shadow: -3px 2px 10px #cecece;
}

.idx-news .r ul li:hover {
    background-color: #2990d0;
    color: #ffffff;
    transition: all 0.5s;
}

.idx-news .r ul li .left {
    display: flex;
    width: auto;
    padding-right: 40px;
    box-sizing: border-box;
    overflow: hidden;
}

.idx-news .r ul li .left .creatdate {
    position: relative;
    font-size: 32px;
    font-family: "SourceHanSansK-Bold";
    color: #555555;
    padding-bottom: 40px;
    margin-top: 13px;
}

.idx-news .r ul li:hover .left .creatdate {
    color: #ffffff;
}

.idx-news .r ul li .left .creatdate::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 72px;
    height: 2px;
    background-color: #eeeeee;
}

.idx-news .r ul li .left .creatdate span {
    display: block;
    font-size: 18px;
    font-family: "SourceHanSansK-Bold";
    line-height: 1.6;
    color: #dddddd;
    margin-top: 5px;
}

.idx-news .r ul li:hover .left .creatdate span {
    color: rgba(221, 221, 221, 0.6);
}

.idx-news .r ul li .right {
    width: 68%;
    display: flex;
}

.idx-news .r ul li .right .itit h3 {
    font-size: 20px;
    height: 72px;
    line-height: 1.8;
    color: #333333;
    margin-bottom: 20px;
    display: -webkit-box;
    display: -moz-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.idx-news .r ul li:hover .right .itit h3 {
    color: #ffffff;
}

.idx-news .r ul li .right .itit p {
    font-size: 16px;
    color: #999999;
    height: 52px;
    line-height: 1.6;
    display: -webkit-box;
    display: -moz-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.idx-news .r ul li:hover .right .itit p {
    color: rgba(255, 255, 255, 0.6);
}

/* @学子分享板块 */

.s4-page,
.s5-page {
    margin-top: 240px;
}

.s5-page {
    margin-top: 100px;
}

.s4-page span,
.s5-page span {
    /* position: relative; */
    width: 100px;
    display: block;
    height: 40px;
    margin-bottom: 40px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    background-color: #fff;
    text-align: left;
    opacity: 1;
    font-size: 24px;
    cursor: pointer;
}

.s4-page .active,
.s5-page .active,
.s2-page .swiper-pagination-bullet-active {
    background-color: #fff;
    color: #2990d0;
    /* padding-bottom: 20px; */
    border-bottom: 2px solid #2990d0;
}

.s4-tabcon .s4-con,
.s5-tabcon .s5-con,
.s6-tabcon .s6-con {
    display: none;
}

.s4-tabcon .s4-con:first-of-type,
.s5-tabcon .s5-con:first-of-type,
.s6-tabcon .s6-con:first-of-type {
    display: block;
}

/* @视频弹出 */
.layuiBg1 {
    display: none;
    position: fixed;
    z-index: 101;
    left: 0;
    top: 0;
    width: 100%;
    height: 100% !important;
    background-color: #000;
    opacity: 0.8;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
}

.layuiBox1 {
    display: none;
    position: fixed;
    z-index: 102;
    width: 902px;
    height: 534px;
    top: 200px;
    animation: fadeInUp 0.3s;
    -moz-animation: fadeInUp 0.3s;
    -webkit-animation: fadeInUp 0.3s;
    -o-animation: fadeInUp 0.3s;
}

.layuivideo {
    width: 100%;
    position: relative;
}

.layuiBox1 .layerClose {
    display: block;
    position: absolute;
    right: 22px;
    top: 22px;
    width: 37px;
    height: 37px;
    background: url(../images/icon-close2.png) no-repeat;
    z-index: 103;
    cursor: pointer;
}

.play-vi {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding-bottom: 54px;
    background-color: #000;
    box-sizing: border-box;
}

.layuiBox1 .layuivideo p {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 55px;
    line-height: 55px;
    background: #424a5b;
    font-size: 16px;
    color: #fff;
    z-index: 9;
    text-indent: 2em;
    overflow: hidden;
    box-sizing: border-box;
}

.layuiBox1 .layuivideo video {
    outline: none;
}

/* @底部 */
footer {
    background-color: #464b52;
    color: #ffffff;
    box-sizing: border-box;
    padding: 40px 0px 0px;
}

footer .foot {
    margin: 0px auto 40px;
    display: flex;
    justify-content: space-between;
}

.foot .foot-nav {
    display: flex;
    display: -webkit-flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
}

.foot .foot-nav dl dt,
.foot .foot-nav dl dd {
    padding-right: 32px;
    line-height: 58px;
}

.foot .foot-nav dl dt {
    font-size: 18px;
}

.foot .foot-nav dl dd {
    font-size: 16px;
    line-height: 32px;
    color: rgba(255, 255, 255, 0.5);
}

.foot .foot-nav dl dt a {
    color: #ffffff;
}

.foot .foot-nav dl dt a,
.foot .foot-nav dl dd a {
    color: rgba(255, 255, 255, 0.5);
}

.foot-right .hotline {
    font-size: 32px;
    line-height: 1;
    font-family: "SourceHanSansK-Bold";
}

.foot-right .hotline img {
    width: 36px;
    height: 33px;
    vertical-align: middle;
}

.foot-right .qrcode {
    margin-top: 30px;
}

.foot-right .qrcode ul li {
    display: inline-block;
    text-align: center;
}

.foot-right .qrcode ul li {
    margin-right: 10px;
}

.foot-right .qrcode ul li:last-child {
    margin-right: 0;
}

.foot-right .qrcode ul li span {
    color: rgba(255, 255, 255, 0.5);
    margin-top: 10px;
    display: block;
    line-height: 1.6;
}

.foot-right .qrcode ul li img {
    width: 120px;
    height: 120px;
}

.copyright {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    margin: 0px auto;
    display: flex;
    justify-content: space-between;
    color: #bcbcbc;
}

.copyright p {
    line-height: 76px;
    float: left;
}

.copyright p:last-child {
    float: right;
}

.copyright p a {
    color: #bcbcbc;
}

/* @返回顶部 */
.gotop {
    display: none;
    position: fixed;
    right: 44px;
    bottom: 4%;
    margin: auto;
    width: 50px;
    height: 50px;
    background: #333333 url(../images/back.c150c982.png) no-repeat center
        center/32px;
    box-shadow: 0 5px 14px 3px rgba(0, 0, 0, 0.18);
    z-index: 9999;
    cursor: pointer;
}

/* @20191029 头部导航下拉 */
.nav-wrap li a b {
    position: relative;
    top: -2px;
    display: block;
    width: 0px;
    margin: 0 auto;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border-bottom: 2px solid #0280bb;
}

.nav-wrap li:hover > a b {
    width: 100%;
}

.second-nav-wrap {
    display: none;
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -57px;
    width: 114px;
    overflow: hidden;
    padding: 0px 10px 10px;
}

.nav-wrap .second-nav {
    padding: 10px 15px;
    background-color: rgba(255, 255, 255, 1);
    box-shadow: 1px 2px 3px #999999;
}

.nav-wrap .second-nav-wrap i {
    content: "";
    display: block;
    margin: 0 auto;
    width: 12px;
    height: 9px;
    background: url(../images/second-nav.png) no-repeat center center/cover;
}

.nav-wrap .second-nav a {
    position: relative;
    display: block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #666666;
    font-size: 16px;
    overflow: hidden;
    border-bottom: 1px solid #eeeeee;
}

.nav-wrap .second-nav a:last-child {
    border-bottom: none;
}

.nav-wrap .second-nav a:hover {
    color: #031b4e !important;
    text-decoration: none;
}

.nav-wrap .second-nav a.active {
    color: #031b4e;
}

.pb30 {
    padding-bottom: 30px;
}

/* @轮播 视频+图片 */
.vd-banner-s1-v {
    position: relative;
    z-index: 0;
    width: 100%;
    height: auto;
    margin-top: 80px;
}

.vd-banner-s1-v .swiper-slide {
    overflow: hidden;
}

.idx-video-wrap {
    /* height: 100vh; */
    overflow: hidden;
}

.idx-video {
    display: block;
    width: 100%;
}

.vd-banner-s1-v .banimg {
    display: block;
    width: 100%;
}

.vd-banner-s1-v .swiper-slide:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
}

.vd-banner-s1-v video {
    object-fit: cover;
}

/* @首页 e */

/* @关于培诺 */
.about-banner .banimg,
.honour-banner .banimg,
.scene-banner .banimg,
.student-banner .banimg,
.news-banner .banimg,
.admission-banner .banimg {
    width: 100%;
    display: block;
    margin-top: 80px;
}

.about-description {
    padding: 80px 0px 0px;
}

.about-description .about-tit {
    font-size: 36px;
    line-height: 1;
    font-family: "SourceHanSansK-Bold";
    text-align: center;
    margin-bottom: 60px;
}

.about-description .about-subtit {
    font-size: 26px;
    line-height: 1;
    color: #2a2a2a;
    margin-bottom: 48px;
}

.about-description .limit-wid {
    width: 100%;
    margin: 0rem auto;
    overflow: hidden;
}

.about-description .about-des {
    display: inline-block;
    margin-bottom: 30px;
    line-height: 1.8;
    font-size: 22px;
    color: #666666;
    word-break: break-all;
}

.about-history {
    padding: 1rem 0rem;
}

.about-history .about-tit {
    width: 100%;
    height: 5.71rem;
    background: url(../images/about_bg_01.png) center center no-repeat;
    background-size: cover;
}

.about-history .about-tit h3 {
    font-size: 36px;
    line-height: 1;
    font-family: "SourceHanSansK-Bold";
    text-align: center;
    color: #ffffff;
    padding-top: 60px;
}

.about-timeline {
    width: 100%;
    top: -2rem;
}

.about-timeline .swiper-container {
    height: auto;
    width: 100%;
    position: relative;
    top: 2rem;
}

.about-timeline .swiper-slide {
    /* position: relative; */
    height: auto;
    color: #fff;
    overflow: hidden;
}

.about-timeline .limit-wid {
    width: 100%;
    height: auto;
    margin: 50px auto 0;
    /* box-shadow: 0 0 14px 3px rgba(102, 102, 102, .1); */
}

.about-timeline .swiper-slide .year {
    width: 100%;
    line-height: 1;
    font-size: 30px;
    margin-bottom: 40px;
    color: #333333;
    font-weight: bold;
    font-family: "SourceHanSansK-Bold";
    opacity: 1;
}

.about-timeline .swiper-slide .text {
    width: 100%;
    margin: 0rem auto;
    overflow: hidden;
}

.about-timeline .swiper-slide .text p {
    font-size: 18px;
    line-height: 2;
    color: #999999;
    overflow: hidden;
    margin-bottom: 30px;
}

.about-timeline .swiper-slide .text span {
    color: #999999;
    float: left;
    margin-right: 0.18rem;
}

.about-timeline .swiper-pagination {
    right: 0;
    left: 0;
    margin: auto;
    width: 100%;
    height: 42px;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    font-size: 18px;
    z-index: 1;
}

.about-timeline .swiper-pagination::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0rem;
    width: 100%;
    height: 2px;
    background-color: #f7fbfe;
}

.about-timeline .swiper-pagination-bullets .swiper-pagination-bullet {
    position: relative;
    display: inline-block;
    width: 20%;
    height: 42px;
    /*  margin : 0 50px !important; */
    line-height: 1;
    text-align: center;
    background: transparent;
    color: #ffffff;
    font-size: 26px;
    font-family: "SourceHanSansK-Bold";
    opacity: 1;
}

.about-timeline .swiper-pagination-bullets .swiper-pagination-bullet::before {
    content: "";
    position: absolute;
    top: 38px;
    left: 0;
    right: 0;
    margin: auto;
    width: 70px;
    height: 6px;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 10px 10px;
    background: #f7fbfe;
    /* background-image: url(../images/icon-wz2.png) */
}

.about-timeline .swiper-pagination-bullets .swiper-pagination-bullet-active {
    color: #0077c0;
}

.about-timeline
    .swiper-pagination-bullets
    .swiper-pagination-bullet-active::before {
    /* background-image: url(../images/icon-wz.png); */
    background-color: #0077c0;
    background-size: cover;
}

.about-timeline .about-timeline-prev,
.about-timeline .about-timeline-next {
    display: none;
}

.about-founder {
    width: 100%;
    overflow: hidden;
    margin: 0px auto;
}

.about-founder .l {
    width: 50%;
    height: 8.7rem;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.about-founder .l img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.about-founder .r {
    width: 50%;
    /* height      : auto; */
    height: 8.7rem;
    padding-left: 1.57rem;
    padding-right: 4.25rem;
    box-sizing: border-box;
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    justify-content: center;
}

.about-founder .r h2 {
    margin-bottom: 15px;
    font-size: 30px;
    font-weight: bold;
    line-height: 40px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-content: center;
}

.about-founder .r h3 {
    font-size: 36px;
    color: #333333;
    line-height: 1;
    margin-bottom: 40px;
    font-family: "SourceHanSansK-Bold";
}

.about-founder .r p {
    font-size: 20px;
    color: #666666;
    line-height: 1.8;
    overflow: hidden;
}

.about-cpc {
    padding: 1.43rem 0rem;
    background: url(../images/about_bg_02.png) center bottom no-repeat;
    /* background-size: cover; */
}

.about-cpc .cpc-wrap {
    width: 100%;
    margin: 0rem auto;
    overflow: hidden;
}

.about-cpc .tit h3 {
    line-height: 2;
    font-size: 36px;
    font-family: "SourceHanSansK-Bold";
    text-align: center;
    color: #333333;
}

.about-cpc .description {
    width: 100%;
    /* height       : 240px; */
    padding: 1rem;
    margin-top: 38px;
    border: 1px solid #eee;
    line-height: 32px;
    font-size: 16px;
    color: #666666;
    background-color: #fff;
    box-sizing: border-box;
    box-shadow: 0 0 14px 3px rgba(102, 102, 102, 0.1);
}

.about-cpc .description p {
    font-size: 20px;
    line-height: 1.8;
    overflow: hidden;
    color: #666666;
}

.about-cpc .description p:first-child {
    margin-bottom: 28px;
}

/* @关于培诺 */

/*@资质荣誉*/
.honourlist {
    padding: 1.42rem 0rem;
}

.honour-tit {
    margin-bottom: 0.6rem;
}

.honour-tit h3 {
    font-size: 0.64rem;
    line-height: 1;
    font-family: "SourceHanSansK-Bold";
    color: #333333;
}

.honourul,
.about-cpc {
    width: 100%;
    overflow: hidden;
    margin: 0rem auto;
}

.honourul {
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 0.5rem;
}

.honourul li,
.honourul2 li {
    float: left;
    width: 33.3333333%;
    margin-bottom: 0.35rem;
}

.honourul li .thum-img,
.honourul2 li .thum-img {
    padding: 3%;
    width: 100%;
    height: auto;
    box-sizing: border-box;
}

.honourul2 li .thum-img {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.honourul li img,
.honourul2 li img {
    display: block;
    width: 100%;
}

.honourul li .txt-detail,
.honourul2 li .txt-detail {
    margin-left: 3%;
    font-size: 18px;
    line-height: 2;
    color: #666666;
    overflow: hidden;
}

/*@资质荣誉*/

/*培诺实景*/
.scene-list {
    padding-top: 21px;
}
.scene-list .scene-item {
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 50px;
    padding-top: 40px;
}
.scene-list .scene-item h3 {
    color: #333333;
    font-size: 44px;
    line-height: 44px;
    margin-bottom: 30px;
    font-family: "SourceHanSansK-Bold";
}

.scene-list .scene-item ul {
    width: 100%;
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.scene-list .scene-item ul li {
    width: 50%;
    position: relative;
}
.scene-list .scene-item ul li img {
    display: block;
    width: 100%;
    height: 100%;
}
.scene-list .scene-item ul li .txt-detail {
    position: absolute;
    bottom: 20px;
    left: 20px;
    color: #ffffff;
    font-size: 28px;
}
.scene-list .scene-item:nth-child(even) {
    background: #f7fbfe;
}
.scene-list .scene-item:nth-child(even) li {
    box-sizing: border-box;
}
.scene-list .scene-item:nth-child(even) li .txt-detail {
    font-size: 26px;
    color: #333333;
    position: relative;
    left: 0;
    bottom: 0;
    padding: 16px 0 24px 0;
}
.scene-list .scene-item:nth-child(even) li:nth-child(odd) {
    padding-right: 8px;
}
.scene-list .scene-item:nth-child(even) li:nth-child(even) {
    padding-left: 8px;
}
@media screen and (max-width: 750px) {
    .scene-list {
        padding-top: 10px;
    }
    .scene-list .scene-item {
        padding-bottom: 30px;
        padding-top: 20px;
    }
    .scene-list .scene-item h3 {
        font-size: 24px;
        line-height: 24px;
        margin-bottom: 10px;
    }
    .scene-list .scene-item ul li .txt-detail {
        font-size: 16px;
        bottom: 10px;
        left: 10px;
    }
    .scene-list .scene-item:nth-child(even) li .txt-detail {
        font-size: 14px;
        padding: 8px 0 14px 0;
    }
}
@media screen and (min-width: 768px) {
    .scene-list {
        padding-top: 10px;
    }
    .scene-list .scene-item {
        padding-bottom: 30px;
        padding-top: 20px;
    }
    .scene-list .scene-item h3 {
        font-size: 24px;
        line-height: 24px;
        margin-bottom: 10px;
    }
    .scene-list .scene-item ul li .txt-detail {
        font-size: 16px;
        bottom: 10px;
        left: 10px;
    }
    .scene-list .scene-item:nth-child(even) li .txt-detail {
        font-size: 14px;
        padding: 8px 0 14px 0;
    }
    .scene-list .scene-item ul {
        width: 750px;
    }
}
@media screen and (min-width: 992px) {
    .scene-list {
        padding-top: 21px;
    }
    .scene-list .scene-item {
        padding-bottom: 50px;
        padding-top: 40px;
    }
    .scene-list .scene-item h3 {
        font-size: 44px;
        line-height: 44px;
        margin-bottom: 30px;
    }
    .scene-list .scene-item ul li .txt-detail {
        font-size: 28px;
        bottom: 20px;
        left: 20px;
    }
    .scene-list .scene-item:nth-child(even) li .txt-detail {
        font-size: 26px;
        padding: 16px 0 24px 0;
    }
    .scene-list .scene-item ul {
        width: 970px;
    }
}
@media screen and (min-width: 1400px) {
    .scene-list {
        padding-top: 21px;
    }
    .scene-list .scene-item {
        padding-bottom: 50px;
        padding-top: 40px;
    }
    .scene-list .scene-item h3 {
        font-size: 44px;
        line-height: 44px;
        margin-bottom: 30px;
    }
    .scene-list .scene-item ul li .txt-detail {
        font-size: 28px;
        bottom: 20px;
        left: 20px;
    }
    .scene-list .scene-item:nth-child(even) li .txt-detail {
        font-size: 26px;
        padding: 16px 0 24px 0;
    }
    .scene-list .scene-item ul {
        width: 1200px;
    }
}
@media screen and (min-width: 1820px) {
    .scene-list {
        padding-top: 21px;
    }
    .scene-list .scene-item {
        padding-bottom: 50px;
        padding-top: 40px;
    }
    .scene-list .scene-item h3 {
        font-size: 44px;
        line-height: 44px;
        margin-bottom: 30px;
    }
    .scene-list .scene-item ul li .txt-detail {
        font-size: 28px;
        bottom: 20px;
        left: 20px;
    }
    .scene-list .scene-item:nth-child(even) li .txt-detail {
        font-size: 26px;
        padding: 16px 0 24px 0;
    }
    .scene-list .scene-item ul {
        width: 1440px;
    }
}
/*培诺实景*/

/*页面浮动框*/

.side-nav-wrapper {
    position: fixed;
    bottom: 9%;
    right: 0;
    z-index: 99;
}

.side-nav-wrapper .side-nav ul li {
    width: 144px;
    height: 60px;
    line-height: 30px;
    background-color: #ffffff;
    color: #2990d0;
    font-size: 18px;
    padding: 15px;
    box-sizing: border-box;
    text-align: center;
    margin-bottom: 30px;
    box-shadow: 0px 2px 6px #999999;
}

.side-nav-wrapper .side-nav ul li:first-child {
    padding: 0px;
    line-height: 60px;
}

.side-nav-wrapper .side-nav ul li a {
    width: 100%;
    height: 100%;
    display: block;
}

.side-nav-wrapper .side-nav ul li a,
.side-nav-wrapper .side-nav ul li a:hover {
    color: #2990d0;
}

.side-nav-wrapper .side-nav ul li:last-child {
    background-color: #2990d0;
    color: #ffffff;
    /* height       : 158px; */
}

.side-nav-wrapper .side-nav ul li span {
    margin-right: 10px;
}

.nav-content {
    display: none;
    width: 290px;
    height: auto;
    overflow: hidden;
    background-color: #ffffff;
    box-shadow: 0px 2px 6px #999999;
    /* margin-left  : -150px; */
    margin-top: -60px;
    text-align: left;
    padding: 0px 15px 15px;
    box-sizing: border-box;
    position: absolute;
    right: 160px;
}

.nav-content dl {
    width: 100%;
    overflow: hidden;
    margin: 0px auto;
    margin-top: 15px;
}

.nav-content dl dt {
    color: #333333;
    display: inline-block;
}

.nav-content dl dt img {
    width: 16px;
    margin-right: 10px;
}

.nav-content dl dd {
    font-size: 16px;
    margin-left: 26px;
    color: #888888;
}

.nav-content dl dd.tell-txt {
    color: #2990d0 !important;
}

/*页面浮动框*/
/*** 学子分享/培诺新闻/出国留学 ***/
.stu-sharing,
.stu-news {
    width: 100%;
    margin: 0px auto;
    padding: 60px 0px;
    overflow: hidden;
}

.stu-abroad {
    width: 100%;
    margin: 0px auto;
    padding: 40px 0px;
    overflow: hidden;
}

.stu-sharing .l,
.stu-news .l,
.stu-abroad .l {
    width: 21%;
    box-sizing: border-box;
}

.stu-sharing .s4-page,
.stu-news .s5-page,
.stu-abroad .s6-page {
    margin-top: 0px;
}

.stu-sharing .s4-page span,
.stu-news .s5-page span,
.stu-abroad .s6-page span {
    width: 100%;
    margin-bottom: 0px;
    color: #999999;
    font-size: 32px;
    height: 120px;
    line-height: 120px;
    text-align: center;
    font-family: "SourceHanSansK-Bold";
    /* display   : block; */
}

.stu-sharing .s4-page .active,
.stu-news .s5-page .active,
.stu-abroad .s6-page .active {
    color: #ffffff;
    border: none;
    background-color: #2990d0;
}

.stu-abroad .s6-page span {
    background: #f7fbfe;
    display: block;
    text-align: center;
}

.stu-abroad .s6-page span.active {
    background: #2990d0;
}

.stu-sharing .s4-page span a,
.stu-news .s5-page span a,
.stu-abroad .s6-page span a {
    color: #999999;
    width: 100%;
    height: 100%;
    display: block;
    font-weight: bold;
}

.stu-sharing .s4-page .active a,
.stu-news .s5-page .active a,
.stu-abroad .s6-page .active a {
    color: #ffffff;
}

.stu-sharing .r,
.stu-news .r,
.stu-abroad .r {
    width: 79%;
    margin: 0px auto;
}

.stu-sharing .r ul,
.stu-news .r ul {
    display: flex;
    display: -webkit-flex;
    align-items: top;
    justify-content: space-between;
    flex-wrap: wrap;
    flex-direction: row;
    margin-bottom: 0.5 rem;
}

.stu-sharing .r ul li,
.stu-news .r ul li {
    display: block;
    width: 45%;
    margin-left: 5%;
    box-sizing: border-box;
}

.stu-sharing .r ul li a {
    display: block;
    width: 100%;
    margin: 0rem auto 0.53rem;
    overflow: hidden;
    background-color: #f9f9f9;
}

.stu-sharing .r ul li .thum-img {
    width: 100%;
    height: 100%;
    max-height: 300px;
    overflow: hidden;
}

.stu-sharing .r ul li .thum-img img {
    display: inline-block;
    width: 100%;
    height: 100%;
    max-height: 300px;
    overflow: hidden;
    object-fit: cover;
}

.stu-sharing .txt-content {
    padding: 15px;
}

.stu-sharing .txt-content .txt-detail {
    font-size: 20px;
    height: 64px;
    line-height: 1.6;
    color: #333333;
    margin-bottom: 15px;
    display: -webkit-box;
    display: -moz-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.stu-sharing .txt-content span {
    font-size: 18px;
    color: #666666;
    height: 1rem;
    line-height: 1.6;
    display: -webkit-box;
    display: -moz-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.stu-news .r ul li .n-box {
    width: 100%;
    padding: 30px 40px;
    box-sizing: border-box;
    background: #f9f9f9;
    margin-bottom: 30px;
}

.stu-news .r ul li .n-box h3 {
    font-size: 0.42rem;
    height: 76px;
    line-height: 1.6;
    margin-bottom: 0.42rem;
    display: -webkit-box;
    display: -moz-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.stu-news .r ul li .n-box p {
    font-size: 0.35rem;
    color: #666666;
    height: 64px;
    line-height: 1.6;
    display: -webkit-box;
    display: -moz-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-bottom: 0.5rem;
}

.stu-news .r ul li .n-box .list-inline {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
}

.stu-news .r ul li .n-box .list-inline span {
    display: block;
    font-size: 0.32rem;
    height: 30px;
    line-height: 30px;
    color: #999999;
}

.stu-news .r ul li .n-box .list-inline span a {
    color: #2990d0;
}

.stu-abroad .r .art-desc {
    width: 100%;
    padding-left: 5%;
    box-sizing: border-box;
    margin: 0px auto;
    overflow: hidden;
}

.stu-abroad .r .art-desc .art-tit {
    font-size: 30px;
    font-family: "SourceHanSansK-Medium";
    line-height: 1;
    color: #2a2a2a;
    margin-bottom: 0.7rem;
    padding-top: 15px;
}

.stu-abroad .r .art-desc .txt-detail {
    font-size: 0.39rem;
    color: #666666;
    line-height: 1.8;
    margin-bottom: 0.5rem;
}

.stu-abroad .r .art-desc .txt-detail img {
    width: auto;
    max-width: 100%;
}

/*** 学子分享/培诺新闻/出国留学 ***/

/*文章/视频专访详情*/
.stu-sharing .r .art-tit,
.stu-sharing .r .art-desc {
    margin-left: 5%;
}

.stu-sharing .r ul.list-inline {
    font-size: 0.35rem;
    color: #999999;
    margin: 20px auto;
    justify-content: flex-start;
}

.stu-sharing .r ul.list-inline li {
    width: auto;
}

.stu-sharing .r .art-tit {
    font-size: 0.53rem;
    color: #2a2a2a;
    line-height: 1.6;
}

.stu-sharing .r .art-desc p,
.stu-sharing .r .art-desc p span {
    font-size: 0.39rem;
    color: #666666;
    line-height: 1.6;
    margin-bottom: 0.39rem;
}

.stu-sharing .r .art-desc p img {
    width: auto;
    max-width: 100%;
    height: auto;
    text-align: center;
}

.stu-sharing .r .art-desc p video {
    width: 100%;
    max-width: 100%;
    height: auto;
    text-align: center;
}

.stu-sharing .r .v-box {
    margin-left: 5%;
    width: 95%;
    height: auto;
    max-height: 600px;
    overflow: hidden;
    margin-bottom: 0.53rem;
}

.stu-sharing .r .v-box .video_t img {
    height: auto;
}

.stu-sharing .r dl,
.stu-news .r dl {
    width: 44%;
    color: #333333;
    font-size: 18px;
    margin-left: 5%;
    margin-top: 30px;
    display: inline-block;
}

.stu-sharing .r dl dt,
.stu-news .r dl dt {
    float: left;
    width: 23%;
}

.stu-sharing .r dl dd,
.stu-news .r dl dd {
    width: 77%;
    display: -webkit-box;
    display: -moz-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

/*文章详情*/

/*@联系我们*/
.contact-banner .banimg {
    width: 100%;
    display: block;
    margin-top: 80px;
}

.contact-address {
    margin: 60px 0px;
}

.contact-address .map,
.contact-address .address {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
}

.contact-address .map {
    width: 62.5%;
}

.contact-address .address {
    width: 37.5%;
}

.contact-address .address ul {
    width: 100%;
    max-height: 665px;
    overflow-y: scroll;
}

.contact-address .address ul li a {
    width: 100%;
    padding: 20px 40px;
    margin: 0px auto;
    overflow: hidden;
    box-sizing: border-box;
    display: block;
    color: #999999;
}

.contact-address .address ul li.active {
    background: #f8f8f8;
}

.contact-address .address ul li a .l {
    width: 30%;
}

.contact-address .address ul li a .l img {
    width: 100%;
}

.contact-address .address ul li a .r {
    width: 70%;
    padding-left: 5%;
    box-sizing: border-box;
}

.contact-address .address ul li a .l p,
.contact-address .address ul li a .r h4 {
    color: #333333;
    font-size: 0.32rem;
}

.contact-address .address ul li a .l p {
    text-align: center;
}

.contact-address .address ul li a .r p {
    color: #999999;
    font-size: 0.28rem;
    line-height: 1.8;
}

/*@联系我们*/

/*@投资者关系*/
.inv-banner .banimg {
    width: 100%;
    margin-top: 80px;
}

.inv-stock {
    padding: 80px 0px;
}

.inv-stock .l {
    width: 31%;
    display: flex;
    display: -webkit-flex;
    flex-flow: column;
    flex-direction: column;
    flex-wrap: nowrap;
}

.inv-stock .l .subtit {
    padding: 30px 0px;
}

.inv-stock .l .subtit h3 {
    font-size: 36px;
    font-family: "SourceHanSansK-Bold";
    line-height: 1.8;
    /* letter-spacing: 10px; */
}

.inv-stock .l .subtit h3 span {
    padding-right: 9px;
    font-size: 36px !important;
    font-family: "SourceHanSansK-Bold";
    line-height: 1.8;
    color: #333 !important;
}

@media screen and (max-width: 1680px) {
    .inv-stock .l .subtit h3 span {
        font-size: 28px !important;
    }
}

.inv-stock .l .subtit:last-child h3 {
    font-size: 44px;
}

.inv-stock .l .subtit:last-child span:last-child {
    color: #333333;
}

.inv-stock .l .subtit p {
    font-size: 24px;
    color: #666666;
}

.inv-stock .l .subtit span {
    font-size: 20px;
    color: #cccccc;
}

.inv-stock .r {
    width: 69%;
    background: #fbfbfb;
    padding: 50px;
    box-sizing: border-box;
}

/*
.inv-stock .r img {
    width: 100%;
} */

.inv-stock .r ul {
    width: 100%;
    margin: 0px auto;
    overflow: hidden;
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    flex-flow: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.inv-stock .r ul > li {
    color: #999999;
    font-size: 24px;
    width: 50%;
    display: flex;
    display: -webkit-flex;
    margin: 18px 0px;
}

.inv-stock .r ul > li span {
    color: #333333;
}

.inv-report {
    padding: 40px 0px 10px;
}

.s2-page {
    left: 0;
    right: 0;
    height: 40px;
    line-height: 30px;
}

.s2-page.swiper-pagination {
    text-align: left;
}

.inv-report .tit h2 {
    font-family: "SourceHanSansK-Bold";
    line-height: 1;
    font-size: 36px;
    margin-bottom: 28px;
}

.s2-page .swiper-pagination-bullet {
    position: relative;
    width: auto;
    height: 40px;
    line-height: 40px;
    margin-right: 60px;
    border-radius: 0;
    background: transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    text-align: left;
    opacity: 1;
    font-size: 24px;
    cursor: pointer;
    color: #666666;
}

.s2-page .swiper-pagination-bullet-active {
    color: #333333;
    border-bottom: 3px solid #2990d0;
}

.vd-banner-s2 {
    margin-top: 100px;
}

.vd-banner-s2 .swiper-slide dl,
.s3-wrap dl {
    width: 48%;
    background: #ffffff;
    display: inline-block;
    margin-bottom: 2%;
    padding: 60px 40px;
    box-sizing: border-box;
    position: relative;
}

.s3-wrap dl {
    border: 1px solid #eeeeee;
}

.vd-banner-s2 .swiper-slide dl dt,
.s3-wrap dl dt {
    width: 80%;
    font-size: 0.53rem;
    line-height: 1;
    margin-bottom: 30px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-word;
}

.vd-banner-s2 .swiper-slide dl dd,
.s3-wrap dl dd {
    font-size: 22px;
    color: #666666;
}

.vd-banner-s2 .swiper-slide dl dd a,
.s3-wrap dl dd a {
    width: 100%;
    height: 100%;
    display: block;
}

.vd-banner-s2 .swiper-slide dl dd img,
.s3-wrap dl dd img {
    width: 80px;
    height: 80px;
}

.vd-banner-s2 .swiper-slide dl dd:last-child,
.s3-wrap dl dd:last-child {
    position: absolute;
    right: 40px;
    top: 60px;
}

.vd-banner-s2 .swiper-slide dl:nth-of-type(odd),
.s3-wrap dl:nth-of-type(odd) {
    margin-right: 2%;
}

.s3-wrap > p {
    text-align: center;
    margin-bottom: 70px;
}

.s3-wrap > p a {
    font-size: 20px;
    border: 1px solid #bbbbbb;
    width: 200px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    display: block;
    margin: 0px auto;
}

/*@投资者关系*/

/*@录取动态*/
.admission-list {
    padding: 80px 0px 40px;
}

.admission-list .l {
    width: 16%;
}

.admission-list .r {
    width: 84%;
}

.navigation-2 {
    width: 100%;
    height: auto;
    overflow: hidden;
    /* position: relative; */
}

.navigation-2.fixed {
    position: fixed;
    z-index: 99;
    top: 90px;
}

/* .navigation_wrap {
    position  : absolute;
    width     : 100%;
    top       : 0px;
    left      : 0px;
    transition: all 0.5s;
} */

.navigation-2 .box {
    padding-bottom: 33px;
    position: relative;
}

.navigation-2 .line {
    background: #d8d9dc;
    width: 1px;
    height: 60px;
    position: absolute;
    top: 10px;
    left: 3px;
}

.navigation-2 .active a {
    font-size: 24px;
    color: #0052d9;
}

.navigation-2 .active a span {
    font-size: 24px;
}

.navigation-2 a {
    font-size: 20px;
    position: relative;
    z-index: 2;
    height: 26px;
    line-height: 26px;
    display: block;
    color: #2018;
}

.navigation-2 a span {
    font-size: 20px;
}

.navigation-2 .icon {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #d8d9dc;
    display: block;
    float: left;
    margin-top: 9px;
    margin-right: 16px;
}

.navigation-2 .active .icon {
    background: #0052d9;
}

.years_box_title {
    width: 25%;
    font-size: 36px;
    line-height: 1;
    font-family: "SourceHanSansK-Bold";
    padding-right: 60px;
    box-sizing: border-box;
}

.school-detail .years_box_title {
    width: 15%;
}

.years_box_content {
    width: 75%;
}
.years_box_content h3 {
    font-size: 40px;
    font-family: "SourceHanSansK-Bold";
    color: #2990d0;
    height: 40px;
    line-height: 40px;
    margin-bottom: 0.5rem;
}
.school-detail .years_box_content {
    width: 85%;
}

.years_box_content .events_box dl {
    border: 1px solid #eeeeee;
    padding: 25px;
    margin-bottom: 15px;
}

.years_box_content .events_box h4,
.years_box_content .events_box dl > dt {
    font-size: 32px;
    line-height: 1;
    margin-bottom: 20px;
    color: #2a2a2a;
}

.years_box_content .events_box dl > dt {
    font-family: "SourceHanSansK-Bold";
    margin-bottom: 20px;
}

.years_box_content .events_box h4 span {
    padding-left: 30px;
    font-size: 32px;
    font-family: "SourceHanSansK-Bold";
    color: #2990d0;
}

.years_box_content .events_box dl > dt span {
    text-align: right;
    float: right;
    font-size: 22px;
    color: #666666;
    font-weight: normal;
}

.years_box_content .events_box p,
.years_box_content .events_box dl > dd {
    font-size: 22px;
    color: #666666;
    line-height: 1.8;
    margin-bottom: 1rem;
}

.years_box_content .events_box dl > dd {
    color: #333333;
    line-height: 2;
    margin-bottom: 0px;
}

.years_box_content .events_box dl > dd span {
    font-weight: bold;
}

.admission-list .r .years_box {
    width: 100%;
    margin: 0px auto;
    overflow: hidden;
}

/*@录取动态*/
.null-box {
    width: 100%;
    margin: 0px auto;
    overflow: hidden;
    text-align: center;
    /* position  : relative; */
}

.null-box img {
    width: auto;
    max-width: 100%;
    text-align: center;
    margin: 180px auto -80px;
}

.null-box p {
    color: rgba(243, 123, 64, 1);
    font-weight: bold;
    position: relative;
    bottom: 150px;
    text-align: center;
    /* margin-top: -80px; */
}

/* @响应 */
@media screen and (max-width: 1680px) {
    .fix-width {
        width: 1260px;
    }

    .foot .foot-nav dl dt {
        font-size: 16px;
        line-height: 46px;
    }

    .foot .foot-nav dl dd {
        font-size: 14px;
        line-height: 2;
    }

    .foot-right .qrcode ul li:first-child {
        margin-right: 30px;
    }

    .foot-right .hotline {
        font-size: 26px;
    }

    .foot-right .hotline img {
        width: 28.8px;
        height: 26.4px;
        margin-right: 16px;
    }

    .foot .foot-nav dl dt,
    .foot .foot-nav dl dd {
        padding-right: 20px;
    }

    .foot-right .qrcode ul li img {
        width: 100px;
        height: 100px;
    }

    .foot-right .qrcode ul li span,
    .copyright p {
        font-size: 14px;
    }

    .copyright p {
        line-height: 60px;
    }

    .public-vd .swiper-button-next,
    .public-vd .swiper-button-prev {
        width: 35px;
        height: 35px;
        background-size: 20px;
    }

    /*@首页*/
    .idx-about {
        padding: 94px 0px;
    }

    .idx-about .l,
    .idx-about .r {
        height: 300px;
        max-height: 300px;
    }

    .idx-about .tit {
        padding: 35px 0 19px;
    }

    .idx-about .tit h2 {
        font-size: 28.8px;
    }

    .idx-about .txt-detail span,
    .idx-about .txt-detail {
        font-size: 19px;
    }

    .idx-about .txt-detail {
        margin-bottom: 22px;
    }

    .idx-sharing .r ul li .thum-img,
    .idx-sharing .r img,
    .stu-sharing .r ul li .thum-img,
    .stu-sharing .r ul li .thum-img img {
        max-height: 245px;
    }

    .idx-sharing .txt-detail {
        margin: 8px 0px 30px;
        font-size: 16px;
    }

    .idx-strategic .l,
    .idx-insurancea .r,
    .idx-science .l,
    .idx-strategic .r,
    .idx-insurancea .l,
    .idx-science .r {
        height: 480px;
    }

    .idx-strategic .tit h2,
    .idx-insurancea .tit h2,
    .idx-science .tit h2 {
        font-size: 28.8px;
        margin-bottom: 40px;
    }

    .idx-strategic .txt-detail,
    .idx-social .txt-detail,
    .idx-insurancea .txt-detail,
    .idx-science .txt-detail {
        font-size: 19px;
        margin-bottom: 19px;
    }

    .idx-sharing,
    .idx-news {
        padding-top: 64px;
    }

    .idx-honour {
        padding: 64px 0px;
    }

    .idx-sharing .l,
    .idx-news .l {
        padding: 12px 0px 0px;
    }

    .idx-sharing .subtit p,
    .idx-honour .subtit p,
    .idx-news .subtit p {
        font-size: 35px !important;
        padding-bottom: 20px;
    }

    .idx-sharing .subtit h3,
    .idx-honour .subtit h3,
    .idx-news .subtit h3 {
        font-size: 28.8px;
        margin-top: 20px;
    }

    .s4-page {
        margin-top: 192px;
    }

    .s4-page span,
    .s5-page span {
        width: 80px;
        height: 32px;
        line-height: 32px;
        margin-bottom: 32px;
        font-size: 19px;
    }

    .idx-sharing .r ul li {
        padding-left: 34px;
    }

    .look-more {
        width: 42px;
        height: 42px;
        line-height: 24px;
        padding: 8px;
        font-size: 12px;
    }

    .idx-honour .subtit p {
        font-size: 35px !important;
        padding-bottom: 24px;
    }

    .idx-honour .r img {
        max-height: 177px;
    }

    .idx-honour .r p {
        font-size: 16px;
        margin-top: 12px;
    }

    .idx-news .r ul li {
        padding: 35px;
    }

    .idx-news .r ul li .left {
        padding-right: 32px;
    }

    .idx-news .r ul li .left .creatdate {
        font-size: 26px;
        margin-top: 5px;
        padding-bottom: 32px;
    }

    .idx-news .r ul li .right .itit h3 {
        font-size: 16px;
        line-height: 1.6;
        height: 52px;
        margin-bottom: 16px;
    }

    .idx-news .r ul li .right .itit p {
        font-size: 14px;
        height: 45px;
    }

    .idx-sharing .look-more {
        bottom: 230px;
    }

    .idx-news .look-more {
        bottom: 140px;
    }

    .gotop {
        bottom: 4%;
    }

    /*@首页*/

    /*@公司简介*/
    .about-description {
        padding-top: 64px;
    }

    .about-description .about-tit,
    .about-history .about-tit h3,
    .about-founder .r h3,
    .about-cpc .tit h3,
    .honour-tit h3,
    .scene-tit h3 {
        font-size: 28.8px;
    }

    .about-description .about-tit {
        margin-bottom: 48px;
    }

    .about-history .about-tit h3 {
        padding-top: 48px;
    }

    .about-founder .r h3 {
        margin-bottom: 32px;
    }

    .about-description .about-subtit,
    .about-timeline .swiper-pagination-bullets .swiper-pagination-bullet {
        font-size: 20.8px;
    }

    .about-description .about-subtit {
        margin-bottom: 38px;
    }

    .about-timeline .swiper-pagination-bullets .swiper-pagination-bullet {
        height: 34px;
        line-height: 1.4;
    }

    .about-description .about-des {
        font-size: 16px;
        margin-bottom: 24px;
    }

    .about-timeline .limit-wid {
        margin-top: 40px;
    }

    .about-timeline .swiper-slide .year {
        font-size: 24px;
        margin-bottom: 32px;
    }

    .about-timeline .swiper-slide .text p,
    .about-founder .r p,
    .about-cpc .description p,
    .honourul li .txt-detail,
    .honourul2 li .txt-detail {
        font-size: 16px;
    }

    .about-timeline .swiper-slide .text p {
        margin-bottom: 24px;
    }

    .about-founder .l,
    .about-founder .r {
        height: 6.96rem;
    }

    .about-founder .r {
        padding-left: 1.256rem;
        padding-right: 3.4rem;
    }

    .about-cpc {
        padding: 1.144rem 0rem;
    }

    .about-cpc .description {
        padding: 0.8rem;
        margin-top: 24px;
    }

    .about-cpc .description p:first-child {
        margin-bottom: 22px;
    }

    #dituContent,
    .contact-address .address ul {
        height: 532px !important;
    }

    /*@公司简介*/

    /*@出国留学、背景提升*/
    .stu-sharing .s4-page span,
    .stu-news .s5-page span,
    .stu-abroad .s6-page span {
        font-size: 26px;
        height: 96px;
        line-height: 96px;
    }

    .stu-abroad .r .art-desc .art-tit {
        font-size: 24px;
        margin-bottom: 32px;
        padding-top: 12px;
    }

    .stu-abroad .r .art-desc .txt-detail {
        font-size: 0.312rem;
        margin-bottom: 0.4rem;
        line-height: 1.6;
    }

    /*@出国留学、背景提升*/

    /*@学子分享、新闻资讯*/
    .stu-sharing,
    .stu-news {
        padding: 48px 0px;
    }

    .stu-sharing .txt-content .txt-detail,
    .stu-news .r ul li .n-box h3 {
        font-size: 18px;
        height: 58px;
    }

    .stu-news .r ul li .n-box h3 {
        margin-bottom: 19px;
    }

    .stu-sharing .txt-content span,
    .stu-news .r ul li .n-box p {
        font-size: 16px;
        height: 52px;
    }

    .stu-news .r ul li .n-box .list-inline span {
        font-size: 16px;
    }

    .stu-news .r ul li .n-box p {
        margin-bottom: 23px;
    }

    .stu-sharing .s4-page span,
    .stu-news .s5-page span,
    .stu-abroad .s6-page span {
        height: 96px;
        line-height: 96px;
        font-size: 25.6px;
    }

    .stu-sharing .r ul li,
    .stu-news .r ul li {
        width: 46%;
        margin-left: 4%;
    }

    .stu-news .r ul li .n-box {
        padding: 24px 32px;
    }

    /*@学子分享、新闻资讯*/
    /*@文章、视频详情*/
    .stu-sharing .r .art-tit,
    .stu-sharing .r .art-desc {
        margin-left: 4%;
    }

    .stu-sharing .r .art-tit {
        font-size: 24px;
    }

    .stu-sharing .r ul.list-inline {
        font-size: 16px;
        margin: 16px auto;
    }

    .stu-sharing .r .art-desc p,
    .stu-sharing .r .art-desc p span {
        font-size: 16px;
        margin-bottom: 18px;
    }

    .stu-sharing .r dl,
    .stu-news .r dl {
        margin-left: 4%;
        margin-top: 24px;
    }

    /*@文章、视频详情*/
    /*投资者关系*/
    .inv-stock {
        padding: 64px 0px;
    }

    .inv-stock .l {
        width: 25%;
    }

    .inv-stock .r {
        width: 75%;
        padding: 40px;
    }

    .inv-stock .l .subtit h3,
    .inv-report .tit h2 {
        font-size: 28px;
    }

    .inv-stock .l .subtit p,
    .inv-stock .r ul > li,
    .s2-page .swiper-pagination-bullet {
        font-size: 19.2px;
    }

    .inv-stock .l .subtit:last-child h3 {
        font-size: 35px;
    }

    .inv-stock .l .subtit span {
        font-size: 16px;
    }

    .inv-stock .l .subtit {
        padding: 24px 0px;
    }

    .inv-stock .r ul > li {
        margin: 14px 0px;
    }

    .vd-banner-s2 .swiper-slide dl,
    .s3-wrap dl {
        padding: 48px 32px;
    }

    .vd-banner-s2 .swiper-slide dl dt,
    .s3-wrap dl dt {
        font-size: 24px;
        margin-bottom: 24px;
    }

    .vd-banner-s2 .swiper-slide dl dd,
    .s3-wrap dl dd {
        font-size: 17.6px;
    }

    .vd-banner-s2 .swiper-slide dl dd img,
    .s3-wrap dl dd img {
        width: 64px;
        height: 64px;
    }

    .s3-wrap > p {
        margin-bottom: 56px;
    }

    .s3-wrap > p a {
        font-size: 16px;
        width: 160px;
        height: 48px;
        line-height: 48px;
    }

    /*@投资者关系*/

    /*@录取动态*/
    .admission-list {
        padding: 64px 0px;
    }

    .navigation-2 a,
    .navigation-2 a span {
        font-size: 16px;
    }

    .navigation-2 .active a,
    .navigation-2 .active a span {
        font-size: 19.2px;
    }

    .years_box_title {
        font-size: 28.8px;
        padding-right: 40px;
    }
    .years_box_content h3 {
        font-size: 32px;
        font-family: "SourceHanSansK-Bold";
        color: #2990d0;
        height: 32px;
        line-height: 32px;
    }
    .years_box_content .events_box h4,
    .years_box_content .events_box dl > dt {
        font-size: 25.6px;
        margin-bottom: 15.625px;
    }

    .years_box_content .events_box dl > dt {
        margin-bottom: 16px;
    }

    .years_box_content .events_box p,
    .years_box_content .events_box dl > dt span,
    .years_box_content .events_box dl > dd {
        font-size: 18px;
    }

    /*@录取动态*/
}

@media screen and (max-width: 1600px) {
    .fix-width {
        width: 1200px;
    }

    .stu-sharing .r ul li .thum-img,
    .stu-sharing .r ul li .thum-img img {
        max-height: 242px;
    }

    .gotop {
        bottom: 4%;
    }
}

@media screen and (max-width: 1440px) {
    .fix-width {
        width: 1080px;
    }

    .nav-wrap li {
        padding: 0px 22px;
    }

    .idx-news .r ul li {
        padding: 30px;
    }

    .idx-news .r ul li .right {
        width: 66%;
    }

    .stu-sharing .r ul li .thum-img,
    .stu-sharing .r ul li .thum-img img {
        max-height: 222px;
    }

    .idx-sharing .r ul li .thum-img,
    .idx-sharing .r img {
        max-height: 222px;
    }

    footer .foot {
        display: block;
    }

    footer .foot {
        display: block;
    }

    footer .foot-right {
        display: flex;
        display: -webkit-flex;
    }

    .foot-right .hotline {
        display: flex;
        display: -webkit-flex;
        align-items: center;
        margin-right: 30px;
    }

    #dituContent,
    .contact-address .address ul {
        height: 426px !important;
    }
}

@media screen and (max-width: 1400px) {
    .fix-width {
        width: 1050px;
    }

    .nav-wrap li {
        padding: 0px 20px;
    }

    .idx-news .r ul li .right {
        width: 65%;
    }

    .idx-sharing .r ul li .thum-img,
    .idx-sharing .r img,
    .stu-sharing .r ul li .thum-img,
    .stu-sharing .r ul li .thum-img img {
        max-height: 216px;
    }

    .contact-address .address ul li a {
        padding: 15px 20px;
    }
}

@media screen and (max-width: 1366px) {
    .fix-width {
        width: 1020px;
    }

    .nav-wrap li {
        padding: 0px 18px;
    }

    .idx-sharing .r ul li .thum-img,
    .idx-sharing .r img,
    .stu-sharing .r ul li .thum-img,
    .stu-sharing .r ul li .thum-img img {
        max-height: 209px;
    }

    .idx-news .r ul li .left .creatdate {
        font-size: 20px;
    }

    .idx-news .r ul li .left .creatdate span {
        font-size: 16px;
    }

    .stu-sharing .r dl dt,
    .stu-news .r dl dt {
        width: 28%;
    }

    .stu-sharing .r dl dd,
    .stu-news .r dl dd {
        width: 72%;
    }

    .years_box_title {
        width: 26%;
    }

    .years_box_content {
        width: 74%;
    }

    .about-founder .l,
    .about-founder .r {
        height: 5.568rem;
    }
}

@media screen and (max-width: 1360px) {
    .fix-width {
        width: 1020px;
    }

    .foot .foot-nav dl dt,
    .foot .foot-nav dl dd {
        padding-right: 22px;
    }
}

@media screen and (max-width: 1280px) {
    .fix-width {
        width: 960px;
    }

    .nav-wrap li {
        padding: 0px 15px;
    }

    .stu-sharing .r ul li .thum-img,
    .stu-sharing .r ul li .thum-img img {
        max-height: 192px;
    }

    .stu-sharing .r dl,
    .stu-news .r dl {
        width: 95%;
    }

    .idx-sharing .subtit p,
    .idx-honour .subtit p,
    .idx-news .subtit p {
        font-size: 28.8px !important;
    }

    .idx-sharing .subtit h3,
    .idx-honour .subtit h3,
    .idx-news .subtit h3 {
        font-size: 22px;
    }

    #dituContent,
    .contact-address .address ul {
        height: 426px !important;
    }
}

@media screen and (max-width: 1220px) {
    .nav-wrap li {
        padding: 0 15px;
    }

    .head-ltool .list-li {
        display: none;
    }

    .head-ltool li {
        margin-left: 15px;
    }

    .vd-banner-s1 {
        min-width: 1000px;
    }

    .vd-banner-s1 .bantxt {
        width: 1000px;
    }

    .vd-banner-s1 .swiper-button-next,
    .vd-banner-s1 .swiper-button-prev {
        top: 58%;
    }

    .vd-banner-s1 .bantxt h2 {
        font-size: 46px;
    }

    .vd-banner-s1 .bantxt p {
        font-size: 21px;
    }

    .idx-about .tit {
        padding: 30px 0 24px;
        margin-bottom: 0px;
    }

    .idx-about .tit h2 {
        line-height: 1.2;
    }

    .idx-about .num-detail li {
        width: 116px;
    }

    .idx-about .num-detail {
        margin-top: 30px;
    }

    .idx-sharing .r {
        width: 79%;
        margin: 0px auto;
        overflow: hidden;
    }

    .idx-sharing .r img {
        width: 100%;
    }

    .idx-sharing .r .next-img {
        width: 610px;
        margin-left: 15px;
    }

    .idx-sharing .l {
        padding: 0px;
    }

    .icon-dianbg {
        margin-top: 22px;
    }

    .idx-sharing .fix-width,
    .idx-honour .fix-width {
        align-items: flex-start;
    }

    .idx-honour .l {
        width: 21%;
    }

    .idx-honour .r {
        width: 76%;
    }

    .idx-news .r ul li {
        padding: 24px;
    }

    .idx-news .r ul li .left .creatdate {
        padding-bottom: 25px;
    }

    .idx-news .r ul li .right {
        width: 58%;
    }

    .idx-news .r ul li .right .itit h3 {
        line-height: 1.6;
        margin-bottom: 10px;
    }

    .idx-sharing .r ul li .thum-img,
    .idx-sharing .r img,
    .stu-sharing .r ul li .thum-img,
    .stu-sharing .r ul li .thum-img img {
        max-height: 196px;
    }

    .s5-page {
        margin-top: 60px;
    }

    .vd-banner-s2 .swiper-slide {
        width: 1000px;
    }

    .s4-con .swiper-slide {
        width: 1000px;
    }

    .s4-con .swiper-slide > div {
        width: 480px;
    }

    .s4-con .swiper-slide img {
        height: 266px;
    }

    .s4-con .swiper-button-prev,
    .s4-con .swiper-button-next {
        height: 321px;
    }

    .s4-con .swiper-button-next {
        right: -500px;
    }

    .s4-con .swiper-button-prev {
        left: -500px;
    }

    .s4-con .swiper-button-next:after {
        /* right: 97%; */
        left: -32px;
    }

    .gotop {
        right: 10px;
        bottom: 4%;
        width: 30px;
        height: 30px;
        background-size: 24px;
    }

    footer .foot {
        display: block;
    }

    .foot .foot-nav dl dt,
    .foot .foot-nav dl dd {
        padding-right: 15px;
    }

    .foot-right {
        display: flex;
        display: -webkit-flex;
        flex-direction: row;
        align-items: center;
    }

    .foot-right .hotline img {
        width: 25px;
        height: 23px;
    }

    .foot-right .hotline {
        font-size: 20px;
    }

    .foot-right .qrcode {
        text-align: center;
    }

    .foot-right .qrcode ul li span {
        margin-top: 0px;
        margin-bottom: 10px;
    }

    .foot-right .qrcode ul li img {
        width: 100px;
        height: 100px;
    }

    .about-founder .r {
        padding-left: 0.6rem;
        padding-right: 2.4rem;
    }
}

@media screen and (max-width: 1152px) {
    .fix-width {
        width: 860px;
    }

    .nav-wrap li {
        padding: 0 8px;
    }

    .idx-sharing .r ul li .thum-img,
    .idx-sharing .r img,
    .stu-sharing .r ul li .thum-img,
    .stu-sharing .r ul li .thum-img img {
        max-height: 173px;
    }

    .years_box_title {
        width: 29%;
    }

    .years_box_content {
        width: 71%;
    }
}

@media screen and (max-width: 1024px) {
    .fix-width {
        width: 860px;
    }

    .idx-about {
        padding: 50px 0px;
    }

    .idx-news .fix-width {
        align-items: flex-start;
    }

    .idx-about .tit {
        padding: 15px 0 30px;
    }

    .idx-about .tit h2,
    .idx-strategic .tit h2,
    .idx-insurancea .tit h2,
    .idx-science .tit h2 {
        font-size: 23px;
    }

    .idx-about .txt-detail,
    .idx-strategic .txt-detail,
    .idx-insurancea .txt-detail,
    .idx-science .txt-detail {
        font-size: 18px;
        line-height: 1.6;
        height: auto;
        margin-bottom: 18px;
    }

    .idx-about .txt-detail span {
        font-size: 18px;
    }

    .nav-wrap li {
        padding: 0px 8px;
    }

    .head-ltool {
        display: none;
    }

    .vd-banner-s1 {
        min-width: 800px;
    }

    .vd-banner-s1 .bantxt {
        width: 800px;
        top: 55px;
        text-align: center;
    }

    .vd-banner-s1 .swiper-button-next,
    .vd-banner-s1 .swiper-button-prev {
        top: 60%;
    }

    .idx-about .num-detail li {
        width: 100px;
    }

    .idx-about .num-detail li:nth-child(2) {
        width: 94px;
    }

    .idx-about .num-detail {
        margin-top: 8px;
        margin-left: -17px;
    }

    .idx-sharing .r {
        width: 79%;
    }

    .idx-sharing .r img {
        width: 100%;
    }

    .idx-sharing .r .next-img {
        width: 500px;
        margin-left: 5px;
    }

    .idx-sharing .l {
        width: 21%;
        padding: 0px;
    }

    /* .idx-news .r ul li .right {
        width: 62%;
    } */

    .s5-page {
        margin-top: 0.54rem;
    }

    .s5-tab .look-more {
        bottom: -2.5rem !important;
    }

    .icon-dianbg {
        margin-top: 10px;
    }

    .vd-banner-s2 .swiper-slide {
        width: 800px;
    }

    .s4-page span,
    .s5-page span {
        width: auto;
        font-size: 16px;
        margin-right: 24px;
        margin-bottom: 0.5rem;
    }

    .vd-banner-s3 .swiper-button-next,
    .vd-banner-s3 .swiper-button-prev,
    .s2-wrap .swiper-button-next,
    .s2-wrap .swiper-button-prev,
    .about-timeline .about-timeline-prev,
    .about-timeline .about-timeline-next {
        top: 0.214rem;
    }

    .idx-honour .r p {
        font-size: 0.25rem;
    }

    .idx-strategic .l,
    .idx-insurancea .r,
    .idx-science .l {
        width: 50%;
        height: 400px;
    }

    .idx-strategic .r,
    .idx-insurancea .l,
    .idx-science .r {
        width: 50%;
        height: 400px;
    }

    .idx-strategic .l,
    .idx-science .l {
        margin-right: 0px;
        padding-right: 30px;
        box-sizing: border-box;
    }

    .idx-social .txt-detail {
        height: 192px;
        margin: 10px 0;
        -webkit-line-clamp: 6;
    }

    .idx-news .r ul li {
        padding: 19px;
    }

    .idx-news .r ul li .left {
        padding-right: 25px;
    }

    .idx-news .r ul li .right .itit h3 {
        font-size: 0.28rem;
        height: 0.893rem;
    }

    .vd-banner-s3 .swiper-button-next,
    .vd-banner-s3 .swiper-button-prev {
        top: 10px;
    }

    .development-wrap li:first-of-type {
        width: 150px;
        margin-left: 10px;
    }

    .development-wrap li:nth-child(2) {
        width: 150px;
        margin-left: 55px;
    }

    .development-wrap li:nth-child(3) {
        width: 170px;
        margin-left: 45px;
    }

    .development-wrap li:nth-child(3) div {
        padding-left: 10px;
    }

    .development-wrap li:nth-child(4) {
        width: 200px;
        margin-left: 20px;
    }

    .development-wrap li:nth-child(4) div {
        padding-left: 32px;
    }

    .s4-page {
        margin-top: 170px;
    }

    .s4-con .swiper-slide {
        width: 800px;
    }

    .s4-con .swiper-slide > div {
        width: 380px;
    }

    .s4-con .swiper-slide img {
        height: 210px;
    }

    .s4-con .swiper-button-next {
        right: -400px;
    }

    .s4-con .swiper-button-prev {
        left: -400px;
    }

    .s4-con .swiper-button-prev,
    .s4-con .swiper-button-next {
        height: 270px;
    }

    .s4-con .swiper-button-prev:before,
    .s4-con .swiper-button-next:after {
        top: 30%;
    }

    .s4-con .swiper-button-next:after {
        left: -32px;
    }

    .layuiBox1 {
        width: 712px;
        height: 415px;
    }

    .play-vi {
        padding-bottom: 48px;
    }
}

@media screen and (max-width: 860px) {
    /*首页*/
    .fix-width {
        width: 100%;
        padding: 0px 15px;
        margin: 0px auto;
        box-sizing: border-box;
        overflow: hidden;
    }

    .head-wrap {
        height: 80px;
        padding: 14px 0px;
    }

    .head-wrap .logo {
        width: 150px;
        height: 52px;
        margin-right: 0px;
        padding-top: 0px;
    }

    .vd-banner-s1-v {
        margin-top: 80px;
    }

    .nav-menu {
        width: 30px;
        height: 30px;
        margin-top: 10px;
    }

    .nav-wrap {
        display: none;
    }

    .nav-menu {
        display: block;
        cursor: pointer;
    }

    .nav-menu.menuClose,
    .hwl-menu-bg,
    .hwl-menu-list {
        display: block;
    }

    /*首页*/
    /*关于培诺*/
    .about-banner .banimg,
    .honour-banner .banimg {
        margin-top: 80px;
    }

    .about-description {
        padding-top: 1rem;
    }

    .about-history .about-tit {
        background: none;
        height: auto;
    }

    .about-history .about-tit h3 {
        color: #333333;
        padding-top: 0rem;
    }

    .about-timeline {
        margin-top: 0rem;
    }

    .about-timeline .swiper-container {
        padding-top: 0rem;
    }

    .about-timeline .swiper-pagination {
        display: none;
    }

    .about-timeline .about-timeline-prev,
    .about-timeline .about-timeline-next {
        display: block;
    }

    .about-timeline .about-timeline-prev {
        left: 0rem;
        top: 42%;
    }

    .about-timeline .about-timeline-next {
        right: 0rem;
        top: 42%;
    }

    .about-timeline .swiper-container {
        width: 80%;
    }

    .about-timeline .swiper-slide .year {
        font-size: 0.43rem;
    }

    .about-founder .l,
    .about-founder .r {
        width: 100%;
        padding: 0px 15px;
        box-sizing: border-box;
    }

    .about-founder .l,
    .about-founder .r {
        height: auto;
        background: #ffffff;
    }

    .idx-sharing .r ul li .thum-img,
    .idx-sharing .r img,
    .stu-sharing .r ul li .thum-img,
    .stu-sharing .r ul li .thum-img img {
        max-height: 166px;
    }

    .idx-news .r ul li .left .creatdate {
        padding-bottom: 15px;
    }

    .about-founder .r h3 {
        margin-top: 30px;
    }

    /*关于培诺*/
    /*首页联系我们悬浮框*/
    .side-nav-wrapper {
        display: none;
    }

    /*学子分享*/
    .stu-sharing .l,
    .stu-sharing .r,
    .stu-news .l,
    .stu-news .r,
    .stu-abroad .l,
    .stu-abroad .r {
        width: 100%;
    }

    .stu-sharing .s4-page span,
    .stu-news .s5-page span,
    .stu-abroad .s6-page span {
        width: 20%;
        display: inline-block;
        height: 1rem;
        line-height: 1rem;
    }

    .stu-sharing .s4-page span:first-child.active,
    .stu-sharing .s4-page span:last-child.active,
    .stu-sharing .s4-page span:first-child,
    .stu-sharing .s4-page span:last-child,
    .stu-news .s5-page span:first-child.active,
    .stu-news .s5-page span:last-child.active,
    .stu-news .s5-page span:last-child,
    .stu-news .s5-page span:first-child {
        background-size: 60%;
    }

    .stu-abroad .s6-page span {
        font-size: 0.37rem;
    }

    .stu-sharing .r ul li,
    .stu-news .r ul li {
        width: 50%;
        padding: 2%;
        margin-left: 0px;
        box-sizing: border-box;
    }

    .stu-sharing .r ul li a,
    .stu-news .r ul li .n-box {
        margin: 0px;
    }

    .stu-sharing .r ul li .thum-img,
    .stu-sharing .r ul li .thum-img img {
        max-height: 210px;
    }

    .stu-sharing .r .art-tit,
    .stu-sharing .r .art-desc {
        margin-left: 0px;
    }

    .stu-sharing .r .v-box {
        width: 100%;
        margin-left: 0px;
    }

    .stu-abroad .s6-page {
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        align-content: center;
    }

    .stu-abroad .r .art-desc {
        padding-left: 0px;
        padding-top: 0.53rem;
    }

    .stu-abroad .r .art-desc .art-tit {
        font-size: 0.32rem;
        margin-bottom: 0.32rem;
    }

    .stu-abroad .r .art-desc .txt-detail {
        font-size: 0.28rem;
        margin-bottom: 0.28rem;
    }

    .stu-abroad .s6-bg span:nth-child(1),
    .stu-abroad .s6-bg span:nth-child(1).active,
    .stu-abroad .s6-bg span:nth-child(2),
    .stu-abroad .s6-bg span:nth-child(2).active,
    .stu-abroad .s6-bg span:nth-child(3),
    .stu-abroad .s6-bg span:nth-child(3).active,
    .stu-abroad .s6-bg span:nth-child(4),
    .stu-abroad .s6-bg span:nth-child(4).active,
    .stu-abroad .s6-bg span:nth-child(5),
    .stu-abroad .s6-bg span:nth-child(5).active {
        background-size: 50%;
    }

    /*联系我们*/
    .contact-address .map,
    .contact-address .address {
        width: 100%;
    }

    /*联系我们*/

    /*投资者关系*/
    .inv-stock {
        padding: 40px 0px;
    }

    .inv-stock .l .subtit {
        padding: 15px 0px;
    }

    .inv-stock .l,
    .inv-stock .r {
        width: 100%;
    }

    .s2-page {
        left: 15px;
        right: 15px;
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
    }

    .s2-page .swiper-pagination-bullet {
        margin-right: 0px;
    }

    .vd-banner-s2 .swiper-slide dl,
    .s3-wrap dl {
        padding: 15px;
    }

    .vd-banner-s2 .swiper-slide dl dd:last-child,
    .s3-wrap dl dd:last-child {
        right: 15px;
        top: 15px;
    }

    /*投资者关系*/
    /*录取动态*/
    .admission-list {
        padding: 0.7rem 0rem;
    }

    .admission-list .l {
        display: none;
    }

    .admission-list .r {
        width: 100%;
    }

    .navigation_wrap {
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
    }

    .navigation-2 .line {
        background: transparent;
    }

    .years_box_content .events_box dl {
        padding: 0.36rem;
        margin-bottom: 0.27rem;
    }

    .years_box_title,
    .school-detail .years_box_title,
    .years_box_content,
    .school-detail .years_box_content {
        width: 100%;
    }

    .years_box_title {
        font-size: 0.42rem;
        margin-bottom: 0.5rem;
    }

    .school-detail .years_box_title {
        margin-bottom: 0.27rem;
    }
    .years_box_content h3 {
        font-size: 0.4375rem;
        font-family: "SourceHanSansK-Bold";
        color: #2990d0;
        height: 0.4375rem;
        line-height: 0.4375rem;
    }
    .years_box_content .events_box h4,
    .years_box_content .events_box h4 span,
    .years_box_content .events_box dl > dt {
        font-size: 0.35rem;
        margin-bottom: 0.25rem;
    }

    .years_box_content .events_box dl > dt {
        margin-bottom: 0.28rem;
    }

    .years_box_content .events_box dl > dt span {
        font-size: 0.28rem;
    }

    .years_box_content .events_box p,
    .years_box_content .events_box dl > dd {
        font-size: 0.28rem;
        margin-bottom: 0.5rem;
    }

    .years_box_content .events_box dl > dd {
        margin-bottom: 0px;
    }

    /*录取动态*/
}

@media screen and (max-width: 768px) {
    .head-wrap .fix-width {
        display: block;
    }

    .idx-about {
        padding: 0rem;
    }

    .idx-about .tit h2 {
        margin-bottom: 0rem !important;
    }

    .idx-about .fix-width {
        flex-flow: column;
    }

    .idx-strategic .l,
    .idx-insurancea .r,
    .idx-science .l {
        width: 100% !important;
        height: auto;
        overflow: hidden;
        margin: 0rem auto;
    }

    .idx-strategic .l img,
    .idx-insurancea .r img,
    .idx-science .l img {
        width: 100%;
        max-width: 5.3rem;
    }

    .idx-strategic .r,
    .idx-insurancea .l,
    .idx-science .r {
        width: 100%;
        height: auto !important;
        margin: 0rem auto;
        overflow: hidden;
        text-align: center;
    }

    .idx-about .fix-width,
    .idx-strategic .fix-width,
    .idx-insurancea .fix-width {
        padding: 0.27rem;
    }

    .idx-strategic {
        padding: 0rem;
    }

    .idx-about .l {
        width: 100%;
        height: auto;
        overflow: hidden;
        text-align: center;
    }

    .idx-about .r {
        width: 100%;
        height: auto;
        padding-left: 0rem;
        justify-content: center;
    }

    .idx-about .tit h2,
    .idx-strategic .tit h2,
    .idx-insurancea .tit h2,
    .idx-science .tit h2,
    .idx-news .tit h2 {
        margin-bottom: 30px;
    }

    .idx-strategic .l,
    .idx-science .l {
        margin-right: 0rem !important;
    }

    .idx-sharing,
    .idx-news {
        padding: 0rem;
    }

    .idx-news .r ul li .left .creatdate span {
        display: inline-block;
    }

    .idx-sharing .l,
    .idx-sharing .r,
    .idx-honour .l,
    .idx-honour .r,
    .idx-news .l,
    .idx-news .r {
        width: 100%;
        height: auto;
        overflow: hidden;
        margin: 0rem auto;
        padding: 0rem;
    }

    .idx-honour {
        padding: 0rem;
    }

    .idx-honour .l {
        margin-bottom: 0.27rem;
    }

    .idx-honour .r p {
        margin-top: 8px;
        text-align: center;
    }

    .idx-sharing .r ul li {
        padding: 0rem 0.15rem;
    }

    .idx-sharing .r ul li .thum-img,
    .idx-sharing .r ul li .thum-img img,
    .stu-sharing .r ul li .thum-img,
    .stu-sharing .r ul li .thum-img img {
        max-height: 200px;
    }

    .idx-news .r ul {
        margin-left: 10px;
    }

    .idx-news .r ul li {
        width: 48%;
        margin-left: 0rem;
    }

    .idx-news .r ul li .left .creatdate::after {
        background-color: transparent;
    }

    .idx-news .r ul li .right {
        width: 100%;
    }

    .s2-wrap .swiper-button-next,
    .s2-wrap .swiper-button-prev {
        margin-top: 0rem !important;
    }

    .s4-page,
    .s5-page {
        margin: 0.5rem 0rem;
        display: flex;
        flex-flow: row;
    }

    .s4-page span,
    .s5-page span {
        height: 0.54rem;
        margin-bottom: 0rem;
    }

    .vd-banner-s3 .swiper-button-next,
    .vd-banner-s3 .swiper-button-prev {
        top: 30%;
        background-color: rgba(255, 255, 255, 0.65);
    }

    .vd-banner-s3 .swiper-button-prev {
        left: 0;
        right: auto;
    }

    .layuiBox1 {
        width: 460px;
        height: 275px;
    }

    .idx-sharing .fix-width,
    .idx-honour .fix-width,
    .idx-news .fix-width {
        padding: 0.27rem;
    }

    .look-more {
        display: none;
    }

    footer {
        padding-top: 0rem;
    }

    footer .foot {
        display: none;
    }

    .copyright {
        padding: 0.27rem;
        font-size: 0.25rem;
        height: auto;
        flex-direction: column;
        box-sizing: border-box;
    }

    .copyright p {
        font-size: 14px;
        line-height: 1.6;
        display: block;
    }

    .copyright p:last-child {
        float: none;
    }

    /*公司简介*/
    .about-description .about-subtit {
        line-height: 1.6;
    }

    .about-cpc .description {
        padding: 0.5rem;
    }

    .honourlist {
        padding: 0.7rem 0rem;
    }

    .honour-tit {
        margin-bottom: 0.3rem;
    }

    .honourul li,
    .honourul2 li {
        width: 50%;
    }

    .honourul li .txt-detail,
    .honourul2 li .txt-detail {
        line-height: 1.6;
    }

    /*公司简介*/
}

@media screen and (max-width: 750px) {
    .stu-sharing .s4-page span,
    .stu-news .s5-page span {
        width: 50%;
        font-size: 0.32rem;
    }

    .stu-sharing .r ul li .thum-img,
    .stu-sharing .r ul li .thum-img img,
    .idx-sharing .r ul li .thum-img,
    .idx-sharing .r ul li .thum-img img {
        max-height: 194px;
    }

    .stu-sharing .txt-content .txt-detail {
        font-size: 0.32rem;
        height: 1rem;
    }

    .stu-sharing .txt-content span {
        font-size: 0.28rem;
        height: 0.89rem;
    }

    .stu-news .r ul li .n-box {
        padding: 15px;
    }

    .stu-news .r ul li .n-box h3 {
        font-size: 0.32rem;
        height: 1rem;
        margin-bottom: 0.32rem;
    }

    .stu-news .r ul li .n-box p {
        font-size: 0.28rem;
        height: 0.89rem;
        margin-bottom: 0.32rem;
    }

    .stu-news .r ul li .n-box .list-inline span {
        font-size: 0.25rem;
    }
}

@media screen and (max-width: 414px) {
    .stu-sharing .r ul li,
    .stu-news .r ul li,
    .idx-news .r ul li {
        width: 100%;
    }

    .stu-sharing .r ul li,
    .stu-news .r ul li {
        padding: 2% 0px;
    }

    .stu-abroad .s6-page span {
        font-size: 0.26rem;
    }

    .vd-banner-s2 .swiper-slide dl,
    .s3-wrap dl {
        width: 100%;
    }

    .vd-banner-s2 .swiper-slide dl dt,
    .s3-wrap dl dt {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .vd-banner-s2 .swiper-slide dl dd,
    .s3-wrap dl dd {
        font-size: 16px;
    }

    .vd-banner-s2 .swiper-slide dl dd img,
    .s3-wrap dl dd img {
        width: 50px;
        height: 50px;
    }

    .idx-sharing .r ul li {
        width: 100%;
        padding: 0px;
    }

    #dituContent,
    .contact-address .address ul {
        height: 340px !important;
    }

    .null-box img {
        margin-bottom: 0px;
    }

    .null-box p {
        bottom: 140px;
    }

    .inv-stock .r {
        padding: 0.27rem;
    }

    .inv-stock .r ul > li {
        font-size: 0.28rem;
        margin: 0.18rem 0px;
    }
}

/*在线咨询*/

#consulting {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    width: 650px;
    height: 430px;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: #fff;
    box-shadow: 0px 22px 34px 0px rgb(0 0 0 / 10%);
    border-radius: 12px;
    padding: 60px 0 40px 0;
    color: #5a5f7a;
    z-index: 99999;
}
#consulting svg {
    height: 16px;
    position: absolute;
    right: -60px;
    top: 30px;
    cursor: pointer;
}

#consulting .consulting_item {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

#consulting label {
    font-size: 17px;
    width: 90px;
}

#consulting .form-content {
    width: 330px;
}

.consulting_item input,
.consulting_item textarea,
.consulting_item select {
    border: 1px solid #dee3ec;
    border-radius: 6px;
    box-sizing: border-box;
}

.consulting_item input {
    width: 100%;
    height: 40px;
    padding: 0 20px;
}
.consulting_item textarea {
    width: 100%;
    height: 80px;
    line-height: 20px;
    padding: 10px 20px;
}
.consulting_item select {
    height: 40px;
    padding: 0 20px;
}

.consulting_btn {
    cursor: pointer;
    border-radius: 5px;
    background: #2990d0;
    color: #fff;
    padding: 10px 30px;
    font-size: 17px;
    margin-top: 10px;
}
.consulting_btn_cancel {
    background: #f5f5f5;
    color: #333;
}

#festival_banner {
    width: 100%;
    /*display: none;*/
}