@media screen and (max-width:1600px){
	.Header-wrapper #menu-holder .nav .til1 a {	margin-left: 0.6rem;}
	.wrap{width: 95%;}
	.i_news_list{margin:0 -2%;}
	.i_news_item{width: 30%; margin:0 2% 0 2%;}
	
	.H-action{ margin:34px 0px 0 0;}
	.H-action2{ margin:0px 0px 0 0;}
	.Hlang-box{right:3px;}
}
@media screen and (max-width:1360px){
	.wrap{width: 95%;}
	.Header-wrapper #menu-holder .nav .til1 a {	margin-left: 0.5rem;}
	.pageBanner .imgDiv img{ width:130%; margin-left: -15%;}
}
@media screen and (max-width:1280px){
	 .collections__nav .swiper-slide {padding: 0 0em;} 
}
@media screen and (max-width:1200px){
	
}
@media screen and (max-width:1130px){
	.cs-lst li {
    width:30.3%;
	margin:0px 1.5% 10px 1.5%;
	float:left; }
	.Header-wrapper #menu-holder .nav .til1 a {	margin-left: 0.4rem;}
	.Header-wrapper #menu-holder .nav a{font-size:15px;	}
	.Header-wrapper #menu-holder .nav {padding-left: 10%;}
}
@media screen and (max-width:1000px){
	.wrap{width: 98%;}
	.banner,.Header-wrapper{ display:none;}
	.header_tel{ display:block;}
	.tabs nav a.icon span{display:none; }
	.icon::before{margin: 15px 0.4em 0 0;}
	.i_cp_cont .fenlei a{width:80px; padding:0.5rem 0; height: auto;line-height: 1; color:#fff; margin-right: 8px;font-size: 14px; margin-bottom: 8px; } 
	.i_cp_cont{ width: 90%; left: 5%; top:25%;}
	.i_cp_cont .p{font-size: 14px;}
	.i_cp_bg .cp_bg img{height: auto; width: 150%; margin-left: -25%;}
	.indexPart2 ul li{ width:50%; float: left; position: relative;}
	
	.two_menu{ padding: 25px 0 15px 0;}
	.two_menu a{ width: 18%; text-align: center;display:inline-block;height: 45px; line-height: 45px; background: #e6e7e8; border-radius: 30px; margin: 0 1% 10px;}
	
	.menuBtn,.header .so-btn-m,.Phone-Box,.bannerTel{display: block;}
	.menuBtn {top: 22px;}
	.container { padding-left: 0%; margin-top: 65px;}
	#aside {top: 65px;}
	.footer_tabbar { display:block;}
	footer .footer-ul{width:75%;}
	footer .footer-ul li dt{font-size:15px;}
	footer .footer-ul li dd{font-size:12px;}
	footer .footer-ul li dd a{font-size:12px;}
	.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;}
	.nav,.pageNav,.PC-Box{ display:none;}
	header.pchad .close{top: 100px;	right: 10px;}
	
	
	
	
	.pagenavph{ display:block; position:relative; margin-bottom:0px;}
	.pagenavph .back2{ position:absolute; left:0; top:0px;}
	.pagenavph .back2 img{ height:50px; background: #00a8cb;}
	.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(../image/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: 40px 0;}
	.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(../image/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%; }
	
	
	.search-top-box {margin-top: 70px;}
}
@media screen and (max-width:861px){ 
} 
@media screen and (max-width:768px){
	.menuBtn{top: 13px;}
	#aside {top: 50px;}
	.header_tel{ height:50px;  }
	.header_tel .logo img{ height:40px; width:auto; margin-top: 5px;}
	.ind-bannerTel{ margin-top: 50px;  } 
	
	.tabs-style-underline nav a {padding: 0.25em 0 0.5em;height: 65px;}
	.icon::before{margin: 5px 0.4em 0 0;}
	
	.indexPart2 .name h2,.indexPart3 .name h2,.indexPart4 .name h2{font-size: 24px; padding-top: 25px; }
	.indexPart2 .name p{ color:#838383; font-size: 13px; padding-top: 15px; width: 80%; margin: 0 auto;}
	.indexPart2 .name{ height: 133px; }
	.indexPart2 .name .more,.indexPart3 .name .more,.indexPart4 .name .more{display:none;}
	.indexPart2 ul li{ width:100%; float: left; position: relative;}
	
	.indexPart3{ padding: 10px 0;}
	.indexPart3 .name,.indexPart4 .name{margin-bottom: 30px; }
	.i_news_list{margin:0 -3%;}
	.i_news_item{width: 94%;margin:0 3% 0 3%;}
	.i_news_item h2{ font-size: 16px; padding: 20px 0px 10px 0px;}
	
	.indexPart4{padding: 30px 0;}
	
	.cp_neir{ padding: 40px 0;}
	.cp_neir ul{margin: 0 0%;}
	.cp_neir ul li{width: 47%;margin: 0 1.5% 15px 1.5%;padding: 8px;	}
	
	.cp_neir ul li .txt{ font-size:16px;}    
	.cp_neir ul li .txt2{ font-size:16px;margin-bottom: 0px;}
	.cp_neir ul li .jg span{font-size:20px;}
	
	.cp_neir ul li button {	width:40px; height: 40px;right:10px; bottom:20px;}
	
	.two_menu a{ width: 20%; height: 35px; line-height: 35px; background: #e6e7e8; border-radius: 30px; margin: 0 0.5% 10px;}
	
	.gwc_box{padding:20px 0; margin-top: 60px; }	
	.gwc_box table thead {font: bold 16px/45px "微软雅黑";}
	.pchad table thead {font: bold 16px/45px "微软雅黑";}
	.pchad .box,.gwc_box .box {font: bold 16px/200px "微软雅黑";text-align: center;}
	
	
	.bread-box{	margin-top: 50px;}
	
	.bread-box .back{font-size: 14px;}
	.show_ym{ padding-top: 30px;}
	.showinfo-top-box .left{ width:100%;}
	.showinfo-top-box .right {margin-left: 0%;width:100%; margin-top: 20px;}
	.showinfo-top-box .right .tit{font-size:20px;}
	.n_p_aniu li {font-size: 28px;}
	.n_p_xxjs{ margin-bottom:0px;}
	
	.n_p_xxcp .name2 {font-size: 18px; padding-top: 20px; padding-left: 8px;}
	
	.about-box{padding: 40px 0;}
	.sub-tit .en {  font-size:60px;line-height:45px;	}
	.sub-tit .cn {font-size: 20px;	}
	.about-box .about-con{margin: 30px auto 0;}
	
	.pageBox{ padding:40px 0; }
	.pageTitle .title1{ font-size: 20px; line-height:20px; padding-bottom:5px; }
	
	.pageBanner{margin-top: 50px;}
	
	
	footer{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:20px; font-size: 14px; }
	footer .footer-left .num-tel{font-size:0.7rem; padding-bottom: 10px;}
	footer .footer-left .quan-tel{font-size:24px; padding-bottom: 20px;}
	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 15px 20px 15px;	}
	.showinfo-top-box .cp_tu{ border:0px solid #eee;}
	.n_p_xxjs .box{ padding: 30px 15px;}
	.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 10px; width:100%;}
	.projectshow1 .title h1{ font-size: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%; }

	.h100{ height:30px;}
	
	.nav-circlepop a {width: 40px;height: 40px;}
	.nav-circlepop a {top: 50%;background: rgba(0, 168, 203, 0.6);}
}
@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; }
	
	
	
}