 @media screen and (max-width:1700px){
 	.wrapper{
 width: 1200px;
 	}
 	.hbanner-tit{
 		font-size: 56px;
 	}
 	.foot-logo{
 		width: 40%;
 	}
 	.foot-nav{
 		float: left; width: auto;
 	}
 	.foot-nav dl{
 		width: auto; margin-right: 65px;
 	}
 	.happ li{
 		/*height: 1000px;*/
 		padding-top: 120px;
 	}
 	.happ .left{
 		margin-left: 30px; margin-top: 8vh;
 	}
 	.happ .left .img1{
 		width: 460px; height: 460px;
 	}
 	.happ .left .img2{
 		width: 460px; top: -50px;
 	}
 	.happ .right .txt h2{
 		font-size: 40px;
 	}
 	.hnums{
 		padding: 110px 0;
 		padding-top: 150px;
 	}
 	.hnums .info{
 		margin-bottom: 25px; font-size: 14px;
 		overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
 	}
 	.hnums .img{
 		width: 40%; margin-left:5%; margin-right: 0;
 		padding-top: 20px;
 	}
 	.hnums .img img{
 		max-height: 70px;
 	}
 	.hnums .img h2{
 		font-size: 32px;
 	}
 	.hnums .txt{
 		width: 50%; padding-right: 5%;
 	}
 	.hnums dd{
 		width: auto; margin-right: 60px;
 	}
 	.hnums dd:last-child{
 		margin-right: 0;
 	}
 	.hmenu .txt-tit h4{
 		font-size: 20px;
 	}
 	.habout{
 		 height: 850px;
 	}
 	.habout .right-img{
 		/*height: 460px;*/
 	}
 	.habout .left{
 		/*padding-top: 4%;*/
 	}
 	.habout .right-txt{
 		padding-top: 90px;
 		font-size: 36px;
 	}
 	.happ{
 		height: auto; overflow: hidden; 
 		/*padding-bottom: 120px;*/
 	}
 	.happ .right .txt{
 		margin-bottom: 40px;
 	}
 	.happ .right .img{
 		margin-bottom: 40px;
 	}
 	/*鏂伴椈涓績*/
 	.news-swiper .img{
 		width: 50%;
 	}
 	.news-swiper .txt{
 		width: 50%;
 	}
 	.news-ul li{
 		width: 593px;
 	}
 	.newsdetail .news-left{
 		width: 845px;
 	}
 	.newsdetail .news-right{
 		width: 340px;
 	}
 	.newspage li{
 		width: 417px;
 	}
 	/*涓氬姟棰嗗煙*/
 	.solution-box .solution-intro .box{
 		height: 375px;
 	}
 	.solution-intro .img{
 		width: 50%;
 	}
 	.solution-intro .txt{
 		width: 50%; padding: 80px 50px 0;
 	}
 	.solution-intro .img sub{
 		top: auto; bottom: -20px;
 	}
 	.solution-box .solution-section .txt{
 		width: 60%;
 	}
 	.solution-box .solution-section .img{
 		width: 40%;
 	}
 	.solution-map{
 		padding-bottom: 100px;
 	}
 	.solution-map .txt{
 		margin-top: 50px;
 	}
 	.solution-img .img{
 		margin-right: 0;
 	}
 	.solution-img .txt{
 		margin-left: 0; width: 600px;
 	}
 	.solution-map .img{
 		width: 550px;
 	}
 	.solution-car{
 		padding: 150px 0;
 	}
 	.solution-car .nav li{
 		width: 300px; height: 300px; padding: 90px 50px 0;
 	}
 	.solution-car .txt{
 		padding-right: 0;
 	}
 	.solution-car2 .txt{
 		padding-left: 0;
 	}
 	.solution-sec .txt{
 		margin-left: 0; width: 550px;
 	}
 	.solution-sec .txt-desc{
 		font-size: 15px;
 	}
 	.solution-sec .img img{
 		height: 373px; width: 550px;
 	}
 	.solution-sec .img:after{
 		height: 373px; width: 550px; right: -30px;
 	}
 	.solution-sec2 .img{
 		margin-left: 0;
 	}
 	.solution-sec .txt-num{
 		margin-bottom: 40px;
 	}
 	.solution-sec .txt-tit{
 		margin-bottom: 25px;
 	}
 	.solution-sec .txt-desc li + li{
 		margin-top: 30px;
 	}
 	.solution-sec2 .txt-desc li + li{
 		margin-top: 15px;
 	}
 	.solution-about{
 		padding-top: 200px; padding-bottom: 100px;
 	}
 	.solution-about .imgbox li{
 		width: 190px;
 	}
 	.solution-about .info{
 		margin-left: 720px; width: auto; padding-right:50px;
 	}
 	.solution-sec{
 		padding-bottom: 158px;
 	}
 	/*鍙戝睍鍘嗙▼*/
 	.history li{
 		padding-left: 100px; padding-right: 120px;
 	}
 	.history .gallery-top li{
 		padding-left: 180px;
 	}
 	.history .gallery-top li .img{
 		width: 340px;
 	}
 	.history .gallery-top li .img label{
 		font-size: 62px;
 	}
 	.history .gallery-top li .imgbg{
 		width: 280px; height: 300px;
 	}
 	.history .gallery-top li .txt{
 		width: 460px; padding-top: 100px; font-size: 15px;
 	}
 	.history .swiper-pagination-bullet{
 		width: 300px; background-size:cover ; height: 73px; line-height: 50px;
 	}
 	.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{
 		margin: 0;
 	}
 	.companyphoto .wrapper{
 		padding: 160px 0;
 	}
 	.companyphoto .img h1{
 		left: 10px; font-size: 180px; 
 	}
 	.companyphoto2 .img h1{
 		right:10px; left: auto;
 	}
 	.partner .body .img{
 		width: 300px; height: 200px; text-align: center;
 	}
 	.partner .body .img img{
 		padding: 22px 50px;
 	}
 	.about-intro{
 		padding: 150px 0 100px;
 	}
 	.about-intro .txt{
 		width: 45%;
 	}
 	.about-intro .img{
 		width: 50%;
 	}
 	.about-addr{
 		min-height: auto; padding-bottom: 100px;
 	}
 	.about-addr .txt{
 		margin-right: 0; padding-top: 100px;
 	}
 	.about-addr .img img{
 		width: 900px;
 	}
 	.about-hope{
 		height: auto; padding: 200px 0;
 	}
 	.about-meta .meta h1{
 		font-size: 66px;
 	}
 	.about-meta .metabox-info{
 		height: 800px;
 	}
 	.about-meta .num{
 		margin-bottom: 100px;
 	}
 	.contact-meta li{
 		padding: 0 40px;
 	}
 	.contact-map .body .map{
 		height: 800px;
 	}
 	.companyhonor-main .body{
 		height: 680px;
 	}
 	.companyhonor-img img{
 		width: 485px;
 	}
 	.cultrue-img{
 		padding-top: 150px;
 	}
 	.cultrue-img li{
 		padding:  0 10px; width: 250px;
 	}
 	.cultrue-img .txt{
 		width: auto;
 	}
 	.cultrue-img .img {
 		width: 250px; height: 450px;
 	}
 	.cultrue-img .l1 .img img{
 		width: 360px; height: auto;
 	}
 	.cultrue-img .l2 .img img{
 		width: 550px; height: auto; right: 15px;
 	}
 	.cultrue-img .l3 .img img{
 		width: 545px; height: auto; left: -20px;
 	}
 	.cultrue-img .l4 .img img{
 		width: 460px;height: auto;    right: -57px;
 	}
 	.cultrue-txt .num{
 		width: 45%;
 	}
 	.cultrue-txt .bar{
 		width: 55%;
 	}
 	.cultrue-txt .bar-txt{
 		width: 400px;
 	}
 	.talent-txt1 .txt{
 		width: 500px; padding-left: 0; margin-top: 180px;
 	}
 	.talent-txt1 .img{
 		margin: 100px 0;
 	}
 	.talent-txt1 .img img{
 		width: 600px;
 	}
 	.talent-nav li{
 		width: 234px;
 	}
 	.talent-txt2 .img img{
 		width: 700px;
 	}
 	.talent-txt2 .txt{
 		margin-top: 220px;
 	}
 	.joblist .jobbody .head-name{
 		width: 480px;
 	}
 	.joblist .jobbody .head-addr{
 		width: 350px;
 	}
 	
 	
 }
 
  /* 鐢佃剳灏忓睆--md */
    @media screen and (max-width:1200px){
    	/*.wrapper{
    		width: 1170px;
    	}*/
    	
    }
    /* 骞虫澘--sm */
    @media screen and (max-width:992px) {
    	/*.wrapper{
    		width: 970px;
    	}*/
    	
    }
    @media screen and (max-width:768px){
    	/*.wrapper{
    		width: 750px;
    	}*/
    }
    
   /* 鐢佃剳灏忓睆--md */
    @media screen and (max-width:1367px){
    	.wrapper{
	 	
	 	}
	 	.header{
	 		
	 	}
	 	.header .logo img{
	 		width: 160px;
	 	}
	 	.header .nav{
	 		font-size: 14px;
	 	}
	 	.hbanner-tit{
	 		font-size: 40px;
	 	}
	 	
	 	.hbanner-tit .dot{
	 		width: 8px; height: 8px; margin: 0 10px;
	 	}
	 	.hbanner .swiper-pagination-current{
	 		font-size: 40px;
	 	}
	 	.hbanner.swiper-container-horizontal>.swiper-pagination{
	 		font-size: 14px; bottom: 60px;
	 	}
	 	.hbanner.swiper-container-horizontal>.swiper-scrollbar{
	 		bottom: 80px;
	 	}
	 	.hbanner .swiper-button-next,
	 	.hbanner .swiper-button-prev{
	 		width: 58px; height: 45px; background-size:cover ;
	 	}
	 	.hbanner .swiper-button-next{
	 		bottom: 80px;
	 	}
	 	.hbanner .swiper-button-prev{
	 		margin-right: 70px; bottom: 36px;
	 	}
	 	.habout{
	 		height: auto;
	 	}
	 	.habout .left .img{
	 		margin-bottom: 25px;
	 	}
	 	.habout .right-img{
	 		/*height: 400px;*/
	 	}
	 	.habout .right-txt{
	 		padding: 60px 50px; font-size: 28px;
	 	}
	 	.habout .swiper-pagination{
	 		padding-left: 10%;  bottom: 30px;
	 	}
	 	.habout .swiper-pagination-bullet{
	 		width: 8px; height: 8px; margin: 0 4px;
	 	}
	 	.habout .swiper-pagination-bullet-active{
	 		width: 10px; height: 10px; border-width: 2px;
	 	}
	 	.habout .left .txt{
	 		font-size: 14px;
	 	}
	 	.habout .left .img2{
	 		margin-top: -32%;
	 	}
	 	.habout .title img{
	 		width: 77px;
	 	}
	 	.hnums{
	 		padding: 90px 0;
	 	}
	 	.hnums .img img{
	 		/*max-width: 50%;*/
	 		max-height: 50px;
	 	}
	 	.hnums .img h2{
	 		font-size: 26px;
	 	}
	 	.hnums .info{
	 		font-size: 14px; margin-bottom: 20px;
	 		overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
	 	}
	 	.hnums dd{
	 		margin-right: 40px;
	 	}
	 	.hnums dd h2 em{
	 		bottom: -10px; right: -20px;
	 	}
	 	.hnums dd h2{
	 		font-size: 35px;
	 	}
	 	.hnums dd p{
	 		font-size: 12px; margin-top: 15px;
	 	}
	 	.hnums .swiper-button-next,
	 	.hnums .swiper-button-prev{
	 		width: 60px; height: 50px; background-size:cover ;
	 	}
    	.hmenu .txt{
    		padding:0 30px;
    	}
    	.hmenu li{
    		/*height: 320px;*/
    	}
    	.hmenu .txt-num{
    		font-size: 18px;
    	}
    	.hmenu .txt-tit{
    		margin-top: 100px;
    		bottom: 35px;
    	}
    	.hmenu .txt-tit img{
    		width: 35px;
    	}
    	.hmenu .txt-tit h4{
    		font-size: 16px; margin-top: 8px;
    	}
    	.happ{
    		/*padding: 120px 0 80px;*/
    	}
    	.happ li{
    		padding-top: 90px;
    	}
    	.happ .left{
    		width: 350px; height: 350px; margin-top: 40px;
    	}
    	.happ .left .img1{
    		width: 350px; height: 350px;
    	}
    	.happ .left .img1:after{
    		left: 230px;
    	}
    	.happ .left .img2{
    		width: 322px;
    	}
    	.happ .right .img-hd{
    		height: 45px; line-height: 45px;
    	}
    	.happ .right .img-hd em{
    		width: 45px; height: 45px;
    	}
    	.happ .right .img{
    		height: 200px; width: 170px;
    	}
    	.happ .right .img-bd img{
    		width: 120px; height: 120px;
    	}
    	.happ .right .txt{
    		margin-bottom: 40px;
    	}
    	.happ .right .txt h4,
    	.happ .right .txt p{
    		font-size: 14px;
    	}
    	.happ .right .txt h2{
    		font-size: 30px; margin-bottom: 20px;
    	}
    	.happ .right .img{
    		margin-bottom: 30px;
    	}
    	.happ .right .btn a{
    		width: 198px; background-size:cover ;height: 67.5px; line-height:55px; padding-left:60px ;
    	}
    	.happ .right .btn a:after{
    		/*left: 30px;*/ 
    		top: 22px;
    	}
    	.happ .right .btn a+a{
    		margin-left: -20px;
    		padding-left: 50px;
    	}
    	.happ .right .btn a.btn-right:after{
    		/*right: 45px;*/
    		top: 22px;
    	}
    	.footer{
    		height: auto; overflow: hidden;  padding-top: 80px; padding-bottom: 60px;
    	}
    	.foot-logo{
    		padding-right: 30px;
    	}
    	.foot-logo .img img{
    		width: 160px;
    	}
    	.foot-logo .txt{
    		margin-top: 150px;
    	}
    	.foot-nav,
    	.foot-qrcode,
    	.foot-news li{
    		font-size: 14px;
    	}
    	.foot-nav dl{
    		margin-right: 45px;
    	}
    	.foot-nav dd{
    		margin-top: 10px;
    	}
    	.foot-qrcode .qrcode img{
    		width: 100px;
    	}
    	.foot-qrcode .shareicos{
    		margin-top: 60px;
    	}
    	/*鏂伴椈涓績*/
    	.banner{
    		height: 400px; padding-top: 180px;
    	}
    	.banner .title{
    		font-size: 40px;
    	}
    	.banner .subnav{
    		font-size: 14px; margin-top: 30px;
    	}
    	.banner .subnav li a:after{
    		height: 2px;
    	}
    	.news-swiper .wrapper{
    		padding: 50px 5px;
    	}
    	.news-swiper #box{
    		height: 435px;
    	}
    	.news-swiper .img{
    		height: 380px;
    	}
    	.news-swiper .txt{
    		padding: 50px;height: 380px;
    	}
    	.news-swiper .txt-hd {
    		padding-bottom: 15px;
    	}
    	.news-swiper .txt-hd h2{
    		font-size: 20px;
    	}
    	.news-swiper .txt-hd em{
    		font-size: 12px;
    	}
    	.news-swiper .txt-bd{
    		padding-top: 50px;
    	}
    	.news-swiper .txt-bd h2{
    		font-size: 16px; margin-bottom: 20px;
    	}
    	.news-swiper .txt-bd{
    		font-size: 14px;
    	}
    	.news-swiper .swiper-container-horizontal>.swiper-pagination{
    		bottom: 20px;
    	}
    	.news-list{
    		padding: 30px 0;
    	}
    	.news-ul li{
    		 width: 483px;     height: 130px; padding: 20px 0;
    	}
    	.news-ul .date{
    		width: 140px; font-size: 13px; height: 90px; padding-top: 20px;
    	}
    	.news-ul .date big{
    		font-size: 24px;
    	}
    	.news-ul .txt h2{
    		font-size: 15px; margin-bottom: 5px;
    	}
    	.news-ul .txt{
    		font-size: 13px; width: 280px; margin-left: 25px; margin-top: 10px;
    	}
    	.pages{
    		margin-top: 30px; height: 60px; line-height: 60px;
    	}
    	.pages .pages-nums{
    		font-size: 14px;
    	}
    	.pages .pages-next,
    	.pages .pages-prev{
    		font-size: 12px;
    	}
    	.newsdetail{
    		padding: 40px 0;
    	}
    	.newsdetail .news-left{
    		width: 665px;
    	}
    	.newscon .head{
    		padding: 15px 30px 15px 25px; border-left-width: 3px;
    	}
    	.newscon .head h2{
    		font-size: 18px;
    	}
    	.newscon .head h4{
    		font-size: 12px;
    	}
    	.newscon .body{
    		padding: 15px 20px; font-size: 13px;
    	}
    	.newscon .body p{
    		margin-bottom: 15px;
    	}
    	.newspage li{
    		width: 327px;font-size: 13px; padding: 0 20px; height: 50px; line-height: 50px;
    	}
    	.newspage .line{
    		margin: 0 15px;
    	}
    	.newsdetail .news-right{
    		width: 300px;
    	}
    	.news-related .head{
    		height: 45px; line-height: 45px; font-size: 14px;
    	}
    	.news-related .body{
    		padding: 0 15px 10px;
    	}
    	.news-related .body li{
    		padding: 15px 0; font-size: 13px;
    	}
    	.news-related .body h4{
    		font-size: 12px; margin-bottom: 10px;
    	}
    	.solution-box{
    		padding-top: 120px;
    		padding-bottom: 80px;
    	}
    	.solution-intro .img sub{
    		font-size:100px;
    	}
    	.solution-box .solution-intro .box{
    		display: flex; height: auto; padding-bottom: 30px;
    	}
    	.solution-intro .txt{
    		padding: 50px 30px 30px;
    	}
    	.solution-intro .txt h2{
    		font-size: 18px; padding-bottom: 15px;
    	}
    	.solution-intro .txt p{
    		font-size: 13px;
    	}
    	.solution-box .solution-intro{
    		margin-top: 100px;
    	}
    	.solution-box .solution-section .box{
    		margin-left: 0; display: flex; height: auto;
    	}
    	.solution-box .solution-section2 .box{
    		margin-right: 0;
    	}
    	.solution-box .solution-section .txt sup{
    		font-size: 80px;
    	}
    	.solution-box .solution-section .txt{
    		height: auto; padding: 80px 60px 30px; font-size: 14px;
    	}
    	.solution-box .solution-section .img{
    		height: 400px;
    	}
    	.solution-box .solution-section .txt h2{
    		font-size: 18px; padding-bottom:20px ;
    	}
    	.solution-box .solution-section .txt li{
    		padding-bottom: 15px;
    	}
    	.solution-box .solution-section2,
    	.solution-box .solution-section{
    		padding-top: 60px;
    	}
    	.solution-img{
    		padding-top: 50px;
    	}
    	.solution-img .txt{
    		width: 500px; margin-top:120px; font-size: 14px;
    	}
    	.solution-img .img{
    		width: 400px; height: 500px;
    	}
    	.solution-img .img .img2{
    		width: 80px;right: -51px; top: auto; bottom: 0;
    	}
    	.solution-img .img .img1{
    		margin-left: 80px;
    	}
    	.solution-img .txt h2{
    		font-size: 18px; margin-bottom: 20px;
    	}
    	.solution-map{
    		padding-bottom: 30px;
    	}
    	.solution-map .img{
    		width: 400px;
    	}
    	.solution-map .txt{
    		width: 525px;
    	}
    	.solution-map .txt-dsc{
    		width: auto; font-size: 14px;
    	}
    	.solution-map .txt-num{
    		margin-top: 25px;
    	}
    	.solution-map .txt-num li{
    		font-size: 14px;
    	}
    	.solution-map .txt-num h1{
    		font-size: 40px; margin-bottom: 15px;
    	}
    	.solution-map .txt-num h1 em{
    		bottom: -10px; right: -15px;
    	}
    	.solution-car{
    		padding: 80px 0;
    	}
    	.solution-car .nav li{
    		font-size: 13px; width: 200px; height: 200px; padding: 50px 30px 0;
    	}
    	.solution-car .nav li + li{
    		margin-left: -30px;
    	}
    	.solution-car .nav h2{
    		font-size: 18px; margin-bottom: 5px;
    	}
    	.solution-car .txt{
    		padding-top: 50px;
    	}
    	.solution-car .txt h3{
    		font-size: 18px;
    	}
    	.solution-car .txt h2{
    		font-size: 20px;
    	}
    	.solution-about .imgbox{
    		left: 30px;
    	}
    	.solution-sec{
    		padding-bottom:70px; padding-top: 40px;
    	}
    	.solution-sec .txt{
    		width: 540px;
    	}
    	.solution-sec .img img{
    		width:400px ; height: 271px;
    	}
    	.solution-sec .img:after{
    		width:400px ; height: 271px; right: -20px; bottom: -45px;
    	}
    	.solution-sec .txt-num{
    		font-size: 30px; margin-bottom: 20px;
    	}
    	.solution-sec .txt-tit{
    		font-size: 18px; margin-bottom: 10px;
    	}
    	.solution-sec .txt-desc{
    		font-size: 14px;
    	}
    	.solution-sec .txt-desc li + li{
    		margin-top: 10px;
    	}
    	.solution-sec .txt-desc li{
    		padding-left: 25px;
    	}
    	.solution-sec .txt{
    		margin-right: 0;
    	}
    	.solution-about{
    		padding-top: 120px; padding-bottom: 60px;
    	}
    	.solution-about .wrapper{
    		min-height: auto;
    	}
    	.solution-about .imgbox .l1{
    		margin-top: -20px;
    	}
    	.solution-about .imgbox .l2{
    		margin-top: -80px;
    	}
    	.solution-about .info{
    		font-size: 14px; margin-left: 55%; padding: 50px 30px 50px;
    	}
    	.solution-about .info h2{
    		font-size: 18px; margin-bottom: 12px;
    	}
    	.solution-about .imgbox li{
    		width: 150px; margin-right: 15px;
    	}
    	.solution-about .imgbox .txt{
    		left: 15px; bottom: 15px;
    	}
    	.solution-about .imgbox .txt h4{
    		font-size: 12px;
    	}
    	.solution-about .imgbox .txt h2{
    		font-size: 18px; margin-top: 10px;
    	}
    	.joblist .jobbody{
    		padding: 40px 0 0; width: 980px; margin: 0 auto;
    	}
    	.joblist .jobbody li{
    		padding: 0 20px;  border-bottom-width:1px ;
    	}
    	
    	.joblist .jobbody .head{
    		height: 70px;
    	}
    	.joblist .jobbody .head-name{
    		width: 300px;  font-size: 14px; margin: 25px 0; 
    	}
    	.joblist .jobbody .head-addr{
    		width: 220px;
    	}
    	.joblist .jobbody .head-date{
    		width: 150px;
    	}
    	.joblist .jobbody .head-num strong,
    	.joblist .jobbody .head-addr strong,
    	.joblist .jobbody .head-date strong{
    		font-size: 14px;
    	}
    	.joblist .jobbody .head-addr,
    	.joblist .jobbody .head-date,
    	.joblist .jobbody .head-num{
    		margin: 15px 0; font-size: 12px;
    	}
    	.joblist .jobbody .head-btn{
    		margin: 20px 0;
    	}
    	.joblist .jobbody .head-btn a{
    		padding: 6px 20px; font-size: 12px;
    	}
    	.joblist .jobbody li.active .body{
    		padding: 20px 0 10px;
    	}
    	.jobbody .body h2{
    		font-size: 14px; margin-bottom: 5px;
    	}
    	.jobbody .body p{
    		font-size: 12px; margin-bottom: 15px;
    	}
    	
    	.jobfoot{
    		padding: 20px 0;
    	}
    	.pages{
    		margin-top: 15px; line-height: 50px; height: 50px;
    	}
    	.talent-txt1 .txt{
    		width: 400px; margin-top: 80px;
    	}
    	.talent-txt .txt h2{
    		font-size: 18px;
    	}
    	.talent-txt .txt p{
    		font-size: 14px; padding-top: 15px;
    	}
    	.talent-txt1 .img{
    		margin: 30px 0; width: 400px;
    	}
    	.talent-nav ul{
    		margin-left: 0; padding: 30px 0; width: 100%;
    	}
    	.talent-nav li{
    		margin-right: 10px; width: 186px; height: 290px;
    		box-shadow: rgba(0,0,0,0.1) -3px 3px 10px;
    	}
    	.talent-nav .txt{
    		padding: 30px 20px 0  20px;
    	}
    	.talent-nav .txt h2{
    		font-size: 18px;
    	}
    	.talent-nav .txt p{
    		font-size: 14px; padding-top: 15px;
    	}
    	.talent-nav .ico{
    		top: auto; bottom: 20px; left: 15px;
    	}
    	.talent-nav .ico img{
    		width: 40px;
    	}
    	.talent-txt2 .txt{
    		padding-left: 0; margin-top: 80px; width: 350px;
    	}
    	.talent-txt2 .img{
    		margin-top: 20px; width: 500px;
    	}
    	.aboutgroup{
    		padding: 50px 0 60px;
    	}
    	.aboutgroup img{
    		width: 800px;
    	}
    	.cultrue-txt{
    		padding-top: 50px; padding-bottom: 60px; 
    	}
    	.cultrue-txt li{
    		height: 150px; margin-bottom: 30px;
    	}
    	.cultrue-txt .num{
    		font-size:80px; line-height: 150px;    width: 37%;
    	}
    	.cultrue-txt .bar-ico{
    		width: 150px; height: 150px; padding-top: 50px; font-size: 14px;
    	}
    	.cultrue-txt .bar-ico img{
    		width: 30px; height: 30px;
    	}
    	.cultrue-txt .bar{
    		height: 150px; border-radius: 150px 0 0 150px; font-size: 14px; 
    	}
    	.cultrue-txt .bar-txt{
    		width: 340px; line-height: 150px; margin-right: 50px; margin-left: 10px;
    	}
    	.cultrue-txt .bar-txtbox{
    		overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp:3;
-webkit-box-orient: vertical;
padding-top: 35px;
    	}
    	.cultrue-txt li:nth-child(2n)  .bar-txt{
    		margin-right: 20px; margin-left: 40px;
    	}
    	.cultrue-img{
    		padding-bottom: 30px; padding-top: 80px;
    	}
    	.cultrue-img li{
    		width: 232px;
    	}
    	.cultrue-img .txt h2{
    		font-size: 18px; margin-bottom: 5px;
    	}
    	.cultrue-img .txt p{
    		font-size: 14px;
    	}
    	.cultrue-img .img{
    		height: 390px;
    	}
    	.cultrue-img .l1 .img img{
    		width: 340px;
    	}
    	.cultrue-img .l2 .img img{
    		width: 520px;right: 30px;
    	}
    	.cultrue-img .l3 .img img{
    		width: 510px; left: -12px;
    	}
    	.cultrue-img .l4 .img img{
    		width: 435px;
    	}
    	.contact-meta{
    		padding: 60px 0 60px;
    	}
    	.contact-meta li{
    		padding: 0 20px;
    	}
    	.contact-meta .ico{
    		margin-right: 10px;
    	}
    	.contact-meta .txt{
    		font-size: 14px;
    	}
    	.contact-map .head{
    		width: 980px; padding: 20px 0; font-size: 14px; top: -35px;
    	}
    	.contact-map .body .map{
    		height: 600px;
    	}
    	.about-intro{
    		padding: 60px 0 50px;
    	}
    	.about-intro .txt-hd{
    		margin-bottom: 15px;
    	}
    	.about-intro .txt-hd h4{
    		font-size: 13px; margin-bottom: 10px;
    	}
    	.about-intro .txt-hd h2{
    		font-size: 18px;
    	}
    	.about-intro .txt-bd{
    		font-size: 14px;
    	}
    	.about-addr .txt{
    		width: 450px;
    	}
    	.about-addr .txt-hd{
    		margin-bottom: 10px;
    	}
    	.about-addr .txt-hd h2{
    		font-size: 18px;
    	}
    	.about-addr .txt-bd{
    		font-size: 14px; margin-bottom: 15px;
    	}
    	.about-addr .img img{
    		width: 780px;
    	}
    	.about-meta .metabox-info{
    		padding: 30px 25px 25px 25px; height: 605px;
    	}
    	.about-meta .num{
    		font-size: 26px; margin-bottom: 30px;
    	}
    	.about-meta .txt h2{
    		font-size: 18px;
    	}
    	.about-meta .txt p{
    		font-size: 14px;
    	}
    	.about-meta{
    		padding: 10px 5px;
    	}
    	.about-meta .metabox{
    		padding: 0 5px;
    	}
    	.about-meta .meta li{
    		font-size: 13px;
    	}
    	.about-meta .meta h1{
    		font-size: 30px;
    	}
    	.about-meta .meta li +li{
    		margin-left: 20px;
    	}
    	.about-hope{
    		padding: 100px 0;
    	}
    	.about-hope .txt{
    		width: 300px;
    	}
    	.about-hope .txt-hd{
    		font-size: 18px; margin-bottom: 30px;
    	}
    	.about-hope .txt-bd{
    		font-size: 14px;
    	}
    	.partner .body{
    		font-size: 14px;
    	}
    	.partner .body ul{
    		padding-top: 40px;
    	}
    	.partner .body .img{
    		 width: 230px;height: 135px;
    	}
    	.partner .body .txt{
    		margin: 15px 0;
    	}
    	.partner .foot{
    		margin: 20px 0 30px;
    	}
    	.pages .pages-nums .active:after{
    		height: 3px;
    	}
    	.companyphoto .wrapper{
    		padding: 120px 0;
    	}
    	.companyphoto .img h1{
    		font-size: 120px; top: -100px;
    	}
    	.companyphoto .txt{
    		margin-right: 30px;
    	}
    	.companyphoto .txt h3{
    		font-size: 18px;
    	}
    	.companyphoto .txt p{
    		font-size: 14px; margin-top: 20px;
    	}
    	.history{
    		padding: 50px 0 50px;
    	}
    	.history .gallery-top li{
    		padding-left: 90px; padding-right: 100px;
    	}
    	.history .gallery-top li .img{
    		width: 420px; padding-left: 60px;  
    	}
    	.history .gallery-top li .imgbg{
    		width: 350px; height: 450px; top: 90px;
    	}
    	.history .gallery-top li .img label{
    		font-size: 60px; bottom:35px;
    	}
    	.history .gallery-top li .txt{
    		width: 310px; font-size: 14px; padding-top: 60px;
    	}
    	.history .swiper-container{
    		padding-bottom: 100px;
    	}
    	.companyhonor{
    		padding-top: 40px;
    	}
    	.companyhonor-main{
    		width: 550px; padding-bottom: 40px;
    	}
    	.companyhonor-main .body li{
    		padding: 0 35px;height: 90px;
    	}
    	.companyhonor-main .body .hd{
    		padding-top: 25px; height: 90px;
    	}
    	.companyhonor-main .body .icon{
    		width: 80px;
    	}
    	.companyhonor-main .body .tit{
    		font-size: 14px;
    	}
    	.companyhonor-main .foot a{
    		width: 269px;
    	}
    	.companyhonor-img img{
    		width: 420px;
    	}
    	.companyhonor-main .body{
    		 height: 490px;
    	}
    	.companyhonor-main .body .bd{
    		padding-left: 85px;
    	}
    	.companyhonor-main .body .bd img{
    		width: 240px;
    	}
    	.companyhonor-main .body li.active{
    		/*height: 365px;*/
    	}
    	
    }
   /*ipad pro*/
    /*@media screen and (max-width:992px) {*/
   @media screen and (max-width:1025px) {
    	
    	.wrapper{
    		width: auto; padding-left: 3%; padding-right: 3%;
    	}
    	.header{
    		position: fixed; left: 0; right: 0; top: 0; z-index: 999; padding-top: 20px; height: 60px;
    	}
    	.header.affix{
    		background: #000;
    	}
    	.header .logo img{
    		width: 120px;
    	}
    	.header.affix .logo img.before{
    		display: block;
    	}
    	.header.affix .logo img.after{
    		display: none;
    	}
    	.header .nav{
    		position: fixed; left: 0; right: 0; top: 60px; background: rgba(255,255,255,0.9); z-index: 999; display: none;
    	}
    	.header .nav li{
    		display: block; float: none; text-align: center; margin-left: 0; padding:10px 10px; 
    	}
    	.header .nav li a{
    		color: #333;
    	}
    	.hbanner-img{
    		height: 100vh;
    	}
    	.hbanner-img .tit{
    		font-size: 30px;
    	}
    	.hbanner-tit{
    		font-size: 30px;
    	}
    	.hbanner.swiper-container-horizontal>.swiper-pagination{
    		bottom: 20px;
    	}
    	.hbanner .swiper-pagination-current{
    		font-size: 26px; 
    	}
    	.hbanner.swiper-container-horizontal>.swiper-scrollbar{
    		bottom: 40px;
    	}
    	.hbanner .swiper-button-next, .hbanner .swiper-button-prev{
    		width: 40px; height: 30px;
    	}
    	.hbanner .swiper-button-prev{
    		margin-right: 40px; bottom: 10px;
    	}
    	.hbanner .swiper-button-next{
    		bottom: 41px;
    	}
    	.habout{
    		flex-wrap:wrap ; padding-left: 0;
    	}
    	.habout .left{
    		position: static; width: 100%; height: auto; padding-bottom: 25px; padding-left: 15%; padding-right: 15%;
    		padding-top: 60px;
    		background: #fff;
    	}
    	.habout .left .txt{
    		width: auto;
    	}
    	
    	.habout .left .img1{
    		/*width: 75%;*/ width: 100%;
    	}
    	.habout .left .img2{
    		/*width: 76%;*/ width: 100%; margin-top: -30%;
    		margin-left: 10%;
    	}
    	.habout .right-img{
    		height: 330px;
    	}
    	.habout .swiper-pagination{
    		bottom: 20px;
    	}
    	.habout .right-txt{
    		padding: 30px 30px; font-size: 18px; line-height: 1.4;
    		height: auto;
    	}
    	.habout .title img{
    		width: 100px;
    	}
    	.habout .title{
    		bottom: 30px;
    	}
    	.hnums{
    		padding: 60px 0; height: auto; background: #fff;
    		padding-top: 80px;
    	}
    	.hnums .img{
    		float: none; width: auto; text-align: center; padding: 0 45px 30px;
    		
    	}
    	.hnums .img.pt80{
    		padding-top: 0;
    	}
    	.hnums .txt{
    		float: none; width: auto; padding: 0 50px;
    	}
    	.hnums .info{
    		margin-bottom: 40px;
    	}
    	.hnums .img h2{
    		font-size: 26px;
    	}
    	.hnums dd{
    		margin-right: 0; margin-bottom: 40px;
    		width: 50%;
    		float: left;
    	}
    	.hnums dd h2{
    		font-size: 40px;
    	}
    	.hmenu{
    		height: auto;
    	}
    	.hmenu li{
    		width: 50%; height:220px;
    	}
    	.hmenu li.col2{
    		width: 100%;
    	}
    	.hmenu .txt-num{
    		padding-top: 20px;
    	}
    	.hmenu .txt-tit{
    		bottom: 20px;
    	}
    	.hmenu .txt-tit h4{
    		font-size: 12px;
    	}
    	.hmenu .txt-tit img{
    		width: 28px;
    	}
    	.hnums .img img{
    		max-height: 40px;
    	}
    	.happ{
    		padding-bottom: 30px;
    		background: #fff;
    	}
    	.happ li{
    		padding-top:100px; height: auto;
    	}
    	.happ .left{
    		width:260px; height: 260px; float: none; margin: 0 auto;
    	}
    	.happ .left .img1{
    		width: 260px; height: 260px;
    	}
    	.happ .left .img1:before,
		.happ .left .img1:after{
			width: 250px; height: 250px;
		}
		.happ .left .img1:before{
			top: 95px; left: -120px;

		}
		.happ .left .img1:after{
			left: 180px; top: 150px;

		}
    	.happ .right{
    		float: none; width: auto; margin-top: 80px;
    		padding-left: 40px;
    	}
    	.happ .right .img{
    		margin: 0 auto 30px; display: none;
    	}
    	.happ .right .btn a{
    		width: 159px;
    height: 56px;
    line-height: 40px;
     font-size: 12px; padding-left: 50px;
    	}
    	
    	.happ .right .btn a+a{
    		margin-left: -12px; padding-left: 35px;
    	}
    	.happ .right .btn a:after{
    		left: 22px; 
    		top: 15px;

    	}
    	.happ .right .btn a.btn-right:after{
    		right: 38px; 
    		top: 15px;
    	}
    	.happ .right .txt h2{
    		font-size: 32px;
    	}
    	.left,.right{
    		float: none;
    	}
    	.footer{
    		padding: 40px 0;
    	}
    	.foot-logo{
    		float: none; width: auto; padding-right: 0;text-align: center; margin-bottom: 20px;
    	}
    	.foot-logo .img img{
    		width: 110px;
    	}
    	.foot-logo .txt{
    		margin-top: 10px;
    	}
    	.foot-nav{
    		float: none; width: auto; display: none;
    	}
    	.foot-nav, .foot-qrcode, .foot-news li{
    		font-size: 13px;
    	}
    	.foot-nav dl{
    		float: none; margin-right: 0; margin-bottom: 15px;
    	}
    	.foot-nav dd{
    		display: inline-block;vertical-align: top; margin-top: 5px;
    	}
    	.foot-qrcode{
    		float: none; text-align: center;
    	}
    	.foot-qrcode .shareicos{
    		margin-top: 15px;
    	}
    	.foot-news{
    		padding: 20px 3%;
    	}
    	.foot-news li{
    		width: 50%; padding-right: 10px; 
    	}
    	
    	.banner{
    		height: 280px; padding-top: 100px;
    	}
    	.banner .subnav li:before{
    		margin-right: 5px;
    	}
    	.banner .subnav li{
    		padding-left: 4px; margin-bottom: 12px;
    	}
    	.news-swiper .wrapper{
    		padding: 25px 3%;
    	}
    	.news-swiper .img{
    		float: none; width: 100%; height: 150px;
    	}
    	.news-swiper .txt{
    		float: none; height: auto; width: 100%; padding: 25px;
    	}
    	.news-swiper .txt-bd{
    		padding-top: 20px;
    	}
    	.news-swiper .swiper-container-horizontal>.swiper-pagination{
    		bottom: 5px;
    	}
    	.news-swiper .swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{
    		margin: 0 3px;
    	}
    	.news-swiper .swiper-pagination-bullet{
    		width: 30px; height: 3px;
    	}
    	.news-list{
    		padding: 15px 0;
    	}
    	.news-ul{
    		margin: 0;
    	}
    	.news-ul li{
    		width: auto; height: auto; padding: 10px 15px 10px 0; margin: 5px 0; float: none;
    		overflow: hidden;
    	}
    	.news-ul .date{
    		width: 24%;
    	}
    	.news-ul .txt{
    		width: 70%; margin-left: 5%;
    	}
    	.pages .pages-nums a{
    		padding: 0 5px;
    	}
    	.newsdetail{
    		padding: 25px 0;
    	}
    	.newsdetail .news-left{
    		width: auto;  float: none;
    	}
    	.newsdetail .news-right{
    		width: auto; float: none; margin-top: 10px;display: none;
    	}
    	.newspage ul{
    		margin: 0;
    	}
    	.newspage li{
    		width: auto; margin: 3px 0; float: none;
    	}
    	.solution-box{
    		padding-top: 20px;
    	}
    	.solution-box .solution-intro{
    		margin-bottom: 30px;
    	}
    	.solution-box .solution-intro .box{
    		display: block; padding-bottom: 0;
    	}
    	.solution-intro .img sub{
    		font-size: 56px; left: 0; text-align: center; display: block; width: 100%;
    	}
    	.solution-intro .img{
    		padding-left: 0; width: auto; float: none; margin-top: 0;
    	}
    	.solution-intro .txt{
    		width: auto; float: none; padding: 50px 30px 40px 30px;
    	}
    	.solution-box .solution-section .box{
    		display: block;
    	}
    	.solution-box .solution-section .txt{
    		float: none; width: auto; padding: 60px 30px 20px;
    	}
    	.solution-box .solution-section .txt sup{
    		left: 50px;
    		position: static;
    		font-size: 56px;
    	}
    	
    	.solution-box .solution-section .img{
    		float: none; width: auto; height:150px;
    	}
    	.solution-box .solution-section br,
    	.solution-box .solution-section2 br{
    		display: none;
    	}
    	.solution-box .solution-section2, .solution-box .solution-section{
    		padding-top: 20px;
    	}
    	.solution-img{
    		padding-top: 20px;
    	}
    	.solution-img .txt{
    		width: auto; float: none;padding: 0 ; margin-top: 0; margin-bottom: 20px;
    	}
    	.solution-img .img{
    		width: 260px; height: 375px; margin: 0 auto; float: none;
    	}
    	.solution-img .img .img1{
    		margin-top: 20px; margin-left: 50px;
    	}
    	.solution-map .img{
    		width: 100%; float: none;
    	}
    	.solution-map .txt{
    		float: none; width: auto; margin-top: 0; margin-left: 0;
    	}
    	.solution-map .txt-num h1{
    		font-size: 36px;
    	}
    	.solution-map .txt-num h1 em{
    		width: 28px; height: 28px; line-height: 28px;
    	}
    	.solution-map .txt-num h1 em img{
    		margin-top: -5px; max-width: 55%;
    	}
    	.solution-map .txt-num li{
    		margin-right: 25px; font-size: 12px;
    	}
    	.solution-car{
    		padding: 30px 0;
    	}
    	.solution-car .nav{
    		float: none;
    	}
    	.solution-car .nav ul{
    		display: flex;
    		display: -webkit-flex;
    	}
    	.solution-car .nav li{
    		 float: none; border-radius: 10px; padding: 15px 12px 30px; height: auto; font-size: 12px; line-height: 1.5;
    	}
    	.solution-car .nav li + li{
    		margin-left: 0;
    	}
    	.solution-car .txt{
    		float: none; padding-top: 0; margin-bottom: 25px;
    	}
    	.solution-car .nav h2{
    		font-size: 14px; line-height: 1.3;
    	}
    	.solution-about{
    		 padding-bottom: 30px; padding-top: 80px;
    	}
    	.solution-about .imgbox{
    		position: static;
    	}
    	.solution-about .imgbox ul{
    		
    	}
    	.solution-about .imgbox li{
    		width: auto;height: auto; width: 32%; margin-right: 1.5%;
    	}
    	.solution-about .imgbox li:last-child{
    		margin-right: 0;
    	}
    	.solution-about .imgbox .l1{
    		margin-top: -10px;
    	}
    	.solution-about .imgbox .l2{
    		margin-top: -50px;
    	}
    	.solution-about .imgbox .l3{
    		margin-top: 20px;
    	}
    	.solution-about .info{
    		width: auto; margin-left: 0; padding: 20px;
    	}
    	.solution-sec .txt{
    		width: auto; padding-top: 0; margin-bottom: 30px; float: none;
    	}
    	.solution-sec .img{
    		float: none;  margin: 0 auto; display: inline-block;
    		padding: 0 40px;
    	}
    	.solution-sec .img:after{
    		width: 320px; right:20px;
    	}
    	.joblist .jobbody{
    		padding: 20px 3% 0; width: auto;
    	}
    	
    	.joblist .jobbody li{
    		padding: 0 10px;
    	}
    	.joblist .jobbody .head-name,
    	.joblist .jobbody .head-num strong, .joblist .jobbody .head-addr strong, .joblist .jobbody .head-date strong{
    		font-size: 12px;
    	}
    	.joblist .jobbody .head-name{
    		 margin: 15px 0 10px; font-size: 14px;text-align: center; width: 40%;
    		 /*瓒呭嚭鐪佺暐鍙�*/
	 word-break:keep-all;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
    	}
    	.joblist .jobbody .head{
    		height: auto;overflow: hidden; position: relative;
    	}
    	.head-btn{
    		position: absolute; right: 0; top: 0;
    	}
    	.joblist .jobbody .head-num,
    	.joblist .jobbody .head-addr,
    	.joblist .jobbody .head-date{
    		 margin: 10px 0;
    	}
    	.joblist .jobbody .head-addr{
    		width: 30%;
    		/*瓒呭嚭鐪佺暐鍙�*/
	 word-break:keep-all;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
    	}
    	.joblist .jobbody .head-num{
    		display: none;
    	}
    	.joblist .jobbody .head-date{
    		display: none;
    	}
    	.joblist .jobbody .head-btn{
    		margin: 10px 0;
    	}
    	.jobfoot{
    		padding: 10px 0;
    	}
    	.talent-txt1 .txt{
    		width: auto; margin-top: 30px;
    	}
    	.talent-txt1 .img{
    		width: auto; margin: 15px 0;
    	}
    	.talent-nav ul{
    		padding: 20px 0;
    		display: flex;
    		display: -webkit-flex;
    		-webkit-justify-content: space-between;
    		justify-content: space-between;
    		-webkit-flex-wrap: wrap;
    		flex-wrap: wrap;
    	}
    	.talent-nav li{
    		width: 49%; margin-right: 0; margin-bottom: 10px;
    	}
    	.talent-txt2 .txt{
    		width: auto; float: none; margin-top: 30px;
    	}
    	.talent-txt2 .img{
    		width: auto;
    	}
    	.companyhonor-img{
    		display: none;
    	}
    	.companyhonor{
    		padding-top: 20px;
    	}
    	.companyhonor-main{
    		width: 100%; 
    	}
    	.companyhonor-main .foot{
    		display: -webkit-flex;
    		display: flex; height: 40px; 
    	}
    	.companyhonor-main .foot a{
    		height: 40px;
    	}
    	.companyhonor-main .body li{
    		padding: 0 15px;
    	}
    	.companyhonor-main .body .icon{
    		width: 50px;
    	}
    	.companyhonor-main .body .tit{
    		width: 65%;
    	}
    	.companyhonor-main .body .hd{
    		height: auto; padding: 20px 0;
    	}
    	.companyhonor-main .body li{
    		height: 84px;
    	}
    	.companyhonor-main .body .bd{
    		 height: auto; padding: 10px 0 20px 60px;
    	}
    	.companyhonor-main .body li.active{
    		/*height: auto;*/
    	}
    	
    	.cultrue-txt{
    		padding: 40px 0 20px;
    	}
    	.cultrue-txt li{
    		height: auto; margin-right: 0; 
    	}
    	.cultrue-txt .num{
    		width: auto; float: none;text-align: center; font-size: 60px; line-height: 1.2; width: auto; display: none;
    	}
    	.cultrue-txt .bar,
    	.cultrue-txt li:nth-child(2n) .bar{
    		width: auto; height: auto; background: transparent; float: none;
    		
    	}
    	.cultrue-txt .bar-ico{
    		background: transparent; box-shadow: none; padding-top: 0; width: auto; height: auto;display: block; float: none;
    	}
    	.cultrue-txt .bar-txt,
    	.cultrue-txt li:nth-child(2n) .bar-txt{
    		height: auto; background: transparent; width: auto; float: none;margin: 0; padding: 0; line-height: 1.2;
    	}
    	.cultrue-txt .bar-txt,
    	.cultrue-txt .bar-txt, .cultrue-txt li:nth-child(2n) .bar-txt{
    		margin-top: 15px;text-align: center;
    	}
    	.cultrue-txt li:nth-child(2n){
    		margin-left: 0;
    	}
    	.cultrue-txt li:nth-child(2n) .bar-ico{
    		float: none;
    	}
    	.cultrue-txt .bar-txt{
    		float: none;
    	}
    	.cultrue-txt li:nth-child(1n) .bar-txt{
    		float: none;
    	}
    	.cultrue-txt .bar-txtbox{
    		font-size: 12px; float: none; padding-top: 0;
    	}
    	.cultrue-img{
    		padding-top: 20px; padding-bottom: 0;
    	}
    	.cultrue-img ul{
    		display: flex;
    		display: -webkit-flex;
    		-webkit-flex-wrap: wrap;
    		flex-wrap: wrap;
    		-webkit-justify-content: space-between;
    		justify-content: space-between;
    	}
    	.cultrue-img li{
    		 padding: 10px 0; width: auto;
    	}
    	.cultrue-img .img{
    		display: none;
    	}
    	.contact-meta{
    		padding: 25px 0;
    	}
    	.contact-meta ul{
    		display: flex;
    		display: -webkit-flex;
    		-webkit-flex-wrap: wrap;
    		flex-wrap: wrap;
    	}
    	.contact-meta li{
    		width: 50%; margin-bottom: 10px; padding: 0 10px;
    	}
    	.contact-meta .txt{
    		text-align: center;
    	}
    	.contact-meta .ico{
    		display: block; margin: 0 auto 10px auto;
    	}
    	.contact-map .head{
    		top: 0; width: auto; position: static; font-size: 12px;
    	}
    	.contact-map .head span{
    		padding: 0;
    	}
    	.contact-map .body .map{
    		height: 300px;
    	}
    	.partner .body{
    		padding: 15px 0;
    	}
    	.partner .body ul{
    		width: 100%; margin: 0; overflow: visible; padding: 0;
    		display: flex;
    		display: -webkit-flex;
    		-webkit-flex-wrap: wrap;
    		flex-wrap: wrap;
    		-webkit-justify-content: space-between;
    		justify-content: space-between;
    	}
    	.partner .body li{
    		width: 48%; margin-right: 0;
    	}
    	.partner .body .img{
    		width: 100%; height: auto; padding: 10px;
    	}
    	.partner .body .img img{
    		padding: 15px 25px;
    	}
    	.about-intro{
    		padding: 80px 0 40px;
    	}
    	.about-intro .txt{
    		width: auto; float: none
    	}
    	.about-intro .img{
    		width: auto; float: none; padding-top: 0;text-align: center;
    		margin-bottom: 40px;
    	}
    	.about-intro .img img{
    		width: 230px;
    	}
    	.about-addr{
    		padding-bottom: 40px;
    	}
    	.about-addr .img{
    		position: static;
    	}
    	.about-addr .img img{
    		max-width: inherit;
    		width: 130%;
    	}
    	.about-addr .txt{
    		padding-top: 0; width: auto;
    	}
    	.about-addr .txt-ft .btn{
    		width: 160px; background-size:cover ; height: 60px; line-height: 45px; padding-right: 20px; text-align: center; padding-left: 0;
    	}
    	.about-meta .metabox{
    		width: auto; padding: 5px;
    	}
    	.about-hope{
    		padding: 50px 0;text-align: center;
    	}
    	.about-hope .txt{
    		width: auto;
    	}
    	.about-hope .txt-hd{
    		margin-bottom: 15px;
    	}
    	.companyphoto .img h1{
    		transform: none !important;
    		/*position: relative;*/
    		top: -60px;
    		z-index: 222;
    		font-size: 80px;
    	}
    	.companyphoto .wrapper{
    		padding: 80px 3%;
    	}
    	.companyphoto .img{
    		width: auto;float: none;
    	}
    	.companyphoto .txt{
    		width: auto; float: none; padding-top: 30px;
    	}
    	.history{
    		padding: 30px 0 10px;
    	}
    	.history .gallery-top li{
    		padding: 0;
    	}
    	.history .gallery-top li .img{
    		width: 270px; height: 277px; margin: 0 auto; float: none;
    	}
    	.history .gallery-top li .imgbg{
    		width: 200px; height: 277px; top: 30px;
    	}
    	.history .gallery-top li .img label{
    		bottom: 0; z-index: 3;
    	}
    	.history .gallery-top li .txt{
    		width: auto; float: none;
    	}
    	.history .gallery-thumbs li{
    		width: 210px; height: 50px; background-size: cover; line-height: 32px; font-size: 18px; padding-left: 30px;
    		margin-right: -10px;
    	}
    	.history .swiper-container{
    		padding-bottom: 50px;
    	}
    	.history  .gallery-top .swiper-button-next, 
    	.history  .gallery-top .swiper-button-prev{
    		top: 130px;
    	}
    	
    	.history .gallery-top .swiper-button-prev{
    		left: 5px;
    	}
    	.history .gallery-top .swiper-button-next{
    		right: 5px;
    	}
    	.history .gallery-top .swiper-button-next,
    	.history .gallery-top .swiper-button-prev{
    		width: 48.5px; height: 45.5px; background-size:cover ;
    	}
    	.talent-txt1 .img{
    		text-align: center;
    	}
    	.talent-txt1 .img img{
    		width: 80%;
    	}
    	.happ .left .img2{
    		width: 240px; left: 0; top: -50px;
    	}
    	.companyhonor-main .body {
			    height: 466px;
			}
			.cultrue-txt .bar:before{
				display: none;
			}
			.news-swiper #box{
				height: 460px;
			}
    	* {
		    margin: 0;
		    padding: 0;
		    -webkit-appearance: none; /*鍘绘帀娴忚鍣ㄩ粯璁ゆ牱寮�*/
		    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
		    -webkit-touch-callout: none;
		    box-sizing: border-box;
		}
		.gh {
			position: absolute; right: 3%; top: 15px; z-index: 1; 
			height:28px;
			width:25px;
			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;
		}
		.gh.selected {
			transform: rotate(90deg);
		}
		.gh a {
			background-color: #fff;
			display: block;
			height: 2px;
			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%;
		}
		
		.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;
			width:100%;
		}
		.gh a:after {
			top:8px;
		}
		.gh a:before {
			top:-8px;
		}
		.gh.selected a:after, .gh.selected a:before {
			top: 0;
		}
		.gh.selected a:before {
			transform: translateY(0px) rotate(-45deg);
			-webkit-transform: translateY(0px) rotate(-45deg);
			-ms-transform: translateY(0px) rotate(-45deg);
		}
		.gh.selected a:after {
			transform: translateY(0px) rotate(45deg);
			-webkit-transform: translateY(0px) rotate(45deg);
			-ms-transform: translateY(0px) rotate(45deg);
		}
		.gh.selected a {
			background-color: transparent !important;
		}

    	
    }