/*pad*/

img {
	max-width: 100%;
}
.gh{
	height: 40px;
	width: 56px;
	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: #333;
	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: 56px;
	border-radius: 2px;
}
.gh a:after{
	width:56px;
}
.gh a:before{
	width: 56px;
}
.gh a:after,
.gh a:before {
	background-color: #333;
	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: 14px;
}

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

.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: #333;width: 100%;
}

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

.selected .gh a {
	background-color: transparent !important;
}
@media only screen and (max-width:1680px){
	.crap{
		width: 1200px;
	}
	.cfwl li{
		width: calc((100% - 62px)/3);margin-right: 30px;margin-bottom: 30px;
	}
	.cfwl ul{
		padding: 0 20px;
	}
	.cfwl{
		padding: 80px 0;
	}
	.contact .form{
		padding: 80px 0;text-align: center;
	}
	.contact .form li{
		margin-right: 0;margin-bottom: 20px;
	}
	.contact .form .t1{
		width: 358px;
	}
	.contact .form .t2{
		width: 742px;height: 200px;line-height: 1.7;padding: 20px;
	}
	.contact .form li{
		float: none;
	}
	.contact .form .crap{
		padding: 0;
	}
	.h_pro .bd h4{
		width: 210px;
	}
	.h_pro .bd .img{
		height: 260px;
	}
	.corporate_culture ul{
		text-align: center;
	}
	.corporate_culture li{
		padding: 70px 20px;width:375px;float: none;display: inline-block;
	}
	.corporate_culture li:last-child{
		margin-right: 0;
	}
	.corporate_culture .wrap{
		width: 1200px;
	}
	.corporate_culture{
		padding: 80px 0 100px;
	}
	.recruit .wrap, .qualifications .wrap, .fazhan .wrap{
		width: 1200px;
	}
	.banner{
		height: 710px;
	}
	.h_new{
		width: 1200px;
	}
	.new{
		padding: 80px 0 100px;
	}
	.new li{
		margin-bottom: 40px;
	}
	.new li .img{
		height: 260px;
	}
	.nrap,
	.prap{
		width: 1200px;
	}
	.h_use{
		width: 1200px;
	}
	.h_use li .img{
		height: 300px;
	}





}



@media only screen and (max-width:1220px) {
	.layout{
		width: 750px;
		margin: 0 auto;
		background: #fff;
		position: relative;
		overflow: hidden;
	}
	body{
		background: #333;
	}
	.crap,
	.wrap{
		width: auto;
	}
	.header{
		display: block;
		position: absolute;
		left: 0;right: 0;
		top: 0;z-index: 99999;
		background: #fff;
		padding: 15px 30px;
	}
	.header .form{
		border-color: #595757;
		padding: 0 10px;
		border-radius: 35px;
		margin: 0 40px !important;
	}
	.header .form .txt{
		width:calc(100% - 72px) !important;
		height: 70px;
		font-size: 26px;
	}
	.header .naver li.lspos h2{
		position: relative;
	}
	.header .naver li.lspos i{
		position: absolute;
		right: 0;top: 0;
		width: 82px;
		height: 82px;
		background: url(../images/f_icon11.png) no-repeat center;
		display: block;
		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.lspos.ons i{
		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 .naver li .dnls{
		position: static;
		width: auto;
		margin: 0;
	}
	.header .naver li .dnls a{
		font-size: 28px;
		line-height: 70px;
		padding: 0 50px;
		text-align: left;
		border-bottom: 1px solid #ccc;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
	}
	.header .form .btn{
		width: 70px;
		height: 70px;
		background: url(../images/icos2.png) no-repeat center;
		background-size: 60% auto !important;
	}
	.header .ench{
		text-align: center;
	}
	.header .ench li a{
		font-size: 28px;
		display: block;
		line-height: 82px;
	}
	.gh{
		display: block;
		right: 30px;
		top: 30px;z-index: 11;
	}
	.header .rts{
		position: absolute;
		left: 0;right: 0;
		top: 100px;z-index: 11;
		background: #fff;
		float: none;
		width: auto;
		margin: 0;
		max-width: initial;
		padding-bottom: 60px;
		display: none;
	}
	.header.active .rts{
		position: fixed;
	}
	.header .form,
	.header .ench,
	.header .rts .naver{
		float: none;
		margin: 0;
	}
	.header .naver li{
		float: none;
		width: auto;
		margin: 0;
	}
	.header .naver li h2 a{
		display: block;
		font-size: 32px;
		line-height: 82px;
		padding: 0 35px;
		border-bottom: 1px solid #ccc;
	}
	.banner .scroll{
		padding: 0 40px 10px;width: 36%;
	}
	.banner .scroll span{
		width: 88px;height: 88px;
	}
	.contact .hds{
		padding: 40px 30px;
	}
	.contact h2{
		line-height: 2;font-size: 36px;
	}
	.contact .hds .txt{
		margin: 40px 0 0;
	}
	.contact .hds dl{
		float: none;margin-right: 0;width: auto;
		text-align: center;margin-bottom: 20px;
	}
	.contact .hds dt{
		margin-top: 0;line-height: 1.8;font-size: 30px;margin-bottom: 10px;
	}
	.contact .hds .c1{
		font-size: 32px;line-height: 1.8;
	}
	.contact .hds .c1 span,
	.contact .hds dd{
		font-size: 26px;line-height: 1.7;
	}
	.cfwl{
		padding: 40px 0;
	}
	.cfwl ul{
		margin-top: 40px;padding:0 10px;
	}
	.cfwl li{
		width: calc((100% - 22px)/2);margin-right: 20px;padding: 50px 0;
	}
	.cfwl li:nth-child(2n){
		margin-right: 0;
	}
	.cfwl li:nth-child(3){
		margin-right: 20px;
	}
	.cfwl li h3{
		line-height: 1.8;font-size: 32px;
	}
	.cfwl li p{
		font-size: 26px;line-height: 1.7;
	}
	.cfwl li .img{
		width: 190px;height: 220px;
	}
	.contact .form{
		padding: 40px 0;
	}
	.contact .form h3{
		font-size: 34px;line-height: 2;
	}
	.contact .form .t1{
		width: 600px;height: 70px;font-size: 24px;padding: 0 20px;
	}
	.contact .form .t2{
		width: 600px;height: 200px;font-size: 24px;
	}
	.contact .form li{
		margin-bottom: 30px;
	}
	.contact .form .b1{
		width: 250px;height: 70px;font-size: 24px;
	}
	.contact .form ul{
		margin: 30px 0 0;
	}
	.contact .form p{
		font-size: 24px;
	}
	.banner .text h2{
		font-size: 40px;line-height: 1.4;
	}
	.footer{
		padding:30px;
	}
	.footer .rt,
	.footer .lt{
		float: none;width: auto;padding-bottom: 0;
	}
	.footer .lt li{
		margin-right: 0;float: none;
	}
	.footer .lt .logo{
		height: 90px;
	}
	.footer .lt .text h4{
		font-size: 26px;line-height: 1.8;
	}
	.footer .lt .text h2{
		font-size: 36px;line-height: 1.8;
	}
	.footer dt{
		font-size: 28px;line-height: 1.8;
		margin-bottom: 10px !important;
	}
	.footer dd a, .footer dd{
		font-size: 24px;line-height: 1.7;
	}
	.footer .lt .n1{
		margin-top: 40px;
	}
	.footer .lt .n1 dd{
		display: inline-block;margin-right: 40px;margin-bottom: 20px;
	}
	.footer .rt dl{
		margin-right: 0;float: none;margin-top: 10px;
	}
	.footer .rt dl dd{
		display: inline-block;margin-right: 30px;margin-bottom: 10px;
	}
	.footer .rt .wx{
		margin-top: 30px;
	}
	.footer .rt .wx .img{
		width: 150px;height: 150px;
	}
	.footer .rt .wx h3{
		font-size: 24px;line-height: 1.7;
	}
	.copyright{
		margin-top: 20px;
		padding-bottom: 0;
	}
	.copyright .lts p a, .copyright .lts p{
		font-size: 24px;line-height: 1.7;
	}
	.copyright .lts{
		float: none;width: auto;
	}
	._export{
		padding: 0;
	}
	.page6{
		padding-bottom: 0;
	}
	.banner{
		height: 400px;
	}
	.map_img{
		transform:scale(0.6);
		transform-origin: left center;
	}
	.banner .text{
		top: 150px;
	}
	.banners{
		height: auto;
	}
	.copyright h5{
		float: none;font-size: 24px;line-height: 1.7;margin-top: 20px;
		display: none;
	}
	.copyright h6{
		font-size: 24px;line-height: 1.7;top: 160px;right: 0;
	}
	.page1 h2{
		font-size: 50px;line-height: 2;
	}
	.page1{
		height: auto;padding: 50px 0;
	}
	.page1 .bd li h3{
		font-size: 60px;line-height: 2;
	}
	.page1 .bd li p{
		font-size: 24px;
	}
	.page1 .bd li{
         border: none;width: 50%;
	}
	.page2{
		height: auto;padding: 50px 0;
	}
	.page2 h2{
		font-size: 40px;line-height: 1.8;
	}
	.page2 p{
		font-size: 26px;padding: 0 40px;
	}
	.page3{
		padding: 40px 30px;
	}
	.h_pro .hd h2{
		line-height: 2;font-size: 36px;
	}
	.h_pro .hd .nav{
		margin-top: 30px;
	}
	.h_pro .hd .nav li, .h_pro .hd .nav li a{
		font-size: 22px;line-height: 60px;
		 word-break:keep-all;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
	}
	.h_pro .hd .nav li{
		width: calc((100% - 12px)/3);margin-right: 6px;-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
		margin-bottom: 10px;
	}
	.h_pro .hd .nav li:nth-child(3n){
		margin-right: 0;
	}
	.h_pro .hd .nav li a{
		height: 70px;
	}
	.h_pro .bd{
		margin-top: 50px;
	}
	.h_pro .bd ul{
		padding: 0;width: auto;
	}
	.q_pro.prap .bd ul{
		width: auto;
	}
	.q_pro.prap .bd li,
	.h_pro .bd li{
		width: calc((100% - 42px)/2) !important;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
		margin: 0 10px;
		margin-bottom: 20px;
	}

	.h_pro .bd li a{
		padding: 30px;
	}
	.h_pro .hd .nav li a{
		/*border-color: #fff;*/
	}
	.h_pro .bd span{
		width: 60px;height: 6px;
	}
	.h_pro .bd h3{
		font-size: 28px;line-height: 1.8;
	}
	.h_pro .bd h4{
		width: 240px;height: 60px;line-height: 60px;font-size: 26px;
	}
	.page5 h2,
	.page4 .tit h2{
		line-height: 2;font-size: 36px;margin-bottom: 10px;
	}
	.page4{
		padding: 40px 30px;
	}
	.page4 .tit p{
		font-size: 24px;
	}
	.page5{
		height: auto;padding: 40px 0;
	}
	.introduce{
		padding: 40px 0;
	}
	.introduce .text h2{
		font-size: 36px;line-height: 2;
	}
	.introduce .text p{
		font-size: 26px !important;line-height: 1.7;padding: 0 30px;margin: 20px 0 30px;
	}
	.introduce li{
		float: none;width: auto;margin-right: 0;border-radius: 0;padding: 50px;margin: 0 30px 30px;
	}
	.introduce li .text h3{
		font-size: 28px;line-height: 2;margin-bottom: 20px;
	}
	.introduce li .text p{
		font-size: 24px;line-height: 1.7;text-align: left;padding: 0;margin: 0;height: auto;
	}
	.introduce li:nth-child(2n){
		margin-right: 30px;
	}
	.course{
		padding: 40px 0;
	}
	.course h2{
		font-size: 60px;line-height: 2;
	}
	.course ul{
		margin-top: 30px;
	}
	.course ul li{
		width: 50%;border: none;
	}
	.course ul li .tet p{
		font-size: 26px;line-height: 1.7;
	}
	.real_scene{
		padding: 40px 0;
	}
	.real_scene h3{
		font-size: 36px;line-height: 2;
	}
	.real_scene .shij .swiper-slide p{
		font-size: 24px;line-height: 1.7;margin:20px 0;
	}
	.corporate_culture{
		padding: 40px 0;
	}
	.recruit .wrap, .qualifications .wrap, .fazhan .wrap,
	.corporate_culture .wrap{
		width: auto;
	}
	.recruit .text h3, .qualifications .text h3, .fazhan .text h3,
	.corporate_culture h2{
		font-size: 36px;line-height: 2;
	}
	.corporate_culture ul{
		margin-top: 40px;
	}
	.corporate_culture li{
		width: 600px;margin-right: 0;margin-bottom: 30px;
	}
	.corporate_culture li .img{
		width: 140px;height: 140px;
	}
	.corporate_culture li .text{
		margin-top: 30px;
	}
	.corporate_culture li .text h3{
		font-size: 32px;line-height: 2;
	}
	.corporate_culture li .text p{
		font-size: 28px;line-height: 1.7;
	}
	.recruit .text p, .qualifications .text p, .fazhan .text p{
		font-size: 26px;line-height: 1.7;
	}
	.recruit .text, .qualifications .text, .fazhan .text{
		padding: 0 30px;
	}
	.recruititems{
		margin: 40px 0;
	}
	.recruititem .top .name{
	     font-size: 28px;
	}
	.recruititem .top .other{
		font-size: 24px;
	}
	.recruititem .bot{
		padding: 20px 30px 50px;
	}
	.recruititem .top{
		padding: 30px 30px ;
	}
	.fazhan .rop .text h2{
		font-size: 40px;line-height: 2;
	}
	.fazhan .rop .text p{
		font-size: 26px;line-height: 1.8;
	}
	.qualifications .rops .swiper-slide p{
		font-size: 24px;line-height: 1.8;
	}
	.recruititem .top .lr{
		width: 30px;height: 20px;
	}
	.recruititem .bot .t{
		font-size: 28px;
	}
	.recruititem .bot .b{
		font-size: 24px;
	}
	.recruititem .bot .email{
		margin-top: 15px;font-size: 24px;
	}
	.recruititem .bot .email a{
		font-size: 24px;
	}
	.more{
		height: 60px;line-height: 60px;border-radius: 50px;
	}
	.more span{
		font-size: 28px;padding-right: 120px;
	}
	.new{
		padding: 40px 30px 90px !important;
		margin: 0 !important;
	}
	.h_new{
		width: auto;
	}
	.pr_swer .cpny{
		width: auto;
	}
	.lpor{
		width: auto;
		margin: 0 30px;
	}
	.pr_swer .cpny .img{
		height: auto;
	}
	.pr_swer .swiper_spot span,
	.pr_swer .swiper_spot{
		font-size: 24px;
	}
	.pr_swer{
		padding: 40px 0;
	}
	.new li{
		width: calc((100% - 15px)/2);margin-bottom: 30px;border-color: #ccc;
		margin-right: 0;float: left;
	}
	.new li:nth-child(2n){
		margin-right: 0;
		float: right;
	}
	.new li:nth-child(3){
		margin-right: 0;
	}
	.new li .img{
		height: 215px !important;
	}
	.h_new li .img{
		height: auto;
	}
	.h_new li .txt{
		padding: 30px 20px;
	}
	.h_new li h4{
		font-size: 24px;line-height: 1.8;
	}
	.h_new li h3{
		margin: 20px 0;font-size: 26px;line-height: 40px;
		height: 80px;
	}
	.h_new li h5 span{
		font-size: 24px;line-height: 1.7;background: url(../images/ico3.png) no-repeat right top 10px;
	}
	.new ul{
		margin-bottom: 40px;
	}
	.nap{
		width: auto;
	}
	.newbox{
		padding-bottom: 90px;
	}
	.new_del{
		position: initial;top: 0;padding: 40px 30px;
	}
	.n_ban{
		height: 300px;
	}
	.new_del .top h4{
		font-size: 28px;
	}
	.new_del .top h2{
		font-size: 36px;text-align: left;
	}
	.new_del .text{
		padding: 40px 0;font-size: 24px;line-height: 1.7;
	}
	.new_del .fx h3{
		font-size: 26px;line-height:60px;
	}
	.new_del .fx li a{
		width: 60px;height: 60px;
	}
	.new_del .fx li{
		margin-left: 30px;
	}
	.new_del .bot li{
		border-bottom: 1px solid #ccc;padding: 20px 0;background: url(../images/ico15.png) no-repeat left top 40px;
	}
	.new_del .bot li p a,
	.new_del .bot li label{
		font-size: 26px;
	}
	.newbox{
		background: #FFFFFF;
	}
	.new_del .bot li p a{
		width: 550px;
	}
	.new_del .bot li label{
		width: 100px;
	}
	.nrap, .prap{
		width: auto;
	}
	.q_pro  .hd .nav li{
		width: calc((100% - 62px)/3);margin-right: 30px;
	}
	.q_pro .hd .nav ul{
		padding: 0;
	}
	.q_pro{
		padding: 40px 30px 90px;
	}
	.q_pro .bd li:nth-child(3){
		margin-right: 0;
	}
	.pro_del .hds{
		height: auto;padding: 50px 30px;
	}
	.pro_del h2{
		font-size: 34px;line-height: 2;
	}
	.pro_del .hds h6{
		font-size: 24px;line-height: 1.7;
	}
	.pro_del .hds p{
		font-size: 26px;line-height: 1.7;width: auto;
	}
	.pro_del .bds{
		padding: 50px 30px 80px;
	}
	.pro_del .bds dl{
		margin-top: 40px;margin-bottom: 60px;font-size:26px;line-height: 1.7;
	}
	.fts h6{
		margin-top: 40px !important;margin-bottom: 60px !important;;font-size:26px !important;;line-height: 1.7 !important;

	}

	.pro_del .bds dd{
		font-size: 26px;line-height: 1.7;text-align: left;
	}
	.pro_del .fts{
		padding: 40px 30px 90px;
	}
	.pr_list li{
		padding: 40px 30px;
	}
	.pr_list li .video{
		width: 100%;float: none;height: auto;
	}
	.pr_list li .txt{
		width: auto;float: none;text-align: center;margin-top: 20px;
	}
	.pr_list li .img{
		width: auto;float: none;
	}
	.pr_list li .txt .more{
		margin-top: 50px;
	}
	.pr_list li .txt .more{
		width: 320px;height: 70px;line-height: 70px;
	}
	.pr_list li:nth-child(2n) .img{
		float: none;
	}
	.pr_list li:nth-child(2n) .txt{
		float: none;text-align: center;
	}
	.pr_list .cs{
		padding: 40px 30px;
	}
	.production_line{
		padding: 40px 30px 90px;
	}
	.production_line .text h3{
		font-size: 34px;line-height: 2;
	}
	.production_line .text p{
		font-size: 24px;line-height: 1.7;
	}
	.production_line .text{
		margin-bottom: 60px;
	}
	.after_sale{
		padding: 40px 30px 60px;
	}
	.after_sale h2{
		font-size: 36px;line-height: 2;
	}
	.after_sale p{
		font-size: 24px;line-height: 1.7;
	}
	.h_use{
		width: auto;
	}
	.use{
		padding: 40px 30px 60px;
	}
	.use h2{
		font-size: 36px;line-height: 2;
	}
	.use ul{
		margin: 40px 0 20px;
	}
	.use li{
		width: calc((100% - 32px)/2);
	}
	.use li:nth-child(2n){
		margin-right: 0;
	}
	.use li:nth-child(3){
		margin-right: 30px;
	}
	.h_use li .img{
		height: auto;
	}
	.use li .mask{
		display: none;
	}
	.h_use li h3{
		font-size: 28px;line-height: 1.7;padding: 30px 0;
	}
	.v1{
		padding-top: 0;padding-bottom: 90px;
	}
	.banner .text h2.b1{
		font-size: 30px;
	}
	.sl-slider-wrapper{
		height: 100vh;
	}
	.h_new{
		margin: 0 30px;
	}
	.real_scene .swiper-slide{
		width: 650px;
	}
	.real_scene .shij .img{
		height: auto;
	}
	.recruit{
		padding: 40px 30px;
	}
	.h_banner{
		display: none;
	}
	.ykmodes{
		display: block;
	}
	.qualifications .rops{
		padding: 0 30px;
	}

	#nav-arrows{
		display: none;
	}
	#nav-dots{
		display: block;
	}
	.nav-dots span{
		width: 26px;
		height: 26px;
		background: none;
		border: 2px solid #fff;
	}
	.nav-dots span.nav-dot-current:after{
		width: 20px;
		height: 20px;
		background: #fff;
	}

	.rops .xuanz .swiper-pagination{
		padding: 0 25px;
	}




}