/* 
* @Author: li
* @Date:   2020-05-06 15:58:47
* @Last Modified time: 2020-05-08 14:28:37
*/
*,
*:after,
*:before {
    /* Set universal box sizing with inheritance. [3] */
    /* box-sizing: inherit; */
}
body,
html {
	line-height: 1.15;
	box-sizing: border-box;
    font-family: "微软雅黑";
    margin: 0 auto;
    height:100%;
	/* 禁止选中文本 */
	-moz-user-select:none; /*火狐*/
	-webkit-user-select:none; /*webkit浏览器*/
	-ms-user-select:none; /*IE10*/
	-khtml-user-select:none; /*早期浏览器*/
	user-select:none;
}
body,
h1,
h2,
h3,
h4,
p,
ul[class],
ol[class],
dl,
li,
blockquote,
figure,
figcaption,
button,
input,
optgroup,
select,
textarea {
	outline: none;
	border: none;
    margin: 0;
}
body {
	padding: 0px;
	margin: 0px;
    font-family: 'Microsoft YaHei','SimHei',Arial,sans-serif;
    font-size: 14px;
    line-height: 26px;
    color: #666;
    font-weight: 400;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
}
ul li{
	list-style: none;
}
i{
	font-style: normal;
}
a{
    color: #333;
    text-decoration: none;
    transition: all .3s;
}
p{
	line-height: 24px;
	font-size: 16px;
	color: #FFFFFF;
}
span{
	font-size: 16px;
	color: #FFFFFF;
}
a:hover,a:active,a:focus{
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    outline:none;
/*    color: #4599c3; */
    text-decoration:none;
}

.cf:after,.cf:before {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.fl{
    float: left;
}
.fr{
    float: right;
}
.text-center{
    text-align: center;
}
.text-nowrap-ellipsis,.text-nowrap-ellipsis-2,.text-nowrap-ellipsis-3,.text-nowrap-ellipsis-4,.text-nowrap-ellipsis-5{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.text-nowrap-ellipsis{
    -webkit-line-clamp: 1;
}
.text-nowrap-ellipsis-2{
    -webkit-line-clamp: 2;
}
.text-nowrap-ellipsis-3{
    -webkit-line-clamp: 3;
}
.text-nowrap-ellipsis-4{
    -webkit-line-clamp: 4;
}
.text-nowrap-ellipsis-5{
    -webkit-line-clamp: 5;
}
.w1100{
	width: 1100px;
	display: block;
	margin: 0 auto;
}
.w650{
	width: 650px;
	display: block;
	margin: 0 auto;
}
.box-sizing{
	box-sizing: border-box;
}
.m-t-20{
    margin-top: 20px;
}
.m-t-40{
    margin-top: 40px;
}
.m-t-60{
    margin-top: 60px;
}
.m-t-90{
    margin-top: 90px;
}
.m-b-100{
    margin-bottom: 100px;
}
.m-b-20{
    margin-bottom: 20px;
}
.inline{
	display: inline-block;
}
.bg-color{
	background-color: #f2f2f2;
}


header{ width: 100%; height: 100px; background-color: rgba(0,0,0,0.3); position: absolute; z-index: 1111;}
.nav{ height: auto; padding: 30px 0px; position: absolute; top:0; z-index: 1; left: 50%; margin-left: -550px;}
.nav>img{ width: 200px; height: 40px;}
.nav ul{ width: 800px; display: flex;}
.nav ul li{ flex: 1;}
.nav ul li>a>i{ font-size: 30px; color: #c31f1f; padding-top: 10px; display: block; margin-right: 8px;}
.nav ul li>a>p{ font-size: 16px; color: #FFFFFF;}
.nav ul li>a>span{ font-size: 12px; color: #CCCCCC; display: block; margin-top: -4px;}


footer{ width: 100%; height: 150px; background-image: url(../images/footer_bg.png); background-position: center; overflow: hidden; position: absolute;}
footer ul{ display: flex; margin-top: 60px; line-height: 15px;}
footer ul li{ flex: 1;}
footer ul li{ border-right: 1px #FFFFFF solid; margin-right: 30px;}
footer ul li:last-child{ border: none;}
footer ul li>a{ font-size: 16px; color: #FFFFFF;}
/* footer .foot-con>p{ color: #e7141a; font-size: 36px; padding: 30px 0px; text-align: center;} */
footer .foot-con>a{color: #666666; font-size: 16px; display: block; text-align: center;}