@media screen and (min-width:1900px){
	
}
@media screen and (max-width:1600px){
	
}
@media screen and (max-width:1450px){
	.w1400{width:95%; margin:0 auto;}
	.gallery2{width:252px; }
	.gallery2 .img_box{ width:250px; height:188px;}
	
	.gallery3{width:310px; }
	.gallery3 .img_box{ width:280px; height:190px;}
	
	.tech_content .content{width: 100%; }
}
@media screen and (max-width:1366px){
	
}
@media screen and (max-width:1280px){
	.headerwrap{padding: 0 1%;}
	.headerwrap .header .nav li>a{font-size: 15px;padding: 0 20px;}
	.cs-lst li {
    width: 30.3%;
	margin:0px 1.5% 10px 1.5%;
	float:left;}
	
	.gallery3{width:280px; }
	.gallery3 .img_box{ width:250px; height:169px;}
}
@media screen and (max-width:1200px){
	
}
@media screen and (max-width:1150px){
	.headerwrap .header .nav li>a{font-size: 15px;padding: 0 15px;}
	.indexPart0 .left{width:46%; float:left; margin: 0 2%; padding-top: 30px; }
	.indexPart0 .left p{ color:#333333; font-size: 14px; line-height: 24px;}
	.indexPart0 .right{ width:40%; float: right;padding-left: 5%;}
	.index03 .item .text h3{font-size: 26px;}
	.index03 .item .text .more{margin-top: 0.5rem;}
	
	.m-details .p_txt{width:48%;float: left;margin-left: 2%;}
	
}
@media screen and (max-width:1100px){
	.gallery3{width:255px; }
	.gallery3 .img_box{ width:225px; height:152px;}
}
	
@media screen and (max-width:1024px){
	.header_tel,.menuBtn,.header .so-btn-m{display: block;}
	.headerwrap{ display:none; }
	.header .logo{ display:none; }
	.header .hbc{ display:none; }
	.header{ display:none; }
	
	.banner-box {display: none;}
	.indexFlashTel{position:relative; overflow:hidden; display:block; margin-top: 65px;}
	.indexFlashTel .btnDiv{position:absolute; z-index:10; right:0px; bottom:30px; text-align:center; left:0px;}
	.indexFlashTel .btnDiv span{display:inline-block; width:20px; height:2px; background:url(../images/ico1_ban.png) no-repeat; margin:0 5px;}
	.indexFlashTel .btnDiv span.on{ background:url(../images/ico1_banon.png) no-repeat;}
	.indexFlashTel .bd{position:relative; z-index:0;}
	.indexFlashTel .bd li{position:relative; text-align:center;}
	.indexFlashTel .bd li img{ float:left;}
	
	.pageBanner{ margin-top: 65px; }
	.pageBanner .txt1{display: none;}
	
	.footer_tabbar { display: block;}
	
	.pageNav{display:none; }
	.anav{display:none;}
	.pagenavph{ display:block; position:relative; margin-bottom:0px;}
	.pagenavph .back2{ position:absolute; left:0; top:0px;}
	.pagenavph .back2 img{ height:50px; background: #0480c8;}
	.pagenavph .top{ height:50px; line-height:50px; text-align:center; font-size:16px; background-color:#f4f9fc; color: #333;}
	.pagenavph .list{ display:none; position:absolute; z-index:22; top:50px; left:0; width:100%; background: #fff; }
	.pagenavph .list ul{margin: 0; padding: 0;}
	.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;}
	
	
	.i_con_txt{ font-size: 13px; color: #333;margin-top: 8px;  height: 40px;}
	
	.n_right{margin-left: 0px; position: relative; height: 100%; margin-top: 50px;}
	.pbanner { margin-top: 0px; }
	.pbanner .load-img {  width: 130%; margin-left: -15%; overflow: hidden;}
	
	.pw{width:95%;margin:0 auto;}
	
	.gallery2{width:220px; height:auto; }
	.gallery2 .img_box{width:220px; height:165px;}
	.gallery2 .img_box img{ max-width:220px; max-height:165px}
	
	
	.news1 li{ padding-bottom:10px; margin-bottom:15px; padding-left: 0px; padding-right: 0px;}
	.news1 li .imgDiv{ width:150px; height: 100px;}
	.news1 li .imgDiv img{ width:150px; height: 100px;}
	.news1 li .morebox{ display:none;}
	.news1 li .text{ float:none; width:auto; padding-right:0; padding-left:170px; background:none;}
	.news1 li .text h3{font-size:16px; padding-bottom:10px; margin-bottom:0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
	.news1 li .text p{line-height:1.5; height:37px; overflow:hidden; font-size:12px;margin-bottom: 10px;}
	.news1 li .text .time{ font-size:12px; color:#8b8b8c;bottom: 22px;}
	
	.projectshow1{width:90%;}
	.projectshow1 .title{padding-bottom:10px; margin-bottom:20px; padding-top: 0px;}
	.projectshow1 .title h1{ font-size:18px; padding-bottom: 10px; }
	.projectshow1 .contentbox .text h2{ padding-bottom:10px;}
	.projectshow1 .contentbox .text{ margin-bottom:10px; line-height:2;}
	
	#MagnifierWrap{width: 350px; }
	.MagnifierMain{width: 300px;height: 226px;}
	
	.zs_hz{display:none;}
	.view_pic_t{width:100%; display: block;}
	.view_pic_t img{width:100%; height: auto;}
	
	.m-details{ width: 95%;}
	.m-prev,.m-next{height: 38px; width:38px;color: #fff;background-size:auto 100%;}
	.m-prev{top: 18%;background:url(../images/jiant_l.png) no-repeat center #f5f5f5; background-size: auto 100% ;left:0;}
	.m-next{top: 18%;background:url(../images/jiant_r.png) no-repeat center #f5f5f5; background-size: auto 100% ; right:0;}
	.m-back{font-size: 16px;height: 35px;color:#333;line-height: 35px;}
	.m-section4{padding: 0px 0 7px 0; margin-top: 0px; }
	.m-details .txt{ margin-top: 20px;}
	.m-details .txt h3{font-size: 16px;margin:30px 0 15px; padding: 8px; font-weight: normal; border-bottom: 6px solid #f5f5f5; }
	.m-details .txt p{padding-top:5px;}
	.m-details .pic{margin: 0px auto;overflow: hidden; width: 99.5%;height:auto;border: 0px solid #eee; background: #fff; }
	.m-details .pic img{display: block;max-width: 100%;margin: 0px auto;height:auto; padding: 0px 0 0px 0;}
	.m-details .slider .item{ height: auto; padding-bottom:10px;}
	.m-details .slick-dots li{ width: 20px; height: 3px; }
	
	.m-details .p_txt{width:100%;margin-left: 0%; margin-top: 20px;}
	.m-details .p_txt h2{font-size: 18px; padding-bottom: 5px; margin-top: 8px;  border-bottom: 1px solid #e9e9e9; color:#0075cf; margin-bottom: 20px;}
	.aTitle_n{
		margin-top: 15px; border-radius: 5px; width: 120px;
	font-size:18px;
	padding: 10px 15px;
	color:#fff;background: #487e47;
	text-align:center;}
	.td_table td img{ height: auto;max-width:100%;}
	
	.b_gs{display:none;}
	
	.historyTitle{ padding-top: 35px; }
	.historyTitle .title1{ font-size: 20px; line-height: 20px; padding-bottom: 5px; }
	.historyTitle .title2{ height: 30px; }
	.historyTitle .title2:after{ width: 28px; height: 2px; }
	.history{ padding: 25px 0 0px; }
	.history .leftDiv{ width: 100%; float: none; }
	.history .txt{ padding-bottom: 35px; font-size: 26px;}
	.history .list li{ padding-left: 110px; line-height: 26px;padding-bottom: 30px; }
	.history .list li .year{ padding-left: 20px; width: 110px; font-size: 24px; background: url(../images/nimg14_1.png) 12px center no-repeat;}
	.history .list li .content{ font-size: 13px;  padding-bottom: 20px;}
	.history .list li .wen{ font-size: 16px; }
	.history .rightImg{ display: none; }
	
	
	.indexPart0 .left li{width:90px; float: left; margin-right: 10px;}
	.indexPart0 .left li .txt01{ font-size: 16px; color:#878787; margin-bottom: 15px;}
	.indexPart0 .left li .txt02{ font-size: 42px; color:#0079c3; margin-bottom: 10px; font-weight: bold;}
	.indexPart0 .left li .txt02 span{ color:#232323; font-size: 14px; font-weight:normal;}
	
	.footer .bottom h3 strong{display:none;}
	.footer .top dt{margin: 0 0 0 100px;}
	
	.gallery3{width:310px;margin:0 auto 20px auto; }
	.gallery3 .img_box{ width:280px; height:190px;}
	
	.gallery2{width:222px; height:auto; }
	.gallery2 .img_box{width:220px; height:165px;}
	.gallery2 .img_box img{ max-width:220px; max-height:165px}
	
	
	.cs-lst li {
    width: 30.3%;
	margin:0px 1.5% 10px 1.5%;
	float:left;}
	
}
@media screen and (max-width:861px){
	.hrList{ font-size: 14px;}
	.hrList .hspan{ width: 21%;}
	.hrList .hspan:nth-child(3){ display: none;}
	
}  
@media screen and (max-width:768px){
	.td_table table{ margin: 0px 0;}
	.td_table td{ width: 100%; float: left;}
	.td_table td:first-child{ width: 100%;float: left;}
	.td_table td:last-child{width: 100%;float: left; margin-top: 10px;}
	
	.td_table2 table{ margin: 0px 0;}
	.td_table2 td{ width: 100%;}
	.td_table2 td:first-child{ width: 75%;}
	.td_table2 td:last-child{width: 25%;}	
	
	.header_tel{ height:50px; width: 100%;  }
	.header_tel .logo img{height:32px; width:auto; margin-top: 10px; }	
	
	.pageBanner{ margin-top: 50px; }
	.indexFlashTel{ margin-top: 50px;}
	#aside {top: 50px;}
	.menuBtn {top: 15px;}
		
	.pc-show{display: none!important;}
	.pc-hide{display: block!important;}
	
	
	.n-main{ margin: 20px auto 0 auto;}
	.cs-lst li {
    width:47%;
	margin:0px 1.5% 10px 1.5%;
	float:left;}
	

	
	.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}
	
	.address .footer-right{ margin-top:10px;} 
	.address{ margin:0px auto 0 auto; }
	.address h2{ padding-right:0; font-size:20px; margin-bottom: 10px;}
	.address span{ font-size:14px; margin-bottom:5px;}
	.footer-right{ width:100%; float:left; margin-top:26px; display: none;}
	.map{ height:388px;}
	.mapwr{margin-bottom: 20px;}
	
	.w50_box{width: 100%;  float: left;}
	
	.two_menu a{height: 35px; line-height: 32px; padding: 0 15px 0 8px; color:#666;  margin: 0 10px 10px 0px;  border-radius: 30px; font-size: 13px;}
	.three_menu a{  text-align: center;display:inline-block;height: 25px; line-height: 22px; padding: 0 20px 0 0;}
	.anniu01{ padding:8px 30px; margin: 0px 30px 20px 0; font-size: 15px;}
	
	
	/*footer*/
	.footer{ padding-bottom:40px; margin-bottom: 30px;}
	.footer .top dd{display: none;}
	.footer .bottom h3 strong{display: none;}
	.footer .bottom h4{display: none;}
	.footer .bottom h3{letter-spacing: 0;width: 100%;}
	.footer{padding: 5%;}
	.footer .bottom h3 a{display: inline-block;margin-left: 10px;}
	.footer .top dt{margin: 0;width: 100%;display: flex;display: -webkit-flex;justify-content: flex-start;-webkit-justify-content:flex-start;align-items: center;-webkit-align-items:center;}
	.footer .top{margin-bottom: 0px;border-bottom: 1px solid #747474;padding-bottom: 20px;margin-bottom: 20px;}
	.footer .top dt img{width: 100px;height: auto;}
	.footer .top dt span i{display: block;font-size: inherit;color: inherit;font-style: normal;}
	.footer .top dt span{display: flex;display: -webkit-flex;justify-content: flex-start;-webkit-justify-content:flex-start;align-items: center;-webkit-align-items:center;margin-left: 10px;color: #fff;margin-top: 0;font-size: 12px;}
	.footer .bottom h3 a{display: block;margin: 0;}
	.footer .bottom h3{text-align: left;font-size: 14px; line-height: 24px;}
	
	.index-banner {height:300px; margin-top: 50px;}
	.index-banner .swiper-container {height: 300px;}
	.index-banner .item {top: 42%;transform: translateY(-42%); left:5%;}
	.index-banner .item .th2 {font-size: 20px;}
	.index-banner .item .th3{font-size:30px;}
	.index-banner .item .th1 {font-size: 30px;padding: 10px 0;}
	
	.indexPart0{ padding: 40px 0 50px 0;}
	.indexPart0 .name{margin-bottom: 30px;}
	.indexPart0 .name h2{ font-size: 28px; margin-bottom: 10px;}
	.indexPart0 .name h3{ font-size: 20px;}
	.indexPart0 .right{ width:100%; float: right;padding-left: 0%; height: 250px;}
	.indexPart0 .left{width:100%; float:left; margin: 0 0%; padding-top: 0px; margin-bottom: 20px; }
	.indexPart0 .left h2{  font-size: 20px; margin-bottom: 20px; }
	.indexPart0 .left ul{ margin-top: 30px;}
	
	.index01wrap{padding-top: 40px;}
	.index01wrap .top h4{padding:0 20px;font-size: 13px;}
	.index01wrap .top h3{font-size: 28px;color: #fff;font-weight: normal;}
	.index01wrap .top{margin: 0 auto 30px;text-align: center;}
	.prothere03 .li .text h4{font-size: 14px;}
	.prothere03 .li .text h3{ font-weight:lighter;}
	
	.index03{padding: 0 2%;-webkit-flex-wrap: wrap;flex-wrap: wrap;margin: 30px auto;}
	.index03 .item{width: 100%;margin-bottom: 30px;}
	.index03 .item:last-child{margin-bottom: 0;}
	.index03 .item img{width: 100%;height: 400px;}
	.index03 .item .text h3{font-size: 24px;padding-bottom: 20px;margin-bottom: 20px;}
	.index03 .item .text h4{width: 96%;}
	.index03 .item .text .more{margin-top: 40px;}
	
	.indexPart4{background: #f5f5f5; padding:0px 2% 0px 2%; }
	.i_news_item h2{font-size: 18px;padding: 10px 10px 15px 10px;}
	
	.cs-lst li {
    width:47%;
	margin:0px 1.5% 10px 1.5%;
	float:left;}
	
	
	
	.n_news_title { padding-top: 0px;}
	.n_news_title h2{font-size: 18px;}
	.detailsshare{  padding-top:0px;}
	
	.tu_list .contentBox{ padding-top:00px;}
	.tu_list .box{ padding:0px 0; }
	.tu_list .box .text{ margin-bottom:8px; width:49%; margin-left: 0.5%; margin-right: 0.5%; float: left;}

	
	.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 2.5% 0px; font-size: 14px;}
	.hrList .hrCon{ padding:15px 0px 20px; }
	.join-box-btn{ padding-top: 20px;}
	.news1 li .imgDiv{ width:100px; height: 70px;}
	.news1 li .imgDiv img{ width:100px; height: 70px;}
	.news1 li .morebox{ display:none;}
	.news1 li .text{ float:none; width:auto; padding-right:0; padding-left:115px; background:none;}
	.news1 li .text h3{font-size:15px; padding-bottom:0px;}
	.news1 li .text .time{ font-size:12px; color:#8b8b8c;bottom: 10px;}
	.news1 li .text p{line-height:1.5; height:17px; overflow:hidden; font-size:12px;margin-bottom: 10px;}
	
	.address .footer-right{ margin-top:30px;} 
	.address h2{ padding-right:0; font-size:20px;}
	.address span{ font-size:14px; margin-bottom:5px;}
	.footer-right{ width:100%; float:left; margin-top:26px; display: none;}
	.map{ height:388px;}
	.address{ padding-top: 30px; margin-bottom: 20px;}
	.mapwr{margin-bottom: 20px;}
	
	.treflip{width:100%;padding: 30px 0;}
	.aboutLeft{width:96.5%;padding-left: 3.5%;}
	.aboutLeft .name{ font-size: 32px;  color: #3f3f3f; font-weight: bold; padding-bottom: 0.1rem; }
	.aboutLeft .year{ font-size: 18px; line-height: 0.6rem; color: #0075cf; text-transform: uppercase;padding-bottom: 0.45rem;}
	.aboutRight{width:95%; margin: 0 auto;padding-right: 0;  float: none;}
	.zzjg{padding: 0 3.5%; text-align: center;}
	.zzjg .name{ font-size: 30px;  color: #3f3f3f; font-weight: bold; padding-bottom: 0.1rem;  width: 100%; text-align: left; border-bottom: 1px solid #eee; margin-bottom: 30px; padding-bottom: 30px;}
	.zzjg img{ max-width:100%; margin: 0 auto; }

	.gallery3{width:280px;margin:0 auto 10px auto; }
	.gallery3 .img_box{ width:250px; height:169px;}
	.gallery3 .img_title{width:100%; text-align:center; padding:3px 0px; }
	
	
}
@media screen and (max-width:641px){
	.anav li{ width:32.6666%; margin:0; margin-right:1%; margin-bottom:1%; }
	.anav li:nth-child(3n){ margin-right:0; }
	
	

}
@media screen and (min-width: 414px) and (max-width: 640px) {
	
	.gallery2{ margin:0 auto 10px auto;}
	.gallery2{width:200px; height:auto; }
	.gallery2 .img_box{width:200px; height:150px;}
	.gallery2 .img_box img{ max-width:200px; max-height:150px}
	.gallery2 .img_title{padding:5px 0px; }
	
	
	
}

@media screen and (min-width: 415px) and (max-width: 640px) {
	
	.gallery2{width:180px; height:auto;margin:0 auto 10px auto; }
	.gallery2 .img_box{width:180px; height:135px;}
	.gallery2 .img_box img{ max-width:180px; max-height:135px}
	
	.gallery3{width:190px; padding: 5px 5px 5px 5px; }
	.gallery3 .img_box{ width:180px; height:122px;}
	
	.gallery2_links{width:202px; height:auto; padding:0px;margin:0 auto 10px auto; }
	.gallery2_links .img_box{width:200px; height:68px;}
	.gallery2_links .img_box img{ max-width:200px; max-height:68px}
	.gallery2_links .img_title{padding:10px 0px;}	
	
	
}
@media screen and (min-width: 376px) and (max-width: 414px) {
	.gallery2{width:180px; height:auto;margin:0 auto 10px auto; }
	.gallery2 .img_box{width:180px; height:135px;}
	.gallery2 .img_box img{ max-width:180px; max-height:135px}
	
	.gallery3{width:180px; padding: 5px; }
	.gallery3 .img_box{ width:170px; height:115px;}
	
	.gallery2_links{width:182px; height:auto; padding:0px;margin:0 auto 10px auto; }
	.gallery2_links .img_box{width:180px; height:61px;}
	.gallery2_links .img_box img{ max-width:180px; max-height:61px}
	.gallery2_links .img_title{padding:10px 0px;}	
	
	
}

@media screen and (min-width: 320px) and (max-width: 375px) {
	.gallery2{width:160px; height:auto;margin:0 auto 10px auto; }
	.gallery2 .img_box{width:160px; height:120px;}
	.gallery2 .img_box img{ max-width:160px; max-height:120px}
	
	.gallery3{width:170px; padding: 0px; }
	.gallery3 .img_box{ width:170px; height:115px;}
	
	.gallery2_links{width:172px; height:auto; padding:0px;margin:0 auto 10px auto; }
	.gallery2_links .img_box{width:170px; height:58px;}
	.gallery2_links .img_box img{ max-width:170px; max-height:58px}
	.gallery2_links .img_title{padding:10px 0px;}	
	
}

@media screen and (max-width: 320px) {
	.gallery2{width:140px; height:auto;margin:0 auto 10px auto; }
	.gallery2 .img_box{width:140px; height:100px;}
	.gallery2 .img_box img{ max-width:140px; max-height:100px}
	
	.gallery2_links{width:142px; height:auto; padding:0px;margin:0 auto 10px auto; }
	.gallery2_links .img_box{width:140px; height:47px;}
	.gallery2_links .img_box img{ max-width:140px; max-height:47px}
	.gallery2_links .img_title{padding:10px 0px;}	
	
	.gallery3{width:140px; padding: 0px; }
	.gallery3 .img_box{ width:140px; height:95px;}
	
}