@charset "utf-8";
html { font-size: 100px;}
html,body { width: 100%; height: 100%; overflow-x: hidden; }
body { font-size: .2rem; background-color: #fff;}
@keyframes parentclm {
    0% { top: 1rem; opacity: 0;}
    100% { top: -1.66rem; opacity: 1;}
}
@keyframes sonlist {
    0% { top: 1.5rem; opacity: 0;}
    100% { top: -.99rem; opacity: 1;}
}
@keyframes sonlicrnt {
    0% { padding-left: .22rem;}
    50% { padding-left: .5rem;}
    100% { padding-left: .4rem;}
}
@keyframes breadcrumb {
    0% { padding-right:.5rem; opacity: 0;}
    100% { padding-right:.13rem; opacity: 1;}
}
@keyframes clmtitle {
    0% { margin-top: 0; opacity: 0;}
    100% { margin-top: -.8rem; opacity: 1;}
}
@keyframes content {
    0% { margin-top:.5rem; opacity: 0;}
    100% { margin-top:0; opacity: 1;}
}

.banner { line-height: 0;}
.banner img { width: 100%;}
.main { position: relative; box-sizing: border-box; width: 15rem; min-height: 5rem; margin: 0 auto; padding: 0 0 .4rem 3.54rem;}

/*左侧部分*/
.parentclm { position: absolute; left: 0; top: -1.66rem; z-index: 100; display: flex; justify-content: center; align-items: center; width: 2.84rem; height: 1.22rem; margin: 0 auto 0 0; font-size: .3rem; line-height: 1.2em; color: #fff; background: url(//www.qzmc.edu.cn/res/ygzclm02.jpg) no-repeat center/2.84rem 1.22rem; animation: parentclm .7s ease;}
.parentclm a { color: #fff;}
.sonlist { position: absolute; left: 0; top: -.99rem; z-index: 99; box-sizing: border-box; width: 2.94rem; min-height: 5.8rem; padding: .56rem .3rem .12rem .2rem; background: url(//www.qzmc.edu.cn/res/ygzclm01.jpg) no-repeat left bottom/2.94rem 5.8rem #ffeded; animation: sonlist both .7s ease .3s;}
.sonlist li { padding: .21rem 0; text-align: center; line-height: 1.2em; font-size: .2rem; color: #000; border-top: 1px dashed #e60112;}
.sonlist li:first-child { border: none;}
.sonlist li a { color: #000;}
.sonlist li:hover a { color: #e60012;}
.sonlist li.crnt { color: #e60012; font-weight: bold;}
.sonlist li.crnt a { padding-left: .4rem; color: #e60012; background: url(//www.qzmc.edu.cn/res/ygzclm04.png) no-repeat left center/.22rem .07rem; animation: sonlicrnt both .6s ease .6s;}

/*右侧部分*/
.breadcrumb { position: relative; z-index: 101; width: 50%; margin: .62rem 0 0 auto; padding-right:.13rem; font-size: .14rem; line-height: 1.2em; text-align: right; color: #999; animation: breadcrumb both 1s ease}
.breadcrumb a { color: #999;}
.breadcrumb a:hover { text-decoration: underline;}
.clmtitle { margin-top: -.8rem; padding: .4rem 4rem .23rem 0; font-size: .38rem; line-height: 1.5em; color: #363636; font-weight: bold; background: url(//www.qzmc.edu.cn/res/ygzclm03.png) no-repeat left bottom/11.46rem .03rem; animation: clmtitle both 1s ease .4s}
.detail { padding: .14rem 0; font-size: .16rem; line-height: .3rem; color: #595959;}
.detail span { margin-right: .4rem;}
.detail a { color: #595959;}
.detail a:hover { color: #000;}
.content { padding: .2rem 0; animation: content both 1s ease 1s}
.content .clmtext { font-size: .18rem; line-height: .38rem; color: #595959; word-wrap: break-word;}
.content .clmtext p { margin:.8em 0;}
.content .clmtext img,.content .clmtext video,.content .clmtext table { display: block; max-width: 100%; margin:0 auto;}
.content .clmtext .edit { padding: .2rem; text-align: right; font-size: .16rem; color: #999;}

.newslist { margin-bottom: 3.55rem; text-align: center;}
.newslist ul.news { padding: .4rem 0; text-align: left;}
.newslist ul.news li { display: flex; justify-content: space-between; align-items: center; margin-bottom: .3rem; padding: .2rem .5rem .2rem .3rem; background: #fffbf6;}
.newslist ul.news li .time { display: flex; justify-content: center; align-content: center; flex-wrap: wrap; width: .76rem; height: .72rem; line-height: .2rem; font-size: .11rem; color: #e60012; background: url(//www.qzmc.edu.cn/res/ygzdatebg3.png) no-repeat center/.76rem .72rem;}
.newslist ul.news li .time .day { padding: .05rem .1rem; font-size: .24rem;}
.newslist ul.news li .title { width: 8.75rem; font-size: .2rem; line-height: .24rem; color: #010101;}
.newslist ul.news li .title a { color: #010101;}
.newslist ul.news li:hover { background-image: linear-gradient(90deg,#d9560b,#e60012);}
.newslist ul.news li:hover .time { color: #fff; background: url(//www.qzmc.edu.cn/res/ygzdatebg4.png) no-repeat center/.76rem .72rem;}
.newslist ul.news li:hover .title,.newslist ul.news li:hover .title a { color: #fff;}

.imglist1,.imglist2 { text-align: center;}
.imglist1 ul.tw { overflow: hidden; padding-top: .3rem;}
.imglist1 ul.tw li { position: relative; float: left; width: 2.97rem; padding-bottom: .79rem; margin: 0 .55rem .5rem .25rem; background: #e0e0e0; border-radius: .1rem;}
.imglist1 ul.tw li .img { width: 100%;}
.imglist1 ul.tw li .zw { position: absolute; left: 0; bottom: .6rem; box-sizing: border-box; overflow: hidden; width: 1.55rem; height: .39rem; padding: 0 .2rem; font-size: .22rem; line-height: .39rem; color: #fff; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; border-radius: 0 0 .05rem 0; background-image: linear-gradient(to right,#e35729,#e60112);}
.imglist1 ul.tw li .xm { position: absolute; left: auto; right: 0; bottom: .18rem; box-sizing: border-box; max-width: 100%; height: .42rem; padding: 0 .25rem 0 .6rem; line-height: .42rem; font-size: .3rem; text-align: right; color: #363636; word-break: keep-all; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background: url(//www.qzmc.edu.cn/res/ygzjt2r.png) no-repeat center/.42rem .11rem; background-position: -.5rem center; transition: all ease .5s;}
.imglist1 ul.tw li:hover .xm { color: #e50011; font-weight: bold; background-position: left center;}
.imglist1 ul.tw li:nth-child(3n+1) { clear: both;}

.imglist2 ul.tw { overflow: hidden; margin: 0 -.15rem 0 0; padding-top: .3rem;}
.imglist2 ul.tw li { float: left; width: 3.72rem; height: 3.91rem; margin: 0 .15rem .4rem 0; background: url(//www.qzmc.edu.cn/res/ygzline2.png) no-repeat left 1.31rem/.17rem 1.72rem;}
.imglist2 ul.tw li .ad { width: .78rem; height: .2rem; margin: 0 0 .18rem auto; padding-left: .24rem; font-size: .16rem; line-height: .2rem; color: #5f5f5f; background: url(//www.qzmc.edu.cn/res/ygzwz.png) no-repeat left/.14rem .2rem;}
.imglist2 ul.tw li .img { width: 3.52rem; height: 1.98rem; margin:0 0 .85rem .2rem; border-radius: .1rem; overflow: hidden;}
.imglist2 ul.tw li .img img { width: 100%; height: 100%; transition: all ease .3s;}
.imglist2 ul.tw li .img:hover img { width: 104%; height: 104%; margin: -2%;}
.imglist2 ul.tw li .title { margin-bottom: .12rem; font-size: .18rem; font-weight: bold; text-align: left; color: #5f5f5f; transition: all ease .4s;}
.imglist2 ul.tw li .title a { display: block; overflow: hidden; color: #5f5f5f; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis;}
.imglist2 ul.tw li .title a:hover { color:#e60012}
.imglist2 ul.tw li .date { width: 1.05rem; height: .29rem; font-size: .12rem; line-height: .29rem; text-align: center; color: #5f5f5f; border: 1px solid #5f5f5f; border-radius:0 .1rem 0 .1rem; transition: all ease .4s;}
.imglist2 ul.tw li:hover .title,.imglist2 ul.tw li:hover .title a { color:#e60012}
.imglist2 ul.tw li:hover .date { color:#fff; background:#e60012; border-color: #e60012;}

/*附件*/
.fujian { margin: .2rem 0; padding: .2rem; font-size: .16rem; line-height: 1.5em; color: #666; background: rgba(0,0,0,.1);}
.fujian a { display: block; margin-bottom: .1rem; color: #666;}
.fujian a:hover { color: #000; text-decoration: underline;}

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