.aboutMain .title{margin:0 auto 20px}@media screen and (max-width:1260px){.aboutMain .title{transform:scale(.9);margin:0 auto 12px}}.aboutMain .steps{position:relative}.aboutMain .steps>img{width:100%}.aboutMain .steps .links{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;padding-left:100px}.aboutMain .steps .links .linksItem{width:17%;position:relative;margin-left:-2%;background-size:100% 100%}.aboutMain .steps .links .linksItem>img{width:100%}.aboutMain .steps .links .linksItem .stepText{position:absolute;top:0;left:0;cursor:pointer;width:100%;height:100%}.aboutMain .steps .links .linksItem:first-of-type{margin-left:0;margin-top:200px}.aboutMain .steps .links .linksItem:first-of-type .stepText{background:url(/images/aboutUs/step1.png) no-repeat;background-size:100%}.aboutMain .steps .links .linksItem:first-of-type .stepText:hover{background:url(/images/aboutUs/step1_act.png) no-repeat;background-size:100%}.aboutMain .steps .links .linksItem:nth-of-type(2){margin-top:100px}.aboutMain .steps .links .linksItem:nth-of-type(2) .stepText{background:url(/images/aboutUs/step2.png) no-repeat;background-size:100%}.aboutMain .steps .links .linksItem:nth-of-type(2) .stepText:hover{background:url(/images/aboutUs/step2_act.png) no-repeat;background-size:100%}.aboutMain .steps .links .linksItem:nth-of-type(3) .stepText{background:url(/images/aboutUs/step3.png) no-repeat;background-size:100%}.aboutMain .steps .links .linksItem:nth-of-type(3) .stepText:hover{background:url(/images/aboutUs/step3_act.png) no-repeat;background-size:100%}.aboutMain .steps .links .linksItem:nth-of-type(4){margin-top:-100px}.aboutMain .steps .links .linksItem:nth-of-type(4) .stepText{background:url(/images/aboutUs/step4.png) no-repeat;background-size:100%}.aboutMain .steps .links .linksItem:nth-of-type(4) .stepText:hover{background:url(/images/aboutUs/step4_act.png) no-repeat;background-size:100%}.aboutMain .steps .links .linksItem:nth-of-type(5){margin-top:-200px}.aboutMain .steps .links .linksItem:nth-of-type(5) .stepText{background:url(/images/aboutUs/step5.png) no-repeat;background-size:100%}.aboutMain .steps .links .linksItem:nth-of-type(5) .stepText:hover{background:url(/images/aboutUs/step5_act.png) no-repeat;background-size:100%}.aboutMain .playGround .titleBox{padding-bottom:8px}.aboutMain .playGround .main{width:100%;display:flex;align-items:stretch;position:relative}.aboutMain .playGround .main .slideBtn{width:30px;height:190px;border-radius:0 15px 15px 0;display:flex;align-items:center;justify-content:center;background:#fff;position:absolute;top:50%;left:calc(100% - 4px);cursor:pointer;margin-top:-95px;box-shadow:3px 0 8px rgba(0,0,0,0.05);overflow:hidden}.aboutMain .playGround .main .slideBtn::before{content:"";display:block;width:100%;height:100%;background:url(../images/close.gif) center center no-repeat;background-size:100%}.aboutMain .playGround .main .slideBtn.closeMenu::before{transform:rotateY(180deg);transition:1s}.aboutMain .playGround .main .rightCont{background:url(images/box-shadow.png) center top repeat-x,#f5f5f5;overflow-x:auto;width:100%}.aboutMain .playGround .main .rightCont .contBox .contList{width:73%;max-width:1400px;margin:0 auto;padding-top:60px}.aboutMain .playGround .main .rightCont .contBox .contList li{background-color:#fff;font-size:18px;color:#666;margin-bottom:40px}@media screen and (max-width:1260px){.aboutMain .playGround .main .rightCont .contBox .contList li{font-size:12px;margin-bottom:20px}}@media screen and (min-width:1261px) and (max-width:1610px){.aboutMain .playGround .main .rightCont .contBox .contList li{font-size:14px;margin-bottom:26px}}.aboutMain .playGround .main .rightCont .contBox .contList li .imgBox{position:relative}.aboutMain .playGround .main .rightCont .contBox .contList li .imgBox>img{width:100%}.aboutMain .playGround .main .rightCont .contBox .contList li .imgBox h2{position:absolute;top:0;left:0;color:#fff;font-size:22px;padding:26px 0 0 30px}@media screen and (max-width:1260px){.aboutMain .playGround .main .rightCont .contBox .contList li .imgBox h2{font-size:16px;padding:14px 0 0 18px}}@media screen and (min-width:1261px) and (max-width:1610px){.aboutMain .playGround .main .rightCont .contBox .contList li .imgBox h2{font-size:18px;padding:16px 0 0 20px}}.aboutMain .playGround .main .rightCont .contBox .contList li .comInfo{width:100%;display:flex;flex-wrap:wrap;padding:15px 30px}@media screen and (max-width:1260px){.aboutMain .playGround .main .rightCont .contBox .contList li .comInfo{padding:8px 14px}}.aboutMain .playGround .main .rightCont .contBox .contList li .comInfo>div{display:flex;align-items:flex-start;padding:12px 0}.aboutMain .playGround .main .rightCont .contBox .contList li .comInfo>div:nth-of-type(1){width:55%}.aboutMain .playGround .main .rightCont .contBox .contList li .comInfo>div:nth-of-type(2){width:20%}.aboutMain .playGround .main .rightCont .contBox .contList li .comInfo>div:nth-of-type(3),.aboutMain .playGround .main .rightCont .contBox .contList li .comInfo>div:nth-of-type(5){width:25%}.aboutMain .playGround .main .rightCont .contBox .contList li .comInfo>div:nth-of-type(4){width:75%;padding-right:30px}.aboutMain .playGround .main .rightCont .contBox .contList li .comInfo>div>img{width:18px;margin-top:5px;margin-right:4px}@media screen and (max-width:1260px){.aboutMain .playGround .main .rightCont .contBox .contList li .comInfo>div>img{width:12px;margin-top:3px}}@media screen and (min-width:1261px) and (max-width:1610px){.aboutMain .playGround .main .rightCont .contBox .contList li .comInfo>div>img{width:15px;margin-top:3px}}.aboutMain .playGround .main .rightCont .aboutCont{position:relative}.aboutMain .playGround .main .rightCont .aboutCont>img{width:100%;height:100%}.aboutMain .playGround .main .rightCont .aboutCont .profile{position:absolute;top:0;left:0;width:100%;height:100%;padding-left:274px;padding-top:116px}.aboutMain .playGround .main .rightCont .aboutCont .profile .titleSec{margin:46px 0 20px}.aboutMain .playGround .main .rightCont .aboutCont .profile>p{width:45%;font-size:16px;line-height:1.625em;color:#fff;margin-bottom:1.625em}.aboutMain .playGround .main .rightCont .aboutCont .profile .logoBox{display:flex;align-items:center;padding-left:6px}.aboutMain .playGround .main .rightCont .aboutCont .profile .logoBox>img{margin-right:17px;cursor:pointer}.aboutMain .playGround .main .rightCont .aboutCont .profile .logoBox>img:hover{opacity:.8}.aboutMain .playGround .main .rightCont .aboutCont .cover{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;padding-left:274px;background:rgba(0,0,0,0.4);display:flex;align-items:center;justify-content:center;flex-direction:column;transition:1s}.aboutMain .playGround .main .rightCont .aboutCont .cover.closeCover{display:none;transition:1s}.aboutMain .playGround .main .rightCont .aboutCont .cover .bankInfo{width:620px;border-radius:10px 10px 20px 20px;overflow:hidden}.aboutMain .playGround .main .rightCont .aboutCont .cover .bankInfo>img{width:100%}.aboutMain .playGround .main .rightCont .aboutCont .cover .bankInfo .text{background-color:rgba(255,255,255,0.82);padding:24px 20px}.aboutMain .playGround .main .rightCont .aboutCont .cover .bankInfo .text>h2{font-size:24px;color:#333;line-height:1;font-weight:bold;margin-bottom:12px}.aboutMain .playGround .main .rightCont .aboutCont .cover .bankInfo .text>p{font-size:16px;color:#666;line-height:1.6}.aboutMain .playGround .main .rightCont .aboutCont .cover .closeBtn{cursor:pointer;margin-top:24px}.aboutMain .playGround .main .rightCont .culture .culture-swiper .swiper-wrapper{height:100%;padding:30px 0 0 300px}.aboutMain .playGround .main .rightCont .culture .culture-swiper .swiper-wrapper .swiper-slide{background-color:antiquewhite}.aboutMain .playGround .main .rightCont .culture .culture-swiper .swiper-wrapper .swiper-slide:nth-child(2n){background-color:aliceblue}.aboutMain .playGround .main .rightCont .channels{position:relative}.aboutMain .playGround .main .rightCont .channels .channelsCont>div{position:relative}.aboutMain .playGround .main .rightCont .channels .channelsCont>div .bjImg{display:block;width:100%}.aboutMain .playGround .main .rightCont .channels .channelsCont>div .textBox{position:absolute;top:0;left:0;width:100%;height:100%;padding-left:240px;padding-bottom:180px;display:flex;flex-direction:column;justify-content:flex-end}.aboutMain .playGround .main .rightCont .channels .channelsCont>div .textBox.toRight{left:50%}@media screen and (max-width:1281px){.aboutMain .playGround .main .rightCont .channels .channelsCont>div .textBox.toRight{left:15%}}@media screen and (min-width:1441px){.aboutMain .playGround .main .rightCont .channels .channelsCont>div .textBox.toRight{left:30%}}.aboutMain .playGround .main .rightCont .channels .channelsCont>div .textBox .qdTitle{width:600px;height:auto;margin-bottom:-30px}@media screen and (max-width:1281px){.aboutMain .playGround .main .rightCont .channels .channelsCont>div .textBox .qdTitle{width:400px}}@media screen and (min-width:1441px){.aboutMain .playGround .main .rightCont .channels .channelsCont>div .textBox .qdTitle{width:500px}}.aboutMain .playGround .main .rightCont .channels .channelsCont>div .textBox p{color:#fff;line-height:2.4;width:50em;padding-left:50px;margin-bottom:1em}@media screen and (max-width:1281px){.aboutMain .playGround .main .rightCont .channels .channelsCont>div .textBox p{font-size:14px}}.aboutMain .playGround .main .rightCont .channels .channelsCont>div .textBox p:last-child{margin-bottom:0}.aboutMain .playGround .main .rightCont .channels .channelsTab{position:absolute;width:calc(100% - 230px);bottom:30px;left:230px;display:flex;align-items:center;justify-content:center}.aboutMain .playGround .main .rightCont .channels .channelsTab>div{background-color:rgba(56,62,80,0.51);color:#fff;font-size:22px;width:calc(20% - 12px);margin-right:12px;height:92px;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative}.aboutMain .playGround .main .rightCont .channels .channelsTab>div.active{background-color:rgba(164,16,22,0.49)}.aboutMain .playGround .main .rightCont .channels .channelsTab>div.active::before{content:"";display:block;width:0;height:0;border-left:8px solid transparent;border-bottom:8px solid rgba(164,16,22,0.49);border-right:8px solid transparent;position:absolute;top:-8px;left:calc(50% - 8px)}.aboutMain .playGround .main .rightCont .milestone{position:relative}.aboutMain .playGround .main .rightCont .milestone .milestoneBanner{width:100%}.aboutMain .playGround .main .rightCont .milestone .milestoneMain{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding-bottom:90px;align-items:center}.aboutMain .playGround .main .rightCont .milestone .milestoneMain .selectYears{position:absolute;right:0;top:10px;background:rgba(255,255,255,0.82);border-radius:12px;color:#333;font-size:16px;line-height:30px;width:176px;cursor:pointer}.aboutMain .playGround .main .rightCont .milestone .milestoneMain .selectYears .showText{padding:0 22px;display:flex;align-items:center;justify-content:space-between}.aboutMain .playGround .main .rightCont .milestone .milestoneMain .selectYears .showText>i{display:block;width:10px;height:10px;border-left:1px solid #333;border-bottom:1px solid #333;transform:rotate(-45deg);margin-top:-6px}.aboutMain .playGround .main .rightCont .milestone .milestoneMain .selectYears .showText>i.up{transform:rotate(135deg);margin-top:4px}.aboutMain .playGround .main .rightCont .milestone .milestoneMain .selectYears ul{height:0;overflow-y:auto;padding:0 22px}.aboutMain .playGround .main .rightCont .milestone .milestoneMain .selectYears ul.open{height:150px}.aboutMain .playGround .main .rightCont .milestone .milestoneMain .selectYears ul li:hover{color:#d54449;font-weight:bold}.aboutMain .playGround .main .rightCont .milestone .milestoneMain .lineBox{margin-left:300px;position:relative;margin-top:120px}.aboutMain .playGround .main .rightCont .milestone .milestoneMain .lineBox .milestoneLine{width:1458px}.aboutMain .playGround .main .rightCont .milestone .milestoneMain .lineBox .years{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}.aboutMain .playGround .main .rightCont .milestone .milestoneMain .lineBox .years.year2002{top:80px;left:252px}.aboutMain .playGround .main .rightCont .milestone .milestoneMain .lineBox .years.year2010{top:182px;left:515px}.aboutMain .playGround .main .rightCont .milestone .milestoneMain .lineBox .years.year2014{top:28px;left:808px}.aboutMain .playGround .main .rightCont .milestone .milestoneMain .lineBox .years.year2020{top:92px;left:1052px}.aboutMain .playGround .main .rightCont .milestone .milestoneMain .lineBox .years.year2022{top:-48px;left:1186px}.aboutMain .playGround .main .rightCont .milestone .milestoneMain .lineBox .tips{position:absolute;font-size:16px;color:#333;display:none;padding:22px 32px;border-radius:12px;background:rgba(255,255,255,0.8);box-shadow:11px 14px 40px rgba(0,0,0,0.15)}.aboutMain .playGround .main .rightCont .milestone .milestoneMain .lineBox .tips.up::before{content:"";width:0;height:0;border-left:8px solid transparent;border-bottom:8px solid rgba(255,255,255,0.8);border-right:8px solid transparent;position:absolute;top:-8px;left:calc(50% - 8px)}.aboutMain .playGround .main .rightCont .milestone .milestoneMain .lineBox .tips.down::after{content:"";width:0;height:0;border-left:8px solid transparent;border-top:8px solid rgba(255,255,255,0.8);border-right:8px solid transparent;position:absolute;bottom:-8px;left:calc(50% - 8px)}.aboutMain .playGround .main .rightCont .milestone .milestoneMain .milestoneInfo{margin-right:300px;color:#fff}.aboutMain .playGround .main .rightCont .milestone .milestoneMain .milestoneInfo .infoTitle{position:relative;padding-right:200px;display:inline-block}.aboutMain .playGround .main .rightCont .milestone .milestoneMain .milestoneInfo .infoTitle>h2{font-size:32px;margin-bottom:12px}.aboutMain .playGround .main .rightCont .milestone .milestoneMain .milestoneInfo .infoTitle>h2 span{font-size:36px}.aboutMain .playGround .main .rightCont .milestone .milestoneMain .milestoneInfo>p{width:60%;font-size:20px;line-height:1.7}.aboutMain .playGround .main .rightCont .milestone .milestoneMain .milestoneDetail{padding-left:300px;padding-top:80px}.aboutMain .playGround .main .rightCont .milestone .milestoneMain .milestoneDetail .selectYears{left:300px}.aboutMain .playGround .main .rightCont .milestone .milestoneMain .detailMain{flex:1;display:flex;align-items:center;flex-direction:column;justify-content:center;position:relative;width:100%}.aboutMain .playGround .main .rightCont .milestone .milestoneMain .detailMain .selectYears{left:15%;top:30px}.aboutMain .playGround .main .rightCont .milestone .milestoneMain .detailMain .detailCont{color:#fff;width:70%}.aboutMain .playGround .main .rightCont .milestone .milestoneMain .detailMain .detailCont h1{text-align:center;font-size:26px;text-shadow:1px 1px 6px rgba(0,0,0,0.4)}.aboutMain .playGround .main .rightCont .milestone .milestoneMain .detailMain .detailCont .cont{padding:50px 30px;line-height:2.2;max-height:440px;overflow-y:auto;background:linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(16,29,33,0.35) 20%, rgba(16,29,33,0.35) 80%, rgba(0,0,0,0) 100%)}