@charset "UTF-8";
:root {
    --yxy-zt-0_1:#303133; /* 主要文字 */
    --yxy-zt-0_2:#606266; /* 常规文字 */
    --yxy-zt-0_3:#909399; /* 次要文字 */
    --yxy-zt-0_4:#C0C4CC; /* 占位文字 */
    --yxy-zt-0_5:rgba(48,49,51,.6); /* 标题背景带透明度#303133 */
    --yxy-zt-0_6:rgba(96,98,102,.6); /* 标题背景带透明度#606266 */
    --yxy-zt-0_7:rgba(144,147,153,.6); /* 标题背景带透明度#909399 */


    --yxy-zt-1_1:#3879d1;
    --yxy-zt-1_2:#162333; /* 底部背景 */
    --yxy-zt-1_3:#3364d3; /*  */
    --yxy-zt-1_4:#1C2F40; /* 按钮悬停；footer背景 */
    --yxy-zt-1_5:#9babc7; /* 圆圈背景色 */

    --yxy-jb-1:linear-gradient(45deg, #409ccf, #3364d3);
    --yxy-jb-1:linear-gradient(45deg, #409ccf, #3364d3);
    

    --yxy-zt-2_1:#DCDFE6; /* 一级边框 */
    --yxy-zt-2_2:#E4E7ED; /* 二级边框 */
    --yxy-zt-2_3:#EBEEF5; /* 三级边框 */
    --yxy-zt-2_4:#F2F6FC; /* 四级边框 */

    --yxy-hui-1:#82848a; 
    --yxy-hui-2:#909399; 
    --yxy-hui-3:#a6a9ad; 
    --yxy-hui-4:#c0c4cc;
    --yxy-hui-5:#d3d4d6;
    --yxy-hui-6:#dcdfe6;
    --yxy-hui-7:#e4e7ed;
    --yxy-hui-8:#ebeef5;
    --yxy-hui-9:#f2f6fc;
    --yxy-hui-10:#f4f4f5;
    --yxy-lan-1:#3a8ee6;
    --yxy-lan-2:#409eff;
    --yxy-lan-3:#66b1ff;
    --yxy-lan-4:#b3d8ff;
    --yxy-lan-5:#c6e2ff;
    --yxy-lan-6:#ecf5ff;
    --yxy-lv-1:#5daf34;
    --yxy-lv-2:#67c23a;
    --yxy-lv-3:#85ce61;
    --yxy-lv-4:#c2e7b0;
    --yxy-lv-5:#f0f9eb;
    --yxy-cheng-1:#cf9236;
    --yxy-cheng-2:#e6a23c;
    --yxy-cheng-3:#ebb563;
    --yxy-cheng-4:#f5dab1;
    --yxy-cheng-5:#fdf6ec;
    --yxy-hong-1:#dd6161;
    --yxy-hong-2:#f56c6c;
    --yxy-hong-3:#f78989;
    --yxy-hong-4:#fbc4c4;
    --yxy-hong-5:#fef0f0;
 }
body,.btn{font-family: 'Microsoft YaHei';font-size: .875rem;}
:focus{outline: none;}
a,.nav-link{color: var(--yxy-zt-0_2);text-decoration: none;}
a.btn-a{display: inline-block;}
a:hover,.nav-link:hover{color: var(--yxy-zt-1_1);}
.clear{clear: both;}
.pc{display: none;}
.yxy_flex{display: flex;}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
.yxy-row{display: flex;flex-wrap: wrap;}
.btn.btn-sem{display: flex;margin: auto;font-size: 1rem;height: 3rem;justify-content: center;align-items: center;color: #fff;box-shadow: 0 0 0 rgba(0, 0, 0, 0.3);transition: all .3s ease-in-out;}
.btn.btn-sem:hover{box-shadow: 0 0 .75rem rgba(0, 0, 0, 0.3);font-size: 1.034rem;}
.btn.btn-sem .icon{width: 1.5rem;height: 1.5rem;animation: pulse 1.5s infinite ease-in-out;display: inline-block;margin-right: .8rem;}
.btn-sem .icon-click{background: url(../pic/icon.png) -100px -1px no-repeat;}
.gradient-bg{width: 100%; height: 100%; position: relative; background: var(--yxy-jb-1); background-size: 200% 200%; animation: gradientAnimation 5s ease infinite;}

header{box-shadow: 0 .125rem .75rem 0 rgba(0, 0, 0, 0.1); z-index: 99;position: fixed;left: 0;top: 0;width: 100%;padding: .625rem 0;height: 6rem;background-color: #fff;}
header .container.yxy_flex{justify-content: space-between;align-items: center;}
header .logo{min-width: 16.875rem;display: flex;}
header .logo .img{width: 4.375rem;margin-right: .5rem;}
header .logo .text{width: calc(100% - 4.6875rem);display: flex;flex-direction: column;justify-content: center;}
header .logo .text h1{font-size: 1.5rem;color: var(--yxy-zt-0_1);}
header .logo .text h4{font-size: 1rem;color: var(--yxy-zt-1_1);margin-bottom: 0;}
header .pc .nav{min-width: 38rem;}
header .pc .nav .navbar-nav{width: 100%;flex-direction: row;align-items: center;position: relative;justify-content: center;}
header .pc .nav .nav-item{margin: 0 .5rem;font-size: 1rem;text-align: center;padding: 0 .5rem .25rem .5rem;position: relative;color: var(--yxy-zt-0_1);}
header .pc .nav .nav-item::after{content: '';position: absolute;left: 0;bottom: 0;width: 0;height: .125rem;background-color: var(--yxy-zt-1_1);transition: width .3s ease;}
header .pc .nav .nav-item.active::after,header .pc .nav .nav-item:hover:after{width: 100%;}
header .pc .nav .dropdown-menu{position: fixed;left: 0;top: 4.125rem;height: 24rem;padding: 0;background-color: transparent;border: none;}
header .pc .nav .dropdown-menu.menu-1{width: 48rem;margin-left: calc(50% - 34rem);}
header .pc .nav .dropdown-menu .dropdown-menu-box{height: calc(100% - 3.125rem);background-color: #fff;margin-top: 1.875rem;border-radius: .5rem;box-shadow: 0 0 1.25rem rgba(0, 0, 0, 0.2);padding: 1rem;}
header .pc .nav .dropdown-menu .dropdown-menu-box::after{content: ''; position: absolute; top: 1.5625rem; /* 调整箭头位置 */ left: 50%; transform: translateY(-50%); width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 10px solid #fff;}
header .pc .nav .dropdown-toggle::after{margin-left: 0;width: .625rem;height: .3125rem;border: none;background: url(../pic/icon.png) -1px -1px no-repeat;transition: transform .3s ease;}
header .pc .nav .dropdown-menu:hover + .dropdown-toggle::after,header .pc .nav .dropdown:hover .dropdown-toggle::after{transform: rotate(180deg); background-position-y: -0.4375rem;}
header .pc .nav .dropdown-menu .dropdown-menu-box .menu{padding: .5rem;}
header .pc .nav .dropdown-menu .dropdown-menu-box .menu .menu-left{width: calc(100% - 4rem);}
header .pc .nav .dropdown-menu .dropdown-menu-box .menu .menu-left h5{color: var(--yxy-zt-0_2);}
header .pc .nav .dropdown-menu .dropdown-menu-box .menu .menu-left h6{margin-bottom: .25rem;color: var(--yxy-zt-0_3);}
header .pc .nav .dropdown-menu .dropdown-menu-box .menu .menu-right{width: 4rem;}
header .pc .nav .dropdown-menu .dropdown-menu-box .left{width: calc(70% - .0625rem);height: 100%;border-right: .0625rem solid var(--yxy-zt-2_1);}
header .pc .nav .dropdown-menu .dropdown-menu-box .left-item{margin-right: 1rem;width: 100%;}
header .pc .nav .dropdown-menu .dropdown-menu-box .right{width: 30%;height: 100%;}









header .tel{display: none;width: 15rem;height: 3.125rem;justify-content: space-between;align-items: center;padding: .625rem;background-color: var(--yxy-zt-1_1);border-radius: .5rem;}
header .tel .icon-tel{width: 2rem;height: 2rem;background: url(../pic/icon.png) -40px -1px no-repeat;animation: fastShake 1.5s ease-in-out infinite;}
header .tel .phone{font-size: 1.625rem;color: #fff;}
header .mob{position: relative;}
header .mob .icon-nav{width: 2.5rem;height: 2.5rem;background: url(../pic/icon.png) -1px -62px no-repeat;}
header .mob .icon-nav:hover{cursor: pointer;}
header .mob .icon-nav.active{background: url(../pic/icon.png) -41px -84px no-repeat;}
header .mob-nav{width: 0;background-color: #fff;height: calc(100vh - 10.375rem);border-top: .0625rem solid var(--yxy-zt-2_1);overflow: hidden;transition: all .3s ease;font-size: 1rem;box-shadow: 0 .125rem .75rem 0 rgba(0, 0, 0, 0.1);margin-left: 50%;position: fixed;right: 0;top: 6rem;z-index: 999;}
header .mob-nav.active{width: 50%;}
header .mob-nav .nav{padding: 1rem;padding-left: 1.5rem;}
header .mob-nav .nav .nav-item{margin-bottom: .5rem;}
header .mob-nav .nav .nav-item .nav-link{position: relative;padding-left: 0;}
header .mob-nav .nav .nav-item .nav-link::after{content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: .125rem; background-color: var(--yxy-zt-1_1); transition: width .3s ease;}
header .mob-nav .nav .nav-item.active .nav-link{color: var(--yxy-zt-1_1);}
header .mob-nav .nav .nav-item.active .nav-link::after{width: 6rem;}
header #yxy_mask{position: fixed;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);z-index: 98;top: 6rem;left: 0;display: none;}
header #yxy_mask.active{display: block;}

main{padding-top: 6rem;width: 100%;}
#swiper-banner .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,#swiper-banner .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{width: 3rem;height: .25rem;border-radius: .125rem;}
#swiper-banner .swiper-pagination-bullet{background-color: #fff;opacity: .5;}
#swiper-banner .swiper-pagination-bullet-active{opacity: 1;}
main .box{padding: 2rem 0;}
main .box .tit-big{text-align: center;color: var(--yxy-zt-0_2);margin-bottom: .8rem;}
main .box .tit-big span{color: var(--yxy-zt-1_1);}
main .box .tit-small{text-align: center;color: var(--yxy-zt-0_3);margin-bottom: 0;}

#index .box1 .tab-container{margin-top: 1.5rem;overflow: hidden;}
#index .box1 .tab-list{display: flex; list-style: none; margin: 0; padding: 0;width: 100%;margin: 0 auto;flex-wrap: wrap;justify-content: center;}
#index .box1 .tab-item{text-align: center; padding: .5rem 0; color: var(--yxy-zt-0_2); cursor: pointer; position: relative;margin: 0 .5rem;border: .0625rem solid var(--yxy-zt-2_1);border-radius: .375rem;font-size: 1rem;width: calc(33.3333% - 0.6666666rem);margin-bottom: 1rem;}
#index .box1 .tab-item.cur3{margin-right: 0;}
#index .box1 .tab-item.cur4{margin-left: 0;}
#index .box1 .tab-item:nth-child(n+4){margin-bottom: 0;}
#index .box1 .tab-item:hover,#index .box1 .tab-item.active{background: var(--yxy-jb-1);color: #fff;border: .0625rem solid #fff;}
#index .box1 .tab-content{min-height: 18.75rem; position: relative;}
#index .box1 .tab-pane{display: none; padding: 1.5rem 0; animation: fadeIn 0.5s ease;}
#index .box1 .tab-pane.active{display: block;}
#index .box1 .tab-content-inner{display: flex; align-items: center; flex-wrap: wrap;}
#index .box1 .tab-content-inner .d-flex{gap: .75rem;}
#index .box1 .tab-content-inner .top{margin-bottom: .75rem;}
#index .box1 .tab-content-inner .cur{border-radius: .25rem;overflow: hidden;}
#index .box1 .tab-content-inner .cur .content-img img{transition: all 0.5s ease;width: 100%;}
#index .box1 .tab-content-inner .cur:hover .content-img img{transform: scale(1.05);}
#index .box1 .tab-content-inner .cur1{position: relative;width: 100%;margin-bottom: .75rem;}
#index .box1 .tab-content-inner .cur2{position: relative;width: 100%;}
#index .box1 .content-text{position: absolute;width: 100%;left: 0;bottom: 0;padding: 1.25rem 1.25rem 0.75rem;color: #fff;background: linear-gradient(180deg, rgba(48, 49, 51, 0), rgba(48, 49, 51, 0.8));}
#index .box1 .content-text h4{margin-bottom: 0;}
#index .box1 .content-text h6{display: none;}
#index .box1 .btn-sem{width: 20rem;}
#index .box1 .btn-a{margin-left: calc(50% - 10rem);}
#index .box2{background-color: var(--yxy-zt-0_1);padding: 0;overflow: hidden;}
#index .box2 .cur{position: relative;}
#index .box2 .cur .bg{position: absolute;left: 0;top: 0;width: 100%;;z-index: 1;background-size: cover;background-position: center center;height: 100%;}
#index .box2 .cur .content{position: relative;z-index: 2;color: #fff;margin: auto;padding-top: 3rem;padding-bottom: 3rem;}
#index .box2 .cur .content h2{color: #fff;text-align: left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom: .75rem;}
#index .box2 .cur .content h6{text-align: left;margin-bottom: .75rem;}
#index .box2 .cur .content h6 span{margin-right: 1rem;font-size: 1rem;color: var(--yxy-zt-0_3);}
#index .box2 .cur .content h6 .icon{width: 1rem;height: 1rem;display: inline-block;}
#index .box2 .cur .content h6 .icon.icon-address{background: url(../pic/icon.png) -128px -18px no-repeat;}
#index .box2 .cur .content h6 .icon.icon-date{background: url(../pic/icon.png) -128px -1px no-repeat;}
#index .box2 .cur .content .img{width: 100%;}
#index .box2 .cur .content .img img{width: 100%;border-radius: .25rem;}
#index .box2 .cur .content .text{font-size: 1rem;width: 100%;margin-top: .75rem;}
#index .box2 .cur .content .text .lg{display: none;}
#index .box2 .cur .content .btn-a{display: none;}
#index .box2 .cur .bg1{background-image: url('../images/index-box2-zhanguan-1-bg.jpg')}
#index .box2 .cur .bg2{background-image: url('../images/index-box2-zhanguan-2-bg.jpg')}
#index .box2 .cur .bg3{background-image: url('../images/index-box2-zhanguan-3-bg.jpg')}
#index .box2 .cur .bg4{background-image: url('../images/index-box2-zhanguan-4-bg.jpg')}
#index .box2 .cur .bg5{background-image: url('../images/index-box2-zhanguan-5-bg.jpg')}
#index .box2 .cur .bg6{background-image: url('../images/index-box2-zhanguan-6-bg.jpg')}
#index .box2 .swiper-button-prev,#index .box2 .swiper-button-next{display: none;}
#index .box2 .swiper-button-next.swiper-button-disabled, #index .box2 .swiper-button-prev.swiper-button-disabled{opacity: 1;background-color: var(--yxy-zt-0_3);}
#index .box2 .tag{margin: 1.5rem 0 1rem;height: 2.25rem;overflow: hidden;}
#index .box2 .tag .tag-item{padding: .375rem .75rem;border: .0625rem solid; border-color: var(--yxy-zt-2_1);color: var(--yxy-zt-2_1);margin-right: .5rem;font-size: .875rem;border-radius: .25rem;display: inline-block;margin-bottom: .5rem;}
#index .box2 .btn{width: 17rem;margin-left: 0;}
#index .box2 .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, #index .box2 .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{background-color: var(--yxy-zt-2_1);}
#index .box2 .swiper-horizontal>.swiper-pagination-bullets, #index .box2 .swiper-pagination-bullets.swiper-pagination-horizontal, #index .box2 .swiper-pagination-custom, #index .box2 .swiper-pagination-fraction{bottom: 2rem;}
#index .box2 .swiper-cube .swiper-cube-shadow{opacity: 0;}
#index .box3 .yxy_flex{gap: 1rem;}
#index .box3 .case-box{position: relative;margin: 1.5rem auto;}
#swiper-dmt{width: calc(100% - 3.875rem);}
#index .box3 .swiper-button-prev, #index .box3 .swiper-rtl .swiper-button-next{left: 0;color: var(--yxy-zt-0_4);transition: all .3s ease;}
#index .box3 .swiper-button-prev:hover, #index .box3 .swiper-rtl .swiper-button-next:hover{color: var(--yxy-zt-1_1);}
#index .box3 .swiper-button-next, #index .box3 .swiper-rtl .swiper-button-prev{right: 0;color: var(--yxy-zt-0_4);transition: all .3s ease;}
#index .box3 .swiper-button-next:hover, #index .box3 .swiper-rtl .swiper-button-prev:hover{color: var(--yxy-zt-1_1);}
#index .box3 .dmt-item .dmt-item-box{position: relative;overflow: hidden;border-radius: .375rem;}
#index .box3 .dmt-item .dmt-item-box h5{position: absolute; left: 0; bottom: 0;width: 100%;height: 3rem;line-height: 3rem;padding: 0 1rem;color: #fff;background: linear-gradient(180deg, rgba(48, 49, 51, 0), rgba(48, 49, 51, 0.8));margin-bottom: 0;}
#index .box3 .dmt-item .dmt-item-box .view{position: absolute;right: 1rem;bottom: .625rem;color: #fff;display: none;align-items: center;justify-content: center;}
#index .box3 .dmt-item .dmt-item-box .view .icon-view{background: url(../pic/icon.png) -128px -41px no-repeat;width: 1rem;height: 1rem;display: inline-block;margin-right: .125rem;}
#index .box3 .dmt-item .dmt-item-box img{transition: all 0.5s ease;}
#index .box3 .dmt-item .dmt-item-box:hover img{transform: scale(1.05);}
#index .box3 .btn-a{margin-left: calc(50% - 10.625rem);width: 21.25rem;}
#index .box4{background-color: var(--yxy-zt-1_1);background: url('../images/index-box4-bg-mo.jpg') no-repeat center center;background-size: cover;}
#index .box4 .yxy_flex{justify-content: space-between;align-items: center;flex-wrap: wrap;}
#index .box4 .left{color: #fff;padding: 0 1.875rem;min-width: 100%;text-align: center;}
#index .box4 .left .hide{display: none;}
#index .box4 .left h6{line-height: 1.5;}
#index .box4 .mid{font-size: 1.8rem;color: #fff;border: .125rem solid #fff;padding: .5rem 1.2rem;border-radius: .5rem;display: none;}
#index .box4 .mid .icon-tel{background: url(../pic/icon.png) -40px -1px no-repeat;width: 2rem;height: 2rem;margin-right: 1rem;}
#index .box4 .right{padding: 0 1.875rem;min-width: 100%;}
#index .box4 .right .btn-a{display: block;margin: 1.5rem auto 0;}
#index .box4 .right .btn.btn-sem{width: 17.5rem;}
#index .box5 .yxy_flex{margin-top: 1.5rem;flex-wrap: wrap;}
#index .box5 .logo{width: calc(33.3333% - 0.6666667rem);margin-right: 1rem;margin-bottom: 1rem;box-shadow: 0 .25rem .75rem rgba(0, 0, 0, 0.1);transition: all 0.5s ease;}
#index .box5 .logo:hover{transform: scale(1.05);}
#index .box5 .logo:nth-child(3n){margin-right: 0;}
#index .box5 .logo:nth-child(n+13){display: none;}
#index .box5 h6 .lg{display: none;}

.page-cp .banner{position: relative;}
.page-cp .banner .text{text-align: center;position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;color: #fff;text-shadow: 0 0 8px rgba(0, 0, 0, 0.7);}
.page-cp .banner .text h2{margin-bottom: 1rem;line-height: 1.5;}
.page-cp .banner .text .hide{display: none;}
.page-cp .banner .text h6{display: none;}

.page-cp .yxy_box-advant{background: url(../images/cp-advant-bg-mob.jpg) no-repeat center center;background-size: cover;}
.page-cp .yxy_box-advant .advant-box{flex-wrap: wrap;margin-top: 1.5rem;}
.page-cp .yxy_box-advant .advant-item{width: calc(50% - 0.5rem);margin-right: 1rem;margin-bottom: 1rem;border-radius: .5rem;overflow: hidden;border: .0625rem solid var(--yxy-zt-2_1);background-color: #fff;position: relative;transition: all 0.5s ease;}
.page-cp .yxy_box-advant .advant-item:nth-child(2n){margin-right: 0;}
.page-cp .yxy_box-advant .advant-item:nth-child(n+5){margin-bottom: 0;}
.page-cp .yxy_box-advant .advant-item .text{padding: .5rem .5rem 1rem .5rem;}
.page-cp .yxy_box-advant .advant-item h6{transition: all 0.5s ease;}
.page-cp .yxy_box-advant .advant-item p{margin-bottom: 0;color: var(--yxy-zt-0_2);}
.page-cp .yxy_box-advant .advant-item p .lg{display: none;}
.page-cp .yxy_box-advant .advant-item .tags{position: absolute;right: -0.875rem;top: .4375rem;transform: rotate(45deg);font-size: .75rem;width: 4rem;height: 1.2rem;text-align: center;background: var(--yxy-jb-1);color: #fff;line-height: 1.2rem;}
.page-cp .yxy_box-advant .advant-item.cur6{font-size: 1.2rem;text-align: center;background: url(../images/cp-advant-tongyongh-bg.jpg) no-repeat center center;background-size: cover;}
.page-cp .yxy_box-advant .advant-item .text-sem{width: 100%;height: 100%;display: flex;flex-direction: column;justify-content: center;color: #fff;}
.page-cp .yxy_box-advant .advant-item .text-sem .anniu{width: 80%;max-width: 8.75rem;display: block;height: 2.5rem;line-height: 2.25rem;border: .125rem solid #fff;margin: 0 auto;border-radius: .25rem;}
.page-cp .yxy_box-advant .btn-box{display: none;}
.page-cp .yxy_box-case .swiper-slide{position: relative;}
.page-cp .yxy_box-case .swiper-slide .text{position: absolute;left: 0;bottom: 0;width: 100%;background: linear-gradient(180deg, rgba(48, 49, 51, 0), rgba(48, 49, 51, 0.9));color: #fff;flex-direction: column;padding: 2.5rem .5rem .5rem;height: 7.5rem;align-items: center;}
.page-cp .yxy_box-case .swiper-slide .text .tit{margin-bottom: 1rem;}
.page-cp .yxy_box-case .swiper-slide .text .tag-item{padding: .25rem .75rem;border: .0625rem solid #fff;border-radius: .25rem;}
.page-cp .yxy_box-case .swiper-slide .text .tag-item:nth-child(1){margin-right: .25rem;}
.page-cp .yxy_box-case #swiper-cp-case{margin-top: 1.5rem;width: 100%;padding-bottom: 2rem;margin-bottom: .5rem;}
.page-cp .yxy_box-case #swiper-cp-case .swiper-pagination-bullet-active{background: var(--yxy-zt-1_1);}
.page-cp .yxy_box-case #swiper-cp-case .swiper-button-next, .page-cp .yxy_box-case #swiper-cp-case .swiper-button-prev{color: rgba(255,255,255,.8);background: var(--yxy-zt-0_6);}
.page-cp .yxy_box-case #swiper-cp-case .swiper-button-next:after, .page-cp .yxy_box-case #swiper-cp-case .swiper-button-prev:after{font-size: 2rem;}
.page-cp .yxy_box-case .btn-a{width: 20rem;margin-left: calc(50% - 9.375rem);}

.page-cp .yxy_box-service{background-color: var(--yxy-hui-9);background: url(../images/cp-service-bg-mob.jpg) no-repeat center center;background-size: cover;}
.page-cp .yxy_box-service .service-box{margin-top: 1.5rem;position: relative;}
.page-cp .yxy_box-service .circle-box{width: 22.5rem;height: 24.625rem;margin: auto;position: relative;}
.page-cp .yxy_box-service .circle-box .circle{border-radius: 50%;position: absolute;}
.page-cp .yxy_box-service .circle-box .circle-1{width: 21.25rem;height: 21.25rem;border: .0625rem solid var(--yxy-hui-4);left: calc(50% - 10.625rem);top: 0;z-index: 2;margin-top: 1.75rem;}
.page-cp .yxy_box-service .circle-box .circle-2{width: 14.375rem;height: 14.375rem;border: .0625rem solid var(--yxy-hui-4);left: calc(50% - 7.1875rem);top: 5.1875rem;z-index: 2;}
.page-cp .yxy_box-service .circle-box .circle-3{width: 6.75rem;height: 6.75rem;border: .0625rem solid var(--yxy-hui-4);left: calc(50% - 3.375rem);top: 8.875rem;border: .25rem solid #fff;text-align: center;color: #fff;align-items: center;justify-content: center;font-size: 1.2rem;box-shadow: 0 .125rem .75rem .375rem rgba(0, 0, 0, 0.1);z-index: 3;background: var(--yxy-jb-1);}
.page-cp .yxy_box-service .circle-box .circle-3 .tit{margin-top: -0.25rem;}
.page-cp .yxy_box-service .circle-box .circle-item{position: absolute;z-index: 3;border-radius: 50%;display: flex;justify-content: center;align-items: center;line-height: 1.125rem;padding: .5rem .25rem;text-align: center;width: 3.5rem;height: 3.5rem;}
.page-cp .yxy_box-service .circle-box .circle-item.circle-out{background-color: #fff;box-shadow: 0 .125rem .75rem .375rem rgba(56, 121, 209, 0.2);color: var(--yxy-zt-1_1);padding: .5rem;transition: all 0.5s ease;}
.page-cp .yxy_box-service .circle-box .circle-item.circle-out-1{left: calc(50% - 1.75rem);top: 0;}
.page-cp .yxy_box-service .circle-box .circle-item.circle-out-2{right: calc(11.5% - 1.75rem);top: calc(28% - 1.75rem);}
.page-cp .yxy_box-service .circle-box .circle-item.circle-out-3{right: calc(11.5% - 1.75rem);bottom: calc(28% - 1.75rem);}
.page-cp .yxy_box-service .circle-box .circle-item.circle-out-4{left: calc(50% - 1.75rem);bottom: 0;}
.page-cp .yxy_box-service .circle-box .circle-item.circle-out-5{left: calc(11.5% - 1.75rem);bottom: calc(28% - 1.75rem);}
.page-cp .yxy_box-service .circle-box .circle-item.circle-out-6{left: calc(11.5% - 1.75rem);top: calc(28% - 1.75rem);}
.page-cp .yxy_box-service .circle-box .circle-item.circle-in{background-color: var(--yxy-zt-1_5);box-shadow: 0 .125rem .75rem .375rem rgba(0, 0, 0, 0.05);color: #fff;transition: all 0.5s ease;}
.page-cp .yxy_box-service .circle-box .circle-item.circle-in-1{left: calc(36% - 1.75rem);top: calc(25% - 1.75rem);}
.page-cp .yxy_box-service .circle-box .circle-item.circle-in-2{right: calc(36% - 1.75rem);top: calc(25% - 1.75rem);}
.page-cp .yxy_box-service .circle-box .circle-item.circle-in-3{right: calc(19% - 1.75rem);top: calc(50% - 1.75rem);}
.page-cp .yxy_box-service .circle-box .circle-item.circle-in-4{right: calc(36% - 1.75rem);bottom: calc(25% - 1.75rem);}
.page-cp .yxy_box-service .circle-box .circle-item.circle-in-5{left: calc(36% - 1.75rem);bottom: calc(25% - 1.75rem);}
.page-cp .yxy_box-service .circle-box .circle-item.circle-in-6{left: calc(19% - 1.75rem);top: calc(50% - 1.75rem);}
.page-cp .yxy_box-service .text-box .cur{margin-bottom: 0;}
.page-cp .yxy_box-service .text-box .text{color: var(--yxy-zt-0_2);margin-top: 1.5rem;}
.page-cp .yxy_box-service .text-box .tag-box{display: none;}
.page-cp .yxy_box-service .text-box .btn-box{margin-top: 1.5rem;}
.page-cp .yxy_box-service .text-box .btn-box .btn-a{width: 21.25rem;margin-left: calc(50% - 10.625rem);}


.page-cp .yxy_box-pop{width: 100%;height: 10rem;background: url(../images/cp-pop-qyzt-mob.jpg) no-repeat center center;background-size: cover;}
.page-cp .yxy_box-pop .container{height: 100%;}
.page-cp .yxy_box-pop .text-box{height: 100%;flex-direction: column;color: #fff;justify-content: center;align-items: center;}
.page-cp .yxy_box-pop .text-box h4{text-shadow: 0 0 8px rgba(0, 0, 0, 0.7);}
.page-cp .yxy_box-pop .btn-box{margin-top: 1.5rem;}

.page-cp .yxy_box-product .product-box{margin-top: 1.5rem;}
.page-cp .yxy_box-product .product-nav{position: relative;}
.page-cp .yxy_box-product #product-nav{width: calc(100% - 4rem);text-align: center;}
.page-cp .yxy_box-product .product-item{padding: 0.25rem;border-bottom: .0625rem solid var(--yxy-zt-2_1);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;cursor: pointer;}
.page-cp .yxy_box-product .product-item.active{border-bottom: .0625rem solid var(--yxy-zt-1_1);color: var(--yxy-zt-1_1);}
.page-cp .yxy_box-product .swiper-button-next:after, .page-cp .yxy_box-product .swiper-button-prev:after{font-size: 1rem;}
.page-cp .yxy_box-product .product-list{margin: 1rem 1rem 0;position: relative;aspect-ratio: 6 / 4;}
.page-cp .yxy_box-product .pro-item{border: .0625rem solid var(--yxy-zt-2_1);border-radius: .5rem;overflow: hidden;position: absolute;left: 0;top: 0;opacity: 0;transition: opacity .5s ease;width: 100%;}
.page-cp .yxy_box-product .pro-item.active{opacity: 1;}
.page-cp .yxy_box-product .pro-item .left{width: 50%;padding: .75rem;position: relative;}
.page-cp .yxy_box-product .pro-item .left .tit{min-height: calc(100% - 10rem);max-height: calc(100% - 8rem);overflow:hidden;white-space: normal;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.page-cp .yxy_box-product .pro-item .left .tit .hide-2{display: none;}
.page-cp .yxy_box-product .pro-item .left .tit .hide-3{display: none;}
.page-cp .yxy_box-product .pro-item .left h6{color: var(--yxy-zt-0_2);}
.page-cp .yxy_box-product .pro-item .left .tag-box{display: flex;flex-wrap: wrap;position: absolute;left: .75rem;bottom: .75rem;width: calc(100% - 1.5rem);}
.page-cp .yxy_box-product .pro-item .left .tag-box .tag-item{width: calc(50% - .25rem);text-align: center;background-color: var(--yxy-zt-1_1);color: #fff;margin-bottom: .5rem;padding: .25rem;border-radius: .25rem;}
.page-cp .yxy_box-product .pro-item .left .tag-box .tag-item.width-auto{width: auto;min-width: calc(50% - .25rem);}
.page-cp .yxy_box-product .pro-item .left .tag-box .tag-item:nth-child(2n+1){margin-right: .5rem;}
.page-cp .yxy_box-product .pro-item .right{width: 50%;display: flex; justify-content: center; align-items: center; overflow: hidden;}
.page-cp .yxy_box-product .pro-item .right .img{width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;}
.page-cp .yxy_box-product .pro-item .right .img img{object-fit: cover; width: 100%; height: 100%;}

footer{background-color: var(--yxy-zt-1_4);color: var(--yxy-zt-0_4);}
footer .box-left{padding-right: 2rem;}
footer .container{justify-content: space-between;}
footer .container .hide{display: none;}
footer .comp{display: none;}
footer .brand{align-items: center;color: var(--yxy-zt-0_4);}
footer .brand h4{color: #fff;}
footer .contact{margin-top: 1.5rem;}
footer .contact .left{margin-right: 1rem;}
footer .contact img{max-width: 6.25rem;}
footer .contact p{text-align: center;line-height: 2.5rem;font-size: 1rem;}
footer .contact .right div{margin-bottom: 1rem;font-size: 1rem;}
footer .contact .right .icon{width: 1.5rem;height: 1.5rem;display: inline-block;margin-right: .25rem;}
footer .contact .right .icon.icon-phone{background: url(../pic/icon.png) -150px -1px no-repeat;margin-right: .5rem;}
footer .contact .right .icon.icon-tel{background: url(../pic/icon.png) -150px -36px no-repeat;}
footer .contact .right .icon.icon-address{background: url(../pic/icon.png) -150px -62px no-repeat;}
footer .contact .right .yxy_flex{align-items: center;}
footer .contact .right .phone{font-size: 1.75rem;color: #fff;}
footer .contact .right .phone .icon{width: 2rem;height: 2rem;}
footer .text{margin-left: 1rem;}
footer .box-right{width: 39%;padding-left: 2rem;justify-content: space-between;display: none;}
footer .box-right .line:nth-child(3){display: none;}
footer .box-right h5{margin-bottom: 1.2rem;color: #fff;}
footer .box-right h6{margin-bottom: 0.8rem;display: flex;align-items: center;font-size: .875rem;}
footer .box-right h6 a{color: var(--yxy-zt-0_4);}
footer .box-right h6 a:hover{color: #fff;}
footer .box-right .hr{margin: 1.5rem 0;}
footer .copyright{padding: .5rem 0;background-color: var(--yxy-zt-1_2);color: var(--yxy-zt-0_4);text-align: center;padding-bottom: 4.875rem;}
footer .copyright a{color: var(--yxy-zt-0_4);}
footer .kefu-bottom{width: 100%;justify-content: center;text-align: center;background-color: var(--yxy-zt-2_4);position: fixed;left: 0;bottom: 0;z-index: 99;box-shadow: 0 .125rem .75rem .375rem rgba(0, 0, 0, 0.1);height: 4.375rem;}
footer .kefu-bottom .kefu-nav{width: 33.333333%;height: 4.375rem;}
footer .kefu-bottom .icon{width: 2rem;height: 2rem;margin: .32rem 0 .32rem calc(50% - 1rem);}
footer .kefu-bottom .icon-home{background: url(../pic/icon.png) -1px -100px no-repeat;}
footer .kefu-bottom .icon-talk{background: url(../pic/icon.png) -1px -140px no-repeat;}
footer .kefu-bottom .icon-tel{background: url(../pic/icon.png) -1px -180px no-repeat;}
footer .kefu-bottom a{color: var(--yxy-zt-0_1);}
footer .kefu-bottom .mid a{color: #fff;}
footer .kefu-box{width: 4.5rem;height: 18.375rem;position: fixed;right: 0;top: calc(50% - 9.1875rem);z-index: 99;text-align: center;display: none;}
footer .kefu-box.none{display: none;}
footer .kefu-box #kefu-box-close{background: url(../pic/icon.png) -42px -130px no-repeat;width: 1rem;height: 1rem;position: absolute;top: -1.25rem;right: 0;opacity: 0;cursor: pointer;transition: all .3s ease-in-out;}
footer .kefu-box:hover #kefu-box-close{opacity: 1;}
footer .kefu-box .kefu-item{width: 4.5rem;height: 4.5rem;display: flex;justify-content: center;align-items: center;background-color: var(--yxy-zt-1_1);border-radius: .5rem;margin-bottom: .125rem;box-shadow: 0 0 1.25rem rgba(0, 0, 0, 0.1);flex-direction: column;transition: all .3s ease-in-out;cursor: pointer;position: relative;}
footer .kefu-box .kefu-item:hover{background: none;background-color: var(--yxy-zt-1_3);}
footer .kefu-box .kefu-item.cur4{margin-bottom: 0;}
footer .kefu-box .kefu-item .icon{width: 2.5rem;height: 2.5rem;margin: auto;}
footer .kefu-box .kefu-item .icon.icon-consult{background: url(../pic/icon.png) -84px -90px no-repeat;}
footer .kefu-box .kefu-item .icon.icon-phone{background: url(../pic/icon.png) -84px -130px no-repeat;}
footer .kefu-box .kefu-item .icon.icon-weixin{background: url(../pic/icon.png) -84px -170px no-repeat;}
footer .kefu-box .kefu-item .icon.icon-top{background: url(../pic/icon.png) -124px -90px no-repeat;}
footer .kefu-box .kefu-item .text{margin-left: 0;overflow: hidden;color: #fff;}
footer .kefu-box .kefu-item .kefu-tc{position: absolute;background-color: #fff;display: flex;flex-direction: column;align-items: center;justify-content: center;box-shadow: 0 0 1.25rem rgba(0, 0, 0, 0.1);border-radius: .5rem;cursor: default;overflow: hidden;}
footer .kefu-box .kefu-item:hover .kefu-tc{overflow: visible;}
footer .kefu-box .kefu-item .kefu-tc::after{content: ''; position: absolute; right: -0.625rem;top: 50%; transform: translateY(-50%); width: 0; height: 0; border-top: .5rem solid transparent; border-bottom: .5rem solid transparent; border-left: .625rem solid #fff;box-shadow: 0 0 1.25rem rgba(0, 0, 0, 0.1);}
footer .kefu-box .kefu-item .kefu-tc.tc-1{left: 0;width: 0;height: 4.5rem;}
footer .kefu-box .kefu-item:hover .kefu-tc.tc-1,footer .kefu-box .kefu-item .kefu-tc.tc-1.active{left: -13.5rem;width: 12.5rem;overflow: visible;}
footer .kefu-box .kefu-item .kefu-tc.tc-2{left: 0;width: 0;height: 8.125rem;padding: 0;}
footer .kefu-box .kefu-item:hover .kefu-tc.tc-2{left: -7.6875rem;width: 6.75rem;padding: .25rem;}
footer .kefu-box .kefu-item .kefu-tc.tc-2 img{width: 6.25rem;}
footer .kefu-box .kefu-item .kefu-tc *{opacity: 0;transition: all .3s ease-in-out;}
footer .kefu-box .kefu-item:hover .kefu-tc *,footer .kefu-box .kefu-item .kefu-tc.active *{opacity: 1;}
footer .kefu-box .kefu-item .kefu-tc h4{color: var(--yxy-zt-1_1);}
footer .kefu-box .kefu-item .kefu-tc h5{color: var(--yxy-zt-0_2);margin-bottom: .25rem;}
footer .kefu-box .kefu-item .kefu-tc h6{color: var(--yxy-zt-1_1);margin-top: .25rem;font-size: .875rem;}





/* ================================================[ 动画效果 ]================================================ */
/* 通用-按钮图标放大缩小动画 */
@keyframes pulse {
    0% {
      transform: scale(1);
    }
    50% {
      transform: scale(1.2);
    }
    100% {
      transform: scale(1);
    }
}

/* 通用-按钮背景色动画 */
@keyframes gradientAnimation {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

/* 通用-图标抖动动画 */
@keyframes fastShake {
    0%, 100% {
        transform: rotate(0deg);
    }
    12.5% {
        transform: rotate(-10deg);
    }
    37.5% {
        transform: rotate(10deg);
    }
    62.5% {
        transform: rotate(-10deg);
    }
    87.5% {
        transform: rotate(10deg);
    }
}

/* 首页-页签切换动画 */
@keyframes fadeIn{
    from{opacity: 0; transform: translateY(.625rem);} 
    to{opacity: 1; transform: translateY(0);}
}


/* 响应式设计 */
@media (min-width: 500px){
    footer .container .hide{display: inline;}

}


@media (min-width: 550px){
    .page-cp .yxy_box-case .swiper-slide .text{height: 5rem;align-items: center;justify-content: space-between;flex-direction: row;padding: 2.5rem .5rem .5rem;}
    .page-cp .yxy_box-case .swiper-slide .text .tit{margin-bottom: 0;}

    .page-cp .yxy_box-product .pro-item .left .tit{-webkit-line-clamp: 5;}
    .page-cp .yxy_box-product .pro-item .left .tit .hide-1{display: none;}
    .page-cp .yxy_box-product .pro-item .left .tit .hide-2{display: inline;line-height: 1.5;}
}


@media (min-width: 768px){
    #index .box1 .tab-item{width: auto;margin-bottom: 0;flex: 1;}
    #index .box1 .tab-item.cur3{margin-right: 1rem;}
    #index .box1 .content-text h4{margin-bottom: .5rem;}
    #index .box1 .content-text h6{display: block;}
    #index .box1 .tab-content-inner{gap: 1rem;}
    #index .box1 .tab-content-inner .cur1{flex: 1;width: auto;margin-bottom: 0;}
    #index .box1 .tab-content-inner .cur2{flex: 2;width: auto;}
    #index .box1 .tab-content-inner .top{margin-bottom: 1rem;}
    #index .box1 .tab-content-inner .d-flex{gap: 1rem;}
    #index .box2 .cur .content .img{float: left;width: 36%;margin-right: 3rem;}
    #index .box2 .cur .content .text{float: left;width: calc(64% - 3rem);margin-top: 0;}
    #index .box2 .tag{height: auto;}
    #index .box4 .left .hide{display: inline;}
    #index .box5 .logo{width: calc(25% - 1.125rem);margin-right: 1.5rem;margin-bottom: 1.5rem;}
    #index .box5 .logo:nth-child(3n){margin-right: 1.5rem;}
    #index .box5 .logo:nth-child(4n){margin-right: 0;}
    #index .box5 .logo:nth-child(n+13){display: block;}
    #index .box5 .logo:nth-child(n+17){display: none;}

    .page-cp .yxy_box-case .swiper-slide .text{padding: 2.5rem 1rem 1rem;}
    
    .page-cp .yxy_box-pop{height: 12rem;background: url(../images/cp-pop-qyzt-pad.jpg) no-repeat center center;background-size: cover;}

    .page-cp .yxy_box-product .pro-item .left{width: 40%;}
    .page-cp .yxy_box-product .pro-item .right{width: 60%;}
    .page-cp .yxy_box-product .product-list{aspect-ratio: 166 / 75;}
    .page-cp .yxy_box-pop .text-box{align-items: start;}

    footer .comp{display: flex;margin-bottom: 1rem;}
    footer{padding-top: 2rem;}
    footer .container br{display: none;}
    
}


@media (min-width:992px){
    .pc{display: block;}
    .mob{display: none;}
    main .box{padding: 3rem 0;}

    #index .box1 .tab-list{width: 70%;max-width: 56.25rem;}
    #index .box1 .tab-pane{padding: 1.875rem;}
    #index .box1 .tab-container{margin-top: 2rem;}
    #index .box1 .tab-pane{padding: 1.875rem 0;}
    #index .box1 .tab-content-inner{padding: 0 2rem;}
    #index .box2 .cur .content .img{margin-left: 1.875rem;width: 28%;}
    #index .box2 .cur .content .text{width: calc(72% - 6.625rem);}
    #index .box3 .case-box{margin: 2rem auto;}
    #index .box3 .dmt-item .dmt-item-box .view{display: flex;}
    #index .box4{background: url('../images/index-box4-bg-pad.jpg') no-repeat center center;background-size: cover;}
    #index .box4 .left{min-width: 50%;text-align: left;}
    #index .box4 .right{min-width: 50%;}
    #index .box4 .right .btn-a{margin: 0;}
    #index .box4 .right .btn.btn-sem{margin: 0 0 0 auto;}
    #index .box5 h6 .lg{display: inline;}
    #index .box5 .yxy_flex{margin-top: 2rem;}

    .page-cp .yxy_box-advant{background: url(../images/cp-advant-bg-pad.jpg) no-repeat center center;background-size: cover;}
    .page-cp .yxy_box-advant .advant-box{margin-top: 2rem;}
    .page-cp .yxy_box-advant .advant-item{width: calc(33.3333% - 0.6666667rem);margin-right: 1rem;max-height: 21.375rem;}
    .page-cp .yxy_box-advant .advant-item:hover{border: .0625rem solid var(--yxy-zt-1_1);}
    .page-cp .yxy_box-advant .advant-item:nth-child(2n){margin-right: 1rem;}
    .page-cp .yxy_box-advant .advant-item.cur3,.page-cp .yxy_box-advant .advant-item.cur5{margin-right: 0;}
    .page-cp .yxy_box-advant .advant-item.cur4{margin-left: calc(16.6667% - .5rem);margin-bottom: 0;}
    .page-cp .yxy_box-advant .advant-item.cur6{display: none;}
    .page-cp .yxy_box-advant .advant-item:hover h6{color: var(--yxy-zt-1_1);}
    .page-cp .yxy_box-advant .advant-item p .lg{display: inline;}
    .page-cp .yxy_box-advant .advant-item .tags{font-size: 1rem;line-height: 1.6rem;right: -1.375rem;top: .625rem;width: 5.625rem;height: 1.625rem;}
    .page-cp .yxy_box-advant .btn-box{display: block;margin-top: 1.5rem;}
    .page-cp .yxy_box-advant .btn-box .btn-a{width: 20rem;margin-left: calc(50% - 10rem);}
    .page-cp .yxy_box-case #swiper-cp-case{margin-top: 2rem;margin-bottom: 1rem;}
    .page-cp .yxy_box-case .swiper-slide{width: 37.5rem; height: 21.375rem;}
    .page-cp .yxy_box-case #swiper-cp-case .swiper-button-next,.page-cp .yxy_box-case #swiper-cp-case .swiper-button-prev{width: 3.125rem;height: 3.125rem;border-radius: 50%;transition: all 0.5s ease;}
    .page-cp .yxy_box-case #swiper-cp-case .swiper-button-next:hover,.page-cp .yxy_box-case #swiper-cp-case .swiper-button-prev:hover{background-color: var(--yxy-zt-0_5);color: #fff;}
    .page-cp .yxy_box-case #swiper-cp-case .swiper-button-next{right: calc(50% - 18.125rem);}
    .page-cp .yxy_box-case #swiper-cp-case .swiper-button-prev{left: calc(50% - 18.125rem);}
    
    .page-cp .yxy_box-service{background: url(../images/cp-service-bg-pc.jpg) no-repeat center center;background-size: cover;}
    .page-cp .yxy_box-service .container{display: flex;}
    .page-cp .yxy_box-service .service-box{width: 22.5rem;margin-top: 0;}
    .page-cp .yxy_box-service .text-box{width: calc(100% - 24.5rem);margin-left: 2rem;}
    .page-cp .yxy_box-service .text-box .btn-box .btn-a{margin-left: 0;}
    .page-cp .yxy_box-service .circle-box .circle-item.circle-out:hover,.page-cp .yxy_box-service .circle-box .circle-item.circle-out.active{width: 4.25rem;height: 4.25rem;font-size: 1rem;}
    .page-cp .yxy_box-service .circle-box .circle-item.circle-out-1:hover,.page-cp .yxy_box-service .circle-box .circle-item.circle-out-1.active{left: calc(50% - 2.125rem);top: -0.375rem;}
    .page-cp .yxy_box-service .circle-box .circle-item.circle-out-2:hover,.page-cp .yxy_box-service .circle-box .circle-item.circle-out-2.active{right: calc(11.5% - 2.125rem);top: calc(28% - 2.125rem);}
    .page-cp .yxy_box-service .circle-box .circle-item.circle-out-3:hover,.page-cp .yxy_box-service .circle-box .circle-item.circle-out-3.active{right: calc(11.5% - 2.125rem);bottom: calc(28% - 2.125rem);}
    .page-cp .yxy_box-service .circle-box .circle-item.circle-out-4:hover,.page-cp .yxy_box-service .circle-box .circle-item.circle-out-4.active{left: calc(50% - 2.125rem);bottom: -0.375rem;}
    .page-cp .yxy_box-service .circle-box .circle-item.circle-out-5:hover,.page-cp .yxy_box-service .circle-box .circle-item.circle-out-5.active{left: calc(11.5% - 2.125rem);bottom: calc(28% - 2.125rem);}
    .page-cp .yxy_box-service .circle-box .circle-item.circle-out-6:hover,.page-cp .yxy_box-service .circle-box .circle-item.circle-out-6.active{left: calc(11.5% - 2.125rem);top: calc(28% - 2.125rem);}
    .page-cp .yxy_box-service .circle-box .circle-item.circle-in:hover,.page-cp .yxy_box-service .circle-box .circle-item.circle-in.active{width: 4.25rem;height: 4.25rem;font-size: 1rem;}
    .page-cp .yxy_box-service .circle-box .circle-item.circle-in-1:hover,.page-cp .yxy_box-service .circle-box .circle-item.circle-in-1.active{left: calc(36% - 2.125rem);top: calc(25% - 2.125rem);}
    .page-cp .yxy_box-service .circle-box .circle-item.circle-in-2:hover,.page-cp .yxy_box-service .circle-box .circle-item.circle-in-2.active{right: calc(36% - 2.125rem);top: calc(25% - 2.125rem);}
    .page-cp .yxy_box-service .circle-box .circle-item.circle-in-3:hover,.page-cp .yxy_box-service .circle-box .circle-item.circle-in-3.active{right: calc(19% - 2.125rem);top: calc(50% - 2.125rem);}
    .page-cp .yxy_box-service .circle-box .circle-item.circle-in-4:hover,.page-cp .yxy_box-service .circle-box .circle-item.circle-in-4.active{right: calc(36% - 2.125rem);bottom: calc(25% - 2.125rem);}
    .page-cp .yxy_box-service .circle-box .circle-item.circle-in-5:hover,.page-cp .yxy_box-service .circle-box .circle-item.circle-in-5.active{left: calc(36% - 2.125rem);bottom: calc(25% - 2.125rem);}
    .page-cp .yxy_box-service .circle-box .circle-item.circle-in-6:hover,.page-cp .yxy_box-service .circle-box .circle-item.circle-in-6.active{left: calc(19% - 2.125rem);top: calc(50% - 2.125rem);}
    .page-cp .yxy_box-service .circle-box .circle-3{transition: transform 0.6s ease;}
    .page-cp .yxy_box-service .circle-box .circle-3:hover .tit{transform: rotateY(360deg); transition: transform 0.5s ease;}
    .page-cp .yxy_box-service .circle-box .circle-3 .tit{transition: transform 0.6s ease; transform-style: preserve-3d;}
    .page-cp .yxy_box-service .text-box .cur{margin-bottom: 1rem;}

    .page-cp .yxy_box-product .pro-item .left .tit{max-height: 11rem;-webkit-line-clamp: 7;}
    .page-cp .yxy_box-product .pro-item .left .tag-box .tag-item{width: calc(33.333333333333% - .333333333rem);}
    .page-cp .yxy_box-product .pro-item .left .tag-box .tag-item:nth-child(2n){margin-right: .5rem;}
    .page-cp .yxy_box-product .pro-item .left .tag-box .tag-item:nth-child(3n){margin-right: 0;}
    .page-cp .yxy_box-product .pro-item .left .tag-box .tag-item.width-auto{min-width: calc(33.333333333333% - .333333333rem);}
    .page-cp .yxy_box-product .product-item{font-size: 1rem;}
    .page-cp .yxy_box-product .product-list{aspect-ratio: 226 / 65;}

    footer{padding: 3rem 0 0;}
    footer .box-left{border-right: .0625rem solid var(--yxy-zt-0_4);}
    footer .box-right{display: flex;}
    footer .kefu-bottom{display: none;}
    footer .copyright{padding-bottom: .5rem;}
    footer .comp{margin-bottom: 2rem;}
    footer .kefu-box{display: block;}
}


@media (min-width:1200px){
    header .nav .nav-item{margin: 0 .25rem;}
    header .tel{display: flex;}

    #index .box1 .tab-content-inner{gap: 1.5rem;}
    #index .box1 .tab-content-inner .d-flex{gap: 1.5rem;}
    #index .box1 .tab-content-inner .top{margin-bottom: 1.5rem;}
    #index .box2 .cur .content h2{margin-bottom: 1.5rem;}
    #index .box2 .cur .content h6{margin-bottom: 1.5rem;}
    #index .box2 .cur .content{padding-bottom: 4rem;}
    #index .box3 .dmt-item .dmt-item-box .view{top: .625rem;bottom: auto;background-color: rgba(0, 0, 0, 0.2);box-shadow: 0 0 2rem rgba(0, 0, 0, 0.2);}
    #index .box4{background: url('../images/index-box4-bg-pc.jpg') no-repeat center center;background-size: cover;}
    #index .box4 .mid{display: block;}
    #index .box4 .left{min-width: 0;}
    #index .box4 .right{min-width: 0;}
    #index .box5 .logo{width: calc(16.6666666% - 1.25rem);}
    #index .box5 .logo:nth-child(4n){margin-right: 1.5rem;}
    #index .box5 .logo:nth-child(6n){margin-right: 0;}
    #index .box5 .logo:nth-child(n+17){display: block;}

    .page-cp .yxy_box-advant{background: url(../images/cp-advant-bg-pc.jpg) no-repeat center center;background-size: cover;}
    .page-cp .banner .text .hide{display: inline;}
    .page-cp .banner .text h2 br{display: none;}
    .page-cp .banner .text h6{display: block;margin-bottom: 2rem;}
    .page-cp .banner .text h6 br{display: none;}
    .page-cp .yxy_box-advant .advant-item{max-height: 26rem;}
    .page-cp .yxy_box-advant .advant-item h6{font-size: 1.25rem;}
    .page-cp .yxy_box-advant .advant-item .text{padding: 1rem 1rem 1.5rem 1rem;}
    .page-cp .yxy_box-advant .advant-item p{font-size: 1rem;}
    .page-cp .yxy_box-case .swiper-slide{width: 37.5rem; height: 21.375rem;}
    
    .page-cp .yxy_box-service .text-box .text{font-size: 1rem;}
    
    .page-cp .yxy_box-pop{background: url(../images/cp-pop-qyzt-pc.jpg) no-repeat center center;background-size: cover;height: 15.625rem;}
    .page-cp .yxy_box-pop .text-box h4{text-shadow: 0 0 8px rgba(0, 0, 0, 0.4);font-size: 1.875rem;}

    .page-cp .yxy_box-product .pro-item .left .tit .hide-2{display: none;}
    .page-cp .yxy_box-product .pro-item .left .tit .hide-3{display: inline;line-height: 1.5;}
    .page-cp .yxy_box-product .pro-item .left .tag-box{font-size: 1rem;}

    footer .box-right{width: 54%;}
    footer .box-right .line:nth-child(3){display: block;}
}


@media (min-width:1400px){
    header .nav .nav-item{margin: 0 .5rem;}

    #index .box2 .cur .content .btn-a{display: block;}
    #index .box3 .dmt-item .dmt-item-box .view{top: auto;bottom: .625rem;box-shadow: none;background-color: transparent;}

    .page-cp .yxy_box-advant .advant-item{max-height: 27.375rem;}
    .page-cp .yxy_box-case .swiper-slide{width: 45rem; height: 25.625rem;}
    .page-cp .yxy_box-case .swiper-3d .swiper-slide-shadow-left{background-image: linear-gradient(to left, rgba(0, 0, 0, .25), rgba(0, 0, 0, 0));}
    .page-cp .yxy_box-case .swiper-3d .swiper-slide-shadow-right{background-image: linear-gradient(to right, rgba(0, 0, 0, .25), rgba(0, 0, 0, 0));}
    .page-cp .yxy_box-case #swiper-cp-case .swiper-button-next{right: calc(50% - 21.875rem);}
    .page-cp .yxy_box-case #swiper-cp-case .swiper-button-prev{left: calc(50% - 21.875rem);}
    
    .page-cp .yxy_box-service .service-box{width: 30rem;}
    .page-cp .yxy_box-service .text-box{width: calc(100% - 34rem);margin-left: 4rem;}
    .page-cp .yxy_box-service .text-box .text{margin-top: 3rem;}
    .page-cp .yxy_box-service .circle-box{width: 30rem;height: 34.5rem;margin: auto;position: relative;}
    .page-cp .yxy_box-service .circle-box .circle-1{width: 30rem;height: 30rem;left: calc(50% - 15rem);top: 0;z-index: 2;margin-top: 2.25rem;}
    .page-cp .yxy_box-service .circle-box .circle-2{width: 18.75rem;height: 18.75rem;left: calc(50% - 9.375rem);top: 7.375rem;z-index: 2;}
    .page-cp .yxy_box-service .circle-box .circle-3{width: 9.125rem;height: 9.125rem;left: calc(50% - 4.5625rem);top: 12.1875rem;font-size: 1.2rem;}
    .page-cp .yxy_box-service .circle-box .circle-item{line-height: 18px;padding: .5rem .25rem;width: 4.625rem;height: 4.625rem;}
    .page-cp .yxy_box-service .circle-box .circle-item.circle-out-1{left: calc(50% - 2.3125rem);top: 0;}
    .page-cp .yxy_box-service .circle-box .circle-item.circle-out-2{right: calc(8% - 2.3125rem);top: calc(28% - 2.3125rem);}
    .page-cp .yxy_box-service .circle-box .circle-item.circle-out-3{right: calc(8% - 2.3125rem);bottom: calc(28% - 2.3125rem);}
    .page-cp .yxy_box-service .circle-box .circle-item.circle-out-4{left: calc(50% - 2.3125rem);bottom: 0;}
    .page-cp .yxy_box-service .circle-box .circle-item.circle-out-5{left: calc(8% - 2.3125rem);bottom: calc(28% - 2.3125rem);}
    .page-cp .yxy_box-service .circle-box .circle-item.circle-out-6{left: calc(8% - 2.3125rem);top: calc(28% - 2.3125rem);}
    .page-cp .yxy_box-service .circle-box .circle-item.circle-in-1{left: calc(36% - 2.3125rem);top: calc(26% - 2.3125rem);}
    .page-cp .yxy_box-service .circle-box .circle-item.circle-in-2{right: calc(36% - 2.3125rem);top: calc(26% - 2.3125rem);}
    .page-cp .yxy_box-service .circle-box .circle-item.circle-in-3{right: calc(19% - 2.3125rem);top: calc(50% - 2.3125rem);}
    .page-cp .yxy_box-service .circle-box .circle-item.circle-in-4{right: calc(36% - 2.3125rem);bottom: calc(26% - 2.3125rem);}
    .page-cp .yxy_box-service .circle-box .circle-item.circle-in-5{left: calc(36% - 2.3125rem);bottom: calc(26% - 2.3125rem);}
    .page-cp .yxy_box-service .circle-box .circle-item.circle-in-6{left: calc(19% - 2.3125rem);top: calc(50% - 2.3125rem);}
    .page-cp .yxy_box-service .circle-box .circle-item.circle-out:hover,.page-cp .yxy_box-service .circle-box .circle-item.circle-out.active{width: 5.25rem;height: 5.25rem;}
    .page-cp .yxy_box-service .circle-box .circle-item.circle-out-1:hover,.page-cp .yxy_box-service .circle-box .circle-item.circle-out-1.active{left: calc(50% - 2.625rem);top: -0.375rem;}
    .page-cp .yxy_box-service .circle-box .circle-item.circle-out-2:hover,.page-cp .yxy_box-service .circle-box .circle-item.circle-out-2.active{right: calc(8% - 2.625rem);top: calc(28% - 2.625rem);}
    .page-cp .yxy_box-service .circle-box .circle-item.circle-out-3:hover,.page-cp .yxy_box-service .circle-box .circle-item.circle-out-3.active{right: calc(8% - 2.625rem);bottom: calc(28% - 2.625rem);}
    .page-cp .yxy_box-service .circle-box .circle-item.circle-out-4:hover,.page-cp .yxy_box-service .circle-box .circle-item.circle-out-4.active{left: calc(50% - 2.625rem);bottom: -0.375rem;}
    .page-cp .yxy_box-service .circle-box .circle-item.circle-out-5:hover,.page-cp .yxy_box-service .circle-box .circle-item.circle-out-5.active{left: calc(8% - 2.625rem);bottom: calc(28% - 2.625rem);}
    .page-cp .yxy_box-service .circle-box .circle-item.circle-out-6:hover,.page-cp .yxy_box-service .circle-box .circle-item.circle-out-6.active{left: calc(8% - 2.625rem);top: calc(28% - 2.625rem);}
    .page-cp .yxy_box-service .circle-box .circle-item.circle-in:hover,.page-cp .yxy_box-service .circle-box .circle-item.circle-in.active{width: 5.25rem;height: 5.25rem;}
    .page-cp .yxy_box-service .circle-box .circle-item.circle-in-1:hover,.page-cp .yxy_box-service .circle-box .circle-item.circle-in-1.active{left: calc(36% - 2.625rem);top: calc(26% - 2.625rem);}
    .page-cp .yxy_box-service .circle-box .circle-item.circle-in-2:hover,.page-cp .yxy_box-service .circle-box .circle-item.circle-in-2.active{right: calc(36% - 2.625rem);top: calc(26% - 2.625rem);}
    .page-cp .yxy_box-service .circle-box .circle-item.circle-in-3:hover,.page-cp .yxy_box-service .circle-box .circle-item.circle-in-3.active{right: calc(19% - 2.625rem);top: calc(50% - 2.625rem);}
    .page-cp .yxy_box-service .circle-box .circle-item.circle-in-4:hover,.page-cp .yxy_box-service .circle-box .circle-item.circle-in-4.active{right: calc(36% - 2.625rem);bottom: calc(26% - 2.625rem);}
    .page-cp .yxy_box-service .circle-box .circle-item.circle-in-5:hover,.page-cp .yxy_box-service .circle-box .circle-item.circle-in-5.active{left: calc(36% - 2.625rem);bottom: calc(26% - 2.625rem);}
    .page-cp .yxy_box-service .circle-box .circle-item.circle-in-6:hover,.page-cp .yxy_box-service .circle-box .circle-item.circle-in-6.active{left: calc(19% - 2.625rem);top: calc(50% - 2.625rem);}
    .page-cp .yxy_box-service .text-box .btn-box{margin-top: 3rem;}
    .page-cp .yxy_box-service .text-box .tit-big{text-align: left;}
    .page-cp .yxy_box-service .text-box .tit-small{text-align: left;margin-top: 1rem;}
    .page-cp .yxy_box-service .text-box .tag-box{display: flex;margin-top: 1.5rem;font-size: 1rem;}
    .page-cp .yxy_box-service .text-box .tag-box .tag-item{padding: .25rem .75rem;border: .0625rem solid var(--yxy-zt-1_1);margin-right: 1rem;color: var(--yxy-zt-1_1);border-radius: .25rem;}

    .page-cp .yxy_box-product .pro-item .left{padding: 1rem;}
    .page-cp .yxy_box-product .pro-item .left .tag-box{width: calc(100% - 2rem);left: 1rem;bottom: 1rem;}
    .page-cp .yxy_box-product .pro-item .left .tit h5{margin-bottom: 1rem;}
}