﻿@media(min-width:1025px){.head-top {background: transparent;position: relative;}.head{background-color: transparent;}main{margin-top:-144px;}.head-top .top-left a{color:#000;}.head-top .top-left{color:#000;}.head.active{background:#fff;}.head-nav>ul>li>a{color:#111}.head.active .head-nav>ul>li>a{color:#000}}
.ba1{position: absolute;top: 20%;left: 10%;}
.ba1 .title{color: #000;font-size: 40px;font-weight: var(--fontbold7);}
.ba1 .text{margin-top:10px;font-size: 24px;color: #000;}
.ba1 a{margin-top: 20px;width: 160px;height: 45px;line-height: 45px;font-size: var(--fontsize14);display: inline-block;font-weight: var(--fontbold6);text-align: center;background: var(--color);margin-top: 20px;color: #FFFFFF;border-radius: 3px;}
@media(max-width:768px){.ba1 .title{font-size:18px;}.ba1 .text{display:none;}.ba1 a{display:none;}.ba1{top:27%;}}
.swiper-slide-active .ba1{opacity: 0;transform: translateY(100%);animation: slideUp 1s ease forwards;}

@keyframes slideUp { to {opacity: 1;transform: translateY(0); }}
.que .boxabs{ padding: 4px; width: 20%;}
.que .boxabs h2{font-size:18px;margin-bottom:-2px}
.que .boxabs:after {width: 51%;}
@media (max-width:500px) {.que .boxabs h2{  font-size: 15px; }}