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

/*header css*/
body { min-width: 320px; overflow-x: hidden; position:static !important;}
.bt { -moz-transition: background 0.3s linear 0s; -webkit-transition: background 0.3s linear 0s; transition: background 0.3s linear 0s; }
.ot { -moz-transition: opacity 0.3s linear 0s; -webkit-transition: opacity 0.3s linear 0s; transition: opacity 0.3s linear 0s; }
.translateXY { -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.translateY { -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.translateX { -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.contentBox { -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
.borderBox { -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.popMenus { position: absolute; width: 100%;height:100%; position: absolute; left: 0; top: 0; bottom: 0; right: 0; overflow: hidden; background-color: #3f4754;-moz-transition:all .6s ease-out 0s;-webkit-transition:all .6s ease-out 0s;transition:all .6s ease-out 0s;-moz-transform:translateX(-100%);-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%);z-index:200}
.popMenus.show{-moz-transform:translateX(0);-webkit-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);}
.pop_title { width: 100%; position: relative; z-index: 2; background-color: #2e3642; padding: 0 3%; }
.pop_title span { display: inline-block; float: left; font-size: 3.0rem; line-height: 2.66; color: #6a7380; }
.closePopMenu { display: block; width: 49px; height: 47px; right: 3%; top: 50%; }
.menuContainer { width: 100%; height: 100%; }
.menuNavs { width: 25.3%; background-color: #2e3642; height: 100%; float: left; overflow: hidden; position: relative; }
.menuNavs ul { position: absolute;width:100%;/* Prevent elements to be highlighted on tap */ -webkit-tap-highlight-color: rgba(0,0,0,0); /* Put the scroller into the HW Compositing layer right from the start */
-webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); padding-bottom:80px;}
.menuNavs ul li { width: 100%; font-size: 2.6rem; line-height: 2.57; padding-left: 9%; }
.menuNavs ul li.on { background-color:#3f4754;}
.menuNavs ul a { display: block; width: 100%; height: 100%; color: #fff; }
.menuContents {width:74.7%;height:100%;overflow:hidden;float:left;padding:0 6%;}
.menuContent {width:100%;height:100%;overflow:hidden;}
/*.menuLists {padding-bottom:80px;}*/
.menuList h4 {font-size:2.4rem;color:#fff;line-height:1.83;border-bottom:1px solid #525c6b;margin-top:2%;font-weight:normal;}
.menuList .links {padding:3% 0.5%;}
.menuList .links a{display:block;float:left;color:#a9a9a9;font-size:2.6rem;line-height:2.2;width:33%;overflow:hidden;}

.menuList .links a.hot:after {content:'';position:absolute;width:9px;height:11px; background:url(../images/h.png) no-repeat;top:0;right:-1px;}
.menuList .links a.hot.active:after {-webkit-animation:shake .4s linear 0s 1;animation:shake .4s linear 0s 1;}

.newNavs {padding:4% 0 4%; background-color:#fff;   }
.newNavs .newNav {width:25%;}

.newNavs .newNav a {display:block;width:57.5%;padding-top:57.5%;margin:0 auto;border-radius:50%;position:relative;z-index:2;}
.newNavs .newNav a img {position:absolute;width:100%;height:100%;left:0;top:0;display:block;border-radius:50%;}
.newNavs .newNav a:after {content:attr(data-txt);position:absolute;left:0;top:0;border-radius:50%;z-index:-1;width:100%;height:100%; background-color:rgba(0,0,0,0);font-size:4.3rem;color:#d70a50;text-align:center;line-height:2.3;font-weight:400;}
.newNavs .hmpinpai a:after {-moz-box-shadow:0 7px 20px rgba(215,10,80,.3);-webkit-box-shadow:0 7px 20px rgba(215,10,80,.3);box-shadow:0 7px 20px rgba(215,10,80,.3);}
.newNavs .tyys a:after {-moz-box-shadow:0 7px 20px rgba(172,93,159,.3);-webkit-box-shadow:0 7px 20px rgba(172,93,159,.3);box-shadow:0 7px 20px rgba(172,93,159,.3);}
.newNavs .safe-service a:after {-moz-box-shadow:0 7px 20px rgba(233,60,140,.3);-webkit-box-shadow:0 7px 20px rgba(233,60,140,.3);box-shadow:0 7px 20px rgba(233,60,140,.3);}
.newNavs .xmdq-circle a:after {-moz-box-shadow:0 7px 20px rgba(134,110,110,.3);-webkit-box-shadow:0 7px 20px rgba(134,110,110,.3);box-shadow:0 7px 20px rgba(134,110,110,.3);}
.newNavs .yh-activities a:after {-moz-box-shadow:0 7px 20px rgba(255,72,145,.3);-webkit-box-shadow:0 7px 20px rgba(255,72,145,.3);box-shadow:0 7px 20px rgba(255,72,145,.3);}
.newNavs .gallarys a:after {-moz-box-shadow:0 7px 20px rgba(242,57,91,.3);-webkit-box-shadow:0 7px 20px rgba(242,57,91,.3);box-shadow:0 7px 20px rgba(242,57,91,.3);}
.newNavs .ylbaoxian a:after {-moz-box-shadow:0 7px 20px rgba(106,167,27,.3);-webkit-box-shadow:0 7px 20px rgba(106,167,27,.3);box-shadow:0 7px 20px rgba(106,167,27,.3);}
.newNavs .fqtongdao a:after {-moz-box-shadow:0 7px 20px rgba(31,164,199,.3);-webkit-box-shadow:0 7px 20px rgba(31,164,199,.3);box-shadow:0 7px 20px rgba(31,164,199,.3);}
/*.newNavs .xmdq a:before {content:'';position:absolute;right:0;top:0;width:23.91%;height:30%; background:url(../../images/hot-icon.png) no-repeat;-moz-background-size:100%;-webkit-background-size:100%;background-size:100%;-webkit-animation:shake 4s linear 0s infinite;animation:shake 4s linear 0s  infinite;z-index:3}*/
@-webkit-keyframes shake{
		0%,10%,20%{
				-webkit-transform:translateY(0px);
				transform:translateY(0px);
			}
		5%,15% {
				-webkit-transform:translateY(-3px);
				transform:translateY(-3px);
			}
	}
@keyframes shake{
		0%,10%,20%{
				-webkit-transform:translateY(0px);
				transform:translateY(0px);
			}
		5%,15% {
				-webkit-transform:translateY(-3px);
				transform:translateY(-3px);
			}
	}
.newNavs .newNav p {font-size:2.6rem;text-align:center;color:#6a7380;line-height:2;}

.indexAnli {width:100%;overflow:hidden;}
.indexAnli .focus {width:100%;background-color:#fff;}
.indexAnli .focus em {float:left;position:relative;padding:3% 0;}
.indexAnli .focus em img {-moz-transition: transform 0.3s ease-out 0s;-webkit-transition: transform 0.3s ease-out 0s;transition: transform 0.3s ease-out 0s;}
.indexAnli .focus em.active:after  {content:'';position:absolute;width:0;height:0;border-color: transparent transparent #fff transparent;border-width:8px;border-style:solid;left:50%;top:-16px;margin-left:-6px;}
.indexAnli .focus em.active img{-moz-transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);transform:scale(1.2,1.2);}
.indexAnli .focus em img {display:block;width:75%;margin:0 auto;}
.indexAnli .focus em p {font-size:2.4rem;text-align:center;line-height:2;}
.export_teamSlides .focus {z-index:1;left:0;bottom:2%;width:100%;text-align:center;}
.export_teamSlides .focus span {display:inline-block;width:16px;height:16px; background-color:#FFF;margin:0 7px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;}
.export_teamSlides .focus span.on { background-color:#d70a50;}

/*手术日记、美丽相册、真实故事*/
.back_link a{display:block;width:100%;font-size:2.9rem;line-height:2.75; background-color:#FFF;text-align:center;color:#2e3642;position:relative;z-index:2;-moz-box-shadow:0 0px 7px  rgba(34,23,20,.5);-webkit-box-shadow:0 0px 7px  rgba(34,23,20,.5);box-shadow:0 0px 7px  rgba(34,23,20,.5);}
.note-tabs {width:100%; background-color:#6a7380;position:relative;top: 0;left: 0;z-index:9;overflow: hidden;}
.note-tabs a {display:block;width:50%;float:left;font-size:3.0rem;text-align:center;line-height:2.66;color:#2e3642;}
.note-tabs a.on { background-color:#FFF;}
.noteSlides .slide {width:100%;float:left;}
.note-tabs.sticky{position:sticky;position:-webkit-sticky;}
.note-tabs.fixed{ position: fixed;}
.ssrjBox {width:100%;padding:8% 3.5%;}
.zxLogs h6 {font-size:5rem;color:#222;text-align:center;line-height:3;}
.ssrjBox:nth-child(2n){ background-color:#e6e6e8;}
.ssrjBox .touxiang {width:13.4%;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;overflow: hidden;}
.ssrjBox .txt {width:85%;}
.ssrjBox .title {font-size:2.6rem;color:#2e3642;line-height:1.6;}
.recommond_items {margin:2% 0;}
.recommond_items em {display:inline-block;float:left;width:32px;height:32px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;overflow: hidden;}
.recommond_items  p {float:left;font-size:2.5rem;line-height:1.24;color:#6a7380;margin-left:1%;}
.recommond_items  p a{color:#6a7380;}
.ssrjBox .img {display:block;width:100%;margin-top:4%;}
.ssrjBox .img img {width:31%;float:left;margin-right:3.5%;}
.ssrjBox .img img:last-child {margin-right:0;}
.realStoryBox {width:96%;margin:0 auto;}
.realStoryBox dl {margin:3% auto 0;float:left;width:100%;}
.realStoryBox dl dt{padding:6% 0;}
.realStoryBox dl dt .touxiang {width:18%;}
.realStoryBox dl dt .txt {width:80%;}
.realStoryBox dl dt .txt h4 {font-size:5rem;line-height:1.3;color:#3d3f4b;font-weight:normal;}
.gallaryLists,.gallaryImgSlides {width:100%;overflow:hidden;}
.gallaryLists .slides .imgBox {width:488px;float:left;padding:0 14px;}
.gallaryLists .slides .imgBox img {width:460px;}
.slide_gallary {padding-bottom:40px;}
.gallary_buwei h4 {font-size:4.0rem;line-height:1.6;width:41.4%;padding-left:6%;font-weight:normal;position:relative;color:#fff;margin:22px 0 16px 2.1%;}
.gallary_buwei h4:after {content:'';position:absolute;left:10%;bottom:14%;width:80%;height:30%;-moz-box-shadow:0 0 4px 16px rgba(1,1,1,.52);-webkit-box-shadow:0 0 4px 16px rgba(1,1,1,.52);box-shadow:0 0 4px 16px rgba(1,1,1,.52); background-color:rgba(1,1,1,.52);z-index:-1;-moz-transform:rotate(2deg);-ms-transform:rotate(2deg);-o-transform:rotate(2deg);-webkit-transform:rotate(2deg);transform:rotate(2deg);-moz-transform-origin:right bottom;-webkit-transform-origin:right bottom;transform-origin:right bottom;}
.yanbu h4 { background-color:#716bbe;}
.bibu h4 { background-color:#003567;}
.mianbu h4 { background-color:#a286c0;}
.xingti h4 { background-color:#d70a50;}
.mianbunianqinghua h4 { background-color:#2e3642;}
.pifu h4 { background-color:#ff6005;}
.maofa h4 { background-color:#00b5ff;}
.kouqiang h4 { background-color:#947d53;}
.weizhengxing h4 { background-color:#7f5058;}
.xiongbu h4 { background-color:#ff0707;}

/*手术日记文章页*/
.pageTitle {width:100%;padding:6% 3%; background-color:#e6e6e8;}
.pageTitle dl {width:100%;}
.pageTitle dl dd {width:14.3%;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;overflow:hidden;float:left;}
.pageTitle dl dt{width:82%;float:right;}
.pageTitle dl h4 {font-size:4.0rem;line-height:1.4;color:#2e3642;font-weight:normal;}
.pageTitle dl p {font-size:2.4rem;color:#6a7380;line-height:1.6;}
.ssrjPageContent {width:100%;padding:0 3%; background-color:#FFF;}
.pageTxt {padding:5% 0 2%;}
/*.pageTxt h4{width:252px;height:64px;font-size:4rem;line-height:1.6;color:#fff;padding-left:4%; background:url(../images/pageTitleBg.jpg) no-repeat left center;-moz-background-size:100% 100%;-webkit-background-size:100% 100%;background-size:100% 100%;font-weight:normal;margin-bottom:2%;}*/

.pageTxt h4{padding:0 6% 0 4%;display:inline-block; background-color:#6b7380;font-size:4rem;line-height:1.6;color:#fff;text-align:center; font-weight:normal;margin-bottom:2%;position:relative;border-radius:8px;}
.pageTxt h4:after {content:'';position:absolute;width:48px;height:48px; background-color:#6b7380;right:-18px;top:8px;border-radius:8px;-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.pageTxt h4:before {content:'';position:absolute;width:12px;height:12px;border-radius:50%; background-color:#FFF;top:50%;margin-top:-6px;right:0;z-index:2;}

.pageTxt p {font-size:2.4rem;line-height:1.8;color:#6a7380}
.pageTxt img {margin-top:2%;}