*{
	font-family: "思源黑体";

}
a:focus, a:hover{
	text-decoration: none!important;
}
body{
	background: #f9f8f8;
}


/**/
.margin-b-10{
	margin-bottom: 10px;
}
.padding-b-10{
	padding-bottom: 10px;
}
.bb-10{
	background: #D30024;border-radius: 10px;padding: 20px;margin-bottom: 10px;
}
.bb-10>a {
    text-decoration: none;
}

.bb-10>a:hover {
    color: #ffffff;
}
.mt-165{
	margin-top:165px;
}
.bb-new10{
	background: #D30024;border-radius: 10px;margin-bottom: 10px;padding: 20px 80px;
}
.bb-new10 a{
	font-size: 1rem!important;
}
#header {
	background: #fff;
	/*border-bottom: 2px solid #c31331;*/
	height: 90px;
	position: fixed;
	width: 100%;
	z-index: 99;
	top: 0;
	left: 0;
}
.carousel-inner img {
	width: 100%;
	height: 100%;
}
.carousel-indicators li{
	background-color:#000c17!important;
}
.carousel-control-next-icon {
	background-image:none!important;
}
.carousel-control-next-icon:after {
	content: ''!important;
	display: block!important;
	width: 25px!important;
	height: 25px!important;
	border-right: 5px solid #888!important;
	border-top: 5px solid #888!important;
	-webkit-transform: rotate(160deg)!important; /*箭头方向可以自由切换角度*/
	transform: rotate(45deg)!important;
}
.carousel-control-prev-icon {
	background-image:none!important;
}
.carousel-control-prev-icon:after {
	content: ''!important;
	display: block!important;
	width: 25px!important;
	height: 25px!important;
	border-right: 5px solid #888!important;
	border-top: 5px solid #888!important;
	-webkit-transform: rotate(160deg)!important; /*箭头方向可以自由切换角度*/
	transform: rotate(225deg)!important;
}
/* loading */
.loading {
	background: #000;
	position: absolute;
	z-index: 999;
	width: 100%;
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.progress {
	position: relative;
	width: 200px;
	height: 8px;
	background: #fff;
	border-radius: 20px;
	margin-top: 20px;
}
.progress-bar {
	position: absolute;
	left: 0;
	top: 0;
	height: 8px;
	line-height: 20px;
	border-radius: 20px;
	background: #d7bb29;
	animation: animate-positive 3s;
}
@keyframes animate-positive {
	from {width:0px;}
	to {width:85%;}
}
@-webkit-keyframes animate-positive {
	from {width:0px;}
	to {width:85%;}
}

.w1200 {
	/*width: 1200px;*/
	margin: 0 auto;
	position: relative;
}
.w1180 {
	/*width: 1180px;*/
	margin: 0 auto;
	position: relative;
}

#header .content {
	height: 100%;
}
.activetoasterror{
	background: #c31331!important;
	color: #ffffff!important;
}
.activetoastsuccess{
	background: green!important;
	color: #ffffff!important;
}
.top {
	margin: 0;
	width: 100%;
	padding: 0;
	position: fixed;
	top: 0px;
	list-style-type: none;
	z-index: 2;
	background-color:#ffffff;
}

.top-content {
	margin: 0 50px;
}

.top-logo {
	float: left;
	margin:20px 0;
}

.top-nav {
	float: right;
	line-height: 90px;
	text-align: center;
	margin-right: 20px;
}
.top-nav li {
	list-style: none;
	float: left;
	margin: 0;
}

.top-nav a {
	width: 115px;
	height: 100px;
	display: block;
	float: left;
	padding: 0px;
	color: #212529;
	text-decoration: none;
	font-size: 1em;
	transition: all 0.35s;
	cursor: pointer;
}

.top-nav a:hover {
	transition: all 0.35s;
	color: #fff!important;
	background-color: rgba(211, 0,36,1);
}

.top-nav .active a {
	color: #fff!important;
	background-color: rgba(211, 0, 36,1);
}

.redlight{
	height: 2px ;width: 100%;background: #D30024;clear: both;
}
.h-margin {
	margin-top: 12px;
}
.h-margin30 {
	margin-top: 30px;
}
.h-margint50 {
	margin-bottom: 50px;
}
.h-margin60{
	margin-top: 30px;
}
.h-margin70{
	margin-top: 60px!important;padding-top: 20px;
}
.h-margin80{
	margin-top: 100px!important;
}
.pL0{
	padding-left: 0!important;
}
.pR0{
	padding-right: 0!important;
}
.fengfu{
	color:#ffffff;background: #D30024;padding: 5px 20px;border-radius: 5px;margin-right: 20px
}
.banner {
	width: 100%;
	/*margin-top: 98px;*/

}

.banner-item {
	width: 100%;
}

.software {
	/*background-color: #f2f2f2;*/
	background: #FAFAFA;
	margin: 0 auto;
	padding: 40px !important;
	margin-top: 40px ;
}
.f301{
	font-size: 30px
}
.zixun-p-50{
	padding:0 140px 50px
}
.newtitle{
	text-align: center;font-size: 22px;margin: 40px auto;color: #D30024;
}
.redtitle{
	color:#D30024;font-size: 20px
}
.main-videotitle {
	text-align: center;
	height: 80px;
	line-height: 80px;
	font-size: 20px;
	color: #941225;
	font-weight: bold;
	-webkit-background-clip : text;
	margin:40px auto ;
}
.main-title {

	text-align: center;
	margin: 0 auto;
	height: 80px;
	line-height: 80px;
	font-size: 24px;
	color: #000000;
	font-weight: bold;
	letter-spacing: 0;

}

.main-panel {
	margin: 10px;
	border: 1px solid #b9b7b7;
	border-radius: 10px 10px;
	overflow: hidden;
	box-shadow: 0px 0px 9px #b9b7b7;
}
.main-panel-no {

	border-radius: 10px 10px;
	overflow: hidden;
	box-shadow: 2px 2px 9px #b9b7b7;
}

.main-panel-title-no {
	font-size: 21px;
	font-weight: bold;
	color: red;
}
.tqing{
	color:#D30024;font-size: 12px
}
.qtitle{
	color:#D30024;font-weight: 500;
}
.title-no {
	font-size: 20px;
	color: red;
}
.aboutright{
	padding-top: 20px;color: #727171;
}
.abouttit{
	font-weight: bold;color: #000000;font-size:26px ;
}
.aboutftit{
	color:#D30024;font-weight: bold;
}
.mar-span4{
	color:#000c17;font-size: 16px;font-weight:500;display: inline-block;float: left;line-height: 40px;
}
.mar-span1{
	background: red;width: 12px;height: 30px;display: inline-block;float: left
}

.mar-span2{
	background: #000c17;width: 3px;height: 30px;display: inline-block;float: left;margin-right: 2px
}
.mar-span3{
	display: inline-block;float: left
}
.mar-span5{
	color:#000c17;font-size: 16px;font-weight:500;display: inline-block;line-height: 40px;background: #D30024;width: 40px;height: 5px;
}
.four-title{
	background: #FAFAFA;height:160px;color: #D30024;
	border-radius:10px ;
	box-shadow: 4px 4px 9px #b9b7b7;
	display:flex;
	font-weight: bold;
	justify-content:center;
	align-items: center;
}
.four-title-active{
	background: #D30024;color: #fff;
}
.main-panel-title {
	padding: 10px;
	height: 40px;
	line-height: 25px;

}
.samillp{
	clear: both;font-size:15px;	color: #7b7b7b;line-height:200%;
}
.main-panel-body {
	 /*padding: 10px;*/
	 background-color: #f9f8f8;
 }

.main-panel-body a {
	display: block;
	float: left;
	width: 50%;
	/*width: calc(50% - 20px);*/
	font-size: .875rem;
	margin-top: 10px;
	margin-bottom: 12px;
	color: #fff;
}

.main-panel-body a:hover {
	color: #fff;
}

.main-panel-body2 {
	padding: 10px;
	background-color: #f9f8f8;
}

.main-panel-body2 a {
	display: block;
	float: left;
	width: calc(50% - 20px);
	font-size: .875rem;
	margin-top: 10px;
	margin-bottom: 22px;
	color: #7b7b7b;
}

.main-panel-body2 a:hover {
	color: #c31331;
}
.main-panel-body3 {
	padding: 10px;
	background-color: #f9f8f8;
}

.main-panel-body3 a {
	display: block;
	float: left;
	width: calc(100% - 20px);
	font-size: .875rem;
	margin-top: 10px;
	margin-bottom: 12px;
	color: #7b7b7b;
}

.main-panel-body3 a:hover {
	color: #c31331;
}
.clear-both {
	clear: both;
}
.pl80{
	padding-left: 60px!important;
}
.software-item {
	 display: block;
	 position: relative;
	 margin-bottom: 20px;
	 padding: 10px;
	 border: 1px solid #b9b7b7;
	 border-radius: 10px 10px;
	 /*overflow: hidden;*/
	 box-shadow: 0px 0px 9px #b9b7b7;
	 height: 375px;
	 text-decoration: none;
	 color: #7b7b7b;
	 font-size: 20px;
	 text-align: center;
 }

.software-videoitem {
	display: block;
	position: relative;
	width: 48%;
	padding: 10px;
	overflow: hidden;
	text-align: center;
	margin:40px auto ;
	height: 307px;
	text-decoration: none;
	color: #7b7b7b;
	font-size: 20px;
	text-align: center;
}

.software-videoitem>img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}

.software-videoitem2 {
	display: block;
	position: relative;
	width: 100%;
	text-align: center;
	/*height: 400px;*/
	text-decoration: none;
	color: #7b7b7b;
	font-size: 20px;
	text-align: center;
}
.software-videoitem2>img {
	width: 100%;
}
.software-item>img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	/*position: absolute;*/
	/*top: 0;*/
	/*left: 0;*/
	/*right: 0;*/
}


.software-item>div {
	width: 50%;
	position: absolute;
	top: 20px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 9;

}
.prl40{
	padding:0 140px!important;
}
.software-item> .scroll-y  {
	width: 60%;
	height:200px;
	overflow-y:scroll;
	position: absolute;
	top: 60px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 99;
	color: #7b7b7b;
	font-size: 16px;
}

::-webkit-scrollbar {
	display: none;
}

.software-item > p {
	width: 60%;
	position: absolute;
	top: 60px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 99;
	color: #7b7b7b;
	font-size: 16px;
}

.software-item > .content {
	width: 50%;
	position: absolute;
	top: 60px !important;
	left: 40% !important;
	transform: translateX(-50%);
	z-index: 99;
	color: #7b7b7b;
	font-size: 16px !important;
}

.software-item>.content>div {
	text-align: left;
	height: 40px;
	line-height: 40px;
}

.software-item-left {
	float: left
}
.software-item-new {
	width: 100%;height: 370px;margin-bottom: 20px
}
.software-btn{
	color: #fff;font-weight: bold; text-align: center;  background: #D30024;border-radius: 25px;
	clear: both;padding: 10px 20px;font-size: 13px;
}
.software-item-right {
	float: right;
}

#player {
	width: 100%
}

.down-load {
	display: block;
	color: #fff;
	padding-left: 10px;
	/*height: 30px;*/
	font-size:12px;
	line-height: 30px;
	text-align: left;
}

#foot {
	width: 100%;
	height: 200px;
	background: #D30024;
	margin-top: 10px;
	padding: 40px;
	padding-bottom: 0px;
}

#foot .item{
	margin-top: 6px;
	font-size: 14px;
	color: #ffffff;
}
#foot .itemb{
	margin-top: 26px;
	font-size: 14px;
	color: #ffffff;
	text-align: center;
}



#foot .itemb  a {
	color: #ffffff;
	text-decoration: none;
}

.main-panel-body>a,
.software-item>a {
	text-decoration: none;
}

.software-item>a:hover {
	color: #ffffff;
}

.auto-height {
	height: auto !important;
	color: #f9f8f8;
}

.on-line {
	position: absolute;
	right: 0;
	/* height: 60px; */
	/* line-height: 60px; */
	/* top: 50%; */
	bottom: -90px;
}
.on-lineb{
	font-size: 22px;
}
.on-line>a {
	color: #7b7b7b;
	text-decoration: none;
	font-size: 14px;
}

.on-line>a:hover {
	color: #c31331;
}
.fixedx{
	position: fixed;top: 20%;right: 0;width: 150px;height: 200px;background:url('https://pompes-funebres-frelat.com//./image/weixin1024.jpg') no-repeat;background-size: 100% 100%
}
.mobel_btn{
	display: none;
}
/*移动端样式*/
@media (max-width: 1280px) {
	.container{
		width: 1400px;
	}
	.main-panel-body {
		padding: 10px;
		height: auto!important;
		background-color: #f9f8f8;
	}
	.main-panel-body2 {
		padding: 10px;
		height: auto!important;
		background-color: #f9f8f8;
	}
	.main-panel-body3 {
		padding: 10px;
		height: auto!important;
		background-color: #f9f8f8;
	}
}
@media (max-width: 767px){
	.top-nav{
		display: none;
		position: fixed;
		background: #ffffff;
		left: 0;
		top: 73px;
		margin: 0;
		width: 100%;
		user-select: none;
	}
	.top-nav ul{
		padding: 0;
	}
	.top-nav ul li,.top-nav ul li a{
		display: inline-block;
		width: 100%;
	}
	.mobel_btn{
		display: inline-block;
		position: absolute;
		font-size: 20px;
		width: 40px;
		height: 40px;
		background: #c31331;
		right: 10px;
		top: 20px;
		color: #f9f8f8;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 5px;
		cursor: pointer;
	}
	.main-panel-body {
		padding: 10px;
		height: auto!important;
		background-color: #f9f8f8;
	}
	.main-panel-body2 {
		padding: 10px;
		height: auto!important;
		background-color: #f9f8f8;
	}
	.main-panel-body3{
		padding: 10px;
		height: auto!important;
		background-color: #f9f8f8;
	}
	.main-panel-body2 a {
		display: block;
		float: left;
		width: 100%;
		margin-right: 10px;
		margin-bottom: 10px;
		color: #7b7b7b;

	}
	.fixedx{
		display: none;
	}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a{
		color: #FFFFFF;
	}
	.navbar-default .navbar-toggle .icon-bar{
		color: #FFFFFF;
	}
	.item-foot {
		text-align: left;
	}
	.main-panel-body a {
		display: block;
		float: left;
		width: 100%;
		margin-right: 10px;
		margin-bottom: 10px;
		color: #fff;
	}
	.main-videotitle{
		font-size:6px ;
		margin: 0 auto;
	}
	.main-videotitle .f301{
		font-size: 20px!important;
	}

	.min-hv{
		height: 205px;
	}
	.software-item {
		width: 100%;
		/*margin-bottom: 10px;*/
	}
	.software-videoitem{
		width: 100%;
		margin: 0;
		margin-bottom: 10px;
		height: 285px;
	}
	.software-videoitem2{
		width: 100%;
		margin: 0;
		margin-bottom: 10px;
	}

	.logo {
		height: 29px;
		position: absolute;
		bottom: -64px;
		transform: translateY(-50%);
	}
	.blogo{
		display:none;
	}
	.on-line {
		position: absolute;
		right: 0;
		/* height: 60px; */
		/* line-height: 60px; */
		/* top: 50%; */
		bottom: -70px;
	}
	.on-lineb{
		font-size: 6px;
	}
	.on-line>a {
		color: #7b7b7b;
		text-decoration: none;
		font-size: 6px;
	}

	#foot {
		padding: 40px;
		height: 240px;
	}
	.itemb{
		margin-top: 6px!important;
		text-align: left!important;
	}
	#header {
		background: #fff;
		border-bottom: 2px solid #c31331;
		height: 70px;
		position: fixed;
		width: 100%;
		z-index: 99;
		top: 0;
		left: 0;
	}
	.banner {
		width: 100%;
		margin-top: 90px;
	}
	.prl{
		padding: 0!important;
	}
	.prl40{
		padding:0 10px!important;
	}
	.software-videoitem2>img {
		width: 100%;
	}
	.software{
		padding: 10px!important;
	}
	.h-margin40 {
		margin-top: 30px;
	}
	.h-margin60{
		margin-top: 0px;
	}
	.h-margin70{
		margin-top:0px!important;padding-top: 20px;
	}
	.zixun-p-50{
		padding:0;
	}
	.top{
		position: fixed;
		top: 0px;
		z-index:2 ;
	}
	.pL0{
		padding-left: 15px!important;
	}
	.pR0{
		padding-right: 15px!important;
	}
	.pl80{
		padding-left: 15px!important;
	}
	.mt-165{
		margin-top:15px;
	}
	.bb-new10{
		background: #D30024;border-radius: 10px;margin-bottom: 10px;padding: 10px;
	}
}