@charset "gb2312";
/* CSS Document */
/*********************************
 *rookie QQ:1123486116
 *rookie making
 *rookie Copyright
**********************************/

/*banner*/



.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;
}

/*til*/
.til{width:1000px;height:80px;margin:40px auto;text-align:center;position:relative;}
.til h3{font-size:40px;line-height:56px;color:#006db8;border-bottom:1px solid #006db8; height:30px; font-weight:bold;}
.til span{ background:#fff; padding:0 16px;}
.til p{font-size:18px;line-height:12px;color:#a8a8a8; margin-top:30px; text-transform:uppercase;}
.til_bg{position:absolute;bottom:-8px;left:50%;margin-left:-8px; transition:0.4s;}
.til:hover .til_bg{ transform:rotateX(360deg);}
.boxbg .til span{ background:#f6f6f6;}

/*zixun*/
.zixun{width:400px;height:42px;text-align:center;margin:0 auto;padding:1px;padding:30px 0;}
.zixun a{width:398px;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:#c86b1b;}

/*repeated*/
.repeated{ width:1000px; margin:0 auto;}
.repeated ul{ overflow:hidden;}
.repeated li{ width:160px; height:35px; background:url(../images/repeated_01.png) no-repeat; float:left; font-size:18px; color:#ffffff; text-align:center; line-height:35px; margin:0 3px;}
.repeated li.on{ background:url(../images/repeated_02.png) no-repeat;}
.repeated dl{ width:1009px; height:369px; background:url(../images/repeated_bg.jpg) no-repeat;}
.repeated dt{ width:308px; height:319px; margin:20px 0 10px 5px; border-right:1px dashed #666666; float:left;}
.repeated dt img{ display:block; margin:0 auto; padding-top:30px;}
.repeated dd{ width:690px; float:right;}
.repeated dd p{ font-size:16px; color:#666666; width:576px; margin:0 auto; text-indent:2em; line-height:30px; margin-top:40px;}
.repeated dd p.repeated_p{ text-indent:0;}
.repeated dd p span{ background:#006db8; color:#fff; display:inline; padding:0 6px;}
.repeated dd em{ text-align:center; width:576px; margin:0 auto; display:block;}
.repeated_img{ width:970px; margin:30px auto;}

/*types*/
.types_bgtt{ width:998px; height:134px; background:url(../images/types_bgtt.jpg) no-repeat; margin:0 auto 30px; font-size:18px; color:#333333; line-height:30px;}
.types_bgtt p{ padding:36px 30px;}
.types{width:1000px;margin:0 auto;overflow:hidden;position:relative;}
.types dl{width:155px;height:227px;float:left;margin-right:14px;position:relative;cursor:pointer;overflow:hidden;}
.types dl.last{margin:0px;position:absolute;top:0px;right:0px;}
.types dl dt{width:159px;height:234px;transition: all 0.3s linear 0s;}
.types dl dd.title{width:100%;height:47px;background:#0161ab;position:absolute;bottom:10px;}
.types dl dd.title span{display:inline-block;width:100%;text-align:center;font-size:18px;line-height:28px;color:#fff;}
.types dl dd.title p{display:inline-block;width:100%;text-align:center;font-size:14px;color:#fff;}
.types dl dd.topR{width:55px;height:60px;position:absolute;top:0px;right:0px;z-index:15;}
.types dl dd.info{width:159px;height:234px;background:#dcdcdc;position:absolute;top:-234px;left:0px;z-index:14;opacity:0;}
.types dl dd.info span{display:inline-block;width:100%;text-indent:10px;font-size:18px;color:#fa7404;padding:20px 0 3px 0;}
.types dl dd.info p{width:142px;font-size:14px;color:#333;text-indent:26px;line-height:170%;margin:0 auto;padding:10px 0 0 0;}
.types_bg{ width:1000px; margin:20px auto 30px; overflow:hidden;}
.types_bg li{ width:324px; height:24px; float:left; background:url(../images/types_bg.png) no-repeat center; text-align:center; line-height:21px; font-size:24px; color:#303030;}

/*thoroughly*/
.thoroughly_bg{ width:525px; height:28px; margin:0 auto 30px; background:url(../images/thoroughly_bg.jpg) no-repeat; text-align:center; line-height:28px; font-size:18px; color:#bd0000;}
.thoroughly{ width:1200px; margin:0 auto; position:relative;}
.thoroughly ul{ width:999px; height:57px; background:url(../images/thoroughly_ul.jpg) no-repeat; overflow:hidden; margin:0 auto -7px;}
.thoroughly li{ width:333px; height:57px; float:left; font-size:28px; color:#ffffff; text-align:center; line-height:50px; background:url(../images/thoroughly_x.png) no-repeat right top;}
.thoroughly li.thoroughly_x{ background:none;}
.thoroughly li.on{ background:url(../images/thoroughly_li.jpg) no-repeat;}
.thoroughly .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; }
.thoroughly .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;}
.thoroughly:hover .prev,.thoroughly:hover .next{filter(opacity:1);opacity:1;bottom:300px;}
.thoroughly1{ background:url(../images/thoroughly1.jpg) no-repeat right top;}
.thoroughly2{ background:url(../images/thoroughly2.jpg) no-repeat right top;}
.thoroughly3{ background:url(../images/thoroughly3.jpg) no-repeat right top;}
.thoroughly .bd div{ position:relative; width:1200px; height:621px; margin:0 auto;}
.thoroughly .bd h3{ font-size:34px; color:#ff7500; margin:26px 100px;}
.thoroughly .bd p{ font-size:18px; color:#666666; margin:16px 100px;}
.thoroughly .bd p span{ background:#333333; color:#ffffff; padding:2px 6px 6px 14px; border-radius:50px; margin-right:6px;}
.thoroughly .bd p img{ margin:16px auto 0;}
.thoroughly .bd em{ background:url(../images/guocheng_em.png) no-repeat; width:622px; height:87px; margin:0 100px; padding:15px; font-size:16px; color:#666666; line-height:26px;}
.thoroughly .bd em span{ color:#bc0101;}
.thoroughly .bd a{ display:inline-block; position:absolute; bottom:5px; left:300px; box-shadow:5px 5px 5px #ccc; width:230px; height:50px; background:#ff7500 url(../images/zixun3.png) no-repeat 20px center; font-size:24px; color:#ffffff; text-align:center; line-height:46px; text-indent:30px; border-radius:5px;}
.thoroughly .bd p.thoroughly3_p{ line-height:36px; margin:-6px 100px 0;}
.thoroughly .bd p.thoroughly3_p span{ line-height:18px;}
.thoroughly .bd .thoroughly3 em{ padding:3px 15px;}

/*effects*/
.detox{width:1000px;margin:0 auto;}
.detox dl dt{margin-bottom:50px;}
.detox dl dt:last-child{margin-bottom:0;}
.detox dl dt strong{font-size:18px;line-height:60px;color:#666;text-align:center;display:block;}
.detox dt em img{ border:1px solid #dcdcdc; display:inline-block; float:left;}
.detox dt em span{ width:65px; height:318px; background:url(../images/paln_bg.png) no-repeat center; float:left;}
.detox dt em img:hover{ box-shadow:0 0 5px #000;}

/*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;}
.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;}

/*duang*/
.duang{height:229px;background:#fc8800;margin-bottom:100px;margin-top:50px;}
.duang_box{width:1000px;margin:0 auto;position:relative;}
.duang_inner{width:445px;height:254px;position:absolute;top:-14px;right:0;}
.duang_xbox{width:342px;height:229px;position:absolute;top:0;left:182px;}
.duang_xbox h3{font-size:22px;line-height:48px;color:#FFF;padding-top:25px;}
.duang_xbox p{font-size:16px;line-height:32px;color:#fff;}

/*effect*/
.effect{width:1000px;height:480px;margin:70px auto;}
.effect_til{width:1000px;height:40px;border-bottom:1px solid #909090;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;}
.effect_til ul li p{font-size:20px;line-height:40px;color:#fff;}
.effect_til .on{background:#006db8;box-shadow:1px 1px 5px #006db8;}
.effect_ball{width:50px;height:42px;background:#006db8;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;}
.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:18px;line-height:32px;color:#666666;}
.effect_box p span{color:#006db8;}
/*zixun02*/
.zixun02{width:186px;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;}

/*share*/
.share{ width:1000px;margin:0 auto;position:relative;}
.share .share_p{ margin-bottom:10px; overflow:hidden;}
.share .share_p p{ width:148px; text-align:center; margin-right:22px; float:left; font-size:18px; color:#000000;}
.share ol{margin-bottom:30px;}
.share ol li{ position:relative; width:144px; height:106px; border:2px solid #d7d7d7; float:left; margin-right:22px;}
.share ol .on{border:2px solid #0064b4;}
.share ol .on:after{ content:""; position:absolute; left:62px; bottom:-22px; width:0; height:0; border:10px solid transparent; border-top:10px solid #0064b4;}
.share ul{ height:410px; margin:0 auto;padding-top:40px;}
.share ul li{ height:100%; width:100%;}
.share ul img{width:100%;}
.share .prev{position:absolute;left:-50px;bottom:175px;z-index:10;}
.share .next{position:absolute;right:-50px;bottom:175px;z-index:10;}

/*scheme*/
.scheme{width:1000px;margin:0 auto;}
.scheme ol{padding:0 5px;margin-bottom:40px;}
.scheme ol li{width:290px;height:40px;background:#ff7500;text-align:center;margin:0 20px;float:left;font-size:24px;color:#fff;line-height:40px;border-radius:5px;position:relative;}
.scheme .on{background:#0064b4;}
.scheme .on:after{ content:"";position:absolute; left:135px; bottom:-20px; width:0; height:0; border:10px solid transparent; border-top:10px solid #0064b4; }
.scheme_box{width:350px;height:400px;float:left;margin-right:60px;}
.scheme_inner{height:400px;float:left;position:relative;}
.scheme_inner h3{font-size:34px;line-height:56px;color:#ff7800;margin-bottom:5px;}
.scheme_inner dl dt img{margin-right:7px;}
.scheme_inner dl dt p{display:inline-block;font-size:18px;line-height:40px;color:#666; vertical-align:middle;}
.scheme_inner dl dt p span{color:#0064b4;font-weight:bold;}

.zixun04{width:220px;height:40px;position:absolute;left:90px;bottom:45px; box-shadow:5px 5px 5px #ccc; border-radius:5px;}
.zixun04 a{width:100%;height:100%;background:#ff8400;text-align:center;border-radius:5px;color:#fff;display:inline-block;font-size:22px;line-height:40px;}


#HospitalAll{width:1000px;margin:0 auto;padding-top:20px;}
#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:5px 0 0 0 ;}
#HospitalNav ul li p{font-size:12px;text-indent:75px;}
#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;}




