@charset "utf-8";
/* CSS Document */
/*banner*/
.banner{ height:480px; width:100%; position:relative; overflow:hidden; z-index: 1;}
.banner li{position: absolute;width: 1920px;text-align: center;height: 480px;left: 50%; margin-left: -960px;top: 0;display: none;}
.banStep{position: absolute;width: 100%;bottom: 20px;text-align: center;left: 0; z-index: 3;}
.banStep span{display: inline-block;width: 16px;height: 13px;background-image: url(../ico/ico4.png);background-repeat: no-repeat;background-position: -19px 0; cursor: pointer; margin: 0 5px;}
.banStep span.active{background-position: 0px 0;}


.public{border-bottom: 1px solid #ededed;height: 26px;line-height: 26px; padding: 9px 0;}
.public h4{width: 99px;height: 26px;background: url(../ico/ico3.png) no-repeat left center;font-size: 14px;text-indent: 28px;float: left; line-height: 26px;font-weight: normal;color: #fff;margin-right: 15px;}
.publicScroll{font-size: 14px;height: 26px;overflow: hidden;width: 60%;float: left;}
.scrollControl{float: right;}
.icon-3,.icon-4{display: inline-block;width: 16px;height: 17px;background-image: url(../ico/ico22.png);background-repeat: no-repeat;margin:5px 5px 0 5px ;}
.icon-3{background-position: 0 0;}
.icon-4{background-position: -16px 0;}
a:hover .icon-3{background-position: 0 -17px;}
a:hover .icon-4{background-position: -16px -17px;}


.box{}

.titTop2{ border-bottom: 2px solid #ededed;height: 30px;}
.titTop2 span{display: inline-block; font-size: 20px; color: #187fd3; border-bottom: 2px solid #187fd3; padding: 0 10px; line-height: 30px;}
.i-more{display: inline-block;width:13px;height: 13px;background: url(../ico/ico5.png) no-repeat center center;vertical-align: middle; margin:0 5px;;}
.titTop2 .right{float: right; font-size: 12px;}

.list{}
.list li{width: 100%; display: table;}
.list li a{ display: block;line-height: 28px;}
.list li span{display: inline-block;width: 70%; padding-left: 10px;background: url(../ico/ico6.png) no-repeat left 12px; font-size: 14px;;}
.list li em{display: inline-block;float: right;color: #aeaeae;font-size: 12px;}

/*.box_1*/
.box_1{ margin-top: 45px;}
.box_1 .left{width: 364px;height: 292px;position: relative;overflow: hidden;float: left;}
.box_1 .left li{position: absolute;width: 364px;height: 292px;}
.box_1 .left li span{width: 100%;position: absolute;left: 0;bottom: 0; background: rgba(0,0,0,.53); color: #fff; line-height: 34px; text-indent: 10px;}
.newsStep{position: absolute;right: 0; bottom: 5px;}
.newsStep span{display: inline-block;width: 10px;height: 10px;background-image: url(../ico/ico7.png); background-repeat: no-repeat; background-position: -15px 0;margin: 0 3px;}
.newsStep span.active{background-position: 0px 0;}
 
.box_1 .mid{width: 520px;float: left;margin: 0 39px;}
.newsTop{overflow: hidden;padding: 18px 0;}
.newsTop img{float: left; margin-right: 18px;width: 136px;height: 82px;}
.newsTop h4{ font-size: 18px; font-weight: normal;height: 36px; line-height: 18px; overflow: hidden;}
.newsTop p{ color: #a5a4a4; font-size: 14px; line-height: 21px; overflow: hidden; height: 42px;}
.newsTop p a{ color: #f44718;}

.box_1 .right{width: 207px;float:right;}
.box_1  .titTop2 .right{float: right;width: auto;}
.lead{background: #fcfcfc; overflow: hidden; padding-bottom: 10px;}
.lead ul li{width: 50%;float: left;}
.lead ul li a{ display: block;text-align: center; padding-top: 10px;}
.lead ul li a span,.lead ul li a em{display: block;font-style: normal;font-size: 14px;}

.ico-weixin,.ico-sina,.ico-pc{background: url(../ico/ico23.png) no-repeat;width: 36px;height: 34px;display: inline-block; vertical-align: middle;-webkit-transition: ease-in-out .2s;-moz-transition: ease-in-out .2s;-ms-transition: ease-in-out .2s; transition: ease-in-out .2s;}
.ico-weixin{background-position: 0 0;}
.ico-sina{background-position: -56px 0;}
.ico-pc{background-position: -114px 0;}

a:hover .ico-weixin{background-position: 0 -36px;}
a:hover .ico-sina{background-position: -56px -36px;}
a:hover .ico-pc{background-position: -114px -36px;}
.shareLink{border: 1px solid #ededed; margin-top: 12px; text-align: center; padding: 10px 0;}
.shareLink li{display: inline-block; margin: 0 10px;}


/*box_2*/
.box_2{position: relative;height: 140px; margin-top: 45px;}
.box_2 li{position: absolute;left: 0;top: 0;}
.box_2 li img{height: 140px;width: 100%;}
.adStep{position: absolute;right: 15px; top: 15px;}
.adStep span{display: inline-block;width: 10px;height: 10px;background-image: url(../ico/ico7.png); background-repeat: no-repeat; background-position: -15px 0;margin: 0 3px;}
.adStep span.active{background-position: 0px 0;}

/*box_3*/
.box_3{margin-top: 45px;width: 100%;display: table;overflow:hidden}
.box_3 .tabTop{ border-bottom: 2px solid #ededed;height: 40px;width: 100%; display: table;margin-bottom: 32px;}
.tabTop span{display: inline-block;height: 40px;background-color: #d8d8d8;text-align: center;width: 232px; font-size: 20px;color: #686868; line-height: 40px;float: left;margin-right: 1px;cursor: pointer;position: relative;}
.tabTop span i{width: 10px; height: 5px; display: inline-block;background: url(../ico/ico8.png) no-repeat; position: absolute;left: 50%;bottom: -5px;display: none;}
.tabTop span.active{background-color: #187fd3; color: #fff;}
.tabTop span.active i{display: inline-block;}
.tabBox{display: none;}
.tabBox.active{display: block;}
.tabBox>.left{width: 230px; float: left;}
.tabBox>.right{width: 910px;float: right; margin-top: 25px;}
.tabBox>.right .titTop img{width: 28px;height: 28px; display: inline-block; vertical-align: middle;}
.tabBox>.right .titTop span{}
.tabBox>.right .titTop span em{font-size: 18px; margin-left: 10px; display: inline-block; vertical-align: middle;}
.tabBox>.right .list{width: 910px;overflow: hidden; position: relative; margin-top: 30px;}
.hline{position: absolute;left: 50%;height: 100%;top: 20px;bottom: 0;border-left:1px solid #f1f1f1;}
.tabBox>.right .newList ul{width: 130%;}
.tabBox>.right .newList li{ width: 34%;float: left; margin-right: 100px;}

.tabBox>.left ul li{ margin-bottom: 5px;} 
.tabBox>.left ul li a{ line-height: 54px;font-size: 18px; text-align: center; background: #eeeeee;display: block;-webkit-transition: ease-in-out .2s;-moz-transition: ease-in-out .2s;-ms-transition: ease-in-out .2s; transition: ease-in-out .2s;}
.tabBox>.left ul li a:hover{background: #3ca6ff; color: #fff;}
.tabBox>.left ul li.active a{ background: #3ca6ff; color: #fff; position: relative;}
.tabBox>.left ul li.active a span{display: inline-block; padding-left: 10px; background: url(../ico/ico9.png) no-repeat left center;}
.tabBox>.left ul li.active a i{ height: 54px;width: 15px;background: url(../ico/ico10.png) no-repeat center center #187fd3;display: inline-block;position: absolute;right: 0;top: 0;}

.rightTab{display: none;}
.rightTab.active{display: block;}

/*box_4*/
.box_4{margin-top: 45px;width: 100%;display: table;}
.box_4 .left{width: 564px;float: left;}
.box_4 .right{float: right;width: 565px;}
.box_4 .titTop2 .right{width: auto;}
.box_4 .titTop2{ margin-bottom: 18px;}
.box_4 .leftImg{float: left;margin-right: 0px;}
.box_4 .leftImg img{width: 173px;height: 201px;}
.box_4 .lrList{width: 370px;float: right; margin-top: 10px;}
.rightIntro{ width: 378px;float: right;}
.box_4 .docIntro{position:relative;height: 220px;width: 100%;overflow: hidden;}
.box_4 .docIntro ul{}
.box_4 .docIntro ul li{height: 220px;width: 565px;position: absolute;left: 0; top: 0;display: none;}
.box_4 .docIntro ul li h4{font-size: 18px;font-weight: normal; margin-bottom: 8px;}
.box_4 .docIntro ul li h4 b{font-size: 23px;color: #3ca6ff;font-weight: normal;}
.scrollStep{position: absolute;right: 0;bottom: 0;}
.scrollStep .docLeftArr,.scrollStep .docRightArr{width: 6px;height: 10px;display: inline-block;background: url(../ico/ico21.png) no-repeat;vertical-align: middle;margin: 0 2px;}
.scrollStep .docLeftArr{background-position: 0 0;}
.scrollStep .docRightArr{background-position: -6px 0;}
.scrollStep span{display: inline-block;width: 8px;height: 8px;background: url(../ico/ico20.png) no-repeat -15px 0;vertical-align: middle;margin: 0 2px;cursor: pointer;}
.scrollStep span.active{background-position: 0 0;} 


.docInfo{position: relative;padding-left: 62px;min-height: 30px; margin-bottom: 8px; font-size: 14px; line-height: 18px; color: #727272;}
.docInfo span{display: inline-block; width: 50px;text-align: center;position: absolute;left: 0;top: 5px; border-radius: 4px; color: #fff; font-size: 16px; line-height: 30px;;}
.forte span{ background-color: #41bc90;}
.info span{ background-color: #f496a6;}


/*box_5*/
.box_5{ margin-top: 50px;}
.topic{ border: 1px solid #ddd; padding: 5px;overflow: hidden;}
.scrollLeft{width: 16px;height: 187px;background: url(../ico/ico16.png) no-repeat center center #ececec;float: left;}
.scrollRight{width: 16px;height: 187px;background: url(../ico/ico17.png) no-repeat center center #ececec;float: left;}
.topicScroll{width: 1122px; overflow: hidden;; position: relative; height: 187px;float: left;}
.topicScroll ul{width: 99999px;position: absolute;left: 0;top: 30px;}
.topicScroll li{width: 239px;height: 144px;float: left; margin-left:35px;position: relative;}
.topicScroll li span{display: inline-block;width: 100%; height: 36px; line-height: 36px; text-align: center; font-size: 18px; color: #187fd3;background: rgba(255,255,255,.8) url(../ico/ico18.png) no-repeat center 190px;position: absolute;left: 0; top: 50%; margin-top: -18px;-webkit-transition: ease-in-out .2s;-moz-transition: ease-in-out .2s;-ms-transition: ease-in-out .2s; transition: ease-in-out .2s;}
.topicScroll li.active span,.topicScroll li a:hover span{line-height: 144px;background: rgba(60,166,255,.78) url(../ico/ico18.png) no-repeat center 90px; height:144px;top: 0; margin-top: 0; color: #fff;}

/*box_6*/
.box_6{margin-top: 70px;}
.box_6 .titTop2 span{ border-bottom: 2px solid transparent;}
.server{border: 1px solid #ddd;padding:15px 0 30px 30px;overflow: hidden;}
.server li{width: 212px;height: 68px;float: left;margin: 12px 12px 0 0;}
.server li a{display: block; line-height: 68px;font-size: 16px;text-align: center;color: #fff;position: relative;overflow: hidden;}
.server li a i{width: 52px;height: 1px;background-color: #fff;position: absolute;left: 50%;margin-left: -26px; top: 70px; -webkit-transition: ease-in .1s;-moz-transition: ease-in .1s;-ms-transition: ease-in .1s; transition: ease-in .1s;}
.server li a:hover{opacity: .8;}
.server li a:hover i{top: 50px;}
.server .bg_1 a{background-color: #187fd3;}
.server .bg_2 a{background-color: #41bc90;}
.server .bg_3 a{background-color: #f496a6;}
.server .bg_4 a{background-color: #e9c77d;}
.server .bg_5 a{background-color: #54bed6;}
.server .bg_6 a{background-color: #f0bc4a;}
.server .bg_7 a{background-color: #54bed6;}
.server .bg_8 a{background-color: #1f83d4;}
.server .bg_9 a{background-color: #f2ba95;}
.server .bg_10 a{background-color: #a9c969;}


/*box_7*/
.box_7{position: relative;width: 100%;display: table;border: 1px solid #ddd; padding-bottom: 13px;margin-top: 40px;}
.box_7 h4{position: absolute;left: 0;top: 0;background: #187fd3;color: #fff; text-align: center;width: 108px;height: 100%;}
.box_7 h4 span{position: absolute;left: 0;top: 50%; margin-top: -22px;display: block;text-align: center;width: 100%;font-size: 20px;font-weight: normal; line-height: 24px;}
.box_7 h4 i{display: inline-block;width: 7px;height: 16px;background: url(../ico/ico19.png) no-repeat;position: absolute;right: -7px; top: 50%;}
.linkList{width: 1060px;margin-left: 108px;overflow: hidden;}
.linkList ul{margin: 26px 0 0px 26px;}
.linkList li{float: left;margin:0 0 13px 26px;}
.linkList li img{width: 142px;height: 50px;}




/***inner****/
.ban{height:285px; width:100%; position:relative; overflow:hidden; z-index: 1;}
.ban img{position: absolute;width: 1600px;text-align: center;height:285px;left: 50%; margin-left: -800px;top: 0;}
.path{line-height: 40px; border-bottom: 1px solid #ddd; height: 40px; background: #f6f6f6; font-size: 14px;;}
.path .center{position: relative;}
.ico-path{display: inline-block;width: 15px;height: 20px;background:url(../ico/ico24.png) no-repeat center center; vertical-align: middle; margin-right: 5px;}
.ico-arr-down{display: inline-block;width: 17px;height: 7px;background:url(../ico/ico27.png) no-repeat center center; position: absolute;left: 90px;top: 41px;;}


.wrapperLeft{ width: 207px; float: left; margin-top: 42px;}
.wrapperLeft .titTop2{ margin-top: 30px;}
.wrapperRight{ width: 900px;float: right; margin-top: 42px; border-left: 1px dotted #c7c7c7; padding-left: 30px;}

.siberList h4{ background: #187fd3;color: #fff; line-height: 50px;height: 50px;text-align: center;}
.siberList h4 img{display: inline-block;vertical-align: middle; margin-right: 10px;}
.siberList h4 span{ display: inline-block;width: 80px;font-size: 20px;font-weight: normal;vertical-align: middle;}
.siberList li{margin-top: 2px;position: relative;width: 100%;display: table;}
.siberList li a{ line-height: 34px; color: #5d5d5d; font-size: 14px;text-indent: 80px; background: #f8f8f8;display: block;}
.siberList li a:hover{color: #fff; background: #3ca6ff url(../ico/ico9.png) no-repeat 65px center;}
.siberList li i{width: 5px;height: 10px;display: inline-block;background: url(../ico/ico26.png) no-repeat center center;position: absolute;right: -5px;top: 50%;display: none; margin-top: -5px;}
.siberList li.active i{display: inline-block;}
.siberList li.active a{ color: #fff; background: #3ca6ff url(../ico/ico9.png) no-repeat 65px center;}

.page{width: 100%;display: table;padding: 10px;text-align: center; margin-top: 30px;}
.page a{border: 1px solid #ddd; display: inline-block;padding: 0 5px;margin: 0 3px;}
.page a.active{ color: #fff; background: #187fd3; border-color:#187fd3;}

.ListIndex li{}
.ListIndex li a{padding:5px 8px;background: #fff;}
.ListIndex li a:hover{ color: #f44718;}
.ListIndex li:nth-child(2n-1) a{
	background-color:#fbfbfb;
}

.detialTop{text-align: center; padding-bottom: 25px; border-bottom: 1px dotted #C7C7C7; margin-bottom: 35px;}
.detialTop h4{ font-size: 26px; color: #187fd3; margin-bottom: 10px; line-height: 30px;font-weight: normal;}
.detialTop h5{ font-size: 14px; font-weight: normal;}
.detialTop h5 span{ margin: 0 10px;}

.detialCon{ line-height: 26px; font-size: 14px;}
.detialCon p{ margin-bottom: 10px;}

.doctor{ margin-top: 35px;}
.docPic{margin-right: 35px;}
.docInfoRight h4{ font-size: 23px; color: #187fd3; font-weight: normal; line-height: 32px;}
.docInfoRight p{ line-height: 30px; font-size: 14px;;}
.btnYY{display: inline-block;width: 153px; height: 43px; font-size: 18px; color: #fff; background: #90d761; text-align: center;; line-height: 43px; margin-top: 15px;;}

.docBox{width: 100%;display: table;padding: 20px 0;border-top: 1px solid #ededed; font-size: 14px;}
.docBoxL{width: 225px;float: left;text-align: center;font-size: 22px;display: table-cell;}
.docBoxL p{ display: inline-block; vertical-align: middle; padding: 10px 0;}
.docBoxL p span,.docBoxL p img{display: inline-block; vertical-align: middle;}
.docBoxL p span{ line-height: 30px; color: #000; margin-left: 10px;}
.docBoxR{width: 850px;float: left; padding-left: 35px; line-height: 26px; color: #666; border-left: 1px dotted #aaa; min-height: 70px;}

.reserveTable{ width: 100%;}
.reserveTable th{ background: #187fd3; color: #fff;border-left: 1px solid #fff;border-bottom: 1px solid #fff;text-align: center; line-height: 38px;font-weight: normal;}
.reserveTable td{border-left: 1px solid #fff;border-bottom: 1px solid #fff; background-color: #f4f4f4;line-height: 38px; text-align: center;}
.reserveTable td .chu{display: block;width: 100%;height: 100%; background: #fbc43e; color: #fff;}