/* 证书查询 */
.cre-main { width: 100%; padding-top: 80px; position: relative; background-size: cover; background-image: url(../images/cre-main.jpg); background-position: center; }
.cre-1200 { position: relative; width: 1200px; left: 50%; margin-left: -600px; top: 50%; overflow: hidden; }
.cre-title { width: 29.4%; margin: 0 auto 0; overflow: hidden; font-size: 36px; }
.cre-icon { width: 12.8%; float: left; overflow: hidden; margin-right: 5.4%; margin-top: 1.3%; }
.cre-icon img { width: 100%; }
.cre-sreach { width: 58.5%; margin: 5% auto 0; overflow: hidden; }
.cre-int { width: 87%; float: left; background: #fff; font-size: 20px; text-indent: 1em; border: 1px solid #cccccc; border-radius: 3px; padding: 2.8% 0; }
.cre-btn { width: 12%; float: left; margin-left: -1px; }
.cre-btn img { width: 100%; }
.cre-tip { position: relative; width: 53%; margin: 7% auto 0; }
.cre-tip>img { width: 100% }
.cre-txt { position: absolute; left: 6.3%; top: 10%; width: 87.2%; font-size: 16px; color: #000; line-height: 1.8em; }
.cre-txt span { color: #e60012; }
.cre-bz { position: absolute; width: 73%; bottom: 13%; left: 15%; }
.cre-bz-l { width: 10.6%; float: left; font-size: 14px; color: #4d4d4d; margin-top: 5%; }
.cre-bz-r { width: 83%; float: left; padding-left: 5%; border-left: 1px solid #999; }
.cre-ul { width: 100%; }
.cre-ul li { width: 100%; overflow: hidden; margin-top: 3%; font-size: 12px; color: #333; }
.cre-ul li:first-child { margin-top: 0; }
.cre-ul li img { float: left; width: 2.3%; margin-right: 3%; margin-top: 1%; }
.cre-bf { position: fixed; top: 0; left: 0; z-index: 999; width: 100%; height: 100%; display: none; }
.cre-mask { position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: #000; opacity: 0.9; filter: alpha(opacity=80); z-index: 20; }
.cre-zs-box { position: absolute; width: 580px; height: 750px; top: 50%; left: 50%; overflow: hidden; margin: -375px 0 0 -265px; }
.cre-zs { position: relative; width: 530px; z-index: 9999; float: left; }
.cre-zs img { width: 100%; }
.cre-close { position: relative; float: right; width: 30px; z-index: 999; cursor: pointer; }
.cre-close img { width: 100%; }
@media(max-width:1400px) {
    .cre-sreach { width: 50.5%; margin: 2% auto 0; }
    .cre-int { padding: 2.5% 0; }
    .cre-tip { margin-top: 3%; }
    .cre-title { font-size: 30px; }
    .cre-icon { width: 11%; }
    .cre-txt { font-size: 14px; }
    .cre-main { background-size: 120% 120%; }
    .cre-zs { width: 400px; }
    .cre-zs-box { position: absolute; width: 450px; height: 565px; top: 50%; left: 50%; overflow: hidden; margin: -282.5px 0 0 -225px; }
}
@media(max-width:768px) {
    .cre-main { padding-top: 0; background-size: cover; background-image: none; }
    .cre-main img { width: 100%; }
    .cre-1200 { position: absolute; top: 11%; width: 100%; margin-left: 0; left: 0; }
    .cre-title { width: 62%; margin: 0% auto 0; font-size: 48px; }
    .cre-icon { width: 13.1%; }
    .cre-sreach { width: 88%; margin-top: 6%; }
    .cre-tip { width: 88%; margin-top: 4%; }
    .cre-zs-box { width: 80%; left: 10%; top: 8%; margin-top: 0; margin-left: 0; height: auto; overflow: visible; }
    .cre-zs { width: 100%; float: none; }
    .cre-close { position: absolute; width: 5%; top: -4%; float: none; z-index: 999; right: 0; }
    .cre-txt { font-size: 24px; }
}
@media(max-width:640px) {
    .cre-title { font-size: 6.2vw; }
    .cre-int { font-size: 3vw; }
    .cre-tip { margin-top: 8%; }
    .cre-zs-box { top: 15%; }
    .cre-close { top: -5%; }
}