@charset "utf-8";
/**/
body, div, canvas{-webkit-image-rendering: optimizeSpeed;-webkit-interpolation-mode: nearest-neighbor;}
html,body{ height: auto; overflow: auto;}
body{}
*{-webkit-tap-highlight-color:rgba(0,0,0,0);}
input[type="submit"],
input[type="reset"],
input[type="button"],
button,select{ -webkit-appearance: none; }

.wap-blank-height-0{clear:both;visibility:hidden;height:0!important;line-height:0!important; float: none!important}
.wap-blank-height-5{clear:both;overflow:hidden;height:5px;}
.wap-blank-height-8{clear:both;overflow:hidden;height:8px;}
.wap-blank-height-10{clear:both;overflow:hidden;height:10px;}
.wap-blank-height-12{clear:both;overflow:hidden;height:12px;}
.wap-blank-height-14{clear:both;overflow:hidden;height:14px;}
.wap-blank-height-15{clear:both;overflow:hidden;height:15px;}
.wap-blank-height-18{clear:both;overflow:hidden;height:18px;}
.wap-blank-height-20{clear:both;overflow:hidden;height:20px;}
.wap-blank-height-25{clear:both;overflow:hidden;height:25px;}
.wap-blank-height-28{clear:both;overflow:hidden;height:28px;}
.wap-blank-height-30{clear:both;overflow:hidden;height:30px;}
.wap-blank-height-35{clear:both;overflow:hidden;height:35px;}
.wap-blank-height-40{clear:both;overflow:hidden;height:40px;}
.wap-blank-height-42{clear:both;overflow:hidden;height:42px;}
.wap-blank-height-45{clear:both;overflow:hidden;height:45px;}
.wap-blank-height-50{clear:both;overflow:hidden;height:50px;}
.wap-blank-height-60{clear:both;overflow:hidden;height:60px;}
.wap-blank-height-70{clear:both;overflow:hidden;height:70px;}
.wap-blank-height-80{clear:both;overflow:hidden;height:80px;}
.wap-blank-height-90{clear:both;overflow:hidden;height:90px;}
.wap-blank-height-94{clear:both;overflow:hidden;height:94px;}
.wap-blank-height-100{clear:both;overflow:hidden;height:100px;}

.wap-show,#wap-show,.wap-display-block{ display:block!important;}
.pc-show,#pc-show{ display:none!important;}
.btn-width-160{ width: 120px; height: 42px; line-height:42px; padding:0; font-size: 12px; }

.wap-display-none{ display: none!important;}
.wap-display-inline-block{ display: inline-block !important;}
.wap-display-flex{ display: flex!important;}
.wap-align-items-center{ align-items: center!important;}
.wap-justify-content-space-between{ justify-content: space-between!important;}
.wap-justify-content-flex-end{ justify-content: flex-end!important;}
.wap-flex-wrap{ flex-wrap: wrap!important;}
.wap-flex-wrap-nowrap{ flex-wrap: nowrap!important;}
.wap-flex-0{ flex: 0!important;}
.wap-flex-1{ flex: 1!important;}
.wap-flex-auto{ flex: auto!important;}
.wap-flex-gap-2{ gap: 2%;}
.wap-flex-gap-4{ gap: 4%;}
.wap-flex-gap-6{ gap: 6%;}
.wap-flex-gap-8{ gap: 8%;}
.wap-flex-gap-10{ gap: 10%;}
.wap-flex-gap-20{ gap: 20%;}

.wap-z-index-0{ z-index: 0!important;}
.wap-z-index-1{ z-index: 1!important;}
.wap-z-index-2{ z-index: 2!important;}

.wap-text-center{ text-align: center;}
.wap-float-none{ float: none!important}
.wap-float-left{ float: left}
.wap-float-right{ float: right}
.wap-border-no{ border: none!important}
.wap-border-1{ border:1px solid #d3d7dd}

.wap-position-relative{ position: relative!important}

.wap-opacity-5{ opacity: .5}

.wap-font-weight-300{ font-weight: 300}
.wap-font-weight-600{ font-weight: 600}

.wap-font-size-10{ font-size: 10px}
.wap-font-size-12{ font-size: 12px}
.wap-font-size-13{ font-size: 13px}
.wap-font-size-14{ font-size: 14px}
.wap-font-size-15{ font-size: 15px}
.wap-font-size-16{ font-size: 16px}
.wap-font-size-18{ font-size: 18px}
.wap-font-size-20{ font-size: 20px}
.wap-font-size-24{ font-size: 24px}
.wap-font-size-28{ font-size: 28px}
.wap-font-size-30{ font-size: 30px}
.wap-font-size-40{ font-size: 40px}

.wap-line-height-auto{ line-height:initial!important;}
.wap-line-height-12{ line-height:12px!important;}
.wap-line-height-22{ line-height: 22px!important;}
.wap-line-height-25{ line-height: 25px!important;}
.wap-line-height-30{ line-height: 30px!important;}
.wap-line-height-32{ line-height: 32px!important;}
.wap-line-height-35{ line-height: 35px!important;}
.wap-line-height-40{ line-height: 40px!important;}
.wap-letter-spacing-1{letter-spacing:1px}
.wap-letter-spacing-2{letter-spacing:2px}
.wap-letter-spacing-3{letter-spacing:3px}
.wap-letter-spacing-10{letter-spacing:10px}
.wap-letter-spacing-14{letter-spacing:14px}
.wap-letter-spacing-20{letter-spacing:20px}

.wap-height-100vh{height:100vh;}
.wap-height-50vh{height:50vh;}
.wap-height-30vh{height:30vh;}
.wap-height-40vh{height:40vh;}

.wap-width-pp-100{ width: 100%!important}
.wap-width-pp-90{ width: 90%!important}
.wap-width-pp-80{ width: 80%!important}
.wap-width-pp-70{ width: 70%!important}
.wap-width-pp-60{ width: 60%!important}
.wap-width-200{width: 200px!important}
.wap-width-100{width: 100px!important}
.wap-width-80{width: 80px!important}
.wap-width-auto{width: auto!important}

.wap-margin-auto{ margin: auto!important;}
.wap-margin-0{ margin: 0px!important;}
.wap-margin-4{ margin: 4px!important;}
.wap-margin-right-4{ margin-right: 4px!important;}
.wap-margin-right-10{ margin-right: 10px!important;}
.wap-margin-right-14{ margin-right: 14px!important;}
.wap-margin-right-20{ margin-right: 20px!important;}
.wap-margin-right-24{ margin-right: 24px!important;}
.wap-margin-right-40{ margin-right: 40px!important;}
.wap-margin-bottom-4{ margin-bottom: 4px!important;}
.wap-margin-bottom-10{ margin-bottom: 10px!important;}
.wap-margin-bottom-14{ margin-bottom: 14px!important;}
.wap-margin-bottom-20{ margin-bottom: 20px!important;}
.wap-margin-bottom-30{ margin-bottom: 30px!important;}
.wap-margin-bottom-34{ margin-bottom: 34px!important;}
.wap-margin-bottom-44{ margin-bottom: 44px!important;}

.wap-padding-top-0{ padding-top: 0px!important;}
.wap-padding-top-4{ padding-top: 4px!important;}
.wap-padding-top-10{ padding-top: 10px!important;}
.wap-padding-top-20{ padding-top: 20px!important;}
.wap-padding-top-50{padding-top: 50px!important}
.wap-padding-left-0{ padding-left: 0!important;}
.wap-padding-left-10{ padding-left: 10px !important;;}
.wap-padding-left-20{ padding-left: 20px !important;}
.wap-padding-right-0{ padding-right: 0!important;}
.wap-padding-bottom-0{ padding-bottom: 0!important;}
.wap-padding-bottom-10{ padding-bottom: 10px!important;;}
.wap-padding-bottom-20{ padding-bottom: 20px!important;;}
.wap-padding-bottom-30{ padding-bottom: 30px!important;;}
.wap-padding-bottom-40{ padding-bottom: 40px!important;;}
.wap-padding-bottom-50{ padding-bottom: 50px!important;;}
.wap-padding-bottom-100{ padding-bottom: 100px!important;;}
.wap-padding-bottom-150{ padding-bottom: 150px!important;;}
.wap-padding-bottom-160{ padding-bottom: 160px!important;;}
.wap-padding-bottom-180{ padding-bottom: 180px!important;;}
.wap-padding-0{ padding: 0!important;}
.wap-padding-10{ padding: 10px!important;}
.wap-padding-lr-4{ padding-left: 4px!important; padding-right: 4px!important;}
.wap-padding-lr-10{ padding-left: 10px!important; padding-right: 10px!important;}
.wap-padding-lr-20{ padding-left: 20px!important; padding-right: 20px!important;}
.wap-padding-tb-20{ padding-top: 20px!important; padding-bottom: 20px!important;}
.wap-padding-tb-30{ padding-top: 30px!important; padding-bottom: 30px!important;}
.wap-padding-tb-40{ padding-top: 40px!important; padding-bottom:40px!important;}

.wap-color-black{ color:#303133}
.wap-color-white{ color: white}
.wap-color-gray{ color:#909399}
.wap-color-gray-2{ color:#606266}
.wap-color-blue{ color:var(--blue-color)}
.wap-color-pink{ color:#f19ec2}

.wap-ul-li-width-pp-100>li{ width: 100%!important}
.wap-ul-li-width-pp-50>li{ width: 50%!important}
.wap-ul-li-width-pp-33>li{ width: 33.33%!important}
.wap-ul-li-width-pp-25>li{ width: 25%!important}
.wap-column-width-pp-100>.column{ width: 100%!important}
.wap-column-width-pp-50>.column{ width: 50%!important}
.wap-column-width-pp-33>.column{ width: 33.33%!important}
.wap-column-width-pp-25>.column{ width: 25%!important}

.wap-btn-white-link{ border:1px solid white; background: transparent; color: white!important}
.wap-btn-white-link:hover,.btn-white-link:focus{color: #514b99!important; border-color: #fff!important; background: rgba(255, 255, 255, 0.7);}

.wap-height-100vh{height:100vh;}
.wap-height-50vh{height:50vh;}
.wap-height-auto{ height: auto!important}
.wap-height-20{ height: 20px!important}
.wap-height-24{ height: 24px!important}
.wap-height-26{ height: 26px!important}
.wap-height-30{ height: 30px!important}
.wap-height-40{ height: 40px!important}
.wap-height-50{ height: 50px!important}
.wap-height-60{ height: 60px!important}
.wap-height-70{ height: 70px!important}

.table.wap-table-scroll {
    display: block;
    overflow-x: auto;
    padding-bottom: 0.75rem;
    white-space: nowrap;
}

/*模块样式*/
.main-box{ padding: 0 18px; }
.main-container{ margin: 0;}

.wap-space{ height: 80px;}

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

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

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

/*导航*/
.header-box{ height: 62px; line-height: 62px;}
.header-box>.main-box{ justify-content: space-between; padding-right: 0;}
.header-box .logo{ height: 50px;}
.header-wap-menu-area{ flex: 1 1 auto; height: 100%;}
.header-wap-menu-icon{ width: 62px; height: 100%; background: #fff}
.header-box .header-menu{ position: absolute; top:0; left: 0; background: #fff; height: 0; width: 100%; overflow: hidden; transition: all 0.3s ease-out 0s; transform-style: preserve-3d; opacity: 0; box-sizing: border-box; z-index: 2;}
.header-box .header-menu>.header-menu-list{ display: block; margin-top: 15%}
.header-box .header-menu>.header-menu-list>.header-menu-item{ height: auto; text-align: left; line-height: 4.5em; position: relative}
.header-box .header-menu>.header-menu-list>.header-menu-item>a{ font-size: 26px; padding: 0 40px; font-weight: 600; color: var(--blue-color)}
.header-box .header-menu>.header-menu-list>.header-menu-item>a>i{ display: none;}
.header-box .header-menu>.header-menu-list>.header-menu-item::after{ content: ''; height: 0px; width: 5%; position: absolute; bottom:0; left: 47.5%; border-right: 20px; overflow: hidden}
.header-box .header-menu>.header-menu-list>.header-menu-item.active>a:after{ height: 0;}
.header-box .header-menu>.header-menu-list>.header-menu-item:hover>.sub-menu{ visibility: hidden; opacity: 0}

/*wap导航*/
.main-navigation-button{ align-items: center; display: flex; font-size: 0; width: 100%; height: 100%; justify-content: center; z-index: 3; position: relative;}
.main-navigation-button-menu{ height: 35px; margin-top: -2px; width: 26px; align-items: center; display: flex; position: relative;}
.main-navigation-button-menu-dash{ border-top: 2px solid var(--gray-color); left: 50%; position: absolute; top: 50%; transform: translate(-50%,-50%); transform-style: preserve-3d; transition: transform 1s ease; width: 100%;}
.main-navigation-button-menu-dash:first-child{transform: translate(-50%,-6px);}
.main-navigation-button-menu-dash:nth-child(2){display: block; left: 0; transform: none;}
.main-navigation-button-menu-dash:nth-child(3){transform: translate(-50%,6px);}

.navigation-open .header-menu{ height: 100vh; opacity: 1;}
.navigation-open .main-navigation-button-menu-dash:first-child,.search-open .main-navigation-button-menu-dash:first-child{transform: translate(-50%,-50%) rotate(-45deg);  border-top: 2px solid var(--gray-color);}
.navigation-open .main-navigation-button-menu-dash:nth-child(2),.search-open .main-navigation-button-menu-dash:nth-child(2){transform: scaleX(0)}
.navigation-open .main-navigation-button-menu-dash:nth-child(3),.search-open .main-navigation-button-menu-dash:nth-child(3){transform: translate(-50%,-50%) rotate(45deg);  border-top: 2px solid var(--gray-color);}

.header-box>.header-menu-sub{ top:0; opacity: 0; visibility: hidden}

.header-wap-menu-area{ flex: 1 1 auto; height: 100%; width: 100px}
.header-wap-menu-area .header-language{ float: right; background: #fff; padding: 0; width: 52px; height: 100%; text-align: center}
.header-wap-menu-area .header-language>i{ font-size: 24px; color: var(--gray-color)}

.wap-min-more{font-size: 14px}
.more.block:hover{ background-color: var(--red-color); color: #fff}
.more.blue.block:hover{ background-color: var(--blue-color); border-color: var(--blue-color)}

/*尾部*/
.footer-copyright{ font-size: 14px}
.footer-content{ align-items: center; border-bottom: 1px solid var(--gray-7-color);  border-top: 1px solid var(--gray-7-color);padding-bottom: 30px; padding-top: 30px; margin-top: 30px}
.footer-content>div:nth-child(1){display: block;}
.footer-content>div:nth-child(1)>div>div{ padding-bottom: 2px; font-size: 16px}
.footer-content>div:nth-child(2){ width: 20%; text-align: center}
.footer-content>div:nth-child(2)>img{ display: block; width: 100%}

.footer-navigation{ flex-wrap: wrap; gap: 0}
.footer-navigation a{ width: 100%; text-align: center; line-height: 2em; font-size: 20px}
.footer-logo>a{ width: 60%; margin: auto}
.footer-logo{ position: initial}
.back-top-button{ width: 60px; height: 60px;line-height: 66px;font-size: 30px; top:400px}

/*内页顶部横幅*/
.banner-internal-box{  background-attachment:initial; aspect-ratio: 1920 / 1100; background-size: cover;}
.banner-internal-box>div>h1{ font-size: 40px; margin-bottom: 10px}
.banner-internal-box>div>span{ font-size: 20px;}
/*内页二级导航*/
.main-inner-navigation-box>.main-box{ padding: 0;}
.main-inner-navigation-box{ height: 60px; }
.main-inner-navigation  a{ font-size: 16px; justify-content: center; font-weight: 500;}
.main-inner-navigation .swiper-slide{ width: 100px;}
.main-inner-navigation a.active:before{ border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 10px solid var(--red-color); left: 50%; margin-left: -5px;}

/*链接按钮样式*/
.a-brand{ font-size: 14px;}

/*内页列表翻页*/
.media-page{ padding-top: 20px}

/*板块样式*/
.column-area{ padding: 50px 0;}
.column-area-title{ margin-bottom: 40px}
.column-area-title{ font-size: 28px;}
.column-area-title>h1{ font-weight: 500}
.column-area-title>p{ font-size: 16px;}
.column-area-title:after{  height: 3px;}

.mySwiper-banner-home .swiper-slide img{ height: 60vh; }
.mySwiper-banner-home .swiper-slide .content h1{ font-size: 50px; letter-spacing:0}
.swiper-button{font-size: 20px;}

.text-banner-box{ font-size: 26px}
.text-banner-box>div{ display: block; padding: 1em 0;}
.text-banner-box a{ margin-top: 1em; }

/*合作伙伴*/
.partner-box{ width: 100%; aspect-ratio: 1200 / 420;}
.swiper-partner .swiper-slide {height: calc((100% - 10px) / 2) !important;}
/*关于我们*/
.about-box{ display: block; gap: 0}
.about-box .content{ width: 100%; padding-top: 20px}
.about-box .content>div{ text-align: justify; padding-bottom: 20px; line-height: initial}
/*业务*/
.business-box{  padding: 30px 0;}
.business-box>div{ width: 33.33%; padding: 20px 0;}
.hexagon-item{ font-size: 18px; }
.hexagon-box{ width: 86px; height: 86px; font-size: 86px;}
.hexagon { transform: rotate(90deg) translateY(-4px);}
/*首页新闻*/
.home-news-box .navigation{font-size: 18px; gap: 5%;}
.home-news-box .navigation .more{ padding: .2em 1.2em;}
.home-news-box .container{ padding-top: 30px;}
.home-news-box .container>div{ max-width: 100%; width: 100%;}
.news-list-1{ width: 100%; margin-bottom:2em;}
.news-list-1 .image>img{ aspect-ratio: 2 / 1; }

.news-list-2{ font-size: 14px; margin-bottom: 1em; display: block;padding: 1em;}
.news-list-2>.image{ max-width:initial;  aspect-ratio: 2 / 1;}
.news-list-2>.content{  padding-left:0; padding-top: 1em }

.details-box>.title h1{ font-size: 26px; margin-top: 20px}
.details-box{ min-height: 300px;  padding: 1em;}
.details-box>.details{ padding: 20px 0;}

.details-box>.other{ padding-top: 20px; display: block;}
.details-box>.other>div:nth-child(2){ width: 100%; display: flex; justify-content: flex-end; align-items: center; margin-top: 30px; margin-bottom: 30px}
.details-box>.other>div:nth-child(1){ flex: 1}
.next-pages-box > a{ font-size: 14px; margin-bottom: 5px;}

.details-container{margin-top: -50px;}
.details-container .column-area{ border-top: 16px solid #ce2d33;}

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

/*优势*/
.advantage-box{ height:auto; flex-wrap:wrap; font-size: 22px;}
.advantage-box>div{ width: 50%; }
.advantage-box>div>.title{ background-color: rgba(20,28,113,.5);}
.advantage-box>div>a span{opacity: 1; margin-bottom: 10%; font-weight: 300; background-color: rgba(255,255,255,0.8); border-radius: 20px; color: var(--blue-color); padding: 0 .5em 0 .7em}
.advantage-text{ font-size: 20px;}
.advantage-box>div:hover{ width: 50%}

/*内页业务*/
.internal-business-box{ display: block;}
.internal-business-box>div{  width: 100%}
.internal-business-box>div.content{ padding-top: 1.4em}
.internal-business-box.contact .content>div:nth-child(1){ display: none }
.internal-business-box.contact .content>div:nth-child(2){ padding: 0 1.6em; font-size: 16px !important;  color: var(--black-color)}
.internal-business-box.contact .content>div .logo{ width: 70%}

.process-icon-box{ font-size: 14px}
.process-direction{ width: 10%;}
.process-direction-unfold{ margin-right: 22%; margin-top: 10px; margin-bottom: 20px; height: 40px}

/*拓展地图*/
.map-flex{ display: block; width: 100%; box-sizing: border-box; margin-left: 0; padding: 0 18px;}
.map-flex>div.content{ width: 100%;}

.shop-flex>div.content>div.advantage-text{ font-size: 18px}
.shop-flex>div.content>div.advantage-text span{ letter-spacing:0}

/*配件icon*/
.accessory-icon-container{ padding: 30px 8px 0 8px;  font-size: 18px;}
.accessory-icon-box{  font-size: 16px; gap: .5em;}
.accessory-icon-box i{ width: 50px; height: 50px; border-radius: 10px; font-size: 1.8em}

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

/*表单样式*/
.input-box>div{ padding-bottom: 10px}
.input-box .label{ padding: 0 0 5px 0;}
.input-box.contact .flex{ display: block }
.input-box.contact .flex>div:nth-child(1){padding-bottom: 10px;}

/*公司介绍*/
.about-flex{ display: block; width: 100%; box-sizing: border-box; margin-left: 0; padding: 0 18px;}
.about-flex>div.image>div{max-width: 100%}
.about-flex>div.content{ width: 100%; line-height: 1.4em !important; padding-top: 10px}

/*公司文化*/
.culture-flex{ display: block;}
.culture-flex>div{ width: 100%}
.culture-box{ aspect-ratio:initial; max-width: 100%; margin-bottom: 14px}
.culture-box>h3,.culture-box>p{ display: block;  width: 100%; height: auto; position: relative;}
.culture-box>h3{ background-color: var(--blue-color); border-radius: 10px 10px 0 0; z-index: 1; color: #fff; font-size: 2em; opacity: 1; padding-top: 20px}
.culture-box>p{ background-color: var(--blue-color); padding: 1em 1em 30px 1em; border-radius: 0 0 10px 10px; transform: rotateY(0);opacity: 1;}
.culture-box:hover>h3 {transform: rotateY(0); opacity: 1;}
.culture-box:hover>p {transform: rotateY(0deg); opacity: 1}

/*报价*/
.quotation-container>div{ display: block; margin-bottom: 1em }
.quotation-container .label{ width: 100%; margin-left: 0;}
.quotation-container .quotation-goods-list{ display: block;}
.quotation-container .quotation-goods-list>div:nth-child(2)>div{  width: 100%; display: flex; flex-wrap: wrap;}
.quotation-container .quotation-goods-list>div:nth-child(2)>div>div{ width: 47%; flex: initial }
.quotation-container .q-input{ margin-bottom: 1em;  padding: 5px .2em;}
.quotation-container select{ min-width: initial; width: 100%}
.cube-box{ padding-top: 40px; padding-bottom: 40px}
.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;}


.quotation-container .budget-box > div > div.budget{ width: 100%; text-align: left;}
.budget-box .total .budget{ min-width: initial !important;}

.internal-business-box>div.image{ width: 100%}

@media screen and (max-width: 800px){
    .main-inner-navigation .swiper-wrapper{ justify-content: initial;}
}
@media screen and (max-width: 660px){
    .mySwiper-banner-home .swiper-slide .content h1{ font-size: 30px;}
    .swiper-button{font-size: 14px;}

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

    .shop-flex>div.content>div.advantage-text{ font-size: 14px}
    .shop-flex>div.content>div.advantage-text span{ letter-spacing:0}

    .channel-icon-container{ display: block;}
    .channel-icon-container>div{ }
    .channel-icon-box{padding: 2em; aspect-ratio:initial; display: block; margin-bottom: 14px}

    .channel-icon-container.cooperate{ display: flex; flex-wrap: wrap}
    .channel-icon-container.cooperate>div{ width: calc( 50% - 3%); flex: initial}
}
/*wapss=========================================*/
@media screen and (max-width: 560px){
    .footer-content>div:nth-child(1)>div>div{ padding-bottom: 2px; font-size: 15px}
    .footer-content>div:nth-child(2){ width: 32%; text-align: center}
}
@media screen and (max-width: 450px){
    .shop-flex>div.content>div.advantage-text{ font-size: 12px}
    .shop-flex>div.content>div.advantage-text span{ letter-spacing:0}
}
@media screen and (max-width: 380px){
}	
@media screen and (max-width: 320px){
}
@media screen and (max-width: 310px){
}