html,body,ul,ol,li,p{margin:0;padding:0;}
ul,ol{list-style: none}
.pre_banner_3d a{
    text-decoration: none;
    border:none;
}
.pre_banner_3d{
    margin:auto;
    width:100%;
    height: 535px;
    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 #474747;
    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-around;
    /* background: #eee; */
}
.nav_banners>li{
    display:inline-block;*
    zoom:1;*
    display:inline;
    padding:5px 15px;
    /* font-size:14px; */
    cursor: pointer;
}
.blue_nav{
    /* background:#63B504; */
    color:#fff;
    border-bottom: 2px solid #f00;
    margin-bottom: -1px;
}
.mcWide .blue_nav a{
    color: #ff0;
}
.banner_tree{
    width:100%;
    height: 466px;
    position:absolute;
    bottom:0;
    overflow: hidden;
}
.color_font{
    color:#fff;
    width: 200px;
    height: 100%;
    font-size:100px;
    text-align: center;
    line-height: 100px;
    position:absolute;
    top:0;
    bottom:0;
    margin:auto;
    z-index: 50;
    cursor: pointer;
}
.color_font:hover{background:rgba(0,0,0,0.3)
}
.color_font b{
    display:block;
    position:absolute;
    top:0;
    bottom:0;
    width: 200px;
    height: 100px;
    font-weight: 400;
    margin:auto;
    }
.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>li{
    width:200px;
    height: 466px;
    position:absolute;
    top:0;
    bottom:0;
    z-index: 30;
    cursor: pointer;
    filter:alpha(opacity=0);
    opacity: 0;
    font-size:40px;
    overflow: hidden;
}
.show_s_ui>li>div{
    position: absolute;
    top:0;
    width:100%;
    height:100%;
    background:#fff;
    filter:alpha(opacity=80);
    opacity: 0.8;
    display:none;
	text-align: center;
	line-height: 2em;
}
.show_s_ui>li.overxxx>div{
	display: block;
}
.show_s_ui li img{
    width:100%;
    height:100%;
    object-fit: cover;
}
#middel_shows{
    width:730px;
    height:466px;
    left:225px;
    filter:alpha(opacity=100);
    opacity:1;
}
#left_shows{
    left:0;
	direction: rtl;
    filter:alpha(opacity=60);
    opacity: 0.6;
}
#right_shows{
    left:auto;
    right:0;
    opacity: 0.6;
    filter:alpha(opacity=60);
}
#small_left,#small_right{
    width:154px;
    height:249px;
    opacity: 0;
    filter:alpha(opacity=0);
}
#small_left{
    left:-15%;
	direction: rtl;
}
#small_right{
    left:auto;
    right:-15%;
}
.wlimg{padding:0 10px;}
.wlimg img{width:100%;height: auto;}
@media screen and (max-width:800px){
    .pre_banner_3d {width:100%;height:calc(66.4vw + 34px);}
	.nav_banners>li{padding:5px 10px;}
	.banner_tree{height:66.4vw;}
	.nav_banners{justify-content:space-between;}
	.color_font{ width: 36px;font-size:36px;}
	.color_font:hover{background:none;}
	.color_font b{width: 36px;}
    #middel_shows {left:0;}
    #middel_shows {width: 100%;height: 66.4vw;}
    .show_s_ui>li {width: 138px;height: 215px;}
#left_shows,#right_shows,#small_left,#small_right {left:100%;}
	
	
	
.nav_banners>li{
    display:none;box-sizing: border-box;
}

.nav_banners>li.blue_nav{
    display:block;width:100%;
	text-align: center;
}
	
	
}