.kefu_r{
    position: fixed;
    right:0 ;
    top: 10%;
    width: 150px;
    background: #fff;
    z-index: 9;
}
.kf-img{
    position: relative;
}
.kf-img img{
    width: 100%;
}
.kf-img span{
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    border: 1px solid red;
    color: red;
    background: #fff;
    height: 13px;
    line-height: 14px;
    padding: 2px;
    cursor: pointer;
}
.kefu_con ul li{
    text-align: center;
    margin: 15px 0;
}
.kefu_con ul li p img{
    max-width: 100%;
}
.kf_open{
    display: none;
    border: 1px solid red;
    color: red;
    position: fixed;
    right:0 ;
    top: 10%;
    width: 15px;
    text-align: center;
    background: #fff;
}
.w1200{
    width: 1260px;
    margin: auto;
}
.swiper-pagination .swiper-pagination-bullet-active{
    background: #d25e01;
}
 .swiper-pagination-bullet{
    background:#fff;
     opacity: 1;
}
.top{
    height: 135px;
    padding-top: 15px;
    background: url('../images/top-bg.jpg');
    background-repeat: repeat-x;
}
.logo{
    width: 340px;
}
.logo img{
    max-width: 100%;
}

.top-cen{
    line-height: 35px;
    padding-top: 18px;
    width: 500px;
    text-align: center;
}
.top-r{
    width: 358px;
    font-size: 14px;
    line-height: 35px;
}
.top-r .t-tel{
    color: #01b176;
    font-weight: bold;
    font-size: 14px;
}
.top-r .top-tel .tel-con-r{
    text-indent: 20px;
}
.top-r .top-tel .tel-con-r .tel{
    font-size: 27px;
    font-weight: bold;
    color: red;
    margin-top: 10px;
}
.top-r .top-tel .tel-con-r{
    line-height: 24px;
}
.top-r .top-desc{
    line-height: 22px;
    padding-top: 10px;
}
.nav-bg{
    background: url('../images/nav-bg.jpg');
    background-repeat:repeat-x ;
    height: 38px;
}
.top-r .top-desc p{
    background: url('../images/d.png') no-repeat left center;
    text-indent: 20px;
}
.nav ul li a{
    color: #fff;
}
.nav ul li{
    float: left;
    width: 11%;
    text-align: center;
    position: relative;
}
.nav ul li a.ty{
    line-height: 38px;
	font-weight:bold;
    font-size: 18px;
}
.nav ul li.on{
    background: url('../images/nav-on-bg.jpg');
    background-repeat:repeat-x ;
}
.nav ul li:hover{
    background: url('../images/nav-on-bg.jpg');
    background-repeat:repeat-x ;
}

.nav ul li a.ty span{
    background: url('../images/nav-xh.jpg') no-repeat;
    width: 2px;
    height: 30px;
    display: inline-block;
    float: left;
    margin-top: 4px;
}
.nav ul li dl dd{
    height: 38px;
    line-height: 38px;
}
.nav ul li dl dd a{
    font-size: 13px;
}
.nav ul li dl{
    display: none;
    width: 100%;
    z-index: 9;
    background: url('../images/nav-bg.jpg');
    position: absolute;
    left: 0;
}
.nav ul li:hover dl{
    display: block;
}
.main{
    background: #fff;
}
.typename{
    text-align: center;
    padding: 40px 0 40px 0;
}
.typename p a{
    bottom: -8px;
    background: #fc9f24;
    color: #fff;
    font-size: 22px;
    border-radius: 5px;
    display: block;
    position: absolute;
    width: 150px;
    height: 35px;
    line-height: 35px;
}
.typename p{
    display: inline-block;
    border: 1px solid #fc9f24;
    border-radius: 5px;
    padding: 0 10px;
    position: relative;
    height: 35px;
    width: 150px;
}
.typedesc {
    width: 96%;
    margin:auto;
    line-height: 26px;
}
.model{
    padding: 30px 0;
}
.model img{
    max-width: 100%;
}
.model li{
    float: left;
    width: 400px;
    margin: 0 10px;
    position: relative;
    margin-bottom: 20px;
    overflow: hidden;
}
.model li a.pic{
    width: 400px;
    height: 307px;
}
.model li .pic-con{
    position: absolute;
    bottom: -307px;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    opacity: 0;
    font-size: 16px;
}
.model li .pic-con a{
    color: #fff;
}
.model li .pic-con a .t{
    font-size: 24px;
    padding-bottom: 20px;
    text-align: center;
    padding-top: 10px;
}
.model li:hover .pic-con{
    bottom: 0;
    text-align: center;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    opacity: 1;
}
.model li .more{
    position: absolute;
    right: 20px;
    bottom: 17px;
    opacity: 0;
}
.model li:hover .more{
    opacity: 1;
}
 .tmore{
    text-align: center;
}
.tmore a{
    width: 100px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    background: #ff9913;
    display: block;
    text-align: center;
    border-radius: 20px;
    margin: auto;
}
.model2 li:hover .pic-con a .t{
    border-bottom: 1px solid #fff;
    padding-bottom: 0;
}
.model2 li .pic-con{
    opacity: 1;
    bottom: -255px;
}
.group{
    padding: 20px 0;
}
.group img{
    max-width: 100%;

}
.group li {
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
    overflow: hidden;
}
.group li .pic{
    width: 300px;
    height: 220px;
    overflow: hidden;

}
.group li .pic img{
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}

.group li .t{
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 20px;
    background: #f5f5f5;
}
.quw li .t{
    background: #cecccb;
    font-weight: bold;
}
.group li:hover .t{
    background: #ff9913;
    color: #fff;
}
.group li:hover a.pic img{
    -webkit-transform: scale(1.2,1.2);
    -moz-transform: scale(1.2,1.2);
    -ms-transform: scale(1.2,1.2);
    -o-transform: scale(1.2,1.2);
    transform: scale(1.2,1.2);
}

.group2 li{
    width: 400px;
    margin: 0 10px;
    margin-bottom: 20px;
}
.group2 li .t{
    text-indent: 20px;
    background: #ff9913;
    height: 50px;
    line-height: 50px;
    text-align: left;
    color: #fff;
}
.group2 li .t a{
    float: right;
    margin-right: 15px;
    display: none;
}
.group2 li:hover .t a{
    display: block;
}
.group2 li .pic{
    width: 400px;
    height: 257px;
}
.nei_xu {
    width: 1100px;
    margin: auto;
    overflow: hidden;
}
.nei_xu li{
    width: 253px;
    background: #f0f0f0;
    float: left;
    text-align: center;
    padding: 50px 0 30px 0;
    border-radius: 30px;
    margin-right: 28px;
    margin-bottom: 28px;
}
.nei_xu li:last-child{
    margin-right: 0;
}
.nei_xu li a .pic{
    width: 57px;
    height: 35px;
}
.nei_xu li a .t{
    font-size: 24px;
    padding: 30px 0 15px 0;
}
.nei_xu li a .desc{
    font-size: 16px;
    color: #666;
}
.nei_xu li.no{
    margin-right: 0;
}
.idx-case img{
    max-width: 100%;
}
.idx-case .group li{
    margin: 20px 10px;
}
.idx-case .group li .pic{
    width: 280px;
    height: 206px;
}
.idx-case .group{
    padding: 27px;
}
.idx-case .group li{
    margin: 0 10px 20px 10px;
    height: 280px;
}
.idx-case .group li .t{
    background: #fff;
    color: #d25e01;
}
.swiper-pagination2 .swiper-pagination-bullet{
    background: #ccc;
}
.swiper-pagination2 .swiper-pagination-bullet-active{
    background: #d25e01;
}
.idx-case .group li:hover .t{
    background: #ff9913;
    color: #fff;
}
.footer{
    background: #444444;
    color: #fff;
    opacity: 0.9;
    font-size: 16px;
    padding: 50px 0 20px 0;
}
.footer .con-l{
    line-height: 35px;
    border-right: 1px solid #ddd;
    padding-right: 1%;
    margin-right: 1%;
    height: 100%;
    width: 35%;
}
.footer a{
    color: #fff;
    opacity: 0.9;
    font-size: 16px;
}
.footer .con-r a{
    opacity: 0.5;
}
.footer .con-cen{
    width: 10%;
    overflow: hidden;
}
.footer .con-r{
    border-left: 1px solid #ddd;
    padding-left: 1%;
    margin-left: 1%;
    width: 638px;
}
.footer .con-r li a.t{
    font-size: 20px;
    color: #fff;
    opacity: 1;
}
.footer .con-r li a{
    white-space: nowrap;
}
.footer .con-r li{
    line-height: 30px;
    float: left;
    width: 126px;
}
.footer .con-r li:last-child{
    padding-right: 0;
}
.copyright{
    padding-top: 20px;
    margin-top: 10px;
    border-top: 1px solid #ddd;
    color: #fff;
    opacity: 0.9;
    text-align: center;
}

.inbanner{
    height: 400px;
}
.pos{
    height: 40px;
    line-height: 40px;
    background: #f5f5f5;
}
.sides_left{
    width: 300px;
    padding-top: 30px;
}
.sides_left ul li{
    line-height: 50px;
    background: #eeeeee;
}
.sides_left ul li.first{
    line-height: 60px;
    background: #ff9913;
}

.sides_left ul li.first a{
    border-bottom: none;
    color: #fff;
}
.sides_left ul li.on{
    background: #f1d779;
}
.sides_left ul li a{
    width: 90%;
    display: block;
    height: 100%;
    margin: auto;
    border-bottom: 1px solid #fff;
    text-align: center;
    font-size:18px;
}
.sides_left ul li.on a{
    border-bottom: none;
}
.sides_left ul li:last-child a{
    border-bottom: none;
}
.expand .group2{
    float: right;
    width: 916px;
}
.expand .group2 li{
    width: 285px;
}
.expand .group2 li.no{
    margin-right: 0;
}
.expand .group2 li .pic{
    height: 210px;
    width: 285px;
}
.expand .group2 li .pic img{
    max-width: 100%;
}
.column{
    margin-left: 10px;
    padding: 30px 0;
    position: relative;
}
.column dd{
    float: left;
    background: #f2f2f2;
    padding: 0px 10px;
    line-height: 45px;
    font-size: 16px;
    margin-right: 16px;
}
.column dd ul{
    position: absolute;
    left:0;
    top: 85px;
    width: 100%;
    text-align: center;
}
.sontype{
    text-align: center;
}
.sontype ul li{
    background: #f2f2f2;
    height: 38px;
    padding: 0 5px;
    line-height: 38px;
    margin-right: 39px;
    width: 13%;
    text-align: center;
    display: inline-block;
}
.column dd ul li a{
    color: #000 !important;
}
.sontype ul li.on{
    background: url(../images/nav-bg.jpg) ;
}
.sontype ul li.on a{
    color: #fff !important;
}
.column dd.on{
    background: #ff9913;
}
.column dd.on a{
    color: #fff;
}
.content-r{
    padding-top: 30px;
    width: 906px;
    line-height: 26px;
}
.content-r .group{
    padding-top: 0;
}
.content-r img{
    max-width: 100%;
}
.content-r .detail_title{
    font-weight: 400;
    font-size: 22px;
    text-align: center;
    padding-bottom: 20px;
}
.content-r  .tabs {
    color: #666;
    text-align: center;
    padding-bottom: 20px;
}
.caselist .column{
    text-align: center;
}
.caselist .column dd{
    float: none;
    display: inline-block;
    width: 13%;

}
.caselist .group{
    float: right;
}
.caselist .group li .pic{
    width: 281px;
    height: 206px;
}

.newslist li .date{
    width: 8%;
    margin-right: 4%;
    text-align: center;
}
.newslist li .date .md{
    height: 35px;
    line-height: 35px;
    background: #ff9913;
    color: #fff;

}
.newslist li .date .y{
    background: #f6f6f6;
    height: 35px;
    line-height: 35px;
}
.newslist li .con{
    width: 80%;
}
.newslist li .con .desc{
    font-size: 13px;
    color: #666;
    -webkit-line-clamp:2;
}
.newslist li .con .t{
    font-size: 15px;
}
.newslist li{
    overflow: hidden;
    border-bottom: 1px #ddd dashed;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.fenye {
    text-align: center;
    padding-bottom: 100px;
    padding-top: 30px;
}
.fenye li{
    display: inline-block;
    margin: 0 4px;
}
.fenye li:first-child{
    display: none;
}
.fenye li a{
    border: 1px solid #ddd;
    height: 35px;
    line-height: 35px;
    padding: 0 15px;
    display: block;
}
.fenye li a.sel{
    background: #fc9f24;
    color: #fff;
    border-color: #fc9f24;
}
.swiper-container1  a{
    height: 499px;
    display: block;
}
.phone-show{
    display: none;
}
.main-01 .list li.first {
    border-left: 1px solid #ddd;
}

.main-01 .list li {
    width: 208px;
    height: 118px;
    float: left;
    background: #f3f3f3 url(../images/bg_10.jpg) repeat-y right;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
}

.main-01 .list li>a {
    display: block;
}
.main-01 .list li>a .pic {
    width: 88px;
    height: 118px;
}
.main-01 .list li>a .pic div {
    display: table-cell;
    width: 88px;
    height: 118px;
    vertical-align: middle;
    text-align: center;
}
.main-01 .list li>a .pic div img {
    max-width: 88px;
    max-height: 118px;
}
.main-01 .list li>a .two {
    display: none;
}


.main-01 .list li>a .txt {
    width: 100%;
    padding: 0;
    text-align: center;
    height: 118px;
}
.main-01 .list li>a .txt .t {
    font-size: 20px;
    color: #FF283C;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 34px;
    margin-bottom: 10px;
}
.main-01 .list li>a .txt .t b{
    font-size: 35px;
}
.main-01 .list li>a .txt .d {
    font-size: 14px;
    color: #666666;
    line-height: 20px;
}
.main-01 .list {
    margin-bottom: 30px;
    margin-top: 0px;
    background: #fff;
    padding: 0 5px;
}
.main-01 .list li:hover {
    border-color: #fc9f24;
    background: #fc9f24;
}
.main-01 .list li:hover a{
    background: #fc9f24;
    border-color: #fc9f24;
}
.main-01 .list li:hover a .txt .t,.main-01 .list li:hover a .txt .d{
    color: #fff;
}
.main-01 .list li:hover .pic .one {
    display: none;
}
.main-01 .list li:hover .pic .two {
    display: initial;
}
.advantage{
    padding: 20px 0;
    background: #fff;
}
.caselist .group li{
    width: 280px;
}
@media screen and (max-width: 1200px) {
    .idx-case .group li{
        height: 200px;
    }
    .w1200{
        width: 90%;
    }
    .logo{
        width: 25%;
        padding-top: 14px;
    }
    .top-cen{
        width: 34%;
    }
    .top-r{
        width: 40%;
    }
    .swiper-container1 a{
        height: 266px;
        background-size: 100% !important;
    }
    .typename{
        padding: 30px 0 30px 0;
    }
    .model{
        padding: 20px 0;
    }
    .model li{
        width: 285px;
        margin: 0 11px;
        margin-bottom: 20px;
    }
    .model li a.pic{
        width: 285px;
        height: 219px;
    }
    .group li .pic{
        width: 215px;
        height: 158px;
    }
    .group li .t{
        height: 48px;
        line-height: 48px;
        font-size: 16px;
    }
    .group2 li{
        width: 287px;
    }
    .group2 li .pic{
        width: 288px;
        height: 184px;
    }
    .nei_xu{
        width: 99%;
    }
    .nei_xu li{
        width: 207px;
        padding: 40px 0 30px 0;
    }
    .nei_xu li a .t{
        padding: 20px 0 15px 0;
    }
    .idx-case .group li .pic{
        width: 197px;
        height: 145px;
    }
    .footer .con-l{
        width: 65%;
    }
    .footer .con-cen{
        width: 29%;
        text-align: center;
    }
    .footer .con-r{
        width: 100%;
        border-left: none;
        padding-top: 20px;
    }
    .footer .con-r li{
        width: 184px;
    }
    .inbanner{
        background-size: 100% !important;
        height: 213px;
    }
    .sides_left{
        width: 210px;
    }
    .content-r{
        width: 670px;
        padding-right: 10px;
    }
    .expand-r{
        width:670px;
    }
    .expand .group2{
        width:670px;
    }
    .expand .group2 li{
        width: 204px;
    }
    .expand .group2 li .pic{
        height: auto;
        width: 204px;
    }
    .caselist .group li .pic{
        width: 203px;
        height: 150px;
    }
}
@media screen and (max-width: 1024px) {
    .main-01 .list{
        text-align: center;
    }

    .main-01 .list li{
        float: none;
        display: inline-block;
        background: none;
        border-bottom:none;
        border-top:none;
        border: 1px solid #c2c2c2;
    }
    .nei_xu li{
        width: 203px;
    }
    .model li{
        width: 280px;
    }
    .group li .pic{
        width: 211px;
    }
    .group2 li{
        width: 282px;
    }
    .group2 li .pic{
        width: 282px;
    }
    .idx-case .group li .pic{
        width: 193px;
    }
    .footer .con-r li{
        width: 180px;
    }
}
@media screen and (max-width: 800px) {
    .main-01 .list li,.main-01 .list li.first{
        width: 40%;
    }
    .caselist .group li{
        margin-right: 5px;
        margin-bottom: 10px;
        margin-left: 5px;
    }
    .caselist .group li .pic{
        width: 211px;
        height: 158px;
    }
    .column dd{
        margin-bottom: 16px;
    }
    .expand-r{
        width: 100%;
        float: none;
    }
    .expand .group2{
        width: 100%;
    }
    .expand .group2 li{
        width: 220px;
        margin-right: 5px;
        margin-bottom: 10px;
        margin-left: 5px;
        height: 195px;
    }
    .expand .group2 li .pic {
        height: 148px;
        width: 220px;
        overflow: hidden;
        display: block;
    }
    .m_menu{
        height: 50px;
        display: flex;
        background: url(../images/top-bg.jpg);
        background-repeat: repeat-x;
        color: #fff;
        top: 0;
    }
    .m_logo{
        width: 85%;
        float: left;
        text-align: center;
    }
    .m_logo img {
        max-width: 100%;
        max-height: 40px;
        padding-top: 4px;

    }
    .menu_but{
        float: right;
        width: 6%;
        padding-top: 8px;
        padding-left: 8%;
        position: relative;
    }
    .menu_but .but{
        text-align: center;
        width: 40px;
    }
    .menu_but .but img{
        max-width: 100%;
    }
    .menu_list{
        background: #D86202;
        position: absolute;
        width: 203px;
        top: 50px;
        left: -88px;
        display: none;
    }
    .menu_list li{
        position: relative;
        border-bottom: 1px solid #fff;

    }
    .menu_list li a.mtype{
        width: 150px;
        float: left;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        padding: 12px 0;
        text-indent: 10px;
        color: #fff;
    }
    .menu_list li span.ioc{
        float: right;
        width: 17px;
        text-align: center;
        height: 17px;
        padding-right: 15px;
        padding-top: 12px;
    }
    .menu_list li span.ioc img{
        max-width: 100%;
    }

    .menu_list li dl{
        background: #D86202;
        display: none;
        position: absolute;
        width: 100%;
        z-index: 9;
        top: 43px;
    }
    .menu_list li dl dd{
        height: 43px;
        line-height: 43px;
        border-bottom: 1px solid #fff;
        text-indent: 20px;
    }
    .menu_list li dl dd a{
        color: #fff;
    }
    .menu_list li dl dd:first-child{
        border-top: 1px solid #fff;
    }
    .menu_list li dl dd:last-child{
        border-bottom: none;
    }

    .swiper-container1{
        padding-top: 50px;
    }

    .model li {
        width: 48%;
        margin: 0 1%;
        margin-bottom: 2%;
    }
    .model li a.pic{
        width: 331px;
        height: auto;
    }
    .model li .pic-con a .t{
        font-size: 16px;
    }
    .group li{
        margin-right: 22px;
        margin-bottom: 42px;
        margin-left: 22px;
    }
    .group li .pic{
        width: 301px;
        height: 221px;
    }
    .group2 li{
        width: 301px;
    }
    .group2 li .pic{
        width: 301px;
        height: auto;
    }
    .nei_xu li{
        padding: 26px 0 21px 0;
        width: 150px;
    }
    .nei_xu li a .t {
        font-size: 18px;
        padding: 14px 0 15px 0;
    }
    .idx-case .group li{
        margin: 0 19px 38px 19px;
    }
    .idx-case .group li .pic{
        width: 280px;
        height: auto;
    }
    .footer .con-r li{
        width: 136px;
    }
    .model li:hover .pic-con,.model li:hover .more,.model2 li .pic-con{
        display: none;
    }
    .content-r{
        width: 96%;
        padding: 30px 0;
        float: none;
        margin: auto;
    }
    .inbanner {
        height: 158px;
        margin-top: 50px;
    }
    .m_logo{
        text-align: left;
        padding-left: 30px;
    }
    .phone-hide{
        display: none;
    }
    .phone-show{
        display: block;
    }
}
@media screen and (max-width: 640px) {
    .sontype ul li{
        margin: 0 1% 1% 0;
        width: 36%;
    }
    .main-01 .list li,.main-01 .list li.first{
        width: 46%;
        margin-bottom: 1px;
    }
    .caselist .group li{
        width: 168px;
    }
    .newslist li .date{
        width: 15%;
    }
    .m_logo{
        text-align: center;
        padding-left: 0;
    }
    .fenye li:last-child{
        display: none;
    }
    .caselist .group li .pic{
        width: 168px;
        height: 126px;
        display: block;
    }
    .expand .group2 li{
        width: 176px;
        height: auto;
    }
    .expand .group2 li.no{
        margin-right: 5px;
    }
    .column dd{
        width: 46%;
        padding: 0;
        margin-right: 4%;
        text-align: center;
    }
    .inbanner {
      display: none;
    }
    .pos{
        margin-top: 50px;
    }
    .swiper-container1 a{
        height: 175px;
        background-size: 100% !important;
    }
    .menu_but{
        padding-left: 1%;
    }
    .menu_list{
        left: -141px;
    }
    .model li a.pic{
        width: 178px;
        height: 135px;
    }
    .group li{
        margin-right: 5px;
        margin-left: 5px;
        margin-bottom: 8px;
    }
    .group li .pic{
        width: 176px;
        height: 112px;
    }
    .group li .t{
        height: 35px;
        line-height: 35px;
        font-size: 14px;
        text-indent: 0;
        text-align: center;
    }
    .group2 li{
        width: 176px;
    }
    .nei_xu li{
        margin: 0 1%;
        width: 48%;
        height: 116px;
        margin-bottom: 2%;
    }
    .footer .con-l{
        width: 100%;
        line-height: 26px;
    }
    .footer .con-cen{
        width: 100%;
    }
    .footer .con-r{
        display: none;
    }

}
@media screen and (max-width: 400px) {
    .model li a.pic{
        height: 123px;
    }
    .caselist .group li,.caselist .group li .pic {
        width: 152px;
    }

    .group li .pic ,.group2 li{
        width: 158px;
    }
    .expand .group2 li{
        width: 158px;
        height: 140px;
    }
    .expand .group2 li{
        width: 158px;
    }
    .expand .group2 li .pic{
        width: 158px;
        height: 106px;
    }
    .main-01 .list li>a .pic,.main-01 .list li>a .pic div{
        width: 70px;
    }


}
@media screen and (max-width: 370px) {
    .group li .pic, .group2 li ,.expand .group2 li{
        width: 152px;
    }
    .caselist .group li,.caselist .group li .pic {
        width: 145px;

    }
    .caselist .group li .pic{
        height: 110px;
    }

}
@media screen and (max-width: 320px) {
    .caselist .group li .pic{
        width: 128px;
    }
    .group li .pic ,.group2 li{
        width: 134px;
    }
    .nei_xu li{
        height: 100px;
    }
    .nei_xu li a .t{
        padding: 7px 0 8px 0;
    }
    .expand .group2 li{
        width: 134px;
    }
    .main-01 .list li>a .pic,.main-01 .list li>a .pic div{
        width: 70px;
    }
    .main-01 .list li.first>a .txt,.main-01 .list li>a .txt{
        width: 125px;
    }
}