@charset "utf-8";
@import "/hppc/mobile.css";
@import "/templets/default/css/headfoot.css";
@import "/templets/default/css/mend123.css";
/* CSS Document */
/*html{font-size:62.5%}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,img{border:medium none;list-style-type:none;}
body,button,input,select,textarea{font:14px/1.5 Microsoft Yahei,tahoma,Srial,helvetica,sans-serif;}*/
/*h1,h2,h3,h4,h5,h6{font-size:100%;}*/
/*em{font-style:normal;}
ul,ol,li{list-style:none;}
a,a:hover{text-decoration:none; color:#000000;}
img{border:none;}
body,.ui-overlay-h{margin:0 auto;position:relative;background:#fff;}
body,html{margin:0 auto;overflow-x:hidden;}
*{margin:0;padding:0;text-shadow:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
body { color:#393939; }*/
/*a{blr:expression_r(this.onFocus=this.blur())}
a{outline:none;}*/
/*input,img{vertical-align:middle;}
.clear{height:0;clear:both;overflow:hidden}
.clearfix:after,.clear:before{display:table;content:'';}
.clearfix:after{clear:both;overflow:hidden;}
.clearfix{zoom:1;}
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
.noPd{padding:0 !important;}
.noMg{margin:0 !important;}
.noBg{background:0 !important;}
.noBd{border:none !important;}
a,span,img,em{display:inline-block;}

.container { padding:40px 0; font-size:2.6rem; line-height:150%; color:#2e3642; }
.container img { vertical-align:middle; }
.padBor { margin-bottom:30px; padding-bottom:30px; border-bottom:#acacac 1px dashed; }
.boxShadow { padding:10px; box-shadow:0 0 5px #999; }
.mG30 { margin-bottom:30px; }
.mG60 { margin-bottom:60px; }
.aLink { text-align:center; }
.aLink a { width:97%; line-height:265%; border-radius:10px; color:#fff; } 
.col2 li { width:49%; margin-bottom:10px; text-align:center; }
.eqHt dt { float:left; }
.eqHt dd { float:right; width:50%; }*/

a.orange {color:#FF1B1F;}

a.water{color:#ffffff;}


body {min-width:320px;overflow-x:hidden;}
body, h1, h2, h3, h4, h5, h6, hr, p,blockquote,   /* structural elements 锟结构元锟斤拷 */dl, dt, dd, ul, ol, li, /* list elements 锟叫憋拷元锟斤拷 */pre, /* text formatting elements 锟侥憋拷锟斤拷式元锟斤拷 */
form, fieldset, legend, button, input, textarea, /* form elements 锟斤拷锟皆拷锟?*/
th, td, /* table elements 锟斤拷锟皆拷锟?*/
img{border:medium none;margin: 0;padding: 0;list-style-type: none;}
body,button, input, select, textarea {font: 14px/1.5 '微软雅黑',tahoma, Srial, helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
em{font-style:normal;}
ul, ol,{ list-style: none; }
a { text-decoration: none; color:#000000; }
a:hover { text-decoration: none;  }
a.white{color:#ffffff; text-decoration:none; }
/*a.white:hover{color:#FFFD00; text-decoration:none; }*/
img{ border:0px;}
body,.ui-overlay-h{margin:0 auto;position:relative;background:#fff;}
input, img {vertical-align: middle;}
body,html{margin:0 auto;}
img {border:none;vertical-align:top;}
* {margin:0;padding:0;text-shadow:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.blank{height:8px;clear:both;}
.blank20{height:20px;clear:both;}
.clearfix:after,.clear:before{display:table; content:'';}
.clearfix:after{clear:both; overflow:hidden;}
.clearfix{zoom:1;}
.relative {position:relative;}
.absolute {position:absolute;}
.float_left {float:left;}
.float_right {float:right;}

/* top */
.top{width:100%; height:30px; line-height:30px; background:#1c75bc; border-bottom:3px solid #27aae1; color:#ffffff;}
.top dl{width:auto; display:block; float:left;}
.top ul{width:auto; height:30px; margin-right:2%; display:block; float:right; color:#ffffff; text-align:right;}
.top ul b{font-style:italic; margin-left:3px; color:#ffffff; }
.top ul u{padding-top:2px; padding-right:5px; color:#ffffff; }

/* head */
/*.head{width:100%; height:auto; text-align:center;}
.head dl{width:15%; height:auto; display:block; float:left;}
.head ul{width:85%; height:auto; overflow:hidden; display:block; float:left;}
.head ul li{/*line-height:30px; font-size:20px; text-align:left; color:#003a8e; font-weight:bold;}
.head img{width:100%;}*/


/* ment */
/*.ment{width:100%; height:80px; text-align:center; background:#1c75bc; border-bottom:3px solid #27aae1;}
.ment ul{width:100%; height:80px;}
.ment ul li{width:24.95%; height:40px; line-height:40px; text-align:center; color:#ffffff; display:block; float:left; border-bottom:1px solid #27aae1; border-right:1px solid #27aae1;}
.ment ul li a{color:#ffffff;}
.ment ul li a:hover{color:#FFF500;}*/

/* banner */
/*.banner{width:100%; height:auto;}
.banner img{width:100%;}*/

/* 复旦大学LOGO */
.fd_logo{width:100%; min-width:320px; height:30px; line-height:30px; background-color:#005196; position: relative; color:#ffffff; font-size:15px; text-align:center; border-top:1px solid #2a70ab;}

/* 主导航ment */
.zhu_ment{width:100%; min-width:320px; height:34px; line-height:34px; background:#dddddd;}
.zhu_ment ul{width:100%; height:40px;}
.zhu_ment ul li{width:19%; display:block; float:left; text-align:center; font-size:12px;}
.zhu_ment ul b{text-align:center; display:block; float:left; font-weight:normal;}

/* 头部广告head */
.banner{width:100%; height:auto;}
.banner img{width:100%;}





/* notice */
.notice{width:99%; height:auto; background:#f0f0f0; border:1px solid #cbcbcb; margin:10px auto; overflow:hidden;}
.notice dl{width:96%; height:41px; border:1px solid #cbcbcb; display:block; margin:10px auto; background:#ffffff;}
.notice dl b{width:20%; height:40px; display:block; float:left; line-height:40px; font-size:16px; text-align:center; color:#ffffff; background:#1c75bc; border-right:3px solid #27aae1;}
.notice dl p{width:80%; height:40px; line-height:40px; display:block; float:left; padding-left:2%; padding-right:2%; overflow:hidden ;}
.notice ul{width:100%; height:auto; margin:10px auto; display:block; overflow:hidden;}
.notice ul li{width:33%; height:32px; line-height:32px; display:block; float:left;}
.notice ul li p{width:90%; height:32px; line-height:32px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; display:block; margin:0px auto; text-align:center; font-size:18px; background:#1c75bc;  color:#ffffff;}


/* title */
.title{width:100%; height:44px; line-height:44px; background:#1c75bc; border-bottom:3px solid #27aae1; padding-left:3%; color:#ffffff; font-size:18px; font-weight:bold;}
.title b{text-transform:uppercase; color:#75a1cf; padding-left:5px;}


/* department */
.department{width:99%; height:auto; overflow:hidden; padding:15px;}
.department ul{width:100%; height:auto; overflow:hidden;}
.department ul li{width:24.2%; height:60px; line-height:60px; text-align:center; display:block; float:left; background:#1c75bc; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; margin-bottom:15px; color:#FFFFFF; margin-right:1%; font-size:16px; font-weight:bold;}
.department dl{width:100%; height:auto; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;background:#1c75bc; margin-bottom:10px; padding:5px; color:#ffffff;}
.department dl h1{width:100%; line-height:40px; text-align:center; color:#ffffff; font-size:20px;}
.department dl p{width:100%; height:auto; overflow:hidden; text-align:center; font-size:14px;}
.department dl p a{width:24.5%; height:20px; line-height:20px; color:#ffffff; display:block; float:left; border-right: 1px solid #ffffff; margin-bottom:5px;}
.depar_lasik{width:100%; height:auto; display:block; margin:0px auto; margin-bottom:0px; }
.depar_lasik img{width:100%; height:auto;}
.depar_qt{width:36%; height:auto; display:block; float:left;}
.depar_qt img{width:100%; height:auto;}

/* hospital */
.hospital{width:95%; height:auto; overflow:hidden; margin:15px auto;}
.hospital h1{width:100%; line-height:34px; font-size:20px; font-weight:bold; text-align:center; margin:5px auto;}
.hospital h1 a{color:#333333;}
.hospital p{width:100%; height:auto; line-height:26px; text-indent:2em; font-size:14px;}
.hospital ul{width:100%; height:auto; overflow:hidden; margin-top:10px;}
.hospital ul li{width:100%; height:40px; line-height:40px; background:url(../images/index1_28.jpg) no-repeat left; padding-left:30px; border-bottom:1px dashed #cbcbcb; overflow:hidden;}
.hospital ul li a{color:#333333;}

/* doctor */
.doctor{width:97%; height:auto; overflow:hidden; margin:15px auto;}
.doctor dl{width:42%; height:auto; display:block; float:left;}
.doctor dl img{width:100%;}
.doctor ul{width:57%; height:auto; display:block; float:right;}
.doctor ul h1{width:100%; height:auto; font-size:20px;}
.doctor ul h2{width:100%; height:auto; font-size:10px; text-transform:uppercase; }
.doctor ul p{width:100%; height:auto; font-size:14px;}
.doctor ul p b{width:50%; height:auto; display:block; float:left;}
.doctor ul p b span{width:90%; height:30px; line-height:30px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; display:block; margin:0px auto; text-align:center; font-size:14px; background:#1c75bc;  color:#ffffff;}

/* bottom */
.bottom{width:100%; height:auto; overflow:hidden; padding-bottom:50px;}
.bottom ul{width:100%; height:auto; line-height:40px; background:#1c75bc; border-bottom:3px solid #27aae1; font-size:16px; color:#ffffff; text-align:center;}
.bottom ul a{padding-left:10px; padding-right:10px; color:#ffffff;}
.bottom p{width:90%; line-height:26px; text-align:center; margin:5px auto; font-size:14px;}

/* location */
.location{width:98%; height:30px; margin:15px auto; background:url(../images/index1_38.jpg) no-repeat left; line-height:30px; padding-left:25px;}
.location a{color:#333333;}

/* list */
.list{width:96%; height:auto; overflow:hidden; margin:15px auto;}
.list ul{width:100%; height:auto; font-size:14px; overflow:hidden;}
.list ul li{width:100%; height:40px; line-height:40px; padding-left:30px; border-bottom:1px dashed #cbcbcb; list-style:none; background:url(../images/index1_28.jpg) no-repeat left; overflow:hidden;}
.lb_title{ padding:0.15em 0; text-align:center; background:#176acd; color:#fff; font-size:24px; position:relative;}
.lb_title .lb_arrow{ position:absolute; top:100%; left:50%; margin-left:-0.25em;width: 0;
    height: 0;
    border-left: .35em solid transparent;
    border-right: .35em solid transparent;
    border-top: .5em solid #176acd;}
.list ul li a{color:#333333;}
.lb_list{
	margin:1em 0; font-size:16px;
}
.lb_list li{
	padding:.5em 5px 0; overflow:hidden;height: 1.8em; box-sizing:content-box; 
}
.lb_list span{display:inline-block; padding:0.15em .5em; width:6em; text-align:left; color:#fff; background:#ff4e00; margin-right:.5em;}

/* fanye */
.page{text-align:center; margin:10px 0; font-size:12px; }
.page li{display:inline; color:#0056ad; margin-left:5px; margin-left:5px;}
.page a{background:#FFFFFF; color:#0056ad; border:1px solid #E4ECDA; padding:3px 8px 2px 8px; }
.page a:hover{background:#fff6ef; color:#f86900; text-decoration:none;}

/* article */
.article{width:98%; height:auto; overflow:hidden; margin:15px auto;}
.article h1{width:96%; line-height:50px; text-align:center; display:block; border-bottom:1px dashed #cbcbcb; font-size:22px;}
.article h2{width:96%; line-height:30px; margin-bottom:15px auto; text-align:center; display:block; font-size:12px;}
.article dl{width:96%; height:auto; margin:8px auto; font-size:16px; line-height:26px; display:block; overflow:hidden;}
.article dl img{width:100%; height:100%;}
.article p{width:96%; line-height:26px; /*text-indent:3em;*/ margin:8px auto; font-size:16px; display:block;}
.article p a{color:#000000;}
.art_sy{width:100%; height:40px; line-height:40px; background:#eeeeee; margin:15px auto; text-align:right; padding-right:20px; color:#E10003; font-weight:bold;}
.art_tel{width:94%; height:auto; padding:15px; margin:15px auto; background:#eeeeee; text-indent:2em;}
.art_tel a{color:#F30004; padding:0px; margin:0px;}
.art_zxzx{width:94%; margin:15px auto; padding:15px; background:#eeeeee; height:auto; overflow:hidden;}
.art_zxzx ul{width:100%; height:auto; padding-top:10px;}
.art_zxzx ul li{width:30%; height:30px; line-height:30px; display:block; float:right; margin-right:5%; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#1c75bc;  color:#ffffff; text-align:center; padding-left:10px; padding-right:10px;}

/* hot */
.hot{width:95%; height:auto; overflow:hidden; margin:15px auto;}
.hot ul{width:100%; height:auto; overflow:hidden; margin-top:10px;}
.hot ul li{width:100%; height:40px; line-height:40px; background:url(../images/index1_28.jpg) no-repeat left; padding-left:30px; border-bottom:1px dashed #cbcbcb; overflow:hidden;}
.hot ul li a{color:#333333;}

/* doc_list */
.doc_list{width:96%; height:auto; margin:15px auto; overflow:hidden; font-size:15px;}
.doc_list ul{width:100%; height:auto; margin-bottom:15px; overflow:hidden; background:#eeeeee;}
.doc_list h1{width:30%; line-height:30px; display:block; float:left; background:#0056ad; color:#ffffff; text-align:center;}
.doc_list span{width:68%; height:auto; overflow:hidden; float:right; display:block;}
.doc_list li{width:32%; height:30px; line-height:30px; display:block; float:left; list-style:none; border:1px solid #ffffff; text-align:center; border-right:0px; border-top:0px;}

.we_doc{width:96%; height:auto; background:#eeeeee; margin:15px auto;}
.we_doc h1{width:96%; height:40px; line-height:40px; background:#ffffff; color:#0056ad; display:block; margin:0px auto; text-align:center; font-size:22px; margin-top:15px;}
.we_doc h2{width:96%; height:20px; line-height:20px; text-align:center; background:#0056ad; color:#ffffff; display:block; margin:0px auto; margin-bottom:15px;}
.we_doc p{width:95%; padding:10px; text-indent:2em; line-height:26px; display:block; margin:0px auto; background:#ffffff; margin-bottom:15px;}


/* 404 */
.b404{width:auto; height:auto; padding:30px; margin:15px auto; font-size:14px;}
.b404 a{font-weight:bold; padding-left:5px;}

/* ment_dep */
.dep_bg1{background:#dce6f1; margin-top:10px;}
.dep_bg2{background:#ffe8db;}
.dep_bg3{background:#e0e9dd;}
.dep_bg4{background:#f8e4fc; margin-bottom:10px;}
.ment_dep{width:auto; height:auto; padding:10px; overflow:hidden;}
.ment_dep dl{width:40%; padding:10px; display:block; float:left; background:#ffffff;}
.ment_dep dl img{width:100%;}
.ment_dep dl p{width:100%; text-align:center; display:block; font-size:18px; font-weight:bold;}

.ment_dep ol{width:60%; display:block; float:right;}
.ment_dep ol li{width:47%; height:30px; line-height:30px; display:block; float:left; background:#FFFFFF; text-align:center; margin-left:5px; margin-bottom:5px;}
.ment_dep ul{width:60%; display:block; float:right;}
.ment_dep ul li{width:47%; height:35px; line-height:35px; display:block; float:left; background:#FFFFFF; text-align:center; margin-left:5px; margin-bottom:5px;}

.gh_form{ margin: 20px 0;}
.gh_form .gh_title{ text-align:center; margin:0 0 1em 0; padding:0; font-size:200%; font-weight:bold; color:rgb(9,79,155);}

.gh_form .no-wrap{ display:inline-block; margin-right:1em;}
.gh_form  td{padding-bottom:1em;}
.gh_form span{ float:left;}
.gh_form .col{ vertical-align:top; padding-top:3px;white-space:nowrap; padding-left:.5em;}
.gh_form .col2{ width:28%;}
.gh_form .tr{ clear:both; padding:10px 0;}
.gh_form .text-input{font-size:1em; padding:3px; line-height:1.425; width:90%;}
.gh_form textarea{ width:75%; height:6em; font-size:1em; padding:3px; line-height:1.425}
.gh_form input,.gh_form textarea{border:1px solid rgb(199,199,199);}
.gh_form .btns{ text-align:center;padding-top:10px;}
.gh_form .sub-input{ padding:.3em 2em; background:rgb(9,79,155); color:#fff; margin-left:1em;}
.gh_form .bg2{background:rgb(106,50,4);}
@media (max-width: 360px) {
  .gh_form{padding-left:10px;}
  .gh_form span{ float:none; display:block;}
  .gh_form .gh_title{ margin-bottom:.35em;}
  .gh_form .col{padding-left:0; margin-bottom:3px;}
  .gh_form .col2{ width:auto; margin-bottom:10px;}
  .gh_form .tr{padding:0;}
  .gh_form textarea{ width:90%;}
}

.wx_window{ display:none; position:fixed;top:0;left:0;width:100%;bottom:0; background:rgba(33,33,33,0.5);z-index:2147483647;text-align:center;padding-top:25%; }
.wx_window .wx_bg{ width:75%; max-width:492px; margin:0 auto; position:relative;}
.wx_window img{ max-width:100%;}
.wx_window .wx_id{color:#fff; margin-top:-1.8em;font-size:24px;padding-left:2em;}
.wx_window .close_btn{ position:absolute; top:18.5%; right:1%;width:9%;height:13%;}
@media (max-width: 360px) {
	.wx_window .wx_id{ font-size:22px;}
}
@media (min-width: 540px) {
	.wx_window .wx_id{ font-size:36px;}
	
}


.stage{max-width: 750px;background: #ebebeb; margin: 0 auto; font-size: .32rem;}