/* CSS Document */ body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea{ margin: 0; padding: 0;border:0;} table,th,tr,td {margin: 0; padding: 0;} html { color: #666; } html, body { width: 100%; min-width: 320px; } body, button, input, select, textarea { margin: 0; padding: 0; font-family: "微软雅黑", "Microsoft Yahei", "Arial", "Verdana", "sans-serif"; font-size: 14px; background: #fff } ul, ol, li, dl, dd, dt { list-style: none; } em { font-style: normal; } a { text-decoration: none; outline: none; } a:hover { text-decoration: underline; } legend { color: #000; } fieldset, img { border: 0; } label, button { cursor: pointer; } /*解决IE图片缩放失真*/ img { -ms-interpolation-mode: bicubic; } .xs{display:none} /*清除浮动*/ .clearfix:after { content: ''; display: block; height: 0; clear: both; } .clearfix { zoom: 1; } .clear { clear: both; } /*连续英文、数字换行*/ .wordwrap { word-break: break-all; word-wrap: break-word; } /*单行文字超出显示省略号*/ .omg { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } img { border: 0; vertical-align: middle; } a { color: #3a3a3a;text-decoration: none;} a:hover { text-decoration: none } .fl { float: left; } .fr { float: right; } *{-webkit-transition: all .25s;-moz-transition: all .25s;-ms-transition: all .25s;-o-transition: all .25s;transition: all .25s;} .gsjj_top img{width:35%} /*top*/ .top_one{height:34px;line-height:34px;background-color:#484848;color:#fff;font-size:14px;} .top_one_in{width:1170px;height:34px;margin:0 auto;} .top{ background:#fff; line-height:41px;border-bottom:#f1f1f1 solid 1px; height:41px; overflow:hidden;} .top01{ width:1170px; margin:0 auto; color:#6c6c6c; height:41px; font-size:13px; line-height: 40px; } .top02{ float:left; font-size:13px; line-height: 40px;} .top03{ float:right; width:278px; font-size:13px; line-height: 40px;} #top{width:1170px; margin:0 auto; height:105px;overflow:hidden; clear:both; } #top .logo{ width:600px; height:105px; float:left;} #top .logo a{ width:600px; height:105px; display:block; line-height:105px;} #top .logo a img{ max-height:105px;} #top .top_right{ float:right;width:226px;} #tit{width:100%;} #top #search{ width:100%; font-family: "Microsoft YaHei";overflow:hidden; padding-top:35px;} #top #search .ss_input{ width:154px; border:1px solid #ddd; border-right:none; height:34px; line-height:30px; padding-left:15px; font-size:14px; color:#666;font-family: "Microsoft YaHei"; float:left;resize:none;border-radius:4px 0 0 4px;} #top #search .ss_input:hover{ outline:none; color:#666; } #top #search .ss_input:focus{ outline:none; color:#444; } #top #search .ss_an{ width:53px; height:36px; float:left; border:none; cursor:pointer; background:#005a97 url(../images/ss.gif) center center no-repeat;border-radius:0 4px 4px 0;outline:none;} #top #search .ss_an:hover{background:#005a97 url(../images/ss.gif) center center no-repeat; } /*导航 */ #nav {height:50px;box-shadow: 0px 2px 3px #89bceb;background: #005991;} #nav .menu {width:1170px;height:50px; margin:0 auto;} #nav .menu ul {padding:0; margin:0;list-style-type: none;overflow:hidden;} #nav .menu ul li {float:left; position:relative;margin-right:4px;width:160px} #nav .menu ul li a, .menu ul li a:visited {display:block; text-align:center; text-decoration:none; height:50px; color:#fff; line-height:50px; font-size:15px;} #nav .menu ul li a:hover {color:#FFF;background:-webkit-linear-gradient(to bottom,#fbfbfb -34%,#aed60f 15%,#42a008 129%);/* Safari 5.1 - 6.0 */ background:-o-linear-gradient(to bottom,#fbfbfb -34%,#aed60f 15%,#42a008 129%);/* Opera 11.1 - 12.0 */ background:-moz-linear-gradient(to bottom,#fbfbfb -34%,#aed60f 15%,#42a008 129%);/* Firefox 3.6 - 15 */ background:linear-gradient(to bottom,#fbfbfb -34%,#aed60f 15%,#42a008 129%);} #nav .menu ul li .nav_hover {color:#FFF;background:-webkit-linear-gradient(to bottom,#fbfbfb -34%,#aed60f 15%,#42a008 129%);/* Safari 5.1 - 6.0 */ background:-o-linear-gradient(to bottom,#fbfbfb -34%,#aed60f 15%,#42a008 129%);/* Opera 11.1 - 12.0 */ background:-moz-linear-gradient(to bottom,#fbfbfb -34%,#aed60f 15%,#42a008 129%);/* Firefox 3.6 - 15 */ background:linear-gradient(to bottom,#fbfbfb -34%,#aed60f 15%,#42a008 129%);} .sidenav-brand{display:none;} @media (max-width:1199px) { .top01{width:90%;} #top{width:90%;} #top .logo{width:440px;} #top .logo a{width:100%;background-size: contain;} #nav .menu{width:90%;} #nav .menu ul li{margin-right: 1%;width: 13.2857%;} } @media (max-width:992px) { #top .logo{width:60%;} #top .top_right{width:30%;} } @media (max-width:880px) { .cd-nav-trigger {/* navigation trigger - visible on mobile devices only */ float:right;position:relative;display:block;width:34px;height:90px; overflow:hidden;white-space:nowrap;color:transparent;} .cd-nav-trigger span,.cd-nav-trigger span::before,.cd-nav-trigger span::after {/* hamburger icon in CSS */ position:absolute;display:inline-block;height:3px;width:24px;background:#005991;} .cd-nav-trigger span {/* line in the center */ position:absolute;top:50%;right:5px;margin-top:-2px;-webkit-transition:background 0.2s;-moz-transition:background 0.2s;transition:background 0.2s;} .cd-nav-trigger span::before,.cd-nav-trigger span::after {/* other 2 lines */ content:'';right:0;/* Force Hardware Acceleration in WebKit */ -webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-origin:0% 50%;-moz-transform-origin:0% 50%;-ms-transform-origin:0% 50%;-o-transform-origin:0% 50%;transform-origin:0% 50%;-webkit-transition:-webkit-transform 0.2s;-moz-transition:-moz-transform 0.2s;transition:transform 0.2s;} .cd-nav-trigger span::before {/* menu icon top line */ top:-6px;} .cd-nav-trigger span::after {/* menu icon bottom line */ top:6px;} .cd-nav-trigger.nav-is-visible span {/* hide line in the center */ background:rgba(168,135,27,0);} .cd-nav-trigger.nav-is-visible span::before,.cd-nav-trigger.nav-is-visible span::after {/* keep visible other 2 lines */ background:#005991;} .cd-nav-trigger.nav-is-visible span::before {-webkit-transform:translateX(4px) translateY(-3px) rotate(45deg);-moz-transform:translateX(4px) translateY(-3px) rotate(45deg);-ms-transform:translateX(4px) translateY(-3px) rotate(45deg);-o-transform:translateX(4px) translateY(-3px) rotate(45deg);transform:translateX(4px) translateY(-3px) rotate(45deg);} .cd-nav-trigger.nav-is-visible span::after {-webkit-transform:translateX(4px) translateY(2px) rotate(-45deg);-moz-transform:translateX(4px) translateY(2px) rotate(-45deg);-ms-transform:translateX(4px) translateY(2px) rotate(-45deg);-o-transform:translateX(4px) translateY(2px) rotate(-45deg);transform:translateX(4px) translateY(2px) rotate(-45deg);} #nav {background:#f5f5f5;box-shadow:2px 2px 6px rgba(0,0,0,.3);display:block;font-size:16px;font-weight:400;height:100%;left:0;position:fixed;overflow:auto;transform:translate(-262px,0);transition:transform .3s;top:0;width:256px;z-index:100;} #nav.show {transform:translate(0,0);} .sidenav-brand {display:block;border-bottom:1px solid #005a97;color:#FAFAFA;background: #005a97;font-size:24px;font-weight:700;line-height:32px;padding:20px 24px 19px;text-align: center;} .sidenav-overlay {background:rgba(0,0,0,.8);display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:99;} #nav .menu{width:90%;padding:0 5%;height: auto;} #nav .menu ul li{float:none;width:100%;margin-right:0;margin-bottom:10px;border-bottom: 1px solid #dedede;} #nav .menu ul li a{color:#555;} #nav .menu ul li .nav_hover{background:#f5f5f5;color:#555;} #top{height:auto;} .top02{font-size:14px;} .top03{font-size:14px;} #top .top_right{width:100%;margin-bottom:20px;} #top #search{padding-top:0} #top .logo{height:90px;} #top .logo a{height:100%; line-height:inherit} #top #search .ss_input{width:80%;padding-left:4%;border:0;background:#eaeaea;border-radius:0;height:50px;line-height:50px;} #top #search .ss_an{width:16%;border-radius:0;height:50px;line-height:50px;} #top .logo a img{ max-height:60px;} } @media (max-width:767px) { #top .logo{width:80%;height:60px;} .cd-nav-trigger{height:60px;} #nav .menu ul li a{font-size:14px;} #top #search .ss_input{height:38px;line-height:38px;font-size:14px;} #top #search .ss_an{height:38px;line-height: 38px;} .top03{display:none;} .xs{display:block;} } /*banner*/ .banner .swiper-container {width:100%;height:100%;} .banner .swiper-slide {text-align:center;font-size:18px;background:#fff;/* Center slide text vertically */ display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;} .banner .swiper-slide img{width:100%;} .banner .swiper-pagination-bullet{border-radius:0;width:30px;height:4px;background:rgba(241, 227, 227, 0.5);} .banner .swiper-pagination{text-align:center;padding:0 5%;width:90% !important;bottom: 25px !important;} @media (max-width:1199px) { .banner .swiper-container {width:100%;} } @media (max-width:992px) { } @media (max-width:880px) { } @media (max-width:767px) { .banner .swiper-pagination-bullet{width:15px;height:2px;} .banner .swiper-pagination{bottom: 8px !important;} } /*首页标题*/ .in_biaoti{ width:1170px; margin:0 auto;padding:20px 0;text-align:center;} .in_biaoti p{font-size:28px;color:#005991;font-weight:bold;} .in_biaoti p i{color:#71b70b; font-style:normal; } .in_biaoti span{display:block;font-size:14px;color:#666;padding-top:5px;} @media (max-width:1199px) { .in_biaoti{width:90%;padding: 10px 0;} } @media (max-width:992px) { } @media (max-width:880px) { .in_biaoti {padding:0 0 10px;} .in_biaoti p{font-size:22px;} } @media (max-width:767px) { .in_biaoti {text-align:center;} .in_biaoti p{display:inline-block;height:26px;line-height:26px;} .in_biaoti span{display:inline-block;height:26px;line-height:26px;} } .h_content{background: #f5f5f5;padding:10px 0;} .ny_product{padding:10px 0 0;} .ny_content_in{width:1170px;margin:0 auto;padding-bottom:30px;} /*内页产品分类*/ .ny_product_l{width:23%;float:left;} .ny_product_l .sub{width: 100%;padding: 0;overflow: hidden;text-align: left;} .ny_product_l .sub .sub_in{padding:15px 3% 10px;margin:0 auto;background-color: #fff;border: 4px solid #005a9a;border-top:0;} .ny_product_l .sub .protlt{font-size:22px;height:70px;line-height:70px;text-align:center;background:#005996;color:#fff; font-weight:bold;} .ny_product_l .sub .protlt em{ font-size:18px; font-weight:normal;} .ny_product_l .sub a:hover{text-decoration: underline;} .ny_product_l .sub .type_1{width:100%;margin-right:0;margin-bottom:0;} .ny_product_l .sub .type_2{display:none;} .ny_product_l .sub .type_3{display:none;} .ny_product_l .sub .type_1>.item{padding-right:0;background:#f5f5f5;height:40px;line-height:40px;padding:0 0 0 5%;margin:8px 0;} .ny_product_l .sub .type_1>.item>a{display:block;width:70%;height:40px;line-height:40px;text-align: left;float:left;font-size:13px;overflow: hidden; text-overflow: ellipsis; white-space:nowrap;} .ny_product_l .sub .type_1>.item i{display:block;width:15%;height:40px;line-height:40px;background: url("../images/sj_sanjiao.png") center center no-repeat;background-size:30%;float:right;} .ny_product_l .sub .type_1>.item i.on{transform:rotate(180deg);-ms-transform:rotate(180deg); -moz-transform:rotate(180deg);-webkit-transform:rotate(180deg); -o-transform:rotate(180deg);} .ny_product_l .sub .type_x>.item{padding-right:0;height:40px;line-height:40px;padding:0 0 0 5%;} .ny_product_l .sub .type_x>.item>a{display:block;width:70%;height:40px;line-height:40px;text-align: left;float:left;font-size:13px; color: #777;overflow: hidden; text-overflow: ellipsis; white-space:nowrap;} .ny_product_l .sub .type_x>.item i{display:none;width:15%;height:40px;line-height:40px;background: url("../images/sj_sanjiao.png") center center no-repeat;background-size:30%;float:right;} .ny_product_l .sub .type_x>.item i.on{transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);} .ny_product_l .sub .type_2>.item{padding-right:0;height:40px;line-height:40px;padding:0 0 0 5%;} .ny_product_l .sub .type_2>.item>a{display:block;width:70%;height:40px;line-height:40px;text-align: left;float:left;font-size:13px; color: #777;overflow: hidden; text-overflow: ellipsis; white-space:nowrap;} .ny_product_l .sub .type_2>.item i{display:none;width:15%;height:40px;line-height:40px;background: url("../images/sj_sanjiao.png") center center no-repeat;background-size:30%;float:right;} .ny_product_l .sub .type_2>.item i.on{transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);} .ny_product_l .sub .type_3{padding-right:0;padding:0;padding: 0 0 0 5%;} .ny_product_l .sub .type_3>a{display:block;width:100%;height:32px;line-height:32px;text-align: left;font-size:13px;color:#999;} .ny_product_l .sub a:hover{color:#71b70b;} @media (max-width:1199px) { .ny_product_l{width:24%;} .ny_product_l .sub .protlt{font-size:16px;} .ny_content_in{width:90%;} .product_list{display:none} .xs{display:block;} } @media (max-width:992px) { .ny_product_l .sub .protlt{font-size:18px;font-weight:bold;} .ny_product_l .sub .protlt em{display:none;} .product_list{display:none} } @media (max-width:880px) { .ny_product_l{float:none;width:100%;margin-bottom:20px;} .ny_product_l .sub .protlt{height:50px;line-height:50px;padding:0 3%;} .ny_product_l .sub .protlt p{float:left;width:70%;height:50px;line-height:50px;text-align: left;float:left;} .ny_product_l .sub .protlt i{display:block;width:10%;height:50px;line-height:50px;background: url("../images/sj_sanjiao2.png") center center no-repeat;background-size:20%;float:right;} .ny_product_l .sub .protlt i.on{transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg); -o-transform:rotate(180deg);} .ny_product_l .sub .sub_in{padding: 15px 3% 10px;display:none;} .ny_product_l .sub .type_1>.item i{width:10%;background-size: 18%;} .ny_product_l .sub .type_2>.item i{width:10%;background-size: 18%;} .ny_product_l .sub .type_x>.item i{width:10%;background-size: 18%;} .product_list{display:none} .xs{display:block;} } @media (max-width:767px) { .ny_product_l .sub .protlt{height:45px;line-height:45px;} .ny_product_l .sub .protlt p{height:45px;line-height:45px;} .ny_product_l .sub .protlt i{display:block;width:10%;height:45px;line-height:45px;background: url("../images/sj_sanjiao2.png") center center no-repeat;float:right;} .ny_product_l .sub .type_1>.item i{width:10%;background-size: 25%;} .ny_product_l .sub .type_2>.item i{width:10%;background-size: 25%;} .ny_product_l .sub .type_x>.item i{width:10%;background-size: 25%;} .ny_product_l .sub .protlt{font-size:16px;} .product_list{display:none} .xs{display:block;} } /*内页右侧产品列表展示*/ .ny_product_r{width:100%;float:right;} .ny_product_r ul.ny_pro_list li{padding:0;top:0;transition:all .15s linear;box-sizing:border-box;float:left;position:relative;width:31.33333333%;margin-right:3%;margin-bottom:20px;background:#fff;} ul.xs li{padding:0;top:0;transition:all .15s linear;box-sizing:border-box;float:left;position:relative;width:31.33333333%;margin-right:3%;margin-bottom:20px;background:#fff;} .ny_product_r ul.ny_pro_list li:nth-child(3n){margin-right:0;} .ny_product_r ul.ny_pro_list li:hover{position:relative;top:-10px;transition:all .25s linear} .ny_product_r ul.ny_pro_list li .chenggong{height:120px !important;} .ny_product_r ul.ny_pro_list li .pic{display:block;width:100%;height:220px;text-align: center;box-sizing:border-box;box-shadow: 0px 0px 0px 1px #e6e6e6;} ul.xs li .pic{display:block;width:100%;height:220px;text-align: center;box-sizing:border-box;box-shadow: 0px 0px 0px 1px #e6e6e6;} .ny_product_r ul.ny_pro_list li .pic img{max-width:90%;max-height:90%;vertical-align: middle;} ul.xs li .pic img{max-width:90%;max-height:90%;vertical-align: middle;} .ny_product_r ul.ny_pro_list li .pic .iblock {display:inline-block;height:100%;width:0;vertical-align:middle} .ny_product_r ul.ny_pro_list li .wz a.tlt{display:block;font-size:14px;color:#666;overflow: hidden; text-overflow: ellipsis; white-space:nowrap;text-align: center;padding-bottom:0;height:52px;line-height:52px; padding:0 10px;} .ny_product_r ul.ny_pro_list li:hover .pic{box-shadow: 0px 0px 0px 1px #71b70b;} .ny_product_r ul.ny_pro_list li:hover .wz a.tlt{color:#fff;background:#71b70b;box-shadow: 0px 0px 0px 1px #71b70b;} ul.xs li .pic .iblock {display:inline-block;height:100%;width:0;vertical-align:middle} ul.xs li .wz a.tlt{display:block;font-size:14px;color:#666;overflow: hidden; text-overflow: ellipsis; white-space:nowrap;text-align: center;padding-bottom:0;height:52px;line-height:52px; padding:0 10px;} ul.xs li:hover .pic{box-shadow: 0px 0px 0px 1px #71b70b;} ul.xs li:hover .wz a.tlt{color:#fff;background:#71b70b;box-shadow: 0px 0px 0px 1px #71b70b;} @media (max-width:1199px) { .ny_product_r ul.ny_pro_list li .pic{height:180px;} .ny_product_r ul.ny_pro_list li .wz a.tlt{height:50px;line-height:50px;} ul.xs li .pic{height:180px;} ul.xs li .wz a.tlt{height:50px;line-height:50px;} } @media (max-width:992px) { } @media (max-width:880px) { .ny_product_r{float:none;width:100%;} } @media (max-width:767px) { .ny_product_r ul.ny_pro_list li{width:48.5%;margin-right:3%;margin-bottom:8px;} .ny_product_r ul.ny_pro_list li:nth-child(3n){margin-right:3%;} .ny_product_r ul.ny_pro_list li:nth-child(2n){margin-right:0;} .ny_product_r ul.ny_pro_list li:nth-child(6n){margin-right:0;} .ny_product_r ul.ny_pro_list li .pic{height:160px;} .ny_product_r ul.ny_pro_list li .wz a.tlt{font-size:13px;} ul.xs li{width:48.5%;margin-right:3%;margin-bottom:8px;} ul.xs li:nth-child(3n){margin-right:3%;} ul.xs li:nth-child(2n){margin-right:0;} ul.xs li:nth-child(6n){margin-right:0;} ul.xs li .pic{height:160px;} ul.xs li .wz a.tlt{font-size:13px;} } /*首页公司简介*/ .gsjj{background-color:#f1f1f1;padding:30px 0 20px;} .gsjj .gsjj_top{width:1170px;height:264px;margin:0 auto; background-color:#005991;position:relative;} .gsjj_top img{position:absolute;top:30px;right:28px;} .gsjj_top_wz{width:400px;height:130px;padding:75px 40px 0 68px;} .gsjj_top_wz p{font-size:25px;font-weight:bold;color:#fff;} .gsjj_top_wz div{font-size:26px;color:#fff;} .gsjj_bottom{width:1170px;margin:0 auto;padding-top:35px;} .gsjj_bottom h2{font-size:22px;padding-bottom:20px;color:#333;line-height:34px;} .gsjj_bottom>div{color:#666;font-size:14px;line-height:30px;} .gsjj_bottom a{background-color:#666;width:116px;height:46px; border-radius:4px;display:block;line-height:46px;text-align:center;color:#fff; margin:15px 0;} .gsjj_bottom a:hover{background-color:#71b70b;} @media (max-width:1199px) { .gsjj .gsjj_top{width:90%;} .gsjj_bottom{width:90%;} } @media (max-width:992px) { } @media (max-width:880px) { .gsjj .gsjj_top{height:auto;} .gsjj_top_wz{display:none;} .gsjj_top img{width:100%;position:static;top:0;right:0;} .gsjj_bottom{padding-top:20px;} } @media (max-width:767px) { .gsjj_bottom h2{font-size:20px;padding-bottom: 5px;} .gsjj_bottom>div{font-size: 12px;line-height: 24px;height: 118px;overflow: hidden;} .gsjj_bottom a{margin: 15px 0 0;} } /*--首页推荐产品 --*/ .h_pro .col-sm-3{float:left;position:relative;width:31.33333333%;margin-right:3%;} .h_pro .selected-solution>div{position:relative;width:1170px;margin:0 auto;} .h_pro .selected-solution .swiper-container{width:100%;padding:20px 0 0;} .h_pro .selected-solution .solution-cardlist{max-width:100%;margin:0 auto 0} .h_pro .selected-solution .solution-cardlist .col-sm-3{padding:0;top:0;transition:all .15s linear;box-sizing:border-box} .h_pro .selected-solution .solution-cardlist .col-sm-3:hover{position:relative;top:-10px;transition:all .25s linear} .h_pro{padding:0 0 30px;} .h_pro .h_content{background:#fff;} .h_pro .swiper-slide .pic{display:block;width:100%;height:280px;text-align: center;border:1px solid #eaeaea;box-sizing:border-box} .h_pro .swiper-slide .pic img{max-width:90%;max-height:90%;vertical-align: middle;} .h_pro .swiper-slide .pic .iblock {display:inline-block;height:100%;width:0;vertical-align:middle} .h_pro .swiper-slide .wz a.tlt{display:block;font-size:14px;color:#666;height:50px;line-height:50px;overflow: hidden; text-overflow: ellipsis; white-space:nowrap;text-align: center;} .h_pro .swiper-slide .wz p{font-size: 12px;line-height: 18px;color: #333;height:35px;overflow:hidden;text-align: center;} .h_pro .selected-solution .solution-cardlist .col-sm-3:hover .pic{border:1px solid #71b70b;} .h_pro .selected-solution .solution-cardlist .col-sm-3:hover .wz a.tlt{color:#71b70b;font-weight:bold;} .h_pro .swiper-container-solution .swiper-button-prev{left:-30px;width:12px;height:13px;margin-top:0;background-image:url("../images/pro_left_icon.png") ;background-size:cover;transition:background-image .15s;cursor: pointer;outline: none;} .h_pro .swiper-container-solution .swiper-button-next{right:-30px;width:12px;height:13px;margin-top:0;background-image:url("../images/pro_right_icon.png");background-size:cover;transition:background-image .15s;cursor: pointer;outline: none;} @media (max-width:1199px) { .h_pro{padding: 10px 0 40px;} .h_pro .selected-solution>div{width:90%;} .h_pro .swiper-slide .pic{height:240px;} .h_tlt p{font-size:20px;height:50px;line-height:50px;} .h_pro .swiper-slide .wz a.tlt{font-size:14px;height:40px;line-height:40px;} .h_pro .h_content{padding: 0px 0;} } @media (max-width:992px) { } @media (max-width:880px) { .h_pro .swiper-slide .pic{height:170px;} } @media (max-width:767px) { .h_tlt p{font-size:17px;width:30%;} .h_pro .selected-solution .swiper-container{padding: 10px 0 0;} .h_pro .swiper-container-solution .swiper-button-prev{left:-18px;} .h_pro .swiper-container-solution .swiper-button-next{right:-18px;} .h_pro .selected-solution>div{width:85%;} .h_pro .col-sm-3{width:94%;margin-right:3%;} .h_pro .swiper-slide .pic{width:99%;border:1% solid #eaeaea;height:170px;} .h_pro .swiper-slide .wz p{display:none;} .h_pro{padding: 15px 0 20px;} .h_pro .swiper-slide .wz a.tlt{font-size:13px;} } /*首页新闻*/ .in_news{background-color:#fff;padding: 10px 0 0;} .in_news_in{width:1170px;margin:0 auto;padding-top: 5px;padding-bottom: 10px;} .in_news_in .slideTxtBox{overflow:hidden;width:824px;border:1px solid #f1f1f1;float:left; height:388px; overflow:hidden;} .in_news_in .slideTxtBox .hd{float:left;} .in_news_in .slideTxtBox .hd li{width:200px;height:192px;} .in_news_in .slideTxtBox .hd li.one{margin-bottom:4px;} .in_news_in .slideTxtBox .hd li a{background:#656a71;display:block;width:180px;height:192px;font-size:16px;color:#fff;font-weight:bold;text-align:center;} .in_news_in .slideTxtBox .hd li.on{background:url(../images/news_2.png) 180px center no-repeat;} .in_news_in .slideTxtBox .hd li.on a{background:#71b70b;} .in_news_in .slideTxtBox .hd li span{display:block;padding: 50px 0 20px;} .in_news_in .slideTxtBox .bd{width:585px;float:right;padding:10px 25px 10px 10px;} .in_news_in .slideTxtBox .bd .infoList dl{border-bottom:1px dashed #ccc; padding:2px 0;} .in_news_in .slideTxtBox .bd .infoList dl dd{ font-size:16px; font-weight:bold; margin-top:10px; margin-left:5px;} .in_news_in .slideTxtBox .bd .infoList dl dd a{ display:block;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;} .in_news_in .slideTxtBox .bd .infoList dl dd a:hover{color:#71b70b;} .in_news_in .slideTxtBox .bd .infoList dl dd p{ font-size:14px; height:50px; overflow:hidden; margin:10px 0; line-height:25px;color: #999; font-weight:normal;} .in_news_in .slideTxtBox .bd .infoList li{border-bottom:1px dashed #ccc;overflow:hidden;line-height:42px;} .in_news_in .slideTxtBox .bd .infoList li a{display:block;width:400px;font-size:14px;color:#666;line-height:42px;padding-left:6px;float:left;overflow: hidden; text-overflow: ellipsis; white-space:nowrap;-webkit-transition: all .25s;-moz-transition: all .25s;-ms-transition: all .25s;-o-transition: all .25s;transition: all .25s;} .in_news_in .slideTxtBox .bd .infoList li a:hover{color:#71b70b;margin-left:-5px;} .in_news_in .slideTxtBox .bd .infoList li span{display:block;float:right;font-size:14px;color:#666;} .lxwm{float:right;box-shadow: 0px 0px 10px 1px #e1dddd; width:325px;} .ly .down21{height:344px;padding:20px;overflow:hidden;_zoom:1; background:#fff; margin-top:5px;} .ly .down21 img{ width:100%;} .ly .down21 p{font-size:13px;color:#555;line-height:28px; width:100%;word-break:break-all;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;} .ly .down21 .tel2{border-top:1px solid #dedede;border-bottom:1px solid #dedede;padding:10px 0;margin-top:10px;} .ly .down21 .tel2 div{font-size:31px;font-weight:bold;color:#005991;overflow:hidden; white-space:nowrap;text-overflow:ellipsis; width:90%;} .ly .down21 .others_icon{height:42px;margin-top:20px;} .ly .down21 .others_icon a{display:block;float:left;width:76px;height:42px;line-height:42px;font-size:14px;color:#333;} .ly .down21 .others_icon a.weixin{background:#f0f0f0 url(../images/proicon5_1.png) 17px center no-repeat;padding-left:46px;} .ly .down21 .others_icon a.weixin{position:relative;} .ly .down21 .others_icon a.weixin .weixin_code{position:absolute;bottom:46px;left:50%;width:100px;margin-left:-50px;} .ly .down21 .others_icon a.weixin:hover{background:#005991 url(../images/proicon5_2.png) 20px center no-repeat;color:#fff;} .ly .down21 .others_icon a.zixun{float:right;background:#f0f0f0 url(../images/proicon6_1.png) 20px center no-repeat;padding-left:46px;} .ly .down21 .others_icon a.zixun:hover{background:#71b70b url(../images/proicon6_2.png) 20px center no-repeat;color:#fff;} @media (max-width:1199px) { .in_news_in{width:90%;} .in_news_in .slideTxtBox{width:65%;} .lxwm{width:30%;} .in_news_in .slideTxtBox .hd{width:30%;} .in_news_in .slideTxtBox .hd li{width:100%;} .in_news_in .slideTxtBox .hd li a{width:93%;} .in_news_in .slideTxtBox .hd li.on{background: url(../images/news_2.png) right center no-repeat;} .in_news_in .slideTxtBox .bd{width:65%;padding: 10px 3% 10px 2%;} .in_news_in .slideTxtBox .bd .infoList li a{width:65%;} .in_news_in .slideTxtBox .bd .infoList li span{ font-size:13px;} .in_news{padding: 10px 0 0;} .ly .down21 .others_icon a{width:33%;} .ly .down21 .others_icon a.weixin{background: #f0f0f0 url(../images/proicon5_1.png) 10% center no-repeat;padding-left: 15%;} .ly .down21 .others_icon a.zixun{background: #f0f0f0 url(../images/proicon6_1.png) 10% center no-repeat;padding-left: 15%;} .ly .down21 .others_icon a.weixin:hover{background:#005991 url(../images/proicon5_2.png) 10% center no-repeat;} .ly .down21 .others_icon a.zixun:hover{background:#71b70b url(../images/proicon6_2.png) 10% center no-repeat;} .ly .down21 .tel2 div{font-size:28px;} } @media (max-width:992px) { .ly .down21 .others_icon a.weixin{background-size:20%;} .ly .down21 .others_icon a.zixun{background-size:20%;} .ly .down21 .others_icon a.weixin:hover{background-size:20%;} .ly .down21 .others_icon a.zixun:hover{background-size:20%;} .in_news{padding: 20px 0 0;} } @media (max-width:880px) { .in_news_in .slideTxtBox{width:60%;} .lxwm{width:38%;} } @media (max-width:767px) { .in_news_in .slideTxtBox{width:100%;margin-bottom:20px;} .lxwm{width:100%;} .ly .down21 .others_icon a.weixin{background-size:15%;} .ly .down21 .others_icon a.zixun{background-size:15%;} .ly .down21 .others_icon a.weixin:hover{background-size:15%;} .ly .down21 .others_icon a.zixun:hover{background-size:15%;} .ly .down21{height:324px;} .in_news_in .slideTxtBox .hd{width:100%;} .in_news_in .slideTxtBox .hd li{width:50%;float:left;height:55px;line-height:50px;} .in_news_in .slideTxtBox .hd li a{width:100%;height:85%;} .in_news_in .slideTxtBox .hd li span{display:none;} .in_news_in .slideTxtBox .hd li.on{ background: url(../images/news_3.png) center bottom no-repeat;} .in_news_in .slideTxtBox .bd{width:92%;padding: 0 4% 20px 4%;} } /*底部*/ #in_lk_box{width:100%; padding-top:20px;background-color:#f1f1f1;} #in_lk_box p{width:1170px;line-height:26px;padding:20px 0;margin:0px auto;color:#555;} #in_lk_box p a{padding-right:10px;color:#555;} #foot_box{background:#1c1c1d;padding-top:30px;margin-top:0;} #foot_box .foot_z{width:1170px; margin:0 auto; color:#968f8f; overflow:hidden;padding-bottom: 40px; } #foot_box .foot_z a{ color:#968f8f} #foot_box .foot_z p{ text-align:left;padding-left:20px;} #foot_box .foot_z b{ color:#F00} #foot_box .foot_z img{ } .foot_logo{float:left;width:252px;padding-right:12px;padding-top: 16px;} .foot_logo img{width:252px;} .foot_wenzi{float:left;width:680px;padding:20px 15px;line-height:28px;} .foot_weixin{float:right;padding: 10px 20px 0 0;} .foot_weixin img{max-width:100%;} #foot_box .foot_z .foot_weixin p{ text-align:center; padding-left:0; padding-top:5px; margin-left:-7px;} .foot_bq{background:#161617;height:40px;line-height:40px;text-align:center;color:#6d6c6c;} #foot_box .foot_z .foot_nav {overflow:hidden;padding-bottom:15px;} #foot_box .foot_z .foot_nav li{float:left;margin:0 10px;} #foot_box .foot_z .foot_nav li a{display:block;width:76px;height:40px;line-height:40px;text-align:center;font-size:14px;color:#afa8a8;background:#2d2d2f;} #foot_box .foot_z .foot_nav li a:hover{background:#252527;} @media (max-width:1199px) { #in_lk_box{padding-top:0;} #in_lk_box p{width:90%;padding: 10px 0 20px;} #foot_box .foot_z{width:90%;padding-bottom: 10px;} .foot_bq{padding:0 5%;} .foot_logo{width:20%;padding-right:0;} .foot_logo img{width:100%;} .foot_wenzi{width:60%;padding: 20px 3%;} #foot_box .foot_z .foot_nav li{margin: 0 1%;width: 12%;} #foot_box .foot_z .foot_nav li a{width:100%;} #foot_box .foot_z p{padding-left:0;} .foot_weixin{width:14%;padding: 10px 0 0 0;} } @media (max-width:992px) { } @media (max-width:880px) { } @media (max-width:767px) { #foot_box{padding-top:10px;} .foot_logo{width: 70%;float:none;margin:0 auto;padding-top:0;} .foot_wenzi{width:100%;padding: 10px 0;} #foot_box .foot_z .foot_nav li{width:23%;margin-bottom:10px;} #foot_box .foot_z .foot_nav{padding-bottom:5px;} .foot_weixin{width:50%;margin:0 auto;float:none;text-align: center;} .foot_bq{height:auto;line-height:22px;padding:15px 3%;} } /*内页样式开始*/ /*内页banner*/ .ny_banner{width:100%;margin-bottom:20px;position:relative;overflow: hidden;} .ny_banner .slideshow {width:100%;height: 295px;overflow: hidden;background-repeat: no-repeat;background-position: center center;background-size: cover;margin:0 auto;} @media (max-width: 1199px) and (min-width: 1001px){.ny_banner .slideshow {width:100%;height:240px;}} @media screen and (max-width: 1000px){.ny_banner .slideshow {width:100%;height: 200px;}} @media (max-width:880px) {.ny_banner{margin-bottom:10px;}} @media screen and (max-width: 760px){.ny_banner .slideshow {height: 150px;}} @media screen and (max-width: 480px){.ny_banner .slideshow {height: 120px;}} /*分页*/ #fengye{ width:100%; float:left; height:30px; line-height:30px; text-align:center; margin-bottom:40px; margin-top:20px;color:#555555;} #fengye a{color:#333;padding: 6px 10px;background:#ccc;margin-left:5px;margin-right:5px;} #fengye a:hover{ color:#fff; background:#71b70b;} #fengye .p_input{width: 20px;padding:5px; border:1px #ccc solid;outline: none;} #fengye .go{padding:5px;background:#71b70b;width:40px;color:#fff;cursor: pointer;outline: none;} @media (max-width:767px) { #fengye{height:auto;font-size:0;margin-bottom: 20px;} #fengye a{font-size:14px;} #fengye .go{margin-left:5px;height:28px;} } .biaoti_ny{color:#666; background:url(../images/d_1.gif) bottom repeat-x; padding-bottom:12px;position:relative;height:30px;line-height:30px;margin-bottom: 20px;} .biaoti_ny b{font-size:22px; color:#005991; padding-right:5px;} .biaoti_ny span{position:absolute;right:0; color:#666;width: 520px;text-align: right; height:30px; overflow:hidden;} .biaoti_ny span a{ background:none; color:#005991; float:none} @media (max-width:1199px) { } @media (max-width:992px) { } @media (max-width:880px) { } @media (max-width:767px) { .biaoti_ny{height:auto;line-height:24px;padding-bottom: 8px;margin-bottom:8px;} .biaoti_ny span{position:static;width:100%;display:block;text-align: left; margin-top:3px; height:28px;} } /*内页新闻*/ #ny_newslb_box{ padding:0 10px 10px; clear:both;} #ny_newslb_box li{ height:42px;line-height:42px; background:url(../images/d-3.gif) no-repeat 0px center; border-bottom:1px dashed #ddd; font-size:14px; padding-left:20px; overflow:hidden;} #ny_newslb_box li a{ color:#666; float:left;-webkit-transition: all .25s;-moz-transition: all .25s;-ms-transition: all .25s;-o-transition: all .25s;transition: all .25s;display:block;float:left;width:75%;overflow: hidden; text-overflow: ellipsis; white-space:nowrap;} #ny_newslb_box li a:hover{color:#71b70b;margin-left:-5px; } #ny_newslb_box li span{ float:right; display:block;width:20%;text-align:right;color:#666;font-size:14px;} .ny_main_box{ clear:both; line-height:22px; padding:10px;} #inside_rnewtil{ text-align:center; font-size:24px; color:#333333;width:100%; margin-bottom:5px; font-family:"Microsoft YaHei";line-height:34px;} .inside_rnewtime{ text-align:center; font-size:14px; color:#666; border-bottom:1px dashed #dedede; height:38px;line-height:38px;width:100%;} .inside_rnewcon{ font-size:14px; color:#555; line-height:24px; margin-top:10px;width:100%;} .fenpian{ width:100%;margin-top:30px;padding-top:20px;border-top: 1px solid #f1f1f1;} .l{ width:100%;height:25px; line-height:25px; font-size:14px; color:#555;overflow: hidden; text-overflow: ellipsis; white-space:nowrap;} .l a{ color:#555;} .l a:hover{ color:#71b70b;} @media (max-width:1199px) { #inside_rnewtil{font-size:22px;padding-bottom: 0;} } @media (max-width:992px) { } @media (max-width:880px) { } @media (max-width:767px) { #ny_newslb_box li a{width:67%;} #ny_newslb_box li span{width:30%;} #inside_rnewtil{font-size:20px;line-height:24px;} .inside_rnewcon{line-height:28px;} .l{height:35px;line-height:35px;} } /*内页左侧相关文章*/ .xgwz{margin-top:15px;} .xgwz .protlt{font-size:18px;height:60px;line-height:60px;text-align:center;background:#005996;color:#fff;} .xgwz ul{padding: 15px 3% 10px;margin: 0 auto;background-color: #fff;border: 4px solid #005a9a;border-top: 0;} .xgwz ul li{height: 38px;line-height: 38px;background: url(../images/d-3.gif) no-repeat 0px center;border-bottom: 1px dashed #ddd;font-size: 13px;padding-left: 20px;overflow: hidden; text-overflow: ellipsis; white-space:nowrap;} .xgwz ul li a{color:#555;} .xgwz ul li a:hover{color:#71b70b;margin-left: -5px;} @media (max-width:1199px) { } @media (max-width:992px) { } @media (max-width:880px) { } @media (max-width:767px) { .xgwz .protlt{height:45px;line-height:45px;font-size:16px;} } /* 产品LIST列表*/ #prolist_box{ padding:10px 0 0 0; clear:both;} #prolist_box li{ clear:both; border-bottom:1px dashed #ddd; padding-bottom:20px; margin-bottom:20px;overflow:hidden;} .proli_img{ width:25%; height:200px; border: 1px solid #ddd; ; float:left;} .proli_img a{display:block;width:100%;height:100%;text-align: center;} .proli_img a img{max-width:90%;max-height:90%;vertical-align: middle;} .proli_img a .iblock {display:inline-block;height:100%;width:0;vertical-align:middle} .proli_text{ float:right; font-size:14px; width:72%; margin-top:15px } .proli_text b{ font-size:16px; line-height:20px; font-weight:bold; margin-bottom:15px; height:20px; overflow:hidden; display:block} .proli_text b a{ color:#333333;} .proli_text b a:hover{ color:#71b70b;} .proli_text p{color:#777; line-height:24px; height:77px; font-size:13px;overflow:hidden;} .proli_text .pro_mm{margin-top:20px;display:block;width:45%;height:40px;line-height:40px; color:#666; text-align:center; border:1px solid #ddd;-webkit-transition: all .25s;-moz-transition: all .25s;-ms-transition: all .25s;-o-transition: all .25s;transition: all .25s;float: left; margin-right: 2%;text-align: left;padding-left: 2%;overflow:hidden; white-space:nowrap;text-overflow:ellipsis; } @media (max-width:1199px) { .proli_text .pro_mm{ width:98%; float:none; margin-top:5px;} } .proli_text .pro_mm:hover{color:#fff;background:#71b70b;} .moreclass{ height:30px; line-height:30px; display:block; color:#333; text-align:center; font-weight:bold; BACKGROUND: #ccc; margin: 7px 5px;} .moreclass:hover{color:#fff;} @media (max-width:992px) { } @media (max-width:880px) { .proli_img{width:30%;} .proli_text{width:67%;} } @media (max-width:767px) { .proli_img{width:40%;height:150px;} .proli_text{width:55%;margin-top:0;} .proli_text p{height:40px;line-height:20px;} .proli_text .pro_mm{width:90%;margin-top:5px;height:30px;line-height:30px;} } /*-------------产品详细页产品信息---------------*/ #pro_jbzl_box{ border:1px solid #dddddd; clear:both; width:100%; font-size:14px; margin-top:15px;} .xglb{ width:100%; clear:both; height:35px; line-height:35px; border-bottom:1px solid #ddd;} .xglb .h_d{ float:left; font-size:14px;color:#333; background:url(../images/icon_04.png) no-repeat 10px; padding-left:25px;} .xglb .h_d a{color:#333;} .xglb .h_d a:hover{ color:#ff7c00;} .xglb .xglb_right{ float:right; margin-right:20px;} .xglb .xglb_right a{ margin-right:10px; color:#0066CC; background:url(../images/right_icon01.png) no-repeat top left; padding-left:15px; padding-top:3px;} .xglb .xglb_right a:hover{ color:#ff7c00;} .xglb .xglb_right .xglb_xl{ font-size:14px;} .xglb_xl{_margin-top:7px;} .pro_img{ float:left; _width:310px; margin-bottom:20px; margin-right:10px;} #pro_text_box01{ float:left; padding-top:10px; line-height:20px; color:#333333; width:400px; _width:400px;} #pro_text_box01 .h_d{ font-size:16px; color:#000; margin-bottom:10px;} #pro_text_box01 table td{ line-height:24px;} #pro_ssfl{ border:1px solid #0066CC; color:#0066CC; padding:0px 5px 0px 5px; display:block; float:left;} #pro_ssfl:hover{ border:1px solid #FF6633; color:#FF6633; padding:0px 5px 0px 5px;} #pro_text_box01 p{ width:385px;*width:355px; border:1px solid #fdd274; background:#fdf1d7; padding:10px; margin-top:10px; height:80px; overflow:hidden; color:#333333;} #pro_an{ margin-top:20px;} #pro_an a{ width:125px;height:35px; display:block; float:left; text-align:center; font-size:16px; color:#FFFFFF; line-height:35px;font-family:"Microsoft YaHei"} #pro_an01{ background:url(../images/pro_an01.jpg) no-repeat;} #pro_an01:hover{ background:url(../images/pro_an01hover.jpg) no-repeat;} #pro_an02{ background:url(../images/pro_an02.jpg) no-repeat; margin-left:20px;} #pro_an02:hover{ background:url(../images/pro_an02hover.jpg) no-repeat;} #pro_text_box02{ clear:both;padding-top:10px; margin-top:20px;font-size:14px; line-height:24px;} #pro_gsbt{ font-size:14px; color:#0066CC; border-bottom:3px solid #ddd; padding-bottom:5px; margin-bottom:10px;} #pro_order{ clear:both; margin-top:15px;} .prodetail_box{ clear:both; margin-bottom:20px; border-bottom:1px solid #f1f1f1; padding:0 0 40px;} .pro_text01{ float:right;color:#555;font-size:14px;line-height:26px; width:46%;} .pro_text01 p{ clear:both; margin-bottom:5px;color:#555;font-size:14px;line-height:26px; overflow: hidden;} .pro_text01 p b{ float:left; display:block; width:21%;color:#555;font-size:14px;line-height:26px;font-weight:normal;} .pro_text01 p span{ float:left; width:76%;color:#666;font-size:13px;line-height:26px;} .pro_text01 h1.pro_name{font-size:24px;font-weight:bold;padding-bottom:10px; width: 100%;} #pro_xxnr_box{ clear:both; line-height:24px; font-size:14px;color: #555;} #pro_xxnr_box .bt{ height:30px; line-height:30px; background:#ddd; padding-left:15px; color:#333; font-size:14px; font-weight:normal; margin-bottom:15px;} #pro_xxnr_box .xxbrbox{ padding:5px;} .contact_page{font-size:14px;line-height:30px !important;color:#666;} .idx_main_box{margin-top:0 !important;} @media (max-width:1199px) { .pro_text01 p b{width:25%;} .pro_text01 p span{width:74%;} .prodetail_img{height:300px;} } @media (max-width:992px) { .pro_text01 p b{width:28%;} .pro_text01 p span{width:71%;} .pro_text01 p span.desc{height:80px;overflow:hidden;} .prodetail_img{height:250px;} } @media (max-width:880px) { .prodetail_img{height:300px;} .pro_text01 h1.pro_name{font-size:22px;} } @media (max-width:767px) { .prodetail_img{float:none;width:100%;margin-bottom:15px;margin-top:20px;} .pro_text01{float:none;width:100%;} .prodetail_box{padding-bottom:20px;} } /*内页联系方式*/ .tags_title{border-bottom:1px solid #DDD;margin:0 0 30px;} .tags_title span{width:80px;padding:0 15px;font-size:16px;text-align:center;height:45px;line-height:45px;margin-bottom: -1px;background:#fff;color:#333;display:block;margin-left: 5px;border: 1px solid #DDD;border-bottom:1px solid #ffffff;font-weight:bold;} .contact .tags_title{} .contact .tags_title span{float:left;width:auto;cursor:pointer;} .contact .tags_title span.ron{background:#f1f1f1;border: 1px solid #f1f1f1;border-bottom: 1px solid #DDD;color:#666;font-weight:normal;} .contact .content2{display:none;line-height: 30px;} .contact .content1{ margin-top:40px;} .contact .content1 ul li{float: left;width:30%;margin-right: 25px;} .contact .content1 ul li:nth-child(3n){margin-right:0;} .contact .content1 ul li a{display:block;} .contact .content1 ul li a em{display:block;float:left;width:60px;height:60px;border:1px solid #ddd;border-radius:50%;margin-right:15px;} .contact .content1 ul li.lx1{width: 28%;} .contact .content1 ul li.lx2{width: 36%;} .contact .content1 ul li.lx1 em{background:url(../images/contact_tel.png) center center no-repeat;} .contact .content1 ul li.lx2 em{background:url(../images/contact_email.png) center center no-repeat;} .contact .content1 ul li.lx3 em{background:url(../images/contact_address.png) center center no-repeat;-webkit-animation: bounce-up 1.4s linear infinite;animation: bounce-up 1.4s linear infinite;} .contact .content1 ul li a .wz{float:left;width: 65%;} .contact .content1 ul li a .wz p{font-size: 18px;padding-bottom:10px;} .contact .content1 ul li a .wz span{font-size: 18px;display: block;height: 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .contact .content1 ul li a .wz span.addr{height: 55px;overflow: hidden;line-height: 30px;display: block; white-space:normal;} .lx_dz { width:100%; overflow:hidden; margin:50px auto 20px; padding:0;} .lx_dz .dz_map { width:97%; height:370px; overflow:hidden; margin:0 auto; padding:1%; border:1px solid #d9d9d9;} .lx_dz .dz_map iframe{width:100%;} .lx_dz .dz_map iframe body{width:100%;} @media (max-width:1199px) {.contact .content1 ul li {float: none;width: 100% !important;margin-right: 0;margin-bottom:20px;} .contact .content1 ul li a .wz{width:75%;} } @media (max-width:992px) {} @media (max-width:880px) {.contact .content1 ul li {float: none;width: 100% !important;margin-right: 0;margin-bottom:20px;} .contact .content1 ul li a .wz{width:75%;} .contact .content1 ul li a .wz p {float:left;width:100%;line-height:26px;padding-right:10px;font-size: 16px;} .contact .content1 ul li a .wz span {float:left;width:100%;line-height:26px;font-size: 14px;} .contact .content1 ul li.lx3 a .wz span {float:left;line-height:30px;} .lx_dz {margin: 20px auto 20px; } .lx_dz .dz_map{height:270px;} } @media (max-width:767px) {.tags_title{margin: 20px 0 30px;}.contact .content1 ul li a .wz { width:70%;}} /*qq漂浮*/ .pf_new{width:250px;position: fixed;right: 20px;top: 200px;z-index: 99999;} .pf_new .hd{width:100%;background:#71b70b url(../images/pf_tlt_bg.png) right center no-repeat;text-align:center;border-radius:8px 8px 0 0;padding:8px 0 10px;} .pf_new .hd p{font-size:18px;font-weight:bold;color:#fff;text-align:center;} .pf_new .hd span{display:block;font-size:14px;color:#fff;font-style:italic;margin-top:-2px;} .pf_new .hd em{display:block;width:15px;height:15px;background:url(../images/pf_close.png) center center no-repeat;position:absolute;top:10px;right:10px;cursor:pointer;transition: 0.5s;} .pf_new .hd em:hover{-webkit-transform: rotate(90deg); -o-transform: rotate(90deg);-moz-transform: rotate(90deg);transform: rotate(90deg);} .pf_new .conn{width:230px;border-left:1px solid #dedede;border-right:1px solid #dedede;border-bottom:1px solid #dedede;background:#fff;padding:10px 10px;} .pf_new .conn .lxr{border-bottom:1px dashed #dedede;padding-bottom:10px;} .pf_new .conn .lxr p{text-align:center;font-size:14px;color:#555;margin-bottom:0;} .pf_new .conn .lxr p img{vertical-align:middle;margin-top:-2px;margin-right:4px;} .pf_new .conn .lxr a.qq{display:block;width:92px;height:22px;background:url(../images/pf_icon2.png) center center no-repeat;margin:5px auto 0;} .pf_new .conn .tel{border-bottom:1px dashed #dedede;padding:10px 0;} .pf_new .conn .tel p{text-align:center;font-size:14px;color:#555;} .pf_new .conn .tel img{vertical-align:middle;margin-top:-2px;margin-right:4px;} .pf_new .conn .tel span{display:block;font-size:18px;font-weight:bold;color:#71b70b;text-align:center;overflow: hidden; text-overflow: ellipsis; white-space:nowrap;padding-top:3px;} .pf_new .conn .wx{padding:10px 0;} .pf_new .conn .wx p{width:88px;height:88px;background:url(../images/pf_code_bg.jpg) center center no-repeat;margin:0 auto;text-align:center;} .pf_new .conn .wx p img{width:80px;height:80px;vertical-align:middle;} .pf_new .conn .wx p .iblock {display:inline-block;height:100%;width:0;vertical-align:middle} .pf_new .conn .wx span{display:block;text-align:center;font-size:12px;color:#999;margin-top:5px;} .pf_new .conn .wx span em{font-style:normal;color:#71b70b;} .pf_new .bd{display:none;} .pf_new .bd a{display:block;padding:10px 0;background:#fff;color:#555;font-size:14px;vertical-align:middle;text-align:center;border:1px solid #dedede;border-top:0;} .pf_new .bd a p{height:20px;background:url(../images/pf_icon4.png) center center no-repeat;} .pf_new .bd a span{display:block;text-align:center;padding-top:5px;} .pf_new .bd a:hover{background:#71b70b;color:#fff;width:100%;border:0;} .pf_new .bd a:hover span{ color:#fff;} .pf_new .bd a:hover p{background:url(../images/pf_icon4_2.png) center center no-repeat;} .pf_new_bx{width:40px;height:134px;background:#71b70b url(../images/pf_tlt_bg2.png) bottom center no-repeat;border-radius:4px 0 0 4px;position:fixed;right:0;top:200px;z-index:99999;padding-top:5px;cursor:pointer;display:none;-webkit-transition: all .25s;-moz-transition: all .25s;-ms-transition: all .25s;-o-transition: all .25s;transition: all .25s;} .pf_new_bx p{height:17px;background:url(../images/pf_icon5.png) center center no-repeat;animation:pulse 2s infinite;-webkit-animation:pulse 2s infinite;} @-webkit-keyframes pulse{0%{-webkit-transform: translate(0, 0); transform: translate(0, 0);} 50%{-webkit-transform: translate(0, 10px); transform: translate(0, 10px);} 100%{-webkit-transform:translate(0, 0); transform: translate(0, 0);} } @keyframes pulse{0%{-webkit-transform: translate(0, 0); transform: translate(0, 0);} 50%{-webkit-transform: translate(0, 10px); transform: translate(0, 10px);} 100%{-webkit-transform: translate(0, 0); transform: translate(0, 0);} } .pf_new_bx span{font-size:17px;color:#fff;line-height:21px;font-weight:bold;text-align:center;display:block;padding-top:10px;} .pf_new_bx em{display:block;height:19px;background:url(../images/pf_icon6.png) center center no-repeat;} .pf_new_bx:hover{background:#71b70b url(../images/pf_tlt_bg2.png) bottom center no-repeat;} @media (max-width:880px) { .pf_new{display:none;} #KFRightScreen{display:none !important;} } /*详情页内容超出设置*/ @media (min-width:1199px) { #c_detail_wrap #new-div .zoom-caret{display:none !important;} } #c_detail_wrap img,#c_detail_wrap p,#c_detail_wrap span,#c_detail_wrap div,#c_detail_wrap video,#c_detail_wrap embed{height:auto !important;max-width:100% !important;max-height: 100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;white-space:normal;word-break:break-all;word-break: normal;} #c_detail_wrap #new-div{overflow-x: hidden;overflow-y: hidden;width: 100%;position:relative;} #c_detail_wrap #new-div .zoom-caret{display:block;position: absolute;top: 10px;right: 5px;font-size: 50px;color: #a7a5a5;z-index: 2;padding: 0;margin: 0;opacity: .3;} #c_detail_wrap #new-div table{transform-origin: left top;border-collapse: collapse;max-width: none!important;width: auto;} #c_detail_wrap #new-div table td{padding: 3px;border: 1px solid #ccc;} #c_detail_wrap #new-div.on{overflow:scroll; width: 100%;} #c_detail_wrap #new-div.on .zoom-caret{display:none;} /*设置滚动条样式*/ #c_detail_wrap #new-div::-webkit-scrollbar {height:2px;}/* 滚动槽 */ #c_detail_wrap #new-div::-webkit-scrollbar-track {background-color:#f0f0f0;border-radius:0px;}/* 滚动条滑块 */ #c_detail_wrap #new-div::-webkit-scrollbar-thumb {background-color:#bfbfbf;} #c_detail_wrap #new-div::-webkit-scrollbar-thumb:window-inactive {background-color:#3c3c3c;} @media (max-width:880px) { #c_detail_wrap img,#c_detail_wrap p,#c_detail_wrap span,#c_detail_wrap div,#c_detail_wrap video,#c_detail_wrap embed{width:auto !important;height:auto !important;max-width:100% !important;max-height: 100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;white-space:normal;word-break:break-all;word-break: normal;} } /*留言*/ .cpzx .ly_msg { width: 100%; overflow: hidden; margin: 0 auto 20px; padding: 0;} .cpzx .ly_msg h3 { width: 100%; height: 40px; overflow: hidden; line-height: 40px; margin: 0 auto; padding: 0; border-bottom: 1px solid #dfdfdf; color: #333; font-size: 14px; font-weight: bold; text-align: center;} .cpzx .ly_msg ul { width: 100%; overflow:hidden; margin: 20px auto; padding: 0;/* box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;*/} .cpzx .ly_msg ul li { width: 100%; overflow: hidden; margin: 0 auto 20px; padding: 0;} .cpzx .ly_msg ul li h4 { width:17%; height: 34px; overflow: hidden; line-height: 34px; margin: 0; padding: 0 20px 0 0; color: #333; font-size: 14px; text-align: right; float: left; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;} .cpzx .ly_msg ul li .msg_ipt1, .ly_msg ul li .msg_tara { width: 83%; overflow: hidden; margin: 0; padding-right: 20px; background:url(/images/tb_img.png) top right no-repeat; float: left; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;} .cpzx .ly_msg ul li .msg_ipt1 { height: 34px;} .cpzx .ly_msg ul li .msg_tara { height: 118px;} .cpzx .msg_ipt1 input, .msg_tara textarea { display: block; width: 100%; overflow: hidden; margin: 0; padding: 8px 15px; color: #666; font-size: 12px; border: 1px solid #dfdfdf; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;} .cpzx .msg_ipt1 input { height: 34px; line-height: 16px;} .cpzx .msg_tara textarea { height: 118px; line-height: 20px; resize: none;} .cpzx .ly_msg ul li .msg_ipt2 { width: 120px; height: 34px; overflow: hidden; margin-right: 10px; padding:0; float: left;} .cpzx .msg_ipt2 input { display: block; width: 120px; height: 34px; overflow: hidden; line-height: 16px; margin: 0; padding: 8px 15px; color: #666; font-size: 12px; border: 1px solid #dfdfdf; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;} .cpzx .ly_msg ul li a.yzm_img { display: block; width: 90px; height: 34px; overflow: hidden; margin: 0; padding-right: 20px; background:url(/images/tb_img.png) top right no-repeat; float: left;} .cpzx .ly_msg ul li .msg_btn { width:83%; overflow: hidden; margin: 0; padding: 0; float: left;} .cpzx .msg_btn input { display: block; width: 100px; height: 34px; overflow: hidden; line-height: 32px; margin: 20px 15px 0 0; padding: 0; background-color: #f0f0f0; color: #333; font-size: 13px; text-align: center; border: 1px solid #ccc; float: left;} .cpzx .ly_msg ul li .msg_ipt12 {width: 83%; height: 34px; overflow: hidden; margin: 0; padding-right: 20px; float: left; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;} .cpzx .msg_ipt12 input { height: 34px; line-height: 16px; display: block; width: 100%; overflow: hidden; margin: 0; padding: 8px 15px; color: #666; font-size: 12px; border: 1px solid #dfdfdf; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;} .cpzx .ly_msg ul li h4 {width: 15%;height: 45px;font-size:14px;font-weight: normal;} .cpzx .ly_msg ul li .msg_ipt1, .ly_msg ul li .msg_tara {width: 85%;} .cpzx .ly_msg ul li .msg_ipt1, .ly_msg ul li .msg_tara {width: 85% !important;} .cpzx .ly_msg ul li .msg_ipt1 {height: 47px;} .cpzx .msg_ipt1 input { height: 45px; line-height: 45px;} .cpzx .ly_msg ul li .msg_ipt12 {width: 85% !important;height: 45px !important;} .cpzx .msg_ipt12 input {height:45px;} .cpzx .ly_msg ul li .msg_ipt1 select{height: 45px !important;} .cpzx input{border-radius:2px;border:1px solid #fff !important;background:#f1f1f1;} .cpzx textarea{border-radius:2px;border:1px solid #fff !important;background:#f1f1f1;} .cpzx select{border-radius:2px;border:none !important;background:#f1f1f1;outline:none;text-indent:10px;} .cpzx input:focus,.cpzx textarea:focus{border: 1px solid #dedede !important;} .cpzx .ly_msg ul li a.yzm_img img{height:100% !important;} .cpzx .msg_btn input{width:150px;height:45px;line-height:45px;cursor:pointer;} .cpzx .msg_btn input:first-child{background:#005b9f;color:#fff;} .cpzx .msg_ipt2 input {height: 45px;} .cpzx .ly_msg ul li .msg_ipt2{height: 45px;} @media (max-width:767px){ .ly_msg ul li h4{display:none;} .cpzx .ly_msg ul li div{width:100% !important;} .cpzx .ly_msg ul li .msg_ipt1, .ly_msg ul li .msg_tara{width:100% !important;} .cpzx .ly_msg ul li .msg_ipt12{width:100% !important;} .ly_msg ul li div.msg_ipt2{width:30% !important;} .ly_msg ul li span{display:none;} .ly_msg{margin: 0 auto 0 !important;} .cpzx .msg_btn input{width:49%;margin-right:0;} .cpzx .msg_btn input:first-child{margin-right:2%;} .cpzx .ly_msg ul{ margin: 20px auto 0;} } /*手机一键拨打功能*/ @media (min-width:769px){ .pf_tel{ display:none;} } @media (max-width:768px){ .pf_tel {width: 1rem; height: 1rem; margin: 0; padding: 0; position: fixed;right: 0.12rem;bottom: 20%; z-index: 100;} .pf_tel a { display: block; width: 0.6rem; height: 0.6rem;margin: 0; padding: 0.2rem; border-radius: 50%; background-color: #ff7200; box-shadow: 0 0 0.16rem rgba(255, 114, 0, 0.4);} .pf_tel a img {display: block; width: 0.6rem;height: 0.6rem;margin: 0 auto; padding: 0; } .pf_tel p{ font-size:14px; color:#666; text-align:center;margin-top: 3px;} .to_top{margin-top:10px !important; background:#666 !important;} } /**产品详细介绍**/ .tjpro_tit {width:100%; height: 40px; overflow: hidden; line-height: 40px; color: #333; font-size: 24px; margin: 0 auto 10px; padding: 10px 0; border-bottom: 1px solid #eaeaea;} .ny_main{padding-top:40px;} .prodetail_con { width:100%; overflow: hidden; margin: 0 auto; padding: 0;} .prodetail_con .prodetail_tit { width:100%; height: 40px; overflow: hidden; line-height: 40px; color: #333; font-size: 24px; margin: 0 auto 40px; padding: 10px 0; border-bottom: 1px solid #eaeaea;} .prodetail_con .pro_xxjs { width:100%; overflow: hidden; margin: 40px auto; padding: 0;} .pro_xxjs b { display:block; width: 100%; overflow: hidden; line-height: 26px; color: #333; font-size: 14px; font-weight: bold; margin: 0 auto; padding: 0;} .pro_xxjs p, .pro_xxjs div { display:block; width: 100%; overflow: hidden; line-height: 26px; color: #666; font-size: 14px; text-align: justify; text-indent: 2em; margin: 0 auto; padding: 0;} .pro_xxjs img { display:inline-block; max-width: 100%; margin: 10px auto; padding: 0;} /**prodetail**/ .pro_detail_main { width:100%; height:auto; margin: 40px auto; padding: 0; position: relative;} .pro_detail_main .pro_detail_img { width:480px; height: 480px; overflow: hidden; margin: 0; padding: 10px; border: 1px solid #eaeaea; box-sizing: border-box; float: left;} .pro_detail_img .pro_detail_img_main { width:100%; height: 100%; margin: 0 auto; padding: 0; position: relative;} .pro_detail_img_main img { display:block; max-width: 100%; max-height: 100%; margin: auto; padding: 0; position: absolute; left: 0; top: 0; right: 0; bottom: 0;} .pro_detail_main .pro_detail_text { width:53%; min-height:360px; overflow: hidden; margin: 0; padding: 0 0 80px; float: right; position:relative;} .pro_detail_text h1 { width:100%; overflow: hidden; line-height: 40px; color: #005996; font-size: 30px; text-align: justify; margin: 0 auto; padding: 0;} .pro_detail_text .jyms { width:100%; height:140px; overflow:hidden; margin:20px auto; padding:20px; background-color:#f8f8f8; box-sizing: border-box;} .pro_detail_text .jyms p { width:100%; height:100px; overflow:hidden; line-height:25px; color:#888; font-size:14px; text-align: justify; margin:0 auto; padding:0;} .pro_detail_text .jyms p span { color:#333; font-weight: bold;} .pro_detail_text ul { width:100%; margin: 20px auto; padding: 0;} .pro_detail_text ul li { width:50%; height:30px; overflow: hidden; line-height: 30px; color: #888; font-size: 14px; text-align: justify; white-space:nowrap; text-overflow: ellipsis; margin: 10px auto; padding: 0; float:left;} .pro_detail_text ul li img { display:block; width:16px; height:16px; overflow:hidden; margin:7px 4px 7px 0; padding:0; float:left;} .pro_detail_text ul li span { color:#333; font-weight: bold;} .pro_detail_text .pro_detail_btn { width:100%; height: 60px; overflow: hidden; margin: 0 auto; padding: 0; position:absolute; left:0; bottom:6px;} .pro_detail_btn a { display:block; width: 48%; height: 60px; overflow: hidden; line-height: 60px; color: #fff; font-size: 22px; text-align: center; margin: 0; padding: 0; float: left;} .pro_detail_btn a.prodtl_btn1 { float:left; margin: 0 4% 0 0; background-color: #005996;} .pro_detail_btn a.prodtl_btn2 { float:left; background-color: #4a4a4a;} .pro_detail_btn a.prodtl_btn1:hover { background-color: #004e83;} .pro_detail_btn a.prodtl_btn2:hover { background-color: #005996;} /**产品详情页产品图片切换**/ .prodetail_img { width:44%; height: 440px; margin: 0; padding: 0; box-sizing: border-box; float: left;} #preview { width:100%; margin:0; text-align:center; position:relative;} .list-h li { float:left;} #spec-n5 { width:100%; height:70px; padding-top:10px; overflow:hidden;} #spec-left { width:16px; height:64px; float:left; cursor:pointer; margin-top:3px;} #spec-right { width:16px; height:64px; float:left;cursor:pointer; margin-top:3px;} #spec-list { width:100%; float:left; overflow:hidden; margin:0; display:inline;} #spec-list ul { } #spec-list ul li { float:left; display:inline; padding:0; width:18.4%; height:64px; margin:0 2% 0 0;} #spec-list ul li:last-child { margin:0;} #spec-list ul li p { width:100%; height:100%; overflow:hidden; margin:0; padding:0; border:1px solid #ddd; position:relative; box-sizing: border-box;} #spec-list ul li:hover p { border:1px solid #005996;} #spec-list ul li img { display:block; max-width:94%; max-height:94%; margin:auto; padding:0; position:absolute; left:0; top:0; right:0; bottom:0;} /*jqzoom*/ .jqzoom { position:relative; width:100%; height:360px; overflow:hidden; padding:0; border:1px solid #eaeaea; box-sizing: border-box;} .jqzoom img { display:block; max-width:100%; max-height:100%; margin:auto; padding:0; position:absolute; left:0; top:0; right:0; bottom:0;} .zoomdiv { z-index:100;position:absolute;top:1px;left:0px; background:url(i/loading.gif) #fff no-repeat center center;border:1px solid #eaeaea;display:none;text-align:center;overflow: hidden; left:104%!important; top:0!important;} .bigimg { } .jqZoomPup { width:200px!important; height:200px!important; z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;background:url(../images/mask.png) 0 0 repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;} #spec-list { position:relative; width:100%; margin:0;} #spec-list div { width:100%!important; height:70px!important; margin:0;} #ceshi { display:block; margin:auto!important; left:0; top:0; bottom:0; right:0;} .prodetail_img a.videoIco { left:20px!important; bottom:20px!important; z-index:99!important;} .Warning { width:100%!important; height:100%!important;} @media (max-width:1400px) { .pro_detail_main{width:100%;} .prodetail_img{width:45%;} #preview{width:100%;} .jqzoom{width:100%;} #spec-n5{width:100%;} #spec-list{width:100%;} .pro_detail_main .pro_detail_text{width:52%;} .pro_detail_text .pro_detail_btn{width:100%;} .zoomdiv { left:104%!important} } @media (max-width:992px) { } @media (max-width:880px) { .pro_detail_main{width:100%;margin: 24px auto 20px;} .prodetail_img{width:100%;height:auto;} #preview{width:100%;} .jqzoom{width:100%;height: 285px;} .pro_detail_main .pro_detail_text{width:100%;padding-top:2px;height: auto;min-height:260px; padding-bottom:60px;} .pro_detail_text h1{font-size:22px; line-height:32px;} .pro_detail_text .jyms{margin: 10px auto;padding: 12px 20px;height:auto;} .pro_detail_text ul{overflow:hidden; margin: 10px auto;} .pro_detail_text ul li{font-size:14px; margin: 6px auto;} .pro_detail_text .pro_detail_btn { height:48px;} .pro_detail_btn a{height:48px;line-height:48px;width:48%;font-size:16px;} .pro_detail_btn a.prodtl_btn1{margin: 0 4% 0 0;} #spec-n5{width:100%;} #spec-list{width:100%;} .zoomdiv,.jqZoomPup{display:none !important;} } @media (max-width:767px) { } /*内页关于我们*/ .ny_abbt p {padding: 25px 0 4px;text-align: center;font-weight: bold;} .ny_abbt p span {display: block;font-size: 42px; color: #000;line-height: 42px; position: relative;padding-bottom: 18px;} .ny_abbt p span:after { position: absolute;width: 40px;height: 3px;background: #18469b;content: ""; bottom: 0;left:49%;} .ny_abbt p i {display: block;font-size: 16px;color: #777;line-height: 44px;text-transform: uppercase;font-style: normal;} .ny_abbt1 p{ padding-top:20px;} #ny_about dl dt img { max-width:100%; margin-top:10px;} #ny_about dl dd {font-size: 15px;letter-spacing: 1px; line-height: 30px; margin:25px 0;} .hyzs_con{ background:url(../images/hyzs.jpg) no-repeat center; width:680px; margin:0 auto; height:400px; position:relative;} .hyzs_con b{font-size: 34px;color: #fff;position: absolute;left: 195px;top: 30px;} .hyzs_con img{position: absolute;left: 283px;top: 100px;} .hyzs_con p{position: absolute;font-size: 18px;color: #555;text-align: center;left: 262px;top: 281px;line-height: 33px;} .hyzs_con p span{ font-size:28px; font-weight:bold; color:#d80101;} .zycp{ margin-bottom:50px; margin-top:30px;min-height: 200px;} .zycp_pro li{width:269px;height:284px;float: left;margin: 27px 9px 0px 12px;;position: relative;overflow: hidden;color: #fff;font-size: 16px;border: 1px solid #dcdcdc;} .zycp_pro .proimg_bk{width:269px; height:225px;background:#fff;} .zycp_pro a.proimg{width:269px;height:225px;display:block;display: flex;justify-content: center;align-items: center;display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center;} .zycp_pro img{max-width:220px; max-height:200px;} .zycp_pro li p{display: block;width:258px; padding:0 10px;line-height:54px;z-index: 1;position: absolute;background:#aaa;left: 0;bottom: 0;text-align: center;} .zycp_pro li p span{display:none;} .zycp_pro li a{display:block;color: #fff;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;} @media (max-width:1199px) { .zycp_pro li{ margin-right:20px;} .zycp_pro li:nth-child(3n){ margin-right:0;} .zycp{ height:460px; overflow:hidden;} } @media (max-width:880px) { .ny_abbt p span{font-size: 35px;padding-bottom: 12px;} .ny_abbt p{ padding-top:16px;} .ny_abbt p i{ font-size:14px;} .ny_abbt p span:after{ left:48%;} .zycp_pro li{width: 47%;margin:0;margin-right: 4%;height:190px;margin-bottom: 5%;} .zycp_pro li:nth-child(2n){ margin-right:0;} .zycp_pro li:nth-child(3n){ margin-right: 4%;} .zycp_pro .proimg_bk{ width:100%; height:150px;} .zycp_pro a.proimg{ width:100%; height:150px;display: flex;} .zycp_pro img{max-height: 90%;max-width: 90%;} .zycp_pro li p{width: 96%;height: 40px;line-height: 40px;font-size: 14px;padding: 0 2%;} .zycp{ height:545px; overflow:hidden;} } @media (max-width:767px) { .hyzs_con{ width:100%;} .hyzs_con b{ left:11%; font-size:28px;} .hyzs_con img{ left:30%;} .hyzs_con p{ left:22%;} .ny_abbt p span:after{ left:44%;} .ny_abbt p span{font-size: 30px;padding-bottom: 12px;} .ny_abbt p i{ font-size:14px;} #ny_about dl dt img{ margin-top:0;} .ny_abbt p{ padding-top:15px;} .zycp_pro li{width: 47%;margin:0;margin-right: 4%;height:190px;margin-bottom: 5%;} .zycp_pro li:nth-child(3n){ margin-right: 4%;} .zycp_pro li:nth-child(2n){ margin-right:0;} .zycp_pro .proimg_bk{ width:100%; height:150px;} .zycp_pro a.proimg{ width:100%; height:150px;display: flex;} .zycp_pro img{max-height: 90%;max-width: 90%;} .zycp_pro li p{width: 96%;height: 30px;line-height: 30px;font-size: 14px;padding: 0 2%;} .zycp{ height:525px; overflow:hidden;} } .pagebar { padding:20px; overflow:hidden; clear:both} .pagebar .pagination { display: flex; justify-content: center; margin-top: 10px; } .pagination a { background: #fff; border: 1px solid #ccc; color: #333; font-size: 12px; padding: 8px 10px; margin: 0 2px; border-radius: 3px; line-height:100% } .pagination span { color: #333; font-size: 12px; padding: 7px 2px; margin: 0 2px; border-radius: 3px; } .pagination a:hover { color: #333; border: 1px solid #333; } .pagination a.page-num-current { color: #fff; background: #333; border: 1px solid #333; } .pagination .st{ font-family:宋体} .text-secondary{ text-align:center; padding:20px 0} .maximg img{ width:100%; height:auto !important}