/* CSS Document */
*{ margin:0;padding:0;border:0;}
body { color: #333; line-height: 1.75em; font-size: 14px;}
a { text-decoration: none; outline: none;}
img { outline: none; border:none;}
ul,li { list-style: none;}
.wrap { background: #ede8d4}
.fl { float: left;}
.fr { float: right;}
.clear { zoom:1;}
.clear:after { display: block; content: "\20"; clear: both;}
.width1100 { width: 1100px; margin:0 auto;}


/*2017.3.20医院简介页面*/
.banner { display:block; width:100%; background: url(../ztImages/yyjj/abanner_02.jpg) no-repeat top center; height:560px; }
.fonta { font-family: "Arial";}
.comtle { text-align: center; color: #fff; background: url(../ztImages/yyjj/atle_21.png) no-repeat; height: 80px; padding-top:20px;}
.comtle h2 { font-size: 40px; font-weight: normal; line-height: 40px; margin-bottom: 3px; font-family:"simhei";}
.comtle p { font-size: 16px; color: #7ecdd3; }
.combtn { padding-top:30px;}
.combtn a { display: block; border-radius: 5px; color: #fff; height: 45px; line-height: 45px; position: relative; overflow: hidden;}
.combtn a img { display: inline-block; vertical-align: middle; margin-top: -2px; margin-right: 8px;}
.combtn a.a1 { background: #6e6a66; text-align: center; font-size: 16px; width: 130px;}
.combtn a.a2 { background: #eea822;  font-size: 20px; text-align: center; width: 200px; margin-left: 20px;}
.combtn a i,.sectiong .btn a i { font-style: normal; display: block; width: 100%; height: 100%; position: relative; z-index: 2;}
.combtn a span { display: block; width: 0; height: 103%; top: 50%; left: 50%; background: #eea822; opacity: 0; transition: all 0.5s; position: absolute; border-radius: 5px; z-index: 1;
	-webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);}
.combtn a.a2 span { background: #6e6a66;}
.combtn a:hover span { width: 100%;opacity: 1;}
.comh2 { color: #03a0aa; font-size: 24px; background: url(../ztImages/yyjj/a3_03.png) no-repeat left center; padding-left:42px; height: 30px; line-height: 30px;}
.comh3 { background: url(../ztImages/yyjj/a4_11.png) no-repeat center center; color: #03a0aa; font-size: 24px; text-align: center; line-height: 24px; margin:40px 0 30px;}
.comimg:hover { transform: scale(1.02);  -webkit-transform: scale(1.02); -moz-transform: scale(1.02);}
.comimg,.comimg2 { transition:all 0.5s;}
.comimg2:hover { transform:rotate(360deg); -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg);}


.sectiona { background: url(../ztImages/yyjj/abg1_02.png) no-repeat top center; padding:80px 0 195px 0;}
.sectiona .sleft { width: 410px; margin-top: 40px;}
.sectiona .sleft p { margin-top: 18px; }
.sectiona .sright { width:650px;}
.sectiona .sright img { display: block;}
.sectiona .sright_l { width: 346px;}
.sectiona .sright_r { width: 295px;}
.sectiona .sright_l .first { margin-top:45px; width:286px; height:164px; overflow:hidden;  float: right; margin-bottom: 10px;}
.sectiona .sright_l .pic2 { width:346px; height:224px; overflow:hidden; float: right;}
.sectiona .sright_r .pic3 { width:295px; height:164px; overflow:hidden; float: right; margin-bottom: 10px;}
.sectiona .sright_r .last { margin-bottom:0; width:295px; height:270px; overflow:hidden;  float: right;}
.sectiona .tle { height: 80px; margin-bottom: 30px; color: #fff; padding:20px 0 0 20px;}
.sectiona .tle h2 { font-size: 40px; margin-bottom: 0px; line-height: 40px; font-family:"simhei";}
.sectiona .tle p { font-size: 16px; color: #6bc7ce;}


.sectionb { margin-top:-110px; padding-bottom: 120px;}
.sectionb .comtle { margin-bottom: 70px;}
.sectionb .sleft { position: relative;}
.sectionb .sleft img { position: relative; z-index: 1;}
.sectionb .sleft .border { position: absolute; left:330px; top:-40px; width: 195px; height: 430px; border:3px solid #fff;}
.sectionb .sright { width: 505px;}
.sectionb .sright p { margin-top: 20px;}
.sectionb .picbox { width:500px; height:360px; overflow:hidden;}

.sectionc { background: #e2ddc7; padding:50px 0 220px; }
.sectionc .width1100 { position: relative;}
.sectionc .comh3 { background: url(../ztImages/yyjj/a4_07.png) no-repeat center center;}
.sectionc .pbox { margin-bottom:20px;}
.sectionc ul { position: absolute; top:350px; left:0;}
.sectionc ul li { width: 360px; height: 456px; float: left; position: relative; overflow: hidden;}
.sectionc ul li.li1 { background: url(../ztImages/yyjj/a5_03.png) no-repeat;}
.sectionc ul li.li2 { background: url(../ztImages/yyjj/a6_03.png) no-repeat; width:390px; height: 462px; margin:30px 0 0 -10px;}
.sectionc ul li.li3 { background: url(../ztImages/yyjj/a5_05.png) no-repeat;}
.sectionc ul li img { display: block; position: absolute; top:0; left:0; z-index: 1; transition: all 0.6s; opacity: 0;}
.sectionc ul li p { position: absolute; width: 225px; height: 139px; background: url(../ztImages/yyjj/a7_03.png) no-repeat; top:215px; left:66px; z-index: 2; text-align: center; color: #fff; font-size: 18px; padding-top:85px; line-height: 24px;}
.sectionc ul li p a { color:#fff;}
.sectionc ul li.li2 p { background: url(../ztImages/yyjj/a7_08.png) no-repeat; left:83px; top:220px;}
.sectionc ul li.li3 p { background: url(../ztImages/yyjj/a7_05.png) no-repeat; left:68px;}
.sectionc ul li .tra { display: block; width: 98px; height: 38px; line-height: 38px; text-align: center; color: #fff; position: absolute; z-index: 3; border:1px solid #fff; font-size: 16px; left:130px; top:-100%; transition: all 0.9s; opacity: 0;}
.sectionc ul li.li2 .tra { left:140px;}
.sectionc ul li:hover img { opacity: 1;}
.sectionc ul li:hover .tra { top:110px; opacity: 1;}

.sectiond { background: #ede8d4; padding:360px 0 80px;}
.sectiond .sleft { width:599px; height:309px; overflow:hidden;}
.sectiond .comtle { margin-bottom: 30px;}
.sectiond .sdtop .sright { width: 455px; margin-top:45px;}
.sectiond .sdtop .sright p { margin-top:20px;}
.sectiond .sdtop .sright p a { color: #ed872c;}
.sectiond .sdbot .sleft { width: 475px; padding-top:10px;}
.sectiond .sdbot .sleft p { margin-top:20px;}
.sectiond .combtn a.a2 { width: 150px; font-size:16px;}


.sectione { background: url(../ztImages/yyjj/bg2_02.png) no-repeat top center; height: 870px; padding-top: 50px;}
.sectione .setop { margin-top: 65px;}
.sectione .sleft { width: 410px;}
.sectione .sleft p { margin-top: 20px;}
.sectione .sright { width: 650px; position: relative;}
.sectione .sright a { display: block; position: absolute; }
.sectione .sright a.a1 { width: 190px; height: 145px; top:20px; left:0;}
.sectione .sright a.a2 { width: 275px; height: 190px; top:0; left:190px;}
.sectione .sright a.a3 { width: 185px; height: 145px; top:20px; left:465px;}
.sectione .comh3 { background: url(../ztImages/yyjj/a4_14.png) no-repeat center center;}
.sectione .imgs { display: block; padding-bottom: 10px;}
.sectione .sebot p { width: 535px; margin:0 auto; margin-top:20px;}
.sectione .sebot .btn { margin:0 auto; margin-top: 40px; width: 390px;}
.sectione .sebot .btn a { display: block; height:46px; background:url(../ztImages/yyjj/spr.png) no-repeat; width:175px; transition:all 0.5s;}
.sectione .sebot .btn a.a2 { background-position:-180px 0; width:194px;}
.sectione .sebot .btn a.a1:hover { background-position:0 -47px;}
.sectione .sebot .btn a.a2:hover { background-position:-180px -47px;}
.sectione .imgsbox { background:url(../ztImages/yyjj/imgsbg_03.png) no-repeat center center; position:relative; padding-bottom:10px; margin-top:50px;}
.sectione .imgsbox li img { display:block; width:313px; height:315px;}
.sectione .imgsbox .libig { float:left; width:313px; height:315px; overflow:hidden; margin-left:75px; margin-top:20px;}
.sectione .imgsbox .lismall { position:absolute; top:0; left:255px;}
.sectione .imgsbox .lismall img { width:199px; height:197px;}
.sectione .imgsbox .lismall2 { left:645px;}
.sectione .imgsbox .first { margin-left:0;}


.sectionf { padding-bottom: 75px;}
.sectionf .comtle { margin-bottom: 70px;}
.sectionf .sleft { position: relative;}
.sectionf .sleft img { display: block; position: relative; z-index: 1; width: 580px; height: 310px;}
.sectionf .sleft .border { width: 560px; height: 285px; position: absolute; left:0; top:-30px; border:3px solid #fff;}
.sectionf .sright { width: 450px; margin-top: 40px;}
.sectionf .sright p { margin-top: 20px;}
.sectionf .picbox { margin-left:30px; width:580px; height:310px; overflow:hidden}

.sectiong { padding-bottom: 80px;}
.sectiong .comtle { margin-bottom: 35px;}
.sectiong .sleft,.sectiong .sright { width: 530px;}
.sectiong .sright { height:280px; overflow:hidden;}
.sectiong .sleft p { margin-top: 20px;}
.sectiong .sleft p span { color: #ed872c;}
.sectiong .sright img { display: block;}
.sectiong .btn { margin-top: 30px;}
.sectiong .btn a { display: block; width: 150px; height: 45px; line-height: 45px; color: #fff; font-size: 16px; background: #1fb5be; text-align: center; float: left; border-radius: 5px; margin-right: 20px; position: relative;}
.sectiong .btn a img { margin-right: 8px; display: inline-block; vertical-align: middle; margin-top: -2px;}
.sectiong .btn a.a2 { background: #25b198;}
.sectiong .btn a.a3 { background: #eea822;}
.sectiong .btn a span {display: block; width: 0; height: 100%; top: 50%; _top: 0;  _left: 0; left: 50%; background: #eea822; opacity: 0; transition: all 0.5s; position: absolute; border-radius: 5px; z-index: 1;
	-webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);}
.sectiong .btn a:hover span { width: 100%; opacity: 1;}
.sectiong .btn a.a3:hover span { background: #1fb5be;}