img {
	max-width: 100%;
	height: auto;
}
.gh {
    height: 1.75rem;
    width: 1.75rem;
    position: absolute;
    transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -webkit-transition: all 0.5s cubic-bmezier(0.7, 0, 0.3, 1) 0s;
    -ms-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    cursor: pointer;
    z-index: 9999;
    display: none;
}

.selected .gh {
    transform: rotate(90deg);
}

.gh a {
    background-color: #fff;
    display: block;
    margin: 0 auto;
    height: 0.125rem;
    margin-top: -0.0625rem;
    position: relative;
    top: 50%;
    transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    width: 100%;
    border-radius: 0.125rem;
}

.gh a:after {
    width: 100%;
}

.gh a:before {
    width: 100%;
}

.gh a:after,
.gh a:before {
    background-color: #fff;
    content: "";
    display: block;
    height: 0.125rem;
    left: 0;
    position: absolute;
    transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
}

.gh a:after {
    top: 0.4375rem;
}

.gh a:before {
    top: -0.4375rem;
}

.selected .gh a:after,
.selected .gh a:before {
    top: 0;
}

.selected .gh a:before {
    transform: translateY(0rem) rotate(-45deg);
    -webkit-transform: translateY(0rem) rotate(-45deg);
    -ms-transform: translateY(0rem) rotate(-45deg);
    background: #fff;
    width: 100%;
}

.selected .gh a:after {
    transform: translateY(0rem) rotate(45deg);
    -webkit-transform: translateY(0rem) rotate(45deg);
    -ms-transform: translateY(0rem) rotate(45deg);
    background: #fff;
    width: 100%;
}

.selected .gh a {
    background-color: transparent !important;
}

html{
	font-size: 1rem;
}

@media only screen and (max-width:1320px) {
	.wrap{
		
		padding: 0 1.25rem;
	}
	.header-inner{
		padding: 0 1.25rem;
	}
	.naver li a{
		font-size: 0.87rem;
	}
	.home-banner .hcontent{
		width: 100%;
	}
}




@media only screen and (max-width:1200px) {
	.wrap{
		padding: 0 1.25rem;
	}
	.header-inner{
		padding: 0;
	}
	.home-banner .hcontent{
		width: 100%;
	}
	.naver li a{
		font-size: 0.76rem;
		color: #fff;
		line-height: 3.75rem;
		display: block;
		transition: all 0.3s;
		position: relative;
	}
}


@media only screen and (max-width:1100px) {
	body{
		min-width: 100%;
	}
	.header{
		background: #103666;
		height: 3.75rem;
	}
	.header-inner{
		height: 3.75rem;
	}
	.header .th .rt{
		display: none;
	}
	.header .th{
		padding: 0.625rem 0;
	}
	.logo img{
		width: 6.875rem;
		height: 2.125rem;
		z-index: 9999;
	}
	.logo h3{
		font-size: 0.875rem;
	}
	.logo h4{
		display: none;
	}
	/* 移动端导航 */
	.naver{
		position: fixed;
		top: 0;
		left: -100%;
		width: 100%;
		height: 100vh;
		background: #103666;
		z-index: 1000;
		transition: left 0.3s ease;
		overflow-y: auto;
		display: block;
	}
	.naver.active{
		left: 0;
	}
	.naver ul{
		flex-direction: column;
		padding-top: 5rem;
		align-items: stretch;
	}
	.naver li{
		margin: 0;
		text-align: left;
		border-bottom: 0.0625rem solid rgba(255,255,255,0.1);
	}
	.naver li a{
		font-size: 0.9375rem;
		line-height: 3.125rem;
		padding: 0 1.25rem;
	}
	.naver li a,
	.naver li a:hover{
		background: transparent;
		text-align: left;
		
  }
	
	.naver li.on::after{
		display: none;
	}
	
	.naver li i{
		position: absolute;
		right: 0;top: 0;z-index: 3;
		width: 2.875rem;height: 2.875rem;
		background: url(../images/h17.png) no-repeat center/0.625rem auto;
		transform: rotate(180deg);
		transition:all 0.3s;
		-ms-transition:all 0.3s;  /* IE 9 */
		-moz-transition:all 0.3s;     /* Firefox */
		-webkit-transition:all 0.3s; /* Safari 和 Chrome */
		 -o-transition:all 0.3s;
	  }
	.naver li i.on{
		transform: rotate(270deg);
	}
	.naver .subnav{
		position: static;
		transform: none;
		width: 100%;
		background: #fff;
		box-shadow: none;
		padding: 0;
		opacity: 1;
		visibility: visible;
		display: none;
	}
	.naver .subnav::before{
		display: none;
	}
	.naver .subnav a{
		color: rgba(255,255,255,0.7);
		line-height: 2.75rem;
		padding: 0 2.5rem;
		text-align: left;
		border-top: 0.0625rem solid #f2f2f2;
	}
	.naver .subnav a:hover{
		color: #f5a623;
		background: rgba(245,166,35,0.1);
	}
	.gh{
		display: block;
	}

	.hbanner{
		height: 12.5rem;
	}
	.layout{
		padding-top: 0;
	}
	
	.homeabout .htxt {
		width: 100%;
	  }
  
	.pagetit{
		padding: 1.875rem 0 1.25rem;
	}
	.pagetit h3{
		font-size: 1.25rem;
		padding: 0 1rem;
	}
	.pagetit h3::before,
	.pagetit h3::after{
		width: 1rem;
	}
	.pagetit h3::before{ left: -0.875rem; }
	.pagetit h3::after{ right: -0.875rem; }

	/* 产品列表 */
	.protabs{
		margin-bottom: 1.5625rem;
	}
	.protabs ul{
		flex-wrap: wrap;
		justify-content: center;
	}
	.protabs li{
		margin: 0.1875rem;
	}
	.protabs li a{
		padding: 0 0.875rem;
		line-height: 2.125rem;
		font-size: 0.75rem;
	}
	.prolist ul{
		gap: 0.75rem;
	}
	.prolist li{
		/*width: calc((100% - 0.75rem)/2);*/
		width: 100%;
	}
	.prolist li .pic{
		height: 8.75rem;
		padding: 0.75rem;
	}
	.prolist li .txt h4{
		font-size: 0.8125rem;
	}
	.prolist li .txt p{
		font-size: 0.6875rem;
	}

	/* 产品详情 */
	.protop{
		flex-direction: column;
		gap: 1.25rem;
	}
	.protop .pic{
		width: 100%;
		height: 15rem;
	}
	.specstable td:first-child{
		width: 8.125rem;
	}
	.relatedpro ul{
		flex-wrap: wrap;
		gap: 0.75rem;
	}
	.relatedpro li{
		width: calc((100% - 0.75rem)/2);
	}
	.relatedpro li .pic{
		height: 8.75rem;
	}

	/* 工程案例详情 */
	.casetit h1{
		font-size: 1.25rem;
	}
	.casecontent{
		padding: 1.25rem 0.9375rem 0;
		font-size: 0.8125rem;
	}

	/* 关于我们-公司介绍 */
	.aboutbox {
	    padding: 2rem 0;
	}
	.aboutbox h1{
		font-size: 1.375rem;
	}
	.aboutnav ul{
		padding: 0.375rem 0.9375rem;
	}
	.aboutnav li a{
		padding: 0.5rem 1.125rem;
	}

	/* 合作伙伴 */
	.partnerlist li{
		width: 50%;
		height: 5.625rem;
	}
	.partnerlist li:nth-child(4n),
	.partnerlist li:nth-child(5n){
		border-right: 0.0625rem solid #eee;
	}
	.partnerlist li:nth-child(3n){
		border-right: none;
	}

	/* 企业文化 */
	.culturelist ul{
		flex-direction: column;
	}
	.culturelist li{
		padding: 1.5625rem 1.25rem;
	}

	/* 荣誉资质 */
	.honorlist{
		gap: 0.9375rem;
	}
	.honorlist li{
		width: calc((100% - 1.438rem)/2);
	}
	.honorlist li .pic{
		height: 11.25rem;
	}

	/* 联系我们 */
	.contactbox{
		flex-direction: column;
		gap: 1.5625rem;
		padding-bottom: 1.875rem;
		padding:2rem 0;
	}
	.contactinfo{
		width: 100%;
	}
	.contactinfo h3{
		font-size: 1.375rem;
	}
	.contactqrs{
		gap: 0.9375rem;
	}
	.contactqrs .qr img{
		width: 5rem;
		height: 5rem;
	}
	.offices{
		flex-direction: column;
		gap: 1.5625rem;
	}
	.officemap{
		width: 100%;
		height: 17.5rem;
	}
	.messageform .formrow{
		flex-direction: column;
		gap: 0;
		margin-bottom: 0;
	}
	.messageform .formfield{
		margin-bottom: 0.875rem;
	}

	/* 下载中心 */
	.downloadlist{
		gap: 0.75rem;
	}
	.downloadlist li{
		width: 100%;
	}

	/* 新闻中心 */
	
	.newslist .topitem a{
		flex-direction: column;
		gap: 0.875rem;
		padding: 0.875rem;
		min-height: auto;
	}
	.newslist .topitem .pic{
		width: 100%;
		height: 12.5rem;
	}
	.newslist .topitem .info{
		padding: 0 0.5rem;
	}
	.newslist .topitem .info h3{
		font-size: 1rem;
		margin-bottom: 0.5rem;
	}
	.newslist .topitem .info p{
		font-size: 0.75rem;
		-webkit-line-clamp: 3;
	}
	.newslist .topitem .info .date{
		font-size: 0.75rem;
		margin-top: 0.5rem;
		padding-top: 0.5rem;
	}
	.newslist .sublist{
		gap: 0.75rem;
		margin-top: 0.75rem;
	}
	
	.newslist .sublist ul{
		gap: 0.75rem;
	}
	.newslist .sublist li{
		width: 100%;
	}
	.newslist .sublist li a{
		padding: 0.875rem;
		min-height: auto;
	}
	.newslist .sublist li .pic{
		width: 8.75rem;
		height: 6.25rem;
	}
	.newslist .sublist li .info h3{
		font-size: 0.875rem;
	}

	/* 业绩展示 */
	.perflist li a{
		flex-direction: column;
		gap: 0.75rem;
	}
	.perflist li .pic{
		width: 100%;
		height: 11.25rem;
	}
	.perflist li .info{
		padding: 0.875rem;
	}
	.perflist li .info h4{
		font-size: 1rem;
	}
		.perflist li .info p{
		font-size: 0.75rem;
		-webkit-line-clamp: 3;
	}
	.perflist li .info .date{
		font-size: 0.75rem;
		margin-top: 0.5rem;
		padding-top: 0.5rem;
	}
	
	.caselist ul{
		gap: 0.75rem;
	}
	.caselist li{
		width: 100%;
	}
	.caselist li .pic{
		height: 9.375rem;
	}
	.caselist li .info{
		padding: 0.875rem 0.9375rem 1.125rem;
	}
	.caselist li .info h4{
		font-size: 0.875rem;
		margin-bottom: 0.375rem;
	}
	.caselist li .info p{
		font-size: 0.75rem;
		line-height: 1.6;
	}

	/* 首页 */
	.home-banner{
		height: 32.5rem;
	}
	.home-banner .hcontent h1{
		font-size: 2rem;
		letter-spacing: 0.125rem;
	}
	.home-banner .hcontent h2{
		font-size: 1rem;
	}
	.home-banner .hcontent p{
		font-size: 0.8125rem;
		max-width: 90%;
	}
	.home-banner .hcontent a{
		padding: 0 1.625rem;
		line-height: 2.5rem;
		font-size: 0.8125rem;
	}
	
	.homepro-item .info h4{
	    font-size: 1rem;
	}
	.homepro-item .info p{
	    font-size: 0.875rem;
	}
	.homesec{
		padding: 3.125rem 0;
	}
	.hstit{
		flex-direction: column;
		align-items: flex-start;
		gap: 0.75rem;
		margin-bottom: 1.5625rem;
	}
	.hstit h3{
		font-size: 1.375rem;
	}
	.homeabout{
		flex-direction: column;
		gap: 1.5625rem;
	}
	.homeabout .hpic{
		width: 100%;
		height: 16.25rem;
	}
	.homeabout .htxt h4{
		font-size: 1.375rem;
	}
	.homepro-item .pic{
		height: 12.5rem;
	}
	.homecases{
		flex-direction: column;
	}
	.homecases li a .pic{
		height: 13.75rem;
	}
	.homenews{
		flex-direction: column;
	}
	.news-featured{
		width: 100%;
	}
	.news-featured .pic{
		height: 15rem;
	}
	.news-side li a{
		padding: 0.875rem 0;
	}
	.news-side li .pic{
		width: 6.875rem;
		height: 5rem;
	}
	.partner-logos li{
		width: 50%;
		height: 4.375rem;
	}

	/* 通用 */
	.pages{
		margin-top: 1.5625rem;
		margin-bottom: 1.25rem;
	}
	.pages li a{
		min-width: 1.875rem;
		height: 1.875rem;
		font-size: 0.75rem;
	}
	.pages ul{
		gap: 0 0.3125rem;
	}
	.gotop{
		right: 0.625rem;
		bottom: 3.75rem;
		width: 2.375rem;
		height: 2.375rem;
	}
	
	.prospecs{
	    padding: 1rem 0.375rem;
	}

	/* 页脚 */
	.ftop{
		flex-direction: column;
		gap: 1.5625rem;
		padding-bottom: 1.25rem;
	}
	.footer .lt{
		width: 100%;
		margin-left:0;
	}
	.footer .lt:before{
		margin-left:0;
	}
	.footer .lt h5{
		font-size: 0.8125rem;
		margin-bottom: 0.625rem;
	}
	.footer .ftel dd{
		font-size: 1.375rem;
	}
	.footer .rt{
		flex-wrap: wrap;
		gap: 0.9375rem;
	}
	.footer .rt dl{
		min-width: 45%;
		flex: none;
	}
	.footer .rt dt{
		font-size: 0.8125rem;
		margin-bottom: 0.5rem;
	}
	.copyright p{
		font-size: 0.6875rem;
	}
	
	.header:first-child .rt {
        display: none;
    }
	.header .search{
	    display: none;
	}
	.officetit{
	    width: 100%;
	}
}