@charset "utf-8";
/* CSS Document */
@media screen and (max-width:1440px) {

	.width_all{ max-width:1200px;}
	
	.navbar_nav li p{ padding:0 6px;}

}

@media screen and (max-width:1280px) {

	.width_all{ max-width:980px;}
	.width_top{ width:92%;}
	
	.head_top .logo{ width:141px; margin:30px 0;}
	.head_top .search{ width:120px;}
	.head_top .search input{ width:96px;}
	.head_top .head_en{ margin:37px 1%;}
	.navbar_nav li p{ padding:0 3px;}
	
	.about .about_profiles{ font-size:14px; line-height:24px; height:216px;}
	
	.news_width .news_w_right .bd ul li a{ padding:23px 0;}
	.news_width .news_w_right .bd ul li dl dd{ width:70%;}
	.news_width .news_w_right .bd ul li dl dt{ width:23%;}
	
	
	.menu_nav ul{ left:268px;}
	.menu_nav ul li{ margin:0 0 0 8px;}
	.menu_nav ul li a{ padding:0 10px;}

}

@media screen and (max-width:1000px) {

	.width_all{ width:92%;}
	
	.head_top .logo{ width:89px; margin:18px 0;}
	.head_top .search{ width:100px; margin:18px 0;}
	.head_top .search input{ width:76px;}
	.head_top .head_en{ margin:18px 3%;}
	
	#navToggle{ height:auto; padding:7px 9px; margin:0 -9px 0 0; display:block; float:right;}
	#navToggle span{ position:relative; width:25px; height:1px; margin-top:23px;}
	#navToggle span:before,#navToggle span:after{ content:''; position:relative; width:100%; height:1px; left:0;}
	#navToggle span,#navToggle span:before,#navToggle span:after{ -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s; display:block; background:#0089e1;}
	#navToggle span:before{ top:8px;}
	#navToggle span:after{ bottom:10px;}
	#navToggle.open span:before{ top:10px; -webkit-transform:translateY(-11px) rotate(-45deg); -moz-transform:translateY(-11px) rotate(-45deg); -ms-transform:translateY(-11px) rotate(-45deg); -o-transform:translateY(-11px) rotate(-45deg); transform:translateY(-11px) rotate(-45deg);}
	#navToggle.open span:after{ bottom:12px; -webkit-transform:translateY(10px) rotate(45deg); -moz-transform:translateY(10px) rotate(45deg); -ms-transform:translateY(10px) rotate(45deg); -o-transform:translateY(10px) rotate(45deg); transform:translateY(10px) rotate(45deg);}
	#navToggle.open span{ background:none;}
	#navToggle.open span:before,#navToggle.open span:after{ background:#0089e1;}
	.nav{ display:none;}
	
	.banner_sj{ display:block;}
	.banner{ display:none;}
	.flex-control-nav{ bottom:0;}
	
	.about_us .about_name p{ width:88%;}
	.about{ margin:42px auto 16px auto;}
	.about .about_left{ float:none; width:100%; margin:0 0 28px 0;}
	.about .about_right{ float:none; width:100%;}
	.about .about_profiles{ margin:16px auto 56px auto;}
	.huanjing .hj_pre,.huanjing .hj_next{ width:5%; top:-54px;}
	.huanjing .hj_pre{ left:0%;}
	.huanjing .hj_next{ left:7%;}
	.huanjing_width li{ width:4%; margin:0 0.25% 0 0;}
	
	.solution .solution_name p{ width:88%;}
	
	.team .team_name p{ width:88%;}
	
	.news .news_name p{ width:88%;}
	
	.news_width .news_w_left{ float:none; width:100%;}
	.news_width .news_w_right{ float:none; width:100%;}
	
	.footer_left{ float:none; width:100%;}
	.footer_left dl{ float:none; width:100%; margin:0 0 5% 0; overflow:hidden;}
	.footer_left dl:last-child{ width:100%; margin:0 0 5% 0;}
	.footer_right{ float:none; width:28%;}

}

@media screen and (max-width:640px) {
    
        .search{ display:none;}
         .menu_nav ul{ display:none;}
         
         
         
         
      .products_td{ width:100%; margin:0 auto;}
.products_td ul{ overflow:hidden;}
.products_td ul li{ float:left; width:48%; margin:0 2% 2% 0;}
.products_td ul li a{ display:block; color:#666;}
.products_td ul li a:hover{ text-decoration:none; color:#0071bd;}
.products_td ul li:nth-child(4n){ margin:0 0 2% 0;}
.products_td ul li img{ width:100%;}
.products_td ul li em{ margin:6px 0 0 0; font-size:16px; line-height:28px; height:56px; text-align:center; display:-webkit-box; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical;}



.bangong{ width:100%; margin:0 auto;}
.bangong ul{ overflow:hidden;}
.bangong ul li{ width:48%; float:left; margin:0 0.8% 0.8% 0; position:relative;}
.bangong ul li:nth-child(4n){ margin:0 0 0.8% 0;}
.bangong ul li img{ width:100%;}
.bangong ul li em{ position:absolute; left:0; bottom:0; width:100%; background:rgba(0,0,0,.5); font-size:16px; line-height:28px; height:28px; text-align:center; display:-webkit-box; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.bangong ul li a{ color:#fff; display:block;}
.bangong ul li a:hover{ text-decoration:none;}
   
         
         
         
         
         

	.flex-control-paging li a{ width:12px; height:2px;}
	.flex-direction-nav li a{ display:none;}
	.flex-control-nav{ bottom:-12px;}
	
	.about_us{ margin:42px auto;}
	.about_us .about_name{ font-size:24px; line-height:36px;}
	.about_us .about_name p{ font-size:12px; line-height:22px;}
	.about{ margin:22px auto 16px auto;}
	.about .about_left{ margin:0 0 18px 0;}
	.about .about_c_name{ font-size:18px; line-height:36px;}
	.huanjing .hj_pre,.huanjing .hj_next{ width:8%;}
	.huanjing .hj_pre{ left:0%;}
	.huanjing .hj_next{ left:10%;}
	.huanjing_width li{ width:6%; margin:0 0.5% 0 0;}
	
	.culture{ margin:42px auto; padding:42px 0;}
	.culture_name{ width:100%; font-size:24px; line-height:36px; margin:0 0 20px 0;}
	.culture_width{ width:100%; font-size:14px; line-height:25px;}
	.culture_width em{ font-size:16px;}
	
	.solution{ margin:42px auto;}
	.solution .solution_name{ font-size:24px; line-height:36px;}
	.solution .solution_name p{ font-size:12px; line-height:22px;}
	.solution ul{ margin:20px auto 0 auto;}
	.solution ul li{ width:49%; margin:0 2% 2% 0;}
	.solution ul li:nth-child(2n){ margin:0 0 2% 0;}
	
	.team{ margin:42px auto; padding:42px 0;}
	.team .team_name{ font-size:24px; line-height:36px; margin:0 auto 20px auto;}
	.team .team_name p{ font-size:12px; line-height:22px;}
	.swiper-pagination{ position:relative;}
	.swiper-pagination-bullet-active{ opacity:1; background:rgba(0,0,0,.8);}
	
	.news{ margin:42px auto;}
	.news .news_name{ font-size:24px; line-height:36px;}
	.news .news_name p{ font-size:12px; line-height:22px;}
	.news_w_left .news_mulu ul li a{ font-size:18px;}
	.news_w_left .news_w_img dl dt p{ font-size:14px; line-height:24px; height:48px;}
	.news_w_left .news_w_img dl dt p.ns_w1{ font-size:16px; height:24px;}
	.news_width .news_w_right .bd{ margin:32px 0 0 0;}
	.news_width .news_w_right .bd ul li dl dd{ width:68%; font-size:14px; line-height:24px;}
	.news_width .news_w_right .bd ul li dl dd p{ height:48px;}
	.news_width .news_w_right .bd ul li dl dd em{ font-size:16px; height:24px;}
	.news_width .news_w_right .bd ul li dl dt{ width:25%; font-size:14px; line-height:24px;}
	.news_width .news_w_right .bd ul li dl dt span{ height:48px;}
	.news_width .news_w_right .bd ul li dl dt span img{ height:9px; margin:19px 0 0 0;}
	
	.footer_left dl dd{ font-size:16px; line-height:26px;}
	.footer_left dl dt{ font-size:14px; line-height:28px;}
	.footer_right{ width:50%;}
	.footer_right .footer_gz{ font-size:16px; line-height:26px;}
	.footer_right .footer_gz_img em{ font-size:14px; line-height:26px;}

}