.procaidan { width: 100%; height: auto; background: #f4f4f4; position: relative; margin-top: -4px; margin-bottom: 108px; }
.pndiv { width: 73%; margin: auto; position: relative; padding-top: 69px; padding-bottom: 69px; overflow: hidden; }
.pva { transition: all 0.3s ease; width: 14.3%; height: 43px; box-sizing: border-box; border: 1px solid #1c208e; background-color: #eee; border-radius: 6px; text-align: center; display: block; float: left; margin-right: 22px; line-height: 43px;  margin-top: 5px; margin-bottom: 5px; }
.pva:hover { background: #0a0e8b; border: 1px solid #1c208e; color: white !important; }
.paactive { background: #0a0e8b; border: 1px solid #1c208e; color: white !important; }
.pvdiv { width: 677px; position: absolute; height: 70px; border: 1px solid #cfcfcf; outline: none; right: 13.6%; top: -31px; 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%; margin-bottom:40px; position: relative; }
.pvleft { width: 66.6%; height: 100%; position: relative; float: left; }
.ppttimg { display: block; width: 100%; height: 100%; object-fit: cover; }
.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: #1c208e; 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 { width: 100%;border-radius: 10px;}
.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;  margin: 0 0.9%; margin-bottom: 40px; }
.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%; background: #f4f4f4; position: relative; }
.pmbiaoti {transition: all 0.3s ease; 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 {transition: all 0.3s ease;border-radius: 5px; 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; }
.pxdiv:hover .pmbiaoti{color: #1c208e;}
.pxdiv:hover .ppa {background-color: #1c208e; color: #fff;}


.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: 95px; }
}

@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%; }

    .ptspans { font-size: 35px; }
    .pndiv { padding-top: 52px; padding-bottom: 52px; }
    .procaidan { margin-bottom: 80px; }
}
@media screen and (max-width:1200px) {
    .pvlist { width: 90%; }
    .pvdiv { height: 60px; width: 470px; }
    .pvinput { width: 363px; margin-top: 18px; }
    .pndiv { padding-top: 48px; padding-bottom: 48px; }
    .pva { width: 14%; }
}
@media screen and (max-width:1024px) {
    .ptdiv{height: auto;padding-bottom:6%; width: 30%; margin: 0 1%;}
    .pdspan { font-size: 15px; }
    .pvlist { width: 96%; }
    .zhankaia { margin-top: 0; }
    .zhankaias { margin-top: 0; }

    .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; }
    .ptdiv { margin-bottom: 40px; }

    .procaidan { margin-bottom: 55px; }
}
@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%; }
    .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; }
    .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; }

}
@media screen and (max-width:375px) {

}
@media screen and (max-width:320px) {

}