.g_cw { width: 1220px; padding: 0 10px; margin: 0 auto;}
.g_cw::before,
.g_cw::after { content: ''; display: block; clear: both; }

@media (max-width: 1024px) {
	body { min-width: 0; }
    .g_cw{ width:100%;}
}

.g_mt { margin-top: 60px; }
.g_mt::before,
.g_mt::after { content: ''; display: block; clear: both; }

.g_mb { margin-bottom: 60px; }
.g_mb::before,
.g_mb::after { content: ''; display: block; clear: both; }


/*case_dts*/
.case_dts{padding:60px 0; background:#f2f2f2; }
.case_dts .lt{ margin:60px 0;}
.case_dts .dts{  margin:40px 0 0 0; overflow:hidden; clear:both;}
.case_dts .dts .lt{ margin-left:-20px;}
.case_dts .dts .lt .list{} 
.case_dts .dts .lt .list li{ margin-bottom:20px; padding-left:20px; width:25%; float:left; box-sizing:border-box;}
.case_dts .dts .lt .list li .box{}
.case_dts .dts .lt .list li .box .pic{ position:relative; width:100%; font-size:0; overflow:hidden;}
.case_dts .dts .lt .list li .box .pic img{ height:300px }
.case_dts .dts .lt .list li .box .ico{ position:absolute; top:0; left:0; right:0; bottom:0; text-align:center; background:rgba(0,0,0,0.5); opacity:0;transition: ease .3s;}
.case_dts .dts .lt .list li .box .ico img{ position:absolute;  margin:0 auto; top:40%; left:0; right:0;width:40px; opacity:0;transition: ease .3s;}
.case_dts .dts .lt .list li .box .mode{ padding:15px 0;text-align:center; background:#fff;transition: ease .3s;}
.case_dts .dts .lt .list li .box .mode .p1{ font-size:15px; color:#383838;transition: ease .3s;}

.case_dts .dts .lt .list li .box:hover .ico{ opacity:1;}
.case_dts .dts .lt .list li .box:hover .ico img{ opacity:1;}
.case_dts .dts .lt .list li .box:hover .mode{ background:#005BAC;}
.case_dts .dts .lt .list li .box:hover .mode .p1{ color:#fff;}

@media (max-width: 1024px) {
.case_dts .fg{ display:none;}
.case_dts .dts .lt{ margin:0 auto; margin-left:-10px;}
.case_dts .dts .lt .list li{ padding-left:10px; width:33.33%;}
.case_dts .dts .lt .list li .box .pic img{ max-width:100%;}
.case_dts .dts .lt .list li .box .ico{ opacity:1;}
.case_dts .dts .lt .list li .box .ico img{ opacity:1;}
.case_dts .dts .lt .list li .box .mode{ background:#005BAC;}
.case_dts .dts .lt .list li .box .mode .p1{ color:#fff;}
}

@media (max-width: 850px) {
.case_dts .dts .lt .list li{ width:33.3333333%;}
}

@media (max-width: 667px) {
.case_dts .dts .lt .list li{ width:50%;}
.case_dts .dts .lt .list li .box .pic img{ height:200px }
}

@media (max-width: 500px) {
.case_dts .dts .lt .list li{ width:50%;}
}