/**
 * 手机适配（覆盖桌面/平板样式）
 * 生效条件：屏幕宽度 ≤ 768px
 */
@media (max-width: 768px) {
	.gt_aibox{
		right: 8px;
		bottom: 115px;
	}
	.gt_aibox .aiImg,.layui-fixbar li{
		width: 40px;
		height: 40px;
		line-height: 40px;
	}
	.layui-fixbar{
		bottom: 68px;
		right: 8px;
	}
	.gt_header .gt_menu_area{
		gap: 12px;
	}
	.gt_more_btn{
		padding: 0 10px;
	}
	.view .product_view .gt_flex_container,.product .product_view .gt_flex_container{
		display: block;
	}
	.view .product_view .gt_flex_container .square,.product .product_view .gt_flex_container .square{
		width: 100%;
		padding-bottom: 100%;
	}
	.view .product_view .gt_flex_container .infocard,.product .product_view .gt_flex_container .infocard{
		margin-top: 20px;
	}
	.layui-table td, .layui-table th{
		padding: 8px;
	}
	
	#banner {
		/* height: 180px; */
		height: 150px;
		/* 小屏幕时减小轮播高度 */
	}

	#smallbanner {
		/* height: 120px; */
		height: 135px;
		/* 小屏幕时减小轮播高度 */
	}

	.ws-container {
		padding-top: 60px;

	}

	.layui-logo {

		height: 60px;
		/* line-height: 60px; */
		text-align: left;
	}

	.layui-logo img {
		height: 40px;
	}

	.layui-header-menu .layui-nav,
	.ws-header-tool {
		position: fixed;
		top: 61px;
		right: -240%;
		width: 100%;
		text-align: center;
		transition: all .3s
	}

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

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

	.layui-header-menu .layui-nav .layui-nav-item a {
		line-height: 60px;
		height: 60px;
	}
	.layui-header-menu .navLang .layui-nav-item a {
		line-height: 45px;
		height: 45px;
	}
	.navLang .layui-nav-more{
		top: 8px;
	}

	.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 .layui-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
	}

	.ws-play-split:hover {
		cursor: unset
	}

	.ws-footer {
		/* background: #0D0D0E; */
		padding-bottom: 80px;
		padding-left: 0;
		padding-right: 0;
	}
	.ws-footer .gt_container{
		padding: 0 5px;
	}
	.gt_footer_qrcode{
		display: block;
	}
	
	.ws-footer p {
		padding-bottom: 16px
	}
	.ws-footer .emailWord{
		word-break: break-word;
		margin-right: -12px;
		display: inline-block;
	}

	.ws-footer-fixed .ws-footer {
		overflow: auto
	}

	.ws-footer-fixed .ws-footer a {
		display: unset
	}

	.layui-header {
		height: 60px;

	}

	.layui-header-menu{
		flex: none;

	}

	.categoryLi {
		width: calc(50% - 15px);
		height: 270px;
		margin-left: 5px;
		margin-right: 5px;
	}

	.categoryLi .margint80 {
		margin-top: 50px;
	}

	.margint80 {
		margin-top: 40px;
	}

	.categoryLi .pdImg {
		bottom: 0px;
	}

	.intro-container {
		flex-direction: column;
		/* 在小屏幕上垂直排列 */
		align-items: center;
		/* 居中对齐 */
	}

	.intro-image {
		margin-right: 0;
		/* 小屏幕上去除右间距 */
		margin-bottom: 15px;
		/* 图片和文字间增加间距 */
	}

	.intro-image,
	.intro-text {
		width: 100%;
		/* 在小屏幕上使图片和文字占满全宽 */
	}

	.country_menu dd {
		margin: 5px;
		float: left;
	}

	.country_menu dd img {
		height: 40px;
		width: 60px;
	}

	.titleBox {
		width: 130px;
		height: 35px;
		font-size: 22px;
		padding-bottom: 20px;
	}

	.categoryUl {
		margin: 0;
	}
	
	.catalogueview .gt_widget .gt_flex_container{
		gap: 20px 10px;
	}
	.catalogueview .pdListBox1 .pdItemBox,.catalogueview .gt_widget .gt_flex_container .pdItemBox {
		padding: 5px;
		width: calc(50% - 12px);
	}
	.catalogueview .gt_widget .gt_flex_container .gt_flex_41 a{
		padding: 5px;
	}
	.catalogueview .pdListBox1 .pdItemBox .pdDetails{
		padding: 5px;
	}

	.catalogueview .pdListBox1 .pdItemBox:not(:nth-child(-n+2)) {
		border-top: none;
	}

	.catalogueview .pdListBox1 .pdDetails {
		padding: 5px;
	}

	.catalogueview .pdDetails>.displayAB {
		font-size: 12px;
	}

	.catalogueview .pdListBox2 .pdItemBox {
		padding: 10px 0;
		flex-wrap: wrap;
	}

	.catalogueview .pdListBox2 .pdItemBox .pda {
		width: 39%;
	}

	.catalogueview .pdListBox2 .pdItemBox .pdDetails {
		width: calc(61% - 15px);
		margin: 0 0 0 15px;
	}

	.catalogueview .pdListBox2 .pdItemBox .modelBox {
		padding: 10px;
		width: calc(100% - 20px);
		font-size: 12px;
	}



	.brandList {
		padding: 10px;
		padding-bottom: 50px;
		box-sizing: border-box;
	}

	.brandList li {
		border: 1px solid #ccc;
		border-radius: 10px;
		text-align: center;
		width: 120px;
		height: 120px;
		margin: 10px;
	}

	.brandList li h3 {
		background-color: #ccc;
		text-align: center;
		display: block;
		width: 80%;
		height: 20px;
		line-height: 20px;
		margin: 0 auto;
		border-radius: 5px;
		margin-top: 110px;
	}

	#infobanner {
		line-height: 160px;
		height: 160px;
	}

	/* #infobanner .layui-container {
        background-size: auto 75%;
        animation: picAnimation1 3s infinite;
    } */

	#infobanner h2 {
		font-size: 35px;
		line-height: 160px;
		font-weight: bold;
		color: rgb(84, 28, 221);
	}

	.companyinfo-card,
	.brandinfo-card,
	.contact-card,
	.product_view {
		padding: 10px;
	}

	.companyinfo1,
	.companyinfo2,
	.companyinfo3,
	.companyinfo4,
	.companyinfo5,
	.companyinfo6,
	.companyinfo7,
	.companyinfo8,
	.companyinfo9,
	.companyinfo10,
	.companyinfo11,
	.companyinfo12,
	.companyinfo13,
	.companyinfo14,
	.companyinfo15,
	.companyinfo16,
	.companyinfo17,
	.companyinfo18 {
		margin-bottom: 40px;
	}

	.companyinfo1 {
		background: url(../images/gsbg.png) no-repeat left top;
		background-size: 1000px auto;
		min-height: 500px;
		padding-left: 300px;
		padding-top: 100px;
		margin-left: -290px;
	}

	.companyinfo2 {
		margin-left: 0px;
	}

	.companyinfo2 .layui-card {
		padding: 10px;
		/* margin-left: -70px; */
		background-color: rgba(2550 255 255 / 70%);
	}

	.companyinfo2 h1 {
		font-size: 30px;
		margin-left: -54.5%;
	}

	.companyinfo2 .smallpic {
		margin-left: -50%;
	}

	.companyinfo2 .bigpic {
		overflow: hidden;
		/* margin-left: -10px; */
	}

	.companyinfo2 .bigpic img {
		max-width: 100%;
		max-height: 600px;
		margin-top: 90px;
	}

	.companyinfo2 .smallpic img {
		width: 145px;
	}

	.companyinfo3 {
		margin-left: 0px;
	}

	.companyinfo3 .layui-card {
		padding: 0 0 10px 10px;
		/* margin-left: -70px; */
		background-color: rgba(2550 255 255 / 70%);
	}

	.companyinfo3 .layui-card .number {
		margin-right: 0;
		margin-left: -40px;
		text-align: left;
	}

	.companyinfo3 .number .layui-col-xs4 {
		width: 49%;
	}

	.companyinfo3 .layui-card .number h3 {
		margin-top: -8px;
	}

	.companyinfo3 .bigpic {
		overflow: hidden;
		margin-left: -10px;
	}

	.companyinfo3 .bigpic img {
		max-width: none;
		width: 100%;
		max-height: 600px;
		margin-top: 30px;
	}

	.companyinfo3 .layui-text {
		margin-left: -50%;
	}

	.companyinfo4 h1,
	.companyinfo3 h1 {
		font-size: 30px;
		line-height: 40px;
	}

	.companyinfo4 .bigpic {
		overflow: hidden;
	}

	.companyinfo4 .number {
		padding: 8px;
	}

	.companyinfo4 .layui-col-xs6 {
		width: 100%;
	}

	.companyinfo4 .floatR {
		width: 50%;
	}

	.companyinfo4 .bigpic img {
		max-width: none;
		width: 100%;
		max-height: 600px;
	}

	.companyinfo5 {
		background-size: 100% auto;
	}

	.companyinfo5 .text {
		padding: 0;
	}

	.companyinfo5 .image {
		padding: 10px 0;
	}

	.companyinfo5 img {
		width: 90%;
		max-width: 90%;
	}

	.viewcertificate {
		background-size: auto 500px;
	}


	.companyinfo6 {
		height: 360px;
	}

	.companyinfo6 .companyinfoCon {
		padding: 30px 10px;
		top: 100px;
		left: 10px;
		right: 10px;
		text-align: center;
	}

	/* .companyinfo6 h1,.companyinfo7 h1,.companyinfo10 h1{
		font-size: 20px;
	} */
	.companyinfo6 .displayAB {
		display: block;
		background-color: #fff;
	}

	.companyinfo6 .companyinfo-brandImg {
		width: 80px;
		margin-right: 0;
		margin-top: 20px;
	}

	/* .companyinfo7 h2,.companyinfo10 h2{
		font-size: 18px;
	} */
	.companyinfo7Box {
		margin-bottom: 50px;
		display: block;
	}

	.companyinfo7Box .companyinfo7Ul {
		width: 93%;
		display: block;
	}

	.companyinfo7 .companyinfo7Box .liRight:nth-child(3) {
		margin-top: 120px;
	}

	.companyinfo8Box {
		grid-template-columns: auto auto;
	}

	.companyinfo9Box {
		display: block;
		margin-top: 30px;
		margin-bottom: 30px;
	}

	.companyinfo9Box .companyinfo9Txt {
		width: 100%;
		padding: 20px;
	}

	.companyinfo9Box .companyinfo9bg1B {
		width: 100%;
	}

	.companyinfo9Box .companyinfo9bg1B .sTitlebox {
		margin: 15px auto;
		text-align: center;
	}

	.companyinfo10Box .itemWrapper {
		display: block;
		margin-top: 10px;
		margin-bottom: 10px;
	}

	.companyinfo11 {
		display: block;
	}

	.companyinfo11bg2 {
		width: 100%;
		height: auto;
	}

	.companyinfo12bg {
		width: 80px;
	}

	.companyinfo12Box .companyinfo12Title {
		margin-top: 30px;
		margin-left: 60px;
	}

	.companyinfo12Box .itemWrapper .itemBox {
		display: block;
		margin-top: 20px;
		padding-left: 15px;
	}

	.companyinfo12Box .itemBox .grayF {
		padding-right: 10px;
	}

	.companyinfo12Box .itemBox .grayBr {
		width: 110%;
		left: -40px;
	}

	.companyinfo12Box .itemBox .grayBr::before {
		content: '';
		position: absolute;
		left: -5px;
		top: -5px;
		width: 10px;
		height: 10px;
		background: #F1F1F4;
		border-radius: 50%;
	}

	.companyinfo13 {
		padding-bottom: 30px;
	}

	.companyinfo13Box {
		display: block;
		margin-top: 30px;
		margin-bottom: 0;
	}

	.companyinfo13Box .companyinfo13BoxL {
		width: 100%;
		margin: auto;
		text-align: center;
	}

	.companyinfo13Box .companyinfo13Title {
		margin-left: 0;
	}

	.companyinfo13Box .companyinfo6bg {
		width: 100%;
	}

	.companyinfo13Box .companyinfo-brandImg {
		width: 200px;
		aspect-ratio: 203 / 108;
		margin-left: 0px;
		margin-top: 30px;
		margin-bottom: 30px;
	}

	.companyinfo13 p {
		margin-left: 10px;
		margin-right: 10px;
	}

	.companyinfo15 {
		height: auto;
		background: url(../images/tpl/companyinfo14bg.png) no-repeat center top;
		background-size: 100%;
		margin-top: 30px;
		padding-bottom: 0px;
	}

	.companyinfo15Box {
		width: 96%;
	}

	.companyinfo15Box .itemWrapper {
		display: block;
	}

	.companyinfo15Box .itemWrapper:nth-child(1) {
		margin-left: 0;
	}

	.companyinfo15Box .itemWrapper:nth-child(2) {
		margin-left: 0;
	}

	.companyinfo15Box .itemWrapper .itemBox {
		padding: 20px;
		margin-top: 20px !important;
		margin-left: 0 !important;
	}

	.companyinfo16 {
		margin-top: 10px;
	}

	.companyinfo16 h1 {
		margin-left: 20px;
	}

	.companyinfo16Box {
		display: block;
		padding: 20px;
	}

	.companyinfo16Box .flexitem {
		flex-basis: 100% !important;
		/* 小屏幕切换为单列 */
		padding: 0;
	}

	.companyinfo16 .contact1Img {
		margin: 0;
		width: 100%;
	}

	.companyinfo17Box {
		width: 100%;
		display: block;
		padding: 20px;
		margin-top: 0px;
	}

	.companyinfo17Box .messageBox {
		padding: 20px;
		margin-top: 20px;
		width: 100%;
	}

	.companyinfo18 {
		height: auto;
		padding-bottom: 80px;
	}

	.companyinfo18 .contact2Img {
		height: auto;
	}

	.companyinfo18>.txtCenter {
		top: 20px;
		position: relative;
	}

	.companyinfo18Box {
		display: block;
		position: relative;
		width: 92%;
		top: 50px;
		left: auto;
		right: auto;
		bottom: auto;
		margin: auto;
	}

	.companyinfo18Box .companyinfo18Item {
		padding: 20px;
	}

	.companyinfo18Box .companyinfo18Item .marginb30 {
		margin-bottom: 20px;
	}

	.companyinfo18Box .companyinfo18Item h1 {
		font-size: 24px;
	}

	.companyinfo19Left {
		display: none;
	}

	.companyinfo19Box,
	.companyinfo19Form {
		padding: 20px 15px;
	}

	.companyinfo19Box .companyinfo19Item,
	.companyinfo19Form .displayAB {
		display: block;
	}

	.companyinfo19Form .miptBox {
		width: 100%;
		margin-bottom: 10px;
	}

	.companyinfo19Form .purpleBtn {
		width: 100%;
	}

	.catalogueview #infobanner,
	.vinassemble #infobanner {
		height: 200px;
	}

	#infobanner .layui-container {
		background-size: 46% auto;
		padding-right: 0;
	}

	.catalogueview #infobanner h2 {
		font-size: 20px;
		line-height: 100px;
		margin-left: 6px;
		color: inherit;
	}

	.catalogueview .main,
	.vinassemble .main {
		margin-left: 20px;
		margin-right: 20px;
		margin-top: -100px;
		padding: 20px 15px;
	}

	.companyinfo20 .infobannerPdBox {
		padding: 10px;
		font-size: 12px;
		margin-top: 0px;
	}

	.companyinfo20 .infobannerPdImg {
		margin-right: 15px;
		margin-bottom: 10px;
		width: 100%;
	}

	.companyinfo20 .infobannerPdBox h3 {
		font-size: 15px;
	}

	/* 公司新闻 模板*/
	.newsWrapper {
		padding: 0px;
	}

	.newsbox {
		padding: 10px;
	}

	.newsWrapper .displayB,
	.newsWrapper .displayAB {
		display: block;
	}

	.newsWrapper p {
		margin: 10px 0;
	}


	.newUl2 .flexitem {
		flex: 0 0 calc(50% - 10px);
	}

	.newUl3 .newItem,
	.newUl4 .newItem {
		width: calc(100% - 20px);
		padding: 0px 10px 30px;
		margin: 0;
		background-size: 70%;
	}

	.newUl3 .newItem h4,
	.newUl4 .newItem h4 {
		padding-top: 15px;
	}

	.newsWrapper .newUl3,
	.newsWrapper .newUl4 {
		margin-top: -20px;
	}

	.newsWrapper .newUl3 .displayB {
		margin: 0;
	}


	.vinassemble .errorBox {
		margin-top: 0;
	}

	.vinassemble #infobanner {
		height: 120px;
	}

	.vinassemble .main {
		margin-top: 0px;
		margin-left: 6px;
		margin-right: 6px;
		padding: 15px 10px;
	}

	.vinAssembleBox {
		margin-top: -120px;
	}

	.vinassemble .vinAssembleBox .searchBox {
		display: block;
		margin-left: -6px;
		margin-right: -6px;
	}

	.vinassemble .vinAssembleBox h1 {
		width: 100%;
		text-align: center;
		margin-bottom: 15px;
		font-size: 20px;
	}

	.vinAssembleBox .searchBox .displayA {
		justify-content: space-between;
	}

	.vinAssembleBox .pointPdBox {
		display: block;
	}

	.vinAssembleBox .inputBox .ipt {
		width: 270px;
		border-radius: 6px;
	}

	/* .vinAssembleBox .scanBtn{
		width: 80px;
		border-radius: 5px;
	} */
	.vinAssembleBox .purpleBtn {
		width: 70px;
		border-radius: 5px;
		margin-left: 10px;
		font-size: 15px;
	}

	.vinAssembleBox .searchResultBox {
		margin-top: 35px;
	}

	.vinAssembleBox .searchResultBox .searchResult>.displayA {
		align-items: center;
	}

	.vinAssembleBox .searchResultBox .searchResult .layui-input-wrap {
		flex: 1;
	}

	.vinAssembleBox .mapBox {
		width: calc(100% - 4px);
		margin-bottom: 15px;
	}

	.vinAssembleBox .pointConWrapper {
		max-height: none;
	}

	.layui-layim-chat {
		width: 92% !important;
		min-width: 280px !important;
	}

	.displayA {
		flex-wrap: wrap;
	}

	.flexitem {
		flex: 0 0 calc(50% - 40px);
		/* 强制占满整行 */
	}

	.displayA .left3,
	.displayA .left4,
	.displayA .left6,
	.displayA .left7,
	.displayA .right3,
	.displayA .right4,
	.displayA .right7,
	.displayA .right6 {
		flex-basis: 100% !important;
		/* 小屏幕切换为单列 */
	}

	.footer2>.gt_flex_container .gt_flex_container{
		display: block;
	}
	.footer2 .footerQrcodesBox{
		width: 100%;
		max-width: 100%;
	}
	.footer2 .footerQrcodesBox .footerQrcodes {
		display: flex;
	}
	.footer2 .beautiful_form{
		padding: 0;
	}
	.footer2 .beautiful_form .layui-form-label{
		padding: 9px 5px;
		text-align: left;
	}
	.footer2 .beautiful_form .layui-input-block{
		margin-left: 90px;
	}
	
	.articleSwiper .articleSlide{
		height: 260px;
	}
	.articleSwiper .articleSlide img.width100{
		height: 86%;
	}
	
	.templateBox1{
		height: 230px;
	}
	.templateBox1 .bgContainer1{
		width: 100vw;
		font-size: 16px;
	}
	.templateBox1 .bgContainer1 .moreBtn{
		width: 150px;
		height: 40px;
		line-height: 40px;
	}
	.templateBox2 .t_item{
		padding: 10px 6px;
		line-height: 20px;
	}
	.templateBox2 h4{
		font-size: 15px;
	}
	.templateBox2 .t_item>img{
		margin: 5px;
	}
	
	.gt_widget .gt_widget_title h2{
		font-size: 23px;
		margin: 0 auto;
		line-height: 55px;
	}
	.gt_widget .gt_flex_container .gt_flex a{
		margin: 10px 0;
	}
	.gt_widget .gt_flex h3{
		font-size: 14px;
		line-height: inherit;
		margin-bottom: 6px;
	}
	.gt_catalist0 .gt_flex_container{
		padding: 10px;
	}
	.gt_flex_51 {
	    flex: 0 0 30%;
	}
	.gt_catalist1 .gt_flex .newsimg {
		height: 120px;
	}
	
	.gt_widget .gt_flex_container .gt_flex_41{
		flex: 0 0 calc(50% - 10px);
	}
	
	
}