/* ͷ�� */
.header{
	position: fixed;
	top: 0;
	z-index: 99;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: rgba(255, 255, 255, 0.8);
}
.header .header-outer{
	font-family: MicrosoftYaHei;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 48px;
	letter-spacing: 1px;
	color: #222222;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.header .header-left{
	height: 36px;
}
.header .header-left img{
	height: 100%;
}
.header .header-right{
	display: flex;
	align-items: center;
}
.header .header-right .right-nav{
	display: flex;
	align-items: center;
}
.header .header-right .right-nav .nav-text{
	font-size: 22px;
	margin-right: 50px;
	position: relative;
	height: 100px;
	line-height: 100px;
	position: relative;
}
.header .header-right .right-nav .active{

}
.header .header-right .right-nav .active::before{
	content: '';
	position: absolute;
	bottom: 20px;
	width: 30px;
	height: 4px;
	background-color: #d7000f;
	transform: translate(-50%);
	left: 50%;
}
.header .header-right .right-nav .nav-text:hover{
}
.header .header-right .right-nav .nav-text:hover::before{
	content: '';
	position: absolute;
	bottom: 20px;
	width: 30px;
	height: 4px;
	background-color: #d7000f;
	transform: translate(-50%);
	left: 50%;
}
.header .header-right .right-nav .nav-text::after{
	content: '';
	position: absolute;
	top: 46px;
	width: 2px;
	height: 15px;
	background-color: #222222;
	right: -26px;
}
.header .header-right .right-nav .nav-text:last-child::after{
	width: 0px;
}
.header .header-right .right-hotline{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	height: 50px;
	line-height: 50px;
	border-radius: 25px;
	padding: 0 20px;
	background: linear-gradient(to right,#DEBC77,#FBE0A0);
}

/* banner */
.banner-home{
	width: 1920px;
	margin: 0 auto;
}
.banner-home img{
	width: 100%;
	height: 100%;
}
.banner{
	width: 100%;
	margin: 0 auto;
}
.banner img{
	width: 100%;
}

/*首页栏目标题*/
.classTitle{
	font-size: 50px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 50px;
	color: #222222;
	position: relative;
	margin-bottom: 29px;
}
.classTitle::before{
	content: '';
	position: absolute;
	bottom: -24px;
	width: 300px;
	height: 1px;
	background-color: #d2d2d2;
	transform: translate(-50%);
	left: 50%;
}
.classTitle::after{
	content: '';
	position: absolute;
	bottom: -28px;
	width: 55px;
	height: 8px;
	background-color: #d7000f;
	transform: translate(-50%);
	left: 50%;
}

/* 产品 */
.products{
	position: relative;
	height: 620px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	flex-direction: column;
	background-image: url(/img/index_proBG.jpg);
	background-size: cover;
	margin-top: -5px;
	padding: 70px 20px;
	box-sizing: border-box;
}
@media (max-width:1920px) {
	.products{
		overflow-x: hidden;
	}
}
.products .ctn-img{
	margin-top: 30px;
}
.products .pic{
	width: 360px;
	height: 340px;
	background-color: #ffffff;
	box-sizing: border-box;
	border-top: 1px solid #d7000f;
	margin: 0 20px;
	text-align: center;
	padding: 10px 0;
}
.products .pic:hover{
	box-shadow: 0px 0px 10px 0px
	rgba(0, 0, 0, 0.28);
}
.products .pic:nth-child(3n){
	margin-right: 0px;
}
.products .pic img{
	width: 94%;
}
.products .proTitle{
	margin: 25px 0;
	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 40px;
	letter-spacing: 0px;
	color: #222222;
	height: 80px;
	padding: 0 10px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.products .proInfoBtn{
	width: 300px;
	height: 40px;
	background-color: #d7000f;
	border-radius: 10px;
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 40px;
	letter-spacing: 0px;
	color: #ffffff;
	text-align: center;
	margin: 0 auto;
}
.proBanner .hd {display: block;    position: relative;}
.proBanner .hd ul{
	display: flex;
	position: absolute;
	bottom: -415px;
	transform: translate(-50%);
	left: 50%;
}
.proBanner .hd ul li{  width:13px; height:13px; overflow:hidden; margin-right:12px; text-indent:-999px;border-radius: 10px; cursor:pointer; background:#ffffff}
.proBanner .hd ul li.on{ background:#d7000f; }


/* 关于我们 */
.us{
	position: relative;
	height: 667px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	flex-direction: column;
	margin-top: -16px;
	padding:50px 20px 20px;
	box-sizing: border-box;
	background-image:url('/img/index_aboutBG.jpg');
}
@media (max-width:1920px) {
	.us{
		overflow-x: hidden;
	}
}
.usCtn{
	display: flex;
	justify-content: space-between;
	font-size: 18px;
	margin-top: 40px;
}
.usCtn .about-left{
	width: 730px;
	height: 412px;
	margin-right: 10px;
}
.usCtn .about-left .left-dsc{
	margin-bottom: 25px;
	font-size: 16px;
	line-height: 2;
}
.usCtn .about-left .left-btn{
	height: 43px;
	width: 150px;
	background-color: #d7000f;
	border-radius: 10px;
	font-size: 18px;
	line-height: 43px;
	color: #ffffff;
	text-align: center;
}
.usCtn .about-right{
	width: 430px;
	height: 412px;
}
.usCtn .about-right .right-img{
	margin-top: 55px;
	height: 288px;
	width: 631px;
	background-image:url('/img/index_about_rightBG.png');
	background-repeat: no-repeat;
	background-size: 430px auto;
}

/* ��ҳ��������Ѷ */
.xinwen{
	position: relative;
	height: 700px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	flex-direction: column;
	margin-top: -16px;
	padding: 70px 20px;
	background-color: #f8f8f8;
	box-sizing: border-box;
}
.xinwen .xinwen-title{
	margin-left: 210px;
	margin-bottom: 70px;
	width: 140px;
	/*height: 61px;*/
}
.xinwen .xinwen-ctn{
	margin: 40px auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 1150px;
}
.xinwen .xinwen-ctn .ctn-item{
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
}
.xinwen .xinwen-ctn .ctn-item:last-child{
	margin-right: 0px;
}
.xinwen .xinwen-ctn .ctn-item .item-img{
	width: 360px;
	height: 200px;
}
.xinwen .xinwen-ctn .ctn-item .item-img img{
	width: 100%;
	height: 100%;
}
.xinwen .xinwen-ctn .ctn-item .item-text{
	width: 360px;
	height: 180px;
	padding: 24px 20px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	background-color: #FFFFFF;
}
.xinwen .xinwen-ctn .ctn-item:hover .item-text{
	background: linear-gradient(to top,#ffe0c9,#ffbdbd);
}
.xinwen .xinwen-ctn .ctn-item .item-text .text-title{
	width: 100%;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;    /* 根据业务需求设置第几行显示省略号 */
	overflow:hidden;
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 24px;
	letter-spacing: 0px;
	color: #222222;
}
.xinwen .xinwen-ctn .ctn-item .item-text .text-description{
	width: 100%;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;    /* 根据业务需求设置第几行显示省略号 */
	overflow:hidden;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 20px;
	letter-spacing: 0px;
	color: #999999;
}
.xinwen .xinwen-ctn .ctn-item .item-text .text-date{
	font-family: ArialMT;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0px;
	color: #d7000f;
	margin-top: 15px;
}
.xinwen  .moveBtn{
	height: 45px;
	width: 160px;
	background-color: #d7000f;
	border-radius: 10px;
	font-size: 18px;
	line-height: 45px;
	color: #ffffff;
	text-align: center;
}
/*底部标题*/
.classFooterTitle{
	font-size: 24px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 1px;
	color: #ffffff;
	margin-bottom: 45px;
}
/* 底部 */
.footer{
	width: 100%;
}
.footer .footer-msg{
	width: 100%;
	min-width: 1200px;
	height: 145px;
	background: url("/img/footer_messageBG.png") no-repeat;
	background-size:100% 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.footer .footer-msg .outer-msg{
	width: 1200px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	box-sizing: border-box;
	padding: 0 20px;
}
.footer .footer-msg .outer-msg .msg-left{
	display: flex;
	flex-direction: column;
	margin-right: 30px;
}
.footer .footer-msg .outer-msg .msg-left p{
	font-size: 30px;
	color: #fff;
	width: 240px;
}
.footer .footer-msg .outer-msg .msg-right{
	display: flex;
	align-items: center;
}
.footer .footer-msg .outer-msg .msg-right .right-input{
	width: 200px;
	height: 50px;
	line-height: 50px;
	padding: 0 15px;
	margin-right: 20px;
	background-color: #fff;
	font-size: 16px;
	box-sizing: border-box;
}
.footer .footer-msg .outer-msg .right-submit{
	width: 160px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background-color: #1B1B1B;
	color: #fff;
	font-size: 18px;
}
.footer .footer-bottom{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 500px;
	background-color: #313131;
	color: #FFFFFF;
	min-width: 1200px;
}
.footer .footer-bottom a {
	color: #fff;
}
.footer .footer-bottom .bottom-outer{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 0 20px;
	box-sizing: border-box;
}
.footer .footer-bottom .bottom-outer .bottom-left{
	display: flex;
	flex-direction: column;
	height: 376px;
	width: 530px;
	border-right: 1px solid #a9b8d9;
	margin-right: 35px;
}
.footer .footer-bottom .bottom-outer .bottom-left .infoCtn{
	margin-bottom: 24px;
}
.footer .footer-bottom .bottom-outer .bottom-left .infoItem{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.footer .footer-bottom .bottom-outer .bottom-left .infoItem .infoIcon{
	margin-right: 9px;
	height: 17px;
}
.footer .footer-bottom .bottom-outer .bottom-left .infoItem .infoText{
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 36px;
	letter-spacing: 0px;
}
.footer .footer-bottom .bottom-outer .bottom-left .linkItem{
	margin-right: 10px;
}
.footer .footer-bottom .bottom-outer .bottom-right{
	display: flex;
	flex-direction: column;
	width: 622px;
	height: 376px;
}
.footer .footer-bottom .bottom-outer .bottom-right .infoCtn{
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 32px;
	letter-spacing: 0px;
	color: #ffffff;
	display: flex;
	flex-direction: column;
	align-content: flex-start;
	flex-wrap: wrap;
	height: 315px;
}
.footer .footer-bottom .bottom-outer .bottom-right .infoCtn .infoItem{
	width: 255px;
	margin-right: 70px;
}
.footer .footer-bottom .bottom-outer .bottom-right .infoCtn .infoItem:hover{
	box-sizing: border-box;
	text-decoration:underline;
}
.footer .footer-bottom-end{
	width: 100%;
	min-width: 1200px;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 50px;
	background-color: #222222;
	font-family: MicrosoftYaHei;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 24px;
	letter-spacing: 0px;
	color: #ffffff;
}
.footer .footer-bottom-end .bottom-outer{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	width: 1200px;
}

/* �������� */
.about{
	width: 1920px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	padding: 80px 210px;
	box-sizing: border-box;
}
.about .about-left{
	display: flex;
	flex-direction: column;
	flex: 1;
}
.about .about-left .left-title{
	margin-bottom: 60px;
	width: 140px;
	/*height: 62px;*/
}
.about .about-left .left-text{
	font-size: 20px;
	line-height: 1.5;
}
.about .about-right{
	position: relative;
	width: 630px;
	margin-left: 65px;
}
.about .about-right .right-img{
	width: 630px;
	height: 380px;
	margin-left: 10px;
	margin-top: 80px;
}
.about .about-right .right-bkg{
	position: absolute;
	z-index: -1;
	top: 0;
	right: -20px;
	width: 560px;
	height: 400px;
	background: linear-gradient(to right,rgba(0, 0, 0, 0.3),rgba(0, 0, 0, 0.3));
}

/* Ͷ�ʻر� */
.form{
	width: 1500px;
	margin: 80px auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 50px;
	box-sizing: border-box;
	background-color: rgba(0, 0, 0, 0.05);
}
.form .form-item{
	width: 100%;
	display: flex;
	align-items: center;
	margin-bottom: 2px;
}
.form .form-item:last-child{
	margin-bottom: 0;
}
.form .form-item .item-header,.form .form-item .item-body{
	background-color: #ffffff;
	width: 16.67%;
	height: 120px;
	line-height: 120px;
	text-align: center;
	margin-right: 2px;
}
.form .form-item .item-header:last-child,.form .form-item .item-body:last-child{
	margin-right: 0;
}
.form .form-item .item-header{
	background: linear-gradient(60deg,#c29a4f,#fbe1a1);
	font-size: 24px;
}
.form .form-item .item-body{
	font-family: Arial, Helvetica, sans-serif;
	background-color: #ffffff;
	font-size: 20px;
}
.remark{
	text-align: center;
	display: block;
	margin-top: -60px;
	margin-bottom: 50px;
	font-size: 20px;
	color: rgba(0, 0, 0, 0.7);
}