/* * Author:zhuly * time:2020/11/26 * Company:cait */ /* 首页样式 */ /* 轮播 */ .banner-box { width: 100%; float: left; position: relative; overflow: hidden; margin-bottom: 20px; } .banner ul .swiper-slide { width: 100%; position: relative; overflow: hidden; } .banner ul .swiper-slide a img { width: 100%; height:100%; } .banner ul .swiper-slide p{ display: block; padding-left: 1%; width: 99%; height: 40px; line-height: 40px; background-color: rgba(250, 250, 250, 0.2); position: absolute; bottom: 0; text-align: center; color:#fff } .banner ul .swiper-slide p a{ color: #fff; } .banner>.swiper-pagination-bullets { bottom: 12px; right: 20px; } .banner .swiper-pagination-bullet { width: 15px; height: 15px; border-radius: 50%; } .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px; } .swiper-pagination-bullet-active { opacity: 0.8; background: #0166b3; } .banner-box .swiper-button-next, .banner-box .swiper-container-rtl .swiper-button-prev { background: url(../images/images/banner-prev.png) left top no-repeat; right: -40px; transition: right 0.3s; } .banner-box .swiper-button-next, .banner-box .swiper-button-prev { width: 40px; height: 40px; margin-top: -20px; outline: 0; } .banner-box .swiper-button-prev, .banner-box .swiper-container-rtl .swiper-button-next { background: url(../images/images/banner-next.png) left top no-repeat; left: -40px; transition: left 0.3s; } .banner-box:hover .swiper-button-prev, .banner-box:hover .swiper-container-rtl .swiper-button-next { left: 10px; transition: left 0.3s; } .banner-box:hover .swiper-button-next, .banner-box:hover .swiper-container-rtl .swiper-button-prev { right: 10px; transition: right 0.3s; } .swiper-pagination { text-align: right; position: absolute; right: 50px; } /* 第一列开始 */ .caiq_main_l { width: 400px; margin-right: 34px; float: left; overflow: hidden; } /* 专业研究机构 */ .caiq_zyyj_tit { height: 45px; line-height: 38px; padding-left: 40px; position: relative; font-size: 20px; color: #fff; background: url(../images/left_siderbar_titbg.png) no-repeat left center; border-bottom: 2px solid #5b85ba; } .caiq_zyyj_tit::before { content: ""; position: absolute; top: 2px; left: 5px; height: 34px; width: 30px; background: url(../images/left_siderbar01.png) no-repeat; } .caiq_zyyj_content{ padding-left: 2px; background: -moz-linear-gradient(top, #d6eafa 0%, #ffffff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d6eafa), color-stop(100%, #ffffff)); background: -webkit-linear-gradient(top, #d6eafa 0%, #ffffff 100%); background: -o-linear-gradient(top, #d6eafa 0%, #ffffff 100%); background: -ms-linear-gradient(top, #d6eafa 0%, #ffffff 100%); background: linear-gradient(to bottom, #d6eafa 0%, #ffffff 100%); } .caiq_zyyj_content ul { margin: 0px auto; } .caiq_zyyj_content ul li { width: 185px; height: 55px; float: left; margin-right: 5px; margin-left: 5px; margin-top: 5px; border-radius: 5px; text-align: center; border: 1px solid #bfe6ff; background-color: #ebfdff; } .caiq_zyyj_content ul li:hover { color: #000; background-color: #f4c93f; } .caiq_zyyj_content ul li:hover a { color: #000; } .caiq_zyyj_content ul li a { display: block; color: #444; font-size: 16px; text-align: center; } .caiq_zyyj_content ul li:nth-child(1) a { padding: 7px 0px; } .caiq_zyyj_content ul li:nth-child(2) a { padding: 17px 0px; } .caiq_zyyj_content ul li:nth-child(3) a { padding: 7px 0px; } .caiq_zyyj_content ul li:nth-child(4) a { padding: 17px 0px; } .caiq_zyyj_content ul li:nth-child(5) a { padding: 17px 0px; } .caiq_zyyj_content ul li:nth-child(6) a { padding: 7px 0px; } .caiq_zyyj_content ul li:nth-child(7) a { padding: 7px 0px; } .caiq_zyyj_content ul li:nth-child(7) a span { font-size: 12px; } .caiq_zyyj_content ul li:nth-child(8) a { padding: 17px 0px; } .caiq_zyyj_content ul li:nth-child(9) a { padding: 17px 0px; } .caiq_zyyj_content ul li a span { font-size: 14px; } /* 支持服务机构 */ .caiq_fwjg { margin-top: 15px; } .caiq_fwjg_tit { height: 45px; line-height: 38px; padding-left: 40px; position: relative; font-size: 20px; color: #fff; background: url(../images/left_siderbar_titbg.png) no-repeat left center; border-bottom: 2px solid #5b85ba; } .caiq_fwjg_tit::before { content: ""; position: absolute; top: 2px; left: 5px; height: 34px; width: 30px; background: url(../images/left_siderbar02.png) no-repeat; } .caiq_fwjg_content { padding-left: 2px; background: -moz-linear-gradient(top, #d6eafa 0%, #ffffff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d6eafa), color-stop(100%, #ffffff)); background: -webkit-linear-gradient(top, #d6eafa 0%, #ffffff 100%); background: -o-linear-gradient(top, #d6eafa 0%, #ffffff 100%); background: -ms-linear-gradient(top, #d6eafa 0%, #ffffff 100%); background: linear-gradient(to bottom, #d6eafa 0%, #ffffff 100%); } .caiq_fwjg_content ul{ margin-top: 0px; } .caiq_fwjg_content ul li { width: 180px; height: 28px; line-height: 28px; background-color: #f9fcff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; float: left; margin-top: 10px; margin-right:7px; margin-left:7px; border-top-left-radius: 5px; border-bottom-right-radius: 5px; border: 1px solid #c2ddff; position: relative; } .caiq_fwjg_content ul li::after{ content: ""; position: absolute; top: 12px; right: 10px; height: 3px; width: 12px; background-color: #2a67bd; } .caiq_fwjg_content ul li a { display: block; padding-left: 10px; height: 42px; color: #444; font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .caiq_fwjg_content ul li:hover a{ color: #2b67bd; } /* 院属独立核算部门 */ .caiq_bm { margin-top: 15px; } .caiq_bm_tit { height: 45px; line-height: 38px; padding-left: 40px; position: relative; font-size: 20px; color: #fff; background: url(../images/left_siderbar_titbg.png) no-repeat left center; border-bottom: 2px solid #5b85ba; } .caiq_bm_tit::before { content: ""; position: absolute; top: 2px; left: 5px; height: 34px; width: 30px; background: url(../images/left_siderbar03.png) no-repeat; } .caiq_bm_content { padding-left: 2px; background-color: #edfaff; } .caiq_bm_content ul { padding-top: 10px; padding-bottom: 10px; } .caiq_bm_content ul li { margin-left: 20px; margin-right: 20px; position: relative; height: 35px; line-height: 35px; border-bottom: 1px dashed #ccc; padding-left: 20px; } .caiq_bm_content ul li::before { content: ""; position: absolute; top: 17px; left: 5px; height: 4px; width: 4px; background-color: #034597; } .caiq_bm_content ul li a { font-size: 16px; color: #4a4949; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; height: 35px; line-height: 35px; } .caiq_bm_content ul li a:hover { color: #0166b3; font-size: 16px; } /* 第二列开始 */ .caiq_main_r { overflow: hidden; } .xwdt_tit { background: url(../images/right_sidebar_titbg.png) no-repeat top left; height: 45px; line-height: 45px; font-size: 20px; color: #fff; padding-left: 50px; position: relative; } .xwdt_tit::before { content: ""; position: absolute; top: 5px; left: 10px; height: 34px; width: 39px; background: url(../images/right_siderbar01.png) no-repeat top left; } .xwdt_tit a { position: absolute; top: 12px; right: 20px; font-size: 14px; color: #fff; padding: 5px; line-height: 20px; } .xwdt_content { overflow: hidden; margin: 5px 0px; } .xwdt_content_box1 { overflow: hidden; margin-top: 20px; margin-bottom: 20px; } .xwdt_content_img { float: left; width: 236px; height: 156px; margin: 0px 15px; margin-left: 0; } .xwdt_content_img img { display: block; width: 236px; height: 156px; } .xwdt_content_box1_cont{ width: 590px; float: left; margin: 0px 10px; } .xwdt_content_box1_cont h3{ line-height: 40px; text-align: left; font-weight: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .xwdt_content_box1_cont h3 a{ font-size: 18px; font-weight: normal; color: #383838; } .xwdt_content_box1_cont p { line-height: 26px; text-align: left; text-indent: 2em; } .xwdt_content_box1_cont p a { font-size: 16px; font-weight: normal; color: #939393; } .xwdt_content_box2{ margin: 18px 0px; background-color: #f1f1f1; overflow: hidden; padding: 6px 0px; } .xwdt_content_box2 ul { float: left; } .xwdt_content_box2 ul li { width: 405px; margin-left: 10px; padding-left: 15px; background: url(../images/images/li_ico.png) no-repeat left center; height: 30px; line-height: 30px; float: left; } .xwdt_content_box2 ul li a { width: 95%; font-size: 16px; color: #4a4949; display: block; float: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .xwdt_content_box2 ul li a:hover { text-decoration: underline; color: #0166b3; } .xwdt_content_box2 ul li span { display: block; float: right; text-align: right; margin-right: 2%; width: 15%; font-size: 16px; color: #4a4949; } /* 科研动态 */ .kydt_tit { background: url(../images/right_sidebar_titbg.png) no-repeat top left; height: 45px; line-height: 45px; font-size: 20px; color: #fff; padding-left: 50px; position: relative; } .kydt_tit::before { content: ""; position: absolute; top: 10px; left: 14px; height: 28px; width: 33px; background: url(../images/right_siderbar02.png) no-repeat top left; } .kydt_tit a { position: absolute; top: 12px; right: 20px; font-size: 14px; color: #fff; padding: 5px; line-height: 20px; } .kydt_content { overflow: hidden; margin: 24px 0px; } .kydt_content_img { float: left; } .kydt_content_img img { display: block; } .kydt_ul { float: left; margin-left: 10px; max-width: 615px; } .kydt_ul li { padding-left: 15px; background: url(../images/images/li_ico.png) no-repeat left center; height: 32px; line-height: 32px; } .kydt_ul li a { width: 80%; font-size: 16px; color: #4a4949; display: block; float: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .kydt_ul li p{ display:inline; } .kydt_ul li a:hover { text-decoration: underline; color: #0166b3; } .kydt_ul li span { display: block; float: right; text-align: right; margin-right: 2%; width: 15%; font-size: 16px; color: #4a4949; } /* 学术园地 */ .xsyd_tit { background: url(../images/right_sidebar_titbg.png) no-repeat top left; height: 45px; line-height: 45px; font-size: 20px; color: #fff; padding-left: 50px; position: relative; } .xsyd_tit::before { content: ""; position: absolute; top: 5px; left: 10px; height: 34px; width: 39px; background: url(../images/right_siderbar03.png) no-repeat top left; } .xsyd_tit a { position: absolute; top: 12px; right: 20px; font-size: 14px; color: #fff; padding: 5px; line-height: 20px; } .xsyd_content { overflow: hidden; margin: 30px 0px; } .xsyd_content_img { float: left; } .xsyd_content_img img { display: block; } .xsyd_ul { float: left; margin-left: 10px; max-width: 615px; } .xsyd_ul li { padding-left: 15px; background: url(../images/images/li_ico.png) no-repeat left center; height: 32px; line-height: 32px; } .xsyd_ul li a { width: 80%; font-size: 16px; color: #4a4949; display: block; float: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .xsyd_ul li a:hover { text-decoration: underline; color: #0166b3; } .xsyd_ul li span { display: block; float: right; text-align: right; margin-right: 2%; width: 15%; font-size: 16px; color: #4a4949; } /* 专业研究机构 */ .yjjg { width: 100%; margin-top: 20px; } .yjjg_tit { height: 40px; line-height: 40px; border-bottom: 1px solid #ccc; } .yjjg_tit p { width: 145px; height: 40px; line-height: 40px; text-align: center; background-color: #0166b3; color: #fff; font-size: 18px; border-bottom: 1px solid #ccc; } .yjjg_ul { margin: 0px auto; } .yjjg_ul li { width: 220px; height: 70px; float: left; margin-right: 50px; margin-left: 15px; margin-top: 15px; border-radius: 5px; text-align: center; border: 1px solid #ccc; background-color: #f7f7f7; } .yjjg_ul li:hover { color: #fff; background-color: #0166b3; } .yjjg_ul li:hover a { color: #fff; } .yjjg_ul li a { display: block; font-size: 16px; color: #000; font-size: 16px; text-align: center; } .yjjg_ul li:nth-child(1) a { padding: 14px 0px; } .yjjg_ul li:nth-child(2) a { padding: 25px 0px; } .yjjg_ul li:nth-child(3) a { padding: 14px 0px; } .yjjg_ul li:nth-child(4) a { padding: 25px 0px; } .yjjg_ul li:nth-child(5) a { padding: 25px 0px; } .yjjg_ul li:nth-child(6) a { padding: 14px 0px; } .yjjg_ul li:nth-child(7) a { padding: 14px 0px; } .yjjg_ul li:nth-child(8) a { padding: 25px 0px; } .yjjg_ul li:nth-child(9) a { padding: 25px 0px; } .yjjg_ul li a span { font-size: 14px; } /* 澳门24小时服务 */ /* 专题专栏 */ /* 中间图片轮播开始 */ .column2 { width: 100%; margin: 0px auto 10px; } .caiq_zt_tit { height: 40px; line-height: 40px; background: url(../images/caiq_zt01.png) no-repeat left center; padding-left: 30px; font-size: 20px; color: #0166b3; font-weight: 700; position: relative; } .caiq_zt_tit a { position: absolute; right: 55px; top: 0px; color: #0166b3; font-size: 14px; padding: 10px; line-height: 20px; background: #fff; } .ztcont { width: 96%; position: relative; padding: 10px 20px; height: 70px; } .ztcont .swiper-slide { float: left; width: 236px; } .swiper-container { margin: 0 auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; } .ztcont .swiper-button-next, .ztcont .swiper-container-rtl .swiper-button-prev { position: absolute; height: 70px; top: 10px; right: 0px; background: url(../images/zt_next.png) right center no-repeat; margin-top: 0; outline: 0 none !important; } .ztcont .swiper-button-prev, .ztcont .swiper-container-rtl .swiper-button-next { position: absolute; height: 70px; top: 10px; background: url(../images/zt_pre.png) left center no-repeat; left: 0px; margin-top: 0; outline: 0 none; } .ztcont img { border-radius: 4px; width: 236px; height: 70px; } /* 中间图片轮播结束 */ /* 右侧浮动开始 */ .right_fl { position: fixed; left: 50%; top: 54%; margin-left: 650px; z-index: 10; } .right_fl ul { width: 60px; } .right_fl ul li { width: 60px; /* height: 80px; */ background-color: #fff; border: 1px solid #eee; overflow: hidden; } .right_fl ul li a { display: block; } .right_fl ul li a img { display: block; margin: 9px auto 0px; } .right_fl ul li a p { text-align: center; color: #444; font-size: 16px; line-height: 25px; } .right_fl ul li:hover a p { color: #069be5; } .right_fl ul li:nth-child(2) { background-color: #128bed; } .right_fl ul li:nth-child(2) a p { color: #fff; } .right_fl_con { position: absolute; left: -200px; top: 0px; width: 200px; height: 200px; background-color: #eee; z-index: 10; display: none; } /* 右侧浮动结束 */ /* 通栏图片 */ .caiq_TLimg { width: 100%; padding: 10px 0px; overflow: hidden; } .caiq_TLimg a img { display: block; width: 100%; overflow: hidden; } /* 通知公告 */ .caiq_tzgg{ width: 100%; height: 60px; overflow: hidden; background-color: #eef4ff; } .caiq_tzgg_t{ width: 120px; text-align: right; height: 60px; line-height: 60px; font-size: 18px; color: #0166b3; font-weight: 600; float: left; } .tzgg_gd{ float: left; width: 1180px; height: 60px; line-height: 60px; color: #444; } .tzgg_gd a{ font-size: 16px; color: #444; padding: 0px 15px; } /* **************************** */ /* 专业研究机构 */ .caiq_yjjg { margin-top: 15px; } .caiq_yjjg_tit { height: 40px; line-height: 40px; padding-left: 40px; position: relative; font-size: 20px; color: #0166b3; border-bottom: 2px solid #0166b3; background: url(../images/images/tzgg_icon.png) no-repeat left center; } .caiq_yjjg_tit a { font-size: 14px; color: #1b69ca; padding: 0px 10px; position: absolute; right: 0px; top: 5px; } .caiq_yjjg_content { margin: 0px auto; } .caiq_yjjg_content li { width: 185px; height: 55px; float: left; margin-right: 10px; margin-left: 0px; margin-top: 5px; border-radius: 5px; text-align: center; border: 1px solid #ccc; background-color: #f7f7f7; } .caiq_yjjg_content li:hover { color: #fff; background-color: #0166b3; } .caiq_yjjg_content li:hover a { color: #fff; } .caiq_yjjg_content li a { display: block; color: #000; font-size: 16px; text-align: center; } .caiq_yjjg_content li:nth-child(1) a { padding: 7px 0px; } .caiq_yjjg_content li:nth-child(2) a { padding: 17px 0px; } .caiq_yjjg_content li:nth-child(3) a { padding: 7px 0px; } .caiq_yjjg_content li:nth-child(4) a { padding: 17px 0px; } .caiq_yjjg_content li:nth-child(5) a { padding: 17px 0px; } .caiq_yjjg_content li:nth-child(6) a { padding: 7px 0px; } .caiq_yjjg_content li:nth-child(7) a { padding: 7px 0px; } .caiq_yjjg_content li:nth-child(7) a span { font-size: 12px; } .caiq_yjjg_content li:nth-child(8) a { padding: 17px 0px; } .caiq_yjjg_content li:nth-child(9) a { padding: 17px 0px; } .caiq_yjjg_content li a span { font-size: 14px; } /* 通知公告 */ .tzgg_tit { background: url(../images/images/dt_titbg.png) no-repeat top left; height: 40px; line-height: 40px; font-size: 20px; color: #0166b3; padding-left: 40px; position: relative; } .tzgg_tit::before { width: 40px; height: 40px; content: url(../images/tzgg_icon.png); position: absolute; top: 5px; left: 10px; } .tzgg_tit a { position: absolute; top: 12px; right: 20px; font-size: 14px; color: #0166b3; padding: 5px; line-height: 20px; background: #fff; } .tzgg_content { overflow: hidden; margin: 22px 0px; } .tzgg_ul { float: left; margin-left: 10px; width: 98%; } .tzgg_ul li { padding-left: 15px; background: url(../images/images/li_ico.png) no-repeat left center; height: 36px; line-height: 36px; } .tzgg_ul li a { width: calc(100% - 150px); font-size: 16px; color: #4a4949; display: block; float: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .tzgg_ul li a:hover { text-decoration: underline; color: #0166b3; } .tzgg_ul li span { display: block; float: right; text-align: right; margin-right: 2%; width: 15%; font-size: 16px; color: #4a4949; min-width: 100px; } /* **************************************** */ @media screen and (min-width:1300px) { .container { width: 1300px; margin: 0 auto; } .caiq_nav ul li a { padding: 0 26px; font-size: 22px; } .news h3 a { font-size: 32px } .xwdt_ul, .kydt_ul, .xsyd_ul { max-width: 615px; width: 615px; } .xwdt_ul li a, .kydt_ul li a, .xsyd_ul li a { width: 80%; } .xwdt_ul li span, .kydt_ul li span, .kydt_ul li span { margin-right: 2%; width: 15%; } .yjjg_ul li { margin-right: 30px; margin-left: 30px; } .jkyfw_ul li { margin-right: 20px; margin-left: 15px; } } @media screen and (max-width:1300px) and (min-width:1150px) { .container { width:1300px; margin: 0 auto; } .caiq_nav ul li a { padding: 0 20px; font-size: 20px; } .news h3 a { font-size: 26px; } .xwdt_ul, .kydt_ul, .xsyd_ul { max-width: 470px; width: 470px; } .xwdt_ul li a, .kydt_ul li a, .xsyd_ul li a { width: 70%; } .xwdt_ul li span, .kydt_ul li span, .xsyd_ul li span { margin-right: 2%; width: 20%; } .yjjg_ul li { margin-right: 30px; margin-left: 15px; } .yjjg_ul li { margin-right: 15px; margin-left: 0px; margin-top: 10px; } .jkyfw_ul li { width: 175px; margin-right: 5px; margin-top: 10px; } .jkyfw_ul li a { font-size: 15px; } } @media screen and (max-width:1150px) { .container { width: 1000px; margin: 0 auto; } .caiq_nav ul li a { padding: 0 16px; font-size: 18px; } .news h3 a { font-size: 24px; } .xwdt_ul, .kydt_ul, .xsyd_ul { max-width: 320px; width: 320px; } .xwdt_ul li a, .kydt_ul li a, .xsyd_ul li a { width: 100%; } .xwdt_ul li span, .kydt_ul li span, .xsyd_ul li span { display: none; } .yjjg_ul li { margin-right: 20px; margin-left: 15px; } }.piao{width:1300px; margin:0 auto;position:relative;} .piao .ad {position:absolute;left:-109px;top:10px;width:99px;height:311px;} .piao .ad a img{ display:block;} .piao .ad button{display:none;border:none;position:absolute;top:5px;right:5px;min-width:24px;width:24px;height:24px;border-radius:16px;box-shadow:0 0 calc((var(--elevation) * 0.225px) + 2px) rgba(0, 0, 0, calc(.11 * (2 -var(--background-luminance,1)))), 0 calc(var(--elevation) * 0.4px) calc((var(--elevation) * 0.9px)) rgba(0,0,0,calc(.13*(2-var(--background-luminance,1))));flex-direction:column;--neutral-fill-stealth-rest:#FFFFFF;--neutral-fill-stealth-hover:#F2F2F2;--neutral-fill-stealth-active:#F7F7F7;fill:#2B2B2B;margin:0 auto;padding:0px 8px;cursor:pointer;}.piao .ad:hover button{display:block;} @media screen and (max-width:1150px) { .caiq_top,.caiq_logo,.caiq_nav{width:1000px;} .xwdt_content_box1_cont{width:250px;} .xwdt_content_box1_cont p{height:100px;overflow: hidden;text-overflow: ellipsis;} .xwdt_content_box2 ul li{width:90%} .caiq_logo { margin:0 auto; max-width:1920px; height:126px; overflow:hidden; background:url(../images/logo0605.png) -200px center no-repeat; background-size:150% auto; } } @media screen and (max-width:500px) { } .caiq_fwjg_titt { height: 45px; line-height: 46px; padding-left: 40px; position: relative; font-size: 20px; color: #fff; background: url(../images/left_siderbar_titbg1.png) no-repeat left center; border-bottom: 2px solid #5b85ba; } .caiq_fwjg_titt::before { content: ""; position: absolute; top: 11px; left: 7px; height: 35px; width: 37px; background: url(../images/zw_cgtg_ico.png) no-repeat; background-size: 76%; }