@charset "utf-8";
html { font-size: 100px;}
html,body { width: 100%; height: 100%; overflow-x: hidden; }
body { font-size: .2rem; background-color: #fff;}
@keyframes main {
    0% { padding-top:1.1rem; opacity: 0;}
    100% { padding-top:.6rem; opacity: 1;}
}
@keyframes title {
    0% { background-position: -.5rem 1.48rem;}
    100% { background-position: 3.65rem 1.48rem;}
}

.bumentop { position:relative; padding-top: 2.07rem; background: url(//www.qzmc.edu.cn/res/ygzbumentopbg.jpg) no-repeat center top/100% auto;}
.bumentop .logo { position: absolute; left: 50%; top: .4rem; margin: 0 auto 0 -6.7rem; width: 4.28rem; height: .81rem;}
.bumentop .logo img { width: 100%;}
.banner { line-height:0}
.banner img { width:100%}
.crntbumen { position: absolute; left: 50%; top: .44rem; margin: 0 auto 0 -1.93rem; width: 5.4rem; font-size: .48rem; line-height: .7rem; font-weight: bold; color: #fff; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

.bumennav { position:absolute; left: 0; right: 0; top: 1.56rem; background: url(//www.qzmc.edu.cn/res/ygzbumen02.gif) repeat-x top/auto 100%}
.bumennav>ul { display: flex; justify-content: center; align-items: center; gap:.05rem .5rem; font-size: .22rem; line-height: .3rem; color: #fff;}
.bumennav>ul>li { padding: .1rem 0 .21rem;}
.bumennav>ul>li>a { color: #fff;}
.bumennav .menu { top: .61rem; padding: .2rem .45rem; background: rgba(255,252,249,.8); border-top: 2px solid #d6283e;}

#SlideArea1 { height: 3.34rem; line-height: 0;}
#SlideArea1 ul li img { width: 100%; height: 100%;}
.container { background: url(//www.qzmc.edu.cn/res/ygzbumenbg0.jpg) no-repeat center top/100% auto;}
.main { position: relative; box-sizing: border-box; overflow: hidden; width: 14rem; margin: 0 auto; padding: .6rem 0 0; animation: main both 1s ease}
.container2 { background: url(//www.qzmc.edu.cn/res/ygzbumensonsbg.jpg) no-repeat center bottom/100% auto;}
.main2 { width: 14rem; margin: 0 auto;}

#SlideArea2 { float: left; width: 6.56rem; height: 5.56rem; margin-bottom: .4rem; background: #fff;}
#SlideArea2 ul li img { height: 3.69rem;}
#SlideArea2 ul li .time { position: absolute; left: .62rem; top: 3.09rem; box-sizing: border-box; width: .96rem; height: 1.2rem; padding:.3rem 0 0; line-height: .36rem; font-size: .12rem; letter-spacing: .02rem; text-align: center; color: #fff; font-family: "宋体"; background: #e60112;}
#SlideArea2 ul li .time .day { display: block; font-size: .48rem; font-weight: bold; letter-spacing: 0;}
#SlideArea2 ul li .title { position: absolute; left: 1.86rem; top: 4rem; width: 4.5rem; height: .7rem; font-size: .22rem; color: #333; font-weight: bold;}
#SlideArea2 ul li .title a { color: #333;}
#SlideArea2 .num { bottom: .63rem;}
#SlideArea2 .pgUp { display: none;}
#SlideArea2 .pgDn { right: .5rem; top:4.6rem; width: .72rem; height:.31rem; margin-top:0; line-height:0; font-size:0; background:url(//www.qzmc.edu.cn/res/ygzbumen05.png) no-repeat center/.72rem .11rem; border-radius:0; opacity:1; filter:alpha(opacity=100); transform:scaleX(1); transition: all ease .3s;}
#SlideArea2 .pgDn:hover { right: .4rem; background:url(//www.qzmc.edu.cn/res/ygzbumen05.png) no-repeat center/.72rem .11rem; opacity:1; filter:alpha(opacity=100)}

.newsarea1 { float: right; width: 6.84rem; height: 5.56rem; margin-bottom: .4rem;}
.newsarea2 { float: left; width: 6.5rem; height: 4.8rem; margin-bottom: .1rem;}
.newsarea3 { float: right; width: 6.5rem; height: 4.8rem; margin-bottom: .1rem;}

.clmname0 { position: relative; height: .8rem; padding-left: .55rem; margin-bottom: .3rem; line-height: .75rem; font-size: .36rem; color: #333; text-align: left; font-weight: bold; background:url(//www.qzmc.edu.cn/res/ygzbumen01.png) no-repeat left/.35rem, url(//www.qzmc.edu.cn/res/ygzclm03.png) no-repeat left bottom/217% 3px;}
.clmname1 { clear: both; position: relative; height: .78rem; margin-bottom: .4rem; line-height: .75rem; font-size: .36rem; color: #333; text-align: center; font-weight: bold; background: url(//www.qzmc.edu.cn/res/ygzbumen01.gif) no-repeat center bottom/auto .03rem; }
.clmname2 { position: relative; height: .8rem; margin-bottom: .3rem; line-height: .75rem; font-size: .36rem; color: #333; text-align: left; font-weight: bold; background: url(//www.qzmc.edu.cn/res/ygzclm03.png) no-repeat left bottom/auto .03rem; background-size: 164% 3px;}
.clmname0 a,.clmname1 a,.clmname2 a { color: #333;}
.clmname0 .more,.clmname1 .more,.clmname2 .more { position: absolute; top: .2rem; right: .13rem; font-size: .16rem; line-height: .2rem; color: #616161; font-weight: normal; transition: all ease .4s;}
.clmname0:hover .more,.clmname1:hover .more,.clmname2:hover .more { letter-spacing: .02rem;}

.newslist0 ul li { display: flex; justify-content: space-between; margin-bottom: .25rem;}
.newslist0 ul li .time { box-sizing: border-box; width: .74rem; height: .74rem; padding:.1rem 0 0; line-height: .28rem; font-size: .12rem; letter-spacing: .01rem; text-align: center; color: #fff; background: #d80c18; border-radius: 3px;}
.newslist0 ul li .time .day { display: block; font-size: .28rem; font-weight: bold; letter-spacing: 0;}
.newslist0 ul li .title { box-sizing: border-box; width: 5.79rem; height: .96rem; padding: .05rem 1.2rem 0 0; line-height: .3rem; font-size: .22rem; color: #333; font-weight: bold; background: url(//www.qzmc.edu.cn/res/ygzjt2r.png) no-repeat -.5rem .55rem/.42rem .11rem; border-bottom: 1px solid #e8e8e8; transition: all ease .5s;}
.newslist0 ul li:hover .title { background-position: 5.18rem .55rem;}
.newslist0 ul li .title a { color: #333;}

.newslist1 { margin-bottom: .9rem;}
.newslist1 ul { display: flex; justify-content: space-between; flex-wrap: wrap;}
.newslist1 ul li { display: flex; width: 5.8rem; height: .66rem; margin-bottom: .3rem; padding: .2rem .8rem .2rem .1rem; font-size: .2rem; line-height: .26rem; background: #fff;}
.newslist1 ul li:hover { margin-bottom: .29rem; border-bottom: 1px solid #d80c18;}
.newslist1 ul li .time { width: 1.16rem; padding-top: .07rem; line-height: .28rem; font-size: .12rem; letter-spacing: .01rem; text-align: center; color: #d80c18; border-right: 1px solid #cbcbcb;}
.newslist1 ul li .time .day { display: block; font-size: .28rem; font-weight: bold; letter-spacing: 0;}
.newslist1 ul li .title { width: 4.64rem; padding-left: .3rem;}
.newslist1 ul li a { color: #333; font-weight: bold;}
.newslist2 { margin-bottom: .4rem; text-align: center;}
.newslist2 ul { display: flex; flex-wrap: wrap; justify-content: space-between; gap:.4rem;}
.newslist2 ul li { position: relative; width: 4.4rem; height: 2rem; padding: .2rem 0 0;}
.newslist2 ul li .title { box-sizing: border-box; overflow: hidden; height: 2rem; padding: .7rem .32rem .54rem; line-height: .3rem; font-size: .22rem; font-weight: bold; text-align: left; color: #333; background: #fff5ef;}
.newslist2 ul li .title a { color: #333;}
.newslist2 ul li:hover .title { background: url(//www.qzmc.edu.cn/res/ygzjt2r.png) no-repeat 3.65rem 1.48rem/.42rem .11rem #fff5ef; animation: title both .5s ease;}
.newslist2 ul li .time { position: absolute; top: 0; left: .3rem; width:.75rem; height:.75rem; box-sizing: border-box; padding:.1rem 0 0; font-size: .12rem; line-height: .32rem; color: #fff; letter-spacing: .02rem; background: #d80c18; border-radius: 3px;}
.newslist2 ul li .time .day { display: block; font-size: .28rem; font-weight: bold; letter-spacing: 0;}

.newslist3 ul li { margin-bottom: .13rem;}
.newslist3 ul li .time { width: 1.3rem; height: .2rem; line-height: .2rem; font-size: .14rem; color: #d80c18; text-align: center; letter-spacing: .02rem; background: url(//www.qzmc.edu.cn/res/ygzbumen04.gif) no-repeat left/.63rem .2rem #fff; border: 1px solid #d80c18;}
.newslist3 ul li .time .year { margin-right: .2rem; color: #fff;}
.newslist3 ul li .title { overflow: hidden; padding: .12rem 0; font-size: .2rem; line-height: .3rem; color: #333; font-weight: bold; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis;}
.newslist3 ul li .title a { color: #333;}
.newslist3 ul li .title a:hover { color: #d80c18;}

.bumensons { clear: both; height: 2.45rem; padding: .7rem 0 0;}
.bumensons ul.keji { display: flex; flex-wrap: wrap; gap: .3rem; width: 11.95rem; margin: 0 auto;}
.bumensons ul.keji li { overflow: hidden; width: 2.15rem; height: .65rem; font-size: .2rem; line-height: .24rem; color: #777; border-radius: .1rem 0 .3rem 0;}
.bumensons ul.keji li a {display: flex; justify-content: center; align-items: center; gap: .1rem; width: 100%; height: 100%; color: #777; background: #fff;}
.bumensons ul.keji li img { height:.44rem}
.bumensons ul.keji li:hover { color: #fff;}
.bumensons ul.keji li a:hover  { color: #fff; background: #d80c18;}
.bumensons ul.keji li .nom,.bumensons ul.keji li:hover .hov { display: inline;}
.bumensons ul.keji li .hov,.bumensons ul.keji li:hover .nom { display: none;}

.bumensons ul.jicai { display: flex; gap: .3rem; width: 10.7rem; margin: 0 auto;}
.bumensons ul.jicai li { display: flex; justify-content: center; flex-wrap: wrap; align-content: space-between; overflow: hidden; width: 2.8rem; height: 1.6rem; border-radius: .1rem;}
.bumensons ul.jicai li a { display: flex; justify-content:flex-start; align-items: center; gap: .02rem; box-sizing: border-box; width: 2.8rem; height: .7rem; padding-left: .12rem; color: #333; background: #fff5ef; border-radius: .1rem;}
.bumensons ul.jicai li a:hover { color: #fff; background: #d80c18;}
.bumensons ul.jicai li img { width:.29rem; height:.36rem;}
.bumensons ul.jicai li:first-child { width: 1.6rem; text-align: center;}
.bumensons ul.jicai li:first-child a { justify-content: center; flex-wrap: wrap; gap: .15rem; align-content: center; width: 100%; height: 100%; padding: 0;}
.bumensons ul.jicai li:first-child img { width:.65rem; height:.54rem; padding: 0 .4rem;}
.bumensons ul.jicai li:nth-child(4) { justify-content: flex-start; box-sizing: border-box; width: 2.6rem; padding:.05rem 0 .05rem .12rem; font-size: .14rem; line-height: .24rem; color: #868686; background: #fff5ef;}
.bumensons ul.jicai li:nth-child(4) .red { color:#d80c18}
.bumensons ul.jicai>li>.nom,.bumensons ul.jicai>li a .nom,.bumensons ul.jicai>li:hover>.hov,.bumensons ul.jicai>li a:hover .hov { display: inline;}
.bumensons ul.jicai>li>.hov,.bumensons ul.jicai>li a .hov,.bumensons ul.jicai>li:hover>.nom,.bumensons ul.jicai>li a:hover .nom { display: none;}

.bumensons ul.jiaowu { display: flex; justify-content: space-between; width: 11.1rem; margin: 0 auto;}
.bumensons ul.jiaowu li { overflow: hidden; width: 1.6rem; height: 1.6rem; font-size: .2rem; line-height: .24rem; text-align: center; color: #777; border-radius: .1rem;}
.bumensons ul.jiaowu li a { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; align-content: center; width: 100%; height: 100%; color: #777; background: #fff;}
.bumensons ul.jiaowu li:hover a { color: #fff; background: #d80c18;}
.bumensons ul.jiaowu li img { width:.64rem; height:.54rem; padding: 0 .4rem .12rem;}
.bumensons ul.jiaowu li .nom,.bumensons ul.jiaowu li:hover .hov { display: inline;}
.bumensons ul.jiaowu li .hov,.bumensons ul.jiaowu li:hover .nom { display: none;}

.yqlinks { clear:both; padding-top:.6rem; margin-bottom:.6rem; background:url(//www.qzmc.edu.cn/res/ygzyuanxi10.gif) repeat-x center .9rem/auto 1px;}
.yq { display:block; width:5em; margin:0 auto .2rem; padding:0 .2rem; line-height:2em; text-align:center; font-size:.3rem; font-weight:bold; background:#fff}
.links { display:flex; justify-content: flex-start; flex-wrap:wrap; gap:.3rem .4rem; font-size:.18rem; line-height:1.5em }
.links a { word-break:keep-all; color:#666;}
.links a:hover { text-decoration:underline}

.shuipiao { display:flex; justify-content: space-between; gap:.2rem 5%; padding:.5rem 0}
.shuipiao li { width:30%; font-size: .18rem; line-height: 2em; color: #333; }
.shuipiao li .red { color:#d80c18}

@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; }
}
@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; }
}