@charset "utf-8";
/* CSS Document */

* {
    margin: 0;
    padding: 0;
    /*font-family: Arial , "微软雅黑" , sans-serif;*/
    font-family: Arial, 'Hiragino Sans GB', '微软雅黑', '\5b8b\4f53', sans-serif;
    -webkit-font-smoothing: antialiased;
}
html {-webkit-text-size-adjust:none;}
*:focus {outline:none;}
img {border:none;}
ul,li {list-style:none; display:block;}
body {font-size:12px; background:#ffffff; min-width:1200px;}
.clear {font-size:0px; width:0px; height:0px; clear:both;}
a {text-decoration: none;color: inherit;}
.left{float: left;}
.right{float: right;}


.allfoat {width: 158px; height: 402px; position: fixed; right: 20px; top: 50%; margin-top: -201px; z-index: 99999;}
.allfoat-close {width: 12px; height: 12px; cursor: pointer; position: absolute; right: 22px; top: 8px; z-index: 333;}
.allfoat-close img {width: 12px; height: 12px;}
.allfoat-head {width: 158px; height: 270px; position: relative;
	background: url(../images/allfoat-head.png) no-repeat right bottom;
	background-image: -webkit-image-set(url(../images/allfoat-head.png) 1x, url(../images/allfoat-head@2x.png) 2x);
}
.allfoat-tit {width: auto; height: 66px; line-height: 66px; text-align: center; font-size: 16px; color: #fff; padding-top: 32px;}
.allfoat-note {width: auto; height: 28px; line-height: 12px; color: #fff; text-align: center;}
.allfoat-note h1 {font-size: 10px; font-weight: normal; padding-top: 2px;}
.allfoat-note h2 {font-size: 10px; font-weight: normal;}
.allfoat-list {width: auto; height: 110px;}
.allfoat-list ul {display: block; padding-top: 14px;}
.allfoat-list ul li {width: auto; height: 28px; line-height: 28px; text-align: center;}
.allfoat-list ul li a {font-size: 14px; color: #fff;}
.allfoat-other {width: auto; height: 34px; line-height: 34px; text-align: center;}
.allfoat-other a {font-size: 14px; color: #fff;}

.allfoat-code {display: none; width: 124px; height: auto; position: absolute; right: 168px; bottom: 0; background: #fff;}
.allfoat-code-box {width: auto; height: auto; border: 3px solid #7ebf41; border-bottom: 0px;}
.allfoat-code-img {width: 86px; height: 86px; margin: 0 auto; padding: 19px 0; font-size: 0; line-height: 0;}
.allfoat-code-img img {width: 86px; height: 86px;}
.allfoat-code-txt {width: auto; height: 22px; background: #2575bc; padding: 11px 0; text-align: center;}
.allfoat-code-txt span {display: inline-block; width: auto; height: 22px; line-height: 22px; background: #fff; border-radius: 3px; padding: 0 10px; font-size: 15px; color: #2875bc;}
.allfoat-tel {display: none; width: 180px; height: auto; position: absolute; right: 168px; bottom: 0; background: #fff;}
.allfoat-tel-box {width: auto; height: auto; border: 3px solid #8ebf41; border-bottom: 0px; padding: 12px 0 24px 0;}
.allfoat-tel-icon {width: 40px; height: 40px; margin: 0 auto; font-size: 0; line-height: 0;}
.allfoat-tel-icon img {width: 40px; height: 40px;}
.allfoat-tel-num {width: auto; height: auto; text-align: center; font-size: 24px; color: #7ebf41;}
.allfoat-tel-txt {width: auto; height: 22px; background: #2575bc; padding: 11px 0; text-align: center;}
.allfoat-tel-txt span {display: inline-block; width: auto; height: 22px; line-height: 22px; background: #fff; border-radius: 3px; padding: 0 10px; font-size: 15px; color: #2875bc;}


.allfoat-foot {width: 112px; height: 112px; background: #6dc7c8; border-radius: 50%; margin: 0 auto; margin-top: 20px;}
.allfoat-foot a {display: table; width: 112px; height: 112px;}
.allfoat-foot a span {display: table-cell; vertical-align: middle; text-align: center; color: #fff;}
.allfoat-foot a span h1 {font-size: 16px; font-weight: normal;}
.allfoat-foot a span h2 {font-size: 10px; font-weight: normal;}



.header {width: auto; height: auto; position: fixed; left: 0; right: 0; top: 0; background: #fff; z-index: 99999;}
.head {width: 1200px; height: 98px; margin: 0 auto;}
.logo {width: 262px; height: 56px; float: left; padding-top: 21px;}
.logo a {display: block; width: 262px; height: 56px;}
.logo a img {width: 262px; height: 56px;}
.hdright {width: auto; height: 40px; padding-top: 58px; float: right; font-size: 16px; color: #34373a;}
.hdright a {color: #34373a;}
.hdright span {padding: 0 8px;}


.menu {width: auto; height: 50px; position: relative; background: #00026f;
	/*background: -webkit-linear-gradient(left, #1ca3d6 , #215fab);*/
	/*background: -o-linear-gradient(right, #1ca3d6, #215fab);*/
	/*background: -moz-linear-gradient(right, #1ca3d6, #215fab);*/
	/*background: linear-gradient(to right, #1ca3d6 , #215fab);*/
}
/*.menuleft {width: 50%; height: 50px; float: left; background: #1ca3d6;}*/
/*.menuright {width: 50%; height: 50px; float: right; background: #215fab;}*/
.menuwrap {width: auto; height: 50px; position: absolute; left: 0; top: 0; right: 0; z-index: 2;
	/*background: url(../images/menu.png) repeat-y;*/
}
.menumar {width: 1016px; height: 50px; margin: 0 auto; position: relative;}

.menulist {width: auto; height: 50px;}
.menulist-box {width: 145px; height: 50px; float: left; position: relative;}
.menulist-tit {width: auto; height: 50px;}
.menulist-tit a {display: block; width: auto; height: 50px; text-align: center; line-height: 50px; font-size: 18px; color: #fff; transition: ease-in 0.08s , ease-out 0.16s;}
.menulist-tit a.on {background: #0004c5;}
.menulist-con {width: auto; height: auto; position: absolute; left: 0; top: 50px; z-index: 9999; display: none;}
.menulist-con-arr {width: 24px; height: 12px; padding-left: 52px; padding-top: 3px; font-size: 0; line-height: 0;}
.menulist-con-arr img {width: 24px; height: 12px;}
.menulist-box:hover .menulist-tit a {background: #0004c5;}


/*查口腔*/
/*.menulist-cavity {width: 364px; height: auto; background: rgba(59,151,212,0.8);}*/
/*.menulist-cavity .menulist-bgimg {width: auto; height: auto; padding: 28px 0 40px 40px;*/
	/*background: url(../images/menulist-cavity.png) no-repeat right bottom;*/
	/*background-image: -webkit-image-set(url(../images/menulist-cavity.png) 1x, url(../images/menulist-cavity@2x.png) 2x);*/
/*}*/


/*看医生*/
.menulist-doctor {width: 236px; height: auto; background: rgba(59,151,212,0.8);}
.menulist-doctor .menulist-bgimg {width: auto; height: auto; padding: 30px 0 30px 30px;
	background: url(../images/menulist-doctor.png) no-repeat right bottom;
	background-image: -webkit-image-set(url(../images/menulist-doctor.png) 1x, url(../images/menulist-doctor@2x.png) 2x);
}
.menulist-doctor .menulist-con-list {width: auto; height: auto;}
.menulist-doctor .menulist-con-list ul li {width: auto; height: 30px; line-height: 30px;}
.menulist-doctor .menulist-con-list ul li a {font-size: 14px; color: #fff;}
.menulist-cavity .menulist-con-tit {width: 154px; height: 40px; border-bottom: 1px dotted #070d5c;}
.menulist-cavity .menulist-con-tit span {display: inline-block; width: auto; height: 24px; line-height: 24px; background: #fff; border-radius: 3px; padding: 0 22px; font-size: 14px; color: #2875bc; font-weight: bold;}
.menulist-cavity .menulist-con-list {width: 154px; height: auto; padding-top: 10px;}
.menulist-cavity .menulist-con-list ul li {width: 50%; height: 30px; line-height: 30px; float: left;}
.menulist-cavity .menulist-con-list ul li a {font-size: 14px; color: #fff;}

/*来预约*/
.menulist-make {width: 344px; height: auto; background: rgba(59,151,212,0.8);}
.menulist-make .menulist-bgimg {width: auto; height: auto; padding: 30px 0 40px 40px;
	background: url(../images/menulist-make.png) no-repeat right center;
	background-image: -webkit-image-set(url(../images/menulist-make.png) 1x, url(../images/menulist-make@2x.png) 2x);
}
.menulist-make .menulist-con-list {width: 184px; height: auto;}
.menulist-make .menulist-con-list ul li {width: 25%; height: 30px; line-height: 30px; float: left;}
.menulist-make .menulist-con-list ul li a {font-size: 14px; color: #fff;}

/*比专长*/
.menulist-expertise {width: 350px; height: auto; background: rgba(59,151,212,0.8);}
.menulist-expertise .menulist-bgimg {width: auto; height: auto; padding: 30px 0 30px 30px;
	background: url(../images/menulist-expertise.png) no-repeat right center;
	background-image: -webkit-image-set(url(../images/menulist-expertise.png) 1x, url(../images/menulist-expertise@2x.png) 2x);
}
.menulist-expertise .menulist-con-list {width: auto; height: auto;}
.menulist-expertise .menulist-con-list ul li {width: auto; height: 30px; line-height: 30px;}
.menulist-expertise .menulist-con-list ul li a {font-size: 14px; color: #fff;}


/*做公益*/
.menulist-welfare {width: 306px; height: auto; background: rgba(59,151,212,0.8);}
.menulist-welfare .menulist-bgimg {width: auto; height: auto; padding: 34px 0 40px 34px;
	background: url(../images/menulist-welfare.png) no-repeat right bottom;
	background-image: -webkit-image-set(url(../images/menulist-welfare.png) 1x, url(../images/menulist-welfare@2x.png) 2x);
}
.menulist-welfare .menulist-con-list {width: auto; height: auto;}
.menulist-welfare .menulist-con-list ul li {width: auto; height: 30px; line-height: 30px;}
.menulist-welfare .menulist-con-list ul li a {font-size: 14px; color: #fff;}

/*强科研*/
.menulist-science {width: 250px; height: auto; background: rgba(59,151,212,0.8);}
.menulist-science .menulist-bgimg {width: auto; height: auto; padding: 24px 0 30px 30px;
	background: url(../images/menulist-science.png) no-repeat center bottom;
	background-image: -webkit-image-set(url(../images/menulist-science.png) 1x, url(../images/menulist-science@2x.png) 2x);
}
.menulist-science .menulist-con-list {width: auto; height: auto;}
.menulist-science .menulist-con-list ul li {width: auto; height: 30px; line-height: 30px;}
.menulist-science .menulist-con-list ul li a {font-size: 14px; color: #fff;}


/*强科研*/
.menulist-about {width: 242px; height: auto; background: rgba(59,151,212,0.8);}
.menulist-about .menulist-bgimg {width: auto; height: auto; padding: 15px 0 15px 15px;
	background: url(../images/menulist-about.png) no-repeat 132px 12px;
	background-image: -webkit-image-set(url(../images/menulist-about.png) 1x, url(../images/menulist-about@2x.png) 2x);
}
.menulist-about .menulist-con-list {width: 140px; height: auto;}
.menulist-about .menulist-con-list ul li {width: 50%; height: 30px; line-height: 30px; float: left;}
.menulist-about .menulist-con-list ul li a {font-size: 14px; color: #fff;}



.menusearch {width: 230px; height: 50px; position: absolute; left: 100%; top: 0px; background: #d3d3d5;}
.menusearch span.icon {display: block; width: 30px; height: 30px; position: absolute; left: 20px; top: 50%; margin-top: -15px;}
.menusearch span.icon img {width: 30px; height: 30px;}
.menusearch input.inp {display: block; width: 150px; height: 50px; background: none; border: 0px; padding: 0 10px 0 70px; font-size: 18px; color: #fff;}


.footer {width: auto; height: auto;padding:10px 0; text-align: center; line-height: 35px; background: #1c1a1b; font-size: 16px; color: #fff;}
.footer a {color: #fff;}
.footer span {padding: 0 35px;}


.wrapper {width: auto; height: auto; padding-top: 148px;}
/*banner*/
.banner {width: auto; height: 618px;}
#full-screen-slider {width: auto; height: 618px; position: relative;}
#slides {width: auto; height: 618px; position: relative;}
#slides li {width: 100%; height: 618px; position: absolute; background-repeat: no-repeat; background-position: center center;}
#slides li:first-child{z-index: 10000}
#slides li a {display: block; width: auto; height: 618px;}
#pagination {position: absolute; left: 50%; bottom: 20px; z-index: 10001; font-size: 9;}
#pagination li {width: 12px; height: 12px; border-radius: 50%; float: left; margin: 0 7px; cursor: pointer; background: #fff; opacity: 0.5; color: #fff; text-align: center; line-height: 12px; font-size: 0;}
#pagination li.current {opacity: 1;}


.hoarrdown {width: 34px; height: 34px; margin: 0 auto; padding: 60px 0;}
.hoarrdown a {display: block; width: 34px; height: 34px; font-size: 0; line-height: 0;}
.hoarrdown a img {width: 34px; height: 34px;}



.openwrap {width: auto; height: auto; position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: rgba(255,255,255,0.5);}
.onlinemake {width: 920px; height: auto; border-top: 3px solid #2875bc; position: absolute; left: 50%; top: 50%; margin-left: -460px; margin-top: -250px; background: #fff;}
.onlinemake-main {width: auto; height: auto; border: 1px solid #ddd; border-top: 0px; padding: 30px;}
.onlinemake-tit {width: auto; height: auto;}
.onlinemake-tit span {display: inline-block; width: auto; height: auto; padding-bottom: 3px; border-bottom: 1px solid #ddd; font-size: 14px; color: #2f2725;}
.onlinemake-form {width: 748px; height: auto; margin: 0 auto; padding-top: 25px;}
.onlinemake-form ul li {width: 370px; height: 48px; float: left; padding: 4px 2px; position: relative;}
.onlinemake-form ul li select  {width: 370px; height: 48px; border: 1px solid #595757; border-radius: 5px; background: #fff; font-size: 14px; color: #2f2725;}
.onlinemake-form ul li input.date {display: block; width: 348px; height: 16px; line-height: 20px; border: 1px solid #595757; border-radius: 5px; font-size: 14px; color: #2f2725; padding: 15px 10px; background: #fff;}
.onlinemake-form ul li span.icon-date {display: block; width: 20px; height: 20px; position: absolute; right: 15px; top: 18px;}
.onlinemake-form ul li input.inp {display: block; width: 348px; height: 16px; line-height: 16px; background: #e9e9e9; border: 1px solid #595757; border-radius: 5px; font-size: 14px; color: #2f2725; padding: 15px 10px; cursor: pointer;}
.onlinemake-form ul li input.inp2 {display: block; width: 218px; height: 16px; line-height: 16px; background: #e9e9e9; border: 1px solid #595757; border-radius: 5px; font-size: 14px; color: #2f2725; padding: 15px 10px; cursor: pointer; float: left; margin-right: 10px;}
.onlinemake-form ul li img.yzm {display: block; width: 120px; height: 48px; float: left;}
.onlinemake-form ul.on li {height: 70px;}




.opinion-wrap {width: 920px; height: auto; border-top: 3px solid #2875bc; margin: 50px auto;background: #fff;}
.opinion-main {width: auto; height: auto; border: 1px solid #ddd; border-top: 0px; padding: 30px;}
.opinion-note {width: auto; height: auto; padding-left: 60px; font-size: 14px; color: #2f2725; line-height: 24px; padding-top: 40px;}
.opinion-form {width: auto; height: auto; padding-top: 25px;}
.opinion-form table tr td {vertical-align: top; text-align: left; padding: 10px 0;}
.opinion-form table tr td div.tit {width: auto; height: 26px; line-height: 26px; text-align: right; padding-right: 10px; font-size: 15px; color: #2f2725;}
.opinion-form table tr td input.inp {width: auto; height: 24px; line-height: 24px; border: 1px solid #595757; padding: 0 10px; font-size: 15px; color: #2f2725;}
.opinion-form table tr td input.inp1 {width: 348px;}
.opinion-form table tr td input.inp2 {width: 120px; float: left; margin-right: 10px;}
.opinion-form table tr td label {display: block; width: auto; height: 26px; line-height: 26px; cursor: pointer; float: left; margin-right: 30px; font-size: 15px; color: #2f2725;}
.opinion-form table tr td label input {float: left; margin-right: 10px; margin-top: 7px;}
.opinion-form table tr td textarea {width: 448px; height: 188px; padding: 10px; max-width: 488px; max-height: 188px; border: 1px solid #595757; float: left; font-size: 15px; color: #2f2725;}
.opinion-form table tr td span.note {display: block; width: auto; height: auto; line-height: 26px; font-size: 13px; color: #727171; padding-left: 10px;}
.opinion-form table tr td input.btn {display: block; width: 82px; height: 38px; line-height: 38px; text-align: center; cursor: pointer; font-size: 16px; color: #fff; border-radius: 5px; border: 0px; background: #7ebf41;}



.websiteclose {width: auto; height: auto; position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 999999; background: rgba(255,255,255,0.5); display: none;}
.website {width: 370px; height: auto; position: fixed; right: -450px; top: 0; bottom: 0; background: #3f3f42; z-index: 1000000; padding: 0 40px; display: none;}
.website-entit {width: auto; height: auto; font-size: 38px; color: #6fc5c7; padding-top: 35px;}
.website-cntit {width: auto; height: auto; font-size: 18px; color: #fef5f7; padding-top: 20px;}
.website-list {width: auto; height: auto; padding-top: 20px;}
.website-list ul li {width: auto; height: auto; padding: 10px 0;}
.website-list ul li h1 {width: auto; height: auto; padding-left: 16px; font-size: 16px; color: #c9caca; font-weight: normal;}
.website-list ul li h1.has {background: url(../images/website-arr.png) no-repeat left center;}
.website-list ul li h1 a {color: #c9caca;}
.website-list ul li div.tm {width: auto; height: auto; padding-left: 16px; padding-top: 5px; font-size: 0; line-height: 16px;}
.website-list ul li div.tm a {display: inline-block; color: #c9caca; font-size: 12px;}
.website-list ul li div.tm span {display: inline-block; padding: 0 3px; font-size: 12px; color: #c9caca;}
.website-list ul li div.nt {width: auto; height: auto; font-size: 0; padding-left: 4px;}
.website-list ul li div.nt a {display: inline-block; width: auto; height: auto; font-size: 16px; color: #c9caca; margin: 0 12px;}



.pages {width:1020px;margin:0 auto; height: 36px; padding: 60px 0;}
.pagesbox {width: auto; height: 36px; float: right;}
.pagesbox input {display: block; float: left;}
.pagesbox span {display: block; float: left;}
.pagesbox a {display: block; float: left;}
.pages a.btn {width: 44px; height: 36px; background-repeat: no-repeat; background-position: center; background-color: #e6e6e6;}
.pages a.prev {background-image: url(../images/pages-prev.png); margin-right: 6px;}
.pages a.next {background-image: url(../images/pages-next.png);}
.pages input.inp {width: 42px; height: 34px; line-height: 34px; border: 1px solid #727171; padding: 0 8px; font-size: 18px; color: #3e3a39;}
.pages span.note {width: auto; height: 36px; line-height: 36px; padding: 0 14px 0 4px; font-size: 18px; color: #3e3a39;}
.pages input.btn {width: 44px; height: 36px; line-height: 36px; text-align: center; border: 0px; background: #2f2725; cursor: pointer; font-size: 18px; color: #fff; margin-right: 16px;}



.field-val-error {background: url(/public/samaores/css/imgs/pic.png) no-repeat 5px -12px;_background: url(imgs/pic.gif) no-repeat 5px -12px;display: block;padding: 6px 5px;padding-left: 25px;color: #EB4F0C;line-height: 16px;}
.field-val-valid {background: url(/public/samaores/css/imgs/pic.png) no-repeat 5px -38px;_background: url(imgs/pic.gif) no-repeat 5px -38px;display: inline-block;padding: 3px 5px;padding-left: 25px;color: #090;line-height: 16px;}
.field-val-default {display: inline-block;padding: 3px 5px;line-height: 16px;}
input.input-val-error,textarea.input-val-error,select.input-val-error {border-color: #EB4F0C;}
input.input-val-error:focus,textarea.input-val-error:focus,select.input-val-error:focus {border-color: #EB4F0C;background: #FFF2EE;}


.nodata{text-align: center;padding:10px;font-size: 20px;}