.visual{position:relative}
    .visual_img      {   width:1920px; position:relative;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
    .visual_img img  {   height:100%}
    .visual_box{position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);text-align:center}
    .visual_text{margin-top:82px;color:#fff}
    .visual_text .title{font-size:55px;font-weight:600}
    .visual_text p{margin-top:36px;font-size:35px}
    .visual_card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
    .visual_card .card-item{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;width:30%;max-width:400px;min-height:550px;padding:100px 30px;border-radius:100px;background:rgba(255,255,255,.75);-webkit-transition:background .25s;transition:background .25s}
    .visual_card .card-item:hover{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
    .visual_card .card-item strong{display:block;position:relative;padding-bottom:28px;font-size:40px;font-weight:700}
    .visual_card .card-item:nth-child(1) strong{color:#bc5c5a}
    .visual_card .card-item:nth-child(2) strong{color:#007d8b}
    .visual_card .card-item:nth-child(3) strong{color:#00208b}
    .visual_card .card-item strong::after{content:'';display:block;position:absolute;left:50%;bottom:0;width:100px;height:4px;background:#bc5c5a;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
    .visual_card .card-item:nth-child(2) strong::after{background:#007d8b}
    .visual_card .card-item:nth-child(3) strong::after{background:#00208b}
    .visual_card .card-item p{margin-top:28px;font-size:30px;color:#0c0c0c}
    .visual_card .card-item p span{display:block;margin-top:50px}
    .visual_card .card-item p span:first-child  {   margin-top:0}
    .visual_card .card-item p.hover     {   display:none;position:relative;font-size:25px;color:#fff; text-decoration: none!important; }
    .visual_card .card-item a.mo        {   position:absolute;left:0;top:0;width:100%;height:100%;     }
    .visual_card .card-item a.mo::after {   content:'';display:block;position:absolute;bottom:10px;right:10px;width:16px;height:18px;background:url(../img/icon_main-stroke-arrow.svg) 50%/100% no-repeat}

    .introduce_video{overflow:hidden;position:relative;border-radius:10px;background:#dadada}
    .introduce_video video{width:100%}
    .introduce_video iframe{width:100%; height:300px}
    .introduce_text-title{font-size:30px}
    .introduce_text-title.mo{text-align:center}
    .introduce_text p{margin-top:70px}
    .ref-link{margin-top:112px;margin-bottom:-145px;padding:42px 0;background:#f2f2f2}
    .ref-link ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
    .ref-link li{padding:10px}
    .swiper-slide-cooperation img {height:54px; max-width:100%;}

    @media (min-width:1100px){
        .visual_img    {  width:auto; }
        .visual_card{max-width:1300px;margin:60px auto 0}
        .visual_card .card-item:hover{background:rgba(0,0,0,.5);border:10px solid #7d2e2c}
        .visual_card .card-item:hover:nth-child(2){border-color:#007d8b}
        .visual_card .card-item:hover:nth-child(3){border-color:#00208b}
        .visual_card .card-item:hover p,.visual_card .card-item:hover strong{display:none}
        .visual_card .card-item:hover p.hover{display:block; }
        .introduce{overflow:hidden;width:1080px;margin:110px auto 0}
        .introduce_video{width:560px;float:left}
        .introduce_text{float:left;width:470px;margin-left:50px}
    }
    @media (max-width:1099px){
        .visual_img    {  width:auto;  height:600px; position:relative;left: -50%;}
        .visual_text   {  margin-top:46px}
        .visual_text .title{font-size:25px}
        .visual_text p{font-size:18px;margin-top:10px}
        .visual_card{margin-top:50px;-ms-flex-wrap:wrap;flex-wrap:wrap}
        .visual_card .card-item{width:calc(50% - 6px);min-height:0;max-width:none;padding:30px 14px 35px;border-radius:30px}
        .visual_card .card-item.wide{width:100%;margin-top:12px;padding:14px 0 20px}
        .visual_card .card-item strong{font-size:18px;padding-bottom:10px}
        .visual_card .card-item strong::after{width:45px;height:2px}
        .visual_card .card-item p{font-size:14px;overflow:hidden;max-width:120px;margin:10px auto 0}
        .visual_card .card-item.wide p{width:auto;height:22px}
        .visual_card .card-item p span{margin-top:20px}
        .visual_card .card-item p.hover{font-size:18px}
        .introduce{position:relative;max-width:600px;padding:0 25px;margin:-60px auto 0}
        .introduce_video{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;max-width:400px;margin:10px auto 0}
        .introduce_text-title{font-size:18px;color:#fff}
        .introduce_text p{margin-top:11px;font-size:15px}
        .ref-link{margin-top:70px;margin-bottom:-90px;padding:20px 0}
        .ref-link ul{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
        .ref-link li{display:inline-block;padding:5px}
        .ref-link li img{height:38px}
    }