@charset "utf-8";

/*html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}*/

/*begin  --------clear */

* { padding: 0; margin: 0; background: none; text-decoration: none; background: none;vertical-align: top; font-weight: normal; }

 a { text-decoration: none; outline: none; }

 a:link,a:hover {text-decoration: none; }

 a:active { color: #fff; text-decoration: none; }

 a:visited { color: #fff; text-decoration: none; }

/*.wrap a:hover { color: #fff; text-decoration: none; }*/

 .clear { clear: both; height: 0; display:block; width: 100%; font-size:0;}

 object,.wrap  embed { display: block; outline: none; }

html, body { -webkit-text-size-adjust: none; }

.wrap textarea { resize: none; overflow: auto; }

article, aside, dialog, footer, header, section, footer, nav, figure, menu { display: block }

.wrap .fl{ float: left;}

.wrap .fr{ float: right;}

.wrap .wc_yellow{ color: #937343; font: normal;}

.wrap .bs{ box-shadow: 5px 5px 5px #ccc;}

.wrap br{ font-size:0px;}





/*end--------clear  */

.wrap { height: auto; width: 100%; position: relative; background: #fff; font-size: 14px; font-family: "微软雅黑"; text-align: Justify; text-justify: inter-ideograph; max-width: 1920px;min-width:1200px; margin: 0 auto; overflow:hidden; color:#000;}

.wrap img { border: 0 none; padding: 0px; margin: 0px; display: inline-block; }

.wrap ul { overflow: hidden; margin: 0; padding: 0; list-style: none }

/*banner*/

.wrap #top_banner { width: 100%; font-size: 0px; position: relative; min-width: 1200px;}

.wrap #top_banner img{ width: 100%;}



.bnt_oc{ width: 150px; height: 75px;background: url(../images/img_arrow_up.png) no-repeat;display: block; position: absolute; bottom: 0; left: 50%; margin-left: -60px; cursor: pointer; border-top-left-radius: 75px;border-top-right-radius: 75px;}

.bnt_oc.on{ background: url(../images/img_arrow_down.png) no-repeat;}

.word_top_banner img{ width:467px !important; height:371px; display:block !important; margin:0 auto !important; position:absolute; bottom:14.8%; left:50%; margin-left:-233px !important; opacity:0;}



/*nav  导航*/

.wrap .nav11 {width:98px; height: 100%; z-index: 2000; position:fixed;right:5%; top:0; display:none;}

.wrap .nav11 ul { overflow: hidden; padding-top: 120%;}

.wrap .nav11 ul li {display: inline-block; width: 98px; height:48px; padding-top: 7px; margin: 5px 0; font-size:13px; color: #000; text-align: center; cursor: pointer; background: url(../images/bg_nav.png) no-repeat;}

.wrap .nav11 ul  li.active {color: #fff;background: url(../images/bg_nav_on.png) no-repeat;}

.wrap .nav11 ul li:hover {color: #fff;background: url(../images/bg_nav_on.png) no-repeat;}

/*title*/

.title img{ width: 100%; height: auto;}

/*btn*/

.btn_zx1{ color: #fff; text-align: left; font-size:20px; padding-left: 35px; line-height: 52px; display:block; background: url(../images/bg_btn1.jpg) no-repeat; width: 250px; height:49px; margin:0 auto !important; box-shadow: 5px 5px 5px #ccc;}

.btn_zx1:hover{ color: #000;}

.btn_zx2{ width:216px; height:162px; border-radius: 108px;behavior: url(ie-css3.htc); background: #937343; display: block; color: #fff; line-height: 42px; text-align: center; font-size: 24px; padding-top: 54px; cursor: pointer;box-shadow: 5px 5px 5px #ccc;}

.btn_zx2:hover{ color: #000;}

.btn_zx3{ display:block; font-size: 26px; color: #fff; padding-top:15px;}

.btn_zx3:hover{ color: #000;}

.btn_zx4{ font-size:20px; color: #fff; display: block; padding-top:20px; width: 140px; margin:0 0 0 117px;}

.btn_zx4:hover{ color: #000;}

.btn_zx5{ width: 140px; font-size: 20px; color:#fff;  display: block; background: url(../images/bg_btn1.jpg) right top no-repeat; padding-left: 30px; line-height:49px;}

.btn_zx5:hover{ color: #000;}

.p_a{ position: absolute; bottom:75px; left: 500px;}

/*content*/

/*top_index*/

#top_index{ width: 1200px; margin:0 auto; padding:145px 0;}

.top_index_img{width: 501px; margin:0 75px 0 60px;}

.top_index_desc{ width: 561px;}

.top_index_desc h1{ font-size:48px; margin-top:40px;}

.top_index_desc p{ font-size: 16px; display: inline-block; width: 445px; margin: 10px 0;}

/*眼部困扰*/

#title_kr{ width:100%; background: #f2f2f2; padding: 56px 0 66px;}

.eyes_list{ width:890px; margin:60px auto 80px !important;}

.eyes_list li{ float: left; margin:35px 37px;}



/*美眼顾虑*/

#title_gl{ width: 100%; height:800px; background: url(../images/bg_title_gl.jpg) center 20px no-repeat;}

.title_gl_1{ width: 1200px; height: 773px; margin: 0 auto; position: relative;}

.gl_list{ position: absolute; width: 300px;right: 10px; top:195px;}

.gl_list li{ font-size:30px; color: #8e8d8d; display: inline-block;}

/*了解美杜莎*/

#title_lj{ background: url(../images/bg_big_eyes.jpg) no-repeat center 20px; width: 100%; height:835px;}

.title_lj1{ width: 788px; margin: 0 auto !important; padding-top:55px; text-align: center; color: #000;}

.title_lj1 h1{ font-size: 48px;}

.title_lj1 h1 span{ font-size: 68px;}

.title_lj1 p{ display: inline-block; margin: 37px auto 64px; text-align:left; font-size: 16px;}

.lj_no{ display: inline-block;}

.lj_no li{display: inline-block; float: left;}

.circle{ width:54px; height:55px; border-radius: 44px;behavior: url(ie-css3.htc); border:5px solid #000; color: #000; background: #dcdbdb; display: block;text-align: center; font-size:24px; display:block; padding-top:3px; line-height:26px; padding:10px 12px;}

.circle.on{border:5px solid #937343; color: #937343;}

.circle:hover{border:5px solid #937343; color: #937343; cursor: pointer;}

.word_no{ font-size:300px; line-height: 250px; color: #888888; margin-top: -13px;}

.img_o{ width:228px; height:226px; background: url(../images/img_o.jpg) no-repeat;}

.word_o{margin: 19px; display: block; text-align: center; font-size:16px; padding-top:40px;}



/*核心技术*/

#title_hx{ width: 100%;}

.title_hx1{ width: 100%; background:url(../images/bg_title_hx1.jpg) no-repeat center top; height:893px; position: relative;}

.title_hx11{ width: 620px; position: absolute; top:150px; left:46%;}

.title_hx11 p{ line-height: 30px; font-size: 15px;}

.title_hx11 h2{ font-size:36px; display: block; margin: 23px 0 95px 0;}

.hx1_list{}

.hx1_list li{ padding:10px 0 0 194px;height: 76px; display: block; margin: 22px 0; background-position: 0 0; background-repeat: no-repeat; font-size: 30px;}

.hx1_list li span{ display: block; font-size: 18px; padding-left: 14px;}

.title_hx2{ width: 1200px; margin: 0 auto; position: relative; overflow: hidden; height: 940px;}

.title_hx21{ width: 1200px; background: url(../images/bg_hx21.jpg) no-repeat right -70px ; margin:0 auto !important; height: 930px; padding-top: 77px;position: relative; overflow:hidden;}

.title_hx2 h1{ font-size:44px; display: block; margin:10px 0 25px 0;}

.title_hx2 h3{ font-size: 18px; line-height: 18px; display: block; margin-top: 18px; width:680px;}

.title_hx2 h3 span{ color: #000; font-size: 14px; line-height: 18px; }

.title_hx2 h4{ }

.title_hx2 img.db_img{ display: block !important; margin: 40px 0 !important;}

.hx_btn{ background: url(../images/btn_hx2.png) no-repeat; width: 417px; height:167px; text-align: center; font-size:24px; padding-top: 26px; margin-top:-230px;margin-left:750px; display:block;}



.title_hx22{ width: 1200px; background: url(../images/bg_hx22.jpg) no-repeat right -70px; margin:0 auto !important; height: 930px; padding-top: 77px;position: relative; overflow:hidden;}

.title_hx23{ width: 1200px; background: url(../images/bg_hx23.jpg) no-repeat right -70px; margin:0 auto !important; height: 930px; padding-top: 77px;position: relative; overflow:hidden;}

.title_hx2 .xm{}

/*slicker   .wrap .hx 大*/

.title_hx2 .slider { position: relative;width:1200px; height:930px; overflow:hidden;}

.title_hx2  .slick-slider { position: relative; }

.title_hx2 .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; width:1200px; height:930px; margin:0 auto; }

.title_hx2  .slick-list:focus { outline: none; }

.title_hx2  .slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }

.title_hx2  .slick-loading .slick-track { visibility: hidden; }

.title_hx2  .slick-slide { float: left; /*height: 100%;*/ min-height: 1px; position: relative; }

.title_hx2  .slick-slide img { display: block !important; }

.title_hx2  .slick-slide.slick-loading img { display: none; }

.title_hx2  .slick-slide.dragging img { pointer-events: none; }

.title_hx2  .slick-initialized .slick-slide { display: block; position: relative; }

.title_hx2  .slick-loading .slick-slide { visibility: hidden; }

.title_hx2  .slick-vertical .slick-slide { display: block; height: auto; }

.title_hx2  .slick-prev,.title_hx2  .slick-next { position: absolute; display: block; height:114px; width:36px; line-height: 0; font-size: 0; cursor: pointer; top:300px; padding: 0; border: none; outline: none;}

.title_hx2  .slick-prev { left:0px;  background: url(../images/btn_prev01.png) no-repeat; }

.title_hx2  .slick-prev:hover{ background: url(../images/btn_prev02.png) no-repeat; }

.title_hx2  .slick-next { right:0px; background: url(../images/btn_next01.png) no-repeat; }

.title_hx2  .slick-next:hover{ background: url(../images/btn_next02.png) no-repeat; }





.x_lc{ display:block; width:548px; height:122px; overflow:hidden; position:relative; margin:20px 0;}

.banner_wrap { position: absolute; left: 0px; top: 0px; z-index: 2; }

.banner_wrap li{ float: left; width:548px;}





/*国际专家*/

#title_zj{ width:100%; padding-top:40px;}

#title_zj .ul3 { width:1000px; margin:74px auto 102px !important;height: auto; padding-top: 5px; display: block;}

#title_zj .ul3 li { width: 427px; float: left; position: relative; display: block; }

#title_zj .detail { background-image:url(../images/bg.png); padding-left:60px; color: #000; font-size:14px;  height: 410px; position: absolute; top: 0; width:530px; z-index:999; line-height: 28px; }

#title_zj .detail h1 { font-size: 18px; color: #000;  font-weight:normal; padding-top: 55px; padding-bottom: 20px; line-height: 36px; }

#title_zj .detail h1 span { font-size: 30px;color:#917243; display: inline-block; margin-right: 20px; }

#title_zj .detail h2 { font-size: 14px; font-weight:normal; margin:0 0 30px 0; display: block;}

#title_zj .detail h3 { font-size: 16px; padding-top: 20px; color:#917243; line-height: 30px; font-weight:normal; }

#title_zj .detail p{ width:500px; }

#title_zj .detail p span{  font-weight: bold; display: block }

#title_zj .mright { right: 427px; }

#title_zj .mleft { left: 427px; }

/*美眼流程*/

#title_lc{ width: 100%; height:719px; background: url(../images/bg_big_eyes.jpg) no-repeat center 20px; margin-bottom:40px !important;}

.title_lc1{ width: 768px; margin: 0 auto !important; text-align: center; padding-top:85px;}

.title_lc1 p{ font-size: 14px; color: #000; line-height:28px; display: block; width: 650px; margin:46px auto 57px !important; text-align: left;}



.title_db1{ display:block; width:1200px; height:503px; overflow:hidden; position:relative;}

.db_list { position: absolute; left: 0px; top: 0px; z-index: 2; }

.db_list li{ float: left; width:1200px;}



.title_db1 .btn{ position: absolute; top:195px; width:36px; height:114px; display: block; z-index: 3; }

.title_db1 .btnPre{ background: url(../images/btn_prev01.png) no-repeat 0 0; left:3px; }

.title_db1 .btnNext{ background: url(../images/btn_next01.png) no-repeat 0 0; right:0px; }

.title_db1 .btnPre:hover{ background: url(../images/btn_prev02.png) no-repeat; }

.title_db1 .btnNext:hover{ background: url(../images/btn_next02.png) no-repeat; }





/*前后对比*/

#title_db{ width: 100%; padding-top:100px;}

.title_db1{ width: 1200px; margin: 0 auto !important;}

.db_list{ display: block; margin: 91px auto 107px !important;}

.db_list li{ float: left; display: block; margin: 0 3px !important; width:1200px; height: 305px;}

/*安全系统*/

.wrap  #title_xt{width:100%;background:#4e3c2f; position: relative;}

 #title_xt .YX_title { margin: 0 auto; width: 993px; height: 80px;}

 #title_xt .YX_button { display: block; position: absolute; top: 520px; left: 70%; width: 120px; height: 35px; background-color: #c6c6c6; color: #503728; font-size: 22px;line-height: 35px; text-align: center; z-index: 10000; text-decoration: none; }

 #title_xt .YX_button:hover { background-color: #856d4b; color: #fffefe; }

 #title_xt #pp_ul{ width:100%; background: #553e2c;}

 #title_xt #tabs { overflow: hidden; width:1089px; display:block;height: auto; margin: 0 auto; padding: 0; list-style: none;}

 #title_xt #tabs li { float: left; width: 120px; height: 85px; margin: 0; padding-top: 25px; margin-right: 1px; background-image: url(../images/button.jpg); color: #e8e3da; font-size: 18px; text-align: center; text-decoration: none; display: block; cursor: pointer; }

 #title_xt #tabs a span { letter-spacing: -1px; color: #e8e3da; }

 #title_xt #tabs li:hover,  #title_xt #tabs li:focus { background-position: 0 100%; }

 #title_xt #tabs li:focus { outline: 0; }

 #title_xt #tabs .current { z-index: 3; background-position: 0 100%; }

 #title_xt #content { background: #dcdbdb; padding:55px 0 66px 0;}

 #title_xt .tab_context { width: 910px; margin: 0 auto; display: none; }

 #title_xt .tab_context .YX_left { float: left; width: 390px; }

 #title_xt .tab_context .YX_right { float: right; width: 465px; margin-top: 20px; }

 #title_xt .tab_context .YX_right strong { color:#000000; font-size: 30px;letter-spacing: 2px; line-height: 50px; font-weight: normal; }

 #title_xt .tab_context .YX_right p {color:#000000; font-size:14px;line-height:25px;width: 420px; height: auto; margin: 0; padding: 0; }

/*猜你喜欢*/

.wrap #title_xh{width:100%; height:610px;}

#title_xh .main_con { width: 1200px; height: auto; margin: 0 auto 100px; display: block; padding: 0px;}

#title_xh .main_con li { display: inline-block;  float:left;  margin-right:2px; text-align: center; }

#title_xh .main_con li:last:child {margin-right:0px;}

#title_xh .main_con li a { display: inline-block;border: 2px solid #ccc; color: #000;width: 229px; height:397px; }

#title_xh .main_con li a:hover{border: 2px solid #937343; color: #937343;}

#title_xh .main_con li a div {height:119px; }

#title_xh .main_con li a div h2 { font-size: 24px; font-weight: bold;line-height:50px; color:#937343}

#title_xh .main_con li a div p { height:119px; padding-left:10px;padding-right:3px;text-align:left; color:#7d7d7d;}