@charset "utf-8";
.alert{
    background: rgba(0,0,0,0.6);
    display: none;
    z-index: 999;
    position: absolute;
    top: 0;
    left: 0;
}
.alert_windows{
    display:none;
    position:absolute;
    z-index:10;
    background:#566F93;
    height: 300px;
    width: 700px;
    z-index: 1000;
}

.alert_windows span{
    float:right;
    text-align:center;
    font:15px/30px Microsoft Yahei;
    cursor:pointer;
    color:#333;
    position: absolute;
    right: -20px;
    top: -20px;
}
.product-banner{
    font-size: 0;
    position: relative;
    margin-top: 80px;
}
.product-banner img{
    width: 100%;
}
.product-banner .banner-text{
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    width: 49%;
    height: 100%;
    display: flex;
    display:-ms-flex;
    display:-webkit-flex;
    font-size: 12px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    color: #363636;
}
.product-banner .banner-text2{
    position: absolute;
    top:-18%;
    right: 300px;
    z-index: 1;
    width: 730px;
    height: 100%;
    display: flex;
    display:-ms-flex;
    display:-webkit-flex;
    font-size: 12px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    color: #363636;
}
.product-banner .banner-text2 .title{
    font-size:36px;
    font-weight: 700;
    line-height: 48px;
	padding-bottom:10px;
}
.product-banner .banner-text2 .text{
    font-size: 14px;
    line-height: 24px;
}
.product-banner .banner-text2 .learn-cont{
    margin-top: 15px;
}
.product-banner .banner-text2 .learn-cont .arcface-more{
    background: url(../../../resource/images/learn-more.png) 112px center no-repeat,-webkit-linear-gradient(left,#f5921d, #f6911d);
    background: url(../../../resource/images/learn-more.png) 112px center no-repeat,-o-linear-gradient(left,#f5921d, #f6911d);
    background: url(../../../resource/images/learn-more.png) 112px center no-repeat,-moz-linear-gradient(left,#f5921d, #f6911d);
    background: url(../../../resource/images/learn-more.png) 112px center no-repeat,-ms-linear-gradient(left,#f5921d, #f6911d);
    background: url(../../../resource/images/learn-more.png) 112px center no-repeat,linear-gradient(left,#f5921d, #f6911d);
}
.product-banner .banner-text2 .learn-cont .photostyling-more{
    background: url(../../../resource/images/learn-more.png) 112px center no-repeat,-webkit-linear-gradient(left,#21bfb3, #21bfb3);
    background: url(../../../resource/images/learn-more.png) 112px center no-repeat,-o-linear-gradient(left,#21bfb3, #21bfb3);
    background: url(../../../resource/images/learn-more.png) 112px center no-repeat,-moz-linear-gradient(left,#21bfb3, #21bfb3);
    background: url(../../../resource/images/learn-more.png) 112px center no-repeat,-ms-linear-gradient(left,#21bfb3, #21bfb3);
    background: url(../../../resource/images/learn-more.png) 112px center no-repeat,linear-gradient(left,#21bfb3, #21bfb3);
}
.product-banner .banner-text2 .learn-cont .bioassay-more{
    background: url(../../../resource/images/learn-more.png) 112px center no-repeat,-webkit-linear-gradient(left,#00c2c3, #00c2c3);
    background: url(../../../resource/images/learn-more.png) 112px center no-repeat,-o-linear-gradient(left,#00c2c3, #00c2c3);
    background: url(../../../resource/images/learn-more.png) 112px center no-repeat,-moz-linear-gradient(left,#00c2c3, #00c2c3);
    background: url(../../../resource/images/learn-more.png) 112px center no-repeat,-ms-linear-gradient(left,#00c2c3, #00c2c3);
    background: url(../../../resource/images/learn-more.png) 112px center no-repeat,linear-gradient(left,#00c2c3, #00c2c3);
}
.product-banner .banner-text2 .learn-cont > a{
    display: inline-block;
}
.product-banner .banner-text2 .learn-cont > a + a{
    margin-left: 100px;
}






.product-banner .banner-text3{
    position: absolute;
    top:0;
    right: 0;
    z-index: 1;
    width: 40%;
    height: 100%;
    display: flex;
    display:-ms-flex;
    display:-webkit-flex;
    font-size: 12px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    color: #363636;
}
.product-banner .banner-text3 .title{
    font-size:36px;
    font-weight: 700;
    line-height: 48px;
	padding-bottom:10px;
}
.product-banner .banner-text3 .title span{
    font-size:24px;
}
.product-banner .banner-text3 .text{
    font-size: 14px;
    line-height: 24px;
    width: 80%;
}
.product-banner .banner-text3 .learn-cont{
    margin-top: 15px;
}
.product-banner .banner-text3 .learn-cont .arcface-more{
    background: url(../../../resource/images/learn-more.png) 112px center no-repeat,-webkit-linear-gradient(left,#f5921d, #f6911d);
    background: url(../../../resource/images/learn-more.png) 112px center no-repeat,-o-linear-gradient(left,#f5921d, #f6911d);
    background: url(../../../resource/images/learn-more.png) 112px center no-repeat,-moz-linear-gradient(left,#f5921d, #f6911d);
    background: url(../../../resource/images/learn-more.png) 112px center no-repeat,-ms-linear-gradient(left,#f5921d, #f6911d);
    background: url(../../../resource/images/learn-more.png) 112px center no-repeat,linear-gradient(left,#f5921d, #f6911d);
}
.product-banner .banner-text3 .learn-cont .photostyling-more{
    background: url(../../../resource/images/learn-more.png) 112px center no-repeat,-webkit-linear-gradient(left,#21bfb3, #21bfb3);
    background: url(../../../resource/images/learn-more.png) 112px center no-repeat,-o-linear-gradient(left,#21bfb3, #21bfb3);
    background: url(../../../resource/images/learn-more.png) 112px center no-repeat,-moz-linear-gradient(left,#21bfb3, #21bfb3);
    background: url(../../../resource/images/learn-more.png) 112px center no-repeat,-ms-linear-gradient(left,#21bfb3, #21bfb3);
    background: url(../../../resource/images/learn-more.png) 112px center no-repeat,linear-gradient(left,#21bfb3, #21bfb3);
}
.product-banner .banner-text3 .learn-cont .bioassay-more{
    background: url(../../../resource/images/learn-more.png) 112px center no-repeat,-webkit-linear-gradient(left,#00c2c3, #00c2c3);
    background: url(../../../resource/images/learn-more.png) 112px center no-repeat,-o-linear-gradient(left,#00c2c3, #00c2c3);
    background: url(../../../resource/images/learn-more.png) 112px center no-repeat,-moz-linear-gradient(left,#00c2c3, #00c2c3);
    background: url(../../../resource/images/learn-more.png) 112px center no-repeat,-ms-linear-gradient(left,#00c2c3, #00c2c3);
    background: url(../../../resource/images/learn-more.png) 112px center no-repeat,linear-gradient(left,#00c2c3, #00c2c3);
}
.product-banner .banner-text3 .learn-cont > a{
    display: inline-block;
}
.product-banner .banner-text3 .learn-cont > a + a{
    margin-left: 100px;
}








.product-banner .banner-text .face-title-cont{
    margin-bottom: 20px;
    color: #000;
}
.product-banner .banner-text .face-title-cont .title{
    font-size:50px;
    font-weight: 700;
    display: inline-block;
    line-height: 100px;
    padding: 0 20px;
    background: url(../../../resource/images/product/face_title_bg.png) center center no-repeat;
    background-size: 100% 100%;
    vertical-align: top;
}
.product-banner .banner-text .face-title-cont .title-text{
    font-size: 32px;
    display: inline-block;
    line-height: 100px;
    font-weight: 500;
    vertical-align: top;
}
.product-banner .banner-text .title{
    font-size:36px;
    font-weight: 700;
    line-height: 48px;
}
.product-banner .banner-text .pbox{
    padding: 10px 60px;
    border: 1px solid #000;
    font-size: 14px;
    color: #000;
    margin-bottom: 15px;
}
.product-banner .banner-text .text{
    font-size: 14px;
    line-height: 30px;
    font-weight: bold;
}
.product-banner .banner-text .learn-cont{
    margin-top: 15px;
}
.product-banner .banner-text .learn-cont .arcface-more{
    background: url(../../../resource/images/learn-more.png) 112px center no-repeat,-webkit-linear-gradient(left,#f5921d, #f6911d);
    background: url(../../../resource/images/learn-more.png) 112px center no-repeat,-o-linear-gradient(left,#f5921d, #f6911d);
    background: url(../../../resource/images/learn-more.png) 112px center no-repeat,-moz-linear-gradient(left,#f5921d, #f6911d);
    background: url(../../../resource/images/learn-more.png) 112px center no-repeat,-ms-linear-gradient(left,#f5921d, #f6911d);
    background: url(../../../resource/images/learn-more.png) 112px center no-repeat,linear-gradient(left,#f5921d, #f6911d);
}
.product-banner .banner-text .learn-cont .photostyling-more{
    background: url(../../../resource/images/learn-more.png) 112px center no-repeat,-webkit-linear-gradient(left,#21bfb3, #21bfb3);
    background: url(../../../resource/images/learn-more.png) 112px center no-repeat,-o-linear-gradient(left,#21bfb3, #21bfb3);
    background: url(../../../resource/images/learn-more.png) 112px center no-repeat,-moz-linear-gradient(left,#21bfb3, #21bfb3);
    background: url(../../../resource/images/learn-more.png) 112px center no-repeat,-ms-linear-gradient(left,#21bfb3, #21bfb3);
    background: url(../../../resource/images/learn-more.png) 112px center no-repeat,linear-gradient(left,#21bfb3, #21bfb3);
}
.product-banner .banner-text .learn-cont .bioassay-more{
    background: url(../../../resource/images/learn-more.png) 112px center no-repeat,-webkit-linear-gradient(left,#00c2c3, #00c2c3);
    background: url(../../../resource/images/learn-more.png) 112px center no-repeat,-o-linear-gradient(left,#00c2c3, #00c2c3);
    background: url(../../../resource/images/learn-more.png) 112px center no-repeat,-moz-linear-gradient(left,#00c2c3, #00c2c3);
    background: url(../../../resource/images/learn-more.png) 112px center no-repeat,-ms-linear-gradient(left,#00c2c3, #00c2c3);
    background: url(../../../resource/images/learn-more.png) 112px center no-repeat,linear-gradient(left,#00c2c3, #00c2c3);
}
.product-banner .banner-text .learn-cont > a,
.product-banner .banner-text .learn-cont > span{
    display: inline-block;
}
.product-banner .banner-text .learn-cont > a + a,
.product-banner .banner-text .learn-cont > span + a,
.product-banner .banner-text .learn-cont > a + span{
    margin-left: 100px;
}
.product-cont{
    background-color: #fff;
    color: #363636;
    padding-bottom: 50px;
}
.product-cont .product{
    width: 1000px;
    margin: 0 auto;
}
.product-cont .product .title{
       font-size: 28px;
    font-weight: 700;
    line-height: 50px;
    color: #000;
    padding-bottom: 50px;
    position: relative;
	text-align:center;
   padding-top:50px;
}

.product-cont .product .title:after{
  content: '';
    display: block;
    width: 38px;
    border-bottom: 1px solid #000;
    position: absolute;
    left: calc(50% - 19px);
    margin-top: 10px;
}

.product-cont .product ul{
    overflow: hidden;
}
.product-cont .product ul li{
    float: left;
    display: block;
    width: 188px;
    height: 70px;
    padding-left: 80px;
    /*background: url(../../../resource/images/ai-product-ability.png) left center no-repeat;*/
    margin-bottom: 50px;
	margin-left:65px;
}
.product-cont .product ul.small-ul-cont li{
    height: auto;
    width: 292px;
    padding-left: 0;
    margin-left:0;
}
.product-cont .product ul.small-ul-cont li + li{
    margin-left: 62px;
}
.product-cont .product ul.small-ul-cont li p{
    font-size: 18px;
    font-weight: 700;
    line-height: 40px;
    color: #000000;
    text-align: center;
}
.product-cont .product .bioassay-list li{
    width: 180px;
}
.product-cont .product .bioassay-list ul li  p:last-child{
    line-height: 50px;
    font-size: 18px;
}
.product-cont .product ul li p{
    line-height: 70px;
    font-size: 18px;
	text-align:left;
}

.product-cont .product ul li p span{
    color: #a00f13;
}
.product-cont .product .product-list > p{
    font-size: 13px;
    text-align: center;
	color:#999;
    line-height: 20px;
}
.product-cont .product .product-list > p span{
    color: #a00f13;
}
.product-cont .product .product-item{
    display: inline-block;
    width: 445px;
    text-align: center;
    vertical-align: top;
}
.product-cont .product .product-item:first-child{
    padding-right: 55px;
}
.product-cont .product .product-item:last-child{
    padding-left: 55px;
}
.product-cont .product .product-item .product-item-title{
    font-size: 18px;
    line-height: 50px;
    color: #000000;
}
.product-cont .product .product-item .product-item-text{
    font-size: 15px;
    line-height: 28px;
    color: #565656;
}
.sdk-cont{
    color: #363636;
}
.sdk-cont .sdk{
    width: 320px;
    margin: 0 auto;
}
.sdk-cont .sdk > .title{
    font-size: 28px;
    font-weight: 700;
    line-height: 120px;
    text-align: center;
}
.sdk-cont .sdk .sdk-list{
    overflow: hidden;
    padding: 10px 10px 80px 10px;
}
.sdk-cont .sdk .sdk-item{
    background-color: #fff;
    float: left;
    width: 300px;
    -webkit-box-shadow: 0 0 10px #ccc;
    -moz-box-shadow: 0 0 10px  #ccc;
    box-shadow: 0 0 10px #ccc;
}
.sdk-cont .sdk .sdk-item.height{
    padding-bottom: 120px;
}
.sdk-cont .sdk .sdk-item + .sdk-item{
    margin-left: 10px;
}
.sdk-cont .sdk .sdk-item .title{
    font-size: 24px;
    font-weight: 700;
    line-height: 54px;
    text-align: center;
}
.sdk-cont .sdk .sdk-item .title sup{
    color: #a00f13;
    font-size: 12px;
    font-weight: normal;
    padding-left: 5px;
}
.sdk-cont .sdk .sdk-item .text{
    font-size: 13px;
    text-align: center;
}
.sdk-cont .sdk .sdk-item .time{
    font-size: 24px;
    font-weight: 700;
    line-height: 80px;
    text-align: center;
    color: #a00f13;
}
.sdk-cont .sdk .sdk-item .learn-more{
    -webkit-box-shadow: 0 0 10px #363636;
    -moz-box-shadow: 0 0 10px  #363636;
    box-shadow: 0 0 10px #363636;
    margin: 0 auto 40px auto;
}
.sdk-cont .sdk .sdk-item > div span{
    display: inline-block;
    font-size: 14px;
    line-height: 24px;
}
.sdk-cont .sdk .sdk-item > div > .name{
    padding-left: 27px;
    min-width: 70px;
    vertical-align: top;
}
.support-cont{
    color: #363636;
    background-color: #f0f0f0;
    padding-bottom: 50px;
}
.support-cont .support{
    width: 800px;
    margin: 0 auto;
}
.support-cont .support > .title{
    font-size: 28px;
    font-weight: 700;
    line-height: 50px;
    color: #000;
    padding-bottom: 50px;
    position: relative;
    text-align: center;
    padding-top: 50px;
}


.support-cont .support > .title:after{
    content: '';
    display: block;
    width: 38px;
    border-bottom: 1px solid #000;
    position: absolute;
    left: calc(50% - 19px);
    margin-top: 10px;
}

.support-cont .support .support-icon-list{
    overflow: hidden;
}
.support-cont .support .support-icon-list li{
    float: left;
    display: block;
    width: 200px;
    height: 135px;
    position: relative;
    cursor: pointer;
}
.support-cont .support .support-icon-list li:nth-child(1){
    background: url(../../../resource/images/arcface-windows.png) top center no-repeat;
}
.support-cont .support .support-icon-list li.active:nth-child(1){
    background: url(../../../resource/images/arcface-windows-active.png) top center no-repeat;
}
.support-cont .support .support-icon-list li:nth-child(2){
    background: url(../../../resource/images/arcface-linux.png) top center no-repeat;
}
.support-cont .support .support-icon-list li.active:nth-child(2){
    background: url(../../../resource/images/arcface-linux-active.png) top center no-repeat;
}
.support-cont .support .support-icon-list li:nth-child(3){
    background: url(../../../resource/images/arcface-android.png) top center no-repeat;
}
.support-cont .support .support-icon-list li.active:nth-child(3){
    background: url(../../../resource/images/arcface-android-active.png) top center no-repeat;
}
.support-cont .support .support-icon-list li:nth-child(4){
    background: url(../../../resource/images/arcface-ios.png) top center no-repeat;
}
.support-cont .support .support-icon-list li.active:nth-child(4){
    background: url(../../../resource/images/arcface-ios-active.png) top center no-repeat;
}
.support-cont .support .support-icon-list li.android{
    background: url(../../../resource/images/arcface-android.png) top center no-repeat;
}
.support-cont .support .support-icon-list li.active.android{
    background: url(../../../resource/images/arcface-android-active.png) top center no-repeat;
}
.support-cont .support .support-icon-list li.active:after{
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-bottom: 8px solid #f1f1f1;
    position: absolute;
    bottom: 0;
    left: 96px;
}
.support-cont .support .support-text-list{
    background-color: #f1f1f1;
    padding: 30px;
}
.support-cont .support .support-text-list .product-icon{
    overflow: hidden;
    border-bottom: solid 2px #ababab;
}
.support-cont .support .support-text-list .product-icon li{
    float: left;
    font-size: 16px;
    line-height: 50px;
    margin-right: 50px;
}
.support-cont .support .support-text-list .product-icon li.active{
    color: #a00f13;
}
.support-cont .support .support-text-list .product-text-cont p{
    font-size: 14px;
    line-height: 24px;
}
.support-cont .support .support-text-list .product-text-cont p.title{
    font-weight: 700;
    padding-top:20px;
}
.support-cont .support .support-text-list .support-text-item{
    display: none;
}



.style-cont{
    background-color: #fff;
    color: #363636;
    padding-top: 60px;
}
.style-cont .style{
    width: 1040px;
    margin: 0 auto;
}
.style-cont .style .title{
    font-size: 28px;
    font-weight: 700;
    text-align: center;
}
.style-cont .style .text{
    font-size: 14px;
    line-height: 20px;
    text-align: center;
}
.style-cont .style .text.height{
    margin-bottom: 30px;
}
.style-cont .style ul{
    overflow: hidden;
    margin-top: 50px;
    margin-bottom: 50px;
}
.style-cont .style ul li{
    float: left;
    display: block;
    width: 200px;
    height: 290px;
    margin-left: 80px;
}
.style-cont .style ul li:nth-child(4n+1){
    margin-left: 0;
}
.style-cont .style ul li img{
    width: 100%;
    margin-bottom: 20px;
}
.environment-cont{
    background-color: #fff;
    color: #363636;
    padding-top: 30px;
    padding-bottom: 20px;
}
.environment-cont .environment{
    width: 1100px;
    margin: 0 auto;
}
.environment-cont .environment > .title{
    font-size: 28px;
    font-weight: 700;
    text-align: center;
    line-height: 110px;
}
.environment-cont .environment .environment-list{
    overflow: hidden;
}
.environment-cont .environment .environment-item{
    float: left;
    width: 545px;
    height: 400px;
    background-color: #f0f0f0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 30px 0 20px 20px;
}
.environment-cont .environment .environment-item + .environment-item{
    margin-left: 10px;
}
.environment-cont .environment .environment-item  p{
    font-size: 14px;
    line-height: 40px;
}
.environment-cont .environment .environment-item .title{
    font-weight: 700;

}
.environment-cont .environment .environment-item .two{
    overflow: hidden;
}
.environment-cont .environment .environment-item .two > div{
    float: left;
}
.environment-cont .environment .environment-item .two .left{
    width: 90px;
}
.environment-cont .environment .environment-item .two .right{
    width: calc(100% - 90px);
}

.download-cont{
    text-align: center;
    padding-top:70px;
    padding-bottom: 80px;
}
.download-cont p{
    color: #363636;
    line-height: 24px;
	padding:3px 0 3px 0;
}


.download-cont div{
    font-size: 0;
    margin: 10px auto 0 auto;
}
.download-cont div a{
    display: inline-block;
    width: 100px;
    height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 30px;
    float: left;
}
.download-cont .img{
 
}
.download-cont div .learn-btn{
    border: solid 1px #9c0f13;
    color: #9c0f13;
}
.download-cont div .download-btn{
    background-color: #9c0f13;
    color: #fff;
}
.download-cont .bioassaySdk{
    color: #a70101;
    font-size: 12px;
    text-decoration: underline;
    cursor: pointer;
}

.container {
    max-width: 1230px;
    padding: 0 30px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.post-list {
    position: relative;
    padding: 0 0 15px;
    margin: 0;
}
.post-list::before {
    content: '';
    position: absolute;
    top: 55px;
    left: 50%;
    width: 1px;
    height: 100%;
    background: url(../../../resource/images/path.svg?1528322191) center repeat-y;
}
.post:nth-child(odd) {
    position: relative;
    float: left;
    padding-right: 40px;
    text-align: right;
}
.post {
    display: none;
    width: 50%;
    margin: 0;
    padding-bottom: 35px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    list-style: none;
}
.post:nth-child(even) {
    position: relative;
    float: right;
    padding-left: 40px;
    text-align: left;
}

.post:nth-child(odd) .post-inner {
    padding: 50px 60px 50px 10px;
	 background:#fff;
}
.post-inner {
    border: 1px solid #dfdfdf;
}
.post-date {
    font-size: 100%;
    color: #9f0f13;
}

.post-name {
    margin-bottom: 7px;
    font-size: 14px;
    color: #13161F;
    line-height: 24px;
    font-weight:700;
}
.post-description {
    font-size: 100%;
    color: #4D5060;
    line-height: 24px;
}
.post:nth-child(even) .post-inner {
    padding: 50px 10px 50px 60px;
	background:#fff;
}
.post:nth-child(odd)::after {
    content: '';
    position: absolute;
    top: 54px;
    right: -10px;
    width: 95px;
    height: 20px;
    background: url(../../../resource/images/timeline-point-left.svg?1528322191) center no-repeat;
}
.post:nth-child(even)::after {
    content: '';
    position: absolute;
    top: 54px;
    left: -10px;
    width: 95px;
    height: 20px;
    background: url(../../../resource/images/timeline-point-right.svg?1528322191) center no-repeat;
}
.post:nth-child(2) {
    margin-top: 100px;
}
.button {
    position: relative;
    display: inline-block;
    padding: 15px 30px;
    border-radius: 1px;
    font-size: 100%;
    font-weight: 600;
    color: #FFFFFF;
    text-align: center;
    border: none;
    z-index: 10;
}
.btn-dark {
    background: #13161F;
}
.btn-container {
    text-align: center;
}

.application-scene{
    padding-top: 30px;
    padding-bottom: 100px;
}
.application-scene .title-cont{
    text-align: center;
    padding: 50px 0;
}
.application-scene .title-cont .title{
    font-size: 28px;
    font-weight: 700;
    line-height: 50px;
    color: #000;
    text-align: center;
    padding-bottom: 10px;
    position: relative;
}
.application-scene .title:after{
    content:'';
    margin-top: 10px;
    display: block;
    width:  38px;
    border-bottom: 1px solid #000;
    position: absolute;
    left: calc(50% - 19px);
}
.application-scene-list{
    width: 1000px;
    margin: 0 auto;
    font-size:0;
}
.application-scene-list .application-scene-item{
    width:306px;
    margin-right: 40px;
    margin-top: 40px;
    display: inline-block;
    font-size:16px;
}
.application-scene-list .application-scene-item:nth-child(3n+3){
    margin-right: 0;
}
.application-scene-item .titleImg{
    width: 100%;
}
.application-scene-item .titleImg img{
    width: 100%;
}
.application-scene-item p{
    text-align: center;
}
.application-scene-item .application-scene-title{
    font-weight: 700;
    font-size: 20px;
    margin-top:3px;
    line-height: 36px;
}

.download{ background:#fff;}
.small-ul-cont{
    width:1000px;
    margin: 0 auto;
    font-size: 0;
}
.solution_div{width:1000px;margin: 80px auto 0px auto;font-size: 16px;text-align: center;padding: 20px 0;}
.solution_txt{ padding:0 20px 0 0;}
@media screen and (max-width:1500px){
    .product-banner .banner-text{
        margin: 0 2%;
		top: 0;
        width: 47%;
		
    }
    .product-banner .banner-text2{
        margin: 0 2%;
        top: 0;
        right: 0;
        width: 38%;

    }
	
}
@media screen and (max-width:1200px){
    .product-banner .banner-text2 .pbox{
        display: none;
    }
    .product-banner .banner-text2 .text{
        display: none;
    }
}
@media screen and (max-width:1100px){
    .style-cont .style{
        width: 480px;
    }
    .style-cont .style ul li{
        margin-left: 0;
    }
    .style-cont .style ul li:nth-child(2n+2){
        margin-left: 80px;
    }
    .environment-cont .environment{
        width: auto;
    }
    .environment-cont .environment .environment-item + .environment-item{
        margin: 20px auto 0 auto;
    }
    .environment-cont .environment .environment-item{
        float: none;
        margin: 0 auto;
    }
    .product-banner .banner-text .pbox{
        display: none;
    }
    .product-banner .banner-text .text{
        display: none;
    }
    .product-banner .banner-text .face-title-cont .title{
        font-size: 40px;
    }
    .product-banner .banner-text .face-title-cont .title-text{
        font-size: 20px;
    }
}
/*活体视频*/
.video-cont{
    font-size: 0;
	width: 1000px;
    margin: 0 auto 30px auto;
}
.video-cont video{
    display: inline-block;
    width: 48%;
    height: 100%;
}
.video-cont video + video{
    margin-left: 4%;
}
.banner-link{
    margin-left:20px !important;
    padding-bottom:5px;
    border-bottom:rgb(159,15,19) thin solid;
    color:#9f0f13;
    cursor: pointer;
}
.for-arcFace{
    font-size: 14px;
    color: #363636;
    margin-top: 10px;
    margin-bottom: 30px;
    font-weight: 700;
}
.for-arcFace a{
    color: #9f0f13;
}
.for-arcFace span{
    color: #9f0f13;
    cursor: pointer;
}
.for-arcFace span:hover{
    text-decoration: underline;
}
@media screen and (max-width:1000px){
    .product-cont .product{
        width: 666px;
    }
    .product-cont .product ul li{
        width: 270px;
        background: url(../../../resource/images/ai-product-ability.png) 50px center no-repeat;
        text-align: center;
    }
    .product-cont .product ul.small-ul-cont li{
        width: 100%;
        background: none;
    }
    .product-cont .product ul.small-ul-cont li + li{
        margin-left: 0;
        margin-left: 0;
    }
    .sdk-cont .sdk{
        width: 320px;
    }
    .sdk-cont .sdk .sdk-item + .sdk-item{
        margin-left: 0;
        margin-top: 10px;
    }
    .product-banner .banner-text.banner-photostyling{
        width: 96%;
        align-items: center;
    }
    .video-cont video{
        display: block;
        width: 90%;
        margin: 20px 5%;
    }
    .video-cont video + video{
        margin-left: 5%;
    }
	 .application-scene-list{
        width: 320px;
    }
    .application-scene-list .application-scene-item{
        width: 100%;

    }
	.solution_div{ width:320px; margin:20px auto; }
	.solution_txt{ width:100%; padding:10px 0;}
    .small-ul-cont{
        width: 100%;
    }
    .product-cont .product .product-item{
        width: calc(50% - 55px);
    }
}
@media screen and (max-width:800px){
    .support-cont .support{
        width: 100%;
    }
    .support-cont .support .support-icon-list li{
        width: 25%;
    }
    .support-cont .support .support-icon-list li.active:after{
        left: calc(50% - 8px);
    }
    .support-cont .support .support-text-list{
        width: calc(96% - 60px);
        margin: 0 2%;
    }
    .product-banner .banner-text{
        /*width: 96%;*/
        /*align-items: flex-end;*/
        /*margin-right: 10%;*/
        width: 50%;
        text-align: center;
		
    }
    .product-banner .banner-text .face-title-cont{
        width: 100%;
    }
    .product-banner .banner-text .learn-cont{
        width: 100%;
    }
    .product-banner .banner-text .pbox{
        display: none;
    }
    .product-banner .banner-text .text{
        display: none;
    }
    .product-banner .banner-text .learn-cont > a{
        display: block;
        margin-bottom: 5px;
    }
    .product-banner .banner-text .learn-cont > a + a{
        margin-left: 0;
    }
    .for-arcFace{
        display: none;
    }
	.application-scene-list .application-scene-item{ margin-right:0px;}
	
	.product-banner .banner-text2{
        /*width: 96%;*/
        /*align-items: flex-end;*/
        /*margin-right: 5%;*/
		/*top:0;*/
        width: 50%;
        text-align: center;
    }
    .product-banner .banner-text3{
        width: 70%;
        text-align: center;
    }
    .product-banner .banner-text3 .title{
        width: 100%;
    }
    .product-banner .banner-text3 .learn-cont{
        width: 100%;
    }
	 .product-banner .banner-text2 .title{
         font-size:22px;
    }
    .product-banner .banner-text2 .text{
        display: none;
    }
    .product-banner .banner-text2 .learn-cont > a{
        display: block;
        margin-bottom: 5px;
    }
    .product-banner .banner-text2 .learn-cont > a + a{
        margin-left: 0;
    }
	
	.mobileh{ display:none !important;}
	.small-ul-cont{ width:100%;}
	.product-banner .banner-text2 .learn-cont{margin-top:0;}
    .product-banner .banner-text .face-title-cont .title{
        display: block;
        background: none;
        font-size: 16px;
        line-height: 30px;
        padding: 0;
    }
    .product-banner .banner-text .face-title-cont .title-text{
        display: block;
        font-size: 16px;
        color: #bf0000;
        line-height: 30px;
    }
}

@media screen and (max-width:670px){
    .product-cont .product{
        width: 320px;
    }
    .product-banner .banner-text .title{
        font-size: 22px;
        line-height: 60px;
    }

    .product-banner .banner-text.banner-photostyling .title{
        background: none;
        line-height: 30px;
    }
    .product-banner .banner-text .learn-cont{
        margin-top: 0;
    }
	.product-banner .banner-text{
        
     
        margin-right: 5%;
		
    }
	.product-banner{margin-top:50px;}
	.product-cont .product ul li{ margin-left:5px;}
	.application-scene .title-cont{ padding:20px 0;}
	.product-banner .banner-text3 .text{ display:none;}
	.product-banner .banner-text3 .title{ font-size:22px; padding-bottom:0; line-height:24px;}
    .product-banner .banner-text3 .title span{font-size: 18px;}
	.product-banner .banner-text3{top:0;}
	.video-cont{ width:100%}
	.product-cont .product .title{ font-size:24px;}
	.application-scene .title-cont .title{ font-size:24px;}
	.support-cont .support > .title{ font-size:24px;}
	.product-cont .product .title{ font-size:24px;}
    .product-cont .product .product-item{
        display: block;
        width: 96%;
        margin: 0 2%;
        padding: 0 !important;
    }
    .product-cont .product .product-item + .product-item{
        margin-top: 30px;
    }
}
@media screen and (max-width:550px){
    .environment-cont .environment .environment-item{
        width: 96%;
        height: auto;
        margin: 0 2%;
    }
    .download-cont p{
        width: 96%;
        margin-left: 2%;
    }
}
@media screen and (max-width:480px){
    .style-cont .style{
        width: 200px;
    }
    .style-cont .style ul li:nth-child(2n+2){
        margin-left: 0;
    }
    .product-banner .banner-text .learn-cont .arcface-more{
        display: none;
    }
    .product-banner .banner-text .learn-cont .bioassay-more{
        display: none;
    }
    .product-banner .banner-text .title{
        font-size: 22px;
        line-height: 40px;
    }
    .product-banner .banner-text .face-title-cont{
        margin-bottom: 5px;
    }
    .product-banner .banner-text .face-title-cont .title{
        line-height: 20px;
    }
    .product-banner .banner-text .face-title-cont .title-text{
        line-height: 20px;
    }
    .learn-more{
        width: 66px;
        height: 20px;
        line-height: 20px;
        padding-right: 20px;
        font-size: 12px;
        background: url(../../../resource/images/learn-more.png) 66px center no-repeat / 18px 18px ,-webkit-linear-gradient(left,#f64e5b, #a00f13);
        background: url(../../../resource/images/learn-more.png) 66px center no-repeat / 18px 18px ,-o-linear-gradient(left,#f64e5b, #a00f13);
        background: url(../../../resource/images/learn-more.png) 66px center no-repeat / 18px 18px ,-moz-linear-gradient(left,#f64e5b, #a00f13);
        background: url(../../../resource/images/learn-more.png) 66px center no-repeat / 18px 18px ,-ms-linear-gradient(left,#f64e5b, #a00f13);
        background: url(../../../resource/images/learn-more.png) 66px center no-repeat / 18px 18px ,linear-gradient(left,#f64e5b, #a00f13);
    }
}
@media screen and (max-width:450px){
    .product-banner .banner-text3 .title span{
        display: none;
    }
    .alert_windows{
        width: 300px;
        height: 128px;
    }
    .alert_windows img{
        width: 100%;
    }
    .support-cont .support .support-icon-list li{
        height: 80px;
    }

    .support-cont .support .support-icon-list li:nth-child(1){
        background-image: url(../../../resource/images/arcface-windows.png);
        background-position: top center;
        background-repeat: no-repeat;
        background-size: auto 80%;
    }
    .support-cont .support .support-icon-list li.active:nth-child(1){
        background-image: url(../../../resource/images/arcface-windows-active.png);
        background-position: top center;
        background-repeat: no-repeat;
        background-size: auto 80%;
    }
    .support-cont .support .support-icon-list li:nth-child(2){
        background-image: url(../../../resource/images/arcface-linux.png);
        background-position: top center;
        background-repeat: no-repeat;
        background-size: auto 80%;
    }
    .support-cont .support .support-icon-list li.active:nth-child(2){
        background-image: url(../../../resource/images/arcface-linux-active.png);
        background-position: top center;
        background-repeat: no-repeat;
        background-size: auto 80%;
    }
    .support-cont .support .support-icon-list li:nth-child(3){
        background-image: url(../../../resource/images/arcface-android.png);
        background-position: top center;
        background-repeat: no-repeat;
        background-size: auto 80%;
    }
    .support-cont .support .support-icon-list li.active:nth-child(3){
        background-image: url(../../../resource/images/arcface-android-active.png);
        background-position: top center;
        background-repeat: no-repeat;
        background-size: auto 80%;
    }
    .support-cont .support .support-icon-list li:nth-child(4){
        background-image: url(../../../resource/images/arcface-ios.png);
        background-position: top center;
        background-repeat: no-repeat;
        background-size: auto 80%;
    }
    .support-cont .support .support-icon-list li.active:nth-child(4){
        background-image: url(../../../resource/images/arcface-ios-active.png);
        background-position: top center;
        background-repeat: no-repeat;
        background-size: auto 80%;
    }
    .support-cont .support .support-icon-list li.android{
        background-image: url(../../../resource/images/arcface-android.png);
        background-position: top center;
        background-repeat: no-repeat;
        background-size: auto 80%;
    }
    .support-cont .support .support-icon-list li.active.android{
        background-image: url(../../../resource/images/arcface-android-active.png);
        background-position: top center;
        background-repeat: no-repeat;
        background-size: auto 80%;
    }
}

@media handheld, only screen and (max-width: 48em), only screen and (max-device-width: 48em){
    .post:nth-child(odd), .post:nth-child(even) {
        float: none;
        padding: 0 0 15px 25px;
        width: 100%;
        text-align: right;
    }
    .container {
        padding: 0 15px;
    }
    .post-list {
        margin: 0 0 10px;
    }
    .post-list::before {
        left: 0;
    }
    .post:nth-child(2) {
        margin-top: 0;
    }
    .post:nth-child(odd), .post:nth-child(even) {
        float: none;
        padding: 0 0 15px 25px;
        width: 100%;
        text-align: right;
    }
    .post:nth-child(even)::after, .post:nth-child(odd)::after {
        right: auto;
        left: -10px;
        width: 46px;
        height: 20px;
        background: url(../../../resource/images/timeline-point-right-mob.svg?1528322191) center no-repeat;
    }
    .btn-container{ text-align:left;}
}


/*产品能力数量太少，减少宽度，后期可以删除*/


/*arcface2*/
.product-mobile-banner a{
    display: block;
    font-size: 0;
}
.product-mobile-banner img{
    width: 100%;
}
.mobile-product{
    width: 92%;
    padding: 0 4%;
    background: #fff;
}
.mobile-product h1{
    font-size: 16px;
    line-height: 40px;
}
.mobile-product .product-cont{
    padding-bottom: 10px;
}
.mobile-product .product-cont ul{
    font-size: 0;
}
.mobile-product .product-cont li{
    display: inline-block;
    width: 32.33%;
    margin: 0 .5%;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
}
.mobile-product .support-cont{
    padding-bottom: 10px;
}
.mobile-product .product-mobile-title{
    width: 100%;
    font-size: 20px;
    text-align: center;
}
.mobile-product .product-mobile-text{
    font-size: 16px;
    text-align: center;
    margin-top: 5px;
}
.mobile-product .product-mobile-reg{
    display: block;
    background: #f60;
    width: 46%;
    margin: 20px 27% 0 27%;
    height: 36px;
    font-size: 16px;
    text-align: center;
    line-height: 36px;
    color: #fff;
    font-weight: bold;
}
.mobile-product .product-mobile-more{
    display: block;
    font-size: 16px;
    text-align: center;
    line-height: 36px;
}
.mobile-product > div{
    margin-top: 5vh;
}


/*model*/
.model-cont{
    display: none;
    position: fixed;
    background-color: rgba(0,0,0,.5);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9999;
}
.model-cont .model-container{
    width: 520px;
    background-color: #fff;
    position: absolute;
    left: calc(50% - 260px);
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%); 	/* IE 9 */
    -moz-transform: translateY(-50%); 	/* Firefox */
    -webkit-transform: translateY(-50%); /* Safari 和 Chrome */
    -o-transform: translateY(-50%); 	/* Opera */
}
.model-cont .model-container .model-title-cont{
    position: relative;
    border-bottom: 1px solid #eee;
    height: 63px;
    text-align: center;
    color: #000;
    line-height: 63px;
}
.model-cont .model-container .close{
    position: absolute;
    line-height: 63px;
    right: 10px;
    top: 0;
    font-size: 30px;
    color: #ddd;
    cursor: pointer;
}
.model-cont .model-container .model-container-cont .platform-list{
    width: 280px;
    margin: 20px auto 40px auto;
    font-size: 0;
}
.model-cont .model-container .model-container-cont .platform-list li{
    display: inline-block;
    width: 100px;
    height: 100px;
    font-size: 16px;
    text-align: center;
    margin: 0 20px;
    cursor: pointer;
}
.model-cont .model-container .model-container-cont li .platform-icon{
    width: 100px;
    height: 80px;
}
.model-cont .model-container .model-container-cont li .windows{
    background: url(../../../resource/images/product/windows.png) center center no-repeat;
}
.model-cont .model-container .model-container-cont li.active .windows{
    background: url(../../../resource/images/product/windows-active.png) center center no-repeat;
}
.model-cont .model-container .model-container-cont li .linux{
    background: url(../../../resource/images/product/linux.png) center center no-repeat;
}
.model-cont .model-container .model-container-cont li.active .linux{
    background: url(../../../resource/images/product/linux-active.png) center center no-repeat;
}
.model-cont .model-container .model-container-cont li .android{
    background: url(../../../resource/images/product/android.png) center center no-repeat;
}
.model-cont .model-container .model-container-cont li.active .android{
    background: url(../../../resource/images/product/android-active.png) center center no-repeat;
}
.model-cont .model-container .model-container-cont li .ios{
    background: url(../../../resource/images/product/ios.png) center center no-repeat;
}
.model-cont .model-container .model-container-cont li.active .ios{
    background: url(../../../resource/images/product/ios-active.png) center center no-repeat;
}
.model-cont .model-container .model-container-cont li.active p{
    color: #0066cc;
}
.model-cont .model-container .model-container-cont .btn-cont{
    text-align: center;
    margin-bottom: 40px;
    margin-top: 30px;
}
.model-cont .model-container .model-container-cont .btn{
    display: inline-block;
    width: 100px;
    height: 40px;
    line-height: 40px;
    background-color: #0066cc;
    color: #fff;
    border-radius: 2px;
    cursor: pointer;
    border: none;
}


.arcSelect{
    position: relative;
    width: 70px;
    height: 100%;
    margin-left: -1px;
    background: url(../../../resource/images/select.png) 95% center no-repeat;
}
.arcSelect.big{
    width: 100%;
}
.arcSelect p{
    color: #666;
    font-size: 12px;
    text-align: center;
    line-height: 38px;
}
.arcSelect ul{
    display: none;
    width: 100%;
    border: 1px solid #d9d9d9;
    /*border-top: none;*/
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 99;
    background: #fff;
    max-height: 96px;
    overflow-y: auto;
}
.arcSelect ul li{
    color: #666;
    font-size: 12px;
    line-height: 24px;
    text-align: center;
}
.arcSelect ul li:hover{
    background-color: #a6c7e8;
}
.login-cont{
    margin: 40px auto;
    width: 320px;
}
.login-cont .title{
    font-size: 20px;
    color: #363636;
    line-height: 40px;
    text-align: center;
    font-weight: 700;
    margin-top: 35px;
}
.login-cont .title-text{
    font-size: 12px;
    color: #666;
    line-height: 24px;
    text-align: center;
    margin-bottom: 30px;
}
.login-cont .item{
    position: relative;
    font-size: 0;
}
.login-cont .item + .item{
    margin-top: 30px;
}
.login-cont input{
    width: 308px;
    height: 38px;
    line-height: 40px;
    padding-left: 10px;
    border: solid 1px #d9d9d9;
    border-radius: 2px;
}
.login-cont input::placeholder{
    color: #a9a9a9;
}
.login-cont label.err{
    position: absolute;
    line-height: 30px;
    top: 40px;
    left: 0;
    font-size: 12px;
    color: #f28281;
    padding-left: 20px;
    background: url(../../../resource/images/error.png) left center no-repeat;
}
.login-cont a{
    color: #108cee;
    text-decoration: none;
    font-size: 12px;
    line-height: 18px;
}
.login-cont .forget{
    float: right;
    text-align: right;
}
.login-cont input[type="checkbox"]{
    width: 13px;
    height: 13px;
    float: left;
    display: none;
}
.login-cont .item .checkbox-ps{
    font-size: 12px;
    color: #666;
    line-height: 18px;
    margin-left: 20px;
}
.login-cont input[type="checkbox"] + label{
    width: 13px;
    height: 13px;
    position: absolute;
    left: 0;
    border: 1px solid #d9d9d9;
    cursor: pointer;
}
.login-cont input[type="checkbox"]:checked + label{
    background: url(../../../resource/images/checked.png) center center no-repeat;
}
.login-cont .phone-login-btn{
    color: #108cee;
    float: left;
    cursor: pointer;
}
.login-cont .account-login-btn{
    color: #108cee;
    float: left;
    cursor: pointer;
}
.login-cont .pass{
    color: #108cee;
    float: left;
    cursor: pointer;
}
.login-cont .register{
    text-align: right;
    margin-top: 24px;
}
.login-cont .login-btn{
    display: block;
    width: 320px;
    height: 40px;
    background-color: #0066cc;
    border-radius: 2px;
    margin-top: 30px;
    color: #fff;
    line-height: 40px;
    text-align: center;
    border: none;
}
.login-cont .phone-cont{
    height: 38px;
    border-radius: 2px;
    border: 1px solid #d9d9d9;
}
.login-cont .phone-cont >div,
.login-cont .phone-cont >input{
    float: left;
    border: none;
}
.login-cont .phone-cont >input{
    width: 239px;
}
.login-cont .code-cont .phone-code{
    width: 188px;
}
.login-cont .code-cont .code-btn{
    display: inline-block;
    margin-left: 20px;
    width: 98px;
    height: 38px;
    line-height: 38px;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    text-align: center;
    color: #666;
    vertical-align: top;
    cursor: pointer;
}

input::-webkit-input-placeholder {
    color: #adadad;
}
input::-moz-input-placeholder {
    color: #adadad;
}
input::-ms-input-placeholder {
    color: #adadad;
}
@media screen and (max-width:520px){
    .model-cont .model-container{
        width: 96%;
        left: 2%;
    }
}