@charset "UTF-8";/*!
 * Author ：YXY

/*# 
╔━───────────────━╗
│    ·· YXY ··    │
│    ·· YXY ··    │
│    ·· YXY ··    │
╚━───────────────━╝
*/
body{overflow-x: hidden;}
#tg .banner{position: relative;}
#btn-tg-banner{display: block;left: calc(50% - 160px);width: 320px;height: 56px;position: absolute;bottom: 26%;font-size: 1.4rem!important;text-align: center;border-radius: 6px!important;letter-spacing: 4px;font-weight: 600;}
#tg .box .tit-l{margin-bottom: 2rem;}
#tg .box .tit-l::before{display: inline-block; margin-right: 10px;}
#tg .box .tit-l::after{display: inline-block; margin-left: 10px;}
#tg .box .tit-x{font-style: italic;text-align: center;font-size: 1.2rem;}
#tg .box1 .card .card-body,#tg .box4 .card .card-body h5{text-align: center;}
#tg .card .card-body p{margin-bottom: 0.5rem;color: var(--yxy-zt-0_3);}
#tg .card .card-footer a{color: #fff;}
#tg .btn-tg{display: inline-block; padding: 12px 24px; font-size: 1rem; color: #fff; background-size: 400% 100%; border: none; border-radius: 4px; cursor: pointer; animation: gradientScroll 2s linear infinite, pulseScale 2s ease-in-out infinite; letter-spacing: 2px;}
@keyframes gradientScroll {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: -100% 0;
    }
}
@keyframes pulseScale {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.05);
    }
}
#tg .box2 .card{margin-bottom: 1.5rem;}

#tg .box2 .nav-item{margin-right: 1rem;}
#tg .box2 .nav-item.last{margin-right: 0;position: absolute;right: 0;}
#tg .box2 .nav-item.last .nav-link{color: #fff;}
#tg .box2 .tab-content{margin-top: 2rem;}
#tg .box2 .nav-tabs{position: relative;}
#tg .box2 .card .zoom-on-hover{overflow: hidden;transition: transform 0.3s ease;display: inline-block;}
#tg .box2 .card .zoom-on-hover img{display: block;transition: transform 0.3s ease;}
#tg .box2 .card:hover img{transform: scale(1.1);}

#tg .box3 a{display: flex; justify-content: center;}

#tg .box4 .card{transition: box-shadow 0.3s ease;}
#tg .box4 .card:hover{box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);}
#tg .box5{background-size: cover;}
#tg .box5 #caseSwiper{width: 100%;overflow: hidden;position: relative;}
#tg .box5 #caseSwiper .caselist{background-color: #fff;}
#tg .box5 #caseSwiper .left{width: 50%;float: left;}
#tg .box5 #caseSwiper .right{width: 50%;float: left;padding: 1.5rem;}
#tg .box5 #caseSwiper .caselist h4{color: var(--yxy-zt-0_2);}
#tg .box5 #caseSwiper .caselist p{color: var(--yxy-zt-0_3);margin-top: 1rem;font-size: .875rem;border-top: 1px solid var(--yxy-zt-0_4);padding-top: 1rem;line-height: 1.8;}
#tg .box5 #caseSwiper .caselist .badge{padding: 6px 8px;}
#tg .box5 #caseSwiper .swiper-pagination{width: 50%;left: calc(50% + 1.5rem);text-align: left;}
#tg .box5 #caseSwiper .swiper-button-next, #tg .box5 #caseSwiper .swiper-button-prev{width: 60px;height: 60px;border-radius: 50%;color: rgba(255, 255, 255, 0.5);}
#tg .box5 #caseSwiper .swiper-button-next:hover, #tg .box5 #caseSwiper .swiper-button-prev:hover{color: rgba(255, 255, 255, .9);}
#tg .box5 #caseSwiper .swiper-button-next{right: auto;left: calc(50% + 45rem);}
#tg .box5 #caseSwiper .swiper-button-prev{left: auto;right: calc(50% + 45rem);}

#tg .box6 .container{position: relative;padding-top: 100px;background-size: cover;}
#tg .box6 .pulse-container{position: relative;width: 500px;height: 250px;overflow: hidden;left: calc(50% - 250px); bottom: 0;}
#tg .box6 .pulse{position: absolute;width: 100%;height: 200%;border-radius: 50%;opacity: 0.6;transform: scale(0.4);animation: pulseAnimation 2s infinite ease-out;}
#tg .box6 .pulse0{background-color: #ffffff;width: 30%;height: 60%;border-radius: 50%;position: absolute;z-index: 999;left: 35%;top: 70%;text-align: center;line-height: 100px;}
#tg .box6 h5{line-height: 110px;margin-bottom: 0;}
@keyframes pulseAnimation {
    0% {
        transform: scale(0.4);
        opacity: 0.6;
    }

    50% {
        transform: scale(0.8);
        opacity: 0.2;
    }

    100% {
        transform: scale(1.0);
        opacity: 0.1;
    }
}
#tg .box6 .yuan-list{width: 100%;height: 350px;position: absolute;left: 0;top: 0;}
#tg .box6 .yuan-list .yuan{position: absolute;text-align: center;width: 168px;height: 122px;}
#tg .box6 .yuan-list .yuan.yuan1{left: calc(6% - 84px);top: calc(20% - 61px);}
#tg .box6 .yuan-list .yuan.yuan2{left: calc(26% - 84px);top: calc(46% - 61px);}
#tg .box6 .yuan-list .yuan.yuan3{left: calc(46% - 84px);top: calc(36% - 61px);}
#tg .box6 .yuan-list .yuan.yuan4{left: calc(66% - 84px);top: calc(64% - 61px);}
#tg .box6 .yuan-list .yuan.yuan5{left: calc(86% - 84px);top: calc(78% - 61px);}
#tg .box6 .yuan-list .yuan .yuan-icon{width: 50px;height: 50px;border-radius: 50%;margin: auto;font-size: 28px;line-height: 50px;color: #fff;transition: all 0.3s;}
#tg .box6 .yuan-list .yuan:hover{animation: pulseAnimationMC 1.2s infinite ease-out;}
@keyframes pulseAnimationMC {
    0% {
        transform: scale(0.96);
    }

    100% {
        transform: scale(1.04);
    }
}
#tg .box6 .yuan-list .yuan h6{margin-top: .5rem;}
#tg .box6 .yuan-list .yuan p{font-size: 14px;color: var(--yxy-zt-0_2);}
#tg .box6 .yuan-list .yuan .text-shadow{text-shadow: -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, 2px 2px 0 #fff, 0 -2px 0 #fff, 0 2px 0 #fff, -2px 0 0 #fff, 2px 0 0 #fff;}
#tg .box7 img{margin-bottom: 1rem;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);transition: all .3s;}
#tg .box7 img:hover{box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);transform: scale(1.05);}

.tg-color-lan .box .tit-l::before,.tg-color-lan .box .tit-l::after{content: url('../images/tit-bg-lan.png');}
.tg-color-lan .tg-color-1{color: #3364d3;}
.tg-color-lan .tg-color-2{color:#7092e0;}
.tg-color-lan .tg-color-border1{border-color: #3364d3;}
.tg-color-lan .tg-color-bg1{background-color: #3364d3;}
.tg-color-lan .btn-tg{background-image: linear-gradient(90deg, #3364d3, #409ccf, #3364d3);}
.tg-color-lan .box2 .nav-item.last .nav-link{background-color: #409ccf;border: 1px solid #409ccf!important;border-bottom: 1px solid #3364d3!important;}
.tg-color-lan .box2 .nav-item.last:hover .nav-link{background-color: #3364d3;border: 1px solid #3364d3!important;}
.tg-color-lan .nav-tabs.tg-color-tabs1{border-bottom: 1px solid #3364d3;}
.tg-color-lan .nav-tabs.tg-color-tabs1 .nav-link:focus, .tg-color-lan .nav-tabs.tg-color-tabs1 .nav-link:hover{border-color: #3364d3 #3364d3 #fff;}
.tg-color-lan .nav-tabs.tg-color-tabs1 .nav-link:hover{color: #3364d3;}
.tg-color-lan .nav-tabs.tg-color-tabs1 .nav-item.show .nav-link{border-color: #3364d3 #3364d3 #fff;}
.tg-color-lan .nav-tabs.tg-color-tabs1 .nav-link.active{border-color: #3364d3 #3364d3 #fff;background-color: #3364d3;color: #fff;border-bottom: 1px solid #3364d3;}
.tg-color-lan .badge-tg{background-color: rgba(51, 100, 211, 0.15);color: #3364d3;}
.tg-color-lan .box5{background: url('../images/tg-box5-bg-lan.jpg') center center no-repeat;}
.tg-color-lan .swiper-pagination-bullet-active{background-color: #3364d3;}
.tg-color-lan .tg-jaintou-bg2{background-color: rgba(31, 43, 65, .5);}
.tg-color-lan .tg-jaintou-bg2:hover{background-color: rgba(31, 43, 65, .65);}
.tg-color-lan .box6 .container{background: url('../images/tg-box6-bg-lan.png') center center no-repeat;}
.tg-color-lan .box6 .pulse1{background-color: #ffffff;animation-delay: 0s;}
.tg-color-lan .box6 .pulse2{background-color: #3d6cd5;animation-delay: 0.3s;}
.tg-color-lan .box6 .pulse3{background-color: #5c83dc;animation-delay: 0.6s;}
.tg-color-lan .box6 .pulse4{background-color: #8faae7;animation-delay: 0.9s;}
.tg-color-lan .box6 .yuan-list .yuan .yuan-icon{background-color: #5c83dc;}
.tg-color-lan .box6 .yuan-list .yuan .yuan-icon:hover{background-color: #3d6cd5}
.tg-color-lan .box7{background-color: rgba(51, 100, 211, .03);}
.tg-color-lan .box6{background: url(../images/tg-box6-bg2-lan.jpg) no-repeat bottom center / cover;}

.tg-color-hong .box .tit-l::before,.tg-color-hong .box .tit-l::after{content: url('../images/tit-bg-hong.png');}
.tg-color-hong .tg-color-1{color: #D33333;}
.tg-color-hong .tg-color-2{color:#D47979;}
.tg-color-hong .tg-color-border1{border-color: #D33333;}
.tg-color-hong .tg-color-bg1{background-color: #D33333;}
.tg-color-hong .btn-tg{background-image: linear-gradient(90deg, #D33333, #cf5b40, #D33333);}
.tg-color-hong .box2 .nav-item.last .nav-link{background-color: #cf5b40;border: 1px solid #cf5b40!important;border-bottom: 1px solid #D33333!important;}
.tg-color-hong .box2 .nav-item.last:hover .nav-link{background-color: #D33333;border: 1px solid #D33333!important;}
.tg-color-hong .nav-tabs.tg-color-tabs1{border-bottom: 1px solid #D33333;}
.tg-color-hong .nav-tabs.tg-color-tabs1 .nav-link:focus, .tg-color-hong .nav-tabs.tg-color-tabs1 .nav-link:hover{border-color: #D33333 #D33333 #fff;}
.tg-color-hong .nav-tabs.tg-color-tabs1 .nav-link:hover{color: #D33333;}
.tg-color-hong .nav-tabs.tg-color-tabs1 .nav-item.show .nav-link{border-color: #D33333 #D33333 #fff;}
.tg-color-hong .nav-tabs.tg-color-tabs1 .nav-link.active{border-color: #D33333 #D33333 #fff;background-color: #D33333;color: #fff;border-bottom: 1px solid #D33333;}
.tg-color-hong .badge-tg{background-color: rgba(211, 51, 51, 0.15);color: #D33333;}
.tg-color-hong .box5{background: url('../images/tg-box5-bg-hong.jpg') center center no-repeat;}
.tg-color-hong .swiper-pagination-bullet-active{background-color: #D33333;}
.tg-color-hong .tg-jaintou-bg2{background-color: rgba(84, 66, 62, .5);}
.tg-color-hong .tg-jaintou-bg2:hover{background-color: rgba(84, 66, 62, .65);}
.tg-color-hong .box6 .container{background: url('../images/tg-box6-bg-hong.png') center center no-repeat;}
.tg-color-hong .box6 .pulse1{background-color: #ffffff;animation-delay: 0s;}
.tg-color-hong .box6 .pulse2{background-color: #d53d3d;animation-delay: 0.3s;}
.tg-color-hong .box6 .pulse3{background-color: #dc5c5c;animation-delay: 0.6s;}
.tg-color-hong .box6 .pulse4{background-color: #e78f8f;animation-delay: 0.9s;}
.tg-color-hong .box6 .yuan-list .yuan .yuan-icon{background-color: #dc5c5c;}
.tg-color-hong .box6 .yuan-list .yuan .yuan-icon:hover{background-color: #d53d3d}
.tg-color-hong .box7{background-color: rgba(211, 51, 51, .03);}
.tg-color-hong .box6{background: url(../images/tg-box6-bg2-hong.jpg) no-repeat bottom center / cover;}

.tg-color-cheng .box .tit-l::before,.tg-color-cheng .box .tit-l::after{content: url('../images/tit-bg-cheng.png');}
.tg-color-cheng .tg-color-1{color: #d38633;}
.tg-color-cheng .tg-color-2{color:#D4A879;}
.tg-color-cheng .tg-color-border1{border-color: #d38633;}
.tg-color-cheng .tg-color-bg1{background-color: #d38633;}
.tg-color-cheng .btn-tg{background-image: linear-gradient(90deg, #d38633, #D44E33, #d38633);}
.tg-color-cheng .box2 .nav-item.last .nav-link{background-color: #D44E33;border: 1px solid #D44E33!important;border-bottom: 1px solid #d38633!important;}
.tg-color-cheng .box2 .nav-item.last:hover .nav-link{background-color: #d38633;border: 1px solid #d38633!important;}
.tg-color-cheng .nav-tabs.tg-color-tabs1{border-bottom: 1px solid #d38633;}
.tg-color-cheng .nav-tabs.tg-color-tabs1 .nav-link:focus, .tg-color-cheng .nav-tabs.tg-color-tabs1 .nav-link:hover{border-color: #d38633 #d38633 #fff;}
.tg-color-cheng .nav-tabs.tg-color-tabs1 .nav-link:hover{color: #d38633;}
.tg-color-cheng .nav-tabs.tg-color-tabs1 .nav-item.show .nav-link{border-color: #d38633 #d38633 #fff;}
.tg-color-cheng .nav-tabs.tg-color-tabs1 .nav-link.active{border-color: #d38633 #d38633 #fff;background-color: #d38633;color: #fff;border-bottom: 1px solid #d38633;}
.tg-color-cheng .badge-tg{background-color: rgba(211, 134, 51, 0.15);color: #d38633;}
.tg-color-cheng .box5{background: url('../images/tg-box5-bg-cheng.jpg') center center no-repeat;}
.tg-color-cheng .swiper-pagination-bullet-active{background-color: #d38633;}
.tg-color-cheng .tg-jaintou-bg2{background-color: rgba(84, 77, 62, .5);}
.tg-color-cheng .tg-jaintou-bg2:hover{background-color: rgba(84, 77, 62, .65);}
.tg-color-cheng .box6 .container{background: url('../images/tg-box6-bg-cheng.png') center center no-repeat;}
.tg-color-cheng .box6 .pulse1{background-color: #ffffff;animation-delay: 0s;}
.tg-color-cheng .box6 .pulse2{background-color: #d58c3d;animation-delay: 0.3s;}
.tg-color-cheng .box6 .pulse3{background-color: #dc9e5c;animation-delay: 0.6s;}
.tg-color-cheng .box6 .pulse4{background-color: #e7bd8f;animation-delay: 0.9s;}
.tg-color-cheng .box6 .yuan-list .yuan .yuan-icon{background-color: #dc9e5c;}
.tg-color-cheng .box6 .yuan-list .yuan .yuan-icon:hover{background-color: #d58c3d}
.tg-color-cheng .box7{background-color: rgba(211, 134, 51, .03);}
.tg-color-cheng .box6{background: url(../images/tg-box6-bg2-cheng.jpg) no-repeat bottom center / cover;}

.tg-color-lv .box .tit-l::before,.tg-color-lv .box .tit-l::after{content: url('../images/tit-bg-lv.png');}
.tg-color-lv .tg-color-1{color: #6cb121;}
.tg-color-lv .tg-color-2{color:#87B05C;}
.tg-color-lv .tg-color-border1{border-color: #6cb121;}
.tg-color-lv .tg-color-bg1{background-color: #6cb121;}
.tg-color-lv .btn-tg{background-image: linear-gradient(90deg, #6cb121, #21B046, #6cb121);}
.tg-color-lv .box2 .nav-item.last .nav-link{background-color: #21B046;border: 1px solid #21B046!important;border-bottom: 1px solid #6cb121!important;}
.tg-color-lv .box2 .nav-item.last:hover .nav-link{background-color: #6cb121;border: 1px solid #6cb121!important;}
.tg-color-lv .nav-tabs.tg-color-tabs1{border-bottom: 1px solid #6cb121;}
.tg-color-lv .nav-tabs.tg-color-tabs1 .nav-link:focus, .tg-color-lv .nav-tabs.tg-color-tabs1 .nav-link:hover{border-color: #6cb121 #6cb121 #fff;}
.tg-color-lv .nav-tabs.tg-color-tabs1 .nav-link:hover{color: #6cb121;}
.tg-color-lv .nav-tabs.tg-color-tabs1 .nav-item.show .nav-link{border-color: #6cb121 #6cb121 #fff;}
.tg-color-lv .nav-tabs.tg-color-tabs1 .nav-link.active{border-color: #6cb121 #6cb121 #fff;background-color: #6cb121;color: #fff;border-bottom: 1px solid #6cb121;}
.tg-color-lv .badge-tg{background-color: rgba(108, 177, 33, 0.15);color: #6cb121;}
.tg-color-lv .box5{background: url('../images/tg-box5-bg-lv.jpg') center center no-repeat;}
.tg-color-lv .swiper-pagination-bullet-active{background-color: #6cb121;}
.tg-color-lv .tg-jaintou-bg2{background-color: rgba(37, 51, 35, .5);}
.tg-color-lv .tg-jaintou-bg2:hover{background-color: rgba(37, 51, 35, .65);}
.tg-color-lv .box6 .container{background: url('../images/tg-box6-bg-lv.png') center center no-repeat;}
.tg-color-lv .box6 .pulse1{background-color: #ffffff;animation-delay: 0s;}
.tg-color-lv .box6 .pulse2{background-color: #73b52c;animation-delay: 0.3s;}
.tg-color-lv .box6 .pulse3{background-color: #89c14d;animation-delay: 0.6s;}
.tg-color-lv .box6 .pulse4{background-color: #aed485;animation-delay: 0.9s;}
.tg-color-lv .box6 .yuan-list .yuan .yuan-icon{background-color: #89c14d;}
.tg-color-lv .box6 .yuan-list .yuan .yuan-icon:hover{background-color: #73b52c}
.tg-color-lv .box7{background-color: rgba(108, 177, 33, .03);}
.tg-color-lv .box6{background: url(../images/tg-box6-bg2-lv.jpg) no-repeat bottom center / cover;}


@media (min-width:576px){
    
    
}
@media (min-width:768px){
    
    
}
@media (min-width:992px){
    
    
}
@media (min-width:1200px){
    
    
}
@media (min-width:1400px){
    
    
}