:root{
    --color:#f08519;
}

@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_Bold.ttf') format('woff');
    font-weight: bold;
    font-display: swap;
}

body{
    font-family: "hm";
}

/*Top003084 */
.Top003084{position: fixed; left: 0; top: 0; width: 100%;color: #fff; z-index: 100; transition: .3s; border-bottom: 1px solid rgba(255, 255, 255, .4);}
.Top003084 .auto{display: flex; align-items: center; justify-content: space-between; position: relative;}
.Top003084 .logo a{display: flex; align-items: center; gap:0 calc(30/16 * 1em);}
.Top003084 menu li{position:relative;}
.Top003084 menu li:after{position: absolute; bottom: -1px; height: 2px; content: ''; width: 0; background: #00468e; left: 50%; transform: translateX(-50%);transition: 0.3s;}
.Top003084 menu li span{ display: block;}
.Top003084 .open-search{position: relative; display: block; background: no-repeat; width: calc(20/16 * 1em); height: calc(21/16 * 1em);  background-size: cover;}
.Top003084 .top-search{position: absolute;right: 0; top:100%;background: #fff; width: 400px;padding-right: 40px;}
.search-show .Top003084 .top-search{display: block;}
.Top003084 .top-search .text{width: 100%;height: 40px;line-height: 40px; border: 0;padding: 0 10px; box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.1);}
.Top003084 .top-search .btn{position: absolute;right: 0;top:0; width: 40px;height: 40px;background:url(../images/search.svg) no-repeat center center #f0f0f0;}
.Top003084 .top-lang{position: relative; z-index: 100; display: flex; align-items: center;}
.Top003084 .top-lang .cur{background: no-repeat left center; display: flex; align-items: center; background-size: auto 100%; position: relative; z-index: 1; width: calc(21/16 * 1em); 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: 30px;text-align: center;}
.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{position: relative; margin-right: calc(20/16 * 1em);}

.Top003084 menu li span a{ /* font-weight: 500; */font-size: calc(18/16 * 1em);}
.Top003084.scroll{background-color: #fff; 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 .logo img:not(.active){display: none;}
.Top003084.scroll .logo img.active{display: block;}
.Top003084.scroll .open-search{background-image: url(../images/search.svg);}
.Top003084.scroll .top-lang .cur{background-image: url(../images/languague.svg); color: #333;}
.Top003084.scroll .top-lang .cur:after{border-color: #333;}


@media (min-width:1025px) {
.Top003084.scroll menu li span a{color: #333;}
.Top003084 menu li{float: left;min-height:100px;}
.Top003084 menu li span a{line-height: 100px; display: block; position: relative;}
.Top003084 menu li span a:hover,
.Top003084 menu li.aon span a{color: var(--color);}
.Top003084 menu li:not(:last-child){margin-right:calc(80/1920 * 100vw);}
.Top003084 menu li .sub{position: absolute; top: 100%; left: 50%; width:140px;margin-left: -70px;background:#fff; text-align: center; border-radius: 0 0 5px 5px;}
.Top003084 menu li .sub dt {line-height: 24px;padding: 5px 0;text-align: center;}
}
@media (max-width:1024px) {
.Top003084 menu{position: absolute;right: 0; top: -100%; transform:translateY(-100%);opacity:0;z-index: 100;width: 220px;background: rgba(0,0,0,0.5); padding: 1em; 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 .auto{padding: .5em 0;}
.Top003084 menu li span a{ color: #fff;}
.Top003084 menu li .sub dt{text-align: left;}
.Top003084 menu li .sub dt a{ color: #fff;}
/* .Top003084 .logo{display: table; height: 50px;} */
/* .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;}
.open-menu i{height: 2px;}
.Top003084 .right .operate a{height: calc(30/16 * 1em); padding: 0 .5em;}
.Top003084 .top-search{max-width: 40vw;}
}

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

/*Banner003192 */
.Banner003192{position: relative;}
.Banner003192 li.slick-slide{position: relative;}
.Banner003192 [class*=txt-style-]{position: absolute; top: 0;z-index: 10;}
.Banner003192 .titEn{line-height: 1; font-weight: 800; line-height: calc(90/72); text-align: center; font-size: calc(72/16 * 1em); color: #fff;}
.Banner003192.cBanner .titEn{font-size: calc(60/16 * 1em);}
.Banner003192 .txt-style-1{left: 50%; top: 50%; transform: translate(-50%,-50%);} 
.Banner003192 .slick-dots{position: absolute; display: flex; gap: 0 calc(20/16 * 1em); z-index: 12; bottom: calc(50/860 * 100%); left: 50%; transform: translateX(-50%);}
.Banner003192 .slick-dots li{width: calc(50/16 * 1em); height: calc(5/16 * 1em); transition: .3s; background-color: #fff;}
.Banner003192 .slick-dots li.slick-active{background-color: var(--color);}
.Banner003192 .slick-dots button{display: none;}
.Banner003192 li.slick-current .titEn{ animation: fade linear .5s both; animation-delay: .5s;}
@keyframes fade {
    0%{
        transform: translateY(-50px);
        opacity: 0;
    }
    100%{
        transform: translateY(0px);
        opacity: 1;
    }
}
@media (min-width:1025px) {
    .Banner003192 .wap{display: none;}
}
@media (max-width:1024px) {
    .Banner003192 .pc{display: none;}
    .Banner003192 .titEn{font-size: calc(35/16 * 1em);}
    .Banner003192.cBanner .titEn{font-size: calc(30/16 * 1em);}
}

.homeTitle h2{font-size: calc(48/16 * 1em); line-height: 1; font-weight: 600; color: #111111; text-align: center; margin: 0;}
@media(max-width:1024px){
    .homeTitle h2{font-size: calc(24/16 * 1em);}
}

.home_product .auto{padding: calc(120/1920 * 100%) 0;}
.home_product .ul{display: flex; flex-wrap: wrap; justify-content: center; gap: 1em calc(20/1400 * 100%); margin-top: calc(60/1400 * 100%);}
.home_product .ul li{width: calc(335/1400 * 100%); background-color: #f6f8fa; padding: calc(50/1400 * 100%); padding-bottom: calc(30/1400 * 100%);}
.home_product .ul li figure{padding-bottom: calc(259/235 * 100%); transition: .3s; background-size: contain;background-repeat: no-repeat; background-position:center center;}
.home_product .ul li aside{font-size: calc(18/16 * 1em); margin-top: calc(55/235 * 100%); text-align: center; font-weight: 700; color: #333333;}
.home_product .ul li .more{margin-top: calc(25/235 * 100%);}
.home_product .ul li .more a{width: calc(36/16 * 1em); height: calc(36/16 * 1em); display: block; margin: 0 auto; border-radius: 50%; border: 1px solid var(--color); background: url(../images/more_arrow_color.png) no-repeat center; background-size: calc(12/16 * 1em) auto;}
.home_product .ul li .more a:hover{background-color: var(--color); background-image: url(../images/more_arrow.png);}
.home_product .ul li:hover figure{transform: scale(1.05);}
.home_product .ul li:hover aside{color: var(--color);}
@media(max-width:1024px){
    .home_product .ul{gap: calc(18/16 * 1em) 3%;}
    .home_product .ul li{width: 48.5%;}
    .home_product .ul li aside{font-size: calc(16/16 * 1em);}
}

.home_advance{background-color: #f6f8fa;}
.home_advance .auto{padding: calc(120/1920 * 100%) 0;}
.home_advance .ul{margin-top: calc(60/1400 * 100%); display: flex; flex-wrap: wrap; gap: 1em calc(40/1400 * 100%);}
.home_advance .ul li{width: calc(440/1400 * 100%); padding:0 calc(45/1400 * 100%); padding-bottom: calc(40/1400 * 100%); background-color: #fff; transition: .3s;}
.home_advance .ul li figure{width: calc(100/16 * 1em); height: calc(100/16 * 1em); transition: .3s;  margin: 0 auto; transform: translateY(-50%); display: flex; align-items: center; justify-content: center; border-radius: 50%; background-color: #fff;}
.home_advance .ul li figure img{max-width: calc(59/100 * 100%);}
.home_advance .ul li aside{text-align: center; font-weight: 600; font-size: calc(24/16 * 1em); margin-top: calc(-25/350 * 100%); color: #333;}
.home_advance .ul li p{text-align: center; font-weight: 500; margin: 0; line-height: calc(28/16); color: #333; margin-top: calc(30/350 * 100%);}
.home_advance .ul li:hover{box-shadow: 0px 0px 10px 0px rgba(240, 133, 25, .5);}
.home_advance .ul li:hover figure{box-shadow: 0px 0px 10px 0px rgba(240, 133, 25, .5);}
@media(max-width:1024px){
    .home_advance .ul{gap: 2em calc(40/1400 * 100%); margin-top: calc(90/1400 * 100%);}
    .home_advance .ul li{width: 100%;}
    .home_advance .ul li figure{width: calc(50/16 * 1em); height: calc(50/16 * 1em);}
    .home_advance .ul li p{margin-top: calc(15/350 * 100%);}
    .home_advance .ul li aside{margin-top: 0;}
}

.home_about{background-size: cover; background-position: center;}
.home_about .auto{padding: calc(120/1920 * 100%) 0;}
.home_about .homeTitle h2{color: #fff;}
.home_about .content{margin-top: calc(50/1400 * 100%);}
.home_about .content p{line-height: 2; color: #fff; text-align: center;}
.home_about .content .about_more{text-align: center; display: flex; justify-content: center; margin-top: calc(60/1400 * 100%);}
.home_about .content .about_more a{color: #fff; transition: .3s; display: flex; position: relative; line-height: 1; align-items: center; font-size: calc(18/16 * 1em); padding-bottom: calc(12/18 * 1em); border-bottom: 1px solid #fff;}
.home_about .content .about_more a::after{transition: .3s;width: 8px;height: 8px;margin-left: calc(10/18 * 1em);content: '';border-top: 1px solid #fff;border-right: 1px solid #fff;transform: rotate(45deg);}
.home_about .content .about_more a:hover{color: var(--color); border-color: var(--color);}
.home_about .content .about_more a:hover::after{border-color: var(--color); margin-left: calc(20/18 * 1em);}
.home_about .ul{display: flex; flex-wrap: wrap; justify-content: space-between; gap: 1em; margin-top: calc(70/1400 * 100%); color: #fff;}
.home_about .ul li aside{font-size: calc(48/16 * 1em); text-align: center; font-weight: 700; line-height: 1;}
.home_about .ul li aside sub{vertical-align: baseline;}
.home_about .ul li p{font-size: calc(18/16 * 1em); font-weight: 500; margin: 0; margin-top: calc(10/18 * 1em); text-align: center;}

@media(max-width:1024px){
    .home_about .ul li{width: 48%;}
    .home_about .ul li aside{font-size: calc(24/16 * 1em);}
    .home_about .ul li p{font-size: calc(16/16 * 1em);}
}

.home_partner .auto{padding: calc(120/1920 * 100%) 0;}
.home_partner .ul{margin-top: calc(60/1400 * 100%); display: flex; flex-wrap: wrap; gap: 1em calc(30/1400 * 100%);}
.home_partner .ul li{width: calc(256/1400 * 100%); min-height: calc(110/16 * 1em); transition: .3s; overflow: hidden; border: 1px solid var(--color); display: flex; align-items: center; justify-content: center;}
.home_partner .ul li figure{max-width: calc(232/254 * 100%); max-height: calc(74/108 * 100%); transition: .3s;}
.home_partner .ul li:hover{box-shadow: 0px 0px 10px 0px rgba(240, 133, 25, .5);}
.home_partner .ul li:hover figure{transform: scale(1.05);}
@media(max-width:1024px){
    .home_partner .ul{gap: .5em 1.5%;}
    .home_partner .ul li{width: calc(31.5%);}
}

footer{background-color: rgb(97, 97, 97);}
footer .footer_top{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: start; padding-top: calc(100/1920 * 100%); padding-bottom: calc(80/1400 * 100%);}
footer .footer_top .contact{width: calc(725/1400 * 100%);}
footer .footer_top .ul{display: flex; justify-content: space-between; flex-wrap: wrap; gap: calc(30/16 * 1em) 1em; }
footer .footer_top .ul li{color: #fff; width: calc(255/725 * 100%);}
footer .footer_top .ul li:has(.address){width: calc(385/725 * 100%);}
footer .footer_top .ul li aside{padding-left: calc(40/16 * 1em); position: relative;}
footer .footer_top .ul li p{padding-left: calc(40/16 * 1em); margin: 0; margin-top: calc(9/16 * 1em);}
footer .footer_top .ul li aside::before{content: ""; position: absolute; top: 50%; left: 0; transform: translateY(-50%);  background: no-repeat center; background-size: cover;}
footer .footer_top .ul li aside.address::before{width: calc(17/16 * 1em); height: calc(23/16 * 1em); background-image: url(../images/address.svg);}
footer .footer_top .ul li aside.tel::before{width: calc(21/16 * 1em); height: calc(22/16 * 1em); background-image: url(../images/tel.svg);}
footer .footer_top .ul li aside.email::before{width: calc(23/16 * 1em); height: calc(18/16 * 1em); background-image: url(../images/email.svg);}
footer .footer_top nav{display: flex; gap: 1em calc(100/16 * 1em);}
footer .footer_top nav a:not(:hover){color: #fff;}
footer .footer_top nav dt{margin-bottom: calc(30/16 * 1em);}
footer .footer_top nav dd{margin-bottom: calc(20/16 * 1em);}
footer .footer_top nav dt a{padding-bottom: calc(3/16 * 1em); border-bottom: 1px solid #fff;}
footer .footer_top nav dt a:hover{border-color: var(--color);}
footer .footer_bottom{color: #fff; border-top: 1px solid rgba(255, 255, 255, .2);  padding: calc(30/1920 * 100%) 0;}
footer .footer_bottom .copyright{text-align: center;}
footer .footer_bottom a:not(:hover){color: #fff;}

@media(max-width:1024px){
footer .footer_top .contact{width: 100%; gap: 1em;}
footer .footer_top nav{width: 100%; margin-top: 2em; justify-content: space-between;flex-wrap: wrap;gap: 1em calc(30 / 16* 1em);}
}

@media(max-width:768px){
footer .footer_top .ul li{width: 100% !important;}
}

/*Banner003069 */
.Banner003069 { position: relative; z-index: 1; }
.Banner003069 .txt { position: absolute; left: 0; top: calc(50%); transform: translateY(-50%); width: 100%; z-index: 10; color: #fff; }
.Banner003069 .txt .cn { font-size: calc(48/16 * 1em); font-weight: 700; }
.Banner003069 .Ispic img { width: 100%; }
@media(min-width:1025px) {
	.Banner003069 .Ispic { background-image: none !important; }
}
@media(max-width:1024px) {
	.Banner003069 .txt .cn { font-size: calc(24/16 * 1em); }
	.Banner003069 .Ispic { height: calc(300/16 * 1em); background-size: cover; }
	.Banner003069 .Ispic img { display: none; }
}


/*Location001821*/
.Location001821{border-bottom: 1px solid #e7edf2;}
.Location001821 .current{display: flex; align-items: center; justify-content: space-between; color:#333333; text-transform:uppercase;}
.Location001821 em{ font-style:normal; background:url(../images/Location001821-icon.png) no-repeat left center; padding-left:calc(25/16 * 1em);}
.Location001821 em i{font-family: "宋体"; font-style: normal; margin:0 calc(10/16 * 1em);}
.Location001821 em,
.Location001821 em a,
.Location001821 b{color:#333333; }
.Location001821 em a:hover{color: var(--color);}
.Location001821.partyBuildingLocation{border-bottom: none;}
@media(min-width:1025px){
    .Location001821 .current{min-height: calc(70/16 * 1em);}
    .Location001821 em{background-size: auto calc(17/16 * 1em);}
}

@media(max-width:1024px){
    .Location001821 .current{flex-wrap: wrap; padding: 1em 0;}
    .Location001821 em{margin-top: 1em;}
}


.columnMenuBox{background-color: #f5f5f5;}
.columnMenuBox .auto{padding: calc(100/1920 * 100%) 0; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: start;}
.columnMenuBox .content{width: calc(1080/1400 * 100%); padding: calc(30/1400 * 100%); background-color: #fff;}
.columnMenu{width: calc(290/16 * 1em); padding: calc(26/16 * 1em) calc(30/16 * 1em) calc(18/16 * 1em); background-color: #fff;}
.columnMenu li a{height: calc(60/16 * 1em);  display: flex; align-items: center; color: #333; justify-content: space-between;}
.columnMenu li:not(:nth-last-of-type(1)) a{border-bottom: 1px solid #ebebeb;}
.columnMenu li a::after{transition: .3s;width: 8px;height: 8px;margin-left: calc(10 / 18* 1em);content: '';border-top: 1px solid #333;border-right: 1px solid #333;transform: rotate(45deg);}
.columnMenu li a:hover,.columnMenu li.active a{color: var(--color);}
.columnMenu li a:hover::after,.columnMenu li.active a::after{border-color: var(--color);}

.columnTitle{position: relative;z-index: 1; margin-bottom: calc(35/1020 * 100%);}
.columnTitle aside{font-size: calc(24/16 * 1em); color: #f08519;line-height: 1;position: relative;}
.columnTitle aside:after{display:block;width:45px;height:3px;background-color:#f08519;content:'';margin: 0.625em 0 auto; border-radius: 10px;} 

@media(max-width:1024px){
    .columnMenu{width: 100%;}
    .columnMenuBox .content{width: 100%; margin-top: 1em;}
}

.aboutUs article p{margin: 0; line-height: calc(28/16); color: #333333;}
.aboutUs article p:not(:nth-last-of-type(1)){margin-bottom: calc(28/1020 * 100%);}
.aboutUs article img{display: block; margin-bottom: calc(35/1020 * 100%);}
.aboutUs .columnTitle:nth-last-of-type(1){margin-top: calc(50/1020 * 100%);}

/* .history .historyContent .ul .slick-track{display: flex; } */
.history .historyContent .ul{position: relative; padding: calc(24/16 * 1em) calc(60/16 * 1em); overflow: hidden;}
.history .historyContent .ul .slick-list{overflow: visible;}
.history .historyContent .ul::after{content: ""; position: absolute; width: 100%; left: 0; top: 50%; transform: translateY(-50%); height: 1px; background-color: #ddd;}
.history .historyContent .ul li{transition: .3s;}
.history .historyContent .ul li .liInfo{padding-bottom: calc(90/16 * 1em); position: relative; display: flex; flex-direction: column; justify-content: end;}
.history .historyContent .ul li:not(.slick-active){opacity: 0;}
.history .historyContent .ul li .liInfo::after{content: ""; transition: .3s; position: absolute; width: 2px; height: calc(65/16 * 1em); left: 50%; bottom: 0; transform: translateX(-50%); background-color: #dddddd;}
.history .historyContent .ul li .liInfo::before{content: ""; transition: .3s; position: absolute; width: calc(10/16 * 1em); height: calc(10/16 * 1em); border-radius: 50%; background-color: #dddddd;left: 50%; bottom: 0; transform: translate(-50%,50%); }
.history .historyContent .ul li:nth-of-type(2n) .liInfo{padding-top: calc(90/16 * 1em); padding-bottom: 0; justify-content: start;}
.history .historyContent .ul li:nth-of-type(2n) .liInfo::after{bottom:unset; top: 0;}
.history .historyContent .ul li:nth-of-type(2n) .liInfo::before{bottom: unset; top: 0; transform: translate(-50%,-50%); }
.history .historyContent .ul li:nth-of-type(2n) .br{padding-bottom: calc(90/16 * 1em);}
.history .historyContent .ul li:nth-of-type(2n) .liInfo article{top: calc(144/16 * 1em);}
.history .historyContent .ul li aside{font-size: calc(24/16 * 1em); margin-bottom: 1em; color: #333; transition: .3s; font-weight: 700; text-align: center;}
.history .historyContent .ul li article p{line-height: calc(28/16); color: #333; transition: .3s; line-height: calc(28/16); font-weight: 500; margin: 0; text-align: center;}
.history .historyContent .ul li .liInfo article{position: absolute; width: 130%; left: 50%; transform: translateX(-50%);}
.history .historyContent .ul li .backColor{position: absolute; width: 150%; left: 50%; opacity: 0; transition: .3s; transform: translateX(-50%); bottom: 0; background-color: var(--color); z-index: -1;}
.history .historyContent .ul li:nth-of-type(2n) .backColor{top: 0; bottom: unset;}
.history .historyContent .ul li.slick-current .backColor,.history .historyContent .ul li:hover .backColor{opacity: 1;}
.history .historyContent .ul li.slick-current aside,.history .historyContent .ul li:hover aside{color: #fff;}
.history .historyContent .ul li.slick-current article p,.history .historyContent .ul li:hover article p{color: #fff;}
.history .historyContent .ul li.slick-current .liInfo::after,.history .historyContent .ul li:hover .liInfo::after{opacity: 0;}
.history .historyContent .ul li.slick-current .liInfo::before,.history .historyContent .ul li:hover .liInfo::before{background-color: #fff;}

.history .historyContent .ul .slick-arrow{position: absolute; z-index: 2; top: 50%; transition: .3s; text-indent: -9999px; overflow: hidden; color: transparent; background-color: #fff; transform: translateY(-50%); width: calc(60/16 * 1em); height: calc(60/16 * 1em); border:1px solid #dddddd; border-radius: 50%; font-size: calc(16/16 * 1em);}
.history .historyContent .ul .slick-arrow::after{transition: .3s; position: absolute; left: 50%; top: 50%; width: 1em;height: 1em;content: '';border-top: 1px solid #ddd;border-right: 1px solid #ddd;}
.history .historyContent .ul .slick-arrow.slick-prev{left: 0;}
.history .historyContent .ul .slick-arrow.slick-prev::after{transform: translate(-50%,-50%) rotate(225deg); margin-left: .25em;}
.history .historyContent .ul .slick-arrow.slick-next{right: 0;}
.history .historyContent .ul .slick-arrow.slick-next::after{transform: translate(-50%,-50%) rotate(45deg); margin-left: -.25em;}
.history .historyContent .ul .slick-arrow:hover{background-color: var(--color); border-color: var(--color);}

@media(max-width:1024px){
    .history .historyContent .ul .slick-arrow{width: calc(45/16 * 1em); height: calc(45/16 * 1em);}
}

.hornor .hornorContent .ul{display: flex; flex-wrap: wrap; gap: calc(20/16 * 1em) calc(20/1020 * 100%);}
.hornor .hornorContent .ul li{width: calc(240/1020 * 100%); transition: .3s;}
.hornor .hornorContent .ul li a{display: block; width: 100%; height: 100%;}
.hornor .hornorContent .ul li:hover{transform: scale(1.05);}
.hornor .hornorContent .columnTitle:not(:nth-of-type(1)){margin-top: calc(60/1020 * 100%);}

@media(max-width:768px){
    .hornor .hornorContent .ul{gap: calc(8/16 * 1em)  calc(20/1020 * 100%);}
    .hornor .hornorContent .ul li{width: calc(225.8/705 * 100%);}
}

@media(max-width:480px){
    .hornor .hornorContent .ul{gap: calc(12/16 * 1em) 3%;}
    .hornor .hornorContent .ul li{width: 48.5%;}
}

.productCenter .auto{padding: calc(100/1920 * 100%) 0;}
.productCenter .ul{display: flex; flex-wrap: wrap; gap: calc(50/16 * 1em) calc(50/1400 * 100%);}
.productCenter .ul li{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: start; padding: calc(40/1400 * 100%) calc(50/1400 * 100%) calc(40/1400 * 100%) calc(60/1400 * 100%);  width: calc(675/1400 * 100%); background: url(../images/product_back.png) no-repeat center; color: #333; background-size: cover;}
.productCenter .ul li .left{width: calc(280/565 * 100%); margin-top: calc(40/565 * 100%);}
.productCenter .ul li aside{font-size: calc(24/16 * 1em); padding-bottom: 1em; font-weight: 700; position: relative;}
.productCenter .ul li aside::after{position: absolute; height: 2px; width: 2.5em; background-color: #333; content: ""; bottom: -2px; left: 0;}
.productCenter .ul li article{margin-top: calc(30/280 * 100%);}
.productCenter .ul li article p{margin: 0; font-weight: 500; margin-bottom: 1em; position: relative; padding-left: calc(30/16 * 1em);}
.productCenter .ul li article p::before{content: ""; position: absolute; left: 0; top: .25em; width: calc(18/16 * 1em); height: calc(13/16 * 1em); background: url(../images/hook.svg) no-repeat center; background-size: cover;}
.productCenter .ul li .productMore{margin-top: calc(30/280 * 100%);}
.productCenter .ul li .productMore a{display: flex; align-items: center; justify-content: center; height: calc(36/16 * 1em); width: calc(120/16 * 1em); border-radius: 9999px; border:1px solid var(--color); color: var(--color); transition: .3s;}
.productCenter .ul li .productMore a:hover{background-color: var(--color); border-color: var(--color); color: #fff;}
.productCenter .ul li figure{width: calc(272/565 * 100%); padding-bottom: calc(300/565 * 100%); background-size: contain; background-repeat:no-repeat; background-position: center center;  transition: .3s;}
.productCenter .ul li:hover figure{transform: scale(1.05);}

@media(max-width:1024px){
    .productCenter .ul {gap: calc(25 / 16* 1em) calc(50 / 1400* 100%);}
    .productCenter .ul li .left{width: 100%; order: 2;}
    .productCenter .ul li figure{width: 100%; padding-bottom: 80%; background-size: auto 80%; background-repeat: no-repeat; background-position: center;}
}
 
@media(max-width:768px){
    .productCenter .ul li aside{font-size: calc(20/16 * 1em);}
}


.productDetail .auto{padding: calc(100/1920 * 100%) 0; }

/*
.RighInfo002254 为demo编号
*/
.RighInfo002254{ background-color: #fff; margin-bottom: calc(60/1400 * 100%);}
.RighInfo002254 .slider-big{ position: relative; cursor: grab;}
.RighInfo002254 .slider-big li{/* background-color: #f5f5f5; */}
.RighInfo002254 .slider-big li figure{ /* background-size:calc(400 / 675 * 100%) auto; */padding-bottom: 52%; background-size: contain;}
.RighInfo002254 .slider-list{ position: relative; margin-top: calc(10/16 * 1em);}
.RighInfo002254 .slider-list li{ height:calc(100/16 * 1em);  position:relative; cursor: pointer;}
.RighInfo002254 .slider-list li figure{transition: .3s;  border:1px solid #f5f5f5; background-color: #f5f5f5;  height: 100%; background-size: calc(120 / 130 * 100%) auto; margin-right: 7px;}
.RighInfo002254 .slider-list .slick-slider{overflow: hidden; width: calc(100% + 7px);}
.RighInfo002254 .slider{overflow: hidden;border: 1px solid #eee;}
.RighInfo002254 .slick-track{display: flex;}

.RighInfo002254 .slider-list li.slick-current figure{background-color: var(--color);}

.RighInfo002254 .right_info{ float:right; width:calc(675/1400 * 100%); padding-top: calc(40/1400 * 100%);}
.RighInfo002254 .list_img{float:left; width:calc(675/1400 * 100%); position:relative;}


.RighInfo002254 .right_info h1,.RighInfo002254 .right_info h3,.RighInfo002254 .right_info p{margin: 0;}
.RighInfo002254 .right_info h1{color: var(--color); font-weight: 600; font-size: calc(24/16 * 1em); padding-bottom: 1.5em; position: relative;}
.RighInfo002254 .right_info h1::before{content: ""; position: absolute; width: 2.5em; height: 2px; bottom: -2px; left: 0; background-color: var(--color);}
.RighInfo002254 .right_info article{margin-top: calc(40/675 * 100%);}
.RighInfo002254 .right_info article p{color: #333; font-weight: 500; padding-left: calc(10/16 * 1em); position: relative;}
.RighInfo002254 .right_info article p::before{content: ""; position: absolute; width: 2px; transform: translateY(50%); height: 2px;  border-radius: 50%; background-color: #333; top: .5em; left: 0;}
.RighInfo002254 .right_info article p:not(:nth-last-of-type(1)){margin-bottom: calc(30/675 * 100%);}
@media(max-width:1024px){
    .RighInfo002254 .list_img{width: 100%;}
    .RighInfo002254 .right_info{width: 100%; margin-top:2em;}
}
 
@media (max-width:768px){
    .RighInfo002254 .list_img,
    .RighInfo002254 .right_info{ float:none; width:auto;}
}
@media (min-width:641px) {
    /* .RighInfo002254 .slider-big *{height: 100%; height: calc(400/16 * 1em);width: 100%; left: 0; top: 0;} */
}
@media(max-width:640px){
    .RighInfo002254 .slider-big{height: auto;}
    .RighInfo002254 .slider-big li .Ispic{padding-bottom: 65%;}
}	

.productDetail .productDetailInfo .table_list{display: flex; border-bottom: 1px solid var(--color); margin-bottom: calc(40/1400 * 100%);}
.productDetail .productDetailInfo .table_list li{height: calc(60/18 * 1em); font-weight: 700; cursor: pointer; transition: .3s; display: flex; align-items: center; color: var(--color); font-size: calc(18/16 * 1em); padding: 0 calc(30/18 * 1em);}
.productDetail .productDetailInfo .table_list li.active,.productDetail .productDetailInfo .table_list li:hover{background-color: var(--color); color: #fff;}
.productDetail .productDetailInfo article strong{color: var(--color); display: block; margin-bottom: calc(3/1400 * 100%);}
.productDetail .productDetailInfo article p{color: #333; margin: 0; font-weight: 500;}
.productDetail .productDetailInfo article p:not(:nth-last-of-type(1)){margin-bottom: calc(25/1400 * 100%);}
.productDetail .productDetailInfo article img{display: block; margin: calc(40/1400 * 100%) 0;}

.productDetail .productDetailInfo article{display: none;}
.productDetail .productDetailInfo article h2{font-size: calc(18/16 * 1em); text-align: center; line-height: calc(50/18); font-weight: 700; color: #333333; margin: 0; background-color: #e5e5e5;}
.productDetail .productDetailInfo article .tableBox{overflow-x: auto;}
.productDetail .productDetailInfo article table{width: 100%;}
.productDetail .productDetailInfo article table tr:nth-of-type(2n+1){background-color: #f7f7f7;}
.productDetail .productDetailInfo article table td{width: 25%;  color: #333; font-size: calc(16/16 * 1em); padding: calc(14.5/16 * 1em) 0px; padding-left: calc(100/1400 * 100%);}
.productDetail .productDetailInfo article table td:nth-of-type(2n+1){font-weight: 700;}

@media(max-width:1024px){
    .productDetail .productDetailInfo article table{width: 200%;}
    .productDetail .productDetailInfo .table_list li{padding: 0 .5em; height: calc(40/18 * 1em);}
}

.newsCenter.columnMenuBox .content{padding: 0; background-color: transparent;}
.newsCenter .topNews{padding: calc(40/1080 * 100%); background-color: #fff; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: start;}
.newsCenter .topNews figure{width: calc(450/1000 * 100%); transition: .3s; padding-bottom: calc(293/1000 * 100%); background-size: cover; background-position: center;}
.newsCenter .topNews .textBox{width: calc(530/1000 * 100%); padding: calc(30/1000 * 100%) 0;}
.newsCenter .topNews .textBox aside{font-size: calc(24/16 * 1em); color: #333; font-weight: 700;}
.newsCenter .topNews .textBox p{font-weight: 500; margin: 0; margin-top: calc(17/530 * 100%); line-height: calc(28/16); color: #666666;}
.newsCenter .topNews .textBox time{color: #666666; margin-top: calc(17/530 * 100%); display: block; font-weight: 500;}
.newsCenter .topNews .textBox a{font-weight: 500; background-color: var(--color); transition: .3s; margin-top: calc(40/530 * 100%); color: #fff; width: calc(120/16 * 1em); height: calc(50/16 * 1em); display: flex; align-items: center; justify-content: center;}
.newsCenter .topNews .textBox a:hover{background-color: #fff; border: 1px solid var(--color); color: var(--color);}
.newsCenter .topNews:hover figure{transform: scale(1.02);}
.newsCenter .newsContent .ul{margin-top: calc(30/1080 * 100%); display: flex; flex-wrap: wrap; gap: calc(30/16 * 1em) calc(30/1080 * 100%);}
.newsCenter .newsContent .ul li{width: calc(340/1080 * 100%); background-color: #ffff; overflow: hidden;}
.newsCenter .newsContent .ul li figure{padding-bottom: calc(220/340 * 100%); background-size: cover; transition: .3s;}
.newsCenter .newsContent .ul li .textBox{padding: calc(30/340 * 100%);}
.newsCenter .newsContent .ul li .textBox aside{font-weight: 700; font-size: calc(18/16 * 1em); color: #333; line-height: calc(28/18);}
.newsCenter .newsContent .ul li .operate{display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; margin-top: calc(25/280 * 100%);}
.newsCenter .newsContent .ul li .operate a{width: calc(36/16 * 1em); height: calc(36/16 * 1em); transition: .3s; border-radius: 50%; border: 1px solid var(--color); background: var(--color) url(../images/more_arrow.png) no-repeat center; background-size: calc(12/36 * 100%);}
.newsCenter .newsContent .ul li .operate a:hover{background-color: #fff; background-image: url(../images/more_arrow_color.png);}
.newsCenter .newsContent .ul li:hover figure{transform: scale(1.05);}

@media(max-width:1024px){
    .newsCenter .topNews .textBox{padding: 0;}
    .newsCenter .topNews .textBox aside{font-size: calc(18/16 * 1em);}
    .newsCenter .topNews .textBox p{font-size: calc(14/16 * 1em);}
    .newsCenter .topNews .textBox time{font-size: calc(14/16 * 1em);}
    .newsCenter .topNews .textBox a{height: calc(30/16 * 1em);}
    .newsCenter .newsContent .ul{justify-content: space-between; gap: calc(18/16 * 1em) calc(30/1080 * 100%);}
    .newsCenter .newsContent .ul li{width: 48.5%;}
}

@media(max-width:768px){
    .newsCenter .topNews figure{width: 100%; padding-bottom: 65%;}
    .newsCenter .topNews .textBox{width: 100%; margin-top: 1em;}
}

.newsDetail .auto{padding: calc(100/1920 * 100%) 0;}
.newsDetail .titleBox{text-align: center; padding: calc(60/1400 * 100%); background-color: #f7f7f7;}
.newsDetail .titleBox h1{font-size: calc(28/16 * 1em); font-weight: 700; color: #333; margin: 0;}
.newsDetail .titleBox time{ color: #999; margin-top: calc(28/18 * 1em); display: block;}
.newsDetail article{margin: 0 auto; padding: calc(50/1400 * 100%) 0; margin-bottom: calc(50/1400 * 100%); border-bottom: 1px solid #ebebeb;}
.newsDetail article p{margin: 0; color: #333; line-height: calc(28/16); font-weight: 500;}
.newsDetail article p:not(:nth-last-of-type(1)){margin-bottom: calc(28/1400 * 100%);}
.newsDetail article img{display: block; margin: calc(40/1400 * 100%) auto;}
.newsDetail .pn-page{ margin: 0 auto; position: relative; display: flex; justify-content: space-between; align-items: center;}
.newsDetail .pn-page aside{width: calc((100% - (160/16 * 1em) - 1em)/2);}
.newsDetail .pn-page aside.next{text-align: right;}
.newsDetail .pn-page aside b{display: inline-block; width: calc(12/18 * 1em); height: calc(12/18 * 1em); background: url(../images/newsdetail_arrow.svg) no-repeat center; background-size: cover;}
.newsDetail .pn-page aside a{font-size: calc(16/16 * 1em); color: #666666; }
.newsDetail .pn-page aside a:hover{color: var(--color);}
.newsDetail .pn-page aside a:hover b{background-image: url(../images/newsdetail_arrow_active.svg);}
.newsDetail .pn-page aside.prev b{margin-right: 1em;}
.newsDetail .pn-page aside.next b{margin-left: 1em; transform: rotate(180deg);}
.newsDetail .pn-page .return{height: calc(50/16 * 1em); transition: .3s; font-size: calc(16/16 * 1em); padding: 0 calc(34/16 * 1em); border-radius: 9999px; color: #fff; background-color: var(--color); display: flex; align-items: center;}
.newsDetail .pn-page .return:hover{transform: scale(1.2);}
.newsDetail .pn-page .return::before{content: ""; width: calc(16/16 * 1em); height: calc(14/16 * 1em); margin-right: calc(12/16 * 1em); background: url(../images/newsdetail_return.svg) no-repeat center; background-size: cover;}

@media(max-width:1024px){
    .newsDetail .titleBox h1{font-size: calc(24/16 * 1em);}
    .newsDetail .pn-page .operating{order: 2;}
    .newsDetail .pn-page{flex-wrap: wrap; gap: 1em;}
    .newsDetail .pn-page aside{width: 100%; max-width: 100%;}
}

.contactUs{background-color: #f5f5f5;}
.contactUs .auto{padding: calc(100/1920 * 100%) 0;}
.contactUs .ul{display: flex; gap: 1em calc(20/1400 * 100%); flex-wrap: wrap;}
.contactUs .ul li{width: calc(335/1400 * 100%); background-color: #fff; transition: .3s;}
.contactUs .ul li figure{display: flex; justify-content: center; align-items: center; padding-top: calc(67/335 * 100%);}
.contactUs .ul li figure img.active{display: none;}
.contactUs .ul li figure img{max-width: calc(53/16 * 1em);}
.contactUs .ul li aside{font-size: calc(18/16 * 1em); transition: .3s; text-align: center; color: #333; margin-top: calc(40/335 * 100%);}
.contactUs .ul li p{color: #333; margin: 0 auto; max-width: 65%; transition: .3s; text-align: center; line-height: calc(28/16); margin-top: calc(4/335 * 100%); padding-bottom: calc(40/335 * 100%);}
.contactUs .ul li:hover{background-color: var(--color);}
.contactUs .ul li:hover figure img{display: none;}
.contactUs .ul li:hover figure img.active{display: block;}
.contactUs .ul li:hover aside{color: #fff;}
.contactUs .ul li:hover p{color: #fff;}

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

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

.search{background-color: #f5f5f5;}
.search .auto{padding: calc(100/1920 * 100%) 0;}
.search .newsContent .ul{margin: 0;}