/*banner*/ .swp1 { display: block; height: 625px; overflow: hidden; margin-top: -1px; } .swp2 { display: none;} @media (max-width:575px) { .swiper-button-next,.swiper-button-prev { display: none;} .swp1 { display: none; } .swp2 { display: block; margin-top: 50px;} .swiper-slide img { width: 100%; height: auto;} } .swp1 video { position: absolute; width: 100%; height: 100%; object-fit: fill; } .swp1 .banner3_mark { position: absolute; top: 0; left: 0; width: 100%; height:800px; background: rgba(0, 0, 0, .3); } .swp1 .banner3_text { position: absolute; top: 0; left: 0; z-index: 1999; } .swp1 .banner3_text.smk { display: block;} @media (max-width:1500px) { .swp1 .banner3_text.smk { display: none; } } .swp1 .banner3_text.smk2 { display: none;} @media (max-width:1500px) { .swp1 .banner3_text.smk2 { display: block; } } /*quick_form*/ .quick_form { width: 386px; height: 390px; padding: 30px; border-radius: 4px; position:absolute; background: #fff; margin-top: -530px; z-index: 10; right: 13%; } .quick_form .tag { width: 146px; height: 140px; background: url(../images/index/quick_form/tag.png) no-repeat; position:absolute; margin-top: -35px; margin-left: -35px; } .quick_form .title { width: 100%; padding:25px 0px 25px 30px; text-align: center;} .quick_form .title h3 { font-size: 28px; color: #2db3a9;} .quick_form .title p { color: #b3b3b3; font-size: 16px;} .quick_form input { margin-bottom: 15px; width: 100%; height: 52px; border-radius: 4px; border: 0; } .quick_form input.phone { background:url(../images/index/quick_form/phone.png) 20px center no-repeat #f3f3f3; padding-left: 45px; font-size: 14px; } .quick_form input.button { background: #2db3a9; text-align: center; color: #fff; font-size: 28px; } .quick_form input.button:hover { background: #f08b01; } .quick_form .footer { text-align: center; width: 100%; } .quick_form .footer a { font-size: 16px; color: #2db3a9; } .quick_form .footer a:hover { color: #f08b01; } .quick_form select { width: 100%; height: 52px; border-radius: 4px; border: #efefef 1px solid; border-radius: 4px; margin-bottom: 15px; padding-left: 10px; } @media (max-width:575px) { .quick_form { display: none;} } /*service*/ .st_service { margin-top: 45px; max-width: 1280px; } .st_service .header h3 { font-size: 4.5rem; color: #c4ebe7; } .st_service .header h2 { font-size: 2.6rem; color: #3b3b3b; margin-top: -50px; } .st_service .header p { width: auto; height: 8px; display: inline-block; } .st_service .box { margin-top: 30px; } .st_service .box .st1 { width: 100%; height: 230px; background: url(../images/index/st_service_1.jpg) center center no-repeat ; background-size: cover; margin: 0 3px; border-top-left-radius:60px ; overflow: hidden; } .st_service .box .st2 { width: 100%; height: 230px; background: url(../images/index/st_service_2.jpg) center center no-repeat ; background-size: cover; margin: 0 3px; overflow: hidden; } .st_service .box .st3 { width: 100%; height: 230px; background: url(../images/index/st_service_3.jpg) center center no-repeat ; background-size: cover; margin: 0 3px; overflow: hidden; } .st_service .box .st4 { width: 100%; height: 230px; background: url(../images/index/st_service_4.jpg) center center no-repeat ; background-size: cover; margin: 0 3px; border-top-right-radius:60px ; overflow: hidden; } .st_service .box .st5 { width: 100%; height: 230px; background: url(../images/index/st_service_5.jpg) center center no-repeat ; background-size: cover; margin: 0 3px; border-bottom-left-radius:60px ; overflow: hidden; } .st_service .box .st6 { width: 100%; height: 230px; background: url(../images/index/st_service_6.jpg) center center no-repeat ; background-size: cover; margin: 0 3px; overflow: hidden; } .st_service .box .st7 { width: 100%; height: 230px; background: url(../images/index/st_service_7.jpg) center center no-repeat ; background-size: cover; margin: 0 3px; overflow: hidden; } .st_service .box .st8 { width: 100%; height: 230px; background: url(../images/index/st_service_8.jpg) center center no-repeat ; background-size: cover; margin: 0 3px; border-bottom-right-radius:60px ; overflow: hidden; } .st_service .box .dasks { background-color: rgba(0, 0, 0, .5); width: 0%; height: 100%; position:relative; top:0; z-index: 15; cursor: pointer; transition: all 0.5s ; } .st_service .box .st1:hover .dasks, .st_service .box .st2:hover .dasks, .st_service .box .st3:hover .dasks, .st_service .box .st4:hover .dasks, .st_service .box .st5:hover .dasks, .st_service .box .st6:hover .dasks, .st_service .box .st7:hover .dasks, .st_service .box .st8:hover .dasks {background-color: rgba(22, 175, 164, .85); width: 100%; color: #fff; } /* transform: scale(0.9,0.9); */ .st_service .box .content { padding: 20px; width: 100%; height: 100%; position: relative; top: 0; z-index: 16; } .st_service .box .content h4 { color: #fff; width: 100%; font-size: 1.8rem; display: inline-block; font-weight: 600;height: 40%; line-height: 40px; position:relative; top: -200px; z-index: 26; } .st_service .box .content h4 span { position:relative; width: 100%; display: inline-block; bottom: 0; z-index: 26; } .st_service .box .content p.line { width: 30%; height: 3px; background: #fff; position:relative; top: -220px; z-index: 26; transition: all 0.3s ; } .st_service .box .content p.dis { color:rgba(255,255,255,1); font-size: 1rem;display: inline-block; padding-right: 20px; position:absolute; top: -90px; z-index: 26; } .st_service .box .st1:hover .content p.line, .st_service .box .st2:hover .content p.line, .st_service .box .st3:hover .content p.line, .st_service .box .st4:hover .content p.line, .st_service .box .st5:hover .content p.line, .st_service .box .st6:hover .content p.line, .st_service .box .st7:hover .content p.line, .st_service .box .st8:hover .content p.line { width: 60%;} .st_service .box .st1:hover .content p.dis, .st_service .box .st2:hover .content p.dis, .st_service .box .st3:hover .content p.dis, .st_service .box .st4:hover .content p.dis, .st_service .box .st5:hover .content p.dis, .st_service .box .st6:hover .content p.dis, .st_service .box .st7:hover .content p.dis, .st_service .box .st8:hover .content p.dis { color:rgba(255,255,255,1); } @media (max-width:575px) { .st_service .header h3 { font-size: 3.5rem; } .st_service .header h2 { font-size: 2rem; font-weight: 600; } .st_service .box .st1, .st_service .box .st2, .st_service .box .st3, .st_service .box .st4, .st_service .box .st5, .st_service .box .st6, .st_service .box .st7, .st_service .box .st8 { border-radius:10px ; width: 95%; margin: auto;} .st_service .box .content h4 { font-size: 1.5rem; height: 40%; line-height: 40px; position:relative; top: -200px; } .st_service .box .content p.line { height: 2px; } } /*about*/ .st_about { margin-top: 45px; background: #f5f5f5; height: auto; padding: 60px 0 60px 0; } .st_about .about_video { width: 525px; height: 350px; overflow: hidden; border-radius: 10px; overflow: hidden; } .st_about .about_video img { width: 100%; height: auto;} .st_about .about_video video { width: 100%; height: 100%; object-fit:cover; } .st_about .box { max-width: 1280px; margin: auto; } .st_about .about_content { width: 100%; height: auto; } .st_about .about_content h3 { font-size: 2.6rem; margin-top: 10px; } .st_about .about_content h4 { font-size: 1.125rem; color: #999; } .st_about .about_content p { font-size: 1rem; color: #3b3b3b; margin-top: 40px; } .st_about .about_content a.btn { width: 165px; height: 44px; background: #2db3a9; color: #fff; text-align: center; border-radius: 50px; font-size: 16px; display: inline-block; } .st_about .about_content a.btn:hover { background: #fb9f00; color: #fff; } @media (max-width:575px) { .st_about .about_video { width: 100%; height: auto; border-radius: 0; } .st_about .about_content h3 { font-size: 2rem; } .st_about .about_content h4 { font-weight:normal;} .st_about .about_content img { margin-top: 15px; width: 12%; height: auto; } .st_about .about_content a.btn { display: block; margin:15px auto; } } /*youshi*/ .st_youshi { background: url(../images/index/st_youshi_bg.jpg) center top no-repeat; height: 579px; padding: 60px 0 60px 0; } .st_youshi .header h2 { font-size: 2.6rem; color: #fff;} .st_youshi .box { margin: auto; margin-top: 60px; max-width: 1260px; } .st_youshi .box .box_list { width: 100%; margin:20px auto; text-align: center; } .st_youshi .box .box_list .img { width: 160px; height: 160px; border-radius: 50%; line-height: 160px; border:#00ffda 2px solid; margin:0 auto; transition: all 0.3s; } .st_youshi .box .box_list h4 { font-size:1.375rem ; color: #fff; margin-top: 20px; transition: all 0.3s; } .st_youshi .box .box_list p { font-size:1rem ; color: #fff; width: 100%; text-align: left; padding-left: 16%; } .st_youshi .box .box_list:hover .img { margin-top: -20px; } .st_youshi .box .box_list:hover h4 { margin-top: 50px; } /* backface-visibility: hidden; */ /* .st_youshi .box .box_list .img img { position: absolute; top: 40px; margin-left: -60px; transition: transform ease 1s; } .st_youshi .box .box_list .img img:last-child { z-index: 1; backface-visibility: hidden; } */ /* .st_youshi .box .box_list .img:hover img:last-child { transform: rotateY(180deg); } */ /* .st_youshi .box .box_list .img:hover { border:#fff 2px solid; } */ /* .st_youshi .box .box_list:hover h4,.st_youshi .box .box_list:hover p { color:#d1db3a; } */ @media (max-width:575px) { .st_youshi { height: auto; background: url(../images/index/st_youshi_bg2.jpg) center top no-repeat; } .st_youshi .header { width: 80%; margin: auto;} .st_youshi .header h2 { font-size: 2rem; font-weight: 600; } .st_youshi .box { margin-top: 40px; width: 100%; } .st_youshi .box .box_list h4 { font-size:1.375rem ; height: 50px; } .st_youshi .box .box_list p { font-size:0.9rem ; padding-left: 0; line-height: 22px; } } /*team*/ .st_team { margin-top: 65px; max-width: 1280px; height: 700px; } .st_team .header h4 { font-size: 1.125rem; color: #8b8b8b; margin-top: 20px; font-weight: normal; } .st_team .header h2 { font-size: 2.6rem; color: #3b3b3b; } .st_team .header p { width: auto; height: 8px; display: inline-block; } .st_team .box { margin-top: 40px; width: 100%; height: 500px; } .st_team .box .fathers { width: 100%; position: relative;  } .st_team .box .swp3 { width: 90%; } /*滚动*/ .st_team .box .swiper-slide .img_box { width: 205px; height: 205px; border-radius: 50%; overflow: hidden; margin: auto; } .st_team .box .swiper-slide .img_box img { width: 100%; height: auto; border-radius: 205px; transition: all 0.3s ; } .st_team .box .swiper-slide .img_box:hover img { transform: scale(1.1); } .st_team .box .swiper-slide:hover h4 { color: #40d0bb;} .st_team .box .swiper-slide h4 { font-size: 1.375rem; margin-top: 20px; width: 100%; text-align: center; } .st_team .box .swiper-slide h5 { font-size: 1.125rem; margin-top: 10px; width: 100%; text-align: center; } .st_team .box .swiper-slide p { font-size: 1rem; margin-top: 0; color: #8b8b8b; width: 100%; text-align: center; display: inline-block; } .st_team .box .swiper-pagination.sp3 { margin-left: 48%; } .st_team .box .swiper-pagination.sp3 { margin-top: 50px;} .st_team .box .swiper-pagination.sp3 .swiper-pagination-bullet { background: #40d0bb; margin-right: 6px; border: #fff 2px solid; } .st_team .box .swiper-pagination.sp3 .swiper-pagination-bullet-active { width: 14px; height: 14px; background: #fff; border: #40d0bb 3px solid;} @media (max-width:575px) { .st_team { height: 650px; } .st_team .header h2 { font-size: 2rem; font-weight: 600; } .st_team .header h4 { font-size: 1rem; } .st_team .box .swiper-slide .img_box { width: 140px; height: 140px; border-radius: 70px; } .st_team .box .swiper-slide .img_box img { border-radius: 70px;} .st_team .box .swiper-slide p { font-size: 0.9rem; line-height: 20px; } .st_team .box .swiper-slide h4,.st_team .box .swiper-slide h5 { font-size: 1.125rem; line-height: 20px; } .st_team .box .swiper-pagination.sp3 { margin-left: 20%; } } /*case*/ .st_case { margin-top: 25px; } .st_case .left { width: 100%; height: 800px; background: url(../images/index/st_case_bg.jpg) right top ; overflow: hidden; } .st_case .left .title { width: 100%; height: auto; text-align: right; padding-right: 90px; padding-top: 230px; } .st_case .left .title h2 { color: #fff; font-size: 2.6rem; line-height: 50px;} .st_case .left .title p.line { margin-top: 30px; } .st_case .left .title p.dis { color: #fff; font-size: 18px; margin-top: 20px; } .st_case .right { background: #f5f5f5; overflow: hidden; height: 800px; } .st_case .right .nav_main { height: 800px; overflow: hidden; padding: 0; margin: 0; } .st_case .right ul.nav { height: auto; overflow: hidden; } .st_case .right ul.nav {width: 100%;} .st_case .right ul.nav li { width: 100%; height: 54px; line-height: 54px; padding: 0; margin-top: 10px; } .st_case .right ul.nav a { width: 90%; height: 44px; line-height: 28px; background: #fff; color: #5b5b5b; font-size: 18px; padding-left: 10px; border-radius: 0; border-top-right-radius:22px ; border-bottom-right-radius:22px ; border: #fff 1px solid; } .st_case .right ul.nav li:first-child { margin-top: 50px;} .st_case .right ul.nav a:hover,.st_case .right ul.nav a.active { background: #2db3a9; color: #Fff; border: #2db3a9 1px solid; } .st_case .right .card_box { width: 100%; height: 700px; overflow-y: auto; margin-top: 30px; padding-bottom: 50px; padding-right: 20px;} .st_case .right .card_box .card { margin-top: 20px; border-radius: 30px; background: #fff; } .st_case .right .card_box .card .card-header { background:transparent; border: 0; line-height: 40px; } .st_case .right .card_box .card .card-header strong { color: #f00; font-size: 10px; border-radius: 30px; border:#f00 1px double ; display: inline-block; padding-left: 5px; padding-right: 5px; margin-right: 15px; line-height: 20px; } .st_case .right .card_box .card .card-header { font-size: 18px; color: #5b5b5b; cursor: pointer; } .st_case .right .card_box .card .card-header span { color: #787878;} .st_case .right .card_box .card .card-body { font-size: 1rem;} .st_case .right .card_box .card .card-body a { color: #2db3a9;} .st_case .right .more { width: 100%; height: 50px; text-align: center; margin-top: 30px;} .st_case .right a.btn { width: auto; height: 44px; background: #2db3a9; color: #fff; text-align: center; border-radius: 50px; font-size: 16px; display: inline-block; padding-left: 30px; padding-right: 30px; } .st_case .right a.btn:hover { background: #fb9f00; color: #fff; } .case_con { display: none;} .case_con a { width: auto; border-radius: 4px; font-size: 13px; color: #2db3a9 !important; padding: 0 4px; display: inline-block; border: #2db3a9 1px solid; } .card_box::-webkit-scrollbar{/*滚动条整体*/ width:10px; } .card_box::-webkit-scrollbar-track{/*滚动条轨道*/ background:#999; border-radius:2px; } .card_box::-webkit-scrollbar-thumb{/*滚动条里面的滑块*/ background:#fff; border-radius:10px; } .card_box::-webkit-scrollbar-thumb:hover{/*滚动条鼠标事件，鼠标放上去出现的事件*/ background:#fb9f00; } .card_box::-webkit-scrollbar-corner{/*滚动条边角*/ background:#179a16; } @media (max-width:575px) { .st_case .left { height: auto; padding-bottom: 20px; } .st_case .left .title { height: auto;padding-top: 20px; } .st_case .left .title h2 { font-size: 2rem; font-weight: 600; } .st_case .left .title p.line { margin-top: -10px; } .st_case .left .title p.dis { margin-top: 0; } .st_case .right { height: auto; padding-bottom: 20px; } .st_case .right .nav_main { height: auto; } .st_case .right .nav { height: 60px; margin-top: 0; } .st_case .right .nav ul li { width: 30%; float: left; margin-left: 3%; } .st_case .right .nav ul li:first-child { margin-top: 10px;} .st_case .right .nav a { border-radius:22px ; text-align: center; } .st_case .right .card_box { margin-top: 10px; height: auto;} } /*school*/ .st_school { margin-top: 65px; max-width: 1280px; height: 800px; } .st_school .header h2 { font-size: 2.6rem; color: #3b3b3b; } .st_school .header p { width: auto; height: 8px; display: inline-block; } .st_school .header h4 { width: 100%; height: auto; height: 54px; line-height: 44px; overflow: hidden; margin-top: 30px; border-bottom:#2db3a9 2px solid ; display: inline-block; } .st_school .header h4 a { padding: 0 25px; font-size: 1.125rem; color: #5b5b5b; border:#2db3a9 1px solid ; border-bottom: 0; display: inline-block; height: 44px; line-height: 44px; background: #fff; border-top-left-radius: 4px; border-top-right-radius: 4px; } .st_school .header h4 a:hover,.st_school .header h4 a.active { background: #2db3a9; color: #fff; border:#2db3a9 1px solid ; } .st_school .side_navs { padding-top: 20px; } .st_school .side_navs ul li { width: 100%; } .st_school .side_navs ul li a { height:80%; line-height: 42px; padding-left: 25px; border:#dedede 1px solid; border-radius: 24px; margin-top: 14px; font-size: 1.125rem; color: #5b5b5b; display: block; } .st_school .side_navs ul li a:hover { border:#2db3a9 1px solid; background: #2db3a9; color: #fff; } .st_school .side_navs ul li a.active { border:#2db3a9 1px solid; background: #2db3a9; color: #fff; } .st_school .side_navs ul li a.checked { border:#2db3a9 1px solid; background: #fff; color: #2db3a9; } .st_school .box { margin-top: 40px; width: 100%; height: 525px; } .st_school .box .bg1 { width: 428px; height: 450px; position:absolute; background: #caece9; border-radius: 20px; z-index: 1; } .st_school .box .bg2 { width: 850px; height: 465px; position:absolute; background: #fff; border-radius: 20px;box-shadow: 0 0 5px #a5e9df; border:#a5e9df 1px solid ; margin-top:50px; margin-left: 50px; z-index: 2; } .st_school .box .img { width: 374px; height: 263px; position:absolute; border-radius: 10px;margin-top:30px; margin-left: 30px; z-index: 3; overflow: hidden; } .st_school .box .img img {width: 100%; height: auto; } .st_school .box .logo { width: 300px; height: 200px; line-height: 200px; text-align: center; position:absolute; border-radius: 10px; margin-top:80px; margin-left: 500px; overflow: hidden; z-index: 4; } .st_school .box .logo img { width: 100%; height: auto;} .st_school .box .content { width: 760px; height: auto; margin: auto; position:absolute; margin-top: 320px; margin-left:90px; z-index: 5;} .st_school .box .content h4 { font-size: 1.5rem; line-height: 50px; } .st_school .box .content h4 a { width: 120px; height: 30px; line-height: 30px; background: #fb761e; color: #fff; font-size: 1rem; display: inline-block; border-radius: 20px; padding-left: 15px; padding-right: 15px; } .st_school .box .content h4 a:hover { background: #fbaa1e; } .st_school .box .content .dis a { color: #2db3a9;} .st_school .box .content a.link { width: auto; border-radius: 4px; font-size: 13px; color: #2db3a9 !important; padding: 0 4px; display: inline-block; border: #2db3a9 1px solid; } @media (max-width:991px) { .st_school { height: auto; padding-bottom: 0; } .st_school .header h2 { font-size: 2rem; font-weight: 600; } .st_school .side_navs ul li { width: 46%; float: left; margin-left: 2px; margin-right: 2px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding-bottom: 10px; } .st_school .side_navs ul li.checked2 { display: none; } .st_school .box { width: 100% !important; display: block !important; margin-top: 10px; } .st_school .box .bg1,.st_school .box .bg2 { display: none;} .st_school .box .img { width: 90%; margin-left: 0;} .st_school .box .content { width: 100%; margin-left: 0; position: unset; margin-top: 20px;} .st_school .box .img { width: 100%; height: auto; position:unset; border-radius: 10px;margin-top:30px; margin-left: 0; overflow: hidden; } .st_school .box .logo { display: none; } .st_school .list_m { margin-top: 20px; display: inline-block; height: auto; } .st_school .list_m .row { margin-top: 20px; margin-bottom: 20px;width: 50%; float: left; overflow: hidden; } .st_school .list_m .img { width: 100%; overflow: hidden; border-radius: 10px; } .st_school .list_m .img img { width: 100%; height: auto; } .st_school .list_m .content h4 { font-size: 1.125rem;} .st_school .list_m .content .dis { font-size: 0.9rem;} .st_school .list_m .content .dis a { color: #2db3a9;} } @media (max-width:991px) { .st_school .list_m .row { width: 100%; clear: both; } } /*news*/ .st_news { margin-top: 45px; height: 930px; background: url(../images/index/st_news_bg.jpg) right top no-repeat #f3f3f3; padding-top: 35px; } .st_news .header h3 { font-size: 4.5rem; color: #c4ebe7; margin-left: -250px; } .st_news .header h2 { font-size: 2.6rem; color: #3b3b3b; margin-top: -50px; } .st_news .header h2 span { color: #2db3a9; } .st_news .header p { color: #7b7b7b; line-height: 30px; } .st_news .box { max-width: 1280px; margin: auto; margin-top: 30px; } .st_news .box .bar { width: 100%; height: 75px; text-align: center; line-height: 75px; background: #2db3a9; } .st_news .box .bar.nav { align-items:center; justify-content:center;} .st_news .box .bar a { height: 75px; color: #fff; font-size: 1.125rem; display: inline-block; padding: 0 20px; border: 0; border-radius: 0; } .st_news .box .bar a.active,.st_news .box .bar a:hover { background: #f90; } .st_news .box .bar span.pull-right a { width: 150px; height: 24px; color: #fff; } .st_news .box .content { width: 100%; height: 550px; background: #fff; box-shadow: 0 0 5px #efefef ; padding: 60px; } .st_news .box .content .left { width: 100%; overflow: hidden; } .st_news .box .content .imgbox { width: 460px; height: 270px; overflow: hidden; } .st_news .box .content .imgbox img { width: 100%; height: auto;} .st_news .box .content .left h4 { color: #2db3a9; font-size: 1.5rem; margin-top: 15px; max-width: 460px; } .st_news .box .content .left p { color: #787878; max-width: 460px; display: inline-block; } .st_news .box .content .left p a { color: #2db3a9; } .st_news .box .content .right { width: 100%; } .st_news .box .content .right ul li { border-bottom: #d4e2e1 1px solid; padding-bottom: 10px; margin-bottom: 10px; } .st_news .box .content .right ul li:last-child { border: 0;} .st_news .box .content .right ul li h4 { height: auto; line-height: 25px; } .st_news .box .content .right ul li h4 a { font-size: 20px; font-weight: 600; width: 80%; display: inline-block; } .st_news .box .content .right ul li h4 span { color: #999999; font-size: 0.9rem; width: 20%; display: inline-block; text-align: right;} .st_news .box .content .right ul li p { color: #787878; padding-top: 6px; } .st_news .box .content .right ul li p a { color: #2db3a9; } /* .st_news .box .content .right a.link { width: auto; border-radius: 4px; font-size: 13px; color: #2db3a9 !important; padding: 0 4px; display: inline-block; border: #2db3a9 1px solid; margin-left: 10px; } */ .st_news .box .content .right a.link { margin-left: 10px; } @media (max-width:575px) { .st_news { height: auto; } .st_news .header h3 { font-size: 3rem; } .st_news .header h2 { font-size: 2rem; font-weight: 600; } .st_news .box .bar { height: 50px; line-height: 50px; overflow-x: auto; } .st_news .box .bar a { font-size: 1.125rem;} /* border-top-left-radius:30px ; border-bottom-right-radius:30px ; */ .st_news .box .bar a { height: 50px; padding: 0 5px; } .st_news .box .content { padding: 0; height: auto; margin-bottom: 30px; } .st_news .box .content .imgbox { width: 100%; height: auto; } .st_news .box .content .left h4 { padding: 20px 20px 0 20px; font-size: 1.125rem; } .st_news .box .content .left p { padding: 0 20px 20px 20px;} .st_news .box .content .right ul li { padding-left: 20px; padding-right: 20px; padding-top: 10px;} .st_news .box .content .right ul li h4 { height: auto; line-height: 24px; } .st_news .box .content .right ul li h4 a { font-size: 1.125rem; line-height: 24px; } .st_news .box .content .right ul li h4 span { display: none;} .st_news .box .content .right ul li p { width: 100%; height: auto; font-size: 0.95rem; line-height: 20px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; } } /*activity*/ .st_activity { height: 600px; background: url(../images/index/st_activity_bg.jpg) center top no-repeat #fff; padding-top: 35px; padding-bottom: 30px; } .st_activity .header h2 { font-size: 2.6rem; color: #3b3b3b; margin-top: 20px; } .st_activity .box { max-width: 1280px; margin: auto; margin-top: 40px; height: 360px; background: #fff; border-radius: 10px; box-shadow: 0 0 5px #dfdfdf; padding: 40px; } .st_activity .box .list { width: 100%; height: 240px;} .st_activity .box .list img { width: 100%; height: auto;} .st_activity .box h4 { width: 100%; text-align: center; background: #f5f5f5; font-size: 1rem; padding: 10px; line-height: 25px; height: auto; /* overflow: hidden; text-overflow: ellipsis; white-space: nowrap; */ } .st_activity .box .list:hover h4 { background: #2db3a9; color: #fff;} @media (max-width:575px) { .st_activity,.st_activity .box { height: auto; } .st_activity .header h2 { font-size: 2rem; font-weight: 600; } .st_activity .box { padding: 20px 10px; } .st_activity .box .list { height: auto;} .st_activity .box h4 { padding-left: 5px; padding-right: 5px; } } .zhanhui_mask { background: rgba(0, 0, 0, .5); position: fixed; top: 0; left: 0; right: 0; bottom: 0; display: flex; justify-content: center; align-items: center; z-index: 1888; } .zhanhui { width: 845px; height: 836px; position: relative; background: #fff; border-radius: 10px; padding: 20px; } .zhanhui .closes { width:calc( 100% - 50px); text-align: right; padding-right: 0; position: absolute; z-index: 10; background: #fff !important; } .zhanhui .closes img { } .zhanhui .main { display: flex; justify-content: space-between; max-height: 806px; overflow-y: auto; padding-top: 30px; padding-right: 10px; position: absolute; width: calc(100% - 30px); } .zhanhui .main .left { } .zhanhui .main .right { text-align: right; } .zhanhui .main::-webkit-scrollbar{ width: 4px; height: 4px; background-color: #F5F5F5; } .zhanhui .main::-webkit-scrollbar-track { box-shadow: inset 0 0 6px rgba(0, 0, 0, 0); -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0); background-color: #fff; } .zhanhui .main::-webkit-scrollbar-thumb{ background-color: #e5e5e5; } .iss_phone { display: none !important; } .iss_pc { display: flex !important; } @media screen and (max-width: 768px) { .iss_phone { display: block !important; max-height: 700px !important; } .zhanhui { height: 736px !important; } .iss_phone img { width: 100%; } .iss_pc { display: none !important; } }