.header { position: relative; }
.procaidan { width: 100%; height: auto; background: #f4f4f4; position: relative; margin-top: -4px; margin-bottom: 60px; }
.pndiv { width: 73%; margin: auto; position: relative; padding-top: 69px; padding-bottom: 69px; overflow: hidden; }
.pva { width: 14.3%; height: 43px; box-sizing: border-box; border: 1px solid black; text-align: center; display: block; float: left; margin-right: 22px; line-height: 43px; color: #060606; margin-top: 5px; margin-bottom: 5px; }
.pva:hover { background: #007108; border: 1px solid #007108; color: white !important; }
.paactive { background: #007108; border: 1px solid #007108; color: white !important; }
.pvdiv { width: 677px; position: absolute; height: 70px; border: 1px solid #cfcfcf; outline: none; right: 13.6%; top: -31px; z-index: 2; }
.pro-search-box { margin-left:40%; width: 50%;  height: 70px; border: 1px solid #cfcfcf; outline: none;  z-index: 2; }
.pvinput { position: relative; width: 580px; font-size: 18px; outline: none; border: none; color: #979696; margin-top: 26px; margin-left: 45px; }
.pvbuttom { position: relative; float: right; background: none; border: none; margin-top: 24px; margin-right: 11px; }
.pnlist { width: 100%; position: relative; }
.pvleft { width: 66.6%; height: 100%; position: relative; float: left; }
.ppttimg { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 100% 50%; }
.ptspan { font-size: 36px; font-weight: bold; margin-top: 78px; display: block; margin-left: 13.7%; }
.ppnndiv { margin-top: 61px; width: 100%; height: 549px; position: relative; }
.pvright { width: 33.3%; height: 100%; position: relative; float: right; background: #f4f4f4; }
.ptspans { font-size: 45px; display: block; line-height: 50px; }
.psred { width: 52px; height: 6px; background: #007108; margin-top: 18px; }
.pdspan { font-size: 18px; color: #676767; margin-top: 38px; display: block; }
.pnkuang { height: 109px; width: 262px; box-sizing: border-box; border: 1px solid #b5b5b5; margin-top: 46px; position: relative; }
.pgimg { position: absolute; top: 50%; left: 50%; float: left; max-width: 88.2%; max-height: 87%; transform: translate(-50%, -50%); }
.pgspan { font-size: 24px; display: block; }
.pgspans { font-size: 19px; margin-top: 5px; display: block; }
.pgdiv { overflow: hidden; float: left; margin-top: 27px; margin-left: 14px; }
.ptright { position: absolute; top: 50%; transform: translate(0%, -50%); left: 11.4%; }
.pvlist { width: 74.2%; margin: auto; overflow: hidden; position: relative; padding-top: 40px; }
.ptdiv { width: 23.2%; display: block; float: left; height: 462px; margin: 0 0.9%; margin-bottom: 50px; }
.pxdiv { -webkit-transition: all .2s linear; transition: all .2s linear; display: block; }
.pxdiv:hover { transform: translate3d(0, -20px, 0); -webkit-transform: translate3d(0, -20px, 0); -moz-transform: translate3d(0, -20px, 0); -ms-transform: translate3d(0, -20px, 0); -o-transform: translate3d(0, -20px, 0); }
.pvimg { width: 100%; height: 330px; background: #f4f4f4; position: relative; }
.pmbiaoti { font-size: 18px; text-align: center; margin-top: 20px; }
.pgimgg { position: relative; float: left; margin-top: 28px; margin-left: 17px; filter: grayscale(100%); }
.pnkuang:hover.pgimgg { filter: grayscale(0%); -webkit-filter: grayscale(0%); }
.pip { font-size: 14px; color: #9b9b9b; text-align: center; margin-top: 9px; }
.ppa { width: 142px; height: 38px; box-sizing: border-box; border: 1px solid #e5e5e5; display: block; color: #9b9b9b; line-height: 38px; text-align: center; font-size: 12px; margin: auto; margin-top: 19px; }
.zhankaia { width: 287px; height: 69px; display: block; font-size: 18px; color: #2b2b2b; text-align: center; background: #f4f4f4; line-height: 69px; margin: auto; margin-top: 29px; cursor: pointer; }
.zhankaias { width: 287px; height: 69px; display: none; font-size: 18px; color: #2b2b2b; text-align: center; background: #f4f4f4; line-height: 69px; margin: auto; margin-top: 29px; cursor: pointer; }
.footer { margin-top: 185px; }
.pronone { display: none; }
.pnlist:nth-child(2n) .pvleft { float: right; }
.pnlist:nth-child(2n) .pvright { float: left; }
@media screen and (max-width:1500px) {
    .ppnndiv { height: 429px; }
    .ptspans { font-size: 40px; }
    .pvlist { width: 80%; }
    .pva { width: 13%; }
    .pvinput { width: 453px; }
    .pvdiv { width: 560px; }
    .pndiv { padding-top: 60px; padding-bottom: 60px; }
    .procaidan { margin-bottom: 60px; }
    .ppttimg {object-position: 89% 50%; }
}
@media screen and (max-width:1300px) {
    .ptspan { font-size: 30px; }
    .pvinput { width: 393px; margin-top: 18px; }
    .pvdiv { width: 500px; height: 60px; top: -20px; }
    .pvlist { width: 85%; }
    .footer { margin-top: 160px; }
    .ptspans { font-size: 35px; }
    .pndiv { padding-top: 52px; padding-bottom: 52px; }
    .procaidan { margin-bottom: 60px; }
     .ppttimg {object-position: 89% 50%; }
}
@media screen and (max-width:1200px) {
    .pvlist { width: 90%; }
    .pvdiv { height: 60px; width: 470px; }
    .pro-search-box { margin-left:10%; width: 80%;  height: 70px;  }
    .pvinput { width: 363px; margin-top: 18px; }
    .footer { margin-top: 130px; }
    .pndiv { padding-top: 48px; padding-bottom: 48px; }
    .pva { width: 14%; }
     .ppttimg {object-position: 89% 50%; }
}
@media screen and (max-width:1024px) {
    .pdspan { font-size: 15px; }
    .pvlist { width: 96%; }
    .zhankaia { margin-top: 0; }
    .zhankaias { margin-top: 0; }
    .footer { margin-top: 128px; }
    .pva { width: 16%; }
    .pndiv { padding-top: 41px; padding-bottom: 41px; }
    .pvdiv { top: -22px; }
}
@media screen and (max-width:768px) {
    .pndiv { width: 90%; padding-top: 38px; padding-bottom: 38px; }
    .pva { width: 18%; margin-right: 13px; }
    .ptspan { font-size: 25px; margin-left: 10%; margin-top: 55px; }
    .pvinput { width: 320px; margin-top: 14px; }
    .pvdiv { height: 52px; width: 430px; top: -10px; right: 10%; }
    .pvbuttom { margin-top: 12px; }
    .ptright { left: 7%; }
    .pvright { width: 40%; }
    .pvleft { width: 60%; }
    .ptspans { font-size: 33px; }
    .pgspan { font-size: 22px; }
    .pgimgg { margin-top: 23px; }
    .pnkuang { height: 95px; }
    .pvimg { height: 300px; }
    .ptdiv { margin-bottom: 40px; }
    .footer { margin-top: 100px; }
    .procaidan { margin-bottom: 55px; }
     .ppttimg {object-position: 89% 50%; }
}
@media screen and (max-width:640px) {
    .pvlist{padding-top:5%;width:98%;}
    .ptdiv{height: auto;padding-bottom:6%; width: 48%; margin: 0 1%;}
    .ptdiv .pip{display:none;}
}
@media screen and (max-width:450px) {
    .pndiv { width: 100%; padding-top: 10px; padding-bottom: 10px; }
    .pva { margin-right: 1%; width: 31%; margin-left: 1%; height: 35px; line-height: 35px; font-size: 12px; font-weight: bold;}
    .pvleft { width: 50%; }
    .pvright { width: 50%; }
    .ptspan { font-size: 19px; margin-left: 5%; margin-top: 30px; }
    .procaidan { margin-bottom: 0px; }
    .pvdiv { height: 41px; width: 51%; right: 5%; }
    .pro-search-box {margin-top:20px; margin-left:5%; width: 90%;  height: 50px;  }
    .pro-search-box input{width: 80%; height: 48px;margin-top: 0px; line-height: 48px; padding-left: 10px; font-size: 14px;}
    .pvinput { width: 120px; margin-top: 10px; font-size: 14px; margin-left: 15px; }
    .pmimg { width: 15px; }
    .pvbuttom { margin-top: 8px; }
    .ptspans { font-size: 18px; line-height: 26px; font-weight: bold;}
    .psred { margin-top: 7px; }
    .pdspan { width: 95%; margin-top: 16px; font-size: 14px; line-height: 20px;}
    .pnkuang { width: 145px; margin-top: 20px; height: 53px; }
    .ppnndiv { margin-top: 31px; height: 219px; }
    .pgimgg { margin-top: 15px; margin-left: 2px; width: 20px; }
    .pgspan { font-size: 12px; }
    .pgspans { font-size: 10px; }
    .pgdiv { margin-top: 10px; margin-left: 2px; }
    .pvimg { height: 250px; }
    .pmbiaoti { font-size: 16px; margin-top: 15px; }
    .pip { font-size: 12px; }
    .zhankaia { font-size: 16px; width: 230px; height: 50px; line-height: 50px; }
    .zhankaias { font-size: 16px; width: 230px; height: 50px; line-height: 50px; }
    .footer { margin-top: 50px; }
     .ppttimg {object-position: 89% 50%; }
}
@media screen and (max-width:375px) {
    .pvimg { height: 220px; }
}
@media screen and (max-width:320px) {
    .pvimg { height: 200px; }
}