@charset "utf-8"; /* css document */ /* header*/ html { font-size: 62.5%; } body { transition: all 0.3s linear 0s; font-size: 14px; color: #666666; overflow-x: hidden } .otxt, .obtn, .oselect { border: none; background: none; } .w100 { width: 100%; } .w1000 { width: 1200px; margin: 0 auto; } .vimg { width: 100%; height: 100%; display: block; } .h60p { height: 50px; overflow: hidden; zoom: 1; } .top { background: #ffffff left top repeat; z-index: 8888; } .pagetop { position: relative; } .logo { padding: 20px 0; } .logo img { vertical-align: top; } .lge { padding: 10px 0; } .lge, .lge a { color: #888; } .lge em { padding: 0 10px; } .toptel { float: right; margin: 25px 0 0 30px; height: 32px; background: no-repeat left 10px; padding-left: 25px; line-height: 40px; font-weight: bold; color: #ff0000; font-size: 22px; display: inline; } .nav { margin-top: 25px; } .navlist { height: 40px; line-height: 40px; } .navlist ul { float: right; } .navlist li { display: inline-block; float: left; margin-left: 15px; } .navlist li.none em { display: none; } .navlist a, .navlist em { vertical-align: middle; } .navlist a { font-size: 16px; } .navlist a:hover, .navlist a.on { color: #3fb057; } .lge, .nav { width: 65%; text-align: right; } .warp_meau, .warp_search { color: #000; font-size: 25px; cursor: pointer; display: none; } .warp_meau { float: left; margin-left: 10px; margin-top: 7px; } .warp_search { float: right; margin-right: 10px; font-size: 23px; margin-top: 13px; } .warp_lanuge { display: none; padding: 0 5px; line-height: 40px; padding: 0 15px; box-sizing: border-box; } .warp_lanuge a, .warp_lanuge em, .warp_lanuge span { vertical-align: middle; } .warp_lanuge, .warp_lanuge a { font-size: 14px; } .warp_lanuge a, .warp_lanuge a:hover { color: #3e3a3a; } .warp_lanuge em { font-size: 12px; padding: 0 15px; } .warp_lanuge .language-icon-global { position: relative; top: 0; } .language-icon-global { font-size: 20px; margin-left: 25px; } .meau { width: 28px; height: 25px; position: relative; float: left; margin-left: 10px; margin-top: 12px; } .meau span { width: 100%; position: absolute; left: 0; top: 0; background: #3fb057; display: block; height: 3px; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; vertical-align: top; } .meau span { transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; } .meau .m1 { width: 20px; } .meau .m2 { top: 11px; } .meau .m3 { top: 22px; } .meauon .m1, .meauon .m2, .meauon .m3 { background: #ccc; } .meauon .m1 { transform: rotate(45deg); top: 9px; width: 28px; } .meauon .m2 { opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); } .meauon .m3 { transform: rotate(-45deg); top: 9px; } .tel { background: url(/uploads/image/stimages/tel.png) left top no-repeat; width: 29px; height: 29px; margin-right: 10px; display: inline-block; margin-top: 10px; } .meau, .tel { display: none; } .swiper-container { width: 100%; position: relative; overflow: hidden; zoom: 1; } .swiper-wrapper { width: 100%; position: relative; z-index: 88; } .swiper-slide { background-position: center top; background-repeat: no-repeat; } .swiper-slide-img { display: none; width: 100%; vertical-align: top; } .swiper-pagination { z-index: 99; height: 10px; text-align: center; } .swiper-container-horizontal > .swiper-pagination-bullets { width: 100%; bottom: 20px; left: 0; } .swiper-pagination-bullet { border: none; background: none; vertical-align: top; width: 20px; height: 20px; background: #fff; opacity: 1; } .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 8px; } .swiper-pagination-bullet-active { background: #3fb057; opacity: 1; } .swiper-button-next, .swiper-button-prev { width: 20px; height: 60px; z-index: 99; margin-top: -30px; } .swiper-button-prev { left: 0; } .swiper-button-next { right: 0; } #swiper1 { height: 500px; background-position: center top; background-repeat: no-repeat; } #swiper2 { width: 1200px; margin-top: 20px; } #swiper2 .swiper-button-next, #swiper2 .swiper-button-prev { background: none; color: #f79dc6; font-weight: bold; font-size: 45px; width: 45px; height: 45px; z-index: 888; cursor: pointer; } #swiper2 .swiper-button-next.swiper-button-disabled, #swiper2 .swiper-button-prev.swiper-button-disabled { opacity: 1; color: #e2e2e2; } #swiper2 .swiper-button-next { right: 0; } #swiper2 .swiper-button-prev { left: 0; } #swiper2 .swiper-slide { width: 35%; } .simg { overflow: hidden; zoom: 1; border: 1px solid #e5e5e5; background: #fff; } .simg img { width: 100%; } #swipernews { height: 400px; background-position: center top; background-repeat: no-repeat; } .pahebanner { height: 300px; overflow: hidden; zoom: 1; } .reading { padding: 30px 0; background: url(/uploads/image/stimages/ico4.jpg) left top repeat; color: #fff; line-height: 28px; } .readinglist { display: table; } .readingimg img { margin-right: 30px; } .readingimg, .readingtxt { display: table-cell; vertical-align: middle; } .readingtxt { text-align: justify; } .pubtit { font-size: 32px; color: #3fb057; text-align: center; } .pubtit1 { font-size: 32px; color: #3fb057; margin: 10px 0; } .pubtit img, .pubtit span { vertical-align: middle; } .pubtit span { padding-left: 25px; } .chosepro { padding: 25px 0; } .choseprolist { padding-top: 15px; background: 272px -10px no-repeat; } .choseprolisttxt { width: 100%; } .cph3 { font-size: 22px; text-align: center; width: 100%; color: #666666; margin: 10px 0; } .choseprolisttxt li { float: left; width: 25%; text-align: center; margin-top: 10px; } .cpdesc { line-height: 28px; padding-bottom: 20px; padding-top: 5px; } .cpdesc p { text-indent: 24px; } .choseprolistimg { width: 32.33%; } .cpmore { display: inline-block; width: 164px; line-height: 42px; text-align: center; height: 42px; font-size: 16px; background: #3fb057; } .cpmore, .cpmore:hover { color: #fff; } .choseprolistimg { padding-top: 30px; } .choseprolistimg img { max-width: 100%; } .whychose { background: #f2f2f2; padding: 30px 0; line-height: 24px; text-align: center; } .wclisth4 { font-size: 24px; color: #3fb057; padding: 10px 0; } .whychosediv { width: 52%; background: #f2f2f2; padding: 0; float: left; padding-top: 30px; font-size: 16px; text-align: left; } .whychoseul { width: 45%; background: #f2f2f2; padding: 0; float: right; } .whychoseul { padding-top: 30px; } .wclistm { float: left; width: 33.3%; margin: 0 0 1% 0; font-size: 14px; } .wclistm img { max-width: 100%; } .wclistm span { color: #3fb057; font-weight: bold; font-size: 14px; margin-right: 5px; } .bk3_1 { width: 580px; height: 280px; background: url(/uploads/image/stimages/bk3_1.jpg) no-repeat center center; float: left; text-align: center; vertical-align: middle; } .bk3_2 { width: 580px; height: 280px; background: url(/uploads/image/stimages/bk3_2.jpg) no-repeat center center; float: right; text-align: center; vertical-align: middle; } .pp1 { font-family: "microsoft yahei"; font-size: 12px; color: #ffffff; padding-top: 60px; } .pp2 { font-family: "microsoft yahei"; font-size: 28px; color: #ffffff; font-weight: bold; } .pp3 { font-family: "microsoft yahei"; font-size: 14px; color: #ffffff; } .pp1 span { font-size: 42px; font-weight: bold; } .sixysx { padding: 30px 0; } .sixysxlist { padding-top: 20px; } .sixysxl img, .sixysxr img { width: 100%; } .sixysxl { width: 44.41%; } .sixysxr { width: 54.58%; } .aqbz { padding: 25px 0; background: #f2f2f2; } .aqbzlist { width: 100%; display: table; padding-top: 20px; } .aqbzlisttxt { width: 62.2%; text-align: justify; line-height: 28px; display: table-cell; vertical-align: middle; } .aqbzlisdesc { position: relative; padding-right: 30px; } .aqbzlisdesc-line { position: absolute; left: 0; background: #3fb057; width: 50px; height: 1px; } .aqbzlistimg { width: 37.8%; display: table-cell; vertical-align: middle; } .aqbzlistimg img { width: 100%; } .aqbzlisdesc-line { bottom: 0; width: 50%; } .aqbzh4 { position: relative; padding-bottom: 12px; font-size: 24px; color: #444; } .aqbzo { padding-top: 10px; } .aqbz1 { padding: 25px 0; } .aqbzlist1 { width: 100%; display: table; padding-top: 20px; } .aqbzlisttxt1 { width: 76%; text-align: justify; line-height: 28px; display: table-cell; vertical-align: middle; } .aqbzlisdesc1 { position: relative; padding-right: 30px; } .aqbzlisdesc-line1 { position: absolute; left: 0; background: #3fb057; width: 50px; height: 1px; } .aqbzlistimg1 { width: 24%; display: table-cell; vertical-align: middle; } .aqbzlistimg1 img { width: 100%; } .aqbzlisdesc-line1 { bottom: 0; width: 50%; } .aqbzh41 { position: relative; padding-bottom: 12px; font-size: 24px; color: #444; } .aqbzo1 { padding-top: 10px; } .servicesindexlist { margin-top: 25px; } .servicesindexm { float: left; text-align: center; font-size: 18px; width: 25%; padding: 20px 22px; } .servicesindeximg { vertical-align: top; width: 100%; } .servicesindexh4 { line-height: 40px; height: 40px; overflow: hidden; } .servicesindexmlast { margin: 0; } .servicesindexdesc { font-size: 14px; color: #888; } .publicmore { overflow: hidden; zoom: 1; text-align: center; padding-top: 22px; } .publicmore1 { text-align: left; } .publicmore a { border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; display: inline-block; vertical-align: top; padding: 0 70px; height: 40px; line-height: 40px; font-size: 16px; background: #3fb057; } .publicmore a, .publicmore a:hover { color: #fff; } .servicesindexa { position: relative; display: block; text-align: center; } .servicesindexa .pic { width: 100%; position: relative; z-index: 5; } .servicesindexa .pic:after { content: ""; display: block; padding-bottom: 65%; } .servicesindexbg { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 888; background: rgba(0, 0, 0, 0.5); } .servicesindexbg em { display: inline-block; position: relative; top: 50%; } .servicesindexbg i { color: #fff; font-size: 30px; position: relative; top: 0; } .servicesindexbg, .servicesindexbg em, .servicesindexbg i { opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .servicesindexa:hover .servicesindexbg i { top: -15px; } .servicesindexa:hover .servicesindexbg em, .servicesindexa:hover .servicesindexbg, .servicesindexa:hover .servicesindexbg i { opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); } .publicmore a { transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; } .publicmore a:hover { background: #016ba9; } .hzyx { padding: 25px 0; } .hzyxlist { display: table; padding-top: 20px; } .hzyxlisttxt { width: 58%; text-align: justify; line-height: 28px; display: table-cell; vertical-align: middle; } .hzyxlistdesc { position: relative; padding-left: 30px; } .hzyxlistdesc-line { position: absolute; left: 30px; top: -12px; background: #3fb057; width: 50px; height: 1px; } .hzyxlistdesc span { color: #3fb057; font-weight: bold; } .hzyxlistimg { width: 42%; display: table-cell; vertical-align: middle; } .hzyxlistimg img { width: 100%; } .map { overflow: hidden; zoom: 1; /*height: 510px;*/ } .footer { background: url(/uploads/image/stimages/ico4.jpg) left top repeat; overflow: hidden; zoom: 1; } .footer, .footer a, .footer a:hover { color: #e9eaec; } .footerul { padding-right: 150px; overflow: hidden; zoom: 1; } .share { overflow: hidden; zoom: 1; padding: 12px 0; padding-bottom: 20px; border-bottom: 1px solid #a2a2a9; } .share a { width: 30px; height: 30px; display: inline-block; border: 0px solid #d8d8d8; vertical-align: middle; float: left; margin-right: 10px; } .share a.sina { background: left top no-repeat; } .share a.qq { background: left top no-repeat; } .share a.weixin { background: left top no-repeat; } .share a.qzone { background: left top no-repeat; } .ztc { padding-top: 8px; } .foot-nav { font-size: 16px; padding-bottom: 20px; } .foot-nav li { display: inline-block } .foot-nav a { display: inline-block; margin-right: 20px; margin-bottom: 10px; } .foot-nav, .foot-nav a, .foot-nav a:hover { color: #f2f2f2; } .footers { line-height: 28px; padding-top: 52px; padding-bottom: 20px; background: url(/uploads/image/stimages/footimg.png) right center no-repeat; } /*-->*/ .chanpin { padding: 25px 0; width: 990px; margin: 0 auto; font-size: 18px; } .chanpin h1 { font-size: 38px; color: #3fb057; } .chanpin img { border: 5px solid #3fb057; } .process1 { float: left; width: 50%; display: block; } .process11 { float: right; width: 50%; display: block; } .process2 { float: right; width: 50%; display: block; } .process21 { float: left; width: 50%; display: block; } .chanpin .div1 { padding: 0 50px; } .chanpin .div2 { padding-right: 100px; } .new { padding-top: 25px; } .newlist { overflow: hidden; zoom: 1; } .newlistm { overflow: hidden; zoom: 1; position: relative; padding-bottom: 30px; border-bottom: 1px solid #3fb057; margin-top: 30px; } .newimg { width: 38%; } .newimg img { width: 100%; vertical-align: top; } .newtxt { width: 62%; } .newh5 { font-size: 24px; color: #444; } .newdate { text-align: right; } .newdate span { background: #f2f2f2; width: 95px; height: 30px; line-height: 30px; text-align: center; display: inline-block; vertical-align: top; } .newdesc { overflow: hidden; zoom: 1; padding-top: 15px; } .newtxtdiv { overflow: hidden; zoom: 1; padding-left: 20px; line-height: 28px; } .newmore, .newmore:hover { color: #3fb057; } .newmorephone { position: relative; display: inline-block; margin-top: 10px; display: none; } .newlistm:hover .newh5 a, .newh5 a:hover { color: #3fb057; } .newlistm:hover .newsharepp { background: #3fb057; } .newlistmlast { border: none; } .newpage { overflow: hidden; zoom: 1; text-align: center; padding-bottom: 30px; } .newpage a { display: inline-block; margin: 0 5px; background: #eaeaea; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; width: 30px; height: 30px; line-height: 30px; text-align: center; } .newpage .on, .newpage a:hover { background: #3fb057; color: #fff; } .h20p { height: 20px; overflow: hidden; zoom: 1; } .case { padding: 25px 0; } .caselist { width: 970px; padding: 5px; border: 1px solid #dfdfdf; overflow: hidden; zoom: 1; margin: 0 auto; } .caselist img { width: 100%; vertical-align: top; } .caseh6 { font-size: 18px; line-height: 60px; height: 60px; text-align: center; } .caseh61 { color: #3fb057; font-size: 18px; line-height: 60px; height: 60px; text-align: center; } .caseh6 a, .caseh6 a:hover { color: #888888; } .caseh2 { font-size: 24px; line-height: 60px; height: 80px; text-align: center; } .botline { overflow: hidden; zoom: 1; width: 100%; background: center top no-repeat; height: 18px; } .about .chanpinlisdesc-line { width: 112px; } .about .chanpino p { text-indent: 24px; } .zhuanli { padding: 25px 0; background: #f2f2f2; } .news500 { width: 500px; margin: 0 auto; } .tit_newn { width: 100%; margin: 0 auto; font-size: 24px; text-align: center; line-height: 2; padding-top: 20px; } .time_newn { width: 100%; margin: 0 auto; color: #979797; font-size: 14px; line-height: 22px; text-align: center; font-family: arial, helvetica, sans-serif; padding: 14px 0 18px 0; border-bottom: #e1e0e0 solid 1px; } .text_newn { width: 100%; margin: 0 auto; padding: 30px 0; font-size: 14px; line-height: 2; border-bottom: #e1e0e0 solid 1px; } .share_newn { width: 100%; margin: 20px auto; } .share_newn .l_share { line-height: 2; font-size: 14px; } .text_newn img { max-width: 98%; } .aqbz1 { background: none; } .footerswarp { display: none; text-align: center; font-weight: bold; padding: 10px 0; } .contacta { padding: 25px 0; } .contactatxt { overflow: hidden; zoom: 1; padding-bottom: 20px; background: right center no-repeat; } .contactah4 { font-size: 24px; padding-bottom: 10px; } .c3fb057 { color: #3fb057; } .contactb { padding: 50px 0; background: #f2f2f2; padding-top: 110px; } .contactblist { width: 25.83%; float: left; display: inline; margin-right: 11.25%; text-align: center; box-shadow: 0 4px 3px rgba(115, 113, 113, 0.2); -webkit-box-shadow: 0 4px 3px rgba(115, 113, 113, 0.2); -moz-box-shadow: 0 4px 3px rgba(115, 113, 113, 0.2); } .contactblistlast { margin-right: 0; } .contactblistpd { padding: 0 30px; height: 260px; background: #fff; } .contactbimg { margin-top: -60px; } .contactbh4 { font-size: 24px; padding-top: 10px; } .contactbdesc { font-size: 16px; color: #888; padding-top: 30px; line-height: 28px; word-break: break-all; } .contactc { padding: 25px 0; } .contactclist { width: 25.83%; margin-top: 20px; float: left; display: inline; margin-right: 11.25%; text-align: center; } .contactclistlast { margin-right: 0; } .contactclistpd { } .contactcimg { } .contactch4 { font-size: 24px; margin-top: 25px; padding: 12px 0; border: 1px solid #e0e0e0; border-left: none; border-right: none; } .contactcdesc { font-size: 16px; color: #888; padding-top: 30px; line-height: 28px; text-align: justify; word-break: break-all; } .pubright { position: fixed; right: 0; top: 50%; margin-top: -74px; z-index: 888; width: 53px; } .b_qq, .b_weixin, .scrolltop { width: 53px; height: 53px; cursor: pointer; display: inline-block; float: right; margin-top: 3px; } .b_qq { background: left top no-repeat; } .b_weixin { background: left top no-repeat; display: none; } .b_weixin { position: relative; } .b_weixin { position: relative; } .b_weixin img { position: absolute; left: 0px; top: 0px; display: none; } .b_weixin:hover img { left: -198px; display: block; } .scrolltop { background: left top no-repeat; } .b_img { display: none; width: 100%; } .feedbackt { margin-top: 15px; width: 50%; margin: 0 auto; font-size: 16px; } .feedbackt .otext { resize: none; } .feedbackt .otext { width: 100%; height: 160px; line-height: 30px; font-size: 16px; padding: 5px; background: #fff; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; margin-bottom: 15px; } .feedbackt .otxt { border: 1px solid #ccc; line-height: 30px; font-size: 16px; padding: 5px; background: #fff; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; width: 100%; margin-bottom: 15px; } .btn_send { border: 1px solid #d9d9d9; border-radius: 15px; padding: 5px 30px; font-size: 1.5em; background: -180px top no-repeat; cursor: pointer; color: #000; text-align: center; transition: 600ms; } .btn_send:hover { background: 0 top no-repeat; color: #000; border: 1px solid #d9d9d9; } .feedbackt1 { margin: 15px 0; } .price { padding: 25px 0; font-size: 18px; font-family: "微软雅黑"; } .price img { max-width: 100%; } .price1, .price2 { width: 45%; } .price h1 { font-size: 38px; color: #3fb057; } .price .wz { width: 42%; text-align: left; padding-left: 3%; } #pricediv { display: none; } .hzhb li { float: left; width: 10%; margin: 2%; border: 1px solid #ccc; } .hzhb li div { width: 100%; height: 120px; position: relative; } .hzhb li.mr0 { margin-right: 0px; } .huanbao li { float: left; width: 285px; height: 310px; border: 0px solid #ccc; vertical-align: middle; margin-right: 20px; position: relative; display: table-cell; overflow: hidden; text-align: center; margin-top: 30px; } .huanbao li img { max-width: 285px; max-height: 250px; vertical-align: middle; } .huanbao li div { overflow: hidden; width: 285px; height: 250px; border: 5px solid #3fb057; position: relative; text-align: center; background-color: #fff; display: table-cell; vertical-align: middle; *display: inline; *writing-mode: tb-rl; *text-align: center; *height: 100%; } .huanbao li.mr0 { margin-right: 0px; } @media screen and (max-width: 1199px) { .w1000 { width: 90%; } .news500 { width: 100%; } } @media screen and (max-width: 769px) { body { font-size: 12px; line-height: 16px; } * { line-height: 20px; } .w1000, .choseprolisttxt, .choseprolistimg, .whychoseul, .sixysxl, .aqbzlisttxt, .contactblist, .contactclist, #swiper2, .news500 { width: 100%; } .pubtit { font-size: 18px; } .pubtit1 { font-size: 18px; } .pubtit img { width: 24px; } .lge, .search, .pubright, .toptel { display: none; } .logo { width: 180px; height: 50px; top: 10px; overflow: hidden; zoom: 1; margin-right: 10px; padding: 0; position: absolute; left: 33%; margin-left: -17px; } .logo img { height: 50px; } .meau, .tel, .h60p, .warp_meau, .warp_search, .footerswarp { display: block; } .top { background: #fff; height: 50px; padding: 10px 0; position: fixed; left: 0; top: 0; z-index: 99999; } .top { /*box-shadow:0 2px 2px rgba(0,0,0,0.2);-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.2);-moz-box-shadow:0 2px 2px rgba(0,0,0,0.2);*/ } .search { box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); } .nav { z-index: 88888; position: fixed; left: 0; box-sizing: border-box; background: left top repeat; top: 60px; width: 100%; box-shadow: 0 2px 3px rgba(9, 9, 9, 0.3); display: none; margin-top: 0; } .navlist { overflow: hidden; zoom: 1; padding: 0 10px; box-sizing: border-box; height: auto; } .navlist em { display: none; } .navlist ul { float: none; } .navlist li { float: left; text-align: left; padding: 0 5px; box-sizing: border-box; border-bottom: 1px solid #d2d2d2; width: 100%; line-height: 35px; margin-left: 0; } .search { z-index: 88888; height: 50px; padding: 10px; background: #f5f5f5; border-top: 1px solid #dddddd; position: absolute; left: 0; top: 60px; display: block; margin: 0; width: 100%; border-radius: 0; box-sizing: border-box; display: none; } .search_otxt { width: 88%; padding: 0; font-size: 16px; line-height: 30px; height: 30px; } .search_obtn { width: 12%; text-align: center; background: none; height: 30px; line-height: 30px; color: #fff; text-indent: inherit; font-family: '微软雅黑'; background: #f19715; } .warp_lanuge { display: block; text-align: left; } .navlist a { font-size: 14px; color: #888888; } .language-icon-global { display: none; } .warp_lanuge { text-align: right; } .warp_lanuge a, .warp_lanuge a:hover { color: #888; font-size: 13px; } #swiper1 { height: auto; margin-top: 60px; } .b_img { display: block; } .swiper-slide { background-size: 100% 100%; } .pahebanner { height: auto; background-size: 100% 100%; margin-top: 60px; } .swiper-pagination-bullet { width: 10px; height: 10px; background-size: 100% 100%; margin: 0 5px; } .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 0; } #swiper1 .swiper-slide { background: none; } .pahebanner { background-position: -9999px -9999px; background-size: auto; } #swiper2 .swiper-button-next, #swiper2 .swiper-button-prev { font-size: 30px; width: 30px; height: 30px; line-height: 30px; margin-top: -15px; } .choseprolist, .readinglist, .whychose, .sixysx, .aqbz, .hzyx, .chanpin, .aqbz1, .new, .case, .contacta, .contactb, .contactc { box-sizing: border-box; padding-left: 10px; padding-right: 10px; } .choseprolist { background: none; } .pdm { text-align: center; } #swipernews { height: auto; } #swipernews .swiper-slide { background: none; } .readingimg { text-align: center; } .readingimg img { width: 100px; } .whychoseul { padding-left: 0; padding-right: 0; } .contactblist { margin-right: 0; } .sixysxr { display: none; } .sixysxl { text-align: center; } .sixysxl img { width: 80%; } .aqbzlisttxt, .chanpinlisttxt, .aqbzlisttxt1, .newtxt { width: 70%; } .aqbzlistimg, .chanpinlistimg, .aqbzlistimg1, .newimg { width: 30%; } .aqbzlisdesc, .chanpinlisdesc, .aqbzlisdesc1 { padding-right: 10px; } .newtxtdiv { padding-left: 10px; } .aqbzh4, .chanpinh4, .aqbzh41, .newh5 { padding-bottom: 8px; font-size: 15px; } .contactah4 { font-size: 18px; } .newh5 { padding-bottom: 5px; } .newdesc { padding-top: 5px; } .hzyxlistimg, .hzyxlisttxt { width: 50%; } .hzyxlistdesc, .chanpinlisdesc { padding-left: 10px; } .chanpinlisdesc { padding-right: 0; } .map, .newshare, .botline { display: none; } .footers { background: none; text-align: center; } .footerul{ padding-right: 0; } .newdate { text-align: left; } .newdate span { width: auto; height: auto; background: none; line-height: 22px; font-weight: bold; color: #ccc; } .caselist { width: 80%; } .caseh6 { line-height: 24px; height: 24px; font-size: 15px; } .caseh61 { color: #3fb057; line-height: 24px; height: 24px; font-size: 15px; } .caseh2 { font-size: 22px; line-height: 30px; height: 50px; text-align: center; } .caselist { margin-bottom: 20px; } .contactbimg, .contactcimg { width: 60px; } .contactblistpd { height: auto; } .contactbimg { margin-top: -30px; } .contactb { padding-top: 60px; } .contactblist { margin-bottom: 60px; } .contactblistpd { padding-left: 10px; padding-right: 10px; } .contactbh4, .contactch4 { font-size: 16px; } .contactbh4 { padding-top: 0; } .contactbdesc { padding-top: 10px; font-size: 12px; padding-bottom: 20px; } .contactblistlast { margin-bottom: 0; } .contactcdesc { padding-top: 10px; font-size: 12px; } .contactclist { padding-bottom: 30px; } .reading { padding: 20px 0; } .readingimg { width: 15%; } .readingtxt { width: 85%; } .readingtxt { padding-top: 10px; padding-left: 15px; } .readingimg img { margin: 0; width: 100%; } .cph3, .wclisth4 { font-size: 15px; } .cpmore { display: inline-block; height: auto; width: auto; padding: 10px 20px; font-size: 12px; line-height: 14px; } .pubtit { padding: 0 20px; box-sizing: border-box; } .aqbzlist { padding-top: 0; margin-top: 0; display: block; } .aqbzlisttxt, .aqbzlistimg { display: block; width: 100%; } .aqbzlistimg { text-align: center; } .aqbzlisttxt { text-align: center; } .aqbzh4 { text-align: center; } .aqbzlisdesc-line { width: 30%; left: 50%; margin-left: -15%; } .aqbzlistimg img { width: 50%; max-width: 300px; } .aqbzlisdesc { padding-right: 0; } .hzyxlistimg, .hzyxlisttxt { display: block; width: 100%; } .hzyxlistimg { text-align: center; } .hzyxlistimg img { width: 70%; } .hzyxlisttxt { padding-top: 20px; } .hzyxlistdesc-line { display: none; } .newmore { display: none; } .newmorephone { display: block; } .newdesc { overflow: hidden; zoom: 1; height: 48px; line-height: 16px; word-wrap: break-word; word-break: normal; text-overflow: ellipsis; -o-text-overflow: ellipsis; } .chanpinlist { padding-top: 0; margin-top: 0; display: block; } .chanpinlisttxt, .chanpinlistimg { display: block; width: 100%; } .chanpinlistimg { text-align: center; padding: 20px 0; } .chanpinlisttxt { text-align: center; } .chanpinh4 { text-align: center; } .chanpinlisdesc-line { width: 30%; left: 50%; margin-left: -15%; } .chanpinlistimg img { width: 50%; max-width: 300px; } .chanpinlisdesc { padding-right: 0; } .chanpinlisdesc .chanpino { text-align: left; } .aqbzlisdesc .aqbzo { text-align: left; } .servicesindexlist { box-sizing: border-box; padding-left: 10px; padding-right: 10px; } .servicesindexm { width: 48%; margin: 0 0 2% 2%; font-size: 16px; } .servicesindexdesc { display0: none; } .servicesindexmodd { float: right; } .publicmore, .publicmore2 { padding-top: 20px; } .publicmore a, .publicmore2 a { line-height: 32px; height: 32px; font-size: 14px; padding: 0 30px; } .choseprolisttxt li { float: left; width: 25%; text-align: center; margin: 0px; text-align: center; } .choseprolisttxt li img { max-width: 100%; } .wclistm { float: left; width: 50%; margin: 0 0 1% 0; font-size: 14px; } .wclistm img { max-width: 100%; } .aqbzlisttxt { width: 100%; text-align: justify; line-height: 28px; display: table-cell; vertical-align: middle; } .aqbzlisdesc { position: relative; padding-left: 5px; width: 100%; } .aqbzlisdesc-line { position: absolute; left: 0; background: #3fb057; width: 50px; height: 1px; } .aqbzlistimg { width: 37.8%; display: table-cell; vertical-align: middle; } .aqbzlistimg img { width: 100%; } .aqbzlisdesc-line { bottom: 0; width: 50%; } .aqbzh4 { text-align: left; font-weight: bold; } .aqbzlisdesc-line { width: 50%; left: 50%; margin-left: -50%; } .aqbzlisttxt, .aqbzo, .whychosediv, .choseprolisttxt, .choseprolist, .bk3_1, .bk3_2 { width: 100%; } .pp1 { padding-top: 90px; } .pp2 { padding-top: 2%; } .pp3 { padding-top: 2%; } .chanpin, .process1, .process11, .process2, .process21, .price1, .price2, .wz, .price { width: 100%; display: block; } .chanpin img { border: 5px solid #3fb057; max-width: 98%; } .chanpin h1, .price h1 { font-size: 24px; color: #3fb057; padding: 10px 0; } .chanpin .div1 { padding: 0 0 0 10px; } .chanpin .div2 { padding: 0 0 0 10px; } .feedbackt .otxt, .feedbackt .otext { width: 95%; } .feedbackt .otext { width: 95%; height: 100px; } .td6 { display: none; } #tableprice { display: none; } #pricediv { display: block; } .hzhb li { width: 44%; } .hzhb li.mr0 { margin-right: 0px; } .divgreen { padding: 0 10px; width: 98%; font-size: 15px; } .huanbao li { float: left; width: 44%; height: 210px; border: 0px solid #ccc; vertical-align: middle; margin-right: 5%; position: relative; display: table-cell; overflow: hidden; text-align: center; margin-bottom: 5%; } .huanbao li img { max-width: 100%; max-height: 200px; vertical-align: middle; } .huanbao li div { overflow: hidden; width: 100%; height: 200px; border: 5px solid #3fb057; position: relative; text-align: center; background-color: #fff; display: table-cell; vertical-align: middle; *display: inline; *writing-mode: tb-rl; *text-align: center; *height: 100%; } .huanbao li.mr0 { margin-right: 0px; } .footer { margin-bottom: 0px; } }