@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}
@keyframes ym_tright{0%, 60%, 75%, 90%, 100%{animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);} 
    0%{opacity: 0;transform: translate3d(100px, 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_tright{animation-name: ym_tright;animation-duration:1.5s}
.ym_right{-webkit-animation-name:ym_right;animation-name:ym_right;animation-duration:2s}
@keyframes ym_right{0%{opacity:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(200px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
.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_left { -webkit-animation-name: ym_left;animation-name: ym_left;}
@keyframes ym_left{0%{opacity:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(-200px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
.ym_bt{font-size: 36px;color: #2e2e2e; padding-bottom: 5px;font-family: "Microsoft YaHei";font-weight: bold;}
.ym_bj{background: #fff;width: 100%;position: relative;height:680px;}
.ym_bj .ym_bjt{width:80%;height:450px;display:flex;overflow:hidden;margin:auto;}
.ym_bj .ym_bjr{position:relative;top:0;width:40%;overflow:hidden;}
.ym_bj .ym_bjr.ym_bjrp img{width:100%;overflow:hidden}
.ym_bj .ym_bjr .ym_bjrs{position: absolute; left: 0; top: 0;animation-duration:2s}
.ym_bj .ym_bjr .ym_bjrs img{ display: block; width: 100%;}
.ym_bj .ym_bjr .ym_bjrs.ym_bjr1{ z-index:1; animation-duration:3s;}
.ym_bj .ym_bjr .ym_bjrs.ym_bjr2{animation-duration:3.5s;}
.ym_bj .ym_bjr .ym_bjrs.ym_bjr3{animation-duration:2s;}
.ym_bj .ym_bjr .ym_bjrs.ym_bjr4{ top: -44px;animation-duration:1s;}
.ym_bj .ym_bjr .ym_bjrs.ym_bjr5{ top: -39px;animation-duration:2.5s;}
.ym_bj .ym_bjr .ym_bjrs.ym_bjr6{animation-duration:1.5s;}
.ym_bj .ym_bjl{width:60%;padding-top:50px;animation-duration:2s}
.ym_bj .ym_bjl .ym_bjlt {margin-bottom: 30px;}
.ym_bj .ym_bjl .ym_bjlt p{font-size: 36px;color: #2e2e2e;padding-bottom: 5px;font-family: "Microsoft YaHei", Arial, "Hiragino Sans GB", "Microsoft YaHei", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif;font-weight: bold;}
.ym_bj .ym_bjl .ym_bjlt h2{ font-size: 3.125rem; color: #9e0000;}
.ym_bj .ym_bjl .ym_bjln{font-size: 1.125rem;color: #545353;line-height: 32px;width: 100%;text-indent: 2em;}
.ym_bj .ym_bjb {margin-top:40px;background:#fff;text-align: center;padding: 0 10%;height: 200px;position: relative;border:1px solid #5f5f5f;border-width:1px 0px}
.ym_bj .ym_bjb .ym_bjbl{width: 24.75%;float:left;margin-top: 25px;padding-left:10%}
.ym_bj .ym_bjb .ym_bjbl p{position: relative;font-family: Arial;color: #e00012;font-weight: bold;display:flex;}
.ym_bj .ym_bjb .ym_bjbl .ym_bjbb{font-size: 80px;}
.ym_bj .ym_bjb .ym_bjbl .ym_bjbx{position: relative;font-size: 30px;font-weight: bold;color: #e00012;top:40px;}
.ym_bj .ym_bjb .ym_bjbl .ym_bjbw{font-family: Arial;font-size: 30px;color: #000000;font-weight: bold;}
.ym_bf{background: url(/imgs/jj/index_bge.jpg) no-repeat center fixed;width: 100%;overflow: hidden;padding:30px}
.ym_bf ul{width:80%;margin:auto; display: flex; justify-content: space-between;}
.ym_bf ul li{ text-align: center; position: relative; cursor: pointer;animation-duration:4s;}
.ym_bf ul li::after{ content: ''; width: 1px; height: 50%; background: rgba(255,255,255,0.3); position: absolute; left: -55%; bottom: 0;}
.ym_bf ul li:nth-child(1):after{ display: none;}
.ym_bf ul li .ym_bfp{ display: inline-block; position: relative;padding-top: 20px; color: #fff;}
.ym_bf ul li .ym_bfp p{ position: relative; z-index: 9;color:#fff;}
.ym_bf ul li .ym_bfb h3{ font-size: 1.5rem; transition: 0.5s;color:#fff;}
.ym_bf ul li .ym_bfb p{color:#fff;}
.ym_bf ul li .ym_bfp::after{ content: ''; display: block; width: 53px; height: 53px; background: #ff0000; border-radius: 50%; position: absolute; left: 0; top: 30%; transition: 0.5s;}
.ym_bf ul li:nth-child(n+4) .ym_bf ul li .ym_bfp::after{ left: auto; right: 0;}
.ym_bf ul li:hover .ym_bf ul li .ym_bfp::after{background: #f8bb00; top: 0; transition: 0.5s;}
.ym_bf ul li:hover .ym_bfb h3{font-weight: bold; transition: 0.5s;}
.ym_bf ul li .ym_bfb p::before{ content: ''; width: 46px; height: 1px; background: #fff; display: block; margin: 15px auto;}
.ym_by{width: 80%;margin: 0 auto;position: relative;padding:100px 0}
.ym_by h2{text-align: left;position: relative;font-size:26px;}
.ym_byt{font-weight: normal;position: absolute;right: 0;}
.ym_byt li{float: left;font-size: 18px;height: 30px;line-height: 30px;position: relative;padding: 0 12px 0 30px;cursor: pointer;}
.ym_byt li i{width: 5px;height: 5px;border: 2px solid #e7003a;margin-right: 6px;border-radius: 50%;position: absolute;left: 12px;top: 10px;opacity: 0;visibility: hidden;}
.ym_byt li a:hover{color: #333!important;}
.ym_byt li.active i{opacity: 1;visibility: visible;}
.ym_byt .ym_byrl{float: right;height: 30px;line-height: 30px;}
.ym_byt .ym_byrl img{height: 30px;line-height: 30px;float: left;font-weight: bold;margin-left: 20px;}
.ym_byz{padding-left: 30px;margin-top: 60px;overflow: hidden;position:relative;display:block;border-left:2px solid #232323;height:500px;}
.ym_byz .ym_byzn{float: none;overflow: hidden;position:absolute;display:none;}
.ym_byzn .ym_byzl {width: 350px;float: left;margin-top: 60px;}
.ym_byzn .ym_byzl img{display: block;margin: 34px 0;}
.ym_byzn .ym_bynl h3{font-size: 24px;font-weight: bold;margin-bottom: 30px;}
.ym_byzn .ym_bynl p{font-size: 18px;line-height: 1.5;margin-right: 66px;}
.ym_byzn .ym_byzr{margin-left: 400px;position: relative;}
.ym_byzn .ym_byzr img{width: 100%;}
.ym_byzn .ym_byzr a{display: block;width: 140px;height: 42px;line-height: 42px;font-size: 16px;color: #fff;text-align: center;position: absolute;right: 26px;bottom: 26px;}
.ym_byzn .ym_byzr a span{display: block;width: 100%;height: 100%;background: #656565;color: #fff;position: relative;}
.ym_byzn .ym_byzz{margin-left: 400px;position: relative;}
.ym_byzn .ym_byzz img{width: 100%;}
.ym_bl{width:100%;height:1000px;padding: 60px 10%;position:relative;}
.ym_blt{width:100%;margin-bottom:50px;}
.ym_bln{width:100%;position: relative;}
.ym_bln li{float: left;width: 18%;height:350px;padding: 20px;text-align: center;}
.ym_bln .ym_blnn{border: 2px dotted #166df1;}
.ym_bln li .ym_blnt{width: 90px;height: 90px; border: 2px solid #166df1; margin: 0 auto; line-height: 90px; text-align: center;border-radius: 50%;}
.ym_bln li:hover .ym_blnt{border-color: #e7141a; background: #e7141a;}
.ym_bln li h3{margin: 12px 0 8px; font-size: 20px; line-height: 32px; color: #166df1;}
.ym_bln span{width:100%;margin:10px 0;display: inline-block;text-align:center;font-size:16px;}
.ym_bln li span:hover{color: #e7141a;}
.ym_bln .ym_blny{width: 9%; height: 322px; background: url(/imgs/jj/arrow.png) no-repeat center center; background-size: 80%;}
.ym_bln .ym_blnd{width: 18%;height: 70px;background: url(/imgs/jj/arrow-down.png) no-repeat center center;margin-left:81% ;}
.ym_bln .ym_blnz{width: 9%; height: 322px; background: url(/imgs/jj/arrow-left.png) no-repeat center center; background-size: 80%;}
.ym_bh{width:100%;padding:50px 10%;overflow:hidden;}
.ym_bh .ym_bht{width:80%;margin-bottom:50px;}
.ym_bhn{width:100%;position:relative;overflow:hidden;border-right:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf; margin-top:10px;}
.ym_bhn li{ float:left; width:20%;border-left:1px solid #dfdfdf; border-top:1px solid #dfdfdf; overflow:hidden; position:relative;}
.ym_bhn li img{display: block;width: 100%;}
.ym_bhn li .ym_bhp{cursor:pointer; overflow:hidden; border-color:#fff;}
.ym_bhn li .ym_bhp:after{content:''; display:block; width:100%; height:100%; position:absolute; top:0; left:0; box-shadow:inset 0 0 0 0 #eee;transition:0.2s;}
.ym_bhn li .ym_bhp:hover:after{box-shadow:inset 0 0 0 10px #f6f6f6;}
.ym_bhn li .ym_bhp img{opacity:0.5;filter:grayscale(100%); filter:gray;transition:0.3s;}
.ym_bhn li:hover .ym_bhp img{opacity:1;filter:grayscale(0); filter:none; transform:scale(0.9) translateY(-8px);}