@media (max-width: 1520px) { .container { max-width: 1200px !important; margin: 0 auto; } .prev,.next{ display: none; } } @media only screen and (max-width: 1920px) { .tab_con{ min-height: 500px; } } @media only screen and (max-width: 1200px) { .container{ width:90%; } .tab_list{ margin: 34px 0 20px 0!important; } .tab_list li{ width: 90px!important; height: 40px!important; font-size: 14px; line-height: 38px; } .introduce .intro-tit{ font-size: 16px; } .introduce .intro-con{ font-size: 16px; word-break:break-all; display: block; } .introduce .intro-con div{ width: 100% !important; } .introduce .intro-con img{ margin-left: 0; } } @media (max-width: 992px) { .container{ width:90%; } .left-item{ margin-bottom: 0!important; } } @media (min-width: 720px) and (max-width: 992px) { .container{ width:90%; } } @media (max-width: 720px) { .container{ width:90%; } } @media (max-width: 576px){ .container{ width: 90%!important; margin:0 auto!important; box-sizing: border-box; } .prev,.next{ display: none; } .lead{ display: flex; flex-direction: column; justify-content: center; } .lead-item{ margin: 0!important; } .lead-item:nth-child(3n+3) { margin-right: 0!important; } .lead-item:nth-child(5n+5) { margin-right: 0!important; } .introduce .intro-tit{ font-size: 16px; } .introduce .intro-con{ font-size: 16px!important; } .lead-item .lend-text{ -webkit-line-clamp:4!important; margin-bottom: 20px; cursor: pointer; } } body{ margin: 0; } .tab_list { /*height: 52px;*/ font-size: 16px; font-family: PingFangSC-Semibold, PingFang SC; line-height: 40px; font-weight: 600; color: #34B09F; margin: 45px 0px; } .tab_list ul{ display: flex; justify-content: center; } .tab_list li { width: 122px; height: 44px; background: #FFFFFF; border-radius: 100px; border: 2px solid #D4E9E6; text-align: center; cursor: pointer; margin:0 10px; } .tab_list .current { border: 2px solid #34B09F; } .item { display: none; font-family: PingFangSC-Semibold, PingFang SC; position: relative; } .item .prev{ position: absolute; left: -100px; top: 54px; width: 21px; cursor: pointer; } .item .next{ position: absolute; right: -100px; top: 54px; width: 21px; cursor: pointer; } .introduce .left .intro-con{ font-size: 16px; } .left { /*width: 569px;*/ width: 100%; display: flex; justify-content: space-between; } .left-item{ display: flex; margin-bottom: 38px; flex: none; } .intro-tit{ font-size: 16px; font-family: PingFangSC-Semibold, PingFang SC; font-weight: 600; color: #34B09F; line-height: 31px; margin-bottom: 7px; margin-right: 10px; } .intro-con{ font-size: 15px; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #555555; line-height: 31px; margin-bottom: 23px; word-break:break-all; display: flex; flex-wrap: wrap; justify-content: space-between; /*margin-right: 20px;*/ } .intro-con div{ width: 65%; } .intro-con img{ width:353px; height:200px; object-fit: cover; flex: none; margin-left: 20px; } .lead{ /*display: flex;*/ /*flex-wrap: wrap;*/ } .lead-item{ /*line-height: 38px;*/ flex: none; margin-bottom: 23px; } .lead-item .lead-name{ font-size: 17px; font-family: PingFangSC-Regular, PingFang SC; font-weight: 500; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 17px; } .lead-item .lead-tag{ color: #329487; margin-left: 10px; font-size: 14px; line-height: 14px; font-family: PingFangSC-Medium, PingFang SC; font-weight: 500; color: #329487; } .lead-item .lend-text{ font-size: 15px; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #555555; line-height: 26px; } .banner{ width: 100%; } .banner img{ width: 100%; }