.moduleWrap{width: 100%;margin: 0 auto;padding-bottom: 20px;}
.moduleTitle{text-align: center;padding: 28px 0 25px;}
.moduleTitle h1{margin: 0;font-weight: 500;color: #242527;font-size: 20px;}
.xh_bg{box-shadow: 0 4px 30px 0 rgba(133, 138, 180, 0.14)}
.moduleTitle p{letter-spacing: 1px;margin: 0;margin-top: 14px;font-weight: bolder;font-size: 12px;color: #858585;}
.xh_bg .moduleTitle p{line-height: 24px;font-weight: 400;margin-top: 15px;padding: 0 10px;}
.xh_bg .moduleTitle{text-align: center;padding: 35px 0}


.row:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.row{zoom:1}
.clo_2{width: 20%;float: left;}
.clo_3{width: 25%;float: left;}
.clo_4{width: 33.3333%;float: left;}
.clo_5{width: 40%;float: left;}
.clo_6{width: 50%;float: left;}
.clo_7{width: 60%;float: left;}
.clo_8{width: 66.6666%;float: left;}
.clo_9{width: 75%;float: left;}
.clo_12{width: 100%;float: left;}
.xh_bg .moduleWrap{padding: 0}

.special_bg{background-color: #f3f4f6}
.scene{margin: 10px 5px;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;}
.scene .img>img{transition: all 0.5s ease;}
.scene p{margin: 0;text-align: center;font-size: 12px;padding: 10px 0;}
.industry{height: 200px;margin: 10px 7px;color: #fff;position: relative;text-align: center;overflow: hidden;}
.industry.special{height: 150px;}
.industry.special:hover >img{transform: scale(1.2);}
.industry.special>h3{margin: 0;line-height: 36px;background: rgba(0, 0, 0, 0.4);position: absolute;left: 0;right: 0;bottom: 0;}
.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_bg{background-color: #f3f9fe}
.type{margin: 10px 12px;background-color: #fff;    border-radius: 4px;overflow: hidden;}
.type .img{height: 186px;overflow: hidden;}
.type .img img{width: 100%;height: 100%;}
.type h2{    text-align: center;
    font-size: 16px;
    font-weight: 500;
    margin: 20px 0 10px;}
.type p{    margin: 0;
    padding: 0 12px 10px;
    line-height: 22px;
    color: #919191;    font-size: 12px;}
.client{margin:8px 5px;height: 60px;transition: all 0.3s ease;}
.client:hover{box-shadow: 0px 10px 34px 0px rgba(0, 0, 0, 0.1);}
.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:140px}}
@-moz-keyframes scan{0%{height:0}to{opacity:0;height:140px}}
@keyframes scan{0%{height:0}to{opacity:0;height:140px}}

.demo .r{background-color: #2D3247;height: 160px}
.demo .r .tit{background: #22B8CF;padding: 6px 5px;}
.demo .r .tit img{position: relative;top: 1px;width: 12px;}
.demo .r .tit span{font-size: 12px;color: #fff;}
.demo .r .plateNO{position: relative; }
.demo .r .plateNO .t{line-height: 24px;height: 24px;margin-bottom: 2px;}
.demo .r .plateNO .t span{font-size: 12px;color: rgba(255,255,255,0.60);padding-left: 5px;}
.demo .r .plateNO img.load{position: absolute;left: 50%;top: 50px;margin-left: -46px;display: none}
.demo .r .plateNO #result_area{color: #fff;font-size: 12px;padding:0 5px;overflow-y: auto;}
.demo .r .plateNO #result_area li{overflow: hidden;margin-bottom: 4px;}
.demo .r .plateNO #result_area li span{display: inline-block;vertical-align: top;line-height: 16px;float: left;}
.demo .r .plateNO #result_area li .result-num{width: 26px;}
.demo .r .plateNO #result_area li .result-text{width:calc(100% - 26px);}
.demo .upload {overflow: hidden;padding: 10px;}
.demo .upload a{color: #fff;
    background: #22B8CF;
    padding: 16px 0;
    text-align: center;
    box-shadow: inset 0 -4px 0 0 #0C8599;
    border-radius: 2px;
    transition: all .3s ease;
    position: relative;
    display: block;
}
.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: 12px;color: #858585;letter-spacing: 2px;margin: 0; padding-right: 10px;line-height: 16px;}

.advantage{cursor: pointer;margin: 10px 5px;
    text-align: center}
.advantage img{    width: 40px;
}
.advantage h2{    margin: 8px 0;font-weight: 500;
    font-size: 16px;}
.advantage p{      font-size: 12px;
    color: #919191;
    line-height: 18px;}

#result_area{width:100%; }
#result_area td{padding: 5px 5px 0 5px;}
.trhead{font-weight: bold;border-bottom: 1px solid #9996;font-size: 15px!important;}
.resBtnLogin{text-decoration: underline; padding: 10px ;}