@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%;position:relative;background:#f7f7f7;overflow:hidden;}
.ym_bj ul{margin:2% 0;justify-content:space-between;display:-webkit-flex;}
.ym_bj ul li{width: 23%;border: solid 1px #dadada;background:#fff;padding: 5% 3% 0;text-align: center;height: 360px;position: relative;}
.ym_bj .ym_bjlu{width: 1px;height: 0;top: 0;left: 0;transition: all 1s;background: #026eff;position: absolute;}
.ym_bj .ym_bjlr{width: 0;height: 1px;top: 0;left: 0;transition: all 1s;background: #026eff;position: absolute;}
.ym_bj .ym_bjlb{width: 0;height: 1px;bottom: 0;left: 0;transition: all 1s;background: #026eff;position: absolute;}
.ym_bj .ym_bjll{width: 1px;height: 0;bottom: 0;right: 0;transition: all 1s;background: #026eff;position: absolute;}
.ym_bj ul li:hover .ym_bjlu{height: 100%;}
.ym_bj ul li:hover .ym_bjlr{width: 100%;}
.ym_bj ul li:hover .ym_bjlb{width: 100%;}
.ym_bj ul li:hover .ym_bjll{height: 100%;}
.ym_bj ul li span{width: 86px;height: 86px;position: relative;display: block;margin: 0 auto;}
.ym_bj ul li span img{width: 100%;height: 100%;position: absolute;top: 0;left: 0;transition: all .6s;}
.ym_bj ul li span img:last-child{opacity: 0;}
.ym_bj ul li h3{font-size: 24px;padding: 8% 0 0;}
.ym_bj ul li p{color: #cecece;font-size: 14px;}
.ym_bj .ym_bjw{color: #666666;font-size: 16px;margin: 10% 0 0;}
.ym_bj ul li:hover span img:last-child{opacity: 1;transform: rotate(360deg);}
.ym_bk{width:100%;padding:50px 10%;position:relative;overflow:hidden;}
.ym_bkn {margin:0  auto;position: relative;overflow: hidden;list-style: none;padding: 0;z-index: 1}
.ym_bkn ul{position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box;justify-content:space-between;}
.ym_bkn li {width: 31.7%;flex-shrink: 0;height: 100%;position: relative;transition-property: transform;overflow:hidden;}
.ym_bkn li img {width: 100%;transition: all 0.6s;}
.ym_bkn li:hover img {transform: scale(1.1);-webkit-transform: scale(1.1);}
.ym_bkw {width: 100%;bottom: 15%;color: #fff;text-align: center;position:absolute;}
.ym_bkw h4 {font-size: 24px;font-weight: bold;}
.ym_bkw p {	font-size: 18px;font-family: lighter;margin: 2% 0 0;}
.ym_bf{width:100%;padding:50px 10%;position:relative;overflow:hidden;}
.ym_bf ul{justify-content: space-between;display:-webkit-flex;}
.ym_bf ul li{width: 23%;height: 460px;box-shadow: 0 0 30px rgba(234, 234, 234, .5);text-align: center;padding: 5% 2% 0;transition: all .6s;}
.ym_bf ul li h3{font-size: 22px;color: #333;}
.ym_bf ul li img{margin: 15% auto;transition: all .6s;}
.ym_bf ul li:hover img{transform: rotateY(360deg);}
.ym_bf ul li:hover{transform: translateY(-30px);}
.ym_bfw{color: #666;font-size: 16px;line-height: 2;}
.ym_bs{width:100%;padding:50px 10%;position:relative;overflow:hidden;}
.ym_bs ul{flex-wrap:wrap;display:-webkit-flex;}
.ym_bs ul li{width: 33.333%;position: relative;overflow: hidden;}
.ym_bs ul li img{width: 100%;transition: all 0.6s;}
.ym_bs ul li:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);}
.ym_bs ul li span{width: 150px;height: 52px;border-radius: 0 30px 0 0;background: rgba(255, 255, 255, .6);line-height: 52px;color: #333;font-size: 18px;text-align: center;position: absolute;left: 0;bottom: 0;z-index: 0;}
.ym_bs ul li span::after{width: 0;height: 100%;background: #026eff;position: absolute;left: 0;top: 0;display: block;content: "";transition: all .6s;border-radius: 0 30px 0 0;z-index: -1;}
.ym_bs ul li:hover span{color: #fff;}
.ym_bs ul li:hover span::after{width: 100%;}
.ym_by{background: #efefef;margin: 5% 0;width:100%;padding:50px 10%;position:relative;overflow:hidden;}
.ym_by ul{margin:2% 0;flex-wrap:wrap;justify-content:space-between;display:-webkit-flex;}
.wj5_bg{background: #efefef;margin: 5% 0 0;padding: 2% 0 2.5%;}
.ym_by ul li{width: 31.8%;padding: 3% 5% 3%;background: #fff;margin-bottom: 2%;transition: all .6s;}
.ym_by ul li img{transition: all .6s;}
.ym_by ul li:hover img{transform: rotateX(360deg);}
.ym_by ul li p{font-size: 20px;font-weight: bold;}
.ym_by ul li span{width: 43px;height: 43px;position: relative;margin-right: 15px;}
.ym_by ul li span img{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.ym_by ul li span img:last-child{opacity: 0;}
.ym_by ul_txt{color: #666666;font-size: 16px;padding: 5% 0 0;margin: 7% 0 0;}
.ym_by ul_txt::after{width: 38px;height: 1px;background: #d4d4d4;content: "";display: block;top: 0;left: 0;position: absolute;}
.ym_by ul li:hover{background: #026eff;}
.ym_by ul li:hover .ym_ymw, .ym_by ul li:hover p{color: #fff;}
.ym_by ul li:hover span img:last-child{opacity: 1;}
.ym_by .ym_ymt{align-items:center;display:-webkit-flex;}
.ym_by .ym_ymw{color: #666666;font-size: 16px;padding: 5% 0 0;margin: 7% 0 0;position:relative;}
.ym_ba{padding-bottom: 5%;overflow: hidden;}
.ym_ban{margin-left: auto;margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1;margin: 0 0 3%;}
.ym_ban ul{position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box;}
.ym_ban ul li{flex-shrink: 0;width: 100%;height: 100%;position: relative;transition-property: transform;overflow: hidden;}
.ym_ban ul li img{width: 100%;transition: all 0.6s;}
.ym_ban ul li:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);}
.ym_ban .swiper-button-prev, .ym_ban .swiper-button-next{width: 46px;height: 46px;opacity: .8;top: 36%;outline: none;}
.ym_ban .swiper-button-next{background: none;right: 29.5%;}
.ym_ban .swiper-button-next:before{width: 100%;height: 100%;background: url(/imgs/wz/f_nar6.png) no-repeat;display: block;content: "";left: 0;top: 0;content: "";position: absolute;transform: scale(1);transition: 0.4s;}
.ym_ban .swiper-button-next::after{width: 100%;height: 100%;background: url(/imgs/wz/f_nar5.png) no-repeat;display: block;content: "";left: 0;top: 0;content: "";position: absolute;transition: 0.8s;opacity: 0;}
.ym_ban .swiper-button-next:hover::after{transform: scale(0);}
.ym_ban .swiper-button-next:hover::before{transform: scale(1.1);}
.ym_ban .swiper-button-prev{background: none;left: 29.5%;}
.ym_ban .swiper-button-prev:before{width: 100%;height: 100%;background: url(/imgs/wz/f_nar7.png) no-repeat;display: block;content: "";left: 0;top: 0;content: "";position: absolute;transform: scale(1);transition: 0.8s;}
.ym_ban .swiper-button-prev::after{width: 100%;height: 100%;background: url(/imgs/wz/f_nar4.png) no-repeat;display: block;content: "";left: 0;top: 0;content: "";position: absolute;transition: 0.8s;opacity: 0;}
.ym_ban .swiper-button-prev:hover::after{transform: scale(0);}
.ym_ban .swiper-button-prev:hover::before{transform: scale(1.1);}
.ym_bant{margin: 5% 0 0;text-align:center;}
.ym_bant h3{font-size: 24px;color: #333;}
.ym_bant p{color: #666;font-size: 18px;}
.ym_ban .swiper-slide ..ym_bant{display: none;}
.ym_ban .swiper-slide-active ..ym_bant{display: block;}
.ym_banp{border-radius: 10px;overflow: hidden;position: relative;}
.ym_banp img{width: 100%;}
.ym_banp::after{width: 100%;content: url(/imgs/wz/f_pic30.png);bottom: -14%;left: 0;position: absolute;display: none;}
.ym_ban .swiper-slide-active .ym_banp::after{display: block;}
.swiper-button-next, .swiper-button-prev{position: absolute; top: 50%; width: calc(var(--swiper-navigation-size)/ 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(0px - (var(--swiper-navigation-size)/ 2)); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color, var(--swiper-theme-color));
left: auto;}