@media screen and (max-width:1600px) {
	.container{
		width: 1200px;
	}
	.head .container .right .nav ul li a{
		padding: 0 30px;
	}
	.head .container .right .nav ul li a span{
		font-size: 16px;
	}
	.index1 .top .left,.index3 .title,.index4 .title,.index5 .top .title,.index6 .right .box .title,.index7 .container .left .title{
		font-size: 48px;
	}
	.index1 .item ul li h4{
		font-size: 24px;
	}
	.index1 .item ul li{
		padding: 0 40px;
	}
	.index1 .images .gallery-top .classTitle{
		width: 320px;
	}
	.index1 .images .container .thumImg{
		width: 880px;
	}
	.index1 .images .container .thumImg .swiper-slide{
		height: auto;
	}
	.index1 .images .container{
		padding-top: 158px;
	}
	.index4 .list .right ul li a .img{
		width: 33%;
		height: auto;
	}
	.index4 .list .right{
		height: 425px;
	}
	.index5 .bottom .container .left{
		width: 40%;
		padding-bottom: 115px;
	}
	.index5 .bottom .container .right{
		width: 55%;
	}
	.index6 .right .box{
		width: 600px;
	}
	.index7 .container .left{
		width: 35%;
	}
	.index7 .container .right{
		width: 65%;
	}
	.index7 .container .left .text h4{
		font-size: 20px;
	}
	.index7 .container .right .ip7{
		top: 116px;
    left: 155px;
	}
	.index7 .container .right .ip8 {
    top: 312px;
    left: 249px;
	}
	.index7 .container .right .ip6 {
    top: 17px;
    left: 304px;
	}
	.index7 .container .right .ip5 {
    top: 91px;
    left: 381px;
	}
	.index7 .container .right .map {
    position: absolute;
    right: 50px;
    top: 139px;
	}
	.index7 .container .right .ip3 {
    top: 168px;
    left: 528px;
	}
	.index7 .container .right .ip4 {
    top: 250px;
    left: 451px;
	}
	.index7 .container .right .ip1 {
    top: 259px;
    left: 656px;
	}
	.index7 .container .right .ip2 {
    top: 346px;
    left: 724px;
	}
	.index7 .container .right .ip .text p{
		font-size: 16px;
		padding: 8px 15px;
	}
	.footer .top .container .left .form form input{
		width: 290px;
	}
	.newsList .top .swiper-slide .text h4{
		font-size: 20px;
	}
	.newsList .top .swiper-slide .text p{
		font-size: 14px;
	}
	.newsList .list ul li .text h4{
		font-size: 20px;
	}
	.newsList .list ul li .text p{
		font-size: 14px;
	}
	.footer .top .container .right{
		width: 60%;
		padding-left: 0;
	}
	.footer .top .container .left{
		width: 35%;
	}
	.moreBrand .top .text{
		font-size: 20px;
	}
	.moreBrand .bottom ul li h4{
		font-size: 24px;
	}
	.moreLv .swiper-slide .text .dis{
		margin-top: 80px;
		font-size: 30px;
	}
	.news .container .left .content img{
        display: block;
        margin: 0 auto;
        width: 100%;
    }
}

@media screen and (max-width:1200px) {
	.container{
		width: 1000px;
	}
	.index1 .top{
		padding: 60px 0;
	}
	.index1 .text{
		height: auto;
	}
	.index1 .text h4{
		font-size: 30px;
	}
	.index1 .text h5{
		font-size: 36px;
	}
	.index1 .text h6{
		font-size: 30px;
	}
	.index1 .item ul li h4{
		font-size: 22px;
	}
	.index1 .item ul li p{
		font-size: 14px;
	}
	.index1 .item ul li{
		padding: 0 29px;
	}
	.index1 .images .gallery-top .classTitle{
		width: 280px;
	}
	.index1 .images .classTitle h4{
		font-size: 36px;
	}
	.index1 .images .classTitle p{
		font-size: 20px;
	}
	.index1 .images .container .thumImg{
		width: 720px;
	}
	.index1 .images .container .thumImg .swiper-slide{
		height: 176px;
	}
	.index1 .images .container{
		padding-top: 118px;
	}
	.index4 .list .right ul li a .text p{
		line-height: 1.7em;
		font-size: 14px;
	}
	.index4 .list .right ul li a .text h4{
		font-size: 18px;
	}
	.index4 .list .right ul li a .img{
		width: 38%;
	}
	.index4 .list .right{
		height: 354px;
	}
	.index5 .top .text{
		margin-top: 50px;
	}
	.index5 .top .text h4{
		font-size: 22px;
	}
	.index5 .top .text h4 span{
		font-size: 28px;
	}
	.index5 .top .text h5{
		font-size: 20px;
	}
	.index1 .text .textBox>div{
	    font-size: 16px;
	}
	.index5 .bottom .container .left{
		padding-bottom: 69px;
	}
	.index5 .bottom .container{
		padding-top: 20px;
	}
	.index6 .right .box .dis,.index6 .right .box .text,.index6 .right .box .but{
		margin-top: 25px;
	}
	.index6 .right .box{
		width: 500px;
		padding-left: 40px;
	}
	.index7 .container .right{
		display: none;
	}
	.index7 .container .left{
		width: 100%;
	}
	.index7 .container .left .form{
		width: 300px;
	}
	.index7 .container .left .code ul{
		justify-content: left;
	}
	.index7 .container .left .code ul li{
		margin-right: 25px;
	}
	.footer .top .container .left .form form input{
		width: 230px;
	}
	.page_banner .text h4{
		font-size: 46px;
	}
	.page_banner .text h3{
		font-size: 36px;
	}
	.newsList{
		margin-top: 60px;
	}
	.newsList .top .swiper-slide .text{
		padding: 40px;
	}
	.newsList .top .swiper-slide .text .time{
		font-size: 14px;
	}
	.newsList .top .swiper-pagination{
		bottom: 30px;
		padding-left: 40px;
	}
	.veallaBanner .text h4{
		font-size: 48px;
	}
	.veallaBanner .text h3{
		font-size: 36px;
	}
	.moreBrand .top .text{
		margin-top: 40px;
		font-size: 18px;
	}
	.moreBrand .top .icon{
		margin-top: 40px;
	}
	.moreBrand .top .icon img{
		width: 100px;
	}
	.moreBrand .bottom ul li h4{
		font-size: 18px;
	}
	.moreBrand .bottom ul li{
		padding: 30px 0;
	}
	.moreBrand .bottom ul li p{
		font-size: 12px;
	}
	.moreLv .swiper-slide .text .title h4{
		font-size: 30px;
	}
	.moreLv .swiper-slide .text .title{
		
	}
	
	.moreLv .swiper-slide .text .dis{
		margin-top: 40px;
		font-size: 20px;
	}
	.moreLv .but{
		bottom: 40px;
	}
	.moreLv .but ul li{
		padding-top: 20px;
	}
	.moreLv .but ul li h4{
		font-size: 18px;
	}
	.moreLv .but ul li p{
		font-size: 12px;
	}

	.morePro .list ul li .text{
		padding: 25px;
		width: 400px;
		left: 15px;
	}
	.morePro .list ul li .text h4{
		font-size: 24px;
	}
	.morePro .list ul li .text h4 span{
		font-size: 14px;
	}
	.morePro .list ul li.text p{
		font-size: 18px;
	}
	.morePro .list .swiper-button-prev{
		left: 0;
	}
	.morePro .list .swiper-button-next{
		right: 0;
	}
	.morePro .title .right ul li{
		font-size: 14px;
	}
	.morePro .title .left h4{
		font-size: 36px;
	}
	.moreCaes .title .container h4{
		font-size: 36px;
	}
	.veallaMore{
		padding: 40px 0;
	}
	.veallaMore .text .left h4{
		font-size: 24px;
	}
	.veallaMore .text .left p{
		margin-top: 10px;
	}
	.veallaBanner .text h4{
		width: 100%;
		font-size: 30px;
	}
	.veallaBanner .text h3{
		font-size: 24px;
	}
	.veallaArt .text h4{
		font-size: 24px;
	}
	.veallaArt .text P{
		font-size: 18px;
	}
	.veallaArt .steam ul li h4{
		font-size: 20px;
	}
	.veallaArt .steam ul li p{
		font-size: 12px;
	}
	.veallaAdv .top{
		display: block;
	}
	.veallaAdv .top .title h3{
		font-size: 36px;
	}
	.veallaAdv .top .right{
		margin-top: 25px;
	}
	.veallaAdv .top .right ul li{
		margin-left: 0;
		margin-right: 15px;
	}
	.veallaAdv .list{
		margin-top: 40px;
	}
	.veallaAdv .list .swiper-slide .left{
		padding-left: 0;
	}
	.veallaAdv .list .swiper-pagination{
		padding-left: 0;
	}
	.veallaAdv .list .swiper-slide .left .title h4{
		font-size: 24px;
	}
	.veallaAdv .list .swiper-slide .left .text h5{
		font-size: 20px;
	}
	.veallaAdv .list .swiper-slide .left .text P{
		font-size: 16px;
	}
	.veallaPro ul li .text h4{
		font-size: 28px;
	}
	.veallaCase .list .swiper-button-prev{
		left: 10px;
	}
	.veallaCase .list .swiper-button-next{
		right: 10px;
	}
	.veallaCase{
		padding: 40px 0;
	}
	.veallaCase .title h3{
		font-size: 36px;
	}
	.veallaCase .list{
		margin-top: 40px;
	}
	.page_banner .text h4{
		font-size: 36px;
	}
	.page_banner .text h3{
		font-size: 28px;
	}
	.sidebar ul li a{
		height: 70px;
	}
	.contact .top .left h4{
		font-size: 24px;
	}
	.contact .top .left .text h4{
		font-size: 18px;
	}
	.contact .map .title,.contact .msg .title{
		font-size: 36px;
	}
	.contact .map .list .right h4{
		font-size: 20px;
	}
	.contact .map .list .right{
		padding: 40px 20px;
	}
	.contact .map .list .right .text h4{
		font-size: 16px;
	}
	.process .list ul li .text h4{
		font-size: 18px;
	}
	.process .list ul li .text .icon img{
		max-width: 40px;
		max-height: 46px;
	}
	.apply .form{
		width: 60%;
	}
	.news .container .left .content img{
        width:100%
    }
    .moreLv .swiper-slide .text{
        height: calc(100% - 100px);
    }
}



@media screen and (max-width:1000px) {
	.container{
		width: 100%;
		box-sizing: border-box;
		padding: 0 15px;
	}
	.moreLv .swiper-slide .text{
        height: 100% ;
    }
	.head .container .right .nav{
		position: fixed;
		z-index: 66;
		background: #002fa7;
		left: 0;
		top: 0;
		width: 100%;
		box-sizing: border-box;
		padding: 60px 0;
		height: 100%;
		display: none;
	}
	.head .container .right .nav ul{
		display: block;
		width: 80%;
		box-sizing: border-box;
		padding-left: 40px;
	}
	.head .container .right .nav ul li a span{
		height: auto;
		border-bottom: none;
	}
	.head .container .right .nav ul li:after{
		display: none;
	}
	.head .container .right .nav ul li a{
		padding: 15px 0;
		display: block;
		width: 100%;
		border-bottom: 1px solid #fff;
	}
	.head .container .right .nav ul li a:hover span, .head .container .right .nav ul li.active a span{
		border-bottom: none;
		opacity: 0.8;
	}
	.head{
		height: 65px;
		display: flex;
		align-items: center;
	}
	.head .container .left a img{
		height: 40px;
	}
	.banner{
		padding-top: 65px;
	}
	.head .container .right .search i{
		width: 30px;
		height: 30px;
	}
	.head .container .right .search .form{
		bottom: -66px;
	}
	.index1 .top .container{
		display: block;
	}
	.index1 .top{
		padding: 40px 0;
	}
	.index1 .top .left{
		font-size: 30px;
	}
	.index1 .top .right ul{
		display: none;
	}
	.index1 .text{
		background-size: cover;
		padding: 40px 0;
	}
	.index1 .item{
		padding: 40px 0;
	}
	.index1 .item ul{
		flex-wrap: wrap;
	}
	.index1 .item ul li{
		height: auto;
		border-right: none;
		text-align: left;
		width: 50%;
		box-sizing: border-box;
		padding: 15px 0;
	}
	.index1 .item ul li h4{
		position: static;
		top: 0;
		font-size: 24px;
	}
	.index1 .item ul li p{
		font-size: 14px;
		margin-top: 5px;
	}
	.index1 .images .bigImg img{
		width: 100%;
	}
	.index1 .images .gallery-top .classTitle{
		width: 150px;
		text-align: left;
	}
	.index1 .images .classTitle h4{
		font-size: 24px;
	}
	.index1 .images .classTitle p{
		font-size: 14px;
	}
	.index1 .images .container .thumImg{
		width: 380px;
	}
	.index1 .images .container .thumImg .swiper-slide{
		height: auto;
	}
	.index1 .images .container .thumImg{
		padding-top: 10px;
		padding-left: 10px;
	}
	.index1 .images .gallery-top{
		top: -30px;
	}
	.index1 .images .container {
		padding-top: 100px;
	}
	.index1 .text .textBox{
	    display: block;
	}
	.index1 .text .textBox>div{
	    width: 100%;
	    margin-top: 10px;
	}
	.index1 .text .swiper-button-prev, .index1 .text .swiper-button-next{
	    width: 40px;
	    height: 40px;
	    display: none;
	}
	.index1 .text .swiper-button-prev{
	    left: 0;
	}
	.index1 .text .swiper-button-next{
	    right: 0;
	}
	.index2 ul{
		display: block;
	}
	.index2 ul li{
		width: 100%;
	}
	.index3 .list .swiper-container .swiper-slide{
	
		width: 150px;
	}
	.index3 .list .swiper-container .swiper-slide .text h4 em{
		font-size: 36px;
	}
	.index3 .list .swiper-container .swiper-slide .text h4 span{
		font-size: 16px;
	}
	.index3,.index4{
		padding: 40px 0;
	}
	.index1 .top .left, .index3 .title, .index4 .title, .index5 .top .title, .index6 .right .box .title, .index7 .container .left .title{
		font-size: 30px;
	}
	.index4 .list{
		display:block;
		margin-top: 40px;
	}
	.index4 .list .left{
		width: 100%;
	}
	.index4 .list .left .text h4{
		font-size: 18px;
		width: 100%;
		height: 24px;
		overflow: hidden;
		 text-overflow: ellipsis; /* 显示省略号 */
            white-space: nowrap;   /* 禁止换行 */
	
	}
	.index4 .list .left .text p{
	    height: 24px;
	    width: 100%;
	    overflow: hidden;
	     text-overflow: ellipsis; /* 显示省略号 */
            white-space: nowrap;   /* 禁止换行 */
	}
	.index4 .list .right ul li a .text h4{
	    overflow: hidden;
		text-overflow: ellipsis; /* 显示省略号 */
        white-space: nowrap;   /* 禁止换行 */
	}
	.index4 .list .right ul li a .text p{
	    overflow: hidden;
		text-overflow: ellipsis; /* 显示省略号 */
        white-space: nowrap;   /* 禁止换行 */
	}
	.index4 .list .right{
		width: 100%;
		height: 430px;
		margin-top: 25px;
	}
	.index3 .list .swiper-container .swiper-button-white{
		top: auto;
		bottom: -400px;
		width: 40px;
		height: 40px;
	}
	.index3 .list .swiper-container .swiper-button-next{
		right: calc(50% - 50px);
	}
	.index3 .list .swiper-container .swiper-button-prev{
		left: calc(50% - 50px);
	}
	.index5 .top .text{
		width: 100%;
	}
	.index5 .bottom .container .pc{
		display: none;
	}
	.index5 .bottom .container .wap{
		display: flex;
	}
	.index5 .bottom .container{
		display: block;
	}
	.index5 .bottom .container .right .cert{
		position: static;
	}
	.index5 .bottom .container .right{
		width: 100%;
	}
	.index5 .bottom .container .left{
		width: 100%;
	}
	.index5 .bottom{
		position: relative;
		margin-top: -170px;
	} 
	.index5 .top{
		padding-bottom: 180px;
	}
	.index6{
		display: block;
	}
	.index6 .left{
		width: 100%;
	}
	
	.index6 .left .swiper-button-white{
		width: 40px;
		height: 40px;
		background: #fff;
		--swiper-navigation-size: 16px;
		color: #002fa7;
	}
	.index6 .left .swiper-button-prev{
		left: 0;
	}
	.index6 .left .swiper-button-next{
		right: 0;
	}
	.index6 .right .box .but{
		display: none;
	}
	.index6 .right{
		width: 100%;
	}
	.index6 .right .box{
		width: 100%;
		padding: 40px 15px;
	}
	.index7{
		padding: 40px 0;
	}
	.index7 .container .left .form{
		width: 100%;
		margin-top: 30px;
	}
	.footer .top .container .right{
		display: none;
	}
	.footer .top .container .left .form form button{
		width: 60px;
	}
	.footer .top .container .left .form form input{
		width: calc(100% - 60px);
		flex-grow: 1;
	}
	.footer .top{
		padding-top: 40px;
	}
	.footer .footerNav{
		margin-top: 40px;
	} 
	.footer .footerNav ul li a{
		color: #fff;
		font-size: 16px;
		padding: 15px 0;
		flex-grow: 1;
	}
	.footer .footerNav ul li h4{
		display: flex;
		justify-content: space-between;
		font-weight: 400;
		align-items: center;
		border-bottom: 1px solid #0f3cac;
	}
	.footer .footerNav ul li h4:after{
		content: 'next';
    font-family: swiper-icons;
    font-size: 16px;
    text-transform: none !important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
    line-height: 1;
		color: #fff;
	}
	.footer .footerNav ul li ol{
		display: none;
	}
	.footer .footerNav ul li ol li{
		border-bottom: 1px solid #0f3cac;
	}
	.footer .footerNav ul li ol li a{
		padding: 10px 0;
	}
	.index1 .text h4{
		font-size: 24px;
	}
	.index1 .text h5{
		font-size: 26px;
	}
	.index1 .text h6{
		font-size: 20px;
	}
	.ToTop{
		width: 30px;
		height: 30px;
	}
	.page_banner{
		padding-top: 0;
		margin-top: 65px;
	}
	.page_banner .text h4{
		font-size: 24px;
		text-align: center;
	}
	.page_banner .text h3{
		font-size: 20px;
		text-align: center;
	}
	.location .text{
		top: -30px;
		z-index: 9;
	}
	.sidebar ul li a{
		height: 60px;
		width: auto;
		padding: 0 15px;
	}
	.newsList .top .swiper-slide{
		display: block;
	}
	.newsList .top .swiper-slide .image{
		width: 100%;
	}
	.newsList .top .swiper-slide .text{
		width: 100%;
		padding-bottom: 60px;
	}
	.newsList .top .swiper-pagination{
		margin-left: 0;
	}
	.newsList .top .swiper-slide .text a{
		margin-top: 25px;
	}
	.newsList .list ul{
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
	}
	.newsList .list ul li .text{
		padding: 20px 15px;
	}
	.newsList .list ul li .text h4{
		font-size: 16px;
	}
	.newsList .list ul li .text p{
		font-size: 12px;
	}
	.newsList .list ul li .text .time{
		font-size: 12px;
	}
	.head .navBut{
		display: block;
	}
	.veallaBanner .text h4{
		width: 100%;
		text-align: center;
		font-size: 18px;
	}
	.veallaBanner .text h3{
		text-align: center;
		font-size: 16px;
	}
	.moreHead .container .right .nav{
		background: #000;
	}
	.pageHead .container .right .toPage{
		margin-left: 0;
	}
	.pageHead .container .right .toPage a{
		height: 35px;
		font-size: 14px;
	}
	.moreBrand .top .title img{
		width: 240px;
	}
	.moreBrand .top .text{
		font-size: 16px;
	}
	.moreBrand .top .icon img{
		width: 60px;
	}
	
	.moreBrand .bottom ul{
		flex-wrap: wrap;
	}
	.moreBrand .bottom ul li h4{
		font-size: 14px;
	}
	.moreBrand .bottom ul li{
		width: 25%;
	}
	.moreBrand .bottom ul li p{
	    font-size: 10px;
	}
	.moreLv .swiper-slide .text .title h4{
		font-size: 24px;
	}
	.moreLv .swiper-slide .text .title i img{
		width: 30px;
	}
	.moreLv .swiper-slide .text .dis{
		font-size: 16px;
	}
	.moreLv .but{
		position: static;
		display: none;
	}

	.moreLv .swiper-slide .text .dis{
	    font-size: 14px;
	    margin-top: 20px;
	}
	.moreLv .swiper-slide .text .en{
	    display: none;
	}
	.moreLv .swiper-pagination{
	    position: static;
	    display: block;
	}
	.moreLv .swiper-pagination .swiper-pagination-bullet-active{
	    background: #2b2b2b;
	}
	.moreLv .but ul li{
		color: #000;
		display: block;
		text-align: center;
		border-bottom: 1px solid #000;
		padding-bottom: 15px;
		padding-top: 10px;
	}
	.moreLv .but ul li p{
		margin-top: 5px;
	}
	.morePro .title{
		display: block;
	}
	.morePro .title .left{
		justify-content: center;
	}
	.morePro .title .right {
		margin-top: 20px;
	}
	.morePro .title .right ul{
		justify-content: center;
	}
	.morePro .list .swiper-button-next,.morePro .list .swiper-button-prev{
		width: 40px;
		height: 40px;
		opacity: 1;
	}
	.morePro .list ul li .text{
		width: 100%;
		display: block;
		position: static;
	}
	.morePro .list ul li .text h4{
		justify-content: center;
	}
	.morePro .list ul li .text p{
		font-size: 14px;
		text-align: center;
	}
	.moreCaes .thum{
		position: static;
		margin-top: 10px;
	}
	.moreCaes .thum .container .swiper-button-prev,.moreCaes .thum .container .swiper-button-next{
		color: #000;
	}
	.moreCaes{
		padding-bottom: 40px;
	}
	.moreCaes .thum .container .swiper-container .swiper-slide{
		width: calc(100% / 3 - 10px);
	}
	.moreCaes .title{
		top: 40px;
	}
	.moreCaes .title .container h4,.morePro .title .left h4{
		font-size: 24px;
	}
	.morePro .title .left img{
		width: 20px;
	}
	.moreCaes .title .container i img{
		width: 20px;
	}
	.veallaMore .text{
		display: block;
	}
	.veallaMore .text .right{
		margin-top: 10px;
	}
	.veallaMore .text .right a{
		margin-right: 20px;
		margin-left: 0;
	}
	.footer .top .container .left{
		width: 100%;
	}
	.veallaFooter .bottom .container{
		display: block;
	}
	.veallaMore .text .left h4{
		font-size: 20px;
	}
	.moreLv{
		
	}
	.veallaArt .title img{
		width: 60%;
	}
	.veallaArt{
		padding: 40px 0;
	}
	.veallaArt .text{
		margin-top: 40px;
		padding: 0 15px;
	}
	.veallaArt .text h4{
		font-size: 20px;
	}
	.veallaArt .text P{
		font-size: 14px;
	}
	.veallaArt .enText{
	    font-size: 10px;
	    line-height: 1.5em;
	}
	.veallaArt .steam{
	    margin-top: 40px;
	}
	.veallaArt .steam ul{
			display: flex;
    flex-wrap: wrap;
	}
	.veallaArt .steam ul li{
		width: calc(100% / 3);
	}
	.veallaAdv .top .title h3{
		font-size: 24px;
	}
	.veallaAdv .top .right ul{
		flex-wrap: wrap;
	}
	.veallaAdv .top .right ul li{
		margin-bottom: 10px;
	}
	.veallaAdv .list .swiper-slide{
		display: block;
		width: 80%;
		margin-right: 15px;
	}
	.veallaAdv .list .swiper-slide .left{
		width: 100%;
	}
	.veallaAdv .list .swiper-slide .right{
		width: 100%;
		margin-top: 15px;
	}
	.veallaAdv .list .swiper-pagination{
		justify-content: center;
	}
	.veallaAdv .list .swiper-slide .left .title h4{
		font-size: 20px;
		font-weight: bold;
	}
	.veallaAdv .list .swiper-slide .left .text{
		margin-top: 25px;
	}
	.veallaAdv .list .swiper-slide .left .text h5{
		font-size: 16px;
	}
	.veallaAdv .list .swiper-slide .left .text P{
		font-size: 14px;
	}
	.veallaAdv .list .swiper-slide .left .title p,.veallaCase .title p{
	    font-size: 10px;
	}
	.veallaCase .list .swiper-slide.swiper-slide-active{
	    border-right: 0;
	}
	.veallaCase .list .swiper-slide{
	    width: 100%;
	}
	.veallaPro ul li .text h4{
		font-size: 20px;
	}
	.moreBrand .bottom{
	    margin-top: 40px;
	}
	.moreBrand{
	    padding-top: 80px;
	}
	.moreBrand .top .text{
	    padding: 0 15px;
	}
	.veallaPro ul li .text p{
		font-size: 12px;
	}
	.veallaCase .title h3{
		font-size: 24px;
	}
	.veallaAdv .top .right{
	    display: none;
	}
	.veallaAdv .list .swiper-slide .left .icon{
	    display: none;
	}
	.veallaCase .list .swiper-button-next,.veallaCase .list .swiper-button-prev{
		width: 40px;
		height: 40px;
	}
	.contact .top .right{
		display: none;
	}
	.contact .top .left{
		width: 100%;
	}
	.contact .top{
		padding: 40px 0;
	}
	.contact .top .left .text{
		margin-top: 30px;
	}
	.contact .top .left .text h4{
		font-size: 16px;
	}
	.contact .map{
		display: block;
		padding-top: 40px;
	}
	.contact .map .list .right{
	    display: none;
	}
	.contact .map .list .left{
	    width: 100%;
	}
	.contact .msg{
		padding: 40px 0;
	}
	.contact .map .title, .contact .msg .title{
		font-size: 24px;
	}
	.contact .msg .form{
		margin-top: 30px;
	}
	.contact .msg .form .group{
		display: block;
	}
	.contact .msg .form .group input{
		display: block;
		width: 100%;
		margin-top: 10px;
		height: 45px;
		font-size: 14px;
	}
	.contact .msg .form .text{
		margin-top: 10px;
	}
	.contact .msg .form .text textarea{
		height: 120px;
	}
	.brand .title,.support .title,.apply .title{
		font-size: 24px;
	}
	.brand{
		padding: 40px 0;
	}
	.brand .list .right{
		display: block;
		width: 100%;
	}
	.brand .list .right .swiper-button-white{
	    --swiper-navigation-size: 16px;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.5);
        color: #002fa7;
	}
	.brand .list .right h4{
	    text-align: center;
	    margin-top: 10px;
	    font-size: 16px;
	    display: block;
	}
	.brand .list .left{
		width: 100%;
		display: none;
	}
	.brand .list .left:before{
		display: none;
	}
	.brand .list .left .brand-thumbs{
		width: 80%;
		margin-left: 0;
	}
	.brand .list .left{
		padding-right: 0;
	}
	.brand .list .left .brand-thumbs .swiper-slide .text{
		
	}
	.brand .list .left .brand-thumbs .swiper-slide{
		padding-left: 0;
	}
	.support .list .swiper-slide{
		width: 80%;
	}
	.support,.apply{
		padding: 40px 0;
	}
	.support .list .swiper-slide{
		padding: 40px 20px;
	}
	.support .list .swiper-slide h4{
		font-size: 18px;
	}
	.support .list .swiper-slide h5{
		font-size: 14px;
	}
	.process .list ul{
		flex-wrap: wrap;
	}
	.process .list ul li{
		width: calc(100% / 3 - 15px);
		margin-bottom: 15px;
	}
	.process .list ul li .text h4{
		font-size: 16px;
	}
	.apply .form{
		width: 100%;
	}
	.apply .form .phone{
		font-size: 16px;
	}
	.apply .form .phone span{
		font-size: 24px;
	}
	.apply .form .group input{
		height: 50px;
		width: calc(100% / 2 - 5px);
	}
	.apply .form .group select{
		width: calc(100% / 3 - 5px);
		height: 50px;
	}
	.apply .form .but button{
		height: 50px;
	}
	.process .title{
		font-size: 24px;
	}
	.news .container .right{
		display: none;
	}
	.news .container .left{
		width: 100%;
	}
	.news{
		margin-top: 40px;
	}
	.news .container .left .title h3{
		font-size: 16px;
	}
	.news .container .left .title p{
		font-size: 12px;
	}
	.news .container .left .content img{
		display: block;
		max-width: 100%;
	}
	.proList .list ul{
		grid-template-columns: repeat(2, 1fr);
    gap: 15px;
	}
	.proSidebar ul {
		flex-wrap: wrap;
	}
	.proSidebar ul li{
		margin-right: 25px;

	}
	.proSidebar ul li a{
		height: 50px;
	}
	.proList{
		margin-top: 40px;
	}
	.proList .list ul li{
		margin-bottom: 25px;
	}
	.proList .list ul li h4{
		font-size: 16px;
	}
	.proSidebar ul li a{
		font-size: 14px;
	}
	.brand .list .left .brand-thumbs .swiper-slide .text{
	    font-size: 14px;
	}
	.newsList .top .swiper-slide .text h4{
	    font-size: 18px;
	    height: 36px;
	    overflow: hidden;
	}
	.newsList .top .swiper-slide .text p{
	   height: 46px;
	   overflow: hidden;
	   margin-top: 5px;
	}
	.pageHead .container .right .toPage a{
	    width: auto;
	    padding: 3px 15px;
	    height: auto;
	    font-size: 12px;
	    border-radius:;
	}
	.morePro .title .right ul li{
	    padding: 5px 15px;
	}
	.morePro{
	    padding: 40px 0;
	}
	.morePro .list{
	    margin-top: 40px;
	}
}
@media screen and (max-width:400px) {
    .index1 .images .but .swiper-button-white{
        margin: 0 15px;
    }
    .index1 .images .but .swiper-button-white span{
        font-size: 14px;
    }
    .index7 .container .left .text h4{
        font-size: 18px;
        font-weight: bold;
    }
    .newsList .top .swiper-slide .text h4{
        
    }
    .newsList .list ul li .text h4{
        font-size: 14px;
        height: 40px;
        overflow: hidden;
    }
    .newsList .list ul li .text p{
        height: 38px;
        overflow: hidden;
    }
    .newsList .list ul li .text span{
        font-size: 12px;
        height: 35px;
    }
    .sidebar ul{
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 5px;
    }
    .sidebar ul li a{
        padding: 0 5px;
        font-size: 14px;
    }
    .process .list ul li{
        width: calc(50% - 10px);
    }
    .brand .list{
        margin-top: 40px;
    }
   
}