@media screen and (max-width: 2560px){
	body,html{
		width: 100%;
		overflow-x: hidden;
	}
}


@media screen and (max-width: 2048px){
	
}

@media screen and (max-width: 1856px){
	
}

@media screen and (max-width: 1792px){
	
}

@media screen and (max-width: 1680px){
	
}

@media screen and (max-width: 1600px){
	
}

@media screen and (max-width: 1440px){
	
}

@media screen and (max-width: 1400px){
	
}

@media screen and (max-width: 1366px){
	
}





/* #iconDivMain1{
	display: none!important;
} */

@media screen and (max-width: 768px){
	.artist{
		width: 99%;
		margin: auto;
		float: none;
	}
	.topline{
		display: none;
	}
	.wrap{
		width: 100%;
	}
	.header, .container, .footer{
	    min-width: 100%;
	}
	.artist span{
		display: none;
	}
	.header .nav{
		display: none;
	}
	.logo img{
		margin: 10px 0;
	}
	.banner-box .swiper-pagination-bullet{
		width: 10px;
		height: 10px;
	}
	.statement ul{
		margin-left: 0;
		width: 80%;
        margin: auto;
	}
	.statement ul li{
		width: 100%;
	    padding-left: 0;
		margin-bottom: 30px;
		box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 10%);
	}
	#fixed-bottom-background{
		display: none!important;
	}
	.gsaHOD{
		display: none!important;
	}
	.statement ul li .item a img{
		width: 100%;
		height: 100%;
	}
	.zhengzhuang-box .list{
		width: 100%;
		float: none;
		height: auto;
	}
	.zhengzhuang-box .cate{
		display: none;
	}
	.zhengzhuang-box{
		width: 100%;
	}
	.zhengzhuang-box .list .item img{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.zhengzhuang-box .list .txt1 span{
		font-size: 16px;
	}
	.zhengzhuang-box .list .txt2 strong, .zhengzhuang-box .list .txt1 strong{
		font-size: 18px;
	}
	.case-info .con p img{
		width: 100%;
		height: auto;
		object-fit: cover;
	}
	.zhengzhuang-box .list .more{
		display: none;
	}
	.bg-vein{
		height: auto;
	}
	.zhengzhuang-box .list .item{
	    width: 90%;
	    margin: auto;
		height: 311px;
		position: relative;
		top: 0;
		left: 0;
		display: block!important;
		opacity: 1!important;
		margin-bottom: 25px;
	}
	.videolist ul{
		width: 100%!important;
		margin-left: 0;
	}
	.videolist ul li{
		width: 45%;
	    padding-left: 0;
		margin-right: 10px;
	}
	.videolist ul li:nth-child(2){
		margin-right: 0;
	}
	.yy-list{
		width: 90%;
		margin: auto;
	}
	.fl{
		float: none;
	}
	.title-s2 .more{
		padding: 0;
		width: 147px;
		height: 37px;
		float: none;
		display: flex;
		align-items: center;
		justify-content: center;
	    margin-top: 22px;
		font-size: 14px;
	}
	.table.s1 td, .table.s1 th{
		width: auto;
		padding: 7px;
	}
	.table.s1 th{
		width: auto;
		font-size: 14px;
	}
	.maquee .table.s1 tr{
		font-size: 12px;
	}
	.yy-form{
		margin-top: 30px;
	}
	.btn-submit{
		font-size: 14px;
	}
	.list-s2 .item{
		width: 90%!important;
		margin: auto;
		left: 0!important;
		position: relative;
		margin-bottom: 30px;
		top: 0!important;
	}
	.list-s2{
		height: auto!important;
	}
	.list-s2 .item.more .txt em{
		font-size: 20px;
		font-weight: normal;
	}
	.list-s2 .item.more .txt span{
		font-size: 13px;
	}
	.list-s2 .item.more .txt p{
		font-size: 13px;
		line-height: 30px;
	}
	.list-s2 .item.more .txt a{
		font-size: 13px;
	}
	.list-s2 .item>a .mask em{
		margin-top: 0;
		position: relative;
		top: 39%;
		left: 50%;
		transform: translate(-50%,-50%);
	}
	.list-s2 .item>a .mask i{
		position: absolute;
		top: 70%;
		left: 50%;
		transform: translate(-50%,-50%);
	}
	.designer .photo-box{
		width: 90%;
		margin: auto;
	}
	.designer .photo-box img{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.designer .info-box{
		width: 90%;
		margin: 0 auto 30px;
		height: auto;
	}
	.designer .info-box .basic p{
		color: #333333;
		line-height: 30px;
	}
	.designer .info-box .basic h3{
		color: #333333;
	    margin-bottom: 20px;
	}
	.designer .info-box .basic{
		margin-top: 50px;
	}
	.fr{
		float: none;
	}
	.designer .info-box .basic::after{
		display: none;
	}
	.list-s3 ul li{
		width: 100%;
	}
	.designer .info-box .work em{
		color: #333333;
	}
	.designer .info-box .work{
		position: relative;
		bottom: 0;
		margin-top: 20px;
	}
	.list-s3 ul li a img{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white{
		display: none;
	}
	.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white{
		display: none;
	}
	.list-s4{
		padding: 0;
	}
	.list-s4 #SwiperContainer2 .swiper-wrapper{
		transform: none!important;
		display: unset;
	}
	.list-s4 #SwiperContainer2 .swiper-wrapper .swiper-slide{
		width: 90%!important;
		margin: 0 auto 30px;
		margin-right: auto!important;
	}
	.list-s4 .item>a img{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.list-s5 .headline .txt-box time{
		font-size: 13px;
		margin-top: 10px;
	}
	.list-s5 .headline .img-box{
		margin-top: 30px;
	}
	.list-s5 .headline{
		width: 100%;
		padding: 0 5%;
		margin: 20px auto 70px;
	}
	.list-s5 .txt-box{
		overflow: hidden;
	}
	.list-s5 .txt-box h3{
		margin-top: 15px;
	}
	.list-s5 .img-box{
		float: none;
		width: 100%;
		margin: auto;
		margin-right: auto!important;
	}
	.list-s5 .img-box img{
		width: 100%;
	}
	.list-s5 .norlist{
		width: 100%;
	}
	.list-s5 ul li{
		width: 90%;
	    margin: 0 auto 40px;
	}
	.list-s5 .txt-box time{
		margin-top: 10px;
	}
	.list-s5 .headline{
		height: auto;
	}
	.m-top-s{
		display: none;
	}
	.title-s4{
		width: 90%;
		margin: auto;
	}
	.m-top-s{
		display: block;
	}
	.list-s6 ul{
		margin-left: 0;
	}
	.wrap .list-s6 .clearfix li{
		float: none;
		width: 90%;
		margin: auto;
		margin-bottom: 30px;
		padding-left: 0;
		box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 10%);
	}
	.service_box li a img{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.yy-form-s2{
		width: 90%;
		margin: auto;
	}
	.yy-form{
		width: 100%;
	}
	.yy-list .m-top-s{
		display: none;
	}
	.yy-form-s2 .title-s5{
		width: auto;
		margin-bottom: 30px;
	}
	.yy-form-s2 .formbox ul li{
		float: none;
		width: 100%;
		padding-right: 0;
	    margin-bottom: 25px;
	}
	.yy-form-s2 .formbox{
		width: 100%;
	}
	.yy-form-s2 .formbox ul li.btn-box{
		width: 100%;
	}
	.bot-left, .bot-right{
		width: 90%;
		margin: auto;
	}
	.bot-left{
		padding-right: 0;
	}
	.bot-nav em{
		font-weight: normal;
	}
	.bot-contact .hotline{
		font-size: 13px;
	}
	.copyright{
		line-height: 27px;
		padding-bottom: 0!important;
	}
	.banner-box .swiper-container-horizontal>.swiper-pagination-bullets, .banner-box .swiper-pagination-custom, .banner-box .swiper-pagination-fraction{
		bottom: 10px;
	}
	.list-s2 .item .txt.up{
		top: 210px;
		
	}
	.list-s2 .item .txt.s1 em{
		color: #ffffff;
	}
	.list-s2 .item .txt.s1 span{
		color: #FFFFFF;
	}
	.bot-contact p{
		line-height: 26px;
	}
	.page_banner .box{
		width: 100%;
	}
	.advg_box li{
		float: none;
		width: 100%;
	    margin-bottom: 70px;
	}
	.msn-focus .hd{
		width: 100%;
		margin: 50px 0 0px;
	}
	.msn-focus .hd li{
		padding-right: 0;
	}
	.msn-focus .hd a{
		font-size: 18px;
	}
	.msn-focus .hd ul{
		display: flex;
		justify-content: space-around;
	}
	.title-t3 div{
		font-size: 24px;
	}
	.title-t3 p{
		font-size: 13px;
	}
	.msn-focus .bd{
		width: 100%;
	}
	.left_img{
		width: 90%;
		margin: auto;
		height: auto;
		float: none;
		margin-bottom: 20px;
	}
	.right_text{
		width: 90%;
		margin: auto;
		float: none;
		margin-right: auto;
	}
	.msn-focus .bd li{
		height: auto;
	}
	.left_img img{
		width: 100%;
		height: auto;
		margin-left: 0;
	}
	.left_img:after{
		display: none;
	}
	.right_text .leftdivbtm a{
		width: 60%;
	}
	.zysj_box .left_zysj{
		width: 90%;
		float: none;
		margin-bottom: 30px;
		margin: auto;
	}
	.zysj_box .right_zysj{
		width: 90%;
		float: none;
		margin: auto;
	}
	.zysj_box .zysj_tit{
		display: none;
	}
	.zysj_box img{
		float: left;
		width: 100%;
		height: 100%;
		margin-bottom: 10px;
		margin-top: 20px;
	}
	.zysj_ms{
		float: none;
		width: 100%;
		height: auto;
		padding: 0;
	}
	.right_zysj .formbox{
		padding: 0;
		width: 100%;
	}
	.vhomehb ul li{
		width: 70%;
		margin: auto;
		float: none;
		height: auto;
	    margin: 0 auto 40px;
		box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 10%);
	}
	.vhomehb ul li a img{
		width: 100%;
		height:100%;
	}
	.vhomehb ul{
		width: 100%;
	}
	.vhomehb ul li img{
		max-height: initial;
	}
	.page_banner .box{
		height: auto;
		
	}
	.page_banner{
		height: 375px;
	}
	.page_banner .box img{
		width: 100%;
		height: auto;
	}
	.m_position{
		width: 100%;
		padding: 0 5%;
		margin-bottom: 20px;
	}
	.m_position .location{
		font-size: 15px;
	}
	.table-filer{
		padding: 0 5%;
		
	}
	.table-filer tr td a{
		padding: 0 5px;
	}
	.casecontentli li{
		width: 100%;
	}
	.casecontentli .f_line{
		width: 100%;
	}
	.mdesginer_list .designer .photo-box{
		width: 90%;
		height: auto;
		padding: 0;
	}
	.mdesginer_list .designer .photo-box img{
		width: 100%;
		height: auto;
		margin: auto;
	}
	.mdesginer_list .designer .info-box{
		width: 100%;
	}
	.mdesginer_list .designer .info-box .chat_btn{
		top: 35px;
	}
	.mdesginer_list .designer .info-box{
	    padding: 35px 5%;
	}
	.mdesginer_list .designer .info-box .desinfo dl dd{
		width: 100%;
		line-height: 30px;
	}
	.mdesginer_list .designer .info-box .work img{
	    height: auto;
	    width: 100%;
	}
	.zhengzhuang-box .list .txt1{
		display: none;
	}
	.zhengzhuang-box .list .txt2{
		left: 0;
	}
	.page_banner .box{
		width: 100%!important;
	}
	.page_banner{
		height: 375px!important;
	}
	.descontentli ul{
		width: 90%;
		margin: auto;
		margin-left: auto;
	}
	.descontentli li{
		margin-left: 0;
		width: 90%;
		margin: 0 auto 25px;
		float: none;
		height: auto;
	}
	.descontentli li a img{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.pages strong, .pages a{
	    padding: 3px 15px;
	}
	.service-item{
		flex-direction: column;
	}
	.service-item-pic{
		width: 90%!important;
		margin-bottom: 40px;
	}
	.service-item:nth-child(2n+1) .service-item-info{
		width: 90%;
		padding-left: 0!important;
	}
	.service-item-info h4{
		font-size: 22px;
		padding-bottom: 30px;
	}
	.service-item-info p{
		font-size: 13px!important;
		line-height: 30px!important;
	}
	.service-item:nth-child(2n){
		flex-direction: column!important;
		margin-top: 50px;
	}
	.service-item-info{
		width: 90%!important;
	}
	.service-item-info h4{
		font-size: 22px;
		margin-bottom: 40px;
	}
	.service-item:nth-child(2n) .service-item-info{
		padding-right: 0!important;
	}
	.m_position .subnav{
		float: none!important;
	}
	.mnews_list .news_top .news_img{
		float: none!important;
	}
	.mnews_list .news_top .news_img img{
		width: 100%!important;
		height: 100%!important;
		margin: auto!important;
		object-fit: cover!important;
	}
	.mnews_list .news_top .news_text{
		float: none!important;
		width: 90%!important;
		margin: 0 auto 40px!important;
		
	}
	.mnews_list .news_top .news_text h3{
		margin-top: 40px!important;
		margin-bottom: 30px!important;
	}
	.mnews_list .news_top .news_text p{
		display: none;
	}
	.newscontentli ul, .mactive_list ul{
		margin-left: auto!important;
		width: 90%!important;
		margin: auto!important;
	}
	.newscontentli li img, .mactive_list .actcontentli li img{
		width: 100%!important;
		height: auto!important;
	}
	.newscontentli li, .mactive_list .actcontentli li{
		width: 100%!important;
	    margin: 0 auto 50px!important;
	    float: none!important;
		margin-left: 0!important;
	}
	.page_mainNav{
		text-align: left;
	    width: 90%;
	    margin: auto;
	    margin-bottom: 50px;
	}
	.page_mainNav p{
		font-size: 24px;
	}
	.page_mainNav span{
		font-size: 13px;
		line-height: 25px;
	}
	.page_mainNav em{
	    margin: 10px;
	}
	.brandbox1 .brandbox1_img{
		position: relative;
		top: 0;
	}
	.brandbox1 .brandbox1_img img{
		width: 100%;
	}
	.brandbox1 .brandbox1_tx{
		float: none;
		width: 100%;
		height: auto;
		padding: 5%;
	}
	.document p{
		line-height: 30px;
		font-size: 13px;
	}
	.brandbox1 .brandbox1_tx:after{
		display: none;
	}
	.brandbox2{
		padding: 0;
		background: none;
		margin-left: 0;
		width: 90%;
		margin: 20px auto 30px;
	}
	.brandbox3 .brandbox3_li{
		margin-left: 0;
	}
	.brandbox3 .brandbox3_li li{
		float: none;
		margin-left: 0;
	    margin-bottom: 45px;
	}
	.brandbox3_li .clearfix{
		width: 90%;
		margin: auto;
	}
	.curlbox .curlbox4_li ul li{
		float: none;
		width: 100%;
		padding: 0;
		height: auto;
	}
	.curlbox .curlbox4_li .culbox4{
		padding: 0;
	}
	.curlbox .curlbox4_li ul{
		background: none;
		padding: 0 5%;
	}
	.curlbox .curlbox4_2 img{
		display: none;
	}
	.event_box .parHd{
		height: auto;
	}
	.parHd ul{
		height: auto;
	}
	.event_box{
		width: 100%;
	}
	.sPrev{
		left: 5%;
	}
	.sNext{
		right: 5%;
	}
	.parHd li{
		display: none;
	}
	.parBd{
		margin-top: auto;
	}
	.event_box{
	    min-height: auto;
	}
	.desview_top .mdesginer_list .designer .photo-box{
		width: 90%!important;
		height: auto!important;
	}
	.desview_top .mdesginer_list .designer .photo-box img{
		width: 100%!important;
		height: auto!important;
	}
	.m_designtext{
		width: 100%!important;
		padding: 5%!important;
		margin-top: 0!important;
		height: auto!important;
	    margin: auto;
	}
	.desview_top .m_designtext .widget-box{
		width: 100%!important;
		height: auto!important;
	}
	.desview_top .mdesginer_list .designer .info-box{
		width: 100%!important;
		margin-left: 0!important;
		
	}
	.mdesginer_list .designer .info-box{
		padding: 0!important;
	}
	.desview_top .mdesginer_list .designer .m_designtext .info-box .desinfo dl dd{
		width: 100%!important;
	}
	.desrep_case .wrap{
		width: 90%!important;
	}
	.moreload ul.list li{
		width: 100%!important;
		height: auto!important;
		margin: 0!important;
	}
	.moreload ul.list li a img{
		width: 100%!important;
	}
	.descontentli ul{
		width: 100%;
		margin-left: auto!important;
	}
	.tj_designer .wrap{
		width: 90%!important;
		margin: auto!important;
	}
	.descontentli li{
		width: 100%!important;
		float: none!important;
		height: auto!important;
		margin-left: 0!important;
	}
	.side_lcon{
		float: none!important;
		width: 90%!important;
		margin: 50px auto!important;
	}
	.newsDetail .article-title{
		font-size: 20px!important;
	}
	.newsDetail .detailcont p{
		line-height: 30px!important;
		font-size: 13px!important;
	}
	.sidebar_rcon{
		float: none!important;
		width: 90%!important;
		margin: auto!important;
	}
	.mcase_body{
		width: 100%!important;
		padding: 0 5%!important;
	}
	.side_case{
		float: none!important;
		width: 100%!important;
	}
	#DB_gallery{
		width: 100%!important;
	}
	#DB_gallery .DB_imgSet .DB_imgWin img{
		width: 100%!important;
		height: auto!important;
	}
	#DB_gallery .DB_imgSet{
		height: auto!important;
		width: 100%!important;
	}
	#DB_gallery .DB_thumSet{
		width: 100%!important;
	}
	.case-info .share-block span.share-tit{
		display: none;
	}
	.case-info .con p img{
		margin-bottom: 40px;
	}
	.sidebar_case{
		float: none!important;
		width: 100%!important;
	}
	.recomcasebtm li{
		margin-bottom: 40px;
		float: none;
		width: 100%;
	}
	.recomcasebtm li a img{
		width: 100%!important;
	}
	.sidebar-mod-author .autho_img img{
		width: 100%;
	}
	.sidebar-mod-author .autho_img p{
		width: 100%;
		left: 0;
	}
	.para{
		margin-top: 10px;
		margin-bottom: 32px;
	}
	.para img{
		width: 100%;
		height: auto;
	}
	.newsDetail .detailcont img{
		width: 100%;
		height: auto;
	}
	.list-s2 .item a img{
		width: 100%;
		height: auto;
	}
	.molide-header{
		display: block!important;
	}
	.wrap{
		padding: 0 5%;
	}
	
	.list-s4 .swiper-container .swiper-wrapper .swiper-slide:nth-child(4){
		display: none!important;
	}
	.list-s4 .swiper-container .swiper-wrapper .swiper-slide:nth-child(5){
		display: none!important;
	}
}

@media screen and (max-width: 540px){
	
}


@media screen and (max-width: 414px){
	
}

@media screen and (max-width: 375px){
	
}

@media screen and (max-width: 360px){
	
}
.molide-header{
	width: 100%;
    background-color: #ffffff;
	position: fixed;
	top: 0;
	z-index: 99999;
	left: 0;
	padding: 0 5%;
    border-bottom: 1px solid #e8e9e7;
	display: none;
}

.molide-nav{
	position: fixed;
    z-index: 999;
    top: 8px;
    right: 10px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    cursor: pointer;
    transition: 0.6s;
}
.molide-nav-warp{
	width: 23px;
    height: 18px;
    position: relative;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}
.molide-nav-warp span{
	width: 23px;
    height: 2px;
    background-color: #343434;
    display: block;
    margin-top: 6px;
    transition: 0.4s;
    position: relative;
    border-radius: 5px;
}
.molide-nav-warp span:nth-child(1){
	margin-top: 0;
}

.molide-color{
	width: 100%;
    height: 100vh;
    background: #fff;
    position: fixed;
    z-index: 999;
    /* top: 71px; */
    top: -120%;
    opacity: 0;
    left: 0;
    transition: 0.4s;
    padding: 5% 5% 5% 5%;
}
.molide-color li{
    line-height: 48px;
}
.molide-color li a{
	font-size: 15px;
    color: #999899;
    display: block;
    transition: 0.6s;
}