@font-face {font-family: 'engfm';src: url('./GEOMETOS.WOFF.TTF');}
* {
	outline: none !important;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	padding: 0;
	margin: 0;
}

a,a:hover{
	text-decoration: none;
}

html,
body {
	width: 100%;
	height: auto;
	min-height: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

ul{
	list-style: none;
	padding: 0;
	margin: 0;
}

body,
textarea,
input,
button,
select,
keygen,
a,
legend {
	font: 14px/1.5 'Microsoft YaHei', 'Microsoft YaHei UI', 'WenQuanYi Micro Hei', Arial, sans-serif, \5b8b\4f53;
	color: #929292;
	outline: 0;
}

body{
	background: #fff;
}
@media (min-width: 1600px){
	.container {
	    width: 1540px;
	}
 }
/* 导航 */
header{
	height: 180px;
}

.head-cont{
	background: #fff;
	display: flex;
	flex-direction: column;
	position: fixed;
	width: 100vw;
	left: 0;
	top: 0;
	z-index: 999;
}

@media (min-width:1200px) {
	.head-cont{
		padding-left:calc(50% - 600px);
	}
}
.head-cont .logo{
	display: flex;
	align-items: center;
	height: 90px;
}

.head-cont .logo img{
	display: block;
	max-width: 130px;
}

.head-cont .logo .logo-right{
	color: #585858;
	width: 130px;
	padding-left: 8px;
	border-left: 1px solid #f3f3f3;
	margin-left: 10px;
}

.head-menu{
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: #ffd339;
	padding-right: 50px;
}

.head-menu>ul{
	display: flex;
	list-style: none;
	margin-bottom: 0;
}
.head-menu ul li{
	position: relative;
}
.head-menu ul a{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 90px;
	font-size: 14px;
	min-width: 136px;
	color: #a60000;
	transition: all .4s ease;
	text-decoration: none;
}
.head-menu ul a.active,.head-menu ul a:hover{
	color: #fff;
	background: #a60000;
}
.head-menu .search{
	display: flex;
	align-items: center;
	cursor: pointer;
	}
	.head-menu .search img{
		margin-left: 15px;
	}
.head-menu .search .input-box{
	overflow: hidden;
}
.head-menu .search .input-box input{
	position: relative;
	right: -100%;
	width: 200px;
	color: #a60000;
	border: 0;
	border-bottom: 1px solid #a60000;
	background: none;
	transition: all .4s ease;
}

.head-menu .search:hover .input-box input,.head-menu .search.open .input-box input{
	right:0;
}

.s-menu{
	display: none;
}

.menu-btn{
	display: none;
	position: absolute;
	width: 35px;
	height: 35px;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
}
.menu-btn::before,.menu-btn::after{
	position: absolute;
	content: '';
	display: block;
	width: 35px;
	height: 2px;
	background: #a60000;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	transition: all .4s ease;
}

.menu-btn::before{
	margin-top: -5px;
}

.menu-btn::after{
	margin-top: 5px;
}

.menu-btn.open::before{
	transform: rotate(45deg);
	margin-top: 0;
}
.menu-btn.open::after{
	transform: rotate(-45deg);
	margin-top: 0;
}

@media (min-width:991px) {
	.s-menu{
		position: absolute;
		width: 100%;
		background: #a60000;
		left: 0;
		top: 100%;
		
	}
	.head-menu ul li:hover .s-menu{
		display: block;
	}
	.head-menu .s-menu a{
		color: #fff;
		transition: all .4s ease;
	}
	
	.head-menu .s-menu a:hover{
		background: #900000;
	}
}

@media (max-width:1098px) {
	.head-menu ul a{
		min-width: auto;
		padding: 0 20px;
		height: 70px;
	}
	header{
		height: 160px;
	}
}

@media (max-width:899px) {
	header{
		height: 90px;
	}
	.head-menu{
		display: none;
		position: absolute;
		top: 100%;
		width: 100%;
		height: calc(100vh - 90px);
		padding: 0;
		overflow-y: auto;
	}
	.head-menu ul{
		flex-direction: column;
	}
	.head-menu ul a{
		justify-content: flex-start;
		border-bottom: 1px  solid #a60000;
		height: 60px;
		position: relative;
	}
	.head-menu ul a:first-child img{
		display: none;
	}
	.head-menu>ul>li:first-child a::before{
		display: block;
		content: '首页';
	}
	.head-menu ul.s-menu a{
		padding-left: 30px;
	}
	.menu-btn{
		display: block;
	}
	
	.head-menu .search .input-box input{
		right: 0;
		border: 0;
		height: 50px;
		width: 100%;
	}
	.head-menu .search .input-box{width: calc(100% - 61px);}
	.head-menu .search{
		flex-flow: row-reverse;
		justify-content: flex-end;
		border-bottom: 1px  solid #a60000;
	}
	.head-menu .search img{
		margin-right: 15px;
	}
	
	.head-menu .son>a{
		position: relative;
		padding-right: 35px;
	}
	.head-menu .son>a::before{
		position: absolute;
		content: '+';
		display: block;
		right: 20px;
		top: 50%;
		transform: translateY(-50%);
		font-size: 35px;
		color: #a60000;
	}
	.head-menu .son>a:hover::before{
		color: #fff;
	}
}

@media (max-width:640px) {
	.head-cont .logo .logo-right{
		display: none;
	}
	.head-cont .logo img{
		height: 30px;
	}
	.head-cont .logo,header{
		height: 65px;
	}
	.head-cont .logo{
		padding-left: 15px;
	}
	.head-menu{
		height: calc(100vh - 145px);
	}
}

/* banner */
.banner.slick-dotted.slick-slider{overflow-x: hidden;margin-bottom: 0;}
.banner .slick-dots{bottom: 58px;text-align: left;padding-left: 12%;}
.banner .slick-dots li{width: 25px;height: 25px;border: 1px solid transparent; border-radius: 50%; transition: all .4s ease;position: relative;vertical-align: middle;margin-right:30px ;}
.banner .slick-dots li button:before{display: none;}
.banner .slick-dots li::before,.banner .slick-dots li::after{display: block;content: '';position: absolute;height: 1px;width: 55px;background: #fff;top: 50%;transform: translateY(-50%);left: 10px;z-index: 3;}
.banner .slick-dots li::after{z-index: 6;width: 0;background: #a60000;}
.banner .slick-dots li:last-child::before,.banner .slick-dots li:last-child::after{display: none;}
.banner .slick-dots li button{width: 13px; height: 13px;padding: 0;border-radius: 50%;background: #fff;transition: all .4s ease;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 9;}
.banner .slick-dots li.slick-active{border-color: #fff;}
.banner .slick-dots li.addw::after{width: 55px;transition-property:width;transition-duration:5s;}
.banner .slick-dots li.slick-active button{ background: #a60000;}
.banner .banner_item{
	position: relative;
}
.banner .banner_item .mb{
	display: none;
}
.banner .banner_txt{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 99;
	padding-bottom: 60px;
}
.banner .banner_txt .container{height: 100%;}

.banner .banner_txt .txt{
	height: 100%;
	display: flex;align-items: center;
	color: #fff;
}

.banner .banner_txt .st{
	font-size: 33px;
}

.banner .banner_txt .p{
	font-size: 26px;
	font-family: 'engfm';
	max-width: 430px;
}

@media (max-width:991px) {
	/* .banner .banner_txt .txt{
		color: #a60000;
	} */
	.banner .banner_txt .st{
		font-size: 25px;
	}
	.banner .banner_txt .p{
		font-size: 20px;
	}
}

@media (max-width:640px) {
	.banner .banner_item .pc{
		display: none;
	}
	.banner .banner_item .mb{
		display: block;
	}
	
	.banner .banner_txt .st{
		font-size: 16px;
	}
	.banner .banner_txt .p{
		font-size: 14px;
		max-width: 300px;
	}
	.banner .slick-dots{
		padding-left: 15px;
		bottom: 20px;
	}
	.banner .slick-dots li{width: 18px;height: 18px;}
	.banner .slick-dots li button{width: 8px;height: 8px;}
	.banner .banner_txt .txt{
		align-items: flex-end;
	}
}


.title-h{
	font-size: 28px;
	color: #1c1c1c;
	font-weight: bold;
}

.btn-lj{
	display: flex;
	height: 48px;
	width: 170px;
	align-items: center;
	justify-content: center;
	color: #fff;
	background: #a60000;
	position: relative;
	transition: all .4s ease;
}

.btn-lj span{
	display: flex;
	align-items: center;
	justify-content: center;
}

.btn-lj img{
	margin-left: 5px;
}

.btn-lj .h,.btn-lj:hover .s{
	display: none;
}

.btn-lj:hover .h{
	display: block;
}


.btn-lj::before{
	content: '';
	display: block;
	position: absolute;
	height: 100%;
	width: 0;
	background: #ffd339;
	transition: all .4s ease;
	left: 0;
	top: 0;
	z-index: 1;
}
.btn-lj:hover::before{
	width: 100%;
}

.btn-lj:hover{
	color: #a60000;
	text-decoration: none;
}

.btn-lj span{
	position: relative;z-index: 3;
}

@media (max-width:640px) {
	.title-h{
		font-size: 18px;
	}
	
	.btn-lj{
		height: 40px;
		width: 130px;
	}
}

/* 公司简介 */
.about{
	padding-top: 95px;
}

.about-cont .title-h{
	margin-top: 50px;
	margin-bottom: 45px;
}

.about .about-cont p{
	color: #656565;
	margin-bottom: 40px;
	line-height: 28px;
}

.about-list{
	padding: 68px 0;
	border: 0px solid #eaeaea;
	border-width: 2px 0;
	margin-top: 50px;
}
.about-list .about-item{
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-right: 1px solid #eaeaea;
	padding-right: 40px;
}

.about-list .col-md-3:last-child .about-item{
	border: 0;
	padding-right: 0;
}

.about-list .about-item .about-st{
	font-size: 18px;
	font-weight: bold;
	color: #333;
}
.about-list .about-item .p{
	color: #a5a5a5;
}

.about .about-img{
	position: relative;
}

.about .about-img .v-btn{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	z-index: 9;
	margin-top: 6%;
	cursor: pointer;
}

@media (max-width:991px) {
	.about{
		padding-top: 50px;
	}
	.about .about-img{
		margin-bottom: 30px;
	}
	.about-cont .title-h{
		margin: 30px 0;
	}
	
	.about-list .about-item{
		border-right: 0;
		padding-right: 0;
		border-bottom: 1px solid #eaeaea;
		padding: 20px 0;
	}
	
	.about-list{
		padding: 0;
		border-width: 1px 0;
	}
}

@media (max-width:640px) {
	.about .about-img .v-btn img{
		width: 50px;
	}
}


.product{
	padding: 106px 0 100px 0;
}
.product  a{
	display: block;
}
.product .p-top{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 60px;
}

.product .p-top ul{
	display: flex;
}
.product .p-top ul li{
	margin-left: 15px;
}
.product .p-top a{
	display: flex;
	align-items: center;
	height: 37px;
	font-size: 16px;
	padding: 0 15px;
	color: #686868;
	transition: all .4s ease;
}

.product .title-h{
	display: flex;
	align-items: center;
}

.product .p-top a.active,.product .p-top a:hover{
	color: #fff;
	background: #a60000;
}

.product .p-item{
	position:relative;
}

.product .p-txt{
	position: absolute;
	width: calc(100% - 30px);
	right: 0;
	bottom: 20px;
	padding: 20px;
	color: #fff;
}

.product .p-txt .p-title{
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 18px;
	margin-bottom: 10px;
}

.product .p-txt .p-title span{
	font-size: 12px;
	display: block;
	transition: all .4s ease;
	margin-right: 20px;
	opacity: 0;
}

.product .p-item:hover .p-txt .p-title span{
	margin-right: 0;
	opacity: 1;
}

.product .p-txt .p{
	font-family: 'engfm';
	padding-bottom: 10px;
	border-bottom: 1px solid #fff;
	margin-bottom: 0;
}

.product .col-md-3:nth-child(1) .p-txt{
	background: rgba(166,0,0,.7);
}
.product .col-md-3:nth-child(2) .p-txt{
	background: rgba(255,193,43,.7);
}
.product .col-md-3:nth-child(3) .p-txt{
	background: rgba(0,120,182,.7);
}
.product .col-md-3:nth-child(4) .p-txt{
	background: rgba(11,156,141,.7);
}

@media (max-width:991px) {
	.product .p-top{
		padding-bottom: 30px;
	}
	.product .p-item{
		margin-bottom: 30px;
	}
	.product{
		padding: 50px 0 20px 0;
	}
}

@media (max-width:640px) {
	.product .p-top a{
		font-size: 12px;
	}
}


.case{
	background: #f8f8f8;
	padding: 100px 0 70px 0;
}

.case .c-top{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 60px;
}

.case .c-top ul{
	display: flex;
	align-items: center;
}

.case .c-top ul a{
	display: block;
	margin-left: 30px;
	font-size: 16px;
	color: #5a5a5a;
	transition: all .4s ease;
}

.case .c-top ul a:hover{
	color: #a60000;
}

.case .c-item{
	position: relative;
	margin-bottom: 30px;
}

.case .c-item>img{
	position: relative;
	display: block;
	z-index: 6;
}
.case .c-txt{
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
	top: 0;
	left: 0;
	z-index: 9;
	padding: 25px;
	transition: all .4s ease;
	opacity: 0;
}

.case .c-item:hover .c-txt{
	opacity: 1;
}

.case .c-txt-cont{
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 25px;
	color: #fff;
}

.case .c-txt-cont .c-title{
	font-size: 18px;
}

.case .btn-lj{font-size: 16px;}

@media (max-width:991px) {
	.case{
		padding: 50px 0 20px 0;
	}
	.case .c-top{
		margin-bottom: 30px;
	}
}

@media (max-width:640px) {
	.case .c-top ul li{
		display: none;
	}
	.case .c-top ul li:last-child{display: block;}
}


.hz-box{
	background: none;
	padding-top: 60px;
}


footer{
	padding: 66px 0;
	background: #a60000;
}

footer .container,.copy-box .container{
	max-width: 1200px;
}

.foot-item .foot-title{
	font-size: 18px;
	color: #fff;
	padding-bottom: 15px;
	border-bottom: 1px solid #fff;
	margin-bottom: 15px;
}

.foot-item a{
	display: block;
	color: #fff;
	line-height: 28px;
}


.foot-item .las-title{
	font-size: 18px;
	color: #fff;
	font-family: 'engfm';
}

.foot-item .tel-box{
	color: #ffd339;
	font-family: 'engfm';
	font-size: 20px;
}

footer .col-md-2:last-child .foot-item{
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

.foot-item .logo{
	margin-bottom: 20px;
}

.foot-item .lx-list{
	display: flex;
	margin-top: 20px;
}

.foot-item .lx-list .lx-item {
	width: 30px;
	height: 30px;
	background: #980202;
	margin-left: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all .4s ease;
}

.foot-item .lx-list .lx-item:hover{
	background: #ffd339;
}

.foot-item .lx-list .lx-item .s,.foot-item .lx-list .lx-item:hover .h{
	display: none;
}

.foot-item .lx-list .lx-item:hover .s{
	display: block;
}

.copy-box{
	background: #ffd339;
	padding: 15px 0;
}

.copy-box .copy-txt{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.copy-box .copy-txt .p{
	color: #a60000;
	display: flex;
	align-items: center;
}

.copy-box .copy-txt .p img{
	display: block;
	margin-left: 20px;
}

@media (max-width:991px) {
	.copy-box .copy-txt{
		display: block;
	}
	.copy-box .copy-txt .p:last-child{
		margin-top: 10px;
	}
}

.tool{
	position: fixed;
	right: 50px;
	bottom: 40px;
	z-index: 99;
}

.tool .tool-item{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 70px;
	height: 70px;
	background:#ffd339;
	margin-bottom: 5px;
	cursor: pointer;
	transition: all .4s ease;
}
.tool-item:hover{
	background-color:#a60000;
}
.tool .tool-item .s,.tool .tool-item:hover .h{
	display: none;
}

.tool .tool-item:hover .s{
	display: block;
}

/*左下角聊天图标*/
.animated {
	-webkit-animation-duration: .5s;
	animation-duration: .5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.livechat-girl {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	position: fixed;
	bottom: 40px;
	left: 68px;
	opacity: 0;
	-webkit-box-shadow: 0 5px 10px 0 rgba(35, 50, 56, 0.3);
	box-shadow: 0 5px 10px 0 rgba(35, 50, 56, 0.3);
	z-index: 700;
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	cursor: pointer;
	-webkit-transition: all 1s cubic-bezier(0.86, 0, 0.07, 1);
	transition: all 1s cubic-bezier(0.86, 0, 0.07, 1)
}

.livechat-girl:focus {
	outline: 0
}

.livechat-girl.animated {
	opacity: 1;
	transform: translateY(-40px);
	-webkit-transform: translateY(-40px);
	-ms-transform: translateY(-40px)
}

.livechat-girl:after {
	content: '';
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background-image: linear-gradient(to bottom, #ffd100, #ffd100);
	position: absolute;
	right: 5px;
	top: 1px;
	z-index: 99999
}

.livechat-girl .girl {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	z-index: 50;
	border-radius: 100%
}

.livechat-girl .animated-circles .circle {
	background: rgba(166, 0, 0, 0.25);
	width: 60px;
	height: 60px;
	border-radius: 50%;
	position: absolute;
	z-index: 49;
	transform: scale(1);
	-webkit-transform: scale(1)
}

.livechat-girl .animated-circles.animated .c-1 {
	animation: 2000ms scaleToggleOne cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards
}

.livechat-girl .animated-circles.animated .c-2 {
	animation: 2500ms scaleToggleTwo cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards
}

.livechat-girl .animated-circles.animated .c-3 {
	animation: 3000ms scaleToggleThree cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards
}

.livechat-girl.animation-stopped .circle {
	opacity: 0 !important
}

.livechat-girl .livechat-hint {
	position: absolute;
	left: 0;
	width: 0;
	top: 50%;
	margin-top: -20px;
	opacity: 0;
	z-index: 0;
	-webkit-transition: all 0.3s cubic-bezier(0.86, 0, 0.07, 1);
	transition: all 0.3s cubic-bezier(0.86, 0, 0.07, 1);
	background-color: #a60000;
	width: 0;
	overflow: hidden;
}

.livechat-girl .livechat-hint.show_hint {
	-webkit-transform: translateX(-40px);
	transform: translateX(-40px);
	opacity: 1;
	width: 208px;
	overflow: inherit;
	left: 130px;
}

.livechat-girl .livechat-hint.hide_hint {
	opacity: 0;
	-webkit-transform: translateX(0);
	transform: translateX(0)
}
.rd-notice-tooltip {
	-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
	font-size: 14px;
	border-radius: 3px;
	line-height: 1.25;
	position: absolute;
	z-index: 65;
	max-width: 350px
}

.rd-notice-tooltip.thumb-heart-tooltip {
	z-index: 100;
	margin-top: 19px
}

.rd-notice-tooltip.thumb-heart-tooltip .rd-notice-content {
	padding: 10px 20px
}

.rd-notice-tooltip:after {
	position: absolute;
	display: block;
	content: '';
	height: 20px;
	width: 20px;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	z-index: 50;
	top: 10px;
	left: -6px;
	background-color: #a60000;
}

.rd-notice-tooltip .rd-notice-content {
	background: 0;
	border-radius: 3px;
	width: 100%;
	color: #fff;
	position: relative;
	z-index: 60;
	padding: 20px;
	font-weight: 400;
	line-height: 1.45
}

.rd-notice-tooltip .rd-notice-content a {
	color: #fff;
	text-decoration: underline
}

.rd-notice-tooltip .arrow {
	display: none !important
}

.rd-notice-tooltip.alert.rd-closing {
	white-space: normal;
	text-align: left
}

.rd-notice-tooltip.alert.rd-closing .rd-notice-content {
	padding-right: 50px
}

.rd-notice-tooltip.single-line .rd-notice-content {
	height: 40px;
	padding: 0 20px;
	line-height: 40px;
	white-space: nowrap
}

@keyframes scaleToggleOne {
	from {
		transform: scale(1);
		-webkit-transform: scale(1)
	}
	50% {
		transform: scale(2);
		-webkit-transform: scale(2)
	}
	100% {
		transform: scale(1);
		-webkit-transform: scale(1)
	}
}

@keyframes scaleToggleTwo {
	0% {
		transform: scale(1);
		-webkit-transform: scale(1)
	}
	20% {
		transform: scale(1);
		-webkit-transform: scale(1)
	}
	60% {
		transform: scale(2);
		-webkit-transform: scale(2)
	}
	100% {
		transform: scale(1);
		-webkit-transform: scale(1)
	}
}

@keyframes scaleToggleThree {
	0% {
		transform: scale(1);
		-webkit-transform: scale(1)
	}
	33% {
		transform: scale(1);
		-webkit-transform: scale(1)
	}
	66% {
		transform: scale(2);
		-webkit-transform: scale(2)
	}
	100% {
		transform: scale(1);
		-webkit-transform: scale(1)
	}
}

@media (max-width:640px) {
	.animated,.tool,footer{
		display: none;
	}
}

.foot-tool{
	position: fixed;
	width: 100%;
	background: #a60000;
	left: 0;
	bottom: 0;
	z-index: 999;
	display: flex;
}
.bottom-box{
	height: 80px;
	display: none;
}

.foot-tool a{
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	color: #fff;
	height: 80px;
}
.foot-tool a .t{
	margin-top: 5px;
}
.foot-tool a .h,.foot-tool a.active .s{
	display: none;
}

.foot-tool a img{
	width: 25px;
}

.foot-tool a.active{
	color: #a60000;
	background: #ffd339;
}
.foot-tool a.active .h{
	display: block;
}

@media (max-width:640px) {
	.bottom-box{
		display: block;
	}
}

.video-popup{
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 9999;
	top: 0;
	left: 0;
	background: rgba(0,0,0,.6);
	display: none;
}

.video-popup .popup-cont{
	position: absolute;
	width: 90%;
	max-width: 800px;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}

.video-popup .popup-cont .k_video{
	width: 100%;
}

.close-btn{
	float: right;
	margin-right: -35px;
	cursor: pointer;
}

@media (max-width:991px) {
	.close-btn{
		margin-right: 0;
		margin-bottom: 10px;
	}
}

.secondary-box{
	max-width: 1200px;
}

/* 产品列表 */

.detail-banner{
	position: relative;
}
.detail-banner .txt{
	position: absolute;
	top: 50%;
	left: 50%;
	text-align: center;
	transform: translate(-50%,-50%);
	color: #fff;
	font-size: 27px;
	white-space: nowrap;
}

.detail-banner .txt .txt-e{
	font-family: 'engfm';
}

.detail-banner img{
	min-height: 180px;
	object-fit: cover;
}

@media (max-width:640px) {
	.detail-banner .txt{
		font-size: 18px;
	}
}

.product-list{
	background: #f9f9f9;
	padding: 45px 0 80px 0;
}

.list-box{
	padding-right: 70px;
}

.list-box .pd-item .img-box{ 
	background: #fff;
	padding: 0px;
	position: relative;
	transition: all .4s ease;
}
.list-box .pd-item .img-box::before{
	position: absolute;
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 99;
	opacity: 0;
	background: rgba(0,0,0,.2);
	transition: all .4s ease;
}
.list-box .pd-item:hover .img-box::before{
	opacity: 1;
	/* background: #f1f1f1; */
}
.list-box .pd-item .img-box img{
	display: block;
}

.list-box .pd-item .t-txt{
	color: #6f6f6f;
	background: #f3f3f3;
	height: 80px;
	padding: 0 10px;
	line-height: 80px;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: all .4s ease;
}

.list-box .pd-item:hover .t-txt{
	background: #ffd339;
	color: #a60000;
}

.list-box a{
	display: block;
	margin-bottom: 40px;
}

@media (max-width:991px) {
	.list-box{
		padding-right: 0;
		margin-top: 30px;
	}
	.product-list{
		padding-top: 0;
	}
}

.detail-menu{
	background: #fff;
	padding: 15px;
}

.detail-menu li{
	border-bottom: 1px solid #9c9c9c;
}

.detail-menu li:last-child{
	border-bottom: 0;
}

.detail-menu li a{
	position: relative;
	padding-left: 20px;
	line-height: 40px;
	color: #9c9c9c;
	text-align: right;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	transition: all .4s ease;
}

.detail-menu li a::before{
	position: absolute;
	content: '';
	display: block;
	width: 8px;
	height: 8px;
	border-top: 1px solid #9c9c9c;
	border-left: 1px solid #9c9c9c;
	transform: translateY(-50%) rotate(-45deg);
	top: 50%;
	left: 5px;
	transition: all .4s ease;
}

.detail-menu li a:hover,.detail-menu li a.active{
	color: #a60000;
}

.detail-menu li a:hover::before,.detail-menu li a.active:before{
	border-color: #a60000;
}

@media (max-width:991px) {
	.detail-menu li a{
		padding-left: 0;
		padding-right: 20px;
	}
	.detail-menu li a::before{
		left: auto;
		right: 5px;
		transform: translateY(-50%) rotate(135deg);
	}
	.detail-menu li a{
		text-align: left;
	}
	.detail-menu{
		margin: 0 -15px;
	}
}

.page{
	margin-top: 70px;
	display: flex;
	align-items: center;
}
.page li{
	margin-right: 10px;
}
.page li a{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 40px;
	width: 40px;
	background: #fff;
	color: #9c9c9c;
	transition: all .4s ease;
}

.page li a:hover,.page li a.active{
	background: #ffd339;
	color: #a60000;
}


@media (max-width:640px) {
	.page{
		margin-top: 20px;
	}
}

/* 产品详情 */

.product-detail{
	background: #f9f9f9;
	padding: 55px 0 110px 0;
}

.product-detail .det-top{
	padding-bottom: 85px;
}
.product-detail .det-img{
	background: #fff;
	padding: 0px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.product-detail .det-img img{
	max-width: 100%;
}

.det-box{
	padding-left: 30px;
}

.det-box .top-t{
	padding-bottom: 20px;
}

.det-box .b-t{
	color: #4e4e4e;
	font-size: 20px;
}

.det-box .s-t{
	font-family: 'engfm';
	color: #c6c6c6;
}

.det-box .list-n li{
	display: flex;
	align-items: flex-start;
	color: #626262;
	padding: 40px 0;
	border-top: 1px solid #ebebeb;
}

.det-box .list-n li .left-t{
	display: flex;
	align-items: center;
	margin-right: 10px;
}
.det-box .list-n li .left-t img{
	margin-right: 5px;
}
.det-box .list-n li .right-t{
	flex: 1;
	padding-top: 4px;
}

.detail-wz{
	background: #fff;
	padding: 90px 50px 110px 50px;
	position: relative;
}

@media (max-width:991px) {
	.product-detail .det-img{
		margin-bottom: 30px;
	}
	.det-box{
		padding-left: 0;
	}
	.det-box .list-n li{
		padding: 15px 0;
	}
	.product-detail .det-top{
		padding-bottom: 60px;
	}
	
	.detail-wz {
	    padding: 60px 15px 40px 15px;
	}
}

.det-title{
	border-left: 8px solid #a60000;
	background: #ffd339;
	width: 220px;
	height: 64px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	color: #a60000;
	position: absolute;
	left: 50px;
	top: 0;
	transform: translateY(-50%);
	z-index: 9;
}

.det-title::before{
	position: absolute;
	content: '';
	display: block;
	border-width: 32px;
	border-style: solid;
	border-color: transparent #ffd339 transparent transparent;
	top: 8px;
	right: -10px;
	z-index: 3;
	transform: rotate(-15deg);
}

.det-title::after{
	position: absolute;
	content: '';
	display: block;
	border-width: 32px;
	border-style: solid;
	border-color: transparent transparent #ffd339 transparent;
	bottom: 0;
	right: -18px;
	z-index: 3;
}

@media (max-width:991px) {
	.det-title{
		font-size: 14px;
		height: 40px;
		width: 130px;
		left: 15px;
	}
	.det-title::before,.det-title::after{
		border-width: 20px;
	}
	.det-title::before{
		top: 6px;
		right: -6px;
	}
	.det-title::after{
		right: -10px;
	}
}

.bottom-list .list-box{
	padding-right: 0;
}

.bottom-list .secondary-box{
	position: relative;
	padding: 120px 15px 70px 15px;
}
.bottom-list.news-tj .list-box{
		margin-top: 0;
	}

@media (max-width:991px) {
	.bottom-list .secondary-box{
		padding: 60px 15px;
	}
	
}

.case .page{
	justify-content: center;
}

.c-menu{
	background: #f5f5f5;
	height: 48px;
}


.c-menu li a{
	color: #5e5e5e;
	display: block;
	border-right: 1px solid #5e5e5e;
	padding: 0 40px;
	transition: all .4s ease;
}

.c-menu li a:hover,.c-menu li a.active{
	color: #a60000;
}

.c-menu li:last-child a{
	border: 0;
}

.c-menu ul{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 48px;
}

@media (max-width:640px) {
	.p-menu{
		background: #fff;
		margin: 0 -15px;
	}
	.c-menu,.p-menu{
		height: auto;
		padding-top: 50px;
		position: relative;
	}
	.c-menu::before,.c-menu::after,.p-menu::before,.p-menu::after{
		position: absolute;
		top: 25px;
		display: block;
	}
	.c-menu::before,.p-menu::before{
		content: '查看更多';
		color: #333;
		font-size: 14px;
		left: 15px;
		transform: translateY(-50%);
	}
	.c-menu::after,.p-menu::after{
		content: '';
		width: 8px;
		height: 8px;
		right: 19px;
		border-right: 1px solid #333;
		border-bottom: 1px solid #333;
		transform: translateY(-50%) rotate(45deg);
		transition: all .4s ease;
	}
	
	.c-menu.open::after,.p-menu.open::after{
		transform: translateY(-50%) rotate(225deg);
	}
	.p-menu ul{
		display: none;
		border-top: 1px solid #9c9c9c;
		margin: 0;
	}
	.c-menu ul{display: none;height: auto;border-top: 1px solid #5e5e5e;}
	.c-menu li a{
		position: relative;
		border-right: 0;
		border-bottom: 1px solid #5e5e5e;
		padding: 0;
		padding-right: 20px;
		line-height: 50px;
	}
	.c-menu li a::before{
		position: absolute;
		display: block;
		content: '';
		border-top: 1px solid #5e5e5e;
		border-right: 1px solid #5e5e5e;
		width: 8px;
		height: 8px;
		top: 50%;
		right: 4px;
		transform: translateY(-50%) rotate(45deg);
	}
}


.case-detail{
	padding: 60px 0 118px 0;
	background: none;
}

.case-det-box{
	padding-right: 30px;
}
.case-det-box .case-top{
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	padding-bottom: 10px;
	border-bottom: 1px solid #e7e7e7;
	margin-bottom: 15px;
}
.case-det-box .case-top .b-t{
	font-size: 25px;
	color: #000;
	font-weight: bold;
}

.case-det-box .case-top .time-b{
	display: flex;
	align-items: center;
	font-family: 'engfm';
}

.case-det-box .case-top .time-b img{
	margin-right: 5px;
}

.case-det-box .tag-box{
	font-size: 12px;
	color: #8e8e8e;
	background: #eee;
	padding: 0 12px;
	height: 25px;
	line-height: 25px;
	display: inline-block;
}

.case-det-box .case-det-txt{
	margin-top: 40px;
}

.det-right-list .det-title{
	position: static;
	margin-bottom: 20px;
	transform: translateY(0);
}

.det-right-list .list>div{
	padding-top: 30px;
	border-bottom: 1px solid #e7e7e7;
}

.det-right-list .list>div:last-child{
	border: 0;
}

@media (max-width:991px) {
	.case-det-box .case-top .b-t{
		font-size: 16px;
	}
	.case-detail{
		padding: 40px 0 60px 0;
	}
	.case-det-box{
		padding-right: 0;
	}
	.det-right-list{
		margin-top: 40px;
	}
	.det-right-list .det-title{
		margin-bottom: 0;
	}
}

/* 公司简介 */

.about-list-n{
	padding: 70px 0 220px 0;
}

.about-list-n .img-box{
	position: relative;
}
.about-list-n .img-box .video-icon{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 9;
	cursor: pointer;
}

.about-list-n .img-box .video-icon .h,.about-list-n .img-box .video-icon:hover .s{
	display: none;
}

.about-list-n .img-box .video-icon:hover .h{
	display: block;
}

.about-list-n .about-t .ab-t{
	color: #1c1c1c;
	font-weight: bold;
	font-size: 28px;
	margin-bottom: 30px;
}

.about-list-n .about-t .p{
	color: #656565;
	line-height: 26px;
}

.about-list-n .row{
	margin-bottom: 90px;
}

@media (max-width:991px) {
	.about-list-n{
		padding: 40px 0;
	}
	.about-list-n .img-box{
		margin-bottom: 30px;
	}
	.about-list-n .about-t .ab-t{
		font-size: 22px;
		margin-bottom: 30px;
	}
	
}

/* 荣誉 */
.honor-box .c-item{
	padding: 40px;
	background: #f8f8f8;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 0;
}

.honor-box .c-item .mark-box{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 9;
	background: rgba(0,0,0,.6);
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all .4s ease;
	opacity: 0;
}

.honor-box .c-item:hover .mark-box{
	opacity: 1;
}

.honor-box .c-item .mark-box .review-btn{
	display: flex;
	height: 40px;
}

.honor-box .c-item .mark-box .review-btn .txt{
	color: #fff;
	background: #a60000;
	padding: 0 20px;
	line-height: 40px;
}

.honor-box .c-item .mark-box .review-btn .icon{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	background: #ffd339;
}
.honor-box .p{
	color: #000;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	text-align: center;
	padding: 15px;
}

.img-big{
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 999;
	background: rgba(0,0,0,.6);
	display: none;
}
.img-big .img-cont{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.img-big .img-cont .close-b{
	float: right;
	margin-bottom: 10px;
	cursor: pointer;
}
.img-big .img-cont .big{
	max-height: 600px;
	max-width: 700px;
	display: block;
	margin: 0 auto;
}

@media (max-width:991px) {
.honor-box .p{
		margin-bottom: 30px;
	}
}


/* 服务支持 */
.service{
	padding: 50px 0 200px 0;
}
.service .ser-txt{
	color: #656565;
	line-height: 26px;
	margin-bottom: 60px;
	margin-top: 50px;
}

.ser-list .ser-item{
	background: #f8f8f8;
}

@media (min-width:991px) {
	.ser-list .ser-item{
		min-height: 540px;
	}
}

.ser-list .ser-item .txt{
	position: relative;
	padding: 50px;
}
.ser-list .ser-item .txt .t-b{
	color: #353535;
	font-weight: bold;
}

.ser-list .ser-item .txt .p{
	font-size: 12px;
	color: #a4a4a4;
	line-height: 26px;
}

.ser-list .ser-item .txt .tag{
	background: #ffd339;
	color: #a60000;
	font-weight: bold;
	font-family: 'engfm';
	width: 60px;
	height: 60px;
	z-index: 3;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 40px;
	position: absolute;
	left: 50px;
	top: 0;
	transform: translateY(-50%);
}

@media (max-width:991px) {
	.service {
	    padding: 30px 0 20px 0;
	}
	.service .ser-txt{
		margin: 30px 0;
	}
	.ser-list .ser-item .txt{
		position: relative;
		padding: 25px;
		padding-top: 40px;
	}
	.ser-list .ser-item .txt .tag{
		font-size: 20px;
		width: 40px;
		height: 40px;
		left: 25px;
	}
	.ser-list .ser-item{
		margin-bottom: 30px;
	}
}


.fq-list{
	margin-top: 50px;
}

.fq-list .fq-item{
	background: #fff;
	padding: 15px 35px;
	margin-bottom: 30px;
}

@media (min-width:991px) {
	.fq-list .fq-item{
		min-height: 235px;
	}
}

.fq-list .fq-item .fq-top{
	border-bottom: 1px solid #f2f2f2;
}
.fq-list .fq-item .flex-b{
	display: flex;
	align-items: flex-start;
	padding: 25px 0;
}
.fq-list .fq-item .f-tag{
	width: 33px;
	height: 33px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #ffd339;
	color: #a60000;
	margin-right: 10px;
	border-bottom: 2px solid #a60000;
}

.fq-list .fq-item .fq-bottom .f-tag{
	background: #a60000;
	color: #ffd339;
	border-color: #ffd339;
}

.fq-list .fq-item .right-t{
	flex: 1;
	color: #3b3b3b;
	padding-top: 6px;
}

@media (max-width:991px) {
	.fq-list{
		margin-top: 30px;
	}
	.fq-list .fq-item{
		padding: 15px;
	}
}

.contact-list{
	margin-top: 50px;
}

.contact-list .cont-item{
	background: #f9f9f9;
	margin-bottom: 30px;
}

@media (min-width:991px) {
	.contact-list .cont-item{
		min-height: 426px;
	}
}

.contact-list .cont-item .map{
	width: 100%;
	height: 200px;
}
.map-title {
	font-size: 14px;
	font-weight: bold;
	color: #a60000;
}
			
.map-content {
	font-size: 12px;
	color: #333;
	margin-top: 6px;
}
.anchorBL{display: none;}
.contact-list .cont-item .txt{
	padding: 30px 60px;
	color: #1c1c1c;
}
.contact-list .cont-item .tit-t{
	position: relative;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 20px;
}
.contact-list .cont-item .tit-t::before{
	position: absolute;
	display: block;
	content: '';
	width: 5px;
	height: 80%;
	left: -10px;
	top: 50%;
	transform: translateY(-50%);
	background: #ffd339;
	border-bottom: 3px solid #a60000;
}

.contact-list .cont-item .p{
	line-height: 28px;
}

@media (max-width:991px) {
	.contact-list .cont-item .txt{
		padding: 25px;
	}
	.contact-list .cont-item .tit-t{
		font-size: 15px;
	}
	.contact-list{
		margin-top: 30px;
	}
}

.news{
	padding: 50px 0 95px 0;
}
.news .page{justify-content: center;}
.list-new a{
	display: block;
	margin-bottom: 50px;
}
.list-new .new-item .new-txt{
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 25px 0;
	border-bottom: 1px solid #eaeaea;
	transition: all .4s ease;
}
.list-new .new-item:hover .new-txt{
	border-color: #a60000;
}

@media (min-width:991px) {
	.list-new .new-item .row{
		display: flex;
	}
}

.list-new .new-item .new-txt .top{
	display: flex;
	align-items: flex-end;
	margin-bottom: 25px;
}

.list-new .new-item .new-txt .title-t{
	flex: 1;
	font-size: 18px;
	color: #202020;
}

.list-new .new-item .new-txt .time-t{
	font-size: 12px;
	color: #b8b8b8;
	font-family: 'engfm';
}

.list-new .new-item .new-txt .p{
	color: #b0b0b0;
	line-height: 22px;
}

.list-new .new-item .new-txt .bottom-box-btn{
	display: flex;
	justify-content: flex-end;
	margin-top: 10px;
}

.list-new .new-item .new-txt .btn-more{
	border: 1px solid #cecece;
	font-size: 12px;
	font-family: 'engfm';
	font-weight: bold;
	color: #aeaeae;
	height: 40px;
	width: 130px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all .4s ease;
}

.list-new .new-item:hover .new-txt .btn-more{
	background: #ffd339;
	border-color: #ffd339;
	color: #a60000;
}

.share{
	margin-top: 30px;
	display: flex;
	justify-content: flex-end;
}

.share .share-cont{
	display: flex;
	align-items: center;
	font-size: 16px;
	color: #7c7c7c;
}

.share .share-cont ul{
	display: flex;
	align-items: center;
}
.share .share-cont ul li{
	margin-left: 5px;
}
.share .share-cont ul a{
	display: flex;
	width: 30px;
	height: 30px;
	align-items: center;
	justify-content: center;
	transition: all .4s ease;
	background: #f8f8f8;
}
.share .share-cont ul a:hover{
	background: #ffd339;
}

.news-tj .pd-item{
	position: relative;
}
.news-tj{position: relative;}
.news-tj::before{
	position: absolute;
	content: '';
	display: block;
	z-index: 0;
	background: #f8f8f8;
	width: 100%;
	left: 0;
	top: 0;
	height: 50%;
}
.news-tj .pd-item .img-box{
	padding: 0;
}

.news-tj .pd-item .bot-pos{
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	background: rgba(0,0,0,.6);
	z-index: 3;
	padding: 10px;
}
.news-tj .pd-item .bot-pos .t-txt{
	padding: 0;
	height: auto;
	line-height: 1.5;
	color: #fff;
	background: none;
}

.news-tj .pd-item .bot-pos .p{
	color: #858585;
}


.ewm-box{
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
	z-index: 999;
	top: 0;
	left: 0;
	display: none;
}
.ewm-box .ewm-cont{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}
.ewm-box .ewm-close{
	cursor: pointer;
	float: right;
	margin-bottom: 10px;
}
.ewm-box .ewm-img{
	display: block;
	width: 300px;
}