/* 英文默认字体 */



@font-face {

	font-family: openSans;

	src: url('../fonts/OPEN-SANS-2.woff2')
}



* {

	font-family: 微软雅黑, 黑体, Arial, Helvetica, sans-serif;

}



html,

body {

	font-size: 16px;

	background-color: #f6f6f6;

}



body,

div,

a,

li,

ul,

ol,

dl,

img,

span,

input {

	padding: 0px;

	margin: 0px;

	list-style: none;

	border: 0px;

}



a:link {

	color: #000;

	text-decoration: none;

}



a:visited {

	text-decoration: none;

	color: #000;

}



a:hover {

	text-decoration: none;

	color: #000;

}



a:active {

	text-decoration: none;

	color: #000;

}



/* 外边距和后台一致 */



p {

	margin: 5px 0;

}



ul {

	list-style-type: none;

}



img {

	max-width: 100%;

}



.clear {

	clear: both;

}



.f-l {

	float: left;

}



.f-r {

	float: right;

}



.after:after {

	content: '';

	display: block;

	clear: both;

}



.mr-0 {

	margin-right: 0px !important;

}



.this-1200 {

	margin: 0 auto;

	width: 1200px;

}



.this-400 {

	margin: 0 20px;

	width: calc(100% - 40px);

}



/* 表格初始化 */



table {

	border-collapse: collapse;

	border-spacing: 0;

}



td {

	border: 1px solid #eee;

	padding: 7px;

	font-size: 14px;

}



.o-v {

	overflow-y: hidden;

}



/* 头部 */

#header {

	background-color: #f7f7f7;

	position: fixed;

	bottom: 0;

	text-align: center;

	width: 100%;

	border-top: 1px solid #e9e9e9;

	padding: 16px 0;

}



#nav li {

	width: 20%;

	float: left;

}



#nav li a:hover span,

#nav li a.active {

	color: #ca9a71;

}



#nav a {

	font-size: 10px;

	color: #333;

	text-align: center;

	width: 24px;

}



#nav img {

	margin: auto;

	height: 22px;

}



#nav img:nth-of-type(1) {

	display: block;

}



#nav img:nth-of-type(2) {

	display: none;

}



#nav li a:hover img:nth-of-type(2),

#nav li a.active img:nth-of-type(2) {

	display: block;

}



#nav li a:hover img:nth-of-type(1),

#nav li a.active img:nth-of-type(1) {

	display: none;

}



#nav span {

	display: block;

}



#home,

#main {

	margin: 20px 0 80px 0;

}



.one {

	margin-bottom: 14px;

}



.one_l {

	background-color: #ca9a71;

	width: 27%;

	float: left;

	border-top-left-radius: 8px;

	border-bottom-left-radius: 8px;

	padding-top: 103px;
	text-align: center;
	height: 133px;

}



.one_l img {

	height: 30px;

}



.one_r {

	background-image: url(../images/di_1.png);
	background-position: right bottom;
	background-repeat: no-repeat;
	background-size: contain;
	background-color: #fff;

	width: calc(73% - 68px);

	float: left;

	border-top-right-radius: 8px;

	border-bottom-right-radius: 8px;

	padding: 18px 34px;

	height: 200px;

}



.one_r .one_name {

	margin-bottom: 10px;

}



.one_r .one_name .name {

	float: left;

	font-weight: bold;

	font-size: 18px;

	color: #333;

}



.one_r .one_name span {

	float: right;

	font-size: 10px;

	color: #999;

	line-height: 24px;

}



.one_r .one_name span .sz {

	font-size: 10px;

	float: right;

	/* font-weight: bold; */

	color: #ca9a71;

}



.one_r .one_job {

	font-size: 16px;

	color: #333;

	margin-bottom: 10px;

}



.one_r .one_nr {

	margin-top: 12px;

	font-size: 12px;

	color: #666;

}

.bjt {
	background-image: url(../images/di_2.png);
	background-position: right bottom;
	background-repeat: no-repeat;
}


.home,

.two {

	background-color: #fff;

	border-radius: 8px;

	padding: 16px;

	margin-bottom: 14px;

}



.two_bt {

	font-size: 16px;

	font-weight: bold;

	color: #333;

	margin-bottom: 14px;

}



.two_bt img {

	height: 14px;

	margin-right: 6px;

}



.two_nr {

	text-align: center;

	margin: auto;

	font-size: 16px;

	color: #333;

}



.two_nr img {

	width: 126px;

	height: 126px;

}



.two_nr span {

	font-size: 14px;

	color: #666;

}



.three {

	padding-left: 6px;
	background-color: #fff;

	border-radius: 8px;

	margin-bottom: 14px;

	height: 50px;

	line-height: 50px;

}



.three li {

	float: left;

	width: 25%;

	text-align: center;

}



.three li a {

	color: #333;
	padding: 0 10px;

	display: block;
	font-size: 12px;

}



.three li.active {

	background-color: #ca9a71;

	border-radius: 8px;

}



.three li.active a {

	color: #fff;

	border-radius: 8px;

}



/* 临时数据样式 */

.four {

	font-size: 14px;

	color: #666;

}



.five .s_line {

	margin-bottom: 20px;

}

.five .five_bt {

	font-size: 16px;

	text-align: center;

	font-weight: bold;
	color: #ca9a71;

}

.five .five_img {
	width: 100%;

	padding-top: 100%;

	background-size: cover;

	background-position: center;

	background-repeat: no-repeat;

	margin-bottom: 20px;

	border-radius: 8px;

}




.six_nr {

	margin: 20px 0;

}



.six_nr a {

	margin-top: 10px;

	display: block;

}



.six_nr .six_img {

	float: left;

	width: 45%;

	padding-top: 30%;

	background-size: cover;

	background-position: center;

	background-repeat: no-repeat;

	float: left;

}



.six_wz {

	width: calc(55% - 10px);

	padding: 10px 0 0 10px;

	float: left;

}



.six_bt {

	font-size: 15px;

	color: #666;

	text-overflow: ellipsis;

	overflow: hidden;

	white-space: nowrap;

}



.six_more {

	background-color: #ca9a71;

	color: #fff;

	font-size: 15px;

	text-align: center;

	width: 64px;

	padding: 4px 10px;

	border-radius: 4px;

	margin-top: 20px;

	float: right;

}



.six .more {

	font-size: 15px;

	color: #333;

}





/* 首页大标题 */

#home .s_bt {

	margin: auto;

	width: 136px;
	/* width: 240px; */
}



#home .s_bt .z {

	color: #000;

	font-size: 16px;

	font-weight: bold;

	margin: 0 10px;

	float: left;

}



#home .s_bt .xian {

	width: 20px;

	height: 1px;

	background-color: #ca9a71;

	float: left;

	margin-top: 10px;

}



.s_line {

	width: 100%;

	/* height: 1px;

	background-color: #ca9a71; */

	margin-top: 16px;

}



/* 内页详情页 */

.five_jj p {

	font-size: 14px;

	line-height: 24px;

}



/* 首页案例 */

.six>.case_nr li {

	border: 1px solid #efefef;

	box-sizing: border-box;

	margin-top: 10px;

	margin-bottom: 0;

	width: calc(50% - 5px);

}

/* 案例 */

.case_nr li {

	width: 100%;

	margin-right: 0;

}



.case_nr li:nth-of-type(2n) {

	margin-right: 0;

}




/* 案例 */

.paryner li {

	width: calc(50% - 5px);

	margin-right: 10px;

	margin-bottom: 10px;

	float: left;

	background-color: #fff;

	border-radius: 4px;

	/* padding: 10px; */

}



.paryner li:nth-of-type(2n) {

	margin-right: 0;

}

.case_nr li .img {

	padding-top: 69%;

	background-size: cover;
	border-radius: 20px;

	background-position: center;

	background-repeat: no-repeat;

	box-sizing: border-box;

}

.video li video {
	border-radius: 20px;

}


.paryner li .img {

	padding-top: 42%;

	background-size: contain;

	background-position: center;

	background-repeat: no-repeat;

	box-sizing: border-box;

}


.case_nr li .bt {

	font-size: 14px;
	margin: 14px 0;

	font-weight: bold;

	text-align: center;

	color: #ca9a71;

}



.s_dh a {

	float: left;

	background-color: #ca9a71;

	color: #fff;

	font-size: 14px;

	text-align: center;

	height: 40px;

	line-height: 40px;

	border-radius: 4px;

	margin-right: 10px;

	width: calc(50% - 5px);

	display: flex;

	justify-content: center;

}



.s_dh a:nth-of-type(2n) {

	margin-right: 0;

}



.s_dh img {

	width: 20px;

	height: 20px;

	margin-right: 10px;

	margin-top: 10px;

}


/* 内页大标题 */

.main_title {

	background-color: #fff;

	padding: 10px 0;

	font-size: 16px;

	text-align: center;

	display: flex;

	margin: auto;

	width: 100%;

	justify-content: center;

}





.main_title img {

	height: 20px;

	margin-right: 6px;

}



.down_bt {

	text-align: center;

	font-size: 14px;

}



.down .five {

	padding: 6px;

}



/* 名片样式 */
.one_mingpian {
	background-image: url(../images/di_2.png);
	background-position: bottom;
	background-repeat: no-repeat;
	/* background-size: cover; */
	background-color: #fff;
	width: calc(100% - 40px);
	border-radius: 8px;
	padding: 20px;

}

.one_mingpian .mp_top {
	margin-bottom: 30px;
}

.one_mingpian .mp_top .mp_l {
	float: left;
	width: calc(100% - 130px);
}

.mp_name {
	font-size: 24px;
	font-weight: bold;
	color: #444;
}

.mp_job {
	font-size: 16px;
	color: #000;
}

.one_mingpian .mp_top .mp_r img {
	float: right;
	max-height: 52px;
}

.mp_fwl {
	float: right;
}

.mp_fwl .mp_bt {
	float: left;
	font-size: 11px;
	color: #999;
	line-height: 24px;
}

.mp_fwl .mp_sz {
	float: left;
	font-size: 11px;
	line-height: 24px;
	color: #ca9a71;
}

.mp_gsmc {
	margin-bottom: 7px;
	color: #333;
	letter-spacing: 2px;
}

.mp_gsmc p {
	margin: 0;
}

.mp_gsmc p span strong {
	font-family: '黑体' !important;
}

.mp_nr img {
	width: 16px;
	height: 16px;
	margin-top: 6px;
	float: left;
	margin-right: 6px;
}

.mp_nr p {
	margin: 0;
}


.main_title a.fanhui{
    right: 20px;
    position: absolute;
	font-size: 16px;
}