/**
*@Description: public main css  
*@Author:      xuy  浙二修改图片样式 加_zyey
*@Update:      xuy(2016-11-21 17:00)
**/

/****home****/
.hm-sec1,.hm-sec2,.hm-sec3,.hm-sec4,.hm-sec5{ width: 100%; min-width:980px;}
.hm-sec1{position: relative; min-width: 980px; height:450px;  }
.hm-zyey{ width:1000px; margin:0 auto;}
.hm-banner{min-width: 980px;}
.hm-b1,.hm-b2,.hm-b3{width: 100%; min-width: 980px;height: 450px;background: url(../images/homebanner.jpg) no-repeat center;}
.hm-b1{background-position:center 0;}
.hm-b2{background-position: center -450px;}
.hm-b3{background-position: center -900px;}
.hm-sec1 .slidesjs-previous,.hm-sec1 .slidesjs-next{position: absolute; top:180px; width: 60px;height: 60px; background: url(../images/imgs_zyey.png) no-repeat;line-height:0; z-index: 100; text-indent: -9999px; }
.hm-sec1 .slidesjs-previous{left:20px; background-position:-230px -394px; }
.hm-sec1 .slidesjs-previous:hover{background-position: -290px -394px;}
.hm-sec1 .slidesjs-next{right:20px; background-position:-230px -463px;}
.hm-sec1 .slidesjs-next:hover{right:20px; background-position: -290px -463px;}
.hm-sec1 .slidesjs-pagination{position: absolute; left:50%; margin-left: -25px; bottom: 50px; width:60px; z-index: 110;}
.slidesjs-pagination li{float: left; height: 10px; }
.slidesjs-pagination li a{float: left;margin-right: 10px;width: 10px;height: 10px;border-radius: 5px;line-height: 0; font-size: 0; background: #fff; }
.slidesjs-pagination li a:nth-child(3){margin-right: 0;}
.slidesjs-pagination li a.active{background: #2db9d4;}

.hm-sec2{position: relative; margin:-30px auto 30px; width:980px;height: 320px; background: #fff; z-index:90;}
.hm-sec2-leftbg,.hm-sec2-rightbg{position: absolute; top:-29px; width: 28px; height: 345px;background: url(../images/home_zyey.png) no-repeat; }
.hm-sec2-leftbg{left:-28px;}
.hm-sec2-rightbg{right:-28px; background-position: -31px 0;}
.hm-sec2-midbg{position: absolute; top:-22px; height:22px; width:980px;background:url(../images/sec2bg.png) repeat-x;   }
.hm-login{position:relative; float: left; margin-top: 20px; width:250px ; border-right: 1px solid #ddd;}
.hm-login h3{text-align: center;width: 100%; height: 20px; line-height:20px;}
input.hm-input{margin:0 20px 10px; border:1px solid #ddd; border-radius: 2px; height: 30px; width: 203px; padding-left: 5px; text-indent:35px; line-height:30px; color: #aaa;}
.hm-login i{width:17px; height: 17px; display:block; position: absolute; left:30px; top:8px; background:url(../images/imgs_zyey.png) no-repeat; }
.hm-username,.hm-password{position: relative;}
.hm-username i{background-position: -38px -52px;}
.hm-password i{background-position: -60px -50px;}
.hm-login button{display: block;float:left;margin-top:20px; margin-left: 10px;width: 103px; border:none; border-radius: 2px; height: 32px; line-height:32px; color: #fff; font:14px Microsoft Yahei,sans-serif; }
.hm-login .dl-btn{background: #2db9d4;margin-left:20px;}
.hm-login .reg-btn{background: #ff9000;}
.hm-sec-id,.hm-yzm{ margin:0 auto;width:215px;height: 30px;clear:both;}
.hm-sec-id{margin:15px auto 10px; height:20px;}
.hm-sec-id span{display:inline-block; margin-right:10px; font-size:14px;}
.hm-yzm img,.hm-yzm input{ float:left; text-indent: 5px; }
.hm-yzm img{border:0;}
.hm-yzm input{width:108px;margin-left: 2px; margin-right:7px; border:1px solid #ddd; border-radius: 2px;line-height:26px; height: 26px; color: #aaa;}
.forget-pw{display:block;margin:10px auto 0; width: 80%; clear:both;  color: #76be0d; text-align: right; text-decoration: underline;}
#loginError{position:absolute;display:inline-block; top:177px; width:100%; height:20px; text-align:center;z-index: 10;}
.hm-hothos{margin-top:30px; margin-right:20px;width:680px; }
.hm-hothos h3{width: 100px;}
.hm-hos-area{float: right; text-align: right; width: 600px;}
a.hm-area{display:inline-block;  width:12%; text-align: center; font-size: 14px; color: #7d7d7d;}
.hm-hothos .hm-hp{margin-top: 30px; margin-left: 5px;}
.hm-hothos .hm-hp li{position: relative; float: left;  text-align: center;}
.hm-hp .hos1{width: 336px; height: 190px;}
.hm-hp .hos2,.hm-hp .hos3,.hm-hp .hos4,.hm-hp .more{width:168px;height: 95px; }
.hm-hp .more{background:#2aacc6;text-align: center; color:#fff; font-size: 16px; line-height: 95px;}
.hm-hp .more a{color: #fff;}
.hm-hp li img{width: 100%; height: 100%;}
.hm-hp li p{position: absolute;bottom:0; width: 100%; font-size: 13px; height: 30px; line-height: 30px; background:rgba(0,0,0,.5);color: #fff;text-align: center; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.hm-hp li:hover p{background:rgba(28,94,124,.7);}
.area-other{ margin-top:30px;height:80px;}
.area-other li{float: left; font-size: 14px; padding:0 10px;margin-bottom: 10px; margin-right: 10px; line-height: 30px; max-width: 180px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.hm-welcome{margin-top:30px;width: 258px; min-height:246px; border-right:1px solid #dedede;}
.hm-welcome li{ clear: both;margin-bottom: 20px; }
li.welcome{height:100px;margin-top: 20px;}
.welcome img{float: left; margin:20px 0 0 20px ; max-width: 65px; max-height: 65px;}
.welcome p{float: left; width: 150px; margin:20px 0 0 15px; font-size: 16px;}
.welcome p.hm-cpw a{font-size: 14px; color: #959595;}
.welcome p span{display:inline-block;max-width: 150px;}
.hm-cpw i{display: inline-block; margin-right: 10px; width: 12px; height: 13px; background:url(../images/imgs_zyey.png) no-repeat -23px -54px; }
li.hm-btn{height: 36px;}
.hm-wel-btn{float: left; font:14px Microsoft Yahei,sans-serif; background: #959595;color: #fff; border-radius: 2px; width: 106px;height: 35px; margin-left: 20px;}
li.hm-mine{height: 30px; margin-left: 23px; font-size: 14px;}
.hm-mine a{display: inline-block; line-height: 30px; margin-right: 18px;color: #76be0d;}
.hm-mine a:hover,.hm-dis li a:hover{border-bottom: 1px solid #ff9000; color: #ff9000;}

.hm-sec3{margin-top:60px; margin-bottom: 50px}
.hm-expert{position: relative; margin: 0 auto; width: 930px; }
.hm-expert h2{display: block; margin: 0 auto 20px; width:75px; height: 50px; color: #9a9a9a; text-align: center;}
.hm-expert h2 p,.hm-medical h2 p,.hm-project h2 p{font-size: 12px;}
.hm-exp-sort{position:relative; margin:20px auto; width: 190px; font-size: 14px; color: #9a9a9a;}
.hm-exp-sort a,.hm-exp-sort span{display: inline-block; margin:0 5px;}
.hm-exp-sort span{margin:0 20px;}
.hm-exp-sort a.current{color: #2aacc6;}

.hm-doctor ul{margin: 0 auto; width: 940px; height:320px;  }
.hm-doctor li{float: left; margin-top: 30px; margin-right:20px; width: 210px; height: 315px; background: #fff; box-shadow: 0 0 20px rgba(0,0,0,.1); border/*\**/:1px solid #ddd\9;}
.hm-doctor li:hover{box-shadow: 0 0 20px rgba(0,0,0,.3);border-color /*\**/:#bbb;}
.hm-doctor li.first{margin-left:15px;}
.hm-doctor li.last{margin-right: -20px;}
.hm-doctor li img{display:block; margin: 20px auto; max-width: 80px; max-height: 80px;min-height:80px; border-radius:40px;}
.hm-doctor p{width: 90%;margin: 0 auto; line-height: 35px; font-size: 14px; color: #000; text-align: center;}
.hm-doctor p.doc-name{color: #ff8f2c; height: 30px;  overflow: hidden; white-space:nowrap;text-overflow:ellipsis;}
.hm-doctor .doc-name .doc-zc{font-size: 13px; margin-left:5px;}
.hm-doctor p.doc-sc{margin-top: 20px; padding-top: 10px; height: 48px; overflow: hidden; border-top:1px dotted #aaa; color: #9a9a9a; text-align:left; line-height: 24px; font-size: 12px; }
.hm-doctor .doc-sc em{color: #666;}
.hm-doctor .slidesjs-previous,.hm-doctor .slidesjs-next{display: block; position: absolute; top:260px;  width: 25px;height: 32px;text-indent: -9999px; line-height: 1px; background: url(../images/imgs_zyey.png) no-repeat;}
.hm-doctor .slidesjs-previous{left: -25px;background-position: -387px -239px;}
.hm-doctor .slidesjs-next{right: -25px;background-position: -387px -195px;}
.hm-doctor .slidesjs-previous:hover{background-position: -365px -239px;}
.hm-doctor .slidesjs-next:hover{background-position: -365px -195px;}
.hm-doctor .slidesjs-stop{display: none;}

.hm-sec4{position: relative; width: 100%; height:630px; min-width: 1000px;  background: #66b7cf;}/**/
.sec4-bg-top{position: absolute; width: 100%;height: 50px; background:url(../images/hmsec4bg.png) repeat-x;}
.sec4-bg-top span,.sec4-bg-bottom span{display: block; margin: 0 auto; width: 272px; height: 50px; background: url(../images/imgs_zyey.png) no-repeat -230px -544px ; background-color: #fff; }
.sec4-bg-bottom span{ background-position: -230px -617px;}
.sec4-bg-bottom{position: absolute;bottom:-50px; width: 100%;height: 50px; background:url(../images/hmsec4bg.png) repeat-x  0 -67px;}
.hm-medical{position: relative;}
.hm-medical h2,.hm-project h2{position: absolute; display: block; left:50%; top:-40px; margin-left:-43px; width:96px; height: 50px; color: #9a9a9a;text-align: center;}
.hm-medical ul{width: 860px; margin:120px auto 0;}
.hm-medical li{position:relative;float:left;width:65px;overflow:hidden;height:350px;}
.medical-title{position: absolute;top:0; width: 65px; padding-top:90px; height: 260px; color: #fff; background:rgba(0,0,0,.8);background: #000\9;opacity: .8;z-index: 10;}
.hm-medical li .med-tit-current{background:transparent; color: #000; text-shadow:0 0 3px rgba(0,0,0,.5); }
.medical-title i{display: block; margin:0 auto; width:40px;height: 40px; background:url(../images/imgs_zyey.png) no-repeat;}
.medical-title p{ margin: 20px auto; width: 18px; height: auto;line-height: 20px;font-size: 16px;}
.medical-title .cloud-img{background-position:-361px -434px;}
.medical-title .con-room{background-position:-408px -434px;}
.medical-title .air-clinic{background-position:-455px -434px;}
.medical-title .img-report{background-position:-503px -434px;}
.medical-title .two-way{background-position:-549px -434px;}
.med-tit-current .cloud-img{background-position:-361px -394px;}
.med-tit-current .con-room{background-position:-408px -394px;}
.med-tit-current .air-clinic{background-position:-455px -394px;}
.med-tit-current .img-report{background-position:-503px -394px;}
.med-tit-current .two-way{background-position:-549px -394px;}

.hm-medical .block{position:absolute;top:0; width:600px; height: 100%; left:0;background:url(../images/homemedical.jpg) no-repeat; z-index: 0; overflow: hidden;}
.hm-medical .block p{position: absolute; bottom:-60px; height:40px;  padding:10px; font-size: 13px;  line-height: 20px; color: #fff; background:rgba(0,0,0,.2); overflow: hidden;}
.hm-medical li.current .block p{bottom: 0;}
.hm-medical .block2{background-position:0 -350px ;}
.hm-medical .block3{background-position:0 -700px ;}
.hm-medical .block4{background-position:0 -1050px ;}
.hm-medical .block5{background-position:0 -1400px ;}

.hm-sec5{position: relative;}
.hm-project{margin-top: 140px; height: 450px;}
.hm-project h2{color: #fff; top:-180px;}
.hm-pro-map{position: relative; margin: 40px auto 40px; width: 414px; height: 342px; background:url(../images/home_zyey.png) no-repeat -69px -7px;}
.hm-project ul{margin-top: 20px;}
.hm-project ul li{position: absolute; text-indent:10px; }
.hm-project ul li a{display: block; position: absolute;cursor: pointer;}
.hm-pro-map li span{position: relative; left:-15px; padding-left:15px; opacity:0; color:#aaa; font:16px/30px Microsoft Yahei,sans-serif; background: url(../images/disk.png) no-repeat left center;}
.hm-pro-map li a:hover+span{color: #000;}
.hm-project .map-sh{top:180px;right: -165px;}
.hm-project .map-sh a{top:19px; left:-48px; width:20px; height:20px;}
.hm-project .map-sh a:hover{background:url(../images/home_zyey.png) no-repeat -813px -187px;}
.hm-project .map-pt{top:240px;right: -225px;}
.hm-project .map-pt a{top:-7px; left:-62px; width:45px; height:55px;}
.hm-project .map-pt a:hover{background:url(../images/home_zyey.png) no-repeat -779px -220px;}
.hm-project .map-xn{top:140px;left:-120px;}
.hm-project .map-xn a{top:-8px; right:-248px; width:111px; height:86px;}
.hm-project .map-xn a:hover{background:url(../images/home_zyey.png) no-repeat -859px -6px;}
.hm-project .map-lz{top:350px;left:150px;}
.hm-project .map-lz a{top:-101px; left:67px; width:75px; height:62px;}
.hm-project .map-lz a:hover{background:url(../images/home_zyey.png) no-repeat -858px -91px;}
.hm-project .map-sc{top:270px;left:-40px;}
.hm-project .map-sc a{top:-86px; right:-130px; width:96px; height:86px;}
.hm-project .map-sc a:hover{background:url(../images/home_zyey.png) no-repeat -666px -180px;}
.hm-project .map-gz{top:320px;left: 55px;}
.hm-project .map-gz a{top:-88px; left:154px; width:58px; height:51px;}
.hm-project .map-gz a:hover{background:url(../images/home_zyey.png) no-repeat -720px -269px;}
.hm-project .map-xz{top:220px;left: -175px;}
.hm-project .map-xz a{top:-66px; right:-153px; width:165px; height:106px;}
.hm-project .map-xz a:hover{background:url(../images/home_zyey.png) no-repeat -489px -183px;}
.hm-project .map-ks{top:60px;left: -195px;}
.hm-project .map-ks a{top:-26px; right:-150px; width:175px; height:136px;}
.hm-project .map-ks a:hover{background:url(../images/home_zyey.png) no-repeat -480px -42px;}
.hm-project .map-nmg{top:10px;left:135px;}
.hm-project .map-nmg a{top:-7px; left:32px; width:193px; height: 162px;}
.hm-project .map-nmg a:hover{background:url(../images/home_zyey.png) no-repeat -657px -9px;}
.hm-project ul li i{display:block; width:20px;height:30px; float:left; background:url(../images/imgs_zyey.png) no-repeat -121px -235px; }