.main {
    width: calc(85.417vw + 80px);
    margin: 0 auto;
}

.main_1400 {
    width: 72.917vw;
    margin: 0 auto;
}

.main_1200 {
    width: 62.500vw;
    margin: 0 auto;
}

.section1 {
    position: relative;
}

.section1 .item {
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: calc(100vh - 110px);
}

.section1 h2 {
    font-size: calc(64rem / 16);
    height: calc(250rem / 16);
    color: #000000;
    width: 100%;
    font-weight: bold;
    line-height: calc(120rem / 16)
}

.section1 h2 em {
    margin-left: calc(280rem / 16);
    font-weight: bold;
}

.section1 h2 strong {
    color: #ff0030;
    font-weight: bold;
}


.indexBaner .text {
    position: absolute;
    top: 50%;
    z-index: 10;
    left: 0;
    width: 100%;
    /* height: 100%; */
    transform: translateY(-50%);
    display: flex;
    align-items: center;
}

.text .typed-text {
    font-size: calc(64rem / 16);
    height: calc(250rem / 16);
    color: #000000;
    width: 100%;
    font-weight: bold;
    line-height: calc(120rem / 16)
}

.text .typed-text em {
    margin-left: calc(280rem / 16);
    font-weight: bold;
}

.text .typed-text strong {
    color: #ff0030;
    font-weight: bold;
}


.section1 i {
    margin-top: calc(20rem / 16)
}

.section1 .dow {
    position: absolute;
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 6;
    bottom: 50px;
}

.section1 .dow .scroll-down span {
    position: relative;
    display: block;
    width: 34px;
    height: 55px;
    border: 2px solid #ff0030;
    border-radius: 100px;
    margin: auto;
    cursor: pointer;
}

.section1 .dow .scroll-down span:before {
    content: "\A";
    width: 3px;
    height: 12.5px;
    position: absolute;
    top: 30px;
    background: #ff0030;
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 100px;
    opacity: 1;
    animation: mouse 2s infinite;
}

.section1 .dow .scroll-down:after {
    content: "\A";
    position: absolute;
    z-index: 1;
    bottom: -15px;
    left: calc(50% - 6px);
    width: 12px;
    height: 12px;
    border-left: 2px solid #ff0030;
    border-bottom: 2px solid #ff0030;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: all .3s linear 0s;
    -o-transition: all .3s linear 0s;
    -moz-transition: all .3s linear 0s;
    transition: all .3s linear 0s;
    box-sizing: border-box;
    -webkit-animation: 2s arrow_down 1s infinite;
    -moz-animation: 2s arrow_down 1s infinite;
    -ms-animation: 2s arrow_down 1s infinite;
    -o-animation: 2s arrow_down 1s infinite;
    animation: 2s arrow_down 1s infinite;
}

@-webkit-keyframes mouse {
    from {
        opacity: 1;
        top: 10px
    }

    to {
        opacity: 0;
        top: 30px
    }
}

@keyframes mouse {
    from {
        opacity: 1;
        top: 10px
    }

    to {
        opacity: 0;
        top: 30px
    }
}


@-webkit-keyframes arrow_down {
    0% {
        -webkit-transform: rotate(-45deg) translate(0, 0)
    }

    20% {
        -webkit-transform: rotate(-45deg) translate(-10px, 10px)
    }

    40% {
        -webkit-transform: rotate(-45deg) translate(0, 0)
    }
}

@keyframes arrow_down {
    0% {
        transform: rotate(-45deg) translate(0, 0)
    }

    20% {
        transform: rotate(-45deg) translate(-10px, 10px)
    }

    40% {
        transform: rotate(-45deg) translate(0, 0)
    }
}



.section2 .item {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    height: 100vh;
    align-items: center;
}

.section2 .item .fl {
    width: 50%;
}

.section2 .item .fl .had h3 {
    font-size: calc(64rem / 16);
    color: #000000;
    font-weight: bold;
}

.section2 .item .fl .had p {
    font-size: calc(32rem / 16);
    color: #000;
    margin-top: calc(2.083vw + 10px);
    line-height: calc(40rem / 16)
}

.section2 .item .fl .list ul {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 2.083vw;
}

.section2 .item .fl .list ul li {
    text-align: center;
    color: #000000;
}

.section2 .item .fl .list ul li strong {
    font-size: calc(26rem / 16);
}

.section2 .item .fl .list ul li p {
    font-size: calc(56rem / 16);
    margin-top: calc(6rem / 16)
}

.section2 .item .fr {
    position: relative;
    width: 44.7%;
}

.section2 .item .fr a {
    font-size: calc(48rem / 16);
    font-weight: bold;
    position: relative;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
    cursor: pointer;
}

.section2 .item .fr a:after {
    content: '';
    background: url('../png/icon69.png') no-repeat left center;
    width: 16px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    margin-top: -2px;
}

.section2 .item .fr a:hover {
    color: #e4002b;
}

.section2 .item .fr .a1 {
    position: absolute;
    top: 0px;
    text-align: center;
    width: 100%;
}

.section2 .item .fr .a2 {
    position: absolute;
    left: 0px;
    bottom: 0px;
}

.section2 .item .fr .a3 {
    position: absolute;
    right: 0px;
    bottom: 0px;
}

/* .section2 .item .fr .a1:before { content: ''; background: url('../images/icon70.png') no-repeat center center; width: calc(46rem / 16); height:calc(46rem / 16); background-size: calc(46rem / 16); position: absolute;  left: 43.8%; bottom:-39px; opacity: 0; transition: all 0.6s; -webkit-transition: all 0.6s; }
.section2 .item .fr .a1:hover:before { opacity: 1; }
.section2 .item .fr .a2:before { content: ''; background: url('../images/icon70.png') no-repeat center center; width: calc(46rem / 16); height:calc(46rem / 16); background-size: calc(46rem / 16);  position: absolute;  left: 33.5%; top:-55px; opacity: 0; transition: all 0.6s; -webkit-transition: all 0.6s; }
.section2 .item .fr .a2:hover:before { opacity: 1; }
.section2 .item .fr .a3:before { content: ''; background: url('../images/icon70.png') no-repeat center center; width: 46px; height: 46px; position: absolute;  left: 33.9%; top:-54px; opacity: 0; transition: all 0.6s; -webkit-transition: all 0.6s; }
.section2 .item .fr .a3:hover:before { opacity: 1; } */

.section2 .item .fr .text {
    position: absolute;
    left: 0px;
    top: 0px;
}

.m_link {
    margin-top: 3.125vw;
}

.section3 .m_link p {
    font-size: 22px;
    font-weight: bold;
    color: #e4002b;
    display: inline-block;
    border-bottom: 1px solid #e4002b;
}

.m_link a {
    font-size: 18px;
    color: #e4002b;
    /* text-decoration: underline; */
    border-bottom: 1px solid #e4002b;
}

.m_link a:hover {
    color: #e4002b;
    /* text-decoration: underline; */
}

.m_link1 {
    margin-top: 3.125vw;
}

.m_link1 a {
    font-size: 18px;
    color: #fff;
}

.m_link1 a:after {
    content: '';
    background: url('../png/icon53.png') no-repeat left center;
    width: 40px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}

.m_link1 a:hover {
    text-decoration: underline;
}


.part1,
.part2 {
    background: url('../png/fh.png') no-repeat left center;
    width: 15px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    animation: scrollarr 1.4s linear infinite;
    opacity: 0;
}

@keyframes scrollarr {
    0% {
        opacity: 0;
        transform: translateX(-7px);
    }

    30% {
        transform: none;
        opacity: 1;
    }

    100% {
        transform: translateX(7px);
        opacity: 0;
    }
}

.part1 {
    margin-left: 8px;
    animation-delay: 0s;
}

.part2 {
    animation-delay: 0.4s;
}


.section3 .item {
    display: flex;
    justify-content: center;
    flex-direction: column;
    /* height: 100vh; */
    height: 32.292vw;
}

.section3 h2 {
    font-size: calc(64rem / 16);
    color: #000000;
    width: 100%;
    font-weight: bold;
}

.section3 h2 strong {
    color: #ff0030;
    margin-right: calc(20rem / 16);
    font-weight: bold;
}

.section3 i {
    margin-top: calc(20rem / 16)
}

.footer {
    background: #941e22 url('../png/icon5.png') no-repeat left top;
    /* padding: calc(3.125vw + 10px) calc(2.083vw + 10px); */
    padding: calc(3.125vw + 10px) calc(2.083vw + 10px) calc(1.125vw + 10px);
}

.footer .item {
    display: flex;
    flex-direction: row;
}

.footer .logo {
    width: calc(267rem / 16);
    flex: 0 0 auto;
}

.footer .logo img {
    width: 100%;
}

.footer .fr {
    flex: 1;
    /* padding-left: 11%; */
    /* padding-left: 10vw; */
}

.footer .fr .nav a {
    display: block;
    font-size: calc(20rem / 16);
    font-weight: bold;
    color: #fff;
    margin-bottom: calc(10rem / 16);
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
}

.footer .fr .nav a:after {
    content: '';
    background: url('../png/icon6.png') no-repeat left center;
    width: 8px;
    height: 12px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}

.footer .fr .nav a:hover {
    color: #e4002b;
}

.footer .fr .had {
    /* padding-right: 10%; */
    /* padding-right: 5%; */
    /* justify-content: space-between; */
    justify-content: space-evenly;
    display: flex;
    align-items: flex-start;
    flex-direction: row;
}

.footer .fr .dow {
    margin-top: calc(30rem / 16);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.footer .fr .dow .text {
    color: #fff;
    font-size: 14px;
    display: flex;
    flex-direction: row;
}

.footer .fr .dow .text p {
    margin-left: 20px;
}

.footer .fr .dow .text p a {
    color: #fff;
}

.footer .fr .dow .text p span {
    color: #a2a2a2;
}

.footer .fr .dow .text p a:hover {
    text-decoration: underline;
}

.footer .fr .dow .con {
    font-size: 14px;
    color: #a3a3a3;
    line-height: calc(25rem / 16)
}

.footer .fr .dow .con i {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    margin-left: 8px;
    margin-top: -2px;
}

.footer .fr .tel p {
    margin-bottom: calc(15rem / 16);
    display: flex;
    flex-direction: row;
    color: #fff;
    line-height: calc(22rem / 16);
    font-size: calc(18rem / 16);
}

.footer .fr .tel p i {
    width: calc(20rem / 16);
    height: calc(20rem / 16);
    margin-right: calc(10rem / 16);
    flex: 0 0 auto;
}

.footer .fr .tel p i img {
    margin-top: 1px;
}

.footer .fr .list ul {
    display: flex;
    flex-direction: row;
}

.footer .fr .list ul li {
    margin-right: calc(20rem / 16);
    text-align: center;
}

.footer .fr .list ul li p {
    margin-top: calc(15rem / 16);
    color: #fff;
    font-size: 14px;
}

.footer .new-list {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    font-size: calc(20rem / 16);
    font-weight: bold;
    color: #fff;
}

.footer .new-list .title {
    margin-bottom: 20px;
}

.footer .new-list .title::after {
    content: '';
    background: url('../png/icon6.png') no-repeat left center;
    width: 8px;
    height: 12px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}

.footer .new-list .icon-list {
    display: flex;
    margin-left: calc(10rem / 16);
}

.footer .new-list .icon-list a {
    position: relative;
    margin-right: calc(10rem / 16);
}

.footer .new-list .icon-list .qr-pic {
    display: none;
    position: absolute;
    top: calc(100% + 15px);
    left: 50%;
    transform: translateX(-50%);
    width: 120px;
}

.footer .new-list .icon-list .qr-pic::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -100%);
    z-index: -1;
    display: inline-block;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-bottom-color: #fff;
}

.footer .new-list .icon-list a:hover .qr-pic{
    display: block;
}

.banner_x .had {
    /* min-height: 80vh; */
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    /* padding-bottom: calc(15vh) */
    /* padding-top: calc(100rem / 16); padding-bottom: calc(100rem / 16);  */
    /* min-height: 60vh; */
    /* padding-top: calc(20vh);
    padding-bottom: calc(15vh); */



    /* 2022-10-17 */
    padding-bottom: calc(3vh);
    padding-top: calc(10vh);
}

.banner_x .had h2 {
    font-size: calc(64rem / 16);
    font-weight: bold;

}

.banner_x.new_x .had h2 {
    display: none;
}

.banner_x .had p {
    font-size: calc(32rem / 16);
    width: 100%;
    margin-top: calc(32rem / 16);
    line-height: calc(42rem / 16)
}

.banner_x .had p strong {
    color: #e4002b;
}

.banner_x .had_b {
    padding-bottom: calc(5vh);
}

.banner_x .had_b em{
    font-style: italic;
}


.banner_x .text {
    padding-bottom: calc(4.167vw + 40px);
}

.banner_x .text h3 {
    font-size: calc(48rem / 16);
}

.banner_x .text p {
    font-size: calc(36rem / 16);
    margin-top: calc(2.083vw - 5px);
}

.banner_x .text p strong {
    color: #e4002b;
    font-weight: bold;
}

.m_grey {
    background: #f4f4f4;
    padding: calc(4.167vw + 40px) 0rem;
}

.m_grey_box {
    padding-top: calc(2.083vw + 20px);
    padding-bottom: calc(2.083vw + 60px);
    background: #f5f5f5;
}


.about {
    overflow: hidden;
}

.about ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-left: calc(-25rem / 16);
    margin-right: calc(-25rem / 16)
}

.about ul li {
    width: 33.33%;
    padding: 0rem calc(25rem / 16);
}

.about ul li .item {
    background: #fff;
    height: 100%;
    padding: calc(50rem / 16);
}

.about ul li .item .icon img {
    margin: 0 auto;
    width: calc(91rem / 16);
    height: calc(106rem / 16);
}

.about ul li .item h3 {
    margin-top: calc(40rem / 16);
    text-align: center;
    font-size: calc(48rem / 16)
}

.about ul li .item .text {
    margin-top: calc(30rem / 16)
}

.about ul li .item .text p {
    font-size: calc(20rem / 16);
    margin-top: calc(15rem / 16);
    line-height: calc(30rem / 16);
    /*text-align: justify;*/
}

.about ul li .item .text p strong {
    font-weight: bold;
}

.about1 ul li {
    border-bottom: 1px solid #cfcfcf;
    padding: calc(4.167vw + 20px) 0px;
}

.about1 ul li .item {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.about1 ul li .item .img {
    width: 45%;
}

.about1 ul li .item .img img {
    margin: 0 auto;
}

.about1 ul li .item .text {
    width: 45%;
}

.about1 ul li .item .text h3 {
    font-size: calc(48rem / 16);
}

.about1 ul li .item .text p {
    font-size: calc(30rem / 16);
    margin-top: calc(30rem / 16)
}

.about1 ul li:nth-child(2n) .item {
    display: flex;
    flex-direction: row-reverse;
}

.group {
    overflow: hidden;
    padding-bottom: calc(120rem / 16);
}

.group ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-left: -5px;
    margin-right: -5px;
}

.group ul li {
    width: 20%;
    padding: 5px;
}

.group ul li .con {
    background: #fff;
    height: 100%;
    padding: calc(30rem / 16);
    padding-bottom: calc(40rem / 16);
    position: relative;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
}

.locations ul li .con{
    display: flex;
    flex-direction: column;
    align-items: stretch;
}
.locations ul li .con .m_link{
    margin-top: auto;
    margin-bottom: 0;
}

.group ul li .img {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 80px;
    padding: 5px 0px;
}

.group ul li .img .img_2 {
    display: none;
}

.group ul li .text {
    width: 100%;
    position: relative;
    /* padding-bottom: 50px;  */
}

.group ul li .text p {
    font-size: calc(18rem / 16);
    line-height: calc(24rem / 16);
    margin-top: calc(20rem / 16);
    text-align: center;

    height: calc(96em / 18);
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;;
}

.group ul li .m_link {
    margin-top: calc(18rem / 16);
    text-align: center;
    /* position: absolute; */
    left: 0px;
    width: 100%;
    bottom: calc(40rem / 16);
}

.group ul li:hover .con {
    background: #e4002b;
}

.group ul li:hover .con p {
    color: #fff;
}

.group ul li:hover .con .m_link {
    color: #fff;
}

.group ul li:hover .con .m_link a {
    color: #fff;
}

.group ul li:hover .img .img_2 {
    display: block;
}

.group ul li:hover .img .img_1 {
    display: none;
}

.locations ul li .con {
    padding: calc(30rem / 16);
}

.locations ul li {
    width: 25%;
}

.locations ul li .text h3 {
    font-size: calc(24rem / 16);
    font-weight: bold;
    text-align: center;
}

.locations ul li:hover .text h3 {
    color: #fff;
}

.locations ul li .m_link a {
    color: #333333;
    text-decoration: none;
}

.locations ul li .m_link a:after {
    content: '';
    background: url('../png/loc1.png') no-repeat left center;
    display: inline-block;
    vertical-align: middle;
    margin-left: 8px;
    width: calc(26rem / 16);
    height: calc(26rem / 16);
    background-size: calc(26rem / 16);
    margin-top: -2px;
}

/* .locations ul li .text { padding-bottom: 60px; } */
.locations ul li .m_link {
    bottom: calc(30rem / 16);
    margin-top: calc(20rem / 16);
}

.locations ul li .text .nr {
    margin-top: calc(20rem / 16);
    margin-bottom: calc(20rem / 16);
}

.locations ul li .text p {
    margin-top: 0rem;
    height: auto;
}

.locations ul li .text p:first-of-type{
    height: auto;
    margin-bottom: .75em;
}



.locations_had .tit {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    /* margin-top: calc(50rem / 16);  */
    margin-bottom: calc(50rem / 16);
}

.locations_had .tit a {
    font-weight: bold;
    padding: 0 calc(50rem / 16);
    height: calc(60rem / 16);
    line-height: calc(60rem / 16);
    display: block;
    border: 1px solid #9a9a9a;
    border-radius: calc(50rem / 16);
    font-size: calc(26rem / 16);
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
    margin: calc(5rem / 16) 0;
    margin-right: calc(15rem / 16);
}

.locations_had .tit a:hover {
    background: #e4002b;
    color: #fff;
    border: 1px solid #e4002b;
}

.locations_had .tit a.active {
    background: #e4002b;
    color: #fff;
    border: 1px solid #e4002b;
}

.locations_had .had {
    text-align: center;
}

.locations_had .had h3 {
    font-size: calc(48rem / 16);
    color: #000000;
    font-weight: bold;
}

.locations_had .had p {
    font-size: calc(24rem / 16);
    width: 52%;
    margin: 0 auto;
    margin-top: calc(25rem / 16);
    line-height: calc(30rem / 16);
    color: #4c4c4c;
}



.awards .had {
    padding-bottom: calc(3.125vw + 20px);
    border-bottom: 1px solid #d9d9d9;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.awards .had .tit {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.awards .had .tit a {
    font-weight: bold;
    padding: 0 calc(36rem / 16);
    height: calc(64rem / 16);
    line-height: calc(64rem / 16);
    display: block;
    border: 1px solid #9a9a9a;
    border-radius: calc(50rem / 16);
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
    margin: calc(5rem / 16) 0;
    margin-right: calc(15rem / 16);
}

.awards .had .tit a:hover {
    background: #e4002b;
    color: #fff;
    border: 1px solid #e4002b;
}

.awards .had .tit a.active {
    background: #e4002b;
    color: #fff;
    border: 1px solid #e4002b;
}

.awards .list ul li {
    /* padding: calc(2.083vw + 20px) 0; */
    padding: calc(1.042vw) 0;
    border-bottom: 1px solid #d9d9d9;
}

.awards .list ul li .link {
    display: flex;
    flex-direction: row;
}

.awards .list ul li .img {
    width: calc(460rem / 16);
    height: calc(280rem / 16);
    overflow: hidden;
}

.awards .list ul li .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
}

.awards .list ul li .text {
    width: calc(100% - 460rem / 16);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: calc(30rem / 16);
    padding-left: calc(2.083vw + 20px);
}

.awards .list ul li .text h3 {
    font-size: calc(30rem / 16);
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
}

.awards .list ul li .text p {
    font-size: 18px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.awards .list ul li .text p strong {
    margin-right: calc(30rem / 16);
    position: relative;
    color: #666666;
}

.awards .list ul li .text p strong:before {
    content: '';
    background: #e4002b;
    width: 6px;
    height: 6px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 50%;
    margin-right: 8px;
    margin-top: -2px;
}

.awards .list ul li .link:hover .img img {
    transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
}

.awards .list ul li .link:hover .text h3 {
    color: #e4002b;
}

.m_xl {
    margin: calc(5rem / 16) 0;
}

.m_xl dl {
    position: relative;
    z-index: 77;
    width: calc(16.146vw + 45px);
}

.m_xl dl dt {
    padding: 0px calc(30rem / 16);
    border-radius: calc(50rem / 16);
    appearance: none;
    -webkit-appearance: none;
    background: url('../png/icon25.png') no-repeat 90% center;
    outline: none;
    border: 1px solid #9a9a9a;
    text-align: left;
    position: relative;
    z-index: 3;
    cursor: pointer;
    height: calc(64rem / 16);
    line-height: calc(64rem / 16);
    font-size: calc(24rem / 16);
    width: 100%;
}

.m_xl dl dd {
    display: none;
    left: 0px;
    background: #fff;
    position: absolute;
    left: 0px;
    top: calc(64rem / 16);
    width: 100%;
    z-index: 0;
    box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.1);
    text-align: left;
    border-radius: 5px;
}

.m_xl dl dd a {
    display: block;
    display: block;
    padding: calc(15rem / 16) calc(20rem / 16);
    border-bottom: 1px solid #eaeaea;
    font-size: calc(20rem / 16)
}

.m_xl dl dd a:hover {
    background: #e4002b;
    color: #fff;
}


.m_pd {
    padding-bottom: calc(3.125vw + 30px);
}

.pagebox {
    position: relative;
}

.pagebox ul {
    margin-top: calc(2.083vw + 10px);
    line-height: calc(60rem / 16);
    display: flex;
    flex-direction: row;
}

.pagebox ul .page {
    font-size: calc(20rem / 16);
    display: none;
}

.pagebox ul .page.selected {
    font-size: calc(30rem / 16);
    display: block;
}

.pagebox ul .previous a {
    background: url('../png/icon26.png') no-repeat left center;
    width: calc(60rem / 16);
    background-size: calc(60rem / 16) auto;
    height: calc(60rem / 16);
    position: absolute;
    right: calc(70rem / 16);
    top: 0px;
}

.pagebox ul .next a {
    background: url('../png/icon27.png') no-repeat left center;
    width: calc(60rem / 16);
    background-size: calc(60rem / 16) auto;
    height: calc(60rem / 16);
    position: absolute;
    right: 0px;
    top: 0px;
}

.pagebox ul .first {
    display: none;
}

.pagebox ul .last {
    display: none;
}

.pagebox ul .page i {
    font-size: calc(20rem / 16);
}


.leadership {
    overflow: hidden;
}

.leadership ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-left: calc(-0.729vw + 1px);
    margin-right: calc(-0.729vw + 1px)
}

.leadership ul li {
    width: 25%;
    padding: calc(0.729vw + 1px);
}

.leadership ul li .link {
    background: #fff;
    display: block;
    padding-bottom: calc(1.042vw + 10px);
    position: relative;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
    height: 100%;
}

.leadership ul li .link:after {
    content: '';
    background: url('../png/icon30.png') no-repeat center bottom;
    width: calc(20rem / 16);
    height: calc(21rem / 16);
    background-size: calc(20rem / 16) auto;
    position: absolute;
    bottom: calc(10rem / 16);
    left: 0px;
    width: 100%;
    opacity: 0;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
}

.leadership ul li .link .img {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 20vw;
}

.leadership ul li .link .img img {
    width: calc(10.417vw + 80px);
    height: calc(10.417vw + 80px);
    border-radius: 50%;
    object-fit: cover;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
}

@media (min-width: 960px) {

    .leadership ul li .link:hover .img img {
        width: 100%;
        height: 100%;
        border-radius: inherit;
    }

}


.leadership ul li .link .text {
    padding: calc(0.521vw + 5px);
    text-align: center;
}

.leadership ul li .link .text h3 {
    font-size: calc(26rem / 16);
    font-weight: bold;
}

.leadership ul li .link .text p {
    font-size: calc(18rem / 16);
    margin-top: calc(2rem / 16);
}

.leadership ul li .link .pic {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 23.958vw;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
}

.leadership ul li .link .pic img {
    width: calc(17.500vw + 4px);
    height: calc(17.500vw + 4px);
    border-radius: 50%;
    object-fit: cover;
    transform: scale(1.5, 1.5);
    -webkit-transform: scale(1.5, 1.5);
    transition: all 1s;
    -webkit-transition: all 1s;
}

.leadership ul li .link:hover:after {
    bottom: calc(25rem / 16);
    opacity: 1;
}


.leadershipcon {
    background: url('../png/icon32.png') no-repeat center top;
    background-size: cover;
    /* padding-top: 32px; */
}

.leadershipcon .item {
    display: flex;
    flex-direction: row;
    position: relative;
}

.leadershipcon .item .fl {
    width: 41.6%;
    position: relative;
    display: flex;
    flex-direction: column;
    /* justify-content: space-between; */
    /* padding-top: calc(12.500vw - 20px); padding-bottom: calc(5.208vw + 10px);  */
    justify-content: center;
}

.leadershipcon .item .text strong {
    display: block;
    font-size: calc(36rem / 16);
}

.leadershipcon .item .text h3 {
    font-size: calc(70rem / 16);
    font-weight: bold;
    margin-top: 0.400vw;
}

.leadershipcon .item .text .con {
    margin-top: calc(20rem / 16);
    margin-bottom: calc(50rem / 16);
}

.leadershipcon .item .text p {
    font-size: calc(28rem / 16);
    line-height: calc(36rem / 16)
}

.leadershipcon .item .img {
    width: 58.4%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.leadershipcon .link {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
}

.leadershipcon .link h6 {
    margin-left: calc(16rem / 16);
}

.leadershipcon .link h6 span {
    display: block;
    font-size: 18px;
}

.leadershipcon .link h6 em {
    display: block;
    font-size: 24px;
    font-weight: bold;
}

.leadershipcon .link:hover h6 em {
    color: #e4002b;
}

.leadershipcon .link:hover h6 span {
    color: #e4002b;
}

.leadershipcon .link i img {
    width: calc(60rem / 16);
    height: calc(60rem / 16);
}

.solutions h3 {
    font-size: calc(48rem / 16)
}

.solutions dl dt {
    font-size: calc(36rem / 16)
}

.solutions .item dl dt {
    font-size: calc(36rem / 16);
    border-bottom: 1px solid #dedede;
    padding: calc(30rem / 16) 0;
    background: url('../png/icon35.png') no-repeat right center;
    cursor: pointer;
}

.solutions .item dl dd {
    width: 50%;
    padding-bottom: calc(40rem / 16);
    padding-top: calc(20rem / 16);
}

.solutions .list .item .m_link {
    display: none;
}

.solutions .list .item:nth-of-type(3) .m_link {
    display: block;
    margin-top: 0;
}

.solutions .m_link a {
    display: inline-block;
    padding: 10px 30px;
    margin-top: 30px;
    background-color: #fff;
    border-radius: 40px;
    font-size: calc(23rem / 16);
    /* color: #fff; */
}

.solutions .item dl dd p {
    font-size: calc(22rem / 16);
    margin-top: calc(20rem / 16);
}

.solutions .item dl dd ul {
    padding-left: 22px;
}

.solutions .item dl dd ul li {
    font-size: calc(22rem / 16);
    list-style-type: disc;
}

.solutions .list {
    /* margin-top: calc(30rem / 16);*/
}

.solutions .item.active {
    background: #ad1f23 url('../png/icon37.png') no-repeat left center;
}

.solutions .item.active dl dt {
    color: #fff;
    background: url('../png/icon36.png') no-repeat right center;
}

.solutions .item.active dl dd {
    color: #fff;
    line-height: calc(32rem / 16);
    text-align: justify;
}


.solutions1 {
    padding: calc(2.083vw + 60px) 0;
}

.solutions1 h3 {
    font-size: calc(48rem / 16)
}

.solutions1 .list {
    margin-top: calc(30rem / 16);
    overflow: hidden;
}

.solutions1 .list ul {
    margin-left: calc(-13rem / 16);
    margin-right: calc(-13rem / 16);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.solutions1 .list ul li {
    width: 25%;
    padding: calc(13rem / 16);
}

.solutions1 .list ul li .item {
    background: #fff;
    padding: 1.042vw;
    text-align: center;
    display: block;
}

.solutions1 .list ul li .item .icon {
    height: calc(2.083vw + 130px);
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #e4e4e4;
}

.solutions1 .list ul li .item .icon img {
    margin: 0 auto;
    height: calc(90rem / 16);
}

.solutions1 .list ul li .item p {
    text-align: center;
    margin-top: calc(20rem / 16);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    font-size: calc(28rem / 16);
}

.solutions1 .list ul li .item i {
    width: calc(40rem / 16);
    height: calc(40rem / 16);
    margin-left: calc(12rem / 16);
    flex: 0 0 auto;
}

.solutions1 .list ul li .item:hover p strong {
    color: #e4002b;
}

.return a {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: calc(18rem / 16);
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: calc(2.083vw + 20px);
    cursor: pointer;
}

.return a:hover {
    color: #e4002b;
    text-decoration: underline;
}

.return a i {
    margin-right: 12px;
}

.solutionscon .tit {
    margin-top: calc(2.083vw + 30px);
}

.solutionscon .tit h2 {
    font-size: calc(64rem / 16);
    font-weight: bold;
    text-align: center;
}

.solutionscon .item {
    margin-top: calc(3.125vw + 20px);
}

.solutionscon .item h3 {
    font-size: calc(32rem / 16)
}

.solutionscon .item p {
    font-size: calc(20rem / 16);
    margin-top: calc(15rem / 16);
    line-height: calc(28rem / 16)
}

.solutionscon .tab {
    margin-top: calc(40rem / 16);
}

.solutionscon .tab h3 {
    font-size: calc(32rem / 16);
}

.solutionscon .tab table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    margin-top: calc(20rem / 16);
}

.solutionscon .tab table tr th {
    font-size: calc(24rem / 16);
    border: 1px solid #d9d9d9;
    padding: calc(18rem / 16);
    text-align: center;
    background: url('../png/icon44.png');
}

.solutionscon .tab table tr td {
    padding: calc(20rem / 16) calc(45rem / 16);
    border: 1px solid #d9d9d9;
    text-align: center;
}

.solutionscon .tab table tr td p {
    font-size: calc(18rem / 16);
    line-height: calc(32rem / 16)
}

/* .solutionscon .tab table tr th:first-child { background: #e4002b; color: #fff; } */
.solutionscon .tab table tr:first-child td {
    background: url('../png/icon44.png');
}

.solutionscon .tab table tr:first-child td p {
    font-size: calc(24rem / 16);
    font-weight: bold;
}

.solutionscon .tab table tr:first-child td:first-child {
    background: #e4002b;
    color: #fff;
}

.solutionscon .int {
    margin-top: calc(3.125vw + 20px);
    display: flex;
    flex-direction: row;
    border-bottom: 1px solid #cccccc;
    padding-bottom: calc(4.167vw + 20px);
}

.solutionscon .int .fl {
    width: calc(160rem / 16);
    height: calc(160rem / 16);
    flex: 0 0 auto;
    border-radius: 50%;
    overflow: hidden;
}

.solutionscon .int .fr {
    flex: 1;
    padding-left: calc(35rem / 16)
}

.solutionscon .int .fr h3 {
    font-size: calc(30rem / 16);
}

.solutionscon .int .fr h4 {
    font-size: calc(18rem / 16);
    margin-top: calc(10rem / 16);
}

.solutionscon .int .fr h5 {
    display: flex;
    flex-direction: row;
    margin-top: calc(20rem / 16);
}

.solutionscon .int .fr h5 a {
    margin-right: calc(18rem / 16);
    cursor: pointer;
}

.solutionscon .int .fr h5 a img {
    width: calc(44rem / 16);
    height: calc(44rem / 16);
}

.solutionscon .int .fr p {
    font-size: calc(20rem / 16);
    line-height: calc(26rem / 16);
    margin-top: calc(25rem / 16)
}

.solutionscon .dow {
    display: flex;
    justify-content: flex-end;
    padding-top: calc(48rem / 16);
}

.solutionscon .dow a {
    display: inline-flex;
    flex-direction: row;
    text-align: right;
    align-items: center;
}

.solutionscon .dow a h4 {
    margin-right: calc(20rem / 16);
}

.solutionscon .dow a h4 strong {
    display: block;
    font-size: calc(18rem / 16);
}

.solutionscon .dow a h4 span {
    display: block;
    font-size: calc(24rem / 16);
    font-weight: bold;
}

.solutionscon .dow a:hover h4 strong {
    color: #e4002b;
    text-decoration: underline;
}

.solutionscon .dow a:hover h4 span {
    color: #e4002b;
    text-decoration: underline;
}


.nameform_box {
    position: fixed;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
}

.nameform {
    background: #fff;
    padding: 3.125vw 5.208vw;
    max-height: 96vh;
    overflow-y: auto;
    position: relative;
}

.nameform h3 {
    font-size: calc(48rem / 16);
    text-align: center;
}

.nameform .list {
    margin-top: calc(20rem / 16);
}

.nameform .list ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.nameform .list ul li {
    width: 48%;
    margin-top: calc(20rem / 16);
}

.nameform .list ul li.w_100 {
    width: 100%;
}

.nameform .list ul li label {
    font-size: calc(24rem / 16);
}

.nameform .list ul li label span {
    color: #e4002b;
}

.nameform .list ul li .txt {
    width: 100%;
    border: 1px solid #d9d9d9;
    padding: calc(18rem / 16);
    margin-top: calc(15rem / 16);
}

.nameform .list ul li:last-child {
    width: 100%;
}

.nameform .list ul li:last-child label {
    display: block;
}

.nameform .list ul li .txtbox {
    height: calc(150rem / 16);
    width: 100%;
    margin-top: calc(15rem / 16);
    border: 1px solid #d9d9d9;
    padding: calc(25rem / 16);
}

.nameform .list ul li input[type="file"] {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.nameform .list ul li .file_put {
    border: 1px solid #d9d9d9;
    margin-top: calc(18rem / 16);
    height: calc(56rem / 16);
    position: relative;
    background: url('../png/icon65.png') no-repeat 96% center;
    cursor: pointer;
    cursor: pointer;
}

.nameform .list ul li .file_put .file-text {
    width: 80%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: calc(20rem / 16);
    line-height: calc(55rem /16);
    color: #909090;
    padding-left: calc(20rem / 16);
}



.nameform .check {
    text-align: center;
    margin-top: calc(40rem / 16);
    font-size: 16px;
}

.nameform .check a {
    color: #e4002b;
}

.nameform .check a:hover {
    text-decoration: underline;
}

.nameform .check label {
    cursor: pointer;
}

.nameform .check input[type="checkbox"] {
    background: url('../png/icon50.png') no-repeat left center;
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -4px;
    margin-right: 5px;
}

.nameform .check input[type="checkbox"]:checked {
    background: url('../png/icon50_m.png') no-repeat left center
}

.nameform .but_an {
    text-align: center;
    margin-top: calc(30rem / 16);
}

.nameform .but_an .but {
    background: #e4002b;
    padding: calc(20rem / 16) calc(100rem / 16);
    font-weight: bold;
    border-radius: calc(30rem / 16);
    color: #fff;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
}

.nameform .but_an .but:hover {
    background: #000;
}

.nameform .close {
    position: absolute;
    right: calc(30rem / 16);
    top: calc(30rem / 16);
    cursor: pointer;
}

.nameform .close img {
    width: calc(60rem / 16);
    height: calc(60rem / 16);
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
}

.nameform .close:hover img {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}

.news .had {
    padding-bottom: calc(2.083vw + 40px);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.news .had .tit {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.news .had .tit a {
    font-weight: bold;
    padding: 0 calc(70rem / 16);
    /* padding: 0 calc(50rem / 16); */
    height: calc(64rem / 16);
    line-height: calc(64rem / 16);
    display: block;
    border: 1px solid #9a9a9a;
    border-radius: calc(50rem / 16);
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
    margin: calc(5rem / 16) 0;
    /* margin-right: calc(15rem / 16); */
    font-size: calc(0.20833vw + 16px);
    margin-right: calc(40rem / 16);
}

.news .had .tit a:hover {
    background: #e4002b;
    color: #fff;
    border: 1px solid #e4002b;
}

.news .had .tit a.active {
    background: #e4002b;
    color: #fff;
    border: 1px solid #e4002b;
}


.newstop {
    position: relative;
}

.newstop .item {
    display: flex;
    flex-direction: row;
    position: relative;
    z-index: 9;
}

.newstop .item .img {
    width: 47.7%;
}

.newstop .item .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.newstop .item .con {
    width: 52.3%;
    /* padding: calc(2.083vw + 40px); */
    padding: 2.604vw 2.083vw;
    padding-right: 3.125vw;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.newstop .item .con .text h3 {
    font-size: calc(36rem / 16);
    color: #fff;
    font-weight: bold;
}

.newstop .item .con .text p {
    font-size: calc(24rem / 16);
    color: #fff;
    margin-top: calc(30rem / 16);
    line-height: calc(35rem / 16);

    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
}

.newstop:after {
    content: '';
    position: absolute;
    right: 0px;
    top: 0px;
    background: #941e22;
    height: 100%;
    width: 60%;
}

.news_search {
    width: calc(16.146vw + 45px);
    margin: calc(5rem / 16) 0;
    margin-left: calc(20rem / 16);
    position: relative;
}

.news_search .txt {
    width: 100%;
    padding: 0px calc(30rem / 16);
    border-radius: calc(50rem / 16);
    height: calc(64rem / 16);
    line-height: calc(64rem / 16);
    border: 1px solid #9a9a9a;
    background: none;
}

.news_search .but {
    position: absolute;
    right: 0px;
    top: 0px;
    background: url('../png/icon56.png') no-repeat center center;
    width: calc(50rem / 16);
    height: calc(64rem / 16);
    width: calc(64rem / 16);
}

.newslist .had {
    padding-top: calc(4.167vw + 20px);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: calc(1.042vw + 40px);
}

.newslist .had h3 {
    font-size: calc(48rem / 16)
}

.newslist .fr {
    display: flex;
    flex-direction: row;
}

.newslist .list ul li {
    display: flex;
    flex-direction: row;
    padding: calc(1.042vw) 0;
    border-bottom: 1px solid #d9d9d9;
}

.newslist .list ul li .link {
    display: flex;
    flex-direction: row;
    width: 100%;
}

.newslist .list ul li .img {
    width: calc(458rem / 16);
    height: calc(320rem / 16);
    overflow: hidden;
}

.newslist .list ul li .con {
    width: calc(100% - 480rem / 16);
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    padding: calc(10rem / 16) 0;
    padding-left: calc(2.083vw + 20px);

}

.newslist .list ul li .con .text strong {
    display: block;
    font-size: calc(18rem / 16);
    color: #666666;
}

.newslist .list ul li .con .text h3 {
    font-size: calc(30rem / 16);
    margin-top: calc(15rem / 16);
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
}

.newslist .list ul li .con p{
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 1.2em;
    line-height: 1.6em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}

.newslist .list ul li .link:hover .con p{
    color: #e4002b;
}

.newslist .list ul li h6 {
    font-size: 18px;
    color: #000000;
    margin-bottom: 0px;
}

.newslist .list ul li h6:after {
    content: '';
    background: url('../png/icon2.png') no-repeat left center;
    width: 40px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}

.newslist .list ul li .img img {
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
}

.newslist .list ul li .link:hover .img img {
    transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
}

.newslist .list ul li .link:hover .con .text h3 {
    color: #e4002b;
}

.newslist .list ul li .link:hover h6 {
    color: #e4002b;
    text-decoration: underline;
}

.news_details .item {
    padding: calc(2.396vw + 12px) 0;
    border-bottom: 1px solid #cccccc;
}

.news_details .item .tit {
    margin-bottom: calc(30rem / 16);
}

.news_details .item .tit strong {
    font-size: calc(24rem / 16);
    /*font-weight: bold;*/
    color: #666666;
    background: url('../png/a_icon2.png') no-repeat left center;
    padding-left: 25px;
}

.news_details .item .tit h1 {
    font-size: calc(32rem / 16);
    font-weight: bold;
    margin-top: calc(20rem / 16)
}

.news_details .item .video-container {
    text-align: center;
}

.news_details .item video {
    width: 700px;
    height: 400px;
    object-fit: cover;
}

.news_details .item .con p {
    font-size: calc(20rem / 16);
    /* margin-top: calc(30rem / 16); */
    line-height: calc(38rem / 16)
}


.news_details .item .con ul {
    margin-top: calc(15rem / 16);
    padding-left: calc(22rem / 16);
}

.news_details .item .con ul li {
    list-style-type: disc;
}

.news_details .item .con ul li {
    font-size: calc(20rem / 16);
    line-height: calc(38rem / 16);
}

.news_details .item .con ol {
    margin-top: calc(15rem / 16);
    padding-left: calc(22rem / 16);
}

.news_details .item .con ol li {
    list-style-type: decimal;
}

.news_details .item .con ol li {
    font-size: calc(20rem / 16);
    line-height: calc(38rem / 16);
}

.news_details .item .con strong {
    font-weight: bold;
}

.news_details .item .con img {
    height: auto !important;
    margin: calc(30rem / 16) auto;
}

.news_details .next {
    margin-top: calc(2.083vw + 10px);
}

.news_details .next .link {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.news_details .next .link i img {
    width: calc(60rem / 16);
    height: calc(60rem / 16);
    margin-right: calc(15rem / 16)
}

.news_details .next .link .fr strong {
    display: block;
    font-size: calc(18rem / 16);
}

.news_details .next .link .fr span {
    display: block;
    font-size: calc(24rem / 16);
    font-weight: bold;
}

.news_details .next .link:hover .fr strong {
    color: #e4002b;
    text-decoration: underline;
}

.news_details .next .link:hover .fr span {
    color: #e4002b;
    text-decoration: underline;
}

.privacy .con p {
    font-size: calc(20rem / 16);
    margin-top: calc(30rem / 16);
    line-height: calc(34rem / 16);
}

.privacy .con p strong {
    font-weight: bold;
    font-size: calc(25rem / 16);
}


.join h3 {
    font-size: calc(48rem / 16)
}

.join ul {
    display: flex;
    flex-direction: row;
    margin-top: calc(3.125vw + 20px);
    flex-wrap: wrap;
}

.join ul li {
    flex: 1;
    padding: 0 calc(1.354vw + 22px);
    text-align: center;
    border-right: 1px solid #dedede;
}

.join ul li:last-child {
    border-right: none;
}

.join ul li strong {
    font-size: calc(72rem / 16);
    color: #e4002b;
}

.join ul li p {
    font-size: calc(24rem / 16);
}

.join_vid {
    position: relative;
    margin-top: calc(2.083vw + 40px);
    cursor: pointer;
}

.join_vid .icon {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.join_vid .icon img {
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
}

.join_vid:hover .icon img {
    transform: scale(0.8, 0.8);
    -webkit-transform: scale(0.8, 0.8);
}

.join_list {
    margin-top: calc(2.083vw + 60px);
}

.join_list h3 {
    font-size: calc(48rem / 16);
}

.join_list .list {
    overflow: hidden;
    margin-top: calc(30rem / 16)
}

.join_list .list ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-left: calc(-25rem / 16);
    margin-right: calc(-25rem / 16);
}

.join_list .list ul li {
    width: 33.33%;
    padding: calc(25rem / 16);
}

.join_list .list ul li .item {
    background: #fff;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.join_list .list ul li .item .text {
    padding: calc(40rem / 16);
}

.join_list .list ul li .item .text strong {
    font-size: calc(24rem / 16);
    color: #000;
    font-weight: bold;
    text-align: center;
    display: block;
}

.join_list .list ul li .item .text p {
    font-size: calc(20rem / 16);
    line-height: calc(28rem / 16);
    margin-top: calc(12rem / 16)
}


.join_swp {
    overflow: hidden;
    width: 100%;
    height: auto;
    background: #ebebeb;
    padding: calc(4.167vw + 20px) 0;
}

.join_swp h3 {
    font-size: calc(48rem / 16);
    margin-bottom: calc(2.083vw + 20px);
}

.swp_section3_box {
    width: 116%;
    margin-left: -8%;
    overflow: hidden;
}

.swp_section3 {
    width: 100%;
}

.swp_section3 .swiper-slide {
    text-align: center;
    font-size: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.swp_section3 .swiper-slide img {
    opacity: 0.6;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
    transform: scale(0.7);
    -webkit-transform: scale(0.7);
}

.swp_section3 .swiper-slide-active {
    position: relative;
    z-index: 9;
}

.swp_section3 .swiper-slide-active img {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
}

.join_form {
    background: #f5f5f5;
    padding: calc(4.167vw + 20px) 0;
}

.join_form h2 {
    font-size: calc(48rem / 16)
}

.join_form .tab_tit {
    display: flex;
    flex-direction: row;
    margin-top: calc(2.083vw + 30px);
}

.join_form .tab_tit span {
    flex: 1;
    background: #ffffff;
    font-size: calc(30rem / 16);
    font-weight: bold;
    text-align: center;
    padding: calc(20rem / 16);
    cursor: pointer;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
}

.join_form .tab_tit span:hover {
    background: #e4002b;
    color: #fff;
}

.join_form .tab_tit span.active {
    background: #e4002b;
    color: #fff;
}

.join_form .tab_con .tit {
    text-align: center;
    margin-top: calc(2.083vw + 30px)
}

.join_form .tab_con .tit h4 {
    font-size: calc(24rem / 16);
    color: #666666;
}

.join_form .tab_con .tit h5 {
    width: 100%;
    margin: 0 auto;
    margin-top: calc(20rem / 16);
    line-height: calc(38rem / 16);
}

.join_form .tab_con .tit h5 strong {
    font-size: calc(28rem / 16);
    padding: 0rem calc(15rem / 16);
    border-right: 1px solid #bdbdbd;
}

.join_form .tab_con .tit h5 strong:last-child {
    border-right: none;
}

.join_form .tab_con .tit h3 {
    font-size: calc(32rem / 16);
    margin-top: calc(2.083vw + 20px);
}

.join_form .list {
    margin-top: calc(25rem / 16);
}

.join_form .list ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.join_form .list ul li {
    width: 48.5%;
    margin-top: calc(30rem / 16);
    position: relative;
}

.join_form .list ul li .file_put {
    border: 1px solid #909090;
    margin-top: calc(15rem / 16);
    padding: calc(18rem / 16);
    position: relative;
    background: url('../png/icon65.png') no-repeat 96% center;
    cursor: pointer;
    cursor: pointer;
}

.join_form .list ul li .file_put .file-one-text {
    font-size: calc(16rem / 16);
    /* padding: calc(18rem / 16); */
    color: #909090;
    /* padding-left: calc(20rem / 16); */
}

.join_form .list ul li label {
    font-size: calc(24rem / 16);
}

.join_form .list ul li label span {
    color: #e4002b;
}

.join_form .list ul li .txt {
    width: 100%;
    border: 1px solid #909090;
    background: none;
    padding: calc(18rem / 16);
    margin-top: calc(15rem / 16);
}

.join_form .list ul li input[type="file"] {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.join_form .list ul li .sel_txt {
    width: 100%;
    border: 1px solid #909090;
    background: none;
    padding: calc(18rem / 16);
    margin-top: calc(15rem / 16);
    outline: none;
    background: url('../png/icon64.png') no-repeat 97% center;
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
}

.join_form .list ul li.w_100 {
    width: 100%;
}

.join_form .list ul li.w_100 label {
    display: block;
}

.join_form .list ul li .txtbox {
    height: calc(160rem / 16);
    width: 100%;
    background: none;
    margin-top: calc(15rem / 16);
    border: 1px solid #909090;
    padding: calc(25rem / 16);
}

.join_form .check {
    text-align: center;
    margin-top: calc(40rem / 16);
    font-size: 16px;
    color: #7f7f7f;
}

.join_form .check a {
    color: #e4002b;
}

.join_form .check a:hover {
    text-decoration: underline;
}

.join_form .check label {
    cursor: pointer;
}

.join_form .check input[type="checkbox"] {
    background: url('../png/icon50.png') no-repeat left center;
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -4px;
    margin-right: 5px;
}

.join_form .check input[type="checkbox"]:checked {
    background: url('../png/icon50_m.png') no-repeat left center
}

.join_form .but_an {
    text-align: center;
    margin-top: calc(30rem / 16);
}

.join_form .but_an .but {
    background: #e4002b;
    padding: calc(20rem / 16) calc(100rem / 16);
    font-weight: bold;
    border-radius: calc(30rem / 16);
    color: #fff;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
}

.join_form .but_an .but:hover {
    background: #000;
}

.swp_section3_prev {
    background: url('../png/icon60.png') no-repeat left center;
    width: 40px;
    height: 40px;
    position: absolute;
    left: 30.5%;
    top: 50%;
    margin-top: -20px;
    z-index: 11;
}

.swp_section3_next {
    background: url('../png/icon61.png') no-repeat left center;
    width: 40px;
    height: 40px;
    position: absolute;
    right: 30.5%;
    top: 50%;
    margin-top: -20px;
    z-index: 11;
}


.content .tit {
    font-size: calc(48rem / 16);
    font-weight: bold;
    padding-bottom: calc(2.083vw + 10px);
}

.content .had .tab_tit {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.content .had .tab_tit a {
    font-weight: bold;
    padding: 0 calc(30rem / 16);
    height: calc(64rem / 16);
    line-height: calc(64rem / 16);
    display: block;
    border: 1px solid #9a9a9a;
    border-radius: calc(50rem / 16);
    text-transform: uppercase;
    min-width: calc(214rem / 16);
    text-align: center;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
    margin: calc(5rem / 16) 0;
    margin-right: calc(15rem / 16);
    cursor: pointer;
}

.content .had .tab_tit a:hover {
    background: #e4002b;
    color: #fff;
    border: 1px solid #e4002b;
}

.content .had .tab_tit a.active {
    background: #e4002b;
    color: #fff;
    border: 1px solid #e4002b;
}

.content .had .tab_tit_x {
    margin-top: calc(2.083vw + 30px);
    padding-bottom: 2.083vw;
    border-bottom: 1px solid #d9d9d9;
}

.content .had .tab_tit_x span {
    font-size: 16px;
    color: #666666;
    margin-right: calc(35rem / 16);
    cursor: pointer;
}

.content .had .tab_tit_x span:hover {
    color: #e4002b;
}

.content .had .tab_tit_x span.active {
    color: #e4002b;
}

.content .had .tab_con .text {
    margin-top: calc(2.083vw + 10px);
    border-left: 3px solid #e4002b;
    padding-left: calc(30rem / 16);
    padding-bottom: calc(50rem / 16)
}

.content .had .tab_con .text strong {
    font-size: calc(24rem / 16);
    color: #e4002b;
}

.content .had .tab_con .text h3 {
    font-size: calc(36rem / 16);
    margin-top: calc(20rem / 16);
}

.content .had .tab_con .text p {
    font-size: calc(18rem / 16);
    margin-top: calc(6rem / 16);
}

.content .had .tab_con .img {
    margin-top: calc(35rem / 16)
}


/* .contentform .list { margin-top: calc(25rem / 16); } */
.contentform .list ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.contentform .list ul li {
    width: 48%;
    margin-top: calc(30rem / 16);
}

.contentform .list ul li label {
    font-size: calc(24rem / 16);
}

.contentform .list ul li label span {
    color: #e4002b;
}

.contentform .list ul li .txt {
    width: 100%;
    border: 1px solid #909090;
    background: none;
    padding: calc(15rem / 16) calc(18rem / 16);
    margin-top: calc(15rem / 16);
}

@media (max-width: 640px) {

    .contentform .list ul li .txt::placeholder{
        font-size: .75em;
    }
}

.contentform .list ul li.w_100 {
    width: 100%;
}

.contentform .list ul li.w_100 label {
    display: block;
}

.contentform .list ul li .txtbox {
    height: calc(120rem / 16);
    width: 100%;
    background: none;
    margin-top: calc(15rem / 16);
    border: 1px solid #909090;
    padding: calc(25rem / 16);
}

.contentform .check {
    text-align: center;
    margin-top: calc(40rem / 16);
    font-size: 16px;
    color: #7f7f7f;
}

.contentform .check a {
    color: #e4002b;
}

.contentform .check a:hover {
    text-decoration: underline;
}

.contentform .check label {
    cursor: pointer;
}

.contentform .check input[type="checkbox"] {
    background: url('../png/icon50.png') no-repeat left center;
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -4px;
    margin-right: 5px;
}

.contentform .check input[type="checkbox"]:checked {
    background: url('../png/icon50_m.png') no-repeat left center
}

.contentform .but_an {
    text-align: center;
    margin-top: calc(30rem / 16);
}

.contentform .but_an .but {
    background: #e4002b;
    padding: calc(20rem / 16) calc(100rem / 16);
    font-weight: bold;
    border-radius: calc(30rem / 16);
    color: #fff;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
}

.contentform .but_an .but:hover {
    background: #000;
}

/* .contentform { padding-top:calc(2.083vw + 60px);  } */
.contentform .tit {
    font-size: calc(48rem / 16);
    text-align: center;
}

.contentform .tit_p {
    text-align: center;
    font-size: calc(24rem / 16);
    line-height: calc(32rem / 16);
    color: #4c4c4c;
    margin-top: calc(20rem / 16);
}

.contacts .img img {
    background-size: cover;
    width: 100%;
}


/* 首页 */
.page-content {
    position: relative;
}

.cascade.settled {
    position: relative;
    z-index: 200;
}

.cascade.revealing {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    z-index: 190;
}

.cascade.hidden {
    position: fixed;
    visibility: hidden;
    width: 100%;
    left: 0;
    bottom: 0;
    z-index: 180;
}

.xufu {
    cursor: pointer;
    position: fixed;
    bottom: 20%;
    right: calc(2.083vw + 10px);
    z-index: 9999;
    display: none;
}

.m_banner {
    background-size: 100% auto !important;
}

.H50 {
    height: 50px;
}

.dituContent {
    height: 420px;
}

.map_list img {
    max-height: none !important;
    max-width: none !important;
}

.anchorBL {
    display: none;
}

.BMapLabel {
    display: none !important;
}

.BMap_bubble_title {
    color: #6eb92b;
}

.BMap_bubble_content {
    color: #666;
}

.join_form .list ul li.ver-code {
    width: 48.5%;
}

.join_form .list ul li #code {
    width: 80%;
}

.join_form .list ul li .pic-code {
    float: right;
    width: 20%;
    margin-top: calc(15rem / 16);
    border: 1px solid #909090;
    text-align: center;
    line-height: calc(60rem / 16);
    cursor: pointer;
    background-color: #909090;
    color: #fff;
}

.join_form .list ul li .pic-code.active {
    pointer-events: none;
    cursor: default;
    opacity: .6;
}

.nameform .list ul li.ver-code {
    width: 48%;
}

.nameform .list ul li #code {
    /* width: 70%; */
    flex: 1;
    margin-top: 0;
}

.nameform .list ul li .pic-code {
    /* float: right; */
    /* width: 30%; */
    width: 40%;
    line-height: calc(60rem / 16);
    border: 1px solid #909090;
    background-color: #909090;
    text-align: center;
    color: #fff;
    cursor: pointer;
}

.nameform .list ul li .pic-code.active {
    pointer-events: none;
    cursor: default;
    opacity: .6;
}

/* .contentform .list ul li.ver-code {
    width: 50%;
}

.contentform .list ul li #code {
    width: 70%;
    margin-top: calc(15rem / 16);
} */

.contentform .list ul li .pic-code {
    border: 1px solid #e30030;
    background-color: #e30030;
    color: #fff;
    cursor: pointer;
    text-align: center;
    position: absolute;
    right: 0px;
    top: 0px;
    height: 100%;
    line-height: calc(54rem / 16);
    padding: 0rem calc(10rem / 16);
    text-align: center;
    min-width: calc(180rem / 16);
}

.contentform .list ul li .pic-code.active {
    pointer-events: none;
    cursor: default;
    opacity: .6;
}

.contentform .list ul li .formtext1 {
    margin-top: calc(15rem / 16);
    position: relative;
}

.contentform .list ul li .formtext1 .txt {
    margin-top: 0px;
    padding-right: calc(180rem / 16);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}



.contacts {
    background: #fff;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.contacts .img {
    width: 50%;
}

.contacts .text {
    width: 45%;
    padding-left: 5%
}

.contacts .text h3 {
    font-size: calc(48rem / 16);
    font-weight: bold;
    color: #000000;
}

.contacts .text p {
    font-size: calc(20rem / 16);
    line-height: calc(30rem / 16);
    margin-top: calc(20rem / 16);
    width: 74%;
}

.contacts .text .link {
    font-size: calc(18rem / 16);
    margin-top: calc(30rem / 16);
    display: block;
}

.contacts .text .link:after {
    content: '';
    background: url('../png/loc2.png') no-repeat center center;
    width: calc(40rem / 16);
    height: calc(40rem / 16);
    background-size: calc(40rem / 16) auto;
    display: inline-block;
    vertical-align: middle;
    margin-left: calc(10rem / 16);
    margin-top: -2px;
}

.contacts .text .link:hover {
    text-decoration: underline;
    color: #e4002b;
}

.pc_v {
    display: block;
}

.wap_v {
    display: none;
}


/* .leadership_ban { padding-top: calc(20vh); } */

.leadership_ban .had {
    padding-top: calc(35vh);
    padding-bottom: calc(8vh);
}




.loading {
    position: fixed;
    top: 0;
    display: none;
    z-index: 9;
    width: 100vw;
    height: 100vh;
    background-color: rgba(255, 255, 255, .5);
}

.loadEffect {
    width: 10%;
    height: 10%;
    margin: 0 auto;
    position: relative;
    top: 40%;
    transform: translateX(20%);
    /* left: 50%; */
    /* transform: translate(-50%,-30%); */
}

.loadEffect div {
    width: 50%;
    height: 50%;
    position: absolute;
    /* top: 50%;
    left: 50%; */
    /* transform: translate(-50%,-50%); */
    -webkit-animation: load 2.08s linear infinite;
}

.loadEffect div span {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: rgba(112, 106, 106, 0.8);
    position: absolute;
    /* left: 50%;
    margin-top: -10px;
    margin-left: -10px; */
}

@-webkit-keyframes load {
    0% {
        -webkit-transform: rotate(0deg);
    }

    10% {
        -webkit-transform: rotate(45deg);
    }

    50% {
        opacity: 1;
        -webkit-transform: rotate(160deg);
    }

    62% {
        opacity: 0;
    }

    65% {
        opacity: 0;
        -webkit-transform: rotate(200deg);
    }

    90% {
        -webkit-transform: rotate(340deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }

}

.loadEffect div:nth-child(1) {
    -webkit-animation-delay: 0.2s;
}

.loadEffect div:nth-child(2) {
    -webkit-animation-delay: 0.4s;
}

.loadEffect div:nth-child(3) {
    -webkit-animation-delay: 0.6s;
}

.loadEffect div:nth-child(4) {
    -webkit-animation-delay: 0.8s;
}


.lea_search {
    width: calc(10.417vw + 200px);
    position: relative;
    margin: 0 auto;
    margin-bottom: calc(20rem / 16);
}

.lea_search .text {
    width: 100%;
    padding: 0rem calc(20rem / 16);
    padding-right: calc(80rem / 16);
    background: none;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: calc(30rem / 16);
    height: calc(58rem / 16);
    font-size: calc(18rem / 16);
}

.lea_search .but {
    position: absolute;
    right: 0px;
    top: 0px;
    background: url('../png/asearch.png') no-repeat center center;
    position: absolute;
    right: 0px;
    height: calc(58rem / 16);
    width: calc(80rem / 16);
}


.banner_x .had h2 span {
    color: #e3010c;
    font-weight: normal;
}

.job h3 {
    font-size: calc(48rem / 16)
}

.job ul {
    display: flex;
    flex-direction: row;
    margin-top: calc(3.125vw + 20px);
    flex-wrap: wrap;
}

.job ul li {
    flex: 1;
    padding: 0 calc(1.354vw + 22px);
    text-align: center;
}

.job ul li:last-child {
    border-right: none;
}

.job ul li strong {
    font-size: calc(72rem / 16);
    color: #e4002b;
}

.job ul li p {
    font-size: calc(24rem / 16);
}

.job_more {
    text-align: center;
    margin-top: calc(56rem / 16);
    display: flex;
    justify-content: center;
}

.job_more a {
    background: #e4002b;
    padding: calc(8rem / 16);
    display: flex;
    flex-direction: row;
    align-items: center;
    border-radius: 30px;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
}

.job_more a span {
    color: #fff;
    font-size: calc(18rem / 16);
    min-width: calc(160rem / 16);
    text-align: center;
}

.job_more a:hover {
    background: #b70124;
}

.job1 {
    padding: calc(2.083vw + 60px) 0;
}

.job1 h3 {
    font-size: calc(60rem / 16);
}

.job1 .list {
    margin-top: calc(40rem / 16);
}

.job1 .list ul {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.job1 .list ul li {
    width: 32.3%;
    padding-bottom: calc(20rem / 16);
    border-bottom: 1px solid #dedede;
}

.job1 .list ul li i {
    background: #ffffff;
    height: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.job1 .list ul li strong {
    display: block;
    font-size: calc(24rem / 16);
    margin-top: calc(25rem / 16);
    text-align: center;
    font-weight: bold;
}

.job1 .list ul li p {
    font-size: calc(20rem / 16);
    text-align: center;
    margin-top: calc(8rem / 16);
    line-height: calc(28rem / 16);
}

.job2 {
    padding: calc(2.083vw + 60px) 0;
}

.job2 .tit h3 {
    font-size: calc(60rem / 16);
    color: #000;
}

.job2 .tit strong {
    font-size: calc(42rem / 16);
    color: #333333;
    margin-top: calc(5rem / 16);
    display: block;
}

.job2 .list {
    margin-top: calc(40rem / 16);
}

.job2 .list ul {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.job2 .list ul li {
    width: 32.3%;
    background: #f5f5f5;
    padding: calc(40rem / 16);
    position: relative;
}

.job2 .list ul li:after {
    content: '';
    border: 8px solid;
    border-color: #f5f5f5 transparent transparent transparent;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    bottom: -16px;
}

.job2 .list ul li strong {
    display: block;
    font-size: calc(20rem / 16);
    color: #e4002b;
}

.job2 .list ul li h3 {
    font-size: calc(28rem / 16);
    color: #000000;
    margin-top: calc(5rem / 16);
}

.job2 .list ul li p {
    font-size: calc(20rem / 16);
    color: #333333;
    margin-top: calc(18rem / 16);
    line-height: calc(27rem / 16);
}

.job2 .num {
    margin-top: calc(40rem / 16);
}

.job2 .num span {
    width: 32.3%;
    text-align: center;
    font-size: calc(30rem / 16);
    color: #e4002b;
    display: flex;
    align-items: center;
    justify-content: center;
}

.job2 .num span em {
    width: 84px;
    height: 84px;
    border: 1px solid #e4002b;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    border-radius: 50%;
    background: #fff;
}

.job2 .num .num_con {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.job2 .num .num_con:after {
    content: '';
    background: #e4002b;
    position: absolute;
    left: 0px;
    width: 100%;
    height: 1px;
    bottom: 42px;
    z-index: -1;
}


.job3 {
    padding: calc(5.208vw + 100px) 0;
}

.job3 h3 {
    font-size: calc(60rem / 16);
    color: #000;
}

.job3 p {
    font-size: calc(36rem / 16);
    margin-top: calc(30rem / 16);
    color: #333;
}

.salarybox {
    padding: calc(4.167vw + 20px) 0;
}

.salary_tit {
    font-size: calc(36rem / 16);
    text-align: center;
    font-weight: bold;
    margin-bottom: calc(60rem / 16);
}

.salary {
    margin-top: calc(30rem / 16);
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: calc(30rem / 16);
}

.salary h3 {
    font-size: calc(24rem / 16);
}

.salary h3 span {
    color: #e4002b;
}

.salary .text {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    margin-right: calc(30rem / 16);
    margin-top: calc(35rem / 16);
}

.salary .text strong {
    display: flex;
    flex-direction: row;
    font-size: calc(20rem / 16);
    align-items: center;
    /* margin-right: calc(80rem / 16); */
    margin-right: calc(20rem / 16);
    margin-bottom: calc(4rem / 16);
    width: 100%;
}

.salary .text input[type="radio"] {
    background: url('../png/icon50.png') no-repeat left center;
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -4px;
    margin-right: calc(12rem / 16);
}

.salary .text input[type="radio"]:checked {
    background: url('../png/icon50_m.png') no-repeat left center
}


.salarydown {
    padding: calc(6.250vw + 40px) 0;
}

.salarydown .item {
    padding: calc(50rem / 16) 0;
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    display: flex;
    flex-direction: row;
}

.salarydown .item .img {
    width: calc(320rem / 16);
}

.salarydown .item .img img {
    width: 100%;
}

.salarydown .item .text {
    width: calc(100% - 320rem / 16);
    padding-left: calc(50rem / 16);
    display: flex;
    padding-top: calc(20rem / 16)
}

.salarydown .item .text h3 {
    font-size: calc(30rem / 16);
    font-weight: bold;
}

.salarydown .item .text h3 strong {
    color: #e4002b;
    font-weight: bold;
}

.salarydown .item .text .con {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.salarydown .item .text a {
    background: #e4002b;
    color: #fff;
    display: inline-block;
    font-size: calc(18rem / 16);
    padding: calc(10rem / 16) calc(28rem / 16);
    border-radius: calc(30rem / 16);
    margin-top: calc(30rem / 16);
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
}

.salarydown .item .text a:hover {
    background: #be0124;
}


.contentform .list ul li .formtext .txt {
    margin-top: 0px;
    padding-left: calc(210rem / 16)
}

.contentform .list ul li .formtext {
    margin-top: calc(15rem / 16);
    position: relative;
}

.contentform .list ul li .formtext dl {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 9;

    height: 100%;
}

.contentform .list ul li .formtext dl dt {
    /* height: calc(56rem / 16); */
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: calc(130rem / 16);
    padding-right: calc(30rem / 16);
    border-right: 1px solid #d9d9d9;
    /* background: url('../images/job_5.png') no-repeat 85% center; */
    /* cursor: pointer; */
    padding-left: calc(15rem / 16);
    line-height: calc(54rem / 16);
}

.contentform .list ul li .formtext dl dt img {
    width: calc(26rem / 16);
}

.contentform .list ul li .formtext .num {
    position: absolute;
    left: calc(150rem / 16);
    top: 0px;
    height: 100%;
    display: flex;
    align-items: center;
}

.contentform .list ul li .formtext dl dd {
    height: 300px;
    overflow: auto;

    background: #f5f5f5;
    border: 1px solid #d9d9d9;
    border-top: none;
    padding: calc(5rem / 16) calc(10rem / 16);
    box-shadow: 0px 5px 10px 2px rgba(0, 0, 0, 0.05);
    display: none;
}

.contentform .list ul li .formtext dl dd span {
    display: block;
    margin: calc(10rem / 16) 0;
    text-align: left;
    cursor: pointer;
}

.contentform .list ul li .formtext dl dd span:hover {
    color: #e30030;
}

.contentform .list ul li .formtext dl dd span img {
    display: inline-block;
    width: calc(26rem / 16);
}












.join_form .list ul li .formtext {
    margin-top: calc(15rem / 16);
    position: relative;
}

.join_form .list ul li .formtext dl {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 9;
}

.join_form .list ul li .formtext dl dt {
    height: calc(56rem / 16);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: calc(130rem / 16);
    padding-right: calc(30rem / 16);
    border-right: 1px solid #d9d9d9;
    background: url('../png/job_5.png') no-repeat 85% center;
    cursor: pointer;
    padding-left: calc(15rem / 16);
    line-height: calc(54rem / 16);
}

.join_form .list ul li .formtext dl dt img {
    width: calc(26rem / 16);
}

.join_form .list ul li .formtext .num {
    position: absolute;
    left: calc(150rem / 16);
    /* left: calc(140rem / 16); */

    top: 0px;
    height: 100%;
    display: flex;
    align-items: center;
}


.join_form .list ul li .formtext dl dd {
    height: 300px;
    overflow: auto;
    position: relative;
    z-index: 10;
    background: #f5f5f5 !important;
    border: 1px solid #d9d9d9;
    border-top: none;
    padding: calc(5rem / 16) calc(10rem / 16);
    box-shadow: 0px 5px 10px 2px rgba(0, 0, 0, 0.05);
    display: none;
}

.join_form .list ul li .formtext dl dd span {
    display: block;
    margin: calc(10rem / 16) 0;
    text-align: left;
    cursor: pointer;
}

.join_form .list ul li .formtext dl dd span:hover {
    color: #e30030;
}

.join_form .list ul li .formtext dl dd span img {
    display: inline-block;
    width: calc(26rem / 16);
}

.join_form .list ul li .formtext .txt {
    margin-top: 0px;
    padding-left: calc(210rem / 16);
}

.join_form .list ul li .formtext1 {
    display: flex;
    margin-top: calc(15rem / 16);
    position: relative;
}

.join_form .list ul li .formtext1 .txt {
    /* width: 70% !important; */
    margin-top: 0px;
    padding-right: calc(180rem / 16);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.join_form .list ul li .pic-code {
    border: 1px solid #e30030;
    background-color: #e30030;
    color: #fff;
    cursor: pointer;
    text-align: center;
    position: absolute;
    right: 0px;
    top: 0px;
    height: 100%;
    /* line-height: calc(54rem / 16); */
    padding: 0rem calc(10rem / 16);
    text-align: center;
    /* min-width: calc(180rem / 16); */
    width: 30%;
    margin-top: 0;
}

.join_form .list ul li input[type="file"] {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.join_form .list ul li .formtext .txt {
    margin-top: 0px;
    padding-left: calc(210rem / 16);
}

.join_form .list ul li .formtext1 .txt {
    margin-top: 0px;
    padding-right: calc(180rem / 16);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.join_form .list ul li .formtext1 .txt#phone1 {
    width: 100% !important;
}









.nameform .list ul li .formtext {
    margin-top: calc(15rem / 16);
    position: relative;
}

.nameform .list ul li .formtext dl {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 9;
}

.nameform .list ul li .formtext dl dt {
    height: calc(56rem / 16);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: calc(130rem / 16);
    padding-right: calc(30rem / 16);
    border-right: 1px solid #d9d9d9;
    background: url('../png/job_5.png') no-repeat 85% center;
    cursor: pointer;
    padding-left: calc(15rem / 16);
    line-height: calc(54rem / 16);
}

.nameform .list ul li .formtext dl dt img {
    width: calc(26rem / 16);
}

.nameform .list ul li .formtext .num {
    position: absolute;
    left: calc(150rem / 16);
    top: 0px;
    height: 100%;
    display: flex;
    align-items: center;
}

.nameform .list ul li .formtext dl dd {
    height: 300px;
    overflow: auto;
    position: relative;
    z-index: 10;
    background: #f5f5f5 !important;
    border: 1px solid #d9d9d9;
    border-top: none;
    padding: calc(5rem / 16) calc(10rem / 16);
    box-shadow: 0px 5px 10px 2px rgba(0, 0, 0, 0.05);
    display: none;
}

.nameform .list ul li .formtext dl dd span {
    display: block;
    margin: calc(10rem / 16) 0;
    text-align: left;
    cursor: pointer;
}

.nameform .list ul li .formtext dl dd span:hover {
    color: #e30030;
}

.nameform .list ul li .formtext dl dd span img {
    display: inline-block;
    width: calc(26rem / 16);
}

.nameform .list ul li .formtext .txt {
    margin-top: 0px;
    padding-left: calc(210rem / 16);
}

.nameform .list ul li .formtext1 .txt {
    margin-top: 0px;
    padding-right: calc(180rem / 16);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* .nameform .list ul li .formtext1 {
    margin-top: calc(15rem / 16);
    position: relative;
} */

.nameform .list ul li .formtext1 {
    display: flex;
    margin-top: calc(15rem / 16);
    position: relative;
}

.nameform .list ul li .pic-code {
    border: 1px solid #e30030;
    background-color: #e30030;
    color: #fff;
    cursor: pointer;
    text-align: center;
    /* position: absolute; */
    right: 0px;
    top: 0px;
    /* height: 100%; */
    line-height: calc(60rem / 16);
    padding: 0rem calc(10rem / 16);
    text-align: center;
    min-width: calc(180rem / 16);
}

.noclick {
    pointer-events: none;
}


/* 新增 */
.section4 {
    background: #eff8ff;
    padding: calc(50rem / 16) 0rem;
    position: relative;
}

.section4 .tit {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    position: relative;
    z-index: 9;
}

.section4 .tit h3 {
    font-size: calc(64rem / 16);
    font-weight: bold;
}

/* .section4 .tit a { font-size: 18px; color: #e4002b; background: url('../images/a_icon1.png') no-repeat right center; padding-right: 35px; display: inline-block; border-bottom: 1px solid #e4002b; transition: all 0.6s; -webkit-transition: all 0.6s; }
.section4 .tit a:hover { padding-right: 40px; }
 */

.section4 .tit .m_link {
    margin-top: 0px;
}

.section4_swp {
    margin-top: calc(40rem / 16);
}

.section4_swp .link {
    display: block;
    background: #fff;
    padding: calc(40rem / 16) calc(30rem / 16);
    padding-bottom: calc(80rem / 16);
    display: block;
    height: 100%;
    position: relative;
}

.section4_swp .link strong {
    font-size: calc(18rem / 16);
    display: block;
    color: #666666;
    background: url('../png/a_icon2.png') no-repeat left center;
    padding-left: 25px;
    height: 45px;
    line-height: 45px;
}

.section4_swp .link h3 {
    font-size: calc(30rem / 16);
    color: #000000;
    margin-top: calc(10rem / 16);
    line-height: calc(40rem / 16);
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
}

.section4_swp .link p {
    font-size: calc(18rem / 16);
    color: #999999;
    margin-top: calc(15rem / 16);
    line-height: calc(28rem / 16);
}

.section4_swp .swiper-slide {
    height: auto !important;
}

.section4_swp .link:hover h6 {
    text-decoration: underline;
}

.section4_swp .link h6 {
    position: absolute;
    bottom: calc(20rem / 16);
    left: calc(30rem / 16);
    font-size: calc(18rem / 16);
}

.section4_swp .link h6:after {
    content: '';
    background: url('../png/a_icon3.png') no-repeat center center;
    width: calc(40rem / 16);
    height: calc(40rem / 16);
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    margin-left: calc(10rem / 16);
    background-size: calc(40rem / 16) auto;
}

.section4_swp .link:hover {
    color: #e4002b;
}

.section4_swp .link:hover h3 {
    color: #e4002b;
}

.section4_swp {
    padding-bottom: calc(90rem / 16);
}

.section4_next {
    bottom: 0px;
    top: inherit;
    background: url('../png/a_icon4.png') no-repeat center center;
    width: calc(64rem / 16);
    height: calc(64rem / 16);
    background-size: calc(60rem / 16) auto;
}

.section4_prev {
    bottom: 0px;
    left: inherit;
    top: inherit;
    right: calc(85rem / 16);
    background: url('../png/a_icon5.png') no-repeat center center;
    width: calc(64rem / 16);
    height: calc(64rem / 16);
    background-size: calc(60rem / 16) auto;
}

.section4 .backfont {
    position: absolute;
    top: calc(50rem / 16);
    left: 0px;
    width: 100%;
    font-size: calc(256rem / 16);
    text-align: center;
    color: #e0ebf1;
    font-weight: bold;
    z-index: 0;
}


.newstrends ul li {
    margin-top: calc(30rem / 16);
}

.newstrends ul li .link {
    display: block;
    background: #ffffff;
    box-shadow: 0px 6px 5px 2px rgba(0, 0, 0, 0.1);
    padding: calc(30rem / 16);
    position: relative;
    padding-right: calc(180rem / 16);
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
}

.newstrends ul li .link strong {
    display: block;
    font-size: calc(18rem / 16);
    color: #666666;
    background: url('../png/a_icon6.png') no-repeat left center;
    padding-left: calc(25rem / 16);
}

.newstrends ul li .link h3 {
    font-size: calc(30rem / 16);
    color: #000000;
    margin-top: calc(10rem / 16);
}

.newstrends ul li .link h6 {
    position: absolute;
    right: 0px;
    top: 50%;
    margin-top: calc(-22rem / 16);
    right: calc(30rem / 16);
    font-size: calc(18rem / 16);
    color: #000000;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
}

.newstrends ul li .link h6:after {
    content: '';
    background: url('../png/a_icon7.png') no-repeat center center;
    width: calc(44rem / 16);
    height: calc(44rem / 16);
    background-size: calc(40rem / 16) auto;
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    margin-left: calc(10rem / 16);
}

.newstrends ul li .link:hover h6 {
    text-decoration: underline;
}



@media (min-width: 960px) {
    .newstrends ul li .link:hover {
        background: #941e22;
        color: #fff;
        box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.1);
    }

    .newstrends ul li .link:hover h3 {
        color: #fff;
    }

    .newstrends ul li .link:hover strong {
        color: #fff;
        background: url('../png/a_icon6_m.png') no-repeat left center;
    }

    .newstrends ul li .link:hover h6 {
        color: #fff;
        right: calc(40rem / 16);
    }

    .newstrends ul li .link:hover h6:after {
        content: '';
        background: url('../png/a_icon8.png') no-repeat left center;
        background-size: calc(40rem / 16) auto;
    }
}

.news_details .item .tit em {
    font-size: calc(24rem / 16);
    background: url('../png/a_icon9.png') no-repeat left center;
    padding: 5px 0px;
    padding-left: 30px;
}

.news_details .adow {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
}

.news_details .adow .aym {
    width: 50%;
}

/* -- */
/* .news_details .anext {
    margin-top: calc(2.083vw + 10px);
    text-align: right;
} */

.news_details .anext .link {
    display: flex;
    flex-direction: row;
    align-items: center;
    cursor: pointer;
    justify-content: flex-end;
    text-align: right;
}

.news_details .anext .link .fr {
    width: calc(100% - 75rem / 16);
}


.news_details .anext .link i img {
    width: calc(60rem / 16);
    margin-left: calc(15rem / 16)
}

.news_details .anext .link .fr strong {
    display: block;
    font-size: calc(18rem / 16);
    margin-bottom: 6px;
}

.news_details .anext .link .fr span {
    display: block;
    font-size: calc(24rem / 16);
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 30px;
}

.news_details .anext .link:hover .fr strong {
    color: #e4002b;
    text-decoration: underline;
}

.news_details .anext .link:hover .fr span {
    color: #e4002b;
    text-decoration: underline;
}


/* -- */
/* .news_details .aprev {
    margin-top: calc(2.083vw + 10px);
} */

.news_details .aprev .link {
    display: flex;
    flex-direction: row;
    align-items: center;
    cursor: pointer;
}

.news_details .aprev .link .fr {
    width: calc(100% - 75rem / 16);
}

.news_details .aprev .link i img {
    width: calc(60rem / 16);
    margin-right: calc(15rem / 16)
}

.news_details .aprev .link .fr strong {
    display: block;
    font-size: calc(18rem / 16);
    margin-bottom: 6px;
}

.news_details .aprev .link .fr span {
    display: block;
    font-size: calc(24rem / 16);
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 30px;
}

.news_details .aprev .link:hover .fr strong {
    color: #e4002b;
    text-decoration: underline;
}

.news_details .aprev .link:hover .fr span {
    color: #e4002b;
    text-decoration: underline;
}

.news_details .adow {
    padding-top: calc(2.083vw + 10px);
    border-bottom: 1px solid #cccccc;
    padding-bottom: calc(2.083vw + 10px);
    position: relative;
}

.news_details .adow:after {
    content: '';
    background: #cccccc;
    height: 100%;
    width: 1px;
    position: absolute;
    left: 50%;
    top: 0px;
}

.news_details .hot {
    margin-top: calc(80rem / 16);
}

.news_details .hot .tit {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.news_details .hot .tit h3 {
    font-weight: bold;
    font-size: calc(30rem / 16);
}

/* .news_details .hot .tit a { font-size: calc(18rem / 16); color: #e4002b; background: url('../images/a_icon1.png') no-repeat right center; padding-right: 35px; display: inline-block; border-bottom: 1px solid #e4002b; transition: all 0.6s; -webkit-transition: all 0.6s; }
.news_details .hot .tit a:hover { padding-right: 40px; } */

.hot_swp {
    margin-top: calc(30rem / 16);
}

.hot_swp .swiper-slide {
    background: #fff;
    padding: calc(30rem / 16);
    height: auto;
}

.hot_swp .swiper-slide .link {
    display: block;
    font-size: calc(24rem / 16);
    background: url('../png/a_icon11.png') no-repeat left calc(7rem / 16);
    padding-left: 30px;
    margin: 15px 0px;
}

.hot_swp .swiper-slide .link:hover {
    color: #e4002b;
}

.news_details .hot .m_link {
    margin-top: 0px;
}




/* 灵活用工服务 */
.em-server {
    padding: calc(4.167vw + 20px) 0 0px;
}


.main {
    width: calc(85.417vw + 80px);
    margin: 0 auto;
}

.em-server {
    position: relative;
    padding-top: .1px;
}

.em-server .banner-title {
    margin-top: calc(8.333vw + 70px);
    font-size: calc(64rem / 16);
    font-weight: bold;
}

.em-server .main {
    margin-top: 2.646vw;
}

.em-server .main .title {
    margin-bottom: 2.604vw;
    font-size: calc(48rem / 16);
    font-weight: bold;
}

.em-server .main .title .color-red {
    color: #ce032a;
}

.em-server .section-one .challenge {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.em-server .section-one .challenge-detail {
    position: relative;
    width: 32%;
    overflow: hidden;
    background-color: #fff;
}

.em-server .section-one .challenge-detail:hover .masking {
    top: 0;
}

.em-server .section-one .detail-show img {
    width: 100%;
}

.em-server .section-one .detail-show p {
    text-align: left;
    font-size: calc(30rem / 16);
}

.em-server .section-one .detail-show .text {
    display: flex;
    align-items: center;
    /* justify-content: center; */
    width: 100%;
    /* height: calc(7.083vw - 1px); */
    padding: 1vw 1vw;
}

.em-server .section-one .masking {
    position: absolute;
    top: 100%;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background-color: rgba(228, 0, 43, .9);
    transition: all .7s;
}

.em-server .section-one .masking .content {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    width: 80%;
    font-size: calc(30rem / 16);
    color: #fff;
    text-align: center;
}

.em-server .section-one .masking .content p {
    margin-top: 1.042vw;
}

.em-server .section-one .masking .content .icon {
    width: 4.375vw;
    margin-bottom: 1vw;
}

.em-server .section-one .masking .content .icon img {
    width: 100%;
}

.em-server .section-two .on-stop {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 3.646vw;
    background-color: #fff;
}

.em-server .section-two .on-stop .left-container {
    position: relative;
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    /* margin-right: 11vw; */
    /* border-right: 1px solid #e6e6e6; */
}

.em-server .section-two .left-container .indication-point {
    position: absolute;
    top: 0;
    right: 0;
    transform: translateX(50%);
    display: flex;
    flex-direction: column;
    height: 100%;
}

.em-server .section-two .left-container .indication-point div[class^='point'] {
    width: 0.521vw;
    height: 0.521vw;
    margin-bottom: 7.292vw;
    background-color: #ce032a;
    border-radius: 50%;
}

.em-server .section-two .on-stop .pic {
    width: 15.104vw;
}

.em-server .section-two .on-stop .pic img {
    width: 100%;
}

.em-server .section-two .on-stop-list {
    position: relative;
    width: 57.292vw;
    font-size: calc(24rem / 16);
    color: #4c4c4c;
}

.em-server .section-two .on-stop-list::before {
    content: '';
    position: absolute;
    left: 0;
    top: 7.5%;
    width: 3px;
    height: 85%;
    background-color: #e6e6e6;
}

.em-server .section-two .on-stop-detail {
    position: relative;
    display: flex;
    padding: 1.5vw 0;
    padding-left: calc(1.875vw - 1px);
    padding-right: 2vw;
    margin-left: 10.417vw;
}

.em-server .section-two .on-stop-detail:hover {
    background-color: #e4002b;
    color: #fff;
}

.em-server .section-two .on-stop-detail:hover .indication-point {
    background-color: #e4002b;
}

.em-server .section-two .on-stop-detail:hover .serial {
    color: #fff;
}

.em-server .section-two .on-stop-detail .serial {
    margin-top: -.1vw;
    margin-right: 1.042vw;
    font-size: calc(36rem / 16);
    color: #cccccc;
    font-weight: bold;
}

.em-server .section-two .on-stop-detail .inside-title {
    margin-bottom: .8vw;
    font-size: calc(34rem / 16);
    font-weight: bold;
}

.em-server .section-two .on-stop-detail .indication-point {
    position: absolute;
    left: -10.6vw;
    top: 3vw;
    width: 0.521vw;
    height: 0.521vw;
    background-color: #e6e6e6;
    border-radius: 590%;
}

.em-server .section-three .title {
    margin-bottom: 2.083vw;
}

.em-server .section-three .introduce {
    font-size: calc(28rem / 16);
    color: #4c4c4c;
}

.em-server .section-three .bubbles {
    position: relative;
    width: 100%;
    height: 35.938vw;
    background: url(../png/bg-bubbles.png) no-repeat center/contain;
}

.em-server .section-three .bubble {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url(../png/bg-bubble.png) no-repeat center/contain;
    font-size: 1.3vw;
    color: #fff;
    /* font-weight: bold; */
    text-align: center;
    animation: bubblesAn linear infinite alternate;
}

.em-server .section-three .bubble a.wfEditorMode {
    position: absolute;
    top: 0;
}

.em-server .section-three .bubble:nth-of-type(1) {
    left: 7.333vw;
    top: 5.208vw;
    width: 13vw;
    height: 13vw;
    animation-duration: 1.3s;
}

.em-server .section-three .bubble:nth-of-type(2) {
    left: 27.708vw;
    top: 14vw;
    width: 10vw;
    height: 10vw;
    font-size: calc(1.5vw);
    animation-duration: 1.2s;
    animation-direction: alternate-reverse;
}

.em-server .section-three .bubble:nth-of-type(3) {
    left: 3.542vw;
    bottom: 3.646vw;
    width: 8vw;
    height: 8vw;
    animation-duration: 1.5s;
}

.em-server .section-three .bubble:nth-of-type(4) {
    left: 28.646vw;
    top: 2.500vw;
    width: 10vw;
    height: 10vw;
    animation-duration: 1.2s;
}

.em-server .section-three .bubble:nth-of-type(5) {
    left: 18vw;
    bottom: 0.688vw;
    width: 12vw;
    height: 12vw;
    padding: 15px;
    font-size: calc(1.4vw);
    animation-duration: 2s;
    animation-direction: alternate-reverse;
}

.em-server .section-three .bubble:nth-of-type(6) {
    left: 38.458vw;
    top: 22.708vw;
    width: 11vw;
    height: 11vw;
    animation-duration: 1s;
}

.em-server .section-three .bubble:nth-of-type(7) {
    left: 39.063vw;
    top: 5.208vw;
    width: 11.458vw;
    height: 11.458vw;
    font-size: 2vw;
    animation-duration: 3s;
}

.em-server .section-three .bubble:nth-of-type(8) {
    left: calc(55.063vw - 1px);
    bottom: 0;
    width: 8vw;
    height: 8vw;
    animation-duration: 1.5s;
    animation-direction: alternate-reverse;
}

.em-server .section-three .bubble:nth-of-type(9) {
    right: calc(23.958vw - 1px);
    top: 13.188vw;
    width: 12.5vw;
    height: 12.5vw;
    font-size: calc(1.5vw);
    animation-duration: 2s;
}

.em-server .section-three .bubble:nth-of-type(10) {
    right: 24.479vw;
    top: 0;
    width: 11.5vw;
    height: 11.5vw;
    font-size: calc(1.875vw - 1px);
    animation-duration: 2s;
    animation-direction: alternate-reverse;
}

.em-server .section-three .bubble:nth-of-type(11) {
    right: calc(8vw - 1px);
    top: 6.771vw;
    width: 12vw;
    height: 12vw;
    font-size: calc(1.875vw - 1px);
    animation-duration: 2.5s;
}

.em-server .section-three .bubble:nth-of-type(12) {
    right: 5.500vw;
    bottom: 3vw;
    width: 10.5vw;
    height: 10.5vw;
    font-size: calc(1.875vw - 1px);
    animation-duration: 2s;
    animation-direction: alternate-reverse;
}

.em-server .section-three .introduction {
    position: relative;
}

.em-server .section-three .introduction a {
    position: absolute;
    top: 0;
}

.em-server .section-four .flexible {
    position: relative;
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: calc(37.292vw - 1px);
    background: url(../jpg/bg-flexible.jpg) no-repeat center/contain;
    font-size: 1.563vw;
    color: #fff;
}

.em-server .section-four .flexible .left {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    height: 27.083vw;
    margin-left: 6.667vw;
    margin-top: 2.083vw;
}

.em-server .section-four .flexible .left .flexible-detail {
    align-items: flex-start;
}

.em-server .section-four .flexible .right {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    height: 27.083vw;
    margin-right: 6.667vw;
    margin-top: 2.083vw;
}

.em-server .section-four .flexible .serial {
    font-weight: bold;
}

.em-server .section-four .flexible .flexible-detail {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: 26.042vw;
    height: 100%;
}

.em-server .section-four .flexible .flexible-detail a.wfEditorMode {
    position: relative;
}

.em-server .section-four .flexible .right .flexible-detail {
    align-items: flex-end;
}

.em-server .section-four .flexible .inside-bg {
    position: absolute;
    left: 50%;
    top: 4%;
    transform: translateX(-50%);
    width: 85%;
    height: 90%;
    background: url(../png/flexible-inside.png) no-repeat center/contain;
}

.em-server .section-five .advantage {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    border-bottom: 1px solid #cccccc;
}

.em-server .section-five .advantage .advantage-detail {
    display: flex;
    align-items: center;
    width: 48%;
    margin-bottom: 4.167vw;
    font-size: calc(36rem / 16);
    /* font-weight: bold; */
}

.em-server .section-five .advantage .advantage-detail p {
    flex: 1;
}

.em-server .section-five .advantage .advantage-detail .icon {
    width: 3.865vw;
    margin-right: 0.521vw;
}

.em-server .section-six .top-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.em-server .section-six .top-container .form-title {
    flex: 1;
    font-size: calc(36rem / 16);
}

.em-server .section-six .top-container .left {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 1vw;
}

.em-server .section-six .top-container .right {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-top: 1vw;
}

.em-server .section-six .top-container .right p,
.em-server .section-six .top-container .right a {
    font-size: calc(25rem / 16);
}

.em-server .section-six .top-container .right .form-detail {
    display: flex;
    align-items: center;
    margin-left: 3.125vw;
}

.em-server .section-six .top-container .form-detail .icon {
    width: 2.604vw;
    margin-right: 0.521vw;
}

.em-server .section-six .top-container .form-detail .icon img {
    width: 100%;
}

.em-server .section-six .main-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 90%;
    margin: 0 auto;
    margin-top: calc(3.958vw - 1px);
    font-size: calc(20rem / 16);
}

.em-server .section-six .main-container .input-detail {
    box-sizing: border-box;
    /* width: 32%; */
    width: 49%;
}

.em-server .section-six .main-container .input-detail .name {
    margin-bottom: 0.521vw;
    font-size: calc(25rem / 16);
}

.em-server .section-six .main-container .input-detail .name span {
    color: #ce032a;
}

.em-server .section-six .main-container .input-detail input {
    font-size: calc(18rem / 16);
    height: calc(56rem / 16);
}

.em-server .section-six .main-container .input-detail.name input {
    width: 100%;
    padding-left: 1.042vw;
    /* border: 1px solid transparent; */
    border: 1px solid #bfbfbf;
    background: none;
}

.em-server .section-six .main-container .input-detail.tel .content {
    display: flex;
    align-items: center;
    border: 1px solid #bfbfbf;
    box-sizing: border-box;
    /* background-color: #fff; */
}

.em-server .section-six .main-container .input-detail.tel .num {
    margin-left: .6vw;
}

.em-server .section-six .main-container .input-detail.tel input {
    /* flex: 1; */
    width: 100%;
    padding-left: 1.042vw;
    background: none;

}

.em-server .section-six .main-container .input-detail.code .content {
    display: flex;
    box-sizing: border-box;
    border: 1px solid transparent;
}

.em-server .section-six .main-container .input-detail.code input {
    /* flex: 1; */
    width: 100%;
    padding-left: 1.042vw;
    border: 1px solid #bfbfbf;
    background: none;
}

.em-server .section-six .main-container .input-detail.code .code-btn {
    padding: 0 30px;
    background-color: #e4002b;
    color: #fff;
    line-height: calc(56rem / 16);
    white-space: nowrap;
}

.em-server .section-six .main-container .input-detail.code .code-btn:hover {
    cursor: pointer;
}

.em-server .section-six .bottom-container {
    margin-top: calc(40rem / 16);
    text-align: center;
}

.em-server .section-six .bottom-container .policy-container {
    display: flex;
    /* align-items: center; */
    justify-content: center;
    font-size: 16px;
}


.em-server .section-six .bottom-container .policy-container input {
    /* background: url('../images/icon50.png') no-repeat left center; */
    width: 24px;
    height: 24px;
    margin-right: 5px;
    border: 1px solid #cccccc;
    border-radius: 50%;
}

.em-server .section-six .bottom-container .policy-container input:hover {
    cursor: pointer;
}

.em-server .section-six .bottom-container .policy-container input:checked {
    background: url('../png/icon50_m.png') no-repeat center center;
}

.em-server .section-six .bottom-container .policy-container a {
    color: #e4002b;
}

.em-server .section-six .bottom-container .sub-btn {
    display: inline-block;
    padding: 1.042vw 5.208vw;
    margin-top: calc(30rem / 16);
    font-size: calc(20rem / 16);
    background-color: #e4002b;
    border-radius: 40px;
    color: #fff;
}

.em-server .section-six .bottom-container .sub-btn:hover {
    cursor: pointer;
}

.em-server .section-six .input-detail.tel dl dt {
    height: calc(56rem / 16);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: calc(130rem / 16);
    padding-right: calc(30rem / 16);
    border-right: 1px solid #d9d9d9;
    background: url('../png/job_5.png') no-repeat 85% center;
    cursor: pointer;
    padding-left: calc(15rem / 16);
    line-height: calc(54rem / 16);
}

.em-server .section-six .input-detail.tel dl dd {
    /* height: 300px; */
    overflow: auto;
    position: absolute;
    z-index: 10;
    background: #f5f5f5 !important;
    border: 1px solid #d9d9d9;
    border-top: none;
    padding: calc(5rem / 16) calc(10rem / 16);
    box-shadow: 0px 5px 10px 2px rgba(0, 0, 0, 0.05);
    display: none;
}

.em-server .section-six .input-detail.tel dl dd span {
    display: block;
}

.em-server .section-six .input-detail.tel dl dd span:hover {
    cursor: pointer;
    color: rgb(228,0,43);
}

@keyframes bubblesAn {
    from {
        transform: translateY(-0.521vw);
    }

    to {
        transform: translateY(0.521vw);
    }
}



@media (max-width: 681px) {
    .text .typed-text {
        font-size: calc(64rem / 32);
    }

    .text .typed-text em {
        margin-left: calc(280rem / 20);
    }
}





.service_box { padding-bottom: calc(4.167vw + 30px);  }

.service h3 { font-size: calc(48rem / 16); }
.service .list { margin-top: calc(70rem / 16); }
.service .list ul { display: flex;  flex-direction: row; flex-wrap: wrap;  }
.service .list ul li { flex: 1; padding: 0 calc(1.354vw + 22px); text-align: center; }
.service .list ul li .img { width: calc(96rem / 16); height: calc(96rem / 16); margin: 0 auto; position: relative; }
.service .list ul li .img img { position: absolute; top: 0px; left: 0px; }
.service .list ul li p { font-size: calc(24rem / 16); margin-top: calc(20rem / 16); line-height: calc(30rem / 16); }



.service1 { margin-top: calc(4.167vw + 30px); }
.service1 h3 { font-size: calc(48rem / 16); }
.service1 .item { display: flex; margin-top: calc(50rem / 16); justify-content: space-between; align-items: center; }
.service1 .item .fl { width: 47.7%; }
.service1 .item .fl img { width: 100%; }
.service1 .item .fr { width: 48%; }
.service1 .item .fr .list { height: 100%; }
.service1 .item .fr .list ul { height: 100%; }
.service1 .item .fr .list ul li .link { display: block; padding: calc(1.042vw + 5px) 1.042vw; height: 100%;
    transition: all 0.6s; -webkit-transition: all 0.6s;  }
.service1 .item .fr .list ul li .link .text { position: relative; padding-left: calc(60rem / 16); }
.service1 .item .fr .list ul li .link .text strong { position: absolute; left: 0px; top: calc(5rem / 16); color: #cccccc; font-weight: bold; font-family: 'Arail'; font-size: calc(26rem / 16); }
.service1 .item .fr .list ul li .link .text h4 { font-size: calc(26rem / 16); }
.service1 .item .fr .list ul li .link .text p { font-size: calc(20rem / 16); color: #4c4c4c; margin-top: calc(5rem / 16); }
.service1 .item .fr .list ul li .link:hover { background: #ce032a; }
.service1 .item .fr .list ul li .link:hover .text h4 { color: #fff; }
.service1 .item .fr .list ul li .link:hover .text p { color: #fff; }
.service1 .item .fr .list ul li .link:hover strong { color: #fff; }

.service1 .item .fr .list ul li.active .link { background: #ce032a; }
.service1 .item .fr .list ul li.active .link .text h4 { color: #fff; }
.service1 .item .fr .list ul li.active .link .text p { color: #fff; }
.service1 .item .fr .list ul li.active .link strong { color: #fff; }

.service2 { margin-top: calc(4.167vw + 30px); }
.service2 .tit h3 { font-size: calc(48rem / 16); }
.service2 .tit p { font-size: calc(26rem / 16); color: #4c4c4c; margin-top: calc(15rem / 16); }
.service2 .list ul { display: flex; flex-direction: row; flex-wrap: wrap; }
.service2 .list ul li { width: 20%; text-align: center; margin-top: calc(70rem / 16); }
.service2 .list ul li .img { width: calc(112rem / 16); height: calc(112rem / 16); margin: 0 auto; position: relative; }
.service2 .list ul li .img img { position: absolute; top: 0px; left: 0px; }
.service2 .list ul li p { font-size: calc(22rem / 16); }


.service3 { background: url('../png/ser_14.png') no-repeat center center; padding: calc(4.167vw + 30px) 0rem; margin-top: calc(4.167vw + 30px); background-size: cover; overflow: hidden; }
.service3 .tit { font-size: calc(48rem / 16); }
/* .service3 .back { background: url('../images/ser_15.png') no-repeat center center;  width: 40%; } */
.service3 .item .back { width: 46%; position: relative; }
.service3 .item .back .img { position: absolute; top: 0px; left: 0px;  width: 100%; display: flex; align-items: center; justify-content: center; margin: 0 auto; }
.service3 .item .back .img img { width: 49.7%; animation: mRoter360 6s linear infinite; -webkit-animation: mRoter360 6s linear infinite; }
.service3 .item { display: flex; flex-direction: row; margin-top: calc(90rem / 16); justify-content: center; }
.service3 .item p { font-size: calc(25rem / 16); font-weight: 500; }
.service3 .item .fl { width: 22%; display: flex; flex-direction: column; justify-content: space-between; padding: calc(5rem / 16); text-align: left;  }
.service3 .item .fl p { position: relative; padding-right: calc(30rem / 16); }
.service3 .item .fl p:after { content: ''; background: url('../png/ser_16.png') no-repeat right center; width: calc(12rem / 16); height: calc(12rem / 16); position: absolute; right: 0px; top: 50%; margin-top: calc(-6rem / 16);
background-size: calc(12rem / 16) auto;  }
.service3 .item .fr { width: 22%; display: flex; flex-direction: column; justify-content: space-between; padding: calc(5rem / 16); text-align: left; }
.service3 .item .fr p { position: relative; padding-left: calc(30rem / 16); }
.service3 .item .fr p:before { content: ''; background: url('../png/ser_16.png') no-repeat right center; width: calc(12rem / 16); height: calc(12rem / 16); position: absolute; left: 0px; top: 50%; margin-top: calc(-6rem / 16); background-size: calc(12rem / 16) auto; }

.service4 { margin-top: calc(4.167vw + 30px); }
.service4 .tit { font-size: calc(48rem / 16);  }
.service4 .list ul { display: flex; flex-direction: row; flex-wrap: wrap; }
.service4 .list ul li { width: 33.33%; flex-direction: row; margin-top: calc(50rem / 16); padding: 0px 6%; display: flex; justify-content: center; align-items: center; }
.service4 .list ul li strong { font-size: calc(20rem / 16); line-height: calc(30rem / 16); }
.service4 .list ul li i { width: calc(40rem / 16); height: calc(40rem / 16); margin-right: calc(15rem / 16); flex: 0 0 auto; }


.service5 .had { margin-top: calc(4.167vw + 30px); }
.service5 .had .tit { font-size: calc(48rem / 16); }
.service5 .had .con { display: flex; flex-direction: row; margin-top: calc(20rem / 16); font-size: calc(26rem / 16); }
.service5 .had .con p { display: flex; flex-direction: row; align-items: center; margin-left: calc(50rem / 16); }
.service5 .had .con p i { margin-right: calc(10rem / 16); }


.join_form .school-tips{
    margin-top: calc(30rem / 16);
}

.join_form .school-tips ul {
    margin-top: calc(8rem / 16);
    font-size: calc(20rem / 16);
    text-align: left;
}

.join_form .school-tips p {
    /* font-weight: bold; */
    text-align: left;
    font-size: calc(20rem / 16);
}

.join_form .school-tips p.title {
    margin-bottom: calc(8rem / 16);
}

.join_form .school-tips .full-line {
    margin-top: calc(8rem / 16);
}