html,body,ul,ol,li,p{margin:0;padding:0;font-family:"微软雅黑";}
ul,ol{list-style: none}
.pre_banner_3d a{
    text-decoration: none;
    border:none;
}
body{
    overflow-x: hidden;
}
.pre_banner_3d{
    margin:auto;
    width:1030px;
    height:510px;
    position:relative;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
	z-index:100;
}

.banner_tree{
    width:100%;
    height:510px;
    position:absolute;
    bottom:0;
    overflow: hidden;
}

.color_font{
    background:#63B504;
    color:#fff;
    width: 245px;
    height: 333px;
    font-size:24px;
    text-align: center;
    line-height: 100px;
    border-radius: 5px;
    font-weight: 700;
    position:absolute;
    top:0;bottom:0;
    margin:auto;
    z-index: 50;
    cursor: pointer;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=1);
    opacity: 0.01;
}
.left_btn{
    left:0;
}
.right_btn{
    right:0;
}

.show_s_ui{
    width:100%;
    height:100%;
    position:relative;
}
.show_s_ui>li{
    width:245px;
    height:333px;
    position:absolute;
    top:0;
    bottom:0;
    margin:auto;
    z-index: 30;
    cursor: pointer;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    opacity: 0;
    font-size:40px;
}

.show_s_ui>li>img{
    width:100%;
    height:100%;
}
#middel_shows{
    width:370px;
    height:500px;
    left:330px;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    opacity:1;
}
#left_shows{
    left:0;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
    opacity: 0.6;
}
#right_shows{
    left:76.22%;
    opacity: 0.6;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
}
#small_left,#small_right{
    width:245px;
    height:333px;
    opacity: 0;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}
#small_left{
    left:-15%;
}
#small_right{
    left:102.5%;
}