@charset "utf-8";
body{background-color: #9CDCF8;}
em{font-style: initial;}
#fullpage{height: 100%;overflow: hidden;position: relative;}
.swiper_box { width: 100%; height: 100%;}
.section{visibility: visible; height: 100%; position: relative; margin: 0 auto;}
.section .container-width750{width: 750px; margin: auto;}
.section .container{position: relative;overflow: hidden;}
.section{ background:url(/daojiao/2024/images/h5/2025pagebg.png) no-repeat;background-size: 100% 100%;}

.section.page1 .cloud{text-align: center;margin-top: -100px;}
.section.page1 .cloud img{height: 240px;}
.section.page1 .cloud-1{left:10%;}
.section.page1 .cloud-2{right:-20px; top: 20px;}

.section.page1 .title{font-size: 48px;text-align: center;color: #fff;font-weight:bold;text-shadow: 2px 2px 0 #2A82E4,
               -2px -2px 0 #2A82E4,
               2px -2px 0 #2A82E4,
               -2px 2px 0 #2A82E4;  line-height: 1.5em;position: relative;z-index: 2;padding-top: 10%;}
.section.page1 .title span{display: block;}
.page1-inner{position: absolute; left: 0; right: 0; bottom: 40px;}
.section.page1 .inner{padding: 20px;}
.section.page1 .inner p{text-indent: 2em;color:#383838;font-size: 22px; line-height:2em;}
.section .thead-img{position: absolute; bottom: 0;left: 0; right: 0;text-align: center;z-index: -1;}
.section .thead-img img{height: 466px;}
.section.page1 .thead-img{bottom: 120px;}
.page-caption{border-radius: 8px;margin: 0 20px; background: linear-gradient(180deg, rgba(242, 247, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);border: 1px solid rgba(255, 255, 255, 1);}

@media (max-width: 768px) {
    .section{ background:url(/daojiao/2024/images/h5/mpagebg.png) no-repeat;background-size: 100% 100%;}
    .section.page1 .cloud-1{width: 80%;margin: auto;margin-top: -50px;}
    .section .container-width750{width: auto; margin: auto;}
    .section.page1 .title{padding-top: 20%;}
    .section.page1 .title{font-size: 25px;}
    .section.page1 .inner p{font-size: 1.2em;}
    .section.page1 .thead-img{    bottom: 38%;}
    .page-caption{margin: 0;}
}

.body-thead{position: absolute;left: 0;right: 0; top: 0;}
.body-thead img{width: 100%;}

.main {margin-top: 7%;position: relative;z-index: 1; background: url(/daojiao/2024/images/h5/2025zdbjbg.png) no-repeat; background-size: 100% 100%; border-bottom-left-radius: 20px;border-bottom-right-radius: 20px;}
.main .caption .thead{font-size: 38px;letter-spacing: -4px;font-weight: bold;color: #fff;padding-left: 15px;background: url(/daojiao/2024/images/h5/2025zdbj_titbg.png) no-repeat;background-size: 100% 100%;display: inline-block;padding: 40px 40px 25px 8px;}
.main .caption .thead.long{background: url(/daojiao/2024/images/h5/2025zdbj_titbg2.png) no-repeat;background-size: 100% 100%;}
.main .caption .thead i{display: block;width: 90px;position: absolute; right: 30px; top: -15px;}
.main .caption{padding-top: 50px;}
.main .caption .inner{padding: 50px;}
.main .caption .inner .padding{position: relative;padding: 50px;border-radius: 0px 28px 28px 0px;background: rgba(255, 255, 255, 1);}
.main .caption .inner .padding::before{content: '';position: absolute; width: 10px;height: 100%;background: url(/daojiao/2024/images/h5/2025zdbjbg2.png) no-repeat; left: 0; right: 0; top: 0; background-size: 100%;box-shadow: 0px 2px 20px  rgba(187, 216, 250, 1);}
.main .caption .inner .padding >p{line-height: 2em;text-indent: 2em;color: #383838; text-align: justify; overflow: hidden; font-size: 20px;}
.main .caption .inner p img{float: right; width: 150px;}
.main .caption .inner .pic{position: absolute;right: 20px; bottom: 20px;width:15%;}
.main .caption .inner .tit{font-size: 30px;color: #196CE0;font-weight: bold;margin-left: -35px;margin-bottom: 30px;}
.main .caption .inner .tit span{display: inline-block;background: url(/daojiao/2024/images/h5/2025inertitbg.png) no-repeat bottom;line-height: 1.5em;background-size: 100%;padding-bottom: 11px;padding-left: 15px;padding-right: 25px;}
.main .caption .inner .box{margin-bottom: 20px;}
.main .caption .inner strong{font-size: 24px;color:#000;display: block;margin-top: 20px;margin-bottom: 20px;}
.main .caption .inner .title{margin-bottom: 10px;font-size: 28px;text-indent: initial;}
.main .caption .inner .box .item{background: #F5FBFF;font-size: 1.125em;position: relative;padding: 20px;border: 1px solid #B5E1FF;min-height: 85px;}
.main .caption .inner .box .item i{position: absolute; font-size: 32px; left: 30px;font-weight: bold;color: #fff;text-align: center; line-height: 90px;font-style: normal; width: 90px; height: 90px; background: linear-gradient(174.87deg, rgba(48, 143, 227, 1) 0%, rgba(155, 212, 255, 1) 100%);border-radius: 50%;}
.main .caption .inner .box .item .content{line-height: 1.5em;padding-left: 130px;font-size: 28px;}
.main .caption .inner .box .item:before {content: '';z-index: 2; position: absolute;left: 7px;width: 0;height: 0;border: transparent solid 14px;border-left-color: #F5FBFF;margin-left:-8px;top: 50%;margin-top: -11px;}
.main .caption .inner .box .item::after {content: '';z-index:1; position: absolute;left: 7px;width: 0;height: 0;border: transparent solid 15px;border-left-color: #B5E1FF;margin-left:-8px;top: 50%;margin-top: -12px;}
.main .caption .inner .box .caption{position: relative; display: table; width: 100%; height: 3.5em; vertical-align: middle;}
.main .caption .inner .box .caption .inline{position: relative; width: 100%; height: 100%; display: table-cell; vertical-align: middle; }
.main .caption .inner .box .caption .inline b{display: block;}

.main .page-tab{padding: 40px;}
.main .page-tab .padding{background: #fff;padding: 20px;/* width: 400px; */}
.main .page-tab .box h2{color: #196CE0;font-size: 30px;font-weight: bold;text-align: center;line-height: 1.5em;display: block;margin-bottom: 20px;}
.main .page-tab .box thead{ background: linear-gradient(90deg, rgba(68, 136, 235, 1) 0%, rgba(130, 184, 247, 1) 100%);text-align: center;}
.main .page-tab .box thead th{height: 50px; line-height: 50px;color: #fff;font-weight: bold;border-right:solid 1px #fff}
.main .page-tab .box thead td{padding: 9px 0;line-height: 1.3;}
.main .page-tab .box table td{line-height: 1.5em;padding: 10px 10px;border-right:solid 1px #64A2FA}
.main .page-tab .box table tr td:last-child{border: 0px;}
.main .page-tab .box p{padding: 5px 0;}
.show-text em{ opacity: 0; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both;-o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 1s;-moz-animation-duration: 1s;-o-animation-duration: 1s;animation-duration: 1s;}
.textpulse { -webkit-animation-name: textpulse;  animation-name: textpulse;}
.section.page8 .main .caption .inner .tit span{background: none;}
.slideNextPage { position: absolute; left: 50%;  margin-left: -23px;  bottom: 20px; z-index: 999;  animation-duration: 1.5s;  -webkit-animation-duration: 1.5s;  -moz-animation-duration: 1.5s;  animation-iteration-count: infinite;  -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; cursor: pointer; animation: NextPage 2s 0s linear infinite !important;}

.music_box {
    width: 74px;
    height: 74px;
    position: absolute;
    right: 20%;
    top: 40px;
    background: url(/daojiao/2024/images/h5/music.png)no-repeat;
    z-index: 999;
    cursor: pointer;
    display: none;
}

@keyframes NextPage {
    0% {
        transform: translateY(0px);
        opacity: 1;
    }

    100% {
        transform: translateY(-30px);
        opacity: 0;
    }


}

@keyframes musicIconRotate {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes musicIconRotate {
    0% {
        -webkit-transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg)
    }
}

.music_on {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-animation: musicIconRotate 3s 0s linear infinite !important;
    animation: musicIconRotate 3s 0s linear infinite !important;
}

@-webkit-keyframes textpulse {
    0% {
        -webkit-transform: scale(1);
        opacity: 0
    }

    10% {
        opacity: 1
    }

    50% {
        -webkit-transform: scale(1.1)
    }

    100% {
        -webkit-transform: none
    }
}

@keyframes textpulse {
    0% {
        transform: scale(1);
        opacity: 0
    }

    10% {
        opacity: 1
    }

    50% {
        transform: scale(1.1)
    }

    100% {
        transform: none
    }
}

@media (max-width: 992px) {
    .section .thead-img img{height: auto;}
}
@media (max-width: 768px) {
    .main{background:url(/daojiao/2024/images/h5/m2025zdbjbg.png) no-repeat;background-size: 100%100%;}
    .section.page1 .cloud img{height: auto;}
    .main .caption .inner{padding: 15px;}
    .main .caption .inner .padding{padding: 20px 25px;}
    .main .caption{padding-top: 30px;}
    .main .caption .thead{font-size: 1.25em;padding: 26px 40px 16px 8px;letter-spacing: 0px;}
    .main .caption .inner .padding >p{font-size: 1em;line-height: 1.5em;}

    .main .caption .inner .tit{font-size: 1.125em;margin-left: -24px;margin-bottom: 10px;}
    .main .caption .inner .tit span{padding-bottom:0}
    .main .caption .inner strong{font-size: 1em;margin: 10px 0;}

    .main .page-tab{padding: 10px;/* overflow: hidden; */}
    .main .page-tab .box h2{font-size: 1.125em;}
    .main .page-tab .box{overflow-y: auto;}
    .main .page-tab .box table{width: 1200px;}

    .main .caption .inner .padding >p{padding-right:0!important}
    .main .caption .inner .pic{position: initial;width: auto;width: 50%;margin: auto;margin-top: 20px;}
}