.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_bf {width:100%;position:relative;padding:0 5%;background-color:#eefaff;overflow:hidden;}
.ym_bf .ym_bfn {width:100%;margin-bottom:100px;position:relative;flex-wrap:wrap;justify-content:space-between;display:flex;transition:all 150ms ease-in 0s;}
.ym_bf .ym_bfn a {width:15%;height:450px;position:relative;overflow:hidden;z-index:1;font-size:14px;padding:48px 20px 22px;background-color:#fff;text-align:center}
.ym_bf .ym_bfn a:after {content:" ";z-index:-1;position:absolute;left:0;bottom:0;width:100%;height:4px;background-color:#ddd;transition:all 480ms ease-out 0s;pointer-events:none}
.ym_bf a:hover:after {height:100%;background-color:#026eff}
.ym_bf .ym_bfn a .ym_bfp {width:180px;height:110px;margin:0 auto;display:block;transition:all .4s ease-out 0s;overflow:hidden;}
.ym_bf .ym_bfn a:hover .ym_bfp img{margin-top:-110px;}
.ym_bf .ym_bfn a h3{margin:35px;color:#000;font-size:24px;line-height:40px;font-weight:700;transition:all 320ms ease-out 0s;}
.ym_bf .ym_bfn a p {color:#666;font-size:14px;line-height:28px;transition:all 320ms ease-out 0s;}
.ym_bf .ym_bfn a:hover h3,.ym_bf .ym_bfn a:hover p{color:#fff;transition:all .2s ease-out 50ms}
.ym_ba {width:100%;position:relative;padding:0 5%;background-color:#fff;overflow:hidden;}
.ym_ba ul {position:relative;overflow:hidden;display:flex;flex-wrap:wrap;margin-bottom:100px;}
.ym_ba ul li {position:relative;overflow:hidden;width:49.75%;display:flex;flex-wrap:wrap;}
.ym_ba ul li:nth-child(2n+2) {margin-left:.5%}
.ym_ba ul li:nth-child(1n+3) {margin-top:.5%}
.ym_ba ul li:first-child .ym_ban{width:100%;margin-right:0 !important;}
.ym_ba ul li .ym_ban:nth-child(1n+3) {margin-top:1%}
.ym_ba ul li .ym_ban:nth-child(2n+1) {margin-right:1%}
.ym_ba ul .ym_ban{float:left;position:relative;overflow:hidden;width:49.5%;height:auto;font-size:20px;border:1px solid #e2f3fb;}
.ym_ba ul .ym_ban .ym_bal{display:block;width:100%;height:0!important;padding-bottom:75%;background-color:#f1f1f1;z-index:2}
.ym_ba ul .ym_ban .ym_bal img{width:100%;}
.ym_ba ul .ym_ban .ym_bal:after{content:" ";position:absolute;left:0;top:0;width:100%;height:100%;z-index:8;background-color:#026eff;opacity:0;transition:all .6s ease-out 0s;clip-path:polygon(50% 20%,50% 50%,20% 50%,50% 50%,50% 80%,50% 50%,80% 50%,50% 50%)}
.ym_ba ul .ym_ban .ym_bal:hover:after{opacity:1;clip-path:polygon(50% 0,0 0,0 50%,0 100%,50% 100%,100% 100%,100% 50%,100% 0)}
.ym_ba ul .ym_ban .ym_bal .ym_bab{position:absolute;z-index:9;left:1em;top:1em;right:1em;bottom:1em}
.ym_ba ul .ym_ban .ym_bal .ym_babt{position:absolute;z-index:1;background-color:#fff;left:0;right:100%;top:0;height:1px;transition:all 340ms linear 150ms}
.ym_ba ul .ym_ban .ym_bal .ym_babr{position:absolute;z-index:1;background-color:#fff;top:0;bottom:100%;right:0;width:1px;transition:all 340ms linear 150ms}
.ym_ba ul .ym_ban .ym_bal .ym_babb{position:absolute;z-index:1;background-color:#fff;left:0;right:100%;bottom:0;height:1px;transition:all 340ms linear 150ms}
.ym_ba ul .ym_ban .ym_bal .ym_babl{position:absolute;z-index:1;background-color:#fff;top:0;bottom:100%;left:0;width:1px;transition:all 340ms linear 150ms}
.ym_ba ul .ym_ban .ym_bal:hover .ym_babt{left:0;right:0;transition:all 340ms linear 150ms}
.ym_ba ul .ym_ban .ym_bal:hover .ym_babr{top:1em;bottom:1em;transition:all 340ms linear 150ms}
.ym_ba ul .ym_ban .ym_bal:hover .ym_babb{left:0;right:0;transition:all 340ms linear 150ms}
.ym_ba ul .ym_ban .ym_bal:hover .ym_babl{top:1em;bottom:1em;transition:all 340ms linear 150ms}
.ym_ba ul .ym_ban .ym_bal:hover:after{opacity:1;clip-path:polygon(50% 0,0 0,0 50%,0 100%,50% 100%,100% 100%,100% 50%,100% 0)}
.ym_ba ul .ym_ban .ym_bal .ym_bat{position:absolute;z-index:10;width:100%;text-align:center;color:#fff;transition:all 250ms ease-out 0s;opacity:0;visibility:hidden;top:50%;transform:translateY(-20%)}
.ym_ba ul .ym_ban .ym_bal .ym_bat:after{content:" ";display:block;margin-left:auto;margin-right:auto;width:38px;height:38px;border-radius:50%;border:#fff solid 1px;opacity:0;transition:all 320ms ease-out 0s;transform:rotate(90deg) translateX(10px) scale(.8)}
.ym_ba ul .ym_ban .ym_bal:hover .ym_bat{transition:all .3s ease-out .2s,transform .5s ease .2s;opacity:1;visibility:visible;transform:translateY(-50%)}
.ym_ba ul .ym_ban .ym_bal:hover .ym_bat:after{transform:rotate(90deg) translateX(0);opacity:1;transition:opacity .3s ease-out 340ms,transform .4s ease-out 440ms;}
.ym_ba ul .ym_ban .ym_bal .ym_bat img{display:inline-block;position:relative;width:auto!important;height:100px!important;object-fit:contain;object-position:50% 50%;pointer-events:auto!important}
.ym_ba ul .ym_ban .ym_bal .ym_bat h3{margin:10px 25px;position:relative;line-height:22px}
.ym_ba ul .ym_ban .ym_bam{display:block;width:100%;height:0!important;padding-bottom:75%}
.ym_ba ul .ym_ban .ym_bam{height:100%;position:relative;background-color:#026eff;color:#fff;text-align:center;background-image:url(http://www.chinawebplus.com/images/bgi-casemore.png);background-size:100% 100%;background-position:50% 50%;background-repeat:no-repeat;transition:all 1s ease-out 0s}
.ym_ba ul .ym_ban .ym_bam span{position:absolute;left:0;top:50%;margin-top:-60px;width:100%;padding-top:102px}
.ym_ba ul .ym_ban .ym_bam span:before{content:" ";position:absolute;left:50%;top:0;margin-left:-40px;width:81px;height:81px;background-image:url(http://www.chinawebplus.com/images/btni-casemore.png);background-size:100% 100%;background-position:50% 0;background-repeat:no-repeat;transition:all 1.2s ease-out 50ms}
.ym_ba ul .ym_ban .ym_bam:hover{background-size:125% 125%}
.ym_ba ul .ym_ban .ym_bam:hover span:before{transform:rotate(540deg)}
.ym_bz {position:relative;overflow:hidden;padding:20px 5%;color:#fff;background:#026eff;font-size:34px;line-height:42px}
.ym_bz span{display:inline-block;}
.ym_bz a{float:right;width:200px;height:42px;background-color:#fff;color:#026eff;font-size:16px;font-weight:bold;text-align:center;transition: all 320ms ease-out 0s;}
.ym_bz a span{color:#026eff;font-size:16px;font-weight:bold;display:inline-block;position:relative;overflow:hidden;width:150px;white-space:nowrap;transition:all .5s ease-out 0s}
.ym_bz a strong{color:#026eff;font-size:16px;font-weight:bold;display:inline-block;width:320px;text-align:center;}
.ym_bz a:hover span{text-indent:-150px;}
.ym_bj{position:relative;overflow:hidden;padding:50px 5%;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:stretch;align-content:flex-start}
.ym_bj:after{display:none}
.ym_bj .ym_bjl{float:left;width:40%}
.ym_bj .ym_bjl h3{font-size:20px;color:#000;white-space:nowrap;padding-bottom:14px}
.ym_bj .ym_bjl h4{margin:20px 0;color:#000;font-size:16px;line-height:38px;}
.ym_bj .ym_bjl h4 strong{font-size:26px;line-height:38px;font-weight:bold;}
.ym_bj .ym_bjl p{margin:20px 0;color:#666;font-size:16px;line-height:30px;}
.ym_bj .ym_bjl p em{color:#026eff;}
.ym_bj .ym_bjl a{margin-top:30px;display: block;width: 132px;height: 32px;line-height: 28px;text-align: center;color:#026eff;border:2px solid #026eff;transition: all 480ms ease-out 0s;}
.ym_bj .ym_bjl a:hover {color: #fff;background-color: #026eff;}
.ym_bj .ym_bjr{float:right;width:60%;text-align:right;color:#53b753;-webkit-perspective:100px;perspective:100px}
.ym_bj .ym_bjr .ym_bjrs{position:relative;padding-top:75px;text-align:center;}
.ym_bj .ym_bjr .ym_bjrs img{width:90%;}
.ym_bj .ym_bjr .ym_bjrs h3{position:absolute;top:57%;left:50%;transform:translate(-50%,-50%);background:#fff;text-align:center;color:#026eff;width:100%;height:90px;font-size:60px;line-height:90px;font-weight:bold;letter-spacing: 10px;}
.ym_bj .ym_bjr .ym_bjrs h4{width:100%;text-align:center;font-size:40px;line-height:60px;font-weight:bold;color:#026eff;}
.ym_bj .ym_bjr .ym_bjc{margin-top:10px;text-align:center;line-height:20px}
.ym_bj .ym_bjr .ym_bjc a{display:inline-block;vertical-align:top;padding-bottom:0;color:#026eff;margin-bottom:.5em}
.ym_bk {background-color:#026eff;padding:50px 5%}
.ym_bkt{padding: 90px 0 60px;text-align: center;}
.ym_bkt h2{font-size: 52px;line-height: 52px;color: #fff;font-weight: bold;text-align: center;margin-bottom: 26px;}
.ym_bkt p{font-size: 24px;line-height: 24px;color: #fff;text-align: center;font-weight: lighter;}
.ym_bk ul{position:relative;overflow:hidden;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:stretch;align-content:flex-start}
.ym_bk ul:after{display:none}
.ym_bk ul li{position:relative;float:left;width:14%;height:90px;margin:20px;padding:0 1%;border:1px solid #fff;transition:all 320ms ease-out 0s;overflow:hidden}

.ym_bk ul li .ym_bkp{width:100%;}
.ym_bk ul li .ym_bkp img{width:100%}
.ym_bk ul li .ym_bkp:before{border-color:rgba(255,255,255,.6) rgba(255,255,255,.1) rgba(255,255,255,.1) rgba(255,255,255,.1)}
.ym_bk ul li:before{content:"";position:absolute;overflow:hidden;width:80px;height:150px;left:0;top:0;background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.2) 50%,rgba(255,255,255,0) 100%);background:gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,0)),color-stop(50%,rgba(255,255,255,.2)),color-stop(100%,rgba(255,255,255,0)));transform:skewX(-25deg) translateX(-149px);transition:none 320ms ease-out 0s}
.ym_bk ul li:hover:before{left:105%;transform:skewX(-25deg) translateX(149px);transition:all .9s ease-out 0s}
.ym_bx {padding:50px 5%;}
.ym_bx ul{margin:0;width:100%;overflow:hidden;}
.ym_bx .ym_bxl {padding-top:20px;background:#fff;width: 100%;}
.ym_bx .ym_bxl ul li {float:left;width:12.5%;padding:0 5px;margin-bottom:8px;}
.ym_bx .ym_bxl ul a {display:block;background:#ededed;text-align:center;font-size:16px;color:#202020;line-height:30px;cursor:pointer;}
.ym_bx .ym_bxl ul li.on a,.ym_bx .ym_bxl ul li a:hover {background:#026eff;color:#fff;}
.ym_bx .ym_bxn {margin:30px 0 0;overflow:hidden;}
.ym_bx .ym_bxn ul li {float:left;width:33.33%;margin:10px 0 0;padding:0 5px;}
.ym_bx .ym_bxn ul li a {display:flex;border:1px solid #E5E5E5;padding:23px 30px;height:120px;background: #ededed;text-align:left;font-size: 18px;color: #202020;line-height: 30px;cursor: pointer;}
.ym_bx .ym_bxn ul li a:hover {background:#f3f3f3;border:1px solid #026eff}
.ym_bx .ym_bxn ul li a .ym_bxnt{flex:1; overflow:hidden;}
.ym_bx .ym_bxn ul li a .ym_bxnb{line-height:20px; color:#1D1D1D; font-size:16px; white-space:nowrap; text-overflow:ellipsis;transition-duration:0.3s;}
.ym_bx .ym_bxn ul li a .ym_bxnb::after{content:""; display:block; width:30px; height:1px; margin:8px 0 0; background:#C2C2C2; vertical-align:top;}
.ym_bx .ym_bxn ul li a p{font-size:14px; line-height:20px; margin:15px 0 0; color:#828282; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.ym_bx .ym_bxn ul li a .ym_date{width:64px; height:64px; margin:6px 0 0 80px; text-align:center;}
.ym_bx .ym_bxn ul li a .ym_day{line-height:43px; font-size:36px; color:#212121; border:1px solid #e5e5e5; border-bottom:none;transition-duration:0.3s;}
.ym_bx .ym_bxn ul li a .ym_year{line-height:16px; font-size:12px; color:#818181; border:1px solid #e5e5e5;transition-duration:0.3s;}
.ym_bx .ym_bxn ul li a:hover .ym_bxnb{color:#026eff;font-weight:bold;}
.ym_bx .ym_bxn ul li a:hover .ym_day{border-color:#026eff; color:#fff; background:#026eff;}
.ym_bx .ym_bxn ul li a:hover .ym_year{border-color:#1622c2; color:#fff; background:#1622c2;}
.ym_bx .ym_bxn .ym_bxnl{background:#F3F3F3; padding:20px; display:block; height:380px; border:none;}
.ym_bx .ym_bxn .ym_bxnl .ym_bxnp{width:100%; height:260px;}
.ym_bx .ym_bxn .ym_bxnl .ym_bxnp img{width:100%;height:260px}
.ym_bx .ym_bxn .ym_bxnl .ym_bxnp img:hover{transform:scale(1.05);transition-duration:0.3s;}
.ym_bx .ym_bxn .ym_bxnl .ym_bxnt{color:#026eff;padding:20px 0 0 0; height:100px;}
.ym_bx .ym_bxn .ym_bxnl .ym_bxnb{color:#026eff;float:left; width:80%; margin:8px 0 0;font-size:18px; display:-webkit-box; white-space:initial; -webkit-box-orient:vertical; -webkit-line-clamp:2;overflow:hidden;}
.ym_bx .ym_bxn .ym_bxnl .ym_date{float:right; margin:0;}
.ym_bx .ym_bxn .ym_bxnl .ym_day{border-color:transparent;border:1px solid #e5e5e5;}
.ym_bx .ym_bxn .ym_bxnl .ym_year{border-color:transparent;border:1px solid #e5e5e5;}
.ym_bx .ym_bxn .ym_bxnl .ym_bxnb::after{content:none;}
.ym_bx .ym_bxn .ym_bxnl:hover{background:#026eff;transition-duration:0.3s;} 
.ym_bx .ym_bxn .ym_bxnl:hover .ym_day{color:#026eff; border-color:transparent; background:#fff;}
.ym_bx .ym_bxn .ym_bxnl:hover .ym_year{color:#026eff; border-color:transparent; background:#fff;}
.ym_bx .ym_bxn .ym_bxnl:hover .ym_bxnt{color:#fff;}
.ym_bx .ym_bxn .ym_bxnl:hover .ym_bxnb{color:#fff;transition-duration:0.2s;}