@charset "utf-8"; 

*{ font-family: '微软雅黑'; }
a{ color: #333; text-decoration: none; font-size: 14px; cursor: pointer; }
ol,ul,li{ list-style: none; }
body{ background: #fff; }
a:hover{ text-decoration: none; }

/* nav */
.nav{
    height:84px;
	margin-top:11px;
	margin: 0 auto;
}
.left {
       width:200px;
       height:63px;
       float: left;
}
nav a{
	color:#000;
	font-size:20px;
	font-family:KaiTi;
	float:left;
	letter-spacing:3px;
    text-align: center;
	font-weight: bold;
}
.left img{
	   height:100%;
	   width:100%;
	   margin-top: 10px;
}
.liebiao{
	display: flex;
    width: 65%;
    float: right;
    align-items: center;
    justify-content: space-around;
}
.liebiao li{
	font-size:20px;
	font-family:KaiTi;
	float:left;
	letter-spacing:3px;
    text-align: center;
	font-weight: bold;
}

.liebiao li p{
	font-size:10px;
}

.liebiao .active{
	background: url(../image/daohang.png) no-repeat left bottom;
    background-size: auto 100%;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    justify-items: end;
}

.liebiao .active a span{ 
	font-size:20px;
	font-family:KaiTi;
	float:left;
	letter-spacing:3px;
    text-align: center;
	font-weight: bold; 
	padding-top: 17px;
}

header{ background: url('../image/banner.jpg') no-repeat center; height: 560px; padding-top: 40px; }
header.container-fluid{ padding-left: 0; padding-right: 0; }
header .head-name{ width: 75px; height: 160px; margin: 0 auto; margin-top: 60px; }
header .head-name div{ width: 75px; height: 75px; text-align: center; color: #fff; font-size: 26px; font-weight: bold; padding-top: 16px; background: url('../image/name-bg.png') no-repeat center; }
header .head-bot{ height: 93px; background: url('../image/banner-bottom.png') no-repeat center; margin-top: 100px; padding-top: 50px; text-align: center; }
header .head-bot a{ color: #fff; padding: 15px 50px; text-align: center; font-size: 18px; }
header .head-bot a.active{ background: url('../image/cate-bg.png') no-repeat center; }

.content{ padding-top: 60px; padding-bottom: 50px; }
.content .title-font{ text-align: center; }
.content .title-font span{ padding: 10px 15px; font-size: 36px; background: url('../image/title-k.jpg') no-repeat center; }

/* footer */
footer{ background: #373d41; padding: 50px 0; margin-top: 50px; }
footer .col-sm-7,footer .col-sm-3,footer .col-sm-2{ color: #fff; height: 170px; }
footer .col-sm-7{ padding: 20px 60px; color:#aeafb0}
footer .col-sm-7 a{ color: #aeafb0; padding: 0 20px; }
footer .col-sm-7 span{ color: #727272; }



.page{ text-align: center; padding-top: 80px; }
.page a{ padding: 30px; background: url(../image/name-bg.png) no-repeat center; color: #fff; font-size: 20px; }
.page a.h{ background: url(../image/name-bg-h.png) no-repeat center; }

@media (min-width: 1200px){
	.container {
		width: 1400px;
	}
	nav.container {
		width: 90%;
	}
}