@charset "utf-8";

.klmyxmtjz-header .banner img{display: block;}
.xmtjz-wrap{position: absolute; width: 100%; top: 0;}
.xmtjz-wrap .logo{margin-top: 20px; width: 30%;}
.xmtjz-wrap .header-thead{width: 90%;margin: auto;margin-bottom: 20px;}
.header-wx{text-align: center;}
.header-wx li{cursor: pointer;position: relative;}
.header-wx li i{display: block;width: 106px; margin: auto;}
.header-wx li:hover .code-item{display: block;}
.header-wx li span{display: block;font-size: 2em;color:#fff;font-weight: bold;margin-top: 30px;}
.header-wx li .code-item{display: none; width: 153px; height: 153px;background: #fff;position: absolute; left: 50%;margin-left: -76px; z-index: 1;top: 183px;box-shadow: 0 0 17px 0 rgb(0, 0, 0,0.2);}
.header-wx li .code-item::before{content: '';position: absolute;top: -20px;width: 0;height: 0;border: transparent solid 10px; border-bottom-color: #fff;z-index:1;margin-left:-9px;left: 50%;}
.header-wx li .code-item img{width: 143px; height: 143px;}

@media (max-width: 1200px){
    .xmtjz-wrap{position: initial;}
    .xmtjz-wrap .logo,.header-thead{position: absolute;top: 0;}
    .header-thead{top: 4%;}
    .header-wx{margin-top: 20px;}
    .header-wx li span{color:#000}
}

@media (max-width: 670px){
    .header-thead{top: 50px;}
    .header-wx li i{width: 84px;}
}
.xmtjz-thead{position: relative;}
.xmtjz-thead span{display: block;text-align: center;}
.xmtjz-thead span img{width: 74px;}
.xmtjz-thead .left,
.xmtjz-thead .right{position: absolute;top: 0;width: 45%;}
.xmtjz-thead .left{left: 0;}
.xmtjz-thead .right{right: 0;}

@media (max-width: 992px){
    .xmtjz-thead .left, .xmtjz-thead .right{width: 33.33%;top: 50%;margin-top: -15px;}
}


.xmtjz-box{margin: 0px -15px;}
.xmtjz-box .code-item{float: left; width: 12.5%;position: relative;}
.xmtjz-box .code-item:hover dl dd{display: block;}
.xmtjz-box .code-item dl{margin: 10px 15px;}
.xmtjz-box .code-item dl dt .pic{height: 150px;}
.xmtjz-box .code-item dl dt .pic img{width: 100%; height: 100%;}
.xmtjz-box .code-item dl dt span{text-align: center; display: block;padding: 10px;height: 50px;}
.xmtjz-box .code-item dl dd{position: absolute; display: none; top: -200px;left: 50%;width: 100%;margin-left: -50%;}
.xmtjz-box .code-item dl dd:before{content: '';position: absolute;bottom: -19px;width: 0;height: 0;border: transparent solid 10px; border-top-color: #fff;z-index:1;margin-left:-9px;left: 50%;}
.xmtjz-box .code-item dl dd ul{margin: 0px 15px;background: #fff;box-shadow: 0 0 17px 0 rgb(0, 0, 0,.2);border-radius: 5px;}
.xmtjz-box .code-item dl dd span{display: block; text-align: center;padding:5px 10px 10px;font-size: 14px;}
.xmtjz-box .code-item dl dd .pic{padding: 12px 10px 5px;}
.xmtjz-box .code-item dl dd .pic img{width: 100px; height: 100px;display: block;margin: auto;}
.xmtjz-box .code-item dl dd font{background: #28c445;color:#fff;font-size: 14px;width: 65px;line-height: 1.5em;display: block;text-align: center;margin: auto;border-radius: 20px;}
.xmtjz-box .code-item dl dd font.dy{background: #000;}

.xmtjz-box .code-item dl dd ul.col-2{width: 200%;}
.xmtjz-box .code-item dl dd ul.col-2 li{float: left;width: 50%;}


@media (max-width: 1480px){
    .xmtjz-box .code-item{width: 16.666%;}
    .xmtjz-box .code-item dl dt .pic{height: 150px;}
}
@media (max-width: 1200px){
    .xmtjz-box .code-item{width: 20%;}
    
}
@media (max-width: 992px){
    .xmtjz-box .code-item{width: 25%;}
}
@media (max-width: 768px){
    .xmtjz-box .code-item{width: 33.33%;}
}
@media (max-width: 580px){
    .xmtjz-box .code-item{width: 50%;}
}