@media only screen and (max-width: 1800px){ .logo{ width: 400px; left: 50px; top: 15px; } #header{ padding-left: 470px; } .main3-div{ padding-left: 50px; } } @media only screen and (max-width: 1600px){ .main1-1-yin{ left: 2%; } .header-1-1{ padding-right: 30px; } .phone{ padding-right: 30px; width: 264px; } .header-1-2{ padding-right: 264px; } } @media only screen and (max-width: 1500px){ .logo{ width: 320px; top: 15px; left: 30px; } #header { padding-left: 370px; } .header-1{ height: 110px; } .header-1-1{ height: 40px; line-height: 38px; } .nav>ul>li{ height: 70px; padding-top: 30px; padding-top: 24px; } .nav>ul>li>a{ font-size: 16px; padding-left: 12px; } .phone{ height: 70px; padding-top: 26px; } .main1-1-yin{ left: 0; } .nav>ul>li ul{ top: 70px; } .nav>ul>li ul li a{ font-size: 14px; } .phone { padding-right: 15px; width: 230px; } .header-1-2{ padding-right: 230px; } .header-1-1{ padding-right: 15px; } .main3-div{ padding: 50px; background-image: none!important; } .main3-div-p{ height: 128px; margin-top: 25px; } } @media only screen and (max-width: 1400px){ .main1-1-yin { left: -40px; } } @media only screen and (max-width: 1300px){ .main1-1-yin { left: -85px; } } @media only screen and (max-width: 1200px){ .menu{ display: none; } #header{ display: none; } #header-2{ display: block; } .chenggao{ display: block; } .fafa .slides>li{ height: auto; background-image: none!important; } .fafa .slides>li img{ display: block; width: 100%; } .main1-1-yin{ display: none; } .main1{ height: auto; padding: 60px 0; background-position: center center; -webkit-background-size: cover; background-size: cover; } .main1-1-div{ background-image: none; } .main1-1-div-con{ padding: 15px 0; } .main1-2-left{ float: none; width: 100%; margin-right: 0; } .main1-2-right{ margin-top: 30px; } .main1-2{ margin-top: 50px; } .main3-div{ float: none; width: 970px; margin:0 auto; } .main3-div-p{ height: auto; } .main3-div.fr{ margin-top: 25px; } .foo2{ display: none; } } @media only screen and (max-width: 992px){ .mianbaoxie{ display: none; } .footer-2 .fl{ float: none; } .footer-2 .fr{ float: none; } .footer-2{ text-align: center; line-height: 2; font-size: 14px; padding: 20px 0; } .main3-div{ float: none; width: 720px; margin:0 auto; padding: 25px; } .main1-1-pic{ display: none; } .title-11{ font-size: 24px; } .title-22{ font-size: 24px; } .title-33 h1{ font-size: 24px; } .main1-2{ margin-top: 30px; } .main1{ padding: 40px 0; } .main2{ padding: 40px 0; } .main1-2-div{ margin-top: 25px; } } @media only screen and (max-width: 768px){ .danpian-h1{ font-size: 20px; padding: 10px 0; } .foo1{ float: none; width: 100%; text-align: center; font-size: 14px; } .er{ float: none; margin:25px auto 0; } .main3-div{ float: none; width: 100%; margin:0 auto; padding: 25px 15px; } .foo1 img{ display: none; } .footer-1{ padding: 30px 0; } .main1-2-left h1{ font-size: 14px; padding: 0 15px; } .main3{ padding-left: 15px; padding-right: 15px; padding-bottom: 35px; } .main3-div-p{ font-size: 14px; } .xian{ bottom: 20px; } .title-11{ font-size: 20px; } .title-22{ font-size: 20px; } .title-33 h1{ font-size: 20px; } .main1,.main2{ padding: 30px 0 } .main1-2{ margin-top: 20px; } .main1-2-div{ margin-top: 15px; } .main1-2-right li>a{ padding-left: 15px; padding-right:60px; } .main1-2-right li>a i{ right: 10px; background-image: url(../images/jian1.png); } .main2-list{ margin-top: 20px; } .main2-con{ margin-top: 20px; } .main2-con p{ height: auto; line-height: 1.8; margin-top: 15px; } .more1{margin-top: 20px;} .more1 a{ height: 36px; line-height: 34px; width: 120px; } } @media only screen and (max-width: 500px){} @media only screen and (max-width: 400px){ .logo-2 { font-size: 0; width: 250px; margin-left: 15px; margin-top: 7px; } } @media only screen and (max-width: 350px){}