.inaboutuscon{
	position: relative;
	padding-bottom: 50px;
}
.inaboutuscon>img{
	width: 38.4%;
	float: right;
}
.inaboutuscon p{
	width: 54%;
	float: left;
	font-size: 15px;
	color: #333;
	margin-top: 30px;
}
.inaboutusconpic{
	position: absolute;
	padding:16px;
	padding-left: 0px;
	width: 90.25%;
	background:#FFF;
	box-sizing: border-box;
	bottom: 0;
	left: 0;
}
.inpromain{
	background: url(../images/inprobg.jpg) no-repeat;
	background-size: cover;
}
.inproleft{
	width: 20.8%;
	float: left;
}
.inproleft h3{
	line-height: 50px;
	background: #BD1D21;
	font-size: 18px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
}
.inproleftcon{
	background: #FFFFFF;
	border: 1px solid #E6E6E6;
	padding: 5px 11px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}
.inproleft ul li{
	border-bottom:1px solid #F6F6F6;
	padding: 15px 12px;
}
.inproleftpic{
	width: 31%;
	box-sizing: border-box;
	border: 1px solid #F2F2F2;
	border-radius: 6px;
	float: left;
}
.inprolefttxt{
	float: left;
	width: 69%;
	padding-left: 20px;
	box-sizing: border-box;
	height: 50px;
	display: flex;
	align-items: center;
}
.inprolefttxt h4{
	font-size: 16px;
}
.inproleft ul li:hover h4{
	color: #BD1D21;
	font-weight: bold;
}
.inproleftcon>a{
	color: #BD1D21;
	font-size: 16px;
	text-align: center;
	display: block;
	padding: 15px 0;
}
.inproleftcon>a:hover{
	font-weight: bold;
}
.inproright{
	width: 77.6%;
	float: right;
}
.inproright li{
	width: 30%;
	margin-left: 3.3%;
	float: left;
	background: #FFF;
	overflow:hidden;
	border: 1px solid #FFFFFF;
	box-sizing: border-box;
	margin-bottom: 30px;
}
.inpropic{
	position: relative;
	overflow: visible;
	margin-bottom: 20px;
}
.inpropictit{
	position: absolute;
	height: 40px;
	background:#BD1D21;
	left: 20px;
	right: 20px;
	bottom: -20px;
	z-index: 2;
	color: #fff;
	font-size: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	
}
.inpropictit h4{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.inprotxt{
	padding: 15px 25px;
}
.inprotxt p{
	line-height: 24px;
	max-height: 48px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.inproright li:hover .inpropictit{
	height: auto;
	top: 0;
	bottom: 0;
	left: 0;
	background: rgba(189, 29, 33, .7);
	right: 0;
}
.inproright li:hover .inpropictit h4{
	font-weight: bold;
}
.inproright li:hover p{
	margin-top: -8px;
}
.inproright li:hover .inprotxt{
	padding-bottom:23px;
}
.insolucon{
	background:url(../images/insolubg.jpg) no-repeat;
	background-size: cover;
	box-sizing: border-box;
	padding:60px;
}
.insolucon li{
	padding: 30px 20px;
	background:#FFF;
	box-sizing: border-box;
}
.insolucon li h4{
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	margin:20px 0;
}
.insolucon li p{
	font-size: 15px;
	color: #4D4D4D;
	line-height: 28px;
	height: 84px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.insolucon li:hover .insoluconpic {
	opacity: 0.3;
}
.insolucon li:hover h4{
	color: #BD1D21;
}
.insolucon .swiper-pagination{
	position: static;
	margin-top: 35px;
}
.insolucon .swiper-pagination-bullet{
	width: 14px;
	height: 14px;
	opacity: 0.6;
	background: #FFF;
	margin:0 5px;
}
.insolucon .swiper-pagination-bullet-active{
	width: 41px;
	height: 14px;
	background: #FFFFFF;
	border-radius: 7px;
	opacity: 1;
}
.insolucon{
	position: relative;
}
.insoluconbtn{
	background: url(../images/insoluconbtn.png) no-repeat;
	width: 146px;
	height: 47px;
	position: absolute;
	right: 20px;
	bottom: 30px;
	padding: 0 10px;
	box-sizing: border-box;
}
.insolucon .swiper-button-next,.insolucon .swiper-button-prev{
	position: static;
	float: left;
	margin: 0;
	width: 50%;
	outline: none;
}
.insolucon .swiper-button-next{
	background: url(../images/right.png) no-repeat center center;
}

.insolucon .swiper-button-prev{
	background: url(../images/left.png) no-repeat center center;

}
.insolucon .swiper-button-next:hover,.insolucon .swiper-button-prev:hover{
	opacity: 0.8;
}
.incasemain{
	background: url(../images/incasebg.jpg) no-repeat;
	background-size: cover;
}
.incasecon{
	background: #FFF;
	box-sizing: border-box;
	padding: 40px;
}
.incaseleft{
	width: 43.4%;
}
.incaseleft h4{
	font-size: 18px;
	font-weight: bold;
	margin-top: 30px;
	margin-bottom: 25px;
}
.incaseleft p{
	font-size: 15px;
}
.incaseleft:hover h4{
	color: #BD1D21;
}
.incaseright{
	width:50.6%;
	box-sizing: border-box;
	padding-right: 20px;
}
.incaseright li{
	margin-bottom: 34px;
}
.incaseright li h4{
	font-size: 16px;
	padding-left: 20px;
	font-weight: bold;
	margin-bottom: 15px;
	position: relative;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.incaseright li h4:before{
	position: absolute;
	content:'';
	width: 10px;
	height: 10px;
	border: 2px solid #BD1D21;
	border-radius: 50%;
	box-sizing: border-box;
	left: 0px;
	top:50%;
	margin-top: -5px;
}
.incaseright li p{
	font-size: 15px;
	line-height: 26px;
	padding-left: 20px;
	height: 52px;
	color: #4D4D4D;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.incaseright li:hover h4{
	color:#BD1D21;
}
.innewstop{
	border-bottom: 1px dashed #CCCCCC;
	padding-bottom: 50px;
}
.innewstop li{
	width: 48%;
}
.innewstoppic{
	width: 34.4%;
	border-radius: 4px;
}
.innewstoptxt{
	width: 60.5%;
}
.innewstoptxt h4{
	font-size: 18px;
	font-weight: bold;
}
.innewstoptxt span{
	color: #666666;
	font-size: 14px;
	display: block;
	margin-top: 10px;
	margin-bottom: 20px;
}
.innewstoptxt p{
	height:56px;
	line-height: 28px;
	color: #333;
	font-size: 15px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.innewstop li:hover h4{
	color: #BD1D21;
}
.innewslist li{
	width: 47.6%;
	border-bottom: 1px dashed #E6E6E6;
	padding: 30px 0;
}
.innewslist li h4{
	padding-left: 17px;
	position: relative;
	float: left;
	color: #333;
	max-width: 80%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	line-height: 24px;
}
.innewslist li a{
	overflow: hidden;
}
.innewslist li h4:before{
	width: 8px;
	height: 8px;
	border: 1px solid #BD1D21;
	border-radius: 50%;
	box-sizing: border-box;
	content:'';
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
.innewslist li span{
	line-height: 24px;
	float: right;
	font-size: 16px;
	display: block;
	color: #808080;
}
.innewslist li:hover h4{
	font-weight: bold;
	color: #BD1D21;
}
.innewslist li:hover span{
	color: #BD1D21;

}
.links{
	background: #F5F5F5;
	padding: 45px 0;
}
.links h3{
	font-size: 24px;
	color: #1A1A1A;
	font-weight: bold;
}
.links ul{
	margin-top: 20px;
}
.links ul li{
	line-height: 30px;
	background: #FFF;
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
	padding: 0 13px;
}
.links ul li a{
	color: #333;
	font-size: 16px;
}
.links ul li:hover{
	background: #BD1D21;
}
.links ul li:hover a{
	color: #FFF;
}
/*product*/
.promain{
	padding-top: 20px;
}
.promain li{
	width: 28.5%;
	float: left;
	box-sizing: border-box;
	background-color: #fff;
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
	margin-left: 2%;
	margin-right: 4.25%;
	position: relative;
	padding: 15px 0;
	margin-bottom: 70px;
}
.promain li:nth-child(3n){
	margin-right: 0;
}
.promain li:before{
	position: absolute;
	content: "";
	left: 0;
	z-index: -1;
	bottom: 37px;
	width: 70%;
	top: -20px;
	left: -24px;
	background: #BD1D21;
}
.propic{
	width: 60%;
	float: left;
}
.protxt{
	width: 40%;
	float: right;
	text-align: right;
}
.protxt h4{
	font-size: 22px;
	font-weight: bold;
	text-align: left;
	margin-top: 30px;
}
.protxt span{
	background: url(../images/promore.png) no-repeat;
	width: 34px;
	height: 16px;
	margin-right: 35px;
	display: inline-block;
	margin-top: 45px;
}
.promain li:hover:before{
	opacity: 0.18;
}
.promain li:hover h4{
	color: #BD1D21;
}
.probox{
	padding-bottom: 0;
}
.line{
	background: #F7F7F7;
	height: 6px;
}
.hotpro .inproright{
	width: 100%;
	float: none;

}
.hotpro .inproright li{
	width: 23.4%;
	margin-right: 2.13%;
	margin-left: 0;
}
.hotpro .inproright li:nth-child(4n){
	margin-right: 0;
}
/*prolist*/
.prolistbox p{
	font-size: 15px;
	color: #4D4D4D;
	margin-bottom: 25px;
}
.prolistmain {
	margin-top: 60px;
}
.prolistmain .inproright{
	float: left;
}
.prolistmain .inproleft{
	float: right;
}
.detailtxt .inproright{
	width: 100%;
	float: none;
}

.prolistmain .inproright li,.detailtxt .inproright li{
	margin-left: 0;
	margin-right: 3.3%;
	box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.1);
	margin-bottom: 40px;
}
.prolistmain .inproright li p,.detailtxt .inproright li p{
	margin-bottom: 0;
}
/*prodetail*/
.proxqtop{
	margin-top: 40px;
	padding-bottom:30px;
	position: relative;
}
.proxqtoppic{
	width: 58.8%;
	border-radius: 40px 0px 0px 0px;
	overflow: hidden;
}
.proxqtoptxt{
	width: 57%;
	background: #FFFFFF;
	box-shadow: 0px 3px 18px 0px rgba(3, 10, 20, 0.26);
	border-radius: 0px 0px 40px 0px;
	position: absolute;
	right: 0;
	bottom: 0;
	top: 30px;
	padding: 40px 45px;
	box-sizing: border-box;
	overflow: hidden;
}
.proxqtoptxt h1{
	font-size: 24px;
	font-weight: bold;
	background: url(../images/detailtitbg.png) no-repeat left top;
	padding-top: 10px;
	margin-bottom: 30px; 
}
.proxqtoptxt p{
	font-size: 15px;
	color: #4D4D4D;
	margin-bottom: 20px;
}
.proxqtoptxt p strong{
	color: #1A1A1A;
}
.prochat{
	height: 67px;
	background: #BD1D21;
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
}
.prochatphone{
	width: 42.5%;
	float: left;
	box-sizing: border-box;
}
.prochatphone span{
	color: #FFF;
	font-size: 14px;
	margin-top: -12px;
	display: block;
	background: #BD1D21;
	width: 70%;
	padding-left: 34px;
	padding-top: 10px;
	position: relative;
}
.prochatphone span:after{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 12px 0 0 10px;
	border-color: transparent transparent transparent #BD1D21;
	content:'';
	display: block;
	position: absolute;
	right: -10px;
	top: 0;

}
.prochatphone a{
	font-size: 32px;
	padding-left: 34px;
	margin-top: 7px;
	font-weight: bold;
	color:#FFF;
	display: block;
}
.prochatright{
	float: left;
	width: 57.5%;
	box-sizing: border-box;
}
.prochatright ul{
	position: relative;
	height: 67px;
	width: 71.5%;
	float: left;
}
.prochatright ul:before{
	width: 1px;
	position: absolute;
	content: '';
	display: block;
	top: 10px;
	bottom: 10px;
	background: #f8f8f8;
}
.prochatright ul li{
	float: left;
	width:45%;
}
.prochatright ul li img{
	width: 40px;
	margin:0 auto;
}
.prochatright ul li span{
	font-size: 16px;
	color: #FFF;
	display: block;
	text-align: center;
}
.prochatcode{
	position: absolute;
	bottom: 9px;
	right: 36px;
	width: 11.2%;
}
.prochatcode p{
	font-size: 12px;
	margin-bottom: 0;
	text-align: center;
	line-height: 18px;
}
.pronavtab{
	margin-top:50px;
	margin-bottom:20px;
}
.pronavtab li{
	height: 46px;
	border:1px solid #FFF;
	background: #EBECED;
	box-sizing: border-box;
	width: 20%;
	float: left;
	line-height: 46px;
	text-align: center;
}
.pronavtab li a{
	text-align: center;
	font-size: 16px;
	display: block;
	line-height: 44px;
	color: #1A1A1A;
}
.pronavtab li:hover a,.pronavtab li.pronavtabact a{
	background: #BD1D21;
	color: #FFF;
}
.pronavtabfixed{
	top: 0;
	position: fixed;
	margin-top: 0;
	background: #FFF;z-index: 4;
	left: 50%;
	transform: translateX(-50%);
}
.detailtxt{
	width: 71.6%;
	float: left;
}
.detailtxt img{
	max-width: 100%;
	display:block;
	width: auto;
	margin:40px auto;
}
.detailright{
	width: 20.8%;
	float: right;
}
.detailtxt h2{
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 30px;
	padding-top: 10px;
	background: url(../images/detailtitbg.png) no-repeat left top;
	margin-top: 30px;
}
.detailtxt>h3{
	color: #BD1D21;
	font-weight: bold;
	margin-top: 30px;
	margin-bottom: 30px;
	padding-left: 20px;
	font-size: 20px;
	position: relative;
}
.detailtxt>h4{
	color: #BD1D21;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-left: 20px;
	font-size: 16px;
	position: relative;
}
.detailtxt>h4:before,.detailtxt>h3:before{
	content:'';
	width: 11px;
	height: 11px;
	border:2px solid #BD1D21;
	box-sizing: border-box;
	border-radius: 50%;
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -5.5px;
}
.fourpic img{
	width: 48%;
	margin-right: 3%;
	box-sizing: border-box;
	margin-bottom: 30px;
	display: inline-block;
}
.fourpic img:nth-child(2n){
	margin-right: 0;
}
.detailtxt p.tips{
	background: #F8F8F8;
	font-size: 15px;
	padding: 10px 0;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 50px;
}
.tablebox{
	margin-top: 40px;
	margin-bottom: 60px;
}
.table {
    width: 100%;
    margin: 15px auto;
    border-collapse: collapse;
    line-height:1.5em;
    border: 1px solid #ddd;

}
.table th {
    text-align: center;
    padding: 5px;
    border: 1px solid #ddd;
    font-weight: normal;
    font-size: 14px;
}
.table td {
    text-align: center;
    padding: 3px;
    border: 1px solid #ddd;
    font-size: 14px;
}
.table tr{
}
.table tr:nth-child(2n){
	background: #FFF;
}
.detailtxt .inproright li{
	width: 31.1%;
}
.detailtxt .inproright li img{
	width: 100%;
	margin: 0;
}
.detailtxt .inproright li:nth-child(3n){
	margin-right: 0;
}
.detailright .inproleft{
	width: 100%;
	float: none;
	margin-top: 40px;
}
.detailright .inproleft li:last-child,.cpzsright ul li:last-child{
	border-bottom: 0 none;
}
.cpzsright h3{
	height: 50px;
	text-align: center;
	line-height: 50px;
	background: #BD1D21;
	color: #FFF;
	font-weight: bold;
	margin-top: 40px;
}
.cpzsright ul {
	border: 1px solid #E6E6E6;
	padding: 15px 10px;
	border-radius:0 0 6px 6px;
}
.cpzsright ul li{
	border-bottom: 1px solid #F6F6F6;
	line-height: 57px;
	padding: 0 10px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.cpzsright ul li:hover a{
	color: #BD1D21;
	font-weight: bold;
}
/*liuyan*/
.liuyan {
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
	padding: 30px 20px;
	border-radius: 6px;
	margin-top: 50px;
	margin-bottom: 50px;
}

.liuyan input,.liuyan select {
	box-sizing: border-box;
	width: 100%;
	height: 30px;
	margin-bottom: 10px;
	font-size: 15px;
	line-height: 30px;
	color: #4D4D4D;
	padding-left: 10px;
	border:1px solid #ccc; 
	border-radius: 4px;
}
.liuyan input::placeholder{
	color: #4D4D4D;

}

.liuyan option {
	width: 100%;
	height: 30px;
}

.liuyan textarea {
	width: 100%;
	border:1px solid #ccc; 
	border-radius: 4px;
	padding-left: 10px;
	font-size: 15px;
	line-height: 24px;
	box-sizing: border-box;
	color: #4D4D4D;
}

.liuyan h3 {
	font-size: 24px;
	color: #BD1D21;
	margin-bottom: 30px;
	font-weight: bold;
	text-align: center;
}
.liuyan>p{
	display: none;
}
.liuyan label {
	float: left;
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 24px;
	font-weight: bold;
	margin-left: -10px;
	margin-top: -7px;
}
.liuyan label span {
	color: #dd1f2b;
	
}
.liuyan label font{
	display: none;
}
.liuyan p {
	font-size: 14px;
	color: #808080;
	line-height: 24px;
	text-align: center;
	margin-bottom: 10px;
}
.liuyandetail{
	height: 30px;
}
.liuyandetail p{
	display: none;
}
.liuyan .side_close {
	float: right;
	margin-bottom: 10px;
}

.liuyan input[type="submit"] {
	width: 100%;
	color: #fff;
	background-color: #BD1D21;
	border-radius: 4px;
	border:0 none;
	text-align: center;
	cursor: pointer;
	padding: 0;
	line-height: 40px;
	height: 40px;
	font-size: 16px;
	margin-top: 30px;
	display: block;
}
.liuyan input[type="submit"]:hover{
	background: rgba(189, 29, 33, .85);
	font-weight: bold;
}
.liuyan input[type="reset"] {
	width: 100%;
	color: #fff;
	background-color: #C2C2C2;
	border-radius: 4px;
	border:0 none;
	text-align: center;
	cursor: pointer;
	padding: 0;
	line-height: 40px;
	height: 40px;
	font-size: 16px;
	margin-top: 13px;
	display: block;
}
.liuyan input[type="reset"]:hover{
	font-weight: bold;
	background: rgba(194, 194, 194, .85);
}

.liuyan li{
	width: 100%;
}
.liuyan li p{
	font-size: 15px;
	color: #1A1A1A;
	margin-top: 25px;
	margin-bottom: 10px;
}
.rightliuyan {
	display: block;
	width: 100%;
	box-sizing: border-box;
	background-color: #f8f8f8;
}
.contactliuyan{
	margin-top: 60px;
	border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgb(0 0 0 / 50%);
    box-shadow: 0 3px 9px rgb(0 0 0 / 50%);
}
.contactliuyan .liuyan{
	margin-top: 0;
	background: #FFF;
	margin-bottom: 0;
	box-shadow: none;
}
.contactliuyan .liuyan>p{
	display: block;
	color: #666;
    margin-top: 30px;
    margin-bottom: 0;
    margin-right: 0;
    font-size: 15px;	
}
.contactliuyan .liuyan label{
	float: none;
	margin: 0;
	margin-top: 10px;
	display: block;
}
.contactliuyan .liuyan label font{
	display: inline-block;
}
.contactliuyan .liuyan ul{
	overflow:hidden;
}
.contactliuyan .liuyan ul li{
	width: 49%;
}

.contactliuyan  .liuyandetail p{
	display: block;
	color: #666;
    margin-bottom: 0;
    margin-right: 0;
    font-size: 15px;
    text-align: left;
}
.contactliuyan .liuyan ul li.liuyandetail{
	float: none;
	width: 100%;
	height: auto;
}
.contactliuyan .liuyan ul li.liuyantextarea{
	width: 100%;
}
.contactliuyan .liuyan ul li.liuyantextarea p{
	text-align: left;
	color: #666;
	font-size: 15px;
}
.contactliuyan .liuyan input[type="submit"],.contactliuyan .liuyan input[type="reset"]{
	width: auto;
	padding: 0 15px;
	margin-right: 15px;
	display: inline-block;
}
/*liuyan end*/
/*news*/
.newstopleft{
	width: 45%;
	box-sizing: border-box;
	padding-left: 10px;
	padding-top: 10px;
	position: relative;

}
.newstopleft:before{
	content:'';
	display: block;
	position: absolute;
	background: #BD1D21;
	top: 0;
	bottom: 10px;
	left: 0;
	right: 10px;
	border-radius: 8px 0px 0px 0px;
}
.newstopright{
	width: 50.3%;
}
.newstopleft li{
	position: relative;
}
.newstopleft li .newstoptxt{
	height: 56px;
	position: absolute;
	bottom: 0;
	background: rgba(0, 0, 0, .6);
	width: 100%;
}
.newstopleft li .newstoptxt h4{
	padding-left: 35px;
	font-size: 18px;
	line-height: 56px;
	width: 70%;
	text-overflow: ellipsis;
	overflow:hidden;
	white-space: nowrap;
	color: #FFF;
}
.newstopleft .swiper-button-prev,.newstopleft .swiper-button-next{
	width: 30px;
	height: 52px;
	background-color: rgba(0, 0, 0, 0.4);
	background-size: 18px;
	margin-top: -50px;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	-webkit-user-select: none;
	-moz-user-focus: none;
	-moz-user-select: none;
}
.newstopleft .swiper-button-prev:hover,.newstopleft .swiper-button-next:hover{
	background-color: rgba(0, 0, 0, 0.6);

}
.newstopleft .swiper-pagination{
	left: auto;
	bottom: 18px;
	width: 30%;
	right: 0;
}
.newstopleft .swiper-pagination-bullet{
	width: 10px;
	height: 10px;
	opacity: 1;
	background: #FFF;
}
.newstopleft .swiper-pagination-bullet-active{
	width: 30px;
	border-radius: 10px;
}
.newsrightone{
	border-bottom: 1px dashed #E6E6E6;
	padding-bottom: 20px;
}
.newsrightone h4{
	font-size: 24px;
	font-weight: bold;
	background: url(../images/detailtitbg.png) no-repeat left top;
	padding-top: 10px;
}
.newsrightone span{
	font-size: 12px;
	color: #808080;
	display: block;
	margin-top: 10px;
	margin-bottom: 15px;
}
.newsrightone p{
	font-size: 15px;
	color: #333;
	line-height: 26px;
	max-height: 52px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.newsrightul{
	padding-top: 15px;
}
.newsrightul li{
	overflow:hidden;
	padding: 12px 0;
}
.newsrightul li h4{
	font-size: 15px;
	float: left;
	position: relative;
	padding-left: 18px;
	max-width: 80%;
	overflow:hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.newsrightul li h4:before{
	content: '';
	display: block;
	width: 10px;
	height: 10px;
	border: 2px solid #BD1D21;
	border-radius: 50%;
	box-sizing: border-box;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -5px;
}
.newsrightul li span{
	font-size: 15px;
	color: #4D4D4D;
	display: block;
	float: right;

}
.newsrightul li:hover h4{
	font-weight: bold;
}
.newsrightul li:hover h4,.newsrightul li:hover span{
	color: #BD1D21;
}
.newslist li{
	width: 45.8%;
	border-bottom: 1px solid #F2F2F2;
	overflow:hidden;
	padding: 30px 0;
}
.newslistdate{
	float: left;
	box-sizing: border-box;
	width: 13.6%;
	margin-top: 10px;
}
.newslistdate span{
	font-size: 42px;
	color: #BD1D21;
	text-align: center;
	display: block;
}
.newslistdate i{
	font-style: normal;
	color: #BD1D21;
	font-size: 12px;
	text-align: center;
	display: block;
}
.newslistcon{
	float: left;
	width: 86.4%;
	border-left: 1px solid #E6E6E6;
	box-sizing: border-box;
	padding-left: 18px;
	padding-right:  18px;
}
.newslistcon h4{
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 15px;
	text-overflow: ellipsis;
	overflow:hidden;
	white-space: nowrap;
}
.newslistcon p{
	font-size: 15px;
	color: #4D4D4D;
	line-height: 24px;
	max-height: 48px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.newslist li:hover h4{
	color: #BD1D21;
}
.newslist{
	padding: 20px 0 60px;
}

.divisionbox{
	background: #FFF;
	padding: 60px 0;
}
.division{
	border:2px solid #D31F2B;
}
.division_hour{
	background-color: #FFF;
	padding: 0 12px;
	margin-left: 20px;
	position: absolute;
	top: -32px;
}
.division_hour span{
	display: block;
	background: url(../images/division_phone.png) no-repeat left top;
	color: #FFF;
	font-size: 15px;
	width: 187px;
	height: 44px;
	padding-left:42px;
	padding-top:20px;
	box-sizing: border-box;
}
.division_phone{
	position: relative;
	width: 25%;
}
.division_phone a{
	font-size: 36px;
	color: #D31F2B;
	font-weight: bold;
	margin-left: 48px;
	margin-top: 30px;
	display: block;
	left: 0px;
}
.division_phone{
	position: relative;	
}
.division_hand{
	position: absolute;
	right: 40px;
}
.division_hand span{
	width: 16px;
	height: 16px;
	background: rgba(211, 31, 43, .1);
	border-radius: 50%;
	display: block;
	box-sizing: border-box;
	padding: 3px;
	box-sizing: border-box;
	transform: scale(1);
    animation: blow 2s infinite ease-in-out;
}
.division_hand i{
	box-sizing: border-box;
	width: 100%;
	display: block;
	height: 100%;
	background: rgba(211, 31, 43, .16);
	border-radius: 50%;
	 transform: scale(1);
    animation: blow 2s infinite ease-in-out;
}
@keyframes blow {
     0%, 5%, 10.5%, 90.5%, 100% {
        transform: scale(1);
        opacity: 1;
    }
    5.5%, 10% {
        transform: scale(0.8);
    }
    70%, 90% {
        transform: scale(1.3);
        opacity: 0;
    }
}
.division_hand img{
	position: absolute;
	top: 9px;
	left: 2px;
}
.division_btn{
	width: 58%;
	padding-top: 35px;
	padding-bottom: 30px;
}
.division_btn p{
	color: #333;
	font-size: 15px;
	text-align: center;
}
.division_btncon{
	display: flex;
	justify-content: center;
	margin-top: 24px;
}
.division_btncon a{
	width: 26%;
	margin-right: 4%;
	height: 42px;
	background: #D31F2B;
	border-radius: 21px;
	font-size: 16px;
	color: #FFF;
	text-align: center;
	line-height: 42px;
	display: block;
}
.division_btncon img{
	vertical-align: middle;
	width: auto;
	display: inline-block;
	margin-right: 12px;
}
.division_btncon span{
	display: inline-block;
}
.division_code{
	background: #FFF;
	padding: 0 12px;
	margin-top: -24px;
	margin-right: 4%;
	width: 11%;
}
.division_code img{
	box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.13);
}
.division_code p{
	color: #333333;
	font-size: 15px;
	text-align: center;	
	margin-top: 12px;	
}
.pc_newscontent_top{
	margin-top: 70px;
}
.pc_newscontent_top h1{
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
}
.pc_newscontent_top p{
	font-size: 14px;
	color:#808080;
	text-align: center;
}
.cpzsdetail h4{
	padding-left: 0;
}
.cpzsdetail h4:before{
	display: none;
}
.cpzsdetail p{
	margin-bottom: 20px;
}
.nextnews{
	border-top:2px solid #F8F8F8;
	padding-top: 25px;
	margin-bottom: 70px;
}
.nextnews a{
	font-size: 15px;
	display: block;
	margin-bottom: 20px;
	text-overflow: ellipsis;
	overflow:hidden;
	white-space: nowrap;
}
.nextnews a:hover{
	color: #BD1D21;
}
/*solution*/
.solumain li{
	width: 48%;
	float: left;
	position: relative;
	margin-right: 4%;
	margin-bottom: 89px;
}
.solumain li:nth-child(2n){
	margin-right: 0;
}
.solupic {
	width: 64.4%;
}
.solutxt{
	position: absolute;
	background: #FFF;
	width: 61.4%;
	right: 0;
	top: 25px;
	box-sizing: border-box;
	padding:35px;
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
}
.solutxt h4{
	font-size: 18px;
	margin-bottom: 20px;
	font-weight: bold;
	background: url(../images/detailtitbg.png) no-repeat left top;
	padding-top: 10px;
}
.solutxt p{
	font-size: 15px;
	color: #4D4D4D;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    line-height: 28px;
    max-height: 140px;
}
.solumain li:hover .solupic{
	opacity: 0.4;
}
.solumain li:hover h4{
	color: #BD1D21;
}
.solunavtab li{
	width: 25%;
}
/*case*/
.casemain li{
	width: 30.8%;
	float: left;
	margin-right: 3.8%;
	margin-bottom: 30px;
}
.casemain li:nth-child(3n){
	margin-right: 0;
}
.casetxt{
	text-align: center;
	line-height: 46px;
	
}
.casetxt h4{
	font-size: 16px;
	color: #1A1A1A;
	text-overflow: ellipsis;
	overflow:hidden;
	white-space: nowrap;
}
.casemain li:hover{
	padding-bottom: 23px;
}
.casemain li:hover .casepic{
	opacity: 0.44;
}

.casemain li:hover .casetxt{
	margin-top: -23px;
	position: relative;
	z-index: 2;
	margin-left: 15px;
	margin-right:  15px;
	background: #BD1D21;
}
.casemain li:hover .casetxt h4{
	color: #FFF;
}
.detailtxt .casemain img{
	margin: 0;
}
.gyxhpic img:nth-child(1){
	width: 58.4%;
	float: left;
}
.gyxhpic img:nth-child(2){
	width: 38.25%;
	float: right;
}
.honor{
	background: #f7f7f7;
}
.gyxhpic{
	margin-top: 35px;
}
.abouthonorpic img{
	width: 22.66%;
	float: left;
	margin-right: 3.12%;
	box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
	border: 1px solid #E6E6E6;
	box-sizing: border-box;
}
.abouthonorpic img:nth-child(4n){
	margin-right: 0;
}
.abouthonorpic_three img{
	width: 31%;
	box-sizing: border-box;
	box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
	border: 1px solid #E6E6E6;
	float: left;
	margin-right: 3.5%;
}
.abouthonorpic_three{
	margin-top: 40px;
}
.abouthonorpic_three img:nth-child(3n){
	margin-right: 0;
}
.qywhbox{
	position: relative;
}
.qywhpic{
	width: 57.08%;
}
.qywhbox ul{
	width: 76.3%;
	background: #FFF;
	position: absolute;
	right: 0;
	top: 34px;
	box-sizing: border-box;
	padding-left: 64px;
	padding-top: 30px;
}
.qywhbox ul li h4{
	font-size: 18px;
	margin-bottom: 10px;
	font-weight: bold;

}
.qywhbox ul li p{
	font-size: 15px;
	color: #333;
}
.qywhbox ul li{
	margin-bottom: 20px;
}
.hxjzlmain{
	background: url(../images/aboutpic5.jpg) no-repeat;
	background-size: cover;
	padding:40px 50px;
	position: relative;
	z-index: 1;
}
.hxjzlmain ul{
	width: 70.8%;
	background: #fff;
	box-sizing: border-box;
	padding-top: 60px;
	padding-left: 80px;
}
.hxjzlmain ul li{
	width: 41%;
	margin-right: 9%;
	float: left;
	margin-bottom: 60px;
}
.hxjzlmain ul li h4{
	font-size: 18px;
	font-weight: bold;
	color: #BD1D21;
	position: relative;
	padding-left: 20px;
	margin-bottom: 20px;
}
.hxjzlmain ul li h4:before{
	width: 10px;
	height: 10px;
	border: 2px solid #BD1D21;
	border-radius: 50%;
	display: block;
	content:'';
	box-sizing: border-box;
	left: 0;
	top: 50%;
	margin-top: -5px;
	position: absolute;
}
.hxjzlmain ul li p{
	font-size: 15px;
	color: #4D4D4D;
	line-height: 28px;
}
.hxjzlpic{
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 53%;
	z-index: -1;
}
/*epc*/
.epcmain{
	background: url(../images/epcpic2.jpg) no-repeat center bottom;
}
.epctxt{
	float: left;
	width: 56.8%;
}
.epctxt h3{
	font-size: 48px;
	font-weight: bold;
	position: relative;
	color: #BD1D21;
	line-height: 92px;
}
.epctxt span{
	position: absolute;
	font-size: 124px;
	color: rgba(189, 29, 33, 0.06);
	text-transform: uppercase;
	font-weight: bold;
	left: 35px;
}
.epctxt h4{
	color: #333333;
	font-size: 28px;
	margin-left: 18%;
}
.epctxt p{
	color: #FFF;
	font-size: 15px;
	line-height: 28px;
	margin-top: 108px;
	width: 68.5%;
	margin-left: 13%;
}
.epcpic{
	float: left;
	margin-bottom: 60px;
	width: 39.5%;
	border: 2px solid #FFFFFF;
}
.epclist{
	background: #F7F7F7;
}
.epclist:nth-child(2n+1){
	background: #FFF;
}
.epclisttit{
	position: relative;

}
.epclisttit span{
	font-size: 97px;
	color: rgba(189, 29, 33, .13);
	font-weight: bold;
	position: absolute;
	left: 5px;
	line-height: 97px;
	top: -55px;
}
.epclisttit h3{
	font-size: 30px;
	font-weight: bold;
	color: #FFF;
	background: #BD1D21;
	height: 60px;
	line-height: 60px;
	float: left;
	padding: 0 35px;
}
.epclisttit font{
	background: url(../images/jt.png) no-repeat center center;
	width: 80px;
	height: 60px;
	display: block;
	float: left;
}
.epclisttit ul{
	background: #BD1D21;
	float: left;
	box-sizing: border-box;
	padding:0 15px;
}
.epclisttit ul li{
	float: left;
	font-size: 18px;
	color: #FFF;
	line-height: 60px;
	box-sizing: border-box;
	width: 155px;
	text-align: center;
	height: 60px;
	position: relative;
}
.epclisttit ul li:after{
	position: absolute;
	width: 1px;
	top: 15px;
	bottom: 15px;
	content:'';
	background: #FFF;
	content: '';
	right: 0;
}
.epclisttit ul li:last-child:after{
	display: none;
}
.epclist p{
	margin-top: 50px;
	margin-bottom: 45px;
	font-size: 15px;
	line-height: 28px;
}
.epclistpic{
	overflow:hidden;
}
.epclistpic img{
	width: 31.35%;
	float: left;
	margin-right: 2.9%;
}
.epclistpic img:last-child{
	margin-right: 0;
}
/*search*/

.searchtit{
	text-align: center;
}
.searchbox h2{
	font-size: 36px;
	color: #030303;
	display: inline-block;
	position: relative;
}
.searchbox h2:before{
	content: "";
	width: 269px;
	height: 1px;
	background: #CCCCCC;
	display: block;	
	position: absolute;
	top: 50%;
	left: -319px;
}	
.searchbox h2:after{
	content: "";
	width: 269px;
	height: 1px;
	background: #CCCCCC;
	display: block;	
	position: absolute;
	top: 50%;
	right: -319px;
}	
.searchbox .search{
	width: 50%;
	height: 50px;
	background: #F5F5F5;
	border: 1px solid #CCCCCC;
	border-radius: 6px;
	margin:46px auto;
}
.searchbox .search input{
	line-height: 50px;
}
.searchbox .search .searchbtn{
	background: url(../images/searchicon.png) no-repeat center center;
	height: 50px;
}
.searchbox  .search .searchbtn{
	width: 55px;
}
.searchbox .search input{
	padding-right: 55px;
	padding-left: 20px;
}
.searchtit span.keyword-red{
	float: none;
	display:inline-block;
	
}
.searchbox>p{
	font-size: 24px;
	color: #030303;
	border-bottom: 1px solid #E6E6E6;
	padding-bottom: 22px;
	margin-top:74px;
}
.searchbox>p span{
	font-size: 36px;
	font-weight: bold;
}
.searchtit{
	margin-bottom: 20px;
}
.searchtit h4{
	font-size: 16px;
	font-weight: bold;
	float: left;
	text-align: left;
	max-width: 72%;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.searchtit span{
	color: #666;
	font-size: 14px;
	display: block;
	text-align: left;
	float: right;
}
.searchtit span.keyword-red{
	float: none;
	display:inline-block;

}
.searchbox ul li p{
	color: #666;
	font-size: 15px;
}
.searchbox ul li{
	border-bottom: 1px solid #F2F2F2;
	padding: 50px 0 40px;
}

.searchbox ul{
	margin-bottom: 60px;
}
.searchbox ul li:hover {
	background: #fdfdfd;
}
.searchbox ul li:hover h4{
	color: #BD1C21;
}
.searchbox .pagediv{
	margin-bottom: 0;
}
/*404*/
.fourtop{
	text-align: center;
	padding-top: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #E6E6E6;
}

.fourtop h2{
	font-size:30px;
}
.fourtop img{
	width: auto;
	margin:30px auto;

}
.fourbot{
	width: 87.5%;
	margin:0 auto;
}
.fourbotleft{
	float: left;
	align-items: baseline;
	width: 47.6%;
}
.fourbotleft h4{
	font-size: 24px;
	font-weight: bold;

}
.fourbot{
	padding-top: 60px;
}
.fourbotleft ul{
	width: 60%;
}
.fourbotleft ul li{
	height: 48px;
	line-height: 48px;
	box-sizing: border-box;
	background: #F5F5F5;
	margin-bottom: 20px;
}
.fourbotleft ul li a{
	font-size: 20px;
	text-align: center;
	color: #4D4D4D;
	display: block;
}
.fourbotleft ul li:hover{
	background: #BD1D21;
}
.fourbotleft ul li:hover a{
	color: #FFF;

}
.fourbotleft p{
	font-size: 20px;
	line-height: 30px;
	margin-bottom: 20px;
}
.fourbotleft p a{
	font-weight: bold;
	color: #BD1D21;
}
.fourbotleft img{
	width: 42.5%;
	margin:0 auto;
}
.fourbotleft span{
	display: block;
	text-align: center;
	font-size: 18px;
	margin-top: 10px;
}
.fourbotright{
	width: 36%;
	float: right;
}
.contact>p{
	font-size: 15px;
	color: #4D4D4D;
	width: 68.75%;
	text-align: center;
	margin: 0 auto;
}
.contact>ul>li{
	float: left;
	width: 21.4%;
	margin-top:50px;
	margin-right: 4.8%;
}
.contact>ul>li:nth-child(4n){
	margin-right: 0;
}
.contacticon{
	width: 71px;
	height: 71px;
	border:1px dashed #BD1D21;
	border-radius: 50%;
	box-sizing: border-box;
	padding: 4px;
	margin:0 auto;
}
.contacticon>div{
	border-radius: 50%;
	background: #BD1D21;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}
.contacticon>div img{
	width:40px;
}
.contact>ul>li>h4{
	font-size: 24px;
	border-top:1px dashed #BD1D21;
	border-bottom:1px dashed #BD1D21;
	line-height: 40px;
	color: #BD1D21;
	text-align: center;
	margin-top: 28px;
}
.contact>ul>li a {
	font-size: 24px;
	color: #333;
	text-align: center;
	display: block;
	margin-top: 30px;
}
.contact>ul>li a strong{
	font-size: 30px;
	font-weight: bold;
	
}
.contact>ul>li>p{
	font-size: 18px;
	color: #333;
	text-align: center;
	line-height: 30px;
	margin-top: 16px;
}
.contactbtn{
	background: #F7F7F7;
	padding: 40px 0;
	margin-top:50px;
	text-align: center;
}
.contactbtn a{
	display: inline-block;
	width: 180px;
	height: 42px;
	background: #BD1D21;
	border-radius: 4px;
	margin: 0 10px;
	color: #FFF;
	line-height: 42px;
}
.contactbtn a span{
	background: url(../images/footicon1.png) no-repeat left center;
	padding-left: 30px;
	display: inline-block;
}
.contactbtn a:nth-child(2n) span{
	background: url(../images/footicon2.png) no-repeat left center;

}
.contactbtn a:hover{
	background: rgba(189,29,33,0.95);
}
