/*banner*/ .header{ width: 100%; height: 770px; margin-bottom: 2rem; } .header .banner{ position: absolute; top: 0px; left: 0px; width: 100%; z-index: 1; height:48rem; overflow: hidden; } .header .banner .js-silder{ position: relative; min-width: 320px; } .header .banner .silder-scroll{ width: 100%; overflow: hidden; } .header .banner .silder-main{ position: relative; width: 100%; overflow: hidden; } .header .banner .silder-main-img{ position: absolute; top: 0; left: 0; width: 100%; height:48rem; } .header .banner .silder-main-img img{ width: 100%; height: 100%; text-decoration: none; } .header .banner .js-silder-ctrl { width: 100%; text-align: center; position: absolute; top:55%; } .header .banner .silder-ctrl-prev, .header .banner .silder-ctrl-next{ background-color: rgba(255,255,255,0.80); width: 35px; height: 75px; display: block; position: absolute; top: 50%; margin-top: -4%; cursor: pointer } .header .banner .silder-ctrl-prev{ left: 10px; text-align: left; } .header .banner .silder-ctrl-next{ right: 10px; text-align: right; } .header .banner .silder-ctrl-prev>span, .header .banner .silder-ctrl-next>span{ position: absolute; top: 50%; margin-top: -40px; display: block; width: 35px; height: 75px; } .header .banner .silder-ctrl-prev>span{ left: 0; background:url(spkfdx_left.png) no-repeat center; } .header .banner .silder-ctrl-next>span{ right: 0; background:url(spkfdx_right.png) no-repeat center; } .header .banner .silder-ctrl-con{ display: inline-block; width: 4%; padding: 10px 0; margin: 0 10px; cursor: pointer; display: none; } .header .banner .silder-ctrl-con>span{ display: block; line-height: 0; text-indent: -9999px; overflow: hidden; padding: 5px 0; cursor: pointer; background-color: #e4e4e4; } .header .banner .silder-ctrl-con.active>span{ background-color: #7bbedf; } .header .top_con{ position: absolute; top:1rem; width: 100%; z-index: 2; } .header .top_con .top_nav .top_ss{ padding-bottom: 10px; } .header .top_con .top_nav .top_ss a{ color: #fff; display: block; font-size: 0.8rem; margin-right: 20px; padding-top: 5px; } .header .top_con .top_nav .top_ss a img{ margin-right: 0.3rem; } .header .top_con .top_nav .top_ss form{ display: block; position: relative; width: 140px; height: 22px; margin-right: 20px; } .header .top_con .top_nav .top_ss form .inp_ss{ position: absolute; width: 100%; height: 22px; outline: 0px; border: 1px solid #fff; border-radius: 50px; background: none; padding-left: 10px; color: #fff; } .header .top_con .top_nav .top_ss form .inp_btn{ position: absolute; width: 45px; height: 22px; outline: 0px; border: 0px; background:url(spkfdx_ss.png) no-repeat center; right: -5px; top: -1px; } .header .top_con .top_nav .nav_div{ border-top: 1px solid #fff; padding-top: 5px; } .header .top_con .top_nav .nav_div a{ color: #fff; font-size: 1.2rem; } /*中间内容 开始*/ /*校园动态*/ .con_div1{ position: relative; } .con_div1 .js-silder{ position: relative; width: 648px; height: 434px; margin-bottom: 15px; } .con_div1 .silder-scroll{ width: 100%; overflow: hidden; } .con_div1 .silder-main{ position: relative; width: 100%; overflow: hidden; } .con_div1 .silder-main-img{ position: absolute; top: 0; left: 0; width: 100%; } .con_div1 .silder-main-img img{ width: 100%; } .con_div1 .js-silder-ctrl { width: 100%; text-align: center; position: absolute; top: 40%; display:block; } .con_div1 .silder-ctrl-prev, .con_div1 .silder-ctrl-next{ background-color: rgba(255,255,255,0.80); width: 35px; height: 75px; display: block; position: absolute; top: 50%; margin-top: -4%; cursor: pointer } .con_div1 .silder-ctrl-prev{ left: 10px; text-align: left; } .con_div1 .silder-ctrl-next{ right: 10px; text-align: right; } .con_div1 .silder-ctrl-prev>span, .con_div1 .silder-ctrl-next>span{ position: absolute; top: 50%; margin-top: -40px; display: block; width: 35px; height: 75px; } .con_div1 .silder-ctrl-prev>span{ left: 0; background:url(spkfdx_left.png) no-repeat center; } .con_div1 .silder-ctrl-next>span{ right: 0; background:url(spkfdx_right.png) no-repeat center; } .con_div1 .silder-ctrl-con{ display: inline-block; width: 4%; padding: 10px 0; margin: 0 10px; cursor: pointer; display: none; } .con_div1 .silder-ctrl-con>span{ display: block; line-height: 0; text-indent: -9999px; overflow: hidden; padding: 5px 0; cursor: pointer; background-color: #e4e4e4; } .con_div1 .silder-ctrl-con.active>span{ background-color: #7bbedf; } .con_div1 .silder-main-img p{ position:absolute; bottom:0px; z-index: 2; color: #fff; background: rgba(0,0,0,0.80); width: 100%; height: 35px; line-height: 35px; font-size: 1rem; text-indent: 1rem; } .con_div1_bg{ width: 60%; height: 585px; background: #f6f5f5; position: absolute; right: 0px; top:0px; z-index: -1; } .xydt_tit b{ color: #efeff1; font-size: 4rem; display: block; } .xydt_tit .xydt_a{ color: #333; font-size:1.4rem; display: block; font-weight: 900; margin-top: -5rem; margin-bottom: 3rem; } .xydt_more{ color: #676769; font-size: 1rem; display: block; background: url(spkfdx_more.png) no-repeat left; padding-left: 64px; float: right; margin: 2% 0 0 0; background-size: auto 100%; } /*校园动态*/ .xydt_list{ width: 662px; } .xydt_list li{ border-bottom: 1px solid #b5b5b5; padding: 1.2rem 1rem; overflow: hidden; display: flex; align-items: center; margin: 1rem 0 0 0; } .xydt_list li .list_data u{ color: #003899; font-size: 1.4rem; display: block; margin-bottom: 10px; } .xydt_list li .list_data i{ color: #003899; display: block; height: 2px; width: 40px; background: #003899; } .xydt_list li .list_txt{ margin-left: 20px; } .xydt_list li .list_txt p{ color: #333; font-size: 1.2rem; font-weight: 900; margin-bottom: 10px; } .xydt_list li:hover .list_txt p{ color: #003899; } .xydt_list li .list_txt span{ color: #8a8888; font-size: 1rem; } /*党史轮播*/ .con_div2{ background:url(spkfdx_conbanner.png) no-repeat center; background-size: 100% 100%; margin-bottom: 2rem; } .Box {position: relative;} .content_box {width: 1215px;margin: 0 auto; padding-top: 7rem;padding-bottom: 7rem;} .Box h2 {text-align: center;margin-bottom: 35px;padding-top: 250px;} .Box .Box_con {position: relative;} .Box .Box_con .btnl {position: absolute;} .Box .Box_con .btn {display: block;width: 35px;height: 75px;position: absolute;top: 60px;cursor: pointer;} .Box .Box_con .btnl {background: rgba(255,255,255,0.80) url(spkfdx_left.png) no-repeat center;left: -72px;} .Box .Box_con .btnr {background:rgba(255,255,255,0.80) url(spkfdx_right.png) no-repeat center;right: -72px;} .Box .Box_con .conbox {position: relative;overflow: hidden;} .Box .Box_con .conbox ul {position: relative;list-style: none;} .Box .Box_con .conbox ul li {float: left;width: 285px;height: 200px;margin-left: 20px;overflow: hidden;} .Box .Box_con .conbox ul li:first-child {margin-left: 0;} .Box .Box_con .conbox ul li img {display: block;width: 285px;height: 200px;transition: all 0.5s;} .Box .Box_con .conbox ul li:hover img {transform: scale(1.1);} .Box .BoxSwitch {margin-top: 30px;text-align: center; display: none;} .Box .BoxSwitch span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 30px;height: 3px;background: #ccc;margin: 0 5px;cursor: pointer;} .Box .BoxSwitch span.cur {background: red;} .content_box::marker{ display: none; width: 0; height: 0; color: #0c4193; } .spkfdx_tzgg{ width:31%; margin-right: 2%; } .spkfdx_jxjw{ width:31%; margin-right: 2%; } .spkfdx_zsjx{ width:34%; } .spkfdx_tit a{ font-size: 1.4rem; color: #858282; font-weight: 900; margin-right: 6%; } .spkfdx_tit a.on{ color: #333; } .tab_list1,.tab_list2{ display:none; } /*通用列表*/ .ul_list{ width: 100% } .ul_list li{ height: 6rem; border-bottom: 1px solid #b5b5b5; padding-top: 30px; } .ul_list li .list_data{ width:16%; } .ul_list li .list_data u{ color: #003899; font-size: 1.4rem; display: block; margin-bottom: 10px; } .ul_list li .list_data i{ color: #003899; display: block; height: 2px; width: 40px; background: #003899; } .ul_list li .list_txt{ margin-left: 2%; width: 82%; } .ul_list li .list_txt p{ color: #333; font-size: 1rem; margin-bottom: 10px; } .ul_list li:hover .list_txt p{ color: #003899; } .ul_list li .list_txt span{ color: #8a8888; font-size: 1rem; } /*招生简章*/ .zsjz_div{ background:url(spkfdx_imgbg.png) no-repeat center; background-size: 100% 100%; width:100%; height: 354px; margin-top: 30px; } #carousel { position:relative; z-index:2; margin-top:20px; transform-style:preserve-3d; perspective:800px } #carousel a{ position: absolute; left: 24%; top: 51%; margin-left: -32px; transition: transform .5s ease-in-out; box-shadow: 8px 8px 20px rgba(0,0,0,.2); cursor: pointer; display: block; width: auto!important; } #carousel a img { width: 100%; height: 100%; } #bannerNav { position:relative; margin-top:20px; height:10px; padding:10px 0; text-align:center; display: none; } #bannerNav ul li { cursor:pointer; overflow:hidden; display:inline-block; width:22px; margin:0 2px } #bannerNav ul li a { margin:0 auto; display:block; width:6px; height:6px; vertical-align:top; border-radius:3px; background:#5e6671; font-size:0 } #bannerNav ul li.on a,#bannerNav ul li:hover a { background:#00aeff } #bannerNav ul li.on a { width:20px } #carousel { height:354px } /*教学活动*/ .jxhd_div{ background:url(spkfdx_imgbg.png) no-repeat center; width:100%; height: 354px; margin-top: 30px; padding: 1rem 1rem; } .con_div3{ margin-bottom: 2rem; } /*老年教育 继续教育*/ .con_div4{ background:url(spkfdx_imgbg2.png) no-repeat center; padding: 2rem 0px; background-size: cover; } .lnjy_div .js-silder{ position: relative; width: 100%; height: 18rem; margin-top: 1rem; } .lnjy_div .silder-scroll{ width: 100%; overflow: hidden; } .lnjy_div .silder-main{ position: relative; width: 100%; overflow: hidden; } .lnjy_div .silder-main-img{ position: absolute; top: 0; left: 0; width: 100%; height: 18rem !important; background:#000; } .lnjy_div .silder-main-img img{ width: 100%; height:100%; } .lnjy_div .silder-main-img video{ width: 100%; } .lnjy_div .js-silder-ctrl { width: 100%; text-align: center; position: absolute; top:40%; } .lnjy_div .silder-ctrl-prev, .lnjy_div .silder-ctrl-next{ background-color: rgba(255,255,255,0.80); width: 35px; height: 75px; display: block; position: absolute; top: 50%; margin-top: -4%; cursor: pointer } .lnjy_div .silder-ctrl-prev{ left: 10px; text-align: left; } .lnjy_div .silder-ctrl-next{ right: 10px; text-align: right; } .lnjy_div .silder-ctrl-prev>span, .lnjy_div .silder-ctrl-next>span{ position: absolute; top: 50%; margin-top: -40px; display: block; width: 35px; height: 75px; } .lnjy_div .silder-ctrl-prev>span{ left: 0; background:url(spkfdx_left.png) no-repeat center; } .lnjy_div .silder-ctrl-next>span{ right: 0; background:url(spkfdx_right.png) no-repeat center; } .lnjy_div .silder-ctrl-con{ display: inline-block; width: 4%; padding: 10px 0; margin: 0 10px; cursor: pointer; display: none; } .lnjy_div .silder-ctrl-con>span{ display: block; line-height: 0; text-indent: -9999px; overflow: hidden; padding: 5px 0; cursor: pointer; background-color: #e4e4e4; } .lnjy_div .silder-ctrl-con.active>span{ background-color: #7bbedf; } .lnjy_div .silder-main-img a{ position:absolute; bottom:0px; z-index: 2; color: #fff; background: rgba(0,0,0,0.50); width: 100%; height: 35px; line-height: 35px; font-size: 1rem; text-indent: 1rem; } .jxjy_div .js-silder{ position: relative; width:100%; height:18rem; margin-top: 1rem; } .jxjy_div .silder-scroll{ width: 100%; overflow: hidden; } .jxjy_div .silder-main{ position: relative; width: 100%; overflow: hidden; } .jxjy_div .silder-main-img{ position: absolute; top: 0; left: 0; width: 100%; height:18rem !important } .jxjy_div .silder-main-img img{ width: 100%; height:100%; } .jxjy_div .js-silder-ctrl { width: 100%; text-align: center; position: absolute; top:40%; } .jxjy_div .silder-ctrl-prev, .jxjy_div .silder-ctrl-next{ background-color: rgba(255,255,255,0.80); width: 35px; height: 75px; display: block; position: absolute; top: 50%; margin-top: -4%; cursor: pointer } .jxjy_div .silder-ctrl-prev{ left: 10px; text-align: left; } .jxjy_div .silder-ctrl-next{ right: 10px; text-align: right; } .jxjy_div .silder-ctrl-prev>span, .jxjy_div .silder-ctrl-next>span{ position: absolute; top: 50%; margin-top: -40px; display: block; width: 35px; height: 75px; } .jxjy_div .silder-ctrl-prev>span{ left: 0; background:url(spkfdx_left.png) no-repeat center; } .jxjy_div .silder-ctrl-next>span{ right: 0; background:url(spkfdx_right.png) no-repeat center; } .jxjy_div .silder-ctrl-con{ display: inline-block; width: 4%; padding: 10px 0; margin: 0 10px; cursor: pointer; display: none; } .jxjy_div .silder-ctrl-con>span{ display: block; line-height: 0; text-indent: -9999px; overflow: hidden; padding: 5px 0; cursor: pointer; background-color: #e4e4e4; } .jxjy_div .silder-ctrl-con.active>span{ background-color: #7bbedf; } .jxjy_div .silder-main-img p{ position:absolute; bottom:0px; z-index: 2; color: #fff; background: rgba(0,0,0,0.50); width: 100%; height: 35px; line-height: 35px; font-size: 1rem; text-indent: 1rem; } /*手机样式*/ .sj_dsjy,.sj_zsjz,.header-phone{ display: none; } /* ============================教学活动================================= */ .ul_list2{ width: 100%; } .ul_list2 li{ text-align: center; } .ul_list2 li div{ width: 100%; height: auto; background-color: #5e6671; } .ul_list2 li a{ font-size: 1rem; line-height: 2rem; color: #333; text-align: center; } .ul_list2 li div video{ width: 100%; } .fixed{ display: flex; justify-content:space-between; } .lnjy_div,.jxjy_div{ width: 32%; margin: 0 2% 0 0; }