.y20-webpage{}
.cdjb-main1{
    padding: 50px 0;
}
.cdjb-main1 .y20-main-titlebox{}
.cdjb-main1 .y20-main-titlebox .ymt-title{}
.cdjb-main1 .y20-main-titlebox .wow{}
.cdjb-main1 .y20-main-titlebox .fadeInUp{}
.cdjb-main1 .cm1-box{
    width: 100%;
    overflow: hidden;
    padding: 30px 0;
}
.cdjb-main1 .cm1-box ul{
    text-align: center;
    padding-left: 20px;
}
.cdjb-main1 .cm1-box ul li{display: inline-block;margin-left: -20px;width: 17%;cursor: pointer;}
.cdjb-main1 .cm1-box ul li img{
    width: 100%;
}
.cdjb-main1 .cm1-box ul li:hover{transform: scale(0.95);}


.cdjb-main2{}
.cdjb-main2 .cm2-cards{
    width: 100%;
    padding: 30px 0;
}
.cdjb-main2 .cm2-cards ul{
    text-align: center;
}
.cdjb-main2 .cm2-cards ul .cm2ci-1{
    background: #44BCD6;
}
.cdjb-main2 .cm2-cards ul li{
    width: 32%;
    margin: 5px;
    display: inline-block;
    height: 286px;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: pointer;
}
.cdjb-main2 .cm2-cards ul li:hover .cm2c-hover{opacity:1;}
.cdjb-main2 .cm2-cards ul li:hover{transform:translateY(-20px);box-shadow: 0 0 5px 1px;}
.cdjb-main2 .cm2-cards ul li img{}
.cdjb-main2 .cm2-cards ul li .cm2c-title{
    position: absolute;
    margin: auto;
    color: white;
    font-size: 25px;
    background: inherit;
    display: inline-block;
    width: 186px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 50px;
    line-height: 50px;
    border-radius: 30px;
}
.cdjb-main2 .cm2-cards ul li .cm2c-hover{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: inherit;
    padding: 50px;
    opacity: 1;
}
.cdjb-main2 .cm2-cards ul li .cm2c-hover .cm2ch-title{
    color: white;
    font-size: 25px;
    text-align: left;
    font-weight: bold;
}
.cdjb-main2 .cm2-cards ul li .cm2c-hover .cm2ch-intro{
    color: white;
    text-align: left;
    font-size: 18px;
    margin-top: 30px;
    line-height: 30px;
    font-weight: bold;
}
.cdjb-main2 .cm2-cards ul .cm2ci-2{
    background: #F8B421;
}
.cdjb-main2 .cm2-cards ul .cm2ci-3{
    background: #37C68E;
}
.cdjb-main2 .cm2-cards ul .cm2ci-4{
    background: #F98355;
}
.cdjb-main2 .cm2-cards ul .cm2i-c{
    background: #37C68E;
    color: white;
    font-size: 50px;
    padding-top: 113px;
    letter-spacing: 10px;
    text-indent: 10px;
}
.cdjb-main2 .cm2-cards ul .fadeIn{}
.cdjb-main2 .cm2-cards ul .cm2i-c p{}
.cdjb-main2 .cm2-cards ul .cm2ci-5{
    background: #80C950;
}
.cdjb-main2 .cm2-cards ul .cm2ci-6{
    background: #F15D9B;
}
.cdjb-main2 .cm2-cards ul .cm2ci-7{
    background: #44BCD6;
}
.cdjb-main2 .cm2-cards ul .cm2ci-8{
    background: #F8B421;
}

.cdjb-main3{
    padding: 50px 0;
    background: url('/assets/2020/images/webpage/cdjb_m3_bg.jpg');
    background-repeat: no-repeat;
    background-position: center;
}
.cdjb-main3 .cm3-box{
    width: 100%;
    height: 750px;
    position: relative;
    padding: 30px 0;
}
.cdjb-main3 .cm3-box ul{
    z-index: 555;
}
.cdjb-main3 .cm3-box ul li{
    position: absolute;
    font-size: 18px;
    color: #3C3C3C;
    text-align: center;
    cursor:pointer;
    z-index: 55;
}
.cdjb-main3 .cm3-box ul li:hover{
    transform:scale(1.1)
}
.cdjb-main3 .cm3-box ul .cm3bi-1{
    left: 890px;
    top: 33px;
}
.cdjb-main3 .cm3-box ul .wow{}
.cdjb-main3 .cm3-box ul .fadeInDown{}
.cdjb-main3 .cm3-box ul .cm3bi-1 p{}
.cdjb-main3 .cm3-box ul .cm3bi-2{
    left: 1037px;
    top: 125px;
}
.cdjb-main3 .cm3-box ul .cm3bi-2 p{}
.cdjb-main3 .cm3-box ul .cm3bi-3{
    left: 1097px;
    top: 279px;
}
.cdjb-main3 .cm3-box ul .cm3bi-3 p{}
.cdjb-main3 .cm3-box ul .cm3bi-4{
    left: 1087px;
    top: 477px;
}
.cdjb-main3 .cm3-box ul .cm3bi-4 p{}
.cdjb-main3 .cm3-box ul .cm3bi-5{
    left: 968px;
    top: 628px;
}
.cdjb-main3 .cm3-box ul .cm3bi-5 p{}
.cdjb-main3 .cm3-box ul .cm3bi-6{
    left: 0;
    right: 0;
    top: 752px;
    text-align: center;
}
.cdjb-main3 .cm3-box ul .cm3bi-6 p{}
.cdjb-main3 .cm3-box ul .cm3bi-7{
    left: 246px;
    top: 618px;
}
.cdjb-main3 .cm3-box ul .cm3bi-7 p{}
.cdjb-main3 .cm3-box ul .cm3bi-8{
    left: 226px;
    top: 485px;
}
.cdjb-main3 .cm3-box ul .cm3bi-8 p{}
.cdjb-main3 .cm3-box ul .cm3bi-9{
    left: 206px;
    top: 297px;
}
.cdjb-main3 .cm3-box ul .cm3bi-9 p{}
.cdjb-main3 .cm3-box ul .cm3bi-10{
    left: 226px;
    top: 137px;
}
.cdjb-main3 .cm3-box ul .cm3bi-10 p{}
.cdjb-main3 .cm3-box ul .cm3bi-11{
    left: 356px;
    top: 45px;
}
.cdjb-main3 .cm3-box ul .cm3bi-11 p{}
.cdjb-main3 .cm3-box .cm3b-c1{
    background: url('/assets/2020/images/webpage/cdjb_m3_c1.png');
    background-repeat: no-repeat;
    background-position: center;
    width: 510px;
    height: 510px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 8s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 8s;
    -webkit-animation: rotate 18s linear infinite;
    -moz-animation: rotate 18s linear infinite;
    -o-animation: rotate 18s linear infinite;
    animation: rotate 18s linear infinite;
}
.cdjb-main3 .cm3-box .cm3b-c2{
    background: url(/assets/2020/images/webpage/cdjb_m3_c2.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 800px;
    height: 800px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.cdjb-main3 .cm3-box .cm3b-c3{
    background: url(/assets/2020/images/webpage/cdjb_m3_c3.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 400px;
    height: 400px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 5s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 5s;
    -webkit-animation: pulse 5s linear infinite;
    -moz-animation: pulse 5s linear infinite;
    -o-animation: pulse 5s linear infinite;
    animation: pulse 5s linear infinite;
}



.cdjb-main4{overflow: hidden;padding: 50px 0;}
.cdjb-main4 .cm4-box{}
.cdjb-main4 .cm4-box ul{
    text-align: center;
}
.cdjb-main4 .cm4-box ul li{
    margin: 80px 0;
}
.cdjb-main4 .cm4-box ul .c4bi-1{
    width: 100%;
    color: #44BCD6;
}
.cdjb-main4 .cm4-box ul  .c4bi-img{
    display: inline-block;
    width: 40%;
    height: 360px;
    overflow: hidden;
}
.cdjb-main4 .cm4-box ul  .c4bi-img img{
    width: 100%;
    cursor:pointer;
}
.cdjb-main4 .cm4-box ul  .c4bi-img img:hover{
    transform:scale(1.05);
}
.cdjb-main4 .cm4-box ul  .c4bi-info{
    display: inline-block;
    width: 48%;
    height: 360px;
    margin-left: 5%;
    text-align: left;
    position: relative;
    overflow: hidden;
}
.cdjb-main4 .cm4-box ul  .c4bi-info .c4bio-num{
    position: absolute;
    left: 0;
    top: -15px;
    font-size: 130px;
    font-weight: bold;
    opacity: .1;
    z-index: 5;
}
.cdjb-main4 .cm4-box ul .c4bi-2  .c4bi-info .c4bio-num{
    top: -40px;
}
.cdjb-main4 .cm4-box ul  .c4bi-info .c4bio-title{
    font-size: 20px;
    margin-top: 55px;
    border-bottom: 1px solid;
    padding-bottom: 15px;
    margin-bottom: 15px;
    cursor:pointer;
    position: relative;
    z-index: 56;
}
.cdjb-main4 .cm4-box ul  .c4bi-info .c4bio-title:hover{
    transform:translateY(-10px);
    text-shadow: 0 0px 1px;
}
.cdjb-main4 .cm4-box ul  .c4bi-info .c4bio-intro{
    position: relative;
    z-index: 56;
}
.cdjb-main4 .cm4-box ul  .c4bi-info .c4bio-intro p{
    color: #333333;
    line-height: 32px;
    font-size: 18px;
    cursor: pointer;
    z-index: 55;
}
.cdjb-main4 .cm4-box ul  .c4bi-info .c4bio-intro p:hover{

    text-shadow: 0 0px 1px;

    transform: translateX(10px);
}
.cdjb-main4 .cm4-box ul .c4bi-2{
    width: 100%;
    color: #80C950;
}
.cdjb-main4 .cm4-box ul .c4bi-3{
    width: 100%;
    color: #F98355;
}
.cdjb-main4 .cm4-box ul .c4bi-4{
    width: 100%;
    color: #f15d9b;
}
.cdjb-main4 .cm4-box ul .c4bi-2 .c4bi-info{
    margin-right: 5%;
    margin-left: 0;
}
.cdjb-main4 .cm4-box ul .c4bi-2 .c4bi-info .c4bio-title{
    margin-top: 20px;
}

.w-banner-cdjb{
    background: url('/assets/2020/images/webpage/wap_cdjb_banner.jpg');
}
.w-cdjb-main1{
    padding: 4vw 0;
}
.w-cdjb-main1 .cm1-box{
    margin-bottom: 3vw;
}
.w-cdjb-main1 .cm1-box ul{
    text-align: center;
}
.w-cdjb-main1 .cm1-box ul li{
    width: 25%;
    margin: 2%;
    display: inline-block;
}
.w-cdjb-main1 .cm1-box ul li img{
    width: 100%;
}

.w-cdjb-main2{
    padding-bottom: 6vw;
}
.w-cdjb-main2 .cm2-box{}
.w-cdjb-main2 .cm2-box ul{

    text-align: center;
}
.w-cdjb-main2 .cm2-box ul li{
    width: 45%;
    margin: 1%;
    display: inline-block;
}
.w-cdjb-main2 .cm2-box ul li img{
    width: 100%;
}
.w-cdjb-main2 .cm2-box ul li .c2b-info{
    padding: 4vw 1vw;
}
.w-cdjb-main2 .cm2-box ul li .c2bi-1{
    color: #37C68E;
    background: #37C68E;
}
.w-cdjb-main2 .cm2-box ul li .c2b-info .c2bi-title{
    background: white;
    padding: 2vw 6vw;
    border-radius: 20px;
    display: inline-block;
    letter-spacing: 1px;
    text-indent: 1px;
    font-weight: bold;
    font-size: 1.5rem;
}
.w-cdjb-main2 .cm2-box ul li .c2b-info .c2bi-intro{
    margin-top: 2vw;
    color: white;
    font-size: 1.3rem;
}
.w-cdjb-main2 .cm2-box ul li .c2bi-2{
    color: #80C950;
    background: #80C950;
}
.w-cdjb-main2 .cm2-box ul li .c2bi-3{
    color: #4EBFD8;
    background: #4EBFD8;
}
.w-cdjb-main2 .cm2-box ul li .c2bi-4{
    background: #F1B126;
    color: #F1B126;
}
.w-cdjb-main2 .cm2-box ul li .c2bi-5{
    color: #F6875C;
    background: #F6875C;
}
.w-cdjb-main2 .cm2-box ul li .c2bi-6{
    color: #F15D9B;
    background: #F15D9B;
}
.w-cdjb-main2 .cm2-box ul li .c2bi-7{
    color: #F8B421;
    background: #F8B421;
}
.w-cdjb-main2 .cm2-box ul li .c2bi-8{
    color: #4EBFD8;
    background: #4EBFD8;
}

.w-cdjb-main3{
    padding: 4vw;
    background: url('/assets/2020/images/webpage/wap_cdjb_m3_bg.jpg');
    background-position: center;
    background-size: cover;
}
.w-cdjb-main3 .cm3-box{
    position: relative;
    padding-bottom: 4vw;
}
.w-cdjb-main3 .cm3-box .c3b-b{}
.w-cdjb-main3 .cm3-box .c3b-b img{
    width: 100%;
}
.w-cdjb-main3 .cm3-box .c3b-y{position: absolute;left: 0;right: 0;width: 130px;height: 130px;margin: auto;top: 28px;
    -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 2s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 2s;
    -webkit-animation: rotate 20s linear infinite;
    -moz-animation: rotate 20s linear infinite;
    -o-animation: rotate 20s linear infinite;
    animation: rotate 20s linear infinite;
}
.w-cdjb-main3 .cm3-box .c3b-y img{
    width: 100%;
}
.w-cdjb-main3 .cm3-box .c3b-c{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 110px;
    margin: auto;
    top: 39px;
}
.w-cdjb-main3 .cm3-box .c3b-c img{
    width: 100%;
}

.w-cdjb-main4{
    padding: 4vw;
}
.w-cdjb-main4 .cm4-box{}
.w-cdjb-main4 .cm4-box ul{}
.w-cdjb-main4 .cm4-box ul li{
    position: relative;
    margin: 4vw 0;
}
.w-cdjb-main4 .cm4-box ul li img{
    width: 100%;
}
.w-cdjb-main4 .cm4-box ul li .c4b-info{
    position: relative;
    padding: 4vw 0;
    margin-bottom: 2vw;
}
.w-cdjb-main4 .cm4-box ul li .c4bi-1{
    color: #44BCD6;
}
.w-cdjb-main4 .cm4-box ul li .c4b-info .c4bi-num{
    position: absolute;
    left: 0;
    top: 0;
    font-size: 110px;
    font-weight: bold;
    opacity: .1;
}
.w-cdjb-main4 .cm4-box ul li .c4b-info .c4bi-title{
    font-size: 1.7rem;
    margin-top: 9vw;
    margin-bottom: 4vw;
    padding-bottom: 4vw;
    border-bottom: 1px solid;
}
.w-cdjb-main4 .cm4-box ul li .c4b-info .c4bi-intro{
    color: #333333;
    font-size: 1.4rem;
    line-height: 2rem;
}
.w-cdjb-main4 .cm4-box ul li .c4bi-2{
    color: #80C950;
}
.w-cdjb-main4 .cm4-box ul li .c4b-info .c4bi-title br{}
.w-cdjb-main4 .cm4-box ul li .c4bi-3{
    color: #F98355;
}
.w-cdjb-main4 .cm4-box ul li .c4bi-4{
    color: #f15d9b;
}

.go-guestbook-box{display: none;}
.d204-guest-form{
    padding: 8vw;
    background: url(/mobile/images/dfr_20211120.jpg);
    background-position: center;
    margin-top: -3vw;
}
.d204-guest-form form{}
.d204-guest-form form .dgf-title{
    color: #47C5E0;
    font-size: 4.5vw;
    font-weight: bold;
    text-align: center;
    letter-spacing: 2px;
    text-indent: 2px;
    position:relative;
    margin-bottom: 30px;
}

.d204-guest-form form .dfg-group{
    position:relative;
    margin: 2vw 0;
    padding-left: 34%;
    min-height: 40px;
    line-height: 40px;
}
.d204-guest-form form .dfg-group label{
    color:white;
    font-size:16px;
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    background: #47C5E0;
    width: 30%;
    margin: 0;
    text-align: center;
    line-height: 40px;
    letter-spacing: 1px;
}
.d204-guest-form form input{
    background: white;
    width: 70%;
    border-radius: 0;
    border: 0;
    font-size: 3.8vw;
}
.d204-guest-form form input[type=text]{height:40px;width: 108%;margin-left: -8%;text-indent: 20px;}
.d204-guest-form form input[type=radio]{display:inline-block;width: 13px;height: 13px;margin-right: 15px;border-radius: 50%;background: #fff;box-shadow: 0 0 3px 1px #ccc;margin: 0 5px;margin-right: 20px;}
.d204-guest-form form input[type=radio]:checked{
    outline: 0;
    background: #47C5E0;
    border-radius:50%;
}
.d204-guest-form form input[type=radio]::first{
    margin-left:50px;
}
.d204-guest-form form textarea{
    background: white;
    width: 100%;
    border-radius: 3px;
    padding: 8px 15px;
    margin: 2vw 0;
    border: 1px solid #B3DAFF;
    font-size: 3.8vw;
}
.d204-guest-form form .dgf-submit-btn{
    background: #47C5E0;
    color: white;
    width: 100%;
    text-align: center;
    font-size: 4.5vw;
    padding: 10px 0;
    border-radius: 3px;
    margin-top: 6vw;
    letter-spacing: 5px;
    font-weight: bold;
}