/*pad*/

img {
	max-width: 100%;
}

#gh {
	float: right;
	height: 30px;
	width: 42px;
	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: #e62d38;
	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: #ffb500;
	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: 12px;
}

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

.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: #ffb500;
}

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

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


@media only screen and (max-width:1540px) {
	.header .rts .kword{
		width: 10rem;
		margin-right: 1rem;
	}
}
@media only screen and (max-width:980px) {
	#input{
width: 75%; height: 3.1rem; border: 1px solid #135fb5;  padding-left:1rem ; font-size:1rem;	
}
.new{
	 
	  left: 3rem;
	  
}

	.header{
		position: fixed;
		left: 0;right: 0;
		top: 0;
		z-index: 11111;
		background: #fff;
		height: 65px;
	}
	.wrap{
		width: auto;padding: 0 20px;
	}
	.header .logo{
		height: 65px;
	}
	.header .rts{
		position: absolute;
		left: 0;right: 0;
		top: 100%;
		z-index: 1111;
		float: none;
		width: auto;
		display: none;    background: rgba(17,94,182,1);
	}
	.header .rts .nav{
		float: none;
		width: auto;
	}
	.header .rts .nav ul{
		display: block;
	}
	.header .rts .kword{
		display: none;
	}
	.header .rts .nav ul li{
		width: auto !important;
	}
	.header .rts .nav ul li h3 i{
		display: none;
	}
	html{
		font-size: 12px !important;
	}
	.header .rts .nav ul li h3 a{
		line-height: 40px;font-size: 16px;text-align: left;padding: 0 20px;
	}
	.header .logo{
		width: 40%;
	}
	.header .logo img{
		max-width: 100%;
	}
	.gh{
		display: block;
		right: 20px;
		top: 24px;
	}
	.fbanner li{
		height: 300px;
	}
	.fbanner li .text h2{
		font-size: 20px;
	}
	.layout{
		padding-top: 65px;
	}
	.fbanner li .text .ico{
		height: 20px;
	}
	.fbanner li .text{
		left: 20px;margin-top: -100px;
	}
	.fhpage1 .rt,
	.fhpage1 .lt{
		float: none;
		width:auto;
		margin: 0;
	}
	.fhpage1 .rt{
		margin-top: 20px;
	}
	.fhabout .lt{
		float: none;
		width: auto;
	}
	.fhabout .rt{
		float: none;width: auto;
		padding: 30px;
	}
	.fhabout .rt .txt h2{
		font-size: 20px;
	}
	.fhpage2{
		padding: 30px 0;
	}
	.fhproduct .rt,
	.fhproduct .lt,
	.fhpage2 .rt,
	.fhpage2 .lt{
		float: none;
		width: auto;
	}
	.fhpage2 .rt ul li h3{
		font-size: 20px;
	}
	.fhpage2 .rt ul li h2{
		font-size: 30px;
		margin-top: 40px;
		padding-top: 40px;
	}
	.fhbrand,
	.fhproduct{
		padding: 30px 0;
	}
	.fhproduct .lt .list{
		margin-top: 30px;
	}
	.fhproduct .lt .list li a{
		line-height: 40px;
	}
	.fhproduct .lt .list li{
		margin-bottom: 10px;
	}
	.ftit h2{
		font-size: 30px;
	}
	.fhproduct .rt .page ul{
		padding: 0;border: 1px solid #dbdcdc;
	}
	.fhproduct .rt .page ul li{
		width: 33.33%;
	}
	.fhproduct .rt .list{
		height: auto;
		padding: 0;overflow: hidden;
	}
	.fhproduct .rt .list ul li .imgs{
		height: 100px;
	}
	.fhproduct .rt .list ul li {
	    margin-right: 10px;
	    width: calc((100% - 10px)/2);
	    margin-bottom: 10px;
		float: left;
	}
	.fhproduct .rt .list ul li:nth-child(3n){
		margin-right: 10px;
	}
	.fhproduct .rt .list ul li:nth-child(2n){
		float: right;margin-right: 0;
	}
	.fhbrand .brandsw{
		width: auto;
		
	}
	.fhnews{
		padding: 30px 0;
	}
	.fhnews .rt,
	.fhnews .lt{
		float: none;
		width: auto;
	}
	.fhnews .lt .imgs a{
		padding: 15px;
	}
	.fhnews .lt .imgs .txt{
		margin-top: 0;
	}
	.fhnews .lt .imgs .txt .fnext{
		margin-top: 10px;
	}
	.fhnews .lt .imgs{
		height: auto;
	}
	.fhnews .rt{
		margin-top: 10px;
	}
	.footer .fcen ul li{
		margin: 0;width: 49%;
		margin-bottom: 10px;
	}
	.footer .fcen ul li:last-child{
		display: block;
	}
	.footer .fcen ul{
		justify-content: space-between;
	}
	.footer .fcen{
		/* display: none; */
		padding: 20px 0;
	}
	.footer .fcen ul li .txt h5{
		font-size: 16px;line-height: 1.6;
	}
	.footer .fcen ul li .txt p,
	.footer .fcen ul li .txt h4{
		font-size: 14px;
		line-height: 1.6;
	}
	.footer .fcen ul li .txt .wx{
		width: 100px;
		height: auto;
		margin-top: 10px;
	}
	.footer .copyright a{
		padding: 20px 0;
	}
	.unrt,
	.unlt{
		float: none;width: auto;
	}
	.unlt .hd{
		padding: 10px 0;
	}
	.unlt li a{
		line-height: 40px;
	}
	.unlt ul{
		margin-top: 0;
	}
	.fbanner li{
		height: 260px;
	}
	.utit h2{
		font-size: 30px;
	}
	.inlist li{
		padding: 20px;
		display: block;
		margin-bottom: 20px;
	}
	.inlist li .txt,
	.inlist li .pic{
		width: auto;
		padding: 0;
	}
	.inlist li .txt{
		margin-top: 20px;
	}
	.inlist li .pic:before{
		display: none;
	}
	.inlist li .txt{
		font-size: 14px;
	}
	.inlist h6{
		font-size: 16px;
	}
	.unews{
		padding: 30px 0;
	}
	.jishu .unrt{
		width: auto;
		margin-top: 20px;
	}
	.jishu .unrt .jlists li a{
		font-size: 14px;
		line-height: 40px;
	}
	.unlt .hd h3{
		font-size: 18px;
	}
	.unlt .uph a h6{
		font-size: 16px;
	}
	.ujoindel{
		padding: 30px 0;
	}
	.ujoindel .hd h2{
		font-size: 20px;
	}
	.unews .nlist li a{
		padding: 15px;
	}
	.unews .nlist li .pic{
		width: auto;
	}
	.unews .nlist li a{
		display: block;
	}
	.unews .nlist li .text{
		height: auto;width: auto;
		display: block;margin-top: 10px;
	}
	.unews .nlist li .text h6{
		position: static;
		font-size: 14px;
	}
	.unews .nlist li .text p{
		max-width: inherit;
		font-size: 16px;
	}
	.unews .nlist li{
		margin-bottom: 20px;
	}
	.newsdel{
		padding: 10px 0;
	}
	.crumbs dd a{
		line-height: 30px;
	}
	.newsdel .nedel{
		width: auto;
		float: none;
	}
	.newsdel .nert{
		float: none;
		width: auto;
		margin-top: 10px;
	}
	.newsdel .nert dt{
		font-size: 14px;
		line-height: 40px;
	}
	.newsdel .nert dd a{
		font-size: 14px;
		line-height: 30px;
	}
	.newsdel .deltxt{
		font-size: 14px;
	}
	.fnav .list ul li a{
		font-size: 16px;
	}
	.fnav .list ul li{
		display: inline-block;
		float: none;
	}
	.fnav .list ul{
		white-space: nowrap;
		overflow-y: hidden;
		overflow-x: scroll;
	}
	.fnav{
		margin-top: 20px;
	}
	.fabout .fpage1{
		padding: 30px 0;
	}
	.fabout .fpage1 .text,
	.fabout .fpage1 .imgs{
		float: none;
		width: auto;
	}
	.fabout .fpage1 .ftlt{
		text-align: left;
		margin-top: 15px;
	}
	.fabout .fpage1 .text .txt{
		margin-top: 8px;
	}
	.fpage2{
		padding: 30px 0;
	}
	.fpage2 .vos .txt{
		margin-top: 0;
		float: none;
		width: auto;
	}
	.fpage2 .vos .imgs{
		float: none;
		width: auto;
		margin-top: 10px;
	}
	.fpage2 .vos{
		display: block;
	}
	.fpage2 .vos .txt .te{
		margin-top: 10px;
	}
	.ftlt{
		padding-bottom: 10px;
	}
	.fpage2 .list ul li{
		width: 50%;margin-bottom: 10px;
	}
	.fpage2 .list ul li:nth-child(2n):before{
		display: none;
	}
	.fpage3 .rt,
	.fpage3 .lt{
		float: none;
		width: auto;
		margin-top: 0;
	}
	.fpage3{
		padding: 30px 0;
	}
	.fpage3 .lt .del{
		margin-top: 20px;
	}
	.fpage4{
		padding: 30px 0;
	}
	.fpage4 .info .del{
		margin-top: 20px;
	}
	.fpage5 .wrap{
		padding: 30px 20px;
	}
	.fpage5 .y{
		display: none;
	}
	.fpage5 .imgs{
		position: static;
		height: auto;
	}
	.fpage5 .imgs img{
		height: auto;
	}
	.fpage5 .text .te h2{
		font-size: 36px;
	}
	.fpage6{
		padding: 30px 0;
	}
	.fpage6 .list li .te{
		padding-right: 0;
		width: auto;    padding-left:60px !important;
		float: none !important;
	}
	.fpage6 .list::before{
		display: none;
	}
	.fpage6 .list li .te h3::before{
		transform: translateY(-50%) rotate(180deg);
		    -ms-transform: translateY(-50%) rotate(180deg);
		    -moz-transform: translateY(-50%) rotate(180deg);
		    -webkit-transform: translateY(-50%) rotate(180deg);
		    -o-transform: translateY(-50%) rotate(180deg);
		    right: auto;
		    left: -1.5425rem;
		    top: 50%;
	}
	.fpage6 .list li h5{
		left: 0;right: auto;
	}
	.fpage6 .list li .te h3{
		float: none !important;
	}
	.fpage7 .honors .list li{
		margin: 0 0 10px !important;width: auto;
	}
	.fpage7 .honors .list ul{
		display: block;
	}
	.fpage7 .honors .list li .img{
		height: auto !important;width: auto !important;
	}
	.fpage7 .honors .list li .txt{
		margin-top: 10px ;
	}
	.fpage7 .honors .list{
		margin-top: 15px;
	}
	.fpage8{
		padding: 30px 0 10px;
	}
	.fpage8 .list li{
		width: auto;
		padding: 0;
		margin-bottom: 20px;
		padding-bottom: 20px;
	}
	.fpage8 .list ul{
		display: block;
	}
	.footer .x{
		display: none;
	}
	.uban{
		height: auto;
	}
	.product .ptabs{
		float: none;
		width: auto;
	}
	.product .ptabs ul{
		overflow: hidden;
	}
	.product .ptabs li{
		float: left;width: 25%;
		height: 80px;background: #fff;
	}
	.product .ptabs li a{
		height: 100%;
	}
	.product .ptabs li a img{
		height: 100%;width: 100%;
		object-fit: contain;
	}
	.product .prt{
		margin-top: 20px;
		float: none;
		width: auto;
	}
	.product .hd li label{
		font-size: 14px;
		float: none;
		width: auto;
		display: block;
		line-height: 30px;
	}
	.product .hd li{
		display: block;
	}
	.product .hd li .lrt{
		width: auto;
		padding: 0 10px;
	}
	.product .hd li{
		padding-right: 0;
	}
	.product .hd li .lrt dl{
		padding: 0 10px;
	}
	.product .hd li h4,
	.product .hd li .lrt dd a{
		font-size: 14px;
		line-height: 30px;
	}
	.crumbs dl{
		font-size: 14px;
	}
	.product .hd li h4{
		float: none;
	}
	.product .hd li .lrt dl{
		padding: 0;
	}
	.product .bd{
		height: auto;
		overflow: hidden;
	}
	.product .bd li{
		width: 49%;
		margin: 0 0 10px;
	}
	.product .bd li:nth-child(2n){
		float: right;
	}
	.product .bd li h5{
		font-size: 14px;
		line-height: 1.7;
		word-break:keep-all;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
	}
	.product{
		padding: 30px 0;
		margin: 0;
	}
	.deltxt .textc,
	.deltxt .pic{
		float: none;
		width: auto;
		height: auto;
	}
	.deltxt .textc p{
		font-size: 14px;
	}
	.deltxt .textc .btn{
		font-size: 14px;
		width: 120px;
		line-height: 36px;
		margin-top: 15px;
	}
	.deltxt .textc{
		margin-top: 10px;
	}
	.fhnews .lt .list li h6,
	.fhproduct .rt .list ul li p,
	.fhproduct .rt .page ul li a{
		font-size: 14px;
	}
	.newsdel .nedel .hd h5,
	.fhnews .lt .list li p{
		font-size: 12px;
	}
	
	.fhnews .lt .imgs .txt h6{
		font-size: 14px;
	}
	.header .nav li span.on{
		transform:rotate(90deg);
		-ms-transform:rotate(90deg);  /* IE 9 */
		-moz-transform:rotate(90deg);     /* Firefox */
		-webkit-transform:rotate(90deg); /* Safari 和 Chrome */
		-o-transform:rotate(90deg);
	}
	.header .nav li span{
		   position: absolute;
		   right: 0;top: 0;
		   width: 40px;height: 40px;
		   display: block;
		   background: url(../images/qm30-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 .rts .nav ul li .nli{
		   position: static;background: none;
	   }
	   .header .rts .nav ul li dd a{
		   font-size: 14px;line-height: 2;
	   }
	   .header .rts .nav ul li dl{
		   padding: 5px 20px;
	   }
	.fhpage2 .lt{
		padding: 20px 0 20px 20px;
	}
	.fhpage2{
		padding: 0;
	}
	.fhpage2 .rt ul{
		display: block;
	}
	.fhpage2 .rt li{
		width: auto !important;
		padding:20px 20px 130px !important;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
		background: rgba(19,95,181,0.8);
		margin: 0 20px 10px;
	}
	.fhpage2 .rt ul li h3{
		    width: auto;
	}
	.fhpage2 .rt ul li .txt {
	    display: block;
	}
	.fhpage2 .rt ul li h2 {
	    position: absolute;
	    left: 0;
	    right: 0;
	    bottom: 20px !important;
	    font-size: 10rem !important;
	    border: none;
	    margin: 0;
	    padding: 0;
	    width: auto;
	    color: rgba(255,255,255,0.5);
	    line-height: 0.8em;
	}
	
	.porduct2 .bd{
		   display: block;
	   }
	   .porduct2 .bd .rtxc,
	   .porduct2 .bd .ults{
		   width: auto;
	   }
	   .porduct2 .bd .rtxc{
		   margin-top: 20px;
	   }
	   .porduct2 .bd .rtxc .text,
	.porduct2 .bd .rtxc .pic{
		float: none;width: auto;
	}
	.porduct2{
		margin-top: 20px;
	}
	.tables{
		overflow-x: scroll;
	}
	.porduct2 .bd .tables table{
		width: 1000px;
	}
	
	
	
}