@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_map {position: absolute;left: 50%;bottom: 70px;transform: translate(-50%,0);}
.ym_bdd{width:100%;padding:0 10%;position:relative;}
.ym_bdd ul{width:100%;height:150px;display: flex;justify-content: space-between;align-items: center;padding: 0 5%;margin-top: -50px;background-color: #ffffff;box-shadow: 0px 3px 49px 0px rgba(205, 210, 218, 0.34);border-radius: 10px;}
.ym_bpb {position: absolute;left: 50%;top: 84px;transform: translate(-50%,0);}
.ym_bdd ul li a {display: flex;align-items: center;}
.ym_bddp {margin-right: 8px;}
.ym_bddp img {transition: all .36s;-webkit-filter: grayscale(80%);}
.ym_bdd ul li:hover .ym_bddp img {-webkit-filter: grayscale(0);}
.ym_bddt h2 {color: #151f38;font-size: 20px;margin-bottom: 6px;}
.ym_bddt h3 {color: #a3acbc;font-size: 16px;}
.ym_bj{width:100%;padding:50px 10%;}
.ym_bj .ym_bjn {padding-bottom: 70px;}
.ym_bj .ym_bjt {margin-bottom: 96px;}
.ym_bj .ym_bjt ul {display: flex;justify-content:space-between;align-items: center;}
.ym_bj .ym_bjt ul li {width: 190px;}
.ym_bj .ym_bjt ul li a{display: flex;width: 100%;align-items: center;justify-content: center;position: relative;border-radius: 8px;color: #3c3c50;font-size: 16px;height: 48px;line-height: 1;transition: all .36s;}
.ym_bj .ym_bjt ul li a::before{position: absolute;content: "";width: 0;height: 0;border-top: 10px solid #026eff;border-left: 10px solid transparent;border-right: 10px solid transparent;left: 50%;transform: translateX(-50%);bottom: -10px;opacity: 0;transition: all .3s;}
.ym_bj .ym_bjt ul li a img{margin-right: 10px;}
.ym_bj .ym_bjt ul li a img + img{display: none;}
.ym_bj .ym_bjt ul li.ym_bon a img , .ym_bjt ul li:hover a img{display: none;}
.ym_bj .ym_bjt ul li.ym_bon a img + img, .ym_bjt ul li:hover a img + img{display: inline-block;}
.ym_bj .ym_bjt ul li.ym_bon a , .ym_bjt ul li:hover a{color: #fff;background: #026eff;font-size: 20px;}
.ym_bj .ym_bjt ul li.ym_bon a::before , .ym_bjt ul li:hover a::before{opacity: 1;}
.ym_bj .ym_bjn .ym_bjnl .ym_bnl{width:90%;margin:0 auto;display: none;}
.ym_bj .ym_bjn .ym_bjna {display: flex;align-items: center;justify-content:space-between}
.ym_bj .ym_bjn .ym_bjnz {width: 42.84%;}
.ym_bj .ym_bjn .ym_bjnw {margin-bottom: 45px;}
.ym_bj .ym_bjn .ym_bjnw h3 {color: #3c3c50;font-size: 26px;margin-bottom: 24px;font-weight: bold;}
.ym_bj .ym_bjn .ym_bjnw p {font-size: 18px;color: #3c3c50;line-height: 36px;}
.ym_bj .ym_bjn .ym_bjz a{display: flex;position: relative;width: 264px;align-items: center;height: 70px;background-color: #026eff;box-shadow: 0px 14px 49px rgba(253, 112, 27, 0.24);border-radius: 34px;color: #fff;font-size: 24px;padding-left: 35px;}
.ym_bj .ym_bjn .ym_bjz a span{position: absolute;right: 0;top: 0;width: 70px;height: 70px;border-radius: 50%;background: #1622c2;display: flex;align-items: center;justify-content: center;}
.ym_bc {width:100%;padding:50px 10%;background:url(http://www.chinawebplus.com/imgs/yy/e_bg1.jpg);}
.ym_bcn {position: relative;height: 755px;}
.ym_bct{position: absolute;left: 0;bottom: 0;width: 240px;z-index: 1;}
.ym_bct ul li a{display: flex;width: 100%;height: 100px;padding-left: 30px;align-items: center;color: #fff;font-size: 22px;line-height: 1;background: rgba(8,8,8,.5);transition: all .36s;cursor: pointer;}
.ym_bct ul li a img{margin-right: 16px;}
.ym_bct ul li.ym_bon a , .ym_bct ul li:hover a{background: linear-gradient(to right,#026eff,rgba(8,8,8,.1));}
.ym_bct{position: absolute;left: 0;bottom: 0;width: 240px;z-index: 1;}
.ym_bct ul li a{display: flex;width: 100%;height: 100px;padding-left: 30px;align-items: center;color: #fff;font-size: 22px;line-height: 1;background: rgba(8,8,8,.5);transition: all .36s;cursor: pointer;}
.ym_bct ul li a img{margin-right: 16px;}
.ym_bct ul li.ym_bon a , .ym_bct ul li:hover a{background: linear-gradient(to right,#026eff,rgba(8,8,8,.1));}
.ym_bcnl{position: relative;padding-left: 322px;}
.ym_bcnl .ym_bnl {display: none;}
.ym_bcna{padding-top: 10px;}
.ym_bcst{padding-bottom: 24px;margin-bottom: 22px;border-bottom: 1px dashed rgba(255,255,255,.3);}
.ym_bcst h3{color: #fff;font-size: 26px;margin-bottom: 12px;}
.ym_bcst p, .ym_bcsd p{font-size: 16px;color: #fff;}
.ym_bcns{margin-bottom: 40px;}
.ym_bcxa ul li{width: 31.56%;float: left;position: relative;height: 176px;padding: 34px 3.5% 0;background: rgba(24,38,76,.8);border-radius: 10px;margin-right: 2.66%;}
.ym_bcxa ul li:nth-child(3n){margin-right: 0;}
.ym_bcxa ul li h3{font-size: 18px;color: #fff;margin-bottom: 12px;font-weight: bold;}
.ym_bcxa ul li p{font-size: 15px;color: rgba(255,255,255,.7);line-height: 26px;}
.ym_bcxa ul:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height: 0;font-size: 0;}
.ym_bcxa ul li img{position: absolute;right: 20px;top: 18px;}
.ym_bw{width:100%;padding:50px 10%;}
.ym_bwn {padding-bottom: 118px;}
.ym_bwp {position: relative;}
.ym_bwpa {position: relative;}
.ym_bwp ul {display: flex;justify-content: space-between;align-items: flex-start;position: relative;margin:50px 0;}
.ym_bwp ul li {width: 380px;}
.ym_bwp ul li:hover span {transform: rotateY(360deg);}
.ym_bwp .ym_bwpt {display: flex;}
.ym_bwp .ym_bwpt p {display: flex;align-items: center;height: 50px;border-radius: 25px;background-image: linear-gradient(-35deg, #8a6eff 0%, #874eff 100%), linear-gradient( #026eff, #026eff);box-shadow: 0px 7px 18px rgba(138, 110, 255, 0.35);line-height: 1;padding: 0 22px 0 62px;position: relative;color: #fff;font-size: 26px;margin-bottom: 24px;}
.ym_bwp .ym_bwpw {color: rgba(44,44,61,.7);font-size: 18px;line-height: 30px;}
.ym_bwp .ym_bwpu ul li:nth-child(2) .ym_bwpt p{background-image: linear-gradient(-35deg, #ff7389 0%, #fe5872 100%), linear-gradient( #026eff, #026eff);box-shadow: 0px 7px 18px rgba(255, 115, 137, 0.35);}
.ym_bwp .ym_bwpt p span {position: absolute;left: 0;top: 0;	width: 50px;height: 50px;border-radius: 50%;background: #6e2df6;transition: all .6s;}
.ym_bwp .ym_bwpu ul li:nth-child(2) .ym_bwpt p span {background: #ec2e4d;}
.ym_bwp .ym_bwpd ul li:nth-child(1) .ym_bwpt p {background-image: linear-gradient(-35deg, #34a7ff 0%, #138cff 100%), linear-gradient( #026eff, #026eff);box-shadow: 0px 7px 18px rgba(18, 139, 255, 0.35);}
.ym_bwp .ym_bwpd ul li:nth-child(1) .ym_bwpt p span {background: #0072de;}
.ym_bwp .ym_bwpd ul li:nth-child(2) .ym_bwpt p {background-image: linear-gradient(-35deg, #ffb11a 0%, #ffa324 100%), linear-gradient( #026eff, #026eff);box-shadow: 0px 7px 18px rgba(255, 177, 26, 0.35);}
.ym_bwp .ym_bwpd ul li:nth-child(2) .ym_bwpt p span {background: #f16e04;}
.ym_bf {width:100%;padding:50px 10%;height: 920px;background-image: url(http://www.chinawebplus.com/imgs/yy/e_bg3.jpg);background-size: cover;background-position: center;background-repeat: no-repeat;}
.ym_bfp {padding: 0 18px;position: relative;}
.ym_bfp ul {display: flex;justify-content: space-between;align-items: flex-start;}
.ym_bfp ul li {width: 330px;display: flex;flex-direction: column;}
.ym_bfp ul li h2 {display: flex;width: 60px;height: 60px;align-items: center;justify-content: center;border-radius: 50%;background-image: linear-gradient(-35deg, #ff4258 0%, #ff6b84 100%), linear-gradient( #ffffff, #ffffff);box-shadow: 0px 7px 18px rgba(255, 65, 86, 0.35);}
.ym_bfp ul li h3 {color: #ff4a60;font-size: 26px;margin: 28px 0 10px;}
.ym_bfp ul li p {font-size: 17px;color: rgba(242,244,248,.9);line-height: 32px;}
.ym_bfpu {margin-bottom: 100px;}
.ym_bfpu ul li:nth-child(2) .ym_bfp ul li h2 {background-image: linear-gradient(-35deg, #ffc40a 0%, #ffde13 100%), linear-gradient( #ffffff, #ffffff);box-shadow: 0px 7px 18px rgba(255, 200, 11, 0.35);}
.ym_bfpu ul li:nth-child(2) .ym_bfp ul li h3 {color: #ffde13;}
.ym_bfpd ul li:nth-child(1) .ym_bfp ul li h2 {background-image: linear-gradient(-35deg, #00c998 0%, #00e0be 100%), linear-gradient( #ffffff, #ffffff);box-shadow: 0px 7px 18px rgba(0, 201, 152, 0.35);}
.ym_bfpd ul li:nth-child(1) .ym_bfp ul li h3 {
	color: #00debb;}
.ym_bfpd ul li:nth-child(2) .ym_bfp ul li h2 {background-image: linear-gradient(-35deg, #3287ff 0%, #57b4ff 100%), linear-gradient( #ffffff, #ffffff);box-shadow: 0px 7px 18px rgba(54, 140, 255, 0.35);}
.ym_bfpd ul li:nth-child(2) .ym_bfp ul li h3 {color: #52adff;}
.ym_bs {width:100%;padding:50px 10%;position: relative;}
.ym_bsn {padding-bottom: 80px;position: relative;}
.ym_bsnl ul {display: flex;flex-wrap: wrap;}
.ym_bsnl ul li {width: 22.3%;margin-right: 3.6%;margin-bottom: 30px;background: #fff;border-radius: 10px;box-shadow: 0px 7px 35px rgba(44, 103, 255, 0.15);transition: all .3s;padding: 30px 22px;text-align: center;}
.ym_bsnl ul li:nth-child(4n) {margin-right: 0;}
.ym_bsnl ul li h3 {color: #3c3c50;font-size: 20px;font-weight: bold;margin: 12px 0;}
.ym_bsnl ul li p {text-align: left;font-size: 16px;color: rgba(60,60,60,.7);line-height: 28px;}
.ym_bsnl ul li:hover {transform: translateY(-12px);box-shadow: 0px 7px 35px rgba(44, 103, 255, 0.3);}