.about{background: url(../images/w_back_1.jpg) no-repeat 0 100%; padding: 6.0rem 0;}
    .about_content{ max-width: 1440px; width: 98%; margin: 0 auto;}
    .about_title{ font-size:2.6rem; color: #2e2e2e; text-align: center; font-weight: 500;}
    .about_content .about_content_text{ color: #3d4c66; text-align: center; margin-top: 2.6rem; margin-bottom: 8.0rem;}
    .about_content .about_content_text h2{ font-size: 1.6rem; font-weight: 500;}
    .about_content .about_content_text p{ font-size: 1.1rem; margin-top: 1.0rem; line-height: 2.2rem; font-weight: normal;}
    .about_wenhua{max-width: 1450px; width: 98%; margin: 4.0rem auto;}
    .about_wenhua_ul{margin-top: 2.6rem;}
    .about_wenhua_ul ul{ display: flex; align-items: flex-start; justify-content: space-between; align-items: stretch;}
    .about_wenhua_ul ul li {width: 19%;}
    .about_wenhua_content{ padding:4.0rem 2.0rem;}
    .about_wenhua_content h3{ font-size: 1.6rem; color: #4b4d4d; font-weight: 500;}
    .about_wenhua_content p{font-size: 1.1rem; color: #9c9c9c; margin-top: 2.0rem;}
    .about_wenhua_ul ul li:nth-child(1){background: url(../images/about_back_1.jpg) 0 100%;}
    .about_wenhua_ul ul li:nth-child(2){background: url(../images/about_back_2.jpg) 0 100%;}
    .about_wenhua_ul ul li:nth-child(3){background: url(../images/about_back_3.jpg) 0 100%;}
    .about_wenhua_ul ul li:nth-child(4){background: url(../images/about_back_4.jpg) 0 100%;}
    .about_wenhua_ul ul li:nth-child(5){background: url(../images/about_back_5.jpg) 0 100%;}
    
    .about_wenhua_ul ul li:hover h3{color: #fff;}
    .about_wenhua_ul ul li:hover p{color: #fff;}
    .about_wenhua_ul ul li:nth-child(1):hover{background: url(../images/about_back_1_1.jpg) 0 100%;}
    .about_wenhua_ul ul li:nth-child(2):hover{background: url(../images/about_back_2_1.jpg) 0 100%;}
    .about_wenhua_ul ul li:nth-child(3):hover{background: url(../images/about_back_3_1.jpg) 0 100%;}
    .about_wenhua_ul ul li:nth-child(4):hover{background: url(../images/about_back_4_1.jpg) 0 100%;}
    .about_wenhua_ul ul li:nth-child(5):hover{background: url(../images/about_back_5_1.jpg) 0 100%;}
    .about_fazhan{background: url(../images/w_back_2.jpg) no-repeat 50% 50%; padding: 6.0rem 0;}
    .about_fazhan_max{ max-width: 1440px; width: 98%; margin: 0 auto;}
    .about_fazhan_content{margin-top: 2.6rem;}
    .about_fazhan_content ul{ display: flex; align-items: flex-start; align-items: stretch; justify-content: space-between}
    .about_fazhan_content ul li{ width: 23%; background-color: #fff; position: relative;}
    .about_fazhan_content ul li .about_fazhan_text{ padding: 2.0rem 1.0rem;}
    .about_fazhan_content ul li h3{ font-size: 1.6rem; color: #2658c2; font-weight: 500;}
    .about_fazhan_content ul li p{ font-size: 1.1rem; color: #3d4c66; margin-top: 1.4rem;}
    .about_fazhan_content ul li .about_fazhan_icon{ width: 2.0rem; height: 4.0rem; background: #fff;}
    .about_fazhan_content ul li .about_fazhan_icon i{ display: block; width: 1.4rem; height: 1.4rem; border-radius: 50%; background: #3d4c66;}
    .about_fazhan_content .about_fazhan_content_top li .about_fazhan_icon{ position: absolute; bottom: -4.0rem; left: 0; border-radius: 0 0 1.0rem 1.0rem;}
    .about_fazhan_content .about_fazhan_content_top li .about_fazhan_icon i{ position: absolute; left: .3rem; bottom: .3rem;}
    .about_fazhan_content .about_fazhan_content_bottom li .about_fazhan_icon{ position: absolute; top: -4.0rem; right: 0; border-radius:1.0rem 1.0rem 0 0 ;}
    .about_fazhan_content .about_fazhan_content_bottom li .about_fazhan_icon i{ position: absolute; left: .3rem; top: .3rem;}
    .about_fazhan_content .about_fazhan_content_bottom{margin-top: 6.0rem;}
    .about_fazhan_content ul li .about_fazhan_icon_i{ position: absolute; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); bottom: -3.3rem; height: .6rem; display: flex; align-items: center; justify-content: space-around; width: calc(100% - 5.0rem);}
    .about_fazhan_content ul li .about_fazhan_icon_i i{ display: block; width: .6rem; height: .6rem; border-radius: 50%; background:#2658c2;}
    .about_fengcai{ max-width: 1640px; width: 90%; margin: 0 auto; padding: 6.0rem 0 2.0rem 0;}
    .about_content{margin-top: 3.0rem; position: relative; padding-bottom: 3.0rem;}
    .about_content .swiper{width: 100%; height: 100%;}
    .about_content .swiper-slide {text-align: center; font-size: 18px; background: #fff; 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;}
    .about_content .swiper-slide img {display: block; width: 100%; height: 100%; object-fit: cover;}
    .about_swiper_img{ border-radius: 1.0rem; overflow: hidden;}
    .about_content .swiper-pagination-bullet{width: 2.0rem; height: .4rem; border-radius: 0;}
    .hezuo_icon{padding:3.0rem 0 2.0rem 0;}
    .hezuo_title{font-size: 2.6rem; color: #000000; text-align: center; font-weight: 500;}
    .hezuo_icon_content{margin: 3.0rem auto 0 auto; max-width: 1600px; width: 98%;}
    .hezuo_icon_content ul{ display: flex; align-items: stretch; justify-content: space-around;}
    .hezuo_icon_content li{ width: 15%; max-width: 154px;}
    .hezuo_icon_content li .hezuo_icon_img{ width: 100%; height: 0; padding-top: 100%; position: relative;}
    .hezuo_icon_content li .hezuo_icon_img img{ position: absolute; top: 0; left: 0; width: 100%;}
    .hezuo_icon_content li .hezuo_icon_text{text-align: center; font-size: 1.6rem; font-weight: 500; color: #4b4d4d;}
    .hezuo_zhaomu{background: url(../images/w_back_3.jpg) no-repeat 50% 50%; padding: 3.0rem 0;}
    .hezuo_zhaomu_content{margin: 3.0rem auto 0 auto; max-width: 1600px; width: 98%;}
    .hezuo_zhaomu_content ul{ display: flex; align-items: stretch; justify-content: space-between; flex-wrap: wrap;}
    .hezuo_zhaomu_content li{ width: 48%; margin: 1.0rem 0; display: inline-grid;}
    .hezuo_zhaomu_content li .hezuo_zhaomu_content_li{background: #f2f6fa; border: .3rem solid #fff; display: flex; align-items: center; padding: 2rem; border-radius: 1.0rem; box-shadow: 0 .4rem 1.0rem rgba(0,0,0,.1);}
    .hezuo_zhaomu_content li .hezuo_zhaomu_content_li .hezuo_zhaomu_left{ width: 8.0rem;}
    .hezuo_zhaomu_content li .hezuo_zhaomu_content_li .hezuo_zhaomu_left img{width: 100%;}
    .hezuo_zhaomu_content li .hezuo_zhaomu_content_li .hezuo_zhaomu_right{ flex: 1; margin-left: 2.0rem;}
    .hezuo_zhaomu_content li .hezuo_zhaomu_content_li .hezuo_zhaomu_right h3{ font-size:1.6rem; font-weight: 500; color: #4b4d4d;}
    .hezuo_zhaomu_content li .hezuo_zhaomu_content_li .hezuo_zhaomu_right p{ font-size: 1.1rem; margin-top: 1.2rem; color: #5f5e5e;}
    .hezuo_zhaomu_content li .hezuo_zhaomu_content_li:hover{background: url(../images/w_back_4.jpg) no-repeat 50% 50%; background-size: 100% 100%;}
    .hezuo_zhaomu_content li .hezuo_zhaomu_content_li:hover  h3{color: #3267d8;}
    .hezuo_logo{ padding: 3.0rem 0;}
    .hezuo_logo_content{ max-width: 1640px; width: 98%; margin: 3.0rem auto 0 auto;}
    .hezuo_logo_content ul{ display: flex; justify-content: space-between; flex-wrap: wrap;}
    .hezuo_logo_content ul li{ width: 19%; margin-top: 1.0rem; transition: .3s all; border:1px solid #e5e5e5; border-radius:.6rem; overflow:hidden;}
    .hezuo_logo_content ul li:hover{ box-shadow: 0 .3rem .6rem rgba(0,82,217,.1); border-color:#fff;}
    .hezuo_logo_content ul li .hezuo_logo_padd{ width: 100%; height: 0; overflow: hidden; padding-top: 36%; position: relative;}
    .hezuo_logo_content ul li img{max-width: 100%; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%);}
    /*  */
    .search{ box-shadow: 0 .2rem .4rem rgba(0,0,0,.1); position: relative; border-radius: 2rem; overflow: hidden; max-width: 1100px; width: 96%; margin: -2rem auto 0 auto; height: 4.0rem; background: #fff; display: flex; justify-content: space-between;}
    .search img{ position: absolute;top: 50%; left: 2rem; width: 1.4rem; height: 1.4rem; margin-top: -.7rem;}
    .search input{ height: 4.0rem; flex: 1; margin-left: 4.0rem; font-size: 1.1rem;}
    .search button{ height: 4.0rem; width: 14%; background: #2577e9; color: #fff; font-size: 1.1rem; min-width: 6.0rem;}
    .join{max-width: 1240px; width: 98%; margin: 5.0rem auto 4.0rem auto;}
    .join_title{ font-size: 2.6rem; color: #000; font-weight: 500; text-align: center;}
    .join ul{ margin-top: 3.0rem;}
    .join ul li{ padding: 2.0rem; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s;}
    .join ul li a{ display: block;}
    .join ul li .join_li_title h3{ font-size: 1.6rem; color: #000; font-weight: 500;}
    .join ul li .join_li_title h4{ font-size: 1.1rem; color:#404040; font-weight: 500; margin-top: .6rem;}
    .join ul li .join_li_title h4 span{ display: inline-block; border-right: 1px solid #404040; line-height: 1.0rem; margin-right: 1.0rem; padding-right: 1.0rem;}
    .join ul li .join_li_title h4 span:last-child{ border: none;}
    .join ul li .join_li_text{ font-size: 1.1rem; color: #858585;margin-top: 1.0rem; font-weight:normal;}
    .join_li_text b{ font-weight: normal; color: #2577e9;}
    .join_li_button{ width: 9.0rem; height: 3.0rem; line-height: 3.0rem; transition: all.5s; -webkit-transition: all.5s; -moz-transition: all.5s; text-align: center; font-size: 1.1rem; margin-top: 1.1rem; background: #2577e9; border-radius: .4rem;}
    .join_li_button a{ color: #fff; display: block;}
    .join_li_button:hover{ box-shadow: 0 .3rem .6rem rgba(37,119,233,.5);}
    .join ul li:hover{ background: #fafcff; box-shadow: 0 .3rem .6rem rgba(0,0,0,.1);}
    /*  */
    .join_deta{background: #f7fafa; padding: 3.0rem 0;}
    .join_deta_content{ max-width: 1680px; margin:0 auto; width: 98%; display: flex; justify-content: space-between;align-items: flex-start; flex-wrap: wrap;}
    .join_deta_left{width: 69%; background: #fff; border-radius: .5rem; box-shadow:0 .3rem .6rem rgba(0,0,0,.1);}
    .join_deta_left_content{ padding: 3.0rem 2.0rem;}
    .join_deta_left_title h1{ font-size: 2.6rem; color: #000; font-weight: 500;}
    .join_deta_left_title h2{ font-size: 1.1rem; color: #000; margin-top: 1.0rem;}
    .join_deta_left_title h2 span{ display: inline-block; margin-right: 1.0rem;padding-right: 1.0rem; line-height: 1.0rem; border-right: 1px solid #000;}
    .join_deta_left_title h2 span:last-child{border: none;}
    .join_deta_left_text{margin-top: 2.0rem;}
    .join_deta_left_text h3{ font-size: 1.6rem; color: #000; font-weight: 500; margin-top: 2.0rem;}
    .join_deta_left_text ul{ margin-top: 1.0rem;}
    .join_deta_left_text ul li{ font-size: 1.1rem; color: #5c5c5c; margin-top: .6rem;}
    .join_deta_left_button{margin-top: 2.0rem;}
    .join_deta_left_button a{ display: block; width: 8.0rem; line-height: 3.0rem; height: 3.0rem; color: #fff; border-radius: .3rem; background: #2577e9; text-align: center; transition: .3s all; }
    .join_deta_left_button a:hover{box-shadow: 0 .3rem .6rem rgba(37,119,233,.5);}
    .join_deta_right{flex: 1; margin-left: 2.0rem;background: #fff; border-radius: .5rem; box-shadow:0 .3rem .6rem rgba(0,0,0,.1);}
    .join_deta_right_content{ padding: 3.0rem 2.0rem;}
    .join_deta_right_title{ display: flex; align-items: center;}
    .join_deta_right_title i{ display: block; width: .4rem; height: 1.6rem; background: #2577e9; border-radius: .2rem;}
    .join_deta_right_title span{ font-size: 1.6rem; color: #000; font-weight: 500; line-height: 1.6rem; display: block; margin-left: 1.0rem;}
    .join_deta_right_content ul li{margin: 2.0rem 0;}
    .join_deta_right_content ul li a{display: block;}

    .join_deta_right_content ul li h3{color: #000; font-size: 1.1rem; font-weight: 500; transition: .3s all;}
    .join_deta_right_content ul li:hover h3{color: #2577e9; margin-left: 1.0rem;}
    .join_deta_right_content ul li h4{ margin-top: .4rem; color: #6f6f6f;}
    .join_deta_right_content ul li h4 span{ display: inline-block; margin-right: 1.0rem;padding-right: 1.0rem; line-height: 1.0rem; border-right: 1px solid #6f6f6f;}
    .join_deta_right_content ul li h4 span:last-child{border: none;}
    /*  */
    .contact_input{max-width: 1440px; width: 98%; margin: 3.0rem auto;}
	.contact_title{ font-size: 2.6rem; font-weight: 500; color: #000; text-align: center;}
	.contact_content{ display: flex; justify-content: space-between; margin-top: 2.0rem; flex-wrap: wrap;}
        .contact_content .contact_ts {
            position: fixed;
            top: 50%;
            left: 50%;
            padding: 1rem 2rem;
            background: rgba(0,0,0,.5);
            color: #fff;
            border-radius: 0.3rem;
            max-width: 80%;
            z-index: 9999;
            transform: translate(-50%,-50%);
            display: none;
            -webkit-transform: translate(-50%,-50%);
        }
	.contact_content .contact_left{margin-right: 1.0rem; flex: 1;}
	.contact_content .contact_right{margin-left: 1.0rem; flex: 1;}
	.contact_content .contact_left .contact_label{ display: flex; margin-top: 2.0rem; align-items: center;}
	.contact_content .contact_left .contact_label span{ font-size: 1.1rem; color: #000; width: 5.0rem;}
	.contact_content .contact_left .contact_label input{ flex: 1; border: 1px solid #e5e5e5;padding: 0 1rem; border-radius: .3rem; height: 3.0rem; font-size: 1.1rem;}
	.contact_right{margin-top: 2.0rem; display: flex;}
	.contact_right textarea{ border: 1px solid #e5e5e5; display: block; border-radius: .3rem; padding: 1rem; width: calc(100% - 2.0rem); font-size: 1.1rem;}
	.contact_button{ font-size: 1.1rem; margin-top: 2.0rem; width: 100%;}
	.contact_button button{ margin-left: 5.0rem; max-width: 90%; width: 10.0rem; transition: .3s all; height: 3.0rem; font-size: 1.0rem; color: #fff; background: #3267d8; border-radius: .4rem;}
	.contact_button button:hover{ box-shadow: 0 .3rem .6rem rgba(37,119,233,.3);}
	.contact_address_content{ display: flex; max-width: 1440px; width: 98%; margin: 4.0rem auto 2.0rem auto; flex-wrap: wrap;}
	.contact_address_map{width: 60%; border-radius: 1rem; overflow: hidden;}
	.contact_address_map iframe{ width: 100%; height: 100%; border: none;}
	.contact_address_address{flex: 1; margin-left: 4.0rem;}
	.contact_address_img{ width: 100%; height: 0; padding-top: 63%; position: relative; overflow: hidden; border-radius: 1.0rem;}
	.contact_address_img img{ position: absolute; top: 0; left: 0; width: 100%;}
	.contact_address_text{ margin-top: 2.0rem;}
	.contact_address_text h3{ font-size: 1.6rem; font-weight: 500; color: #000;}
	.contact_address_text p{ margin-top: 1.0rem; color: #666666; font-size: 1.1rem;}
	.contact_address{margin-top: 5.0rem;}
    /*  */
    .exten_tad{max-width: 1640px; width: 98%; margin: -4.0rem auto 0 auto;}
    .exten_tad ul{ display: flex; justify-content: space-between; flex-wrap: wrap;}
    .exten_tad ul li{margin-right: 2.0rem; flex: 1;}
    .exten_tad ul li:last-child{margin: 0;}
    .exten_tad ul li .exten_padd{}
    .exten_tad .exten_padd{ background: #fff; padding: 1.2rem; display: flex; position: relative; border-radius: .5rem; box-shadow: 0 .3rem .6rem rgba(0,0,0,.1);min-height:80px;}
    .exten_tad .exten_tad_left{ width: 3.0rem; height: 3.0rem;}
    .exten_tad .exten_tad_left img{ width: 100%;}
    .exten_tad .exten_tad_right{flex: 1; margin-left: 1.0rem;}
    .exten_tad .exten_tad_right h3{ font-size: 1.1rem; color: #000; font-weight: 500;}
    .exten_tad .exten_tad_right p{ font-size: 1.0rem; color: #666; margin-top: .5rem;}
    .exten_tad .exten_tad_bq{ position: absolute; top: .5rem; right: .5rem; background: #da2b2f; font-size: .87rem; color: #fff; width: 3rem; height: 1.6rem; text-align: center; line-height: 1.6rem; border-radius: .3rem;}
    .exten_label{margin: 5.0rem 0; background: #f3f8ff;padding: 6.0rem 0;}
    .exten_label_content{max-width: 1640px; width: 98%; display: flex; align-items: center; margin: 0 auto;}
    .exten_label_img{width: 40%; max-width: 626px; margin:0 3.0rem; position: relative;}
    .exten_label_img img{ position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%);}
    .exten_label_input{ flex: 1;}
    .exten_label_title h2{ font-size: 2.6rem; font-weight: 500; color: #000;}
    .exten_label_title h3{ font-size: 1.6rem; color: #666; margin-top: 1.0rem;}
    .exten_label_content_label{margin-top: 2.0rem;}
        .exten_label_content_label .contact_ts {
            position: fixed;
            top: 50%;
            left: 50%;
            padding: 1rem 2rem;
            background: rgba(0,0,0,.5);
            color: #fff;
            border-radius: 0.3rem;
            max-width: 80%;
            z-index: 9999;
            transform: translate(-50%,-50%);
            display: none;
            -webkit-transform: translate(-50%,-50%);
        }
    .exten_label_content_label .exten_label_label{display: flex;}
    .exten_label_content_label .exten_label_label input{margin-right: 2.0rem; font-size: 1.0rem; flex: 1; background: none; border-bottom: 1px solid #c2c2c2;}
    .exten_label_content_label .exten_label_label input:last-child{margin-right: 0;}
    .exten_label_content_label .exten_label_button{margin-top:3.0rem;}
    .exten_label_content_label .exten_label_button button{ width: 9.0rem; height: 3rem; text-align: center; line-height: 3.0rem;text-align: center; color: #fff; background: #3267d8; border-radius: .3rem; font-size: 1.1rem; transition: .5s all;}
    .exten_label_content_label .exten_label_button button:hover{ box-shadow: 0 .3rem .6rem rgba(37,119,233,.2);}
    /*  */
    .news_list{margin: 4.0rem auto 0 auto;max-width: 1640px; width: 98%;}
    .news_list ul li{margin-top: 2.0rem; transition: all .3s;}
    .news_list ul li a{ display: flex; padding: 2.0rem}
    .news_list ul li .news_img{width:33%;}
    .news_list ul li .news_img_padd{ height: 0; width: 100%; overflow: hidden; border-radius: .5rem; padding-top:62%; position: relative;}
    .news_list ul li .news_img_padd img{ position: absolute; top: 0; left: 0; width: 100%;}
    .news_list ul li .news_text{ flex: 1; margin-left: 2.0rem;}
    .news_list ul li .news_text h2{ font-size: 1.6rem; color: #000; font-weight: 500; transition: all .3s;}
    .news_list ul li .news_text p{ font-size: 1.1rem; color: #666; margin-top: 1.0rem;}
    .news_list ul li .news_text .news_data{ font-size: 1.1rem; margin-top: 1.4rem; color: #000;}
    .news_list ul li .news_text .news_data span{ display: inline-block;margin-right: 1.0rem;}
    .news_list ul li .news_text .news_a{ width:10.0rem; height: 3.0rem; line-height: 3.0rem; text-align: center; color: #fff; background: #2577e9; border-radius: .3rem; margin-top: 2.0rem; font-size: 1.1rem; transition: all .3s;}
    .news_list ul li:hover .news_text h2{ color: #2577e9; margin-left: 1.0rem;}
    .news_list ul li:hover{ box-shadow: 0 .3rem .6rem rgba(0,0,0,.1); background:#fafcff} 

    .news_list ul li .news_text .news_a:hover{box-shadow:0 .3rem .6rem rgba(37,119,233,.3);}
    .case_logo{margin: 4.0rem auto;max-width: 1560px; width: 98%;}
    .case_title{ font-size: 2.6rem; color: #000; font-weight: 500; text-align: center;}
    .case_logo ul{ display: flex; justify-content: space-between; flex-wrap: wrap;}
    .case_logo ul li{width: 18%; margin-top: 2.0rem;}
    .case_logo ul li div{border:1px solid #e5e5e5; transition:.3s all; border-radius:.8rem; height: 0; padding-top: 36%; overflow: hidden; position: relative;}
    .case_logo ul li img{ position: absolute; top: 0; left: 0; width: 100%;}
        .case_logo ul li:hover div {
            border-color: #fff;
            box-shadow: 0 .2rem .6rem rgba(37,119,233,.1)
        }
    .case_logo .swiper{ padding-bottom: .5rem;}
    .case_logo_content{margin-top: 3.0rem;}
    .case_logo_content .mySwiper2{ margin-top: 1.0rem;}
    .case_logo .mySwiper{padding: 2.0rem 8.0rem;}
    .case_logo .mySwiper .swiper-slide{ background: #fff; box-shadow:0 .3rem .9rem rgba(37,119,233,.2);height: 4.0rem; border-radius: .4rem; text-align: center; line-height: 4.0rem; font-size: 1.6rem;}
    .case_logo .mySwiper .swiper-slide-thumb-active{ color: #2577e8; transform: scale(1.2);}
    .case_logo .swiper-button-next, .case_logo .swiper-button-prev{ width: 3.0rem; height: 3.0rem; font-size: 1.6rem; border-radius: 50%; background: #fff; box-shadow:0 .3rem .9rem rgba(37,119,233,.2)}
    .case_logo .swiper-button-next:after, .case_logo .swiper-rtl .swiper-button-prev:after{ font-size:1.6rem}
    .case_logo .swiper-button-prev:after, .case_logo .swiper-rtl .swiper-button-next:after{ font-size:1.6rem}
    .case_logo .swiper-button-next, .case_logo .swiper-rtl .swiper-button-prev{right: 1.0rem;}
    .case_logo .swiper-button-prev, .case_logo .swiper-rtl .swiper-button-next{left: 1.0rem;}
    .case_case{max-width: 1640px; width: 94%; margin: 3.0rem auto 0 auto;}
    .case_case .swiper-slide{position: relative; border-radius: .8rem; overflow: hidden;}
    .case_case .case_case_img{ height: 0; padding-top: 70%; overflow: hidden; position: relative; width: 100%;}
    .case_case .case_case_img img{ position: absolute; top: 0; left: 0; width: 100%;}
    .case_case .case_case_text{ position: absolute; bottom: 0; left: 0; z-index: 9; background: rgba(255,255,255,.6); width: calc(100% - 3.0rem); padding:1.0rem 1.5rem;}
    .case_case .case_case_text h3{ font-size: 1.1rem; color: #000;}
    .case_case .case_case_text p{ font-size: 1.0rem; color: #333; margin-top: .4rem;}
    .case_case_content{margin-top: 2.0rem;}
    .case_case .mySwiper3{ padding-bottom: 3.0rem;}
    .case_case .swiper-pagination-bullet{ width: 2.0rem; height: .3rem; border-radius: 0;}
    .recr{max-width: 1200px; width: 98%; margin: 3.0rem auto;}
    .recr_title{ font-size: 2.6rem; color: #000; font-weight: 500;}
    .recr_li{ display: flex;justify-content: space-between; align-items: flex-start; margin-top: 3.0rem; border-bottom: 1px solid #e5e5e5; padding-bottom: 3.0rem;}
    .recr_li .recr_li_left{ width: 42%;}
    .recr_li .recr_li_left h3{ font-size: 1.6rem; color: #000; font-weight: 500;}
    .recr_li .recr_li_left h4{ width: 3.0rem; height: .4rem; background: #2577e9; border-radius: .2rem; margin-top: 1.0rem;}
    .recr_li .recr_li_left h5{ font-size: 1.1rem; margin-top: 1.0rem; color: #333;}
    .recr_li .recr_li_right{width: 58%;}
    .recr_li .recr_li_right .recr_li_input{width: 100%; margin-bottom: 1.4rem;}
    .recr_li .recr_li_right .recr_li_input h4{ font-size: 1.1rem; color: #000; font-weight: 500;}
    .recr_li .recr_li_right .recr_li_input h4 span{ color: #f00;}
    .recr_li .recr_li_right .recr_li_input input{ display: block; padding: 0 1.0rem; margin-top: .6rem; font-size: 1.0rem; border: 1px solid #e5e5e5;width:calc(100% - 2.0rem); height: 2.8rem; line-height: 2.8rem; border-radius: .4rem;}
    .recr_li .recr_li_right textarea{border: 1px solid #e5e5e5; padding: 1.0rem; width: calc(100% - 2.0rem); margin-top: .6rem; font-size: 1.0rem;border-radius: .4rem; margin-top: .6rem; height: 7.0rem; font-size: 1.0rem;}
    .recr_li .recr_li_right_xz label{ cursor: pointer; display: flex;align-items: center;}
    .recr_li .recr_li_right_xz{ border-bottom: 1px solid #e5e5e5; margin-bottom: 1.6rem; padding-bottom: 1.0rem; font-size: 1.1rem; color: #333;}
    .recr_li .recr_li_right_xz input{ width: 1.1rem; height: 1.1rem; margin-right: .6rem; margin-top: 2px;}
    .recr_li .recr_li_right_input{}
    .recr_li_button{ font-size: 1.1rem; color: #2577e9; font-weight: 500; text-align: right; cursor: pointer;}
    .recr_li_right_content{background: #f9fbff; padding: 1.4rem;margin-bottom: 1.8rem; overflow: hidden; }
    .recr_delete{}
    .recr_delete{cursor: pointer; float: right;}
    .recr_li_right form{width: 100%; height: 100%;}
    .recr_li_right .recr_wj_label{ width: 100%; height: 10rem; display: block; background: #f7fafa; border-radius: 1.0rem; display: flex; align-items: center; justify-content: center; position: relative; flex-direction: column;}
    .recr_li_right .recr_wj_label input{position: absolute; opacity: 0;}
    .recr_li_right .recr_wj_label .recr_wj_div{ color: #2577e9; width: 12.0rem; height: 3.0rem; text-align: center; line-height: 3.0rem; border: 2px solid #2577e9; border-radius: 1.5rem;}
    #cvsFileText{margin-top: 1.0rem;}
    .recr_li_button_curr{width: 100%; margin: 1.0rem auto; border: 1px solid #2577e9; border-radius: .4rem; text-align: center; line-height: 3rem; height: 3rem}
    @media screen and (max-width:640px) {
        .hezuo_title{ font-size:2.1rem;}
        .exten_label_title h2{font-size:2.1rem}
        .about_title{ font-size:2.1rem}
        .contact_title{ font-size:2.1rem;}
        .join_title{ font-size:2.1rem}
        .case_title{font-size:2.1rem}
        .about {
            padding: 0rem 0;
            background-position: 8% 50%;
        }
        .about_wenhua_ul ul{flex-wrap: wrap}
        .about_wenhua_ul ul li{width: 48%; margin-bottom: 1.0rem;}
        .about_wenhua_content{padding: 2.0rem 1.0rem;}
        .about_wenhua_content p{margin-top: 1.0rem;}
        .about_fazhan{padding:2.0rem 0;}
        .about_fazhan_content ul li{ width: 48%; margin-top: 1.0rem;}
        .about_fazhan_content ul{flex-wrap: wrap;}
        .about_fazhan_content ul li .about_fazhan_icon{ display: none;}
        .about_fazhan_content ul li .about_fazhan_icon_i{display: none;}
        .about_fazhan_content .about_fazhan_content_bottom{margin-top: 0;}
        .about_fazhan{background-size: 100% 100%;}
        /*  */
        .hezuo_icon_content ul{flex-wrap: wrap;}
        .hezuo_icon_content li{width: 26%;}
        .hezuo_icon_content li .hezuo_icon_text{font-size: 1.1rem;}
        .hezuo_zhaomu_content li{width: 100%;}
        .hezuo_zhaomu_content li .hezuo_zhaomu_content_li .hezuo_zhaomu_left{width: 6rem;}
        /*  */
        .join_deta_left{ width: 100%;}
        .join_deta_right{width: 100%; margin: 2.0rem 0 0 0;}
        .contact_content .contact_right{margin-left: 0; width: 100%;}
        .contact_address_map{width:100%; height: 16rem;}
        .contact_address_content{margin-top: 2.0rem;}
        .contact_address_address{margin-left: 0;}
        .contact_address_img{ display: none;}
        .contact_address_text{}
        .contact_right textarea{height: 7.0rem;}
        .contact_button button{margin: 0 auto; display: block; width:90%}
        .contact_content .contact_left{ margin:0;flex: none; width: 100%;}
        .contact_right textarea{ width: 100%;}
        /*  */
        .exten_tad ul li{ width: 48%; margin:1.0rem 0 0 0; flex:none;}
        .exten_tad .exten_tad_left{display: none;}
        .exten_tad .exten_tad_right{margin: 0;}
        .exten_tad ul li{display: flex;}
        .exten_tad{margin: 0 auto;}
        .exten_label_img{display: none;}
        .exten_label_input{flex: none;width: 100%;}
        .exten_label_content_label .exten_label_label{flex-wrap: wrap;}
        .exten_label_content_label .exten_label_label input{ margin-bottom: 2.0rem; margin-right: 0;}
        .exten_label_content_label .exten_label_button{margin-top: 1.0rem;}
        .exten_label{padding: 3.0rem 0;}
        .news_list ul li a{padding: 1.0rem; flex-wrap: wrap;}
        .news_list ul li .news_text h2{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
        .news_list ul li .news_text p{ display: none;}
        .news_list ul li .news_img{width: 100%;}
        .news_list ul li .news_text{margin:1.4rem 0 0 0;}
        .news_list ul li .news_text .news_data{margin-top: .6rem;}
        .news_list ul li .news_text .news_a{margin-top: 1.6rem;}
        /*  */
        .case_logo .mySwiper{padding:1rem 2.0rem;}
        .case_logo .mySwiper .swiper-slide{height: 2.0rem; font-size: 1.1rem; line-height: 2.0rem; box-shadow: 0 .2rem .5rem rgba(37,119,233,.1);}
        .case_logo .swiper-button-next, .case_logo .swiper-button-prev{ display: none;}
        .case_logo_content{margin-top: 2.0rem;}
        .case_logo .swiper-slide ul li{ width: 30%;}
        /*  */
        .recr_li{flex-wrap: wrap;}
        .recr_li .recr_li_left{ width: 100%;}
        .recr_li .recr_li_right{width: 100%; margin-top: 1.6rem;}
        .recr_li_button{width: 100%; margin: 1.0rem auto; border: 1px solid #2577e9; border-radius: .4rem; text-align: center; line-height: 3rem; height: 3rem}
    }