body{background: #EFF3FC;}
/* common */
* {margin: 0; padding: 0;}
.clearfix::before, .clearfix::after { content: ""; display: table; clear: both;}
a:hover{ text-decoration: none;color: #0175F3; cursor: pointer; }
.content {margin: 0 auto; width: 1200px;}
.show {display: block!important;}
.hide {display: none;}
/* header start */
/* header end */
/* 大banner */
.bigbanner {width:100%;overflow:hidden;text-align:left;position:relative;height:380px;}
.s_con_bigtit{margin-bottom:30px;line-height:40px;font-size: 40px;color: #000000;font-weight: 700;}
.s_con{padding-top:87px;width:505px;}
.s_con_smalltit{font-size: 24px;color: #000000;line-height:24px;font-weight: 400;}
.s_con>a{display: block;position:absolute;left:0;bottom:95px;width: 180px;height:50px;text-align: center;line-height:50px;color:#fff!important;background: #3761D9;border-radius: 8px;}


/* main start */

/* 大轮播 */
.slide1 {width:100%;height:380px;position:relative;overflow:hidden;margin:0 auto;position: absolute;top:0;left:0;right:0;bottom:0;}
.slide .swiper-container {width:100%;height:380px;}
.slide .swiper-container li {position:relative;}
.slide .swiper-container li  img {z-index:1;width:auto;height:100%;position: absolute;top:0;left:0;right:0;bottom:0;}
.slideTxt {height:380px;z-index: 999;position: relative;}

.slide .swiper-pagination {
  position:absolute;bottom:42px;
}
.slide .swiper-pagination-bullet {opacity:1; float:left;width: 50px;height: 5px;background: #fff;margin-right:20px;border-radius: 2.5px;}
.slide .swiper-pagination-bullet-active{background: #4E6AFE;}

.main{position: relative;}
/* 闪会直播培训大切换 */
.bigqiehuan{width:808px;height:100px;margin:50px auto 0;position: relative;z-index: 9999;margin-bottom:-150px;}
.bigqiehuan1{background: url(titbg1.png) no-repeat;}
.bigqiehuan2{background: url(titbg2.png) no-repeat;}
.bigqiehuan span{float: left;width:50%;line-height:100px;color:#333;font-size:24px;}
.bigqiehuan span:first-child{background:url(sh.png) no-repeat 140px center;padding-left:226px;}
.bigqiehuan span:nth-child(2){background:url(zb.png) no-repeat 113px center;padding-left:203px;}
.bigqiehuan1 span:first-child{color:#fff;}
.bigqiehuan2 span:nth-child(2){color:#fff;}
/* 闪会第一块*/
.floor1{width:100%;height:610px;position: relative;background:url(shbg1.png) no-repeat top;}
.floor1 .f1_con{position: absolute;top:0;left:0;right:0;bottom:0;padding-top:60px;}
.floor .f_con_img{width:640px;position: relative;height:518px;}
.f_con_img.bt-left img{position: absolute;right:0;bottom:0;}
.f_con_img.bt-right img{position: absolute;left:0;bottom:0;}
.f_bigtit{font-size: 32px;line-height: 32px;font-weight: 700;text-align: center;position: relative;z-index: 99;}
/* 切换信息 */
.f_con{width:520px;padding-top:60px;}
.f_con>div{padding:20px 30px 20px 30px;z-index: 9999;width: 510px;
  /* margin-bottom:20px; */
}
.f_con>div.act{
  width: 505px;
  background-image: linear-gradient(105deg, #FFFFFF 0%, #fbfcfe9c 46%, #f7f9fd00 100%, #f7f9fd36 100%);
  border: 1px solid #FFFFFF;
  box-shadow: -18px 0 32px 0 #d4e8ffb8;
  border-radius: 8px;padding:20px 20px 30px 30px;
}
.f_con>div p:first-child{font-weight: 600;font-size: 24px;line-height: 46px;}
.f_con>div.act p:first-child{color: #4E6AFE ;}
.f_con>div p:nth-child(2){font-size: 18px;color: #666666;line-height: 28px;margin-top:10px;}
.f_con_img img.ljyq-img{bottom:68px;}


/* 闪会第二块*/
.floor2{width:100%;height:610px;position: relative;background:url(shbg2.png) no-repeat top;}
.floor2 .f1_con{position: absolute;top:0;left:0;right:0;bottom:0;padding-top:60px;}
.floor  .f_con_img .sjkk-img{bottom:60px;}

/* 闪会第三块*/
.floor3{width:100%;height:836px;position: relative;background:rgba(247, 248, 254, 1);}
.floor3 .f1_con{position: absolute;top:0;left:0;right:0;bottom:0;padding-top:60px;}
.floor3 .f_con_img{height:745px;}
.floor3 .f_con_img .jbms-img{bottom:110px;}
.floor3 .f_con_img .gxpm-img{bottom:70px;}
.floor3 .f_con_img .wxtp-img{bottom:50px;}

/* 闪会第四块*/
.floor4{width:100%;height:674px;position: relative;}
.floor4 .f1_con{position: absolute;top:0;left:0;right:0;bottom:0;padding-top:60px;}
.floor4 .f_con_img{height:582px;}
.floor4 .f_con_img.bt-right img{top:55px;}
.floor4 .f_con_img.bt-right img.pmsy-img,.floor4 .f_con_img.bt-right img.lzqx-img{top:30px;}

/* 闪会第五块*/
.floor5{width:100%;height:610px;position: relative;;background:url(shbg3.png) no-repeat top;}
.floor5 .f1_con{position: absolute;top:0;left:0;right:0;bottom:0;padding-top:60px;}
.floor5  .f_con>div{width:570px;}
.floor5 .f_con_img{width:550px;}
.floor5  .f_con>div.act{width:570px;}
/* .floor3 .f_con_img .gxpm-img{bottom:70px;}
.floor3 .f_con_img .wxtp-img{bottom:50px;} */


/* 第六块轮播 */
.floor6{width:100%;height:633px;position: relative;padding-top:60px;}

.slide2{padding-top:30px;height:495px;}
.slide2 .swiper-pagination{bottom:60px;left:605px}
.swiper-container2 {margin-left:auto;margin-right:auto;position:relative;z-index:1;height:485px;padding-top:45px;}
.swiper-container2 .swiper-container-no-flexbox .swiper-slide {float:left}
.swiper-container2 .swiper-container-vertical>.swiper-wrapper {-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}
.swiper-container2 .swiper-wrapper {position:relative;width:10%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
.swiper-container2 .swiper-wrapper {-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.swiper-container2 .swiper-slide {position:relative;padding:0;border-radius: 8px;}
.swiper-container2 .swiper-pagination {position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}
.swiper-container2 .swiper-pagination-bullet {width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2;margin:0 5px;cursor:pointer;}
.banner-box {width:100%;float:left;position:relative;overflow:hidden;height:485px;}
.swiper-container2 {width:1400px;margin:0 auto;margin-left:-153px;}
.swiper-container2 .swiper-slide {-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;transform:scale(.77);-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;-webkit-transition:transform 1.0s;-moz-transition:transform 1.0s;-ms-transition:transform 1.0s;-o-transition:transform 1.0s;-webkit-transform:scale(0.77);-moz-box-shadow:rgba(0,0,0,.2) 0px 0px 30px;height:312px;}
.swiper-container2 .swiper-slide-active,.swiper-slide-duplicate-active {-webkit-transform:scale(1.28);margin:0 51.2px;transform:scale(1.28);}

.yb_con{
  width:466.67px;height:312px;
  background-size: 100%!important;
  color:#fff;text-align: center;padding-top:210px;font-size:28.5px;font-weight:500;cursor: default;
}
.act_con{display: none;background-size: 100%!important;width:466.67px;height:299px;padding:171.1px 40px 22.65px;cursor: default;}
.act_con p:first-child{font-size: 18.75px;color: #4E6AFE;line-height: 35.94px;font-weight: 600;margin-bottom:7.8px;}
.act_con p:nth-child(2){font-size: 14.06px;color: #333333;text-align: justify;line-height: 25px;font-weight: 400;}
.swiper-container2 .swiper-slide-active .act_con,.swiper-slide-duplicate-active .act_con{display: block;}
.swiper-container2 .swiper-slide-active .yb_con,.swiper-slide-duplicate-active .yb_con{display: none;}


/* 直播第1块*/
.znpx .floor{width:100%;position: relative;height:635px;    width: 100%;
  position: relative;
  height: 635px;overflow:hidden;
  background-size: 100% 635px;}
.znpx  .floor .f_con_img{height:540px;}
.znpx .floor .f1_con{position: absolute;top:0;left:0;right:0;bottom:0;padding-top:60px;}
.znpx .floor .f_con>div{padding:0;width:470px;}
.znpx .floor .f_con{padding-top:0;width:470px;}
.znpx .floor .f_con>div p{font-size: 18px;
  color: #666666;
  line-height: 36px;font-weight: 400;}
.znpx .floor .f_con{padding-top:200px;}
.floor7 {background:url(shbg1.png) no-repeat top;}
.floor8 {background: url(zbbg.png) no-repeat top;height:641px;}
.znpx  .floor.floor8  .f_con_img{height:546px;}
.floor9 {background:url(shbg2.png) no-repeat top;}
.floor10 {background:url(zbbg.png) no-repeat top;}
.floor11 {background:url(shbg3.png) no-repeat top;}
/* .floor13 {background: #FFEFF3FC;} */
.znpx .floor.floor12{background: url(zbbg.png) no-repeat top;padding-top:60px;height:447px; background-size: 100%;}
/* .floor12 .f_bigtit{font-size: 40px;font-weight: 500;} */
.floor12 ul{width: 1080px;margin:90px auto 0;}
.floor12 ul li{float:left;width:160px;font-size:20px;font-size: 20px;letter-spacing: 0;text-align: center;line-height:28px;margin-left:70px;}
.floor12 ul li p:nth-child(2){margin-top:21px;}
.floor12 ul li:first-child{margin-left:0;}
.floor12 ul li p:first-child{height:80px;}
.floor7 .f_con_img.bt-left img,
.floor9 .f_con_img.bt-left img,
.floor10 .f_con_img.bt-right img,
.floor13 .f_con_img.bt-right img
{top:20px;}




.mob-img{display:none;}
@media (max-width: 1024px){
  .znpx .floor{height:auto;}
  .bigbanner .slide .swiper-container li{background-image:url(mobbanner.png)!important;height:18.75rem;background-size:100%!important;}
  .znpx .floor .f1_con{float:none;position: initial!important;}
  .znpx .floor .f_con_img,.s_con>a{display:none;}
  .mob-img{display:block;width:100%;}
  /* .aqlb{width:100%!important;} */
  .f_con>div.act,.f_con,.floor,.f_con>div,.floor5 .f_con>div.act,.floor5 .f_con>div,.s_con,.slide .swiper-container,.slide1{width:100%;height:auto;}
  .floor{background:none!important;}
  /* 大banner */
  .bigbanner{height:18.75rem;}
  .s_con{padding:5.625rem 2rem 0;}
  .s_con_bigtit{
    font-size: 2.5rem;
    color: #000000;
    font-weight: 700;margin-bottom: 1.25rem;
  }
  .s_con_smalltit{font-size: 1.5rem;
    color: #000000;
    line-height: 2.25rem;
    font-weight: 500;}
  .znpx .floor .f_con>div p{font-size: 1.625rem;
    color: #666666;
    line-height: 2.5rem;
    font-weight: 400;
  }
  .znpx .floor .f_con{padding-top:1.5rem;}
  .f_bigtit{
    font-size: 2.5rem;
    color: #000000;
    text-align: center;
    line-height: 3.375rem;
    font-weight: 500;
  }
.znpx .floor .f1_con,
.znpx .floor.floor12
{width:93.2%;margin:2rem 3.2%;background-image: linear-gradient(180deg, #EEF4FF 0%, #F8FAFF 100%);
  border: .125rem solid rgba(255,255,255,1);
  box-shadow: 0rem .125rem 1.0625rem .6875rem rgba(201,216,235,0.37);
  border-radius: 1rem;
    padding:2rem 1.5rem 0;
  }
  .znpx .floor .f_con>div,.znpx .floor .f_con{width: 100%;box-shadow: none;}
  .floor12 ul{width:100%;margin:0;}
  .f_con>div.act,.f_con>div{
    padding:2rem;box-shadow: none;margin-bottom:2rem;
    /* background:url(mobbg.png) no-repeat; */
    box-shadow: 0 .5rem 2.125rem .125rem #003c8a2b;
  }
  .f_con>div.act p:first-child,
  .f_con>div p:first-child
  {font-size: 1.875rem;color: #333333;font-weight: 600;line-height:2.625rem;}
  .f_con>div p:nth-child(2){font-size: 1.5rem;
    color: #666666;
    line-height: 2.25rem;
    font-weight: 400;margin-top:0;margin-bottom:1.5rem;
  }
  .floor8 .mob-img{width:80%;margin:1.5rem auto;}
  .znpx .floor.floor12{height:auto;padding-bottom:0.5rem;}
  .floor12 .f_bigtit{margin-bottom:2rem;}
  .floor12 ul li{height:11.125rem;width:30.8%;background: #FFFFFF;
    border-radius: 1rem;padding:2rem 1.5rem;margin-left:3.6%;margin-bottom:1.5rem;}
    .floor12 ul li p:first-child img{width:4.125rem;}
    .floor12 ul li p:first-child{height:4.125rem;}
    .floor12 ul li p:nth-child(2){font-size: 1.5rem;
      color: #333333;
      letter-spacing: 0;
      text-align: center;
      font-weight: 400;margin-top:1.5rem;line-height:1.5rem;
    }
  .floor12 ul li:nth-child(4){margin-left:17.2%;}
}
@media (max-width: 1199px){
  .bt-box-1200{width:100%;}
}
@media  (min-width: 1025px) and (max-width: 1400px){
  .znpx .floor .f_con_img,.floor .f_con_img{width:50%;overflow: hidden;}
  .znpx .floor .f_con_img img,.floor .f_con_img img{width:100%;}
  .znpx .floor .f_con{width:48%;}
}