/*pad*/

img {
	max-width: 100%;
}

#gh {
	float: right;
	height: 30px;
	width: 56px;
	left: 50%;
	top: 0;
	position: absolute;
	transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-webkit-transition: all 0.5s cubic-bezier(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: #158cd0;
	display: block;
	height: 4px;
	margin-top: -2px;
	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,
#gh a:before {
	background-color: #158cd0;;
	content: "";
	display: block;
	height: 4px;
	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;
	width: 100%;
	border-radius: 2px;
}

#gh a:after {
	top: 18px;
}

#gh a:before {
	top: -18px;
}

.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);
	background: #158cd0;
}

.selected #gh a:after {
	transform: translateY(0px) rotate(45deg);
	-webkit-transform: translateY(0px) rotate(45deg);
	-ms-transform: translateY(0px) rotate(45deg);
	background: #158cd0;
}

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

.selected .header {
	overflow: visible;
}

.selected .header .nav {
	display: block;
	z-index: 111;
	position: absolute;
	left: 0;
	top: 80px;
	right: 0;
	margin: 0;
}

.selected .header .nav li a {
	text-align: center;
	width: auto;
	display: block;
	background: rgba(255, 255, 255, 0.9);
	margin: auto;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	line-height: 50px;
	padding: 0;
}

.selected .header .nav li a {
	color: #000000;
}

.selected .header .nav .selected a {
	border-bottom-color: #73e5b1;
}


@media only screen and (max-width:1240px) {
	.warp{
		width: auto;
	}
	.layout{
		width: 750px;margin: 0 auto;background: #fff;overflow: hidden;
	}
	body{
		background: #333;
	}
	.header .logo{
		float: none;margin: 0;padding-top: 25px;margin-left: 30px;
	}
	.header{
		height: 100px;position: relative;
	}
	.header .h-nav li{
		display: block;margin: 0;padding: 0;
	}
	.header .h-nav{
		float: none;width: auto;margin: 0;position: absolute;left: 0;right: 0;top: 100px;z-index: 1111;background: #fff;display: none;
	}
	.header{
		overflow: initial;
	}
	.header .search_wrap{
		display: none;
	}
	.header form{
		display: none;
	}
	#gh{
		display: block;left: auto;right: 30px;top: 30px;
	}
	.header .h-nav ul{
		padding-bottom: 60px;box-shadow: 0 3px 3px 1px rgba(230,230,230,1);
	}
	.header .h-nav li a{
		line-height: 2.4;font-size: 36px;text-align: center;
	}
	.header .h-nav li{
		border-bottom: 1px solid #eee;
	}
	.header .h-nav li:last-child{
		border-bottom: none;
	}
	.h-product{
		padding-top: 0;
	}
	.h-product .title{
		height: 80px;
	}
	.h-product .title h2{
		line-height: 80px;
	}
	.h-product .title .more{
		margin-top: 15px;line-height: 48px;height: 48px;width:150px;
	}
	.h-product .title span{
		padding-right: 35px;
	}
	.h-product .main .hd{
		width: auto;float: none;
	}
	.h-product .main .hd li{
		display: inline-block;
	}
	.h-product .main .hd ul{
		display: table;overflow: hidden;
	}
	.h-product .main .hd{
		white-space: nowrap;
	    overflow-x: scroll;
	    overflow-y: hidden;
	}
	.h-product .main .hd li a{
		padding-right: 20px;
	}
	.h-product .main .bd ul{
		width: auto;
	}
	.h-product .main .bd li{
		width: 50%;margin: 0;text-align: center;padding: 0 10px;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;border:1px solid #eee;padding-bottom: 20px;
	}
	.h-product .main .bd{
		width: auto;float: none;
	}
	.h-product .main .bd li .img{
		margin: 0 auto;width: 280px;height: 211px;
	}
	.h-product .main .bd li h3{
		font-size: 28px;
	}
	.h-product .main .hd li a{
		font-size: 26px;
	}
	.h-brand h2{
		font-size:38px ;
	}
	.h-brand p{
		font-size: 24px;padding: 0 30px;line-height:2;
	}
	.h-brand .table table td{
		float: none;width: auto;height: auto;
	}
	.h-brand .table table td:nth-child(4),
	.h-brand .table table td:nth-child(5),
	.h-brand .table table td:nth-child(6){
		display: none;
	}
	.h-product .main{
		border-bottom: none;
	}
	.h-brand .table{
		margin:30px;
	}
	.h-about li{
		margin: 0;float: none;width: auto;margin: 0 30px;border: 1px solid #eee;padding-bottom: 20px;margin-bottom: 20px;
	}
	.h-about li .text{
		box-shadow: none;
	}
	.h-about li h3{
		text-align: center;font-size: 38px;margin-bottom: 10px;
	}
	.h-about li .img{
		width: auto;height: auto;
	}
	.h-about li .txt{
		margin-top: 10px;
	}
	.h-about li h4{
		font-size: 30px;width: auto;line-height: 1.6;
	}
	.h-about li p{
		font-size: 28px;line-height: 1.5;
	}
	.h-about li .btn{
		font-size: 32px;margin-top: 30px;line-height: 1.4;
	}
	.h-about li h6{
		font-size: 28px;
	}
	.footer dl{
		float: left;width: 50%;
	}
	.footer{
		padding: 30px;
	}
	.footer dt{
		font-size: 28px;line-height: 2;
	}
	.footer dd a{
		line-height: 2;font-size: 24px;
	}
	.footer dl{
		margin-bottom: 30px;
	}
	.footer dd p{
		font-size: 24px;line-height: 1.5;
	}
	.footer dl.d2,
	.footer dl.d1{
		width: auto;
	}
	.footer li{
		font-size: 26px;line-height: 1.6;margin: 0 10px;
	}
	.footer li a{
		width: 36px;height: 36px;display: block;
	}
	.footer li a img{
		width: 100%;height: 100%;display: block;
	}
	.footer ul{
		margin-top: 20px;
	}
	.copyright{
		font-size: 24px;padding: 5px 30px;line-height: 1.6;
	}
	.footer{
		padding-bottom: 0;
	}
	.uit-top .warp{
		
	}
	.uit-top h2{
		font-size: 26px;
	}
	.uit-top dd span,
	.uit-top dd a{
		font-size: 24px;
	}
	.pro-main .hd h3{
		font-size: 30px;float: none;width: auto;
	}
	.pro-main .hd .slul{
		width: auto;
	}
	.pro-main .hd{
		height: auto;
	}
	.pro-main .hd li{
		float: none;display: inline-block;
	}
	.pro-main .hd ul{
		display: table;
	}
	.pro-main .hd .slul{
		white-space: nowrap;
	    overflow-x: scroll;
	    overflow-y: hidden;float: none;
	}
	.pro-main .hd li a{
		font-size: 28px;padding-right: 30px;line-height: 2.2;
	}
	.pro-main .hd li{
		width: auto;
	}
	.pro-main .bd li .img{
		width: 30%;height: auto;margin-top: 20px;
	}
	.pro-main .bd li .txt{
		margin: 0;padding: 10px;width: 70%;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
	}
	.pro-main .bd li .txt p{
		width: auto;
	}
	.pro-main .bd li .txt h3{
		font-size: 28px;
	}
	.pro-main .bd li .txt p{
		font-size: 24px;line-height: 34px;height:102px ;overflow: hidden;
	}
	.pro-main .bd li .btn{
		margin: 0;
	}
	.pro-main .bd li .btn{
		display: none;
	}
	.uit-page .pre span,
	.uit-page .cen,
	.uit-page .nex span{
		font-size: 28px;line-height: 1.7;
	}
	.uit-page .pre a,
	.uit-page .nex a{
		height: auto;
	}
	.pro-main{
		padding-bottom: 60px;
	}
	.pro-deta .det-hd .txt{
		margin: 0;padding: 10px;width: 70%;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
	}
	.pro-deta .det-hd .txt p{
		width: auto;
	}
	.pro-deta .det-hd .txt h3{
		font-size: 28px;
	}
	.pro-deta .det-hd .txt p{
		font-size: 24px;line-height: 34px;height:102px ;overflow: hidden;
	}
	.pro-deta .det-hd{
		background: #fff;padding: 0 30px;
	}
	.uit-detas .nav li a{
		font-size: 28px;line-height: 60px;
	}
	.uit-detas .nav{
		height: 62px;
	}
	.uit-detas .nav li:hover a::after, .uit-detas .nav li.on a::after{
		bottom: -23px;
	}
	.uit-detas .bds dt{
		font-size: 26px;
	}
	.uit-detas .bds{
		padding: 0 30px;
	}
	.uit-detas .bds dd{
		font-size: 26px;line-height: 2;
	}
	.zx-menu{
		width: auto;float: none;padding: 0 30px;
	}
	.zx-menu h3 span{
		line-height: 66px;font-size: 28px;background-position: right 15px center !important;
	}
	.zx-menu h3{
		height: auto;border-bottom: none;
	}
	.zx-menu li a{
		font-size: 26px;
	}
	.zx-menu li{
		border-bottom: 1px solid #eee;
	}
	.zx-menu ul{
		background: #fff;margin-bottom: 20px;
	}
	.zx-main .lists li{
		width:333px;margin: 0;border: 1px solid #eee;margin-right: 20px;margin-bottom: 20px;padding-bottom: 20px;
	}
	.zx-main .lists{
		width: auto;margin-left: 30px;
	}
	.zx-main .lists li .img{
		width: auto;height: auto;
	}
	.zx-main .lists li h4{
		font-size: 28px;line-height: 40px;height: 40px; word-break:keep-all;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
	}
	.zx-main .lists li p{
		font-size: 28px;line-height: 40px;height: 40px; word-break:keep-all;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
	}
	.zx-deta{
		width: auto;
	}
	.zx-deta .top .img{
		width: 30%;margin-top: 20px;
	}
	.zx-deta .top .txt{
		width: 70%;margin: 0;
	}
	.zx-deta .top .txt h2{
		font-size: 36px;
	}
	.zx-deta .top .txt h3{
		font-size: 28px;line-height: 1.6;
	}
	.zx-deta .top .txt p{
		font-size: 26px;line-height: 1.6;
	}
	.zx-deta .top .btn .b1{
		margin-top: 10px;
	}
	.zx-deta .top .btn .b1{
		font-size: 22px;line-height: 2;height: auto;
	}
	.uit-top .navs li a{
		font-size: 28px;
	}
	.uit-top .navs li{
		float: none;display: inline-block;
	}
	.uit-top .navs ul{
		display: table;
	}
	.uit-top .navs{
		white-space: nowrap;
	    overflow-x: scroll;
	    overflow-y: hidden;float: none;padding: 0 30px;border-bottom: 1px solid #eee;
	}
	.uit-top dl{
		float: none;padding: 0 30px;border-bottom: 1px solid #eee;
	}
	.uit-top{
		height: auto;border-bottom: none;
	}
	.gs-dyna{
		padding: 0 30px;
	}
	.gs-dyna ul{
		overflow: hidden;
	}
	.gs-dyna li{
		border: 1px solid #eee;width:auto ;margin-right: 20px;margin-bottom: 20px;padding: 0;float: none;padding-bottom: 30px;
	}
	.gs-dyna li .img{
		float: none;width: auto;height: auto;
	}
	.gs-dyna li .txt{
		padding: 0 15px;margin: 0;width: auto;float: none;
	}
	.gs-dyna li .txt h3{
		font-size: 26px;line-height: 36px;height: 36px; word-break:keep-all;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;margin-top: 10px;margin-bottom: 20px;
	}
	.gs-dyna li .txt p{
		font-size: 24px;line-height: 1.4;
	}
	.gs-dyna li .date{
		display: none;
	}
	.gs-dyna{
		padding-bottom: 30px;
	}
	.gs-deta .hds h2{
		font-size: 36px;padding: 0 30px;height: 60px;line-height: 60px;word-break:keep-all;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
	}
	.gs-deta .hds li{
		font-size: 24px;line-height: 2;background-size: auto 30px !important;padding-left: 40px !important;margin-top: 10px;
	}
	.gs-deta .hds li.n2{
		width: auto;
	}
	.gs-deta .hds{
		height: auto;padding-bottom: 20px;
	}
	.gs-deta .text{
		padding: 0 30px;
	}
	.gs-deta .text p{
		font-size: 24px;line-height: 1.7;
	}
	.gs-deta{
		padding-bottom: 40px;
	}
	.abo-table table tr td:nth-child(5){
		display: none;
	}
	.jd-list li .img{
		float: none;width: auto;height: auto;
	}
	.jd-list li{
		background: #fff;margin: 30px;border: 1px solid #eee;
	}
	.jd-list li .txt h3{
		font-size: 28px;line-height: 2;
	}
	/*.jd-list li .txt span{
		display: none;
	}*/
	.jd-list li .txt dd{
		font-size: 26px;line-height: 2;
	}
	.sus-deta .page{
		margin: 0 30px;margin-top: 30px;
	}
	.sus-deta .page .pre,
	.sus-deta .page .cent,
	.sus-deta .page .nex{
		width: 60px;height: 60px;background-size: cover;
	}
	.intro-js h2{
		font-size: 32px;text-align: center;
	}
	.intro-js p{
		font-size: 26px;line-height: 1.7;
	}
	.intro-js{
		padding:30px;
	}
	.oper-jy .img{
		width: auto;height: auto;
	}
	.oper-jy{
		padding:30px;
	}
	.oper-jy .bds li{
		float: none;width: auto;border-bottom: 1px solid #fff;height: auto;margin: 0;margin-bottom: 10px;
	}
	.oper-jy .bds li h3{
		font-size: 26px;line-height: 1.4;padding-top: 15px;
	}
	/*.oper-jy .bds li span{
		display: none;
	}*/
	.oper-jy .bds li p{
		font-size: 24px;line-height: 1.6;margin-top: 20px;
	}
	
	.sustain li p{
		font-size: 24px;
	}
	.sustain li p span{
		font-size: 24px;
	}
	.sustain li .btns{
		font-size: 20px;
	}
	.lx-recru .hl li,
	.lx-recru .hds li{
		font-size: 24px;line-height: 70px;
	}
	.lx-recru li{
		width: 25% !important;margin: 0;text-align: center !important;
	}
	.lx-recru .hds{
		padding-left: 0;height: 70px;
	}
	.lx-recru .hl{
		padding: 0;height: 70px;
	}
	.lx-recru .bl{
		margin: 0;padding-left: 40px;padding-right: 40px;
	}
	.lx-recru .bl h2{
		font-size: 28px;
	}
	.lx-recru .bl p{
		font-size: 24px;line-height: 1.7;
	}
	.lx-recru .bl .td{
		width: 220px;height: 52px;line-height: 52px;font-size:24px ;
	}
	.uit-top.pd30 .warp{
		padding: 0 30px;
	}
	.uit-top h2{
		margin-right: 20px;
	}
	.brand-list{
		float: none;width: auto;margin:30px;
	}
	.brand-list table td:nth-child(4){
		display: none;
	}
	.brand-list table td{
		width: 230px;
	}
	.zx-main{
		padding-bottom: 30px;
	}
	
	.consult .d1 li label,
	.consult .d1 h3{
		font-size: 22px;
	}
	.consult .d1 li input[type="radio"],input[type="checkbox"]{
		transform: scale(1.4);width: 20px;
	}
	.consult .d3 li label,
	.consult .d2 label{
		font-size: 24px;
	}
	.consult .d3 li{
		float: none;width: auto;
	}
	.consult dl{
		padding: 0 30px;
	}
	.consult .d3 li{
		height: 60px;line-height: 60px;margin-bottom: 20px;
	}
	.consult .d3{
		margin-bottom: 0;
	}
	.consult .d2 label,
	.consult .d3 li label{
		background-size: auto 26px !important;padding-left: 36px;
	}
	.consult .d3 li{
		padding-left: 20px;margin-right: 0;
	}
	.consult .d2 li .txt,
	.consult .d3 li .txt{
		line-height: 60px;font-size: 24px;
	}
	.consult .btn .sub{
		width: 220px;height: 60px;line-height: 60px;font-size: 24px;
	}
	.datum-main .dat-bds li p span,
	.datum-main .dat-bds li p{
		font-size: 24px;
	}
	.consult .d2 .text{
		height: auto;font-size: 24px;margin-top: 10px;
	}
	.footer{
		background: #fff;border-top: 1px solid #ddd;
	}
	.abo-table .list{
		overflow: hidden;padding: 0 35px;
	}
	.abo-table .list ul{
		margin-bottom: 0;
	}
	.abo-table .list li{
		margin-right: 15px;margin-bottom: 10px;
	}
	.h-brand .table table tr:nth-child(3),
	.h-brand .table table tr:nth-child(4),
	.h-brand .table table tr:nth-child(2){
		display: none;
	}
	.oper-jy .bds li .span{
		margin-top: 8px;
	}
	
}