.banner{height: 480px;background: url('../images/banner.png') no-repeat center top;}
.banner .item{display: flex;justify-content: center;align-items: center;font-size: 12px;color: #fff;position: absolute;text-align: center;line-height: 18px;transition: 0.3s;}
.banner .item .bold{font-size: 16px;}
.banner .item:hover{transform: translateY(-8px);}
.banner .relative1{left: 630px;top: 99px;width: 158px;height: 68px;background: url('../images/banner_bk1.png') no-repeat;padding: 4px 12px 16px 8px;}
.banner .relative2{left: 1009px;top: 121px;width: 148px;height: 58px;background: url('../images/banner_bk2.png') no-repeat;padding: 4px 12px 16px 8px;}
.banner .relative3{left: 1045px;top: 199px;width: 151px;height: 58px;background: url('../images/banner_bk3.png') no-repeat;padding: 4px 12px 16px 8px;}
.banner .relative4{left: 658px;top:264px;width: 162px;height: 58px;background: url('../images/banner_bk4.png') no-repeat;padding: 4px 12px 16px 8px;}
.banner .relative5{left: 1002px;top: 277px;width: 148px;height: 58px;background: url('../images/banner_bk5.png') no-repeat;padding: 5px 13px 16px 8px;}
.banner .button{background: linear-gradient(90deg,#ff9625,#ff6e1f);box-shadow: 0 4px 8px rgba(247,119,34,0.3);width: 220px;height: 46px;border-radius: 23px;font-size: 16px;color: #fff;font-weight: bold;display: flex;justify-content: center;align-items: center;position: absolute;left: 188px;top: 327px;}
.banner .button span{text-shadow: 0 1px 10px rgba(236,102,22,0.35);}

/* btn */
.btnFrames{overflow: hidden;position: relative;}
.btn_active::after {content: "";display: block;width: 14%;height: 290%;background: rgba(255, 255, 255, 0.4);transform: rotate(35deg);position: absolute;left: -20%;top: -120%;animation: leftTransiform ease-in-out 0.5s forwards;-webkit-animation: leftTransiform ease-in-out 0.5s forwards;}
@keyframes leftTransiform {
    0% {left: -20%;}
    100% {left: 120%;}
}
.title{font-size: 40px;color: #333;font-weight: bold;text-align: center;padding-top: 40px;}
.title .linear{background-image: linear-gradient(90deg, #ff6716, #ff982d);background-clip: text;-webkit-background-clip: text;color: transparent;}
.title .linear.ml{margin-left: 20px;}
.title .linear.mr{margin-right: 20px;}
.title1{background: url('../images/tit1.png') no-repeat center top;}
.title2{background: url('../images/tit2.png') no-repeat center top;}
.title3{background: url('../images/tit3.png') no-repeat center top;}
.title4{background: url('../images/tit4.png') no-repeat center top;}

/*  */
.custLution{padding-top: 8px;}
.custLution .content{padding-top: 80px;display: flex;justify-content: space-between;}
.custLution .item{width: 380px;height: 220px;border-radius: 20px;padding: 103px 0 0 50px;position: relative;transition: 0.3s;}
.custLution .item:nth-child(1){background: url('../images/page1_bk1.png') no-repeat;}
.custLution .item:nth-child(2){background: url('../images/page1_bk2.png') no-repeat;}
.custLution .item:nth-child(3){background: url('../images/page1_bk3.png') no-repeat;}
.custLution .item:nth-child(1)::before{content: '';width: 150px;height: 160px;background: url('../images/page1_bk11.png') no-repeat;position: absolute;right:40px;top:-22px;}
.custLution .item:nth-child(2)::before{content: '';width: 142px;height: 158px;background: url('../images/page1_bk12.png') no-repeat;position: absolute;right:43px;top:-25px;}
.custLution .item:nth-child(3)::before{content: '';width: 140px;height: 157px;background: url('../images/page1_bk13.png') no-repeat;position: absolute;right:44px;top:-25px;}
.custLution .textTit{font-size: 18px;font-weight: bold;color: #333;margin-bottom: 16px;}
.custLution .text{font-size: 14px;color: #666666;line-height: 22px;}
.custLution .item:hover{box-shadow: 0 0 22px 12px rgba(204,234,255,0.3);transform: translateY(-10px);}

/*  */
.startStudy{padding-top: 73px;background: url('../images/page2.png') no-repeat center bottom;padding-bottom: 60px;}
.startStudy .content{padding-top: 60px;display: flex;justify-content: space-between;position: relative;margin-bottom: 30px;}
.startStudy .content::after{content: '';width: 297px;height: 360px;background: url('../images/page2_bk.png') no-repeat;position: absolute;right: -20px;top:40px;}
.startStudy .left{width: 230px;height: 340px;background: url('../images/page2_bk_left.png') no-repeat;border-radius: 20px 0 0 20px;box-shadow: 0 0 12px 8px rgba(199,231,255,0.2);display: flex;justify-content: flex-start;align-items: center;padding-left: 42px;box-sizing: border-box;}
.startStudy .left .item{display: flex;justify-content: flex-start;align-items: center;margin-bottom: 50px;}
.startStudy .left .images{width: 48px;height: 30px;}
.startStudy .left .item:nth-child(1) .images{background: url('../images/page2_icon1.png') no-repeat right center;}
.startStudy .left .item:nth-child(2) .images{background: url('../images/page2_icon2.png') no-repeat right center;}
.startStudy .left .item:nth-child(3) .images{background: url('../images/page2_icon3.png') no-repeat right center;}
.startStudy .left .item p{font-size: 16px;line-height: 22px;font-weight: bold;padding-left: 16px;background-image: linear-gradient(154deg, #12affe 20%, #158cff);background-clip: text;-webkit-background-clip: text;color: transparent;}
.startStudy .left .item:last-child{margin-bottom: 0;}
.startStudy .right{flex: 1;height: 340px;border-radius: 0 20px 20px 0;border: 1px solid #f0f8ff;background: #fff;position: relative;z-index: 9;box-shadow: 0 0 8px 6px rgba(217,237,255,0.2);position: relative;padding: 50px 0 0 50px;}
.startStudy .right::after{content: '';width: 227px;height: 127px;background: url('../images/page2_icon4.png') no-repeat;position: absolute;right: 21px;bottom:25px;}
.startStudy .right .raw{font-size: 14px;color: #333;display: flex;justify-content: flex-start;align-items: center;}
.startStudy .right .raw .bold{width: 55px;display: block;}
.startStudy .right .raw .li{margin-right: 20px;cursor: pointer;display: flex;justify-content: flex-start;align-items: center;}
.startStudy .right .raw .li::before{content: '';width: 14px;height: 14px;background: url('../images/page2_bu.png') no-repeat;margin-right: 10px;display: block;}
.startStudy .right .raw .li:hover{color: #13a0fe;}
.startStudy .right .raw .li:hover::before{background: url('../images/page2_bu1.png') no-repeat;}
.startStudy .right .raw .li.active{color: #13a0fe !important;}
.startStudy .right .raw .li.active::before{background: url('../images/page2_bu_ac.png') no-repeat !important;}

.startStudy .right .raw.mb1{margin-bottom: 29px;}
.startStudy .right .raw.mb2{margin-bottom: 36px;}
.startStudy .right .raw.mb3{margin-bottom: 40px;}
.startStudy .right .border{width: 856px;height: 1px;background: url('../images/page2_raw.png') no-repeat;margin-bottom: 36px;}
.startStudy .button{background: linear-gradient(90deg,#ff9625,#ff6e1f);box-shadow: 0 4px 8px rgba(247,119,34,0.3);width: 260px;height: 46px;border-radius: 23px;font-size: 16px;color: #fff;font-weight: bold;display: flex;justify-content: center;align-items: center;margin: auto;}
.startStudy .button span{text-shadow: 0 1px 10px rgba(236,102,22,0.35);}
/*  */
.specialFile{background: url('../images/page3.png') no-repeat center top;padding-top: 36px;padding-bottom: 100px;}
.specialFile .content{padding-top: 88px;display: flex;justify-content: space-between;}
.specialFile .tabNav{width: 293px;}
.specialFile .li{height: 73px;margin-bottom: 1px;background: #fff;padding-left: 30px;display: flex;justify-content: flex-start;align-items: center;cursor: pointer;}
.specialFile .tabNav .li:first-child{border-radius: 10px 0 0 0;}
.specialFile .tabNav .li:last-child{border-radius: 0px 0 0 10px;}
.specialFile .textTit{font-size: 16px;color: #333;margin-bottom: 8px;font-weight: bold;}
.specialFile .text{font-size: 14px;color: #333;}
.specialFile .li.active{background: linear-gradient(154deg,#12affe,#12a1ff);}
.specialFile .li.active .textTit{color: #fff;}
.specialFile .li.active .text{color: #fff;}
.specialFile .textRight{text-align: right;}
.specialFile .textRight .li{padding-left: 0;padding-right: 30px;justify-content: flex-end;}
.specialFile .textRight .li:first-child{border-radius: 0px 10px 0 0;}
.specialFile .textRight .li:last-child{border-radius: 0px 0 10px 0px;}
.specialFile .flex{flex: 1;background: #ccc;position: relative;}
.specialFile .center{width: 619px;height: 350px;background: url('../images/page3_bk.png') no-repeat;position: absolute;left:calc((100% - 619px)/2);top:-27px;border-radius: 20px;box-shadow: 0 4px 13px 5px rgba(100,166,255,0.4);}
.specialFile .center .item{width: 100%;height: 100%;display: none;position: relative;}
.specialFile .center .item.active{display: block;}
.specialFile .center .top{padding-left: 103px;}
.specialFile .center .first{width: 483px; height: 128px;display: flex;justify-content: flex-start;align-items: center;background: url('../images/page3_icon3.png') no-repeat left bottom;position: relative;}
.specialFile .center .pageTitle{font-size: 22px;color: #fff;font-weight: bold;margin-bottom: 11px;}
.specialFile .center .page_ts{font-size: 14px;color: #fff;}
.specialFile .center .posiRight{position: absolute;right: 0;bottom: 22px;text-align: right;}
.specialFile .center .posiRight .desscri_1{height: 24px;border-radius: 12px;border: 1px solid #c6dcfb;font-size: 14px;color: #fff;padding: 0 11px;display: inline-flex;justify-content: center;align-items: center;margin-bottom: 7px;}
.specialFile .center .posiRight .desscri_1:last-child{margin-bottom: 0;}
.specialFile .center .second{height: 82px;display: flex;justify-content: flex-start;align-items: center;}
.specialFile .center .second .oi{margin-bottom: 7px;font-size: 14px;color: #fff;display: flex;justify-content: flex-start;align-items: center;}
.specialFile .center .second .oi::before{content: '';width: 17px;height: 17px;background: url('../images/page3_icon2.png') no-repeat;margin-right: 5px;}
.specialFile .center .second .oi:last-child{margin-bottom: 0px;}
.specialFile .center .second .oi span{width: 69px;display: inline-flex;font-weight: bold;}
.specialFile .bottom{width: 600px;height: 130px;margin-left: 10px;}
.specialFile .bottom .minFlex{padding: 20px 0 0 92px;position: relative;height: 100%;}
.specialFile .bottom .masterTit{font-size: 18px;font-weight: bold;color: #333;margin-bottom: 16px;}
.specialFile .bottom .moreFont{font-size: 14px;color: #333;margin-bottom: 9px;display: flex;justify-content: flex-start;align-items: center;}
.specialFile .bottom .moreFont::before{content: '';width: 14px;height: 14px;background: url('../images/page3_icon1.png') no-repeat;margin-right: 14px;}
.specialFile .blueBtn{width: 179px;height: 35px;border-radius: 17px;font-size: 14px;color: #fff;display: flex;justify-content: center;align-items: center;background: linear-gradient(90deg, #ff9625, #ff6e1f);box-shadow: 0 4px 8px rgba(247, 119, 34, 0.3);position: absolute;right:18px;bottom:20px;}

/*  */
.xdfBrand{padding-top: 42px;padding-bottom: 80px;}
.xdfBrand .content{margin: 60px auto 0;background: url('../images/page4.png') no-repeat;position: relative;height: 420px;overflow: hidden;}
.xdfBrand .content .right{position: absolute;right: 0;top: 0;width: 306px;padding-top: 30px;}
.xdfBrand .content .li{display: flex;justify-content: flex-start;align-items: center;margin-bottom: 6px;}
.xdfBrand .content .li .titles{font-size: 16px;color: #fff;margin-bottom: 12px;font-weight: bold; position: relative;display: inline-flex;justify-content: flex-start;align-items: flex-end;}
.xdfBrand .content .li .titles span{font-size: 30px;font-weight: bold;}
.xdfBrand .content .li .titles.qs::after{animation: upDown 0.8s infinite;content: '';width: 82px;height: 31px;background: url('../images/page4_qs.png') no-repeat;position: absolute;right: -60px;top: -15px;}
.xdfBrand .content .li .text{font-size: 14px;color: #fff;}
.xdfBrand .content .icon{width: 85px;height: 85px;margin-right: 20px;}
.xdfBrand .content .icon1{background: url('../images/page4_img1.png') no-repeat;}
.xdfBrand .content .icon2{background: url('../images/page4_img2.png') no-repeat;}
.xdfBrand .content .icon3{background: url('../images/page4_img3.png') no-repeat;}
.xdfBrand .content .icon4{background: url('../images/page4_img4.png') no-repeat;}

.xdfBrand .content .left{height: 80px;position: absolute;left: 30px;bottom: 0;}
.xdfBrand .content .xdfImg{}
.xdfBrand .content .introText{padding-top: 13px;font-size: 16px;color: #fff;letter-spacing: 2px;}
.xdfBrand .content .introText span{font-weight: bold;}