body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, table, td, img, div { margin: 0; padding: 0; border: 0; box-sizing: border-box; } body { background: #fff; color: #333; font-family: "microsoft yahei"; overflow-x:hidden; } ul, ol, li { list-style-type: none; } select, input, img, select { vertical-align: middle; box-sizing: border-box; } a { text-decoration: none; color:#333; } dl, dt, dd { margin: 0; } .w11 { width: 1400px; margin: 0 auto; } .warp{ width: 90%; margin: 0 auto; } .clear { clear: both; } .clearfixed:after{ content:""; clear:both; display:block} .fl{ float:left} .fr{ float:right} .gj-gai-nr ul{ padding-bottom:65px;} .gj-gai-nr ul li{ float:left; width:50%; font-size:18px; font-weight:bold; margin-bottom:20px; background:url(../images/kh-icon1-1.png) no-repeat left center; padding-left:34px;} .f-post{ background:url(../images/s-bg1.png); padding:53px 0; text-align:center;} .f-post span{ background:url(../images/post.png) no-repeat left center; height:55px; display:inline-block; line-height:55px; font-size:28px; font-weight:bold; color:#e71f19; padding-left:80px;} .xg-zc-an{ width:50%; background:url(../images/xg-zc01.jpg) no-repeat left center #fff; background-size:contain; float:left; min-height:225px; padding:70px 0 0 32%;} .xg-zc-an p{ font-size:42px; padding-bottom:15px; transition-duration:.5s;} .xg-zc-an span{ font-size:18px; transition-duration:.5s;} .xg-zc-an:hover span{ color:#d0111b} .xg-zc-an:nth-child(2){ background:url(../images/xg-zc02.jpg) no-repeat left center #fff;} .onlineconsult_mobile {display:none} .onlineconsult_pc {display:block} .ne-banner{ width:100%; position:relative; margin-top:123px;} .ne-banner img{ width:100%; display:block;animation: changeScale 1 2.5s;} .ne-search{ width:80%; margin:0 auto; background:#fff; height:152px;-moz-box-shadow:0px 0px 7px #949494; -webkit-box-shadow:0px 0px 7px #949494; box-shadow:0px 0px 7px #949494; position:relative; top:-48px; padding:40px; box-sizing:border-box} .pd-pro{ padding:0 0 40px 0; background:url(../images/bg01.jpg) repeat-x bottom center;} .ne-sou{ margin-bottom:10px;} .ne-sou input{ width:65%; background:#ebebeb; height:51px; line-height:51px; border:none; outline:none; padding-left:25px; float:left;} .ne-sou button{ width:15%; height:51px; border:none; outline:none; background:url(../images/ss.png) no-repeat center center #d0111b} .ne-sou a{ background:#333333; color:#fff; width:15%; height:51px; line-height:51px; display:block; float:right; text-align:center; transition-duration:.5s;} .ne-sou a:hover{ background:#d0111b} .pro-ti{ text-align:center; padding-bottom:32px; font-size:48px;} .w1373{ width:1400px; margin:0 auto;} .pd-le{ width:41.44%; background:#ececec; padding:40px 28px 49px 28px; position:relative; transition-duration:.5s;} .pro-banner-txt{ position:absolute; bottom:0; width:100%; left:0;} .pro-banner-txt h2{ color:#fff; font-size:26px; padding-bottom:20px; font-weight:bold;} .pd-le dl dt{ background:url(../images/pro-bg.png) no-repeat; padding-bottom:100%; overflow: hidden; position:relative; transition-duration:.5s; background-size: contain;} .pd-le dl dt img{ position:absolute; bottom:100px; max-width:90%; left:0; right:0; margin:auto;} .pd-ri dl dt img{ width:100%; display:block; transition-duration:.5s;} .pd-le dl dd { text-align:center;} .pd-le dl dd p,.pd-ri dl dd p{ font-size:30px; color:#333; padding:36px 0 30px 0;} .pd-le dl dd span,.pd-ri dl dd span{ display:inline-block; border:1px solid #111111; color:#555; font-size:16px; line-height:32px; padding:0 27px; transition-duration:.5s; } .pd-le:after,.pd-ri dl:after{ content:""; position: absolute; width: 0; height: 4px; background: #d0111b; left: 50%; transform: translate(-50%); transition-duration: .5s; bottom: 0;} .pd-le:hover:after,.pd-ri dl:hover:after{ width:100%;} .pd-ri dl dt{ background:none;} .pd-le:hover dl dt{ transform:scale(1.1,1.1)} .pd-le:hover dl dd span,.pd-ri dl:hover dd span{ background:#d0111b; border-color:#d0111b; color:#fff;} .pd-ri{ width:58.56%;} .pd-ri dl{ width:50%; text-align:center; position:relative; float:left; background:#fff; transition-duration:.5s;} .pd-ri dl dt{ position:relative; padding-bottom:92%;} .pd-ri dl dd{ width:100%; text-align:center; bottom:38px; position: absolute;} .pd-ri dl dd p{ padding:0 0 11px 0;} .pd-ri dl dt img{ transition-duration:.5s; width:100%; height:100%; position:absolute; top:0; left:0;} .pd-ri dl:hover dt img,.f-hz ul li:hover span img{ transform:scale(1.1,1.1)} .gg-pro{ padding:40px 0;} .pd-le:hover { -moz-box-shadow:0px 0px 20px #999999; -webkit-box-shadow:0px 0px 20px #999999; box-shadow:0px 0px 20px #999999; z-index: 998; } .pd-ri dl:hover{ -moz-box-shadow:0px 0px 20px #999999; -webkit-box-shadow:0px 0px 20px #999999; box-shadow:0px 0px 20px #999999; z-index: 998;;} /* .accordion */ .accordion { height:485px;overflow: hidden;position:relative; margin-top:40px; clear:both; } .accordion:after { content: "";display: block;position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: #fff; } .accordion._create:after { display: none; } .accordion__ul { display:block;list-style: none;margin: 0;padding: 0;width:9999px;height:485px;overflow:hidden;position:absolute;left:0;top:0; } .accordion__li { display:block;list-style: none;margin: 0;padding: 0;height:485px;float:left;overflow: hidden; transition: all 0.3s ease-out; margin-right:4px; position:relative; background:#000;} .accordion__img { display: block;cursor: pointer;position:relative; opacity:0; transition-duration:.5s;} .wenben{ color:#333; position:absolute; top:0; left:0; padding:0; transition-duration:.5s; opacity:1; text-align:center; width:100%; height:100%;} .wenben img{ position:absolute; width:100%; height:100%; top:0; left:0; opacity:1;} .wenben h1{ font-size:26px; font-weight:normal; padding-bottom:17px; position:relative; padding-top:57px;} .wenben p{border:1px solid #111111; color:#555; display:inline-block;font-size:16px; line-height:32px; padding:0 27px; position:relative} .wenben p:hover{background:#d0111b; border-color:#d0111b; color:#fff;} .accordion__li:hover .accordion__img{ opacity:1;} .accordion__li:hover .wenben img{ opacity: 0; } .accordion__li:hover .wenben p{background:#d0111b; border-color:#d0111b; color:#fff;} .tb{ opacity:1; position:absolute; width:100%; text-align:center; top:50%; transform:translateY(-50%);transition-duration:.5s;} .tb p{ color:#fff; font-size:18px; font-weight:bold; padding-top:15px;} .accordion__li:hover .tb{ opacity: 0; } .cookiespan{margin-left:30px;cursor:pointer;color:#fff;align:center} .footerbr{display:none} .new-product{ width:100%;background:url(../images/bg02.jpg) repeat center center; padding:50px 0 60px 0;} .f-hz{ background:#d0111b; padding:47px 0; clear:both} .f-hz h1{ text-align:center; font-size:30px; font-weight:normal; color:#fff; padding-bottom:20px;} .f-hz ul{ text-align:center;} .f-hz ul li{ background:#fff; height:55px; width:29%; display:inline-block; text-align:center;} .f-hz ul li span{ display:inline-block; position:relative; top:-4px;} .f-hz ul li p{ display:inline-block; font-size:24px; padding-left:20px; line-height:55px;} .f-hz ul li span img{ transition-duration:.5s;} .f-hz ul li a{ color:#333;} .f-hz ul li a:hover{ color:#d0111b} .f-hz ul li:nth-child(2){ margin:0 6.1%;} .jd-product{ padding:75px 0 60px 0;} .jd-le{ width:349px; height:334px; background:url(../images/bg03.jpg) no-repeat; text-align:center; line-height:334px; font-size:48px; color:#fff; font-weight:bold;} .jd-product ul{ width:1050px; background:#f5f5f5; height:334px; padding-top:75px;} .jd-product ul li{ float:left; padding:0 33px;} .jd-product ul li img{ transition-duration:.5s; width:100%; height:100%;} .jd-product ul li:hover img{ transform:scale(1.2,1.2)} .new-qh{ width:1054px; overflow:hidden; position:relative; margin:0 auto; height:588px; } .new-qh .bd{ position:relative; height:100%; overflow:hidden; } .new-qh .bd li{ background:#000;} .new-qh .bd img{ width:100%; height: 100%; display:block; transition-duration:.5s; } .new-qh .bd li:hover img{ transform:scale(1.1,1.1); opacity:0.6} .new-qh .hd{ overflow:hidden; position:absolute; width:100%; text-align: center; bottom:21px; z-index:1; } .new-qh .hd ul{ overflow:hidden; zoom:1; color:#fff; width:100%; text-align: center; } .new-qh .hd ul li{ display: inline-block; margin-right:15px; width:48px; height:6px; background:#fff; border-radius:30px; cursor:pointer; } .new-qh .hd ul li.on{ background:#d0111b} .se-key{ font-size:18px; text-align:center;} .se-key a{ color:#333; padding:0 10px 0 0;} .se-key a:hover{ color:#d0111b} .zxzx{ width: 50px; height: 155px; background: #d0111b; position: fixed; right: 0; bottom: 40%; } .zxzx span{ display: block; margin: 0 auto; width: 20px; font-size: 18px; color: #fff; text-align: center; padding-top: 30px; position: relative; margin-top: 15px; } .zxzx span:before{ display: block; content: ''; width: 29px; height: 27px; background: url(../images/zx1.png) no-repeat; position: absolute; top: 0; left: -5px; /*transition-duration: 0.5s;*/ animation: caleTop 1s infinite; } /* 本例子css */ .pro-le .picScroll-top{ width:346px; overflow:hidden; position:relative; } .pro-le .picScroll-top .hd .prev{position:absolute; top:0px; left:0; width:346px; height:29px;z-index:9;cursor:pointer; background:url(../images/pre1.png) no-repeat center center #e7e7e7; border-top:1px solid #e6e1e1; text-align:center; opacity:0.75;} .pro-le .picScroll-top .hd .next{ position:absolute; bottom:0px;left:0; width:346px; height:29px;z-index:9;cursor:pointer; background:url(../images/next1.png) no-repeat center center #e7e7e7; border-top:1px solid #e6e1e1; text-align:center; opacity:0.75; } .pro-le .picScroll-top .hd .prev:hover,.picScroll-top .hd .next:hover{ opacity:1;} .pro-le .picScroll-top .bd{ padding-top:29px; background:#ececec;} .pro-le .picScroll-top .bd ul{ overflow:hidden; zoom:1; } .pro-le .picScroll-top .bd ul li{ width:346px; height:140px; position:relative; border-top:1px solid #dbdbdb; } .pro-le .picScroll-top .bd ul li dl{ padding:16px 20px;} .pro-le .picScroll-top .bd ul li dl dt{ float:left; width:75px; height:100px;} .pro-le .picScroll-top .bd ul li dl dt img{ transition-duration:.5s; width:100%; max-height:100%;} .pro-le .picScroll-top .bd ul li dl dd{ float:left; padding-left:20px; padding-top:10px;width: calc(100% - 75px);width: -webkit-calc(100% - 75px);box-sizing: border-box;} .pro-le .picScroll-top .bd ul li dl dd p{ font-size:16px; padding-bottom:10px;} .pro-le .picScroll-top .bd ul li dl dd a{ color:#333; opacity:0.75; font-size:14px; display: inline-block; line-height:30px; border:1px solid #a2a2a2; line-height:30px; padding:0 10px; } .pro-le .picScroll-top .bd ul li:hover dl dd a{color:#fff; background:#d0111b; border-color:#d0111b; opacity:1;} .pro-le .picScroll-top .bd ul li:hover dl dt img{ transform:scale(1.1,1.1)} .pro-le .picScroll-top .bd ul li:hover dl dd p{ color:#d0111b} /*产品列表*/ .zpmenu{width:100%;display:inline;background:rgba(255,255,255,0.7);float:left;height:56px;overflow:hidden} .ne-home{ padding:18px 0 0 0 ; position:relative; z-index:2;} .zpmenu dl{height:56px; line-height:55px;} .zpmenu dt{width:180px;float:left; text-align:center; font-weight:bold; font-size:18px; position:relative; cursor:pointer } .zpmenu dd{position:relative;width:600px;display:block;float:left;height:55px;overflow:hidden} div.zpmenu dl#slider2 dd div.zpinfor{width:600px;display:inline; float:left;height:55px;overflow:hidden} .zpmenu .open{ font-size:22px; color:#333;} .zpmenu .open a{ color:#d0111b; font-size:22px;} .zpmenu dd ul{width:600px;float:left;clear:both} .zpmenu dd ul li{line-height:55px;margin:0 50px 0 0;display:inline;white-space:nowrap;float:left; font-size:18px;} .zpmenu dd ul li a{ color:##333} .zpmenu dd ul li a:hover{ color:#d0111b} .zpmenu dd ul li:last-child{ margin-right:0;} .zpmenu dt:after{ content:""; position:absolute; left:0; top:15px; width:1px; height:23px; background:#999999} #slider2 dt:nth-child(1):after{ display:none;} .pro-fl-cx{ padding:54px 0 23px 0; line-height:17px;} .pro-fl-cx dl{ margin-bottom:25px;} .pro-fl-cx dl dt{ float:left; font-size:16px; font-weight:bold; padding-right:15px; width:56px;} .pro-fl-cx dl dd{ width:94%; float:left;} .pro-fl-cx dl dd a{ position:relative; display:inline-block; padding-left:26px; margin-right:20px; margin-bottom:20px;} .pro-fl-cx dl dd a:before{ content:"";width: 17px;height: 17px;border: 1px solid #969696; position:absolute; left:0; top:0; display:block;} .pro-fl-cx dl dd a:hover:before,.pro-fl-cx dl dd .on:before{background: url(../images/green.png) no-repeat; background-size:cover} input[type='radio'],input[type='checkbox']{ width:17px; height: 17px; vertical-align:middle; opacity: 0; } .input_style{ width: 17px; height: 17px; display: inline-block; margin-right:12px; } .checkbox_bg{ border:1px solid #969696} .checkbox_bg_check{ background: url(../images/green.png) no-repeat; } .check .input_style { width: 13px; height: 13px; display: inline-block; margin-right: 6px; position:relative; top:4px; } .check .checkbox_bg { border: 1px solid #cccccc; } .check .checkbox_bg_check{ background: url(../images/check-click1.jpg) no-repeat; } .pro-fl-cx dl dd lable{ padding-right:20px; font-size:16px;} .ne-pro-search{-moz-box-shadow:0px 0px 19px #B5B5B5; -webkit-box-shadow:0px 0px 19px #B5B5B5; box-shadow:0px 0px 19px #B5B5B5; height:100px; line-height:100px; padding:0 42px;} .ne-pro-search h1{ font-size:18px; float:left;} .ne-pro-search p{ font-size:16px; float:left; padding:0 30px;} .po-form{ } .po-form input{ width:642px; height:56px; background:#f8f8f8; border:none; float:left; margin-top:20px; margin-right:24px; padding-left:30px;} .po-form button{ width:56px; height:56px; background:url(../images/ss.png) no-repeat center center #d0111b; outline:none; border:none; margin-top:20px;} .ne-pro-list{ padding:33px 20px;} .ne-pro-list dl{ border:1px solid #e0e0e0; width:24%; float:left; margin-right:1%; margin-bottom:44px;} .ne-pro-list dl:nth-child(4n){ margin-right:0;} .ne-pro-list dl dt{ position:relative; padding-bottom:80%; overflow:hidden} .ne-pro-list dl dt:before{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; z-index: 1; opacity: 0; -o-transition: .4s; -ms-transition: .4s; -webkit-transition: .4s; -moz-transition: .4s; transition: .4s;} .ne-pro-list dl dt img{ transition-duration:.5s; width:auto; position:absolute;top:0; left:0; bottom:0; right:0; margin:auto; max-height:100%; max-width:100%; } .ne-pro-list dl dd{ background:#f4f4f4; padding:20px 10px 25px; text-align:center; transition-duration:.5s; border-top:1px solid #e0e0e0; position:relative;} .ne-pro-list dl dd h1{ font-size:18px;transition-duration:.5s;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .ne-pro-list dl dd p{ color:#777; padding-top:10px;transition-duration:.5s;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; display:none;} .ne-pro-list dl:hover dt:before{ opacity:0.5;} .ne-pro-list dl:hover dt img{ transform:scale(1.1,1.1)} .practice-link { position: absolute; width: 35px; height: 35px; top: 50%; margin-top: -17.5px; text-align: center; left: 50%; margin-left: -17.5px; opacity: 0; transform: scale(0); -o-transition: .4s; -ms-transition: .4s; -webkit-transition: .4s; -moz-transition: .4s; transition: .4s; z-index: 2; } .practice-link span{ display:block; width:100%; height:100%; transition-duration:.4s;background:url(../images/link.png) no-repeat center #fff; border-radius: 50%;} .ne-pro-list dl:hover .practice-link { opacity: 1; transform: scale(1); } .ne-pro-list dl .practice-link span:hover {background:url(../images/link-1.png) no-repeat center #da1729;} .ne-pro-list dl:hover dd{ background:#da1729} .ne-pro-list dl:hover dd h1,.ne-pro-list dl:hover dd p{ color:#fff;} .jianT{width: 100%; text-align: center; padding:0 0 40px 0;} .jianT li{ background:#fff; border:1px solid #ddd;line-height: 36px; height:36px; width:43px; display:inline-block; margin:0 6px; } .jianT li a{ font-size: 14px; color:#474747; display:block} .jianT li a:hover{text-decoration: none; background:#c61c22;color:#fff;} .jianT li .on{ background:#c61c22; color:#fff;} /*产品详情*/ .pro-detail-nav{ width:100%; background:#f4f4f4; padding:26px 0 20px 0; margin-top:123px; border-bottom:1px solid #e3e3e3;} .pro-detail-nav ul li{ float:left; padding-right:50px;} .pro-detail-nav ul li a{ font-size:16px; position:relative; padding-bottom:23px;} .pro-detail-nav ul li a:after{ content:""; position:absolute; bottom:0; width:0; left:50%; transform:translate(-50%); transition-duration:.5s; height:3px; background:#d0111b} .pro-detail-nav ul li a:hover:after,.pro-detail-nav ul li .on:after{ width:100%;} .pro-detail-nav p{ line-height:24px;background:url(../images/home1.png) no-repeat left center; padding-left:40px;} .pro-detail-nav p a:hover{ color:#bf101a} .ne-pro-part01{ width:1265px; margin:0 auto; padding:50px 0 53px 0;} .pro-ri01{ width:587px;} .tit01{ font-size:24px; color:#bf101a;} .wb01{ color:#555; font-size:14px; text-align:justify; line-height:1.6; margin:20px 0 29px 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; line-clamp: 4; -webkit-box-orient: vertical;} .ne-zx li{ display:inline-block; height:53px; line-height:53px; font-size:20px; width:45%; text-align:center;} .ne-zx li a{ color:#fff; display:block; transition-duration:.5s;} .ne-zx li:nth-child(1) a,.ne-zx li:nth-child(2) a{ background:#d0111b;} .ne-zx li a:hover{ transform:scale(1.1,1.1)} .ne-zx li:nth-child(3) a{ background:#777777;} .ne-zx li:nth-child(3){ float:right;} .ne-zx li:nth-child(1){ display:none;} .xg-pro h1{ font-size:18px; font-weight:normal; padding:34px 0 14px 0;} /* 相关产品滚动 */ .xg-pro .picScroll-left{ overflow:hidden; position:relative; border:1px solid #dddddd; } .xg-pro .picScroll-left .hd{ overflow:hidden; } .xg-pro .picScroll-left .hd .prev,.xg-pro .picScroll-left .hd .next{ display:block; width:20px; height:62px; cursor:pointer; background:url("../images/pre2.png") no-repeat center #666666; position:absolute; left:0; top:50%; margin-top:-31px; z-index:2;} .xg-pro .picScroll-left .hd .next{ background:url("../images/pre2.png") no-repeat center #666666; transform:rotate(180deg); left:auto; right:0; } .xg-pro .picScroll-left .hd .prev:hover,.xg-pro .picScroll-left .hd .next:hover{ background-color:#d0111b} .xg-pro .picScroll-left .bd{ padding:6px 0; } .xg-pro .picScroll-left .bd ul{ overflow:hidden; z-index:1; } .xg-pro .picScroll-left .bd ul li{float:left; _display:inline; overflow:hidden; text-align:center; width:33.3333%; border-right:1px solid #f1f1f1; padding:10px 0; margin:0 2px; } .xg-pro .picScroll-left .bd ul li .pic{ text-align:center;position: relative; padding-bottom: 80% } .xg-pro .picScroll-left .bd ul li .pic img{ max-width: 100%; max-height: 100%; display: inline-block; transition-duration: .5s; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto;} .xg-pro .picScroll-left .bd ul li:hover .pic a img{ transform:scale(1.1,1.1)} .xg-pro .picScroll-left .bd ul li .title{ line-height:24px; font-size:12px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; } .xg-pro .picScroll-left .bd ul li .title a{ transition-duration:.5s; } .xg-pro .picScroll-left .bd ul li:hover .title a{ font-weight:bold; color:#d0111b;} /* 产品切换图片展示 */ .pro-le01{ width:577px; position:relative} .picFocus{ margin:0 auto; width:100%; position:relative; zoom:1; } .picFocus .hd{ width:100%; padding-top:5px; overflow:hidden; } .picFocus .hd ul{ margin-right:-5px; overflow:hidden; zoom:1; } .picFocus .hd ul li{ padding-top:5px; float:left; text-align:center; position:relative; width:126px; height:98px; border:1px solid #ddd;margin-right:5px;} .picFocus .hd ul li.on{ border-color:#d0111b; } .picFocus .bd li{ position:relative; height:460px; border:1px solid #ddd;width:577px} .picFocus .bd img,.picFocus .hd ul li img{ position:absolute; max-height:100%; max-width:100%; top:0; left:0; bottom:0; right:0; margin:auto; display:block; transition-duration:.5s; } .picFocus .hd ul li span,.picFocus .bd li .pro-xz{ position:absolute; width:126px; height:98px; display: block; width:100%; text-align:center; background:url(../images/xz.png) no-repeat center center; top:0; left:0;} .picFocus .bd li .pro-xz{ width:79px; height:78px;background:url(../images/xz1.png) no-repeat center center #d0111b; bottom:0; right:0; left:auto; top:auto;} .pro-share{ position:absolute; bottom:0; right:0;} .b2 { background: url(../images/fx.png) no-repeat right center; font-size:18px; line-height:98px; } .ne-pro-part02{ width:100%; background:url(../images/bg04.jpg) no-repeat top center;} .w1265{ width:1265px; margin:0 auto;} .pp-ti01{ color:#fff; font-size:36px; padding:33.3px 0;} .Menubox ul li{ float:left; height:61px; line-height:61px; width:217px; text-align:center; background:url(../images/bg05.jpg) no-repeat top center; margin-right:10px; color:#fff; font-size:18px; cursor:pointer;} .Menubox ul li.hover{ background:#fff; color:#333;} .Contentbox{ background:#f5f5f5; padding:80px 0;} .CbContainer img{ max-width:100%;} .pro-form{ width:100%; } .pro-form h1{ color:#fff; text-align:center; font-size:36px; font-weight:normal; padding-bottom:50px;} .fk-xi{ width:1082px; margin:0 auto;} .fk-xi ul { width:100%; position:relative;} .fk-xi ul li{ width:529px; height:42px; line-height:39px; margin-bottom:8px; position:relative;} .fk-xi ul li input,.fk-xi ul li textarea,.fk-xi ul li select{ width:100%; height:100%; border:none; background:#eee; padding-left:22px; font-size:15px; box-sizing:border-box;color: #757575;} .fk-xi ul li:last-child{ position:absolute; top:0; right:0; height:342px;} .fk-xi ul li:last-child textarea{ padding-top:10px;font-family: "microsoft yahei"; } .pro-sub{ width:100%; text-align:center; padding-top:50px;} .pro-sub button,.pro-sub a{ width:200px; padding:15px 0; background:#d0111b; color:#fff; font-size:20px; border:none; display:inline-block; outline:none; cursor:pointer; transition-duration:.5s; margin:0 10px;} .pro-sub button:hover,.pro-sub a:hover{ background:#fff; color:#333;} /* 解决方案css */ .banner-txt{ position:absolute; top:50%; transform:translateY(-50%); color:#fff; left:0; width:100%;} .banner-txt h1{ font-size:48px;} .banner-txt p{ font-size:20px; width:783px; line-height:1.6; padding:30px 0 70px 0;} .banner-txt a{ display:inline-block; background:#d0111b; color:#fff; font-size:18px; padding:18px 40px; transition-duration:.5s; top:0; position:relative;} .banner-txt a:hover{-moz-box-shadow:0px 0px 7px #828282; -webkit-box-shadow:0px 0px 7px #828282; box-shadow:0px 0px 7px #828282; top:-10px;} .pd-solution{ padding:80px 0 30px 0;} .solution-ti{ font-size:40px; padding-bottom:0;} .solution-fb{ font-size:20px; text-align:center; padding:10px 0 34px 0;} .so01-list dl{ width:31%; float:left; margin-right:3.5%;} .so01-list dl dt{ background:#000; overflow:hidden; position:relative; height:230px;} .so01-list dl dt:after,.jz-down-list dl dt:after{ position: absolute; top: 0; left: -75%; z-index: 2; display: block; content: ''; width: 50%; height: 100%; background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%); background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .3))); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%); -webkit-transform: skewX(-25deg); -ms-transform: skewX(-25deg); transform: skewX(-25deg);} .so01-list dl dt img{ width:100%; display:block; transition-duration:.5s; height:100%;} .so01-list dl dd{ width:381px; position:relative; top:-55px; background:url(../images/ty.png) no-repeat top center; margin:0 auto; color:#333; text-align:center; padding-top:39px;transition-duration:.5s; z-index:3} .so01-list dl dd h1{ font-size:24px; font-weight:normal;} .so01-list dl dd p{ padding:11px 20px; color:#777777; font-size:14px; line-height:2; } .so01-list dl dd span{ color:#d0111b; font-size:16px; transition-duration:.5s; display:inline-block; padding:12px 44px;} .so01-list dl:hover dt img{ opacity:0.6; transform:scale(1.1,1.1)} .so01-list dl:hover dd span{ background:#d0111b; color:#fff;} .so01-list dl:hover dd{ top:-70px;-moz-box-shadow:0px 0px 7px #828282; -webkit-box-shadow:0px 0px 7px #828282; box-shadow:0px 0px 7px #828282;background:#fff;} .so01-list dl:hover dt:after,.jz-down-list dl:hover dt:after{-webkit-animation: shine2 1s; animation: shine2 1s;} .so01-list dl:nth-child(3n){ margin-right:0;} .so-more,.gk-solution{ background:url(../images/bg06.jpg) repeat #f8f9fb; padding:85px 0;} .so-more-list dl{ width:30%; background:#fff; padding:38px 0 65px 0; text-align:center; position:relative; transition-duration:.5s; float:left; margin-right:4%; border:1px solid #eceff2} .so-more-list dl dt{ width:86px; height:86px; border-radius:50%;-moz-box-shadow:0px 0px 11px #C4C4C4; -webkit-box-shadow:0px 0px 11px #C4C4C4; box-shadow:0px 0px 11px #C4C4C4; margin:0 auto; transition-duration:.5s;} .so-more-list dl dt img{ transition-duration:.5s;} .so-more-list dl dd p{ font-size:24px; color:#333; padding:20px 0 10px 0;} .so-more-list dl dd span{ font-size:16px; color:#333;} .so-more-list dl:after{ content:""; position: absolute; width: 0; height: 6px; background: #d63b42; left: 50%; transform: translate(-50%); transition-duration: .5s; bottom: 0;} .so-more-list dl:hover:after{ width:100%;} .so-more-list dl:hover dt{-moz-box-shadow:0px 0px 17px #949494; -webkit-box-shadow:0px 0px 17px #949494; box-shadow:0px 0px 17px #949494;} .so-more-list dl:hover{-moz-box-shadow:0px 0px 17px #949494; -webkit-box-shadow:0px 0px 17px #949494; box-shadow:0px 0px 17px #949494;} .so-more-list dl:hover dt img{-webkit-animation: icon-bounce 0.5s alternate; -moz-animation: icon-bounce 0.5s alternate; -o-animation: icon-bounce 0.5s alternate; animation: icon-bounce 0.5s alternate; } .so-more-list dl:last-child{ margin-right:0;} .gk-solution{ padding:62px 0 0 0;} .gk-slideBox{ width:100%; overflow:hidden; position:relative; margin:0 auto; } .gk-slideBox .bd{ position:relative; height:100%; background: #000; } .gk-slideBox .bd li{ vertical-align:middle; } .gk-slideBox .bd img{ width:100%; height: auto; display:block; animation: changeScale 1 2.5s; } .gk-slideBox .hd{ position:absolute; width:100%; top:0; height:100%; left:0; z-index:1; } .gk-slideBox .hd ul{ zoom:1; color:#fff; width:263px; height:100%; background:#ca141d; } .gk-slideBox .hd ul li{ cursor:pointer; height:14.285%; position:relative; width:100%; width:263px; padding:1% 0; } .gk-slideBox .hd ul li a{ color:#fff;} /*2020-6-11*/ .gk-slideBox .hd ul li p{ position:absolute; font-size:18px; top:50%; transform:translateY(-50%); left:25px; z-index:2; width:100%;} .gk-slideBox .hd ul li:after{ content:""; background:#d63b42; position:absolute; top:0; left:0; height:70%; width:0; transition-duration:.5s; z-index:1; top:15%; } .gk-slideBox .hd ul li.on:after{ width:287px;} .gk-slideBox .hd ul li p:after{ content:""; position:absolute; width:9px; height:20px; background:url(../images/sj.png) no-repeat right center; right:0; top:3px; opacity:0; transition-duration:.5s;} .gk-slideBox .hd ul li.on p:after{ opacity:1;right:14%;} .gk-dw-txt{ position:absolute; width:100%; right:0; bottom:39px; color:#fff;} .gk-dw-txt .wb{ float:right; position:relative; z-index:3;} .gk-dw-txt .wb h1{ font-size:30px; padding-bottom:15px;} .gk-dw-txt .wb p{ font-size:16px;} .gk-dw-txt .wb a{ position:absolute; right:0; top:0; border:1px solid #fff;font-size:16px; transition-duration:.5s; display:inline-block; padding:10px 44px; color:#fff;} .gk-dw-txt .wb a:hover{ background:#cc161e; border-color:#cc161e} /*解决方案详情页*/ .solutio-text{ width:100%; position:absolute; text-align:center; top:13%; left:0; } .solutio-text h1{ font-size:36px; padding-bottom:20px; line-height:2;} .solutio-text p{ font-size:18px; width:90%; margin:0 auto; line-height:1.6;} .solu-part01{ padding:130px 0 94px 0;} .solu-le{ width:50%;} .solu-ri{ position:relative; background:#000; overflow:hidden; width:50%;} .solu-ri .so-img01{ width:100%; display:block; transition-duration:.5s;} .solu-ri:hover .so-img01{ opacity:0.9; transform:scale(1.1,1.1)} .bf-an{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); margin: 0px auto; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; cursor:pointer;border-color: #d0111b;background-color: #d0111b;padding: 20px;} .bf-an:before{ content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: #d0111b; opacity: 0.2; padding: 10px 20px; -webkit-transition-property: -webkit-transform; transition-property: -moz-transform; -moz-transition-property: -moz-transform; -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; animation-duration: 1s; transition-duration: 1s; -webkit-animation-name: grow; -moz-animation-name: grow; animation-name: grow; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; animation-iteration-count: infinite; animation-timing-function: linear; } .bf-an:hover{background-color:#f2242f;} .bf-an:hover:before{background-color: #fff;} .solu-le h1{ font-size:36px;} .solu-le p{ font-size:18px; padding:23px 50px 122px 0; line-height:1.8; color:#555;} .solu-le a{ display:inline-block; position:relative; border:1px solid #d0111b; color:#d0111b; font-size:18px; padding:17px 39px;transition-duration:.5s;} .solu-le a:after{ content:""; width:0; height:100%; position:absolute; left:50%; transform:translate(-50%); background:#d0111b; top:0; z-index:-1;transition-duration:.5s;} .solu-le a:hover:after{ width:100%;} .solu-le a:hover{ color:#fff;} .solu-part02{ width:100%; background:#f4f4f4; padding:55px 0;} .solu-part02 h2{ text-align:center; font-size:36px; padding-bottom:53px;} .sol-list dl{ width:32%; float:left; margin-right:2%; transition-duration:.5s;} .sol-list dl:nth-child(3n){ margin-right:0;} .sol-list dl dt{ width:100%; overflow:hidden; background:#000; position: relative; padding-bottom:62%;} .sol-list dl dt img{ width:100%; display:block; transition-duration:.5s;height:100%; position:absolute; top:0; left:0} .sol-list dl dd{ background:#fff; padding:27px;} .sol-list dl dd h1{ font-size:24px; font-weight:normal; display:inline-block; position:relative; padding-bottom:10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; width:100%;} .sol-list dl dd h1:after{ content:""; width:0; height:2px; background:#d0111b; transition-duration:.5s; position:absolute; left:0; bottom:0;} .sol-list dl dd p{ font-size:16px; color:#777; text-align:justify; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; line-clamp: 4; -webkit-box-orient: vertical; margin:10px 0 20px 0; line-height:1.6; min-height:100px;} .sol-list dl dd span{position: relative; display: inline-block; padding: 12px 32px; border:1px solid #d0111b; color:#d0111b; font-size:18px; -webkit-transition: background .6s; -moz-transition: background .6s; transition: background .6s; -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; transform-origin: 0% 50%;} .sol-list dl:hover dd span{ background: #d0111b; color: #fff;} .sol-list dl:hover dd h1:after{ width:100%;} .sol-list dl:hover dd h1{ color:#d0111b} .sol-list dl:hover{box-shadow: 0 21px 21px 0 rgba(0, 0, 0, 0.1);} .sol-list dl:hover dt img{-webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); opacity:0.8;} /*搜索框弹出*/ .animated{-webkit-animation-duration:1.4s;animation-duration:1.4s;-webkit-animation-fill-mode:both;animation-fill-mode:both} #dialogBg1,#dialogBg2{width:100%;height:100%;background:rgba(0,0,0,0.6);position:fixed;top:0;left:0;z-index:9999;display:none;} /*#dialog1,#dialog2{ width: 1280px; height: 86%; margin: 0 auto; display: none; position: fixed; top: 50%; left: 50%; transform:translate(-50%,-50%); z-index: 10000; overflow:auto; background:#fff; }*/ #dialog1,#dialog2{ width: 430px; height: 430px; margin: 0 auto; display: none; position: fixed; top: 50%; left: 50%; transform:translate(-50%,-50%); z-index: 10000; overflow:auto; background:#fff; } .dialogTop1{ position:absolute; right:5px; top:5px;} .dialogTop1 a,.dialogTop2 a{ color:#fff;} .pro-selection{ background:#fff; width:100%; margin:0 auto; padding:18px 23px;} .pro-se-ti h1{ float:left; font-size:26px;} .p-xuan-ri li{ float:left; position:relative; font-size:16px;} .p-xuan-ri li p{ float:left; line-height:50px; padding-left:12px;} .p-xuan-ri li img{ float:left; width:45px; height:45px;} .p-xuan-ri li:nth-child(1) img{ border-radius:50%;} .p-xuan-ri li:nth-child(1){ padding-right:15px; margin-right:15px;} .p-xuan-ri li:nth-child(1):after{ content:""; position:absolute; right:0; top:15px; width:1px; height:20px; background:#d6d6d6} .p-xuan-ri li a:hover{ color:#d0111b; font-weight:bold;} .dialogTop2{ position:absolute; right:10px; top:10px;} .pro-xe-fl{ background:#f6f6f6; border:1px solid #eeeeee; padding:14px; margin:20px 0;} .pro-xe-fl lable{ display:inline-block; width:100%; background:#fff; height:34px; line-height:34px; padding:0 15px; color:#aaa; box-sizing:border-box;} .pro-xe-fl lable select{ margin-left:10px; border:none; width:85%; height:30px; line-height:30px; font-size:16px; outline:none; background:none;color: #858585;} .pro-xe-fl lable:nth-child(2){ float:right;} .pro-xx-nr{ border:1px solid #e6e6e6;} .xx-le{ width:50%;} /*dddd*/ .xx-Menubox { width: 100%; height:48px; background-color: #f6f6f6; border-right: 1px solid #ebebeb } .xx-Menubox li {float: left;cursor: pointer;height: 48px;width:124px; line-height: 48px;font-size: 15px;color: #333333; text-align: center; position: relative;} .xx-Menubox li.hover {background: #d0111b; font-weight: bold; color: #fff; } .xx-Contentbox {width:100%; margin:0 auto; padding:15px 4%; border-right: 1px solid #ebebeb; height:560px; overflow:auto } .pro-select{width: 100%; margin-top: 5px; } .pro-select dl{width: 100%; margin-bottom: 10px;} .pro-select dl dt{width: 100%; line-height: 28px; padding-left: 20px; color: #666666; font-size:14px; position: relative; } .pro-select dl dt:after{ content: ""; position: absolute; width: 5px; height: 5px; left: 0; top: 11px; background-color: #f1b7ba; } .pro-select dl dd{ margin:0 10px; line-height: 24px; border-radius: 3px; padding:0 6px; display: inline-block; cursor: pointer; font-size: 14px; } .pro-select dl dd:hover{background-color: #d0111b; color: #fff;} .xx-CbContainer{position:relative; width: 100%; } .active_xx{background-color: #d0111b; color: #fff;} .pro-select1{width: 100%; margin-top: 5px; } .pro-select1 dl{width: 100%; margin-bottom: 10px;} .pro-select1 dl dt{width: 100%; line-height: 28px; padding-left: 20px; color: #666666; font-size:14px; position: relative; } .pro-select1 dl dt:after{ content: ""; position: absolute; width: 5px; height: 5px; left: 0; top: 11px; background-color: #f1b7ba; } .pro-select1 dl dd{ margin:0 10px; padding:0 6px; display: inline-block; cursor: pointer; font-size: 14px; } #silde-box{width: 100%; display: none; background:#f6f6f6;} .xx-Menubox1 { width: 100%; height:48px; background-color: #f6f6f6; border-right: 1px solid #ebebeb } .xx-Menubox1 li {float: left;cursor: pointer;height: 48px;width:124px; line-height: 48px;font-size: 15px;color: #333333; text-align: center; position: relative;} .xx-Menubox1 li.hover {background: #d0111b; font-weight: bold; color: #fff; } .xx-Contentbox1 {width:100%; margin:0 auto; padding:30px 0; border-right: 1px solid #ebebeb } .xx-CbContainer1{position:relative; width: 100%; } .xx-w1{width: 100%; padding:0 4%;} .xx-yxpro{width: 100%; height: 48px; background-color: #f6f6f6; padding:0 4%; line-height: 48px; color: #333333; margin-top: 30px;} .xx-select{width: 100%; height: 50px; line-height: 50px; border-bottom: 1px solid #ebebeb; padding-right: 20px;} .xx-select li{ color: #333333; font-size: 14px; float: left; } .xx-select li:nth-child(1){width: 10%;} .xx-select li:nth-child(2){width: 50%;} .xx-select li:nth-child(3){width: 20%; text-align: center;} .xx-select li:nth-child(4){width: 20%; text-align: center;} .xx-select1{ width: 100%; height: 215px; overflow: auto; overflow-y:scroll } .xx-select1 dl{ width: 100%; border-bottom: 1px solid #dbdbdb; padding:15px 0; position:relative } .xx-select1 dl:after{ content:""; clear:both; display:block;} .xx-select1 dl dt{float: left;} .xx-select1 dl dt:nth-child(1){width: 10%;} .xx-select1 dl dt:nth-child(2){width: 50%;} .xx-select1 dl dt:nth-child(3){width: 20%; text-align: center; color: #d0111b; } .xx-select1 dl dt:nth-child(4){width: 20%;} .xx-select1 dl dt .pic{ width: 83px; float: left; border:1px solid #ededed; margin-right: 10px; } .xx-select1 dl dt .pic img{width: 100%;} .xx-select1 dl dt .text{ line-height: 24px; font-size: 14px; float: left; width:66%; } .xx-select1 dl dt .text span{color: #d0111b} .xx-pro{ border:1px solid #dddddd; width:25%; } .xx-pro img{display: block; width: 100%;} .xx-intro{width: 72%;} .xx-intro .t1{line-height: 1.8; color: #d0111b; font-size: 18px; font-family: "Arial"; font-weight: bold;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;} .xx-intro .t2{line-height: 24px; color: #333333; font-size: 14px;} .xx-intro .t3{font-size: 24px; color: #d0111b; padding-top: 15px;} .xx-price{width: 100%; padding:15px 25px 0 0;} .xx-price .an{width: 100px; height: 34px; line-height: 34px; text-align: center;color: #fff; background-color: #d0111b; float: right; border-radius: 3px;} .xx-price .text{font-size: 14px; line-height: 34px; padding-right: 10px; color: #555555; float: right;} .xx-price .text span{ color: #d0111b; } .xx-price .an a{ color:#fff;} .check{float: left;} .check span { position: relative; } .check .input_check { position: absolute; height: 24px; line-height: 24px; visibility: hidden; cursor: pointer; } .check .input_check+label { display: inline-block; height: 24px; line-height: 24px; background: url('../images/check-click.jpg') no-repeat left center; padding-left: 20px; cursor: pointer; } .check .input_check:checked+label { background: url('../images/check-click1.jpg') no-repeat left center; padding-left: 20px; } .panel { display:none; background:url(../images/hsj.png) no-repeat 20px top #f6f6f6; padding:13px 0 30px 0; width:550px; } .check-no { display: inline-block; height: 24px; line-height: 24px; background: url('../images/check-click2.jpg') no-repeat left center; cursor: pointer; } .fj-nr02 dl dt{ width:84px; text-align:center; float:left} .fj-nr02 dl dd{ width:405px; float:right;} .fj-nr02 dl dd a{ display:inline-block; padding:2px 10px; border-radius:10px;} .fj-nr02 dl dd a:hover,.fj-nr02 dl dd .on{ background:#d0111b; color:#fff;} .fj-nr02 dl:after{ content:""; clear:both; display:block;} .pro-select1 .fj-nr02 dl dt:after{ display:none;} .pro-select1 .fj-nr02 dl:nth-child(3) dd{width:405px;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block } .spinner-sprite, .spinner .decrease, .spinner .decrease[disabled], .spinner .increase, .spinner .value, .spinner .value.passive { background: url('../images/spinner.png') no-repeat } .spinner { height: 25px; width: 71px; overflow: hidden; *zoom:1; -webkit-box-shadow: 0 3px 3px -4px #aaa; -moz-box-shadow: 0 3px 3px -4px #aaa; box-shadow: 0 3px 3px -4px #aaa; margin-top:17px; margin:0 auto; } .spinner button, .spinner .value { text-align: center; display: block; float: left; height: 100%; line-height: 25px; margin: 0 } .spinner button { border: none; width: 23px; color: #e5312a; font: 22px Arial bold; padding: 0; outline: none } .spinner .decrease { background-position: 0 -50px; cursor: pointer; text-indent: -10000px } .spinner .decrease[disabled] { background-position: 0 -75px; cursor: default } .spinner .increase { background-position: 0 0; cursor: pointer; text-indent: -10000px } .spinner .value { background-position: 0 -100px; width: 24px; height: 27px; border: none; font-family: Arial; color: #333; padding: 0px } .spinner .value.passive { background-position: 0 -25px; color: #919191 } .spinner .error, .spinner .invalid { background: #aa0000 } .xx-Menubox2 { width: 100%; height:46px; background-color: #f6f6f6; border-bottom: 2px solid #d0111b; margin-top: 15px; } .xx-Menubox2 li {float: left;cursor: pointer;height: 44px;width:160px; line-height: 44px;font-size: 15px;color: #333333; text-align: center; position: relative; padding-left:30px;} .xx-Menubox2 li.hover {background: #d0111b; font-weight: bold; color: #fff; } .xx-Menubox2 li:nth-child(1).hover {background:url(../images/yx-1-1.png) no-repeat 20% center #d0111b; font-weight: bold; color: #fff; } .xx-Menubox2 li:nth-child(2).hover {background:url(../images/yx-2-1.png) no-repeat 20% center #d0111b; font-weight: bold; color: #fff; } .xx-Menubox2 li:nth-child(1){ background:url(../images/yx-1.png) no-repeat 20% center; } .xx-Menubox2 li:nth-child(2){ background:url(../images/yx-2.png) no-repeat 20% center; } .xx-Contentbox2 {width:100%; margin:0 auto; border-right: 1px solid #ebebeb } .xx-CbContainer2{position:relative; width: 100%; } .qd-select{width: 100%; height: 50px; line-height: 50px; border-bottom: 1px solid #eeeeee; padding-right: 20px; background:#f6f6f6;} .qd-select li{ color: #333333; font-size: 15px; float: left;width: 15%; text-align: center;} .qd-select li:nth-child(1){width: 10%;} .qd-select li:nth-child(2){width: 30%;} .qd-select1{ width: 100%; overflow: auto; overflow-y:scroll; height:555px; border-top: 8px solid #f2f2f2; margin-top: 8px; border-left:1px solid #f2f2f2; border-right:1px solid #f2f2f2; } .qd-select1 dl{ width: 100%; border-bottom: 1px solid #dbdbdb; padding:15px 0; position:relative; } .qd-select1 dl dt{float: left;width: 15%; text-align: center;} .qd-select1 dl dt:nth-child(1){width: 10%;} .qd-select1 dl dt:nth-child(2){width: 30%;} .qd-select1 dl dt .pic{ width: 83px; float: left; border:1px solid #ededed; margin-right: 10px; } .qd-select1 dl dt .pic img{width: 100%;} .qd-select1 dl dt .text{ line-height: 24px; font-size: 14px; float: left; width:72%; } .qd-select1 dl:after{ content:""; clear:both; display:block;} .my-qd li:nth-child(2){ width:14%;} .my-qd li{ color: #333333; font-size: 15px; float: left;width: 14%; text-align: center;} .qd-sideMenu h3{ height:60px; line-height:60px; padding-left:10px; border-bottom:1px solid #eeeeee; cursor:pointer; font-weight:normal; font-size:14px; position:relative;} .qd-ti p{ float:left; width:14%; text-align:center} .qd-ti p a{ padding:0 5px;} .qd-ti p a:hover{ color:#d0111b} .qd-ti p:nth-child(1){ width:10%; text-align:left; padding-left:20px;} .qd-sideMenu h3 em{ display:block; width:17px; height:17px; background:url(../images/icoAdd.png) 0 0 no-repeat; cursor:pointer; position:absolute; right:20px; top:20px; } .qd-sideMenu h3.on em{ background-position:0 -17px; } .qd-sideMenu ul{ color:#999; display:none; /* 默认都隐藏 */ } .xuan01{ height:67px; line-height:67px; background:#fafafa; border-bottom:1px solid #efefef} .xuan01 p{ float:left; text-align:center; width:14%;} .xuan01 p:nth-child(1){ width:10%; text-align:left; padding-left:20px;} .xuan01 p:nth-child(2){ width:28%;text-align:left; padding-left:50px;} .qd-select1 .xuan02 dt{ width:14%;} .qd-select1 .xuan02 dt:nth-child(2){ width:28%;} .qd-select1 .xuan02{ background:#fafafa} #dialogBg3{width:100%;height:100%;position:fixed;top:0;left:0;z-index:9999;display:none;} #dialog3{ width: 291px; height: 343px; margin: 0 auto; display: none; position: fixed; top: 50%; left: 50%; margin: -171.5px 0 0 -145.5px; z-index: 10000; background:rgba(0,0,0,0.7); color:#fff; text-align:center; border-radius:6px; } .dialogTop3{ position:absolute; right:5px; top:5px;} .dialogTop3 a{ color:#fff;} #dialog3 h1{ font-size:24px; font-weight:normal; padding:15px 0;} #dialog3 p{ font-size:14px; padding-top:10px;} #dialogBg4{width:100%;height:100%;position:fixed;top:0;left:0;z-index:9999;display:none;} #dialog4,#dialogBg5,#tel-dialogBg{ width: 420px; height: 420px; margin: 0 auto; display: none; position: fixed; top: 50%; left: 50%; margin: -210px 0 0 -210px; z-index: 10000; background:rgba(0,0,0,0.7); color:#fff; padding:33px 60px; border-radius:6px; } .dialogTop4,.dialogTop5,.tel-dialogTop{ position:absolute; right:5px; top:5px;} .dialogTop4 a,.dialogTop5 a,.tel-dialogTop a{ color:#fff;} #dialog4 h1,#dialog5 h1,#tel-dialog h1{ font-size:24px; font-weight:normal; padding-bottom:25px;} #dialog4 input,#dialog4 textarea,#dialog5 input{ display:block; background:#fff; height:45px; line-height:45px; padding-left:20px; font-family: "microsoft yahei"; width:100%; margin-bottom:20px; border:none; box-sizing:border-box; border-radius:5px;} #dialog4 textarea{ height:80px;} #dialog4 button,#dialog5 button{ border:none; background:#d0111b; color:#fff; font-size:18px;height:45px; line-height:45px; width:100%; box-sizing:border-box;} .ne-banner .ne-mobile-banner{ display:none;} .xx-ewm{ display:none;} #so-dialogBg{width:100%;height:100%;background:rgba(0,0,0,0.6);position:fixed;top:0;left:0;z-index:9999;display:none;} #so-dialog{width: 1280px; height: 83%; margin: 0 auto; display: none; position: fixed; top: 50%; left: 50%; transform:translate(-50%,-50%); z-index: 10000; background:#fff; padding:20px } .sou-img-tc{ overflow:auto; height:100%; } #so-dialog img{ width:100%;} .so-dialogTop{ position:absolute; right:10px; top:-55px;} .so-dialogTop a{ color:#fff;} .article-xi{ padding:50px 0;} .article-ti{ text-align:center; border-bottom:1px solid #eee; padding-bottom:15px; margin-bottom:15px;} .article-ti h1{ font-size:24px;} .article-ti p{ font-size:16px; padding:20px 0 0 0;} .article-nr{} .article-nr img{ max-width:100%;} /*2020-06-18*/ .so-cd{width: 100%; display: inline; background: rgba(255,255,255,0.7); float: left; height: 56px; overflow: hidden;} .so-cd .owl-carousel .owl-stage-outer{ width:98%; margin:0 auto;} .so-cd .owl-theme .owl-controls .owl-dots{ display:none !important;} .so-cd .owl-carousel .owl-item{ text-align:center; line-height:56px; position:relative; font-size:18px; font-weight:bold;} .so-cd .owl-carousel .owl-item a:hover,.so-cd .owl-carousel .owl-item .on{ color:#d0111b; font-size:22px;} .so-cd .owl-carousel .owl-item:after{content: ""; width: 1px; height: 23px; background: #999999; position: absolute; top: 15px; right: 0;} .so-cd .owl-theme .owl-controls .owl-nav{ position:absolute; top:0; width:100%;} .so-cd .owl-theme .owl-controls .owl-nav [class*=owl-]{ background:none; text-indent:9999px; padding:0; margin:0;} .so-cd .owl-carousel .owl-controls .owl-nav .owl-prev,.so-cd .owl-carousel .owl-controls .owl-nav .owl-next{display: block; width: 10px; height: 56px; overflow: hidden; cursor: pointer; background: url(../images/pre3.png) no-repeat center; position: absolute; left: 0; top: 0; z-index: 2;} .so-cd .owl-carousel .owl-controls .owl-nav .owl-next{left: auto; right: 0; transform: rotate(180deg); } @-webkit-keyframes grow { from { -webkit-transform:scale(1); } to { -webkit-transform:scale(2); } } @-moz-keyframes grow { from { -moz-transform:scale(1); } to { -moz-transform:scale(2); } } @keyframes grow { from { transform:scale(1); } to { transform:scale(1.5); } } @keyframes caleTop{ 0%{ top: 0; /*transform: scale(1);*/ } 50%{ top: -3px; /*transform: scale(1.01);*/ } 100%{ top: 0; /*transform: scale(1);*/ } } @-webkit-keyframes shine2 { 100% { left: 125%; } } @keyframes shine2 { 100% { left: 125%; } } @keyframes changeScale { 0% {transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1); opacity: .2;} 100% {transform: scale(1, 1);-o-transform: scale(1, 1);-ms-transform: scale(1, 1);-moz-transform: scale(1, 1);-webkit-transform: scale(1, 1);opacity: 1} } } @-moz-keyframes changeScale { 0% {transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1); opacity: .2;} 100% {transform: scale(1, 1);-o-transform: scale(1, 1);-ms-transform: scale(1, 1);-moz-transform: scale(1, 1);-webkit-transform: scale(1, 1);opacity: 1} } } @-webkit-keyframes changeScale { 0% {transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1); opacity: .2;} 100% {transform: scale(1, 1);-o-transform: scale(1, 1);-ms-transform: scale(1, 1);-moz-transform: scale(1, 1);-webkit-transform: scale(1, 1);opacity: 1} } } @-o-keyframes changeScale { 0% {transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1); opacity: .2;} 100% {transform: scale(1, 1);-o-transform: scale(1, 1);-ms-transform: scale(1, 1);-moz-transform: scale(1, 1);-webkit-transform: scale(1, 1);opacity: 1} } } @keyframes icon-bounce { 0%, 100% {-moz-transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);} 25% { -moz-transform: rotate(15deg); -ms-transform: rotate(15deg);-webkit-transform: rotate(15deg);transform: rotate(15deg);} 50% { -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg);} 75% { -moz-transform: rotate(5deg); -ms-transform: rotate(5deg);-webkit-transform: rotate(5deg); transform: rotate(5deg);} 85% { -moz-transform: rotate(-5deg);-ms-transform: rotate(-5deg);-webkit-transform: rotate(-5deg);transform: rotate(-5deg);} } @-webkit-keyframes icon-bounce { 0%, 100% {-moz-transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);} 25% { -moz-transform: rotate(15deg); -ms-transform: rotate(15deg);-webkit-transform: rotate(15deg);transform: rotate(15deg);} 50% { -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg);} 75% { -moz-transform: rotate(5deg); -ms-transform: rotate(5deg);-webkit-transform: rotate(5deg); transform: rotate(5deg);} 85% { -moz-transform: rotate(-5deg);-ms-transform: rotate(-5deg);-webkit-transform: rotate(-5deg);transform: rotate(-5deg);} } @-moz-keyframes icon-bounce { 0%, 100% {-moz-transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);} 25% { -moz-transform: rotate(15deg); -ms-transform: rotate(15deg);-webkit-transform: rotate(15deg);transform: rotate(15deg);} 50% { -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg);} 75% { -moz-transform: rotate(5deg); -ms-transform: rotate(5deg);-webkit-transform: rotate(5deg); transform: rotate(5deg);} 85% { -moz-transform: rotate(-5deg);-ms-transform: rotate(-5deg);-webkit-transform: rotate(-5deg);transform: rotate(-5deg);} } @-o-keyframes icon-bounce { 0%, 100% {-moz-transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);} 25% { -moz-transform: rotate(15deg); -ms-transform: rotate(15deg);-webkit-transform: rotate(15deg);transform: rotate(15deg);} 50% { -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg);} 75% { -moz-transform: rotate(5deg); -ms-transform: rotate(5deg);-webkit-transform: rotate(5deg); transform: rotate(5deg);} 85% { -moz-transform: rotate(-5deg);-ms-transform: rotate(-5deg);-webkit-transform: rotate(-5deg);transform: rotate(-5deg);} } /*2020-06-11*/ .pd-more{ text-align:center; padding-bottom:30px;} .pd-more a{display: inline-block; border: 1px solid #111111; color: #333; font-size: 16px; line-height: 32px; padding: 7px 27px; transition-duration: .5s; top:0; position:relative;} .pd-more a:hover{ background:#d2101b; color:#fff; border-color:#d2101b;top: -5px; box-shadow: 4px 4px 4px #d0111b;} /*2020-06-13*/ #videDivo1{ position:fixed; top: 0; background:rgba(0,0,0,0.6); left: 0; width: 100%; height: 100%; z-index:9999;} .vizs{ position:absolute; width:900px; height:600px; top:50%; left:50%; margin-top:-300px; margin-left:-450px;} .vizs video{ width:100%; height:100%;} .gbb{ position:absolute; top:10px; right:0px; cursor:pointer} .mobie-gk-pro{ display:none;} .pro-xe-fl:after{ content:""; clear:both; display:block;} .gk-slideBox .bd .gk-mobile-img{ display:none;} .sou-sk{ height:auto; padding:20px;} .sou-sk .ne-sou{ margin-bottom:0;} .sou-sk .ne-sou input{ width:85%;} .sou-sk{ top:-30px;} .sou-ti{ text-align:center; font-size:36px; padding:20px 0 40px 0; border-bottom:10px solid #f6f6f6;} .sou-ti span{ color:#d0111b} .sou-pro{ padding:50px 0; border-bottom:3px solid #f6f6f6} .sou-pro h1{ font-size:24px; padding-bottom:32px;} .sou-pro-list li{ width:24%; text-align:center; font-size:16px; float:left; margin-right:1%; margin-bottom:20px;padding-top:15px;} .sou-pro-list li:nth-child(4n){ margin-right:0;} .sou-pro-list li .pic-pro{ position:relative; padding-bottom:60%;} .sou-pro-list li .pic-pro img{ max-width:100%; max-height:100%; position:absolute; top:0; left:0; bottom:0; right:0; margin:auto; transition-duration:.5s;} .sou-pro-list li p{ min-height:60px;} .sou-pro-list li:hover p{ color:#d0111b} .jq22 .hidden{ display: none;} .jq22 ul.list{overflow: hidden;} .jq22 ul.list li{width: 100%; overflow: hidden; font-size:18px; border-bottom:1px dashed #e0e0e0; padding-bottom:20px; margin-bottom:20px; position:relative; padding-left:20px;} .jq22 ul.list li:before{ content:""; width:5px; height:5px; background:#d0111b; position:absolute; top:10px; left:10px; border-radius:50%;} .jq22 ul.list li p{ width:80%; float:left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; transition-duration:.5s;} .jq22 ul.list li p b{ font-weight:normal; color:#d0111b} .jq22 ul.list li:hover p{ padding-left:5px;} .jq22 ul.list li span{ float:right;} .jq22 .more{overflow: hidden;padding:10px;text-align: center;} .jq22 .more a{display: block;width: 80px;padding:8px 0;color:#fff;margin:0 auto;background:#d0111b;text-align:center;border-radius:3px;} .jq22 .more a:hover{text-decoration: none;background: red;color: #fff;} .email-tc{ height: 180px !important; margin: -90px 0 0 -210px !important; } .comboTreeWrapper{ position: relative; text-align: left !important; width:93%; float:right } .comboTreeInputWrapper{ position: relative; } .comboTreeArrowBtn { position: absolute; right: 1px; bottom: 1px; top: 1px; box-sizing: border-box; border: none; border-radius: 0 3px 3px 0; background:none; } .comboTreeDropDownContainer { display: none; background: #fff; border: 1px solid #aaa; max-height: 250px; overflow-y: auto; position: absolute; width: 100%; box-sizing: border-box; z-index: 999; } .comboTreeDropDownContainer ul{ padding: 0px; margin: 0; } .comboTreeDropDownContainer li{ list-style-type: none; padding-left: 15px; cursor: pointer; line-height:34px; } .comboTreeDropDownContainer li:hover{ background-color: ##d0111b;} .comboTreeDropDownContainer li:hover ul{ background-color: #fff;} .comboTreeDropDownContainer li span.comboTreeItemTitle.comboTreeItemHover{ background-color: #d0111b; color: #fff;} span.comboTreeItemTitle{ display: block; color:#333; } .comboTreeDropDownContainer label{ cursor: pointer; width: 100%; display: block; } .comboTreeDropDownContainer .comboTreeItemTitle input { position: relative; top: 2px; margin: 0px 4px 0px 0px; } .comboTreeParentPlus{ position: relative; left: -12px; top: 4px; width: 4px; float: left; } .comboTreeInputBox { padding: 5px; border-radius: 3px; border: none; width: 100%; box-sizing: border-box; padding-right: 24px; font-size:16px; outline:none; } .comboTreeArrowBtnImg{ font-size: 10px; } .multiplesFilter{ width: 100%; padding: 5px; box-sizing: border-box; border-top: none; border-left: none; border-right: none; border-bottom: 1px solid #999; } .khzq{margin-top: 123px; padding-top: 70px; padding-bottom: 20px; background: url(../images/kh-bg1.jpg) no-repeat; } .khzq-nav { position: relative; } .khzq-nav h3 { font-size: 40px; color: #fff; font-weight: bold; margin-bottom: 70px; } .khzq-fu { padding-left: 40px; font-size: 16px; color: #fff; line-height: 40px; position: absolute; right: 0; top: 0; } .khzq-fu:before { display: block; content: ''; width: 40px; height: 40px; background: url(../images/home2.png) no-repeat center center; position: absolute; left: 0; top: 0; } .khzq-fu a { font-size: 16px; color: #fff; } .pro-zpmenu dl{ position:relative; left:-50px;} .pro-zpmenu .open,.pro-zpmenu{ color:#fff;} .pro-zpmenu dd ul li a{ color:#fff; position:relative;} .pro-zpmenu dt:after{ background:#fff;} .pro-zpmenu dd ul li a:hover{ color:#fff;} .pro-zpmenu dd ul li a:before { display: block; content: ''; width: 0; height: 2px; background: #fff; position: absolute; left: 50%; transform:translate(-50%,-50%); bottom: -10px; transition-duration: 0.5s; } .pro-zpmenu dd ul li a:hover:before,.pro-zpmenu dd ul li .on:before{ width:100%;} .fk-xi ul .yzm input{} .fk-xi ul .yzm img{ position:absolute; top:0; right:0; width:100px; height:40px;} .gai-xz{ width:100%; text-align:center; padding-bottom:20px; } .gai-xz p{ display:inline-block; margin:0 5px;} .gai-xz p a{ display:block; padding:10px 20px; background:#eee;} .gai-xz p a:hover{background: #d0111b; color: #fff;} .gai-xz .hover a{background: #d0111b; color: #fff;} .mobike-shzr,.mobike-shzr .owl-controls{ display:none;} .gai-pro-gd{ text-align:center;} .gai-pro-gd dd{ background:#f4f4f4; line-height:35px; font-size:12px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .gai-pro-gd dt{ padding:10px; height:90px; border-bottom:1px solid #e0e0e0; text-align:center;} .gai-pro-gd dt img{ max-width:100%; max-height:100%; width:auto !important; display:inline-block !important;} .mobike-shzr .owl-carousel{ border-left:1px solid #e0e0e0} .mobike-shzr .owl-carousel .owl-item{ border:1px solid #e0e0e0; margin-right:0 !important; border-left:none;} .mobile-gdt{ margin-bottom:20px;} .mobile-gdt .owl-carousel .owl-item{ border:none !important} .ab-top-nav li{float: left; font-size: 18px; color: #333333; line-height: 88px; padding-right: 30px; margin-right: 70px; position: relative; transition-duration: .5s;} .ab-top-nav li a:after { display: block; content: ''; width: 13px; height: 8px; background: url(../images/icon-1.png) no-repeat; position: absolute; right: 8px; top: 50%; margin-top: -4px; transition-duration: .5s; } .ab-top-nav li a:hover,.ab-top-nav li .on{ color: #d0111b; } .ab-top-nav li a:hover:after,.ab-top-nav li .on:after{background: url(../images/icon-1-1.png) no-repeat;} .ab-top-nav li:last-child { margin-right: 0; } .gai-hon{ width:45px; height:45px; margin-left:20px;} .enlish{ margin-top:20px; margin-left:15px;} .ab-banner{ margin-top:93px;} /*2021/6/28*/ .notice-content{ background: #fafafa; padding: 20px 0; } .notice-panel{ background: #FFFFFF; padding: 50px 40px; } .notice-panel h4{ font-size: 20px; color: #d0111b; margin-bottom: 30px; } .notice-panel p{ font-size: 18px; color: #333333; margin-bottom: 30px; } /*2021/6/28*/ @media screen and (max-width:1450px){ .w11,.w1373{ width: 1260px; } .pd-ri dl dt{ padding-bottom:94.3%;} .new-qh{ width:913px;} .jd-product ul{ width:910px;} .jd-product ul li{ padding:0 20px;} .po-form input{ width:542px;} .pro-fl-cx dl dd{ width:92%;} .gk-dw-txt .wb{ width:70%;} .so01-list dl dt{ height:190px;} .pro-detail-nav ul li{ padding-right:30px;} .pd-le dl dt img{ bottom:60px;} #dialog1, #dialog2{width: 1000px;z-index: 10000;overflow: auto;} #so-dialog{ padding:0;width: 1000px;} #so-dialog .so-claseDialogBtn img{ width:70%;} .so-dialogTop{ right:0; top:-35px;} .xx-Contentbox{ height:600px;} .xx-select1 dl dt .text{ font-size:12px; width:50%;} .comboTreeWrapper{ width:90%;} .banner-txt h1,.f-hz h1{ font-size:26px;} .banner-txt p,.pd-ri dl dd p,.pd-le dl dd p,.wenben h1{ font-size:20px;} .pro-ti,.jd-le,.pp-ti01,.solu-le h1,.ne-banner-title h3{ font-size:30px;} .f-hz ul li p,.ne-banner-title p{ font-size:22px;} .ne-banner-title p{ display:none;} .Menubox ul li{ height:50px; line-height:50px;} .Contentbox{ padding:50px 0;} .pro-form h1,.solu-part02 h2{ font-size:30px; padding-bottom:30px;} .so01-list dl dd h1,.sol-list dl dd h1{ font-size:20px;} .sol-list dl dd span,.solu-le a{ font-size:16px; padding:10px 15px;} .solu-le p{ font-size:16px;} .xg-zc-an p{ font-size:30px;} .xg-zc-an{ padding-left:36%;} .onlineconsult_mobile {display:block} .onlineconsult_pc {display:none} } @media screen and (max-width:1265px){ .pd-ri dl dt{ padding-bottom:102%;} .pd-ri dl dd p{ font-size:16px;} .w11,.w1373,.ne-pro-part01{ width: 960px; } .po-form input{ width:242px;} .w1265{ width:90%} .so01-list dl dd{ width:80%;} .f-hz ul li:nth-child(2){ margin:0 6%;} .footer-center-nav dl{ margin-right:24px;} .pro-detail-nav ul li{ padding-right:20px;} .pro-detail-nav p{ display:none;} } @media screen and (max-width:769px){ .xg-zc-an{ width:100%;background-size: contain !important; padding:50px 0 0 70%; min-height:140px; margin-bottom:15px;} .xg-zc-an p{ font-size:17px; padding-bottom:10px;} .xg-zc-an span{ font-size:14px;} .onlineconsult_mobile {display:block} .onlineconsult_pc {display:none} .w11,.w1373{ width: 100%; padding:0 18px; } .so01-list dl dt{ height:120px;} .ne-banner{ margin-top:55px; height:auto;} .ne-banner img{ height:100%;} .ne-search{ width:92%; height:auto; padding:15px 10px; top:-30px;moz-box-shadow: 0px 0px 7px #b0b0b0; -webkit-box-shadow: 0px 0px 7px #b0b0b0; box-shadow: 0px 0px 7px #b0b0b0;} .ne-banner .ne-pc-banner{ display:none;} .ne-banner .ne-mobile-banner{ display:block;} .banner-txt h1{ font-size:20px; padding-bottom:10px;} .banner-txt p{ display:none} .banner-txt a{ font-size:14px; padding:5px 10px;} .ne-sou a{ width:22%; height:40px; line-height:40px; font-size:14px;} .ne-sou input{ width:60%; height:40px; line-height:40px;} .ne-sou button{ height:40px; background-size: 40%;} .se-key{ font-size:13px;} .pro-ti{ font-size:18px; padding-bottom:10px;} .pd-pro{ padding:0 0 30px 0; background:#fff;} .pd-le{ width:100%;} .pd-le dl dd span, .pd-ri dl dd span{ display:none;} .pd-le{ padding:0; position:relative;} .pd-le dl dd{ position:absolute; bottom:10px; width:100%; text-align:center;} .pd-le dl dd p{ color:#fff; padding:0 ;} .pd-le dl dd p, .pd-ri dl dd p{ font-size:14px;} .pd-ri{ width:100%;} .pd-ri dl dd{ bottom:10px;} .gg-pro{ padding:30px 0;} .accordion{ display:none;} .mobie-gk-pro{ display:block;} .mobie-gk-pro .pd-ri dl dd{ bottom:auto; top:20px;} .mobie-gk-pro .pd-ri dl dt{ padding-bottom:90%;} .new-qh,.pro-le .picScroll-top{ width:100%; height:auto; padding-bottom:29px;} .pro-le .picScroll-top .bd ul li dl{ padding:10px 30px;} .pro-le .picScroll-top .bd ul li{ height:auto;} .pro-le{ display:none;} .pro-le .picScroll-top .hd .next,.pro-le .picScroll-top .hd .prev{ width:100%;} .pro-le .picScroll-top .bd ul li dl dd{ padding-left:30px;} .new-qh{ padding-bottom:0;} .new-qh .hd{ bottom:5px;} .new-product{ padding:20px 0; background:#fff;} .jd-product{ margin-bottom:20px; position:relative;padding:0 18px; background:#fff;} .jd-le{ width:25%; font-size:16px; position:absolute; left:18px; height:100%; text-align:center; line-height:1;} .jd-le span{ position:absolute; top:50%; transform:translateY(-50%); width:100%; left:0;} .jd-product ul{ width:75%; padding:0; height:auto;} .jd-product ul li{ padding:2px; width:50%; text-align:center; border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb;} .jd-product ul li img{ width:60%; height:100%; padding:2px;} .jd-product ul li:nth-child(2n){ border-right:0;} .jd-product ul li:nth-child(3),.jd-product ul li:nth-child(4){ border-bottom:0;} .f-hz h1,.f-hz ul li p{ font-size:13px;} .f-hz ul li p{ padding-left:0; line-height:40px;} .f-hz h1{ padding:0 18px 15px;} .f-hz ul li{ height:40px; width:31%;} .f-hz ul li:nth-child(2){ margin:0 1%;} .f-hz ul li span img{ width:70%;} .f-hz ul li span{ top:0;} .f-hz{ padding:20px 0;} .zpmenu{ display:none;} .pro-fl-cx{ margin-top:20px;} .pro-fl-cx dl dt{ width:100%; padding-bottom:15px;} .pro-fl-cx dl dd a{ font-size:12px; width:32%; margin-right:0; margin-bottom:8px; box-sizing:border-box; padding-left:20px; display:block; float:left;} .ne-pro-search{ height:auto; line-height:24px; padding:10px;-moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;} .ne-pro-search p{ padding:10px 0 0 0;} .ne-pro-search h1,.ne-pro-search p{ width:100%; text-align:center;} .ne-pro-list{ padding:20px 18px !important;} .ne-pro-list dl{ width:48%; margin-bottom:10px;} .ne-pro-list dl dd{ padding:5px; } .ne-pro-list dl dd h1{ font-size:12px;} .ne-pro-list dl dd p{ font-size:12px;} .pro-detail-nav{ margin-top:50px; padding:20px 0 10px 0;} .pro-detail-nav p{ display:none;} .pro-detail-nav ul li{ padding-right:20px; margin-bottom:15px;} .pro-detail-nav ul li a{ padding-bottom:5px; font-size:14px;} .ne-pro-part01{ width:100%; padding:45px 18px 20px; position:relative;} .pro-le01,.pro-ri01{ width:100%;} .tit01{ font-size:18px; padding-top:10px; position:absolute; top:0;} .ne-zx li{ font-size:14px; height:40px; line-height:40px;} .fk-xi ul li,.fk-xi{ width:98%; margin:0 auto;} .pp-ti01,.pro-form h1{ font-size:20px; padding:10px 0;} .Menubox ul li{ width:30%; margin-right:1%; font-size:14px; height:40px; line-height:40px;} .Contentbox{ padding:20px 0;} .pro-form{ padding:15px 0 0 0; background-size:cover} .fk-xi ul li:last-child{ position:relative; height:70px;} .fk-xi ul li{ margin-bottom:10px; width:48%; margin-right:2%; float:left;} .fk-xi ul .yzm,.fk-xi ul li:last-child{ width:98%;} .fk-xi ul li:nth-child(2n){ margin-right:0;} .pro-sub button{ margin-top:20px; width:120px; font-size:16px; height:40px;} #dialog2,#so-dialog{ height:100%; width:100%;overflow: auto; top:0; left:0; margin:0 ;} .pro-selection{ padding:30px 10px; display:none;} .p-xuan-ri li img{ width:30px; height:30px;} .p-xuan-ri li p{ line-height:30px;} .p-xuan-ri li:nth-child(1):after{ top:5px;} .p-xuan-ri li:nth-child(1){ padding-right:5px; margin-right:5px;} .pro-xe-fl lable{ width:100%; margin-bottom:10px;} .pro-xe-fl lable select,.comboTreeWrapper{ width:70%;} .xx-le{ width:100%;} .xx-select1 dl dt .pic{ float:none; margin:0 auto;} .xx-select1 dl dt .text{ float:none; width:100%;} .panel{ width:100%; box-sizing:border-box;} .gk-solution,.solu-part01{ padding:30px 18px;} .solu-part02{ padding:20px 0;} .pd-solution{ padding:20px 18px;} .solution-fb{ padding:5px 0 10px 0; font-size:14px;} .so01-list dl{ width:48%; margin:0 1%; position:relative;} .so01-list dl:nth-child(3n){ margin:0 1%;} .so01-list dl dd p{ display:none;} .so01-list dl dd{ width:85%; padding-top:10px; top:-15px;background: #fff;background-size: contain;} .so01-list dl dd h1{ font-size:14px;} .so01-list dl dd span{ padding:0px 10px; font-size:12px;} .gk-solution{ padding-top:30px;} .so-more-list dl{ padding:10px 0;} .so-more-list dl dd span{ display:none;} .so-more-list dl dt{ width:46px; height:46px;} .so-more-list dl dt img{ width:100%;} .so-more-list dl dd p{ font-size:14px; padding:10px 0 0 0;} .so-more{ padding:0 0 30px 0;} .gk-slideBox .bd .gk-pc-img{ display:none; } .gk-slideBox .bd .gk-mobile-img{ display:block; height:250px} .gk-slideBox .hd ul li p{ font-size:14px; left:10px;} .gk-slideBox .hd ul{ width:45%;} .gk-slideBox .hd ul li,.solu-le,.solu-ri{ width:100%;} .gk-slideBox .hd ul li.on:after{ width:105%;} .gk-slideBox .hd ul li.on p:after{ right:11%; top:4px;width: 5px;height: 11px; background-size:contain;} .gk-dw-txt{ right:-10px; bottom:0; background:rgba(0,0,0,0.5); padding:10px 0;} .gk-dw-txt .wb{ width:55%;} .gk-dw-txt .wb h1{ font-size:16px; padding-bottom:5px;} .gk-dw-txt .wb p{ font-size:14px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .gk-dw-txt .wb a{ position:relative; font-size:12px; padding:3px 0; top:5px; border:none;} .solutio-text{ display:none;} .solu-le h1{ font-size:18px;} .solu-le p{ font-size:14px; padding:10px 0; line-height:1.6;} .solu-le a{ font-size:14px; padding:5px 10px; margin-bottom:20px;} .bf-an{ padding:10px;} .solu-part02 h2{ font-size:20px; padding-bottom:15px;} .sol-list dl{ width:48%; margin-right:2%; margin-bottom:20px;} .bf-an:before{ display:none;} .bf-an{ text-align:center; padding:10px 0px;} .bf-an img{ width:50%;} .sol-list dl dd{ padding:5px;} .sol-list dl dd h1{ font-size:16px; padding-bottom:0;} .sol-list dl dd p {margin: 0 0 10px 0;min-height: 20px; font-size:14px; line-height:1.4;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1;} .sol-list dl dd span{ font-size:12px; padding:5px 10px;} .sol-list dl:nth-child(3n){ margin-right:2%;} #so-dialog{ width: 100%; height: auto; text-align: center; position: absolute; top: 50%; transform: translateY(-50%);} .sou-img-tc{ height:auto; position: relative; top:15px; transform:none; left:0;} .so-dialogTop{ top:0;} .vizs{width: 90%;height: 300px;top: 50%;left: 50%;margin-top: -150px;margin-left: -45%;} .so-cd{ height:40px;} .so-cd .owl-carousel .owl-item{ line-height:40px; font-size:14px;} .so-cd .owl-carousel .owl-item a:hover, .so-cd .owl-carousel .owl-item .on{ font-size:16px;} .so-cd .owl-carousel .owl-controls .owl-nav .owl-prev, .so-cd .owl-carousel .owl-controls .owl-nav .owl-next{ height:40px; widows:20px;} .so-cd .owl-carousel .owl-controls .owl-nav .owl-prev{ left:5px;} .so-cd .owl-carousel .owl-controls .owl-nav .owl-next{ right:5px;} .so-cd .owl-carousel .owl-item:after{ top:10px;} .xx-Contentbox{ height:auto;} .khzq{ margin-top:50px; background-size:cover; padding-top:30px;} .khzq-nav h3{ font-size:20px; margin-bottom:10px;} .khzq-fu{ position:relative; font-size:14px; line-height:25px; padding-left:20px;} .pro-fl-cx dl dd{ width:100%;} .sou-ti{ font-size:22px; padding:15px 0;} .sou-pro{ padding:20px 0;} .sou-pro h1{ font-size:20px; padding-bottom:10px;} .sou-pro-list li{ width:48%; font-size:14px;} .sou-pro-list li p{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .jq22 ul.list li{ font-size:16px; padding-bottom:10px; margin-bottom:10px;} .jq22 ul.list li p{ width:70%;} .so-cd .owl-theme .owl-controls .owl-nav,.pro-selection{} .xx-ewm{ display:block;} .xx-ewm img{ width:100%; height:100%;} #dialog1{ width:200px; height:200px; margin:-100px 0 0 -100px; transform:none;} .dialogTop1{ } .picFocus .tempWrap{ width: 100% !important; } .picFocus .bd li{ width: 100%; height:290px; } .pd-le dl dt{ padding-bottom:60%; background-size:cover;} .pd-le dl dt img{ bottom:25px; width:80%; left:0%;} .new-qh .hd ul li{ width:30px; margin:0 3px;} .mobike-shzr{ display:block;} .pd-solution .pro-ti,.pd-more{ padding-bottom:0;} .pd-more a{ padding:3px 10px; font-size:13px;} .gk-slideBox .hd{ left:-18px;} .khzq-fu:before{ width:15px; height:15px; background-size: cover; top:3px;} .khzq-fu a{ font-size:14px;} .ne-pro-search h1,.ne-pro-search p{ display:none;} .po-form input,.po-form button{ height:40px; margin-top:10px;} .po-form input{ width:85%; margin-right:0;} .po-form button{ background-size:38%; width:15%;} .po-form{ padding-bottom:0; width:100%;} .ne-pro-list dl{ margin-right:2%;} .ne-pro-list dl:nth-child(2n){ margin-right:0;} .wb01{ margin:10px 0;} .fk-xi{ padding:0 18px;} .gai-xz p{ margin:5px;} .gai-xz p a{ font-size:14px; padding:5px 10px;} .xz-list-ti li{ height:40px; line-height:40px;} .CbContainer .xz-list-nr li img{ width:40%;} .pro-banner-txt h2{ font-size:22px;} .pro-fl-cx dl dd a:before{ width:12px; height:12px;} .so-cd .w11{ padding:0!important;} #so-dialog .so-claseDialogBtn img{ width:60%;} .picFocus .hd ul li{width: 20%;height: 68px;} .se-key a{ padding:0;} .jianT li{line-height: 26px; height: auto; width: auto; margin:0 2px;} .jianT li a{ padding:0 10px; font-size:13px;} .py-hz ul li{ height:auto; padding-top:5px;} .py-hz ul li p{ width:100%; line-height:30px;} .so-cd .owl-theme .owl-controls .owl-nav{ display:block !important;} .article-xi>.w11{ padding:30px 18px !important} .fk-xi ul .yzm img{ height:34px; top:4px;} .pro-ri,.pd-le:after, .pd-ri dl:after{ display:none;} .pd-ri dl:hover dt img,.f-hz ul li:hover span img,.pd-le:hover dl dt{ transform:scale(1,1)} .pro-fl-cx dl{ margin-bottom:15px;} .pro-share{ display:none;} .xg-pro h1{ font-size:16px; padding:20px 0 10px 0;} .ne-zx li:nth-child(1){ display:block; float:left;} .ne-zx li:nth-child(2),.se-banner{ display:none;} .ne-zx{ position:relative;} .ne-zx:after{ content:""; clear:both; display:block;} .gai-search{ padding:100px 18px 0 !important;} .fk-xi ul li:nth-child(5){ width:98%;} .article-ti{ padding:20px 0 15px 0;} .article-ti h1{ font-size:16px;} .article-ti p{ font-size:14px; padding:10px 0 0 0;}.article-nr{ padding-bottom:20px;} .gj-gai-nr ul li{ width:100%; font-size:14px;} .f-post span{ font-size:16px;background: url(../images/post.png) no-repeat top center; padding:50px 15px 0; line-height:1.7; height:auto; background-size:15%} .f-post{ padding:20px 0;} .gj-gai-nr ul{ padding-bottom:20px;} } #portalquesdialogBg1,#portalquesdialogBg2{width:100%;height:100%;background:rgba(0,0,0,0.6);position:fixed;top:0;left:0;z-index:9999;display:none;} #portalquesdialog1,#portalquesdialog2{ width: 880px; height: 580px; margin: 0 auto; display: none; position: fixed; top: 50%; left: 50%; transform:translate(-50%,-50%); z-index: 10000; overflow:auto; background:#fff; } .portalquesdialogTop1{ position:absolute; right:5px; top:5px;} .portalquesdialogTop1 a{ color:#fff;} .questitle{ height:8%; text-align:center; font-size:22px; padding-top:15px; font-weight:bold; border-bottom:0px solid #d0111b; } .firstpage{ overflow:auto; font-size:18px; padding-left:20px; padding-right:20px; padding-bottom:20px; height:80%; } .showtextareap{ font-size:20px; font-weight:bold; margin-bottom:15px; margin-top:20px; text-align:left; } .firstpage label{ margin-left:40px; } .firstpage textarea{ width:95%; margin-top:10px; padding-top: 10px; padding-left: 10px; font-size:14px; border-width: 1px; border-style: solid; border-color: rgb(169, 169, 169); border-image: initial; padding: 2px; } .firstpage li{ height: 30px; padding: 0 15px; overflow: hidden; font-size: 18px; display: -ms-flexbox; display: flex; float:left; -ms-flex-align: center; align-items: center; cursor: pointer; overflow: hidden; border:1px solid #a8a8a8; border-radius:5px; margin-left:30px; color:#fff; background:#a8a8a8; } .firstpage li.active{background:#d0101b;color:#fff} .firstpage li:hover{border:1px solid #d0101b} .jqbtj{ float:left;padding-left:30px; } .jqtj{ float:right;margin-right:30px; } .secondpage{ overflow:auto; font-size:18px; padding:20px; height:80%; } .secondpagecontent{ overflow:auto; } .secondpage .title{ font-size: 20px; color: #222; line-height: 1.2; float:left; margin-top:2px; width:50%; float:left; font-weight:normal; } .secondpage ul{ margin-bottom: 40px; padding: 0 10px; width:50%; } .secondpage li{ height: 30px; padding: 0 15px; overflow: hidden; margin-bottom: 16px; font-size: 18px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; cursor: pointer; overflow: hidden; } .questiondiv{ width:100%; height:40px; margin-top:25px; float:left; } .questiondiv select{ width: 50%; height: 30px; padding-left: 5px; float:left; font-size: 18px; box-sizing: border-box; border-radius:5px; border-width: 1px; border-style: solid; border-color: rgb(169, 169, 169); border-image: initial; } .secondpage li.active{background:#d0101b;color:#fff} .secondpage li:hover{border:1px solid #d0101b} .questiondiv{ } .secondpage li .contenttext{ width:50%; border:0; border-bottom:1px solid black; background:; margin-left:5px; font-size:18px; } .quesfooter{ width:100%; border-top:0px solid #d0111b; padding-top:5px; padding-left:10px; height:12%; font-size:26px; bottom:10px; font-weight:bold } .quesfooter button{ width:100px; height:96%; padding:2px 0; background:#d0111b; color:#fff; font-size:20px; border:none; float:right; display:inline-block; outline:none; cursor:pointer; transition-duration:.5s; margin:0 10px; border-radius:5px; } .quesfooter1 button:hover{ border:1px solid #000;background:#fff; color:#d0111b;} .quesfooter1 button:hover{ border:1px solid #fff;} @media screen and (max-width:769px){ .cookiespan{margin-left:0px;} #portalquesdialogBg1,#portalquesdialogBg2{ width: 95%; height: 90%; margin: 0 auto; display: none; position: fixed; top: 50%; left: 50%; transform:translate(-50%,-50%); z-index: 10000; overflow:auto; background:#fff; } .portalquesdialogTop1{ position:absolute; right:5px; top:5px;} .portalquesdialogTop1 a{ color:#fff;} .footerbr{display:block} .firstpage li{ height: 30px; padding: 0 5px; overflow: hidden; margin-bottom: 16px; font-size: 18px; display: -ms-flexbox; display: flex; float:left; -ms-flex-align: center; align-items: center; cursor: pointer; overflow: hidden; border:1px solid #a8a8a8; border-radius:5px; margin-left:8px; color:#fff; background:#a8a8a8; } .jqbtj{ float:left;padding-left:10px; } .jqtj{ float:right;margin-right:10px; } .questiondiv{ width:100%; margin-top:10px; float:left; height:auto; } .secondpage .title{ font-size: 18px; color: #222; line-height: 1.2; margin-top:2px; width:100%; font-weight:normal; } .secondpage ul{ margin-bottom: 20px; padding: 0 10px; width:100%; } .questiondiv select{ width: 95%; height: 40px; padding-top: 3px; padding-left: 5px; font-size: 16px; box-sizing: border-box; border-radius:5px; border-width: 1px; border-style: solid; border-color: rgb(169, 169, 169); border-image: initial; } /*2021/6/28*/ .notice-panel{ padding: 20px 5px; } .notice-panel p{ font-size: 16px; line-height: 1.6; margin-bottom: 15px; } /*2021/6/28*/ }