@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 1300px) {
		
	.main-about .classify{padding: 25px}
	.main-about .cont{padding:45px 20px 0 20px;}
	
	
	.news li .pic img{ width:100%; height:150px;}
	.news li .txt{ float:right; width:calc(100% - 370px);}
	
	.xgsj-wordspic ul li{height: 370px;}
    .xgsj-words{height: 370px;padding: 80px 40px 0 80px;}
    .xgsj-picwords ul li{height: 370px;}
	
    .xgsj-words h4 {font-size: 24px;}
    .xgsj-words b {margin: 12px 0 24px 0;}
    .xgsj-words p {margin-top: 12px;}
	
	.case{ padding:0; margin-top:3%;}
	
}

@media screen and (max-width: 1180px) {
	.header .top{ padding:0 1%; }
	.header .nav{ float:left;width: 62%; text-align:right; margin:0 2%;}
	.header .nav li{ display:inline-block; width:15%; text-align:center;}

	
	.news li .pic img{ width:100%; height:150px;}
	.news li .txt{ float:right; width:calc(100% - 320px);}
	
	.product li{ width:19%;}
	

}
@media screen and (max-width: 980px) {
	
	.header{ height:60px;}
	.header h1{ left:4%; margin-top:8px; width:220px;}
	.H-action{float:right;margin:0 115px 0 0;}
	.H-srch{height:60px;float:left;}
	
	.header .lang{top: 21px;right:50px; font-size: 14px;}
	.header .lang-box{position: absolute;top: 59px;right: 28px;}
	
	.nav{ display:none;}
	.menu{ position: absolute; display:block; float:right; margin-right:0;right: 0;}
	.openclose{ display: block; width: 40px; height: 28px; line-height:30px; text-align:center;margin-top:20px; border-radius:3px;}
	.menu a:hover{ text-decoration:none;}
	.sub_menu{ display: none; position:absolute; right:0px; top:60px; width:100%; z-index:100; background:rgba(0,0,0,0.8);}
	
		
	.IndexProductsSolution {padding: 0 3%;margin-top:15px;}
	.IndexProducts {float:left;width:100%;height:auto;text-align:center;}
	.IndexSolution {float:right;width:100%;height:auto;text-align:center;}
	
	
	/*关于我们*/
	.main-about .classify{padding: 15px 0;}
	.main-about .classify h2{float: none;margin: 0 auto; text-align: center}
	.main-about .classify .tab ul{float: none;margin-top: 20px;width: 100%;}
	.main-about .classify .tab ul li{width:25%;font-size: 14px; border-right:none;}
	.main-about .cont .profile .text{font-size: 12px;line-height: 25px;}
	.main-about .cont{width: 96%;margin: 0 auto;   padding: 15px 0 0 0; } 
	.main-about .cont .profile .text img{float: left; width: 100%; margin:0 0 10px 0;}
	
	.main-about .cont .pro_why .WhyRight{float: none; width: 100%; margin-right:0}
	.main-about .cont .pro_why .WhyRight .bt_ts{font-size: 30px;line-height: 32px;} 
	
	
	.honor li{ width:48%;}
	.hcxz li{ width:48%; }
	
	.case{ padding:0; margin-top:3%;}
	.case li{ float:left; width:48%; }
	
	.news li .pic{ float:left; width:28%; }
	.news li .pic img{ width:100%; height:150px;}
	.news li .txt{ float:right; width:calc(100% - 280px);}
	.news li .txt h3{ padding:0 0 2% 0; font-size:16px;font-weight: 600;}
	
	.NewsDetailed h3{line-height:35px;font-size:20px;}
	
	.xgsj-wordspic ul li{width: 100%;height: auto;}
	.xgsj-words{height: auto;padding: 20px 16px 20px 16px;}
	.xgsj-wordspic ul li:nth-child(2){height: 240px;}
	.xgsj-picwords ul li{width: 100%;height: auto;}
	.xgsj-picwords ul li:nth-child(1){height: 240px;margin-top: 16px;}
	.xgsj-words h4{font-size: 18px;}
	.xgsj-words p{font-size: 14px;margin-top: 6px;}

	
	.topmargin{ padding:1% 2%;}
	.col_one_fifth{float: left;width: 32%; margin-right:2%;}
	.col_four_fifth{float:right; width: 64%;}
	.product li{ width:48%;}
	
	.ProductDetailed{ padding:2%; width: 96%;}
	.ProductDetailed dl {line-height:36px;padding-bottom:12px;text-align:center;font-size:27px;}
	.ProductDetailed_Pic{float: none; width: 100%;}
	.ProductDetailed_Txt{float: none; width:100%;padding-bottom:30px;font-size:13px;line-height:220%;}
	.ProductDetailed_Txt .bolds{line-height:35px;padding-bottom: 15px; font-size:20px;}

	.ProductDetailedTitle {text-align:left;font-size:22px;}
	
	.foot .box{ padding:40px 5% 0 5%;}
	.foot_t .t_l{ width:100%; float:none;}
	.foot_t .t_r{ width:100%; float:none; text-align:left; border-top:1px solid #222; margin-top:30px; padding-top:30px;}
	

	

}

@media screen and (max-width: 720px) {
	.header .yuyan{ top:20px; right:20%;  border-radius:3px;}
	
	.banner_pc{ display:none;}
	.banner_yd{ display:block;margin-top: 60px;}
	
	.IndexSolution li dt{font-size:12px;}
	
		
	.main-about .cont .WhyDiv{margin: 15px 0 25px 0;}
	.main-about .cont .WhyDiv span{width: 48%; margin-bottom: 2%; }
	.main-about .cont .WhyDiv span:nth-child(2){margin-right:0}
	
	.news li .pic{ float:left; width:28%; }
	.news li .pic img{ width:100%; height:100px;}
	.news li .txt{ float:right; width:calc(100% - 140px);}
	.news li .txt h3{ padding:0 0 2% 0; font-size:15px;font-weight: 600;}
	.news li .txt p{ line-height:24px;font-size:12px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
	.news li .txt span{font-size:13px; line-height: 25px;padding-top:10px;}
	
	
	.col_one_fifth{float: none;width: 100%; margin-right:0;}
	.col_four_fifth{float:none; width: 100%; margin-top: 5%}
	.product li{ width:48%;}

	.reveal-modal { width:280px; padding: 25px; margin-top:65%;}
	

	.foot{margin-top: 8px;}
	.foot .box{ padding:0px 5%;}
	.foot_t{ display:none;}
	.foot_b{ border-top:0; padding:20px 0; margin-top:0px;}
	
}