.md28444.c-main{width: 100%;background-color: #f5f7fa;}
.md28444.c-main img{display: inline-block;vertical-align:middle;max-width: 100%;}
.md28444.c-main .layout{width: 16rem;max-width: 92%;margin: 0 auto;}
.md28444.c-main .c-cont{width: 100%;padding: .16rem;background-color: #ffffff;border-radius: .4rem;}
.md28444.c-main .c-swiper{width: 100%;}
.md28444.c-main .c-item{transition: all  .3s;display: block;cursor: pointer;margin-right: .1rem;width: auto;padding:0 .25rem ;color: #222222;line-height: .48rem;border-radius: .24rem;}
.md28444.c-main .c-item:hover{background-color: var(--theme);color: #fff;}
.md28444.c-main .c-item.active{background-color: var(--theme);color: #fff;}
@media (max-width: 750px) {
    .md28444.c-main .c-cont{border-radius: .46rem;}
   .md28444.c-main .c-item{line-height: .6rem;border-radius: .3rem;}
}

.md28445.d-main{position: relative;width: 100%;padding: .7rem 0 .3rem; background-color: #f5f7fa;}
.md28445.d-main img{display: inline-block;vertical-align:middle;max-width: 100%;}
.md28445.d-main .layout{width: 16rem;max-width: 92%;margin: 0 auto;}
.md28445.d-main .my-id{position: absolute;top: -.9rem;}
.md28445.d-main .d-cont{width: 100%;padding-bottom: .5rem;}
.md28445.d-main .d-titles{width: 100%;margin-bottom: .3rem;color: #222222;font-weight: bold;line-height: 1.27;}
.md28445.d-main .d-top{width: 100%;padding-bottom: .35rem;}
.md28445.d-main .d-subtitle{width: 100%;color: #222222;line-height: 1.4;font-weight: bold;}
.md28445.d-main .d-synopsis{width: 100%;max-width: 66em;padding-top: .15rem;color: #444444;line-height: 1.5;}
.md28445.d-main .d-textbox{width: 100%;color: #999999;line-height: 2;}
.md28445.d-main .d-textbox *{line-height: inherit;max-width: 100%;}
.md28445.d-main .d-bottom{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.md28445.d-main .d-item{display: block;width: calc(50% - .15rem);margin-bottom: .1rem;}
.md28445.d-main .d-item .d-img{width: 100%;overflow: hidden;border-radius: .24rem;}
.md28445.d-main .d-item .d-img img{width: 100%;transform: scale(1.00);transition: all ease .5s;}
.md28445.d-main .d-item .d-text{width: 100%;text-align: center;padding-top: .15rem;color: #444444;line-height: 1.5;}
.md28445.d-main .d-item:hover .d-img img{transform: scale(1.05);}

.md28445.d-main .d-list{width: 100%;padding-bottom: .1rem;}
.md28445.d-main .d-one{width: 100%;position: relative;margin-bottom: .2rem;}
.md28445.d-main .d-one .d-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(700/1600*100%);border-radius: .24rem;}
.md28445.d-main .d-one .d-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.md28445.d-main .d-one .d-text{position: absolute;top: 0;left: 0;width: 100%;padding: .55rem .3rem;text-align: center;}
.md28445.d-main .d-one .d-name{width: 100%;color: #ffffff;line-height: 1.4;}
.md28445.d-main .d-one:hover .d-img img{transform: scale(1.05);}
@media (max-width: 750px) {
    .md28445.d-main .d-one .d-text{padding: .15rem .3rem;}
}

.md28445.d-main .da-main{width: 100%;padding-bottom: .2rem;}
.md28445.d-main .da-cont{width: 100%;padding-bottom: .1rem;display: flex;flex-wrap: wrap;}
.md28445.d-main .da-item{display: flex;align-items: center;justify-content: space-between;width: 32.12%;padding: .3rem; margin-bottom: .3rem;margin-right: 1.82%;background-color: #ffffff;border-radius: .24rem;}
.md28445.d-main .da-item:nth-child(3n){margin-right: 0;}
.md28445.d-main .da-icon{transition: all  .3s; position: relative;display: flex;align-items: center;justify-content: center;width: 1rem;height: 1rem;background-color: #f5f7fa;border-radius: 50%;}
.md28445.d-main .da-icon:after{transition: all  .3s;opacity: 0;content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: calc(100% - .14rem);height:  calc(100% - .14rem);background-color: var(--theme);border-radius: 50%;}
.md28445.d-main .da-icon1{opacity: 1;z-index: 1;transition: all  .3s;position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: contain;}
.md28445.d-main .da-icon2{opacity: 0;z-index: -1;transition: all  .3s;position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: contain;}
.md28445.d-main .da-text{width: calc(100% - 1.3rem);color: #444444;line-height: 1.8;}
.md28445.d-main .da-item:hover .da-icon{background-color: #e1e9fc;}
.md28445.d-main .da-item:hover .da-icon:after{opacity: 1;}
.md28445.d-main .da-item:hover .da-icon1{opacity: 0;z-index: -1;}
.md28445.d-main .da-item:hover .da-icon2{opacity: 1;z-index: 1;}
.md28445.d-main .da-table{width: 100%;margin-bottom: .7rem;overflow: auto;background-color: #ffffff;border-radius: .24rem;}
.md28445.d-main .da-table table{width: 100%;border: none;}
.md28445.d-main .da-table tr{width: 100%;border: none;}
.md28445.d-main .da-table td{border: 1px solid #e9edf3;text-align: center;padding: .12rem;color: #444444;line-height: 1.6;}
.md28445.d-main .da-table tr:nth-child(1){background-color: #e9edf3;}
.md28445.d-main .da-table tr:nth-child(1) td{padding: .17rem .12rem;} 
.md28445.d-main .da-videobox{width: 100%;margin-bottom: .5rem;}
.md28445.d-main .da-intro{width: 100%;margin-bottom: .3rem;color: #444444;line-height: 1.5;}
.md28445.d-main .da-video{display: block;cursor: pointer;position: relative;width: 100%;}
.md28445.d-main .da-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(600/1600*100%);border-radius: .24rem;}
.md28445.d-main .da-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.md28445.d-main .da-play{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.md28445.d-main .da-play img{width: 1rem;}
.md28445.d-main .da-video:hover .da-img img{transform: scale(1.05);} 
@media (max-width: 750px) {
   .md28445.d-main .da-item{width: 100%;margin-right: 0;}
}

.md28445.d-main .db-main{width: 100%;padding-bottom: .4rem;}
.md28445.d-main .db-cont{position: relative;left: -.04rem;width: calc(100% + .08rem);display: flex;flex-wrap: wrap;}
.md28445.d-main .db-item{display: block;width: 20%;padding: 0 .04rem;margin-bottom: .2rem;}
.md28445.d-main .db-box{display: block;width: 100%;height: 100%;padding: .5rem .3rem .45rem;text-align: center;background-color: #ffffff;border-radius: .24rem;}
.md28445.d-main .db-icon{position: relative;top: 0;transition: all .3s;display: inline-block;width: .6rem;height: .6rem;line-height: .6rem;}
.md28445.d-main .db-icon img{max-width: 100%;max-height: 100%;}
.md28445.d-main .db-text{width: 100%;padding-top: .15rem;}
.md28445.d-main .db-name{width: 100%;color: #222222;line-height: 1.4;}
.md28445.d-main .db-intro{width: 100%;padding-top: .1rem;color: #666666;line-height: 1.6;}
.md28445.d-main .db-box:hover .db-icon{top: -.1rem;}
@media (max-width: 750px) {
   .md28445.d-main .db-item{width: 50%;}
}

.md28445.d-main .dc-main{width: 100%;padding-bottom: .5rem;}
.md28445.d-main .dc-table{width: 100%;margin-bottom: .3rem;overflow: auto;background-color: #ffffff;border-radius: .24rem;}
.md28445.d-main .dc-table table{width: 100%;border: none;}
.md28445.d-main .dc-table tr{width: 100%;border: none;}
.md28445.d-main .dc-table td{border: 1px solid #e9edf3;text-align: center;padding: .12rem .15rem;color: #444444;line-height: 1.6;}
.md28445.d-main .dc-table td:nth-child(1){width: 3.2rem;text-align: left;}

.md28445.d-main .dd-main{width: 100%;padding-bottom: .3rem;}
.md28445.d-main .dd-img{width: 100%;border-radius: .24rem;overflow: hidden;margin-bottom: .2rem;}
.md28445.d-main .dd-img img{width: 100%;}

.md28445.d-main .de-main{width: 100%;}
.md28445.d-main .de-cont{width: 100%;margin-bottom: .75rem;}
.md28445.d-main .de-cont:last-child{margin-bottom: .3rem;}
.md28445.d-main .de-navbox{width: 100%;display: flex;flex-wrap: wrap;}
.md28445.d-main .de-nav{transition: all .3s;display: block;cursor: pointer;margin-right: .3rem;margin-bottom: .25rem;padding: 0 .25rem;text-align: center;color: #444444;line-height: .48rem;border-radius: .24rem;background-color: #ffffff;}
.md28445.d-main .de-nav:last-child{margin-right: 0;}
.md28445.d-main .de-nav:hover{color: #ffffff;background-color: var(--theme);}
.md28445.d-main .de-nav.active{color: #ffffff;background-color: var(--theme);}
.md28445.d-main .de-bottom{width: 100%;position: relative;}
.md28445.d-main .de-one{opacity: 0;z-index: -1;visibility: hidden;position: absolute;top: 0;left: 0;width: 100%;}
.md28445.d-main .de-one.show{opacity: 1;z-index: 1;visibility: visible;position: relative;}
.md28445.d-main .de-intro{width: 100%;padding-bottom: .2rem;color: #666666;line-height: 1.5;}
.md28445.d-main .de-img{width: 100%;margin-top: .15rem;border-radius: .24rem;overflow: hidden;margin-bottom: .2rem;}
.md28445.d-main .de-img img{width: 100%;}
 
.md28445.d-main .dg-main{width: 100%;}
.md28445.d-main .dg-cont{width: 100%;}
.md28445.d-main .dg-one{width: 100%;margin-bottom: .75rem;}
.md28445.d-main .dg-name{width: 100%;text-align: center;padding-bottom: .35rem;color: #222222;line-height: 1.5;font-weight: bold;}
.md28445.d-main .dg-bottom{width: 100%;position: relative;}
.md28445.d-main .dg-img{position: relative;overflow: hidden;padding-top: calc(600/1600*100%);}
.md28445.d-main .dg-img img{user-select: none;pointer-events: none;position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.md28445.d-main .dg-img1{clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);z-index: 4;transition: none;}
.md28445.d-main .dg-line{position: absolute;top: 0;left: 50%;z-index: 28;width: 1px;height: 100%;display: block;cursor: pointer;}
.md28445.d-main .dg-line:after{content: '';position: absolute;top: 0;left: 50%;transform: translate(-50%,0);width: .05rem;height: 100%;background-color: var(--theme);}
.md28445.d-main .dg-buttom{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: .7rem;z-index: 1;}
.md28445.d-main .dg-buttom:after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 50%;background-color: var(--theme);}
.md28445.d-main .dg-buttom img{width: 100%;position: relative;z-index: 1;}
.md28445.d-main .dg-buttom:after{animation: md28445my_scale 1s   infinite;}
@keyframes md28445my_scale {
  0%{
      opacity: 1; 
      transform: scale(1);
      } 
  100%{
     opacity: .3; 
     transform: scale(1.3);
  } 
}
@media (max-width: 750px) {
    .md28445.d-main .dg-buttom{width: .5rem;}
}

.md28446.e-main{position: relative;width: 100%;min-height: 7rem;display: flex;align-items: center;padding: 1rem 0;background-color: #f5f7fa;}
.md28446.e-main img{display: inline-block;vertical-align:middle;max-width: 100%;}
.md28446.e-main .layout{width: 16rem;max-width: 92%;margin: 0 auto;}
.md28446.e-main .e-bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;}
.md28446.e-main .e-bg img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.md28446.e-main .e-cont{width: 100%;position: relative;z-index: 1;}
.md28446.e-main .e-titles{width: 100%;margin-bottom: .15rem;color: #ffffff;font-weight: bold;line-height: 1.27;}
.md28446.e-main .e-intro{width: 100%;color: #ffffff;line-height: 1.5;}

.md28447.g-main{position: relative;width: 100%;padding: 1rem 0 .4rem; background-color: #f5f7fa;}
.md28447.g-main img{display: inline-block;vertical-align:middle;max-width: 100%;}
.md28447.g-main .layout{width: 16rem;max-width: 92%;margin: 0 auto;}
.md28447.g-main .my-id{position: absolute;top: -.9rem;} 
.md28447.g-main .g-titles{width: 100%;margin-bottom: .3rem;color: #222222;font-weight: bold;line-height: 1.27;}
.md28447.g-main .g-top{width: 100%;padding-bottom: .35rem;}
.md28447.g-main .g-subtitle{width: 100%;color: #222222;line-height: 1.4;font-weight: bold;}
.md28447.g-main .g-synopsis{width: 100%;padding-top: .15rem;color: #444444;line-height: 1.5;}
.md28447.g-main .g-cont{position: relative;left: -.15rem;width: calc(100% + .3rem);display: flex;flex-wrap: wrap;}
.md28447.g-main .g-item{width: 33.33%;padding: 0 .15rem;margin-bottom: .3rem;}
.md28447.g-main .g-link{display: block;cursor: pointer;width: 100%;height: 100%;position: relative;border-radius: .24rem;overflow: hidden;}
.md28447.g-main .g-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(289/514*100%);}
.md28447.g-main .g-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.md28447.g-main .g-img:after{opacity: 0;transition: all .3s;content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #000;}
.md28447.g-main .g-text{position:absolute;left:0%;bottom:.25rem;transform:translateX(0);width:100%;z-index:2;transition:0.5s;text-align: center;padding: 0 .15rem;}
.md28447.g-main .g-navbox{width: 100%;}
.md28447.g-main .g-name{width: 100%;margin-bottom: .1rem;color: #ffffff;line-height: 1.5;font-weight: bold;}
.md28447.g-main .g-itnro{width: 100%;color: rgba(255,255,255,.6);line-height: 1.6;}
.md28447.g-main .g-btns{position:absolute;right:0;bottom:0;width:2em;height:2em;background-image:url(/static/home/images/app-0.png);background-repeat:no-repeat;background-size:contain;display:flex;justify-content:flex-end;align-items:flex-end;opacity:0;transition:0.5s;}
.md28447.g-main .g-btn{width:1em;height:1em;background-color:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;}
.md28447.g-main .g-btn svg{width:calc( 14 / 48 * 100%);height:calc( 14 / 48 * 100%);}
.md28447.g-main .g-link:hover .g-text{bottom:50%;transform:translateY(50%);}
.md28447.g-main .g-link:hover .g-name{font-size: 1.3em;line-height: 1.4;}
.md28447.g-main .g-link:hover .g-btns{opacity:1;} 
.md28447.g-main .g-link:hover .g-img:after{opacity: .3;}
@media (max-width: 750px) {
   .md28447.g-main .g-item{width: 50%;}
}
@media (max-width: 500px) {
   .md28447.g-main .g-item{width: 100%;}
}

.md28448.i-main{position: relative;width: 100%;padding: .45rem 0 .5rem; background-color: #f5f7fa;}
.md28448.i-main img{display: inline-block;vertical-align:middle;max-width: 100%;}
.md28448.i-main .layout{width: 16rem;max-width: 92%;margin: 0 auto;}
.md28448.i-main .my-id{position: absolute;top: -.9rem;} 
.md28448.i-main .i-top{width: 100%;padding-bottom: .2rem;display: flex;align-items: center;flex-wrap: wrap;justify-content: space-between;} 
.md28448.i-main .i-titles{margin-bottom: .15rem;color: #222222;font-weight: bold;line-height: 1.27;}
.md28448.i-main .i-navbox{display: flex;align-items: center;flex-wrap: wrap;}
.md28448.i-main .i-nav{transition: all .3s;display: block;cursor: pointer;padding: 0 .3rem;margin-right: .1rem;margin-bottom: .15rem;line-height: .48rem;background-color: #ffffff;border-radius: .24rem;}
.md28448.i-main .i-nav:hover{background-color: var(--theme);color: #fff;}
.md28448.i-main .i-nav.active{background-color: var(--theme);color: #fff;}
.md28448.i-main .i-bottom{width: 100%;}
.md28448.i-main .i-one{display: none;width: 100%;}
.md28448.i-main .i-one.show{display: block;}
.md28448.i-main .i-table{width: 100%;overflow: auto;background-color: #ffffff;border-radius: .24rem;}
.md28448.i-main .i-table table{width: 100%;border: none;}
.md28448.i-main .i-table tr{width: 100%;border: none;}
.md28448.i-main .i-table td{border: 1px solid #e9edf3;text-align: center;padding: .12rem .25rem;color: #444444;line-height: 1.6;}
.md28448.i-main .i-textbox{width: 100%;margin-top: .3rem;color: #999999;line-height: 2;}
.md28448.i-main .i-textbox *{line-height: inherit;max-width: 100%;}
.md28448.i-main .i-textbox p{margin-bottom: .1rem;}

.md28448.i-main .i-table.left td{text-align: left;}