@media only screen and (min-width:1920px){
	.main{
		width: 1560px;
	}
}
@media only screen and (min-width: 1600px) and (max-width:1919px){
	.main{
		width: 1560px;
	}
}
@media only screen and (min-width: 1400px) and (max-width:1599px){
	.main,.w,
    .update.w,
    .foot.w{
		width: 1400px;
	}
    .header::after {
        height: 538px;
        /* background-position: -111px 0px; */
    }
    .top {
        margin-top: 35px;
    }
    .top .logo a {
        height: 64px;
    }
    .top .logo span {
        padding-left: 36px;
        margin-left: 26px;
    }
    .top .logo span i {
        height: 32px;
        width: 120px;
        background-size: 100% 100%;
    }
    .top .search {
        height: 48px;
        width: 680px;
        margin: 40px auto 26px;
    }
    .top .search input {
        line-height: 48px;
        text-indent: 20px;
        font-size: 16px;
    }
    .top .search button {
        line-height: 48px;
        font-size: 18px;
    }
    .nav span {
        margin: 10px 50px;
    }
    .banner {
        height: 538px;
        background-size: auto 100%;
    }
    .switchPic {
        margin: 10px auto 40px;
        padding: 30px 24px;
    }
    .switchPicMin ul {
        margin-bottom: -24px;
    }
    .switchPicMin li {
        width: 320px;
        margin-bottom: 24px;
    }
    .switchPicMin li:nth-child(1), .switchPicMin li:nth-child(3) {
        margin-right: 711px;
    }
    .switchPicMax {
        top: 30px;
        bottom: 30px;
        width: 664px;
    }
    .imgShow {
        padding: 30px 24px;
    }
    .imgShow ul {
        width: calc(100% + 24px);
        margin-bottom: -24px;
    }
    .imgShow li {
        padding-right: 24px;
        margin-bottom: 24px;
    }
    .foodShow,.meeting {
        margin: 40px auto;
        padding: 30px 24px;
    }
    .exhitionShow,.imgShow{
        padding: 30px 24px;
    }
    .title {
        margin-bottom: 20px;
    }
    .title h2 {
        font-size: 26px;
        margin: 0 30px;
    }
    .title i {
        width: 400px;
        height: 15px;
    }
    .title i.leftI,.title i.rightI{
        background-size: 100% 100%;
    }
    .foodShow .right, .exhitionShow .left, .meeting .right {
        float: right;
        width: 320px;
        margin-left: 24px;
    }
    .foodShow .left, .exhitionShow .right, .meeting .left {
        overflow: hidden;
        position: relative;
        height: 376px;
        padding-top: 10px;
    }
    .foodShow .right li, .exhitionShow .left li, .meeting .right li {
        padding-left: 24px;
        height: 48px;
        line-height: 48px;
    }
    .foodShow .left #slider1, .exhitionShow .right #slider2, .meeting .left #slider3 {
        WIDTH: 1008px;
        HEIGHT: 376px;
    }
    .foodShow .left #slider1 .slide, .exhitionShow .right #slider2 .slide, .meeting .left #slider3 .slide {
        WIDTH: 1008px;
        HEIGHT: 376px;
    }
    .foodShow .left #slider1 .slide img, .exhitionShow .right #slider2 .slide img, .meeting .left #slider3 .slide img {
        WIDTH: 677px;
        HEIGHT: 376px;
    }
    .footer {
        margin-top: 50px;
    }
}
@media only screen and (min-width: 1200px) and (max-width:1399px){
	.main,.w,
    .update.w,
    .foot.w{
		width: 1350px;
	}
    body{
        min-width: 1328px;
    }
    .header {
        height: 36px;
        line-height: 36px;
    }
    .header p,.header span{
        height: 36px;
    }
    .header a{
        font-size: 14px;
    }
    .top {
        margin-top: 33px;
    }
    .top .logo a {
        height: 61px;
    }
    .top .logo span {
        top: 16px;
        padding-left: 37px;
        margin-left: 25px;
    }
    .top .logo span i {
        height: 30px;
        width: 112px;
        background-size: 100% 100%;
    }
    .top .search {
        height: 44px;
        width: 650px;
        margin: 40px auto 30px;
    }
    .top .search input {
        line-height: 44px;
        text-indent: 18px;
        font-size: 14px;
    }
    .top .search button {
        line-height: 44px;
        font-size: 16px;
    }
    .nav span {
        font-size: 22px;
        margin: 7px 45px 8px;
    }
    .nav span a {
        padding-bottom: 8px;
    }
    .nav span.focus a, .nav span:hover a {
        border-bottom: 3px solid #fff;
    }
    .nav span a i {
        bottom: -23px;
        font-size: 39px;
    }
    .nav span.focus a i::after, .nav span:hover a i::after {
        left: 16.6px;
        top: 20px;
        width: 7px;
        height: 7px;
    }
    .topping {
        height: 55px;
    }
    .banner {
        height: 530px;
        background-size: auto 100%;
        min-width: 1328px;
        /* background-position-y: 36px; */
    }
    .header::after {
        height: 530px;
        /* background-position: -115px -65px; */
        min-width: 1328px;
    }
    .switchPic {
        margin: 12px auto 40px;
        padding: 30px 24px;
    }
    .switchPicMin li {
        width: 302px;
        margin-bottom: 24px;
    }
    .switchPicMin ul {
        margin-bottom: -24px;
    }
    .switchPicMin li:nth-child(1), .switchPicMin li:nth-child(3) {
        margin-right: 676px;
    }
    .switchPicMax {
        top: 30px;
        bottom: 30px;
        width: 628px;
    }
    .switchPicMax li p {
        padding: 15px 20px;
    }
    .imgShow,.exhitionShow {
        padding: 30px 24px;
    }
    .foodShow,.meeting {
        margin: 40px auto;
        padding: 30px 24px;
    }
    .imgShow ul {
        width: calc(100% + 24px);
        margin-bottom: -24px;
    }
    .imgShow li {
        padding-right: 24px;
        margin-bottom: 24px;
    }
    .imgShow .imgBox p a {
        max-height: 18px;
        line-height: 18px;
        font-size: 14px;
    }
    .title {
        margin-bottom: 20px;
    }
    .title h2 {
        font-size: 24px;
        margin: 0 30px;
    }
    .title i {
        width: 400px;
        height: 15px;
    }
    .title i.leftI,.title i.rightI{
        background-size: 100% 100%;
    }
    .foodShow .right, .exhitionShow .left, .meeting .right {
        float: right;
        width: 302px;
        margin-left: 24px;
    }
    .foodShow .left, .exhitionShow .right, .meeting .left {
        overflow: hidden;
        position: relative;
        height: 356px;
        padding-top: 10px;
    }
    .foodShow .right li, .exhitionShow .left li, .meeting .right li {
        padding-left: 24px;
        height: 46px;
        line-height: 46px;
    }
    .foodShow .right li a, .exhitionShow .left li a, .meeting .right li a {
        font-size: 16px;
    }
    .foodShow .right li i, .exhitionShow .left li i, .meeting .right li i {
        font-size: 20px;
    }
    .foodShow .left #slider1, .exhitionShow .right #slider2, .meeting .left #slider3 {
        WIDTH: 954px;
        HEIGHT: 356px;
    }
    .foodShow .left #slider1 .slide, .exhitionShow .right #slider2 .slide, .meeting .left #slider3 .slide {
        WIDTH: 954px;
        HEIGHT: 356px;
    }
    .foodShow .left #slider1 .slide img, .exhitionShow .right #slider2 .slide img, .meeting .left #slider3 .slide img {
        WIDTH: 641px;
        HEIGHT: 356px;
    }
    .guide {
        width: 360px;
    }
    .guide p {
        width: 160px;
    }

}
@media only screen and (min-width: 1025px) and (max-width:1199px){
	.main,.w,
    .update.w,
    .foot.w{
		width: 1138px;
	}
    body{
        min-width: 1138px;
    }
    .header {
        height: 32px;
        line-height: 32px;
    }
    .header p,.header span{
        height: 32px;
    }
    .header a{
        font-size: 12px;
    }
    .top {
        margin-top: 27px;
    }
    .top .logo a {
        height: 52px;
    }
    .top .logo span {
        top: 16px;
        padding-left: 30px;
        margin-left: 20px;
    }
    .top .logo span i {
        height: 26px;
        width: 96px;
        background-size: 100% 100%;
    }
    .top .search {
        height: 40px;
        width: 560px;
        margin: 34px auto 22px;
    }
    .top .search input {
        line-height: 40px;
        text-indent: 16px;
        font-size: 14px;
    }
    .top .search button {
        line-height: 40px;
        font-size: 16px;
    }
    .nav span {
        font-size: 18px;
        margin: 8px 38px;
    }
    .nav span a {
        padding-bottom: 8px;
    }
    .nav span.focus a, .nav span:hover a {
        border-bottom: 3px solid #fff;
    }
    .nav span a i {
        bottom: -23px;
        font-size: 39px;
    }
    .nav span.focus a i::after, .nav span:hover a i::after {
        left: 16.6px;
        top: 19.5px;
        width: 7px;
        height: 7px;
    }
    .topping {
        height: 51px;
    }
    .banner {
        height: 440px;
        background-size: auto 100%;
        min-width: 1138px;
        /* background-position-y: 32px; */
    }
    .header::after {
        height: 440px;
        /* background-position: -115px -65px; */
        min-width: 1138px;
    }
    .switchPic {
        margin: 10px auto 30px;
        padding: 25px 20px;
    }
    .switchPicMin ul {
        margin-bottom: -20px;
    }
    .switchPicMin li {
        width: 259px;
        margin-bottom: 20px;
    }
    .switchPicMin li:nth-child(1), .switchPicMin li:nth-child(3) {
        margin-right: 580px;
    }
    .switchPicMax {
        top: 25px;
        bottom: 25px;
        width: 540px;
    }
    .switchPicMax li p {
        padding: 12px 18px;
    }
    .switchPicMax li p a {
        max-height: 22px;
        line-height: 22px;
        font-size: 16px;
    }
    .switchPicMax li p:hover a{
        max-height: 44px;
    }
    .imgShow, .exhitionShow {
        padding: 25px 20px;
    }
    .imgShow ul {
        width: calc(100% + 20px);
        margin-bottom: -20px;
    }
    .imgShow li {
        padding-right: 20px;
        margin-bottom: 20px;
    }
    .imgShow .imgBox p {
        padding: 8px 7px;
    }
    .imgShow .imgBox p a {
        max-height: 16px;
        line-height: 16px;
        font-size: 12px;
    }
    .imgShow .imgBox p:hover a{
        max-height: 32px;
    }
    .imgShow,.exhitionShow {
        padding: 25px 20px;
    }
    .foodShow,.meeting {
        margin: 30px auto;
        padding: 25px 20px;
    }
    .title {
        margin-bottom: 18px;
    }
    .title h2 {
        font-size: 20px;
        margin: 0 26px;
    }
    .title i {
        width: 350px;
        height: 13px;
    }
    .title i.leftI,.title i.rightI{
        background-size: 100% 100%;
    }
    .foodShow .right, .exhitionShow .left, .meeting .right {
        float: right;
        width: 260px;
        margin-left: 20px;
    }
    .foodShow .left, .exhitionShow .right, .meeting .left {
        overflow: hidden;
        position: relative;
        height: 304px;
        padding-top: 6px;
    }
    .foodShow .right li, .exhitionShow .left li, .meeting .right li {
        padding-left: 20px;
        height: 38px;
        line-height: 40px;
    }
    .foodShow .right li a, .exhitionShow .left li a, .meeting .right li a {
        font-size: 14px;
    }
    .foodShow .right li i, .exhitionShow .left li i, .meeting .right li i {
        font-size: 16px;
    }
    .foodShow .left #slider1, .exhitionShow .right #slider2, .meeting .left #slider3 {
        WIDTH: 819px;
        HEIGHT: 304px;
    }
    .foodShow .left #slider1 .slide, .exhitionShow .right #slider2 .slide, .meeting .left #slider3 .slide {
        WIDTH: 819px;
        HEIGHT: 304px;
    }
    .foodShow .left #slider1 .slide img, .exhitionShow .right #slider2 .slide img, .meeting .left #slider3 .slide img {
        WIDTH: 548px;
        HEIGHT: 304px;
    }
    .update {
        padding: 15px 0 0 0;
    }
    .update a {
		font-size: 12px;
		line-height: 36px;
	}
	.foot {
		font-size: 12px;
	}
	#footer {
		padding: 0;
	}
	.foot p {
		font-size: 12px;
		line-height: 54px;
	}
	.foot span {
		font-size: 14px;
	}
	.zyAPP b {
		font-size: 12px;
	}
	.guide span {
		font-size: 16px !important;
		margin-bottom: 10px;
	}
	.footer-content {
		padding-left: 0;
	}
	.guide p a {
		font-size: 13px;
		line-height: 28px;
	}
	.guide p {
		margin-right: 10px;
	}
	.guide {
		width: 340px;
	}
	.guide p {
		width: 160px;
	}
	.zyAPP {
		width: 75px;
		margin: 5px 3px;
	    font-size: 13px;
    }

}
@media only screen and (max-width:1024px){
	.main,.w,
    .update.w,
    .foot.w{
		width: 1000px;
	}
    body,
    .bottom{
        min-width: 1000px;
    }
    .header {
        height: 32px;
        line-height: 32px;
    }
    .header p,.header span{
        height: 32px;
    }
    .header a{
        font-size: 12px;
    }
    .top {
        margin-top: 24px;
    }
    .top .logo a {
        height: 46px;
    }
    .top .logo span {
        top: 16px;
        padding-left: 28px;
        margin-left: 18px;
    }
    .top .logo span i {
        height: 24px;
        width: 88px;
        background-size: 100% 100%;
    }
    .top .search {
        height: 36px;
        width: 500px;
        margin: 24px auto 20px;
    }
    .top .search input {
        line-height: 36px;
        text-indent: 14px;
        font-size: 12px;
    }
    .top .search button {
        line-height: 36px;
        font-size: 14px;
    }
    .nav span {
        font-size: 16px;
        margin: 8px 34px;
    }
    .nav span a {
        padding-bottom: 8px;
    }
    .nav span.focus a, .nav span:hover a {
        border-bottom: 2px solid #fff;
    }
    .nav span a i {
        bottom: -19px;
        font-size: 34px;
    }
    .nav span.focus a i::after, .nav span:hover a i::after {
        left: 14.5px;
        top: 14.2px;
        width: 6px;
        height: 6px;
    }
    .topping {
        height: 50px;
    }
    .banner {
        height: 380px;
        background-size: auto 100%;
        min-width: 1000px;
    }
    .header::after {
        height: 380px;
    }
    .switchPic {
        margin: 5px auto 20px;
        padding: 20px 15px;
    }
    .switchPicMin ul {
        margin-bottom: -16px;
    }
    .switchPicMin li {
        width: 230px;
        margin-bottom: 16px;
    }
    .switchPicMin li:nth-child(1), .switchPicMin li:nth-child(3) {
        margin-right: 508px;
    }
    .switchPicMax {
        top: 16px;
        bottom: 16px;
        width: 476px;
    }
    .switchPicMax li p {
        padding: 10px 14px;
    }
    .switchPicMax li p a {
        max-height: 18px;
        line-height: 18px;
        font-size: 14px;
    }
    .switchPicMax li p:hover a{
        max-height: 36px;
    }
    .imgShow, .exhitionShow {
        padding: 20px 15px;
    }
    .imgShow ul {
        width: calc(100% + 16px);
        margin-bottom: -16px;
    }
    .imgShow li {
        padding-right: 16px;
        margin-bottom: 16px;
    }
    .imgShow .imgBox p {
        padding: 8px 5px;
    }
    .imgShow .imgBox p a {
        max-height: 15px;
        line-height: 15px;
        font-size: 12px;
    }
    .imgShow .imgBox p:hover a{
        max-height: 30px;
    }
    .imgShow,.exhitionShow {
        padding: 20px 15px;
    }
    .foodShow,.meeting {
        margin: 30px auto;
        padding: 20px 15px;
    }
    .title {
        margin-bottom: 14px;
    }
    .title h2 {
        font-size: 18px;
        margin: 0 22px;
    }
    .title i {
        width: 350px;
        height: 13px;
    }
    .title i.leftI,.title i.rightI{
        background-size: 100% 100%;
    }
    .foodShow .right, .exhitionShow .left, .meeting .right {
        float: right;
        width: 230px;
        margin-left: 16px;
    }
    .foodShow .left, .exhitionShow .right, .meeting .left {
        overflow: hidden;
        position: relative;
        height: 268px;
        padding-top: 4px;
    }
    .foodShow .right li, .exhitionShow .left li, .meeting .right li {
        padding-left: 18px;
        height: 34px;
        line-height: 34px;
    }
    .foodShow .right li a, .exhitionShow .left li a, .meeting .right li a {
        font-size: 12px;
    }
    .foodShow .right li i, .exhitionShow .left li i, .meeting .right li i {
        font-size: 14px;
    }
    .foodShow .left #slider1, .exhitionShow .right #slider2, .meeting .left #slider3 {
        WIDTH: 722px;
        HEIGHT: 268px;
    }
    .foodShow .left #slider1 .slide, .exhitionShow .right #slider2 .slide, .meeting .left #slider3 .slide {
        WIDTH: 722px;
        HEIGHT: 268px;
    }
    .foodShow .left #slider1 .slide img, .exhitionShow .right #slider2 .slide img, .meeting .left #slider3 .slide img {
        WIDTH: 486px;
        HEIGHT: 268px;
    }
    .update {
        padding: 15px 0 0 0;
    }
    .update a {
		font-size: 12px;
		line-height: 36px;
	}
	.foot {
		font-size: 12px;
	}
	#footer {
		padding: 0;
	}
	.foot p {
		font-size: 12px;
		line-height: 54px;
	}
	.foot span {
		font-size: 14px;
	}
	.zyAPP b {
		font-size: 12px;
	}
	.guide span {
		font-size: 16px !important;
		margin-bottom: 10px;
	}
	.footer-content {
		padding-left: 0;
	}
	.guide p a {
		font-size: 13px;
		line-height: 28px;
	}
	.guide p {
		margin-right: 10px;
	}
	.guide {
		width: 310px;
	}
	.guide p {
		width: 145px;
	}
	.zyAPP {
		width: 75px;
		margin: 5px 3px;
	    font-size: 13px;
    }
}