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:1200px;height:700px;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:700px;position:absolute;bottom:0;overflow: hidden;}
.color_font{background:#eee;width: 45px;height: 110px;font-size:35px;text-align: center;line-height: 110px;position:absolute;top:0;bottom:0;margin:auto;z-index: 50;cursor: pointer;transition:all 0.5s;-webkit-transition:all 0.5s;}
.color_font i{font-size: 24px;color:#666;}
.color_font:hover{ background: #e60911; }
.color_font:hover i{ color: #fff;}
.left_btn{left:0;}
.right_btn{right:0;}
.show_s_ui{width:100%;height:100%;position:relative;}
.show_s_ui>li{width:250px;height:346px;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>div{position: absolute;top:0;width:100%;height:100%;background:#fff;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);opacity: 0.9;display:none;}
.show_s_ui>li>img{width:100%;height:100%;}
#middel_shows{width:382px;height:529px;left:35%;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);opacity:1;}
#left_shows{left:8%;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);opacity: 0.6;}
#right_shows{left:73%;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%;}
