@charset "utf-8";
/*
PC
*/
@media(min-width:769px){
	
	
	
	.solution{ padding:80px 0px; background:#fff;}
	.solution .content{ text-align:center; font-size:18px; padding:20px;}
	.solution .lst{ padding-top:30px;}
	.solution .lst li{ width:20%; height:300px; float:left; display:block;overflow:hidden;}
	.solution .lst .pic{ height:300px; overflow:hidden;}
	.solution .lst .pic img{ width:100%;}
	.solution .lst li:hover img{
			-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;-ms-transition: all .4s ease;transition: all .4s ease;
			-webkit-transform: scale(1.3, 1.3);-moz-transform: scale(1.3, 1.3);-o-transform: scale(1.3, 1.3);transform: scale(1.3, 1.3);}
	
	.solution .lst .box{ height:300px; position:relative; top:-60px;}
	.solution .lst li:hover .box{ top:-180px;
		-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;-ms-transition: all .4s ease;transition: all .4s ease;
	}
	
	.solution .box .bg{ background:#c70c1f; height:300px; -moz-opacity: 0.8;opacity: .80;filter: alpha(opacity=80);} 
	.solution .box .info{ height:300px; position:relative; top:-300px; color:#fff;}
	.solution .info .tit{ text-align:center; font-size:20px; height:60px; line-height:60px; overflow:hidden;}
	.solution .info .txt{ font-size:14px; padding:10px 30px; line-height:22px;}




	
	#stepBox .title * { color:#fff !important;}
	
	.step{ padding:80px 0px;}
	.step .lst{ padding-top:30px;}
	.step .lst li{ width:20%; display:block; float:left; }
	.step .lst li a{ width:90%; margin:0 auto; height:300px; overflow:hidden; border-radius:5px; display:block;  background:#fff;float:left;box-shadow: 0 0 10px 0 rgba(0,0,0,.1);}
	
	.step .lst li a:hover * { 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;	
	}
	.step .lst li a:hover em{ border:3px solid #fff;}
	.step .lst li a:hover .up{ height:300px;}
	
	
	.step .lst .bg{ height:300px;  }
	.step .lst .up{ background:#c70c1f; height:0px;}
	
	.step .lst .box{ position:relative; top:-300px; height:300px;}
	.step .lst .icon{ padding:50px 0px 30px 0px;}
	.step .lst .icon em{ color:#c70c1f; border:3px solid #c70c1f;border-radius:100%; width:80px; height:80px; line-height:80px; text-align:center; display:block; margin:0 auto; font-size:50px; }
	.step .lst .tit{ text-align:center; font-size:20px; color:#222;}
	.step .lst .tit span{ font-family:Arial;}
	.step .lst .txt{ padding:20px; font-size:14px; line-height:25px; color:#999;}





	.price{ padding:80px 0px; background:#ccc}
	.price .lst{ padding-top:10px;}
	.price li{ float:left; width:50%; display:block;}
	.price li a{ width:95%; height:630px; margin:15px auto; background:#fff; display:block; overflow:hidden; border-radius:5px;  box-shadow: 0 0 10px 0 rgba(0,0,0,.1);}
	
	.price li .tit{ height:80px; line-height:80px; font-size:35px; background:#222; color:#fff; text-align:center;}
	.price li .total{ height:100px; line-height:100px; font-size:40px; font-family:Arial; color:#c70c1f; text-align:center;}
	.price li .total span{ font-size:20px; color:#c70c1f;}
	.price li .total label{ font-size:15px; color:#666;}
	
	.price li .option{ padding:0px 15px 20px 15px; color:#666;}
	.price li .option b{ display:block; height:35px; line-height:35px; color:#222; background:#ccc; padding-left:10px;  font-size:14px;}
	.price li .option div{ line-height:23px; padding:13px 0px; font-size:12px; font-family:"Helvetica Neue", "Microsoft YaHei";}
	
	.price li .option span{ display:block; }
	
	.price li .opt2 span{ float:left; width:50%;}
	.price li .opt3 span{ float:left; width:33.3%;}
	
	
	.price li .option input{ display:none;}
	
	.price li .option em{ font-size:15px; font-style:normal; font-weight:normal; margin-right:5px;}
	.price li .option label,
	.price li .option label em{ color:#666;cursor:pointer;}

	.price li .option .chk,
	.price li .option .chk em{ color:#c70c1f !important; }
}
/*
PHONE
*/
@media (max-width:769px){	
	
	
	.solution .title .en{ display:none;}
	.solution .title .cn{ font-size:20px;color:#fff; background:#c70c1f; padding:10px 0px; text-align:center;}

	.solution .content{ padding:15px; font-size:16px; color:#3385FF}
	
	.solution .lst {padding:0px 15px;}
	.solution .lst li{ display:block;}
	.solution .lst li .pic{ display:none;}
	.solution .lst li .tit{ font-size:20px; color:#222; border-left:3px solid #c70c1f; padding-left:10px;}
	.solution .lst li .txt{ padding:10px 0px; font-size:14px; line-height:20px; border-bottom:1px solid #eee; margin-bottom:20px;}
	
	
	#stepBox{background:#fff !important;}
	
	.step .title .en{ display:none;}
	.step .title .cn{ font-size:20px;color:#fff; background:#c70c1f; padding:10px 0px; text-align:center;}
	
	.step .lst {padding:15px;}
	.step .lst li{ display:block;}
	.step .lst li .icon{ display:none;}
	.step .lst li .tit{ font-size:20px; color:#222; border-left:3px solid #c70c1f; padding-left:10px;}
	.step .lst li .txt{ padding:10px 0px; font-size:14px; line-height:20px; border-bottom:1px solid #eee; margin-bottom:20px;}
	
	


	.price .title .en{ display:none;}
	.price .title .cn{ font-size:20px;color:#fff; background:#c70c1f; padding:10px 0px; text-align:center;}
	

	.price .lst{ padding:15px;}
	.price li{display:block;}

	.price li .tit{ height:40px; line-height:40px; font-size:16px; color:#fff; background:#222; text-align:center;}
	.price li .total{font-size:18px; font-family:Arial; color:#c70c1f; text-align:center; background:#eee; height:40px; line-height:40px;}
	.price li .total span{color:#c70c1f;}
	.price li .total label{color:#666; font-size:12px;}
	
	.price li .option{ color:#666;}
	.price li .option b{ display:block; height:40px; color:#222; line-height:40px; font-size:14px; border-bottom:1px solid #eee;}
	.price li .option div{ line-height:22px; padding:10px 0px; font-size:14px; color:#333;}
	.price li .option span{ display:block;}
	
	
	.price li .option input{ display:none;}
	
	.price li .option em{ font-size:15px; font-style:normal; font-weight:normal; margin-right:5px;}
	.price li .option label,
	.price li .option label em{ color:#666;cursor:pointer;}

	.price li .option .chk,
	.price li .option .chk em{ color:#009900 !important; }
	
}