.photocd{width:100%;height:88px;box-sizing:border-box;border-bottom:2px solid #1b1b1b;}
.pdleft{display:inline-block;float:left;}
.pdright{display:inline-block;float:right;margin-right:75px;}
.pta{display:inline-block;line-height:88px;margin-left:78px;float:left;font-size:12px;}
.ptb{display:inline-block;line-height:88px;margin-left:50px;float:left;font-size:14px;}
.ptc{display:inline-block;line-height:88px;margin-left:70px;float:left;font-size:14px;}
.ptta{display:inline-block;font-size:12px;line-height:88px;}
.pttb{display:inline-block;margin-left:35px;}
.pttc{display:inline-block;margin-left:15px;}
.tvm{box-sizing:border-box;font-size:25px;width:250px;height:60px;display:block;margin:auto;border:1px solid #1b1b1b;text-align:center;line-height:60px;margin-top:35px;margin-bottom:65px;position:relative;}
/* 文字特效 */
.btn--primary{-webkit-transition:transform 1s cubic-bezier(0,.97,.43,1),background 1s cubic-bezier(0,.97,.43,1),border-color 1s cubic-bezier(0,.97,.43,1);transition:background 1s cubic-bezier(0,.97,.43,1),border-color 1s cubic-bezier(0,.97,.43,1),-webkit-transform 1s cubic-bezier(0,.97,.43,1);transition:transform 1s cubic-bezier(0,.97,.43,1),background 1s cubic-bezier(0,.97,.43,1),border-color 1s cubic-bezier(0,.97,.43,1);transition:transform 1s cubic-bezier(0,.97,.43,1),background 1s cubic-bezier(0,.97,.43,1),border-color 1s cubic-bezier(0,.97,.43,1),-webkit-transform 1s cubic-bezier(0,.97,.43,1);-webkit-transition:background 1s cubic-bezier(0,.97,.43,1),border-color 1s cubic-bezier(0,.97,.43,1),-webkit-transform 1s cubic-bezier(0,.97,.43,1);-moz-transition:transform 1s cubic-bezier(0,.97,.43,1),background 1s cubic-bezier(0,.97,.43,1),border-color 1s cubic-bezier(0,.97,.43,1);-ms-transition:transform 1s cubic-bezier(0,.97,.43,1),background 1s cubic-bezier(0,.97,.43,1),border-color 1s cubic-bezier(0,.97,.43,1);-o-transition:transform 1s cubic-bezier(0,.97,.43,1),background 1s cubic-bezier(0,.97,.43,1),border-color 1s cubic-bezier(0,.97,.43,1);}
.btn--primary:before,.btn--primary:after{content: '';position:absolute;z-index:2;width:0;-webkit-transition:all 1000ms cubic-bezier(0,.97,.43,1);transition:all 1000ms cubic-bezier(0,.97,.43,1);-webkit-transform-origin:left;transform-origin:left;left:auto;right:0;bottom:0;height:2px;background:#a6a6a6}
.btn--primary .word{position:relative;float:left;}
.btn--primary:before{height:100%;background:#121212;display:block;z-index:0}
.btn--primary:hover{cursor:pointer}
.btn--primary:hover:before{right:auto;-webkit-transform-origin:right;transform-origin:right;width:100%;left:0}
.btn--primary:hover .char{color:#fff;-webkit-transition:all 500ms cubic-bezier(0,.97,.43,1) calc(400ms*var(--char-index)/var(--char-total));transition:all 500ms cubic-bezier(0,.97,.43,1) calc(400ms*var(--char-index)/var(--char-total))}
.btn--primary .char{display:inline;letter-spacing:-6px;}
.whitespace{width:17px;display:block;height:1px;float:left;}
.tbpdiv{width:auto;display:inline-block;}
.pronone{display:none;}
.tvmnone{display:none;}
@media screen and (max-width:1600px){
.tvm{margin-top:96.8px;margin-bottom:126px;}
}
@media screen and (max-width:1500px){
.tvm{margin-top:91px;margin-bottom:118px;}
.whitespace{width:18px;}
}
@media screen and (max-width:1400px){
.tvm{margin-top:85px;margin-bottom:110px;}
.btn--primary .char{letter-spacing:-7px;}
}
@media screen and (max-width:1300px){
.tvm{margin-top:79px;margin-bottom:102.7px;}
}
@media screen and (max-width:1200px){
.tvm{margin-top:73px;margin-bottom:95px;}
}
@media screen and (max-width:1100px){
.tvm{margin-top:67px;margin-bottom:97px;}
.btn--primary .char{letter-spacing:-5px;}
}
@media screen and (max-width:1024px){
.tvm{margin-top:62.3px;margin-bottom:90px;}
}
@media screen and (max-width:768px){
.tvm{width:225px;height:50px;font-size:26px;line-height:50px;margin-top:50px;margin-bottom:67.5px;}
}
@media screen and (max-width:450px){
.tvm{width:140px;height:40px;font-size:17px;line-height:40px;margin-top:25px;margin-bottom:50px;}
.photocd{height:50px;}
.btn--primary .char{letter-spacing:-5px;}
.pta{line-height:50px;margin-left:15px;}
.ptb{line-height:50px;margin-left:15px;font-size:12px;}
.ptc{line-height:50px;margin-left:15px;font-size:12px;}
.ptta{line-height:50px;}
.pttb{margin-left:15px;}
.pttc{margin-left:15px;}
.pdright{margin-right:15px;}
.whitespace{width:13px;}
}
/* start */
.header{position:relative;}
.ssimgb{width:100%;display:block;object-fit:cover;height:100%;margin:auto;}
.productp{font-size:45px;margin-top:35px;margin-bottom:35px;width:100%;text-align:center;}
.ppdiv{width:590px;height:49px;margin:auto;margin-bottom:73px;}
.pvselect{width:248px;height:49px;font-size:18px;box-sizing:border-box;float:left;text-indent:18px;border:1px solid #1b1b1b;}
.pvdiv{height:49px;width:329px;float:right;}
.pvinput{width:259px;height:100%;box-sizing:border-box;border:1px solid #1b1b1b;font-size:18px;text-indent:19px;border-right:none;outline:none;}
.pvsubmit{width:70px;float:right;height:100%;border:1px solid #1b1b1b;border-left:none;background:none;color:#202020;outline:none;}
.productlist{width:1180px;overflow:hidden;margin:auto;}
.ptdiv{width:25%;float:left;overflow:hidden;margin-bottom:66px;}
.pvvdiv{    /*width: 92.6%;*/
width:95%;margin:auto;}
.pvvimg{width:100%;height:283.5px;overflow:hidden;cursor:pointer;display:block;    /* position: relative; */}
.pgimg{display:block;height:100%;width:100%;object-fit:cover;    /* position: absolute; */    /* left: 50%;
transform: translate(-50%,0%); */}
.pvvbottom{width:100%;height:144px;background:#eeeeee;padding:10px 0;}
.pma{font-size:16px;color:#5d5d5d;margin:0 15px;display:block;text-overflow:ellipsis;overflow:hidden;word-break:break-all;height:46px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.pmb{font-size:15px;color:#474747;margin:5px 15px 0;display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.pmc{font-size:15px;color:#474747;margin:3px 15px 0;display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.pmd{position:absolute;right:6%;bottom:4px;color:#F5C824;font-size:14px;border-bottom:1px solid #F5C824;cursor:pointer;}
/* 图片特效 */
.tvimg{display:block;width:100%;}
.grid-itemb{width:85.2%;}
.grid-itema{width:86.4%;}
.grid-itemc{width:100%;display:block;}
.card__three{position:relative;}
.card__three::before,.card__three::after{position:absolute;top:0;right:0;bottom:0;left:0;transform:scale3d(0,0,1);transition:transform 0.3s ease-out 0s;background:rgba(255,255,255,0.1);content: "";pointer-events:none;}
.card__three::before{transform-origin:left top;}
.card__three::after{transform-origin:right bottom;}
.card__three:hover::before,.card__three:hover::after,.card__three:focus::before,.card__three:focus::after{transform:scale3d(1,1,1);}
.dspcontent img{max-width:100%;}
.vocatname{display:block;width:100%;height:50px;font-size:28px;margin-bottom:40px;}
@media screen and (max-width:1680px){
.productlist{width:75%;}
.pvvimg{height:260px;}
.ptdiv{margin-bottom:58px;}
}
@media screen and (max-width:1600px){
.pvvimg{height:247.6px;}
.ptdiv{margin-bottom:55.2px;}
}
@media screen and (max-width:1500px){
.pvvimg{height:232.1px;}
.productp{        /*font-size: 55px;*/
margin-top:32px;margin-bottom:32px;}
.ppdiv{margin-bottom:65px;}
}
@media screen and (max-width:1400px){
.pvvimg{height:216.6px;}
.ptdiv{margin-bottom:52px;}
}
@media screen and (max-width:1300px){
.pvvimg{height:201.1px;}
.productp{        /*font-size: 50px;*/
margin-top:30px;margin-bottom:30px;}
.ppdiv{margin-bottom:60px;}
}
@media screen and (max-width:1200px){
.pvvimg{height:185.6px;}
.ptdiv{margin-bottom:48.5px;}
}
@media screen and (max-width:1100px){
.pvvimg{height:170.1px;}
}
@media screen and (max-width:1024px){
.pvvimg{height:158.3px;}
.ptdiv{margin-bottom:45px;}
.pmd{font-size:12px;bottom:7px;}
}
@media screen and (max-width:768px){
.pvvimg{height:120px;}
.ptdiv{margin-bottom:40px;}
.productp{        /*font-size: 45px;*/
margin-top:25px;margin-bottom:25px;}
.ppdiv{margin-bottom:50px;}
.vocatname{font-size:22px;margin-bottom:20px;}
}
@media screen and (max-width:450px){
.productlist{width:93.6%;}
.pvinput{text-indent:7px;font-size:15px;width:78.46%;-webkit-appearance:none;        /*清除ios默认圆角*/border-radius:0;}
.pvsubmit{-webkit-appearance:none;        /*清除ios默认圆角*/border-radius:0;}
.pvdiv{width:67.5%;height:45px;}
.ppdiv{width:90%;margin-bottom:30px;}
.productp{font-size:30px;margin-top:20px;margin-bottom:20px;}
.ptdiv{width:50%;margin-bottom:35px;}
.pvvimg{height:135px;}
.pma{margin-left:12px;}
.pmb{margin-left:12px;}
.pmc{margin-left:12px;}
}
@media screen and (max-width:375px){
.pvvimg{height:125px;}
}
@media screen and (max-width:360px){
.pvvimg{height:120px;}
.pmb{margin-top:2px;font-size:13px;}
.pma{font-size:15px;}
.pmc{font-size:12px;}
.pvvbottom{height:63px;}
.ptdiv{margin-bottom:30px;}
.pmd{bottom:5px;}
}
@media screen and (max-width:320px){
.pvvimg{height:110px;}
.pmb{margin-top:5px;}
.ptdiv{margin-bottom:25px;}
}