.dy-banner{ position:relative;}
.dy-banner>img{ width:100%; margin:0;}
.dy-banner .dy-ban-cur{ width:40px; height:70px; border-radius:30px; border:1px solid #fff; position:absolute; left:50%; bottom:6%; transform:translateX(-50%);}
.dy-banner .dy-ban-cur .line{ width:1px; height:40%; position:absolute; left:50%; top:20%; background:#fff;animation: dyline 0.5s infinite alternate;}
.dy-banner .dy-ban-cur .cluer{ width:8px; height:8px; border-radius:50%; background:#fff; position:absolute; left:50%; top:70%; transform:translateX(-50%);animation: dycule 0.5s infinite alternate;}
@keyframes dyline {
            0%{
                opacity:0.8; height:40%;
            }
            100%{
                opacity:0; height:0;
            }
}
@keyframes dycule {
            0%{
                opacity:0.8; top:70%;
            }
            100%{
                opacity:0; top:30%;
            }
}
.dy-container{ max-width:1430px; margin:0 auto; padding:0 15px; box-sizing:border-box;}
.dy-container:before,.dy-container:after{ content:""; display:block; clear:both;}
.cf:before,.cf:after{ content:""; display:block; clear:both;}
.dy-title{ text-align:center; line-height:1;background-image:-webkit-linear-gradient(45deg,#3fbbfe,#3fbbfe,#a541ff,#a541ff); -webkit-background-clip:text;  -webkit-text-fill-color:transparent;font-weight:bold;}
.dy-title .note{ font-size:30px}
.dy-title .tit{ font-size:68px; margin:2% 0; }
.dy-title .info{ font-size:24px; text-transform:uppercase;}
.dy-patr1{ background:url(../images/douyin/bg1.jpg) center top no-repeat; background-size:cover; }
.dy-dspcl{ margin-top:15%;}
.dy-dspcl ul{ margin:0 -10px;}
.dy-dspcl ul li{ width:50%; float:left; padding:0 10px; line-height:1;}
.dy-dspcl ul li .num{ text-align:center; font-size:58px; font-weight:bold; color:#fff;}
.dy-dspcl ul li .num span{ position:relative;}
.dy-dspcl ul li .num span:before,.dy-dspcl ul li .num span:after{ content:""; display: inline-block; width:54px; height:2px; background:#3fbbfe;vertical-align: middle; position:relative; top:-5px; margin-right:5px;}
.dy-dspcl ul li .tit{ font-size:48px; text-align:center; color:#fff; font-weight:bold; margin:2% 0;}
.dy-dspcl ul li .content{ font-size:17px; line-height:2; padding:80px 90px; min-height:376px; color:#fff; margin-top:5%;}
.dy-dspcl ul li:nth-child(1) .content{ background:url(../images/douyin/jux_left.svg) center no-repeat; background-size:100% 100%;}
.dy-dspcl ul li:nth-child(2) .content{ background:url(../images/douyin/jux_right.svg) center no-repeat; background-size:100% 100%;}

.dy-patr2{ background:#0d0819; padding-top:120px !important}
.dy-gunhuo{ min-height:642px; background:url(../images/douyin/jux2.png) center no-repeat; background-size:100% 100%; margin-top:5%;}
.dy-gunhuo ul{ padding:0 6px;}
.dy-gunhuo ul li{ width:20%; float:left; padding:80px 24px;}
.dy-gunhuo ul li .icon{ text-align:center;}
.dy-gunhuo ul li .tit{ text-align:center; color:#fff; font-size:24px;}
.dy-gunhuo ul li .line{ width:1px; height:40px; background:rgba(255,255,255,.5); transform:rotate(30deg); margin:30px auto;}
.dy-gunhuo ul li .content{ color:#fff;}

.dy-patr3{ padding:10.5em 0 6.5em 0;background:url(../images/douyin/bg2.jpg) center top no-repeat; background-size: 100% 100%; position:relative; z-index:98;}
.dy-patr3 .dy-container{ position:relative; z-index:99;}
.canmer{ max-width:834px; margin:0 auto; position:absolute; left:50%; transform:translateX(-50%); top:-280px;}
.dy-gunjlist{ margin-top:60px;}
.dy-gunjlist ul{ margin:0 -10px;}
.dy-gunjlist ul li{ width:50%; float:left; padding:10px;}
.dy-gunjlist ul li .box{ padding:60px 80px; min-height:350px; box-sizing:border-box; line-height:1;}
.dy-gunjlist ul li:nth-child(1) .box{background:url(../images/douyin/jxs-1.svg) center no-repeat; background-size:100% 100%;}
.dy-gunjlist ul li:nth-child(2) .box{background:url(../images/douyin/jxs-2.svg) center no-repeat; background-size:100% 100%;}
.dy-gunjlist ul li:nth-child(3) .box{background:url(../images/douyin/jxs-3.svg) center no-repeat; background-size:100% 100%;}
.dy-gunjlist ul li:nth-child(4) .box{background:url(../images/douyin/jxs-4.svg) center no-repeat; background-size:100% 100%;}
.dy-gunjlist ul li .box .tit{ text-align:center; font-size:30px; color:#fff;}
.dy-gunjlist ul li .box .tit span{ background:#9923dd; min-width:300px; padding:14px 0; display:inline-block;box-shadow: 0 2px 0 0 black;}
.dy-gunjlist ul li .box .content{ margin-top:50px;}
.dy-gunjlist ul li .box .content p{ width:50%; float:left; color:#fff; position:relative; padding-left:25px;}
.dy-gunjlist ul li .box .content p i{ position:absolute; left:0; top:50%; transform:translateY(-50%); width:18px; height:18px; border:1px solid rgba(255,255,255,.4); border-radius:50%; display:block;}
.dy-gunjlist ul li .box .content p i:before{ content:""; display:block; width:8px; height:8px; background:#fff; border-radius:50%; background:#fff; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%)}
.dy-patr4{ padding:9.5em 0;background:url(../images/douyin/bg3.jpg) center top no-repeat #0d0819; background-size:100% auto}
.dy-patr4 .dy-title{ width:40%;}
.dy-fuwufbox{ margin-top:20%;}
.dy-fuwufbox .item{ width:40%; float:left; margin-right:3%; background:url(../images/douyin/xz1.png) center no-repeat; background-size:100% 100%; padding:5px 60px; color:#fff;}
.dy-fuwufbox .item:nth-child(2){ margin-right:0;}
.dy-fuwufbox .item .tit,.dy-fuwufbox .item .bottom{ font-size:36px; text-align:center; height:90px; line-height:90px;}
.dy-fuwufbox .item .content{ height:633px; padding:30px 0; box-sizing:border-box; line-height:2.2;}
.dy-fuwufbox .item .content .t{ font-size:30px;}
.dy-fuwufbox .item .content .c p{ margin:0;}
.dy-fuwufbox .item .content .c p span{ color:#ff5e5e}
.dy-fuwufbox .itemr{ width:14.5%; float:right; background:#9929ea; height:823px}
.dy-fuwufbox2{ margin-top:40px; background:#0e0b19; border:5px solid #343438; padding:40px;}
.dy-fuwufbox2 .tit{ font-size:30px; color:#7a83c3; margin-bottom:15px;}
.dy-fuwufbox2 .content{ color:#fff;}
.dy-fuwufbox2 .content .item{ width:40%; float:left;}
.dy-fuwufbox2 .content .item p{ margin:0; line-height:2.2;}
.dy-fuwufbox2 .content .item:nth-child(2){ width:60%;}

.dy-patr5{ padding-bottom:8em; background:#0d0819;}
.dy-case-list{ margin-top:60px;}
.dy-case-list ul li{ width:25%; float:left; padding:0 10px; margin-bottom:20px;}
.dy-lxbtn{ text-align:center; margin-top:90px; line-height:1;}
.dy-lxbtn .tit{ font-size:36px; color:#fff; margin-bottom:30px;}
.dy-lxbtn .btnd a{ display:inline-block; font-size:36px; color:#fff; width:410px; padding:22px 0; border-radius:8px;background:linear-gradient( to right,#3fbbfe,#a541ff);box-shadow: 0 3px 0 #ff2ca8;}

@media screen and (max-width:1440px) {
.dy-banner .dy-ban-cur{ transform:scale(0.8)}
.dy-title .note{ font-size:20px}
.dy-title .tit{ font-size:48px; }
.dy-title .info{ font-size:20px;}
.dy-dspcl ul li .num{ font-size:48px;}
.dy-dspcl ul li .tit{ font-size:38px;}
.dy-dspcl ul li .content{ font-size:14px; min-height:330px;}
.dy-dspcl{ margin-top:7%;}
.dy-patr1{ padding:50px 0;}
.dy-patr2{ padding-top:50px !important;}
.dy-patr3{padding: 6.5em 0 6.5em 0;}
}
@media screen and (max-width:1300px) {
.dy-patr3{padding: 1.5em 0 2.5em 0;}
.dy-gunjlist ul li .box{ min-height:290px;}
.dy-fuwufbox .item .tit, .dy-fuwufbox .item .bottom{ font-size:24px;}
.dy-fuwufbox .item .content .t{ font-size:20px;}
.dy-fuwufbox .item .content .c{ font-size:14px;}
.dy-fuwufbox .item .content{ height:550px;}
.dy-fuwufbox .itemr{ height:740px;}
.dy-patr4{ padding:6em 0;}
}
@media screen and (max-width:1024px) {
.dy-banner .dy-ban-cur{ opacity:0;}
.dy-title .note{ font-size:14px}
.dy-title .tit{ font-size:20px; }
.dy-title .info{ font-size:14px;}
.dy-patr1{ padding:30px 0;}
.dy-dspcl ul li .num{ font-size:18px;}
.dy-dspcl ul li .num span:before, .dy-dspcl ul li .num span:after{ width:10px; height:1px;}
.dy-dspcl ul li .tit{ font-size:18px;}
.dy-dspcl ul li{ width:100%; float:none;}
.dy-dspcl ul li .content{ padding:30px; min-height:auto; background:#40226e !important; border:2px solid #0af9f1}
.dy-dspcl ul li:nth-child(2){ margin-top:20px;}
.dy-patr2{ padding-top:20px !important;}
.dy-gunhuo{ min-height:auto; background:#40226e !important; border:2px solid #0af9f1}
.dy-gunhuo ul li{ width:50%; padding:10px;}
.dy-gunhuo ul li .icon img{ width:40px;}
.dy-gunhuo ul li .tit{ font-size:18px;}
.dy-gunhuo ul li .line{ display:none;}
.dy-gunhuo ul li .content{ font-size:12px; line-height:2;}
.dy-gunhuo ul li:nth-child(2n+1){ clear:both;}
.canmer{ display:none;}
.dy-gunjlist{ margin-top:20px;}
.dy-gunjlist ul li{ width:100%; float:none;}
.dy-gunjlist ul li .box{ padding:15px; background:#40226e !important; border:2px solid #0af9f1;min-height:auto;}
.dy-gunjlist ul li .box .tit{ font-size:16px;}
.dy-gunjlist ul li .box .tit span{ min-width:160px;}
.dy-gunjlist ul li .box .content{ margin-top:20px;}
.dy-gunjlist ul li .box .content p{ font-size:12px; padding-left:16px}
.dy-gunjlist ul li .box .content p i{ width:12px; height:12px;}
.dy-gunjlist ul li .box .content p i:before{ width:6px; height:6px;}
.dy-patr4{ padding:4em 0;}
.dy-patr4 .dy-title{ width:100%;}
.dy-fuwufbox{ margin-top:20px;}
.dy-fuwufbox .item{ width:100%; float:none; margin-right:0;background:#40226e !important; border:2px solid #0af9f1;min-height:auto; padding:0; margin-bottom:15px;}
.dy-fuwufbox .item .tit, .dy-fuwufbox .item .bottom{ background:#341269; height:50px; line-height:50px; font-size:18px;}
.dy-fuwufbox .item .content{ height:auto; padding:15px;}
.dy-fuwufbox .item .content .t{ font-size:16px;}
.dy-fuwufbox .item .content .c{ font-size:12px;}
.dy-fuwufbox .itemr{ display:none;}
.dy-fuwufbox2{ border-width:2px; padding:15px;}
.dy-fuwufbox2 .tit{ font-size:18px;}
.dy-fuwufbox2 .tit img{ width:18px;}
.dy-fuwufbox2 .content .item{ width:100% !important; font-size:12px; float:none;}
.dy-case-list{ margin-top:20px;}
.dy-case-list ul li{ width:50%; margin-bottom:20px;}
.dy-lxbtn{ margin-top:30px;}
.dy-lxbtn .tit{ font-size:14px;}
.dy-lxbtn .btnd a{ font-size:18px; width:300px;}
}