@charset "utf-8";
/* 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:#444; background:#f5f6fA;}
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;} 

a.goon{ width:52px; height:52px;margin:50px auto;display:block;}/*公用继续*/

/*头部*/
header{ width:100%; height:555px; background:url(../img/topbg.jpg) no-repeat 50% bottom #000;}
.hedertop{ width:100%; height:80px; background:#fff;}
.hedertop a.logo{ width:320px; height:80px; display:block;}
.hedertop .tel{ width:330px; height:80px;}
nav{ width:100%; height:45px; line-height:45px; background:#0C5CD5;}
.navul{ width:1100px; margin:0 auto;}
.navul li{width:140px; height:34px; line-height:34px; margin:5.5px 6px 0 6px; font-size:18px; font-weight:600; text-align:center; float:left; }
.navul li a{ color:#fff; display:block;}
.navul li a.hover,.navul li a:hover{ display:block; background:#3CB400; border-radius:2px;}
.banner{width:1100px;height:430px; margin:0 auto;}
.banner img{ font-size:0; line-height:0; float:left;}
/*内容区域*/
.wrap{ width:100%; height:auto; overflow:hidden; background:url(../img/wrapbg.png) no-repeat 50% top; padding-top:50px;}
.title{ width:1100px; height:80px; margin:0 auto; text-align:center;}
.title h1{ font-size:38px; height:38px; color:#221815; font-weight:600;}
.title p{ font-size:20px; font-family:Arial, Helvetica, sans-serif; color:#a8a8a8; text-transform:capitalize;}
/*优惠政策*/
.huodong{ height:auto; overflow:hidden; margin-bottom:45px;}
.huodong h1{ height:auto; overflow:hidden; margin-bottom:45px;}
.huodongtext{ height:auto; overflow:hidden; border:1px solid #cacaca; border-radius:8px; padding:20px 180px; background:#fff; line-height:190%; color:#00132b; font-size:24px;}
.huodongtext_left{ width:240px; height:90px; line-height:85px; margin-top:4px; background:#008CD7; border-radius:12px; text-align:center; font-size:40px; letter-spacing:3px; color:#fff; text-shadow:0 0 1px #ccc,1px 1px 2px #eee,2px 2px 2px #ddd;}
.huodongtext_right{ width:440px; margin-left:30px;}
.huodongtext_right strong{ color:#CD0502; padding:0 0.6px;}
.huodong a.huodongbtn{ width:398px; height:58px; line-height:58px; background:url(../img/huodongbtn.png) no-repeat; font-size:26px; text-align:center; color:#fff; display:block; margin:50px auto 0 auto;}
/*设备*/
.manyi{ width:1060px; height:220px; background:#008CD7; border-radius:6px; margin:40px auto;}
.manyi h3{ width:600px; height:75px; line-height:75px; background:url(../img/manyiline.gif) repeat-x center; margin:0 auto; font-size:36px; color:#fff; text-align:center;}
.manyi h3 span{ background:#008CD7; padding:0 10px;}
.manyinr{ width:92%; margin:0 auto;}
.manyinr .text{ width:760px; font-size:24px; line-height:148%; padding-top:5px; color:#fff;}
.manyinr .img{ width:195px; height:118px;}

/*安全摘镜保证体系*/
.ensure{ height:700px; position:relative;}
.ensurenr{ width:1090px; height:557px; background:#fff; border-radius:5px; box-shadow:0px 0px 6px #bae6fb; margin:30px auto; text-align:center;}
.ensurenr p{ width:940px; font-size:0; line-height:0; margin:0 auto;}
.ensure p.text{ width:680px; height:60px; line-height:30px; padding:15px; background:#2fbcfc; border-radius:45px; font-size:22px; font-weight:600; text-align:center; color:#fff; position:absolute; bottom:0; left:210px;}
/*明星专家*/
.doctor{ width:100%; height:auto; overflow:hidden; background:url(../img/doctorbg.png) repeat-x bottom; margin-top:60px;}
.doctornr{ margin-top:20px;}
.doctornr_title{ height:26px; margin:0 auto 45px auto; text-align:center;}
.doctornr ul{ width:1040px; height:auto; overflow:hidden; margin:0 auto;}
.doctornr ul li{ width:1040px; margin-bottom:80px; float:left;}
.doctornr ul li .img{ width:260px; height:260px; margin-right:40px;}
.doctornr ul li .text{ width:740px;}
.doctornr ul li .text h3{ font-size:26px; color:#18adf1;}
.doctornr ul li .text h3 strong{ padding-right:10px; font-size:32px; color:#1173b2; font-weight:600;}
.doctornr ul li .text p{ font-size:20px; line-height:33px;}
.doctornr ul li a,.doctornr ul li a:hover{ color:#444;}
/*覆盖地域*/
.area{ margin:50px auto 40px auto; height:770px; overflow:hidden; background:url(../img/area.jpg) no-repeat center bottom;}
.areaimg{ height:auto; overflow:hidden; margin-top:35px;}
.areaimg p{ font-size:0; line-height:0; float:left;}

/*矫正方案*/
.plan{ width:100%; height:auto; overflow:hidden;}
.planlist{ height:auto; overflow:hidden; margin:30px 0 70px 0;}
.planlist li{ width:267px; height:502px; background:url(../img/plan_icon.png) no-repeat center bottom; margin-right:10px; float:left;}
.planlist li.last{ margin-right:0;}
.planlist li .border{ height:453px; border:1px solid #CACACC; background:#fff; text-align:center;}
.planlist li .border div{width:265px; height:175px; overflow:hidden;}
.planlist li .border div a > img{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;}
.planlist li .border div a:hover > img{filter:alpha(opacity:90); opacity:0.9;  -moz-opacity:0.9;-khtml-opacity: 0.9;transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);}
.planlist li .border h2{ height:60px; line-height:60px; margin-top:10px; font-size:23px; font-weight:600;}
.planlist li .border h2 a{color:#0f5fb6;}
.planlist li .border h2 a:hover{ color:#FF2F50;}
.planlist li .border h3{ height:40px; line-height:40px; margin-top:10px; font-size:23px; color:#1a83dc;}
.planlist li .border p{ font-size:20px; line-height:160%; color:#545454;}
.planlist li .border p.lh{ font-size:19px; line-height:128%;}
.planlist li .num{ height:45px; margin-top:2px; text-align:center;}
.planlist li .border:hover{ border:1px solid #7EB3DB; cursor:pointer;}
.planlist li:hover{ background:url(../img/plan_iconhover.png) no-repeat center bottom;}
.plan a.zixun{ width:518px; height:58px; line-height:52px; background:url(../img/planbtn.png) no-repeat; margin:0 auto; font-size:23px; text-align:center; color:#fff; display:block;}

/*摘镜正当时*/
.zhaijing{ width:100%; height:auto; overflow:hidden; background:#008CD7; margin-top:70px; padding:40px 0;}
.title_zj{ height:80px;color:#fff; text-align:center;}
.title_zj h1{ font-size:38px; height:38px; font-weight:600;}
.title_zj p{ font-size:22px; font-family:"Times New Roman", Times, serif; text-transform:uppercase;}
.zhaijingnr{height:390px;background:url(../img/zhaijingnrbg.png) no-repeat 44% center; margin-top:30px;}
.zhaijingnr_box{ width:550px; height:auto; overflow:hidden;}
.zhaijingnr_box .before{ height:auto; overflow:hidden; margin-top:26px;}/*左侧术前*/
.zhaijingnr_box .before li{ width:100%; height:auto; overflow:hidden; margin-bottom:34px; font-size:22px; float:left;}
.zhaijingnr_box .before li.pad1{ padding-left:50px;}
.zhaijingnr_box .before li.pad2{ padding-left:130px;}
.zhaijingnr_box .before li h3,.zhaijingnr_box .after h3{ width:165px; height:40px; line-height:40px; margin:0 0 5px 10px; background:#fff;transform:skew(-25deg);-webkit-transform:skew(-25deg);-moz-transform:skew(-25deg);-o-transform:skew(-25deg);-ms-transform:skew(-25deg);}
.zhaijingnr_box .before li h3 div,.zhaijingnr_box .after h3 div{color:#0f38b0; text-indent:27px; transform:skew(25deg);-webkit-transform:skew(25deg);-moz-transform:skew(25deg);-o-transform:skew(25deg);-ms-transform:skew(25deg);}
.zhaijingnr_box .before li p{ line-height:125%; color:#fff;}

.zhaijingnr_box .after{ height:auto; overflow:hidden;}/*右侧术后*/
.zhaijingnr_box .after h2{ width:387px; height:120px; margin:5px 0 15px 162px;}
.zhaijingnr_box .after h3{ width:270px; margin:0 0 28px 30px;}
.zhaijingnr_box .after p{ line-height:200%; padding-left:40px; color:#fff; font-size:24px;}

/*优惠政策*/
.youhui{ width:100%; height:auto; overflow:hidden;}
.youhuibg{ width:100%; margin-top:35px; background:#f0f3ef; padding:30px 0;}
.youhuinr{ width:1100px; height:auto; overflow:hidden; margin:0 auto;}
.youhuibg .h3{ width:1000px; height:114px; line-height:38px; margin:0 auto 30px auto; font-size:22px; text-align:center; color:#555;}
.youhuinr ul{ height:auto; overflow:hidden;}
.youhuinr ul li{ width:334px; height:75px; margin-right:46px; margin-bottom:30px; padding:20px 0 30px 0; background:#f6f6f6; border:1px solid #abaebf; border-radius:6px; text-align:center; float:left;}
.youhuinr ul li:hover{ border-color:#979797;}
.youhuinr ul li h3{ height:46px; line-height:46px; font-size:26px; color:#212121;}
.youhuinr ul li p{ width:158px; height:32px; line-height:32px; font-size:24px; border:1px solid #d90b0b; color:#d90b0b; border-radius:8px; margin:0 auto;}
.youhuinr .youhui_buybtn{ width:358px; margin:0 auto;}
.youhuinr .youhui_buybtn p.left span{ font-size:30px; font-weight:600;}
.youhuinr .youhui_buybtn p.left{ width:358px; height:71px; line-height:54px; background:url(../img/youhui_buybtn.png) no-repeat; text-align:center; color:#fff; display:block;}
.youhuinr .youhui_buybtn p.right{ width:210px; height:210px; margin:10px auto 0 auto;}
.youhuinr .youhui_buybtn p.right img{ border:1px solid #ccc; border-radius:6px;}

.signup{height:auto; overflow:hidden; padding:60px 0 50px 0; text-align:center;}
.signup img{ border:1px solid #ddd; border-radius:8px; padding:2px;}

/*底部*/
footer{ width:100%; height:auto; overflow:hidden; padding-bottom:80px;}
.footer_copy{ background:#eaeaea; border-top:1px solid #9e9e9e; padding:15px 0;}
footer .ewm{ width:160px; height:143px; text-align:center; position:relative; z-index:100;}
footer .ewm div img{ width:105px; height:105px; display:block; margin:0 auto;}
footer .ewm p{ width:160px; height:36px; line-height:18px; margin-top:3px; text-align:center; font-size:15px; color:#d50009; font-weight:600;}
.foot_txt{ width:1100px; margin:0 auto; line-height:200%; padding-top:20px; font-size:18px; text-align:center; position:relative; z-index:1;}

.float{ width:100%; height:80px; line-height:80px; background:#0C5CD5; color:#fff;font-size:22px; position:fixed; bottom:0; z-index:999;}
.float .big{background:url(../img/floatline.png) no-repeat right 50%; padding-right:30px; margin-right:28px; font-weight:600;}
.float .small{ background:url(../img/footer_tel.png) no-repeat left center; padding-left:50px;font-size:20px;}
.float a{ margin-top:16px; display:block;}
.float a img{ width:210px;}
.fs22{ font-size:22px;}
.fc1{ color:#d5010a;}
.fs30{ font-size:30px;}

/*左侧浮窗*/
.floatad{ width:135px; height:490px;position:fixed; top:11.3%; left:2px;}
.close{ width:19px; height:19px; position:relative; top:10px; left:114px; z-index:10;}
.zixunbtn{ width:135px; height:490px; position:relative; left:0; top:0; z-index:2;}
.zixunbtn img{border-radius:5px;}

@media screen and (max-width:1366px){
.floatad{ width:128px; height:465px;position:fixed; top:12.5%; left:2px;}
.close{ width:19px; height:19px; position:relative; top:10px; left:114px; z-index:10;}
.zixunbtn{ width:128px; height:465px; position:relative; left:0; top:0; z-index:2;}
.zixunbtn img{border-radius:3px;}

}