.zt_main_box{padding: 5% 0;}
.media_body  .dios_banner .txt{color: #0F0F11;}
.zt_tit{text-align: center;margin-bottom: 30px;}

.media_list{padding-top: 1.8%;}
.media_list ul{overflow: hidden;margin: 0 -15px;padding: 7% 0;}
.media_list li{float: left;width: 25%;}
.media_list dl{margin: 0 15px;background: linear-gradient(180deg, #F3F5F8 0%, #FFFFFF 100%);}
.media_list dt{ padding: 40px 30px;background:#fff url(/images/ljx/mbg.png) no-repeat; background-size: cover;    box-sizing: border-box; height: 280px;
    box-shadow: 8px 8px 20px 0px rgba(55,99,170,0.1);
    border-radius: 8px;
    border: 2px solid #FFFFFF;}
.media_list h3{margin-bottom: 15px;}
.media_list p{line-height: 22px;color:#3D485D;overflow: hidden;}

.media_01 li{margin-bottom: 0;}
.media_01 li span{width: 60px !important;height: 60px;margin-bottom: 20px;}
.media_01 li span img{width: 100%;height: 100%;}
.media_01 li h3{height: auto;}

.media_05 li{    padding: 4% 6%;}
.media_05 dt img{width: 100%;}

.media_02{  background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;}
.m_ys {width: 30%;}

.media_02 .dios_wrap{position: relative;}
.media_02 .imgbox .fixebox ul li{margin: 0;width: 28%}
.media_02 .imgbox .fixebox ul li:nth-child(2n+1){clear: both;}
.media_02 .imgbox .fixebox ul li:nth-child(3),.media_02 .imgbox .fixebox ul li:nth-child(4){margin-top: 17%;margin-bottom: 0;}

.media_022{background-size: cover !important;}
.media_022.industry-advantage1 .imgbox .fixebox ul li .righttext h2{margin-top:15px;}

@media only screen and (max-width:1440px) {
.media_list dt{padding: 20px;}
.media_list ul{margin: 0 -10px;padding: 3% 0;}
.media_list dl{margin: 0 10px;}
.media_list{padding-top: 0;}
}
@media only screen and (max-width:1024px) {

.media_022.industry-advantage1 .imgbox .fixebox ul li .righttext h2{margin-top:0;}
}

@media only screen and (max-width:767px) {
.zt_tit{text-align: center;margin-bottom: 20px;}

.media_01 li span{width: 50px !important;height: 50px;}
.media_01 li span{margin-bottom: 10px;}
.media_01 li{margin-bottom: 5%;}
.media_05 li{padding:10px;}
.zt_tit{margin-bottom: 20px;}
.media_list ul{padding: 0;}
.media_list ul,.media_list dl{margin: 0;}
.media_03{background:none !important}
.media_list li{float: none;width: 100%;}
.media_list dt{height: auto;}
.media_list h3{margin-bottom: 10px;}
.m_ys{display: none;}
.media_02 .imgbox .fixebox ul li:nth-child(3), .media_02 .imgbox .fixebox ul li:nth-child(4){margin-top: 0;}
.media_02 .imgbox .fixebox ul li{margin-bottom: 5% !important;}
.media_02 .imgbox .fixebox ul li .righttext h2{line-height: 48px;}
}


/*video*/
.v_01 li{margin-bottom: 0;width: 20%;}
.v_01 li span{width: 60px !important;height: 60px;margin-bottom: 20px;}
.v_01 li span img{width: 100%;height: 100%;}
.v_01 li h3{height: auto;}

.v_05{background:#F5F8FF;}
.v_03 .industry-scene li{background:#fff;margin-bottom: 2%;}
.v_03 .industry-scene li span img{width: 100%;height: 100%;}

.v_ys{overflow: hidden;position: relative;}
.v_ys .v_le{height: 100%;width: 33.33%;float: left;}
.v_ys .v_re{width: 66.66%;float: right;height: 100%;}

.v_ys .v_le dl{position: relative;height: 100%;margin-right: 5px;}
.v_ys .v_le dt,.v_ys .v_le dt img{height: 100%;}
.v_ys .v_le dd{position: absolute;top:0;left: 0;width: 100%;color: #fff;padding: 40px;box-sizing:border-box;}
.v_ys .v_re ul{height: 100%;margin:0 -5px;padding-left: 5px;overflow: hidden;}
.v_ys .v_re li{width: 50%;float: left;height: 50%;}
.v_ys .v_re dl{margin:0 5px;background: #fff;height:calc(100% - 5px);border-radius:5px;text-align: center;    overflow: hidden;}
.v_ys .v_re dt{width: 57px;margin: auto;margin-bottom: 5px;margin-top: 13%;}
.v_ys .v_re dt img{width: 100%;}
.v_ys .v_re li:nth-child(3),.v_ys .v_re li:nth-child(4){margin-top: 5px;}
@media only screen and (max-width:1024px) {
.v_ys .v_re dt{margin-top: 10%;width: 40px;}
.v_ys .v_le dd{padding: 20px;}
.v_ys .v_le,.v_ys .v_re{float: none;width: 100%;}
.v_ys{height: auto !important;}
.v_ys .v_re ul{padding-left: 0;}
.v_ys .v_le{margin-bottom: 10px;}
.v_ys .v_re dt{margin-top: 0;}
.v_ys .v_re dl{padding: 20px;}
.v_ys .v_re dd{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
}

@media only screen and (max-width:767px) {
.v_01 li span{width: 40px !important;height: 40px;margin-bottom: 10px;}
.v_01 li{margin-bottom: 5%;width: 50%;}
}

@media only screen and (min-width:1025px) {
.v_ys .v_re li dt{transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;}
.v_ys .v_re li:hover dt {animation: swing 1s linear 1;/*
    transform: translateY(-16px);
    -webkit-transform: translateY(-16px);*/}

}