
.pre_banner_3d a{
    text-decoration: none;border:none;
}
.pre_banner_3d{
    margin:auto;
    width:1200px;
    height:380px;
    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:0px;margin:0px;border-radius: 5px;font-size:14px;cursor: pointer;
}
.blue_nav{
    background:#63B504;color:#fff;
}
.banner_tree{
    width:100%;height:380px;position:absolute;bottom:0;overflow: hidden;
}

.color_font{
    background:#63B504;color:#fff;width: 45px;height: 45px;font-size:24px;
    text-align: center;line-height: 43px;border-radius: 25px;font-weight: 25px;
    position:absolute;top:0;bottom:0;margin:auto;z-index: 50;cursor: pointer;
}
.color_font:hover {
	background: #dedede;
}
.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:300px;height:300px;position:absolute;top:0;bottom:0;margin:auto;z-index: 30;cursor: pointer;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);opacity: 0;
}
.show_s_ui>li>div{
    position: absolute;bottom:0;width:100%;height:auto;line-height:20px;padding-top:10px;padding-bottom:10px;background:#000000;color:#ffffff;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
    opacity: 0.9;display:none;font-size:14px;text-align:center;display:block;
}
.show_s_ui>li a {
	color:#ffffff;
}
.show_s_ui>li a:hover {
	color:#ffffff;
}
.show_s_ui>li>img{
    width:100%;height:100%;
}
#middel_shows{
    width:370px;height:370px;left:34.6%;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);opacity:1;
}
#left_shows{
    left:5%;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);opacity: 0.6;
}
#right_shows{
    left:70%;opacity: 0.6;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
}
#small_left,#small_right{
    width:154px;height:249px;opacity: 0;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}
#small_left{
    left:-15%;
}
#small_right{
    left:102.5%;
}
