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

//ipad
@media @max1023{
    body{
        min-height: 100%;
    }
    
    /*tags*/
    .article-tags{
        flex-basis: 50%;
    }
    .product-list{
        .article-tags{
            flex-basis: @item-width;
        }
    }
    .width-1100{
        .product-list{
            .article-tags{
                flex-basis: 50%;
            }
        }
    }
    
    /*header*/
    header{
        z-index: 999;
    }
    .swiper-container-horizontal>.swiper-pagination-bullets{
        width: 100% !important;
    }
    .swiper-slide{
        img{
            width: 60%;
            margin: auto;
        }
    }
    /*search*/
   .search-warp{
       .product-list{
           .product-item{
                flex: 1;
                max-width: 50%;
            }
       }
       .download-list{
            .item-right{
                display: flex;
                .product-download-name{
                    overflow : hidden;
                    text-overflow: ellipsis;
                    display: -webkit-box;
                    -webkit-line-clamp: 1;
                    -webkit-box-orient: vertical;
                }
            }
       }
   }
    /*nav*/
   .nav-content{
      width: 100%; 
   }
   /*nav-top*/
//    .tag_nav_bar{
//         .select_box{
//             padding: 0 15px;
//         }
//     }
   /*product*/
   .product-nav{
       padding: 0 1em;
       .series-pro-nav .series-item .series-link{
           font-size: @fs-14;
       }
   }
   .product-warp{
       .product-tag{
           padding: 1em 0;
       }
       .product-list{
            // grid-template-columns: repeat(2, 1fr);
            // grid-gap: 20px 1px;
            transition: all .3s ease-in-out;
           .product-item{
                padding: 0 0 1em;
                .product-tag-list{
                    padding: 0 1em;
                }
                .product-info{
                    padding: 0 1em;
                }
                .learn-more{
                    padding-left: 0;
                }
           }
       }
   }
   .ekey{
       min-height: 700px;
   }
   .details-tags{
       margin: 2em 0;
   }
   .content{
        /*technology*/
       .core-tab{
           .core-content{
               .core-bionano{
                   padding-bottom: 2em;
               }
               .core-info{
                   .core-img{
                       img{
                           height: auto;
                       }
                   }
                   .h3-title{
                       line-height: 1.2;
                   }
               }
           }
       }
       /*about anviz*/
        .about-anviz{
            height: 400px;
            background-position: center;
        }
        .about-smarter{
            height: 900px;
            background-position: center;
            padding: 3em 0;
        }
        .about-highlights,
        .about-customer{
            padding: 3em 0;
        }
        .about-highlights-bg{
            margin-bottom: 60%;
        }
        .about-customer{
            .des{
                width: 100%;
            }
        }
        /*home*/
       .home-application{
            margin: 2em 0;
            display: flex;
            .application-item{
                width: calc(100% / 3 - 8em);
                margin-right: 1em;
                .title{
                    font-size: @fs-16;
                }
                &:last-child{
                    margin-right: 0;
                }
            }
        }
        .home-partner{
            width: 100%;
            height: auto;
            padding: 0 15px;
            padding-bottom: 4em;
            .partner-warp{
                width: 100%;
                display: flex;
                margin: 0;
            }
            .icon-box{
                display: block;
                width: 70px;
                font-size: 30px;
            }
        }
        .home-tab{
            .tab-nav,.tab-content{
                margin: 0;
            }
            .tab-nav{
                display: flex;
                flex-direction: row;
                .tab-nav-item{
                    padding: 1em;
                    margin: 0 1em 0 0;
                    &:last-child{
                        margin-right: 0;
                    }
                }
            }
            .tab-content{
                .tab-content-item{
                    height: auto;
                    padding: 2em 2em 4em;    
                }
            }
        }
       .casesutdy-details{
           padding: 0 2em;
           .h2-title{
              height: auto;
              margin-bottom: 1em !important; 
           }
       }
       .news-list{
           padding: 0 2em;
       }
       .tags{
           padding: 0 0em;
       }
       .page-banner{
            padding-top: 16%;
       }
       .login-content{
           padding: 4em;
       }
       .cross-chex-professinal,.cross-chex-cloud{
           .page-banner-info{
               width: 90%;
           }
           .page-email{
               width: 94%;
           }
       }
       .page-item{
           .img-text,
           .text-img{
                padding: 0 2em;    
           }
           .search{
               padding: 1em 2em;
           }
           .soft-system{
               .system-list{
                   li{
                       img{
                            margin-top: 4em;
                       }
                       .des{
                           width: 90%;
                       }
                   }
               }
           }
       }
       .my-anviz{
           .my-anviz-nav{
               width: 230px;
           }
           .my-anviz-content{
               padding: 1em;
               .wrapper{
                   .d{
                       height: 310px;
                       .text-warp{
                           margin-bottom: 10px;
                       }
                   }
               }
           }
       }
   }
   .product-bg{
       .details-nav-bar{
            top: 60px;
            padding: 0 1em;
       }
   }
   .tags{
       padding: 60px 1em 0;
       .tag-nav{
           top: 0px;
       }
   }
   .nav-two-fixed{
       .details-nav-bar{
            top: 0;
            padding: 0 1em;
       }
       .tags{
           padding-top: 0;
           top: 60px;
           padding: 0 1em;
           z-index: 999;
       }
   }
   .product-photos-box{
       .product-photos-list{
           .anviz-scroll-left-btn{
              left: 0; 
           }
           .anviz-scroll-right-btn{
               right: 0;
           }
       }
   }
   
   
   
    /*home*/
   .home-cloud{
       .cloud-img{
           height: auto;
           min-height: 390px !important;
           transition: all .3s ease-in-out;
           margin-top: 6em;
        }
   }
   .home-tab{
       .tab-details-warp{
           .table-warp{
               width: 100%;
               .pro-img{
                   .anviz-btn{
                       top: 20px;
                   }
               }
           }
       }
   }
   footer{
       .home-send-mail{
           .mail-warp{
                width: 90%;
           }
       }
       .footer-warp{
           .footer-start{
               height: auto;
               width: 100%;
               display: flex;
               flex-direction: column;
           }
           .footer-end{
               width: 100%;
               padding: 1em;
               @media @max1024 {
                  padding: 1em 0;
               }
           }
       }
   }
   
    /*page-item*/
   .content{
       .page-item{
           .img-text,.text-img,.img-text-column{
               .text{
                    text-align: center;
                    margin-right: 0;
                    width: auto;
                    max-width: 80%;
                    margin-left: 0;
                    margin: auto;
                    .secu-title{
                        margin-top: 1em;
                    }
               }
           }
           .in-application{
                width: 86%;
                margin: auto;
           }
       }
       .page-in-controller{
           height: 400px;
           transition: all .3s ease-in-out;
           .controller-warp{
               height: 400px;
               img{
                   max-width: 90%;
               }
           }
       }
   }
}
@media (min-width:1024px) and (max-width:1440px){
    /*tags*/
    .product-tag,.pageheader{
        padding: 0 15px;
    }
    .content{
        .tags{
            padding: 0;
        }
        .about-highlights-bg{
            margin-bottom: 60%;
        }
    }
    .product-warp{
        .product-tag{
            padding: 0 15px;
        }
        .product-list{
            .product-item{
                padding: 8px; 
                .learn-more{
                    padding-left: 8px;
                }  
            }
        }
    }
    .product-bg{
       .details-nav-bar{
            // top: 80px;
            top: 0;
            padding: 0 1em;
       }
   }
    .nav-two-fixed{
       .details-nav-bar{
            // top: 54px;
            top: 0;
            padding: 0 1em;
       }
       .tags{
           padding-top: 0;
           top: 80px;
           padding: 0 1em;
       }
   }
   .product-nav{
       background: transparent;
      .series-pro-nav{
          .series-item{
              padding: 0 1em;
          }
          .search-form{
              padding: 0;
              right: 48px;
          }
      } 
   }
   .search-warp{
       .content-warp{
           padding-top: 0;
       }
   }
}
//大于1440
@media (min-width:1441px){
    
    /*nav*/
    .no-scroll{
        overflow: inherit;
    }
    .mobile{
        position: relative;
        display: block;
        .top-nav{
            background: #00a0e8;
            .nav-list{
                .series-item{
                    position: absolute;
                    visibility: hidden;
                    opacity: 0;
                    z-index: -999999;
                }
                .js-item{
                    width: auto;
                }
                .active{
                    height: auto;
                    background: @color-ff;
                    .item-link{
                        color: @color-wuwu;
                    }
                }
            }
            .nav-content{
                width: 100%;
                height: auto;
                position: absolute;
                right: 0;
                top: @nav-height;
                overflow: hidden;
                z-index: 99;
                box-shadow: 0 2px 4px -2px #494949;
                .active{
                    position: fixed;
                    top: 40px;
                    height: auto;
                    bottom: inherit;
                    overflow: hidden;
                    .nav-content-warp{
                        width: auto;
                        max-width: 1200px;
                        margin: auto;
                        height: 100%;
                        padding: 15px;
                        display: flex;
                        flex-direction: row;
                        justify-content: flex-end;
                        flex-wrap: wrap;
                        background: @color-ff;
                        li{
                            width: 12vw;
                            padding: 0;
                            border-bottom: 0;
                        }
                    }
                }
            }
        }
    }
}
// apple ipad @media
@media @apple-ipad{
    .gtranlate-box{
        display: none;
    }
    .news_tag{
        .tag-nav{
            padding: 0 15px;
            z-index: 10000;
        }
    }
    .product-warp{
        height: 100%;
        margin-top: 50px;
        padding: 0;
        .product-tag{
            padding: 0;
            margin: 0;
            height: auto;
            width: 100%;
            h3{
                display: flex;
                align-items: center;
            }
            .sub-tag{
                display: inline-block;
                height: auto;
                line-height: 2;
                width: auto;
                padding: 4px 14px;
                text-align: center;
                background: @color-dd;
                border-radius: 20px;
                font-size: 14px;
                margin: 0 10px 10px 0;
                cursor: pointer;
            }
        }
    }
    
    .product-details-warp{
        ul{
            li{
                &.modules{
                    ul{
                        max-width: 100%;
                        height: auto;
                        li{
                            &.tag-icon{
                                width: 80px;
                                height: 80px;
                                font-size: 70px !important;
                            }
                        }
                    }
                }
            }
        }
    }
    .product-basic-warp{
        align-items: center;
        .product-base-info{
            min-height: 540px;
            display: flex;
            flex-direction: column;
            align-items: flex-end;
            justify-content: center;
            .info-header{
                h2,p{
                    text-align: left;
                }
            }
            .info-content{
                p{
                    text-align: left;
                }
            }
        }
    }
    section{
        &.page-item{
            .left{
                width: 100%;
                padding: 0;
                flex-direction: column;
            }
            .right{
                width: 100%;
                padding: 0;
                flex-direction: column-reverse;
            }
            .cross-chex-tab{
                .item-body{
                    ul{
                        li{
                            text-align: center !important;
                        }
                    }
                }
            }
        }
    }
}

//web ipad
@media @apple-web-ipad{
    .product-photos-box{
        display: block;
        .product-photos-preview{
            min-height: auto;
            .photo-animated{
                height: auto;
            }
        }
    }
}