/* CSS Document */ /*css 初始化 */ html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { margin:0; padding:0; } /*让这些的标签内外边距都是0*/ fieldset, img { border:none; vertical-align: middle; } ul, ol { list-style:none; } input { padding-top:0; padding-bottom:0; font-family: "SimSun","宋体";} select, input { vertical-align:middle; } select, input, textarea { font-size:12px; margin:0; } textarea { resize:none; } table { border-collapse:collapse; } body { color:#666; font:12px '微软雅黑'; /*测试用高度*/} a{color:#707070; text-decoration:none; font-family: "微软雅黑";} a:hover{ color:#124191; text-decoration:none; font-family: "微软雅黑";} /* 常用代码 */ .clearfix:after { content:""; display:block; height:0; visibility:hidden; clear:both; } .clearfix { *zoom:1; } .wrap{ width:1200px; margin-left: auto; margin-right: auto; } .fl{ float:left;} .fr{ float:right;} /*内容*/ .main-bg{background: url(body-bg.png); min-height: 500px; padding-bottom: 50px; } /*路径*/ .position{ height: 60px; line-height: 60px; } .position-r{ color: #555; background: url(home.png) no-repeat 0 22px; padding-left: 30px; font-size: 14px;} .position-r a{ color: #555;} .main-l{width: 240px; } .main-l h3{width: 240px; height: 111px; border-top: 2px solid #3782D3; border-bottom: 2px solid #3782D3; background: #fff; color: #333; font-size: 24px; line-height: 111px; text-align: center; box-shadow: 1px 2px 10px #ccc; font-family: "微软雅黑";} .main-l h3 a{ background: #fff; color: #333; font-size: 24px; font-family: "微软雅黑";} .main-l-ul{ width: 240px; background: #F6FBFF; margin-top: 10px; box-shadow: 1px 2px 10px #ccc; padding: 10px 0px;} .main-l-ul li{ background: #F6FBFF; padding: 15px 30px;} .main-l-ul li a{ font-size: 16px; color: #333;} .main-l-ul li.on{ border-bottom: 1px solid #2B86D5;} .main-l-ul li.on a,.main-l-ul li a:hover{color: #4179CE; } .main-l-ul li.class_B{ background: #f7f7f7; padding-left: 38px;} .main-l-ul .class_B.on{ border-bottom: none;} .main-l-ul .class_B.on a.on{ border-bottom: 1px solid #2B86D5;} .main-r{width: 940px; background: #fff; min-height: 400px; box-shadow: 1px 2px 10px #ccc;} .main-r h3{ font-size: 24px; color: #333; border-left: 6px solid #005DC5; margin-left: 30px; padding-left: 20px; margin-top: 30px; font-weight: normal; font-family: "微软雅黑";} .main-r .main-r-bd{padding: 30px;} .main-r-bd-ul li{ height: 50px; line-height: 50px; text-align: right; border-bottom: 1px dashed #B0B0B0; color:#999; font-size: 16px;} .main-r-bd-ul li a{ float: left; font-size: 16px; color:#555;} .main-r-bd-ul li a:hover{color: #4179CE; } /*分页*/ .list-fenye{height: 60px; margin-top: 50px; text-align: center;} .list-fenye a{ margin-right: 6px; padding: 5px 10px; border: 1px solid #ccc; border-radius: 3px;} .list-fenye .NormalRed{ background: #D6E4FE; border: 1px solid #ccc; padding: 5px 10px; border-radius: 3px; color:#333;} /* 招聘列表 */ .slideTxtBox{ width:825px; } .slideTxtBox .hd{ height:30px; line-height:30px; padding:0 10px; position:relative; } .slideTxtBox .hd ul{ float:left; position:absolute; left:0px; top:-1px; height:30px; } .slideTxtBox .hd ul li{ float:left; padding:0 15px; cursor:pointer; font-size: 16px; font-family: "微软雅黑";} .slideTxtBox .hd ul li.on{ height:30px; background: #ABC5DB; color:#fff; border-radius: 5px;} .slideTxtBox-dl{margin-top: 30px;} .slideTxtBox-dl dt{ height: 50px; line-height: 50px; background: #E0E8EF;} .slideTxtBox-dl dd{ height: 50px; line-height: 50px; } .slideTxtBox-dl span{ font-size: 16px; float:left; color: #555; width: 100px; text-align: center; font-family: "微软雅黑"; height: 50px;} .slideTxtBox-dl .dl-span1{ width: 250px; text-align: left; padding-left: 15px;} .slideTxtBox-dl .dl-span1 a{ font-size: 16px; font-family: "微软雅黑"; color: #555;} .slideTxtBox-dl .dl-span1 a:hover{ color: #4179CE;} .slideTxtBox-dl .dl-span3{ width: 130px; } /*新药证书*/ .flash4{width:880px;height:500px;margin:0px auto;margin-bottom:20px;position:relative; overflow: hidden;} .flash4 ul li{width:106px;height:500px;position:relative;overflow:hidden;float:left;} .imgTop { cursor: pointer;} .flash4 ul li .imgTop img{/*opacity:0.4;*/ height:500px; min-width:100%;} .flash4 ul li .imgTop img.tm{opacity:1;} .flash4 ul li .imgCen{width:359px;height:50px;background:rgba(0,0,0,0.5);color:#fff;font-size:20px;line-height:50px;position:absolute;left:0px;bottom:0px;text-indent:20px;display:none;} .flash4 ul li.first{width:360px;} .flash4 ul li.fast{position:absolute;right:0px;bottom:0px;} .flash4 ul {overflow: hidden; width: 882px;} .imgTop.click {position: fixed;width: 100%;height: 100%;top: 0;left: 0;text-align: center;z-index: 99;background: rgba(0,0,0,0.6);} .flash4 ul li .imgTop.click img {width: auto;height: auto;display: inline-block;max-width: 100%;max-height: 100%; min-width:100px;} .zsjs_text {font-size: 16px; margin-bottom: 20px;} /*证书修改为平铺*/ .en_zheng { overflow: hidden; } .en_zheng ul{ width:900px; } .en_zheng ul li { text-align: center; background: #f2f2f2; padding: 10px; width: 260px; float: left; margin: 0 20px 20px 0; } .en_zheng ul li img { max-width: 100%; min-height:100%; } .en_imgCen { line-height: 20px; color: #000; font-size: 14px; min-height: 40px; padding: 5px 0 0; } .en_imgTop { height: 200px; overflow: hidden; } .en_img{display:none} .en_img.click *{max-height:100%;} .en_img.click p{position: fixed;width: 100%;height: 100%;} .en_img.click {display:block; position: fixed;width: 100%;height: 100%;top: 0;left: 0;text-align: center;z-index: 99;background: rgba(0,0,0,0.6);} .en_zheng ul li .en_img.click img {width: auto;height: auto;display: inline-block;max-width: 100%;max-height: 100%; min-width:100px;} p.contentImageClass { display: none; }