@keyframes ym_tleft{0%, 60%, 75%, 90%, 100%{animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);} 
    0%{opacity: 0;transform: translate3d(-500px, 0, 0);} 
    60%{opacity: 1;transform: translate3d(25px, 0, 0);} 
    75%{-webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0);} 90%{-webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0);} 
    100%{-webkit-transform: none; transform: none;}}
.ym_tleft{animation-name: ym_tleft;animation-duration:1s}
.ym_up {-webkit-animation-name: ym_up;animation-name: ym_up;animation-duration:2s;}
@keyframes ym_up{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
.ym_bt{font-size: 42px;line-height: 42px;font-weight: bold;text-align: center;position:relative;padding: 90px 0 60px;}
.ym_bj{width:100%;padding:50px 10%;position:relative;overflow:hidden;background:#fff}
.ym_bj ul{margin:2% 0;justify-content:space-between;display:-webkit-flex}
.ym_bj ul li{width: calc((100% - 66px*3)/4);height: 450px;float: left;margin-right: 66px;border: 1px solid #eeeeee;padding-top: 105px;transition: 0.5s;}
.ym_bjpz img{display:block}
.ym_bj ul li:last-child{margin-right: 0;}
.ym_bj ul li:hover{border: 1px solid #026eff;transition: 0.5s;}
.ym_bj ul li:hover .ym_bjpz img{transform:rotateY(360deg) translateY(-4px);transition: all 0.35s;}
.ym_bjp{width: max-content; height: 58px;position: relative;margin: 0 auto;}
.ym_bjpz{height: 100%;}
.ym_bjpf{width: 50px;height: 50px;border-radius: 50%;background:rgb(0, 92, 230);position: absolute;top: -25px;right: -25px;opacity: 0.06;}
.ym_bj ul li h3{font-size: 18px;line-height: 18px;margin-top: 45px;text-align: center;font-weight: bold;}
.ym_bj ul li p{font-size: 16px;line-height: 32px;color: #999999;margin-top: 27px;padding-left: 30px;padding-right: 30px;}
.ym_by{width:100%;padding:50px 10%;position:relative;overflow:hidden;background:#f8f6f6}
.ym_by ul{width:100%;margin:2% 0;justify-content:space-between;display:-webkit-flex}
.ym_by ul li{width: calc((100% - 66px*3)/4);height: 445px;float: left;margin-right: 66px;background: #fff;transition: 0.5s;}
.ym_by ul li:last-child{margin-right: 0;}
.ym_by ul li h3{width: 100%;font-size: 18px;font-weight: bold;text-align: center;background: #ededed;line-height: 97px;}
.ym_by ul li:hover{margin-top: -20px;transition: 0.5s;}
.ym_byp{height: 58px;width: max-content;margin: 0 auto;margin-top: 72px;}
.ym_by ul li:hover .ym_byp img{animation: proRotate 0.5s;}
.ym_byt{padding-left: 30px;padding-right: 30px;font-size: 16px;line-height: 36px;color: #666666;margin-top: 50px;transition: 0.5s;}
.ym_by ul li:hover .ym_byt{color: #026eff;transition: 0.5s;}
.ym_bg{width:100%;padding:50px 10%;position:relative;overflow:hidden;background:#fff}
.ym_bg ul{width:100%;margin:2% 0;justify-content:space-between;display:-webkit-flex}
.ym_bg ul li{width: calc((100% - 25px*3)/4);height: 510px;float: left;margin-right: 25px;position: relative;}
.ym_bg ul li:last-child{margin-right: 0;}
.ym_bg ul li .ym_bgp{width: 100%;height: 100%;}
.ym_bg ul li .ym_bgp img{width: 100%;height:100%;transition: 0.5s;}
.ym_bg ul li:hover .ym_bgb{opacity: 0;transition: 0.5s;}
.ym_bg ul li .ym_bgb{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(0, 0, 0, 0.4);opacity: 1;transition: 0.5s;}
.ym_bg ul li:hover .ym_bgp img{transform: scale(1.08);transition: 0.5s;}
.ym_bg ul li .ym_bgw{ position: absolute;left: 0;bottom: 60px;padding-left: 34px;transition: 0.5s;}
.ym_bg ul li:hover .ym_bgw{bottom: 80px;transition: 0.5s;}
.ym_bg ul li .ym_bgw h3{font-size: 20px;line-height: 20px;color: #fff;font-weight: bold;}
.ym_bg ul li .ym_bgw p{font-size: 16px;line-height: 16px;color: #fff;margin-top: 25px;}
.ym_bs{width:100%;padding:50px 10%;position:relative;overflow:hidden;background:#f8f6f6}
.ym_bs ul{width:100%;margin:2% 0;justify-content:space-between;}
.ym_bs ul li:nth-child(3n){margin-right: 0;}
.ym_bs ul li{width: calc((100% - 30px*2)/3);border: 1px solid #eeeeee;background:#fff;float: left;margin-right: 30px;padding-top: 48px;padding-bottom: 40px;margin-bottom: 40px;transition: 0.5s;}
.ym_bs ul li h3{font-size: 24px;line-height: 24px;text-align: center;font-weight: bold;transition: 0.5s;}
.ym_bs ul li p{font-size: 16px;line-height: 34px;color: #999999;text-align: center;padding-left: 60px;padding-right: 60px;margin-top: 25px;transition: 0.5s;}
.ym_bs ul li:hover h3{color: #fff;transition: 0.5s;}
.ym_bs ul li:hover p{color: #fff;transition: 0.5s;}
.ym_bsp{width: 420px;height: 210px;margin: 0 auto;margin-top: 40px;overflow:hidden;}
.ym_bsp img{width: 100%;transition: 0.5s;}
.ym_bs ul li:hover .ym_bsp img{transform: scale(1.5);transition: 0.5s;}
.ym_bs ul li:hover {background: #026eff;transition: 0.5s;}
.ym_ba{width:100%;padding:50px 10%;position:relative;overflow:hidden;background:#fff}
.ym_ba ul{width:100%;margin:2% 0;justify-content:space-between;}
.ym_ba ul li{width:32.6%;background: #fff;float: left;margin-right:1%;margin-top: 30px;;box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);padding-bottom: 34px;position: relative;}
.ym_ba ul li:nth-child(3n){margin-right: 0;}
.ym_ba .ym_bap{width: 100%;max-height: 290px;position: relative;overflow:hidden;}
.ym_ba .ym_bap .ym_bapz{width: 100%;height: 100%;max-height: 290px;}
.ym_ba .ym_bap .ym_bapz img{width:100%;height:100%;max-height:290px;}
.ym_ba ul li:hover .ym_bapf{transform: scale(1);transition: 0.5s;}
.ym_ba .ym_bap .ym_bapf{width: 100%;height: 100%;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: 0;background: rgba(0, 0, 0, 0.7);transform: scale(0);transition: 0.5s;}
.ym_ba .ym_bap .ym_bapf img{width: 128px;height: 128px;position: absolute;top: calc(50% - 128px/2);left: calc(50% - 128px/2);}
.ym_ba ul li h3{font-size: 18px;line-height: 18px;margin-top: 35px;padding-left: 30px;}
.ym_ba ul li p{font-size: 16px;line-height: 16px;padding-left: 30px;color: #999999;margin-top: 25px;}
.ym_baz{width: 138px;transition: 0.5s;height: 48px;border: 2px solid #026eff;border-radius: 100px;position:absolute;bottom: 30px;right: 30px;line-height: 44px;text-align: center;color: #026eff;font-size: 16px;}
.ym_baz:hover{background: #026eff;color: #fff;transition: 0.5s;}
.ym_bl{width:100%;padding:50px 10%;position:relative;overflow:hidden;background:#f8f6f6}
.ym_bl ul{width:100%;margin:2% 0 10% 0;justify-content:space-between;display: inline-flex;}
.ym_bl ul li{width: max-content;float: left;margin-right: 60px;transition: 0.5s;}
.ym_bl ul li:hover{margin-top: -20px;transition: 0.5s;}
.ym_blcw{width: 114px;height: 114px;border: 1px solid rgba(1, 22, 217, 0.1);padding-top: calc(114px/2 - 101px/2);margin: 0 auto;border-radius: 50%;}
.ym_blcn{width: 101px;height: 101px;margin: 0 auto;border: 1px solid rgba(1, 22, 217, 0.4);padding-top: calc(101px/2 - 87px/2);border-radius: 50%;}
.ym_blp{width: 87px;height: 87px;margin: 0 auto;border-radius: 50%;}
.ym_blw{font-size: 20px;line-height: 20px;text-align: center;margin-top: 18px;}
.ym_bly{width: 36px;height: 36px;float: left;margin-right: 60px;margin-top: calc(114px/2 - 36px/2);}
.ym_bf{width:100%;padding:50px 10%;position:relative;overflow:hidden;background:#fff}
.ym_bf ul{width:100%;margin:2% 0;justify-content:space-between;}
.ym_bf ul li{width: 25%;float: left;height: 600px;position: relative;}
.ym_bf ul li:hover .ym_bfw{background: #026eff;transition: 0.5s;}
.ym_bf ul li:hover .ym_bfwp{margin-top: 154px;transition: 0.5s;}
.ym_bf ul li:hover .ym_bf ul li p{opacity: 1;transition: 0.5s;}
.ym_bf ul li h3{text-align: center;margin-top: 50px;font-size: 18px;line-height: 18px;color: #fff;font-weight: bold;transition: 0.5s;}
.ym_bf ul li p{font-size: 16px;line-height: 36px;color: #fff;text-align: center;padding: 0 60px 0 60px;text-align: center;margin-top: 30px;opacity: 0;transition: 0.5s;}
.ym_bf .ym_bfp{width: 100%;height: 100%;}
.ym_bf .ym_bfp img{width:100%;height:100%}
.ym_bfw{width: 100%;height: 100%;position: absolute;top: 0;left: 0;overflow: hidden;transition: 0.5s;}
.ym_bfwp{width: 107px;height: 107px;margin: 0 auto;margin-top: 210px;transition: 0.5s;}
.ym_bx{width:100%;padding:50px 10% 150px 10%;position:relative;overflow:hidden;background:#f8f6f6;}
.ym_bxl{width: 350px;float: left;height: 580px;background: url(/imgs/cx/a106.jpg) no-repeat;background-size: 100% 100%;padding: 50px 45px 0 45px;position: relative;transition: 0.5s;}
.ym_bxl h3{font-size: 26px;line-height: 26px;color: #fff;}
.ym_bxl p{font-size: 16px;line-height: 36px;color: #fff;margin-top: 25px;}
.ym_bxl a{width: 150px;height: 46px;border-radius: 550px;background: #fff;position: absolute;bottom: 48px;left: calc(50% - 150px/2);line-height: 46px;color: #026eff;font-size: 16px;text-align: center;transition: 0.5s;}
.ym_bxl a:hover{background: #026eff;color: #fff;border: 1px solid #fff;transition: 0.5s;}
.ym_bxr{width: calc(100% - 350px);float: left;height: 100%;border-top: 1px solid #fff5f7;}
.ym_bxrn{width: 48%;height: calc(550px/3);margin:0.5%;border-right:5px solid #cec3c563;border-bottom:5px solid #cec3c563;background:#fff;padding:25px;float: left;overflow:hidden;}
.ym_bxrt{font-size:18px;line-height: 18px;overflow:hidden;display:inline-flex;}
.ym_bxrn:hover .ym_bxrt{font-weight: bold;color: #026eff;}
.ym_bxrd{font-size: 16px;line-height: 20px;color: #999999;margin-top: 20px;overflow:hidden;}