@charset "utf-8"; body { /* background: top center repeat; */ background: #ffffff;overflow:scroll;overflow-x:hidden; } 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; } a:hover { color: #1567b9 !important; } /* 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); } } */ /* ----- pb分页数字条效果 结束 ----- */ .pagebar .pagination { display: unset; justify-content: center; margin-top: 10px; } .pagination a { background: #fff; border: 1px solid #ccc; color: #333; font-size: 12px; padding: 8px 14px; margin: 0 5px; border-radius: 3px; } .pagination span { display: inline-block; color: #333; font-size: 14px; padding: 8px 2px; margin: 0 5px; border-radius: 3px; margin-bottom: 2%; } .pagination a:hover { color: #1567b9; border: 1px solid #1567b9; } .pagination a.page-num-current { color: #fff !important; background: #1567b9; border: 1px solid #1567b9; } .page-select select { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; padding: 0 15px; height: 36px; line-height: 36px; margin: 0 -1px 5px 0; background-color: #fff; color: #333; font-size: 14px; border: 1px solid #ccc; width: auto; } .page-select { display: inline-block; vertical-align: top; box-sizing: border-box; border: 1px solid #ccc; border-radius: 5px; padding: 0 !important; } .page-select:hover { border: 1px solid #1567b9; } .page-select select { border: none; margin: 0; } /* ----- pb分页数字条效果 结束 ----- */ /* form表单样式 */ .fm-mc { width: 40%; display: inline-block; margin-right: 2%; text-align: right; font-size: 16px; line-height: 2.5; } .fm-mc span { color: #ca0800; vertical-align: middle; margin-right: 2px; } .fm-nr { width: 50%; display: inline-block; } .sub-tj { margin-left: 40%; margin-top: 3%; } /* 导语 */ .dy { width: 100%; background-color: #ececec; } marquee { width: 100%; font-size: 10px; color: #1567b9; height: 35px; line-height: 35px; } /* logo */ .lg_bj { width: 100%; background-size: 100% 100%; } .lg-l { float: left; width: 40%; text-align: center; padding: 1.5% 0; } .lg-l img { vertical-align: middle; margin-right: 2%; float: left; } .lg-l span { font-size: 30px; color: #1567b9; font-family: "microsoft yahei", 微软雅黑; display: block; letter-spacing: 2px; font-weight: bolder; /* padding-top: 2%; */ } .lg-l p { font-size: 11px; color: #020202; font-family: "microsoft yahei", 微软雅黑; text-transform: uppercase; font-weight: 600; } .lg-r { float: right; width: 20%; text-align: left; padding: 1.5% 0; } .lg-r-r { float: right; } .lg-r img { vertical-align: middle; float: left; padding-top: 3%; } .lg-r span { font-size: 18px; color: #010101; display: block; text-align: left; margin-left: 20.5%; line-height: 1.3; font-weight: 600; } .lg-r span:nth-child(4){color: #1567b9;font-size: 18px;font-weight: 600;} /* 设置导航单独样式 */ .dh { /* background: #1567b9; */ width: 100%; } .bj { width: 100%; /* background: rgba(0,169,172,1); */ /* background: no-repeat center center;background-size: 100% 100%; */ z-index: 999; background: #1567b9; } .nav_li { text-align: center; /* border-radius: 5px; */ /* padding: 6.7% 0; */ width: 16%; font-size: 18px; } .dropdown-menu {} /* .nav-link{padding: 51% 0;} */ .nav-link { display: contents; line-height: 50px; } .lf { color: #fbfdfe !important; } .nav_li:hover { background: #2beeee; } .nav_li .nav-link:hover { color: #fdfdfe !important; } .active { background: #2beeee; } .active a { color: #fdfdfe; } .active .lf { color: #fdfdfe !important; } .dropdown-item { color: #000000 !important; } .dropdown-item { font-family: "microsoft yahei", 微软雅黑; font-size: 18px; } .dropdown-item:hover { background: rgba(43, 238, 238) !important; color: #fbfdfe !important; } .show .lf { color: #fbfdfe !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; font-size: 1.1rem; } /* .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: 81%;float: right;} /* 产品展示头部 */ .cpzs_top { /* width: 47.66%;margin: 0 auto; */ padding-top: 5%; padding-bottom: 3%; } .cpzs_top img { max-width: 100%; } .ppys { padding-top: 3rem; padding-bottom: 2rem; } .ppys img { display: inline-block; max-width: 100%; } /* 产品展示分类(横向) */ .cpzs_fl { margin-bottom: 2%; 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; */ float: none; 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: #dadada; */ padding: .25rem .75rem; } .fl a { padding: 0 !important; } .nav-link { padding: 0.5rem; } .fl:hover { background: #0056a3; } .fl:hover a { color: #fefefe !important; text-decoration: none; } .fl_a { color: #0e0e0e !important; font-size: 18px; width: 100%; display: block; line-height: 1 !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* .fl_a img{margin-right: 0.5rem;} */ /* 产品分类(垂直) */ .cpzs_fl_h{width:18.5%;float:left;/* background: #0056a3; */} .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:100%;border: 2px solid #f0f0f0;padding-bottom: 90%;} .cpzs_fl_1 li{margin:0 auto;width: 85%;border: 2px solid #cacaca;margin-top: 6%;} /* .cpzs_fl_1 li:last-child a{border-bottom: 0px;} */ /* 分类新增样式 */ .zwf { width: 100%; background-color: #3da63f; height: 10px; } .cpzs_fl_h p { text-align: center; font-size: 30px; color: #fdfefe; line-height: 2.5; background: #0056a3; } .fl-bt { width: 90%; margin: 0 auto; text-align: center; margin-bottom: 5%; } .line { display: inline-block; width: 22.5%; border-top: 2px solid #bbd2e6; vertical-align: 5px; } .txt { display: inline-block; line-height: 2; font-size: 18px; color: #fcfafa; width: 50%; } .phone { font-size: 18px; color: #fcfafa; } .cpfl { margin-top: -2%; z-index: 99; } .cpfl-bj { background: #e7e7e7; padding: 1.5% 0; } .cpfl-li { text-align: center; position: relative; } .cpfl-li img { max-width: 100%; } .cpfl-li a { position: absolute; bottom: 0; text-align: center; display: block; width: 84%; line-height: 2; color: #ffffff; } .cpfl-li a:hover { color: #fff !important; } /* @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-size: 100% 100%; /* position: sticky; */ margin-bottom: 5%; } .gsjj_top { padding-top: 6%; padding-bottom: 3%; margin: 0 auto; } .top-ys { color: #1567b9; font-size: 36px; font-family: "microsoft yahei", 微软雅黑; display: block; width: 100%; text-align: center; font-weight: 600; text-transform: uppercase; } .top-dd { color: #cfd0d0; font-size: 36px; font-family: "microsoft yahei", 微软雅黑; display: block; width: 100%; text-align: center; text-transform: uppercase; line-height: 1 } .gsjj-ys { color: #ffffff; font-weight: 600; } .gsjj-dd { color: #030303; font-weight: 600; } .cpzs_top a { float: right; display: inline-block; vertical-align: middle; color: #999999; font-size: 18px; margin-top: -2.5%; } .xw-ys { color: #0056a3; } .xw-dd { color: #999999; } .al-ys { color: #fcfcfd; } .top-ys span { color: #333333; display: inline-block; margin-left: 1%; } /* @media (max-width:1700px) { .gsjj_w{margin-top: 5%!important;} .al-top{margin-top: 12%!important;} } @media (max-width:1366px) { .gsjj_w{margin-top: 8%!important;} .al-top{margin-top: 15%!important;} } */ .link-top { width: 5%; height: 1px; /* border-top: solid #ffffff 2px; */ margin: 0 auto; margin-top: 0.5rem; /* position: relative;border: 2px solid transparent; */ /* background: #ffffff; */ background-clip: padding-box; } /* .link-top::after{ position: absolute; top: -3px; bottom: -3px; left: -3px; right: -3px; background: linear-gradient(to right,#44dad0, #4da4fd); content: ''; z-index: -1; border-radius: 16px; } */ .link-top3 { /* margin: initial; */ border-top: solid #ffffff 3px; } .gsjj_top img { max-width: 100%; } .gsjj-bj { /* background: no-repeat top center;background-size: 100% 100%; */ } .gsjj_bt { margin: 0 auto; padding: 3% 0; padding-top: 5%; } .gsjj_w { /* padding: 3%;box-shadow: 10px 10px 5px #888888; */ } .gsjj_wb { /* background: no-repeat top center; background-size: 100% 100%; */ } .gsjj_r {} .gsjj_nr { padding: 0; float: right; } .gsjj-nr-k { margin: 0; padding: 3%; bottom: 0; } .jj_img { padding: 2rem 0; } .gsjj_nr span { width: auto; font-size: 24px; color: #000000; display: block; text-align: left; font-weight: 500; text-transform: uppercase; position: relative; line-height: 2; } .gsjj_nr span::after{ content: ''; position: absolute; bottom: 0; height: 2px; width: 50%; background-color: #696969; left: 25%; transform: translatex(-50%); } .gsjj_nr span dd { display: inline-block; border-bottom: 2px solid #1cb9c8; } .gsjj_nr p { width: 100%; font-size: 14px; color: #333333; letter-spacing: 0; text-align: left; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 7; text-indent: 2em; font-family: "microsoft yahei", 微软雅黑; line-height: 2; /* letter-spacing: 1px; */ font-weight: 500; } .gsjj_nr dd { width: 100%; color: #333333; font-size: 14px; font-weight: 500; line-height: 2; display: block; margin-bottom: 1.5%; } .gsjj_nr hr { width: 100%; border-top: 0.5px solid #1567b9; margin: 2% 0; } .gsjj_tp { width: 100%; text-align: center; padding: 0; } .gsjj_tp p { position: absolute; bottom: 0; background: rgb(48, 48, 48, .86); width: 100%; line-height: 2; color: #fbfdfb; font-size: 18px; } .gsjj_tp .col-md-6 { padding: 0; } .gsjj_tp img { width: 100%; } .timer { background-color: rgba(0, 0, 0, 0); } .gs-bt { background: #1567b9; margin: 0; } .zzhs { width: 100%; text-align: center; align-items: center; padding: 5% 15px; } .zzhs:hover { background: #004c27; } .zzhs img { max-width: 100%; vertical-align: middle; float: left; display: inline-block; padding-left: 8%; padding-top: 5%; } .zzhs span { text-align: left; display: block; font-size: 24px; color: #ffffff; } .zzhs span mark { color: #1567b9; font-size: 18px; } .zzhs p { text-align: left; text-indent: unset; color: #ffffff; font-size: 14px; } .zzhs-nr { margin-left: 28%; } .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: #1567b9; text-align: center; font-size: 14px; letter-spacing: 2px; display: block; /* border: 1px solid #ffffff; */ padding: 5px 10px; /* border-radius: 10px; */ margin-top: 2%; /* 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 #1567b9;background: #1567b9;} */ /* 地图设置 */ #ditu { width: 100%; height: 500px; } .ditu { margin-bottom: 0; } /* 新闻动态 */ .xwdt-bj { width: 100%; background-size: 100% 100%; padding-bottom: 2%; } .xwdt_top { /* width: 51.66%; */ margin: 0 auto; padding-top: 6%; padding-bottom: 3%; text-align: center; /* background: no-repeat center center; */ } .xwdt_top img { max-width: 100%; } .xwdtl{padding: 0;padding-right: 1%;} .xw-bj{background: #f3f4f3;padding: 3%;} .xwdt{/* background: #f3f4f3; */padding: 2%;} .xw-bt {padding: 5% 0;} .xw-bt p{color: #1567b9;font-size: 24px;font-weight: 600;float: left;width: 70%;border-left: 4px solid #1567b9;padding-left: 2%;} .xw-bt p span{color: #c2c2c2;font-size: 24px;font-weight: 600;margin-left: 2%;display: inline-block;} .xw-bt a{float: right;font-size: 18px;color: #c2c2c2;vertical-align: middle;line-height: 2;} .xwdtl a { color: #444444; font-size: 18px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; line-height: 2; margin-top: 3%; text-align: left; } .xwdtl a:hover{color: #1567b9!important;} .xwdtl span { color: #666666; font-size: 12px; width: 100%; text-align: center; display: block; line-height: 2; } .xw-more{font-size: 12px!important;color: #646464!important;line-height: 2;font-weight: 500!important;} .xwdtl img { max-width: 100%; text-align: center; margin: 0 auto; } .xwdtl p { color: #646464; font-size: 12px; text-align: left; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .xwdtl p a { display: inline-block; color: #ff9600; vertical-align: middle; } .xwdt-nr .row { margin: 0 !important; } .gs-img { width: 28%; float: left; } .gsxw { border-bottom: 1px dashed #c6c6c6;padding-bottom: 2%; margin-bottom: 2%; } .gs-nr { width: 70%; float: right; } .gs-img span { text-align: left; color: #adadad; font-size: 30px; width: 100%; display: block; margin-top: 2%; } .gs-img p { text-align: center; color: #adadad; font-size: 16px; width: 100%; } .gs-img img { max-width: 100%; } .gs-nr a { width: 100%; text-align: left; color: #000000; font-size: 20px; display: block; overflow: hidden; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; } .gs-nr span { color: #c2c2c2; font-size: 16px; } .gs-nr p { float: left; text-align: left; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: #636363; font-size: 14px; } .xw-h { padding-bottom: 2%; margin-bottom: 2%; border-bottom: 1px dashed #c6c6c6; } /* .xw-h:last-child{border: 0;} */ .xw-h a { width: 70%; display: inline-block; float: left; color: #000000; font-size: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .xw-h a img { vertical-align: middle; margin-right: 2%; } .xw-h span { display: inline-block; float: right; color: #c2c2c2; font-size: 16px; line-height: 2; } .xwdt_a { margin: 0 auto; display: block; font-size: 18px; color: #1a1a1a; text-align: center; padding: 0.6% 0; border: 2px solid #1567b9; border-radius: 50px; margin-top: 2%; } /* tab选项卡样式 */ .nav-tabs{margin-bottom: 3%;border: 0;} .nav-tabs .nav-item{width: auto;margin-right: 1rem;} .nav-tabs .nav-item a{color: #3b3a3a;font-size: 18px;background: #e6e6e6;padding: 0.25rem 0.75rem;} .nav-tabs .nav-item:hover a{color: #fcf9f9!important;background: #1567b9;} .nav-tabs .active{background: #1567b9!important;color: #fcf9f9!important;} .tab-content .active{background: #ffffff;} /* 客户案例 */ .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; } .yq_l { width: 12.75%; } .yq_l img { width: 100%; } .link { margin: 0 auto; color: #020202; font-size: 20px; text-align: left !important; font-weight: 600; font-family: "microsoft yahei", 微软雅黑; } .link span { color: #020202; font-size: 18px; } .link img { display: inline-block; vertical-align: middle; /* width: 8%; */ } .link a { display: inline-block; color: #000000; font-weight: 500; font-size: 16px; vertical-align: middle; text-decoration: none; line-height: 2; margin-left: 1rem; } /* 底部 */ .foot { width: 100%; /* background: no-repeat top center;overflow: hidden;background-size: 100% 100%; */ background: #3e3e3e; padding-top: 2%; /* padding-bottom: 2%; */ } footer{padding-bottom: 1%;} .foot hr { border: 1px solid #ffffff; margin-bottom: 1.5rem; margin-top: 1rem; } .foot a:hover { color: #fbfbfc !important; } .ft-lo { font-size: 30px; color: #fbfbfc; text-align: left; } .cdh-bj { background: #bfc1c4; } .cdh { text-align: center; line-height: 3; } .cdh li { font-size: 12px; color: #fbfdfe; width: auto; display: inline-block; text-align: left; } .cdh li a { font-size: 12px; color: #ffffff; } .cdh li span { margin: 0 1rem; } .cdh li:last-child span { display: none; } /* .ft-m{border-right: 2px solid #ffffff;} */ .ft-m { text-align: left; padding-top: 1%; } .ft-m a { width: 100%; text-align: left; vertical-align: middle; font-size: 18px; color: #fdfdfe; display: contents; } .ft-m p { width: 100%; margin: 0; } .ft-m p span { font-size: 18px; color: #fdfdfe; line-height: 2; display: inline-block; font-family: "microsoft yahei", 微软雅黑; margin-right: 3%; } .ft-l { box-sizing: border-box; padding-top: 2%; } .ft-l p { width: 100%; margin: 0; } .ft-l p span { font-size: 20px; color: #fdfafa; line-height: 2; display: inline-block; font-family: "microsoft yahei", 微软雅黑; margin-right: 3%; } .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: 3; margin-top: 1%; /* background: #434343; */ color: #fdfdfe; font-size: 18px; border-top: 1px solid #ffffff; } .jszc a { color: #fbfbfc; } .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: #1567b9; 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); } .left_active { background: #1567b9; } .left_active a { color: #fff !important; } .list_a { color: #000 !important; } .left_fl_1 dd { width: 100%; border: 1px solid #1567b9; margin-bottom: 0 !important; line-height: 2rem; padding-left: 10px; } .list_zt { padding-top: 2%; } .list_li { width: auto; border: 1px solid #1567b9; text-align: left; padding-left: 10px; } .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: #1567b9 !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: #1567b9; } .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: #1567b9; 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: #1567b9; } .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:#1567b9; */ } .zhanwei img { width: 69.21%; margin: 0 auto; display: block; border: 6px solid #fff; } .i_w { width: 49.5%; } .z_zw { /* background: no-repeat center center;background-size: 100% 100%; */ } .zw-nr hr { border: 1px solid #4bb344; margin-bottom: 2rem; } /* .zwnr1{background: no-repeat top center;background-size: 100% 100%;padding-bottom: 2%;} */ .zwnr .col-6 { padding: 0 !important; } .zwnr { text-align: center; } .ysnr img{box-shadow: 0 0 18px 0 rgba(220,218,218,.4);} .zwnr img {} .zwnr span { display: block; line-height: 1.5; font-family: "microsoft yahei", 微软雅黑; font-size: 18px; color: #010101; width: 100%; } .zwnr p { text-align: center; width: 100%; font-family: "microsoft yahei", 微软雅黑; font-size: 24px; color: #010101; line-height: 3; } .zwnr div { margin-bottom: 2%; } .zwys{/* background: #434343; *//* padding: 3% 0; */padding-top: 2%;} .ly span{color: #ffffff;font-size: 30px;width: 100%;display: block;} .ly span:first-child{margin-top: 5%;} .ly span:nth-child(2){color: #d9d9d9;font-size: 18px;line-height: 2;} .ly hr{width: 30%;height: 10px;background: #02bf6f;margin-top: 0.5rem;} .ly p{color: #ffffff;font-size: 18px;margin-top: 15%;} .lynr div{margin-bottom: 5%;} .lynr div:nth-child(3),.lynr div:nth-child(4){margin-bottom: 0;} .lynr img{float: left;margin-right: 10%;margin-top: 3%;} .lynr span{font-size: 18.96px;color: #ffffff;margin-bottom: 3%;display: block;} .lynr p{font-size: 14.74px;color: #ffffff;} /* 联系方式占位 */ .lxfs-zw { background: no-repeat center center; background-size: 100% 100%; margin-top: 3.5rem; } .lxfs-zw span { text-align: center; font-size: 30px; color: #1567b9; 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: #1567b9; color: #fff; } .page li:hover a { color: #fff; text-decoration: none; } .thisclass { background: #1567b9; color: #fff; } /*客户案例*/ .case { background: no-repeat center center; /* 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; } .al-top { padding-top: 6%; padding-bottom: 3%; } .al { top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 999; background: #0056a3; } .al span { color: #fefefe; padding: 0.5rem 3rem; } /*视频展示*/ .spzs { /* background: no-repeat center center; */ /* background: #f6f5f5; */ background-size: 100% 100%; /* padding-top: 2.86458%; */ /* padding-bottom: 3%; */ } /* .spzs-al { background: #f7f7f7; border: 3px solid #005000; padding: 2% 3%; } */ .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: #1567b9; */ bottom: 0; width: 100%; /* padding: 1.667% 9.3333% 5.333% 9.3333%; */ } .spzs-tit { margin: 0 auto; width: 100%; margin-top: 4%; /* background: #1567b9; */ font-size: 18px; color: #1567b9; 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: #1567b9!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; } /* .spzs .swiper-button-prev { float: left; background: ; width: 30px; height: 39px; margin-left: -5%; } */ /* .spzs .swiper-button-next { float: right; background: ; width: 30px; height: 39px; margin-right: 4%; } */ /* .spzs .swiper-bottom { position: absolute; top: 30%; } .spzs .swiper-button-prev:hover { background: ; } .spzs .swiper-button-next:hover { background: ; } @media (max-width:1200px) { .spzs-al { padding: 2% 5%; } .spzs .swiper-button-next { float: right; background: ; width: 30px; height: 39px; margin-right: 6%; } .spzs .swiper-button-prev { float: left; background: ; width: 30px; height: 39px; margin-left: -5%; } } @media (max-width:992px) { .spzs .swiper-button-next { float: right; background: ; width: 30px; height: 39px; margin-right: 7%; } .spzs .swiper-button-prev { float: left; background: ; width: 30px; height: 39px; margin-left: -7%; } } @media (max-width:900px) { .spzs .swiper-button-next { float: right; background: ; width: 30px; height: 39px; margin-right: 6%; } } @media (max-width:830px) { .spzs .swiper-button-next { float: right; background: ; width: 30px; height: 39px; margin-right: 5%; } } @media (max-width:768px) { .spzs-al { padding: 2% 7%; } .spzs .swiper-button-next { float: right; background: ; width: 30px; height: 39px; margin-right: 10%; } .spzs .swiper-button-prev { float: left; background: ; width: 30px; height: 39px; margin-left: -10%; } } @media (max-width:670px) { .spzs .swiper-button-next { float: right; background: ; width: 30px; height: 39px; margin-right: 7%; } .spzs .swiper-button-prev { float: left; background: ; width: 30px; height: 39px; margin-left: -9%; } } @media (max-width:501px) { .spzs-al { padding: 2% 9%; } .spzs .swiper-button-next { float: right; background: ; width: 30px; height: 39px; margin-right: 9%; } .spzs .swiper-button-prev { float: left; background: ; width: 30px; height: 39px; margin-left: -11%; } } */ /*产品展示*/ .cpzs { /* background: #1cb9c8; */ /* padding-bottom: 1.5625%; */ background-size: 100% 100%; /* padding-top: 3%; */ padding-bottom: 1.5%; } .cpzw{margin: 0 auto;max-width: 100%;margin-bottom: 1rem;} .swiper-cpzs { /* margin-top: 1.5625%; */ padding: 1%; background: #ffffff; } .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: 2%; */ /* background: #f1f1f1; */ } .cpzs-con { /* background: #228d4d; */ /* margin-top: 1px; */ /* background: no-repeat center; background-size: 100% 100%; */ /* position: absolute; bottom: 1.7%; */ width: 100%; } .cpzs-tit { font-size: 16px; color: #010101; text-align: center; line-height: 1.5; 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: 1px solid #a0a0a0; */ 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: 30px; line-height: 30px; margin: 0 auto; display: block; color: #0e0e0e; text-transform: uppercase; border: 1px solid #1567b9; border-radius: 30px; font-size: 16px; text-align: center; /* margin-top: 1.8175%; */ vertical-align: middle; position: relative; /*background: no-repeat center right 12px;*/ /* background: #228d4d; */ letter-spacing: 2px; margin-top: 2rem; } .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: 16px; 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: #1567b9; -webkit-transform: translate3d(0, 25%, 0); transform: translate3d(0, 25%, 0); } .more>span { display: block; } .more.button--inverted { color: #1567b9; } .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: #fff; } .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) { .cpzs_fl_h p{font-size: 14px!important;} .lynr div{margin: 0 auto;text-align: center;} .lynr img{float: none;margin-right: 0;} .cpfl { display: none; } /* .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;} */ .gsjj_nr p{font-size: 14px;} .gsjj_a{font-size: 14px;} .lg-l { width: 47%; } } .mb-5 { margin-bottom: 1rem !important; } @media (max-width: 992px) { .xwdtl { text-align: center; } .gsjj_bj { background: #ffffff; padding-top: 0; } .xwdt-bj { background: #ffffff; } .gsxw { padding-left: 0; padding-right: 0; } /* .ft-lo img { margin-left: 25%; } */ .xwdt_top, .cpzs_top, .gsjj_top { padding-top: 1rem; padding-bottom: 1rem; } .ft-m { border: 0; } .ft-m a { line-height: 3; } .xwdt .xw-l { width: 15% !important; } /* .xwdt .xw-r{width: 85%!important;padding-left:3%!important} */ .xwdt .xw-r1 { width: 100% !important; padding-left: 0 !important } .zwnr p { width: 100%; } .cpzs .container { width: 100% !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: #1567b9; 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) { .cpzs_fl_h p{font-size: 18px;} .cpzs_fl_1{padding-bottom: 1%;} .cpzs_fl_1 li{margin-top: 1%;} .xwdtl{margin-bottom: 1%;} .ly{display: none;} .gsjj_tp{display: none;} .gsjj_wb .position-absolute{position: static!important;} .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: #1567b9; } /* .dh{background: #fff;} */ .nav_li { width: 100% !important; text-align: left; } .lf { padding: 1% !important; } .al-mid { margin-bottom: 4%; } .gsjj_bj { background: #ffffff; } .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;}*/ .left_fl:first-child, .left_fl:nth-child(2), .left_fl:nth-child(3), .left_fl:nth-child(4) { 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;} */ } @media (max-width: 767px) { .cpzs_fl ul{text-align: left;} .lynr div:nth-child(3),.lynr div{margin-bottom: 4%;} .lynr img{margin-top: 0;} .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%; } .xwdt_top { padding-bottom: 1rem; } .gs-img } @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) { .xw-h a{width: 65%;} .xwdtl { margin-bottom: 2%; } .al span { padding: 0 !important; } .top-ys { font-size: 18px; } .top-dd{ font-size: 14px; } .ppys{padding: 1rem 0; } .xwdt .xw-l { width: 23% !important; } /* .xwdt .xw-r{width: 77%!important;} */ .xwdt .xw-r1 { width: 100% !important; } .zwnr p { width: 100%; text-align: center; } .gsxw-img-l .xw-l { width: 23%; } .ys-img img { width: 85%; } .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, .xwbt a, .xwbt span, .xw-r a, .xw-r span,.xwdtl a,.lynr span { font-size: 0.75rem; } .gs-nr a,.xw-h a,.xw-h span,.xw-bt p,.xw-bt a,.xw-bt p span{font-size: 0.75rem;} .foot p span, .item p, .item dd, .link a, .r-xw p, .ewm span, .cdh li, .gs-nr p, .gs-nr span, .spzs-tit,.xwdtl p,.lynr p { font-size: 0.65rem; } .xw-r1 p { font-size: 0.75rem !important; } .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%; } .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:460px) { .gs-bt { padding: 0; } .zzhs { padding: 5% 0; } .zzhs img { padding-left: 2%; } .zzhs-nr { margin-left: 21%; } .gs-nr span{display:none;} } @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; } .gs-bt { padding: 0; } .zzhs { padding: 5% 0; } .zzhs img { padding-left: 2%; } .zzhs-nr { margin-left: 21%; } } @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; } }