﻿.indexcontent_{ margin:0 auto; width:100%; margin-top:0; margin-bottom:80px;}

@media (max-width:440px) {
.indexcontent_{ margin:0 auto; width:100%; margin-top:0; margin-bottom:120px;}
}


@media (min-width:1800px) {
.case_list{ margin-left:6%;}
}

@media (max-width:1800px) {
.case_list{ margin-left:5%;}
}
@media (max-width:1633px) {
.case_list{ margin-left:11%;}
}
@media (max-width:1319px) {
.case_list{ margin-left:16%;}
}
@media (max-width:947px) {
.case_list{ margin-left:26%;}
}
@media (max-width:750px) {
.case_list{ margin-left:16%;}
}
@media (max-width:570px) {
.case_list{ margin-left:6%;}
}

@media (max-width:428px) {
.case_list{ margin-left:-4%;}
}
@media (max-width:427px) {
.case_list{ margin-left:-10%;}
}
@media (max-width:415px) {
.case_list{ margin-left:-6%;}
}
@media (max-width:376px) {
.case_list{ margin-left:-12%;}
}



.n_weizhi{ text-align:center; color: #666666; margin-bottom:2em;}
.n_weizhi img{ position:relative; right:10px; top:-1px;}
.n_weizhi a{ color: #666666;font-size: 1em;padding:5px 15px 5px 15px; }
/*工程案例*/
.case_list li{ float:left; width:378px; height:268px; margin:5px; position:relative; list-style: none;}
.case_list li:nth-child(3n+1){ }
.case_list li .case_img{ display:block; width:378px; height:268px; object-fit: cover;}
.case_list li .mb{ position:absolute; left:0; top:0; width:378px; height:268px; background:rgba(0,0,0,0.5); transition:all 0.3s;}
.case_list li .txt{ position:absolute; left:0; top:50%; margin-top:-38px; width:100%;}
.case_list li .txt .txt1{ font-size:20px; color:#ffffff; font-weight:bold; line-height:40px; height:40px; text-align:center;}
.case_list li .txt .txt2{ font-size:12px; color:#ffffff; text-transform:uppercase; line-height:36px; height:36px; text-align:center;}
.case_list li:hover .mb{ background:rgba(0,0,0,0.2);}


.clearfix::after {
  content: "";
  clear: both;
  overflow: hidden;
  display: block;
  height: 0;
  visibility: hidden;
}

.tabTexta {
    position: absolute;
    top: 55%;
    left: 49%;
    z-index: 9999;
    color: white !important;
    font-size: 1.7em;
    text-decoration: none !important;
}

@media (max-width:428px) {
.tabTexta{top: 35%;left: 29%;font-size: 1em;}
}
@media (max-width:427px) {
.tabTexta{ top: 45%;left: 19%;font-size: 1em;}
}
@media (max-width:415px) {
.tabTexta{ top: 33%;left: 22%;font-size: 1em;}
}
@media (max-width:376px) {
.tabTexta{ top: 35%;left:22%;font-size: 1em;}
}