@charset "utf-8";
.container-yh{max-width:1920px;margin:0 auto;}
.container-yh .yh-snav{position:fixed;top:150px;right:30px;width:100px;z-index:12;padding-bottom:16px;text-align:right;background-image:url(https://assets-cdn.lanqb.com/topic_yh/navbg.png);background-size:100% 100%;padding:6px;border:1px solid #746345;}
@media (min-width:768px){.container-yh .yh-snav{top: 50%;right: auto;left: 20px;transform: translateY(-50%);}}
@media (min-width:1200px){.container-yh .yh-snav{right: auto;left: 30px;}}
.container-yh .yh-snav li{display:block;padding:14px 7px 10px 0;font-size:12px;cursor:pointer;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;background-color:#252627;position:relative;}
.container-yh .yh-snav li + li{margin-top:1px;}
.container-yh .yh-snav li.active,.container-yh .yh-snav li:hover{background-color:#746345;}
.container-yh .yh-snav li a{color:#fff;}
.container-yh .yh-snav li:before{content:'';display:inline-block;position:absolute;top:6px;right:6px;width:20px;height:2px;background-color:#fff;}
.topics-list{text-align:center;background-repeat:no-repeat;background-position:center top;background-size:100% 100%;padding-bottom:98px;}
.topics-list .container{position:relative;height:100%;padding-top:1px;}
.main-h2{margin-top:90px;color:#746345;font-size:48px;font-weight:bold;line-height:1;position:relative;z-index:2;}
.main-h3{margin-top:16px;margin-bottom:23px;color:#a0a0a0;font-size:24px;line-height:1;position:relative;text-transform: uppercase;}
.main-h3:before{content:'';display:inline-block;position:absolute;bottom:-23px;left:50%;margin-left:-35px;width:70px;height:2px;background-color:#a0a0a0;}
.pb-title{text-align:left;font-size:36px;color:#746345;line-height:1;padding-left:27px;position:relative;padding-top:85px;}
.pb-title:before{content:'';display:inline-block;position:absolute;left:0;top:85px;width:4px;height:36px;background-color:#a0a0a0;}
.pb-con{float:left;margin-top:22px;}
.pb-item{float:left;width:280px;cursor:pointer;border:1px solid #fff;background-color:#fff;position:relative;}
.pb-item:hover{transform:translateY(-5px);-ms-transform:translateY(-5px);-moz-transform:translateY(-5px);-webkit-transform:translateY(-5px);-o-transform:translateY(-5px);box-shadow:0px 0px 30px 0px rgba(4,0,0,0.35);}
.pb-item img{width:100%;}
.pb-item + .pb-item{margin-left:20px;}
.pb-item p{padding:19px 0 19px 10px;width:100%;font-size:14px;color:#746345;text-align:left;line-height:1;position:relative;}
.pb-item p em{position:absolute;top:14px;right:15px;padding:4px 2px 4px 0;font-size:12px;line-height:1.25;color:#fe6885;border:1px solid #fe6885;border-left:none;-webkit-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0;}
.pb-item p em:before,.pb-item p em:after{position:absolute;content:"";}
.pb-item p em:before{top:-1px;left:-11px;border-right:11px solid #fe6885;border-top:13px solid transparent;border-bottom:12px solid transparent;}
.pb-item p em:after{top:0;left:-10px;border-right:10px solid #fff;border-top:12px solid transparent;border-bottom:11px solid transparent;}
.pb-con .pb-img{width:100%;height:210px;}
.pb-list-b .pb-title{padding-left:0;}
.pb-list-b .pb-title:before{display:none;}
.pb-list-b .pb-item{width:580px;position:relative;}
.pb-list-b .pb-img{height:auto!important;}
.pb-list-b .pb-item p{position:absolute;border-bottom:3px solid #fff;top:31px;left:24px;right:24px;bottom:31px;overflow:hidden;width:auto;padding:0;font-size:18px;line-height:1.333;color:#fff;}
.pb-list-b .pb-item p span{position:relative;display:inline-block;margin-top:-4px;}
.pb-list-b .pb-item p span:before{content:'';display:inline-block;position:absolute;border-top:3px solid #fff;width:1000px;top:4px;}
.pb-list-b .pb-item p span:after{content:'';display:inline-block;position:absolute;border-left:3px solid #fff;height:1000px;top:100%;margin-top:10px;}
.pb-list-b .pb-item-left p{border-right:3px solid #fff;}
.pb-list-b .pb-item-right p{border-left:3px solid #fff;text-align:right;}
.pb-list-b .pb-item-left p span{float:left}
.pb-list-b .pb-item-right p span{float:right}
.pb-list-b .pb-item-left p span:before{left:100%;margin-left:10px;}
.pb-list-b .pb-item-right p span:before{right:100%;margin-right:10px;}
.pb-list-b .pb-item-left p span:after{left:0;}
.pb-list-b .pb-item-right p span:after{right:0;}
.pb-list-b .pb-item-brown p,.pb-list-b .pb-item-brown p span:before,.pb-list-b .pb-item-brown p span:after{border-color:#746345;color:#746345;}
.pb-item,.pb-item .pb-img,.swiper-swiper a img{-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
.pb-item:hover .pb-img,.swiper-swiper a img:hover{-webkit-filter:brightness(.7);}
.pb-con01{float:right;margin-top:22px;}
.textbg{position:absolute;right:0;top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);background-color:#202020;padding:8px 0;}
.textbg .text{border-top:2px solid #68b8cf;border-bottom:2px solid #68b8cf;overflow:hidden;}
.textbg .text p{width:30px;float:left;height:100%;text-align:center;padding:11px 0;margin-bottom:-3000px;padding-bottom:3011px;}
.textbg .text p + p{border-left:1px solid rgba(104,184,207,.2);}
.textbg .text p.p3{color:#68b8cf;font-size:24px;}
.textbg .text p.p2{color:#fff;font-size:18px;}
.textbg .text p.p1{color:#68b8cf;font-size:18px;}
.textbg-brown .text{border-color:#80532a;}
.textbg-brown .text p + p{border-color:rgba(128,83,42,.2);}
.textbg-brown .text p.p3{color:#746345;font-size:24px;}
.textbg-brown .text p.p2{color:#746345;font-size:24px;}
.textbg-brown .text p.p1{color:#fff;font-size:18px;}
.textbg-green .text{border-color:#5f8969;}
.textbg-green .text p + p{border-color:rgba(95,137,105,.2);}
.textbg-green .text p.p3{color:#fff;font-size:18px;}
.textbg-green .text p.p2{color:#78be7c;font-size:18px;}
.textbg-green .text p.p1{color:#fff;font-size:18px;}
.textbg-green .text .green{color:#78be7c;}
.textbg-pink .text{border-color:#b6305d;}
.textbg-pink .text p + p{border-color:rgba(182,48,93,.2);}
.textbg-pink .text p.p3{color:#fff;font-size:18px;}
.textbg-pink .text p.p2{color:#fff;font-size:18px;}
.textbg-pink .text p.p1{color:#fff;font-size:18px;}
.textbg-pink .text .pink{color:#d97f9d;}

/*part01*/
.part01{background-image:url(https://assets-cdn.lanqb.com/topic_yh/c1-bg.jpg);background-repeat:no-repeat;background-position:center top;position:relative;z-index:2;height:800px;padding:0;}
.p1-h1{display:inline-block;margin-top:210px;vertical-align:top;}
.p1-text{display:block;margin:10px auto 0;width:330px;height:330px;background-image:url(https://assets-cdn.lanqb.com/topic_yh/c1-textbg.png);background-size:100% 100%;}
.p1-text h2{display:inline-block;margin-top:90px;font-size:20px;font-weight:bold;color:#302c23;line-height:1.25;border-top:2px solid #302c23;border-bottom:2px solid #302c23;}
.p1-text h3{font-size:14px;margin-top:10px;line-height:1.6;}
.p1-list{margin-top:35px;text-align:left;position:absolute;bottom:-123px;}
.p1-h4{font-size:18px;color:#302c23;line-height:1;margin-bottom:18px;}
.p1-h4 img{vertical-align:top;margin-right:10px;width:15px;}
.p1-item{position:relative;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;width:220px;}
.p1-item img{width:100%;}
.p1-item h5{position:absolute;top:6px;left:13px;font-size:14px;text-align:center;color:#fff;}
.p1-item h5 span{z-index:2;position:relative;margin-top:5px;display:inline-block;width:103px;}
.p1-item h5:before{content:'';z-index:1;display:inline-block;position:absolute;left:-5px;width:103px;height:20px;border:1px solid #746345;transform:skewX(-10deg);-ms-transform:skewX(-10deg);-moz-transform:skewX(-10deg);-webkit-transform:skewX(-10deg);-o-transform:skewX(-10deg);}
.p1-item h5:after{content:'';z-index:1;display:inline-block;position:absolute;left:0;top:5px;width:103px;height:20px;background-color:#746345;transform:skewX(-10deg);-ms-transform:skewX(-10deg);-moz-transform:skewX(-10deg);-webkit-transform:skewX(-10deg);-o-transform:skewX(-10deg);}
.p1-item h6{font-size:12px;color:#746345;margin:14px 0 0 12px;}
.p1-item p{display:inline-block;background-color:#fff;text-align:center;font-size:12px;color:#666666;border:1px solid #666666;width:80px;height:20px;line-height:20px;padding:0!important;margin:7px 0 15px 12px;}
.p1-item p .iconfont{margin-left:2px;font-size:12px;}

/*part02*/
.part02{background-image:url(https://assets-cdn.lanqb.com/topic_yh/c2-bg.jpg);padding-top:122px;position:relative;z-index:1;}
.c3-img{position:absolute;right:-370px;bottom:-260px;}

/*part03*/
.part03{background-image:url(https://assets-cdn.lanqb.com/topic_yh/c3-bg.jpg);}

/*part04*/
.part04{background-image:url(https://assets-cdn.lanqb.com/topic_yh/c4-bg.jpg);position:relative;z-index:1;}
.c4-img{position:absolute;left:-370px;top:-173px;}

/*part05*/
.part05{background-image:url(https://assets-cdn.lanqb.com/topic_yh/c5-bg.jpg);position:relative;z-index:1;}
.c5-img{position:absolute;right:-370px;top:-187px;}

/*part06*/
.part06{background-image:url(https://assets-cdn.lanqb.com/topic_yh/c6-bg.jpg);position:relative;z-index:1;}
.c6-img{position:absolute;left:-370px;top:-163px;}

/*p-swiper*/
.p-swiper{background-color:#232323}
.p-swiper .container{position:relative;}
.p-swiper .topics-more{margin-top:80px;}
.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(116,99,69,.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:#a0a0a0;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:#746345}
.topics-more .topics-more-page.swiper-button-disabled{color:#a0a0a0;cursor:default}


/*ipad适配*/
@media (min-width:768px){
  .part01{height:650px;}
  .p1-h1{width:100%;margin-top:120px;}
  .pb-item{width:179px;}
  .p1-item{width:141px;}
  .pb-item + .pb-item{margin-left:10px;}
  .pb-item p{font-size:12px;padding:10px 0 10px 10px;}
  .pb-con .pb-img{height:134px;}
  .pb-list-b .pb-item{width:369px;}
  .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:992px){
  .part01{height:650px;}
  .p1-h1{width:auto;margin-top:100px;}
  .pb-item{width:233px;}
  .p1-item{width:179px;}
  .pb-item + .pb-item{margin-left:15px;}
  .pb-item p{font-size:12px;padding:16px 0 16px 10px;}
  .pb-con .pb-img{height:173px;}
  .pb-list-b .pb-item{width:482px;}
}
@media (min-width:1200px){
  .part01{height:800px;}
  .p1-h1{margin-top:210px;}
  .pb-item{width:280px;}
  .p1-item{width:220px;}
  .pb-item + .pb-item{margin-left:20px;}
  .pb-item p{font-size:14px;padding:19px 0 19px 10px;}
  .pb-con .pb-img{height:210px;}
  .pb-list-b .pb-item{width:580px;}
  .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{background-image:url(https://assets-cdn.lanqb.com/topic_yh/c8-bg_pc.png);background-size: 100% 101%;}
.topics-outcomes .out-works{margin-top:98px;}
.topics-outcomes .prof-name{color: #fff;background-color:#746345;}