@charset "UTF-8";
@media (max-width: 1680px){
	.pc-header .nav{
        margin-left: 1rem;
    }
	footer .top{
	padding:0 8%
	}
}
@media (max-width: 1366px){
	
}
@media (max-width: 1024px){
	.pc-header .nav{
        display: none;
    }
    
}

@media (max-width: 992px){
	.pc-header{
        padding: 0 4%;
    }
    .pc-header .right .seach .text{
        display: none;
    }
    .num_nav{
		width: 100%;
		position: fixed;
		height: 100vh;
		top:0;
		left:0;
		transition: all linear 0.2s;
		transform: translateX(100%);
		z-index:6;
	}
	.navbg {
		background-color: rgba(0,0,0,0.5);
		position: fixed;
		width:100%;
		height:100vh;
		top:0;
		left: 0;
		z-index:3;
		transition: all linear 0.2s;
		display:none;
	}
	.navbg.on {
		display:block;
		opacity: 1;
	}
	.num_nav .nav{
		width: 73%;
		position: relative;
		height: 100vh;
		z-index: 9999999;
		float: right;
		background-color: rgba(0,0,0,0.8);
	}
	.num_nav .nav .logo{
		width: 144px;
		margin:7px 0;
		margin-left: 20px;
		display: block;
	}
	.num_nav .nav .list a{
		display: block;
		padding-left: 20px;
		height: 56px;
		line-height: 56px;
		color: #fff;
		font-size: 16px;
		box-shadow: inset 0px -1px 0px 0px #2F2F2F;
	}
	.num_nav.on{
		transform: translateX(0);
	}
	.num_nav.on .bg{
		opacity: 1;
	}
    .num {
        width: .8rem;
        position: relative;
        margin-left: .5rem;
    }
     header .num .opa1 {
        opacity: 1;
    }
    header .num .opa2 {
        opacity: 0;
        position: absolute;
        top: 0;
        left: 0;
    }
    .banner-container .swiper-slide .txt {
        position: absolute;
        top: 50%;
        left: 4%;
        width: 80%;
        transform: translateY(-50%);
    }
    .home_a{
        padding: 1.6rem 4%;
        display: block;
    }
    .home_a .left{
        width: 100%;
    }
    .home_a .right{
        width: 100%;
        margin-top: 1rem;
    }
    .more{
        font-size: 12px;
        padding-left: 0.5rem;
    }
    .home_b .box .subtit{
        width: 90%;
    }
    .home_b .box{
        width: 100%;
    }
    .home_b .box .hb-container{
        width: 80%;
        overflow: hidden;
        margin-left: 10%;
    }
    .home_b .box .hb-container .swiper-slide{
        width: 100%;
    }
    .home_b .box .prev{
        left: 0;
    }
    .home_b .box .next{
        right: 0;
    }
    .home_c .list,.product{
        padding :1.5rem 4%;
    }
    .home_c .list a{
        width: 100%;
        margin-bottom: 1rem;
    }
    .sub_banner {
        height: 12.5rem;
    }
    .product{
        padding-top: 0;
    }
    .product .cont{
        margin-top: 1.5rem;
    }
    .product .cont .li {
        width: 100%;
        margin-right: 1rem;
        height: 13.5rem;
        position: relative;
        float: left;
        margin-bottom: 1rem;
    }
    .contact{
        padding :1.5rem 4%;
    }
    .contact .box{
        background-color: #fff;
        padding: 0.5rem;
        padding-right: 0;
        display: flex;
        align-items: center;
        flex-direction: column;
    }
    .contact .box .left{
        width: 100%;
        border-right: 0;
    }
    .contact .box .right{
        width: 100%;
        justify-content: flex-end;
        margin-top: 0.5rem;
    }
    .mapbox{
        display: none;
    }
    .contact .box .left .map{
        width: 100%;
    }
    .career-sd{
        padding:1rem;
        margin-bottom: 1rem;
    }
    .career-sd .left{
        width: 100%;
        padding: 0;
        border-right: 0;
    }
    .career-sd .right{
        width: 100%;
    }
    footer .top{
        padding: 0 4%;
    }
    footer .top .left .nav{
        display: none;
    }
    footer .bottom{
           padding: 0.75rem 4% !important;
        height: auto;
        align-items: flex-start;
        flex-direction: column;
    }
  .cult .li
  {
    padding: 1.6rem 4%;
  }
  .cult .li .subtit{
    width: 100%;
  }
  .cult .li .conts .left,.cult .li .conts .right{
    width: 100%;
    height: 8rem;
    }
    .cult .li .conts{
        height: auto;
    }
    .sol .num .opa2{
        opacity: 1;
    }
    .sol .num .opa1{
        opacity: 0;
    }
    .home_c{
        padding-bottom: 0;
    }
    .about {
        padding:0 4% 1.6rem;
    }
    .about .cont .left{
        width: 100%;
        height: auto;
    }
    .about .cont .left .tit-16{
        height: auto;
    }
    .about .cont .right {
        width: 100%;
        
        margin-top: 1rem;
    }
    .about .cont{
        padding-bottom: 0;
    }
    .honor .alist{
        margin-top: 1.2rem;
    }
    .honor .alist .list .li{
        width: 100%;
        height: auto;
    }
    .info-page .back-list{
        margin-top: 0.5rem;
    }
    .info{
        padding: 1rem 0;
    }
    .contact .box .left .list .li{
            align-items: flex-start;
    justify-content: flex-start;
    margin-right: 1rem;
    }
    .amap-info-contentContainer.bottom-center, .amap-info-contentContainer.bottom-left, .amap-info-contentContainer.bottom-right{
        display: none;
    }
    .career-sd .left .li:last-child{
        margin-top: 0.78rem;
    }
    .career-sd .right{
        padding-top: 0.5rem;
    }
}

@media (max-width: 767px){
	
}