@charset "utf-8";

@import url("font/font.css");



#wrap {overflow:hidden; position:relative; width:100%; min-width:1300px; margin:auto;}

#top_ban {overflow:hidden; position:relative; z-index:10; height:60px; background:#f65f4a;}
#top_ban .swiper-container {position:absolute; top:0; left:50%; width:2000px; margin-left:-1000px;}
#top_ban .swiper-slide p {float:left; width:33.33%; font-size:22px; color:#ffffff; line-height:60px; text-align:center; background:#f65f4a;}
#top_ban .swiper-slide i {display:block; position:absolute; top:0; left:50%; width:60px; height:60px; background:no-repeat center; -webkit-animation: pulse 1s ease-in-out Infinite alternate; animation: pulse 1s ease-in-out Infinite alternate;}
#top_ban .swiper-slide .icon01 {margin-left:-280px; background-image:url('../images/common/top_ban_icon01.png');}
#top_ban .swiper-slide .icon02 {margin-left:220px; background-image:url('../images/common/top_ban_icon02.png');}


#header {position:absolute; top:60px; left:0; z-index:1000; width:100%; background:#fff;}
#header.fixed_top {position:fixed; top:-87px;}
#header .inwrap {position:relative; width:1340px; margin:auto;}
#header h1 {position:absolute; top:0; left:0;}
#top_search {position:relative; display:inline-block; width:350px; margin-left:495px; margin-top:25px; height:31px; border-bottom:1px solid #222222;}
#top_search input[type="text"] {border:0; height:30px;}
#top_search .btn_submit {position:absolute; top:5px; right:0;}

#top_util {position:absolute; top:23px; right:30px;}
#top_util li {float:left; position:relative; padding:0 20px; text-align:center; letter-spacing:0;}
#top_util li+li:before {position:absolute; top:8px; left:0; width:1px; height:25px; background:#e1e1e1; content:'';}
#top_util a {display:block; padding-top:30px; font-family: 'roboto',sans-serif; font-size:13px; color:#676767; background:no-repeat center top;}
#top_util li.s01 a {background-image:url('../images/common/ico_login.png');}
#top_util li.s02 a {background-image:url('../images/common/ico_join.png');}
#top_util li.s03 a {background-image:url('../images/common/ico_lan.png');}

.header_top {overflow:hidden; height:86px;}
.header_bottom {position:relative; height:71px; letter-spacing:-0.03em;}
.header_bottom:before {position:absolute; top:0; left:50%; z-index:2; width:5000px; height:1px; margin-left:-2500px; background:#e2e2e2; content:'';}
.header_bottom:after {position:absolute; bottom:0; left:50%; z-index:2; width:5000px; height:1px; margin-left:-2500px; background:#e2e2e2; content:'';}
.header_bottom ul {margin-left:370px;}
.header_bottom li {float:left; margin-right:28px;}
.header_bottom li a {display:block; position:relative; padding:0 20px; font-size:18px; color:#222222; line-height:71px; font-weight:700; text-align:center;}
.header_bottom li a span {display:block;}
.header_bottom li a em {position:absolute; top:0; left:0; right:0; bottom:0; opacity:0; background:#fff; transition:all 0.4s;}
.header_bottom a {transition:color 0.3s;}
.header_bottom a:hover {color:#ff0d72;}
.header_bottom a:hover em {opacity:1; color:#ff0d72;}

.btn_sitemap {position:absolute; left:0px; top:0px; width:190px; height:70px; padding-left:65px; font-size:18px; color:#222222 !important; font-weight:700; line-height:70px; background:url('../images/common/ico_sitemap.png') no-repeat 30px center;}
.btn_sitemap.on {color:#fff !important; background-image:url('../images/common/ico_sitemap_on.png'); background-color:#333333;}

#gnb {display:none; position:absolute; top:217px; left:50%; z-index:1000; width:1340px; margin-left:-670px; padding:35px 80px; background:#f8f8f8;}
#gnb > ul {overflow:hidden; margin-left:-60px;}
#gnb > ul > li {float:left; width:20%; padding-left:60px;}
#gnb > ul > li:nth-child(6) {clear:both;}
#gnb > ul > li > a {display:block; border-bottom:2px solid #dddddd; font-size:22px; color:#222222; line-height:47px;}
#gnb > ul > li > a+a {margin-top:26px;}
#gnb .depth2 {padding-top:25px;}
#gnb .depth2 > li > a {display:block; font-size:18px; color:#888888; line-height:31px; transition:color 0.3s;}
#gnb .depth3 {padding:5px 0 10px;}
#gnb .depth3 > li > a {display:block; position:relative; padding-left:8px; font-size:16px; color:#999999; line-height:28px; transition:color 0.3s;}
#gnb .depth3 > li > a:before {position:absolute; top:0; left:-1px; content:'-';}
#gnb .sub_type02 {width:60%;}
#gnb .sub_type02 .depth2 {overflow:hidden;}
#gnb .sub_type02 .depth2 > li {float:left; width:20%;}

#gnb .depth2 > li:hover > a {color:#111111;}
#gnb a:hover {color:#111111 !important;}
#gnb.fixed_top {position:fixed; top:70px;}



#main {margin-top:157px;}
#qmenu {position:absolute; top:217px; right:0; z-index:1001; width:80px; height:500px; transition:top 0.4s;}
#qmenu li {}
#qmenu li a {overflow:hidden; display:block; height:80px; text-indent:-300px; background:url('../images/common/q_menu.png') no-repeat #828285; transition:all .4s; -webkit-transition:all .4s;}
#qmenu li.s01 a {background-position:0 0;}
#qmenu li.s02 a {background-position:0 -80px;}
#qmenu li.s03 a {background-position:0 -160px;}
#qmenu li.s04 a {background-position:0 -240px;}
#qmenu li.s05 a {background-position:0 -320px;}
#qmenu li:hover a {background-image:url('../images/common/q_menu_on.png'); background-color:#ff0d72;}


#top_event {overflow:hidden; position:absolute; top:87px; left:50%; z-index:10; width:270px; height:69px; margin-left:390px; padding:0 20px 0 25px; background:#fff; transition:height 0.4s;}
#top_event li {padding-bottom:20px;}
#top_event .box {position:relative; height:70px; padding-right:90px; line-height:1.3;}
#top_event .box .img {position:absolute; top:0; right:0; width:70px; height:70px;}
#top_event .box .img img {width:100%; height:100%;}
#top_event .box .category {padding-top:7px; font-size:12px; color:#676767;}
#top_event .box .title {overflow:hidden; margin-top:1px; font-size:14px; color:#222222; white-space:nowrap; text-overflow:ellipsis;}
#top_event .box .price {overflow:hidden; margin-top:1px; font-size:14px; color:#222222; font-weight:500; white-space:nowrap; text-overflow:ellipsis;}
#top_event:hover {height:270px}


#footer {padding:45px 0 0; text-align:center; background:#413f40;}

#f_menu {margin-top:29px; font-size:0;}
#f_menu li {display:inline-block; font-size:18px; color:#bebdbe; font-weight:500;}
#f_menu li+li {margin-left:17px;}

#address {margin-top:23px; font-size:16px; color:#bebdbe; line-height:26px;}
#address span {display:inline-block; margin-right:18px;}
#address .copyright {letter-spacing:0;}


.f_branch {margin-top:24px;}
.f_branch .btn_bsinfo {display:inline-block; position:relative; margin-bottom:45px; padding-right:27px; font-size:18px; color:#bebdbe; text-align:left;}
.f_branch .btn_bsinfo:after {position:absolute; top:0; right:0; bottom:0; width:18px; background:url('../images/icon/icon_up_arr.png') no-repeat right center;  transform:rotate(180deg); content:''; transition:all 0.4s;}
.f_branch .btn_bsinfo.on:after { transform:rotate(0); }

/*
.btn_bsinfo {display:block; margin-top:24px; border-radius:23px; line-height:46px; font-size:17px; color:#000; font-weight:500; text-align:center; background:#a077ff;}
.btn_bsinfo * {vertical-align:middle;}
.btn_bsinfo:after {display:inline-block; width:12px; height:7px; margin-left:12px; vertical-align:middle; background:url('/images/common/icon_up_arr.png') no-repeat; content:'';}
.btn_bsinfo.on:after {transform:rotate(180deg);}
*/

#bsinfo {height:0; padding: 0; position:relative; overflow:hidden; background:#eeeeef;}
#bsinfo.open { height:auto;  padding:40px 0 55px;}
.bsinfo_table {width:1150px; margin:auto; font-size:15px; line-height:20px;}
.bsinfo_table th {padding-bottom:15px; font-size:17px; color:#1d1d1b; font-weight:500; line-height:1;}
.bsinfo_table td {padding-top:3px; color:#6d6d6a; text-align:center;}
.bsinfo_table th,
.bsinfo_table td {border-left:1px solid #dededf}
.bsinfo_table th:first-child,
.bsinfo_table td:first-child {border-left:0;}




.bottom_counsel {padding:45px 0 50px; text-align:center; background:#2f3e53;}
.bottom_counsel h2 {display:inline-block; margin-bottom:27px; padding-left:47px; font-size:30px; color:#fff; font-weight:500; line-height:36px; background:url('../images/common/icon_bottom_counsel.png') no-repeat 0 center;}
.bottom_counsel .fbox {position:relative; padding-right:353px;}
.bottom_counsel .brow {overflow:hidden; text-align:left;}
.bottom_counsel .brow+.brow {margin-top:10px;}
.bottom_counsel .bcol {float:left; position:relative; width:50%; padding-left:125px;}
.bottom_counsel .bcol label {position:absolute; top:0; left:40px; line-height:50px; color:#ececec;}
.bottom_counsel select {width:100%; height:50px; font-size:18px; color:#989898; border:0; background:#fff; border-radius: 0px; font-weight:300; padding:0 40px 0 20px; background: #fff url('../images/icon/sel_arr.jpg') 100% 50% no-repeat !important;}
.bottom_counsel input[type="text"] {width:100%; height:50px; padding:0 20px;font-size:18px; color:#989898; font-weight:300; border:0; background:#fff;}
.bottom_counsel .rbox {position:absolute; top:0; right:40px; width:273px; text-align:left;}
.bottom_counsel .agree_box {height:40px;}
.bottom_counsel .agree_box * {vertical-align:middle;}
.bottom_counsel .btn_submit {width:100%; height:70px; font-size:30px; color:#fff; font-weight:500; background:#ff0d72;}

.bottom_counsel .mcheckbox {display:inline-block; position:relative; text-align:left; font-size:15px; color:#fff; font-weight:300; letter-spacing:0;}
.bottom_counsel .mcheckbox input {position:absolute; left:0; top:50%; width:20px; height:20px; margin-top:-10px; opacity:0; appearance:none; -webkit-appearance:none; -moz-appearance:none; outline:0}
.bottom_counsel .mcheckbox label {padding-left:30px;}
.bottom_counsel .mcheckbox label:before {position:absolute; top:50%; left:0; width:20px; height:20px; margin-top:-10px; border:1px solid #3c3c41; background:#fff; content:'';}
.bottom_counsel .mcheckbox input:checked + label:before {background:url('../images/icon/icon_checkbox.png') no-repeat center #fff; background-size:12px auto;}

#m_doctor {padding:100px 0; background:#f2f2f4;}
#m_doctor .inwrap {position:relative; width:1280px; margin:auto;}
#m_doctor .gallery-top {margin:0;}
#m_doctor .gallery-top .swiper-slide {overflow:hidden; background:#fff;}
#m_doctor .gallery-top .img {overflow:hidden; position:relative; float:left; width:640px; height:450px; background:#e2e2e2;}
#m_doctor .gallery-top .img img {position:relative; top:-40px; width:100%; min-height:100%;}
#m_doctor .gallery-top .txt_box {float:right; width:640px; padding:52px 70px 0 70px; }
#m_doctor .gallery-top .t01 {font-size:36px; color:#222; line-height:45px; font-weight:300; letter-spacing:-0.075em;}
#m_doctor .gallery-top .t01 em {font-weight:700;}
#m_doctor .gallery-top .t02 {margin-top:20px; font-size:16px; color:#676767; line-height:24px; font-weight:300;}
#m_doctor .gallery-top .t03 {margin-top:44px;}
#m_doctor .gallery-top .t03 span {font-size:16px; color:#ff0d72; font-weight:300; letter-spacing:0em; vertical-align:baseline;}
#m_doctor .gallery-top .t03 em {display:inline-block; margin-left:5px; font-size:30px; color:#222222; font-weight:500; vertical-align:baseline;}
#m_doctor .gallery-top .t04 {margin-top:14px; font-size:18px; color:#222;}
#m_doctor .mbtn_view {display:inline-block; width:160px; margin-top:29px; font-size:16px; color:#989898; line-height:43px; text-align:center; border:1px solid #989898; transition:all .4s; -webkit-transition:all .4s;}
#m_doctor .mbtn_view:hover {color:#fff; border-color:#ff0d72; background:#ff0d72;}
#m_doctor .thumbs_wrap {overflow:hidden;}
#m_doctor .thumbs_wrap .title {float:left; width:215px;}
#m_doctor .gallery-thumbs {float:right; width:1065px;}
#m_doctor .gallery-thumbs .swiper-slide {overflow:hidden; position:relative; width:213px;}
#m_doctor .gallery-thumbs .img {position:relative; padding-bottom:103.2863%; background:#a6a6a6;}
#m_doctor .gallery-thumbs .img:before {position:absolute; top:0; left:0; right:0; bottom:0; z-index:2; background:rgba(34,34,34,0.3); content:'';}
#m_doctor .gallery-thumbs .swiper-slide:nth-child(3n+1) .img {background:#d6d7d9;}
#m_doctor .gallery-thumbs .swiper-slide:nth-child(3n+2) .img {background:#e6e6e6;}
#m_doctor .gallery-thumbs .swiper-slide:nth-child(3n) .img {background:#dededf;}
#m_doctor .gallery-thumbs .img img {position:absolute; top:50%; left:50%; width:130%; min-height:130%; transform:translate(-45%,-38%);}
#m_doctor .gallery-thumbs .txt_box02 {position:absolute; top:20px; bottom:20px; right:20px; left:20px; z-index:3; padding-top:62px; text-align:center; background:#f1f2f7; opacity:0; transition:all .4s; -webkit-transition:all .4s;}
#m_doctor .gallery-thumbs .t01 {font-size:16px; color:#222222; font-weight:300; letter-spacing:0em;}
#m_doctor .gallery-thumbs .t02 {margin-top:5px; font-size:26px; color:#222222; letter-spacing:-0.05em;}
#m_doctor .gallery-thumbs .swiper-slide.swiper-slide-thumb-active .txt_box02 {opacity:1;}
#m_doctor .gallery-thumbs .swiper-slide:hover .txt_box02 {opacity:1;}
#m_doctor .swiper-button-prev,
#m_doctor .swiper-button-next {top:50%; width:55px; height:55px; margin-top:28px; background:no-repeat center; outline:0;}
#m_doctor .swiper-button-prev {left:-86px; right:auto; background-image:url('../images/main/doctor_prev.jpg');}
#m_doctor .swiper-button-next {right:-86px; left:auto; background-image:url('../images/main/doctor_next.jpg');}
#m_doctor .swiper-button-prev:after,
#m_doctor .swiper-button-next:after {display:none; }