﻿.video-center>.l-wrap{max-width:100%;padding:0}
html{scroll-behavior:smooth}
.bannercontent{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}
.bannercontent .p1{font-weight:var(--fontbold6);font-size:var(--fontsize42);color:#fff;line-height:1}
@media (max-width:1366px){.bannercontent .p1{font-size:var(--fontsize36)}}
@media (max-width:1024px){.bannercontent .p1{font-size:var(--fontsize28)}}
@media (max-width:768px){.bannercontent .p1{font-size:var(--fontsize24)}}
.pagetitle{font-weight:var(--fontbold6);font-size:var(--fontsize30);color:#000003;text-align:center}
.video-center .page-main{padding:0}
.padding{padding:5% 0}
.videotable{margin-top:5%}
.moduel-table{display:flex;justify-content:space-between}
.moduel-table li{font-weight:var(--fontbold6);font-size:var(--fontsize18);color:#111;background:#fff;border-radius:4px;border:1px solid #ebebeb;padding:20px 35px;line-height:1;text-align:center;cursor:pointer;transition:all .3s ease-in-out;overflow:hidden}
.moduel-table li:hover{background:var(--color);color:#fff}
.moduel-table li a{display:block;width:100%;height:100%;color:inherit;text-decoration:none}
.module1-contant{gap:32px;margin-top:50px;display:grid;grid-template-columns:repeat(4,1fr)}
.module2-contant{gap:32px;margin-top:50px;display:grid;grid-template-columns:repeat(2,1fr)}
.module3-contant{gap:32px;margin-top:50px;display:grid;grid-template-columns:repeat(3,1fr)}
.module-box{transition:all .3s ease-in-out}
.module-box:hover{transform:translateY(-5px)}
.module-box .video{background:#fff;border-radius:6px;overflow:hidden}
.module-box .video iframe{width:100%!important;height:100%!important}
.module-box .video{aspect-ratio:4/3}
.module-box .text{padding:26px 10px 0}
.module-box .text p{font-weight:var(--fontbold6);color:#000;line-height:30px;text-align:center}
@media (max-width:1366px){.pagetitle{font-size:var(--fontsize26)}
.module1-contant{grid-template-columns:repeat(3,1fr)}
.module1-contant,.module2-contant,.module3-contant{margin-top:35px}}
@media (max-width:1024px){.pagetitle{font-size:var(--fontsize24)}
.module-box .text p{font-weight:var(--fontbold5)}
.module-box .text{padding:20px 10px 0}
.module1-contant,.module2-contant,.module3-contant{margin-top:25px}}
@media (max-width:768px){.pagetitle{font-size:var(--fontsize22)}
.module1-contant,.module3-contant{grid-template-columns:repeat(2,1fr);gap:20px}}
@media (max-width:550px){.pagetitle{font-size:var(--fontsize18)}
.module-box .text p{font-size:14px;line-height:1.25}}
