*{
    margin: 0;
    padding: 0;
    font-family: "Noto Sans SC";
}

body{
    font-family: "Noto Sans SC";
}        

a{
    text-decoration: none;
    font-family: "Noto Sans SC";
    color: rgb(71,71,71);
}
/*
.el-autocomplete-suggestion li{
    font-size: 0.2rem !important;
}
*/

/* 公共类 */
/* 字号设置 */
.text16{
    font-size: 0.16rem;
}
.text18{
    font-size: 0.18rem;
}
.text24{
    font-size: 0.24rem;
}
.text26{
    font-size: 0.26rem;
}
.text30{
    font-size: 0.30rem;
}
.text36{
    font-size: 0.36rem;
}
.text60{
    font-size: 0.60rem;
}
.text64{
    font-size: 0.64rem;
}
.text72{
    font-size: 0.72rem;
}

/* 文字颜色设置 */
.whitetext{
    color: white;
}
.bluetext{
    color: rgb(4, 58, 156);
}
.blacktext{
    color: rgb(71,71,71);
}
.greytext{
    color: rgb(125,125,125);
}
/* 背景设置 */
.bg{
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-size: cover;
    background-position: center center;
}
/* 图片放大 */
.picsty{
    overflow: hidden;
}
.picsty:hover img{
    transform: scale(1.1);
}
/* 图片占满整个盒子 */
.pic{
    width: 100%;
}
.pic>img{
    width: 100%;
    height: 100%;
}

/* element设置 */
/* 导航 */
/* 去边框、阴影*/
.el-menu.el-menu--horizontal{
    border:none;
    box-shadow: none;
}
/* 去子级阴影 */
.el-menu--popup{
    box-shadow: none;
    
}


.el-carousel__arrow{
    font-size: 0.25rem !important;
    height: 0.45rem;
    width: 0.45rem;
    background-color: grey;
}
/* 去掉选中时默认的蓝色下划线 */
/* .el-menu--horizontal > .el-menu-item.is-active {
    border-bottom: none;
    border: transparent !important;
} */


/* 去掉展开子级的动画 */
.el-submenu.is-opened>.el-submenu__title .el-submenu__icon-arrow{
    display: none; 
}
.el-submenu>.el-submenu__title .el-submenu__icon-arrow{
    display: none;
}   

/* 背景透明 */
.el-menu{
    background-color: rgba(255,255,255,0);
}


.headerNav .el-menu--horizontal>.el-menu-item,.el-menu--horizontal>.el-submenu{
    width: 10.0%;
}
/* 高度调整 */
.el-menu--horizontal>.el-menu-item{
    height: 1.0rem;
    line-height: 1.0rem;
    text-align: center;
}
.el-menu--horizontal>.el-submenu .el-submenu__title{
    height: 1.0rem;
    line-height: 1.0rem;
    text-align: center;
}
.el-menu--horizontal .el-menu .el-menu-item, .el-menu--horizontal .el-menu .el-submenu__title{
    height: 0.5rem;
    line-height: 0.5rem;
    /* width: 2.1rem; */
}
/* 添加 */
.el-menu--popup{
    min-width: 2.1rem !important;
}
.el-menu--popup-bottom-start{
    margin-left: -0.1rem;
}




/* margin-left: -0.1rem; */

/* 顶部 */
     
.header{
    position: relative;
    height: 8.00rem;
}
/* 导航栏 */
.headerNav{
    height: 1.00rem;
    background-Color:rgba(255,255,255,0);
    /* position: fixed; */
    z-index: 10;
    top: 0;
    left: 0;
    right: 0;
}
.el-menu1{
    width: 20% !important;
    text-align: left !important;
    padding-left: 2% !important;
}

.el-menu8{
    width: 20% !important;
    text-align: right !important;
    padding-right: 4% !important;
}

#el-menu8{
    visibility: hidden;
}
/* .headerNav .el-menu .el-menu-item{
    width: 2.1rem;
} */

.headerNav .el-menu .el-submenu .el-submenu--horizontal menuitem{
    min-width: 2.1rem;
}
.el-input{
    width: 2.1rem;
}






/* 底页1、2 */
.tail1{
    position: relative;
    top: 1.0rem;
    background-color: rgb(46, 46,46);
    height: 5.0rem;
}
.tail2{
    position: relative;
    top: 1.00rem;
    background-color: rgb(0, 0,0);
    height:3.00rem;
}
.bottom_logo{
    margin-top: 0.70rem;
}
.wechat{
    margin-top: 0.40rem;
    float:right;
    width: 0.27rem;
    height: 0.22rem;
    background-image: url(../images/wechat_icon.png);
}
.wechat:hover{
    background-image: url(../images/wechat_icon2.png);
}

.purebio{
    margin-top: 1.3rem;
    width: 100%;
    display: none;
}
li{
    list-style: none;
}
.tail1 a,
.tail2 ul>h3,
.tail2 ul>li{
    color: white;
}
.tail1 ul>a,
.tail2 ul>h3{
    font-size: 0.24rem;
}
.tail1 ul>li>a,
.tail2 ul>li{
    font-size: 0.18rem;
}
.tail1 ul{
    margin-top: 1.0rem;
}
.tail1 li{            
    margin-bottom: 0.25rem;
}
.first{
    margin-top: 0.32rem;
}



.border{
    padding-top: 1.0rem;
    box-shadow: 0 0 20px grey;
    /* align-items: center; */
}

.product-label{
    position: relative;
    top: 70%;
}

.product{
    position: relative;
    margin-top: 1.0rem;
    width: 100%;
}

.product>.el-col>div{
    /* width: 80%; */
    height: 100%;
    text-align: center;
}



.video{
    position: relative;
    margin-top: 1.0rem;
}
.trailer{
    /* position: absolute;
    z-index: 10; */
    width: 100%;
}
.trailer video{
    width: 100%;
    /* height: 100%; */
}