@media screen and (max-width:1600px){
	.nav a{ padding: 0 18px;}
	.gallery2 .img_box{ width:302px; height:215px; }
	#about-4 #history .viewport .btn { top:28px; }
	.indexPart1 .i_1_left p{ font-size: 16px;}
	.indexPart2 .index-list1-swiper .index-list1-prev a,.indexPart2 .index-list1-swiper .index-list1-next a{font-size:18px;}
	.indexPart2 .index-list1-swiper .index-list1-prev span{margin-right:0.2rem;	}
	.indexPart2 .index-list1-swiper .index-list1-next span{margin-left:0.2rem;	}
	.indexPart3 .tab .lbox{ padding: 0 5%; }
	
	
}
@media screen and (max-width:1360px){
	.pageNav{width: 95%;margin-left: -47.5%;}
	.gallery2 .img_box{ width:250px; height:178px; }
	.indexPart3 .tab li .imgDiv{ position: absolute; left:0.3rem; top: 25px; width:150px;}
	.indexPart3 .tab li .bg{ padding: 0 30px 0 200px;}
	
}
@media screen and (max-width:1280px){
	 .collections__nav .swiper-slide {padding: 0 0em;} 
}
@media screen and (max-width:1200px){
	.indexPart3 .tab li .imgDiv{  width:120px;}
	.indexPart3 .tab li .bg{ padding: 0 30px 0 160px;height: 130px;}
	.indexPart3 .tab{ bottom:30px; }
	
}
@media screen and (max-width:1130px){
	.nav a{ padding: 0 13px;}
	.cs-lst li {
    width:30.3%;
	margin:0px 1.5% 10px 1.5%;
	float:left; }
}
@media screen and (max-width:1000px){
	.menuBtn,.header .so-btn-m,.Phone-Box,.bannerTel{display: block;}
	.ly-banner{ display:none;}
	.menuBtn {top: 22px;}
	.container { padding-left: 0%; margin-top: 65px;}
	#aside {top: 65px;}
	.footer_tabbar { display:block;}
	.pageBox{ padding: 0.8rem 0.2rem; }
	
	.max_header .header,.header{height:65px;position: fixed;z-index: 999; }
	.max_header .top_logo{padding:0px 0 0 0%;}
	.max_header .logo_img img,.logo_img img{ height:66px; width:auto;}
	.header-ri,.nav,.pageNav,.PC-Box{ display:none;}
	
	.pagenavph{ display:block; position:relative; margin-bottom:0px;}
	.pagenavph .back2{ position:absolute; left:0; top:0px;}
	.pagenavph .back2 img{ height:50px; background: #005678;}
	.pagenavph .top{ height:50px; line-height:50px; text-align:center; font-size:16px; background-color:#eeeeee; color: #333;}
	.pagenavph .list{ display:none; position:absolute; z-index:22; top:50px; left:0; width:100%; background: #fff}
	.pagenavph .list li{  font-size:14px; color:#8b8b8c; border-bottom:1px #eee solid;  }
	.pagenavph .list li a{ display:block; height:40px; line-height:40px;color:#8b8b8c; background-color:#fff; text-align:center;}
	.pagenavph .list li a:hover{ background-color:#333333; color:#fff;}
	.pagenavph .down_jt{width:30px; height: 11px;background:url(../images/ico30_5.png) no-repeat right center; position:absolute; right:0;top:2px;-webkit-animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite; animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;}
	
	.txtDiv{display:none; }
	
	.aboutPart1{ padding: 0.8rem 0.2rem 0.8rem;}
	.aboutPart1 .leftDiv{ width: auto; float: none; }
	.aboutPart1 .name{ font-size: 0.36rem; line-height: 0.36rem;padding: 0.5rem 0 0.2rem;}
	.aboutPart1 .txt{ font-size: 0.36rem;line-height: 20px; }
	.aboutPart1 .content{ font-size: 0.24rem; line-height: 0.42rem; padding-right: 0;}
	.aboutPart1 .rightDiv{ width: auto; float: none; padding-top: 0.5rem; }
	
	.history .bigBox{ margin-top: 0.6rem; padding: 0 1.2rem;}
	.history .bigBox:before{ top: 0.66rem; }
	.history .bigBox .prev{ left: 0; top: 0.34rem; width: 0.68rem; height: 0.68rem; background-size: 0.68rem; }
	.history .bigBox .next{ right: 0; top: 0.34rem; width: 0.68rem; height: 0.68rem; background-size: 0.68rem; }
	.historyPic{ position: relative;}
	.historyPic .swiper-slide{ background: url(../images/nimg16_1.png) left 0.58rem no-repeat; background-size: 0.22rem;}
	.historyPic .year{ font-size: 0.6rem; line-height: 0.6rem; }
	.historyPic .msgList li{ padding-bottom: 0.36rem; }
	.historyPic .msgList li .time{ font-size: 0.3rem; }
	.historyPic .msgList li .msg{ font-size: 0.24rem; line-height: 0.42rem; padding-right: 0.8rem; }
	
	.cs-lst li {
    width:49%;
	margin:0px 0.5% 5px 0.5%;
	float:left; }
	
	.hrList{ font-size: 14px;}
	.hrList .hspan{ width: 21%;}
	.hrList .hspan:nth-child(3){ display: none;}
	
	.ctabox{ margin-top:0%; }
	
	.indexPart1{ background: url(../images/i_001.jpg) no-repeat -200px 0; }
	.indexPart1 .i_1_left{ width:98%; padding-left: 2%;} 
	.indexPart1 .i_1_left .i_but{  margin-top: 5px; }
	.indexPart1 .i_1_left .i_but2{  margin-top: 5px; }
	.indexPart1 .i_1_right{ width:100%; margin-right: 0;}
	.indexPart1 .i_1_left h3{ font-size: 0.32rem; }
	.indexPart1 .i_1_left p{ width:85%;font-size: 14px;}
	.indexPart1 .shuli li .number .shu{font-size:0.6rem;}
	.indexPart2 .name p{margin-top: 5px;}
	
	.indexPart3 .bigImg img{ width: 100%; min-height:220px;}
	.indexPart3 .tab{ position: absolute; bottom: 10px; left: 0%; width: 100%; z-index: 2;}
	.indexPart3 .tab .lbox{ padding: 0 3%; }
	.indexPart3 .tab ul{ margin-right: -10px; }
	.indexPart3 .tab li{ float: left; width: 33.33%; position: relative;}
	.indexPart3 .tab li .box{ margin-right: 10px; height:40px;}
	.indexPart3 .tab li .bg{ position: relative; height: 40px; background:rgba(250,250,250,.8); padding: 0 10px 0 10px;}
	.indexPart3 .tab li .bottom{ display: none; margin-left:4%; width: 92%; height: 5px; background: #005678;}
	.indexPart3 .tab li .imgDiv{ position: absolute; left: 10px; top: 10px; width:30px; display: none;}
	.indexPart3 .tab li .imgDiv img{ width:100%; height: auto;}
	.indexPart3 .tab li .name{  padding-top: 8px; margin-bottom:5px; font-size:14px; color: #000;  overflow: hidden;}
	.indexPart3 .tab li .msg{ color: #888; height: 48px; line-height: 24px; overflow: hidden; display: none;}
	.indexPart3 .tab li .ico{ position: absolute; width: 10px; height: 3px; right: 30px; top: 50%; margin-top: 1px; background: url(../images/ico1.png) no-repeat;}
	.indexPart3 .bigImg  span{  font-size: 12px; }
	.search-top-box {margin-top: 70px;}
	.pageBanner{
		padding-top: 65px;
	}
}
@media screen and (max-width:861px){ 
} 
@media screen and (max-width:768px){
	.menuBtn{top: 13px;}
	#aside {top: 50px;}
	.max_header .header,.header{height:50px; }
	.max_header .logo_img img,.logo_img img{ height:50px;}
	.pageBanner{
		padding-top: 50px;
	}
	footer .footer-ul{ display:none;}
	footer .footer-left{float: left; width:100%;text-align: center;}
	footer .footer-left .f-logo .txt{  text-align: center;margin-bottom:0.1rem; }
	footer .footer-left .num-tel{font-size:0.7rem; padding-bottom: 10px;}
	footer .footer-left .f-logo{margin-top:0.3rem;margin-bottom: 0.3rem;text-align:center;}
	footer .footer-bottom{height:auto; padding: 10px 0;	line-height:26px; margin-bottom: 42px;}
	footer .footer-bottom .b_r{ float:left; text-align: center; width: 100%;}
	footer .footer-bottom p{text-align: center; float:none;}
	.f_1{width:100%; float: left;}
	
	
	.n_pro{ padding:30px 20px;}
	.n_pro li{  width:49.6%;}
	 ul.n_pro_p li{ width:49.6%;}
	
	.showinfo-top-box{padding:20px 20px 40px 20px;	}
	.p_list{padding: 0 20px 50px 20px;}
	.p_list .left{ width:100%; }
	.p_list .right{ width:100%; float: left;}
	
	.p_list .right li{ width:49.6%; float: left;}
	.n_about .name h2{font-size: 20px;}
	.i_pro .name h2,.i_pro .name h3{font-size: 20px;}
	.n_pro .name h2,.n_pro .name h3{font-size: 24px; line-height: 0.5em;}
	
	.n_pro ul{margin-top: 30px;}
	
	.news{padding:30px 20px; }
	.news-img img{width:100%;height:130px;object-fit:cover;}
	.projectshow1{padding:30px 20px;}
	
	.search {width: 100%;}
	.search_box { width: 90%;}
	.search_right{padding:30px 20px;}
	
	ul.n_pro_p {margin-top: 0px;}
	.p_list .left table{ width:100%;overflow:auto;}
	
	.height01 {min-height: calc(100vh - 180px);}
	.pageBox{ padding: 0.5rem 0.1rem; }
	.gallery2{margin:0 auto 10px auto; padding:5px;}
	.gallery2 .img_title{  margin-top: 0px;}
	
	.gallery4{ margin:0 auto 0.2rem auto; width: 95%; padding: 5px;}
	
	.hrList .hrdt,.hrList .hspan,.hrList .hrT .hspan{ height: 44px; line-height: 44px;}
	.hrList .hspan:nth-child(2), .hrList .hspan:nth-child(4){ display: none;}
	.hrList .hspan:nth-child(1){ width: 74%;}
	.hrList .ib{ margin-top: 14px;}
	.recruitment-info{ padding: 20px 5%; margin-top: 20px; margin-bottom: 20px;}
	.recruitment-info h3{ font-size: 18px}
	.hrList{ margin: 0px 0px 20px; font-size: 14px;}
	.hrList .hrCon{ padding:15px 0px 20px; }
	.join-box-btn{ padding-top: 20px;}
	
	.anli_cnt{padding:20px 0 20px;}
	.anli_item{width: 98%;margin:0 1% 30px 1%;}
	.anli_item p{margin-bottom: 20px;}
	
	.anli_item h2{padding: 20px 0px 10px 0;}
	
	.ctaList .namebox{ width:100%; float:left; }
	.ctaList .mabox{ width:100%; }
	.ctaList li{ width:100%;padding:30px 0 16px 0;}
	.ctabox .pa{ padding:30px 15px; }
	.cats_49{width:100%;}
	.ditu{  height: 350px; }
	
	.partner .rightList li{ float: left; width: 48%;}
	
	.n_pro_pic .casePic{ width:100%; }
	.n_pro_pic_right{width: 100%; }
	
	.indexPart2 .name p{font-size:14px; margin-top: 10px; }
	.indexPart2 .name p a{ padding:0 3px; }
	.indexPart2 .name .more{ display:none;}
	.indexPart2 .index-list1-swiper .index-list1-prev a,.indexPart2 .index-list1-swiper .index-list1-next a{ display: none;}
	.indexPart2 .index-list1-swiper .index-list1-prev span,.indexPart2 .index-list1-swiper .index-list1-next span{background-size:16px;}
	.indexPart2 .index-list1-swiper .index-list1-prev,.indexPart2 .index-list1-swiper .index-list1-next{top:35%;}
	
	.i_news_item{width: 95%;}
	.i_news_item h2{font-size:16px;}
	.i_news_list li:last-child{ display:none;}
	.i_news_list li:nth-child(2){ display:none;}
	.indexPart3 .bigImg  span{ display:none; }
	.i_news_list{margin:0 0%;}

	.h100{ height:30px;}
}
@media screen and (max-width:641px){
	
	
	
}
@media screen and (min-width: 480px) and (max-width: 640px) {

	.gallery2{width:212px; height:auto; }
	.gallery2 .img_box{ width:210px; height:150px; }
	
	
	
}
@media screen and (min-width: 375px) and (max-width: 480px) {
	
	.gallery2{width:172px; height:auto; }
	.gallery2 .img_box{ width:170px; height:121px; }
	
	
	
}

@media screen and (min-width: 320px) and (max-width: 375px) {
	.gallery2{width:152px; height:auto; }
	.gallery2 .img_box{ width:150px; height:107px; }
	
	


}

@media screen and (max-width: 320px) {
	.tu_list .box .text2,.tu_list .box .text{ width: 100%;}
	
	.gallery2{width:262px; height:auto;}
	.gallery2 .img_box{ width:260px; height:185px; }
	
	
	
}