@charset "utf-8";
.mr_frbox { height:280px;}
.mr_frBtnL { float: left; cursor: pointer; display: inline; margin-top:100px;}
.mr_frBtnR { float: right; cursor: pointer; margin-top:100px;}
.mr_frUl { float: left; height:280px; width:1200px; margin-left:10px;}
.mr_frUl ul li { display: inline; float: left; height:280px; width:280px; overflow: hidden; margin:0px 13px;}

.khal_tx_l{width:23%;height: auto;float:left; padding:0% 1%;}
.khal_tx_l .content{width:100%;height:auto;position:relative;overflow:hidden;}
.khal_tx_l .content .txt{width:100%; height:100%; padding:0;background:rgba(255,255,255,0.7); position:absolute;left:0px;bottom:0px; text-align:center;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    -khtml-display: flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    -khtml-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    -khtml-justify-content: center;
    justify-content: center;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: transform 1s;
    -moz-transition: transform 1s;
    -ms-transition: transform 1s;
    -o-transition: transform 1s;
    transition: transform 1s;
}
.khal_tx_l .content .txt .h3{color:#000000;font-size:25px;font-weight:100; line-height:104px; border-bottom:1px solid #000000; height:104px; width:194px; margin:0 auto; text-decoration:none; background:url("../xg/pro_logo.png") no-repeat bottom;}
.khal_tx_l .content .txt .h5{color:#000000;font-size:16px;line-height: 46px;height: 46px;width:100%;text-align:center;text-decoration:none;}
.khal_tx_l .content .txt .h4 {width: 100px;height: 24px;display:block;margin:0 auto;border:1px solid #000000;border-radius:14px;}
.khal_tx_l .content .txt .h4 a{width: 100px;height: 24px;line-height: 24px;color:#000000;font-size: 14px;font-weight:normal;text-align:center;display:block;text-transform:uppercase;}
.khal_tx_l .title{width:100%; height:61px; margin-bottom:18px; font-size:17px; color:#333; line-height:61px;}

.khal_tx_l.active .content .txt{
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
}
.khal_tx_l.active .title{
    opacity: .4;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
}