/* body{  font:12px/1.5em Microsoft Yahei,tahoma,Srial,helvetica,sans-serif;} */
*{ margin: 0; padding: 0; }
body{  font-family: "Microsoft Yahei",tahoma,Srial,helvetica,sans-serif;}
ul,li{ list-style:none; }
img { border:none; }
a { text-decoration:none; }
a:hover { text-decoration:none; }
.clear{ clear:both; height: 0; height: 0; overflow:hidden;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal; }
 /*垂直居中*/
.v_align{position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} 
#wrap{ width: 100%; overflow: hidden; background:#fff; font-size:16px;}

.banner{ width: 100%; height: 803px; background: url(../images/banner_bg.jpg) center no-repeat; overflow: hidden;}
.ybxf_con{ width: 1200px; margin: 0 auto; position: relative; overflow: hidden; }
.b_1{ width: 475px; height: 45px; background: url(../images/b_1.png) no-repeat; margin-top: 210px; margin-left: 100px;}
.b_2{width: 351px; height: 1px; background: url(../images/b_2.png) no-repeat; margin-top: 33px; margin-left: 150px;}
.b_3{width: 703px; height: 148px; background: url(../images/b_3.png) no-repeat;margin-top: 53px;}
.b_4 ul li{ float: left; margin-left: 14px; }
.b_4 ul li:first-child{margin-left: 0px;}


.s1_txt p{ width: 1078px; margin: 0 auto; font-size: 20px; color: #111111; line-height: 32px; text-align: center; padding: 55px 0px 48px;}


.s2_1{ width: 100%; height: 907px; background: url(../images/xfp_bg.jpg) center no-repeat; }
.xf_t h1{ font-size: 55.7px; font-weight: bold; text-align: center; color: #fff; line-height: 70px; margin: 58px 0px 15px;}
.xf_t h1 span{ color: #856b46 }
.xf_h{ width: 1200px; height: 1px; background: #fff; margin: 0 auto; position: relative; }
.xf_h i{ width: 318px; height: 5px; background: #fff; position: absolute; top: -2px; left: 36%;}
.xf_t h2{ font-size: 24px; color: #fff; text-align: center;  font-family: Arial; text-transform: uppercase; margin: 9px 0px 23px; }
.arrow_ico{ width: 56px; height: 64px; margin: 0 auto; background: url(../images/arrow_ico.png) no-repeat; }

/*内容*/
/* .xf_con h1{ font-size: 36px; color: #fff; text-align: center;}
.xf_con h1 span{ display: block; font-size: 14px; color: #fff; text-align: center; font-family: Arial;}
.xf_con h1:before{ content: ""; display: inline-block; width: 56px; height: 68px; background: url(../images/bt_arrow.png) no-repeat; vertical-align: -10px;}
/* .xf_con h1:after{ content: ""; display: inline-block; width: 56px; height: 68px; background: url(../images/bt_arrow.png) 0px -68px no-repeat;} */
.xf_con h1{ width: 412px; height: 83px; margin: 0 auto; background: url(../images/syp_t.png) no-repeat; margin-top: 16px; margin-bottom: 42px; }
.xf_con_txt li { width: 330px; height: 222px; float: left; margin-left: 50px; }
.xf_con_txt li img{ display: block; border:3px solid #fff;}
.xf_con_txt li p{ font-size: 18px; text-align: center; color: #fff; line-height: 40px; }

.s2_2{ width: 100%; padding: 22px 0px 52px;}
.arrow_ico2{background: url(../images/arrow_ico2.png) no-repeat; }
.s2_2 h1{ width: 434px; height: 83px; background: url(../images/syp_ys_t.png) no-repeat; margin: 0 auto; margin-top: 17px; margin-bottom: 49px; }
.syp_ys li{ float: left; margin-left: 56px;}
.syp_ys img{ display: block; vertical-align: bottom; }
.syp_ys h2{ width: 324px; height: 47px; font-size: 24px; color: #161616; text-align: center; line-height: 47px; background: #dcdcdc;}
.ys_txt{width: 324px; height: 156px; background: #eeeeee; overflow: hidden; margin-top: 1px;}
.s2_2 p{font-size: 18px; color: #161616; line-height: 25px; width: 90%; margin: 0 auto; margin-top: 18px;}
.ys_swt a{ display: block; width: 349px; height: 70px; background: #856b46; border-radius: 15px; margin: 0 auto; color: #fff; font-size: 30px; line-height: 70px; text-align: center; margin-top: 64px; }

/*案例*/
.s2_3{ width: 100%; height: 876px; background: url(../images/case_bg.jpg) center no-repeat; overflow: hidden;}
.arrow_ico3{ margin-top: 70px; }
.s2_3 h1{width: 263px; height: 83px; background: url(../images/s2_3_t.png) no-repeat; margin: 0 auto; margin-top: 17px; margin-bottom: 49px; }
.case_slide{ width: 100%; position: relative; overflow: hidden; }
.case_slide .bd{ width: 676px; height: 410px; margin: 0 auto; border:2px solid #000; padding: 4px;}
.case_slide .prev,.case_slide .next{ width: 52px; height: 103px; position: absolute; top: 40%;}
.case_slide .prev{left: 0px;  background: url(../images/case_arrow.png) no-repeat; }
.case_slide .next{right: 0px;  background: url(../images/case_arrow.png) 0px -103px no-repeat; }
.case_swt a{ display: block;  width: 251px; height: 70px; line-height: 70px; background: #856b46; margin: 0 auto; font-size: 30px; color: #fff; text-align: center; border-radius: 15px; margin-top: 58px; }

/*开眼角*/
.kyj_1{ width: 100%; height: 740px; background: url(../images/kyj_bg.jpg) center no-repeat; }
.kyj_xf h1{ width: 461px; height: 83px; background: url(../images/kyj_t.png) no-repeat; }
.kyj_2 h1{width: 413px; height: 83px; background: url(../images/kyj_ys_t.png) no-repeat; }
.ys_txt_kyj{ height: 116px; }

/*祛眼袋*/
.qyd_1 .xf_t h2{ width: 301px; height: 32px; background: #856b46; border-radius: 20px; margin: 0 auto; font-size: 24px; color: #fff; text-align: center; line-height: 32px; margin-top: 10px; }
.qyd_wq { margin-top: 72px; color: #856b46 }
.qyd_wq li {float: left; margin-left: 40px;}
.qyd_wq h1{ font-size: 48px; }
.qyd_wq i{ display: inline-block; width: 59px; height: 68px; line-height: 68px; text-align: center; font-style: normal; font-size: 54px; color: #fff; font-family: Arial; background: url(../images/wq_bg.png) no-repeat; margin-left: 18px; }
.qyd_wq h2{ width: 214px; margin: 0 auto; margin-top: 20px; font-size: 36px; padding-bottom: 7px; border-bottom: 1px solid #fff; text-align: center; }
.qyd_wq p{ width: 320px; margin: 0 auto; font-size: 18px; color: #fff; line-height: 30px; margin-top: 12px; }
.qyd_wq1,.qyd_wq3{ width: 320px; }
.qyd_wq2{ width: 365px; height: 365px; background: url(../images/wu_center_bg.png) no-repeat; }

.qyd_2{ width: 100%; padding: 30px 0px 70px; }
.qyd_t{ width: 484px !important; height: 83px !important; background: url(../images/qyd_t.png) no-repeat !important; margin: 0 auto; }
.qyd_lx li{ width: 361px; height: 330px; position: relative; float: left;}
.qyd_lx2{ margin: 0px 58px; }
.qyd_lx h3{ width: 152px; height: 54px; margin: 0 auto;  margin-top: 40px; margin-bottom: 18px; }
.qyd_lx_t1{background: url(../images/qyd_1t.jpg) no-repeat;}
.qyd_lx_t2{background: url(../images/qyd_2t.jpg) no-repeat;}
.qyd_lx_t3{background: url(../images/qyd_3t.jpg) no-repeat;}
.qyd_txt{position: absolute;width: 361px; height: 63px; background: #000; left: 0px; bottom: 0px; opacity: 0.6;  }
.qyd_txt p{ width: 80%; margin: 0 auto; font-size: 18px; color: #fff; line-height: 24px; margin-top: 8px; }


.qyd_zj{ width: 100%; padding-bottom: 76px; }
.qyd_zj_top{ width: 100%; height: 47px; background: url(../images/qyd_zj_1.jpg) center no-repeat; margin-bottom: 26px; }
.qyd_zj_t{ width:484px; height: 83px; margin: 0 auto; margin-top: 19px; background: url(../images/qyd_ys_t.jpg) no-repeat; }
.qyd_zj_con{ width: 1280px; margin: 0 auto; }
.qyd_zj_con1{ width: 745px; height: 460px; background: url(../images/qyd_zj_2.jpg) no-repeat; position: relative;float: left; }
.zj_gd{width: 357px; height: 330px; position: absolute; right: 16px; top: 70px; }
.zj_gd h1{ font-size: 30px; color: #cfa972; text-align: center;  }
.zj_gd h2{ font-size: 24px; color: #fff; text-align: center; margin-top: 10px;}
.zj_gd p{ width: 86%; margin: 0 auto; font-size: 18px; color: #000; line-height: 36px; margin-top: 34px;}

.qyd_zj_con2{ float: left; width: 504px; height: 324px; border:1px solid #000; margin-top: 56px; }
.qyd_gj1 p{ font-size: 22px; line-height: 34px; padding: 24px 20px;}
.qyd_gj1 span{ font-weight: bold; color: #856b46; }
.qyd_gj2{ width: 504px; height: 209px; margin: 0 auto; background: #313131; overflow: hidden;}
.qyd_gj2 p{ width: 94%; margin: 0 auto; font-size: 18px; color: #fff; line-height: 36px; font-weight: normal; margin-top: 10px;}
.qyd_gj2 span{font-size: 18px; color: #856b46; }
.qyd_swt a{ margin-top: 0px; }

/*眼综合*/
.yzh_xf h1{ width: 461px; height: 83px; background: url(../images/yzh_t.png) no-repeat; }
.yzh_2 h1{ width: 484px; height: 83px; background: url(../images/yzh_xf_1.jpg) no-repeat; }
.yzh_list{ width: 1120px; height: 287px; margin: 0 auto; margin-top: 34px;}
.yzh_list li{ width: 340px; height: 287px; float: left; z-index: 22;}
.yzh_list1{ background: url(../images/yzh_xf_2.jpg) no-repeat; }
.yzh_list2{ background: url(../images/yzh_xf_3.jpg) no-repeat; margin: 0px 50px; }
.yzh_list3{ background: url(../images/yzh_xf_4.jpg) no-repeat; } 
.yzh_list1_txt{ width: 314px; height: 196px; border:2px dashed #878787; margin-top: 81px; margin-left: 17px; }
.yzh_list1_txt p{ font-size: 18px; color: #000;  margin-top: 18px;}

/*专家*/
.zj_team{ width: 100%; height: 970px; background: url(../images/zj_team.jpg) center no-repeat; overflow: hidden; }
.zj_con{ width: 1200px; height: 700px; margin-top: 60px; position: relative; overflow: hidden; }
.zj_left{float: left; width: 447px; height: 589px; border:8px solid #856b46;  margin-left: 48px; }
.zj_right{ float: left; width: 450px; margin-left: 110px;}
.zj_1,.zj_2,.zj_3{margin-top: 42px;}
.zj_1{ width: 333px; height: 130px; background: url(../images/zj_name_1.png) no-repeat;}
.zj_2{ width: 513px; height: 130px; background: url(../images/zj_name_2.png) no-repeat;}
.zj_3{ width: 483px; height: 130px; background: url(../images/zj_name_3.png) no-repeat;}




.zj_right h2{ width: 396px; font-size: 24px; color: #fff; padding-bottom: 5px; border-bottom: 1px solid #856b46; margin-top: 25px;}
.zj_right ul{ font-size: 20px; color: #fff; margin-top: 40px; }
.zj_right li{ margin-top: 12px; }
.zj_swt a{ display: block; width: 357px; height: 70px; background: #856b46; border-radius: 50px;  color: #fff; font-size: 30px; line-height: 70px; text-align: center; margin-top: 64px; }

.zj_con .hd{ width: 160px; margin: 0 auto; margin-top: 50px;  }
.zj_con .hd ul li{ float:left; margin-right:20px;  width:25px; height:25px; border:1px solid #fff;   cursor:pointer; border-radius: 50%; }
.zj_con .hd ul li.on{ background:#fff;}


/*固定*/
#sectionsNav{position:fixed;left:11%;top:8%;z-index:1000; display: none;}
.navfloat{display:block !important;}
#sectionsNav .secNav{width:0;border:1px dashed #856b46;position:relative}
#sectionsNav .secNav li{width:100px;height:100px;text-align:center}
#sectionsNav li+li{margin-top:18px}
#sectionsNav li a{background:url(../images/secnav_022.png) no-repeat;font-size:18px;display:block;width:100px;height:100px;padding-top:25px;color:#856b46;position:relative;left:-50px;}
#sectionsNav li.current a{color:#ededed;background:url(../images/secnav_01.png) no-repeat;color:#fff}
#sections .sec_com_float{width:16%;position:fixed;z-index:1005;right:0;top:50%;margin-top:-132px}
#sections .sec_com_float img{width:100%}