@charset "utf-8";

.it_tit{font-size: 34px;color: #333;padding: 90px 0 60px;text-align: center;}

.case_item01{background: #f4f4f4;overflow: hidden;padding-bottom: 124px;}
.case_item01 li{width:220px;float: left;background: #fff;text-align: center;margin: 0 10px;padding:26px 0 39px;box-shadow: 0 0 16px #e0dfdf;}
.case_item01 li p{text-align: center;}
.case_item01 li .t{padding-top: 15px;font-size: 18px;color: #555;}
.case_item01 li .info{margin:22px 0;padding:0 22px;font-size: 14px;color: #666;line-height: 24px;height: 140px;overflow: hidden;}
.case_item01 li .more a{font-size: 14px;color: #198df7;border: 1px #198df7 solid;width: 123px;height: 38px;line-height: 38px;display: inline-block;border-radius: 38px;}
.case_item01 li .more a:hover{background: #198df7;color: #fff;}
.case_item01 .img img{width: 115px;height: 115px;border-radius: 50%;border: 1px  #e1e1e1 solid;}

.case_item02{padding-bottom: 120px;}
.case_item02 #myTab{text-align: center;margin-bottom: 70px;border-bottom:1px #e5e5e5 solid;}
.case_item02 #myTab li{font-size: 18px;color:#333;display: inline-block;padding: 0 40px 24px;border-bottom: 2px #fff solid;cursor: pointer;}
.case_item02 #myTab li.active{color:#488bff;border-bottom: 2px #488bff solid;}

.case_item02 .TabContent {min-height: 294px;}
.case_item02 .TabContent .con{overflow: hidden;}
.case_item02 .TabContent .none{display: none;}
.case_item02 .TabContent p{width: 16.6%;float: left;text-align: center;margin-bottom:40px;}
.case_item02 .TabContent p img{max-width:80%;max-height: 42px;}



@media screen and (max-width:1220px){

    .it_tit{font-size: 22px;padding:50px 0 30px;}

    .case_item01 li{margin:0 2% 20px;width: 96%;padding: 16px 0 20px;}
    .case_item01 li .info{height: auto;}
    .case_item01 .img img{width: 80px;height: 80px;}
    .case_item01 li .more a{height: 34px;line-height: 34px;}

    .case_item02,.case_item01{padding-bottom:40px;}
    .case_item02 #myTab{ margin-bottom: 30px;}
    .case_item02 #myTab li{font-size: 15px;padding: 0 10px 14px;}
    .case_item02 .TabContent p{width: 33.3%;margin-bottom: 10px;}
    .case_item02 .TabContent p img{max-height: 20px;}
}

@media screen and (max-width:801px){
    .it_tit{font-size: 18px;padding:30px 0 30px;}
}

@media screen and (max-width:430px){
    .case_item02 #myTab li{font-size: 12px;padding: 0 6px 10px;}
}