/*栏目切换*/ .tab_li{ width:560px; margin:0 auto;} .tab_li li{ width:130px; float:left; margin:0 5px; background:#eee; line-height:36px; text-align:center;} .tab_li li a{ color:#333;} .tab_li li.current_li{ background:#2076bd;} .tab_li li.current_li a{ color:#fff;} /*图片展示*/ ul.hosp_img li{display:none; position:absolute} ul.hosp_img li.img01{ top:70px; right:159px} ul.hosp_img li.img02{ top:157px; right:538px} ul.hosp_img li.img03{ top:-50px; right:285px} /*动态读取文章展示*/ div.modal-open{display: none;position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 1050;overflow: hidden; -webkit-overflow-scrolling: touch;outline: 0; overflow-x: hidden;overflow-y: auto;} .modal-backdrop {position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 1040;background-color: #000;filter: alpha(opacity=50);opacity: .5;display: none;} #signin_form{ -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);box-shadow: 0 5px 15px rgba(0,0,0,.5);position: relative;background-color: #fff;-webkit-background-clip: padding-box;background-clip: padding-box;border-radius: 6px; outline: 0;width:450px;margin:15% auto} .modal-header {padding: 10px 15px;background-color: #F1F1F1;min-height: 16.43px;border-bottom: 1px solid #e5e5e5;} .close{float: right;font-size: 21px;font-weight: 700;line-height: 1;color: #000;text-shadow: 0 1px 0 #fff;filter: alpha(opacity=20);opacity: .2;border:none;background: none;cursor: pointer;} .modal-body{padding:35px;} .modal-body p{font-size: 18px;line-height: 2em;text-shadow:1px 1px 1px rgba(0,0,0,0.3)} /*周边环境*/ .tab_box .artic_left{ width:130px; float:left;} .column_lists li{width: 120px;height: 110px; margin-bottom:14px; cursor:pointer;} .column_lists li.cy{ background:url(/Sites/Uploaded/UserUpLoad/20160913/20160913170503.png) no-repeat;} .column_lists li.zs{ background:url(/Sites/Uploaded/UserUpLoad/20160913/20160913170537.png) no-repeat;} .column_lists li.jt{ background:url(/Sites/Uploaded/UserUpLoad/20160913/20160913170524.png) no-repeat;} .column_lists li.yw{ background:url(/Sites/Uploaded/UserUpLoad/20160913/20160913170551.png) no-repeat;} .column_lists li.cy.current_col{background:url(/Sites/Uploaded/UserUpLoad/20160913/20160913170737.png) no-repeat;} .column_lists li.zs.current_col{ background:url(/Sites/Uploaded/UserUpLoad/20160913/20160913170904.png) no-repeat;} .column_lists li.jt.current_col{ background:url(/Sites/Uploaded/UserUpLoad/20160913/20160913170816.png) no-repeat;} .column_lists li.yw.current_col{ background:url(/Sites/Uploaded/UserUpLoad/20160913/20160913170920.png) no-repeat;} .tab_box .artic_right{ width:1050px; float:right; padding:0 30px; box-sizing:border-box;} .tab_box .border{ border:1px solid #ccc; border-radius:4px;} .colum_tab h3{ font-size:24px; text-align:center; line-height:70px;} .color1{color:#ff9446;} .color2{color:#3190df;} .color3{color:#00c112;} .color4{color:#0fc9df;} .artic_list li{ margin-bottom:20px;height: 162px;} .artic_list li .title_type{display: block;line-height: 32px;font-size: 18px;margin-bottom: 10px;} .artic_list li .img_box{width: 150px;height: 120px;overflow: hidden;display: block;margin-right: 20px;float: left;} .artic_list li .img_box img{ width:150px; height:120px;} .artic_list li p{line-height: 30px;font-size: 14px;} .artic_phone{ display:none;} @media only screen and (max-width: 768px){ .tab_box .artic_left,.tab_box .artic_right,.tab_li{width: 100%; } .column_lists li { margin: 0 30px 14px;float: left;} .artic_list li { margin-bottom: 20px;height: auto;} .tab_li li {margin: 0 26px; } .tab_box .artic_right { padding: 0 10px;} .Con_P { width: 100%; height: auto; position: inherit; padding: 10px; box-sizing: border-box;} .article_cont{ display:none;} .artic_phone{ display:block;} .artic_phone .louceng_fb li{width: 130px;float: left;background:#66a1d2;line-height: 36px;text-align: center;margin-right: 6px;color:#fff;cursor: pointer;} .artic_phone .louceng_fb li.cuttent_lc{background:#2076bd; } .artic_phone .lc_box{border: 1px solid #2076bd;padding: 10px;line-height: 26px;} .artic_phone .lc_box .lc_tab li span{ color:#2076bd;float: left;margin-right: 15px;} } @media only screen and (max-width: 700px){ .column_lists li { margin: 0 6px 14px;} .tab_li li {margin: 0;} } @media only screen and (max-width: 550px){ .tab_li li { margin: 0 20px 10px;} .column_lists li{ margin: 0 18px 14px;} } @media only screen and (max-width: 360px){ .tab_li li { margin: 0 8px 10px;} .column_lists li{ margin: 0 10px 14px;} }