@media(max-width: 1200px){ .banner,.pro_list,.yuantu,.pro_title,.exhibition_title,.footer_con{display: none;} .banners,.xytu,.xycp,.xyzh,.xyft{display: block;width: 100%;height: auto;} .banners img,.xyfoo{width: 100%;height: auto;padding-bottom: 30px;} .top,.exhibition_content{width: 100%;} .pro_con{height: auto;} .xys{display: block;width: 100%;height: auto;} .xys ul li{width: 20%;margin-right:3%;margin-left: 2%;float: left;z-index: 90;position: relative;padding-top: 10px;} .service_title{width: 100%;height: auto;} .service_content{width: 100%;} .service_content img{width: 100%;height: auto;} .ex_p{width: 61%;padding-left: 30px;} .ex_img{width: 38%;height: auto;} *{box-sizing:border-box;} .xys li img{width: 100%;} .copy{width: 100%;height: 130px;padding-top: 20px;} .copy_left{width: 62%;} .copy_right{width: 38%;padding-left: 50px;} .container{width: 100%!important;} .xia{margin-bottom: 2px;} .ex_p{padding-top:25px;} ul{padding-left:0!important;} } @media(max-width: 991px){ .exhibition_bottom{padding-top: 140px;} .ex_p{padding-left: 0;} } @media(max-width: 767px){ .top_right,.weekly_back,.footer,.service{display: none;} #fun1 { position: absolute; right: 3%; top: 15px; display: block; cursor: pointer; } .m{ font-size: 15px; background: #fff; list-style: none; } .m a { color: #3e3e3e; } .m li { float: none; height: auto; line-height: 34px; border-bottom: 1px solid #cbcbcd; text-align: left; padding-left: 30px; } .dbdh{display: block; width: 100%;position: fixed;bottom: 0;background:#ff4639;} .dbdh ul li{width: 25%;height: auto;float: left;} .dbdh ul li a{display: block;text-align: center;padding: 5px;color: #fff; } .dbdh ul li a p{line-height: 30px;} .dbdh ul li a img{display: inline-block;} .xys ul li{width:48%;margin-left: 1%;margin-right: 1%;} .ex_p,.ex_img,.ex_img img{width: 100%;} .ex_img img{margin-bottom: 20px;} .ex_p{padding-top: 20px;padding-left: 0px;} .xys6{display: block;width: 100%;height: auto;} .xys6 img{width: 100%;height: auto;} .exhibition_bottom{margin-bottom: 70px;} .m_fotter p{margin-bottom:0;} .exhibition_content ul li{background:#f7f7e6;padding-left:5px;} .xys li img{margin-bottom:20px;} .exhibition_bottom{padding-top:35px;} .ex_p{padding-left:6px;} } @media(max-width: 375px){ .xys ul li{width: 96%;margin-right: 2%;} } @media (min-width: 1201px){ .banners img,.xyfoo{padding-bottom: 100px;} }