html,body{height:100%;background:#000 }


.ideaworks_banner {
    position: relative;
    overflow: hidden;
}
.ideaworks_banner #idea_bg{
    transform-origin: left top;
    height: auto;
    width: 1900px;
    position: relative;
    z-index: 20;
    overflow: hidden;
    background: url(https://cn.idea-tops.com/assets/img/idea_1.png) no-repeat center #000;
}
.ideaworks_bg{
	position: absolute;
    top: 0;
    z-index: 21;
    width: 100%;
    height: 100%;
}
.button{background: #c29a11;color: #fff;width: 300px;height: 40px;top:87%;position: absolute;left: 50%;margin-left: -150px;border-radius: 5px;border: 0px;cursor: pointer;}
.button:hover{background: #e2bA5F;}
#idea_1{width:8.2%;}
#idea_4{margin:0 auto;}
#idea_2{margin:0 auto;  }
.idea_3{left:100%;margin-top: 15px;}
.idea_3 a:hover{color: #e2bA5F;}

.idea_3 p{text-align:center;color: #c29a11;font-size:2rem;}
#idea_5{width:100%;  height: auto;}
#idea_5>p{font-size:1.5rem;margin-bottom:2px;color:#fff;/*white-space:nowrap;*/}
.idea_3>p>a{text-align:center;color: #c29a11;font-size:2rem;}


@media screen and (max-width: 640px){
#idea_5>p{font-size: 8px;margin-top:5px ;}	
.idea_r{ display: none;}
.idea_l{ display: block; padding-top: 10%;}

.idea_z {display: none;}
#idea_2{margin-top:15px;width: 90%;}
.idea_3 p{margin-bottom: 0;}
.ideaworks_banner{height: 100%;}
.ideaworks_banner #idea_bg{background:url(https://cn.idea-tops.com/assets/img/idea_1.png) no-repeat center  #000;width: 100%;height: 100%;}
}
@media screen and (max-width: 540px){
.idea_r{ display: none;}
.idea_l{ display: block;}
.idea_z {display: none;}
	
}