﻿*{padding: 0;margin: 0;font-size: 14px;font-family: "微软雅黑";}
img{border: none;}
body{background: #fff;}
ul li{list-style: none;}
a{text-decoration: none;outline: none;}
.header-box{position: fixed;width: 100%;left: 0;top: 0;z-index: 999999;}
header{height: 80px;background: url(../image/header-bg.jpg) no-repeat;background-size: 100% 100%;position: relative;}
.navbar-default{margin-top: 12px;}
.navbar-brand>img{width: 180px;}
.logo2{display: none;}.nopad_lr{ padding:15px 0;}
.navbar-default .navbar-nav>li>a{font-size: 16px; padding:22px 22px !important}
.navbar-default .navbar-nav>.active>a:hover{color: #0A484C;}
.launcher{position: absolute;right: 20px;bottom: 33px;}
.launcher{color: #127f86;}
.launcher a{color: #127f86;margin-left: 10px;}
.launcher .english{margin-right: 10px;}
.banner{position: fixed; left: 0; top: 80px; z-index: -1;}
.banner .banner-box{position: relative;}
.banner .banner-bg{width: 100%;z-index: 0;}
.banner .xl{position: relative;left: 50%;margin-left: -30px;bottom: 60px;width: 60px;height:29px;cursor: pointer;z-index: 201;}
.banne_clinic{position: absolute; left: 0; top: 80px; z-index: 99; overflow: hidden; }
.banne_clinic:after{content:""; display: block; clear: both; height:100%; _height:100%;}
.banne_clinic .banner-box{}
.banne_clinic .banner-bg{width: 100%;z-index: 100;}
.yuyue{height: 240px;padding-top: 58px;background: url(../image/yuyue-bg.jpg) no-repeat;background-size: 100% 100%;position: relative;}
.yuyue .yuyue-left{width: 440px;}
.yuyue-btn{display: block;text-align: center;color: #0f6971;width: 100%;height: 45px;font-size: 16px;line-height: 45px;margin-bottom: 26px;border: 2px solid #0f6971;border-radius: 10px;}
.yuyue-btn:hover{background: #0f6971;color: #fff;text-decoration: none;}
.zxdh{text-align: center;color: #666;font-size: 16px;}
.user{position: absolute;right: 15px;top: 14px;width: 25px !important;display: none;}
.sleep{padding-top: 42px;background: url(../image/sleep-bg.jpg) no-repeat #ecf0f1;background-size: 100% 100%;position: relative;}
.sleep-title{text-align: center;margin-bottom: 42px;}
.sleep-title p{color: #333;font-family: "微软雅黑"; font-size:12px;}
.sleep-title .sleep-h5{font-size: 24px; color:#666;letter-spacing: 3px;margin: 0 0 1px;}
.sleep .sleep-item{background: #fff;height: 300px;padding-top: 90px;margin-right: 15px; padding-left: 15px;text-align: center;cursor: pointer;}
.sleep .sleep-item img{margin-bottom: 20px;}
.sleep .sleep-item .itemb{display: none;}
.sleep .sleep-item p{color: #33939a;font-size: 18px;}
.sleep .sleep-item.active{background: #0f6971;padding-top: 60px;}
.sleep .sleep-item.active p{color: #fff;}
.embed{display: none;}
.sleep .sleep-item.active .embed{display: block;}
.study{position: relative;}
.uys{position: absolute;left: 68px; top: -44px;}
.study .study-left{position: relative;float: left;}
.study .study-left ul{position: absolute;right: 0;top: 30px;}
.study .study-left ul li{width: 150px;height:50px;line-height: 50px;position: relative; border:2px solid #0f6971;}
.study .study-left ul li.active{border: 2px solid #fff; border-right: none;}
.study .study-left ul li:hover{text-decoration: none; border-right: none;}
.study .study-left ul li a{color: #fff;font-size: 16px;padding-left: 20px; display:block; outline:none; text-decoration:none;}.study .study-left ul li a:hover{ text-decoration:none;}
.study .study-left ul li.active a{ text-decoration:none;}
.study .study-left ul li p{display: block;position: absolute;width: 30px;height: 50px;display: none;background: url(../image/anxi.png) no-repeat;background-size: 100% 100%;right: -30px; top: -1px;}
.study .study-left ul li.active p{display: block;}
.ms-bg{text-align: center;}
.study-ms{background: #fff;padding: 40px 40px;float: left;width: 460px;position: absolute; bottom: 12px; left: -80px;}
.stu-box{display: none;}
.study-ms p{color: #666;}
.study-ms .ms-first{margin-bottom: 30px;}
.ms-lj{position: absolute;right: 135px; bottom: 88px;} .ms-ljs{position: absolute;right:35%; bottom: 20px; z-index:4;} 
.process{height: 360px;background: url(../image/process-bg.jpg) no-repeat #0f6971;background-size: 100% 100%;position: relative; width:100%;}
.process .pro{text-align: center;}.process .pro a{text-align: center; background:none; height: 360px; border:none;}
.process .pro a p{ display:none;}.process .pro a:hover p{ display:block; color:#0f6971;}
.process .pro a:hover{text-align: center; background:#fff; height: 360px; color:#0f6971; border:none; text-decoration:none;}

.process .pro a .treatment1{ background:url(../image/icons.png) no-repeat 0 -434px;  margin:0 auto; width:108px; height:108px; margin:105px auto 30px auto;}
.process .pro a:hover .treatment1{ background-position:0 -553px; margin:55px auto 30px auto;}
.process .pro a .treatment2{ background:url(../image/icons.png) no-repeat -128px -434px;  margin:0 auto; width:108px; height:108px; margin:0 auto 30px auto; margin-top:105px;}
.process .pro a:hover .treatment2{ background-position:-131px -552px; margin-top:55px;}
.process .pro a .treatment3{ background:url(../image/icons.png) no-repeat -264px -434px;  margin:0 auto; width:108px; height:108px; margin:0 auto 30px auto; margin-top:105px;}
.process .pro a:hover .treatment3{ background-position:-264px -552px; margin-top:55px;}
.process .pro a .treatment4{ background:url(../image/icons.png) no-repeat -393px -434px;  margin:0 auto; width:108px; height:108px; margin:0 auto 30px auto; margin-top:105px;}
.process .pro a:hover .treatment4{ background-position:-393px -552px; margin-top:55px;}

.process .pro a:hover h6{color:#0f6971;}
.process .pro img{margin-bottom: 30px;}
.process .pro h6{color: #fff;font-size:16px;margin-bottom: 30px;}
.process .pro p{color: #fff;font-size:14px;text-align: center;margin: 0 0 2px;}
.Yhs{background: #ecf0f1;padding-top: 20px;}
.problme{overflow: hidden;padding-top: 100px;padding: 50px 0 0 0;margin-bottom: 40px;position: relative; height: 550px;}
.pro-left{width: 60%;float: left;display: none;position: absolute; left: 80px; z-index: 999; margin-top:20px;}
.pro-left img{width: 100%; height: 380px;}
.pro-left p{margin:30px 0 0 0;padding-right: 120px;color: #fff; padding:15px; position:absolute; z-index:9; bottom:0; background:#000; filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6;width:100%;}
#example-navbar-collapse{z-index: 99999;}
.pro-right{width: 340px;float: left;padding: 40px 0 100px 60px;margin-top: -33px;background: url(../image/pro-right.jpg) no-repeat;background-size: 100% 100%;position: absolute; right: 133px; z-index: 1;}
.pro-right ul{border-left: 1px solid #bedfe1;float: right;}
.pro-right ul li{line-height: 55px;width: 220px;color: #333;padding-left: 28px;font-size: 20px;font-family: "微软雅黑";cursor: pointer;margin-right: -12px;margin-left: -12px;}
.pro-right ul li.active{background: #0f6971;color: #fff;}
.pro-right ul li:hover{background: #0f6971;color: #fff;}
.phone{padding: 0;}.baby_bg{ background:url(../image/banner_shadow.jpg) center top no-repeat; height:623px;}.phone .ph{ height:623px; background:url(../image/phone.png) center bottom no-repeat;}
.phone .ph p{color: #fff;font-size: 42px;letter-spacing: 5px;}
.phone .ph a{display: block;width: 228px;height: 50px;line-height: 50px;border-radius: 8px;color: #0f6971;text-align: center;border: 2px solid #fff;background: #fff;margin-top:60px; margin-left:35px; font-size:16px;}
.phone .ph a:hover{ background:#1d777f;border: 2px solid #1d777f; text-decoration:none; color:#fff;}
.phtext{padding-top: 150px;}
.dersition{background: #ecf0f1;padding-bottom: 40px;margin-top: 80px;}
.dersition h4{color: #333;height: 40px;line-height: 40px;}
.dersition .der{background: #fff;}
.der-left-title{background: #f1fdff; padding: 17px 0 17px 15px; margin-bottom:15px;}
.txyy{color: #333;font-size: 18px;margin-right: 30px;}
.other-der{font-size: 14px;}
.login{color: #fff;display: block;background: #0f6971;width: 160px;height: 40px;line-height: 40px;border: none;font-size: 16px;margin: 35px auto;margin-top: 35px;margin-bottom: 35px;border-radius: 4px;}
.login-foot{color: #fff;display: block;background: #04959f;border: none;margin: 0 auto;margin-top: 20px;margin-bottom: 50px;border-radius: 4px;}
.form-group label{font-weight: normal;}
.der-right-title .lxwm{color: #333;font-size: 18px;height: 45px;line-height: 45px;}
.waring{color: red;}
.waring-tip{vertical-align: sub;color: #666; line-height:34px;}
.waring-tip label{color: red;}
.lxwm-box{line-height: 35px;overflow: hidden;}
.lxwm-left{display: block;width: 55px;text-align: right;float: left;color: #555;font-size: 16px;}
.lxwm-box p{padding-left: 60px;}
.align-logo{padding-left: 25px;}

.myapp{padding: 120px 0;}
.myappdiv{margin-bottom: 25px;} .myappdiv .ytFont{margin-bottom: -10px;color: #333; height: 40px; line-height: 40px; font-size: 18px; font-weight: 500;}
.myappdiv p{color: #666;}
.ewmapp{text-align: center;padding-top: 115px;}
.mobile-title{height: 50px;line-height: 50px;background: #fff;color: #333;font-size: 16px;padding-left: 15px;display: none;}

.aboutUs{ width:74%; float:left; min-height:600px; padding: 20px !important; background:#fff; color:#555555;}
.aboutUs .aboutBox{padding: 30px 10px;margin-bottom: 15px;border-bottom: 1px solid #d6d6d6; line-height:24px;}
.aboutUs .ytFont{margin-bottom: 30px;color: #333; height: 40px; line-height: 40px; font-size: 18px; font-weight: 500;}
.aboutUs p{color: #555;margin: 0 0 6px;}
.aboutUs1{margin-bottom: 40px;}
.aboutItem{margin-bottom: 40px;}
.aboutItem p{background: url(../image/aboutimg.png) no-repeat;background-size: 10px 10px;padding-left: 30px;background-position: 0 4px;}
.MapBox .ytFont{margin-bottom: 15px;color: #333; height: 40px; line-height: 40px; font-size: 18px; font-weight: 500;}
.MapBox img{width: 100%;margin-bottom: 20px;}
.MapBox .AddInfo{margin-bottom: 40px;}
.MapBox .AddInfo h6{font-size: 16px;color: #555;margin-bottom: 20px;}
.MapBox .AddInfo p{color: #555;}

.join{padding: 40px 0;}
.join-s1{background: #fff;padding: 20px 15px;}
.join-s1 .join-tite{color: #2b2b2b;font-size: 18px;font-weight: bold;margin-bottom: 15px;}
.join-s1 p{color: #525252;font-size: 14px;margin: 0 0 4px;}
.join-item{background: #fff;}
.join-item .item-title{background: #f3f3f3;height: 45px;line-height: 45px;color: #525252;padding-left: 20px;font-size: 16px;border-left: 2px solid #0f6971;}
.join-item .item-box{padding: 15px 20px 1px 50px;}
.join-item .item-box p{color: #525252;}
.join-item .item-box .itms{margin-bottom: 30px;}
.join-item .item-box h6{color: #525252;font-size: 14px;margin-bottom: 20px;font-weight: bold;}

.sleepxq{padding: 20px 20px;}
.sleepxq .sleepxq-left{background: #fff;margin-right: 15px;}
.sleepxq .sleepxq-right{background: #fff;margin-right: -15px;}
.sleepxq .sleepxq-header{padding: 20px 0;text-align: center;margin-bottom: 30px;border-bottom: 1px solid #d6d6d6;}
.sleepxq .sleepxq-header h3{font-size: 18px;}
.sleepxq .sleepxq-header .sx-time a{color: #0f6971;}
.sleepxq-center{padding-bottom: 16px;}
.sleepxq-center .sx-box{overflow: hidden;margin-bottom: 20px;}
.sleepxq-center .sx-box .sx-left{width: 50%;height: 200px;margin: 0px auto;}
.sleepxq-center .sx-box .sx-left img{width: 100%;}
.sx-item{margin-bottom: 20px;}
.sx-item h6{color: #555;font-size: 16px;margin-bottom: 20px;}
.sx-item p{color: #555;}
.sx-info{margin-top: 30px;text-align: center;}
.sx-info .shenming{width: 100%;margin-bottom: 30px;}
.sleepxq-center .sx-box .sx-right{width: 50%;float: left;height: 200px;padding: 0 15px;color: #555;line-height: 25px;text-align: left;}
.sleepxq-right .sx-wz{color: #333;font-size: 16px;padding: 20px 15px 20px 15px;border-bottom: 2px solid #0f6971;}
.sleepxq-right ul{padding: 20px 15px 20px 15px;}
.sleepxq-right ul li{height: 80px;line-height: 80px;}
.sleepxq-right ul li a{display: block;}
.sleepxq-right ul li .jibin{display: block;width: 60px;height: 60px;float: left;margin-right: 25px;}
.sleepxq-right ul li .jibin img{width: 100%;height: 100%;border-radius: 60px;}
.sleepxq-right ul li a span{display: block;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.clinic{padding-top: 20px;}
.clinic .clinic-ms{text-align: center;margin-bottom: 40px;}
.clinic .clinic-ms h4{margin-bottom: 0;display: block !important;}
.clinic .clinic-ms img{margin-bottom: 25px;}
.clinic .clinic-ms p{color: #555;}
.clinic-item{padding-left: 0;padding-right: 0;}
.clinic .row img{width: 100%;height: 226px;}
.clinic .clinic-text{background: #fff;text-align: center;color: #555;height: 226px;padding-top: 72px;margin: 0 0 6px;}
.clinic .clinic-text p{color: #555;margin: 0 0 6px;}

.experts{padding-top: 20px;}
.experts .experts-header{overflow: hidden; border-bottom: 2px solid #d6d6d6;}
.experts-title{float: left;display: block;font-size:18px;color: #333;}
.experts .experts-header ul{float: right;margin-bottom: 0;}
.experts .experts-header ul li{float: left;margin-left: 10px;}
.experts .experts-header ul li a{display: block;padding: 4px 14px 12px 14px;color: #555;}
.experts .experts-header ul li.active{border-bottom: 2px solid #0f6971;}
.experts .experts-header ul li.active a{color: #0f6971;}
.experts-center{margin-bottom: 30px;}
.experts-center ul{display: none;}
.experts-center ul li{overflow: hidden;padding: 30px 20px;position: relative;}
.experts-center ul li.active{border: 1px solid #04959f;}
.experts-center ul li .user-img{float: left;width: 160px;height: 160px;margin-right: 40px;}
.yy{display: block;width: 100px;height: 35px;line-height: 35px;text-align: center;border: 1px solid #04959f;color: #04959f;border-radius: 10px;background: #fff;}
.yy:hover{color: #fff;background: #04959f;;}
.experts-center ul li .user-img img{display: block;width: 100%;height: 100%;border-radius: 160px;}
.user-ms{padding-top:20px}
.user-ms h4{margin-bottom: 0;}
.user-ms h4 span{font-size: 16px;}
.ms-box{float:left;position: relative;height: 80px;overflow: hidden;}
.ms-box p{margin-bottom: 6px;line-height: 25px;}
.ms-box .ckgd{color: #999;position: absolute;right: 0;bottom: 0;width: 100px;height:28px; text-align: right; z-index: 9999; cursor: pointer; background: #ecf0f1; display: block}
.sm{padding-top: 20px;}
.sm-center{background: #fff;}
.sm-center ul li{padding: 15px 20px;overflow: hidden;border-bottom: 2px solid #ecf0f1;}
.sm-center ul li a{display: block;text-decoration: none;}
.sm-center ul li .smc-left{width: 250px;height: 160px;float: left;margin-right: 30px;}
.sm-center ul li .smc-left img{width: 100%;height: 100%;}
.sm-center ul li .smc-right{}
.sm-center ul li .smc-right h4{color: #333;margin-bottom: 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.sm-center ul li .smc-right p{color: #555;height: 82px; overflow: hidden;line-height: 25px;}
.sm-other{text-align: right;}
.sm-other span{color: #999;margin-left: 40px;}.nav_mobile{ display:none !important;}.marg_top{ margin-top:40px !important;}

footer{background: #30383d; height: 260px; overflow: hidden; padding-top: 40px;}
footer .footer-left{float: left;}
footer .ys{margin: 25px 0 30px 0;}
footer .footer-left p{color: #fff; font-size:12px;}
footer .footer-right{float: right;}
footer .footer-right a{display: block;width: 192px;height: 43px;line-height: 39px;text-align: center;color: #fff;border-radius: 10px;margin-bottom: 20px;border: 2px solid #fff;font-size: 16px;}
footer .footer-right a:hover{ background:#ffffff; color:#30383d; text-decoration:none;}

@media only screen and (max-width: 4800px){.swiper-slide{height: 300px !important;}.pro-right{right: 89px;}
.banner .xl img{width: 120px;z-index: 201;}}
@media only screen and (max-width: 1400px){
.launcher{position: absolute;right: 20px;bottom: 55px;}}
@media only screen and (max-width: 1200px){.swiper-slide{height: 236px !important;}.pro-right{right: 89px;}
.banner .xl img{width: 100px;z-index: 201;}}
@media only screen and (max-width: 992px){
.navbar-default .navbar-nav>li>a{font-size: 16px; padding:15px 10px !important}.banner .xl img{width: 83px;z-index: 201;}.sleep .sleep-item{margin-bottom: 15px;}.sleep .container{width: 100%;}.myappdiv{text-align: center;}.myapp{padding: 20px 0;}.myappPhone{margin-top: 30px;}.ewmapp{padding-top: 45px;}.join-left{display: none;}.join-item .item-box{padding: 15px 20px 1px 25px;}.sleepxq-center .sx-box .sx-left,.sleepxq-center .sx-box .sx-right{width: 100%;float: none;height: inherit;padding: 0 0;}.sleepxq-left{margin-bottom: 20px;}.clinic .row img{height: inherit;}.user-ms h4{display: block !important;}.experts-title{display: none;}.experts .experts-header ul{float: none;}.experts .experts-header ul li{width: 33.33%;margin-left: 0;text-align: center;}.experts-center ul li .user-img{width: 120px;height: 120px;margin-right: 16px;}.user-ms{padding-top:0px}.experts-center ul li .user-img img{border-radius: 120px;}.mhidden{display: none;}.swiper-slide{height: inherit !important;}.sm-center ul li .smc-right h4{display: block !important;}.sm-other{overflow: hidden;}#mleft{float: left;margin-left: 0;}.pro-right{right: 0}.align-logo{padding-left: 0;}}
@media screen and (max-width: 767px){.Yhs{background: #ecf0f1;padding-top: 0 !important;}
.navbar-default .navbar-nav>li>a{font-size: 16px; padding:15px 10px !important}header{background: #0f6971 !important;}.banner .xl img{width: 64px;z-index: 201;}.navbar-toggle{float: left;}.logo1{display: none !important;}.logo2{display: block !important;position: absolute; left: 50%; margin-left: -90px;}.user{display: block;}
.nav_mobile{ display:block !important;}
.navbar-collapse li{background: #f1f4f5;border-top: 1px solid #e3e3e3;}.in li:hover{background: #0f6971;}.in li a:hover{color: #fff !important;}.launcher{display: none;}.navbar-default .navbar-collapse{position: absolute; left: 1px; top: 66px; width:160px!important; text-align:center;}.yuyue{height: inherit;background: #fff;padding-top: 25px;}.yuyue .yuyue-left{width: 100%;margin-bottom: 30px;}.zxd{margin-bottom: 30px;}.sleep{padding-top: 20px;background: #f1f4f5 !important;}.marg_top{ margin-top:20px !important;}.sleep-title{margin-bottom: 20px;}.sleep .sleep-item{margin-bottom: 15px;}.process{height: inherit;background: #0f6971;padding-top: 40px;}.process .pro img{margin-bottom: 10px;}.process .pro h6{margin-bottom: 20px; width:120px;}.process .pro{margin-bottom: 40px;}.phone .ph p{text-align: center; padding-top:60px;}.phone .ph a{margin: 0 auto;margin-bottom: 40px;text-align: center;}.phtext{padding-top: 70px;}.study{margin-left: 0 !important; background:#fff !important; padding-bottom:20px;}footer{background: #f1f4f5;text-align: center;height: 95px;}footer p{color: #b0b0b0 !important;}footer .footer-left{float: inherit;}.footer-left img,.footer-img img,.ys,.footer-right{display: none;}.der-left-title{background: #f1f4f5;}.txyy{display: block;}.dersition{background: #ecf0f1;padding-bottom: 40px;margin-top: 60px;}.dersition h4{display: none;}.dersition .der{margin-right: 0 !important;margin-bottom: 22px;padding-bottom: 24px;}
.problme{margin-right: -15px;margin-left: -15px;height: 480px;padding:0 !important; background:#fff !important;}
.ms-ljs{position: absolute;right:35%; bottom: 20px; z-index:112;} 
.pro-left{width: 100%;background: #fff;position:absolute; left:0; top:92px;}.pro-left img{height: 264px;}
.pro-left p{margin:30px 0 0 0;padding-right: 120px;color: #666; padding:15px; position:inherit; z-index:9; bottom:0; background:#000; filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}
.hide_seven{ display:none;}
.pro-right{ width:100%;padding: 0 0 0 0;background: none; position:absolute; top:33px}.pro-right ul{border-left: none;float: none;border-top: 1px solid #dbdbdb;}
.pro-right ul li{width: 33.3333%;margin-right: 0;margin-left: 0;text-align: center;padding-left: 0;border-bottom: 1px solid #dbdbdb; float:left; background:#fff;}.phone{padding: 0 0;}.ph{text-align: center;}.ph img{float: none !important;width: 100%;}#clic-1{margin-bottom: 0;}#nsg{display: none;}#dks{margin-left: 0 !important;margin-bottom: 0;overflow: hidden;}.study .study-left ul,.uys{position: inherit;top: inherit;left: inherit;right: inherit;width: 100%;overflow: hidden; margin:0 !important;}.ms-lj{position:inherit; right: 0; bottom: 0; margin:0 auto 0 33%;} .ms-ljs{position: absolute;right:auto; bottom: 20px; z-index:4; margin:0 auto 0 33%;}
.study .study-left{width: 100%;}.study .study-left ul li{ border:none;float: left;width: 33.33%;height: 50px;line-height: 50px;text-align: center;background: #fff; border-bottom:1px solid #0f6971;}.study .study-left ul li p{display: none !important;}.study .study-left ul li a{color: #94c1c4;padding-left: 0;}.study .study-left ul li.active{border: 2px solid #0f6971; background: #0f6971; border-bottom:1px solid #0f6971;}.study .study-left ul li.active a{color: #fff;}.ms-bg{width: 100%; height: 456px; float: left;}.ms-bg img{width: 100%; height: 100%;}.study-ms{background: #fff; padding: 20px 40px; float: right; width: 100%; position: inherit; bottom: inherit; left: inherit;}.mobile-title{display: block;}.abs{display: none;}.aboutItem p{padding-left: 20px;}.aboutUs .aboutBox{padding:10px 0;border-bottom: none;}.sm-center ul li .smc-left{float: none;width: 100%;height: inherit;}.sm-center ul li .smc-right p{height: inherit;}
.phone .ph p{color: #fff;font-size: 32px;letter-spacing: 5px;}
.process{background: url(../image/process-bg.jpg) -900px 80px no-repeat #0f6971;background-size:auto;position: relative; width:100%;}
.process .pro{height: 155px;text-align: center; background:url(../image/icon.png) 45px bottom no-repeat;}.process .pro a{text-align: center; background:none; height: 155px; border:none;}
.process .pro a p{ display:block; width:45%; float:left; padding:10px 0 0 2%;}
.process .pro a:hover{text-align: center; background:none; height: 155px; color:#0f6971; border:none; text-decoration:none;}
.process .pro a .treatment1{ background:url(../image/step_pic1.png) no-repeat;  margin:0 auto; width:92px; height:92px; margin:0 auto 30px 0; float:left;}
.process .pro a:hover .treatment1{ background:url(../image/step_pic1.png) no-repeat; margin:0 auto;}
.process .pro a .treatment2{ background:url(../image/step_pic2.png) no-repeat;  margin:0 auto; width:92px; height:92px; margin:0 auto 30px 0; float:left;}
.process .pro a:hover .treatment2{ background:url(../image/step_pic2.png) no-repeat; margin:0 auto;}
.process .pro a .treatment3{ background:url(../image/step_pic3.png) no-repeat;  margin:0 auto; width:92px; height:92px; margin:0 auto 30px 0; float:left;}
.process .pro a:hover .treatment3{ background:url(../image/step_pic3.png) no-repeat; margin:0 auto;}
.process .pro a .treatment4{ background:url(../image/step_pic4.png) no-repeat;  margin:0 auto; width:92px; height:92px; margin:0 auto 30px 0; float:left;}
.process .pro a:hover .treatment4{ background:url(../image/step_pic4.png) no-repeat; margin:0 auto;}
.process .pro a:hover p{color: #fff;font-size:14px;text-align: center; margin: 20px 0 2px 0;}
.process .pro a:hover h6{color:#fff;}
.process .pro img{margin-bottom: 30px;}
.process .pro h6{color: #fff;font-size:20px; line-height:70px; padding-left:20px; margin-bottom: 30px; float:left; text-align:left;}
.process .pro p{color: #fff;font-size:14px;text-align: center;margin: 20px 0 2px 0;}
.phone .ph{ height:623px; background:url(../image/phone.png) center bottom no-repeat;}

.navbar-default .navbar-toggle .show_bar{ width:30px; height:30px; background:url(../image/icons.png) no-repeat -977px 0; margin-top:0;}
.navbar-default .navbar-toggle .hide_box{width: 30px; height:20px; background:#0f6971;position: absolute;}
.waring-tip{vertical-align: sub;color: #666;margin-left: 0 !important;}
}
@media only screen and (max-width: 627px){.banner .xl img{width: 52px;z-index: 201;}.study-ms{padding: 20px 20px;}}
@media screen and (max-width: 540px){.banner .xl img{width: 45px;z-index: 201;}.ms-bg{width: 100%; height: 446px; float: left;}.study-ms{padding: 20px 20px;}.study-ms p{color: #666; font-size: 12px;}.study-ms .ms-first{margin-bottom: 10px;}.ms-lj{position:inherit; right: 0; bottom: 0; margin:0 auto 0 25%;} .ms-ljs{position: absolute;right:auto; bottom: 20px; z-index:4; margin:0 auto 0 25%;}

.pro-right ul li{width: 33.333%;margin-right: 0;margin-left: 0;text-align: center;padding-left: 0;border-bottom: 1px solid #dbdbdb; float:left; font-size:14px !important}
}
@media screen and (max-width: 450px){.banner .xl img{width: 38px;z-index: 201;}.ms-bg{width: 100%; height: 335px; float: left;}.study-ms{padding: 10px 10px;}
.navbar-default .navbar-collapse{position: absolute; left: 1px; top: 53px; width:160px!important; text-align:center;}
header{background: #0f6971 !important; height:60px;}.navbar-default{margin-top: 5px;}
.banner{position: fixed; left: 0; top: 60px; z-index: -1;}
.ph{ display:none;}.phtext{ width:100%;display:block;}.phone .ph p{ font-size:20px;}
.process{background: url(../image/process-bg.jpg) -1100px 80px no-repeat #0f6971;background-size:auto;position: relative; width:100%;}
.process .pro a p{ display:block; width:48%; font-size:12px; float:left; padding:8px 0 0 2%;}
.process .pro a:hover p{color: #fff; font-size:12px; padding:8px 0 0 2%;}
.process .pro h6{color: #fff;font-size:14px; line-height:70px; padding-left:5px; margin-bottom: 30px; float:left; width:80px; text-align:left;}
footer{background: #f1f4f5;text-align: center;height: 95px; padding-top:10px;}footer p{color: #b0b0b0 !important;}footer .footer-left{float: inherit;}.footer-left img,.footer-img img,.ys,.footer-right{display: none;}
 .ms-ljs{position: absolute;right:auto; bottom: 20px; z-index:4; margin:0 auto 0 18%;}
 .ms-lj{position:inherit; right: 0; bottom: 0; margin:0 auto 0 18%;}
}
@media screen and (max-width: 360px){.ms-bg{width: 100%; height: 288px; float: left;}.ms-lj{position:inherit; right: 0; bottom: 0; margin:0 auto 0 15%;} .ms-ljs{position: absolute; right:auto; bottom: 20px; z-index:4; margin:0 auto 0 15%;}

.process .pro{height: 110px;text-align: center; background:url(../image/icon.png) 20px bottom no-repeat;}.process .pro a{text-align: center; background:none; height: 110px; border:none;}
.process .pro a:hover{text-align: center; background:none; height: 110px; color:#0f6971; border:none; text-decoration:none;}
.process .pro a .treatment1{ background:url(../image/icons.png) no-repeat 0 -680px; width:50px; height:50px; margin:23px auto 20px 0; float:left;}
.process .pro a:hover .treatment1{ background:url(../image/icons.png) no-repeat 0 -680px; margin:23px auto 20px 0;}
.process .pro a .treatment2{ background:url(../image/icons.png) no-repeat -68px -680px; width:50px; height:50px; margin:23px auto 20px 0; float:left;}
.process .pro a:hover .treatment2{ background:url(../image/icons.png) no-repeat -68px -680px; margin:23px auto 20px 0;}
.process .pro a .treatment3{ background:url(../image/icons.png) no-repeat -136px -680px; width:50px; height:50px; margin:23px auto 20px 0; float:left;}
.process .pro a:hover .treatment3{ background:url(../image/icons.png) no-repeat -136px -680px; margin:23px auto 20px 0;}
.process .pro a .treatment4{ background:url(../image/icons.png) no-repeat -204px -680px; width:50px; height:50px; margin:23px auto 20px 0; float:left;}
.process .pro a:hover .treatment4{ background:url(../image/icons.png) no-repeat -204px -680px; margin:23px auto 20px 0;}

.process .pro a p{ display:block; width:56%; font-size:12px; float:left; padding:8px 0 0 2%;}
.process .pro a:hover p{color: #fff;font-size:12px; padding:8px 0 0 2%;}
.process .pro h6{color: #fff;font-size:12px; line-height:70px; padding-left:5px; margin-bottom: 30px; float:left; width:65px;}
}
@media screen and (max-width: 320px){.ms-bg{width: 100%; height: 280px; float: left;}.ms-lj{position:inherit; right: 0; bottom: 0; margin:0 auto 0 11%;} .ms-ljs{position: absolute; right:auto; bottom: 20px; z-index:4; margin:0 auto 0 11%;}}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{ color:#127f86;}