.head { background-color: #0076d2; max-width: 1920px; overflow: hidden; background: url(/uploads/image/x2images/head_bg.png) no-repeat #022652; } .logo { float: left; } .logo img { margin-top: 24px; padding-bottom: 20px; } .search { float: right; line-height: 120px; overflow: hidden; } .search-txt { width: 172px; height: 32px; outline: none; padding-left: 10px; } .search-value { width: 35px; height: 32px; background: url(/uploads/image/x2images/search-bg.png); vertical-align: top; margin-top: 45px; cursor: pointer; margin-left: -6px; } .nav_container { max-width: 1280px; float: left; } .nav_container>ul>li>a { font-size: 25px; position: relative; color: black; font-family: fzltzh; } .nav-item { height: 55px; line-height: 55px; float: left; text-align: center; position: relative; transition: all 0.3s ease 0s; } .nav-item:hover { background-color: rgb(7, 86, 169); } .nav-item:hover a { color: white; } .nav-item-ul { position: absolute; z-index: 111; opacity: 0; transition: all 0.3s ease 0s; top: 66px; width: 100%; transform: translatey(10%); box-shadow: rgb(7, 86, 169) 0px 5px 8px; background-color: rgb(13, 109, 183); } .nav-item:hover .nav-item-ul { opacity: 1; transform: translatey(-10%); } .nav-item-ul li { font-size: 19px; } .nav-item-ul li a { width: 100px; height: 20px; line-height: 20px; color: white; padding: 0px 5px; } .nav-item-ul li:hover { background-color: rgb(7, 86, 169); } .nav_container .nav-item:last-child { padding-right: 0px; } .banner-container { width: 100%; min-width: 1920px; height: 508.98px; overflow: hidden; position: relative; } .banner-hd { width: 1920px; position: absolute; } .banner-hd ul li { width: 1920px; overflow: hidden; } .banner-hd ul li img { display: block; width: 1920px; height: 508.98px; transition: all .3s; } .banner-hd ul li img:hover { transform: scale(1.1); } .banner-bd { position: absolute; max-width: 300px; text-align: center; height: 17px; left: 0; right: 0; bottom: 10px; margin: auto; display: flex; justify-content: center; align-items: center; z-index: 111; } .banner-container .banner-bd li { width: 10px; height: 10px; background-color: #fff; border-radius: 50%; margin: 8px; float: left; } .banner-container .banner-bd li.on { opacity: 1; width: 26px; height: 10px; border-radius: 6px; background-color: #f8b551; } .banner-container .pnbtn { position: absolute; z-index: 1; top: 0; width: 100%; height: 508.98px; cursor: pointer; } .pnbtn { position: absolute; z-index: 1; top: 0; width: 100%; height: 508.98px; cursor: pointer; } .prev { left: -50%; margin-left: -578px; } .next { left: 50%; margin-left: 640px; } .pnbtn .arrow { display: none; position: absolute; top: 230px; z-index: 1; width: 60px; height: 508.98px; } .pnbtn .arrow:hover { filter: alpha(opacity=60); opacity: 0.6; } .prev .arrow { right: 33px; background: 33px 0 no-repeat; } .next .arrow { left: -54px; background: url(/uploads/image/x2images/next.png) 0 0 no-repeat; } /* header结束 */ /* setion_1 ---------- 开始 */ .center { width: 100%; } .section_1 { margin-top: 33px; margin-bottom: 30px; } .s1 { margin-top: 16px; } .section_1_1 { width: 67%; float: left; } .section_1_1_left { width: 53%; position: relative; float: left; } .section_1_1_bd { width: 450px; } .section_1_1_bd_img { width: 100%; height: 260px; overflow: hidden; } .section_1_1_bd_img img { width: 100%; } .section_1_1_bd_info { width: 100%; background: url(/uploads/image/x2images/section_1_1_bg.png) no-repeat center center; } .section_1_1_bd_info p { font-size: 12px; padding: 8px 16px; color: white; min-height: 28px; } .section_1_1_bd_info span { font-size: 10px; display: block; width: 93%; border-top: 1px solid white; padding-top: 10px; margin: 0px 16px; color: white; min-height: 28px; padding-bottom: 10px; } .section-tit { width: 100%; } .tit_name { float: left; border-left: 2px solid #00479d; color: #00479d; padding: 0px 5px; font-size: 18px; font-weight: bold; } .tit_enname { font-size: 14px; color: #cccccc; padding: 0px 3px; float: left; line-height: 25px; } .more { float: right; } .more a { font-size: 12px; color: #00479d; } .section_1_1_hd { position: absolute; bottom: 100px; right: 10px; max-width: 300px; height: 20px; display: flex; justify-content: right; align-items: center; } .section_1_1_hd ul li { float: left; width: 19px; height: 19px; background-color: rgba(109, 108, 111, .7); margin: 8px; text-align: center; line-height: 19px; color: white; } .section_1_1_hd ul li.on { background-color: #f8b551; width: 19px; height: 19px; } .setion_1_1_right { width: 44%; float: right; } .s_1_1_r_time { width: 100%; } .s_1_1_r_time p { font-size: 16px; float: left; width: 99px; background: url(/uploads/image/x2images/time.png) no-repeat left center; padding-left: 18px; margin-right: 13px; color: #999999; } .s_1_1_r_time span { display: block; width: 255px; border-top: 1px solid #999999; float: left; margin-top: 10px; } .s_1_1_r_time i { width: 4px; height: 4px; border-radius: 50%; display: block; float: left; border: 1px solid #999999; margin-top: 7px; } .s_1_1_p { font-size: 14px; color: #999999; height: 38px; width: 100%; margin-top: 2px; } .setion_1_1_right ul li { margin-top: 13px; transition: all .3s; } .setion_1_1_right ul li:first-child { margin-top: 0px; } .setion_1_1_right ul li:hover { transform: translatey(-4px); } .setion_1_1_right ul li:hover p { color: #00479d; } .setion_1_1_right ul li:hover span { border-top: 1px solid #00479d; } .setion_1_1_right ul li:hover i { border: 1px solid #00479d; } .section_1_2 { width: 32%; float: right; } .section_1_2_box { width: 100%; box-shadow: 3px 3px 8px #b9b9b9; position: relative; height: 53px; } .section_1_2_box p { font-size: 12px; color: #999999; padding: 0px 10px; line-height: 53px; } .section_1_2_time { position: absolute; width: 94px; height: 22px; background-color: #00479d; background: url(/uploads/image/x2images/tzgg_bg.png) no-repeat center center; top: -11px; left: 12px; } .section_1_2_time span { color: white; font-size: 15px; display: block; text-align: center; } .section_1_2_list { margin-top: 35px; } .section_1_2_list ul li { margin-top: 17px; transition: all .3s; } .section_1_2_list ul li:first-child { margin-top: 0px; } .section_1_2_list ul li:hover { transform: translatey(-4px); } /* setion_1 ---------- 结束 */ /* setion_2 ---------- 开始 */ .section_2 { background: url(/uploads/image/x2images/section_2_bg.png) no-repeat center center; width: 100%; overflow: hidden; box-shadow: 3px 2px 8px #b9b9b9; } .section_2_box { margin-top: 30px; padding-bottom: 22px; } .section_2_info { width: 387px; height: 314px; background: url(/uploads/image/x2images/kk.png) no-repeat center center; overflow: hidden; } .section_2_bd { width: 93%; margin: 0 auto; } .section_2_time { font-size: 18px; background: url(/uploads/image/x2images/time.png) no-repeat left center; padding-left: 23px; width: 37%; margin-top: 15px; margin-left: 20px; color: #0068b7; background-size: 12%; } .section_2_tit { width: 78%; margin: 0 auto; margin-top: 20px; min-height: 60px; font-size: 15px; color: #0068b7; border-bottom: 1px solid #999999; padding-bottom: 20px; } .section_2_jj { width: 78%; margin: 0 auto; font-size: 14px; color: #999999; margin-top: 20px; min-height: 60px; } .section_2_more { width: 80px; height: 25px; background: url(/uploads/image/x2images/more.png) no-repeat center center; margin: 0 auto; margin-top: 24px; } .section_2_list { margin-top: 15px; position: relative; } .section_2_bd ul { width: 100%; } .section_2_bd ul li { width: 33.3%; float: left; transition: all .3s; } .section_2_bd ul li:hover { transform: translatey(-4px); } .section_2_bd ul li .section_2_info { transition: all .3s; } .section_2_bd ul li:hover .section_2_info { background: url(/uploads/image/x2images/section_2_bg2.png) no-repeat center center; } .section_2_list .prev { position: absolute; left: 0px; bottom: 41%; background: url(/uploads/image/x2images/s2_prev.png) no-repeat center center; width: 30px; height: 65px; margin: 0px; } .section_2_list .next { position: absolute; right: 0px; bottom: 41%; background: url(/uploads/image/x2images/s2_next.png) no-repeat center center; width: 30px; height: 65px; margin: 0px; left: 97.6%; } /* setion_2 ---------- 结束 */ /* setion_3 ---------- 开始 */ .section_3 { margin-top: 35px; } .section_3_box { width: 100%; margin-top: 24px; margin-bottom: 24px; } .section_3_box .swiper-slide { width: 475px; height: 282px; overflow: hidden; } .section_3_box .swiper-slide img { width: 100%; height: 100%; } .section_3_box .swiper-wrapper { /* transform: translatex(0px) !important; */ margin-left: -433px; } .section_3_box .swiper-scrollbar-drag { background-color: #0068b7; } .section_3_box .swiper-container-horizontal>.swiper-scrollbar { opacity: 1 !important; } .section_3_box .swiper-container { height: 309px; } /* setion_3 ---------- 结束 */ /* setion_4 ---------- 开始 */ .section_4 { background: no-repeat center bottom; overflow: hidden; } .section_4_box { margin-top: 22px; } .section_4_left { float: left; width: 67%; } .section_4_right { float: right; width: 30%; } .section_4_l_box .swiper-slide { width: 426px; height: 319px; overflow: hidden; } .section_4_l_box .swiper-slide img { width: 100%; height: 100%; object-fit: cover; } .section_4_l_box .swiper-wrapper { margin-left: -216px; } .section_4_l_box .swiper-container { height: 348px; } .section_4_l_box .swiper-container-horizontal>.swiper-scrollbar { opacity: 1 !important; background-color: white; height: 9px; } .section_4_l_box .swiper-scrollbar-drag { background-color: #0068b7; } .section_4_l_box { margin-top: 20px; margin-bottom: 30px; } .section_4_r_box { width: 100%; } .section_4_r_link { width: 100%; } .section_4_r_link ul li a { width: 160px; height: 40px; display: block; background-color: #f8c272; border-radius: 10px; text-align: center; transition: all .3s; } .section_4_r_link ul li a p { width: 100%; text-align: center; line-height: 40px; color: white; } .section_4_r_link ul { /* display: flex; */ /* justify-content: center; */ /* align-items: center; */ /* flex-wrap: wrap; */ } .section_4_r_link ul li { width: 41%; /* margin: 0 auto; */ display: block; margin: 0 auto; margin-top: 20px; } .dz { width: 100%; height: 68px; background: url(/uploads/image/x2images/evm_db.png) no-repeat center center; margin-top: 123px; } .section_4_r_evm { position: relative; } .section_4_r_evm_img { position: absolute; bottom: 21px; width: 158px; height: 158px; left: 49px; } .section_4_r_link ul li a:hover { transform: translatey(-4px); background-color: #0068b7; } /* setion_4 ---------- 结束 */ /* footer ---------- 开始 */ .footer { width: 100%; height: 139px; background-color: #000000b3; display: flex; justify-content: center; align-items: center; } .footer p { text-align: center; color: white; line-height: 26px; } /* footer ---------- 结束 */ /* 子页面 ---------- 开始 */ .teacher-center { position: relative; } .teacher-center-box-left { background-color: rgb(7, 86, 169); text-align: center; line-height: 106px; float: left; margin-top: -38px; } .teacher-center-box-left h2 { width: 296px; height: 106px; color: white; font-size: 22px; font-weight: bold; } .teacher-nav { background-color: white; } .teacher-nav li { height: 65px; text-align: center; line-height: 65px; } .teacher-nav li a { font-size: 15px; } .teacher-nav li:hover { background-color: rgb(238, 238, 238); } .teacher-nav li:hover a { color: rgb(7, 86, 169); } .teacher-center-box-right { float: right; width: 984px; } .location { margin-top: -26px; position: relative; z-index: 1111; } .location span { margin-left: 10px; z-index: 1111; font-weight: bold; } .location a { z-index: 111; } .opcity-bg { background-color: rgb(238, 238, 238); opacity: 0.4; margin-top: -30px; width: 100%; float: left; height: 35px; } .teacher-list { width: 100%; margin-top: 10px; } .teacher-list>.human-infor>ul { padding-bottom: 30px; } .teacher-list>.human-infor>ul>li { padding-top: 50px; margin-left: 36px; margin-bottom: 27px; } .teacher-list>.human-infor>ul>li>div { width: 460px; } .teacher-list>.human-infor>ul>li>.human-infor-container>.infor-box>.message { width: 265px; } .search-list>ul>li { padding-top: 18px; padding-bottom: 18px; border: 1px solid rgb(223, 223, 223); margin-top: 20px; } .search-list>ul>li>a { display: block; overflow: hidden; position: relative; } .search-list li .search-date p { font-size: 27px; line-height: 38px; position: relative; background-color: rgb(0, 104, 183); color: white; font-family: "方正兰亭中黑_gbk.ttf"; } .search-date span { font-size: 12px; position: relative; line-height: 39px; } .search-date { background-color: rgb(236, 236, 236); width: 69px; height: 72px; text-align: center; margin-left: 30px; color: black; transition: all 0.3s ease 0s; } .background-images img { width: 100%; height: 841px; } .search-list-tit { display: block; margin-left: 68px; height: 41px; font-size: 14px; line-height: 25px; color: black; margin-top: 2px; transition: all 0.3s ease 0s; } .search-last-text { overflow: hidden; padding-left: 23px; padding-top: 6px; } .search-last-text h1 { font-size: 18px; font-weight: normal; padding-left: 24px; color: rgb(9, 9, 9); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 350px; } .search-last-text p { font-size: 14px; line-height: 22px; color: rgb(118, 118, 118); margin-top: 10px; text-indent: 2em; overflow: hidden; height: 44px; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .search-list { margin-left: 18px; margin-top: 20px; margin-bottom: 12px; } .search-list ul li { transition: all 0.3s ease 0s; } .search-list ul li:hover { box-shadow: rgba(0, 0, 0, 0.5) 3px 7px 31px -5px; transform: scale(1) translatey(-3px); background-color: white; } .search-list ul li:hover .search-last-text h1 { font-weight: bold; } .value-tit h4 { font-size: 20px; line-height: 1; margin-top: 40px; color: rgb(9, 9, 9); text-align: center; } .value-tit-p { font-size: 14px; line-height: 40px; background-color: rgb(244, 244, 244); color: rgb(118, 118, 118); text-align: center; text-indent: 2em; margin-top: 15px; } .search-right { overflow: hidden; background-color: rgb(255, 255, 255); padding: 0px 30px 50px; min-height: 400px; margin-left: 41px; } .value-tit-p span { display: inline-block; margin: 0px 8px; } .value-text p { font-size: 16px; color: rgb(129, 129, 129); margin-top: 30px; text-indent: 2em; } .value-text-link { margin-top: 42px; } .value-text-link a { margin: 30px 0px; color: rgb(103, 103, 103); } .value-text-link div { margin: 15px 0px; } .value-text-link a:hover { color: rgb(0, 71, 157); } /* 子页面 ---------- 结束 */