ul,ol{list-style: none}
.pre_banner_3d a{
    text-decoration: none;
    border:none;
}
body{
    overflow-x: hidden;
}
.pre_banner_3d{
    margin:auto;
    width:1100px;
    height:410px;
    position:relative;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
.contrves{
    width:100%;
    height:auto;
    position:absolute;
    
}
.nav_banners{
    width:100%;
    height:auto;
    border-bottom: 1px solid #f2f2f2;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content:space-between;
}
.nav_banners>li{
    display:inline-block;
    padding:5px 16px;
    margin:12px 0;
    border-radius: 5px;
    font-size:14px;
    cursor: pointer;
}
.blue_nav{
    background:#63B504;
    color:#fff;
}
.banner_tree{
    width:100%;
    height:400px;
    position:absolute;
    bottom:0;
    overflow: hidden;
}
.show_phone_s{
    width:414px;
    height:736px;
    position:absolute;
    top:0;
    left:0;
    bottom: 0;
    right:0;
    margin:auto;
    z-index: 10
}
.color_font{
width: 248px;
    height: 228px;
    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;
}
.left_btn{
    left:0;
}
.right_btn{
    right:0;
}
.img_phone{
    width:100%;
    height:100%;
}
.show_s_ui{
    width:100%;
    height:100%;
    position:relative;
}
.show_s_ui a{
    width:100%;
    height:100%;
    position:relative;	
}
.show_s_ui:hover{ color:#333;}
.show_s_ui>li{
    width:380px;
    height:230px;
    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;
	z-index: 1;
}


.show_s_ui>li>div{
   /* position: absolute;*/
    top:0;
    width:100%;
    height:13%;;
    background:#fff;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    opacity: 1;
    display: block;
	/*margin-top: 256px;*/
    text-align: center;
	font-size:14px;
	line-height:35px;
	
}
.show_s_ui>li>img{
    width:100%;
    height:87%;
}

#middel_shows{
    width:500px;
    height:300px;
    left:31.5%;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    opacity:1;
	z-index:9999;
}
#left_shows{
    left:-4%;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    opacity:1;
	z-index: 10;
}
#right_shows{
    left:78%;
    opacity: 1;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	z-index: 11;
}
#small_left,#small_right{
    width:154px;
    height:249px;
    opacity: 1;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	z-index: 10;
}
#small_left{
    left:-15%;
}
#small_right{
    left:102.5%;
}