/*service*/

.service-l,
.service-c {
	float: left;
}

.service-l {
	width: 37.5%;
}

.service-c {
	width: 25%;
}

.service-item {
	position: relative;
	display: block;
	background-size: cover;
}

.red-bg,
.service-con {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.service-item:hover .red-bg {
	background-color: #d73240;
}
.service-item:hover .btn-tel{background:#fff;color:#d73240;}
.service-c .service-item {
	margin: 0 1px;
	height: 521px;
}

.service-l .service-item {
	height: 260px;
}

.service-l .service-item:first-child {
	margin-bottom: 1px;
}
.service-l .service-item a{color:#fff;}
.service-l .service-item a:hover{text-decoration:underline;}
.service-item h3 {
	margin-top: 0;
	white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;
}

.service-l .service-con {
	padding-top: 50px;
	padding-left: 28px;
	width: 62%;
}

.service-con {
	color: #fff;
	z-index: 999;
}

.service-c .service-con {
	text-align: center;
	padding-top: 97px
}

.service-c h3 {
	line-height: 48px;
	margin-bottom: 143px;
}

.service-c p {
	font-size: 14px;
	margin-bottom: 27px;
}

.service .btn-tel {
	border: 1px solid #fff;
	color: #fff;
	border-radius: 0;
	padding: 10px 45px
}


/*why*/

.why {
	background-color: #f4f4f4;
	margin-top: 63px;
}

.why-list {
	margin-top: 74px;
	margin-bottom: 126px;
}

.why-item h3 {
	font-size: 28px;
	font-weight: bold;
	color: #333;
	margin-bottom: 42px
}

.why-item h4 {
	font-size: 26px;
	color: #333;
	margin-top: 52px;
	margin-bottom: 16px;
}

.why-item p {
	font-size: 18px;
}


/*pro*/

.pro-list {
	margin-top: 89px;
}

.pro-item {
	float: left;
	width: 16.66%;
}

.pro-item h3 {
	font-weight: bold;
	color: #696969;
}

.pro-item:hover h3 {
	color: #d73240;
}

.pro-item li {
	font-size: 16px;
	line-height: 30px;
}

.pro-img {
	height: 117px;
	background-size: auto 100%;
}

.pro-item:first-child .pro-img {
	background-image: url("pro_01.jpg")/*tpa=http://img01.qbt8.com/Public/Home/Assets/images/pro_01.jpg*/;
}

.pro-item:nth-child(2) .pro-img {
	background-image: url("pro_02.jpg")/*tpa=http://img01.qbt8.com/Public/Home/Assets/images/pro_02.jpg*/;
}

.pro-item:nth-child(3) .pro-img {
	background-image: url("pro_03.jpg")/*tpa=http://img01.qbt8.com/Public/Home/Assets/images/pro_03.jpg*/;
}

.pro-item:nth-child(4) .pro-img {
	background-image: url("pro_04.jpg")/*tpa=http://img01.qbt8.com/Public/Home/Assets/images/pro_04.jpg*/;
}

.pro-item:nth-child(5) .pro-img {
	background-image: url("pro_05.jpg")/*tpa=http://img01.qbt8.com/Public/Home/Assets/images/pro_05.jpg*/;
}

.pro-item:nth-child(6) .pro-img {
	background-image: url("pro_06.jpg")/*tpa=http://img01.qbt8.com/Public/Home/Assets/images/pro_06.jpg*/;
}

.pro-item:first-child:hover .pro-img {
	background-image: url("hover_01.jpg")/*tpa=http://img01.qbt8.com/Public/Home/Assets/images/hover_01.jpg*/;
}

.pro-item:nth-child(2):hover .pro-img {
	background-image: url("hover_02.jpg")/*tpa=http://img01.qbt8.com/Public/Home/Assets/images/hover_02.jpg*/;
}

.pro-item:nth-child(3):hover .pro-img {
	background-image: url("hover_03.jpg")/*tpa=http://img01.qbt8.com/Public/Home/Assets/images/hover_03.jpg*/;
}

.pro-item:nth-child(4):hover .pro-img {
	background-image: url("hover_04.jpg")/*tpa=http://img01.qbt8.com/Public/Home/Assets/images/hover_04.jpg*/;
}

.pro-item:nth-child(5):hover .pro-img {
	background-image: url("hover_05.jpg")/*tpa=http://img01.qbt8.com/Public/Home/Assets/images/hover_05.jpg*/;
}

.pro-item:nth-child(6):hover .pro-img {
	background-image: url("hover_06.jpg")/*tpa=http://img01.qbt8.com/Public/Home/Assets/images/hover_06.jpg*/;
}

.pro-t {
	width: 118px;
	margin-top: 26px;
	/*margin-left: 20px;*/
}

.pro-item ul {
	margin-top: 31px;
}

.pro-item:nth-child(1) .pro-t {}

.pro-item:nth-child(2) .pro-t {
	margin-left: 4%;
}

.pro-item:nth-child(3) .pro-t {
	margin-left: 10%;
}

.pro-item:nth-child(4) .pro-t {
	margin-left: 19%;
}

.pro-item:nth-child(5) .pro-t {
	margin-left: 25%;
}

.pro-item:nth-child(6) .pro-t {
	margin-left: 43%;
}


/*case*/

.case {
	margin-top: 123px;
}

.case-content {
	margin-top: 31px;
	margin-bottom: 40px;
}

.case-tab a {
	position: relative;
	background: #eaeaea;
	line-height: 50px;
	padding: 0;
	font-size: 20px;
}

.case-tab .active a {
	color: #fff;
	background: #d73240;
}

.case-item-box {
	padding: 10px 0px 0px 7px;
}

.case-item {
	position: relative;
	display: block;
	overflow: hidden;
}

.case-title,
.case-hover {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}

.case-title {
	padding: 0 2%;
	font-size: 16px;
	line-height: 42px;
	background-color: rgba(212, 212, 212, .9);
	background-image: url("icon-search2.png")/*tpa=http://img01.qbt8.com/Public/Home/Assets/images/icon-search2.png*/;
	background-repeat: no-repeat;
	background-position: 96% center;
}

.case-hover {
	top: 100%;
	padding: 5% 10%;
	color: #f5f5f5;
    background-color: rgba(215, 50, 64, 0.78);
	white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;
}

.case-hover h4 {
	font-size: 22px;
	white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;
}

.case-hover p {
	font-size: 16px;
}

.case-hover span {
	display: inline-block;
	width: 68px;
	height: 68px;
	margin-top: 3%;
	background-image: url("icon-search1.png")/*tpa=http://img01.qbt8.com/Public/Home/Assets/images/icon-search1.png*/;
	background-size: 100% 100%;
}

.case-item:hover .case-hover {
	top: 0;
	-moz-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

.case .btn-more {
	color: #d73240;
	border: 1px solid #d73240;
	border-radius: 30px;
	padding: 10px 61px;
	margin-top:30px;
}

.case1 .case-content{
       margin-bottom:0;
       width: 90%;
       margin: auto;
}
.case .btn-more:hover {
	color: #fff;
	background-color: #d73240;
	border:1px solid #d73240;
}


/*news*/

.news {
	margin-top: 42px
}

.news .s-body {
	margin-top: 39px;
}

.news .thumbnail img {
	width: 100%;
}

.news-title {
	font-size: 18px;
	font-weight: bold;
	color: #333;
	margin-bottom: 5px
}

.news-single {
	background-color: #f4f4f4;
}

.news-single .thumbnail .news-title {
	font-weight: bold;
}

.news-single .news-title {
	display: block;
	margin-top: 14px;
}

.news-item {
	display: block;
	padding: 10px 20px;
	margin-bottom: 15px;
	margin-left: 0;
	border: 1px solid #e6e6e6;
}

.news-date {
	color: #fff;
	background-color: #d73240;
	border-radius: 4px;
	line-height: 1;
	padding-top: 10px;
	padding-bottom: 10px;
}

.news-d {
	font-size: 50px;
	margin-bottom: 10px;
}

.news-ym {
	font-size: 17px;
}

.news-des {
	font-size: 16px;
	color: #888;
}

.news-item:hover {
	background-color: #d73240;
}

.news-item:hover p {
	color: #fff;
}


/*about*/

.about {
	margin-top: 20px;
	margin-bottom: 165px;
}

.about-name {
	font-size: 26px;
	color: #333;
	margin-bottom: 18px;
	margin-top: 50px;
}

.about-l {
	margin-top: 36px;
}

.about-des {
	font-size: 18px;
	line-height: 30px;
	/*margin-top: 33px;*/
}

.about-des p {
	margin-bottom: 15px;
}

.about-thumb img {
	margin: 0 auto;
}

.about .border {
	width: 52px;
	height: 5px;
	background-color: #d73240;
	margin-bottom: 20px;
}

@media (min-width: 1260px) {}

@media (max-width: 1259px) {
	.case-hover span {
		width: 50px;
		height: 50px;
	}
	.pro-img {
		height: 112px;
	}
	.case-hover p {
		font-size: 12px
	}
	.service-l .service-item {
		height: 205px;
	}
	.service-c .service-item {
		height: 411px;
	}
	.service-c h3 {
		margin-bottom: 38px
	}
	.service-l .service-con {
		padding-top: 36px;
	}
	.pro-img {
		height: 92px;
	}
}

@media (max-width: 1199px) {
	.banner .item {
		height: 500px;
	}
	.pro-img {
		height: 92px;
	}
}

@media (max-width: 991px) {
	body {
		font-size: 12px
	}
	.banner .item {
		height: 400px;
	}
	.service-l .service-item {
		height: 158px;
	}
	.service-con h3 {
		font-size: 18px;
		line-height: 26px;
	}
	.service-c .service-item {
		height: 317px;
	}
	.service-c .service-con {
		padding-top: 20px;
	}
	.service-c p {
		font-size: 12px;
	}
	.why-item h4 {
		font-size: 20px;
	}
	.why-item p {
		font-size: 14px;
	}
	.pro-img {
		height: 71px;
	}
	.pro-t {
		width: 77px
	}
	.pro-item ul {
		margin-top: 15px;
	}
	.pro-item li {
		font-size: 12px;
		line-height: 23px;
	}
}

@media (max-width: 767px) {
	.banner .item {
		height: 150px;
	}
	.service-l,
	.service-c {
		width: 100%;
	}
	.service-c .service-item {
		margin: 0 0 1px 0;
	}
	.service-item {
		margin-bottom: 1px;
	}
	.service-l .service-item {
		height: 174px;
	}
	.service-c .service-item {
		height: 268px;
	}
	.why,
	.why-list,
	.why-item h4,
	.pro-list,
	.case,
	.about-name {
		margin-top: 10px;
	}
	.why-item h4,
	.why-list,
	.case-tab a,
	.news-item,
	.about {
		margin-bottom: 10px;
	}
	.why-item h3 {
		font-size: 18px;
		margin-bottom: 10px;
		margin-top: 10px;
	}
	.text-center img {
		width: 50%
	}
	.why-item h4 {
		font-size: 14px;
	}
	.why-item p {
		font-size: 12px;
	}
	.pro-item {
		width: 33.33%;
	}
	.pro-t {
		width: 100%;
		margin-left: 0 !important;
	}
	.case-tab a {
		line-height: 36px;
		font-size: 14px;
	}
	.case-content,
	.news,
	.news .s-body,
	.news-single .news-title {
		margin-top: 0;
		margin-bottom: 0;
	}
	.case-title {
		font-size: 12px;
		line-height: 32px;
	}
	.case-hover {
		display: none;
	}
	.case .btn-more {
		padding: 10px 40px;
	}
	.news-title {
		font-size: 16px;
	}
	.news-des {
		font-size: 12px;
	}
	.news-item {
		margin-right: 0;
		padding: 10px 10px;
	}
	.news-ym {
		font-size: 12px;
	}
	.news-d {
		font-size: 22px;
	}
	.about-name {
		font-size: 16px;
	}
	.about-des {
		font-size: 12px;
		line-height: 19px;
	}
	.pro-img{
		background-position: center;
		background-repeat: no-repeat;
	}
	.pro-item:first-child .pro-img {
		background-image: url("pro-xs-hover_01.jpg")/*tpa=http://img01.qbt8.com/Public/Home/Assets/images/pro-xs-hover_01.jpg*/;
	}
	.pro-item:nth-child(2) .pro-img {
		background-image: url("pro-xs-hover_02.jpg")/*tpa=http://img01.qbt8.com/Public/Home/Assets/images/pro-xs-hover_02.jpg*/;
	}
	.pro-item:nth-child(3) .pro-img {
		background-image: url("pro-xs-hover_03.jpg")/*tpa=http://img01.qbt8.com/Public/Home/Assets/images/pro-xs-hover_03.jpg*/;
	}
	.pro-item:nth-child(4) .pro-img {
		background-image: url("pro-xs-hover_04.jpg")/*tpa=http://img01.qbt8.com/Public/Home/Assets/images/pro-xs-hover_04.jpg*/;
	}
	.pro-item:nth-child(5) .pro-img {
		background-image: url("pro-xs-hover_05.jpg")/*tpa=http://img01.qbt8.com/Public/Home/Assets/images/pro-xs-hover_05.jpg*/;
	}
	.pro-item:nth-child(6) .pro-img {
		background-image: url("pro-xs-hover_06.jpg")/*tpa=http://img01.qbt8.com/Public/Home/Assets/images/pro-xs-hover_06.jpg*/;
	}
	.pro-item:first-child:hover .pro-img {
		background-image: url("pro-xs_01.jpg")/*tpa=http://img01.qbt8.com/Public/Home/Assets/images/pro-xs_01.jpg*/;
	}
	.pro-item:nth-child(2):hover  .pro-img {
		background-image: url("pro-xs_02.jpg")/*tpa=http://img01.qbt8.com/Public/Home/Assets/images/pro-xs_02.jpg*/;
	}
	.pro-item:nth-child(3):hover  .pro-img {
		background-image: url("pro-xs_03.jpg")/*tpa=http://img01.qbt8.com/Public/Home/Assets/images/pro-xs_03.jpg*/;
	}
	.pro-item:nth-child(4):hover  .pro-img {
		background-image: url("pro-xs_04.jpg")/*tpa=http://img01.qbt8.com/Public/Home/Assets/images/pro-xs_04.jpg*/;
	}
	.pro-item:nth-child(5):hover  .pro-img {
		background-image: url("pro-xs_05.jpg")/*tpa=http://img01.qbt8.com/Public/Home/Assets/images/pro-xs_05.jpg*/;
	}
	.pro-item:nth-child(6):hover  .pro-img {
		background-image: url("pro-xs_06.jpg")/*tpa=http://img01.qbt8.com/Public/Home/Assets/images/pro-xs_06.jpg*/;
	}
	
}