@charset "utf-8";
/* CSS Document */
html { font-size: 100px;}
body { font-size: .18rem;}
body.column { background:url(//www.qzmc.edu.cn/res/clmbg1.jpg) no-repeat center top #fff; background-size: 100% auto;}
body.zuzhijigou { background:url(//www.qzmc.edu.cn/res/zzjgbg.jpg) no-repeat center bottom #fff; background-size: cover;}
body.bushi { background:url(//www.qzmc.edu.cn/res/clmbg3.jpg) no-repeat center top #fff; background-size: 100% auto;}

.zongclm { position: absolute; left: 22%; top: 1rem; width: 56%; font-size: .42rem; line-height: 1.2em; color:#000; font-weight: bold; text-align: left;}
.breadcrumb { position: absolute; left: 22%; top: 1.2rem; width: 56%; font-size: .16rem; line-height: 1.2em; color: #000; text-align: right;}
.bushi .breadcrumb { position:inherit; left:auto; top:auto; width:auto; float: right; height: .32rem; margin-bottom: .15rem;   border-bottom: 1px solid #e0e0e0;}
.breadcrumb a { color: #000;}
.breadcrumb a:hover { color: #e60012;}

.column .main { width: 52%; min-height: 10.8rem; overflow: hidden; margin: 1.9rem auto .4rem; padding: .5rem 2%; text-align: center; background: #fffefb; border-radius: .7rem 0 .7rem 0;}
.bushi .main { width: 52%; min-height: 10.8rem; overflow: hidden; margin: 0 auto .4rem; padding: .4rem 2%; text-align: center; background: #fff;}

/*通用*/
.sidemenu { float: left; width: 16%; }
.sidemenu li { height: .66rem; overflow: hidden; padding: .03rem; font-size: .28rem; line-height: .66rem; color: #7b7b7a; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; border-top: 1px solid #e0e0e0; cursor: pointer;}
.sidemenu li:first-child { border: none;}
.sidemenu li:hover,.sidemenu li.hover  { color: #fff; font-weight: bold; background: url(//www.qzmc.edu.cn/res/tabmenubg.png) no-repeat center; background-size: 100% .66rem;}
.sidemenu li a { color: #7b7b7a;}
.sidemenu li a:hover { color: #fff;}
.content { float: right; width: 75%; }
.bushi .content { width: 78%; }

.newslist ul { margin: 0 auto .3rem;}
.newslist ul li { overflow: hidden; line-height: .48rem;}
.newslist ul li .ti { float: left; width: 80%; overflow: hidden; text-align: left; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; font-size: .2rem; color: #363636; }
.newslist ul li .shi { float: right; font-size: .16rem; color: #363636;}
.newslist ul li a:hover { color: #e60012; }

.imgslist ul { overflow: hidden; margin: 0 auto .3rem; }
.imgslist ul li { float: left; width: 25%; overflow: hidden; margin: 0 4% .4rem; font-size: .2rem; color: #363636; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis;}
.imgslist ul li:nth-child(3n+1) { clear: both;}
.content .imgslist ul li { width: 42%; margin: 0 4% .4rem; }
.content .imgslist ul li:nth-child(2n+1) { clear: both;}
.content .imgslist ul li:nth-child(3n+1) { clear: none;}
.imgslist ul li a { color: #363636; }
.imgslist ul li a:hover { color: #e60012; }
.imgslist ul li img { display: block; width: 100%; margin-bottom: .1rem;}

.more { display: block; width: .84rem; height: .33rem; margin: 0 0 auto auto; line-height: .33rem; font-size: .16rem; color: #fff; background: url(//www.qzmc.edu.cn/res/tabmenubg.png) no-repeat center; background-size: 100% 100%;}
.more:hover { font-size: .17rem;}
.more1 { display: block; width: .25rem; height: 100%; margin-right: .2rem; background: url(//www.qzmc.edu.cn/res/more1.png) no-repeat center; background-size: 100% .05rem;}
.more1:hover { background-image: url(//www.qzmc.edu.cn/res/more.png);}

.title { padding: 0 0 .2rem; font-size: .38rem; line-height: 1.5em; font-weight: bold; color: #363636; border-bottom: 1px solid #e0e0e0;}
.bushi.title { clear: both;}
.xx { margin-bottom: .3rem; font-size: .14rem; color: #000; line-height: .33rem; border-bottom: 1px solid #e0e0e0;}
.xx span { margin: 0 .05rem;}
.xx a { margin: 0 .1rem; font-size: .14rem; color: #666;}
.xx a:hover { color: #e60012;}
.zhengwen { text-align: justify; text-indent: 2em; font-size: .18rem; line-height: 2em; color: #363636;}
.zhengwen p { margin: .8em 0;}
.zhengwen img,.zhengwen video,.zhengwen table { display: block; max-width: 100%; height:auto; margin: 0 auto;} 
.zhengwen a { text-decoration: underline;}
.zhengwen a:hover { color: #e60012;}

/*部室*/
.top { display: flex; height: 1.5rem; align-items: center; justify-content: center;}
.top .logo { width: 4.29rem;}
.top .xian { width: 1px; height: .56rem; margin: 0 .2rem;}
.top .zongbushi { margin-right: 1rem; font-size: .48rem; line-height: 1.2em; color:#000; font-weight: bold;}
.top .zongbushi a { color:#000;}
.top .home { height: .34rem; margin: 0 .5rem 0 .3rem; padding-left: .42rem; font-size:.18rem; line-height: .34rem; color:#231815; background: url(//www.qzmc.edu.cn/res/icon51.png) no-repeat left center; background-size: auto 100%; cursor: pointer;}

.nav2 { display: flex; height: .47rem; align-items: center; justify-content: center; font-size: .18rem; color: #fff; background: #e60012;}
.nav2 a { margin: 0 .4rem; color: #fff;}

.bushibanner { line-height: 0;}
.bushibanner img { width: 100%;}
.bushit { clear: both; margin-bottom: .1rem;}
.bushiz { float: left; width: 48%; margin:0 1% .1rem;}

.bsimgnews { overflow: hidden;}
.bsimgnews li { float: left; overflow: hidden; width: 49%; padding: .2rem; text-align: left; box-sizing: border-box;}
.bsimgnews li .pic { float: left; width: 58%; margin: .1rem .2rem .1rem 0;}
.bsimgnews li .date { margin-bottom: .1rem; line-height: .4rem; font-size: .3rem; color: #666; font-weight: bold;}
.bsimgnews li .yearmonth { margin-bottom: .1rem; font-size: .14rem; line-height: .24rem; color: #ababab; }
.bsimgnews li .bt { font-size: .18rem; line-height: .22rem; color: #000; font-weight: bold;}
.bsimgnews li:nth-child(2n) { float:right;}
.bsimgnews li:hover { color: #fff; background-color: #ffce65;}
.bsimgnews li:hover .date,.bsimgnews li:hover .yearmonth,.bsimgnews li:hover .bt { color: #fff;}

.bsnewslist { overflow: hidden; font-size: .17rem; line-height: .4rem; text-align: left; color: #010101;}
.bsnewslist li { overflow: hidden; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis;}
.bsnewslist li a { color: #010101;}
.bsnewslist li a:hover { color: #e60012;}
.bushit .bsnewslist li { float: left; width: 48%;}
.bushit .bsnewslist li:nth-child(2n) { float: right;}
.bushiz .bsnewslist li::before { display: inline-block; content: ""; width: .1rem; height: .1rem; margin-right: .1rem; background-color: #e0e0e0; transform: rotate(45deg); transform-origin: bottom right;}

.clmname { display: flex; justify-content: space-between; align-items: center; height: .7rem; border-bottom: 1px solid #e0e0e0;}
.clmname a { font-size: .28rem; color: #e60012; font-weight: bold;}
.bushiz .clmname { margin-bottom: .1rem;}

.jiaowubtns { clear: both; display: flex; justify-content: space-between; margin: .3rem auto .2rem;}
.jiaowubtns a { width: 15.6%; height: 1.5rem; color: #ef4b26; font-size: .2rem; font-weight: bold; border: 1px solid #d4e1e1; border-radius: .1rem;}
.jiaowubtns a:hover { color: #fff; background-color: #ef4b26; border: 1px solid #ef4b26;}
.jiaowubtns a img { display: block; width: .64rem; height: .54rem; margin: .3rem auto .15rem;}
.jiaowubtns a .nom { display: block;}
.jiaowubtns a .hov { display: none;}
.jiaowubtns a:hover .nom { display: none;}
.jiaowubtns a:hover .hov { display: block;}

.kejibtns { clear: both; display: flex; justify-content: space-between; flex-wrap: wrap; margin: .3rem auto .2rem;}
.kejibtns a { display: flex; align-items: center; justify-content: center; width: 19%; height: .65rem; margin-bottom: .1rem; font-size: .2rem; color: #ef4b26; font-weight: bold; border: 1px solid #d4e1e1; border-radius: .1rem 0 .3rem 0;}
.kejibtns a:hover { color: #fff; background-color: #ef4b26; border: 1px solid #ef4b26;}
.kejibtns a img { width: auto; height: .44rem; }
.kejibtns a span { margin-left: .1rem; text-align: left;}
.kejibtns a .nom { display: block;}
.kejibtns a .hov { display: none;}
.kejibtns a:hover .nom { display: none;}
.kejibtns a:hover .hov { display: block;}

.jicaibtns { clear: both; display: flex; justify-content: space-between; margin: .3rem auto .2rem;}
.jicaibtns a { font-size: .2rem; color: #ef4b26; font-weight: bold; border: 1px solid #d4e1e1; border-radius: .1rem; box-sizing: border-box;}
.jicaibtns a.gongzi { width: 15%; text-align: center;}
.jicaibtns a.gongzi img { width: .65rem; height: .54rem; margin: .3rem auto .17rem;}
.jicaibtns a:hover { color: #fff; background-color: #ef4b26; border: 1px solid #ef4b26;}
.jicaibtns a .nom { display: block;}
.jicaibtns a .hov { display: none;}
.jicaibtns a:hover .nom { display: none;}
.jicaibtns a:hover .hov { display: block;}
.chayanbtns { display: flex; justify-content: space-between; flex-wrap: wrap; width: 56%; height: 1.6rem;}
.chayanbtns a { display: flex; align-items: center; justify-content:flex-start; width: 49.2%; height: .7rem; margin-bottom: .16rem; font-size: .18rem;}
.chayanbtns a img { width: .29rem; height: .36rem; margin-left: .2rem;}
.jicaidizhi { width: 25%; height: 1.4rem; padding: .1rem; font-size: .14rem; line-height: .24rem; text-align: left; color: #868686; background: #e0e0e0; border-radius: .1rem;}
.jicaidizhi .red { color: #ef4b26;}
.jicaidizhi p { overflow: hidden; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis;}



@media screen and (max-width:1728px){
    html{ font-size: 90px!important; }
}
@media screen and (max-width:1536px){
    html{ font-size: 80px!important; }
}
@media screen and (max-width:1344px){
    html{ font-size: 70px!important; }
}
@media screen and (max-width:1152px){
    html { font-size: 60px!important; }
    .info ul { padding: 0;}
}
@media screen and (max-width:960px){
    html{ font-size: 50px!important; }
}
@media screen and (max-width:768px){
    html{ font-size: 40px!important; }
}
@media screen and (max-width:576px){
    html{ font-size: 30px!important; }
	.bushiz .search { display: none; }
}