body{box-sizing: border-box;padding-top: 50px;min-width: 1200px;}
.pcweb{width: 100%;display: block;}
.bg01{background: #010101;}
.banner{width: 100%;height: 924px;background: url(../images/banner.png) no-repeat top center;position: relative;}
.topicon{}
.topline{width: 100%;height:3px;background: #5e5952;position: relative;}
.topline span{position: absolute;top:-5px;left: 50%;width: 76px;height: 20px;background: url(../images/202403img1.png) no-repeat top center;margin-left: -38px;}

.banner-en{font-weight: 800;font-size: 13px;color: #F7EBDF;line-height: 15px;letter-spacing: 12px;font-style: normal;text-align: center;margin-top: 176PX;}
.banner-tit{font-weight: 800;font-size: 116px;color: #F1F1EF;line-height: 136px;letter-spacing: 6px;text-align: center;margin-top: 18px;}
.banner-txt{font-size: 37px;color: #F1F1EF;line-height: 44px;text-align: center;margin-top: 40px;}
.banner-txt span{font-family: DIN Black-Regular;}
.onlineservice{display: inline-block;width: 180px;height: 56px;line-height: 56px;margin: 0 20px;border-radius: 2px 2px 2px 2px;border: 1px solid #7B7B7B;font-size: 20px;color: #FDFEFD;padding-left: 70px;text-align: left;box-sizing: border-box;}
.onlineservice:hover{opacity: 0.8;color: #FDFEFD;}
.xonline{background:#000 url(../images/202403img2.png) no-repeat 24px center;background-size: 26px;}
.wonline{background:#000 url(../images/202403img3.png) no-repeat 24px center;background-size: 30px;}
/*代练范围*/
.dltit{text-align: center;margin-right: 360px;display: inline-block;margin-top: 30px;float: right;}
.DLcon{margin-top: 190px;position: relative;}
.DLcon-left{float: left;width: 65px;height: 684px;padding-top: 60px;box-sizing: border-box;}
.DLcon-left-one{height: 454px;width: 100%;background: #255FE6;}
.DLcon-left-two{height: 170px;width: 100%;background: #C7500F;}
.common-tit{text-align: center;}
.common-tit-ch{font-weight: 500;font-size: 46px;color: #F2F2F2;line-height: 54px;}
.common-tit-en{font-weight: 500;font-size: 14px;color: #7A7A7A;line-height: 16px;margin-top: 25px;}
.dlimgbox{position: absolute;left: 30px;top: -200px;z-index: 100;}
.dlimg{width: 310px;height: 823px;}
.dlimgtext{font-weight: 300;font-size: 12px;color: #F2F2F2;line-height: 14px;letter-spacing: 15px;writing-mode: vertical-rl;transform: rotate(180deg);margin-left: 20px;}
.DLcon-right{width:1135px;height:683px;background: #141316;border-radius: 4px 4px 4px 4px;float: right;}
.DLconlist{width: 815px;margin-left: 320px;}
.DLcon-img{width: 160px;height: 160px;display: inline-block;}
.DLconlist li{float: left;width: 33.333%;text-align: center;padding: 30px 10px;box-sizing: border-box;}
.DLcon-name{font-weight: 500;font-size: 22px;color: #FFFFFF;line-height: 26px;}
.DLcon-des{font-weight: 400;font-size: 14px;color: #D1D1D1;line-height: 16px;margin-top: 10px;}
.DLcon-consult{margin-top: 20px;width: 100px;height: 32px;line-height:32px;border-radius: 9px;display: inline-block;font-weight: 400;font-size: 14px;color: #FFFFFF;background:#275EE6 url(../images/202403imgx.png) no-repeat 10px center;background-size: 16px 14px;padding-left: 17px;box-sizing: border-box;}
.DLcon-consult:hover{opacity: 0.8;color: #fff;}
/*其他服务*/
.otherfw{padding: 100px 0;}
.otherfw .DLconlist{margin: 0;}
.otherfw .DLconlist li{width: 16%;margin-left: 12%;}
.otherfw .DLconlist li:first-child{margin-left: 0;}
/*孙膑提示*/
.sunbinbox{height: 660px;position: relative;}
.sunbinimg{position: absolute;left: 0;bottom: 0;width: 502px;height: 460px;z-index: 100;}
.sunbintext-l{position: relative;width: 260px;height: 150px;background:#111;font-weight: 500;font-size: 16px;color: #A2A2A2;line-height: 26px;padding: 50px 30px;box-sizing: border-box;border-radius: 100%;float: left;}
.sunbin-icon{position: absolute;right: 50px;bottom: -70px;display: inline-block;width: 46px;height: 44px;background: #111;border-radius: 50px;}
.sunbintext-r{width: 865px;height: 220px;box-sizing: border-box;padding:40px 20px 50px 30px;background: #111;border-radius: 4px;float: right;}
.sunbintext-r-tit{font-weight: 500;font-size: 26px;color: #CDCDCD;line-height: 32px;}
.sunbintext-r-tit span{display: inline-block;width: 12px;height: 12px;background: #275ee6;border-radius: 5px;float: left;margin: 10px 18px 0px 0px;}
.sunbintext-r-txt{font-weight: 400;font-size: 20px;color: #A2A2A2;line-height: 32px;margin-top: 18px;}
.dlprocessbox{width: 810px;height: 384px;background: #111;border-radius: 4px;margin:56px 0 0 390px;box-sizing: border-box;padding:35px 45px 50px 116px;}
.dlprocess-tit{text-align: center;font-weight: 500;font-size: 26px;color: #CDCDCD;line-height: 30px;}
.dlprocessbox ul{margin-top: 10px;}
.dlprocessbox ul li{float: left;width: 100px;padding-top: 40px;}
.dlprocess-name{width: 100px;height: 46px;background: #C7500F;border-radius:2px;font-weight: 800;font-size: 26px;color: #F2F2F2;line-height: 46px;text-align: center;}
.dlprocessbox ul li.dlprocess-line{width: 83px;}
.dlprocess-linex{height: 10px;background: rgba(199,80,15,0.8);margin-top: 18px;}
.dlprocess-des{margin-top: 12px;font-weight: 400;font-size: 16px;color: #818181;line-height: 20px;text-align: center;}
/*支付方式*/
.paylist{margin-top: 70px;}
.paylist li{height:117px;float: left;font-weight: 500;font-size: 26px;color: #B3B3B3;line-height:117px;padding-left: 100px;box-sizing: border-box;margin-left: 100px;}
.paylist li:first-child{background:url(../images/202403imgpay1.png) no-repeat left;margin-left: 0;}
.paylist li:nth-child(2){background:url(../images/202403imgpay2.png) no-repeat left;}
.paylist li:nth-child(3){background:url(../images/202403imgpay3.png) no-repeat left;}
.paylist li:nth-child(4){background:url(../images/202403imgpay4.png) no-repeat left;}
/*代练案例*/
.dlcase{margin-top: 76px;position: relative;width: 100%;height: 462px;}
.swiper {width: 100%;height: auto;}
.swiper-slide {text-align: center;font-size: 18px;display: flex;justify-content: center;align-items: center;}
.swiper-slide img{display: block;object-fit: cover;}
.swiper-button-next, .swiper-button-prev{width: 16px;height: 32px;color: #fff;}
.swiper-button-next:after, .swiper-button-prev:after{font-size: 30px;}
/*选择我们的理由*/
.chooseusbox{height: 1181px;box-sizing: border-box;}
.chooseus-con{margin-top: 76px;}
.chooseus-con-l,.chooseus-con-r{width:270px;height: 486px;float: left;}
.us-name{font-weight: 300;font-size: 36px;color: #FFFFFF;line-height: 42px;text-align: center;}
.us-text{font-weight: 400;font-size: 14px;color: #B0B0B0;line-height: 24px;margin-top: 14px;}
.chooseus-con-top{width: 270px;height: 250px;}
.chooseus-con-l-bottom,.chooseus-con-r-bottom{box-sizing: border-box;width: 270px;height: 236px;padding:28px 36px;position: relative;}
.chooseus-con-l-bottom{background:url(../images/202403imgus2.png) no-repeat center;}
.chooseus-con-r-bottom{background:url(../images/202403imgus4.png) no-repeat center;}
.bline{display: block;width: 22px;height: 4px;background: #275ee6;position: absolute;bottom: 24px;left: 50%;margin-left: -11px;}
.chooseus-con-m{width: 660px;height: 486px;position: relative;float: left;text-align: center;}
.usiconlist{display: inline-block;margin: 0 auto;}
.usiconlist li{float: left;margin-left: 70px;}
.usiconlist li img{height:40px;}
.usiconlist li:first-child{margin-left: 0;}
.us-con-m-text{font-weight: 400;font-size: 22px;color: #A2A2A2;line-height: 26px;text-align: center;margin-top: 36px;}
.us-con-micon{display: block;margin:70px auto 0;}
.us-con-person{position: relative;margin-top: 40px;}
.personbg{width: 270px;height: 550px;background: linear-gradient( 181deg, #373737 0%, #010101 66%);margin: 0 auto;}
.us-con-person img{position: absolute;top: 0;left: 0;z-index: 100;}
/*数据*/
.databox{width: 100%;height: 310px;box-sizing: border-box;background: url(../images/202403imgdatabg.png) no-repeat top center;}
.databox-item{float: left;width: 22%;margin-left: 4%;text-align: center;margin-top: 96px;}
.databox-item:first-child{margin-left: 0;}
.databox-item-data{font-weight: 800;font-size: 56px;color: #F2F2F2;line-height: 66px;}
.databox-item-des{font-weight: 400;font-size: 26px;color: #646464;line-height: 30px;margin-top: 15px;}
.datanum{font-family: DIN Black, DIN Black;color: #F1F1EF;}
.footer{width: 100%;height: 257px;background: #151515;line-height:32px;font-weight: 400;font-size: 22px;color: #B0ADB1;text-align: center;padding-top: 70px;box-sizing: border-box;}
.footer-about{margin-top: 15px;}
.footer-about span{margin:0 10px;}
.footer-beian img{float: left;margin: 5px;width: 24px;}
.footer-beian{color: #B0ADB1;margin-top: 15px;display: inline-block;margin-right: 20px;}
/*关注二维码*/
.codebox{width: 146px;height:385px;position: fixed;top: 50%;right: 28px;z-index: 199;margin-top: -192px;}
.code-con{width: 146px;height: 170px;background: rgba(20,19,22,0.6);margin-top: -38px;padding-top: 14px;position: absolute;text-align: center;box-sizing: border-box;font-weight: 400;font-size: 14px;color: #FFFFFF;line-height: 16px;}
.code-fk{position: absolute;left: -6px;bottom: -12px;display: inline-block;width: 12px;height: 12px;background: #275EE6;}
.totop{display: block;width: 146px;height: 40px;line-height:40px;background: #141316;font-weight: 500;font-size: 14px;color: #F2F2F2;text-align: center;margin-top: 150px;}
.totop:hover{opacity: 0.8;color: #F2F2F2;}
/*弹窗二维码*/
.dialogbox-mask{position: fixed;width: 100%;height: 100%;top:0;left:0;width: 100%;height: 100%;background: rgba(0,0,0,0.6);z-index: 200;display: none;}
.dialogbox{position: fixed;top: 50%;left: 50%;margin-top: -333px;margin-left: -279px;width: 558px;height: 666px;background: #232323;border-radius: 27px;/*border: 2px solid #B7B7B7;*/z-index: 201;display: none;background:#232323 url(../images/202403imgdialogbg.png) no-repeat top center;}
.dialog-content{text-align: center;}
.dialogbox-con{position: relative;padding-top:90px;}
.dialogbox-close{background: url(../images/202403imgclose.png) no-repeat center;display: inline-block;position: absolute;top: 30px;right: 30px;width: 56px;height: 56px;cursor: pointer;}
.dialog-content{padding: 20px 38px;}
.dialog-con-text{height: 72px;line-height: 72px;font-weight: bold;font-size: 38px;color: #FFFFFF;background: #404040;border-radius: 6px;text-align: center;margin-top: 45px;}
.kfvbox{font-weight: 500;font-size: 30px;color: #F7F7F7;line-height: 35px;margin-top: 35px;display: flex;flex-wrap: wrap;}
.kfvbox-lab{float: left;}
.kfv-con{flex: 1;}
.kfv-con-item{margin-bottom: 10px;display: inline-block;}
#app{width: 100%;display:none;}
/*移动端*/
@media (min-width: 320px) and (max-width: 1200px) {
  body {min-width: 100%;min-height: 100vh;}
  @media screen and (min-width:320px){html{font-size:42.67px}}
	@media screen and (min-width:375px){html{font-size:50px}}
	@media screen and (min-width:384px){html{font-size:51.2px}}
	@media screen and (min-width:412px){html{font-size:54.93px}}
	@media screen and (min-width:414px){html{font-size:55.2px}}
	@media screen and (min-width:460px){html{font-size:61.33px}}
	@media screen and (min-width:480px){html{font-size:64px}}
	@media screen and (min-width:540px){html{font-size:72px}}
	@media screen and (min-width:640px){html{font-size:85.33px}}
	@media screen and (min-width:720px){html{font-size:96px}}
	@media screen and (min-width:740px){html{font-size:98.67px}}
	@media screen and (min-width:750){html{font-size:100px}}
	@media screen and (min-width:768px){html{font-size:102.4px}}
	@media screen and (min-width:800px){html{font-size:106.67px}}
	@media screen and (min-width:960px){html{font-size:128px}}
	@media screen and (min-width:1080px){html{font-size:144px}}
	@media screen and (min-width:1024px){html{font-size:136.53px}}
	@media screen and (min-width:1242px){html{font-size:165.6px}}
	@media screen and (min-width:1280px){html{font-size:170.67px}}
	@media screen and (min-width:1536px){html{font-size:204.8px}}
	@media screen and (min-width:2048px){html{font-size:273.07px}}
	.pcweb{display: none!important;}
	#app{width: 100%;display: block;}
	.banner{width: 100%;height: 3.72rem;background-size: 100% 100%;}
	.topline{height: .04rem;}
	.topline span{width: .76rem;height: .2rem;top: -0.05rem;background-size: 100%;margin-left: -0.38rem;}
	.banner-en{font-weight: 800;font-size:.2rem;color: #F7EBDF;line-height: .24rem;letter-spacing:.18rem;margin-top: .6rem;}
	.banner-tit{font-weight: 800;font-size:1.12rem;color: #F1F1EF;line-height:1.32rem;letter-spacing: 0.06rem;margin-top:0;}
	.banner-txt{font-weight: 400;font-size: .24rem;color: #F1F1EF;line-height: .28rem;margin-top: .3rem;}
	.onlinebox{padding: .4rem .3rem;}
	.onlinebox a{width:3.34rem;height:1.12rem;margin:0;float: right;border-radius: 0.04rem;border: 0.02rem solid #7B7B7B;font-weight: 400;font-size: .36rem;color: #FDFEFD;line-height: 1.12rem;padding-left: 1.28rem;}
	.onlinebox a:first-child{float: left;}
	.xonline{background: #000 url(../images/202403img2.png) no-repeat .28rem center;background-size: .52rem;}
	.wonline{background: #000 url(../images/202403img3.png) no-repeat .28rem center;background-size: .6rem;}
	/*代练范围*/
	.DLrangebox{padding-top: .1rem;}
	.common-tit-ch{font-weight: 500;font-size: .36rem;color: #F2F2F2;line-height: .42rem;}
	.common-tit-en{font-weight: 500;font-size: .2rem;color: #7A7A7A;line-height: .24rem;margin-top: .1rem;}
	.dllist{padding: .2rem;}
	.dllist li{width: 50%;padding: .1rem;float:left;box-sizing: border-box;}
	.dllist li>div{background: #111;border-radius: .24rem;padding: .1rem;padding-bottom: .2rem;height:1.6rem;box-sizing: border-box;}
	.dllist-name{font-weight: 500;font-size: .32rem;color: #FFFFFF;line-height: .84rem;}
	.dllist-name img{float: left;width: .84rem;height: .84rem;margin-right: 0.05rem;}
	.dlperson{font-weight: 400;font-size: .24rem;color: #C2C2C2;line-height:.28rem;padding: 0 .1rem;margin-top: .1rem;}
	.dlperson img{float: left;}
	.dlperson span{float: right;}
	/*代练流程*/
	.app-dlprocess{margin: .24rem .3rem;background: #111;border-radius: 0.08rem;padding-top: .32rem;}
	.dlprocessbox{position: relative;padding: 0 0.34rem;margin: 0;padding-left: 2.2rem;width: 100%;}
	.sunbinimg{width: 2.12rem;height: 1.78rem;bottom: auto;top: .26rem;}
	.dlprocessbox ul{margin-top: .1rem;}
	.dlprocessbox ul li{width:20%;padding-top: .26rem;}
	.dlprocessbox ul li.dlprocess-line{width: 20%;}
	.dlprocess-linex{height:0.18rem;margin-top: 0.16rem;}
	.dlprocess-name{width:100%;height:0.52rem;border-radius: 0.04rem;font-weight: 800;font-size: .24rem;color: #F2F2F2;line-height: 0.52rem;}
	/*支付方式*/
	.paybox{margin-top: .68rem;}
	.paylist{padding:.2rem;}
	.paylist li{padding: .1rem;width: 25%;margin: 0;background: none!important;height:auto;}
	.paylist li>div{width: 100%;height: .96rem;border-radius: 0.04rem;}
	.paylist li:first-child > div{background:#111 url(../images/202403imgpay1.png) no-repeat center;background-size: 0.6rem;}
	.paylist li:nth-child(2) > div{background:#111 url(../images/202403imgpay2.png) no-repeat center;background-size: .58rem;}
	.paylist li:nth-child(3) > div{background:#111 url(../images/202403imgpay3.png) no-repeat center;background-size: .5rem;}
	.paylist li:nth-child(4) > div{background:#111 url(../images/202403imgpay4.png) no-repeat center;background-size: .7rem;}
	/*代练案例*/
	.dlcasebox{padding-top:0.46rem;}
	.dlcase{width:auto;height: auto;margin:0.32rem 0.3rem 0 0.3rem;padding-bottom: .3rem;}
	.swiper-pagination-bullet{width: 0.08rem;height: 0.08rem;background:#d9d9d9;}
	.swiper-pagination-bullet-active{width: 0.28rem;background: #f2f2f2;border-radius: 0.05rem;}
	/*选择我们的理由*/
	.chooseusbox{padding-top: 0.4rem;height: auto;}
	.chooseus-con{margin-top: .6rem;}
	.usiconlist{display: block;margin: 0 0.3rem;}
	.usiconlist li{width: 20%;text-align: center;margin: 0;}
	.usiconlist li img{height: 0.64rem;}
	.us-con-m-text{font-weight: 400;font-size: 0.32rem;color: #A2A2A2;line-height: .4rem;margin-top: .46rem;margin-bottom: .48rem;}
	.chooseus-con-l{padding: 0 0.1rem 0 0.3rem;width: 50%;box-sizing: border-box;height: auto;}
	.chooseus-con-r{padding: 0 0.3rem 0 0.1rem;width: 50%;box-sizing: border-box;height: auto;}
	.chooseus-con-top{width: 100%;height: auto;}
	.chooseus-con-l-bottom, .chooseus-con-r-bottom{width: 100%;height: 2.84rem;padding: 0.24rem 0.36rem .5rem 0.36rem;background-size: 100% 100%;box-sizing: border-box;}
	.us-name{font-weight: 300;font-size: 0.36rem;color: #FFFFFF;line-height:0.42rem;}
	.us-text{font-weight: 400;font-size: 0.2rem;color: #B0B0B0;line-height:0.32rem;margin-top: 0.1rem;}
	.bline{width: 0.44rem;height: 0.08rem;bottom: 0.3rem;margin-left: -0.22rem;}
	.dialogbox{width:4.4rem;height: 5.24rem;border-radius: 0.54rem;background: #232323 url(../images/202403imgdialogbg.png) no-repeat -0.01rem center;background-size: 102% 101%;border: 2px solid #B7B7B7;margin-top: -2.62rem;margin-left: -2.2rem;}
	.dialogbox-close{width: 0.48rem;height: 0.48rem;top: 0.3rem;right: 0.3rem;background-size: 100%;}
	.dialogbox-con{padding-top: 0.72rem;}
	.dialog-content img{width: 2.32rem;}
	.dialog-con-text{height: 0.72rem;border-radius: 0.12rem;line-height: 0.72rem;margin-top: 0.22rem;font-size: 0.3rem;}
	.kfvbox{font-weight: 500;font-size: 0.22rem;color: #F7F7F7;line-height: 0.28rem;margin-top: 0.22rem;}
	.kfv-con-item{margin-bottom: 0.1rem;}
	/*数据*/
	.databox{width: 100%;height: 2.08rem;box-sizing: border-box;background: url(../images/202403imgdatabg.png) no-repeat top center;background-size:auto 100%;margin-top: .6rem;}
	.databox-item{float: left;width: 24%;margin-left: 0%;text-align: center;margin-top: .6rem;}
	.databox-item:nth-child(4){width: 28%;}
	.databox-item:first-child {margin-left: 0;}
	.databox-item-data{font-weight: 800;font-size: 0.36rem;color: #F2F2F2;line-height: 0.42rem;}
	.databox-item-des{font-weight: 400;font-size: 0.28rem;color: #646464;line-height: 0.32rem;margin-top: .1rem;}
	.footer {width: 100%;height:1.6rem;background: #151515;line-height:0.4rem;font-weight: 400;font-size: 0.24rem;color: #B0ADB1;text-align: center;padding-top: 0.3rem;}
	.footer-about{margin-top: 0.03rem;}
	.footer-about span{margin-right: 0.2rem;}
	.footer-beian{margin-top: 0.03rem;margin-right: 0.2rem;}
	.footer-beian img{margin: 0.1rem;width: 0.2rem;}
	.codebox{width: 1.26rem;height: 1.64rem;right: .26rem;margin-top: -0.82rem;}
	.codebox img{width: 100%;height: 100%;}
	.apptotop{display: inline-block;width: 0.6rem;height: 0.6rem;background: url(../images/apptotop.png) no-repeat center;position: fixed;z-index: 199;bottom: 0.3rem;right: 0.3rem;background-size: 100%;border-radius: 100%;background-color: rgba(255,255,255,0.3);background-size: 60%;}
}