@charset "utf-8";
/* CSS Document */
/*slider*/
*, *:before, *:after {
  box-sizing: border-box;
}
.swipeg {width:640px;height:300px;overflow:hidden;position:relative;}
.swipeg img {width:640px; height:300px;}
.swipeg ul{
	-webkit-transition:left 800ms ease-in 0;
	-moz-transition:left 800ms ease-in 0;
	-o-transition:left 800ms ease-in 0;
	-ms-transition:left 800ms ease-in 0;
	transition:left 800ms ease-in 0;
}
.swipeg #pagenavi{position:absolute;left:0;bottom:10px;text-align:center;width:100%;}
.swipeg #pagenavi a{width:14px;height:14px;line-height:99em;background:#b5b5b5;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;margin:0 4px;overflow:hidden;cursor:pointer;display:inline-block;*display:inline;*zoom:1;}
.swipeg #pagenavi a.active{background:#C80002;}
/*slider over*/
#mainbox {width: 640px; height: auto; margin: 0px auto; border: none;}
#mainbox .title {font-size: 52px; line-height: 60px; text-align: center;}
#mainbox .flan, .qstn {height:36px;  margin:20px auto 7px; background-image: linear-gradient(to right, #f0f0f0, #f0f0f0, #fcfcfc, #fff);}
#mainbox .flan .flpic, .qstn .qstpic {width:36px; float:left; margin:0px 5px;}
#mainbox .flan .fltit, .qstn .qsttit {width:500px; font-size:30px; line-height:36px; float:left; margin-left:10px;}
#mainbox .uparrow {height: 16px; padding-left: 25px; color: #f1f1f1; font-size: 16px; display: none; text-shadow: 0px 2px 1px rgba(0,0,0,0.3);}
#mainbox .nerong {font-size:24px; text-align:justify; margin:0px 5px; line-height:32px; font-weight: 200; padding: 5px; border-radius: 5px; background: #f8f8f8; box-shadow: 0 0 3px 0px rgba(0,0,0, 0.3); padding: 10px;}
#mainbox .nerong p {margin-bottom: 15px;}
#mainbox .nerong .qrcode {width:400px; height:450px; margin:10px auto; text-align:center;}
#mainbox .nerong a, a:visited, a:hover {color: #fc2828;}
#mainbox .answer {font-size:24px; text-align:justify; margin:0px 5px; line-height:32px; font-weight: 200; padding: 5px; border-radius: 8px; background: #f8f8f8; box-shadow: 0 3px 3px 0px rgba(0,0,0, 0.3); display: none;}
#mainbox .answer p {margin: 0 auto 10px;}
#mainbox .coutbox {width: 600px; height: auto; padding: 15px; position: relative; line-height: 24px; font-size: 18px; border-radius: 5px; background: #ffc; border: 1px dotted #fc2828; margin:10px auto; box-shadow: 0 0 3px 0px rgba(0,0,0, 0.3); text-align: justify;}
#mainbox2 td {border: 1px solid #bebebe; padding: 5px; }
.box {
	border: 1px solid #c3c3c3;
	float: left;
	position: relative;
	display: inline-block; 
	padding: 0px;
	width: 300px; 
	height: 340px; 
	background-color: #fff; 
	margin: 10px 8px;
	border-radius: 0px; 
	box-shadow: 0 0px 3px rgba(0, 0, 0, 0.2); 
	-webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); 
	transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); 
} 
.box::after {
	content: ""; 
	border-radius: 0px;
	position: absolute; 
	z-index: -1; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3); 
	opacity: 0; 
	-webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); 
	transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); 
		
}
.boxlarge {
	border: 1px solid #c3c3c3;
	float: left;
	position: relative;
	display: inline-block; 
	padding: 0px;
	width: 630px; 
	height: 305px; 
	background-color: #dc0117;
    text-align: center;
	margin: 10px auto;
	border-radius: 0px; 
	box-shadow: 0 0px 3px rgba(0, 0, 0, 0.2); 
	-webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); 
	transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); 
} 
.boxlarge::after {
	content: ""; 
	border-radius: 0px;
	position: absolute; 
	z-index: -1; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3); 
	opacity: 0; 
	-webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); 
	transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); 
		
}	
/*.box:hover {
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
	transform: scale(1, 1);
		
}
	
.box:hover::after {
	opacity: 1; 
		
}
*/		
	
.box img {width: 300px; height: 300px; border-radius: 0px; }

	
.box .p_title {
	font-size: 22px; line-height: 28px; margin: 6px auto 5px; text-align: center; color: #000; height: 28px;
}