@charset "utf-8";
/*
PC
*/
@media(min-width:769px){
	.page .about{padding:80px 0px; background-color:#fff;}
	
	.about .txt{ width:50%;}
	.about .tit{ font-size:35px; padding-bottom:20px;color:#222; }
	.about .content{ line-height:30px; font-size:16px; padding-bottom:40px;}
	.about .btn a{ width:200px; height:40px; line-height:40px; border: 2px solid #c70c1f; color:#c70c1f; display:block; text-align:center; font-size:18px; border-radius:5px;}
	.about .btn a:hover{ background:#c70c1f; color:#fff;
	webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;-ms-transition: all .4s ease;transition: all .4s ease;}
	.about .pic{ width:45% ; -moz-opacity: 0.9;opacity: .90;filter: alpha(opacity=90); cursor:pointer;}
	
	
	
	.about .box_out{ width:400px; height:400px; display:block; margin:0 auto;}
	.about .round_out{  width:400px; height:400px; margin:5px; display:block}
	
	
	.about .round_out_box{ height:400px; width:400px; display:block; position:relative; top:-400px; overflow:hidden;}
	.about .round_out div{ width:390px; height:390px; border:1px solid #0180FF; display:block; margin:0 auto; border-radius:100%; margin:5px;
	-webkit-animation:runOut 5s linear 0s infinite;
	-moz-opacity: 0.9;opacity: .90;filter: alpha(opacity=90);
	}
	.about .round_out .dot{ width:30px; height:30px; background:#0180FF; display:block;border-radius:100%; position:relative;top:42px;left:42px;}
	@-webkit-keyframes runOut{  
		from{  
			-webkit-transform:rotate(360deg);  
		}  
		to{  
			-webkit-transform:rotate(0deg);  
		}  
	} 
		
	
	.about .box_int{ width:200px; height:200px; display:block; margin:100px auto;}
	.about .round_int{  width:200px; height:200px;margin:0px;}
	.about .round_int div{ width:190px; height:190px; border:1px solid #0180FF; display:block; margin:0 auto; border-radius:100%; margin:5px;
	-webkit-animation:runIn 3s linear 0s infinite;
	-moz-opacity: 0.9;opacity: .90;filter: alpha(opacity=90);
	}
	.about .round_int .dot{ width:15px; height:15px; background:#0180FF; display:block;border-radius:100%; position:relative;top:20px;left:20px; }
	
	@-webkit-keyframes runIn{  
		from{  
			-webkit-transform:rotate(0deg);  
		}  
		to{  
			-webkit-transform:rotate(360deg);  
		}  
	} 
	
	
	.about .icon{ height:200px; position:relative; top:-150px;}
	.about .icon div{ width:100px; height:100px; display:block; margin:0 auto; }
	.about .icon em{ font-size:60px;width:100px; height:100px; line-height:100px; display:block; color:#0180FF;text-align:center;
	-moz-opacity: 0.9;opacity: .90;filter: alpha(opacity=90);}
	
	
	
	#goodsBox .title *{ color:#fff !important;} 
	.goods{ padding:80px 0px;}
	.goods .content{ text-align:center; font-size:18px; padding:20px; color:#fff}
	
	.goods .lst { padding-top:30px;}
	.goods .lst li{ float:left; width:50%; display:block;}
	.goods .lst li a{ width:90%; display:block;  margin:10px auto;  padding:20px; background:#fff;box-shadow: 0 0 10px 0 rgba(0,0,0,.1); border-radius:5px}
	.goods .lst li a:hover{ background:#c70c1f; }
	.goods .lst li a:hover *{ color:#fff !important;
		webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;-ms-transition: all .4s ease;transition: all .4s ease;
	} 
	
	.goods .lst .lst_left .icon{ float:right}
	.goods .lst .lst_left .info{ float:left; text-align:right;}
	
	.goods .lst .lst_right .icon{ float:left}
	.goods .lst .lst_right .info{ float:right; text-align:left;}
	
	
	.goods .lst li a .icon{ width:20%;}
	.goods .lst li a .icon em{ font-size:60px;  height:100px; line-height:100px; text-align:center; display:block; margin:0 auto;}
	.goods .lst li a .info{ width:80%;}
	
	.goods .lst li a .info .tit{ font-size:25px; font-weight:bold; color:#222; padding-bottom:15px;}
	.goods .lst li a .info .txt{ line-height:25px; height:50px; font-size:16px; color:#666;}
	
	
	.action{ padding:80px 0px;}
	
	.action .info .txt { text-align:center; font-size:35px; line-height:60px; padding:30px}
	.action .info .txt span{ font-weight:bold; color:#c70c1f;}
	.action .info img{ width:200px; height:200px; display:block; margin:20px auto; border:10px solid #ccc; border-radius:5px;}
	
	.action .info .lst{ width:900px; margin: 0 auto; padding-top:30px; border-top:2px dashed #ccc;}
	.action .info .lst li{ float:left; width:33%; text-align:center; font-size:16px; line-height:30px;}
	.action .info .lst li b{ display:block; color:#222; font-size:18px;}
	.action .info .lst li b span{ color:#c70c1f}
}
/*
PHONE
*/
@media (max-width:769px){	
	
	.about .tit { font-size:20px;color:#fff; background:#c70c1f; padding:10px 0px; text-align:center;}
	.about .content{padding:15px;  font-size:16px; line-height:32px; color:#333;}
	.about .pic,
	.about .btn{ display:none;}
	
	
	
	
	#goodsBox{ background:#fff !important}
	
	.goods .title .en{ display:none;}
	.goods .title .cn{ font-size:20px;color:#fff; background:#c70c1f; padding:10px 0px; text-align:center;}
	
	.goods .center{ padding:0px 15px 15px 15px;  font-size:16px; line-height:32px; color:#333;}
	
	.goods .content{ padding:15px; font-size:16px; color:#3385FF}
	
	.goods .lst li a { border-top:1px solid #eee; padding:10px 0px;}
	.goods .lst li a .icon{ width:20%; float:left;}
	.goods .lst li a .icon em{ font-size:40px;  height:50px; line-height:50px; text-align:left; display:block; margin:0 auto;}
	.goods .lst li a .info{ width:80%; float:right;}
	.goods .lst li .tit{ font-size:16px; color:#222;}
	.goods .lst li .txt{ font-size:14px; color:#666; line-height:20px;}
	
	
	
	
	.action .title .en{ display:none;}
	.action .title .cn{ font-size:20px;color:#fff; background:#c70c1f; padding:10px 0px; text-align:center;}
	
	.action .info{ padding:15px}
	.action .info .txt { text-align:center; font-size:18px; line-height:40px;}
	.action .info .txt span{ font-weight:bold; color:#c70c1f;}
	.action .info img{ width:200px; height:200px; display:block; margin:20px auto; border:10px solid #ccc; border-radius:5px;}
	
	.action .info .lst{border-top:1px solid #ccc; padding-top:20px;}
	.action .info .lst li{ text-align:center; font-size:16px; line-height:30px;}
	.action .info .lst li b{ display:block; color:#222; font-size:18px;}
	.action .info .lst li b span{ color:#c70c1f}

}