@charset "gb2312";
/* CSS Document */


/*banner*/

.efficient .hd{ width:585px;}
.efficient .hd li{ float:left; margin-bottom:10px;}
.efficient .hd li em{ margin-left:1px; margin-right:1px;}

.banner{ width:100%; height:500px; position:relative;}
.banner_box1{width:100%;height:500px;margin:0 auto;background:url(../images/banner1.jpg) no-repeat center top; overflow:hidden;}
.banner_box2{width:100%;height:500px;margin:0 auto;background:url(../images/banner.jpg) no-repeat center top; overflow:hidden;}
.banner li a{width:100%;height:500px; display:block;}

.boxbg{ background:#f6f6f6; padding:10px 0; margin:50px auto;}
#banner ol {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  text-align: center;
  z-index: 3;
}
#banner ol li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 5px;
  border-radius: 50%;
  background: #464646;
  cursor: pointer;
}
#banner ol li.on {
  background: #005fa0;
}
#banner ul {
  height: 100%;
  margin: 0 auto;
}

.dy{ width:1000px; height:125px; margin:30px auto;background:#e4f5f6;}
.dy-left{ width:125px; height:125px; float:left}
.dy-right{ font-size:18px; float:left; width:815px; margin-left:30px; line-height:35px; margin-top:30px;}

/*til*/
.til{ width:1000px; margin:40px auto; text-align:center; position:relative;}
.til h2{ font-size:40px; color:#01897f; font-weight:bold; border-bottom:1px solid #acacac; padding-bottom:20px;}
.til b{ position:absolute; left:0; bottom:-8px; width:100%; text-align:center;}

/*zixun*/
.zixun{width:300px;height:42px;text-align:center;margin:0 auto;padding:1px;padding:30px 0;}
.zixun a{width:300px;height:40px;;background:#ff7500;border-radius:5px;border:1px solid #dc7014;color:#fff;font-size:24px;line-height:40px;display:inline-block; box-shadow:5px 5px 5px #ccc;}
.zixun a:hover{background:#ff5a00;}


/*share*/
.share{ width:1000px;margin:0 auto;position:relative;}
.share .share_p{ margin-bottom:10px; overflow:hidden;}
.share .share_p p{ width:129px; text-align:center; margin-right:15px; float:left; font-size:18px; color:#000000;}
.share ol{margin-bottom:30px;}
.share ol li{ position:relative; width:129px; height:99px; border:2px solid #d7d7d7; float:left; margin-right:11px;}
.share ol .on{border:2px solid #01897f;}
.share ol .on:after{ content:""; position:absolute; left:62px; bottom:-22px; width:0; height:0; border:10px solid transparent; border-top:10px solid #01897f;}
.share ul{ height:410px; margin:0 auto;padding-top:40px;}
.share ul li{ height:100%; width:100%;}
.share ul li div{ height:40px; margin:auto; font-size:20px; text-align:center; margin-top:20px;}
.share ul li div span{ border:#ccc solid 1px; border-radius:5px; margin-right:10px; padding:5px; color:#666666;}
.share ul img{width:100%;}
.share .prev{position:absolute;left:-80px;bottom:180px;z-index:10;}
.share .next{position:absolute;right:-80px;bottom:180px;z-index:10;}


.mark{ width:1000px; margin:auto}
.mark li{ transition:0.4s; float:left; margin-right:11px; width:240px; height:337px; position:relative; overflow:hidden;}
.mark li:hover div{ bottom:0;}
.mark li:hover p{ bottom:-70px;}
.mark li div{ transition:0.4s; position:absolute; left:0; bottom:-146px; font-size:12px; color:#fff; line-height:20px; width:100%; height:146px; background:#000; filter:alpha(opacity=70); background:rgba(0,0,0,0.5);}
.mark li p{ transition:0.4s; width:100%; height:70px; line-height:70px; text-align:center; font-weight:bold; background:#01897f; position:absolute; left:0; bottom:0; font-size:32px; color:#fff;}
.mark li div h2{ margin:0 12px; font-size:12px; padding-top:10px;}
.mark li div a{ width:140px; text-align:center; font-size:20px; color:#fff; background:#fa7404; position:absolute; left:53px; bottom:10px;}
.mark li div a img{ margin-left:10px;}
.mark li.li1{ background:url(../images/mark1.jpg) no-repeat;}
.mark li.li2{ background:url(../images/mark2.jpg) no-repeat;}
.mark li.li3{ background:url(../images/mark3.jpg) no-repeat;}
.mark li.li4{ background:url(../images/mark4.jpg) no-repeat;}
.mark li.li1:hover{ background:url(../images/mark5.jpg) no-repeat;}
.mark li.li2:hover{ background:url(../images/mark6.jpg) no-repeat;}
.mark li.li3:hover{ background:url(../images/mark7.jpg) no-repeat;}
.mark li.li4:hover{ background:url(../images/mark8.jpg) no-repeat;}


/*scheme*/
.scheme{width:1000px;margin:50px auto;}
.scheme ol{ width:700px; margin:auto;margin-bottom:40px;}
.scheme ol li{ border-radius:6px; width:220px;height:50px;background:#e8e8e8;text-align:center; margin-right:20px;float:left;font-size:24px;color:#fff;line-height:50px;position:relative;}
.scheme .on{background:#01897f;}
.scheme .on:after{ content:"";position:absolute; left:-10px; bottom:-5px; width:0; height:0; width:150px; }
.scheme .on em{ transition:0s; position:absolute; left:50%; margin-left:-10px; bottom:-20px; width:0; height:0; border:10px solid transparent; border-top:10px solid #01897f;}
.scheme .bd li dd{ position:relative; height:480px; width:552px;}
.scheme .bd li dd h2{ margin-bottom:10px; padding-bottom:10px; font-size:36px; color:#00887d; border-bottom:1px solid #00887d;}
.scheme .bd li dd p{ font-size:18px; color:#333; line-height:36px;}
.scheme .bd li dd p i{ font-weight:bold;}
.scheme .bd li dd p img{ margin-left:3px; margin-right:10px;}
.scheme .bd li dd em{ margin-top:40px;}
.scheme .bd li dd a{ position:absolute; left:140px; bottom:0; display:inline-block; width:240px; height:50px; line-height:50px; color:#fff; font-size:24px; border-radius:5px; background:#ff7500; text-align:center;}
/*tishi*/
.ts{ width:1000px; height:182px; margin:auto; background:url(../images/bg.jpg) center; position:relative;}
.ts span{ width:595px; line-height:30px; color:#FFF; font-size:18px; position:absolute; right:20px; bottom:30px;}

/*til*/
.tils{width:1000px;height:80px;margin:40px auto;text-align:center;position:relative;}
.tils h3{font-size:30px;line-height:50px;color:#fff;border-bottom:1px solid #01897e; height:30px; font-weight:bold;}
.tils span{ background:#01897e; padding:0 30px; border-radius:30px;}


.nwz{ width:1000px; margin:auto;}
.nwz li{ width:490px; height:178px; background:#e7e7e7;}
.n-left{ width:200px; height:178px; background:url(../images/jj.jpg); float:left; font-size:60px; color:#FFF; font-weight:bold; line-height:175px; text-align:center;}
.n-right{ width:250px; margin-right:20px; margin-top:35px; float:right; font-size:18px; line-height:30px;}
.n-right1{ width:255px; margin-right:20px; margin-top:25px; float:right; font-size:18px; line-height:30px;}

/*team*/
.team{width:1000px;margin:0 auto;position:relative;}
.team_box{ width:900px; height:610px;margin:0 auto;}
.team_box ul li{ width:900px; height:610px;}
.team .prev{position:absolute;bottom:0;left:0; width:50px; height:60px; background: url(../images/prev.jpg) no-repeat; z-index:10;filter(opacity:0);opacity:0; }
.team .next{position:absolute;bottom:0;right:0; width:50px; height:60px; background: url(../images/next.jpg) no-repeat; z-index:10;filter(opacity:0);opacity:0;}
.team:hover .prev,.team:hover .next{filter(opacity:1);opacity:1;bottom:300px;}
.team dl dd{ width:496px;}
.team dl dd b img{ margin-top:60px;}
.team dl dd p{ font-size:16px; line-height:200%; text-indent:2em; margin:25px 0;}
.team dl dd font{ display:block; width:225px; margin:35px auto 0;}
.team dl dd a{ background:#fa7404; display:block; width:225px; height:43px; font-size:22px; color:#ffffff; text-align:center; line-height:38px; border-radius:5px; box-shadow:5px 5px 5px #ccc;}
.team dl dd a:hover{background:#ff5a00;}
.spbf{ width:1000px; height:330px; margin:20px auto;}
.spbf .fl{ width:440px; height:330px;}
.spbf .fl dl{ width:440px; height:330px;}
.spbf .fl dt:hover{ cursor:pointer;}
.spbf .fr{ width:540px; height:330px;}
.spbf .fr div{ width:265px; height:160px; float:left; margin:0 0 10px 5px;}
.spbf .fr div dt:hover{ cursor:pointer;}


/*effect*/
.effect{width:1000px;height:480px;margin:70px auto;}
.effect_til{width:1000px;height:40px;position:relative;}
.effect_til ul{margin-left:70px;}
.effect_til ul li{width:222px;height:40px;float:left;margin-right:9px;background:#a5a5a5;text-align:center; position:relative;}
.effect_til ul li p{font-size:20px;line-height:40px;color:#fff;}
.effect_til .on{background:#2d949d;}
.effect_til .on em{position:absolute; left:48%; bottom:-20px; width:0; height:0; border:10px solid transparent; border-top:10px solid #2d949d;}


.effect_ball{width:50px;height:42px;background:#ff7800;position:absolute;top:-12px;left:8px;text-align:center;padding-top:8px;border-radius:50%;transition:1s;}
.effect_ball p{font-size:15px;line-height:17px;color:#fff;}
.effect:hover .effect_ball{ animation:circles 1s linear infinite; -webkit-animation:circles 1s linear infinite; -moz-animation:circles 1s linear infinite;}
@keyframes circles{0% {transform:rotatey(0);}100% {transform:rotatey(360deg);}}
@-webkit-keyframes circles{0% {-webkit-transform:rotatey(0);}100% {-webkit-transform:rotatey(360deg);}}
@-moz-keyframes circles{0% {-moz-transform:rotatey(0);}100% {-moz-transform:rotatey(360deg);}}
.effect dl{width:1000px;height:480px;overflow:hidden;}
.effect dl dt{width:945px;height:400px;padding:40px 25px 0 30px;}
.effect dl dt img{width:400px;height:400px;float:left;margin-right:32px; border:#ccc solid 1px; padding:5px;}
.effect_box{width:500px;height:400px;float:left;position:relative;}
.effect_box h3{font-size:30px;line-height:44px;color:#ff7500;}
.effect_box p{font-size:16px;line-height:32px;color:#666666;}
.effect_box p span{color:#008986;}
/*zixun02*/
.zixun02{width:230px;height:38px;background:#ff9000;text-align:center;position:absolute;bottom:10px;right:0;border-radius:5px; box-shadow:5px 5px 5px #ccc;}
.zixun02 a{font-size:18px;line-height:38px;color:#fff;}
.zixun02:hover{background:#ff7800;}




#HospitalAll{width:1000px;margin:0 auto;padding-top:20px;line-height: 1;}
#HospitalCon{width:800px;height:397px;float:left;overflow:hidden;background:#f5f5f5;margin-bottom:40px;}
#HospitalCon dl{width:800px;height:397px;}
#HospitalCon dl dt{width:270px;height:337px;padding:30px 20px;float:left;position:relative;}
#HospitalCon dl dt span{font-size:24px;color:#fa7404;}
#HospitalCon dl dt span i{font-style:normal;font-size:18px;color:#f90;display:none;}
#HospitalCon dl dt p{font-size:14px;color:#333;line-height:190%;text-indent:26px;padding:20px 0px 20px;}
#HospitalCon dl dt div{width:90px;height:38px;overflow:hidden;position:absolute;bottom:10px;right:20px;}
#HospitalCon dl dt div a{display:block;width:38px;height:38px;background:url(../images/Hospital_info.png) no-repeat;overflow:hidden;float:left;margin-left:5px;transition: all 0.3s linear 0s;}
#HospitalCon dl dt div a.xx{background-position:0px 0px;}
#HospitalCon dl dt div a.zx{background-position:-46px 0px;}
#HospitalCon dl dt div a.xx:hover{background-position:0px -42px;}
#HospitalCon dl dt div a.zx:hover{background-position:-46px -42px;}
#HospitalCon dl dd{width:459px;height:389px;border:4px solid #ccc;float:right;transition: all 0.6s linear 0s;opacity:0;}
#HospitalCon dl dd.active{opacity: 1;}
#HospitalNav,#HospitalNav ul{width:193px;height:397px;float:right;}
#HospitalNav ul li{width:193px;height:49px;cursor:pointer;position:relative;background:url(../images/Hospital_nav_bg.png) no-repeat;color:#111;margin-bottom:9px;font-size:17px;}
#HospitalNav ul li.last{margin:0px;}
#HospitalNav ul li.select{background:url(../images/Hospital_nav_hover.png) no-repeat;color:#fff;}
#HospitalNav ul li div{text-indent:75px;padding:10px 0 0 0 ;}
#HospitalNav ul li p{font-size:12px;text-indent:75px; padding-top:5px;}
#HospitalNav ul li i{display:block;width:30px;height:30px;overflow:hidden;float:left;background:url(../images/Hospital_icon.png) no-repeat;transition: all 0.3s linear 0s;position:absolute;top:10px;left:35px;}
#HospitalNav ul li i.i1{background-position:0px 0px;}
#HospitalNav ul li i.i2{background-position:0px -62px;}
#HospitalNav ul li i.i3{background-position:0px -124px;}
#HospitalNav ul li i.i4{background-position:0px -186px;}
#HospitalNav ul li i.i5{background-position:0px -248px;}
#HospitalNav ul li i.i6{background-position:0px -310px;}
#HospitalNav ul li i.i7{background-position:0px -372px;}
#HospitalNav ul li.select i.i1{background-position:0px -31px;}
#HospitalNav ul li.select i.i2{background-position:0px -93px;}
#HospitalNav ul li.select i.i3{background-position:0px -155px;}
#HospitalNav ul li.select i.i4{background-position:0px -217px;}
#HospitalNav ul li.select i.i5{background-position:0px -279px;}
#HospitalNav ul li.select i.i6{background-position:0px -341px;}
#HospitalNav ul li.select i.i7{background-position:0px -403px;}

/*evaluation*/
.comments{width:1000px;margin:0 auto;}
fieldset, img{ vertical-align:middle !important;}