﻿/*css字符集设置*/
@charset "utf-8";
/*重置css样式*/
html {
	overflow-x: hidden;
	overflow-y: auto;
	margin: 0 auto;
	padding: 0;
	font-size: 625%;
}
*{
	margin: 0px;
	padding: 0px;
}
/*公共css设置*/
body {
	font-size: 18px;
	font-size: 0.18rem;
	font-family: "微软雅黑",Arial, Helvetica,sans-serif;
	/* 12÷10=1.2 */
	color: #333333;
	/*width: 6.4rem;*/
}

ul,li {
	margin-bottom: 0;
	list-style: none;
}

div,p,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,form {
	margin: 0;
	padding: 0;
	color: #333333;
	font-family: "微软雅黑",Arial, Helvetica,sans-serif,verdana;
}
address, caption, cite, code, dfn, em, th, var {
	font-style: normal;
	font-weight: normal;
}
input, textarea, select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	font-weight: normal;
}
input, textarea, select {
	font-size: 100%;
}
input, textarea, select,img {
	vertical-align: middle;
}
a,a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
body a,body a:visited, body a:hover {
	text-decoration: none;
}
img {
	/*取消图片具有超链接在低版本浏览器中的边框问题*/
	/*display: block;*/
	border: none;
	max-width: 100%;
}
.width100{
	width: 100%;
	clear: both;
}
.width280{
	width: 2.80rem;
	clear: both;
	margin: 0 auto;
}
.margin15{
	height: 0.15rem;
	clear: both;
}
.margin30{
	height: 0.30rem;
	clear: both;
}
.margin35{
	height: 0.35rem;
	clear: both;
}
.margin42{
	height: 0.42rem;
	clear: both;
}
.margin46{
	height: 0.46rem;
	clear: both;
}
.margin53{
	height: 0.53rem;
	clear: both;
}
.margin60{
	height: 0.60rem;
	clear: both;
}
.margin70{
	height: 0.70rem;
	clear: both;
}

.margin80{
	height: 0.80rem;
	clear: both;
}
.margin100{
	height: 1rem;
	clear: both;
}
.width750{
	width: 7.5rem;
	margin: 0 auto;
}
.width710{
	width: 7.1rem;
	margin: 0 auto;
}
.text_cent{
	text-align: center;
}
/*清除浮动*/
.clrboth{
	clear: both;
	height: 0;
}
.float_lf{
	float: left;
}
.float_rg{
	float: right;
}
.text-rg{
	text-align: right;
}
/*设置margin值*/
.margintop10{
	margin-top: 0.1rem;
}
.margintop47{
	margin-top: 0.47rem;
}

/*布局样式start*/
/*=============主体内容区域样式start==================*/
#main_container{
	max-width: 640px;
	margin: 0 auto;
}
#main_container a{
	display: block;
	width: 100%;
}
#main_container .nav_banner img{
	width:100%;
	margin: 0 auto;
}
/*第一部分内容样式start*/
/*标题*/
.title_wrapper img{
	width: 100%;
	display: block;
}
/*第一部分start*/
.title_wrapper1{
	width: 3.9rem!important;
	background: url(../images/title_bg.png) no-repeat;
	background-size: 3.83rem;
	font-family: SourceHanSansCN-Regular;
	font-size: 0.28rem;
	height: 0.6rem;
	font-weight: normal;
	font-stretch: normal;
	text-align: left!important;
	line-height: 0.48rem!important;
	letter-spacing: 0px;
	color: #3c3c3c;
	margin-top: 0.53rem;
}
.title_wrapper1 span{
	padding: 0 0.3rem 0 0.18rem;
	color: #ffffff;
}
/*近视手术分类*/
.col1_inner1 ul{
	padding-left: 3.04rem;
	padding-bottom: 0.1rem;
	margin-top: 0.48rem;
	background: url(../images/icl_img1.jpg) no-repeat 0.32rem 0;
	background-size: 2.20rem;
}
.col1_inner1 ul li{
	font-size: 0.28rem;
	font-weight: normal;
	font-stretch: normal;
	line-height: 0.39rem;
	color: #585858;
	background: url(../images/icl_icon13.png) no-repeat;
	background-size: 0.34rem;
	padding-left: 0.5rem;
	margin-bottom: 0.16rem;
}
.col1_inner1 ul li:nth-child(2){
	background: url(../images/icl_icon14.png) no-repeat;
	background-size: 0.34rem;
}
.col1_inner1 ul li:nth-child(3){
	background: url(../images/icl_icon15.png) no-repeat;
	background-size: 0.34rem;
}
.col1_inner1 ul li:nth-child(4){
	background: url(../images/icl_icon16.png) no-repeat;
	background-size: 0.34rem;
}
.col1_inner1 ul li span{
	color: #3074ac;
}
.col1_inner2{
	width: 100%;
	padding-left: 0.55rem;
	padding-top: 0.68rem;
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
}
.col1_inner2 a{
	color: #428bca;
}

.col1_inner2 li{
	float: left;
	width: 2.61rem;
	/*height: 108px;*/
	background-color: #dcebf5;
	padding: 0.26rem 0 0.22rem 0.96rem;
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
	border-radius: 0.05rem;
	-moz-border-radius: 0.05rem;
	-webkit-border-radius: 0.05rem;
	background: url(../images/icl_icon1.png) no-repeat 0.18rem center #dcebf5;
	background-size:0.79rem; 
	margin-bottom: 0.50rem;
}
.col1_inner2 li p{
	font-size: 0.28rem!important;
	font-weight: bold;
	font-stretch: normal;
	line-height: 0.4rem!important;
	letter-spacing: 0px;
	color: #1a6b98;
}
.col1_inner2 li:nth-child(2){
	background: url(../images/icl_icon2.png) no-repeat 0.18rem center #dcebf5;
	background-size:0.79rem; 
	margin-left: 0.59rem;
}
.col1_inner2 li:nth-child(3){
	background: url(../images/icl_icon3.png) no-repeat 0.18rem center #dcebf5;
	background-size:0.79rem; 
}
.col1_inner2 li:nth-child(4){
	background: url(../images/icl_icon4.png) no-repeat 0.18rem center #dcebf5;
	background-size:0.79rem; 
	margin-left: 0.59rem;
}
.col1_inner2 li:nth-child(5){
	background: url(../images/icl_icon6.png) no-repeat 0.18rem center #dcebf5;
	background-size:0.79rem; 
	margin-left: 1.61rem;
}
.col1_inner2 ul:after{
	content: '';
	display: block;
	clear: both;
}
/*按钮*/
.link_btn1{
	width: 5.23rem;
	height: 0.58rem;
	background-color: #ffaa07;
	position: relative;
	border-radius: 0.1rem;
	-webkit-border-radius: 0.1rem;
	-moz-border-radius: 0.1rem;
	margin: 0 auto;
	
}
.link_btn1 a{
	display: block;
	width: 100%;
	padding-left: 0.25rem;
	font-family: SourceHanSansCN-Regular;
	font-size:0.26rem;
	font-weight: bold;
	font-stretch: normal;
	line-height: 0.58rem;
	letter-spacing: 0px;
	color: #ffffff;
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
}

.link_btn1 i{
	display: block;
	width: 0.35rem;
	height: 0.45rem;
	background: url(../images/icl_btn.png) no-repeat;
	background-size: 0.35rem;
	position: absolute;
	right: 0.1rem;
	top: 0.13rem;
}
.link_btn1{ 
	-webkit-box-reflect: below 0 -webkit-linear-gradient(top,rgba(250,250,250,0),rgba(250,250,250,.0) 20%,rgba(250,250,250,0.3)); box-reflect: below 0 -webkit-linear-gradient(top,rgba(250,250,250,0),rgba(250,250,250,.0) 20%,rgba(250,250,250,0.3)); }
/*第二部分ICL晶体植start*/
.col2_wrapper{
	background: rgba(232,245,253,0.8);
	padding-bottom: 0.61rem;
	border-top: 1px solid transparent;
}
#main_container p.text{
	width: 100%;
	padding-left: 0.5rem;
	font-family: SourceHanSansCN-Normal;
	font-size: 0.28rem;
	font-weight: normal;
	font-stretch: normal;
	line-height:0.4rem;
	letter-spacing: 0px;
	color: #323232;
	background: url(../images/icl_icon8.png) no-repeat 0 0.1rem;
	background-size: 0.5rem;
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
}
.col2_wrapper ul{
	width: 5.66rem;
	margin: 0.36rem auto 0;
}
.col2_wrapper ul li,.col2_wrapper ul li img{
	width: 2.60rem;
}
.col2_wrapper ul li{
	float: left;
}
.col2_wrapper ul li p{
	width: 100%!important;
	font-size: 0.22rem!important;
	font-weight: normal;
	font-stretch: normal;
	line-height: 0.34rem!important;
	letter-spacing: 0px;
	color: #838383;
	padding:0.23rem 0 0.35rem 0.36rem;
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
	position: relative;
}
.col2_wrapper ul li p:before{
	content: '1';
	width: 0.25rem;
	height:0.25rem;
	font-family: MicrosoftYaHei;
	font-size: 0.18rem;
	font-weight: normal;
	font-stretch: normal;
	line-height: 0.25rem;
	letter-spacing: 0px;
	color: #ffffff;
	text-align: center;
	position: absolute;
	left: 0px;
	border-radius: 0.15rem;
	-moz-border-radius: 0.15rem;
	-webkit-border-radius: 0.15rem;
	background-color: #1275e0;
}
.col2_wrapper ul li:nth-child(2) p:before{
	content: '2';
}
.col2_wrapper ul li:nth-child(3) p:before{
	content: '3';
}
.col2_wrapper ul li:nth-child(4) p:before{
	content: '4';
}
.col2_wrapper ul:after{
	content: '';
	display: block;
	clear: both;
}
.col2_wrapper ul li:nth-child(even){
	margin-left: 0.44rem;
}
.title_wrapper2{
	width: 4.33rem!important;
	background: url(../images/title_bg1.png) no-repeat;
	background-size: 4.33rem;
	margin-bottom: 0.55rem;
}
.link_btn2{
	width: 3.38rem;
	margin-top: 0.69rem;
	margin-bottom: 0.65rem;
}
p.text_wrapper{
	width: 5.2rem!important;
	font-size: 0.3rem;
	font-weight: bold;
	font-stretch: normal;
	line-height: 0.48rem;
	letter-spacing: 0px;
	color: #ffffff;
	text-align: center;
	background-color: #3074ac;
	margin: 0 auto;
}
/*第二部分ICL晶体植end*/
/*第三部分start*/
.col3_wrapper{
	background: rgba(245,243,235,0.8);
	padding: 0.41rem 0 0.43rem;
	margin-bottom: 0.37rem;
}
.col3_wrapper h3{
	font-size: 0.28rem;
	font-weight: bold;
	font-stretch: normal;
	line-height: 0.44rem;
	letter-spacing: 0px;
	color: #fc5859;
	padding-left: 0.2rem;
	margin-bottom: 0.33rem;
}
.col3_wrapper h3:before{
	content: '';
	display: block;
	width: 0.08rem;
	height: 0.11rem;
	background-color: #fc5859;
	float: left;
	margin-top: 0.2rem;
	margin-right: 0.1rem;
}
.col3_wrapper p{
	border-bottom:1px dashed #626262;
	padding-bottom: 0.27rem;
	margin-bottom: 0.35rem;
}
.col3_wrapper p span{
	display: none;
}
.col3_wrapper p i{
	font-style: normal;
	font-weight: bold;
	color: #fc5859;
}
.col3_wrapper p:nth-child(4){
	border-bottom: 0px;
}
.col3_wrapper h4{
	width: 100%;
	text-align: right;
	font-family: SourceHanSansCN-Light;
	font-size: 0.18rem;
	font-weight: normal;
	font-stretch: normal;
	line-height:0.3rem;
	letter-spacing: 0px;
	color: #363636;
}
/*第三部分end*/
/*民众眼科四大优势start*/
.col4_wrapper{
	padding: 0.63rem 0 0.21rem;
}
.col4_wrapper li{
	float: left;
	width: 3.01rem;
	padding-left:0.84rem; 
	margin-bottom: 0.32rem;
	background: url(../images/icl_icon9.png) no-repeat;
	background-size: 0.68rem;
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
}

.col4_wrapper li h3{
	font-family: SourceHanSansCN-Medium;
	font-size: 0.28rem;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #39b7ff;
	padding-bottom: 0.05rem;
}
.col4_wrapper li i{
	display: block;
	float: right;
	width: 1.76rem;
	height: 1px;
	background-color: #6f6f6f;
}
.col4_wrapper li p{
	font-family: SourceHanSansCN-Regular;
	font-size: 0.22rem;
	font-weight: normal;
	font-stretch: normal;
	line-height: 0.3rem;
	height: 1.5rem;
	letter-spacing: 0px;
	color: #838383;
	padding-top: 0.1rem;
}
.col4_wrapper li:nth-child(even){
	margin-left: 0.25rem;
}
.col4_wrapper li:nth-child(2){
	background: url(../images/icl_icon10.png) no-repeat;
	background-size: 0.68rem;

}
.col4_wrapper li:nth-child(3){
	background: url(../images/icl_icon11.png) no-repeat;
	background-size: 0.68rem;
	
}
.col4_wrapper li:nth-child(4){
	background: url(../images/icl_icon12.png) no-repeat;
	background-size: 0.68rem;
	
}
.col4_wrapper ul:after{
	content: '';
	display: block;
	clear: both;
}
/*民众眼科四大优势end*/
/*医生介绍*/
.doc_wrapper{
	width:100%;
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
	padding: 0.6rem 0.2rem 0.3rem 2.92rem;
	background:url(../images/icl_six_dot7.png) #edf7fd 0 0.63rem no-repeat;
	background-size: 3.86rem;
}
.doc_wrapper1{
	background:url(../images/icl_six_dot8.png) #edf7fd 0 0.63rem no-repeat;
	background-size: 3.47rem;
	padding-bottom: 1.3rem;
}
.doc_wrapper .doc_title span{
	display: block;
	width: 1.97rem;
	float: left;
	font-family: SourceHanSansCN-Medium;
	font-size: 0.6rem;
	font-weight: normal;
	font-stretch: normal;
	line-height:1rem;
	letter-spacing: 0px;
	color: #3074ac;
}
.doc_wrapper .doc_title i{
	display: block;
	width: 1px;
	height: 1rem;
	float: left;
	background-color: #666666;
	transform:rotate(30deg);
	-ms-transform:rotate(30deg); 	/* IE 9 */
	-moz-transform:rotate(30deg); 	/* Firefox */
	-webkit-transform:rotate(30deg); /* Safari 和 Chrome */
	-o-transform:rotate(30deg); 	/* Opera */
}
.doc_wrapper .doc_title p{
	width: 1.8rem;
	font-size: 0.24rem;
	float: left;
	font-weight: normal;
	font-stretch: normal;
	line-height:0.4rem;
	letter-spacing: 0px;
	color: #000000;
	margin-left: 0.4rem;
}
.doc_wrapper .doc_text p{
	font-size: 0.28rem;
	font-weight: normal;
	font-stretch: normal;
	line-height: 0.38rem;
	letter-spacing: 0px;
	color: #333333;
	margin-top: 0.27rem;
}
.doc_wrapper .doc_text p span{
	display: inline-block;
	/*width: 0.68rem;*/
	height: 0.46rem;
	line-height: 0.46rem;
	font-weight: bold;
	text-align: center;
	padding: 0 0.1rem;
	background-color: #fceba5;
	border-radius: 0.1rem;
	-moz-border-radius: 0.1rem;
	-webkit-border-radius: 0.1rem;
}
.doc_wrapper .link_btn{
	width: 2.5rem;
	height: 0.5rem;
	padding-left: 0.56rem;
	background: url(../images/icl_btn.png) #ffaa07 no-repeat 0.22rem 0.08rem;
	background-size: 0.25rem;
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
	border-radius: 0.05rem;
	-webkit-border-radius: 0.05rem;
	-moz-border-radius: 0.05rem;
	margin: 0.50rem 0 0 0.76rem;
}
.doc_wrapper .doc_text .doc_title{
	margin-top: 0;
}
.link_btn3{
	width: 5.2rem;
	margin: 0.5rem auto 0.8rem;
}
.link_btn a{
	display: block;
	width: 100%;
	font-size: 0.22rem;
	font-weight: normal;
	font-stretch: normal;
	line-height: 0.5rem;
	letter-spacing: 0px;
	color: #ffffff;
}
/*第六部分问答end*/
/*ICL六大优势*/
.list_wrapper{
	padding-top: 2.91rem;
	background: url(../images/icl_bg.jpg) no-repeat;
	background-size: 100%;
}
.list_wrapper li{
	padding: 0.15rem 0.06rem 0.15rem 0.92rem;
	background: url(../images/icl_six_dot1.png) no-repeat #edf7fd 0.06rem center;
	background-size: 0.78rem;
	margin-bottom: 0.1rem;
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
}
.list_wrapper li:nth-child(2){
	background: url(../images/icl_six_dot2.png) no-repeat #edf7fd 0.06rem center;
	background-size: 0.78rem;
}
.list_wrapper li:nth-child(3){
	background: url(../images/icl_six_dot3.png) no-repeat #edf7fd 0.06rem center;
	background-size: 0.78rem;
}
.list_wrapper li:nth-child(4){
	background: url(../images/icl_six_dot4.png) no-repeat #edf7fd 0.06rem center;
	background-size: 0.78rem;
}
.list_wrapper li:nth-child(5){
	background: url(../images/icl_six_dot5.png) no-repeat #edf7fd 0.06rem center;
	background-size: 0.78rem;
}
.list_wrapper li:nth-child(6){
	background: url(../images/icl_six_dot6.png) no-repeat #edf7fd 0.06rem center;
	background-size: 0.78rem;
}
.list_wrapper li h2{
	font-size: 0.24rem;
	font-weight: bold;
	font-stretch: normal;
	margin-bottom: 0.17rem;
	letter-spacing: 0rem;
	color: #3074ac;
}
.list_wrapper li p{
	font-size: 0.22rem;
	font-weight: normal;
	font-stretch: normal;
	line-height: 0.34rem;
	letter-spacing: 0rem;
	color: #536161;
}
.list_wrapper .link_btn1{
	width: 3.80rem;
	margin-top: 0.4rem;
}
#footer{
	margin-left: 0;
}
/*=============主体内容区域样式end==================*/
/*@media screen and (max-width:767px){
	.col_four .cont_list ul li p{
		height:0.52rem;
	}

}
*/
@media screen and (min-width:640px){
    html{font-size:100px;}
}

@media screen and (min-width:414px) and (max-width:639px){
    html{font-size:55px;}
}

@media screen and (min-width:375px) and (max-width:413px){
    html{font-size:50px;}
}

@media screen and (min-width:320px) and (max-width:374px){
    html{font-size:45px;}
}