*{font-family: "microsoft Yahei"}
img{max-width: 100%}
body{background-color: #f3f3f3;}
.box{width: 1200px; margin: auto; box-sizing: border-box;}
.clearfix{clear: both;}
.padding{padding: 20px}
.padding-sm{padding: 10px;}
.margin-top{margin-top: 20px}
.bg-white{background-color: #fff}
.bg-yellow{background-color: #d4a320}
.bg-red{background-color: #be2f2f}
.bg-blue{background-color: #1171de}
.bg-green{background-color: #13afb9}
.bg-white{background-color: #fff}
.text-center{text-align: center;}
.radius{border-radius: 5px}
.red{color: #f00}

.topBar{height: 30px; line-height:30px; background-color:#3a614f; color: #fff;}
.header{clear: both; height: 150px; border-bottom: 1px #f1f1f1 solid}
.logo{float: left; margin-top:20px}
.logo img{display: block; height:110px}
.top-search{position: absolute; bottom: 10px; right: 20px; display: none;}
.top-search input{width: 200px;}

.nav{float:right; height: 50px; width:1000px; margin-top: 50px}
.nav li{float: left; text-align: center; padding:0 10px; position: relative;}
.nav li>a{font-size: 18px; display: block; line-height:50px; box-sizing: border-box;}
.nav li:hover>a{}
.nav li dl{position: absolute; left: 0; top: 50px; width: 100%; z-index: 999; background-color:#ffffff; display: none; box-shadow: 0 0 5px #ccc}
.nav li dl dd{line-height: 50px;}
.nav li dl dd a{font-size: 16px}
.navSearch{float: right; width: 50px; height: 50px; line-height: 50px; margin-top: 50px; margin-left: 10px; cursor: pointer;}
.navSearch i{font-size:20px}

.indexBanner{height: 500px; background-color: #111111; background-image: url("../images/001.jpg"); background-size: cover; background-position: center;}

.indexDaohang{text-align: center; text-align: center; padding: 30px 0}
.indexDaohang a{color: #fff}
.indexDaohang i{display: block; width:100px; height:100px; line-height:100px; margin: auto; background-color: rgba(0,0,0,.5); font-size:50px; border-radius: 50%; transition:transform .3s;}
.indexDaohang p{margin-top: 10px; font-size: 18px;}
.indexDaohang:hover i{transform: scale(1.3, 1.3);}

.mapBox{width: 100%; height: 500px; clear: both; position: relative;border-bottom: 1px #dbdbdb solid; border-top: 1px #dbdbdb solid}
#map{height: 100%; width: 100%;}
#map img{max-width:40px}
.indexFeedback{position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.fBox{float: right; width: 500px; background-color:rgba(58,97,79,.9); color: #fff; height:500px; padding: 20px; box-sizing: border-box;}
.indexTel{text-align: center; font-style:italic; font-size: 30px; margin-top:30px}

.ksCate{border-radius: 5px; height: 40px; line-height: 40px; text-align: center; color: #fff; font-size: 16px; cursor: pointer;}
.ksCate a{color: #ffffff}
.sanjiao{width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #ffba38; margin-left: 45%}
.sj1{border-top-color: #d667ab}
.sj2{border-top-color: #ff7e3d}
.sj3{border-top-color: #5fcb1d}

.indexKs{background-color: #fff; border-radius: 5px; display: block; line-height: 40px; text-align: center; margin-bottom: 10px}

.indexQuick{ clear: both; overflow: hidden;}
.indexQuick li{line-height:60px; height: 60px; background-color: rgba(255,255,255,.7); box-sizing: border-box; font-size: 16px; padding: 0 10px; border-radius: 5px; margin-bottom: 15px}
.indexQuick li a{display: block;}
.indexQuick li .iconfont{font-size: 30px; display: block; float: left; margin-right: 20px; color: #50886f;transition:transform .3s;}
.indexQuick li .layui-icon{display: block; float: right;}
.indexQuick li:hover .iconfont{transform: rotate(360deg);}

.footNav{border-bottom: 1px #f1f1f1 solid; clear: both; overflow: hidden; padding: 10px}
.footNav li{float: left; margin:15px 0; border-right: 1px #dbdbdb solid; padding:0 15px}
.footNav li a{color:#50886f }
.copyright{ padding-bottom:40px;}
.copyright p{line-height:30px; color: #666666}
.copyright a{color: #666666}

.banner{position: relative; width:100%; height:260px}
.banner h1{position: absolute; left: 0; top: 0; width: 100%; background: rgba(0,0,0,0.5); color: #fff; height: 30px; line-height: 30px; text-align: center; z-index: 90; overflow: hidden; font-size: 14px}
.banner img{display: block; position: absolute; left: 0; top: 0; z-index: 80}
.layui-carousel-ind,.layui-carousel-arrow{z-index: 100}

.quick{ padding: 10px; clear: both; overflow: hidden; transition:transform .3s;}
.quick i{display: block; float: left; width:50px; height:50px; font-size: 40px; line-height: 50px; text-align: center;}
.quick p{margin-left: 60px; line-height: 50px; font-size: 20px; font-weight: bold;}
.quick a{color: #fff}
.quick:hover{transform: scale(1.1, 1.1);}

.commZhuanke{clear: both; overflow: hidden; padding: 40px;}
.commZhuanke li{float: left; width: 20%; text-align: center;}
.commZhuanke li img{width: 100px; height: 100px; margin-bottom: 10px;transition: all .5s;}
.commZhuanke li:hover img{transform: rotate(360deg);}

.newsImg{clear: both; overflow: hidden;}
.newsImg img{transition:transform .3s;}
.newsImg:hover img{transform: scale(1.1, 1.1);}

.controller{text-align: right;}
.controller a{display: inline-block; border:1px #dbdbdb solid; width: 30px; height: 30px; line-height: 30px; text-align: center;}
.zhuanjia{clear: both; overflow: hidden;}
.zhuanjia {padding:30px 20px; box-sizing: border-box;}
.zhuanjia img{width: 100%; height:200px;}
.zhuanjia .name{font-size: 16px; color: #50886f; font-weight: bold; border-bottom: 3px #50886f solid; padding: 5px 0; clear: both; overflow: hidden; display: inline-block;}
.zhuanjia .pro{clear: both; overflow: hidden;}
.zhuanjia .ks{margin-top: 5px; clear: both;}

.indexNews{clear: both; overflow: hidden;}
.indexNews .hd{text-align: center; line-height: 40px; font-size: 18px; clear: both; overflow: hidden; border-bottom: 1px #f1f1f1 solid}
.indexNews .hd p{color: #50886f; font-weight: bold; float: left;}
.indexNews .hd a{display: block; float: right; font-size: 14px}
.indexNews .bd{padding: 10px; height: 328px; overflow: hidden;}
.indexNews .bd li{ line-height: 40px; clear: both; overflow: hidden; }
.indexNews .bd li p{float: left; width: 480px;}
.indexNews .bd li span{float: right; display: block; width: 60px; font-size: 12px; color: #999; text-align: right;}
.indexNews .bd li a{font-size: 16px;}

.indexBg{background-image: url(../images/bg.jpg); background-size: cover; padding: 50px 0}

.indexTitle{font-size: 18px; font-weight: bold; color: #fff; clear: both; overflow: hidden; height: 40px}
.indexTitle p{float: left; font-size: 18px; line-height: 40px}
.indexTitle span{display: block; float: right; margin-top: 5px}
.indexTitle span a{font-size: 12px; font-weight: normal; color: #fff; border:1px #fff solid; border-radius: 5px; padding:5px 10px}

.ksList{clear: both; overflow: hidden;}
.ksList li{border-bottom: 1px #f1f1f1 solid; padding:13px 20px;}
.ksList li img{display: block; float: left; width: 30px; height: 30px; margin-right: 10px;}
.ksList li p{line-height: 30px;}

.color1{background-color: #FF6666}
.color2{background-color: #0099CC}
.color3{background-color: #ffba38}
.color4{background-color: #009966}
.color5{background-color: #d667ab}
.color6{background-color: #ff7e3d}
.color7{background-color: #5fcb1d}
.color8{background-color: #1cc3ad}
.color9{background-color: #00b6dd}

.indexImg div{overflow: hidden;}
.indexImg img{ width:100%;height:300px; transition:transform .3s; cursor: pointer;}
.indexImg img:hover{transform: scale(1.2, 1.2);}


.bg1{background-color: #50886f}
.bg2{background-color: #4d8288}
.bg3{background-color: #1cbc85}
.bg4{background-color: #868451}

.link{clear: both; overflow: hidden; background-color:#50886f;}
.link a{ padding-right: 30px; white-space: nowrap; line-height:50px; color: #ffffff}

.qrcode{text-align: center;}
.qrcode img{margin: auto; width: 120px; height: 120px}
.qrcode p{color: #f60; margin-top: 10px}

.footSer{clear: both; overflow: hidden;}
.footSer .hd{clear: both; overflow: hidden;}
.footSer .hd i{display: block; float: left; font-size: 40px; margin-right: 10px;}
.footSer .hd .info{float: left;}
.footSer .hd .info h1{font-size: 16px;}
.footSer .hd .info p{color: #6bcbca}
.footSer .bd{clear: both; padding-left: 30px; margin-top: 15px}
.footSer .bd li{padding: 5px 0}
.footSer .bd li i{color: #5FB878; font-weight: bold;}

.doctor{text-align: center;}
.doctor img{width: 100%; height: 150px; display: block; margin-bottom: 10px}

.keshi{text-align: center; background-color: #fff; padding-bottom: 10px; font-size: 14px; box-shadow: 0 0 15px #ccc}
.keshi img{max-width: 100%; height: 150px; display: block; margin-bottom: 10px; margin: auto;}

.newsInfo{clear: both; background: #fff; padding: 20px}
.newsInfo h1{margin: 15px 0; font-size: 28px; text-align: center; font-weight: bold;}
.newsInfo .date{color: #999; border-bottom: 1px #dbdbdb solid; padding-bottom: 15px; clear: both; overflow: hidden; text-align: center;}
.newsInfo .date span{display: inline-block; padding: 0 15px}
.newsInfo .content{font-size: 16px; padding-top: 15px; line-height: 200%; min-height: 600px;}
.newsInfo .content p{margin-bottom: 15px;font-size: 16px;}
.nextArticle .hd{color: #999; margin-bottom: 10px}
.share{text-align: right; float: right;}

.prevArt{ margin-top: 15px;}
.nextArt{text-align: right; margin-top: 15px;}

.guide{background: #ffffff; height: 40px; line-height: 40px; clear: both; margin: auto;}
.guide .layui-breadcrumb{padding-left: 10px;}

.empty{text-align: center; padding: 100px 0}
.empty p{ font-size: 20px; color: #ccc }

/* 分页 */
.pagination{display:block;padding:20px 0;text-align:center;overflow:hidden;clear:both; background: #fff}
.pagination li{display:inline-block;border:1px #dbdbdb solid;font-size:16px;height:34px;line-height:34px;min-width:34px;}
.pagination li a,.pagination li span{display:block;width:100%;height:100%}
.pagination li.active{background:#50886f;color:#fff;border-color:#50886f}
.pagination li.disabled{background:#f1f1f1;color:#50886f}
.pinyin{font-size:20px;background-color:#fff;padding-left:10px}
/* end */

.rightMenu{background: #fff;clear: both; overflow: hidden;}
.rightMenu .hd{font-size: 18px; font-weight: bold; padding: 10px; color:#50886f; border-bottom: 1px #f1f1f1 solid; overflow: hidden;}
.rightMenu .hd i{display: block; float:left; width: 4px; height: 20px; background: #50886f;font-size: 0; margin-right: 10px; margin-top: 4px}
.rightMenu .hd span{display: block; float: left}
.rightMenu .bd{clear: both; padding: 10px}
.rightMenu .bd li{border-bottom: 1px #f1f1f1 solid; line-height: 44px; font-size: 16px;}
.rightMenu .bd li.active a{color: #50886f; font-weight: bold;}

.newsList{clear: both; overflow: hidden; background: #fff; padding: 10px;}
.newsList li{line-height:50px; clear: both; height:50px; border-bottom:dashed 1px #ccc}
.newsList li a{font-size: 16px; display:block; float: left; width: 600px}
.newsList li a:hover{color: #f00}
.newsList li span.date{display:block; float: right; color: #999;}
.newsList li .layui-badge-dot{width: 6px; height: 6px; float: left; display: block; margin-top:20px; margin-right: 10px}

.zhuanti{ box-shadow: 0 0 5px #ccc }
.zhuanti p{text-align: center; line-height: 30px}

.searchPage{text-align: center; padding: 50px; font-size: 18px;}
.searchPage span{color: #c00; font-weight: bold;}

.toolbar-item,.toolbar-layer{background:url(../images/toolbar.png) no-repeat}
.toolbar{position:fixed;right:0;bottom:50px;z-index:10000}
.toolbar-item{position:relative;display:block;margin-top:1px;width:52px;height:52px;-moz-transition:background-position .5s;transition:background-position .5s;-ms-transition:background-position .5s;-o-moz-transition:background-position .5s;-webkit-moz-transition:background-position .5s}
.toolbar-item:hover .toolbar-layer{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);filter:alpha(opacity=100);-ms-transform:scale(1)}
.toolbar-item-weixin{background-position:0 -798px}
.toolbar-item-weixin:hover{background-position:0 -860px}
.toolbar-item-weixin .toolbar-layer{height:212px;background-position:0 0}
.toolbar-item-feedback{background-position:0 -426px}
.toolbar-item-feedback:hover{background-position:0 -488px}
.toolbar-item-app{background-position:0 -550px}
.toolbar-item-app:hover{background-position:0 -612px}
.toolbar-item-app .toolbar-layer{height:194px;background-position:0 0}
.toolbar-item-top{background-position:0 -674px}
.toolbar-item-top:hover{background-position:0 -736px}
.toolbar-layer{position:absolute;right:46px;bottom:-10px;width:172px;opacity:0;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;-webkit-transform:scale(.01);-moz-transform:scale(.01);-o-transform:scale(.01);transform:scale(.01);-webkit-transform-origin:95% 95%;-moz-transform-origin:95% 95%;-o-transform-origin:95% 95%;transform-origin:95% 95%;filter:alpha(opacity=0);-ms-transform-origin:95% 95%;-ms-transform:scale(.01);-ms-transition:all .5s}

/**漂浮广告**/
.floatingAd .ad{z-index:100;background:none;position:absolute;display:none;}
.floatingAd a{color:#000000; display:inline-block;text-decoration:none;}
.floatingAd a img{border:0;}
.floatingAd .closeBtn{display:none;}
.floatingAd .opacity{position:absolute;left:0; top:0; width:100%; height:25px; background-color:#000000; display: none;}

.floatingAd .text{position:absolute; left:0;top:0; width:100%; height:25px; color:#000000; line-height:25px; }
.floatingAd .text .button{position:relative;float:right;top:5px;right:5px;width:16px;height:16px;background:url("../image/close.png") no-repeat;cursor:pointer;}
.floatingAd .text .title{position:relative;float:left;font-size:12px;margin-left:5px; background: none; color: #fff}
/* end */