/* #bodyFirst,#bodyLast{display: none;} */
/* 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%;}
}

.banner{height: 425px;background: url('../images/banner.png') no-repeat center top;}
.banner .text{width: 463px;height: 260px;background: url('../images/banner_text.png') no-repeat;position: absolute;left: 77px;top: 30px;}
.banner .languageText{width: 560px;height: 50px;background:url('../images/banner_textbk.png') no-repeat;font-size: 20px;color: #17386a;display: flex;justify-content: center;align-items: center;padding: 5px 0 11px 0; position: absolute;left: 16px;top: 287px;}
.banner .itemList{width: 361px;height: 311px;background: url('../images/banner_text2.png') no-repeat;position: absolute;right:121px;top:102px;}
.banner .item{position: absolute;display: flex;justify-content: flex-start;align-items: center;padding: 0 1px 2px 0;transition: 0.3s;}
.banner .item .raw{width: 100%;}
.banner .item1{width:150px;height:63px;left:-26px;top:-38px;background: url('../images/banner_1.png') no-repeat;}
.banner .item2{width:152px;height:63px;left:283px;top:-62px;background: url('../images/banner_2.png') no-repeat;}
.banner .item3{width:132px;height:58px;left:-75px;top:118px;background: url('../images/banner_4.png') no-repeat;}
.banner .item4{width:144px;height:63px;left:321px;top:70px;background: url('../images/banner_3.png') no-repeat;}
.banner .item5{width:132px;height:58px;left:253px;top:205px;background: url('../images/banner_5.png') no-repeat;}
.banner .title{font-size: 16px;color: #fff;font-weight: bold;}
.banner .font{font-size: 16px;color: #fff;padding-top: 8px;text-align: right;}

.banner .item1 .raw{width: 100%;padding: 0 12px 0 20px;}
.banner .item2 .raw{width: 100%;padding: 0 20px 0 15px;}
.banner .item3 .raw{width: 100%;padding: 0 33px 0 19px;}
.banner .item4 .raw{width: 100%;padding: 0 15px 0 18px;}
.banner .item5 .raw{width: 100%;padding: 0 19px 0 22px;}
.banner .button{width: 188px;height: 62px;background: url('../images/banner_button.png') no-repeat;position: absolute;left:205px;top:342px;font-size: 16px;color: #fff;font-weight: bold;padding: 5px 5px 12px 5px;}
.banner .button .max{width: 100%;height: 100%;overflow: hidden;display: flex;justify-content: center;align-items: center;border-radius: 23px;}

.banner .item:hover{transform: translateY(-8px);}
/*  */
.padding-bk{padding: 40px 0 30px;}
.padding-bk .back{padding-top: 32px;}
.padding-bk .bk1{background: url('../images/tit1.png') no-repeat center top;}
.padding-bk .bk2{background: url('../images/tit2.png') no-repeat center top;}
.padding-bk .bk3{background: url('../images/tit3.png') no-repeat center top;}
.padding-bk .bk4{background: url('../images/tit4.png') no-repeat center top;}
.padding-bk h2{font-size: 40px;font-weight: bold;color: #0b264e;text-align: center;}
.padding-bk span{background-image: linear-gradient(148deg, #fc7a23, #fc7023);background-clip: text;-webkit-background-clip: text;color: transparent;}
.padding-bk .mr{margin-right: 12px;}
/*  */
.exclusiveEva{padding-bottom: 80px;}
.exclusiveEva .content{display: flex;justify-content: space-between;padding-top: 60px;}
.exclusiveEva .item{text-align: center;width: 380px;height: 220px;border-radius: 20px;background: url('../images/page1_bk1.png') no-repeat;position: relative;padding-top: 112px;transition: 0.3s;}
.exclusiveEva .title{font-size: 18px;font-weight: bold;color: #333;}
.exclusiveEva .text{font-size: 14px;color: #333333;line-height: 22px;padding-top: 15px;}

.exclusiveEva .item1::before{content: '';width:137px;height: 137px;background: url('../images/page1_1.png') no-repeat;position: absolute;left: calc((100% - 137px)/2);top:-47px;}
.exclusiveEva .item2::before{content: '';width:153px;height: 156px;background: url('../images/page1_2.png') no-repeat;position: absolute;left: calc((100% - 153px)/2);top:-47px;}
.exclusiveEva .item3::before{content: '';width:140px;height: 149px;background: url('../images/page1_3.png') no-repeat;position: absolute;left: calc((100% - 140px)/2);top:-47px;}

.exclusiveEva .item:hover{transform: translateY(-10px);box-shadow: 0 0 12px rgba(204,229,255,0.3);}
.exclusiveEva .item:hover::before{filter: drop-shadow(0px 6px 6px rgba(202, 230, 255, 0.5)); }
/*  */
.buttons{box-shadow: 0 4px 8px rgba(237,109,32,0.3);width: 260px;height: 46px;background: url('../images/buttons.png') no-repeat; text-shadow: 0 1px 2px 10px rgba(228,96,21,0.35); border-radius: 23px;font-size: 16px;color: #fff;font-weight: bold;display: flex;justify-content: center;align-items: center;margin: auto;}

/*  */
.inputfor{background: url('../images/page2.png') no-repeat center bottom;padding-bottom: 80px;}
.inputfor .content{width: 1229px;height: 330px;background: url('../images/page2-bk.png') no-repeat;margin: -19px 0 19px -12px;display: flex;justify-content: flex-start;padding: 21px 9px 12px 13px;}
.inputfor .left{padding:29px 0 0 103px;width: 228px;}
.inputfor .left .li{font-size: 16px;line-height: 22px;font-weight: bold;background-image: linear-gradient(-154deg, #0e55c0, #3a80fa);background-clip: text;-webkit-background-clip: text;color: transparent;margin-bottom: 52px;}
.inputfor .left .li.mb{margin-bottom: 48px;}
.inputfor .right{padding: 42px 0 0 49px;}
.inputfor .right .raw{display: flex;justify-content: flex-start;}
.inputfor .right .raw .select-li{display: flex;justify-content: flex-start;margin-right: 18px;font-size: 14px;color: #333333;cursor: pointer;}
.inputfor .right .raw .select-li .icon{width: 14px;height: 14px;background: url('../images/page2_1.png') no-repeat;margin-right: 10px;}
.inputfor .right .raw .select-li:last-child{margin-right: 0px;}
.inputfor .right .raw .select-li .font{color: #999999;padding-top: 12px;display: block;text-indent: -0.5em;}
.inputfor .right .raw:nth-child(1){margin-bottom: 83px;}
.inputfor .right .raw:nth-child(2){margin-bottom: 50px;}
.inputfor .right .raw .select-li.active .text{color: #1642a8;}
.inputfor .right .raw .select-li:hover .text{color: #1642a8;}
.inputfor .right .raw .select-li:hover .icon{background: url('../images/page2_0.png') no-repeat;}
.inputfor .right .raw .select-li.active .icon{background: url('../images/page2_11.png') no-repeat;}


/*  */
.sixSpe{padding-bottom: 80px;background: url('../images/page3.png') no-repeat center top;}
.sixSpe .content{margin-top: 6px;width: 100%;height: 375px;position: relative;}
.sixSpe .center{width: 350px;height: 349px;background: url('../images/page3_center.png') no-repeat;position: absolute;left:calc((100% - 350px)/2);top:-7px;font-size: 22px;line-height: 30px;font-weight: bold;color: #0b264e;display: flex;justify-content: center;align-items: center;text-align: center;}
.sixSpe .slide{position: absolute;transition: 0.3s;}
.sixSpe .slide:hover{transform: translateY(-10px);}
.sixSpe .slide1{left:178px;top:0px;}
.sixSpe .slide2{left:143px;top:134px;}
.sixSpe .slide3{left:202px;top:269px;}
.sixSpe .slide4{left:790px;top:0px;}
.sixSpe .slide5{left:845px;top:125px;}
.sixSpe .slide6{left:794px;top:247px;}
.sixSpe .title{width: 137px;height: 33px;background: url('../images/page3_1.png') no-repeat;font-size: 18px;font-weight: bold;color: #ffffff;display: flex;justify-content: center;align-items: center;border-radius: 16px;box-shadow: 0 1px 2px rgba(59,117,247,0.44);}
.sixSpe .text{font-size: 14px;line-height: 22px;color: #333333;padding: 3px 0 0 17px;}
 
/*  */
.xdfBrand{padding-bottom: 80px;}
.xdfBrand .padding-bk span{background-image: linear-gradient(90deg, #ff6716, #ff982d);}
.xdfBrand .content{width: 100%;height: 410px;margin: 0px auto 0;background: url('../images/page4_content.png') no-repeat;border-radius: 14px;position: relative;overflow: hidden;}
.xdfBrand .content .right{position: absolute;right: 0;top: 0;width: 305px;padding-top: 27px;}
.xdfBrand .content .li{display: flex;justify-content: flex-start;align-items: center;margin-bottom: 6px;}
.xdfBrand .content .li .title{font-size: 16px;color: #fff;margin-bottom: 12px;position: relative;display: inline-flex;justify-content: flex-start;align-items: flex-end;font-weight: bold;}
.xdfBrand .content .li .title span{font-size: 30px;font-weight: bold;}
.xdfBrand .content .li .title.qs::after{animation: upDown 0.8s infinite;content: '';width: 82px;height: 31px;background: url('../images/page4_qs.png') no-repeat;position: absolute;right: -56px;top: -18px;}
.xdfBrand .content .li .text{font-size: 14px;color: #fff;}
.xdfBrand .content .icon{width: 84px;height: 84px;margin-right: 20px;}
.xdfBrand .content .icon1{background: url('../images/page4_icon1.png') no-repeat;}
.xdfBrand .content .icon2{background: url('../images/page4_icon2.png') no-repeat;}
.xdfBrand .content .icon3{background: url('../images/page4_icon3.png') no-repeat;}
.xdfBrand .content .icon4{background: url('../images/page4_icon4.png') no-repeat;}

.xdfBrand .content .left{height: 72px;position: absolute;left: 30px;bottom: 0;}
.xdfBrand .content .introTitle{width: 104px;height: 25px; background: url('../images/page4_icon5.png') no-repeat left bottom;}
.xdfBrand .content .introText{padding-top: 13px;font-size: 16px;color: #fff;}
.xdfBrand .content .introText span{font-weight: bold;}