body{
  overflow-x: auto;
  min-width: 1340px;
}
.banner{
  width: 100%;
  height: 400px;
  background: url(../images/ganbu/banner.jpg) no-repeat;
  background-position: center top;
  overflow: hidden;
}
.cszl_banner_wrap{
  width: 1340px;
  height: 100%;
  margin: auto;
  position: relative;
}
.banner_slide1_font1{
  transition:1.5s;
  position: absolute;
  left: 50%;
  margin-left: -2500px;
  top: 188px;
}
.banner_slide1_font2{
  transition:1.5s;
  position: absolute;
  left: 50%;
  margin-left: 2500px;
  top: 275px;
}

.cszl_wrap{
  width: 1340px;
  height: 100%;
  margin: auto;
}
.cszl_p1{
  width: 100%;
  height: 747px;
  background: url(../images/ganbu/bg_01.jpg) no-repeat;
  background-position: center top;
}
.cszl_tit{
  width: 100%;
  height: 71px;
  line-height: 71px;
  text-align: center;
  float: left;
  margin-top: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cszl_tit img{
  height: 71px;
}
.p1_left{
  width: 660px;
  height: 400px;
  float: left;
  margin-top: 80px;
  position: relative;
}
.p1_content{
  width: 100%;
  height: 248px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  overflow: hidden;
}
.p1_slide_wrap{
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.p1_slide{
  width: 1360px;
  height: 100%;
  position: absolute;
  left: 50%;
  margin-left: -220px;
}
.p1_swiper{
  width: 100%;
  height: 100%;
}
.p1_slide .swiper-slide{
  position: relative;
  overflow: hidden;
  border-radius: 10px;

}
.p1_img{
  width: 440px;
  height: 248px;
  position: absolute;
  transition:1.5s;
  border-radius: 10px;
  overflow: hidden;
}
.p1_img img{
  width: 100%;
  height: 100%;
  transition:1.5s;

}
.p1_content .p1_slide .swiper-slide .p1_img{
  width: 440px;
  left: 0px;
  top: 120px;
  height: 8px;
  
}
.p1_content .p1_slide .swiper-slide.swiper-slide-prev .p1_img,.p1_content .p1_slide .swiper-slide.swiper-slide-duplicate-prev .p1_img{
  height: 208px;
  left: 0;
  top:20px;
  transform-origin:right;
  transform:scaleX(1.3) perspective(20px) rotateY(-5deg) ;
}
.p1_content .p1_slide .swiper-slide.swiper-slide-active .p1_img,.p1_content .p1_slide .swiper-slide.swiper-slide-duplicate-active .p1_img{
  width: 440px;
  left: 0px;
  top: 0px;
  height: 248px;
}
.p1_content .p1_slide .swiper-slide.swiper-slide-next .p1_img,.p1_content .p1_slide .swiper-slide.swiper-slide-duplicate-next .p1_img{
  transform-origin:left;
  transform:scaleX(1.3) perspective(20px) rotateY(5deg) ;
  left: 0;
  height: 208px;
  top:20px;
} 
.p1_prev{
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  height: 250px;
  width: 124px;
  background: url(../images/ganbu/p1prev.png) no-repeat;
  background-position: left top;
  cursor: pointer;
}
.p1_next{
  position: absolute;
  right: 0;
  top: 0;
  z-index: 3;
  height: 250px;
  width: 124px;
  background: url(../images/ganbu/p1next.png) no-repeat;
  background-position: right top;
  cursor: pointer;
}
.p1_bottom{
  position: absolute;
  bottom: 0;
  left: 80px;
  z-index: 1;
}
.p1_right{
  width: 619px;
  height: 359px;
  float: right;
  margin-top: 103px;
  background: url(../images/ganbu/p1img3.png) no-repeat;
  background-position: center top;
}
.p1_right p{
  width: 468px;
  font-size: 18px;
  color: #191919;
  line-height: 38px;
  text-align: justify;
  text-indent: 2em;
  float: left;
  margin-top: 41px;
  margin-left: 76px;
}
.blue_more {
  width: 110px;
  height: 36px;
  background: #02138E;
  border-radius: 20px;
  float: left;
  margin-top: 25px;
  margin-left: 431px;
  display: block;
}
.blue_more span{
  font-size: 14px;
  line-height: 36px;
  height: 36px;
  color: #fff;
  display: block;
  width: 62px;
  float: left;
  margin-left: 18px;
}
.blue_more img {
  float: left;
  margin-top: 15px;
}

.cszl_p2{
  width: 100%;
  height: 1000px;
  background: url(../images/ganbu/bg_05.jpg) no-repeat;
  background-position: center top;
}
.p1_jiagou{
  float: left;
  width: 100%;
  text-align: center;
  margin-top: 70px;
}

.cszl_p40{
  width: 100%;
  height: 800px;
  background: url(../images/ganbu/bg_03.jpg) no-repeat;
  background-position: center top;
}
.p40_tab{
  width: 100%;
  height: 40px;
  border-bottom: 2px solid #9BF1FF;
  float: left;
  margin-top: 55px;
  position: relative;
  display: flex;
  justify-content: space-between;
}
.p40_tab_li{
  width: 125px;
  height: 100%;
  cursor: pointer;
  position: relative;
}
.p40_tab_img{
  position: absolute;
  left: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  transition:0.3s;
}
.p40_tab_li.on .p40_tab_img{
  opacity: 1;
  filter: alpha(opacity=100);
  left: 15px;
}
.p40_tab_li span{
  display: block;
  position: absolute;
  right: 0;
  height: 25px;
  font-size: 16px;
  color: #C1E6FF;
  line-height: 25px;
  transition:0.3s;
}
.p40_tab_li.on span{
  color: #FFFFFF;
  font-weight: bold;
  right: -15px;
}
.p40_line{
  position: absolute;
  width: 100px;
  height: 4px;
  background: #FFFFFF;
  border-radius: 1px;
  bottom: -2px;
  left: 41px;
  transition:0.3s;
}
.p40_slide{
  display: none;
  width: 100%;
  float: left;
}
.p40_slide.on{
  display: block;
}
.p40_right{
  width: 818px;
  height: 442px;
  float: right;
  margin-top: 70px;
  background: url(../images/ganbu/ts_bg01.png) no-repeat;
  background-position: center top;
}
.p40_right_img{
  width: 670px;
  height: 377px;
  float: left;
  margin-top: 22px;
  margin-left: 74px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  display: block;
  line-height: 357px;
  padding: 10px;
  text-align: center;
}
.p40_right_img img{
  max-width: 100%;
  max-height: 100%;
}
.p40_left{
  float: left;
  width: 450px;
  margin-right: 40px;
  margin-top: 90px;
}
.p40_slide_span{
  display: block;
  float: left;
  height: 30px;
  font-weight: bold;
  font-size: 22px;
  color: #FFFFFF;
  line-height: 30px;
}
.p40_left p{
  width: 100%;
  font-size: 18px;
  color: #FFFFFF;
  line-height: 40px;
  text-align: justify;
  float: left;
  margin-top: 20px;
}
.p40_left .blue_more{
  float: left;
  margin-left: 0;
  margin-top: 20px;
  background: #FFFFFF;
}

.p40_left .blue_more span {
  color: #02138E;
}

.cszl_p4{
  width: 100%;
  height: 850px;
  background: url(../images/ganbu/bg_02.jpg) no-repeat;
  background-position: center top;
}
.p4_tab{
  width: 100%;
  height: 40px;
  border-bottom: 2px solid #DCDCDC;
  float: left;
  margin-top: 55px;
  position: relative;
  display: flex;
  justify-content: space-between;
}
.p4_tab_li{
  width: 125px;
  height: 100%;
  cursor: pointer;
  position: relative;
}
.p4_tab_img{
  position: absolute;
  left: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  transition:0.3s;
}
.p4_tab_li.on .p4_tab_img{
  opacity: 1;
  filter: alpha(opacity=100);
  left: 15px;
}
.p4_tab_li span{
  display: block;
  position: absolute;
  right: 0;
  height: 25px;
  font-size: 16px;
  color: #333333;
  line-height: 25px;
  transition:0.3s;
}
.p4_tab_li.on span{
  color: #15249F;
  font-weight: bold;
  right: -15px;
}
.p4_line{
  position: absolute;
  width: 100px;
  height: 4px;
  background: #02138E;
  border-radius: 1px;
  bottom: -2px;
  left: 41px;
  transition:0.3s;
}
.p4_slide{
  display: none;
  width: 100%;
  float: left;
}
.p4_slide.on{
  display: block;
}
.p4_left{
  width: 818px;
  height: 442px;
  float: left;
  margin-top: 70px;
  background: url(../images/ganbu/p2img2.png) no-repeat;
  background-position: center top;
}
.p4_left_img{
  width: 670px;
  height: 377px;
  float: left;
  margin-top: 22px;
  margin-left: 74px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  display: block;
}
.p4_left_img img{
  max-width: 100%;
  max-height: 100%;
}
.p4_right{
  float: right;
  width: 450px;
  margin-right: 40px;
  margin-top: 90px;
}
.p4_slide_span{
  display: block;
  float: left;
  height: 30px;
  font-weight: bold;
  font-size: 22px;
  color: #000267;
  line-height: 30px;
}
.p4_right p{
  width: 100%;
  font-size: 18px;
  color: #191919;
  line-height: 40px;
  text-align: justify;
  float: left;
  margin-top: 20px;
}
.p4_right .blue_more{
  float: left;
  margin-left: 0;
  margin-top: 20px;
}

.cszl_p5{
  width: 100%;
  height: 800px;
  background: url(../images/ganbu/bg_03.jpg) no-repeat;
  background-position: center top;
  overflow: hidden;
}
.p5_content{
  width: 100%;
  height: 660px;
  float: left;
  position: relative;
}
.p5_1{
  position: absolute;
  left: 50%;
  margin-left: -167px;
  top: 900px;
  z-index: 1;
  transition:0.5s;
}
.p5_2{
  position: absolute;
  left: 50%;
  margin-left: -178px;
  top: 900px;
  z-index: 2;
  transition:0.5s;
  animation: shake2 3s; 
  animation-iteration-count: infinite; 
}
.p5_tab{
  width: 270px;
  height: 94px;
  z-index: 3;
  font-size: 20px;
  text-align: center;
  line-height: 94px;
  color: #fff;
  transition:0.5s;
  cursor: pointer;
}
.p5_tab.on{
  transform:scale(1.05);
}
@keyframes shake {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
}
@keyframes shake2 {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-30px); }
}
.p5_3{
  background: url(../images/ganbu/p3img3.png) no-repeat;
  background-position: center top;
  position: absolute;
  left:-2000px;
  top: 70px;
}
.p5_4{
  background: url(../images/ganbu/p3img4.png) no-repeat;
  background-position: center top;
  position: absolute;
  left:-2000px;
  top: 232px;
}
.p5_5{
  background: url(../images/ganbu/p3img5.png) no-repeat;
  background-position: center top;
  position: absolute;
  left:-2000px;
  top: 394px;
}
.p5_6{
  background: url(../images/ganbu/p3img6.png) no-repeat;
  background-position: center top;
  position: absolute;
  right:-2000px;
  top: 70px;
}
.p5_7{
  background: url(../images/ganbu/p3img7.png) no-repeat;
  background-position: center top;
  position: absolute;
  right:-2000px;
  top: 232px;
}
.p5_8{
  background: url(../images/ganbu/p3img8.png) no-repeat;
  background-position: center top;
  position: absolute;
  right:-2000px;
  top: 394px;
}
.p5_slide{
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
  width: 250px;
  left: 50%;
  margin-left: -125px;
  top: 1px;
  z-index: 3;
  transition:0.5s;
  background: rgba(13, 30, 89, .8);
  border:1px solid #fff;
  border-radius: 5px;
  text-align: justify;
  font-size: 14px;
  color: #FFFFFF;
  line-height: 26px;
  padding: 15px;
}
.p5_slide.on{
  opacity: 1;
  filter: alpha(opacity=100);
}
.p5_content .p5_slide1{
  margin-left: -245px;
  top: 10px;
}
.p5_content .p5_slide2{
  margin-left: -365px;
  top: 198px;
}
.p5_content .p5_slide3{
  margin-left: -245px;
  top: 386px;
}
.p5_content .p5_slide4{
  margin-left: -5px;
  top: 10px;
}
.p5_content .p5_slide5{
  margin-left: 115px;
  top: 198px;
}
.p5_content .p5_slide6{
  margin-left: -5px;
  top: 386px;
}

.xc_part2{
  width: 100%;
  height: 960px;
  background: url(../images/ganbu/bg_04.jpg);
  background-repeat: no-repeat;
  background-position: center top;
}
.xc_part2 .index_wrap{
  position: relative;
}
.wzq_title2{
  float: left;
  margin-top: 25px;
}
.superli{
  width: 100%;
  height: 780px;
  position: absolute;
  left: 0;
  top:180px;
  z-index: 2;
}
.quan{ 
  position: absolute;
}
.quan1{
  width: 180px;
  height: 180px;
  top: 0;
  left: 337px;
}
.quan2{
  width: 110px;
  height: 110px;
  top: 190px;
  left: 295px;
}
.quan3{
  width: 130px;
  height: 130px;
  top: 400px;
  left: 290px;
}
.quan4{
  width: 100px;
  height: 100px;
  top: 555px;
  left: 667px;
}
.quan5{
  width: 130px;
  height: 130px;
  top: 229px;
  left: 930px;
}
.quan6{
  width: 130px;
  height: 130px;
  top: 10px;
  left: 590px;
}
.quan7{
  width: 180px;
  height: 180px;
  top: 52px;
  left: 780px;
}
.quan8{
  width: 165px;
  height: 165px;
  top: 366px;
  left: 765px;
}
.quan9{
  width: 165px;
  height: 165px;
  top: 519px;
  left: 407px;
}
.quan10{
  width: 165px;
  height: 165px;
  top: 231px;
  left: 106px;
}
.quan_wrap{
  width: 100%;
  height: 100%;
  position: relative;
}
.qipao{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  cursor:pointer;
}
.qipao_font1{
  display: block;
  width: 100%;
  height: 26px;
  font-weight: bold;
  color: #2357CE;
  line-height: 26px;
  text-align: center;
  position: absolute;
  top: 50%;
  margin-top: -13px;
}
.qipao_font2{
  display: block;
  width: 100%;
  height: 44px;
  font-weight: bold;
  color: #2357CE;
  line-height: 22px;
  text-align: center;
  position: absolute;
  top: 50%;
  margin-top: -22px;
}
.quan1 .qipao_font1{
  font-size: 20px;
}
.quan2 .qipao_font1{
  font-size: 16px;
}
.quan3 .qipao_font2{
  font-size: 17px;
}
.quan4 .qipao_font1{
  font-size: 15px;
}
.quan5 .qipao_font1{
  font-size: 17px;
}
.quan6 .qipao_font2{
  font-size: 17px;
}
.quan7 .qipao_font2{
  font-size: 19px;
}
.quan8 .qipao_font1{
  font-size: 19px;
}
.quan9 .qipao_font1{
  font-size: 19px;
}
.quan10 .qipao_font1{
  font-size: 19px;
}
.qipao1{
  background:url(../images/qipao1.png) no-repeat center; 
  background-size:cover;
  animation:myfirst linear infinite 2.5s;
}
.qipao2{
  background:url(../images/qipao2.png) no-repeat center; 
  background-size:cover;
  animation:myfirst linear infinite 2.5s;
    -webkit-animation-delay: 1.2s;
  -moz-animation-delay: 1.2s;
  -ms-animation-delay: 1.2s;
      animation-delay: 1.2s;

}
.qipao{}
@keyframes myfirst {0% {top:0;} 50% {top:8px;} 100% {top:0;}}
.quan:hover .qipao{transform: scale(1.3);transition: all 0.3s;}
.quan:hover .alert{
  display: block;
}
.alert{
  padding: 30px;
  background: rgba(255,255,255,.7);
  display: none;
  position: absolute;
  z-index: 3;
}
.quan1 .alert,.quan2 .alert,.quan10 .alert{
  top: 50%;
  left: 90%;
}
.quan9 .alert,.quan3 .alert{
  bottom: 50%;
  left: 90%;
}
.quan4 .alert,.quan8 .alert{
  bottom: 50%;
  right: 90%;
}
.quan5 .alert,.quan6 .alert,.quan7 .alert{
  top: 50%;
  right: 90%;
}
.alert span{
  display: block;
  height: 24px;
  font-size: 18px;
  font-weight: bold;
  color: #000000;
  line-height:24px;
}
.alert p{
  margin-top: 10px;
  font-size: 14px;
  color: #999999;
  line-height: 20px;
}
.alert img{
  margin-top: 15px;
}
.xc_title2{
  text-align: center;
  width: 100%;
  float: left;
  height: 45px;
  font-size: 34px;
  font-weight: bold;
  color: #010101;
  line-height: 45px;
  margin-top: 70px;
}
.xc_title2 b{
  color: #2357CE;
}
.imgWrap_k{
  float:left;
  width: 100%;
  height: 750px;
  margin-top: 65px;
}
.imgWrap {
  width: 700px;
  height: 700px;
  margin: 0 auto;
  position: relative;
}

.outer, .inner, .small {
  position: relative;
    width: 700px;
    height: 700px;
    border-radius: 50%;
    background-color: #fff;
    opacity: 0;
    -webkit-animation: ballScale 6s 0s linear infinite;
    -moz-animation: ballScale 6s 0s linear infinite;
    -ms-animation: ballScale 6s 0s linear infinite;
    animation: ballScale 6s 0s linear infinite;
}
.imgWrap img{
  position: absolute;
  top: 105px;
  left: 105px;
}
.imgWrap span{
  position: absolute;
  width: 200px;
  height: 35px;
  font-size: 26px;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 35px;
  display: block;
  text-align: center;
  top: 332px;
  left: 250px;
}
.inner{
  position: relative;
  margin-top: -700px;
  -webkit-animation-delay: 2s;
  -moz-animation-delay: 2s;
  -ms-animation-delay: 2s;
      animation-delay: 2s;
}
.small{
    position: relative;
  margin-top: -700px;
  -webkit-animation-delay: 4s;
  -moz-animation-delay: 4s;
  -ms-animation-delay: 4s;
      animation-delay: 4s;
}
@-webkit-keyframes ballScale {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1; }

  100% {
    -webkit-transform: scale(1);
            transform: scale(1);

    opacity: 0; } }
@-moz-keyframes ballScale {
  0% {
    -moz-transform: scale(0);
            transform: scale(0);
    opacity: 1; }

  100% {
    -moz-transform: scale(1);
            transform: scale(1);

    opacity: 0; } }
@-ms-keyframes ballScale {
  0% {
    -ms-transform: scale(0);
            transform: scale(0);
    opacity: 1; }

  100% {
    -ms-transform: scale(1);
            transform: scale(1);

    opacity: 0; } }
@keyframes ballScale {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1;
    }

  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0; }
}