body {
	font-family: microsoft yahei;
}
a {
	text-decoration: none;
	color: black;
}
a:hover {
	text-decoration: none;
	color: #fb4848;
}
p {
	margin: 0;
}
img {
	width: 100%;
}
ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
/*头样式*/
.header .top {
	color: #36404b;
	text-align: center;
}
.top1 {
	align-items: center;
}
.topc {
	text-align: center;
}
.ziT {
	font-size: 18px;
    color: #333;
}
.ziB {
	color: #515151;
    font-size: 20px;
}
.topr {
	justify-content: space-between;
}
.tongXun {
	align-items: center;
}
.tongXun .bi {
	color: #fb4848;
    font-size: 30px;
    margin-bottom: 10px;
    padding: 0 20px;
}
.topphone {
	color: #999;
}
.linebox {
	border-left: 1px solid #eee;
}
/*脚样式*/
.foot {
	color: #fff;
    padding-bottom: 48px;
    background: #2E3033;
    border-top: 8px solid #fb4848;
}
.foot .links {
    padding: 20px 0;
    font-size: 16px;
    border-bottom: 1px solid #1a1d21;
}
.foot span {
	color: #fff;
    display: inline-block;
}
.foot .links a {
    display: inline-block;
    font-size: 14px;
    color: #939393;
    padding-right: 10px;
}
.foot .links a:hover {
  color: #fb4848;
  text-decoration: underline;
}
.foot .row {
	border-top: 1px solid #464a50;
}
.footL {
	font-size: 15px;
	height: 180px;
    margin-top: 48px;
    border-right: 1px solid #1a1d21;
    overflow: hidden;
}
.footC {
	/*padding-left: 50px;*/
	height: 180px;
    border-right: 1px solid #1a1d21;
    border-left: 1px solid #464a50;
    margin-top: 48px;
}
.footR {
	height: 180px;
    padding-left: 48px;
    margin-top: 48px;
    border-left: 1px solid #464a50;
}
.footpic {
	width: 80%;
}
.p1 {
	font-size: 14px;
    color: #fff;
    line-height: 14px;
}
.p2 {
	font-size: 36px;
    color: #fb4848;
    font-family: "Arial";
    line-height: 36px;
    font-weight: bold;
    line-height: 1.2;
}
.tel {
	height: 22px;
	font-size: 14px;
    color: #939393;
    line-height: 22px;
    overflow: hidden;
}
.banquan {
	padding: 10px 0;
	text-align: center;
    color: #666;
    font-size: 12px;
    background: #27292B;
}
/*导航栏*/
.carousel-item img {
	height: 620px;
}
.navbar {
	padding: 0;
}
.navbar-light .navbar-nav .nav-link {
	color: #fff;
	padding: 15px 20px;
}
.header input::-webkit-input-placeholder,   
textarea::-webkit-input-placeholder {   
    color: #fff;
    font-size: 14px;   
}
.header input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	color: #fff;
    font-size: 14px;
}
.header .form-control {
	background-color: #fb4848;
	border-color: #fb4848;
	border-radius: 0;
	color: #fff;
}
.header .input-group-text {
	background-color: #fb4848;
	border-color: #fb4848;
	border-radius: 0;
	color: #fff;
	margin: 0;
}
.bi-search {
	padding: 10px;
}
.navbar-light .navbar-nav .active>.nav-link, 
.navbar-light .navbar-nav .nav-link.active, 
.navbar-light .navbar-nav .nav-link.show, 
.navbar-light .navbar-nav .nav-link:hover {
	color: #fff;
    background-color:  #fb4848;
}
.navbar-light .navbar-toggler {
	background-color: #fff;
}
/*首页样式*/
.con1 {
	background: whitesmoke;
	padding: 3rem 0;
}
.con1 .col-lg-3 {
	padding: 0;
}
.cp {
	border: 1px solid #343a40;
	background: #fff;
}
.cpTitle {
	background: #343a40;
	color: #fff;
    padding-left: 20px;
    font-size: 20px;
    line-height: 3;
}
.aTitle {
	background: #343a40;
	color: #fff;
    padding-left: 20px;
    font-size: 15px;
    line-height: 2.5;
}
.cpType {
	margin: 0 20px;
	padding: 10px 0;
}
.cpType ul {
	list-style-type: circle;
}
.cpType li {
	background: #343a40;
	padding-left: 10px;
	overflow: hidden;
	line-height: 48px;
	color: #fff;
	font-size: 15px;
	height: 48px;
}
.cpType li:hover {
	background: #fb4848;
}
.indexlianxi {
	margin-top: 33px;
}
.pic img {
	border: 1px solid #343a40;
	border-bottom: none;
	height: 255px;
}
.picTitle {
	border: 1px solid #343a40;
	font-size: 13px;
	text-align: center;
	overflow: hidden;
	line-height: 40px;
	background: #fff;
	height: 40px;
	overflow: hidden;
}
/*.piclist .col-lg-4:nth-child(n+4) {
	margin-top: 1rem;
}*/
.line {
	height: 2px;
	width: 40%;
	background: #eee;
}
.bTitle {
	justify-content: space-between;
	align-items: center;
}
.lineT a {
	font-size: 28px;
	line-height: 2.5;
	color: #343a40;
	font-weight: bold;
}
.wlineT a {
	font-size: 28px;
	line-height: 2.5;
	color: #fff;
	font-weight: bold;
}
.text {
	height: 275px;
    overflow: hidden;
    font-size: 14px;
    text-indent: 2em;
}
.con2 .row {
	align-items: center;
}
.more {
	background: #343a40;
    width: 20%;
    text-align: center;
    height: 35px;
    color: #fff;
    line-height: 35px;
}
.more:hover {
	background: #fb4848;
}
.lianxi p {
	font-size: 14px;
	line-height: 2;
}
/*走马灯*/
.sp {
	padding: 20px 0 40px 0;
	background: #343a40;
}
.swiper-slide img {
	height: 230px;
}
.swiperTitle {
	height: 80px;
	line-height: 80px;
	color: #343a40;
	text-align: center;
	background: #fff;
	overflow: hidden;
}

.con4 {
	background: whitesmoke;
    overflow: hidden;
    padding: 50px 0;
}
.con4 ul {
	padding: 30px 20px;
	background: #fff;
}
.xwlist h4 {
	font-size: 16px;
	height: 34px;
    line-height: 34px;
    width: 100%;
    overflow: hidden;
}
.xwlist .col-lg-3 img:hover {
	border-color: #fb4848;
}
.xwlist span:hover {
	color: #fd4848;
}
.xwtext {
	line-height: 24px;
    font-size: 14px;
    color: #999;
    text-align: justify;
    height: 97px;
    overflow: hidden;
}
.xwlist span {
	float: right;
	font-size: 14px;
    color: #06a3e8;
}
.xwlist .col-lg-3 img {
    border: #CCC 2px solid;
}
.xwtuijian img {
	border: 1px solid #eee;
	height: 234px;
}
.xwtuijian img:hover {
	border-color: #fb4848;
}
.xwtuijian .tuijian {
	height: 32px;
	line-height: 32px;
	text-align: center;
	font-size: 14px;
	overflow: hidden;
}
/*关于我们   */
.guanyu {
	border: 1px solid #fb4848;
	background: #fff;
}
.dian {
	height: 5px;
    width: 5px;
    background: gray;
    display: inline-block;
    margin-bottom: 2px;
    margin-right: 5px;
}
.guanyu .aTitle {
	background: #fb4848;
	color: #fff;
    padding-left: 20px;
    font-size: 15px;
    line-height: 2.5;
}
.guanyulist li {
	padding-left: 20px;
    height: 25px;
    overflow: hidden;
    font-size: 14px;
    color: #333;
}
.guanyulist li:hover {
	color: #fb4848;
}
.title_r {
	border-bottom: 1px solid #dbdbdb;
	padding: 10px 0;
    justify-content: space-between;
}
.title_rt {
	font-size: 18px;
    color: #fb4848;
    border-left: 5px solid #fb4848;
    padding: 0 10px;
}
.weizhi {
	font-size: 14px;
	color: #666;
}
.weizhi a {
	color: #666;
}
.weizhi a:hover {
	color: #fb4848;
	text-decoration: underline;
}
.guanyutext {
	color: #666666;
    font-size: 14px;
    line-height: 28px;
    text-align: justify;
}
/*产品中心*/
.product {
	border: 1px solid #fb4848;
	background: #fff;
}
.productTitle {
	background: #fb4848;
	color: #fff;
    padding-left: 20px;
    font-size: 20px;
    line-height: 3;
}
.productType {
	margin: 0 20px;
	padding: 10px 0;
}
.productType ul {
	list-style-type: circle;
}
.productType li {
	background: #fb4848;
	padding-left: 10px;
	overflow: hidden;
	line-height: 40px;
	color: #fff;
	font-size: 15px;
	height: 40px;
}
.productType li:hover {
	background-color: #343a40;
}
.productlist img {
	border: 2px solid #e5e5e5;
    border-bottom: none;
    height: 255px;
}
.smallTitle {
	border: 2px solid #e5e5e5;
    border-top: none;
    height: 60px;
    text-align: center;
    font-size: 13px;
    font-weight: normal;
    color: #383838;
    line-height: 60px;
    overflow: hidden;
}
/*产品详情*/
.listTitle {
	color: #343a40;
    margin-bottom: 5px;
    font-size: 24px;
    text-align: center;
}
.listwz img {
	width: 50%;
}
.listwz {
	background: #f8f8f8;
	padding:20px;
}
.xqtitle {
	color: #595959;
    border-bottom: 1px solid #e4eaec;
}
.xqt {
	border-bottom: 2px solid #595959;
}
.gogo {
	justify-content: space-between;
	font-size: 13px;
	color: #333;
	padding: 20px;
}
.chanpinbg {
	background: #f8f8f8;
}
/*招聘人才*/
.zptext {
    line-height: 2;
    color: #666666;
    font-size: 15px;
    padding-bottom: 20px;
}
/*新闻资讯*/
.xwtuijian ul {
	padding: 20px;
}
.newslist .item {
	align-items: center;
	border-bottom: 1px solid #eaeaea;
	padding: 20px;
}
.newslist .item img {
	border: 1px solid #e5e5e5;
}
.newslist .item h3 {
	height: 23px;
	font-size: 18px;
    color: #333;
    overflow: hidden;
    border-bottom: 1px solid #ededed;
}
.newslist .item p {
	color: #666;
    line-height: 24px;
    height: 50px;
    overflow: hidden;
    font-size: 14px;
}
.newslist .item span {
	color: #fb4848;
	float: right;
	font-size: 14px;
}
.newslist .item .time {
	color: #666;
	font-size: 14px;
}
.newslist .item:hover {
	box-shadow: 10px 10px 5px #888888;
	border: 1px solid #ededed;
}
.newslist a:hover {
	text-decoration: none;
}
/*新闻详情*/
.listtime {
	font-size: 15px;
    color: #666666;
    border-bottom: 1px solid #eee;
    text-align: center;
    line-height: 2;
}
.aNewxq img {
	width: 70%;
}
.aNewxq {
	padding: 20px;
}
/*留言列表*/
.lylist {
	background: #f8f8f8;
	padding: 50px;
}
.tijiao {
	background: #343a40;
    width: 100%;
    color: #fff;
}
/*分页*/
.pagination li {
  display: inline-block;
  padding-left: 0;
  margin: 22px 0;
  border-radius: 3px;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, 
.pagination>.active>span:hover {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #fb4848;
  border-color: #fb4848;
}
.pagination li>a, .pagination li>span {
  position: relative;
  float: left;
  padding: 6px 15px;
  margin-left: -1px;
  line-height: 1.57142857;
  color: #76838f;
  text-decoration: none;
  background-color: transparent;
  border: 1px solid #e4eaec;
}
/*留言列表*/
.category-title {
	font-size: 24px;
    color: #444;
    justify-content: space-between;
    align-items: center;
}
.btn-info {
	color: #fff;
    background-color: #3498db;
    border-color: #3498db;
}
.btn-sm, .btn-group-sm > .btn {
	padding: 5px 10px;
    font-size: 11px;
    line-height: 1.5;
    border-radius: 2px;
}
.liuyanlist {
	background: whitesmoke;
	padding: 20px;
}
.liuyanTitle {
	justify-content: space-between;
	border-bottom: 1px solid #f5f5f5;
    padding-bottom: 10px;
}
.liuyanitem {
	background: #fff;
	padding: 15px;
}
.category-order li > a.active {
    color: #0084ff;
}
.media .text-muted {
    color: #777777;
}
.article-list .article-item {
    padding: 20px 0;
    border-bottom: 1px solid #efefef;
}
.article-list .media {
    color: #919191;
    font-size: 14px;
}
.article-list .article-title {
    margin: 0;
    font-size: 1.25em;
    line-height: 1.45;
    margin-bottom: 5px;
    color: #000;
}
.list-inline {
	font-size: 14px;
}
.fabu {
	background: #f6f7f8;
}
.tianxie {
	background: #fff;
	padding: 50px 0 20px 0;
}
.form-group {
	display: flex;
	align-items: center;
}
.control-label {
	text-align: end;
}
.metas-title {
	font-size: 28px;
}
/*浮动客服*/
#floatbtn {
    /*width: 50px;*/
    height: auto;
    position: fixed;
    top: 30%;
    right: 0;
    left: auto;
    z-index: 80;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.weixin {
	position: fixed;
    top: 32%;
    right: 60px;
    z-index: 80;
    background: #fb4848;
    width: 150px;
    text-align: center;
    padding: 10px;
    color: #fff;
    font-size: 10px;
    display: none;
}
#floatbtn > a, #floatbtn .floatbtn-item {
    cursor: pointer;
    position: relative;
    z-index: 90;
    display: block;
    /*margin-top: 4px;*/
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 20px;
    color: #fff;
    background-color: #fff;
    /*border: 1px solid #eee;*/
    /*-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;*/
    overflow: hidden;
    transition:width 0.5s;
	-webkit-transition:width 0.5s; /* Safari */
	background:black;
    opacity:0.8;
}
#floatbtn > .a1:hover {
	width: 100px;
	background: #fb4848;
	opacity:1;
}
#floatbtn > .a2:hover {
	width: 200px;
	background: #fb4848;
	opacity:1;
}
#floatbtn > .a4:hover, #floatbtn > .a3:hover {
	background: #fb4848;
	opacity:1;
	/*border-color: #fb4848;*/
}
/*相关产品*/
.xiangguan img {
    border: 1px solid grey;
}
.xiangguan ul {
	padding: 20px;
    text-align: center;
    font-size: 14px;
    padding-bottom: 0;
}
.xiangguan img:hover {
	border-color: #fb4848;
}
@media only screen and (max-width: 1200px) {
	.carousel-item img {
		height: 425px;
	}
	.navbar-light .navbar-nav .nav-link {
		padding: 15px 10px;
	}
	.xwtext {
		height: 67px;
	}
	.indexlianxi {
		margin-top: 18px;
	}
	.xwtuijian img {
		height: 189px;
	}
}
@media only screen and (max-width: 992px) {
	.navbar {
		padding: 8px 0;
	}
	.ziT {
		font-size: 16px;
	}
	.ziB {
		font-size: 16px;
	}
	.header .top {
		display: none;
	}
	.swiper-slide img {
		height: 150px;
	}
	.productlist img, .pic img {
		height: 160px;
	}
	.smallTitle {
		font-size: 13px;
	}
	.con4 ul {
		padding: 20px;
	}
	.xwtext {
		height: 30px;
	}
	.indexlianxi {
		display: none;
	}
	.xwtuijian img {
		height: 124px;
	}
}
@media only screen and (max-width: 768px) {
	.lineT a, .wlineT a {
		font-size: 16px;
	}
	.xwtuijian img {
		height: 300px;
	}
}
@media only screen and (max-width: 576px) {
	.carousel-item img {
		height: 200px;
	}
	.topc {
		display: none;
	}
	.swiperTitle {
		font-size: 10px;
		height: 40px;
		line-height: 40px;
	}
	.productlist img, .pic img {
		height: 300px;
	}
	.swiper-slide img {
		height: 70px;
	}
	.footpic {
		width: 40%;
	}
	.form-group {
		display: block;
	}
	.control-label {
		text-align: start;
	}
	.pagination li>a, .pagination li>span {
		padding: 6px!important;
	}
}