.banner,.bannerBox{
	height: auto!important;
}
.bannerImg{
	display: block;
	height: auto;
}
.bannerImg img{
	width: 100%;
	height: 100%;
	display: block;
}
.bannerBg{
	height: 100%;
	width: 100%;
}
.pagination {
  position: absolute;
  z-index: 20;
  bottom: 2%;
  width: 100%;
  text-align: center;
}
.swiper-pagination-switch {
  display: inline-block;
  width: 13px;
  height: 13px;
  border-radius: 13px;
  background: #FFFFFF;
  margin: 0 5px;
  opacity: 0.8;
  cursor: pointer;
}
.swiper-active-switch {
  background: #258fa5;
}
.anlibtn{
	position: absolute;
	width: 100%;
	top: 50%;
	left: 0;
	z-index: 99;
}
.anlibtn .swiper-button-next{
	float: left;
	margin-left: 10%;
}
.anlibtn .swiper-button-prev{
	float: right;
	margin-right: 10%;
}
.anlibtn >div{
	height: 60px;
	width: 60px;
	border: 1px solid #FFFFFF;
	border-radius: 50px;
	line-height: 60px;
	text-align: center;
	font-size: 28px;
	color: #FFFFff;
	cursor: pointer;
}
.anlibtn >div:hover{
	background-color: #258fa5;
	color: #FFFFFF;
}
/* 轮播图完 */
.liuyan{
	padding: 4% 0;
}
.liuyanLeft{
	width: 58%;
	height: 100%;
	float: left;
}
.liuyanright{
	width: 42%;
	float: right;
	background-color: #258fa5;
}
.liuyanLeftBox,.liuyanLeftList{
	height: auto!important;
}
.liuyanLeftListImg{
	display: block;
	height: auto;
}
.liuyanLeftListImg img{
	width: 100%;
	height: 100%;
	display: block;
}
.liuyanLeftList{
	position: relative;
}
.biaoti{
	position: absolute;
	bottom: 0;
	left: 0;
	line-height: 46px;
	width: 100%;
	background-color: rgba(0,0,0,0.7);
}
.biaoti p{
	width: 80%;
	color: #FFFFFF;
	padding-left: 2%;
}
.pagebox{
	position: absolute;
	left: auto!important;
	bottom: 0!important;
	right: 0!important;
	color: #FFFFFF;
	line-height: 46px;
	margin-right: 4%;
	text-align: right!important;
	z-index: 99;
}

/*validate 验证控件 样式*/
    label.error {clear: both;color: red;font-weight: normal;font-size:14px;margin: 0;padding: 0;}
    input.error, select.error,textarea.error { border: 1px solid red;}
.liuyanright #form1{
	width: 74%;
	margin: 0 auto;
	color: #FFFFFF;
	padding-top: 30px;
}

.liuyanright #form1 input::-webkit-input-placeholder {
/* WebKit browsers */
	color: #FFFFFF;
}



.xingmdianhu >div:first-child{
	float: left;
	width: 48%;
}
.xingmdianhu >div:last-child{
	float: right;
	width: 48%;
}
.xingmdianhu >div{
	border-bottom: 1px solid #b9f3ff;
}
#form1 div span{
	display: block;
	width: 10%;
	float: left;
}
.xingmdianhu >div input{
	width: 88%;
	float: right;
	padding-left: 2%;
	font-size: 20px;
	font-size: 16px;
}

.liuyanright #form1 input{
	border: 0;
	background-color: rgba(0,0,0,0);
	color: #FFFFFF;
	padding-left: 1%;
	font-size: 16px;
	line-height: 40px;
}
#form1 div span{
	line-height: 40px;
}
#form1 >div{
	margin-bottom: 40px;
}
.xiexsw{
	border-bottom: 1px solid #b9f3ff;
		position: relative;
}
#form1 .xiexsw span{
	width: 5%;
}
.xuenws{
	width: 94%;
	float: right;
}
.wosh{
	line-height: 40px;
	float: left;
}
.sanjiao{
	float: right;
}
.xuanx{
	position: absolute;
	top: 41px;
	left: 0;
	background-color: rgba(37,143,165,1);
	width: 100%;
	display: none;
	z-index: 99;
}
.xuanx p{
	padding-left: 6%;
	color: #FFFFFF;
	line-height: 40px;
	border-bottom: 1px solid #b9f3ff;
}
.liuyanbtn button{
	width: 100%;
	line-height: 40px;
	text-align: center;
	background-color: #FFFFFF;
	border-radius: 40px;
	color: rgba(37,143,165,1);
}
.liuyanbtn button:hover{
	background-color: #005567;
	color: #FFFFFF;
}
.liuyanbtn{
	padding-top: 20px;
}

/* 留言完 */


.Solutiontop{
	height: 150px;
	margin: 50px auto;
}

.Solutiontop .SolutiontopList{
	width: 12.5%;
	float: left;
}
.SolutiontopListImg{
	width: 50%;
	margin: 0 auto;
	height: 80px;
	overflow: hidden;
	position: relative;
}
.SolutiontopListImg img{
	width: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
.SolutiontopList .SolutiontopListImg img:first-child{
	display: block;
}
.SolutiontopList .SolutiontopListImg img:last-child{
	display: none;
}
.SolutiontopList:hover .SolutiontopListImg img:last-child{
	display: block;
}
.SolutiontopList:hover  .SolutiontopListImg img:first-child{
	display: none;
}
.SolutiontopList h1{
	font-size: 16px;
	color: #000000;
	text-align: center;
	line-height: 28px;
}
.SolutiontopList:hover h1{
	color: #258fa5;
}
.SolutiontopList{
	position: relative;
}
.SolutiontopList:after{
	position: absolute;
	content: "";
	width: 1px;
	height: 60px;
	top: 20px;
	right: 0;
	background-color: #258fa5;
}


.SolutiontopList:last-child:after{
	display: none;
}
.SolutiontopList1 h1{
	color: #258fa5;
}
.SolutiontopList1 .SolutiontopListImg img:last-child{
	display: block;
}
.SolutiontopList1 .SolutiontopListImg img:first-child{
	display: none;
}
.fenleiImg{
	width: 32%;
	float: left;
}
.fenleiImg img{
	width: 100%;
}
.fenleitxt{
	width: 64%;
	float: right;
}
.fenleitxt h1{
	font-size: 30px;
	color: #000000;
	line-height: 40px;
}
.fenleitxt h2{
	color: #258fa5;
	font-size: 24px;
	text-transform: uppercase;
	line-height: 46px;
}
.fenleitxt h3{
	margin-top: 2%;
	font-size: 14px;
	color: #898989;
	line-height: 26px;
}
.fenleitxt a{
	display: block;
	width: 24%;
	line-height: 34px;
	border: 1px solid #258fa5;
	text-align: center;
	margin-top: 8%;
	color: #258fa5;
	text-transform: uppercase;
}
.fenleitxt a:hover{
	background-color: #258fa5;
	color: #FFFFFF;
}
.chansp{
	margin: 40px auto;
}
.chansp a{
	display: block;
	position: relative;
	width: 23%;
	float: left;
	margin-right: 2%;
}
.chansp a:last-child{
	margin-right: 0;	
}
.chansp a img{
	width: 100%;
	display: block;
}
.chansp a span{
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: center;
	display: block;
	background-color: #258fa5;
	color: #FFFFFF;
	width: 100%;
	line-height: 36px;
	display: none;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.chansp a:hover span{
	display: block;
}
/* 解决方案完 */
.case{
	background-color: #f7f7f7;
	padding: 50px 0;
	margin-bottom: 50px;
}
.caseTitle{
	width: 80%;
	margin: 40px auto;
}
.caseTitle a{
	width: 26%;
	margin:0  3.5%;
	float: left;
	line-height: 30px;
	border: 1px solid #d2d2d2;
	color: #258fa5;
	text-align: center;
}
.caseTitle a:hover{
	background-color: #258fa5;
	color: #FFFFFF;
	font-size: 14px;
}
.caseTitleAa{
	background-color: #258fa5;
	color: #FFFFFF!important;
	font-size: 14px;
}
.caseListleftlunboimg a{
	display: block;
	height: auto;
}
.caseListleftlunboimg a img,.caseListleftbox{
	width: 100%;
	height: 100%;
	display: block;
}
.caseListleftlunboimg,.caseListleftlunbo{
	height: auto!important;
}
.caseList .caseListleft{
	float: left;
	width: 28%;
}
.caseListleft{
	position: relative;
}
.bannerBtncase{
	text-align: right!important;
	right: 6%;
}
.caseList .caseListright{
	float: right;
	width: 72%;
}
.casepro >a{
	display: block;
	width: 30%;
	margin: 0 1.5% 2.6%;
	float: left;
	position: relative;
}
.casepro >a img{
	width: 100%;
	display: block;
}
.casetxt{
	width: 100%;
	background-color: rgba(0,0,0,0.7);
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	color: #FFFFFF;
	text-align: center;
	display: none;
}
.casetxt span{
	display: block;
	font-size: 16px;
	margin-top: 20px;
	line-height: 50px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.casetxt h1{
	width: 20%;
	height: 4px;
	border-radius: 4px;
	background-color: #FFFFFF;
	margin: 0 auto;
}
.casetxt p{
	height: 78px;
	overflow: hidden;
	line-height: 26px;
	font-size: 14px;
	margin: 4% 4% 0;
}
.casepro a:hover .casetxt{
	display: block;
}
.chakanbtn{
	width:160px;
	line-height: 40px;
	border: 1px solid #258fa5;
	color: #258fa5;
	margin: 0 auto;
	display: block;
	text-align: center;
	text-transform: uppercase;
}
.chakanbtn:hover{
	color: #FFFFFF;
	background-color: #258fa5;
}
.aboutLeft{
	position: relative;
}
.aboutLeftSid a{
	display: block;
	height: auto;
}
.aboutLeftWrp a img{
	width: 100%;
	height: 100%;
	display: block;
}
.aboutLeftWrp,.aboutLeftWrp{
	height: auto!important;
}
.aboutLeft{
	width: 42%;
	float: left;
}
.bannerBtnabout{
	text-align: right;
	right: 4%;
}
.aboutBox{
	margin: 4% auto;
}
.aboutRight{
	width: 56%;
	float: right;
}
.aboutTitle{
	font-size: 30px;
	color: #258fa5;
	font-weight: bold;
}
.aboutTitle >span{
	color: #58a9ba;
	text-transform: uppercase;
}
.aboutText{
	margin-top: 26px;
	height:152px;
	overflow: hidden;
}
.aboutText *{
	font-size: 16pxx!important;
	color: #000000x!important;
	line-height: 38px!important;
}
.aboutNav .aboutNavLi {
	width: 23%;
	margin: 0 1%;
	background-color: #f1f1f1;
	float: left;
	text-align: center;
}
.aboutNav .aboutNavLi a{
	display: block;
	color: #258fa5;
}
.aboutNav .aboutNavLi a span{
	font-size: 54px;
	padding: 20px 0 10px 0;
	display: block;
	line-height: 80px;
}
.aboutNav .aboutNavLi a h1{
	font-size: 18px;
	color: #000000;
	line-height: 32px;
	font-weight: bold;
}
.aboutNav .aboutNavLi a h2{
	font-size: 14px;
	line-height: 24px;
	padding-bottom: 10px;
}
.aboutNav .aboutNavLi:first-child{
	background-color: #258fa5;
}
.aboutNav .aboutNavLi:first-child a{
	color: #FFFFFF;
}
.aboutNav .aboutNavLi:first-child a h1{
	color: #FFFFFF;
}
.aboutNavLi a h4{
	text-transform: uppercase;
}
.aboutNav .aboutNavLi:hover{
	background-color: #258fa5;
}
.aboutNav .aboutNavLi:hover a{
	color: #FFFFFF;
}
.aboutNav .aboutNavLi:hover a h1{
	color: #FFFFFF;
}
.aboutNav{
	margin-top: 40px;
}
.youshi_bg{
	padding-top: 40px;
	background: url(../img/photo11.jpg) no-repeat;
	padding-bottom: 50px;
}
.youshiTop {
	width: 92%;
	margin: 50px auto 0;
}
.youshiTop .youshiText li {
	background-color: #FFFFFF;
	padding: 40px 0 70px;
}
.youshiTop .youshiText li span{
	font-size: 48px;
	display: block;
	width: 104px;
	height: 104px;
	margin: 0 auto;
	background-color: #258fa5;
	text-align: center;
	line-height: 104px;
	border-radius: 100px;
	color: #FFFFFF;
}
.youshiTop .youshiText li h1{
	width: 86%;
	margin: 0 auto;
	text-align: center;
	font-size: 20px;
	color: #000000;
	line-height: 62px;
	font-weight: bold;
}
.youshiTop .youshiText li p{
	width: 86%;
	margin: 0 auto;
	font-size: 16px;
	color: #5b5b5b;
	text-align: center;
	line-height: 24px;
}
.youishiBottom li{
	width: 8%;
	float: left;
	margin: 0 8.5%;
	text-align: center;
}
.youishiBottom li span{
	font-size: 48px;
	background: #FFFFFF;
	color: #258fa5;
	height: 90px;
	margin: 0 auto;
	width: 90px;
	line-height: 90px;
	display: block;
	border-radius: 100px;
	border: 6px solid rgba(0,0,0,0);	
}
.youishiBottom li:nth-child(2) span{
	font-size: 62px;
}
.youishiBottomClick span{
	border: 6px solid #2e6975!important;
	background: #258fa5!important;
	color: #FFFFFF!important;
}
.youishiBottomClick h1{
	color: #258fa5!important;
}
.youishiBottomClick b{
	background-color: #258fa5!important;
}
.youishiBottom li h1{
	font-size: 20px;
	line-height: 64px;
	font-weight: bold;
	color: #FFFFFF;
}
.youishiBottom li b{
	display: block;
	width: 40%;
	height: 4px;
	background-color: #FFFFFF;
	margin: 0 auto;
	border-radius: 10px;
}
.youishiBottom li{
	cursor: pointer;
}
.youishiBottom{
	padding: 40px 0;
}
.youshiTop{
	position: relative;
}
.youishiBtn{
	position: absolute;
	bottom: 20px;
	text-align: center;
	width: 100%;
}
.youishiBtn span{
	display: inline-block;
	width: 40px;
	height: 4px;
	background-color: #c9c9c9;
	border-radius: 10px;
	margin: 0 10px;
}
.youishiBtnClick{
	height: 6px!important;
	background-color: #258fa5!important;
}
.newsBtn{
	width: 80%;
	margin:60px auto;
}
.newsBtn a{
	width: 20%;
	margin:0 6.5%;
	border: 1px solid #d2d2d2;
	float: left;
	text-align: center;
	line-height: 32px;
	color: #258fa5;
}
.newsBtn a:hover{
	background-color: #258fa5;
	color: #FFFFFF!important;
}
.newsBtnhover{
	background-color: #258fa5;
	color: #FFFFFF!important;
}
.newsbox{
	padding: 50px 0;
}
.newsList{
	width: 69%;
	float: left;
}
.newsListRight{
	width: 29.5%;
	float: right;
	position: relative;
}
.newstxt a{
	display: block;
	background-color: #f7f7f7;
	margin-bottom: 20px;
}
.newslistImg{
	width: 26%;
	float: left;
}
.newslistImg img{
	width: 100%;
	display: block;
}
.newsListtt{
	width: 72%;
	padding-left: 2%;
	float: right;
	background-color: #f7f7f7;
}
.newsListtt span{
	font-size: 18px;
	color: #58a9ba;
	line-height: 34px;
}
.newsListtt h1{
	font-size: 18px;
	color: #000000;
	line-height: 30px;
	font-weight: bold;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.newsListtt p{
	font-size: 16px;
	color: #b3b3b3;
	line-height: 24px;
	padding-right: 4%;
	height: 48px;
	overflow: hidden;
	margin-top: 14px;
}
.newsListtt b{
	text-transform: uppercase;
	font-size: 16px;
	color: #b3b3b3;
	font-weight: normal;
	padding-top: 2%;
	display: block;
}
.newsListRighttt a{
	display: block;
	width: 100%;
	height: 100%;
}
.newsListRighttt a img{
	display: block;
	width: 100%;
	height: 100%;
}
.newsListRighttt,.newsListRightlist{
	height: auto!important;
}
.newsListRightbox{
	width: 100%;
	height: 100%;
}
.newsListRightBtn{
	text-align: right!important;
	right: 4%;
}
.newstxt a:hover .newsListtt h1{
	color: #58a9ba;
}
.newstxt a:hover .newsListtt b{
	color: #58a9ba;
	font-weight: bold;
}
.hezuobg{
	background: url(../img/photo14.jpg) no-repeat;
	padding: 50px 0;
}
.hezuolist a{
	display: block;
}
.hezuolist a img{
	width: 100%;
	display: block;
}
.hezuobutn{
	padding: 50px 0 0;
}
.heuzobtn{
	width: 16%;
	padding-top: 60px;
	margin: 0 auto;
	position: relative;
}
.heuzobtn div{
	line-height:34px;
	border: 1px solid #58a9ba;
	width: 45%;
	text-align: center;
	font-size: 24px;
	color: #258fa5;
	cursor: pointer;
}
.heuzobtnnext{
	float: left;
}
.heuzobtnprev{
	float: right;
}
.heuzobtn div:hover{
	background-color: #258fa5!important;
	color: #FFFFFF;
}
@media screen and (max-width:1160px){
	.liuyanright{
		width: 100%;
		height: auto!important;
	}
	.liuyanLeft{
		width: 100%;
	}
	.Solutiontop .SolutiontopList{
		width: 25%;
	}
	.SolutiontopList:nth-child(4n):after{
		display: none;
	}
	.SolutiontopListImg{
		height: 54px;
	}
	.Solutiontop{
		height: auto;
		margin: 20px auto;
	}
	.fenleitxt h1{
		font-size: 20px;
	}
	.fenleitxt h2{
		display: none;
	}
	.fenleiImg{
		width: 50%	;
	}
	.fenleitxt{
		width: 48%;
	}
	.fenleitxt h3{
		height: 40px;
		overflow: hidden;
		padding-right: 10px;
		line-height: 20px;
	}
	.fenleitxt a{
		width: 80%;
		line-height: 26px;
	}
	.chansp a{
		width: 48%;
		margin: 1% 1%;
	}
	.caseTitle a{
		width: 30%;
		margin: 0 1.5%;
		box-sizing: border-box;
	}
	.caseListleft,.aboutLeft{
		display: none;
	}
	.caseList .caseListright{
		width: 100%;
	}
	.caseTitle{
		margin: 20px auto;
	}
	.aboutRight{
		width: 100%;
	}
	.aboutRight >div{
		margin: 0 10px;
	}
	.aboutNav .aboutNavLi a h2{
		display: none;
	}
	.aboutNav .aboutNavLi a span{
		font-size: 40px;
		line-height: 60px;
	}
	.aboutNav .aboutNavLi a h1{
		padding-bottom: 20px;
		font-size: 16px;
	}
	.aboutTitle{
		font-size: 20px;
	}
	.aboutText *{
		line-height: 25px!important;
	}
	.aboutText,.aboutNav{
		margin-top: 16px;
	}
	.youshiTop .youshiText li h1{
		line-height: 30px;
		font-size: 16px;
	}
	.youshiTop .youshiText li p{
		font-size: 14px;
	}
	.newsListtt h1{
		font-size: 16px;
	}
	.youshiTop{
		margin: 20px auto 0;
	}
	.youishiBottom li{
		width: 20%;
		margin: 0 2.5%;
	}
	.youishiBottom li span{
		font-size: 34px;
		width: 60px;
		height: 60px;
		line-height: 60px;
	}
	.youishiBottom li h1{
		font-size: 16px;
		line-height: 44px;
	}
	.newsBtn a{
		width: 30%;
		margin: 0 1.5%;
		box-sizing: border-box;
	}
	.newsListRight{
		display: none;
	}
	.newsList{
		width: 100%;
	}
	.newsListBox{
		margin: 0 10px;
	}
	.newslistImg{
		width: 40%;
	}
	.newsListtt{
		width: 58%;
	}
	.newsListtt p{
		margin: 0;
		line-height: 24px;
	}
	.newsListtt span,.newsListtt p{
		font-size: 14px;
		
	}
	.newsListtt b{
		display: none;
	}
	.newsBtn{
		margin: 20px auto;
	}
	.anlibtn {
		display: none;
	}
	.liuyanright #form1{
		width: 90%;
	}
	#form1 >div{
		margin-bottom: 10px;
	}
	.liuyanbtn button{
		margin-bottom: 30px;
	}
	.hezuobutn{
		padding: 20px 10px 0;
	}
	.heuzobtn{
		width: 50%;
		padding-top: 30px;
	}
}