@media screen and (max-width:1600px){
	.inner { width:98%; margin: 0 auto;}
}
@media screen and (max-width:1450px){

}
@media screen and (max-width:1345px){
	
}
@media screen and (max-width:1280px){
	.logo{ margin-left:1%; }
	.inner { width:98%; margin: 0 auto;}
	.inner3 { width:98%; margin: 0 auto;}
	.news1 li .text{ width:750px;}
	
}
@media screen and (max-width:1200px){
	.navMenu{margin-left:-150px;}
	.header-ri .tel{ display: none;}
	
	.inner { width:98%; margin: 0 auto;}
	.inner12 { width:98%; margin: 0 auto;}
	.inner3 { width:98%; margin: 0 auto;}

	.indexPart4 .abouttitle2 .z01 {  height: 450PX; overflow: hidden;padding: 4REM 0% 6REM 0;}
	.indexPart4 .abouttitle2 .z01 h2{font-size:20PX; }
	.indexPart4 .abouttitle2 .z01 h3{font-size: 26px; }
	.indexPart4 .abouttitle2 .z02 { height: 450PX; overflow: hidden; }

}
@media screen and (max-width:1150px){
	.navMenu{margin-left:-180px;}
}
@media screen and (max-width:1100px){
	.navMenu{margin-left:-220px;}
	.n_left{width:23%; }
	.n_right{width:68%; }
	.n_title_x{width:74%;}
	.n_tu {width:74%; margin-bottom: 00px; }
	.news1 li .text{ width:65%; }
	.cs-lst li {
    width:30.3%;
	margin:0px 1.5% 10px 1.5%;
	float:left; }
}
@media screen and (max-width:1024px){
	.menuBtn,.header .so-btn-m{display: block;}
	.menuBtn {top: 22px;}
	.mtop{ display:block; height:50px;}

	.header-box{ background:#fff; height:50px; top:0px; position: fixed;}
	.header{ height: 50px; width:100%; margin:auto; background: #fff;}
	.head_top{display:none;}
	.navMenu{ display:none;}
	.header:before{ display:none;}
	.header-ri{ display:none;}
	.logo{ float:left; overflow:hidden; height: 50px; margin-left: 0;  margin-top: 0}
	.logo img{height:65px; width:auto; padding-top: 0px;}
	.banner {display: none;}
	.indexFlashTel{position:relative; overflow:hidden; display:block; margin-top: 0px;}
	.indexFlashTel .btnDiv{position:absolute; z-index:10; right:0px; bottom:15px; 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;}
	
	
	.i_service{ width: 100%; position: relative; padding-top: 20px; padding-bottom: 50px; }
	.i_service .inner { width:98%; margin: 0px auto;}
	.slick-dots { position: absolute; bottom: 0px;}
	

.index_wrap_2{width: 100%; }
.index_wrap_2 .left_box{ width:100%;height:auto; float: none; position: relative;  }
.index_wrap_2 .right_box{ width:100%; height:auto; float: none; background:none; position: relative;  }
.index_wrap_2 .right_box .rb_img{display: block; width: 100%}
.index_wrap_2 .right_box a{display: block; position: absolute; left:50%; top: 50%; margin: -44px 0 0 -44px}
.index_wrap_2 .about{ width:100%; float: none;  }
.index_wrap_2 .ititle{ width: 100%; position: relative; }
.index_wrap_2 .ititle p{ width: 100%; font-size: 50px; text-align: center; line-height: 100%;}
.index_wrap_2 .ititle span{ width: 100%; padding: 5px 0; color: #111; font-size: 24px; display: block;  background: #fff; position: absolute; bottom: -25px; left: 0; line-height: 100%; text-align: center;}
.index_wrap_2 .about_text{padding: 30px 15px 10px 15px}
.index_wrap_2 .more_about{width: 100px; height: 40px; line-height: 40px; margin: 0 auto}

.index_wrap_2 .left_bottom{ width:100%; height:90px; background: #196cbc; position: static; margin-top: 20px }
.lb_inner{width: 100%; margin:0 auto; float: none;}
.index_wrap_2 .left_bottom a{display: block; width: 40%; height: 50px; line-height: 50px; font-size: 16px; text-indent: 65px; color: #fff; border:1px solid #5c97cf; float: left; margin: 15px 0 0 6.666666%}


.index_wrap_3{width: 100%; height: auto; padding-bottom: 15px; background: url(../images/013.jpg) center top no-repeat; background-size: 150% 100%; }
.iw3img{width: 100%; display: none;}
.ititle3{width: 100%; text-align: center; padding: 25px 0 10px 0; line-height: 100%}
.ititle3 h3{ font-size: 20px; font-weight: normal; color: #503d0a }
.ititle3 p{ font-size: 14px; color: #655019; padding-top: 15px}
.index_wrap_3 .inner{width: 100%; margin:0 auto; }
.index_wrap_3 .inner a{ width: 20%; display: block; float: left; margin:0 0 0 4%;}
.index_wrap_3 .inner a img{width: 100%;}
.index_wrap_3 .inner a.enda{display: none;}
.hot_tel{ display: none; }

.subpnav2{ padding:0 0 20px 0; margin:0; width: 100% }
.subpnav2 a{display: block; width: 45%; height:45px; line-height:45px; background: #ddd; color: #666; font-size: 15px; text-align: center; float: left; margin-left: 3.3333333%;  }
.subpnav2 a:hover, .subpnav2 a.on{ background: #196cbc; color: #fff }



	.scrollsidebar{display: none}
.footer .ft-t .col-r{
    width: 53%;
    overflow: hidden;
    border-right:none;
}
.footer .ft-b .w1220{width: 100%; margin:0 auto;}

	.footer .ft-t .col-r .menu_f{float:right; width: 100%;}
	.footer .ft-t .col-r .f_bq { border-top: none; padding-bottom: 30px;}
		
	.footer{ padding-top: 0px;	}
	.footer .ft-b{text-align:center;}
	.footer .ft-b span { float: none; }
	.footer .ft-t{ padding: 10px 10px 30px 10px;}
	.footer .ft-t .col-l .w200 { width:50%; margin: 0 auto; float: none;}
	.footer .ft-t .col-l .f_logo{display: none}
	.footer .ft-t .logo2{ margin-top: 15px;margin-bottom: 0px; margin: 0 auto; width: 179px;}
    .footer .ft-t .col-r,.footer .ft-t .col-l {width: 100%;float: none;background:none; padding-left: 0%; } 
    .footer .ft-t .col-l{text-align: center; background: none; min-height: auto;display: none } 
    .footer .ft-t .col-r dl,
    .footer .ft-t .col-r dl:last-child{float: none; width: auto; padding-left: 0;height:auto; border-right: none;} 
    .footer .ft-t .col-r dl.open{}
    .footer .ft-t .col-r dt {
        height: 40px;
        line-height: 40px;
        font-size: 15px;
        margin-bottom: 0;
        cursor: pointer;
        border-bottom: 1px solid #454545;
        background: url(../images/ico-arrows01.png) 98% center no-repeat;
        background-size: auto 16px;
		text-align: left;
		padding-left: 0;
    }
    .footer .ft-t .col-r .open dt {
        background: url(../images/ico-arrows02.png) 98% center no-repeat;
        background-size: 16px auto;
    }
    .footer .ft-t .col-r dd{display: none;}
    .footer .ft-t .col-r dd a{
		display: block;
        height: 40px;
        line-height: 40px;
        font-size: 13px;
        padding-left: 10px;
        border-bottom: 1px solid #333333;
		text-align: left;color: #666;
		margin-left: 0px;
    }

    .footer .ft-t .col-r dd a:hover{
        color: #14a753;
    }
    .footer .ft-t .col-l .m-tel1 p{display: inline-block;}
    .footer .ft-t .col-l .tel {font-size: 14px; display: inline-block; margin-bottom: 0px;line-height: 1.1em;} 
    .footer .ft-t .col-l .help {float: none; margin: 10px auto; width: 100%; } 
    .footer .ft-t .about {padding: 15px 0; text-align: left; }
    .footer .ft-t .about .tit{display: none;}
    .footer .ft-t .about .subtit {display: inline-block;}
    .footer .ft-t .about .weixin, .footer .ft-t .about .weibo {width: 30px; height: 30px; } 
    .pop_weixin {top: -130px; margin-left: 0;left: 20px; }
    .footer .ft-b {padding: 12px 10px; margin-bottom: 42px; }
    .footer .ft-t .col-l .m-tel2{display: block;font-size: 14px;}
    .footer .ft-t .col-l .m-tel2 em{font-size: 16px;}	
	.footer_tabbar { display: block;}

.index_wrap_1{ height: auto;  background: url(../images/ibg1.jpg) center top no-repeat; background-size: 100% 100% }
.i_pro_cat{width: 100%; z-index: 0 }
.i_pro_cat a{display: block; width: 22%;  margin:30px 0 0 2.4%; padding: 60px 0 0 0; float:left; background: #fff url(../images/ibg2.png) center 30px no-repeat; }
.i_pro_cat a h3{text-align: center; font-size: 18px; color: #040000; font-weight: normal; }
.i_pro_cat a p{padding:20px 25px 30px 25px;  }

.ibarn{display: none;}



	.pbanner { margin-top: 0px; }
	.pbanner .load-img {  width: 100%; margin-left: 0%;}
	.nbanner { background-size: 100% 156px; margin-top: 65px; height: 156px; background: url(../images/004_x.jpg) no-repeat center;}
	
	.w50_txt{ width: 100%; float: left;}
	.w50_img { width: 100%; float: right; margin-top: 20px;}

	.n_title,.n_left,.n_add{display: none;}
	.neiye { padding:0px 0 0px 0; margin-top:65px; }
	#n_content{ margin-top: 10px;}
	
	.n_right{width:100%; margin-top: 0px;border: 0px solid #eee;}
	.n_title_x{width:100%;padding-top: 0px;}
	.n_tu {width:100%; margin-bottom: 0px; }
	.n_right .title{ font-size:20px; margin-top:10px;}
	.ny_add{display: none;}
	.pagenavBox{display: none;}
	.pagenavph{ display:block; position:relative; margin-bottom:0px;  background: #fff}
	.pagenavph .back{ position:absolute; left:0; top:0px;background-color:#0092dd;}
	.pagenavph .back img{ height:50px;}
	.pagenavph .top{ height:50px; line-height:50px; text-align:center; font-size:16px; background:url(../images/ico30_5.png) no-repeat right center; background-color:#f5f5f5;}
	.pagenavph .list{ display:none; position:absolute; z-index:22; top:50px; left:0; width:100%; background: #fff}
	.pagenavph .list li{ height:40px; line-height:40px; font-size:14px; color:#8b8b8c; border-bottom:1px #eee solid;}
	.pagenavph .list li a{ display:block; color:#8b8b8c; background-color:#fff; text-align:center;}
	.pagenavph .list li a:hover{ background-color:#008ab1; color:#fff;}
	.n_right .editBody{padding:0px 10px; }
	
	.honor1 .box .text,.tu_list .box .text,.experts1 .box .text{ margin-bottom:8px; width:50%; float: left;}
	
	.ny-box{padding:30px 0px;}

	.news1,.info1,.n_news_title{ padding-top: 0px; padding:0 10px; margin-top:10px; }
	.news1 li{ padding-bottom:15px; margin-bottom:15px;}
	.news1 li .imgDiv{ width:180px;height: 128px;}
	.news1 li .morebox{ display:none;}
	.news1 li .text{ float:none; width:auto; padding-right:0; padding-left:200px; background:none;}
	.news1 li .text h3{font-size:16px; padding-bottom:15px; margin-bottom:15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
	.news1 li .text p{line-height:1.8; height:45px; overflow:hidden; font-size:12px;}
	.news1 li .text .time{ font-size:12px; color:#8b8b8c;bottom: 22px;}
	
	.n_right .news_editBody{padding:0 10px;}
	
	
	.n_right .context{ float:none; width:98%; margin-top: 20px; }
	.n_right .context .title {display:none;}
	.n_right .form li{ margin-bottom:10px; }
	.n_right .form li em{ float:left; font-size:14px; font-weight:bold; width:70px; text-align:right;}
	.n_right .form li .box{ padding-right:10px; padding-left:75px;}
	.n_right .form li .red{right:0; top:0;}
	.n_right .form .li07  .input2{ width:60px; margin-right:10px;}
	.n_right .form .li07 .yzm a{ margin-right:10px;}
	.n_right .form .li07 .btn1{width:80%;}
	.n_right .litop{ width:100%;}
	
	.info1 li{ padding:2px 0;}
	
	.pageNum{ display:none;}
	.ks_box{padding:0 10px; }
	.cs-lst li {
    width: 30.3%;
	margin:0px 1.5% 10px 1.5%;
	float:left;}
	.m-back{ height: 40px;color:#333;line-height: 40px;font-size: 18px;text-align: center;}
	.m-prev{width: 30px;background-size: 100%; }
	.m-next{width: 30px;background-size: 100%; right: 0}
	.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; }
	
}
@media screen and (max-width:861px){}

@media screen and (max-width:768px){
	.inner { width:100%; margin: 0 auto;}
	.inner3 { width:100%; margin: 0 auto;}
	.header{ padding:0px 0; margin:0 0px; background:#fff; height: 50px; box-shadow: -2px 0 8px rgba(0, 0, 0, 0.6); }
	.header-box{ background:#fff; height:50px;}
	.mtop{ display:block; height:50px;}
	.menuBtn {top: 15px;}
	.logo{ float:left; line-height:1; overflow:hidden; height: 50px; margin-top: 0px; margin-left: 5px;}
	.logo img{height:50px; width:auto; }
	#aside {top: 50px;}
	.banner .bannerfix >li .bimg { height:220px; width:120%; margin-left: -10%;}
	.footer .ft-t .col-r .f_bq { text-align: left; font-size: 13px; width: 100%; padding-top: 20px;  line-height: 24px;}
	
	.pbanner {padding-top: 0px;padding-bottom: 10px; }
	.pbanner .load-img {  width: 100%; height: 120px; }

.message{ width: 100%; margin:0 auto; padding-top: 0px; padding-bottom:30px; }
.ms_item{width: 95%; float:left; height: 36px; line-height:36px; margin:0 2% 10px 2%; padding: 0; position: relative; }
.ms_item span{display: block; width: 36%; line-height:36px; position:absolute; left: 0; top: 0;  text-align: right; color: #666}
.ms_item input{width: 64%; border:1px solid #ddd; line-height: 36px; position: absolute; right: 0; top:0; padding:0; }

.ms_item2{width: 95%; float:left; height: 36px; line-height:36px; margin:0 2% 10px 2%; padding: 0; position: relative; }
.ms_item2 span{display: block; width: 36%; line-height:36px; position:absolute; left: 0; top: 0;  text-align: right; color: #666}
.ms_item2 p{width: 64%; border:none; line-height: 36px; position: absolute; right: 0; top:0; padding:0; }	

.ms_item3{width: 95%; float:left; height: 36px; line-height:36px; margin:0 0 10px 2%; padding: 0; position: relative; font-size: 14px }
.ms_item3 span{display: block; width: 36%; line-height:36px; position:absolute; left: 0; top: 0;  text-align: right; color: #666}
.ms_item3 input{width: 80px; border:1px solid #ddd; line-height: 36px; position: absolute; left:36%; top:0; padding:0; }
.ms_item3 .codeimg{position: absolute; right: 2%; top: 0; height: 38px; padding:0; margin:0;}

.massage_sub input { width: 95%; float:none; height: 48px; line-height: 48px; margin: 15px 0 0 2%; outline: none; border: none; cursor: pointer; background: #817465; text-align: center; font-family: 微软雅黑; font-size: 18px; color: #fff; }


.index_wrap_1{ height: auto;  background: url(../images/ibg1.jpg) center top no-repeat; background-size: 100% 100% }
.i_pro_cat{width: 100%; z-index: 0 }
.i_pro_cat a{display: block; width: 44%;  margin:20px 0 0 4%; padding: 0px 0 0 0; float:left; background: none; box-shadow:none; position: relative;}
.i_pro_cat a h3{ width: 100%; text-align: center; font-size: 1.2em; padding:10px 0;  color: #fff; font-weight: normal; position: absolute; bottom: 0; left: 0; background: rgba(25,108,188,0.8);}
.i_pro_cat a p{ display: none; padding:20px 10px 30px 10px;  }
	
	.i_service{ width: 100%; position: relative; padding-top: 20px; padding-bottom: 50px; }
	.slick-dots { position: absolute; bottom: -30px;}
	


	.indexPart2{ height:auto;}
	.indexPart2 .left { display: none;}
	.indexPart2 .right { width: 100%; }
	.indexPart2 .right h2 { font-size: 20px; color: #333131; margin-top: 20px; padding-bottom:10px;}
	.indexPart2 .right p{ width: 90%; margin-top: 20px;  line-height: 30px;}
	.indexPart2 .right .more{  margin: 30px auto 40px auto; }
	
	.indexPart3{ padding: 20px 0 30px 0;}
	.indexPart3 .name { font-size:20px; margin-bottom: 20px; padding-bottom: 8px;}
	.indexPart3 ul li{ width:90%; float:none; margin: 0 auto;}
	.indexPart3 ul li:nth-child(2),.indexPart3 ul li:nth-child(3){ display: none;}

	.i_service{ width: 100%; position: relative; padding-top: 20px; padding-bottom: 50px; }
	.i_service .inner { width:98%; margin: 0px auto;}
	.slick-dots { position: absolute; bottom: -30px;}

.neiye { padding:0px 0 0px 0; margin-top: 50px; }
	.nbanner { margin-top: 50px;}
	.ny-box{padding:20px 0px;}
	.in_about,.nbox{padding:0px 10px;}
	.in_about p{ line-height: 24px; color: #333;}

	.n_news_title { padding-top: 0px;}
	.n_news_title h2{font-size: 18px;}
	.detailsshare{  padding-top:0px; padding-right:0px; padding-left: 0;}
	.n_right .editBody h3 {font-size: 16px;margin-top: 10px;line-height: 24px;}
	.map{ width:100%; height:300px;}
	.news1 li .imgDiv{ width:130px; height: 92px;}
	.news1 li .morebox{ display:none;}
	.news1 li .text{  padding-left:150px; }
	.news1 li .text h3{font-size:16px; padding-bottom:5px;margin-bottom:0px;background: none;}
	.news1 li .text p{line-height:1.3; height:30px; overflow:hidden; font-size:12px; margin-bottom: 5px;}
	.news1 li .text .time{ font-size:12px; }
	
	.projectshow1 .title{padding-bottom:20px; margin-bottom:0px; 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;}
	
	
	.n_right .title{padding:0px 10px; margin-bottom: 10px;font-size:18px;}
	.n_right .n_links {padding:0px 10px;}
	.n_right .n_links a {height: 42px; line-height: 42px; margin-bottom: 10px;}
	

	.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(3), .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 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;}
	
	.w50_box{width: 100%;  float: left;}
	
}
@media screen and (max-width:641px){
	.i_ser_box .box { width:95%; margin: 0 auto;}
	.bbox{ width:80%; right:3%;  top:35%;}
	.bbox h1{ width:100%;}
	.bbox2{ width:80%;  top:50%;left:50%; margin-left:-40%;}
	.bbox2 h1{ width:100%;}
	.cs-lst li {
    width: 47%;
	margin:0px 1.5% 10px 1.5%;
	float:left;}
	.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; }
	
	.gallery4{ margin:0 auto 0px auto;}
	.gallery4{width:200px; height:auto; }
	.gallery4 .img_box{width:200px; height:137px;}
	.gallery4 .img_box img{ max-width:200px; max-height:137px}
	.gallery4 .img_title{padding:5px 0px; }
	
	.card {
  height: 120px;
  min-height: 120px;
}
}
@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}
	
.gallery4{width:180px; height:auto; }
.gallery4 .img_box{width:180px; height:124px;}
.gallery4 .img_box img{ max-width:180px; max-height:124px}
}
@media screen and (min-width: 375px) and (max-width: 414px) {
.gallery2{width:180px; height:auto; }
.gallery2 .img_box{width:180px; height:135px;}
.gallery2 .img_box img{ max-width:180px; max-height:135px}
	
.gallery4{width:180px; height:auto; }
.gallery4 .img_box{width:180px; height:124px;}
.gallery4 .img_box img{ max-width:180px; max-height:124px}
}

@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}
	
.gallery4{width:160px; height:auto; }
.gallery4 .img_box{width:160px; height:110px;}
.gallery4 .img_box img{ max-width:160px; max-height:110px}
}

@media screen and (max-width: 320px) {
.gallery2{width:140px; height:auto; }
.gallery2 .img_box{width:140px; height:100px;}
.gallery2 .img_box img{ max-width:140px; max-height:100px}
	
.gallery4{width:140px; height:auto; }
.gallery4 .img_box{width:140px; height:96px;}
.gallery4 .img_box img{ max-width:140px; max-height:96px}
}