/*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.num1.Has_Children { display: none; } 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; } .sy2_inside .BoxContent .article_box span.span_date { position: absolute; bottom: -10px; } /*三级导航*/ .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; display: none; _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: 3px solid #511B66; border-top: 2px solid #511B66; background: #fff; position: absolute; display: none; left: 50%; transform: translate(-50%, 0px); top: 57px; 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; } .sy1_li.num4 .sy2_li.num4{ height: auto; /* background: url(/Content/Areas/Common/images/common/icon30.png) no-repeat 0 6px; */ } .sy1_li.num4 .sy2_li.num4 a.sy2_tit{ height: auto; overflow: inherit; line-height: 24px; margin: 5px 0px; } .sy2_li a.sy2_tit { /* font-weight: normal; */ font-size: 14px; position: relative; z-index: 3; padding: 0px 11px; /* height: 35px; */ line-height: 35px; overflow: hidden; text-align: center; display: block; } .sy2_li a.sy2_tit:hover{ color: #fff; background: #9c65b2; } /* .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; transform: translate(0px, 0px); 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; } }