@charset "utf-8";
/* CSS Document */



/* stage5 */
.stage5 { margin-top: 35px; }
.stage5Title { height: 40px; line-height: 40px; border-bottom: 2px solid #e1e1e1; }
.stage5Title span { border-bottom: 2px solid #f75517; }
.shareTxt { display: block; line-height: 40px; font-size: 20px; color: #101010; }
.ml-shareTxt-fl { display: block; height: 40px; }
.ml-shareTxt-fl img { display: inline-block; margin-top: 9px; }
.stage5Title .more { display: block; width: 35px; height: 9px; background: url(/images2017/icon.png) no-repeat -112px -146px; margin-top: 26px; margin-left: 20px; display: inline; }
.stage5 .links { width: 161px; height: 22px; border: 1px solid #e1e1e1; margin-top: 19px; margin-left: 13px; display: inline; }
.stage5 .links a { display: block; width: 50%; line-height: 20px; font-size: 14px; color: #666; text-align: center; text-decoration: none; float: left; }
.stage5 .links a:nth-child(1) { border-right: 1px solid #e1e1e1; }
.tuibianSlideBox { width: 1200px; height: 450px;/*overflow:hidden;*/ margin-top: 15px; }
.tuibianSlideBox ul { width: 1200px; height: 450px; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -moz-perspective: 1200px; -ms-perspective: 1200px; -o-perspective: 1200px; -webkit-perspective: 1200px; perspective: 1200px; }
.tuibianSlideBox li { width: 171px; height: 150px; overflow: hidden; float: left; position: relative; cursor: pointer; -moz-transform: translate3d(0, 0, -3600px); -ms-transform: translate3d(0, 0, -3600px); -o-transform: translate3d(0, 0, -3600px); -webkit-transform: translate3d(0, 0, -3600px); transform: translate3d(0, 0, -3600px); -moz-transition: -moz-transform 0.3s cubic-bezier(0.175, 0.885, 0.470, 1) 0s, opacity 0.4s ease-out 0s; ; -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.175, 0.885, 0.470, 1) 0s, opacity 0.4s ease-out 0s; transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.470, 1) 0s, opacity 0.4s ease-out 0s; ; opacity: 0; filter:alpha(opacity:0);
}
.tuibianSlideBox li img { position: absolute; left: 0; top: 0; width: 171px; height: 150px; }
.tuibianSlideBox li img:first-child { opacity: 0; -moz-transition: opacity 0.4s linear 0s; -webkit-transition: opacity 0.4s linear 0s; transition: opacity 0.4s linear 0s; }
.tuibianSlideBox ul.active li { -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; filter:alpha(opacity:100);
}
.tuibianSlideBox ul.active li:hover img:first-child { opacity: 1; z-index: 2 }
.tuibianSlideBox .topTitle { left: 0; top: 0; width: 100%; line-height: 26px; font-size: 12px; color: #fff; opacity: 0; filter:alpha(opacity:0);
z-index: 3; text-align: center; }
.tuibianSlideBox .topTitle span { width: 33.3%; display: inline-block; padding-left: 5px; }
.tuibianSlideBox li p { position: absolute; left: 0; bottom: 0; width: 100%; line-height: 24px; background-color: rgba(192,2,92,.8); color: #fff; padding-left: 10px; opacity: 0; filter:alpha(opacity:0);
z-index: 3; text-align: center; }
.stage5 li p { padding-left: 0; }
.stage5 li p a { display: block; width: 100%; text-align: center; color: #fff; text-decoration: none; }
.tuibianSlideBox li:hover .topTitle, .tuibianSlideBox li:hover p { opacity: 1; filter:alpha(opacity:100);
}
.tuibianSlideBox li:nth-child(3n) { margin-right: 0; }
.stage5 .videoBoxes { width: 1200px; height: 150px; }
.stage5 .videoBox { width: 150px; height: 150ox; float: left; overflow: hidden; }
.stage5 .videoBox .overlayImg { width: 150px; height: 150px; left: 0; top: 0; }
.stage5 .videoBox .videoIcon { width: 28px; height: 28px; left: 2px; bottom: 2px; }
.stage5 .videoContainer { width: 150px; height: 150px; overflow: hidden; }
.stage5 .popBox { left: 50%; top: 50%; width: 0; height: 0; -moz-transition: all .3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -webkit-transition: all .3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; transition: all .3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; opacity: 0; filter:alpha(opacity:0);
overflow: hidden; }
.stage5 .popBox.active { width: 1200px; height: 450px; opacity: 1; filter:alpha(opacity:100);
}
.stage5 .popContainer { width: 1200px; height: 450px; overflow: hidden; }
.stage5 .popContent { width: 1200px; height: 450px; overflow: hidden; display: none; }
.stage5 .popCloseBtn { width: 37px; height: 37px; right: 0px; top: 0px; cursor: pointer; }
.stage5 .popImg { width: 737px; height: 450px; background-color: #FFF; }
.stage5 .popTxt { width: 463px; height: 450px; background-color: #8c9496; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; background-color: rgba(0,0,0,.65); }
.stage5 .txt { width: 334px; margin-left: 64px; }
.stage5 .txt h5 { font-size: 29px; color: #fff; line-height: 2.0; border: 1px solid #fff; margin-top: 40px; border-width: 0 0 1px 0; }
.stage5 .txt h6 { font-size: 28px; color: #fff; line-height: 2.0; margin-top: 30px; }
.stage5 .txt p { font-size: 16px; color: #fff; line-height: 1.6; position: relative; padding-left: 82px; }
.stage5 .txt p:before { content: attr(data-txt); position: absolute; left: 0; top: 0; font-size: 16px; line-height: 1.6; color: #fff; }
.stage5 .txt a { display: block; width: 198px; height: 35px; line-height: 35px; text-align: center; font-size: 14px; color: #fff; text-decoration: none; background-color: #fe3509; margin-top: 12px; -moz-transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; -moz-transform: translateY(20px); -webkit-transform: translateY(20px); transform: translateY(20px); opacity: 0; filter:alpha(opacity:0);
}
.stage5 .txt a:hover { background-color: #d22b07; text-decoration: none; color: #fff; }
.stage5 .popTxt:hover a { -moz-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; filter:alpha(opacity:100);
}
.popVideoBox { width: 737px; height: 450px; overflow: hidden; background-color: #FFF; }
.clearfix:after, .clearfix:before { display: table; content: ''; }
.clearfix:after { clear: both; overflow: hidden; }
.clearfix {  *zoom:1;
}
.ot { -moz-transition: opacity 0.3s linear 0s; -webkit-transition: opacity 0.3s linear 0s; transition: opacity 0.3s linear 0s; }
.translateXY { -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.translateY { -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.translateX { -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.contentBox { -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
.borderBox { -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.ml-doc-case { width: 1200px; background: #fff; margin: 60px auto 50px; }
.mn-doc-case-tab { width: 1200px; overflow: hidden; position: relative; top: -37px; }
.mn-doc-case-tab .mn-doc-case-tab-top { width: 244px; overflow: hidden; margin-left: auto; }
.mn-doc-case-tab .mn-doc-case-tab-top li { cursor: pointer; float: left; line-height: 35px; font-size: 18px; color: #161616; text-align: center; border: 1px solid #f15013; height: 35px; }
.mn-doc-case-tab .mn-doc-case-tab-top .mn-doc-case-tab-top-01, .mn-doc-case-tab .mn-doc-case-tab-top .mn-doc-case-tab-top-02 { width: 120px; }
.mn-doc-case-tab .mn-doc-case-tab-top .mn-doc-case-tab-top-03 { width: 151px; }
.mn-doc-case-tab .mn-doc-case-tab-top .mn-doc-on { background: url(/images2017/doctor-xt.jpg) center no-repeat; color: #fff; background-size: 100%; }
.mn-doc-case-tab-bot { width: 1200px; margin: 17px auto 0; overflow: hidden; clear: both; }
.mn-doc-case-tab-bot .mn-doc-case-none { display: none; height: 314px; }
.mn-doc-case-tab-bot .mn-doc-case-tab-bot-01 { width: 1200px; height: 314px; }
.mn-doc-nav-teyao { width: 1200px; height: 314px; overflow: hidden; }
.mn-doc-nav-teyao li { float: left; height: 314px; width: 296px; margin-right: 4px; position: relative; }
.mn-doc-nav-teyao li .mn-doc-nav-teyao-img { display: block; }
.mn-doc-nav-teyao li div { width: 296px; height: 314px; background: rgba(0,0,0,0.5); position: absolute; top: 0; left: 0; display: none; }
.mn-doc-nav-teyao li div h3 { font-size: 18px; color: #fff; line-height: 20px; padding-top: 160px; padding-left: 30px; margin-bottom: 5px; }
.mn-doc-nav-teyao li div h3 span { font-size: 20px; }
.mn-doc-nav-teyao li div p { font-size: 13px; color: #ffffff; padding-left: 30px; padding-right: 20px; line-height: 22px; }
.mn-doc-nav-teyao li div a { display: block; width: 150px; height: 36px; margin-left: 30px; margin-top: 15px; text-align: center; line-height: 36px; color: #d7350a; font-size: 20px; background: #fff; border-radius: 20px; }
.mn-doc-nav-teyao li:hover div { display: block; }
.mn-doc-nav { width: 1200px; overflow: hidden; height: 314px; }
.mn-doc-nav li { float: left; width: 229px; height: 314px; margin-right: 13px; position: relative; }
.mn-doc-nav li .mn-doc-nav-img { display: block; }
.mn-doc-nav li .mn-doc-nav-div { width: 229px; height: 314px; position: absolute; top: 0; left: 0; background: rgba(0,0,0,0.5); display: none; }
.mn-doc-nav li:hover .mn-doc-nav-div { display: block; }
.mn-doc-nav li .mn-doc-nav-div h3 { padding-left: 15px; padding-top: 145px; font-size: 20px; color: #ffffff; }
.mn-doc-nav li .mn-doc-nav-div p { font-size: 13px; color: #fff; padding-left: 15px; padding-top: 25px; padding-right: 20px; }
.mn-doc-nav li span { display: block; margin-left: 15px; margin-top: 15px; }
.mn-doc-nav li span a { float: left; margin-right: 10px; display: block; width: 35px; height: 35px; }
.mn-doc-nav li .mn-doc-nav-on-a1 { background: url(/images2017/jituan_xt01.png) center top no-repeat; }
.mn-doc-nav li .mn-doc-nav-on-a2 { background: url(/images2017/jituan_xt02.png) center top no-repeat; }
.mn-doc-nav li .mn-doc-nav-on-a1:hover { background: url(/images2017/jituan_xt03.png) center top no-repeat; }
.mn-doc-nav li .mn-doc-nav-on-a2:hover { background: url(/images2017/jituan_xt04.png) center top no-repeat; }
.mn-doc-case-tab-bot-03 img { display: block; width: 1200px; }
.ml-doc-case-input { width: 1200px; height: 90px; background: #fb885e; overflow: hidden; position: relative; top: -20px; }
.ml-doc-input-a1 { display: block; width: 56px; height: 49px; background: #fff; border-radius: 6px; text-align: center; font-size: 19px; color: #e24d22; line-height: 22px; overflow: hidden; padding-top: 7px; float: left; margin-top: 15px; margin-left: 30px; }
.ml-doc-input-ul { margin-left: 35px; overflow: hidden; width: 230px; margin-top: 10px; display: inline-block; float: left; }
.ml-doc-input-ul li { overflow: hidden; height: 23px; }
.ml-doc-input-ul li a{ color:#FFF;}
.ml-doc-input-ul li img { display: inline-block; vertical-align: middle; float: left; }
.ml-doc-input-ul li span { font-size: 14px; color: #ffffff; line-height: 23px; display: inline-block; float: left; margin-left: 5px; }
.ml-doc-input-ul-2 { width: 251px; margin-left: 0; }
.ml-doc-input-nav { width: 380px; height: 40px; float: left; margin-top: 30px; margin-left: 30px; position: relative; }
.ml-doc-input-nav img { display: inline-block; position: absolute; top: 13px; left: 13px; }
.ml-doc-input-nav input.input01 { text-indent: 40px; width: 314px; float: left; background: #fff; border: none; height: 40px; border-radius: 5px 0 0 5px; }
.ml-doc-input-nav input.input02 { height: 40px; width: 66px; display: block; float: left; background: #f15013; text-align: center; font-size: 14px; color: #fff; line-height: 40px; border-radius: 0 5px 5px 0; cursor:pointer; }
.ml-doc-input-a2 { width: 120px; height: 37px; display: block; margin-top: 30px; margin-left: 20px; text-align: center; line-height: 37px; font-size: 18px; color: #fff; background: #d6440d; border-radius: 10px; float: left; }
/* new03 */
.mn-shave-nav { width: 1200px; height: 615px; margin: 0 auto; background: #fff; }
.mn-shave-nav-top { width: 1200px; height: 90px; background: url(/images2017/shave-nav-ul.png) center top no-repeat; }
.mn-shave-nav-top li { height: 74px; cursor: pointer; float: left; width: 240px; text-align: center; font-size: 21px; color: #333333; line-height: 24px; position: relative;     padding-top: 15px;}
.mn-shave-nav-top li:hover img { display: block; }
.mn-shave-nav-top li span { display: block; width: 1px; height: 23px; background: #949494; float: left; margin-top: -34px; }
.mn-shave-nav-top li em{ display:block; padding-top:20px;}
.mn-shave-nav-top li b{display: block;font-size: 16px;color: #7f7f7f;text-align: center;margin: 0 auto 0;clear: both; display:none;}

.mn-shave-nav-top li img { width: 253px; height: 90px; position: absolute; left: 0; top: 0; z-index: 2; display: none; }
.mn-shave-nav-top li.shave-nav-on img { display: block; }
.mn-shave-nav-top li.shave-nav-on span { display: none; }
.mn-shave-nav-bot { width: 1200px; height: 505px; margin: 20px auto 0; overflow: hidden; }
.mn-shave-nav-bot .mn-shave-nav-bot-zh { display: none; }
.mn-shave-nav-lr { width: 596px; height: 505px; float: left; margin-left: 20px; margin-top: 50px; }
.mn-shave-nav-lr .mn-shave-nav-bd ul li { width: 603px; height: 470px; }
.mn-shave-nav-bd-01 { position: relative; width: 580px; height: 75px; border: 2px solid #e7e2e2; border-radius: 47px; margin-top: 10px; }
.mn-shave-nav-bd-01 p { font-size: 15px; color: #333333; line-height: 26px; margin-left: 100px; width: 440px; margin-top: 12px; text-indent: 15px; }
.mn-shave-nav-bd-01 img { position: absolute; top: -10px; left: -3px; }
.mn-shave-nav-bd-01 .mn-shave-nav-bd-p { margin-top: 0; }
.mn-shave-nav-bd-02 { font-size: 14px; color: #eb7350; margin-top: 34px; }
.mn-shave-nav-bd-03 { display: block; margin-top: 20px; }
.mn-shave-nav-bd-04 { display: block; width: 596px; height: 1px; background: #e8e8e8; margin-top: 36px; }
.mn-shave-nav-bd-05 { overflow: hidden; margin-top: 15px; }
.mn-shave-nav-bd-05 p { float: left; width: 183px; font-size: 12px; color: #808080; vertical-align: middle; margin-right: 15px; }
.mn-shave-nav-bd-05 p img { display: inline-block; vertical-align: middle; }
.mn-shave-nav-bd-05 p span { color: #f15013; }
.mn-shave-nav-bd-05 p b { display: block; width: 1px; height: 16px; background: #d2d2d2; float: right; vertical-align: middle; margin-left: 10px; }
.mn-shave-nav-rg { width: 550px; height: 505px; float: right; margin-right: 10px; position: relative; background: #f3f3f3; margin-top: 16px; }
.mn-shave-nav-rg .mn-shave-nav-rg-xt { position: absolute; top: -15px; left: -17px; }
.mn-shave-nav-rg form { }
.mn-shave-nav-rg .mn-shave-nav-form-01 { font-size: 15px; color: #333333; margin-top: 30px; margin-left: 12px; }
.mn-shave-nav-rg .mn-shave-nav-form-02 { margin-top: 30px; overflow: hidden; margin-left: 10px; }
.mn-shave-nav-rg .mn-shave-nav-form-02 li { float: left; width: 170px; }
.mn-shave-nav-rg .mn-shave-nav-form-02 li span { font-size: 15px; color: #333333; float: left; display: inline-block; line-height: 28px; }
.mn-shave-nav-rg .mn-shave-nav-form-02 li input { border: 1px solid #c6c2c2; border-radius: 4px; float: left; width: 90px; height: 28px; }
.mn-shave-nav-rg .mn-shave-nav-form-02 li.mn-shave-nav-form-02-li input { width: 120px; }
.mn-shave-nav-rg .mn-shave-nav-form-03 { width: 530px; height: 190px; background: #fff; border: 1px solid #c6c2c2; border-radius: 5px; margin: 20px auto 0; display: block; }
.mn-shave-nav-form-04 { width: 245px; height: 30px; display: block; margin: 50px auto 0; border: 1px solid #c6c2c2; border-radius: 20px; font-size: 15px; text-align: center; color: #333333; line-height: 30px; background: #f5f5f5; cursor: pointer; }
.mn-shave-img { display: block; }
.mn-shave-nav-bot-pr { position: relative; }
.mn-shave-nav-bot-two { width: 1200px; height: 505px; position: absolute; top: 0; left: 0; overflow: hidden; }
.mn-shave-nav-bot-two p { text-align: center; font-size: 16px; color: #fff; margin-top: 160px; }
.mn-shave-nav-bot-two span { display: block; text-align: center; font-size: 16px; color: #ffffff; width: 450px; height: 35px; background: rgba(0,0,0,0.5); text-align: center; line-height: 35px; border-radius: 20px; margin: 30px auto 0; }
.mn-shave-nav-equipment { width: 1200px; height: 505px; overflow: hidden; }
.mn-shave-nav-equipment li { width: 298px; height: 249px; position: relative; float: left; margin-right: 2px; margin-bottom: 3px; }
.mn-shave-nav-equipment li .mn-shave-nav-equipment-img { display: block; width: 298px; height: 249px; }
.mn-shave-nav-equipment li .mn-shave-nav-equipment-div { width: 298px; height: 249px; background: rgba(0,0,0,0.5); top: 0; left: 0; position: absolute; display: none; }
.mn-shave-nav-equipment li .mn-shave-nav-equipment-div h3 { text-align: center; padding-top: 100px; font-size: 18px; color: #fff; line-height: 24px; }
.mn-shave-nav-equipment li .mn-shave-nav-equipment-div p { text-align: center; font-size: 18px; color: #fff; font-weight: bold; }
.mn-shave-nav-equipment li:hover .mn-shave-nav-equipment-div { display: block; }
.mn-shave-nav-equipment li.mn-shave-nav-equipment-rg { margin-right: 0; }
.mn-shave-nav-hygiene { width: 1200px; height: 505px; overflow: hidden; background: #e9e9e9; }
.mn-shave-nav-hygiene li { width: 390px; height: 244px; position: relative; margin: 4px 5px; float: left; }
.mn-shave-nav-hygiene li img { display: block; }
.mn-shave-nav-hygiene li p { position: absolute; width: 390px; height: 45px; line-height: 45px; font-size: 21px; color: #fff; text-align: center; bottom: 0; left: 0; background: rgba(0,0,0,0.5); }
.mn-shave-nav-aptitude { width: 1200px; height: 505px; background: #e9e9e9; overflow: hidden; }
.mn-shave-nav-aptitude li { width: 390px; height: 235px; position: relative; float: left; margin: 4px 5px; }
.mn-shave-nav-aptitude li img { display: block; }
.mn-shave-nav-aptitude li div { width: 390px; height: 235px; position: absolute; top: 0; left: 0; background: rgba(0,0,0,0.5); display: none; }
.mn-shave-nav-aptitude li div p { font-size: 20px; color: #e9e9e9; text-align: center; line-height: 30px; }
.mn-shave-nav-aptitude li div .mn-shave-nav-aptitude-p1 { padding-top: 110px; }
.mn-shave-nav-aptitude li div .mn-shave-nav-aptitude-p2 { padding-top: 100px; }
.mn-shave-nav-aptitude li:hover div { display: block; }
/*   stage6      */