.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{margin:10px auto 50px; box-sizing:border-box;font-size:25px;width:250px;height:60px;display:block;border:1px solid #1b1b1b;text-align:center;line-height:60px;position:relative;border-radius: 10px;cursor: pointer;}

/* 文字特效 */
.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){

}
@media screen and (max-width:1500px){

.whitespace{width:18px;}
}
@media screen and (max-width:1400px){

.btn--primary .char{letter-spacing:-7px;}
}
@media screen and (max-width:1300px){

}
@media screen and (max-width:1200px){

}
@media screen and (max-width:1100px){

.btn--primary .char{letter-spacing:-5px;}
}
@media screen and (max-width:1024px){

}
@media screen and (max-width:768px){

}
@media screen and (max-width:450px){

.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:96%;max-width:1400px;margin:auto;margin-bottom:73px;}
.pvselect{width:47%;height:49px;font-size:18px;box-sizing:border-box;text-indent:18px;border:1px solid #1b1b1b;border-radius: 6px;overflow: hidden;}
.pvdiv{ height:49px;width:47%;border:1px solid #1b1b1b;box-sizing:border-box;border-radius: 6px;overflow: hidden;}
.pvinput{width:calc(100% - 70px);height:100%;font-size:18px;text-indent:19px;border:none;outline:none;}
.pvsubmit{width:50px;float:right;height:100%;border:none;color:#202020;outline:none;background:url("../images/074.jpg") no-repeat scroll center center transparent}
.productlist{width:96%;max-width:1400px;overflow:hidden;margin:auto;}
.ptdiv{width:25%;float:left;overflow:hidden;margin-bottom:40px;}
.pvvdiv{ width:95%;margin:auto;border-radius: 16px; overflow: hidden;}
.pvvimg{width:100%;overflow:hidden;cursor:pointer;display:block; }
.pgimg{display:block;height:100%;width:100%;object-fit:cover;
}
.pvvbottom{width:100%;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;line-height: 23px; 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:#f18101;font-size:14px;border-bottom:1px solid #f18101;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%;font-size:28px;margin-bottom:40px;}

.pvselect{background:url("../images/073.jpg") no-repeat scroll right 19px center transparent;appearance:none;-moz-appearance:none;-webkit-appearance:none;outline:0}
@media screen and (max-width:450px){
.pvselect{background:url("../images/073.jpg") no-repeat scroll right 10px center transparent;width:100%;text-indent:7px;font-size:15px;height:45px;margin-bottom:10px}
}
.listchildtwo{display:none}

@media screen and (max-width:1680px){

}
@media screen and (max-width:1600px){

}
@media screen and (max-width:1500px){
.productp{ 
margin-top:32px;margin-bottom:32px;}
.ppdiv{margin-bottom:65px;}
}
@media screen and (max-width:1400px){

}
@media screen and (max-width:1300px){

.productp{ 
margin-top:30px;margin-bottom:30px;}
.ppdiv{margin-bottom:60px;}
}
@media screen and (max-width:1024px){
.ptdiv{margin-bottom:45px;}
.pmd{font-size:12px;bottom:7px;}
}
@media screen and (max-width:768px){
.ptdiv{width:50%;margin-bottom:30px;}
.productp{ 
margin-top:25px;margin-bottom:25px;}
.ppdiv{margin-bottom:50px;}
.vocatname{font-size:22px;margin-bottom:20px;}
}
@media screen and (max-width:450px){
.pvinput{text-indent:7px;font-size:15px;width:78.46%;}
.pvdiv{width:100%;height:45px;}
.ppdiv{width:93.6%;margin-bottom:30px;}
.ppdiv form{flex-direction: column;}
.productp{font-size:26px;margin-top:20px;margin-bottom:20px;}
.vocatname{font-size:16px;}
.ptdiv{margin-bottom:20px;}
.pma{margin-left:12px;}
.pmb{margin-left:12px;}
.pmc{margin-left:12px;}
.tvm{font-size: 18px;height: 40px; line-height: 40px;}
}
@media screen and (max-width:375px){
}
@media screen and (max-width:360px){
.pmb{margin-top:2px;font-size:13px;}
.pma{font-size:15px;}
.pmc{font-size:12px;}
.pmd{bottom:5px;}
}
@media screen and (max-width:320px){
.pmb{margin-top:5px;}
}