/* 头部开始 */ header { width: 100%; background-color: #0e8ae8; background-image: url(/uploads/image/tjmimg/pc_bg_header.png); background-repeat: no-repeat; } .header_box { width: 1280px; margin: 0 auto; } header .header_box .header_box_pc1 { margin: 16px 0; float: left; } header .header_box .header_box_pc1 img { margin-left: 5%; } header .header_box .header_box_pc2 { float: right; margin-top: 14px; } header .header_box .header_box_pc5 img { margin-right: 5%; } /* 适配 */ @media (min-width:999px) and (max-width:1300px) { .header_box { width: 90%; } } @media (max-width:999px) { header { display: none; } } /* 头部结束 */ /* 导航开始 */ nav { width: 100%; background-color: #fff; position: relative; z-index: 300; background-color: #0b6cb8; } nav .nav_box { width: 1280px; margin: 0 auto; } nav .nav_box .nav_box_logo { float: left; margin-top: 13px; } nav .nav_box .nav_box_link { float: left; width: 900px; } nav .nav_box .nav_box_link>li { float: left; width: 112px; text-align: center; margin-right: 4%; position: relative; } .nav_box_link_bg { background-image: url(/uploads/image/tjmimg/pc_bg_nav.png); background-repeat: no-repeat; } nav .nav_box .nav_box_link li #eng1 { font-family: "pingfang regular"; font-size: 18px; font-weight: 400; line-height: 80px; color: #fff; text-align: center; cursor: pointer; } nav .nav_box .nav_box_link li #eng1:hover { color: #01f5fe; } nav .nav_box .nav_box_link li .nav_box_link_child { display: none; position: absolute; z-index: 100; } nav .nav_box .nav_box_link li .nav_box_link_child>li a { width: 112px; display: block; border-bottom: 1px solid #ccc; background-color: #fff; opacity: 0.8; text-align: left; } nav .nav_box .nav_box_link li .nav_box_link_child>li a:hover { background-color: #0e8ae8; } nav .nav_box .nav_box_link li .nav_box_link_child>li a:hover h2 { color: #fff; } nav .nav_box .nav_box_link li .nav_box_link_child>li a h2 { margin: 0 auto; font-family: "pingfang regular"; font-size: 18px; font-weight: 400; line-height: 40px; text-align-last: left; margin-left: 20px; color: rgb(49, 49, 49); } @media only screen and (min-width:1086px) and (max-width:1300px) { nav .nav_box { width: 90%; margin: 0 auto; } nav .nav_box .nav_box_link { width: 1006px; } nav .nav_box .nav_box_link>li { margin-left: 1.2%; } nav .nav_box .nav_box_logo { margin-left: 0px; } header .header_box .header_box_pc1 img { margin-left: 46px; } } @media only screen and (min-width:999px) and (max-width:1086px) { nav .nav_box { width: 90%; margin: 0 auto; } nav .nav_box .nav_box_link { width: 900px; } nav .nav_box .nav_box_link>li { margin-left: 0; } nav .nav_box .nav_box_logo { margin-left: 0px; } } @media only screen and (min-width:0px) and (max-width:999px) { nav .nav_box { display: none; } } /* 导航结束 */ /* nav-iphone 开始*/ .n_iphone { width: 100%; } .n_iphone_logo { width: 280px; } .n_iphone_logo img { width: 100%; margin: 8px 0px 6px 16px; } .bar { height: 3px; width: 40px; border-radius: 50pt; background: #fff; margin: 10px auto; transition: all .5s ease; -webkit-transition: all .7s ease; -moz-transition: all .7s ease; -ms-transition: all .7s ease; -o-transition: all .7s ease; } .n_iphone .con { cursor: pointer; display: inline-block; width: auto; height: auto; position: absolute; right: 30px; top: 8px; z-index: 120; } .top5 { transform: translatey(13.5px) rotatez(45deg); background-color: #fff; } .bottom5 { transform: translatey(-13.5px) rotatez(-45deg); background-color: #fff; } .middle5 { background-color: #fff; transform: rotatez(360deg); width: 0; } .n_iphone_box { position: absolute; background-color: #fff; width: 100%; top: -10px; } .n_iphone_box #pi-1 li { float: left; margin-left: 24px; } .n_iphone_box .nav_dao { font-size: 24px; font-family: "pingfang regular"; font-weight: 400; line-height: 74px; padding-left: 24px; background-color: #0e8ae8; } .n_iphone_box .nav_dao a { color: #fff; } .n_iphone_box #item-gg { display: block; font-family: "pingfang regular"; font-size: 18px; font-weight: 400; padding-left: 24px; line-height: 66px; color: #000; height: 66px; } .n_iphone_box>li { border-bottom: 1px solid #eeeeee; position: relative; } .n_iphone_box #si-2 { position: absolute; right: 30px; top: 20px; display: inline-block; width: 18px; height: 18px; z-index: 130; } .n_iphone_box { display: none; } .xz { border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(135deg); -ms-transform: rotate(135deg); /* ie 9 */ -webkit-transform: rotate(135deg); /* safari and chrome */ transition: transform 0.5s linear 0s; -webkit-transition: transform 0.5s linear 0s; -ms-transition: transform 0.5s linear 0s; } .zx { border-top: 2px solid #ccc; border-right: 2px solid #ccc; transform: rotate(45deg); -ms-transform: rotate(45deg); /* ie 9 */ -webkit-transform: rotate(45deg); /* safari and chrome */ transition: transform 0.5s linear 0s; -webkit-transition: transform 0.5s linear 0s; -ms-transition: transform 0.5s linear 0s; } #pi-1 { display: none; } .n_iphone_box #pi-1 li a { line-height: 60px; font-family: "pingfang regular"; font-size: 16px; font-weight: normal; color: #000; } .n_iphone_box #pi-1 li a:hover { color: #0e8ae8; } /* 适配 */ @media (min-width:999px) { .n_iphone { display: none; } } @media (max-width:999px) { nav { background-color: #0e8ae8; } } @media only screen and (min-width:320px) and (max-width:500px) { .n_iphone_logo { width: 230px; } .n_iphone .con { top: 4px; right: 20px; } .n_iphone_box .nav_dao { line-height: 64px; } .n_iphone_logo img { margin: 8px 0px 6px 8px; } } /* nav-iphone 结束*/ /* 主体开始 */ .container { width: 100%; } /* main开始 */ /* 第一部分开始 */ /* 轮播开始 */ .container_box1 { width: 1280px; margin: 50px auto; } .container .container_box1 #nweslun { width: 46%; height: 391px; position: relative; margin-left: 2%; float: left; overflow: hidden; background-color: #fff; -moz-box-shadow: 0px 0px 15px #a3a3a5; -webkit-box-shadow: 0px 0px 15px #a3a3a5; box-shadow: 0px 0px 15px #a3a3a5; } .pic { width: 100%; height: 100%; overflow: hidden; } #nweslun .pgimg { position: relative; overflow: hidden; } #nweslun .pgimg a{ height: 391px; display: block; overflow: hidden; } #nweslun .pgimg a img { /* min-width: 682px; min-height: 391px; */ } #nweslun .pgimg div{ position: absolute; z-index: 100; width: 100%; height: 50px; background-color:rgba(7, 7, 7, 0.5);; bottom: 0; } #nweslun .pgimg div h1{ font-size: 24px; color: #fff; line-height: 50px; font-weight: normal; padding-left: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } #nweslun .pgimg div h1 a{ float: right; color: rgba(14, 138, 232, 1); font-family: "pingfang sc"; font-weight: bold; } #nweslun .pgimg span { position: absolute; left: 4%; bottom: 8%; font-size: 24px; font-weight: 400; color: #fff; opacity: 0.9; font-family: "pingfang regular"; cursor: pointer; } #nweslun .pgimg span:hover { color: #00b368; } #nweslun .btn1 { background-image: url(/uploads/image/tjmimg/pc_bg_left.png); background-repeat: no-repeat; width: 45px; height: 98px; position: absolute; z-index: 100; top: 40%; left: 0; } #nweslun .btn2 { background-image: url(/uploads/image/tjmimg/pc_bg_right.png); background-repeat: no-repeat; width: 45px; height: 98px; position: absolute; z-index: 100; top: 40%; right: 0; } /* 适配 */ @media (max-width:1300px) { .container_box1 { width: 90%; } } @media only screen and (min-width:100px) and (max-width:500px) { .container_box1 { margin-top: 30px; } } @media only screen and (min-width:999px) and (max-width:1300px) { #nweslun .pgimg a img { min-width: 500px; } } @media only screen and (min-width:800px) and (max-width:999px) { #nweslun .pgimg a img { min-width: 450px; } } @media only screen and (min-width:100px) and (max-width:800px) { #nweslun .pgimg a img { min-width: 682px; } .container .container_box1 #nweslun { font: none; width: 100%; margin-left: 0; } } @media only screen and (min-width:100px) and (max-width:600px) { #nweslun .pgimg a img { min-width: 600px; min-height: 240px; } .container .container_box1 #nweslun { height: 240px; } #nweslun .btn1, #nweslun .btn2 { width: 30px; height: 66px; background-size: 100% 100%; } } @media only screen and (min-width:300px) and (max-width:500px) { #nweslun .pgimg a img { min-width: 300px; min-height: 160px; } .container .container_box1 #nweslun { height: 160px; } #nweslun .btn1, #nweslun .btn2 { top: 30%; } } @media only screen and (min-width:299px) and (max-width:600px) { #nweslun .pgimg a img { min-width: 300px; min-height: 160px; } #nweslun .pgimg a{ height: 160px; display: block; overflow: hidden; } #nweslun .pgimg div{ bottom: 0; height: 32px; } #nweslun .pgimg div h1{ line-height: 32px; font-size: 18px; } .container .container_box1 #nweslun { height: 160px; } #nweslun .btn1, #nweslun .btn2 { top: 30%; } } /* 轮播结束 */ /* 新闻开始 */ .container_nwes { float: left; background-color: #fff; -moz-box-shadow: 0px 0px 15px #a3a3a5; -webkit-box-shadow: 0px 0px 15px #a3a3a5; box-shadow: 0px 0px 15px #a3a3a5; margin-left: 4%; width: 46%; } .container_nwes .container_nwes_title { margin: 19px 4.5% 10px 4.5%; width: 91%; border-bottom: 1px solid #bebdbb; } .container_nwes .container_nwes_title h1 { font-size: 22px; font-family: "pingfang sc"; font-weight: 400; color: rgba(5, 5, 5, 1); line-height: 22px; float: left; padding-bottom: 10px; border-bottom: 1px solid rgba(14, 138, 232, 1); ; } .container_nwes .container_nwes_title .container_nwes_title_right { float: right; } .container_nwes .container_nwes_title .container_nwes_jux { width: 1px; height: 14px; background: rgba(190, 189, 187, 1); float: left; margin: 8px 0 0 0; } .container_nwes .container_nwes_title .container_nwes_icon { font-size: 16px; font-family: "pingfang sc"; font-weight: bold; color: rgba(14, 138, 232, 1); line-height: 12px; float: left; margin: 8px 0 0 0; } .container_nwes .container_nwes_title .container_nwes_btn { float: left; margin: 4px 4px 0 14px; } .container_nwes .container_nwes_title .container_nwes_btn a { font-size: 16px; font-family: "pingfang sc"; font-weight: bold; color: rgba(14, 138, 232, 1); line-height: 12px; } .container_nwes .container_nwes_list { margin: 0 4.5% 19px 4.5%; } .container_nwes .container_nwes_list li { border-bottom: 1px dashed #bebdbb; } .container_nwes .container_nwes_list li a { display: block; width: 95%; height: 56px; font-size: 18px; font-family: "pingfang sc"; font-weight: 400; color: rgba(51, 51, 51, 1); line-height: 56px; margin-top: 6px; overflow: hidden; } .container_nwes .container_nwes_list li a:hover { color: #0e8ae8; } .container_nwes .container_nwes_list li p { font-size: 12px; font-family: "pingfang sc"; font-weight: bold; font-style: italic; color: rgba(187, 187, 187, 1); line-height: 22px; font-style: italic; margin-bottom: 6px; } .container_nwes .container_nwes_list li p span { color: #0e8ae8; margin-left: 5px; } /* 适配 */ @media only screen and (min-width:999px) and (max-width:1300px) { .container_nwes .container_nwes_list li a { width: 100%; } } @media (max-width:999px) { .container_nwes .container_nwes_list li a { width: 100%; } } @media only screen and (min-width:100px) and (max-width:800px) { .container_nwes { width: 100%; margin-left: 0; margin-top: 50px; } } @media only screen and (min-width:100px) and (max-width:500px) { .container_nwes { margin-top: 30px; } } /* 新闻结束 */ /* 第一部分结束 */ /* 第二部分开始 */ .container_box2 { width: 100%; background-image: url(/uploads/image/tjmimg/bg_kaifang.png); background-repeat: no-repeat; } /* 开放教育开始 */ .container_box2 .container_kf_title { width: 100%; height: 78px; border-bottom: 1px solid #e6e6e6; } .container_box2 .container_kf_title .container_kf_title_box { position: relative; width: 220px; margin: 0 auto; } .container_box2 .container_kf_title .container_kf_title_box div { background-image: url(/uploads/image/tjmimg/pc_bg_title.png); background-repeat: no-repeat; background-position: 0px 19px; position: absolute; top: 58px; width: 220px; height: 58px } .container_box2 .container_kf_title div h1 { font-size: 30px; font-family: "pingfang sc"; font-weight: bold; color: rgba(46, 146, 233, 1); line-height: 40px; text-align: center; } .container_box2 .container_kf_title div h2 { font-size: 12px; font-family: " pingfang sc"; font-weight: bold; color: rgba(148, 148, 148, 1); line-height: 18px; text-align: center; text-transform: uppercase; } .container_kf_main { width: 1280px; margin: 80px auto 50px auto; } /* 考务科(电大)开始 */ .container_kf_main_kwk { float: left; background-color: #fff; -moz-box-shadow: 0px 0px 15px #a3a3a5; -webkit-box-shadow: 0px 0px 15px #a3a3a5; box-shadow: 0px 0px 15px #a3a3a5; margin-left: 2%; width: 46%; } .container_kf_main .container_kf_main_kwk_title, .container_kf_main .container_kf_main_jxzl_title, .container_kf_main .container_kf_main_jyzy_title, .container_kf_main .container_kf_main_jwk_title { margin: 19px 4.5% 10px 4.5%; width: 91%; border-bottom: 1px solid #bebdbb; } .container_kf_main .container_kf_main_kwk_title h1, .container_kf_main .container_kf_main_jxzl_title h1, .container_kf_main .container_kf_main_jyzy_title h1, .container_kf_main .container_kf_main_jwk_title h1 { font-size: 22px; font-family: "pingfang sc"; font-weight: 400; color: rgba(5, 5, 5, 1); line-height: 22px; float: left; padding-bottom: 10px; border-bottom: 1px solid rgba(14, 138, 232, 1); } .container_kf_main .container_kf_main_kwk_title .container_kf_main_kwk_title_right, .container_kf_main .container_kf_main_jxzl_title .container_kf_main_jxzl_title_right, .container_kf_main .container_kf_main_jyzy_title .container_kf_main_jyzy_title_right, .container_kf_main .container_kf_main_jwk_title .container_kf_main_jwk_title_right { float: right; } .container_kf_main .container_kf_main_kwk_title .container_kf_main_kwk_jux, .container_kf_main .container_kf_main_jxzl_title .container_kf_main_jxzl_jux, .container_kf_main .container_kf_main_jyzy_title .container_kf_main_jyzy_jux, .container_kf_main .container_kf_main_jwk_title .container_kf_main_jwk_jux { width: 1px; height: 14px; background: rgba(190, 189, 187, 1); float: left; margin: 8px 0 0 0; } .container_kf_main .container_kf_main_kwk_title .container_kf_main_kwk_icon, .container_kf_main .container_kf_main_jxzl_title .container_kf_main_jxzl_icon, .container_kf_main .container_kf_main_jyzy_title .container_kf_main_jyzy_icon, .container_kf_main .container_kf_main_jwk_title .container_kf_main_jwk_icon { font-size: 16px; font-family: "pingfang sc"; font-weight: bold; color: rgba(14, 138, 232, 1); line-height: 12px; float: left; margin: 8px 0 0 0; } .container_kf_main .container_kf_main_kwk_title .container_kf_main_kwk_btn, .container_kf_main .container_kf_main_jxzl_title .container_kf_main_jxzl_btn, .container_kf_main .container_kf_main_jyzy_title .container_kf_main_jyzy_btn, .container_kf_main .container_kf_main_jwk_title .container_kf_main_jwk_btn { float: left; margin: 4px 4px 0 14px; } .container_kf_main .container_kf_main_kwk_title .container_kf_main_kwk_btn a, .container_kf_main .container_kf_main_jxzl_title .container_kf_main_jxzl_btn a, .container_kf_main .container_kf_main_jyzy_title .container_kf_main_jyzy_btn a, .container_kf_main .container_kf_main_jwk_title .container_kf_main_jwk_btn a { font-size: 16px; font-family: "pingfang sc"; font-weight: bold; color: rgba(14, 138, 232, 1); line-height: 12px; } .container_kf_main .container_kf_main_kwk_list, .container_kf_main .container_kf_main_jxzl_list, .container_kf_main .container_kf_main_jyzy_list, .container_kf_main .container_kf_main_jwk_list { margin: 0 4.5% 19px 4.5%; } .container_kf_main .container_kf_main_jwk_list li{height: 56px;border-bottom: 1px dashed #bebdbb;} .container_kf_main .container_kf_main_kwk_list li a, .container_kf_main .container_kf_main_jxzl_list li a, .container_kf_main .container_kf_main_jyzy_list li a, .container_kf_main .container_kf_main_jwk_list li a { display: block; width: 95%; height: 24px; font-size: 18px; font-family: "pingfang sc"; font-weight: 400; color: rgba(51, 51, 51, 1); line-height: 30px; margin-top: 10px; overflow: hidden; float: left; } .container_kf_main .container_kf_main_kwk_list li a:hover, .container_kf_main .container_kf_main_jxzl_list li a:hover, .container_kf_main .container_kf_main_jyzy_list li a:hover, .container_kf_main .container_kf_main_jwk_list li a:hover { color: #0e8ae8; } .container_kf_main_jyzy li{height: 56px;border-bottom: 1px dashed #bebdbb;} .container_kf_main .container_kf_main_kwk_list li img, .container_kf_main .container_kf_main_jxzl_list li img, .container_kf_main .container_kf_main_jyzy_list li img, .container_kf_main .container_kf_main_jwk_list li img { display: block; float: left; margin-top: 20px; margin-right: 6px; } .container_kf_main .container_kf_main_kwk_list li p, .container_kf_main .container_kf_main_jxzl_list li p, .container_kf_main .container_kf_main_jyzy_list li p, .container_kf_main .container_kf_main_jwk_list li p { font-size: 12px; font-family: "pingfang sc"; font-weight: bold; color: rgba(187, 187, 187, 1); line-height: 30px; margin-bottom: 10px; text-align: right; display: block; float: right; margin-top: 10px; } /* 考务科结束 */ /* 教学质量管理科(电大)开始 */ .container_kf_main_jxzl { float: left; background-color: #fff; -moz-box-shadow: 0px 0px 15px #a3a3a5; -webkit-box-shadow: 0px 0px 15px #a3a3a5; box-shadow: 0px 0px 15px #a3a3a5; margin-left: 4%; width: 46%; } /* 教学质量管理科(电大)结束 */ /* 教学资源建设科开始 */ .container_kf_main_jyzy { float: left; background-color: #fff; -moz-box-shadow: 0px 0px 15px #a3a3a5; -webkit-box-shadow: 0px 0px 15px #a3a3a5; box-shadow: 0px 0px 15px #a3a3a5; margin-left: 2%; width: 46%; margin-top: 0px; } /* 教学资源建设科结束 */ /* 教务科开始 */ .container_kf_main_jwk { float: left; background-color: #fff; -moz-box-shadow: 0px 0px 15px #a3a3a5; -webkit-box-shadow: 0px 0px 15px #a3a3a5; box-shadow: 0px 0px 15px #a3a3a5; width: 46%; margin: 0px 0 56px 4%; } /* 教务科结束 */ /* 开放教育结束 */ /* 适配 */ @media only screen and (min-width:100px) and (max-width:1300px) { .container_kf_main { width: 90%; } .container_kf_main .container_kf_main_kwk_title h1, .container_kf_main .container_kf_main_jxzl_title h1, .container_kf_main .container_kf_main_jyzy_title h1, .container_kf_main .container_kf_main_jwk_title h1 { width: 50%; overflow: hidden; text-overflow: ellipsis; word-break: keep-all; white-space: nowrap; } } @media only screen and (min-width:100px) and (max-width:800px) { .container_kf_main_kwk, .container_kf_main_jxzl, .container_kf_main_jyzy, .container_kf_main_jwk { float: none; margin-left: 0; width: 100%; } .container_kf_main .container_kf_main_kwk_title, .container_kf_main .container_kf_main_jxzl_title, .container_kf_main .container_kf_main_jyzy_title, .container_kf_main .container_kf_main_jwk_title { padding-top: 20px; } } @media only screen and (min-width:100px) and (max-width:800px) { .container_kf_main_kwk, .container_kf_main_jxzl, .container_kf_main_jyzy, .container_kf_main_jwk { margin-top: 30px; } .container_box2 .container_kf_title { height: 36px; } .container_box2 .container_kf_title .container_kf_title_box div { top: 16px; } .container_kf_main { margin-bottom: 0; } } @media only screen and (min-width:100px) and (max-width:359px) { .container_kf_main .container_kf_main_kwk_list li a, .container_kf_main .container_kf_main_jxzl_list li a, .container_kf_main .container_kf_main_jyzy_list li a, .container_kf_main .container_kf_main_jwk_list li a { width: 95%; } } /* 第二部分结束 */ /* 第三部分开始 */ .container_box3 { width: 100%; } /* 高职教育开始 */ .container_box3 .container_gz_title { width: 100%; height: 78px; border-bottom: 1px solid #e6e6e6; } .container_box3 .container_gz_title .container_gz_title_box { width: 220px; margin: 0 auto; position: relative; } .container_box3 .container_gz_title .container_gz_title_box div { background-image: url(/uploads/image/tjmimg/pc_bg_title.png); background-repeat: no-repeat; background-position: 0px 19px; position: absolute; top: 58px; width: 220px; height: 58px } .container_box3 .container_gz_title div h1 { font-size: 30px; font-family: "pingfang sc"; font-weight: bold; color: rgba(46, 146, 233, 1); line-height: 40px; text-align: center; } .container_box3 .container_gz_title div h2 { font-size: 12px; font-family: " pingfang sc"; font-weight: bold; color: rgba(148, 148, 148, 1); line-height: 18px; text-align: center; text-transform: uppercase; } .container_gz_main { width: 1280px; margin: 80px auto 50px auto; } /* 考务科(电大)开始 */ .container_gz_main_kwk { float: left; background-color: #fff; -moz-box-shadow: 0px 0px 15px #a3a3a5; -webkit-box-shadow: 0px 0px 15px #a3a3a5; box-shadow: 0px 0px 15px #a3a3a5; margin-left: 2%; width: 46%; } .container_gz_main .container_gz_main_kwk_title, .container_gz_main .container_gz_main_jyzy_title, .container_gz_main .container_gz_main_jwk_title, .container_gz_main .container_gz_main_xj_title, .container_gz_main .container_gz_main_jxzl_title, .container_topic_main .container_topic_main_jwk_title, .container_topic_main .container_topic_main_xj_title, .container_topic_main .container_topic_main_jyzy_title { margin: 19px 4.5% 10px 4.5%; width: 91%; border-bottom: 1px solid #bebdbb; } .container_gz_main .container_gz_main_kwk_title h1, .container_gz_main .container_gz_main_jxzl_title h1, .container_gz_main .container_gz_main_jyzy_title h1, .container_gz_main .container_gz_main_xj_title h1, .container_gz_main .container_gz_main_jwk_title h1, .container_topic_main .container_topic_main_jyzy_title h1, .container_topic_main .container_topic_main_xj_title h1, .container_topic_main .container_topic_main_jwk_title h1 { font-size: 22px; font-family: "pingfang sc"; font-weight: 400; color: rgba(5, 5, 5, 1); line-height: 22px; float: left; padding-bottom: 10px; border-bottom: 1px solid rgba(14, 138, 232, 1); } .container_gz_main .container_gz_main_kwk_title .container_gz_main_kwk_title_right, .container_gz_main .container_gz_main_jxzl_title .container_gz_main_jxzl_title_right, .container_gz_main .container_gz_main_jyzy_title .container_gz_main_jyzy_title_right, .container_gz_main .container_gz_main_jwk_title .container_gz_main_jwk_title_right, .container_gz_main .container_gz_main_xj_title .container_gz_main_xj_title_right, .container_topic_main .container_topic_main_jyzy_title .container_topic_main_jyzy_title_right, .container_topic_main .container_topic_main_jwk_title .container_topic_main_jwk_title_right, .container_topic_main .container_topic_main_xj_title .container_topic_main_xj_title_right { float: right; } .container_gz_main .container_gz_main_kwk_title .container_gz_main_kwk_jux, .container_gz_main .container_gz_main_jxzl_title .container_gz_main_jxzl_jux, .container_gz_main .container_gz_main_jyzy_title .container_gz_main_jyzy_jux, .container_gz_main .container_gz_main_jwk_title .container_gz_main_jwk_jux, .container_gz_main .container_gz_main_xj_title .container_gz_main_xj_jux, .container_topic_main .container_topic_main_jyzy_title .container_topic_main_jyzy_jux, .container_topic_main .container_topic_main_jwk_title .container_topic_main_jwk_jux, .container_topic_main .container_topic_main_xj_title .container_topic_main_xj_jux { width: 1px; height: 14px; background: rgba(190, 189, 187, 1); float: left; margin: 8px 0 0 0; } .container_gz_main_kwk_title .container_gz_main_kwk_icon, .container_gz_main_jxzl_title .container_gz_main_jxzl_icon, .container_gz_main_jyzy_title .container_gz_main_jyzy_icon, .container_gz_main_jwk_title .container_gz_main_jwk_icon, .container_gz_main_xj_title .container_gz_main_xj_icon, .container_topic_main_jyzy_title .container_topic_main_jyzy_icon, .container_topic_main_jwk_title .container_topic_main_jwk_icon, .container_topic_main_xj_title .container_topic_main_xj_icon { font-size: 16px; font-family: "pingfang sc"; font-weight: bold; color: rgba(14, 138, 232, 1); line-height: 12px; float: left; margin: 8px 0 0 0; } .container_gz_main .container_gz_main_kwk_title .container_gz_main_kwk_btn, .container_gz_main .container_gz_main_jxzl_title .container_gz_main_jxzl_btn, .container_gz_main .container_gz_main_jwk_title .container_gz_main_jwk_btn, .container_gz_main .container_gz_main_jyzy_title .container_gz_main_jyzy_btn, .container_gz_main .container_gz_main_xj_title .container_gz_main_xj_btn, .container_topic_main .container_topic_main_jwk_title .container_topic_main_jwk_btn, .container_topic_main .container_topic_main_jyzy_title .container_topic_main_jyzy_btn, .container_topic_main .container_topic_main_xj_title .container_topic_main_xj_btn { float: left; margin: 4px 4px 0 14px; } .container_gz_main .container_gz_main_kwk_title .container_gz_main_kwk_btn a, .container_gz_main .container_gz_main_jxzl_title .container_gz_main_jxzl_btn a, .container_gz_main .container_gz_main_jwk_title .container_gz_main_jwk_btn a, .container_gz_main .container_gz_main_jyzy_title .container_gz_main_jyzy_btn a, .container_gz_main .container_gz_main_xj_title .container_gz_main_xj_btn a, .container_topic_main .container_topic_main_jwk_title .container_topic_main_jwk_btn a, .container_topic_main .container_topic_main_jyzy_title .container_topic_main_jyzy_btn a, .container_topic_main .container_topic_main_xj_title .container_topic_main_xj_btn a { font-size: 16px; font-family: "pingfang sc"; font-weight: bold; color: rgba(14, 138, 232, 1); line-height: 12px; } .container_gz_main .container_gz_main_kwk_list, .container_gz_main .container_gz_main_jxzl_list, .container_gz_main .container_gz_main_jyzy_list, .container_gz_main .container_gz_main_jwk_list, .container_gz_main .container_gz_main_xj_list, .container_topic_main .container_topic_main_jyzy_list, .container_topic_main .container_topic_main_jwk_list, .container_topic_main .container_topic_main_xj_list { margin: 0 4.5% 19px 4.5%; } .container_gz_main .container_gz_main_kwk_list li a, .container_gz_main .container_gz_main_jxzl_list li a, .container_gz_main .container_gz_main_jwk_list li a, .container_gz_main .container_gz_main_jyzy_list li a, .container_gz_main .container_gz_main_xj_list li a, .container_topic_main .container_topic_main_jwk_list li a, .container_topic_main .container_topic_main_jyzy_list li a, .container_topic_main .container_topic_main_xj_list li a { display: block; width: 95%; height: 24px; font-size: 16px; font-family: "pingfang sc"; font-weight: 400; color: rgba(51, 51, 51, 1); line-height: 30px; margin-top: 10px; overflow: hidden; float: left; } .container_gz_main .container_gz_main_kwk_list li a:hover, .container_gz_main .container_gz_main_jxzl_list li a:hover, .container_gz_main .container_gz_main_jwk_list li a:hover, .container_gz_main .container_gz_main_jyzy_list li a:hover, .container_gz_main .container_gz_main_xj_list li a:hover, .container_topic_main .container_topic_main_jwk_list li a:hover, .container_topic_main .container_topic_main_jyzy_list li a:hover, .container_topic_main .container_topic_main_xj_list li a:hover { color: #0e8ae8; } .container_gz_main .container_gz_main_kwk_list li img, .container_gz_main .container_gz_main_jxzl_list li img, .container_gz_main .container_gz_main_jwk_list li img, .container_gz_main .container_gz_main_jyzy_list li img, .container_gz_main .container_gz_main_xj_list li img, .container_topic_main .container_topic_main_jwk_list li img, .container_topic_main .container_topic_main_jyzy_list li img, .container_topic_main .container_topic_main_xj_list li img { display: block; float: left; margin-top: 20px; margin-right: 6px; } .container_gz_main .container_gz_main_kwk_list li p, .container_gz_main .container_gz_main_jxzl_list li p, .container_gz_main .container_gz_main_jyzy_list li p, .container_gz_main .container_gz_main_jwk_list li p, .container_gz_main .container_gz_main_xj_list li p, .container_topic_main .container_topic_main_jyzy_list li p, .container_topic_main .container_topic_main_jwk_list li p, .container_topic_main .container_topic_main_xj_list li p { font-size: 12px; font-family: "pingfang sc"; font-weight: 400; color: rgba(187, 187, 187, 1); line-height: 30px; margin-bottom: 10px; text-align: right; display: block; float: right; margin-top: 10px; } /* 考务科结束 */ .container_gz_main_jxzl { float: left; background-color: #fff; -moz-box-shadow: 0px 0px 15px #a3a3a5; -webkit-box-shadow: 0px 0px 15px #a3a3a5; box-shadow: 0px 0px 15px #a3a3a5; margin-left: 4%; width: 46%; } /* 教学质量管理科(电大)结束 */ /* 教学资源建设科开始 */ .container_gz_main_jyzy { float: left; background-color: #fff; -moz-box-shadow: 0px 0px 15px #a3a3a5; -webkit-box-shadow: 0px 0px 15px #a3a3a5; box-shadow: 0px 0px 15px #a3a3a5; width: 30%; margin: 48px 0 50px 2%; } /* 教学资源建设科结束 */ /* 教务科开始 */ .container_gz_main_jwk { float: left; background-color: #fff; -moz-box-shadow: 0px 0px 15px #a3a3a5; -webkit-box-shadow: 0px 0px 15px #a3a3a5; box-shadow: 0px 0px 15px #a3a3a5; width: 30%; margin: 48px 0 56px 3%; } /* 教务科结束 */ /* 教务科结束 */ .container_gz_main_xj { float: left; background-color: #fff; -moz-box-shadow: 0px 0px 15px #a3a3a5; -webkit-box-shadow: 0px 0px 15px #a3a3a5; box-shadow: 0px 0px 15px #a3a3a5; width: 30%; margin: 48px 0 56px 3%; } /* 教务科结束 */ /* 高职教育结束 */ /* 适配 */ @media only screen and (min-width:100px) and (max-width:1300px) { .container_gz_main { width: 100%; } .container_box3 { width: 90%; margin: 0 auto; } .container_gz_main .container_gz_main_kwk_title h1, .container_gz_main .container_gz_main_jxzl_title h1, .container_gz_main .container_gz_main_jyzy_title h1, .container_gz_main .container_gz_main_xj_title h1, .container_gz_main .container_gz_main_jwk_title h1 { width: 49%; overflow: hidden; text-overflow: ellipsis; word-break: keep-all; white-space: nowrap; } } @media only screen and (min-width:974px) and (max-width:1140px) { .container_gz_main .container_gz_main_jwk_list li a, .container_gz_main .container_gz_main_jyzy_list li a, .container_gz_main .container_gz_main_xj_list li a { width: 65%; } } @media only screen and (min-width:800px) and (max-width:974px) { .container_gz_main .container_gz_main_jwk_list li a, .container_gz_main .container_gz_main_jyzy_list li a, .container_gz_main .container_gz_main_xj_list li a { width: 56%; } .container_gz_main_xj { margin-top: 30px; } .container_gz_main_jyzy, .container_gz_main_jwk, .container_gz_main_xj { margin-top: 24px; } } @media only screen and (min-width:100px) and (max-width:800px) { .container_gz_main_jyzy, .container_gz_main_jwk, .container_gz_main_xj, .container_gz_main_kwk, .container_gz_main_jxzl { float: none; width: 100%; margin-left: 0; margin-top: 30px; margin-bottom: 0; } .container_gz_main .container_gz_main_kwk_title h1, .container_gz_main .container_gz_main_jxzl_title h1, .container_gz_main .container_gz_main_jyzy_title h1, .container_gz_main .container_gz_main_xj_title h1, .container_gz_main .container_gz_main_jwk_title h1 { width: 30%; padding-top: 18px; } .container_gz_main .container_gz_main_kwk_title .container_gz_main_kwk_title_right, .container_gz_main .container_gz_main_jxzl_title .container_gz_main_jxzl_title_right, .container_gz_main .container_gz_main_jyzy_title .container_gz_main_jyzy_title_right, .container_gz_main .container_gz_main_jwk_title .container_gz_main_jwk_title_right, .container_gz_main .container_gz_main_xj_title .container_gz_main_xj_title_right { margin-top: 18px; } .container_box3 .container_gz_title { height: 36px; } .container_box3 .container_gz_title .container_gz_title_box div { top: 16px; } } /* 第三部分结束 */ /* 第四部分开始 */ .container_box4 { width: 100%; background-color: #fafafa; } .container_topic_main { width: 1280px; margin: 80px auto 50px auto; } /* 规章制度开始 */ .container_topic_main_jyzy { float: left; background-color: #fff; -moz-box-shadow: 0px 0px 15px #a3a3a5; -webkit-box-shadow: 0px 0px 15px #a3a3a5; box-shadow: 0px 0px 15px #a3a3a5; width: 30%; margin: 48px 0 50px 2%; } /* 规章制度结束 */ /* 公共板块开始 */ .container_topic_main_jwk { float: left; background-color: #fff; -moz-box-shadow: 0px 0px 15px #a3a3a5; -webkit-box-shadow: 0px 0px 15px #a3a3a5; box-shadow: 0px 0px 15px #a3a3a5; width: 30%; margin: 48px 0 56px 3%; } /* 公共板块结束 */ /* 资料下载开始 */ .container_topic_main_xj { float: left; background-color: #fff; -moz-box-shadow: 0px 0px 15px #a3a3a5; -webkit-box-shadow: 0px 0px 15px #a3a3a5; box-shadow: 0px 0px 15px #a3a3a5; width: 30%; margin: 48px 0 56px 3%; } /* 适配 */ @media only screen and (min-width:100px) and (max-width:1300px) { .container_topic_main { width: 100%; } .container_box4 { width: 90%; margin: 0 auto; } .container_topic_main .container_topic_main_jyzy_title h1, .container_topic_main .container_topic_main_xj_title h1, .container_topic_main .container_topic_main_jwk_title h1 { width: 49%; overflow: hidden; text-overflow: ellipsis; word-break: keep-all; white-space: nowrap; } .container_topic_main .container_topic_main_jwk_list li a, .container_topic_main .container_topic_main_jyzy_list li a, .container_topic_main .container_topic_main_xj_list li a { width: 56%; } } @media only screen and (min-width:100px) and (max-width:800px) { .container_topic_main_jyzy, .container_topic_main_xj, .container_topic_main_jwk { float: none; width: 100%; margin: 30px 0 0 0; } .container_topic_main .container_topic_main_jyzy_title h1, .container_topic_main .container_topic_main_xj_title h1, .container_topic_main .container_topic_main_jwk_title h1 { padding-top: 18px; } .container_topic_main_jyzy_title_right, .container_topic_main_xj_title_right, .container_topic_main_jwk_title_right { margin-top: 18px; } .container_topic_main { margin: 0; } } /* 资料下载结束 */ /* 第四部分结束 */ /* 主体结束 */ /* 底部开始 */ footer { background-image: url(/uploads/image/tjmimg/pc_bg_foot_index.png); background-repeat: no-repeat; width: 100%; } .footer_box { width: 1280px; margin: 0 auto; } footer .footer_p1 { /* width: 300px; */ width: 473px; margin: 0 auto; } footer .footer_pic { width: 100%; border-bottom: 1px solid #fff; } footer .footer_p1 img{ margin: 12px 0 12px 0; width: 100%; } footer .footer_box .footer_list li{font-size: 12px;} footer .footer_box .footer_list { float: left; width: 50%; color: white; line-height: 36px; } footer .footer_box .footer_weixin { float: left; width: 50%; margin-top: 30px; } footer .footer_box .footer_weixin h1 { font-family: "pingfang regular"; font-weight: normal; font-size: 12px; text-align: center; line-height: 30px; color: #fff; } footer .footer_box .footer_list h1 { font-family: "pingfang regular"; line-height: 40px; color: #fff; font-size: 18px; font-weight: 400; color: rgba(253, 251, 251, 1); } footer .footer_box .footer_weixin img { display: block; margin: 0 auto; } footer .footer_box .footer_list .footer_list_1 { margin-left: 30%; } footer .footer_box .footer_list ul { float: left; margin-left: 10%; margin-top: 20px; } footer .footer_box .footer_list ul li a { font-family: "pingfang regular"; font-weight: normal; font-size: 12px; text-align: center; line-height: 28px; color: #fff; } footer .footer_box .footer_list ul li a:hover { color: #0e8ae8; } footer .footer_banquan { font-family: "pingfang regular"; font-size: 14px; font-weight: 400; line-height: 36px; color: #fff; text-align: center; background-color: #0b6cb8; margin-top: 30px; opacity: 0.8; } /* 底部结束 */ /* 适配 */ @media (max-width:1300px) { .footer_box { width: 90%; } } @media only screen and (min-width:690px) and (max-width:840px) { footer .footer_box .footer_list .footer_list_1 { margin-left: 20%; } } @media only screen and (min-width:500px) and (max-width:690px) { footer .footer_box .footer_list .footer_list_1 { margin-left: 10%; } footer .footer_box .footer_list { width: 60%; } footer .footer_box .footer_weixin { width: 40%; } } @media only screen and (min-width:300px) and (max-width:500px) { footer .footer_box .footer_list .footer_list_1 { margin-left: 10%; } footer .footer_box .footer_list { width: 70%; } footer .footer_box .footer_weixin { width: 30%; } footer .footer_box .footer_list h1 { font-size: 16px; } footer .footer_p1 { width: 360px; } footer .footer_p1 img { margin: 8px 0 8px 0; } footer .footer_banquan { font-size: 12px; line-height: 24px; } } @media only screen and (min-width:370px) and (max-width:390px) { footer .footer_p1 { width: 340px; } footer .footer_box .footer_list .footer_list_1 { margin-left: 10%; } } @media only screen and (min-width:350px) and (max-width:370px) { footer .footer_p1 { width: 330px; } footer .footer_box .footer_list .footer_list_1 { margin-left: 0; } footer .footer_box .footer_list ul { margin-left: 5%; } } @media only screen and (min-width:300px) and (max-width:350px) { footer .footer_p1 { width: 300px; } footer .footer_box .footer_list .footer_list_1 { margin-left: 0; } footer .footer_box .footer_list ul { margin-left: 5%; } }