.section-page1{padding-top:35px;padding-bottom:35px;background: url(bg.png) center center no-repeat;background-size:cover;}
.section-page2{padding-top:40px;background:#f6f5fa;}
.section-page3{padding-top:40px;padding-bottom:30px;}
.page-head{margin-bottom:25px;position:relative;}
.page-head .title{color:#222222;font-size:25px;padding-left:62px;}
.page-head .title span{color:#a3a3a3;font-size:13px;display:block;text-transform:uppercase;}
.page-head .title1{background: url(ico01.png) left center no-repeat;}
.page-head .title2{background: url(ico02.png) left center no-repeat;}
.page-head .title3{background: url(ico03.png) left center no-repeat;}
.page-head .more{margin-top:10px;}
.page-head .more a{color:#b3b3b3;font-size:14px;display:block;height:34px;line-height:34px;padding-right:48px;background: url(more.png) right center no-repeat;}

/*小窗样式*/
 /* 核心容器：固定在右侧中间 */
    .floating-widget {
      position: fixed;
      right: 20px; /* 右侧距离 */
      top: 50%; /* 垂直居中基准点 */
      transform: translateY(-50%); /* 向上偏移自身50%，实现精准居中 */
      width: 60px;
      height: 60px;
      background: #3b82f6;
      border-radius: 50%;
      box-shadow: 0 8px 20px rgba(59, 130, 246, 0.25);
      z-index: 999;
      transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
      overflow: hidden;
      animation: floatBase 6s ease-in-out infinite; /* 保留悬浮动画 */
    }

    .floating-widget.expanded {
      width: 320px;
      height: auto;
      border-radius: 16px;
      background: white;
      box-shadow: 
        0 12px 30px rgba(59, 130, 246, 0.15),
        0 6px 12px rgba(59, 130, 246, 0.08);
      animation: floatExpanded 5s ease-in-out infinite;
    }

    /* 悬浮动画保留（增强固定位置的生动性） */
    @keyframes floatBase {
      0%, 100% { transform: translateY(-50%) rotate(0deg); }
      50% { transform: translateY(-55%) rotate(2deg); }
    }

    @keyframes floatExpanded {
      0%, 100% { transform: translateY(-50%) rotate(0.5deg); }
      50% { transform: translateY(-53%) rotate(-0.5deg); }
    }

    /* 触发按钮样式不变 */
    .widget-trigger {
      position: absolute;
      right: 10px;
      top: 10px;
      width: 40px;
      height: 40px;
      background: #3b82f6;
      color: white;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      box-shadow: 0 4px 10px rgba(59, 130, 246, 0.3);
      z-index: 2;
      transition: all 0.3s;
    }

    .floating-widget.expanded .widget-trigger {
      background: #eff6ff;
      color: #3b82f6;
    }

    /* 箭头/叉号图标切换 */
    .trigger-arrow {
      font-size: 18px;
      transition: transform 0.3s;
    }

    .trigger-close {
      font-size: 18px;
      display: none;
      transition: transform 0.3s;
    }

    .floating-widget.expanded .trigger-arrow {
      display: none;
    }
    .floating-widget.expanded .trigger-close {
      display: block;
      transform: rotate(90deg);
    }

    /* 内容区样式不变 */
    .widget-content {
      padding: 25px 30px 25px;
      margin-right: 50px;
      opacity: 0;
      transform: translateX(20px);
      transition: all 0.3s ease-out;
    }

    .floating-widget.expanded .widget-content {
      opacity: 1;
      transform: translateX(0);
    }

    .widget-title {
      font-size: 18px;
      font-weight: 600;
      color: #1e40af;
      margin-bottom: 20px;
      padding-bottom: 10px;
      border-bottom: 1px solid #eff6ff;
      text-align: center;
    }

    .qrcode-container {
      display: flex;
      flex-direction: column;
      gap: 25px;
      align-items: center;
    }

    .qrcode-item {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 8px;
    }

    .qrcode-img {
      width: 140px;
      height: 140px;
      border: 1px solid #eff6ff;
      border-radius: 8px;
      box-shadow: 0 4px 8px rgba(59, 130, 246, 0.08);
      padding: 8px;
      background: white;
    }

    .qrcode-desc {
      font-size: 14px;
      color: #3b82f6;
      font-weight: 500;
    }


   
	
	
@media (min-width: 992px){

}
@media (max-width: 991px){
	.page-head .title{font-size:18px;}
	.section-gjjl .page-head{float:none !important;}
}
@media (max-width: 767px){
	.section-page1{padding:40px 0;}
	.page-head{margin-bottom:20px;}
	.section-gjjl .page-head{margin-bottom:42px;}
}
@media (max-width: 480px){
	
}