#bn-pst{position: relative; width: 100%;display: block;min-width: 1000px;}
#bn-pst .bgImg{ width: 100%;left: 0;top:0;}
.bntxt{position: absolute; left: 50%;top:50%; width: 680px; height: 180px;
    margin-left:-338px;margin-top: -90px; color: #fff; text-align: center;}
.bntxt h1{margin-bottom: 30px;}
.bntxt h3{color: #ccc;    letter-spacing: 2px;}

.moduleWrap{width: 1200px;margin: 0 auto;padding-bottom: 90px;}
.special_bg{background: #f6f8f8}
.moduleTitle{text-align: center;padding: 80px 0 60px;}
.moduleTitle h1{margin: 0;font-weight: 500;}
.moduleTitle p{margin: 0; }
.moduleTitle.black h1{color: #242527;}
.moduleTitle.black p{color: #858585;}
.moduleTitle.white h1{color: #fff;}
.moduleTitle.white p{color: #fff;}
.row:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.row{zoom:1}
.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.clearfloat{zoom:1}
.clo_4{width: 33.3333%;float: left;}
.clo_3{width: 25%;float: left;}
.clo_9{width: 75%;float: left;}
.clo_6{width: 50%;float: left;}
.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;}
.serve_bg{background: url('/Public/Home/images/face/bg_serve.jpg') center no-repeat;background-size: 100% 100%;}

.serve{height: 195px;background: #fff;
    margin: 12px;
    padding: 30px;
    border-radius: 4px;overflow: hidden;    padding-top: 45px;
    box-sizing: border-box;transition: all .5s ease;cursor: pointer;}
.serve:hover{padding-top: 30px;} 
.serve img{float: left;}
.serve .flo_l{float: right;width: calc(100% - 128px);}
.serve .flo_l h2{margin: 0;font-size: 22px;font-weight: 500;}
.serve .flo_l p{font-size: 14px;
    line-height: 24px;
    color: #919191;
    margin-bottom: 0;}
.type_bg{background-color: #f3f9fe}
.type{cursor: pointer;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{margin: 0;padding: 15px 20px;line-height: 26px;color: #919191;height: 105px;}

.xh_bg{background-color: #f3f9fe}
.xh_bg .moduleWrap{padding: 0}
.xh_bg .moduleTitle p{line-height: 24px;margin-top: 20px;}
.xh_bg .moduleTitle{text-align: center;padding: 60px 0 60px;}

/*2019-08-20*/
.tabs{text-align: center;background-color: #fff}
.tabs .clo_4:first-child a{border:0;}
.tabs a{transition: all .2s ease;position: relative;font-size: 20px;display: block;line-height: 80px;height: 80px;border-left: 1px solid #eceded;color: #7b8184 }
.tabs a>span{display: inline-block;width: 30px;height: 30px;position: relative;top: 8px;margin-right: 16px;background-size: 100% 100% !important;}
.tabs a>span.face{background-image: url(/Public/Home/images/face/face1.png);}
.tabs a>span.search{background-image: url(/Public/Home/images/face/search1.png);}
.tabs a>span.contrast{background-image: url(/Public/Home/images/face/contrast1.png);}
.tabs a.on,.tabs a:hover{background-color: #3966E3;color: #fff;}
.tabs a.on>i{width: 0;height: 0;border: 8px solid;border-color: #3966E3 transparent transparent;position: absolute;bottom: -16px;left: 50%;margin-left: -8px;}
.tabs a.on>span.face,.tabs a:hover>span.face{background-image: url(/Public/Home/images/face/face2.png);}
.tabs a.on>span.search,.tabs a:hover>span.search{background-image: url(/Public/Home/images/face/search2.png);}
.tabs a.on>span.contrast,.tabs a:hover>span.contrast{background-image: url(/Public/Home/images/face/contrast2.png);}
.content{margin-top: 20px;}
.content .left{background-color: #fff;margin-right: 15px;padding: 20px;position: relative;display: none}
.content .left .img {text-align: center;background: #343434;height: 400px;position: relative;}
.content .left .scan {position: absolute;z-index: 7;top: 0;left: 0;right: 0;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);display: none}
.content .left .img .result-gallery{display: none;width: 100px;position: absolute;right: 20px;top: 20px;bottom: 20px;overflow: auto;}
.content .left .img .result-gallery a{line-height: 0;box-sizing: border-box;width: 100%;height: 100px;text-align: center;display: table-cell;vertical-align: middle;}
.content .left .img .result-gallery a.on{border: 2px solid #0073eb;}
.content .left .img .result-gallery a>img{width: 100%;}
.content .left .img .gallery{display: none;position: absolute;left: 307px;top: 91px;width: 150px;height: 150px;}
.content .left .img .face-result{position: absolute;top: 81px;left: 507px;width: 150px;overflow: hidden;display: none}
.content .left .img .face-result .face-result-item{line-height: 34px;color: #fff;text-align: left;}
.content .left .img .face-result .face-result-item-label{display: inline-block;vertical-align: top;width: 70px;margin-right: 10px;text-align: right;}
.content .left .img .face-result .face-result-item-value{position: relative;display: inline-block;vertical-align: top;}
.content .left .upload{background-color: #08161d;color: #5c6063;padding: 20px;overflow: hidden;box-sizing: border-box;}
.content .left .upload span{line-height: 38px;}
.content .left.contrast .upload span{font-size: 12px;line-height: 20px;float: left}
.content .left.contrast .upload .btn{line-height: 18px;}
.content .left .upload .btn{float: right;padding: 10px 20px;background-color: #3966E3;color: #fff;border-radius: 2px;position: relative;}
.content .left .upload .btn>input {position: absolute;top: 0;left: 0;width: 100%;height: 100%;cursor: pointer;opacity: 0;}
.content .left .repertory{text-align: right;margin-top: 16px;}
.content .left .repertory a{color: #3966E3;text-decoration: underline;}
.repertory > span{ font-size: 13px; margin-right: 35px;}
.content .left .uploadWrap{margin: 16px;position: relative;line-height: 0}
.uploadWrap{height: 448px;}
.uploadWrap .upload{    position: absolute; width: 100%; bottom: 0;}
.content .right{background-color: #fff;padding: 20px;height: 600px;overflow: hidden;position: relative;}
@-webkit-keyframes scan{0%{height:0}to{opacity:0;height:400px}}
@-moz-keyframes scan{0%{height:0}to{opacity:0;height:400px}}
@keyframes scan{0%{height:0}to{opacity:0;height:400px}}
.content .right h1{margin: 0;font-size: 18px;font-weight: 400;color: #151e33;padding-bottom: 16px;margin-bottom: 14px;border-bottom: 1px solid #ebebec;}
.content .right .cont{height: 427px;overflow: auto;line-height: 35px;}

.content .right .cont .img-block-item:nth-child(even){margin-left: 10px;}
.content .right .cont .img-block-item {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 20px 0;
    width: 110px;
    height: 125px;
    background: rgba(0,0,0,.5);
}
.content .right .cont .img-block-container, .content .right .cont .img-block-img {
    height: 100%;
}
.content .right .cont .img-block-score {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 30px;
    background: rgba(0,0,0,.8);
}
.content .right .cont .img-block-score-ratio {
    height: 100%;
    background: #0073eb;
}
.content .right .cont .img-block-score-text {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 14px;
    line-height: 30px;
}
.content .right .cont .img-block-score-text {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 14px;
    line-height: 30px;
}
.content .right .cont .img-block-order {
    position: absolute;
    left: 0;
    top: 0;
    width: 24px;
    height: 24px;
    z-index: 1;
}
.content .right .cont .img-block-order span{display: block;
    text-align: center;
    line-height: 24px;
    color: #fff;
    background-color: #F7BE45;}
.content .right .cont .img-block-order-icon {
    display: block;
    width: 100%;
}
.content .right .loding{display: none;position: absolute;left: 0;right: 0;top: 57px;bottom: 0;background: rgba(0, 0, 0, 0.3);}
.content .right .loding img{position: absolute;top: 50%;left: 50%;margin: -10px 0 0 -46px;}
.demo-image1{overflow: hidden;}
.demo-image1 > img{width:161px;margin: 10px 5px 0; float:left;cursor: pointer;border-radius: 5px;box-sizing: border-box;}
.demo-image1 > img:first-child{margin-left:0;}
.demo-image1 > img:last-child{margin-right: 0}
.demo-image1 > img.selected{border:3px solid #3966E3}
.model{    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    display: none;
    background: rgba(0,0,0,.7);}
.model .model-container {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 1000px;
    height: 629px;
    background: #fff;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.model .model-title {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 30px;
    color: #333;
    font-size: 18px;
    line-height: 57px;
    border-bottom: 2px solid #e1e1e1;
}
.model .model-close {
    position: absolute;
    width: 56px;
    height: 56px;
    top: 0;
    right: 0;
    background: url(/Public/Home/images/face/close.png) no-repeat;
    -moz-background-size: 16px 16px;
    background-size: 16px 16px;
    background-position: 50%;
    cursor: pointer;
}
.model .model-content {
    position: relative;
    height: 570px;
    overflow: hidden;
}
.model .model-content .model-desc {
    width: 676px;
    margin: 50px auto;
    font-size: 18px;
    line-height: 25px;
    color: #666;
}
.model .model-content .model-image {
    position: relative;
    width: 575px;
    height: 230px;
    margin-left: 208px;
    font-size: 0;
    overflow: hidden;
}
.model .model-content .model-tips{
    position: absolute;
    left: 0;
	top: 440px;
    color: #666;
    width: 100%;
    font-size: 14px;
    text-align: center;
}
.model .model-content .model-button {
    position: absolute;
    bottom: 40px;
    left: 50%;
    width: 116px;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    text-align: center;
    font-size: 16px;
    line-height: 38px;
    color: #fff;
    background: #0073eb;
    outline: none;
    border: 0;
    cursor: pointer;
}
.model .model-content .model-image .image-block {
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 105px;
    height: 105px;
    margin-left: 10px;
    margin-bottom: 20px;
}
.model .model-content .model-image .image-add {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px dashed rgba(0,115,235,.3);
    background-color: rgba(0,115,235,.15);
}
.model .model-content .model-image .image-add .image-add-input{
	position: absolute;top: 0;left: 0;width: 100%;height: 100%;cursor: pointer;opacity: 0;z-index: 2;
}
.model .model-content .model-image .image-add .image-add-img {
    background: url(/Public/Home/images/face/add.png) no-repeat;
    -moz-background-size: 18px 18px;
    background-size: 18px 18px;
    background-position: 50%;
        position: absolute;
    display: block;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}
.model .model-content .model-image .image-block .image-delete {
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 20px;
    background: url(/Public/Home/images/face/delete.png) no-repeat;
    -moz-background-size: cover;
    background-size: cover;
    cursor: pointer;
}
.face-xn{padding-top: 35px ;}
.face-xn>img{height:395px;}
.face-xn>img.right{float:right;}
#face-xn1{width:465px;float: left;}
#face-xn1>img{width:100%;}