@charset "utf-8"; body{/* background: top center repeat; */background: #fafbfd;} p,a,span,dd,dl,li{font-family: "microsoft yahei",微软雅黑;} img{ /* max-width: 100%!important; */ image-rendering:-moz-crisp-edges; image-rendering:-o-crisp-edges; image-rendering:-webkit-optimize-contrast; image-rendering: crisp-edges; -ms-interpolation-mode:nearest-neighbor; } /* bootstrap 轮播图淡入淡出 */ /* .carousel-fade .carousel-inner .carousel-item { -webkit-transform: translatex(0); transform: translatex(0); transition-property: opacity; } .carousel-fade .carousel-inner .carousel-item, .carousel-fade .carousel-inner .active.carousel-item-left, .carousel-fade .carousel-inner .active.carousel-item-right { opacity: 0; } .carousel-fade .carousel-inner .active, .carousel-fade .carousel-inner .carousel-item-next.carousel-item-left, .carousel-fade .carousel-inner .carousel-item-prev.carousel-item-right { opacity: 1; } */ /* bootstrap 4 轮播图 垂直滚动*/ /* .carousel-vertical .carousel-inner .carousel-item-next.carousel-item-left, .carousel-vertical .carousel-inner .carousel-item-prev.carousel-item-right { -webkit-transform: translatey(0); transform: translatey(0); } .carousel-vertical .carousel-inner .active.carousel-item-left, .carousel-vertical .carousel-inner .carousel-item-prev { -webkit-transform: translatey(-100%); transform: translatey(-100%); } .carousel-vertical .carousel-inner .active.carousel-item-right, .carousel-vertical .carousel-inner .carousel-item-next { -webkit-transform: translatey(100%); transform: translatey(100%); } */ /*缩放效果*/ /* .carousel-scale .carousel-item img{ -webkit-transform: scale(1.12); transform: scale(1.12); } .carousel-scale .carousel-item.active img { -webkit-animation: scaleupdown 6s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); animation: scaleupdown 6s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); } @-webkit-keyframes scaleupdown { from { -webkit-transform: scale(1.12); transform: scale(1.12); } to { -webkit-transform: scale(1); transform: scale(1); } } @keyframes scaleupdown { from { -webkit-transform: scale(1.12); transform: scale(1.12); } to { -webkit-transform: scale(1); transform: scale(1); } } */ /* logo */ .lg-l{float: left;width: 35%;text-align: center;padding: 2% 0;} .lg-l span{font-size: 30px;color: #010101;font-family:"microsoft yahei",微软雅黑;display: block;letter-spacing: 2px;font-weight: 600;} .lg-l p{font-size: 14px;color: #050505;font-family:"microsoft yahei",微软雅黑;text-transform: uppercase;} .lg-r{float: right;width: 28%;text-align: left;padding: 3% 0;background: url(/uploads/image/thskin/tel.png) no-repeat left center;} .lg-r-r{float: right;} .lg-r img{vertical-align: middle;float: left;padding-top: 2%;} .lg-r span{font-size: 20px;color: #000000;display: block;text-align: left;margin-left: 35%;line-height: 1.5;} /* 设置导航单独样式 */ .dh{/* background: #0e502c; */width: 100%;} .bj{width: 100%;/* background: rgba(0,169,172,1); *//* background: no-repeat center center;background-size: 100% 100%; */ z-index: 999;background: #0e502c;} .nav_li{text-align: center;/* border-radius: 5px; *//* padding: 6.7% 0; */width: 14.28%;font-size: 20px;} .dropdown-menu{} /* .nav-link{padding: 51% 0;} */ .lf{color: #fdfcfc!important;} .nav_li:hover{background: #296daa;} .nav_li .nav-link:hover{color: #f9fbfa!important;} .active{background: #296daa;} .active a{color:#f9fbfa;} .active .lf{color:#f9fbfa!important;} .dropdown-item{color:#000000!important;} .dropdown-item{font-family:"microsoft yahei",微软雅黑;font-size: 16px;} .dropdown-item:hover{background: rgba(41,109,170)!important;color: #f9fbfa!important;} .show .lf{color: #f9fbfa!important;} .nav_ul{width: 100%;} .carousel-control-next-icon, .carousel-control-prev-icon{width: 40px!important;height: 40px!important;background-color: #818182;} /* 头部左右结构显示,上下结构隐藏 */ .navbar-brand{display: none;} .logo{display: block;} .st{/* margin-right: 15%; */color: #fdfcfc!important;padding: 0;} /* .logo_t{position: relative;width: 100%;} */ .lg2{display: none;} .lg1{display: block;margin-left: 16%;} .navbar-light .navbar-toggler{color: rgba(255,255,255,.5);border-color: rgba(255,255,255,.9);} .navbar-light .navbar-toggler-icon{background-image:' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='m4 7h22m4 15h22m4 23h22'/>")} .logo_t img{position: absolute;z-index: 1;right:0;top:0.75rem;} #mnav{/* margin-top: 5%; */} .navbar-brand img{ width: 75.82%;} .carousel-indicators li{background-color:#818182;} /* .cpzs_nr{width: 74.08%;float: right;} */ /* 产品展示头部 */ .cpzs_top{/* width: 47.66%;margin: 0 auto; */padding-top: 4rem;padding-bottom:2rem;} .cpzs_top img{max-width: 100%;} .ppys{padding-top: 1rem;padding-bottom:4rem;} /* 产品展示分类(横向) */ .cpzs_fl{margin-bottom: 4%;display: -webkit-box;white-space: nowrap;overflow: hidden;-webkit-backface-visibility: hidden;-webkit-perspective: 1000;-webkit-overflow-scrolling: touch;text-align: justify;overflow-x: initial;/* background: #4bb344; */} .cpzs_fl ul{margin: 0 auto;padding: 0;text-align: center;width: 100%;} .fl{width:auto; text-align: center;list-style-type: none;/* float: left; */box-sizing: border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border: 2px solid #ababac; display:inline-block;/* border-radius: 20px; */margin-right: 2%;/* background: #0e502c; */padding: 0 .5rem;margin-bottom: 2%;} .fl:hover{background: #175734;} .fl a:hover{color: #ffffff!important;text-decoration: none;} .fl_a{color: #010101!important;font-size: 24px;width: 100%;display: block;} /* .fl_a img{margin-right: 0.5rem;} */ /* 产品展示分类(垂直) */ /* .cpzs_fl_h{width:22%;float:left;} .cpzs_fl_h span{margin:0 auto;width: 94.2%;line-height: 3;background: #0e502c;color: #fff;font-size: 24px;display: block;padding-left: 5%;margin-bottom: 10px;} .cpzs_fl_h span img{vertical-align: middle;} .cpzs_fl_h span a{float: right;margin-right: 5%;} .cpzs_fl_1{margin:0 auto;width:94.2%;border: 2px solid #b6b6b6;} .cpzs_fl_1 li{margin:0 auto;width: 94.2%;} .cpzs_fl_1 li:last-child a{border-bottom: 0px;} */ /* @media (min-width:992px) { .cpzs_fl_1 li:last-child{margin-bottom: 231%;} .cpzs_fl_1 li:first-child:nth-last-child(2) ~ li:last-child{margin-bottom: 209%;} .cpzs_fl_1 li:first-child:nth-last-child(3) ~ li:last-child{margin-bottom: 187%;} .cpzs_fl_1 li:first-child:nth-last-child(4) ~ li:last-child{margin-bottom: 165%;} .cpzs_fl_1 li:first-child:nth-last-child(5) ~ li:last-child{margin-bottom: 143%;} .cpzs_fl_1 li:first-child:nth-last-child(6) ~ li:last-child{margin-bottom: 121%;} .cpzs_fl_1 li:first-child:nth-last-child(7) ~ li:last-child{margin-bottom: 99%;} .cpzs_fl_1 li:first-child:nth-last-child(8) ~ li:last-child{margin-bottom: 77%;} .cpzs_fl_1 li:first-child:nth-last-child(9) ~ li:last-child{margin-bottom: 55%;} } */ .cp-big a,.cp-min a{display: block;overflow: hidden;} .cp-min a:first-child{margin-bottom: 6%;} .cp-min a:last-child{margin-bottom: 0;} .cp-min a img,.cp-big a img{cursor: pointer;transition: all 0.6s;} .cp-min a:hover .img-text,.cp-big a:hover .img-text{opacity: 1;} .cp-min a:hover img,.cp-big a:hover img{transform: scale(1.5);} .img-text{top:0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);transition: all 0.6s ease;text-align: center;opacity: 0;} .cp-big .img-text{padding-top: 55%;} .cp-min .img-text{padding-top: 27.5%;} .cp-list{width: 100%;margin-left: 0!important;margin-right: 0!important;} .cp-list .col-md-4{padding-left: 0;padding-right: 0;} .img-text p{text-align: center;width: 100%;color: #fdfcfc;font-size: 18px;} /* 公司简介 */ .gsjj_bj{width:100%;background: url(/uploads/image/thskin/gsjj-bj.jpg) no-repeat top center; background-size: 100% 100%;position: sticky;padding-bottom: 5%;} .gsjj_top{padding-top: 3rem;padding-bottom:2rem;} .top-ys{color: #0e502c;font-size: 48px;font-family: "microsoft yahei",微软雅黑;display: block;width: 100%;text-align: center;font-weight: 500;background: url(/uploads/image/thskin/top.png) no-repeat center;} .top-dd{color: #696b6a;font-size: 18px;font-family: "microsoft yahei",微软雅黑;display: block;width: 100%;text-align: center;text-transform: uppercase;line-height: 2;} .top-dd1{color: #0edd75;font-size: 36px;line-height: 1;} .top-ys1{color: #ffdf05;font-size: 47px;background: none;} .link-top{width: 5%;height: 1px;border-top: solid #ffffff 2px;margin-top: 1rem;margin: 0 auto;} .gsjj_top img{max-width: 100%;} .gsjj_bt{margin:0 auto;padding: 3% 0;padding-top: 5%;} /* .gsjj_w{background: #ffffff;padding: 3%;box-shadow: 10px 10px 5px #888888;} */ .gsjj_wb{/* background: #fafafa; *//* padding: 7rem 0; *//* border: 4px solid #4bb344; *//* padding-top: 8%; */} .gsjj_r{} .gsjj_nr{margin-top: 1%;/* background: no-repeat top center; background-size: 100% 100%; *//* padding-top: 2%; *//* background: #58b330;right: 0;-webkit-clip-path: polygon(0 0,50% 0,100% 0,100% 100%,10% 100%);bottom: 0;top: 0; */} .jj_img{padding: 2rem 0;} .gsjj_nr span {width: 100%;font-size: 24px;color: #010101;display: block;text-align: left;line-height: 5;} .gsjj_nr span dd{display: inline-block;border-bottom: 2px solid #1cb9c8;} .gsjj_nr p {width: 100%;font-size: 16px;color: #fafdfb;letter-spacing: 0;text-align: left;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;text-indent: 2em;line-height: 1.5;font-family: "microsoft yahei",微软雅黑;/* letter-spacing: 1px; */} .gsjj_nr dd{width: 100%;color: #858585;font-size: 12px;font-weight: 600;} .gsjj_nr hr{width: 100%;border-top: 0.5px solid #0e502c;margin: 2% 0;} .gsjj_tp{width: 100%;text-align: center;} .gsjj_tp .col-md-6{padding: 0;} .gsjj_tp img{max-width: 100%;} .gsjj_wz{width: 84.75%;text-align: center;margin: 0 auto;margin-top: 3px;} .gsjj_wz div{text-align: center;margin: 0 auto;} .gsjj_wz div span{font-size: 18px;color: #312a2a;font-weight: 600;line-height: 2;} .gsjj_wz div dd{font-size: 12px;color: #685a5a;text-transform: uppercase;line-height: 2;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .gsjj_a{color:#333333;text-align:center;font-size:14px;margin-top: .5rem;border-radius: 40px;letter-spacing: 2px;width: 25%;display: block;margin-top: 3%;background: #ffffff;padding: .3rem; position: relative; border: 2px solid transparent; background: #ffffff; background-clip: padding-box;} .gsjj_a::after{ position: absolute; top: -3px; bottom: -3px; left: -3px; right: -3px; background: linear-gradient(to right,#ffdf06, #f4a1a0); content: ''; z-index: -1; border-radius: 16px; } /* .gsjj_a:hover{font-size: 20px;color: #ffffff!important;border:1px solid #0e502c;background: #0e502c;} */ /* 地图设置 */ #ditu{width:100%; height: 500px;} .ditu{margin-bottom: 0;} /* 新闻动态 */ .xwdt_bj{width: 100%;/* background: no-repeat top center; */background: #1cb9c8; background-size: 100% 100%;padding: 4% 0;} .xwdt_top{/* width: 51.66%; */margin: 0 auto;padding-top: 2rem;padding-bottom:3rem;text-align: center;} .xwdt_top img{max-width: 100%;} .xw-fl{text-align: center;margin-bottom: 5%;box-sizing: border-box;} .xw-fl a{background: #0e502c;font-size: 24px;color: #fdfbfb;padding: 1% 3%;margin-right: 6%;margin-bottom: 3%;} .xw-fl a:last-child{margin-right: 0;} .xw-fl a:hover{background: #fdfbfb;color: #0e502c;border: 1px solid #0e502c;box-sizing: border-box;} .xwdt-w .row{margin-right: 0;} .xwdt{padding-right: 0;font-family: "microsoft yahei",微软雅黑;padding-bottom: 3%;} .xwdt-img{padding-right: 0;} .xwdt-l{/* box-sizing: border-box; *//* border: 2px solid #9a9a9a; */} .gsxw-top{width: 100%;padding: 4% 0;} .gsxw-top p{width: 100%;text-align: left;font-size: 24px;color: #030303;padding-left: 3%;line-height: 2;} .gsxw-top span{text-transform: uppercase;font-size: 16px;color: #696969;display: inline-block;margin-left: 2%;line-height: 3;} .gsxw-top a{font-size: 16px;color: #696969;text-transform: uppercase;float: right;display: inline-block;vertical-align: middle;line-height: 3;} .gsxw-img{width: 100%;margin-bottom: 5%;background: #fefbfb;} .gsxw-img-l{width: 100%;} .gsxw-img-l img{width: 100%;} .gsxw-nr-r{width: 100%;background: #fdfdfd;padding-bottom: 1%;} .xwdt_r .xw-l{width: 15%!important;} .xwdt_r .xw-r{width: 85%!important;padding-left:3%!important} .xwdt_r a{} .xwdt_r .xw-r p{} .xwdt_r .gsxw-nr-r{padding: 1%;} .xwdt-l{text-align: center;} .xwdt img{margin-bottom: 2%;max-width: 100%;} .xw-l{width:20%;text-align: center;float: left;bottom: -13%;font-family: "microsoft yahei",微软雅黑;background: #0e502c;padding-top: 2%;padding-bottom: 2%;} .xw-l span{width: 100%;font-size: 41px;color: #fefdfb;line-height: 1;display: block;} .xw-l p{width: 100%;font-size: 17px;color: #fefdfb;line-height: 2;} .xw-r{width: 80%;float: right;box-sizing: border-box;padding-left: 5%;} .xw-r a{width: 100%;font-size: 16px;color: #010101;line-height: 1;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight: 500;display: block;text-align: left;} .xw-r p{width: 100%;font-size: 16px;color: #010101;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;line-height: 1.5;text-align: left;} .gsxw-nr{width: 100%!important;padding-top: 10%;} .gsxw-li{width: 100%;line-height: 2;} .gsxw-li p{width: 66%;float: left;display: inline-block;color: #020202;font-size: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .gsxw-li p img{display: inline-block;vertical-align: middle;margin-right: 2%;} .gsxw-li span{float: right;display: inline-block;color: #020202;font-size: 16px;} .list-xw{width: 100%;border-bottom: 2px solid #8e8e8e;padding-bottom: 5px;margin-left: 15px;margin-top: 2%;} .list-l{box-sizing: border-box;border-right: 1px solid #8e8e8e;} .list-l span{width: 100%;display: block;color: #020202;font-size: 36px;text-align: center;} .list-l p{width: 100%;display: block;color: #020202;font-size: 18px;text-align: center;} .list-r p{width: 100%;color: #020202;font-size: 14px;line-height: 1.5;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;} .list-r a{width: 100%;display: block;line-height: 1.5;color: #020202;font-size: 18px;font-family: "microsoft yahei",微软雅黑;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .hzhb-img img{border: 3px solid #00a9ac;} .hzhb-img{margin-bottom: 1rem;} .r-xw{width: 100%;margin-top: 1rem;margin-bottom: 1rem;} .r-xw a{width: 100%;text-align: left;display: block;font-size: 16px;color: #000000;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 3;} .r-xw span{font-size: 14px;color: #000;text-align: left;width: 100%;display: block;border-bottom: 2px solid #dcdcdc;line-height: 3;} .r-xw p{width: 100%;text-align: left;font-size: 13px;color: #111111;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;float: left;line-height: 2;} .r-xw:hover{background: #58b330;} .r-xw:hover a,.r-xw:hover p,.r-xw:hover span{color: #ffff;} .r-xw:hover span{border-bottom: 2px solid #ffffff;} .xw{margin-bottom: 0!important;background: #fff;padding-bottom: 1rem;width: 100%;padding: 8%;} .xw a{font-size: 16px;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: left;color: #0e502c;text-decoration: none;line-height: 3;} .xw img{width: 100%;margin-top: 6%;} .xw span{width:100%;text-align: center;display:inline-block;color: #999999;font-size:14px;text-align: left;} .xw dd{width:100%;text-align: center;display:inline-block;color: #555555;font-size:12px;padding-right: 10%;} .xw p{font-size: 13px;text-align: left;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;color: #616161;line-height: 2;} /* .xw-r{width: 100%;padding: 2.8%;list-style:none;} .xw-r:before {content: "";float: left;width: 7px;height: 7px;margin: 10px 0;background-color: #000;border-radius: 50%;margin-right: 2px;} .xw-r a{font-size: 16px;display: inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: left;color: #000;text-decoration: none;float: left;width:60%;} .xw-r span{float: right;} */ .xwdt_a{margin:0 auto;display:block;font-size:16px;color:#000;text-align:center;padding:0.6% 0;border:1px solid #017cc1;border-radius:10px;margin-top:2%;} /* 客户案例 */ .dz{background: #00a0e9;} .te{background: #fff;} .tit_lx{margin-top: 1rem;margin-bottom: 4rem;} .tit_lx span{font-size: 1.5rem;} .dz_ys p,.dz_ys span{color: #fff;} .tit_lx p{font-size: 0.9375rem;line-height: 1;} .lx_nr{padding-bottom: 2rem;} .lx_nr p{font-size: 1.25rem;color: #fff;line-height: 1.5;} .lx_nr span{font-size: 2.5rem;color: #000;} /* 友情链接 */ .yqlj{padding: 1% 0;background: #0b4a27;} .yq_l{width: 12.75%;} .yq_l img{width: 100%;} .link{margin:0 auto;color:#fcfafa;font-size:24px;text-align:left!important;font-weight: 500;font-family: "microsoft yahei",微软雅黑;} .link img{display:inline-block; vertical-align:middle;width: 8%;} .link a{display:inline-block;color:#fcfafa;font-weight:500;font-size:15px;vertical-align:middle;text-decoration:none;line-height: 2;margin-left: 1rem;} /* 底部 */ .foot{width:100%;/* background: no-repeat top center; */overflow: hidden;background: #0e502c;padding-top: 2%;padding-bottom: 2%;} .foot hr{border: 1px solid #ffffff;margin-bottom: 1.5rem;margin-top: 1rem;} .ft-lo{font-size: 24px;color: #fdfafa;text-align: center;} .ft-l{box-sizing: border-box;padding-top: 1%;} .ft-l p{width: 100%;margin: 0;} .ft-l p span{font-size: 18px;color: #fdfafa;line-height: 2;display: inline-block;font-family: "microsoft yahei",微软雅黑;margin-right: 3%;} .ft-l p:last-child{margin-top: 5%;} .ft-l p span a{color: #fdfafa;} .ft-r {text-align: center;} .ft-lo img{max-width: 100%;} .ft-r p{width: 100%;text-align: center;color: #fdfdfe;font-size: 20px;line-height: 2;} .jszc{width: 100%;text-align: center;line-height: 4;margin-top: 1%;background: #0e502c;color: #fdfcfc;font-size: 18px;} .jszc a{color: #fdfcfc;} .jszc span:first-child{margin-right: 5%;} .ys p{color: #fff;margin:0 auto;width: 80%;} /* .fsj{width: 10%;} */ .tel{padding-top: 4rem;} /* 新闻列表页 */ /* 详情left */ .left_fl{margin-bottom: 10%;} .left_fl_1{width:100%;} .left_fl_1 span{width: 100%;background: #0e502c;line-height: 5rem;text-align: center;color: #fff;} .left_fl_1 li{width: 100%;transition:box-shadow 0.5s;} .left_fl_1 li:hover{box-shadow:0 0 3px 5px rgba(0, 0, 0, 0.2);} .list_a { color: #000!important;} .left_fl_1 dd{width: 100%;border: 1px solid #0e502c;margin-bottom: 0!important;line-height: 2rem;text-indent: 1rem;} .list_zt{padding-top: 2%;} .list_li {width: auto;border: 1px solid #0e502c;text-align: left;} .list_li a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} /* 详情right */ .xq{width: 100%;} .xq_mb{width: 100%;} .xq_mb dd{font-size:1rem;margin-bottom: 0!important;} .xq_nr{width: 100%;padding-top: 2%;} .btn-primary:hover{background:#0e502c!important;} .card_xz{transition:box-shadow 0.5s;} .card_xz:hover{box-shadow:-4px 0 8px rgba(0, 0, 0, 0.2);} .fy{padding-top: 1rem;} .tj{margin-bottom: 2%;} .tj a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color: #000000;text-decoration:none;} .tj a:hover{color: #0e502c;} .tj_lh{line-height: 2rem;} .xw_a,.xw_a:hover{color: #000000!important;text-decoration: none;} /* 新闻展示页 */ .xq_item{padding: 2% 1%;} .xq_nr img{display: block;margin: 0 auto;max-width: 100%;margin-bottom: 2%;} .text_nr img{max-width: 100%;} .text_nr{color: #000;} .fy_1{margin: 1.5rem 0;} .fy_1 a{color: #000000;text-decoration:none;} .fy_1 a:hover{color: #0e502c;font-weight: 600;} /* 产品列表页 */ .cp_li dt{overflow: hidden;} .cp_li a dd { text-align: center; line-height: 35px; color: #fff; font-size: 14px; position: relative; z-index: 666; margin-top: 3px; background-color: #0e502c; } .cp_li a{text-decoration: none;} .cp_li a img{transition: all 1s;} .cp_li a:hover img{transform: scale(1.4);} .cp_li a dd p{ position:relative; z-index:5; transition: color 1s;} .cp_li a dd span{ width:0% ; display:block; height:35px; position:absolute; background-color:#e0d8cf; z-index:1; transition: width 1s;} .cp_li a:hover span{ width:100%;} .cp_li a:hover p{color:#333;} /* 内页自适应调整 */ .left_fl:nth-child(2),.left_fl:nth-child(3){display: block;} .left_fl_1 span{display: block;} .tj .cp_li:nth-child(3){display: block;} /**手机底部菜单**/ .tpp{display:none;} .b_menu{display:none;} /* 站位图片 */ .zhanwei{background: no-repeat center center;background-size: 100% 100%;margin-top: -1px;/* background:#0e502c; */} .zhanwei img{width: 69.21%;margin: 0 auto;display: block;border: 6px solid #fff;} .i_w{width: 49.5%;} .z_zw{background-size: 100% 100%;padding-top: 4%;} .zw-nr hr{border: 1px solid #4bb344;margin-bottom: 2rem;} .zwnr1{background: url(/uploads/image/thskin/zw.jpg) no-repeat top center;background-size: 100% 100%;margin-top: 5%;padding-bottom: 2%;} .zwnr .col-6{padding: 0!important;} .zwnr{text-align: center;} .zwnr span{display: block;line-height: 1;font-family: "microsoft yahei",微软雅黑;font-size: 20px;color: #fdfdfd;} .zwnr p{text-align: left;width: 55%;margin: 0 auto;font-family: "microsoft yahei",微软雅黑;font-size: 18px;color: #000000;} .zwnr div{margin-bottom: 2%;} /* 联系方式占位 */ .lxfs-zw{background: url(/uploads/image/thskin/zw.jpg) no-repeat center center;background-size: 100% 100%;margin-top: 3.5rem;} .lxfs-zw span{text-align: center;font-size: 30px;color: #0e502c;width: 100%;display: block;line-height: 2.3;} .lxfs-zw span dd{display: inline-block;width: 8%;} .lxfs-zw p{text-align: center;font-size: 30px;color: #171818;} .lc{width: 20%;} .lc img{max-width: 100%;margin-bottom: 15%;} /*分页*/ .page li{float:left;list-style-type: none;border:1px solid #3333;margin-right:0.25rem;padding:1% 2%;margin-bottom:1%;} .page{padding-bottom: 2%;} .page li:hover{background:#0e502c;color:#fff;} .page li:hover a{color:#fff;text-decoration:none;} .thisclass{background:#0e502c;color:#fff;} /*客户案例*/ .case { /* background: #f2f2f2; */ background-size:100% 100%; padding-top: 2.86458%; padding-bottom:2.86458%; } .swiper-case { /* margin-top: 1.5625%; */ width: 100%; } .swiper-case .swiper-slide { /* border: 2px solid #8a8a8a; */ box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .case-con { padding: 1.667% 9.3333% 5.333% 9.3333%; } .case-tit { font-size: 18px; color: #000000; text-align:center; line-height: 2; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-transition: all .4s ease-out; -o-transition: all .4s ease-out; transition: all .4s ease-out; } .case a:hover .case-tit{color: #010101!important;} .case-txt { font-size: 12px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #828282; line-height: 1; margin-top: 10px; } .case-line { width: 35px; height: 1px; background: #cfcece; margin-top: 8px; margin-bottom: 15px; } .case-time { font-size: 12px; color: #828282; line-height: 1; } .swiper-case .swiper-slide:hover .case-tit { color: #1754a3 } .case-img { position: relative; overflow: hidden; /* padding: 5%; */ } .case-img img { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .case-img::before { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.45); opacity: 0; -webkit-transform: perspective(400px) rotatex(-90deg); -moz-transform: perspective(400px) rotatex(-90deg); -ms-transform: perspective(400px) rotatex(-90deg); -o-transform: perspective(400px) rotatex(-90deg); transform: perspective(400px) rotatex(-90deg); -webkit-transform-origin: top; -moz-transform-origin: top; -ms-transform-origin: top; -o-transform-origin: top; transform-origin: top; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .swiper-case .swiper-slide:hover .case-img::before { opacity: 1; -webkit-transform: perspective(400px) rotatex(0deg); -moz-transform: perspective(400px) rotatex(0deg); -ms-transform: perspective(400px) rotatex(0deg); -o-transform: perspective(400px) rotatex(0deg); transform: perspective(400px) rotatex(0deg); } .case-img::after { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; background: url(/uploads/image/thimg/case_icon.png) no-repeat center; -webkit-transition: all 0.2s 0.3s; -moz-transition: all 0.2s 0.3s; -o-transition: all 0.2s 0.3s; transition: all 0.2s 0.3s; opacity: 0; } .swiper-case .swiper-slide:hover .case-img::after { opacity: 1; } .swiper-case:hover { } .swiper-case .swiper-pagination { position: relative; font-size: 0; bottom: 0; width: auto; display: inline-block; vertical-align: middle; } .swiper-case .swiper-pagination-bullet { margin: 0 5px; } /*视频展示*/ .spzs { /* background: #f2f2f2; */ background-size:100% 100%; /* padding-top: 2.86458%; */ padding-bottom:2.86458%; } .swiper-spzs { /* margin-top: 1.5625%; */ width: 100%; } .swiper-spzs .swiper-slide { /* border: 2px solid #8a8a8a; */ box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .spzs-con { position: absolute; background: #0e502c; bottom: 0; width: 100%; /* padding: 1.667% 9.3333% 5.333% 9.3333%; */ } .spzs-tit { font-size: 18px; color: #fdfdfd; text-align:center; line-height: 2; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-transition: all .4s ease-out; -o-transition: all .4s ease-out; transition: all .4s ease-out; } .spzs a:hover .spzs-tit{color: #fdfdfd!important;} .spzs-txt { font-size: 12px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #828282; line-height: 1; margin-top: 10px; } .spzs-line { width: 35px; height: 1px; background: #cfcece; margin-top: 8px; margin-bottom: 15px; } .spzs-time { font-size: 12px; color: #828282; line-height: 1; } .swiper-spzs .swiper-slide:hover .spzs-tit { color: #1754a3 } .spzs-img { position: relative; overflow: hidden; /* padding: 5%; */ } .spzs-img img { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .spzs-img::before { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.45); opacity: 0; -webkit-transform: perspective(400px) rotatex(-90deg); -moz-transform: perspective(400px) rotatex(-90deg); -ms-transform: perspective(400px) rotatex(-90deg); -o-transform: perspective(400px) rotatex(-90deg); transform: perspective(400px) rotatex(-90deg); -webkit-transform-origin: top; -moz-transform-origin: top; -ms-transform-origin: top; -o-transform-origin: top; transform-origin: top; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .swiper-spzs .swiper-slide:hover .spzs-img::before { opacity: 1; -webkit-transform: perspective(400px) rotatex(0deg); -moz-transform: perspective(400px) rotatex(0deg); -ms-transform: perspective(400px) rotatex(0deg); -o-transform: perspective(400px) rotatex(0deg); transform: perspective(400px) rotatex(0deg); } .spzs-img::after { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; background: url(/uploads/image/thimg/case_icon.png) no-repeat center; -webkit-transition: all 0.2s 0.3s; -moz-transition: all 0.2s 0.3s; -o-transition: all 0.2s 0.3s; transition: all 0.2s 0.3s; opacity: 0; } .swiper-spzs .swiper-slide:hover .spzs-img::after { opacity: 1; } .swiper-spzs:hover { } .swiper-spzs .swiper-pagination { position: relative; font-size: 0; bottom: 0; width: auto; display: inline-block; vertical-align: middle; } .swiper-spzs .swiper-pagination-bullet { margin: 0 5px; } /*产品展示*/ .cpzs{ /* background: #1cb9c8; */ /* padding-bottom: 1.5625%; */ background-size:100% 100%; } .swiper-cpzs { /* margin-top: 1.5625%; */ } .swiper-cpzs .swiper-slide { /*border: 1px solid #d9d9d9;*/ box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; margin-top: 0!important; /* margin-bottom: 1%; background: #f1f1f1; */ } .cpzs-con { /* background: #228d4d; */ /* margin-top: 1px; */ } .cpzs-tit { font-size: 18px; color: #010101; text-align:center; line-height: 3; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-transition: all .4s ease-out; -o-transition: all .4s ease-out; transition: all .4s ease-out; } /* .swiper-slide:hover .cpzs-con{background: #4bb344;} */ .swiper-slide:hover a .cpzs-tit{color: #000!important;} .cpzs-txt { font-size: 12px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #828282; line-height: 1; margin-top: 10px; } .cpzs-line { width: 35px; height: 1px; background: #cfcece; margin-top: 8px; margin-bottom: 15px; } .cpzs-time { font-size: 12px; color: #828282; line-height: 1; } .swiper-cpzs .swiper-slide:hover .cpzs-tit { color: #1754a3 } .swiper-cpzs .swiper-slide .cpzs-img{ padding: 2%; /* padding-bottom: 0; */ } .cpzs-img { position: relative; overflow: hidden; /* border: 4px solid #4bb344; */ /* border-radius: 10px; */ } .cpzs-img img { /* -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; */ border: 2px solid #2a6445; transition:all 0.4s ease-in-out; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; } .cpzs-img img:hover{ transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2); -ms-transform:scale(1.2); } /* .cpzs-img::before { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(23,84,163,0.7); opacity: 0; -webkit-transform: perspective(400px) rotatex(-90deg); -moz-transform: perspective(400px) rotatex(-90deg); -ms-transform: perspective(400px) rotatex(-90deg); -o-transform: perspective(400px) rotatex(-90deg); transform: perspective(400px) rotatex(-90deg); -webkit-transform-origin: top; -moz-transform-origin: top; -ms-transform-origin: top; -o-transform-origin: top; transform-origin: top; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .swiper-cpzs .swiper-slide:hover .cpzs-img::before { opacity: 1; -webkit-transform: perspective(400px) rotatex(0deg); -moz-transform: perspective(400px) rotatex(0deg); -ms-transform: perspective(400px) rotatex(0deg); -o-transform: perspective(400px) rotatex(0deg); transform: perspective(400px) rotatex(0deg); } .cpzs-img::after { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; background: url(/uploads/image/thimg/case_icon.png) no-repeat center; -webkit-transition: all 0.2s 0.3s; -moz-transition: all 0.2s 0.3s; -o-transition: all 0.2s 0.3s; transition: all 0.2s 0.3s; opacity: 0; } .swiper-cpzs .swiper-slide:hover .cpzs-img::after { opacity: 1; } */ .swiper-cpzs:hover { } .swiper-cpzs .swiper-pagination { position: relative; font-size: 0; bottom: 0; width: auto; display: inline-block; vertical-align: middle; } .swiper-cpzs .swiper-pagination-bullet { margin: 0 5px; } .swiper-button-prev, .swiper-button-next { position: relative; display: inline-block; width: 26px; height: 26px; font-size: 0; vertical-align: middle; margin: 0 10px; -webkit-transition: all .4s ease-out; -o-transition: all .4s ease-out; transition: all .4s ease-out; } .swiper-button-prev { background: url(/uploads/image/thimg/prev-icon1.png) no-repeat; } .swiper-button-next { background: url(/uploads/image/thimg/next_icon1.png) no-repeat; } .swiper-button-prev:hover { background: url(/uploads/image/thimg/prev-icon2.png) no-repeat; } .swiper-button-next:hover { background: url(/uploads/image/thimg/next_icon2.png) no-repeat; } .swiper-bottom { text-align: center; width: 100%; margin-top: 2.4767%; } .more { width: 150px; height: 50px; line-height: 50px; margin: 0 auto; display: block; color: #fff; text-transform: uppercase; border: 1px solid #fff; border-radius: 30px; font-size: 15px; text-align: center; /* margin-top: 1.8175%; */ vertical-align: middle; position: relative; /*background: no-repeat center right 12px;*/ margin-bottom: 2rem; background: #228d4d; letter-spacing: 2px; } .more:after { color: #fff; } .more { overflow: hidden; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-transition: border-color 0.3s, background-color 0.3s; transition: border-color 0.3s, background-color 0.3s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } .more::after { font-size: 12px; content: attr(data-text); position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; color: #fff; padding-right: 12px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; background: no-repeat center right 12px; -webkit-transform: translate3d(0, 25%, 0); transform: translate3d(0, 25%, 0); } .more > span { display: block; } .more.button--inverted { color: #7986cb; } .more.button--inverted:after { color: #fff; } .more::after, .more > span { -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } .more::after{ color: #000; } .more:hover { border-color: #fff; background-color: #fff; } .more:hover::after { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .more:hover > span { opacity: 0; -webkit-transform: translate3d(0, -25%, 0); transform: translate3d(0, -25%, 0); } @media (max-width: 768px) { /* .position-relative .position-absolute{position: static!important;} */ .cp-list .col-md-4{padding-left: 15px!important;padding-right: 15px!important;} .img-text{padding-top: 0!important;line-height: 3;opacity: 1;background: rgba(0,0,0,0);} .img-text p{color: #010101;} .ys img{margin-bottom: 1rem;} .gsjj_a{margin: 0 auto;margin-bottom: .5rem;} .gsjj_tp {text-align: center;} .gsjj_tp img{float: none;} .cp-list{margin-bottom: 1rem;} .foot-mid p{margin-top: 0;text-align: center;} .case, .news, .cpzs { /* padding-top: 30px; padding-bottom: 30px; */ } .swiper-case { margin-top: 20px; } .swiper-cpzs { margin-top: 20px; } .swiper-bottom { margin-top: 15px; } .more { margin-top: 15px; } } @media (max-width: 1900px) { /* .gsjj_nr p{width: 60%;} .gsjj_nr{padding-bottom: 3.5%;} .gsjj_a{margin-right: 25%;} */ } @media (max-width: 1199px) { /* .gsjj_nr p:nth-child(3){display: none;} */ /* .st{margin-right: 8%;} */ /* .nav_li{padding: 5% 0;} */ /* .gsjj_nr p:last-child{-webkit-line-clamp: 3;} */ .zwnr p{font-size: 25px;} .lg-l{width: 45%;} .gsjj_nr span{line-height: 3;} } .mb-5{margin-bottom: 1rem!important;} @media (max-width: 991px) { .xwdt .xw-l{width: 15%!important;} .xwdt .xw-r{width: 85%!important;padding-left:3%!important} .zwnr p{width: 80%;} .gsjj_tp img{max-width: 80%;} .cpzs .container{width: 100%!important;} /* .gsxw-img-l{display: none;} */ .gsjj_wb .position-absolute{position: static!important;} .gsjj_nr{width: 100%;margin: 0 auto;} .zwnr p{font-size: 20px;} .foot-top div { margin-top: 1.5rem; } .z_zw .container{width: 100%;} .pt-5{padding-top: 0rem!important;} .ewm{padding-top: 1rem;} .foot{ /* background: #8e8e8e; */ } .f-fl,.f-fm{ width: 49%; } .f-fr{width: 41%;} .tpp{ height: 55%; display: block; text-indent: -999em; margin-bottom: 3%; } .b_menu { display:block; background: #0e502c; padding: 0.3rem 0 0 0; width: 100%; } .b_menu ul { /* margin-left: -50px; margin-right: 2px; */ margin-bottom: 0; padding: 0!important; } .b_menu ul li { text-align: center; list-style: none; padding: 0px; } .b_menu ul li span img{ vertical-align: middle; height: 22px; margin-bottom: 0.1rem; } .b_menu ul li span { display: block; color: #fff; font-size: 0.75rem; margin-bottom: 0.2rem; } .cpzs_nr{width: 100%;} } @media (min-width:992px) { .navbar-expand-lg .navbar-nav .nav-link {padding-left: 1rem;padding-right: 1rem;} .navbar{padding: 0 1rem;} .nav_li {padding: .5rem 0;} } @media (max-width:991px) { .ft-l{border: 0px;text-align: center;} .xwdt-img{display: none;} .xwdt-w{margin: 0 auto;} .xwdt{margin: 0 auto;} .navbar-brand,.lg2{display: block;color: #fff;} .logo,.lg1{display: none;} /* .lg2{width: 80%!important;} */ .gajj_tp img{margin-right: 3%;} /* .bj{background:#fff!important;} */ #mnav{background:#0e502c;} /* .dh{background: #fff;} */ .nav_li{width:100%!important;text-align: left;} .lf{padding: 1%!important;} .cpzs_fl_1 li{width: auto!important;} .cpzs_fr{width: 100%;} .cpzs{max-width: 100%!important;} /* 内页自适应调整 */ .left_fl:first-child,.left_fl:nth-child(2),.left_fl:nth-child(3){display: none;} .tj .cp_li:nth-child(3){display: none;} .gsjj_r{top:8%;} .gsjj_nr p:last-child{display: none;} .cpzs_fl{display: -webkit-box;white-space: nowrap;overflow: hidden;-webkit-backface-visibility: hidden;-webkit-perspective: 1000;-webkit-overflow-scrolling: touch;text-align: justify;overflow-x: initial;} .cpzs_fl ul{width: 825px;} .fl{/* width: 190px; */} .logo_t{display: none;} .xwdt_l:nth-child(1),.xwdt_l:nth-child(2){width: 49%;} .hydt{width: 47.5%;margin-right: 5%;} .hydt:nth-child(2n){margin-right: 0!important;} .hydt:nth-child(3n){margin-right: 5%;} .nxw_l{display: none;} .nxw_r{margin-left: 0!important;width: 100%;} .nxw_r_l{width: 70%;} .xw_more{margin-top: 0.5rem;} .xw_bt a{font-size: 0.75rem;} .xw p { -webkit-line-clamp: 2; } .navbar { padding: .5rem .5rem; } .cpzs_fl_h{width: 100%;margin-bottom: 2%;} .cpzs_fl_h img{display: none;} .cpzs_fl_1{background: #fff;} .gsjj_top{width: 30.69%;} .cpzs_top{width: 30.69%;} .cpzs_top{width: 30.69%;} .xwdt_top{width: 30.69%;} } @media (max-width: 767px) { .top-ys{font-size: 28px;} .zwimg{display: none;} .r-xw:last-child { display: block; } .gsjj_nr p:nth-child(3) { display: block; } .tel{padding-top: 0.5rem;} .item:nth-child(5),.item:nth-child(6){display: block;} .carousel-control-prev,.carousel-control-next{display: none;} .sjlf{max-width: 140%!important;/* margin-left: -19%; */} /* #slider .w-100{width: auto!important;} */ .bj{position: static!important;} .cpzs_fl ul{width: 825px;} .item{width: 100%;margin-right: 0;margin-top:1rem;padding-top:2rem;margin-bottom: 0rem;} #ditu{height: 300px;} .cpjs_top,.cpzs_top,.xwdt_top,.gsjj_top{padding-top: 2rem; padding-bottom: 1rem;} .xy .float-left{width: 100%;margin: 0;} .xy .float-right{width:79.36%;margin: 0 auto;} .gsys img{margin-bottom: 1rem;} .gsjj_nr span{font-size: 24px;} .xw_bt span{font-size: 18px;} .gsjj_r{display: none;} .f-fl, .f-fm{width: 100%;} .f-nr{margin-top:2rem;} .zhanwei img{width: 100%;} .gajj_tp{display: none;} .gsjj_nr{width: 100%;} .gsjjp{width: 94%;} } @media(max-width:700px){ .carousel-direction{display: none;} .cpyc,.cp_bt{display: none;} #scrollable-product li{width:48%;margin: 0 1%;margin-bottom: 1rem;} .list_zt{padding-left: 0!important;padding-right:0!important ;} .cp_li{padding-left: 5px!important;padding-right:5px!important;} } @media (max-width: 576px) { .xwdt .xw-l{width: 23%!important;} .xwdt .xw-r{width: 77%!important;} .zwnr p{width: 100%;text-align: center;} .gsxw-img-l .xw-l{width: 23%;} .ys-img img{width: 85%;} .gsxw-nr-r p{-webkit-line-clamp:3} .gsxw-top p{padding-left: 0;} .gsjj_nr p{width: 100%;} .gsjj_a{width: 50%;} .sj-zwnr{display: block;} .zwnr span{font-size: 14px;} .zwnr p{font-size: 16px;} .foot-top{border-right: 0;} .cdh span{width: 30%;} .cp_li a dd{line-height: 25px;} .frx{width: 100%;} .fdz{width: 100%;} .flx{width: 100%;} .fsj{width: 100%;} .sp{margin-top: 0;font-size: 0.75rem!important;} .lxr{padding-top: 0;} .gsxw-nr-r p,.gsxw-li span,.gsxw-li p,.case-tit,.zwnr p,.cpzs-tit,.f-fr span,.ft p span,.xw a,.al_l dl dd,.cpzs_m,.lf,.fl_a,.scrollable ul li dd a,.gsjj_nr p,.gsjj_a,.al_l dl dd a,.khal_m,.item a,.ft span,.r-xw span,.cdh span,.lxfs span,.jszc span,.ft-lxw p,.ft-ewm span{font-size: 0.75rem;} .foot p span,.item p,.item dd,.link a,.r-xw p,.ewm span{font-size: 0.65rem;} .link{font-size: 1rem;} .item span,.r-xw a,{font-size: 1rem;} .ft{padding: 0.25rem;} .foot p span{line-height: 2;width: 100%;display: block;} .hydt {width: 100%;margin-right: 0!important;} .yq_l{width: 30%;} #yq_r{width: 70%;} .gsjj_nr{width: 100%;} .xw p {-webkit-line-clamp: 2;} .tpp{margin-bottom: 8%;} .xwdt_l:nth-child(1), .xwdt_l:nth-child(2){width: 100%;} .xw img{max-width: 292px;} .f-fr{width: 58%;} .gsjj_top{width: 40.92%;} .cpzs_top{width: 40.92%;} .cpzs_top{width: 40.92%;} .xwdt_top{width: 40.92%;} .ft-ewm img{max-width: 100%;} .ft-ewm{text-align: center;} .lxfs-zw span{font-size:20px;} .lxfs-zw p{font-size: 18px;} .lc{width: 20%;} .lc img{max-width: 60%;} } @media (max-width:400px) { .container-lg{padding-right: 0!important;} .navbar-toggler{padding: 0.25rem;} .navbar-brand{padding: 0!important;} .flogo p span{width: 100%;} .xwdt_l{margin-bottom: 3%;display: block;} .gajj_tp img{margin-right: 0;width: 100%;} .cpjs_l,.cpjs_r{width: 100%;} .scrollable ul li dd{line-height: 1.5625rem;} .i_w{width: 100%;} .xw p {-webkit-line-clamp: 2;} .xw_t{width: 30%;} .xw_n{width: 65%;} .nav{padding-right: 0;} } @media (max-width:360px) { .navbar{padding: .5rem .5rem;} .item_1 .col-2{flex: 0 0 26.666667%;max-width: 26.666667%;} .item_1 .col-10{flex: 0 0 73.333333%;max-width: 73.333333%;} .gsjj_nr span{font-size: 20px;} .gsjj_top{width: 61.38%;} .cpzs_top{width: 61.38%;} .cpzs_top{width: 61.38%;} .xwdt_top{width: 61.38%;} } @media (max-width:340px) { .navbar{padding: .3rem;} .st{font-size: 1.1rem;padding:0;} } @media (max-width:300px) { .navbar{padding: .2rem;} .st{font-size: 1rem;padding:0;} }