.xiala input { background: #fff;}
.logo-box { max-width: 75%;}
.logo-box .lg1 { max-width: 100%; width: auto !important;}
.min-height { min-height: 300px;}

@media screen and (max-width: 1230px) {
.header-box { padding-left: 10px; padding-right: 10px;}
.logo-box { max-width: calc(100% - 250px);}
.sousuo, .button { margin-top: 6px;}
.nav li { box-sizing: border-box;}
}
@media screen and (max-width: 1000px) {
.min-height { min-height:calc(100vh - 650px);}
}
@media screen and (max-width: 800px)  {
.nav li { padding: 0 5px;}
.min-height { min-height:calc(100vh - 600px);}
}
@media screen and (max-width: 640px) {
.logo-box { width: 82%; max-width: 82%;}
.min-height { min-height: calc(100vh - 420px);}
}


@media screen and (max-width: 1230px) {
.sousuo, .button { margin-top: 18px;}
}
@media screen and (max-width: 840px) {
.sousuo { width: 140px;}
.sousuo, .button { margin-top: 12px;}
}
@media screen and (max-width: 780px) {
.sousuo, .button { margin-top: 6px;}
}
@media screen and (max-width: 640px) {
.header-box ul { width: 150px; background: #515cf5; top: 30px;}
.header-box li { border-color: #c3c6ed;}
}
.nav { background: #1f2469 !important;}
.nav li.on, .nav li:hover { background: #2937eb;}
.picture2 { margin: 0 -20px; font-size: 0;}
.picture2 li { display: inline-block; vertical-align: top; width: 33.33%; padding: 0 20px; box-sizing: border-box;}
.picture2 li a { position: relative; display: block;}
.picture2 li img {  width: 100%; height: 194px; object-fit: cover; vertical-align: top;}
.picture2 li p { font-size: 18px; line-height: 50px; color: #fff; background: #1f2469; text-align: center; padding: 0 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.picture2 .text-box { position: absolute; top: 0; right: 0; text-align: center; width: 100%; height: calc(100% - 50px); padding: 0 20px; background: rgba(0, 0, 0, .5); font-size: 16px; line-height: 30px; color: #fff; display: flex; align-items: center; justify-content: center; transition: all .3s; -ms-transtion: all .3s; transform: scale(.8); -ms-transform: scale(.8); opacity:0 ; box-sizing: border-box;}
.picture2 li a:hover .text-box { opacity: 1; transform: scale(1); -ms-transform: scale(1);}
@media screen and (max-width: 1000px) {
.picture2 { margin: 0 -8px;}
.picture2 li { padding: 0 8px;}
}
@media screen and (max-width: 630px) {
.picture2 { margin: 0;}
.picture2 li { padding: 0;  width: 100%; margin: 0 0 20px;}
 .picture2 li img { height: auto;}
}
.footer { background: #1e246a ;padding: 33px 10px;
    text-align: center;}
.footer p { color: #fff;}