html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    /* vertical-align: baseline; */
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
	background-color: #f4f2f2;
	position: relative;
	height: auto;
	min-height: 100vh;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
a{
	display: inline-block;
	text-decoration:none;
}

button {
	border: none;
	background-color: transparent;
	outline: none;
}
button:after {
  border: none;
}
			table{ border: 1px solid #c2c2c2; margin: 1px; border-collapse: collapse; border:0;}
			table td,table th{border: 1px solid #C2C2C2; border:0; }
/* 主按钮 */
.Main-button-a {
	width: 580px;
	height: 68px;
	display: block;
	/*background-color: #ddc08c;*/
	background: url(/package/img/bck4.jpg);
    background-size: cover;
    background-repeat: no-repeat;
	border-radius:43px;
	line-height:68px;
	text-align: center;
	font-size: 24px;
	color: #fff;
}
.Main-button-a2 {
	width: 480px;
	height: 62px;
	display: block;
	/*background-color: #ddc08c;*/
	    background: url(/package/img/bck4.jpg);
    background-size: cover;
    background-repeat: no-repeat;
	border-radius:43px;
	line-height:62px;
	text-align: center;
	font-size: 24px;
	color: #fff;
}
.Main-button-b {
	width: 580px;
	height: 68px;
	display: block;
	background-color: #5e6d6d;
	border-radius:43px;
	line-height:68px;
	text-align: center;
	font-size: 24px;
	color: #fff;
}
.Main-button-c {
	width: 280px;
	height: 48px;
	display: block;
	/*background-color: #ddc08c;*/
	    background: url(/package/img/bck4.jpg);
    background-size: cover;
    background-repeat: no-repeat;
	border-radius:8px;
	line-height:48px;
	text-align: center;
	font-size: 24px;
	color: #fff;
}
.Main-button-d {
	width: 280px;
	height: 48px;
	display: block;
	background-color: #5e6d6d;
	border-radius:8px;
	line-height:48px;
	text-align: center;
	font-size: 24px;
	color: #fff;
}
.Main-button-d2 {
	width: 200px;
	height: 48px;
	display: block;
	background-color: #5e6d6d;
	border-radius:8px;
	line-height:48px;
	text-align: center;
	font-size: 24px;
	color: #fff;
    cursor:pointer;
}
.Main-button-h2 {
	width: 200px;
	height: 48px;
	display: block;
	background-color: #e15c44;
	border-radius:8px;
	line-height:48px;
	text-align: center;
	font-size: 24px;
	color: #fff;
}

.Main-button-out{/* 镂空 */
	width: 280px;
	height: 48px;
	display: block;
	background-color:rgba(0,0,0,0);
	border:1px solid #fff;
	border-radius:8px;
	line-height:48px;
	text-align: center;
	font-size: 20px;
	color: #fff;
}
.Main-button-res{/* 镂空 */
	width: 280px;
	height: 48px;
	display: block;
	background-color:rgba(0,0,0,0);
	border:1px solid #e15c44;
	border-radius:8px;
	line-height:48px;
	text-align: center;
	font-size: 20px;
	color: #e15c44;
}
.Main-button-res:hover{/* 镂空 */
	width: 280px;
	height: 48px;
	display: block;
	border:1px solid #ddc08c;
	/*background-color: #ddc08c;*/
	    background: url(/package/img/bck4.jpg);
    background-size: cover;
    background-repeat: no-repeat;
	border-radius:8px;
	line-height:48px;
	text-align: center;
	font-size: 20px;
	color: #FFFFFF;
}

.Main-button-out:hover{/* 镂空 */
	width: 280px;
	height: 48px;
	display: block;
	border:1px solid #e15c44;
	background-color: #e15c44;
	border-radius:8px;
	line-height:48px;
	text-align: center;
	font-size: 20px;
	color: #fff;
}

/* 次按钮 */
.Main-button-e {
	width: 120px;
	height: 48px;
	outline: none;
	display: block;
	/*background-color: #ddc08c;*/
	    background: url(/package/img/bck4.jpg);
    background-size: cover;
    background-repeat: no-repeat;
	border-radius:4px;
	line-height:48px;
	text-align: center;
	font-size: 20px;
	color: #fff;
}
.Main-button-f {
	width: 120px;
	height: 48px;
	background-color: #e15c44;
	border-radius:4px;
	line-height:48px;
	text-align: center;
	font-size: 20px;
	color: #fff;
}
.Main-button-g {
	width: 120px;
	height: 48px;
	background-color: #5e6d6d;
	border-radius:4px;
	line-height:48px;
	text-align: center;
	font-size: 20px;
	color: #fff;
}
.Main-button-k {
	width: 30%;
	height: 68px;
	background-color: #5e6d6d;
	border-radius:4px;
	line-height:68px;
	text-align: center;
	font-size: 20px;
	color: #fff;
}
.Main-button-k:hover{
	width: 30%;
	height: 68px;
	/*background-color: #ddc08c;*/
	    background: url(/package/img/bck4.jpg);
    background-size: cover;
    background-repeat: no-repeat;
	border-radius:4px;
	line-height:68px;
	text-align: center;
	font-size: 20px;
	color: #fff;
}
/* 下拉框 */
.drop-down{
	width: 420px;
	height: 48px;
    box-sizing: border-box;
	background-color: #fafafa;
	color: #666;
	border-radius:4px;
	line-height: 48px;
	font-size: 1rem;
	border:none;
	outline:none;
	padding: 0 20px;
}
.drop-down-b{
    box-sizing: border-box;
    width: 264px;
	height: 48px;
	background-color:rgba(0,0,0,0);
	border:0.5px solid #5e6d6d;
	color: #666;
	border-radius:4px;
	line-height: 48px;
	font-size: 1rem;
	outline:none;
	padding: 0 20px;
}
/* 输入框 */
.input-box-a {

    box-sizing: border-box;
	width: 421px;
	height: 48px;
	background-color: #fafafa;
    box-sizing: border-box;
	color: #666;
	border-radius:4px;
	line-height: 48px;
	font-size: 1rem;
	border:none;
	outline:none;
	padding: 0 10px;
}
.input-box-a2 {
	width: 100%;
	height: 48px;
	background-color: #fafafa;
	color: #666;
	border-radius:4px;
	line-height: 48px;
	font-size: 1rem;
	border:none;
	outline:none;
	padding: 0 10px;
    box-sizing: border-box;
}
.input-box-b {
	width: 400px;
	height: 46px;
	color: #FDFDFD;
	border-radius:4px;
	line-height: 46px;
	font-size: 1rem;
	outline:none;
	background-color:rgba(0,0,0,0);
	border:0.5px solid #fdfdfd;
	padding: 0 10px;
}
.input-box-c {
	width: 240px;
	height: 48px;
	background-color: #fafafa;
	color: #666;
	border-radius:4px;
	line-height: 48px;
	font-size: 1rem;
	border:none;
	outline:none;
	padding: 0 10px;
}
.input-box-d {
	width: 240px;
	height: 46px;
	color: #5e6d6d;
	border-radius:4px;
	line-height: 46px;
	font-size: 1rem;
	outline:none;
	background-color:rgba(0,0,0,0);
	border:0.5px solid #5e6d6d;
	padding: 0 10px;
}
.input-box-d2 {
    box-sizing: border-box;
    width: 155px;
    height: 46px;
    color: #5e6d6d;
    border-radius:4px;
    line-height: 46px;
    font-size: 1rem;
    outline:none;
    background-color:rgba(0,0,0,0);
    border:0.5px solid #5e6d6d;
    padding: 0 10px;
}
/* 搜索 */
.search{
	width: 680px;
	height: 80px;
	display: flex;
	flex-direction: row;
	padding: 10px;
	align-items: center;
	justify-content: center;
}
.search-input{
	width: 440px;
	height: 60px;
	background-color:rgba(255,255,255,0.6);
	border:0.5px solid #5e6d6d;
	outline:none;
	font-size: 1.5rem;
	color: #5e6d6d;
	padding: 0 10px;
}
.search-buttn{
	width: 160px;
	height: 62px;
	line-height: 60px;
	text-align: center;
	background-color: #e15c44;
	color: #FFFFFF;
	position: relative;
	right: 10px;
	/* border-radius:4px; */
	border-bottom-right-radius:4px ;
	border-top-right-radius:4px ;
}
/* 字体大小 */
.ft12{
	font-size: 12px;
}
.ft14{
	font-size: 14px;
}
.ft16{
	font-size: 16px;
}
.ft18{
	font-size: 18px;
}
.ft20{
	font-size: 20px;
}
.ft24{
	font-size: 24px;
}
.ft36{
	font-size: 36px;
}
.ft48{
	font-size: 48px;
}
/* 字体颜色 */
.text-bak{
	color: #3a3a3a;
}
.text-csd{
	color: #5e6d6d;
}
.text-red{
	color: #e15c44;
}
.text-zhu{
	color: #ffff00;
}
.text-bai{
	color: #FFFFFF;
}
.text-666{
	color: #666666;
}
.text-999{
	color: #999999;
}
/* 背景颜色 */
.bag-csd{
	background-color: #5E6D6D;
}
.bag-red{
	background-color: #e15c44;
}
.bag-qsd{
	background-color: #f4f2f2;
}
/* 导航 */
.head-navigation{
	width: 100%;
	height: 100px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}
#logo{
	width: 200px;
	height: auto;
	position: relative;
	left: 200px;
}
.navigation-body{
	width: 1200px;
	height: 100%;
	/* margin: 0 auto; */
	display: flex;
	align-items: center;
	justify-content: center;
}
.navigation-butt{
	display: inline-block;
	width: 700px;
	height: 50px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.navigation-butt li {
	display: inline-block;
	height: 100%;
	text-align: center;
	line-height: 50px;
	padding: 0 10px;
}

.Select{
	border-bottom: 4px solid #ddc08c;
}

.Select a{
	color:#ddc08c;
}

.navigation-butt li:hover{
	border-bottom: 4px solid #ddc08c;
}

.navigation-butt li a {
	display: inline-block;
	width: 100%;
	height: 100%;
	text-decoration:none;
	color: #5E6D6D;
}
.navigation-butt li a:hover{
    text-decoration:none;
    color:#ddc08c;
}


.personal{
	max-width: 500px;
	height: 60px;
	display: flex;
	flex-direction: row;
	align-items: center;
	position: relative;
	right: 100px;
}
.personal span{
    cursor: pointer;
}


.personal-img{
	width: 50px;
	height: 50px;
	border-radius:50%;
	margin-right: 20px;
}
/* flxe布局 */
.flxe-transverse{/* 内容横向排列居中*/
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.flxe-transverse-ew{/* 内容横向排列两侧距离相等 居中显示*/
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}
.flxe-transverse-exb{/* 内容横向排列两侧距离相等 不居中*/
	display: flex;
	flex-direction: row;
	justify-content: space-around;
}
.flxe-transverse-ewbx{/* 内容横向排列两侧距离相等 不居中*/
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.flxe-transverse-ewbxst{/* 内容横向排列两侧距离相等 不居中*/
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}
.flxe-sides{/* 内容纵向排列居中*/
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.flxe-sides-zxpl{/* 内容纵向排列居中*/
	display: flex;
	flex-direction: column;
}
.flxe-sides-xw{/* 内容纵向两端排列*/
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
}
.flxe-transverse-waterfall{/* 内容横向排列瀑布流*/
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
}
/* 转换块元素 */
.block-element{
	/* display: block; */
	width: 100%;
	height: 40px;
	line-height: 40px;
}
/* 外边距 */
.magtblr{
	margin: 0px auto 0;
	display: block;
}
.magtblr2{
	margin: 80px auto 20px;
	display: block;
}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}
.mt50{margin-top: 50px;}
.mt60{margin-top: 60px;}
.mt80{margin-top: 80px;}
.mt140{margin-top: 140px;}
.mt240{margin-top: 240px;}

.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}
.mb50{margin-bottom: 50px;}
.mb60{margin-bottom: 60px;}

.ml10{margin-left: 10px;}
.ml15{margin-left: 15px;}
.ml20{margin-left: 20px;}
.ml30{margin-left: 30px;}
.ml40{margin-left: 40px;}
.ml50{margin-left: 50px;}
.ml60{margin-left: 60px;}

.mr10{margin-right: 10px;}
.mr15{margin-right: 15px;}
.mr20{margin-right: 20px;}
.mr30{margin-right: 30px;}
.mr40{margin-right: 40px;}
.mr50{margin-right: 50px;}
.mr60{margin-right: 60px;}

/**内边距**/
.pt10{padding-top: 10px;}
.pt20{padding-top: 20px;}
.pt30{padding-top: 30px;}
.pt40{padding-top: 40px;}
.pt60{padding-top: 60px;}
.pt90{padding-top: 90px;}
.pt100{padding-top:100px;}
.pt120{padding-top:120px;}
.pt160{padding-top:160px;}
.pr20{padding-right: 20px;}
.pd20{padding: 20px;}
.pd30{padding:30px;}
.pd40{padding: 40px;}

.plr20{padding:0px 20px;}
.plr30{padding:0px 30px;}
.plr40{padding:0px 40px;}
.plr60{padding: 0px 60px;}

.ptb20{padding:20px 0px;}
/* 底部信息 */
#foots{
	width: 100%;
	height: 100px;
	background-color: #3A3A3A;
	position: absolute;
	bottom: -100px;
	color: #FFFFFF;
	text-align: center;
	line-height: 100PX;
	font-size: 18px;
}

.empty{
    width: 100%;
    text-align: center;
}
.empty img{
    margin: 3vh auto;
    width: 100px;
    height: 100px;
}