@media screen and (max-width:1600px){
	.pageBanner .botDiv{ margin-left: -48%;width: 96%;}
	.treflip{ width: 96%; }
	.nav{  right: 15%;}
	
	.ab_banA dl dt{font-size:32px;line-height:50px;}
    .ab_banA dl dd p{font-size:14px;line-height:24px;}
    .ab_banA{padding-bottom:46px;}
	.slick2 .slick-prev {left: -8%;}
	.slick2 .slick-next {right: -8%;}
	
	.n_web1 .item .description .dt3{left:3%;}
	.n_web1 .item .description2 .dt3{right:3%;}
	
	.aboutA_R{margin:3% 5% 0px 5%;}
	.aboutB dl{width:94.4%;padding:0px 2.8%;float:left;color:#fff;margin-top:60px;}
	
	.contactA_T_m div strong{font-size:30px;}
	.contactA_T_m{width:52%;padding:0px 6%;}
	
	.bbox3{ width:33%;  margin:auto; position:absolute; left:10%;top:15%; }
	.bbox2{ width:601px;  margin:auto; position:absolute; right:5%; top:25%;   }
	.bbox2 h1{ font-size:42px; text-align:left; opacity:0;}
	.bbox2 .tu{ height: 149px; width: 100%;opacity:0;top:0px; text-align: left;}
	.bbox2 b{margin-bottom:20px;}
}
@media screen and (max-width:1450px){
	.wal4{ width: 90%; margin: 0 auto; }
	.wal6{ width: 95%; margin: 0 auto; }
		
}
@media screen and (max-width:1400px){
	.gallery3{width:310px; }
	.gallery3 .img_box{ width:280px; height:190px;}
	
	.gallery2{width:252px; }
	.gallery2 .img_box{ width:250px; height:188px;}
	.nav li a{ padding:0 20px;}
	.slick2 .slick-prev {left: -10%;background: url(../images/004_x.png) no-repeat center;-webkit-transition: -webkit-transform 0.4s ease-out;	-moz-transition: -moz-transform 0.4s ease-out;	transition: transform 0.4s ease-out;}
	.slick2 .slick-next {right: -10%;background: url(../images/005_x.png) no-repeat center;-webkit-transition: -webkit-transform 0.4s ease-out;	-moz-transition: -moz-transform 0.4s ease-out;	transition: transform 0.4s ease-out;}
	.slick2 .slick-prev:hover{ background: url(../images/004_x.png) no-repeat center;}
	.slick2 .slick-next:hover{ background: url(../images/005_x.png) no-repeat center;}
	.n_web_menu .nav_wrap li{ font-size: 16px;}
	.footer .f_mid .left{ width:81.5%; float: left;}
	.n_web1 .item .description3{ width:60%; }
    .n_web1 .item .description3 .dt{ font-size: 50px; }
    .n_web1 .item .description3 .dt2{ font-size: 38px; }
    .n_web1 .item .description3 .dt4{ font-size:18px;}
    .Progn-list .list .contain{ width:98%;padding:0px 0;}
    .Progn-list .list .cont .name{ font-size:28px}
    .Progn-list .list:nth-child(odd) .cont {padding:0px 60px 0px 60px}
    .Progn-list .list:nth-child(even) .cont {padding: 0px 60px 0px 60px;
}
	
}
@media screen and (max-width:1345px){
	
}
@media screen and (max-width:1280px){
	.gallery3{width:280px; }
	.gallery3 .img_box{ width:250px; height:169px;}
	
	.cs-lst li {
    width: 30.3%;
	margin:0px 1.5% 10px 1.5%;
	float:left;}
	
	
	
	.contactA_T_m{width:50%;padding:0px 0% 0 5%;}
	.contactA_T_l>p{font-size:32px;}
	.contactA_T_m div{margin-bottom:30px;}
	
	.bbox3{ width:34%;  margin:auto; position:absolute; left:8%;top:17%; }
	.bbox2{ width:510px;  margin:auto; position:absolute; right:8%; top:27%;    }
	.bbox2 h1{ font-size:40px; text-align:left; opacity:0;}
	.bbox2 b{margin-bottom:20px;}
	
	.wal4,.wal5,.wal6{ width: 98%; margin: 0 auto; }
	.n_web1 .item .description3{ width:65%; }
    .n_web1 .item .description3 .dt{ font-size: 46px; }
    .n_web1 .item .description3 .dt2{ font-size: 32px; }
    .n_web1 .item .description3 .dt4{ font-size:18px;}
    .n_web1 .item .description3 .dt3{font-size: 100px;top:-35px;right: 3%;}
}
@media screen and (max-width:1200px){
	.pageBanner .botDiv{ margin-left: -50%;width: 100%;}
	.treflip{width:100%;padding: 50px 0;}
	.nav{right: 12%;}
	.nav li a{padding-left: 0.18rem; padding-right: 0.18rem;}
	
	
	
	.case_sjs_list li{ padding: 35px 15px;}
	.banner3 .b_txt {width: 42%;}
	.banner3 .b_txt .t1 {font-size: 40px;}
	.banner3 .b_txt .t2 {font-size: 16px; line-height: 28px;}
	
	.n_web1 .item .qImg{width: 45%;text-align: center;}
	.n_web1 .item .description{ width: 55%; padding-left: 11%; }
	.n_web1 .item .description .dt{font-size: 40px;  }
	.n_web1 .item .description .dt2{ font-size: 16px;}
	.n_web1 .item .description .dt3{ font-size: 100px; top:-35px; left:3%;}
	
	.n_web1 .item .description2{ width: 55%; padding-right: 11%; }
	.n_web1 .item .description2 .dt{font-size: 40px;  }
	.n_web1 .item .description2 .dt2{ font-size: 16px; }
	.n_web1 .item .description2 .dt3{ font-size: 100px;  top:-35px; right:3%;}
	
	.n_web_menu li .ico{ margin-left: 20px; }
	

}
@media screen and (max-width:1150px){
	#MagnifierWrap{width: 400px; }
	.MagnifierMain{width: 350px;height: 263px;}
	
	.m-details .p_txt{width:48%;float: left;margin-left: 2%;}
	.slick2 .slick-dots{ bottom:-30px;}
	.i_ser_box .box .txt p{line-height: 24px;height: 75px;} 
	
	.bbox3{ width:35%;  margin:auto; position:absolute; left:8%;top:20%; }
	.bbox2{right:4%; top:27%;    }
}
@media screen and (max-width:1100px){	
	.gallery3{width:255px; }
	.gallery3 .img_box{ width:225px; height:152px;}
	
	.n_web_menu li .ico{ margin-left: 10px; margin-right: 5px;}
	
	.contactA_T_m{width:50%;padding:0px 0% 0 3%;}
	.contactA_T_l>p{font-size:28px;}
	.contactA_T_m div{margin-bottom:30px;}
}
@media screen and (max-width:1024px){
	
	.display_n{ display:block;}
	.display_b{ display:none;}
	.wal, .wal2, .wal3, .wal4, .w870，.wal6{width:100%;}
	.PC-Box, .w378, .w280, .nav, .ind-banner, .pageBanner, .pageNum, .grayBg{ display:none;}
	.Phone-Box, .bannerTel, .pageBannerTel, .pageTitleTel, .pageMore{ display:block;}

	
	.menuBtn,.header .so-btn-m{display: block;}
	.menuBtn {top: 22px;}
	.mtop{ display:block; height:65px;} 
	.header-box{ background:#fff; height:65px; top:0px; position: fixed;}
	.headDiv{  position: fixed; top:0;}
	.header{ width:100%; margin:auto;}
	.head_top{display:none;}
	.navMenu{ display:none;}
	.header:before{ display:none;}
	.header-ri{ display:none;}
	.logo{ float:left; overflow:hidden;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: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;}
	

	
	
	.footer{
    padding-top: 0px;
	padding-bottom: 10px;
	}
	.footer .f_mid{ margin: 40px 0 0 0;}
	.footer .f_mid .left{ width:100%; float: left;}
	.footer .f_mid .left li{ width:49%; float: left; background: #3973c2; margin-right: 2%; padding-top:10px; height: 120px; margin-bottom: 10px;} 
	.footer .f_mid .left li:nth-of-type(2n){margin-right: 0;}
	
	.footer .f_mid .right{ width:170px; float: none;   margin: 0 auto;  display: none;}
	.footer .ft-b a{display: none}
	.footer .ft-b{
    padding: 25px 10px;
	margin-top: 0px;
	}
	.footer_tabbar { display: block;}
	
	
	
	.content{width:100%; }
	.content a:last-child,.content a:nth-last-child(2) {display: none; }
	
	.pagenavpc,.pagenavpc02,.pagenavBox{ display:none;}
	
	
	.swiper-slide .txt h2{ font-size:20px;}
	.swiper-slide .txt h3{ font-size:16px;font-weight: normal; font-family: Arial," sans-serif"; color: #fff;opacity:0.8;}

	.pad_t_30 { padding-top: 0px;}
	
	.project1 .list li{ width:50%; float:left; margin-bottom:15px;}
	.project1 .list li .box{ margin-right:10px; margin-left: 10px; background: #f5f5f5;}
	.project1 .list li h2{ padding:5px 0;font-size:14px;}
	
	.info1 { padding: 10px;}
	.info1 li{ height:45px; line-height:45px;}
	
	.huudon-float,.n_title,.n_left{display: none;}
	
	.neiye { padding:15px 0 20px 0; margin-top:70px; }
	#n_content{ margin-top: 10px;}
	
	.n_right{width:94%;padding:18px 3%;  margin-top: 10px; border: 0;}
	.n_title_x{width:100%;padding-top: 0px;}
	.n_tu {width:100%; margin-bottom: 0px; }
	

	
	.cs-lst li {
    width: 30.3%;
	margin:0px 1.5% 10px 1.5%;
	float:left;}
	
	.pagePadding{ padding: 0px 0px;}
	.projectshow1{margin: 80px auto;}
	.projectshow1 .title{padding-bottom:10px; margin-bottom:20px; padding-top: 20px;}
	.projectshow1 .title h1{ font-size:18px; padding-bottom: 0; }
	.projectshow1 .contentbox .text h2{ padding-bottom:10px;}
	.projectshow1 .contentbox .text{ margin-bottom:10px; line-height:2;}
	
	.address{ margin-bottom:32px;}
   .address h2{ font-size:24px; margin-bottom:24px;}
   .address span{ font-size:16px;}
	
	.honor1 .box .text,.tu_list .box .text{ margin-bottom:8px; width:50%; float: left;}
	
	
	.pbanner {padding-top: 0px;padding-bottom: 30px; }
	.pbanner .load-img {  width: 100%;}
	.pagecontent{ padding-bottom:0px;}
	.pagenavpc,.pagenavpc02{ display:none;}
	.pagenavph{ display:block; position:relative; margin:0 0 50px 0;}
	.pagenavph .back2{ position:absolute; left:0; top:0px;}
	.pagenavph .back2 img{ height:50px; background: #0075cf;}
	.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: #eeeeee;}
	.pagenavph .list li{  font-size:14px; color:#8b8b8c; border-bottom:4px #eeeeee solid; width: 33.3%; float: left; border-right:4px #eeeeee solid; }
	.pagenavph .list li:nth-of-type(3n){border-right:0px;}
	.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;}
	
	.pageNum{ display:none;}
	.phmore{ display:block; margin-top:20px; text-align:center; font-size:14px;}
	.swiper-container {
      width:100%;
	float:none;
    }

	.news1{ padding-top: 20px; }
	.news1 li{ padding-bottom:10px; margin-bottom:15px; padding-left: 10px; padding-right: 10px;}
	.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;}
	.news1 li .text .time{ font-size:12px; color:#8b8b8c;bottom: 22px;}
	
	.hrList{ font-size: 14px;}
	.hrList .hspan{ width: 21%;}
	.hrList .hspan:nth-child(3){ display: none;}

	.gallery2{width:222px; height:auto; }
	.gallery2 .img_box{width:220px; height:165px;}
	.gallery2 .img_box img{ max-width:220px; max-height:165px}
	
	.gallery3{width:310px;margin:0 auto 20px auto; }
	.gallery3 .img_box{ width:280px; height:190px;}
	
	#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;}
	
	.i_ser_box .box .txt h2 { font-size: 20px; padding: 18% 10% 5% 10%;}
	.i_ser_box .box .txt .line{margin:20px 10%;}
	.i_ser_box .box .txt p{line-height: 20px;height: 58px; font-size: 12px;} 
	
	.indexPart1{ padding: 5% 0;}		
	.indexPart1 li{ width:32.5%; margin-bottom: 0.2rem;padding: 5% 0;}
	.indexPart1 li:nth-of-type(3){margin-right: 0%;	}
	.indexPart1 li:nth-of-type(4){width:49.37%;}
	.indexPart1 li:nth-of-type(5){width:49.37%;margin-right: 0%;	}
	
	.indexPart3{ padding:20px 0;}
	.indexPart3 .i_c_menu{ overflow: hidden;}
	.indexPart3 .i_c_menu a{width:100%; display: block;}
	.indexPart3 .i_c_menu a span{color: #000000; font-size: 30px; font-weight: bold;}
	
	.case_B_list{display:none}
	
	.case_sjs_list li{ width:98%; float: left; margin:0 1% 20px 1%;padding: 25px 10px; }
	.case_sjs_list { margin:30px 0;}
	
	.works_focus{ margin-top:0;}
	.works_info{ position:relative;display:block;}
	.works_info_wrap{padding: 30px 0;}
	.works_info dt{ width: 50%; padding-top: 10px; border-right: 0; margin-left: 5%;}
	.works_info dt:after{ border-right:0px;}
	.works_info dt h2{ font-size:20px; }
	.works_info dt aside{font-size:16px;}
	.works_info dd.logo{width:80px;height: 80px; margin-left:0px; }
	.works_info dd.logo img{ width:100%; height: auto;}
	.works_info dd.control{width:50px; position: absolute; right:25px; margin-top: 20px;}
	.works_info dd.summary{width:100%; float: right; padding: 0 10px; margin-top: 10px; padding-top: 20px;}
	
	.works_summary{padding:30px 10px;}
	
	.banner3{margin-top: 0px;height: 8rem;  padding-top: 70px; }
	
	.n_web1 .item .description{ width: 55%; padding-left: 13%; }
	.n_web1 .item .description2{ width: 55%; padding-right: 13%; }
	.n_web1 .item .description .dt3{ font-size: 100px; top:-35px; left:1%;}
	.n_web1 .item .description2 .dt3{ font-size: 100px; top:-35px; right:1%;}
	
	.A_ban_mid{top:15%;}
	.ab_banA dl{padding-right:5%;}
	.ab_banB li>span{font-size:60px;display:block;line-height:80px;}
	.ab_banB{width:100%;float:left;margin-top:30px;}
	
	.news_ban{margin-top: 0px; }
	.platform{ padding:100px 0 40px 0;}
	
	.contactA_T_l>p{font-size:22px;}
	.contactA_T_l>span{font-size:30px;margin:0 0 20px 0px;}
	.contactA_T_l>a{width:130px;margin-top:15px;}
	.contactA_T_m div strong{font-size:26px;}
	.contactA_T_m>p{font-size:14px;line-height:36px;}
	.contactA_T_R{text-align:center;top:60px; }
	
	.contactA_C_r .fkm{  margin-left: 5%;}
	.contactA_C{ padding:60px 2.8% 30px 2.8%;}
	
	.N_banner{position:relative;margin-top:50px;}
	.N_ban_con{ display:none}
	
	.case_wt li{ width:19%; margin-bottom: 20px;}
	
	.n_web_menu{display: none} 
	
	#num3{font-size:30px;line-height:130px;}
	.bg2 {background: url(../images/dp_bg2.jpg) no-repeat right center;}
	.n_web1 .item .description3 {width: 95%; margin:0 auto; }
	.n_web1 .item .description3 .dp_list{ width:100%;}
	
	
}
@media screen and (max-width:861px){
	/*.i_ser_box .box .txt h2 { font-size: 18px; padding: 18% 10% 5% 10%;}
	.i_ser_box .box .txt .line{margin:15px 10%;}
	.i_ser_box .box .txt p{line-height: 20px;height: 58px; font-size: 12px;} */
	
}  
@media screen and (max-width:768px){
	.inner { width:100%; margin: 0 auto;}
	.header-box{ background:#fff; height:50px;}
	.mtop{ display:block; height:50px;}
	.menuBtn {top: 15px;}
	.headDiv{ height:50px; position: fixed;}
	.headDiv .logo{ position: absolute; left: 5px; top: 5px; }
	.headDiv .logo img{ width:auto; height: 40px; }
	#aside {top: 50px;}
	.flexmeun{ display:none;}
	.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; }
	
	.pageBannerTel{ padding-top: 50px;}

	.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; }
	
	.yewu{ padding:30px 10px 20px;}
	.yewu h2{ text-align:left; color:#000; font-size:20px; margin-bottom:15px;}
	.yewu p{ color:#333; font-size:14px; margin-bottom:8px; }
	.yewu img { max-width: 100%; height: auto; margin-top: 15px;}
	.yewu_line{ padding-top:0px; border-top: 1px solid #ddd; margin-top: 0px;}
	
	.w50_box{width: 100%; margin-right: 0%; float:none;}
	
	
	.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;}
	
	.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 0px 20px; font-size: 14px;}
	.hrList .hrCon{ padding:15px 0px 20px; }
	.join-box-btn{ padding-top: 20px;}
	.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;}
	
	.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%;}
	.aboutRight{width:96.5%; padding-right: 3.5%;}
	
	.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; }
	

	.slick2 .slick-prev,.slick2 .slick-next{ position: absolute; display: block; width: 0px; height:0px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: 0%; margin-top: 0px; padding: 0; border: none; outline: none;  background: none;}

	

	
	
	.disnone{ display:none;}
	.footer .ft-b .m_f{display:block; }
	.footer .ft-b .m_f p{ line-height: 24px; text-align: left; }
	
	.indexPart1{ padding: 5% 0;}	
	.indexPart1 ul{ margin-top: 30px;}
	.indexPart1 li{ width:49%;margin-right: 2%; margin-bottom: 0.2rem;padding: 30px 0;}
	.indexPart1 li:nth-of-type(2n){margin-right: 0%;	}
	.indexPart1 li:nth-of-type(3){margin-right: 1.6%; }
	.indexPart1 li:nth-of-type(5){width:100%;margin-right: 0%;	}
	
	.indexPart3 .i_c_box li{width:49.735%; float: left; margin-right: 0.53%;}
	.indexPart3 .i_c_box li:nth-child(2n){ margin-right: 0;}
	
	.indexPart4{ padding:30px 0 40px; }
	
	.case_ban{ padding:70px 0 30px 0;}
	.case_A{ margin-top: 10px;}
	.case_A h2{ font-size:30px;}
	.case_A a{ font-size: 16px; padding-right: 30px; margin-right: 20px;}
	
	.pagenavph{ display:block; position:relative; margin:0 0 0px 0;}
	.case_C{ margin-top:30px;}
	.case_C li{
    width: 48%;
    margin-right: 4%;
	}
	.case_C li:nth-child(3n){margin-right: 4%;}
	.case_C li:nth-child(2n){margin-right: 0%;}
	.case_C ul{padding-bottom: 0px;	}
	.page_nav{margin-top: 0px;}
	.case_C .tit {font-size: 14px;line-height: 24px;}
	.case_C .cont-wrap {padding: 10px 6.5% 10px;}
	.case_C .bot-link {	margin-top: 10px;display: none;}
	
	.case_wt{ margin:30px 0;}
	.case_wt li{ width:44%; margin-bottom: 20px;}
	.case_wt li .c_txt {margin-top: 5px; margin-bottom: 5px;}
	
	.banner3{height: 5.5rem;  padding-top: 50px; }
	.banner3 .b_txt{ display:none;}
	.banner3 .b_txt .t1 {font-size: 20px;}
	.banner3 .b_txt .t2 {font-size: 14px; line-height: 20px;}
	.banner3 .imgbox2 {width: 80%;}
	.banner3 .imgbox .img1 {top:75px;}
	.banner3 .img1 {
    width: 80%;
    position: absolute;
    right: 10%;
    transition: all ease 1.5s .5s;
	}
	
	.n_web1 .item{ padding:30px 0 30px 0;}
	.n_web1 .item .description{ width: 95%; padding-left: 3%; }
	.n_web1 .item .description2{ width: 95%; padding-right: 3%; }
	.n_web1 .item .qImg{width: 100%;  margin-bottom: 80px;}
	
	.n_web1 .item .description .dt{font-size: 24px;  }
	.n_web1 .item .description .dt2{ font-size: 16px;}
	.n_web1 .item .description .dt3{ font-size: 80px; top:-120px; left:3%;}
	
	.n_web1 .item .description2 .dt{font-size: 24px;  }
	.n_web1 .item .description2 .dt2{ font-size: 16px; }
	.n_web1 .item .description2 .dt3{ font-size: 80px;  top:-120px; right:3%;}
	
	.n_web1 .item .description .df .col{  height: 120px; width: 20%;}
	.n_web1 .item .description .df .col .icoImg{width: 70px; height: 70px;}	
	.n_web1 .item .description .df .col .icoImg img{ width:100%; height: auto;}
	.n_web1 .item .description .df .col p{margin-left: 0px; text-align: center; width: 100%;}
	.n_web1 .item .description2 .df .col{ width: 25%; height: 120px;margin-right: 0px; margin-left: 0;}
	.n_web1 .item .description2 .df .col .icoImg{width: 70px; height: 70px; }	
	.n_web1 .item .description2 .df .col .icoImg img{ width:100%; height: auto;}
	.n_web1 .item .description2 .df .col p{margin-left: 0px; text-align: center; width: 100%;}

	
	
	.aboutA>p{float:left;width:100%;}
	.aboutA_R{width:90%;float:right;margin:30px 5% 30px 5%;}
	.aboutB_con{display: none}
	.aboutB{height:508px;}
	.aboutD{ padding:50px 0 0px;}
	
	.platform{ padding:80px 0 30px 0;}
	
	#news_list li{float:left; width:97%;margin:0 1.5% 20px 1.5%;}
	
	.projectshow1 .contentbox{ background:#fff; padding: 0px;}
	.projectshow1{margin: 47px auto;}
	.return2{ display:none;}
	
	/*表格响应式*/
	.table-wrapper{
    	margin:0px 0px 20px;
	}

	.fl-table {
        display: block;
        width: 100%;
		
    }
    .table-wrapper:before{
        content: "Scroll horizontally >";
        display: block;
        text-align: right;
        font-size: 11px;
        color: white;
        padding: 0 0 10px;
    }
    .fl-table thead, .fl-table tbody, .fl-table thead th {
        display: block;
    }
	.fl-table thead th img{ width:100%; height: auto}
    .fl-table thead th:last-child{
        border-bottom: none;
    }
    .fl-table thead {
        float: left;
    }
    .fl-table tbody {
        width: auto;
        position: relative;
        overflow-x: auto;
    }
    .fl-table td, .fl-table th {
        padding: 20px .625em .625em .625em;
        height: 60px;
        vertical-align: middle;
        box-sizing: border-box;
        overflow-x: hidden;
        overflow-y: auto;
        width:1.6rem;
        font-size: 13px;
        text-overflow: ellipsis;
    }
	.fl-table td.w18{
        width: 3.9rem;
    }
    .fl-table thead th {
        text-align: left;
        border-bottom: 1px solid #f7f7f9;
    }
    .fl-table tbody tr {
        display: table-cell;
    }
    .fl-table tbody tr:nth-child(odd) {
        background: none;
		
    }
    .fl-table tr:nth-child(even) {
        background: transparent;
		
    }
    .fl-table tr td:nth-child(odd) {
        background: #F8F8F8;
        border-right: 1px solid #E6E4E4;
    }
    .fl-table tr td:nth-child(even) {
        border-right: 1px solid #E6E4E4;
    }
    .fl-table tbody td {
        display: block;
        text-align: center;
    }
	
	.contactA_T_l{width:100%;position:relative;top:0px; float: left; left: 0; margin-bottom: 30px; }
	.contactA_T_R{position:relative;width:100%;left:0%;text-align:left;top:0; float: left; margin-top: 30px; }
	.contactA_T_R p{font-size:16px;line-height:28px;margin-top:30px; color: #232323; width: 170px; text-align: center;}
	.contactA_T_m{width:100%;margin:0 auto;padding:0px 0%;height:auto;border-left:0px solid #e2e2e2;border-right:0px; float: left;}
	.contactA{margin-top:30px;}
	.contactA_T{padding:30px 2.8%;}
	
	.contactA_B_L{ width:100%; float: left; padding-left: 2.8%;}
	.contactA_B_R{ width:100%; float: right; margin-right: 2.8%;}
	.contactA_C_l{width:100%;float: left; }
	.contactA_C_r{width:100%; float: right;}
	.contactA_C_r .fkm{ width:50%; margin-left: 0px; float: left; margin-top: 30px; text-align: center;}
	.contactA_C_r .fkm img{ width:100%; height: auto; max-width: 180px;}
	
	.wal5{ width:100%;}
	
	.indexPart1 li h2{ font-size: 18px; color: #fff;text-shadow: 1px 1px 3px rgba(0,0,0,0.3);}
	.indexPart1 .name h2,.indexPart2 .name h2,.indexPart4 .name h2{ font-size:24px; color:#222222; }
	
	.banner2{width:100%;height:120vh;background-size:auto 100%; position:relative; }
	.ab_banB li{float:left;padding-right:5%;margin-right:5%;}
	.ab_banB li>span{font-size:40px;display:block;line-height:80px;}
	.ab_banB{width:100%;float:left;margin-top:30px;}
	
	#num3{font-size:20px;line-height:130px;}
	.n_web1 .item .description3{ width:98%;}
    .n_web1 .item .description3 .dt{ font-size: 36px; }
    .n_web1 .item .description3 .dt2{ font-size: 20px; }
    .n_web1 .item .description3 .dt4{ font-size:15px;}
    .n_web1 .item .description3 .dt3{font-size: 80px;top:-20px;right: 3%;}
    .n_web1 .item .description3 .dp_list li{ padding:8px 10px;}
    .Progn-list .list .contain{flex-direction: column;padding:30px 0;}
    .Progn-list .list .img{ width:100%;}
    .Progn-list .list .cont{ width:100%;height:auto;padding-top:20px;}
    .Progn-list .list:nth-child(odd) .cont{ padding:30px 15px 0 15px;}
    .Progn-list .list:nth-child(even) .cont{padding:30px 15px 0 15px;}
    .Progn-list .list .cont .name{ font-size:20px;}
    .Progn-list .list .cont li{font-size:14px;}
    .deepsk{margin-top:45px;}
}
@media screen and (max-width:641px){
	.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; }
	
	.footer .f_mid .left li:nth-of-type(4) .txt{  margin-top: 0px; line-height: 1;}
	
	#num3{font-size:16px;line-height:130px;}
	
}

@media screen and (min-width: 415px) 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: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; }
	.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; }
	.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; }
	.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;}
	
}