@media screen and (min-width:1200px) { .sj{ display:none !important;} } @media screen and (max-width:1199px) { *{border:0; margin:0; padding:0; outline:0; box-sizing:border-box;} html.on body{overflow:hidden; height:100vh; position:relative;} .dhan2{position: fixed;right:2.5%;top: 15px;font-size: 28px;line-height: 30px;width: 30px;text-align: center;color: #333;z-index: 2;} .dhan2.on:before{content: "\e71f";font-size: 24px;} .sjdh2{position: fixed;left: 0;top:60px;width: 100%; background:#eee;height: 100vh;overflow-y:auto !important;padding-bottom: 60px;display: none;z-index: 9;} .sjdh2 ul li{position:relative;} .sjdh2 ul li p a{display: block;padding: 0 15px; color: #333;font-size: 18px;line-height: 60px;border-bottom: 1px solid #ddd;} .sjdh2 ul li .dh_xl2 ul li a{display: block;padding: 0 30px; color: #333;font-size: 16px;line-height: 50px;border-bottom: 1px solid #ddd;} .sjdh2 ul li .dh_xl2 ul li .dh_xl2 ul li a{color: #333;padding: 0 45px;font-size: 14px;line-height: 40px;} .yxl_tb{position: absolute;right: 0px;top: 0;font-size: 16px;line-height: 60px;color: #333;text-align:center;padding: 0 15px;z-index: 1;} .yxl_tb2{position: absolute;right: 0px;top: 0;font-size: 24px;line-height: 50px;color: #333;text-align:center;padding: 0 30px;z-index: 1;} .ej_tb{float: left;font-size: 12px;padding-right: 5px;} .ej_tb:before{display: block;-webkit-transform:scale(0.8);transform:scale(0.8);} .sanji_tb{float: left;font-size: 12px;padding-right: 2px;color: #333;} .sanji_tb:before{display: block;-webkit-transform:rotate(-90deg) scale(0.7) translate(2px, 0);transform:rotate(-90deg) scale(0.7) translate(2px, 0);} .dh_xl2{display: none;} .yxl>.yxl_tb.on:before{display: block;-webkit-transform:rotate(90deg);transform:rotate(90deg);} .yxl2>.yxl_tb2.on:before{content: "\e604";} .pc{ display:none !important;} .sjdh2 ul .qhyy{ display:block;text-align:center;padding: 30px 0 0 20px;} .sjdh2 ul .qhyy a{ display:inline-block;font-size:14px;text-align:center; line-height:35px; color:#333; width:45%;margin-right: 4%;margin-bottom: 2%; border:1px solid #ddd; border-radius:5px;} .sjdh2 ul .qhyy a:nth-child(2n){margin-right: 0;} .sjdh2 ul .qhyy a.on{ background:#ddd;border:1px solid #ddd; color:#333;} .top-nav{position: fixed;left: 0;top: 0;right: 0;background: #fff;height: 60px;box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);z-index: 1;} .hz{width: 95%;} .logo{width:auto;margin:0;} .logo img{display: block;width: auto;height: 60px;padding: 15px 0;} .banner_sj{ width:100%; overflow:hidden; margin-top:60px; position:relative;} .banner_sj ul{ position:relative; width:10000%;} .banner_sj ul li{ float:left; width:1%; overflow:hidden;position: relative;} .banner_sj ul li a{display: block;} .banner_sj ul li img{display:block;width:1920px;position: relative;left: 50%;margin-left: -960px;} .bandd{ position:absolute; left:0; bottom:3%; width:100%; text-align:center;} .bandd span{z-index:2;cursor:pointer;margin-right:5px;display:inline-block;width:14px;height:14px;zoom:1;border-radius:100%;border:2px solid #fff;position:relative;transition:all .3s} .bandd span:after{content:"";position:absolute;width:6px;height:6px;background:#fff;top:2px;left:2px;border-radius:100%} .bandd span.on,.bandd span:hover{border:2px solid #ff6b0e;transform:scale(1.1)} .bandd span.on:after{background:#ff6b0e} .index_abour-hz{padding:30px 0;} .index_about{width: 100%;} .index_about-title{font-size: 18px;} .index_about-tu{margin-top: 10px;} .index_about-tu img{display: block;width: 100%;height: auto;} .index_new{margin-top: 10px;margin-bottom: 20px;} .index_about-content{margin-top: 10px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 8;overflow: hidden;} .hza{width: 95%;margin: 30px auto;} .index-product-title{background-position: -100px center;} .index-product-tu img{width: 150px;height: 147px;} .index-product-tu li{width: 180px;} .index_contact{width: 100%;} .foot{line-height: 24px;padding: 20px 0 55px;} .footer_fixed{ position:fixed; left:0; bottom:0; width:100%;} .footer_fixed ul li{ float:left; width:33.333%; box-sizing:border-box; padding:10px;} .footer_fixed ul li a{ display:block; text-align:center;height:30px;font-size: 0; line-height:30px; color:#FFF; border-radius:5px;} .footer_fixed ul li a:before{font-size: 20px;padding-right: 5px;display: inline-block;vertical-align: middle;} .footer_fixed ul li a span{display: inline-block;vertical-align: middle;font-size: 14px;} .footer_fixed ul li a.btn_1 {background: #1896e6;} .footer_fixed ul li a.btn_2 {background: #ffbb10;} .footer_fixed ul li a.btn_3 {background: #50c25f;} .footer_fixed ul li a.btn_3:before{font-size: 17px;} .footer_fixed ul li a.btn_2:before{font-size: 20px;} .footer_fixed ul li a.btn_1:before{font-size: 18px;} .img-banner{margin-top: 60px;background-size: cover;} .about_left{width: 100%;} .about_left-title{width: 100%;} .about_left-menu{width: 100%;} .about_left-menu ul li{width: 100%;} .about_left-menu ul li a{display: block;} .ny-titlt{ display:none !important;} .about_right{width: 100%;} .about_right-content{width: 100%;} .about_right-content img{display: block;max-width: 100%;} .ryzz-pic ul li{width: 49%;margin: 0 2% 2% 0;} .ryzz-pic ul li:nth-child(3n){margin-right:2%;} .ryzz-pic ul li:nth-child(2n){margin-right:0;} .ryzz-pic ul li p{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} #fancybox-wrap{box-sizing: content-box;} .about_right-content embed{display: block;width: 100%;} .news{width: 100%;} .news-tu{display: none;} .news-nr{width: 100%;} .news-title{width: 100%;} .news-content{width: 100%;} .news-ti{width: 100%;font-size: 18px;} .about-d{width: 100%;} .xy{width: 100%;} .rq{width: 100%;} .news-title a{display: block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .pro-hz{width: 100%;} .pro-title{width: 100%;} .pro-pic-tu img{height: auto;margin: auto;} .pro-pic-hz{width: 100%;} .pro-pic-title{width: 100%;} .pro-pic-title a{display: block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .probox1{width: 100%;margin-bottom: 30px;} .about_left,.about_left-title,.about_left-menu,.about_right,.ny-titlt,.about_right-content,.probox1,.flp,.cp-ln,.pro-hz,.pro-title,.product-show-bottom,.about_left-menu ul li{ width:100%;} .ny-titlt,.about_right-content{ width:95%; margin:auto;} .ny-titlt{ text-align:left; padding:0; background:none; font-size:18px; color:#0064fe;text-transform: uppercase; margin-top:15px;} .about_right-content h3{ font-weight:normal;} .about_right-content img{ max-width:100%;height: auto;} .news,.news-ti,.about-d,.xy{ width:100%;} .news-tu{ display:none;} .news-nr,.news-title,.news-content{ width:100%;} .news-title a{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;-webkit-text-overflow:ellipsis; display:block;} .rq{ float:none;} .pro-pic-hz{ width:100%; float:none;margin-right:0;} .pro-pic-tu img{ width:100%; height:auto;} .pro-pic-title{ width:100%;} .product-top .l,.product-top .l{ width:100%; float:none;} .product-top,.pro-right,.product-ny-title,.product-ny-js,.sbt-ms,.sbt-ms-top,.cpxq{ width:100%;} .bigImg{ width:100% !important;} .jqzoom img{ width:auto !important; height:auto !important;} #Cont_1{ width:85% !important;} /*.cpxq *{ max-width:100% !important;word-break:break-all;} .cpxq table *{ width:auto !important;word-break:break-all;} .cpxq table{ max-width:100% !important;width:auto !important;}*/ .cpxq .table_div{width: 100%;overflow: auto;} .map{ width:98%; padding:1%;} .sok3,.sok1{width:90%;border: 1px solid #D8D8D8;line-height: 35px;margin-bottom: 15px;padding-left: 15px;color: #CCCCCC;font-size: 14px;font-family: "微软雅黑";} .sok3{ height:150px;} .pro-show2-hz{width: 49%;margin: 0 2% 2% 0;} .pro-show2-hz:nth-child(3n){margin-right:2%;} .pro-show2-hz:nth-child(2n){margin-right:0;} .pro-show2-title{ width:100%;} .pro-show2-title a{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;-webkit-text-overflow:ellipsis; display:block;} .pro-show2-tu img{height: auto;} .jqZoomPup,.zoomdiv{ display:none !important;} .product-ny-js{height:auto;} .pro-right{margin-top: 30px;} }