.padding{ padding-top:120px; padding-bottom:120px;transition-duration: 0.3s; }
.main_padding{ padding-top:80px; padding-bottom:100px;transition-duration: 0.3s; }
.detail_padding{ padding-top: 200px; padding-bottom: 150px;transition-duration: 0.3s; }
.padding-bottom-80{ padding-bottom:80px;}
.padding-bottom-50{ padding-bottom:50px;}
.padding-top-0{ padding-top:0; }
.swiper{--swiper-theme-color:  var(--mc);/* 设置Swiper风格 */--swiper-navigation-color: #172259;/* 单独设置按钮颜色 */--swiper-navigation-size: 24px;/* 设置按钮大小 */}
.block80{  height: 80px;}
html{height: 100%;}

.btn a{ font-size: 16px; color:var(--mc); display:inline-flex; justify-content: space-between; grid-gap: 24px; align-items: center; border:var(--mc) solid 1px; border-radius:8px; padding: 10px 24px; transition-duration: 0.3s;  }
.btn a:hover{ color:var(--bg); background:var(--mc); }

.index_banner {position: relative;overflow: hidden; }
.index_banner .banner_swiper{height: 100vh}
.index_banner .banner_swiper .swiper-slide{ position: relative;width: 100%;overflow:hidden; background: #000; }
.index_banner .banner_swiper .swiper-slide img.bg{width: 100%; height: 100%; object-fit: cover; opacity: 0.9; animation: breathe 10s ease-in-out;}
.index_banner .banner_swiper .swiper-slide .info{ width: var(--width) ; position:absolute;left: 50%; bottom:80px;  transition-duration: 0.3s; z-index: 33; transform: translateX(-50%); transition-delay:0.5s; }
.index_banner .banner_swiper .swiper-slide .info img.logo{ height:32px; margin: 0 auto;}
.index_banner .banner_swiper .swiper-slide .info h3{ font-size: 60px; padding-top: 24px; line-height: 1.2; font-weight: bold; color:#fff; margin-bottom: 16px;  }
.index_banner .banner_swiper .swiper-slide .info p{ color: #fff; font-size: 20px; line-height: 1.4; width: 56%;  margin-bottom: 50px;}
.index_banner .banner_swiper .swiper-slide .info .more a{   padding: 11px 24px;color: #fff; border-radius: 4px; background: var(--sc); transition-duration: 0.3s; display: inline-flex; justify-content: space-between; grid-gap: 10px; align-items: center;}
.index_banner .banner_swiper .swiper-slide .info .more a:hover{  grid-gap: 15px;}
.index_banner .banner_swiper .swiper-slide .info > *{opacity: 0; transform: translateY(50px); transition: all 1s; }
.index_banner .banner_swiper .swiper-slide .info.white h2{color: #fff; }
.index_banner .banner_swiper .swiper-slide .info.white h3{color: #fff;}
.index_banner .banner_swiper .swiper-slide .info.white p{color: #fff;}
.index_banner .banner_swiper .swiper-slide-active .info > * {  opacity: 1; transform: none;}
.index_banner .banner_swiper .swiper-slide-active .info > *:nth-child(1) { transition-delay: 0.4s;}
.index_banner .banner_swiper .swiper-slide-active .info > *:nth-child(2) { transition-delay: 0.6s;}
.index_banner .banner_swiper .swiper-slide-active .info > *:nth-child(3) { transition-delay: 0.8s;}
.index_banner .banner_swiper .swiper-slide-active .info > *:nth-child(4) { transition-delay: 2s;}
.index_banner .banner_swiper .swiper-slide video{width: 100%; height: 100%; object-fit: cover; opacity: 0.9; animation: breathe 10s ease-in-out;}
.index_banner .banner_swiper .swiper-pagination{bottom: 30px; text-align: left; width: var(--width) ;left: 50%;   transform: translateX(-50%); }
.index_banner .banner_swiper .swiper-pagination-bullet{background: rgba(255,255,255,0.3); opacity: 1; transition-duration: 0.3s; height: 4px; width: 18px; border-radius: 4px;}
.index_banner .banner_swiper .swiper-pagination-bullet-active{background:rgba(255,255,255,1); width: 36px;}

.index_advantages{ background:var(--bg); }
.index_advantages .title{  margin-bottom:36px; padding-bottom: 36px; position: relative}
.index_advantages .title:after{ content: ""; position: absolute; left: 0; right: 0; bottom: 0; width: 60px; height:3px; background: var(--sc); }
.index_advantages .title h2{ line-height: 1; font-size: 48px; color: var(--mc); }
.index_advantages .title p{ line-height: 1; margin-bottom: 6px; font-weight: bold; color: var(--mc);font-size: 16px;font-family: 'Montserrat';}
.index_advantages .content{ display: grid; grid-template-columns: repeat(5,1fr); grid-gap: var(--gg); }
.index_advantages .content .item .icon{background: var(--sc); display: flex; margin: 0 auto; margin-bottom: 20px; justify-content: center; align-items: center; border: #f4e2d7 solid 5px;aspect-ratio: 1; width: 98px; border-radius: 50%; }
.index_advantages .content .item .icon img{ width: 48px; height: 48px;}
.index_advantages .content .item h3{ line-height: 1.2; font-size: 40px; color: var(--mc); margin-bottom: 10px; text-align: center }
.index_advantages .content .item p{ line-height: 1.2; font-size: 16px; color: #666;  text-align: center}

.index_case{background: var(--bg); }
.index_case .row{ display: flex; justify-content: space-between; align-items: center; }
.index_case .row .title{  margin-bottom:36px; padding-bottom: 36px; position: relative}
.index_case .row .title:after{ content: ""; position: absolute; left: 0; right: 0; bottom: 0; width: 60px; height:3px; background: var(--sc); }
.index_case .row .title h2{ line-height: 1; font-size: 48px; color: var(--mc); }
.index_case .row .type .layui-tabs-header:after{ display: none}
.index_case .row .type .layui-tabs-header .layui-this:after{ display: none}
.index_case .row .type .layui-tabs-header .layui-this{ background: var(--sc); color: var(--bg);}
.index_case .row .type .layui-tabs-header .layui-this:hover{ color: var(--bg); }
.index_case .row .type .layui-tabs-header li:hover{ color: var(--sc); }
.index_case .row .type .layui-tabs-header{ display: flex; justify-content: space-between; align-items: center; grid-gap:10px}
.index_case .row .type .layui-tabs-header li{color:#666; border-radius:24px; padding-left: 24px; padding-right: 24px; }
.index_case .row .more a{ color: var(--sc); justify-content: space-between; display: flex; align-items: center; grid-gap: 5px; }
.index_case .row .more a i{ background: var(--sc); color: var(--bg); height: 24px; width: 24px; border-radius: 12px; display: block; display: flex; justify-content: center; align-items: center;  line-height: 1;}
.index_case .layui-tabs-body{ padding: 0;}
.index_case .layui-tabs-body .swiper-slide{ position: relative}
.index_case .layui-tabs-body .swiper-slide .name{ left: 30px; z-index: 3; bottom:30px; position: absolute}
.index_case .layui-tabs-body .swiper-slide .name h3{ font-size: 24px; color:var(--bg); }
.index_case .layui-tabs-body .swiper-slide .name p{  color:var(--bg); }
.index_case .layui-tabs-body .swiper-slide .img{width: 100%; aspect-ratio: 3/1.8; overflow: hidden}
.index_case .layui-tabs-body .swiper-slide .img img{ width: 100%; height: 100%; object-fit: cover; border-radius: 4px; }
.index_case .layui-tabs-body .swiper{ padding-bottom: 50px;}
.index_case .layui-tabs-body .swiper .swiper-pagination-bullet{background: var(--sc); opacity: 0.4; transition-duration: 0.3s; height: 4px; width: 18px; border-radius: 4px;}
.index_case .layui-tabs-body .swiper .swiper-pagination-bullet-active{background: var(--sc); opacity: 1; width: 36px;}



.index_brand .title{  margin-bottom:36px; padding-bottom: 36px; position: relative}
.index_brand .title:after{ content: ""; position: absolute; left: 0; right: 0; bottom: 0; width: 60px; height:3px; background: var(--sc); }
.index_brand .title h2{ line-height: 1; font-size: 48px; color: var(--mc); }
.index_brand .title p{ line-height: 1; margin-bottom: 6px; font-weight: bold; color: var(--mc);font-size: 16px;font-family: 'Montserrat';}
.index_brand .content{ display: grid; grid-template-columns: repeat(2,1fr); grid-gap:var(--gg);}
.index_brand .content .item .img{ width: 100%; aspect-ratio: 10/5; overflow: hidden ;border-radius: 4px 4px 0px 0px ;}
.index_brand .content .item .img img{ width: 100%; height: 100%; transition-duration: 0.5s; object-fit: cover; }
.index_brand .content .item:hover .img img{ transform: scale(1.1); }
.index_brand .content .item .info{ background: var(--bg); padding: 32px; border-radius: 0px 0px 4px 4px;}
.index_brand .content .item .info h3{ line-height: 1; display: flex; justify-content: space-between; align-items: center; border-bottom: #d8ccc6 solid 1px; padding-bottom: 12px; margin-bottom: 12px;}
.index_brand .content .item .info h3 strong{ color: var(--sc);font-family: 'Montserrat'; font-size: 36px; font-weight: normal; width: 150px; text-align: center; position: relative; }
.index_brand .content .item .info h3 strong:after{content:""; position: absolute; left: 0; right: 0; bottom:-13px; width: 100%; height:1px; background: var(--sc); }
.index_brand .content .item .info h3 span{ color: var(--mc); font-size: 24px; }
.index_brand .content .item .info p{ line-height: 1; display: flex; justify-content: space-between; align-items: center;  }
.index_brand .content .item .info p span:first-child{ font-size: 18px; color: var(--sc); font-weight: 700; width: 150px; text-align: center; }
.index_brand .content .item .info p span:last-child{ font-size: 16px; color: var(--mc); }

.index_choose{position: relative;overflow: hidden}
.index_choose .content{  }
.index_choose .box{ padding-right: 45%;}
.index_choose .title{ margin-bottom:36px; padding-bottom: 36px; position: relative}
.index_choose .title:after{ content: ""; position: absolute; left: 0; right: 0; bottom: 0; width: 60px; height:3px; background: var(--sc); }
.index_choose .title h2{ line-height: 1; font-size: 48px; color: var(--mc); }
.index_choose .content{ display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 64px; padding-top: 24px; padding-right: 64px;}
.index_choose .content .item{ text-align: left}
.index_choose .content .item .icon{background: var(--sc); display: flex;  margin-bottom: 20px; justify-content: center; align-items: center; border: #f4e2d7 solid 5px;aspect-ratio: 1; width: 98px; border-radius: 50%; }
.index_choose .content .item .icon img{ width: 48px; height: 48px;}
.index_choose .content .item h3{ line-height: 1.2; font-size: 24px; color: var(--sc); margin-bottom: 20px; text-align: left }
.index_choose .content .item p{ line-height: 1.6;  color: #666;  text-align: left}
.index_choose .img{ z-index: 2; overflow: hidden; position: absolute; width:45%; top: 0; right: 0; bottom: 0; }
.index_choose .img img{ width: 100%; height: 100%; transition-duration: 0.5s; object-fit: cover; }


.detail_banner{overflow: hidden; position: relative;}
.detail_banner::after{content: "";position: absolute;top: 0;width: 100%;height: 240px; left: 0px; right: 0px; background: linear-gradient(180deg, rgba(62,50,42,0.9), rgba(62,50,42,0.0)); z-index: 12; }
.detail_banner .pagewidth{position: relative; height: 600px;}
.detail_banner .text{  text-align: left; position: absolute; left: 0px; right: 0px; bottom:80px;z-index: 2; }
.detail_banner .text h1{ font-size: 60px; line-height: 1; color:#fff;font-weight: 700; margin-bottom: 12px;}
.detail_banner .text h2{ font-size: 20px; color:#fff; }
.detail_banner .text .icon{ border-radius: 56px; height: 48px; width: 48px; color: #fff; font-size: 24px; display: flex; justify-content: center; align-items: center; border: #fff solid 2px;}
.detail_banner img.detailbg{transform: scale(1.2);animation: bannerZoomOut 20s ease-out forwards;  width: 100%; height: 100%; object-fit: cover; position: absolute; opacity:1; left: 0;right: 0px; top: 0px; bottom: 0px;}
/* 定义缩小关键帧动画 */
@keyframes bannerZoomOut {
    0% {
        transform: scale(1.2); /* 初始放大状态 */
    }
    100% {
        transform: scale(1); /* 最终还原正常大小 */
    }
}

.detail_menu_wrapper {min-height: 72px;background: #fff;}
.detail_menu{  position: relative; z-index: 2; background:rgba(255,255,255,0.9); box-shadow: 0px 5px 20px rgba(62,50,42,0.1);  -webkit-backdrop-filter:blur(10px); backdrop-filter: blur(10px); }
.detail_menu.fixed { position: fixed; top: 88px; left: 0; right: 0; animation: slideDown 0.3s ease;}
.detail_menu .pagewidth{}
.detail_menu ul{display: flex; justify-content:left; grid-gap:24px;height: 80px; align-items: center; }
.detail_menu ul li{ }
.detail_menu ul li a{ display:block; padding: 10px 32px; border-radius: 24px; color:#333;  text-align: center; transition-duration: 0.3s;}
.detail_menu ul li a.active{ color:var(--bg); background:  var(--sc); position: relative;}
.detail_menu ul li a:hover{  color:var(--sc); }
.detail_menu ul li a.active:hover{ color:var(--bg); }
.detail_menu ul li a.active{}

.detail_menu_wrapper.detail {min-height: 72px;background: var(--mc);}
.detail_menu_wrapper.detail .detail_menu{  position: relative; z-index: 199; background: var(--mc); box-shadow: 0px 5px 20px rgba(0,0,0,0.05);  -webkit-backdrop-filter:blur(10px); backdrop-filter: blur(10px); }
.detail_menu_wrapper.detail .detail_menu.fixed { position: fixed; top: 88px; left: 0; right: 0; animation: slideDown 0.3s ease;}
.detail_menu_wrapper.detail .detail_menu .pagewidth{}
.detail_menu_wrapper.detail .detail_menu ul{display: flex; justify-content: center;}
.detail_menu_wrapper.detail .detail_menu ul li{ width: auto; }
.detail_menu_wrapper.detail .detail_menu ul li a{ display:block;height:72px; margin-left: 32px; margin-right: 32px; line-height:72px;color:rgba(255,255,255,0.6);  text-align: center; transition-duration: 0.3s;}
.detail_menu_wrapper.detail .detail_menu ul li a.active{ color:#fff; position: relative; font-weight: 500;}
.detail_menu_wrapper.detail .detail_menu ul li a.active:after{position: absolute; left: 0px; right: 0px; bottom:0px; transition-duration: 0.3s; height: 2px; background:#fff; content: ''; }
.detail_menu_wrapper.detail .detail_menu ul li a:hover{ color:#fff; font-weight: 500;}
.detail_menu_wrapper.detail .detail_menu ul li a.active:hover{ color:#fff; font-weight: 500;}
.detail_menu_wrapper.detail .detail_menu ul li a.active{}



.list_company{position: relative;overflow: hidden}
.list_company::after{content: ""; position: absolute; left: 0px; right: 0px; z-index: -1; bottom: 0px; height: 380px; background: var(--bg)}
.list_company .content{  padding-bottom: 140px; padding-right: 120px;}
.list_company .box{ padding-right: 50%;}
.list_company .title{ margin-bottom:36px; padding-bottom: 36px; position: relative}
.list_company .title:after{ content: ""; position: absolute; left: 0; right: 0; bottom: 0; width: 60px; height:3px; background: var(--sc); }
.list_company .title h2{ line-height: 1.2; font-size: 48px; color: var(--mc); }
.list_company .img{ z-index: 2; position: absolute; width:50%; top: 0; right: 0; bottom: 0; }
.list_company .img img{ width: 100%; height: 100%; transition-duration: 0.5s; object-fit: cover; }
.list_company .play{ transition-duration: 0.3s; position: absolute; left: -41px; top: 50%;transform: translateY(-50%); color: #fff; display: flex; border-radius: 50px; justify-content: center; align-items: center; line-height: 1; z-index: 2;  border: rgba(244,244,244,0.7) solid 10px;}
.list_company .play a{ display: block; color: #fff; border-radius: 50px; width: 72px; height: 72px;display: flex;background: var(--sc); justify-content: center; align-items: center; line-height: 1; font-size: 24px;}
.list_company .play:hover{ transform: translateY(-50%) scale(1.1); }
.list_company .data{ display: flex; justify-content: space-between; grid-gap: var(--gg); padding-top: 72px; padding-right: 120px;}
.list_company .data .item .icon{ margin-bottom: 20px;}
.list_company .data .item .icon img{ width: 48px; height: 48px;}
.list_company .data .item h3{ line-height: 1.2; font-size: 48px; color: var(--mc); margin-bottom: 10px; text-align: left }
.list_company .data .item p{ line-height: 1.2; font-size: 16px; color: #666;  text-align: left}

.list_vision{ position: relative; overflow: hidden; height: 75vh;}
.list_vision .parallax-bg{ position: absolute; top: -16%; left: 0; width: 100%; right: 0px; bottom: 0px; z-index: -1;}
.list_vision .title{ margin-bottom:36px; padding-bottom: 36px; position: relative}
.list_vision .title:after{ content: ""; position: absolute; left: 0; right: 0; bottom: 0; width: 60px; height:3px; background: #fff; }
.list_vision .title h2{ line-height: 1.2; font-size: 48px; color:#fff; }
.list_vision .content{ color: #fff; font-size: 20px; font-weight: 700;}

.list_history .pagewidth{ display: grid; grid-template-columns: repeat(2, 1fr);  grid-gap: var(--gg); align-items: center;  }
.list_history .article-list{ position: relative}
.list_history .article-list::after{content: ""; z-index: 1; position: absolute; left: 224px;bottom: 0; top: 0; width: 1px; height:100%; background: var(--sc) }
.list_history .article-list .item{ display: grid; grid-template-columns: 200px auto; grid-gap: 80px; padding-bottom: 24px; margin-bottom: 24px;}
.list_history .article-list .item .history_year{ padding-right: 30px;}
.list_history .article-list .item .history_year h2{ line-height: 30px; position: relative; text-align: right}
.list_history .article-list .item .history_year h2::after{content: ""; z-index: 2;position: absolute;right: -60px; width: 7px; transform: translateY(-50%); top:50%; border-radius: 7px; background: #fff; border:var(--sc) solid 2px; height:7px; background: #fff; }
.list_history .article-list .item .history_content h3{ line-height: 30px;}
.list_history .img img{ width: 100%; height: 100%; transition-duration: 0.5s; object-fit: cover; border-radius: 24px;}
.list_history .article-list .item:last-child{ margin-bottom: 0px; padding-bottom: 0px;}





    /*.list_history{background: var(--bg)}*/
/*.list_history .title{display: grid; grid-template-columns: 380px auto 380px; justify-content: space-between; align-items: center; padding-top: 120px; padding-bottom: 120px; position: relative}*/
/*.list_history .left{text-align: center; position: relative;  padding-bottom: 200px; line-height: 1;}*/
/*.list_history .left strong{font-size: 120px; color: #fff; line-height: 1; display: block;}*/
/*.list_history .left img{width: 380px; height: 220px; object-fit: cover; border-radius: 6px; position: absolute; left: 50%; top:24%;transform: translateX(-50%);}*/
/*.list_history .title h2{ padding-top: 100px; padding-bottom: 100px; line-height: 1.2; width: 100%; text-align: center; font-size:60px; text-transform:uppercase; text-align:center; color:var(--mc); }*/
/*.list_history .title h2 span{color: var(--blue);}*/
/*.list_history .right{text-align: center; position: relative; padding-top: 150px; line-height: 1;}*/
/*.list_history .right strong{font-size: 120px; color: #fff; line-height: 1; display: block;}*/
/*.list_history .right img{width: 380px; height: 220px; object-fit: cover; border-radius: 6px; position: absolute; left: 50%; top:-10%; transform: translateX(-50%);}*/

/*.history-recent .recent-inner .desc dl dt {}*/
/*.history-recent .recent-inner .desc dl dd {color: #8A94CF;}*/
/*.history-recent .recent-inner .desc dl dd em {color: #fff;}*/

/*.history-per-years {word-break: keep-all;position: relative;}*/
/*.history-per-years .inner {display: grid ; grid-template-columns: 40% auto; align-items: flex-start; padding-top: 160px; padding-bottom: 160px; justify-content: space-between;position: relative;  margin-top: -200px;}*/
/*.history-per-years .years { padding-left: 100px;font-size: 120px;font-weight: 400;letter-spacing: 0;line-height: 9.7222222222rem; font-weight: 700;}*/
/*@media screen and (max-width: 768px) {*/
/*.history-per-years .years {display: none;}  .history-per-years .inner {display: flex;align-items: flex-start;padding: 0px; position: relative;  margin-top: 0px;}*/
/*}*/
/*.history-per-years .years dl {display: flex;color: var(--sc);}*/
/*.history-per-years .years dl dd {height: 155px;}*/
/*.history-per-years .years dl dd ul li {opacity: 0.06;transition: opacity 400ms;will-change: opacity;}*/
/*.history-per-years .years dl dd ul li.current {opacity: 1;}*/
/*.history-per-years .details {}*/
/*.history-per-years .details .hover-img {position: absolute;}*/
/*.history-per-years .details .detail-block {box-sizing: border-box;opacity: 0.4;transition: opacity 400ms;will-change: opacity;}*/
/*.history-per-years .details .detail-block.current {opacity: 1;}*/
/*.history-per-years .details .detail-block .inactive {opacity: 0.4;}*/
/*.history-per-years .details .detail-block dt, .history-per-years .details .detail-block li {transition: opacity 400ms;will-change: opacity;}*/
/*@media screen and (max-width: 768px) {*/
/*.history-per-years .details .detail-block {margin-bottom:20px;opacity: 1;}*/
/*}*/
/*.history-per-years .details .detail-block h4 {display: none; color: var(--sc);}*/
/*@media screen and (max-width: 768px) {*/
/*.history-per-years .details .detail-block h4 {display: block;font-size: 24px;margin-bottom: 15px;letter-spacing: 0;}*/
/*}*/
/*.history-per-years .details .detail-block dl {border-bottom: 1px solid #E5E5E5;display: grid; grid-template-columns: 100px auto; padding-top: 25px; padding-bottom: 25px;}*/
/*.history-per-years .details .detail-block dl dt {color: var(--sc); font-size: 24px;}*/
/*.history-per-years .details .detail-block dl dd {}*/
/*.history-per-years .details .detail-block dl dd ul {}*/
/*.history-per-years .details .detail-block dl dd ul li {position: relative;}*/
/*.history-per-years .details .detail-block dl dd ul li h5{ font-size: 24px;}*/
/*.history-per-years .details .detail-block dl dd ul li p{ font-size:15px;}*/
/*.history-per-years .details .detail-block dl dd ul li.has-image p:after {*/
/*    display: inline-block;*/
/*    background-size: contain;*/
/*    content: "";*/
/*    margin-left: 0.4em;*/
/*    margin-top: 0.2em;*/
/*    vertical-align: top;*/
/*}*/
/*@media screen and (max-width: 1024px) {*/
/*    .history-per-years .details .detail-block dl dd ul li.has-image p:after {*/
/*        display: none;*/
/*    }*/
/*}*/
/*.history-per-years .details .detail-block dl dd ul li + li {*/
/*    margin-top: 1rem;*/
/*}*/
/*.history-per-years .details .detail-block dl dd ul li:hover img {*/
/*    opacity: 1;*/
/*    max-width: 420px;*/
/*}*/
/*.history-per-years .details .detail-block dl dd img {*/
/*    width: 100%;*/
/*    max-width: 420px;*/
/*    border-radius: 0.4444444444rem;*/
/*    isolation: isolate;*/
/*    display: none;*/
/*}*/
/*@media screen and (max-width: 1024px) {*/
/*    .history-per-years .details .detail-block dl dd img {*/
/*        margin-top: 1rem;*/
/*        display: block;*/
/*    }*/
/*}*/
/*.history-per-years .details .detail-block:last-child dl:last-child {*/
/*    border-bottom: 0;*/
/*}*/
/*@media screen and (max-width: 768px) {*/
/*    .history-per-years .details .detail-block dl:last-child {*/
/*        border-bottom: 0;*/
/*    }*/
/*    .history-per-years .details .detail-block dl {*/
/*        padding: 15px 0;*/
/*        border-bottom: 1px solid #E5E5E5;*/
/*        line-height: 1.7777777778em;*/
/*        display: flex;*/
/*    }*/
/*}*/
/*.history-per-years .details {*/
/*    position: relative;*/
/*}*/
/*.history-per-years .hover-img {*/
/*    position: absolute;*/
/*    transform: translateY(-50%);*/
/*    top: 0;*/
/*    right: 0;*/
/*    z-index: 3;*/
/*    opacity: 0;*/
/*    pointer-events: none;*/
/*    transition: opacity 300ms;*/
/*    will-change: opacity;*/
/*    margin-top: 9.1666666667rem;*/
/*}*/
/*.history-per-years .hover-img img {*/
/*    display: block;*/
/*    max-width: 420px;*/
/*    border-radius: 0.4444444444rem;*/
/*}*/
/*.history-per-years .hover-img.active {*/
/*    opacity: 1;*/
/*}*/
/*@media screen and (max-width: 1024px) {*/
/*    .history-per-years .hover-img {*/
/*        display: none;*/
/*    }*/
/*}*/





.list_honor{ background: var(--bg);}
.list_honor .title{ display: flex; align-items: start; justify-content: space-between; }
.list_honor .title h2{ font-size: 36px; font-weight: bold; line-height: 1; padding-bottom: 30px; margin-bottom: 30px; position: relative; }
.list_honor .title h2:after{content: "";  position: absolute; left: 0px; bottom: 0px; width: 40px; height: 2px; background: var(--sc); }
.list_honor .types{ display: flex; align-items: center; justify-content: space-between;grid-gap: 12px; padding-top: 10px;}
.list_honor .types li a{color: #333; padding: 10px 20px; font-size: 17px; }
.list_honor .types li.active a{ background: var(--sc);  color: #fff; border-radius: 30px;}

.list_honor .article-list{ display: grid; grid-template-columns:repeat(4,1fr); grid-gap: var(--gg); }
.list_honor .article-list .item{ border-radius: 8px; padding: 32px; box-shadow: 0px 10px 20px rgba(0,0,0,0.0); background: rgba(255,255,255,0.8);  transition-duration: 0.3s;}
.list_honor .article-list .item .img{ width: 100%; aspect-ratio: 1; display: flex; align-items: center; justify-content: center; margin-bottom: 24px; }
.list_honor .article-list .item .img img{ width: 100%; height: 100%; object-fit: contain; transition-duration: 0.3s; }
.list_honor .article-list .item .name { text-align: center; color: #333; transition-duration: 0.3s;}
.list_honor .article-list .item:hover{ background:rgba(255,255,255,1); box-shadow: 0px 10px 20px rgba(0,0,0,0.05); transform: translateY(-5px)}
.list_honor .article-list .item:hover .name {color: var(--main); }


.list_team_top{ background: var(--bg); padding-top: 80px; padding-bottom:var(--gg);}
.list_team_top .top{ border-radius: 8px; padding: 76px; box-shadow: 0px 10px 20px rgba(0,0,0,0.0); background: rgba(255,255,255,0.8);  transition-duration: 0.3s; padding-right: 120px;}
.list_team_top .top{ display:grid; grid-template-columns:auto 400px; grid-gap:120px; }
.list_team_top .top .content h3{ font-size:24px;  color: var(--mc); }
.list_team_top .top .content .name{ font-size:48px;  color: var(--sc); font-weight: 700; }
.list_team_top .top .content .desc{ font-size:24px;  color: var(--mc); }
.list_team_top .top .content .html{ display: grid;  grid-template-columns:repeat(2,1fr); grid-gap: var(--gg); padding-top: 50px; }
.list_team_top .top .content .html .item h3{ font-size: 18px; line-height: 1; color: var(--mc); position: relative; padding-bottom: 20px; margin-bottom: 20px; }
.list_team_top .top .content .html .item h3:after{content: "";  position: absolute; left: 0px; bottom: 0px; width: 30px; height: 2px; background: var(--sc); }
.list_team_top .top .content .html .item .box{ transition-duration: 0.3s; font-size: 15px; color: #666; line-height: 2; height:150px; overflow: hidden; position: relative }
.list_team_top .top .content .html .item .box::after{content: "";position: absolute;bottom: 0;width: 100%;height: 50px; left: 0px; right: 0px; background: linear-gradient(180deg, rgba(255,255,255,0), rgba(255,255,255,1)); z-index: 12; }
.list_team_top .top .content .html .item .more{ padding-top: 10px;}
.list_team_top .top .content .html .item .box.open{ height: auto;}
.list_team_top .top .content .html .item .box.open::after{ display: none; }
.list_team_top .top .photo{ position: relative; height: 400px; }
.list_team_top .top .photo .img{ border-radius: 50%; width: 400px; height: 400px;overflow: hidden; position: relative; z-index: 2; }
.list_team_top .top .photo::after{content: ""; position: absolute;  left: 0px; bottom: 0px; border-radius: 50%; height: 420px; width: 420px; border:#666666 dashed 1px;  z-index: 1; }
.list_team_top .top .photo .img img{ width: 100%; height:100%; transition-duration: 0.5s; object-fit: cover; }
.list_team_top .top:hover .photo .img img{transform: scale(1.1)}

.list_team{ background: var(--bg); padding-bottom: 100px;}
.list_team .article-list{ display: grid; grid-template-columns:repeat(2,1fr); grid-gap: var(--gg); }
.list_team .article-list .item{ border-radius: 8px; padding:48px; display: grid; grid-template-columns: 180px auto; grid-gap: 32px; box-shadow: 0px 10px 20px rgba(0,0,0,0.0); background: rgba(255,255,255,0.8);  transition-duration: 0.3s;}
.list_team .article-list .item .img{ width: 180px; height: 180px; border-radius: 50%; margin: 0 auto; overflow: hidden;}
.list_team .article-list .item .img img{ width: 100%; height:100%; transition-duration: 0.5s; object-fit: cover; }
.list_team .article-list .item .info h3{ text-align: left; font-size: 24px; color: var(--sc); line-height: 1.5; margin-bottom: 12px;}
.list_team .article-list .item .info h5{ text-align: left; font-size: 14px; color: var(--sc); line-height: 1.5; text-align: left }
.list_team .article-list .item .info p{ text-align: left; color: #666; font-size: 16px; line-height: 1.5; }
.list_team .article-list .item .info .row{ display: grid; grid-template-columns: 76px auto; margin-bottom: 10px; }

.brand_banner {position: relative;overflow: hidden; }
.brand_banner .banner_swiper{height: 100vh}
.brand_banner .banner_swiper .swiper-slide{ position: relative;width: 100%;overflow:hidden; background: #000; }
.brand_banner .banner_swiper .swiper-slide img.bg{width: 100%; height: 100%; object-fit: cover; opacity: 0.9; animation: breathe 10s ease-in-out;}
.brand_banner .banner_swiper .swiper-slide .info{ width: var(--width) ; position:absolute;left: 50%; top:50%;  transition-duration: 0.3s; z-index: 33; transform: translate(-50%,-50%); transition-delay:0.5s; }
.brand_banner .banner_swiper .swiper-slide .info img.logo{ height:32px; margin: 0 auto;}
.brand_banner .banner_swiper .swiper-slide .info h5{ font-size: 20px;  line-height: 1.2;   color:#fff; margin-bottom: 16px;  }
.brand_banner .banner_swiper .swiper-slide .info h3{ font-size: 60px;  line-height: 1.2; font-weight: bold; color:#fff; margin-bottom: 16px;  }
.brand_banner .banner_swiper .swiper-slide .info .desc{ color: #fff; font-size: 24px; line-height: 1.2; width: 56%;  margin-bottom: 50px;}
.brand_banner .banner_swiper .swiper-slide .info .more{ display: flex; justify-content: left; align-items: center; grid-gap:var(--gg); }
.brand_banner .banner_swiper .swiper-slide .info .more a{  padding: 8px 24px;color: #fff; border-radius: 32px; background: var(--sc); transition-duration: 0.3s; display: inline-flex; justify-content: space-between; grid-gap: 10px; align-items: center;}
.brand_banner .banner_swiper .swiper-slide .info .more a:hover{ filter: brightness(1.08); }
.brand_banner .banner_swiper .swiper-slide .info .more a:first-child{ border: var(--sc) solid 2px;}
.brand_banner .banner_swiper .swiper-slide .info .more a:last-child{ border: #fff solid 2px; background: rgba(255,255,255,0);}
.brand_banner .banner_swiper .swiper-slide .info .more a:last-child:hover{background: rgba(255,255,255,1);color: var(--sc); border: #fff solid 2px; }


.brand_banner .banner_swiper .swiper-slide .info > *{opacity: 0; transform: translateY(50px); transition: all 1s; }
.brand_banner .banner_swiper .swiper-slide .info.white h2{color: #fff; }
.brand_banner .banner_swiper .swiper-slide .info.white h3{color: #fff;}
.brand_banner .banner_swiper .swiper-slide .info.white .desc{color: #fff;}
.brand_banner .banner_swiper .swiper-slide-active .info > * {  opacity: 1; transform: none;}
.brand_banner .banner_swiper .swiper-slide-active .info > *:nth-child(1) { transition-delay: 0.4s;}
.brand_banner .banner_swiper .swiper-slide-active .info > *:nth-child(2) { transition-delay: 0.6s;}
.brand_banner .banner_swiper .swiper-slide-active .info > *:nth-child(3) { transition-delay: 0.8s;}
.brand_banner .banner_swiper .swiper-slide-active .info > *:nth-child(4) { transition-delay: 2s;}
.brand_banner .banner_swiper .swiper-slide video{width: 100%; height: 100%; object-fit: cover; opacity: 0.9; animation: breathe 10s ease-in-out;}
.brand_banner .banner_swiper .swiper-pagination{bottom: 30px; text-align: left; width: var(--width) ;left: 50%;   transform: translateX(-50%); }
.brand_banner .banner_swiper .swiper-pagination-bullet{background: rgba(255,255,255,0.3); opacity: 1; transition-duration: 0.3s; height: 4px; width: 18px; border-radius: 4px;}
.brand_banner .banner_swiper .swiper-pagination-bullet-active{background:rgba(255,255,255,1); width: 36px;}


.brand_info .pagewidth{ display:grid;grid-template-columns:repeat(2,1fr);grid-gap:80px; }
.brand_info .title{  }
.brand_info .title h2{ font-size: 48px; font-weight: bold; line-height: 1; padding-bottom: 30px; margin-bottom: 30px; position: relative; }
.brand_info .title h2:after{content: "";  position: absolute; left: 0px; bottom: 0px; width: 60px; height: 2px; background: var(--sc); }
.brand_info .data{ padding-top:50px; display:flex; justify-content: space-between;grid-gap:var(--gg); }
.brand_info .data .item .icon{background: var(--sc);font-size: 24px; display: flex; color:var(--bg);  margin-bottom: 20px; justify-content: center; align-items: center; border: #f4e2d7 solid 6px;aspect-ratio: 1; width: 72px; border-radius: 50%; }
.brand_info .data .item h4{ line-height: 1.2; font-size: 24px; color: var(--sc); margin-bottom: 20px; text-align: left }
.brand_info .html{ color: #333333;}
.brand_info .img{ width: 100%; aspect-ratio: 100/70; overflow: hidden; border-radius:6px; }
.brand_info .img img{ width: 100%; height: 100%; object-fit: cover; }

.brand_adv{ background:var(--bg);  }
.brand_adv .title h2{ font-size: 48px; font-weight: bold; line-height: 1; padding-bottom: 30px; margin-bottom: 30px; position: relative; }
.brand_adv .title h2:after{content: "";  position: absolute; left: 0px; bottom: 0px; width: 60px; height: 2px; background: var(--sc); }
.brand_adv .content{display: flex; justify-content: space-between;grid-gap:var(--gg);  }
.brand_adv .content .item{ width: 50%; height:720px; border-radius: 4px; background: var(--mc); transition: all 0.5s; position: relative; overflow: hidden; display: block;}
.brand_adv .content .item:hover{flex-shrink: 0;width:  50%;}
.brand_adv .content .item img{ width: 100%; height: 100%; object-fit: cover; }
.brand_adv .content .item h3{ position: absolute; left: 30px; bottom: 30px;z-index: 1; transition-duration: 0.3s;transition-delay: 0.1s; font-size: 24px; color: var(--bg); }
.brand_adv .content .item:hover h3{ bottom:60px; }
.brand_adv .content .item p{ position: absolute; left: 30px;  visibility: hidden; opacity: 0; transition-delay: 0.3s; bottom: 20px; font-size: 16px; z-index: 1; transition-duration: 0.3s;color: var(--bg); }
.brand_adv .content .item:hover p{ bottom:30px; opacity: 1; visibility: visible; }


.case_title h1{ font-size: 36px;  color: var(--mc); }
.brand_case{background: var(--sc)}
.brand_case .title h2{ font-size: 48px; color: var(--bg); font-weight: bold; line-height: 1; padding-bottom: 30px; margin-bottom: 30px; position: relative; }
.brand_case .title h2:after{content: "";  position: absolute; left: 0px; bottom: 0px; width: 60px; height: 2px; background: var(--bg); }
.brand_case .content{display:grid; grid-template-columns: repeat(4,1fr); grid-gap:var(--gg);  }
.brand_case .content .item .img{ width: 100%; aspect-ratio:100/70; overflow: hidden; border-radius:6px 6px 0px 0px; }
.brand_case .content .item .img img{ width: 100%; height: 100%; transition-duration: 0.3s; object-fit: cover; }
.brand_case .content .item:hover .img img{  transform: scale(1.1); }
.brand_case .content .item .info{ background: #fff; color: var(--333); padding: 16px; font-size: 16px;border-radius: 0px 0px 6px 6px;}
.brand_case .content .item .info h3{font-size: 16px;  transition-duration: 0.3s}
.brand_case .content .item:hover .info h3{ color: var(--mc);}

.list_news{ background:var(--bg)}
.list_news .item{margin-bottom: 30px; padding-bottom: 30px; border-bottom: #ececec solid 1px; display:grid; align-items: center; grid-template-columns: 240px auto 54px;grid-gap: var(--gg); border-radius: 4px; box-shadow: 0 10px 20px rgba(0,0,0,0.0); transition-duration: 0.3s;}
.list_news .item .img{ aspect-ratio: 10/7; border-radius: 3px; overflow: hidden;}
.list_news .item .img img{ width:100%; height: 100%; object-fit: cover; transition-duration: 0.3s; }
.list_news .item .date { text-align:left; color:#666; font-size: 15px;}
.list_news .item .info h2 a{color:#111;line-height:1; font-size:24px; font-weight:500;transition-duration: 0.3s; text-underline-offset: 3px;  }
.list_news .item .info h2{ line-height:1.2; margin-bottom:10px; }
.list_news .item .info{ padding-right: 50px;}
.list_news .item .info .description{ font-size:15px; margin-bottom: 30px; color:#666;display: -webkit-box;  -webkit-line-clamp:2;  -webkit-box-orient: vertical; overflow: hidden;text-overflow: ellipsis; }
.list_news .item .more{ transition-duration: 0.3s; display:flex; justify-content:center; align-items:center; height: 50px; width: 50px;  font-size: 24px; border-radius:50px; background: var(--bg); }
.list_news .item .more a{ transition-duration: 0.3s; color:var(--mc); }
.list_news .item:hover h2 a{ color:var(--mc);text-decoration: underline }
.list_news .item:hover .more{  background:var(--sc); color:var(--bg); }
.list_news .item:hover .more a{ color:#fff; }
.list_news .item:hover .date strong{ color:var(--mc); }
.list_news .item:hover .date span{ color:var(--mc); }
.list_news .item:hover .img img{ transform: scale(1.1); }



.show_news{ background: #fff;}
.show_news .pagewidth{ position: relative; }
.show_news .pagewidth .back{ position: absolute; left: 0px; top: 0px; z-index: 4;}
.show_news .pagewidth .back a{ display: block; width: 56px;height: 56px; transition-duration: 0.3s; border-radius: 40px; display:flex; justify-content: center; align-items: center; color:var(--bg); background: var(--sc); font-size: 24px;}
.show_news .pagewidth .back a:hover{ transform: scale(1.1); }
.show_news .content{ padding-left: 15%; padding-right: 15%; position: relative}
.show_news .title h1{ text-align: left; font-size: 40px; line-height: 1.1; margin-bottom: 24px; }
.show_news .info{ padding-bottom: 24px; text-align: left; color: #666; display: flex; justify-content: left; align-items: center; grid-gap:50px; padding-bottom: 30px; margin-bottom: 30px; border-bottom: #ddd solid 1px;}
.show_news .description{ text-align: left; color: #808080; padding: 30px; margin-bottom: 32px; background: #f0f0f0; border-radius: 12px; }
.show_news .html{ margin-bottom: 30px;}
.show_news .html h3{ font-size: 24px; font-weight: bold; margin-bottom: 12px; padding-top: 24px;}
.show_news .html p {line-height: 1.8; font-size: 18px; margin: 0 0 10px;text-align: left;}
.show_news .html p:has(img){ text-align: center;}
.show_news .html img {display: inline-block;height:auto!important;max-width: 100%!important; width: 100%; margin-top: 10px; margin-bottom: 10px;}
.show_news .html table {border-collapse: collapse;width: 100%; margin-top: 20px;}
.show_news .html table td {padding:12px;font-size: 16px;color: #333;border: 1px solid #ececec;}
.show_news .html table tr:nth-child(2n) {background: #f5f5f5}
.show_news .html table td p{ margin: 0;}
.show_news .other{ border-top:#ddd solid 1px; padding-top:30px;}
.show_news .other p{ margin-bottom:10px; color:#333;}
.show_news .other p a{ color:#333; }
.show_news .other p a:hover{color:var(--sc);}
.show_news .other p.left{text-align: left;}
.show_news .other p.right{text-align: left;}



.list_product{ background:var(--bg);}
.list_product .article-list{ display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: var(--gg);}
.list_product .article-list .item{ padding: 24px; overflow: hidden; background: #fff;transition-duration: 0.2s;}
.list_product .article-list .item .img{ overflow: hidden;}
.list_product .article-list .item .img img{ width: 100%; height: 260px;aspect-ratio: 1; object-fit: contain; transition-duration: 0.3s;}
.list_product .article-list .item .name { text-align: center; padding-top: 20px; padding-bottom: 10px; color: #333; }
.list_product .article-list .item:hover .img img{ transform: scale(1.1);}
.list_product .article-list .item:hover .name{ color: var(--mc) ; }


.filter{background: var(--bg);}
.filter .box{ border-radius: 6px; background: #fff; padding:10px 32px; position: relative; top: -40px;box-shadow: 0px 10px 20px rgba(0,0,0,0.03)}
.filter .box .tabs-group{ display: grid; grid-template-columns:60px auto; border-bottom: #ececec solid 1px; height: 60px; align-items: center;}
.filter .box .tabs-group .content{display: flex; justify-content: left;   grid-gap:16px;}
.filter .box .tabs-group:last-child{  border-bottom: none;}
.filter .box .tabs-group .content li a{  border: #fff solid 2px; display: block; line-height: 1; padding: 8px 12px;border-radius: 32px;}
.filter .box .tabs-group .content li.active a{ background:#fff; border: var(--sc) solid 2px; color: var(--sc); }


.list_case{background: var(--bg); padding-bottom: 100px;}
.list_case .pagewidth .article-list{ display: grid; grid-template-columns:repeat(4,1fr); grid-gap: var(--gg);}
.list_case .pagewidth .article-list .item{ position: relative; background: #fff; border-radius: 6px; overflow: hidden; box-shadow:0px 5px 10px rgba(0,0,0,0.02); }
.list_case .pagewidth .article-list .item .img{ overflow: hidden; aspect-ratio: 4/3}
.list_case .pagewidth .article-list .item .img img{ width: 100%; height: 100%; object-fit: cover; transition-duration: 0.3s;}
.list_case .pagewidth .article-list .item .img:hover img{ transform: scale(1.1)}
.list_case .pagewidth .article-list .item .info{ padding: 24px; background: #fff;}
.list_case .pagewidth .article-list .item .info h3{ font-size: 16px;  color: #333; font-weight: normal; text-align: center; }
.list_case .pagewidth .article-list .item:hover .info h3{  color:var(--mc); }

.case_banner{ position: relative; height: auto; overflow: hidden;}
.case_banner { }
.case_banner .mySwiper2{}
.case_banner .mySwiper2 .swiper-slide img{ width: 100%;aspect-ratio: 3/2; object-fit: cover; transition-duration: 0.2s; }
.case_banner .mySwiper2::after{content: ""; position: absolute; opacity: 0; transition-duration: 0.3s; left: 0px; height: 300px; right: 0px; bottom:0px; z-index: 1;background: linear-gradient(0deg, rgba(0,0,0,1), rgba(0,0,0,0.0));}
.case_banner .mySwiper{ z-index: 2; position: absolute; left: 20px; opacity: 0; bottom: 20px; right: 20px; transition-duration: 0.3s;}
.case_banner:hover .mySwiper{ opacity: 1; }
.case_banner:hover .mySwiper2::after{ opacity: 1}

.case_banner .mySwiper .swiper-slide .img{ width: 100%; aspect-ratio: 10/6.5; border-radius: 6px;border: var(--sc) solid 1px; overflow: hidden;}
.case_banner .mySwiper .swiper-slide .img img{ width: 100%; height: 100%; object-fit: cover; transition-duration: 0.2s; }
.case_banner .mySwiper .swiper-slide{ opacity: 0.7;}
.case_banner .mySwiper .swiper-slide-thumb-active .img{border:#fff solid 1px;}
.case_banner .mySwiper .swiper-slide-thumb-active{ opacity:1;}

.show_case .pagewidth{ display: grid; grid-template-columns: auto 400px; grid-gap:100px;}
.show_case .pagewidth .side ul li{ border-bottom: #ececec solid 1px; line-height: 1; padding-bottom: 20px; margin-bottom: 20px;}
.show_case_related { background: var(--bg); padding-top: 80px; padding-bottom: 80px; }
.show_case_related .title{margin-bottom: 24px;}
.show_case_related .title h2{ font-size: 40px; font-weight: 500;}
.show_case_related .content{ position: relative;}
.show_case_related .content .swiper-button-next:after, .show_case_related .content .swiper-button-prev:after{ display: none; }
.show_case_related .content .swiper-button-next, .show_case_related .content .swiper-button-prev{ color: var(--mc); transform:initial;transition-duration: 0.3s; background: #fff; border: #ececec solid 1px;top: calc(50% - 25px); font-size: 24px; width: 48px; height: 48px; border-radius: 48px; display: flex; justify-content: center; align-items: center;  }
.show_case_related .content .swiper-button-next{ right: -40px;}
.show_case_related .content .swiper-button-prev{ left: -40px;}
.show_case_related .content .swiper-button-next:hover, .show_case_related .content .swiper-button-prev:hover{background: var(--mc); color: #fff; }
.show_case_related .content .swiper-scrollbar{ height: 1px; left: 0px; right: 0px; width: 100%;}
.show_case_related .content .swiper-scrollbar .swiper-scrollbar-drag{ height: 3px; top: -1px;  background: var(--sc); }
.show_case_related .content .swiper-slide .item{ overflow: hidden; background: #fff;transition-duration: 0.2s;}
.show_case_related .content .swiper-slide .item .img{ overflow: hidden; aspect-ratio: 3/2 }
.show_case_related .content .swiper-slide .item .img img{ width: 100%; height: 100%; object-fit: cover; transition-duration: 0.3s;}
.show_case_related .content .swiper-slide .item .name { text-align: center; padding: 24px; color: #333; }
.show_case_related .content .swiper-slide .item:hover .img img{ transform: scale(1.05);}
.show_case_related .content .swiper-slide .item:hover .name{ color: var(--mc) ; }
.show_case_related .content .swiper{ padding-bottom: 40px;}
.show_case_related .content .swiper-button-disabled{ opacity: 0}


.list_factory_a{ background: var(--bg); }
.list_factory_a .box{  display: grid; align-items: center; }
.list_factory_a .box1{background: #fff;grid-template-columns: 7fr 5fr;  margin-bottom: 40px;}
.list_factory_a .box2{background: var(--sc);grid-template-columns: 7fr 5fr; }
.list_factory_a .box1 .info{ padding:64px; }
.list_factory_a .box1 .info i{ line-height: 1; display: block; margin-bottom: 24px; border: var(--sc) solid 2px; display:flex; justify-content: center; align-items: center; color: var(--sc); font-size: 24px; height: 60px; width: 60px; border-radius: 60px; }
.list_factory_a .box1 .info .title h2{ font-size: 36px; color: var(--sc); line-height: 1.2; margin-bottom: 32px; }
.list_factory_a .box1 .img{ height: 620px;}
.list_factory_a .box1 .img img{ width: 100%; height: 100%; object-fit: cover; transition-duration: 0.3s;}

.list_factory_a .box2 .info{ padding:64px; }
.list_factory_a .box2 .img{ order: 1;}
.list_factory_a .box2 .info{ order: 2;}
.list_factory_a .box2 .info{ padding:64px; }
.list_factory_a .box2 .info i{ line-height: 1; display: block; margin-bottom: 24px; border: var(--bg) solid 2px; display:flex; justify-content: center; align-items: center; color: var(--bg); font-size: 24px; height: 60px; width: 60px; border-radius: 60px; }
.list_factory_a .box2 .info .title h2{ font-size: 36px; color: var(--bg); line-height: 1.2; margin-bottom: 32px; }
.list_factory_a .box2 .info .html{ color: var(--bg); }
.list_factory_a .box2 .img{ height: 620px;}
.list_factory_a .box2 .img img{ width: 100%; height: 100%; object-fit: cover; transition-duration: 0.3s;}

.list_factory_b{ position: relative;display: grid; grid-template-columns: calc( (100% - var(--width)) / 2 + 400px) auto; background: var(--sc); }
.list_factory_b .info{ position: relative }
.list_factory_b .info .box{ position: absolute; width: 336px; right: 64px; top: 15%; bottom: 0; }
.list_factory_b .info .box .title{ margin-bottom:36px; padding-bottom: 36px; position: relative}
.list_factory_b .info .box .title:after{ content: ""; position: absolute; left: 0; right: 0; bottom: 0; width: 60px; height:3px; background: var(--bg); }
.list_factory_b .info .box .title h2{ line-height: 1.2; font-size: 48px; color: var(--bg);}
.list_factory_b .info .box .html{color: var(--bg)}
.list_factory_b .info .box .html h3{ font-size: 28px; margin-bottom: 16px;}
.list_factory_b .info .box .html .tx{ width: 120px; aspect-ratio: 1; height: 120px; border-radius: 50%; object-fit: cover; margin-bottom: 10px; border: 3px solid var(--bg); }

.list_factory_b .photo{ min-width: 100%;}
.list_factory_b .photo .swiper{ height:720px}
.list_factory_b .photo .swiper-slide{ height: 100%; overflow: hidden; position: relative}
.list_factory_b .photo .swiper-slide h3{ position: absolute; right: 60px;bottom:60px; z-index: 2; color: #fff;}
.list_factory_b .photo .swiper-slide img{ width: 100%; height: 100%; object-fit: cover; transition-duration: 0.2s;}

.list_factory_b .photo .swiper .swiper-button-next, .list_factory_b .photo .swiper .swiper-button-prev{ color: var(--mc); transform:initial;transition-duration: 0.3s; background: #fff; border: #ececec solid 1px;top: calc(50% - 25px); font-size: 24px; width: 48px; height: 48px; border-radius: 48px; display: flex; justify-content: center; align-items: center;  }
.list_factory_b .photo .swiper .swiper-button-next:after{ display: none}
.list_factory_b .photo .swiper .swiper-button-prev:after{ display: none}
.list_factory_b .photo .swiper .swiper-button-next{ right: 10px;}
.list_factory_b .photo .swiper .swiper-button-prev{ left: 10px;}
.list_factory_b .photo .swiper .swiper-pagination{ bottom: 40px;}
.list_factory_b .photo .swiper .swiper-pagination-bullet{ background:#fff; width: 16px; height: 4px; border-radius: 4px; transition-duration: 0.3s;}
.list_factory_b .photo .swiper .swiper-pagination-bullet-active{ width: 32px; }

.list_factory_c .pagewidth{ position: relative;display: grid; grid-template-columns: calc( (100% - var(--width)) / 2 + 400px) auto;}
.list_factory_c .pagewidth .photo{ min-width: 100%;}
.list_factory_c .info .box .title{ margin-bottom:36px; padding-bottom: 36px; position: relative}
.list_factory_c .info .box .title:after{ content: ""; position: absolute; left: 0; right: 0; bottom: 0; width: 60px; height:3px; background: var(--sc); }
.list_factory_c .info .box .title h2{ line-height: 1.2; font-size: 48px; color: var(--mc);}
.list_factory_c .info .box .html{color:#333}
.list_factory_c .info .box .html h3{ font-size: 28px; margin-bottom: 16px;}
.list_factory_c .info .box{ padding-right: 64px}
.list_factory_c .factory_c_pagination{ text-align: left}
.list_factory_c .factory_c_pagination .swiper-pagination-bullet{ background:var(--mc); width: 16px; height: 4px; border-radius: 4px; transition-duration: 0.3s;}
.list_factory_c .factory_c_pagination .swiper-pagination-bullet-active{background:var(--sc); width: 32px; }

.list_factory_d{background: var(--bg)}
.list_factory_d .title{ margin-bottom:36px; padding-bottom: 36px; position: relative}
.list_factory_d .title:after{ content: ""; position: absolute; left: 0; right: 0; bottom: 0; width: 60px; height:3px; background: var(--sc); }
.list_factory_d .title h2{ line-height: 1.2; font-size: 48px; color: var(--mc);}
.list_factory_d .factory_d_pagination .swiper-pagination-bullet{ background:var(--mc); width: 16px; height: 4px; border-radius: 4px; transition-duration: 0.3s;}
.list_factory_d .factory_d_pagination .swiper-pagination-bullet-active{background:var(--sc); width: 32px; }
.list_factory_d .factory_d_swiper{ padding-bottom: 50px;}
.list_factory_d .factory_d_swiper{ display: grid; grid-template-columns:repeat(4,1fr); grid-gap: var(--gg); }
.list_factory_d .factory_d_swiper .item{ background: #fff; border-radius: 6px; padding: 30px; transition-duration: 0.3s; }
.list_factory_d .factory_d_swiper .item .img{ width: 100%; aspect-ratio: 1; display: flex; justify-content: center; align-items: center; margin-bottom: 24px; }
.list_factory_d .factory_d_swiper .item .img img{ width: 100%; height: 100%; object-fit: contain; transition-duration: 0.3s; }
.list_factory_d .factory_d_swiper .item .name { text-align: center; color: #333; transition-duration: 0.3s;}
.list_factory_d .factory_d_swiper .item:hover{ background:rgba(255,255,255,1); }
.list_factory_d .factory_d_swiper .item:hover .name {color: var(--main); }

.list_factory_e .title{ margin-bottom:36px; padding-bottom: 36px; position: relative}
.list_factory_e .title:after{ content: ""; position: absolute; left: 0; right: 0; bottom: 0; width: 60px; height:3px; background: var(--sc); }
.list_factory_e .title h2{ line-height: 1.2; font-size: 48px; color: var(--mc);}
.list_factory_e .content{ display: grid; grid-template-columns:repeat(4,1fr); grid-gap: var(--gg); }
.list_factory_e .content .item{ background: #fff; border-radius: 6px; overflow: hidden }
.list_factory_e .content .item .img{ width: 100%;  }
.list_factory_e .content .item .img img{ width: 100%; }
.list_factory_e .content .item .info{ padding-top: 24px;}
.list_factory_e .content .item .info h3{ font-size: 32px; color: var(--sc);}
.list_factory_e .content .item .info p{  color: #666;}

.list_factory_f{background: var(--bg)}
.list_factory_f .title{ margin-bottom:36px; padding-bottom: 36px; position: relative}
.list_factory_f .title:after{ content: ""; position: absolute; left: 0; right: 0; bottom: 0; width: 60px; height:3px; background: var(--sc); }
.list_factory_f .title h2{ line-height: 1.2; font-size: 48px; color: var(--mc);}
.list_factory_f .swiper-slide{ width: auto; }
.list_factory_f .swiper-slide .item{ background: #fff; border-radius: 6px; overflow: hidden }
.list_factory_f .swiper-slide .item .img{ width: 100%;  }
.list_factory_f .swiper-slide .item .img img{ height: 600px; }
.list_factory_f .swiper-slide .item .info{ padding-top: 24px;}
.list_factory_f .swiper-slide .item .info h3{ font-size: 32px; color: var(--sc);}
.list_factory_f .swiper-slide .item .info p{  color: #666;}
.list_factory_f .factory_f_swiper{ padding-bottom: 50px;}
.list_factory_f .factory_f_pagination .swiper-pagination-bullet{ background:var(--mc); width: 16px; height: 4px; border-radius: 4px; transition-duration: 0.3s;}
.list_factory_f .factory_f_pagination .swiper-pagination-bullet-active{background:var(--sc); width: 32px; }




.detail_menu_pro {}
.detail_menu_pro > ul{  }
.detail_menu_pro ul{ }
.detail_menu_pro ul li{ }
.detail_menu_pro a { color:#fff; font-weight: normal; display: block; text-align: center; }
.detail_menu_pro ul {margin: 0;padding: 0;list-style: none;  }
.detail_menu_pro ul li.current-menu-item { background:rgba(0,0,0,0.1); }
.detail_menu_pro > ul > li { display: block;float: left;position: relative; display: block; }
.detail_menu_pro > ul > li a i{display: inline-block; transition-duration: 0.3s}
.detail_menu_pro > ul > li a:hover i{transform:rotate(180deg)}
.detail_menu_pro ul li.active a{color:var(--sc); font-weight: 500;   }
.detail_menu_pro ul li.active:after{position: absolute; left: 35px; right: 35px; bottom:0px; transition-duration: 0.3s; height: 2px; background:var(--sc); content: ''; }
.detail_menu_pro ul li:hover a{color:var(--sc);}
.detail_menu_pro > ul > li > ul { background:rgba(255,255,255,1) ;position: absolute; visibility: hidden; display: block;  opacity: 0; top:91px; width: 100%;margin-left:-50%; z-index: 999; right: 0px; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1); padding-top: 12px; padding-bottom: 12px; left: 50%; -webkit-backdrop-filter:blur(10px); backdrop-filter: blur(10px); will-change: backdrop-filter; border-radius:3px; transition-duration:0.3s; }
.detail_menu_pro > ul > li:hover > ul { visibility:visible; opacity: 1; top: 81px; -webkit-backdrop-filter:blur(10px); backdrop-filter: blur(10px);}
.detail_menu_pro > ul > li:hover p{ opacity: 1; }
.detail_menu_pro > ul > li:hover img{ opacity: 1; }
.detail_menu_pro > ul > li > ul > li { position: relative; width: 100%;}
.detail_menu_pro > ul > li > ul > li a{ color:#333!important; font-size:15px; padding: 0; display:block; }
.detail_menu_pro > ul > li > ul > li a:hover{ color:var(--sc)!important; background:#f8f9fd!important;  }
.detail_menu_pro > ul > li a p{  font-size: 12px; color: #333; opacity: 0.5; height: 16px; line-height: 1em; }
.detail_menu_pro > ul > li a img{ display: block; width: 32px; height: 32px; margin:5px auto; margin-bottom: 5px; opacity: 0.5;}
.detail_menu_pro > ul > li > ul > li > ul { display:none;position: absolute;left: 100%;top: 20px;}
.detail_menu_pro > ul > li > ul > li:hover > ul { display:block;background-color: #333; }
.detail_menu_pro > ul > li > ul > li a{ height: 50px; line-height: 50px;}



.crumbs{ margin-bottom: 20px; padding-top: 20px; }
.crumbs { display: flex;font-size: 15px; line-height: 1; grid-gap: 4px; justify-content:left;align-items: center; color: #666; }
.crumbs a{ color: #666; }

.layer-box{ width: 1120px; display: grid; grid-template-columns: 500px auto; grid-gap: var(--gg); padding: 40px; }
.layer-box .img{ border: #ececec solid 1px;}
.layer-box .img img{ width:100%; }
.layer-box .img .swiper-pagination-bullet-active{ background: var(--sc)}
.layer-box .info{ padding-top: 30px;}
.layer-box .info h2{ font-size: 32px; color: var(--sc); font-weight: bold; line-height: 1; padding-bottom: 20px; position: relative; }


.show_product{   padding-top: 120px; padding-bottom: 120px;}
.show_product .product_info{ display: grid; grid-template-columns:909px auto; grid-gap: var(--gg);}
.show_product .product_info .photo{  padding-right: 32px; border-right: #ececec solid 1px;}
.show_product .product_info .photo .layui-tabs{ display: grid; grid-template-columns:700px 152px; grid-gap: 24px;}
.show_product .product_info .photo .layui-tabs-body{ padding: 0!important;  }
.show_product .product_info .photo .layui-tabs-body .layui-tabs-item {padding: 9px; border: #ececec solid 1px;border-radius: 6px; }
.show_product .product_info .photo .layui-tabs-body .layui-tabs-item img{ width: 100%; height: 500px;object-fit: contain }
.show_product .product_info .photo .layui-tabs-header img{width: 100px; height: 100px; }
.show_product .product_info .photo .layui-tabs-header{ height: auto;}
.show_product .product_info .photo .layui-tabs-header:after{ display: none}
.show_product .product_info .photo .layui-tabs-header li:after{ display: none}
.show_product .product_info .photo .layui-tabs-header li{ display: block; padding: 0!important; height:110px;width: 150px; margin-bottom: 24px!important; border: #ececec solid 1px; border-radius: 6px; overflow: hidden; }
.show_product .product_info .photo .layui-tabs-header li:last-child{margin-bottom: 0!important;}
.show_product .product_info .photo .layui-tabs-header li img{ width: 100%; height: 100%; object-fit: cover; }
.show_product .product_info .photo .layui-tabs-header li.layui-this{ border: var(--sc) solid 1px;}
.show_product .product_info .info{}
.show_product .product_info .info h1{ font-size: 36px; margin-bottom:30px; line-height: 1; border-bottom: #ececec solid 1px; padding-bottom: 30px; border-bottom: #ececec solid 1px;}
.show_product .product_info .info h1 span{font-size: 16px; line-height: 1; position: relative; top: -3px;}
.show_product .product_info .info h1 em{ color: #666; font-size: 14px; line-height: 1; position: relative; top: -14px;}
.show_product .product_info .info .html{  }
.show_product .product_info .info .section{ display: flex; justify-content: left; align-items: center; }
.show_product .product_info .info .section img{ height: 72px;}
.show_product .product_info .info .button{ padding-bottom: 50px;}
.show_product .product_info .info .button a{  padding: 11px 34px;color: #fff; border-radius: 4px; background: var(--mc); transition-duration: 0.3s; display: inline-flex; justify-content: space-between; grid-gap: 10px; align-items: center;}

.show_product_detail .title{  margin-bottom:24px;}
.show_product_detail .title p{ line-height: 1.2; margin-bottom: 6px; font-weight: bold; color: var(--mc);font-size: 16px;font-family: 'Montserrat';}
.show_product_detail .title h2{ line-height: 1.2; font-size: 36px}
.show_product_detail .row{ display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: var(--gg); align-items: center }
.show_product_detail .html img{ width: 100%}

.layui-table td, .layui-table th{ font-size: 16px!important; padding: 12px 16px!important;}
.layui-table thead tr th{ background:#f8f9fd; color: #111;}


.show_product_related { background: var(--bg); padding-top: 80px; padding-bottom: 80px; }
.show_product_related .title{margin-bottom: 24px;}
.show_product_related .title h2{ font-size: 40px; font-weight: 500;}
.show_product_related .content{ position: relative;}
.show_product_related .content .swiper-button-next:after, .show_product_related .content .swiper-button-prev:after{ display: none; }
.show_product_related .content .swiper-button-next, .show_product_related .content .swiper-button-prev{ color: var(--mc); transform:initial;transition-duration: 0.3s; background: #fff; border: #ececec solid 1px;top: calc(50% - 25px); font-size: 24px; width: 48px; height: 48px; border-radius: 48px; display: flex; justify-content: center; align-items: center;  }
.show_product_related .content .swiper-button-next{ right: -40px;}
.show_product_related .content .swiper-button-prev{ left: -40px;}
.show_product_related .content .swiper-button-next:hover, .show_product_related .content .swiper-button-prev:hover{background: var(--mc); color: #fff; }
.show_product_related .content .swiper-scrollbar{ height: 1px; left: 0px; right: 0px; width: 100%;}
.show_product_related .content .swiper-scrollbar .swiper-scrollbar-drag{ height: 3px; top: -1px;  background: var(--sc); }
.show_product_related .content .swiper-slide .item{ padding: 24px; overflow: hidden; background: #fff;transition-duration: 0.2s;}
.show_product_related .content .swiper-slide .item .img{ overflow: hidden;}
.show_product_related .content .swiper-slide .item .img img{ width: 100%; height: 100%; object-fit: cover; transition-duration: 0.3s;}
.show_product_related .content .swiper-slide .item .name { text-align: center; padding-top: 20px; padding-bottom: 10px; color: #333; }
.show_product_related .content .swiper-slide .item:hover .img img{ transform: scale(1.05);}
.show_product_related .content .swiper-slide .item:hover .name{ color: var(--mc) ; }
.show_product_related .content .swiper{ padding-bottom: 40px;}
.show_product_related .content .swiper-button-disabled{ opacity: 0;}



.list_message{background: var(--bg)}
.list_message .title{ margin-bottom:36px; padding-bottom: 36px; position: relative}
.list_message .title:after{ content: ""; position: absolute; left: 0; right: 0; bottom: 0; width: 60px; height:3px; background: var(--sc); }
.list_message .title h2{ line-height: 1.2; font-size: 48px; color: var(--mc);}
.list_message .content{ }
.list_message .content .layui-btn{  background: var(--sc); display: block; width: 100%; height:60px;}
.list_message .content .layui-form-checked[lay-skin=primary]>i{ background: var(--sc); }
.list_message .content .layui-form-checkbox[lay-skin=primary]:hover>i{border: var(--sc) solid 1px;}
.list_message .content .layui-form-checked[lay-skin=primary]>i{border: var(--sc) solid 1px;}
.list_message .content .row{ display: grid; grid-template-columns: repeat(3,1fr); grid-gap: var(--gg);}
.list_message .content .layui-input{height: 56px!important;}
.list_message .content .layui-form-item{ margin-bottom: var(--gg); }
.list_message .content .layui-textarea{ min-height: 200px!important; background: #fff!important;}
.layui-form-checkbox[lay-skin=primary]>div{ font-size: 16px;}
.list_message .content .layui-form-label{ display: block; color: #666; font-size: 15px; width: auto; float: none; padding: 0; padding-bottom: 12px; text-align: left;}
.list_message .content .layui-input-block{ margin-left: 0; position: relative}
.list_message .content .layui-input-block span{ position: absolute; right: 20px; top: 55%; transform: translateY(-50%); line-height: 1; color: #f00; display: flex; justify-content: center; align-items: center;}
.list_message .content .layui-form-item .layui-form-checkbox[lay-skin=primary]{ margin-top:0;}
.list_message .content .layui-form-item .layui-form-checkbox[lay-skin=primary]>div{ padding-right: 0;}
.list_message .content .layui-form-item .layui-form-checkbox[lay-skin=primary]>div{ margin-top: 0px; line-height: 1;}
.list_message .content .layui-form-item .agreement{ position: relative; top: 1px;}
.list_message .content .row-button{ padding-left: 30%; padding-right: 30%;}
.list_message .content .row-checkbox{ text-align: center}

.layui-input:hover,.layui-textarea:hover{border-color:var(--sc)!important}
.layui-input:focus,.layui-textarea:focus{border-color:var(--sc)!important;box-shadow:0 0 0 3px rgba(185,185,185,.08)}

.list_contact .title{ margin-bottom:36px; padding-bottom: 36px; position: relative}
.list_contact .title:after{ content: ""; position: absolute; left: 0; right: 0; bottom: 0; width: 60px; height:3px; background: var(--sc); }
.list_contact .title h2{ line-height: 1.2; font-size: 48px; color: var(--mc);}
.list_contact .content{ display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: var(--gg);  }
.list_contact .content .item .icon{ font-family: 'Montserrat'; background: var(--sc);font-size: 24px; display: flex; color:var(--bg); margin: 0 auto;  margin-bottom: 20px; justify-content: center; align-items: center; border: #f4e2d7 solid 6px;aspect-ratio: 1; width: 110px; border-radius: 50%; }
.list_contact .content .item .icon img{ width: 48px;}
.list_contact .content .item h3{ text-align: center; font-size: 24px; margin-bottom: 12px;}
.list_contact .content .item .html{ text-align: center; line-height: 2; color: var(--sc); }

.contact_map{ padding-top: 0;}
.contact_map .pagewidth{ position: relative;}
.contact_map .pagewidth .tab{ position: absolute; left: 20px; top: 20px; z-index: 3;}
.contact_map .pagewidth .tab ul { display: flex; justify-content: left; align-items: center; grid-gap: 12px; }
.contact_map .pagewidth .tab ul li{ border-radius: 40px; border: #fff solid 2px; color: #fff; background:rgba(0,0,0,0.2); padding: 6px 24px}
.contact_map .pagewidth .tab ul li.active{background: #fff; color: #111;}

#container{ height: 600px; border-radius: 6px;}


.service_b .title{ margin-bottom:36px; padding-bottom: 36px; position: relative}
.service_b .title:after{ content: ""; position: absolute; left: 0; right: 0; bottom: 0; width: 60px; height:3px; background: var(--sc); }
.service_b .title h2{ line-height: 1.2; font-size: 48px; color: var(--mc);}
.service_b .content{ display: grid; grid-template-columns: repeat(8, 1fr); grid-gap: var(--gg); background: url("../images/line.png") no-repeat center 50px; background-size: 95% auto; }
.service_b .content .item .img{background: var(--sc);font-size: 24px; display: flex; color:var(--bg); margin: 0 auto;  margin-bottom: 20px; justify-content: center; align-items: center; border: #f4e2d7 solid 6px;aspect-ratio: 1; width: 100px; border-radius: 50%; }
.service_b .content .item .img img{ width: 48px;}
.service_b .content .item h3{ color: var(--mc); font-size: 16px;  text-align: center}
.service_b .content .item:nth-child(2n){ padding-top: 40px;}

.service_c{background: var(--bg);}
.service_c .title{ margin-bottom:36px; padding-bottom: 36px; position: relative}
.service_c .title:after{ content: ""; position: absolute; left: 0; right: 0; bottom: 0; width: 60px; height:3px; background: var(--sc); }
.service_c .title h2{ line-height: 1.2; font-size: 48px; color: var(--mc);}
.service_c .content{ display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: var(--gg); }
.service_c .content .item{ text-align: center; background: #fff; border-radius: 6px; padding: 48px;}
.service_c .content .item img{ width: 68px;}
.service_c .content .item h3{ color: var(--sc); font-size: 32px;  padding-top: 24px;}
.service_c .content .item p{ color: #666; padding-top: 12px;}

.amap-logo{ display: none!important;}
.amap-copyright{ display: none!important;}

.custom-info-window {position: relative;background: #fff;border-radius: 8px; overflow: hidden; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);min-width: 460px;max-width: 460px;font-size: 14px;line-height: 1.6;}
.custom-info-window::after {content: '';position: absolute;bottom: -8px;left: 50%;transform: translateX(-50%);width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #fff;filter: drop-shadow(0 2px 2px rgba(0,0,0,0.1));}
.info-close-btn {position: absolute;top: 12px;right: 12px;width: 20px;height: 20px;cursor: pointer;opacity: 0.5;transition: opacity 0.2s;display: flex;align-items: center;justify-content: center;}
.info-close-btn:hover {opacity: 1;}
.info-close-btn::before,
.info-close-btn::after {content: '';position: absolute;width: 14px;height: 2px;background: #666;border-radius: 1px;}
.info-close-btn::before {transform: rotate(45deg);}
.info-close-btn::after {transform: rotate(-45deg);}
#info-template {display: none;}
.info-content{ display: grid; grid-template-columns: 40% 60%; align-items: center; }
.info-content .info-logo{background: #0163b2; padding: 30px 20px;}
.info-content .info-logo img{ width: 100%;}
.info-content .info-add{ padding-left: 20px; font-size: 15px; color: #666; line-height: 1.6}



.contact_content_2 {background: #f5f6f8;}
.contact_content_2 .title{ position: relative; padding-bottom:36px; margin-bottom: 50px; text-align: left; }
.contact_content_2 .title::after{ content: ""; width: 60px; height:3px; bottom: 0; left:0px;  background:var(--mc); position: absolute;}
.contact_content_2 .title p{ font-family: 'Noto Serif SC'!important; font-size: 48px; line-height: 1; font-weight: normal;color:#eeeeee; text-transform:uppercase}
.contact_content_2 .title h2{ font-size: 36px; line-height: 1;font-weight: normal; position: absolute; left: 0px;  text-align: center; top: 20px;}
.contact_content_2 .content{ position: relative}
.contact_content_2 .content .layui-form-label{ display: block; width: 100%; padding: 0; text-align: left; color:#666;float: none; margin-bottom: 12px;}
.contact_content_2 .content .layui-input-block{ margin-left: 0;}
.contact_content_2 .content .row{ display: grid; grid-template-columns: repeat(4,1fr); grid-gap: var(--gg); margin-bottom: 24px;}
.contact_content_2 .content .row-button{ display: grid; grid-template-columns: 3fr 1fr; grid-gap: 96px; align-items: center;}


.contact_content_3 .title{ position: relative; padding-bottom:36px; margin-bottom: 50px; text-align: left; }
.contact_content_3 .title::after{ content: ""; width: 60px; height:3px; bottom: 0; left:0px;  background:var(--mc); position: absolute;}
.contact_content_3 .title p{ font-family: 'Noto Serif SC'!important; font-size: 48px; line-height: 1; font-weight: normal;color:#eeeeee; text-transform:uppercase}
.contact_content_3 .title h2{ font-size: 36px; line-height: 1;font-weight: normal; position: absolute; left: 0px;  text-align: center; top: 20px;}
.contact_content_3 .content{ position: relative; display: grid; grid-template-columns: repeat(3,1fr); grid-gap: var(--gg);}
.contact_content_3 .content .item{ border-radius: 8px; border: #ddd solid 1px; padding: 32px;}
.contact_content_3 .content .item .name{ font-weight: normal; font-size: 32px; color: #111;}
.contact_content_3 .content .item .info h3{ font-weight: normal; font-size: 24px; color: #333;}









@media screen and (max-width: 1920px) {

}

@media screen and (max-width: 1600px) {




}
@media screen and (max-width: 1440px) {
    .index_banner .banner_swiper .swiper-slide .info h3{ font-size: 48px;}
    .index_banner .banner_swiper .swiper-slide .info p{ font-size: 18px;}
    .index_advantages .title h2{ font-size: 36px;}
    .detail_banner .text h1{ font-size: 48px;}
    .show_news .html p{ font-size: 16px;}
    .brand_info .data .item h4{ font-size: 20px;}
    .brand_info .pagewidth{grid-gap: 40px;}
    .brand_info .title h2{ font-size: 36px;}
    .brand_adv .title h2{ font-size: 36px;}
    .brand_case .title h2{ font-size: 36px;}
    .list_company .title h2{ font-size: 36px;}
    .list_company .data .item h3{ font-size: 36px;}
    .list_vision .title h2{ font-size: 36px;}
    .list_history .title h2{ font-size: 48px;}
    .history-per-years .years{ padding-left: 0;}
    .history-per-years .inner{ grid-template-columns: 30% auto;}
    .list_team_top .top .content .name{ font-size: 36px;}
    .list_team_top .top .content .desc{ font-size: 18px;}
    .show_case_related .title h2{ font-size: 36px;}
    .list_factory_a .box1 .info{ padding: 50px;}
    .list_factory_a .box2 .info{ padding: 50px;}
    .list_factory_b .info .box .title h2{ font-size: 36px;}
    .list_factory_b .info .box .html h3{ font-size: 24px;}
    .list_factory_c .info .box .title h2{ font-size: 36px;}
    .list_factory_c .info .box .html h3{ font-size: 24px;}
    .list_factory_d .title h2{ font-size: 36px;}
    .list_factory_e .title h2{ font-size: 36px;}
    .index_brand .title h2{ font-size: 36px;}
    .index_case .row .title h2{ font-size: 36px;}
    .index_choose .title h2{ font-size: 36px;}
    .list_factory_e .content .item .info h3{ font-size: 24px;}
    .list_factory_f .title h2{ font-size: 36px;}
    .list_message .title h2{ font-size: 36px;}
    .service_b .title h2{ font-size: 36px;}
    .service_c .title h2{ font-size: 36px;}
    .service_c .content .item h3{ font-size: 24px;}
    .list_contact .title h2{ font-size: 36px;}
    .brand_banner .banner_swiper .swiper-slide .info h3{ font-size: 48px;}
    .brand_banner .banner_swiper .swiper-slide .info .desc{ font-size: 18px;}
    .show_news .title h1{ font-size: 32px;}

    .list_team .article-list .item{ padding:32px; grid-template-columns: 160px auto; grid-gap: 24px;}
    .list_team .article-list .item .img{ width: 160px; height: 160px; border-radius: 50%; margin: 0 auto; overflow: hidden;}
    .list_team .article-list .item .img img{ width: 100%; height:100%; transition-duration: 0.5s; object-fit: cover; }
    .list_team .article-list .item .info h3{ text-align: left; font-size: 24px; color: var(--sc); line-height: 1.5; margin-bottom: 12px;}
    .list_team .article-list .item .info h5{ text-align: left; font-size: 14px; color: var(--sc); line-height: 1.5; text-align: left }
    .list_team .article-list .item .info p{ text-align: left; color: #666; font-size: 14px; line-height: 1.5; }
    .list_team .article-list .item .info .row{ display: grid; grid-template-columns: 72px auto; margin-bottom: 10px; }

    .brand_adv .content .item h3{ position: absolute; left: 30px; bottom: 30px;z-index: 1; transition-duration: 0.3s;transition-delay: 0.1s; font-size: 24px; color: var(--bg); }
    .brand_adv .content .item:hover h3{ bottom:90px; }
    .brand_adv .content .item p{ position: absolute; left: 30px;  visibility: hidden; opacity: 0; transition-delay: 0.3s; bottom: 20px; font-size: 16px; z-index: 1; transition-duration: 0.3s;color: var(--bg); }
    .brand_adv .content .item:hover p{ bottom:30px; opacity: 1; visibility: visible; }

}
@media screen and (max-width: 1280px) {

    .detail_banner .text h2{ font-size: 18px;}
    .list_news .item .info h2 a{ font-size: 20px; }
    .list_factory_a .box1 .info .title h2{ font-size: 32px;}
    .list_factory_a .box2 .info .title h2{ font-size: 32px;}
    .service_b .content .item .img{ height: 90px; width: 90px;}
    .service_c .content .item h3{ font-size: 18px;}
    .list_contact .content .item h3{ font-size: 18px;}
    .index_advantages .content .item h3{ font-size: 32px;}
    .index_advantages .content .item p{ font-size: 14px;}


}
@media screen and (max-width: 1024px) {


}














































































































































/*小尺寸手机*/
@media screen and (max-width: 720px) {
    .index_banner .banner_swiper .swiper-slide .info{}
    .index_banner .banner_swiper .swiper-slide .info{ width: auto ; position:absolute;left: 20px; right: 20px; transition-duration: 0.3s; z-index: 33; transform: initial; transition-delay:0.5s; }
    .index_banner .banner_swiper .swiper-slide .info p{ width: auto;}
    .padding{ padding-top: 80px; padding-bottom: 80px;}
    .index_advantages .content{ grid-template-columns: repeat(2, 1fr);}
    .index_brand .content{ grid-template-columns: repeat(1, 1fr);}
    .index_brand .content .item .info{ padding: 20px;}
    .index_brand .content .item .info h3 strong{ font-size: 24px;}
    .index_brand .content .item .info h3 span{ font-size:18px;}
    .index_brand .content .item .info h3{ justify-content: left;}
    .index_brand .content .item .info p{ display: block;}
    .index_brand .content .item .info p span{ display: block; margin-right: 10px; text-align: left;}
    .index_brand .content .item .info p span:first-child{ margin-bottom: 12px;}
    .index_brand .content .item .info h3 strong{ width: auto}
    .index_brand .content .item .info p span:first-child{ text-align: left}

    .index_brand .content .item .info p span:first-child{ width: auto}
    .index_case .row{ display: block;}
    .index_case .row .type .layui-tabs-header li{ padding-left: 10px; padding-right: 10px;}
    .index_case .row .more { display: none}
    .index_case .row{ margin-bottom: 24px;}
    .layui-tabs-bar .layui-icon{ display: none}
    .layui-tabs-scroll{ padding: 0!important;}
    .index_choose .box{ padding-right: 0;}
    .index_choose .img{ position: initial;}
    .index_choose .content{ padding-right: 0; grid-gap: var(--gg);}
    .index_choose .content .item .icon{ width: 72px; height: 72px;}
    .index_choose .content .item .icon img{ width: 36px; height: 36px;}
    .index_choose .img{ width: 100%;}


    .detail_menu ul{ grid-gap: 10px;}
    .detail_menu ul li a{ padding: 10px 10px;}
    .list_company{ margin-bottom: 24px;}
    .list_company .box{ padding-right: 0;}
    .list_company .img{ position: relative; width: auto;}
    .list_company .content{ padding-right: 0; padding-bottom: 36px;}
    .list_company .data{ padding-top: 24px; padding-right: 0;}
    .list_company .data .item h3{ font-size: 24px;}
    .list_company .play{  top: 50%; left: 50%; transform: scale(1.1) translate(-50%,-50%)}
    .list_company .play:hover{ top: 50%; left: 50%; transform: scale(1.1) translate(-50%,-50%)}
    .list_vision .parallax-bg{ height: 100%; object-fit: cover; top: -7%}

    .list_history .title{ display: none}
    .history-per-years .details{ padding-top: 60px;}
    .history-per-years .inner{ display: block}
    .history-per-years .details .detail-block dl{ display: block}
    .history-per-years .details .detail-block dl dd ul{ width: 100%; overflow: hidden;}
    .history-per-years .details .detail-block h4{ font-size: 36px; line-height: 1;}
    .history-per-years .details .detail-block dl dd ul li h5{ font-size: 18px; padding-top: 16px;}
    .history-per-years .details .detail-block dl dd ul li p{overflow-wrap: break-word;
        word-break: break-all; font-size: 14px; }
    .history-per-years .details .detail-block dl dt{ font-size: 14px;}
    .list_honor .article-list{ grid-template-columns: repeat(1, 1fr);}
    .main_padding{ padding-top: 60px; padding-bottom: 80px;}

    .list_team_top .top{ padding: 24px; grid-template-columns: repeat(1, 1fr); grid-gap: 32px;}
    .list_team_top .top .content{ order: 2;}
    .list_team_top .top .photo { order: 1; height: auto;}
    .list_team_top .top .photo .img{ width: 80%; aspect-ratio: 1; height: auto; margin: 0 auto;}
    .list_team_top .top .photo::after{ width: 240px; height: 240px; left: 40px;}
    .list_team_top .top .content h3{ font-size: 14px;}
    .list_team_top .top .content .name{ font-size: 18px;}
    .list_team_top .top .content .desc{ font-size: 14px;}
    .list_team_top .top .content .html .item h3{ font-size: 14px;}
    .list_team_top .top .content .html{ grid-template-columns: repeat(1, 1fr); }
    .list_team_top .top .content .html .item .box{ font-size: 14px;}
    .list_team .article-list{ grid-template-columns: repeat(1,1fr);}

    .list_team .article-list .item{ grid-template-columns: repeat(1,1fr);}
    .list_team .article-list .item .info h3{ text-align: center}

    .brand_banner .banner_swiper .swiper-slide .info{}
    .brand_banner .banner_swiper .swiper-slide .info{ width: auto ; position:absolute;left: 20px; right: 20px; transition-duration: 0.3s; z-index: 33; transform: initial; transition-delay:0.5s; }
    .brand_banner .banner_swiper .swiper-slide .info p{ width: auto;}
    .brand_banner .banner_swiper .swiper-slide .info h3{ font-size:36px;}
    .brand_banner .banner_swiper .swiper-slide .info h5{ font-size: 16px;}
    .brand_banner .banner_swiper .swiper-slide .info .desc{ width:auto; font-size: 16px;}

    .brand_banner .banner_swiper .swiper-slide .info .more a{ padding: 8px 16px;}
    .brand_info .pagewidth{ grid-template-columns: repeat(1, 1fr);}
    .brand_info .data{ display: grid; grid-template-columns: repeat(3, 1fr);}
    .brand_info .data .item { text-align: center}
    .brand_info .data .item .icon{ margin: 0 auto; margin-bottom: 12px;}
    .brand_info .data .item h4{ text-align: center}
    .brand_info .data .item h4{ font-size: 16px; line-height: 1.5;}
    .brand_adv .content{ display: block}
    .brand_adv .content .item{ height: 400px;  width: 100%; margin-bottom: 24px;}
    .brand_adv .content .item:hover{ width: 100%;}
    .brand_case .content{ grid-template-columns: repeat(1, 1fr);}

    .list_news .item{ grid-template-columns: repeat(1, 1fr);}
    .list_news .item .info{ padding-right: 0;}
    .list_news .item .more{ display: none}
    .detail_padding{ padding-top: 100px;}
    .show_news .pagewidth .back{ display: none}
    .show_news .content{ padding: 0;}
    .show_news .title h1{ font-size: 24px; line-height: 1.4;}
    .show_news .info{ display: block;}
    .show_news .info span{ display: block; }
    .list_product .article-list{ grid-template-columns: repeat(2, 1fr);}
    .list_product .article-list .item .img img{ height: 160px;}
    .list_product .article-list .item{ padding: 15px;}
    .detail_menu ul li a{ font-size: 14px; padding: 10px 8px;}
    .detail_menu ul{ grid-gap: 0;}
    .detail_menu.fixed{ top: 50px;}
    .show_product{ padding-top: 100px; padding-bottom: 80px;}
    .show_product .product_info{ display: block;}
    .show_product .product_info .photo .layui-tabs-body{ margin-bottom: 20px;}
    .show_product .product_info .photo .layui-tabs{ display: block;}
    .show_product .product_info .photo .layui-tabs-body .layui-tabs-item img{ height: 320px;}
    .show_product .product_info .photo{ padding-right: 0;}
    .show_product .product_info .photo .layui-tabs-header{ display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 10px;}
    .show_product .product_info .photo .layui-tabs-header li{ height: 70px; width: 100px;}
    .show_product .product_info .photo{ margin-bottom: 32px;}
    .show_product_related .title h2{ font-size: 24px;}
    .show_product_related .content .swiper-button-next, .show_product_related .content .swiper-button-prev{ display: none}
    .show_product_related{ padding-top:48px; padding-bottom: 48px;}
    .detail_banner .text h2{ font-size: 16px;}
    .filter .box .tabs-group{ display: block}
    .filter .box .tabs-group .content{ flex-wrap: wrap;}
    .filter .box .tabs-group{ height: auto;}
    .filter .box{ padding: 16px;}
    .filter .box .tabs-group .title{ margin-bottom: 10px; }
    .filter .box .tabs-group{ padding-top: 20px; padding-bottom: 20px;}
    .list_case .pagewidth .article-list{ grid-template-columns: repeat(1, 1fr);}
    .case_title h1{ line-height: 1.2; font-size: 24px;}
    .crumbs{ font-size: 13px;}
    .case_banner{ height: auto;}
    .case_title{ padding-bottom: 40px;}
    .case_banner .mySwiper{ position: initial; opacity: 1;}
    .case_banner .mySwiper{ padding-left: 20px; padding-right: 20px;}
    .case_banner .mySwiper2::after{ display: none}
    .case_banner .mySwiper2{ margin-bottom: 20px;}
    .show_case .pagewidth{ display: block;}
    .show_case_related .content .swiper-button-next, .show_case_related .content .swiper-button-prev{ display: none}
    .show_case_related .title h2{ font-size: 24px;}
    .show_case_related{ padding-top:48px; padding-bottom: 48px;}
    .brand_adv .content .item h3{ bottom: 90px;}
    .brand_adv .content .item p{  opacity: 1;  line-height: 1.4; visibility: visible; right: 30px;}
    .brand_adv .content .item:hover h3{ bottom: 90px;}
    .list_factory_a .box1{grid-template-columns: repeat(1, 1fr);}
    .list_factory_a .box1 .info{ padding: 32px;}
    .list_factory_a .box1 .info .title h2{ font-size: 24px;}
    .list_factory_a .box1 .img{ height: 480px;}


    .list_factory_a .box2{grid-template-columns: repeat(1, 1fr);}
    .list_factory_a .box2 .info{ padding: 32px;}
    .list_factory_a .box2 .info .title h2{ font-size: 24px;}
    .list_factory_a .box2 .img{ height: 480px;}
    .list_factory_b .photo .swiper{ height: 350px;}
    .list_factory_c .info .box { padding-right: 0; margin-bottom: 24px;}
    .list_factory_c .swiper{ padding-bottom: 50px;}

    .list_factory_e .content{grid-template-columns: repeat(1, 1fr);}
    .list_factory_f .swiper-slide .item .img img{ height:350px;}
    .list_factory_e .content .item .info{ padding-bottom: 24px;}
    .list_message .content .row{ grid-template-columns: repeat(1, 1fr);}
    .list_message .content .row-button{ padding-left:0; padding-right:0;}
    .layui-form-checkbox[lay-skin=primary]>div{ font-size: 12px;}
    .list_message .content .layui-form-item .agreement{ font-size: 12px; top: -4px; left: -5px;}

    .service_b .content{ display: grid; grid-template-columns: repeat(3, 1fr); background: none;}
    .service_b .content .item:nth-child(2n){ padding-top: 0;}
    .service_b .content .item{ position: relative;}
    .service_b .content .item .img{ height: 72px; width: 72px;}
    .service_b .content .item .img img{ width: 36px;}
    .service_b .content .item .img{ margin-bottom: 15px;}
    .service_b .content .item:after{ position: absolute; left:0px; text-align: center; line-height: 32px; top: 0px; border-radius: 50px; width: 32px; height: 32px; background: var(--bg); z-index: 2; }
    .service_b .content .item:nth-child(1):after{ content:"1"; }
    .service_b .content .item:nth-child(2):after{ content:"2"; }
    .service_b .content .item:nth-child(3):after{ content:"3"; }
    .service_b .content .item:nth-child(4):after{ content:"4"; }
    .service_b .content .item:nth-child(5):after{ content:"5"; }
    .service_b .content .item:nth-child(6):after{ content:"6"; }
    .service_b .content .item:nth-child(7):after{ content:"7"; }
    .service_b .content .item:nth-child(8):after{ content:"8"; }
    .service_b .content .item:nth-child(9):after{ content:"9"; }
    .service_c .content{grid-template-columns: repeat(1, 1fr);}
    .list_contact .content{grid-template-columns: repeat(1, 1fr); grid-gap: 40px;}
    .contact_map .pagewidth .tab{ position: initial}
    .contact_map .pagewidth .tab ul li{ padding: 6px 12px; margin-bottom: 10px;}
    .contact_map .pagewidth .tab ul{ display: block;}
    .contact_map .pagewidth .tab ul li{ background: var(--sc); color: #fff;}
    .contact_map .pagewidth .tab ul li.active{ background: var(--mc); color: #fff;}
    .list_news .item .info h2 a{ font-size: 20px; font-weight: 700; }
    .list_factory_b .info .box{ position: initial; width: auto; right: 64px; top: 15%; bottom: 0; padding: 20px; padding-top: 50px; padding-bottom: 50px; }
    .list_factory_b .info .box .title{ margin-bottom:36px; padding-bottom: 36px; position: relative}
    .list_factory_b .info .box .title:after{ content: ""; position: absolute; left: 0; right: 0; bottom: 0; width: 60px; height:3px; background: var(--bg); }
    .list_factory_b .info .box .title h2{ line-height: 1.2; font-size: 36px; color: var(--bg);}
    .list_factory_b .info .box .html{color: var(--bg)}
    .list_factory_b .info .box .html h3{ font-size: 24px; margin-bottom: 16px;}
    .list_history .pagewidth{ display: grid; grid-template-columns: repeat(1, 1fr);  grid-gap: var(--gg);  }
    .list_history .article-list .item{ grid-template-columns: repeat(2, 1fr);  grid-gap: var(--gg); }
    .list_history .article-list .item .history_year h2::after{ right: -30px;}
    .list_history .article-list::after{ display: none}
    .list_history .article-list .item .history_year h2{ font-size: 18px;}
}
/*横屏*/
@media all and (orientation : landscape) {}
/*竖屏*/
@media all and (orientation : portrait){}