.index_swiper {
        width: 100%;
        height: 550px;
    }
    
    .index_swiper .swiper-container {
        width: 100%;
        height: 100%;
    }
    
    .index_swiper .swiper-container div {
        /* display: flex; */
        /* position: relative; */
        /* height: 550px; */
    }
    
    .index_swiper img {
        min-width: 100%;
        width: auto;
        height: 550px;
        /* min-height: 550px; */
        display: block;
        margin: 0 auto;
        /* position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        vertical-align: middle; */
    }
    
    .s_t_1 {
        background: url(../img/img_sy2.png) no-repeat center;
        background-size: 100% auto;
    }
    
    .s_t_2 {
        background: url(../img/img_sy3.png) no-repeat center;
        background-size: 100% auto;
    }
    
    .s_t_3 {
        background: url(../img/img_sy4.png) no-repeat center;
        background-size: 100% auto;
    }
    
    .index_swiper .swiper-pagination-bullet {
        width: 16px;
        height: 16px;
        background: #A0A0A0;
        opacity: 1;
        box-sizing: border-box;
    }
    
    .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 6px;
    }
    
    .index_swiper .swiper-pagination-bullet-active {
        border: 3px solid #A0A0A0;
        background: none;
    }
    /* 导航 */
    
    .nav_wrap {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 100;
        width: 100%;
        height: 70px;
        background: #666666;
        box-shadow: 0 5px 15px 4px rgba(0, 0, 0, .3);
        display: none;
    }
    
    .top_wrap {
        position: fixed;
        top: 0;
        left: 50%;
        margin-left: -600px;
        z-index: 100;
        width: 1200px;
        height: 70px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    
    .top_wrap img {
        height: 40px;
    }
    
    .nav_list {
        display: flex;
    }
    
    .nav_list>li {
        margin-left: 49px;
        padding-bottom: 10px;
        position: relative;
        transition: all 1s;
    }
    
    .nav_list>li:active {
        border-bottom: 1px solid #1AC2C8;
    }
    
    .nav_list>li:active>a {
        color: #1AC2C8;
    }
    
    .nav_list>li:hover {
        border-bottom: 1px solid #1AC2C8;
    }
    
    .nav_list>li:hover>a {
        color: #1AC2C8;
    }
    
    .about_nav {
        position: absolute;
        top: 30px;
        left: 50%;
        margin-left: -73px;
        width: 145px;
        background: #1B1B1B;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        overflow: hidden;
        height: 0;
        transition: all 1s;
        -moz-transition: height 2s;
        /* Firefox 4 */
        -webkit-transition: height 2s;
        /* Safari 和 Chrome */
        -o-transition: height 2s;
        /* Opera */
    }
    
    .about_nav>li {
        line-height: 30px;
        text-align: left;
        padding: 0 10px;
        box-sizing: border-box;
        cursor: pointer;
    }
    
    .about_nav>li:hover {
        background: #3AC9CE;
    }
    
    .nav_list .about_nav>li:hover a {
        color: #ffffff;
    }
    
    .about_nav_title {
        transition: all 1s;
    }
    
    .about_nav_title:hover .about_nav {
        height: auto;
        border-top: 2px solid #3AC9CE;
    }
    
    .about_nav>li:hover a {
        color: #636363;
    }
    
    .nav_list .about_nav a {
        display: block;
        font-size: 12px;
        color: #959595;
        width: 100%;
    }
    
    .nav_list a {
        font-size: 16px;
        color: #CCCCCC;
    }
    
    .nav_list>.nc {
        border-bottom: 1px solid #1AC2C8;
    }
    
    .nav_list>.nc a {
        color: #1AC2C8;
    }
    
    .top_wrap .top_code {
        width: 150px;
        height: 0;
        position: absolute;
        top: 35px;
        left: -70px;
        transition: all .3s;
    }
    
    .top_code_text:hover .top_code {
        height: 150px;
    }
    /* 首页公司业务 */
    
    .business_wrap {
        /* height: 922px; */
        background: #313131;
        padding: 100px 0;
    }
    
    .business_title {
        font-size: 30px;
        color: #7D7D7D;
        margin-bottom: 30px;
    }
    
    .business_content {
        width: 1200px;
        margin: 0 auto;
        display: flex;
    }
    
    .business_content>li {
        width: 33.3333%;
        transition: all .4s;
    }
    
    .business_content>li:hover a {
        color: #1AC2C9;
    }
    
    .business_content>li a {
        color: #7D7D7D;
    }
    
    .business_list {
        display: flex;
        padding: 100px 0;
    }
    
    .business_list>li {
        width: 33%;
    }
    
    .business_content>li img {
        width: 126px;
        height: 126px;
        margin: 100px 0;
    }
    
    .business_content>li div {
        padding: 100px 60px;
        box-sizing: border-box;
    }
    
    .business_content>li p {
        font-size: 30px;
        text-align: left;
        margin-bottom: 40px;
    }
    
    .business_content>li span {
        font-size: 14px;
        display: inline-block;
        text-align: left;
    }
    /* <!-- 首页我们的优势 --> */
    
    .index_advantages {
        background: url(../img/bg-youshi.png) no-repeat;
        background-position: 0 0;
        background-size: 100% 100%;
    }
    
    .advantages_content {
        width: 1200px;
        margin: 0 auto;
    }
    
    .advantages_title {
        color: #FFFFFF;
        font-size: 27px;
        padding: 100px 0;
    }
    
    .advantages_list {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
    }
    
    .advantages_list>li {
        width: 33.333%;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 115px;
        cursor: pointer;
    }
    
    .advantages_list_top {
        width: 170px;
        height: 170px;
        position: relative;
    }
    
    .advantages_list_top img {
        width: 170px;
        height: 170px;
    }
    
    .advantages_list_text {
        width: 170px;
        height: 170px;
        border-radius: 50%;
        background: #1AC2C8;
        color: #ffffff;
        font-size: 14px;
        display: flex;
        justify-content: center;
        align-items: center;
        line-height: 30px;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
    }
    
    .advantages_list_top:hover {
        animation: flipOutY .5s;
    }
    
    .advantages_list_top:hover .advantages_list_text {
        animation: fadeIn .5s;
        animation-timing-function: ease-in;
        opacity: 1;
    }
    
    .advantages_list_bottom {
        font-size: 24px;
        color: #E7E3E3;
        margin-top: 30px;
        font-weight: 100;
    }
    /* 首页关于我们 */
    
    .index_about {
        width: 1200px;
        margin: 0 auto;
    }
    
    .about_title {
        font-size: 30px;
        color: #7D7D7D;
        margin: 70px auto;
    }
    
    .about_text {
        font-size: 14px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        color: rgba(103, 103, 103, 1);
        line-height: 24px;
        text-align: left;
        width: 900px;
        margin: 0 auto;
    }
    
    .about_more {
        display: block;
        width: 250px;
        height: 41px;
        line-height: 39px;
        border: 1px solid rgba(149, 149, 149, 1);
        box-sizing: border-box;
        border-radius: 21px;
        font-size: 24px;
        color: #373737;
        margin: 100px auto;
        transition: all .7s;
    }
    
    .about_more:hover {
        color: #ffffff;
        border: none;
        background: rgba(58, 201, 206, 1);
    }
    
    .index_about_img_a {
        width: 588px;
        height: 351px;
        margin: 0 auto;
        position: relative;
        cursor: pointer;
    }
    
    .index_about_img_a .v_img {
        width: 100%;
        height: 100%;
    }
    
    .index_about_img_a .v_img_a {
        width: 74px;
        height: 74px;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -37px;
        margin-left: -37px;
    }
    
    .index_news {
        width: 1200px;
        margin: 0 auto;
    }
    
    .index_news_list {
        width: 1200px;
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    
    .index_news_list>li {
        width: 550px;
        height: 180px;
        border-radius: 10px;
        overflow: hidden;
        margin-bottom: 50px;
    }
    
    .index_news_list>li:hover .news_text_wrap {
        background: #2EC9CF;
    }
    
    .index_news_list>li:hover p,
    .index_news_list>li:hover span {
        color: #ffffff;
    }
    
    .index_news_list>li a {
        display: flex;
    }
    
    .index_news_list>li img {
        width: 200px;
        height: 180px;
        position: relative;
        z-index: 1;
    }
    
    .news_text_wrap {
        width: 360px;
        height: 180px;
        padding: 25px;
        box-sizing: border-box;
        text-align: left;
        transition: all .4s;
        margin-left: -10px;
    }
    
    .news_text_wrap p {
        font-size: 16px;
        color: #555555;
        font-weight: 600;
        margin-top: 10px;
    }
    
    .news_text_wrap .news_data {
        color: #676767;
        font-weight: 400;
        margin-top: 0;
    }
    
    .news_text_content {
        font-size: 12px;
        color: #656565;
        font-weight: 600;
        margin-top: 10px;
        display: block;
    }
    /* 首页联系我们 */
    
    .index_contact {
        background: url(../img/img-lianxi.png) 100% no-repeat;
        /* height: 924px; */
        background-position: 0 0;
        padding: 70px 0;
    }
    
    .index_contact_title {
        color: #FFFFFF;
    }
    
    .index_contact_title p {
        font-size: 27px;
        font-family: Source Han Sans CN;
        font-weight: 400;
    }
    
    .index_contact_title span {
        display: block;
        width: 422px;
        font-size: 16px;
        font-family: Source Han Sans CN;
        font-weight: 100;
        line-height: 29px;
        margin: 0 auto;
    }
    
    .contact_wrap {
        width: 1200px;
        margin: 40px auto;
        display: flex;
        justify-content: space-between;
    }
    
    .contact_left {
        text-align: left;
    }
    
    .contact_left>p {
        font-size: 19px;
        color: #ffffff;
        line-height: 32px;
        margin-bottom: 30px;
    }
    
    .contact_left ul>li {
        margin-top: 30px;
    }
    
    .contact_left ul img {
        max-width: 22px;
        max-height: 22px;
        margin-right: 10px;
    }
    
    .contact_left ul span {
        font-size: 12px;
        color: #ffffff;
    }
    
    .contact_right {
        width: 819px;
        text-align: left;
    }
    
    .contact_right li {
        margin-bottom: 30px;
    }
    
    .contact_right p {
        font-size: 12px;
        color: #ffffff;
        margin-bottom: 15px;
    }
    
    .contact_right input {
        width: 816px;
        height: 48px;
        background: rgba(255, 255, 255, .4);
        border: none;
        padding: 0 10px;
        font-size: 14px;
        box-sizing: border-box;
    }
    
    .contact_right textarea {
        width: 816px;
        height: 130px;
        background: rgba(255, 255, 255, .4);
        padding: 10px;
        font-size: 14px;
        resize: none;
        box-sizing: border-box;
        border: none;
    }
    
    .contact_right button {
        width: 197px;
        height: 48px;
        background: #ffffff;
        font-size: 19px;
        color: rgba(46, 201, 207, 1);
        border: none;
        cursor: pointer;
        float: right;
        transition: all .4s;
    }
    
    .contact_right button:hover {
        background: rgba(46, 201, 207, 1);
        color: #ffffff;
    }
    
    footer {
        background: #313131;
    }
	
    .footer_top {
        width: 1200px;
        margin: 0 auto;
        padding: 90px 0;
        display: flex;
        justify-content: space-between;
        align-content: space-between;
    }
    
    .footer_left {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    
    .footer_left>li {
        position: relative;
        padding-left: 30px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    
    .footer_left>li:hover a {
        color: #1AC2C9;
        transition: all 1s;
    }
    
    .footer_left>li:last-child {
        margin: 0;
    }
    
    .footer_left>li::before {
        content: '';
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: rgba(255, 255, 255, .6);
        position: absolute;
        top: 7px;
        left: 0;
    }
    
    .footer_left a {
        font-size: 16px;
        color: rgba(255, 255, 255, .6);
    }
    
    .footer_right {
        width: 50%;
        text-align: left;
    }
    
    .footer_right>img {
        width: 410px;
        height: auto;
        margin-bottom: 30px;
    }
    
    .footer_right_list {
        display: flex;
        font-size: 16px;
        color: rgba(255, 255, 255, .6)
    }
    
    .s_left a {
        width: 29px;
        height: 29px;
        background: #464646;
        border-radius: 50%;
        text-align: center;
        line-height: 29px;
        color: #B5B5B5;
    }
    
    .s_left a:nth-of-type(2) {
        line-height: 21px;
    }
    
    .s_left a i {
        font-size: 19px;
    }
    
    .s_left a:hover {
        color: #ffffff;
    }
    
    .s_left div {
        margin-top: 15px;
        position: relative;
        display: flex;
        justify-content: space-between;
    }
    
    .s_wx_img {
        position: absolute;
        left: -125px;
        top: -19px;
        width: 100px;
        height: 100px;
        display: none;
        transition: all 1s;
    }
    
    .s_wx_img:nth-of-type(2) {
        left: -250px;
    }
    
    .s_wx:hover img {
        /* display: block; */
    }
    
    .s_right {
        border-left: 1px solid rgba(255, 255, 255, .3);
        padding-left: 30px;
        margin-left: 30px;
        height: 116px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    
    .footer {
        background: #ffffff;
        padding: 30px 0;
        font-size: 16px;
        color: #7D7D7D;
		width: 100%;
		text-align: center;
    }
	.footer a {
		color: #7D7D7D;
	}
    /* 关于我们页面 */
    
    .about_banner {
        width: 100%;
        height: 500px;
        position: relative;
    }
    
    .about_banner img {
        min-width: 100%;
        height: auto;
        min-height: 500px;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translate(-50%, 0);
        vertical-align: middle;
    }
    
    .top_list {
        background: url(../img/bg-.png) no-repeat;
        background-size: 100% 100%;
        background-position: 0 0;
        padding: 30px 0;
    }
    
    .top_num_list {
        width: 1200px;
        margin: 0 auto;
        display: flex;
        justify-content: space-around;
        color: #ffffff;
    }
    
    .top_num_list p {
        font-size: 75px;
        font-family: Arial;
    }
    
    .top_num_list span {
        font-size: 22px;
        font-weight: 100;
        font-family: Source Han Sans CN;
    }
    
    .introduction {
        background: #383838;
        padding: 40px 0;
    }
    
    .introduction_content {
        width: 1200px;
        margin: 0 auto;
    }
    
    .introduction_content_wrap {
        height: 400px;
        display: flex;
        justify-content: space-around;
        align-items: center;
        margin: 100px 0;
        transition: all .4s;
        position: relative;
    }
    
    .introduction_content>li {
        text-align: left;
        color: #ffffff;
    }
    
    .introduction_content_text {
        width: 547px;
    }
    
    .introduction_content_wrap img {
        height: 475px;
        margin-top: 15px;
    }
    
    .introduction_content_title {
        width: 60px;
        white-space: nowrap;
        font-size: 34px;
        font-family: Source Han Sans CN;
        line-height: 32px;
        font-weight: 400;
        border-bottom: 4px solid #39C9CE;
        line-height: 100px;
    }
    
    .introduction_content_text p {
        font-size: 14px;
        line-height: 26px;
        margin: 15px 0;
    }
    
    .introduction_content_text span {
        font-size: 20px;
    }
    
    .video_look {
        display: block;
        width: 120px;
        height: 40px;
        border: 1px solid rgba(58, 201, 206, .3);
        text-align: center;
        line-height: 40px;
        transition: all .4s;
        cursor: pointer;
    }
    
    .video_look:hover {
        background: rgba(58, 201, 206, .3);
    }
    
    .introduction_content_wrap:hover {
        box-shadow: 0px 10px 20px 0px rgba(57, 201, 206, 0.16)
    }
    
    .mark {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, .7);
        z-index: 400;
        display: none;
    }
    
    .mark_wrap {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .video_wrap {
        max-width: 70%;
        position: relative;
        margin: 0 auto;
        display: inline-block;
    }
    
    .mark video {
        max-width: 100%;
        max-height: 70%;
        vertical-align: middle;
    }
    
    .close_video {
        position: absolute;
        top: -30px;
        right: -30px;
        font-size: 30px;
        color: #ffffff;
        text-align: right;
        z-index: 99;
        cursor: pointer;
    }
    /* 合作 */
    
    .cooperation_banner {
        width: 100%;
        /* display: flex;
        justify-content: center;
        align-items: center; */
    }
    
    .cooperation_banner img {
        width: 100%;
        /* min-width: 100%;
        max-height: 500px;
        margin: 0 auto; */
        height: auto;
    }
    
    .cooperation_wrap {
        width: 100%;
        background: #383838;
        padding: 90px 0;
    }
    
    .cooperation_title {
        margin-bottom: 49px;
    }
    
    .cooperation_title p {
        font-size: 30px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        color: rgba(255, 255, 255, 1);
        line-height: 46px;
    }
    
    .cooperation_title span {
        display: block;
        margin: 0 auto;
        width: 370px;
        font-size: 14px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        color: rgba(204, 204, 204, 1);
    }
    
    .cooperation_center {
        width: 1200px;
        margin: 0 auto;
        position: relative;
    }
    
    .cooperation_list {
        width: 1200px;
        margin: 30px auto;
        display: flex;
        flex-wrap: wrap;
    }
    
    .cooperation_list>li {
        width: 25%;
        height: 150px;
        box-sizing: border-box;
        display: flex;
        justify-content: center;
        align-items: center;
        border-right: 1px dashed rgba(210, 210, 210, .1);
        border-bottom: 1px dashed rgba(210, 210, 210, .1);
        cursor: pointer;
        transition: all .4s;
    }
    
    .cooperation_list>li:hover {
        background: rgba(0, 194, 201, 1);
        border-radius: 5px;
        box-shadow: 0 0 15px rgba(0, 194, 201, .4);
    }
    
    .cooperation_list>li:hover img:nth-of-type(1) {
        display: none;
    }
    
    .cooperation_list>li:hover img:nth-of-type(2) {
        display: block;
    }
    
    .cooperation_list>li img {
        max-width: 117px;
        transition: all 1s;
    }
    
    .cooperation_list>li img:nth-of-type(1) {
        filter: brightness(370%);
    }
    
    .cooperation_list>li img:nth-of-type(2) {
        display: none;
    }
    
    .t_border {
        height: 5px;
        background: #383838;
        margin-top: -31px;
        position: relative;
        z-index: 1;
    }
    
    .r_border {
        width: 10px;
        height: 100%;
        background: #383838;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 1;
    }
    /* 联系我们 */
    
    .contact_img_list {
        width: 1200px;
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
    }
    
    .contact_img_list img {
        height: 405px;
    }
    /* 合作 */
    
    .column_top {
        width: 1200px;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        margin-bottom: 40px;
    }
    
    .column_top>img {
        width: 550px;
    }
    
    .column_top_right {
        width: 557px;
        text-align: left;
        color: #ffffff;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
    }
    
    .column_top_right h1 {
        font-size: 24px;
        font-weight: 400;
    }
    
    .column_top_right span {
        font-size: 14px;
    }
    
    .column_top_right p {
        font-size: 14px;
        line-height: 24px;
    }
    
    .order_column_wrap {
        width: 1200px;
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    
    .order_column_wrap>li {
        width: 388px;
        height: 480px;
        position: relative;
        margin-bottom: 30px;
        cursor: pointer;
    }
    
    .order_column_wrap>li:hover .o_text_v {
        opacity: 1;
    }
    
    .order_column_wrap img {
        width: 100%;
        height: 100%;
    }
    
    .o_text_v {
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, .6);
        position: absolute;
        top: 0;
        left: 0;
        color: #ffffff;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: center;
        /* display: none; */
        transition: all .4s;
        opacity: 0;
    }
    
    .o_text_v p {
        font-size: 24x;
        margin-bottom: 60px;
    }
    
    .o_text_v span {
        font-size: 14px;
        display: block;
        margin-bottom: 127px;
    }
    
    .o_text_v div {
        width: 149px;
        line-height: 49px;
        display: inline-block;
        font-size: 16px;
        margin-bottom: 49px;
        border-bottom: 1px solid #ffffff;
    }
    /* 智能 */
    
    .intelligent_wrap {
        background: #373737;
        padding-top: 240px;
        color: rgba(255, 255, 255, 1);
    }
    
    .intelligent_content {
        width: 1200px;
        margin: 0 auto;
    }
    
    .intelligent_title {
        font-size: 30px;
        font-weight: 100;
    }
    
    .intelligent_title_text {
        display: flex;
        justify-content: space-between;
        font-size: 34px;
        margin: 60px 0 30px 0;
    }
    
    .intelligent_content_text {
        font-size: 14px;
        text-align: left;
        margin-top: 40px;
    }
    
    .intelligent_content_text span {
        color: #3AC9CE;
    }
    
    .intelligent_swiper {
        padding: 100px 0;
    }
    
    .intelligent_swiper .swiper {
        width: 1200px;
        margin: 0 auto;
        position: relative;
    }
    
    .current-swiper {
        width: 540px;
        height: 960px;
        margin: 0 auto;
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
        position: relative;
        z-index: 99;
    }
    
    .left-swiper {
        position: absolute;
        left: 117px;
        top: 324px;
        z-index: 1;
    }
    
    .right-swiper {
        position: absolute;
        right: 117px;
        left: auto;
        top: 324px;
        z-index: 1;
    }
    
    .nocurrent-swiper {
        width: 216px;
        height: 384px;
        box-shadow: 0 0 20px rgba(255, 255, 255, 0.05);
    }
    
    .nocurrent-swiper:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(237, 240, 240, 0.9);
        z-index: 99;
    }
    /* .slide1 {
    background: url(../images/p1.jpg) no-repeat right 50%/auto 100% #fff;
}

.slide2 {
    background: url(../images/p2.jpg) no-repeat right 50%/auto 100% #e2e3e8;
}

.slide3 {
    background: url(../img/p3.jpg) no-repeat right 50%/auto 100% #f0faf9;
} */
    
    .swiper-button-prev {
        width: 46px;
        height: 46px;
        background: url(../img/curr_prev.png) no-repeat center center;
    }
    
    .swiper-button-next {
        width: 46px;
        height: 46px;
        background-size: auto;
        background-image: url(../img/curr_next.png);
    }
    /* 业务 */
    
    .business_list {
        width: 1200px;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
    }
    
    .business_list>li {
        width: 252px;
    }
    
    .business_list>li:hover span {
        color: #3AC9CE;
    }
    
    .business_list>li span {
        font-size: 21px;
        color: #2C4058;
        display: block;
        margin: 30px 0;
        transition: all .4s;
    }
    
    .business_list>li p {
        text-align: left;
        font-size: 16px;
        color: #A5A5A5;
    }
    /* 启动页 */
    
    .start_wrap {
        width: 100%;
        height: 100vh;
        background: url(../img/bg.png) no-repeat;
        background-size: 100% 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        color: #ffffff;
        overflow: hidden;
    }
    
    .start_title {
        margin-top: -40px;
    }
    
    .start_title p {
        font-size: 49px;
        font-family: Source Han Sans CN;
        -webkit-animation: bounceInDown 2s both;
        -moz-animation: bounceInDown 2s both;
        -ms-animation: bounceInDown 2s both;
        animation: bounceInDown 2s both;
    }
    
    .start_title span {
        display: block;
        font-size: 30px;
        font-family: Source Han Sans CN;
        -webkit-animation: bounceInRight 2s both;
        -moz-animation: bounceInRight 2s both;
        -ms-animation: bounceInRight 2s both;
        animation: bounceInRight 2s both;
    }
    
    .s_a {
        display: block;
        width: 240px;
        height: 40px;
        border: 1px solid rgba(255, 255, 255, 1);
        border-radius: 30px;
        font-size: 16px;
        font-family: PingFang;
        font-weight: 100;
        color: rgba(255, 255, 255, 1);
        line-height: 40px;
        position: fixed;
        bottom: 100px;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#6cc3fe), to(#21a1d0));
        background-image: -moz-gradient(linear, left top, left bottom, from(#6cc3fe), to(#21a1d0));
        background-image: -ms-gradient(linear, left top, left bottom, from(#6cc3fe), to(#21a1d0));
        background-image: gradient(linear, left top, left bottom, from(#6cc3fe), to(#21a1d0));
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-name: breathe;
        -webkit-animation-duration: 1700ms;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-direction: alternate;
        -ms-animation-timing-function: ease-in-out;
        -ms-animation-name: breathe;
        -ms-animation-duration: 1700ms;
        -ms-animation-iteration-count: infinite;
        -ms-animation-direction: alternate;
        -moz-animation-timing-function: ease-in-out;
        -moz-animation-name: breathe;
        -moz-animation-duration: 1700ms;
        -moz-animation-iteration-count: infinite;
        -moz-animation-direction: alternate;
        animation-timing-function: ease-in-out;
        animation-name: breathe;
        animation-duration: 1700ms;
        animation-iteration-count: infinite;
        animation-direction: alternate;
    }
    
    @-webkit-keyframes breathe {
        0% {
            opacity: .2;
            box-shadow: 0 1px 2px rgba(255, 255, 255, 0.1);
        }
        100% {
            opacity: 1;
            border: 1px solid rgba(59, 235, 235, 1);
            box-shadow: 0 1px 30px rgba(59, 255, 255, 1);
        }
    }
    
    @-moz-keyframes breathe {
        0% {
            opacity: .2;
            box-shadow: 0 1px 2px rgba(255, 255, 255, 0.1);
        }
        100% {
            opacity: 1;
            border: 1px solid rgba(59, 235, 235, 1);
            box-shadow: 0 1px 30px rgba(59, 255, 255, 1);
        }
    }
    
    @-ms-keyframes breathe {
        0% {
            opacity: .2;
            box-shadow: 0 1px 2px rgba(255, 255, 255, 0.1);
        }
        100% {
            opacity: 1;
            border: 1px solid rgba(59, 235, 235, 1);
            box-shadow: 0 1px 30px rgba(59, 255, 255, 1);
        }
    }
    
    @keyframes breathe {
        0% {
            opacity: .2;
            box-shadow: 0 1px 2px rgba(255, 255, 255, 0.1);
        }
        100% {
            opacity: 1;
            border: 1px solid rgba(59, 235, 235, 1);
            box-shadow: 0 1px 30px rgba(59, 255, 255, 1);
        }
    }
    /* 招聘 */
    
    .recruitment_list {
        width: 1200px;
        margin: 0 auto;
        color: #ffffff;
        margin-bottom: 100px;
    }
    
    .recruitment_list>li {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 40px;
        box-sizing: border-box;
        height: 126px;
        border: 1px solid rgba(255, 255, 255, .1);
        margin-bottom: 30px;
        transition: all 1s;
        cursor: pointer;
    }
    
    .recruitment_list>li:hover {
        background: #0C1442;
        border: 1px solid rgba(12, 20, 66, .1);
    }
    
    .recruitment_list>li p {
        font-size: 16px;
        width: 150px;
        text-align: left;
    }
    
    .recruitment_list>li span {
        font-size: 14px;
        color: #606480;
    }
    
    .recruitment_list>li a {
        font-size: 14px;
        width: 121px;
        height: 50px;
        line-height: 49px;
        border: 1px solid rgba(150, 150, 150, 1);
        border-radius: 25px;
        box-sizing: border-box;
    }
    
    .recruitment_list>li a:hover {
        background: #3AC9CE;
        border: none;
    }
    
    .recruitment_img {
        width: 1200px;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        margin-top: 40px;
    }
    
    .recruitment_img img {
        width: 350px;
        height: auto;
    }