@charset "utf-8";
/* CSS Document */

body,div,menu,ol,ul,li,dl,dd,dt,h1,h2,h3,h4,h5,h6,input,p,form,header,nav,article,section,aside,footer,video,audio,figure,textarea{ padding:0; margin:0;}
img,area{ outline:none; border:none;}
input,select,textarea{ background:#FFF;}
mark{ background:none;}
textarea{ resize:none;}
menu,ul,ol,li{ list-style-type:none;}
body{ font-family:"微软雅黑"; line-height:1; max-width:640px; min-width:320px; margin: 0 auto; color:#221815;}
em,i,strong,b,small,h1,h2,h3,h4,h5,h6,address{ /*font-style:normal; font-weight:normal;*/ font-size:100%;}
span,b,em,i,strong,small,label,a,mark{ /*display:inline-block;*/}
em,i,strong,b,small,span,li,a,mark{ transition:all 0.4s;}
img{vertical-align: middle;border: 0;padding: 0;margin: 0;max-width: 100%}
ul li{ transition:0s;}
a{ text-decoration:none; outline:none; color:inherit;}
.left{ float:left;}
.right{ float:right;}
.clearfix{ clear: both;overflow: hidden;zoom: 1;}
.clearfix:after {content: ".";display: block;clear: both; visibility: hidden; height: 0;font-size:0;}
.absolute{ position:absolute;}
.relative{ position:relative}
iframe{border: 0; margin-left:5%;}
body{ font-size:100% !important;}
.red{color: #94252a;}
.center{text-align: center;}

/*media*/
@media (min-width:590px) and (max-width:639px){
	/*html*/
	body{ font-size:90% !important;}	
}

@media (min-width:480px) and (max-width:590px){
	/*html*/
	body{ font-size:80% !important;}	
}
@media (min-width:400px) and (max-width:479px){
	/*html*/
	body{ font-size:68% !important;}
}
@media (min-width:320px) and (max-width:399px){
	/*html*/
	body{ font-size:55% !important;}
}

.hr{display: block;height: 1px;border: 0;border-top: 1px solid #221815;margin: 1em 0;padding: 0;}
/*0.5单边线*/
.r-line{position:relative}
.r-line:after{content:'';position:absolute;z-index:0;top:0;right:0;height:100%;border-right:1px solid #D9D9D9;-webkit-transform:scaleX(0.5);transform:scaleX(0.5);-webkit-transform-origin:100% 0;transform-origin:100% 0}
.b-line{position:relative}
.b-line:after{content:'';position:absolute;z-index:2;bottom:0;left:0;width:100%;height:1px;border-bottom:1px solid #e2e2e2;-webkit-transform:scaleY(0.5);transform:scaleY(0.5);-webkit-transform-origin:0 100%;transform-origin:0 100%}
/*#### 强制不换行,超出部分...*/ 
/*超过宽度就自动显示为省略号[注意需要给元素设置宽度]*/
.text_o{overflow: hidden;/*自动隐藏文字*/text-overflow: ellipsis;/*文字隐藏后添加省略号*/white-space: nowrap;/*强制不换行*/}
/*#### flexbox*/ 

.flex{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;position:relative}
.flex-box{-webkit-box-flex:1;-webkit-flex:1;flex:1;min-width:0;font-size:14px;color:#333}/*子元素占据剩余的空间*/
/*盒模型垂直布局*/
.flex-v { -webkit-box-orient: vertical;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;}
/*子元素垂直居中*/
.flex-align-center {-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
/*子元素水平居中*/
.flex-pack-center {-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
/*子元素两端对齐*/
.flex-pack-justify {-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;}

/* 列式弹性盒子 */
.flex_col{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;align-content:center;display:-webkit-flex;-webkit-flex-direction:row;-webkit-flex-wrap:nowrap;-webkit-justify-content:flex-start;-webkit-align-items:center;-webkit-align-content:center}
/* 行式弹性盒子 */
.flex_row{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;align-content:flex-start;display:-webkit-flex;-webkit-flex-direction:column;-webkit-flex-wrap:nowrap;-webkit-justify-content:flex-start;-webkit-align-items:flex-start;-webkit-align-content:flex-start}
/* 弹性盒子弹性容器 */
.flex_col .flex_grow{width:0;flex-grow:1;-webkit-flex-grow:1}
.flex_row .flex_grow{overflow:auto;-webkit-overflow-scrolling:touch;flex-grow:1;-webkit-flex-grow:1}
/* 弹性盒子允许换行 */
.flex_col.flex_wrap{flex-wrap:wrap;-webkit-flex-wrap:wrap}
/* 弹性盒子居中 */
.flex_col.flex_center,.flex_row.flex_center{justify-content:center;-webkit-justify-content:center}

.container{
	width: 100%;
	height: auto;
	max-width: 640px;
	margin-left:auto;
	margin-right: auto;
	overflow: hidden;
	background: url(../images/bg.jpg) repeat 50%;
	background-size: contain;
}
.content{
	width: 100%;
	height: auto;
	min-height: 40em;
	background: url(../images/border-bg.png) repeat-y top;
	background-size: contain;
	vertical-align: middle;
	padding:0 3.2em;
	box-sizing: border-box;
}
.header{
	background: url(../images/top_bg.jpg) no-repeat top;
	background-size: contain;
}


.test-text-1{
	font-size: 3em;
	line-height: 1.3;
	text-align: center;
	padding-bottom: .5em;
	margin-bottom: .5em;
	border-bottom:solid 1px #94252a;
}
.main h3{
	margin-top: .1em;
	margin-bottom: .5em;
	font-size: 1.6em;
	line-height: 1.5;
}
.main p{
	margin-bottom: .3em;
	line-height: 1.4;
	font-size: 1.2em;
}
.main p b{font-size:1.2em;}
.main p img{
	margin-top: 1em;
	margin-bottom: .3em;
}
@media (min-width:590px) and (max-width:639px){
	
}

@media (min-width:480px) and (max-width:590px){
	
}
@media (min-width:400px) and (max-width:479px){
	
}
@media (min-width:320px) and (max-width:399px){
	.main h3{
		font-size: 18px
	}
	.main p{
		font-size: 16px
	}
	.main p b{
		font-size: 16px
	}
}