.row{display: flex;justify-content: space-between;margin: 30px auto 60px;}
.iAbout{width: 395px;height: 360px;background: #f5f5f5;padding: 5px 18px 18px;box-sizing: border-box;}
.iAbout p{line-height: 50px;border-bottom: 1px solid #d4d4d4;text-align: center;font-size: 16px;color: #2a2a2a;}
.iAbout .info{margin: 15px 5px 0;position: relative;}
.iAbout .info img{width: 100%;}
.iAbout .info .summary{font-size: 14px;color: #2a2a2a;line-height: 24px;margin-top: 10px;}
.iAbout .info a{font-size: 14px;color: #1f9689;position: absolute;right: 30px;bottom: 0px;line-height: 24px;}
.iAbout .info a:hover{font-weight:bold}
.iProduct{width: 437px;height: 360px;}
.iProduct .mb{background: rgba(0,0,0,.4);width: 100%;height: 100%;color: #fff;text-align: center;}
.iProduct .mb p{font-size: 26px;padding-top: 135px;}
.iProduct .mb a{width: 78px;height: 23px;line-height: 23px;font-size: 14px;font-family: arial;border-radius: 30px;margin-top: 20px;border: 1px solid #fff;display: inline-block;color: #fff;opacity: 0.6;}
.iProduct .mb a:hover{opacity: 1;}
.iContact{width: 330px;height: 360px;background: #f7f7f7;padding:5px 43px;box-sizing: border-box;}
.iContact p{line-height: 70px;border-bottom: 1px solid #d9d9d9;text-align: center;font-size: 16px;color: #2a2a2a;}
.iContact ul{padding:5px 13px;}
.iContact ul li{padding: 13px 0;border-bottom: 1px dashed #bebebe;font-size: 14px;color: #464646;line-height: 24px;transition: all .3s ease-in-out}
.iContact ul li:hover{transform: scale(1.1)}

@media screen and (max-width:1024px){
    .row{display:block;margin: 7vw auto 10vw;}
    .iAbout,.iProduct,.iContact{width:100%;/* height: auto; */}
    .iAbout{height:auto;}
    .iAbout .info{padding-bottom: 25px;}
    .iAbout .info .summary{/* font-size:12px */}
    .iAbout .info a{background:#f7f7f7}
    .iProduct{height: 95vw;background-size: cover!important;}
    .iProduct .mb p{padding-top:calc(50% - 14vw)}
    .iContact{padding:5px 5vw}

}