@charset "utf-8";
body{color:#1e1e1e}
.container-bs{max-width:1920px;margin-left:auto;margin-right:auto;}
.container-bs .bs-nav{position:fixed;top:150px;right:30px;width:161px;z-index:12;text-align:center;}
.container-bs .bs-nav > li{display:block;position:relative;}
.container-bs .bs-nav > li > a{display:inline-block;width:100%;height:48px;line-height:48px;font-size:20px;color:#ffffff;background-image:url(https://assets-cdn.lanqb.com/topic_bs/titlebg01.png);background-size:100% 100%;}
.container-bs .bs-subnav{height:0;overflow:hidden;margin:10px 0 0;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
.container-bs .bs-subnav a{font-size:14px;line-height:2.786;cursor:pointer;}
.container-bs .bs-nav > li.active .bs-subnav{height:auto;margin:20px 0 10px;}
.topics-list{text-align:center;background-repeat:no-repeat;}
.topics-list .container{position:relative;height:100%;padding-top:1px;}
.aft_vm:after{content:'';display:inline-block;vertical-align:middle;width:0;height:100%;}
.main-h2{display:inline-block;font-size:50px;line-height:1;position:relative;z-index:2;background-repeat:no-repeat;background-position:right bottom;padding:0 24px 10px 0;}
.main-h2-gray{background-image:url(https://assets-cdn.lanqb.com/topic_bs/titlebg02.png);}
.main-h2-green{background-image:url(https://assets-cdn.lanqb.com/topic_bs/titlebg03.png);}
.main-h2-blue{background-image:url(https://assets-cdn.lanqb.com/topic_bs/titlebg04.png);}
.main-h2-pink{background-image:url(https://assets-cdn.lanqb.com/topic_bs/titlebg05.png);}
.main-h2-orange{background-image:url(https://assets-cdn.lanqb.com/topic_bs/titlebg06.png);}
.main-h2 img{margin-right:15px;vertical-align:top;}
.pb-infr{width:100%;margin-top:46px;padding:23px;}
.pb-infr-con{display:block;height:100%;background-color:#ffffff;text-align:center;padding:0 62px;cursor:pointer;}
.pb-infr-con img{float:left;display:inline-block;margin:17px 0;}
.pb-infr-con p{float:left;line-height:194px;font-size:30px;margin-left:59px;cursor:pointer;}
.pb-infr-con span{float:right;vertical-align:top;width:170px;height:60px;line-height:60px;background-color:#beeaf8;font-size:20px;color:#1e1e1e;margin:67px 0;}
.pb-list{margin-top:80px;}
.pb-list + .pb-list{margin-top:104px;}
.pb-title{text-align:left;font-size:36px;line-height:1;position:relative;}
.pb-title img{margin:4px 17px 0 0;vertical-align:top;}
.pb-con{margin-top:35px;}
.pb-con + .pb-con{margin-top:45px;}
.pb-item{float:left;width:260px;cursor:pointer;border:1px solid #d2d2d2;background-color:#ffffff;position:relative;}
.pb-item + .pb-item{margin-left:46px;}
.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 p{padding:18px 0;font-size:14px;text-align:center;line-height:1;position:relative;cursor:pointer;}
.pb-item p.long{padding:12px 0}
.pb-item02{background-color:#e0e0e0;width:100%!important;text-align:left;padding:24px;}
.pb-item02 img{width:auto;float:left;}
.pb-item02 p{float:left;display:inline-block;margin-left:77px;font-size:30px;line-height:146px;padding:0;}
.pb-more{text-align:center;margin-top:80px;}
.pb-more a{display:inline-block;width:278px;height:66px;line-height:66px;background-image:url(https://assets-cdn.lanqb.com/topic_bs/morebg.png);font-size:26px;color:#ffffff;cursor:pointer;}

/*part01*/
.part01{background-image:url(https://assets-cdn.lanqb.com/topic_bs/c1-bg.png);background-position:center top;position:relative;z-index:2;height:500px;padding:0;}
.p1-conbg{display:inline-block;margin-top:124px;width:586px;height:186px;background-color:#ffffff;outline:8px solid rgba(255,255,255,.4);padding-top:1px;}
.p1-con{width:556px;height:212px;background-color:#ffffff;outline:8px solid rgba(255,255,255,.4);margin:-13px 0 0 15px;padding:44px 50px;}
.p1-con-infr{border-bottom:1px solid rgba(0,0,0,.5);background-image:url(https://assets-cdn.lanqb.com/topic_bs/c1-line01.png);background-repeat:repeat-x;background-position:top left;background-size:6px 3px;padding:20px 0;}
.p1-h1{display:inline-block;width:235px;}
.p1-h2{display:inline-block;width:211px;margin-left:6px;}
.p1-h3{display:inline-block;width:414px;margin-top:17px;}

/*part02*/
.part02{padding:110px 0 392px;background-image:url(https://assets-cdn.lanqb.com/topic_bs/bg01.png);background-position:center bottom;}
.p2-con1{float:left;}
.p2-con1-list + .p2-con1-list{margin-top:68px;}
.p2-con1-title{display:inline-block;width:87px;vertical-align:middle;}
.p2-con1-title img{width:44px;}
.p2-con1-title h3{font-size:20px;margin-top:16px;}
.p2-con1-item{vertical-align:middle;display:inline-block;margin-left:38px;padding-left:38px;width:540px;text-align:left;border-left:1px solid rgb(206,206,206);}
.p2-con1-item a{display:block;font-size:14px;color:rgb(27,27,27);line-height:3;cursor:pointer;}
.p2-con1-item div{display:inline-block;vertical-align:top;}
.p2-con1-list01 .p2-con1-item div + div{margin-left:50px;}
.p2-con1-list02 .p2-con1-item div + div{margin-left:55px;}
.p2-con1-list03 .p2-con1-item div + div{margin-left:32px;}
.p2-con1-list04 .p2-con1-item div + div{margin-left:40px;}
.p2-con1-list01 .p2-con1-item a:hover{color:#329e34;}
.p2-con1-list02 .p2-con1-item a:hover{color:#2ab1e3;}
.p2-con1-list03 .p2-con1-item a:hover{color:#a7a7a7;}
.p2-con1-list04 .p2-con1-item a:hover{color:#ffa501;}
.p2-con2{float:right;margin-top:26px;}
.p2-con2 .main-h2{vertical-align:middle;}
.p2-con2-list{vertical-align:middle;width:509px;height:502px;background-image:url(https://assets-cdn.lanqb.com/topic_bs/c2-blockbg.png);background-size:100%;padding:173px 149px 0;text-align:left;margin-top:45px;}
.p2-con2-item + .p2-con2-item{border-top:1px solid #818181;margin-top:28px;padding-top:28px;}
.p2-con2-item h3{font-size:24px;}
.p2-con2-item h4{font-size:16px;}

/*part03*/
.part03{padding:1px 0 107px;background:url(https://assets-cdn.lanqb.com/topic_bs/bg-color01.png) left 913px,url(https://assets-cdn.lanqb.com/topic_bs/bg-sai.png) right 89px top 112px;background-repeat:no-repeat;background-color:#f5f5f5;}
.part03 .container{margin-top:-266px;}
.part03 .pb-infr{background-image:url(https://assets-cdn.lanqb.com/topic_bs/c3-blockbg.png?v=1);}

/*part04*/
.part04{padding:174px 0 245px;background:url(https://assets-cdn.lanqb.com/topic_bs/bg02.png) center top,url(https://assets-cdn.lanqb.com/topic_bs/bg01.png) center bottom,url(https://assets-cdn.lanqb.com/topic_bs/bg-ps.png) left 63px top 268px,url(https://assets-cdn.lanqb.com/topic_bs/bg-color02.png) right 0 bottom 152px;background-repeat:no-repeat;}
.part04 .pb-infr{background-image:url(https://assets-cdn.lanqb.com/topic_bs/c4-blockbg.png);}

/*part05*/
.part05{padding:62px 0 107px;background:url(https://assets-cdn.lanqb.com/topic_bs/bg-csp.png) right 89px top 280px,url(https://assets-cdn.lanqb.com/topic_bs/bg-color03.png) left 0 top 400px;background-color:#f5f5f5;background-repeat:no-repeat;}
.c5-img{position:absolute;right:-370px;top:-187px;}

/*part06*/
.part06{padding:174px 0 169px;background:url(https://assets-cdn.lanqb.com/topic_bs/bg02.png) center top,url(https://assets-cdn.lanqb.com/topic_bs/bg-ai.png) left 55px top 170px,url(https://assets-cdn.lanqb.com/topic_bs/bg-color04.png) right 0 top 263px;background-repeat:no-repeat;}
.c6-img{position:absolute;left:-370px;top:-163px;}

/*p-swiper*/
.p-swiper{background-color:#f8f8f8;padding:93px 0 123px;}
.p-swiper .main-h2{margin-bottom:80px;}
.p-swiper .container{position:relative;}
.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(4,118,249,.8)}
.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:#a7a7a7;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:#0476f9}
.topics-more .topics-more-page.swiper-button-disabled{color:#a7a7a7;cursor:default}

/*ipad适配*/
@media (min-width:768px){
  .p2-con1-item{margin-left:38px;padding-left:38px;width:540px;}
  .p2-con1-list01 .p2-con1-item div + div{margin-left:50px;}
  .p2-con1-list02 .p2-con1-item div + div{margin-left:55px;}
  .p2-con1-list03 .p2-con1-item div + div{margin-left:32px;}
  .p2-con1-list04 .p2-con1-item div + div{margin-left:40px;}
  .p2-con2-list{width:509px;height:502px;padding:173px 149px 0;}
  .p2-con2-item h3{font-size:24px;}
  .p2-con2-item h4{font-size:16px;}
  .p2-con1,.p2-con2{width:100%;}
  .p2-con1-list,.p2-con2-list{display:inline-block;}
  .pb-item{width:179px;}
  .pb-item + .pb-item{margin-left:10px;}
  .pb-item p{padding:12px 0;font-size:12px;}
  .pb-item02 p{font-size:22px;margin-left:28px;line-height:101px;padding:0;}
  .pb-con .pb-img{height:101px;}
  .pb-infr-con{padding:0 42px;}
  .pb-infr-con img{height:120px;}
  .pb-infr-con p{line-height:154px;font-size:20px;margin-left:30px;}
  .pb-infr-con span{width:120px;height:40px;line-height:40px;margin:57px 0;}
  .topics-more .topics-more-page{bottom:-52px}
  .topics-more .topics-more-page.prev{left:0}
  .topics-more .topics-more-page.next{right:0}
  .part04{padding:134px 0 160px;}
  .part05{padding:62px 0 77px;}
  .part06{padding:124px 0 119px;}
}
@media (min-width:992px){
  .p2-con1-item{margin-left:20px;padding-left:20px;width:473px;}
  .p2-con1-list01 .p2-con1-item div + div{margin-left:43px;}
  .p2-con1-list02 .p2-con1-item div + div{margin-left:44px;}
  .p2-con1-list03 .p2-con1-item div + div{margin-left:25px;}
  .p2-con1-list04 .p2-con1-item div + div{margin-left:27px;}
  .p2-con2-list{width:396px;height:391px;padding:135px 120px 0;}
  .p2-con2-item h3{font-size:16px;}
  .p2-con2-item h4{font-size:12px;}
  .p2-con1,.p2-con2{width:auto;}
  .p2-con1-list,.p2-con2-list{display:block;}
  .pb-item{width:233px;}
  .pb-item + .pb-item{margin-left:16px;}
  .pb-item p{padding:18px 0;font-size:14px;}
  .pb-item02 p{font-size:28px;margin-left:55px;line-height:131px;padding:0;}
  .pb-con .pb-img{height:131px;}
  .pb-infr-con{padding:0 52px;}
  .pb-infr-con img{height:135px;}
  .pb-infr-con p{line-height:169px;font-size:26px;margin-left:40px;}
  .pb-infr-con span{width:170px;height:60px;line-height:60px;margin:54px 0;}
  .part04{padding:134px 0 160px;}
  .part05{padding:62px 0 77px;}
  .part06{padding:124px 0 119px;}
}
@media (min-width:1200px){
  .p2-con1-item{margin-left:38px;padding-left:38px;width:540px;}
  .p2-con1-list01 .p2-con1-item div + div{margin-left:50px;}
  .p2-con1-list02 .p2-con1-item div + div{margin-left:55px;}
  .p2-con1-list03 .p2-con1-item div + div{margin-left:32px;}
  .p2-con1-list04 .p2-con1-item div + div{margin-left:40px;}
  .p2-con2-list{width:509px;height:502px;padding:173px 149px 0;}
  .p2-con2-item h3{font-size:24px;}
  .p2-con2-item h4{font-size:16px;}
  .pb-item{width:260px;}
  .pb-item + .pb-item{margin-left:46px;}
  .pb-item p{padding:18px 0;font-size:14px;}
  .pb-item02 p{font-size:30px;margin-left:77px;line-height:146px;padding:0;}
  .pb-con .pb-img{height:146px;}
  .pb-infr-con{padding:0 62px;}
  .pb-infr-con img{height:141px;}
  .pb-infr-con p{line-height:194px;font-size:30px;margin-left:59px;}
  .pb-infr-con span{width:170px;height:60px;line-height:60px;margin:67px 0;}
  .topics-more .topics-more-page{bottom:67px}
  .topics-more .topics-more-page.prev{left:-100px}
  .topics-more .topics-more-page.next{right:-100px}
  .part04{padding:174px 0 245px;}
  .part05{padding:62px 0 107px;}
  .part06{padding:174px 0 169px;}
}