.bg{ background-image:url(../../uploads/page/elsebg.jpg);}
.phybox{ width:100%; float:left; }
/* 标题样式 */
.page-title { width: 100%; display: flex; justify-content: center; text-align: center; flex-direction:column;margin-bottom: 30px;}
.page-title h1 { font-size: 2.4rem;font-weight: bold;color:#000;margin-bottom: 10px;}
.line {display: flex;align-items: center;justify-content: center;margin:10px 0;}
.line span {width: 10px;height: 10px;background-color: #000000;margin:0 15px;}
.line::before,
.line::after {content: '';flex: 1;height: 2px;background-color: #000;max-width:80px;}
.page-title p{ font-size:1.38rem; line-height:1.5; padding:20px 0px; color:#000; }
/**/
.phy-one{ width:100%; float:left; padding-top:70px;}
.phy-one-info{ width:100%; display:flex; flex-direction:row; align-items: flex-start; position: relative; z-index:2; }
.phy-one-l{ width:140px; display:flex; flex-shrink:0 }
.phy-one-lt{ width:110px; height:220px; display:flex; justify-content:center; align-items:center; flex-direction:column; }
.phy-one-lt img{ max-width:100%; }
.phy-one-r{ width:100%; gap:15px; display: flex; flex-direction: row; flex-wrap: wrap;}
.pone{ width:calc(20% - 13px); height:65px; display:flex; justify-content:center; align-items:center; flex-direction:column; background-image:url(../../uploads/page/psbg.png); background-size:100% 100%; background-position:center; background-repeat:no-repeat; position:relative; padding:5px 15px; cursor: pointer; -webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;}
.pone h2{ font-size:0.95rem; line-height:1.2; color:#000000; font-weight:normal; padding:5px; text-align:center; }
.pone i{ width:350%; position:absolute; z-index:1; left:0; top:80%; opacity:0; visibility:hidden; box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); -webkit-transition:all 0.2s 0.1s;-moz-transition:all 0.2s 0.1s;transition:all 0.2s 0.1s; }
.pone i img{ width:100%; }
.pone:hover{ background-image:url(../../uploads/page/psbgs.png); background-size:100% 100%; z-index:1; }
.pone:hover h2{ color:#FFF; }
.pone:hover i{ top:100%; opacity:1; visibility:visible;  }

.phy-two{ width:100%; float:left; padding:70px 0px 150px; }
.phy-two-info{ width:100%; display:flex; flex-direction:row; padding:10px 0px; }
.phy-two-l{ width:230px; display:flex; flex-direction:column; align-items:flex-end; flex-shrink:0; padding:15px 0px 0px 25px; }
.phy-two-l a{ width:85%; height:60px; font-size: 1.125rem; letter-spacing:1px; color: #000000; border:1px solid #d2c6b5; background-color:#e0cb96; display:flex; justify-content:center; align-items:center; flex-direction:row; position:relative; }
.phy-two-l a.layui-this{ width:100%; padding-left:15%; border:1px solid #a00100; background-color:#a00100; border-radius:90px 0px 0px 90px; color:#FFF; }
.phy-two-l a i{ width:40px; height:40px; position:absolute; left:10px; top:10px; background-image:url(../../uploads/svg-loaders/py.svg); background-size:cover; background-size:no-repeat; background-position:center; opacity:0; visibility:hidden; }
.phy-two-l a.layui-this i{ opacity:1; visibility:visible; }
.phy-two-r{ width:100%; padding:0px 45px; }
#tabsBody .test-item{display: none;}
.plra15{ padding:15px; }
.phy-two-one{ width:100%; display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:column; cursor:pointer; }
.video-container{ width:100%; display:flex; justify-content:center; align-items:center; position:relative; background-color: #0f2341; }
.video-container video{ width:100%; height:180px; object-fit:cover;}
.play-box{ width:100%; height:100%; display:flex; background-repeat:no-repeat; background-size:cover; background-position:center; position:absolute; left:0; top:0; z-index:1;}
.play-btn{ left:calc(50% - 23px); top:calc(50% - 23px); width:55px; height:55px; position:absolute; }
.play-btn img{ width:100%; }
.video-name{ width:100%; height:50px; font-size:0.875rem; color: #000; background-color:#eaeaea; line-height:1.5; padding:5px 15px; display:flex; justify-content:center; align-items:center; flex-direction:row; -webkit-transition:all 0.3s 0.1s;-moz-transition:all 0.3s 0.1s;transition:all 0.3s 0.1s;}
.phy-two-one:hover .video-name{ background-color:#e0cb96; }

/*ipad*/
@media (min-width: 768px) and (max-width: 991px) {
.page-title { margin-bottom:15px;}
.page-title h1 {font-size:1.8rem; margin-bottom:0px;}
.line { margin:15px 0;}
.line span {width:6px;height:6px;margin: 0 15px;}
.line::before,.line::after {max-width:50px;}
.page-title p{ font-size:1.22rem; padding:15px 0px; }
.phy-one{ padding-top:30px;}
.phy-one-l{ width:60px;  }
.phy-one-lt{ width:50px; height:auto; }
.phy-one-r{ gap:10px; }
.pone{ width:calc(33% - 5px); height:50px; display:flex; justify-content:center; align-items:center; flex-direction:column; background-image:url(../../uploads/page/psbg.png); background-size:100% 100%; background-position:center; background-repeat:no-repeat; position:relative; padding:5px 15px; cursor: pointer; -webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;}
.pone h2{ font-size:1rem; line-height:1.5; color:#000000; font-weight:normal; }
.pone i{ width:250%;}
.phy-two{ padding:70px 5px 100px; }
.phy-two-info{padding:0px; }
.phy-two-l{ width:100px; padding:10px 0px 0px 0px; }
.phy-two-l a{ width:85%; height:40px; font-size:0.95rem; letter-spacing:0;}
.phy-two-l a.layui-this{ padding-left:10%; }
.phy-two-l a i{ width:20px; height:20px; position:absolute; left:5px; top:9px; }
.phy-two-r{ width:100%; padding:10px 15px; }
.plras15{ padding:0px 0px 8px 8px; }
.plrxa0{ padding:0; }
.video-container video{ height:150px; }
.play-btn{ left:calc(50% - 15px); top:calc(50% - 15px); width:30px; height:30px; }
.video-name{ height:40px; padding:5px;}
}
/* xs */
@media (max-width: 767px) {
.page-title { margin-bottom:15px;}
.page-title h1 {font-size:1.45rem; margin-bottom:0px;}
.line { margin:15px 0;}
.line span {width:6px;height:6px;margin: 0 15px;}
.line::before,.line::after {max-width:50px;}
.page-title p{ font-size:1.22rem; padding:15px 0px; }
.phy-one{ padding-top:30px;}
.phy-one-l{ width:60px;  }
.phy-one-lt{ width:50px; height:auto; }
.phy-one-r{ gap:10px; }
.pone{ width:calc(50% - 5px); height:50px; display:flex; justify-content:center; align-items:center; flex-direction:column; background-image:url(../../uploads/page/psbg.png); background-size:100% 100%; background-position:center; background-repeat:no-repeat; position:relative; padding:5px 15px; cursor: pointer; -webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;}
.pone h2{ font-size:1rem; line-height:1.5; color:#000000; font-weight:normal; }
.pone i{ width:200%;}
.phy-two{ padding:70px 5px 100px; }
.phy-two-info{padding:0px; }
.phy-two-l{ width:100px; padding:10px 0px 0px 0px; }
.phy-two-l a{ width:85%; height:40px; font-size:0.95rem; letter-spacing:0;}
.phy-two-l a.layui-this{ padding-left:10%; }
.phy-two-l a i{ width:20px; height:20px; position:absolute; left:5px; top:9px; }
.phy-two-r{ width:100%; padding:10px 15px; }
.plras15{ padding:0px 0px 8px 8px; }
.plrxa0{ padding:0; }
.video-container video{ height:150px; }
.play-btn{ left:calc(50% - 15px); top:calc(50% - 15px); width:30px; height:30px; }
.video-name{ height:40px; padding:5px;}

}
@media (max-width: 480px) {
.video-container video{ height:100px; }

}