@charset "utf-8"; /*鍏ㄥ眬鍒濆鍖栨牱寮?/ body{/*绂佺敤Webkit鍐呮牳娴忚鍣ㄧ殑鏂囧瓧澶у皬璋冩暣鍔熻兘*/-webkit-text-size-adjust:none;/*鍙栧嚭鐐瑰嚮鍑虹幇鍗婇€忔槑鐨勭伆鑹茶儗鏅?/-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight:rgba(0,0,0,0);/*璁剧疆瀛椾綋鐨勬姉閿娇鎴栬€呰鍏夋粦搴?/-webkit-font-smoothing:antialiased;/*鏁翠釜椤甸潰閮界姝㈤€夋嫨*//*-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;*//*鍏朵粬鍒濆鍖?/-webkit-box-sizing:border-box;box-sizing:border-box;overflow-x:hidden;padding:0;margin:0 auto;font-size:14px;line-height:24px;font-family:"Arial","Microsoft YaHei";color:#333;width:100%;min-width:320px;zoom:1;background-color: #fff;word-break: break-word;} *, :before, :after{-webkit-box-sizing:border-box;box-sizing:border-box;margin: 0;padding: 0;word-break: break-word;outline: 0;} video{max-width: 100%!important;} table{word-break: break-word;} table td{padding: 10px;} input:-moz-placeholder,textarea:-moz-placeholder{color:#a7a7a7;opacity:1;} input::-moz-placeholder,textarea::-moz-placeholder{color:#a7a7a7;opacity:1;} input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#a7a7a7;} input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#a7a7a7;} .ul,.ul>li,.dl,.dl>dd,.dl>dt{list-style:none;font-weight:normal;} /*鍒濆鍖栦笅鎷夎彍鍗曘€佸崟琛岃緭鍏ユ銆佸琛岃緭鍏ユ鐨勬牱寮?/ select,input,textarea{border-radius:0;-webkit-border-radius:0;color:#333;} /*琛ㄥ崟鍏冪礌鑾峰緱鐒︾偣鏃朵笉鏄剧ず铏氱嚎妗?/ input:focus{outline:none;} input,button,select,textarea{font-family:"Arial","Microsoft YaHei";outline:none;/*寮哄埗鍘婚櫎琛ㄥ崟鑷甫鐨勬牱寮?/} /*涓嶅厑璁稿琛岃緭鍏ユ枃鏈鏈夋粴鍔ㄦ潯*/ textarea{resize:none;/*寮哄埗鍘婚櫎textarea鑷甫鐨勬牱寮?/} /*鍒濆鍖栬〃鍗曞厓绱?/ textarea,input,select{background:none;border:none;} canvas{display:block;} /*鍒濆鍖栧浘鐗?/ img{border:none;border:0;vertical-align:top;max-width:100%;height: auto!important;} /*鍒濆鍖朼*/ a,a:focus{color:#666;text-decoration:none;} a:hover{color:#0087e0;} a,a:hover{outline:none;text-decoration:none;-webkit-transition:all 0.25s linear 0.01s;transition:all 0.25s linear 0.01s;} /*鍏ㄥ眬鏍峰紡*/ .qui-warp{max-width:1500px;margin: 0 auto;} .qui-main-box{padding: 80px 0 100px;min-height: 45vh;} .qui-clear{clear:both;height:0;overflow:hidden;} .qui-clearfix{zoom:1;} .qui-clearfix:after{content:'';display:block;height:0;visibility:hidden;clear:both;} .qui-ytable{display:table;width:100%;table-layout:fixed;} .qui-ytable-cell{display:table-cell;vertical-align:middle;overflow:hidden;} .qui-ytable-cell img{max-height: 100%;} .qui-ts{white-space: pre-line;} .qui-tl{text-align:left!important;} .qui-tr{text-align:right!important;} .qui-tc{text-align:center!important;} .qui-tj{text-align:justify!important;} .qui-fl{float:left!important;} .qui-fr{float:right!important;} .qui-text{display: block;line-height: 22px;width: 100%;border: 1px solid #eee;} .qui-ds-inb{display: inline-block;vertical-align: top;*zoom:1;*display:inline;} .qui-ds-none{display: none;} .qui-ovh{overflow: hidden;} .qui-dot{overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;display: block;} .qui-dot2, .qui-dot3, .qui-dot4{overflow : hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient:vertical;} .qui-dot2{-webkit-line-clamp: 2;} .qui-dot3{-webkit-line-clamp: 3;} .qui-dot4{-webkit-line-clamp: 4;} .qui-pic{position:relative;height: 0;overflow: hidden;} .qui-pic img{position: absolute;left: 0;top: 0;width: 100%;display: block;min-height: 100%;} /*棰滆壊*/ .qui-col-df{color:#0087e0!important;}/*榛樿*/ .qui-col-cc{color:#ccc!important;} .qui-col-33{color:#333!important;} .qui-col-66{color:#666!important;} .qui-col-99{color:#999!important;} /*鑳屾櫙*/ .qui-bg-black70{position: fixed;width: 100%;height: 100%;left: 0;top: 0;z-index: 99999;display: none;} .qui-bg-ff{background-color: #fff!important;} .qui-bg-f8{background-color: #f8f8f8!important;} .qui-bg-f5{background-color: #f5f5f5!important;} /*瀛楀彿*/ .qui-fs12{font-size: 12px!important;} .qui-fs14{font-size: 14px!important;} .qui-fs16{font-size: 16px!important;} .qui-fs18{font-size: 18px!important;} .qui-fs20{font-size: 20px!important;} .qui-fs22{font-size: 22px!important;} /*婊氬姩鏉℃牱寮?/ .qui-gdt::-webkit-scrollbar{width:5px;} .qui-gdt::-webkit-scrollbar-track{background-color:#f2f2f2;} .qui-gdt::-webkit-scrollbar-thumb{background-color:#bbb;} .qui-gdt::-webkit-scrollbar-thumb:hover{background-color:#555} .qui-gdt::-webkit-scrollbar-thumb:active{background-color:#666} /*鍥剧墖鏀惧ぇ*/ .qui-img{-webkit-transition:all .4s ease-out;transition:all .4s ease-out;} a:hover .qui-img{-webkit-transform:scale(1.1);transform:scale(1.1);} .qui-hover:hover .qui-img{-webkit-transform:scale(1.1);transform:scale(1.1);} .qui-imgbg{position: absolute;width: 100%;height: 100%;left: 0;top: 0;background-position: center;background-repeat: no-repeat;background-size: cover;-webkit-transition:all .4s ease-out;transition:all .4s ease-out;} a:hover .qui-imgbg{-webkit-transform:scale(1.1);transform:scale(1.1);} .qui-hover:hover .qui-imgbg{-webkit-transform:scale(1.1);transform:scale(1.1);} .qui-imgbgn{position: absolute;width: 100%;height: 100%;left: 0;top: 0;background-position: center;background-repeat: no-repeat;background-size: cover;} /* 澶撮儴 */ .qui-top-box{} .qui-top-box .qui-logo{display: block;float: left;margin-top: 20px;} .qui-top-box .qui-logo img{display: block;height: 60px!important;} .qui-top-box .quissbox{position: relative;} .qui-top-box .quissbtn{display: block;width: 30px;height: 30px;background: url(../images/top_ss.png) center no-repeat;margin-top: 35px;} .qui-top-box .qui-search-box{position: absolute;top: 100%;right: -9px;width: 280px;z-index: 9;margin-top: 38px;display: none;} .qui-top-box .qui-search-box .qui-text{padding: 0 50px 0 18px;border: 0;border-radius: 0;height: 48px;background: #fff;font-size: 16px;} .qui-top-box .qui-search-box .qui-ss-btn{position: absolute;width: 50px;height: 100%;top: 0;right: 0;background: url('../images/top_ss.png') center no-repeat;z-index: 1;} .qui-top-nav{margin: 0 170px 0 ;} .qui-top-nav .ULLIST{font-size: 0;text-align: right;} .qui-top-nav .ULLIST>li{display: inline-block;vertical-align: top;margin-left: 60px;} .qui-top-nav .ULLIST>li>a{display: block;line-height: 20px;text-align: center;font-size: 16px;color: #333;padding: 40px 0;border-bottom: 3px solid transparent;} .qui-top-nav .ULLIST>li:hover>a, .qui-top-nav .ULLIST>li.on>a{color: #0087e0;border-color: #0087e0;} .qui-footer{background: #175fbb url(../images/botbg.jpg) center repeat;color: #92acdc;} .qui-footer a{color: #92acdc;} .qui-footer a:hover{color: #fff;} .qui-footer1{padding: 80px 0 60px;font-size: 16px;} .qui-footer1 .qui{background: #fff;width: 116px;} .qui-footer1 .qui img{display: block;width: 100%;} .qui-footer1 .quiimg p{padding-top: 10px;text-align: center;} .qui-footer1 .dl:last-child{margin-right: 0;} .qui-footer1 .dl{display: inline-block;vertical-align: top;margin-right: 110px;} .qui-footer1 .dl dt{color: #fff;font-size: 18px;margin-bottom: 8px;} .qui-footer1 .dl dd{padding: 3px 0;} .qui-footer2 .qui-warp{border-top: 1px solid #2d6ec2;padding-top: 30px;padding-bottom: 70px;} .qui-footer2 .qui-fr a{display: inline-block;vertical-align: top;margin-left: 20px;position: relative;} .qui-footer2 .qui-fr a:after{content: '';width: 1px;height: 12px;position: absolute;right: 100%;margin-right: 10px;background: #6a96cf;top: 50%;margin-top: -6px;} .qui-footer2 .qui-fr a:first-child:after{display: none;} .qui-footer2 a{display: inline-block;vertical-align: top;} /*浜岀骇涓嬫媺*/ .qui-top-box{position: relative;} .qui-top-nav .ULLIST>li{position: relative;} .qui-submenu{position: absolute;width: 100%;min-width: 130px;left: 50%;top: 100%;background: rgba(255, 255, 255, .98);transform: translateX(-50%);-webkit-transform: translateX(-50%);display: none;font-size: 14px;z-index: 10;} .qui-submenu a{display: block;padding: 10px 5px;text-align: center;border-bottom: 1px solid #eee;} .qui-submenu a:hover{color: #0087e0;border-color: #0087e0;} .qui-submenutop{position: absolute;width: 100%;left: 0;top: 100%;z-index: 10;background: rgba(255, 255, 255, .98);text-align: center;font-size: 0;padding: 20px 0;display: none;box-shadow: 0 3px 10px rgba(0, 0, 0, .1);} .qui-submenutop .dl{padding-right: 15px;display: inline-block;vertical-align: top;font-size: 14px;text-align: left;padding: 10px 15px 10px 0;} .qui-submenutop .dl dt{position: relative;padding-bottom: 10px;margin-bottom: 10px;font-size: 16px;font-weight: bold;} .qui-submenutop .dllist{display: block;text-align: center;} #topNavID11078, #topNavID11096{position: static;} .qui-submenutop .qui-warp{display: flex;justify-content: space-evenly;} .qui-submenutop .dl dd{padding: 3px 0;} .qui-submenutop .dl dt a{color: #333;} .qui-submenutop .dl dt a:hover{color: #0087e0;} .qui-submenutop .dl dt:after{content: '';position: absolute;width: 20px;height: 2px;background: #0087e0;bottom: 0;left: 0;} .qui-submenutop .dllist dt{font-weight: normal;padding: 3px 0;margin: 0;} .qui-submenutop .dllist dt:after{display: none;} .qui-menubox .li .qui-submenu{border: 1px solid #eee;border-bottom: 0;} @media (min-width:1025px){ .qui-top-nav .ULLIST>li:hover .qui-submenutop, .qui-menubox .li:hover .qui-submenu, .qui-top-nav .ULLIST>li:hover .qui-submenu{display: block;} } /* ban */ .qui-ban{position: relative;} .qui-ban img{width: 100%;display: block;} .qui-ban .qui-wap{display: none;} .qui-ban .quiinfo{position: absolute;color: #fff;font-size: 24px;line-height: 1.4;font-weight: 100;left: 50%;margin-left: -750px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);} .qui-ban .quiinfo h3{font-size: 48px;margin-bottom: 6px;} /*鍒嗛〉*/ #pageNum路路路{font-weight: bold!important;} .Pages{zoom:1;overflow:hidden;text-align: center;padding: 40px 0 0;font-size: 0;line-height: 50px;} .Pages *{display: inline-block;vertical-align: top;font-weight: normal;font-style: normal;} .Pages a{font-size: 16px;min-width: 50px;height: 50px;line-height: 50px;border: 1px solid #e4e4e4;text-align: center;background: #fff;padding: 0 10px;margin: 0 10px;overflow: hidden;border-radius: 25px;color: #999;} .Pages a:hover, .Pages a.a_cur{background-color: #0087e0;color: #fff;border-color: #0087e0;} .Pages a.a_prev, .Pages a.a_next{font-weight: bold;font-family: "瀹嬩綋";} @media (max-width:1250px){ .Pages{padding-top: 25px;} } @media (max-width:1580px){ .qui-warp{padding: 0 2%;max-width: 100%;} .qui-main-box{padding: 55px 0;} .qui-ban .quiinfo{left: 2%;margin-left: 0;width: 96%;} .qui-footer1 .dl{margin-right: 6vw;} .qui-footer1{padding: 60px 0 30px;} .qui-footer2 .qui-warp{padding-bottom: 60px;} } @media (max-width:1330px){ .qui-footer1{padding: 25px 0 20px;} .qui-footer2{padding: 0 0 25px;} .qui-footer2 .qui-warp{padding-bottom: 0;padding-top: 20px;} .qui-footer1 .qui-fr{float: none!important;margin: 0 auto 10px;width: 116px;} .qui-footer1 .qui-fl{float: none!important;text-align: center;} .qui-footer1 .dl{margin: 0 2vw;} .qui-top-nav{margin: 0 60px 0 260px;} .qui-top-nav .ULLIST>li{margin-left: 2vw;} } .qui-nav-btn{display: none;} .qui-wap-bg{display: none;} .qui-body-ovh{overflow: hidden;} .qui-top-boxH{height: 0;} @media (max-width:1024px){ .qui-top-nav .ULLIST>li{position: relative!important;} .qui-submenutop{position: relative;top: 0;padding: 10px 0;} .qui-submenutop .dl{width: 100%;padding:5px 20px;} .qui-footer1 .qui-fl{font-size: 0;} .qui-footer1 .dl{min-width: 33.33333333333333%;margin: 0;padding: 4px;} .qui-footer1 .dl dd{font-size: 14px;padding: 0;} .qui-footer1{font-size: 14px;} .qui-footer1 .dl dt{font-size: 16px;margin-bottom: 2px;} .qui-top-box .qui-logo{margin-top: 0;} .qui-top-box .quissbtn{margin-top: 8px;} .qui-top-box .quissbox{margin-right: 40px;} .qui-top-box .qui-logo img{height: 46px!important;} .qui-top-box{padding: 12px 0;position: relative;width: 100%;z-index: 99;top: 0;left: 0;} .qui-top-nav{position: fixed;max-width: 360px;width: 72%;left: -100%;top: 0;z-index: 1001;height: 100%;padding: 0 0 20px;-webkit-transition:all .4s ease-out;transition:all .4s ease-out;overflow:auto;background: #0087e0;} .qui-top-nav .qui-warp{padding: 0;flex-wrap: wrap;} .qui-top-nav .ul>li{width: 100%;float: none;border-top: 1px solid #fff;margin: 0;} .qui-top-nav .ul>li>a{padding: 14px 5px;color: #fff;} .qui-top-nav .ULLIST>li:hover>a, .qui-top-nav .ULLIST>li.on>a{color: #fff;border-color: #fff;font-weight: bold;border-width: 0;} .qui-top-nav .ul>li>em{position: absolute;right: 20px;top: 0;height: 48px;width: 40px;background: url(../images/hbtn2.png) center no-repeat;background-size: auto 12px;z-index: 10;} .qui-submenu{position: relative;} .qui-submenu22{position: absolute;} .qui-nav-btn{position: absolute;z-index: 2;width: 30px;height: 30px;background: url('../images/btn_bg.png') right center no-repeat;background-size: auto 26px;display: block;right: 2%;top: 50%;margin-top: -15px;} .qui-wap-bg{position: fixed;width: 100%;height: 100%;left: 0;top: 0;overflow: hidden;z-index: 1000;background: rgba(255, 255, 255, .85);display: none;} .qui-body-ovh .qui-top-nav{left: 0;} .qui-top-nav{margin: 0;} .qui-ban .quiinfo{font-size: 16px;} .qui-ban .quiinfo h3{font-weight: normal;font-size: 30px;} .qui-top-box .qui-search-box{margin-top: 19px;} } @media (max-width:1000px){ .qui-footer2 .qui-fl, .qui-footer2 .qui-fr{float: none!important;text-align: center;} } @media (max-width:640px){ .qui-ban .qui-pc{display: none;} .qui-ban .qui-wap{display: block;} .qui-top-box .qui-logo img{height: 30px!important;} .qui-top-box .quissbtn{margin-top: 0;} .qui-nav-btn{background-size: auto 22px;} .qui-ban .quiinfo h3{font-size: 20px;} .qui-ban .quiinfo{font-size: 14px;} .qui-top-box .qui-search-box{margin-top: 12px;} .qui-main-box{padding: 40px 0;} } .qui-aboutbox{font-size: 16px;text-align: justify;color: #666;line-height: 2.25;} .qui-aboutbox p{padding: 15px 0;} .qui-aboutbox .quiimg{float: right;margin-left: 100px;margin-bottom: 20px;} .qui-aboutbox .h3{font-weight: normal;color: #000;font-size: 36px;line-height: 1.2;padding-bottom: 26px;margin-bottom: 26px;position: relative;} .qui-aboutbox .h3:after{content: '';position: absolute;width: 90px;height: 4px;background: url(../images/ttbg.jpg) left center no-repeat;left: 0;bottom: 0;} @media (max-width:1580px){ .qui-aboutbox .quiimg{margin-left: 30px;} .qui-aboutbox .h3{padding-bottom: 24px;margin-bottom: 24px;} .qui-aboutbox p{padding: 6px 0;} } @media (max-width:1300px){ .qui-aboutbox .quiimg{margin-left: 20px;margin-bottom: 15px;} } @media (max-width:1000px){ .qui-aboutbox .quiimg{margin: 0 auto 20px;float: none;} .qui-aboutbox .h3{font-size: 30px;} .qui-aboutbox{line-height: 1.875;} } @media (max-width:640px){ .qui-aboutbox .h3{font-size: 20px;padding-bottom: 16px;margin-bottom: 16px;} .qui-aboutbox p{padding: 3px 0;} .qui-aboutbox{font-size: 14px;} .qui-aboutbox .h3:after{height: 2px;background-size: auto;} } .qui-name-all{text-align: center;margin-bottom: 40px;} .qui-name-all span{font-size: 28px;color: #000;position: relative;padding-bottom: 30px;display: block;line-height: 1;} .qui-name-all span:after{content: '';width: 90px;height: 4px;background: url(../images/ttbg.jpg) center no-repeat;position: absolute;bottom: 0;left: 50%;margin-left: -45px;} .qui-name-all2{text-align: left;} .qui-name-all2 span:after{left: 0;margin-left: 0;} .qui-solutioninfo{padding: 60px 0;} .qui-solutioninfo:nth-child(even){background: #f6f7fe;} .qui-solutioninfo4.qui-home-case .slick-arrow{position: absolute;top: 50%;margin-top: -21px;width: 42px;height: 42px;background:rgba(0, 135, 224, 1) center no-repeat;cursor: pointer;font-size: 0;border: 0;z-index: 10;background-size: auto 16px;} .qui-solutioninfo4.qui-home-case .slick-prev{background-image: url(../images/hbtn1.png);left:0;} .qui-solutioninfo4.qui-home-case .slick-next{background-image: url(../images/hbtn2.png);right:0;} .ul202203241640{font-size: 0;margin: -1%;} .ul202203241640 .li{width: 25%;display: inline-block;vertical-align: top;padding: 1%;font-size: 16px;} .ul202203241640 .li .qui-hover{background: #f5f5f5;border-radius: 20px 0 20px 0;padding: 60px 30px;min-height: 300px;line-height: 1.875;} .qui-ibox{width: 52px;height: 52px;display: block;position: relative;} .qui-ibox img{position: absolute;max-width: 100%;max-height: 100%;left: 50%;top: 50%;transform: translateY(-50%) translateX(-50%);-webkit-transform: translateY(-50%) translateX(-50%);} .ul202203241640 .li .qui-ibox{width: 52px;height: 52px;margin: 0 auto 15px;border-radius: 50%;background: #175fbb;display: block;} .ul202203241640 .li .qui-ibox img{max-width: 55%;max-width: 55%;} .ul202203241640 .li h3{font-size: 20px;text-align: center;margin-bottom: 10px;} .ul202203241640 .li .quitxt{text-align: justify;} .qui-history .ULLIST .li{padding-right: calc(50% + 50px);text-align: right;font-size: 16px;line-height: 1.875;color: #666;position: relative;margin-bottom: 40px;min-height: 110px;} .qui-history .ULLIST .li:nth-child(even){padding-right: 0;padding-left: calc(50% + 50px);text-align: left;} .qui-history .ULLIST .li.liTop h3{display: inline-block;vertical-align: top;text-align: center;} .qui-history .ULLIST .li h3{font-size: 24px;color: #333;line-height: 1.25;margin: 6px 0 16px;} .qui-history .ULLIST .li time{display: block;color: #0087e0;font-size: 24px;line-height: 1.25;} .qui-history .ULLIST{position: relative;padding: 20px 0 60px;} .qui-history .ULLIST:after{content: '';width: 1px;height: 100%;background: #eee;position: absolute;left: 50%;margin-left: -.5px;top: 0;} .qui-history .ULLIST .li:after{content: '';width: 19px;height: 19px;background: url(../images/tmbg.jpg) center no-repeat;position: absolute;top: 22px;left: 50%;margin-left: -9.5px;z-index: 2;} .qui-mart40{margin-top: 40px;} .qui-tzzgx-box{padding: 60px 0;} .qui-tzzgx-box:nth-child(odd){background: #f6f7fe;} .qui-btn-fm{display: inline-block;vertical-align: top;min-width: 160px;line-height: 42px;font-size: 16px;text-align: center;border:1px solid #0087e0;border-radius: 42px;color: #0087e0!important;} .qui-btn-fm:hover{background: #0087e0;color: #fff!important;} @media (max-width:1680px){ .qui-solutioninfo4.qui-home-case .ULLIST{padding: 0;} .qui-solutioninfo4.qui-home-case .slick-prev{background-image: url(../images/hbtn1.png);left:2%;} .qui-solutioninfo4.qui-home-case .slick-next{background-image: url(../images/hbtn2.png);right:2%;} .qui-solutioninfo4.qui-home-case .slick-arrow{opacity: .5;} .qui-solutioninfo4.qui-home-case .slick-arrow:hover{opacity: 1;} } .qui-imglunbo .qui-pic{padding-bottom: 38.6666666667%;} .qui-imglunbo .slick-arrow{position: absolute;top: 50%;margin-top: -21px;width: 42px;height: 42px;background:rgba(0, 135, 224, 1) center no-repeat;cursor: pointer;font-size: 0;border: 0;z-index: 10;background-size: auto 16px;} .qui-imglunbo .slick-prev{background-image: url(../images/hbtn1.png);left: 2%;} .qui-imglunbo .slick-next{background-image: url(../images/hbtn2.png);right: 2%;} .quibtnall .slick-arrow{position: absolute;top: 50%;margin-top: -21px;width: 42px;height: 42px;background:rgba(0, 135, 224, 1) center no-repeat;cursor: pointer;font-size: 0;border: 0;z-index: 10;background-size: auto 16px;} .quibtnall .slick-prev{background-image: url(../images/hbtn1.png);left: 2%;} .quibtnall .slick-next{background-image: url(../images/hbtn2.png);right: 2%;} .qui-home-solution .ULLIST2 .li .quiinfo{position: absolute;left: 10%;width: 96%;max-width: 540px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);padding: 30px;border-radius: 10px;background: rgba(0, 0, 0, .6);color: #fff;line-height: 1.875;font-size: 16px;} .qui-home-solution .ULLIST2 .li .DLLIST{font-size: 0;padding: 20px 0;} .qui-home-solution .ULLIST2 .li .DLLIST dd{display: inline-block;vertical-align: top;font-size: 14px;text-align: center;padding-right: 20px;} .qui-home-solution .ULLIST2 .li .qui-ibox{margin: 0 auto 10px;width: 42px;height: 42px;} .qui-home-solution .ULLIST2 .li .quiinfo h3{font-size: 20px;} .qui-home-solution .ULLIST2 .li .qui-mm{display: inline-block;vertical-align: top;color: #fff;border: 1px solid #fff;padding: 0 20px;line-height: 40px;border-radius: 40px;min-width: 120px;text-align: center;} .qui-home-solution .ULLIST2 .li .qui-mm:hover{background: #0087e0;border-color: #0087e0;} .qui-imgdh{animation: slowScale 6s forwards;-webkit-animation: slowScale 6s forwards;} .slick-current .qui-imgdh{animation: slowScale 6s forwards;-webkit-animation: slowScale 6s forwards;} @keyframes slowScale { 0%{transform: scale(1);-webkit-transform: scale(1);} 100%{transform: scale(1.1);-webkit-transform: scale(1.1);} } @-webkit-keyframes slowScale { 0%{transform: scale(1);-webkit-transform: scale(1);} 100%{transform: scale(1.1);-webkit-transform: scale(1.1);} } .qui-caselist .li:not(:last-child){margin-bottom:80px;} .qui-caselist .li .qui-pic{padding-bottom: 38%;} .qui-caselist .li .quiinfo{position: absolute;right: 0;width: 42%;height: 100%;padding: 80px 40px;background: #0087e0;font-size: 16px;line-height: 1.875;text-align: justify;color: #fff;transition: .4s all ease-out;font-size: 18px;} .qui-caselist .li .qui-hover:hover .quiinfo{width: 50%;background: rgba(0, 135, 224, .85);} .qui-caselist .li .quiinfo .h3{font-size: 36px;margin-bottom: 20px;} .qui-caselist .li .quiinfo .qui-mm{display: block;vertical-align: top;position: relative;padding-right: 40px;margin-top: 40px;background: url(../images/right-white.png) right center no-repeat;} .qui-caselist .li .quiline{width: 100%;height: 1px;background: #fff;margin-top: 40px;} @media (max-width:1580px){ .qui-caselist .li:not(:last-child){margin-bottom:2%;} } @media (max-width:1024px){ .qui-solutioninfo{padding: 40px 0;} .qui-tzzgx-box{padding: 40px 0;} .qui-name-all{margin-bottom: 20px;} .qui-name-all span{font-size: 26px;padding-bottom: 16px;} .qui-name-all span:after{height: 2px;background-size: auto;} .qui-history .ULLIST{padding: 30px 0;} .qui-history .ULLIST .li{margin-bottom: 15px;} .qui-history .ULLIST .li:last-child{margin-bottom: 0;} .qui-history .ULLIST .li h3{margin: 4px 0 6px;font-weight: normal;} } @media (max-width:1000px){ .qui-imglunbo .qui-pic{padding-bottom: 0;height: auto;} .qui-home-solution .ULLIST2 .li .quiinfo{top: 0;left: 2%;position: relative;transform: translateY(0);-webkit-transform: translateY(0);margin: 2% 0;border-radius: 5px;padding: 25px 15px;} .qui-home-solution .ULLIST2 .li .DLLIST dd{width: 25%;font-size: 12px;padding: 5px;} .qui-home-solution .ULLIST2 .li .qui-ibox{width: 36px;height: 36px;margin: 0 auto 6px;} .qui-home-solution .ULLIST2 .li .DLLIST{padding: 15px 0;} .qui-imglunbo .slick-arrow{opacity: .5;} } @media (max-width:640px){ .qui-history .ULLIST .li{padding: 0 0 0 40px!important;text-align: justify!important;min-height: 0;} .qui-history .ULLIST:after{left: 10px;} .qui-history .ULLIST .li:after{left: 10px;} .qui-name-all span{font-size: 22px;} .qui-history .ULLIST .li h3{font-size: 20px;} .qui-history .ULLIST .li time{font-size: 20px;} } .qui-honor .ULLIST{font-size: 0;margin: -23px;} .qui-honor .ULLIST .li{text-align: center;width: 25%;display: inline-block;vertical-align: top;padding: 23px;} .qui-honor .ULLIST .li .h3{color: #333;font-size: 24px;margin-bottom: 16px;line-height: 1.2;} .qui-honor .ULLIST .li .quitxt{font-size: 18px;line-height: 1.55555555556;color: #333;margin-top: 16px;} .qui-honor .ULLIST .li .qui-ytable-cell{height: 240px;border: 1px solid #eee;background: #f6f8fa;border-radius: 3px;padding: 9px;text-align: center;} .qui-honor .ULLIST .li .qui-ytable-cell img{max-height: 220px;} @media (max-width:1580px){ .qui-honor .ULLIST{margin: -1%;} .qui-honor .ULLIST .li{padding: 1%;} } @media (max-width:1024px){ .qui-honor .ULLIST .li .h3{font-size: 20px;margin-bottom: 10px;} .qui-honor .ULLIST .li .quitxt{margin-top: 10px;font-size: 16px;line-height: 22px;white-space: normal;} .qui-honor .ULLIST .li .qui-ytable-cell{height: 180px;} .qui-honor .ULLIST .li .qui-ytable-cell img{max-height: 160px;} } @media (max-width:640px){ .qui-honor .ULLIST .li{width: 50%;padding: 10px 1%;} .qui-honor .ULLIST .li .h3{font-size: 16px;} .qui-honor .ULLIST .li .quitxt{font-size: 14px;} .qui-honor .ULLIST .li .qui-ytable-cell{height: 120px;} .qui-honor .ULLIST .li .qui-ytable-cell img{max-height: 100px;} .Pages{line-height: 36px;} .Pages a{font-size: 14px;margin: 2px;min-width: 36px;line-height: 36px;height: 36px;} } .qui-contact .ULLIST{overflow: hidden;margin: -30px;} .qui-contact .li{width: 50%;float: left;padding: 30px;} .qui-contact .liw100{width: 100%;} .qui-contact .li .quiii{width: 48%;} .qui-contact .li .quiii img{width: 100%;} .qui-contact .li .quipp{height: 400px;padding: 80px 75px;} .qui-contact .li .qui-ytable{background: #f6f8fa;} .qui-contact .li .qui-ytable-cell{font-size: 18px;color: #666;line-height: 40px;} .qui-contact .li .h3{color: #000;font-size: 36px;font-weight: normal;line-height: 40px;padding-bottom: 24px;position: relative;margin-bottom: 20px;} .qui-contact .li .h3:after{content: '';position: absolute;width: 90px;height: 4px;background: url(../images/ttbg.jpg) left center no-repeat;left: 0;bottom: 0;} .qui-contact .li .p{padding-left: 40px;background: 0 6px no-repeat;margin-top: 10px;} .qui-contact .li .p1{background-image: url(../images/conico1.png);} .qui-contact .li .p2{background-image: url(../images/conico3.png);} .qui-contact .li .p3{background-image: url(../images/conico4.png);} .qui-contact .li .p4{background-image: url(../images/conico2.png);} @media (max-width:1580px){ .qui-contact .li{padding: 1%;} .qui-contact .ULLIST{margin: -1%;} .qui-contact .li .quipp{height: auto;} } @media (max-width:1280px){ .qui-contact .li .quipp{padding: 40px;font-size: 16px;} .qui-contact .li .h3{font-size: 30px;padding-bottom: 20px;margin-bottom: 15px;} .qui-contact .li .h3:after{height: 2px;background-size: auto;} } @media (max-width:1024px){ .qui-contact .li .quipp{padding: 30px;} .qui-contact .li .h3{font-size: 20px;padding-bottom: 15px;margin-bottom: 10px;line-height: 30px;} .qui-contact .li .qui-ytable-cell{line-height: 28px;} .qui-contact .li .p{padding-left: 30px;background-size: auto 22px;background-position: 0 3px;} } @media (max-width:640px){ .qui-contact .li{width: 100%;} .qui-contact .li .quiii{display: table-header-group;} .qui-contact .li .quipp{padding: 20px;} } .qui-joinlist .ULLIST .li:not(:last-child){margin-bottom: 20px;} .qui-joinlist .ULLIST .li .qui1{background: #f9f9f9;font-size: 20px;color: #666;line-height: 30px;padding: 12px 0;cursor: pointer;} .qui-joinlist .ULLIST .li .qui1 span:nth-child(4){width: 180px;padding-right: 20px;display: none;} .qui-joinlist .ULLIST .li .qui1 span:nth-child(3){width: 40px;color: #ccc;text-align: center;display: none;} .qui-joinlist .ULLIST .li .qui1 span:nth-child(2){/*width: 200px;*//*text-align: right;*/padding-right: 80px;} .qui-joinlist .ULLIST .li .qui1 span:nth-child(1){padding-left: 80px;padding-right: 10px;font-size: 22px;color: #333;} .qui-joinlist .ULLIST .li .qui2{display: none;font-size: 0;background: #f7f9fa;padding: 40px;} .qui-joinlist .ULLIST .li .qui2 .ul{display: inline-block;vertical-align: top;font-size: 16px;line-height: 2.25;color: #666;width: 50%;padding-right: 10px;} .qui-joinlist .ULLIST .li .qui2 h3{color: #333;font-size: 18px;margin-bottom: 6px;} .qui-joinlist .ULLIST .li.on .qui1{background: #0087e0;color: #fff;} .qui-joinlist .ULLIST .li.on .qui1 *{color: #fff!important;} @media (max-width:1024px){ .qui-joinlist .ULLIST .li .qui1 span:nth-child(1){padding-left: 20px;font-size:18px;} .qui-joinlist .ULLIST .li .qui1{font-size: 16px;padding: 10px 0;} .qui-joinlist .ULLIST .li:not(:last-child){margin-bottom: 10px;} .qui-joinlist .ULLIST .li .qui1 span:nth-child(4){width: 120px;text-align: right;} .qui-joinlist .ULLIST .li .qui1 span:nth-child(3){display: none;} .qui-joinlist .ULLIST .li .qui1 span:nth-child(2){width: 120px;padding-right: 15px;text-align: right;} .qui-joinlist .ULLIST .li .qui2{padding: 20px;font-size: 14px;} .qui-joinlist .ULLIST .li .qui2 .ul{display: block;width: 100%;font-size: 14px;line-height: 1.875;} .qui-joinlist .ULLIST .li .qui2 h3{line-height: 1.2;margin: 4px 0;font-size: 16px;} } @media (max-width:640px){ .qui-joinlist .ULLIST .li .qui1{font-size: 12px;line-height: 18px;display: block;} .qui-joinlist .ULLIST .li .qui1 span:nth-child(1){font-size: 14px;padding-left: 15px;display: block;width: 100%;line-height: 1.4;} .qui-joinlist .ULLIST .li .qui1 span:nth-child(4){padding-right: 15px;width: 100px;} .qui-joinlist .ULLIST .li .qui1 span:nth-child(2){padding: 5px 15px 0 15px;width: 100%;display: block;text-align: left;} } .qui-name-left{margin-bottom: 40px;} .qui-name-left span{font-size: 28px;color: #000;position: relative;padding-bottom: 30px;display: inline-block;vertical-align: top;line-height: 1;} .qui-name-left span:after{content: '';width: 90px;height: 4px;background: url(../images/ttbg.jpg) center no-repeat;position: absolute;bottom: 0;left: 0;} .qui-refresh{display: inline-block;vertical-align: top;padding-left: 30px;position: relative;color: #0087e0!important;font-size: 14px;margin-left: 70px;line-height: 36px;margin-top: 10px;} .qui-refresh:after{content: '';width: 22px;height: 22px;background: url(../images/res.png) center no-repeat;position: absolute;left: 0;top: 50%;margin-top: -11px;} .qui-name-left22 span{font-size: 32px;} em,i{font-style: normal;} .qui-stock .quibox{background: #f6f8fa;padding: 60px;} .qui-stock .ULLIST .li{font-size: 30px;color: #333;padding: 15px 0;line-height: 1.2;} .qui-stock .ULLIST .li .qui-col-df{padding-left: 40px;} .qui-stock .ULLIST .li .h3{font-size: 30px;} .qui-stock .ULLIST .li .qui1{font-size: 18px;color: #d9001b;vertical-align: middle;} .qui-stock .ULLIST .li .qui1 *{display: inline-block;vertical-align: bottom;} .qui-stock .ULLIST .li .qui1 b{font-size: 48px;line-height: .8;} .qui-stock .ULLIST .li .qui1 img{vertical-align: middle;height: 35px!important;} .qui-stock .ULLIST .li .qui1 .quiem{padding: 0 20px 0 50px;} .qui-col-0ebe98{color: #0ebe98!important;} @media (max-width:1300px){ .qui-stock .quibox{padding: 20px;} .qui-stock .ULLIST .li .qui-col-df{padding-left: 10px;} .qui-stock .ULLIST .li{padding: 6px 0;font-size: 18px;} .qui-stock .ULLIST .li .qui1 b{font-size: 24px;} .qui-stock .ULLIST .li .qui1 .quiem{padding: 0 10px 0 30px;} .qui-stock .ULLIST .li .qui1 img{height: 20px!important;} .qui-stock .ULLIST .li .h3{font-size: 20px;line-height: 1.4;} .qui-name-left{margin-bottom: 20px;} .qui-name-left span{font-size: 26px;padding-bottom: 20px;} .qui-name-left span:after{height: 2px;background-size: auto;} } @media (max-width:640px){ .qui-stock .ULLIST .li .qui-ytable-cell{display: block;width: 100%;} .qui-stock .ULLIST .li {font-size: 16px!important;line-height: 1.8!important;padding: 0;} .qui-stock .ULLIST .li *{font-size: 16px!important;line-height: 1.8!important;} .qui-stock .ULLIST .li .h3{font-size: 20px!important;} .qui-stock .ULLIST .li .qui1 b{font-size: 20px!important;line-height: 1.4!important;} .qui-stock .ULLIST .li .qui1 .quiem{padding: 0 10px 0 10px;} .qui-name-left span{font-size: 22px;padding-bottom: 16px;} .qui-refresh{margin-top: 0;margin-left: 40px;} } .qui-tt-list .qui-hover{display: block;line-height: 80px;overflow: hidden;font-size: 16px;border-bottom: 1px solid #eee;position: relative;padding-left: 30px;} .qui-tt-list .qui-hover:after{content: '';width: 10px;height: 10px;background: #0087e0;position: absolute;left: 0;top: 50%;margin-top: -5px;} .qui-tt-list .em{float: right;width: 120px;text-align: center;line-height: 40px;border-radius: 40px;margin-left: 60px;background: #bcccd6;color: #fff;margin-top: 20px;} .qui-tt-list time{float: right;color: #999;} .qui-tt-list .span{max-width: calc(100% - 360px);} @media (max-width:1024px){ .qui-tt-list .em{margin-left: 20px;} .qui-tt-list .span{max-width: calc(100% - 300px);} } @media (max-width:750px){ .qui-tt-list time i{display: none;} .qui-tt-list .em{display: none;} .qui-tt-list .span{max-width: calc(100% - 90px);} .qui-tt-list .qui-hover{line-height: 60px;padding-left: 12px;} .qui-tt-list .qui-hover:after{width: 4px;height: 4px;margin-top: -2px;} } .qui-news-info{font-size: 16px;} .qui-news-info .qui-newstt{font-size:32px;line-height: 1.4;color: #333;text-align: center;} .qui-news-info .qui-newstm{color: #999;text-align: center;padding: 10px 0 30px;border-bottom: 1px solid #eee;} .qui-news-info .qui-newstm .span{display: inline-block;vertical-align: top;padding:0 7.5px;} .qui-news-info .qui-newsinfo{border-bottom: 1px solid #eee;padding: 30px 0;margin: 0 auto;line-height: 2.25;color: #666;text-align: justify;} .qui-news-info .qui-newsinfo p{padding: 15px 0;margin: 0;} .qui-news-info .qui-newsinfo .divimgs{padding: 15px 0;} .qui-news-info .qui-newsback{float: right;margin-top: 37px;} .qui-news-info .qui-newsback a{display: inline-block;vertical-align: top;min-width: 140px;text-align: center;line-height: 50px;border-radius: 50px;color: #fff;background: #0087e0;padding: 0 25px;} .qui-news-info .qui-newsbtn{padding-top: 30px;margin-right: 160px;} .qui-news-info .qui-newsbtn .dl{padding: 5px 0;} @media (max-width:1200px){ .qui-news-info .qui-newstt{font-size: 26px;} .qui-news-info .qui-newstm{padding: 6px 0 20px;} .qui-news-info .qui-newsinfo{padding: 15px 0;line-height: 1.875;} .qui-news-info .qui-newsinfo p{padding: 5px 0;} } @media (max-width:640px){ .qui-news-info{font-size: 14px;} .qui-news-info .qui-newstt{font-size: 18px;} .qui-news-info .qui-newstm{padding-bottom: 15px;} .qui-news-info .qui-newsback{float: none;text-align: center;margin-top: 20px;} .qui-news-info .qui-newsback a{line-height: 42px;border-radius: 42px;min-width: 120px;} .qui-news-info .qui-newsbtn{padding-top: 10px;margin-right: 0;} .qui-news-info .qui-newsbtn .dl{padding: 1px 0;} } .qui-news-topbox{background: #fafafa;padding: 80px 0;margin-top: -80px;} .qui-news-topbox .ULLIST .li .qui-hover{display: block;position: relative;font-size: 16px;} .qui-news-topbox .ULLIST .li .qui-pic{position: absolute;width: 48%;height: 100%;} .qui-news-topbox .ULLIST .li .quiinfo{min-height: 405px;margin-left: 53.3333333333%;position: relative;} .qui-news-topbox .ULLIST .li time{font-size: 18px;color: #666;display: block;} .qui-news-topbox .ULLIST .li .h3{font-size: 26px;color: #333;line-height: 30px;margin: 50px 0;font-weight: normal;} .qui-news-topbox .ULLIST .li .quitxt{color: #666;line-height: 36px;height: 72px;margin-bottom: 40px;} .qui-news-topbox .ULLIST .li .span{width: 140px;text-align: center;border-radius: 48px;line-height: 48px;border: 1px solid #0087e0;color: #0087e0;display: block;} .qui-news-topbox .ULLIST .li .qui-hover:hover .h3{color: #0087e0;} .qui-news-topbox .divDot {position: absolute;bottom: 0;left: 53.3333333333%;} .qui-news-topbox .divDot li{display: inline-block;vertical-align: top;letter-spacing: 3px;font-size: 18px;color: #666;opacity: 0;display: none;} .qui-news-topbox .divDot li.slick-active{opacity: 1;display: inline-block;} .qui-news-topbox .quiline{height: 1px;background: #ddd;position: absolute;right: 0;bottom: 12px;} .qui-news-topbox .quiline .qui{position: absolute;left: 0;height: 1px;top: 0;background: #0087e0;-webkit-transition:all .4s ease-out;transition:all .4s ease-out;} .qui-news-topbox .quiline .qui1{width: 50%;} .qui-news-topbox .qui-warp{position: relative;} .qui-news-list .ULLIST .li .qui-hover{border-bottom: 1px solid #eee;padding: 50px 0;display: block;position: relative;font-size: 16px;} .qui-news-list .ULLIST .li .qui-pic{width: 320px;left: 0;top: 50px;height: 180px;position: absolute;} .qui-news-list .ULLIST .li .quiinfo{padding-top: 40px;margin-left: 400px;min-height: 180px;padding-right: 85px;margin-right: 210px;border-right: 1px solid #eee;} .qui-news-list .ULLIST .li time{position: absolute;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);right: 0;text-align: center;width: 210px;color: #999;} .qui-news-list .ULLIST .li time *{display: block;line-height: 1;} .qui-news-list .ULLIST .li time i{font-size: 56px;margin-bottom: 10px;} .qui-news-list .ULLIST .li .h3{font-size: 20px;color: #333;font-weight: normal;margin-bottom: 20px;} .qui-news-list .ULLIST .li .quitxt{color: #666;line-height: 36px;height: 72px;} .qui-news-list .ULLIST .li .qui-hover:hover .qui-pic{box-shadow: 0 17px 27px rgba(0, 0, 0, .26);} .qui-news-list .ULLIST .li .qui-hover:hover .h3{color: #0087e0;} @media (max-width:1580px){ .qui-news-topbox{margin-top: -55px;padding: 50px 0;} .qui-news-list .ULLIST .li .qui-hover{padding: 30px 0;} .qui-news-list .ULLIST .li .qui-pic{top: 30px;} .qui-news-list .ULLIST .li .quiinfo{margin-left: 350px;padding-right: 30px;} .qui-news-topbox .quiline{right: 2%;} } @media (max-width:1200px){ .qui-news-list .ULLIST .li time{width: 100px;} .qui-news-list .ULLIST .li time i{font-size: 30px;margin-bottom: 4px;} .qui-news-list .ULLIST .li .quiinfo{margin-right: 100px;margin-left: 30%;} .qui-news-list .ULLIST .li .qui-pic{width: 28%;} .qui-news-topbox .ULLIST .li .h3{margin: 20px 0;} .qui-news-topbox .ULLIST .li .quitxt{margin-bottom: 20px;} .qui-news-topbox .ULLIST .li .quiinfo{margin-left: 50%;min-height: 0;padding-bottom: 40px;} .qui-news-topbox .divDot{left: 50%;} } @media (max-width:640px){ .qui-news-topbox .ULLIST .li .qui-pic{position: relative;padding-bottom: 56.25%;height: 0;width: 100%;} .qui-news-topbox .ULLIST .li .quiinfo{margin-left: 0;} .qui-news-topbox .divDot{left: 0%;} .qui-news-topbox .ULLIST .li time{font-size: 16px;margin-top: 20px;} .qui-news-topbox .ULLIST .li .h3{font-size: 18px;margin: 0 0 6px;} .qui-news-topbox .ULLIST .li .quitxt{font-size: 14px;line-height: 24px;height: 48px;margin-bottom: 10px;} .qui-news-topbox .ULLIST .li .span{width: 120px;line-height: 38px;font-size: 14px;border-right: 38px;} .qui-news-topbox{margin-top: -40px;padding: 20px 0;} .qui-news-list .ULLIST .li .qui-hover{padding: 15px 0;} .qui-news-list .ULLIST .li .quiinfo{margin-right: 0;border: 0;padding-right: 0;} .qui-news-list .ULLIST .li time{display: inline-block;width: auto;position: relative;margin-top: 0;top: 0;text-align: left;transform: translateY(0%);-webkit-transform: translateY(0%);height: 16px;} .qui-news-list .ULLIST .li time *{display: inline-block;vertical-align: top;font-size: 14px!important;line-height: 1;} .qui-news-list .ULLIST .li time i{float: right;position: relative;padding-left: 10px;margin-bottom: 0;} .qui-news-list .ULLIST .li time i:after{content: '-';position: absolute;left: 2.5px;top: 0;} .qui-news-list .ULLIST .li .qui-pic{top: 15px;width: 40%;height: calc(100% - 30px);} .qui-news-list .ULLIST .li .quiinfo{margin-left: 42%;padding-top: 5px;min-height: 0;padding-bottom: 5px;} .qui-news-list .ULLIST .li .h3{font-size: 16px;margin-bottom: 0;} .qui-news-list .ULLIST .li .quitxt{font-size: 14px;line-height: 24px;height: 48px;} .qui-news-list .ULLIST .li .qui-hover:hover .qui-pic{box-shadow: 0 2px 5px rgba(0, 0, 0, .26);} } .qui-solution .ULLIST{margin: -35px 0;} .qui-solution .ULLIST .li{padding: 15px 0;font-size: 16px;line-height: 1.875;} .qui-solution .ULLIST .li .quiii{width: 50%;} .qui-solution .ULLIST .li .qui-pic{padding-bottom: 60%;} .qui-solution .ULLIST .li .quiii img{width: 100%;object-fit: cover;} .qui-solution .ULLIST .li .quitxt:last-child{padding-left: 100px;} .qui-solution .ULLIST .li .quitxt:first-child{padding-right: 100px;} .qui-solution .ULLIST .li .quimm{display: inline-block;vertical-align: top;margin-top: 65px;background: #0087e0;font-size: 16px;text-align: center;width: 140px;line-height: 44px;border-radius: 44px;color: #fff;} @media (max-width:1300px){ .qui-solution .ULLIST .li .quitxt:last-child{padding-left: 30px;} .qui-solution .ULLIST .li .quitxt:first-child{padding-right: 30px;} .qui-solution .ULLIST{margin: -10px 0;} .qui-solution .ULLIST .li{padding: 10px 0;} .qui-solution .ULLIST .li .quimm{margin-top: 30px;} } @media (max-width:750px){ .qui-solution .ULLIST .li .quiii{display: table-header-group;width: 100%;} .qui-solution .ULLIST .li .quitxt{padding: 20px 0 0!important;} .qui-solution .ULLIST .li .quimm{margin-top: 15px;} } .qui-zt-links .ULLIST{overflow: hidden;margin: -19px;} .qui-zt-links .li{width: 25%;padding: 19px;float: left;} .qui-zt-links .li .quihover{display: block;background: #f6f8fa;color: #0087e0;font-size: 24px;padding: 45px 20px 40px 40px;height: 390px;position: relative;line-height: 1.2;overflow: hidden;} .qui-zt-links .li img{position: absolute;right: -10px;bottom: -10px;max-height: 200px;opacity: .1;} .qui-zt-links .li img.quihv{display: none;} .qui-zt-links .li img.quihv{display: none;} .qui-zt-links .li .quihover:hover{background: #0087e0;color: #fff;} .qui-zt-links .li .quihover:hover img.quiimg{display: none;} .qui-zt-links .li .quihover:hover img.quihv{display: block!important;} @media (max-width:1300px){ .qui-zt-links .ULLIST{margin: -1%;} .qui-zt-links .li{padding: 1%;} .qui-zt-links .li .quihover{font-size: 20px;padding: 30px 20px;height: 0;padding-bottom: 111.111111111%;} .qui-zt-links .li img{max-height: 40%;max-width: 65%;right: 10px;bottom: 10px;} } @media (max-width:580px){ .qui-zt-links .li{width: 50%;} } @media (max-width:640px){ .qui-zt-links .li .quihover{font-size: 16px;padding: 25px 10px 110%;text-align: center;} } .qui-FAQ .ULLIST .li{overflow: hidden;} .qui-FAQ .ULLIST .li .qui1{width: 70px;text-align: center;border: 1px solid #eee;line-height: 68px;font-size: 36px;color: #0087e0;float: left;} .qui-FAQ .ULLIST .li .qui2{margin-left: 80px;border: 1px solid #eee;margin-left: 80px;margin-bottom: 10px;min-height: 70px;font-size: 16px;color: #666;line-height: 28px;padding: 20px 30px;} .qui-FAQ .ULLIST .li .quidiv2 .qui2{font-size: 14px;} .qui-FAQ .ULLIST .li .quidiv1{cursor: pointer;} .qui-FAQ .ULLIST .li .quidiv2{display: none;} .qui-FAQ .ULLIST .li.on .quidiv1 .qui2{background: #f7f9fa;} .qui-FAQ .ULLIST .li.on .quidiv1 .qui1{background: #0087e0;color: #fff;} .qui-network .ULLIST{overflow: hidden;margin: -30px;} .qui-network .ULLIST .li{width: 50%;float: left;padding: 30px;} .qui-network .ULLIST .li .quiinfo{background: #f6f8fa;padding: 50px;} .qui-network .ULLIST .li h3{font-size: 24px;color: #333;line-height: 1.2;margin-bottom:10px;} .qui-network .li .p{padding-left: 40px;background: 0 6px no-repeat;font-size: 18px;color: #666;line-height: 40px;} .qui-network .li .p1{background-image: url(../images/conico1.png);} .qui-network .li .p2{background-image: url(../images/conico3.png);} .qui-network .li .p3{background-image: url(../images/conico4.png);} .qui-network .li .p4{background-image: url(../images/conico2.png);} .qui-downlist .qui-hover{display: block;line-height: 80px;overflow: hidden;font-size: 16px;background: #f6f8fa;position: relative;padding-left: 60px;margin-bottom: 20px;padding-right: 40px;} .qui-downlist .li:last-child .qui-hover{margin-bottom: 0;} .qui-downlist .qui-hover:after{content: '';width: 10px;height: 10px;background: #0087e0;position: absolute;left: 30px;top: 50%;margin-top: -5px;} .qui-downlist .quia{float: right;margin-left: 20px;color: #fff;display: inline-block;vertical-align: top;line-height: 40px;border-radius: 40px;background: #0087e0;padding: 0 15px;min-width: 120px;text-align: center;background: #0087e0;margin-top: 20px;} .qui-downlist .quia span{display: inline-block;vertical-align: top;padding-left: 26px;background: left center no-repeat;} .qui-downlist .quia1 span{background-image: url(../images/ico_eye.png);} .qui-downlist .quia2 span{background-image: url(../images/ico_down.png);} .qui-downlist .quia2{margin-left: 40px;} .qui-downlist .quia1{background: #00156b;} .qui-downlist time{float: right;color: #999;} .qui-downlist .span{max-width: calc(100% - 480px);} @media (max-width:1580px){ .qui-network .ULLIST{margin: -1%;} .qui-network .ULLIST .li{padding: 1%;} .qui-network .ULLIST .li .quiinfo{padding: 40px;} .qui-network .qui-name-left{margin-top: 15px;} } @media (max-width:1024px){ .qui-network .li .p{padding-left: 30px;background-size: auto 22px;background-position: 0 3px;line-height: 28px;font-size: 16px;} .qui-network .ULLIST .li .quiinfo{padding: 25px;} .qui-network .ULLIST .li h3{font-size: 20px;} .qui-downlist time i{display: none;} .qui-downlist .quia1{display: none;} .qui-downlist .quia{margin-left: 10px;min-width: 90px;margin-top: 10px;} .qui-downlist .qui-hover{padding-right: 15px;line-height: 60px;padding-left: 30px;} .qui-downlist .qui-hover:after{left: 15px;width: 4px;height: 4px;margin-top: -2px;} .qui-downlist .span{max-width: calc(100% - 190px);} } @media (max-width:640px){ .qui-FAQ .ULLIST .li .qui1{font-size: 20px;width: 38px;line-height: 36px;} .qui-FAQ .ULLIST .li .qui2{margin-left: 42px;padding: 7px 15px;font-size: 14px;line-height: 22px;min-height: 0;} .qui-network .ULLIST .li{width: 100%;} .qui-downlist time{font-size: 14px;} .qui-downlist .quia span{background: none;padding: 0;} .qui-downlist .quia{min-width: 40px;font-size: 12px;line-height: 32px;border-radius: 5px;margin-top: 14px;padding: 0;} .qui-downlist .span{max-width: calc(100% - 120px);} } .qui-homeban .li{position: relative;} .qui-homeban .li img{display: block;width: 100%;} .qui-homeban .li img.qui-wap{display: none;} .qui-homeban .quiinfo{position: absolute;padding: 2%;width: 96%;left: 2%;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);color: #fff;font-size: 24px;line-height: 1.4;} .qui-homeban .quiinfo h3{font-size: 48px;font-weight: normal;margin-bottom: 10px;} .qui-homeban .quiinfo .qui-hmm{margin-top: 60px;} .qui-homeban .quiinfo img{display: inline;vertical-align: middle;width: auto;} .qui-homeban .quiinfo p{line-height: 2;} .qui-hmm{display: inline-block;vertical-align: top;background: #fff;font-size: 16px;color: #333!important;line-height: 44px;border-radius: 44px;padding: 0 15px;min-width: 140px;text-align: center;} .qui-hmm:hover{background: #0087e0;color: #fff!important;} .qui-homeban .divDot{position: absolute;z-index: 9;left: 0;width: 100%;bottom: 50px;line-height: 24px;font-size: 0;text-align: center;} .qui-homeban .divDot li button{display: none;} .qui-homeban .divDot li{width: 24px;height: 24px;display: inline-block;vertical-align: top;margin: 0 5px;background: url(../images/tab.png) center no-repeat;background-size: contain;cursor: pointer;} .qui-homeban .divDot li.slick-active{background-image: url(../images/tabon.png);} .qui-homeban .slick-arrow{position: absolute;top: 50%;margin-top: -21px;width: 42px;height: 42px;background:rgba(255, 255, 255,.5) center no-repeat;cursor: pointer;font-size: 0;border: 0;z-index: 10;background-size: auto 16px;border-radius: 50%;} .qui-homeban .slick-prev{background-image: url(../images/hbtn9.png);left:2%;} .qui-homeban .slick-next{background-image: url(../images/hbtn10.png);right:2%;} .qui-homebox{padding: 80px 0;overflow: hidden;} .qui-home-solution .ULLIST{overflow: hidden;} .qui-home-solution .ULLIST .li{width: 25%;float: left;background: center no-repeat;background-size:cover;position: relative;overflow: hidden;height: 450px;-webkit-transition:all .4s ease-out;transition:all .4s ease-out;} .qui-home-solution .ULLIST .li .quiinfo{-webkit-transition:all .4s ease-out;transition:all .4s ease-out;color: #fff;z-index: 10;background: url(../images/hbg.png) center repeat-x;background-size: auto 100%;position: absolute;bottom: 0;left: 0;width: 100%;padding: 40px;font-size: 16px;} /*.qui-home-solution .ULLIST .li .quibox{position: relative;z-index: 10;}*/ .qui-home-solution .ULLIST .li .DLLIST{font-size: 0;padding: 20px 0 0;display: none;} .qui-home-solution .ULLIST .li .DLLIST dd{display: inline-block;vertical-align: top;font-size: 14px;text-align: center;padding-right: 20px;} .qui-home-solution .ULLIST .li.hover .DLLIST{display: block;} .qui-home-solution .ULLIST .li .qui-ibox{width: 38px;height: 38px;margin: 0 auto 4px;} .qui-home-solution .ULLIST .li .qui-hmm{margin-top: 20px;display: none;} .qui-home-solution .ULLIST .li h3{font-size: 28px;font-weight: normal;margin: 20px 0 10px;line-height: 1.4;} .qui-home-solution .ULLIST .li img{display: block;height: 48px;} .qui-home-solution .ULLIST .li .quitxt{/*display: none;*/line-height: 26px;max-height: 104px;overflow: auto;} .qui-home-solution .ULLIST .li.hover{width: 50%;} .qui-home-solution .ULLIST .li.hover .qui-hmm{display: inline-block;} .qui-home-solution .ULLIST .li.hover .quitxt{display: block;} .qui-home-solution .ULLIST .li.hover .quiinfo{padding: 80px;} .qui-home-name{text-align: center;padding-bottom: 24px;position: relative;margin-bottom: 50px;line-height: 1;} .qui-home-name:after{content: '';width: 90px;height: 4px;background: url(../images/ttbg.jpg) bottom center no-repeat;position: absolute;bottom: 0;left: 50%;margin-left: -45px;} .qui-home-name h3{font-size: 48px;color: #000;font-weight: normal;} .qui-home-name p{font-size: 24px;color: #666;margin-top: 20px;} .qui-home-case .qui-home-name *{color: #fff;} .qui-home-case{background: center top no-repeat;} .qui-home-case .ULLIST{margin: -23px;} .qui-home-case .ULLIST .li{width: 25%;float: left;padding: 23px;} .qui-home-case .ULLIST .li .qui-hover{display: block;background: #fff;box-shadow: 0 0 20px rgba(0, 0, 0, .1);} .qui-home-case .ULLIST .li .qui-pic{padding-bottom: 58.8235294118%;} .qui-home-case .ULLIST .li .quiinfo{padding: 40px 30px;text-align: justify;} .qui-home-case .ULLIST .li .h3{font-size: 22px;font-weight: normal;color: #333;line-height: 30px;height: 60px;} .qui-home-case .ULLIST .li .quitxt{color: #999;height: 48px;margin: 20px 0 58px;} .qui-home-case .ULLIST .li .em{display: block;color: #999;} .qui-home-case .ULLIST .li .qui-hover:hover .h3{color: #0087e0;} .qui-home-case .slick-arrow{position: absolute;top: 50%;margin-top: -15px;width: 16px;height: 30px;background: center no-repeat;cursor: pointer;font-size: 0;border: 0;z-index: 10;} .qui-home-case .slick-prev{background-image: url(../images/hbtn1.png);left: 0;} .qui-home-case .slick-next{background-image: url(../images/hbtn2.png);right: 0;} .qui-home-case .ULLIST{padding: 0 55px;} .qui-home-case .quidivbox{max-width: 1612px;margin: 0 auto;} .qui-home-news{padding-top: 0!important;} .qui-home-news .quill{width: 58.6666666667%;float: left;} .qui-home-news .quill .li{width: 50%;float: left;padding-right: 40px;} .qui-home-news .quill .li .qui-hover{display: block;background: #fff;box-shadow: 0 0 30px rgba(0, 0, 0, .1);} .qui-home-news .quill .li .qui-pic{padding-bottom: 225px;} .qui-home-news .quill .li .quiinfo{padding: 30px;text-align: justify;} .qui-home-news .quill .li .h3{font-size: 18px;font-weight: normal;color: #333;line-height: 30px;} .qui-home-news .quill .li .quitxt{color: #999;height: 48px;margin: 20px 0 44px;} .qui-home-news .quill .li .em{display: block;color: #999;} .qui-home-news .quill .li time{color: #999;display: block;margin-top: 10px;} .qui-home-news .quill .li .qui-hover:hover .h3{color: #0087e0;} .qui-home-news .quirr{margin-left: 58.6666666667%;padding-bottom: 30px;} .qui-home-news .quirr .li .qui-hover{padding: 33px 0;border-bottom: 1px solid #bebebe;position: relative;display: block;padding-left: 120px;padding-right: 10px;} .qui-home-news .quirr .li time{position: absolute;left: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);color: #999;line-height: 1;text-align: center;font-size: 16px;width: 100px;} .qui-home-news .quirr .li time *{display: block;} .qui-home-news .quirr .li time i{display: inline-block;vertical-align: top;font-size: 30px;padding-bottom: 10px;border-bottom: 1px solid #c3c3c3;margin-bottom: 10px;} .qui-home-news .quirr .li .h3{font-size: 18px;color: #333;line-height: 30px;margin-bottom: 16px;font-weight: normal;} .qui-home-news .quirr .li .quitxt{height: 48px;color: #999;} .qui-home-news .quirr .li .qui-hover:hover{background-image: linear-gradient(to right,#0087e0, #4662d6);} .qui-home-news .quirr .li .qui-hover:hover *{color: #fff!important;} .qui-home-news .quirr .li .qui-hover:hover time i{border-color: #fff;} .qui-home-news .divDot{position: absolute;z-index: 9;right: 0;bottom: 0;line-height: 16px;font-size: 0;/*background: #fff;*/} .qui-home-news .divDot li button{display: none;} .qui-home-news .divDot li{width: 16px;height: 16px;display: inline-block;vertical-align: top;margin: 0 10px 0 0 ;background: url(../images/libg.png) center no-repeat;background-size: contain;cursor: pointer;} .qui-home-news .divDot li.slick-active{background-image: url(../images/libgon.png);} @media (max-width:1680px){ .qui-home-case .quidivbox{padding: 0 2%;} .qui-home-case .ULLIST{padding: 0 30px;} } @media (max-width:1580px){ .qui-home-case .ULLIST{margin: -10px;} .qui-home-case .ULLIST .li{padding: 10px;} .qui-home-case .ULLIST .li .quitxt{margin: 14px 0 24px;} .qui-home-case .ULLIST .li .qui-hover{box-shadow: 0 0 5px rgba(0, 0, 0, .1);} } @media (max-width:1300px){ .qui-home-news .quill .li{padding-right: 10px;} .qui-home-news .quill .li .qui-hover{box-shadow: 0 0 10px rgba(0, 0, 0, .1);} .qui-home-news .quill .li .quitxt{margin: 12px 0 20px;} .qui-home-news .quill .li time{margin-top: 0;} .qui-home-news .quirr .li .qui-hover{padding-top: 26px;padding-bottom: 26px;} .qui-homebox{padding: 50px 0;} .qui-home-name h3{font-size: 30px;} .qui-home-name p{font-size: 18px;margin-top: 10px;} .qui-home-name{padding-bottom: 15px;margin-bottom: 20px;} .qui-home-name:after{background-size: auto 2px;} .qui-home-solution .ULLIST .li.hover .quiinfo{padding: 40px;} .qui-home-solution .ULLIST .li .quitxt{white-space: normal;} .qui-home-solution .ULLIST .li .qui-hmm{margin-top: 20px;} .qui-home-solution .ULLIST .li .quiinfo{padding: 25px 20px;} .qui-home-solution .ULLIST .li h3{font-size: 24px;} .qui-home-case .ULLIST .li{padding: 5px;} .qui-home-case .ULLIST{margin: -5px;} .qui-homeban .quiinfo h3{font-size: 30px;} .qui-homeban .quiinfo{font-size: 16px;} .qui-homeban .quiinfo .qui-hmm{margin-top: 20px;} .qui-homeban .divDot{bottom: 20px;} .qui-homeban .quiinfo img{max-height: 16px;} .qui-homeban .quiinfo p{line-height: 1.875;} } @media (max-width:750px){ .qui-home-solution .ULLIST .li{width: 100%!important;float: none;height: auto;} .qui-home-solution .ULLIST .li.hover .quiinfo{padding: 25px;} .qui-home-solution .ULLIST .li .qui-hmm{display: inline-block;} .qui-home-solution .ULLIST .li .quitxt{display: block;} .qui-home-solution .ULLIST .li .quiinfo{padding: 25px;position: relative;} .qui-home-case{background-size: cover;} .qui-home-news{padding-top: 40px!important;} .qui-home-news .quill{width: 100%;float: none;} .qui-home-news .quill .ULLIST{overflow: hidden;padding-bottom: 10px;margin: -5px;} .qui-home-news .quill .li{padding: 5px;} .qui-home-news .quirr{margin-left: 0;} .qui-homeban .quiinfo h3{font-size: 18px;margin-bottom: 4px;} .qui-homeban .quiinfo{font-size: 13px;} .qui-homeban .quiinfo p{line-height: 1.6;} .qui-homeban .quiinfo .qui-hmm{margin-top: 2px;line-height: 30px;min-width: 100px;border-radius: 30px;font-size: 12px;} .qui-homeban .divDot{bottom: 5px;} .qui-homeban .divDot li{background-size: auto 10px;margin: 0;} .qui-home-solution .ULLIST .li .DLLIST{display: block;padding-top: 15px;} .qui-home-solution .ULLIST .li .qui-ibox{width: 32px;height: 32px;margin: 0 auto;} .qui-home-solution .ULLIST .li .DLLIST dd{padding: 5px;} } @media (max-width:640px){ .qui-homebox{padding: 40px 0!important;} .qui-home-name{padding-bottom: 10px;} .qui-home-name h3{font-size: 22px;} .qui-home-name p{font-size: 16px;margin-top: 4px;} .qui-home-case .ULLIST{padding: 0;} .qui-home-case .slick-arrow{background-color: rgba(0, 0, 0, .5);width: 40px;height: 60px;margin-top: -30px;} .qui-home-case .ULLIST .li .quiinfo{padding: 25px 20px;} .qui-home-case .ULLIST .li .quitxt{margin: 4px 0 10px;} .qui-homeban .li img.qui-pc{display: none;} .qui-homeban .li img.qui-wap{display: block;} } @media (max-width:500px){ .qui-home-news .quill .li{width: 100%;} .qui-home-news .quill .li .qui-pic{padding-bottom: 56.25%;} .qui-home-news .quill .li .quiinfo{padding: 20px;} .qui-home-news .quill .li .quitxt{margin: 4px 0 10px;} .qui-home-news .quirr .li .qui-hover{padding-left: 100px;} } .qui-proinfo2{margin-top: 60px;} .qui-proinfo2 .quiname{border-bottom: 1px solid #eee;} .qui-proinfo2 .quiname span{display: inline-block;vertical-align: top;min-width: 180px;text-align: center;font-size: 18px;background: #0087e0;line-height: 60px;color: #fff;border-radius: 4px 4px 0 0;} .qui-proinfo2 .quiname span.quia{cursor: pointer;background: #f2f2f2;margin-right: 10px;color: #666;} .qui-proinfo2 .quiname span.quia.on{background: #0087e0;color: #fff;} .qui-proinfo2 .quiconbox{font-size: 16px;color: #666;line-height: 1.875;padding: 25px 0;} .qui-proinfo2 .quiconbox p br{display: none;} .qui-proinfo2 .quiconbox p{min-height: 10px;} .qui-proinfo1 .quill{width: 50%;float: left;} .qui-proinfo1 .quill .qui-imgbg{background-size: contain;background-color: #f5f7f8;} .qui-proinfo1 .quibigimg .li .qui-pic{padding-bottom: 640px;} .qui-proinfo1 .quibigimg{margin-bottom: 30px;} .qui-proinfo1 .quismimg .li .qui-pic{padding-bottom: 110px;} .qui-proinfo1 .quismimg .slick-arrow{position: absolute;top:0;width: 30px;height: 100%;background:#f5f7f8 center no-repeat;cursor: pointer;font-size: 0;border: 0;z-index: 10;} .qui-proinfo1 .quismimg .slick-prev{background-image: url(../images/probtn1.png);left: 0;} .qui-proinfo1 .quismimg .slick-next{background-image: url(../images/probtn2.png);right: 0;} .qui-proinfo1 .quismimg .ULLIST{padding: 0 35px;margin: 0 -5px;} .qui-proinfo1 .quismimg .li{width: 25%;float: left;padding: 0 5px;} .qui-proinfo1 .quismimg .li .qui-hover{position: relative;cursor: pointer;display: block;} .qui-proinfo1 .quismimg .li.slick-current .qui-hover:after{content: '';position: absolute;width: 100%;height: 100%;left: 0;top: 0;border: 1px solid #0087e0;} .ul20220324 li{padding: 20px;background: #f9f9f9;} .ul20220324 li:nth-child(odd){background: #f1f1f1;} .qui-proinfo1 .quirr{width: 43.3333333333%;float: right;padding-top: 20px;} .qui-proinfo1 .quirr .h3{color: #333;font-size: 30px;font-weight: normal;margin-bottom: 10px;line-height: 1.4;} .qui-proinfo1 .quirr .quitxt{font-size: 16px;color: #666;text-align: justify;line-height: 1.875;} .qui-proinfo1 .quirr .DLLIST{/*padding-top: 50px;*/margin: -8px;overflow: hidden;font-size: 0;} .qui-proinfo1 .quirr .DLLIST dd{width: 25%;padding: 8px;text-align: center;display: inline-block;vertical-align: top;font-size: 16px;color: #666;} .qui-proinfo1 .quirr .DLLIST i{display: block;position: relative;height: 0;padding-bottom: 80%;border-radius: 5px;text-align: center;background: #f5f7f8;margin-bottom: 10px;} .qui-proinfo1 .quirr .DLLIST i img{position: absolute;left: 50%;top: 50%;transform: translateY(-50%) translateX(-50%);-webkit-transform: translateY(-50%) translateX(-50%);max-width: 45%;max-height: 45%;} .quibacklist{display: inline-block;vertical-align: top;min-width: 180px;padding: 0 15px;font-size: 16px;color: #999!important;text-align: center;line-height: 50px;border-radius: 50px;background: #f5f7f8;margin-top: 50px;} .qui-prolist-new .ULLIST .li:not(:last-child){margin-bottom: 60px;} .qui-prolist-new .ULLIST .li .qui-hover{position: relative;display: block;} .qui-prolist-new .ULLIST .li .quiii{position: absolute;right: 0;top: -20px;height: 92%;width: 60%;background: #fff;transition: .4s all ease-out;z-index: 5;} .qui-prolist-new .ULLIST .li .qui-pic{width: 280px;position: absolute;left: 20px;top: 20px;height: calc(100% - 40px);} .qui-prolist-new .ULLIST .li .quiinfo{min-height: 240px;background: #fff;margin-right: 0!important;padding: 40px;padding-right: 20vw;color: #666;font-size: 16px;line-height: 1.875;transition: .4s all ease-out;box-shadow: 0 5px 10px rgba(0, 0, 0, .1);} .qui-prolist-new .ULLIST .li .quiinfo .h3{font-size: 20px;color: #333;} .qui-prolist-new .ULLIST .li .quiinfo .h4{font-size: 16px;color: #666;font-weight: normal;text-transform: uppercase;} .qui-prolist-new .ULLIST .li .qui-mm{display: block;vertical-align: top;position: relative;padding-right: 40px;margin-top: 40px;color: #333;} .qui-prolist-new .ULLIST .li .quinn{font-size: 60px;line-height: 1;color: #ccc;opacity: .8;position: absolute;right: 10%;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);} .qui-prolist-new .ULLIST .li .qui-hover .quiinfo *{transition: .4s all ease-out;} .qui-prolist-new .ULLIST .li .qui-hover:hover .quiinfo *{color: #fff!important;} .qui-prolist-new .ULLIST .li .qui-hover:hover .quiii{box-shadow: 0 10px 40px rgba(0, 135, 224, .1);top: -30px;} .qui-prolist-new .ULLIST .li .qui-hover:hover .quinn{color: #0087e0;} .qui-prolist-new .ULLIST .li .qui-hover:hover .quiinfo{background: #0087e0;color: #fff;transform: translateY(10px);} .qui-menubox{border-bottom: 1px solid #eee;} .qui-menubox .ULLIST{font-size: 0;text-align: center;} .qui-menubox .ULLIST>div>a{font-weight: bold;text-align: left;font-size: 16px;display: block;color: #000;border-bottom: 1px solid #eee;padding: 15px 0 13px} .qui-menubox .li{display: inline-block;vertical-align: top;margin:0 20px;} @media (min-width:1300px){ .qui-menubox .li{margin: 0 40px;} } .qui-menubox .li>a{display: block;border-bottom: 2px solid transparent;padding: 30px 0 28px;line-height: 20px;font-size: 18px;color: #333;} .qui-menubox .li.on>a{color: #0087e0;border-color: #0087e0;} @media (max-width:1300px){ .qui-proinfo1 .quirr{width: 47%;} } @media (max-width:1024px){ .qui-menubox .ULLIST{overflow: auto;max-height: 100vh;} .qui-proinfo2{margin-top: 20px;} .qui-proinfo1 .quibigimg{margin-bottom: 10px;} .qui-proinfo1 .quirr{padding-top: 20px;} .qui-proinfo1 .quirr .h3{margin-bottom: 10px;font-size: 26px;} .qui-proinfo1 .quirr .DLLIST{/*padding-top: 20px;*/margin: -2.5px;} .qui-proinfo1 .quirr .DLLIST dd{padding: 2.5px;} .quibacklist{margin-top: 20px;} .qui-proinfo1 .quibigimg .li .qui-pic{padding-bottom: 70%;} .qui-proinfo1 .quismimg .li .qui-pic{padding-bottom: 86%;} .qui-proinfo2 .quiconbox{padding: 20px 0;} .qui-proinfo2 .quiconbox p{min-height: 6px;} .qui-menubox .li{margin: 0 5px;} .qui-menubox .li>a{font-size: 16px;padding: 15px 0 13px;} } @media (max-width:750px){ .qui-proinfo1 .quirr{width: 100%;float: none;} .qui-proinfo1 .quill{width: 100%;float: none;} .qui-proinfo1 .quibigimg .li .qui-pic{padding-bottom: 60%;} .qui-proinfo1 .quismimg .li .qui-pic{padding-bottom: 80%;} .qui-proinfo1 .quirr .h3{font-size: 20px;} .quibacklist{font-size: 14px;line-height: 42px;min-width: 140px;} .qui-proinfo2 .quiname span{min-width: 0;margin-right: 2px!important;font-size: 14px;line-height: 42px;padding: 0 20px;} .qui-prolist-new .ULLIST .li .qui-hover{box-shadow: 0 2px 5px rgba(0, 0, 0, .1);} .qui-prolist-new .ULLIST .li .quiii{right: 0;top: 0;width: 36%;height: 100%;} .qui-prolist-new .ULLIST .li .qui-pic{width: 100%;left: 0;top: 0;height: 100%;padding-bottom: 0%;} .qui-prolist-new .ULLIST .li .quinn{display: none;} .qui-prolist-new .ULLIST .li .quiinfo{min-height: 0;padding: 20px 15px;margin: 0;box-shadow: none;margin-right: 36%;line-height: 24px;} .qui-prolist-new .ULLIST .li .quiinfo .h3{font-size: 16px;} .qui-prolist-new .ULLIST .li .quiinfo .h4{font-size: 12px;} .qui-prolist-new .ULLIST .li:not(:last-child){margin-bottom: 20px;} .qui-prolist-new .ULLIST .li .qui-mm{margin-top: 2px;font-size: 12px;} .qui-prolist-new .ULLIST .li .qui-hover:hover .quiii{box-shadow: none;top: 0;} .qui-prolist-new .ULLIST .li .qui-hover:hover .quiinfo{background: #0087e0;color: #fff;transform: translateY(0);} } .qui-product{padding: 20px 0;} .qui-product .quirr .qui-imgbg{background-size: contain;} .qui-product .quilist:last-child{border-bottom: none;} .qui-product .quilist{padding: 60px 0;border-bottom: 1px solid #eee;} .qui-product .quill{width: 400px;float: left;} .qui-product .quill .qui-pic{padding-bottom: 240px;} .qui-product .quill .h3{text-align: center;color: #333;font-size: 22px;line-height: 1.4;margin-top: 10px;font-weight: normal;} .qui-product .quirr{margin-left: 480px;} .qui-product .quirr .quitabtt{border-bottom: 1px solid #eee;margin-bottom:20px;} .qui-product .quirr .quitabtt .quia{display: inline-block;vertical-align: top;font-size: 18px;padding: 15px 0;border-bottom: 3px solid transparent;margin-bottom: -1px;margin-right: 40px;} .qui-product .quirr .quitabtt .quia.on{color: #0087e0;border-color: #0087e0;} .qui-product .quirr .slick-arrow{position: absolute;top:0;width: 20px;height: 40px;background:rgba(255, 255, 255, .5) center no-repeat;cursor: pointer;font-size: 0;border: 0;z-index: 10;top: 50%;margin-top: -20px;} .qui-product .quirr .slick-disabled{opacity: .5!important;cursor: no-drop!important;} .qui-product .quirr .slick-prev{background-image: url(../images/probtn1.png);left: 0;} .qui-product .quirr .slick-next{background-image: url(../images/probtn2.png);right: 0;} .qui-product .quirr .ULLIST .li{text-align: center;padding: 0 2.5px;line-height: 20px;width: 25%;float: left;} .qui-product .quirr .qui-pic{padding-bottom: 70%;} .qui-product .quirr .slick-track{margin-left: 0;} .slick-track{margin-left: 0!important;} @media (max-width:1580px){ .qui-product .quirr{margin-left: 430px;} .qui-product .quirr .quitabtt .quia{margin-right: 20px;font-size: 16px;} .qui-product .quilist{padding: 30px 0;} .qui-product .quill .h3{font-size: 20px;} } @media (max-width:1024px){ .qui-product .quilist{padding: 20px 0;} } @media (max-width:1000px){ .qui-product .quill{width: 100%;float: none;max-width: 400px;} .qui-product .quirr{margin-left: 0;margin-top: 10px;} } @media (max-width:640px){ .qui-product .quirr .quitabtt{text-align: center;} .qui-product .quirr .quitabtt .quia{margin:0 5px;font-size: 14px;border-bottom-width: 2px;padding: 12px 0;} .qui-product .quill{max-width: 100%;} .qui-product .quill .qui-pic{padding-bottom: 60%;} } .qui-abtbox{padding: 80px 0;} .qui-abtbox .quiinfo{font-size: 16px;text-align: justify;color: #666;line-height: 2.25;} .qui-abtbox .quiinfo p{min-height: 20px;} .qui-abtbox .quiinfo h3{font-size: 24px;color: #333;line-height: 1.4;padding-left: 15px;border-left: 4px solid #0a8be1;} .ul202203282255{margin: -23px;overflow: hidden;padding: 10px 0;font-size: 0;} .ul202203282255 li{width: 25%;display: inline-block;vertical-align: top;font-size: 16px;padding: 23px;text-align: center;line-height: 1.4;} .ul202203282255 li .qui-libox{border: 2px solid #7bbfed;border-radius: 40px 0 40px 0;padding: 45px 20px;} .ul202203282255 li .p{font-size: 36px;color: #0087e0;margin-top: 8px;} .ul202203282304{margin: -30px;overflow: hidden;font-size: 0;} .ul202203282304 li{width: 33.33333333%;display: inline-block;vertical-align: top;color: #666;font-size: 16px;line-height: 1.4;padding: 30px;} .ul202203282304 li .qui-libox{background: #fff;padding: 70px 20px;text-align: center;min-height: 350px;} .ul202203282304 li .qui-ibox{width: 70px;height: 70px;margin: 0 auto 36px;} .ul202203282304 li h3{font-size: 24px;font-weight: normal;color: #333;padding-bottom: 14px;margin-bottom: 18px;position: relative;line-height: 1.4;} .ul202203282304 li h3:after{content: '';width: 30px;height: 3px;background: #0087e0;position: absolute;left: 50%;margin-left: -15px;bottom: 0;} .qui-abtbox3 .ULLIST{margin: -30px;} .qui-abtbox3 .ULLIST .li{padding: 30px;} .qui-abtbox3 .ULLIST .li .qui-hover{background: #fff;border: 1px solid #eee;padding: 50px;display: block;overflow: hidden;text-align: center;font-size: 18px;} .qui-abtbox3 .ULLIST .li .qui-ytable-cell, .qui-abtbox3 .ULLIST .li .qui-ytable{overflow: visible;} .qui-abtbox3 .ULLIST .li .qui-pic{padding-bottom: 69.2307692308%;overflow: visible;} .qui-abtbox3 .ULLIST .li .qui-imgbg{background-size: contain;} .qui-abtbox3 .ULLIST .li .qui-ytable{margin-bottom: 24px;} .qui-w1624{width: 1624px;margin-left: -62px;padding-left: 62px;padding-right: 62px;} /*..slick-slider{padding: 0 62px;}*/ .qui-w1624 .slick-arrow{position: absolute;font-size: 0;border: 0;cursor: pointer;z-index: 10;width: 16px;height: 30px;background: center no-repeat;top: 50%;margin-top: -15px;} .qui-w1624 .slick-prev{left: -32px;background-image: url(../images/hbtn3.png);} .qui-w1624 .slick-next{right: -32px;background-image: url(../images/hbtn4.png);} .qui-w1624 .slick-prev:hover{background-image: url(../images/hbtn5.png);} .qui-w1624 .slick-next:hover{background-image: url(../images/hbtn6.png);} .qui-abtbox4 .ULLIST{margin: -23px;} .qui-abtbox4 .ULLIST .li{padding: 23px;} .qui-abtbox4 .ULLIST .li .qui-hover{background: #fff;border: 1px solid #eee;padding: 10px;display: block;} .qui-abtbox4 .ULLIST .li .qui-pic{padding-bottom: 44.1860465116%;} .qui-abtbox4 .ULLIST .li .qui-imgbg{background-size: contain;} .qui-abtbox4 .ULLIST .li .qui-hover:hover{border-color: #0087e0;} @media (max-width:1680px){ .qui-w1624{width: 100%;max-width: 1500px;margin: 0;position: relative;padding: 0 40px;} .qui-w1624 .slick-slider{position: static;} .qui-w1624 .slick-prev{left: 0;} .qui-w1624 .slick-next{right: 0;} .qui-abtbox3 .ULLIST{margin: -10px;} .qui-abtbox3 .ULLIST .li{padding: 10px;} .qui-abtbox4 .ULLIST{margin: -10px;} .qui-abtbox4 .ULLIST .li{padding: 10px;} .qui-abtbox{padding: 60px 0;} } @media (max-width:1580px){ .qui-abtbox .quiinfo p{min-height:10px;} .ul202203282255 li{padding: 10px;} .ul202203282255{margin: -10px;} .ul202203282304 li{padding: 10px;} .ul202203282304{margin: -10px;} } @media (max-width:1024px){ .ul202203282304 li .qui-ibox{width: 58px;height: 58px;margin-bottom: 14px;} .ul202203282304 li h3{font-size: 20px;margin-bottom: 14px;} .qui-abtbox .quiinfo h3{font-size: 20px;} .qui-abtbox .quiinfo{font-size: 14px;} .qui-abtbox .quiinfo .p{font-size: 18px;margin-top: 4px;} .ul202203282255 li .qui-libox{padding: 30px 10px;border-radius: 10px 0 10px 0;} .ul202203282255 li{font-size: 14px;} .ul202203282304 li{font-size: 14px;} .qui-abtbox3 .ULLIST .li .qui-ytable{margin-bottom: 12px;} .qui-abtbox3 .ULLIST .li .qui-hover{font-size: 16px;padding: 20px;} .ul202203282304 li .qui-libox{padding: 40px 10px;min-height: 250px;} .ul202203282255 li{padding: 5px;} .ul202203282255{margin: -5px;} .ul202203282304 li{padding: 5px;} .ul202203282304{margin: -5px;} .qui-abtbox3 .ULLIST{margin: -5px;} .qui-abtbox3 .ULLIST .li{padding: 5px;} .qui-abtbox4 .ULLIST{margin: -5px;} .qui-abtbox4 .ULLIST .li{padding: 5px;} } .qui_pc_show{display: block!important;} .qui_wap_show{display: none!important;} .qui-menubox .quiwapaa{display: none;} @media (max-width:640px){ .qui_pc_show{display: none!important;} .qui_wap_show{display: block!important;} .qui-abtbox{padding: 40px 0;} .qui-w1624{padding: 0;} .qui-w1624 .slick-prev{left: 10px;background-size: auto 22px;} .qui-w1624 .slick-next{right: 10px;background-size: auto 22px;} .qui-abtbox3 .ULLIST .li .qui-hover{padding: 5px;} .qui-abtbox3 .ULLIST .li .qui-ytable{margin-bottom: 2px;} .qui-abtbox .quiinfo p{min-height:6px;} .qui-abtbox .quiinfo{line-height: 1.875;} .ul202203282255 li{width: 50%;} .ul202203282255 li .qui-libox{padding: 25px 10px;min-height: 120px;} .qui-abtbox .quiinfo .p{margin-top: 0;} .ul202203282304 li{width: 100%;} .qui-footer1 .dl{min-width: 100%;text-align: left;} .qui-footer1 .dl dd a{color: #fff;display: block;padding: 15px 0;font-size: 16px;} .qui-footer1 .dl dt a{display: block;padding: 15px 0;border-bottom: 1px solid #fff;font-weight: bold;position: relative;} .qui-footer1 .dl dt{cursor: pointer;} .qui-footer1 .dl dt a:after{right: 0;content: '';width: 16px;height: 16px;background: url(../images/hbtn2.png) center no-repeat;background-size: contain;position: absolute;top: 50%;margin-top: -8px;transform: rotate(90deg);} .qui-footer1 .dl.on dt a:after{transform: rotate(270deg);} .qui-footer1 .dl dd{border-bottom: 1px solid #fff;} .qui-top-box{box-shadow: 2px 0px 10px rgb(0 0 0 / 20%);} .qui-footer1 .quiwapnav{padding: 0px 8px 8px;display: none;} .qui-home-solution .quidivbox{padding: 0 2%;} .qui-home-solution .ULLIST .li .DLLIST{display: flex!important;flex-wrap: wrap;justify-content: space-between;padding: 30px 0 10px;} .qui-home-solution .ULLIST .li .quiinfo{text-align: center;padding: 40px 25px 60px;} .qui-home-solution .ULLIST .li .DLLIST dd{padding: 10px 0;} .qui-home-solution .ULLIST .li:nth-child(3) .DLLIST dd{width: 33.33333%!important;} .qui-menubox{min-height: 52px;position: relative;border-bottom: 1px solid #eee;z-index: 10;box-shadow: 2px 0px 10px rgb(0 0 0 / 20%);text-align: left;} .qui-menubox .ULLIST{position: absolute;left: 0;top: 100%;background: #fff;width: 100%;padding: 20px;display: flex;flex-direction: column;border-top: 1px solid #eee;box-shadow: 0 10px 10px rgb(0 0 0 / 20%);display: none;} .qui-menubox .ULLIST .li:last-child{border-bottom: 0;} .qui-menubox .ULLIST .li{width: 100%;margin: 0;text-align: left;border-bottom: 1px solid #eee;} .qui-menubox .quiwapaa:after{right: 20px;content: '';width: 16px;height: 16px;background: url(../images/hbtn6.png) center no-repeat;background-size: contain;position: absolute;top: 50%;margin-top: -8px;transform: rotate(90deg);} .qui-menubox .quiwapaa.on:after{transform: rotate(270deg);} .qui-menubox .quiwapaa{display: block;padding: 0 20px;line-height: 52px;font-weight: bold;font-size: 16px;color: #000;} .qui-menubox .li>a{border-width: 1px;margin-bottom: -1px;} } .qui-floatbox{position: fixed;z-index: 99;right: 5px;bottom: 3px;} .qui-floatbox .li .quia{display: block;width: 50px;height: 50px;background: #0087e0 center no-repeat;overflow: hidden;} .qui-floatbox .li{position: relative;margin: 2px 0;} .qui-floatbox .li1 .quia{background-image: url(../images/icotel.png);} .qui-floatbox .li .quitel{position: absolute;top: 0;background: #f5f5f5;padding: 15px 10px;width: 140px;font-size:16px;color: #0087e0;text-align: center;line-height: 20px;-webkit-transition:all .4s ease-out;z-index: -1;transition:all .4s ease-out;opacity: 0;right: -100%;} .qui-floatbox .li:hover .quitel{opacity: 1;right: 100%;}