/*移动端适配*/
@media screen and (max-width: 750px) {
	.container{width: 6.7rem;}
	.xs-show{display: block !important;}
	.xs-hidden{display: none !important;}
	/*头部*/
	.header{display: none;}
	.m-header{display: block;position: fixed;left: 0;top: 0;width: 100%;height: 1rem;z-index: 99}
	.m-head-high{z-index: 101;}
	.m-header .main{width: 100%;padding: 0 .4rem; box-sizing: border-box;position: relative;height: 1rem; z-index: 10;display: flex;justify-content: space-between;align-items: center;background: #FFF;box-shadow: 0px 0px .2rem 0 rgba(0, 0, 0, 0.15);}
	.m-header .logo{display: block;width: 2.2rem;}
	.m-header .logo img{display: block;width: 100%;}
	.m-header .right{display: flex;align-items: center;height: 1rem;}
	.m-header .nav{width: .54rem; height: .36rem;background: url('../images/m_nav.png') no-repeat center;background-size: cover;}
	.m-header .search{width: .4rem;height: .4rem;background: url('../images/search_h.png') no-repeat;background-size: cover;margin-right: .3rem;}
	.m-header .lan{font-size: .28rem;color: #fff;font-weight: 700;margin-right: .3rem;}

	.m-main{position: absolute;left: 0;top: 1rem;width: 100%;height: calc(100vh - 1rem); display: none;background: #fff;overflow-y: auto;}
	.m-header .m-main .container{padding: .6rem 4% 2.5rem;display: block;height: auto;}
	.m-main .item .top{font-size: .3rem;line-height: 1.16rem;height: 1.16rem;padding: 0; font-weight: bold;color: #333;border-bottom: 1px solid #E6E6E6;position: relative;}
	.m-main .item .link{display: block;font-size: .3rem;line-height: 1.16rem;font-weight: bold;color: #333;border-bottom: 1px solid #E6E6E6;}
	.m-main .item .top::after{content: '';width: .4rem;height: .4rem;background: url('../images/site_arrow.png') no-repeat;position: absolute;
	right: .2rem;top: 50%;margin-top: -.12rem;background-size: cover;transition: all .5s ease-in-out;}
	.m-main .item .list .sub-top{font-size: .28rem;line-height: 1.16rem;border-bottom: 1px solid #E6E6E6;position: relative;color: #666;}
	.m-main .item .list .sub-top::after{content: '';width: .4rem;height: .4rem;background: url('../images/site_arrow.png') no-repeat;position: absolute;
		right: 0;top: 50%;margin-top: -.05rem;background-size: cover;transition: all .5s ease-in-out;transform: rotate(-90deg);}
	.m-main .item .list .erify{display: none;border-bottom: 1px solid #EAEAEA;padding: .3rem 0;}
	.m-main .item .active::after{transform: rotate(90deg);}
	.m-main .item .list{display: none;width: 6.2rem;margin: 0 auto;}
	.m-main .item .list a{display: block;font-size: .28rem;color: #666;line-height: 1.12rem;border-bottom: 1px solid #EAEAEA;}
	.m-main .item .list .erify a{font-size: .26rem;line-height: .8rem;border-bottom: none;padding-left: .3rem;}
	.m-main .item .list .fac{display:flex !important;align-items: center;}
    .m-main .item .list img{height: .5rem;margin-left:.2rem;}
	.m-search{position: absolute;left: 0;top: 1rem;background: rgba(0,17,34,0.8);padding: .5rem .4rem .3rem;width:100%;display: none;box-sizing: border-box;}
	.m-search form{display: flex;width: 100%;height: .8rem;background-color: #fff;box-shadow:0 0 10px 0px #55708f;border-radius: .08rem;overflow: hidden;}
	.m-search .text{display: block; width: 85%;height: .8rem;border:none;color: #333;background:none;text-indent: .3rem;font-size: .26rem;}
	.m-search .btn{display: block;width: 15%;height: .8rem;background: url('../images/search_h.png') no-repeat center center;background-size: .4rem .4rem;border:none;}

	/*底部*/
	.footer{padding: .8rem 0 .4rem;border-radius: .3rem;margin-top: -.3rem;}
	.footer .top{padding-bottom: .5rem;}
	.footer .title{font-size: .4rem;}
	.footer .list{margin-top: .3rem;}
	.footer .item{margin-bottom: .2rem;}
	.footer .item i{width: .24rem;height: .24rem;margin-right: .2rem;}
	.footer .item:first-child i{margin-top: -.18rem;}
	.footer .item p{font-size: .26rem;max-width: 5.8rem;}
	.footer .bot{padding-top: .3rem;flex-direction: column-reverse;align-items: flex-start;}
	.footer .share a{width: .64rem;height: .64rem;margin: 0 .3rem 0 0;}
	.footer .share i{width: .36rem;height: .36rem;}
	.footer .left{margin-top: .3rem;}
	.footer .nav a{font-size: .24rem;}
	.footer .nav .line{height: .18rem;margin: 0 .3rem;}
	.footer .copyright{margin-top: .2rem;font-size: .24rem;}

	/*通用*/
	.com-tit{font-size: .42rem;}
	.website a,
	.website span{font-size: .24rem;line-height: .4rem;}
	.website .arrow{width: .4rem;height: .4rem;margin: 0 .1rem;}
	.learn-more{width:2.8rem;height:.8rem;border-radius:.1rem;padding: 0 .3rem;font-size: .26rem;}
	.learn-more i{width: .36rem;height: .36rem;}
	.sub-banner .nav{display: none;}
	.sub-main{padding: .6rem 0 1.2rem;}
	.news-list{padding-bottom: .4rem;}
	.news-list .item{width: 100%;margin: 0 0 .5rem;}
	.news-list .pic{height: 4.38rem;border-radius: .1rem;}
	.news-list .pic img{height: 4.38rem;}
	.news-list .main{padding-top: .3rem;}
	.news-list .title{font-size: .28rem;}
	.news-list .time{font-size: .22rem;margin-top: .1rem;}
	.site a{font-size: .24rem;}
	.site span{width: .24rem;height: .24rem;margin: 0 .08rem; background-size: .11rem .17rem;}
	.site span:last-child{font-size: .24rem;}
    .aside{right: 0; margin-top:0;top: auto;bottom: 10%;transform:translateY(0px)}
    .aside a{width:1.2rem;}
	.page a, 
	.page span{display: none;}
	.page .prev, .page .next{display: flex;margin: 0 .1rem; width: .56rem;height: .56rem;font-size: 0;border-radius: .08rem;}

	/*首页*/
	.home{padding-top: 8rem;}
	.home .home-tit{font-size: .48rem;}
    .home .main-box{padding-bottom: .8rem;}
    .home .swiper-banner{height: 8rem;}
    .home .swiper-banner img, 
    .home .swiper-banner video{height:8rem;}
    .home .swiper-banner .container{padding-top: 2.4rem;}
    .home .swiper-banner .title{font-size: .48rem;}
    .home .about-box{padding-top: .8rem;}
    .home .about-box .top{display:block;margin-top: .3rem;}
    .home .about-box .info{width: 100%;}
    .home .about-box .learn-more{margin-top: .5rem;}
    .home .about-box .pic{width:100%;margin: .5rem 0 0;border-radius: .1rem;}
    .home .pro-box .box{display:block;height:auto;margin-top: .3rem;}
    .home .pro-box .nav{display:flex;overflow-x:auto;padding-bottom: 0;width: 7.1rem;overflow-y:hidden;}
    .home .pro-box .nav .item{font-size: .3rem;margin-right:.4rem;flex: none;line-height:3;border-bottom: none;}
    .home .pro-box .nav .item::after{bottom: 0;}
    .home .pro-box .nav .active::after{width: 100%;}
    .home .pro-box .tabs{margin-top: .5rem;}
    .home .pro-box .cell{width: 100%;}
    .home .pro-box .pic{position:static;width:5.4rem;}
    .home .pro-box .title{font-size: .3rem;height: auto;margin-top: .3rem;}
    .home .pro-box .title span{font-size: .6rem;margin-left: -.3rem;}
    .home .pro-box .txt{margin-top: .2rem;font-size: .26rem;}
    .home .pro-box .learn-more{margin-top: .5rem;}
    
    .home .news-box{padding-top: .8rem;position:relative;}
    .home .news-box .top{margin-top: .2rem;}	
	.home .info{font-size: .26rem;}
	.home .news-box .list{margin-top: .5rem;padding-bottom: 1.2rem;}
	.home .news-box .item{width:100%;height:1.6rem;}
	.home .news-box .item:nth-child(2) {border-top: none;}
	.home .news-box .date{width:1.2rem;height:1.2rem;border-radius:.1rem;}
	.home .news-box .date .day{font-size: .3rem;}
	.home .news-box .date p{font-size: .22rem;}
    .home .news-box .title{width:5.2rem;font-size: .28rem;margin-right: 0;}
    .home .news-box .learn-more{left:0;bottom:0;position: absolute;}

	/*关于我们*/
	.about .intro-box{background-size:cover;padding-bottom: .8rem;}
	.about .intro-box .main{padding-top: .6rem;}
	.about .intro-box .box{display: block;}
	.about .intro-box .left{width:100%;padding-top: 0;}
	.about .intro-box .content{margin-top: .3rem;font-size: .26rem;text-align: left;}
	.about .intro-box .pic{border-radius:.1rem;width:100%;margin-right:0;margin-top: .5rem;}
	.about .data-list{margin-top: .5rem;flex-wrap: wrap;justify-content:flex-start;}
	.about .data-list .item{padding: 0;width: 50%;text-align:left;margin-bottom: .5rem;}
	.about .data-list .num{font-size: .6rem;line-height: .8rem;}
	.about .data-list p{font-size: .26rem;margin-top: .1rem;line-height:1.2;}
	.about .data-list .item::after{display: none;}
	.about .pla-box{background-size:cover;padding: .8rem 0;}
	.about .pla-box .main{margin-top: .5rem;}
	.about .pla-box .swiper-pla{width:7.1rem;height:auto;padding-bottom: .3rem;}
	.about .pla-box .swiper-pla .swiper-slide{width:5.6rem;display:block;}
	.about .pla-box .swiper-pla .pic{width:5.6rem;height:5.6rem;position:static;}
	.about .pla-box .swiper-pla .pic img{height:5.6rem;}
	.about .pla-box .swiper-pla .box{width:100%;}
	.about .pla-box .swiper-pla .name{font-size: .36rem;margin-top: .3rem;}
	.about .pla-box .swiper-pla .txt{margin-top: .3rem;font-size: .26rem;}
	.about .pla-box .swiper-pla .txt p{text-align:left !important;}
	.about .pla-box .swiper-button-prev,
	.about .pla-box .swiper-button-next{display: none;}
	
	.ruibio::before,
	.ruibio::after{width: 7.5rem;height:8.16rem;top:1.2rem;}
	.ruibio::after{bottom:-1.2rem;}
	.ruibio .intro-box .main{padding-top: .5rem;}
	.ruibio .intro-box .box{display: block;}
	.ruibio .intro-box .content{width:100%;margin-top: .5rem;font-size: .26rem;}
	.ruibio .intro-box .box::after{width:5.4rem;height:1.1rem;bottom: -.8rem;}
	.ruibio .intro-box .pic{margin-top: .5rem;border-radius: .1rem;}
	.ruibio .rb-list{margin-top: .5rem;}
	.ruibio .rb-list .item{display:block;margin-bottom: .5rem;padding: 0 .4rem !important;}
	.ruibio .rb-list .pic{width: 100%;height: 4.64rem;border-radius: .1rem;}
	.ruibio .rb-list .box{width: 100%;margin-top: .5rem;}
	.ruibio .rb-list .com-tit{margin-bottom: .3rem;}
	.ruibio .rb-list .pic img{height: 4.64rem;}
	.ruibio .rb-list .txt{font-size: .26rem;}
	
	/*产品中心*/
	.product .main{padding-top: .5rem;}
	.product .names{margin-top: .3rem;height: 1.2rem;font-size: .26rem;}
	.product .pro-list .item{height: 1.8rem;font-size: .26rem;}
	.product .m-hide{overflow: hidden;box-sizing: border-box;width: 7.1rem;padding-right: .4rem;overflow-x: auto;}
	.product .scroll{width: 22rem;}
	.product .names div,
	.product .pro-list .item div{padding: 0 .2rem;}

	/*产品详情*/
	
	/*联系我们*/
	.contact .main{padding-top: .5rem;}
	.contact .infos{flex-direction: column-reverse;}
	.contact .infos .left{width: 100%;margin-top: .5rem;}
	.contact .infos .pic{width: 100%;}
	.contact .list{margin-top: .3rem;}
	.contact .list .col,
	.contact .list .item{margin-bottom: .3rem;}
	.contact .list .box{width: 5.9rem;}
	.contact .list i{width: .48rem;height: .48rem;margin-right: .3rem;}
	.contact .list .name{font-size: .3rem;}
	.contact .list .txt{font-size: .26rem;margin-top: .1rem;}
	.contact .feed{margin-top: .5rem;padding-top: .6rem;}
	.contact .tips{font-size: .26rem;margin-top: .2rem;}
	.contact .form{margin-top: .5rem;}
	.contact .form .item{display: block;margin-bottom: .3rem;}
	.contact .form .step{width: 100%;margin-bottom: .3rem;}
	.contact .form .name{font-size: .26rem;margin-bottom: .1rem;}
	.contact .form .text{height: .8rem;border-radius: .08rem;padding: 0 .3rem;font-size: .26rem;}
	.contact .form .vcode-text{width: 3.8rem;}
	.contact .form img{height: .8rem;width:2.8rem;border-radius: .08rem;}
	.contact .form .btn{width: 2.4rem;height: .8rem;font-size: .28rem;border-radius: .08rem;}

	/*新闻中心*/
	.news .news-list{margin-top: .5rem;}

	/*新闻详情*/
	.newsDet .top{padding: .5rem 0 .3rem;text-align: left;}
	.newsDet .title{font-size: .32rem;}
	.newsDet .time{font-size: .24rem;margin-top: .2rem;}
	.newsDet .content{padding-top: .5rem;font-size: .26rem;}
	.newsDet .content p{margin-bottom: .2rem;}
	
	/*搜索结果*/
	.result{padding: 1.8rem 0 1.2rem;}
	.result .r-tit{font-size: .48rem;}
	.result .form{margin-top: .3rem;padding-bottom: .2rem;}
	.result .text{height:.6rem;font-size: .26rem;}
	.result .btn{width:.4rem;height: .4rem;}
	.result .r-main{display: block;margin-top: .5rem;}
	.result .nav{margin-top: 0;}
	.result .sky-nav{position:relative;display: flex;top:0;}
    .result .nav a{font-size:.26rem;margin-right: .3rem;}
    .result .right{margin-top: .5rem;width: 100%;}
    .result .news-list .item{width:100%;margin: 0 0 .5rem;}
    .result .news-list img{height: 4.15rem;}
    .result .news-list .main{height: auto;padding:.4rem .3rem;}
    .result .news-list .time{font-size: .26rem;}
    .result .news-list .title{font-size: .3rem;}
    .result .show-list .box{width: 100%;padding:.4rem 0 0;}
    .result .infos{display: block;}
    .result .infos .step{font-size: .26rem;margin: 0 0 .2rem;}
	.result .infos i{width: .3rem;height: .3rem;margin-right: .2rem;}
    .result .pro-list li{width:100%;height:7.2rem;margin: 0 0 .5rem;}
    .result .pro-list .img{width:3.32rem;height: 3.32rem;}
    .result .pro-list .type{font-size: .3rem;}
    .result .pro-list .bot a{height:1rem;font-size: .26rem;}
}