@media only screen and (max-width: 1200px){ #header{ display: none; } #header-2{ display: block; } .chenggao{ display: block; } .banner-x{ display: block; } #header div.wp{ width: 100%; } div.wp{ width: 96%; } .main-1-left{ float: none; width: 100%; margin-top: 0; padding:15px 0; } .main-1-right{ width: 100%; float: none; } .xue-list li{ width: 320px; } .xue-list .caroufredsel_wrapper{ margin:0 auto!important; } /* .lan-a{ text-align: center; }*/ /*.lan-a a{ width: 320px; display: inline-block; float: none; }*/ /*.youqing,.lan-a{ width: 320px; margin:0 auto; }*/ .nopadd{ float: left; width: 68%; } .lan-a{ float: right; width: 30%; margin-top: 50px; } .content-11{ width:880px; } .tupian-list ul{ margin-left: 0; } .tupian-list li{ margin-left: 1%; margin-right: 1%; } } @media only screen and (max-width: 1150px){ .content-11{ width:840px; } } @media only screen and (max-width: 1100px){ .content-11{ width:800px; } } @media only screen and (max-width: 1050px){ .content-11{ width:750px; } } @media only screen and (max-width: 1000px){ .xue-list li{ width: 300px; } .content-11{ width:700px; } .tupian-list li{ width: 48%; } } @media only screen and (max-width: 950px){ .nopadd{ float: none; width: 100%; margin-top: 20px; } .lan-a a{ display: inline-block; margin-top: 0!important; width: 320px; margin-right: 3px; } .xue-list li{ width: 320px; } .youqing span{ width: 100px; } .youqing select{ width: 300px; } /*.lan-a a{ background-image: none!important; }*/ .content-11{ width:650px; } } @media only screen and (max-width: 900px){ .list li{ padding: 0 10px 0 5px; } .menu{ float: none; width: 100%; } .content-11{ width: 100%; float: none; margin-top: 15px; padding: 10px; } .menu-pic{ display: none; } .menu ul.menu-ul>li>a{ background-position: 95% center; } .erji{ padding: 15px 0; } } @media only screen and (max-width:700px){ .tupian-list li{ float: none; width: 100%; margin-left: 0; margin-right: 0; } .news-pic{ float: none; width: 100%; margin-right: 0; } .news-top>h1{ margin-top: 15px; } .foo1,.foo2{ float: none; width: 100%; text-align: center; } .foo2{ width: 230px; margin:0 auto; } .foo1 span{ display: inline-block; } .lan-a a{ float: left; width: 48%; margin:0 1%; border-radius: 5px; background-position: 10% center!important; } .mianbaoxie{ display: none; } .xinwen-list>ul>li a{ font-size: 14px; } .bt-page div{ width: 28px; height: 28px; line-height: 28px; } .ccc { width: 28px; height: 28px; line-height: 28px; } } @media only screen and (max-width:600px){ .logo-2{ width: 310px; margin-left: 5px; } .xue-list li{ padding-right: 0; width: 420px; } } @media only screen and (max-width:500px){ .xue-list li{ width: 320px; } .lan-a a{ background-position:7% center!important; text-align: left; padding-left: 20%; font-size: 16px; } .map{ width:100%; } } @media only screen and (max-width:400px){ .logo-2{ width: 250px; } .xue-list li{ width: 300px; } .youqing select{ width: 100%; } .tishi span{ position: static; display: block; height: 40px; line-height: 40px; width: 100%; } .tishi{ height: auto; } .tishi-list{ margin:0 15px; } .map{ width:100%; } } @media only screen and (max-width:350px){ .logo-2{ width: 220px; } .xue-list li{ width: 300px; } .map{ width:100%; } }