.videopic {
    position: relative;
    border-radius: 20px;
    height: 400px;
    background: url(/wp-content/themes/bjzb/images/pro_10.jpg) center no-repeat;
    background-size: 100% 100%;
  }
  .videopic dl {
    color: #fff;
    position: absolute;
    left: 70px;
    top: 70px;
    font-family: "pht-Light";
  }
  .videopic dt {
    font-size: 24px;
    font-family: "pht-SemiBold";
    line-height: 36px;
    margin-bottom: 60px;
  }
  .videopic dt span{  font-family: "pht-Light";}
  .videopic dd {
    cursor: pointer;
    width: 60px;
    transition: all 0.5s;
    background: url(/wp-content/themes/bjzb/images/pro_02.png) center no-repeat;
    background-size: cover;
    height: 60px;
    animation: video 1s infinite;
    -webkit-animation: video 1s infinite; /* Safari and Chrome */
  }
.flex {
    display: flex;
    align-items: center;
  }
  .flex_item {
    flex: 1;
  }
  .products .jiazhi {
    padding-bottom: 100px;
  padding-top: 50px;
  }
  .products .jiazhi h2{ font-size:42px;font-weight: bold;}
  .products .jiazhi h2 span{ font-size:32px;font-weight: 500;line-height: 80px;}
  .products .jiazhi .videopic dt span{ font-family:"pht-Light"}
  
  .products .jiazhi .title_common {
    text-align: left;
    padding-bottom: 30px;
  }
  .products .jiazhi .bd .pic {
    border-radius: 20px;
  }
  .products .jiazhi .bd .pic dl {
    color: #fff;
    position: absolute;
    left: 60px;
    top: 60px;
    font-size: 48px;
    font-family: "pht-Light";
  }
  .products .jiazhi .bd .pic dl dt {
    font-family: "pht-SemiBold";
  }
  .products .jiazhi .bd .pic i {
    display: block;
    width: 60px;
    height: 60px;
    cursor: pointer;
    margin-top: 50px;
    animation: video 1s infinite;
    -webkit-animation: video 1s infinite;
    background: url(/wp-content/themes/bjzb/images/pro_02.png) center no-repeat;
    background-size: 100% 100%;
  }
  .products .jiazhi .bd .flex_item + .flex_item {
    margin-left: 80px;
  }
  .products .jiazhi .bd p {
    color: #515357;
    margin-top: 30px;
    line-height: 30px;
  }
  .products .jiazhi .ft ul {
    display: flex;
    margin-top: 1rem;
    justify-content: space-between;
  }
  .products .jiazhi .ft ul li {
    width: 19%;
  }
  .products .jiazhi .ft dt {
    margin-top: 48px;
    font-size: 24px;
    font-family:"pht-SemiBold";
  }
  .products .jiazhi .ft img {
    width: auto;
  }
  .products .jiazhi .ft dd {
    color: #515357;
    line-height: 32px;
    margin-top: 24px;
  }
  .support {
    background: url(/wp-content/themes/bjzb/images/pro_28.jpg) top center no-repeat;
    background-size: 100% auto;
  }
  .support .hd {
    padding: 40px 0;
    color: #fff;
  }
  .support .hd p {
    color: #fff;
  }
  .support .bd .container {
    width: 92%;
    padding: 40px 4%;
    background: #fff;
  }
  .support .bd h3 {
    font-size: 48px;
    font-family: "pht-SemiBold";
  }
  .support .bd .flex {
    align-items: stretch;
  }
  .support .bd .flex ul li {
    display: flex;
    margin-top: 56px;
  }
  .support .bd .flex ul li img {
    width: 50px;
    height: 50px;
    margin-right: 50px;
  }
  .support .bd .flex ul li dt {
    font-size: 24px;
    font-family: "pht-SemiBold";
  }
  .support .bd .flex ul li dd {
    color: #515357;
    margin-top: 20px;
    line-height: 30px;
  }
  .support .bd .en {
    color: #ffe600;
    font-size: 24px;
    padding-bottom: 48px;
    font-family: Avenir_Medium;
    text-transform: uppercase;
    line-height: 60px;
    font-weight: bold;
  }
  .support .bd ol {
    padding-top: 0.3rem;
    max-width: 5.55rem;
  }
  .support .bd ol li {
    position: relative;
    margin-top: 0.3rem;
    padding-left: 0.33rem;
    color: #515357;
    line-height: 0.32rem;
  }
  .support .bd ol li::before {
    content: "";
    width: 0.08rem;
    height: 0.08rem;
    border-radius: 50%;
    border: 4px solid #639bff;
    position: absolute;
    left: 0;
    top: 0.07rem;
  }
  .support .ft {
    background: #f4f8fb;
    padding: 1.2rem 0;
  }
  .support .ft .title_common {
    text-align: left;
  }
  .support .ft .title_common p {
    line-height: 0.36rem;
    margin-top: 48px;
  }
  .support .ft .box {
    background: #fff;
    border-radius: 0.15rem;
    width: 55%;
    padding: 0.36rem;
    box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.1);
  }
  .support .ft .box .input {
    width: 100%;
    font-size: 0.16rem;
    height: 0.53rem;
    padding: 0 0.2rem;
    border-radius: 50px;
    border: 1px solid #eee;
  }
  .support .ft .box .flex_item + .flex_item {
    padding-left: 0.12rem;
  }
  .support .ft .box .btn {
    height: 0.53rem;
    border-radius: 50px;
    width: 0.86rem;
    position: relative;
    background: #ffe600;
    margin-left: 0.2rem;
  }
  .support .ft .box .btn img {
    width: 0.22rem;
    position: relative;
    z-index: 6;
  }
  .support .ft .box .flex + .flex {
    margin-top: 0.2rem;
  }
 
#playVideoBtn {  
    background-color: transparent;  
    border: none;  
    color: #333;  
    cursor: pointer;  
    /* 其他你想要的样式 */  
}
  .modal {  
    display: none; /* 默认隐藏弹窗 */  
    position: fixed; /* 弹窗固定在屏幕上 */  
    z-index: 1; /* 弹窗位于其他元素之上 */  
    left: 0;  
    top: 0;  
    width: 100%; /* 弹窗全屏 */  
    height: 100%; /* 弹窗全屏 */  
    overflow: auto; /* 允许滚动条 */  
    background-color: rgba(0,0,0,0.4); /* 背景色半透明 */  
}  
  
.modal video {  
    position: absolute;  
    top: 50%;  
    left: 50%;  
    transform: translate(-50%, -50%); /* 居中显示 */  
    max-width: 90%; /* 视频最大宽度为90% */  
    max-height: 90%; /* 视频最大高度为90% */  
}  
  
.close {  
    color: #aaa;  
    float: right;  
    font-size: 28px;  
    font-weight: bold;  
    cursor: pointer;  
}  
  
.close:hover,  
.close:focus {  
    color: black;  
    text-decoration: none;  
    cursor: pointer;  
}