@media screen and (min-width:1900px){
	.cs-lst li{
    width: 22%;
	margin:0px 1.5% 10px 1.5%;
	float:left; }
}
@media screen and (max-width:1600px){
	.i_about_tu{ width: 40%; position: absolute; left: 8%; top:24%;}
	.i_about_txt { width:40%; right: 8%;top:24.5%; }
	.i_about_txt p {font-size: 14px;line-height: 28px; height: 165px;}
	.i_about_txt h3{ color:#3a5c75; font-size: 30px;text-align: left; font-weight: 300; margin-bottom: 30px;}
	.i_about_txt h2{ font-size: 32px; }
	
	
	.i_pro li .one .jt01{ width:44px;height: auto;margin-left: -22px;}
	.i_pro li .one .jt02{ width:44px;height: auto;margin-left: -22px;}
	.i_pro li .one .jt01 img,.i_pro li .one .jt02 img{width:100%; height: auto;}
	
	.i_pro li .one .txt {width:85%; }
	.i_pro li .one .txt h2{font-size: 26px; }
	.i_pro li .one .txt h3{font-size: 14px;  margin-bottom: 20px; }
	.i_pro li .one .txt p{font-size: 14px; margin-top: 20px; line-height: 30px;}
	
	/*i_pro*/
	.pw{width:80%;margin:0 auto;}
	.cs-lst li{
    width:30.3%;
	margin:0px 1.5% 10px 1.5%;
	float:left; }
	.news1 li .text{ width:620px;}
	
	.anav2 li{width:155px; font-size: 14px;}
	.anav2 li a{font-size: 14px;}
	
}
@media screen and (max-width:1450px){
	.news1 li .text{ width:550px;}
	.anav2 li{width:145px;}
	
	.anav li{width:175px; font-size: 13px;}
	.anav li a{font-size: 13px;}
}
@media screen and (max-width:1366px){
	.news1 li .text{ width:480px;}
	.anav2 li{width:130px; font-size: 12px;}
	.anav2 li a{font-size: 12px;}
	.anav li{width:135px;}
}
@media screen and (max-width:1280px){
	.i_about_tu{ width: 40%; position: absolute; left: 8%; top:30%;}
	.i_about_txt p {font-size: 14px;line-height: 28px; height: 145px;}
	.i_about_txt h3{ color:#3a5c75; font-size: 28px;text-align: left; font-weight: 300; margin-bottom: 30px;}
	.i_about_txt h2{ font-size: 32px; }	
	
	.i_pro li .one .txt {width:85%; }
	.i_pro li .one .txt h2{font-size: 22px; }
	.i_pro li .one .txt h3{font-size: 13px;  margin-bottom: 20px; }
	.i_pro li .one .txt p{font-size: 13px; margin-top: 20px; line-height: 24px;}
	
	.i_con_txt{ font-size: 14px; }
	
	.pw{width:85%;margin:0 auto;}
	.gallery2{width:200px; height:auto; }
	.gallery2 .img_box{width:200px; height:150px;}
	.gallery2 .img_box img{ max-width:200px; max-height:150px}
	.news1 li .text{ width:450px;}
	
	.ls_page ul li{float: left;width: 31.3%;margin: 0 1% 40px 1%;position: relative;overflow: hidden; border: 1px solid #eee; padding: 10px;}
	
}
@media screen and (max-width:1200px){
	.news1 li .text{ width:400px;}
	.anav2 li{width:115px;}
}
@media screen and (max-width:1150px){
	.news1 li .text{ width:350px;}
}
@media screen and (max-width:1100px){
	.news1 li .text{ width:300px;}
	.anav2 li{width:105px;}
	.anav li{width:125px;}
}
@media screen and (max-width:1024px){
	.header_tel,.menuBtn,.header .so-btn-m{display: block;}
	.header .nav{ display:none; }
	.header .logo{ display:none; }
	.header .hbc{ display:none; }
	.header{ display:none; }
	.section { margin-left: 0; height: auto; }
	.section .bg {margin-left: 0;}
	
	.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;}
	
	.foot{ display: block;bottom: 42px;background: #487e47; text-align: center; margin-left: 0; }
	.foot .zi { display: block;}.foot .zi2 { display: none;}
	.footer_tabbar { display: block;}
	
	.foot_n{ display: block;bottom: 42px;background: #487e47; text-align: center; margin-left: 0; }
	.foot_n .zi { display: block;}.foot_n .zi2 { display: none;}

	.section2 { height:475px;background-size: cover;}
	.section3 { background-size: cover; height: 700px;}
	.section4 { height: 680px; margin-bottom: 30px;}
	
	.i_about_tu{ width: 40%; position: absolute; left:5%; top:60px; margin-left: 0%; opacity: 1;transition: all 1s;}
	.i_about_txt { width:45%; min-width: 300px; position: absolute; right: 5%;top:60px; margin-right:0%;opacity: 1;transition: all 1s; padding: 30px 0;}
	
	.i_pro{ width:100%; position: relative;}
	.i_pro li{ width:33.3333%; float: left;display: block;height: 700px; transition: all 1s}
	.i_p_anim01{opacity: 1;transition: all 1s;margin-top:0px; }
	.i_p_anim02{opacity: 1;transition: all 1s;margin-top:0px; }
	.i_p_anim03{opacity: 1;transition: all 1s;margin-top:0px; }
		
	.bg21 { position: absolute; left: 0%; top:0%; width: 100%; height:350px; margin-left: 0; margin-bottom:0px; background: url(../images/006.jpg) 0 0 no-repeat; background-size: 100% auto; transition: all 1s;  opacity: 1; margin-left: 0px; z-index: 3;display: none; }
	.bg22 { display: none;}	
	.bg41 { position: absolute;  left: 0; top: 0; width: 100%; height:200px; background: url(../images/012.jpg) 50% 0 no-repeat; background-size: 100% 100%;transition: all 1s;}
	.i_con_name{width:158px; max-width: 240px; min-width: 200px; height:456px;background: url(../images/zi04.png) 50% 0 no-repeat; background-size: 70% auto;position: absolute; left: 50%; margin-left: -100px; top:4%;opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition: all 1s;text-indent: -9999px;}
	.bg42 { position: absolute; bottom: 280px; width: 43%;  transition: all 1s; left:5%;}
	.bg43 { position: absolute; bottom: 280px; width: 43%; transition: all 1s;left:50%;}
	.bg44 { position: absolute; bottom: 90px; width: 43%; transition: all 1s; left:5%;}
	.bg45 { position: absolute; bottom: 90px; width: 43%; transition: all 1s;left:50%;}
	
	.anav{display:none;}
	.pagenavph{ display:block; position:relative; margin-bottom:0px;}
	.pagenavph .back2{ position:absolute; left:0; top:-3px;}
	.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 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{  margin-top: 30px; }
	.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 .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;}
	
	.m-back{ height: 40px;color:#333;line-height: 40px;font-size: 18px;text-align: center; margin-top: 0;}
	.m-prev{width: 25px;background-size: 100%;top: 50%; margin-top: -18px;}
	.m-next{width: 25px;background-size: 100%;top: 50%; margin-top: -18px;}
	.m-details dl{overflow: hidden;padding: 10px 0px 20px; }
	.m-details .txt{ margin-top: 0px;}
	.m-details .txt h2{font-size: 20px;line-height: 32px;height: 40px;margin:0px 0 5px; font-size: 18px;}
	.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; }
	.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; }
	
}
@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_m img{ height:50px; width:auto; }
	
	.section4 { height: 440px; margin-bottom: 30px;}
	.i_con_tu img{width:80%; height: auto;max-width: 110px;}
	.bg42 { position: absolute; bottom: 250px; width: 43%;  transition: all 1s; left:5%;}
	.bg43 { position: absolute; bottom: 250px; width: 43%; transition: all 1s;left:50%;}
	.bg44 { position: absolute; bottom: 90px; width: 43%; transition: all 1s; left:5%;}
	.bg45 { position: absolute; bottom: 90px; width: 43%; transition: all 1s;left:50%;}
	
	.indexFlashTel{ margin-top: 50px;}
	#aside {top: 50px;}
	.menuBtn {top: 15px;}
	
	.section2 { background: url(../images/004.jpg) right;background-size: auto 100%; height:auto;}
	.section3 { height:auto;}
	
	.i_pro li{ width:100%; height: 600px}	
	.pc-show{display: none!important;}
	.pc-hide{display: block!important;}
	.i_pro_bj1{background: url(../images/007.jpg) no-repeat center; background-size:100% auto;transition: all 1s}
	.i_pro_bj2{background: url(../images/008.jpg) no-repeat center; background-size:100% auto;transition: all 1s}
	.i_pro_bj3{background: url(../images/009.jpg) no-repeat center; background-size:100% auto;transition: all 1s}
	
	
	.i_about_tu{ width: 86%; position: relative; left:6%; top:40px; margin-left: 0%; opacity: 1;transition: all 1s;}
	.i_about_txt { width:92%; min-width: 300px; position: relative; right:0;left: 4%;top:60px; margin-right:0%;opacity: 1;transition: all 1s; padding: 30px 0;}
	.i_about_txt h2{ color:#4796cf; font-size: 32px; text-align: left; background: url(../images/004.png) no-repeat right; width: 260px; }
	.i_about_txt h3{ color:#3a5c75; font-size: 24px;text-align: left; font-weight: 300; margin-bottom: 20px;}
	.i_about_txt .more{ margin-top: 20px; margin-bottom: 70px;}
	.i_about_txt p {font-size: 14px; line-height: 28px;  text-align: left; height: 175px; overflow: hidden;}
	
	
	.n-main{ margin: 20px auto 0 auto;}
	.cs-lst li {
    width:47%;
	margin:0px 1.5% 10px 1.5%;
	float:left;}
	.propanel{
	padding:5% 0 60px 0;
	}
	.aTitle,
	.pTitle,
	.abTitle .ch{
		font-size:24px;
		}
	.anav{
		margin-top:15px;
		}
	
	.news1 li .imgDiv{ width:130px; height: 85px;}
	.news1 li .imgDiv img{ width:130px; height: 85px;}
	.news1 li .morebox{ display:none;}
	.news1 li .text{ float:none; width:auto; padding-right:0; padding-left:150px; background:none;}
	.news1 li .text h3{font-size:16px; padding-bottom:0px;}
	.news1 li .text .time{ font-size:12px; color:#8b8b8c;bottom: 10px;}
	
	.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;}
	
	.ls_page ul li{float: left;width:48%;margin: 0 1% 10px 1%;position: relative;overflow: hidden; border: 1px solid #eee; padding: 3px;}
}
@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; }
	
	.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: 414px) and (max-width: 640px) {
.gallery2{width:180px; height:auto; }
.gallery2 .img_box{width:180px; height:135px;}
.gallery2 .img_box img{ max-width:180px; max-height:135px}
	
.gallery3{width:180px; height:auto; }
.gallery3 .img_box{width:180px; height:135px;}
.gallery3 .img_box img{ max-width:180px; max-height:135px}
}
@media screen and (min-width: 375px) and (max-width: 414px) {
.gallery2{width:170px; height:auto; padding: 3px; }
.gallery2 .img_box{width:170px; height:128px;}
.gallery2 .img_box img{ max-width:170px; max-height:128px}
	
.gallery3{width:160px; height:auto; }
.gallery3 .img_box{width:160px; height:120px;}
.gallery3 .img_box img{ max-width:160px; max-height:120px}
}

@media screen and (min-width: 320px) and (max-width: 375px) {
	
.gallery2{width:160px; height:auto; }
.gallery2 .img_box{width:160px; height:120px;}
.gallery2 .img_box img{ max-width:160px; max-height:120px}
	
.gallery3{width:160px; height:auto; }
.gallery3 .img_box{width:160px; height:120px;}
.gallery3 .img_box img{ max-width:160px; max-height:120px}	

}



@media screen and (max-width: 320px) {
	.cs-lst li {
    width: 97%;
	margin:0px 1.5% 10px 1.5%;
	float:left;}
.gallery2{width:140px; height:auto; }
.gallery2 .img_box{width:140px; height:100px;}
.gallery2 .img_box img{ max-width:140px; max-height:100px}
}