@charset "utf-8";
*,body,ul, ul li{

    padding: 0;

    margin: 0;

    font-family: "Microsoft YaHei", "微软雅黑","Arial","宋体";

}

ul, ul li{list-style-type:none;}

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

input,textarea{outline:none;}



/*顶端*/

.top-nav{

    position: relative;

    z-index: 666;

    overflow: hidden;

    padding: 20px 0;

}

.top-nav .top-logo{

    height: 90px;

}

.top-nav .list-box{

    overflow: hidden;

}

.top-nav .list-box .list-sp{

    font-size: 13px;

    color: #666;

    line-height: 25px;

}



.top-nav .search{

    overflow: hidden;

    padding-left: 0;

}

.top-nav .search .sp-t{

    overflow: hidden;

}

.top-nav .search .sp-t img{

    width: 100%;

    height: auto;

}

.top-nav .search .sp-d{

    overflow: hidden;

    padding: 5px 10px;

    margin: 25px 0 0 0;

    border: 1px solid #d2d2d2;

}

.top-nav  .search i{

    font-size: 20px;

    float: left;

    padding-right: 8px;

}

.top-nav .search input{

    height: 20px;

    line-height: 20px;

    width: 130px;

    color: #a3a3a3;

    padding: 0 0 0 7px;

    border:none;

    font-size: 12px;

    border-left: 1px solid #d2d2d2;

}

















.ul-nav{

    height: 55px;

    background-color: #0053a4;

    position: relative;

}

.ul-nav header{

    position:absolute;

    width: 1140px;

    left:50%;

    margin-left: -570px ;

    z-index:9999;

    height: 55px;



}

.ul-nav header .top{

    position:relative;

    display:table;

    float: left;

}

.ul-nav  header .top nav .subnav{

    display:table;

}

.ul-nav  header .top nav .subnav li{

    float:left;

    position:relative;

}

.ul-nav  header .top nav .subnav li span{

    display:inline-block;

    vertical-align:middle;

    margin-left:15px;

    width:1px;

    height:14px;

    background-color:rgba(255,255,255,0.6);

}

.ul-nav  header .top nav .subnav li a{

    display:inline-block;

    width:142.5px;

    height:55px;

    text-align:center;

    line-height:55px;

    font-size:16px;

    color:#fff;

    transition:background .1s linear 0s;

    -webkit-transition:background .1s linear 0s;

    -moz-transition:background .1s linear 0s;

    -o-transition:background .1s linear 0s;

}

.ul-nav  header .top nav .subnav li a:hover{

    background-color:#77bc39;

    color: white;

}

.ul-nav  header .top nav .subnav li .bg{

    background-color:#77bc39;

    color: white;

}

.ul-nav  header .top nav .subnav li dl{

    display:none;

    position:absolute;

    left:50%;

    margin-left:-50%;

    background-color:#77bc39;

    color: white;

}

.ul-nav  header .top nav .subnav li dl dd a{

    font-size: 14px;

    color: white;

    height: 45px;

    line-height: 45px;

}

.ul-nav  header .top nav .subnav li dl dd a:hover{

    background-color: #0053a4;

    color: white;

}

.ul-nav  header .top nav .subnav li .this{

    background-color: #77bc39;

    color: white;

}







/*子页面-banner*/

.z-banner{

    width: 100%;

    height: auto;

    position: relative;

}

.z-banner img{

    width: 100%;

    height: auto;

}



/*诊疗项目*/

/*专题页*/

.z-banner2{

    position: relative;

}

.z-banner2-i{

    overflow: hidden;

    width: 100%;

}

.z-banner2-i img{

    width: 100%;

    height: auto;

}

.z-banner2 .click-a{

    position: absolute;

    width: 1140px;

    top: 50%;

    left: 50%;

    margin-left: -570px ;

    margin-top: 130px;

    z-index: 1;

}

.z-banner2 .click-a a{

    display: block;

    width: 210px;

    height: 50px;

    line-height: 50px;

    color: #fff;

    font-size: 24px;

    text-align: center;

    background-color: #0053a4;

    border-radius: 10px;

    float: right;

    margin-right: 225px;

}



/*屈光矫治*/

.project2-show2-b .click-a a{

    margin-right: 415px;

    margin-top: 100px;

    font-size: 18px;

    background-color: #3263ee;

}



.project3-show6-b .click-a a{

    margin-right: 760px;

    margin-top:50px;

    font-size: 18px;

    background-color: #0053a4;

}



.project7-show2-b .click-a a{

    margin-right: 300px;

    margin-top: 110px;

    font-size: 18px;

    background-color: #f08800;

}









/*子菜单-地址*/

.address{

    color: #9d9d9d;

    overflow: hidden;

    padding: 15px 0;

    z-index: 4;

    position: relative;

}

.address a{

    color: #9d9d9d;

}

.address a:hover{

    color: #0053a4;

}



/*子菜单-菜单*/

.menu-l{

    margin-top: -145px;

    padding-bottom: 80px;

    overflow: hidden;

}

.menu-l .menu h2{		margin-top:150px;	

    height: 90px;

    line-height: 90px;

    color: white;

    font-weight: bold;

    background-color: #004ea2;

    text-align: center;

    margin-bottom: 1px;

}

.menu-l .menu{

    z-index: 1;

    position: relative;

}

.menu-l .menu ul li a{

    display: block;

    width: 100%;

    height: 60px;

    line-height: 60px;

    color: #666;

    background-color: #f1f1f1;

    border-bottom: 1px solid #dbdbdb;

    font-size: 16px;

    text-align: center;

}

.menu-l .menu ul li a:hover{

    color: white;

    background-color: #629dde;

    transition: all 0.3s ease 0s;

}

.menu-l .menu ul li .this{

    color: white;

    background-color: #629dde;

}

.menu-l .tel{

    color: white;

    height: 130px;

    padding:25px 15px;

    background-color: #004ea2;

}

.menu-l .tel img{

    float: left;

    width: 60px;

    height: 60px;

    margin-top: 10px;

    margin-right: 15px;

}

.menu-l .tel .tel-num{

    float: left;

    font-size: 16px;

    margin-top: 16px;

}

.menu-l .tel .tel-num h4{

    font-size: 18px;

    margin-top: 5px;

    font-weight: bold;

    margin-bottom:0 ;

}





/*分页*/

.page-box{

    overflow: hidden;

}

.page-box .pagination{

    margin-bottom: 0;

    margin-top: 50px;

}

.page-box .pagination li a{

    color: #666;

}

.page-box .pagination li .this{

    color: white;

    background-color: #77bc39;

}









/*右侧栏*/

.side{

    position:fixed;

    width:60px;

    height:275px;

    right:0;

    top:340px;

    z-index:100;

}

.side ul li{

    width:60px;

    height:60px;

    float:left;

    position:relative;

    margin-bottom: 2px;

}

.side ul li .sidebox{

    position:absolute;

    width:60px;

    height:60px;

    top:0;

    right:0;

    transition:all 0.3s;

    background-color:#4b80ba;

    color:#fff;

    overflow:hidden;

}

.side ul li .sidetop{

    width:60px;

    height:60px;

    line-height:60px;

    display:inline-block;

    background-color:#4b80ba;

    transition:all 0.3s;

}

.side ul li img{

    float: left;

}

.side ul li a{

    line-height: 60px;

    color: white;

}

.side .ewm-r{

    margin: 10px;

}





/*底部*/

.footer{

    overflow: hidden;

    padding: 40px 0 0 0;

    color: #fff;

    background-color: #666;

}

.footer .container{

    overflow: hidden;

    padding-bottom: 30px;

}

.footer .sp-i{

    padding-top: 65px;

    padding-right: 60px;

}

.footer .sp-i img{

    width: 100%;

    height: auto;

}

.footer .sp-t{

    padding-right: 35px;

    padding-left: 0;

}

.footer .bor-b{

    margin-top: 0;

    padding-bottom: 10px;

    border-bottom: 1px solid #e5e5e5;

    margin-bottom: 15px;

}

.footer .sp-t a{

    color: #fff;

}

.footer .sp-t i{

    font-size: 24px;

    margin-right: 15px;

    cursor: pointer;

}

.footer .sp-t .sp-t2{

    margin-top: 38px;

}

.footer .sp-d{

    padding-left: 35px;

}

.footer .sp-d a{

    color: #fff;

    line-height: 25px;

}

.footer .ewm{

    position: relative;

}

.footer .ewm .ewm-show{

    display: none;

    width: 100px;

    height: 100px;

    position: absolute;

    left: 50%;

    top:35px;

    margin-left: -60px;

}

.footer .ewm-show i{

    position: absolute;

    font-size: 24px;

    left: 50%;

    top: -16px;

    margin-left: -7px;

    color: white;

    cursor: default;

}

.footer .ewm .ewm-show img{

    width: 100%;

    height: 100%;

}

.footer .cop{

    background-color: #666;

    font-size: 13px;

    padding: 15px;

    color: #fff;	border-top:1px solid #fff;



}

.footer .cop a{

    font-size: 13px;

    color: #fff;

}







/*分享浮动*/

.bdsharebuttonbox{

    position: absolute;

    right: 15px;

}









/*科室公共*/

.all-box{

    overflow: hidden;

    width: 100%;

}

.all-box .sp-ti{

    padding:40px 50px 0;

    font-size: 24px;

    color: #0053a4;

    font-weight: bold;

    line-height: 55px;

    overflow: hidden;

    margin-bottom: 35px;

}

.all-box .sp-ti img{

    margin-right: 20px;

}



.all-box .all-team{

    overflow: hidden;

}

.all-box .all-team .title-h4{

    background-color: #77bc39;

    height: 50px;

    line-height: 50px;

    overflow: hidden;

    padding: 0 15px;

    color: #fff;

}

.all-box .all-team .list{

    overflow: hidden;

    margin: 10px 10px 30px 10px;

    transition: all 0.3s ease 0s;

}

.all-box .all-team .list .list-i{

    width: 50%;

    position: relative;

    height: 210px;

    overflow: hidden;

}

.all-box .all-team .list .list-i img{

    width: 100%;

    height: auto;

}

.all-box .all-team .list .list-i .sp-t{

    position: absolute;

    width: 80%;

    bottom: 5px;

    right: 0;

    z-index: 2;

    color: #fff;

    padding: 8px 15px;

    text-align: center;

    background-color: rgba(0,0,0,.5);

}

.all-box .all-team .list .list-i .sp-t span{

    font-size: 18px;

    color: #fc9e07;

    margin-right: 5px;

}

.all-box .all-team .list .list-sp{

    width: 50%;

    padding-left: 10px;

    padding-right: 10px;

    color: #434343;

}

.all-box .all-team .list .list-sp h6{

    color: #878787;

    text-align: justify;

    line-height: 18px;

}

.all-box .all-team .list .list-sp a{

    display: block;

    float: left;

    width: 60px;

    height: 30px;

    line-height: 30px;

    color: #fff;

    text-align: center;

    margin-right: 15px;

    margin-top: 20px;

    background-color: #77bc39;

}

.all-box .all-team .list .list-sp .list-a{

    background-color: #0053a4;

}

.all-box .all-team .list:hover{

    -moz-box-shadow: 0 3px 8px #b1b1b1, 0 0 8px #e0e0e0, 0 3px 8px #e0e0e0;

    -webkit-box-shadow: 0 3px 8px #b1b1b1, 0 0 8px #e0e0e0, 0 3px 8px #e0e0e0;

    box-shadow: 0 3px 8px #b1b1b1, 0 0 8px #e0e0e0, 0 3px 8px #e0e0e0;

    transition: all 0.5s ease 0s;

}



.all-box .sp-dd{

    overflow: hidden;

    padding-top: 10px;

    margin-bottom: 55px;

}

.all-box .sp-dd .sp-t{

    color: #77bc39;

    font-size: 18px;

    margin-bottom: 10px;

}

.all-box .sp-dd .sp-t span{

    color: #0053a4;

    font-size: 30px;

    margin-right: 10px;

}

.all-box .sp-dd .ul1{

    display: block;

    width: 100%;

    border: 1px solid #e5e5e5;

    border-right: none;

    overflow: hidden;

}

.all-box .sp-dd .ul1 li{

    overflow: hidden;

    display: block;

    float: left;

    width: 12.5%;

    height: 70px;

    color: #fff;

    border-right: 1px solid #e5e5e5;

}



/*第一个*/

.all-box .sp-dd .ul1 .li-f{

    background-color: #77bc39;

    line-height: 70px;

}

.all-box .sp-dd .ul1 .li-f2{

    background-color: #accd8d;

    padding-top: 15px;

}

.all-box .sp-dd .ul1 .li-f2 h6{

    margin: 5px 0;

}

.all-box .sp-dd .ul1 .li-f3{

    background-color: #77bc39;

}

.all-box .sp-dd .ul2{

    display: block;

    width: 100%;

    border-left: 1px solid #e5e5e5;

    border-right: none;

    overflow: hidden;

}

.all-box .sp-dd .ul2 li{

    overflow: hidden;

    display: block;

    float: left;

    width: 12.5%;

    height: 40px;

    line-height: 40px;

    color: #0053a4;

    border-right: 1px solid #e5e5e5;

}

.all-box .sp-dd .ul2 li .li-h6{

    overflow: hidden;

    margin: 0;

    color: #fff;

}

.all-box .sp-dd .ul2 li .li-h6 h6{

    width: 50%;

    margin: 0;

    height: 40px;

    line-height: 40px;

    color: #575757;

    font-size: 12px;

}

.all-box .sp-dd .ul2 li .li-h6 .li-h62{

    line-height: 20px;

}

.all-box .sp-dd .ul2 li .li-h6 .li-h66{

    border-left: 1px solid #e5e5e5;

}

.all-box .sp-dd .ul3{

    display: block;

    width: 100%;

    border-right: none;

    overflow: hidden;

    background-color: #eee;

}



/*科室资讯*/

.all-box2{

    overflow: hidden;

    width: 100%;

    padding-bottom: 85px;

    background-color: #eceff8;

}

.all-box2 .sp-ti{

    padding:40px 50px 0;

    font-size: 24px;

    color: #0053a4;

    font-weight: bold;

    line-height: 55px;

    overflow: hidden;

    margin-bottom: 35px;

}

.all-box2 .sp-ti img{

    margin-right: 20px;

}

.all-box2 .ul1{

    display: block;

    text-align: center;

    margin-top: 50px;

}

.all-box2 .ul1 li{

    display: block;

    float: left;

}

.all-box2 .ul1 li a{

    display: block;

    float: left;

    width: 120px;

    height: 40px;

    line-height: 40px;

    color: #77bc39;

    margin-right: 15px;

    background-color: #fff;

    position: relative;

}

.all-box2 .ul1 .li a{

    color: #fff;

    background-color: #77bc39;

}

.all-box2 .ul1 .li .triangle-right {

    width: 0;

    height: 0;

    bottom: -8px;

    left: 50%;

    margin-left: -5px;

    position: absolute;

    border-left: 5px solid transparent;

    border-right: 5px solid transparent;

    border-top: 8px solid #77bc39;

    display: none;

}

.all-box2 .ul2{

    display: block;

    overflow: hidden;

}

.all-box2 .ul2 li{

    width: 100%;

    overflow: hidden;

    display: none;

}

.all-box2 .ul2 li .list{

    display: block;

    float: left;

    width: 50%;

    overflow: hidden;

    margin-bottom: 30px;

}

.all-box2 .ul2 li .list-l{

    padding-right: 40px;

}

.all-box2 .ul2 li .list-r{

    padding-left: 40px;

}

.all-box2 .ul2 li .list .list-sp{

    width: 62%;

    overflow: hidden;

    float: left;

    padding-right: 15px;

}

.all-box2 .ul2 li .list .list-sp h4{

    color: #424242;

}

.all-box2 .ul2 li .list .list-sp h5{

    color: #808080;

    line-height: 22px;

}

.all-box2 .ul2 li .list .list-sp .bor{

    width: 55px;

    height: 1px;

    background-color: #5b5b5b;

}

.all-box2 .ul2 li .list .list-i{

    width: 38%;

    float: right;

    height: 133px ;

    overflow: hidden;

}

.all-box2 .ul2 li .list .list-i img{

    width: 100%;

    height: auto;

}

.all-box2 .ul2 li .list:hover .list-sp h4,.all-box2 .ul2 li .list:hover .list-sp .h5{

    color: #77bc39;

    transition: all 0.3s ease 0s;

}

.all-box2 .ul2 li .list:hover .list-sp .bor{

    background-color: #0053a4;

    transition: all 0.3s ease 0s;

}

.all-box2 .ul2 li .more{

    display: block;

    width: 110px;

    height: 30px;

    line-height: 28px;

    color: #555;

    text-align: center;

    border-radius: 50px;

    position: absolute;

    bottom: -30px;

    left: 50%;

    margin-left: -55px;

    border: 1px solid #77bc39;

}



/*会员俱乐部*/

.all-box4{

    overflow: hidden;

    width: 100%;

    padding-bottom: 55px;

}

.all-box4 .sp-ti{

    padding:40px 50px 0;

    font-size: 24px;

    color: #0053a4;

    font-weight: bold;

    line-height: 55px;

    overflow: hidden;

    margin-bottom: 35px;

}

.all-box4 .sp-ti img{

    margin-right: 20px;

}

.all-box4 .list{

    width: 50%;

    overflow: hidden;

    float: left;

}

.all-box4 .list-l{

    padding-right: 40px;

}

.all-box4 .list-r{

    padding-left: 40px;

}

div.slideBox{

    position:relative;

    height:100%;

    overflow:hidden;

}

div.slideBox ul.items{

    position:absolute;

    float:left;

    background:none;

    list-style:none;

    padding:0;

    margin:0;

}

div.slideBox ul.items li{

    float:left;

    background:none;

    list-style:none;

    padding:0;

    margin:0;

}

div.slideBox ul.items li a{

    float:left;

    line-height:normal !important;

    padding:0 !important;

    border:none/*For IE.ADD.JENA.201206300844*/;

}

div.slideBox ul.items li a img{

    margin:0 !important;

    padding:0 !important;

    display:block;

    border:none/*For IE.ADD.JENA.201206300844*/;

    overflow: hidden;

    width: 100%;

    height:340px;

}

div.slideBox div.tips{

    position:absolute;

    bottom:0;

    width:100%;

    height:40px;

    background-color:#000;

    overflow:hidden;

}

div.slideBox div.tips div.title{

    position:absolute;

    left:0;

    top:0;

    height:100%;

}

div.slideBox div.tips div.title a{

    color:#FFF;

    line-height:40px;

    margin-left:15px;

    text-align: center;

    white-space:nowrap;

    text-overflow:ellipsis;

    -o-text-overflow:ellipsis;

    overflow: hidden;

    text-decoration:none;

}

div.slideBox div.tips div.title a:hover{

    text-decoration:underline !important;

}

div.slideBox div.tips div.nums{

    position:absolute;

    right:0;

    top:0;

    height:100%;

}

div.slideBox div.tips div.nums a{

    display:inline-block;

    float:left/*For IE.ADD.JENA.201206300844*/;

    width:10px;

    height:10px;

    background-color:#77bc39;

    text-indent:-99999px;

    margin:15px 10px 0 0;

    color: white;

}

div.slideBox div.tips div.nums a.active{

    width: 30px;

    background-color:#77bc39;

}

.all-box4 .list-r ul li{

    display: block;

    width: 100%;

    padding: 3px 15px;

    border-top: 1px dashed #bdbdbd;

}

.all-box4 .list-r ul .last-li{

    border-bottom: 1px dashed #bdbdbd;

}

.all-box4 .list-r ul li a{

    display: block;

    width: 100%;

    color: #6c6c6c;

}

.all-box4 .list-r ul li a h4{

    overflow: hidden;

}

.all-box4 .list-r ul li a h4 span{

    display: block;

}

.all-box4 .list-r ul li a h4 .sp1{

    float: left;

    width: 70%;

    white-space:nowrap;

    text-overflow:ellipsis;

    -o-text-overflow:ellipsis;

    overflow: hidden;

}

.all-box4 .list-r ul li a h4 .sp2{

    float: right;

    font-size: 14px;

}

.all-box4 .list-r ul li a h5{

    color: #808080;

    display: none;

}

.all-box4 .list-r ul .li{

    padding-top: 10px;

    border-top: 2px solid #0053a4;

}

.all-box4 .list-r ul .li a h4{

   margin-bottom: 10px;

    color: #77bc39;

}

.all-box4 .list-r ul .li a h5{

    display: block;

    line-height: 20px;

}

.all-box4 .more{

    display: block;

    width: 110px;

    height: 30px;

    line-height: 28px;

    color: #555;

    text-align: center;

    border-radius: 50px;

    margin:30px auto 0;

    border: 1px solid #77bc39;

}





/*医院环境*/

.all-box5{

    overflow: hidden;

    width: 100%;

}

.all-box5 .sp-ti{

    padding:0 50px;

    font-size: 24px;

    color: #0053a4;

    font-weight: bold;

    line-height: 55px;

    overflow: hidden;

    margin-bottom: 35px;

}

.all-box5 .sp-ti img{

    margin-right: 20px;

}

.all-box5 .picScroll-left{

    width: 100%;

    height: auto;

    overflow: hidden;

    position: relative;

}

.all-box5 .picScroll-left .bd .picList{

    overflow:hidden;

}

.all-box5 .picScroll-left .bd ul li{

    margin-right: 15px;

    width:15.6%;

    float:left;

    display:inline;

    overflow:hidden;

    text-align:center;

    background-color: white;

    position: relative;

}

.all-box5 .picScroll-left .bd ul li .pic a{

    overflow: hidden;

    display: block;

    margin: auto;

    text-align: center;

}

.all-box5 .picScroll-left .bd ul li .pic .li-i{

    overflow: hidden;

    height: 125px;

}

.all-box5 .picScroll-left .bd ul li .pic img{

    display:block;

    margin: auto ;

    width: 100%;

    height: 100%;

}

.all-box5 .picScroll-left .bd .picList h5{

    width: 100%;

    margin: 5px 0;

    color: #555;

    text-align: center;

    white-space:nowrap;

    text-overflow:ellipsis;

    -o-text-overflow:ellipsis;

    overflow: hidden;

}



/*半圆*/

.all-box6{

    overflow: hidden;

}

.all-box6 ul{

    display: block;

    width: 100%;

    padding: 0 40px;

    overflow: hidden;

}

.all-box6 ul li{

    display: block;

    float: left;

    text-align: center;

    width: 12.5%;

}

.all-box6 ul li a{

    display: block;

    width: 90px;

    height: 90px;

    line-height: 60px;

    color: #fff;

    margin: auto;

    bottom: -45px;

    position: relative;

    background-color: #0053a4;

    border-radius: 100%;

}

.all-box6 ul li a:hover{

    background-color: #77bc39;

}

.all-box6 ul .this a{

    bottom: -40px;

    background-color: #77bc39;

}





/*屈光矫治*/