@media only screen and (max-width: 1920px) { /*璧勮*/ .news{ width: 1200px; padding: 43px 0 56px 0; margin: 0 auto; } /*涓氬姟銆佹渚?/ .show{ width: 1200px; margin: 0px auto; padding-bottom: 100px; } .news-img{ display: block; width: 450px; height: 340px; margin-right: 56px; margin-top:20px; object-fit: cover; } } @media only screen and (max-width: 1520px) { /*璧勮*/ .news,.show{ width: 1140px; } .show-item img{ width: 448px!important; } .show-item .show-desc{ width: 511px!important; } .case-item{ margin-right: 57px!important; } } @media only screen and (max-width: 1200px) { /*璧勮*/ /*.news{*/ /* width: 960px;*/ /* !*padding: 43px 0 109px 0;*!*/ /* !*margin: 0 auto;*!*/ /*}*/ .news,.show{ width: 960px; } .news .news-tit{ width: 550px!important; font-size: 18px; } .news .news-desc .news-time{ font-size: 18px!important; } .show .tab_list{ margin-bottom: 0px!important; } /*.news .news-tit{*/ /* width: 200px!important;*/ /* font-size: 14px;*/ /*}*/ .news .news-desc .news-time{ font-size: 14px!important; } .news .news-dot{ width: 5px!important; height: 5px!important; margin-right: 11px!important; } .tab_list li{ width: 90px!important; height: 40px!important; font-size: 14px; line-height: 38px; } .item-title{ font-size: 18px!important; margin: 20px 0 25px 0px !important; } .show-item img{ width: 400px!important; height: 320px!important; } .show-item .show-desc{ width: 500px!important; } .show-desc .liangdian-img{ width: 15px!important; height: 15px!important; margin-top: 5.5px; } .show-desc .show-tit{ font-size: 24px!important; line-height: 40px!important; } .liangdian-desc{ /*margin-left: 5px!important;*/ } .show-introduce{ width: 500px!important; font-size: 16px!important; line-height: 1.5!important; /*margin-bottom: 0px!important;*/ } .show-tit2{ font-size: 16px!important; line-height: 20px!important; height: 26px!important; } .liangdian-intro{ font-size: 14px!important; /*width: 450px!important;*/ line-height: 1.5!important; } .case{ display: flex; flex-direction: column!important; align-items: center; justify-content: center; } .case .case-item{ margin-right: 0; } #carouselExampleControls,#carouselExampleControls .carousel-inner img{ display: none!important; } } @media (max-width: 992px) { .carousel{ margin-top: 63px; } .news,.show{ width: 750px; } .news .news-tit{ width: 450px!important; font-size: 16px; } .news .news-desc .news-time{ font-size: 16px!important; } .show { padding-bottom: 20px; } .news .news-desc .news-time{ font-size: 14px!important; } .news .news-dot{ width: 5px!important; height: 5px!important; margin-right: 11px!important; } .tab_list li{ width: 90px!important; height: 40px!important; font-size: 14px; line-height: 38px; } .item-title{ font-size: 18px!important; margin: 20px 0 25px 0px !important; } .show-item{ margin-top: 20px!important; } .show-item img{ width: 300px!important; height: 240px!important; } .show-item .show-desc{ width: 400px!important; } .show-desc .liangdian-img{ width: 15px!important; height: 15px!important; margin-top: 5.5px; } .show-desc .show-tit{ font-size: 24px!important; line-height: 40px!important; } .liangdian-desc{ /*margin-left: 5px!important;*/ } .show-introduce{ width: 400px!important; font-size: 16px!important; line-height: 1.5!important; /*margin-bottom: 0px!important;*/ } .show-tit2{ font-size: 16px!important; line-height: 20px!important; height: 26px!important; } .liangdian-intro{ font-size: 14px!important; /*width: 350px!important;*/ line-height: 1.5!important; } .case{ display: flex; flex-direction: column!important; align-items: center; justify-content: center; } .case .case-item{ margin-right: 0; } } @media only screen and (max-width: 768px) { /*璧勮*/ /*.news{*/ /* width: 600px;*/ /* padding: 43px 0 109px 0;*/ /* margin: 0 auto;*/ /*}*/ .tab_list{ margin: 0!important; } .news,.show{ width: 600px; } .news .news-tit{ width: 300px!important; font-size: 14px; } .news .news-desc .news-time{ font-size: 14px!important; } .news .news-desc .news-time{ font-size: 14px!important; } .news .news-dot{ width: 5px!important; height: 5px!important; margin-right: 11px!important; } .tab_list li{ width: 90px!important; height: 40px!important; font-size: 14px; line-height: 38px; } .item-title{ font-size: 18px!important; margin: 20px 0 25px 0px !important; } .show-item img{ width: 250px!important; height: 200px!important; } .show-item .show-desc{ width: 300px!important; } .show-desc .liangdian-img{ width: 15px!important; height: 15px!important; margin-top: 5.5px; } .show-desc .show-tit{ font-size: 24px!important; line-height: 40px!important; } .liangdian-desc{ /*margin-left: 5px!important;*/ } .show-introduce{ width: 300px!important; font-size: 16px!important; line-height: 1.5!important; /*margin-bottom: 0px!important;*/ } .show-tit2{ font-size: 16px!important; line-height: 20px!important; height: 26px!important; } .liangdian-intro{ font-size: 14px!important; /*width: 250px!important;*/ line-height: 1.5!important; } } @media only screen and (max-width: 576px) { /*璧勮*/ .news{ /*width: 400px;*/ padding: 23px 0 40px 0; margin: 0 auto; } .news,.show{ width: 90%; margin: 0 auto; } .show .tab_list{ margin-bottom: 0px!important; } .news .news-tit{ width: 200px!important; font-size: 14px; } .news .news-desc .news-time{ font-size: 14px!important; } .news .news-dot{ width: 5px!important; height: 5px!important; margin-right: 11px!important; } .tab_list li{ width: 90px!important; height: 40px!important; font-size: 14px; line-height: 38px; } .item-title{ font-size: 18px!important; margin: 20px 0 25px 0px !important; } .show-item img{ width: 180px!important; height: 144px!important; } .show-item .show-desc{ width: 45%!important; } .show-desc .liangdian-img{ width: 15px!important; height: 15px!important; margin-top: 5.5px; } .show-desc .show-tit{ font-size: 16px!important; line-height: 25px!important; } .liangdian-desc{ /*margin-left: 5px!important;*/ } .show-introduce{ width: 100%!important; font-size: 13px!important; line-height: 18px!important; margin-bottom: 0px!important; } .show-tit2{ font-size: 14px!important; line-height: 20px!important; height: 20px!important; } .liangdian-intro{ font-size: 12px!important; /*width: 100%!important;*/ line-height: 15px!important; } .case{ display: flex; flex-direction: column!important; align-items: center; justify-content: center; } .case .case-item{ margin-right: 0; } } /*杞挱鍥?/ .carousel-inner img { width: 100%; height: 100%; } .tab_list { height: 52px; font-size: 16px; font-family: PingFangSC-Semibold, PingFang SC; line-height: 40px; font-weight: 600; color: #34B09F; margin-top: 54px; margin-bottom: 47px; } .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; min-height: 406px; } .item .item-title{ font-size: 27px; font-weight: 600; color: #34B09F; line-height: 28px; margin: 30px 0 37px 0px; } .item .news-list .list-item{ /*list-style-type: disc!important;*/ /*color: #34B09F;*/ display: flex; align-items: center; flex: 1; } .list-item .news-dot{ width: 8px; height: 8px; background-color: #34B09F; border-radius: 50%; margin-right: 22px; } .list-item .news-desc{ flex: 1; display: flex; justify-content: space-between; border-bottom: 2px solid #D4E9E6; padding: 21px 0 14px 0; cursor: pointer; font-size: 16px; font-family: PingFangSC-Regular, PingFang SC; line-height: 23px; font-weight: 400; color: #000000; } .list-item .news-desc .news-time{ font-size: 16px; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #555555; line-height: 23px; } .news-desc .news-tit{ width: 460px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .more, .more a{ text-align: right; font-size: 16px; color: #34B09F!important; line-height: 16px; margin-top: 29px; cursor: pointer; } /*涓氬姟*/ .show-item{ margin-top: 53px; } .show-item:nth-child(2n+1){ display: flex; justify-content: space-between; } .show-item:nth-child(2n+2){ display: flex; flex-direction: row-reverse; justify-content: space-between; } .show-item img{ width: 546px; height: 447px; } .show-item .show-desc{ width: 600px; /*flex: 1;*/ max-height: 447px; } .show-desc .show-tit{ font-size: 30px; font-family: PingFangSC-Heavy, PingFang SC; font-weight: 800; color: #34B09F; line-height: 72px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .show-introduce{ font-size: 16px; color: #555; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; line-height: 37px; width: 600px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; /* 鏁板€间唬琛ㄦ樉绀哄嚑琛 */ -webkit-box-orient: vertical; word-break: break-all; margin-bottom: 34px; } .show-desc .liangdian-img{ width: 26px; height: 26px; margin-top: 5.5px; } .show-desc .show-tit2{ height: 37px; font-size: 21px; font-family: PingFangSC-Semibold, PingFang SC; font-weight: 600; color: #34B09F; line-height: 37px; } .show-desc .liangdian-desc{ /*margin-left:17px;*/ } .show-desc .liangdian-intro{ font-size: 16px; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #555555; line-height: 25px; /*width: 371px;*/ overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; /* 鏁板€间唬琛ㄦ樉绀哄嚑琛 */ -webkit-box-orient: vertical; word-break: break-all; } .case{ display: flex; flex-wrap: wrap; } .case-item{ width: 371px; height: 396px; background: #FFFFFF; border-radius: 5px; border: 2px solid #E4F1FD; margin-right: 37px; margin-bottom: 37px; } .case-item:nth-child(3n+3){ margin-right: 0; } .case-item img{ width: 100%; height: 247px; object-fit: cover; } .case-desc{ padding: 25px; } .case-tit{ font-size: 25px; font-family: PingFangSC-Semibold; font-weight: 600; color: #000000; line-height: 37px; margin-bottom: 35px; } .case-desc a{ font-size: 20px; font-family: PingFangSC-Semibold, PingFang SC; font-weight: 600; color: #34B09F!important; line-height: 23px; } .box { width: 600px; height: 300px; background-color: pink; margin: 100px auto; } #carouselExampleControls{ width: 450px; height: 340px; } #carouselExampleControls,#carouselExampleControls .carousel-inner img{ display: block; width: 450px; height: 340px; margin-right: 56px; object-fit: cover; } .carousel-indicators{ left:auto!important; margin-right: 5%; margin-left: 5%; } .carousel-caption{ bottom: 0px; left: 0%; right: 0%; z-index: 10; padding-top: 20px; padding-bottom: 15px; width: 100%; background: rgba(0, 0, 0, 0.58); } .carousel-caption div{ padding-left: 10px; text-align: left; width: 300px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;/*瓒呭嚭2琛屽氨鏄剧ず鐪佺暐鍙凤紝鍙互濉?鎴栬€呭叾瀹冩鏁存暟*/ } .carousel-indicators li{ width: 10px; height: 10px; border-radius: 50%; }