
.shengjia{
	background: url("../images/shengbj.jpg")no-repeat center top;
	padding: 73px 0;
	
}
.shengtit{text-align: center;}
.shengtit p{
	font-size: 45px;
	color: #333;
	font-weight: bold;
}
.shengtit span{
	font-size: 16px;
	color: #64a0d2;
 text-transform: uppercase;
}

.stuwen {
	margin: 35px 0 0px;
	overflow: hidden;
	padding: 20px;
	background: #f6f6f6;
}
.shengtu{
	width: 40%;
	float: left;
	height: 368px;
}
.shengtu img{
	width: 500px;
	height: 300px;
	border-radius: 10px;
}
.shengwen{
	float: left;
	padding: 38px 0 0 50px;
	width: 60%;
}
.shengwen p{
	font-size: 24px;
    color: #222;
    font-weight: bold;
}
.shengwen span{
	font-size: 11px;
    color: #999;
    text-transform: uppercase;
}

.shengwen .about-info{
	font: 14px Arial, "Microsoft Yahei";
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
	line-height: 24px;
	color: #515151;
	 padding:38px 0 32px;
    overflow: hidden;
}
.shengwen a{
	display: block;
	width: 170px;
	height: 50px;
	background: #2a92ea;
	line-height: 50px;
	color: #fff;
	font-size: 16px;
	border-radius: 40px;
	text-align: center;
}

		/* æœ¬ä¾‹å­css */
		.slideGroup001{  width:100%;text-align:left;   }
		.slideGroup001 .parHd{ height:45px; line-height:27px; padding:0 20px;position:relative;
    text-align: center;  }
		.slideGroup001 .parHd ul{  position: relative;
    display: inline-block;
    z-index: 666;
    top: -15px;
    background: #fff;
    overflow: hidden;
    margin: 0 auto;  }
.slideGroup001 .parHd ul span{
	float: left;
	font-size: 18px;
	color: #333;
}
	.slideGroup001 .parHd .HDhx{
    position: relative;
    z-index: 5;
    height: 1px;
    width: 100%;
    background: #eee;
}
.CaseBox .item1 {
    margin-left: 26px;
    background: #eeeeee;
    width: 280px;
    height: 400px;
}
.slideGroup001 .tempWrap {
	width: 100%!important;
}
		.slideGroup001 .parHd ul li{  float:left; padding:0 18px; cursor:pointer;color: #333;font-size: 18px;  }
		.slideGroup001 .parHd ul li.cur{  height:30px;color: #005faf;font-weight: bold; }
		.slideGroup001 .slideBox{ overflow:hidden; zoom:1; padding:10px 0 10px 42px; position:relative;   }

		.slideGroup001 .sPrev{ position:absolute; left:-60px; top:77px; display:block; width:46px; height:46px;  background:url("../images/fecz.jpg") center center no-repeat;}
		.slideGroup001 .sNext{ left:auto; right:-60px; top:77px; display:block; width:46px; height:46px; background:url("../images/fecr.jpg") center center no-repeat; position:absolute;  }
		.slideGroup001 .sPrev:hover{background: url("../images/csaeprev1.png") center center no-repeat;}
.slideGroup001 .sNext:hover{background: url("../images/casenext1.png") center center no-repeat}
.slideGroup001 .parBd{position: relative;}
		.slideGroup001 .parBd ul{ overflow:hidden; zoom:1;   }
.slideGroup001 .parBd ul .rongss{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center; background: #f5f5f5;display: block;border: 1px solid #e4e4e4;width:240px!important;}
		.slideGroup001 .parBd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center; background: #f5f5f5;display: block;border: 1px solid #e4e4e4;width: 295px;}
		.slideGroup001 .parBd ul li .pic{ background: #f5f5f5!important;}
		.slideGroup001 .parBd ul li .pic img{ width:auto; max-height: 240px; display:block;background: #f5f5f5; }
		.slideGroup001 .parBd ul li .pic a:hover img{ border-color:#999;  }
		.slideGroup001 .parBd ul li .title{ line-height:50px; color: #333;font-size: 16px;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;  }
.moress{
	width: 150px;
    height: 40px;
    border-radius: 40px;
    background: #d00309;
    text-align: center;
    line-height: 40px;
    margin: 20px auto 0 auto;
}

.moress a{
	color: #fff;font-size: 14px;display: block;
}

.container {
    margin-left: auto;
    margin-right: auto;
    width: 1200px;
}



@media ( max-width:1199px){
	.head{
		display: none;
	}
	.PlanBox li .effect-img{
		width: 100%;
		height: auto;
	}
	.box1text .fr li {
		height: auto;
	}
	.PlanBox li .txt {
		width: 100%;
	}
	.PlanBox li .txt .info {
		text-align: center;
	}
	.shengwen{
    padding: 26px 0 0 30px;
}
.shengwen .info{
	overflow: hidden;
}
.shengwen .about-info{
    margin: 15px 0 20px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    padding: 0;
}
.shengwen a{
    width: 150px;
    height: 38px;
    line-height: 38px;
}
.box8text{
	margin-top: 50px;

    width: calc(100% - 43px);
}
}
@media ( max-width:1024px){
	.box8text{
		margin-top: 50px;
	
		width:100%;
	}
	.box8text .text{
		width: calc(50% - 10px);
	} 
	.box8text .text .list li a{
		font-size: 20px;
		color: #000;
		float: left;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
		width: 342px;
		line-height: 47px;
	}



}
@media ( max-width:946px){

	
	.box8text{
		margin-top: 50px;
	
		width:100%;
	}
	.box8text .text{
		width: calc(50% - 10px);
	} 
	.box8text .text .list li a{
		font-size: 20px;
		color: #000;
		float: left;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
		width: 278px;
		line-height: 47px;
	}
}
@media ( max-width:818px){
	.box8text .text{
		width:100%;
	} 
	.box8text .text img{
		width: 100%;
	}
}
@media ( max-width:990px){

	.shengwen{
    padding: 16px 0 0 20px;
}
.shengwen .info{
	overflow: hidden;
}
.shengwen .about-info{
    margin: 10px 0 15px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    padding: 0;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical;
}
.shengwen a{
    width: 120px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
}
.shengwen p{
    font-size: 22px;
}
}
@media ( max-width:900px){
	.tempImg .main-right p {
		font-size: 17px;
	}
}
@media ( max-width:837px){
	 .bd1 div {
		width: 28%;
	} 
	.tempImg .main-right p {
		padding-top: 0px;
	}
	.tempImg .main-right .hd h1 {
		font-size: 20px;
		
	}
	.tempImg .main-right .hd {
	border-bottom: none;
	}
}
@media ( max-width:740px){
	.bxyyin .roof04 li .text h3{
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		word-break: break-all;
	}
	.picScroll-left03{
		margin-left: 0px;
	}
	.shengtu{
    width: 100%;
	height: auto;
	}
	.shengtu img{width:100%;}
	.shengwen{width: 100%;padding: 16px 0;}
	.shengwen .about-info{
    display: block;
}
}
@media ( max-width:680px){
	.tempImg .main-right .concat {
		padding-top: 10px;}
		.tempImg .main-right p {
			font-size: 16px;
		}
		.tempImg .main-right .hd h1 {
			font-size: 16px;
		}
}
@media ( max-width:626px){
	.tempImg .main-right .concat {
		font-size: 14px;
	 line-height:normal;
	}
	.tempImg .main-right p {
		font-size: 12px;
		padding-top: 3%;
	}
	/* .pg{
		width: 90%;
	} */
}
@media ( max-width:564px){
	.pg {width:100%;}
	.tempImg .main-right {
		float: left;
		width: 51%;
		margin-left: 5%;
	}
	.tempImg .main-right .hd {
		padding-bottom: 6px;
		padding-top: 0px;
		
	}
	.tempImg .main-right p {
		padding-top: 3%;;
	
	}
}
@media ( max-width:528px){
	.box8text .text .pic span{
		line-height: 100px;
	}
	.tempImg .main-left {
		float: left;
		width: 45%;
	
	}
	.tempImg .main-right .hd {
		display: none;
	}
	 .bd1 div a span {
		font-size: 10px;
	}
	.bd1 div {
		width: 27%;
	} 
	.tempImg .main-right{
		width: 48%;
	}
	.tempImg .main-right p {
		padding-top: 5%;
		font-size: 15px;
	}
	.tempImg .main-right .concat {
		padding-top: 7px;
		color: #ef001d;
		font-size: 19px;
		font-weight: bold;
		line-height: 33px;
		display: block;
		float: left;
	}
	.tempImg .main-right .concat a{
		font-size: 12px;
	}
}
@media ( max-width:480px){
	.CaseBox .item1 {
		margin-left: 10px;
		width: 100%;
	}
}
@media ( max-width:450px){
	.shengjia {
		padding-top: 40px;
	}

	.owl-buttons{
		display: none;
	}
	.owl-carousel .owl-wrapper-outer {
		width: 103%;
	}
	.bxyyin .roof04 li .text {
		width: 100%;
		height: 178px;}
	.pg{
		width: 100%;
	}
	 .bd1 div a img {
		width: 100%;
		height: 186px;
	}
	.bd1 div {
		width: 93%;
	}
	.bd1 div a span {
		font-size:12px;
	} 
	.box8text .text .list li span {
		font-size: 18px;
		color: #565656;
		line-height: 49px;
		display: block;
		float: right;
	}
	.box8text .text .list li a {
		font-size: 20px;
		color: #000;
		float: left;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
		width: 260px;
		line-height: 47px;
	}
	.tempImg .main-right .concat {
		padding-top: 5px;
		font-size: 14px;
	}
	.tempImg .main-right p {
		padding-top: 5px; 
		
	}
}

@media ( max-width:415px){
	.tempImg .main-right p {

		font-size: 12px;
	}
	.tempImg .main-right {
		width: 59%;
	}
	.tempImg .main-left {
		float: left;
		width: 36%;
	}
	.box8text .text .list li a{
		width: 68%;
	}
	.t{
		display: none;
	}
	.f{
		display: none;
	}
	.pagination .page-num{
		display: none;
	}
	.pagination {
		margin-left: 30%;
	}
	.my-4 {
		width: auto;
	}
	.pg{
		margin-top: 25px;
		margin-bottom: 25px;
	}
}
@media ( max-width:377px){
	.tempImg .main-right .concat{
		display: none;
	}
	.tempImg .main-left {
		float: left;
		width: 40%;
	}
	.tempImg .main-right {
		width: 58%;
		margin-left: 2%;
	}
	.tempImg .main-right p {
		margin-top: 5px;
		padding-top: 5px;
		font-size: 10px;
	}

}
