@media only screen and (max-width:1024px) {
	.mid-con{width: 96%; margin: 0 auto;}
	.tel{ display: none;}
	.head-box{ overflow: hidden; height: 100px;}
	.ve-menu{ margin-top: -80px;}
	.custom{ width: 98%; margin: 0 auto; overflow: hidden;}
	.pic-gs,.text-gs{ width: 100%;}
	.designer ul li{ width: 100%; margin: 93px 0 0 0;}
	.designer ul li a .sj-pic img{ width: 100%;}
	.news-box ul li a .news-pic,.news-box ul li a .news-right{ width: 100%;}
	
}
@media only screen and (max-width:768px) {
	.box-fl{ margin-top: 30px;}
	.artical{ padding: 40px 40px;}
}
@media only screen and (max-width:640px) {
	.title-index h1{ font-size: 0.28rem;}
	.title-index span{ font-size: 0.14rem;}
	.title-index{ padding: 40px 0;}
	.service-list{ padding: 0 2%;}
	.box-fl{ padding: 0 10px;}
	#myscroll ul li a{ width: 100%;}
	.pic-gs{ margin-top: 35px;}
	.bot-left{ width: 100%; text-align: center;}
	.bot-card{ width: 100%; margin-top: 20px;}
	.bot-card img{ display: block; margin: 0 auto;}
	.bot-contact span{ margin-right: 0px;}
	.gy-tit{ font-size:0.16rem;}
	.pic-left,.news-wz{ width: 100%;}
	.news-ny ul li a .news-wz p{ margin: 20px auto;}
	.works ul li{ width: 100%; margin-right: 0px;}
	.artical{ padding: 40px 15px;}
	.article-page{ padding:10px 10px;}
	.article-page p{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
	.wz-tit h3{ font-size: 0.18rem;}
}
@media only screen and (max-width:320px) {
	.gy-tit{ font-size:0.12rem;}
}
@media(min-width:1480px){
.scrollpic{max-width:1597px; width:100%;}
#myscroll{width:1597px;}
}
.scrollpic{ padding-left: 0px;}
@media(max-width:1024px){
.scrollpic{max-width:1000px !important; width:100%;}
#myscroll{width:1000px;}
}
@media(max-width:786px){
.scrollpic{max-width:740px !important; width:100%;}
#myscroll{width:740px;}
}
@media(max-width:480px){
.scrollpic{max-width:440px !important; width:98%;}
#myscroll{width:440px !important;}
#myscroll ul li{ width: 410px;}
}
@media(max-width:375px){
.scrollpic{max-width:325px !important; width:100%;}
#myscroll{width:355px !important; margin-left: -15px;}
#myscroll ul li{ width: 375px;}
}
@media(max-width:320px){
.scrollpic{max-width:285px !important; width:100%;}
#myscroll{width:385px !important;}
}
@media only screen and (max-width:1366px) {
	.scrollpic{max-width:1200px;}
#myscroll{width:1200px;}
}