/*pad*/

img {
	max-width: 100%;
}

.gh {
	height: 24px;
	width: 24px;
	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: 2px;
	margin-top: -1px;
	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: 2px;
}

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

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

.gh a:after,
.gh a:before {
	background-color: #fff;
	content: "";
	display: block;
	height: 2px;
	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: 7px;
}

.gh a:before {
	top: -7px;
}

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

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

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

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

@media only screen and (max-width:1480px) {
	html {
		font-size: 16px;
	}
}

@media only screen and (max-width:1280px) {
	html {
		font-size: 14px;
	}

	.hnews .list li p {
		font-size: 12px;
	}
}

@media only screen and (max-width:1240px) {
	.wrap {
		width: auto;
		padding: 0 15px;
	}
	

	.header .naver .ph {
		display: none;
	}

	.gh {
		display: block;
		right: 20px;
		top: 20px;
	}

	.header .wrap {
		height: 60px;
	}

	html {
		font-size: 16px;
	}

	.header .naver {
		position: absolute;
		left: 0;
		right: 0;
		top: 100%;
		z-index: 11;
		height: calc(100vh - 60px);
		background: rgba(0, 0, 0, 0.95);
		display: none;
	}

	.header .naver ul {
		display: block;
	}

	.header .naver li h3 a {
		display: block;
		line-height: 42px;
		margin: 0 20px;
	}

	.header .naver li {
		border-bottom: 1px solid #666;
		margin-right: 0;
	}

	.header .naver li i {
		position: absolute;
		right: 0;
		top: 0;
		width: 42px;
		height: 42px;
		background: url(../images/y4-1.png) no-repeat center;
		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;
	}

	.header .naver li i.on {
		transform: rotate(90deg);
	}

	.header .naver .nli {
		position: static;
	}

	.header .naver .nli dl::before {
		display: none;
	}

	.header .naver .nli dl {
		border-radius: 0;
		padding: 0 30px;
	}

	.header .naver .nli dd a {
		border-bottom: 1px solid #f1f1f1;
	}

	.header .logo img {
		width: auto;
		height: 40px;
	}

	.header .logo {
		margin-left: 5px;
	}

	.hpad {
		padding: 30px 0;
	}

	.tit h2 {
		font-size: 20px;
	}

	.tit h2 i {
		font-size: 12px;
	}

	.tit {
		padding-bottom: 30px;
	}

	.fexi {
		display: none;
	}

	.habout .flax {
		margin-top: 20px;
	}

	.habout .pic img{
	    border-radius: 20px;
	}

	.habout .pic {
		margin-top: 20px;
	}

	.hproduct .hd ul {
		justify-content: space-between;
		white-space: nowrap;
		display: block;
		overflow-x: scroll;
	}

	.hproduct .hd li {
		width: 20%;
		margin: 0 5px 10px 0;
		text-align: center;
		display: inline-block;
	}

	.hproduct .hd li a {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
		border: 1px solid #fff;
		line-height: 34px;
	}

	.hproduct .bd li {
		width: 48%;
		margin: 0 0 20px 0;
	}

	.hproduct .bd ul {
		margin-top: 20px;
		justify-content: space-between;overflow-y: scroll;
 height: 32vw;

	}
	.hcase .bd ul{
	     overflow-y: scroll;
 height: 42vw;
	}
	.hnews .list ul{
	    overflow-y: scroll;
 height: 30vw;
	}

	.hproduct .bd li h3 {
		font-size: 16px;
		background: rgba(0, 0, 0, 0.5);
		color: #fff;
	}

	.hproduct .bd li a {
		height: 30vw;
	}

	.thd ul {
		justify-content: space-between;
		margin: 20px 0 10px;
	}

	.thd li a {
		border: 1px solid #999;
		line-height: 40px;
	}

	.thd li {
		width: 49%;
		margin: 0 0 14px 0;
	}

	.hnews .list ul,
	.hcase .bd ul {
		justify-content: space-between;
	}

	.hnews .list li,
	.hcase .bd li {
		width: 48%;
		margin: 0 0 15px 0;
	}

	.hcase .bd li .pic {
		height: 30vw;
	}

	.thd li a {
		padding: 0;
		text-align: center;
	}

	.thd li.on a,
	.thd li a:hover {
		border-color: #005e5d;
	}

	.hnews .list li h6 {
		line-height: 54px;
	}

	.qkzhih .wrap {
		display: block;
	}

	.uzhibtn {
		display: none;
	}

	.footer .wrap {
		display: block;
	}

	.footer .lt {
		width: auto;
		display: none;
	}

	.footer .rt .flxa {
		display: block;
	}

	.footer .rt .weix {
		margin: 10px 0;
	}

	.footer .rt li p {
		font-size: 14px;
	}

	.footer .copyright .wrap {
		text-align: center;
		padding: 10px 20px;
	}

	.footer .copyright {
		margin-top: 15px;
	}

	.header {
		background: rgba(0, 0, 0, 0.95);
	}

	.layout {
		padding-top: 60px;
		/*position: fixed;*/
		/*left: 0;*/
		/*right: 0;*/
		/*top: 0;*/
		/*z-index: 99;*/
		/*overflow-y: scroll;*/
		/*bottom: 0;*/
		/*overflow-x: hidden;*/
	}

	.hban {
		height: 200px;
	}

	.hban .wrap h2 {
		font-size: 24px;
	}

	.hban .wrap h4 {
		font-size: 18px;
	}

	.ltab {
		display: none;
	}

	.tis .l h2 {
		font-size: 20px;
	}

	.about .pg1 .pic {
		width: auto;
		height:55vw;
		margin-top: 15px;
	}

	.about .pg1 .bg {
	/*	display: block; */
		padding: 15px;
	}

	.about .pg1 .txt {
	/*	width: auto;*/
	}

	.about .pg2 li {
		width: auto;
		margin: 0 0 20px 0;
	}

	.about .pg3 {
		height: auto;
	}

	.about .pg3 .text {
		width: auto;
		margin: 20px 0;
	}

	.about .pg4 .rswipers img {
		height: 30vw;
	}

	.about .pg4 .rswipers {
		margin-top: 20px;
	}

	.about .pg5 .tis {
		display: block;
	}

	.about .pg5 .tis p {
		margin-top: 15px;
	}

	.about .pg5 .zplist li .rhd h4 {
		font-size: 16px;
	}

	.about .pg5 .zplist li .bxdel {
		padding: 20px;
	}

	.case .clist ul li img {
		height: 30vw;
	}

	.case .clist ul li .text h3 {
		font-size: 16px;
	}

	.case .clist ul {
		justify-content: space-between;
	}

	.case .clist ul li {
		width: 48%;
		margin: 0 0 60px 0;
	}

	.footer .rt ul {
		width: auto;
	}

	.pages dd {
		margin: 0 3px;
	}

	.pages dd a {
		font-size: 14px;
	}

	.case .clist {
		margin-bottom: 20px;
		overflow: hidden;
	}

	.crumbs .wrap li a,
	.crumbs .wrap li {
		margin-right: 0;
	}

	.crumbs .wrap ul {
		flex-wrap: wrap;
	}

	.crumbs {
		display: none;
	}

	.casedel .ltc {
		float: none;
		width: auto;
	}

	.casedel .rtc {
		width: auto;
		float: none;
	}

	.casedel .th h1 {
		line-height: 1.5;
		font-size: 18px;
	}

	.casedel .tb h6,
	.casedel .tb h5 {
		margin-left: 20px;
	}

	.casedel {
		padding: 20px 0 0;
	}

	.mprnet {
		margin-top: 20px;
		display: block;
	}

	.mprnet a {
		display: block;
		width: 100%;
		max-width: 100%;
	}

	.casedel .rtc {
		margin-top: 20px;
		margin-bottom: 30px;
	}

	.casedel .rtc h3 {
		font-size: 18px;
		line-height: 50px;
	}

	.contain .hd h1 {
		padding: 10px 0;
		font-size: 18px;
	}

	.contain .hd .flax {
		display: block;
	}

	.contain .hd .flax ul {
		width: auto;
		display: block;
	}

	.contain .hd .flax li {
		width: auto;
	}

	.contain .hd .mwx {
		width: 120px;
	}

	.contain .hd .map {
		height: 220px;
	}

	.contain .bd {
		display: none;
	}

	.contain .cform ul {
		width: auto;
		display: block;
	}

	.contain .cform ul li {
		width: 100%;
		margin: 0 0 10px 0;
	}

	.ufuwu .hd li {
		padding: 25px 0;
	}

	.ufuwu .hd li .wrap {
		display: block;
	}

	.ufuwu .hd li .pic {
		width: auto;
		height: 30vw;
	}

	.ufuwu .hd li .txt {
		width: auto;
	}

	.ufuwu .hd li .txt p {
		margin-top: 10px;
	}

	.ufuwu .bd ul {
		flex-wrap: wrap;
		justify-content: center;
	}

	.ufuwu .bd li {
		width: 46%;
		margin: 0 1.5% 10px;
		height: auto;
		padding: 15px;
	}

	.ufuwu .bd li h4 {
		margin-top: 10px;
	}

	/*.ufuwu .flxa {*/
	/*	display: block;*/
	/*}*/

	/*.ufuwu .fzhin .pic {*/
	/*	width: auto;*/
	/*	height: 30vw;*/
	/*}*/

	/*.ufuwu .fzhin .text {*/
	/*	width: auto;*/
	/*	padding: 15px;*/
	/*}*/

	.fdown .dswipers ul {
		display: block;
		margin-top: 20px;
	}

	.fdown .dswipers ul li {
		width: auto;
		padding: 0 !important;
		border: none !important;
	}

	.fdown .dswipers li h3 {
		line-height: 30px;
	}

	.hezuo ul li {
		width: 32%;
		margin-right: 2% !important;
		margin-bottom: 7px;
		padding-top: 15px;
	}

	.hezuo ul li:nth-child(3n) {
		margin-right: 0 !important;
	}

	.kehu .khd h2 {
		font-size: 20px;
	}

	.kehu .khd h4 {
		font-size: 16px;
	}

	.kehu .khd {
		background-size: auto 15px !important;
	}

	.kehu .kdel {
		padding: 25px 0;
		line-height: 1.8;
	}

	.news .nlist ul {
		justify-content: space-between;
	}

	.news .nlist ul li {
		width: 48%;
		margin: 0 0 10px 0;
	}

	.news .nlist li h2 {
		margin-bottom: 20px;
	}

	.news .nlist li a {
		padding: 15px;
	}

	.news .nlist li img {
		height: 30vw;
		margin-top: 10px;
	}

	.casedel .rtc dd p {
		font-size: 14px;
	}

	.casedel .rtc dd h4 {
		font-size: 16px;
	}

	.product .utab {
		width: auto;
		float: none;
	}

	.plist {
		width: auto;
		float: none;
		margin-top: 20px;
	}

	.product .utab h2 {
		font-size: 20px;
		line-height: 40px;
	}

	.phc {
		padding: 15px;
	}

	.plist .ulistc ul li {
		width: 48%;
		margin: 0 0 10px 0;
	}

	.plist .ulistc li .pic {
		height: 30vw;
	}

	.plist .ulistc li .txc {
		padding: 10px 0;
	}

	.productdel {
		width: auto;
		margin-top: 20px;
	}

	.productdel .hd .pic {
		width: auto;
		height: auto;
	}

	.productdel .hd {
		display: block;
	}

	.productdel .hd .txt {
		width: auto;
		margin-top: 5px;
	}

	.banner .swiper-slide h6 {
		font-size: 24px;
	}

	.banner .swiper-slide h3 {
		font-size: 26px;
	}

	.banner .wrap {
		width: calc(100% - 30px);
	}

	.banner {
		max-height: 60vw;
	}

	.h5none {
		display: none;
	}

	.pcnone {
		display: block;
	}

	.product .utab h2 {
		position: relative;
	}

	.product .utab h2 i {
		background: url(../images/y4-1.png) no-repeat center;
		width: 40px;
		height: 40px;
		position: absolute;
		right: 0;
		display: block;
		top: 0;
		transition: all 0.3s;
	}

	.product .utab h2.on i {
		transform: rotate(90deg);
	}

	.product .utab ul {
		display: none;
	}
	
.pswipers a img{
    height: 30vw;
}
.pswipers a h3{
    font-size: 16px;
}
.footer .rt li p a{
    color: #fff;
}

}



@media only screen and (max-width:768px) {
	.wrap {
		width: auto;
		padding: 0 15px;
	}

	.header .naver .ph {
		display: none;
	}

	.gh {
		display: block;
		right: 20px;
		top: 20px;
	}

	.header .wrap {
		height: 60px;
	}

	html {
		font-size: 16px;
	}

	.header .naver {
		position: absolute;
		left: 0;
		right: 0;
		top: 100%;
		z-index: 11;
		height: calc(100vh - 60px);
		background: rgba(0, 0, 0, 0.95);
		display: none;
	}

	.header .naver ul {
		display: block;
	}

	.header .naver li h3 a {
		display: block;
		line-height: 42px;
		margin: 0 20px;
	}

	.header .naver li {
		border-bottom: 1px solid #666;
		margin-right: 0;
	}

	.header .naver li i {
		position: absolute;
		right: 0;
		top: 0;
		width: 42px;
		height: 42px;
		background: url(../images/y4-1.png) no-repeat center;
		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;
	}

	.header .naver li i.on {
		transform: rotate(90deg);
	}

	.header .naver .nli {
		position: static;
	}

	.header .naver .nli dl::before {
		display: none;
	}

	.header .naver .nli dl {
		border-radius: 0;
		padding: 0 30px;
	}

	.header .naver .nli dd a {
		border-bottom: 1px solid #f1f1f1;
	}

	.header .logo img {
		width: auto;
		height: 40px;
	}

	.header .logo {
		margin-left: 5px;
	}

	.hpad {
		padding: 30px 0;
	}

	.tit h2 {
		font-size: 20px;
	}

	.tit h2 i {
		font-size: 12px;
	}

	.tit {
		padding-bottom: 30px;
	}

	.fexi {
		display: none;
	}

	.habout .flax {
		margin-top: 20px;
	}

	.habout .flax {
		display: block;
	}

	.habout .pic,
	.habout .flax .text {
		width: auto;
	}

	.habout .pic {
		margin-top: 20px;
	}

	.hproduct .hd ul {
		justify-content: space-between;
		white-space: nowrap;
		display: block;
		overflow-x: scroll;
	}

	.hproduct .hd li {
		width: 34%;
		margin: 0 10px 10px 0;
		text-align: center;
		display: inline-block;
	}

	.hproduct .hd li a {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
		border: 1px solid #fff;
	}

	.hproduct .bd li {
		width: 100%;
		margin: 0 0 10px 0;
	}

	.hproduct .bd ul {
		margin-top: 20px;
	}

	.hproduct .bd li a {
		height: 58vw;
	}

	.thd ul {
		justify-content: space-between;
		margin: 20px 0;
	}

	.thd li a {
		border: 1px solid #999;
	}

	.thd li {
		width: 49%;
		margin: 0 0 10px 0;
	}

	.hnews .list ul,
	.hcase .bd ul {
		display: block;
	}

	.hnews .list li,
	.hcase .bd li {
		width: auto;
		margin: 0 0 15px 0;
	}

	.hcase .bd li .pic {
		height: auto;
	}

	.thd li a {
		padding: 0;
		text-align: center;
	}

	.thd li.on a,
	.thd li a:hover {
		border-color: #005e5d;
	}

	.hnews .list li h6 {
		line-height: 54px;
	}

	.qkzhih .wrap {
		display: block;
	}

	.uzhibtn {
		display: none;
	}

	.footer .wrap {
		display: block;
	}

	.footer .lt {
		width: auto;
		display: none;
	}

	.footer .rt .flxa {
		display: block;
	}

	.footer .rt .weix {
		margin: 10px 0;
	}

	.footer .rt li p {
		font-size: 14px;
	}

	.footer .copyright .wrap {
		text-align: center;
		padding: 10px 20px;
	}

	.footer .copyright {
		margin-top: 15px;
	}

	.header {
		background: rgba(0, 0, 0, 0.95);
	}

	.layout {

		padding-top: 60px;
	}

	.hban {
		height: 200px;
	}

	.hban .wrap h2 {
		font-size: 20px;
	}

	.hban .wrap h4 {
		font-size: 16px;
	}

	.ltab {
		display: none;
	}

	.tis .l h2 {
		font-size: 20px;
	}

	.about .pg1 .pic {
		width: auto;
		height: auto;
		margin-top: 15px;
	}

	.about .pg1 .bg {
		display: block;
		padding: 15px;
	}

	.about .pg1 .txt {
		width: auto;
	}

	.about .pg2 li {
		width: auto;
		margin: 0 0 20px 0;
	}

	.about .pg3 {
		height: auto;
	}

	.about .pg3 .text {
		width: auto;
		margin: 20px 0;
	}

	.about .pg4 .rswipers img {
		height: 55vw;
	}

	.about .pg4 .rswipers {
		margin-top: 20px;
	}

	.about .pg5 .tis {
		display: block;
	}

	.about .pg5 .tis p {
		margin-top: 15px;
	}

	.about .pg5 .zplist li .rhd h4 {
		font-size: 16px;
	}

	.about .pg5 .zplist li .bxdel {
		padding: 20px;
	}

	.case .clist ul {
		display: block;
	}

	.case .clist ul li {
		width: auto;
		margin: 0 0 40px 0;
	}

	.case .clist ul li img {
		height: auto;
	}

	.case .clist ul li .text h3 {
		font-size: 16px;
	}

	.footer .rt ul {
		width: auto;
	}

	.pages dd {
		margin: 0 3px;
	}

	.pages dd a {
		font-size: 14px;
	}

	.case .clist {
		margin-bottom: 20px;
		overflow: hidden;
	}

	.crumbs .wrap li a,
	.crumbs .wrap li {
		margin-right: 0;
	}

	.crumbs .wrap ul {
		flex-wrap: wrap;
	}

	.crumbs {
		display: none;
	}

	.casedel .ltc {
		float: none;
		width: auto;
	}

	.casedel .rtc {
		width: auto;
		float: none;
	}

	.casedel .th h1 {
		line-height: 1.5;
		font-size: 18px;
	}

	.casedel .tb h6,
	.casedel .tb h5 {
		margin-left: 20px;
	}

	.casedel {
		padding: 20px 0 0;
	}

	.mprnet {
		margin-top: 20px;
		display: block;
	}

	.mprnet a {
		display: block;
		width: 100%;
		max-width: 100%;
	}

	.casedel .rtc {
		margin-top: 20px;
		margin-bottom: 30px;
	}

	.casedel .rtc h3 {
		font-size: 18px;
		line-height: 50px;
	}

	.contain .hd h1 {
		padding: 10px 0;
		font-size: 18px;
	}

	.contain .hd .flax {
		display: block;
	}

	.contain .hd .flax ul {
		width: auto;
		display: block;
	}

	.contain .hd .flax li {
		width: auto;
	}

	.contain .hd .mwx {
		width: 120px;
	}

	.contain .hd .map {
		height: 220px;
	}

	.contain .bd {
		display: none;
	}

	.contain .cform ul {
		width: auto;
		display: block;
	}

	.contain .cform ul li {
		width: 100%;
		margin: 0 0 10px 0;
	}

	.ufuwu .hd li {
		padding: 25px 0;
	}

	.ufuwu .hd li .wrap {
		display: block;
	}

	.ufuwu .hd li .pic {
		width: auto;
		height: auto;
	}

	.ufuwu .hd li .txt {
		width: auto;
	}

	.ufuwu .hd li .txt p {
		margin-top: 10px;
	}

	.ufuwu .bd ul {
		flex-wrap: wrap;
		justify-content: center;
	}

	.ufuwu .bd li {
		width: 46%;
		margin: 0 1.5% 10px;
		height: auto;
		padding: 15px;
	}

	.ufuwu .bd li h4 {
		margin-top: 10px;
	}

	.ufuwu .flxa {
		display: block;
	}

	.ufuwu .fzhin .pic {
		width: auto;
		height: auto;
	}

	.ufuwu .fzhin .text {
		width: auto;
		padding: 15px;
	}

	.fdown .dswipers ul {
		display: block;
		margin-top: 20px;
	}

	.fdown .dswipers ul li {
		width: auto;
		padding: 0 !important;
		border: none !important;
	}

	.fdown .dswipers li h3 {
		line-height: 30px;
	}

	.hezuo ul li {
		width: 32%;
		margin-right: 2% !important;
		margin-bottom: 7px;
		padding-top: 15px;
	}

	.hezuo ul li:nth-child(3n) {
		margin-right: 0 !important;
	}

	.kehu .khd h2 {
		font-size: 20px;
	}

	.kehu .khd h4 {
		font-size: 16px;
	}

	.kehu .khd {
		background-size: auto 15px !important;
	}

	.kehu .kdel {
		padding: 25px 0;
		line-height: 1.8;
	}

	.news .nlist ul {
		display: block;
	}

	.news .nlist ul li {
		width: auto;
		margin: 0 0 10px 0;
	}

	.news .nlist li h2 {
		height: auto;
	}

	.news .nlist li a {
		padding: 15px;
	}

	.news .nlist li img {
		height: auto;
		margin-top: 10px;
	}

	.casedel .rtc dd p {
		font-size: 14px;
	}

	.casedel .rtc dd h4 {
		font-size: 16px;
	}

	.product .utab {
		width: auto;
		float: none;
	}

	.plist {
		width: auto;
		float: none;
		margin-top: 20px;
	}

	.product .utab h2 {
		font-size: 20px;
		line-height: 40px;
	}

	.phc {
		padding: 15px;
	}

	.plist .ulistc ul {
		display: block;
	}

	.plist .ulistc ul li {
		width: auto;
		margin: 0 0 10px 0;
	}

	.plist .ulistc li .pic {
		height: auto;
	}

	.plist .ulistc li .txc {
		padding: 10px 0;
	}

	.productdel {
		width: auto;
		margin-top: 20px;
	}

	.productdel .hd .pic {
		width: auto;
		height: auto;
	}

	.productdel .hd {
		display: block;
	}

	.productdel .hd .txt {
		width: auto;
		margin-top: 5px;
	}

	.banner .swiper-slide h6 {
		font-size: 12px;
	}

	.banner .swiper-slide h3 {
		font-size: 16px;
	}

	.banner .wrap {
		width: calc(100% - 30px);
	}

	.banner {
		max-height: 60vw;
	}

	.h5none {
		display: none;
	}

	.pcnone {
		display: block;
	}

	.product .utab h2 {
		position: relative;
	}

	.product .utab h2 i {
		background: url(../images/y4-1.png) no-repeat center;
		width: 40px;
		height: 40px;
		position: absolute;
		right: 0;
		display: block;
		top: 0;
		transition: all 0.3s;
	}

	.product .utab h2.on i {
		transform: rotate(90deg);
	}

	.product .utab ul {
		display: none;
	}

	.footer .rt li p a {
		color: #fff !important;
	}

	.pagination a {
		padding: 3px 6px;
		font-size: 12px;
	}

	.pagination span {
		padding: 3px 7px;
	}
    
    .product .utab .phc{
        display: none;
    }
    .hnews .list ul, 
    .hcase .bd ul,
    .hproduct .bd ul{
        height: auto;overflow-y: initial;
    }
    .habout .flax {
		display: block;
	}
	.about .pg5 .tis .r{
	    margin-top: 0;
	}

	.habout .pic,
	.habout .flax .text {
		width: auto;
	}
    .pswipers a img{
         height: auto;
    }
}