@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{padding: 90px 0 60px;text-align: center;}
.ym_bt h2{font-size: 52px;line-height: 52px;color: #333333;font-weight: bold;text-align: center;margin-bottom: 26px;}
.ym_bt p{font-size: 24px;line-height: 24px;color: #5e5e5e;text-align: center;font-weight: lighter;}
.ym_bj{width:100%;padding:50px 10%;overflow:hidden;}
.ym_bj ul {display: flex;flex-wrap: wrap;justify-content: space-between;}
.ym_bj ul li{width: 23%;height: 440px;color: #838383;font-size: 18px;margin-bottom: .3rem;border: solid 1px #eee;padding: 5% 3% 0;text-align: center;}
.ym_bj ul li b{color: #3a3a3a;font-size: 24px;display: block;margin: 15% 0 20%;}
.ym_bj ul li img{width: 90px;height: 90px;display: block;margin: 0 auto;transition: all .6s;}
.ym_bj ul li:hover img{transform: rotate(360deg);}
.ym_by{width:100%;padding:50px 10%;overflow:hidden;}
.ym_by ul{width:100%;flex-wrap:wrap;display:flex;justify-content:space-between;}
.ym_by ul li{width: 29%;height: 446px;background: #f2f6ff;padding: 2% 2.5% 0;text-align: center;}
.ym_by ul li img{width: 73%;margin: 0 auto;transition: all .6s;}
.ym_by ul li:hover img{transform: translateY(-10px);}
.ym_by ul li h3{font-size: 34px;color: #333;margin: 4% 0;}
.ym_by ul li p{color: #454545;font-size: 20px;}  
.ym_bx{width:100%;padding:50px 10%;background:#f2f6ff;overflow:hidden;}
.ym_bx .ym_bxn{width:100%;flex-wrap:wrap;display:flex;justify-content:space-between;}
.ym_bx .ym_bxn .ym_bxnp {width: 64.8%;}
.ym_bx .ym_bxn .ym_bxnp img {width: 100%;}
.ym_bx .ym_bxn ul { width: 33.33%;}
.ym_bx .ym_bxn ul li { height: 164px;border-radius: 10px;padding: 6% 5% 0;position: relative;z-index: 0;overflow: hidden;}
.ym_bx .ym_bxn ul li::after {width: 100%;height: 100%;background: #026eff;left: 0;top: 0;content: "";position: absolute;z-index: -1;transition: all .6s;transform: scale(1, 0);}
.ym_bx .ym_bxn ul li h3{color: #333;font-weight: bold;font-size: 26px;}
.ym_bx .ym_bxn ul li p{color: #868686;font-size: 18px;margin: 2% 0 0;}
.ym_bx .ym_bxn ul li:hover::after{transform: scale(1, 1);}
.ym_bx .ym_bxn ul li:hover h3, .ym_bx .ym_bxn ul li:hover p{color: #fff;}
.ym_ba{width:100%;padding:50px 10%;background:#f2f6ff;overflow:hidden;} 
.ym_ba .ym_ban{width:100%;flex-wrap:wrap;display:flex;justify-content:space-between;margin-bottom:50px;}
.ym_ba .ym_ban .ym_banp{width:51%;border-radius:10px;}
.ym_ba .ym_ban .ym_banp img{width:100%;height:100%;}
.ym_ba .ym_ban .ym_banw{width: 44.6%;}
.ym_ba .ym_ban .ym_banw h3{font-size:26px;font-family:lighter;line-height:58px;}
.ym_ba .ym_ban .ym_banw span{width:40%;font-size: 24px;font-family: lighter;color:#026eff;position: relative;padding: 2% 0 5%;border-top:4px solid #026eff;}
.ym_ba .ym_ban .ym_banw p{font-size:18px;line-height:36px;margin:20px 0;}
.ym_ba .ym_ban .ym_banw ul{margin: 10% 0 0;flex-wrap:wrap;display:flex;justify-content:space-between;}
.ym_ba .ym_ban .ym_banw ul li{text-align:center;width:30%}
.ym_ba .ym_ban .ym_banw ul li h3{color: #026eff;font-size: 48px;line-height: 60px;}
.ym_ba .ym_ban .ym_banw ul li p{color: #026eff;font-size: 26px;line-height:60px;margin-top:15px;border:3px solid #026eff;border-radius:20px;}
.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;}
.ym_bt{font-size: 42px;line-height: 42px;font-weight: bold;text-align: center;position:relative;padding: 90px 0 60px;}