.xx_mb_bot{width:100%;margin:40px 0px;}

.xx_mb_bot_left{width:45%;float:right;}
.xx_mb_bot .pic{padding-top:26.5%; position: relative;overflow: hidden;height:0;z-index: 2;}
.xx_mb_bot .pic img{display: block;width: 100%;height: 100%;position: absolute;top: 0; left: 0;transition: .3s;}
.xx_mb_bot  span{background:#cf9b48; position:absolute;left:0;bottom:0;line-height:50px;padding:0px 30px;font-size:18px;color:#fff;}


.xx_mb_bot:hover img{transform: scale(1.1); transition: 0.6s;}

.xx_mb_bot_right{width:55%;  float:left;  background:#fff url(../images/xx_ej_bg.png) left bottom no-repeat;border-left:10px #097cd3 solid; z-index: 1;padding:30px 30px 30px 60px;box-sizing: border-box;}
.xx_mb_bot_right h1{line-height:65px;color:#d5993a;font-weight:bold;font-size:25px;}


.xx_mb_bot_right ul li{width:50%;box-sizing: border-box;float:left;padding-right:50px;}
.xx_mb_bot_right ul li .font{width:100%;padding:15px 0px;font-size:18px;}
.xx_mb_bot_right ul li .font a{ color: #222;}
.xx_mb_bot_right ul li .font:hover{font-weight:bold;background:#097cd3;cursor: pointer;text-align:left;text-indent:10px;}
.xx_mb_bot_right ul li .font:hover a{color:#fff!important;}


.xx_mb_bot_left01{width:45%;float:left;}
.xx_mb_bot .pic01{padding-top: 66%; position: relative;overflow: hidden;height:0;z-index: 2;}
.xx_mb_bot .pic01 img{display: block;width: 100%;height: 100%;position: absolute;top: 0; left: 0;transition: .3s;object-fit: cover;}
.xx_mb_bot  span{background:#cf9b48; position:absolute;left:0;bottom:0;line-height:50px;padding:0px 30px;font-size:18px;color:#fff;}
.xx_mb_bot:hover img{transform: scale(1.1); transition: 0.6s; object-fit: cover;}
.xx_mb_bot_right01{width:100%;  float:right;  background:#fff url(../images/xx_ej_bg.png) left bottom no-repeat;border-right:10px #097cd3 solid; z-index: 1;padding:30px 30px 30px 60px;box-sizing: border-box;}
.xx_mb_bot_right01 h1{line-height:65px;color:#d5993a;font-weight:bold;font-size:25px;}
@media (max-width: 1023px){
.xx_mb_bot_right01 {
    width: 100%;
    border-right: none;
    border-top: 5px #1a3565 solid;
    padding: 30px 0px 30px 10px;
}
.xx_mb_bot_right01 ul li {width: 50%;float:left;}
}
@media (min-width: 1200px){
.xx_mb_bot_right01 ul li{width:33%;box-sizing: border-box;float:left;padding-right:30px;}
}
.xx_mb_bot_right01 ul li .font{width:100%;padding:15px 0px;font-size:18px;}
.xx_mb_bot_right01 ul li .font a{color:#222;}
.xx_mb_bot_right01 ul li .font:hover{background:#097cd3;cursor: pointer;text-indent:10px;}
.xx_mb_bot_right01 ul li .font:hover a{color:#fff!important;}



.xx_mb_bot .pic02{padding-top: 58.5%;}

.xx_mb_bot_right02 ul li{width:100%;}
.clear{clear:both;}