.moduleWrap{width: 1200px;margin: 0 auto;padding-bottom: 90px;} .moduleTitle{text-align: center;padding: 80px 0 50px;} .moduleTitle h1{margin: 0;font-weight: 500;color: #242527;} .moduleTitle p{letter-spacing: 3px;margin: 0;margin-top: 20px;font-weight: bolder;color: #858585;} #d_upfilename{font-size: 12px; color:#999;height: 18px;line-height: 18px;} #shwo{max-width:100%;} .row:after{display:block;clear:both;content:"";visibility:hidden;height:0} .row{zoom:1} .clo_2{width: 20%;float: left;} .clo_4{width: 33.3333%;float: left;} .clo_3{width: 25%;float: left;} .clo_9{width: 75%;float: left;} .xh_bg{box-shadow: 0 4px 30px 0 rgba(133, 138, 180, 0.14)} .xh_bg .moduleWrap{padding: 0} .xh_bg .moduleTitle p{line-height: 24px;font-weight: 400;margin-top: 30px;} .xh_bg .moduleTitle{padding: 60px 0 60px;} .special_bg{background-color: #f3f4f6} .scene{margin: 20px 20px;background-color: #fff;transition: all 0.5s ease;} .scene:hover{box-shadow: 0px 10px 34px 0px rgba(0, 0, 0, 0.1);} .scene:hover .img>img{transform: scale(1.2);} .scene .img{overflow: hidden;height: 216px} .scene .img>img{transition: all 0.5s ease;} .scene p{margin: 0;text-align: center;padding: 18px 0;} .industry{height: 360px;margin: 10px 7px;color: #fff;position: relative;text-align: center;overflow: hidden;} .industry.special{height: 245px;} .industry.special:hover >img{transform: scale(1.2);} .industry.special>h3{top: 195px;margin: 0;line-height: 54px;background: rgba(0, 0, 0, 0.4);} .industry>img{position: absolute;z-index: 0;top: 0;left: 0;width: 100%;height: 100%;transition: all 0.5s ease;} .industry h3{position: relative;z-index: 2;font-size: 16px;font-weight: 400;margin: 0 0 40px;} .industry .details{position:relative;z-index:2;top: 170px;transition: all 0.4s ease;} .industry span{transition: all 0.2s ease;position: absolute;z-index: 2;top: 0;left: 0;width: 100%;height: 100%;background: #3482ec;opacity: 0;} .industry:hover .details{top: 65px;} .industry:hover span{opacity: .5;} .industry:hover .details ul{opacity: 1;} .industry .details ul{transition: all 0.2s ease;opacity: 0;} .industry .details li{height: 32px;} .type{margin: 10px;background-color: #fafafa;box-shadow: 0px 10px 34px 0px rgba(0, 0, 0, 0.1);transition: all 0.5s ease;} .type:hover{box-shadow: none;} .type .img{height: 276px;overflow: hidden;position: relative;} .type .img img{width: 100%;height: 100%;transition: all .5s ease;} .type .img:hover img{transform: scale(1.1);} .type .img h2{font-size: 22px;font-weight: 400;position: absolute;bottom: 0;left: 0;color: #fff;margin: 0;right: 0;padding: 15px 22px;background-color: rgba(0, 0, 0, 0.5);} .type .img h2:after{content: "";position: absolute;height: 3px;width: 70px;background-color: #05d9ff;bottom: 0;left: 22px;} .type p{font-size:15px;margin: 0;padding: 15px 20px;line-height: 26px;color: #919191;height: 105px;} .a_api_doc{color: #036fe2; cursor: pointer; padding-top: 5px; display: inline-block;} .a_api_doc:hover{text-decoration: underline;} .d_doc{text-align: right; padding-right: 28px;} .demo{background: #fff} .demo .scan {position: absolute;z-index: 7;top: 0;left: 0;width: 100%;border-bottom: 3px solid #3e88f1;-webkit-animation: scan 1.2s infinite;-moz-animation: scan 1.2s infinite;animation: scan 1.2s infinite;background: -webkit-gradient(linear,left top,left bottom,from(transparent),to(#3e88f1));background: -webkit-linear-gradient(top,transparent,#3e88f1);background: -moz-linear-gradient(top,transparent,#3e88f1);background: linear-gradient(180deg,transparent,#3e88f1);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000",endColorstr="#ff3e88f1",GradientType=0);} @-webkit-keyframes scan{0%{height:0}to{opacity:0;height:430px}} @-moz-keyframes scan{0%{height:0}to{opacity:0;height:430px}} @keyframes scan{0%{height:0}to{opacity:0;height:430px}} .demo .r{background-color: #2D3247;height: 430px} .demo .r .tit{background: #22B8CF;line-height: 32px;padding: 11px 16px;} .demo .r .tit img{position: relative;top: 3px;width: 16px;} .demo .r .tit span{font-size: 16px;color: #fff;padding-left: 6px;} .demo .r .plateNO{position: relative;} .demo .r .plateNO .t{line-height: 36px;height: 36px;} .demo .r .plateNO .t span{font-size: 14px;color: rgba(255,255,255,0.60);padding-left: 16px;} .demo .r .plateNO img.load{position: absolute;left: 90px;top: 150px;width: 120px;display: none} .demo .r .plateNO #result_area{color: #fff;font-size: 14px;padding:0 5px;} .demo .r .plateNO ul#result_area{padding: 0 16px;} .demo .r .plateNO #result_area li{overflow: hidden;margin-bottom: 14px;} .demo .r .plateNO #result_area li span{display: inline-block;vertical-align: top;line-height: 24px;float: left;} .demo .r .plateNO #result_area li .result-num{width: 35px;} .demo .r .plateNO #result_area li .result-text{width: 205px;} .demo #result_area>a{font-size: 18px;text-decoration: underline;} .demo .upload {overflow: hidden;padding: 10px 28px 28px;} .demo .upload a{float: right;color: #fff;background: #22B8CF;padding: 16px 28px;box-shadow: inset 0 -4px 0 0 #0C8599;border-radius: 2px;transition: all .3s ease;position: relative;display: inline-block;overflow: hidden;} .demo .upload a>input {position: absolute;top: 0;left: 0;width: 100%;height: 100%;cursor: pointer;opacity: 0;} .demo .upload a:hover{box-shadow: none;} .demo .upload p{font-size: 18px;color: #858585;letter-spacing: 2px;margin: 0;float: left;width: 972px;line-height: 25px;} .client{margin:18px 12px;height: 80px;transition: all 0.3s ease;} .client:hover{box-shadow: 0px 10px 34px 0px rgba(0, 0, 0, 0.1);} .d_ocr_tools{color: #555; text-align: center;padding-top: 15px;} .d_ocr_tools >a{font-weight: bold;color: #333;} .d_ocr_tools1{color: #aaa; text-align: center; font-size: 13px;padding-top: 7px;} .d_ocr_tools1 >a{font-weight: bold;color: #ccc; } .advantage{cursor: pointer;margin: 10px 45px;text-align: center} .advantage img{margin-bottom: 5px;} .advantage h2{font-weight: 500;font-size: 24px;} .advantage p{font-size: 16px;color: #919191;line-height: 30px;} .d_jiage>span{width: 120px;height: 30px;line-height: 30px;background-color: #036fe2;display: inline-block;text-align: center;margin-left: 15px;} .d_jiage{font-size:15px;padding-top: 10px;} .moduleCont strong{color:#333;} #tblist{width:100%; color:#fff;} #tblist td{padding: 5px 10px;max-width: 380px; box-sizing: border-box;} .trhead{font-weight: bold;border-bottom: 1px solid #9996;font-size: 15px!important;} .sp-demo-tips{ color: #858585; letter-spacing: 3px; padding-top: 10px; display: inline-block;}