.about-banner {
    text-align: center;
    width: 100%;
    height: 400px;
    background: url(../images/about_us.jpg) no-repeat;
    background-position: center;
    background-size: 100% 100%;
}
.about_brief_con{
	width:594px;
	float:right;
	font-size:16px;
	line-height:26px;
	    max-height: 400px;
    overflow-y: auto;
}
.about-case{
	background:url(../images/about_case_bg.png) no-repeat;
	background-size: 100% 100%;
	padding-top:20px;
	margin-top:100px;
}
.about-case ul {width:1200px;margin:0 auto; margin-top:20px;display: flex;flex-wrap: wrap;justify-content: space-between}
.about-case ul li{
	width:590px;background: #fff;box-sizing: border-box;padding: 20px 20px;
	margin-bottom: 20px;
	display: flex;
	justify-content: space-between;
	line-height: 1.5;
	align-items: center;
}
.about-case ul li>div{
	width: 340px;
}
.about-case ul li h3{
	color: #333333;
	font-size: 20px;
	font-weight: bold;
}
.about-case ul li p{
	font-size: 14px;
	color: #333;
	margin: 10px 0;
	height: 64px;
}
.about-case ul li>img{
	width: 200px;
	height: 130px;
}
.concatusdetail-button{
	display: inline-block;
	width: 100px;
	height: 32px;
	line-height: 32px;
	background: #ffffff;
	border-radius: 4px;
	font-size: 16px;
	font-weight: 400;
	color: #C71522;
	border: 1px solid #C71522;
	margin: 0 auto;
	text-align: center;
	margin-right: 6px;
	cursor: pointer;
}
.concatusdetail-button.hover{
	background: rgba(199,21,34,1);
	color: rgba(255,255,255,1);
}
/* 超出一行显示... */
.over_one_line{
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow:ellipsis;
}
/* 超出两行显示... */
.over_two_lines{
	display: -webkit-box;
	word-break: break-all;
	text-overflow:ellipsis;
	overflow: hidden;
	white-space: pre-line;
	-webkit-box-orient: vertical;
	-webkit-line-clamp:3;
}
/*.about-case ul li {display:flex; width:390px;height:254px; float:left; margin:0 8px;position: relative;cursor: pointer;}*/
/*.about-case ul li span {background:#000000;display:none; position: absolute; width:100%; height:253px; color:#FFFFFF;opacity: 0.7;}*/
/*.about-case ul li h4 {padding:50px 0 0 0; text-align:center; font-size:18px; font-weight:bold;}*/
/*.about-case ul li p {padding:20px; text-align:left; line-height:200%;margin-top:40px;}*/
/*.about-case ul li:hover span {display:block;}*/






.d_about {width:1146px; overflow:hidden; margin:0 auto; margin-top:30px; background:#F7F7F7; padding:30px 30px;border: solid 1px #DDDDDD;}
.d_about_l {float:left;width:400px; margin-left:60px;}
.d_about_l th {padding:0px 7px;}
.d_about_l td {padding:28px 7px;}
.d_about_l td h4 {font-weight:bold; font-size:16px;}
.d_about_r { float:right; width:600px;padding-top: 25px;}
.d_about_r th {padding:15px 8px;}
.d_about_r td {padding:15px 8px;}
.d_about_r td input {width:505px; height:36px; line-height:36px; margin-right:5px;border:1px solid #ddd}
.d_about_r td textarea {width:505px; height:200px; margin-right:5px;}
.d_about_r td span {color:#E94D27;}
.d_about_r td a {width:149px;height:45px; display:inline-block; background:#C71522; color:#FFFFFF; line-height:45px; text-align:center;}

.about-service a {display:block;text-align:center; width:120px;height:40px; line-height:40px; color:#FFFFFF; margin:0 auto; border:solid 1px #FFFFFF;}

.about-service ul {overflow:hidden; width:1260px; margin:0 auto; padding-top:50px; margin-bottom:40px;}
.about-service ul li {width:357px;height:77px;color:#FFFFFF; padding:15px; background:url(../images/d_zibg.png) no-repeat; float:left; margin:15px 10px;}
.about-service ul li h4 {font-size:18px; padding-top:8px;}
.about-service ul li p {padding-top:15px;}
.about_title{
	text-align:center;
}
.about_title h2{
	font-size:30px;
	line-height:47px;
	color:rgba(51,51,51,1);
	margin-top:20px;
	
	
	
}
.about_title h3{
font-size:18px;
font-weight:400;
color:rgba(153,153,153,1);
line-height:37px;
	
}
.about-price{
	height:271px;
	padding-top:46px;
	background:url(../images/about_price_bg.png);
	text-align:center;
	color:#F4C243;
	
}
.about-price ul{
	margin-top:59px;	
}
.about-price ul li{
	width:90px;
	float:left;
	margin-left:160px;
	
}

.about-price .about_title h2{
	color:rgba(255,255,255,1);
	margin-top:0;
}
.about-price .about_title h3{
	color:rgba(255,255,255,1);
}
.about-range{
	height:618px;
	background:url(../images/about_range_bg1.png);
}




.about-service{
	height:629px;
	background:url(../images/about_service_bg.png);
	
}
.about-range .about_title h2{
	margin:0px;
	color:#333333;
	padding-top:30px;
}
.about-service .about_title h2{
	color:rgba(255,255,255,1);
	margin-top:0;
}
.about-service  .about_title h3{
	color:rgba(255,255,255,1);
}
.about-contact{
	height:860px;
	 
	background:url(../images/about_contact_bg.png) no-repeat center top;
}
.about-price .img_box{
	width:100px;
	height:80px;
	
}
.d_about-range {width:1200px; margin:0 auto; overflow:hidden;}
.about-range-l {
	float:left; width:580px; line-height:200%; 
	margin-top:100px;  font-size:16px;
	max-height: 400px;
     overflow-y: auto;
}
.about-range-l hr {width:42px;height:2px;background:#EB6F46;float:left;}
.about-range-l p {clear:both;}
.about-range-r {width:469px;height:252px; margin-right:10px; background:#F5B74F; float:right; margin-top:100px;position: relative;}
.about-range-r img {position: absolute;
    left: 10px;
    top: -10px;}

/* 业务范围插件css  dw*/
.poster-main {
  width: 1000px;
  height: 500px;
  position: relative;
  margin: 0 auto;
}

.poster-main a, .poster-main img { display: block; }

.poster-main .poster-list {
  width: 1000px;
  height: 500px;
}

.poster-main .poster-list .poster-item {
  width: 200px;
  height: 500px;
  position: absolute;
  left: 0;
  top: 0;
}

.poster-main .poster-btn {
  position: absolute;
  top: 0;
  z-index: 10;
  cursor: pointer;
}

.poster-main .poster-prev-btn {
  left: 0;
  /* background: url(../images/left.png) no-repeat center center; */
}

.poster-main .poster-next-btn {
  right: 0;
  /* background: url(../images/right.png) no-repeat center center; */
}
 
.d_about_r  input:focus{ outline:none !important;border:1px solid #1EACDF !important;}

.banner{
	height: 400px;
}
@media screen and (max-width: 2560px) {
	.banner{
		height: 533px;
	}
}
@media screen and (max-width: 1920px) {
	.banner{
		height: 400px;
	}
}
@media screen and (max-width: 1600px) {
	.banner{
		height: 344px;
	}
}
@media screen and (max-width: 1440px) {
	.banner{
		height: 300px;
	}
}
@media screen and (max-width: 1366px) {
	.banner{
		height: 285px;
	}
}
.banner {
	width: 100%;
	overflow: hidden;
	position: relative;
	margin: 0px auto;
}

.banner img {
	height: 100%;
	width: 100%;
}
.points {
	position: absolute;
	z-index: 5;
	bottom: 20px;
	width: 100%;
	text-align: center;
}
.points li {
	display: inline-block;
	margin-left: 20px;
	width:15px;
	height: 15px;
	background: #C71522;
	opacity: 0.2;
	border-radius: 50%;
	cursor: pointer;
}
.points li.active{
	opacity:1;
}

.prev,.next {
	display: none;
	/*border-radius: 0 30px 30px 0;*/
}