/* Created by kong 20220524 */

body { background: url("../images/bg_30.jpg") center 140px no-repeat;}

.position, .position a, .position a:hover, .position b { color: white;}

.servicenav { margin-top: 50px; position: relative;}
.servicenav .title { font-size: 36px; line-height: 36px; color: white; text-align: center; margin-bottom: 30px;}
.servicenav .swiper-container { width: 1108px; margin: 0 auto;}
.servicenav .swiper-slide { width: 220px; height: 220px;}
.servicenav .swiper-slide a { display: block; height: 100%; box-sizing: border-box; padding: 123px 40px 0; font-size: 24px; line-height: 56px; color: white; background: #25a18f url("../images/icon_31.png") no-repeat;}
.servicenav .swiper-slide b { display: block; border-bottom: #67bdb1 1px solid;}
.servicenav .swiper-slide.current a, .servicenav .swiper-slide a:hover { text-decoration: none; color: #ae4184; background-color: white; background-image: url("../images/icon_31_r.png");}
.servicenav .swiper-slide.current a b, .servicenav .swiper-slide a:hover b { border-bottom-color: #e7c6da;}
.servicenav .swiper-slide:nth-child(2) a { background-image: url("../images/icon_32.png");}
.servicenav .swiper-slide:nth-child(2).current a, .servicenav .swiper-slide:nth-child(2) a:hover { background-image: url("../images/icon_32_r.png");}
.servicenav .swiper-slide:nth-child(3) a { background-image: url("../images/icon_33.png");}
.servicenav .swiper-slide:nth-child(3).current a, .servicenav .swiper-slide:nth-child(3) a:hover { background-image: url("../images/icon_33_r.png");}
.servicenav .swiper-slide:nth-child(4) a { background-image: url("../images/icon_34.png");}
.servicenav .swiper-slide:nth-child(4).current a, .servicenav .swiper-slide:nth-child(4) a:hover { background-image: url("../images/icon_34_r.png");}
.servicenav .swiper-slide:nth-child(5) a { background-image: url("../images/icon_35.png");}
.servicenav .swiper-slide:nth-child(5).current a, .servicenav .swiper-slide:nth-child(5) a:hover { background-image: url("../images/icon_35_r.png");}
.servicenav .swiper-slide:nth-child(6) a { background-image: url("../images/icon_36.png");}
.servicenav .swiper-slide:nth-child(6).current a, .servicenav .swiper-slide:nth-child(6) a:hover { background-image: url("../images/icon_36_r.png");}
.servicenav .swiper-slide:nth-child(7) a { background-image: url("../images/icon_37.png");}
.servicenav .swiper-slide:nth-child(7).current a, .servicenav .swiper-slide:nth-child(7) a:hover { background-image: url("../images/icon_37_r.png");}
.servicenav .swiper-slide:nth-child(8) a { background-image: url("../images/icon_38.png");}
.servicenav .swiper-slide:nth-child(8).current a, .servicenav .swiper-slide:nth-child(8) a:hover { background-image: url("../images/icon_38_r.png");}
.servicenav .swiper-slide:nth-child(9) a { background-image: url("../images/icon_39.png");}
.servicenav .swiper-slide:nth-child(9).current a, .servicenav .swiper-slide:nth-child(9) a:hover { background-image: url("../images/icon_39_r.png");}
.servicenav .swiper-slide:nth-child(10) a { background-image: url("../images/icon_40.png");}
.servicenav .swiper-slide:nth-child(10).current a, .servicenav .swiper-slide:nth-child(10) a:hover { background-image: url("../images/icon_40_r.png");}
.servicenav .swiper-button-prev, .servicenav .swiper-button-next { width:46px; height:46px; background:url(../images/arrow_06.png) no-repeat; margin-top:0; top: auto; left:30px; bottom:87px; opacity: 1;}
.servicenav .swiper-button-next { background-image:url(../images/arrow_07.png); left: auto; right: 30px;}
.servicenav .swiper-button-prev.swiper-button-disabled { background-image: url("../images/arrow_08.png");}
.servicenav .swiper-button-next.swiper-button-disabled { background-image: url("../images/arrow_09.png");}

.areatab .tabnav { margin-top: 60px; display: flex; justify-content: center; height: 64px; background: url("../images/bg_65.png") no-repeat;}
.areatab .tabnav span { width: 170px; height: 46px; margin: 9px 15px 0; font-size: 18px; line-height: 46px; color: #333; text-align: center; background: #f8f8f8; border-radius: 4px; overflow: hidden; cursor: pointer;}
.areatab .tabnav span.current, .areatab .tabnav span:hover { margin-top: -7px; padding: 15px 0 21px; font-size: 24px; color: white; font-weight: bold; background: url("../images/bg_64.png") repeat-x; border-radius: 4px 4px 0 0;}

.serviceart { margin-top: 55px; color: #333;}
.serviceart h1 { font-size:30px; line-height: 48px; font-weight:normal; text-align: center;}
.serviceart .info { font-size: 14px; line-height:14px; color:#999; text-align: center; margin-top: 40px;}
.serviceart .content { font-size:18px; line-height: 36px; padding-top: 25px;}
.serviceart .content p, .serviceart .content div { margin-top: 20px;}
.serviceart .content img, .serviceart .content video { display: block; max-width: 100%; margin: 0 auto; background: black;}
.serviceart .content table { margin-top:20px;}
.serviceart .content table td { font-size:16px; border:#ccc 1px solid;}
.serviceart .content table p { margin-top: 0; text-indent: 0;}
.areatab .serviceart, .areatab .serviceart .content { margin-top: 0; padding-top: 4px;}

.kslist { overflow: hidden;}
.kslist dt { font-size: 24px; line-height: 24px; color: #333; margin-top: 40px;}
.kslist dd { float: left; margin:20px 20px 0 0;}
.kslist dd:nth-child(6n+1) { margin-right:0;}
.kslist dd a { display:block; width: 178px; height: 44px; padding: 0 10px; font-size:0; line-height:44px; color: #333; text-align:center; border-radius:6px; border:#ccc 1px solid; transition: all 0.25s;}
.kslist dd a:hover { background:#25a18f; color:white; border-color: #25a18f; text-decoration:none;}
.kslist dd a b { display:inline-block; font-size: 16px; line-height:18px; vertical-align:middle; max-height:36px; overflow:hidden; text-overflow:ellipsis;}

.deptnav { float: left; width: 200px; margin-top: 68px;}
.deptnav dd { font-size: 16px; line-height: 47px; border-bottom: #eaeaea 1px solid;}
.deptnav dd a { display: block; padding-left: 22px; }
.deptnav dd.current a, .deptnav dd a:hover { color: #ae4184; background: url("../images/bg_31.png") left center no-repeat; text-decoration: none;}

.schedule { float: right; width: 1060px; margin-top: 26px; overflow:hidden;}
.schedule .tips { float:right; margin-bottom: 16px; font-size: 12px; line-height: 16px; color: #666; padding-left: 27px; background: url(../images/icon_41.png) 0 center no-repeat;}
.schedule table { width:100%; background: #fafafa;}
.schedule table th, .schedule table td { border:#eaeaea 1px solid; border-top-color: white; border-bottom:none; font-weight:normal; color: #333; text-align:center; width:109px;}
.schedule table th:last-child, .schedule table td:last-child { border-right: none;}
.schedule table th { height:60px; background:#25a18f; font-size: 14px; line-height:18px; color:white;}
.schedule table th i { display:block; font-size:12px;}
.schedule table th:first-child { width:177px;}
.schedule table th:nth-child(2) { width:112px;}
.schedule table td { padding: 25px 0;}
.schedule table td div { font-size:16px; line-height: 24px;}
.schedule table td div b, .schedule table td div b a { color: #ae4184;}
.schedule table td i { display:block; font-size:12px; color:#2a2a2a;}
.schedule table tr:nth-child(3n+2) { background: #f7f7f7;}
.schedule table tr:nth-child(3n+1) td:first-child { font-size:16px; background: white; border-bottom: #a57747 1px solid; border-left: none;}
.schedule table tr:nth-child(3n+1) td:nth-child(2), .schedule table tr:nth-child(3n+2) td:first-child, .schedule table tr:nth-child(3n) td:first-child { color:#a57747;}
.schedule table tr:nth-child(3n) td { border-bottom: #a57747 1px solid;}

.areatab .noticelist { padding-top: 19px;}

.floor { width: 1024px; margin: 40px auto 0;}
.floor img { display: block; width: 100%; margin-bottom: 32px;}
.floor dl { margin-bottom: 3px;}
.floor dt { height: 67px; background:#417e7a url("../images/bg_33.gif") no-repeat; cursor: pointer; font-size: 20px; line-height: 67px; color: white; padding: 0 0 0 108px; position:relative;}
.floor dt i { position:absolute; right:0; top:0; width: 13px; height: 8px; background: url(../images/arrow_23.png) no-repeat; margin: 29px;}
.floor dd { display: none;}
.floor table { width: 100%; vertical-align: middle;}
.floor table td { border:white 1px solid;}
.floor tr { background: #fafafa; }
.floor tr.odd { background: #f7f7f7;}
.floor .t1 { border-width: 1px 1px 1px 0; width: 83px; text-align: center; color: #417e7a; font-size: 20px;}
.floor .t1 b { font-size: 24px; font-weight: normal;}
.floor .t2 { border-width: 1px 0 1px 1px; color: #555; font-size: 14px; line-height: 2; padding: 10px 0;}
.floor .t2 span { padding: 0 30px; display: inline-block;}
.floor .f1 dt { background-color:#bb946e; background-position: 0 -134px;}
.floor .f1 .t1 { color: #bb946e;}
.floor .f4 dt { background-color:#46889d; background-position: 0 -67px;}
.floor .show dt i { background-image:url(../images/arrow_22.png);}
.floor .show dd { display: block;}

.pagetitle { margin-bottom: -26px;}

.noticelist.qna dd { padding: 0 60px 0 52px; color: #333; background:url("../images/arrow_25.png") right 23px center no-repeat, url("../images/bg_32.png") 26px center no-repeat; background-color: white; cursor: pointer;}
.noticelist.qna dd:hover { color: #ae4184;}
.noticelist.qna dd.show { background-image: url("../images/arrow_24.png"), url("../images/bg_32.png");}
.noticelist.qna div { display: none; margin-top: 16px; padding: 23px 50px 20px; background: #fcf5fa; border-radius: 3px; position: relative; box-shadow: rgba(0,0,0,0.1) 0 1px 8px 0;}
.noticelist.qna div::before { content:""; display:block; position:absolute; top:-12px; left:114px; width:19px; height:12px; background:url("../images/bg_61.png") no-repeat;}
.noticelist.qna div strong { display: block; font-size: 16px; line-height: 18px; color: #333; font-weight: normal; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.noticelist.qna div strong i, .noticelist.qna div strong em { float: right; margin-left: 15px;}
.noticelist.qna div strong em { color: #ae4184; font-style: normal;}
.noticelist.qna div span { display: block; margin-top: 12px; padding: 20px 30px; font-size: 16px; line-height: 24px; color: #333; background: white; border-radius: 5px; position: relative; box-shadow: rgba(0,0,0,0.1) 0 1px 8px 0;}
.noticelist.qna div span.a { margin-top: 20px; color: white; background: #ae4184;}
.noticelist.qna div span.a::before { content:""; display:block; position:absolute; top:-12px; left:107px; width:24px; height:12px; background:url("../images/bg_62.png") no-repeat;}

.mailbox { margin-top: 44px; padding: 45px 55px 0 52px; background: white; overflow: hidden;}
.mailbox .letter { float: left; margin-top: 20px; width: 560px; font-size: 16px; line-height: 24px; color: #333;}
.mailbox .letter strong { display: block; line-height: 16px; color: #25a18f; font-weight: bold; padding-bottom: 4px;}
.mailbox .letter p { margin-top: 10px;}
.mailbox form { display: block; float: right; width:580px; overflow:hidden;}
.mailbox form p { overflow:hidden;}
.mailbox form input, .mailbox form textarea { background:#f6fdfc; border:#d8d8d8 1px solid; border-radius:5px; width:522px; padding-left:33px; padding-right:23px; margin-top:20px; resize:none;}
.mailbox form input { line-height:38px; height:38px;}
.mailbox form textarea { display:block; line-height:24px; height:144px; padding-top:7px; padding-bottom:7px;}
.mailbox form button { float:right; margin-top:20px; width:150px; height:40px; line-height:40px; text-align:center; color:white; background:#25a18f; cursor:pointer; border-radius:40px;}
.mailbox form button:hover { background:#ae4184;}
.mailbox form input[type=radio] { margin-right: 10px; width: auto; height: 18px; line-height: 18px; display: inline-block; vertical-align: top; appearance: radio; -webkit-appearance: radio; cursor: pointer;}
.mailbox form label { margin: 20px 35px 0 0; height: 18px; font-size: 16px; line-height: 18px; color: #333; display: inline-block; vertical-align: top; cursor: pointer;}
.mailbox form .require input, .mailbox form .require textarea { background:#f6fdfc url(../images/icon_50.png) 23px 16px no-repeat;}
.mailbox form .verify input { width:90px;}
.mailbox form .verify img { width:100px; height:40px; margin:0 45px 0 15px; vertical-align:bottom; cursor:pointer; border-radius:5px;}