.tab .addhover { border-bottom: 2px solid #0028c9; }

.banner-img { width: 100%; height: 500px; }

.container { width: 100%; margin: 0 auto; }

.none { position: absolute; top: 500px; }

.w-1200 { padding: 50px 0; width: 1200px; margin: 0 auto; }

.h1-title { margin: 0 0 40px; }

.h1-title h1 { font-size: 30px; font-weight: 600; color: #333; text-align: center; }

.h1-title h3 { font-size: 16px; color: #333; text-align: center; }

.item-box { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; }

.free-pro .item-p p::before { background-image: url("../images/yes3.png") !important; }

.free-item { width: 30%; position: relative; background-size: 100% 80px; background-repeat: no-repeat; background-color: #fff; border-radius: 10px; padding: 15px 20px 40px; box-sizing: border-box; overflow: hidden; margin-bottom: 30px; }

.free-item .item-title { margin-top: 15px; }

.free-item .item-title h3 { font-size: 24px; color: #fff; font-weight: 600; }

.free-item .rec { background-color: #f06918 !important; }

.free-item .sub-btn { padding: 10px 36px; border-radius: 30px; color: #fff; font-size: 16px; background-color: #1e63e6; }

.free-item .item-p { margin: 20px 0; }

.free-item .item-p p { line-height: 40px; font-size: 16px; color: #666; display: flex; align-items: center; }

.free-item .item-p p::before { content: ""; display: block; width: 22px; height: 22px; background-image: url("../images/yes2.png"); background-size: 22px 22px; margin-right: 10px; }

.free-item .item-background img { box-sizing: border-box; position: absolute; right: 0; bottom: 0px; width: 150px; height: auto; transition: all 333ms ease; }

.advantage-item { width: 32%; height: 260px; position: relative; background-color: #f7f9fc; border-radius: 5px; padding: 20px; box-sizing: border-box; overflow: hidden; margin-bottom: 30px; }

.advantage-item .item-title { margin-bottom: 20px; }

.advantage-item .item-title h3 { font-size: 20px; color: #333; font-weight: 600; }

.advantage-item .item-p p { line-height: 40px; font-size: 16px; color: #666; display: flex; align-items: center; }

.advantage-item .item-p p::before { content: ""; display: block; width: 22px; height: 22px; background-image: url("../images/yes-active.png"); background-size: 22px 22px; margin-right: 10px; }

.advantage-item .item-background img { box-sizing: border-box; position: absolute; right: 0; bottom: -70px; width: 200px; height: auto; transition: all 333ms ease; }

.advantage-item:hover { background-color: #4c8bfd; color: #fff; }

.advantage-item:hover .item-title h3 { color: inherit; }

.advantage-item:hover .item-p p { color: inherit; }

.advantage-item:hover .item-p p::before { background-image: url("../images/yes.png"); }

.advantage-item:hover .item-background img { bottom: 0; }

.case-contain .h1-title h1 { width: 100%; }

.case-contain .swiper-button-next { margin-right: 20px; width: 50px; height: 50px; }

.case-contain .swiper-button-next::hover svg { width: 100%; fill: red; }

.case-contain .swiper-button-next svg { width: 100%; fill: #d8d8d8; transform: scale(1); -webkit-transition: 0.3s ease; transition: 0.3s ease; }

.case-contain .swiper-button-next svg:hover { fill: #248af6; transform: scale(1.1); -webkit-transition: 0.3s ease; transition: 0.3s ease; }

.case-contain .swiper-button-next:after { content: ""; }

.case-contain .swiper-button-prev { margin-left: 20px; width: 50px; height: 50px; -ms-transform: rotateZ(180deg); -moz-transform: rotateZ(180deg); -webkit-transform: rotateZ(180deg); transform: rotateZ(180deg); }

.case-contain .swiper-button-prev::hover svg { width: 100%; fill: red; }

.case-contain .swiper-button-prev svg { width: 100%; fill: #d8d8d8; transform: scale(1); -webkit-transition: 0.3s ease; transition: 0.3s ease; }

.case-contain .swiper-button-prev svg:hover { fill: #248af6; transform: scale(1.1); -webkit-transition: 0.3s ease; transition: 0.3s ease; }

.case-contain .swiper-button-prev:after { content: ""; }

.case-contain .case-item-box { width: 1200px; margin: 0 auto; }

.case-contain .case-item-box .swiper-slide { padding: 20px 10px; box-sizing: border-box; background-color: #fff; border-radius: 10px; display: flex; justify-content: space-evenly; }

.case-contain .case-item-box .left-info { width: 530px; height: 440px; }

.case-contain .case-item-box .left-info .case-img { width: 100%; height: 100%; }

.case-contain .case-item-box .right-info { width: 45%; }

.case-contain .case-item-box .right-info .ca-title { color: #333; font-weight: 600; font-size: 28px; margin-bottom: 40px; }

.case-contain .case-item-box .right-info .ca-title::after { content: ""; display: block; width: 45px; height: 5px; margin-top: 5px; background-color: #0065dd; }

.case-contain .case-item-box .right-info .ca-desc { margin-bottom: 40px; }

.case-contain .case-item-box .right-info .ca-desc .ca-title2 { color: #333; font-weight: 600; font-size: 20px; margin-bottom: 10px; }

.case-contain .case-item-box .right-info .ca-desc h4 { color: #000; font-size: 16px; display: flex; align-items: center; }

.case-contain .case-item-box .right-info .ca-desc h4::before { content: ""; display: block; width: 16px; height: 16px; background-image: url("../images/yes-active.png"); background-size: cover; margin-right: 10px; }

.case-contain .case-item-box .right-info .ca-desc p { padding-left: 26px; font-size: 14px; margin-bottom: 20px; }

.qy-meal { position: relative; background-image: url(../images/qyb-meal-bg.png); background-repeat: no-repeat; background-size: 100% 200px; background-color: #f5f6fa; }

.qy-meal .qy-meal-content { width: 1200px; margin: 0 auto; }

.qy-meal .h1-title { margin: 0; padding: 40px; }

.qy-meal .h1-title h1 { color: #fff; }

.qy-meal .meal-item { display: flex; flex-direction: column; padding-bottom: 15px; }

.qy-meal .meal-item ul { width: 100%; display: flex; justify-content: space-evenly; margin-bottom: 20px; }

.qy-meal .li-item { background-color: #fff; padding: 20px; border-radius: 5px; }

.qy-meal .li-item:first-child { writing-mode: vertical-rl; text-align: center; background-color: #0173eb; color: #fff; font-size: 16px; letter-spacing: 10px; cursor: default; }

.qy-meal .li-item:not(:first-child) { width: 18%; }

.qy-meal .li-item:not(:first-child):hover { box-shadow: 0 0 20px rgba(0, 101, 221, 0.4); }

.qy-meal .li-item h1 { font-size: 22px; color: #030b1a; line-height: 1; font-weight: 600; }

.qy-meal .li-item h2 { font-size: 14px; line-height: 1; color: #818999; padding: 12px 0 32px; }

.qy-meal .li-item .item-p p { display: flex; align-items: center; font-size: 14px; line-height: 2; color: #818999; }

.qy-meal .li-item .item-p p::before { content: ""; display: block; width: 14px; height: 14px; background-image: url("../images/yes-active.png"); background-size: cover; margin-right: 5px; }

.qy-meal .li-item .item-price { margin: 30px 0; color: #818999; }

.qy-meal .li-item .item-price del { text-decoration: line-through; }

.qy-meal .li-item .item-price p { color: #ff6300; font-size: 20px; }

.qy-meal .li-item .item-price p span { font-weight: bold; font-size: 28px; padding: 0 2px; }

.qy-meal .li-item .item-price h1 { font-size: 26px; margin-bottom: 55px; color: #247be2; }

.qy-meal .li-item .detail-btn { background-color: #e3ecff; padding: 10px 20px; width: 100%; border-radius: 5px; font-size: 16px; color: #295cde; }

.feature { background-color: #f5f6fa; width: 100%; margin: 0 auto; }

.feature .feature-content { width: 1200px; margin: 0 auto; display: flex; flex-direction: column; align-items: center; }

.feature .feature-content .more-btn { color: #fff; font-size: 20px; border-radius: 30px; padding: 10px 50px; background-color: #0094ea; margin: 30px 0; }

.feature .feature-content .more-btn:hover { background-color: #0483cc; }

.feature .feature-content .more-img { margin-bottom: 30px; }

.service { display: flex; flex-direction: column; align-items: center; }

.service img { width: 100%; }

.bottom { display: flex; justify-content: space-between; }

.bottom .left-item { width: 48%; }

.bottom .right-item { width: 40%; background-color: #fff; border-radius: 20px; padding: 40px; box-sizing: border-box; }

.bottom .right-item input, .bottom .right-item textarea { margin-left: 5px; width: 75%; }

.bottom .right-item .input-li { display: flex; flex-wrap: nowrap; align-items: baseline; padding: 10px; font-size: 16px; border: 1px solid #d4d4d4; margin-bottom: 20px; }

.bottom .right-item .input-li::before { content: "*"; color: red; }

.bottom .right-item .submit-btn { width: 100%; padding: 10px 0; font-size: 18px; color: #fff; background-color: #2a66fe; border-radius: 5px; }

.bottom .bottom-h { padding-bottom: 16px; font-size: 26px; line-height: 50px; color: #fff; }

.bottom .bottom-h::after { content: ""; display: block; width: 65px; height: 3px; margin-top: 10px; background-color: #fff; }

.bottom .bottom-p { margin-top: 30px; }

.bottom .bottom-p p { font-size: 18px; line-height: 24px; color: #fff; margin-bottom: 24px; }

.bottom .bottom-p p:nth-child(2) { font-weight: bold; font-size: 30px; }

.bottom .createTeam-btn { width: 176px; height: 48px; background: #fff; color: #0065dd; border-radius: 30px; font-size: 18px; font-weight: 500; margin-right: 24px; margin-top: 20px; }