@CHARSET "UTF-8";

header div.nav-bar{margin-top: 0;}
header.t1 div.back{display: none;}

main.t1>div.container, a.container{margin: 0 !important; max-width: 10000px; padding: 0;}
div.content{display: flex; flex-direction: column; align-items: stretch;}
div.view.full{}


div.view.v1 div.video{margin-top: 1.7rem; width: 100vw; height: 56.15vw; position: relative; display: flex; align-items: center; justify-content: center; overflow: hidden; flex-direction: column;}
div.view.v1  div.video span{position: absolute; font-size: 1.4em; z-index: 10; font-size: 8vw; color: white;  width: 100%; height: 100%; display: flex; flex-direction:column; align-items: center; justify-content: center;}
div.view.v1  div.video span b{display: block; font-size: 1.5em; font-weight: normal;}
div.view.v1  div.video img{width:100%; height: auto;}

div.view.v1 div.container{display: none;}
div.view.v1 div.container newslist{display: flex; flex-direction: column-reverse; padding-top: 20vw; font-size: 4vw;}
div.view.v1 div.container newslist div h1{margin-bottom: 58vw; margin-top: -70vw; font-size: 0.85rem; line-height: 1.28rem; font-weight: bold;color: #1D39C4; position: relative;}
div.view.v1 div.container newslist div h1:after{ display: block;width: 1.06rem;height: 0.213rem;background: #1D39C4;content: '';}
div.view.v1 div.container newslist div p{margin:2vw 0;}
div.view.v1 div.container newslist div p a{color: rgba(0, 0, 0, 0.85);}
div.view.v1 div.container newslist div p a:before{}
div.view.v1 div.container newslist a.top{height: 50vw; position: relative; border-radius: 0.213rem; overflow: hidden;}
div.view.v1 div.container newslist a.top img{width: 100%; height: 100%;}
div.view.v1 div.container newslist a.top span{position: absolute; z-index: 1; left: 0; bottom: 0; right: 0;  padding: 1em; font-size: 4vw; color: white; background: rgba(25, 9, 125, 0.8);}
div.view.v1 div.container newslist a.top span font{display: flex; font-size: 0.9em;}
div.view.v1 div.pagination{display: none;}

.swiper-slide{height: 18.24rem; background-repeat: no-repeat !important; background-position: center center !important; background-size:auto 100% !important;}
.swiper-pagination-bullet{width: 0.213rem; height: 0.213rem;background: #FFAB91;border-radius: 0;}
.swiper-pagination-bullet-active{background: #FF5722;}

div.view.v2{background: rgba(25, 9, 125, 0.8);  display: flex;align-items: center;
    background-image: url('https://www.qdc.edu.cn/img/home-bg-v2.jpg');
    background-repeat: no-repeat;
    background-size:auto 100%;
    background-position: center center;
	position: relative;
}

div.view.v2{color: white;}
div.view.v2:before{content:""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background:rgba(0, 0, 0, 0.8); z-index: 1;}
div.view.v2>div{z-index:1; margin-top: 1.5rem; margin-bottom: 2rem; display: flex; flex-direction: column; width: 100%;}
div.view.v2 .left{margin-left:0.43rem;}
div.view.v2 .left>span{display: flex; align-items: center;}
div.view.v2 .left>span b{font-size:10vw; position: relative;}
div.view.v2 .left>span b.e:after{content:""; width: 3vw; height: 3vw; background:#FF5722; position: absolute; top: 2vw; right: -4vw; }
div.view.v2 .left>span i:nth-child(2){width: 12vw; height: 4px; background: white; margin: 0 4px;}
div.view.v2 .left>p{font-size: 5vw; position: relative; padding-left: 4.5vw; margin-top: 4vw;}
div.view.v2 .left>p:before{content:""; width: 3vw; height: 3vw; background:#FF5722; position: absolute; top: 0; left: 0; }
div.view.v2 .left>p>span{display: block;}

div.view.v2 .right{display: flex; flex-direction: column; align-items: flex-end; align-self: flex-end; margin-right:0.43rem;}
div.view.v2 .right p{display: flex; flex-direction: column; align-items: stretch; text-align: right; margin-top: 8vw;}
div.view.v2 .right p b{font-size: 8vw; font-weight: bold; color:#FF5722; line-height: 9vw;}
div.view.v2 .right p b u{text-decoration: none;}
div.view.v2 .right p>i{height: 4px; background:#fff;}
div.view.v2 .right p label{color: white; font-size:4vw; line-height: 5vw; margin-top: 4px;}



div.view.v3 h1{font-size: 0.85rem;line-height: 1.28rem;font-weight: bold;color:  #FF5722;margin: 0.43rem 0 0.64rem 0;padding-left: 0.43rem; position: relative;}
div.view.v3 h1:after{display: block;width: 1.06rem;height: 0.213rem;background: #FF5722;content: '';}
div.view.v3 h1>img{position: absolute; right: 0.425rem; top: -0.075rem;  height: 1.5rem;}
div.view.v3>div.container >div{display: flex;align-items: center;flex-direction: column;} 
div.view.v3>div.container >div a{ position: relative;display: flex;width:9.15rem;;height:5.5rem;margin-bottom: 0.43rem; border-radius: 0.21rem;overflow: hidden; transition: transform 0.15s ease-out;box-shadow: 0.26rem 0.26rem #ffffff;}
div.view.v3>div.container >div a>img{width: 100%;height: 100%; object-fit: cover;}
div.view.v3>div.container >div span{display: flex;align-items: center; position: absolute;right: 0;bottom: 0;left: 0; font-size: 0.53rem;color: #FFFFFF;transition: 0.3s;
line-height: 0.75rem;;font-weight: bold;background: #2F54EB;border-radius: 0 0 0.213rem 0;padding: 0.26rem 0.32rem;}
div.view.v3>div.container >div span img{width: 0.64rem;height: 0.64rem;margin-right: 0.213rem;}
div.view.v3>div.container >div span img:first-child{display: none;}



div.view.v4{ margin-top: 0.21rem; background-image:url(https://www.qdc.edu.cn/img/home-v4-bg.jpg); background-position: center center; background-size:auto 100%;}
div.view.v4>a.container{ height: 9.39rem;display: flex;align-items: center;transition: 0.3s;}
div.view.v4>a.container p{font-size: 0.85rem;font-weight: bold;color: #FFFFFF;line-height: 1.28rem;display: flex;align-items: center;justify-content: space-between;margin: 0 auto;
    text-align: center;}
div.view.v4>a.container p:after,
div.view.v4>a.container p:before{width: 1.52rem;height: 0.05rem;background: #FFFFFF;display: block;content: '';}
div.view.v4>a.container p:after{position: absolute;left: 0;}
div.view.v4>a.container p::before{position: absolute;right: 0;}


div.view.v5 h1{color: #1D39C4; background: url(/img/svg/home/02.svg) no-repeat right center; background-size: auto 1.0rem; margin-right: 0.425rem;}
div.view.v5 h1:after{background: #1D39C4;}
div.view.v5 .t4{display: flex; flex-direction:column; margin-bottom: 0.43rem;}
div.view.v5 .t4>div{display: flex;flex-direction: column;align-items: center; }
div.view.v5 .t4>div a {width:calc(100% - 0.85rem); height: 7.04rem; border-radius: 0.213rem;overflow: hidden;position: relative; transition: transform 0.15s ease-out;box-shadow: 0.26rem 0.26rem #ffffff;margin-bottom: 0.43rem;}
div.view.v5 .t4>div a.oper{display: none;}
div.view.v5 .t4>div img{width: 100%;height: 100%;object-fit: cover;}


div.view.v5 .t4>div a span{width: 100%;background: #19097D; border-radius: 0 0 0.213rem 0.213rem; opacity: 0.8;;position: absolute;bottom: 0;
color: #FFFFFF;font-size: 0.373rem;line-height: 0.75rem;;font-weight: 500;padding: 0.32rem 0.43rem 0.213rem 0.43rem;box-sizing: border-box;display: block;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;}
div.view.v5 .t4>div a span i{display: block; font-size: 0.346rem;font-weight: 400;color: #FFFFFF;line-height: 0.586rem;font-style: normal;}


div.view.v5 .t4 a.more{align-self: flex-end;  display: inline-block; color: rgba(0,0,0,0.25); font-size: 0.37rem; line-height: 0.75rem; margin: 0 0.43rem 0 0; padding-right: 0.53rem; background-image: url(https://www.qdc.edu.cn/img/icons/16x16/more.svg);background-repeat: no-repeat;background-position: right center;}