/* �µĵ�����ʽ  */
.nav{ width: 989px; height:120px; font-size: 15px; background: url('/vp-front/static/templatepc/new/style/images/bg2.png') no-repeat -7px -20px;}
.zone{ float: left; height:100px; margin-top:10px; margin-left: -1px; }
.w1{ width:100px; }
.w2{ width:430px; }
.w3{ width:270px; }
.w4{ width:190px; }
.zone span{ float: left;margin-top:; }
.zone span.x{ height: 100px; width: 2px; background: grey;}
.zone span.icon{ height: 100px; width: 80px; background-size:50px; /* border: 1px red solid; */}
.bg{background: url('/vp-front/static/templatepc/new/style/images/icon-1.png') no-repeat -4px -4px;  height: 50px; width: 50px;  margin-top: 25px; margin-left:15px; }

.bg1{ background-position: -4px -54px;}
.bg2{ background-position: -4px -108px;}

.zone ul{}
.zone ul li{ float: left; width:80px; height:31px; }
.zone ul li a{ display: block; width:80px; height:31px; line-height: 28px; text-align: center; color:#ffffff; }
.zone ul li a:hover{ display: inline-block; height: 28px; line-height: 28px; color:#f58C03 ; border-bottom: 3px solid #f58C03; }


.nav1{
    border-top: 1px solid red;
    position:relative;
    }
.nav1 > .menu li{float:left;padding: 0 15px;height: 50px;}
.nav1 > .menu li a{width:120px;font-size: 20px;cursor:pointer;color:#333;transition-duration:300ms;-moz-transition-duration:300ms;-webkit-transition-duration:300ms;-o-transition-duration:300ms;line-height: 48px;height: 48px;display: inline-block;}
.nav1 > .menu li a:hover{background:#f99904;color:#fff;transition-duration:300ms; -moz-transition-duration:300ms; -webkit-transition-duration:300ms; -o-transition-duration:300ms;}
.nav1 > .menu li.on a{color:#ef3838;}
.nav1 > .menu li.more{ position:relative; margin-right:0;}
.nav1 > .menu li.more:before{content:''; position:absolute; right:-20px; top:13px; display:inline-block; width:12px; height:7px; background-image:url(../images/tubiao.png); background-repeat:no-repeat; background-position:-10px -69px; transition-duration:400ms; -moz-transition-duration:400ms; -webkit-transition-duration:400ms; -o-transition-duration:400ms;}
.nav1 > .menu li.more:hover:before{background-position:-10px -86px; transition-duration:400ms; -moz-transition-duration:400ms; -webkit-transition-duration:400ms; -o-transition-duration:400ms;}
.nav1 > .menu li > .menu-child{
    display: none;
    width: 1366px;
    left: 0;
    background: #ffffff;
    top: 50px;
    position:absolute;
    z-index: 10;
    border-top: 1px solid #dadada;
    box-shadow: 0px 3px 5px #ececec;
    padding-top: 40px;
}
.nav1 > .menu li > .menu-child li{margin-right:0;display: inline-block;padding: 0px 10px;margin-right: 65px;margin-left: 90px;height: 30px;}
.nav1 > .menu li > .menu-child li a{font-size: 14px;display:inline-block;line-height: 30px;height: 30px;}
.nav1 > .menu li.navSelected> .menu-child{display:block}
/* .nav1 > .menu li.navSelected>a{border-bottom: 2px solid #e33a31;display:inline-block;width:100%} */
.nav1 > .menu li.more:hover > .menu-child{ display:block;}
.custom_nav{positon:absolute;position: absolute;left: 90px;padding: 0 0 0 10px!important;margin: 0!important;top: 10px;height: 30px!important;line-height: 30px;font-size: 16px;font-weight: bolder;}
.custom_nav:before{content:'';display:inline-block;height: 16px;width:5px;background:#e33a31;margin-right:10px;position: absolute;left: 0;top: 7px;}