body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}

q:before,q:after{content:'';}/* 消除q前后的内容 */

button,input,select,textarea{font-size:100%;}/* 使得表单元素在 ie 下能继承字体大小 */

input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}

address,cite,dfn,em,var{font-style:normal;} /* 将斜体扶正 */

img{max-width:100%;border:none;vertical-align:middle;}

input{vertical-align:middle;}

ul,ol,li{list-style-type:none;}



*{-webkit-box-sizing:border-box;box-sizing:border-box;}

body{font:12px/1.6 Microsoft YaHei,Tahoma, Arial, sans-serif;color:#666;}



a{color:#666; text-decoration:none;}

a:hover{color:#f90; text-decoration:none;}

a:focus,input:focus{outline:0;}



.fl,.left{float:left;}

.fr,.right{float:right;}

.t_l{text-align:left;}

.t_c{text-align:center;}

.t_r{text-align:right;}

.br10{-webkit-border-radius:10px;border-radius:10px;}

.clearfix:before,.clearfix:after{

    content:"";

    display:table;

}

.clearfix:after{clear:both;}

.clearfix{

    *zoom:1;/*IE/7/6*/

}



.wrapper{width:100%;min-width:1200px;position:relative;overflow:hidden;}



.container{width:780px;margin:0 auto;position:relative;}



.header{width:100%;background-color:#fff;background-color:rgba(255,255,255,.8);position:absolute;left:0;top:0;}

.header .container{height:94px;}

.header .logo{position:absolute;left:-272px;top:0;}

.header .topMenu{height:50px;line-height:50px;position:absolute;right:-110px;top:0;}

.header .topMenu a{padding:0 5px;font-size:10px;}

.header .nav{line-height:52px;padding-top:42px;text-align:center;font-size:14px;}

.header .nav a{padding:0 30px;}

.header .topRight{width:332px;height:100%;position:absolute;left:890px;top:0;overflow:hidden;}

.header .topRight .qrCode{float:left;width:79px;height:100%;background:url(../images/weixin.jpg) no-repeat;cursor:pointer;}

.header .topRight .qrCode:hover{background-image:url(../images/erwma.jpg);}

.header .topRight .tel{float:left;width:253px;height:100%;padding:26px 0 0 50px;color:#fff;background-color:#c20009;}

.header .topRight .tel p{padding-top:5px;font-size:14px;}

.header .topRight .tel img{padding-right:5px;vertical-align:inherit;}489c;}

.header .headNav .topRight{height:94px;left:740px;}



.centres{width:1000px;margin:0 auto;position:relative;}



.header .headNav{height:50px;}



.project{padding:80px 0;}



.header .headNav .topMenu{width:800px;right:0;}

.header .headNav .topMenu a{padding:0 30px;font-size:14px;color:#00489c;}

.header .headNav .topRight{height:94px;left:740px;}





.map{background:url(../images/map.jpg) no-repeat center top;}

.map .container{height:372px;}

.map h3{margin-top:10px;font-size:22px;color:#003781;}

.map p{font-size:14px;color:#898989;}

.map .address{width:280px;height:192px;padding:24px 40px 0;background-color:#fff;background-color:rgba(255,255,255,.9);position:absolute;left:-124px;top:0;}

.map .route{width:516px;height:180px;padding:28px 60px 0;background-color:#fff;background-color:rgba(255,255,255,.9);position:absolute;left:156px;bottom:0;}

.map .route h3{font-size:30px;}

.map a{width:96px;height:96px;background-repeat:no-repeat;position:absolute;right:0;top:0;display:block;}

.map a.map_01{background-image:url(../images/map_01.jpg);right:106px;}

.map a.map_02{background-image:url(../images/map_02.jpg);right:10px;top:96px;}

.map a.map_03{background-image:url(../images/map_03.jpg);right:-80px;}



.footer{line-height:80px;color:#cacaca;}



/* 适合人群 */

.people{

	background: url(../images/bnz.jpg) no-repeat center;

	position: relative;

	margin: 0 auto;

	height: 320px;

}

.people h3{

	text-align: center;

	font-size: 36px;

	font-weight: bold;

	color: #2ca0c5;

	letter-spacing:1px;

}

.people p{

	position: relative;

	margin: 0 auto;

	margin-top: 40px;

	font-size: 16px;

	font-weight: normal;

	color: #888888;

	width: 560px;

}



/* 不及时治疗 */

.blue{

	background: url(../images/blue.jpg)no-repeat center;

	height: 1514px;

	position: relative;

	margin: 0 auto;

}

.blue .bigresult{

	width: 1100px;

	margin: 0 auto;

}

.blue .bigresult div{

	text-align: center;

}

.blue .result{

	float: left;

	margin: 10px;

}

.blue h3{

	padding-top: 40px;

	padding-bottom: 40px;

	text-align: center;

	font-size: 36px;

	font-weight: bold;

	color: #2ca0c5;

	letter-spacing:1px;

}

.blue .result h2{

	position: absolute;

	font-size: 30px;

	font-weight: lighter;

	color: #FFFFFF;

	margin-top: -5px;

	margin-left: 50px;

}

.blue .result h3{

	margin-bottom: 20px;

	margin-left: 40px;

	font-size: 18px;

	font-weight: bold;

	color: #FFFFFF;

	background-color: #2ca0c5;

	width: 280px;

	padding: 5px 50px 5px 50px;

	border-radius: 50px;

	-webkit-border-radius: 50px;

}

.blue .result .white{

	margin-top: 10px;

	width: 331px;

	height: 176px;

	background-color: #FFFFFF;

}

.blue .result .white p{

	padding: 10px;

	color: #888;

	font-size: 16px;

}

.blue .bigresult .left{

	margin-left: 170px;

}



/* 眼部对比 */

.blue .eye{

	position: relative;

	margin: 0 auto;

	width: 900px;

}

.blue .eye .eyes{

	margin:0px 25px 0px 25px;

	width: 247px;

	text-align: center;

	float: left;

}

.blue .eye .eyes h3{

	padding: 0px;

	text-align: center;

	font-size: 36px;

	font-weight: bold;

	color: #2ca0c5;

	letter-spacing:1px;

	line-height: 80px;

}

.blue .eye .eyes p{

	font-size: 16px;

	line-height: 26px;

	font-weight: bold;

	color: #686767;

	text-align: center;

}



/* 主治医生 */

.expert{

	position: relative;

	background: url(../images/expert.jpg)no-repeat center;

	height: 650px;

}

.expert .title{

	width: 1080px;

	margin:0 auto;

}

.expert .title h3{

	padding-top: 50px;

	text-align: center;

	color: #2ca0c5;

	font-size: 24px;

	font-weight: bold;	

}

.expert .title h3 span{

    display: block;     /*设置为块级元素会独占一行形成上下居中的效果*/

    position: relative;   /*定位横线（当横线的父元素）*/

}

.expert .title h3 span:before ,.expert .title h3 span:after{

	content:'';

	position: absolute;

	top: 51%;

	background: #d1d1d1;

	width: 35%;

	height: 1px;

}

.expert .title h3 span:before{

	left: 0%;

}

.expert .title h3 span:after{

	right: 0%;

}

.expert .title p{

	letter-spacing:1px;

	text-transform: uppercase;

	margin: 0 auto;

	font-size: 14px;

	color: #a7a7a7;

	text-align: center;

	font-weight: lighter;

}

.expert .right{

	position: relative;

	padding-top: 40px;

}

.expert .right h3{

	width: 420px;

	text-align: left;

	font-size: 18px;

	font-weight: bold;

	color: #FFF;

	padding: 5px 5px 5px 40px;

	background-color: #42b9d1;

	position: relative;

	left:35%;

}

.expert .right h4{

	width: 420px;

	font-size: 14px;

	font-weight: lighter;

	color: #fff;

	line-height: 20px;

	padding: 10px;

	background-color: #a5dfeb;

	position: relative;

	left: 45%;

}

.expert .right h5{

	width: 100px;

	font-size: 14px;

	font-weight: lighter;

	color: #fff;

	line-height: 20px;

	padding:5px;

	background-color: #a5dfeb;

	position: relative;

	left: 40%;

	margin-top: 100px;

	text-align: center;

}

.expert .right p{

	font-size: 12px;

	color:#686767;

	font-weight: normal;

	margin-top: 10px;

	position: relative;

	padding-right: 30%;

	padding-left: 40%;

}



/* 医院设备 */

.equ{

	height: 800px;

	background: url(../images/equ.jpg)no-repeat center;

	margin: 0 auto;

}

.equ .title{

	width: 1080px;

	margin:0 auto;

}

.equ .title h3{

	padding-top: 50px;

	text-align: center;

	color: #FFFFFF;

	font-size: 24px;

	font-weight: bold;	

}

.equ .title h3 span{

    display: block;     /*设置为块级元素会独占一行形成上下居中的效果*/

    position: relative;   /*定位横线（当横线的父元素）*/

}

.equ .title h3 span:before ,.equ .title h3 span:after{

	content:'';

	position: absolute;

	top: 51%;

	background: #bbf1f3;

	width: 35%;

	height: 1px;

}

.equ .title h3 span:before{

	left: 0%;

}

.equ .title h3 span:after{

	right: 0%;

}

.equ .title p{

	letter-spacing:1px;

	text-transform: uppercase;

	margin: 0 auto;

	font-size: 14px;

	color: #bbf1f3;

	text-align: center;

	font-weight: lighter;

}

.equ p{

	font-size: 16px;

	color: #FFFFFF;

	font-weight: normal;

	margin-top: 40px;

	margin-left: 50%;

	width: 500px;

	left: 48%;

}

.equ .deve{

	width: 1100px;

	margin: 0 auto;

	padding-top: 100px;

}

.equ .deve h3{

	font-weight: bold;

	color: #FFFFFF;

	font-size: 24px;

	text-align: center;

	padding-bottom: 20px;

}

.equ .deve .lop{

	width: 254px;

	height: 180px;

	background: rgba(255,255,255,.15);

	border: 1px solid #FFFFFF;

	margin-left: 10px;

	float: left;

}

.equ .deve .lop h3{

	font-size: 18px;

	text-align: center;

	font-weight: normal;

	line-height: 18px;

	color: #FFFFFF;

	padding-top: 15px;

}

.equ .deve .lop p{

	font-size: 14px;

	color: #FFFFFF;

	line-height: 14px;

	font-weight: normal;

	position: relative;

	margin-top: 0px;

    margin-left: 20px;

    width:220px;

    left: 0%;

    letter-spacing:1px;

}



/* 白内障治疗流程 */

.process{

	height: 700px;

	margin: 0 auto;

}

.title{

	width: 1080px;

	margin:0 auto;

}

.title h3{

	padding-top: 50px;

	text-align: center;

	color: #2ca0c5;

	font-size: 24px;

	font-weight: bold;	

}

.title h3 span{

    display: block;     /*设置为块级元素会独占一行形成上下居中的效果*/

    position: relative;   /*定位横线（当横线的父元素）*/

}

.title h3 span:before ,.title h3 span:after{

	content:'';

	position: absolute;

	top: 51%;

	background: #d1d1d1;

	width: 35%;

	height: 1px;

}

.title h3 span:before{

	left: 0%;

}

.title h3 span:after{

	right: 0%;

}

.title p{

	letter-spacing:1px;

	text-transform: uppercase;

	margin: 0 auto;

	font-size: 14px;

	color: #a7a7a7;

	text-align: center;

	font-weight: lighter;

}

.process .bigpro{

	width: 960px;

	margin: 0 auto;

}

.process .bigpro .cess{

	width: 212px;

	height: 240px;

	text-align: center;

	margin: 12px;

	float: left;

}

.process .bigpro .cess h3{

	font-size: 18px;

	color: #2ca0c5;

	line-height: 22px;

	font-weight: normal;

}



/* 圆形布局 */

.circle{

	margin: 0 auto;

	background: url(../images/circle.jpg)no-repeat center;

	height: 1010px;

}



/* 案例轮播 */

.case{

	background-color:#f8f8f8 ;	

	height:550px;

	margin: 0 auto;

}

.slide{ padding-top:30px;}



#slider{position:relative;}

#slider .btn{width:56px;height:93px;margin-top:-41px;position:absolute;top:50%; display:block;}



#slider .btn.prev{left:-90px;background-image:url(../images/L.png);}

#slider .btn.next{background-image:url(../images/R.png);right:-90px;}

#slider .num{width:100%;text-align:center;position:absolute;left:0;bottom:-40px;}

#slider .num ul li{width:9px;height:9px;border:1px solid #00a7d1;margin:0 3px;background:#fff;text-indent:-9999em;overflow:hidden;display:inline-block;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;cursor:pointer;}

#slider .num ul li.on{background-color:#00a7d1;}