padding: 0; background: #fff; overflow-x: hidden; margin: auto; color: #333; font-family: 微软雅黑,Arial; } button:hover{ cursor: pointer; opacity: 0.8; outline:none; } .bg{ background-image: url("../images/index_v1/bg.png"); background-size: 1920px 795px; background-position: top center; background-repeat: no-repeat; } .header-logo{ display: flex; align-items: center; } .header-logo img{ flex: 0 0 auto; } .header-logo div{ width: 100%; color: #1A5284; padding-left: 8px; } .header-logo div h1{ font-size: 34px; line-height: 46px; } .header-logo div p{ font-size: 16px; line-height: 18px; } .header-search{ display: flex; } .header-search input{ border: none; height: 40px; padding-left: 20px; width: 130px; } .header-search button{ background: #1A5284; color: #fff; border: none; height: 40px; width: 58px; } .header-nav { list-style: none; text-align: center; background: #1A5284; display: flex; justify-content: center; position: relative; z-index: 99; } .header-nav .item{ position: initial; } .header-nav .item>a{ display: flex; width: 180px; align-items: center; justify-content: center; padding: 16px 0; position: relative; } .col-12 { width: 50%; } .header-nav .item>a::after{ content: ""; left: 0; width: 1px; height: 20px; position: absolute; background: #fff; } .header-nav .item>a:hover span{ opacity: 1; } .header-nav .item>a span{ opacity: 0.9; color: #FEFEFE; font-size: 24px; font-weight: bold; margin-left: 8px; } .header-nav .item>a img{ margin: 0; flex: 0 0 auto; height: 20px; } .header-nav .item:nth-last-child(1)>a::before{ content: ""; right: 0; width: 1px; height: 20px; position: absolute; background: #fff; } .header-nav .item:hover>a{ background: #4c8fc9; } .header-nav .item:hover>a + .exhibition{ opacity: 1; visibility: inherit; } .header-nav .exhibition{ position: absolute; width: 1200px; border-left: 2px solid #1a5284; border-right: 2px solid #1a5284; border-bottom: 2px solid #1a5284; background: #fff; box-sizing: border-box; left: 0; opacity: 0; visibility: hidden; transition: all .3s; text-align: left; display: flex; padding: 0 10px; height: 414px; box-shadow: 0 6px 10px 0 rgba(0,0,0,0.4); } .header-nav .exhibition .col{ flex: 1; padding: 20px 10px; font-size: 20px; overflow: hidden; } .header-nav .exhibition .post{ font-size: 18px; border-bottom: 1px solid #e0e0e0; line-height: 40px; font-weight: bold; position: relative; padding-left: 12px; } .header-nav .exhibition .post::after{ content: ""; width: 90px; height: 2px; background: #2f5e98; position: absolute; left: 0; bottom: -1px; } .header-nav .exhibition .big_leader{ display: flex; justify-content: space-between; text-align: center; padding: 0 105px; margin: 20px 0; } .header-nav .exhibition .big_leader div a:nth-child(1){ font-weight: bold; color: #0c59b8; display: block } .header-nav .exhibition .big_leader div a:nth-child(2){ color: #555657; margin-top: 6px; display: block } .header-nav .exhibition .big_leader div:hover a{ color: #ff9800 } .header-nav .exhibition .leader{ font-size: 18px; display: flex; flex-wrap: wrap; margin: 20px 0; } .header-nav .exhibition .leader a { width: 54px; text-align: justify; text-align-last: justify; color: #0c59b8; font-weight: bold; margin: 4px 0; padding: 0 18px; border-left: 1px solid #e6e6e6; } .header-nav .exhibition .leader a:hover{ color: #ff9800 } .header-nav .exhibition .leader a:nth-child(4n){ border-right: 1px solid #e6e6e6 } .header-nav .exhibition .passageway{ display: flex; text-align: center; margin-top: 40px; } .header-nav .exhibition .passageway a{ background: #e0f8ff; border: 1px solid #2f5e98; border-radius: 10px; font-size: 16px; width: 90px; padding: 5px 0; margin: 0 10px; } .header-nav .exhibition .passageway a img{ display: block; margin: auto; } .header-nav .exhibition .Information_disclosure{ list-style: none; } .header-nav .exhibition .Information_disclosure a{ display: flex; height: 84px; border: 1px solid #dbe3ed; background: #f9feff; align-items: center; font-size: 18px; border-radius: 4px; padding: 0 20px; } .header-nav .exhibition .Information_disclosure a:hover{ font-weight: bold; background: #2f5e98; color: #fff !important; } .header-nav .exhibition .Information_disclosure img{ margin-right: 12px; } .header-nav .exhibition .Information_disclosure .mian{ background-image: url("../images/index_v1/Information_disclosure-bg.png"); background-size: cover; justify-content: center; color: #fff; font-weight: bold; font-size: 20px; } .header-nav .exhibition .Information_disclosure li{ margin-bottom: 10px; } .header-nav .exhibition .link_list{ list-style: none; } .header-nav .exhibition .link_list li{ display: flex; flex-wrap: wrap; border: 1px solid #dbe3ed; background: #f9feff; /*height: 347px;*/ border-radius: 4px; align-content:flex-start; padding: 10px; } .header-nav .exhibition .link_list li a{ width: 50%; padding: 6px 10px; box-sizing: border-box; font-size: 18px; } .header-nav .exhibition .link_list li a span{ margin-left: 8px; } .header-nav .exhibition.fzfg .link_list li a{ margin: 7px 0; } .header-nav .exhibition .list-time li{ margin: 18px 0; } .header-nav .exhibition.zwfw .Information_disclosure a{ font-size: 16px; } .header-nav .exhibition.zwfw .Information_disclosure li{ margin-bottom: 17px; } .header-nav .exhibition.zwfw .ting{ height: 80px; } .header-nav .exhibition.zwfw .ting p:nth-child(1){ font-size: 21px; font-weight: 500; } .header-nav .exhibition.zwfw .ting p:nth-child(2){ font-size: 12px; font-weight: 500; } .header-nav .exhibition .nav-tabs { background: #e5f9ff; font-size: 18px; height: 47px; line-height: 47px; padding: 0 16px; border-radius: 4px 4px 0 0; border: 1px solid #d5dfea; border-bottom: none; } .header-nav .exhibition .nav-tabs li{ padding: 0 8px; border: none; } .header-nav .exhibition.fzfg .nav-tabs li{ margin-right: 16px; } .header-nav .exhibition .nav-tabs::after{ display: none; } .header-nav .exhibition .nav-tabs li.active{ border-bottom: 2px solid #be2424; } .header-nav .exhibition .tab-content{ border: 1px solid #d5dfea; padding: 14px 16px; /*height: 321px;*/* box-sizing: border-box; background: #f9feff; } .header-nav .exhibition .Information_disclosure a:hover .Information_disclosure-t1{ content: url('../images/index_v1/icon-Information_disclosure-t1-w.png'); } .header-nav .exhibition .Information_disclosure a:hover .Information_disclosure-t2{ content: url('../images/index_v1/icon-Information_disclosure-t2-w.png'); } .header-nav .exhibition .Information_disclosure a:hover .Information_disclosure-t3{ content: url('../images/index_v1/icon-Information_disclosure-t3-w.png'); } .header-nav .exhibition .Information_disclosure a:hover .Information_disclosure-t4{ content: url('../images/index_v1/icon-Information_disclosure-t4-w.png'); } .header-nav .exhibition .Information_disclosure a:hover .Information_disclosure-t5{ content: url('../images/index_v1/icon-Information_disclosure-t5-w.png'); } .header-nav .exhibition .Information_disclosure a:hover .Information_disclosure-t6{ content: url('../images/index_v1/icon-Information_disclosure-t6-w.png'); } .header-nav .exhibition .Information_disclosure a:hover .Information_disclosure-t7{ content: url('../images/index_v1/icon-Information_disclosure-t7-w.png'); } .header-nav .exhibition .Information_disclosure a:hover .Information_disclosure-t8{ content: url('../images/index_v1/icon-Information_disclosure-t8-w.png'); } .header-nav .exhibition .Information_disclosure a:hover .Information_disclosure-t9{ content: url('../images/index_v1/icon-Information_disclosure-t9-w.png'); } .header-nav .exhibition.hjsj .link_list li{ border: none; padding: 0; height: auto; } .header-nav .exhibition.hjsj .link_list li a:nth-child(2n-1){ width: 40%; } .header-nav .exhibition.hjsj .link_list li a:nth-child(2n){ width: 60%; } .header-nav .exhibition.hjsj .tab-content{ background: #f9feff; } .header-nav .exhibition.hjzl .Information_disclosure li{ margin: 20px 0; } .header-nav .exhibition.hjzl .Information_disclosure a{ height: auto; padding: 10px 10px; } .header-nav .exhibition.hjzl .Information_disclosure a span{ padding: 8px 0; } .header-nav .exhibition.hjzl .Information_disclosure a:hover .icon-Information_hjzl_t1{ content: url('../images/index_v1/icon-Information_hjzl_t1_w.png'); } .header-nav .exhibition.hjzl .Information_disclosure a:hover .icon-Information_hjzl_t2{ content: url('../images/index_v1/icon-Information_hjzl_t2_w.png'); } .header-nav .exhibition.hjzl .Information_disclosure a:hover .icon-Information_hjzl_t3{ content: url('../images/index_v1/icon-Information_hjzl_t3_w.png'); } .header-nav .exhibition.hdjl { } .header-nav .exhibition.hdjl ul{ list-style: none; padding: 0; display: flex; justify-content: space-around; margin: auto; width: 90%; } .header-nav .exhibition.hdjl ul li a{ display: block; border: 1px solid #2f5e98; background: #e0f8ff; font-size: 18px; text-align: center; border-radius: 10px; width: 134px; height: 234px; padding: 20px 0; } .header-nav .exhibition.hdjl ul li a:hover{ opacity: 0.8; } .header-nav .exhibition.hdjl ul li a img{ margin-top:60px; width: 60px; height: 60px } .default{ text-align: center; } .default img{ width: 120px; } .default p{ font-size: 14px; color: #8c8c8c; } .m-nav{ display: flex; list-style: none; justify-content: flex-end; position: relative; height: 39px; line-height: 39px; } .m-nav a{ padding: 0 8px; border-right: 1px solid #5C6165; color: #5C6165; } .m-nav li:nth-last-child(1) a{ border-right: none; padding-right: 0; } .m-nav a:hover{ color: #1A5284; font-weight: bold } .m-nav.b li:nth-child(1){ position: absolute; left: 0; } .m-nav.b li:nth-child(1) a{ border-left: none; padding-bottom: 12px; position: relative; z-index: 9; font-size: 21px !important; line-height: 24px !important; border-bottom: 2px solid #be2424; border-right: none; color: #000; font-weight: bold; display: block; padding-top: 1px } .m-nav.b::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #1A5284; } .breadcrumb{ height: 56px; background: #1A5284; color: #fff; text-align: left; line-height: 56px; padding: 0 12px; } .breadcrumb a:hover{ color: #fff000; } .tag{ color: orange; } .table-style{ width: 100%; border-spacing: 0; text-align: center; border-collapse: collapse; margin-top: 20px; } .table-style thead td{ background: #f2f2f2; } .table-style td{ padding: 12px; border: 1px solid #e6e6e6; } .table-style td:nth-child(2){ text-align: left; } .m-btn{ border: 0; padding: 4px 12px; background-color: #1a5284; color: #fff; } .list-gd{ position: absolute; z-index: 9; left: 0; right: 0; } .list-time{ list-style: none; } .list-time li{ display: flex; font-size: 16px; overflow: hidden; margin-top: 21px; } .list-time li a{ width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .list-time li a::before{ content: ""; width: 6px; height: 6px; border-radius: 50%; background: #D8D8D8; display: inline-block; margin-right: 8px; vertical-align: top; margin-top: 9px; } .list-time li:hover a::before{ background: #1A5284; } .list-time li span{ flex: 0 0 100px; text-align: right; color:#999; } .hjzlm { font-family:微软雅黑; font-size:16px; color:#1a5284; font-weight:bold; margin-left:20px; } .hjzlli {margin: 11px 0!important;} .relevant-nav{ background: #EFF0F1; list-style: none; text-align: center; position: relative; z-index: 999 } .relevant-nav li{ display: inline-block; padding: 12px 22px; cursor: pointer; line-height: 30px } .relevant-nav li > div > span{ display: inline-block; width: 120px; text-align: center } .relevant-nav li:hover .relevant-con{ display: block } .relevant-nav li:hover{ color: #1A5284; font-weight: bold; font-size: 16px; } .relevant-nav li img{ /* opacity: 0; position: absolute;*/ } .relevant-nav li img{ right: 15px; } /* .relevant-nav li:hover::after { content: ""; width: 13px; height: 7px; position: absolute; left: 0; right: 0; bottom: 0; background-image: url("../images/index_v1/icon-triangle-up2.png"); margin: auto; transition: all .3s; } */ .relevant-con { height: 206px; padding: 12px; display: none; flex-wrap: wrap; font-size: 0; box-sizing: border-box; position: absolute; left: 0; right: 0; bottom: 54px; background: #fff; box-shadow: 0 0 10px 0 rgba(0,0,0,0.2); text-align: left } .relevant-con a { text-align: center; box-sizing: border-box; margin: 8px 0; border-left: 1px solid #e6e6e6; height: 16px; line-height: 16px; display: inline-block; font-size: 14px; } .relevant-con.span8 a{ width: 12.5%; } .relevant-con.span8 a:nth-child(8n-7){ border-left: none; } .relevant-con.span4 a{ width: 25%; } .relevant-con.span4 a:nth-child(4n-3){ border-left: none; } .d-flex { display: -ms-flexbox !important; display: flex !important } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-13, .col-14, .col-15, .col-16, .col-17, .col-18, .col-19, .col-20, .col-21, .col-22, .col-23, .col-24 { display: inline-block !important; font-size: 14px; vertical-align: middle; box-sizing: border-box; } .col-8 { width: 33.33333333%; } .col-24 { width: 100%; } h1, h2, h3, h4, h5, h6, p ,ul ,li{ margin: 0; padding: 0; } .row { margin: 0; flex-wrap: inherit; font-size: 0; box-sizing: border-box; position: relative; } .color-main { color: #1A5284 !important; } .color-red { color: red !important; } .color-link { color: #4a76a2 !important; } .color-black { color: #262626 !important; } .color-ash { color: #8c8c8c !important; } .color-white { color: #fff !important; } a { color: inherit; text-decoration: none !important; } a:hover { color: #1A5284; cursor: pointer; } .container { box-sizing: border-box; position: relative; padding: 0; font-size: 0; width: 1200px; margin: auto; } .flex-grow-shrink { flex-grow: 0; flex-shrink: 0; } .align-items-center { align-items: center; } .w-50 { width: 50% !important; } .w-100 { width: 100% !important; } .col-16 { width: 66.66666667%; } .row { margin: 0; flex-wrap: inherit; font-size: 0; box-sizing: border-box; position: relative; } .col{ font-size: 14px; } .size0 { font-size: 0 !important; } .size1 { font-size: 12px !important; line-height: 18px !important; } .size2 { font-size: 14px !important; line-height: 20px !important; } .size3 { font-size: 16px !important; line-height: 22px !important; } .size4 { font-size: 21px !important; line-height: 24px !important; } .size5 { font-size: 24px !important; line-height: 32px !important; } .size6 { font-size: 24px !important; line-height: 30px !important; } .bold { font-weight: bold; } .m-auto{ margin: auto } .m-0 { margin: 0 !important; } .mt-0 { margin-top: 0 !important; } .mr-0 { margin-right: 0 !important; } .mb-0 { margin-bottom: 0 !important; } .ml-0 { margin-left: 0 !important; } .m-1 { margin: 4px !important; } .mt-1 { margin-top: 4px !important; } .mr-1 { margin-right: 4px !important; } .mb-1 { margin-bottom: 4px !important; } .ml-1 { margin-left: 4px !important; } .m-2 { margin: 8px !important; } .mt-2 { margin-top: 5px !important; } .mr-2 { margin-right: 8px !important; } .mb-2 { margin-bottom: 8px !important; } .ml-2 { margin-left: 8px !important; } .m-3 { margin: 12px !important; } .mt-3 { margin-top: 26px !important; } .mr-3 { margin-right: 12px !important; } .mb-3 { margin-bottom: 12px !important; } .ml-3 { margin-left: 12px !important; } .m-4 { margin: 16px !important; } .mt-4 { margin-top: 16px !important; } .mr-4 { margin-right: 16px !important; } .mb-4 { margin-bottom: 16px !important; } .ml-4 { margin-left: 16px !important; } .m-5 { margin: 10px !important; } .mt-5 { margin-top: 20px !important; } .mr-5 { margin-right: 20px !important; } .mb-5 { margin-bottom: 20px !important; } .ml-5 { margin-left: 20px !important; } .mt-6 { margin-top: 6px !important; } .p-0 { padding: 0 !important; } .pt-0 { padding-top: 0 !important; } .pr-0 { padding-right: 0 !important; } .pb-0 { padding-bottom: 0 !important; } .pl-0 { padding-left: 0 !important; } .p-1 { padding: 4px !important; } .p-12 { padding: 18px !important; } .pt-1 { padding-top: 4px !important; } .pr-1 { padding-right: 4px !important; } .pb-1 { padding-bottom: 4px !important; } .pl-1 { padding-left: 4px !important; } .p-2 { padding: 8px !important; } .pt-2 { padding-top: 8px !important; } .pr-2 { padding-right: 8px !important; } .pb-2 { padding-bottom: 8px !important; } .pl-2 { padding-left: 8px !important; } .p-3 { padding: 12px !important; } .pt-3 { padding-top: 12px !important; } .pr-3 { padding-right: 12px !important; } .pb-3 { padding-bottom: 12px !important; } .pl-3 { padding-left: 12px !important; } .p-4 { padding: 16px !important; } .pt-4 { padding-top: 16px !important; } .pr-4 { padding-right: 16px !important; } .pb-4 { padding-bottom: 16px !important; } .pl-4 { padding-left: 16px !important; } .p-5 { padding: 20px !important; } .pt-5 { padding-top: 20px !important; } .pr-5 { padding-right: 20px !important; } .pb-5 { padding-bottom: 20px !important; } .pl-5 { padding-left: 20px !important; } /*.swiper-container-multiple .swiper-button-next.swiper-button-disabled{*/ /* background-image: url("../images/index_v1/icon1.svg") !important;*/ /*}*/ /*.swiper-container-multiple .swiper-button-prev{*/ /* background-image: url("../images/index_v1/icon3.svg") !important;*/ /*}*/ /*.swiper-button-prev.swiper-button-disabled{*/ /* background-image: url("../images/index_v1/icon2.svg") !important;*/ /*}*/ .multiple::after { content: ""; width: 8px; height: 130px; background: #ffffff; position: absolute; left: -22px; top: 79px; z-index: 999999; } .multiple::before { content: ""; width: 8px; height: 130px; background: #ffffff; position: absolute; right: -22px; top: 79px; z-index: 999; } .swiper-container-multiple{ overflow: hidden; padding: 0 40px; width: 1160px; box-sizing: content-box; margin-left: -20px; position: relative; } .swiper-container-multiple .swiper-button-next, .swiper-container-multiple .swiper-button-prev{ margin: 0; top: 0; bottom: 0; display: flex; align-items: center; width: 40px; z-index: 999; position: absolute; height: auto; background-color: #fff; } .swiper-container-multiple .swiper-button-next{ right: 0; } .swiper-container-multiple .swiper-button-prev{ left: 0; } /*.swiper-container-multiple .swiper-button-next:after, .swiper-container-multiple .swiper-button-prev:after{*/ /* color: #000;*/ /*}*/ /*.swiper-container-multiple .swiper-button-next.swiper-button-disabled, .swiper-container-multiple .swiper-button-prev.swiper-button-disabled{*/ /* opacity: 1;*/ /*}*/ /*.swiper-container-multiple .swiper-button-next.swiper-button-disabled::after, .swiper-container-multiple .swiper-button-prev.swiper-button-disabled::after{*/ /* color: #c7c7c7;*/ /*}*/ .swiper-container-multiple .swiper-wrapper .swiper-slide { overflow: hidden; } .swiper-container-multiple .swiper-wrapper .swiper-slide img{ transition: all .3s; display: block; } .swiper-container-multiple .swiper-wrapper .swiper-slide:hover img { transform: scale(1.1); } .nav-problem_xxgk{ display: flex !important; padding: 0 4px !important; justify-content: space-between!important; } .nav-problem_xxgk a{ display: flex!important; margin:6px!important; align-items: center!important; justify-content: center!important; background: #81A8DB!important; border-radius: 2px!important; color: #fff!important; font-size:16px!important; height: 60px!important; line-height: 60px!important; width: 160px!important; } .nav-problem_xxgk a:hover { background: #3d7ece!important; /* 鼠标悬停时背景色变深 */ box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); /* 添加轻微的阴影效果 */ transform: translateY(-2px)!important;/* 元素轻微上移 */ cursor: pointer!important;/* 鼠标指针变为手形 */ } .nav-problem{ display: flex; padding: 0 15px; justify-content: space-between; } .nav-problem a{ display: flex; align-items: center; justify-content: center; background: #81A8DB; border-radius: 2px; color: #fff; font-size:16px; height: 45px; line-height: 45px; width: 380px; } .nav-problem a:hover { background: #3d7ece; /* 鼠标悬停时背景色变深 */ box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); /* 添加轻微的阴影效果 */ transform: translateY(-2px); /* 元素轻微上移 */ cursor: pointer; /* 鼠标指针变为手形 */ } .nav-problem a img{ margin: 0 8px 0 0; } .line-title{ position: relative; display: flex; align-items: center; } .line-title::after{ content: ""; height: 1px; background: #FFF; width: 100%; } .line-title::before{ content: ""; height: 1px; background: #FFF; width: 100%; } .line-title span{ position: relative; z-index: 9; padding: 0 20px; flex: 0 0 auto; } .line-title a { color:#FFF; } .nav-consult{ display: flex; justify-content: space-between; padding: 30px 16px; font-size: 16px; text-align: center; } .nav-consult img{ height: 22px; object-fit: none; } .office-hours{ padding: 0 8px; color: #565758; } .office-hours .title{ font-size: 16px; } .office-hours .info{ line-height: 38px; margin-top: 16px; } .office-hours .date{ width: 100px; display: inline-block; text-align: justify; text-align-last: justify; margin-right: 6px; } .picture-link{ display: flex; justify-content: space-between; padding: 0 4px; } .picture-link img{ width: 162px; height: 66px; } .image-text{ display: flex; } .image-text a{ line-height: 24px; padding: 0 0 0 8px; text-align: justify; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 4; line-clamp: 4; -webkit-box-orient: vertical; display: -webkit-box; } .index-picture .swiper-slide{ position: relative; } .index-picture .swiper-slide img{ width: 578px; height: 376px; display: block; } .index-picture .swiper-slide p{ background: rgba(69,71,72,0.6); position: absolute; left: 0; right: 0; bottom: 0; color: #fff; font-size: 16px; padding-left: 20px; line-height: 40px; height: 40px; padding-right: 100px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .index-picture .swiper-pagination-bullet{ background: #fff; opacity: .5; } .index-picture .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #1A5284; opacity: 1; } .index-picture .swiper-pagination-bullets{ left: auto; right: 16px; width: auto; padding-right: 12px; text-align: right; box-sizing: border-box; } .index-picture .swiper-pagination-bullets span{ outline:none; } .index-box{ height: 376px; padding: 24px 20px; box-sizing: border-box; background: #fff; margin-left: 20px; } /* .index-box .nav-tabs::after{ display: none; } */ .index-box2{ background: rgba(160,185,206,0.1); height: 700px; padding: 12px 10px; box-sizing: border-box; } .index-box2 .tab-content{ height: 190px; } .tab-content_xxgk{ height: 232px; } .tab-content_zwfw{ height: 210px; } .index-box2 .nav-tabs li{ padding: 0 6px; } .nav-tabs{ display: flex; list-style: none; padding-bottom: 12px; position: relative; } .nav-tabs::after{ content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #1A5284; } .nav-tabs li{ cursor: pointer; padding: 0 20px; border-left: 1px solid #000000; } .nav-tabs li:hover{ opacity: 0.8; } .nav-tabs li:nth-child(1){ padding-left: 0; border-left: none; } .nav-tabs li.active{ font-weight: bold; opacity: 1; color: #000; } .index-box .nav-tabs{ padding-bottom: 0; } .index-box .nav-tabs li{ border-left: none; padding-bottom: 12px; position: relative; z-index: 9; } .index-box .nav-tabs li.active { border-bottom: 2px solid #be2424; } .index-box .nav-tabs li:nth-child(1){ padding-left: 20px } .index-box2 .nav-tabs{ padding-bottom: 0; } .index-box2 .nav-tabs li{ border-left: none; padding-bottom: 12px; position: relative; z-index: 9; } .index-box2 .nav-tabs li.active { border-bottom: 2px solid #be2424; } .sidebar{ position: fixed; right: 0; top: 0; height: 100%; display: flex; align-items: center; width: 1px; z-index: 1001; } .sidebar ul{ list-style: none; text-align: center; margin-left: -72px; } .sidebar ul img{ display: block; margin: 4px auto 0 auto; width: 38px; /*height: 38px;*/ } .sidebar ul li{ background: #fff; border: 1px solid #e6e6e6; border-radius: 5px; font-size: 14px; line-height: 14px; width: 60px; margin-bottom: 12px; position: relative; cursor: pointer; } .sidebar ul li .QR_code { position: absolute; right: 60px; top: -30px; opacity: 0; visibility: hidden; transform: translateX(50px); transition: all 0s; z-index: 99; } .sidebar ul li .QR_code img{ width: auto; height: auto; padding: 8px; background: #fff; margin-right: 12px; box-shadow: 0 0 10px 0 rgba(0,0,0,0.3); } .sidebar ul li .QR_code.text img{ padding: 8px 8px 40px 8px; } .sidebar ul li .QR_code p{ position: absolute; bottom: 6px; font-size: 12px; text-align: left; padding: 0 18px 0 8px; line-height: 16px; } .sidebar ul li .QR_code::after { content: ""; width: 0; height: 0; border-top: 8px solid transparent; border-left: 12px solid white; border-bottom: 8px solid transparent; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; } .sidebar ul li:hover .QR_code{ opacity: 1; visibility: inherit; transform: translateX(0); transition: all .6s; } #data-air-iframe{ width: 100%; height: 100%; } .meta_top a:link { font-size: 14px; color: #FFF; font-weight: bold; } .meta_top a:visited { font-size: 14px; color: #FFF; } .meta_top a:hover { font-size: 14px; color: #F90; } .meta_top a:active { font-size: 14px; color: #F90; }