/* banner */ .banner { width:75.333vw; height: 16.5vw; margin: 0 auto; position: relative; } .banner img { position: relative; border-radius: 1vw !important; } .banner .banner_text1 { position: absolute; z-index: 1130; margin: 5vw 13vw; left: 0; right: 0; text-align: center; } .banner .banner_text1 h3 { margin: auto; font-size: 3.7vw; color: #fff; text-shadow: 0 0 15px rgba(0, 0, 0, 0.2); } .banner .banner_text1 h4 { margin: auto; font-size: 1.4vw; color: #fff; text-transform:uppercase; text-shadow: 0 0 15px rgba(0, 0, 0, 0.2); font-weight: normal; } /* @media (max-width:640px) { .banner .banner_text1 { margin: 11vw 13vw; } .banner .banner_text1 h3 { font-size: 6vw; } .banner .banner_text1 h4 { font-size: 8vw; } } */ /* .main_box { position: absolute; top: 0; left: 0; right: 0; } */ /* 面包屑 */ .sub_navigation { height: 2vw; text-align: left ; padding-top: 1.5vw; } .sub_navigation a { color: #d8c494; margin: 0 0.3vw; } .sub_navigation span { margin: 0 0.3vw; } @media (max-width:640px) { .sub_navigation { padding-top: 3vw; font-size: 4vw; } .sub_navigation a { font-size: 4vw; } } /* 通用标题头 */ .headers2 { width: 100%;align-items: flex-end; } .headers2 h3 { font-size: 2vw; margin-top: -2vw; } .headers2 h4 { font-size: 4.8vw; margin-top: -0.7vw; color: #f8f3e8; margin-left: -0.3vw; } .sub_title { text-align: right; } .sub_title a { margin-left: 1.8vw; font-size: 1vw; } .sub_title a.active { color: #dcc38d; font-weight: bold; } .sub_title2 { text-align: right; } .sub_title2 a { margin-right: 1.8vw; font-size: 1vw; } .sub_title2 a.active { color: #dcc38d; font-weight: bold; } /* 通用布局 */ .flex { display: flex; } .flex_wrap { flex-wrap: wrap; } .flex_space_between { justify-content: space-between;} .flex_items_center { align-items: center; } .flex_items_end { align-items: flex-end; } .box_bg_shadow { padding: 2vw !important; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); } /* 关于 */ .about { margin: auto; } .about .box { padding: 0; } .about .box h3 { font-size: 1.55vw; padding: 1vw 0; } .about .box h4 { font-size: 1.2vw; margin-top: 1.5vw; } .about .box h4 i { font-size: 1.4vw; color: #d8c494; font-weight: normal; } .about .box p { margin: 1vw 0;} .about .box img { border-radius: 1vw; margin: 2vw 0; } .about .box span.is_by { width: auto; display: inline-block; text-align: right; } .video { background: rgba(0, 0, 0, 0.9); position: fixed; height: 100%; align-items: center; top: 0; right: 0; left: 0; bottom: 0; text-align: center; z-index: 19999; display: none; } .video .play-btn { position: absolute; top: 50%; width: 100%; text-align: center; z-index: 15555; } .video .play-btn i { color: #fff; font-size: 5vw; cursor: pointer;} .video .video_box { margin: auto; } .video .video_colse { color: #fff; position: absolute; top: 2vw; right: 2vw; cursor: pointer; } .video .video_colse i { font-size: 2vw; display: inline-block; transition: all 0.5s; } .video .video_colse i:hover { transform: rotate(90deg); } .about .list { display: flex; align-items: center; width: calc(23% - 4vw); padding: 2vw; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); border-top-right-radius:1.5vw ;} .about .list i { font-size: 2vw; } .about .list span { background: #dcc48e; color: #fff; display: inline-block; border-radius: 0.8vw; padding: 0.4vw; } .about .list strong { font-size: 1vw;} /* @media (max-width:640px) { .about { top: 3VW; left: 0; right: 0; } .about .box { padding: 0 2vw; } .about .box h3 { font-size: 6vw; } .about .box img { border-radius: 3vw; margin: 4vw 0; } .about .box p { margin: 4vw 0; } .about .box span.is_by { width: 100%; } } */ /* 合作 */ .about .box .pp { display: flex; flex-wrap: wrap; } /* 医疗团队 */ .team { display: flex; justify-content: space-between; margin: 1.5vw 0 3vw 0; padding-bottom: 2vw; border-bottom: #e6e6e6 1px solid; flex-wrap: wrap; } .team .photo { width: 22%; margin-top: -2vw; margin-left: 1vw; } .team .photo img { border-top-right-radius:1.5vw ;} .team .intro { width: 40% !important; overflow: hidden; margin-top: 1vw; } .team .intro div { padding: 0.5vw 0; position: relative; } .team .intro strong { font-size: 1.5vw;} .team .intro span.line { border-left: #d9d9d9 1px solid; margin: 0 1vw; } .team .intro span.stitle { display: inline-block; border: #dcc38d 1px solid; padding: 0.2vw 0.8vw; border-radius: 2vw; color: #dcc38d; position: absolute; margin-left: 1vw; } .team .yy-btn { width: 15%; margin-top: 2vw; } /* @media (max-width:640px) { .team .photo { width: 100%; } .team .intro { width: 100%; margin-top: 5vw; } .team .intro strong { font-size: 6vw;} .team .intro span.stitle { padding: 1vw 2vw; border-radius: 6vw; } .team .intro span.line { border: none; display: block; } } */ .myma { width: 6.5vw; background: #fff;border: #f9f5eb 0.5vw solid; border-radius:1.2vw; padding: 0.2vw; margin-left: 1vw; margin-top: 2vw; overflow: hidden; } .myma strong { font-size: 1.25vw;} /* 资讯 */ .news { } .news .box { display: flex; flex-wrap: wrap; justify-content: space-between ; padding-bottom: 1vw; } .news .box .list { width: 100%; margin-top: 2.5vw; margin-bottom: 1.8vw; } .news .box .list .photo { width: 30%; height: 16vw; overflow: hidden; position: relative; } .news .box .list .photo img { width: 100%; height: 15vw; transition: all 0.5s; border-top-left-radius:2.2vw ; border-bottom-right-radius:2.2vw ; } .news .box .list .datetime { position: absolute; z-index: 1; left: 0; top: 0; background: rgba(255,255,255,01); color: #dcc38d; padding: 0.5vw; border-bottom-right-radius:2.2vw ; } .news .box .list .datetime span { font-size: 1vw; } .news .box .list .datetime strong { font-size: 2vw; } .news .box .list .intro { width: 65%; overflow: hidden; } .news .box .list h3 { margin-top: 1vw;font-size: 1.2vw; } .news .box .list .subtitle { margin-top: 1vw; line-height: 1.5vw; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; /* 这里是超出几行省略 */ overflow: hidden; } .news .box .list .cat { margin-top: 1vw; } .news .box .list .cat a { font-size: 0.9vw; border-radius:3vw; padding: 0.1vw 0.8vw 0.2vw 0.8vw; border: #dcc38d 1px solid; color: #dcc38d; } .news .box .list .cat a:hover { color: #fff; background: #dcc38d;} /* @media (max-width:640px) { .news .box .list { width: 100%; margin-top: 5vw; margin-bottom: 3vw; } .news .box .list .photo { width: 100%; border-top-right-radius:4vw ; } .news .box .list h3 { line-height: 6vw; } .news .box .list h3 a { font-size: 4vw; font-weight: normal; } .news .box .list .cat { margin-top: 2vw; } .news .box .list .cat a { font-size: 3.5vw;} } */ .detail_box { margin-top: 2vw; } .detail_box h1 { text-align: left; } .detail_box .sub { text-align: left; margin-bottom: 2vw; font-size: 0.9vw; } .detail_box .sub span.cname { background: #e78a42; color: #fff; display: inline-block; padding: 0.2vw 0.6vw; border-radius: 0.4vw; font-size: 0.85vw;} .detail_box .sub span.line { margin: 0 1vw; color: #ccc; } .detail_box .sub span.cname a { color: #fff; } .detail_box img { width: auto; max-width: 60vw; } /* @media (max-width:640px) { .detail_box h1 { margin-top: 0; } .detail_box .sub { margin-bottom: 4vw; font-size: 3vw; } .detail_box img { width: 100% !important; max-width: 100%; } } */ /* 熱門推薦 資訊 */ .recommend_box { } .recommend_box .box2 { display: flex; flex-wrap: wrap; justify-content: space-between ; padding-bottom: 1vw; } .recommend_box .box2 .list { width: 50%; margin-top: 2.5vw; margin-bottom: 1.8vw; } .recommend_box .box2 .list .photo { width: 35%; height: 10vw; } .recommend_box .box2 .list .photo img { width: 100%; height: auto; transition: all 0.5s; border-radius:1vw ; } .recommend_box .box2 .list .datetime { font-size: 1vw; margin-top: 0.5vw; } .recommend_box .box2 .list .intro { width: 55%; overflow: hidden; margin-right: 5%; } .recommend_box .box2 .list h3 { margin-top: 1vw;font-size: 1.2vw; } .recommend_box .box2 .list .subtitle { margin-top: 1vw; line-height: 1.5vw; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; /* 这里是超出几行省略 */ overflow: hidden; } .recommend_box .box2 .list .cat { margin-top: 1vw; color: #dcc38d; } .recommend_box .box2 .list .cat a { font-size: 0.9vw; border-radius:3vw; padding: 0.1vw 0.8vw 0.2vw 0.8vw; border: #dcc38d 1px solid; color: #dcc38d; } .recommend_box .box2 .list .cat a:hover { color: #fff; background: #dcc38d;} /* 成功案例 */ .case { } .case .box { display: flex; flex-wrap: wrap; justify-content: space-between ; padding-bottom: 1vw; } .case .box .list { width: 19%; margin-top: 2.5vw; margin-bottom: 1.8vw; background: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.05); padding: 1vw; border-radius: 1vw; } .case .box .list .photo { width: 100%; overflow: hidden; position: relative; } .case .box .list .photo img { width: 100%; transition: all 0.5s; } .case .box .list .datetime { position: absolute; z-index: 1; left: 0; top: 0; background: rgba(255,255,255,01); color: #dcc38d; padding: 0.5vw; border-bottom-right-radius:2.2vw ; } .case .box .list .datetime span { font-size: 1vw; } .case .box .list .datetime strong { font-size: 2vw; } .case .box .list .intro { width: 100%; overflow: hidden; } .case .box .list h3 { margin-top: 1vw;font-size: 1.2vw; text-align: center; font-weight: normal; } .case .box .list .subtitle { margin-top: 1vw; line-height: 1.5vw; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; /* 这里是超出几行省略 */ overflow: hidden; } .case .box .list .cat { margin-top: 1vw; } .case .box .list .cat a { font-size: 0.9vw; border-radius:3vw; padding: 0.1vw 0.8vw 0.2vw 0.8vw; border: #dcc38d 1px solid; color: #dcc38d; } .case .box .list .cat a:hover { color: #fff; background: #dcc38d;} .case .detail2 { margin: auto; } .case .detail2 p { position: relative; padding-bottom: 2vw; } .case .detail2 h3 { font-size: 1.5vw; font-family: AlibabaPuHuiTi-Medium; padding: 1vw 0; margin-top: 1vw; } .case .detail2 h1 { padding: 1vw 0 0 0;} @media (max-width:640px) { .case .detail2 h3 { padding: 3vw 0;} } .case .detail { width: calc(100% - 2vw); margin: auto; } .case .detail p { position: relative; padding-left: 1vw; padding-bottom: 2vw; } .case .detail h1 { margin-left: -1vw;} /* .case .detail img { position: absolute; margin-left: -2vw; margin-top: 0.1vw; font-size: 1.3vw; vertical-align: middle; color: #dcc38d;} */ .case .detail p span.tt { font-size: 1.1vw; } .case .detail p strong { color: #dcc38d; font-weight: normal; } .case .detail .lc { display: flex; flex-wrap: wrap; padding-left: 1vw; margin-bottom: 1.5vw; } .case .detail .lc div.date { width: 15%; color: #dcc38d; line-height: 1.8vw; } .case .detail .lc div.event { width: 85%; line-height: 1.8vw; } /* 方格子 */ .fgz { margin-top: 1.5vw; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.07); border-top-right-radius:2vw ; } .fgz .tg { width: auto; min-width: 30%; display: inline-block; border-top-right-radius:2vw ; border-bottom-right-radius:2vw ; background: #dcc38d; color: #fff; padding: 0.5vw 1vw; margin-top: 1vw; font-size: 1.1vw; } .fgz ul { margin: 1vw 2vw; } .fgz ul li { padding: 0.2vw 0;} .fgz ul li::before { content: "•"; margin-right: 0.5vw; } /* 重新设置方格子背景色 */ .fgz.uset { box-shadow:none; background: #fdfcf9; margin-top: 1vw; margin-bottom: 1vw; } .fgz.uset2 { box-shadow:none; background: #fff; margin-top: 1vw; margin-bottom: 1vw; } .fgz2 { width: calc(31.5% - 3vw); margin-top: 1.5vw; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.07); border-top-right-radius:2vw ; padding: 1.5vw; } .fgz2 .fgb { margin: 2vw; } .fgz2 span { display: inline-block; } .fgz2 span:first-child { background: #dcc38d; padding: 0.3vw; border-radius: 0.4vw; color: #fff; margin-right: 0.5vw; } .fgz2 span i { font-size: 1.5vw; } .service h3.t3 { font-size: 1.3vw;} /* 小标题 */ .subta { height: 2.7vw; position: relative;} .subta a { width: 10vw; text-align: center; display: inline-block; padding: 0.6vw 0 0.6vw 0; border-top-right-radius:1.5vw ; font-size: 1.1vw; position: absolute; background: #e6d5af; } .subta a:nth-child(2) { background: #ede0c6; } .subta a:nth-child(3) { background: #f4ecdd; } .subta a:nth-child(4) { background: #f9f5ee; } .subta a.active { background: #dcc38d; color: #fff; } .subta a:hover { background: #dcc38d; color: #fff; } .subta a:nth-child(1) { z-index: 10; } .subta a:nth-child(2) { z-index: 9; left: 8vw ; padding-left: 1vw; } .subta a:nth-child(3) { z-index: 8; left: 16vw ; padding-left: 1vw; } .subta a:nth-child(4) { z-index: 7; left: 24vw ; padding-left: 1vw; } .subta a.a14:nth-child(1) { width: 14vw; z-index: 10; } .subta a.a14:nth-child(2) { z-index: 9; left: 12vw ; padding-left: 1vw; } .subta a.a14:nth-child(3) { z-index: 8; left: 21vw ; padding-left: 1vw; } .subta a.a14:nth-child(4) { z-index: 7; left: 30vw ; padding-left: 1vw; } .subta a.a12:nth-child(1) { width: 12vw; z-index: 10; } .subta a.a12:nth-child(2) { z-index: 9; left: 10vw ; width: 12.5vw; padding-left: 1vw; } .subta a.a12:nth-child(3) { z-index: 8; left: 22vw ; width: 12vw; padding-left: 1vw; } .subta a.a12:nth-child(4) { z-index: 7; left: 33vw ; width: 12vw; padding-left: 1vw; } .tab1 { width: 100%; } .tab1 td { padding: 1.2vw 0; width: 50%; } .tab1 tr td:first-child { text-align: center;} .tab1 tr.t1 td { background: #dcc38d; color: #fff; font-size: 1.2vw; border-top-left-radius:1vw ; border-top-right-radius:1vw ; } .tab1 tr.t2 td { background: #ede0c6; } .tab1 tr.t3 td { background: #faf6ef; } .line2 { width: 1px; border-left: #dadada 1px dashed; margin: 0 2vw; } .tab2 { } .tab2 p { border-bottom: #dadada 1px dashed; padding: 0.5vw 0;} .tab2 p:last-child { border: none; } .tab2 span { color: #dcc38d; } /* 表单 */ .order { display: flex; justify-content: space-between; justify-items: left; flex-wrap: wrap; } .order div.input-group { width: 48%; margin-top: 0.5vw; } .order input.iput { border: #ddd 1px solid; border-radius: 0.3vw; padding: 0.4vw; background: #fff; margin-top: 0.1vw; margin-bottom: 0.8vw; } .order input.submit { background: #dcc38d; border: #dcc38d 1px solid; color: #fff; border-top-right-radius: 0.5vw; padding: 0.5vw;width: 10vw; transition: all 0.5s; margin: auto; margin-top: 1.8vw; } .order input.submit:hover { background: #dcc38d; border: #dcc38d 1px solid; } .order input.submit.btn-disabled { background: #999; border: #999 1px solid; } .order input.submit.btn-disabled:hover { background: #999; border: #999 1px solid; } .order textarea { border: #ddd 1px solid; border-radius: 0.3vw; padding: 0.4vw; background: #fff; margin-top: 0.2vw; height: 5vw; } .order select { border: #ddd 1px solid; border-radius: 0.3vw; padding: 0.4vw; background: #fff; margin-top: 0.2vw; } .order label { margin-right: 0.5vw; cursor: pointer; width: 30%; display: inline-block; margin-top: 0.6vw; } .order label input.ck { width: 1vw; height: 1vw; vertical-align: middle; } .order label.error { background: #dcc38d; padding: 0.1vw 0.5vw; border-radius: 0.2vw; color: #fff; font-size: 0.7vw; margin-top: 0px; } .order label.error i { vertical-align: middle; } .order a { color: #dcc38d;} .order .tts { margin-bottom: 0.3vw; } .order .tts span { font-size: 0.5vw; display: inline-block; border-radius: 2vw; color: #Fff; background: #dcc38d; padding: 0.05vw 0.3vw 0.1vw 0.3vw; vertical-align: middle; } #ms_text { color: #8dbf2d; line-height: 1.5vw; } #ms_text i { font-size: 1.4vw; vertical-align: bottom; } @media (max-width:640px) { /* .order div.input-group { width: 100%; margin-top: 6vw; padding: 0; } .order input.iput { width: calc(100% - 4vw ); border-radius: 1vw; padding: 2vw; margin-top: 3vw; margin-bottom: 2vw; } .order input.submit { font-size: 5vw; border: none; color: #fff; border-top-right-radius: 4vw; padding: 3vw 0;width: 100%; margin-top: 5vw; } .order textarea { width: calc(100% - 4vw ); border-radius: 1vw; padding: 2vw; margin-top: 1vw; height: 25vw; } .order select { border-radius: 1vw; padding: 1.5vw; margin-top: 1vw; } .order label { margin-right: 0; width: 45%; margin-top: 3.5vw; } .order label input.ck { width: 4vw; height: 4vw; } .order label.error { padding: 1vw 1.5vw; border-radius: 1vw; font-size: 3vw; } .order a { color: #e78a42; } */ } /* faq */ .faq .list { width: 100%; margin-bottom: 2vw; } .faq_title { display: flex; font-size: 1.1vw; } .faq_title:hover { cursor: pointer;} .faq_title i.icon-gou { color: #dcc38d; font-size: 1.2vw; margin-right: 0.2vw; } .faq_title i.icon-jiahao , .faq_title i.icon--jianhao { font-size: 1.3vw; } .faq .dis { margin: 0.5vw;} .faq .content { margin: 1vw; padding: 1vw; background: #fdfcf9; line-height: 1.5vw; } .faq .content h4 { color: #dcc38d; } .bo_line { border-bottom: #efefef 1px solid; padding-bottom: 2vw; } .mcb { line-height: 1.5vw; border-bottom: #efefef 1px solid; padding-bottom: 1vw; } .mcb h4 { font-size: 1.3vw ; padding: 0.2vw 0; margin-top: 1vw; font-weight: normal; } .mcb h4 i { font-size: 1.3vw; color: #dcc38d !important; margin-right: 0.1vw !important; } .mcb h4 strong { font-weight: normal; margin-bottom: 0.5vw; } .mcb .dic { padding-left: 1.5vw; line-height:2vw;} .mcb .dic i { font-size: 0.85vw; color: #dcc38d !important; margin-right: 0.1vw !important; } .mcb .dic span { color: #dcc38d; } .mcb .dic2 { padding-left: 2.9vw;} .mcb:last-child { border-bottom: none;} .mcb .dic3 { padding:1vw 1vw; } .mcb .dic3 span { font-size: 1.1vw; margin-left: 0.5vw; margin-right: 1vw; } .mcb .dic3 span i { font-size: 1.3vw;color: #dcc38d; } .shuxue i { font-size: 1.3vw;color: #dcc38d; margin-right: 0.3vw; } .sq { padding: 1.5vw 1vw 0 1.5vw; } .sq h4 { font-size: 1.1vw; } .sq h4 span { color: #dcc38d; } .sq i { font-size: 0.85vw; color: #dcc38d; } .sq div { padding: 1vw 1.5vw; line-height: 2vw; } .sq .ck { background: #fdfcf9; width: calc(47% - 2vw); border-top-right-radius:1.5vw ; margin: 1vw 0; line-height: 1.5vw; } .sq .ck div { padding: 0 !important;} .sq .ck strong { color: #dcc38d; } .school_tab table { margin: auto;} .school_tab td { text-align: center;padding: 0.5vw 0; border: #fff 4px solid; background: #fdfbf7; } .school_tab tr:nth-child(even) td { background: #f8f3e8; } .school_tab tr.tp td { font-size: 1.5vw; text-align: center; font-weight: bold; padding: 1vw 0; } .school_tab tr.header3 td { background: #dcc38d; color: #fff; } .school_tab tr td:nth-child(1) { width: 10%; } .school_tab tr td:nth-child(2) { width: 50%; } .school_tab tr td:nth-child(3) { width: 20%; } .school_tab tr td:nth-child(4) { width: 20%; } /* 教育体制 */ .service { } .service .box1 .list p { padding: 1vw;} .service .box1 .list h4 { font-size: 1.3vw; padding: 1.5vw; } .service .box1 .list h3 { font-size: 2.5vw; padding: 2vw; color: #fff; line-height: 1.3vw; } .service .box1 .list h3.p3 { padding:1.3vw 0 0.9vw 0; } .service .box1 .list h3 span { font-size: 1vw;} .service .box1 { display: flex; justify-content: space-between; margin-top: 2.5vw; } .service .box1 .list { width: 23.5%; background: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.05); border-bottom-left-radius:10vw ;border-bottom-right-radius:10vw ; text-align: center; padding-bottom: 2vw; } .service .box1 .list .line { width: 80%; margin: auto; height: 1px; background: #ddd; } .service .box1 .list .t1 { color: #ebb745; } .service .box1 .list .t2 { color: #df7d37; } .service .box1 .list .t3 { color: #d75149; } .service .box1 .list .t4 { color: #764692; } .service .box1 .list .b1 { background: #ebb745; } .service .box1 .list .b2 { background: #df7d37; } .service .box1 .list .b3 { background: #d75149; } .service .box1 .list .b4 { background: #764692; } .service .box1 .list p span { } .school { } .school .list { width: 43%; overflow: hidden; } .school .bt { margin-top: 1.5vw;} .school .bt a.t1 { border-top-left-radius:3vw; border-bottom-left-radius:3vw; padding: 0.4vw 2vw 0.5vw 2vw; border: #dcc38d 1px solid; color: #dcc38d; background: #fff; } .school .bt a.t2 { border-top-right-radius:3vw; border-bottom-right-radius:3vw; padding: 0.4vw 2vw 0.5vw 2vw; border: #dcc38d 1px solid; color: #fff; border-left:0 ; margin-left: -1vw; background: #dcc38d; } .school .bt a:hover { background: #e5d1a6; color: #fff; } .school .list .basic { display: flex; align-items: center;line-height: 1.5vw; } .school .list .basic .img { width: 6.77vw; height: 7.29vw; overflow: hidden; margin-right: 1vw; } .school .list .basic strong { font-size: 1.3vw; } .school .list .basic span { display: inline-block; } .school .list .basic span.num { color: #dcc38d; margin-left: 1vw; } .school .list .basic span.kh { color: #dcc38d; margin-right: 0.5vw; margin-top: 0.5vw; padding: 0 0.8vw; border-radius: 3vw; border: #dcc38d 1px solid; } .school .list .fu { padding-left: 0; } .school .detail { } .school .detail .top { align-items: flex-end; border-bottom: #efefef 1px solid; padding-bottom: 1.5vw; } .school .detail .top .basic { display: flex; align-items: center;line-height: 1.5vw; } .school .detail .top .img { width: 6.77vw; height: 7.29vw; overflow: hidden; margin-right: 1vw; } .school .detail .top .basic strong { font-size: 1.3vw; } .school .detail .top .basic span { display: inline-block; } .school .detail .top .basic span.num { color: #dcc38d; margin-left: 1vw; } .school .detail .top .basic span.kh { color: #dcc38d; margin-right: 0.5vw; margin-top: 0.5vw; padding: 0 0.8vw; border-radius: 3vw; border: #dcc38d 1px solid; } .school .detail .top .fu { padding-left: 0; } .school .detail .content { padding: 1.5vw 0; } .school .detail .content .shu i { color: #dcc38d; font-size: 1.1vw; } .school .detail .content .shu span { margin-right: 1.5vw; display: inline-block; line-height: 1.5vw; margin: 0.3vw 0; } .school .detail .content .dic {width: 95%; margin: auto; margin-top: 1vw; } .school .detail .content .dic img { border-radius: 0.6vw; } .ys2 { background: #fdfcf9; padding: 1.5vw; border-top-right-radius:2vw ; margin-bottom: 1vw; } .ys2 i { color: #dcc38d; font-size: 0.85vw; } .ys2 h4 { font-size: 1.1vw; } .ys2 p { padding-left: 0.8vw; margin-top: 0.3vw;} .aption-btn { width: 100%; height: 8.5vw; border-top-right-radius:2vw ; background: url(../images/service/application/btn-bg.png) center center no-repeat; text-align: center; } .aption-btn div { font-size: 1.8vw; font-weight: bold; padding-top: 1.5vw; } .aption-btn a { display: inline-block; width: 14.06vw; height: 2.916vw; background: url(../images/service/application/btn.png) center center no-repeat; color: #fff; line-height: 2.5vw; font-size: 1.2vw; margin-top: 0.5vw; } .ys3 { padding: 1.5vw; margin-bottom: 1vw; } .ys3 i { color: #dcc38d; font-size: 0.85vw; } .ys3 h4 { font-size: 1.1vw; } .ys3 p { padding-left: 0.8vw; margin-top: 1vw; border-top-right-radius:2vw ; display: inline-block; background: #fdfcf9; width: calc(100% - 3vw); padding:1vw 1.5vw; } .ys4 { background: #fdfcf9; padding: 1.5vw; border-top-right-radius:2vw ; margin-bottom: 1vw; } .ys4 i { color: #dcc38d; font-size: 1.2vw; } .ys4 h4 { font-size: 1.1vw; } .ys4 p { padding-left: 0.8vw; margin-top: 0.3vw;} .aption-btn2 { width: 73vw; height: 8.5vw; text-align: center; } .aption-btn2 a { display: inline-block; width: 14.06vw; height: 2.916vw; background: url(../images/service/application/btn.png) center center no-repeat; color: #fff; line-height: 2.5vw; font-size: 1.2vw; margin-top: 0.5vw; } .pt1 { padding: 1vw 0; line-height: 2vw; } .pt1 p { margin-top: 1vw; } .pt2 { padding: 1vw 1vw; line-height: 2vw; width: 91%; padding-left: 1.8vw; background: #fdfcf9; border-top-right-radius:2vw ; margin-top: 0.5vw; } .pt2 p { margin-top: 1vw; } .slines { border-bottom: #f2f2f2 1px solid; margin-top: 1.5vw; } /* 专栏 */ /* 教育 */ /* .service { } .service .box1 .list p { padding: 1vw;} .service .box1 .list h4 { font-size: 1.3vw; padding: 1.5vw; } .service .box1 .list h3 { font-size: 2.5vw; padding: 2vw; color: #fff; line-height: 1.3vw; } .service .box1 .list h3.p3 { padding:1.3vw 0 0.9vw 0; } .service .box1 .list h3 span { font-size: 1vw;} .service .box1 { display: flex; justify-content: space-between; margin-top: 2.5vw; } .service .box1 .list { width: 23.5%; background: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.05); border-bottom-left-radius:10vw ;border-bottom-right-radius:10vw ; text-align: center; padding-bottom: 2vw; } .service .box1 .list .line { width: 80%; margin: auto; height: 1px; background: #ddd; } .service .box1 .list .t1 { color: #ebb745; } .service .box1 .list .t2 { color: #df7d37; } .service .box1 .list .t3 { color: #d75149; } .service .box1 .list .t4 { color: #764692; } .service .box1 .list .b1 { background: #ebb745; } .service .box1 .list .b2 { background: #df7d37; } .service .box1 .list .b3 { background: #d75149; } .service .box1 .list .b4 { background: #764692; } .service .box1 .list p span { } @media (max-width:640px) { .service .box1 { flex-wrap: wrap; } .service .box1 .list { width: 47.5%; margin-bottom: 4vw; border-bottom-left-radius:20vw ;border-bottom-right-radius:20vw ; padding-bottom: 6vw; } .service .box1 .list p { padding: 3vw;} .service .box1 .list h4 { font-size: 5vw; padding: 3vw; } .service .box1 .list h3 { font-size: 6.5vw; padding: 4vw; line-height: 4vw; } .service .box1 .list h3.p3 { padding:2.5vw 0 1.5vw 0; } .service .box1 .list h3 span { font-size: 1vw;} } .service .box2 { } .service .box2 h3 { font-size: 1.5vw; padding: 1vw 0; margin-top: 2vw; } .service .box2 h3 span { display: inline-block; font-size: 1.3vw; background: #e78a42; color: #fff; padding: 0.3vw 1.2vw; border-top-right-radius:1.2vw ; } .service .box2 .sm_box { display: flex; flex-wrap: wrap; justify-content: space-between; } .service .box2 .sm_box .list { display: flex; align-items: center; width: calc(23% - 4vw); padding: 2vw; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); border-top-right-radius:1.5vw ;} .service .box2 .sm_box .list span { width: 1.8vw; height: 1.8vw; line-height: 2.2vw; text-align: center; display: inline-block; padding: 0.3vw; border-radius: 0.9vw; background: #dcc38d; color: #fff; font-size: 1.6vw; margin-right: 1vw; } .service .box2 h4 { font-weight: normal; font-size: 1vw; margin: 1vw 0 0.2vw 0; } .service .box2 h4 i { font-size: 1.3vw; color: #e78a42; vertical-align: middle; margin-right: 10px; } .service .box2 h4 span { padding-left: 0.3vw; } .service .box2 h4 strong { padding-left: 0.3vw; } @media (max-width:640px) { .service .box2 h3 { font-size: 6vw; padding: 3vw 0; margin-top: 3vw; } .service .box2 h3 span { font-size: 4.5vw; padding: 1vw 3vw 1.5vw 3vw; border-top-right-radius:3vw ; } .service .box2 .sm_box .list { width: calc(48% - 6vw); padding: 3vw; margin-bottom: 4vw; background: #fff; border-top-right-radius:4.5vw ;} .service .box2 .sm_box .list span { width: 5.4vw; height: 5.4vw; line-height: 6.6vw; padding: 1vw; border-radius: 2.7vw; font-size: 4.8vw; margin-right: 3vw; } .service .box2 h4 { font-size: 5vw; margin: 3vw 0 0.6vw 0; padding: 0; } .service .box2 h4 i { font-size: 5vw; vertical-align: middle; color: #e78a42; } } */ /* 教育团队 */ /* .sub_team { padding-bottom: 2vw; display: flex; justify-content: space-between;} .sub_team a { margin-right: 1vw; font-family: AlibabaPuHuiTi; font-size: 1.1vw; } .sub_team a.active { color: #e78a42; } .sub_team .left { width: 70%; } .sub_team .right { width: 30%; text-align: right; } .sub_team .right i { font-size: 1.5vw;margin-left: 1vw; cursor: pointer; } @media (max-width:640px) { .sub_team a { margin-right: 3vw; font-size: 4vw; } .sub_team .right i { font-size: 4.5vw; margin-left: 3vw; } } */ /* .service .teams { text-align: center; } */ /* .service .teams img { border-top-right-radius:2vw ;} .service .teams p { padding: 1vw 0; font-family: AlibabaPuHuiTi; font-size: 1.1vw; } @media (max-width:640px) { .service .teams { padding-top: 2vw; } .service .teams img { border-top-right-radius:6vw ;} .service .teams p { padding: 3vw 0; font-size: 4vw; } } */ /* .choose { display: flex; justify-content: space-between; flex-wrap: wrap; } .choose div { width: calc(48% - 4vw); background: #fff; border-top-right-radius:2vw ; margin-top: 2vw; padding: 2vw; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); } .choose div h4 { font-size: 1.2vw !important; font-weight: bold !important; margin: 0 !important; padding-bottom: 0.6vw;} .choose div h4 span { color: #e78a42; } .choose div span.lines { width: 4vw; height: 2px; background: #e78a42; display: inline-block; margin-bottom: 0.6vw; } @media (max-width:640px) { .choose div { width: calc(100% - 8vw); border-top-right-radius:6vw ; margin-top: 4vw; padding: 4vw; } .choose div h4 { font-size: 5vw !important; } .choose div span.lines { width: 10vw; height: 0.1vw; } } */ /* .ym_box1 { display: flex; justify-content: space-between; justify-items: flex-start; margin-top: 1.5vw; flex-wrap: wrap; } .ym_box1 div { width: 47%; } @media (max-width:640px) { .ym_box1 div { width: 100%; margin-top: 3.5vw; } } */ /* .service .box3 { } .service .box3 h3 { font-size: 1.5vw; padding: 1vw 0; margin-top: 1.5vw; } .service .box3 h3 span { display: inline-block; font-size: 1.3vw; background: #e78a42; color: #fff; padding: 0.3vw 1.2vw; border-top-right-radius:1.2vw ; } .service .box3 h3.ts { font-size: 1.3vw; } .service .box3 .sm_box { display: flex; flex-wrap: wrap; justify-content: space-between; } .service .box3 .sm_box .list { width: calc(23% - 4vw); padding: 2vw; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); border-top-right-radius:1.5vw ; text-align: center; } .service .box3 .sm_box .list span { color: #e78a42; } .service .box3 h4 { font-weight: normal; font-size: 1.1vw; margin: 1vw 0 1vw 0; vertical-align: middle; } .service .box3 h4 i { font-size: 1.3vw; vertical-align: middle; color: #e78a42;} .service .box3 h4 span { padding-left: 0.3vw; } .service .box3 h4 strong { padding-left: 0.3vw; } .service .box3 .lc_box { display: flex; flex-wrap: wrap; justify-content: space-between; } .service .box3 .lc_box .list { display: flex; align-items: center; width: calc(18.5% - 4vw); padding:1.5vw 2vw; margin-top: 1.5vw; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); border-top-right-radius:1.5vw ;} .service .box3 .lc_box .list span { width: 1.1vw; height: 1.1vw; line-height: 1.1vw; text-align: center; display: inline-block; padding: 0.3vw; border-radius: 1vw; background: #e78a42; color: #fff;margin-right: 1vw; } .service .box3 span.num { display: inline-block; background: #e78a42; color: #fff; text-align: center; padding: 0.35vw ; height: 0.5vw; width: 0.5vw; border-radius: 2vw; line-height: 0.5vw; } .service .box3 .lc_box .list.b25 { width: calc(23% - 4vw);} @media (max-width:640px) { .service .box3 h3 { font-size: 6vw; padding: 3vw 0; margin-top: 3vw; } .service .box3 h3 span { font-size: 4.5vw; padding: 1vw 3vw 1.5vw 3vw; border-top-right-radius:3vw ; } .service .box3 .sm_box .list { width: calc(48% - 4vw); padding:3vw 2vw; margin-bottom: 4vw; font-size: 4vw; background: #fff; border-top-right-radius:4.5vw ;} .service .box3 .sm_box .list span { width: 5.4vw; height: 5.4vw; line-height: 6.6vw; font-size: 4vw; border-radius: 2.7vw; } .service .box3 .lc_box .list { width: calc(48% - 6vw); padding: 3vw; margin-bottom: 4vw; background: #fff; border-top-right-radius:4.5vw ;} .service .box3 .lc_box .list span { width: 5vw; height:5vw; line-height: 5vw; padding: 1vw; border-radius: 5vw; font-size: 4.8vw; margin-right: 3vw; } .service .box3 h4 { font-size: 5vw; margin: 3vw 0 0.6vw 0; } .service .box3 h4 i { font-size: 6vw; vertical-align: middle; color: #e78a42; } .service .box3 .lc_box .list.b25 { width: calc(46% - 4vw);} } */ /* 圖標垂直居中 */ /* .service h4 { display: table; } .service h4 i { display: table-cell; margin-right: 3vw !important; color: #f00; } @media (max-width:640px) { .service h4 i { } } */ /* FLEX块状 */ /* .flex { display: flex; flex-wrap: wrap; } .kd div { width: 33.3%; margin-top: 0.7vw; } .kd i { font-size: 1.1vw; color: #e78a42; } @media (max-width:640px) { .kd div { width: 50%; font-size: 4.5vw; margin-top: 2vw; } .kd i { font-size: 4.5vw; } } .cd { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin:0 0 1.5vw 0; } .cd div { width: calc(23% - 4vw); padding: 2vw 1.5vw; margin-top: 0.7vw; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); border-top-right-radius:1.5vw ; text-align: center; height: 1.5vw; line-height: 1.5vw; } .cd div.duo { line-height: 1.3vw; } .cd i { font-size: 1.1vw; color: #e78a42; } .cd span { color: #e78a42; } .cd strong { font-weight: normal; font-size: 0.9vw; } .cd3 div { width: calc(31% - 4vw);padding-bottom: 2vw; line-height: 1.5vw; height: 1.5vw; } @media (max-width:640px) { .cd div { width: calc(48% - 4vw); font-size: 4.5vw; margin-top: 3vw; border-top-right-radius:4.5vw ; padding: 3vw 1.5vw; height: 12vw; line-height: 12vw; } .cd i { font-size: 4vw; } .cd3 div { margin-bottom: 2vw; line-height: 7vw; height: 7vw; } } */ /* .process { background: #fff; border-top-right-radius: 5vw; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); overflow: hidden; padding: 1.5vw; margin-top: 1vw; } .process img { width: 70.0520833333vw; } @media (max-width:640px) { .process img { width: 100%; } } .ys { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin:0 0 1.5vw 0; } .ys div { width: calc(48% - 4vw); margin-top: 0.7vw; } .ys i { font-size: 1vw; color: #e78a42; } @media (max-width:640px) { .ys div { width: calc(100% - 4vw); font-size: 4vw; margin-top: 2vw; padding: 1vw 0; } .ys i { font-size: 4.5vw; } } .medical_banner img { border-top-right-radius:5vw;margin: 2vw 0; } .contact { } .contact .box { } .contact .box h3 { font-size: 1.5vw; padding: 1vw 0; margin-top: 1vw; } .contact .box .tcon { line-height: 1.8vw; } .contact .box .tcon i { color: #f3b340; font-size: 1.2vw; } @media (max-width:640px) { .contact .box h3 { font-size: 5vw; padding: 2vw 0; margin-top: 3vw; } .contact .box .tcon { line-height: 9vw; } .contact .box .tcon i { font-size: 5.5vw; } } */