@charset "utf-8";
/* CSS Document */
@media only screen and (min-width:1920px){
    .tld {
        max-height:70vh;
    }
}
@media only screen and (max-width:1600px){
    footer .container{width:96%;}
	.l3{padding:8rem 0;}
	.nbg td, .tit td:not(.first) {
		width: 9vw;
	}
	.nbg td:nth-child(3), .tit td:nth-child(4) {
    	width: 18vw;
	}
}
@media only screen and (max-width:1366px){
	.nav-item{width:80%;}
	.wrap .container,footer .container{width:100%;max-width: 100%;padding:0 5%;}
}
@media only screen and (max-width:1280px){
	header .logo {
		padding-right: 0;
	}
	header .logo img{max-width:80%;}
	.container{display:block;max-width:100%;padding:0 15px;}
}
@media only screen and (max-width:1024px){
	html {font-size: 55%;}
	.ab .container .ab-con{
		position:static;
		max-width: 100%;
	}
	.pro-catolog ul {
	  -ms-grid-columns: (minmax(29rem, 1fr)) [auto-fit];
	  grid-template-columns: repeat(auto-fit, minmax(25rem, 1fr));
	}
	.partner{padding:10rem 0;}
	.partner h2{padding:3rem 0;}
	.ab1 .atop{display:block;}
	.ab1 .atop .art{width:100%;margin-top: 3rem;}
	.pgrid .pg-item{width:50%;}
	.flex{display:block;}
	.h-full,.w-full{width:100%;}
	.rep-tit,.rep .flex,.w-full .color{display:flex;justify-content: space-between;}
}
@media only screen and (max-width:640px){
	.header{position: fixed; height:50px;}
	.header .container{height:50px;align-items: center;}
	.header .brand{width:120px;}
	.header .left-icon {
        width: 30px;
        height: 16px;
        position: relative;
        display: block;
        left: 0;
        cursor: pointer;
    }
	.header .left-icon span {
        display: block;
        width: 30px;
        height: 2px;
        border-radius: 1px;
        background: #fff;
        position: absolute;
        transform-origin: 0 0;
        transition: all .3s ease-in-out;
    }
	.header .left-icon span:first-child {
        top: 0px;
        left: 0px;
    }
	.header .left-icon span:nth-child(2) {
        top: 7px;
        left: 0px;
        opacity: 1;
    }
	.header .left-icon span:last-child {
        bottom: 0px;
        left: 0px;
    }
	.header .navbar {
        display: none;
        position: absolute;
    }
	.header .right-icon {
		display:block;
        width: 24px;
        height: 24px;
        color: #fff;
        position: relative;
        right: 0;
        cursor: pointer;
    }
	.header .left-icon.active span:first-child {
        top: 0px;
        left: 5px;
        transform: rotate(45deg);
    }
	.header .left-icon.active span:nth-child(2) {
        opacity: 0;
    }
	.header .left-icon.active span:last-child {
        top: 21px;
		left: 3px;
        transform: rotate(-45deg);
    }
	.header .navbar{
		position: fixed;
		top:50px;
		left: 0;
		z-index: 999;
		width:100%;
		height: calc(100vh - 55px);
		background: #fff;
	}
	.header .navbar.menuOpen{
		display:block;
	}
	.header .navbar.menuOpen .nav-item{
		margin:30px auto;
		flex-direction: column;
	}
	.header .navbar .nav-item a{
		display:block;
		height: 55px;
		line-height: 55px;
		border-bottom: 1px solid #f1f1f1;
	}
	.phone-icon,.header-search{display:none!important;}
	body .tophei .left-icon span{background: #444;}
	body .tophei .right-icon svg path{fill: #444;}
	.banner{position:static;height: auto;}
	.page{margin-top:0;}
	.distance {
        height:10px;
    }
	.zt-wrap{display:block;}
	.con-left,.con-right{width:100%;margin:0;}
	.con-right a{width:100%;height: auto;}
	footer{padding:30px 0;}
	footer .container{display:block;}
	footer .right{width:100%;}
	footer .right .tel p{text-align:left;}
	footer .right .link{display:block;}
	.design,.case ul{display:block;}
	.de-item,.case ul li{width:100%;}
	.pr-menu a{margin-right:0;width:33%;}
	.columns,.size-container{grid-template-columns: repeat(2, minmax(0, 1fr));}
	.cp{width:100%;display:block;padding:0;}
	.cp .video-box{width:100%;height:auto;margin:0;}
	.cp-info h2{margin-top:30px;}
	.cp-info .desc{margin-top:10px;}
	.insp{width:100%;margin:5rem 0;padding:0 10px;}
	.p_link{margin-bottom:15px;}
	.grid_item{padding:15px;}
}