/*PC导航样式*/ .nav{background: #efefef;height: 57px;line-height: 57px;} .sy_nav{width:1200px;margin:0 auto;} /*一级导航*/ li.sy1_li{float: left;position: relative;z-index: 200000;} li.sy1_li a.sy1_tit{font-size: 18px;height:57px;line-height: 57px;display:inline-block;padding: 0 40px;font-weight: bold;} li.sy1_li.active a,li.sy1_li a.sy1_tit:hover,li.sy1_li a.sy1_tit.Hover{background: #511B66;color:#fff;} /*二级导航*/ .sy2_ul{background: #511B66;display: none;position: absolute;z-index: 10000;left:0;top: 57px; width: 148px;} /*三级导航*/ .sy3_ul{top: 0px;display:none !important;position:absolute;background: #9c65b2;left: 148px;width:170px;border-left:solid 1px #81662e;overflow:hidden;text-align: center;} .sy3_ul li{_height:40px;} li.sy3_li a.sy3_tit{ color: #fff; } li.sy3_li a.sy3_tit:hover{background: #c398d5;} li.sy1_li.num10 .sy3_ul,li.sy1_li.num11 .sy3_ul{ left:-170px;} /*大导航*/ .sy2_ul_div{display: block!important; width:952px; float:left; _width:990px;} .sy2_ul .sy2_inside{float:right;width: 175px;overflow-x:hidden;overflow-y:auto;height:354px;padding: 23px 30px 0;_padding:23px 20px 0;} .sy2_ul{width:1192px;border: 4px solid #511B66; border-top:2px solid #511B66;background:#fff;position:absolute; left:0; display:none; top:58px; z-index:100000; _zoom:1;display:none;_border:4px solid #d12c1c; overflow:hidden;_border-top:none; height:378px;} .sy2_li{position:relative;height: 32px;line-height: 32px;width: 100%;z-index:10000;padding-left:15px;background:url(/Content/Areas/Common/images/common/icon30.png) no-repeat 0 13px;text-align:left;} .sy2_li a.sy2_tit {font-weight:normal; font-size:14px; position:relative; z-index:3;height:35px; line-height:35px; overflow:hidden; display:block;} .nav .num0 .sy2_ul{left: -101px;} .nav .num1 .sy2_ul{left: -233px;} .nav .num2 .sy2_ul{left: -365px;} .nav .num4 .sy2_ul{left: -629px;} .nav .num5 .sy2_ul{left: -761px;} .nav .num6 .sy2_ul{left: -893px;} .NavBoxsLeft,.NavBoxsRight{ width:50%; background:url(/Content/Areas/Common/images/common/icon_30.jpg) no-repeat right center; float:left; height:378px;} .NavBoxsLeft{ _width:48%} .NavBoxsFirst,.NavBoxsSecond,.NavBoxsThird{width:33.33%; background:url(/Content/Areas/Common/images/common/icon_30.jpg) no-repeat right center; float:left; height:378px;} .titleStyNav{ font-size:22px; text-align:center; line-height:60px;} .titleStyNav a{ color:#511B66} .sy2_inside .BoxContent{color:#666;font-size:14px;padding: 0 20px 0px 20px;height:293px;overflow:hidden;*zoom:1;} .sy2_inside .BoxContent ul.article_list.article_column{_height:295px;_overflow: hidden;} .sy2_inside .BoxContent p{ line-height:2em;} .sy2_inside .BoxContent .details{ color:#511B66;} .sy2_inside .BoxContent .details:hover{ font-weight:700} .sy2_ul p{ font-size:14px;} .Has_Children:hover .next_open{ position:absolute; width:0; height:0; border-bottom:8px solid #fff; border-left:6px solid transparent; border-right:6px solid transparent; top:50px; left:70px;}li.sy1_li.num11{ background:none;} /*概况*/ .description.BoxContent a.img_box{height: 104px;width: 100%;display: block;overflow: hidden;} .description img{ width:100%; height: auto} ul.Leader_ul li{width: 100%;overflow: hidden; margin-bottom: 10px;} ul.Leader_ul .img_box{display:block;width: 106px;height: 134px;float: left;} ul.Leader_ul li img{width: 100px;height: 128px;padding: 2px;border: 1px solid #ccc;} ul.Leader_ul li .text_con{padding: 0px 10px;background: #f2f2f2;height: 134px;float: right;width: 160px;} ul.Leader_ul li .text_con p{ font-size: 12px; line-height: 24px; } ul.Leader_ul li .text_con p.zhiwu{height: 24px;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .article_list_ls li{ background:url(/Sites/Uploaded/UserUpLoad/20160817/20160817172710.png) no-repeat left center !important; width: 262px; } .article_list_ls li p{overflow: hidden; text-overflow:ellipsis; white-space: nowrap; line-height: 40px !important} .article_list_ls li a{ display: none; } .yuanhui img{ width:120px; height:120px; display:block;margin:0 auto;} /*党建*/ .nav .article_box li{float:left; position:relative; background:none; padding:0; _display:inline-block;_ _overflow:hidden} .nav .article_box li.Li_Odd { margin-right:20px;_margin-right:20px;} .nav .article_box li .title_type{ display:block; width:100%; position: absolute; height:32px; line-height:32px; color:#fff; text-align:center; background:url(/Content/Areas/Common/images/Article/op_bg.png) repeat scroll 0 0; left:0; bottom:0; font-size:14px;_overflow:hidden;} .nav .dj_box li img,.nav .dj_box li{height: 127px;width: 172px;_width:165px;*width:165px;} .nav .dj_box li.Li_Odd { margin-right:15px;_margin-right:15px;} .nav .dj_get img { width:100%; height:127px; float:none; margin-right:0; margin-bottom:5px;} .nav .article_box.zfjs li{ width: 100%; float: none; } .nav .article_box.zfjs li .img_box{width:100%;height:136px;_width:190px;overflow: hidden;display: block;} .nav .article_box.zfjs li img{width: 100%;height: auto;margin-top: -30px;} /*学科建设*/ .nav .num3 .sy2_ul{/* background: #511B66; *//* position: absolute; *//* z-index: 10000; *//* left:0; *//* top: 57px; *//* width: 148px; *//* border: 0px; */left: -500px;/* height: auto; */} .nav .num3 .sy2_ul .sy2_ul_div{/* display:none !important; */} .nav .num3 .sy2_ul .sy2_inside{/* float: none; *//* height: auto; *//* width: 100%; *//* padding:0px; *//* overflow: hidden; *//* display: none !important; */} .nav .num3 .sy2_ul li.sy2_li{/* background: none; *//* padding-left: 0px; *//* text-align: center; *//* height:57px; *//* line-height: 57px; */} .nav .num3 .sy2_ul li.sy2_li a.sy2_tit{/* display: block; *//* color: #fff; *//* text-align:center; *//* height:57px; *//* line-height: 57px; */} .nav .num3 .sy2_ul li.sy2_li a.sy2_tit:hover{background: #9c65b2;} .nav .num3 .sy2_ul .sy2_ul li.sy2_li a.sy2_tit.Hover{background:#9c65b2;} /* .nav .num3 .sy2_ul .next_open{ display: none; } .nav .num3.Has_Children:hover .next_open{ display: none !important; } */ /*新闻中心*/ /*患者服务*/ .list_dep h3{ display: none; } .list_dep li{ width: 33.33%;*width: 29%;height: 30px; line-height: 30px; box-sizing: border-box; float: left; background: url(/Content/Areas/News/images/JiuYiZhiNan/jyzn_icon.png) no-repeat left 12px !important; padding-left: 15px; } /*科学研究*/ .kxyj_box img { float:left; width: 160px; height: 120px; margin-right: 10px; } .kxyj_box .title_type{ width: 160px !important;} .div_img a{ display: block; padding:0px 20px; } .div_img img{ width: 100%; height: auto; } .nav .kxyj_box.article_box li.Li_Odd{margin-right: 0;} /*手机导航PC样式*/ .phone_container .phone_header,.dl_box{display: none;} @media only screen and (max-width:1200px){ .nav{ width: 1200px; } } @media only screen and (max-width: 768px){ .nav .num2 .sy2_ul .sy2_inside{ display:block !important} .sy2_ul_div{display: none!important;} .sy2_ul{ background: #511B66;display: none;position: absolute;z-index: 10000;left:0;top: 57px; width: 148px; border: 0px; height: auto } .sy2_ul .sy2_ul_div{ display:none !important } .sy2_ul .sy2_inside{ float: none; height: auto; width: 100%; padding:0px; overflow: hidden; } .sy2_ul li.sy2_li{ background: none; padding-left: 0px; text-align: left;height:57px;line-height: 57px; } .sy2_ul li.sy2_li a.sy2_tit,.nav .num2 .sy2_ul li.sy2_li a.sy2_tit{display: block;color: #fff; text-align:left; height:57px;line-height: 57px;} .sy2_ul li.sy2_li a.sy2_tit:hover{background: #9c65b2;} .sy2_ul .sy2_ul li.sy2_li a.sy2_tit.Hover{background:#9c65b2;} .sy2_ul .next_open{ display: none; } .dl_box{ padding:0 4% !important; color:#fff; display:block;} .dl_box a{ color:#fff;} .phone_container .phone_header{display: block;} li.sy1_li.active a{ background: none; } .sy_nav{height:auto;background:none;width:100%;line-height:inherit;} a.open_btn{ position: fixed; z-index: 3; top: 20px; right: 5%; height: 40px; width: 40px; overflow: hidden; text-indent: 100%; white-space: nowrap; -webkit-transition: -webkit-transform 0.2s; -moz-transition: -moz-transform 0.2s; transition: transform 0.2s; background: #5e2076; padding: 5px; } a.open_btn span{ position: absolute; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); width: 40px; height: 3px; background-color:#fff; } a.open_btn span:before,a.open_btn span:after{ content: ''; position: absolute; top: 0; right: 0; width: 100%; height: 100%; background-color: inherit; /* Force Hardware Acceleration in WebKit */ -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: -webkit-transform 0.2s, width 0.2s; -moz-transition: -moz-transform 0.2s, width 0.2s; transition: transform 0.2s, width 0.2s; } a.open_btn span:before{ -webkit-transform-origin: right top; -moz-transform-origin: right top; -ms-transform-origin: right top; -o-transform-origin: right top; transform-origin: right top; -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px); } a.open_btn span:after{ -webkit-transform-origin: right bottom; -moz-transform-origin: right bottom; -ms-transform-origin: right bottom; -o-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); } a.open_btn:hover{ -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } a.open_btn:hover span:after,a.open_btn:hover span:before{ width: 50%; } a.open_btn:hover span:before{ -webkit-transform: translateX(1px) translateY(1px) rotate(45deg); -moz-transform: translateX(1px) translateY(1px) rotate(45deg); -ms-transform: translateX(1px) translateY(1px) rotate(45deg); -o-transform: translateX(1px) translateY(1px) rotate(45deg); transform: translateX(1px) translateY(1px) rotate(45deg); } a.open_btn:hover span:after{ -webkit-transform: translateX(1px) translateY(-1px) rotate(-45deg); -moz-transform: translateX(1px) translateY(-1px) rotate(-45deg); -ms-transform: translateX(1px) translateY(-1px) rotate(-45deg); -o-transform: translateX(1px) translateY(-1px) rotate(-45deg); transform: translateX(1px) translateY(-1px) rotate(-45deg); } .phone_container{ position: fixed; z-index: 4; top: 0; right: 0; width: 80%; height: 100%; overflow-y: auto; background: rgb(151, 118, 163); -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); -webkit-transition: -webkit-transform 0.4s 0s, box-shadow 0s 0.4s; -moz-transition: -moz-transform 0.4s 0s, box-shadow 0s 0.4s; transition: transform 0.4s 0s, box-shadow 0s 0.4s; } .phone_container.is-visible { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-overflow-scrolling: touch; box-shadow: -4px 0 30px rgba(0, 0, 0, 0.2); -webkit-transition: -webkit-transform 0.4s 0s, box-shadow 0s 0s; -moz-transition: -moz-transform 0.4s 0s, box-shadow 0s 0s; transition: transform 0.4s 0s, box-shadow 0s 0s; } .phone_container .phone_header{ padding: 5px 0 0 6.25%; height: 55px; position: relative; background: #5e2076; line-height: 55px; } .phone_container h3 a{ font-size: 1.6rem; font-weight: bold; font-family: "Lora", serif; text-transform: uppercase; color: #fff; } .close_btn{ position: absolute; height: 44px; width: 44px; right: 6.25%; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); overflow: hidden; text-indent: 100%; white-space: nowrap; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; transition: opacity 0.2s; } .close_btn:after,.close_btn:before { content: ''; position: absolute; height: 3px; width: 32px; left: 50%; top: 50%; background-color: #fff; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .close_btn:after { -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg); -o-transform: translateX(-50%) translateY(-50%) rotate(45deg); transform: translateX(-50%) translateY(-50%) rotate(45deg); } .close_btn:before { -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg); -moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg); -o-transform: translateX(-50%) translateY(-50%) rotate(-45deg); transform: translateX(-50%) translateY(-50%) rotate(-45deg); } .main.scale-down { overflow-x: hidden; -webkit-transition: -webkit-transform 0.4s; -moz-transition: -moz-transform 0.4s; transition: transform 0.4s; box-shadow: 0 0 30px #241d20; height: 100vh; position: relative; -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); } .close_btn:hover {opacity: .8;} .nav{height:auto;width:auto;background: none;} .phone_container .sy1_ul{padding:0 4%} li.sy2_li a.sy2_tit,.sy2_ul,li.sy1_li a.sy1_tit:hover, li.sy1_li a.sy1_tit.Hover{background: none!important;} li.sy1_li{border-bottom: 1px dotted #d5c1dd;line-height:40px;position:relative;float: none;} .sy1_ul li a.sy1_tit {padding-left:15px;border:none;color: #fff;} .sy1_ul li a.sy2_tit{padding-left:15px;font-size:14px;text-align: left;} .nav .num3.Has_Children:hover .next_open{ display: block !important; } .sy2_li a.next_open,.nav .num3 .sy2_ul li.sy2_li a.next_open{ display:none !important} .Has_Children>.next_open,.Has_Children:hover .next_open{ display: block;width: 0;height: 0;border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #f1f1f1; position: absolute;top: 17px;right: 14px; transition: all 0.3s ease 0s;} .Has_Children:hover .next_open{border-bottom:none; left:inherit} .opend .next_open{ transform: rotate(180deg); -webkit-transform: rotate(180deg);} .sy3_ul{ display:none !important;} .sy2_ul,.nav .num3 .sy2_ul{ width:100%; position:static; text-align:left; } .sy2_ul li{border-bottom:1px dotted #d5c1dd;} } @media only screen and (max-width:500px){ a.open_btn{top: 10px;padding: 0px 5px;} a.open_btn{ width: 30px; } a.open_btn span{ top: 45%;width: 30px; } }