.banner{
	position: relative;
}
.banner img {
	display: block;
}
.banner .banner-img {
	width: 100%;
}
.banner .title {
	position: absolute;
	left: 6vw;
	bottom: -15px;
	z-index: 9;
	width: 18vw;
	max-width: 200px;
}
.sec1{
	position: relative;
}
.sec1bg {
	width: 100%;
}
.sec1 h2{
	font-size:70px;
	color:#182c4f;
	position: absolute;
	top:-40px;
	padding-left:160px;
}
.sec1 .icon{
	position: absolute;
	display: block;
	width: 5vw;
	margin-left: -2.5vw;
	left: 50%;
	-webkit-transform: scale(0.85);
  transform: scale(0.95);
  transition: -webkit-transform 0.3s ease;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease,
    -webkit-transform 0.3s ease;
}
.sec1 .icon:hover {
	-webkit-transform: scale(1.2);
	        transform: scale(1.2);
}
.sec1 .icon1 {
	position: absolute;
	top: 9.5%;
}
.sec1 .icon2{
	left: 77.5%;
	top: 27%;
}
.sec1 .icon3{
	top: 58%;
	left: 79.5%;
}
.sec1 .icon4{
	top: 79%;
}
.sec1 .icon5{
	top: 58%;
	left: 20%;
}
.sec1 .icon6{
	top: 27%;
	left: 21%;
}
.sec2{
	width: 100%;
	height:335px;
	overflow: hidden;
	background: url(../img/p_introduce/sec4bg.jpg) no-repeat center;
}
.dis img {
  width: 88%;
  padding: 87px 0 90px;
  margin: 0 auto;
  display: block;
  max-width: 1400px;
  min-width: 1200px;
}
.cul-phone img{
  display: block;
  width: 100%;
}
.cul-phone {
  display: none;
}
@media screen and (max-width: 1000px) {
	.dis img {
		max-width: initial;
		min-width: initial;
		padding: 4vw 0;
	}
	.sec1 {
		display: none;
	}
	.cul-phone {
		display: block;
	}
	.sec2 {
		height: 130px;
		background: url(../img/p_introduce/sec4bg.jpg) no-repeat center / 100%;
	}
	.banner {
    position: relative;
    padding-bottom: 100%;
  }
  .banner .banner-img {
    position: absolute;
    height: 100%;
    width: auto;
    left: -60%;
  }
  .banner .title {
    position: absolute;
    left: 6vw;
    bottom: -3vw;
    z-index: 9;
    width: 48vw;
    max-width: 200px;
  }
}