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

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

a{
    text-decoration: none;
    font-family: "Noto Sans SC";
} */
/* 公共类 */




/* 去掉选中时默认的蓝色下划线 */
/* .el-menu--horizontal > .el-menu-item.is-active {
    border-bottom: none;
    border: transparent !important;
} */


/* .el-menu--horizontal > .el-menu-item,
.el-menu--horizontal .el-submenu__title,
.el-menu--horizontal .el-menu-item{
    background-color: rgba(255,255,255,0) !important;
}
.el-menu-item.is-active{
    background-color: green !important;
} */

/* .el-menu{
    background-color: pink !important;
} */

  


/* 设置颜色 */
.textsty{
    color: black !important;
    font-size: 0.18rem !important;
    height: 1.0rem !important;
    
}




/* 顶部 */
    .header{
    position: relative;
    height: 10.00rem;
} 

/* 导航栏 */

.el-menu1:hover{
    background-color: white !important;
}
.el-menu--horizontal>.el-menu-item,.el-menu--horizontal>.el-submenu{
    width: 10.0%;
}

.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-menu--popup-bottom-start{
    margin-left: -0.1rem;
}
.el-input{
    /*width: 2.1rem;*/
}

.el-carousel__arrow{
    font-size: 0.25rem !important;
    height: 0.45rem;
    width: 0.45rem;
    background-color: grey;
}

.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;
}

/* banner */
.banner{
    position: absolute;
    width: 100%;
    height: 10.00rem;
    /* z-index: 99; */
    top: 0;
    left: 0;
}
.is-active .box-container{
    transform: translateY(120px);

    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);


}

.box-container{

    opacity: 0;
    visibility: hidden;
    transform: translateY(120px);
    -webkit-transform: translateY(120px);
    -moz-transform: translateY(120px);
    -ms-transform: translateY(120px);
    -o-transform: translateY(120px);
    transition: all 1.5s ease;
    -webkit-transition: all 1.5s ease;
    -moz-transition: all 1.5s ease;
    -ms-transition: all 1.5s ease;
    -o-transition: all 1.5s ease;
    transition-delay: 0.4s;
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

/* banner1 */
.homebanner1{
    margin-top: -20%;
    margin-left: 80%;
}
.banner1text1{
    font-size: 0.63rem;
}
.banner1text2{
    font-size: 0.46rem;
}
.banner1pic{
    display: inline-block;
    margin-left: 0.35rem;
    width: 2.0rem;
}
.banner1pic>img{
    width: 100%;
    height: 100%;
}



/* banner2 */
.homebanner2{
    margin-top: -37%;
    margin-left: 65%;
}
.homebanner2text{
    text-align: center;
}
.banner2text1{
    font-size: 0.47rem;
}
.banner2text2{
    width: 2.5rem;
    font-size: 0.60rem;
    margin-left: 1.0rem;
    border-bottom: 0.03rem solid grey;
}
.banner2text3{
    font-size: 0.39rem;
}
.banner2text4,.banner2text5{
    font-size: 0.22rem;
    text-align: left;
}

.homebanner2text{
    width: 4.50rem;
}
.banner2pic{
    display: inline-block;
    width: 2.0rem;
    margin-left: 2.5rem;
    margin-bottom: -0.2rem;
}
.banner2pic>img{
    width: 100%;
    height: 100%;
}

/* banner3 */
.homebanner3{
    margin-top: -20%;
    margin-left: 10%
}

.banner3text1,.banner3text2{
    font-size: 0.54rem;
}


/* 重点推荐 */
.recommend{
    position: relative; 
    margin-top: 1.00rem;
    /* height: 1000px; */
}
.etext{
    color: rgb(125,125,125);
} 



.bgchange{
    background-color: rgb(248,248,248);
}

/* 左上1 */
.recommendleft_up1{
    position: absolute;
    left:0;
    top:0;
    width: 58%;
    height: 45%;
}
.recommendleft_up1 div{
    display: inline-block;
}
.recommendleft_up1_pic{
    width: 65%;
    height: 100%;
}
.recommendleft_up1_pic>img{
    width: 100%;
    height: 100%;
}
.recommendleft_up1_text{
    position: absolute;
    left: 65%;
    width: 35%;
    height: 100%;
    box-sizing: border-box;
    padding-left: 0.2rem;
    
}
.recommendleft_up1_text>p{
    padding-top: 0.2rem;
}

/* 左下1 */
.recommendleft_down1{
    position: absolute;
    left:0;
    top:47%;
    width: 58%;
    height: 53%;
}
.recommendleft_down1 div{
    display: inline-block;
}
.recommendleft_down1_pic{
    width: 73%;
    height: 100%;
}
.recommendleft_down1_pic>img{
    width: 100%;
    height: 100%;
}
.recommendleft_down1_text{
    position: absolute;
    left: 73%;
    width: 27%;
    height: 100%;
    padding-left: 0.2rem;
    box-sizing: border-box;
}
.recommendleft_down1_text>p{
    padding-top: 0.2rem;
}

/* 右 1*/
.recommendright1{
    position: absolute;
    left:60%;
    top:0;
    width: 40%;
    height: 100%;
}

.recommendright1_pic{
    width: 100%;
    height: 50%;
}
.recommendright1_pic img{
    width: 100%;
    height: 100%;
}
.recommendright1_text{
    position: absolute;
    left: 0;
    top:50%;
    width: 100%;
    height: 50%;
    padding-left: 0.2rem;
    box-sizing: border-box;
}
.recommendright1_text>p{
    padding-top: 0.2rem;
}



.recommendtext3{
    font-size: 0.30rem;
}
.recommendtext4{
    font-size: 0.24rem;
    color: rgb(125, 125, 125);
}


/* 左上2 */
.recommendleft_up2{
    position: absolute;
    left:0;
    top:0;
    width: 58%;
    height: 50%;
}
.recommendleft_up2 div{
    display: inline-block;
}
.recommendleft_up2_pic{
    width: 69%;
    height: 100%;
}
.recommendleft_up2_pic>img{
    width: 100%;
    height: 100%;
}
.recommendleft_up2_text{
    box-sizing: border-box;
    position: absolute;
    left: 69%;
    width: 31%;
    height: 100%;
    padding-left: 0.2rem;
    
}
.recommendleft_up2_text>p{
    padding-top: 0.2rem;
}

/* 左下 */
.recommendleft_down2{
    position: absolute;
    left:0;
    top:53%;
    width: 58%;
    height: 47%;
}
.recommendleft_down2 div{
    display: inline-block;
}
.recommendleft_down2_pic{
    width: 69%;
    height: 100%;
}
.recommendleft_down2_pic>img{
    width: 100%;
    height: 100%;
}
.recommendleft_down2_text{
    position: absolute;
    left: 69%;
    width: 31%;
    height: 100%;
    padding-left: 0.2rem;
    box-sizing: border-box;
}
.recommendleft_down2_text>p{
    padding-top: 0.2rem;
}

/* 右2 */
.recommendright2{
    position: absolute;
    left:60%;
    top:0;
    width: 40%;
    height: 100%;
}

.recommendright2_pic{
    width: 100%;
    height: 50%;
}
.recommendright2_pic img{
    width: 100%;
    height: 100%;
}
.recommendright2_text{
    position: absolute;
    left: 0;
    top:50%;
    width: 100%;
    height: 50%;
    padding-left: 0.2rem;
    box-sizing: border-box;
}
.recommendright2_text>p{
    padding-top: 0.2rem;
}



/* .recommendright_pic2{
    width: 100%;
    height: 50%;
}
.recommendright_pic2 img{
    width: 100%;
    height: 100%;
}
.recommendright_text2{
    position: absolute;
    left: 0;
    top:50%;
    width: 100%;
    height: 50%;
    padding-left: 0.2rem;
}
.recommendright_text2>p{
    padding-top: 0.2rem;
} */







/* 关于我们 */
.about_us{
    position: relative;
    background-image: url(../images/buildbg.png);
    margin-top: 1.00rem;
    width: 100%;
    /* height: 9.50rem; */
}
.about_us p{
    margin-top: 0.2rem;
    line-height: 0.5rem;
}

.num1,.num2,.num3{
    font-size: 0.48rem;
    color: rgb(4, 58,156);
    
}
.num1{
    margin-top: 2.0rem;
}
.num2,.num3{
    margin-top: 0.5rem;
}
.nums{
    text-align: center;
}
.build{
    position: absolute;
    right: 0;
    top: 0;
}
.newtext1,.newtext2{
    font-size: 0.26rem;
    line-height: 0.5rem;
}
.newtext2{
    color: grey;
}



/* 新闻中心 */
.newslearnmore{
    margin-top: 2rem;
}
.news1,.news2{
    display: inline-block;
    position: relative;
    z-index: 1;
}
.news1{
    width: 49%;
    /* height: 60%; */
}
.news2{
    margin-left: 2%;
    width: 49%;
}
.subnews{
    margin-top: 0.5rem;
}
.newspic1{
    width: 100%;
    height: 4.0rem;
    overflow: hidden;
}
.newspic2{
    width: 100%;
    height: 4.0rem;
    overflow: hidden;
}



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



/* 底页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;
}