@media (min-width:760px) { /* pc杞挱鏍峰紡 */ .pcCarousel { min-width: 1320px; } .pcCarousel img { width: 100%; } /* 鍏ㄧ悆涓氬姟 */ .index_three { min-width: 1320px; max-width: 100%; width: 1280px; margin: 0 auto; /* background-color: bisque; */ padding: 0 20px; } .idxtitle { margin-bottom: 20px; font-size: 25px; color: #004e5b; font-weight: bold; } .thcont { display: flex; justify-content: space-between; } .threebox { cursor: pointer; width: 30%; overflow: hidden; /* padding: 10px; */ /* height: 200px; */ background-color: white; transition: all .3s; } .threebox:hover { box-shadow: 1px 1px 50px 0px #dbdbdb; } .threebox_imgbox{ overflow: hidden; } .threebox:hover .threebox_imgbox img{ transform: scale(1.03); } .threebox:hover .threeflmore a { color: white; background-color: #004e5b; } .threebox_imgbox{ padding: 15px; } .threebox_imgbox img { width: 100%; transition: all .3s; } .three_content { padding: 20px 15px; } .three_title { overflow: hidden; text-overflow: ellipsis; /* word-break: break-all; */ -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; word-wrap: break-word } .threefl { margin-top: 30px; display: flex; align-items: center; justify-content: space-between; } .threefl_1 { color: #004e5b; font-size: 18px; } .threeflmore a { transition: all .3s; color: #004e5b; border: 1px solid #004e5b; padding: 5px 10px; border-radius: 50px; font-size: 14px; } /* 鍏ㄧ悆涓氬姟缁撴潫 */ /* 浼樿川纰宠祫浜ч」鐩 */ .youzhi_box { display: flex; } .youzhi_lunbo { cursor: pointer; /* padding: 40px; */ overflow: hidden; } .youzhi_lb_f_box{ background-color: white; /*height: 360px;*/ display: flex; } .youzhi_lb_f_box:hover .youzhi_img img { transform: scale(1.05); } .youzhi_lb_f_box:hover .youzhi_qita a { background-color: #004e5b; color: white; } /*.youzhi_lb_f_box:hover .youzhilb_title{*/ /* font-weight: bold;*/ /* font-size: 22px;*/ /*}*/ .youzhi_lb_content { width:600px; /*height: 360px !important;*/ padding: 30px; display: flex; flex-wrap: wrap; align-content: space-between; } .youzhi_lb_content>div { width: 100%; } .youzhi_img{ width: 680px; overflow: hidden; } .youzhi_img img { width: 680px; transition: all .3s; /*height: 360px;*/ } .youzhilb_title { font-size: 20px; color: #004e5b; min-height: 35px; transition: all .3s; /* margin-bottom: 20px; */ } .youzhilb_cont { font-size: 16px; min-height: 150px; overflow: hidden; text-overflow: ellipsis; /* word-break: break-all; */ -webkit-line-clamp: 8; display: -webkit-box; -webkit-box-orient: vertical; word-wrap: break-word /* background-color: #004e5b; */ } .youzhi_qita { text-align: right; } .youzhi_qita a { padding: 5px 10px; font-size: 14px; transition: all .3s; border: 1px solid #004e5b; color: #004e5b; border-radius: 50px; text-decoration: none; } /* 浼樿川纰宠祫浜ч」鐩粨鏉 */ /* 鏂伴椈 */ .newstitle { margin-bottom: 20px; display: flex; justify-content: space-between; align-items: center; } .newstitle>div:first-child { font-size: 22px; color: #004e5b; font-weight: bold; } .newstitle>div:last-child a { color: #9a9a9b; font-size: 15px; } .news_content { display: flex; } .news_img, .news_img img { width: 700px; height: 320px; /* background-color: #004e5b */ } .news_list { padding-left: 30px; width: 580px; /* background-color: #6d847c */ display: flex; flex-wrap: wrap; align-content: space-between !important; } .news_list>a { padding-bottom: 10px; width: 100%; display: flex; justify-content: space-between; text-decoration: none; border-bottom: 1px solid #e0e1e2; color: black; } .news_list>a:last-child { border: none; } .news_list>a:hover .newslist_title { color: #004e5b !important; } .newslist_title { transition-duration: .1s; font-size: 16px; width: 400px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; } .newslist_data { font-size: 15px; /*color: #004e5b;*/ } .news_imgtits { position: relative; background-color: rgba(0, 0, 0, 0.253); height: 40px; padding: 0 10px; margin-top: -40px; color: white; line-height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; } .news_headimgbox{ overflow: hidden; transform: all .3s; } .news_headimgbox img{ transition: all .3s; } .news_headimgbox img:hover { transform: scale(1.03); } /* 鏂伴椈缁撴潫 */ }