@charset "utf-8";
/*防止选取 <div> 元素的文本*/
*{ -moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;-khtml-user-select: none;}
input{ -moz-user-select: auto;-webkit-user-select: auto;-ms-user-select: auto;-khtml-user-select: auto;}
body{overflow: hidden}
html,body{
    width: 100%; background-color: #fff; color: #333;  position:relative; font-weight: 400; font-style: normal; height: auto; min-height: 100%; overflow: auto;

    /*scrollbar-width:none!important;
    overflow:-moz-scrollbars-none!important;
    -ms-overflow-style: none!important;
    scrollbar-color: transparent transparent;
    scrollbar-track-color: transparent;
    -ms-scrollbar-track-color: transparent;*/
}
body::-webkit-scrollbar { width: 5px!important;}

.swiper-lazy-preloader{ opacity: .3;}
img.lazy {opacity: 0;transition: opacity 300ms;}
img.lazy.loaded {opacity: 1;}
.onloadshow{ visibility: hidden;}
.onloadshowbox .onloadshow{ visibility: visible;}

a{ color: var(--black-color);}
h2{ font-size: 40px; color:var(--black-color); font-weight: 400; margin-bottom: 28px; display: block}
h3{ font-size: 36px; color:var(--black-color); font-weight: 400; margin-bottom: 28px; display: block}

.s-wap-font-size-22{ font-size: 18px;}
.s-wap-font-size-28{ font-size: 22px;}

/*弹窗样式*/
.TstextBox{ width: 100%; height: 100%; background:rgba(0, 0, 0, 0.5); z-index: 100; position: fixed; top:0; left: 0; }
.TstextBox *{ letter-spacing: 1px}
.TstextBox>div{ display : table; width : 100%; height : 100% }
.TstextBox>div>div{display : table-row;}
.TstextBox>div>div>div{ display : table-cell; vertical-align: middle;}
.TstextBox>div>div>div>div.box{ width: 90%; margin: auto; max-width: 720px; background: #fff; padding: 60px; position: relative; box-sizing: border-box; border-radius: 20px; overflow: hidden}
.TstextBox>div>div>div>div.box h1{ border-bottom:1px dotted #929292; margin-bottom: 30px; font-size: 16px; padding-bottom: 10px}
.TstextBox>div>div>div>div.box i.iconfont.icon-czwie-close{ position: absolute; right: 15px; top:15px; font-size: 25px; cursor: pointer; font-weight: 200}

/*公告样式*/
.modal-show.notice-popup .modal-container{ border-radius: 0; border: 1px solid #6b6b6b}
.modal-show.notice-popup .modal-overlay{ backdrop-filter: blur(0);}
.modal-show.notice-popup .icon-close{ display: none}
.modal-show.notice-popup .modal-title{ text-align: center; color: var(--red-color); font-size: 1em; padding: .6em 0;}
.modal-show.notice-popup .notice-content{ width: 90%; margin: auto; height: 50vh; max-height: 800px; overflow: auto;}
.modal-show.notice-popup .notice-content p{ margin: 10px 0;}
.modal-show.notice-popup .notice-content img{ max-width: 100%; display: inline-block;}
.modal-show.notice-popup .button-box{ display: flex; justify-content: center}
.modal-show.notice-popup .button-box>div{ margin: 0 5%;}


/*模块样式*/
.main-box{ width: auto; box-sizing: border-box; padding: 0 80px; position: relative; height: 100%; max-width: 1360px; margin: 0 auto;}
.main-container{ width: auto; box-sizing: border-box; margin: 0 50px; position: relative; height: 100%}
.main-max-box{ width: 90%; margin-left: 5%;}

/*链接按钮样式*/
.a-brand{ box-sizing: border-box; display: inline-block; border: 1px solid var(--gray-5-color); color: var(--black-color); padding: 5px 30px; border-radius: 14px 0 14px 0; cursor: pointer;transition: all .3s ease-out 0s;}
.a-brand:hover,.a-brand.red{ color: var(--red-color); border-color: var(--red-color);}
.a-brand.red:hover{ background-color: var(--red-color); color: #fff}

/*更多样式*/
.more{ border: 2px solid var(--red-color); box-sizing: border-box; color: var(--red-color); border-radius: 50px; font-size: 18px; text-align: center; padding: .2em 1em; transition: all .3s ease-out 0s;}
.more:hover{ color: var(--red-color); background-color: var(--red-color); color: #fff}
.more>i{ font-weight: 300 }
.more.block{ background-color: var(--red-color); color: #fff}
.more.blue{ border-color: var(--blue-color); color: var(--blue-color)}
.more.blue:hover{ border-color: var(--blue-color); background-color: var(--blue-color); color: #fff}
.more.blue.block{ background-color: var(--blue-color); color: #fff}

/*关闭按钮*/
.close-button{ font-size: 24px; position: absolute; top:16px; right: 16px; cursor: pointer; z-index: 1}

/*全屏遮罩，结合子导航展示使用*/
.globalnav-curtain { background: rgba(232,232,237,.4); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); visibility: hidden; position: fixed; opacity: 0; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 5; transition: opacity .32s cubic-bezier(.4,0,.6,1) 80ms,visibility .32s step-end 80ms;}
.navigation-open .globalnav-curtain,.search-open .globalnav-curtain{ opacity: 1; visibility: visible; transition: opacity .32s cubic-bezier(.4,0,.6,1) 80ms,visibility .32s step-start 80ms;}

/*导航占位*/
.header-interval{ height: 80px;}

/*导航*/
.header-box.header-hide{ top:-100px; opacity: 1}
.header-box{ height: 80px; position: fixed; top:0; left: 0; z-index: 6; width:100%; background: #fff; transition: all .6s ease-out 0s;  box-shadow: 0 0 8px 2px rgba(0,0,0,.1); opacity: 1 }
.header-box>.main-box{ display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; max-width: initial;}
.header-box .logo{ height: 63px; aspect-ratio: 273 / 83; object-fit: cover; background-image: url("../images/logo/logo.png"); background-size: auto 100%; background-position: left; background-repeat: no-repeat;}
.header-box .logo>a{ display: block; width: 100%; height:100%}
.header-box .header-menu{ flex: 1 1 auto; height: 100%;}
.header-box .header-menu>.header-menu-list{ width: 100%; height: 100%; line-height: 80px;  display: flex; flex-direction: row; justify-content: flex-end;}
.header-box .header-menu>.header-menu-list>.header-menu-item{ padding: 0 3%; height: 100%; font-size: 18px; position: relative;}
.header-box .header-menu>.header-menu-list>.header-menu-item:last-child{ padding-right:0!important;}
.header-box .header-menu>.header-menu-list>.header-menu-item.active>a:after{ content: ""; display: block; width: 100%; height: 3px; position: absolute; bottom: 0; left: 0; background-color: var(--red-color); }
.header-box .header-menu>.header-menu-list>.header-menu-item>a{ height: 100%; display: block; color:var(--blue-color); position: relative}
.header-box .header-menu>.header-menu-list>.header-menu-item>a:hover,.header-box .header-menu>.header-menu-list>.header-menu-item.active>a{ color: var(--red-color); }
.header-box .header-menu>.header-menu-list>.header-menu-item>a>i{ display: inline-block; transition: all 0.3s ease-out 0s; font-size: 12px}
.header-box .header-menu>.header-menu-list>.header-menu-item.mouse-enter>a>i{ transform: rotate(180deg);}

.header-box .header-menu>.header-menu-list>.header-menu-item:hover>.sub-menu{ visibility: initial; opacity: 1; top:80px;  max-height:500px;}

.header-box .header-menu>.header-menu-list>.header-menu-item>.sub-menu{ position: absolute; top:94px; border-radius: 0 0 15px 15px; left: 0; display: block; width: 100%; background-color: #fff; line-height: 2.2em; padding: 1em 0.5em; box-sizing: border-box; background-color: rgba(248,248,248,0.96); box-shadow: 0 5px 5px 0 rgba(0,0,0,.1); visibility: hidden; opacity: 0; transition: all .3s ease-out 0s; overflow: hidden;  max-height:0;}
.header-box .header-menu>.header-menu-list>.header-menu-item>.sub-menu>a{ display: block; text-align: center; }
.header-box .header-menu>.header-menu-list>.header-menu-item>.sub-menu>a:hover,.header-box .header-menu>.header-menu-list>.header-menu-item>.sub-menu>a.active{color: var(--red-color); background-color: #fff}

.header-box .header-language{ padding-left: 100px; overflow: hidden; font-size: 18px; font-weight: 300}
.header-box .header-search{ background-color: var(--red-color); color:#fff }
.header-box .header-language .s-color-blue{ color: var(--red-color)!important;}
.header-box .header-menu > .header-menu-list > .header-menu-item > a:hover{ color: var(--red-color);}

/*尾部*/
footer{  padding-top:50px;  font-size: 18px; position: relative}
.footer-logo{ position: relative}
.footer-logo>a{ display: block; width: 100%; max-width: 280px; aspect-ratio: 353 / 107; object-fit: cover; background-image: url("../images/logo/logo-max.png"); background-size: 100%}
.footer-navigation{ display: flex; justify-content: center; gap: 8%; padding: 2em 0;}
.footer-navigation a{ display: block;}
.footer-content{ width: 100%; display: flex; gap: 20px; justify-content: space-between;  font-size: 1em; padding-bottom: 1em; padding-top: 3em}
.footer-content>div:nth-child(1){ flex: 1; display: flex; gap: 20px;}
.footer-content>div:nth-child(1)>div{ flex:1}
.footer-content>div:nth-child(1)>div:nth-child(2){ width: 54%; flex: initial}
.footer-content>div:nth-child(2){ width: 28%; text-align: center}
.footer-content>div>div>div{ padding-bottom: 1em;}
.footer-copyright{ background-color: var(--blue-color); color: #fff; padding: 40px 0; text-align: center; font-size: 14px}

/*返回顶部按钮*/
.back-top-button{ width: 60px; height: 60px; background-color: var(--red-color); position: absolute; right: -60px; top:24px; z-index: 5; border-radius: 3px; color: #fff; line-height: 66px; text-align: center; font-size: 30px; cursor: pointer;}
.back-top-button:hover{ background-color: #9f1c22}

/*内部框架*/
.internal-box{ overflow: hidden; position: relative}

/*内页顶部横幅*/
.banner-internal-box{ aspect-ratio: 1920 / 800; background-position: top center; background-repeat: no-repeat; background-size: 100%; background-attachment: fixed; position: relative; display: flex; justify-content: center; align-items: center; color: #fff; text-align: center}
.banner-internal-box:after{ content: ""; display: block; width: 100%; height: 100%; position: absolute; top:0; left: 0; background-color: rgba(20,28,113,0.2);}
.banner-internal-box>div{ position: relative; z-index: 2}
.banner-internal-box>div>h1{ font-weight: 500; font-size: 50px; line-height: 1.5em; margin: 0 0 20px 0; text-shadow: 0 4px 4px rgba(20,28,113,0.2);}
.banner-internal-box>div>span{ font-size: 26px; font-weight: 400;  display: block; text-shadow: 0 4px 4px rgba(20,28,113,0.2); margin-bottom: 1.1em}

/*内页二级导航*/
.main-inner-navigation-box{ position: relative; top:0; left: 0; background: #fff; width: 100%; height: 90px; z-index: 5; box-sizing: border-box; border-bottom: 1px solid var(--gray-4-color); transition: all .6s ease-out 0s; opacity: 1;}
.main-inner-navigation-box.move-down{ top:0;}
.main-inner-navigation{ display: flex; height: 100%; align-items: center;}
.main-inner-navigation a{ display: flex; height: 100%;  align-items: center; margin-right: 5%; color: var(--blue-color); position: relative; box-sizing: border-box; font-size: 18px; justify-content: center;}
.main-inner-navigation a:hover{ color: var(--red-color); }
.main-inner-navigation a.active{color: var(--red-color)}
.main-inner-navigation a.active:before{ content: ""; display: block;  position: absolute; top: 0; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 14px solid var(--red-color); left: 50%; margin-left: -10px;}
.main-inner-navigation a.active:after{ content: ""; width: 30%; display: block; height: 3px; position: absolute; bottom:0; left: 35%; background-color: var(--red-color);}
.main-inner-navigation .swiper-wrapper{ }
.main-inner-navigation .swiper-slide{ width: 200px;}

/*内页列表翻页*/
.media-page{ display: flex; justify-content: center; padding-top: 20px}
.media-page-box{ padding-top: 30px; display: flex; align-items: center}
.media-page-box .pages{ display: flex; padding-right: 16px}
.media-page-item{ width: 2.2em; height: 2.2em; line-height: 2.2em;  align-content: center; justify-content: center; text-align: center; border: 1px solid var(--black-color); color: var(--black-color);  border-radius: .5em; margin-right: 6px; display: block; overflow: hidden}
.media-page-item.gray{ background-color: var(--gray-6-color)}
.media-page-item.active{border-color: var(--blue-color); color:#fff; background-color: var(--blue-color)}
.media-page-item.active:hover{ border-color: var(--blue-color);  color: #fff}
.media-page-item:hover{border-color: var(--red-color); color: var(--red-color)}
.media-page-item>i.rotating{ font-size: 24px;}

/*板块样式*/
.column-area{ padding: 100px 0;}
.column-area-title{ text-align: center; margin-bottom: 60px; position: relative; font-size: 40px;}
.column-area-title:after{ content: ""; display: block; width: 2em; height: 4px; background-color: var(--red-color); margin: .65em auto 0 auto;}
.column-area-title>h1{ font-weight: 400; margin: 0; line-height: 1em; color: var(--blue-color); font-size: 1em}
.column-area-title>p{ font-size: 18px; font-weight: 300; color: var(--gray-color)}

/*首页-顶部横幅*/
.mySwiper-banner-home .swiper-slide img{ display: block; height: 100vh; max-height:1085px;  width: 100%; object-fit: cover;}
.mySwiper-banner-home .swiper-slide>i{ display: block; position: absolute; top:0; left: 0;  width: 100%; height: 100%; background: linear-gradient(to bottom, white 5%, rgba(255, 255, 255, 0) 100%);}
.mySwiper-banner-home .swiper-slide .content{ position: absolute; top:0; left: 10%; height: 100%; width: 80%; display: flex; justify-content: center;  align-items: center; text-align: center}
.mySwiper-banner-home .swiper-slide .content h1{ font-size: 70px; font-weight: bold; color: var(--blue-color); letter-spacing:2px;margin:40.2px 0px;}
.swiper-button{ background-color: var(--red-color); color: #fff; font-size: 22px; border-radius: 80px; padding: 6px .8em}
.swiper-button:hover{ color: #fff; opacity: 0.8}

/*轮播样式*/
.swiper-pagination .swiper-pagination-bullet{ border-radius: 0; opacity: 1; background-color: var(--blue-color)}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background-color: var(--red-color)}
.swiper-button-next, .swiper-button-prev{ width: 60px; height: 60px; line-height: 64px; text-align: center; background-color: #fff; border-radius: 100px; --swiper-navigation-size:24px; --swiper-navigation-sides-offset:50px;--swiper-navigation-color:var(--blue-color)}

/*首页文字横幅*/
.text-banner-box{ background-color: var(--blue-light-color); text-align: center; font-size: 42px; color: var(--blue-color); display: flex; justify-content: center}
.text-banner-box>div{ display: flex; align-items: center; flex-wrap: wrap; justify-content: center; margin: auto; padding: 1em 0; max-width: 90%;}
.text-banner-box a{ margin: 0 1em; font-size: .8em; }
/*首页合作伙伴*/
.partner-box{ width: 100%; aspect-ratio: 1200 / 210;}
.swiper-partner { width: 100%; height: 100%; margin-left: auto; margin-right: auto;}
.swiper-partner .swiper-slide { text-align: center;background: #fff; height: calc((100% - 18px) / 2) ;display: flex; justify-content: center; align-items: center;}
.swiper-partner .swiper-slide img{display: block; box-sizing: border-box; border: 1px solid var(--gray-6-color); aspect-ratio: 287 / 96; width: 100%; object-fit: contain}
/*首页关于我们*/
.about-box{ display: flex; gap: 4%}
.about-box .image{ flex:1}
.about-box .image>img{ display: block; width: 100%; border-radius: 14px}
.about-box .content{ width: 520px; padding: 32px 0; display: flex; flex-wrap: wrap; align-content: space-between; justify-content: flex-end;}
.about-box .content>div{  text-align: justify; font-size: 18px; line-height: 1.8em}
/*首页业务*/
.business-box{ display: flex; justify-content: space-between; flex-wrap: wrap; background-color: var(--blue-light-2-color); padding: 60px 0;  box-shadow: 0 0 20px 1px rgba(0,0,0,.1);}
.business-box>div{ width: 33.33%; text-align: center; padding: 50px 0;}
.hexagon-item{ text-align: center; font-size: 22px; color: var(--blue-color); display: block;}
.hexagon-item>div{ margin-bottom: 10px}
.hexagon-box{ width: 150px; height: 150px; font-size: 150px; position: relative; color: var(--blue-color); transition: all .3s ease-out 0s; margin: auto;}
.hexagon-box>i{ font-size: .5em; position: absolute; top:0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; transition: all .3s ease-out 0s;}
.hexagon-box>i.icon-wuliu{font-size: .4em;}
.hexagon-box>i.icon-weihu{font-size: .52em;}
.hexagon { width: 100%; height: 100%; position: absolute; right: 0; top:0; font-size: 1em; transform: rotate(90deg); -moz-transform: rotate(90deg) translateY(-0.05em); /* 替代方案 */}
.hexagon>i{ position: absolute; width: 100%; height: 100%; top:0; left: 0; color: var(--red-color); transition: all .3s ease-out 0s; box-sizing: border-box; }
.hexagon>i:nth-child(1){ opacity: 0}
.hexagon>i:nth-child(2){ z-index: 3; color: var(--blue-color); top:-.01em; left:-.007em; transform: scale(1.04); -moz-transform: scale(1.02) translateY(-0.004em); }
.hexagon>i:nth-child(3){ z-index: 4; color: var(--blue-light-2-color); transform: scale(.94) }
.hexagon-item:hover{ color: var(--red-color);}
.hexagon-item:hover .hexagon-box>i{ color: #fff}
.hexagon-item:hover .hexagon-box{ color: var(--red-color);}
.hexagon-item:hover .hexagon>i:nth-child(1){ opacity: 1}
.hexagon-item:hover .hexagon>i:nth-child(2),.hexagon-item:hover .hexagon>i:nth-child(3){ opacity: 0}
/*首页新闻*/
.home-news{ background-color: var(--gray-7-color)}
.home-news-box .navigation{ display: flex; justify-content: center; gap: 14%; align-items: center; margin: auto; font-size: 24px}
.home-news-box .navigation .more{ font-size: 1em; padding: .2em 1.4em; cursor: pointer}
.home-news-box .container{ display: none; flex-wrap: wrap; justify-content: space-between; padding-top: 100px; opacity: 0; position: relative; width: 100%; background-color: var(--gray-7-color); transition: all .3s ease-out 0s;}
.home-news-box .container>div{ max-width: 286px}
.home-news-box .container:nth-child(1){ position: relative !important; display: flex; opacity: 1}
.home-news-box .container.list{ background-color: initial}
.home-news-box .container.list>div{ max-width: initial; width: 100%}
.home-news-box .container.list{ padding-top: 50px; }
/*新闻样式*/
.news-list-1{ font-size: 18px; margin-bottom: 1.8em; display: block}
.news-list-1 .image{  border-radius: 14px; overflow: hidden;}
.news-list-1 .image>img{ aspect-ratio: 1 / 1; width: 100%; display: block; object-fit:cover; border-radius: 14px;transition: all .3s ease-out 0s;}
.news-list-1 .content{ padding: 0 .5em;}
.news-list-1 .content h3{ font-size: 1em; margin: 14px 0 0 0;transition: all .3s ease-out 0s;}
.news-list-1 .content span{ font-size: 14px; line-height: 1em;transition: all .3s ease-out 0s;}
.news-list-1:hover,.news-list-1:hover .content h3 { color: var(--red-color)}
.news-list-1:hover .image>img{ transform: scale(1.05)}

.news-list-2{ font-size: 16px; gap:4%; margin-bottom: 1em; display: flex; flex-direction: row-reverse; background-color: var(--gray-7-color); box-sizing: border-box; padding: 1em; transition: all .3s ease-out 0s;}
.news-list-2>.image{ aspect-ratio: 1 / 1; max-width: 200px; }
.news-list-2>.image>img{ display: block; width: 100%; height: 100%; object-fit: cover; }
.news-list-2>.content{ flex: 1; box-sizing: border-box; padding-left: 1em; padding-top: .5em }
.news-list-2>.content h3{ margin-top: 0;}
.news-list-2>.content span{ color: var(--gray-color)}
.news-list-2:hover h3{ color: var(--red-color); text-decoration: underline}
.news-list-2:hover{ transform: scale(1.02);}

/*详情*/
.details-container .column-area{ box-shadow: 0 5px 20px rgba(0,0,0,0.1); background: #fff; padding: 0; margin-bottom: 80px;  border-top: 30px solid #ce2d33; position: relative; z-index: 2}
.details-container{margin-top: -250px;}
.details-box{ min-height: 500px; box-sizing: border-box; padding: 2em;}
.details-box>.title{ text-align: center; border-bottom: 2px solid var(--gray-color); }
.details-box>.title h1{ font-size: 38px;}
.details-box>.title span{ color: var(--gray-color);  margin-bottom: 40px; display: block; font-size: 16px}
.details-box>.details{ padding: 30px 0; color: #666; line-height: 1.6em}
.details-box>.details img{ display: inline-block; max-width: 100%}
.details-box>.other{ padding-top: 40px; display: flex; justify-content: space-between; gap: 20px}
.details-box>.other>div:nth-child(2){ width: 200px; display: flex; justify-content: flex-end; align-items: center;}
.details-box>.other>div:nth-child(1){ flex: 1}
.next-pages-box > a{ display: block; font-size: 16px; color: var(--gray-color); margin-bottom: 10px; max-width: 700px;}
.next-pages-box > a:hover{ color: var(--red-color); text-decoration: underline}

/*优势*/
.home-advantage{ background-color: var(--gray-7-color)}
.advantage-box{ width: 100%; height: 640px; display: flex; font-size: 26px; color: #fff}
.advantage-box>div{ width: 16.666%; text-align: center; background: var(--blue-color); transition: all .3s ease-out 0s; position: relative;}
.advantage-box>div:nth-child(odd){ background-color: #666}
.advantage-box>div>img{ display: block; width: 100%; height: 100%; object-fit: cover;}
.advantage-box>div>.title{ width: 100%; height: 100%; position: absolute; top:0; left: 0; display: flex;  align-items: center; justify-content: center;background-color: rgba(20,28,113,.3); transition: all .3s ease-out 0s; text-shadow: 0 3px 3px rgba(20,28,113,0.5);}
.advantage-box>div>a{ width: 100%; height: 100%; position: absolute; top:0; left: 0; display: flex;  align-items: flex-end; justify-content: center; color: #fff; font-size: .64em; }
.advantage-box>div>a span{display: block; margin-bottom: 14%; opacity: 0;transition: all .3s ease-out 0s; text-shadow: 0 2px 2px rgba(20,28,113,0.5);}
.advantage-box>div:hover{ width: 23.4%}
.advantage-box>div:hover>.title{ background-color: rgba(20,28,113,0);}
.advantage-box>div:hover>a span{opacity: 1}
.advantage-text{ color: var(--blue-color); font-size: 32px; text-align: center}
.advantage-text b{ color: var(--red-color); font-size: 1.6em; font-weight: 400; font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;}

/*内页业务*/
.internal-business-box{ display: flex; gap: 4%; color: var(--blue-color);}
.internal-business-box>div{  flex: 1;}
.internal-business-box>div.image{ flex: initial; width: 50%}
.internal-business-box>div.image>img{ display: block; aspect-ratio: 790 / 523; object-fit: cover; width: 100%; border-radius: 10px}
.internal-business-box>div.content{ display: flex;}
.internal-business-box>div.content>div:nth-child(1){ width: 1.8em; font-size: 1.8em;}
.internal-business-box>div.content>div:nth-child(2){ flex: 1}
.internal-business-box>div.content>div:nth-child(2) h1{ font-size: 1.8em; margin: 0; font-weight: 400; margin-bottom: 0.6em}
.internal-business-box>div.content>div:nth-child(2) p{ text-align: justify;line-height: 1.6em;}
.internal-business-box.contact .content>div:nth-child(2){ color: var(--black-color)}
.internal-business-box.contact .image>iframe{  aspect-ratio: 600 / 400; width: 100%; border-radius: 10px; border: 1px solid #fff !important}
.internal-business-box.contact .content>div .logo{ max-width: 300px;}

/*流程*/
.process-container{ display: flex; justify-content: center;}
.process-container>div.process-icon-box{ flex: 1}
.process-icon-box{ text-align: center; color: var(--gray-2-color); font-size: 16px}
.process-icon-box>i{ font-size: 3.6em; color: var(--blue-color); display: block; margin-bottom: 16px}
.process-icon-box>i.icon-service{ transform: scale(1.1)}
.process-icon-box>i.icon-wei-xiu,.process-icon-box>i.icon-goods,.process-icon-box>i.icon-logistics-right,.process-icon-box>i.icon-logistics-left{ transform: scale(.94)}

.process-direction{ width: 8%;}
.process-direction>div{ position: relative; top:1.4em}
.process-direction>div>i,.process-direction-unfold>div>i{ display: block; width: 20px; height: 20px; line-height: 1.3em; text-align: center; background-color: var(--gray-2-color); color: #fff; border-radius: 100px; margin: auto; position: relative; z-index: 1;}
.process-direction>div:before{ content: ""; height: 1px; width: 100%; background-color: var(--gray-color); position: absolute; top:50%;}

.process-direction-unfold{ height: 90px; width: 20px; position: relative; margin-right: 8.4%; margin-bottom: 20px; margin-top: 20px}
.process-direction-unfold>div{ position: relative; height: 100%}
.process-direction-unfold>div>i{ position: absolute; top:50%; margin-top: -10px; line-height: 1.4em;}
.process-direction-unfold:before{ content: ""; height: 100%; width: 1px; background-color: var(--gray-color); position: absolute; left:50%;}

/*拓展地图*/
.map-flex{ display: flex; align-items: center; gap: 5%; width: 90%; margin-left: 5%}
.map-flex>div.image{flex: 1;}
.map-flex>div.image>img{ display: block;  width: 100%; margin: auto}
.map-flex>div.content{ width: 550px; line-height: 1.6em; text-align: justify}
.shop-flex{ display: flex; align-items: center; justify-content: center}
.shop-flex>div{flex: 1;}
.shop-flex>div.image{ overflow: hidden}
.shop-flex>div.image>img{ display: block;  width: 100%; aspect-ratio: 960 / 600; object-fit: cover;}
.shop-flex>div.content>div{ box-sizing: border-box; padding: 0 20px}

.img-hover-big{ transform: scale(1); transition: all .4s ease-out 0s;}
.img-hover-big:hover{ transform: scale(1.05);}

/*配件icon*/
.accessory-icon-container{ display: flex; justify-content: space-between; padding: 50px 50px 0 50px;  font-size: 24px;}
.accessory-icon-box{  font-size: 22px; display: flex; align-items: center; gap: 1.4em; transition: all .3s ease-out 0s;}
.accessory-icon-box i{ width: 80px; height: 80px; background-color: var(--gray-7-color); color: var(--blue-color); border-radius: 20px; display:flex; align-items: center; justify-content: center; font-size: 2em}
.accessory-icon-box:hover{ transform: scale(1.1)}
.accessory-icon-box i.icon-fen-lei{ font-size: 1.8em}

/*渠道icon*/
.channel-icon-container{ display: flex; gap: 3%; position: relative;}
.channel-icon-container>div{ flex: 1;}
.channel-icon-box{ background-color: var(--gray-7-color); border-radius: 20px; color: var(--blue-color); text-align: center; box-sizing: border-box; padding: 2em; aspect-ratio: 1 / 1; display: flex; align-items: center;justify-content: center; transition: all .3s ease-out 0s; box-shadow: 0 3px 6px rgba(0,0,0,.1);}
.channel-icon-box i{ font-size:5.5em; display: block; margin-bottom: .4em}
.channel-icon-box p{ display: block; text-align: left; line-height: 1.8em}
.channel-icon-box span{ font-size: .8em; color:#fff; background-color: var(--gray-6-color); border-radius: 50px; padding: 2px .5em}
.channel-icon-box:hover{transform: scale(1.05)}
.serial{ width: 37px; height: 37px; line-height: 37px; font-weight: 400; font-size: 24px; border: 2px solid var(--blue-color); color: var(--blue-color); border-radius: 100px; text-align: center; margin: 1em auto 1em auto;}
.channel-title{ position: absolute; top:0; right: -26%; width: 31.4%; box-shadow: initial; background-color: initial; font-size: 1.8em}
.cooperate .channel-title{ position: relative; top:0; right:0; width:auto; box-shadow: initial; background-color: initial; font-size: 1.8em}
.cooperate>div:nth-child(1){ position: absolute; top:0; left: -22%; width: 25%; }

/*申请按钮*/
.apply-box{ font-size: 28px;}
.apply-button{ font-size: 1em;  background-color: var(--blue-color); border-radius: 200px; color: #fff; width: 4.26em; height: 4.26em; display: flex; align-items: center; justify-content: center; position: relative; margin: auto; transition: all .3s ease-out 0s; cursor: pointer;}
.apply-button:after{ content: ""; width: 4.26em; height: 4px; display: block; position: absolute; top:50%; margin-top: -2px; left: -5.4em; background-color: var(--blue-color);transition: all .3s ease-out 0s;}
.apply-button:before{ content: ""; width: 4.26em; height: 4px; display: block; position: absolute; top:50%; margin-top: -2px; right: -5.4em; background-color: var(--blue-color);transition: all .3s ease-out 0s;}
.apply-button:hover{ background-color: var(--red-color)}
.apply-button:hover:after,.apply-button:hover:before{ background-color: var(--red-color)}

/*表单样式*/
.input-box{ margin: auto; max-width: 600px; padding-bottom: 1em}
.input-box>div{ padding-bottom: 16px;}
.input-box .label{ margin: 0; padding: 0 0 10px 0;}
.input-box .label>span{ color: var(--red-color)}
.input-box input,.input-box textarea{ width: 100%; font-size: 1em; padding: .5em; box-sizing: border-box; background-color: #fff; border: 1px solid var(--gray-color); font-family: "Microsoft YaHei","微软雅黑","宋体",Arial,sans-serif;}
.button-submit{ max-width: 180px; margin: auto; cursor: pointer}
/*表单提交成功样式*/
.submit-success{ text-align: center;}
.submit-success>.iconfont{ font-size: 100px; color: darkgreen}
/*申请表单窗口*/
.application-form-popup{ padding: 0 10%}
.onAccountType{ display: flex;gap: 10px}
.onAccountType>div{ display: flex; cursor: pointer; gap: 4px}
.onAccountType i{ display: block;  aspect-ratio: 1 / 1;  box-sizing: border-box;  width: 25px;  border: 1px solid var(--black-color);}
.onAccountType i.icon-check{ background-color: var(--black-color); color: #fff}
/*联系我们在线联系*/
.input-box.contact{ max-width: initial}
.input-box.contact .flex{ display: flex; gap: 3% }
.input-box.contact .flex>div{ flex: 1}
.input-box.contact .label{ color:var(--red-color)}
.input-box textarea{ height: 6.5em}
.input-box label{ display: block; position: relative;}
.input-box .img-code{ position: absolute; top:0; right: 0; height: 100%; aspect-ratio: 88 / 34; object-fit: cover; transform: scale(.9); cursor: pointer;}
textarea::placeholder {
    color: var(--gray-6-color);
}
.input-box.contact .label.radio{ display: flex; gap:5px}
.input-box.contact .label.radio i{ display:block; aspect-ratio: 1 / 1; box-sizing: border-box; width: 25px; border: 1px solid var(--red-color);}
.input-box.contact .label.radio>div{ display: flex; cursor: pointer}

    /*公司介绍*/
.about-flex{ display: flex; align-items: center; gap: 5%; width: 90%; margin-left: 5%;}
.about-flex>div.image{flex: 1; font-size: 38px}
.about-flex>div.image>div{ position: relative; margin: 1em; max-width: 600px}
.about-flex>div.image>div:after{ content: ""; display: block; width: 100%; aspect-ratio: 600 / 400; position: absolute; top:-1em; left: -1em; background-color: var(--blue-color);}
.about-flex>div.image>div:before{ content: ""; display: block; width: 1em; height: 1em; position: absolute; bottom:-.5em; right: -.5em; background-color: var(--red-color);}
.about-flex>div.image>div>img{ display: block;  width: 100%; aspect-ratio: 600 / 400; object-fit: cover; position: relative; z-index: 3;}
.about-flex>div.content{ width: 54%; line-height: 1.6em; text-align: justify}

/*公司文化*/
.culture-flex{ display: flex; justify-content: center; align-items: center; gap: 4%;}
.culture-flex>div{ flex: 1; text-align: center;}
.culture-box{ aspect-ratio: 1 / 1; width: 100%; max-width: 250px; color: #fff; position: relative; margin: auto}
.culture-box>h3,.culture-box>p{ display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; position: absolute; top:0; left: 0; margin: 0; box-sizing: border-box; transition: all .3s ease-out 0s;}
.culture-box>h3{ background-color: var(--blue-color); border-radius: 100%; z-index: 1; color: #fff; font-size: 2em; opacity: 1}
.culture-box>p{ padding: 1em; background-color: var(--red-color); border-radius: 2.6em; transform: rotateY(180deg);opacity: 0; line-height: 1.6em}
.culture-box:hover>h3 {transform: rotateY(180deg); opacity: 0}
.culture-box:hover>p {transform: rotateY(0deg); opacity: 1}

/*报价*/
.quotation-box{ background-color: var(--blue-light-color); padding-bottom: 1em}
.quotation-box h3{ text-align: center; font-size: 28px; color: var(--blue-color); padding: 1em 0; margin-bottom: 0;}
.quotation-container{ width: 90%; margin: auto;}
.quotation-container>div{ display: flex; align-items: start; gap: 3%; margin-bottom: 1em }
.quotation-container .label{ color: var(--blue-color); width: 220px;}
.quotation-container .form-item{ flex: 1;}

.quotation-goods-list{ display: flex; gap:0}
.quotation-goods-list>div{ display: flex; align-items: self-start}
.quotation-goods-list>div:nth-child(1){ width: 220px; text-align: center}
.quotation-goods-list>div:nth-child(1)>div{ text-align: center;  margin-left: -1px}
.quotation-goods-list>div:nth-child(3){ width: 50px; text-align: center}
.quotation-goods-list-container{ flex: 1; display: block !important;}
.quotation-goods-list-container>div{ display: flex; align-items: center; width: 100%; margin-bottom: 10px}
.quotation-goods-list-container>div>div{ margin-left: -1px; flex: 1;}
.quotation-goods-list-container>div>div:last-child{ width: 40px; flex: initial}
.quotation-goods-list-container>div .add-goods-button:after{content: "-"; font-weight: 400; font-size: 30px}
.quotation-goods-list-container>div:last-child .add-goods-button:after{content: "+"; font-weight: 400; font-size: 24px}


.quotation-container input{ font-size: 1em; color: var(--black-color)}
.quotation-container .q-input{ background-color: #fff; border: 1px solid var(--black-color); padding: 2px .2em; display: flex; font-size: 1em;}
.quotation-container .q-input:disabled{ background-color: var(--gray-6-color); color: var(--gray-color) !important;}
.quotation-container .q-input>b{ font-weight: 400; display: block;}
.quotation-container .q-input>label{ margin: 0; flex: 1; display: block; position: relative}
.quotation-container .q-input>label>input{ width: 100%; box-sizing: border-box; height: 100%; line-height: 1em; margin: 0; position: absolute; top:0; left:0; border: 0;}
.quotation-container .g-unit{ cursor: pointer}
.quotation-container .g-unit.active{ background-color: var(--blue-color); color: #fff}
.quotation-container .add-goods-button,.quotation-container .notes{ font-size: 18px; border: 1px solid var(--black-color); border-radius: 100%; background-color: #fff; width: 24px; height: 24px; line-height: 24px; display: block; margin: auto; cursor: pointer; transition: all .3s ease-out 0s;text-align: center;}
.quotation-container .add-goods-button:hover{ background-color: var(--blue-color); color: #fff;}
.quotation-container select{ min-width: 150px; cursor: pointer; color: var(--black-color) !important; }
.quotation-container .budget-box{ background-color: #fff; border: 1px solid var(--black-color); padding: 1.4em 1em 0 1em; }
.quotation-container .budget-box>div{ display: flex; width: 100%; gap: 1em; align-items: center; margin-bottom: 1.5em}
.quotation-container .budget-box>div>div{ flex: 1}
.quotation-container .budget-box>div>div:nth-child(1){ flex: initial; width: 180px}
.quotation-container .budget-box>div>div.budget{ flex: initial; width: 200px; color: var(--red-color); text-align: right}
.label-select{  display: flex; align-items: center; gap: .5em}
.logistics-box{ display: flex; align-items: center; gap: 1em;}
.quotation-container .notes{ color: var(--red-color); border-color: var(--red-color)}
.notes-box{ position: relative; }
.notes-content{ color: var(--gray-color); position: absolute; top:0; left: 35px; width: 380px; border:1px solid var(--gray-color); border-radius: 10px; padding: .5em; background-color: #fff; display: none;}
.notes-box:hover .notes-content{ display: block;}
.budget-box .total{ width: 100% !important; justify-content: flex-end; padding-top: 2em; }
.budget-box .total .budget{ font-size: 1.2em; min-width: 300px !important;}
.budget-box .total .budget>div:nth-child(1){ padding-bottom: .5em;}
.budget-box .radio{ display: flex; align-items: center; gap: .1em; cursor: pointer;}
.budget-box .radio>i.iconfont{aspect-ratio: 1 / 1; box-sizing: border-box; width: 25px; border: 1px solid var(--black-color); display: block;  background-color: #fff; font-size: .8em; text-align: center; font-weight: bold;}
.budget-box .radio>i.iconfont.icon-check{ background-color: var(--blue-color); color: #fff;}
.cube-box{ padding-top: 25%; font-size: 16px;}
.cube-box img{ width: 100%; max-width: 189px; margin-bottom: 10%}

.show-price i{ font-size: .6em; font-style: normal}

.j-black-color{ color: var(--black-color) !important}


/*===================================*/
@media screen and (max-width: 1780px){

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

    .details-container{margin-top: -200px;}

    .label-select{ display: block;}
    .label-select>div:nth-child(1){ margin-bottom: 8px;}
    .label-select>label{ display: block; width: 100%}
    .label-select>label>select{ width: 100%}

    .channel-title{  width:15%; right: -15%; height: 100%}
    .cooperate>div:nth-child(1){ left: -15%; width:15%; top:2em}

}
@media screen and (max-width: 1600px){
    .text-banner-box{ font-size: 30px;}

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

    .s-wap-font-size-22{ font-size: 16px}
    .s-wap-font-size-28{ font-size: 18px;}

    .more{ font-size: 16px;}

    .main-box{ padding: 0 50px;}
    .main-container{ margin: 0 30px;}

    .header-interval{ height: 70px;}

    .header-box{ height: 70px; }
    .header-box .logo{ height: 60px;}
    .header-box .header-menu>.header-menu-list{ line-height: 70px;}
    .header-box .header-menu>.header-menu-list>.header-menu-item{ font-size: 16px;}
    .header-box .header-menu>.header-menu-list>.header-menu-item>a>i{ font-size: 11px}

    .header-box .header-menu>.header-menu-list>.header-menu-item>.sub-menu{ top:60px}
    .header-box .header-menu>.header-menu-list>.header-menu-item:hover>.sub-menu{ top:70px;}

    .header-box .header-language{ padding-left: 60px;font-size: 16px;}

    footer{ font-size: 16px}
    .back-top-button{right:0;}

    .mySwiper-banner-home .swiper-slide .content h1{ font-size: 60px;}
    .swiper-button{ font-size:18px;}

    .banner-internal-box>div>h1{ font-size: 40px;}
    .banner-internal-box>div>span{ font-size: 22px;}

    h2{ font-size: 34px;}
    h3{ font-size: 28px;}

    .column-area-title{ font-size: 32px;}
    .column-area-title>p{ font-size: 16px; margin: 10px 0;}

    .text-banner-box{ font-size: 28px;}

    .home-news-box .navigation{font-size: 20px;}
    .news-list-1{ font-size: 16px;}

    .advantage-box{ height: 540px;font-size: 22px;}

    .advantage-text{ font-size: 18px;}

    .main-inner-navigation-box{ height: 70px;}
    .main-inner-navigation a{  font-size: 16px;}
    .main-inner-navigation .swiper-slide{ width: 160px;}

    .process-icon-box{ font-size: 16px}
    .process-direction-unfold{ height: 60px;}

    .accessory-icon-container{ padding: 50px 50px 0 50px;  font-size: 20px;}
    .accessory-icon-box{  font-size: 20px;}

    .apply-box{ font-size: 24px;}

    .about-flex>div.image{ font-size: 20px}

    .news-list-2{ font-size: 16px;}
    .news-list-2>.image{ max-width: 160px; }

    .details-box>.title h1{ font-size: 44px;}
    .next-pages-box > a{ font-size: 16px; margin-bottom: 10px;}

    .details-container{margin-top: -180px;}

    .channel-title{ position: relative; top:0; right:0; width:10%; margin-top: 4.5%; flex:initial !important; font-size: 1.4em; height: 100%}
    .cooperate .channel-title{font-size: 1.4em; box-sizing: border-box; width: 100%}
    .cooperate>div:nth-child(1){ position: relative; top:0; left: 0; width:10%; flex:initial !important; height: 80%}

    .hexagon-item{ font-size: 18px}

    .about-box .content>div{ font-size: 16px; line-height: 1.8em}

    .internal-business-box>div.content>div:nth-child(2) p{ font-size: 18px}


}
@media screen and (max-width: 1366px){
    .quotation-container .budget-box>div{ display: block; margin-bottom: 1.5em; padding-bottom: 20px}
    .quotation-container .budget-box>div>div:nth-child(1){ margin-bottom: 20px; font-weight: bold; background-color: var(--gray-7-color); padding: 4px 4px; width: 100%; box-sizing: border-box}
    .quotation-container .budget-box>div:last-child{ background-color: #fff; border-bottom: 1px solid var(--gray-7-color)}
    .quotation-container .budget-box>div>div:last-child{ background-color: #fff;}
    .budget-box .total{ padding-top: 1em; border-top:1px solid var(--gray-7-color) !important; }
    .quotation-container .budget-box>div:last-child{ border: 0}
    .label-select{  display: block;}
    .label-select>div:nth-child(1){ margin-bottom: 8px; }
    .logistics-box{ display: block; }
    .notes-content{ position: relative; top:0; left: 0; width: 100%; box-sizing: border-box; display: block; flex: 1}
    .notes-box{ display: flex; gap: .2em; padding-bottom: 10px}
    .notes-box .notes{ width: 24px;}
}
@media screen and (max-width: 1280px){
    .text-banner-box{ font-size: 26px;}
    .about-box .content{ padding: 20px 0;}

    .main-inner-navigation .swiper-slide{ width: 140px;}
}
@media screen and (max-width: 1080px){ /*ipad*/
    .advantage-box{ height: 500px;font-size: 22px;}
    .s-wap-font-size-24{ font-size: 18px}

    .internal-business-box>div.content>div:nth-child(1){ width: 1.4em; font-size: 2em;}

    .details-box>.title h1{ font-size: 38px;}
    .details-container{margin-top: -140px;}
}
@media screen and (max-width: 1024px){
    .about-box .content{ padding: 0;}
}
@media screen and (max-width: 800px){

}