:root{
    --color:#c5a160;
}

@font-face {
    font-family: 'hm';
    src: url('../fonts/HarmonyOS_Sans_SC_Thin.ttf') format('woff');
    font-weight: 100;
    font-display: swap;
}

@font-face {
    font-family: 'hm';
    src: url('../fonts/HarmonyOS_Sans_SC_Light.ttf') format('woff');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'hm';
    src: url('../fonts/HarmonyOS_Sans_SC_Regular.ttf') format('woff');
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family: 'hm';
    src: url('../fonts/HarmonyOS_Sans_SC_Medium.ttf') format('woff');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'hm';
    src: url('../fonts/HarmonyOS_Sans_SC_Black.ttf') format('woff');
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: 'hm';
    src: url('../fonts/HarmonyOS_Sans_SC_Bold.ttf') format('woff');
    font-weight: bold;
    font-display: swap;
}

@font-face {
    font-family: 'alimama';
    src: url('../fonts/AlimamaShuHeiTi-Bold.otf') format('woff');
    font-weight: bold;
    font-display: swap;
}

body{font-family: "hm"; position: relative;}

/*Top003084 */
.Top003084{position: fixed; border-bottom: 1px solid rgba(255,255,255,0.2); left: 0; width: 100%;color: #fff; z-index: 100; transition: .3s;}
.Top003084 .auto{display: flex; align-items: center; justify-content: space-between; max-width: 1400px;}
.Top003084 .logo{padding-left: calc(20/16 * 1em);}
.Top003084 .left{display: flex; align-items: center;}
.Top003084 .left .middle{margin-left: calc(166/1920 * 100vw);}
.Top003084 .logo img.active{display: none;}
.Top003084 .logo img{height: 66px;}
.Top003084 menu li span{ display: block;}
.Top003084 .open-search{position: relative; display: block; background: url(../images/search.png) no-repeat center; width: calc(18/16 * 1em); height: calc(18/16 * 1em); background-size: 18px auto;}
.Top003084 .top-search{position: absolute; border-top: 1px solid #f0f0f1; transform: translateY(-100%); top: 0; transition: .5s; display: block; right: 0; background: rgba(255,255,255,0.95); width: 100%;padding: calc(70/1920 * 100%) 0 calc(120/1920 * 100%); padding-right: 0px;}
.Top003084 .top-search .inputBox{display: flex; flex-wrap: wrap; justify-content: end; padding-right: calc(125/1400 * 100%);}
.Top003084 .top-search .inputBox .inputInner{display: flex; position: relative;}
.search-show .Top003084 .top-search.show{transform: translateY(0); top: 100%;}
.Top003084 .top-search .text{width: calc(630/16 * 1em); font-size: calc(16/16 * 1em); padding-right: calc(35/16 * 1em); padding-left: calc(80/16 * 1em); height: calc(60/16 * 1em);line-height: calc(60/16 * 1em); border-radius: calc(30/16 * 1em); border: 0; box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1); background:#fff url(../images/search_color.png) no-repeat calc(35/16 * 1em) center;}
.Top003084 .top-search .btn{position: static; margin-left: calc(20/16 * 1em); right: 0;top:0; display: flex; align-items: center; justify-content: center; width: calc(120/16 * 1em); font-weight: 500; border-radius: calc(30/16 * 1em); background-color: var(--color); color: #fff; height: calc(60/16 * 1em);}
.Top003084 .top-search .top_search_box{width: 96%; max-width: 1400px; margin: 0 auto;}
.Top003084 .top-search .top_search_box p{margin: 0; color: #999; padding-left: calc(36/16 * 1em); position: absolute; width: 100%; top: 100%; margin-top: calc(18/16 * 1em);}
.Top003084 .top-search .top_search_box p a{color: #999;}
.Top003084 .top-search .top_search_box p a:not(:nth-last-of-type(1))::after{content: "、"; color: #999;}
.Top003084 .top-search .top_search_box p a:hover{color: var(--color);}
.Top003084 .top-lang{position: relative; z-index: 100; display: flex; align-items: center;}
.Top003084 .top-lang .cur{padding: 0 0em 0 calc(33/18 * 1em); background: url("../images/languague.png") no-repeat left center; display: flex; align-items: center; background-size: auto 20px; position: relative; z-index: 1;height: calc(20/16 * 1em);}
.Top003084 .lang-list{position: absolute; left: 50%; width: 120px;margin-left: -60px; z-index: 100;background: #fff;border-radius: 0 0 5px 5px; top: 100%; padding: 10px 0;display: none;}
.Top003084 .lang-list a{display: block;line-height: 2; transition: .3s; text-align: center; color: #333;}
.Top003084 .lang-list a:hover{color: var(--color);}
.Top003084 .right{display: flex; align-items: center;}
.Top003084 .right .operate{display: flex; align-items: center;}
.Top003084 .right .operate a{color: #333; padding: 0 calc(18/16 * 1em); height: calc(36/16 * 1em); border-radius: 9999px; border: 1px solid rgba(0,0,0,0.5); display: flex; align-items: center; justify-content: center;}
.Top003084 .right .operate a:nth-of-type(1){margin-right: calc(20/1920 * 100vw);}
.Top003084 .right .operate::before{content: ""; width: 1px; height: 1em; background-color: rgba(0,0,0,0.5); margin: 0 calc(40/1920 * 100vw);}
.Top003084 .right .search_line{height: 1em; width: 1px; background-color: rgba(255,255,255,0.3); margin: 0 calc(30/1920 * 100vw);}


.Top003084 menu li span a{ color: #fff;}
.Top003084.scroll{background-color: rgba(255,255,255,0.95); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);}
.Top003084.scroll .open-menu i{background-color: #000;}
.Top003084.scroll .open-search.on:before,.Top003084.scroll .open-search.on:after{background-color: #000;}

.Top003084.scroll .open-search{background-image: url(../images/search_active.png);}
.Top003084.scroll .top-lang .cur{background-image: url(../images/languague_active.png); color: #333;}
.Top003084.scroll .top-lang .cur:after{border-color: #333;}
.Top003084.scroll .right .search_line{background-color: #333; opacity: .3;}



.Top003084 menu li .sub{display: none; z-index: 1; padding: calc(60/1920 * 100%) 0 calc(80/1920 * 100%); border-top:1px solid #f0f0f1;}
.Top003084 menu li .sub .subInner{max-width: 1400px; width: 96%; margin: 0 auto; display: flex; justify-content: end;}
.Top003084 menu li .sub dt a{ border-radius: 9999px; display: block;position: relative; color: #999; padding-left: calc(95/16 * 1em); padding-right: calc(80/16 * 1em); }
.Top003084 menu li .sub dt a span{border-bottom: 1px solid transparent; display: inline-block;}
.Top003084 menu li .sub dt:not(:nth-last-of-type(1)){margin-bottom: calc(25/16 * 1em);}
.Top003084 menu li .sub dt.active a{ color: var(--color);}
.Top003084 menu li .sub dt.active a span{ border-bottom: 1px solid var(--color);}
.Top003084 menu li .sub .subContent{padding-right: calc(95/16 * 1em); align-items: center; display: flex;}
.Top003084 menu li .sub .subContent:not(:nth-of-type(1)){display: none;}
.Top003084 menu li .sub .subContent figure{width: calc(339/16 * 1em); height: calc(156/16 * 1em); background-size: cover;}
.Top003084 menu li .sub .subContent .moreA{ margin-left: calc(100/16 * 1em); }
@media (min-width:1025px) {
.Top003084.scroll menu li span a{color: #333;}
.Top003084 menu li{float: left;min-height:100px; margin-right: calc(65/1920 * 100vw);}
.Top003084 menu li span a{line-height: 100px; display: block; position: relative;}
.Top003084 menu li.aon span a::after{position: absolute; content: ""; z-index: 2; left: 0; bottom: -1px; width: 100%; height: 1px; background-color: #fff;}
.Top003084.scroll menu li.aon span a::after{background-color: var(--color);}

.Top003084 menu li .sub{position: absolute; width: 100%; background-color: rgba(255,255,255,0.95); left: 0 !important;}

.Top003084 menu li{position: relative;}
.Top003084 menu li .sub{width: unset; left: 50% !important; transform: translateX(-50%);}
.Top003084 menu li .sub .subBox{padding: 1em;}
.Top003084 menu li .sub dt a{white-space: nowrap; padding: 0;  text-align: center; }
}
/* @media(min-width:1501px){
    .Top003084 menu li{margin-right: calc(65/1920 * 100vw);}
}
@media(max-width:1500px){
    .Top003084 .left .middle{margin-left: calc(66/1920 * 100vw);}
    .Top003084 menu li {margin-right: calc(25 / 1920* 100vw);}
} */

@media (max-width:1024px) {
.Top003084 menu{position: absolute;right: 0; top: -100%; transform:translateY(-100%);opacity:0;z-index: 100;width: 100%;background: rgba(0,0,0,0.8); padding: 2vw; transition: transform 0.3s;}
.Top003084 menu li{ border-bottom: 1px solid rgba(255,255,255,0.2); }
.Top003084 menu li span{padding: 10px 0;}
.Top003084 menu .navContent .ul{display: flex; gap: 1em 3%; padding: 1em 0;}
.Top003084 menu .navContent li{width: 48.5%; border: none;}
.Top003084 menu .navContent li figure{padding-bottom: 61%; background-size: cover;}
.Top003084 .auto{padding: .5em 0;}
.Top003084 .logo{display: table; height: 40px;}
.Top003084 .logo a{display: table-cell;; vertical-align: middle;}
.Top003084 .logo img{max-height: 35px;}
.Top003084 .open-menu{position: relative; display: block; width: 24px; margin-left: 1em;}
.menu-show .Top003084 menu{ top: 100%; transform:translateY(0);opacity:1; max-height: 100vh; overflow-y: auto;}
.open-menu i{height: 2px;}
.Top003084 .right .operate a{height: calc(30/16 * 1em); padding: 0 .5em;}
.Top003084 menu li .sub .subInner{flex-wrap: wrap; justify-content: start;}
.Top003084 menu li .sub .subInner dl{width: 100%;}
.Top003084 menu li .sub .subInner dl span{display: inline-block; padding: 0;}
.Top003084 menu li .sub dt a{padding-left: 0; padding-right: 0;}
.Top003084 menu li .sub dt:not(:nth-last-of-type(1)){margin-bottom: 1em;}
.Top003084 menu li .sub dt a i{display: none;}
.Top003084 menu li .sub .subContent{width: 100%; padding-right: 0; margin-top: 1em; justify-content: space-between;}
.Top003084 menu li .sub .subContent .moreA{color: #fff; margin-left: 0;}
.Top003084 .top-search .text{height: calc(45/16 * 1em); line-height: calc(45/16 * 1em); width: 100%;}
.Top003084 .top-search .btn{height: calc(45/16 * 1em);}
.Top003084 .top-search .inputBox{padding-right: 0;}
.Top003084 .top-search{padding-bottom: calc(60/16 * 1em);}
}

@media(max-width:768px){
.Top003084 menu li .sub .subContent figure{width: calc(226/16 * 1em); height: calc(104/16 * 1em);}
}

@media(max-width:640px){
    .Top003084 .open-search{background-size: 100% auto;}
    .Top003084 .top-lang .cur{background-size: auto 100%;}
}

@media(max-width:480px){
    .Top003084 .open-menu{width: 20px; margin-left: .5em;}
    .Top003084 .logo img{max-height: 30px;}
}

.moreA{display: flex;align-items: center; font-weight: 500; transition: .3s;}
/* .moreA::before{content: ""; width: calc(50/16 * 1em); transition: .3s; margin-right: calc(14/16 * 1em); height: calc(50/16 * 1em); border-radius: 50%; background: var(--color) url(../images/sub_arrow.png) no-repeat center;} */
.moreA::before{content: ""; width: calc(20/16 * 1em); transition: .3s; margin-right: calc(14/16 * 1em); height: calc(20/16 * 1em); border-radius: 50%; background: url(../images/arrow.png) no-repeat center; display: flex; align-items: center; justify-content: center;}
.moreA:hover{color: var(--color);}
.moreA:hover::before{transform: translateX(-5px)}
@media(max-width:768px){
    .moreA::before{width: calc(35/16 * 1em); height: calc(35/16 * 1em);}
}


.home-ban{position: relative;z-index: 1; background:  no-repeat left center; background-size: auto 100%;}
/* .home-ban .swiper{
    mask-image: url(../images/banner_mask.png); 
    -webkit-mask-image: url(../images/banner_mask.png); 
    -webkit-mask-size: cover; 
    mask-size: cover;
} */
.home-ban .swiper video{position: absolute; width: 100%; top: 0; left: 0; opacity: 0; z-index: -1;}
.home-ban .swiper video.play{z-index: 13; opacity: 1;}
.home-ban .swiper .swiper-slide{position: relative;}
.home-ban .swiper .swiper-slide > img{width: 100%;}
.home-ban .swiper .swiper-slide .swiper_text{position: absolute; transition: .3s; z-index: 10; top: calc(395/960 * 100%); padding:0 calc(20/16 * 1em); left: 50%; transform: translateX(-50%);}
.home-ban .home-ban-title{ color: #fff; font-size: 90px; text-align: center; }
.home-ban .home-ban-intro{ color: #fff; font-size: 40px; text-align: center; }

.home-ban .swiper .swiper-slide .videoPlay{position: absolute; cursor: pointer; z-index: 11; top: calc(480/960 * 100%); right: calc(270/1920 * 100%);}
.home-ban .swiper .swiper-slide .videoPlay figure{position: relative; margin: 0 auto; width: calc(70/16 * 1em); height: calc(70/16 * 1em); background: url(../images/videoPlay.png) no-repeat center; background-size: cover;}
.home-ban .swiper .swiper-slide .videoPlay figure .ripple{position: absolute; animation: ripple 1.8s linear infinite; width: 100%; height: 100%; border: 1px solid #fff; border-radius: 50%;}
.home-ban .swiper .swiper-slide .videoPlay figure .ripple:nth-of-type(1){animation-delay: 0s;}
.home-ban .swiper .swiper-slide .videoPlay figure .ripple:nth-of-type(2){animation-delay: .6s;}
.home-ban .swiper .swiper-slide .videoPlay figure .ripple:nth-of-type(3){animation-delay: 1.2s;}
.home-ban .swiper .swiper-slide .videoPlay p{margin: 0;margin-top: calc(60 / 960* 100vh);position: relative;text-align: center;color: #fff;background-image: linear-gradient(to bottom, #fff 40%, transparent 100%);background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.home-ban .swiper .swiper-slide.show img{animation: big 6s linear both;}
.home-ban .swiper .swiper-slide.swiper-slide-active .swiper_text{animation: fade_text .8s linear;}
.home-ban .swiper .swiper-slide.swiper-slide-active{z-index: 2;}
.mouse{position: absolute; bottom: calc(132 / 960 * 100%); animation: mouse 2s infinite alternate-reverse; width: calc(24/16 * 1em); height: calc(36/16 * 1em); background: url(../images/mouse.png) no-repeat center; background-size: cover; left: 50%; z-index: 10;}
@keyframes fade_text {
    0%{
        transform: translateX(-50%) translateY(-50px);
        opacity: 0;
    }
    100%{
        transform: translateX(-50%) translateY(0px);
        opacity: 1;
    }
}
@keyframes mouse {
    0%{transform: translateY(0); opacity: 0;}
    100%{transform: translateY(0.1rem);opacity: 1;}
}
@keyframes ripple {
    from {
      transform: scale(1);
      opacity: 0.5;
    }
    to {
      transform: scale(calc(130/70 * 100%));
      opacity: 0;
    }
  }

.home-ban .controls{position: absolute; left: 50%; transform: translateX(-50%); z-index: 10; top: calc(310/960 * 100%);}
.home-ban .controls .num{display: flex; align-items: center; padding:0 calc(20/16 * 1em); position: relative;}
.home-ban .controls .num .lineBox{width: calc(110/16 * 1em); margin: 0 calc(10/16 * 1em); height: 1px; background-color: rgba(255,255,255,0.2);}
.home-ban .controls .num .lineBox .line{background-color: var(--color); transition: .3s; width: 0; height: 100%;}
.home-ban .controls .num span{color: #fff; line-height: 1;}
.home-ban .controls .num::before{content: ''; position: absolute; height: calc(14/16 * 100%); width: 2px; background-color: var(--color); left: 0; top: 50%; transform: translateY(-50%);}
.home-ban .controls_button{position: absolute; top: calc(628/960 * 100%); z-index: 10; left: 50%; transform: translateX(-50%); padding: 0 calc(20/16 * 1em);}
.home-ban .controls_button .swiper-button-next{position: relative; transition: .3s; left: unset; top: unset; bottom: unset; right: unset; width: calc(72/16 * 1em); margin: 0; padding: 0; height: calc(72/16 * 1em); border-radius: 50%; border: 2px solid rgba(255,255,255,0.3);}
.home-ban .controls_button .swiper-button-next::after{font-size: calc(16/16 * 1em); color: #fff;}
.home-ban .controls_button .swiper-button-next::before{  content: ""; position: absolute; width: calc(100% + 4px); height: calc(100% + 4px); -webkit-clip-path: polygon(50% 0%, 50% 50%, 100% 0%, 100% 0%);
clip-path: polygon(50% 0%, 50% 50%, 100% 0%, 100% 0%); transform-origin: center; border: 3px solid var(--color); border-radius: 50%;  animation: circle 4s linear infinite;}
.home-ban .controls_button .swiper-button-next:hover{background-color: rgba(193, 155, 85, .5);}
@keyframes circle {
    0% {
        transform:  rotate(0deg);
    }
    
    100% {
        transform:  rotate(360deg);
    }
}

@media(max-width:1280px){
    .home-ban .controls_button{top: calc(700/960 * 100%);}
}

@media(max-width:1024px){
    .home-ban .controls_button .swiper-button-next{width: calc(36/16 * 1em); height: calc(36/16 * 1em);}
    .home-ban .controls_button .swiper-button-next::after{font-size: .5em;}
    .home-ban .swiper .swiper-slide .videoPlay figure{width: calc(35/16 * 1em); height: calc(35/16 * 1em);}
    .home-ban .swiper .swiper-slide .swiper_text img{width: calc(180/16 * 1em);}
    .mouse {width: calc(16 / 16* 1em);height: calc(24 / 16* 1em);}
    .home-ban .swiper .swiper-slide .videoPlay p {margin-top: calc(30 / 960* 100vh);}
    .home-ban .controls_button {top: calc(650 / 960* 100%);}
}

.home_title{padding-left: 2em; position: relative;}
.home_title::before{content: ""; left: 0; position: absolute; top: 0; width: 2px; height: 100%; background-color: var(--color);}
.home_title aside{color: var(--color); line-height: 1; margin-bottom: calc(22/16 * 1em);}
.home_title h2{font-size: calc(48/16 * 1em); margin: 0; color: #000000; line-height: 1; font-weight: normal;}
@media(max-width:1024px){
    .home_title h2{font-size: calc(24/16 * 1em);}
    .home-ban .home-ban-title{ font-size: 50px; }
    .home-ban .home-ban-intro{ font-size: 40px; }
}
@media (max-width:750px){
    .home_title h2{font-size: calc(24/16 * 1em);}
    .home-ban .home-ban-title{ font-size: 26px; }
    .home-ban .home-ban-intro{ font-size: 18px; }
}



.home_inherit{background-size: cover;}
.home_inherit .auto{padding: calc(165/1920 * 100%) 0 calc(165/1920 * 100%); display: flex; justify-content: space-between; align-items: start;}
.home_inherit .left{width: calc(340/1400 * 100%); padding-top: calc(260/1400 * 100%);}
.home_inherit .left p{font-weight: 500; line-height: calc(30/16); margin: 0; padding-left: 2em; color: #000; margin-top: calc(38/340 * 100%);}
.home_inherit .left .moreBox{display: flex; padding-left: 2em; margin-top: calc(100/340 * 100%);}
.home_inherit .right{width: calc(991/1400 * 100%);}
.home_inherit .right li{float: left; transition: .3s; width: calc(310/991 * 100%); overflow: hidden; 
    /* border-radius: calc(10/16 * 1em); */
     position: relative; padding-bottom: calc(360/991 * 100%); background-size: cover;}
.home_inherit .right li::after{content: ""; z-index: 1; width: 100%;  height: 100%; left: 0; top: 0; background:linear-gradient(to top,rgba(0,0,0,.5),transparent 40%); position: absolute;}
.home_inherit .right li span{position: absolute; white-space: nowrap; transition: .3s; z-index: 2; left: 50%; bottom: calc(40/360 * 100%); transform: translateX(-50%); font-size: calc(24/16 * 1em); color: #fff;}
.home_inherit .right li span::before{content: ""; position: absolute; width: calc(18/24 * 1em); height: 3px; background-color: #fff; left: 50%; bottom: calc(100% + 1em); transform: translateX(-50%);}
.home_inherit .right li .textBox{position: absolute; opacity: 0; transition: .3s; padding: calc(70/360 * 100%) calc(34/360 * 100%) calc(50/360 * 100%); left: 50%; top: 50%; transform: translate(-50%,-50%); border-radius: calc(10/16 * 1em); 
    /* background-color: rgba(193, 155, 85, .9); */
    background-color: rgba(255, 255, 255, .8);
     z-index: 3; width: calc(263/310 * 100%); height: calc(305/360 * 100%);}
.home_inherit .right li .textBox aside{font-size: calc(24/16 * 1em); 
    color: #fff;
    color: #333;
    position: relative; text-align: center;}
.home_inherit .right li .textBox aside::before{content: ""; position: absolute; width: calc(18/24 * 1em); height: 3px; background-color: #fff; left: 50%; bottom:100%; margin-bottom: calc(16/205 * 100%); transform: translateX(-50%);}
.home_inherit .right li .textBox p{margin: 0; text-align: center; 
    /* color: #fff; */
    color: #333;
     margin-top: calc(25/205 * 100%); font-weight: 500; line-height: calc(26/16);}
.home_inherit .right li .textBox .more{display: block; margin: 0 auto; width: calc(50/16 * 1em); transition: .3s; height: calc(50/16 * 1em); border-radius: 50%; background: #fff url(../images/sub_arrow_color.png) no-repeat center; margin-top: calc(16/205 * 100%);}
.home_inherit .right li:nth-of-type(1),.home_inherit .right li:nth-of-type(2),.home_inherit .right li:nth-of-type(4){margin-right: calc(30/991 * 100%);}
.home_inherit .right li:nth-of-type(2),.home_inherit .right li:nth-of-type(3){margin-bottom: calc(30/16 * 1em);}
.home_inherit .right li:nth-of-type(1){margin-top: calc(330/16 * 1em);}
.home_inherit .right li:nth-of-type(2){margin-top: calc(60/16 * 1em);}
.home_inherit .right li:nth-of-type(5){margin-top: calc(-60/16 * 1em);}
.home_inherit .right li:hover span{opacity: 0;}
.home_inherit .right li:hover .textBox{opacity: 1;}
.home_inherit .right li .textBox .more:hover{transform: scale(1.05);}
/* .home_inherit .right .ul:hover{transform: scale(1);} */
@media(min-width:769px){
    .home_inherit .right li:hover{transform: scale(1.0645);}
}
@media(max-width:1024px){
    .home_inherit .auto{flex-wrap: wrap;}
    .home_inherit .left{width: 100%; padding-top: calc(120/1400 * 100%);}
    .home_inherit .left p{margin-top: calc(30/1400 * 100%);}
    .home_inherit .left .moreBox{margin-top: calc(60/1400 * 100%);}
    .home_inherit .right{width: 100%; margin-top: calc(30/1400 * 100%);}
  
    .home_inherit .right li:nth-of-type(1) {margin-top: calc(200 / 16* 1em);}
    .home_inherit .right li span{font-size: calc(18/16 * 1em);}
    .home_inherit .right li .textBox aside{font-size: calc(18/16 * 1em);}
    .home_inherit .right li .textBox .more{width: calc(30/16 * 1em); height: calc(30/16 * 1em);}
    .home_inherit .right li .textBox p{font-size: calc(14/16 * 1em); -webkit-line-clamp: 2;}
}

@media(max-width:768px){
    .home_inherit .right .ul{display: flex; flex-wrap: wrap; gap: calc(14/16 * 1em) 3%;}
    .home_inherit .right li{width: 48.5%; padding-bottom: 100%; margin: 0 !important; padding-bottom: 56.3%;}
}




/*关于我们*/
.home_aboutUs .title{ font-size: 48px; color: #000; margin-top: 100px; margin-bottom: 40px; position: relative; padding-left: 30px; }
.home_aboutUs .title:before{content: ""; left: 0; position: absolute; top: 0; width: 2px; height: 100%; background-color: var(--color); }
.home_aboutUs .intro{ font-size: 18px; color: #333; line-height: 30px; padding-left: 30px; }
.home_aboutUs .home_aboutUs_ul{ display: flex; align-items: center; justify-content: space-between; list-style: none; margin-top: 50px;  }
.home_aboutUs .home_aboutUs_ul li{  list-style: none; }
.home_aboutUs .home_aboutUs_ul li:hover .txt{  color: var(--color); }
.home_aboutUs .home_aboutUs_ul .img-box{ width: 170px; height: 70px; margin-bottom: 20px; overflow: hidden; }
.home_aboutUs .home_aboutUs_ul .img-box img{ width: 100%; height: 100%; transition: all .5s; }
.home_aboutUs .home_aboutUs_ul .img-box:hover img{ transform: scale(1.2);  }
.home_aboutUs .home_aboutUs_ul .txt{ color: #999; font-size: 18px; text-align: center; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

@media (max-width:768px){
    .home_aboutUs .title{font-size: 20px; margin-top: 30px; margin-bottom: 20px; padding-left: 20px;}
    .home_aboutUs .intro{  padding-left: 0px;font-size: 14px}
    .home_aboutUs .home_aboutUs_ul{ margin-top: 20px;align-items: flex-start;flex-wrap: wrap;}
    .home_aboutUs .home_aboutUs_ul li{ width:18%;}
    .home_aboutUs .home_aboutUs_ul .img-box{ width: 100%; height: auto; text-align: center;  }
    .home_aboutUs .home_aboutUs_ul .img-box img{ width: 90%; height: auto;   }
    .home_aboutUs .home_aboutUs_ul .txt{ font-size: 12px; text-overflow: inherit; white-space: normal;}
}

/*我们的服务*/
.home_service{ background: #f6f6f6; padding: 100px 0; margin-top: 100px;}
.home_service .title{ font-size: 48px; color: #000;  margin-bottom: 40px; position: relative; padding-left: 30px; }
.home_service .title:before{content: ""; left: 0; position: absolute; top: 0; width: 2px; height: 100%; background-color: var(--color); }
.home_service .intro{ font-size: 18px; color: #333; line-height: 30px; padding-left: 30px; }
.home_service_ul{ display: flex; align-items: center; justify-content: space-between; list-style: none; margin-top: 50px; }
.home_service_ul li{  list-style: none; width: 410px; height: 600px; }
.home_service_ul li:hover .txt{  color: var(--color); }
.home_service_ul li:hover .tips{  color: var(--color); }
.home_service_ul .img-box:hover img{ transform: scale(1.2);  }
.home_service_ul .img-box{  width: 410px; height: 420px; overflow: hidden;}
.home_service_ul .img-box img{  width: 100%; height: 100%; transition: all .5s; }
.home_service_ul .txt-box{ background: #fff; padding: 50px 20px; height: 180px; box-sizing: border-box; }
.home_service_ul .txt-box .txt{ font-size: 22px; color: #666; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.home_service_ul .txt-box .tips{ font-size: 18px; color: #999; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 10px;}


@media (max-width: 1000px){
    .home_service_ul{ margin-top: 20px; flex-wrap: wrap; }
    .home_service_ul li{ margin-bottom: 20px; width:31%; height: auto;}
    .home_service_ul .img-box{ width: 100%; height: auto;}

}
@media (max-width:768px){
    .home_service{ padding: 30px 0; margin-top: 30px;}
    .home_service .title{font-size: 20px; margin-top: 30px; margin-bottom: 20px; padding-left: 20px;}
    .home_service .intro{  padding-left: 0px;font-size: 14px}
    .home_service_ul .txt-box{ padding: 20px 10px; height: auto;  }
    .home_service_ul .txt-box .txt{ font-size: 18px;text-overflow: inherit; white-space: normal;}
    .home_service_ul .txt-box .tips{ font-size: 14px; text-overflow: inherit; white-space: normal;}
}





.home_work{background:  no-repeat calc(520/1920 * 100%) top; background-size: calc(1540/1920 * 100%) auto;}
.home_work .home_work_inner{background-size: cover; background-repeat: no-repeat;}
.home_work .home_work_inner .auto{
    /* padding: calc(245/1920 * 100%) 0 calc(195/1920 * 100%);  */
    padding: calc(100/1920 * 100%) 0 calc(100/1920 * 100%); 
    display: flex; flex-wrap: wrap; justify-content: space-between;}
/* .home_work .home_title h2{color: #fff;} */
.home_work .left{width: calc(505/1400 * 100%);}
.home_work .left .intro{color: #fff; margin: 0; font-weight: 500; padding-left: 2em; margin-top: calc(42/505 * 100%);}
.home_work .left .ul{margin-top: calc(100/505 * 100%); padding-left: 2em;}
.home_work .left .ul li{display: flex; align-items: center;}
.home_work .left .ul li:not(:nth-last-of-type(1)){margin-bottom: calc(50/473 * 100%);}
.home_work .left .ul li figure{margin-right: 1.5em; max-width: calc(43/16 * 1em);}
.home_work .left .ul li aside{font-size: calc(18/16 * 1em); 
/* color: #fff;  */
color: #333; 
font-weight: 500;}
.home_work .left .ul li p{margin: 0; color: var(--color); margin-top: calc(7/16 * 1em); font-weight: 500;}
.home_work .left .ul li:hover figure{animation: vibrate .5s linear;}
.home_work .right{width: calc(479/16 * 1em); padding-top: calc(80/1400 * 100%);}
.home_work .right .ul{position: relative; margin-right: calc(24/479 * 100%);width: calc(455/16 * 1em); height: calc(416/16 * 1em);}
.home_work .right .ul li{position: absolute; display: flex; align-items: center; justify-content: center; width: calc(251/16 * 1em); height: calc(252/16 * 1em); background: url(../images/home_work_circle.png) no-repeat center; background-size: cover;}
.home_work .right .ul li:nth-of-type(1){left: 50%; top: 0; transform: translateX(-50%);}
.home_work .right .ul li:nth-of-type(2){left: 0; bottom: 0;}
.home_work .right .ul li:nth-of-type(3){right: 0; bottom: 0;}
.home_work .right .ul li .li_inner{width: calc(226/16 * 1em); position: relative; height: calc(226/16 * 1em); display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: 50%;  background-image: linear-gradient(rgba(249,191,98,.2),rgba(245,240,216,.2));}
.home_work .right .ul li .li_inner::after{content: ""; width: 4px; height: 4px; position: absolute; background-color: #fff; border-radius: 50%;}
.home_work .right .ul li .li_inner span{
    /* color: rgba(255,255,255,0.3);  */
    color: rgba(0,0,0,0.3); 
    font-family: "alimama"; font-weight: bold; font-size: calc(24/16 * 1em); display: block; text-align: center;}
.home_work .right .ul li .li_inner aside{font-size: calc(21/16 * 1em); margin-top: 1em; 
    /* color: #fff;  */
    color: #333; 
    text-align: center;}
.home_work .right .ul li .li_inner p{text-align: center; color: var(--color); margin: 0; font-size: calc(12/16 * 1em); margin-top: calc(5/12 * 1em);}
.home_work .right .ul li .li_inner .line_dot{position: absolute; animation: rotate linear infinite 6s; border-radius: 50%; width: 100%; height: 100%; left: 0; top: 0;}
.home_work .right .ul li .li_inner .line_dot::before{content: ""; width: 8px; height: 8px; position: absolute; background-color: var(--color); border-radius: 50%;}
.home_work .right .ul li:nth-of-type(1) .li_inner .line_dot::before{right: calc(7/226 * 100% - 4px); bottom: calc(63/226 * 100% - 4px); transform: translate(-50%,-50%);}
.home_work .right .ul li:nth-of-type(2) .li_inner .line_dot::before{top: 0; left: 50%; transform: translate(-50%,-50%);}
.home_work .right .ul li:nth-of-type(3) .li_inner .line_dot::before{left: calc(7/226 * 100% + 4px); bottom: calc(64/226 * 100% - 4px); transform: translate(-50%,-50%);}


.home_work .right .ul li:nth-of-type(1) .li_inner::after{left: 50%; bottom: calc(21/226 * 100% - 2px); transform: translate(-50%,-50%);}
.home_work .right .ul li:nth-of-type(2) .li_inner::after{right: calc(21/226 * 100% + 2px); top: calc(72/226 * 100% + 2px); transform: translate(-50%,-50%);}
.home_work .right .ul li:nth-of-type(3) .li_inner::after{left: calc(29/226 * 100% - 2px); top: calc(72/226 * 100% + 2px); transform: translate(-50%,-50%);}

@keyframes rotate {
    0%{
        transform: rotate(0deg);
    }
    100%{
        transform: rotate(360deg);
    }
}



@media(max-width:1024px){
    .home_work{background-position: top center; background-size: 100% auto;}
    .home_work .home_work_inner{background-position: center; }
    .home_work .left{width: 100%;}
    .home_work .left .ul{margin-top: calc(100/1400 * 100%);}
    .home_work .left .ul li:not(:nth-last-of-type(1)){margin-bottom: calc(50/1400 * 100%);}
    .home_work .right{margin: 0 auto;}
    .home_work .right .ul{margin: 0 auto;}
    .home_work .right .ul li:nth-of-type(3) .li_inner::before {left: calc(8.5 / 226* 100% + 4px);bottom: calc(62 / 226* 100% - 4px);}
    .home_work .right .ul li:nth-of-type(1) .li_inner::before {right: calc(10 / 226* 100% - 4px);bottom: calc(59.5 / 226* 100% - 4px);}
    .home_work .right .ul li:nth-of-type(2) .li_inner::after {right: calc(24 / 226* 100% + 2px);top: calc(72 / 226* 100% + 2px);}
}

@media(max-width:768px){
    .home_work .right .ul{font-size: .8em;}
}

.home_case .title{ font-size: 48px; color: #000;  margin-bottom: 40px; position: relative; padding-left: 30px; }
.home_case .title:before{content: ""; left: 0; position: absolute; top: 0; width: 2px; height: 100%; background-color: var(--color); }

.home_case{background-size: cover; position: relative;}
.home_case .home_title::before{display: none;}
.home_case .home_title h2{ font-size: 40px;}
.home_case .home_case_inner{width: calc(1660/1920 * 100%); max-width: 1660px; margin-left: auto;}
.home_case .auto{padding-top: calc(100/1920 * 100%); padding-bottom: calc(100/1920 * 100%); }
.home_case .slider_text{
    /* width: calc(490/1400 * 100%);  */
    /*width: calc(1000/1400 * 100%); */
    margin: 0 auto;
    position: relative;
}
/* .home_case .slider_text li .textBox{padding-left: 2em;} */
.home_case .slider_text li p{font-weight: 500; line-height: calc(30/16); margin: 0; padding-left: 30px;}
.home_case .slider_text li p.brief{color: var(--color); font-size: 22px; margin-top: 40px;}
.home_case .slider_text li p.intro{color: #333;  margin-top: 20px;}
.home_case .slider_text .controls{
    width: calc(100% + 120/16 * 1em);
    position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);
    /* margin-top: calc(120/490 * 100%); */
     /* margin-left: 2em; */
      display: flex; align-items: center; justify-content: space-between}
.home_case .slider_text .swiper-button{position: relative; left: 0; width: calc(50/16 * 1em); background-color: var(--color); margin-top: 0; height: calc(50/16 * 1em); border-radius: 50%; border: 1px solid var(--color); }
.home_case .slider_text .swiper-button.swiper-button-next{margin-left: calc(20/18 * 1em);}
.home_case .slider_text .swiper-button.swiper-button-prev{transform: rotate(180deg);}
.home_case .slider_text .swiper-button::after{display: none; }
.home_case .slider_text .swiper-button::before{content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: url(../images/sub_arrow.png) no-repeat center;}
.home_case .slider_text .swiper-button.swiper-button-disabled{background-color: transparent; opacity: 1;}
.home_case .slider_text .swiper-button.swiper-button-disabled::before{ background-image: url(../images/sub_arrow_color.png);}
.home_case .slider_text .arrowBox{display: flex; width: 100%; justify-content: space-between;}
.home_case .slider_text .controls .lineBox{width: calc(100% - 155/16 * 1em); height: 1px; background-color: #efeeee;}
.home_case .slider_text .controls .lineBox .line{height: 200%; transition: .3s; background-color: var(--color); width: 10%;}
.home_case .slider_img{width: calc(950/1920 * 100%); bottom: 0; position: absolute; right: 0;}
.home_case .slider_img .swiper-wrapper{align-items: end;}
.home_case .slider_img li{width: calc(617/950 * 100%);}
.home_case .slider_img li:not(.swiper-slide-active){ transform: translateX(calc(-55/950 * 100%));}
.home_case .slider_img li figure{padding-bottom: calc(408/617 * 100%); background-size: cover;  mask-image: url(../images/home_case_img_small.png); -webkit-mask-image: url(../images/home_case_img_small.png); mask-size: cover; -webkit-mask-size: cover;}
.home_case .slider_img li.swiper-slide-active{width: calc(624/950 * 100%);}
.home_case .slider_img li.swiper-slide-active figure{padding-bottom: calc(701/624 * 100%); mask-image: url(../images/home_case_img_big.png); -webkit-mask-image: url(../images/home_case_img_big.png); }
.home_case .slider_img .swiper-slide{height: auto; transition: .3s;}
.home_case .swiper-pagination{width: 100%; display: flex; align-items: center; justify-content: center; gap: 0 1em;  bottom: -2em;}
.home_case .swiper-pagination .swiper-pagination-bullet-active{background-color: var(--color);}
@media(max-width:1024px){
    .home_case .slider_text{width: 100%;}
    .home_case .slider_text .swiper-button{width: calc(35/16 * 1em); height: calc(35/16 * 1em);}
    .home_case .slider_text .controls .lineBox{width: calc(100% - 125/16 * 1em);}
    .home_case .slider_img{position: static; width: 100%; margin-top: 1em;}
    .home_case .slider_text .controls{margin-top: calc(120/1400 * 100%);}

    .home_case .slider_img li{width: calc(617/950 * 2/3 * 100%);}
    .home_case .slider_img li.swiper-slide-active{width: calc(624/950 * 2/3 * 100%);}

    .home_case .slider_text .controls{position: relative; width: 100%; left: 0; top: 0; transform: none; margin-top: 1em;}
    .home_case .slider_text .arrowBox{width: 50%; margin: 0 auto;}
}
@media (max-width:768px){
    .home_case .title{font-size: 20px; margin-top: 30px; margin-bottom: 20px; padding-left: 20px;}
    .home_case .home_title{padding-left: 20px;}
    .home_case .home_title h2{ font-size: 30px;}
    .home_case .slider_text li p{padding-left: 20px;}
    .home_case .slider_text li p.brief{ margin-top: 20px; line-height: 30px;}
    .home_case .slider_text li p.intro{margin-top: 14px;}
}

.home_news{background-size: cover; position: relative;}
.home_news .home_news_inner{padding: calc(212/1920 * 100%) 0 calc(178/1920 * 100%); position: relative; z-index: 3; overflow: hidden;}
.home_news .home_news_back{position: absolute; }
.home_news .home_news_back.home_news_back1{width: calc(1230/1920 * 100%); bottom: calc(60/1112 * 100%); left: 0; z-index: 2;}
.home_news .home_news_back.home_news_back2{width: calc(1231/1920 * 100%); bottom: calc(114/1112 * 100%); left: calc(8/1920 * 100%); z-index: 1;}
.home_news .home_title{display: flex; justify-content: space-between;}
.home_news .swiper{margin-top: calc(60/1920 * 100%);}
.home_news .swiper .swiper-wrapper{align-items: center;}
.home_news .swiper li{position: relative; transition: .3s; height: auto; border-radius: calc(10/16 * 1em); overflow: hidden;}
.home_news .swiper li figure{padding-bottom: calc(420/760 * 100%);  background-size: cover;}
.home_news .swiper li .textBox{opacity: 0; transition: .3s; position: absolute; padding:calc(35/890 * 100%) calc(68/890 * 100%) calc(40/890 * 100%) calc(50/890 * 100%); bottom: 0; width: calc(706/890 * 100%); background: rgba(193, 155, 85, 1); mask-image: url(../images/home_news_text_back.png); -webkit-mask-image: url(../images/home_news_text_back.png); mask-size: cover; -webkit-mask-size: cover; border-top-right-radius: calc(20/16 * 1em); }
.home_news .swiper li .textBox .text_top{display: flex; justify-content: space-between;}
.home_news .swiper li .textBox .text_top a{display: flex;  font-weight: 500; align-items: center; color: #fff; }
.home_news .swiper li .textBox .text_top a::after{content: ""; margin-left: calc(13/16 * 1em); width: 1em; height: calc(9/16 * 1em); background: url(../images/sub_arrow.png) no-repeat center; background-size: cover;}
.home_news .swiper li .textBox .text_top a:hover{ animation: vibrate .5s linear;}
.home_news .swiper li .textBox aside{font-size: calc(22/16 * 1em); color: #fff; max-width: calc(100% - 6em - 13/16 * 1em);}
.home_news .swiper li .textBox time{color: #fff; display: block; font-weight: 500; margin-top: calc(16/772 * 100%); margin-bottom: calc(21/772 * 100%);}
.home_news .swiper li .textBox p{margin: 0; color: #fff; line-height: calc(28/16); font-weight: 500;}
.home_news .swiper li.swiper-slide-active{cursor: pointer;}
.home_news .swiper li.swiper-slide-active .textBox{opacity: 1;}


@media(min-width:1025px){
    .home_news .swiper li{width: calc(760/1920 * 100%); }
    .home_news .swiper li.swiper-slide-active{width: calc(890/1920 * 100%); }
.home_news .swiper li.swiper-slide-active figure{padding-bottom: calc(576/890 * 100%);}


}

@media(max-width:1024px){
    .home_news .swiper{width: 96%; margin: 0 auto; margin-top: 1em;}
    .home_news .swiper li .textBox aside{font-size: calc(18/16 * 1em);}
    .home_news .swiper li .textBox p{font-size: calc(14/16 * 1em);}
    .home_news .swiper li .textBox .text_top{flex-wrap: wrap;}
    .home_news .swiper li .textBox aside{width: 100%; max-width: 100%;}
    .home_news .swiper li .textBox .text_top a{margin-left: auto; margin-top: 1em;}
}

footer{position: relative; padding-top: calc(78/1920 * 100%); overflow: hidden; background-size: cover;}
footer .leftContent{background-size: cover; padding: calc(110/1920 * 100%) 0 calc(65/1920 * 100%);}
footer .leftContent figure img{max-height: 30px;}
footer aside{color: #555555; position: relative; font-weight: 500; padding-left: calc(18/16 * 1em);}
footer .leftContent .partnerLink{margin-top: calc(80/1400 * 100%);}
footer .leftContent .partnerLink aside::before{content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: calc(13/16 * 1em); height: calc(13/16 * 1em); background: url(../images/outlink.png) no-repeat center; background-size: cover;}
footer .leftContent .partnerLink .ul{margin-top: calc(20/1400 * 100%); max-width: calc(500/1400 * 100%); gap: calc(20/16 * 1em) calc(20/500 * 100%); display: flex; flex-wrap: wrap;}
footer .leftContent .partnerLink .ul li{width: calc(210/16 * 1em);}
footer .leftContent .partnerLink .ul li a{color: #333; font-weight: 500; display: flex; align-items: center; justify-content: space-between; border-radius: calc(6/16 * 1em); border: 1px solid #e7e7e7; padding:calc(13/210 * 100%) calc(25/210 * 100%);}
footer .leftContent .partnerLink .ul li a::after{  content: "";transition: .3s;width: 8px;transition: .3s;height: 8px;margin-left: .5em;content: '';border-top: 1px solid currentColor;border-right: 1px solid currentColor;transform: rotate(45deg);}
footer .leftContent .partnerLink .ul li a img{width:30px;height:30px;object-fit:contain; vertical-align: middle; margin-right: 10px;}
footer .leftContent .partnerLink .ul li a span{line-height: 30px; display: block}
footer .leftContent .partnerLink .ul li a:hover{color: var(--color); border-color: var(--color);}
footer .leftContent .outLink{margin-top: calc(125/1400 * 100%); max-width: calc(500/1400 * 100%);}
footer .leftContent .outLink .ul{display: flex;}
footer .leftContent .outLink .ul li:not(:nth-last-of-type(1))::after{content: "·"; display: inline-block; margin: 0 1em; color: #333;}
footer .leftContent .outLink .ul li a{transition: .3s; font-weight: 500; color: #333;}
footer .leftContent .outLink .ul li a:hover{color: var(--color);}
footer .rightContent{position: absolute; right: 0; top: 0; width: calc(1051/1920 * 100%); background-size: 100% 100%; background-position: right center; background-repeat: no-repeat; padding: calc(125/1920 * 100%) calc(73/1920 * 100%) calc(40/1920 *100%) calc(250/1920 * 100%); }
footer .rightContent .address aside{color: #fff;}
footer .rightContent .address aside::before{content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: calc(9/16 * 1em); height: calc(13/16 * 1em); background: url(../images/address.png) no-repeat center; background-size: cover;}
footer .rightContent .address p{margin: 0; font-size: calc(20/16 * 1em); color: #fff; padding-left: calc(18/20 * 1em); margin-top: .5em;}
footer .rightContent .follow_us{margin-top: calc(70/688 * 100%);}
footer .rightContent .follow_us aside{color: #fff;}
footer .rightContent .follow_us aside::before{content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: calc(13/16 * 1em); height: calc(13/16 * 1em); background: url(../images/start.png) no-repeat center; background-size: cover;}
footer .rightContent .follow_us .ul{display: flex; gap: 1em calc(38/16 * 1em); padding-left: calc(18/16 * 1em); margin-top: 1em; }
footer .rightContent .follow_us .ul li{position: relative; padding-bottom: calc(26/16 * 1em);}
footer .rightContent .follow_us .ul li figure{text-align: center;}
footer .rightContent .follow_us .ul li p{margin: 0; font-weight: 500; color: #fff; left: 50%; transform: translateX(-50%); text-align: center; line-height: 1; bottom: 0; position: absolute; white-space: nowrap;}
footer .rightContent .copyright{margin-top: calc(115/688 * 100%); color: #fff; font-weight: 500; padding-left: calc(18/16 * 1em);} 

@media(min-width:1025px){
    footer .rightContent .copyright{white-space: nowrap;}
    footer{background-size: 0;}
}

@media(max-width:1024px){
    footer .leftContent{background-size: 0;}
    footer .rightContent{position: relative; background-image: none !important; right: unset; top: unset; padding: 1em 0;  transform: none; max-width: 100%; width: 96%; margin: 0 auto; background-color: transparent;}
    footer .rightContent .right_inner{transform: none;}
    footer .rightContent .address aside{color: #333;}
    footer .rightContent .address p{color: #333;}
    footer .rightContent .follow_us .ul{}
    footer .rightContent .follow_us aside{color: #333;}
    footer .rightContent .follow_us .ul li p{color: #333;}
    footer .leftContent .outLink{margin-top: 2em; max-width: 100%;}
    footer .rightContent .follow_us{margin-top: calc(35/16 * 1em);}
    footer .rightContent .copyright{color: #333; margin-top: calc(30/16 * 1em); text-align: center;}
    footer .leftContent .partnerLink aside::before{background-size: 80%;}
    footer .rightContent .address aside::before{background-image: url(../images/address_color.png); background-size: 80%;}
    footer .rightContent .follow_us aside::before{background-image: url(../images/start_color.png); background-size: 80%;}
    footer .leftContent .partnerLink .ul{max-width: 100%;gap:calc(10/16 * 1em) calc(10/500 * 100%)}
    footer .leftContent .partnerLink .ul li{width: 100%;}
    footer .leftContent .partnerLink .ul li a{padding:calc(13/16 * 1em) calc(25/16 * 1em);}
}

@keyframes vibrate {
    0%{
        transform: rotate(0deg);
    }
    33%{
        transform: rotate(15deg);
    }
    66%{
        transform: rotate(-15deg);
    }
    100%{
        transform: rotate(0deg);
    }
}

.home_line{position: absolute; height: 100%; width: 1px; top: 0; background-color:rgba(255,255,255,0.2); z-index: 999;}


.Banner003069{position: relative;}
.Banner003069 figure{position: relative;}
.Banner003069 figure > img{width: 100%;}
.Banner003069 .txt{position: absolute; width: 100%; left: 0; top: 50%;}
.Banner003069 .txt aside{color: #fff; text-align: center; font-family: "alimama";}
.Banner003069 .txt .cn{font-size: calc(70/16 * 1em);}
.Banner003069 .txt .en{font-size: calc(18/16 * 1em); margin-top: calc(20/1400 * 100%);}

@media(max-width:1024px){
    .Banner003069 .txt .cn{font-size: calc(36/16 * 1em);}
}


/*Location001821*/
.Location001821{ position: absolute; bottom: 0; width: 100%;}
.Location001821 .current{display: flex; border-top: 1px solid rgba(255,255,255,0.1); align-items: center; justify-content: space-between; color:#a4b5cd; text-transform:uppercase;}
.Location001821 .menu{display: flex;  gap: .5em calc(80/16 * 1em); flex-wrap: wrap;}
.Location001821 .menu li a{display: block; position: relative; font-weight: 500; padding: calc(27/16 * 1em) 0;  color: #fff;}
.Location001821 .menu li.active a::before,.Location001821 .menu li:hover a::before{content: ""; position: absolute; width: 100%; height: 3px; background-color: var(--color); top: -1px;}
.Location001821 em{ font-style:normal; background:url(../images/Location001821-icon.png) no-repeat left center; padding-left:calc(25/16 * 1em); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.Location001821 em i{ font-style:normal; font-family: "宋体"; margin:0 calc(14/16 * 1em);}
.Location001821 em,
.Location001821 em a,
.Location001821 b{color:rgba(255,255,255,0.5); font-weight: 500;}
.Location001821 em a:hover{color: var(--color);}
.Location001821.partyBuildingLocation{border-bottom: none;}
.Location001821 em span{color: #fff;}
@media(min-width:1025px){
    .Location001821 .current{min-height: calc(76/16 * 1em);}
}

@media(max-width:1024px){
    .Location001821 .current{flex-wrap: wrap; padding: 1em 0;}
    .Location001821 .menu li a{color: #333; padding: calc(13/16 * 1em) 0;}
    .Location001821 .menu{width: 100%; gap: .5em calc(40/16 * 1em);}
    .Location001821 em{margin-top: 1em; background-image: url(../images/Location001821-icon_color.png);}
    .Location001821{position: relative;}
    .Location001821 em, .Location001821 em a, .Location001821 b{color: #333;}
    .Location001821 em span{color: #333;}
}
@media(max-width:640px){
    .Location001821 .menu{ gap: 0 calc( 10 / 16 * 1em);}
    .Location001821 .menu li a{ padding: calc(7/16 * 1em) 0;}
}

aside.cTitle{font-size: calc(48/16 * 1em); color: #333;}
@media(max-width:1024px){
    aside.cTitle{font-size: calc(24/16 * 1em);}
}

.about_us .company_intro{background-size: cover;}
.about_us .company_intro .auto{padding: calc(110/1920 * 100%) 0 calc(100/1920 * 100%); display: flex; justify-content: space-between;}
.about_us .company_intro .imgBox{width: 37%; height: 100%; order: 2;  padding-top: 6.25em; flex-shrink: 0; }
/*.about_us .company_intro .imgBox .img{position: absolute;}*/
.about_us .company_intro .imgBox .img_1{width: 100%; padding-bottom: calc(663/685 * 100%); background-size: cover; }
/*.about_us .company_intro .imgBox .img_2{mask-image: url(../images/img_2_back.png); -webkit-mask-image:  url(../images/img_2_back.png); mask-size: cover; -webkit-mask-size: cover;  width: calc(664/685 * 100%); padding-bottom: calc(701/685 * 100%); background-size: cover; top: 0; left: 0;}*/

.about_us .company_intro .textBox{margin-right: 6.25em; padding-top: 6.25em;}
.about_us .company_intro .textBox p{margin: 0; line-height: calc(30/16); color: #333;}
.about_us .company_intro .textBox p.intro{color: var(--color);}
.about_us .company_intro .textContent p:not(:nth-last-of-type(1)){margin-bottom: calc(30/625 * 100%);}
.about_us .company_intro .textContent{margin-top: calc(40/580 * 100%);}


.about_us .company_culture .auto{ display: flex; padding-bottom: calc(77/1920 * 100%); justify-content: space-between;}
.about_us .company_culture .textBox{ margin-right: 6.25em; padding-top: 6.25em;}
.about_us .company_culture .textBox .ul{margin-top: calc(50/580 * 100%);}
.about_us .company_culture .textBox li{padding-bottom: calc(25/580 * 100%); cursor: pointer; border-bottom: 1px solid #f0f0f0;}
.about_us .company_culture .textBox li:not(:nth-last-of-type(1)){margin-bottom: calc(20/580 * 100%);}
.about_us .company_culture .textBox li aside{display: flex; transition: .3s; position: relative; align-items: center;}
.about_us .company_culture .textBox li aside p{font-size: calc(20/16 * 1em); transition: .3s; padding-left: calc(46/20 * 1em + 20/580 * 100%); margin: 0; color: #333;}
.about_us .company_culture .textBox li aside span{color: var(--color); font-size: 20px; font-weight: 500; margin-left: auto;}
.about_us .company_culture .textBox li aside figure{position: absolute; max-width: calc(46/16 * 1em); left: 0; top: 50%; transform: translateY(-50%);}
.about_us .company_culture .textBox li .li_c{display: none; margin-top: calc(20/580 * 100%); padding-left: calc(46/16 * 1em + 20/580 * 100%);}
.about_us .company_culture .textBox li .li_c p{font-weight: 500; max-width: 84%; margin: 0; color: #333; line-height: calc(30/16);}
.about_us .company_culture .textBox li.active aside p{color: var(--color);}
.about_us .company_culture .textBox li.active figure{ animation: company_culture_figure 6s linear infinite ;}
.about_us .company_culture .imgBox{width: 37%; padding-top: 6.25em; flex-shrink: 0; }
/*.about_us .company_culture .imgBox .img{position: absolute;}*/
.about_us .company_culture .imgBox .img_1{width: 100%; padding-bottom: calc(663/685 * 100%); background-size: cover; }
/*.about_us .company_culture .imgBox .img_2{mask-image: url(../images/company_culture_img2_back.png); -webkit-mask-image:  url(../images/company_culture_img2_back.png); mask-size: cover; -webkit-mask-size: cover;  width: calc(664/685 * 100%); padding-bottom: calc(701/685 * 100%); background-size: cover; top: 0; right: 0;}*/
.about_us .company_intro .imgBox .cTitle2{display: none;}

@media(max-width:1024px){
    .about_us .company_intro .textBox .cTitle{display: none;}
    .about_us .company_intro .imgBox .cTitle2{display: block;padding-bottom: 3%}
    .about_us .company_culture .textBox{width: 100%;}
    .about_us .company_culture .imgBox{margin-top: 1em; margin-left: auto;}
    .about_us .company_intro .textBox{width: 100%;padding-top: 0;margin-right: 0;}
    .about_us .company_intro .auto{display: block;}
    .about_us .company_intro .imgBox{width: 100%;padding-top: 0;margin-bottom:0;}
    .about_us .company_culture .auto{display: block;}
    .about_us .company_culture .imgBox{width: 100%;padding-top: 0;}
    .about_us .company_culture .textBox{padding-top: calc(110 / 1920* 100%);}
    
    .about_us .company_culture .textBox li {padding-bottom: calc(10 / 580* 100%);}
    .about_us .company_culture .textBox li:not(:nth-last-of-type(1)) {margin-bottom: calc(10 / 580* 100%);}
    .about_us .company_culture .textBox li aside p{font-size: calc(16 / 16* 1em);}
    .about_us .company_culture .textBox li .li_c p{font-size: 13px;}
}

@media (max-width: 768px){
    .about_us .company_intro .textBox{ margin-right: 0px; padding-top: 10px;}
    .about_us .company_intro .imgBox{}
    .about_us .company_culture .textBox{ margin-right: 0px; padding-top: 30px;}
    .about_us .company_culture .imgBox{width: 100%; height: auto; }
}



@keyframes company_culture_figure {
    0%{
        transform: rotateY(0deg) translateY(-50%);
    }
    100%{
        transform: rotateY(360deg) translateY(-50%);
    }
}

.about_us .company_history{padding: calc(112/1920 * 100%) 0 calc(94/1920 * 100%); background-size: cover;}
.about_us .company_history .auto{position: relative;}
.about_us .company_history .cTitle{text-align: center;}
.about_us .company_history .ul{margin-top: calc(52/1400 * 100%); padding-top: calc(12/1400 * 100%); position: relative;}
.about_us .company_history .ul::after{content: ""; position: absolute; width: 1px; top: 0; height: 100%; left: 50%; transform: translateX(-50%); background-color: #e7e6e8;}
/* .about_us .company_history .ul::before{content: ""; z-index: 3; position: absolute; bottom: 0; left: 0; width: 100%; height: 20%; background-image: linear-gradient(to top,transparent,#fff 40%,transparent);} */
.about_us .company_history .ul li{display: flex; align-items: start;}
.about_us .company_history .ul li aside{color: var(--color); position: relative; margin-top: calc(20/30 * 1em); font-size: calc(30/16 * 1em); width: 50%; }
.about_us .company_history .ul li aside::before{content: ""; border-radius: 50%; z-index: 2; position: absolute; width: calc(28/30 * 1em); height: calc(28/30 * 1em); top: 50%; background:#fff url(../images/history_icon.png) no-repeat center; background-size: cover;}
.about_us .company_history .ul li .li_c{width: 50%;}
.about_us .company_history .ul li p{font-weight: 500; line-height: calc(36/16); color: #333; margin: 0;}
.about_us .company_history .ul li:nth-of-type(2n+1) aside{text-align: right; padding-right: calc(45/1400 * 100%);}
.about_us .company_history .ul li p{font-weight: 500; line-height: calc(36/16); color: #333; margin: 0;}
.about_us .company_history .ul li:nth-of-type(2n+1) .li_c{padding-left: calc(45/1400 * 100%); padding-right: calc(130/1400 * 100%);}
.about_us .company_history .ul li:nth-of-type(2n+1) aside::before{right: 0; transform: translate(50%,-50%);}
.about_us .company_history .ul li:nth-of-type(2n) aside{order: 2; padding-left: calc(45/1400 * 100%);}
.about_us .company_history .ul li:nth-of-type(2n) aside::before{left: 0; transform: translate(-50%,-50%);}
.about_us .company_history .ul li:nth-of-type(2n) .li_c{padding-right: calc(45/1400 * 100%); text-align: right; padding-left: calc(130/1400 * 100%);}
.about_us .company_history .lineBox{position: absolute; right: calc(45/1400 * 100%); top: 50%; transform: translateY(-50%); width: 4px; border-radius: 9999px; height: calc(500/600 * 100%); background-color: rgba(193, 155, 85, .3);} 
.about_us .company_history .lineBox div{border-radius: 9999px; transition: .3s;}
.about_us .company_history .lineBox div.active{background-color: var(--color); border-radius: 9999px;}

@media(max-width:1024px){
.about_us .company_history .ul li:nth-of-type(2n+1) .li_c{padding-right: calc(45/1400 * 100%);}
.about_us .company_history .ul li:nth-of-type(2n) .li_c{ padding-left: calc(45/1400 * 100%);}
.about_us .company_history .ul li aside::before{background-size: 80%;}
.about_us .company_history .ul li p{font-size: calc(14/16 * 1em); line-height: 1.5; text-align: justify;}
}

@media(max-width:640px){
    .about_us .company_history .ul::before{display: none;}
}

.company_honor .auto{padding: calc(120/1920 * 100%) 0;}
.company_honor aside{text-align: center;}
.company_honor .ul{align-items: center; width: calc(100% + 20px); padding: 10px; padding-top: calc(60/1400 * 100%); padding-bottom: 0; overflow: hidden;}
.company_honor .ul .slick-list{overflow: visible;}
.company_honor .ul li figure{padding-bottom: calc(240/335 * 100%); background-size: cover;}
.company_honor .ul li .img{padding: calc(18/16 * 1em) calc(20/16 * 1em); border-radius: calc(10/16 * 1em); box-shadow: 0px 0px 20px 0px rgba(0,0,0,.3); background: url(../images/honor_back.png) no-repeat center; background-size: cover;}
.company_honor .ul li p{color: #333;  font-weight: 500;margin: 0 auto; margin-top: calc(20/18 * 1em);  font-size: calc(18/16 * 1em); text-align: center; line-height: 2; max-width: 64%; }
.company_honor .ul li{transform-origin: left; transition: .3s;}
.company_honor .ul li.slick-current + li + li{transform-origin: right;}
.company_honor .ul li:not(.slick-active){transform-origin: center;}
.company_honor .control{margin: 0 auto; display: flex; justify-content: space-between; align-items: center; margin-top: calc(40/1400 * 100%); width: calc(343/16 * 1em);}
.company_honor .control .lineBox{background-color: #f0f0f0; width: calc(200/16 * 1em); height: 1px;}
.company_honor .control .lineBox .line{height: 2px; background-color: var(--color) ; transition: .3s;}

.company_honor .control .slick-arrow{position: relative; font-size: calc(16/16 * 1em); text-indent: -9999px; overflow: hidden; left: 0; width: calc(50/16 * 1em); background: url(../images/sub_arrow.png) no-repeat center; background-color: var(--color); margin-top: 0; height: calc(50/16 * 1em); border-radius: 50%; border: 1px solid var(--color); }
.company_honor .control .slick-arrow.slick-prev{transform: rotate(180deg);}
.company_honor .control .slick-arrow.slick-disabled{background-color: transparent; background-image: url(../images/sub_arrow_color.png); cursor: auto;}

@media(min-width:1025px){
    .company_honor .ul li:not(.slick-current + li){transform: scale(.845);}
}

@media(max-width:1024px){
    .company_honor .ul{width: calc(100% + 10px); padding: 5px; padding-top: calc(60/1400 * 100%); padding-bottom: 0; }
    .company_honor .ul li{transform: scale(.95);}
    .company_honor .ul li p{font-size: calc(14/16 * 1em);}
    .company_honor .ul li.slick-current + li{transform-origin: right;}
    .company_honor .ul li.slick-current + li + li{transform-origin: center;}
    .company_honor .ul li .img{padding: calc(9/16 * 1em) calc(10/16 * 1em);}
    .company_honor .control .slick-arrow{width: calc(35/16 * 1em); height: calc(35/16 * 1em);}
}

@media(max-width:480px){
    .company_honor .ul li{transform-origin: center;}
}


.ywbkbox{overflow: hidden}
.menu_nav{display: flex; flex-wrap: wrap; justify-content: center; gap: 1em calc(75/1400 * 100%);}
.menu_nav li a{color: #333; width: calc(160/16 * 1em); transition: .3s; display: flex; align-items: center; justify-content:  center; height: calc(50/16 * 1em); border-radius: 9999px;} 
.menu_nav li.active a,.menu_nav li:hover a{color: #fff; background-color: var(--color);}

@media(max-width:1024px){
    .menu_nav.ywbk{flex-wrap: nowrap;overflow: auto;justify-content: flex-start;gap:0;padding-bottom: 10px}
    .menu_nav.ywbk li{margin-right: 2%}
}


.business .auto{padding: calc(80/1920 * 100%) 0 calc(150/1920 * 100%);}
.business .business_company_intro{margin-top: calc(120/1400 * 100%); color: #333;}
.business .business_content_box{display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: calc(60/1400 * 100%);}
.business .business_content{width: calc(1200 / 1400* 100%); max-width: calc(100% - 65 / 1400* 100% - 215 / 16* 1em);}
.business .bussiness_list li{display: flex; cursor: pointer; justify-content: space-between; flex-wrap: wrap; align-items: start;}
.business .bussiness_list li:not(:nth-last-of-type(1)){margin-bottom: calc(57/1400 * 100%);}
.business .bussiness_list li figure{width: calc(741/1400 * 100%); background-size: cover; transition: .3s; padding-bottom: calc(450/1400 * 100%);}
.business .bussiness_list li .textBox{width: calc(520/1400 * 100%); padding-top: calc(90/1400 * 100%);}
.business .bussiness_list li .textBox aside{font-size: calc(30/16 * 1em); color: #333;}
.business .bussiness_list li .textBox p{line-height: calc(30/16); font-weight: 500; color: #333; margin: 0; margin-top: calc(20/520 * 100%);}
.business .bussiness_list li .textBox a{margin-top: calc(70/520 * 100%);}
.business .business_company_intro video {max-width:100%; height:auto;}

/* .business .bussiness_list li:nth-of-type(2n) figure{mask-image: url(../images/business_back2.png); -webkit-mask-image:  url(../images/business_back2.png); mask-size: cover; -webkit-mask-size: cover;}
.business .bussiness_list li:nth-of-type(2n+1) figure{mask-image: url(../images/business_back1.png); -webkit-mask-image:  url(../images/business_back1.png); mask-size: cover; -webkit-mask-size: cover;} */


@media(min-width:1025px){
    .business .bussiness_list li:nth-of-type(2n) figure{order: 2;}
}

@media(max-width:1024px){
    .business .business_content{width: 100%; max-width: 100%; margin-top: calc(120/1920 * 100%);}
    .business .bussiness_list li .textBox{width: 100%;}
    .business .bussiness_list li .textBox aside{font-size: 20px;}
    .business .bussiness_list li .textBox p{font-size: 14px; font-weight: normal;}
    .business .bussiness_list li:nth-of-type(2n) figure{margin-left: auto;}
    .business .bussiness_list li .textBox a{margin-top: calc(70/1400 * 100%);}
	.business .bussiness_list li figure {width:100%; padding-bottom:50%;}
    
}

.business_detail .item_title{font-size: calc(32/16 * 1em); color: #333;}
/*.business_detail .business_intro{padding: calc(110/1920 * 100%) 0 0;}*/
.business_detail .business_intro .cTitle{text-align: center;}
.business_detail .intro_content{display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: calc(50/1400 * 100%);}
.business_detail .intro_content{margin-bottom: 8%; }
.business_detail .intro_content .left{width: 46%;}
.business_detail .intro_content figure{width: 50%;}
.business_detail .intro_content p{margin: 0; font-weight: 500; line-height: calc(30/16);}
.business_detail .intro_content .item_intro{margin-bottom: calc(60/465 * 100%);}
.business_detail .intro_content .item_intro p{line-height: calc(30/16); margin-top: 1em;}
.business_detail .intro_content .item_advance .ul{margin-top: 1em;}
.business_detail .intro_content .item_advance .ul li:not(:nth-last-of-type(1)){margin-bottom: calc(26/16 * 1em);}
.business_detail .intro_content .item_advance .title{color: var(--color);}
.business_detail .intro_content .item_advance .list_content{margin-top: calc(13/16 * 1em);}

@media(max-width:1024px){
    .business_detail .item_title{font-size: calc(20/16 * 1em);}
    .business_detail .intro_content .left{width: 100%;}
    .business_detail .intro_content .item_intro{margin-bottom: calc(60/1400 * 100%);}
    .business_detail .intro_content figure{width: 100%; text-align: center; margin-top: 1em; order: 2;}
}

.figure_shake{ animation: figure_shake 1s linear; transition: .3s;overflow: hidden;}
.figure_shake .img{transition: all .3s ease;}
.figure_shake:hover .img{transform: scale(1.2);}


@keyframes figure_shake{
    0%{
        transform: translateY(-50px);
        opacity: 0;
    }
    25%{
        transform: translateY(0px);
        opacity: 1;
    }
    50%{
        transform: scale(1.05);
    }
    75%{
        transform: scale(.95);
    }
    100%{
        transform: rotate(0) scale(1);
    }
}


/* .business_service{background-color: #fefaf7;} */

.business_service .auto{padding: 0;}
.business_service .item_title{text-align: center;}
.business_service .ul{display: flex; flex-wrap: wrap; margin-top: calc(55/1400 * 100%); gap: calc(16/16 * 1em) calc(16/1400 * 100%);}
.business_service .ul li{width: calc(267/1400 * 100%); 
    /* border-radius: calc(10/16 * 1em);  */
    padding: calc(30/1400 * 100%) 0; position: relative; transition: .3s; 
    /* background-color: #fff; */
    background-color: #f2f2f2;
}
.business_service .ul li pre{display: inline;}
.business_service .ul li .step{font-size: calc(14/16 * 1em); width: calc(80/14 * 1em); border: 1px solid var(--color); border-left: 0; color: var(--color); display: flex; align-items: center; justify-content: center; height: calc(30/14 * 1em); 
    border-radius: 9999px; 
    border-top-left-radius: 0; border-bottom-left-radius: 0;}
.business_service .ul li span{font-size: calc(120/16 * 1em); top: calc(20/120 * 1em); right: calc(20/120 * 1em); line-height: 1; position: absolute;  background: linear-gradient(to top, transparent 30%,rgba(193, 155, 85, .2));-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.business_service .ul li .textBox{padding: 0 calc(20/267 * 100%); margin-top: calc(42/267 * 100%);}
.business_service .ul li .textBox figure{max-width: calc(40/16 * 1em);}
.business_service .ul li .textBox figure .active{display: none;}
.business_service .ul li aside{font-size: calc(20/16 * 1em); color: #333; margin-top: calc(30/267 * 100%);}
.business_service .ul li p{line-height: calc(30/16); margin: 0; color: #333; margin-top: calc(18/267 * 100%);}
.business_service .ul li:hover{background: url(../images/service_step_back.png) no-repeat center; background-size: cover;}
.business_service .ul li:hover aside{color: #fff;}
.business_service .ul li:hover p{color: #fff;}
.business_service .ul li:hover figure img:not(.active){display: none;}
.business_service .ul li:hover figure .active{display: block;}
.business_service .ul li:hover .step{border-color: rgba(255,255,255,0.1); background-color: rgba(255,255,255,0.3); color: #fff;}
.business_service .ul li:hover span{background-image: linear-gradient(to top, transparent 30%,rgba(255, 255, 255, .2));;}
.business_service .ul li:hover figure{animation: vibrate .5s linear;}

@media(max-width:1024px){
    .business_service .ul{gap: calc(18/16 * 1em) 3%;}
    .business_service .ul li{width: 48.5%;}
}

@media(max-width:480px){
    .business_service .ul li{width: 100%;}
}

.business_case{padding: calc(110/1400 * 100%) 0;}
.business_case .item_title{text-align: center;}
.business_case .case_content{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; margin-top: calc(60/1400 * 100%);}
.business_case figure{width: calc(804/1400 * 100%);}
.business_case .ul{width: calc(530/1400 * 100%);}
.business_case .ul li:not(:nth-last-of-type(1)){margin-bottom: calc(44/530 * 100%);}
.business_case .ul li strong{font-size: calc(18/16 * 1em); font-weight: normal; display: block; color: #333; line-height: calc(30/18);}
.business_case .ul li p{line-height: calc(30/16); color: #333; font-weight: 500; margin: 0; margin-top: 1em;}
@media(max-width:1024px){
    .business_case .ul{width: 100%;margin-top: 1em;}
    .business_case figure{width: 100%; text-align: center; }
    .business_case .ul li:not(:nth-last-of-type(1)){margin-bottom: calc(44/1400 * 100%);}
}

.scroll_bar::-webkit-scrollbar{width: 3px; border-radius: 9999px; background-color: rgba(193, 155, 85, .3);}
.scroll_bar::-webkit-scrollbar-thumb{background-color: var(--color); border-radius: 9999px; }

.team .auto{padding: calc(110/1920 * 100%) 0;}
.team .swiper{margin-top: calc(40/1400 * 100%);}
.team .swiper .ul li{width: calc(200/1400 * 100%); position: relative; transition: .3s; 
    /* border-radius: calc(10/16 * 1em);  */
    padding: calc(20/1400 * 100%); height: unset; background-size: cover; }
.team .swiper .ul li .name{color: #fff; position: absolute; left: calc(20/200 * 100%); bottom: calc(30/461 * 100%);}
.team .swiper .ul li .name .cn{font-size: calc(22/16 * 1em);}
.team .swiper .ul li .name .en{font-size: calc(18/16 * 1em); margin-top: calc(3.5/18 * 1em);}
.team .swiper .ul li .info{color: #fff; display: none; padding-top: calc(56/520 * 100%);}
.team .swiper .ul li .info .cn{display: flex; align-items: end; gap: calc(10/16 * 1em); flex-wrap: wrap; line-height: 1;}
.team .swiper .ul li .info .post{color: var(--color); line-height: calc(26/16); padding:0 calc(10/16 * 1em); border-radius: calc(4/16 * 1em); background-color: rgba(193, 155, 85, .3);}
.team .swiper .ul li .info .cn span{font-size: calc(36/16 * 1em);}
.team .swiper .ul li .info .en{font-size: calc(22/16 * 1em); margin-top: calc(15/260 * 100%);}
.team .swiper .ul li .info .infoContent{height: calc(210/16 * 1em); overflow-y: auto; margin-top: calc(30/260 * 100%); padding-right: 1em;}
.team .swiper .ul li .info .infoContent p{line-height: calc(30/16); margin: 0; font-weight: 500;}
.team .swiper .ul li.active{width: calc(560/1400 * 100%); padding-bottom: calc(66/1400 * 100%);}
.team .swiper .ul li.active .name{display: none;}
.team .swiper .ul li.active .info{display: block; width: calc(260/520 * 100%); margin-left: auto; }


.team .control{margin: 0 auto; display: flex; justify-content: space-between; align-items: center; margin-top: calc(40/1400 * 100%); width: calc(343/16 * 1em);}
.team .control .lineBox{background-color: #f0f0f0; width: calc(200/16 * 1em); height: 1px;}
.team .control .lineBox .line{height: 2px; background-color: var(--color) ; transition: .3s;}

.team .control .slick-arrow{position: relative; font-size: calc(16/16 * 1em); text-indent: -9999px; overflow: hidden; left: 0; width: calc(50/16 * 1em); background: url(../images/sub_arrow.png) no-repeat center; background-color: var(--color); margin-top: 0; height: calc(50/16 * 1em); border-radius: 50%; border: 1px solid var(--color); }
.team .control .slick-arrow.slick-prev{transform: rotate(180deg);}
.team .control .slick-arrow.swiper-button-disabled{background-color: transparent; background-image: url(../images/sub_arrow_color.png); cursor: auto;}


@media(max-width:1024px){
    .team .control{margin-top: calc(80/1400 * 100%);}
    .team .control .slick-arrow{width: calc(35/16 * 1em); height: calc(35/16 * 1em);}
    .team .swiper .ul li{width: calc(200/1400 * 2.85/2 * 100%);}
    .team .swiper .ul li.active{width: calc(560/1400 * 2.85/2 * 100%); padding-bottom: calc(66/1400 * 100%);}
    .team .swiper .ul li .info .cn span{font-size: calc(20/16 * 1em);}
    .team .swiper .ul li .name .cn{font-size: calc(20/16 * 1em);}
    .team .swiper .ul li .info .post{font-size: calc(14/16 * 1em);}
    .team .swiper .ul li .info .en{font-size: calc(18/16 * 1em);}
    .team .swiper .ul li .info .infoContent {max-height: calc(150 / 16* 1em);}
}

@media(max-width:768px){
    .team .swiper .ul li .info .infoContent{max-height: calc(205/16 * 1em);}
}


.news .auto{padding: calc(110/1920 * 100%) 0 calc(120/1920 * 100%);}
.news .news_top{display: flex; flex-wrap: wrap; margin-bottom: calc(80/1400 * 100%);}
.news .news_top figure{width: calc(720/1400 * 100%); padding-bottom: calc(460/1400 * 100%); background-size: cover; border-radius: calc(20/16 * 1em);}
.news .news_top .textBox{width: calc(680/1400 * 100%); padding: calc(80/1400 * 100%) calc(90/1400 * 100%); background-color: #fefaf7; border-radius: calc(20/16 * 1em);}
.news .news_top .textBox .tips{width: calc(90/16 * 1em); color: var(--color);line-height: calc(26 / 16);padding: 0 calc(10 / 16* 1em);border-radius: calc(4 / 16* 1em);background-color: rgba(193, 155, 85, .3);}
.news .news_top .textBox aside{font-size: calc(24/16 * 1em); margin-bottom: calc(14/500 * 100%); margin-top: calc(20/500 * 100%); color: #333;}
.news .news_top .textBox time{color: #333; font-weight: 500; display: block;}
.news .news_top .textBox p{line-height: calc(28/16);color: #333; margin: 0; margin-top: calc(30/500 * 100%);  font-weight: 500;}
.news .news_top .textBox .moreBox{margin-top: calc(40/500 * 100%);}
.news .news_content_box{display: flex; flex-wrap: wrap; justify-content: space-between;}
.news .news_content{width: calc(1200/1400 * 100%); max-width: calc(100% - 65/1400 * 100% - 215/16 * 1em);}
.news .news_content .ul{margin-bottom: calc(100/1400 * 100%);}
.news .news_content .ul li{padding-bottom: calc(50/1400 * 100%); cursor: pointer; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; border-bottom: 1px solid #e5e5e5;}
.news .news_content .ul li:not(:nth-last-of-type(1)){margin-bottom: calc(50/1400 * 100%);}
.news .news_content .ul li .info{width: calc(1150/1400 * 100%); flex-wrap: wrap; display: flex; justify-content: space-between; align-items: center; max-width: calc(100% - 125/16 * 1em);}
.news .news_content .ul li .info figure{width: calc(321/1150 * 100%); padding-bottom: calc(205/1150 * 100%);
     /* border-radius: calc(20/16 * 1em); */
      background-size: cover;}
.news .news_content .ul li .info .textBox{width: calc(800/1150 * 100%);}
.news .news_content .ul li .info .textBox aside{font-size: calc(22/16 * 1em); color: #333;}
.news .news_content .ul li .info .textBox time{color: #333; margin-top: calc(14/800 * 100%); font-weight: 500; display: block;}
.news .news_content .ul li .info p{line-height: calc(30/16); font-weight: 500; color: #333; margin: 0; margin-top: calc(30/800 * 100%);  font-weight: 500;}
.news .news_content .ul li .moreBox{opacity: 0; transition: .3s;}
.news .news_content .ul li:hover .moreBox{opacity: 1;}

@media(max-width:1024px){
    .news .news_top figure{width: 100%; padding-bottom: 64%;}
    .news .news_top figure:hover{transform: scale(1);}
    .news .news_top .textBox{width: 100%;}
    .news .news_content{width: 100%; max-width: 100%;  margin-top: calc(120 / 1400* 100%);}
    .news .news_content .ul li .info{width: 100%; max-width: 100%;}
    .news .news_content .ul li .info figure{width: calc(321/983 * 100%); padding-bottom: calc(205/983 * 100%);}
    .news .news_content .ul li .info .textBox{width: calc(640/983 * 100%);}
    .news .news_content .ul li .info .textBox aside{font-size: calc(20/16 * 1em);}
    .news .news_content .ul li .info p{font-size: calc(14/16 * 1em);}
    .news .news_content .ul li .moreBox{margin: 0 auto; margin-top: 1em;}
    .news .news_content .ul li .moreA::before{width: calc(35/16 * 1em); height: calc(35/16 * 1em);}
}

@media(max-width:768px){
    .news .news_content .ul li .info .textBox{width: 100%; }
    .news .news_content .ul li .info figure{width: 100%; margin: 0 auto; padding-bottom: 64%; margin-bottom: 1em;}

}

/*.Page001726 为demo编号*/
.Page001726{ text-align:center; font-size:calc(16/16 * 1em);}
.Page001726 .Pages .p_cur,
.Page001726 .Pages .p_count,
.Page001726 .Pages .p_total,
.Page001726 .Pages .p_jump,
.Page001726 .Pages .a_first,
.Page001726 .Pages .a_end{ display:none;}
.Page001726 .Pages em{ font-style:normal;}
.Page001726 .Pages a{margin: 0 10px; vertical-align:middle; width:calc(55/16 * 1em); height:calc(55/16 * 1em); border-radius: 50%; display: flex; align-items: center; justify-content: center; color:#666; border: 1px solid #f2f2f2;}
.Page001726 .Pages a.a_prev,
.Page001726 .Pages a.a_next{font-family: "宋体"; color: #666; font-weight: bold; overflow:hidden; background:url(../images/Page001726-prev.png) no-repeat center center;}
.Page001726 .Pages a.a_next{ background-image:url(../images/Page001726-next.png);}
.Page001726 .Pages a:hover,
.Page001726 .Pages em a.a_cur{ background-color:var(--color); color: #fff; border-color: var(--color);}
.Page001726 .p_page{display: flex; justify-content: center;}
.Page001726 .p_page .num{display: flex;}

@media(max-width:1024px){
    .Page001726 .Pages a{width: calc(35/16 * 1em); height: calc(35/16 * 1em);}
}

@media(max-width:640px){
.Page001726 .Pages em{ display:none;}
.Page001726 .Pages a{margin: 0 5px;}
}


.newsDetail .inner{padding: calc(110/1400 * 100%) 0 calc(120/1400 * 100%);}
.newsDetail .RighInfo002973{width: 100%;}
.newsDetail .RighInfo002973 .news-details .title h1{font-size: calc(30/16 * 1em);margin: 0; text-align: center; color: #000; font-weight: normal; margin-bottom: calc(20/900 * 100%);}
.newsDetail .RighInfo002973 .news-details .title p{display: flex; font-weight: 500; flex-wrap: wrap; justify-content: center; gap: 1em calc(36/1400 * 100%); margin: 0; color: #999;}
.newsDetail .RighInfo002973 .news-details .edit-info{padding: calc(30/1400 * 100%) 0 calc(140/1400 * 100%); border-top: 1px solid #e1e3e5; border-bottom: 1px solid #e1e3e5; margin: calc(50/1400 * 100%) 0 calc(60/1400 * 100%);}
.newsDetail .RighInfo002973 .news-details .edit-info p{line-height: calc(30/16); font-weight: 500; margin: 0; color: #999; }

.newsDetail .RighInfo002973 .news-details .edit-info{width: calc(714/1400 * 100%); margin: calc(50/1400 * 100%) auto calc(60/1400 * 100%);}

.newsDetail .RighInfo002973 .pn-page aside:not(:nth-last-of-type(1)){margin-bottom: calc(16/18 * 1em);}
.newsDetail .RighInfo002973 .pn-page aside a{color: #333; font-size: calc(18/16 * 1em); font-weight: 500;}
.newsDetail .RighInfo002973 .pn-page aside a b{color: var(--color); font-weight: 500;}
.newsDetail .RighInfo002973 .pn-page aside a:hover{color: var(--color);}
@media(min-width:1025px){
.newsDetail .RighInfo002973 .pn-page{min-height: 24px; position: relative;padding-right: calc(200/16 * 1em);}
.newsDetail .RighInfo002973 .pn-page .operating{position: absolute;right: 0; top: 50%; transform: translateY(-50%);}
.newsDetail .RighInfo002973  .operating a{float: left;}
}
@media(max-width:1024px){
.newsDetail .RighInfo002973{width: 100%;}
.newsDetail .RighInfo002973 .operating{text-align: right; padding-bottom: 20px;}
.newsDetail .RighInfo002973 .news-details .title h1{font-size: calc(24/16 * 1em);}
}




.case_category{width: calc(215/16 * 1em);}
.case_category .ul{margin-top: calc(20/215 * 100%);}
.case_category .ul li{border-bottom: 1px solid #f0f0f0;}
.case_category .ul li a{display: flex; transition: .3s; padding: calc(26/215 * 100%) 0; justify-content: space-between;}
.case_category .ul li a::after{content: ""; opacity: 0; transition: .3s; width: calc(16/16 * 1em); margin-top: .4em;  height: calc(9/16 * 1em); background: url(../images/sub_arrow_color.png) no-repeat center;}
.case_category .ul li a span{max-width: calc(100% - 20/16 * 1em);}
.case_category .ul li a:hover,.case_category .ul li.active a{color: var(--color);}
.case_category .ul li a:hover::after,.case_category .ul li.active a::after{opacity: 1;}
.case_category h2{margin: 0; font-weight: normal; font-size: calc(32/16 * 1em); color: #000000;}


@media(max-width:1024px){
    .case_category h2{display: flex; align-items: center; justify-content: space-between;}
    .case_category h2::after{content: "+"; }
    .case_category{width: 100%;}
    .case_category .ul{margin-top: calc(20/1400 * 100%); display: none;}
    .case_category .ul li a{padding: 1em 0;}
}



.service_case .auto{padding: calc(35/1400 * 100%) 0 calc(120/1400 * 100%);}
.service_case .service_case_content{margin-top: calc(120/1400 * 100%); display: flex; flex-wrap: wrap; justify-content: space-between;}
.service_case .service_case_content .case_category{width: calc(215/16 * 1em);}
.service_case .service_case_content h2{margin: 0; font-weight: normal; font-size: calc(32/16 * 1em); color: #000000;}
.service_case .service_case_content .case_category .ul{margin-top: calc(20/215 * 100%);}
.service_case .service_case_content .case_category .ul li{border-bottom: 1px solid #f0f0f0;}
.service_case .service_case_content .case_category .ul li a{display: flex; transition: .3s; padding: calc(26/215 * 100%) 0; justify-content: space-between;}
.service_case .service_case_content .case_category .ul li a::after{content: ""; opacity: 0; transition: .3s; width: calc(16/16 * 1em); margin-top: .4em;  height: calc(9/16 * 1em); background: url(../images/sub_arrow_color.png) no-repeat center;}
.service_case .service_case_content .case_category .ul li a span{max-width: calc(100% - 20/16 * 1em);}
.service_case .service_case_content .case_category .ul li a:hover,.service_case .service_case_content .ul li.active a{color: var(--color);}
.service_case .service_case_content .case_category .ul li a:hover::after,.service_case .service_case_content .ul li.active a::after{opacity: 1;}

.service_case .service_case_content .case_list{width: calc(1120/1400 * 100%); max-width: calc(100% - 65/1400 * 100% - 215/16 * 1em);}
.service_case .service_case_content .case_list .ul{margin-bottom: calc(80/1400 * 100%);  display: flex; flex-wrap: wrap; gap:calc(60/16 * 1em) calc(30/1120 * 100%);}
.service_case .service_case_content .case_list li{width: calc(352/1120 * 100%); cursor: pointer; 
    /* background-color: #fefaf8;  */
    background-color: rgba(242, 242, 242, .95);
    /* border-radius: calc(10/16 * 1em);  */
    overflow: hidden;}
.service_case .service_case_content .case_list li figure{  padding-bottom: calc(227/352 * 100%); background-size: cover;}
.service_case .service_case_content .case_list li .textBox{padding: calc(35/352 * 100%) calc(20/352 * 100%) calc(30/352 * 100%); border-radius: calc(10/16 * 1em); }
.service_case .service_case_content .case_list li .textBox aside{font-size: calc(22/16 * 1em); line-height: calc(32/22); color: #000000;}
.service_case .service_case_content .case_list li .moreBox{margin-top: calc(35/352 * 100%);}

@media(max-width:1024px){
    .service_case .service_case_content h2{display: flex; align-items: center; justify-content: space-between;}
    .service_case .service_case_content h2::after{content: "+"; }
    .service_case .service_case_content .case_category{width: 100%;}
    .service_case .service_case_content .case_category .ul{margin-top: calc(20/1400 * 100%); display: none;}
    .service_case .service_case_content .case_category .ul li a{padding: 1em 0;}
    .service_case .service_case_content .case_list{width: 100%; max-width: 100%; margin-top: calc(120/1400 * 100%);  }
    .service_case .service_case_content .case_list .ul{gap:calc(16/16 * 1em) calc(30/1120 * 100%);}
    .service_case .service_case_content .case_list li{align-items: center;}
    .service_case .service_case_content .case_list li .textBox aside{font-size: calc(18/16 * 1em);}
    .service_case .service_case_content .case_list li .moreBox{margin-top: calc(40/550 * 100%);}
    .service_case .service_case_content .case_list li .moreBox .moreA::before{width: calc(35/16 * 1em); height: calc(35/16 * 1em);}
    .service_case .service_case_content .case_list li .textBox p{font-size: calc(14/16 * 1em);}
}

@media(max-width:768px){
    .service_case .service_case_content .case_list li{width: 48.5%;}
    /* .service_case .service_case_content .case_list li figure{width: 100%; padding-bottom: 62%;}
    .service_case .service_case_content .case_list li figure:hover{transform: scale(1);}
    .service_case .service_case_content .case_list li .textBox{width: 100%; margin-top: calc(45/1120 * 100%); } */
}

.business_detail {padding:calc(110/1920 * 100%) 0;}
.business_detail.service_case_detail .notice{line-height: calc(30/16); font-weight: 500; color: var(--color); margin-top: calc(45/650 * 100%);}
.business_detail.service_case_detail .intro_content{margin-top: calc(70/1400 * 100%);}
@media(min-width:1025px){
    .business_detail.service_case_detail .intro_content .left{width: calc(650/1400 * 100%);}
    .business_detail.service_case_detail .intro_content figure{width: calc(477/1400 * 100%);}
    .business_detail.service_case_detail .intro_content .item_intro {margin-bottom: calc(60 / 650* 100%);}
}


.service_case.the_search .service_case_content{margin-top: 0;}
.service_case.the_search  .service_case_content .case_list{width: 100%; max-width: 100%;}
.service_case.the_search .service_case_content .case_list li{width: 100%;}
.service_case.the_search .service_case_content .case_list li .right{display: flex; align-items: center;}
.service_case.the_search .service_case_content .case_list li .right time{margin-right: 1em; color: #333;}
.service_case.the_search .service_case_content .case_list li .textBox{ display: flex; justify-content: space-between; align-items: center;  padding: calc(35/1400 * 100%) calc(20/1400 * 100%) calc(30/1400 * 100%);}
.service_case.the_search .service_case_content .case_list li .textBox aside{max-width: calc(100% - 240/16 * 1em);}
.service_case.the_search .service_case_content .case_list li .moreBox{margin-top: 0;}

@media(max-width:768px){
    .service_case.the_search .service_case_content .case_list li .textBox{flex-wrap: wrap;}
    .service_case.the_search .service_case_content .case_list li .textBox aside{width: 100%; max-width: 100%;}
    .service_case.the_search .service_case_content .case_list li .right{margin-top: 1em; margin-left: auto;}
}


@media(max-width:640px){

    .home_service_ul .txt-box .txt {
        font-size: 16px;
    }
    
    .home_service_ul .txt-box .tips {
        font-size: 12px;
    }
    footer .leftContent .partnerLink .ul li {
        width: 49%;
        min-width: unset;
    }
    footer .rightContent .follow_us .ul {
        padding: 0 1em;
    }
    footer .leftContent .partnerLink .ul li a img {
        width: 20px;
        height: 20px;
        margin-right: 5px;
    }
    
    footer .leftContent .partnerLink .ul li a {
        padding: .5em 1em;
    }
    footer .rightContent .follow_us .ul {
        gap: 1em calc(10 / 16* 1em);
    }
    .moreA::before {
        width: calc(20 / 16* 1em);
        height: calc(20 / 16* 1em);
    }
}

.ywbkbox{margin-bottom: calc(120 / 1400 * 100%);}