.swiper-container {
    width: 100%;
    height: 100%;
}
.swiper-slide {
    text-align: center;
    /* Center slide text vertically */
    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;
}

.info_banner,.info_banner a{width:100%;display: block;}
.info_banner{position: relative;z-index:8;}
.info_banner a img{width:100%;object-fit: cover;display: block;max-height: 100vh;}

.banner_text{width: 100%;position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);}
.banner_text_main{color:#fff;}
.banner_text_main h2{width: 100%;font-size:36px;line-height: 50px;display: block;}
.banner_text_main p{width: 100%;font-size:16px;line-height: 1.75;max-width: 759px;display: block;margin-top:20px;}

@media screen and (max-width: 750px) {
    .info_banner a img{min-height: 300px;}
}
@media screen and (max-width: 1200px) {
    .info_banner_text{display: flex;justify-content: center;align-content: center;padding:140px 0 80px;}
    .info_banner_text a img{position: absolute;top:0;right:0;bottom:0;left:0;height: 100%;}
    .banner_text{position: relative;}
}
.banner{width:100%;display: block;height: 100vh;position: relative;z-index:8;}
.banner_container{width: 100%;display: block;}
.banner a img,.banner a{width: 100%;height: 100vh;display: block;object-fit: cover;}

.title{width:100%;display: block;text-align: center;position: relative;}
.title_text{width:100%;display: flex;justify-content: center;align-items: center;font-size:32px;line-height: 54px;color:#000;font-weight: 600;position: relative;}
.title_text span{position: relative;z-index:2;}
.title_text span.blue{color:#007aff;}
.title_text i{width: 100%;text-align: center;position: absolute;top:0;left:0;font-size:44px;line-height: 44px;color:rgba(61,68,79,.1);z-index:1;font-weight: 600;text-transform: uppercase;white-space: nowrap;overflow: hidden;}

.case{width:100%;display: block;padding-top: .9rem;}

.case_banner{width:100%;display: block;padding:.5rem 0 .8rem;position: relative;}
.case_banner .case_prev,.case_banner .case_next{position: absolute;top:50%;transform: translateY(-50%);width:43px;height: 43px;font-size:16px;display: flex;justify-content: center;align-items: center;color:#fff;background: #999;border-radius: 50%;z-index:2;}
.case_banner .case_prev{left:-60px;}
.case_banner .case_next{right:-60px;}
.case_banner .swiper-slide{width:385px;margin-right: 20px;overflow: hidden;}
.case_banner .swiper-slide a{width: 100%;display: block;padding-top:129%;overflow: hidden;}
.case_banner .swiper-slide a img{width: 100%;display: block;object-fit: cover;position: absolute;top:0;right:0;left:0;bottom:0;z-index:1;transition: all ease .5s;}
.case_banner .swiper-slide a:hover img{transform: scale(1.05);}
.case_banner_text{position: absolute;top:31%;right:0;padding-left:7%;left:0;color:#fff;z-index:2;text-align: left;}
.case_banner_text p{width:100%;font-size:24px;line-height: 32px;display: block;}
.case_banner_text i{width: 18px;height: 1px;background: #fff;display: block;position: relative;margin:5px 0 10px;}
.case_banner_text i::after{content:'';width: 3px;height: 3px;border:1px solid #fff;border-radius: 50%;position: absolute;right:-5px;top:-2px;}
.case_banner_text span{width:100%;font-size:14px;line-height: 32px;color:#fff;display: block;text-transform: uppercase;}
@media screen and (max-width: 1664px) {
    .case_banner .case_prev,.case_banner .case_next{background: rgba(153,153,153,.5);}
    .case_banner .case_prev{left:0;}
    .case_banner .case_next{right:0;}
}
@media screen and (max-width: 750px) {
    .case_banner_text p{font-size:0.615rem;line-height: 0.82rem;}
    .case_banner_text span{font-size:0.3589rem;line-height: 0.82rem;}
}

.about{width:100%;background: #fbfbfc;padding:.45rem 0 .7rem;}
.about_img{width:50.625%;min-width: 50.625%;display: block;overflow: hidden;}
.about_img img{width: 100%;object-fit: cover;display: block;transition: all ease .5s;}
.about_img:hover img{transform: scale(1.05);}
.about_text{width: 47.5%;max-width: 47.5%;display: block;}
.about_text h2{width:100%;font-size:40px;line-height: 50px;color:#333;display: block;font-weight: normal;}
.about_text span{width: 100%;font-size:16px;line-height: 32px;color:#888;display: block;margin-bottom: 20px;}
.about_text p{width: 100%;font-size:16px;line-height: 32px;color:#777;display: block;text-align: justify;margin-bottom: 24px;}
.more_bg{width: 144px;height: 46px;font-size:16px;line-height: 46px;display: flex;justify-content: center;align-items: center;background: url('../images/more_bg.png') left top no-repeat;background-size: 100%;transition: all ease .5s;}
.more_bg:hover{background: url('../images/more_bg_on.png') left top no-repeat;color:#007aff;}
@media screen and (max-width: 1200px) {
    .about_text h2{font-size:30px;line-height: 40px;}
    .about_text span{margin-bottom: 10px;}
    .about_text p{font-size:16px;line-height: 28px;margin-bottom: 15px;}
}
@media screen and (max-width: 750px) {
    .about .main{flex-wrap: wrap;}
    .about_text,.about_img{width: 100%;max-width: 100%;}
    .about_img{margin-top:20px;}
}

.industry{width:100%;padding:.7rem 0;}
.industry_box{width:100%;display: flex;justify-content: flex-start;flex-wrap: wrap;padding-top:.4rem;}
.industry_list{width: 31.5625%;margin-right: 2.56625%;background: #fff;box-shadow: 0 0 18px rgba(0,48,70,0.11);margin-bottom: 30px;}
.industry_list:nth-child(3n){margin-right: 0;}
.industry_list a{width: 100%;display: block;padding-top:70%;position: relative;min-height: 220px;}
.industry_list_default,.industry_list_hover{width:100%;padding:7.9%;display: flex;justify-content:center;align-items:center;position: absolute;top:0;right:0;bottom:0;left:0;flex-wrap: wrap;}
.industry_list_default{z-index:1;}
.industry_list_hover{opacity: 0;z-index:2;transition: all ease .5s;}
.industry_list a:hover .industry_list_default{opacity: 0;}
.industry_list a:hover .industry_list_hover{opacity: 1;}
.industry_list_hover{background: #28a7e1;color:#fff;text-align: left;}
.industry_list_default img{width: 36%;max-width: 185px;object-fit: contain;display: block;margin:0 auto;}
.industry_list_default p{width: 100%;font-size:16px;line-height: 32px;color:#333;display: block;text-align: center;margin:35px auto;max-width: 360px;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;}
.industry_list_p{width:100%;display: flex;justify-content: center;font-size:14px;line-height: 32px;color:#28a7e1;align-items: center;}
.industry_list_p span{padding:0 4%;line-height: 14px;white-space: nowrap;}
.industry_list_p span{border-left:1px solid #28a7e1;}
.industry_list_p span:first-child{border:0;}

.industry_list_hover h2{width:100%;font-size: 20px;line-height: 32px;font-weight: 600;}
.industry_list_hover p{width:100%;font-size: 16px;line-height: 32px;margin:20px 0 0;height: 96px;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;}
.industry_list_hover span{font-size:16px;line-height: 32px;display: inline-block;border-bottom: 1px solid #fff;}

@media screen and (max-width: 750px) {
    .industry_list{width: 49%;margin-right: 2%;}
    .industry_list:nth-child(3n){margin-right: 2%;}
    .industry_list:nth-child(2n){margin-right: 0;}
}
@media screen and (max-width: 460px) {
    .industry_list{width: 100%;margin-right: 0;}
}

.news{width: 100%;background: #fafdff;padding:.65rem 0 1rem;}
.news_box{width: 100%;display: flex;justify-content: flex-start;flex-wrap: wrap;padding:.6rem 0 .2rem;}
.news_list{width: 31.5625%;margin-right: 2.56625%;}
.news_list:nth-child(3n){margin-right: 0;}
.news_list_time{width: 100%;display: flex;justify-content: flex-start;align-items: flex-end;}
.news_list_time span{font-size: 20px;line-height: 20px;color:#777;font-weight: 600;display: block;}
.news_list_time i{font-size: 12px;line-height: 14px;color:#000;display: block;}
.news_list h2{width: 100%;font-size: 20px;line-height: 40px;color: #000;font-weight: 600;display: block;
    transition: all ease .5s;
    }
.news_list p{width: 100%;font-size:16px;line-height: 32px;color:#777;display: block;
    }
.news_list .more_bg{margin-top:.7rem;}
.news_list:hover h2{color: #0079fe;}
.news_list:hover .more_bg{background: url('../images/more_bg_on.png') left top no-repeat;color:#007aff;}
@media screen and (min-width: 641px) {
    .news_list h2{
        height: 80px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        margin-top:10px;margin-bottom: 20px;
    }
    .news_list p{
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        height: 96px;
    }
}
@media screen and (max-width: 640px) {
    .news_list{width: 100%;margin-right: 0;margin-bottom: 40px;}
    .news_list h2{height: auto;}
}


.info_box{padding:.8rem 0 ;}
.info_nav{width: 100%;display: block;margin:25px auto;}
.info_nav ul{width: 100%;display: flex;justify-content: center;flex-wrap: wrap;}
.info_nav li{width: auto;margin-bottom: 15px;display: block;}
.info_nav li a{width: auto;white-space: nowrap;padding:0 20px;font-size:18px;color:#000;display: block;position: relative;line-height: 24px;}
.info_nav li a.active{color:#007aff;}
.info_nav li a::after{position: absolute;right:0;top:2px;width:1px;height: 20px;display: block;content:'';background: #000;transform: rotateZ(15deg);}
.info_nav li:last-child a::after{display: none;}
@media screen and (max-width: 960px) {
    .info_nav ul{justify-content: flex-start;flex-wrap: nowrap;overflow-x: auto;}
}

.info_pic{width:100%;display: flex;justify-content: flex-start;flex-wrap: wrap;}
.info_pic_list{width:24.0625%;display: block;margin-right: 1.25%;margin-bottom: 1.25%;transition: all ease .5s;}
.info_pic_list:nth-child(4n){margin-right: 0;}
.info_pic_list a{width: 100%;display: block;}
.info_pic_list_img{width: 100%;padding-top:67.53%;position: relative;overflow: hidden;}
.info_pic_list_img img{width:100%;height: 100%;position: absolute;top:0;right:0;bottom:0;left:0;transition: all ease .5s;}
.info_pic_list a:hover .info_pic_list_img img{transform: scale(1.05);}
.info_pic_list:hover{box-shadow: 0 0 18px rgba(0,0,0,.03);}

.info_pic_list_text{width:100%;border:1px solid #d8e7ff;padding:5%;background: #fff;}
.info_pic_list_text h2{width: 100%;display: block;font-size:18px;line-height: 32px;color:#000;margin-bottom: 10px;overflow: hidden;
    transition: all ease .5s;
    text-overflow:ellipsis;
    white-space: nowrap;}
.info_pic_list_text p{width: 100%;display: block;font-size:16px;line-height: 32px;color:#777;height: 96px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;}
.info_pic_list_text span{width:100%;text-align: right;font-size:16px;line-height: 32px;color:#007aff;display: block;}
.info_pic_list:hover .info_pic_list_text h2{color:#007aff;}
.info_pic_extend{width: 100%;display: flex;justify-content: space-between;align-items: center;color:#737373;overflow: hidden;}
.info_pic_extend i,.info_pic_extend span{font-size:16px;line-height: 32px;color:#737373;white-space: nowrap;max-width: 50%;}

.mr_bottom_30{margin-bottom: 30px;}
@media screen and (max-width: 1200px) {
    .info_pic_list{width: 32.5%;}
    .info_pic_list:nth-child(4n){margin-right: 1.25%;}
    .info_pic_list:nth-child(3n){margin-right: 0;}
}
@media screen and (max-width: 750px) {
    .info_pic_list{width: 49.375%;}
    .info_pic_list:nth-child(3n){margin-right: 1.25%;}
    .info_pic_list:nth-child(2n){margin-right: 0;}
}
@media screen and (max-width: 400px) {
    .info_pic_list{width: 100%;margin-right:0 !important;}
}


.article{width:100%;display: block;}
.article_title{width:100%;text-align: center;font-size:20px;color:#000;display: block;line-height: 36px;}
.article_time{width:100%;display: flex;justify-content: center;font-size:16px;color:#666;line-height: 24px;margin-top:20px;padding-bottom: 10px;border-bottom: 1px solid #eee;margin-bottom: 40px;}
.article_time span{padding:0 20px;}

.article_detail,.article_detail p{width:100%;display: block;font-size:16px;line-height: 30px;color:#333;}
.article_detail img{max-width: 100%;margin:0 auto;display: block;}
.article_detail table,.article_detail video{max-width: 100%;}

.info_main{min-height: calc(100vh - 329px);}

.location{width:100%;display: flex;justify-content: flex-start;align-items: center;margin:10px auto 30px;font-size:14px;line-height: 24px;color:#000;}
.location a{color:#000;display: block;}



.banner.web_banner{display: none;}
@media screen and (max-width: 750px) {
    .banner.pc_banner{display: none;}
    .banner.web_banner{display: block;}
}


.job{width:100%;display: block;overflow-x: auto;}
.job table{width:100%;}
.job thead{background: #e0e0e0;}
.job tbody{background: #f6f6f6;text-align: center;}
.job tbody tr.job_main{background: #fff;text-align: left;}
.job table th,.job table td{font-size:16px;padding:20px 10px;line-height:30px;font-weight: normal;}
.job table th{white-space: nowrap;}
.job table td.job_title{font-weight: 600;}
.job tr{border-bottom: 2px solid #fff;}
.job .job_content{width:100%;padding:30px 2%;font-size:14px;line-height: 24px;color:rgb(38, 43, 51);display: block;}
.job .job_content p{font-size:14px;line-height: 24px;}
.job_message{width:150px;font-size:14px;line-height: 44px;background: #d3271f;text-align: center;color:#fff;border-radius: 22px;display: block;margin:40px auto;cursor: pointer;}
.job_show{cursor: pointer;}
.job table .job_main td{padding:0;}
.job .job_content{display: none;}

#job_form .mask_main{width:90%;max-width:940px;max-height: 80vh;position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);background: #fff;box-shadow: 0 0 10px rgba(0,0,0,.1);z-index:3;}
.mask_job_close{position: absolute;top:0;right:0;width:60px;height: 60px;font-size:20px;display: flex;justify-content: center;align-items: center;}
.mask_job_title{color: #333;font-size: 18px;line-height: 2;padding: 12px 30px;font-weight: normal;background-color: #f6f6f6;}
#job_form form{width:100%;padding:40px 60px;}
.job_intro{width: 100%;text-align: center;font-size:15px;line-height: 36px;color:#666;display: block;}
.job_intro p span{width:100%;font-size:20px;display: block;}
.job_form_box{width:100%;display: flex;justify-content: space-between;align-items: center;}
.job_form_list{width: 100%;display: block;margin-top:20px;}
.job_form_box .job_form_list{width:49%;}
.job_form_list input{width: 100%;font-size:14px;line-height: 24px;padding:9px 12px;border:1px solid #e8e8e8;}
.job_form_annex{width: 100%;display: flex;justify-content: space-between;align-items: center;margin-top:20px;}
.job_form_annex input[type=text]{width: calc(100% - 150px);font-size:14px;line-height: 24px;padding:9px 12px;border:1px solid #e8e8e8;}
.job_form_annex_upload{width: 150px;height: 44px;line-height: 44px;font-size:14px;background: #858585;color:#fff;text-align: center;position: relative;}
.job_form_annex_upload input{width: 100%;height: 100%;position: absolute;top:0;right:0;bottom:0;left:0;opacity: 0;z-index:3;}
.job_form_annex_upload p{width: 100%;position: relative;z-index:2;display: block;}
#job_form .job_message{margin-bottom: 0;}

@media screen and (max-width: 750px) {
    .job .job_content{width: 92vw;}
}
@media screen and (max-width: 640px) {
    .job_form_box{flex-wrap: wrap;}
    #job_form form{padding:40px 4%;max-height: calc(80vh - 60px);overflow-y: auto;}
    .job_form_box .job_form_list{width: 100%;}
}


.product_content_top_bg{position: absolute;top:0;left:0;right:0;width: 100%;z-index:1;}
.product_content_top_bg img{width: 100%;object-fit: contain;display: block;}
.product_detail{position: relative;z-index:2;max-width: 1600px;margin:0 auto;}
.product_title{width: 100%;text-align: center;font-size:48px;line-height: 68px;font-weight:600;display: block;}
.product_intro{width: 100%;text-align: center;font-size:16px;line-height: 1.75;margin:64px 0;color:#333;display: block;}

.product_one{width:100%;display: flex;justify-content: center;max-width: 1200px;margin:0 auto;}
.product_one_list{width:33.33%;padding:0 2%;display: flex;justify-content: center;}
.product_one_list_main{width:100%;max-width: 333px;}
.product_one_list_title{width:100%;display: flex;justify-content: flex-start;align-items: center;}
.product_one_list_title img{width: 50px;height: 50px;border-radius: 5px;display: block;object-fit: contain;}
.product_one_list_title h3{font-size:24px;line-height: 34px;color:#333;display: block;margin-left:10px;}
.product_one_list_p{width: 100%;margin-top:20px;padding-top:20px;border-top:1px solid #000;text-align: justify;display: block;font-size:16px;line-height: 1.75;}
@media screen and (max-width: 750px) {
    .product_one{flex-wrap: wrap;}
    .product_one_list{width: 100%;padding:0;}
    .product_one_list_main{max-width: 100%;}
    .product_one_list_p{padding-top:0;border:0;margin-bottom: 40px;}
}

.bg_f3f5f7{background: #f3f5f7;}
.product_title_top{padding-top:0.4rem;}

.product_two{width:100%;display: flex;max-width: 1500px;margin:.8rem auto 0;justify-content: space-between;flex-wrap: wrap;padding:0 50px;}
.product_two_list{width: 23.5%;display: flex;justify-content: flex-start;position: relative;height: 400px;z-index:1;overflow:hidden;}
.product_two_list img{width: 100%;height:100%;display: block;object-fit: cover;position: absolute;top:0;right:0;bottom:0;left:0;transition: all ease .5s;}
.product_two_list:hover img{transform: scale(1.05);}
.product_two_list p{width: 100%;position: relative;z-index:2;padding:64px;font-size:16px;line-height: 1.75;color:#fff;height: 100%;background: linear-gradient(0deg,rgba(255,255,255,0) 0%,rgba(29,80,147,.37) 35%,#0c458f 100%);}
@media screen and (max-width: 960px) {
    .product_two{padding:0 2%;}
    .product_two_list{width: 100%;height: auto;margin-bottom:2%; }
    .product_two_list img{max-width: 60%;left:40%;}
    .product_two_list p{background: linear-gradient(-90deg,rgba(255,255,255,0) 0%,rgba(29,80,147,.37) 27%,rgba(2,67,153,.8) 45%,#0c458f 52%);padding:64px 40% 64px 5%;}
}

.product_title_top_big{padding-top:1.2rem;}
.product_box{width:100%;display: block;max-width: 1500px;padding:0 50px 0;margin:0 auto;}
.product_three{width:100%;padding:30px;display: flex;justify-content: space-between;margin:64px auto 0;background:#fff;align-items: center;flex-wrap: wrap;}
.product_three_img{width: 53.7%;display: block;order: 3;}
.product_three_img_left{order:1;}
.product_three_img img{width: 100%;object-fit: cover;display: block;}
.product_three_text{width: 44%;display: block;order:2;}
.product_three_text h3{width:100%;font-size:24px;line-height: 34px;color:#000;margin-bottom: 40px;display: block;}
.product_three_text h4{width: 100%;font-size:16px;line-height: 1.75;color:#333;display: block;margin-bottom: 10px;font-weight: normal;}
.product_three_text ul{width: 100%;display: block;}
.product_three_text li{width: 100%;font-size:16px;line-height: 1.75;color:#333;margin-top:10px;display: block;position: relative;padding-left:24px;}
.product_three_text li::before{content:'';width:8px;height: 8px;border-radius: 50%;background: #000;position: absolute;top:10px;;left:10px;}
@media screen and (max-width: 1200px) {
    .product_three_img,.product_three_text{width:100%;}
    .product_three_img{order:3;max-width: 530px;margin:30px auto 0;}
    .product_three_img img{}
    .product_box{padding:0 2%;}
}

.product_three_img_swiper{width:100%;height: 100%;}
.product_three_img_swiper img{width: 100%;height: 100%;object-fit: cover;display: block;}
.product_three_img_btn{background: #fff;display: flex;justify-content: center;align-items: center;width: 40px !important;height: 40px !important;border-radius: 50%;top:unset !important;bottom:24px;}
.product_three_img_btn.swiper-button-next{background-image: url('../images/icon_right.png');background-size: 20px 20px;right:64px;}
.product_three_img_btn.swiper-button-prev{background-image: url('../images/icon_left.png');background-size: 20px 20px;left:64px;}
.product_three_img_pagination{bottom:34px !important;}
.product_three_img_pagination span{width:30px;height: 4px;background: #001837;margin:0 2px;border-radius: 2px;}

.product_contact{width:100%;display: block;max-width: 1500px;padding:0 50px;position: relative;margin:0 auto;}
.product_contact_img{max-width:1400px;height: 100%;position: absolute;top:0;right:50px;bottom:0;left:50px;display: block;z-index:1;}
.product_contact_img img{width: 100%;height: 100%;object-fit: cover;display: block;}
.product_contact_main{width: 100%;padding:8% 0;display: block;position: relative;z-index:2;margin:0 auto;}
.product_contact_title{width: 100%;display: flex;justify-content: center;align-items: center;}
.product_contact_title svg{width: 50px;height: 50px;padding: 12px;background: linear-gradient(180deg,rgba(255,255,255,.05) 0%,rgba(255,255,255,0) 100%);border: 1px solid rgba(255,255,255,.8);border-radius: 10px;display: block;color:#fff;}
.product_contact_title span{display: block;margin-left: 20px;font-weight: 600;font-size: 24px;line-height: 50px;color:#fff;}
.product_contact_intro{width:100%;text-align: center;font-size:36px;line-height: 1.75;color:#fff;display: block;margin:3% auto;}
.product_contact_main a{width:255px;line-height: 50px;background: #106fc6;color:#fff;display: flex;justify-content: center;align-items: center;margin:0 auto;height: 50px;font-size:17px;color:#fff;}
.product_contact_main a button{background: unset;font-size:17px;color:#fff;}
.product_contact_main a span{margin-left:10px;}

.padding-bottom_6{padding-bottom: 6%;}
@media screen and (max-width: 1200px) {
    .product_contact{padding:0 2%;}
    .product_contact_img{right:2%;left:2%;}
}

.web_show{display: none;}
@media screen and (max-width: 750px) {
    .web_show{display: block;}
    .pc_show{display: none;}
}