/* 轮播图开始 */ .swiper-pagination-bullet { display: inline-block; border-radius: 0; background-size: auto; width: 40px; height: 10px; opacity: 0.6; border-radius: 40px; background-color:#fff; } .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { /* margin-left: 117px; */ } .swiper-pagination-bullet-active { opacity: 0.9; width: 40px; height: 10px; order-radius: 40px; } .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 5px; left: 50%; width: auto; } /* 轮播图结束 */ .news { width: 100%; padding-top: 25px; padding-bottom: 20px; } .news .layout .bot_con { /* overflow: hidden; */ } .news .layout .bot_con .l_slide { float: left; width: 40%; height: 347px; overflow: hidden; } .notice .layout .notice_left { /* overflow: hidden; */ float: left; width: 48%; height: 387px; overflow: hidden; padding:8px; } .notice .layout .notice_right { /* overflow: hidden; */ float: right; width: 48%; height: 387px; overflow: hidden; padding:8px; } .news .layout .bot_con .l_slide .news-container { width: 100%; overflow: hidden; position: relative; } .news .layout .bot_con .l_slide .news-container .news-slide { width: 100%; } .news .layout .bot_con .l_slide .news-container .news-slide p { margin-top: 15px; font-size: 16px; color: #333333; font-family: '微软雅黑'; background: url(/uploads/image/_t051timages/jiantou.png) no-repeat right 3px; width: 74%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding-right: 18px; } .news .layout .bot_con .l_slide .news-container .news-slide img { width: 100%; height: 257px; } .news .layout .bot_con .r_newslist { width: 57%; float: right; } .news .layout .bot_con .r_newslist li { padding-left: 15px; padding-right: 10px; height: 53px; line-height: 53px; box-shadow: 0px 0px 10px #eeeeee; margin-bottom: 10px; transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; /* ie 9 */ -moz-transition: all 0.25s ease-in-out; /* firefox */ -webkit-transition: all 0.25s ease-in-out; /* safari 和 chrome */ -o-transition: all 0.25s ease-in-out; /* opera */ } .news .layout .bot_con .r_newslist li img { float: left; margin-top: 21px; } .news .layout .bot_con .r_newslist li .title { float: left; font-size: 16px; color: #333333; font-family: '微软雅黑'; margin-left: 10px; width: 80%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .news .layout .bot_con .r_newslist li .date { float: right; font-size: 16px; color: #999999; font-family: '微软雅黑'; } .notice .layout .r_newslist li { padding-left: 15px; padding-right: 10px; height: 53px; line-height: 53px; box-shadow: 0px 0px 10px #eeeeee; margin-bottom: 7px; transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; /* ie 9 */ -moz-transition: all 0.25s ease-in-out; /* firefox */ -webkit-transition: all 0.25s ease-in-out; /* safari 和 chrome */ -o-transition: all 0.25s ease-in-out; /* opera */ } .notice .layout .r_newslist li img { float: left; margin-top: 21px; } .notice .layout .r_newslist li .title { float: left; font-size: 16px; color: #333333; font-family: '微软雅黑'; margin-left: 10px; width: 80%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .notice .layout .r_newslist li .date { float: right; font-size: 16px; color: #999999; font-family: '微软雅黑'; } .top { overflow: hidden; margin-bottom: 25px; } .top h2 { float: left; font-size: 28px; color: #303030; font-family: '微软雅黑'; } .top .more { float: right; margin-top: 6px; background: url(/uploads/image/_t051timages/more.png) no-repeat right top; padding-right: 24px; height: 24px; font-size: 14px; color: #666666; font-family: '微软雅黑'; } .top .more:hover { color: #003f88; } .top .more div { float: left; font-size: 14px; color: #666666; font-family: '微软雅黑'; } .academic .top .more { float: right; margin-top: 6px; background: no-repeat right top; padding-right: 24px; height: 24px; color: #ffffff; } .academic .top .more div { float: left; font-size: 14px; color: #fff; font-family: '微软雅黑'; } .top .more span:nth-child(1) { margin-right: 6px; } .news .swiper-pagination-bullet-active { background: none; } .news .swiper-pagination-bullet { width: 12px; height: 12px; display: inline-block; border-radius: 100%; opacity: 1; border: 1px solid #eeeeee; box-sizing: border-box; } .news .swiper-pagination-bullet-active { background-color: #007aff; opacity: 1; width: 12px; height: 12px; } .news .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 0px; right: 0px; left: initial; width: auto; position: absolute; z-index: 100; } .notice { padding: 46px 0; padding-top: 25px; width: 100%; background: url(/uploads/image/_t051timages/center_bg.png) no-repeat center center / cover; min-height:470px; } .notice .layout .top { margin-bottom: 15px; border-bottom: 2px solid #4a82ae; height: 55px; } .notice .layout .middle { margin-bottom: 22px; } .notice .layout .middle p { width: 13.6%; background-color: #fff; float: left; margin-left: 0.8%; text-align: center; height: 49px; line-height: 49px; font-size: 20px; color: #333333; font-family: '微软雅黑'; cursor: pointer; } .notice .layout .middle p:first-child { margin-left: 0; } .notice .layout .middle .selected { background-color: #003f88; color: #fff; } .notice .layout .bot_con { background-color: #fff; height: 0; overflow: hidden; } .notice .layout .on { display: block; padding: 10px 16px 20px; height: auto; } .notice .layout .bot_con li { height: 54px; overflow: hidden; border-bottom: 1px solid #eae9e9; line-height: 54px; padding-left: 10px; } .notice .layout .bot_con li .date { float: left; font-size: 16px; color: #003f88; font-family: '微软雅黑'; border-right: 2px solid #b6b6b6; line-height: 18px; margin-top: 18px; padding-right: 20px; transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; /* ie 9 */ -moz-transition: all 0.25s ease-in-out; /* firefox */ -webkit-transition: all 0.25s ease-in-out; /* safari 和 chrome */ -o-transition: all 0.25s ease-in-out; /* opera */ } .notice .layout .bot_con li .dec { float: left; font-size: 16px; color: #333333; font-family: '微软雅黑'; margin-left: 18px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 80%; } /* 学术报告开始 */ .academic { width: 100%; background: url(/uploads/image/_t051timages/xueshu_bg.png) no-repeat center center / cover; padding-top: 25px; padding-bottom: 40px; } .academic .layout .l_report .top { margin-bottom: 10px; } .academic .layout .l_report .top h2 { font-size: 28px; color: #fff; font-family: '微软雅黑'; } .academic .layout .l_report .top .more span { font-size: 14px; color: #fff; font-family: '微软雅黑'; } .academic .layout .l_report .bot_con { width: 100%; height: 474px; overflow: hidden; } .academic .layout .l_report .bot_con .report-container .swiper-wrapper { flex-wrap: wrap; } .academic .layout .l_report .bot_con .report-container .swiper-wrapper .swiper-slide { width: 49%; margin-right: 2%; } .academic .layout .l_report .bot_con .report-container .swiper-wrapper .swiper-slide:nth-child(even) { margin-right: 0%; } .report-container.swiper-container-horizontal.swiper-container-multirow { position: relative; } .academic .layout .l_report .bot_con li { height: 114px; padding-top: 20px; position: relative; border-bottom: 1px dashed #7e8696; } .academic .layout .l_report .bot_con li .date { width: 109px; height: 76px; position: absolute; left: 0; } .academic .layout .l_report .bot_con li .date .h { font-size: 16px; color: #ffffff; font-family: '微软雅黑'; font-style: initial; display: block; width: 100%; height: 38px; background-color: #003f88; text-align: center; line-height: 38px; } .academic .layout .l_report .bot_con li .date .m { font-size: 16px; color: #003f88; font-family: '微软雅黑'; font-style: initial; display: block; width: 100%; height: 38px; background-color: #ffffff; text-align: center; line-height: 38px; } .academic .layout .l_report .bot_con li .info { width: 100%; padding-left: 129px; } .academic .layout .l_report .bot_con li .info p { width: 100%; font-size: 14px; color: #ffffff; font-family: '微软雅黑'; margin-bottom: 10px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .academic .layout .l_report .bot_con li .info .title { font-size: 16px; } .l_report .swiper-pagination-bullet { width: 8px; height: 8px; border-radius: 8px; background: none; background-color: #fff; } .l_report .swiper-pagination-bullet-active { opacity: 1; background: none; background-color: #ffd700; } .report-pagination.swiper-pagination-clickable.swiper-pagination-bullets { position: absolute; left: 50%; bottom: -20px; } .academic .layout .r_session { width: 47.5%; float: right; } .academic .layout .r_session .top { margin-bottom: 10px; } .academic .layout .r_session .top h2 { font-size: 28px; color: #fff; font-family: '微软雅黑'; } .academic .layout .r_session .top .more span { font-size: 14px; color: #fff; font-family: '微软雅黑'; } .academic .layout .r_session .bot_con { width: 100%; height: 474px; overflow: hidden; } .academic .layout .r_session .bot_con li { height: 114px; padding-top: 20px; position: relative; border-bottom: 1px dashed #7e8696; background: no-repeat 84px 25px; display: none; } .academic .layout .r_session .bot_con li .date { width: 96px; height: 76px; position: absolute; left: 0; transition: all 0.2s ease-in-out; -ms-transition: all 0.25s ease-in-out; /* ie 9 */ -moz-transition: all 0.25s ease-in-out; /* firefox */ -webkit-transition: all 0.25s ease-in-out; /* safari 和 chrome */ -o-transition: all 0.25s ease-in-out; /* opera */ } .academic .layout .r_session .bot_con li .date .h { font-size: 18px; color: #ffffff; font-family: '微软雅黑'; font-style: initial; display: block; width: 100%; height: 38px; text-align: center; line-height: 38px; } .academic .layout .r_session .bot_con li .date .m { font-size: 16px; color: #ffffff; font-family: '微软雅黑'; font-style: initial; display: block; width: 100%; height: 28px; text-align: center; line-height: 38px; transition: all 0.2s ease-in-out; -ms-transition: all 0.25s ease-in-out; /* ie 9 */ -moz-transition: all 0.25s ease-in-out; /* firefox */ -webkit-transition: all 0.25s ease-in-out; /* safari 和 chrome */ -o-transition: all 0.25s ease-in-out; /* opera */ } .academic .layout .r_session .bot_con li .info { width: 100%; padding-left: 108px; transition: all 0.2s ease-in-out; -ms-transition: all 0.25s ease-in-out; /* ie 9 */ -moz-transition: all 0.25s ease-in-out; /* firefox */ -webkit-transition: all 0.25s ease-in-out; /* safari 和 chrome */ -o-transition: all 0.25s ease-in-out; /* opera */ } .academic .layout .r_session .bot_con li .info p { width: 100%; font-size: 14px; color: #ffffff; font-family: '微软雅黑'; margin-bottom: 10px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .academic .layout .r_session .bot_con li .info .ad { margin-top: 20px; } .academic .layout .r_session .bot_con li .info .ad a { width: 100%; font-size: 14px; color: #ffffff; font-family: '微软雅黑'; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .academic .layout .r_session .bot_con li .info .title { font-size: 16px; } .session-container.swiper-container-horizontal.swiper-container-multirow { position: relative; } .r_session .swiper-pagination-bullet { width: 8px; height: 8px; border-radius: 8px; background: none; background-color: #fff; } .r_session .swiper-pagination-bullet-active { opacity: 1; background: none; background-color: #ffd700; } .session-pagination.swiper-pagination-clickable.swiper-pagination-bullets { position: absolute; left: 50%; bottom: -20px; } /* 学术报告结束 */ /* 快速通道开始 */ .quick { padding-top: 25px; padding-bottom: 46px; width: 100%; } .quick .layout .bot_con li { width: 13.8%; float: left; text-align: center; position: relative; transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; /* ie 9 */ -moz-transition: all 0.25s ease-in-out; /* firefox */ -webkit-transition: all 0.25s ease-in-out; /* safari 和 chrome */ -o-transition: all 0.25s ease-in-out; /* opera */ } .quick .layout .bot_con li:last-child { display: none; } /* .academic .layout .r_session .swiper-slide{ width: 100% !important; } */ .quick .layout .bot_con li .img { width: 76px; height: 76px; border-radius: 76px; border: 2px solid #003f88; position: absolute; left: 50%; transform: translate(-50%); -ms-transform: translate(-50%); /* ie 9 */ -moz-transform: translate(-50%); /* firefox */ -webkit-transform: translate(-50%);/* safari 和 chrome */ -o-transform: translate(-50%);/* opera */ } .quick .layout .bot_con li:nth-child(1) .img { background: no-repeat center center; } .quick .layout .bot_con li:nth-child(1):hover .img { background: no-repeat center center; background-color: #003f88; } .quick .layout .bot_con li:nth-child(2) .img { background: no-repeat center center; } .quick .layout .bot_con li:nth-child(2):hover .img { background: no-repeat center center; background-color: #003f88; } .quick .layout .bot_con li:nth-child(3) .img { background: no-repeat center center; } .quick .layout .bot_con li:nth-child(3):hover .img { background: no-repeat center center; background-color: #003f88; } .quick .layout .bot_con li:nth-child(4) .img { background: no-repeat center center; } .quick .layout .bot_con li:nth-child(4):hover .img { background: no-repeat center center; background-color: #003f88; } .quick .layout .bot_con li:nth-child(5) .img { background: no-repeat center center; } .quick .layout .bot_con li:nth-child(5):hover .img { background: no-repeat center center; background-color: #003f88; } .quick .layout .bot_con li:nth-child(6) .img { background: no-repeat center center; } .quick .layout .bot_con li:nth-child(6):hover .img { background: no-repeat center center; background-color: #003f88; } .quick .layout .bot_con li:nth-child(7) .img { background: no-repeat center center; } .quick .layout .bot_con li:nth-child(7):hover .img { background: no-repeat center center; background-color: #003f88; } .quick .layout .bot_con li:nth-child(8) .img { background: no-repeat center center; } .quick .layout .bot_con li:nth-child(8):hover .img { background: no-repeat center center; background-color: #003f88; } .quick .layout .bot_con li .img img { margin-top: 17px; margin-left: 4px; } .quick .layout .bot_con li p { font-size: 16px; color: #333333; font-family: '微软雅黑'; margin-top: 94px; } /* 快速通道结束 */ /* hover效果 */ .news .layout .bot_con .r_newslist li:hover { box-shadow: 0px 0px 10px #0054a4; } .news .layout .bot_con .r_newslist li:hover span { color: #003f88; } .notice .layout .r_newslist li:hover { box-shadow: 0px 0px 10px #0054a4; } .notice .layout .bot_con .r_newslist li:hover span { color: #003f88; } .notice .layout .bot_con li:hover .dec { color: #003f88; } .notice .layout .bot_con li:hover .date { border-right: 2px solid #003f88; margin-left: 10px; } .academic .layout .l_report .bot_con li:hover .date .m { background-color: #003f88; color: #fff; } .academic .layout .l_report .bot_con li:hover .date { left: 6px; } .academic .layout .l_report .bot_con li:hover .info { padding-left: 128px; } .quick .layout .bot_con li:hover { margin-top: -10px; } .quick .layout .bot_con li:hover p { color: #003f88; } .top h2:hover { color: #003f88; } .more div:hover { color: #003f88; } .news .layout .bot_con .l_slide:hover p { color: #003f88 !important; } @media screen and (max-width:1199px) { .news .layout .bot_con .l_slide .news-container .news-slide p { width: 71%; } .news .layout .bot_con .r_newslist li .title { width: 70%; } } @media screen and (max-width:1075px) { .news .layout .bot_con .r_newslist li .title { width: 74%; } .news .layout .bot_con .l_slide .news-container .news-slide p { width: 68%; } .news .layout .bot_con .r_newslist li .title { width: 70%; } } @media screen and (max-width:1199px) { .news .layout .bot_con .l_slide .news-container .news-slide p { width: 64%; } } @media screen and (max-width:842px) { .news .layout .bot_con .l_slide .news-container .news-slide p { width: 73%; } .news .layout .bot_con .r_newslist li .title { width: 70%; } } @media screen and (max-width:800px) { .news .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { transform: translatex(0%) !important; -ms-transform: translatex(0%) !important; /* ie 9 */ -moz-transform: translatex(0%) !important; /* firefox */ -webkit-transform: translatex(0%) !important;/* safari 和 chrome */ -o-transform: translatex(0%) !important;/* opera */ } .notice { background: url(/uploads/image/_t051timages/center_bg.png) repeat; } } @media screen and (max-width:740px) { .news .layout .bot_con .r_newslist li .title { width: 66%; } .notice .layout .middle p { font-size: 18px; } } @media screen and (max-width:713px) { .notice .layout .bot_con li .dec { width: 75%; } } @media screen and (max-width:660px) { .news .layout .bot_con .r_newslist li .title { width: 66%; } .notice .layout .notice_left li .title { width: 66%; } .notice .layout .notice_right li .title { width: 66%; } } @media screen and (max-width:650px) { .quick .layout .bot_con li { width: 25%; margin-top: 10px; } } @media screen and (max-width:713px) { .notice .layout .bot_con li .dec { width: 70%; } } @media screen and (max-width:573px) { .news .layout .bot_con .l_slide { width: 100%; } .news .layout .bot_con .l_slide .news-container .news-slide { width: 100% !important; } .news .layout .bot_con .l_slide .news-container .news-slide img { /* height: auto;*/ } .news .layout .bot_con .r_newslist { width: 100%; } .notice .layout .notice_left { width: 100%; } .notice .layout .notice_right { width: 100%; } .notice { min-height: 820px; } .news .layout .bot_con .l_slide .news-container { position: relative; } .news .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 0; } .news .layout .bot_con .l_slide { height: auto; padding-bottom: 24px; } .notice .layout .middle p { font-size: 16px; } } @media screen and (max-width:570px) { .academic .layout .l_report { width: 100%; float: initial; } .academic .layout .r_session { width: 100%; float: initial; margin-top: 20px; } .academic { background: initial; background-color: #072c5f; } .academic .layout .r_session .bot_con li .date { width: 70px; } .academic .layout .r_session .bot_con li { background: no-repeat 77px 25px; } .academic .layout .l_report .top { margin-bottom: 10px; } .academic .layout .r_session .top { margin-bottom: 10px; } } @media screen and (max-width:534px) { .notice .layout .bot_con li .dec { width: 65%; } } @media screen and (max-width:530px) { .notice .layout .middle p { width: 32%; margin-left: 2%; margin-top: 10px; } .notice .layout .middle p:nth-child(4) { margin-left: 0; } .notice .layout .middle p:nth-child(7) { margin-left: 0; } } @media screen and (max-width:464px) { .notice .layout .bot_con { padding: 10px 5px 20px; background-color: #fff; } } @media screen and (max-width:448px) { .notice .layout .bot_con li .dec { width: 60%; } } @media screen and (max-width:395px) { .notice .layout .bot_con li .dec { width: 56%; } } @media screen and (max-width:365px) { .notice .layout .bot_con li .dec { width: 52%; } } .academic .layout .r_session .bot_con li:hover .title { text-decoration: underline; } .notice .top h2 { display: block !important; } .notice .top a { display: none; } .notice .top a:nth-child(1) { display: block; } .news .layout .bot_con .l_slide .news-container .news-slide .wow img { display: none; } .news .layout .bot_con .r_newslist li .title img { display: none; } .academic .layout .l_report .bot_con li .info p, .academic .layout .l_report .bot_con li .date p { font-weight: normal !important; }