@charset "utf-8";
/* CSS Document */
@media (max-width:1600px) {
    .big_swiper{
        background-size: contain;
    }
    .about_skylab2 .right{
        margin-right: 50px;
    }
}
@media (max-width:1279px){
    .video .video_in h2{
        margin-bottom: 20px;
    }
    .about_skylab .left .number .box{
        margin-right: 30px;
    }
}
@media (min-width:1024px){

	.pc_bottom{display:block;}
	.wap_bottom{display:none;}
}
@media (max-width:1023px){
	.indexpadding{padding:2rem 0;}
	.index_pro h1,.index_solutions h1,.active h1,.index_news h1,.company_active h1{font-size:1.25rem; text-align:center;}
	#Tab1 .contentbox ul li{float:left;width:48%;margin:0 0 2% 2%;text-align:center;}
	.solutions_list ul {margin:1rem 0 0; overflow:hidden;}

.solutions_list li {width:50%; float:left; text-align:center;}
.solutions_list li:first-of-type {width:100%;}


	.aboutmemo{width:100%;line-height:2rem;margin:2rem 0;display: -webkit-box;-webkit-line-clamp:4;-webkit-box-orient: vertical;overflow: hidden;}
	.about_link{width:100%;margin:0;}
	.about_link ul{display:block;width:100%;margin:0 auto;}
	.about_link ul li{float:left;width:50%;text-align:center;margin-bottom:1rem;}
.about_link ul li .fa-icon{font-size:4rem;width:100px;height:100px;margin:0 auto 1rem;border-radius:50%; background:#FFF;color:#129780;line-height:100px;}

	#Tab1 .Menubox {width:100%;line-height:2rem;margin:2rem 0 1rem;}
	#Tab1 .Menubox li{flex:1;color:#666;text-align:center;padding:0;margin:0 .25rem; cursor:pointer;border-radius:1rem;line-height:2rem;font-size:1rem; background:#d4d4d4;}


	.pc_bottom{display:none;}
	.bannernav{margin-top:0;}
	.subNav{display:none;}
	.subNav.active + div{margin-top:0px;}
	.pd-1{padding:2rem 1rem 0;}
	.product_list{background:#008271;position: relative;margin-top:50px;}
	.product_list .bg {width:100%; display:none;}
	.product_list .container {padding:2rem 1rem;display:block;}
	.left{float:left;width:100%;border-radius: 8px;}
	.product_list .container .left {padding:.5rem 1rem;margin-right:0;}
	.product_list .container .left ul li {width:100%;}
	.right{float:left;width:100%;}
	.product_list .container .right h2 {
    color: #ffffff;
	font-size:1.25rem;
    font-family: 'BarlowCondensed-Medium';
    line-height: 1.3;
    font-weight: normal;
    margin:1rem 0;
}
.product_list .container .right>p {
    font-size: 16px;
    color: #ffffff;
    line-height: 1.5;
    max-width: 100%;
    margin-bottom:1.25rem;
}
.product_list .container .right ul {padding:2rem 2rem 0 2rem;}
.tags{margin-bottom:1.5rem;}
.product_list_con{padding:1rem;}
.productview{padding:.5rem 0 1rem;margin-top:50px;}
.products-details-right{margin-left:0rem;}
.products-details-introduce-title{font-size:35px;}
.products-details-introduce-other{width:100%;}
.products-details-introduce-other a{padding:.8rem 0; text-align:center;margin-right:.825rem;}
.product_detail{display:block;margin-top:2rem;}
.product_detail_left{float:left;width:100%;background:#FFF;padding:1rem;}
#Tab2 .Menubox {width:100%;line-height:2rem;margin:1rem 0;}
#Tab2 .Menubox ul{display:block;width:100%;justify-content:center;border-bottom:#e5e5e5 1px solid; overflow-x:auto;}
#Tab2 .Menubox li{float:left;text-align:center;font-size:1.125rem;line-height:3rem;color:#666;padding:0 1rem; cursor:pointer;}
.product_detail_right{float:left;width:100%; background:#FFF;padding:1rem 1.5rem;margin-top:1rem;}
.faql{flex:3;border-right:none;}
.faqr{flex:1; display:none;}
.menu_list{width:100%;padding-right:0;padding-bottom:2rem;}
.menu_head{width:100%;line-height:24px;padding:1rem;font-size:16px;color:#525252;cursor:pointer;border-bottom:1px solid #e1e1e1;position:relative;}
.joinname .question{font-weight:600;color:#129780;font-family:'Barlow-Bold';padding:0 .5rem 0 0;}
.menu_body{width:100%;height:auto;overflow:hidden;line-height:38px; background:#f2f2f2;padding:2rem 1rem;}
.answer{color:#900;font-family: 'Barlow-Bold';margin:0 .5rem 0 0;}

	.news_list .row .newslist .newscon h3{
        margin-bottom: .75rem;
        font-size: 20px;
    }
    .news_list .row .newslist .newscon {
        height: auto;
    }
    .news_list{
        padding:1rem;
    }
	.profile_content{ text-align:left;}
	.brand_comtxt {position:absolute; z-index:1; top:18%; left:0; right:0; margin:auto;color:#FFF;}
	.brand_comtxt .p4{font-size:2rem;margin-bottom:2rem;}

.about_culture{background: url(../images/about_bg3.jpg) center bottom no-repeat fixed;height:600px;width:100%;padding:4rem 0 2rem;}
.about_culture .info-wrap{position:relative;width:100%;}
.about_culture .info-tit{font-size:1.825rem; text-align:center;color:#FFF;}
.about_culture .info-wrap ul{width:100%; margin:2rem auto 0;}
.about_culture .info-wrap ul li{float:left;width:50%;text-align:center;color:#FFF;padding:0 1rem; margin:0;}
.about_culture .info-wrap h2{margin:1rem 0 .5rem;}
.about_culture .info-wrap p{height:80px;margin-bottom:1rem;}
.about_culture .info-wrap .fa-culture{font-size:3rem;}
.contact_map{padding:2rem 0;}

.joinM .chd{width:100%;}
.joinM .chd-con{padding:30px;}
.download{margin-top:2rem;}
.content_right{flex:1; display:none;}
.pc_bottom{display:none;}
.wap_bottom{display:block;}
    .video .video_in h1{
        font-size: 36px;
    }
    .video .video_in h2{
        font-size: 36px;
        max-width: 480px;
    }
    .video .video_in img{
        width: 80px;
    }
    .about_skylab{
        padding: 80px 30px;
    }
    .about_skylab .content{
        flex-direction: column;
    }
    .about_skylab2 .right{
        margin-right: 0;
        margin-top: 30px;
    }
    .big_swiper{
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .big_swiper h3{
        margin-bottom: 80px;
    }
    .big_swiper .swiper-slide-active .number{
        font-size: 150px;
    }
    .big_swiper .swiper-slide-active .number span{
        font-size: 150px;
    }
    .big_swiper .swiper-slide-active .txt{
        bottom: -88%;
        width: 520px;
    }
    .big_swiper .swiper-button-next, .big_swiper .swiper-button-prev{
        top: 26%;
    }
}
@media (max-width:767px){
    .video{
        height: 260px;
    }
    .video>img{
        object-fit: cover;
        height: inherit;
    }
    .video .video_in h1{
        font-size: 28px;
    }
    .video .video_in h2{
        font-size: 28px;
    }
    .video .video_in img{
        width: 56px;
    }
    .about_skylab{
        padding: 30px 0;
    }
    .about_skylab .left h2{
        font-size: 28px;
    }
    .about_skylab .left .line{
        margin-bottom: 20px;
    }
    .about_skylab .left .number{
        margin-top: 30px;
    }
    .about_skylab .left .number .box span{
        font-size: 48px;
    }
    .about_skylab .left .number .box span.unitC{
        font-size: 28px;
    }
    .about_skylab .left .number .box{
        width: 33%;
        margin-right: 10px;
    }
    .about_skylab .right .logo{
        width: 60%;
    }
    .big_swiper{
        padding: 30px 15px;
    }
    .big_swiper h3{
        margin-bottom: 30px;
        font-size: 28px;
    }
    .big_swiper .swiper-slide-active .number{
        font-size: 100px;
    }
    .big_swiper .swiper-slide-active .number span{
        font-size: 100px;
    }
    .big_swiper .swiper-button-next, .big_swiper .swiper-button-prev{
        top: 20%;
    }
    .big_swiper .swiper-button-prev{
        left: 0%;
    }
    .big_swiper .swiper-button-next{
        right: 0%;
    }
    .big_swiper .swiper-slide-active .txt{
        position: static;
        width: 100%;
        margin-top: 30px;
        font-size: 18px;
    }
    .big_swiper .swiper-button-prev, .big_swiper .swiper-button-next{
        width: 44px;
        height: 44px;
    }
    .big_swiper .swiper-container-big{
        padding-bottom: 0px;
    }
    .certificate{
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .certificate h3{
        font-size: 36px;
        margin-bottom: 30px;
    }
    .certificate .page{
        margin-top: 80px;
        width: 100%;
    }
    .certificate .bg{
        bottom: 50px;
    }
    .certificate .content{
        margin-bottom: 0;
    }
}
.bmenu_list{margin-bottom:20px;}
.bmenu_head{width:100%;padding:0 0 0 5%;line-height:50px;font-size:16px;color:#ffffff;cursor:pointer;position:relative;margin:0px;}
.fa-menua{margin-left:5rem;}
.bmenu_list .current{}
.bmenu_body{width:100%;height:auto;overflow:hidden;line-height:38px;padding-left:5%;}
.bmenu_body a{display:block;line-height:38px;color:#cdcdcd;}
.bmenu_body a:hover{text-decoration:none;}
.wap_bottom .copyright{font-size:14px;padding:0 .5rem;}