@charset "utf-8";



@font-face {

	font-family: 'Calibri light';

	src: url("../fonts/calibri light.eot");

	src: url("../fonts/calibri light.eot-#iefix") format('embedded-opentype'), url("../fonts/calibri light.woff") format('woff'), url("../fonts/calibri light.ttf") format('truetype'), url("../fonts/calibri light.svg#calibri light") format('svg');

}



@font-face {

	font-family: 'Aparajita';

	src: url("../fonts/aparajita.eot");

	src: url("../fonts/aparajita.eot-#iefix") format('embedded-opentype'), url("../fonts/aparajita.woff") format('woff'), url("../fonts/aparajita.ttf") format('truetype'), url("../fonts/aparajita.svg#aparajita") format('svg');

}



/* 公用样式*/

* {

	margin: 0px;

	padding: 0px;

	border: 0px;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-o-box-sizing: border-box;

}



::-webkit-input-placeholder {

	/* WebKit browsers */

	color: #898888;

}



:-moz-placeholder {

	/* Mozilla Firefox 4 to 18 */

	color: #ababab;

}



::-moz-placeholder {

	/* Mozilla Firefox 19+ */

	color: #898888;

}



:-ms-input-placeholder {

	/* Internet Explorer 10+ */

	color: #898888;

}



a {

	outline: none;

	color: #666;

	text-decoration: none;

}



img {

	border: none;

}



body a {

	transition: 0.3s all;

}



body {

	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);

	color: #27282d;

	font-size: 14px;

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale;

	smoothing: grayscale;

	-o-smoothing: grayscale;

	font-family: "Microsoft Yahei", Tahoma, Arial, sans-serif;

	overflow-x: hidden;

}



ol,

ul {

	list-style: none;

}



#tooltip {

	font-size: 14px;

	padding: 0 1em;

	opacity: 1 !important;

	position: absolute;

	z-index: 2000;

	text-shadow: none;

	line-height: 40px;

	color: #999999;

	width: 158px;

	height: 40px;

	background: rgba(255, 255, 255, 1) !important;

	box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.18);

}



/* 公用样式结束*/



/* 自定义标签的地方 */

.ellipsis {

	display: -webkit-box;

	overflow: hidden;

	text-overflow: ellipsis;

	word-wrap: break-word;

	word-break: break-all;

	white-space: normal !important;

	-webkit-line-clamp: 1;

	-webkit-box-orient: vertical;

}

.zdybq1 {
	margin-top: 30px;
	margin-bottom: 60px;
}

.tagboxmm {

	max-width: 1600px;

	margin: 0 auto;

	padding: 0 10px;

}

.tagboxmm .box {
	width: 100%;
	padding: 10px;
	border: 1px solid #ddd;
}


.tagboxmm .imgbox {
	width: 48%;
	float: left;
	font-size: 0;
	border-right: 2px solid #ddd;
	padding-right: 2%;

}

.tagboxmm .imgbox a {
	font-size: 0;
	display: block;
	width: 100%;
	overflow: hidden;
	cursor: pointer;
}

.tagboxmm .imgbox img {
	width: 100%;
	transition: 1s;
}

.tagboxmm .imgbox:hover img {
	transform: scale(1.1);
	transition: 1s;
}

.tagboxmm .descbox {
	width: 52%;
	float: right;
	padding: 22px 2% 0;
}

.tagboxmm .descbox .tit {
	font-size: 36px;
	color: #333333;
	line-height: 1;
	font-weight: lighter;
}



.tagboxmm .descbox>b {
	display: block;
	width: 41px;
	height: 3px;
	background: #c0010b;
	margin: 25px 0 24px;
}

.tagboxmm .descbox .desc {
	font-size: 15px;
	color: #343535;
	line-height: 30px;
	text-align: justify;
}



/*文章分类代码开始*/

.wenzhangfenlei {

	width: 100%;

	float: left;

	background-color: #fff;

	height: 65px;

}



.wenzhangfenleizong {

	width: 100%;

	padding: 0px 20px 0px 20px;

	margin: auto;

	height: 100%;

	max-width: 1580px;

}



.wenzhangfenlei1 {

	height: 100%;

	padding-top: 28px;

	float: left;

}



.wenzhangfenlei2 {

	display: inline-block;

	margin-top: 20px;

	margin-left: 20px;

	overflow-x: auto;

}



.wenzhangfenlei2 ul {

	display: inline-block;

	height: 25px;

}



.wenzhangfenlei2 li {

	display: inline-block;

	float: left;

	line-height: 25px;

	font-size: 15px;

	margin-right: 20px;

}



.wenzhangfenlei2 li a {

	display: inline-block;

	padding-left: 10px;

	padding-right: 10px;

	color: #000;

	transition: 0.3s all;

	border-radius: 3px;

}



.wenzhangfenlei2 li a:hover {

	color: #fff;

	background-color: #27282d;

}



.wenzhangfenlei2 .on {

	background-color: #27282d;

	color: #fff;

}



/*文章分类代码结束*/

/*面包屑代码开始*/

.mianbaoxie {

	width: 100%;

	height: 50px;

	line-height: 50px;

	float: left;

	background-color: #161616;

}



.mianbaoxiezong {

	width: 100%;

	padding: 0px 20px 0px 20px;

	margin: auto;

	height: 50px;

	max-width: 1580px;

	color: #fff;

}



.mianbaoxiezong p {

	display: inline-block;

	margin-right: 15px;

}



.mianbaoxiezong a {

	color: #fff;

}



.mianbaoxiezong a:hover {

	color: #960000;

}



/*面包屑代码结束*/

/* 分页代码开始*/

#fenye {width: 100%;text-align: center;margin: 90px auto;font-size: 0;font-family: GothamPro, Arial, Helvetica, sans-serif;float: left;padding: 0 15px;overflow: hidden;}



#fenye1 {

	margin: auto;

	white-space: nowrap;

	overflow-x: auto;

}



#fenye1 ul {

	display: inline-block;

	vertical-align: middle;

}



#fenye1 li {border-radius: 50%;margin-left: 10px;margin-right: 10px;/* float: left; */line-height: 50px;height: 50px;width: 50px;display: inline-block;font-size: 16px;}



#fenye1 li a {

	border-radius: 100%;

	width: 100%;

	height: 100%;

	display: block;

	color: #999;

}



#fenye1 li.dianji a {

	color: #fff;

}



#fenye1 li.shang a,

#fenye1 li.next a {

	/* padding: 15px; */

}



.prev-span {

	display: inline-block;

	width: 0;

	height: 0;

	border-top: 10px solid transparent;

	border-bottom: 10px solid transparent;

	border-right: 14px solid #999;

	vertical-align: middle;

}



.next-span {

	display: inline-block;

	width: 0;

	height: 0;

	border-top: 10px solid transparent;

	border-bottom: 10px solid transparent;

	border-left: 14px solid #999;

	vertical-align: middle;

}



/* 左边可以单击的时候开始*/

#fenye1 li.shang {

	display: block;

	margin-right: 40px;

	font-size: 14px;

}



#fenye1 li.shang a {

	cursor: pointer;

	color: #666;

}



#fenye1 li.shang a:hover {

	color: #960000;

}



/* 左边可以单击的时候结束*/

/* 左边不能单击的时候开始*/

.shang1 {

	margin-right: 15px;

	font-size: 14px;

}



.shang1 a {

	cursor: not-allowed;

	color: #666;

}



.shang1 a:hover {}



/* 左边不能单击的时候结束*/

/* 右边可以单击的时候开始*/

#fenye1 li.next {

	margin-left: 40px;

	font-size: 14px;

}



#fenye1 li.next a {

	cursor: pointer;

	color: #666;

}



#fenye1 li.next a:hover {

	color: #960000;

}



/* 右边可以单击的时候结束*/

/* 右边不能单击的时候开始*/

.next1 {

	margin-left: 10px;

	font-size: 14px;

}



.next1 a {

	cursor: not-allowed;

	color: #666;

}



/* 右边不能单击的时候结束*/

.disabled a {

	color: #666;

}



.disabled a:hover {

	color: #960000;

}



/*省略代码开始*/

.shen {

	background: none !important;

	float: left;

}



.shen a {

	color: #27282d;

}



/*省略代码结束*/

/* 点击选中的时候开始*/

.dianji {

	display: block;

	background-color: #999;

}



.dianji a {

	cursor: default;

	color: #fff;

}



/* 点击选中的时候结束*/

#fenye1-1 {

	display: inline-block;

	vertical-align: middle;

	/*float: left;*/

	line-height: 35px;

	margin-left: 20px;

	font-size: 14px;

}



#fenye1-1-1 {

	display: inline-block;

	color: #666;

}



#fenye1-1-2 {

	display: inline-block;

	position: relative;

}



#yematiao {

	border-bottom: #666 solid 1px;

	width: 40px;

	height: 20px;

	outline: none;

	color: #666;

	background: none;

	-webkit-transition: color 0.5s;

	transition: color 0.5s;

	float: left;

}



#fenye1-1-2::before {

	content: '';

	position: absolute;

	height: 1px;

	background-color: #960000;

	bottom: 0px;

	left: 0px;

	width: 0px;

	-webkit-transition: width 0.5s;

	transition: width 0.5s;

}



.chang::before {

	width: 100% !important;

}



/* 分页代码结束*/

/* 头部导航代码开始 */

.headerhua {

	width: 100%;

	height: 70px;

	float: left;

}



.header {

	width: 100%;

	height: 70px;

	background-color: #161616;

	position: relative;

}



.headerxuanzhe {

	width: 100%;

	position: absolute;

	height: 100vh;

	z-index: 1001;

	left: 0px;

	top: 70px;

	background: rgba(0, 0, 0, 0.84);

	transition: all 0.5s;

	visibility: hidden;

	opacity: 0;

}



.headerxuanzhe1 {

	width: 100%;

	color: #fff;

	max-width: 1580px;

	margin: auto;

	margin-top: 20px;

	padding-left: 270px;

}



.headerxuanzhe1-1 {

	display: inline-block;

	float: left;

}



.headerxuanzhe1-2zong {

	display: inline-block;

}



.headerxuanzhe1-2 {

	display: inline-block;

	margin-left: 40px;

	margin-right: 40px;

	float: left;

	cursor: pointer;

}



.headerxuanzhe1-2zong .u-checkbox.z-checked .icon {

	background-image: url("../images/tou1.png") !important;

	cursor: pointer;

}



.headerxuanzhe1-2zong .u-checkbox .icon {

	background: url("../images/tou2.png") center no-repeat !important;

	cursor: pointer;

}



.shoujixuanzhe {

	display: none;

	margin-top: 20px;

	color: #fff;

}



.shoujixuanzhe1 {

	display: inline-block;

}



.shoujixuanzhe2 {

	display: inline-block;

}



.shoujixuanzhe2-1 {

	display: inline-block;

	margin-left: 20px;

	cursor: pointer;

}



.shoujixuanzhe2-1 .u-checkbox.z-checked .icon {

	background-image: url("../images/tou1.png") !important;

	cursor: pointer;

}



.shoujixuanzhe2-1 .u-checkbox .icon {

	background: url("../images/tou2.png") center no-repeat !important;

	cursor: pointer;

}



.xianshi {

	visibility: visible;

	opacity: 1;

}



.headerzong {

	width: 100%;

	padding: 0px 20px 0px 20px;

	margin: auto;

	height: 70px;

	max-width: 1580px;

}



.header1 {

	width: 156px;

	float: left;

	height: 100%;

}



.header1 a {

	display: inline-block;

	margin-top: 12.5px;

}



.header2 {

	float: left;

	width: 200px;

	margin-left: 45px;

	display: inline-block;

	height: 100%;

}



.header2-1 {

	width: 100%;

	height: 35px;

	line-height: 35px;

	border-radius: 17.5px;

	overflow: hidden;

	background-color: #fff;

	margin-top: 17.5px;

	position: relative;

}



.header2-1-1 {

	cursor: pointer;

	position: absolute;

	z-index: 1;

	left: 20px;

	top: 4px;

}



.header2-1-2 {

	width: 100%;

	float: left;

	height: 100%;

	border-radius: 17.5px;

}



#keyword {

	outline: none;

	width: 100%;

	height: 35px;

	padding: 0px 30px 0px 50px;

}



.header5 {

	float: left;

	height: 70px;

	line-height: 70px;

	margin-left: 4.3%;

	display: inline-block;

	color: #fff;

}



.header3 {

	float: right;

	height: 100%;

}



.header3-1 {

	display: inline-block;

	height: 100%;

	float: left;

}



.header3-1 li {

	float: left;

	height: 100%;

}



.header3-1 li a {

	display: inline-block;

	padding-left: 13px;

	padding-right: 13px;

	line-height: 70px;

	color: #fff;

	text-align: center;

	position: relative;

}



.header3-1 li a:hover {

	/* color: #999; */

}



.header3-1 li a p {

	display: inline-block;

	margin-right: 5px;

}



.header3-1 li a span {

	width: 10px;

	display: inline-block;

	height: 10px;

	margin-right: 5px;

	border-radius: 100%;

}



.header3-1 li a span.yellow {

	background-color: #fdd000;

}



.header3-1 li a span.blue {

	background-color: #1A1AFF;

}



.header3-1 li a span.white {

	background-color: #fff;

}



.header3-2 {

	display: inline-block;

	height: 100%;

	float: left;

	margin-left: 20px;

	margin-right: 20px;

	cursor: pointer;

	position: relative;

	z-index: 20;

}



.header3-2-1 {

	background-color: #fff;

	width: 130px;

	border-radius: 3px;

	padding: 10px 0px 10px 0px;

	position: absolute;

	left: -90px;

	top: 70px;

	box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.176);

	opacity: 0;

	-webkit-transform: scale(.85);

	transform: scale(.85);

	-webkit-transition: all .25s cubic-bezier(.24, .22, .015, 1.56), opacity .1s ease-in-out;

	transition: all .25s cubic-bezier(.24, .22, .015, 1.56), opacity .1s ease-in-out;

	pointer-events: none;

}



._1lCfv {

	opacity: 1 !important;

	-webkit-transform: scale(1) translate(0) !important;

	transform: scale(1) translate(0) !important;

	pointer-events: auto !important;

}



.header3-2-1:before {

	content: "";

	position: absolute;

	width: 0;

	height: 0;

	border: 5px solid transparent;

	right: 25px;

	bottom: 100%;

	border-top-width: 0;

	border-bottom-color: #fff;

}



.header3-2-1 li {

	width: 100%;

	height: 35px;

	line-height: 35px;

}



/* 工单暂时隐藏代码开始*/

.header3-2-1 li:nth-child(4) {

	display: none;

}



/* 工单暂时隐藏代码结束*/

.header3-2-1 li a {

	color: #666666;

	display: inline-block;

	width: 100%;

	height: 100%;

	padding: 0px 15px 0px 15px;

}



.header3-2-1 li a:hover {

	color: #666666;

	background-color: #eee;

}



.header3-2 p {

	display: inline-block;

	background-color: #fff;

	width: 3px;

	margin-right: 3px;

	border-radius: 100%;

	margin-right: 3px;

	margin-top: 33.5px;

	transition: all 0.5s;

	height: 3px;

}



.header3-2:hover p {

	background-color: #999;

}



.header3-3 {

	display: inline-block;

	height: 100%;

	float: left;

}



.header3-3-1 {

	display: inline-block;

	float: left;

	height: 100%;

	line-height: 70px;

	color: #fff;

	transition: all 0.5s;

	cursor: pointer;

}



.header3-3-1:hover {

	color: #999;

}



.header3-3-2 {

	display: inline-block;

	margin-left: 20px;

	float: left;

	height: 100%;

}



.header3-3-2 p {

	display: inline-block;

	width: 55px;

	height: 25px;

	margin-top: 22.5px;

	line-height: 25px;

	background-color: #960000;

	text-align: center;

	cursor: pointer;

	border-radius: 5px;

	color: #fff;

	transition: all 0.5s;

}



.header3-3-2 p:hover {

	background-color: #DD2828;

}



.header3-4 {

	display: inline-block;

	height: 100%;

	float: left;

	position: relative;

}



.header3-4-1 {

	display: inline-block;

	position: relative;

	height: 100%;

	float: left;

	margin-right: 30px;

	padding-top: 27.5px;

	cursor: pointer;

}



.quan {

	width: 10px;

	height: 10px;

	position: absolute;

	right: 62px;

	top: 22px;

	z-index: 1;

	border-radius: 100%;

	background-color: #e80000;

	-webkit-animation-name: quan;

	animation-name: quan;

	animation-duration: 1s;

	animation-iteration-count: infinite;

}



@keyframes quan {

	0% {

		transform: scale(1);

	}



	40% {

		transform: scale(.8);

	}



	80% {

		transform: scale(.6);

	}



	100% {

		transform: scale(1);

	}

}



.header3-4-1-1:before {

	content: "";

	position: absolute;

	width: 0;

	height: 0;

	border: 5px solid transparent;

	right: 25px;

	bottom: 100%;

	border-top-width: 0;

	border-bottom-color: #fff;

}



.header3-4-1-1 {

	width: 300px;

	position: absolute;

	z-index: 2;

	right: -20px;

	top: 70px;

	background-color: #fff;

	box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.176);

	-webkit-transform: scale(.85);

	transform: scale(.85);

	-webkit-transition: all .25s cubic-bezier(.24, .22, .015, 1.56), opacity .1s ease-in-out;

	transition: all .25s cubic-bezier(.24, .22, .015, 1.56), opacity .1s ease-in-out;

	opacity: 0;

	pointer-events: none;

	font-size: 14px;

}



.header3-4-1-1-1 {

	padding: 0px 15px 0px 15px;

	line-height: 55px;

	width: 100%;

	border-bottom: #d3d3d3 solid 1px;

	height: 55px;

}



.header3-4-1-1-2 {

	width: 100%;

	color: #666;

	border-bottom: #d3d3d3 solid 1px;

}



.header3-4-1-1-2 a {

	color: #666;

	display: inline-block;

	text-align: justify;

	width: 100%;

	padding: 10px 15px 10px 15px;

}



.header3-4-1-1-2 a:hover {

	background-color: #222;

	color: #fff;

}



.header3-4-1-1-2 a p {

	display: inline-block;

	font-weight: bold;

}



.header3-4-1-1-4 {

	width: 100%;

	height: 35px;

	line-height: 35px;

	text-align: center;

}



.header3-4-1-1-4 a {

	width: 100%;

	color: #666;

	float: left;

	background-color: #eeeeee;

	cursor: pointer;

}



.header3-4-1-1-4 a:hover {

	color: #960000;

}



.header3-4-2 {

	display: inline-block;

	float: left;

	position: relative;

	padding-top: 17px;

	height: 100%;

	cursor: pointer;

	z-index: 2;

}



.header3-4-2-1 {

	background-color: #fff;

	width: 130px;

	background: rgba(255, 255, 255, 1);

	border: 1px solid rgba(0, 0, 0, 1);

	padding: 10px 0px 10px 0px;

	position: absolute;

	left: -45px;

	top: 70px;

	opacity: 0;

	-webkit-transform: scale(.85);

	transform: scale(.85);

	-webkit-transition: all .25s cubic-bezier(.24, .22, .015, 1.56), opacity .1s ease-in-out;

	transition: all .25s cubic-bezier(.24, .22, .015, 1.56), opacity .1s ease-in-out;

	pointer-events: none;

}



.header3-4-2-1 li {

	width: 100%;

	height: 35px;

	line-height: 35px;

}



.header3-4-2-1 li a {

	color: #000;

	display: inline-block;

	width: 100%;

	font-size: 12px;

	height: 100%;

	padding: 0px 15px 0px 24px;

}



.header3-4-2-1 li a:hover {

	color: #fff;

	background-color: #000;

}



.header3-4-2 img {

	display: inline-block;

	border-radius: 100%;

	transition: all 0.5s;

	background: #fff;

}



.header3-4-2:hover img {

	transform: rotate(360deg);

}



.header4 {

	float: right;

	margin-top: 23px;

	position: relative;

	z-index: 1000;

	display: none;

}



/* 头部导航代码结束*/



/* 换一换标签 */

.hot_keywords {

	max-width: 1640px;

	padding: 0 20px;

	margin: 0 auto;

	margin-bottom: 35px;

}



.hot_keywords>.tit {

	position: relative;

	font-weight: 600;

	padding-bottom: 15px;

	font-size: 18px;

	color: #333333;

}



.hot_keywords .tit i {

	width: 12px;

	height: 14px;

	background: url('../images/hu.png') no-repeat center;

	background-size: 100% 100%;

	position: absolute;

	right: 58px;

	top: 2px;

	font-style: normal;

	cursor: pointer;

}



.hot_keywords .tit input {

	position: absolute;
	right: 0;
	font-size: 14px;

	color: #333333;

	font-weight: normal;

	cursor: pointer;

	background-color: #ffffff;

	cursor: pointer;
	z-index: 99;

}



.hot_keywords a {

	display: inline-block;

	padding: 5px 10px;

	margin-bottom: 10px;

	margin-right: 10px;

	border-radius: 3px;

	font-size: 14px;

	color: #27282d;

}



.hot_keywords .tit i:hover {

	background: url('../images/hu1.png') no-repeat center;

}



.hot_keywords .tit input:hover {

	color: #c0010b;

}



.hot_keywords a:hover {

	background-color: #c0010b;

	color: #FFFFFF;

}



/* 换一换标签结束 */



/* 底部代码开始*/

.footer {

	width: 100%;

	float: left;

	border-bottom: none;

	padding: 35px 20px;

	font-size: 12px;

	background-color: #313131;

}



.footerzong {

	width: 100%;

	padding: 0px 10px;

	margin: auto;

	max-width: 1580px;

}



.footer1 {

	display: inline-block;

	float: left;

	width: 780px;

}



.footer1-1 {

	width: 100%;

	float: left;

}



.footer1-1 li {

	display: inline-block;

	margin-right: 40px;

}



/* 工单暂时隐藏代码开始*/

.footer1-1 li:nth-child(6) {

	display: none;

}



/* 工单暂时隐藏代码结束*/

.footer1-1 li a {

	display: inline-block;

	color: #999;

	/*line-height: 30px;*/

}



.footer1-1 li a:hover {

	color: #fff;

}



.footer1-2 {

	width: 100%;

	float: left;

	color: #999;

}



.footer1-3 {

	width: 100%;

	float: left;

	color: #999;

}



.footer1-4 {

	width: 100%;

	float: left;

	color: #999;

}



.footer1-4 p {

	display: inline-block;

}



.footer1-4 a {

	display: inline-block;

	transform: translateY(5px) translateZ(0);

	margin-left: 15px;

}



.footer2 {

	display: inline-block;

	float: right;

}



.footer2>ul>li {

	display: inline-block;

	padding: 0 5px;

	float: left;

}



.footer3 {

	display: inline-block;

	width: 100%;

	margin-top: 10px;

	float: left;

	max-width: 780px;

}



.footer3 p {

	display: inline-block;

	float: left;

	color: #999;

}



.footer3 a {

	display: inline-block;

	margin-right: 10px;

	float: left;

	color: #999;

}



.footer3 a:hover {

	color: #f9f9f9;

}



.footer-nav {

	margin-bottom: 15px;

}



footer .grid-2-4>dl>dt {

	margin-bottom: 7px;

}



/* 底部代码结束*/

/* 点赞代码开始*/

.dianzan1xuanzhong {

	color: #000 !important;

}



.donghua {

	animation: grow-shrink .3s ease 1;

}



@keyframes grow-shrink {

	40% {

		transform: scale(1.1);

	}



	75% {

		transform: scale(0.9);

	}



	100% {

		transform: scale(1);

	}

}



/* 点赞代码结束*/

/* 评论代码开始*/

.huifu {

	width: 100%;

	float: left;

	position: relative;

	min-height: 50px;

}



.huifu1 {

	display: inline-block;

	position: absolute;

	left: 0px;

	top: 0px;

	z-index: 1;

	width: 175px;

}



.huifu1 a {

	display: inline-block;

	width: 100%;

	height: 100%;

}



.huifu1 p {

	display: inline-block;

	width: 50px;

	height: 50px;

	float: left;

	border-radius: 100%;

	-webkit-transition: -webkit-transform 0.4s ease-out;

	-moz-transition: -moz-transform 0.4s ease-out;

	transition: transform 0.4s ease-out;

}



.huifu1:hover p {

	-webkit-transform: rotate(360deg);

	-moz-transform: rotate(360deg);

	transform: rotate(360deg);

}



.huifu1 p img {

	display: block;

	height: 50px;

	border-radius: 100%;

	width: 50px;

}



.huifu1 span {

	color: #111111;

	margin-left: 15px;

	font-size: 13px;

	width: 110px;

	line-height: 30px;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

	display: inline-block;

	float: left;

	position: relative;

}



.huifu1 span i {

	display: inline-block;

	width: 100%;

	height: 1px;

	position: absolute;

	z-index: 1;

	left: 0px;

	bottom: 0px;

	background-color: #333333;

}



.huifu2 {

	margin-left: 200px;

}



.huifu2-1 {

	width: 100%;

	float: left;

	line-height: 30px;

	font-size: 13px;

	color: #666;

}



.huifu2-1 p,

.huifu2-1 span,

.huifu2-1 div,

.huifu2-1 pre {

	background-color: none !important;

}



.shijian {

	width: 100%;

	line-height: 20px;

	text-align: right;

	color: #666;

}



.miaoshu {

	display: inline-block;

	width: 100%;

	float: left;

}



.yiji {

	color: #111;

	margin-top: 15px;

	cursor: pointer;

	float: right;

	display: inline-block;

}



.yiji:hover {

	color: #960000;

}



ul.erji {

	display: inline-block;

	width: 100%;

	border: #333333 solid 1px;

	position: relative;

	min-height: 72px;

	padding: 10px;

	margin-top: 20px;

	float: left;

}



.huifu2-1 ul.erji .huifu1 {

	top: 10px;

	left: 10px;

}



.erji1 {

	margin-left: 210px;

	overflow: hidden;

}



.jieda {

	width: 100%;

	float: left;

	border-top: #333333 solid 1px;

	padding-top: 10px;

	margin-top: 10px;

}



.jiedazong {

	display: inline-block;

	width: 100%;

	position: relative;

	float: left;

}



.biaoqingerji {

	width: 25px;

	height: 25px;

	position: absolute;

	left: 10px;

	bottom: 55px;

	z-index: 5;

	background-image: url("../fonts/xiao.svg");

	background-size: 25px 25px;

	cursor: pointer;

}



#wenben {

	width: 100%;

	border: #333 1px solid;

	padding: 10px;

	outline: none;

	height: 140px;

	resize: none;

	background-color: #fff;

}



.jieda1 {

	width: 100%;

	float: left;

	margin-top: 15px;

}



.jieda1 .fenlei1-1 {

	margin-bottom: 0px;

	margin-right: 0px;

}



.jieda1 .fenlei1-1 a {

	cursor: pointer;

}



.jieda1-1 {

	float: right;

	cursor: pointer;

	display: inline-block;

}



.jieda1-1 a {

	display: inline-block;

	color: #111;

}



.jieda1-1 a:hover {

	color: #960000;

}



.gen {

	width: 100%;

	float: left;

	font-size: 22px;

	text-align: center;

	margin-top: 20px;

	line-height: 50px;

}



.gen a {

	color: #27282d;

}



.gen a:hover {

	color: #960000;

}



.pinglun2-1 {

	width: 100%;

	float: left;

	margin-top: 50px;

}



.pinglun2-1-1 {

	display: inline-block;

	width: 100%;

	position: relative;

	float: left;

}



#wenbenzong {

	width: 100%;

	padding: 10px;

	outline: none;

	height: 140px;

	resize: none;

	border: #d3d3d3 solid 1px;

}



.biaoqing {

	width: 25px;

	height: 25px;

	position: absolute;

	left: 10px;

	bottom: 50px;

	z-index: 5;

	background-image: url("../images/xiao.svg");

	background-size: 25px 25px;

	cursor: pointer;

}



.pinglun2-1 .fenlei1-1 {

	float: right;

	margin-top: 15px;

	margin-bottom: 0px;

	margin-right: 0px;

}



.pinglun2 .neirong2-1:nth-child(1) {

	color: #666;

	font-size: 16px;

	line-height: 30px;

}



.pinglun2 .neirong2-1:nth-child(2) {

	display: none;

}



.fenlei1-1 {

	display: inline-block;

	height: 25px;

	margin-bottom: 10px;

	float: left;

	margin-right: 10px;

}



.fenlei1-1 a {

	display: inline-block;

	width: 100%;

	height: 25px;

	line-height: 25px;

	color: #666;

	position: relative;

	padding: 0px 10px 0px 10px;

	box-shadow: inset 0 0 0 1px #d3d3d3;

}



.fenlei1-1 a:hover {

	color: #fff;

	background-color: #000;

}



.fenleixuanzhong {

	background-color: #000 !important;

	color: #fff !important;

}



.fenleixuanzhong::before,

.fenleixuanzhong::after {

	display: none;

}



/* 评论代码结束*/

/* 客服代码开始*/

.sidebar-box {

	position: fixed;

	right: 0;

	bottom: 100px;

	width: 180px;

	text-align: center;

	z-index: 1000;

}



.sidebar-box1 {

	width: 100%;

	float: left;

}



.sidebar-box2 {

	width: 100%;

	float: left;

}



.sidebar-box2-1 {

	width: 100%;

	color: #fff;

	float: left;

	height: 35px;

	line-height: 35px;

	border-radius: 35px;

	background-color: #44539c;

}



.sidebar-box2-2 {

	width: 100%;

	margin-top: 10px;

	margin-bottom: 10px;

	float: left;

}



.sidebar-box2-2 a {

	display: inline-block;

	width: 85px;

	color: #fff;

	height: 35px;

	line-height: 35px;

	border-radius: 35px;

	background-color: #44539c;

	float: left;

}



.sidebar-box2-2 a:nth-child(1) {

	margin-right: 10px;

}



.sidebar-box2-2 a:hover {

	background-color: #000;

}



.sidebar-box2-3 {

	width: 100%;

	float: left;

}



.sidebar-box2-3 a {

	background-color: #44539c;

	color: #fff;

	display: inline-block;

	width: 100%;

	float: left;

	height: 35px;

	line-height: 35px;

	border-radius: 35px;

}



.sidebar-box2-3 a:hover {

	background-color: #000;

}



/* 客服代码结束*/

.headershouji {

	max-width: 100%;

}



@media screen and max-width(1500px) {

	.headershouji {

		overflow-y: auto;

		padding-top: 50px;

		padding-bottom: 30px;

	}

}



@media screen and (min-width:320px) and (max-width:399px) {



	/*导航代码开始*/

	.headerxuanzhe {

		display: none;

	}



	.headershouji {

		display: none;

		position: fixed;

		z-index: 1000;

		top: 0px;

		text-align: center;

		left: 0px;

		width: 100%;

		background: rgba(0, 0, 0, 0.9);

		height: 100%;

		padding: 50px 15px 30px;

	}



	.headershoubiao {

		width: 100%;

		height: 100%;

		display: inline-block;

		position: relative;

		overflow-y: auto;

	}



	.shoujixuanzhe {

		display: block;

	}



	.header2 {

		width: 100%;

		margin-left: 0px;

		height: auto;

		float: none;

		max-width: 500px;

	}



	.header2-1 {

		width: 80%;

		display: inline-block;

	}



	.header3 {

		width: 100%;

		height: auto;

	}



	.header3-1 {

		width: 100%;

		margin-top: 20px;

	}



	.header3-1 li {

		width: 100%;

		float: left;

	}



	.header3-1 li a {

		line-height: 50px;

	}



	.header3-2 {

		display: none;

	}



	.header3-3 {

		width: 100%;

		margin-top: 20px;

	}



	.header3-3-1 {

		line-height: 30px;

		float: none;

		width: 55px;

		height: 25px;

		line-height: 25px;

		background-color: #960000;

		text-align: center;

		cursor: pointer;

		border-radius: 5px;

	}



	.header3-3-1:hover {

		color: #fff;

	}



	.header3-3-2 p:hover {

		background-color: #960000;

	}



	.header3-3-2 {

		float: none;

	}



	.header3-3-2 p {

		margin-top: 0px;

	}



	.header4 {

		display: inline-block;

	}



	.header5 {

		display: none;

	}



	.footer {

		margin-top: 30px;

	}



	.footer1 {

		width: 100%;

	}



	.footer2 {

		float: left;

		margin-top: 20px;

	}



	.footer2>ul>li {

		padding: 0;

		padding-bottom: 10px;

	}



	/* 底部代码结束*/

	/* 客服代码开始*/

	.sidebar-box {

		display: none;

	}



	/* 客服代码结束*/

	/*面包屑代码开始*/

	.mianbaoxie {

		display: none;

	}



	/*面包屑代码结束*/

	/* 评论代码开始*/

	.huifu1 {

		position: relative;

		width: 100%;

	}



	.huifu2 {

		margin-left: 0px;

	}



	.erji1 {

		margin-left: 0px;

	}



	.biaoqingerji {

		display: none;

	}



	.biaoqing {

		display: none;

	}



	/* 评论代码结束*/

	/*文章分类代码开始*/

	.wenzhangfenlei1 {

		display: none;

	}



	.wenzhangfenlei2 {

		margin-left: 0px;

		width: 100%;

	}



	/*文章分类代码结束*/

}



@media screen and (min-width: 400px) and (max-width:499px) {



	/*导航代码开始*/

	.headerxuanzhe {

		display: none;

	}



	.headershouji {

		display: none;

		position: fixed;

		z-index: 1000;

		top: 0px;

		text-align: center;

		left: 0px;

		width: 100%;

		background: rgba(0, 0, 0, 0.9);

		height: 100%;

		overflow-y: auto;

		padding: 50px 15px 30px;

	}



	.headershoubiao {

		width: 100%;

		height: 100%;

		overflow-y: auto;

		display: inline-block;

		position: relative;

	}



	.shoujixuanzhe {

		display: block;

	}



	.header2 {

		width: 100%;

		margin-left: 0px;

		height: auto;

		float: none;

		max-width: 500px;

	}



	.header2-1 {

		width: 80%;

		display: inline-block;

	}



	.header3 {

		width: 100%;

		height: auto;

	}



	.header3-1 {

		width: 100%;

		margin-top: 20px;

	}



	.header3-1 li {

		width: 100%;

		float: left;

	}



	.header3-1 li a {

		line-height: 50px;

	}



	.header3-2 {

		display: none;

	}



	.header3-3 {

		width: 100%;

		margin-top: 20px;

	}



	.header3-3-1 {

		line-height: 30px;

		float: none;

		width: 55px;

		height: 25px;

		line-height: 25px;

		background-color: #960000;

		text-align: center;

		cursor: pointer;

		border-radius: 5px;

	}



	.header3-3-1:hover {

		color: #fff;

	}



	.header3-3-2 p:hover {

		background-color: #960000;

	}



	.header3-3-2 {

		float: none;

	}



	.header3-3-2 p {

		margin-top: 0px;

	}



	.header4 {

		display: inline-block;

	}



	.header5 {

		display: none;

	}



	/* 导航代码结束*/

	/* 底部代码开始*/

	.footer {

		margin-top: 30px;

	}



	.footer1 {

		width: 100%;

	}



	.footer2 {

		transform: translateY(0);

		float: left;

		margin-top: 20px;

	}



	/* 底部代码结束*/

	/* 客服代码开始*/

	.sidebar-box {

		display: none;

	}



	/* 客服代码结束*/

	/*面包屑代码开始*/

	.mianbaoxie {

		display: none;

	}



	/*面包屑代码结束*/

	/* 评论代码开始*/

	.huifu1 {

		position: relative;

		width: 100%;

	}



	.huifu2 {

		margin-left: 0px;

	}



	.erji1 {

		margin-left: 0px;

	}



	/* 评论代码结束*/

	/*文章分类代码开始*/

	.wenzhangfenlei1 {

		display: none;

	}



	.wenzhangfenlei2 {

		margin-left: 0px;

		width: 100%;

	}



	/*文章分类代码结束*/

}



@media screen and (min-width: 500px) and (max-width:639px) {



	/*导航代码开始*/

	.headerxuanzhe {

		display: none;

	}



	.headershouji {

		display: none;

		position: fixed;

		z-index: 1000;

		top: 0px;

		text-align: center;

		left: 0px;

		width: 100%;

		background: rgba(0, 0, 0, 0.9);

		height: 100%;

		overflow-y: auto;

		padding: 50px 15px 30px;

	}



	.headershoubiao {

		width: 500px;

		height: 100%;

		overflow-y: auto;

		display: inline-block;

		position: relative;

	}



	.shoujixuanzhe {

		display: block;

	}



	.header2 {

		width: 100%;

		margin-left: 0px;

		height: auto;

		float: none;

		max-width: 500px;

	}



	.header3 {

		width: 100%;

		height: auto;

	}



	.header3-1 {

		width: 100%;

		margin-top: 20px;

	}



	.header3-1 li {

		width: 100%;

		float: left;

	}



	.header3-1 li a {

		line-height: 50px;

	}



	.header3-2 {

		display: none;

	}



	.header3-3 {

		width: 100%;

		margin-top: 20px;

	}



	.header3-3-1 {

		line-height: 30px;

		float: none;

		width: 55px;

		height: 25px;

		line-height: 25px;

		background-color: #960000;

		text-align: center;

		cursor: pointer;

		border-radius: 5px;

	}



	.header3-3-1:hover {

		color: #fff;

	}



	.header3-3-2 p:hover {

		background-color: #960000;

	}



	.header3-3-2 {

		float: none;

	}



	.header3-3-2 p {

		margin-top: 0px;

	}



	.header4 {

		display: inline-block;

	}



	.header5 {

		display: none;

	}



	/* 导航代码结束*/

	/* 分页代码开始*/

	#fenye1-1 {

		display: none;

	}



	/* 分页代码结束*/

	/* 底部代码开始*/

	.footer {

		margin-top: 30px;

	}



	.footer1 {

		width: 100%;

	}



	.footer2 {

		transform: translateY(0);

		float: left;

		margin-top: 20px;

	}



	/* 底部代码结束*/

	/* 客服代码开始*/

	.sidebar-box {

		display: none;

	}



	/* 客服代码结束*/

	/*面包屑代码开始*/

	.mianbaoxie {

		display: none;

	}



	/*面包屑代码结束*/

	/* 评论代码开始*/

	.huifu1 {

		position: relative;

		width: 100%;

	}



	.huifu2 {

		margin-left: 0px;

	}



	.erji1 {

		margin-left: 0px;

	}



	/* 评论代码结束*/

	/*文章分类代码开始*/

	.wenzhangfenlei1 {

		display: none;

	}



	.wenzhangfenlei2 {

		margin-left: 0px;

		width: 100%;

	}



	/*文章分类代码结束*/

}



@media screen and (min-width: 640px) and (max-width:767px) {



	/*导航代码开始*/

	.headerxuanzhe {

		display: none;

	}



	.headershouji {

		display: none;

		position: fixed;

		z-index: 1000;

		top: 0px;

		text-align: center;

		left: 0px;

		width: 100%;

		background: rgba(0, 0, 0, 0.9);

		height: 100%;

		overflow-y: auto;

		padding: 50px 15px 30px;

	}



	.headershoubiao {

		width: 500px;

		height: 100%;

		overflow-y: auto;

		display: inline-block;

		position: relative;

	}



	.shoujixuanzhe {

		display: block;

	}



	.header2 {

		width: 100%;

		margin-left: 0px;

		height: auto;

		float: none;

		max-width: 500px;

	}



	.header3 {

		width: 100%;

		height: auto;

	}



	.header3-1 {

		width: 100%;

		margin-top: 20px;

	}



	.header3-1 li {

		width: 100%;

		float: left;

	}



	.header3-1 li a {

		line-height: 50px;

	}



	.header3-2 {

		display: none;

	}



	.header3-3 {

		width: 100%;

		margin-top: 20px;

	}



	.header3-3-1 {

		line-height: 30px;

		float: none;

		width: 55px;

		height: 25px;

		line-height: 25px;

		background-color: #960000;

		text-align: center;

		cursor: pointer;

		border-radius: 5px;

	}



	.header3-3-1:hover {

		color: #fff;

	}



	.header3-3-2 p:hover {

		background-color: #960000;

	}



	.header3-3-2 {

		float: none;

	}



	.header3-3-2 p {

		margin-top: 0px;

	}



	.header4 {

		display: inline-block;

	}



	/* 导航代码结束*/

	/* 底部代码开始*/

	.footer {

		margin-top: 30px;

	}



	.footer1 {

		width: 100%;

	}



	.footer2 {

		transform: translateY(0);

		float: left;

		margin-top: 20px;

	}



	/* 底部代码结束*/

	/* 客服代码开始*/

	.sidebar-box {

		display: none;

	}



	/* 客服代码结束*/

	/* 评论代码开始*/

	.huifu1 {

		position: relative;

		width: 100%;

	}



	.huifu2 {

		margin-left: 0px;

	}



	.erji1 {

		margin-left: 0px;

	}



	/* 评论代码结束*/

	/*文章分类代码开始*/

	.wenzhangfenlei1 {

		display: none;

	}



	.wenzhangfenlei2 {

		margin-left: 0px;

		width: 100%;

	}



	/*文章分类代码结束*/

}



@media screen and (min-width: 768px) and (max-width:991px) {



	/*导航代码开始*/

	.headerxuanzhe {

		display: none;

	}



	.headershouji {

		display: none;

		position: fixed;

		z-index: 1000;

		top: 0px;

		text-align: center;

		left: 0px;

		width: 100%;

		background: rgba(0, 0, 0, 0.9);

		height: 100%;

		overflow-y: auto;

		padding: 50px 15px 30px;

	}



	.headershoubiao {

		width: 500px;

		height: 100%;

		overflow-y: auto;

		display: inline-block;

		position: relative;

	}



	.shoujixuanzhe {

		display: block;

	}



	.header2 {

		width: 100%;

		margin-left: 0px;

		height: auto;

		float: none;

		max-width: 500px;

	}



	.header3 {

		width: 100%;

		height: auto;

	}



	.header3-1 {

		width: 100%;

		margin-top: 20px;

	}



	.header3-1 li {

		width: 100%;

		float: left;

	}



	.header3-1 li a {

		line-height: 50px;

	}



	.header3-2 {

		display: none;

	}



	.header3-3 {

		width: 100%;

		margin-top: 20px;

	}



	.header3-3-1 {

		line-height: 30px;

		float: none;

		width: 55px;

		height: 25px;

		line-height: 25px;

		background-color: #960000;

		text-align: center;

		cursor: pointer;

		border-radius: 5px;

	}



	.header3-3-1:hover {

		color: #fff;

	}



	.header3-3-2 p:hover {

		background-color: #960000;

	}



	.header3-3-2 {

		float: none;

	}



	.header3-3-2 p {

		margin-top: 0px;

	}



	.header4 {

		display: inline-block;

	}



	/* 导航代码结束*/

	/* 底部代码开始*/

	.footer {

		margin-top: 30px;

	}



	.footer1 {

		width: 100%;

	}



	.footer2 {

		transform: translateY(0);

		float: left;

		margin-top: 20px;

	}



	/* 底部代码结束*/

	/* 评论代码开始*/

	.huifu1 {

		position: relative;

		width: 100%;

	}



	.huifu2 {

		margin-left: 0px;

	}



	.erji1 {

		margin-left: 0px;

	}



	/* 评论代码结束*/

	/* 客服代码开始*/

	.sidebar-box {

		display: none;

	}



	/* 客服代码结束*/

	/*文章分类代码开始*/

	.wenzhangfenlei1 {

		display: none;

	}



	.wenzhangfenlei2 {

		margin-left: 0px;

		width: 100%;

	}



	/*文章分类代码结束*/

}



@media screen and (min-width: 992px)and (max-width:1199px) {



	/*导航代码开始*/

	.headerxuanzhe {

		display: none;

	}



	.headershouji {

		display: none;

		position: fixed;

		z-index: 1000;

		top: 0px;

		text-align: center;

		left: 0px;

		width: 100%;

		background: rgba(0, 0, 0, 0.9);

		height: 100%;

	}



	.headershoubiao {

		width: 500px;

		height: 100%;

		overflow-y: auto;

		display: inline-block;

		position: relative;

	}



	.shoujixuanzhe {

		display: block;

	}



	.header2 {

		width: 100%;

		margin-left: 0px;

		height: auto;

		float: none;

		max-width: 500px;

	}



	.header3 {

		width: 100%;

		height: auto;

	}



	.header3-1 {

		width: 100%;

		margin-top: 20px;

	}



	.header3-1 li {

		width: 100%;

		float: left;

	}



	.header3-1 li a {

		line-height: 50px;

	}



	.header3-2 {

		display: none;

	}



	.header3-3 {

		width: 100%;

		margin-top: 20px;

	}



	.header3-3-1 {

		line-height: 30px;

		float: none;

		width: 55px;

		height: 25px;

		line-height: 25px;

		background-color: #960000;

		text-align: center;

		cursor: pointer;

		border-radius: 5px;

	}



	.header3-3-1:hover {

		color: #fff;

	}



	.header3-3-2 p:hover {

		background-color: #960000;

	}



	.header3-3-2 {

		float: none;

	}



	.header3-3-2 p {

		margin-top: 0px;

	}



	.header4 {

		display: inline-block;

	}



	/* 导航代码结束*/

	/* 底部代码开始*/

	.footer {

		margin-top: 30px;

	}



	.footer2 {

		transform: translateY(0);

		float: left;

		margin-top: 20px;

	}



	/* 底部代码结束*/

}



.visible-md {

	display: none;

}



@media screen and (max-width: 1366px) and (min-width: 801px) {

	.hidden-md {

		display: none;

	}

}



@media screen and (max-width: 1366px) and (min-width: 801px) {

	.visible-md {

		display: block;

	}

}



@media screen and (min-width: 1341px)and (max-width:1582px) {



	.header5 {

		display: none;

	}

}



@media screen and (min-width: 1583px) {

	.headershouji {

		display: block !important;

	}

}



@media screen and (max-width: 767px) {

	#fenyez {

		margin: 20px auto;

	}



	#fenye1 li {

		width: 30px;

		line-height: 30px;

		height: 30px;

		margin: 0 2px !important;

		font-size: 12px;

	}



	.prev-span {

		border-top: 5px solid transparent;

		border-bottom: 5px solid transparent;

		border-right: 8px solid #999;

	}



	.next-span {

		border-top: 5px solid transparent;

		border-bottom: 5px solid transparent;

		border-left: 8px solid #999;

	}



	#fenye1 li.shang a,

	#fenye1 li.next a {

		padding: 10px;

	}

}



@media screen and (max-width: 499px) {

	#fenye1 li {

		width: 25px;

		line-height: 25px;

		height: 25px;

		margin: 0 2px !important;

		font-size: 12px;

	}



	#fenye1 li.shang a,

	#fenye1 li.next a {

		padding: 7px;

	}

}



@media screen and (max-width: 470px) {

	#fenye {

		padding: 0 5px;

	}



	.footer {

		padding: 25px 5px;

	}



	.footer2 {

		width: 100%;

	}

}



.block {

	width: 100%;

	margin: auto;

	max-width: 1600px;

	padding: 0 10px;

}



.block img {

	max-width: 100%;

}

.block .lazyImg {
	height: 255px;
	width: 100%;
}



.row {

	margin: 0 -10px;

}



.row:before,

.block:before,

.sorts:before {

	content: '';

	clear: both;

}



.row:after,

.block:after,

.sorts:after {

	content: '';

	display: table;

	clear: both;

}



.grid-1-4 {

	padding: 0 10px;

	float: left;

	width: 25%;

}



.grid-2-4 {

	padding: 0 10px;

	float: left;

	width: 50%;

}



.grid-3-4 {

	padding: 0 10px;

	float: left;

	width: 75%;

}



.grid-4-4 {

	padding: 0 10px;

	float: left;

	width: 100%;

}



.ads-mobile {

	display: none;

	text-align: center;

	margin-bottom: 20px;

}



.prj-grid {

	width: 100%;

	max-height: 410px;

	height: calc(17.85vw + 120px);

	font-size: 14px;

	border: 1px solid #efefef;

	background-color: #fff;

	padding: 10px;

	margin-bottom: 20px;

}



.prj-grid * {

	box-sizing: border-box;

}



.prj-img {

	cursor: pointer;

	width: 100%;

	position: relative;

	line-height: 25px;

	transition: all 0.8s ease-in-out;

}



.prj-bg {

	width: 100%;

	height: 100%;

	position: absolute;

	bottom: 0;

	left: 0;

	transition: all 0.2s;

	opacity: 0;

	background: rgba(0, 0, 0, 0.8);

	padding: 20px;

}



.prj-preview {

	width: calc(50% - 30px);

	background-color: #fff;

	height: 70px;

	margin: 0 5px;

	position: absolute;

	bottom: 20px;

	right: 20px;

	border-radius: 5px;

}



.prj-detail {

	width: calc(50% - 30px);

	background-color: #4454FF;

	height: 70px;

	margin: 0 5px;

	position: absolute;

	bottom: 20px;

	color: #fff;

	left: 20px;

	color: #fff;

	border-radius: 5px;

}



a.prj-link {

	display: block;

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

}



a.prj-link {

	display: block;

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	color: #fff;

}



.prj-detail a {

	color: #fff;

}



.prj-preview span,

.prj-detail span {

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

}



.prj-preview img,

.prj-detail img {

	vertical-align: middle;

}



.sorts-block {

	margin-bottom: 20px;

}



@media screen and (min-width: 801px) {

	.sorts-block {

		margin-top: 20px;

	}

}



.sorts-type {

	width: 80px;

	float: left;

	line-height: 25px;

	color: #950000;

}

.type-items {
	width: 100%;
}


.type-items li {
	width: 93px;
	text-align: center;
	cursor: pointer;
	display: inline-block;
	color: #333;
	font-size: 14px;
	line-height: 36px;
	transition: linear all .15s;
	background-color: #fff;
	border-radius: 3px;
	margin-bottom: 15px;
}

.type-items li.items-on a {
	color: #e50012;
}

.type-items li:not(.items-on):hover {

	color: #333;

	background-color: #F2F2F2;

}



@media screen and (max-width: 767px) {



	.prj-preview,

	.prj-detail {

		display: none;

	}



	.type-items {

		width: 100%;

	}



	.type-items li {

		width: 75px;

	}

}



.prj-main {

	width: 100%;

	margin-top: 15px;

	margin-bottom: 13px;

}



.prj-main>p {

	display: inline-block;

	width: 250px;

	max-width: calc(100% - 70px);

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

}



.prj-main>span {

	float: right;

}



.prj-main a:hover {

	color: #E50012
}



.prj-designer {

	border-top: 1px solid #efefef;

	padding: 0 10px;

	padding-top: 14px;

	width: calc(100% + 20px);

	margin-left: -10px;

	color: #666666;

	line-height: 18px;

	position: relative;

}



.prj-designer>a {

	display: block;

}



.prj-designer img {

	margin-right: 5px;

	width: 18px;

	height: 18px;

	vertical-align: bottom;

	border-radius: 50%;

}



.prj-designer p {

	font-family: 'Calibri light';

	text-align: center;

	color: #A6A6A6;

	display: -webkit-box;

	overflow: hidden;

	text-overflow: ellipsis;

	word-wrap: break-word;

	word-break: break-all;

	white-space: normal !important;

	-webkit-line-clamp: 1;

	-webkit-box-orient: vertical;

}



.prj-action {

	width: 100%;

	font-family: 'Calibri light';

	color: #b3b3b3;

	line-height: 25px;

	margin-bottom: 10px;

}



.prj-action>span {

	display: inline-block;

	white-space: nowrap;

	font-size: 12px;

}



.prj-action>span>img {

	display: inline-block;

}



.prj-grid:hover .prj-bg,

.prj-grid:hover .lie1-1zhe1-2,

.prj-grid:hover .lie1-1zhe2 {

	opacity: 1;

}



.prj-grid:hover .lie1-1zhe2 a {

	color: #fff;

}



.prj-action img {

	transform: translateY(-1px);

	vertical-align: middle;

}



.prj-action .price {

	float: right;

	font-weight: bold;

	color: #E50012;

	font-size: 16px;

}



a.link {

	display: block;

	position: absolute;

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

}



p.designer-description {

	float: right;

	color: #A6A6A6;

	font-size: 12px;

	line-height: 1.8;

}



@media screen and (max-width: 991px) {

	p.designer-description {

		display: none;

	}

}



.designer-box {

	position: absolute;

	top: 100%;

	left: 35px;

	width: 380px;

	max-width: 100%;

	min-height: 200px;

	box-shadow: 0px 0px 32px 0px rgba(154, 154, 154, 0.38);

	background-color: #fff;

	border-radius: 4px;

	padding: 18px;

	z-index: 2;

	display: none;

}



@media screen and (max-width: 1366px) {

	.designer-box {

		left: 0;

	}

}



@media screen and (max-width: 1200px) {

	.designer-box {

		display: none !important;

	}

}



.prj-designer:hover .designer-box {

	display: block;

}



.designer-box img {

	width: 48px;

	height: 48px;

}



.designer-rt {

	position: relative;

	padding-left: 60px;

	padding-right: 80px;

	font-size: 12px;

	line-height: 1.6;

	margin-bottom: 10px;

	min-height: 50px;

}



.designer-rt .designer-img {

	position: absolute;

	left: 0;

	top: 0;

}



.designer-rt h2 {

	color: #2B2B2B;

	font-weight: 700;

	position: relative;

	font-size: 14px;

	line-height: 2;

}



.designer-rt h2>span {

	white-space: nowrap;

	padding-left: 10px;

}



.designer-rt h2 i>img {

	width: 18px;

	height: 18px;

	margin: 0;

	vertical-align: sub;

}



.designer-rt:before {

	content: '';

	clear: both;

}



.designer-rt:after {

	content: '';

	clear: both;

}



.designer-rt .star {}



.designer-rt .is-website {

	display: block;

	position: absolute;

	right: 0;

	top: 5px;

	padding: 10px 12px;

	color: #fff;

	font-size: 12px;

	background-color: #0057FF;

	border-radius: 6px;

	line-height: 1;

}



.website-group {

	margin: 0 -2px;

	width: calc(100% + 4px);

}



.website-group:before {

	clear: both;

	content: '';

}



.website-group:after {

	clear: both;

	content: '';

	display: table;

}



.website-pic {

	width: 33.333333%;

	height: 90px;

	padding: 0 2px;

	float: left;

}



.website-pic img {

	border-radius: 0;

	width: 100%;

	height: auto;

	margin: auto;

}



@media screen and (max-width: 1366px) and (min-width: 801px) {



	.block,

	.tagboxmm {

		max-width: 1200px;

	}



	.tagboxmm .descbox {

		padding: 0 20px;

	}



	.grid-md-1-1 {

		padding: 0 10px;

		float: left;

		width: 100%;

	}



	.grid-md-1-3 {

		padding: 0 10px;

		float: left;

		width: 33.33333333%;

	}



	.prj-grid {

		max-height: unset;

		height: 410px;

	}

}



@media screen and (min-width: 801px) and (max-width: 1200px) {

	.prj-grid {

		height: calc(23.8vw + 120px);

	}



	.tagboxmm .imgbox {

		width: 100%;

		float: none;
		border-right: none;
		padding-right: 0;

	}



	.tagboxmm .descbox {

		width: 100%;

		float: none;

		margin-top: 30px;

	}

}

@media only screen and (max-width:1440px) {
	.tagboxmm .descbox {
		padding: 11px 2% 0;
	}
}

@media only screen and (max-width:1366px) {
	.tagboxmm .imgbox {
		margin-top: 40px;
	}
}


@media screen and (max-width: 800px) {

	.tagboxmm .imgbox {

		width: 100%;

		float: none;

	}



	.tagboxmm .descbox {

		width: 100%;

		float: none;
		padding: 30px 20px;

	}



	.designer-box {

		display: none;

	}



	.prj-grid {

		height: calc(35.71vw + 115px);

	}



	.video-grid {

		max-height: unset;

		height: auto !important;

	}



	.block {

		max-width: 800px;

		padding: 0 20px;

	}



	.row {

		margin: 0 -20px;

	}



	.grid-4-4 {

		padding: 0 20px;

	}



	.ads-mobile {

		display: block !important;

	}



	.ads-pc {

		display: none !important;

	}



	.grid-sm-1-2 {

		padding: 0 20px;

		float: left;

		width: 50%;

	}



	.grid-sm-1-2:nth-child(2n) {

		padding-right: 5px;

	}



	.grid-sm-1-2:nth-child(2n+1) {

		padding-left: 5px;

	}



	.grid-sm-1-1 {

		padding: 0 20px;

		float: left;

		width: 100%;

	}



	.prj-grid {

		margin-bottom: 10px;

	}

}



@media screen and (max-width: 767px) {

	.prj-action {

		font-size: 12px;

	}



	.prj-main {

		margin-bottom: 10px;

	}



	.prj-main>p {

		font-size: 12px;

		max-width: unset;

		width: 100%;

		line-height: 35px;

	}



	.prj-main>span {

		float: unset;

		font-size: 12px;

		line-height: 20px;

	}



	.prj-designer {

		font-size: 10px;

		padding-top: 10px;

	}

}



@media screen and (max-width: 560px) {

	.prj-grid {

		height: calc(35.71vw + 120px);

	}

}



@media screen and (min-width: 471px) {

	.show-in-xs {

		display: none !important;

	}

}



@media screen and (max-width: 470px) {

	.wenzhangzong {

		padding: 0 5px;

	}



	.hidden-in-xs {

		display: none !important;

	}



	.show-in-xs {

		display: block !important;

	}



	.prj-main {

		margin: 0;

	}



	.prj-action .price {

		font-size: 12px;

		text-align: right;

	}



	.prj-grid {

		padding: 5px;

	}



	.prj-designer {

		width: calc(100% + 10px);

		margin-left: -5px;

		padding-top: 5px;

	}



	.prj-main>p,

	.prj-main>p>a {

		overflow: hidden;

		white-space: nowrap;

		text-overflow: ellipsis;

	}



	.prj-bg {

		background: unset;

	}



	.block {

		padding: 0 5px;

	}



	.row {

		margin: 0 -5px;

	}



	.grid-4-4 {

		padding: 0 5px;

	}



	.grid-sm-1-2 {

		padding: 0 5px;

	}



	.grid-sm-1-1 {

		padding: 0 5px;

	}

}



@media screen and (max-width: 380px) {

	.prj-grid {

		height: calc(35.71vw + 83px);

	}

}





/*footer style added by Magnetic 2019/9/18*/

footer {padding: 35px 0px;line-height: 1.9;font-size: 12px;color: #999;background-color: #4b4b4c;}



footer a {

	color: #999;

}



footer a:hover {

	color: #fff;

}



.clearfix::before,

ul.footer-nav::before,

dd.scroll-list:before {

	content: '';

	clear: both;

}



.clearfix::after,

ul.footer-nav::after,

dd.scroll-list:after {

	content: '';

	display: table;

	clear: both;

}



ul.footer-nav>li {

	width: auto;

	float: left;

	text-align: left;

	margin-right: 30px;

}



.footer-qrcode {display: table;float: right;}



.footer-qrcode>h4 {

	margin-bottom: 10px;

	font-size: 12px;

	text-align: center;

	font-weight: 400;

}



.footer-qrcode>ul {

	text-align: center;

	white-space: nowrap;

}



.footer-qrcode>ul>li {

	display: inline-block;

	padding: 0 5px;

}



dt.scroll-list>div {

	width: 50%;

	float: left;

	position: relative;

}



dt.scroll-list>div>span {

	position: absolute;

	left: 0;

}



dt.scroll-list .scroll-block-1,

dt.scroll-list .scroll-block-2 {

	position: relative;

	white-space: nowrap;

	width: calc(100% - 72px);

	margin-left: 62px;

	margin-right: 10px;

	overflow: hidden;

	height: 20px;

}



dt.scroll-list ul {

	display: table;

	white-space: nowrap;

	position: absolute;

	left: 0;

	top: 0;

}



dt.scroll-list ul>li {

	display: inline-block;

	padding-right: 10px;

}



dt.scroll-list ul>li>a {

	float: left;

}



@media screen and (max-width: 800px) {

	footer {

		padding: 20px 0px;

		margin-top: 20px;

	}



	.footer-qrcode {float: unset;margin-top: 20px;margin: 0 auto;}



	.footer-nav,

	footer dl {

		padding: 0 10px;

	}

}



/*------首页里面的样式-------*/

.header,

#mf-rightFixed .mf-formPop .pop-top,

#mf-rightFixed .mf-rightItem,

.prj-detail,

.tuijian2-1,

.designer-rt .is-website,

#mf-rightFixed .mf-formPop .mf-form-btn .btn:hover {background-color: #494854 !important;}



#mf-rightFixed .mf-formPop .pop-btn a {

	color: #c0010b !important;

}



#mf-rightFixed .mf-formPop {

	box-shadow: 0px 0px 16px 0px rgba(254, 69, 69, 0.54) !important;

}



#mf-rightFixed .mf-rightItem2:hover .mf-popCode,

#mf-rightFixed .mf-rightItem2 .mf-popCode,

.tuijian2-1 {

	background-color: #c0010b;

	box-shadow: 0px 0px 16px 0px rgba(254, 69, 69, 0.28) !important;

}



.video-play-box .video-play-text:after {

	background: rgba(254, 69, 69, .6) !important;

}





a,

.header2-1,

.header1 a,

.header3-3-1,

.header3-3-2,

.sorts-block {

	position: relative;

	z-index: 2;

}



.mf-video-box .mf-video {

	z-index: 2;

}



.prj-bg {

	z-index: 1;

}



.prj-bg:hover {

	opacity: 1;

}



.new.is_show {

	z-index: 2;

}



.prj-designer:hover .designer-box {

	z-index: 3;

}



.ads-pc-link {

	display: block;

	width: 100%;

	height: 100%;

}





#mf-rightFixed {

	position: fixed;

	bottom: 105px;

	right: 30px;

	z-index: 999;

}



#mf-rightFixed * {

	margin: 0;

	padding: 0;

	box-sizing: border-box;

}



#mf-rightFixed .mf-rightItem {

	width: 49px;

	height: 49px;

	background: #4555FE;

	border-radius: 50%;

	display: flex;

	display: -webkit-flex;

	display: -ms-flexbox;

	flex-direction: column;

	-ms-flex-direction: column;

	align-items: center;

	justify-content: center;

	-ms-flex-pack: center;

	cursor: pointer;

	user-select: none;

}



#mf-rightFixed .mf-rightItem:hover {

	background: #000;

}



#mf-rightFixed .mf-rightItem:not(:last-child) {

	margin-bottom: 10px;

}



#mf-rightFixed .mf-formPop {

	width: 382px;

	box-shadow: 0px 0px 16px 0px rgba(69, 85, 254, 0.54);

	border-radius: 10px;

	position: absolute;

	bottom: 60px;

	right: 100%;

	background: #fff;

	margin-right: 20px;

	display: none;

}



#mf-rightFixed .mf-formPop:after {

	content: "";

	display: block;

	position: absolute;

	left: 100%;

	bottom: 0;

	width: 21px;

	height: 100%;

	z-index: 10;

}



#mf-rightFixed .mf-formPop .pop-top {

	background: rgba(69, 85, 254, 1);

	padding: 30px 20px;

	color: #fff;

	border-top-left-radius: 10px;

	border-top-right-radius: 10px;

}



#mf-rightFixed .mf-formPop .pop-top a {

	color: #fff;

}



#mf-rightFixed .mf-formPop .pop-tel {

	margin-bottom: 20px;

}



#mf-rightFixed .mf-formPop .pop-tel span {

	font-size: 24px;

}



#mf-rightFixed .mf-formPop .pop-btn a {

	width: 116px;

	height: 36px;

	background: rgba(255, 255, 255, 1);

	border-radius: 18px;

	color: #4555FE;

	display: inline-block;

	text-decoration: none;

	text-align: center;

	line-height: 36px;

}



#mf-rightFixed .mf-formPop .pop-btn a:not(:last-child) {

	margin-right: 30px;

}



#mf-rightFixed .mf-formPop form {

	padding: 20px;

}



#mf-rightFixed .mf-formPop form input {

	display: block;

	width: 100%;

	border: none;

	outline: none;

}



#mf-rightFixed .mf-formPop .mf-form-btn {

	text-align: right;

	margin-top: 30px;

}



#mf-rightFixed .mf-formPop .mf-form-btn .btn {

	width: 61px;

	height: 28px;

	background: rgba(193, 193, 193, 1);

	border-radius: 7px;

	line-height: 28px;

	border: none;

	outline: none;

	color: #fff;

	cursor: pointer;

	user-select: none;

	transition: linear all 0.3s;

	margin-left: 10px;

}



#mf-rightFixed .mf-formPop .mf-form-btn .btn:hover {

	background: #4555FE;

}



#mf-rightFixed .mf-rightItem2 {

	position: relative;

	margin-top: 10px;

}



#mf-rightFixed .mf-rightItem3 {

	display: none;

}



#mf-rightFixed .mf-rightItem2 .mf-popCode {

	width: 158px;

	background: rgba(69, 85, 254, .94);

	box-shadow: 0px 0px 16px 0px rgba(69, 85, 254, 0.54);

	border-radius: 10px;

	padding: 10px 10px 15px;

	position: absolute;

	right: 100%;

	bottom: 0;

	margin-right: 20px;

	text-align: center;

	color: #fff;

	display: none;

	font-size: 14px;

}



#mf-rightFixed .mf-rightItem2 .mf-popCode img {

	width: 100%;

	margin-bottom: 6px;

}



#mf-rightFixed .mf-rightItem2:hover .mf-popCode {

	display: block;

}



#mf-rightFixed .mf-rightMobile {

	position: absolute;

	bottom: 0;

	right: 100%;

	background: #fff;

	margin-right: 10px;

	box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.24);

	white-space: nowrap;

	font-size: 12px;

	border-radius: 8px;

	overflow: hidden;

	display: none;

}



#mf-rightFixed .mf-rm-title {

	background: #4555FE;

	color: #fff;

	padding: 15px;

	font-size: 14px;

	position: relative;

}



#mf-rightFixed .mf-mb-close {

	position: absolute;

	top: 15px;

	right: 15px;

	font-size: 18px;

	line-height: 1;

}



#mf-rightFixed .mf-mb-item {

	background: #f5f5f5;

	border-bottom: #fff 1px solid;

}



#mf-rightFixed .mf-mb-item a {

	color: #111;

	text-decoration: none;

	padding: 10px 15px;

	display: inline-block;

}



#mf-rightFixed .mf-mb-item a>* {

	vertical-align: middle;

}



#mf-rightFixed .mf-mb-code {

	text-align: center;

	padding: 10px 15px 15px;

	color: #999;

}



#mf-rightFixed .mf-mb-code img {

	width: 100px;

}



@media screen and (max-width: 991px) {

	#mf-rightFixed {

		right: 15px;

	}



	#mf-rightFixed .mf-rightItem {

		width: 30px;

		height: 30px;

	}



	#mf-rightFixed .mf-rightItem img {

		width: 16px;

	}



	#mf-rightFixed .mf-rightItem2,

	#mf-rightFixed .mf-rm-qq,

	.mf-formPop {

		display: none !important;

	}

}



#autoPop {

	position: fixed;

	z-index: 1999;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	display: none;

}



#autoPop .pop-container {

	display: flex;

	display: -webkit-flex;

	display: -ms-flexbox;

	flex-direction: column;

	-ms-flex-direction: column;

	align-items: center;

	justify-content: center;

	-ms-flex-pack: center;

	width: 100%;

	height: 100%;

}



#autoPop * {

	margin: 0;

	padding: 0;

	box-sizing: border-box;

	line-height: 1;

}



#autoPop .pop-box {

	width: 100%;

	max-width: 568px;

	border-radius: 10px;

	overflow: hidden;

	box-shadow: 0px 0px 16px 0px rgba(69, 85, 254, 0.54);

}



#autoPop .pop-main {

	background: rgba(69, 85, 254, 0.9);

	color: #fff;

	padding: 40px;

}



#autoPop .pop-main .pop-title {

	font-size: 18px;

	margin-bottom: 15px;

}



#autoPop .pop-main .pop-tel {

	font-size: 36px;

	margin-bottom: 15px;

}



#autoPop .pop-main .pop-btn a {

	display: inline-block;

	width: 165px;

	height: 42px;

	line-height: 40px;

	text-align: center;

	border: 1px solid rgba(255, 255, 255, 1);

	border-radius: 21px;

	text-decoration: none;

	color: #fff;

}



#autoPop .pop-main .pop-btn .btn-left {

	margin-right: 20px;

	background: #fff;

	color: rgba(69, 85, 254, 1);

}



#autoPop form input {

	border: none;

	outline: none;

	display: block;

	width: 100%;

	height: 36px;

}



#autoPop form input::-webkit-input-placeholder {

	color: #999;

}



#autoPop form {

	position: relative;

	background: #fff;

	padding: 16px 40px;

	padding-right: 150px;

}



#autoPop form button {

	position: absolute;

	right: 40px;

	top: 50%;

	margin-top: -18px;

	width: 85px;

	height: 36px;

	background: rgba(193, 193, 193, 1);

	border-radius: 7px;

	color: #fff;

	outline: none;

	border: none;

	cursor: pointer;

	user-select: none;

	transition: linear 0.2s all;

}



#autoPop form button:hover {

	background: #111;

}



.phone_dc {

	margin-top: 20px !important;

	padding: 10px !important;

}



.message_dc {

	padding: 10px !important;

}



@media screen and (max-width: 991px) {

	#autoPop {

		display: none !important;

	}

}



.btn-primary {

	background: #4555FE !important;

	opacity: 1 !important;

	border: none !important;

}



.btn-primary:hover {

	background: #000 !important;

	opacity: 1 !important;

}

.zypsjtp {
	height: 131px !important;
}

@media only screen and (max-width:1440px) {
	.tagboxmm .descbox .tit {
		font-size: 30px;
	}

	.zypsjtp {
		height: 117px !important;
	}
}

@media only screen and (max-width:1440px) {
	.tagboxmm .descbox .desc {
		font-size: 14px;
	}

	.zypsjtp {
		height: 96px !important;
	}
}

@media only screen and (max-width:1024px) {
	.block .lazyImg {
		height: 213px;
	}

	.zypsjtp {
		height: auto !important;
	}
}

@media only screen and (max-width:960px) {

	.zdybq1 {
		margin-bottom: 30px;
	}

	.block .lazyImg {
		height: 198px;
	}
}

@media only screen and (max-width:780px) {
	.block .lazyImg {
		height: 244px;
	}
}

@media only screen and (max-width:560px) {
	.tagboxmm .descbox .tit {
		font-size: 20px;
	}

	.block .lazyImg {
		height: 166px;
	}
}

@media only screen and (max-width:480px) {
	.block .lazyImg {
		height: 137px;
	}
}

@media only screen and (max-width:411px) {
	.prj-grid {
		height: calc(35.71vw + 85px);
	}
}

@media only screen and (max-width:414px) {
	.prj-grid {
		height: calc(35.71vw + 85px);
	}
}

@media only screen and (max-width:380px) {
	.block .lazyImg {
		height: 120px;
	}
}

@media only screen and (max-width:320px) {
	.block .lazyImg {
		height: 98px;
	}

	.prj-grid {
		height: calc(35.71vw + 95px);
	}
}

@media only screen and (max-width:360px) {
	.block .lazyImg {
		height: 113px;
	}
}

/* 新加点击查看更多按钮 */
.mxckmore {
	width: 100%;
	text-align: center;
	padding: 12px 0;
	margin-top: 35px;
	margin-bottom: 45px;
}

.mxckmore a {
	font-size: 14px;
	color: #FFFFFF;
	padding: 12px 25px;
	background-color: #E50012;
	opacity: 0.8;
}

.mxckmore img {
	vertical-align: middle;
	margin-left: 10px;
}

.mxckmore a:hover {
	opacity: 1;
}