@charset "utf-8";

#container {background:#f5f8fd; padding:60px 0; overflow:hidden;}
@media all and (max-width:768px){
  #container {padding:40px 0;}
}
@media all and (max-width:480px){
  #container {padding:30px 0;}
}

#container > .wrap > div { float:left; border:1px solid #ddd; }

.business {width:27%; margin-top:-237px; }
.business a {display:block; height:206px; background:url('/design/health2020/img/main/obj1.jpg') no-repeat center/cover; position:relative;}
.business a::before {content:''; position:absolute; bottom:0; left:50%; width:195px; height:93px; background:url('/design/health2020/img/main/obj2.png') no-repeat 0 0/contain; margin-left:-97px;}
.business .tit {color:#fff; font-family:'SCDream', 'notokr', sans-serif; font-weight:500; font-size:18px; line-height:1.6; padding:15px 20px;}
.business .qr {position:absolute; top:60px; right:25px; width:50px; padding:3px; background:#fff; border-radius:3px;}
@media all and (max-width:1240px){
  .business .tit {text-align:center; padding:12px 15px;}
  .business .qr {top:auto; bottom:10px; right:10px;}
}
@media all and (max-width:1023px){
  .business { width:40%; margin-top:-448px;}
  .business .tit {padding:15px;}
}
@media all and (max-width:700px){
  .business {display:flex; width:100%; margin-bottom:20px; margin-top:-10px; }
  .business a {height:auto;}
  .business a::before { left:auto; right:100px; margin-left:0; width:150px; height:72px;} 
  .business .tit {text-align:left; padding:15px 20px;}
}
@media all and (max-width:599px){
  .business {display:block;}
  .business a::before { left:50%; right:auto; margin-left:-75px;} 
  .business .tit {text-align:center; padding-bottom:83px;}
}


.cont1 { width:27%; background:#90bcdd url('/design/health2020/img/main/cont1Bg.jpg') no-repeat center bottom; background-size:cover; text-align:center; position:relative; padding:15px;}
.cont1::before {content:''; position:absolute; bottom:0; left:0; width:100%; height:100%; background:linear-gradient(0deg,rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%); z-index:-1;}
.cont1 .time { display:inline-block; background:#243368; color:#fff; font-size:19px; padding:7px 25px; border-radius:20px;}
.cont1 .break {margin:10px 0 15px; color:#fff;}
.cont1 .btn {display:flex; margin:0 -4px;}
.cont1 .btn a {text-align:center; border:1px solid #aaa; background:#fff; font-size:14px; font-weight:500; padding:8px 0; border-radius:20px; display:block; width:calc(33.333% - 8px); margin:0 4px;}
@media all and (max-width:1023px){
  .cont1 { width:40%; }
}
@media all and (max-width:700px){
  .cont1 { width:100%; height:auto; padding:30px;}
}
@media all and (max-width:480px){
  .cont1 dl { width:100%; }
}



.cont2 { position:relative; width:46%; margin:0 0 30px 3%; background:#eb9e8a url('/design/health2020/img/main/cont2Bg.png') no-repeat center bottom; text-align:center; height:405px; overflow:hidden; }
.cont2 .img1 {margin:20px 0 10px;}
.cont2 .img3 {position:absolute; left:50%; bottom:0; margin-left:-166.5px; }
.cont2 .img4 {position:absolute; left:0; bottom:0; }
.cont2 .img5 {position:absolute; right:0; bottom:0; }
@media all and (max-width:1023px){
  .cont2 { width:57%; }
}
@media all and (max-width:700px){
  .cont2 { width:100%; margin:20px 0;}
}
@media all and (max-width:480px){
  .cont2 {height:320px;}
  .cont2 .img1 {max-width:250px;}
  .cont2 .img2 {max-width:350px; width:96%; margin:0 2%;}
  .cont2 .img3  {width:250px; margin-left:-125px; }
  .cont2 .img4,
  .cont2 .img5 {width:30%;}
}

.cont3 { width:21%; min-height:230px; margin:0 0 15px 3%; background:#fff url('/design/health2020/img/main/cont3Bg.png') no-repeat center bottom; background-size:cover; text-align:center; }
.cont3 p {font-family:'SCDream', 'notokr', sans-serif; font-size:20px; font-weight:600; color:#243368; padding:20px 0 10px; letter-spacing:-1.2px;}
.cont3 dt { font-family:'SCDream', 'notokr', sans-serif; font-size:20px; font-weight:600; color:#243368; padding:20px 0 10px; letter-spacing:-1.2px; }
.cont3 dd span {display:inline-block; background:url('/design/health2020/img/main/cont3Icon.png') no-repeat left center; font-size:18px; padding:10px 0 10px 50px; font-weight:600; }
.cont3 .btn {margin:10px 15px 0;}
.cont3 a { display:block; float:left; width:48%; text-align:center; border:1px solid #aaa; background:#fff; font-size:14px; font-weight:500; padding:8px 0; border-radius:20px; }
.cont3 a:first-child {margin-right:4%; }
.cont1 .btn a:hover::after { top:-10px; }
@media all and (max-width:1023px){
  .cont3 { width:48.5%; margin:0 0 30px; min-height:180px;}
}
@media all and (max-width:480px){
  .cont3 { width:100%; margin:0 0 10px; min-height:180px;}
}

.cont4 { width:21%; margin:0 0 30px 3%; border:0 !important; }
.cont4 a { position:relative; display:block; float:left; width:48.5%; border:1px solid #aaa; background:#fff; font-family:'SCDream', 'notokr', sans-serif; font-size:14px; font-weight:500; text-align:center; padding:45px 0 5px; line-height:1.2;}
.cont4 a::before {content:''; position:absolute; left:50%; top:5px; width:35px; height:35px; margin-left:-17.5px; background:url('/design/health2020/img/main/cont4Icon.jpg') no-repeat -35px 0; }
.cont4 a span {display:block; color:#e5511a; }
.cont4 a:first-child {margin-right:3%;}
.cont4 a:first-child::before {background-position:0 0;}
.cont4 a.last {width:100%; margin-top:10px; background:#4698c7; border:0; font-size:18px; padding:0; line-height:65px; }
.cont4 a.last::before { display:none; }
.cont4 a.last span {display:inline-block; position:relative; color:#fff; padding:0 50px 0 70px; }
.cont4 a.last span::before { content:''; position:absolute; width:50px; height:37px; left:0; top:50%; margin-top:-18.5px; background:url('/design/health2020/img/main/cont4Icon2.png') no-repeat 0 0; }
.cont4 a.last span::after { content:''; position:absolute; width:30px; height:30px; right:0; top:50%; margin-top:-15px; background:url('/design/health2020/img/main/cont4Arrow.png') no-repeat 0 0; }
@media all and (max-width:1023px){
  .cont4 { width:48.5%; }
  .cont4 a {padding:56px 0 15px;}
  .cont4 a::before { top:12px; }
}
@media all and (max-width:480px){
  .cont4 { width:100%; margin:0 0 30px;}
}

.popup { position:relative; clear:both; width:27%; margin:0 0 30px; }
.popup img { display:inline-block; width:100%; /*vertical-align:top;*/ }
.popup .control {position:absolute; right:0; bottom:0; z-index:10;}
.popup .control a { display:block; float:left; background:rgba(0,0,0,0.5) url('/design/health2020/img/main/popupCont.gif') no-repeat 0 0; text-indent:-9999px; width:35px; height:35px; margin-left:1px; }
.popup .control a.stop {background-position:-35px 0;}
.popup .control a.play { display:none; background-position:-70px 0;}
.popup .control a.next {background-position:-105px 0;}
@media all and (max-width:1023px){
  .popup {width:35%;}
}
@media all and (max-width:700px){
  .popup {width:100%; background:#fff; text-align:center;}
  .popup img { max-width:300px;}
}

.notice { position:relative; width:46%; height:270px; margin:0 0 30px 3%; background:#fff; padding:69px 25px 20px 25px; }
.notice > a { position:absolute; left:25px; top:25px; font-size:20px; }
.notice > a::before {content:''; position:absolute; top:5px; left:-17px; width:1px; height:20px; background:#999; transform:rotate(25deg); }
.notice > a:first-child::before {display:none;}
.notice > a.on {font-weight:600;}
.notice > a:nth-child(3) {left:130px;}
.notice > a:nth-child(5) {left:235px;}
.notice > a:nth-child(7) {left:340px;}
.notice > div { display:none; }
.notice > a.on+div { display:block; }
.notice > div > a { position:absolute; right:25px; top:25px; width:30px; height:30px; border:1px solid #002a4e; border-radius:50%; background:url('/design/health2020/img/main/more.gif') no-repeat center; text-indent:-9999px; }
.notice li { position:relative; padding:7px 0 7px 10px; overflow:hidden; }
.notice li::before { content:''; position:absolute; left:0; top:17px; background:#666; width:3px; height:3px; }
.notice li span {display:block; float:left; width:70%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.notice li span.date {width:30%; font-size:15px; color:#666; text-align:right; }
@media all and (max-width:1200px){
  .notice > a {font-size:17px;}
  .notice > a::before { top:1px; left:-15px;}
  .notice > a:nth-child(3) {left:116px;}
  .notice > a:nth-child(5) {left:208px;}
  .notice > a:nth-child(7) {left:300px;}
}
@media all and (max-width:1023px){
  .notice {width:62%;}
}
@media all and (max-width:700px){
  .notice {width:100%; height:auto; margin:0 0 20px;}
}
@media all and (max-width:480px){
  .notice > a { font-size:16px; }
  .notice > a:nth-child(3) {left:100px;}
  .notice > a:nth-child(5) {left:170px;}
  .notice > a:nth-child(7) {left:245px;}
  .notice > a::before {display:none;}
  .notice > div > a {right:0; top:0; border-radius:0; }
}

.cont5 { width:21%; margin:0 0 30px 3%; border:0 !important; background:#00a5ad; padding:20px 20px 5px; }
.cont5 a { position:relative; display:block; float:left; width:50%; font-family:'SCDream', 'notokr', sans-serif; text-align:center; color:#fff; padding:85px 0 15px; }
.cont5 a::before {content:''; position:absolute; left:50%; top:0; width:80px; height:80px; margin-left:-40px; background:#fff; border-radius:50%; }
.cont5 a:hover::before {background:#54c3c8;}
.cont5 a::after {content:''; position:absolute; left:50%; top:15px; width:50px; height:50px; margin-left:-25px; background:url('/design/health2020/img/main/cont5Icon.png') no-repeat 0 0;}
.cont5 a:nth-child(2)::after { background-position:-50px 0; }
.cont5 a:nth-child(3)::after { background-position:-100px 0; }
.cont5 a:nth-child(4)::after { background-position:-150px 0; }
.cont5 a:nth-child(1):hover::after { background-position:0 -50px; }
.cont5 a:nth-child(2):hover::after { background-position:-50px -50px; }
.cont5 a:nth-child(3):hover::after { background-position:-100px -50px; }
.cont5 a:nth-child(4):hover::after { background-position:-150px -50px; }
@media all and (max-width:1023px){
  .cont5 {clear:both; width:35%; margin:0; padding:42px 20px 30px; }
  .cont5 a:first-child, .cont5 a:nth-of-type(2) { padding-bottom:54px; }
  .cont5 a { padding:95px 0 17px; }
}
@media all and (max-width:700px){
  .cont5 {width:100%; margin:0 0 20px; padding:20px 20px 5px;  }
  .cont5 a:first-child, .cont5 a:nth-of-type(2) { padding-bottom:0; }
 .cont5 a { width:25%; padding:85px 0 15px; }
}
@media all and (max-width:480px){
  .cont5 a {font-size:14px; padding:70px 0 15px; }
  .cont5 a::before {width:60px; height:60px; margin-left:-30px; }
  .cont5 a::after {top:5px;}
}


.cont6 { clear:both; width:100%; border:0 !important; display:flex;}
.cont6 dl {position:relative;float:left;width: 23.8%;background:#fdca31;padding:35px;}
.cont6 dl:first-child {margin-right: 1.5%;background:#374659;color:#fff;}
.cont6 dl:nth-of-type(2) { margin-right:1.5%;}
.cont6 dl:nth-of-type(3) { background:#7cd8a1; margin-right:1.5%;}
.cont6 dl:nth-of-type(4) {background: #d3ddff;/* margin-right:0; */}
.cont6 dl::before {content:'';position:absolute;right: 13px;top: 50%;width:114px;height:120px;margin-top:-60px;background: url('/design/health2020/img/main/cont6Icon_231027.png') no-repeat -119px 0;z-index:-1;}
.cont6 dl:first-child::before { background-position:33px 7px;}
.cont6 dl:nth-of-type(2)::before { background-position:-83px 10px; }
.cont6 dl:nth-of-type(3)::before { background-position:-182px 7px;}
.cont6 dl:nth-of-type(4)::before {background-position: -290px 7px;}
.cont6 dl dt {font-family:'SCDream', 'notokr', sans-serif; font-size:20px; font-weight:500; margin-bottom:15px; }
.cont6 dl dt span {display:block;}
.cont6 dl dt a {display:inline-block; background:#fff; font-family:'notokr', sans-serif; font-size:16px; padding:7px 20px; border-radius:6px; margin-top:10px;}
.cont6 dl dd {padding-right: 80px;}
@media all and (max-width:1240px){
  .cont6 dl {padding:25px;}
  .cont6 dl::before {right:20px;width: 60px;height: 70px;background-size:246px auto;background-position:-80px 0;top:inherit;bottom:25px;margin-top:0;}
  .cont6 dl:first-child::before {background-position: 6px 0px;}
  .cont6 dl:nth-of-type(2)::before {background-position: -55px 0px;}
  .cont6 dl:nth-of-type(3)::before {background-position: -124px 0px;}
    .cont6 dl:nth-of-type(4)::before {background-position: -190px 0px;}
  .cont6 dl dd {display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; overflow:hidden; height:100%; max-height:2.8em; line-height:1.4; word-wrap:break-word; text-overflow:ellipsis;}
}

@media all and (max-width:1023px){
  .cont6 { clear:none; width:62%; margin-left:3%; flex-wrap: wrap;}
  .cont6 dl {width:50%; height:182px;}
  .cont6 dl:first-child, .cont6 dl:nth-of-type(2){margin-right:0; margin-bottom:15px;}
  .cont6 dl:nth-of-type(3) {margin-right:0;}
  .cont6 dl dt {margin-bottom:10px;}
  .cont6 dl dt span {display:inline-block;}
  .cont6 dl dt a {font-size:14px; margin:0 0 0 6px !important; }
  .cont6 dl dd {padding-right:60px;}
}
@media all and (max-width:700px){
  .cont6 {width:100%; margin-left:0;}
  .cont6 dl {width:100%; height:auto;}
  .cont6 dl:nth-of-type(3) {margin-bottom:15px;}
}
@media all and (max-width:480px){
  .cont6 dl {text-align:center;}
  .cont6 dl::before {display:none;}
  .cont6 dl dt a {display:block; width:150px; text-align:center; margin:10px auto 0 !important;}
  .cont6 dl dd {display:block; max-height:100%; padding-right:0; height:auto;}

}