:root{
    --color:#176db9;
}

@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";
}

.shadow{transition: .3s;}
.shadow:hover{box-shadow: 0px 0px 1em 0px var(--color);}
a:hover {color: var(--color);}

/*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{display: flex; align-items: center;}
.Top003084 .logo .hotLine{color: #666666; margin-left: calc(25/16 * 1em);}
.Top003084 .logo .hotLine aside{font-size: calc(14/16 * 1em);}
.Top003084 .logo .hotLine p{margin: 0; margin-top: calc(4/18 * 1em); font-size: calc(18/16 * 1em); font-weight: 500;}
.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 a{ display: block; font-size: calc(18/16 * 1em);}
.Top003084 .open-search{position: relative; display: block; background: no-repeat; width: calc(20/16 * 1em); height: calc(20/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(22/16 * 1em); height: calc(22/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 .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::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 .right .person{width: calc(17/16 * 1em); height: calc(20/16 * 1em); background: url(../images/person.svg) no-repeat center; background-size: cover;}
.Top003084 .right .person a{display: block; height: 100%;}
.Top003084 .right .shop_car{width: calc(20/16 * 1em); height: calc(20/16 * 1em); background: url(../images/shopCar.svg) no-repeat center; background-size: cover;}
.Top003084 .right .shop_car a{display: block; height: 100%; position: relative;}
.Top003084 .right .shop_car a span{width: calc(18/14 * 1em); height: calc(18/14 * 1em); font-size: calc(14/16 * 1em); left: calc(14/14 * 1em); top: calc(-10/14 * 1em); position: absolute; background-color: #f93c4f; color: #fff; display: flex; align-items: center; justify-content: center; border-radius: 50%; line-height: 1;}
.Top003084 .right > div:not(:nth-last-of-type(1)){margin-right: calc(35/1920 * 100vw);}

.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); background-position: center;}
.Top003084.scroll .top-lang .cur{background-image: url(../images/languague.svg); color: #333; background-position: center;}
.Top003084.scroll .top-lang .cur:after{border-color: #333;}
.Top003084 menu li a p{position: relative; display: inline;}


.Top003084 .sub{padding: 10px;display: none;}
.Top003084 .sub dt{line-height: 40px; }

.Top003084.scroll menu li.aon span a{color: var(--color);}
@media (min-width:1025px) {

.Top003084 .sub{background: rgba(255,255,255,0.8); position: absolute; left: 50%; transform: translateX(-50%); top: 100%;border-radius: 0 0 5px 5px;  }
.Top003084 .sub dt{text-align: center;}
.Top003084 .sub dt a{color: #333; white-space: nowrap; line-height: 2.5; padding: 0 2em;}
.Top003084 .sub dt a:hover{color: var(--color);}
}
@media (max-width:1024px) {
.Top003084 .sub{background: rgba(0,0,0,0.8);}
.Top003084 .sub a{font-size: 14px;}
}


@media (min-width:1025px) {
.Top003084.scroll menu li span a{color: #333;}
.Top003084 menu li{float: left;min-height:100px;}
.Top003084 menu li a{line-height: 100px; display: block; position: relative;}
.Top003084 menu li:not(:last-child){margin-right: calc(60/1920 * 100vw);}
.Top003084 menu li.aon a p::after{position: absolute; content: ""; width: calc(20/18 * 1em); height: calc(18/18 * 1em); top: -.5em; right: calc(-15/18 * 1em); background: url(../images/top_circle.png) no-repeat center; background-size: cover;}

}
@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: 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 .auto{padding: .5em 0;}
.Top003084 menu li a{color: #fff;}
.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(min-width:641px) and (max-width:1024px){
    .Top003084 .right .person{background-size: 80%;}
    .Top003084.scroll .open-search{background-size: 80%;}
    .Top003084 .right .shop_car{background-size: 80%;}
    .Top003084.scroll .top-lang .cur{background-size: 80%;}
}

@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; color: #333;}
.Banner003192 .titEn{line-height: 1; font-weight: normal;  text-align: start; font-size: calc(40/16 * 1em); margin-bottom: calc(20/40 * 1em); }
.Banner003192 .titCn{line-height: 1; font-weight: bold; text-align: start; font-size: calc(60/16 * 1em);}
.Banner003192 .content{margin-top: calc(42/16 * 1em);}
.Banner003192 .content p{margin: 0; font-size: calc(24/16 * 1em); color: #333; padding-left: calc(27/24 * 1em); position: relative;}
.Banner003192 .content p:not(:nth-last-of-type(1)){margin-bottom: calc(15/24 * 1em);}
.Banner003192 .content p::before{content: ""; width: 10px; height: 10px; border-radius: 50%; border: 2px solid var(--color); position: absolute; top: .45em; left: 0;}
.Banner003192 .txt-style-1{left: calc(93/1440 * 100%); top: 50%; transform: translateY(-50%);} 
.Banner003192 .txt-style-1 .more{display: flex; margin-top: calc(60/16 * 1em);}
.Banner003192 .txt-style-1 .more a{color: #fff;background-color: var(--color); padding: 0 calc(36/16 * 1em); border-radius: 9999px; height: calc(50/16 * 1em); font-weight: 500; display: flex; align-items: center; justify-content:  center;}
.Banner003192 .txt-style-1 .more a span{display: flex; align-items: center;}
.Banner003192 .txt-style-1 .more a span::after{content: ""; width: calc(14/16 * 1em); height: calc(10/16 * 1em); margin-left: calc(12/16 * 1em); background: url(../images/more_arrow.svg) no-repeat center; background-size: cover;}
.Banner003192 li.slick-current .txt-style-1{ animation: fade linear .5s both; animation-delay: .5s;}


.Banner003192 .slick-dots{position: absolute; overflow: hidden; display: flex; gap: 0 calc(10/16 * 1em); z-index: 12; bottom: calc(27/600 * 100%); left: 50%; transform: translateX(-50%);}
.Banner003192 .slick-dots li{padding:calc(15/16 * 1em); position: relative;}




.Banner003192 .slick-dots li.slick-active{position: relative;}
.Banner003192 .slick-dots li.slick-active button{position: relative; background-color: var(--color);}
.Banner003192 .slick-dots li.slick-active button::after{position: absolute; width: calc(34/16 * 1em); height: calc(34/16 * 1em); content: ""; border: 2px solid rgba(255, 255, 255, .4); border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.Banner003192 .slick-dots li.slick-active button::before{animation: circle 4s linear infinite;-webkit-clip-path: polygon(50% 50%, 50% 0%, 100% 0%, 100% 50%);clip-path: polygon(50% 50%, 50% 0%, 100% 0%, 100% 50%); transform-origin: center; position: absolute; width: calc(34/16 * 1em); height: calc(34/16 * 1em); content: ""; border: 2px solid var(--color); border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%,-50%) rotate(315deg); z-index: 2;}
.Banner003192 .slick-dots button {cursor: pointer; width: calc(6/16 * 1em);height: calc(6/16 * 1em);border-radius: 50%;display: block;margin: 0;padding: 0;font-size: 1em;border: none;background-color: #fff;text-indent: -9999px;}

/* 指示点样式 */
/*.Banner003192 .slick-dots li:nth-of-type(2) button::before{animation: circle 4s linear infinite; transform: rotate(45deg); background-color: var(--color); transform-origin: center; position: absolute; width: calc(20/16 * 1em); height: calc(20/16 * 1em); content: ""; border: 2px solid var(--color); top: 50%; left: 50%; transform: translate(-50%,-50%) rotate(315deg); z-index: 2;}*/
.Banner003192 .slick-dots li.slick-active::before{content: ""; animation: circle 4s linear infinite; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: calc(20/16 * 1em); height: calc(18/16 * 1em); background: url(../images/top_circle.png) no-repeat center; background-size: cover;}
.Banner003192 .slick-dots li.slick-active button{display: none;} 


/* .Banner003192 .slick-dots li.slick-active{position: relative;}
.Banner003192 .slick-dots button {cursor: pointer; width: calc(6/16 * 1em);height: calc(6/16 * 1em);border-radius: 50%;display: block;margin: 0;padding: 0;font-size: 1em;border: none;background-color: #fff;text-indent: -9999px;}

.Banner003192 .slick-dots.thedot1 li.slick-active button{position: relative; background-color: var(--color);}
.Banner003192 .slick-dots.thedot1 li.slick-active button::after{position: absolute; width: calc(34/16 * 1em); height: calc(34/16 * 1em); content: ""; border: 2px solid rgba(255, 255, 255, .4); border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.Banner003192 .slick-dots.thedot1 li.slick-active button::before{animation: circle 4s linear infinite;-webkit-clip-path: polygon(50% 50%, 50% 0%, 100% 0%, 100% 50%);clip-path: polygon(50% 50%, 50% 0%, 100% 0%, 100% 50%); transform-origin: center; position: absolute; width: calc(34/16 * 1em); height: calc(34/16 * 1em); content: ""; border: 2px solid var(--color); border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%,-50%) rotate(315deg); z-index: 2;}

.Banner003192 .slick-dots.thedot2 li.slick-active button::before{animation: circle 4s linear infinite; transform: rotate(45deg); background-color: var(--color); transform-origin: center; position: absolute; width: calc(20/16 * 1em); height: calc(20/16 * 1em); content: ""; border: 2px solid var(--color); top: 50%; left: 50%; transform: translate(-50%,-50%) rotate(315deg); z-index: 2;}

.Banner003192 .slick-dots.thedot3 li.slick-active::before{content: ""; animation: circle 4s linear infinite; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: calc(20/16 * 1em); height: calc(18/16 * 1em); background: url(../images/top_circle.png) no-repeat center; background-size: cover;}
.Banner003192 .slick-dots.thedot3 li.slick-active button{display: none;}

.Banner003192 .dotSelect{position: absolute; bottom: 0; white-space: nowrap; line-height: 2; color: #00468e; cursor: pointer; right: calc(100% + 50px);} */


@keyframes rotate {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(360deg);
}
}

@keyframes circle {
    0%{
        transform: translate(-50%,-50%) rotate(0deg);
    }
    100%{
        transform: translate(-50%,-50%) rotate(360deg);
    }
}

@media(max-width:1920px){
    .Banner003192 .titEn{margin-bottom: calc(20/1920 * 100vw);}
    .Banner003192 .more{margin-top: calc(60/1920 * 100vw);}
    .Banner003192 .content p:not(:nth-last-of-type(1)){margin-bottom: calc(15/1920 * 100vw);}
    .Banner003192 .content{margin-top: calc(42/1920 * 100vw);}
}

@keyframes fade {
    0%{
        transform: translateY(-70%);
        opacity: 0;
    }
    100%{
        transform: translateY(-50%);
        opacity: 1;
    }
}

@media (min-width:1025px) {
    .Banner003192 .wap{display: none;}
}

@media (max-width:1024px) {
    .Banner003192 .pc{display: none;}
    .Banner003192 .titEn{font-size: calc(20/16 * 1em);}
    .Banner003192 .titCn{font-size: calc(24/16 * 1em);}
    .Banner003192 .content p{font-size: calc(16/16 * 1em);}
    .Banner003192 .txt-style-1 .more{margin-top: 2em;}
    .Banner003192 .txt-style-1 .more a{height: calc(35/16 * 1em); padding: 0 1em;}
    .Banner003192 .slick-dots li{padding: .5em;}
    .Banner003192 .slick-dots li.slick-active button::before{width: calc(20/16 * 1em); height: calc(20/16 * 1em);}
    .Banner003192 .slick-dots li.slick-active button::after{width: calc(20/16 * 1em); height: calc(20/16 * 1em);}
}


.banner_dots_box{position: relative;}
.banner_dots{overflow: hidden;}
.banner_dots .slider{overflow: hidden; padding-bottom: .5em; width: calc(100% + 30/16 * 1em);}
.banner_dots .slick-list{box-shadow: 0px 20px .5em -20px rgba(0,0,0,0.1);}
.banner_dots li{padding: calc(30/16 * 1em) 0; cursor: pointer; position: relative;}
.banner_dots li::before{content: ""; position: absolute; top: 0; height: calc(4/16 * 1em); background-color: var(--color); width: 0;}
.banner_dots li .textBox{margin-right: calc(30/16 * 1em); padding-right: calc(80/16 * 1em);}
.banner_dots li:not(:nth-last-of-type(1)) .textBox{ border-right: 1px solid #dedede;}
.banner_dots li aside{font-size: calc(18/16 * 1em); font-weight: 700; color: #333; transition: .3s;}
.banner_dots li p{font-size: calc(14/16 * 1em); margin: 0; color: #999; margin-top: calc(12/14 * 1em);}
.banner_dots li.active aside{color: var(--color);}
.banner_dots li.active::before{width: calc(100% - 30/16 * 1em);  transition: 4s linear; }

.banner_dots_box .controls{position: absolute; z-index: 2; pointer-events: none;
    width: calc(100% + 80/16 * 1em);
    left: 50%; top: calc(50% - .25em); display: flex; justify-content: space-between; transform: translate(-50%,-50%);}
.banner_dots_box .controls .slick-arrow{width: calc(38/16 * 1em); pointer-events: all; height: calc(38/16 * 1em); transition: .3s; border: 1px solid var(--color); font-size: 1em; overflow: hidden; text-indent: -9999px; background: url(../images/slider_arrow.svg) no-repeat center; background-size: calc(14/37 * 100%) auto; border-radius: 50%;}
.banner_dots_box .controls .slick-arrow:hover{box-shadow: 0px 0px 1em 0px var(--color);}
.banner_dots_box .controls .slick-arrow.slick-prev{transform: rotate(180deg);} 

/* @media(min-width:1601px){ */
    .banner_dots_box .controls .slick-arrow.slick-disabled{opacity: 0;}
/* } */

/* @media(max-width:1600px){
    .banner_dots_box .controls{position: relative; top: 0; left: 0; transform: none; width: 100%; justify-content: center; gap: 0 calc(150/16 * 1em);}
} */

@media(max-width:1550px){
    .banner_dots_box .controls{width: 100%;}
    .banner_dots{width: calc(100% - 38*2/16 * 1em); margin: 0 auto;}
}

@media(max-width:1024px){
    .banner_dots li{padding: .5em 0;}
    .banner_dots li .textBox{margin-right: calc(15/16 * 1em); padding-right: calc(40/16 * 1em);}
}

.home_title{line-height: 1; font-size: calc(46/16 * 1em); font-weight: 700; text-align: center; color: #333; margin: 0;}
@media(max-width:1024px){
    .home_title{font-size: calc(24/16 * 1em);}
}

.home_product{padding: calc(75/1440 * 100%) 0 calc(88/1440 * 100%);}
.home_product .ul{width: calc(100% + 20/16 * 1em); margin-top: calc(50/1440 * 100%);}
.home_product .ul li{margin-right: calc(20/16 * 1em); padding: calc(20/16 * 1em); background: url(../images/home_product_back.jpg) no-repeat center; background-size: cover;}
.home_product .ul li aside{font-size: calc(22/16 * 1em); font-weight: 500; color: #333; text-align: center; white-space: nowrap;}
.home_product .ul li .more{display: flex; justify-content: center; margin-top: calc(27/305 * 100%);}
.home_product .ul li .more a{color: var(--color);}
.home_product .ul li .more a span{display: flex; align-items: center;}
.home_product .ul li .more a span::after{content: ""; width: calc(14/16 * 1em); height: calc(9/16 * 1em); margin-left: calc(12/16 * 1em); background: url(../images/slider_arrow.svg) no-repeat center; background-size: cover; transition: 0.3s;}
.home_product .ul li .more a:hover span::after{margin-left: calc(18/16 * 1em);}
.home_product .ul li .itemBox{margin-top: calc(20/305 * 100%);}
.home_product .ul li .itemBox .item{display: flex; align-items: center; background-color: #fff;}
.home_product .ul li .itemBox .item:not(:nth-last-of-type(1)){margin-bottom: calc(15/305 * 100%);}
.home_product .ul li .itemBox .item figure{width: calc(100/305 * 100%); padding-bottom: calc(80/305 * 100%); background-size: cover;}
.home_product .ul li .itemBox .item p{margin: 0; color: #666666; margin-left: .5em; max-width: calc(100% - (100/305 * 100% + .5em + .5em));}
.home_product .ul li .itemBox .item:hover p{color: var(--color);}
.home_product .controls{display: flex; justify-content: center; margin-top: calc(30/1440 * 100%);}
.home_product .controls .dots_box{display: flex; align-items: center;}
.home_product .controls .slick-dots{list-style: none; display: flex; justify-content: center; gap: 0 calc(20/16 * 1em); margin: 0 calc(45/16 * 1em);}
.home_product .controls .slick-dots li{width: 10px; height: 10px; border-radius: 50%; background-color: #d4d4d4;}
.home_product .controls .slick-dots li.slick-active{background-color: var(--color);}
.home_product .controls .slick-dots button{display: none;}
.home_product .controls .slick-arrow{width: calc(30/16 * 1em); height: calc(30/16 * 1em); transition: .3s; border: 1px solid var(--color); font-size: 1em; overflow: hidden; text-indent: -9999px; background: url(../images/slider_arrow.svg) no-repeat center; background-size: calc(14/37 * 100%) auto; border-radius: 50%;}
.home_product .controls .slick-arrow.slick-prev{transform: rotate(180deg);} 
.home_product .controls .slick-arrow:hover{box-shadow: 0px 0px 1em 0px var(--color);}
@media(max-width:1024px){
    .home_product .ul li aside{font-size: calc(18/16 * 1em);}
    .home_product .ul li .itemBox .item p{font-size: calc(14/16 * 1em);}
    .home_product .ul li .more a span{font-size: calc(14/16 * 1em);}
}


.home_solution ul{ position:relative; display: flex; justify-content: space-between; margin-top: calc(50/1440 * 100%);}
.home_solution .pic{padding:calc(35/16 * 1em); background-size: cover; background-position: center; background-repeat: no-repeat; display: flex;  align-items: end; position:relative; background-color:#f5f5f5; overflow: hidden;}
.home_solution li .content .deliverTitle{color: #fff; font-size: calc(28/16 * 1em); line-height: 1; font-weight: 700;}
.home_solution li:not(.active){align-items: center;}
.home_solution li:not(.active) .content{margin: 0 auto;}
.home_solution li:not(.active) .contentInner{display: flex; align-items: center; justify-content: center;}
.home_solution li:not(.active) .content .deliverTitle{ writing-mode: tb;}
.home_solution li:not(.active) .content p{display: none;}
.home_solution li .content p{margin: 0; margin-top: calc(20/16 * 1em); height: 0; color: #fff; font-weight: 500; line-height: calc(26/16); opacity: 0; transition: .3s;}
.home_solution li{width: calc(160/1440 * 100%);transition: .3s;}
.home_solution li .pic{ transition: .3s; height: calc(540/16 * 1em);}
.home_solution li.active{width:calc(767/1440 * 100%);}
.home_solution li.active .content p{opacity: 1; height: auto;}
.home_solution li.active .content{display: flex; align-items: end; justify-content: space-between;}
.home_solution li.active .content .contentInner{width: calc(500/700 * 100%); max-width: calc(100% - 70/16 * 1em);}
.home_solution li.active .content span{ display: block; width: calc(50/16 * 1em); height: calc(50/16 * 1em); border-radius: 50%; border-radius: 50%; background: var(--color) url(../images/more_arrow.svg) no-repeat center; background-size: calc(13/50 * 100%) auto;}
@media(max-width:1024px){
    .home_solution li .pic{width: 100%; height: calc(300/16 * 1em);padding: calc(15 / 16* 1em);}
    .home_solution li:not(:nth-last-of-type(1)){margin-bottom: 10px;}
    .home_solution li.active{width: 100%;}
    .home_solution li .content{padding: 0 calc(20/16 * 1em);}
    .home_solution li .content .contentInner{width: 100%;}
    .home_solution li .content p{font-size: calc(10/16 * 1em); line-height: 1.5;}
    .home_solution li .content .deliverTitle{font-size: calc(18/16 * 1em); margin-top: calc(10/18 * 1em); margin-bottom: calc(25/18 * 1em);}
    .home_solution ul{flex-wrap: wrap;}
    .home_solution li > img{width: 100%;}
    .home_solution li.active .content span{width: calc(40/16 * 1em); height: calc(40/16 * 1em);}
}
 
@media(max-width:640px){
    .home_solution li{width: 100%; }
    .home_solution li .content p{font-size: calc(14/16 * 1em);}
	.home_solution li:not(.active) .content .deliverTitle{ writing-mode: horizontal-tb;}
}

.home_quickLink{padding-bottom: calc(80/1440 * 100%); margin-top: calc(80/1440 * 100%); position: relative;}
.home_quickLink .home_quickLink_c{display: flex; flex-wrap: wrap; justify-content: space-between;}
.home_quickLink .ul{display: flex; flex-wrap: wrap;}
.home_quickLink .left{width: calc(950/1440 * 100%); gap:calc(30/16 * 1em) calc(30/950 * 100%);}
.home_quickLink .left li{width: calc(460/950 * 100%);}
.home_quickLink .left li figure{padding-bottom: calc(240/460 * 100%); background-size: cover;}
.home_quickLink .left li .li_c{left: calc(40/460 * 100%); width: calc(380/460 * 100%);}
.home_quickLink .left li:nth-of-type(1){width: 100%;}
.home_quickLink .left li:nth-of-type(1) figure{padding-bottom: calc(340/950 * 100%);}
.home_quickLink .left li:nth-of-type(1) .li_c{left: calc(40/950 * 100%); width: calc(880/950 * 100%);}
.home_quickLink .right{width: calc(460/1440 * 100%); gap:calc(30/16 * 1em) calc(30/460 * 100%);}
.home_quickLink .right li{width: 100%;}
.home_quickLink .right li figure{padding-bottom: calc(290/460 * 100%); background-size: cover;}
.home_quickLink .right li .li_c{left: calc(40/460 * 100%); width: calc(380/460 * 100%);}

.home_quickLink .ul li{position: relative; overflow: hidden;}
.home_quickLink .ul li figure{transition: .3s;}
.home_quickLink .ul .li_c{display: flex; justify-content: space-between; align-items: end; position: absolute; bottom: calc(30/16 * 1em); color: #fff;}
.home_quickLink .ul .li_c .textBox{max-width: calc(100% - 60/16 * 1em);}
.home_quickLink .ul .li_c aside{font-size: calc(30/16 * 1em); line-height: 1;}
.home_quickLink .ul .li_c p{margin: 0; font-weight: 500; font-size: calc(14/16 * 1em); margin-top: calc(12/14 * 1em);}
.home_quickLink .ul li:hover figure{transform: scale(1.05);}

.home_quickLink .ul li span{display: block; width: calc(50/16 * 1em); height: calc(50/16 * 1em); border-radius: 50%; border-radius: 50%; background: var(--color) url(../images/more_arrow.svg) no-repeat center; background-size: calc(13/50 * 100%) auto;}

.home_quickLink .lizi-canvas{position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; z-index: -1;}

@media(max-width:1024px){
    .home_quickLink .ul li a{width: calc(40/16 * 1em); height: calc(40/16 * 1em);}
    .home_quickLink .ul{gap: 1em !important;}
    .home_quickLink .ul .li_c aside{font-size: calc(20/16 * 1em);}
    .home_quickLink .left{width: 100%;}
    .home_quickLink .right{width: 100%; margin-top: 1em;}
    .home_quickLink .left li{width: 100%;}
    .home_quickLink .left li:nth-of-type(1) .li_c{left: calc(40/460 * 100%); width: calc(380 / 460* 100%);}
}

footer .auto{background-color: #f7f7f7; padding: calc(30/1920 * 100%) calc(22/1920 * 100%);}
footer .copyright{color: #999; font-weight: 500;}
footer .copyright a{color: #999;}
footer .copyright a:hover{color: var(--color);}
footer .copyright .fr{display: flex; align-items: center;}
footer .copyright .fr a{display: flex; align-items: center;}
footer .copyright dd a:not(:last-child):after{display: inline-block; content: ''; width: 2px; height: 2px; border-radius: 50%; background: #909296; margin: 0 calc(17/16 * 1em); vertical-align: middle;}

@media(max-width:1024px){
footer .copyright{text-align: center;}
footer .copyright .fr{justify-content: center; margin-top: 1em;}
}

.slider_bar{position: fixed; z-index: 999; right: 1%; top: 50%; transform: translateY(-50%); border-radius: 9999px; background-color: #f7f7f7;}
.slider_bar .ul{width: calc(60/16 * 1em);}
.slider_bar li:not(:nth-last-of-type(1)){border-bottom: 2px solid #ededed;}
.slider_bar li a{display: flex; position: relative; align-items: center; justify-content: center; color: #999; height: calc(60/16 * 1em); mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; mask-position: center; -webkit-mask-position: center; mask-size: auto; -webkit-mask-size: auto; background-color: currentColor;}
.slider_bar li a:hover{color: var(--color);}
/* .slider_bar li a img{max-width: calc(24/60 * 100%);} */
.slider_bar li{position: relative;}
.slider_bar li:hover .img{display: block;}
.slider_bar li .img{position: absolute; right: 100%; top: 50%; transform: translateY(-50%);  display: none; padding-right: .5em;}
.slider_bar li .img figure{width: calc(96/16 * 1em); height: calc(96/16 * 1em);}
@media(max-width:1440px){
    .slider_bar{right: 2%;}
}

@media(max-width:1024px){
    .slider_bar .ul{width: calc(40/16 * 1em);}
    .slider_bar li a{height: calc(40/16 * 1em);}
}

@media(max-width:640px){
    .slider_bar li a{mask-size: calc(22/60 * 100%); -webkit-mask-size: calc(22/60 * 100%);}
}

.Location{padding: calc(40/1440 * 100%) 0; position: relative;}
.Location .current{display: inline-block; position: relative;}
.Location em{ font-style:normal; background:url(../images/home.svg) no-repeat left center; font-weight: 500; background-size: auto 100%; font-size: calc(14/16 * 1em); padding-left:calc(25/14 * 1em);}
.Location em i{ font-style:normal;  margin:0 .95em;}
.Location em a{color:#666666; }
.Location em a:hover{color: var(--color);}
.Location em span{color: #666666;}

.Location .current:hover .location_cate_box{display: block;}
.location_cate_box{padding-top: calc(20/16 * 1em); width: calc(345/16 * 1em); position: absolute; display: none; z-index: 2;  left: calc(-80/16 * 1em);}
.location_cate{ background-color: #fff; border-radius: calc(5/16 * 1em); box-shadow: 0px 0px .5em 0px rgba(0,0,0,0.1);  overflow: hidden;}
.location_cate li a{font-weight: 500; color: #666; display: block; position: relative; line-height: calc(45/16); padding:0 calc(20/16 * 1em); padding-right: calc(35/16 * 1em);}
.location_cate li a i{background: url(../images/slider_arrow_gray.svg) no-repeat center; background-size: cover; position: absolute; right: calc(20/16 * 1em); top: 50%; transform: translateY(-50%); width: calc(14/18 * 1em); height: calc(9/18 * 1em);}
.location_cate li a:hover{color: var(--color); background-color: #f7f7f7;}
.location_cate li a:hover i{background-image: url(../images/slider_arrow.svg);}

@media(max-width:1600px){
    .location_cate_box{left: 0;}
}

.c_title{padding: calc(30 / 1440 * 100%) 0 calc(20 / 1440 * 100%);}
.c_title aside{font-size: calc(36/16 * 1em); color: #333; font-weight: 700; line-height: 1;}
.c_title p{font-weight: 500; font-size: calc(20/16 * 1em); line-height: calc(30/20); color: #666; margin: 0; margin-top: calc(20/1440 * 100%);}

.product_box .category_list{display: flex; flex-wrap: wrap; gap: calc(20/16 * 1em) calc(20/1440 * 100%);}
.product_box .category_list li{width: calc(345/1440 * 100%); text-align: center;}
.product_box .category_list li a{background-color: #f7f7f7; transition: .3s;}
.product_box .category_list li.active a,.product_box .category_list li:hover a{background-color: var(--color); color: #fff;}
.product_box .category_list li a{display: block; padding: calc(20.5/345 * 100%) .5em; font-size: calc(22/16 * 1em);} 
.product_box .product_content{padding: calc(80/1440 * 100%) 0; display: flex; flex-wrap: wrap; justify-content: space-between;}
.product_box .product_content .product_category{width: calc(280/16 * 1em);}
.product_box .product_content .product_category li{border-bottom: 1px solid #ebebeb;}
.product_box .product_content .product_category a{font-size: calc(18/16 * 1em); color: #333; font-weight: 500; line-height: calc(60/18); padding-right: calc(18/18 * 1em); position: relative;}
.product_box .product_content .product_category a i{background: url(../images/slider_arrow_gray.svg) no-repeat center; background-size: cover; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: calc(14/18 * 1em); height: calc(9/18 * 1em);}
.product_box .product_content .product_category a:hover,.product_box .product_content .product_category li.active a{color: var(--color);}
.product_box .product_content .product_category a:hover i,.product_box .product_content .product_category li.active a i{background-image: url(../images/slider_arrow.svg);}
.product_box .product_content .product_list_box{width: calc(1080/1440 * 100%); max-width: calc(100% - 280/16 * 1em - 80/1440 * 100%);}
.product_box .product_content .product_list_box .product_title{font-size: calc(20/16 * 1em); padding-bottom: calc(15/1080 * 100%); border-bottom: 1px solid #ebebeb;}
.product_box .product_content .product_list_box .product_list{margin-top: calc(20/1080 * 100%);}
.product_box .product_content .product_list_box .product_list li{display: flex; align-items: center; justify-content: space-between; transition: .3s; padding-right: calc(24/16 * 1em); border: 1px solid #ebebeb;}
.product_box .product_content .product_list_box .product_list li:not(:nth-last-of-type(1)){margin-bottom: calc(20/1080 * 100%);}
.product_box .product_content .product_list_box .product_list li .li_c{display: flex; align-items: center; max-width: calc(100% - 40/16 * 1em);}
.product_box .product_content .product_list_box .product_list li figure{width: calc(100/16 * 1em); padding-bottom: calc(80/16 * 1em); background-size: cover;}
.product_box .product_content .product_list_box .product_list li p{margin: 0; font-size: calc(18/16 * 1em); margin-left: calc(20/18 * 1em); font-weight: 500;}
.product_box .product_content .product_list_box .product_list li a.shadow{width: calc(30 / 16* 1em);height: calc(30 / 16* 1em);transition: .3s;border: 1px solid var(--color);font-size: 1em;overflow: hidden;text-indent: -9999px;background: url(../images/slider_arrow.svg) no-repeat center;background-size: calc(14 / 37* 100%) auto; border-radius: 50%;}
.product_box .product_content .product_list_box .product_list li:hover{box-shadow: 0px 0px 1em 0 rgba(0,0,0,0.1);}
.product_box .product_content .product_list_box .product_list li:hover p{color: var(--color);}
.product_box .product_content:has(.search){display: block;}
.product_box .product_content .product_list_box.search{width: 100%; max-width: 100%; padding-bottom: calc(80/1440 * 100%);}
.product_box .product_content .product_list_box.search .product_list{margin-top: 0;}

.product_box .prodcut_top{display: flex; flex-wrap: wrap; align-items: end; justify-content: space-between; padding: calc(30/1440 * 100%) 0 calc(55/1440 * 100%);}
.product_box .c_title{padding: 0;}
@media(max-width:1024px){
    .product_box .category_list{gap: calc(18/16 * 1em) 3%;}
    .product_box .category_list li{width: 48.5%;}
    .product_box .category_list li a{font-size: calc(16/16 * 1em);}
    .product_box .product_content .product_category{width: 100%;}
    .product_box .product_content .product_list_box{width: 100%; max-width: 100%; margin-top:2em;}
}

.product_detail .product_info{display: flex; flex-wrap: wrap; align-items: start; justify-content: space-between; padding-bottom: calc(40/1440 * 100%);}
.product_detail .product_info .product_info_img{width: calc(768/1440 * 100%); display: flex; flex-wrap: wrap; justify-content: space-between;}
.product_detail .product_info .product_info_img .big_img{width: calc(631/768 * 100%); border: 1px solid #eeeeee;}
.product_detail .product_info .product_info_img .big_img li figure{padding-bottom: calc(500/630 * 100%); background-size: cover; background-position: center;}
.product_detail .product_info .product_info_img .small_img{width: calc(125/768 * 100%); position: relative; padding: calc(30/16 * 1em) 0;}
/* .product_detail .product_info .product_info_img .small_img .ul{height: calc(440/500 * 100% + 13/16 * 1em);} */
.product_detail .product_info .product_info_img .small_img li{border: 1px solid #eeeeee; margin-bottom: calc(13/16 * 1em); cursor: pointer;}
.product_detail .product_info .product_info_img .small_img li figure{padding-bottom: calc(100/125 * 100%); background-size: cover; background-position: center; }
.product_detail .product_info .product_info_img .small_img .slick-arrow{position: absolute; overflow: hidden; text-indent: -9999px; height: 1em; font-size: calc(16/16 * 1em); width: 100%; background: #ededed url(../images/product_arrow.svg) no-repeat center; background-size: auto 50%;}
.product_detail .product_info .product_info_img .small_img .slick-arrow.slick-prev{top: 0; transform: rotate(180deg);}
.product_detail .product_info .product_info_img .small_img .slick-arrow.slick-next{bottom: 0;}

.product_detail .product_info .textBox{width: calc(590/1440 * 100%);}
.product_detail .product_info .textBox h1{font-size: calc(36/16 * 1em); color: #333; margin: 0;}
.product_detail .product_info .textBox p{margin: 0; font-weight: 500;}
.product_detail .product_info .textBox .intro{color: #666; margin-top: calc(12/16 * 1em); line-height: calc(30/16);}
.product_detail .product_info .textBox span.item{color: #666; font-weight: 500;}
.product_detail .product_info .textBox span.num{font-weight: bold; font-size: calc(30/16 * 1em); color: var(--color);}
.product_detail .product_info .textBox .price{margin-top: calc(14/16 * 1em); margin-bottom: calc(20/16 * 1em);}
.product_detail .product_info .textBox .parameter{margin-bottom: calc(20/16 * 1em);}
.product_detail .product_info .textBox .parameter div:has(.item){display: flex;}
.product_detail .product_info .textBox .parameter div:has(ul){justify-content: space-between;}
.product_detail .product_info .textBox .parameter div:has(ul) .item{margin-top: .65em;}
.product_detail .product_info .textBox .parameter{max-height: 20vw; overflow-y: auto}
.product_detail .product_info .textBox .parameter > div{margin-bottom: calc(20/16 * 1em);}
.product_detail .product_info .textBox .ul{display: flex; flex-wrap: wrap; gap: calc(10/16 * 1em); width: calc(506/590 * 100%); max-width: calc(100% - 5em);}
.product_detail .product_info .textBox .ul li{line-height: calc(45/16 * 1em); padding: 0 .5em; cursor: pointer; overflow: hidden; border-radius: calc(5/16 * 1em); border: 1px solid #e0e0e0;}
.product_detail .product_info .textBox .ul li.active{border-color: var(--color); color: var(--color);}
.product_detail .product_info .textBox .ul li.noneActive{filter: grayscale(1) opacity(0.3); border-color: #e0e0e0;}

.product_detail .product_info .textBox .model_list li{position: relative; padding-left: calc(48/16 * 1em);}
.product_detail .product_info .textBox .model_list li figure{width: calc(40/16 * 1em); height: 100%; left: 0; position: absolute; background-size: cover; background-position: center;}

.product_detail .product_info .textBox input::-webkit-outer-spin-button,
.product_detail .product_info .textBox input::-webkit-inner-spin-button {-webkit-appearance: none;}
.product_detail .product_info .textBox input[type="number"]{-moz-appearance: textfield;}
.product_detail .product_info .textBox  .produt_num{ align-items: center; display: flex ;margin-bottom: calc(20/16 * 1em);}
.product_detail .product_info .textBox .inputBox{border: 1px solid #e0e0e0; border-radius: calc(5/16 * 1em); display: flex;  color: #666;}
.product_detail .product_info .textBox .inputBox i{width: calc(42/16 * 1em); height: calc(45/16 * 1em); cursor: pointer; display: flex; align-items: center; justify-content: center; font-style: normal;}
.product_detail .product_info .textBox input{height: calc(45/16 * 1em); width: calc(54/16 * 1em); font-size: calc(16/16 * 1em); color: #666; text-align: center; border: none; outline: none; padding: 0; margin: 0; border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0;}

.product_detail .product_info .textBox .operate{display: flex; flex-wrap: nowrap; gap: calc(15/590 * 100%);}
.product_detail .product_info .textBox .operate div{width: calc(160/16 * 1em);height: calc(50/16 * 1em); border-radius: calc(5/16 * 1em); overflow: hidden; display: flex; align-items: center; justify-content: center; cursor: pointer;}
.product_detail .product_info .textBox .operate div a{display: flex; color: #333; align-items: center; justify-content: center; width: 100%; height: 100%;}
.product_detail .product_info .textBox .operate #add_car{background-color: var(--color); color: #fff;}
.product_detail .product_info .textBox .operate #contrast{background-color: #f2f2f2; color: #333;}
.product_detail .product_info .textBox .operate #download{border: 1px solid #e0e0e0;}

@media(max-width:1024px){
    .product_detail .product_info .product_info_img{width: 100%;}
    .product_detail .product_info .textBox{width: 100%; margin-top: 2em;}
    .product_detail .product_info .textBox h1{font-size: calc(24/16 * 1em);}
    .product_detail .product_info .textBox span.num{font-size: calc(24/16 * 1em);}
}



.product_detail .product-main2{ display: flex; justify-content: space-between;}
.product_detail .product-main2-l{ width: calc(280 / 16* 1em); margin-right: 80px;}
.product_detail .product-main2-r{ flex: 1; }
.product_detail .product-main2-l .product_category{width: calc(280/16 * 1em);}
.product_detail .product-main2-l .product_category li{border-bottom: 1px solid #ebebeb;}
.product_detail .product-main2-l .product_category a{font-size: calc(18/16 * 1em); color: #333; font-weight: 500; line-height: calc(60/18); padding-right: calc(18/18 * 1em); position: relative;}
.product_detail .product-main2-l .product_category a i{background: url(../images/slider_arrow_gray.svg) no-repeat center; background-size: cover; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: calc(14/18 * 1em); height: calc(9/18 * 1em);}
.product_detail .product-main2-l .product_category a:hover,.product_detail .product-main2-l .product_category li.active a{color: var(--color);}
.product_detail .product-main2-l .product_category a:hover i,.product_detail .product-main2-l .product_category li.active a i{background-image: url(../images/slider_arrow.svg);}
.product_detail .product-main2-l .recommend-box{ margin-top: calc(60/16 * 1em); margin-bottom: calc(30/16 * 1em);}
.product_detail .product-main2-l .recommend{font-size: calc(30/16 * 1em); color: #333; font-weight: 700;}
.product-recommend-ul{list-style: none;}
.product-recommend-ul li{list-style: none; border-bottom: 1px solid #ebebeb; padding-bottom: calc(18/18 * 1em); margin-bottom: calc(18/18 * 1em);}
.product-recommend-ul li .recommend-img{display: block; width: calc(100/16 * 1em); height: calc(80/16 * 1em);}

@media(max-width:1024px){
    .product_detail .product-main2{display: block;}
    .product_detail .product-main2-l{width: 100%; margin-right: 0px;}
    .product_detail .product-main2-l .product_category{width: 100%;}
}




.product_detail .tab_list article .article_title aside{font-size: calc(36/16 * 1em); color: #333;}
.product_detail .tab_list article .article_title p{font-size: calc(20/16 * 1em); margin: 0; color: #999999; margin-top: calc(2/20 * 1em);}
.product_detail .tab_list article .content{margin-top: calc(47/16 * 1em);}
.product_detail .tab_list article .content p{margin: 0; position: relative; font-weight: 500; color: #333; padding-left: 1em;}
.product_detail .tab_list article .content p:not(:nth-last-of-type(1)){margin-bottom: calc(26/16 * 1em);}
.product_detail .tab_list article .content p::before{content: ""; width: 6px; height: 6px; border-radius: 50%; position: absolute; left: 0; top: .5em; background-color: var(--color);}

.product_detail .tab_list .tab{display: flex; gap: 1em calc(50/1440 * 100%); border-bottom: 1px solid #f3f3f3;}
.product_detail .tab_list .tab li{font-size: calc(18/16 * 1em); color: #666666; cursor: pointer; line-height: calc(56/18);}
.product_detail .tab_list .tab li.active,.product_detail .tab_list .tab li:hover{color: var(--color); border-bottom: 2px solid var(--color);}
.product_detail .tab_list article .series{padding: calc(90/1440 * 100%) 1em calc(94/1440 * 100%); background-size: cover; background-position: center;}
.product_detail .tab_list article .series .series_title{text-align: center;}
.product_detail .tab_list article .series .series_title .tips span{font-size: calc(18/16 * 1em); display: inline-block; line-height: calc(35/18); border-radius: 9999px; padding:0 calc(23/18 * 1em); font-weight: 700; color: #fff; background-color: var(--color);}
.product_detail .tab_list article .series .series_title aside{font-size: calc(36/16 * 1em); margin-top: calc(12/36 * 1em); color: #333; font-weight: bold;}
.product_detail .tab_list article .series .series_info{display: flex; flex-wrap: wrap; justify-content:center; align-items: center; gap: 1em calc(205/1408 * 100%); margin-top: calc(60/1408 * 100%);}
.product_detail .tab_list article .series .article_title p{font-size: calc(24/16 * 1em); font-weight: 500;}

.product_detail .tab_list article .application{display: flex; align-items: center; justify-content: space-between; padding: calc(110/1440 * 100%) 0 calc(100/1440 * 100%); gap: 1em; flex-wrap: wrap; max-width: 1100px; margin: 0 auto;}

.product_detail .tab_list article .parameter{padding: calc(90/1440 * 100%) 1em; background-color: #f2f4f6;}
.product_detail .tab_list article .parameter .article_title{text-align: center;}
.product_detail .tab_list article .parameter .parameter_c{max-width: 1160px; margin: 0 auto;}

.product_detail .tab_list article .parameter .parameter_img{margin-top: calc(100/1408 * 100%); display: flex; flex-wrap: wrap; gap: 1em; justify-content: space-between;}
.product_detail .tab_list article .parameter .parameter_list{margin-top: calc(100/1408 * 100%);}
.product_detail .tab_list article .parameter .parameter_list aside{font-size: calc(22/16 * 1em); color: #333333;}
.product_detail .tab_list article .parameter .parameter_list_content{display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: calc(30/1160 * 100%);}
.product_detail .tab_list article .parameter .parameter_list_content p{margin: 0; width: calc(540/1160 * 100%); padding: calc(13/1160 * 100%) 0; font-weight: 500; border-bottom: 1px solid #e8ecf1; display: flex; align-items: start; color: #333;}
.product_detail .tab_list article .parameter .parameter_list_content p strong{font-weight: normal; width: calc(145/540 * 100%); text-align: right; display: inline-block; margin-right: calc(40/540 * 100%); color: #666;}
.product_detail .tab_list article .solution{background-color: var(--color); padding: calc(100/1440 * 100%) 1em;}
.product_detail .tab_list article .solution .solution_c{max-width: 900px; margin: 0 auto;} 
.product_detail .tab_list article .solution .article_title{text-align: center;}
.product_detail .tab_list article .solution .article_title aside{font-weight: bold; color: #fff;}
.product_detail .tab_list article .solution .article_title p{color: #fff;}
.product_detail .tab_list article .solution .intro{color: #fff; line-height: calc(30/16); margin: 0; margin-top: calc(50/900 * 100%); text-align: center;}

.product_detail .tab_list article{display: none; padding: calc(30/1440 * 100%) 0 calc(80/1440 * 100%);}
.product_detail .tab_list article .interface{padding: calc(100/1440 * 100%) 1em calc(90/1440 * 100%);}
.product_detail .tab_list article .interface .article_title{text-align: center;}
.product_detail .tab_list article .interface_img{display: flex; flex-wrap: wrap; max-width: 1000px; margin: 0 auto; margin-top: calc(70/1408 * 100%); gap: 1em; justify-content: space-between;}

@media(max-width:1024px){
    .product_detail .tab_list article .series .series_title aside{font-size: calc(24/16 * 1em);}
    .product_detail .tab_list article .article_title aside{font-size: calc(24/16 * 1em);}
    .product_detail .tab_list article .series .article_title p{font-size: calc(18/16 * 1em);}
    .product_detail .tab_list article .content p:not(:nth-last-of-type(1)){margin-bottom: 1em;}
    .product_detail .tab_list article .content{margin-top: 2em;}
    .product_detail .tab_list article .parameter .parameter_list_content p{width: 100%;}
}


.product_detail .product_contrast1 .noShow {
    box-shadow: none;
    transform: translateY(100%);
}

.product_detail .product_contrast1 {
    display: none;
    position: fixed;
    width: 100%;
    transition: .5s;
    background-color: #fff;
    box-shadow: 0px 0px 1em 0px rgba(0,0,0,0.5);
    left: 0;
    z-index: 2;
    bottom: 0;
    padding: calc(40/1920 * 100%) 0 calc(70/1920 * 100%);
}

    .product_detail .product_contrast1 .product_contrast_c {
        width: 96%;
        max-width: 1500px;
        margin: 0 auto;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }

    .product_detail .product_contrast1 .product_contrast_list {
        display: flex;
            flex-direction: row-reverse;
    justify-content: flex-end;
        width: calc(1200/1500 * 100%);
    }

        .product_detail .product_contrast1 .product_contrast_list li {
            width: calc(240/16 * 1em);
            height: calc(240/16 * 1em);
            padding: 1em;
            border: 1px solid #dddddd;
            position: relative;
        }

/* .product_detail .product_contrast.noShow{display: none;} */
.product_detail .product_contrast {
    position: fixed;
    width: 500px;
    transition: .5s;
    background-color: #fff;
    box-shadow: 0px 0px 1em 0px rgba(0, 0, 0, 0.5);
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
    padding: 20px;
    display: none;
}
.product_contrast.black {
    display: block;
}

.product_contrast-mask {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 9998;
    display: none;
}

.product_contrast.black ~ .product_contrast-mask {
    display: block;
}
.product_detail .product_contrast .product_contrast_c{display: flex;flex-direction: column;align-items: center;}
.product_detail .product_contrast .product_contrast_list{display: flex; flex-direction: column; align-items: center;}
.product_detail .product_contrast .product_contrast_list .data {display: flex;align-items: flex-start; margin-bottom: 10px;}
.product_detail .product_contrast .product_contrast_list .data .text{ font-size: 1.17em;color: #000;margin: 0;}
.product_detail .product_contrast .product_contrast_list .data input{width: 300px;height: 50px;border: 1px solid #eee;border-radius: 5px;margin-left: 20px;padding: 10px;}
.product_detail .product_contrast .product_contrast_list .data textarea{width: 300px;height: 80px;border: 1px solid #eee;border-radius: 5px;margin-left: 20px;padding: 10px;}
.product_contrast_operate {display: flex;justify-content: space-between;margin-top: 20px;align-items: center;}
.product_contrast_operate div{width: calc(160/16 * 1em); height: calc(50/16 * 1em); border-radius: calc(5/16 * 1em); overflow: hidden; display: flex; align-items: center; justify-content: center; cursor: pointer;}
.product_contrast_operate .confirm-btn{background-color: var(--color); color: #fff;}
.product_contrast_operate .cancel-btn{background-color: #f2f2f2; color: #333;margin-left: 30px;}

.product_detail .product_contrast1 .product_contrast_list li{width: calc(240/16 * 1em); height: calc(240/16 * 1em); padding: 1em; border: 1px solid #dddddd; position: relative;margin-right:10px;}
.product_detail .product_contrast1 .product_contrast_list li .close{width: calc(35/16 * 1em); height: calc(35/16 * 1em); display: flex; align-items: center; justify-content:  center; background-color: #8bb6dc; position: absolute; right: 0; top: 0; cursor: pointer;}
.product_detail .product_contrast1 .product_contrast_list li .close::before{content: ""; width: 80%; height: 2px; transform: rotate(45deg); background-color: #fff; position: absolute;}
.product_detail .product_contrast1 .product_contrast_list li .close::after{content: ""; width: 80%; height: 2px; transform: rotate(-45deg); background-color: #fff; position: absolute;}

.product_detail .product_contrast1 .product_contrast_list li figure{width: 100%; padding-bottom: 75%; background-size: 80%; background-position: center;}
.product_detail .product_contrast1 .product_contrast_list li aside{text-align: center; font-size: calc(18/16 * 1em); color: #333;}
.product_detail .product_contrast1 .product_contrast_list li .select_product{display: none;}
.product_detail .product_contrast1 .product_contrast_list li .select_product p{font-weight: 500; color: #333; text-align: center; margin: 0; margin-top: .3em;}
.product_detail .product_contrast1 .product_contrast_list li .wait_select{display: flex; flex-direction: column; align-items: center; height: 100%; justify-content: center;}
.product_detail .product_contrast1 .product_contrast_list li .wait_select i{width: calc(30/16 * 1em); height: calc(30/16 * 1em); position: relative;}
.product_detail .product_contrast1 .product_contrast_list li .wait_select i::before{content: ""; background-color: #bfbfbf; width: 100%; height: 2px; position: absolute; top: 50%; transform: translateY(-50%);}
.product_detail .product_contrast1 .product_contrast_list li .wait_select i::after{content: ""; background-color: #bfbfbf; width: 2px; height: 100%; position: absolute; left: 50%; transform: translateX(-50%);}
.product_detail .product_contrast1 .product_contrast_list li .wait_select p{color: #9f9f9f; font-size: calc(18/16 * 1em); margin: 0; margin-top: calc(16/18 * 1em); text-align: center;}
.product_detail .product_contrast1 .product_contrast_list li.select .select_product{display: block;}
.product_detail .product_contrast1 .product_contrast_list li.select .wait_select{display: none;}
.product_detail .product_contrast1 .product_contrast_list li:not(.select){cursor: pointer;}
.product_detail .product_contrast1 .product_contrast_list li:not(.select) .close{display: none;}
.product_detail .product_contrast1 .product_contrast_operate1{margin-left: calc(70/1500 * 100%);}
.product_detail .product_contrast1 .product_contrast_operate1 .operate_button{display: flex; cursor: pointer; align-items: center; justify-content: center; border-radius: 9999px; background-color:var(--color); color: #fff; border: 1px solid var(--color); width: calc(170/18 * 1em); height: calc(60/18 * 1em);}
.product_detail .product_contrast1 .product_contrast_operate1 .operate_button.remove{color: #666; border-color: #d4d4d4; background-color: transparent; margin-top: calc(20/18 * 1em);} 

@media(max-width:1024px){
    .product_detail .product_contrast1 .product_contrast_list li .close{width: calc(25/16 * 1em); height: calc(25/16 * 1em);}
    .product_detail .product_contrast1 .product_contrast_list{width: 100%;}
    .product_detail .product_contrast1 .product_contrast_list li{width: calc(150/16 * 1em); height: calc(150/16 * 1em); padding: .25em;}
    .product_detail .product_contrast1 .product_contrast_list li figure{padding-bottom: 60%;}
    .product_detail .product_contrast1 .product_contrast_list li aside{font-size: calc(16/16 * 1em);}
    .product_detail .product_contrast1 .product_contrast_list li p{font-size: calc(14/16 * 1em);}
    .product_detail .product_contrast1 .product_contrast_list li .wait_select p{font-size: calc(16/16 * 1em);}
    .product_detail .product_contrast1 .product_contrast_operate1{width: 100%; margin-left: 0; margin-top: 1em; display: flex; justify-content: center; gap: 1em;}
    .product_detail .product_contrast1 .product_contrast_operate1 .operate_button.remove{margin-top: 0;}
}

@media(max-width:768px){
    .product_detail .product_contrast1 .product_contrast_list{flex-wrap: wrap; justify-content: space-around; gap: 1em;}
}



.product_contrast_detail .product_contrast{width: 100%;transition: .5s;display: flex; }
.product_contrast_detail .product_contrast .Techtitle{ width: calc(150 / 16* 1em);}
.product_contrast_detail .product_contrast .product_contrast_c{ /* max-width: 1300px; margin: 0 auto; */width: calc(100% - (150 / 16* 1em));}
.product_contrast_detail .product_contrast .product_contrast_list{display: flex; justify-content: space-between;}
.product_contrast_detail .product_contrast .product_contrast_list li{width: calc(240/16 * 1em); height: calc(240/16 * 1em); padding: 1em; border: 1px solid #dddddd; position: relative;}
.product_contrast_detail .product_contrast .product_contrast_list li:not(:last-child){ margin-right:calc(20/16 * 1em) ;}
.product_contrast_detail .product_contrast .product_contrast_list li .close{width: calc(35/16 * 1em); height: calc(35/16 * 1em); display: flex; align-items: center; justify-content:  center; background-color: #8bb6dc; position: absolute; right: 0; top: 0; cursor: pointer;}
.product_contrast_detail .product_contrast .product_contrast_list li .close::before{content: ""; width: 80%; height: 2px; transform: rotate(45deg); background-color: #fff; position: absolute;}
.product_contrast_detail .product_contrast .product_contrast_list li .close::after{content: ""; width: 80%; height: 2px; transform: rotate(-45deg); background-color: #fff; position: absolute;}

.product_contrast_detail .product_contrast .product_contrast_list li figure{width: 100%; padding-bottom: 75%; background-size: 80%; background-position: center;}
.product_contrast_detail .product_contrast .product_contrast_list li aside{text-align: center; font-size: calc(18/16 * 1em); color: #333;}
.product_contrast_detail .product_contrast .product_contrast_list li .select_product{display: none;}
.product_contrast_detail .product_contrast .product_contrast_list li .select_product p{font-weight: 500; color: #333; text-align: center; margin: 0; margin-top: .3em;}
.product_contrast_detail .product_contrast .product_contrast_list li .wait_select{display: flex; flex-direction: column; align-items: center; height: 100%; justify-content: center;}
.product_contrast_detail .product_contrast .product_contrast_list li .wait_select i{width: calc(30/16 * 1em); height: calc(30/16 * 1em); position: relative;}
.product_contrast_detail .product_contrast .product_contrast_list li .wait_select i::before{content: ""; background-color: #bfbfbf; width: 100%; height: 2px; position: absolute; top: 50%; transform: translateY(-50%);}
.product_contrast_detail .product_contrast .product_contrast_list li .wait_select i::after{content: ""; background-color: #bfbfbf; width: 2px; height: 100%; position: absolute; left: 50%; transform: translateX(-50%);}
.product_contrast_detail .product_contrast .product_contrast_list li .wait_select p{color: #9f9f9f; font-size: calc(18/16 * 1em); margin: 0; margin-top: calc(16/18 * 1em); text-align: center;}
.product_contrast_detail .product_contrast .product_contrast_list li.select .select_product{display: block;}
.product_contrast_detail .product_contrast .product_contrast_list li.select .wait_select{display: none;}
.product_contrast_detail .product_contrast .product_contrast_list li:not(.select){cursor: pointer;}
.product_contrast_detail .product_contrast .product_contrast_list li:not(.select) .close{display: none;}
.product_contrast_detail .product_contrast .product_contrast_operate{margin-left: calc(70/1500 * 100%);}
.product_contrast_detail .product_contrast .product_contrast_operate .operate_button{display: flex; cursor: pointer; align-items: center; justify-content: center; border-radius: 9999px; background-color:var(--color); color: #fff; border: 1px solid var(--color); width: calc(170/18 * 1em); height: calc(60/18 * 1em);}
.product_contrast_detail .product_contrast .product_contrast_operate .operate_button.remove{color: #666; border-color: #d4d4d4; background-color: transparent; margin-top: calc(20/18 * 1em);}

.product_contrast_detail .product_contrast_parameter{padding: calc(60/1440 * 100%) 0 calc(100/1440 * 100%);}
.product_contrast_detail .product_contrast_parameter aside{font-size: calc(22/16 * 1em); color: #333;}
.product_contrast_detail .product_contrast_parameter .table_box{overflow-x: auto;}
.product_contrast_detail .product_contrast_parameter table{width: 100%; margin-top: calc(25/1440 * 100%);}
.product_contrast_detail .product_contrast_parameter table tr{border-bottom: 1px solid #f3f3f3;display: flex;}
.product_contrast_detail .product_contrast_parameter table tr:nth-of-type(2n){background-color: #f9fbfd;}
.product_contrast_detail .product_contrast_parameter table th{font-weight: normal; width: calc(150/1440 * 100%); padding: calc(19/1440 * 100%) 1px;}
.product_contrast_detail .product_contrast_parameter table td{font-size: calc(14/16 * 1em); padding: 1px .5em; font-weight: 500;width: calc(300 / 16* 1em);display: flex; align-items: center; flex-wrap: wrap;}
.product_contrast_detail .product_contrast_parameter table td,.product_contrast_detail .product_contrast_parameter table th{text-align: left;}
.product_contrast_detail .product_contrast_parameter table tr th:nth-child(1) {text-align: left;}

@media(max-width:1024px){
	.product_contrast_detail .product_contrast .product_contrast_c{ overflow-y: auto;}
    .product_contrast_detail .product_contrast .product_contrast_list li .close{width: calc(25/16 * 1em); height: calc(25/16 * 1em);}
    .product_contrast_detail .product_contrast .product_contrast_list{width: 100%;}
    .product_contrast_detail .product_contrast .product_contrast_list li{width: calc(240/16 * 1em); height: auto; padding: .20em;}
	.product_contrast_detail .product_contrast .product_contrast_list li:not(:last-child){ margin-right:calc(10/16 * 1em) ;}
    .product_contrast_detail .product_contrast .product_contrast_list li figure{padding-bottom: 60%;}
    .product_contrast_detail .product_contrast .product_contrast_list li aside{font-size: calc(16/16 * 1em);}
    .product_contrast_detail .product_contrast .product_contrast_list li p{font-size: calc(14/16 * 1em);}
    .product_contrast_detail .product_contrast .product_contrast_list li .wait_select p{font-size: calc(16/16 * 1em);}
    .product_contrast_detail .product_contrast .product_contrast_operate{width: 100%; margin-left: 0; margin-top: 1em; display: flex; justify-content: center; gap: 1em;}
    .product_contrast_detail .product_contrast .product_contrast_operate .operate_button.remove{margin-top: 0;}

    .product_contrast_detail .product_contrast_parameter table{width: 150%;}
}

@media(max-width:768px){
    .product_contrast_detail .product_contrast .product_contrast_list{ justify-content: space-between; gap: 1em;width: 150%;}
}


.c_banner figure img{width: 100%;}

/*.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 13.5px; 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: var(--color); font-weight: bold; overflow:hidden;}
.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;}

.Page001726.page-show-input .Pages{display: flex; align-items: center; justify-content: center;}
.Page001726.page-show-input .Pages .p_jump{display: flex; align-items: center; justify-content: center; }
.Page001726.page-show-input .Pages .i_text{ margin: 0 10px; width: calc(55 / 16* 1em); height: calc(55 / 16* 1em); border: 1px solid #f2f2f2; border-radius: 4px; padding: 0 10px;}
.Page001726.page-show-input .Pages .i_button{ margin-left: 10px; width: calc(55 / 16* 1em); height: calc(55 / 16* 1em); border: 1px solid #f2f2f2; border-radius: 4px; color: #666; font-weight: bold; cursor: pointer;}
.Page001726.page-show-input .Pages .f1{font-weight: normal;}
.Page001726.page-show-input .Pages .f2{font-weight: normal;}




@media (max-width:1024px){
    .Page001726 .Pages a{width: calc(35/16 * 1em); height: calc(35/16 * 1em);}
    .Page001726.page-show-input .Pages{display: block; }
    .Page001726.page-show-input .Pages .p_jump{  margin-top: 20px;}

}

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

.scale{transition: .3s;}
.scale:hover{transform: scale(1.05);}

.solution_detail .auto{overflow: hidden;}
/*.solution .solution_list{padding: calc(70/1440 * 100%) 0 calc(80/1440 * 100%);}*/
.solution .ul{display: flex; flex-wrap: wrap; gap: calc(55/16 * 1em) calc(47/1440 * 100%); margin-bottom: calc(65/1440 * 100%);}
.solution .ul li{width: calc(448/1440 * 100%); background-color: #f7f7f7; overflow: hidden;}
.solution .ul li a{display: block;}
.solution .ul li figure{padding-bottom: calc(280/448 * 100%); background-size: cover; background-position: center; transition: .3s;}
.solution .ul li .textBox{padding: calc(35/448 * 100%);}
.solution .ul li .textBox aside{font-size: calc(22/16 * 1em); font-weight: 700; color: #333;}
.solution .ul li .textBox p{color: #666666; line-height: 2; font-weight: 500; margin: 0; margin-top: 1em;}
.solution .ul li:hover figure{transform: scale(1.05);}
.solution .ul li:hover aside{color: var(--color);}
@media(max-width:1024px){
    .solution .ul{gap: calc(18/16 * 1em) 3%;}
    .solution .ul li{width: 48.5%;}
}

.solution_detail .solution_detail_c_content{ margin-top: calc(45/1440 * 100%); }
.solution_detail .solution_detail_c_content p{margin: 0;
    line-height: calc(30 / 16);
    color: #333;
    font-weight: 500;}

.solution_detail .solution_detail_c_content strong{color: #333; }
/* .solution_detail .solution_detail_c_content p{font-size: calc(18/16 * 1em); line-height: 2; color: #666; margin: 0; font-weight: 500;} */
/* .solution_detail .solution_detail_c_content img{display: block; text-align: center;} */
.solution_detail .in_cases .in_cases_title{font-size: calc(36/16 * 1em); margin-bottom: calc(26/1440 * 100%); font-weight: 700; color: var(--color);}
.solution_detail .in_cases .case_list{padding-bottom: calc(80/1440 * 100%); border-bottom: 1px solid #dddddd;}
.solution_detail .in_cases .case_list > li .content{margin-top: calc(27/1440 * 100%);}
.solution_detail .in_cases .case_list > li .content > img{display: block; margin: 0 auto;}
.solution_detail .in_cases .case_list > li aside.case_title{font-size: calc(30/16 * 1em); color: #333; font-weight: 700;}
.solution_detail .in_cases .case_list > li .content > p{font-size: calc(18/16 * 1em); font-weight: 500; line-height: 2; color: #666; margin: 0;}
.solution_detail .in_cases .case_list > li:not(:nth-last-of-type(1)){margin-bottom: calc(44/1440 * 100%);}

.solution_detail .in_cases .content .list{display: flex; flex-wrap: wrap; margin-top: calc(50/1440 * 100%);}
.solution_detail .in_cases .content .list aside{font-size: calc(18/16 * 1em); color: #333; font-weight: 700;}
.solution_detail .in_cases .content .list p{line-height: 1.5; color: #333; margin: 0; font-weight: 500; margin-top: calc(12/16 * 1em);}
.solution_detail .in_cases .content .list figure{position: relative;}
.solution_detail .in_cases .content .list figure img{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); max-width: 100%; max-height: 100%;}
.solution_detail .in_cases .content .list_3{gap: calc(18/16 * 1em) calc(18/1440 * 100%);}
.solution_detail .in_cases .content .list_3 li{width: calc(468/1440 * 100%); background-color: #f9f9f9;}
.solution_detail .in_cases .content .list_3 li a{display: flex; flex-wrap: wrap; align-items: center;}
.solution_detail .in_cases .content .list_3 li:not(.multi) a{padding: calc(25/438 * 100%) calc(15/438 * 100%); justify-content: space-between; height: 100%;}
.solution_detail .in_cases .content .list_3 li:not(.multi) a figure{width: calc(177/438 * 100%); padding-bottom: calc(127/438 * 100%);}
.solution_detail .in_cases .content .list_3 li a .textBox{max-width: calc(240/438 * 100%);}
.solution_detail .in_cases .content .list_3 li.multi{padding: calc(25/1440 * 100%) calc(15/1440 * 100%);}
.solution_detail .in_cases .content .list_3 li.multi a figure{width: calc(71/219 * 100%); padding-bottom: calc(84/219 * 100%);}
.solution_detail .in_cases .content .list_3 li.multi .graph_list{display: flex; }
.solution_detail .in_cases .content .list_3 li.multi .graph_list a{display: flex; align-items: center; width: 50%; gap: .5em;}
.solution_detail .in_cases .content .list_3 li.multi p{text-align: center;}

.solution_detail .in_cases .content .list_5{gap: calc(25/16 * 1em) calc(25/1440 * 100%);}
.solution_detail .in_cases .content .list_5 li{width: calc(267/1440 * 100%);}
.solution_detail .in_cases .content .list_5 li a{display: block; background-color: #f9f9f9; width: 100%; height: 100%; padding: calc(20/267 * 100%); text-align: center;}
.solution_detail .in_cases .content .list_5 li a figure{max-width: calc(143/227 * 100%); padding-bottom: calc(110/227 * 100%); margin: 0 auto; }
.solution_detail .in_cases .content .list_5 li a aside{margin-top: .5em;}

.solution_detail .in_cases .content .list_2{gap: calc(60/16 * 1em) calc(60/1440 * 100%);}
.solution_detail .in_cases .content .list_2 li{width: calc(690/1440 * 100%);}
.solution_detail .in_cases .content .list_2 li a{padding: calc(20/690 * 100%); background-color: #f9f9f9; display: block;}

.solution_detail .in_cases .content .list_2.list_2_style_1 li a{display: flex; align-items: center;}
.solution_detail .in_cases .content .list_2.list_2_style_1 li a figure{width: calc(245/650 * 100%); padding-bottom: calc(140/650 * 100%); margin-right: calc(40/650 * 100%);}

.solution_detail .in_cases .content .list_2.list_2_style_2 li a{text-align: center;}
.solution_detail .in_cases .content .list_2.list_2_style_2 li a .textBox{margin-top: .5em;}
.solution_detail .in_cases .content .list_2.list_2_style_2 li a figure{width: calc(379/650 * 100%); padding-bottom: calc(134/650 * 100%); margin: 0 auto;}

.solution_detail .in_cases .relate_case{padding-bottom: calc(80/1440 * 100%);}
.solution_detail .in_cases .relate_case .slider{width: calc(100% + 30/16 * 1em); margin-top: calc(50/1440 * 100%);}
.solution_detail .in_cases .relate_case .slider li{margin-right: calc(30/16 * 1em);}
.solution_detail .in_cases .relate_case .slider li a{height: 100%; display: block; overflow: hidden;}
.solution_detail .in_cases .relate_case .slider li aside{font-size: calc(24/16 * 1em); font-weight: 700; color: #333;}
.solution_detail .in_cases .relate_case .slider li p{color: #666; margin: 0; line-height: calc(30/16); margin-top: 1em;}
.solution_detail .in_cases .relate_case .slider li .textBox{padding: calc(30/460 * 100%); height: 100%; border: 1px solid #dddddd;}
.solution_detail .in_cases .relate_case .slider figure{padding-bottom: calc(270/460 * 100%); transition: .3s; background-size: cover; background-position: center;}
.solution_detail .in_cases .relate_case .slider li a:hover figure{transform: scale(1.05);}
.solution_detail .in_cases .relate_case .case_title{font-size: calc(36/16 * 1em); font-weight: 700; color: #333;}
.solution_detail .in_cases .relate_case .relate_case_intro{font-size: calc(20/16 * 1em); color: #666666; margin: 0; line-height: calc(30/20); margin-top: calc(14/1440 * 100%);} 

.solution_detail .in_cases .relate_product{margin: calc(70/1440 * 100%) 0; padding-bottom: calc(80/1440 * 100%); border-bottom: 1px solid #dddddd;}
.solution_detail .in_cases .relate_product .case_title{font-size: calc(36/16 * 1em); font-weight: 700; color: #333;}
.solution_detail .in_cases .relate_product .relate_case_intro{font-size: calc(20/16 * 1em); color: #666666; margin: 0; line-height: calc(30/20); margin-top: calc(14/1440 * 100%);} 

.solution_detail .in_cases .relate_product .slider{width: calc(100% + 20/16 * 1em); padding: 0 calc(25/1440 * 100%); margin-top: calc(50/1440 * 100%);}
.solution_detail .in_cases .relate_product .slider li{margin-right: calc(20/16 * 1em); background-color: #f8f8f8;}
.solution_detail .in_cases .relate_product .slider li a{height: 100%; padding: calc(30/333 * 100%); display: block; overflow: hidden;}
.solution_detail .in_cases .relate_product .slider li aside{font-size: calc(24/16 * 1em); margin-top: calc(30/24 * 1em); font-weight: 700; color: #333;}
.solution_detail .in_cases .relate_product .slider li p{color: #666; margin: 0; line-height: calc(30/16); margin-top: 1em;}
.solution_detail .in_cases .relate_product .slider li .textBox{ height: 100%;}
.solution_detail .in_cases .relate_product .slider figure{padding-bottom: calc(218/273 * 100%); transition: .3s; background-size: cover; background-position: center;}
.solution_detail .in_cases .relate_product .slider li a:hover figure{transform: scale(1.05);}
.solution_detail .in_cases .relate_product .slick-arrow.slick-next{right: calc(20/16 * 1em);}
.solution_detail .in_cases .relate_product .slick-arrow.slick-prev{left: 0;}

.solution_detail .slick-arrow{position: absolute; transition: .3s; box-shadow: 0px 0px 1em 0px rgba(0,0,0,0.2); background: url(../images/case_detail_arrow.svg) no-repeat center; background-size: calc(10/50 * 100%); border-radius: 50%; z-index: 2; background-color: #fff; top: 50%; transform: translateY(-50%); width: calc(50/16 * 1em); height: calc(50/16 * 1em); font-size: calc(16/16 * 1em); text-indent: -9999px; overflow: hidden;}
.solution_detail .slick-arrow:hover{background-color: var(--color); background-image: url(../images/case_detail_arrow_white.svg);}
.solution_detail .slick-arrow.slick-next{right: calc(30/16 * 1em);}
.solution_detail .slick-arrow.slick-prev{transform: translateY(-50%) rotate(180deg);}
.solution_detail .slick-dots{display: flex; list-style: none; justify-content: center; gap: calc(20/1440 * 100%); padding-top: calc(50/1440 * 100%);}
.solution_detail .slick-dots li{width: 12px; height: 12px; margin-right: 0; background-color: #fff; border: 2px solid #5c99ce; border-radius: 50%;}
.solution_detail .slick-dots li.slick-active{background-color: var(--color); border-color: var(--color);}
.solution_detail .slick-dots button{display: none;}
.solution_detail .in_cases .relate_product{padding-bottom: calc(80/1440 * 100%);}
@media(max-width:1024px){
    .solution_detail .in_cases .in_cases_title{font-size: calc(24/16 * 1em);}
    .solution_detail .in_cases .case_list > li aside.case_title{font-size: calc(20/16 * 1em);}
    .solution_detail .in_cases .case_list > li .content > p{font-size: calc(16/16 * 1em);}
    .solution_detail .in_cases .relate_case .case_title,.solution_detail .in_cases .relate_product .case_title{font-size: calc(26/16 * 1em);}
    .solution_detail .in_cases .relate_case .relate_case_intro,.solution_detail .in_cases .relate_product .relate_case_intro{font-size: calc(16/16 * 1em);}

    .solution_detail .in_cases .content .list_3 li{width: calc(690/1440 * 100%);}
    .solution_detail .in_cases .content .list_5 li{width: calc(690/1440 * 100%);}
    .solution_detail .in_cases .content .list_5 li a figure{padding-bottom: 20%;}

    .solution_detail .in_cases .relate_case .slider li aside{font-size: calc(18/16 * 1em);}
    .solution_detail .slick-arrow{width: calc(35/16 * 1em); height: calc(35/16 * 1em);}
}

@media(max-width:640px){
    .solution_detail .in_cases .content .list li{width: 100% !important;}
    .solution_detail .in_cases .content .list_5 li a figure{padding-bottom: 20%;}
}

.c_menu{display: flex; flex-wrap: wrap; gap: 1em calc(24/16 * 1em); padding-top: calc(70/1440 * 100%);}
.c_menu li{width: calc(185/16 * 1em);}
.c_menu li a{display: flex; color: #333; border-bottom: 1px solid #dddddd;}
.c_menu li a p{margin: 0; max-width: 100%; line-height: calc(60/22); border-bottom: 2px solid transparent; display: flex; align-items: center; font-size: calc(22/16 * 1em);}
.c_menu li a p span{max-width: calc(100% - 34/22 * 1em); white-space: nowrap; }
.c_menu li a i{background: url(../images/slider_arrow_gray.svg) no-repeat center; margin-left: calc(20/22 * 1em); background-size: cover; display: inline-block;  width: calc(14/22 * 1em); height: calc(9/22 * 1em);}
.c_menu li a:hover,.c_menu li.active a{color: var(--color);}
.c_menu li a:hover i,.c_menu li.active a i{background-image: url(../images/slider_arrow.svg);}
.c_menu li a:hover p,.c_menu li.active a p{border-bottom: 2px solid var(--color);}
.c_menu.unflex li{width: calc(267/1440 * 100%);}
@media(min-width:1025px){
    .c_menu li{flex: 1;}
    .c_menu.unflex li{flex: unset;}
}

@media(max-width:1024px){
    .c_menu li a p{line-height: calc(45/22);}
    .c_menu.unflex li{width: 45%;}
}

.company_title{font-size: calc(30/16 * 1em); color: #333; font-weight: bold;}
.company_title span{position: relative; display: inline-block;}
.company_title span::after{position: absolute;content: "";width: calc(20 / 30* 1em);height: calc(18 / 30* 1em);top: calc(-13/30 * 1em);right: calc(-15 / 30* 1em);background: url(../images/top_circle.png) no-repeat center;background-size: cover;}
@media(max-width:1024px){
    .company_title{max-width: 96%;}
    .company_title span::after{background-size: 70%;}
}

.company_profile .company_profile_intro{margin-top: calc(100/1440 * 100%); position: relative; padding-bottom: calc(85/1440 * 100%); border-bottom: 1px solid #e8e8e8;}
.company_profile .company_profile_intro .textBox{width: calc(660/1440 * 100%);}
.company_profile .company_profile_intro .intro{margin: 0; line-height: calc(30/16); color: #333; font-weight: 500; margin-top: calc(33/16 * 1em);}
.company_profile .company_profile_intro .img{position: absolute; bottom: 0; right: 0;}
.company_profile .company_profile_intro .company_profile_intro_img1{width: calc(775/1440 * 100%);}
.company_profile .company_profile_intro .company_profile_intro_img2{width: calc(1098/1440 * 100%);}
.company_profile .company_profile_list{padding: calc(100/1440 * 100%) 0;}
.company_profile .company_profile_list li{display: flex; flex-wrap: wrap; justify-content: space-between;}
.company_profile .company_profile_list li:not(:nth-last-of-type(1)){margin-bottom: calc(100/1440 * 100%);}
.company_profile .company_profile_list li .textBox{width: calc(630/1440 * 100%);}
.company_profile .company_profile_list li .textBox figure img{max-height: calc(56 / 16* 1em);}
.company_profile .company_profile_list li .textBox aside{font-size: calc(18/16 * 1em); margin: 1em 0; font-weight: 700; color: #333;}
.company_profile .company_profile_list li .textBox .content p{margin: 0; font-weight: 500; line-height: calc(30/16);}
.company_profile .company_profile_list li .img{width: calc(730/1440 * 100%);}

@media(min-width:1025px){
    .company_profile .company_profile_list li:nth-of-type(2n) .textBox{order: 2;}
}

@media(max-width:1024px){
    .company_profile .company_profile_intro{padding-bottom: 0;}
    .company_profile .company_profile_intro .company_profile_intro_img1{position: relative; width: 100%; margin-top: 1em;}
    .company_profile .company_profile_intro .textBox{width: 100%;}
    .company_profile .company_profile_list li .textBox{width: 100%;}
	.company_profile .company_profile_list li .textBox figure img{max-height: calc(45 / 16* 1em);}
    .company_profile .company_profile_list li .img{width: 100%; text-align: center; margin-top: 1em;}
}


.company_product .company_product_intro{padding: calc(100/1440 * 100%) 0 calc(80/1440 * 100%); margin-bottom: calc(80/1440 * 100%); border-bottom: 1px solid #e8e8e8; position: relative; display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between;}
.company_product .company_product_intro .img{position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.company_product .company_product_intro .textBox{width: calc(660/1440 * 100%);}
.company_product .company_product_intro .textBox .content{margin-top: calc(33/16 * 1em);}
.company_product .company_product_intro .textBox .content p{margin: 0; line-height: calc(30/16); font-weight: 500;}
.company_product .company_product_intro .textBox .content p:not(:nth-last-of-type(1)){margin-bottom: calc(6/16 * 1em);}
.company_product .company_product_intro figure{width: calc(708/1440 * 100%);}
.company_product .company_product_list{display: flex; flex-wrap: wrap; gap:calc(18/16 * 1em) calc(30/1440 * 100%); padding-bottom: calc(100/1440 * 100%);}
.company_product .company_product_list li{width: calc(460/1440 * 100%);}
.company_product .company_product_list li figure{padding-bottom: calc(240/460 * 100%); overflow: hidden; background-size: cover; background-position: center; position: relative;}
.company_product .company_product_list li figure img{ position: absolute; z-index: -1;}
.company_product .company_product_list li .list_title{font-size: calc(20/16 * 1em); margin-top: calc(25/20 * 1em); line-height: calc(30/20); font-weight: bold; color: var(--color);}
.company_product .company_product_list li .itemBox{margin-top: .5em;}
.company_product .company_product_list li .itemBox strong{display: block; color: #333333; margin-bottom: .25em; line-height: calc(30/16);}
.company_product .company_product_list li .itemBox p{line-height: calc(30/16); color: #666; margin: 0; font-weight: 500;}
@media(max-width:1024px){
    .company_product .company_product_intro .textBox{width: 100%;}
    .company_product .company_product_intro figure{width: 100%; text-align: center; margin-top: 1em;}
    .company_product .company_product_list{gap:calc(18/16 * 1em) 3%;}
    .company_product .company_product_list li{width: 48.5%;}
}

@media(max-width:640px){
    .company_product .company_product_list li{width: 100%;}
}

.company_culture .company_culture_list{ position:relative; display: flex; padding: calc(80/1440 * 100%) 0;}
.company_culture .company_culture_list ol{padding:calc(60/16 * 1em) calc(35/16 * 1em); background-size: cover; background-position: center; background-repeat: no-repeat; position:relative; background-color:#f5f5f5; overflow: hidden;}
.company_culture .company_culture_list ol .company_culture_content .deliverTitle{color: #fff; font-size: calc(22/16 * 1em); line-height: 1; font-weight: bold;}
.company_culture .company_culture_list ol .company_culture_content .deliverSubTitle{font-size: calc(14/16 * 1em); margin-top: calc(10/14 * 1em); color: rgba(255, 255, 255, .4);}
.company_culture .company_culture_list ol .content{margin-top: calc(20/16 * 1em);}
.company_culture .company_culture_list ol .company_culture_content p{margin: 0; color: #fff; line-height: calc(30/16); transition: .3s;}
.company_culture .company_culture_list ol{width: calc(266/1440 * 100%); transition: .3s; height: calc(450/16 * 1em);}
.company_culture .company_culture_list ol.active{width:calc(640/1440 * 100%);}

.company_culture .company_culture_list ol:not(.active) a{width: calc(50/16 * 1em); margin-top: 1em; display: inline-block; height: calc(50/16 * 1em); border-radius: 50%; border-radius: 50%; background: #fff url(../images/more_arrow_color.svg) no-repeat center; background-size: calc(13/50 * 100%) auto;}
.company_culture .company_culture_list ol:not(.active) .content{display: none;}
@media(max-width:1024px){
    .company_culture .company_culture_list ol{padding: 1em .5em;}
    .company_culture .company_culture_list ol{height: calc(192/16 * 1em);}
    .company_culture .company_culture_list ol:not(.active) a{font-size: .5em;}
    .company_culture .company_culture_list ol .content{margin-top: .5em;}
    .company_culture .company_culture_list ol .company_culture_content .deliverTitle{font-size: calc(16/16 * 1em);}
    .company_culture .company_culture_list ol .company_culture_content p{font-size: calc(14/16 * 1em); line-height: 1.5;}
}
 
.company_manu .company_manu_c{padding: calc(100/1440 * 100%) 0 calc(80/1440 * 100%);}
.company_manu .company_manu_c .company_manu_list{margin-top: calc(80/1440 * 100%);}
.company_manu .company_manu_c .company_manu_list li:not(:nth-last-of-type(1)){margin-bottom: calc(50/1440 * 100%); padding-bottom: calc(50/1440 * 100%); border-bottom: 1px solid #ededed;}
.company_manu .company_manu_c .company_manu_list li{display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center;}
.company_manu .company_manu_c .company_manu_list li figure{width: calc(640/1440 * 100%);}
.company_manu .company_manu_c .company_manu_list li .textBox{width: calc(720/1440 * 100%);}
.company_manu .company_manu_c .company_manu_list li aside{position: relative;}
.company_manu .company_manu_c .company_manu_list li aside::before{content: ""; position: absolute; top: 0; left: 0; width: calc(38/16 * 1em); height: 2px; background-color: var(--color);}
.company_manu .company_manu_c .company_manu_list li aside{display: flex; gap: calc(20/16 * 1em); align-items: end;}
.company_manu .company_manu_c .company_manu_list li aside span:not(.num){font-size: calc(20/16 * 1em); color: #333; line-height: 1;}
.company_manu .company_manu_c .company_manu_list li aside span.num{font-size: calc(60/16 * 1em); color: rgba(0,0,0,0.05); line-height: .8; font-weight: bold;}
.company_manu .company_manu_c .company_manu_list li p{font-weight: 500; margin: 0; line-height: calc(30/16); color: #333; margin-top: calc(13/16 * 1em);}
@media(min-width:1025px){
    .company_manu .company_manu_c .company_manu_list li:nth-of-type(2n) figure{order: 2;}
    .company_manu .company_manu_c .company_manu_list li:nth-of-type(2n)  aside{justify-content: end;}
    .company_manu .company_manu_c .company_manu_list li:nth-of-type(2n) aside::before{right: 0; left: unset;}
    .company_manu .company_manu_c .company_manu_list li:nth-of-type(2n) aside span:not(.num){order: 2;}
    .company_manu .company_manu_c .company_manu_list li:nth-of-type(2n) p{text-align: right;}
}

@media(max-width:1024px){
    .company_manu .company_manu_c .company_manu_list li figure{width: 100%;}
    .company_manu .company_manu_c .company_manu_list li .textBox{width: 100%; margin-top: 1em;}
}

.company_scene .company_scene_list{padding: calc(100/1440 * 100%) 0;}
.company_scene .company_scene_list li:not(:nth-last-of-type(1)){margin-bottom: calc(60/1440 * 100%);}
.company_scene .company_scene_list p{margin: 0; margin-top: calc(18/1440 * 100%); max-width: calc(735/1440 * 100%); line-height: calc(30/16); color: #333;}
.company_scene .company_scene_list .img_list{display: flex; flex-wrap: wrap; margin-top: calc(23/1440 * 100%); gap: calc(45/16 * 1em) calc(45/1440 * 100%);}
.company_scene .company_scene_list .img_list figure{width: calc(450/1440 * 100%); padding-bottom: calc(350/1440 * 100%); overflow: hidden; background-size: cover; background-position: center; position: relative;}
.company_scene .company_scene_list .img_list figure img{position: absolute; z-index: -1; left: 0; top: 0;}

@media(max-width:1024px){
    .company_scene .company_scene_list p{max-width: 100%;}
}

.company_cer{padding-bottom: calc(100/1440 * 100%);}
.company_cer .certificate_cate{display: flex; flex-wrap: wrap; justify-content: center; gap: 1em calc(60/1440 * 100%); padding: calc(90/1440 * 100%) 0 calc(60/1440 * 100%);}
.company_cer .certificate_cate li a{display: block; width: calc(165/18 * 1em); border-radius: 9999px; border: 1px solid #dddddd; text-align: center; line-height: calc(50/18); font-size: calc(18/16 * 1em); color: #333;}
.company_cer .certificate_cate li.active a,.company_cer .certificate_cate li:hover a{background-color: var(--color); color: #fff; border-color: var(--color);}
.company_cer .certificate_list{display: flex; flex-wrap: wrap; gap: calc(45/16 * 1em) calc(45/1440 * 100%); margin-bottom: calc(60/1440 * 100%); padding-bottom: calc(60/1440 * 100%); border-bottom: 1px solid #ededed;}
.company_cer .certificate_list li{width: calc(326/1440 * 100%);}
.company_cer .certificate_list .img_box{ padding: calc(40/326 * 100%) 0;display: flex;align-items: center;justify-content: center;}
.company_cer .certificate_list .img{/* padding: calc(12/326 * 100%); width: calc(239/326 * 100%);  margin: 0 auto; background: url(../images/certificate_border.png) no-repeat center; background-size: 100% 100%; */padding: calc(7 / 326* 100%) calc(12 / 326* 100%);display: inline-block;max-width: calc(239 / 326* 100%);text-align: center;margin: 0 auto;background: url(../images/certificate_border.png) no-repeat center;background-size: 100% 100%;}
.company_cer .certificate_list figure{width: calc(207/215 * 100%); padding-bottom: calc(301/215 * 100%); margin: 0 auto; background-position: center; background-size: cover;}
.company_cer .certificate_list .textBox{padding: calc(15/326 * 100%) calc(58/326 * 100%);}
.company_cer .certificate_list .textBox p{color: #333; line-height: calc(24/16); margin: 0; text-align: center;}
.company_cer .certificate_list a:hover .textBox p{color: var(--color);}

@media(max-width:1024px){
    .company_cer .certificate_list li{width: calc(326/1440 * 4/3 * 100%);}
    .company_cer .certificate_list .textBox{padding: .5em;}
    .company_cer .certificate_list {gap: calc(30 / 16* 1em) calc(68 / 1440* 100%);}
}

@media(max-width:768px){
    .company_cer .certificate_list {gap: calc(30 / 16* 1em) calc(70 / 1440* 100%);}
    .company_cer .certificate_list li{width: calc(326/1440 * 6.3/3 * 100%);}
}


.company_history .history_box{padding: calc(100/1440 * 100%) 0 calc(135/1440 * 100%);}
.company_history .history_box .company_title {text-align: center;}
.company_history .history_box .control{display: flex; align-items: center; justify-content: space-between; position: absolute;  width: 100%; left: 50%; top: 50%; transform: translate(-50%,-50%); }
.company_history .history_box .control .control_box{width: 100%; margin: 0 auto;}
.company_history .history_box .control .control_middle{width: calc(1292/1346 * 100%);  margin: 0 auto; position: relative;}
.company_history .history_box .control .control_middle .current_year{position: absolute; left: 50%; bottom: 50%; line-height: .8; z-index: -1; transform: translateX(-50%); font-size: calc(229/16 * 1em); color: #f6f8fb; font-weight: bold;}
.company_history .history_box .control .control_middle::after{content: ""; position: absolute; width: 100%; height: 1px; background-color: #e8e8e8; top: 50%; left: 0; transform: translateY(-50%);}
.company_history .history_box .control .control_middle .line{background: url(../images/history_line.png) left center; height: calc(22/16 * 1em); width: calc(1135/1292 * 100%); margin: 0 auto;}


.company_history .history_box .slick-arrow{width: calc(50/16 * 1em); height: calc(50/16 * 1em); position: relative; z-index: 2; transition: .3s;  font-size: 1em; overflow: hidden; text-indent: -9999px; background:#dcdcdc url(../images/new_arrow_white.svg) no-repeat center; border-radius: 50%;}

.company_history .history_box .slick-arrow:hover{box-shadow: 0px 0px 1em 0px rgba(0,0,0,0.2);}
.company_history .history_box .slick-arrow.slick-prev{transform: rotate(180deg) translateX(50%);} 
.company_history .history_box .slick-arrow.slick-next{transform:  translateX(50%);} 


.company_history .history_box .history_list_container{ position: relative; }
.company_history .history_box .history_list_box{position: relative; overflow: hidden;}
.company_history .history_box .history_list{width: calc(1205/1440 * 100%  + 150/16 * 1em); overflow: hidden; margin: 0 auto;}
.company_history .history_box .history_list .slick-track{display: flex;}
.company_history .history_box .history_list li{position: relative; cursor: pointer; transition: .3s;}
.company_history .history_box .history_list li p{margin: 0; line-height: calc(30/16); text-align: center; color: #333; display: none;}
.company_history .history_box .history_list li aside{font-size: calc(20/16 * 1em); transform: translateX(-50%); left: 50%; top: 35%; white-space: nowrap; font-weight: 700; color: #333; text-align: center; position: absolute;} 
.company_history .history_box .history_list li .img{width: 1em; 
    transition: all 300ms ease; transition-duration: .3; 
    transform-origin: center; height: 1em; border-radius: 50%; background-color: var(--color); position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.company_history .history_box .history_list .slick-list{  padding: calc(140/16 * 1em) 0 !important;}



@media(min-width:1025px){
    /* .company_history .history_box .history_list_box{ pointer-events: none;} */
    .company_history .history_box .history_list_container{padding-left: calc(150/16 * 1em);}
    .company_history .history_box .history_list li{margin-right: calc(150/16 * 1em);}
    /* .company_history .history_box .history_list li.slick-current + li + li .img{width: calc(282/16 * 1em); height: calc(282/16 * 1em); border-radius: 50%; position: relative; background-size: cover; background-position: center;}
    .company_history .history_box .history_list li.slick-current  + li + li aside{top: calc(100% + 24/36 * 1em); font-size: calc(36/16 * 1em); color: var(--color);}
    .company_history .history_box .history_list li.slick-current  + li + li p{display: block; top: calc(100% + 75/16 * 1em); color:#333; width: calc(480/16 * 1em); position: absolute; left: 50%; transform: translateX(-50%);} */

    
    .company_history .history_box .history_list li.slick-current .img{width: calc(282/16 * 1em); height: calc(282/16 * 1em); border-radius: 50%; position: relative; background-size: cover; background-position: center;}
    .company_history .history_box .history_list li.slick-current aside{top: calc(100% + 24/36 * 1em); font-size: calc(36/16 * 1em); color: var(--color);}
    .company_history .history_box .history_list li.slick-current p{display: block; top: calc(100% + 75/16 * 1em); color:#333; width: calc(480/16 * 1em); position: absolute; left: 50%; transform: translateX(-50%);}
}

@media(max-width:1024px){
    .company_history .history_box .history_list{width: 100%;}
    .company_history .history_box .slick-arrow{font-size: .7em;}
    .company_history .history_box .slick-arrow.slick-prev{transform: rotate(180deg) ;} 
    .company_history .history_box .slick-arrow.slick-next{transform:  translateX(0%);} 
    .company_history .control_app{display: flex; align-items: center; justify-content: center; gap: 1em calc(150/16 * 1em); position: absolute; width: 100%; }
    .company_history .history_box .control .control_middle .current_year{font-size: calc(120/16 * 1em);}
    .company_history .history_box .history_list li .img{font-size: .5em;}
    .company_history .history_box .history_list .slick-list{  padding: calc(100/16 * 1em) 0;}


    .company_history .history_box .history_list li.slick-current .img{width: calc(282/16 * 1em); height: calc(282/16 * 1em); border-radius: 50%; position: relative; background-size: cover; background-position: center;}
    .company_history .history_box .history_list li.slick-current  aside{top: calc(100% + 10/24 * 1em); font-size: calc(24/16 * 1em); color: var(--color);}
    .company_history .history_box .history_list li.slick-current  p{display: block; top: calc(100% + 36/16 * 1em); color:#333; width: 90vw; position: absolute; left: 50%; transform: translateX(-50%);}
}

/* @media(min-width:641px) and (max-width:1024px){
    .company_history .history_box .history_list li.slick-current + li .img{width: calc(282/16 * 1em); height: calc(282/16 * 1em); border-radius: 50%; position: relative; background-size: cover; background-position: center;}
    .company_history .history_box .history_list li.slick-current  + li aside{top: calc(100% + 24/36 * 1em); font-size: calc(36/16 * 1em); color: var(--color);}
    .company_history .history_box .history_list li.slick-current  + li p{display: block; top: calc(100% + 75/16 * 1em); color:#333; width: calc(480/16 * 1em); position: absolute; left: 50%; transform: translateX(-50%);}
} */




.service_title aside{font-size: calc(36/16 * 1em); font-weight: 700; color: #333; text-align: center;}
.service_title p{font-size: calc(20/16 * 1em); font-weight: 500; text-align: center; color: #666; margin: 0; margin-top: calc(18/1440 * 100%);}

.service_io .service_io_c{padding: calc(100/1440 * 100%) 0 calc(110/1440 * 100%);}
.service_io .service_io_c .service_io_list{padding-top: calc(60/1440 * 100%); margin-top: calc(50/1440 * 100%); border-top: 1px solid #dddddd;}
.service_io .service_io_c .service_io_list li > aside{font-size: calc(30/16 * 1em); margin-bottom: calc(36/1440 * 100%); line-height: 1; color: #000000; font-weight: 700;}
.service_io .service_io_c .service_io_list li .content p{font-size: calc(18/16 * 1em); line-height: 2; color: #666; margin: 0;}
.service_io .service_io_c .service_io_list li .content img{display: block; margin: 0 auto; margin-top: calc(60/1440 * 100%);}
.service_io .service_io_c .service_io_list li:not(:nth-last-of-type(1)){margin-bottom: calc(60/1440 * 100%);}
.service_io .service_io_c .service_io_list li .item_text_box p{font-size: calc(20/16 * 1em); margin: 0; line-height: calc(28/20); color: #333;}
.service_io .service_io_c .service_io_list li .item_text_box p:not(:nth-last-of-type(1)){margin-bottom: calc(24/1440 * 100%);}
.service_io .service_io_c .service_io_list li .item_text_box p span{color: var(--color);}
.service_io .service_io_c .service_io_list li .item_text_box img{display: block; margin-top: calc(50/1440 * 100%);}
.service_io .service_io_c .service_io_list li .img{margin-top: calc(60/1440 * 100%);}
.service_io .service_io_c .service_io_list li .intro{margin: 0; font-size: calc(20/16 * 1em); color: var(--color); font-weight: 700; margin-top: calc(45/1440 * 100%);}
.service_io .service_io_c .service_io_list li .item_product_box{display: flex; flex-wrap: wrap; gap: calc(18/16 * 1em) calc(18/1440 * 100%); margin-top: calc(45/1440 * 100%);}
.service_io .service_io_c .service_io_list li .item_product{width: calc(468/1440 * 100%); background-color: #f8f8f8; padding: calc(45/1440 * 100%) calc(30/1440 * 100%);}
.service_io .service_io_c .service_io_list li .item_product span{color: var(--color); font-size: calc(24/16 * 1em); color: var(--color); font-weight: bold;}
.service_io .service_io_c .service_io_list li .item_product p{margin: 0; line-height: 2; font-size: calc(18/16 * 1em); margin-top: 1em; color: #666; font-weight: 500;}
.service_io .service_io_c .service_io_list li .tips{margin: 0; font-size: calc(24/16 * 1em); color: #000000; margin-top: calc(36/1440 * 100%);}
.service_io .service_io_c .service_io_list li .item_img_box{display: flex; flex-wrap: wrap; gap: calc(40/16 * 1em) calc(40/1440 * 100%);}
.service_io .service_io_c .service_io_list li .item_img{width: calc(700/1440 * 100%); border: 1px solid #dddddd; display: flex;}
.service_io .service_io_c .service_io_list li .item_img .item_img_info{width: calc(345/700 * 100%); display: flex; align-items: center; background-color: #f9f9f9; padding:calc(35/700 * 100%) calc(57/700 * 100%);}
.service_io .service_io_c .service_io_list li .item_img .item_img_info figure{text-align: center;}
.service_io .service_io_c .service_io_list li .item_img .item_img_info p{margin: 0; font-size: calc(22/16 * 1em); margin-top: calc(25/22 * 1em); color: #000000; line-height: calc(36/22); text-align: center;}
.service_io .service_io_c .service_io_list li .item_img .feature{width: calc(356/700 * 100%);  padding:calc(55/700 * 100%) calc(48/700 * 100%);}
.service_io .service_io_c .service_io_list li h6{margin: 0; margin-bottom: calc(13/22 * 1em); font-size: calc(22/16 * 1em); color: var(--color); font-weight: 700;}
.service_io .service_io_c .service_io_list li .item_img .feature p{font-size: calc(18/16 * 1em); line-height: 2; color: #333; margin: 0; padding-left: calc(12/18 * 1em); position: relative;}
.service_io .service_io_c .service_io_list li .item_img .feature p::before{content: ""; width: 4px; height: 4px; border-radius: 50%; background-color: #333; left: 0; position: absolute; top: 1em;}
.service_io .service_io_c .service_io_list li .advance_img{background-color: #f9f9f9; text-align: center; padding: calc(40/1440 * 100%) 1em; margin-bottom: calc(40/1440 * 100%);}
.service_io .service_io_c .service_io_list li .advance_content p{font-size: calc(18/16 * 1em); line-height: 2; color: #333; margin: 0; padding-left: calc(12/18 * 1em); position: relative;}
.service_io .service_io_c .service_io_list li .advance_content p::before{content: ""; width: 4px; height: 4px; border-radius: 50%; background-color: #333; left: 0; position: absolute; top: 1em;}

@media(max-width:1024px){
    .service_io .service_io_c .service_io_list li > aside{font-size: calc(24/16 * 1em); line-height: normal;}
    .service_io .service_io_c .service_io_list li .item_product{width: 100%;}
    .service_io .service_io_c .service_io_list li .item_img{width: 100%;}
}

.service_custom .service_custom_c{padding: calc(100/1440 * 100%) 0 calc(240/1440 * 100%);}
.service_custom .service_custom_c .review{display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: calc(50/1440 * 100%); padding-top: calc(50/1440 * 100%); border-top: 1px solid #dddddd;}
.service_custom .service_custom_c .review figure{width: calc(720/1440 * 100%);}
.service_custom .service_custom_c .review .textBox{width: calc(670/1440 * 100%); padding-top: calc(18/1440 * 100%);}
.service_custom .service_custom_c .custom_title span{font-size: calc(30/16 * 1em); font-weight: 700; color: #000000;}
.service_custom .service_custom_c .review .textBox .content{padding-top: calc(36/670 * 100%);}
.service_custom .service_custom_c .review .textBox .custom_title{border-bottom: 1px solid #dddddd;}
.service_custom .service_custom_c .review .textBox .custom_title span{color: var(--color); position: relative; display: inline-block; padding-bottom: calc(24/670 * 100%);}
.service_custom .service_custom_c .review .textBox .custom_title span::before{content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background-color: var(--color);}
.service_custom .service_custom_c .review .textBox .content p{margin: 0; font-size: calc(18/16 * 1em); line-height: 2; font-weight: 500; color: #666;}
.service_custom .service_custom_c .review .textBox .content p:not(:nth-last-of-type(1)){margin-bottom: calc(40/670 * 100%);}

.service_custom .service_custom_c .ourAdvance{padding: calc(80/1440 * 100%) 0;}
.service_custom .service_custom_c .ourAdvance .custom_title{text-align: center;}
.service_custom .service_custom_c .ourAdvance .advance_list{margin-top: calc(50/1440 * 100%); display: flex; flex-wrap: wrap; gap: calc(20/16 * 1em) calc(24/1440 * 100%);}
.service_custom .service_custom_c .ourAdvance .advance_list li{width: calc(464/1440 * 100%); display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; background-color: #f7f7f7; padding: calc(24/1440 * 100%) calc(43/1440 * 100%);}
.service_custom .service_custom_c .ourAdvance .advance_list li figure{width: calc(71/378 * 100%);}
.service_custom .service_custom_c .ourAdvance .advance_list li .textBox{width: calc(283/378 * 100%); display: flex; flex-direction: column; justify-content: center;}
.service_custom .service_custom_c .ourAdvance .advance_list li .textBox aside{font-size: calc(20/16 * 1em); font-weight: 700; color: #333;}
.service_custom .service_custom_c .ourAdvance .advance_list li .textBox p{color: #333; font-weight: 500; line-height: calc(28/16); margin: 0; margin-top: calc(10/16 * 1em);}

.service_custom .service_custom_c .selectAble_custom{padding: calc(80/1440 * 100%) calc(38/1440 * 100%); background-color: #f7f7f7;}
.service_custom .service_custom_c .selectAble_custom .custom_title{text-align: center;}
.service_custom .service_custom_c .selectAble_custom .selectAble_c{position: relative; margin-top: calc(60/1440 * 100%);}
.service_custom .service_custom_c .selectAble_custom .selectAble_c .selectAble_custom_list{position: absolute; width: 100%; height: calc(100% - 60/1440 * 100%); top: 50%; transform: translateY(-50%);}
.service_custom .service_custom_c .selectAble_custom .selectAble_c .selectAble_custom_list li{width: calc(430/16 * 1em); position: absolute; display: flex; justify-content: space-between; padding:calc(22/1440 * 100%) calc(30/1440 * 100%); border-radius: 9999px; background-color: #fff; display: flex; align-items: center;}
.service_custom .service_custom_c .selectAble_custom .selectAble_c .selectAble_custom_list li:nth-of-type(1){left: calc(90/1440 * 100%); top: 0;}
.service_custom .service_custom_c .selectAble_custom .selectAble_c .selectAble_custom_list li:nth-of-type(2){right: calc(90/1440 * 100%); top: 0;}
.service_custom .service_custom_c .selectAble_custom .selectAble_c .selectAble_custom_list li:nth-of-type(3){left: 0; top: 50%; transform: translateY(-50%);}
.service_custom .service_custom_c .selectAble_custom .selectAble_c .selectAble_custom_list li:nth-of-type(4){right: 0; top: 50%; transform: translateY(-50%);}
.service_custom .service_custom_c .selectAble_custom .selectAble_c .selectAble_custom_list li:nth-of-type(5){left: calc(90/1440 * 100%); bottom: 0;}
.service_custom .service_custom_c .selectAble_custom .selectAble_c .selectAble_custom_list li:nth-of-type(6){right: calc(90/1440 * 100%); bottom: 0;}
.service_custom .service_custom_c .selectAble_custom .selectAble_c .selectAble_custom_list li .step{font-size: calc(22/16 * 1em); width: calc(60/22 * 1em); height: calc(60/22 * 1em); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; background-color: var(--color);}
.service_custom .service_custom_c .selectAble_custom .selectAble_c .selectAble_custom_list li .textBox{width: calc(288/373 * 100%);}
.service_custom .service_custom_c .selectAble_custom .selectAble_c .selectAble_custom_list li aside{font-size: calc(22/16 * 1em); color: #333;}
.service_custom .service_custom_c .selectAble_custom .selectAble_c .selectAble_custom_list li p{font-size: calc(18/16 * 1em); margin: 0; margin-top: .5em; font-weight: 500;}
.service_custom .service_custom_c .selectAble_custom .selectAble_c figure{width: calc(536/1440 * 100%);margin: 0 auto; padding: calc(44/1440 * 100%); border-radius: 50%; display: flex; justify-content: center; align-items: center; background-color: #fff;}

.service_custom .service_custom_c .custom_process .custom_title{text-align: center; padding-top: calc(80/1440 * 100%);}
.service_custom .service_custom_c .custom_process_list{background: url(../images/custom_process.png) no-repeat center; margin-top: calc(225/1440 * 100%); padding-bottom: calc(154/1440 * 100%); background-size: 100% auto; position: relative;}
.service_custom .service_custom_c .custom_process_list li{position: absolute;}
.service_custom .service_custom_c .custom_process_list li:nth-of-type(1){left: calc(45/1440 * 100%); top: calc(116/154 * 100%);}
.service_custom .service_custom_c .custom_process_list li:nth-of-type(2){left: calc(298/1440 * 100%); top: calc(76/154 * 100%);}
.service_custom .service_custom_c .custom_process_list li:nth-of-type(3){left: calc(508/1440 * 100%); top: calc(20/154 * 100%);}
.service_custom .service_custom_c .custom_process_list li:nth-of-type(4){left: calc(694/1440 * 100%); top: calc(-24/154 * 100%);}
.service_custom .service_custom_c .custom_process_list li:nth-of-type(5){left: calc(910/1440 * 100%); top: calc(10/154 * 100%);}
.service_custom .service_custom_c .custom_process_list li:nth-of-type(6){left: calc(1111/1440 * 100%); top: calc(76/154 * 100%);}
.service_custom .service_custom_c .custom_process_list li:nth-of-type(7){left: calc(1308/1440 * 100%); top: calc(112/154 * 100%);}


.service_custom .service_custom_c .custom_process_list li figure{position: absolute; bottom: calc(100% + 75/16 * 1em); left: 50%; transform: translateX(-50%);}
.service_custom .service_custom_c .custom_process_list li:not(:hover) figure img.active{display: none;}
.service_custom .service_custom_c .custom_process_list li:hover figure img:not(.active){display: none;}
.service_custom .service_custom_c .custom_process_list li:hover aside{color: var(--color);}
.service_custom .service_custom_c .custom_process_list li:hover .step{box-shadow: 0px 0px 1em 0px rgba(0, 104, 183, .2);}
.service_custom .service_custom_c .custom_process_list li aside{font-size: calc(20/16 * 1em); bottom: calc(100% + 30/20 * 1em); left: 50%; transform: translateX(-50%); font-weight: 700; color: #333; position: absolute; white-space: nowrap;}
.service_custom .service_custom_c .custom_process_list li .step{font-size: calc(18/16 * 1em); width: calc(53/18 * 1em); height: calc(53/18 * 1em); border-radius: 50%; border: calc(8/18 * 1em) solid #fff; background-color: var(--color);  color: #fff; font-weight: bold; display: flex; align-items: center; justify-content: center;}

@media(max-width:1024px){
    .service_custom .service_custom_c .review figure{width: 100%;}
    .service_custom .service_custom_c .review .textBox{width: 100%;}
    .service_custom .service_custom_c .custom_title span{font-size: calc(20/16 * 1em);}
    .service_custom .service_custom_c .review .textBox .content p:not(:nth-last-of-type(1)){margin-bottom: calc(40/1440 * 100%);}
    .service_custom .service_custom_c .ourAdvance .advance_list{gap: calc(18/16 * 1em) 3%;}
    .service_custom .service_custom_c .ourAdvance .advance_list li{width: 48.5%;}

    .service_custom .service_custom_c .selectAble_custom .selectAble_c .selectAble_custom_list li{font-size: calc(8/16 * 1em);}
    .service_custom .service_custom_c .custom_process_list{font-size: calc(10/16 * 1em);}
}

@media(max-width:768px){
    .service_custom .service_custom_c .ourAdvance .advance_list li{width: 100%;}
    .service_custom .service_custom_c .selectAble_custom .selectAble_c .selectAble_custom_list li{font-size: calc(6/16 * 1em);}
    .service_custom .service_custom_c .custom_process_list{font-size: calc(6/16 * 1em);}
}

.after_sale .after_sale_c{padding: calc(100/1440 * 100%) 0 calc(90/1440 * 100%);}
.after_sale .hotLine_box{display: flex;  flex-wrap: wrap; padding-top: calc(50/1440 * 100%); margin-top: calc(50/1440 * 100%); border-top: 1px solid #dddddd;}
.after_sale .hotLine_box .img{width: 50%;}
.after_sale .hotLine_box .textBox{width: 50%; padding: 1em calc(60/1440 * 100%); display: flex; align-items: center; justify-content: space-between; gap: 1em calc(40/720 * 100%); background-color: #f8f8f8;}
.after_sale .hotLine_box .textBox figure{width: calc(90/16 * 1em); height: calc(90/16 * 1em); border-radius: 50%; background:var(--color) url(../images/tel.png) no-repeat center; background-size: calc(41/90 * 100%) auto; }
.after_sale .hotLine_box .textBox aside{font-size: calc(36/16 * 1em); color: var(--color); font-weight: bold;}
.after_sale .hotLine_box .textBox p{font-size: calc(20/16 * 1em); font-weight: 500; margin: 0; margin-top: calc(17/20 * 1em);}
.after_sale .safter_sale_list_box{padding-top: calc(80/1440 * 100%);}
.after_sale .safter_sale_list{display: flex; flex-wrap: wrap; gap: calc(19/16 * 1em) calc(19/1440 * 100%); margin-top: calc(50/1440 * 100%);}
.after_sale .safter_sale_list li{width: calc(345/1440 * 100%); padding: calc(60/1440 * 100%) calc(38/1440 * 100%) calc(63/1440 * 100%); border: 1px solid #e2e2e2;}
.after_sale .safter_sale_list li figure{width: calc(73/267 * 100%); margin: 0 auto; margin-bottom: calc(40/267 * 100%);}
.after_sale .safter_sale_list li p{font-size: calc(18/16 * 1em); font-weight: 500; color: #666; text-align: center; line-height: 2; margin: 0;}
.after_sale .safter_sale_list_box .tips{text-align: center; margin: 0; font-size: calc(21/16 * 1em); font-weight: 500; margin-top: calc(50/1440 * 100%);}
.after_sale .safter_sale_list_box .tips span{color: var(--color); font-size: calc(30/21 * 1em); font-weight: bold;}
.after_sale .safter_sale_list_box .code{padding: .8em; margin: 0 auto; margin-top: calc(50/1440 * 100%); width: calc(210/16 * 1em); border: 1px solid var(--color);}

@media(max-width:1024px){
    .after_sale .hotLine_box .img{width: 100%;}
    .after_sale .hotLine_box .img img{width: 100%;}
    .after_sale .hotLine_box .textBox{width: 100%;}
    .after_sale .hotLine_box .textBox aside{font-size: calc(24/16 * 1em);}
    .after_sale .hotLine_box .textBox p{font-size: calc(18/16 * 1em);}
    .after_sale .hotLine_box .textBox figure{width: calc(60/16 * 1em); height: calc(60/16 * 1em);}
    .after_sale .hotLine_box .textBox .text_info{max-width: calc(100% - 85/16 * 1em);}
    .after_sale .safter_sale_list{gap: calc(18/16 * 1em) 3%;}
    .after_sale .safter_sale_list li{width: 48.5%;}
    .after_sale .safter_sale_list_box .code{width: calc(150/16 * 1em);}
    .after_sale .safter_sale_list_box .tips{font-size: 1em;}
}


.feedback .feedback_c{padding: calc(100/1440 * 100%) 0;}

.feedback .feedback_c .formBox{margin-top: calc(60/1440 * 100%);}
.formBox .ul{display: flex; flex-wrap: wrap; justify-content: space-between; gap:0 calc(36/16 * 1em);}
.formBox .ul li:has(.inputBox){width: calc(700/1440 * 100%);}
.formBox .ul li:has(.inputBox) input,
.formBox .ul li:has(.inputBox) select
{height: calc(60/16 * 1em); padding: 0; padding:0 calc(20/16 * 1em); font-size: calc(16/16 * 1em); font-weight: 500; color: #666; border: none;  margin: 0; outline: 0; width: 100%; border: 1px solid #dddddd; border-radius: calc(5/16 * 1em);}
.formBox .ul li:has(.inputBox):has(select){position: relative;}
.formBox .ul li:has(.inputBox):has(select)::after{content: ""; position: absolute; top: 50%; transform: translateY(-50%); right: calc(20/16 * 1em); width: 1em; height: .5em; background: url(../images/product_arrow.svg) no-repeat center; background-size: cover;}
.formBox .ul li:has(.inputBox) select{appearance: none;}
.formBox .ul li:not(:nth-last-of-type(1)){margin-bottom: calc(20/1440 * 100%);}
.formBox .ul li{width: 100%;}
.formBox .ul li .textareaBox{width: 100%;}
.formBox .ul li textarea{padding: 0; margin: 0; color: #666; padding: calc(20/16 * 1em); height: calc(290/16 * 1em); font-size: calc(16/16 * 1em); border-radius: calc(5/16 * 1em); width: 100%; border-color: #dddddd; resize: none;}
.formBox .content{margin-top: calc(20/1440 * 100%);}
.formBox .content p{margin: 0; font-size: calc(14/16 * 1em); color: #999999; font-weight: 500; line-height: calc(32/14);}
.formBox .agree{margin-top: calc(20/1440 * 100%); display: flex;}
.formBox .agree input{display: none;}
.formBox .agree input + label{width: calc(18/16 * 1em); border-radius: 50%; height: calc(18/16 * 1em); cursor: pointer; border: 1px solid #666;}
.formBox .agree input + label + label{font-size: calc(14/16 * 1em); margin-left: 1em; color: #666; font-weight: 500; cursor: pointer;}
.formBox .agree input:checked + label{background:url(../images/agree.png) no-repeat center; background-size: cover; border:none; }
.formBox .submitBox{margin-top: calc(50/1440 * 100%); display: flex; justify-content: center;}
.formBox .submitBox input{line-height: calc(66/20); cursor: pointer; width: calc(405/20 * 1em); background-color: var(--color); padding: 0; margin: 0; border: none; color: #fff; font-size: calc(20/16 * 1em); font-weight: 500; text-align: center;}

@media(max-width:1024px){
    .formBox .ul li:has(.inputBox){width: 100%;}
}


.downloadCenter .downloadCenter_c{padding: calc(100/1440 * 100%) 0 calc(80/1440 * 100%);}
.downloadCenter .download_top{display: flex; align-items: end; justify-content: space-between;}
.downloadCenter .service_title aside{text-align: start;}
.searchBox input{height: calc(50/16 * 1em); width: calc(575/16 * 1em); border: none; padding: 0; padding: 0 calc(45/16 * 1em); color: #333; margin: 0; outline: none; font-size: calc(16/16 * 1em); font-weight: 500; border: 1px solid #ededed; border-radius: calc(5/16 * 1em);}
.searchBox input::placeholder{color: #999;}
.searchBox .download_search{position: relative;}
.searchBox .download_search::after{content: ""; width: calc(20/16 * 1em); height: calc(20/16 * 1em); position: absolute; top: 50%; left: 1em; transform: translateY(-50%); background: url(../images/download_search.svg) no-repeat center; background-size: cover;}
.downloadCenter .file_list_box{overflow-x: auto; margin-bottom: calc(70/1440 * 100%);}
.downloadCenter .file_list{margin-top: calc(60/1440 * 100%);}
.downloadCenter .file_list li{display: flex; padding: calc(27/1440 * 100%) 0; background-color: #f8f8f8;}
.downloadCenter .file_list li:not(:nth-last-of-type(1)){margin-bottom: calc(15/1440 * 100%);}
.downloadCenter .file_list li *{ word-break: break-all;}
.downloadCenter .file_list li p{margin: 0; line-height: calc(30/16);}
.downloadCenter .file_list li .li_item{padding:0 calc(35/1440 * 100%); line-height: calc(28/16); position: relative;}
.downloadCenter .file_list li:not(:nth-of-type(1)) .li_item:not(:nth-last-of-type(1))::after{content: ""; position: absolute; width: 1px; height: calc(18/16 * 1em); background-color: #dddddd; right: 0; top: 50%; transform: translateY(-50%);}
.downloadCenter .file_list li .li_item:nth-of-type(-n+2){display: flex; align-items: center; color: #222222; font-weight: 700;}
.downloadCenter .file_list li .li_item:nth-of-type(n+3){display: flex; align-items: center; justify-content: center; font-weight: 500; color: #666666;}
.downloadCenter .file_list li .li_item:nth-of-type(1){width: calc(373/1440 * 100%);}
.downloadCenter .file_list li .li_item:nth-of-type(2){width: calc(525/1440 * 100%);}
.downloadCenter .file_list li .li_item:nth-of-type(3){width: calc(110/1440 * 100%);}
.downloadCenter .file_list li .li_item:nth-of-type(4){width: calc(150/1440 * 100%);}
.downloadCenter .file_list li .li_item:nth-of-type(5){width: calc(168/1440 * 100%);}
.downloadCenter .file_list li .li_item:nth-of-type(6){width: calc(114/1440 * 100%);}
.downloadCenter .file_list li a{width: calc(23/16 * 1em); height: calc(23/16 * 1em); background: url(../images/download.png) no-repeat center; background-size: cover;}
.downloadCenter .file_list li a:hover{background-image: url(../images/download_active.png);}

.downloadCenter .file_list li:nth-of-type(1) {font-size: calc(20/16 * 1em); margin-bottom: calc(30/1440 * 100%); background-color: var(--color); color: #fff;} 
.downloadCenter .file_list li:nth-of-type(1) .li_item{color: #fff; font-weight: normal;}

@media(max-width:1024px){
    .downloadCenter .file_list{width: 200%; font-size: .7em;}
    .downloadCenter .file_list li .li_item {padding: 0 calc(25 / 1440* 100%);}
    .downloadCenter .download_top{flex-wrap: wrap;}
    .searchBox{width: 100%; margin-top: 1em;}
    .searchBox .download_search{width: 100%;}
    .searchBox .download_search input{width: 100%;}
}

.contactUs .contactUs_list{display: flex; flex-wrap: wrap; justify-content: space-between; padding: calc(100/1440 * 100%) 0 calc(110/1440 * 100%); gap:calc(40/16 * 1em) 0em; border-bottom: 1px solid #dddddd;}
.contactUs .contactUs_list li{width: calc(683/1440 * 100%); border-bottom: 1px dotted #dddddd; padding-bottom: calc(50/1440 * 100%);}
.contactUs .contactUs_list li aside{display: flex; align-items: center; margin-bottom: calc(12/16 * 1em); padding-left: calc(40/16 * 1em); position: relative;}
.contactUs .contactUs_list li aside figure{position: absolute;left: 0;}
.contactUs .contactUs_list li p{margin: 0;}
.contactUs .contactUs_list li .img{display: inline-block; padding: .5em; border: 1px solid var(--color); margin-left: calc(40/16 * 1em);}
.contactUs .contactUs_list li:nth-of-type(2n+1) p{color: var(--color); font-size: calc(30/16 * 1em); font-weight: bold; padding-left: calc(40/30 * 1em);}
.contactUs .contactUs_list li:nth-of-type(2n) p{color: #333; font-size: calc(20/16 * 1em); padding-left: calc(40/20 * 1em);}
.contactUs .formBox{padding: calc(80/1440 * 100%) 0 calc(95/1440 * 100%);}
.contactUs .formBox form{margin-top: calc(60/1440 * 100%);}

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

.recruit{padding-bottom: calc(80/1440 * 100%);}
.recruit .recruit_list{padding: calc(80/1440 * 100%) 0;}
.recruit .recruit_list li{padding: calc(32/1440 * 100%) calc(60/1440 * 100%); background-color: #f8f8f8; border-top: 2px solid #f8f8f8;}
.recruit .recruit_list li:not(:nth-last-of-type(1)){margin-bottom: calc(30/1440 * 100%);}
.recruit .recruit_list li .sketch{display: flex; align-items: center; justify-content: space-between;}
.recruit .recruit_list li .sketch .info{max-width: calc(100% - 80/16 * 1em);}
.recruit .recruit_list li .sketch aside{font-size: calc(24/16 * 1em); color: #000000; margin-bottom: 1em;}
.recruit .recruit_list li .sketch p{font-size: calc(18/16 * 1em); margin: 0; font-weight: 500; color: #666;}
.recruit .recruit_list li .sketch p i{margin: 0 1em; font-style: normal;}
.recruit .recruit_list li .sketch .arrow{ width: calc(60/16 * 1em); height: calc(60/16 * 1em); transition: .3s; font-family: "宋体"; font-weight: bold; color: #d4d5d6; display: flex; align-items: center; justify-content: center; cursor: pointer; border-radius: 50%; border: 2px solid #d3d8db;}
.recruit .recruit_list li .sketch .arrow:hover{box-shadow: 0px 0px 1em 0px rgba(0,0,0,0.2);}
.recruit .recruit_list li .sketch .arrow::after{content: "";transition: .3s;width: .6em;transition: .3s;height: .6em;content: '';border-top: 1px solid currentColor;border-right: 1px solid currentColor;transform: rotate(135deg);}
.recruit .recruit_list li .details{margin-top: calc(50/1320 * 100%); display: none;}
.recruit .recruit_list li .details strong{font-size: calc(18/16 * 1em); color: #333; display: block; margin-bottom: 1em;}
.recruit .recruit_list li .details p{line-height: 2; margin: 0; font-weight: 500; color: #666;}
.recruit .recruit_list li .details .content{margin-bottom: calc(50/1320 * 100%);}
.recruit .recruit_list li .details a{line-height: calc(45/16); display: inline-block; text-align: center; width: calc(170/16 * 1em); border-radius: 9999px; background-color: var(--color); color: #fff;}
.recruit .recruit_list li.active{border-top: 2px solid var(--color);}
.recruit .recruit_list li.active .sketch .arrow{transform: rotate(180deg);}

@media(max-width:1024px){
    .recruit .recruit_list li .sketch .arrow{font-size: .6em;}
    .recruit .recruit_list li .sketch aside{font-size: calc(20/16 * 1em); margin-bottom: .5em;}
    .recruit .recruit_list li .sketch .info {
        max-width: calc(100% - 50 / 16* 1em);
    }
}

.newsCenter{padding-bottom: calc(100/1440 * 100%);}
.newsCenter .topNews{position: relative; margin-top: calc(80/1440 * 100%);}
.newsCenter .topNews .textBox time{font-size: calc(18/16 * 1em); font-weight: 700; color: #999999; display: block;}
.newsCenter .topNews .textBox aside{font-size: calc(30/16 * 1em); transition: .3s; margin: calc(12/30 * 1em) 0 calc(18/30 * 1em); line-height: calc(40/30); color: #333; font-weight: bold;}
.newsCenter .topNews .textBox p{line-height: calc(30/16); font-weight: 500; color: #333; margin: 0;}
.newsCenter .topNews li a{display: flex; flex-wrap: wrap; overflow: hidden;}
.newsCenter .topNews li figure{ width: 50%; padding-bottom: calc(400/1440 * 100%); transition: .3s; background-size: cover; background-position: center;}
.newsCenter .topNews li .textBox{padding: calc(45/1440 * 100%) calc(70/1440 * 100%); width: 50%; border: 1px solid #e8e8e8;}
.newsCenter .topNews li:hover figure{transform: scale(1.05);}
.newsCenter .topNews li:hover .textBox aside{color: var(--color);}
.newsCenter .topNews .more{ margin-top: calc(40/16 * 1em);}
.newsCenter .more{display: flex; align-items: center;}
.newsCenter .more span::after{content: ""; width: calc(14/16 * 1em); height: calc(9/16 * 1em); margin-left: .5em; transition: .3s; background: url(../images/slider_arrow.svg) no-repeat center; }
.newsCenter .more span{color: var(--color); display: flex; align-items: center;}
.newsCenter .more span:hover::after{margin-left: 1em;}

.newsCenter .topNews_box .slick-dots{list-style: none; display: flex; justify-content: center; gap: 0 calc(20/16 * 1em); margin: calc(30/1440 * 100%) 0 calc(80/1440 * 100%);}
.newsCenter .topNews_box .slick-dots li{width: 10px; height: 10px; border-radius: 50%; background-color: #d4d4d4;}
.newsCenter .topNews_box .slick-dots li.slick-active{background-color: var(--color);}
.newsCenter .topNews_box .slick-dots button{display: none;}

.newsCenter .topNews .controls_arrows{position: absolute; width: calc(1540/1440 * 100%); left: 50%; top: 50%; display: flex; align-items: center; justify-content: space-between; transform: translate(-50%,-50%);}
.newsCenter .topNews .slick-arrow{width: calc(38/16 * 1em); height: calc(38/16 * 1em); transition: .3s; border: 1px solid #eaeaea; font-size: 1em; overflow: hidden; text-indent: -9999px; background:#f9f9f9 url(../images/news_arrow.svg) no-repeat center; border-radius: 50%;}

.newsCenter .topNews .slick-arrow:hover{box-shadow: 0px 0px 1em 0px rgba(0,0,0,0.2);}
.newsCenter .topNews .slick-arrow.slick-prev{transform: rotate(180deg);} 

.newsCenter .news_list{padding-bottom: calc(80/1440 * 100%);}
.newsCenter .news_list li a{display: flex; flex-wrap: wrap; overflow: hidden; transition: .3s; align-items: center; justify-content: space-between; background-color: #fafafa;}
.newsCenter .news_list li .pic{}
.newsCenter .news_list li figure{width: calc(448/1440 * 100%); padding-bottom: calc(282/1440 * 100%); transition: .3s; background-size: cover; background-position: center;}
.newsCenter .news_list li .textBox{width: calc(905/1440 * 100%); display: flex; padding: 1em 0;}
.newsCenter .news_list li .textBox .time{width: calc(100/16 * 1em);}
.newsCenter .news_list li .textBox .time .day{font-size: calc(50/16 * 1em); display: block; color: #000; font-weight: 700;}
.newsCenter .news_list li .textBox .time time{font-size: calc(14/16 * 1em); color: #666; }
.newsCenter .news_list li .textBox .info{width: calc(100% - 100/16 * 1em); padding-left: calc(50/905 * 100%); border-left: 1px solid #e6e6e6;}
.newsCenter .news_list li .textBox .info aside{font-size: calc(22/16 * 1em); transition: .3s; font-weight: 700; color: #000;}
.newsCenter .news_list li .textBox .info p{line-height: calc(30/16); color: #666; margin: calc(18/16 * 1em) 0 calc(20/16 * 1em); font-weight: 500;}
.newsCenter .news_list li:not(:nth-last-of-type(1)){margin-bottom: calc(30/1440 * 100%);}
.newsCenter .news_list li:hover{box-shadow: 0px 0px 1em 0px rgba(0,0,0,0.2);}
.newsCenter .news_list li:hover figure{transform: scale(1.05);}
.newsCenter .news_list li:hover .textBox .info aside{color: var(--color);}
@media(max-width:1600px){
    .newsCenter .topNews .controls_arrows{position: relative; width: 100%; left: 0; top: 0; margin-top: calc(40/1440 * 100%); transform: none; justify-content: center; gap: 0 calc(150/16 * 1em);}
}

@media(max-width:1024px){
    .newsCenter .topNews li figure{width: 100%; padding-bottom: 51%;}
    .newsCenter .topNews li .textBox{width: 100%;}
    .newsCenter .topNews .textBox aside{font-size: calc(20/16 * 1em);}
    .newsCenter .topNews .more{margin-top: 1em;}
    .newsCenter .news_list li .textBox .info aside{font-size: calc(18/16 * 1em);}
    .newsCenter .news_list li .textBox .time .day{font-size: calc(25/16 * 1em);}
    .newsCenter .news_list li .textBox{align-items: center;}
    .newsCenter .news_list li .textBox .time{width: calc(80/16 * 1em);}
    .newsCenter .news_list li .textBox .info {width: calc(100% - 80 / 16* 1em);}
}

@media(max-width:768px){
    .newsCenter .news_list li figure{width: 100%; padding-bottom: 62%;}
    .newsCenter .news_list li .textBox{width: 100%; padding: 1em;}
}

.newsDetail .RighInfo002973{padding: calc(100/1440 * 100%) 0 calc(180/1440 * 100%); border-top: 1px solid #ededed;}
.newsDetail.sinple .RighInfo002973{padding: calc(80/1440 * 100%) 0;}
.news-details .edit-info{margin-bottom: 0;}
.news-details .title h1{font-size: calc(32/16 * 1em);margin: 0; text-align: center; color: #000; font-weight: 700; margin-bottom: calc(20/1440 * 100%); padding: 0 calc(60/1440 * 100%);}
.news-details .title p{display: flex; font-weight: 500; flex-wrap: wrap; justify-content: center; gap: 1em calc(36/1400 * 100%); margin: 0; color: #666;}
.news-details .edit-info{padding: calc(70/1440 * 100%) calc(120/1440 * 100%) calc(100/1440 * 100%); border-bottom: 1px solid #e1e3e5; margin-bottom:calc(50/1440 * 100%);}
.news-details .edit-info{line-height: calc(30/16); font-weight: 500; margin: 0; color: #333333; }
/*.news-details .edit-info {line-height: calc(30/16); font-weight: 500; margin: 0; color: #333333; }*/
.news-details .edit-info p:not(:nth-last-of-type(1)){margin-bottom: calc(16/1200 * 100%);}
.news-details .edit-info img{display: block; margin: calc(33/1200 * 100%) auto; height: auto;}

.pn-page aside:not(:nth-last-of-type(1)){margin-bottom: calc(16/18 * 1em);}
.pn-page aside a{color: #333; font-weight: 500;}
.pn-page aside a b{color: #999; font-weight: 500;}
.pn-page aside a:hover{color: var(--color);}
.pn-page aside a:hover b{color: var(--color);}
.pn-page{padding-top: calc(36 / 16* 1em);}
.operating a{width: calc(220/18 * 1em); font-size: calc(18/16 * 1em); display: flex; align-items: center; justify-content: center; border-radius: 9999px; background-color: var(--color); color: #fff; line-height: calc(60/18);}
.operating a::after{content: ""; width: calc(22/18 * 1em); height: calc(16/18 * 1em); margin-left: calc(10/18 * 1em); background: url(../images/return.svg) no-repeat center; background-size: contain;}
@media(min-width:1025px){
.pn-page{min-height: 24px; position: relative;padding-right: calc(240/16 * 1em);}
.operating{position: absolute;right: 0; bottom: 0;top: 50%; transform: translateY(-50%);}
.operating a{float: left;}
}
@media(max-width:1024px){
.newsDetail .RighInfo002973{width: 100%;}
.operating{text-align: right; padding-bottom: 20px;}
.operating a{font-size: .8em;}
.news-details .title h1{font-size: calc(22/16 * 1em);}
}

.ul_sitemap{list-style: none;}
.ul_sitemap a{line-height: 2;}


.mp{padding: 0; margin: 0; font-weight: normal}
.fs18{font-size:calc(18/16 * 1em)}
.fs20{font-size:calc(20/16 * 1em)}
.fs22{font-size:calc(22/16 * 1em)}
.fs24{font-size:calc(24/16 * 1em)}
.fs30{font-size:calc(30/16 * 1em)}
.fs40{font-size:calc(40/16 * 1em)}

.flex,
.flex_js,
.flex_jc,
.flex_ac,
.flex_js_ac,
.flex_jc_ac {
  display: flex;
  flex-wrap: wrap;
}
.flex_js {  justify-content: space-between;}
.flex_jc {  justify-content: center;}
.flex_ac {  align-items: center;}
.flex_js_ac {  justify-content: space-between;  align-items: center;}
.flex_jc_ac {  justify-content: center;  align-items: center;}

.item{position: relative}
.item figure{ overflow: hidden; position: relative}
.item h4{padding: 0; margin: 0;font-weight: normal}
.item p,.mp{padding: 0; margin: 0;}

.img-mid figure{ padding-bottom: 100%;}
.img-mid figure img{position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 100%; height: 100%; object-fit: cover; -o-object-fit: cover}
.img-mid[rel="full"] figure img{object-fit: contain; -o-object-fit: contain}

.img-zoom figure img{
-webkit-transition: -webkit-transform 1.2s ease;
transition: -webkit-transform 1.2s ease;
transition: transform 1.2s ease;
transition: transform 1.2s ease,-webkit-transform 1.2s ease;
}
.img-zoom .item:hover figure img{ -webkit-transform:scale(1.2);transform:scale(1.2)}

.member-main,
.member_menu ul,
.member-group .column a,
.popup select,
.popupInvoice select,
.my_notice,
.my_address li p,
.my_address li .operate,
.my_address li.default:before,
.my_state,
.orders_list,
.shoppingcart_list,
.shoppingcart_total,
.shoppingcart_account dt,
.orders_txt .txt,
.orders_tracking .process,
.orders_tracking .tips,
.orders_details,
.orders_account,
.my_integrate {
    font-weight: 500;
}


.member-main{padding:3% 0}
.member-main .title{line-height: 60px; text-align: center; border-bottom: solid 1px #e8e8e8; position: relative}
.member-main .title .tips{position: absolute; right: 0; top: 0}
.member-main .title .tips a{color: #0068b7;text-decoration: underline}
.member-main .main{line-height: 54px; max-width: 540px; margin: auto; padding:60px 0}
.member-main .item-box{margin-bottom: 30px; background:  #f7f7f7 }
.member-main .send{float: right;margin-right: 25px; color: #0068b7;text-decoration: underline; cursor: pointer}
.member-main .item-box.code img{float: right;margin-right: 25px; margin-top: 5px; height: 40px;cursor: pointer;}
.member-main .text{padding-left: 56px; width: 100%; border: none; height: 54px; background:no-repeat 20px}
.member-main .item-box.user .text{background-image: url(../images/icon_user.svg)}
.member-main .item-box.mobile .text {background-image: url(../images/icon_mobile.svg)}
.member-main .item-box.code .text {background-image: url(../images/icon_code.svg); width:60%}
.member-main .item-box.password .text {background-image: url(../images/icon_password.svg)}
.member-main .item-box.salesman .text {background-image: url(../images/icon_salesman.svg);background-size:21px;}
.member-main .label{ position: absolute; color: #999999; padding-left: 56px;}
.member-main .btn-box a{ display: block;background: #0068b7; color: #fff; text-align: center; cursor: pointer}
.member-main .txt{transform: translateY(-12px)}
.member-main .txt a{cursor: pointer}
.member-main .txt a:not(:hover){color: #333333;}
.member-main .agreement{transform: translateY(-12px)}
.member-main .agreement a:not(:hover){color: #0068b7;}
.member-main .WeChat-logon{text-align: center; display: none}
.member-main .WeChat-logon p span{padding-left: 34px; background: url("../images/WeChat.png") no-repeat left; background-size: 24px;}
.member-main .WeChat-logon h4{font-weight: bold; padding:4% 0 6% 0; color: #333333}
.member-main .WeChat-logon figure{max-width: 140px; margin: auto}
.member-main .code-logon{display: none}
.member-main .other-logon{padding: 1% 0}
.member-main .other-logon p{text-align: center; position: relative; padding: 4% 0}
.member-main .other-logon p:before{content: '';display: block; position: absolute; top: 50%; width: 100%; height: 1px; background: #ebebeb}
.member-main .other-logon p span{background: #fff; display: inline-block; padding: 0px 18px; position: relative;z-index: 10}
.member-main .other-logon .WeChat{display: block; margin: auto; width: 40px; height: 40px; border-radius: 100%; background: #efefef; cursor: pointer; position: relative}
.member-main .other-logon .WeChat:after{content: ''; position: absolute; width: 100%; height: 100%; background: url("../images/icon_WeChat.svg") no-repeat center center}

.member-main .member_tpye a{cursor: pointer}
.member-main .member_tpye a:not(:last-child){margin-right: 2vw}
.member-main .member_tpye a:not(.show){color: #999}


.member-center {padding-bottom: 3%}

.member-group .column{height: 40px; color: #333; border-bottom: solid 1px #e8e8e8; margin-bottom:30px;}
.member-group .column a{color: #0068b7;  cursor: pointer}
.member-group .column i{font-style: normal}
.member_menu li{position: relative;}
.member_menu li a{ cursor: pointer;}
.member_menu li a:before{content: ''; background-repeat: no-repeat}
.member_menu li.active a{color: #0068b7}
.member_menu li:nth-child(1) a:before{background-image: url("../images/hy_icon1.svg")}
.member_menu li:nth-child(2) a:before{background-image: url("../images/hy_icon2.svg")}
.member_menu li:nth-child(3) a:before{background-image: url("../images/hy_icon3.svg")}
.member_menu li:nth-child(4) a:before{background-image: url("../images/hy_icon4.svg")}
.member_menu li:nth-child(5) a:before{background-image: url("../images/hy_icon5.svg")}
.member_menu li:nth-child(7) a:before{background-image: url("../images/hy_icon6.svg")}
.member_menu li:nth-child(8) a:before{background-image: url("../images/hy_icon7.svg")}
.member_menu li:nth-child(9) a:before{background-image: url("../images/hy_icon8.svg")}
.member_menu li:nth-child(6) a:before{background-image: url("../images/hy_icon9.svg")}
.member_menu li:nth-child(10) a:before{background-image: url("../images/hy_icon10.svg")}
.member_menu li:not(.active) a:before{filter: grayscale(100%) brightness(50%); }

@media(min-width:768px){
.member-group{display: flex; justify-content: space-between}
.member_menu{width: 140px;}
.member_menu li{line-height: 48px;}
.member_menu li a:before{position: absolute; left: 0; width: 30px; height: 100%;background-position: left}
.member_menu li a{display: block; padding-left: 27px;}
.member-part{border-left: solid 1px #e8e8e8;flex: 1; margin-left:20px; padding-left:20px;}
}
@media(min-width:1024px){
.member-part{ margin-left: 40px; padding-left: 40px;}
}
@media(max-width:768px){
.member-group .column{margin-bottom: 10px;}
.member_menu{padding-bottom: 10px}
.member_menu ul{display: flex; flex-wrap: wrap;}
.member_menu li{width: 25%; text-align: center; padding: 1%}
.member_menu li a{display: block; border: solid 1px #e8e8e8; border-radius: 10px; padding-bottom:10%}
.member_menu li a:before{background-size: 50%;width: 50%; padding-bottom: 50%;display: block; margin: auto; background-position: center}
}


.member-group .Page001726{padding: 3% 0}
.member-group .Page001726 .Pages a{ vertical-align: middle; width: calc(40 / 16* 1em);  height: calc(40 / 16* 1em);}

.operate a{position: relative; padding-left: 24px; cursor: pointer}
.operate a:not(:hover){color: #666666}
.operate a:before{content: ''; position: absolute; left: 0; width: 24px; height: 100%; background: no-repeat center center}
.operate a:not(:hover):before{filter: grayscale(100%) brightness(50%); }
.operate a.edit:before{background-image: url("../images/a_edit.svg")}
.operate a.delete:before{background-image: url("../images/a_delete.svg")}
.operate a:not(:last-child){margin-right:1.5vw}

.huiyuan{padding-bottom: 5%}
.huiyuan .box{width: 49%; background: #fafafa;padding:2%;line-height: 40px; color: #222}
.huiyuan a{color: #0068b7}
.huiyuan .pic{width: 22%; max-width: 100px; margin-right: 5%}
.huiyuan .pic figure{padding-bottom: 100%; position: relative; border-radius:100%; overflow: hidden}
.huiyuan .pic figure img{position: absolute; width: 100%; height: 100%; object-fit: cover; -o-object-fit: cover}
.huiyuan .txt{flex: 1; line-height: 24px}
.huiyuan .txt .edit{float: right;text-decoration: underline}
.huiyuan .txt p:first-of-type{ color: #999999; margin-bottom:5%;}
.huiyuan .other{}
.huiyuan .other h4{margin-bottom: 10px;}
.huiyuan .other h4 img{vertical-align: middle; margin-right: 5px; height: 16px;}
.huiyuan .other p:last-child{border-top: solid 1px #e6e6e6; margin-top: 5px;}
.huiyuan .other p:last-child span{ color: #999999}
@media(max-width:1024px){
.huiyuan .box{width: 100%; margin-bottom: 2%;}
}

.icon_state {text-align: center;background: #fafafa; padding: 3%}
.icon_state ul{width: 96%; margin: auto}
.icon_state figure{width: 70px; height: 70px;border: solid 1px #cccccc; margin-bottom: 15px; border-radius: 100%;}
.icon_state a{display: inline-block;}
.icon_state li:hover figure{border-color: #0068b7; background: #0068b7}
.icon_state li:hover figure img{filter: grayscale(100%) brightness(1000%);}
@media(max-width:640px){
.icon_state {padding: 0}
.icon_state ul{width: 100%;}
.icon_state li{width: 33.333%; padding:4%}
.icon_state figure{margin-bottom: 10px}
}

.huiyuan_form{max-width: 590px; margin: auto}
.huiyuan_form .item-box{margin-bottom: 20px; line-height: 48px; max-width: 630px;}
.huiyuan_form .biaoti{text-align: right;width: 110px; margin-right: 20px; font-weight: 500; color: #222222}
.huiyuan_form .label{padding-left: 20px; font-weight: 500; position: absolute; color: #999999}
.huiyuan_form .item{flex: 1; background: #fafafa}
.huiyuan_form .headImg{ background-color: transparent;}
.huiyuan_form .headImg .icon{ display: inline-flex;padding: 0 10px;background-color: #0068b7;color: #fff;cursor: pointer;border-radius: 5px;line-height: 40px;}
.huiyuan_form .text{padding-left: 20px; width: 100%; border:none; height:50px; background: none}
.huiyuan_form .btn-box{padding-top: 10px;}
.huiyuan_form .btn-box .item{display: flex; justify-content: space-between}
.huiyuan_form .btn-box .btn{flex: 1; color: #fff; text-align: center;  background: #0068b7; cursor: pointer; border: none}
.huiyuan_form .btn-box .btn:hover{background: #044d85;}
.huiyuan_form .btn-box .btn.btn_reset{color: #666666; background: #ededed; margin-left: 2%}
.huiyuan_form .btn-box .btn.btn_reset:hover{background: #bfbfbf}
.huiyuan_form .code .text{width: 50%}
.huiyuan_form .code a{float: right; margin-right: 30px; color: #0068b7;text-decoration: underline; cursor: pointer}
.huiyuan_form.personal .queueList{margin: 0; border: none}
.huiyuan_form.personal .placeholder{min-height: inherit; padding-top: 0}

.password_operate li{padding:0.5% 0}
.password_operate li a{display: block; padding:1.2% 2%; background: #fafafa url(../images/jt.svg) no-repeat 96% center}

.shoppingcart_list li{border-bottom: solid 1px #e8e8e8}
.shoppingcart_list input[type=checkbox]{vertical-align: middle;border: solid 1px #cccccc; width: 20px; height: 20px; position: relative;-webkit-appearance: none;}
.shoppingcart_list input[type=checkbox]:checked{border-color: #0068b7; background:url(../images/checkbox.svg) no-repeat center center}
.shoppingcart_list .checkbox{width: 70px;}
.shoppingcart_list .pic{width: 130px;}
.shoppingcart_list .info{width:calc(100% - 200px); padding-left: 25px;}
.shoppingcart_list .pro{width: 40%}
.shoppingcart_list .pro h4{margin-bottom: 10px;}
.shoppingcart_list .other{width: 60%}
.shoppingcart_list .delete a{cursor: pointer}
.shoppingcart_list li.item .minus_plus{border: solid 1px #e5e5e5; width: 150px;}
.shoppingcart_list li.item .minus_plus a{width: 34px; height: 34px; display: block; cursor: pointer; position: relative}
.shoppingcart_list li.item .minus_plus a:before,
.shoppingcart_list li.item .minus_plus a:after{content: ''; position: absolute; width:8px; height:1px; background: #333333; margin: auto; left: 0; right: 0; top: 0; bottom: 0; transition: 0.5s }
.shoppingcart_list li.item .minus_plus a.plus:after{transform: rotate(90deg)}
.shoppingcart_list li.item .minus_plus a.minus{border-right:solid 1px #e5e5e5 }
.shoppingcart_list li.item .minus_plus a.plus{border-left:solid 1px #e5e5e5 }
.shoppingcart_list li.item .minus_plus input{width: 100%; height: 34px; border: none; text-align: center; flex: 1}
.shoppingcart_list li.item .minus_plus a.only{cursor: default}
.shoppingcart_list li.item .minus_plus a.only:before,
.shoppingcart_list li.item .minus_plus a.only:after{opacity: 0.2}
.shoppingcart_list li.first{padding-bottom: 10px;}
.shoppingcart_list li.item{line-height: 26px;padding: 25px 0}
.shoppingcart_list li.item .pic figure{border: solid 1px #e8e8e8}

.shoppingcart_total{padding-top: 30px; padding-bottom: 15px;}
.shoppingcart_total span{color: #0068b7}

.shoppingcart_account{border: solid 1px #e8e8e8; line-height: 28px; padding-top:1%}
.shoppingcart_account dl{padding:10px 3%}
.shoppingcart_account dd{color: #333333}
.shoppingcart_account .coupon {display: inline-block;position: relative; font-size: 14px;}
.shoppingcart_account .coupon span{display: inline-block;padding: 0px 40px 0px 10px; border: solid 1px #0068b7; color: #0068b7}
.shoppingcart_account .coupon span:after{content: ''; position: absolute; width: 10px; height: 100%; top: 0; right: 10px; background: url("../images/icon_jt.svg") no-repeat center center; transition: 0.5s}
.shoppingcart_account .coupon ul{position: absolute;min-width: 100%; border: solid 1px #0068b7; background: #fff; display: none}
.shoppingcart_account .coupon ul li{padding:5px 10px; white-space: nowrap}
.shoppingcart_account .coupon ul li:not(:last-child){border-bottom: solid 1px #c5d4e9}
.shoppingcart_account .coupon ul li:hover{background: #f6faff}
.shoppingcart_account .coupon:hover span:after{transform: rotate(180deg)}
.shoppingcart_account .coupon:hover ul{display: block!important;}
.payment {background: #fcfcfc; text-align: right; margin-top: 2%; border-top: solid 1px #e8e8e8;}
.payment .pay{color: #fff;display: inline-block;line-height: 58px; text-align: center;background: #0068b7; width: 40%;max-width: 300px; cursor: pointer}
.payment .pay:hover{background: #005493}

.shopping_cart .column{padding-bottom: 3%}
.shopping_cart .column h3{font-size:calc(30/16 * 1em)}
.shopping_cart .column i{font-style: normal}
.shopping_cart .column a{color: #0068b7;  cursor: pointer}
.shopping_cart .shoppingcart_list li.first{padding-bottom: 20px}

@media(max-width:1024px){
.shoppingcart_list .pic{width: 100px}
.shoppingcart_list .info{width: calc(100% - 170px); padding-left: 10px}
.shoppingcart_list .pro{width: 52%;}
.shoppingcart_list .other{width: 47%}
.shoppingcart_list li.item .minus_plus{width: 110px;}
.shoppingcart_list li.item .checkbox{width: 30px;}
.shoppingcart_list li.item .info{width: calc(100% - 140px);}
}
@media(max-width:768px){
.shoppingcart_list .pro{width: 100%}
.shoppingcart_list .pro h4{margin-bottom: 0}
.shoppingcart_list .other{width: 100%; padding-top: 10px}
.shoppingcart_list .pic{width:80px}
.shoppingcart_list li.item{line-height: 22px;}
.shoppingcart_list li.item .info{width: calc(100% - 120px);}
.shoppingcart_list li.first .other{display: none}
.payment .pay{line-height: 40px;}
}


.orders_list .orderID{background: #fafafa; line-height: 48px; padding: 0px 26px}
.orders_list .orderID span i{color: #fff; background: #0068b7; border-radius: 4px; font-style: normal; font-size: 13px;padding: 0px 3px; margin-right: 5px;}
.orders_list .orderItem{position: relative;}
.orders_list .total{text-align: right;border-top: solid 1px #ebebeb; padding: 1% 2%}
.orders_list .total b{color: #0068b7;}
.orders_list .td_pro{width: 52%;}
.orders_list .td_pro .list{padding:4%}
.orders_list .td_pro .pic{width:22.365%;}
.orders_list .td_pro .pro{width:calc(70% - 100px)}
.orders_list .td_pro .pro h4{margin-bottom:10px}
.orders_list .td_pro .num{width:100px; text-align: center}
.orders_list .td_other{width:28%; text-align: center}
.orders_list .td_other .price{width: 50%;}
.orders_list .td_other .tpye{width: 50%;}
.orders_list .td_other .state{width: 50%}
.orders_list .td_operate{width:20%; text-align: center}
.orders_list .td_operate span{display: block; padding: 5px 0}
.orders_list .td_operate a{display:inline-block;line-height: 34px; border: solid 1px #e6e6e6; min-width:120px; margin:auto; border-radius: 20px; cursor: pointer}
.orders_list .td_operate i{font-style: normal}
.orders_list .td_operate span.blue a{color: #fff; background: #0068b7; border-color: #0068b7}
.orders_list li.item{border: solid 1px #ebebeb;line-height: 26px; margin-bottom: 20px;}
.orders_list li.item .td_pro{border-right: solid 1px #ebebeb}
.orders_list li.item .td_pro .list:not(:last-child){border-bottom: solid 1px #ebebeb}
.orders_list li.item .td_pro .pic{border: solid 1px #ebebeb}
.orders_list li.item .td_other .price{color: #0068b7; font-weight: bold}
.orders_list li.item .orderItem:before,
.orders_list li.item .orderItem:after{content: '';position: absolute; width: 1px; height: 100%; top: 0; background: #ebebeb}
.orders_list li.item .orderItem:before{right:34%;}
.orders_list li.item .orderItem:after{right: 20%;}
@media(max-width:1024px){
.orders_list .orderID{padding: 0px 2%; font-size: 14px;}
.orders_list .td_pro{width: 100%}
.orders_list .td_pro .list{padding: 2%}
.orders_list .td_other{width: 100%; justify-content: flex-end; padding: 2% 2% 0 2%;border-top: solid 1px #ebebeb;}
.orders_list .td_other .price{width: auto}
.orders_list .td_other .tpye{width: auto}
.orders_list .td_other .state{width: auto; padding-left: 2vw}
.orders_list .td_operate{width: 100%; display: flex; justify-content: flex-end;padding: 2%}
.orders_list .td_operate span{padding: 0px 0px 0px 10px}
.orders_list .td_operate a{padding: 0px 10px;min-width: inherit; line-height: 26px}
.orders_list li.item .orderItem:before,
.orders_list li.item .orderItem:after{display: none}
.orders_list li.first .td_other,
.orders_list li.first .td_operate{display: none}
}

.orders_txt{background: #fafafa; padding:3%}
.orders_txt .txt{line-height: 30px; padding-top: 2%}
.orders_txt .txt dd{flex: 1}

.orders_tracking{background: #fafafa; padding:3%; margin: 2% 0}
.orders_tracking .step{padding: 2% 0; border-bottom: solid 1px #e6e6e6; margin-bottom: 2%}
.orders_tracking .step ul{width: 90%; margin: auto}
.orders_tracking .step ul li{flex: 1; text-align: center; position: relative}
.orders_tracking .step ul li:not(:first-child):after{content:''; position: absolute;right:50%; width: 100%; height: 4px; top: 10px;background: #dcdcdc}
.orders_tracking .step ul li i{display: block; font-size: 14px; line-height: 26px; font-style: normal; margin: auto;margin-bottom: 20px; width: 26px; height: 26px;box-shadow: 0 0 0 6px #dcdcdc; border-radius: 100px;background: #0068b7 no-repeat center center; color: #fff; position: relative; z-index: 2}
.orders_tracking .step ul li.now:after{background: #0068b7}
.orders_tracking .step ul li.now i{font-size: 0;background-image: url("../images/gou.svg")}

.orders_tracking .process{margin: 0px 2%; padding: 10px; line-height: 24px; max-height: 350px; overflow-y: auto}
.orders_tracking .process dl{padding: 5px 0;  border-left: solid 2px #e6e6e6; position: relative}
.orders_tracking .process dl:before{content: ''; left: -5px; top: 12px; position: absolute; width: 10px; height: 10px; border: solid 2px #ffffff; background: #c0c0c0; box-shadow: 0 0 0 2px #e6e6e6; border-radius: 100px;}
.orders_tracking .process dt{padding: 0 50px}
.orders_tracking .process dd{flex: 1}
.orders_tracking .process dd span{display: block}
.orders_tracking .process dl.now{color: #0068b7}
.orders_tracking .process dl.now:before{background: #0068b7; box-shadow: 0 0 0 2px #0068b7; }
.orders_tracking .tips{padding-top: 2%; border-top: solid 1px #e6e6e6}
.orders_tracking .tips span{display: inline-block}
.orders_tracking .tips span:first-child{padding-right: 2vw}
@media(max-width:1024px){
.orders_tracking .step{padding: 5% 0}
.orders_tracking .step ul{width: 100%}

.orders_tracking .process dt{padding: 0 20px}
.orders_tracking .process dd{flex: initial; width: 100%; padding-left: 20px;}
}

.orders_details{border: solid 1px #ebebeb}
.orders_details li{padding: 2%;}
.orders_details .td_pro{width: 50%}
.orders_details .td_pro .pic{width:22.365%;}
.orders_details .td_pro .pro{width:74%}
.orders_details .td_pro .pro h4{margin-bottom: 10px;}
.orders_details .td_other{width: 50%}
.orders_details .td_other > div{flex: 1; text-align: center}
.orders_details li.first{background: #fafafa}
.orders_details li.item{border-top: solid 1px #ebebeb; line-height: 26px;}
.orders_details li.item .td_pro .pic{border: solid 1px #ebebeb}
.orders_details li.item .total{color: #0068b7; font-weight: bold}
@media(max-width:768px){
.orders_details .td_pro{width: 100%}
.orders_details .td_other{width: 100%; padding-left:22.365%;}
.orders_details li.first .td_pro{position: absolute;width: 22.365%; white-space: nowrap;}
.orders_details li.item .td_other{ margin-top: 2%; padding-top: 2%; border-top: solid 1px #ebebeb;background: #fafafa }
}

.orders_account{padding-top: 2%}
.orders_account dl{padding: 10px 0;text-align: right}
.orders_account dl dt{flex: 1;}
.orders_account dl dd{width: 140px;}
.orders_account dl:last-child dd{color: #0068b7; font-weight: 700}

.my_address li{width: 49%; margin-bottom: 2%; border: solid 1px #e8e8e8; padding:30px 2.5%; position: relative}
.my_address li span{display: block;}
.my_address li i{font-style: normal;padding-left: 1.5vw}
.my_address li p{padding-top: 15px; padding-bottom:25px}
.my_address li.default:before{content: '默认地址';position:absolute; padding: 0px 6px; line-height: 20px; left: 0; top: 0; color: #fff;background: #0068b7; font-size: 12px; border-bottom-right-radius: 5px;}
@media(max-width:1024px){
.my_address li{width:100%; }
.my_address li p{padding-bottom: 15px}
}

.vouchers_type li{cursor: pointer}
.vouchers_type li:not(.show){color: #666666}
.vouchers_type li:not(:last-child){margin-right: 2.5vw}

.my_state{background: #fafafa}
.my_state li{margin: 0 1vw; line-height: 50px;cursor: pointer}
.my_state .show{color: #0068b7; border-bottom: solid 2px #0068b7}

.vouchers_list{max-width: 950px;padding-top: 4%}
.vouchers_list li{width: 47.5%; margin-bottom:4%; position: relative; overflow: hidden}
.vouchers_list li a{ border: solid 1px #e8f1f8; background: #f7fbfd;padding:7% 0; color: #999999;}
.vouchers_list li:after{content: ''; left: 130px; height: 90%; margin: auto; top: 0; bottom: 0; position: absolute; border-right: dashed 1px #d7dadb}
.vouchers_list li .price{width: 130px; text-align: center}
.vouchers_list li .price:before,
.vouchers_list li .price:after{content: ''; transform: translateX(-14px); position: absolute; left: 130px; width: 28px; height: 28px; border: solid 1px #e8f1f8; border-radius: 100%; background: #fff; z-index: 5}
.vouchers_list li .price:before{top:-14px;}
.vouchers_list li .price:after{bottom:-14px;}
.vouchers_list li .price span{display: block}
.vouchers_list li .txt{flex: 1; padding: 0 5%}
.vouchers_list li .txt time{display: block;padding:10px 0; font-size: 14px;}
.vouchers_list li .txt span{line-height: 22px; padding: 0px 10px; font-size: 14px; color: #ffffff; background: #999999; border-radius: 20px;}
.vouchers_list li .state{background: #999999;line-height: 22px; font-size: 14px; transform: rotate(45deg); position: absolute; top:12px; right:-22px; padding: 0px 20px; color: #fff}
.vouchers_list li.useful a{border-color:#b2d1e9;background: #e5f0f8; cursor: pointer}
.vouchers_list li.useful .price span:nth-child(1){color: #0068b7}
.vouchers_list li.useful .price:before,
.vouchers_list li.useful .price:after{border-color: #b2d1e9}
.vouchers_list li.useful .txt span{background: #0068b7}
.vouchers_list li.useful .txt p{color: #333333}
.vouchers_list li.useful .state{background: #0068b7}


.my_invoice li{width: 49%; margin-bottom: 2%; border: solid 1px #e8e8e8; padding:2.5%}
.my_invoice li span{display: block; padding: 5px 0}
@media(max-width:1024px){
.my_invoice li{width:100%;}
}

.my_notice li{padding: 1.4% 0; border-bottom: dotted 1px #dbdbdb}
.my_notice li span{float: right}
.my_notice li.read:before{content: ''; width: 6px; height: 6px; position: absolute; background: #f93c4f; border-radius: 100px;}

.my_integrate li{padding: 1.4% 0; border-bottom: dotted 1px #dbdbdb}
.my_integrate li span:nth-child(2){flex: 1; padding-left: 30px;}
.my_integrate li span:nth-child(3){ color: #0068b7}
.my_integrate table{ width: 100%; table-layout: fixed; }
.my_integrate table td{ padding: 10px 20px;}
.my_integrate table tr{ background: #fafafa;}
.my_integrate table tr:nth-child(2n){ background-color: #f2f2f2; }
.my_integrate table .red,
.member-group .column .red{ color: #f93c4f;}

.payment-address{}
.payment-address .my_address li.select{border-color: #0068b7}
.payment-product{padding-top: 4%}
.payment-total .orders_account{border: solid 1px #e8e8e8;}
.payment-total .orders_account dl{ padding: 10px 3%;}
.payment-total .payment{border: solid 1px #e8e8e8}

.popup{position: fixed; width: 100%; height: 100%; z-index: 1000; left: 0; top: 0; background: rgba(0,0,0,0.5); display: none}
.popup .outbox{height: 100%;}
.popup .inbox{background: #fff; max-width: 740px; width: 100%}
.popup .title{background: #f2f2f2; font-size: 18px;padding: 10px 30px; line-height: 40px;color: #333333;}
.popup .close{ position: relative; width: 30px; height: 30px; cursor: pointer}
.popup .close:before,
.popup .close:after{content: ''; position: absolute; margin: auto; left: 0; right: 0; top: 0; bottom: 0; width: 50%; height: 1px; background: #373737}
.popup .close:before{transform: rotate(45deg)}
.popup .close:after{transform: rotate(-45deg)}
.popup .box{padding: 20px 30px; font-size: 16px;}
.popup .item-box{margin-bottom: 20px; line-height: 48px; max-width: 630px;}
.popup .biaoti{text-align: right;width: 110px; margin-right: 20px; font-weight: 500}
.popup .label{padding-left: 20px; font-weight: 500; position: absolute; color: #999999}
.popup .item{flex: 1}
.popup .text{padding-left: 20px; width: 100%; border: solid 1px #ededed; height: 48px;}
.popup select{ border: solid 1px #ededed; height: 48px;}
.popup .btn-box{padding-top: 10px;}
.popup .btn-box .item{display: flex; justify-content: space-between}
.popup .btn-box .btn{display: inline-block; color: #fff; text-align: center; width: 48%; background: #0068b7; cursor: pointer; border: none}
.popup .btn-box .btn:hover{background: #044d85;}
.popup .btn-box .btn.btn_reset{color: #666666; background: #ededed}
.popup .btn-box .btn.btn_reset:hover{background: #bfbfbf}
.popup .type{max-width: 300px;}
.popup .type span{width: 48%; border: solid 1px #ededed; text-align: center; cursor: pointer}
.popup .type span.show{color: #0068b7; border-color: #0068b7}

.popup .item label{display: inline-block; font-weight: 500;}
.popup .city-area .item{display: flex; justify-content: space-between}
.popup .city-area .item select{width: 32%; font-size: 14px; color: #999999}

.popupInvoice{position: fixed; width: 100%; height: 100%; z-index: 1000; left: 0; top: 0; background: rgba(0,0,0,0.5); display: none}
.popupInvoice .outbox{height: 100%;}
.popupInvoice .inbox{background: #fff; max-width: 740px; width: 100%}
.popupInvoice .title{background: #f2f2f2; font-size: 18px;padding: 10px 30px; line-height: 40px;color: #333333;}
.popupInvoice .close{ position: relative; width: 30px; height: 30px; cursor: pointer}
.popupInvoice .close:before,
.popupInvoice .close:after{content: ''; position: absolute; margin: auto; left: 0; right: 0; top: 0; bottom: 0; width: 50%; height: 1px; background: #373737}
.popupInvoice .close:before{transform: rotate(45deg)}
.popupInvoice .close:after{transform: rotate(-45deg)}
.popupInvoice .box{padding: 20px 30px; font-size: 16px;}
.popupInvoice .item-box{margin-bottom: 20px; line-height: 48px; max-width: 630px;}
.popupInvoice .biaoti{text-align: right;width: 110px; margin-right: 20px; font-weight: 500}
.popupInvoice .label{padding-left: 20px; font-weight: 500; position: absolute; color: #999999}
.popupInvoice .item{flex: 1}
.popupInvoice .text{padding-left: 20px; width: 100%; border: solid 1px #ededed; height: 48px;}
.popupInvoice select{ border: solid 1px #ededed; height: 48px;}
.popupInvoice .btn-box{padding-top: 10px;}
.popupInvoice .btn-box .item{display: flex; justify-content: space-between}
.popupInvoice .btn-box .btn{display: inline-block; color: #fff; text-align: center; width: 48%; background: #0068b7; cursor: pointer; border: none}
.popupInvoice .btn-box .btn:hover{background: #044d85;}
.popupInvoice .btn-box .btn.btn_reset{color: #666666; background: #ededed}
.popupInvoice .btn-box .btn.btn_reset:hover{background: #bfbfbf}
.popupInvoice .type{max-width: 300px;}
.popupInvoice .type span{width: 48%; border: solid 1px #ededed; text-align: center; cursor: pointer}
.popupInvoice .type span.show{color: #0068b7; border-color: #0068b7}

.popupInvoice .item label{display: inline-block; font-weight: 500;}
.popupInvoice .city-area .item{display: flex; justify-content: space-between}
.popupInvoice .city-area .item select{width: 32%; font-size: 14px; color: #999999}


.ul_sitemap li{padding: 1.2% 0; border-bottom: dotted 1px #ddd;}
.ul_sitemap li span{display: block; padding-top: 5px;}
.ul_sitemap li span a{display: inline-block;}
.ul_sitemap li span em{padding: 0px 10px;}
.ul_sitemap li span em:last-child{display: none}

.contactUs .contactUs_list{border-bottom: none;}
.contactUs .formBox{display: none;}


.download-dialog {
    padding: 20px;
}
.file-list {
    max-height: 300px;
    overflow-y: auto;
    margin-bottom: 20px;
}
.file-item {
    padding: 10px;
    border-bottom: 1px solid #eee;
}
.file-item:last-child {
    border-bottom: none;
}
.file-item input[type="checkbox"] {
    margin-right: 10px;
}
.dialog-footer {
    text-align: right;
}
.dialog-footer button {
    margin-left: 10px;
}
.download-modal {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
}
.download-modal-mask {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.5);
}
.download-modal-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: auto;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}
.download-modal-header {
    padding: 16px 24px;
    border-bottom: 1px solid #f0f0f0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.download-modal-header h3 {
    margin: 0;
    font-size: 16px;
    font-weight: 500;
}
.close-btn {
    font-size: 20px;
    cursor: pointer;
    color: #999;
}
.close-btn:hover {
    color: #333;
}
.download-modal-body {
    padding: 24px;
    max-height: 400px;
    overflow-y: auto;
}
.download-modal-footer {
    padding: 16px 24px;
    border-top: 1px solid #f0f0f0;
    display: flex;
    align-items: center;
    justify-content: space-between;

}
.download-modal-footer .layui-btn {
    width: calc(160 / 16* 1em);
height: calc(50 / 16* 1em);
border-radius: calc(5 / 16* 1em);
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
background-color: #176db9;
color: #fff;
border: 1px solid #176db9;
}
.download-modal-footer .layui-btn-primary {
    width: calc(160 / 16* 1em);
height: calc(50 / 16* 1em);
border-radius: calc(5 / 16* 1em);
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
background-color: #fff;
color: #176db9;
border: 1px solid #176db9;
}
.file-list {
    max-height: 300px;
    overflow-y: auto;
}
.file-item {
    padding: 8px 0;
    border-bottom: 1px solid #f0f0f0;
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.file-item:last-child {
    border-bottom: none;
}
.file-item input[type="checkbox"] {
    margin-right: 8px;
}
.file-item label {
    cursor: pointer;
}

.file-item a {
	margin-left: 30px;
}

.product_list li {
            cursor: pointer;
        }