@media screen and (max-width: 1230px) { .hd-auto, .nav-auto { width: 96%; } .logo { width: 40%; } .hd-top2-auto { width: 96%; } .logo a{ height: 100%; display: block; line-height: 120px; } .logo a img { width: 100%; margin-top: 0; } .nav-ul { width: 100%; } .nav-auto .nav-ul li a { font-size: 14px; } .nav-auto .nav-ul li { width: 11%; text-align: center; line-height: 40px; } .nav-auto .nav-ul li.active a { background: url(xian.png) no-repeat center 36px; } .flexslider{ height: 400px; } .slides li { height: 400px !important; } .flex-direction-nav li a.flex-prev, .flex-direction-nav li a.flex-next { width: 50px; height: 50px; } .slides li a p { padding: 12px 20px; font-size: 16px; } .m-a-left { width: 62%; margin-bottom: 24px; } .m-a-right { width: 35%; margin-bottom: 24px; } .main-auto, .ft-top-auto, .main2-auto { width: 98%; } .m-lb, .main3-auto { width: 100%; } .mal-ul li .a-img { width: 30%; height: 100px; } .mal-ul li .a-title { width: 67%; } .mal-ul li .a-title .sj, .mal-ul li .a-title .sj span { font-size: 16px; } .mal-ul li .a-title .title { font-size: 14px; color: #333333; line-height: 20px; margin: 5px 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .mal-ul li .a-title .summary { font-size: 12px; line-height: 22px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .mal-top img { width: 120px; margin-top: 40px; } .mal-top .title { font-size: 22px; } .mar-ul li .a-sj { width: 60px; } .mar-ul li .a-sj .dd { font-size: 20px; color: #ffffff; line-height: 24px; font-weight: bold; margin-top: 7px; } .mar-ul li .a-sj .mm { font-size: 12px; color: #ffffff; font-weight: bold; } .mar-ul li .a-title .title { width: auto; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin: 8px 20px; font-size: 15px; color: #333333; line-height: 20px; } .mar-ul li { height: 55px; } .mar-ul li .a-title { width: 80%; } .main-a-top a { font-size: 22px; } .main2-auto-ul li { width: 48%; height: 240px; } .main2-auto-ul .li2, .main2-auto-ul .li4, .main2-auto-ul .li6 { margin-left: 4%; } .f-t-left, .f-t-right { width: 35%; margin: 0; } .f-t-center { width: 30%; margin: 0; } .f-t-left a img { width: 90%; height: auto; display: inline-block; vertical-align: top; margin-top: 40px; } .f-t-center span { display: block; font-size: 14px; color: #dddddd; padding-left: 24px; line-height: 30px; } .img-wx { width: 70px; height: auto; position: absolute; top: -13px; left: -75px; z-index: 1000; overflow: hidden; max-width: initial !important; } .wx .img-wx1 { display: none; } .xglj { width: 200px; height: 40px; background: url(sanjiao.png) #ffffff no-repeat 170px center; margin-top: 40px; border-radius: 30px; } .swiper-container.s1 { display: none; visibility: hidden; } .swiper-container.s2 { display: block; visibility: initial; } .main2-auto-ul li .title p { font-size: 16px; width: 90%; color: #ffffff; padding-left: 18px; line-height: 22px; } .ss2.swiper-slide a .a-title .title { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .ss2.swiper-slide a .a-title .summary { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } /*lm1 */ .lm-main-auto { width: 98%; } .lm-m-a-left-top { height: 55px; line-height: 55px; } .lm-m-a-left .lm-m-a-left-po { width: 100%; height: auto; margin-top: 60px; } .lm-m-a-left { width: 21.666667%; } .lm-m-a-right { width: 75%; } .lm-content-ul li .sj { width: 10%; } .lm-content-ul li .a-title { width: 90%; } .lm-content-ul li .a-title .title, .lm-content-ul li .a-title .a-title-auto .summary { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .lm-m-a-left .lm-m-a-left-po .lm-m-a-left-ul li { width: 98%; } /* lm */ .lm-content .lm-lb1 li .title { width: 70%; padding-left: 25px; font-size: 16px; color: #333333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* wzy */ .wzy-main-auto { width: 96%; height: auto; margin: 0 auto; } .wz { width: 100%; height: auto; margin: 0 auto; } .w-content-top h3 { font-size: 28px; font-weight: bold; line-height: 38px; padding: 30px 0px 20px 0px; } .lm-content-xz2 li { width: auto; text-align: left; line-height: 55px; height: 55px; } } @media screen and (max-width: 1024px) { .mar-ul li .a-title .title { font-size: 12px; } .mar-ul li .a-title { width: 76%; } .f-t-center span { display: block; font-size: 12px; color: #dddddd; padding-left: 24px; line-height: 30px; } .xglj { width: 180px; height: 40px; background: url(sanjiao.png) #ffffff no-repeat 155px center; margin-top: 40px; border-radius: 30px; } .lm-content-xz2 li { width: auto; text-align: left; line-height: 55px; height: 55px; } } @media screen and (max-width: 768px) { .m-a-left, .m-a-right { width: 100%; margin-bottom: 0; } .mar-ul li .a-title { width: 90%; } .mar-ul li .a-sj { width: 10%; } .f-t-left, .f-t-right, .f-t-center { width: 50%; float: none; margin: 0 auto; height: auto; } .xglj { margin: 40px 0px; } .f-t-center span { display: block; font-size: 14px; color: #dddddd; padding-left: 24px; line-height: 30px; } .xglj { width: 55%; background: url(sanjiao.png) #ffffff no-repeat 88% center; } .flexslider{ height: 200px; } .slides li { height: 200px !important; } .slides li a p { padding-left: 5%; padding-right: 5%; width: 90%; font-size: 16px; left: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; bottom: 0px; } .flex-direction-nav li a.flex-prev { left: 0; } .flex-direction-nav li a.flex-next { right: 0; } .h-a-ul { display: none; } .hd { width: 100%; height: 50px; background: #000000; } .h-a-p { font-size: 14px; color: #ffffff; opacity: 1; line-height: 50px; } .main-a-top .img1 { width: 90px; margin-right: 15px; } .main-a-top .img2 { width: 90px; margin-left: 15px; } .mar-ul li .a-title .title { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .lm-m-a-left { display: none; } .lm-m-a-right { width: 100%; } .h-a-ul1 { display: block; } /* lm */ .lm-content .lm-lb1 li .title { width: 70%; padding-left: 25px; font-size: 16px; color: #333333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .x1 { width: 22px; height: 22px; margin: 10px 0.24rem; } .nav { display: none; } .nav1 { display: block; background: #252525; width: 100%; height: 100%; z-index: 9999999; top: 0; left: -100%; transition: all 0.7s; } .navdh { border-bottom: 1px solid #777777; } .navdh p { margin: 10px 0px 10px 4px; font-size: 20px; color: #ffffff; font-weight: bold; } .nav-auto-ul .li1 { width: 100%; line-height: 40px; border-top: 1px solid #333333; border-bottom: 1px solid #2d2d2d; } .nav-auto-ul .li1>a { padding-left: 2%; font-size: 18px; } .nav-auto-ul .u-li1>a { padding-left: 8%; font-size: 13px; } .nav-auto-ul .i-li1 { width: 100%; line-height: 0; overflow: hidden; } .nav-auto-ul .i-li1>a { padding-left: 5%; font-size: 15px; } .nav-auto-ul2 { overflow: hidden; height: 0; } .nav-auto-ul2.height { height: auto; } .nav-auto-ul2.height>li { line-height: 40px; border-top: 1px solid #333333; } .nav-auto-ul .u-li1 { width: 100%; line-height: 0; overflow: hidden; } .nav-auto-ul .u-li1>a { padding-left: 8%; font-size: 15px; } .nav-auto-ul3 { width: 100%; overflow: hidden; height: 0; } .nav-auto-ul3.height { height: auto; } .nav-auto-ul3.height>li { line-height: 40px; border-top: 1px solid #333333; } /* .nav-auto-ul3.height li { line-height: 40px; border-top: 1px solid #333333; } */ .nav-auto-ul .i-li1.i-li-s1 { border-top: 0; } .nav-auto-ul li a { font-size: 18px; color: #ffffff; display: block; width: 80%; height: 100%; } .left { left: 0 !important; } .nav-auto { margin-top: 0px; } .h-a-ul li a { font-size: 14px; color: #ffffff; opacity: 1; line-height: 40px; } .h-a-ul { text-align: center; } .h-a-ul li { width: 30%; width: 30%; height: 40px; padding: 0; border: 1px solid #777777; border-radius: 8px; display: inline-block; text-align: center; line-height: 40px; margin: 24px 0px; margin-left: 2%; } .search { width: 98%; height: auto; margin: 0 auto; } #wd { width: 87%; height: 40px; padding-left: 2%; border: 1px solid #ffffff; border-right: 0; background: transparent; border-radius: 8px 0px 0px 8px; color: #ffffff; } .ss { width: 10%; height: 42px; border: 1px solid #ffffff; border-left: 0; background: transparent; border-radius: 0px 8px 8px 0px; background: url(ss.png) no-repeat center center; } .home { display: block; width: 25px; margin: 15px 5px; } .nav-auto { width: 100%; } .has, .show { width: 10%; text-align: center; } .has1, .show1 { width: 10%; text-align: center; } .mal-ul li { width: 100%; height: auto; margin-bottom: 0; margin-top: 24px; } .main-auto { padding-top: 0; } .mal-top { width: 100%; height: 55px; line-height: 55px; } .mal-top img { width: 120px; margin-top: 25px; } .main-a-top { width: 100%; height: 70px; text-align: center; } .main-a-top a { margin-top: 24px; } .main-a-top img { margin-top: 35px; } .swiper-slide a { width: auto; margin: 0 0.24rem; } .lm-content-xz2 li { width: 48%; padding-left: 2%; text-align: left; line-height: 55px; height: 55px; } .nav2,.s-s { display: none; } .logo { width: 100%; margin-top: 0; } .hd-top2-auto { width: 80%; height: 100%; margin: 0 auto; } #wd { width: 87%; height: 40px; padding-left: 2%; border: 1px solid #ffffff; border-right: 0; background: transparent; border-radius: 8px 0px 0px 8px; color: #ffffff; margin-top: 0; } } @media screen and (max-width: 650px) { .lm-content-xz2 li { width: auto; text-align: left; line-height: 55px; height: 55px; } } @media screen and (max-width: 540px) { .main2-auto-ul li { width: 100%; height: 240px; } .main2-auto-ul .li2, .main2-auto-ul .li4, .main2-auto-ul .li6 { margin-left: 0%; } .f-t-left, .f-t-right, .f-t-center { width: 90%; float: none; margin: 0 auto; height: auto; } .ft-bottom p { padding: 10px 20px; line-height: 26px; font-size: 14px; color: #cccccc; } .f-t-left a img { width: 100%; margin-top: 24px; } .mar-ul li .a-title { width: 82%; } .mar-ul li .a-sj { width: 18%; } /* lm */ .lm-content-ul li .sj { width: 16%; } .lm-content-ul li .a-title { width: 84%; } .f-t-left a { display: block; text-align: center; width: 100%; height: auto; } .lm-content { width: 96%; height: auto; margin: 0 auto; padding-bottom: 24px; } .lm-content>h3 { text-align: center; font-weight: bold; font-size: 18px; color: #333333; line-height: 30px; padding: 25px 0px; } /* wzy */ .w-content-top h3 { font-size: 24px; font-weight: bold; line-height: 30px; padding: 30px 0px 20px 0px; } .fxd { height: auto; width: 100%; float: none; } .gb-fh-dy { display: none; } .lm-m-a-right-nav-ul li { font-size: 12px; } .lm-content-xz2 li { width: auto; text-align: left; line-height: 55px; height: 55px; } .xglj-p-lj ul li { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .slides li { height: 200px !important; } } @media screen and (max-width: 360px) { /* lm */ .lm-content .lm-lb1 li .title { width: 60%; padding-left: 25px; font-size: 16px; color: #333333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .lm-content-xz2 li { width: auto; text-align: left; line-height: 55px; height: 55px; } }