* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html {
    font-size: 100px;
}

.home .header {
    background-color: #293241;
}

.home .banner {
    position: relative;
}

.main-1180 {
    width: 11.80rem;
    margin: auto;
    position: relative;
    z-index: 2;
}

.header {
    height: .8rem;
}

.header .header-list {
    width: 6.70rem;
    margin-left: 4rem;
}

.header .shadow-img {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.header .header-list a {
    display: inline-block;
    vertical-align: top;
    font-size: .18rem;
    color: #dcdcdc;
    cursor: pointer;
    height: .8rem;
    line-height: .8rem;
    padding-right: .2rem;
}

.header .header-list span:last-child {
    padding-right: 0;
}

.header .header-list span:hover {
    color: #fefefe;
}

.header .header-list span.active {
    color: #fefefe;
}

.header .logo {
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    width: 4rem;
}

.header .lang {
    position: absolute;
    top: .25rem;
    right: 0;
}

.header .lang span {
    display: inline-block;
    width: .27rem;
    height: .27rem;
    text-align: center;
    line-height: .27rem;
    border: solid 1px #e8e8e8;
    color: #fff;
    font-size: .12rem;
    border-radius: 50%;
    margin-left: .1rem;
    cursor: pointer;
}

.header .lang span:hover,
.header .lang span:active {
    color: #333;
    background: #fff;
}

.home #banner {
    height: calc(100vh - 5rem - .8rem - .58rem) !important;
}

.home #banner img {
    height: calc(100vh - 5rem - .8rem - .58rem) !important;
    width: 100%;
}

.home .banner .layui-carousel-ind {
    display: none;
}

.home .footer {
    height: .58rem;
    line-height: .58rem;
    background-color: #293241;
    color: #fff;
    font-size: .13rem;
}

.home .footer a {
    color: #fff;
    font-size: .13rem;
}

.home .footer .left {
    float: left;
}

.home .footer .right {
    float: right;
}

.home .bottom-main {
    width: 11.80rem;
    margin: auto;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: start;
    height: 5rem;
}

.bottom-main .left-tabs {
    width: 1.6rem;
    margin-right: .8rem;
    height: calc(5rem * 0.8);
    border-radius: .1rem;
    overflow: hidden;
}

.bottom-main .left-tabs li {
    height: calc(5rem * 0.8 / 5) !important;
    line-height: calc(5rem * 0.8 / 5) !important;
    font-size: 0;
    padding-left: .15rem;
    background: #1977af;
    cursor: pointer;
    border-bottom: 1px solid #efefef;
}

.bottom-main .left-tabs li:hover {
    background: #efc524;
}

.bottom-main .left-tabs li.active {
    background: #efc524;
}

.bottom-main .left-tabs li img {
    vertical-align: middle;
    width: .23rem;
    height: .23rem;
}

.bottom-main .left-tabs li p {
    display: inline-block;
    color: #fff;
    font-size: .18rem;
    vertical-align: middle;
    padding-left: .1rem;
}

.bottom-main .right-tab-panel {
    width: 6rem;
}

.right-tab-panel li {
    font-size: 0;
    line-height: .80rem;
}

.right-tab-panel .news-panel {
    height: calc(5rem * 0.8);
}

.right-tab-panel .person-panel {
    height: calc(5rem * 0.8);
}

.right-tab-panel .recruit-panel {
    height: calc(5rem * 0.8);
}

.right-tab-panel .about-panel {
    height: calc(5rem * 0.8);
}

.right-tab-panel .news-panel li {
    font-size: 0;
    line-height: .7rem;
}

.right-tab-panel .num {
    display: inline-block;
    width: .5rem;
    height: .5rem;
    line-height: .5rem;
    background: #1977af;
    border-radius: .1rem;
    vertical-align: middle;
    font-size: .28rem;
    color: #fff;
    text-align: center;
}

.right-tab-panel .content {
    display: inline-block;
    vertical-align: middle;
    padding-left: .1rem;
    width: calc(100% - .6rem);
    position: relative;
    padding-right: 1.2rem;
    font-family: SourceHanSansCN-Regular;
    line-height: initial;
    cursor: pointer;
}

.right-tab-panel .news-panel li:first-child .num {
    vertical-align: top;
}

.right-tab-panel .news-panel li:first-child .content {
    vertical-align: top;
}

.right-tab-panel .content .date {
    position: absolute;
    top: 50%;
    right: 0;
    font-size: .12rem;
    color: #999999;
    margin-top: -.1rem;
}

.right-tab-panel .content .title {
    font-size: .18rem;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 700;
    display: inline-block;
    height: 100%;
    width: 100%;
}

.right-tab-panel .content .detail {
    height: 1rem;
    overflow: hidden;
    line-height: .25rem;
    position: relative;
}

.right-tab-panel .content .detail .text {
    float: right;
    margin-left: -.25rem;
    width: 100%;
    word-break: break-all;
    font-size: .16rem;
    color: #333;
    text-align: justify;
}

.right-tab-panel .content .detail::before {
    float: left;
    width: .25rem;
    content: '';
    height: 1rem;
}

.right-tab-panel .content .detail::after {
    color: #333;
    font-size: .3rem;
    float: right;
    content: "...";
    height: .2rem;
    line-height: .2rem;
    padding-bottom: .1rem;
    width: 4rem;
    margin-left: -4rem;
    position: relative;
    left: 100%;
    top: -.28rem;
    padding-right: .25rem;
    text-align: center;
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(white), color-stop(50%, white));
    background: -moz-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
    background: -o-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
    background: -ms-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
    background: linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
}

.right-tab-panel .content .check-detail {
    display: inline-block;
    content: '查看详情';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 1rem;
    color: #1977af;
    font-size: .1rem;
    text-align: right;
    z-index: 999;
}

.home .hover-img {
    position: absolute;
    top: calc(100vh - 5rem - .8rem - .58rem - .2rem) !important;
    right: 0;
    width: 6.25rem;
}

.home .right-panel {
    width: 6rem;
    display: none;
}

.home .right-panel.news-panel {
    display: none;
}

.home .right-panel.about-panel {
    display: block;
    /*position: fixed;*/
    left: -10000000px;
}

.home .right-panel.about-panel.panel-active {
    position: static;
    left: 0;
}

.recruit-panel .content {
    margin-top: 0;
}

.right-panel .flex-main {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.right-panel .flex-main p {
    width: 2.5rem;
    height: 1.6rem;
    line-height: 1.6rem;
    text-align: center;
    color: #fff;
    font-size: .18rem;
    border-bottom: 1px solid #dcdcdc;
    border-right: 1px solid #dcdcdc;
    cursor: pointer;
    margin-bottom: .5rem;
    margin-right: .5rem;
    background: url("../img/index/bus1.jpg") no-repeat center center;
    background-size: cover;
    border-radius: 2px;
}

.right-panel .flex-main a:nth-child(n+2) p {
    background: url("../img/index/bus2.jpg");
}

.right-panel .flex-main a:nth-child(n+3) p {
    margin-bottom: 0;
    background: url("../img/index/bus3.jpg");
}

.right-panel .flex-main a:nth-child(n+4) p {
    background: url("../img/index/bus4.jpg");
}

.right-panel .flex-main a:nth-child(even) p {
    margin-right: 0;
}

.recruit-panel .content a {
    font-family: SourceHanSansCN-Regular;
    font-size: .12rem;;
    color: #1977af;
    position: absolute;
    right: 0;
    cursor: pointer;
}

.phone-panel .phone-title,
.phone-panel .addr-title {
    font-size: .18rem;
    color: #333;
    font-weight: 700;
    height: .5rem;
    line-height: .5rem;
}

.phone-panel .addr-title {
    margin-top: .3rem;
}

.phone-panel .phone,
.phone-panel .addr {
    font-size: .16rem;
    color: #333;
    height: .4rem;
    line-height: .4rem;
}

/*关于我们过长隐藏样式修改*/
.about-panel .about-txt .text-dot {
    height: 2.7rem;
    overflow: hidden;
    line-height: .25rem;
    position: relative;
}

.about-panel .about-txt .text-dot .text {
    float: right;
    margin-left: -.25rem;
    width: 6rem;
    word-break: break-all;
    color: #333;
    text-align: justify;
    font-family: SourceHanSansCN-Regular;
    font-size: .16rem;
    line-height: .3rem;
    text-indent: .38rem;
    display: block;
}

.about-panel .about-txt .text-dot::before {
    float: left;
    width: .25rem;
    content: '';
    height: 2.7rem;
}

.about-panel .about-txt .text-dot::after {
    color: #333;
    font-size: .3rem;
    float: right;
    content: "...";
    padding-bottom: .3rem;
    width: 100%;
    margin-left: -100%;
    position: relative;
    left: 100%;
    top: -.38rem;
    padding-right: .25rem;
    text-align: center;
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(white), color-stop(50%, white));
    background: -moz-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
    background: -o-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
    background: -ms-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
}

.about-panel .about-txt .check-detail {
    display: inline-block;
    content: '查看详情';
    position: absolute;
    right: 0;
    bottom: 0px;
    width: 1rem;
    color: #1977af;
    font-size: .1rem;
    text-align: right;
    z-index: 999;
}