@charset "utf-8";
/* banner */
.main-banner,.main-banner2 { margin:0 auto; position:relative; overflow:hidden;text-align:center; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; /* Fix of Webkit flickering */ z-index:1; }
.main-banner .swiper-wrapper,.main-banner2 .swiper-wrapper { position:relative; width:100%; height: auto !important; -webkit-transition-property:-webkit-transform, left, top; -webkit-transition-duration:0s; -webkit-transform:translate3d(0px,0,0); -webkit-transition-timing-function:ease; 	-moz-transition-property:-moz-transform, left, top; -moz-transition-duration:0s; -moz-transform:translate3d(0px,0,0); -moz-transition-timing-function:ease; -o-transition-property:-o-transform, left, top; -o-transition-duration:0s; -o-transform:translate3d(0px,0,0); -o-transition-timing-function:ease; -o-transform:translate(0px,0px); -ms-transition-property:-ms-transform, left, top; -ms-transition-duration:0s; -ms-transform:translate3d(0px,0,0); -ms-transition-timing-function:ease; transition-property:transform, left, top; transition-duration:0s; transform:translate3d(0px,0,0); transition-timing-function:ease; }
.main-banner .swiper-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; }
.main-banner .swiper-slide {float:left;height:auto !important;min-height:257px}
.main-banner .swiper-slide a {display:block;min-height:257px}
.main-banner .swiper-slide a img {width:100%;height:auto;min-height:257px}

.main-banner2 .swiper-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; }
.main-banner2 .swiper-slide {float:left;height:auto !important;min-height:257px}
.main-banner2 .swiper-slide a {display:block;min-height:257px}
.main-banner2 .swiper-slide a img {width:100%;height:auto;min-height:257px}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal { -ms-touch-action: pan-y; }
.swiper-wp8-vertical { -ms-touch-action: pan-x; }

.main-banner {position:relative;width: 100%;overflow: hidden}
.main-banner .pagination{position: absolute; z-index: 20;left:50%; bottom:32%;margin-left:-20px}
.main-banner .swiper-pagination-switch{ float: left; width: 8px; height: 8px; margin-left:6px; cursor: pointer; background: url(../images/main_img_btn_off.png) no-repeat left top; background-size: cover; }
.main-banner .swiper-active-switch{ background: url(../images/main_img_btn_on.png) no-repeat left top; background-size: cover; }

.main-banner2 {position:relative;width: 100%;overflow: hidden}
.main-banner2 .pagination{position: absolute; z-index: 20;right:5%; top:18%;}
.main-banner2 .swiper-pagination-switch{ float: left; width: 8px; height: 8px; margin-left:6px; cursor: pointer; background: url(../images/main_img_btn_off.png) no-repeat left top; background-size: cover; }
.main-banner2 .swiper-active-switch{ background: url(../images/main_img_btn_on.png) no-repeat left top; background-size: cover; }

.box_clinic {overflow:hidden;width:100%}
.box_clinic1 {background-color:#a2ce3b}
.box_clinic1 .list_clinic {overflow:hidden;padding:0 12px 30px}
.box_clinic1 .list_clinic li {float:left;width:20%}
.box_clinic1 .list_clinic .link_clinic {display:block;margin:0 3px 0 4px}

.box_clinic2 {background-color:#ffd334}
.box_clinic2 {position:relative}
.box_clinic2 .inner {float:left;width:73%}
.box_clinic2 .info_clinic {position:relative;width:auto;margin-left:20px}
.box_clinic2 .list_clinic {position:absolute;top:0;left:0;width:100%;height:100%}
.box_clinic2 .list_clinic li {float:left;width:32.2%;height:100%}
.box_clinic2 .list_clinic .lst {overflow:hidden;float:none;width:auto}
.box_clinic2 .list_clinic .link_clinic {display:block;overflow:hidden;height:100%;font-size:0;line-height:0;text-indent:-9999px}
.box_clinic2 .flower {display:block;overflow:hidden;float:none;width:27%}

.list_clinic {position:absolute;bottom:0;left:0}
.list_clinic ul {overflow:hidden}
.list_clinic ul:first-child {border-bottom:1px solid #8c8c8c}
.list_clinic ul li {float:left;width:25%}
.list_clinic ul li a {display:block;box-sizing:border-box}
.list_clinic ul li img {width:100%}

.main_banner .clear {overflow:hidden}
.main_banner .clear a {float:left;width:50%}
.main_banner .clear.type2 a {width:33.333%}