html,
body {
margin: 0;
padding: 0;
height: 100%;
width: 100%;
}
a,
a:hover,
a:focus,
a:link {
text-decoration: none;
}
::-webkit-input-placeholder {
/* WebKit browsers */
color: #fff;
}
:-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
color: #fff;
}
::-moz-placeholder {
/* Mozilla Firefox 19+ */
color: #fff;
}
:-ms-input-placeholder {
/* Internet Explorer 10+ */
color: #fff;
}
.wrap {
width: 100%;
background: #eeeeee;
padding-bottom: 80px;
}
.pos-fix {
position: fixed;
bottom: 0px;
left: 0px;
width: 100%;
background: white;
height: 80px;
justify-content: space-around;
display: flex;
align-items: center;
}
.pos-fix a {
display: flex;
justify-content: center;
flex-direction: column;
width: 50%;
}
.pos-fix a .fix {
background: #f29701;
width: 40px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
margin: 0px auto;
}
.pos-fix a .fix img {
width: 30px;
}
.pos-fix a .name {
color: #f29701;
text-align: center;
font-size: 14px;
margin-top: 5px;
}
.head-wrap {
width: 100%;
background: url(../m2021images/bg.jpg) no-repeat;
background-size: 100% 100%;
height: 420px;
}
.head-top {
display: flex;
padding: 15px 10px;
justify-content: space-between;
align-items: center;
}
.search-box {
display: flex;
border: 1px solid white;
height: 30px;
line-height: 30px;
border-radius: 15px;
padding: 0px 10px;
align-items: center;
justify-content: center;
flex: 1;
}
.search-box input {
background: transparent;
outline: 0;
border: 0px;
font-size: 12px;
color: white;
transform: scale(0.7);
position: relative;
top: 8px
}
.search-box .btn {
background:url(/style/m2021images/search.png) no-repeat;
width: 18px;
height: 18px;
background-size: cover;
position: relative;
float: right;
top: -15px
}
.search-box a {
display: block;
width: 15px;
}
.head-top .logo {
margin-right: 10px;
width: 150px;
}
.head-top .logo img {
width: 100%;
}
.search-box a img {
width: 15px;
}
.head-bom {
display: flex;
justify-content: space-between;
flex-flow: wrap;
}
.head-bom .item {
width: 25%;
margin-top: 30px;
}
.head-bom a {
font-size: 14px;
color: white;
}
.head-bom a .c-img {
display: flex;
width: 60px;
height: 60px;
border: 1px solid white;
justify-content: center;
align-items: center;
border-radius: 50%;
margin: 0px auto;
}
.head-bom a .name {
text-align: center;
margin-top: 8px;
}
.news-box {
padding: 15px;
background: white;
margin-bottom: 10px;
padding-top: 30px;
}
.news-title {
font-size: 20px;
color: #f29701;
display: flex;
justify-content: center;
align-items: center;
}
.news-title.kaoshi {
color: #78bdff;
}
.news-title.wangluo {
color: #01c7c0;
}
.news-title.kaifang {
color: #ff5e5e;
}
.news-title img {
margin-right: 10px;
width: 24px;
}
.news-list {
margin-top: 20px;
}
.news-list a {
display: flex;
margin-top: 15px;
}
.news-list a + a {
border-top: 1px solid #eee;
padding-top: 10px;
}
.news-list a img {
width: 120px;
border-radius: 5px;
margin-right: 10px;
}
.news-list a .content {
flex: 1;
padding-right: 20px;
position: relative;
}
.news-list a .content .name {
font-size: 14px;
color: #333;
}
.news-list a .content .des {
color: #6f6f6f;
font-size: 12px;
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
}
.news-list a .content .date {
font-size: 12px;
color: #959595;
margin-top: 6px;
}
.news-list a .content .arrow {
position: absolute;
right: -20px;
top: 50%;
width: 20px;
margin-top: -10px;
}
.han-shou-bao-ming-box {
display: flex;
flex-flow: wrap;
justify-content: space-between;
margin-top: 10px;
}
.han-shou-bao-ming-box a {
width: 22%;
margin-top: 15px;
}
.han-shou-bao-ming-box a .bm-box {
height: 150px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 5px;
}
.han-shou-bao-ming-box a .name {
text-align: center;
font-size: 14px;
margin-top: 5px;
color: #818181;
}
.han-shou-bao-ming-box a .bm-box img {
width: 50%;
}
.han-shou-bao-ming-box a .bm-box.bm1 {
background: #9dc825;
}
.han-shou-bao-ming-box a .bm-box.bm2 {
background: #69b6ee;
}
.han-shou-bao-ming-box a .bm-box.bm3 {
background: #f696b7;
}
.han-shou-bao-ming-box a .bm-box.bm4 {
background: #f3a388;
}
.han-shou-bao-ming-box a .bm-box.bm5 {
background: #4b9bee;
}
.han-shou-bao-ming-box a .bm-box.bm6 {
background: #ffc764;
}
.han-shou-bao-ming-box a .bm-box.bm7 {
background: #93aad6;
}
.han-shou-bao-ming-box a .bm-box.bm8 {
background: #fb6e7b;
}
.han-shou-bao-ming-box a .bm-box.bm9 {
background: #66c977;
}
.han-shou-bao-ming-box a .bm-box.bm10 {
background: #95e5ff;
}
.han-shou-bao-ming-box a .bm-box.bm11 {
background: #f3a388;
}
.han-shou-bao-ming-box a .bm-box.bm12 {
background: #ffea76;
}
.news-nav .link-list {
margin-top: 10px;
}
.news-nav .link-list a {
font-size: 14px;
color: #7b7b7b;
}
.news-nav .link-list a + a {
margin-right: 10px;
}
.nav-list-box {
display: flex;
justify-content: space-between;
flex-flow: wrap;
/* justify-content: space-evenly; */
}
.nav-list-box a {
display: flex;
width: 30%;
height: 30px;
justify-content: center;
align-items: center;
font-size: 12px;
color: #fe9756;
border: 1px solid #fe9756;
border-radius: 25px;
margin-top: 10px;
/* margin-right: 10px; */
}
.nav-list-box.kaoshi a {
color: #7abdff;
border: 1px solid #7abdff;
}
.nav-list-box.wangluo a {
color: #02c8c1;
border: 1px solid #02c8c1;
}
.nav-list-box.kaifang a {
color: #ff615e;
border: 1px solid #ff615e;
}
.nav-list-box a.light {
background-image: linear-gradient(#ffc473, #fd8065);
color: white;
}
.nav-list-box.kaoshi a.light {
background-image: linear-gradient(#9fd0ff, #7abdff);
color: white;
}
.nav-list-box.wangluo a.light {
background-image: linear-gradient(#36e8ea, #02c8c1);
color: white;
}
.nav-list-box.kaifang a.light {
background-image: linear-gradient(#ff9b5e, #ff615e);
color: white;
}
.news-nav {
border-bottom: 1px solid #eeeeee;
padding-bottom: 15px;
}
.news-zixun {
border-top: 1px solid #eeeeee;
border-bottom: 1px solid #eeeeee;
margin-top: 20px;
}
.news-zixun a {
display: flex;
font-size: 14px;
color: #6a6a6a;
padding: 10px 0px;
}
.news-zixun a .name {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.news-zixun a .hot {
color: #fe9756;
}
.news-zixun.kaoshi a .hot {
color: #7bbeff;
}
.news-zixun.wangluo a .hot {
color: #36e8ea;
}
.news-zixun.kaifang a .hot {
color: #ff5e5e;
}
.news-zixun a + a {
border-top: 1px solid #eeeeee;
}
.school-box {
display: flex;
justify-content: space-between;
margin-top: 20px;
}
.school-box .item {
width: 48%;
}
.school-box .item img {
width: 100%;
display: block;
}
.school-box .item .content {
background: #eeeeee;
padding: 10px 10px;
}
.school-box .item .content .title {
font-size: 16px;
font-weight: bold;
text-align: center;
color: #333;
}
.school-box .item .content .ct {
font-size: 12px;
color: #646464;
margin-top: 10px;
}
.btn-box {
display: flex;
justify-content: space-between;
margin-top: 10px;
}
.btn-box a {
font-size: 12px;
color: white;
padding: 4px 0px;
width: 49%;
text-align: center;
}
.btn-box a.btn1 {
background: #374f77;
}
.btn-box a.btn2 {
background: #4ead85;
}
.wen-da-box {
display: flex;
justify-content: space-between;
margin-top: 20px;
border-top: 1px solid #eee;
/* padding-bottom: 20px; */
flex-flow: wrap;
}
.wen-da-box .item {
width: 48%;
margin-top: 20px;
}
.wen-da-box .item .title {
font-size: 14px;
color: white;
height: 35px;
justify-content: center;
align-items: center;
display: flex;
}
.wen-da-box .item .title.t1 {
background: #f6ce00;
}
.wen-da-box .item .title.t2 {
background: #e3b379;
}
.wen-da-box .item .title.t3 {
background: #54cea9;
}
.wen-da-box .item .title.t4 {
background: #9985cc;
}
.wen-da-box .item .content {
width: 100%;
}
.wen-da-box .item .content a {
font-size: 14px;
color: #6a6a6a;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
display: block;
padding: 10px 0px;
}
.wen-da-box .item .content a + a {
border-top: 1px solid #eee;
}
.alink-box-lik {
height: 35px;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
font-size: 14px;
color: white;
background: #f29701;
border-radius: 25px;
margin-top: 30px;
}
.school-frame {
display: flex;
justify-content: space-between;
flex-flow: wrap;
margin-top: 20px;
}
.school-frame a {
display: flex;
background: #e5e5e5;
font-size: 12px;
color: #464545;
width: 24%;
justify-content: center;
flex-direction: column;
padding: 20px 0px;
text-align: center;
margin-top: 10px;
}
.school-frame.sz {
border-top: 1px solid #eee;
padding-top: 10px;
}
.school-frame.sz a {
background: white;
padding: 0px;
}
.school-frame.sz a img {
width: 100%;
}
.school-frame a .sch {
color: white;
}
.school-frame a.sch1 {
background: #4caafc;
}
.school-frame a.sch2 {
background: #e994dc;
}
.school-frame a.sch3 {
background: #f6ce00;
}
.school-frame a.sch4 {
background: #e3b379;
}
.wd-box {
display: flex;
justify-content: space-between;
flex-flow: wrap;
}
.wd-box a {
display: flex;
justify-content: center;
align-items: center;
width: 48%;
background: #eeeeee;
color: #333;
font-size: 12px;
height: 35px;
margin-top: 10px;
}
.wd-box a.more {
background: #3498db;
color: white;
width: 100%;
}
.no-border {
border: 0px !important;
}
.wen-da-box.da .item {
width: 48%;
}
.footer-wrap {
background: #6f6f6f;
color: #c6c6c6;
font-size: 12px;
padding: 10px 10px;
text-align: center;
}
.title-pp {
font-size: 18px;
text-align: center;
margin-top: 20px;
color: #f29701;
/* font-weight: bold; */
width: 100%;
}
.title-pp.kaoshi {
color: #78bdff;
}
.title-pp.wangluo {
color: #01c7c0;
}
.title-pp.kaifang {
color: #ff5e5e;
}
.pos-frame {
position: fixed;
left: 0px;
bottom: 0px;
height: 80px;
justify-content: space-between;
align-items: center;
display: flex;
background-color: rgba(0, 0, 0, 0.5);
width: 100%;
padding: 0px 10px;
box-sizing: border-box;
}
.pos-frame a {
font-size: 14px;
color: white;
}
.pos-frame a img {
width: 30px;
}
.pos-frame a.spe-btn {
display: flex;
width: 220px;
height: 50px;
color: white;
justify-content: center;
align-items: center;
border-radius: 25px;
font-size: 21px;
background: #ff0000;
}
.pos-frame a.spe-btn img {
margin-right: 5px;
}
.no-padding{
padding-bottom: 0px !important;
}
.h-content-wrap{
margin-top: 20px;
}
.h-content-wrap .l-title{
text-align: center;
}
.h-content-wrap .l-title img{
width: 80%;
}
.h-content-wrap .l-des{
display: flex;
color:white;
font-size: 12px;
justify-content: space-between;
width: 80%;
margin:0px auto;
margin-top: 5px;
}
.h-content-wrap .l-des span+span{
margin-left: 10px;
}
.h-content-wrap .l-circle{
width: 80%;
display: flex;
justify-content: space-between;
margin:0px auto;
margin-top: 20px;
}
.h-content-wrap .l-circle .cir{
border: 1px solid #f59703;
border-radius: 50%;
width: 70px;
height: 70px;
color: white;
font-size: 14px;
font-weight: bold;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
background: rgba(253, 158, 4, 0.1);
}
.hl-nav{
display: flex;
}
.hl-nav a,.hl-nav span{
font-size: 12px;
color:white;
}
.head-top.spel .hl-nav{
margin-right: 10px;
}
.header-low-box{
background-color: white;
padding: 10px;
border-bottom: 4px solid #eee;
}
.header-low-box a{
font-size: 12px;
color:#7b7b7b;
}
.no-ptop{
margin-top: 0px !important;
}
.ck-wd-box .item{
margin-top: 20px;
}
.ck-wd-box .item .title{
display: flex;
font-size: 12px;
align-items: center;
}
.ck-wd-box .item .title .wen{
font-size: 12px;
background-color: #f29701;
color:white;
padding:2px 4px;
border-radius: 5px;
margin-right: 4px;
}
.ck-wd-box .item .content{
font-size: 12px;
color:#333;
background-color: #ffda9d;
padding:10px;
border-radius: 5px;
height: 70px;
margin-top: 10px;
position: relative;
}
.ck-wd-box .item .content .sjx{
position: absolute;
left:20px;
bottom: -10px;
border-top: 10px solid #ffda9d;
border-left: 10px solid transparent;
}
.re-men-yuan-xiao-box{
display: flex;
flex-flow: wrap;
justify-content: space-between;
}
.re-men-yuan-xiao-box a{
width: 30%;
border:1px solid #eee;
font-size: 12px;
color:gray;
display: flex;
justify-content: center;
align-items: center;
height: 120px;
flex-direction: column;
margin-top: 15px;
}
.re-men-yuan-xiao-box a img{
width: 80px;
}
.re-men-yuan-xiao-box.zy a{
border:0px;
height: auto;
}
.re-men-yuan-xiao-box.zy a img{
width:100%;
}
.header-low-box.nm a{
border:1px solid #eee;
padding:2px 8px;
border-radius: 15px;
display: inline-block;
margin-top: 5px;
}
.header-low-box.nm a.active{
background-color: #f29701;
color:white;
border:0px;
}
.news-box.no-p-top{
padding-top: 0px;
padding-top: 10px;
}
.c-user{
display: flex;
align-items: center;
margin-top: 15px;
margin-left: 20px;
font-size: 12px;
color:gray;
}
.c-user .c-u{
display: flex;
align-items: center;
margin-right: 20px;
}
.c-user .c-u img{
width: 25px;
height: 25px;
border-radius: 50%;
margin-right: 5px;
}
.page-box {
display: flex;
justify-content: center;
margin-top: 60px;
padding-bottom: 40px;
}
.page-box span {
color: #f00;
padding: 5px 12px;
border: 1px solid #8d8b8b;
border-radius: 5px;
display: flex;
justify-content: center;
align-items: center;
}
.page-box a {
color: #333;
padding: 5px 12px;
border: 1px solid #8d8b8b;
border-radius: 5px;
display: flex;
justify-content: center;
align-items: center;
}
.page-box a + a {
margin-left: 5px;
}
.page-box a.arrowa-active {
background-color: #8d8b8b;
border: 0px;
color: white;
}
.page-box a.active {
color: white;
background: #f19800;
border: 0px;
}
.page-box a.arrow {
font-size: 18px;
}
.wen-zhang-page h2{
font-size: 16px;
text-align: center;
}
.wen-zhang-page .z-text{
text-align: center;
font-size: 12px;
color:gray;
}
.wen-zhang-page .content{
font-size: 12px;
color:#494949;
border-bottom: 1px solid #eee;
}
.wen-zhang-page .content p{font-family:'PingFang SC',SimHei,"Helvetica Neue",Helvetica,STHeiTi,sans-serif;padding-top:13px;padding-bottom:13px;font-weight: 300;line-height: 28px;font-size: 15px;color: #333;word-break: break-all;display: block;text-align: justify;}
.wen-zhang-page .content img{width:100%;height:auto !important;min-width:100%;max-width: 100%;display: block;vertical-align: middle;margin: 0 auto;}
.wen-zhang-page .content table{width:100%;color:#444;border-left:#bababa 1px solid !important;border-top:#bababa 1px solid !important;margin-top: 13px;margin-bottom: 13px;}
.wen-zhang-page .content table tr{border:#bababa 1px solid;}
.wen-zhang-page .content table tr:hover{ background:#d6d5d3;}
.wen-zhang-page .content table th{ border-right:#bababa 1px solid;border-bottom:#bababa 1px solid;background-color: #e9f5fc;}
.wen-zhang-page .content table td{ border-bottom:#bababa 1px solid; border-right:#bababa 1px solid; text-align:center; height:25px; font-size:13px;}
.wen-zhang-page .content table tbody{ border:#bababa 1px solid;}
.pp-page a{
font-size: 14px;
color:gray;
display: block;
margin-top: 10px;
}
.zxfs-box .item{
display: flex;
border:1px solid #f29701;
margin-top: 10px;
}
.zxfs-box .item .zf-img{
width: 50px;
height:50px;
background-color: #f29701;
display: flex;
justify-content: center;
align-items: center;
}
.zxfs-box .item .zf-img img{
width: 20px;
}
.zxfs-box .item .ct{
background-color: #eeeeee;
display: flex;
align-items: center;
padding-left: 10px;
box-sizing: border-box;
flex:1;
color:#818181;
font-size: 12px;
flex-flow: wrap;
}
.wenda-box{
background-color: #ffda9d;
padding: 15px;
position: relative;
padding-top: 30px;
}
.wenda-title{
position: absolute;
width: 80%;
top:0px;
left:10%;
background-color: #f29701;
color:white;
font-size: 14px;
height: 30px;
line-height: 30px;
text-align: center;
}
.wenda-content{
font-size: 12px;
color:#333;
}
.wenda-content p{
text-indent: 20px;
}
.wenda-content p img{
width: 100%;
height: auto !important;
min-width: 100%;
max-width: 100%;
display: block;
vertical-align: middle;
margin: 0 auto;
}
.bom-link-wx {
display: flex;
justify-content: center;
margin-top: 25px;
}
.bom-link-wx a{
font-size: 12px;
}
.bom-link-wx a.phone-btn {
height: 30px;
line-height: 30px;
border: 2px solid #f19800;
display: flex;
justify-content: center;
align-items: center;
color: #f19800;
border-top-left-radius: 25px;
border-bottom-left-radius: 25px;
padding: 0px 10px;
}
.bom-link-wx a.zx-btn {
height: 30px;
line-height: 30px;
border: 2px solid #f19800;
display: flex;
justify-content: center;
align-items: center;
color: white;
background-color: #f19800;
border-top-right-radius: 25px;
border-bottom-right-radius: 25px;
padding: 0px 10px;
padding-right: 30px;
}
.bom-link-wx a img {
margin-right: 5px;
width: 20px;
}
@media screen and (min-width: 320px) {
.head-wrap {
height: 320px;
}
.han-shou-bao-ming-box a .bm-box {
height: 80px;
}
.school-frame a {
width: 24%;
}
.school-frame a img{
width: 80%
}
.wen-da-box.da .item {
width: 100%;
}
.head-top.spel .hl-nav{
width:140px;
color: #fff;
}
.head-top.spel .search-box input{
width:60px;
}
.head-top.spel .search-box .btn{
width:18px;
}
}
@media screen and (min-width: 414px) {
.nav-list-box a {
font-size: 14px;
}
.school-frame a {
width: 24%;
}
.wen-da-box.da .item {
width: 48%;
}
}
@media screen and (min-width: 768px) {
.wrap {
width: 768px;
margin: 0px auto;
}
.head-wrap {
height: 450px;
}
.head-top .logo {
width: 220px;
margin-right: 100px;
}
.head-top {
padding: 30px;
}
.head-bom a {
font-size: 16px;
}
.head-bom .item {
margin-top: 35px;
}
.news-list a img {
width: 240px;
}
.han-shou-bao-ming-box a .bm-box {
height: 150px;
}
.han-shou-bao-ming-box a .name {
font-size: 20px;
}
}