/* CSS Document */ /* 颜色编号: 黑色 :#333333 用途:主体字体 浅灰色:#cccccc 用途:背景 线 边框 深灰色:#666666 用途:内容备注 淡红色:#ff5370 用途:价格 星 活跃度 按钮背景 经过边框、链接 标题 蓝色:#07a3ea 用途:栏目 标题 纯白色:主体按钮字 */ /*----head部分start----*/ .all_head { height: 40px; margin-top: 14px; line-height: 40px; border-bottom: 2px solid #ccc; box-sizing: border-box; } .head_title { font-size: 18px; text-indent: 2em; } .refresh { display: inline-block; text-indent: .5em; background: url("/wwwzryiynet/images/refresh.png") 0 center no-repeat; padding: 0 15px; cursor: pointer; } .head_more { padding: 0 16px; font-size: 14px; } /*----head部分end---------*/ /*------------------------------main_top部分start--------------------------*/ .main_top { height: 356px; padding-top: 2px; border-bottom: 1px solid #ccc; } .main_le { width: 342px; } .main_ri { width: 342px; } .main_top_head { background: url("/wwwzryiynet/images/inform_01.png") 8px center no-repeat; } .main_top_h { background: url("/wwwzryiynet/images/inform_02.png") 2px center no-repeat; } .inform_mid { margin-top: 10px; } .inform_mid>a { display: block; text-align: center; color: #ff5370; font-weight: bold; line-height: 45px; } .inform_mid_title {font-size: 13px; color: #666; } .inform_mid_title a { color: #ff5370; } .inform_mid_title a:hover { color: #07a3ea; } .inform_mid_t { width: 260px; font-size: 13px; color: #666; } .inform_mid_t a { color: #ff5370; } .inform_mid_t a:hover { color: #07a3ea; } .main_top_title ul { font-size: 16px; margin-top: 5px; padding: 0 8px; } .main_top_title ul li { line-height: 26px; border-bottom: 1px dashed #ccc; box-sizing: border-box; position: relative; padding-top: 4px; } .main_top_title ul li:nth-child(6) { border: 0; } .main_top_title ul li a { display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 240px; text-indent: 1em; } .main_top_title ul li span { font-family: simsun, serif; font-size: 14px; } .main_top_title ul li p { font-size: 12px; } .main_top_title ul li i { position: absolute; top: 16px; left: 6px; width: 4px; height: 4px; border-radius: 2px; line-height: 4px; background-color: #666; } .main_mid { width: 490px; height: 350px; margin: 5px 10px 0 10px; position: relative; overflow: hidden; border: 1px solid #ccc; border-bottom: none; } .main_mid_banner { width: 300%; transition: .5s; } .main_mid_banner>a { width: 490px; height: 350px; background: #f2f2f2; } .main_mid_banner>a img { display: block; max-width: 490px; max-height: 350px; margin: 0 auto; } .main_mid>ul { position: absolute; bottom: 10px; left: 50%; margin-left: -30px; } .main_mid>ul li { width: 10px; height: 10px; border-radius: 50%; background: #fff; float: left; margin: 0 5px; cursor: pointer; } .main_mid>ul .main_mid_on { background: #ff5370; } .inform_img { margin-left: 10px; width: 70px; height: 70px; background: #ccc; } .inform_box { width: 240px; padding: 0 15px; } .inform_box>a { line-height: 24px; font-weight: bold; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 250px; color: #ff5370; } .main_top_title:nth-child(3) .inform_mid { margin-top: 14px; } .inform_title { font-size: 16px; margin-top: 5px; padding: 0 8px; } .inform_title li { line-height: 24px; position: relative; } .inform_title li a { display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 200px; text-indent: 1em; } .inform_title li i { position: absolute; top: 12px; left: 6px; width: 4px; height: 4px; border-radius: 2px; line-height: 4px; background-color: #666; } .inform_title li p { font-size: 12px; } /*---------------------main_top部分end------------------------*/ /*--------------------更正首页----------------*/ .demo_Two_box>a{ width:220px !important;} .safe { height: 770px; } .ad { width: 100%; height: 105px; margin: 15px 0px; overflow: hidden; } .ad img { max-width: 100%; } .safe_main { height: 770px; border: 1px solid #ccc; box-sizing: border-box; } .safe_leftT_title { background: url("/wwwzryiynet/images/safe_01.png") 0 center no-repeat; } .safe_leftB_title { background: url("/wwwzryiynet/images/safe_04.png") 0 center no-repeat; } .safe_mid_title { background: url("/wwwzryiynet/images/safe_02.png") 5px center no-repeat; } .safe_rightT_title { background: url("/wwwzryiynet/images/safe_03.png") 0 center no-repeat; } .safe_rightB_title { background: url("/wwwzryiynet/images/safe_05.png") 0 center no-repeat; } /*-----------------------------company部分start---------------------------------*/ .company { height: 780px; border: 1px solid #ccc; border-top: none; box-sizing: border-box; } .company_main { height: 780px; border-top: 1px solid #ccc; box-sizing: border-box; } .company_main .demo_One ul li a { width: 300px; margin-top: 2px; } .company_leftT_title { background: url("/wwwzryiynet/images/company_01.png") 0 center no-repeat; } .company_leftB_title { background: url("/wwwzryiynet/images/company_02.png") 0 center no-repeat; } .company_mid_title { background: url("/wwwzryiynet/images/company_03.png") 5px center no-repeat; } .company_mid_Two { display: none; } .company_rightT_title { background: url("/wwwzryiynet/images/company_04.png") 0 center no-repeat; } /*--学术交流用--*/ .demo_Height { height: 378px !important; } .CNT_t { width: 130px; height: 150px; float: left; margin: 15px 0 10px 15px; } .CNT_img { width: 130px; height: 110px; text-align:center;vertical-align: middle;} .CNT_img img { } .CNT_t a { display: inline-block; font-size: 14px; line-height: 18px; } .company_rightB_title { background: url("/wwwzryiynet/images/company_06.png") 0 center no-repeat; } /*--------------------------company部分end------------------------*/ /*---------------------doctor部分start---------------------------*/ .doctor { height: 300px; position: relative; } .doctor .head_title { background: url("/wwwzryiynet"/wwwzryiynet"/wwwzryiynet/images/doctor_01.png""") 14px center no-repeat; } .doctors { width: 1100px; height: 270px; margin: 8px auto; overflow: hidden; position: relative; } .doctors_lit { height: 260px; transition: .5s; position: absolute; left: 0; } .physician { width: 210px; height: 250px; text-align: center; margin: 10px 5px; } .physician a:hover { text-decoration: none; } .physician_pic { width: 165px; height: 165px; border-radius: 50%; overflow: hidden; margin: 0 auto; } .physician_pic img { width: 165px; } .doctor_name { font-size: 16px; } .doctor_source { color: #666; font-size: 14px; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 210px; } .doctor_data { font-weight: bold; font-size: 14px; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 210px; } .doctor_prev { position: absolute; left: 0; top: 138px; cursor: pointer; } .doctor_next { position: absolute; right: 0; top: 138px; cursor: pointer; } /*--------------------doctor部分end-----------------------------*/ /*--------------------equipment部分start-------------------------*/ .equipment .head_title { background: url("/wwwzryiynet/images/equipment_01.png") 10px 14px no-repeat; } .equipment .all_head>div a:nth-child(2) { background: url("/wwwzryiynet/images/bar.png") 0 center no-repeat; } .equipment_Two { display: none; } .equipment_le { width: 140px; } .facility { width: 130px; padding: 5px 10px; } .facility_click { background: url("/wwwzryiynet/images/up.png") 100px 10px no-repeat; border-bottom: 1px solid #ccc; cursor: pointer; font-weight: bold; } .facility li { font-size: 14px; line-height: 24px; } .lobour_on { background: url("/wwwzryiynet/images/down.png") 100px 10px no-repeat; } .equipment_ri { width: 1060px; height: 650px; padding: 10px 0 0 0px; } .productOne { width: 310px; height: 310px; position: relative; color: #fff; overflow: hidden; margin-bottom: 20px; box-sizing: border-box; } .productOne:hover { border: 1px solid #ff5370; } .productOne_img { display: block; width: 310px; height: 310px; overflow: hidden; position: absolute; left: 50%; margin-left: -155px; top: 50%; margin-top: -155px; } .productOne_img img { display: block; margin: 0 auto; max-width: 310px; max-height: 310px; -webkit-transition: 1000ms; -moz-transition: 1000ms; -ms-transition: 1000ms; -o-transition: 1000ms; transition: 1000ms; } .productOne_img:hover img { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } .equipment_introduce { font-size: 14px; line-height: 20px; position: absolute; left: 50%; transition: .6s; } .introduceOne { width: 278px; background: rgba(51,51,51,.2); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f333333, endColorstr=#7f333333); padding: 0 16px; bottom: -67px; margin-left: -154px; } .introduce_top { margin-top: 5px; border-bottom: 1px solid #fff; } .introduce_top p:first-child { height: 48px; } .discount { font-size: 18px; color: #ff5370; } .introduce_bottom { line-height: 24px; } .introduce_bottom a { font-size: 14px; color: #FFF; } .attentionOne { font-size: 12px; } .introduceOne .introduce_bottom p:nth-child(1) { font-size: 16px; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 278px; } .introduceTwo .introduce_bottom p:nth-child(1) { font-size: 16px; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 210px; } .productOne:hover .equipment_introduce { bottom: 0; } .productTwo { width: 240px; height: 310px; margin: 0 5px; background: #fff; position: relative; overflow: hidden; box-sizing: border-box; margin-bottom: 20px; border: 1px solid #ccc; } .productTwo_img { display: block; width: 240px; height: 240px; position: absolute; overflow: hidden; left: 50%; margin-left: -120px; top: 50%; margin-top: -155px; background: #fff; } .productTwo_img img { display: block; margin: 0 auto; max-width: 234px; max-height: 234px; -webkit-transition: 1000ms; -moz-transition: 1000ms; -ms-transition: 1000ms; -o-transition: 1000ms; transition: 1000ms; } .productTwo_img:hover img { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } .label { width: 47px; height: 42px; position: absolute; z-index: 99; left: 0; top: 0; } .introduceTwo { width: 214px; padding: 0 10px; margin-left: -117px; bottom: -73px; } /*--经过父级自己改变-*/ .productTwo:hover { border: 1px solid #ff5370; } /*--经过父级孩子改变颜色-*/ .productTwo:hover .introduceTwo { background: rgba(51,51,51,.2); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C333333, endColorstr=#4C333333); color: #FFF; } .introduceTwo a { margin-top: 10px; } .productTwo:hover .equipment_introduce { bottom: 0; } .attentionTwo { font-size: 12px; margin-top: 12px; } /*------------------------equipment部分end---------------------*/ /*------------------------treat部分start---------------------*/ .treat {} .treat .head_title { background: url("/wwwzryiynet/images/treat_01.png") 14px 12px no-repeat; } .treat_top { width: 100%; height: 300px; margin-top: 10px; padding: 0 5px; } .treat_le { width: 680px; height: 300px; margin-left: 10px; position: relative; } .treat_le_img { width: 300px; height: 300px; border: 1px solid #ccc; box-sizing: border-box; } .treat_le_img img { max-width: 300px; max-height: 300px; -webkit-transition: 1s; -moz-transition: 1s; -ms-transition: 1s; -o-transition: 1s; transition: 1s; } .treat_le_img:hover img { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } .treat_data { width: 380px; } .treat_drug { width: 350px; padding: 0 15px; margin-top: 10px; } .treat_drug a { font-size: 18px; font-weight: bold; } .treat_drug p { font-size: 14px; margin-top: 10px; color: #666; } .drug_data { width: 290px; position: absolute; bottom: 0; padding: 0 20px; font-size: 14px; line-height: 40px; } .treat_ri { width: 480px; margin-right: 20px; } .treat_drug_box { width: 100%; height: 140px; margin-bottom: 20px; } .treat_drug_box:nth-child(2) { margin-bottom: 0; } .treat_drug_img { width: 210px; height: 140px; } .treat_drug_img img { max-width: 210px; max-height: 140px; -webkit-transition: 1s; -moz-transition: 1s; -ms-transition: 1s; -o-transition: 1s; transition: 1s; } .treat_drug_img:hover img { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } .treat_drug_data { width: 250px; height: 100%; position: relative; } .treat_drug_li a { font-size: 16px; font-weight: bold; } .treat_drug_li p { font-size: 14px; margin-top: 10px; color: #666; } .drug_data_li { width: 100%; position: absolute; bottom: 0; font-size: 14px; } .drug_data_li .ComName { width: 100%; display: inline-block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .drug_data_li p span { padding: 0 4px; line-height: 24px; } .treat_mid { width: 100%; height: 400px; } .treat_mid>div { width: 390px; padding-top: 20px; } .treat_mid .demo_top h4 { text-indent: .5em; } .treat_demo_Two { width: 260px; padding: 0 10px; margin-left: 10px; } .treat_demo_Two .demo_Two_mid_title { text-indent: 2em; } .treat_mid ul li a { width: 360px; } .treat_mid .demo_Two_mid { margin-top: 10px; } .treat_mid_m { height: 400px; padding: 0; } .treat_mid_m ul li { padding: 0px 0; } .treat_mid_m ul li i { top: 14px; } .treat_mid_ri { height: 400px; } .treat_roll { width: 380px; height: 320px; margin-top: 10px; overflow: hidden; } .roll_box { height: 650px; position: relative; top: 0; } .roll_box ul { height: 320px; } .roll_box ul li { width: 99%; line-height: 36px; height: 36px; box-sizing: border-box; border-bottom: 1px dashed #ccc; padding: 0 10px 0 50px; background: url("/wwwzryiynet/images/question.png") 15px center no-repeat; } .roll_box ul li a { width: 330px; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .roll_box ul p { line-height: 20px; font-size: 12px; color: #666; overflow: hidden; padding: 10px 10px 0px 50px; background: url("/wwwzryiynet/images/answer.png") 15px 10px no-repeat; } .roll_box .roll_two { margin-top: 10px; } .treat_mid .treat_mid_ri { width: 380px; margin-right: 10px; } .Adv_ThreeBox { width: 100%; height: 120px; padding: 0; } .Adv_ThreeBox >a { width: 385px; height: 100px; margin: 10px 7px; border: 1px solid #ccc; box-sizing: border-box; background: #f2f2f2; } .Adv_ThreeBox img { width: 100%; height: 100%; display: block; max-width: 385px; max-height: 100px; margin: 0 auto; } /*--体检卡-*/ /*.Exam_head .head_title { background: url("/wwwzryiynet"/wwwzryiynet"/wwwzryiynet/images/doctor_01.png""") 14px center no-repeat; } .Exam_list { margin-top: 15px; } .Exam_list .Exam_Name { height: 30px; line-height: 30px; font-weight: bold; text-align: center; background-color: #F3F3F3; font-size: 14px; } .Exam_list .Exam_Item { float: left; width: 224px; height: 270px; position: relative; overflow: hidden; margin-bottom: 20px; padding-right: 9px; padding-left: 9px; border-right: 1px solid #eee; } .Exam_list .Exam_Item .Exam_img { width: 100%; height: 160px; overflow: hidden; } .Exam_list .Exam_Item .Exam_img img { width: 100%; } .Exam_list .Exam_Item .Exam_introduce { font-size: 14px; } .Exam_list .Exam_Item .Exam_introduce p { height: 26px; line-height: 26px; } .Exam_list .Exam_Item .Exam_introduce p:first-child { height: 46px !important; font-size: 14px; } .Exam_list .Exam_Item:nth-child(1) { margin-left: 0 !important; padding-left: 0 !important; float: left; } .Exam_list .Exam_Item:nth-child(5n) { margin-right: 0; padding-right: 0 !important; float: right; border-right: 0px solid #fff !important; }*/ .Exam_head .head_title { background: url("/wwwzryiynet"/wwwzryiynet"/wwwzryiynet/images/doctor_01.png""") 14px center no-repeat; } .Exam_list { margin-top: 15px; } .Exam_list .Exam_Name { height: 30px; line-height: 30px; font-weight: bold; text-align: center; background-color: #F3F3F3; font-size: 16px; } .Exam_list .Exam_Item { float: left; width: 224px; height: 250px; position: relative; overflow: hidden; margin-bottom: 20px; padding-right: 6px; padding-left: 6px; border-right: 1px solid #d2cfcf; } .Exam_list div:nth-child(5){border-right: 1px solid #fff;} .Exam_list .Exam_Item .Exam_introduce { font-size: 14px; } .Exam_list .Exam_Item .Exam_introduce li { width:96%; padding:0px 2%; height:36px;line-height: 36px; text-align:center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; overflow:hidden; } .Exam_list .Exam_Item .Exam_introduce li p { height: 36px; line-height: 36px; } .Exam_list .Exam_Item .Exam_introduce li p:nth-child(1) {text-indent: 2em} .Exam_list .Exam_Item .Exam_introduce li .JobBtn{width:80%; text-align:center; line-height:34px; height:34px;} .person_money { background: url("/wwwzryiynet/images/money.png") left center no-repeat; } .person_education { background: url("/wwwzryiynet/images/education.png") left center no-repeat; } .person_position { color: #32bbe3; background: url("/wwwzryiynet/images/position.png") left center no-repeat; } .person_recruit { background: url("/wwwzryiynet/images/recruit.png") left center no-repeat; } /*---广告位系列--*/ .treat_Group { } .treat_Group>li { float: left; position: relative; width: 192px; height: 145px; margin: 15px 4px; border: 1px solid #ccc; box-sizing: border-box; background: #f2f2f2; overflow: hidden; } .treat_Group>li>p { position: absolute; top: 0px; font-size: 13px; background: #39b5ee; background: rgba(7,163,234,.8); color: #FFF; width: 100%; height: 22px; text-align: center; } .treat_Group>li>p>a { color: #FFF; } .treat_Group img { width: 100%; display: block; margin: 0 auto; } .Flink { min-height: 120px; margin-top: 15px; } .Flink_head { height: 30px; border-bottom: 2px solid #07a3ea; } .Flink_head>div { width: 90px; height: 30px; text-align: center; font-weight: bold; font-size: 18px; line-height: 20px; border-bottom: 2px solid #07a3ea; box-sizing: border-box; position: relative; } .Flink_head>div i { width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 6px solid #07a3ea; position: absolute; left: 50%; margin-left: -3px; bottom: 0; } .Flink_head>a { font-size: 14px; line-height: 30px; padding-right: 10px; } .Flink_main { padding: 30px 20px; } .Flink_main a { font-size: 14px; display: block; float: left; width: 85px; text-align: center; height: 28px; overflow: hidden; line-height: 28px; padding: 0 10px; } /*------------------------treat部分end---------------------*/