@charset "utf-8";
html { font-size: 100px;}
html,body { width: 100%; height: 100%; overflow-x: hidden; }
body { font-size: .2rem; background-color: #fffbf6;}
@keyframes sidemenu {
    0% { margin-top: 1rem; opacity: 0;}
    100% { margin-top: 0; opacity: 1;}
}
@keyframes licrnt {
    0% { padding-left: .6rem; background-position: left bottom,.06rem 0 ;}
    40% { background-position: left top,.06rem 0 ;}
    100% { padding-left: .94rem; background-position: left center,.06rem 0 ;}
}
@keyframes content {
    0% { margin-top: 1rem; opacity: 0;}
    100% { margin-top: 0; opacity: 1;}
}

.top { position: relative; height: 6.9rem;}
.menuArea { position: fixed; left: 0; right: 0; top: 0; z-index: 999; min-height: 1.83rem; background: url(//www.qzmc.edu.cn/res/ygznavbg.png) repeat-x top/auto 100%;}
.menuArea.yuanxi { position:absolute;}
.logo1 { position: absolute; top: .25rem; left: .3rem;}
.logo1 img { width: 3.77rem; height: .72rem;}
.yuanxi .logo1 { top: .4rem; left: 1.2rem;}
.yuanxi .logo1 img { width: 4.28rem; height: .81rem;}
.nav1 { position: absolute; left: 4.57rem; right: 0; top: .57rem; display: flex; justify-content: space-between; border-top: 1px solid rgba(255,255,255,.7); }
.nav1>ul { display: flex; padding-left: 1.7rem; justify-content: space-between; color: #fff;}
.nav1>ul>li { display: flex; height: .64rem; margin: 0 .22rem; font-size: .2rem; align-items: center; /* 垂直居中 */ cursor: pointer;}
.nav1>ul>li.xl { margin: 0 .05rem 0 .2rem; padding-right: .2rem; background: url(//www.qzmc.edu.cn/res/ygzjt7d.png) no-repeat right center/.14rem .08rem;}
.nav1>ul>li>a { color: #fff;}
.yuanxi .nav1 { display: block; left: 50%; right: auto; top: 1.3rem; margin: 0 0 0 -8.4rem; width: 16.8rem; border: none;}
.yuanxi .nav1>ul { justify-content: space-evenly; padding: 0;}
.yuanxi .nav1>ul>li { margin: 0; font-size: .22rem; font-weight: bold;}

.yuanxiname { position: absolute; left: 5.96rem; right: 30%; top: .5rem; overflow: hidden; font-size: .48rem; line-height: .6rem; word-break: keep-all; color: #fff;}
.bannerbg { height: 5.8rem; background: url(//www.qzmc.edu.cn/res/ygzyuanxi01.jpg) no-repeat center top/100% auto;}
.banner { position: absolute; left: 50%; top: 2rem; margin: 0 auto 0 -8.4rem; width: 16.8rem; height: 4.9rem; line-height: 0;}
.banner img { width: 100%; height: 100%;}
.crntclm { position: absolute; bottom: 0; left: 0; width: 7.85rem; height: .95rem; line-height: .95rem; font-size: .36rem; color: #fff; text-align: center; background: url(//www.qzmc.edu.cn/res/ygzyuanxi05.png) center/7.85rem .95rem;}
.breadcrumb { position: absolute; bottom: 0; right: 0; padding:0 1.3rem .25rem 0; font-size: .14rem; line-height: .2rem; text-align: right; color: #fff;}
.breadcrumb a { color: #fff;}
.container {position: relative; background: url(//www.qzmc.edu.cn/res/ygzyuanxi04.jpg) no-repeat center bottom/100% auto;}
.main { position: relative; box-sizing: border-box; width: 15rem; min-height: 5rem; margin: 0 auto; padding: .5rem .4rem; overflow: hidden;}

/*左侧部分*/
.sidemenu { float: left; padding: 0 0 0 .38rem; background: url(//www.qzmc.edu.cn/res/ygzyuanxi03.gif) repeat-y .06rem 0/1px auto; animation: sidemenu both .7s ease .3s;}
.sidemenu ul { width: 2.21rem; padding: .21rem .16rem 1rem .16rem; background-image: linear-gradient(0deg,#e60012,#d9560b);}
.sidemenu ul li { height: .67rem; padding-left: .4rem; font-size: .2rem; line-height: .67rem; border-bottom: 1px solid #fff;}
.sidemenu ul li a { color: #fff;}
.sidemenu ul li.crnt { height: .68rem; margin-left: -.54rem; padding-left: .94rem; color: #000; background: url(//www.qzmc.edu.cn/res/ygzyuanxi02.jpg) no-repeat left center/.12rem .41rem,url(//www.qzmc.edu.cn/res/ygzyuanxi03.gif) repeat-y .06rem 0/1px auto #fffbf6; border: none; animation: licrnt both .7s ease .5s;}
.sidemenu ul li.crnt a { color: #000;}

/*右侧部分*/
.content { float: right; width: 10.68rem; animation: content both .7s ease;}
.clmtitle { padding: 0 0 .3rem; font-size: .38rem; line-height: .38rem; color: #363636; font-weight: bold; text-align: center; background: url(//www.qzmc.edu.cn/res/ygzyuanxi07.gif) no-repeat center bottom/1.54rem .03rem,url(//www.qzmc.edu.cn/res/ygzyuanxi03.gif) repeat-x 0 .66rem/auto 1px}
.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: #fff;}
.newslist ul.news li .time { display: flex; justify-content: center; align-content: center; flex-wrap: wrap; width: .76remx; 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 span { box-sizing: border-box; width: 100%; text-align: center;}
.newslist ul.news li .time .day { padding: .05rem .21rem; font-size: .24rem;}
.newslist ul.news li .time .ym { font-size: .11rem;}
.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;}

.articletitle { padding: .4rem 0 .23rem 0; font-size: .38rem; line-height: 1.5em; color: #363636; font-weight: bold; border-bottom: 1px solid #e0e0e0;}
.detail { padding: .14rem 0; font-size: .16rem; line-height: .3rem; color: #595959; background: url(//www.qzmc.edu.cn/res/ygzyuanxi07.gif) no-repeat left bottom/1.54rem 2px;}
.detail span { margin-right: .4rem;}
.detail a { color: #595959;}
.detail a:hover { color: #000;}
.clmtext { padding: .2rem .8rem .2rem 0; font-size: .18rem; line-height: .38rem; color: #595959;}
.clmtext p { margin:.8em 0;}
.clmtext img,.clmtext video,.clmtext table { display: block; max-width: 100%; margin: 0 auto;}
.edit { margin-bottom: .3rem; padding:0 1rem 0 .2rem; text-align: right; font-size: .16rem; color: #999;}
.related { margin-bottom: 1.1rem; padding: .2rem 0; font-size: .18rem; line-height: .28rem; color: #333; border-top: 1px solid #e0e0e0;}
.related li { padding: .05rem 0;}
.related li a { color: #333;}
.related li a:hover { text-decoration: underline;}

/*附件*/
.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; }
}