@charset "gb2312";
/* CSS Document */
@import url("common.css");

/*首页*/
.inPpzx{  padding-top: 130px}
.inPpzx .inPl{ width: 698px; float: left; position: relative}
.inPpzx .inPl .inTit{ position: relative; position: absolute; left: 0; top: 90px;}
.inPpzx .inPl .inTit h2{ font-size: 30px; color: #c2996d; font-weight: normal}
.inPpzx .inPl .inTit i{ font-size: 45px; font-weight: bold; color: #ddd; display: block; height: 38px; padding-bottom: 10px}
.inPpzx .inPl .inPlCon{ overflow: hidden;height: 575px;}
.inPpzx .inPl .inPlCon li{ overflow: hidden;height: 532px;}
.inPpzx .inPl .inPlCon .inPlCtext{ width: 335px; float: left; padding-top: 200px}
.inPpzx .inPl .inPlCon .inPlCtext b{display: block; font-size: 20px; line-height: 27px}
.inPpzx .inPl .inPlCon .inPlCtext b::after{display: block; width: 62px; height:3px; background: #c2996d; content:""; margin-top: 15px}
.inPpzx .inPl .inPlCon .inPlCtext p{ padding: 15px 0 50px; font-size: 16px; line-height: 27px}
.inPpzx .inPl .inPlCon .inPlCtext p a{ color: #c2996d;}
.inPpzx .inPl .inPlCon .inPlCtext i{display: block; width: 177px; height: 51px; background: url(http://www.ybs120.com/imgnew/ppzxbtn.jpg) no-repeat; color: #fff; cursor: pointer; font-size: 18px; line-height: 38px; text-indent: 39px}
.inPpzx .inPl .inPlCon .inPlPage{ padding-top: 25px; margin-left: 510px}
.inPpzx .inPl .inPlCon .inPlPage li{ width: 10px; height: 10px; text-indent: 999px; overflow: hidden; display: inline-block; margin: 0 6px; background: #ccc; border-radius: 50%}
.inPpzx .inPl .inPlCon .inPlPage li.on{ background: #c2996d}
.inPpzx .inPl .inPlCon .inPlCimg{ width: 325px; height: 100%; float:right; background: #ccc; cursor: pointer;}
.inPpzx .inPl .inPlCon .inPlCimg img{width: 100%; height: 100%;}
.inPpzx .inPr{ width: 340px; float: right; padding-top: 100px}
.inPpzx .inPr .inPrTit{ margin-bottom: 25px; }
.inPpzx .inPr .inPrTit li{ display: inline-block; padding-right: 28px; border-right: 1px solid #ccc; height: 24px; margin-right: 28px; font-size: 20px;}
.inPpzx .inPr .inPrTit li a{ background-position: center bottom }
.inPpzx .inPr .inPrTit li:nth-of-type(2){ border-right: none }
.inPpzx .inPr .inPrTit li.on a{ display: block; color: #c2996d; background: url(http://www.ybs120.com/imgnew/sj.jpg) no-repeat center bottom; border-bottom: 2px solid #c2996d; padding-bottom: 15px;}
.inPrCon{ height: 322px; overflow: hidden; }
.inPrCon li{overflow: hidden; font-size: 16px; height: 46px; line-height: 46px;}
.inPrCon li i{display: block; width: 72px; text-align:right; color: #bdbdbd; float: right}
.inPrCon li b{ display: inline-block; margin-left: 4px;width: 35px; height: 20px; background: url(http://www.ybs120.com/imgnew/hot.jpg) no-repeat}

.inItem{ padding-top: 130px; position: relative;}
.inIit{ text-align: center; height: 75px; padding-bottom: 100px;}
.inIit span{color: #ddd; font-size: 87px; display: inline-block;}
.inIit p{display: inline-block; padding-left: 5px; font-size: 24px; color: #787878; text-align: left}
.inIit p b{ font-size: 36px; color: #c2996d; display:block; padding-bottom: 20px;}
.inItemCon{ overflow: hidden;}
.inItemCon .inItemUl{ height: 570px; overflow: hidden; width: 100%;}
.inItemCon .inItemUl li{ width: 347px; height: 524px; margin-right:25px; overflow: hidden; padding-top: 45px; float: left; background-color: #e9e7ec; background-position: center 65px;  background-repeat: no-repeat; position: relative}
.inItemUl li.itemp1{ background-image: url(http://www.ybs120.com/imgnew/initemp1.png)}
.inItemUl li.itemp2{ background-image: url(http://www.ybs120.com/imgnew/initemp2.png)}
.inItemUl li.itemp3{ background-image: url(http://www.ybs120.com/imgnew/initemp3.png)}
.inItemUl li.itemp4{ background-image: url(http://www.ybs120.com/imgnew/initemp4.png)}
.inItemUl li.itemp5{ background-image: url(http://www.ybs120.com/imgnew/initemp5.png)}
.inItemUl li.itemp6{ background-image: url(http://www.ybs120.com/imgnew/initemp6.png)}
.inItemCon .inItemUl *,.qhBtn{ transition:ease all 0.5s}
.inItemA{ padding-top: 280px}
.inItemUl li .inItemA a{display: block; width: 162px; margin: 0 auto; text-align: center; font-size: 22px; color: #c0976d; background: url(http://www.ybs120.com/imgnew/itemdz.png) no-repeat center; font-weight: bold}
.inItemUl li .inItemA b{ display: block; text-align: center; font-size: 16px; color: #999; padding: 10px 0 0; font-weight: lighter}
.inItemUl li i{display: block; width: 158px; height: 40px; margin: 0 auto; color: #fff; background:#c0976d; text-align: center; line-height: 40px; font-size: 18px; cursor: pointer; position: absolute; bottom: 43px; left: 94px;}
.inItemUl li i:hover{ background: #fff; color: #c0976d;}
.inItemCon .inItemUl li:hover{ background: #454545; background-position: center -400px}
.inItemCon .inItemUl li:hover .inItemA{ padding-top: 16px}
.inItemCon .inItemUl li:hover .inItemA b{color: #fff;}
.inItemCon .inItemUl li:hover i{ animation: itembtn 0.6s ease}
@keyframes itembtn{
	0%{ transform: scale(0)}
	50%{ transform: scale(0)}
	100%{ transform: scale(1)}
}
.inItemIco{ width: 80px; height: 80px; margin: 0 auto; border-radius: 50%; background-color: #c0976d; background-position: center; background-repeat: no-repeat; transform: scale(0)}
.inItemIco.ico1{ background-image: url(http://www.ybs120.com/imgnew/itemi1.png)}
.inItemIco.ico2{ background-image: url(http://www.ybs120.com/imgnew/itemi2.png)}
.inItemIco.ico3{ background-image: url(http://www.ybs120.com/imgnew/itemi3.png)}
.inItemIco.ico4{ background-image: url(http://www.ybs120.com/imgnew/itemi4.png)}
.inItemIco.ico5{ background-image: url(http://www.ybs120.com/imgnew/itemi5.png)}
.inItemIco.ico6{ background-image: url(http://www.ybs120.com/imgnew/itemi6.png)}
.inItemCon .inItemUl li:hover .inItemIco{transform: scale(1)}
.inItemCon .inItemUl li em{display: block; padding: 20px 5px; border-bottom: 1px solid #6e6e6e; border-top: 1px solid #6e6e6e; margin: 150px 50px 23px; color: #fff; text-indent: 2em}
.inItemCon .inItemUl li:hover em{ margin-top: 23px}
.inItemCon .inItemUl li p{ padding: 0 50px;}
.inItemCon .inItemUl li p a{ display: block; height: 30px; line-height: 30px; overflow: hidden; background: url(http://www.ybs120.com/imgnew/sanjiao.png) no-repeat 2px; padding-left: 19px; color: #c9c9c9;}
.inItemCon .inItemUl li p a:hover{ color: #c0976d; background: url(http://www.ybs120.com/imgnew/sanjiaoH.png) no-repeat 2px; }
.inItemCon .inItemUl li:hover p{ margin-top: 0}
.qhBtn{ width: 37px; height: 132px; position: absolute; top: 508px; cursor: pointer; background: url(http://www.ybs120.com/imgnew/itemqh.png) no-repeat center;}
.qhBtn:hover{ background: url(http://www.ybs120.com/imgnew/itemqh_h.png) no-repeat center}
.qhBtn.inItemQhP{ left: -52px;}
.qhBtn.inItemQhN{ right: -52px; transform: rotate(-180deg)}
.qhBtn.inItemQhP:hover{ left: -60px}
.qhBtn.inItemQhN:hover{ right: -60px}

.inYs{ padding-top: 130px;}
.inYs *{ transition: ease all 0.5s }
.inYs .inYsCon{ height:455px; background: url(http://www.ybs120.com/imgnew/inysxian.jpg) no-repeat left; background-size: 2px auto;}
.inYs .inYsCon:hover{ width: 1421px;}
.inYs .inYsCon li{ width: 153px; background: url(http://www.ybs120.com/imgnew/inysxian.jpg) no-repeat right; padding-right: 2px; float: left;}
.inYs .inYsCon li:hover{ width: 489px; background: url(http://www.ybs120.com/imgnew/inysxian.jpg) no-repeat right,url(http://www.ybs120.com/imgnew/ysbg.jpg) no-repeat center -50px;}
.inYs .inYsCon li:hover .inYsMain .inYsName{ transform: translateX(-100px);}
.inYs .inYsCon li .inYsMain{ overflow: hidden; position:relative;}
.inYs .inYsCon li.y1 .inYsMain{ background: url(http://www.ybs120.com/imgnew/inys1.png) no-repeat 2px 0;}
.inYs .inYsCon li.y2 .inYsMain{ background: url(http://www.ybs120.com/imgnew/inys2.png) no-repeat;}
.inYs .inYsCon li.y3 .inYsMain{ background: url(http://www.ybs120.com/imgnew/inys3.png) no-repeat;}
.inYs .inYsCon li.y4 .inYsMain{ background: url(http://www.ybs120.com/imgnew/inys4.png) no-repeat;}
.inYs .inYsCon li.y5 .inYsMain{ background: url(http://www.ybs120.com/imgnew/inys5.png) no-repeat;}
.inYs .inYsCon li.y6 .inYsMain{ background: url(http://www.ybs120.com/imgnew/inys6.png) no-repeat;}
.inYs .inYsCon li.y7 .inYsMain{ background: url(http://www.ybs120.com/imgnew/inys7.png) no-repeat;}
.inYs .inYsCon li:nth-child(even) .inYsMain{ margin-top:54px;}
.inYs .inYsCon li .inYsMain .inYsName{ width: 80px; margin-top: 244px; margin-left:20px; overflow: hidden;}
.inYsName i{display: block; width: 22px; padding-bottom: 10px; font-size: 16px; padding-right: 5px; margin-right: 10px; line-height: 17px; border-right: 1px solid #333; color: #333; float: left}
.inYsName b{display: block; width: 30px; font-size: 24px; color: #333; line-height: 26px; float: left; box-shadow: 0 0 2px #fff}
.inYstext{ width: 266px; overflow: hidden; position: absolute; top: 100px; left:207px; opacity: 0}
.inYstext b{ display: block; font-size : 28px }
.inYstext p{ padding: 24px 0 10px; line-height: 30px }
.inYstext i{display: block; color: #c2996d; font-size: 18px}
.inYstext span{display: block; padding:10px 0 42px}
.inYstext a{display: block; width: 170px; height: 38px; line-height: 38px; border: 1px solid #ccc; text-align: center; font-size: 18px; color: #c2996d; float: right}
.inYstext a:hover{ background: #c2996d; color: #fff; border:1px solid #c2996d; }
.inYs .inYsCon li:hover .inYsMain .inYstext{ top: 61px; opacity: 1}
.inYsBtn{ width: 424px; margin:175px auto 0; overflow: hidden;}
.inYsBtn *{display: block; color: #fff; font-size: 18px; text-indent: 40px; width: 177px; height: 51px; line-height: 38px; cursor: pointer;}
.inYsBtn i{ background: url(http://www.ybs120.com/imgnew/ppzxbtn.jpg) no-repeat; float: left}
.inYsBtn a{ background: url(http://www.ybs120.com/imgnew/ppzxbtn2.jpg) no-repeat; float: right; color: #fff;}

.inPp{ padding-top: 130px; }
.inPp .inPpTop{ text-align: center; height: 60px; padding-bottom: 30px}
.inPp .inPpTop li{display: inline-block; font-size: 18px;}
.inPp .inPpTop li a{display: block; padding: 0 35px; background: url(http://www.ybs120.com/imgnew/xx.jpg) no-repeat right 4px;}
.inPp .inPpTop li.on{ color: #c2996d; background: url(http://www.ybs120.com/imgnew/xj2.png) no-repeat center bottom; height: 60px;}
.inPp .inPpTop li.on a{ color: #c2996d; }
.inPp .inPpTop li.more a{ background: none }
.inPp .inPpCon{}
.inPp .inJg{}
.inJgMain{ width: 110%; height: 440px; overflow: hidden; transition: ease height 0.5s}
.inPp .inJg li{ width: 205px; margin-right:16px; margin-bottom: 33px; float: left; text-align: center; }
.inPp .inJg li span{display: block; width: 205px; height: 156px; border-radius: 10px; overflow: hidden; }
.inPp .inJg li p{ padding-top: 10px }
.inPpMore{ width:190px; height: 40px; line-height: 40px; margin: 10px auto 0; font-size: 16px; text-align: center; color: #fff; background:#c2996d; cursor: pointer;}
.inPp .inJg .inPpPN{ text-align: center; margin-top: 10px}
.inPp .inJg .inPpPN div{ display: inline-block; width: 20px; height: 29px; cursor: pointer; margin: 0 10px}
.inPp .inPpCon .inPpPrev{ background: url(http://www.ybs120.com/imgnew/prev.jpg) no-repeat;}
.inPp .inPpCon .inPpNext{ background: url(http://www.ybs120.com/imgnew/next.jpg) no-repeat;}
.inPp .inJg li span img,.inPpOther p img{ transition: ease 0.5s all }
.inPp .inJg li:hover span img,.inPpOther p:hover img{ transform: scale(1.1); }
.inPpOther{ position: relative; height: 506px; overflow: hidden;}
.inPpOther p{ position: absolute; border-radius: 15px; overflow: hidden;}
.inPpOther p i{display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 45px; line-height: 45px; text-align: center; color: #fff; background: rgba(0,0,0,0.6); z-index: 2}
.inPpOther p.p1{ width: 611px; height: 331px; top: 0; left: 0}
.inPpOther p.p2{ width: 459px; height: 158px; top: 0; right: 0}
.inPpOther p.p3{ width: 199px; height: 153px; top: 177px; left: 632px}
.inPpOther p.p4{ width: 230px; height: 153px; top: 351px; left: 0}
.inPpOther p.p5{ width: 361px; height: 153px; top: 351px; left: 251px}
.inPpOther p.p6{ width: 200px; height: 153px; top: 351px; left: 632px}
.inPpOther p.p7{ width: 240px; height: 326px; top: 177px; right: 0}
/*.inPpOther:nth-of-type(4) p{ border: 1px solid #ccc}*/

.flink{ text-align: center; background: #ccc; padding-bottom: 5px}
.flink ul{display: inline-block;}
.flink ul li{display: inline-block; padding: 0 5px}

/*文章页*/
.mbx{ height: 35px; line-height: 35px; background: #D5B89A; color: #fff;}
.mbx a{ color: #fff;}

.artCon120{ width: 1090px; margin: 60px auto;}
.artCon120 h1{ font-size:25px; text-align: center; color: #333;}
.artCon120 .fbxx{ text-align: center; padding: 25px 0 20px;}
.artCon120 .fbxx a{ color: #b68f66;}
.artCon120 .artMain{ padding: 30px; font-size: 14px; line-height: 28px}
.art_pn{ padding:0 20px; overflow:hidden; width: 800px; margin: 0 auto}
.art_pn p{ width:50%; float:left}

/*病种文章页*/
.arcMainBz{ width: 1090px; margin: 60px auto 20px;}
.amL{ width: 690px; float: left}
.amL h1{ text-align: center; font-size: 25px}
.amL .amLfabu{ padding-top: 30px; text-align: center; color: #999;}
.amL .amLfabu a{color: #c59b73;}
.amL article{ padding:30px 0; font-size: 14px; line-height: 28px}
.amL article img{ border-radius:10px}
.amL .arcFast{ padding: 60px 0 0 30px; margin-top: 30px; border-top: 1px dotted #ccc; text-align: center}
.arcFast span{display: block; float: left; width: 96px; height: 71px; padding-top: 25px; background: #f0f0f0; border-radius: 10px; font-size: 20px; margin-right: 30px}
.arcFast p{ padding-right: 30px; width: 107px; cursor: pointer; float: left; background: url(http://www.ybs120.com/imgnew/arci5.png) no-repeat right; font-size: 16px;}
.arcFast p:nth-last-of-type(1){ background: none; padding-right: 0}
.arcFast p i{ display: block; height: 70px;}
.arcFast p i.i1{ background: url(http://www.ybs120.com/imgnew/arci1.png) no-repeat center}
.arcFast p i.i2{ background: url(http://www.ybs120.com/imgnew/arci2.png) no-repeat center}
.arcFast p i.i3{ background: url(http://www.ybs120.com/imgnew/arci3.png) no-repeat center}
.arcFast p i.i4{ background: url(http://www.ybs120.com/imgnew/arci4.png) no-repeat center}
.arcFast p:hover{ color: #c59b73;}
.arcFast p:hover i.i1{ background: url(http://www.ybs120.com/imgnew/arci1H.png) no-repeat center}
.arcFast p:hover i.i2{ background: url(http://www.ybs120.com/imgnew/arci2H.png) no-repeat center}
.arcFast p:hover i.i3{ background: url(http://www.ybs120.com/imgnew/arci3H.png) no-repeat center}
.arcFast p:hover i.i4{ background: url(http://www.ybs120.com/imgnew/arci4H.png) no-repeat center}

.amR{ width: 336px; float: right}
.amR .amRask{ margin-bottom: 45px}
.amtit{ margin-bottom: 15px}
.amtit span{display:block; float: left; width: 100px; padding-left: 10px; border-left: 6px solid #c2996d; color: #c2996d; font-size: 18px; line-height: 29px}
.amtit span a{ color: #c2996d;}
.amtit b{display: block; width: 35px; height: 29px; background: url(http://www.ybs120.com/imgnew/askico.png) no-repeat; float: right; cursor: pointer;}
.amRaskO{ height: 290px; overflow: hidden;}
.amRask .amRaskCon{ padding: 30px 22px 45px; background: #f0f0f0; position:relative}
.amRask .amRaskCon ul li,.amRask .amRaskCon dl dd{ overflow: hidden;}
.amRask .amRaskCon ul li p,.amRask .amRaskCon dl dd p{ overflow: hidden; line-height: 32px}
.amRask .amRaskCon ul li p:nth-of-type(1),.amRask .amRaskCon dl dd p:nth-of-type(1){ height: 42px; overflow: hidden;}
.amRask .amRaskCon ul li i,.amRask .amRaskCon dl dd i{display: block; width: 32px; height: 32px; margin-bottom: 10px; float: left; border-radius: 2px; color: #fff; text-align: center; line-height: 32px; font-size: 24px; margin-right: 20px}
.amRask .amRaskCon ul li i.q,.amRask .amRaskCon dl dd i.q{ background: #c59b73;}
.amRask .amRaskCon ul li i.a,.amRask .amRaskCon dl dd i.a{ background: #a7a7a7;}
.amRask .amRaskCon ul li p span,.amRask .amRaskCon dl dd p span{ display: block; width: 240px; line-height: 20px;float: right; padding-bottom: 15px; border-bottom: 1px solid #ccc}
.amRaskConUl{}
.amRaskCon .pUD{ bottom: 15px; right: 22px;}
.pUD{ position: absolute; width: 24px; z-index: 2}
.pUD i{display: block; width: 24px; height: 11px; cursor: pointer;}
.pUD i:hover{ transform: scale(1.1)}
.pUD .pu{background: url(http://www.ybs120.com/imgnew/pu.png) no-repeat; margin-bottom: 10px}
.pUD .pd{background: url(http://www.ybs120.com/imgnew/pd.png) no-repeat}

.amR .amRys{ position: relative;}
.amR .amRys .amRysCon{ height: 406px; overflow: hidden; margin-top: 10px}
.amR .amRys .amRysCon li,.amR .amRys .amRysCon dd{ height: 406px; position: relative}
.amR .amRys .amRysCon li p,.amR .amRys .amRysCon dd p{ text-align: center; width: 100%;; padding: 20px 0 15px; font-size: 18px; color: #666; position: absolute; bottom: 0; background: rgba(240,240,240,0.8); line-height: 34px}
.amR .amRys .amRysCon li p i,.amR .amRys .amRysCon dd p i{display: block; width: 163px; height: 49px; line-height: 49px; color: #fff; border-radius: 5px; margin: 10px auto 0; cursor: pointer; background: linear-gradient(to right, #c2996d, #d4af87); }
.amR .amRys .amRysCon li p i:hover,.amR .amRys .amRysCon dd p i:hover{ transform: scale(1.1)}
.pLR{ position: absolute; right: 0; top: 2px; color: #ccc; font-size: 23px}
.pLR i{ cursor: pointer;}
.pLR i:hover{ color: #c59b73;}

.arcAndjs{ overflow: hidden;}
.arcAndjs .arcTj{ width: 721px; height: 355px; overflow: hidden; float: left; position: relative}
.arcAndjs .arcTj ul li,.arcAndjs .arcTj dl dd{ margin-bottom: 10px; overflow: hidden;}
.arcAndjs .arcTj ul li span,.arcAndjs .arcTj dl dd span{ display: table; width: 234px; height: 161px; text-align: center; background: #eee; float: left}
.arcAndjs .arcTj ul li span a,.arcAndjs .arcTj dl dd span a{display: table-cell; vertical-align:middle}
.arcAndjs .arcTj ul li span img,.arcAndjs .arcTj dl dd span img{max-width: 234px; max-height: 161px; display: block; margin: 0 auto}
.arcAndjs .arcTj ul li .arcTjCon,.arcAndjs .arcTj dl dd .arcTjCon{ width: 440px; padding: 35px 10px 60px; float: right; border-bottom: 1px dashed #ccc}
.arcAndjs .arcTj ul li .arcTjCon .arcTjtit,.arcAndjs .arcTj dl dd .arcTjCon .arcTjtit{overflow: hidden; font-size: 18px}
.arcAndjs .arcTj ul li .arcTjCon .arcTjtit i,.arcAndjs .arcTj dl dd .arcTjCon .arcTjtit i{display: block; width: 80px; text-align: right; float: right; font-size: 14px; color: #ccc;}
.arcAndjs .arcTj ul li .arcTjCon p,.arcAndjs .arcTj dl dd .arcTjCon p{ padding-top: 10px}
.arcTj .pUD{ bottom: 10px; right: 0px;}

.arcAndjs .arcJs{ width: 336px; float: right; position: relative}
.arcAndjs .arcJsCon{ height: 305px; overflow: hidden;}

.artBtn{ overflow: hidden; padding: 70px 0 50px}
.artBtn .abL{ width: 626px; height: 196px; background: #f0f0f0 url(http://www.ybs120.com/imgnew/artzy1.jpg) no-repeat; float: left}
.artBtn .abL .abC{ height: 141px; background: url(http://www.ybs120.com/imgnew/artbimg.jpg) no-repeat right; padding:55px 0 0 45px}
.artBtn i{display: block; width: 90px; height: 69px; text-align: center; color: #fff; font-size: 20px; border-radius: 10px; background: #b68f66; padding-top: 21px; float: left; cursor: pointer;}
.artBtn i:hover{ border-radius: 50%; font-size: 22px}
.artBtn p{ padding:15px 0 0 30px; width: 250px; font-size: 18px; float: left}
.artBtn p b{display: block; padding-bottom: 10px}
.artBtn .abL i{ float:left}
.artBtn .abR{ width: 428px; height: 141px; padding: 55px 0 0 24px; background: #f0f0f0 url(http://www.ybs120.com/imgnew/artzy2.jpg) no-repeat right bottom; float: right}
.artBtn .abR p em{color: #c59b73; font-size: 24px; display: inline-block; padding: 0 4px}
.artBtn .abR p{ padding-top: 5px}

.art_b{overflow: hidden;}
.art_b .artb_tit{ overflow: hidden;}
.artb_tit span{ display: block; width: 110px; height: 35px; padding-left: 40px; line-height: 35px; border-bottom: 1px solid #ccc; font-size: 18px; float: left}
.art_b .artb_con{ padding-top: 20px}
.jstj .artb_tit span{ background: url(http://www.ybs120.com/njybs/img/b_ico3.jpg) no-repeat left}
.art_b .jstj{width: 335px; float: right; position: relative}
.art_b .art_dxal{ width: 307px; float: left; position: relative}
.art_dxal .dxal_con{ height: 220px; overflow: hidden;}
.art_dxal .artb_tit span{ background: url(http://www.ybs120.com/njybs/img/channel_ico4.jpg) no-repeat left}
.zjgx .artb_tit span{ background: url(http://www.ybs120.com/njybs/img/b_ico1.jpg) no-repeat left}

.zjgx{ width: 280px; float: right;}
.zjgx_con li{ height: 36px; line-height: 36px; text-align: center; margin-bottom: 6px}
.zjgx_con li a{display: block; height: 36px; background: #f0f0f0; color: #333;}
.zjgx_con li a:hover{ background: #c2996d; color: #fff;}
.newxg{ margin-right: 65px}

.art_jstj{ margin-right:64px}
.art_bc{ width: 1050px; margin: 30px auto 0}
.art_jstj p{ padding-top: 10px; font-size: 16px}
.dxal_con a{display: block; text-align: center}
.dxal_con span{display: block; width: 307px; height: 91px; background: #000; position: relative; margin-top: 15px}
.dxal_con span img{ width: 307px; height: 91px;}
.dxal_con span i{display: none;width: 63px; height: 55px; padding-top: 8px; cursor: pointer; border-radius: 50%; background: #c59b73; color: #fff; text-align: center; position: absolute; top: 14px; left: 50%; margin-left: -31px; font-size: 16px;}
.dxal_con span:hover img{ opacity: 0.5}
.dxal_con span:hover i{display: block;}
.dxal_con p{ padding-top: 15px; text-indent: 2em}
.artb_prev,.artb_next{width: 15px; height: 15px; border:1px solid #ccc; text-align: center; line-height: 15px; position: absolute; top: 8px; font-family: Arial; cursor: pointer;}
.artb_prev{ right:20px;}
.artb_next{ right:0;}
.artb_prev:hover,.artb_next:hover{ border-color: #c59b73; color: #c59b73;}
.jstj_main p{ text-align: center}

/*文章页二版*/
.amLt{ overflow: hidden;}
.amLt .amtime{ width: 124px; background: #f0f0f0 url(http://www.ybs120.com/imgnew/xx.png) no-repeat center; border-radius: 5px; padding: 10px 0; float: left}
.amLt .amtime i{display: block; font-size: 30px; line-height: 28px; text-indent: 15px; height: 30px;}
.amLt .amtime em{ display: block; font-size: 18px; text-align: right; padding-right: 10px;}
.amLt .amLtr{ width: 537px; float: right; padding-top: 10px}
.amLt .amLtr h1{ font-size: 24px; text-align: left}
.amLt .amLtr p{ padding-top: 15px; overflow: hidden;}
.amLt .amLtr p i{color: #bdbdbd; padding-right: 20px}
.amLt .amLtr p a{ color: #c59b73;}

.jzcl2{ padding-top: 46px; border-top: 1px dashed #ccc}
.jzcl2 i{display: block; height: 40px; line-height: 50px; background: url(http://www.ybs120.com/imgnew/jzlc.jpg) no-repeat center; text-align: center; font-size: 18px}
.jzcl2 p{display: block; overflow: hidden; border-radius: 20px; background: #f0f0f0 url(http://www.ybs120.com/imgnew/pd.png) no-repeat center 10px; padding: 42px 0 30px 35px}
.jzcl2 p span{display: block; width: 104px; margin-right: 25px; float: left; font-size: 20px; padding-right: 40px; background: url(http://www.ybs120.com/imgnew/jzlcjt.png) no-repeat right;}
.jzcl2 p span a{display: block; height: 60px; padding-top: 13px; background-repeat: no-repeat; background-position: 0}
.jzcl2 p span:nth-last-of-type(1){ background: none; margin-right: 0}
.jzcl2 p span .a1{ background-image: url(http://www.ybs120.com/imgnew/arci1.png); padding-left: 64px;}
.jzcl2 p span .a2{ background-image: url(http://www.ybs120.com/imgnew/arci2.png); padding-left: 64px;}
.jzcl2 p span .a3{ background-image: url(http://www.ybs120.com/imgnew/arci3.png); padding-left: 60px;}
.jzcl2 p span .a4{ background-image: url(http://www.ybs120.com/imgnew/arci4.png); padding-left: 58px;}
.jzcl2 p span .a1:hover{ background-image: url(http://www.ybs120.com/imgnew/arci1H.png)}
.jzcl2 p span .a2:hover{ background-image: url(http://www.ybs120.com/imgnew/arci2H.png)}
.jzcl2 p span .a3:hover{ background-image: url(http://www.ybs120.com/imgnew/arci3H.png)}
.jzcl2 p span .a4:hover{ background-image: url(http://www.ybs120.com/imgnew/arci4H.png)}

.amRask2{ position: relative; margin-bottom: 45px}
.amRask2 .amRaskCon2{ padding: 30px 22px 20px; background: #f0f0f0;}
.amRaskCon2 li{ overflow: hidden;}
.amRaskCon2 .wd{ overflow: hidden; margin-bottom: 20px}
.amRaskCon2 .wd .wenl{ width: 55px; height: 48px; float: left; background:url(http://www.ybs120.com/imgnew/wen.png) no-repeat left}
.amRaskCon2 .wd .wenr{ width: 211px; height: 50px; line-height: 50px; overflow: hidden; float: left; border-radius: 10px; background: #fff; padding:0 13px}
.amRaskCon2 .wd .dal{ width: 211px; float: left; border-radius: 10px; background: #fff; padding: 13px}
.amRaskCon2 .wd .dar{ width: 55px; height: 74px; float: left; background:url(http://www.ybs120.com/imgnew/da.png) no-repeat right;}
.amRask2 .pUD{ width: 48px; top: 15px; right: 0; overflow: hidden;}
.amRask2 .pUD i{ float: left}
.amRaskCon2 p{ overflow: hidden; padding-top: 15px; line-height: 56px; color: #fff; text-align: center; font-size: 20px}
.amRaskCon2 p i{display: block; cursor: pointer; background: linear-gradient(to right, #c2996d, #d4af87); border-radius: 5px; width: 167px; height: 56px; float: left}
.amRaskCon2 p em{display: block; cursor: pointer; background: linear-gradient(to right, #666, #999); border-radius: 5px; width: 120px; height: 56px; float: right}

.amRbtn{ margin: 45px 0}
.amRbtn *,.amRaskCon2 p *{ transition: ease 0.5s all}
.amRbtn span{display: block; height: 115px; cursor: pointer; padding:57px 0 0 28px; border-radius: 5px; background: #f0f0f0 url(http://www.ybs120.com/imgnew/artbimg.jpg) no-repeat 174px; font-size: 18px;}
.amRbtn span b{display: block; color: #333; margin-bottom: 10px}
.amRbtn span:hover{ background-position: 195px}
.amRbtn span:hover b{color: #c2996d;}
.amRbtn p{ height: 56px; line-height: 56px; color: #fff; text-align: center; font-size: 20px; padding-top: 1px}
.amRbtn p i{display: block; cursor: pointer; background: linear-gradient(to right, #c2996d, #d4af87); border-radius: 5px; width: 167px; height: 56px; float: left}
.amRbtn p em{display: block; cursor: pointer; background: linear-gradient(to right, #666, #999); border-radius: 5px; width: 167px; height: 56px; float: right}
.amRbtn p i:hover,.amRbtn p em:hover,.amRaskCon2 p i:hover,.amRaskCon2 p em:hover{ transform: translateY(-5px)}

.arcAndjs .abTj{ width: 690px; float: left; position: relative}
.abTj .amtit{ margin-bottom: 40px}
.abTj ul{overflow: hidden;}
.abTj li{ width: 295px; float: left; margin: 0 25px}
.abTj li span{display: table; text-align: center; width: 228px; height: 160px; border-radius: 10px; overflow: hidden; background: #eee; margin: 0 auto}
.abTj li span a{display: table-cell; vertical-align: middle}
.abTj li span img{display: block; max-width: 234px; max-height: 161px; margin: 0 auto}
.abTj li i{display: block; font-size: 18px; text-align: center;padding: 25px 0 10px; color: #000;}
.abTj li p a{ color: #c2996d;}


/*列表页*/
.art_list{ overflow: hidden;}
.art_list>li{ width: 510px; overflow: hidden; float: left; padding-bottom: 25px; border-bottom: 1px solid #ccc; margin-bottom: 25px}
.art_list>li:hover{ border-bottom: 1px solid #c59b73}
.art_list>li span{ display: table; background: #eee; width: 195px; height: 146px; float: left}
.art_list>li span a{display: table-cell; vertical-align:middle}
.art_list>li span img{display: block; max-width: 195px; max-height: 146px; margin: 0 auto}
.art_list>li .al_r{ width: 300px; float: right}
.art_list>li .al_r b{ font-size: 16px; color: #333; height: 35px; display: block; line-height: 35px; overflow: hidden;}
.art_list>li .al_r b>i{ font-size: 14px; color: #999; float: right; font-weight: 100; margin-left: 10px; margin-top: 2px}
.art_list>li .al_r b>a{}
.art_list>li .al_r em{ display: block; height:24px; margin-bottom: 26px; overflow: hidden; color: #666; font-size: 14px;}
.art_list>li .al_r em>i{ color: #c59b73;}
.art_list>li .al_r p{ display: block;  color: #666; font-size: 14px;}
.art_list>li:nth-child(even){ float: right}
.art_list>li .al_r p:nth-of-type(2){ height: 24px;}

.arc_page{padding: 20px 0 0; text-align:center;}
.arc_page li {border: 1px solid #cdcdcd; display:inline-block; height: 35px;line-height:35px;margin-right: 6px; border-radius: 5px;}
.arc_page li:hover{border: 1px solid #c59b73;}
.arc_page li a { color: #555; display: block; padding: 0 12px}
.arc_page li:hover a{ color: #fff; background: #c59b73}
.arc_page li.thisclass,.arc_page li.thisclass a, .arc_page li.thisclass a:hover {background-color: #c59b73; color: #fff;font-weight: bold; padding: 0 10px}
.arc_page p{display: inline-block;}

/*病种列表页*/
.seclist{ padding: 50px 0; border-bottom: 1px dashed #ccc}
.seclist .arcUl{ overflow: hidden; width: 110%;}
.seclist .arcUl li{ width: 515px; float: left; margin-right: 60px; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #ddd; overflow: hidden;}
.seclist .arcUl li .arcImg{ width: 195px; height: 135px; float: left; display: table; text-align: center; background: #eee; border-radius: 5px; overflow: hidden;}
.seclist .arcUl li .arcImg a{display: table-cell; vertical-align: middle}
.seclist .arcUl li .arcImg a img{max-width:195px; max-height: 135px; display: block; margin: 0 auto; transition: ease all 1s}
.seclist .arcUl li .arcImg a:hover img{ transform: scale(1.1)}
.seclist .arcUl li .arcText{ width: 300px; float: right; padding-top: 10px}
.seclist .arcUl li .arcText a{ font-size: 16px; height: 25px; overflow: hidden;display: block; font-weight: bold;}
.seclist .arcUl li .arcText i{display: block; padding: 5px 0;color: #c2996d;}
.seclist .arcUl li .arcText p{ padding-top: 10px;}

.arc_page{padding: 20px 0 0; text-align:center;}
.arc_page li {border: 1px solid #cdcdcd; display:inline-block; height: 35px;line-height:35px;margin-right: 6px; border-radius: 5px;}
.arc_page li:hover{border: 1px solid #c2996d;}
.arc_page li a { color: #555; display: block; padding: 0 12px}
.arc_page li:hover a{ color: #fff; background: #c2996d}
.arc_page li.thisclass,.arc_page li.thisclass a, .arc_page li.thisclass a:hover {background-color: #c2996d; color: #fff;font-weight: bold; padding: 0 10px}
.arc_page p{display: inline-block;}

.secB{ padding: 50px 0}
.secB .secBys{ width: 295px; float: left; position: relative;}
.secB .secBys .secbysCon{ background: #f0f0f0; height: 333px; overflow: hidden;}
.secB .secBys .secbysCon li{ height: 333px; overflow: hidden; position: relative}
.secB .secBys .secbysCon li img{ margin-left:-20px}
.secB .secBys .secbysCon li p{width:247px; padding:15px 24px; position: absolute; z-index: 2; bottom: 0; background: linear-gradient(to top, rgba(240,240,240,1), rgba(240,240,240,0.5));}
.secB .secBys .secbysCon li p i{display: block; font-size: 20px; color: #000; padding-bottom: 5px}
.secB .secBys .secbysCon li p em{display: block; font-size: 16px}
.secB .secBys .secbysCon li p span{display: block;font-size: 16px; border-top: 1px solid #333; padding: 5px 0 0; margin-top: 5px; color: #888;}
.secB .secBal{ width: 347px; margin: 0 10px; float: left; position: relative}
.secbalCon{ background: #f0f0f0; height: 333px; overflow: hidden;}
.secbalCon li{ height: 333px; overflow: hidden;}
.secbalCon li i{display: block; font-size: 20px; color: #000; padding-bottom: 5px; margin: 45px 30px 0}
.secbalCon li em{font-size: 16px;display: block; margin: 0 30px}
.secbalCon li p{display: block;font-size: 16px; border-top: 1px solid #333; padding: 15px 0 20px; color: #888; margin: 15px 30px 0}
.secbalCon li span{display: block; text-align: center}
.secbalCon li span b{ display: inline-block; width: 144px; height: 106px; border-radius: 5px; overflow: hidden;}
.secbalCon li span b img{ transition:ease all 1s}
.secbalCon li span b:hover img{ transform: scale(1.1)}
.secB .secBjs{ width: 428px; float: right; padding-top: 45px}
.ybimg{ height: 332px; background: url(http://www.ybs120.com/imgnew/listtt.jpg) no-repeat; cursor: pointer;}
.secB .secBjs ul{ width: 110%;}
.secBjs li{ width: 210px; height: 161px; margin:0 10px 10px 0; background: #f0f0f0; float: left; text-align: center}
.secBjs li a{display: block; width: 100%; height: 100%; padding-top: 17px; box-sizing: border-box}
.secBjs li a:hover{background: #c2996d; color: #fff;}
.secBjs li i{display: block; width: 107px; height: 107px; border-radius: 50%; overflow: hidden; margin: 0 auto 2px;}
.secBjs li em{ font-size: 18px}

/*来院路线*/
.lxBody .lxTit{ width: 110%; overflow: hidden; margin-top: 60px}
.lxBody .lxTit a{ display: block; width: 144px; height: 43px; text-align: center; line-height: 43px; background: #e0e0e0; font-size: 16px; margin: 0 14px 10px 0; float: left}
.lxBody .lxTit a:hover{ background: #c1986d; color: #fff;}
.lxBody dl{ padding-top: 10px; width: 110%; overflow: hidden;}
.lxBody dl dt{ font-size: 20px; font-weight: bold; color: #c1986d; padding:40px 0 5px; clear: both}
.lxBody dl dt a{ color: #c1986d;}
.lxBody dl dd{ width: 509px; height: 150px; padding: 25px 0 25px 25px; background: #eee; float: left; margin-top: 16px; margin-right: 23px; overflow: hidden;}
.lxBody dl dd span{display: block; width: 150px; height: 150px; border-radius: 10px; overflow: hidden; float: left}
.lxBody dl dd span img{ display: block; height: 100%; margin-left: -20px}
.lxBody dl dd .lxdr{ width: 335px; float: right}
.lxBody dl dd .lxdr h2{ font-size: 16px}
.lxBody dl dd .lxdr p{ padding: 15px 25px 25px 0; height: 52px;}
.lxBody dl dd .lxdr em{display: block; overflow: hidden; line-height: 30px}
.lxBody dl dd .lxdr em b,.lxBody dl dd .lxdr em a{display:block; cursor: pointer; float: left}
.lxBody dl dd .lxdr em b{ width: 90px; height: 30px; line-height: 30px; text-align: center; color: #fff; background: #333; border-radius: 10px; font-weight: lighter; margin-right: 15px;}	
.lxBody dl dd .lxdr em a{ width: 72px; overflow: hidden;}
.lxBody dl dd .lxdr em a i{ display: inline-block; width: 23px; height: 23px; border-radius: 50%; background-position: center; background-repeat: no-repeat; margin:3px 6px 0 0; float: left}
.lxBody dl dd .lxdr em a.i1 i{ background-color: #67b322; background-image: url(http://www.ybs120.com/imgnew/lxico1.png)}
.lxBody dl dd .lxdr em a.i2 i{ background-color: #00aaf0; background-image: url(http://www.ybs120.com/imgnew/lxico2.png)}
.lxBody dl dd .lxdr em a.i3 i{ background-color: #efac2a; background-image: url(http://www.ybs120.com/imgnew/lxico3.png)}
.lxBody dl dd .lxdr em b:hover,.lxBody dl dd .lxdr em a:hover i{ background-color: #c1986d}

.ysMain{ padding: 90px 0 70px}
.ysMain .ysTit{ height: 18px; border-bottom: 1px solid #c1986d; text-align: center}
.ysMain .ysTit b{display:inline-block; padding: 0 55px; background: #fff; font-size: 40px; color: #c1986d;}
.ysMain .ysEn{ font-size: 24px; color: #e9e9e9; text-align: center; padding: 40px 0 0; font-weight: bold}


/*
.inPp .inPpTop li:nth-child(2),.inPp .inPpTop li:nth-child(3),.inPp .inPpTop li:nth-child(4),.footCen b{display: none;}
.logonav .logo{ width: 205px;}*/
