导航

  /*导航样式*/
        .animenu {
            /*background-image: url(images/4.png);*/
            font-size: 20px;
            font-family: STSong;
        }

        .animenu {
            display: block;
        }

            .animenu ul {
                padding: 0;
                list-style: none;
                font: 0px 'Open Sans', Arial, Helvetica;
            }

            .animenu li, .animenu a {
                display: inline-block;
                font-size: 15px;
            }

            .animenu a {
                color: #164ac4;
                text-decoration: none;
            }


        .animenu__nav > li {
            position: relative;
            color: white;
        }

            .animenu__nav > li > a {
                padding: 10px 30px;
                text-transform: uppercase;
                color: #1458e4;
                font-size: 16px;
            }

                .animenu__nav > li > a:hover {
                    background-color: #a59d9d;
                    color: white;
                }
                /*箭头*/
                .animenu__nav > li > a:first-child:nth-last-child(2):before {
                    content: "";
                    position: absolute;
                    border: 4px solid transparent;
                    border-bottom: 0;
                    border-top-color: currentColor;
                    top: 50%;
                    margin-top: -2px;
                    right: 10px;
                }
            /*鼠标移动上显示下拉*/
            .animenu__nav > li:hover > ul {
                opacity: 1;
                visibility: visible;
                margin: 0;
                background-color: #faf7f7;
            }


        .animenu__nav__child {
            min-width: 100%;
            position: absolute;
            top: 100%;
            left: 0;
            z-index: 1;
            opacity: 0;
            visibility: hidden;
            margin: 20px 0 0 0;
            /*background-color:#106ef2;*/
            transition: margin .15s, opacity .15s;
            text-align: center;
            background-image: url(images/daoh.png);
        }
            /*animenu__nav__child li a:hover{
            background-color:#1458e4;
            color:white;
        }*/
            .animenu__nav__child > li {
                width: 100%;
                border-bottom: 1px solid #515151;
            }

                .animenu__nav__child > li a:hover {
                    background-color: #a59d9d;
                    color: white;
                }

            .animenu__nav__child a {
                padding-top: 10px;
                width: 100%;
                border-color: #373737;
                color: #1458e4;
            }

　　

<!-- 导航层开始 -->
        <div style="width:1200px;margin:0 auto;height:50px;">
            <img src="images/logo.png" style="position:relative;float:left" /><hr style="position:relative;float:left;width:1px;height:40px;" />
            <div style="position:relative;float:right;">

                <nav class="animenu">
                    <ul class="animenu__nav">
                        <li>
                            <a href="/Booking/default">首页</a>
                        </li>
                        <li>
                            <a href="#">公司概况</a>

                        </li>
                        <li>
                            <a href="#">新闻中心</a>

                        </li>
                        <li>
                            <a href="#">物流服务</a>
                            <ul class="animenu__nav__child">
                                <li> <a href="/Booking/CargoTracking">运价查询</a><li>
					            <li> <a href="/Booking/.static/bookinglist.html">物流订单</a><li>
					            <li> <a href="/Booking/.static/CargoTracking.html">货物跟踪</a><li>

                            </ul>
                        </li>
                        <li>
                            <a href="">分支机构</a>
                        </li>
                        <li>
                            <a href="">招贤纳士</a>
                        </li>
                        <li>
                            <a href="">联系我们</a>
                        </li>
                        <li>
                            <a href="">服务外贸平台</a>
                        </li>
                    </ul>
                </nav>

            </div>
        </div>
		<!-- 导航层结束 -->