.banner{
	position: relative;
	min-width: 1100px;
}
.imgbox {
      width:100%;
      height:auto;
      min-height: 344px;
      background-image: url('../images/diybanner.png');
      background-size: 100% auto;
      background-repeat: no-repeat;
      position: relative;
    }
    .imgbox::after {
      content: "";
      display: block;
      /*图片的宽高比计算得出*/
      padding-top: 31%;
    }
     .banner-box {
      /* background-color: green; */
      /*居中盒子*/
      position: absolute;
      /* top:100px; */
      left:0;
      right: 0;
      margin:0 auto;
      width:100%;
      height:100%;
    } 
    .banner-content{
   		/* background: red; */
 	   /* min-width: 1100px; */
    	margin: 0 auto;
    	background-size: 100% auto;
    	width: 57.3%;
    	margin-top: 19.4%;
    }
    .diybanner-btn{
    	width: 140px;
    	height: 40px;
    	line-height: 40px;
    	background: #FF5F2E;
    	border-radius: 2px;
    	color: #FFFFFF;
    	font-size: 16px;
    	display: flex;
    	justify-content: center;
    	align-items: center;
    }
.content{
	width: 100%;
	min-width: 1100px;
	/* background-color: #666; */
	position: absolute;
	text-align: center;

}
.content-title{
	font-size: 40px;
	color: #333333;
	margin-top: 100px;
	font-weight:300;
	height: 56px;
	line-height: 56px;
	display: flex;
	justify-content: center;
}
.content-info{
	width: 100%;
	/* position: relative; */
	margin-top: 82px;
}
.content-smallbox{
	float: left;
	width: 300px;
	/* position: relative; */
}
.content-logo{
	font-size: 80px;
}
.content-smallbox-title{
	font-size: 20px;
	color: #282828;
	margin-top: 20px;
	/* margin-top: 10px; */
	height: 28px;
	line-height: 28px;
}
.content-smallbox-info{
	margin-top: 10px;
	color: #999999;
	font-size: 14px;
	width: 210px;
	margin: 0 auto;
	height: 20px;
	line-height: 20px;
}
.content-showlogo{
	/* position: absolute; */
	/* margin: 0 auto; */
	margin-top: 82px;
}
.content-showlogo-img{
	float: left;
	margin-right: 123px;
}
.content-box1{
	margin-top: 100px;
	/* height: auto; */
	/* position: relative; */
}
.bigbox1{
	/* display: flex; */
	margin: 0 15px;
}
.condition-box{
	margin-top: 80px;
	display: flex;
	justify-content: space-between;
	/* padding: 0 50px; */
}
.condition-box .condition-smallbox{
	width:340px;
	height:400px;
	background:rgba(255,255,255,1);
	box-shadow:0px 0px 40px 0px rgba(30,38,44,0.1);
	border-radius:10px;
	display: flex;
	justify-content: center;
	flex-direction: column;
}
.condition-box .condition-smallbox .title{
	color: #333333;
	font-size: 24px;
	margin-top: 55px;
	font-weight: 500;
	display: flex;
	justify-content: center;
}
.condition-box .condition-smallbox .info{
	color: #6D6C6D;
	line-height: 22px;
	width: 280px;
	margin: 18px auto 0 auto;
	height: 44px;
}
.policy-box{
	display: flex;
	flex-direction: column;
	margin: 80px auto 0 auto;
	flex-wrap: wrap;
}
.policy-box .policy-box-contral{
	display: flex;
	justify-content: space-around;
}
.policy-box .policy-smallbox{
	text-align: left;
	width: 200px;
}
.policy-box .policy-smallbox:not(:last-child){
	/* margin-right: 100px; */
}
.policy-box .policy-smallbox .title{
	margin-top: 22px;
	color: #333333;
	font-size: 18px;
}
.policy-box .policy-smallbox .info{
	width: 200px;
	text-align: left;
	margin-top: 8px;
	color: #6D6C6D;
	font-size: 14px;
	line-height: 20px;
}
.column-bgbox{
	position: relative;
}
.column-bgsmallbox{
	position: absolute;
}
.column-bgsmallbox img{
	width: 100%;
}
.column-bgsmallbox2{
	position: absolute;
	margin-left: 34px;
}
.think-smallbox{
	width: 300px;
    height: 300px;
    background: rgba(255,255,255,1);
    box-shadow:0px 6px 26px 0px rgba(42,42,42,0.12);
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.think-smallbox .callimgbox img{
	height: 100px;
	width: auto
}
.think-smallbox .callimgbox{
	margin-bottom: 47px;
}
.think-smallbox .callinfobox{
	color: #333333;
	font-size: 24px;
}
.diy-bigbox{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 100px;
}
.diy-bigbox .left{
	width: 430px;
}
.diy-bigbox .left p{
	font-size: 28px;
	color: #333333;
	margin-bottom: 40px;
}
.diy-bigbox .left .diy-title{
	color: #333333;
	font-size: 28px;
	margin-bottom: 30px;
}
.diy-bigbox .left .diy-underline{
	width: 22px;
	border-bottom: 3px solid #2684FF;
	margin-bottom: 40px;
}
.diy-bigbox .left .diy-info{
	color: #6D6C6D;
	font-size: 18px;
	line-height: 30px;
}
.diy-bigbox .right{

}
.diy-bigbox .right img{
	width: 523px;
	height: auto;
}
.diy-contentbox:not(:last-child){
	margin-bottom: 40px;
}
.diy-contentbox .title{
	color: #333333;
	font-size: 24px;
}
.diy-contentbox .info{
	color: #6D6C6D;
	font-size: 18px;
	margin-top: 10px;
}