@charset "UTF-8";
@import (reference) 'color';
@import (reference) 'size';

@media @apple-web-ipad{
    
    .ac-gn-noscroll{
        overflow: hidden !important;
        height: 100% !important;
    }
    
    .ac-gn-noscroll-long {
        overflow-y: scroll !important;
    }
    
    /*nav*/
   .header-opacity07-bg{
       z-index: -10 !important;
       opacity: 0 !important;
    }
   
    .top-nav{
        position: relative;
        height: 60px;
        background: rgba(0,0,0,1);
        transition: all 0.2s;
        .nav-list{
            width: 100%;
            max-width: 100%;
            padding: 0 2em !important;
            height: 0;
            opacity: 0;
            z-index: -99;
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            align-items: flex-start;
            transition: @menu-mobile-x;
            .js-item{
                display: none;
            }
            .line{
                display: none !important;
            }
        }
        .mobile-header-nav{
            position: relative;
            width: 100%;
            height: 60px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            opacity: 1;
            z-index: 99;
            .js-header-item{
                display: flex;
                align-items: center;
                padding-right:10px;
                height: 100%;
                cursor: pointer;
                &:nth-child(1){
                    padding-right: 0;
                    width: 48px;
                    justify-content: flex-start;
                } 
                &:nth-child(2){
                    padding-right: 0;
                    .icon{
                        padding: 0;
                        font-size: 30px;
                        color: @color-ff;
                    }
                    &:hover{
                        .icon{
                            text-decoration: none;
                            color: @color-ff;
                        }
                    }
                }
                &:nth-child(3){
                    justify-content: flex-end;
                    width: 48px;
                    .login{
                        width: 100%;
                        height: 100%;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        color: @color-ff;
                        text-decoration: none;
                        cursor: pointer;
                        .icon-user-login{
                            font-size: @fs-24;
                            display: block;
                            position: relative;
                            &:after{
                                content: '';
                                display: block;
                                width: 5px;
                                height: 5px;
                                border-radius: 50%;
                                background: red;
                                position: absolute;
                                top: 0;
                                right: 0;
                            }
                        }
                        &:hover{
                            .icon-user-login{
                                text-decoration: none;
                                color: @color-ff;
                            }
                        }
                    }
                }
            }
        }
    }
    .new-nav-warp{
        .product-nav{
            background: transparent;
        }
    }
    .product-nav{
        border-bottom: 60px;
        top:0;
        padding:0 2em;
        opacity: 0;
        visibility: hidden;
        .login{
            display: none !important;
        }
        .logo{
            display: none !important;
        }
        .series-pro-nav{
            height: auto;
            .series-item{
                
                border-bottom: 1px solid rgba(120,120,120,0.5);
                visibility: hidden;
                opacity: 0;
                small{
                    position: relative !important;
                    right: 0 !important;
                    color: @color-aa;
                    font-size: 16px;
                }
                .secu365-warp{
                    background: none;
                }
            }
            .space-item{
                display: none !important;
            }
        }
        
        .search-form{
            display: block;
            visibility: hidden;
            opacity: 0;
            z-index: -999999;
            transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0.3s;
            .keywords{
                display: none !important;
            }
            .close{
                display: none !important;
            }
            #topSearchForm{
                margin: 0;
                height: auto;
            }
        }
    }
    input::-webkit-input-placeholder{
        color:@color-ff !important;
    }
    input::-moz-placeholder{
        color:@color-ff !important;
    }
    input:-ms-input-placeholder{
        color:@color-ff !important;
    }
    input::-ms-input-placeholder{
        color:@color-ff !important;
    }
    input::placeholder{
        color:@color-ff !important;
    }
    .mobeil-search{
        display: block;
        border-bottom: 1px solid rgba(120,120,120,0.5);
    }
    
    .mobile{
        background: rgba(0,0,0,0.95) !important;
    }
    
}

@media @max850 {
    body{
        min-height: 100%;
    }
    h1 {
        transition: all .3s ease-in-out;
        font-size: 34px;
    }
    h2{
        transition: all .3s ease-in-out;
        font-size: @fs-24;
    }
    
    /*page*/
   .pageheader{
       padding-top: 60px;
       .h2-title{
           justify-content: center;
       }
   }
   .tags{
       margin-top: 0 !important;
   }
    
    /*address*/
   .address-item{
       border-bottom: 1px solid @color-dd;
       &:last-child{
           border-bottom: 0;
       }
   }
   address{
       .h3-title{
           font-size: 22px;
       }
   }
    .cart-num-pos{
        position: absolute;
        right: 80%;
    }
    
    
    /*content*/
    .content{
        .page-item{
            // padding: 0 15px;
        }
        /*about anviz*/
        .about-anviz{
            height: 400px;
            background-position: center;
        }
        .about-smarter{
            height: 1200px;
            background-position: center;
            padding: 2em 0;
        }
        .about-highlights,
        .highlights-box{
            padding: 2em 0;
        }
        .highlight-info{
            .des{
                width: 100%;
            }
        }
        .product-pageheader{
           display: block;
           height: 60px;
        }
        .banner{
            background-position: center;
            background-size: auto 100%;
        }
         /*home*/
        .home-banner{
            height: 100%;
            background-size: auto 100%;
        }
        .swiper{
            padding: 0 15px;
            .jj-swiper{
                top: 0;
                .swiper-slide{
                   width: 100%;
                   h1{
                       font-size: 52px !important;
                   } 
                   h3{
                       font-size: 24px !important;
                   }
                   .my-score{
                       width: 100%;
                       display: flex;
                       flex-direction: column;
                   }
                   .my-media{
                       width: 100% !important;
                   }
                }
            }
        }
        .home-cloud{
            width: 100%;
            padding: 0 15px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            .cloud{
                width: 100%;
                height: 100%;
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
            }
            .cloud-info{
                align-self: auto;
                justify-self: stretch;
                display: flex;
                flex-direction: column;
                justify-content: center;
                margin-left: 0;
                p,h2{
                    text-align: center;
                }
            }
            .cloud-img{
                width: 100%;
                min-height: 480px;
                height: auto;
                background-position: bottom;
                background-size: contain;
            }
        }
        .home-tab{
            top: 20px;
            margin-bottom: 4em;
            .tab-nav{
                width: 100%;
                margin: 0;
                display: flex;
                flex-direction: column;
                .tab-nav-item{
                    width: 100%;
                    margin-bottom: 10px;
                    margin-right: 0;
                }
                .tab-nav-active{
                    margin-bottom: 10px;
                }
            }
            .tab-content{
                width: 100%;
                margin: 0;
                .tab-content-item{
                    height: auto;
                    padding: 2em 1em;
                }
                .tab-content-active{
                    border-top: 6px solid @primary;
                }
            }
            .tab-details-warp{
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                .table-warp{
                    width: 90%;
                }
            }
        }
        /*news*/
       .search{
           padding-top: 70px;
           .input-warp{
               width: 75%;
           }
       }
       .news-list{
           .list-item{
               display: flex;
               flex-direction: column;
               justify-content: flex-start;
               align-items: flex-start;
               img{
                   margin-bottom: 10px;
               }
           }
       }
        /*no banner page*/
       .page-content{
            margin: 22% auto 2%;
            padding: 0 15px;
            .register-content{
                h2{
                    padding: 15px;
                    font-size: @fs-24;
                }
            }
            .h3-title{
                width: 100%;
                margin-bottom: 1em;
                text-align: center;
            }
            .press-download-list{
                justify-content: center;
            }
       }
    }
    
    /*footer*/
    footer{
        height: auto;
        .footer-warp{
            max-width: 100%;
            height: auto;
            .footer-start{
                height: auto;
                display: flex;
                flex-direction: column;
            }
            .foorter-sitelink{
                max-width: 100%;
                flex: 1 1 auto;
                display: flex;
                flex-direction: column;
                .item-link{
                    height: 40px;
                    padding: 0 10px;
                    width: 100%;
                    margin-bottom: 0;
                    transition: all .3s ease-in;
                    position: relative;
                    ul{
                        display: none;
                        transition: all .3s ease-in;
                    }
                    .link-title{
                        position: relative;
                        &::after{
                            position: absolute;
                            top: 50%;
                            right: 0;
                            transform: translateY(-50%);
                            content: "+";
                            font-size: @fs-16;
                            color: @color-ff;
                            transition: all .3s ease-in;
                        }
                    }
                    &:hover{
                        height: auto;
                        .link-title{
                            &::after{
                                transform: translateY(-50%) rotate(45deg);
                                transition: all .3s ease-in;
                            }
                        }
                        ul{
                            display: block;
                            transition: all .3s ease-in;
                            li{
                                .link-sub-title{
                                    font-size: 14px;
                                    width: 100%;
                                    display: flex;
                                    height: 30px;
                                    align-items: center;
                                }
                            }
                        }
                    }
                }
            }
            .footer-siteshare{
                max-width: 100%;
                padding: 0;
                .item-link{
                    padding: 0 10px;
                    ul{
                        .media-des{
                            width: 100%;
                            margin-bottom: 2em;
                        }
                    }
                }
            }
            .footer-end{
                width: 100%;
                height: auto;
                display: flex;
                flex-direction: column;
                .info{
                    &:nth-child(1),
                    &:nth-child(3){
                        padding: 0 10px;
                        margin-bottom: 1em;
                    }
                    &:nth-child(2){
                        display: flex;
                        flex-direction: column;
                        margin-bottom: 1em;
                        .footer-info{
                            border-right: 0;    
                        }
                    }
                }    
            }
        }
    }
    
}

@media @max767 {
    /*swiper*/
   .swiper-pagination-bullets{
        width: 100% !important;    
   }
    /*展会*/
   .dl-horizontal{
       .h5-title{
           padding-left: 0;
       }
   }
   .search-form{
       input[type="search"],
       input[type="text"],
       input[type="email"],
       input[type="password"]{
           margin-bottom: 1em;
       }
       
   }
    /*where to buy*/
   .select-country{
       margin: 0;
   }
    /*tags*/
    .article-tags{
        flex-basis: 100%;
    }
    .product-list{
        .article-tags{
            flex-basis: 100%;
            padding: 0;
            margin: 5px 0;
        }
    }
    .width-1100{
        .product-list{
            .article-tags{
                flex-basis: 100%;
            }
        }
    }
    /*search*/
    .search-warp{
        padding: 0;
       .item-search{
           display: flex;
           flex-direction: column;
           padding: 0;
           .search-img{
               width: 100%;
               min-width: 100%;
               height: 200px;
               margin-left: 0;
               margin-right: 0;
               margin-bottom: 1em;
           }
           .search-info{
               padding: 15px;
           }
       }
       .download-list;
    }
    .download-list{
        .item-content{
            .download-item-warp{
                height: auto;
                display: flex;
                align-items: flex-start;
            }
            .details{
                flex-direction: column;
                .item-left{
                    position: absolute;
                }
            }
        }
        .item-right{
             height: auto;
             line-height: 2;
             display: flex;
             flex-direction: column;
             justify-content: flex-start;
             align-items: flex-start;
             padding-left: 2em;
             padding-right: 0;
             .anviz-download-btn{
                 margin-left: 1em;
                 margin-bottom: 1em;
             }
        }
        .item-left{
            justify-content: center;
            .icon-type{
                &:before{
                    font-size: 30px;
                }
            }
        }
    }
    /*product*/
    .details-tags{
       margin: 2em 0;
       justify-content: center;
    }
    .mobile-product-photos{
        display: block;
        margin: 6em 0 4em;
        .img-slide {
            width: 100% !important;
            height: 450px;
            max-height: 450px;
            display: flex;
            align-items: center;
        }
        .swiper-pagination-bullet{
            background: @color-aa;
            width: 14px;
            height: 14px;
            opacity: 1;
        }
        .swiper-pagination-bullet-active{
            background: @primary !important;    
        }
    }
    /*content*/
    .content{
        .technology{
           height: 350px;
       }
        /*technology*/
        .core-tab{
           .core-nav{
               margin-bottom: 0;
               .nav-item{
                   padding: 10px 6px;
                   font-size: @fs-16;
               }
           }
           .core-content{
              .core-bionano{
                  width: 100%;
                  padding-bottom: 0;
                  .core-icon-list-info{
                      width: 98%;
                      margin: auto;
                  }
              } 
              .core-info{
                  margin: 2em 0;
                  display: flex;
                  flex-direction: column;
                  .h3-title,.des,.h5-title{
                      width: 100%;
                      text-align: center;
                  }
                  .core-img{
                       img{
                           height: auto;
                       }
                   }
                   .core-v-img{
                        position: relative;
                        bottom: 30px; 
                   }
              }
              .core-info-reversal{
                  display: flex;
                  flex-direction: column-reverse;
              }
              .core-icon-list{
                 .icon-item{
                     flex-basis: 50%;
                 } 
              }
           }
       }
       .about-customer{
           padding: 0;
           .customer-logo{
               margin-bottom: 1em;
               .logo{
                   img{
                       max-width: 80%;
                   }
               }
           }
       }
        .home-application{
            margin: 2em 0;
            display: flex;
            flex-direction: column;
            .application-item{
                width: 100%;
                margin-bottom: 1em;
                .title{
                    font-size: @fs-16;
                }
                &:last-child{
                    margin-bottom: 0;
                }
            }
        }
        .home-partner{
            height: auto;
            padding: 0 15px;
            .partner-warp{
                display: flex;
                flex-direction: column;
            }
            .icon-box{
                display: block;
            }
        }
    }
}



//nav mobile 点击事件
//手机点击开关
.mobile{
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
    z-index: 9999999;
    transition: all .3s ease-in-out;
    //myangiz
    .fixed-menu{
        z-index: 99 !important;
    }
    .top-nav{
        height: auto;
        background: transparent;
        .nav-list{
            display: none;
        }
         .product-nav{
            opacity: 1;
            // visibility: visible;
            .series-pro-nav{
                display: block;
                .series-item{
                    visibility: visible;
                    opacity: 1;
                    display: block;
                    transition: all .3s ease-in-out;
                    &:nth-child(2){
                        transition-delay: 50ms, 50ms;
                    }
                    &:nth-child(3){
                        transition-delay: 100ms, 100ms;
                    }
                    &:nth-child(4){
                        transition-delay: 150ms, 150ms;
                    }
                    &:nth-child(5){
                        transition-delay: 200ms, 200ms;
                    }
                    &:nth-child(6){
                        transition-delay: 250ms, 250ms;
                    }
                    &:nth-child(7){
                        transition-delay: 300ms, 300ms;
                    }
                    &:nth-child(8){
                        transition-delay: 350ms, 350ms;
                    }
                    &:nth-child(10){
                        transition-delay: 400ms, 400ms;
                    }
                }
                
            }
            
            .series-item{
                visibility: visible;
                opacity: 1;
                display: block;
                transition: all .3s ease-in-out;
                transition-delay: 350ms, 350ms;
                
                &.support-nav{
                    .sub-nav{
                        min-height: auto;
                        // display: block!important;
                        // padding-left: 2em!impio;
                    }
                    .icon-down{
                        display: none;
                    }
                }
            }
        }
    }
}

//apple mobile @media
@media  @apple-mobile735{
    .product-details-warp{
        ul{
            li{
                &.modules{
                    ul{
                        max-width: 100%;
                        height: auto;
                    }
                }
            }
        }
    }
    .mobile-product-photos{
        display: block;
    }
    .mobile{
        .top-nav{
            .product-nav{
                .series-pro-nav{
                    .series-item{
                        &:hover{
                            // .sub-nav{
                            //     height: 0;
                            //     visibility: hidden;
                            //     opacity: 0;
                            // }
                        }
                    }
                }
            }
        }
    }
}

@media @apple-web735{
    .product-photos{
        display: none;
    }
}