.wrap img{ width:100%;}	
.ban{ position:relative; height:34.71em;}
/*导航样式*/
.g-nav { position:relative; height:7.25em; width:100%; position:absolute; top:7.13em; left:0; z-index:2;}
.g-nav a { font-size:1.08em; color:#005c96; height:2.71em; line-height:2.71em; width:31%; text-align:center; display:block; float:left; background:#fff; margin:0 0 1% 1.8%; box-shadow:1px 1px 1px #b2dcef;
border-radius:0.2em;               
-webkit- border-radius:0.2em;
-moz-border-radius:0.2em;
-o-border-radius:0.2em;}
.g-nav a:first-child{ background:#005c96; color:#fff;}

/*通栏广告*/
.g-adv{ width:100%; height:35em; overflow:hidden; position:relative;}
.g-adv .sclwrap_box{ height:34.38em; overflow:hidden; z-index:1;}
.g-adv .m-cnt{ width:100%; height:0.75em; background:#005c96; padding:0.5% 0 0 44%;}
.g-adv .m-cnt li{ float:left; width:0.4em; height:0.4em; background:#80aecb; margin:0 1%;
border-radius:2em;               
-webkit- border-radius:2em;
-moz-border-radius:2em;
-o-border-radius:2em;}
.g-adv .m-cnt li.z-on{ background:#fff;}

/*近视的危害超出您想象*/
.g-wh{ width:100%; overflow:hidden; padding:8% 0 7.5%; position:relative;}
.g-wh:after{ position:absolute; content:""; width:100%; height:5px; background:url(/mobile/Images/Index/wh_line.gif) repeat-x; top:37%; left:0;}
.g-wh .m-wh01,.g-wh .m-wh02{ width:88.1%; margin:0 auto;}
.m-wh01 span{ display:block; width:65.5%; position:relative; padding:0 0 3%; margin:0 0 3%;}
.m-wh01 span:after{ position:absolute; content:""; width:20%; height:2px; background:#b2b2b2; bottom:2px; left:0;}
.m-wh01 p,.m-wh02 p{ font-size:1em; color:#666; line-height:180%;}
.g-wh .m-wh02{ padding:15% 0 0;}
.m-wh02 span{ display:block;}
.m-wh02 span a{ font-size:1.5em; color:#185ba2; font-weight:bold;}
.m-wh02 span b{ font-size:1.5em; color:#185ba2; font-weight:bold;}
.m-wh02 span i{ color:#ee0202;}
.m-wh02 em{ width:58.5%; display:block; margin:0 auto; padding:3% 0 5%;}
.m-wh02 p{}

/*选择科视，告别近视*/
.g-bye{ width:100%; overflow:hidden; position:relative; padding:0 0 7%;}
.g-bye:after{ position:absolute; content:""; width:100%; height:5px; background:url(/mobile/Images/Index/wh_line.gif) repeat-x; bottom:0; left:0;}
.g-bye .m-bt{ width:100%; height:7.21em; text-align:center; background:url(/mobile/Images/Index/bye_tbg.jpg) no-repeat; -webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.g-bye .m-bt a{ font-size:1em; color:#fff; display:inline-block; line-height:160%; padding:4% 0 0;}
.g-bye .m-bt span{ font-size:1em; color:#fff; display:inline-block; line-height:160%; padding:4% 0 0;}

.g-bye .m-bt i{ font-size:1.08em;}
.g-bye dl{ width:100%; display:inline-block; overflow:hidden; padding:6% 0 0;}
.g-bye dl dt{ width:73.8%; margin:0 auto; position:relative;}
.g-bye dl dt em{ display:block; width:100%; font-size:0;}
.g-bye dl dt img{ width:98.7%; border:#f4e0d2 3px solid;
border-radius:0.2em;               
-webkit- border-radius:0.2em;
-moz-border-radius:0.2em;
-o-border-radius:0.2em;}
.g-bye dl dt span{ width:100%; text-align:center; background:rgba(18,18,18,0.9); line-height:150%; position:absolute; bottom:3px; left:0; padding:2% 0;}
.g-bye dl dt span a{ font-size:1em; color:#a7a6a6; cursor:auto; }
.g-bye dl dd{ width:73.8%; margin:0 auto; text-align:center; padding:4% 0 0;}
.g-bye dl dd b{ display:block; font-size:1em; color:#185ba2; position:relative; padding:0 0 3%;}
.g-bye dl dd b:before{ position:absolute; content:""; width:6%; height:2px; background:#2f6bab; top:40%; left:0;}
.g-bye dl dd b:after{ position:absolute; content:""; width:6%; height:2px; background:#2f6bab; top:40%; right:0;}
.g-bye dl dd p{ font-size:1em; color:#666; line-height:180%;}
.g-bye dl dd p i{ font-weight:bold;}

/*成功案例
.g-anli{ width:100%; overflow:hidden; height:29em; overflow:hidden;}
.g-anli .m-bt{ text-align:center; width:100%; padding:4% 0 5%;}
.g-anli .m-bt a{ font-size:1.25em; color:#005c96;}
.g-anli .m-bt b{ display:block;}
.g-anli .m-bt i{ color:#db0122;}
.g-anli .m-cnt{ width:90.9%; margin:0 auto;}
.g-anli .m-cnt li{ font-size:1em; color:#005c96; width:49%; float:left; height:2.71em; line-height:2.71em; text-align:center; background:#cbe9fc; box-shadow:1px 1px 1px #c3dff1; margin:2% 2% 0 0;
border-radius:0.2em;               
-webkit- border-radius:0.2em;
-moz-border-radius:0.2em;
-o-border-radius:0.2em;}
.g-anli .m-cnt li:nth-child(2),.g-anli .m-cnt li:nth-child(4){ margin-right:0;}
.g-anli .m-cnt li.z-on{ color:#fff; font-weight:bold; background:#005c96;}
.g-anli .sclwrap_box { height:16em; overflow:hidden;}
.g-anli .m-box .con{ display:inline; float:left;}
.g-anli .m-box ul{ width:90.9%; margin:0 auto;}
.g-anli .m-box ul li{ width:47.8%; float:left; background:#e6e6e6; margin:6% 4% 0 0;}
.g-anli .m-box ul li:last-child{ margin-right:0;}
.g-anli .m-box ul li em{ width:93%; margin:1px auto 0; border:#fff 4px solid; font-size:0; display:block;}
.g-anli .m-box ul li span{ display:block;  width:100%; text-align:center; height:2em; line-height:2em;}
.g-anli .m-box ul li span a{ color:#666; font-size:1em;}
*/

/*成功案例*/


.g-anli{ width:100%; overflow:hidden; height:26.5em; overflow:hidden; position:relative;}
.g-anli .m-bt{ text-align:center; width:100%; padding:4% 0 5%;}
.g-anli .m-bt a{ font-size:1.25em; color:#005c96;}
.g-anli .m-bt b{ display:block;}
.g-anli .m-bt i{ color:#db0122;}
.g-anli .m-cnt{ width:90.9%; margin:0 auto;}
/**/.g-anli .m-cnt li{ width:49%; float:left; height:2.71em; line-height:2.71em; text-align:center; background:#cbe9fc; box-shadow:1px 1px 1px #c3dff1; margin:2% 2% 0 0;
border-radius:0.2em;               
-webkit- border-radius:0.2em;
-moz-border-radius:0.2em;
-o-border-radius:0.2em;}
.g-anli .m-cnt li a{ font-size:1em; color:#005c96;}
.g-anli .m-cnt li:nth-child(2n){ margin-right:0;}
/*
.g-anli .m-cnt a{ font-size:1em; color:#005c96; width:49%; float:left; height:2.71em; line-height:2.71em; text-align:center; background:#cbe9fc; box-shadow:1px 1px 1px #c3dff1; margin:2% 2% 0 0;
border-radius:0.2em;               
-webkit- border-radius:0.2em;
-moz-border-radius:0.2em;
-o-border-radius:0.2em;}
.g-anli .m-cnt a:nth-child(2n){ margin-right:0;}*/
.g-anli .prev{ width:7.2%; position:absolute; top:70%; left:2.3%;}
.g-anli .next{ width:7.2%; position:absolute; top:70%; right:2.3%;}
.g-anli .nowarp { margin:0 10%;}
.g-anli .sclwrap_box { height:14.5em; overflow:hidden;}
.g-anli .m-box .con{ display:inline; float:left;}
.g-anli .m-box ul li{ width:44.7%; float:left; background:#e6e6e6; margin:6% 0 0 4%;}
.g-anli .m-box ul li:last-child{ margin-right:0;}
.g-anli .m-box ul li em{ width:93%; margin:5px auto 0; border:#fff 4px solid; font-size:0; display:block;}
.g-anli .m-box ul li span{ display:block;  width:100%; text-align:center; height:2em; line-height:2em;}
.g-anli .m-box ul li span a{ color:#666; font-size:1em;}
/*优势*/
.g-ys{ width:100%; overflow:hidden; padding:1.5% 0 7%; position:relative;}
.g-ys:after{ position:absolute; content:""; width:100%; height:5px; background:url(/mobile/Images/Index/wh_line.gif) repeat-x; bottom:0; left:0;}
.g-ys .m-bt{ text-align:center; height:6.46em; width:100%; overflow:hidden; background:url(/mobile/Images/Index/ys_tbg.jpg) no-repeat; -webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.g-ys .m-bt a{ font-size:1.08em; color:#fff; display:block; padding:5% 0 0; cursor:auto;}
.g-ys .m-bt em{ display:block; width:100%; padding:1% 0 0;}
.g-ys dl{ width:88.1%; margin:0 0 0 6%; display:inline-block; padding:5% 0 0;}
.g-ys dl dt{ font-size:1em; color:#fff; font-weight:bold; height:1.58em; line-height:1.58em; width:1.58em; text-align:center; background:#195da4; margin:0 2% 0 0; float:left;
border-radius:5em;               
-webkit- border-radius:5em;
-moz-border-radius:5em;
-o-border-radius:5em;}
.g-ys dl dd{ width:91%; float:right;}
.g-ys dl dd b{ display:block;}
.g-ys dl dd b a{ font-size:1.17em; color:#195da4; cursor:auto;}
.g-ys dl dd p{ font-size:1em; color:#666; line-height:180%;}
.g-ys dl dd p i{ font-weight:bold;}
.g-ys dl dd span{ display:block; width:95.1%; padding:4% 0 0;}
.g-ys dl dd em{ display:block; width:56.9%; padding:4% 0 1%;}
.g-ys .u-gd{ display:block; font-size:1em; color:#fff; width:36.4%; text-align:center; height:1.83em; line-height:1.83em; box-shadow:0 1px 1px #605b5b; background:#df0000; float:left; margin:6% 0 0;
border-radius:2px;               
-webkit- border-radius:2px;
-moz-border-radius:2px;
-o-border-radius:2px;}
.g-ys .u-gd01{ background:#666; margin:6% 4.1% 0 11.7%;}

/*配镜现场精彩再现*/
.g-zs{ width:100%; height:15em; overflow:hidden; position:relative;}
.g-zs .m-bt{ width:100%; text-align:center; padding:8% 0 0;}
.g-zs .m-bt a{ font-size:1em; color:#666;}
.g-zs .m-bt em{ display:block; width:100%;}
.g-zs .m-bt span{ display:block;}
.g-zs .sclwrap_box{ height:8.33em; overflow:hidden;}
.g-zs .prev{ width:7.2%; position:absolute; top:70%; left:2.3%;}
.g-zs .next{ width:7.2%; position:absolute; top:70%; right:2.3%;}
.g-zs .nowarp { margin:0 10%;}
.g-zs .m-box .con{ display:inline; float:left;}
.g-zs ul li{ width:44.7%; float:left; padding:5% 0 0 4%;}
.g-zs ul li img{ width:95.6%; border:#e6e6e6 5px solid;}

/*立即预约*/
.g-yy{ width:100%; overflow:hidden; padding:5.5% 0 5%;}
.g-yy .m-bt{ width:100%;}
.m-yy{ padding:0 0 0 12.8%;}
.m-yy .u-bt01{ padding:2% 0;}
.m-yy .u-bt01 a{ font-size:1em; color:#185ba2; font-weight:bold;}
.m-yy .u-bt01 b{ font-size:1em; color:#185ba2; font-weight:bold;}
.m-yy .u-bt01 i{ font-size:1.42em;}
.m-yy span{ display:block; width:87.2%; font-size:1em; color:#666;}
.m-yy span em{ display:inline-block; width:4.9%; padding:0 2% 0 0;}
.m-yy .u-bt02{ font-size:1em; color:#666; line-height:160%; padding:7% 0;}
.m-yy .u-bt02 b{ color:#df0000;}
.m-yy .u-yy{ display:block; font-size:1em; color:#fff; width:81%; text-align:center; height:1.83em; line-height:1.83em; box-shadow:0 1px 1px #aa0202; background:#df0000;
border-radius:2px;               
-webkit- border-radius:2px;
-moz-border-radius:2px;
-o-border-radius:2px;}


/**/

@media screen and (min-width:320px) {
body { font-size:75%;}

}
@media screen and (min-width:360px) {
body { font-size:84.4%;}

}
@media screen and (min-width:400px) {
body { font-size:87%;}

}
@media screen and (min-width:480px) {
body { font-size:112.5%;}

}
@media screen and (min-width:550px) {
body { font-size:131.25%;}

}                                                                         
@media screen and (min-width:639px) {
body { font-size:150%;}

}