@charset "utf-8";
/* CSS Document */
.aboutus-top { width:100%; height:650px; margin-top:90px; padding-top:100px; background:url(../images/aboutimages/about_02.jpg) no-repeat center;}
.aboutus-top-content { height:530px; padding:20px; background:rgba(255,255,255,.85); border-radius:10px;}
.aboutus-top-content dl { height:400px;}
.aboutus-top-content dl dt { display:none;}
.aboutus-top-content dl dd p { font-size:16px; color:#333; line-height:32px; padding:10px 30px; text-align:justify; text-indent:2em;}
.aboutus-top-content dl dd p.ftitle { font-size:22px; text-align:center; padding-top:30px; font-weight:bold; text-indent:0; color:#e95a0d;}
.aboutus-top-content dl dd p.stitle { font-size:16px; color:#062e3b; font-weight:bold;}
.aboutus-top-content dl dd p.ttitle { color:#062e3b; font-weight:bold; text-indent:0; padding-bottom:.3rem;}
.aboutus-top-content dl dd p a:link { color:#06F; font-weight:bold;}
.aboutus-top-content dl dd p a:active{ color:#06F; font-weight:bold;}
.aboutus-top-content dl dd p a:visited{ color:#06F; font-weight:bold;}
.aboutus-top-content dl dd p a:hover{ color:#06F; font-weight:bold;}




.pp-sp { width:100%; height:670px; margin-bottom:2rem; background:url(../images/aboutimages/spbg.jpg) no-repeat center;}
#myCuPlayer { height:520px; margin-top:70px;}

@media only screen and (max-width:800px){ 
.aboutus-top-content dl { padding-left:0; background:#fff;}
.pp-sp { display:none;}
.aboutus-top { width:100%; height:auto; margin-top:13rem; padding-top:2rem; padding-bottom:2rem; background:url(../images/aboutimages/about_02.jpg) 100% 100%; background-size:130rem;}
.aboutus-top-content { width:96%; border-radius:.3rem; height:auto; margin:0 auto; margin-top:1rem; padding:0; background:rgba(255,255,255,.4);}
.aboutus-top-content dl { width:100%; height:auto; display:block; background:rgba(255,255,255,.8);}
.content_7{position:relative;width:100%; padding:.3rem;overflow:auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.aboutus-top-content dl dd p { font-size:2rem; color:#333; line-height:3rem; padding:1rem 1rem; text-align:justify; text-indent:2em;}
.aboutus-top-content dl dd p.ftitle { font-size:3rem; font-weight:bold; color:#e95a0d; text-align:center; padding-top:1rem;}
.aboutus-top-content dl dd p.stitle { font-size:1.8rem; color:#062e3b; font-weight:bold;}
.mCustomScrollBox > .mCSB_scrollTools { width:1rem;}
.mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonUp { height:1.4rem;}
.mCS-light-2 > .mCSB_scrollTools .mCSB_buttonUp { display:none;}
.mCS-light-2 > .mCSB_scrollTools .mCSB_buttonDown { display:none;}
.mCSB_scrollTools .mCSB_buttonDown { margin-top:-4.2rem;}
.mCSB_scrollTools a + .mCSB_draggerContainer {}
.mCSB_container { margin-right:1rem;}
.mCS-light-2 > .mCSB_scrollTools .mCSB_draggerRail { width:.2rem;}
.mCS-light-2 > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width:.4rem;}
.pp-sp { width:100%; height:30rem; margin:3rem auto; background:none; }
#myCuPlayer { height:30rem; margin:0; padding:0;}
}

.about-ks { padding-left:5px;}
.about-ks-title { font-size:1.6rem; color:#e95a0d; text-align:center; line-height:4rem;}
.about-ks-js p { text-align:justify; text-indent:2em; color:#333; font-size:16px;}
.about-ks dl dt { font-size:1rem; color:#222538; padding:1rem 0;}
.about-ks dl dd { display:block; margin-bottom:1rem; float:left; overflow:hidden; border-radius:.2rem; font-size:.7rem;box-shadow:0 0 5px rgba(0,0,0,.5);}
.about-ks dl dd  p { padding:.5rem; font-size:.7rem; line-height:1.4rem; text-align:justify; color:#2d3666;}
.about-ks dl dd  p strong {font-size:.8rem; height:1.4rem; line-height:1.4rem; display:block; overflow:hidden; text-align:center; font-weight:600px;}
.about-ks dl dd:nth-child(2) { background-color:#2d3666; background:rgba(45,54,102,.2);}
.about-ks dl dd:nth-child(3) { background-color:#cf1322; background:rgba(207,19,34,.2);}
.about-ks dl dd:nth-child(4) { background-color:#ee6100; background:rgba(238,97,0,.2);}
.about-ks dl dd:nth-child(5) { background-color:#007ace; background:rgba(0,122,206,.2);}
.about-ks dl dd:nth-child(6) { background-color:#50b83c; background:rgba(80,184,60,.2);}
.about-ks dl dd:nth-child(7) { background-color:#b762ff; background:rgba(183,98,255,.2);}
.about-ks dl dd:nth-child(8) { background-color:#5c6ac4; background:rgba(92,106,196,.2);}
.about-ks dl dd:nth-child(9) { background-color:#3294d7; background:rgba(50,148,215,.2);}
.about-ks dl dd:nth-child(10) { background-color:#ec8752; background:rgba(236,135,82,.2);}
.about-ks dl dd a { color:#d8424e}
.about-ks dl:nth-child(4) dd,.about-ks dl:nth-child(5) dd { width:100%; padding:0; margin:0; height:auto; background:none; box-shadow:none; min-height:3rem;}



.about-ks dl { width:100%; display:block; clear:both;}
.about-ks dl dd { width:32%; min-height:290px;}
.about-ks dl dd p { font-size:16px; line-height:30px;}
.about-ks dl dd:nth-child(3),.about-ks dl dd:nth-child(6),.about-ks dl dd:nth-child(9) { margin:0 1%;}

@media only screen and (max-width:800px) {
.about-ks { padding:0;}
.about-ks-title { font-size:3rem; font-weight:bold; padding-top:2rem; color:#e95a0d; text-align:center; line-height:6rem;}
.about-ks dl { width:98%; margin:0 auto; display:block; overflow:hidden; clear:both; padding-bottom:1rem;}
.about-ks-js { padding:0; margin:0 auto; width:98%;}
.about-ks-js p { font-size:2rem; padding:0 1rem; margin:0; font-weight:normal;}
.about-ks dl dd p { font-size:2.6rem; line-height:30px; padding:0 2rem 2rem 2rem;}
.about-ks dl dd { width:98%; margin:0 1%; min-height:7rem;}
.about-ks dl dt { font-size:2.6rem; line-height:3rem; margin-top:1rem;}
.about-ks dl dd p strong { height:4rem; font-size:2.4rem; line-height:4rem;}
.about-ks dl dd p { font-size:2rem; line-height:3rem;}
}


/**医院环境**/
.in-hj { height:670px;}
.hjpic-s { width:1220px; height:204px; clear:both;}
.box{font-family:'Merriweather Sans',sans-serif;border-radius:7px;overflow:hidden;position:relative;z-index:1;transition:all .5s; width:291px; height:204px; display:block; float:left; margin-top:10px; margin-right:12px; display:block;}
.hjpic-s box:nth-child(4) { margin-right:0;}
.box:hover{box-shadow:3px 3px 5px #999}
.box:after,.box:before{content:"";background:radial-gradient(circle at 23% 70%,rgba(255,255,255,.8),#fff 30%);width:150%;height:150%;opacity:0;transform:rotate(45deg);position:absolute;top:-10.5%;right:-150%;z-index:1;transition:all .35s ease}
.box:after{background:rgba(255,255,255,.5);width:65%;height:65%;right:auto;left:-20%;top:-65%}
.box:hover:before{opacity:1;right:-85%}
.box:hover:after{opacity:1;top:-42%}
.box img{width:100%;height:auto;transition:all .5s ease}
.box:hover img{transform:scale(1.2)}
.box .box-content{text-align:right;transform:translateY(-50%);position:absolute;top:50%;right:-100%;z-index:2;transition:all .5s}
.box:hover .box-content{right:5%}
.box .title{color:#1e272e;font-size:23px;font-weight:700;text-transform:uppercase;margin:0 0 3px 0}
.box .post{font-size:16px;text-transform:capitalize;margin:0 0 10px;display:block}

.hjpic-sr { width:430px; float:left;}
.hjpic-sr .boxa:nth-child(1) { margin:0 10px 10px 10px; color:#093;text-shadow:0 3px 2px #fff;}
.hjpic-sr .boxa:nth-child(2) { margin-bottom:10px; color:#F30;text-shadow:0 3px 2px #fff;}
.hjpic-sr .boxa:nth-child(3) { margin:0 10px 10px 10px; color:#C90;text-shadow:0 3px 2px #fff;}
.hjpic-sr .boxa:nth-child(4) { margin:0; color:#FFF;text-shadow:0 3px 2px #333;}
.boxa{background:linear-gradient(#ffffff,#f1f1f1); width:205px; height:215px; float:left;font-family:'Merriweather Sans',sans-serif;border-radius:7px;position:relative;overflow:hidden}
.boxa:before{content:"";background:-webkit-repeating-linear-gradient(45deg,rgba(0,0,0,.1) 10px,transparent 10px,transparent 20px,rgba(0,0,0,.1) 20px,rgba(0,0,0,.1) 30px,transparent 30px,transparent 40px,rgba(0,0,0,.1) 40px,rgba(0,0,0,.1) 50px,transparent 50px,transparent 60px,rgba(0,0,0,.1) 60px,rgba(0,0,0,.1) 70px,transparent 70px,transparent 80px,rgba(0,0,0,.1) 80px,rgba(0,0,0,.1) 90px,transparent 90px);width:100%;height:100%;opacity:0;position:absolute;top:0;left:0;z-index:0;transition:all .5s}
.boxa:hover:before{opacity:.8}
.boxa img{width:100%;height:auto;transition:all .5s ease;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%); z-index:9;}
.boxa:hover img{opacity:.5;-webkit-clip-path:polygon(50% 0,99% 50%,50% 99%,0 50%);clip-path:polygon(50% 0,99% 50%,50% 99%,0 50%); z-index:29;}
.boxa .boxa-content{text-align:center;width:100%;opacity:0;transform:translateX(-50%) translateY(-50%) rotate(0deg);position:absolute;top:50%;left:50%;z-index:1;transition:all .5s;}
.boxa:hover .boxa-content{opacity: 1;transform: translateX(-50%) translateY(-50%) rotate(0deg);}
.boxa .title{font-size:30px; line-height:40px;font-weight:700;text-transform:uppercase;margin:0 0 3px 0}
.boxa .post{font-size:16px; line-height:30px;text-transform:capitalize;display:block}

.hjpic-sb { width:770px; float:left;}
.boxb{font-family:'Varela Round',sans-serif;border-radius:7px; width:770px; height:440px; float:left;text-align:center;overflow:hidden;perspective:800px;position:relative;}
.boxb:after,.boxb:before{content:"";background:rgba(255,255,255,.9);width:44%;height:42%;opacity:0;transform:translateY(-50%) rotateY(90deg);transform-origin:right center;transform-style:preserve-3d;position:absolute;top:50%;left:5%;z-index:1;transition:all .4s ease-out}
.boxb:after{transform:translateY(-50%) rotateY(-90deg);transform-origin:left center;left:auto;right:7%}
.boxb:hover:after,.boxb:hover:before{opacity:1;transform:translateY(-50%) rotateY(0)}
.boxb img{width:100%;height:auto;transition:all .4s ease}
.boxb:hover img{filter:hue-rotate(50deg)}
.boxb .boxb-content{color:#e95a0d;width:100%;opacity:0;transform:translateY(-50%);position:absolute;top:50%;left:0;z-index:2;transition:all .4s}
.boxb:hover .boxb-content{opacity:1}
.boxb .title{font-size:22px;font-weight:700;letter-spacing:1px;margin:0 0 3px 0;text-transform:uppercase}
.boxb .post{font-size:16px}
.boxb .icon{padding:0;margin:0;list-style:none;transform:translateX(-50%);position:absolute;left:50%;bottom:13px}

@media only screen and (max-width:800px) {
.in-hj { height:auto;}
.hjpic-sb { width:96%; margin:0 auto; float:none; clear:both;}
.hjpic-sb .boxb { width:100%; height:auto; display:block;}
.hjpic-sb img { display:block; width:100%; height:auto;}
.hjpic-sr { width:96%; margin:0 auto; padding-top:1rem; display:block; float:none; clear:both;}
.hjpic-sr .boxa { width:25%; height:auto; margin:0; border-radius:0; float:left;}
.hjpic-sr .boxa:nth-child(1),.hjpic-sr .boxa:nth-child(2),.hjpic-sr .boxa:nth-child(3),.hjpic-sr .boxa:nth-child(4) { margin:0;}
.hjpic-sr .boxa:nth-child(1) { border-top-left-radius:7px; border-bottom-left-radius:7px;}
.hjpic-sr .boxa:nth-child(4) { border-top-right-radius:7px; border-bottom-right-radius:7px;}
.hjpic-s { width:96%; height:auto; margin:0 auto; display:block; clear:both;}
.hjpic-s .box { width:49%; padding-top:1rem; margin:0; float:left; height:auto; display:block;}
.hjpic-s .box img { display:block; border-radius:7px;}
.hjpic-s .box:nth-child(1),.hjpic-s .box:nth-child(3) { margin-right:2%;}
.boxa .boxa-content,.box .box-content { display:none; width:0; height:0;opacity:0;}
.boxb:hover:after,.boxb:hover:before{opacity:0; display:none;}
.boxb:hover .boxb-content{opacity:0; display:none;}
.boxb:after,.boxb:before {opacity:0; display:none;}
.boxa:before { display:none;}
.box:after{ display:none;}
.box:hover:before{opacity:0; display:none;}
.box:hover:after{opacity:0; display:none;}
.boxa:hover img,.box:hover img{opacity:1;-webkit-clip-path:none;clip-path:none;filter:none; z-index:29;}
.box:hover img{transform:scale(1);}
}

.about-zj { height:490px; background:url(../images/aboutimages/zj.jpg) no-repeat left center #2d6074;box-shadow:0 0 5px rgba(0,0,0,.5); border-radius:7px;}
.about-zj dl { padding:20px 30px; color:#fff;}
.about-zj dl:nth-child(1) { background-color:#00a7eb;}
.about-zj dl:nth-child(2) { background-color:#f1861b;}
.about-zj dl:nth-child(3) { background-color:#2d6074;}
.about-zjc { padding-left:654px;}

.about-zj dl dt { font-size:16px; line-height:36px; font-weight:600;}
.about-zj dl dd { font-size:14px; line-height:28px; text-align:justify;}
.about-zjm { width:100px; text-align:center; height:30px; line-height:30px; font-size:14px; margin:0 auto;background-color:#2d6074; padding:0 10px; color:#fff; margin-top:20px;}
.about-zjm a { color:#fff;}

@media only screen and (max-width:800px) {
.about-zj { background:url(../images/aboutimages/zj.jpg) no-repeat; height:auto; background-size:100% auto;box-shadow:none;}
.about-zj dl { padding:1rem 2rem; color:#fff;}
.about-zj dl:nth-child(1) { background-color:#00a7eb;}
.about-zj dl:nth-child(2) { background-color:#f1861b;}
.about-zj dl:nth-child(3) { background-color:#2d6074;}
.about-zjc { padding-left:0; padding-top:42rem; height:auto;}

.about-zj dl dt { font-size:2.2rem; line-height:3rem; font-weight:600;}
.about-zj dl dd { font-size:2rem; line-height:3.6rem; text-align:justify;}
.about-zjm { width:12rem; height:4rem; line-height:4rem; font-size:2rem; margin:2rem auto; text-align:center;}
}

.pp-gy {}
.pp-ss p { font-size:16px; line-height:28px; padding-bottom:20px;}
.pp-gy ul li { width:380px; height:240px; float:left; background-color:#eee; font-size:16px; line-height:30px; text-align:center;}
.pp-gy ul li:nth-child(2),.pp-gy ul li:nth-child(5) { margin:0 30px;}
.pp-gy ul li a span { font-size:14px;}
.pp-gy ul li { margin-bottom:20px;}
.pp-gy ul li img { display:block; width:380px; height:210px; float:left;}
.about-sb { margin-bottom:30px;}
.about-sb p { font-size:16px; line-height:30px; padding-bottom:20px;}
.about-sb img { display:block; margin:0 auto;}

@media only screen and (max-width:800px) {
.about-sb { margin-bottom:2rem;}
.about-sb p { padding:1rem; font-size:2.2rem; line-height:4rem; text-align:justify;}
.about-sb img { display:block; width:98%; height:auto; margin:0 auto;}
.pp-gy {}
.pp-ss p { padding:2rem; font-size:2.2rem; text-align:justify; line-height:3rem; padding-bottom:2rem;}
.pp-gy ul { display:block; width:96%; margin:0 auto;}
.pp-gy ul li:nth-child(2),.pp-gy ul li:nth-child(5) { margin:0 0 1rem 0;}
.pp-gy ul li { width:100%; height:14rem; display:block; margin:0 auto 1rem auto; background-color:#eee; line-height:4rem; text-align:left;}
.pp-gy ul li span { display:block; padding:1rem; font-size:2.2rem;}
.pp-gy ul li img { display:block; width:20rem; margin-right:1rem; height:14rem; float:left;}
	
}