#homePage .ui-hd-1 { position: relative; } #homePage .ui-hd-1 big { font-size: 34px; } #homePage .ui-hd-1 .lm-cn { display: inline-block; font-size: 20px; color: #1859a7; text-align: center; } #homePage .ui-hd-1 .line { position: relative; height: 2px; background: rgba(24, 89, 167, 0.45); } #homePage .ui-hd-1 .line::before { position: absolute; content: ""; height: 7px; width: 60px; background: #1859a7; top: 50%; margin-top: -3.5px; } #homePage .ui-hd-1 .more { position: absolute; right: 15px; bottom: 10px; } #homePage #body { margin: auto; background: #fff; } #homePage .hd { font-weight: bold; } #homePage .main { overflow: hidden; } #homePage .list li { height: 33px; line-height: 33px; border-bottom: 1px dashed #ccc; } #homePage .list-date { height: 45px; margin-bottom: 17px; } #homePage .list-date:hover .date { background: red; color: #fff; border-color: red; } #homePage .list-date:hover a { color: red; } #homePage .list-date .date { float: left; width: 50px; height: 45px; font-size: 16px; border: 1px solid #ddd; text-align: center; margin-right: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #homePage .list-date .date .date-2 { font-size: 12px; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } #homePage #newsSwiper { height: 600px; } #homePage #newsSwiper .swiper-slide { position: relative; width: 100%; height: 100%; } #homePage #newsSwiper .swiper-slide .img-wrap { width: 100%; height: 100%; } #homePage #newsSwiper .swiper-slide img { width: 100%; height: 100%; } #homePage #newsSwiper .swiper-slide .tit-wrap { position: absolute; right: 0; bottom: 0; left: 0; display: block; height: 160px; min-height: 100px; padding-top: 20px; padding-right: 100px; padding-bottom: 20px; padding-left: 20px; background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.5))); background-image: -o-linear-gradient(transparent, rgba(0, 0, 0, 0.5)); background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.5)); } #homePage #newsSwiper .swiper-slide .tit-wrap .tit { font-size: 18px; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; width: 1100px; margin: auto; color: #fff !important; -webkit-line-clamp: 2; } #homePage #newsSwiper .swiper-slide .tit-wrap .tit .tit-1 { font-size: 48px; font-weight: bold; } #homePage #newsSwiper .swiper-slide .tit-wrap .tit .tit-2 { font-size: 18px; } #homePage #newsSwiper .swiper-pagination-wrap { position: absolute; z-index: 999; bottom: 0; left: 50%; width: 1100px; height: 40px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background: url("home_en_res/pagination-bg.png") no-repeat right; } #homePage #newsSwiper .swiper-pagination-wrap::after { content: ""; position: absolute; left: 100%; top: 0; width: 100000px; height: 100%; background: #1758A7; opacity: .62; } #homePage #newsSwiper .swiper-pagination-wrap .w { width: 100%; height: 100%; } #homePage #newsSwiper .swiper-button-prev::after, #homePage #newsSwiper .swiper-button-next::after { content: ''; } #homePage #newsSwiper .swiper-button-prev { left: 30px; } #homePage #newsSwiper .swiper-button-next { right: 30px; } #homePage #newsSwiper .swiper-pagination-bullet { width: 13px; height: 13px; margin: 0 10px; opacity: 1; background: #fff; } #homePage #newsSwiper .swiper-pagination-bullet-active { background: #FFA44A; } #homePage #newsSwiper .swiper-pagination { top: 10px; right: 30px; left: auto; width: auto; } #homePage #newsSwiper .swiper-button-wrap { position: absolute; z-index: 9999; top: 50%; left: 50%; width: 1100px; margin: auto; margin-left: -550px; } #homePage .swiper3-wrap { position: relative; padding: 0 50px; } #homePage .swiper3-wrap .swiper-button-prev, #homePage .swiper3-wrap .swiper-button-next { overflow: hidden; border-radius: 5px; outline: none; } #homePage .swiper3-wrap .swiper-button-prev img, #homePage .swiper3-wrap .swiper-button-next img { width: 50px; background: #1859a7; border-radius: 50px; } #homePage .swiper3-wrap .swiper-button-prev::after, #homePage .swiper3-wrap .swiper-button-next::after { content: ''; } #homePage .swiper3-wrap .swiper-button-prev { left: 0; } #homePage .swiper3-wrap .swiper-button-next { right: 0; } #homePage #swiper3.swiper-container { position: relative; overflow: hidden; } #homePage #swiper3.swiper-container .swiper-wrap { width: 100%; height: 430px; overflow: hidden; } #homePage #swiper3.swiper-container .swiper-container { position: absolute; width: 100%; height: 100%; --swiper-theme-color: #fff; } #homePage #swiper3.swiper-container .swiper-slide { position: relative; overflow: hidden; height: 430px; background: #fff; } #homePage #swiper3.swiper-container .swiper-slide .text { position: absolute; top: 0; height: 50%; padding: 20px; } #homePage #swiper3.swiper-container .swiper-slide .pic { position: absolute; bottom: 0; height: 50%; width: 100%; } #homePage #swiper3.swiper-container .swiper-slide .tit { display: block; font-size: 18px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #ccc; } #homePage #swiper3.swiper-container .swiper-slide .tit:hover { color: #1859a7; } #homePage #swiper3.swiper-container .swiper-slide .icon, #homePage #swiper3.swiper-container .swiper-slide .more { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; } #homePage #swiper3.swiper-container .swiper-slide .desc { color: #999; font-size: 14px; } #homePage #swiper3.swiper-container .swiper-slide .time, #homePage #swiper3.swiper-container .swiper-slide .more { display: none; } #homePage #swiper3.swiper-container .swiper-slide .time { position: absolute; left: 20px; width: 60px; height: 60px; text-align: center; color: #fff; background: #1859a7; } #homePage #swiper3.swiper-container .swiper-slide .time .time-1 { height: 20px; line-height: 20px; font-size: 12px; border-bottom: 1px solid #fff; } #homePage #swiper3.swiper-container .swiper-slide .time .time-2 { line-height: 40px; font-size: 40px; } #homePage #swiper3.swiper-container .swiper-slide:nth-child(2) .time, #homePage #swiper3.swiper-container .swiper-slide:nth-child(5) .time, #homePage #swiper3.swiper-container .swiper-slide:nth-child(8) .time, #homePage #swiper3.swiper-container .swiper-slide:nth-child(11) .time { display: block; } #homePage #swiper3.swiper-container .swiper-slide:nth-child(2) .pic, #homePage #swiper3.swiper-container .swiper-slide:nth-child(5) .pic, #homePage #swiper3.swiper-container .swiper-slide:nth-child(8) .pic, #homePage #swiper3.swiper-container .swiper-slide:nth-child(11) .pic { top: 0; bottom: auto; } #homePage #swiper3.swiper-container .swiper-slide:nth-child(2) .text, #homePage #swiper3.swiper-container .swiper-slide:nth-child(5) .text, #homePage #swiper3.swiper-container .swiper-slide:nth-child(8) .text, #homePage #swiper3.swiper-container .swiper-slide:nth-child(11) .text { top: auto; bottom: 0; padding-top: 30px; } #homePage #swiper3.swiper-container .swiper-slide:nth-child(2) .more, #homePage #swiper3.swiper-container .swiper-slide:nth-child(5) .more, #homePage #swiper3.swiper-container .swiper-slide:nth-child(8) .more, #homePage #swiper3.swiper-container .swiper-slide:nth-child(11) .more { display: block; } #homePage #swiper3.swiper-container .swiper-slide:nth-child(2) .icon, #homePage #swiper3.swiper-container .swiper-slide:nth-child(5) .icon, #homePage #swiper3.swiper-container .swiper-slide:nth-child(8) .icon, #homePage #swiper3.swiper-container .swiper-slide:nth-child(11) .icon { display: none; } #homePage #swiper3.swiper-container .swiper-pagination { z-index: 999; bottom: 10px; left: auto; text-align: right; color: #fff; width: auto; right: 20px; font-size: 16px; } #homePage #swiper3.swiper-container .swiper-pagination-bullet { width: 23px; height: 23px; text-align: center; line-height: 23px; background: #6B6969; opacity: .9; cursor: pointer; border-radius: 0; margin: 0 2px; } #homePage #swiper3.swiper-container .swiper-pagination-bullet-active { background: #FF0000; } #homePage #swiper3.swiper-container .swiper-container { overflow: hidden; } #homePage #swiper3.swiper-container .swiper-container .swiper-button-prev::after { display: none; } #homePage #swiper3.swiper-container .swiper-container .swiper-button-next::after { display: none; } #homePage #swiper3.swiper-container .swiper-container .swiper-wrapper .swiper-slide { position: relative; width: 100%; } #homePage #swiper3.swiper-container .swiper-container .swiper-wrapper .swiper-slide img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } #homePage #swiper3.swiper-container .swiper-container .swiper-wrapper .swiper-slide .slide-title { height: 40px; line-height: 40px; position: absolute; right: 0; bottom: 0; left: 0; padding: 0 140px 0 10px; background: rgba(0, 0, 0, 0.45); } #homePage #swiper3.swiper-container .swiper-container .swiper-wrapper .swiper-slide .slide-title a { font-size: 18px; display: block; color: #fff; } #homePage .box1 { margin-top: 15px; margin-bottom: 40px; } #homePage .box1 .m-xwzx-1 { float: left; width: 470px; height: 375px; padding-left: 15px; position: relative; overflow: hidden; padding-left: 0; } #homePage .box1 .m-xwzx-1 .swiper-container { position: absolute; width: 100%; height: 100%; --swiper-theme-color: #fff; } #homePage .box1 .m-xwzx-1 .swiper-pagination { z-index: 999; bottom: 10px; left: auto; text-align: right; color: #fff; width: auto; right: 20px; font-size: 16px; } #homePage .box1 .m-xwzx-1 .swiper-pagination .swiper-pagination-current { color: red; } #homePage .box1 .m-xwzx-1 .swiper-pagination .a { font-size: 24px; } #homePage .box1 .m-xwzx-1 .swiper-pagination .b { font-size: 14px; } #homePage .box1 .m-xwzx-1 .swiper-pagination-bullet { width: 23px; height: 23px; text-align: center; line-height: 23px; background: #6B6969; opacity: .9; cursor: pointer; border-radius: 0; margin: 0 2px; } #homePage .box1 .m-xwzx-1 .swiper-pagination-bullet-active { background: #FF0000; } #homePage .box1 .m-xwzx-1 .swiper-container { overflow: hidden; } #homePage .box1 .m-xwzx-1 .swiper-container .swiper-button-prev::after { display: none; } #homePage .box1 .m-xwzx-1 .swiper-container .swiper-button-next::after { display: none; } #homePage .box1 .m-xwzx-1 .swiper-container .swiper-wrapper .swiper-slide { position: relative; width: 100%; } #homePage .box1 .m-xwzx-1 .swiper-container .swiper-wrapper .swiper-slide img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } #homePage .box1 .m-xwzx-1 .swiper-container .swiper-wrapper .swiper-slide .slide-title { height: 40px; line-height: 40px; position: absolute; right: 0; bottom: 0; left: 0; padding: 0 140px 0 10px; background: rgba(0, 0, 0, 0.45); } #homePage .box1 .m-xwzx-1 .swiper-container .swiper-wrapper .swiper-slide .slide-title a { font-size: 18px; display: block; color: #fff; } #homePage .box1 .m-xwzx-1 .swiper-button-prev, #homePage .box1 .m-xwzx-1 .swiper-button-next { overflow: hidden; border-radius: 5px; } #homePage .box1 .m-xwzx-1 .swiper-button-prev img, #homePage .box1 .m-xwzx-1 .swiper-button-next img { width: 50px; background: #1859a7; border-radius: 50px; } #homePage .box1 .m-xwzx-1 .swiper-button-prev::after, #homePage .box1 .m-xwzx-1 .swiper-button-next::after { content: ''; } #homePage .box1 .m-xwzx-1 .swiper-button-prev { left: 20px; } #homePage .box1 .m-xwzx-1 .swiper-button-next { right: 20px; } #homePage .box1 .m-xwzx-2 { width: 600px; height: 375px; float: right; padding-left: 10px; padding-right: 20px; } #homePage .box1 .m-xwzx-2 .hd { margin-bottom: 15px; } #homePage .box1 .m-xwzx-2 ul li { height: 60px; margin-bottom: 5px; } #homePage .box1 .m-xwzx-2 ul li::marker { font-size: 22px; color: #cecece; font-weight: bold; } #homePage .box1 .m-xwzx-2 ul li::before { float: left; font-size: 22px; color: #cecece; font-weight: bold; width: 30px; } #homePage .box1 .m-xwzx-2 ul li:nth-child(1)::before { content: "1"; } #homePage .box1 .m-xwzx-2 ul li:nth-child(2)::before { content: "2"; } #homePage .box1 .m-xwzx-2 ul li:nth-child(3)::before { content: "3"; } #homePage .box1 .m-xwzx-2 ul li:nth-child(4)::before { content: "4"; } #homePage .box1 .m-xwzx-2 ul li:nth-child(5)::before { content: "5"; } #homePage .box1 .m-xwzx-2 ul .tit { font-size: 18px; margin-bottom: 5px; } #homePage .box1 .m-xwzx-2 ul a:hover { color: #1859a7; } #homePage .box1 .m-xwzx-2 ul .time { font-size: 14px; color: #999; margin-right: 30px; } #homePage .box1 .m-xwzx-2 ul .time img { vertical-align: baseline; } #homePage .box1 .btn-group { width: 100%; margin-bottom: 10px; } #homePage .box1 .btn-group button { height: 25px; width: 100%; text-align-last: left; padding: 0 10px; } #homePage .box1 .btn-group .caret { -webkit-transform: rotate(275deg); -ms-transform: rotate(275deg); transform: rotate(275deg); float: right; margin-top: 5px; } #homePage .box1 .btn-group .dropdown-menu { width: 100%; } #homePage .m-research { height: 535px; margin-bottom: 60px; background: url("home_en_res/research-bg.png") 100%; } #homePage .m-research .hd { text-align: center; height: 80px; line-height: 80px; } #homePage .m-research .hd .lm-cn { color: #fff; } #homePage .m-student { position: relative; float: left; width: 428px; height: 275px; overflow: hidden; } #homePage .m-student .hd { position: absolute; color: #fff; top: 100px; left: 70px; z-index: 2; letter-spacing: 3px; } #homePage .m-student .student-bg { position: absolute; top: 0; left: 50px; z-index: 2; } #homePage .m-student .swiper-button-next { color: #fff; right: 335px !important; top: 190px; border: 1.5px solid; border-radius: 50%; width: 20px; height: 20px; text-align: center; line-height: 20px; font-family: sans-serif; } #homePage #swiper4 { height: 100%; } #homePage #swiper4 .swiper-slide { position: relative; width: 100%; height: 100%; } #homePage #swiper4 .swiper-slide .img-wrap { width: 100%; height: 100%; } #homePage #swiper4 .swiper-slide img { width: 100%; height: 100%; } #homePage #swiper4 .swiper-slide .tit-wrap { position: absolute; right: 0; bottom: 0; left: 0; display: block; height: 160px; min-height: 100px; padding-top: 20px; padding-right: 100px; padding-bottom: 20px; padding-left: 20px; background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.5))); background-image: -o-linear-gradient(transparent, rgba(0, 0, 0, 0.5)); background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.5)); } #homePage #swiper4 .swiper-slide .tit-wrap .tit { font-size: 18px; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; width: 1100px; margin: auto; color: #fff !important; -webkit-line-clamp: 2; } #homePage #swiper4 .swiper-slide .tit-wrap .tit .tit-1 { font-size: 48px; font-weight: bold; } #homePage #swiper4 .swiper-slide .tit-wrap .tit .tit-2 { font-size: 18px; } #homePage #swiper4 .swiper-pagination-wrap { position: absolute; z-index: 999; bottom: 0; left: 50%; width: 1100px; height: 40px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background: url("home_en_res/pagination-bg.png") no-repeat right; } #homePage #swiper4 .swiper-pagination-wrap::after { content: ""; position: absolute; left: 100%; top: 0; width: 100000px; height: 100%; background: #1758A7; opacity: .62; } #homePage #swiper4 .swiper-pagination-wrap .w { width: 100%; height: 100%; } #homePage #swiper4 .swiper-button-prev::after, #homePage #swiper4 .swiper-button-next::after { content: ''; } #homePage #swiper4 .swiper-button-prev { left: 30px; } #homePage #swiper4 .swiper-button-next { right: 30px; } #homePage #swiper4 .swiper-pagination-bullet { width: 13px; height: 13px; margin: 0 10px; opacity: 1; background: #fff; } #homePage #swiper4 .swiper-pagination-bullet-active { background: #FFA44A; } #homePage #swiper4 .swiper-pagination { top: 168px; right: 270px; left: auto; width: auto; color: #fff; } #homePage #swiper4 .swiper-button-wrap { position: absolute; z-index: 9999; top: 50%; left: 50%; width: 1100px; margin: auto; margin-left: -550px; } #homePage .m-video { float: right; height: 280px; margin-bottom: 20px; overflow: hidden; } #homePage .m-video .hd { float: left; width: 40px; background: #22C1E9; color: #fff; padding: 15px 10px; border-radius: 0 5px 5px 0; font-size: 18px; } #homePage .m-video .pic { position: relative; float: left; margin-left: 20px; } #homePage .m-video .pic img { width: 645px; height: 275px; -o-object-fit: cover; object-fit: cover; } #homePage .m-video .pic .bofang { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } #homePage .m-video .pic .bofang img { width: 90px; height: 90px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } #homePage .m-video .bofang { position: absolute; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.25); } #homePage .m-video .bofang svg { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } #homePage .m-video .txt { line-height: 50px; width: 100%; position: absolute; bottom: 0; padding: 0 15px; background: rgba(23, 88, 167, 0.62); color: #fff; font-size: 18px; } #homePage .box5 { margin-bottom: 30px; height: 100px; } #homePage .box5 .wxcode { float: left; font-style: italic; } #homePage .box5 .wxcode .hd { float: left; padding-right: 10px; padding-top: 10px; } #homePage .box5 .wxcode .hd p { height: 33px; line-height: 1.8; } #homePage .box5 .wxcode .hd p:nth-child(1) { font-size: 24px; } #homePage .box5 .wxcode .hd p:nth-child(2) { font-size: 20px; } #homePage .box5 .wxcode img { width: 100px; } #homePage .box5 .right { padding-top: 8px; float: left; width: 290px; margin-left: 30px; } #homePage .box5 .yqlj { height: 40px; } #homePage .box5 .yqlj .hd { float: left; font-size: 24px; font-style: italic; } #homePage .box5 .yqlj .dropdown { float: left; } #homePage .box5 .yqlj .btn { width: 150px; } #homePage .box5 .fx { height: 40px; } #homePage .box5 .fx .hd { float: left; font-size: 24px; font-style: italic; } #homePage .box5 .m-yjzx { margin-top: 12px; width: 500px; float: left; } #homePage .box5 .m-yjzx img { width: 100%; } #homePage i.iconfont.iconjiantouyou { background: url(../images/r.png) no-repeat center; width: 22px; display: inline-block; height: 22px; }