@media only screen and (max-width: 1600px){ .nav>ul>li+li { margin-left: 8px; } .foo2{ padding-left: 95px; } .main1-1-1{ margin-right: 40px; } .main1-1{ margin-right: 40px; } .main2-2 dd+dd { margin-top: 30px; } .main3-ico{ width: 80px; } .main3-con h2{ font-size: 26px; } .main3-con{ padding-top: 12px; } .main3-list .item>a{ height: 180px; padding: 50px 25px 0; } .cw{ height: 180px; } .cw-p{ font-size: 14px; margin-top: 8px; } .cw-div h1{ font-size: 22px; } .cw-div{ padding: 15px; } } @media only screen and (max-width: 1500px){ .shizi-con h1{ font-size: 20px; } .shizi-con h2{ font-size: 14px; padding: 11px 0 7px; } .shizi-con p{ font-size: 13px; } .shizi-pic{ width: 150px; } .shizi-con{ padding-left: 20px; } .title-11::after{ left: 110px; } .title-11 h1{ font-size: 24px; } .main3-ico{ width: 70px; } .main3-con h2{ font-size: 22px; } .main3-con{ padding-top: 12px; } .main3-con h1{ font-size: 14px; } /*.main3-list .item>a{ height: 150px; padding:40px 15px 0; }*/ .cw-p{ font-size: 13px; } .logo{ width: 320px; } .nav>ul>li+li { margin-left: 4px; } #header{ height: 105px; } .nav{ margin-top: 34px; } .wen1{ margin-top: 47px; } .menu{ width: 280px; } .menu-h1{ height: 120px; line-height: 120px; font-size: 24px; } .foo1-p span{ display: block; padding-left: 0; } .foo1-logo { width: 370px; } .foo1-p{ margin-top: 20px; } #footer{ padding:40px 0 30px; } .main1-1-1{ width: 430px; margin-right: 30px; } .main1-1 { margin-right:30px; width: 65%; } .main1-1-2 dd h2{ margin-top: 13px; } .main1-1-2 dd{ padding: 16px 0; } .main1-2-date{ width: 90px; height: 90px; padding:13px 10px 0; } .main1-2-date h1{ font-size: 28px; } .main1-2-date h2{ font-size: 12px; } .main2-1 dd h2{ font-size: 16px; } .main2-2 dd+dd { margin-top: 26px; } .main2-2 dd>a{ padding: 15px 30px 15px 0; } .main1-2-con{ padding-top: 20px; } } @media only screen and (max-width: 1200px){ #header{ display: none; } #header-2{ display: block; } .chenggao{ display: block; } .menu{ display: none; } .foo2,.foo1-logo{ display: none; } .er{ float: none; margin:0 auto; width: 100px; } .foo1{ float: none; margin-top: 10px; } .foo1-p{ text-align: center; font-size: 14px; line-height: 1.6; margin-top: 0; } #footer{ padding: 30px 0 20px; } .erji-top{ padding-bottom: 0; } .erji{ padding: 30px 0; } .fenye{ margin-top: 30px; } .erji-content-bai{ min-height: 0; } .main1,.main2,.main3{ padding: 40px 0; } .main1-1{ float: none; width: 100%; margin-right: 0; } .main1-2{ margin-top: 30px; } .main2-item{ float: none; width: 100%; } .main2-item.fr{ margin-top: 30px; } .main2-1 dd h2{ height: 3.6em; } .main2-2 { padding-top: 25px; } .main2-1 dd{ margin-top: 30px; } .main3-div{ padding-bottom: 0; } .main1-1-div { margin-top: 25px; } .main1-2-dl { padding-top: 25px; } .danpian-h1{ font-size: 24px; } } @media only screen and (max-width: 992px){ .shizi dd{ float: none; margin-left: 0; margin-top: 20px; width: 100%; } .shizi dl{ margin-left: 0; margin-top: 0; } .danpian-h1{ font-size: 22px; } .main1-1-2{ border-top: 1px solid #d8d8d8; margin-top: 25px; } .main1-1-2 dd { padding: 15px 0!important; } .main1-1-2 dd h2 { margin-top: 15px; } .main1-1-con p{ margin-top: 10px; } .main1-1-con { margin-top: 35px; } .main1-1-1 { width: 100%; margin-right: 0px; float: none; } .dang-pic { width: 240px; } .dang-con{ padding: 25px 25px 0; } .dang-con h2{ margin:15px 0 10px; } .gaik-con{ padding: 20px 20px 0; } .gaik-con-p{ font-size: 14px; } .gaik-pic { width: 170px; } .main1, .main2, .main3 { padding:30px 0; } .fmain1-1 .flex-control-nav{ bottom: 103px; } } @media only screen and (max-width: 768px){ .shizi-pic { width: 100%; float: none; } .shizi dd{ margin-top: 20px; } .shizi-con{ padding: 15px 0px 0px; } .danpian{ padding-top: 15px; } .danpian-h1{ font-size: 20px; } .dan-a a{font-size: 14px;} .fmain1-1 .flex-control-nav li { margin: 0 4px; } .main3-con{ padding-top: 10px; } .main3-con h2 { font-size: 20px; } .main3-list .item>a { height: auto; padding: 30px 15px; } .main3-ico { width: 60px; } .main2-2-date h2,.main2-2-date h1{display: inline-block;} .main2-2-date h2{ padding-left: 5px; margin:0; } .main2-2 dd+dd { margin-top: 15px; } .main2-2-con{ margin-top: 15px; } .main2-2-date{ margin-top: 0; float: none; width: 100%; padding-right: 0; text-align: left; border-right: 0; border-bottom: 1px solid #d6d6d6; } .main2-2 dd>a{ padding: 15px; } .main2-1 dd{ margin-top: 15px; } .main2-1{ padding-top: 5px; } .main1-2-dl { padding-top: 20px; } .main1-2-dl dd+dd { margin-top: 15px; } .main1-2-date h1 { font-size: 24px; } .main1-2-date { width: 80px; height: 80px; padding: 13px 7px 0; margin-right: 15px; } .main1-2-con{ padding-top: 15px; } .main1-1-2 dd h1 span { font-size: 18px; } .main1-2-date h2{ padding-top: 7px; margin-top: 5px; } .main1-1-div { margin-top: 20px; } .main1, .main2, .main3 { padding: 25px 0; } .title-11::after{ left: 90px; right: 45px; } .title-11 a.fr{ font-size: 13px; margin-top: 2px; } .title-11 h1 { font-size: 20px; } .main2-1 dd h1 span{ font-size: 28px; padding-left: 3px; } .main2-1 dd h1{ font-size: 14px; } .main2-1 dd h2 { height: auto; max-height: 5.4em; margin-top: 10px; } .main2-1 dd{ float: none; width: 100%; margin-left: 0; padding: 15px; } .main2-1 dl{ margin-left: 0 } .gaik-con-p{ height: auto; margin-top: 10px; } .gaik-con{ padding: 15px; } .gaik-pic { width: 100%; } .gaik dd{ margin-top: 20px; } .dang dd{ margin-top: 20px; } .dang-pic { width: 100%; float: none; } .dang-con{ padding: 20px 15px; } .dang-con h1{ font-size: 16px; } .dang-con h2{ font-size: 12px; } .dang-con p{ line-height: 1.8; height: auto; max-height: 3.6em; } .erji { padding: 20px 0; } .mianbaoxie{ display: none; } .erji-title h1{ font-size: 18px; padding: 0 0 12px; } .erji-content-bai{ padding: 20px 15px; } .fenye { margin-top: 22px; } .er img{ margin-bottom: 10px; } .er{ width: 85px; } #footer { padding: 20px 0 15px; } .foo1-p{font-size: 12px;} .logo-2{ width: 255px; margin-top: 17px; } .keji dd{ height: 48px; line-height: 47px; padding-right: 75px; } .dd-date{ font-size: 12px; } .keji dd a{ font-size: 15px; } .fenye ul{ font-size: 12px; } .pagination > li > a, .pagination > li > span{ padding: 4px 9px; } } @media only screen and (max-width: 500px){} @media only screen and (max-width: 350px){ .logo-2 { width: 240px; margin-top: 18px; } }