:root {
	/* 品牌色 */
	--brand-blue: #007bff;
	--brand-dark: #1a237e;

	/* 辅助色 */
	--accent-teal: #20c997;
	--accent-purple: #6f42c1;

	/* 中性色 */
	--white: #ffffff;
	--gray-100: #f8f9fa;
	--gray-500: #adb5bd;
	--black: #000000;

	/* 功能色 */
	--error: #ff4444;
	--success: #16b777;
	--warning: #ffbb33;
	--info: #33b5e5;

	/* 页面头部 */
	--menu-background: transparent;
	--menu-text: #fff;
	--menu-hover: #faad06;
	--menu-hover-background: #ccc;
	--menu-hover-text: #faad06;
	--menu-active: #faad06;
	--menu-active-background: #e9ecef;

	/* 页面主体 */
	--content-background: #ffffff;
	--content-text: #333;
	--content-link: #007bff;

	/* 页面底部 */
	--footer-background: #0D0D0E;
	--footer-text: #ccc;
	--footer-link: #fff;

	/* 页面遮罩 */
	--shade-background: rgba(0, 0, 0, 0.5);
	--shade-text: #fff;
	/* 底部TAB*/
	--tab-background: rgba(255, 255, 255, 0.96);
	--tab-text: #666;
	--tab-hover: #007bff;
	/* 图片*/
	--img-background: #fafafa;
	--img-border: #ccc;
	--swiper-navigation-color: #fff;
}

/* .gt_header .gt_menu_area {
	width: 90%;	
} */
.gt_menu .gt_nav_child {
	background-color: rgba(255, 255, 255, 0.96);
	border: 0;
}
.layui-header{
	/* background-color: transparent; */
	background-image: linear-gradient(0deg, rgba(222, 222, 222, 1) 0%, rgba(0, 0, 0, 1) 100%);
	background-color: initial;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	font:normal;
}

.layui-header .layui-nav .layui-this, .layui-header .layui-nav-item:hover{
    background: transparent;
}
.layui-nav .layui-this:after,
.layui-nav-bar {
    background: #ffbc00;
}
a:hover,.ws-footer a:hover,.newsWrapper a:not(.layui-btn):hover,.layui-nav .layui-nav-item a:hover,
 .layui-nav .layui-this a,.categoryLi:hover div,.tabCon .tab-this,.tabCon .tabItem:hover{
	color: #ffbc00;
}
.gt_menu .gt_nav_item .gt_nav_child_item_link{
	color: #000 !important; 
}
.gt_menu .layui-this .gt_nav_child_item_link,.gt_menu .gt_nav_child_item .gt_nav_child_item_link:hover{
	color: var(--menu-active) !important;
}

/* 滚动后的样式 */
#mainHeader.scrolled {
	background: rgba(14, 1, 1, 0.98);
	/* 半透明白色 */
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
	transition: all 0.3s ease;
}
.ws-header-menu .layui-nav .layui-nav-more{
	right: -15px;
}
#banner{
	height: auto;
	max-height: 800px;
}
.ws-logo{
	width: fit-content;
}

#smallbanner{max-height: 200px;}


@keyframes scrolling {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(-100%);
    }
}





/* @media screen and (max-width: 1250px) { */
@media screen and (max-width: 1250px) and (min-width:991.98px) {
	.doItemBox .doItem{
		font-size: 17px;
	}
}

@media screen and (max-width: 991.98px){
	.ws-header-menu{
		width: inherit;
	}
	.layui-nav{
		white-space: inherit;
	}
	.scrolled .gt_more_btn{
		color: #fff;
	}
	.layui-font-20 {
		font-size: 16px !important;
	}
    /* #banner {
        height: 160px;
    } */
	#banner .banner-title{
		font-size: 1.5em;
	}
	.ws-header {
	    height: 60px;
	}
    .ws-container {
        padding-top: 60px;
    }
	.layui-hide-xs{
		display: none !important;
	}
    .ws-logo {
        height: 60px;
        line-height: 60px;
        text-align: left;
    }

    .ws-logo img {
        height: 45px;
    }

    .ws-header-menu .layui-nav,
    .ws-header-tool {
        position: fixed;
        top: 61px;
        right: -100%;
        width: 100%;
        text-align: center;
        transition: all .3s;
		background-color:rgba(0, 0, 0, 0.5)
    }


    .ws-header-menu .layui-nav {
        z-index: 1003;
        min-height: 120px;
        border-radius: 0;
        box-shadow: 0 1px 3px rgb(0 0 0 / 5%)
    }

    .ws-header-menu .layui-nav .layui-nav-item {
        height: 60px;
        line-height: 60px;
    }

    .ws-header-menu .layui-nav .layui-nav-item a {
        line-height: 60px;
        height: 60px;
    }

    .ws-header-tool {
        top: 121px;
        line-height: 60px
    }

    .ws-header-more {
        display: inline-block
    }

    .ws-header-btn {
        display: inline-block;
        border: none;
    }

    .ws-header-theme .layui-form-switch {
        top: -4px
    }

    .ws-nav-show .layui-header {
        z-index: 1003
    }

    .ws-nav-show .ws-header-menu .layui-nav,
    .ws-nav-show .ws-header-tool {
        display: block;
        right: 0
    }

    .ws-index-main h1 {
        font-size: 52px
    }

    .ws-index-main h2 {
        font-size: 24px;
        line-height: 38px
    }

    .ws-content {
        padding: 16px 0
    }

    .ws-docs-icon>div {
        width: 33%
    }

    .ws-play {
        position: fixed;
        top: 60px;
        bottom: 60px;
        left: 0;
        width: 100%
    }

    .ws-play-code,
    .ws-play-view {
        position: absolute;
        top: 0;
        bottom: auto;
        width: 100% !important;
        height: 50% !important
    }

    .ws-play-view {
        top: auto;
        bottom: 0
    }

    .ws-play-editor {
        right: 8px
    }

    .ws-play-split {
        width: 100%;
        height: 8px;
        top: auto;
        bottom: 0;
        border-top-width: 1px;
        border-bottom-width: 1px
    }
	
   .doItemBox .doItem{
		width: 48%;
		font-size: 16px;
		margin: 30px 1%;
	}
	.doItemBox .doItem p{
		margin-bottom: 10px;
		line-height: 18px;
	}
	.margint40{
		margin-top: 20px;
	}
	.marginb30{
		margin-bottom: 20px !important;
	}
	.marginb60{
		margin-bottom: 40px !important;
	}
	.layui-font-16{
		font-size: 13px !important;
	}
	.hotwrapper{
		margin-bottom: 30px;
	}
	.hotwrapper .layui-font-18{
		font-size: 16px !important;
	}
	.hotwrapper img{
		width: 55% !important;
	}
	.swCompanyprofile{
		display: block;
		line-height: 30px;
		background-color: #dedede;
		padding: 15px;
		box-sizing: border-box;
		margin: 30px auto;
	}
	.swCompanyprofile .companyprofileTitle{
		width: 100%;
		margin-right: 0;
	}
	.swCompanyprofile .companyprofileTitle img{
		margin-bottom: 20px;
	}
	.acousticBox{
		margin-top: 15px;
	}
	.acousticBox .acousticTxt{
		width: 51%;
		margin-top: 0px;
	}
	.acousticBox .flex1 img{
		width: 100%;
		display: block;
		padding: 5px 10px 2px 5px;
	}
	h1{
		font-size: 20px;
	}
	
}

.index .companyinfo8 .displayA .flexitem img{
    width:70%;
    margin: 0 auto;
    display: block;
}
.layui-logo img {
	height: auto;
}

@media (max-width: 768px) {
	.companyinfo8 .flexitem{
		padding: 20px 5px;
		flex: 0 0 calc(50% - 10px);
		text-align: center;
	}
	.companyinfo8 .flexitem p{
		font-size: 14px;
	}
	.SOUNDPROOF>.displayA{
		display: block;
	}
	.flexitem .certificate{
		width: 66%;
		margin-bottom: 10px;
	}
	.companyinfo5 h1{
		font-size: 20px;
	}
}

.gt_widget .gt_widget_title h2{
	width: 100%;
	background-size: auto;
	line-height: 70px;
}

.list .layui-timeline-title a:not(.layui-btn){
	color: #000;
}

.companyinfo5 .k_rimg{
	padding: 12px 0 0 12px;
}
.companyinfo5 h1{
	margin-bottom: 30px;
}
.companyinfo5 img{
	width: 100%;
	max-width: 100%;
}
.companyinfo5 {
	line-height: 24px;
}
.moreBox{
	text-align: center;
	margin: 10px 0;
}
.moreBox .moreBtn{
	background-color: #ffbc00;
	color: #fff !important;
	padding: 10px 20px;
	border-radius: 20px;
}
.companyinfo5 .moreBox{
	text-align: right;
}


.gt_logo_area{
	width: 150px;
}
.gt_menu .gt_nav_item a{
	font-size: 16px;
	padding: 0 10px;
}


.swhotbox .flexitem{
	text-align: center;
	padding: 12px;
	font-size: 13px;
}
.swhotbox .flexitem img{
	width: 85%;
	max-width: 200px;
	margin-bottom: 5px;
}
.swAcousticBox .flexitem{
	padding: 0;
	position: relative;
	margin: 5px;
}
.swAcousticBox .flexitem img{
	width: 100%;
}
.swAcousticBox .flexitem p{
	color: #fff;
	padding: 10px 5px;
	box-sizing: border-box;
	background-color: rgba(0,0,0,0.4);
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	font-size: 14px;
}

.gt_catelogue_list0 .gt_img_container{
	transform: none;
}
.gt_catelogue_list0 .gt_img_container img{
	object-fit: contain;
}

.product_view .square img{
	width: 85%;
	display: block;
	margin: auto;
	object-fit: contain;
}

.product_view .square .layui-carousel>[carousel-item]>*{
	background-color: #fff;
}

.gt_widget .gt_widget_title .morelink{
	color: #ffbc00;
}
#news {
	padding: 20px;
	margin-bottom: 20px;
}
#news .gt_catalist9 .gt_flex_container .gt_flex h3{
	text-align: left;
}


@media (max-width: 1400px) {
	.layui-nav{
		padding: 0;
	}
	.gt_menu .gt_nav_item a{
		font-size: 12px;
		padding: 0 6px;
	}
	.gt_logo_area{
		width: 90px;
	}
}



/* @media screen and (max-width: 1250px) { */
@media screen and (max-width: 1250px) and (min-width:991.98px) {
    .ws-header .layui-nav-item  .layui-font-18{
    	font-size: 16px !important;
    }
	.ws-header-menu .layui-nav{
		width: 100%;
		box-sizing: border-box;
		padding-right: 15px;
	}
}

@media screen and (max-width: 991.98px){
	.ws-header-menu{
		width: inherit;
	}
	.layui-nav{
		white-space: inherit;
	}
	
	.swhotbox .flexitem img{
		width: 95%;
		margin-bottom: 15px;
	}
	.swhotbox .flexitem {
		flex: 0 0 calc(50% - 24px);
	}
	.product_view .square img{
		width: 100%;
	}
	#news .gt_catalist9 .gt_flex_container,.index_ACOUSTIC_DESIGN_SERVICE .displayB {
		display: block;
	}
	.gt_widget .gt_widget_title h2{
		font-size: 20px;
		margin: 10px auto;
	}
	
}