@media only screen and (max-width: 1700px){ .nav>ul>li>a{ padding-left: 52px; background-position: 14px center; } .erji .container,.main .container{ padding-left: 0px; padding-right:0px; } .main6-li{ width: 520px; } .main1-1{ width: 827px; } .main1-1-pic{ width: 447px; margin-right: 30px; } .main1-1-list dd p{ margin-top: 6px; } .main1-1-list dd { padding: 10px 0; } .main1-2 { width: 330px; } .main1-2-1 dd+dd { margin-top: 15px; } .main1-2-2 { margin-top: 2px; } .main1,.main2,.main3,.main4,.main5,.main6,.main7,.main8{ padding: 60px 0; } .main2-a-con{ font-size: 22px; } .main2-a{ padding: 0 25px; } .main2-item{ height: 150px; } .main2-list { margin-top: 50px; } .main5-1 { width:380px; } .main5-2 { width:380px; margin-left: 60px; } .main5-3 { width: 330px; } .main6-1{ width: 520px; margin-right: 50px;margin-left: 0; } .main6-2 h1{ font-size: 14px; } .main6-2 h2{ padding: 5px 0; font-size: 24px; } .main6-2 h3{ font-size: 14px; } .main6-2-p{ margin-top: 15px; height: 10em; } .main6-2{ padding-top: 0; } .more11{ margin-top: 30px; } .more11 a{ width: 150px; height: 50px; line-height: 48px; } .main7-list{ margin-top: 50px; padding: 0; } .main7 .more11 { margin-top: 50px; } .main8-list2 dd .imgbox_a { padding-bottom: 67.85%; } .banner-3.banner-2 { height: 220px; } .main8-list3 dl{ padding-top: 10px; } .main8-list3 dd+dd { margin-top: 12px; } .main8-3-a { margin-top: 5px; } }@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; }*/ .er-wp{ float: none; margin:0 auto; width: 225px; } .er{ float: none; margin:0 auto; } .footer-2{ padding: 30px 0 22px; } .foo2-con{ padding-left: 0; background-image: none; margin-top: 0; float: none; line-height: 2; text-align: center; margin-top: 15px; font-size: 12px; } .foo-p{ text-align: center; margin-top: 10px; } .foo-p span{ display: block; padding-left: 0; } .menu{ display: none; } .banner-2{ height: auto; background-image: none!important; } .banner-2 img{ display: block; } .erji{ padding: 30px 0; } .mianbaoxie{ display: none; } .erji-title{ padding-bottom: 20px; } .danpian-h1{ font-size: 24px; } .danpian{ padding-top: 15px; } .footer-1{ display: none; } .erji .container,.main .container{ padding-left:15px; padding-right:15px; } .main1,.main2,.main3,.main4,.main5,.main6,.main7,.main8{ padding:50px 0; } .main1-1{ width: 100%; float: none; } .main1-2{ margin-top: 40px; width: 100%; float: none; } .main2-a-con { font-size: 20px; } .main2-a { padding: 0 20px; } .main5-1{ width: 100%; float: none; } .main5-2{ width: 100%; float: none; margin:40px 0; } .main5-3{ width: 100%; float: none; } .banner-3.banner-2 { height: auto; } .main6-1{float: none; width: 100%;margin-right: 0;} .main6-2{ margin-top: 30px; } .main6-2-p{ height: auto; } .main7-ico {max-width: 80%;margin:0 auto;} .main7 .more11 { margin-top:40px; } .main8-list2 dd{ width: 29.333333%!important; margin-top: 0%; } .main8-list2 dd .imgbox_a h1 { opacity: 1; visibility: visible; } .main7-list2 { margin-top: 50px; } .main8-list3 dd+dd { margin-top: 20px; } .main3-2-dl2 dd { padding: 20px 0; } } @media only screen and (max-width: 992px){ .main7-list2 { margin-top: 40px; } .main8-list2 dd .imgbox_a h1{ height: 42px; line-height: 42px; } .main1-1-list dd:first-child{ padding-top: 20px; } .main1-1-list dd{ padding:20px 0; } .main1,.main2,.main3,.main4,.main5,.main6,.main7,.main8{ padding:40px 0; } .main1-1-pic{ float: none; margin-right: 0; width: 100%; } .main1-2{ margin-top: 30px; } .main2-list { margin-top: 40px; } .main4-dl dd{ padding: 7px 20px; } .main5-2{ margin:30px 0; } } @media only screen and (max-width: 768px){ .main3-2-dl2 dd { padding: 15px 0; } .main8-2 .title-22 { padding-left: 15px; } .title-22 .title-11-wy.fr{ margin-right: 0px; } .title-11-wy{ height: 50px; line-height: 50px; margin-left: 15px; color: #fff; } .title-33 h1{ font-size: 14px; } .title-33 h2{ font-size: 14px; } .main8-list1 dd .imgbox_a h1{height: 40px; line-height: 40px;} .main8-list3 dd h2{ font-size: 12px; } .main8-list3 dd{ -webkit-background-size: 42px; background-size: 42px; padding: 0; padding-left: 54px; } .main8-list3 dl { padding-top: 0px; } .main8-list3 dd+dd{ margin-top: 18px; } .main7-list2 .item .imgbox_a h1{ opacity: 1; visibility: visible; height: 40px; line-height: 40px; } .main7-list2 { margin-top: 25px; } .main8-list2 dd .imgbox_a h1 { height: 40px; line-height: 40px; } .main8-list2 dd{ float: none; width: 100%!important; margin-left: 0; } .main8-list2 dd+dd{ margin-top: 15px; } .main8-list1 dd{ float: none; width: 100%!important; margin-left: 0; } .main8-list1 dd+dd{ margin-top: 15px; } .main8-list1 dd:first-child+dd { margin-bottom: 0%; } .main8-list2 dl{ margin-left: 0; } .main8-list1 dl{ margin-left: 0; } .main7-h1 {margin-top: 18px;font-size: 15px;} .main7-list{ margin-top: 25px; } .main7-ico{ width: 120px; } .main7 .more11 { margin-top: 20px; } .more11 a { width: 120px; height: 42px; line-height: 40px; } .main6-2-p{ margin-top: 10px; } .more11 { margin-top: 20px; } .main6-2 h2{ font-size: 20px; } .main6-2 h1{ font-size: 12px; } .main6-2 { margin-top: 10px; } .main6-2 h3{ font-size: 12px; } .main5-3 dd>a{ height: 50px; line-height: 48px; } .main5-dl dd+dd { margin-top: 15px; } .main3-2-pic{ margin-right: 15px; } .main3-1-dl dd img{ width: 28px; } .main3-1-dl dd{ height: 85px; padding-top: 15px; font-size: 15px; } .main3-1-list dd{ float: none; width: 100%; margin-left: 0; margin-top: 15px; padding: 15px; } .main3-1-list dd+dd{ } .main3-1-list dl{ margin-left: 0; } .tui1-con p{ line-height: 1.8; height: auto; max-height: 5.4em; margin-top: 8px; } .tui1-pic{ float: none; width: 100%; margin-right: 0; } .tui1-con{ padding-top: 15px; } .main3-1-con-wp{ margin-top: 20px; } .main3-1-dl dd{ float: left; margin-top: 0!important; width: 23%; margin-left: 2%; } .main3-1-dl dl{ margin-left: -2%; } .main3-1-dl{ float: none; width: 100%; margin-right: 0; } .main5-dl dd+dd { margin-top: 20px; } .main5-date{ margin-right: 15px; } .main5-2{ margin:25px 0; } .main5-2-con{ padding-top: 12px; } .main5-2-con h2{ margin-top: 15px; } .main5-2-con h1{ font-size: 15px; line-height: 1.8; height: auto; max-height: 5.4em; } .main5-2-pic{ float: none; width: 100%; margin-right: 0; } .main3-2-dl dd { padding: 20px 0; } .main3-2-dl dd:first-child { padding-top: 0px; } .main4-dl dd{ padding: 6px 17px; font-size: 14px; } .main4-dl { padding: 20px 0 15px; } .main4-dl dd+dd{ margin-left: 20px; } .main2-list .owl-nav{ position: relative; width: 75px; height: 30px; margin:20px auto 0; } .main2-list .owl-nav button.owl-prev{ width: 30px; height: 30px; left: 0; top: 0; margin-top: 0; } .main2-list .owl-nav button.owl-next{ width: 30px; height: 30px; right: 0; top: 0; margin-top: 0; } .main2-list { margin-top: 25px; } .main2-item { height: 130px; } .main2-a-con { font-size: 18px; } .main2-item::after{ width: 30px; height: 40px; -webkit-background-size: 100%; background-size: 100%; right: 10px; top: -10px; } .main2-list .item{ padding-top: 10px; padding-bottom: 0; } .title-33{ font-size: 20px; padding-bottom: 20px; } .main1-2{ margin-top: 25px; } .main1-1-list dd { padding: 15px 0; } .main1-1-list dd:first-child { padding-top: 15px; } .fmain1 .flex-control-paging li a{ width: 10px; height: 10px; } .fmain1 .flex-control-nav{ padding-right: 15px; bottom: 30px; } .title-11 a.fr{ color: #fff; padding-left: 0; background-image: none; margin-top: 15px; margin-right: 0px; } .title-22 h1{ font-size: 20px; height: 50px; line-height: 50px; } .title-22 .fr{ height: 50px; line-height: 50px; margin-right: 0; } .title-22{ padding: 0 15px; position: relative; } .title-11{ background-image: none!important; background-color: #2367b2; height: auto; padding: 0 15px; } .title-11 h1{ font-size: 20px; height: 50px; line-height: 50px; } .title-11 i,.title-22 i{display: none;} .main1,.main2,.main3,.main4,.main5,.main6,.main7,.main8{ padding:30px 0; } .mm40{ margin-top: 20px; } .foo2-con{ /*line-height: 1.8;*/ margin-top: 10px; } .danpian-h1{ font-size: 22px; } .danpian{ padding-top: 20px; } .dan-a a{ font-size: 14px; } .erji-content-div { padding-top: 0; } .erji{ padding: 20px 0 25px; } .fenye{ margin-top: 20px; padding-top: 20px; } .list{ padding-top: 15px; } .list li{ padding-right: 70px; margin-top: 12px; } .list li span{ font-size: 12px; } .logo-2{ width: 300px; margin-top:15px; } /* .fafa .flex-control-nav li{ margin:0 5px; } .fafa .flex-control-nav{ bottom:15px; }*/ .foo-p{ font-size: 12px; } .er{ width: 85px; } .main6-li{ width: 350px; } .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%; } } @media only screen and (max-width: 500px){ .main1, .main2, .main3, .main4, .main5,.main6,.main7,.main8 { padding: 25px 0; } .erji-title{ padding-bottom: 15px; } .erji-title .fl{ font-size: 18px; } .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: 18px; } } @media only screen and (max-width: 350px){ .logo-2{ width: 240px; margin-top: 19px; } }