@media (min-width: 1520px) { .container { max-width: 1520px !important; margin: 0 auto; } } body { margin: 0; } .banner { width: 100%; } .content { width: 1200px; margin: 0 auto; padding-bottom: 100px; display: flex; justify-content: space-between; min-height: 300px; } .tab-mobile{ display: none; } .tab_list { /*width: 90px;*/ height: 40px; font-size: 15px; font-family: PingFangSC-Semibold, PingFang SC; line-height: 40px; font-weight: 600; color: #34B09F; margin-top: 43px; margin-bottom: 24px; margin-right: 40px; } .tab_list li { width: 212px; height: 43px; background: #FFFFFF; border: 2px solid #D4E9E6; text-align: center; cursor: pointer; border-top:none ; } .tab_list div{ width: 212px; height: 43px; text-align: center; background-color:#34B09F ; border: 2px solid #34B09F; color: #fff!important; font-size: 20px; } .tab_list .current { background-color: #D4E9E6; } .tab_con{ flex: 1; } .item { display: none; font-family: PingFangSC-Semibold, PingFang SC; position: relative; margin-top: 43px; } .item .prev { position: absolute; left: -100px; top: 104px; width: 21px; cursor: pointer; } .item .next { position: absolute; right: -100px; top: 104px; width: 21px; cursor: pointer; } .introduce { display: flex; justify-content: space-between; } .left { width: 569px; } .right { width: 569px; } .intro-tit { font-size: 25px; font-family: PingFangSC-Semibold, PingFang SC; font-weight: 600; color: #34B09F; line-height: 37px; margin-bottom: 7px; } .intro-con { font-size: 15px; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #555555; line-height: 31px; margin-bottom: 23px; } .lead { display: flex; flex-wrap: wrap; } .lead-item { width: 200px; margin-right: 49px; margin-bottom: 37px; flex: none; } .lead-item:nth-child(5n+5) { margin-right: 0px; } .lead-item img { width: 200px; height: 200px; border-radius: 5px; object-fit: cover; } .lead-item .lead-name { font-size: 25px; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #1B953C; line-height: 37px; text-align: center; margin: 14px 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .lead-item .lend-text { height: 127px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; font-size: 15px; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #555555; line-height: 21px; } .banner span { font-size: 100px; color: #ffffff; } .tab { padding: 43px 0 24px 0; } .page-title { height: 28px; font-size: 20px; font-family: PingFangSC-Semibold, PingFang SC; font-weight: 600; color: #34B09F; line-height: 28px; margin-bottom: 15px; } .tab_item { width: 110px; height: 42px; color: #34B09F; font-size: 16px; border: 2px #D4E9E6 solid; border-radius: 100px; text-align: center; line-height: 42px; } .current_tab { border: 2px #34B09F solid; } #carouselExampleControls{ display: block; width: 450px; height: 540px; margin-right: 56px; margin-top: 10px; } #carouselExampleControls .carousel-inner img{ display: block; width: 450px; height: 540px; 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%; } .news_list { font-size: 16px; flex: 1; } .news_item { width: 100%; height: 55px; line-height: 55px; display: flex; /*justify-content: space-between;*/ color: #1a1a1a; cursor: pointer; } /* 濡傛灉鏈€鍚庝竴琛屾槸2涓厓绱 */ /*.news_item:last-child:nth-child(3n - 1) {*/ /* margin-right: calc(29% + 13% / 2);*/ /*}*/ .news_logo { width: 330px; height: 195px; } .news_point { margin-top: 24px; width: 8px; flex: none; height: 8px; border-radius: 50%; background: #34B09F; margin-right: 16px; } .news_title { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-family: PingFangSC-Regular, PingFang SC; width: 460px; border-bottom: 2px #D4E9E6 solid; } .news_date { text-align: end; flex: 1; color: #555555; font-weight: 300; font-size: 16px; /*width: 100%;*/ border-bottom: 2px #D4E9E6 solid; } @media only screen and (max-width: 1200px) { .content { width: 95%; margin: 0 auto; padding-bottom: 0!important; } .tab_list { /*height: 30px;*/ font-size: 14px; font-family: PingFangSC-Semibold, PingFang SC; line-height: 38px; font-weight: 600; color: #34B09F; margin-top: 43px; margin-bottom: 24px; } .tab_list li { width: 90px!important; height: 40px!important; background: #FFFFFF; border: 2px solid #D4E9E6; border-top: none; text-align: center; cursor: pointer; } .tab_list div{ width: 90px!important; height: 40px!important; text-align: center; background-color:#34B09F ; border: 2px solid #34B09F; color: #fff!important; font-size: 18px; } .page-title { height: 20px; font-size: 16px; font-family: PingFangSC-Semibold, PingFang SC; font-weight: 600; color: #34B09F; padding-left: 15px; line-height: 20px; margin-bottom: 15px; } .news_list { font-size: 16px; } #carouselExampleControls, #carouselExampleControls .carousel-inner img{ display: none; } .tab_con{ /*width: 90%;*/ margin: 0 auto; } } @media only screen and (max-width: 992px){ .news_title { /*word-break: break-all;*/ /*text-overflow: ellipsis;*/ /*display: -webkit-box;*/ /*-webkit-box-orient: vertical;*/ /*-webkit-line-clamp: 2;*/ /* 杩欓噷鏄秴鍑哄嚑琛岀渷鐣 */ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-family: PingFangSC-Regular, PingFang SC; width: 500px!important; border-bottom: 2px #D4E9E6 solid; } .tab_list{ display: none; } .tab-mobile{ display: block; margin: 0 20px; margin-top: 15px; cursor: pointer; } .tab-mobile a{ height: 40px; text-align: center; background-color: #34B09F; border: 2px solid #34B09F; color: #fff!important; font-size: 18px; display: block; padding-top: 5px; } .tab_list_mobile{ font-size: 14px; font-family: PingFangSC-Semibold, PingFang SC; line-height: 38px; font-weight: 600; color: #34B09F; text-align: center; } .tab_list_mobile li{ border: 2px solid #D4E9E6; border-top: none; } .tab_list_mobile .current{ background-color: #D4E9E6; } } @media only screen and (max-width: 720px){ .news_title { /*word-break: break-all;*/ /*text-overflow: ellipsis;*/ /*display: -webkit-box;*/ /*-webkit-box-orient: vertical;*/ /*-webkit-line-clamp: 2;*/ /* 杩欓噷鏄秴鍑哄嚑琛岀渷鐣 */ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-family: PingFangSC-Regular, PingFang SC; width: 300px!important; border-bottom: 2px #D4E9E6 solid; } } @media only screen and (max-width: 576px) { .content { width: 95%; margin: 0 auto; } .banner { width: 100%; /*height: 200px;*/ /*overflow: hidden;*/ /*background-size: 100%!important;*/ /*-o-background-size: cover;*/ /*background-position: center 0;*/ } .tab_list { /*height: 30px;*/ font-size: 14px; font-family: PingFangSC-Semibold, PingFang SC; line-height: 38px; font-weight: 600; color: #34B09F; margin-top: 43px; margin-bottom: 24px; } .tab_list li { background: #FFFFFF; border: 2px solid #D4E9E6; border-top: none; text-align: center; cursor: pointer; } .tab_list div{ text-align: center; background-color:#34B09F ; border: 2px solid #34B09F; color: #fff!important; font-size: 16px; } .page-title { height: 20px; font-size: 14px; font-family: PingFangSC-Semibold, PingFang SC; font-weight: 600; color: #34B09F; padding-left: 15px; line-height: 20px; margin-bottom: 15px; } .news_list { font-size: 16px; } .news_item { padding: 0 10px; width: 100%; height: 50px; line-height: 50px; display: flex; color: #1a1a1a; cursor: pointer; } .news_point { margin-top: 22px; width: 8px; flex: none; height: 8px; border-radius: 50%; background: #34B09F; margin-right: 10px; } .news_title { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-family: PingFangSC-Regular, PingFang SC; width: 150px!important; border-bottom: 2px #D4E9E6 solid; } .prev { display: none; } .next { display: none; } }