354 lines
6.7 KiB
CSS
354 lines
6.7 KiB
CSS
|
@charset "utf-8";
|
||
|
|
/* CSS Document */
|
||
|
|
|
||
|
|
body,div,ol,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,form,fieldset,legend,input{ margin:0; padding:0;}
|
||
|
|
html { width: 100%; font-family: 'Microsoft YaHei'; font-size: 100px; outline: 0; -webkit-text-size-adjust:none;}
|
||
|
|
body { width:100%; margin: 0; -webkit-user-select: none; position: relative; background: url(../images/bg01.jpg) top repeat-x #353c47; background-size:100% 3.2rem }
|
||
|
|
input:focus { outline:none; }
|
||
|
|
@font-face {
|
||
|
|
/* font-properties */
|
||
|
|
font-family: pictos;
|
||
|
|
src:url(../font/myfont.TTC),
|
||
|
|
url(../font/myfont.TTC),
|
||
|
|
url(../font/myfont.TTC); /* IE9 */
|
||
|
|
}
|
||
|
|
.font-face{
|
||
|
|
font-family: pictos;
|
||
|
|
}
|
||
|
|
@font-face {
|
||
|
|
/* font-properties */
|
||
|
|
font-family: my-font;
|
||
|
|
src: url(../font/myfont.TTC);
|
||
|
|
}
|
||
|
|
.font-face2{
|
||
|
|
font-family: my-font;
|
||
|
|
color: green;
|
||
|
|
}
|
||
|
|
a:hover,a:link,a:visited,a{ text-decoration:none;}
|
||
|
|
ul,li{list-style:none}
|
||
|
|
#_centent{ padding-bottom:1.1rem; padding-top:0.9rem;}
|
||
|
|
header{ position: fixed; top:0;left:0;right:0; width: 7.5rem; height: 0.84rem; background-color: #e8376b; z-index:9999}
|
||
|
|
.clear{
|
||
|
|
clear:both;}
|
||
|
|
|
||
|
|
.logo{
|
||
|
|
padding-top:0.5rem;
|
||
|
|
padding-bottom:0.5rem;
|
||
|
|
text-align:center;}
|
||
|
|
.logo img{ width:70%}
|
||
|
|
|
||
|
|
.box{
|
||
|
|
background:#fff;
|
||
|
|
margin:0 0.2rem 0.1rem 0.2rem}
|
||
|
|
.padding{ padding:0.1rem;}
|
||
|
|
|
||
|
|
|
||
|
|
.mune{ }
|
||
|
|
.mune ul{
|
||
|
|
margin:0;}
|
||
|
|
.mune ul li{
|
||
|
|
width:19.5%;
|
||
|
|
text-align:center;
|
||
|
|
padding:0.15rem 0;
|
||
|
|
float:left;
|
||
|
|
border-bottom:solid 1px #eaebeb;
|
||
|
|
border-right:solid 1px #eaebeb;
|
||
|
|
}
|
||
|
|
.mune ul li a{
|
||
|
|
font-size:0.2rem;
|
||
|
|
color:#363636;
|
||
|
|
display:block;}
|
||
|
|
.mune ul li img{
|
||
|
|
width:0.52rem;
|
||
|
|
margin-top:0.1rem;
|
||
|
|
margin-bottom:0.1rem}
|
||
|
|
.mune-div{
|
||
|
|
background:url(../images/icon22.png) no-repeat;
|
||
|
|
background-size:100%;
|
||
|
|
margin:0 auto;
|
||
|
|
width:0.75rem;
|
||
|
|
height:0.75rem;}
|
||
|
|
.input{
|
||
|
|
background:#fff;
|
||
|
|
border:solid 1px #e3e3e3;
|
||
|
|
border-radius:0.1rem;
|
||
|
|
line-height:0.36rem;
|
||
|
|
width:75%;
|
||
|
|
float:left;
|
||
|
|
font-size:0.2rem;
|
||
|
|
padding:0.1rem 0.1rem;}
|
||
|
|
.button{
|
||
|
|
width:20%;
|
||
|
|
float:right;
|
||
|
|
border-radius:0.1rem;
|
||
|
|
line-height:0.56rem;
|
||
|
|
height:0.56rem;
|
||
|
|
border:none;
|
||
|
|
cursor:pointer;
|
||
|
|
color:#fff;
|
||
|
|
font-size:0.2rem;
|
||
|
|
background: url(../images/icon9.png) no-repeat 0.1rem 0.15rem #42a6b4;
|
||
|
|
background-size:0.3rem;}
|
||
|
|
|
||
|
|
/*标题*/
|
||
|
|
.bt{
|
||
|
|
background:url(../images/icon10.png) no-repeat 0.16rem 0.36rem;
|
||
|
|
background-size:0.2rem ;
|
||
|
|
padding-left:0.45rem;
|
||
|
|
padding-top:0.2rem;
|
||
|
|
font-size:0.24rem;
|
||
|
|
height:0.5rem;
|
||
|
|
line-height:0.5rem;
|
||
|
|
border-bottom: solid 1px #eaebeb}
|
||
|
|
|
||
|
|
.tzgg{
|
||
|
|
padding:0.2rem;
|
||
|
|
border-bottom:solid 1px #eaebeb;}
|
||
|
|
.tzgg-left{
|
||
|
|
float:left;
|
||
|
|
width:20%;
|
||
|
|
text-align:center;}
|
||
|
|
.tzgg-left a{
|
||
|
|
display:block;
|
||
|
|
text-align:center;
|
||
|
|
color:#404040;
|
||
|
|
font-size:0.2rem;}
|
||
|
|
.tzgg-left a img{
|
||
|
|
width:50%;
|
||
|
|
margin-bottom:0.1rem;}
|
||
|
|
.tzgg-list{
|
||
|
|
float:right;
|
||
|
|
width:80%;
|
||
|
|
padding-top:0.18rem;}
|
||
|
|
.tzgg-list li{
|
||
|
|
height:0.38rem;
|
||
|
|
line-height:0.38rem;}
|
||
|
|
.tzgg-list a{
|
||
|
|
display:block;
|
||
|
|
float:left;
|
||
|
|
font-size:0.26rem;
|
||
|
|
color:#989898;}
|
||
|
|
.tzgg-list p{
|
||
|
|
float:right;
|
||
|
|
color:#999;
|
||
|
|
font-size:0.26rem}
|
||
|
|
|
||
|
|
/*三个板块*/
|
||
|
|
.img3{
|
||
|
|
padding:0 0.07rem;}
|
||
|
|
.img3 li{
|
||
|
|
float:left;
|
||
|
|
width:32.2%;
|
||
|
|
margin:0 0.5%;}
|
||
|
|
.img3 li img{
|
||
|
|
width:100%;}
|
||
|
|
/*常用链接*/
|
||
|
|
.cylj{
|
||
|
|
padding:0.2rem;}
|
||
|
|
.cylj li{
|
||
|
|
float:left;
|
||
|
|
width:33%;}
|
||
|
|
.cylj li a{
|
||
|
|
display:block;
|
||
|
|
font-size:0.24rem;
|
||
|
|
color:#999;
|
||
|
|
padding-left:0.2rem;
|
||
|
|
padding-right:0.2rem;
|
||
|
|
line-height:0.46rem;
|
||
|
|
background:url(../images/icon18.png) no-repeat 0rem 0.15rem;
|
||
|
|
background-size:0.1rem 0.1rem;}
|
||
|
|
/*foot*/
|
||
|
|
.foot{
|
||
|
|
width:96%;
|
||
|
|
line-height:0.3rem;
|
||
|
|
text-align:center;
|
||
|
|
font-size:0.14rem;
|
||
|
|
color:#fff;
|
||
|
|
padding:2%;
|
||
|
|
background:#646464}
|
||
|
|
|
||
|
|
/*教学团队*/
|
||
|
|
.jxtd{
|
||
|
|
width:49%;
|
||
|
|
float:left;
|
||
|
|
height:2rem;
|
||
|
|
|
||
|
|
position:relative}
|
||
|
|
.jxtd-bt{
|
||
|
|
background: rgba(67,67,67, 0.7);
|
||
|
|
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f434343, endColorstr=#7f434343);
|
||
|
|
position:absolute;
|
||
|
|
bottom:0;
|
||
|
|
left:0;
|
||
|
|
right:0;
|
||
|
|
height:0.4rem;
|
||
|
|
line-height:0.4rem;
|
||
|
|
text-align:center;
|
||
|
|
font-size:0.2rem;
|
||
|
|
z-index:9999;
|
||
|
|
color:#fff;}
|
||
|
|
.jxtd img{
|
||
|
|
height:2rem;}
|
||
|
|
/*名师风采*/
|
||
|
|
.msfc{
|
||
|
|
width:49%;
|
||
|
|
float:right;
|
||
|
|
height:2rem;
|
||
|
|
position:relative}
|
||
|
|
.msfc img{
|
||
|
|
height:2rem;}
|
||
|
|
.jxtd-bt2{
|
||
|
|
background: rgba(67,67,67, 0.7);
|
||
|
|
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f434343, endColorstr=#7f434343);
|
||
|
|
height:0.4rem;
|
||
|
|
line-height:0.4rem;
|
||
|
|
text-align:center;
|
||
|
|
font-size:0.2rem;
|
||
|
|
z-index:9999;
|
||
|
|
color:#fff;
|
||
|
|
width:100%;
|
||
|
|
display:block;
|
||
|
|
position:absolute;
|
||
|
|
bottom:0.24rem;
|
||
|
|
left:0;
|
||
|
|
z-index:999;
|
||
|
|
right:3rem}
|
||
|
|
|
||
|
|
.totop{
|
||
|
|
position:fixed;
|
||
|
|
bottom:0.4rem;
|
||
|
|
right:0.17rem;
|
||
|
|
text-align:right;
|
||
|
|
width:1.2rem;}
|
||
|
|
.totop img{
|
||
|
|
width:50%}
|
||
|
|
|
||
|
|
/*投诉建议*/
|
||
|
|
.tsjj{
|
||
|
|
padding:0.2rem 0;
|
||
|
|
text-align:center;}
|
||
|
|
.input33{
|
||
|
|
background:#fff;
|
||
|
|
border:solid 1px #e3e3e3;
|
||
|
|
border-radius:0.1rem;
|
||
|
|
line-height:0.36rem;
|
||
|
|
width:80%;
|
||
|
|
font-size:0.2rem;
|
||
|
|
margin-bottom:0.2rem;
|
||
|
|
padding:0.05rem 0.05rem;}
|
||
|
|
.button33{
|
||
|
|
width:82%;
|
||
|
|
border-radius:0.1rem;
|
||
|
|
line-height:0.56rem;
|
||
|
|
border:none;
|
||
|
|
cursor:pointer;
|
||
|
|
color:#fff;
|
||
|
|
font-size:0.2rem;
|
||
|
|
background:#42a6b4;}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
/*人员列表*/
|
||
|
|
#category-head{
|
||
|
|
width:100%;
|
||
|
|
height:2.3rem;
|
||
|
|
display: inline;
|
||
|
|
white-space: nowrap;/*规定段落中的文本不进行换行*/
|
||
|
|
overflow-x:scroll;/*水平方向，超出部分添加滚动机制*/
|
||
|
|
float:left;/*一定要设置左侧浮动*/
|
||
|
|
overflow-y:hidden/*竖直方向，超出部分隐藏*/
|
||
|
|
}
|
||
|
|
#category-head li{
|
||
|
|
text-align:center;
|
||
|
|
font-size:0.26rem;
|
||
|
|
display:inline-block;
|
||
|
|
padding:0.2rem 0 ;
|
||
|
|
margin:0;
|
||
|
|
width:2rem;
|
||
|
|
border-right:solid 1px #eaebeb;
|
||
|
|
/*既可以水平排列，又可以设置宽高和边距*/
|
||
|
|
}
|
||
|
|
#category-head li a{
|
||
|
|
display:block;
|
||
|
|
color:#666;
|
||
|
|
text-align:center;}
|
||
|
|
|
||
|
|
#category-head img{
|
||
|
|
width:0.52rem;
|
||
|
|
margin-top:0.1rem;}
|
||
|
|
.div-box3{
|
||
|
|
background:#fff;
|
||
|
|
padding:0.1rem 0rem 0.2rem 0rem;
|
||
|
|
border-bottom:solid 1px #d5d5d5;
|
||
|
|
border-top:solid 1px #d5d5d5;
|
||
|
|
margin:0 0.2rem 0.1rem 0.2rem}
|
||
|
|
|
||
|
|
.two-list{
|
||
|
|
width:90%;
|
||
|
|
margin:0 auto;
|
||
|
|
padding-top:0.18rem;
|
||
|
|
padding-bottom:0.2rem}
|
||
|
|
.two-list li{
|
||
|
|
height:0.52rem;
|
||
|
|
line-height:0.52rem;
|
||
|
|
padding-left:0.2rem;
|
||
|
|
background: url(../images/icon21.png) no-repeat left;
|
||
|
|
background-size:0.1rem;
|
||
|
|
border-bottom: dotted 1px #d5d5d5 }
|
||
|
|
.two-list a{
|
||
|
|
display:block;
|
||
|
|
float:left;
|
||
|
|
font-size:0.26rem;
|
||
|
|
color:#989898;}
|
||
|
|
.two-list p{
|
||
|
|
float:right;
|
||
|
|
color:#999;
|
||
|
|
font-size:0.26rem}
|
||
|
|
|
||
|
|
|
||
|
|
.more{
|
||
|
|
text-align:center;
|
||
|
|
padding:0.2rem;
|
||
|
|
width:100%;
|
||
|
|
margin:0 auto;}
|
||
|
|
.more a{
|
||
|
|
display:block;
|
||
|
|
text-align:center;
|
||
|
|
font-size:0.16rem;
|
||
|
|
color:#666}
|
||
|
|
|
||
|
|
/*文章页*/
|
||
|
|
.text{
|
||
|
|
padding:0.5rem 0.2rem;
|
||
|
|
font-size:0.2rem;
|
||
|
|
line-height:0.46rem;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
.text h2{
|
||
|
|
font-size:0.28rem;
|
||
|
|
text-align:center;}
|
||
|
|
.text p{text-indent:0.2rem;
|
||
|
|
color:#666;
|
||
|
|
font-size:0.26rem; }
|
||
|
|
|
||
|
|
|
||
|
|
.kstd{ }
|
||
|
|
.kstd ul{
|
||
|
|
margin:0;}
|
||
|
|
.kstd ul li{
|
||
|
|
width:24.5%;
|
||
|
|
text-align:center;
|
||
|
|
padding:0.15rem 0;
|
||
|
|
float:left;
|
||
|
|
border-bottom:solid 1px #eaebeb;
|
||
|
|
border-right:solid 1px #eaebeb;
|
||
|
|
}
|
||
|
|
.kstd ul li a{
|
||
|
|
font-size:0.2rem;
|
||
|
|
color:#363636;
|
||
|
|
display:block;
|
||
|
|
line-height:0.36rem;}
|
||
|
|
.kstd ul li img{
|
||
|
|
width:66%;
|
||
|
|
background-size:100%;
|
||
|
|
margin-bottom:0.1rem}
|