@media only screen and (max-width: 1530px) { .ul-imgtxt05{ padding: 0; } } @media only screen and (max-width: 1499px) { } @media only screen and (max-width: 1365px) { .wp{ width: 97%; } } @media only screen and (max-width: 1199px) { .wp{ width: 95%; } .kf{ display: none; } .hd-bottom .logo{ height: 80px; line-height: 80px; } .yunu-nav li > a{ padding: 0 20px; height: 80px; line-height: 80px; } .yunu-nav li > a:after{ height: 30px; margin-top: -15px; } .yunu-nav li dl{ margin: 0 -25px; } .row-a2{ padding: 40px 0; } .g-tit01 .tit{ font-size: 32px; } .m-list01{ padding: 60px 0 30px; } .ul-imgtxt02 li{ margin-bottom: 31px; } .m-list02{ padding: 40px 0; } .row-a5{ padding: 40px 0; } .g-txt01 .tit .hd{ font-size: 18px; } .g-txt01 .tit span{ font-size: 16px; } .m-so .inp{ width: 400px; } .ul-imgtxt05{ top: -10px; } .ul-imgtxt05 li{ padding: 50px 30px; } .ul-imgtxt05 li .txt{ padding-left: 15px; } .row-a7{ padding: 40px 0; } .m-list06{ padding: 15px; } .m-news02 .box .txt p{ margin-right: 20px; } .h50{ display: block; } .yunu-link{ display: block; } .m-news1 .box h1 { font-size: 22px; } .m-pic1{ width: 300px; } .view .swiper-slide .imgauto{ height: 300px; line-height: 300px; } .m-txt1 .txt{ margin-right: 0; } .preview .swiper-slide { width: 120px; } .ul-imgtxt-01 li{ width: 33.33%; } } @media only screen and (max-width: 959px) { body{ padding-top: 50px; } .hd-top{ display: none; } .yunu-header{ position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 9999; background-color: #fff; box-shadow: 0 5px 10px rgba(0,0,0,.05); } .hd-bottom .logo{ height: 50px; line-height: 50px; } .hd-bottom .logo img{ max-width: 80%; max-height: 35px; } .menuBtn{ display: block; } .yunu-nav{ position: fixed; top: 50px; left: 0; right: 0; width: 100%; height: 100%; float: none; background-color: #005ad2; display: none; } .yunu-nav > li{ float: none; } .yunu-nav > li > a{ height: 44px; line-height: 44px; color: #fff; border-bottom: 1px solid #fff; text-align: left; transition: .0s; -ms-transition: .0s; -moz-transition: .0s; -webkit-transition: .0s; -o-transition: .0s; margin-right: 0; } .yunu-nav li > a:after{ display: none; } .yunu-nav > li > a.v1{ background-repeat: no-repeat; background-position: 95% center; background-image: url(/web/20211209011700im_/http://www.atzhineng.com/zb_users/theme/atzhineng/skin/images/sj-nav5.png); -o-background-size: auto 8px; -ms-background-size: auto 8px; -moz-background-size: auto 8px; -webkit-background-size: auto 8px; background-size: auto 8px; } .yunu-nav > li > a.v1.on{ background-image: url(/web/20211209011700im_/http://www.atzhineng.com/zb_users/theme/atzhineng/skin/images/sj-nav6.png); } .yunu-nav > li.ok > a, .yunu-nav > li:hover > a{ color: #fff; } .yunu-nav li dl{ position: static; margin: 0; padding-top: 0; } .yunu-nav li:hover dl{ display: none; } .yunu-nav li dl:after{ display: none; } .yunu-nav li dl dd a{ text-align: left; padding: 0 30px; height: 36px; line-height: 36px; font-size: 14px; color: #fff; background-color: #005ad2; } .yunu-nav dl dd:first-child a{ border-radius: 0; } .yunu-nav dl dd:last-child a{ border-radius: 0; } .yunu-nav li dl dd a:hover{ color: #fff; background-color: transparent; border-bottom: 1px solid #ccc; } .swiper-pagination{ display: none; } .m-txt01 .txt .tit{ font-size: 18px; } .m-txt01 .txt p{ font-size: 12px; } .m-txt01 .tel{ padding-left: 40px; font-size: 28px; -o-background-size: auto 34px; -ms-background-size: auto 34px; -moz-background-size: auto 34px; -webkit-background-size: auto 34px; background-size: auto 34px; } .ul-txt01 li .txt a.tit{ font-size: 16px; } .ul-txt01 li .txt a.desc{ font-size: 12px; } .row-a2{ padding: 25px 0; } .ul-imgtxt01{ margin: 0 -9px; } .ul-imgtxt01 li{ margin-bottom: 18px; } .ul-imgtxt01 li a{ margin: 0 9px; } .row-a3 .g-tit01{ padding: 30px 0; } .g-tit01 .tit{ font-size: 28px; } .g-tit01 p{ font-size: 18px; } .ul-imgtxt02{ width: 59%; } .ul-imgtxt02 li .txt{ padding-left: 20px; } .m-list02{ padding: 25px 0; } .ul-imgtxt03{ padding-bottom: 25px; } .ul-imgtxt03 li{ width: 50%; } .g-txt01{ padding: 0 25px; } .g-txt01 .con{ padding: 28px 0; } .g-txt01 .tit{ padding: 18px 0; } .row-a5{ padding: 25px 0; } .m-list04{ padding: 37px 0; } .m-so .inp{ width: 300px; } .ul-imgtxt05{ border-bottom: 0; top: 0; } .ul-imgtxt05 li{ width: 50%; border-bottom: 1px solid #e3e3e3; } .row-a7{ padding: 25px 0; } .m-list06{ margin-bottom: 15px; } .g-tit03 .tit{ font-size: 18px; } .m-news01 .txt .tit{ font-size: 16px; } .m-news02{ padding: 18px 0 0 0; } .ul-txt02{ margin-top: 15px; } .ul-txt02{ height: 180px; } .ul-txt02 li{ padding: 10px 0; } .m-news02 .box .txt{ padding-left: 12px; } .m-news02 .box .time span{ font-size: 18px; } .m-news02 .box .txt .tit{ font-size: 16px; } .m-list05{ padding: 40px 15px; } .fd-nav{ padding-top: 0; } .fd-qr li{ margin-right: 15px; } .fd-txt{ padding-left: 15px; } .ul-imgtxt02 li .txt .tit{ font-size: 18px; } .ul-imgtxt03 li .txt .tit{ font-size: 18px; } .m-link1 .item:first-child{ margin-bottom: 10px; } .ban{ height: 300px; } .row-b1 .col-l { float: none; width: auto; } .row-b1 .col-r { margin-left: 0; } .g-titIns1 { font-size: 18px; } .snv{ margin-bottom:15px; } .ul-news1{ margin-bottom: 15px; } .ul-newslist { display: none; } .m-info { display: none; } .dbn { display: none; } .m-news1 .box h1 { font-size: 18px; } .m-txt3{ display: none; } .g-tabel{ display: none; } .m-message{ margin: 20px auto 0; } } @media only screen and (max-width: 767px) { .swiper-container .swiper-wrapper .swiper-slide .con{ padding-top: 50%; } .m-txt01{ background-color: #005ad2; background-image: none !important; } .m-txt01 .txt{ float: none; text-align: center; } .m-txt01 .tel{ display: none; } .ul-txt01{ background-color: #005ad2; border-left: 0; text-align: center; font-size: 0; overflow-x: auto; white-space: nowrap; margin: 20px auto 0; } .ul-txt01::-webkit-scrollbar { height: 4px; } .ul-txt01::-webkit-scrollbar-track { border-radius: 3px; background-color: #fff; } .ul-txt01::-webkit-scrollbar-thumb { border-radius: 3px; background-color: #aeaeae; } .ul-txt01 li{ display: inline-block; float: none; width: 160px; } .ul-txt01 li .txt{ border-right: 0; padding: 0; } .ul-txt01 li .txt a.tit{ height: 48px; line-height: 48px; color: #fff; font-size: 14px; } .ul-txt01 li .txt a.desc{ display: none; } .ul-txt01 li.on .txt1, .ul-txt01 li:hover .txt1{ display: none; } .ul-imgtxt01 li{ width: 50%; } .ul-imgtxt01 li:hover .pic{ -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ul-imgtxt01 li:hover .tit{ -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ul-imgtxt01 li:hover .more{ -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .g-tit01 .tit{ font-size: 24px; } .g-tit01 .tit span{ display: block; margin: 5px 0; } .m-list02 .g-tit01 span{ display: inline-block; } .g-tit01 p{ font-size: 16px; } .ul-imgtxt02{ width: auto; float: none; } .ul-imgtxt02 li{ position: relative; padding-left: 80px; } .ul-imgtxt02 li .pic{ position: absolute; top: 50%; left: 0; margin-top: -40px; width: 80px; height: 80px; } .m-list01{ padding: 30px 0 15px; } .m-list02 .btn{ display: none; } .ul-imgtxt03{ padding-bottom: 0; margin: 0; } .ul-imgtxt03 li{ width: auto; float: none; background: url(/web/20211209011700im_/http://www.atzhineng.com/zb_users/theme/atzhineng/skin/images/icon18.png) 50% 100% no-repeat; } .ul-imgtxt03 li .con{ margin: 0; background-color: #67080d; padding: 15px 0; } .ul-imgtxt03 li .txt p{ margin-bottom: 0; } .ul-imgtxt04{ padding: 25px 0; } .ul-imgtxt04 li{ width: 50%; margin-bottom: 10px; } .ul-imgtxt04 li .pic{ float: none; margin: 0 auto; } .ul-imgtxt04 li .tit{ text-align: center; padding-left: 0; height: 50px; line-height: 50px; } .row-a5 .col-l, .row-a5 .col-r{ float: none; width: auto; } .g-txt01{ padding: 0 15px; } .g-txt01 .con{ padding: 15px 0; } .m-list04 .g-tit01{ float: none; text-align: center; } .m-so{ float: none; } .m-so .inp{ width: 85%; } .m-so .sub{ width: 15%; } .ul-imgtxt05 li{ float: none; width: auto; border: 0; padding: 15px; } .ul-imgtxt05 li .pic{ width: 25%; text-align: center; } .ul-imgtxt05 li .pic img{ display: inline-block; width: auto; height: auto; max-width: 100%; max-height: 100%; } .ul-imgtxt05 li .txt{ padding-left: 0; } .row-a7 .col-l, .row-a7 .col-r{ float: none; width: auto; } .m-list05{ padding: 15px; margin-bottom: 20px; } .m-news01 .txt p{ margin-top: 15px; } .m-news02 .box .time{ float: none; width: auto; margin-bottom: 10px; } .m-news02 .box .time em{ display: none; } .m-news02 .box .txt{ padding-left: 0; } .m-news02 .box .txt p{ -ms-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin-right: 20px; } .ul-txt02{ height: 218px; } .row-a2{ padding: 10px 0 0 0; } .row-a3 .g-tit01{ padding: 20px 0; } .m-list02{ padding: 15px 0; } .m-list02 .g-tit01{ padding: 10px 0; } .g-txt01 .tit{ padding: 10px 0; } .row-a7 { padding: 15px 0; } .m-news01{ padding-top: 18px; } .m-news02 .box .time span{ display: inline-block; } .m-news02 .box .time .span1{ display: none; } .m-news02 .box .time .span2{ display: block; } .fd-nav{ display: none; } .fd-info{ display: none; } .copy{ background-color: #333; line-height: normal; padding: 15px 0; text-align: center; } .copy p{ float: none; } .copy a{ display: none; } .ban{ display: none; } .g-cur{ height: 30px; line-height: 30px; } .row-b1 { padding: 20px 0 36px } .row-b1 .col-l { display: none; } .ul-imgtxt-01 li{ width: 50%; } .ul-imgtxt-01 li:last-child{ } .ul-imgtxt2 li:last-child{ display: block; } .ul-imgtxt-01 li a p{ height: 30px; line-height: 30px; font-size: 14px; } .m-news1 .box h1 { font-size: 16px; } .ul-news1 li{ float: none; width: auto; } .ul-news1 li .tit{ margin: 0 !important; } .ul-newslist li .txt p{ font-size: 12px; line-height: normal; } .m-message label span { float: none; margin-right: 15px; } .m-message label.code input { float: none; } .m-message label.mes span{ position: relative; top: -55px; z-index: 3; } .m-message label.code input{ width: 30%!important; margin-right: 10px; } .m-pic1{ float: none; width: auto; margin: 10px 0; overflow: hidden; } .m-pic1-for .item{ height: auto; } .m-txt1 { padding-left: 0; margin-top: 20px; } .ul-pages1{ margin-bottom: 10px; } .btn-1{ padding-left: 90px; } .preview .swiper-slide { width: 25%; } .ul-pages1 li { float: none !important; margin-bottom: 10px; } .m-list2 .box .txt .tit{ font-size: 18px;margin-bottom: 15px;} } @media only screen and (max-width: 600px) { .m-box01 .wp{ width: auto; } } @media only screen and (max-width: 479px) { .m-txt01{ padding: 15px 0; } .ul-imgtxt01{ margin: 0 -5px; } .ul-imgtxt01 li{ margin-bottom: 10px; } .ul-imgtxt01 li a{ margin: 0 5px; padding-bottom: 10px; } .ul-imgtxt01 li .tit{ padding-top: 10px; font-size: 14px; } .g-tit01 .tit{ font-size: 20px; } .g-tit01 p{ font-size: 14px; } .m-tit01{ font-size: 18px; } .row-b1 { padding: 10px 0 16px } .m-chanpin { margin-bottom: 15px; } .ul-imgtxt-01{ margin: 0 -5px; } .ul-imgtxt-01 li { margin-top: 10px; } .ul-imgtxt-01 li a{ margin: 0 5px; } .m-list3{ padding: 10px 0; } .m-content .txt{ line-height: 24px; } .m-news1 .txt{ line-height: 24px; } .ul-newslist li{ padding: 15px 0; } .ul-newslist li .tit{ margin-bottom: 15px; } .ul-newslist li .tit .time{ font-size: 12px; } .ul-newslist li .tit a{ font-size: 14px; } #message .m-content .m-message { width: 90%; padding: 20px; overflow-y: auto; } .m-message{ margin: 10px auto 0; } .m-message label input.inp, .m-message label textarea, .m-message label.code input { width: 66%; } .m-message label{ margin-bottom: 10px; } .m-txt1 .txt { padding-bottom: 10px; } .m-txt1 .txt p { margin-bottom: 0; } .ul-txt3 li { margin: 0; } .m-list2 { margin-top: 15px; padding-top: 13px; } .m-list2 .con .pic { height: auto; line-height: normal; } .m-list2 .con .txt .tit{ margin-bottom: 15px; font-size: 18px; } .m-news1 .box .desc span{ margin: 0; } .preview .swiper-slide { width: 33.33%; } }