@charset "gb2312";
/* CSS Document */
body,ul,li,h1,h2,h3,h4,h5,h6,p,form,dl,dt,dd,form,input,button,textarea,th,td{ margin:0; padding:0;}
body{ font:22px/200% 'Microsoft Yahei','微软雅黑','宋体',Arial, Helvetica, sans-serif; color:#545454; background:#fff;}
h1, h2, h3, h4, h5, h6{font-weight:normal;}
ul,li{list-style:none;}
img,input,textarea,select,button{ border:none;}
input,textarea,select,button{font-family:'Microsoft Yahei';background:none;}
a{ text-decoration:none;}
a:link,a:visited{color:#545454;}
a:hover,a:active{ color:#d5010a;}
a:focus,input:focus,textarea:focus{ outline:none;}
html,body{ -webkit-text-size-adjust:none;} 

.inner{ width:1100px; margin:0 auto; height:auto; overflow:hidden;} 
.clear{clear:both; margin:0; padding:0; font-size:0; line-height:0;}
.fl{ float:left;}
.fr{ float:right;}
header{ width:100%; height:540px;}
.top{ width:100%; height:90px; overflow:hidden;}
.top a#logo{ width:345px;display:block;}
.top a#tel{ width:305px; height:90px; display:block;}
.nav{ width:100%; height:50px; background:url(images/navbg.png) repeat-x;}
.nav ul{ height:40px; margin-top:5px;}
.nav ul li a{ width:131px; height:34px; line-height:32px; margin:3px 38px 3px 0px;font-size:18px; font-weight:600;text-align:center; color:#fff; display:block; float:left;}
.nav ul li a:hover,.nav ul li a.hover{background:url(images/navhover.png);}
#banner{width:100%; height:450px; background:#fff;font-size:0;line-height:0; margin-top:-5px; background:url(images/bannershadow.jpg) no-repeat center bottom;}
#banner div{background-position:center center; background-repeat:no-repeat;}

.main{ width:100%; height:auto; overflow:hidden;}
/*关于我们*/
.about{ margin:30px auto 60px auto;}
.about h1,.medicaldepartment h1,.publicwelfare h1,.doctorteam h1,.cases h1,.environment h1,.comments h1{ height:65px;margin-bottom:30px; font-size:36px; font-weight:600; color:#0c5cd5; text-align:center;}
.about h1,.publicwelfare h1,.doctorteam h1,.comments h1{border-bottom:1px solid #c9d0d9;}
.about h1 p,.publicwelfare h1 p,.doctorteam h1 p,.comments h1 p{ height:65px; line-height:40px; background:url(images/titleline.gif) no-repeat center bottom;}
.ulzt{ width:1100px; height:300px; background:url(images/ulztbg.jpg) no-repeat center bottom; margin:45px auto;}
.ulztbt{ width:390px; height:50px; line-height:50px; background:url(images/ulztbt.png) no-repeat; margin:0 auto; font-size:36px; color:#fff; text-align:center;}
.ulzt ul{ width:890px; height:auto; overflow:hidden; margin:40px auto;}
.ulzt ul li{ width:276px; height:159px; float:left;}
.ulzt ul li.li1{background:url(images/ulztli1.png) no-repeat;}
.ulzt ul li.li2{background:url(images/ulztli2.png) no-repeat; margin:0 31px;}
.ulzt ul li.li3{background:url(images/ulztli3.png) no-repeat;}
.ulzt ul li div{ height:98px;}
.ulzt ul li:hover{filter:alpha(opacity:90); opacity:0.9;  -moz-opacity:0.9;-khtml-opacity:0.9;}
.ulzt ul li span{ display:inline-block; width:168px; height:36px; line-height:36px; margin:10px auto 0 auto; background:url(images/icon1.png) no-repeat; color:#e20a01; text-indent:30px; display:block;}
a.zixun{ width:432px; height:40px; display:block; margin:0 auto;}
/*精品诊疗科室*/
.medicaldepartment{ width:100%; height:auto; overflow:hidden;}
.medicaldepartment h1,.cases h1,.environment h1{ font-size:36px; background:url(images/icon3.png) no-repeat center 26px;}
.departmentbg{ width:100%; padding:35px 0 26px 0; background:#23acf6;}
.department{ width:780px; height:auto; overflow:hidden; margin:0 auto;}
.department li{ width:228px; height:110px; margin:10px 15px; padding-top:20px; background:#fff; border-radius:6px; border:1px solid #ccc; float:left;}
.department li .department_img{ width:83px; height:64px; margin:0 auto;}
.department li .department_link{ width:230px; height:32px; line-height:32px; margin-top:5px; text-align:center; color:#545454; display:block; float:left;}
/*.department li a{ width:230px; height:32px; line-height:32px; margin-top:5px; text-align:center; color:#545454; display:block; float:left;}*/
.department li a:hover{ color:#0C5CD5;}
.departmentbg a.zixun{ width:196px; height:64px; margin:30px auto; display:block;}
/*精湛医术贴心服务*/
.service{ margin:70px auto;}
.service h1{ height:85px; text-align:center; line-height:32px; background:url(images/icon5.png) no-repeat center 14px;}
.service h1 p{font-size:36px; color:#0c5cd5; font-weight:600;}
.service h1 span{font-size:24px;color:#0354a5; letter-spacing:2px;}
.service ul{ width:1070px; height:226px; padding:30px 30px 0 0; overflow:hidden; background:url(images/icon6.png) no-repeat right top; margin:30px auto 0 auto;}
.service ul li{ width:340px; height:226px;overflow:hidden;float:left; cursor:pointer;}
.service ul li > img{ width:340px; height:226px; overflow:hidden; transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}
.service ul li:hover > img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);}
.service ul li.m{ margin:0 25px;}
/*爱尔公益行*/
.publicwelfare{ width:100%; height:auto; overflow:hidden; text-align:center; margin-bottom:60px;}
.publicwelfare p{ line-height:36px;}
.publicwelfare p strong{ color:#f33b03;}
.publicwelfare ul{ width:990px; height:auto; overflow:hidden; margin:15px auto 0 auto;}
.publicwelfare ul li{ height:42px; line-height:42px; padding:0 10px; margin-right:10px; margin-bottom:10px; background:#0081dd; color:#fff; overflow:hidden; float:left;}
.publicwelfare ul li.red{ background:#F33B03;}
.publicwelfare ul li.red a{color:#fff;}
.publicwelfare ul li.red:hover{filter:alpha(opacity:80); opacity:0.8;  -moz-opacity:0.8;-khtml-opacity:0.8; cursor:pointer;}
/*资深医疗团队*/
.doctorteam{ width:100%; height:auto; overflow:hidden; text-align:center; margin-bottom:20px;}
.doctorteam p{ margin-bottom:15px;}
/*网络预约享受优惠*/
.onlineyuyue{ width:100%; height:auto; overflow:hidden; border-bottom:1px solid #c9d0d9; padding-bottom:60px; margin-bottom:50px;}
.onlineyuyue h1{ height:60px; line-height:60px; background:#16b394; margin-bottom:60px; font-size:36px; text-align:center; color:#fff;}
.onlineyuyue h1 p{ background:url(images/icon7.png) no-repeat center center;}
.onlineitem{ width:740px; height:50px; margin:0 auto 20px auto;}
.onlineitem label{ width:100px; color:#1c1d1d; font-weight:600; text-align:center;}
.onlineitem input{ width:622px; height:48px; border:1px solid #575757; border-radius:5px;}
.onlineitem input[type="text"]{ padding:0 8px; font-size:20px; color:#888;}
.onlinebtn{ width:430px; height:44px; margin:0 auto;}
.onlinebtn input{ width:198px; height:44px; line-height:44px; border-radius:5px; font-size:24px; color:#fff; cursor:pointer;}
.onlinebtn input.red{ background:#fd5f1d;}
.onlinebtn input.blue{ background:#0081dd;}
/*完美摘镜*/
.cases{ height:auto; overflow:hidden;}
.casesul{ width:1100px; height:auto; overflow:hidden; margin:0 auto; margin-bottom:50px; background:url(images/casebg.jpg) no-repeat center 20px;}
.casesul li{ width:516px;}
.casesul li .img{ width:516px; height:336px;}
.casesul li .img:hover{filter:alpha(opacity:85); opacity:0.85;  -moz-opacity:0.85;-khtml-opacity:0.85; cursor:pointer;}
.casesul li .txt{ height:160px; margin-top:20px;}
.casesul li .txt h3{ height:45px; line-height:45px; font-weight:600;}
.casesul li .txt p{ line-height:40px;}
/*医院环境*/
.environment{ height:auto; overflow:hidden;}
.environment div img{ float:left;}
/*河北省爱尔医院*/
.hebeiaier{width:1100px; height:auto; overflow:hidden; margin:40px auto;}
.hebeiaier h1{ text-align:center;}
.hebeiaier p{ margin-top:40px;}
.hebeiaier p img{ float:left;}
.hebeiaier a.more{ width:196px; height:64px; display:block; margin:0 auto;}
/*评价*/
.comments{ height:auto; overflow:hidden; margin-bottom:60px;}
.comments ul{ width:1100px; height:auto; overflow:hidden; margin:70px auto 0 auto;}
.comments ul li{ width:100%; border-bottom:1px dotted #ccc; padding-bottom:30px; margin-bottom:30px; float:left;}
.comments ul li .touxiang{ width:120px; height:120px; text-align:center;}
.comments ul li .nr{ width:980px;}
.comments ul li .nr h3{ color:#c50404; background:url(images/xing.png) no-repeat;}
.comments ul li .nr h3.x1{background-position:140px center;}
.comments ul li .nr h3.x2{background-position:160px center;}
.comments ul li .nr h3.x3{background-position:114px center;}
.comments ul li .nr p{ font-size:22px; line-height:32px;}
/*底部就诊指南*/
footer{ width:100%; background:#e0e0e0; padding:30px 0 90px 0;}
footer .div1{ width:272px; height:204px;}
footer .div2{ width:710px; margin-left:10px;}
footer .div2 p{ height:52px; line-height:52px; font-size:20px; color:#1c1d1d;}
footer .div2 p.color{ color:#0c5cd5;}
footer .div2 p.font{ font-size:16px;}
footer .div2 p span{ width:25px; height:23px; padding-top:4px;margin-right:3px; display:block;}

footer .div3{ width:108px; margin-top:30px;}
footer .div3 p{ font-size:14px; line-height:20px; text-align:center; color:#d50009;}
.float{ width:100%; height:55px; line-height:55px; background:#0C5CD5; color:#fff;font-size:22px; position:fixed; bottom:0; z-index:999;}
.float .big{background:url(images/floatline.png) no-repeat right 50%; padding-right:18px; margin-right:16px;}
.float .small{ font-size:20px;}
.float a{ display:block;}
.fs24{ font-size:24px;}
.fc1{ color:#d5010a;}
.fs30{ font-size:30px;}


.focusBox { position: relative;  height:410px; overflow: hidden; }
	.focusBox .pic{ position:relative; z-index:0; }
	.focusBox .pic ul{ width:100%  !important}
	.focusBox .pic ul li {  width:100% !important; height:410px; display: block; }
	.focusBox .pic ul li a{width:100% !important; height:410px; display: block;}
	.focusBox .hd { width:100%; position: absolute; bottom: 10px; text-align: center; font-size:0; z-index:1; }
	.focusBox .hd li{margin: 0 5px; background: #FFFFFF; height: 10px; overflow: hidden; width: 60px; cursor: pointer;
		display:inline-block; *display:inline; zoom:1;  
	}
	.focusBox .hd .on{ background:#FFD200; }