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

	.width_all{ max-width:980px;}
	.news .news_r_more img{width:100%;}
    .i-proda-m a{font-size: 14px;}
    .content{margin: 40px auto;}
    .cpbt p{font-size: 28px;}
    .join_us ul li span{font-size: 16px;}
    .news_width_show .news_w_s_name{font-size: 20px;}
	.dot>a{padding: 0 11px;}

}

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

	.width_all{ width:92%;}
	
	#navToggle{ height:auto; padding:9px; margin:0 -9px 0 0; display:block; position:absolute; right:4%; top:8px;}
	#navToggle span{ position:relative; width:25px; height:2px; margin-top:19px;}
	#navToggle span:before,#navToggle span:after{ content:''; position:relative; width:100%; height:2px; 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:#6fbc30;}
	#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:#0193de;}
	.nav{ display:none;}
	
	.banner_sj{ display:block;}
	.banner{ display:none;}
	
	.search .s_inp01{  overflow:hidden;}
    .search{padding: 12px 0;}
	.search .s_zi{ width:calc(100% - 340px); overflow:hidden;margin-top: 6px;}
	.search .s_biaoti{ width:90px; margin:0 auto; overflow:hidden; line-height:28px;}
	#s_width{ width:calc(100% - 90px);}
	#s_width ul li a{ line-height:28px;}
	
	.footer .footer_left{ display:none;}
	.footer .footer_right{ float:none; width:100%;}
	.footer .footer_erweima{ width:20%; margin:0;}
	
	.head_top,.erweima,.rexian{display:none;}
    .company_h .logo{width: 140px;margin: 15px auto;}
    .company_h .company_gg{font-size: 14px;}
    .company_h .company_gg h1{font-size: 16px;}
    .company_h .company_gg{line-height: 16px;margin: 21px 0 0px 3%;}
	.company_h .company_gg:after,.company_h .company_gg:before{bottom: 10px;width: 29px;display:none;}
    
    .new_p_width .new_p_left{display:none;}
    .new_p_width .new_p_right{width:100%;float:none;}
    .new_p_width .new_p_r_name{display:none;}
    .new_product{background: url(../images/new_product.jpg) bottom no-repeat;}
    .all_h_n_cn .pp1{display:none;}
    .all_h_n_cn .pp2{display:block;}
    .all_h_n_cn{font-size: 30px;}
    .all_h_n_sm{margin: 5px 0 0 0;}
    .all_h_n_en{font-size: 70px;}
    .new_products{margin: 40px auto 27px auto;}
    .applications{margin: 40px auto 30px auto;}
    .why_us .why_us_name{font-size: 30px;}
    .why_us .why_us_name p{margin: 6px 0 0 0;}
    .why_us{padding: 40px 0 20px;}
    .why_us_width .why_us_one{margin:0}
    .why_us_width .why_us_one dl dd, .why_us_width .why_us_two dl dd{line-height: 34px;font-size: 24px;}
    .why_us_width .why_us_one dl dt, .why_us_width .why_us_two dl dt{padding:0;}
    .why_us_width .why_us_profiles{font-size: 14px;line-height: 22px;margin: 8px 0 11px 8%;}
    .why_us_width{margin: 0 auto 30px;}
    .why_us_width .why_us_zixun{width: 130px;}
    .why_us_width .why_us_zixun a{font-size: 14px;line-height: 44px;}
    .why_us_width .why_us_zixun img{width:20px;height:auto;}
    .news{margin: 40px auto;}
    .news .news_l_name,.news .news_r_name{font-size: 18px;margin: 0 0 10px 0;}
    .news .news_l_one{margin: 10px auto 22px auto;}
    .news .news_r_two{margin:auto;}
    .about_us{margin: 40px auto 0 auto;padding: 40px 0 0 0;}
    .about_us .about_more{margin: 30px auto 130px auto;}
    .about_widths{padding: 18px 0 0 0;}
    .about_widths .about_tab{margin: 0 auto 40px auto;}
    .about_widths{margin: -80px auto 40px auto;}
    .about_widths .company_image{margin: 40px auto 0 auto;}
    .footer_nav{display:none;}
    .footer{padding:0;}
    .footer_contact_us .footer_contact{display:none;}
    .footer_contact_us .footer_tel{padding: 0 4% 0 10%;}
    .footer .footer_erweima{width: 11%;}
    
    .sj-pou,.sj-er{display:block;}
    
    .content_left{width:100%;float:none;display:none;}
    .content_right{width:100%;float:none;}
    .content_right{margin-top:40px;}
    .content_left ul li dl.nxx{display:none;}
    .content_left ul li a.cutt{color:#666}
    .content{margin:20px auto;}
    .content_right{margin-top:20px;}
    .products ul li{width:48%;margin-right:4%;}
    .products ul li:nth-child(2n){margin-right:0;}
    .i-proda-b-a span{font-size: 20px;}
    .i-proda-b{margin-top: 0px;}
    .cpbt p{font-size: 24px;}
    .ny-sy .ny-sy_name{font-size: 24px;}
    .ny-sy .ny-sy_name p{margin:auto;}
    .ny-sy_width .ny-sy_one dl dd, .ny-sy_width .ny-sy_two dl dd{line-height: 34px;font-size: 24px;}
    .ny-sy_width .ny-sy_one dl dt, .ny-sy_width .ny-sy_two dl dt{padding:0;font-weight: normal;}
    .ny-sy_width .ny-sy_profiles{font-size: 14px;line-height: 22px;margin: 8px 0 11px 8%;}
    .ny-sy{padding: 30px 0 0px;}
    .cpyy{padding:0;}
    .ny-sy_width .ny-sy_zixun{width: 130px;}
    .ny-sy_width .ny-sy_zixun img{width: 20px;height: auto;}
    .ny-sy_width .ny-sy_zixun a{font-size: 14px;line-height: 44px;}
    .cplx-b{padding:0 0 0 20px;line-height: 34px;}
    .cplx-b strong{font-size: 18px;padding:0;}
    .cptuj li p{font-size: 15px;}
    .i-proda-m{display:none;}
    
    .content_left ul li{margin:0 auto 5px;width: 48%;float: left;margin-right:2%;}
    .content_left ul li a{background:None;border:1px solid #e7e7e7;}
    .content_left ul{margin-right:-2%;}
    
    
   .icon_keifu{display:block;} 
   .keifu{transform: translate3d(105px,-50%,0);display:none;}
    
	
	
}

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

	.welcome{ display:none;}
	
	
	
	
	/*bottombox*/
	#bottombox{ width:100%; height:60px; background: rgb(111 188 48 / 95%); z-index:99; position:fixed; bottom:0px; left:0px; right:0px; top:auto; padding:5px 0; display:none;}
	.fize{ text-align:center;}
	.fize img{ display:inline; margin:0 0 3px 0;}
	.bot1{ width:25%; height:auto; float:left;  color:#fff; text-align:center; display:block; margin:3px 0px;}
	.bot1 a{ color:#fff;  font-size:14px;}
	.bot2{ width:25%; height:auto; float:left;  color:#fff; text-align:center; display:block; margin:3px 0px;}
	.bot2 a{ color:#fff;   font-size:14px;}
	.bot3{ width:25%; height:auto; float:left; color:#500; text-align:center; display:block; margin:3px 0px;}
	.bot3 a{ color:#fff;  font-size:14px; }
	.bot4{ width:25%; height:auto; float:left;  color:#fff; text-align:center; display:block; margin:3px 0px;}
	.bot4 a{ color:#fff;  font-size:14px;}
    
    .company_h .company_gg{display:none;}
    .company_h .logo{width: 95px;margin: 10px auto;}
    #navToggle{top: 0px;}
    #navToggle span{margin-top: 16px;}
    .search .s_zi{display:none;}
    .search .s_inp01{width:100%;}
    .search .s_inp01 .ip01{width:calc(100% - 44px);padding:0 10px;box-sizing:border-box;}
    .new_p_width .new_p_centent ul li{width:48%;margin-right:4%;}
    .new_p_width .new_p_centent ul li:nth-child(2n){margin-right:0;}
    .application_width ul li{width:48%;margin-right:4%;}
    .application_width ul li:nth-child(2n){margin-right:0;}
    .all_h_n_cn{font-size: 20px;}
    .all_h_n_en{font-size: 40px;}
    .all_h_name{margin: 0 auto 20px auto;}
    .new_products{margin: 30px auto 27px auto;}
    .search{padding: 7px 0;}
    .applications{margin: 30px auto 20px auto;}
    .application_width ul li h3{margin: 10px 0;}
    .why_us .why_us_name{font-size: 20px;margin: 0 auto 22px auto;}
    .why_us .why_us_name p samp{padding:5px 0;border: 1px solid #eee;width:100%;box-sizing:border-box;}
    .why_us .why_us_name p{margin: 3px 0 0 0;}
    .why_us{padding: 30px 0 20px;}
    .why_us_width .why_us_left{float:none;width:100%;}
    .why_us_width .why_us_right{float:none;width:100%;}
    .overflow{display:none;}
    .why_us_width .why_us_rexian{display:none;}
    .why_us_width .why_us_profiles{margin:15px 0 20px 8%;}
    .why_us_width{margin:auto;}
    .why_us_width .why_us_one dl dt, .why_us_width .why_us_two dl dt{font-size: 16px;}
    .why_us_width .why_us_zixun{margin: auto;width:100%;background-size:100%;}
    .why_us_width .why_us_one dl dd, .why_us_width .why_us_two dl dd{width: 57px;}
    .news{margin: 30px auto;}
    .news .news_l_name{display:none;}
    .news .news_right{display:none;}
    .news .news_left{width:100%;float:none;}
    .news .news_l_two ul li h4{width: 64%;height:auto;}
    .news .news_l_two ul li{line-height: 30px;}
    .news .news_l_two ul li i{margin: 11px 14px 11px 0;}
    .about_us{margin: 30px auto 0 auto;padding: 30px 0 0 0;background: url(../images/about_us.jpg) top center no-repeat;}
    .about_us .about_profiles{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
    .about_widths .about_tab li{width:30%;font-size: 16px;}
    .about_widths .company_image ul li{width:48%;margin: 0 4% 10px 0;}
    .about_widths .company_image ul li:nth-child(2n){margin-right:0;}
    .about_widths .about_tab{margin:auto;}
    .about_widths .company_image{margin: 20px auto 0 auto;}
    .about_widths .company_image{width:96%;}
    .footer_contact_us{padding: 15px 0 15px 0;display:none;}
    .footer_contact_us .footer_tel{width:100%;float:none;padding:0;text-align:center;line-height: 24px;color:#fff;}
    .footer_contact_us .footer_logo{display:none;}
    .footer .footer_erweima{display:none;}
    .footer_icp{padding: 7px 0 76px;}
    .about_us .about_more{margin: 30px auto 100px auto;}
    
    .i-proda-a{width:100%;margin:auto;float:none;}
    .i-proda-b{width:100%;float:none;margin-top:30px;}
    .tb-picList .tb-thumb{width:calc(100% - 50px);}
    .i-proda-b-a span{font-size:18px;}
    .i-prout{margin: 20px auto 0;}
    .i-proda-ca h4{font-size:16px;padding: 7px 40px;}
    .cpbt p{font-size: 20px;font-weight: bold;}
    .ny-sy .ny-sy_name{font-size: 20px;margin: 0 auto 30px auto;font-weight: bold;}
    .ny-sy_width .ny-sy_right{width:100%;}
    .ny-sy_width .ny-sy_one dl dd, .ny-sy_width .ny-sy_two dl dd{width: 60px;background: #76bf3b;}
    .ny-sy_width .ny-sy_one dl dt, .ny-sy_width .ny-sy_two dl dt{font-size:16px;}
    .ny-sy_width .ny-sy_one dl, .ny-sy_width .ny-sy_two dl{background: #f9f9f9;}
    .ny-sy_width .ny-sy_rexian{display:none;}
    .ny-sy_width .ny-sy_left{width:100%;}
    .ny-sy_width{margin:auto;}
    .ny-sy_width .ny-sy_one{margin:auto;}
    .content_left ul li{}
    .content_left ul li a{line-height: 30px;}
    .content_left ul li dl dd i{margin: 11px 12px 11px 2px;}
    .i-proda-c{padding-top:0;}
    .i-proda-ca:before{border-top: 35px solid #316b01;border-right: 20px solid #fff;}
    .i-proda-cb{margin: 10px auto;}
    .ny-sy_width .ny-sy_zixun{width:100%;background-size:100% ;}
    .cpgy{margin: 20px auto;}
    .cpzz{margin: 20px auto 0;}
    .cpzz li{width:32%;margin:0 1.33% 10px 0%;}
    .cpzz ul{margin-right:-1.333%;}
    .cplx-a{display:none;}
    .cplx-b{width:100%;float:none;margin:auto;padding-left:5px;line-height: 30px;}
    .cplx{margin:auto;box-sizing:border-box;padding:10px;border:1px solid #eee;}
    .cplx-b strong{font-size: 16px;margin:auto;}
    .cptj{font-size: 20px;font-weight:bold;margin: 30px auto 0;}
    .cptuj li{width:48%;margin-bottom:20px;padding: 5px 5px 10px;}
    .cptuj li p{padding: 10px 0 5px;}
    .cptuj{margin: 20px auto 0;}
    .ny_application ul li{width:47%;}
    .news_width_show .news_w_s_next dl dd{flaot:none;width:100%;}
    .news_width_show .news_w_s_next dl dt{float:none;width:100%;}
    .news_width_show .news_w_s_next{margin: 36px auto 0;}
    .partner ul li{width:48%;}
    .zhizaojd ul li{width:48%;margin-right:2%}
    .zhizaojd ul{margin-right:-2%;}
    .honor ul li{width:48%;margin-right:2%}
    .honor ul{margin-right:-2%;}
    .licheng h2{font-size: 20px;margin:0;}
    .licheng li{margin: 0 0 10px 0;}
    .join_us span.j_u2,.join_us span.j_u3,.join_us span.j_u4{display:none;}
    .join_us span.j_u1{width:68%;}
    .join_us span{width:30%;}
    .join_us dl dd em{font-size: 14px;line-height: 22px;}
    .ny_news dl dd{width:100%;float:none;}
    .ny_news dl dt{width:100%;margin:auto;}
    .ny_news dl{padding: 20px 0px 20px 0;}
    .ny_news dl dt .ny_n_jiantou{display:none;}
    .ny_news dl dt .ny_n_name{font-size:16px;}
    .news_width_show .news_w_s_name{font-size:16px;line-height: 24px;}
    .news_width_show .news_w_s_profiles{margin: 6px auto;}
    .news_width_show .news_w_s_time{margin: 5px auto;}
    .foot{display:block;}
    .suggest .suggest_button{line-height: 36px;margin:auto;}
    
    
    
    
    
    
    

}