body,
html,
p,
div,
li,
ul {
	margin: 0;
	padding: 0;
}

ul,
li,
div,
p,
a {
	box-sizing: border-box;
}
.cur{font-weight: 600;}

.overflow {
	position: relative;
	overflow: hidden;
}

li {
	list-style: none;
}

.flex {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}

a {
	text-decoration: none;
	cursor: pointer;
	color:#333;
}
.fr{ float:right}
.fl{ float:left}
.c{ clear:both;}

.flexWrap {
	flex-wrap: wrap;
}

.flexBottom {
	align-items: flex-end;
}

.alignStart {
	align-items: flex-start;
}

.flexSpace {
	justify-content: space-between;
}

.flexCenter {
	justify-content: center;
}


.colorWhite {
	color: #fff;
}

.colorWhite a{
	color: #fff;
}

.colorRed {
	color: #d71618;
}

.colorGray {
	color: #808080;
}
.colorlgray{
	color:#7b7b7b
}
.colorlight {
	color: #aaaaaa;
}

.baseColor {
	background: #d71618;
}

.baseWhite {
	background: #fff;
}

.baseGray {
	background: #383838;
}

body,
html {
	font-size: 12px;
}

.baseFont {
	font-size: 10px !important;
}

.center {
	padding: 0px 10px;
}

.ellipsis {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.fontFour {
	font-size: 14px !important;
}
.fontSix{
	font-size: 16px !important;
}
.fontweight{
	font-weight:bold;
}
/* 头部 */
.headerContent {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
}

.headerLogo {
	width: 120px;
}

.headerCenter {
	padding: 10px 15px;
}

.header_btn {
	width: 30px;
	height: 30px;
	padding: 5px;
	transition: .3s linear;
}

.header_btn.cur span:nth-child(2) {
	display: none;
}

.header_btn.cur span:nth-child(1) {
	transform: rotate(45deg) translate(4px, 5px);
}

.header_btn.cur span:nth-child(3) {
	transform: rotate(-45deg) translate(0px, 0px);
}

.header_btn span {
	width: 100%;
	height: 4px;
	background: #fff;
	display: block;
	margin: 2px 0;
	transition: .3s linear;
}

  .logor{ margin:20px 0 0 0; float:left; width:auto; padding-left:2%}
  .logort{ font-size:16px; color:#e71d23;width:100%; float:left; }
  .logodec{width:100%; float:left; font-size:14px; line-height:27px; margin:5px 10px 0 0;color:#666;}
  .logodec a{color:#666;}


.isTel {
	display: none;
}

.headerTel {
	width: 50%;
	height: 100vh;
	padding: 0px 15px;
	padding-top:70px;
	position: fixed;
	top: 0;
	right: -100%;
	z-index: 9;
	transition: .3s linear;
}

.headerTel.cur {
	right: 0;
}

.headerTel a {
	width: 100%;
	color: #fff;
	line-height: 40px;
	text-align: center;
	display: block;
}

/* 底部 */
.layui-laypage .layui-laypage-curr .layui-laypage-em {
  
   	background-color: #d71618 !important;
}

/* 右侧悬浮 */
.rightFly {
 display: none;
}
.pages{
	position:relative !important;
	overflow:hidden !important;
	
}

.pages span {
  display:inline-block !important;
}


.container{ width:1200px; margin:0 auto;}
.m{ width:1200px; margin:0 auto;}

@media(min-width:1024px) {
	.center {
		width: 1024px;
		margin: auto;
	}
	.isTel {
		display: block;
	}

	.header_btn {
		display: none;
	}
	.headMenu a{
		transition: .3s linear;
	}
.headMenu a.cur,.headMenu a:hover {
	border:rgb(215, 22, 24) 1px solid;
   color: rgb(215, 22, 24);
 background: rgb(255, 255, 255);
}
	.headerCenter {
		width: 1024px;
		margin: auto;
		padding: 0px ;
	}

	.headerLogo {
		width: 150px;
	}

	.hr_img {
		width: 180px;
	}

	.headMenu a {
		width: 14%;
		text-align: center;
		position: relative;
		line-height: 30px;
	}

	.headMenu a:last-child:after {
		width: 0;
	}

	.headMenu a:after {
		content: '';
		position: absolute;
		width: 1px;
		height: 80%;
		background: #fff;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
	}

	.headerTop {
		padding: 10px 0 5px 0;
	}


}

@media(min-width:1200px) {
body,
	html {
		font-size: 14px;
	}
	.center {
	    width: 1200px;
	
	}
.fontFour {
	font-size: 16px !important;
}
.headMenu a {
   line-height: 40px;
    font-size: 16px;
}
.headMenu a:after {
 height: 50%;
   
}
.baseFont {
	font-size: 12px !important;
}

  .headerCenter{
	  transition:.5s linear;
  }
  .headerContent.cur .headerCenter{
	  width:85%;
  }
  /* 右侧悬浮start */
 .rightFly {
  position:fixed;
  right:0;
  top:50%;
  transform: translateY(-50%);
   z-index:100;
   display:block;
 }
 .rightImg {
  position:relative;
}
.rightText {
    position: absolute;
    top: -8px;
    right: -200%;
    z-index: 1;
 transition: .3s linear;
 opacity:0;
}
.rightImg:hover .rightText{
  right: 80px;
   opacity:1;
}

.right_pic {
    width: 200px !important;
}
.rightImg img{
 width:70px;
 display:block;
 margin:8px 0;
 position:relative;
 z-index:2;
}
.rightwx {
    width: 150px;
    /* height: 150px; */
    background: #e9eaea;
    padding: 5px 10px;
 
}
.rightwx img{
 width:100% !important;
}
.rightwx:after {
    content: '';
    position: absolute;
    top: 30%;
    transform: translateY(-30%) rotate(
45deg);
    right: 0;
    width: 50px;
    height: 50px;
    background: #e9eaea;
}
 /* 右侧悬浮end */
}

@media(min-width:1500px) {
	.center {
	    width: 1500px;
	}
	.headerLogo {
	    width: 240px;
	}
	.hr_img {
	    width: 250px;
	}
	.headerTop {
	    padding: 20px 0 10px 0;
	}
	.headerCenter {
	    width: 1120px;
	 
	}

	.fontFour {
	    font-size: 20px !important;
	}
}




@media screen and  (max-width:880px){
	.container{ width:100%;}
.m{ width:100%;}
.headerTel{ display:block;}

.logodec,.logort{ display:none;}
	}


.footer{ background:#222222; padding:60px 0 40px 0; color:#666; font-size:14px; width:100%; height:auto; float:left;}
.footer .f_logo{ width:15%; text-align:center; line-height:28px; margin-right:25px;  margin-top:20px;}
.footer .f_logo img{ width:100%; padding:0 0 5px;}
.footer .f_logo h3{ color:#fff; font-size:20px; font-weight:normal}
.footer .f_logo h4{ font-size:12px; text-transform:uppercase; font-weight:normal}
.footer .f_nav{ width:35%; border-left:1px solid #2D2D2D; border-right:1px solid #2D2D2D; padding:0 20px 0 20px;}
.footer .f_nav h3{ color:#fff; font-size:18px; font-weight:normal; margin-bottom:15px;}
.footer .f_nav a{ display:block; float:left; width:120px; height:35px; line-height:35px; color:#666;}
.footer .f_nav a:hover{ text-decoration:underline;}
.footer .f_lx { width:25%; line-height:35px; padding:0 30px;}
.footer .f_lx h3{ color:#fff; font-size:18px; font-weight:normal; margin-bottom:15px;}
.footer .f_lx h4{ font-size:16px; color:#ccc; font-weight:normal;}
.footer .f_ewm{ width:20%; line-height:28px; border-right:1px solid #2D2D2D; text-align:center;}
.footer .f_ewm p{ text-align:center; width:100%;}
.footer .f_ewm img{ width:120px; padding:20px 0 5px;  }
.bottom{ background:#1B1B1B; height:50px; line-height:50px; color:#666; text-align:center; font-size:14px; text-transform:uppercase;width:100%; float:left;}
.bottom a{ color:#666;}
.bottom p{width:90%; margin:0 auto;}

@media screen and  (max-width:880px){ 
.footer{ padding-top:20px;}
.footer .f_logo{width:100%; margin-top:0;}
.footer .f_logo img{width:60%;}
.footer .f_nav{width:96%; border-left:none;  border-right:none; padding:0 2%; float:left;}
.footer .f_nav a{width:auto; margin:0 2px;}
.footer .f_ewm { width:100%; float:left; border-top:1px solid #2D2D2D; border-bottom:1px solid #2D2D2D; padding:2% 0; }
.footer .f_ewm img{ padding:0 0 5px;}
.footer .f_lx{ width:100%; float:left; border:none; padding-top:5%; padding-left:30px; padding-right:0;}
.bottom{width:100%; float:left; height:100%; padding:2% 0; line-height:28px;}


}