@media only screen and (max-width: 1800px){ #header{ padding-left: 30px; padding-right: 60px; } .nav>ul>li+li { margin-left: 20px; } } @media only screen and (max-width: 1700px){ .logo { width: 380px; margin-top: 32px; } #header{ padding: 0 30px; } } @media only screen and (max-width: 1600px){ .nav>ul>li+li { margin-left: 20px; } .nav>ul>li>a { font-size:16px; } #header{ padding: 0 25px; } } @media only screen and (max-width: 1500px){ .nav>ul>li+li { margin-left:10px; } .fafa .flex-direction-nav .flex-prev{ left: 0px; } .fafa .flex-direction-nav .flex-next{ right: 0px; } } @media only screen and (max-width: 1400px){ .nav>ul>li+li { margin-left:15px; } .logo { width: 340px; margin-top: 36px; } } @media only screen and (max-width: 1400px){ #header{ padding: 0 15px; } .nav>ul>li+li { margin-left: 13px; } .logo { width: 340px; margin-top: 36px; } } @media only screen and (max-width: 1350px){ .logo { width: 305px; margin-top: 41px; } } @media only screen and (max-width: 1300px){ .logo { width: 250px; margin-top: 43px; } .nav>ul>li+li { margin-left: 8px; } } @media only screen and (max-width: 1200px){ #header{ display: none; } #header-2{ display: block; } .chenggao{ display: block; } .fafa .slides>li{ height: auto; background-image: none!important; } .fafa .flex-direction-nav{ width: auto; margin-left: 0; left: 15px; right: 15px; } .fafa .slides>li img.phone-img{ display: block; } .youq,.foo-nav{ display: none; } /*.fafa .flex-control-paging li a{ width: 10px; height: 10px; transition: .3s; background-image: url(../images/arrow-b2.png); } .fafa .flex-control-paging li a.flex-active{ background-image: url(../images/arrow-b2-h.png); width: 10px; } .fafa .flex-control-nav li{ margin:0 7px; } .fafa .flex-control-nav{ bottom: 20px; }*/ .foo2-con{ float: none; width: 100%; text-align: center; margin-top: 25px; } .foo2-h1{ border-left: 0; padding-left: 0; } .er-wp{ float: none; margin:0 auto; } .footer-2{ background-image: none; } .foo-p{ text-align: center; margin-top: 10px; } .foo-p span{ display: block; padding-left: 0; } #footer{ padding: 25px 0 20px; } .menu{ display: none; } .banner-2{ height: auto; background-image: none!important; } .banner-2 img{ display: block; } .erji{ padding: 30px 0; } .mianbaoxie{ display: none; } .danpian-h1{ font-size: 24px; } .danpian{ padding-top: 15px; } .footer-1{ display: none; } .main1-1{ float: none; width: 100%; margin-right: 0; } .main1-2{ margin-top: 30px; } .main1,.main2,.main3{ padding: 30px 0; } .sanji-dl{ display: block; } } @media only screen and (max-width: 992px){ .laos2-dl dd{ width: 22%; } .main5-list-wwp { margin-top: 20px; } .list001-pic { width: 150px; margin-right: 25px; } .list001-con h2{ padding: 13px 0 8px; } .list001-con{ padding-top: 12px; } .laos-list dd{ width: 47%; } } @media only screen and (max-width: 768px){ .laos3 dd{ margin-right: 15px; margin-bottom: 15px; } .laos2-title{ font-size: 17px; } .laos2-dl dd>a h1{ font-size: 15px; } .laos2-item+.laos2-item { margin-top: 30px; } .laos2-dl dd{ width: 30.3333333%; } .main5-list-wwp{ padding: 0 15px; } .main5-con{padding-left: 0;} .main5-con dl{ padding-top: 10px; } .main5-con { margin-top: 15px; } .main4-list .item .imgbox_a h1{ font-size: 16px; } .main4{ padding: 0 15px 20px; } .sanji-dl dd{ margin-right: 10px; margin-bottom: 10px; } .sanji-dl{ padding-bottom: 10px; } .sanji-dl dd>a{ display: block; height: 34px; line-height: 32px; font-size: 12px; color: #333; border:1px solid #ddd; padding: 0 14px; } .laos-pic>a{ height: 155px; } .laos-list dd{ width: 100%; margin-left: 0; margin-bottom: 0; float: none; } .laos-con p{ height: auto; } .laos-list dd+dd{ margin-top: 15px; } .laos-list dl{ margin-left: 0 } .erji-title a.fr{ font-size: 13px; margin-top: 4px; } .fafa .flex-control-nav{ bottom: 20px; } .fafa .flex-control-paging li a { width: 8px; height: 8px; transition: .3s; } .main2-1-con-item{ height: auto; padding: 15px; } .main3-list { margin-top: 20px; } .main3-list .item>a{ height: 115px; } .main2-2-pic{ margin-right: 20px; } .main2-1-pic{ float: none; width: 100%; } .main1-2 { margin-top: 20px; } .main1-1-item{ float: none; width: 100%; } .main1-1-item.fr{ margin-top: 15px; } .main1,.main2,.main3{ padding:20px 0; } .list002-con{ padding-top: 7px; } .list002 dd{ padding: 15px 0; } .list002-date h1{ font-size: 22px; } .list002-date { width: 60px; height: 60px; margin-right: 15px; padding-top: 9px; } .list002-date h2{ margin-top: 5px; } .pic-list{ padding-bottom: 0; } .danpian-h1{ font-size: 22px; } .danpian{ padding-top: 0px; } .dan-a a{ font-size: 14px; } .erji{ padding: 20px 0 25px; } .fenye{ margin-top: 20px; font-size: 12px; } .foo2-con{ margin-top: 15px; } .foo2-con-p{ margin-top: 5px; font-size: 12px; } .fenye .pagination > li > a,.fenye .pagination > li > span{ padding: 4px 10px; } .list{ padding-top: 15px; } .list li{ padding-right: 70px; margin-top: 12px; } .list li span{ font-size: 12px; } .logo-2{ width: 300px; margin-top: 19px; } /* .fafa .flex-control-nav li{ margin:0 5px; } .fafa .flex-control-nav{ bottom:15px; }*/ .foo-p{ font-size: 12px; } .er{ width: 85px; } .er img{ margin-bottom: 8px; } .er-wp{ width: 190px; } .fafa .flex-direction-nav a{ width: 30px; height: 52px; margin-top: -26px; -webkit-background-size: 100%; background-size: 100%; } #footer{ padding: 20px 0 15px; } .erji-title .fl{ font-size: 18px; padding-bottom: 12px; } .list001-pic{ float: none; width: 100%; margin-right: 0; } .list001-con{ padding-top: 15px; } .fenye{ margin-top: 25px; } .erji-content-div { padding-top: 15px; } .list001-con h2{ font-size: 13px; } .list001 dd{ padding: 15px 0; } } @media only screen and (max-width: 500px){ .laos2-dl dd{ width: 47%; margin-top: 20px; } .laos2-dl dd>a h1{ margin-top: 12px; } .danpian-h1{ font-size: 20px; } .foo-p{ line-height: 1.8 } .fafa .flex-direction-nav a{ width: 22px; height: 38px; margin-top: -19px; -webkit-background-size: 100%; background-size: 100%; } .footer-2{ padding: 20px 0 15px; } .logo-2{ width: 260px; margin-top: 21px; } } @media only screen and (max-width: 350px){ .logo-2{ width: 240px; margin-top: 23px; } }