/*全局样式*/
@charset "utf-8";
body {color:#fff;}
html {
    overflow-x: hidden;
}
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,
select {margin: 0;padding: 0}
input:required,
textarea:required {outline: 0 none;-webkit-box-shadow: none;-moz-box-shadow: none;-ms-box-shadow: none; -o-box-shadow: none; box-shadow: none;-webkit-appearance: none !important;}
input,textarea{appearance:none;outline: none;}
*{margin:0; padding:0;}
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
a {text-decoration: none !important;cursor: pointer !important;color:inherit;}
a:focus{outline: none !important;}
ul,li,dl,dt,dd{list-style-type:none;}
i{font-style:normal;}
ul {margin: 0;}
li {list-style: none;vertical-align: top;}
.overflow{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-height: initial;min-height: 1.6em;display: block;}
.overflow2{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space: normal;overflow: hidden;min-height: 3.2em;}
.bjcover{background-position: 50% 50%; background-size: cover;}
.swiper-button-lock{display:flex!important;}
.swiper-button-next::after{font-size: inherit;}
.swiper-button-prev::after{font-size: inherit;}
.swiper-button-disabled{opacity: .1!important;}
a,.bjcover,button,.tr2{transition: all .3s;}
img{max-width:100%;}
.container-fluid::after{display: block;clear: both;content: "";}




:root{
    --color_zhuti: #fa2489;
    --color_hover: #000;
    /*--AlibabaPuHuiTi:AlibabaPuHuiTi;*/
    --transform_scale: scale(1.08);
}


.main88{padding-top: 77px;padding-block: 77px;}
.vtitle{font-size: 48px;line-height: 58px;letter-spacing: 3px;text-align: center;color: #fff;margin-bottom: 44px;}
.vtitle span{display: block;font-size: 24px;line-height: 34px;opacity: .8;margin-top: 14px;letter-spacing: 2px;}
.vtitle b{color: var(--color_zhuti);font-weight: normal;}
.vtitle2{display: flex;justify-content: space-between;gap: 24px;margin-bottom: 40px;}
.vtitle2 span{display: block;font-size: 32px;line-height: 42px;width: 100%;background: rgba(255, 255, 255, .1);padding: 25px 10px;text-align: center;background: linear-gradient(to bottom, rgba(255, 255, 255, .1), transparent);border-radius:40px;}



.video_banner{padding: 150px 0;position: relative;}
.video1 .box{display: flex;justify-content:space-between;align-items: center;}
.video1 .box .zuo{width: 47%;}
.video1 .box .you{width: 50%;}
.video1 .box .you .tt1{font-size: 48px;line-height: 60px;}
.video1 .box .you .tt2{font-size: 18px;margin-top: 26px;line-height: 32px;min-height: 96px;color: rgba(255, 255, 255, .8);}
.video1 .box .you .tt3{position: relative;display: flex;justify-content: space-between;padding-top: 8px;}
.video1 .box .you .tt3:after{content: "";width: 100%;height: 1px;background: rgba(255, 255, 255, .3);position: absolute;left: 0;bottom: 0;}
.video1 .box .you .tt3 span{display: block;border-bottom: 1px solid transparent;font-size: 22px;line-height: 30px;padding: 20px 0;transition: all .3s;cursor: pointer;}
.video1 .box .you .tt3 span:hover{border-color: #fff;color: var(--color_zhuti);}


.video2{background: #401296;background: linear-gradient(to top right, transparent, #401296);border-radius: 22px;overflow: hidden;}
.video2 .box{padding-left: 50px;padding-right: 50px;display: flex;justify-content: space-between;align-items: center;flex-direction: row-reverse;}
.video2 .box .zuo{width: 47%;}
.video2 .box .you{width: 50%;}
.video2 .box .you .tt1{font-size: 36px;line-height: 46px;display: flex;align-items: center;}
.video2 .box .you .tt1 b{padding-right: 10px;display: block;position: relative;}
.video2 .box .you .tt1 b:after{content: "";width: 100%;height: 10px;background: #7F1286;border-radius: 66px;position: absolute;left: -20px;bottom: 0;z-index: 1;}
.video2 .box .you .tt1 span{display: block;position: relative;z-index: 2;}
.video2 .box .you .tt2{font-size: 18px;line-height: 32px;min-height: 96px;color: rgba(255, 255, 255, .8);margin-top: 33px;}
.video2 .box .you .tt3{width: 230px;height: 54px;display: flex;align-items: center;justify-content: center;font-size: 22px;color: #fff;background: var(--color_zhuti);border-radius: 11px;margin-top: 30px;}
.video2 .box .you .tt3:hover{background: #fff;color:var(--color_zhuti);}



.video3{margin: 40px 0;display: flex;align-items: center;justify-content: space-between;gap:36px;}
.video3 span{background: #603BCC;width: 100%;font-size: 30px;line-height: 40px;min-height: 124px;border-radius: 11px;display: flex;align-items: center;justify-content: center;}
.video3 span img{display: block;margin-right: 22px;}


.video4{background: #401296;background: linear-gradient(to left, transparent, #623bd1);display: flex;justify-content: space-between;padding: 77px 50px;align-items: center;border-radius: 11px;}
.video4 .zuo{width: 53%;}
.video4 .you{width: 44%;}
.video4 .you .tt1{font-size: 36px;line-height: 52px;}
.video4 .you .tt1 b{padding-right: 10px;display: block;position: relative;}
.video4 .you .tt1 b:after{content: "";width: 100px;height: 10px;background: #7F1286;border-radius: 66px;position: absolute;left: -20px;bottom: 3px;z-index: 1;}
.video4 .you .tt1 span{display: block;position: relative;z-index: 2;}
.video4 .you .tt2{margin-top: 40px;position: relative;padding-left: 144px;font-size: 18px;min-height: 100px;}
.video4 .you .tt2 div{font-size: 30px;line-height: 40px;padding: 8px 0;}
.video4 .you .tt2 b{display: block;position: absolute;left: 0;top: 0;font-size: 96px;line-height: 1;}
.video4 .you .tt2 b span{display:flex;align-items: center;justify-content: center;width: 36px;height: 36px;background: var(--color_zhuti);border-radius: 50%;font-size: 16px;line-height: 1;position: absolute;right: -11px;top: 0;}


.video5 .box{display: flex;flex-wrap: wrap;margin: -24px -12px 0;}
.video5 .box .tt{width: calc(25% - 24px);margin: 24px 12px 0;border: 1px solid #290F68;font-size: 16px;;background: rgba(0, 0, 0, .3);border-radius: 11px;overflow: hidden;padding: 34px 30px;text-align: center;}
.video5 .box .tt .img{width: 100px;height: 100px;border-radius: 50%;background: #5935BF;display: flex;align-items: center;justify-content: center;margin: 0 auto 22px;}
.video5 .box .tt .img img{max-height: 44%;}
.video5 .box .tt b{display: block;font-size:26px;line-height: 36px;padding-bottom: 11px;}

.video6 .box{display: flex;flex-wrap: wrap;margin: -14px -7px 0;}
.video6 .box .img{width: calc(25% - 14px);margin: 14px 7px 0;overflow: hidden;border-radius: 11px;overflow: hidden;}
.video6 .box .img div{height: 364px;transition: all .3s;}
.video6 .box .img:nth-child(1){width: calc(50% - 14px);}
.video6 .box .img:nth-child(6){width: calc(50% - 14px);}
.video6 .box .img:hover div{transform: var(--transform_scale);}

.video7 .list{display: block;padding-bottom:36px;position: relative;}
.video7 .list .img{position: relative;padding-top: 58%;border-radius: 11px;overflow: hidden;background: #000;}
.video7 .list .img img{display: block;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;max-height: 98%;max-width: 98%;}
.video7 .list .tt{position: absolute;left: 0;right: 0;bottom: 0;width: 100%;display: flex;align-items: center;justify-content: center;}
.video7 .list .tt span{display: block;font-size: 24px;background: #5935BF;border-radius: 111px;padding: 10px 40px;text-align: center;}
.video7 .list:hover .tt span{color:#fff!important;}

.video8{background: #0A0655;}
.video8 .box{display: flex;gap: 14px;}
.video8 .box .tt{width: 100%;background: #fff;padding: 30px 15px;border-radius: 11px;color: #0b0654;font-size: 20px;text-align: center;}
.video8 .box .tt img{display: block;height: 42px;margin:0 auto 14px;}

.video9{background: #0A0655;}
.video9 .listbox{overflow: hidden; white-space: nowrap;font-size: 0;position: relative;z-index: 1;}
.video9 .listbox .list{width: 160px;height: 160px;background: #fff;border-radius: 50%;display: inline-block;vertical-align: top;white-space: normal;margin: 10px;position: relative;z-index: 1;}
.video9 .listbox .list img{max-height: 60%;max-width: 80%;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;}


.video9 .box{position: relative;}
.video9 .box:after{content: "";width: 66%;height: 100%;background: linear-gradient(to left, #0A0655, transparent);position: absolute;right: 0;top: 0;z-index: 2;}
.video9 .box:before{content: "";width:200px;height: 100%;background: linear-gradient(to right, #0A0655, transparent);position: absolute;left: 0;top: 0;z-index: 2;}


.video9 .box2{padding-top: 10px;}
.video9 .box2:after{right: auto;left: 0;background: linear-gradient(to right, #0A0655, transparent);}
.video9 .box2:before{left: auto;right: 0;background: linear-gradient(to left, #0A0655, transparent);}


.video10{text-align: center;}
.video10 .container-fluid{padding-top: 33px;padding-block: 33px;}
.video10 .tt1{font-size: 60px;line-height: 70px;}
.video10 .tt2{font-size: 24px;line-height: 34px;margin-top: 18px;}
.video10 .tt3{display: flex;justify-content: center;margin-top: 28px;text-align: center;}
.video10 .tt3 span{display: block;border: 1px solid #fff;font-size: 30px;line-height: 40px;letter-spacing: 20px;padding: 10px 20px 10px 40px;text-align: center;border-radius: 99px;}
.video10 .tt4{width: 230px;height: 54px;display: flex;align-items: center;justify-content: center;font-size: 22px;color: #fff;background: var(--color_zhuti);border-radius: 11px;margin: 44px auto 0;}
.video10 .tt4:hover{background: #fff;color:var(--color_zhuti);}




@media (max-width:1199px) {
    .video3 span{font-size: 24px;line-height: 34px;min-height: 98px;}
    .video3 span img{height: 30px;}
}
@media (max-width:991px) {
    .main88{padding-top: 40px;padding-block: 40px;}
    .vtitle{font-size: 24px;line-height: 34px;letter-spacing: 1px;;margin-bottom: 24px;}
    .vtitle span{font-size: 18px;line-height: 30px;margin-top: 6px;letter-spacing: 1px;}

    .vtitle2{gap: 10px;margin-bottom: 20px;flex-wrap: wrap;}
    .vtitle2 span{font-size: 16px;line-height:28px;width:calc(50% - 5px);padding:  10px;}

    .video_banner{padding: 50px 0;position: relative;}
    .video1 .box{display: block;}
    .video1 .box .zuo{width: 100%;padding: 0 30px 30px;}
    .video1 .box .you{width: 100%;}
    .video1 .box .you .tt1{font-size: 24px;line-height: 34px;}
    .video1 .box .you .tt2{font-size: 16px;margin-top: 16px;line-height: 28px;min-height: inherit;}
    .video1 .box .you .tt3{flex-wrap: wrap;padding: 18px 0;gap: 10px;justify-content: left;}
    .video1 .box .you .tt3 span{font-size: 16px;line-height: 28px;padding: 0;border: 1px solid var(--color_zhuti);border-radius: 8px;padding:10px 20px;min-width: 170px;text-align: center;}



    .video2 .box{padding-left: 20px;padding-right: 20px;display: block;}
    .video2 .box .zuo{width: 100%;padding-bottom: 22px;}
    .video2 .box .you{width: 100%;}
    .video2 .box .you .tt1{font-size: 24px;line-height: 34px;}
    .video2 .box .you .tt1 b{padding-right:6px}
    .video2 .box .you .tt1 b:after{height: 6px;left: -8px;bottom: 3px;}
    .video2 .box .you .tt1 span{display: block;position: relative;z-index: 2;}
    .video2 .box .you .tt2{font-size: 16px;line-height: 28px;min-height: inherit;margin-top: 11px;}
    .video2 .box .you .tt3{width: 190px;height: 44px;font-size: 16px;margin-top: 16px;}



    .video3{margin: 30px 0;gap: 10px;flex-wrap: wrap;}
    .video3 span{width:calc(50% - 5px);font-size: 20px;line-height: 30px;min-height: 80px;}
    .video3 span img{margin-right: 11px;}


    .video4{padding: 40px 20px;display: block;}
    .video4 .zuo{width: 100%;padding-bottom: 22px;}
    .video4 .you{width: 100%;}
    .video4 .you .tt1{font-size: 24px;line-height: 34px;}
    .video4 .you .tt1 b{padding-right:0;}
    .video4 .you .tt1 b:after{height: 6px;left: -8px;bottom: 3px;}

    .video4 .you .tt2{margin-top: 20px;padding-left:96px;font-size: 16px;min-height: 60px;}
    .video4 .you .tt2 div{font-size: 22px;line-height: 32px;padding: 8px 0;}
    .video4 .you .tt2 b{font-size: 54px;top: 11px;}
    .video4 .you .tt2 b span{width: 24px;height: 24px;font-size: 12px;}


    .video5 .box{margin: -12px -6px 0;}
    .video5 .box .tt{width: calc(50% - 12px);margin: 12px 6px 0;font-size: 14px;;padding: 22px 20px 22px 90px;position: relative;justify-content: left;text-align: left;}
    .video5 .box .tt .img{width: 60px;height: 60px;margin-bottom: 16px;position: absolute;left: 18px;top: 22px;}
    .video5 .box .tt b{font-size:20px;line-height: 30px;padding-bottom: 8px;}

    .video6 .box{margin: -12px -6px 0;}
    .video6 .box .img{width: calc(50% - 12px);margin: 12px 6px 0;}
    .video6 .box .img div{height: auto;padding-top: 100%;}
    .video6 .box .img:nth-child(1){width: calc(100% - 14px);}
    .video6 .box .img:nth-child(1) div{padding-top: 50%;}
    .video6 .box .img:nth-child(6) div{padding-top: 50%;}
    .video6 .box .img:nth-child(6){width: calc(100% - 14px);}

    .video7 .list{padding-bottom:2px;border-radius: 8px;overflow: hidden;}
    .video7 .list .img{border-radius: 0;}
    .video7 .list .tt{position: relative;left: auto;right: auto;bottom: auto;}
    .video7 .list .tt span{font-size: 16px;padding: 11px 30px;border-radius: 0;width: 100%;}
    .video7 .swiper{width: calc(100% + 30px);margin-left: -15px;}
    .video7 .swiper-slide{width: 80%!important;max-width: 400px;}



    .video8 .box{gap: 12px;flex-wrap: wrap;}
    .video8 .box .tt{width: calc(50% - 6px);padding: 25px 12px;font-size: 16px;}
    .video8 .box .tt img{height: 36px;margin:0 auto 11px;}


    .video9 .listbox .list{width:80px;height: 80px;margin: 4px;}

    .video9 .box{position: relative;}
    .video9 .box:after{width: 44%;}
    .video9 .box:before{width:100px;}

    .video9 .box2{padding-top: 0;}



    .video10 .container-fluid{padding-top: 11px;padding-block: 11px;}
    .video10 .tt1{font-size: 30px;line-height: 40px;}
    .video10 .tt2{font-size: 16px;line-height: 28px;margin-top: 8px;}
    .video10 .tt3{margin-top: 16px;}
    .video10 .tt3 span{font-size: 20px;line-height: 30px;letter-spacing: 8px;padding: 10px 22px 10px 30px;}
    .video10 .tt4{width: 190px;height: 44px;font-size: 16px;margin-top: 26px;}
}
@media (max-width:600px) {
    .video5 .box .tt{width: calc(100% - 12px);}
}