.banner_a{
	display: block;
	height: 100%!important;
}
.banner_a img{
	width: 100%;
	height: auto;
	display: block;
}
.banner_box{
	height: auto!important;
}
.banner{
	width: 100%;
	height: 100%;
}

.swiper-pagination {
  position: absolute;
  z-index: 20;
  bottom: 10px;
  width: 100%;
  right: 6%;
  text-align: right;
}
.swiper-pagination-switch{
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 16px;
  background: #FFF;
  margin: 0 5px;
  opacity: 0.8;
  border: 1px solid #fff;
  cursor: pointer;
}
.swiper-active-switch {
  background: #4c76bf;
}
.banner{
	position: relative;
}
/* 轮播图 */
.width_max{
	max-width: 1680px;
	margin: 0 auto;
}

.index_P_T_left{
	margin-top: 40px;
	float: left;
	width: 24%;
}
.index_P_T_right{
	float: right;
	width: 76%;
	margin-top: 90px;
}
.index_P_T_right_p{
	float: right;
	margin: 0 10px;
	padding: 0 10px;
}
.index_P_T_right_p a{
	font-size: 16px;
	color: #000000;
	width: 100%;
	display: block;
	text-align: center;
	line-height: 50px;
}
.index_P_T_right_phover{
	background: #4c76bf;
}
.index_P_T_right_phover a{
	color: #FFFFFF;
}
.index_p_list{
	margin-top: 45px;
	height: 466px;
	position: relative;
}
.index_p_listTop{
	position: absolute;
	top: 0;
	left: 0;
}
.index_p_listBg{
	width: 25%;
	float: left;
}
.index_p_listBox{
	margin: 0 6px;
	display: block;
}
.index_p_listImg{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.index_p_listTitle{
	background: #FFFFFF;
}
.index_p_listImg img{
	width: 100%;
	display: block;
}
.index_p_listTitleBox{
	padding: 0 10px;
}
.index_p_listTitleBox >h1{
	font-size: 18px;
	color: #000000;
	line-height: 50px;
}
.index_p_listTitleBox >p{
	/*height: 104px;*/
	line-height: 26px;
	font-size: 14px;
	color: #626262;
	overflow: hidden;
}
.index_p_listTitleBox >span{
	text-align: right;
	color: #626262;
	font-size: 14px;
	display: block;
	line-height: 56px;
}
.index_product_bg{
	background: url(../images/bg.jpg) top center no-repeat;
	background-size: 100% auto;
}
.index_product{
	padding-bottom: 74px;
}
.index_p_btn{
	margin: 74px auto 34px;
	width: 30%;
}
.index_p_btn >div{
	width: 46%;
	float: left;
	line-height: 30px;
	cursor: pointer;
	border: 1px solid #FFFFFF;
	box-sizing: border-box;
	margin: 0 10px;
	text-align: center;
	color: #FFFFFF;
}
.index_p_listBg{
	height: auto!important;
}
.index_p_listTop{
	height: auto!important;
}
.index_list_a{
	width: 10%;
	display: block;
	margin: 0 auto;
	text-align: center;
	font-size: 18px;
	color: #ffffff;
	line-height: 20px;
}

.index_case_bg{
	background-color: #FFFFFF;
}
.index_case_listBg{
	max-width: 1478px;
	margin: 0 auto;
	height: auto;
}
.index_case_listimg{
	width: 20%;
	float: left;
	height: auto!important;
}
.index_case_listBox{
	height: auto!important;
}
.index_case_listimg2{
	margin: 0 6px;
	overflow: hidden;
}
.index_case_listimg2 img{
	width: 100%;
	display: block;
}
.index_case_list{
	position: relative;
	margin-top: 46px;
}
.index_case_btn{
	width: 100%;
	position: absolute;
	top: 10%;
	left: 0;
}
.swiper-case-next{
	float: left;
	margin-left: 20px;
}
.swiper-case-prev{
	float: right;
	margin-right: 20px;
}
.index_case_btn div{
	border: 1px solid #626262;
	width: 44px;
	height: 44px;
	line-height: 44px;
	text-align: center;
	color: #626262;
	font-size: 24px;
	cursor: pointer;
}
.index_case_jieshaoLeft{
	width: 56%;
	background-color: #f7f7f7;
	padding-bottom: 30px;
}
.index_case_jieshaoRight{
	width: 44%;
	display: block;
	float: right;
}
.index_case_jieshaoRight >img{
	width: 100%;
	display: block;
}
.index_case_jieshaoBox >div{
	float: left;
}
.index_case_jieshaoBox{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.index_case_jieshao{
	max-width: 1478px;
	margin: 30px auto 0;
	position: relative;
	height: 490px;
}
.index_case_jieshaoLeft >h1{
	font-size: 18px;
	color: #000000;
	line-height: 18px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	padding-top: 52px;
	padding-left: 20px;
}
.index_case_jieshaoLeftXX{
	width: 10%;
	height: 2px;
	background-color: #4c76bf;
	margin: 26px 0 26px 20px;
}
.index_case_jieshaoLeft >p{
	line-height: 28px;
	height: 84px;
	overflow: hidden;
	padding-left: 20px;
	padding-right: 40px;
	font-size: 16px;
}
.index_case_jieshaoLeft >h2{
	font-size: 16px;
	color: #626262;
	padding-left: 20px;
	line-height: 22px;
	padding-top: 22px;
}
.index_case_jieshaoLeft >h2 span:nth-child(1){
	margin-right: 6px;
}
.index_case_btn_tell{
	margin-left: 20px;
	margin-top: 42px;
}
.index_case_btn_tell a{
	float: left;
	width: 14%;
	text-align: center;
	font-size: 16px;
	line-height: 30px;
	box-sizing: border-box;
}
.index_case_btn_tell a:nth-child(1){
	border: 1px solid #626262;
	color: #626262;
	margin-right: 10px;
}
.index_case_btn_tell a:nth-child(2){
	background-color: #4c76bf;
	color: #FFFFFF;
	border: 1px solid #4c76bf;
}

.index_aboutLeft{
	width: 10%;
	padding-top: 20px;
}
.index_aboutLeftBox{
	border: 1px solid #626262;
	box-sizing: border-box;
	margin-top: 24px;
	text-align: center;
	padding-top: 38px;
	cursor: pointer;
}
.index_aboutLeftBox >h1{
	font-size: 84px;
	color: #626262;
	line-height: 82px;
}
.index_aboutLeftBox:nth-child(1) h1{
	font-size: 60px;
	line-height: 81px;
}
.index_aboutLeftBox >h2{
	color: #626262;
	line-height: 50px;
}
.index_aboutLeftBoxttt{
	border: 1px solid #4c76bf;
}
.index_aboutLeftBoxttt h1{
	color: #4c76bf;
}
.index_aboutLeftBoxttt h2{
	color: #4c76bf;
}
.index_aboutRight{
	width: 90%;
}
.index_aboutBox >div{
	float: left;
}
.index_aboutRightText{
	margin-left: 4%;
	height: 240px;
	overflow: hidden;
	font-size: 16px;
	position: relative;
}
.index_aboutBox{
	margin-top: 36px;
}
.index_aboutRightTbxo *{
	line-height: 30px!important;
}
.index_aboutRightTbxo img{
	display: none;
}
.index_aboutRightText{
	padding-right: 1%;
}
.index_aboutRightTbxo{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.about_video{
	margin-left: 4%;
	margin-top: 40px;
}
.about_videoBox{
	width: 33.3%;
	float: left;	
}
.about_videoBox video{
	width: 94%;
	margin: 0 auto;
	height: 324px;
}
.index_about_btn{
	padding: 42px 30px 52px 0;
}
.index_about_btn a{
	float: right;
	line-height: 30px;
	text-align: center;
	width: 10%;
}
.index_about_btn a:nth-child(1){
	border: 1px solid #626262;
	color: #626262;

}
.index_about_btn a:nth-child(2){
	border: 1px solid #4c76bf;
	color: #FFFFFF;
	background: #4c76bf;
	margin-right: 10px;
}
.index_jiejueBg{
	background: url(../images/jiejuebg.jpg) center no-repeat;
}
.index_jiejueTxtBox{
	margin-top: 86px;
	height: 510px;
	overflow: hidden;
}
.index_jiejueTop >div{
	float: left;
}
.index_jiejueTxtBoxLeft{
	width: 59.5%;
}
.index_jiejueTxtBoxRight{
	width: 40.5%;
}
.index_jiejue_bgg{
	padding: 50px 40px 0 50px;
}
.index_jiejue_bgg >h1{
	line-height: 50px;
	font-size: 30px;
	color: #000000;
}
.index_jiejue_bgg >h2{
	font-size: 18px;
	line-height: 42px;
}
.index_jiejue_bgg >p{
	margin-top: 30px;
	line-height: 28px;
	font-size: 16px;
	height: 84px;
	overflow: hidden;
}
.index_jiejue_bgg >h3{
	font-size: 30px;
	line-height: 40px;
	margin-top: 34px;
}
.index_jiejue_bgg >a{
	display: block;
	width: 20%;
	line-height: 30px;
	font-size: 16px;
	color: #626262;
	border: 1px solid #626262;
	text-align: center;
	margin: 56px 0 92px 0;
}
.index_jiejue_img{
	margin-right: 50px;
}
.index_jiejue_img img{
	width: 100%;
	display: block;
}
.index_jiejueBottomBox{
	margin-right: 50px;
}
.index_jiejueBottomBox li{
	float: left;
	width: 20%;
}
.index_jiejueBottomBox li a{
	margin-left: 50px;
	text-align: center;
	background-color: #FFFFFF;
	line-height: 50px;
	display: block;
	position: relative;
}
.index_jiejueBottomBoxxxx a{
	background-color: #4c76bf!important;
	color: #FFFFFF;
}
.index_jiejueBottomBoxxxx a:after{
	content: "";
	position: absolute;
	top: -30px;
	left:43%;
	width: 0;
	    height: 0;
	    border-bottom: 30px solid #4c76bf;
	    border-right: 30px solid transparent;
	    border-left: 30px solid transparent;
}
.index_jiejueBottom{
	margin-top: 58px;
	padding-bottom: 80px;
}
.index_newBox{
	margin-top: 68px;
}
.index_newLi{
	width: 50%;
	float: left;
}
.index_newContentBg{
	margin: 0 10px 40px 10px;
	cursor: pointer;
	display: block;
}
.index_newContentBg>div{
	float: left;
}
.index_newImg{
	width: 33.6%;
}
.index_newImg img{
	width: 100%;
	display: block;
}
.index_newContentBox{
	width: 65.4%;
	background-color: #f7f7f7;
}
.index_newContent{
	padding-left: 20px;
	padding-right: 20px;
}
.index_newContent h1{
	font-size: 18px;
	line-height: 34px;
	padding-top: 14px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	color: #000000;
}
.index_newContent h2{
	font-size: 14px;
	line-height: 30px;
	color: #626262;
}
.index_newContent p{
	font-size: 16px;
	line-height: 30px;
	height: 90px;
	overflow: hidden;
	color: #262626;
}
.index_newContent span{
	display: block;
	text-align: right;
	color: #626262;
	font-size: 16px;
	line-height: 34px;
	padding-bottom: 6px;
}
.index_newContentBg:hover .index_newContent h1{
	color: #4c76bf;
}
.index_newContentBg:hover .index_newContent span{
	color: #4c76bf;
}
.index_newsBtn a{
	float: left;
	width: 46%;
	line-height: 30px;
	border: 1px solid #626262;
	color: #626262;
	text-align: center;
	margin-right: 2%;
}
.index_newsBtn{
	width: 20%;
	margin: 0 auto;
}
.index_liuyanBg{
	padding-top: 30px;
}
.index_p_listBg,.index_case_listimg{
	position: relative;
	cursor: pointer;
}
.index_case_listimg2{
	cursor: pointer;
}
.index_p_listBg:hover .index_p_listBox:after{
	    content: "";
	    display: block;
	    width: 96%;
	    height: 100%;
	    position: absolute;
	    top: -5px;
	    right: 0px;
	    background: #bcd3f0;
	    z-index: -1;
}
.index_p_listBg:hover .index_p_listTitleBox >h1{
	color: #4c76bf;
}
.index_p_listBg:hover .index_p_listTitleBox >span{
	color: #4c76bf;
}
.index_case_listimg:hover .index_case_listimg2:after{
	    content: "";
	    display: block;
	    width: 96%;
	    height: 100%;
	    position: absolute;
	    top: -5px;
	    right: 0px;
	    background: #bcd3f0;
	    z-index: -1;
}
.index_p_listImg,.index_case_listimg2,.index_newImg{
	cursor: pointer;
	transition: all 2s;
	overflow: hidden;
}
.index_p_listBox:hover .index_p_listImg img{
	transform: scale(1.1);
	transition: all 0.6s;
}
.index_case_listimg:hover .index_case_listimg2 img{
	transform: scale(1.1);
	transition: all 0.6s;
}
.index_newContentBg:hover .index_newImg img{
	transform: scale(1.1);
	transition: all 0.6s;
}
	@media screen and (max-width:980px){
		.index_p_listBg{
			width: 50%;
		}
		.index_P_T_left{
			width: 100%;
			text-align: center;
			float: none;
		}
		.index_title .index_title_xi{
			margin: 0 auto 30px;
		}
		.index_P_T_right{
			width: 100%;
			margin-top: 20px;
			overflow-x: scroll;
			white-space: nowrap;
			-webkit-overflow-scrolling: touch;
		}
		.index_P_T_right_p{
			position: relative;
			display: inline-block;
		}
		.index_P_T_right_p{
			float: none;
		}
		.index_p_listTitleBox >p{
			height: 52px;
		}
		.index_p_listTitleBox >h1{
			line-height: 40px;
		}
		.index_product_bg{
			background: #FFFFFF;
		}
		.index_p_listTitle{
			background:#F2F2F2;
		}
		.index_p_list{
			height: 290px;
		}
		.index_p_btn{
			width: 100%;
			margin: 0;
		}
		.index_p_btn >div{
			width: 40%;
			margin: 10px 5%;
			border: 1px solid #e5e5e5;
			color: #4e4e4e;
			background-color: #e5e5e5;
		}
		.index_list_a{
			color: #4e4e4e;
			width: 100%;
			margin: 10px auto;
		}
		.index_product{
			padding-bottom:10px
		}
		.index_case_btn{
			z-index: 99;
			top: 8%;
		}
		.index_case_btn div{
			border: 1px solid #FFFFFF;
			color: #FFFFFF;
			width: 30px;
			height: 30px;
			line-height: 30px;
			font-size: 18px;
		}
		.index_case_jieshaoBox >div{
			float: none;
		}
		.index_case_jieshaoLeft,.index_case_jieshaoRight{
			width: 100%;
		}
		.index_case_jieshao{
			height: 323px;
			background-color: #f7f7f7;
		}
		.index_case_btn_tell a{
			width: 40%;
		}
		.index_aboutLeft >div{
			float: left;
		}
		.index_aboutLeft{
			width: 100%;
		}
		.index_aboutBox >div{
			float: none;
		}
		.index_aboutLeftBox{
			width: 30%;
			margin: 0 1.6%;
			padding-top: 10px;
		}
		.index_aboutLeftBox >h2{
			line-height: 36px;
		}
		.index_newLi{
			width: 100%;
			float: none;
		}
		.index_newContent h1{
			padding: 0;
			font-size: 16px;
		}
		.index_newContent p{
			overflow: hidden;
			text-overflow:ellipsis;
			white-space: nowrap;
			height: auto;
			font-size: 14px;
			line-height: 24px;
		}
		.index_newContent h2{
			line-height: 20px;
		}
		.index_newContentBg{
			    margin: 0 10px 20px 10px;
		}
		.index_newsBtn{
			width: 80%;
		}
		.index_newContent span{
			line-height: 24px;
			font-size: 14px;
		}
		.index_newImg{
			width: 40%;
		}
		.index_newContentBox{
			width: 60%;
		}
		.index_newBox{
			margin-top: 30px;
		}
		.index_jiejueBottomBox{
			overflow-x: scroll;
			white-space: nowrap;
			-webkit-overflow-scrolling: touch;
			margin: 0 auto;
			scrollbar-width: none;
			-ms-overflow-style: none;
		}
		.index_jiejueBottomBox li{
			position: relative;
			display: inline-block;
			width: auto;
			float: none;	
		}
		.index_jiejueBottomBox::-webkit-scrollbar {
		  display: none; /* Chrome Safari */
		}
		.index_jiejueBottomBox li a{
			margin-left: 10px;
			padding: 0 16px;
		}
		.index_jiejueTxtBoxLeft,.index_jiejueTxtBoxRight{
			width: 100%;
		}
		.index_jiejueTop >div{
			float: none;
		}
		.index_jiejueTxtBox{
			    margin-top: 30px;
				height: auto;
		}
		.index_jiejue_bgg{
			padding: 0 10px 0 10px;
		}
		.index_jiejue_bgg >p{
			display: none;
		}
		.index_jiejue_bgg >h3{
			display: none;
		}
		.index_jiejue_bgg >a{
			margin: 10px 0;
			width: 50%;
		}
		.index_jiejue_img{
			margin: 0 10px;
		}
		.index_jiejueBottom{
			margin-top: 40px;
		}
		.about_video{
			display: none;
		}
		.index_about_btn a{
			width: 40%;
		}
		.index_aboutRightTbxo{
			padding-top: 10px;
		}
		.index_case_jieshaoLeft >p{
			padding-right: 10px;
		}
		.index_aboutRight{
			width: 100%;
		}
		.index_aboutRightText{
			margin: 0 10px;
		}
		.index_case_jieshaoRight{
			display: none;
		}
		.index_case_jieshaoLeft >h2{
				display: none;
		}
		.index_case_jieshaoBox{
			position: inherit;
		}
	}
	


