.md{width: 1400px;}
.inerp a{ display:flex; width: 100%; height: 420px; justify-content:center; align-items:flex-start; flex-direction:column; }
.inerp h1{ font-size:64px; letter-spacing:2px; margin-top:0; text-align:left; }
.inerp p{ font-size:30px; padding-top: 10px; text-align:left; }
.inerp span{ padding:13px 30px; }
.videobox{ width:100%; display:flex; flex-direction:column; background-color:#FFF; }
.v-one{ width:100%; display:flex; flex-direction:column; padding:25px 0px 15px; }
.v-main{width:100%; display:flex; flex-direction:column; }
.v-header{ display:flex; justify-content:center; align-items:center; padding:30px 0px; }
.v-header h1{ font-size:36px; color:#000000; line-height:1.5; font-weight:600; letter-spacing:1px; }
.v-one-info{ width:100%; display:flex; justify-content:center; align-items:center; flex-direction:row; padding:15px 0px; gap:30px; }
.v-onebox{ width:270px; height:170px; border-radius:30px; overflow:hidden; position:relative; display:flex; justify-content:center; align-items:center; flex-direction:column; padding:15px; }
.v-onebox i{ width:100%; height:100%; background-size:cover; position:absolute; left:0; top:0;  }
.v-onebox i::before{ content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#000; opacity:0.65; }
.v-onebox div{ position:relative; z-index:1; color:#FFF; line-height:2; display:flex; justify-content:center; align-items:center; flex-direction:column; }
.v-onebox div h1{ font-size:20px;  text-align:center; }
.v-onebox div p{ font-size:16px;  text-align:center; }
.v-two-info{ width:100%; display:flex; justify-content:center; align-items:center; flex-direction:row; gap:40px; margin-top:25px; }
.video-container{ width:100%; border-radius:60px; border:10px solid #bdbdbd; display:flex; justify-content:center; align-items:center; position:relative; overflow:hidden; }
.video-container video{width:100%;height:auto;object-fit:contain;}
.play{ left:calc(50% - 55px); top:calc(50% - 55px); width:110px; height:110px; position:absolute; }
.play img{ width:100%; cursor:pointer; }
.v-th{ width:100%; display:flex; justify-content:center; align-items:center; padding:80px 0px 0px; }
.v-thmid{  width:100%; min-height:650px; display:flex; justify-content:center; align-items:center;  flex-direction: column; background-color: #3e7dff; background-size: cover; background-position: center; background-repeat: no-repeat;}
.v-th-main{ width:100%; display:flex; justify-content:center; align-items:center; flex-direction:column; padding:20px 0px; }
.v-th-title{ width:100%; display:flex; justify-content:center; align-items:center; flex-direction:column; }
.v-th-title p{ font-size:21px; color:#FFF; line-height:1.5; padding:10px 0px; text-align:center; }
.v-th-title h1{ font-size:39px; font-weight: 600; letter-spacing: 2px;  color:#FFF; line-height:1.5;text-align:center; }
.tag-container { width:100%; padding:80px 0px; display:flex; justify-content:center; align-items: center; flex-direction:row; gap:15px; }
.tag {
background-color: white;
border-radius: 12px;
width: 326px;
height: 210px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
position: relative;
box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}
.tag-number {
font-size:60px;
font-weight: bold;
color: #3e7dff;
line-height: 1;
margin-bottom: 8px;
}
.tag-text {
font-size:27px;
color: #000;
font-weight:600;
}
.tag::after {
content: '';
position: absolute;
bottom: -32px;
left: 50%;
transform: translateX(-50%);
border-width: 32px 22px 0;
border-style: solid;
border-color: white transparent transparent;
}
.v-four{ width:100%; display:flex; justify-content:center; align-items:center; flex-direction: column; background-color:#f7f8fa; }
.v-four-main{ width:100%; display:flex; justify-content:center; align-items: center; flex-direction: column; padding: 80px 0px; }
.v-fmain{ width:100%; min-height:470px; background-image:url(../img/images/video/obg.jpg); background-size:auto; background-repeat:no-repeat; background-position:center; position:relative; }
.v-ft{ width:100%; display:flex; justify-content:center; align-items:center; flex-direction:column; margin-bottom:50px; }
.v-ft h1{font-size:39px; font-weight: 600; letter-spacing: 2px;  color:#3e7dff; line-height:1.5;text-align:center; }
.v-ft p{ font-size:21px; color:#404040; line-height:1.5; padding:10px 0px; text-align:center; }
.oa-a {  display: inline-block;text-align: center; padding: 10px; position:absolute; left:0; top:0;}
.oa-img {
    position: relative;
    width: 150px;
    height: 150px;
    display: flex;
    justify-content:center;
    align-items: center;
    background-color: #eeeeee;
    border-radius: 360px;
}
.oa-img i {
    position: absolute;
    top: calc(50% - 47px);
    left: calc(50% - 42px);
    transition: opacity 0.3s ease;
}
.oa-img i:nth-child(2) {opacity: 0;}
.oa-a:hover .oa-img{background-color: #3e7dff;}
.oa-a:hover .oa-img i:nth-child(1) {opacity: 0;}
.oa-a:hover .oa-img i:nth-child(2) {opacity: 1;}
.oa-p { margin-top: 10px; font-size: 17px; color:#000;}
.oa-a:hover .oa-p{ color: #3e7dff; }
.oa-a{ position:absolute; left:0; top:0; cursor:pointer; }
.oa-a:nth-child(1) {left:5%; top:0;}
.oa-a:nth-child(2) {left:27%; top:0;}
.oa-a:nth-child(3) {left:49%; top:0;}
.oa-a:nth-child(4) {left:71%; top:0;}
.oa-a:nth-child(5) {left:87%; top:32%;}
.oa-a:nth-child(6) {left:71%; top:63%;}
.oa-a:nth-child(7) {left:49%; top:63%;}
.oa-a:nth-child(8) {left:27%; top:63%;}
.oa-a:nth-child(9) {left:5%; top:63%;}
.form-container { width: 100%; padding:60px 15px; background-color: #ffffff; display:flex; justify-content: center; align-items: center;}
.form-main{ width:800px; height:auto; display:flex; flex-direction:column; }
.form-title { text-align: center;  margin-bottom: 20px;}
.form-title h2 {font-size:39px; font-weight: 600; letter-spacing: 2px;  color:#3e7dff; line-height:1.5;text-align:center; }
.form-title p {font-size:20px; color:#404040; line-height:1.5; padding:5px 0px; text-align:center; }
.layui-form-item { margin-bottom: 20px; text-align: center;}
.layui-input, .layui-textarea {
  height: 48px;
  border-radius: 4px;
  border-color: #adadad;
  font-size: 15px;
}
.layui-textarea {
  height: 120px;
  resize: none;
}
.submit-btn {
  width: 220px;
  height: 50px;
  font-size: 16px;
  background-color: #3e7dff;
  border-radius:30px;
  margin-top:10px;
}
.submit-btn:hover {
  background-color: #000;
}
.footup{ display:none; }
/* 响应式调整 */
@media (max-width: 1430px) {
  .md{ width:100%; }
}
@media (max-width: 1080px) {
.inerp { height: 320px;  }
.inerp a{ height: 320px;  }
.inerp h1{ font-size:50px; }
.inerp p{ padding-top:0; margin-top:20px; }
.inerp span{ padding:10px 20px; font-size:25px; }
}
@media (min-width: 768px) and (max-width: 991px) {
.inerp h1{ font-size:40px;  }
.inerp span{ font-size:20px; }

.v-one{ padding:15px 0px 5px; }
.v-header h1{ font-size:28px; }
.v-one-info{ padding:10px 0px; gap:10px; }
.v-onebox div h1{ font-size:18px; padding-bottom:5px; }
.v-onebox div p{ font-size:15px; line-height:1.2; }

.v-two-info{ gap:20px; margin-top:20px; }
.video-container{ border-radius:30px; }
.play{ left:calc(50% - 40px); top:calc(50% - 40px); width:80px; height:80px; }

.v-th{ padding:70px 0px 0px; }
.v-thmid{ min-height:550px; }
.v-th-main{ padding:15px 0px; }
.v-th-title p{ font-size:18px;  }
.v-th-title h1{ font-size:28px; }
.tag-container { padding:60px 0px; }
.tag {height: 180px;}
.tag-number {font-size:45px;}
.tag-text {font-size:20px;}
.tag::after { bottom: -22px;border-width: 22px 12px 0; }

.v-four-main{ padding:50px 0px 100px; }
.v-fmain{ min-height:400px; background-position:right center; }
.v-ft{ margin-bottom:20px; }
.v-ft h1{font-size:28px;}
.v-ft p{ font-size:18px; line-height:1.2; }
.oa-img {
    width: 120px;
    height: 120px;
}
.oa-img i img{ width: 66px;}
.oa-img i {
    top: calc(50% - 33px);
    left: calc(50% - 33px);
}
.oa-a:nth-child(1) {top:-5%;}
.oa-a:nth-child(2) {top:-5%;}
.oa-a:nth-child(3) {top:-5%;}
.oa-a:nth-child(4) {top:-5%;}
.oa-a:nth-child(5) {top:28%;}
.oa-a:nth-child(6) {top:68%;}
.oa-a:nth-child(7) {top:68%;}
.oa-a:nth-child(8) {top:68%;}
.oa-a:nth-child(9) {top:68%;}
.form-container { padding:50px 15px;}
.form-main{ width:700px; }
.form-title h2 {font-size:28px;  }
.form-title p {font-size:18px;}

}
@media (max-width: 767px) {
.inerp{ height:180px; padding-right:10%; }
.inerp a{ height:180px; padding-left:3%; }
.inerp h1{ font-size:18px; letter-spacing:0px; }
.inerp p{ padding:7px 0px; margin:0; }
.inerp span{ padding:8px 15px; margin-top:15px; font-size:13px;}

.v-one{ padding:15px 0px; }
.v-header{ padding:20px 0px; }
.v-header h1{ font-size:20px; letter-spacing:0px; }
.v-one-info{ flex-wrap: wrap; padding:10px 0px; gap:10px; }
.v-onebox{ width:calc(50% - 10px); padding:10px; }
.v-onebox div{ position:relative; z-index:1; color:#FFF; line-height:2; display:flex; justify-content:center; align-items:center; flex-direction:column; }
.v-onebox div h1{ font-size:16px; padding-bottom:10px; }
.v-onebox div p{ font-size:16px; line-height:1.2; }
.v-two-info{ flex-direction:column; gap:20px; margin-top:10px; }
.video-container{ border-radius:20px; border:6px solid #bdbdbd;  }
.play{ left:calc(50% - 30px); top:calc(50% - 30px); width:60px; height:60px; }
.v-th{ padding:50px 0px 0px; }
.v-thmid{ min-height:auto;}
.v-th-main{ padding:40px 0px; }
.v-th-title p{ font-size:17px; }
.v-th-title h1{ font-size:20px; letter-spacing:0; }
.tag-container { padding:50px 0px 30px; flex-wrap: wrap; gap:45px 15px; }
.tag {width:calc(50% - 15px);height:150px;}
.tag-number {font-size:35px;}
.tag-text { font-size:16px; }
.tag::after { bottom:-22px; border-width:22px 15px 0;}

.v-four-main{ padding:50px 0px; }
.v-fmain{ min-height:auto; background-image: none; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; gap: 12px;}
.v-ft{ margin-bottom:30px; }
.v-ft h1{font-size:20px; letter-spacing:0; }
.v-ft p{ font-size:16px; padding:5px 0px; }
.oa-img {
    position: relative;
    width:80px;
    height:80px;
}
.oa-img i {
    position: absolute;
    top: calc(50% - 20px);
    left: calc(50% - 20px);
    transition: opacity 0.3s ease;
}
.oa-img i img{ width:40px; }
.oa-p { font-size: 14px; }
.oa-a{ position:relative; }
.oa-a:nth-child(1) {left:0; top:0;}
.oa-a:nth-child(2) {left:0; top:0;}
.oa-a:nth-child(3) {left:0; top:0;}
.oa-a:nth-child(4) {left:0; top:0;}
.oa-a:nth-child(5) {left:0; top:0;}
.oa-a:nth-child(6) {left:0; top:0;}
.oa-a:nth-child(7) {left:0; top:0;}
.oa-a:nth-child(8) {left:0; top:0;}
.oa-a:nth-child(9) {left:0; top:0;}
.form-container { padding:50px 15px;}
.form-main{ width:100%; }
.form-title h2 {font-size:20px; letter-spacing:0;  }
.form-title p {font-size:16px; }
.submit-btn { width:180px; height:45px; font-size: 15px;}

}