@charset "utf-8";
.returnTop{z-index:16;}
.container{position:relative;}
.topics-list{text-align:center;overflow:hidden;}
.main-h2{margin-top:60px;}
.main-h2-text{width:284px;height:71px;line-height:71px;background-image:url(https://assets-cdn.lanqb.com/topic_xg/h2-bg01.png);background-size:100% 100%;display:inline-block;position:relative;}
.p-swiper .main-h2-text{width:399px;}
.line_before,.line_after,.line_before:before,.line_after:before{display:inline-block;position:absolute;top:30px;width:20px;height:2px;background-color:#4b81ff;}
.line_before:before{left:-26px;}
.line_after:before{left:12px;}
.line_before:before,.line_after:before{content:'';width:34px;top:6px;}
.line_before{left:-23px;}
.line_after{right:-23px;}
.main-h3{position:relative;font-size:36px;padding:11px 30px;margin-left:10px;display:inline-block;color:#ffffff;}
.main-h3:before{content:'';z-index:1;display:inline-block;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#4b81ff;transform:skewX(-20deg);-ms-transform:skewX(-20deg);-moz-transform:skewX(-20deg);-webkit-transform:skewX(-20deg);-o-transform:skewX(-20deg);}
.main-h3 span{z-index:2;position:relative;}
.pb-list{padding-top:74px;}
.pb-title{margin-bottom:20px;text-align:left;font-size:32px;color:#5f5f5f;line-height:1;}
.pb-title-blue{color:#4b81ff;}
.pb-title img{margin-right:18px;vertical-align:top;}
.pb-con{display:-webkit-flex;display:flex;justify-content:space-between;}
.pb-con + .pb-con{margin-top:20px;}
.pb-item{width:280px;cursor:pointer;display:inline-block;position:relative;}
.pb-list-s .pb-item{width:380px;}
.pb-list-b .pb-item{width:580px;}
.pb-list-l .pb-item{width:100%;}
.pb-img{width:100%;}
.pb-item .iconfont{top:81px;opacity:0;position:absolute;left:50%;transform:translateX(-50%);-ms-transform:translateX(-50%);-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);-o-transform:translateX(-50%);font-size:20px;width:55px;height:55px;line-height:55px;border-radius:100%;background-color:#4b81ff;color:#ffffff;}
.pb-item p{font-size:18px;margin-top:18px;padding:15px 10px 0;width:100%;color:#3b3b3b;border-top:1px solid rgb(128,128,128);text-align:justify;cursor:pointer;}
.pb-list-s p,.pb-list-b p,.pb-list-l p{text-align:center;}
.pb-item:hover p{color:#4b81ff;border-color:#4b81ff;}
.pb-item:hover .iconfont{opacity:1;}
.xg-snav li,.p2-item .p2-img,.pb-item .pb-img,.pb-item p,.pb-item .iconfont,.swiper-swiper a img{-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
.p2-item:hover .p2-img,.pb-item:hover .pb-img,.swiper-swiper a:hover img{-ms-filter:brightness(80%);-o-filter:brightness(80%);-webkit-filter:brightness(80%);filter:brightness(80%);}
.bgimg{position:absolute;}
.c3-bgimg{top:0;right:-370px;}
.c4-bgimg{top:0;left:-370px;}
.c5-bgimg{top:0;right:-370px;}
.c6-bgimg01{top:0;left:-370px;}
.c6-bgimg02{bottom:0;right:-370px;}
@media (min-width:768px){
  .pb-item{width:179px;}
  .pb-list-s .pb-item{width:242px;}
  .pb-list-b .pb-item{width:369px;}
  .pb-item p{font-size:14px;}
  .pb-item .iconfont{top:49px;}
}
@media (min-width:992px){
  .pb-item{width:233px;}
  .pb-list-s .pb-item{width:317px;}
  .pb-list-b .pb-item{width:481px;}
  .pb-item p{font-size:16px;}
  .pb-item .iconfont{top:64px;}
}
@media (min-width:1200px){
  .pb-item{width:280px;}
  .pb-list-s .pb-item{width:380px;}
  .pb-list-b .pb-item{width:580px;}
  .pb-item p{font-size:18px;}
  .pb-item .iconfont{top:81px;}
}

/*part01*/
.part01{height:474px;background:url(https://assets-cdn.lanqb.com/topic_xg/c1-bg01.png) no-repeat left top,url(https://assets-cdn.lanqb.com/topic_xg/c1-bg02.png) repeat;}
.part01 .container{padding:1px;}
.p1-con{z-index:2;position:relative;margin:50px 50px 0;padding:34px 0 0 22px;border-top:12px solid #b9ceff;border-right:19px solid #b9ceff;border-bottom:13px solid #b9ceff;background-color:#ffffff;text-align:left;}
.blue-block{z-index:1;display:inline-block;position:absolute;width:315px;height:247px;background-color:#4b81ff;right:-222px;top:140px;}
.p1-text{margin-bottom:-13px;}
.p1-img{z-index:2;right:-13px;position:absolute;top:0;}
.xg-snav{top:400px;height:74px;position:fixed;left:0;right:0;z-index:4;text-align:center;background-color:#ffffff;-webkit-box-shadow:0 5px 5px 0 rgba(0,0,0,.05);box-shadow:0 5px 5px 0 rgba(0,0,0,.05);}
.xg-snav .container{height:100%;display:-webkit-flex;display:flex;justify-content:space-around;align-items:center;}
.xg-snav li{display:inline-block;padding-top:9px;padding-bottom:9px;font-size:18px;cursor:pointer;border-radius:5px;}
.xg-snav li.active,.xg-snav li:hover{background-color:#4b81ff;}
.xg-snav li.active a,.xg-snav li:hover a{color:#ffffff;}
@media (min-width:768px){
  .p1-con{margin:70px 50px 0;}
  .p1-text{width:490px;}
  .p1-img{right:-300px;}
  .xg-snav li{font-size:18px;padding-right:12px;padding-left:12px;}
}
@media (min-width:992px){
  .p1-con{margin:50px 50px 0;}
  .p1-text{width:auto;}
  .p1-img{right:-200px;}
  .xg-snav li{font-size:16px;padding-right:9px;padding-left:9px;}
}
@media (min-width:1200px){
  .p1-img{right:-13px;}
  .xg-snav li{font-size:18px;padding-right:12px;padding-left:12px;}
}

/*part02*/
.part02{background-color:#f3f6fe;padding-bottom:64px;}
.p2-h5{margin-top:37px;text-align:left;font-size:20px;color:#709cff;}
.p2-h5 img{margin-right:6px;margin-top:-5px;}
.p2-list{margin-top:12px;display:-webkit-flex;display:flex;justify-content:space-between;}
.p2-item{width:275px;display:inline-block;border:2px solid #709cff;background-color:#709cff;padding-bottom:12px;cursor:pointer;position:relative;}
.p2-item .tips{position:absolute;top:6px;left:14px;font-size:20px;padding:2px 20px;display:inline-block;color:#ffffff;}
.p2-item .tips:before{content:'';z-index:1;display:inline-block;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#709cff;transform:skewX(-20deg);-ms-transform:skewX(-20deg);-moz-transform:skewX(-20deg);-webkit-transform:skewX(-20deg);-o-transform:skewX(-20deg);}
.p2-item .tips span{z-index:2;position:relative;}
.p2-item .p2-img{width:100%;}
.p2-item p{font-size:16px;color:#ffffff;margin-top:10px;line-height:1;}
.p2-item .more{display:inline-block;font-size:14px;color:#ffffff;border:1px solid #ffffff;padding:5px 20px;margin-top:22px;}
.p2-item .more i{font-size:12px;display:inline-block;margin-left:12px;margin-top:-1px;}
@media (min-width:768px){
  .p2-item{width:180px;}
  .p2-item p{font-size:12px;}
}
@media (min-width:992px){
  .p2-item{width:228px;}
  .p2-item p{font-size:14px;}
}
@media (min-width:1200px){
  .p2-item{width:275px;}
  .p2-item p{font-size:16px;}
}

/*part03*/
.part03{padding-bottom:76px;}

/*part04*/
.part04{background-color:#f3f6fe;padding-bottom:76px;}

/*part05*/
.part05{padding-bottom:76px;}

/*part06*/
.part06{background-color:#f3f6fe;}
.part06 .container{padding-bottom:76px;}

/*p-swiper*/
.p-swiper{padding-bottom:120px;background-color:#f3f6fe;}
.p-swiper .main-h2{margin-bottom:74px;}
.topics-more .swiper-slide{width:180px}
.topics-more .topics-more-item{position:relative;display:block;width:180px;height:180px;background-color:#fff;cursor:pointer}
.topics-more .topics-more-item img{width:100%;height:100%;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;text-decoration-skip:objects}
.topics-more .topics-more-item span{position:absolute;bottom:0;left:0;width:100%;padding:11px 14px;font-size:18px;line-height:24px;color:#fff;background-color:rgba(75,129,255,.9)}
.topics-more .topics-more-item span .iconfont{float:right;display:inline-block;font-size:24px;line-height:24px;vertical-align:top}
.topics-more .topics-more-item.none{cursor:default}
.topics-more .topics-more-item:hover img{-webkit-filter:brightness(.8);filter:brightness(.8)}
.topics-more .topics-more-page{position:absolute;z-index:2;width:46px;height:46px;color:#4b81ff;text-align:center;cursor:pointer;opacity:1;-ms-user-select:none;-o-user-select:none;-webkit-user-select:none;user-select:none;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;text-decoration-skip:objects}
.topics-more .topics-more-page .iconfont{display:inline-block;font-size:44px;line-height:46px;vertical-align:middle}
.topics-more .topics-more-page:hover{color:#4b81ff}
.topics-more .topics-more-page.swiper-button-disabled,.topics-more .topics-more-page.swiper-button-disabled:hover{color:#4b81ff;cursor:default}
/*ipad适配*/
@media (min-width:768px){
  .topics-more .topics-more-page{bottom:-52px}
  .topics-more .topics-more-page.prev{left:0}
  .topics-more .topics-more-page.next{right:0}
}
@media (min-width:1200px){
  .topics-more .topics-more-page{bottom:67px}
  .topics-more .topics-more-page.prev{left:-100px}
  .topics-more .topics-more-page.next{right:-100px}
}
/* student works */
body{padding-bottom: 120px;}
.topics-outcomes{padding-bottom:70px;}
.topics-outcomes .prof-name{color: #666;background-color: #f3f6fe;}
.topics-outcomes .prof-name:hover{color:#fff;background-color: #525a67;}