@charset "UTF-8";

@media (min-width: 960px) {
	 
}
@media (max-width: 1720px) {
	:root {
		--container-gap: 20px;
		--header-height: 64px;
		
		--hs-h2-size:54px;
		--hs-h3-size:45px;
		--hs-subtit-size:27px;
		
		--hs-item-tit-size:27px;
		--as-lead-size:32px;
		--item-tit-size:19px;
		--item-img-gap:20px;
	}
	/* 头部 */
	.tm-header {
		--logo-height: 40px;
		--nav-margin-right: 144px;
		--nav-item-gap: 72px;
		--nav-text-size:20px;
	}
	.tm-footer {
		--padding-top:72px; 
		--base-text-size:24px;
		--mod-tit-size: 25px;
		--mod-intro-size: 26px;
		--base-gap: 72px;
		--mod-margin-bottom:45px;
	}
	.ft-iconbtns {
		--icon-gap: 45px;
	}
	
	.home-section {
		--padding-gap: 100px;
	}
	
	.hot-section {
		--margin-bottom:54px;
	}
	
	.largecase-section {
		--margin-bottom:36px;
	}
	.htype-section{
		--margin-bottom:36px;
		--nav-padding:20px;
	}
	.haccordion-mod{
		--ac-tit-size:25px;
		--ac-cont-size:45px;
		--ac-item-padding:20px;
	}
	.work-section{
		--padding-gap:36px;
	}
	.work-tab {
		--item-gap:54px;
		--tab-margin-bottom:36px;
		--tab-text-size:18px;
	}
	.workde-section{
		--padding-gap:72px;
		--tit-size:54px;
		--subtit-size:34px;
		--desc-size:25px;
		--other-gap:44px;
	}
	
	.think-section {
		--padding-gap:36px;
		--lead-size:34px;
		--think-text-size:50px;
	}
	.idea-section {
		--padding-gap:100px;
	}
	.about-section{
		--padding-gap: 50px;
	}
	.aintro-section{
		--col-gap:72px;
		--p-gap:54px;
		--p-text-size:25px;
	}
	
	.adata-flex{
		--unit-size:44px;
		--text-size:25px;
		--padding-gap:72px;
	}
	
	.athink-mod{
		--mod-padding:72px;
	}
	.athink-flex{
		--text-size:32px;
		--tit-size:30px;
		--tit-btn-padding:27px;
		--tit-btn-height:76px;
		--divider-height:40px;
		--cont-padding:32px;
		--plus-size:54px;
		
		--cont-img-width:360px;
	}
	
	.section-more{
		--text-size:32px;
		--margin-top:72px;
		--spinner-size:24px;
	}
}
@media (max-width: 1600px) {
	 
}
@media (max-width: 1450px) {
	:root {
		--container-gap: 20px;
		--header-height: 58px;
		
		--hs-h2-size:48px;
		--hs-h3-size:40px;
		--hs-subtit-size:24px;
		
		--hs-item-tit-size:24px;
		--as-lead-size:28px;
		--item-tit-size:17px;
		--item-img-gap:18px;
	}
	/* 头部 */
	.tm-header {
		--logo-height: 36px;
		--nav-margin-right: 128px;
		--nav-item-gap: 64px;
		--nav-text-size:18px;
	}
	.tm-footer {
		--padding-top:64px; 
		--base-text-size:21px;
		--mod-tit-size: 22px;
		--mod-intro-size: 23px;
		--base-gap: 64px;
		--mod-margin-bottom:40px;
	}
	.ft-iconbtns {
		--icon-gap: 40px;
		--icon-btn-size:40px;
		--icon-size:30px;
	}
	
	.home-section {
		--padding-gap: 90px;
	}
	
	.hot-section {
		--margin-bottom:48px;
	}
	
	.largecase-section {
		--margin-bottom:32px;
	}
	.htype-section{
		--margin-bottom:32px;
		--nav-padding:18px;
	}
	.haccordion-mod{
		--ac-tit-size:23px;
		--ac-cont-size:40px;
		--ac-item-padding:20px;
	}
	.work-section{
		--padding-gap:32px;
	}
	.work-tab {
		--item-gap:48px;
		--tab-margin-bottom:32px;
		--tab-text-size:16px;
	}
	.workde-section{
		--padding-gap:64px;
		--tit-size:48px;
		--subtit-size:30px;
		--desc-size:22px;
		--other-gap:40px;
	}
	 
	.think-section {
		--padding-gap:32px;
		--lead-size:30px;
		--lead-gap:18px;
		--think-text-size:45px;
	}
	.idea-section {
		--padding-gap:90px;
	}
	.about-section{
		--padding-gap:45px;
	}
	.aintro-section{
		--col-gap:64px;
		--p-gap:48px;
		--p-text-size:22px;
	}
	
	.adata-flex{
		--unit-size:40px;
		--text-size:22px;
		--padding-gap:64px;
	}
	
	.athink-mod{
		--mod-padding:64px;
	}
	.athink-flex{
		--text-size:28px;
		--tit-size:27px;
		--tit-btn-padding:24px;
		--tit-btn-height:68px;
		--divider-height:36px;
		--cont-padding:29px;
		--plus-size:48px;
		
		--cont-img-width:324px;
	}
	
	.section-more{
		--text-size:28px;
		--margin-top:64px;
		--spinner-size:20px;
	} 

}
@media (max-width: 1320px) {
	
	:root {
		--container-gap: 20px;
		--header-height: 58px;
		
		--hs-h2-size:44px;
		--hs-h3-size:36px;
		--hs-subtit-size:22px;
		
		--hs-item-tit-size:22px;
		--as-lead-size:25px;
		--item-tit-size:15px;
		--item-img-gap:16px;
	}
	/* 头部 */
	.tm-header {
		--logo-height: 36px;
		--nav-margin-right: 115px;
		--nav-item-gap: 57px;
		--nav-text-size:18px;
	}
	.tm-footer {
		--padding-top:57px; 
		--base-text-size:18px;
		--mod-tit-size: 20px;
		--mod-intro-size: 21px;
		--base-gap: 57px;
		--mod-margin-bottom:36px;
	}
	.ft-iconbtns {
		--icon-gap: 40px;
		--icon-btn-size:40px;
		--icon-size:30px;
	}
	
	.home-section {
		--padding-gap:80px;
	}
	
	.hot-section {
		--margin-bottom:43px;
	}
	
	.largecase-section {
		--margin-bottom:28px;
	}
	.htype-section{
		--margin-bottom:28px;
		--nav-padding:16px;
	}
	.haccordion-mod{
		--ac-tit-size:20px;
		--ac-cont-size:36px;
		--ac-item-padding:20px;
	}
	.work-section{
		--padding-gap:28px;
	}
	.work-tab {
		--item-gap:43px;
		--tab-margin-bottom:28px;
		--tab-text-size:16px;
	}
	.workde-section{
		--padding-gap:57px;
		--tit-size:43px;
		--subtit-size:26px;
		--desc-size:20px;
		--other-gap:36px;
	}
	.workde-base-info .info-tit{
		 
	}
	.think-section {
		--padding-gap:28px;
		--lead-size:26px;
		--lead-gap:16px;
		--think-text-size:36px;
	}
	.idea-section {
		--padding-gap:80px;
	}
	.about-section{
		--padding-gap:40px;
	}
	.aintro-section{
		--col-gap:57px;
		--p-gap:40px;
		--p-text-size:20px;
	}
	
	.adata-flex{
		--unit-size:36px;
		--text-size:20px;
		--padding-gap:57px;
	}
	
	.athink-mod{
		--mod-padding:57px;
	}
	.athink-flex{
		--text-size:25px;
		--tit-size:24px;
		--tit-btn-padding:22px;
		--tit-btn-height:60px;
		--divider-height:32px;
		--cont-padding:26px;
		--plus-size:44px;
		
		--cont-img-width:296px;
	}
	
	.section-more{
		--text-size:25px;
		--margin-top:57px;
		--spinner-size:18px;
	} 
}

@media (max-width: 960px) {
	:root {
		--container-gap: 20px;
		--header-height: 50px;
		
		--hs-h2-size:21px;
		--hs-h3-size:20px;
		--hs-subtit-size:16px;
		
		--hs-item-tit-size:16px;
		--as-lead-size:17px;
		--item-tit-size:15px;
		--item-img-gap:14px;
	}
 
	.offset-content{
		margin-top: -64px;
	}

	.tm-footer{
		--padding-top:40px; 
		--base-text-size:16px;
		--mod-tit-size: 18px;
		--mod-intro-size: 16px;
		--base-gap: 16px;
		--mod-margin-bottom:16px;
		padding-bottom:32px;
	} 
	 
	.footer-grid {
		gap: 15px;
		flex-direction: column;
	}
	.ft-info-rows .info-row {
		flex-direction: column;
	}
	
	.ft-info-rows .info-left {
		 
		width:auto;
	}
	.ft-info-rows .info-right{
		 
	}
	.footer-other{
		flex-direction: column;
		align-items: flex-start;
	}
	.ft-iconbtns {
		width: 100%;
		--icon-gap: 24px;
		--icon-btn-size: 40px;
		--icon-size:30px;
		justify-content: flex-end;
	}
	
	/* swiper */
	.iban-swiper-mod {
		height: 75vw;
	}
	.iban-swiper {
		--swiper-navigation-sides-offset: 16px;
		--swiper-navigation-size: 32px;
		--swiper-pagination-bottom: 16px;
		--swiper-pagination-right: 16px;
		--swiper-navigation-arrow-size: 16px;
	}

	.home-section {
		--padding-gap:48px;
	}
	.icase-item .item-head{
		aspect-ratio: 4 / 3;
	}
	.hot-section {
		--margin-bottom:20px;
	}
	.hot-mod {
		flex-direction: column;
		--cell-gap:16px;
	}
	.hottwo-item-box{
		height: auto;
	}
	.hottwo-item-box .icase-item{
		display: block;
	}
	.hottwo-item-box .icase-item{
		height: auto;
	}
	.hottwo-item-box .icase-item .item-head{
		aspect-ratio: 4 / 3;
	}
	.largecase-section {
		--margin-bottom:20px;
	}
	.largecase-section .hs-header{
		margin-bottom: calc(var(--margin-bottom)* 1.2);
	}
	
	.htype-section{
		--margin-bottom:24px;
		--nav-padding:0px;
	}
	.htype-section .hs-header{
		margin-bottom: calc(var(--margin-bottom)* 1.2);
	}
	
	.hs-typenav{
		flex-direction: column;
		margin-bottom: calc(var(--margin-bottom)* 1);
	}
	.hs-typenav .nav-cell{
		 
	}
	.hs-typenav .nav-cell::after{
		width: 100%;
		height: 1px;
		top: auto;
		bottom: 0;
		left: 0;
		transform: none;
	}
	.hs-typenav .nav-cell.vline::after{
		content:none;
	}
	.hs-typenav .nav-item{
		font-size:20px;
		padding:0;
		text-align: left;
	}
	.htype-view .view-cell:not(:first-child){
		margin-top: calc(var(--cell-gap)* 2);
	}
	.haccordion-mod{
		--ac-tit-size:18px;
		--ac-cont-size:18px;
		--ac-item-padding:16px;
	}
	.home-accordion .uk-accordion-content{
		margin-top: 16px;
		line-height: 1.36;
	}
	.work-section{
		--padding-gap:20px;
	}
	.work-tab {
		--item-gap:24px;
		--tab-margin-bottom:20px;
		--tab-text-size:16px;
	}
	.work-view{
		--item-padding:12px;
	}
	.work-item .item-overlay{
		background: linear-gradient( to bottom, rgba(0, 0, 0, 0.4),rgba(0,0,0,0),rgba(0,0,0,0)); 
	}
	.workde-banner{
		height: 75vw;
	}
	.workde-section{
		--padding-gap:24px;
		--tit-size:24px;
		--subtit-size:18px;
		--desc-size:16px;
		--other-gap:36px;
	}
	.workde-base-info{
		flex-direction: column;
		gap: 20px;
	}
	.workde-base-info .mod-left{
		width: 100%;
	}
	.workde-base-info .mod-right{
		width: 100%;
	}
	.workde-base-info .info-tit{
		margin-bottom:12px;
	}
	.workde-base-info .info-other{
		flex-direction: column;
		gap: 16px;
	}
	.workde-base-info .info-other .other-item .tit{
		margin-bottom: 2px;
	}
	.think-section {
		--padding-gap:20px;
		--lead-size:18px;
		--lead-gap:11px;
		--think-text-size:20px;
	}
	.think-view{
		text-align:justify;
	}
	.think-item{
		
	}
	.think-item .dot{
		margin-right: 0.1em;
	}
	.idea-section {
		--padding-gap:48px;
	}
	.idea-view >.uk-grid-margin {
		margin-top:calc(var(--cell-gap) * 1.25)
	}
	 
	.about-section{
		--padding-gap:24px;
	}
	
	.aintro-section{
		--col-gap:20px;
		--p-gap:16px;
		--p-text-size:16px;
	}
	.aintro-mod{
		flex-direction: column;
	}
	.client-section{
		--cs-gap:10px;
	}
	.client-view .view-cell{
		width: calc(100% / 3);
		padding:4px;
	}
	.adata-flex{
		--unit-size:19px;
		--text-size:14px;
		--padding-gap:24px;
	}
	.adata-nums{
		 
	}
	.athink-mod{
		--mod-padding:24px;
		padding-bottom:var(--mod-padding);
	}
	.athink-mod .mod-head{
		margin-bottom: var(--mod-padding);
	}
	.athink-flex{
		--text-size:18px;
		--tit-size:17px;
		--tit-btn-padding:18px;
		--tit-btn-height:42px;
		--divider-height:24px;
		--cont-padding:12px;
		--plus-size:36px;
		
		--cont-img-width:264px;
		
		flex-direction: column;
		gap: 20px;
	}
	
	.athink-cell:nth-child(n+2){
		padding-top:36px;
	}
	.athink-cell:nth-child(n+2)::before{
		position: absolute;
		left:50%;
		top: 0;
		height: 36px;
		transform: translate(-50%,-50%);
	}
	.athink-cell .uk-drop{
		display: none !important;
	}
	 
	.athc-cont .bot-txt{
		margin-top:calc(var(--cont-padding) * 1)
	}
	.team-swiper .swiper-slide{
		width: 56vw;
	}
	.team-swiper .swiper-slide:first-child{
		margin-left: var(--cell-gap);
	}
	
	.daily-view >.uk-grid-margin {
		margin-top: var(--cell-gap);
	}
	.daily-view .view-cell:nth-child(6n+2) .daily-item .item-head,
	.daily-view .view-cell:nth-child(6n+3) .daily-item .item-head,
	.daily-view .view-cell:nth-child(6n+4) .daily-item .item-head{
		aspect-ratio: 4 / 3;
	}
	.section-more{
		--text-size:20px;
		--margin-top:24px;
		--spinner-size:16px;
	} 
	
}
@media (max-width:639px){
	.athink-mod .heading-large{
		font-size:23px;
	}
}