﻿
    #menu, #menu ul {
        margin:0 110px 0 0 ;
        padding: 0;
        list-style: none;
    }

    #menu {
        float:right;
        width: 180px;
        background:rgba(250, 250, 250, 0.85);
		background:url(../images/dh1.png);
		opacity:0.85;

    }

    #menu:before,
    #menu:after {
        content: "";
        display: table;
    }

    #menu:after {
        clear: both;
    }

    #menu {
        zoom:1;
    }

    #menu li {
        margin-top:1px;
        background-color: #fff;
        position: relative;
        text-align: center;

    }

    #menu a {
        float: left;
        width: 180px;
        height:80px;
        color: #000;
        text-transform: uppercase;
        font: 16px "微软雅黑", "黑体", "宋体";
        text-decoration: none;
        text-align: center;
        line-height:80px;
    }

    #menu li:hover > a {
        color: #ff0000;
    }

    *html #menu li a:hover { /* IE6 only */
        color: #fafafa;
    }

    #menu ul {
        margin: 0px 0 0 0;
        _margin: 0; /*IE6 only*/
        opacity: 0;
        visibility: hidden;
        position: absolute;
        top: 80px;
        left: 0;
        z-index:100;    

        -moz-box-shadow: 0 -1px rgba(250,250,250,0.85);
        -webkit-box-shadow: 0 -1px 0 rgba(250,250,250,0.85);
        box-shadow: 0 -1px 0 rgba(250,250,250,0.85);	
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -ms-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;  
    }

    #menu li:hover > ul {
        opacity: 1;
        visibility: visible;
        margin: 0;
    }

    #menu ul ul {
        top: 0;
        left: -196px;
        margin: 0 0 0 30px;
        _margin: 0; /*IE6 only*/
        -moz-box-shadow: -1px 0 0 rgba(250,250,250,0.85);
        -webkit-box-shadow: -1px 0 0 rgba(250,250,250,0.85);
        box-shadow: -1px 0 0 rgba(250,250,250,0.85);		
    }

    #menu ul li {
        float: none;
        display: block;
        border: 0;
        _line-height: 0; /*IE6 only*/


        background:rgba(250, 250, 250, 0.85)
    }

    #menu ul li:last-child {   
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;    
    }

    #menu ul a {    

        width: 180px;
        _height: 80px; /*IE6 only*/
        display: block;
        white-space: nowrap;
        float: none;
        text-transform: none;
    }

    #menu ul a:hover {
        background-color: rgba(218, 37, 29, 0.85);
        color:#FFF;

    }

    #menu ul li:first-child > a {
        -moz-border-radius: 3px 3px 0 0;
        -webkit-border-radius: 3px 3px 0 0;
        border-radius: 3px 3px 0 0;
    }

    #menu ul li:first-child > a:after {
        content: '';
        position: absolute;
        left: 40px;
        top: -6px;
    }

    #menu ul ul li:first-child a:after {
        left: 180px;
        top: 50%;
        margin-top: -15px;
        border-left: 0;	
        border-bottom: 16px solid transparent;
        border-top: 16px solid transparent;
        border-left: 16px solid rgba(250, 250, 250, 0.85);
    }

    #menu ul li:first-child a:hover:after {
        border-bottom-color: #fff; 
    }

    #menu ul ul li:first-child a:hover:after {
        border-left-color: rgba(218, 37, 29, 0.85); 
        border-bottom-color: transparent; 	
    }

    #menu ul li:last-child > a {
        -moz-border-radius: 0 0 3px 3px;
        -webkit-border-radius: 0 0 3px 3px;
        border-radius: 0 0 3px 3px;
    }

    /* Mobile */
    #menu-trigger {
        display: none;
    }

    @media screen and (max-width: 600px) {

        /* nav-wrap */
        #menu-wrap {
            position: relative;
        }

        #menu-wrap * {
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }

        /* menu icon */
        #menu-trigger {
            display: block; /* show menu icon */
            height: 40px;
            line-height: 40px;
            cursor: pointer;		
            padding: 0 0 0 35px;
            border: 1px solid #222;
            color: #fafafa;
            font-weight: bold;
            background-color: #111;

            -moz-border-radius: 6px;
            -webkit-border-radius: 6px;
            border-radius: 6px;
            -moz-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
            -webkit-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
            box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
        }

        /* main nav */
        #menu {
            margin: 0; padding: 10px;
            position: absolute;
            top: 40px;
            width: 100%;
            z-index: 1;
            background-color: #444;
            display: none;
            -moz-box-shadow: none;
            -webkit-box-shadow: none;
            box-shadow: none;		
        }

        #menu:after {
            content: '';
            position: absolute;
            left: 25px;
            top: -8px;
            border-left: 8px solid transparent;
            border-right: 8px solid transparent;
            border-bottom: 8px solid #444;
        }	

        #menu ul {
            position: static;
            visibility: visible;
            opacity: 1;
            margin: 0;
            background: none;
            -moz-box-shadow: none;
            -webkit-box-shadow: none;
            box-shadow: none;				
        }

        #menu ul ul {
            margin: 0 0 0 20px !important;
            -moz-box-shadow: none;
            -webkit-box-shadow: none;
            box-shadow: none;		
        }

        #menu li {
            position: static;
            display: block;
            float: none;
            border: 0;
            margin: 5px;
            -moz-box-shadow: none;
            -webkit-box-shadow: none;
            box-shadow: none;			
        }

        #menu ul li{
            margin-left: 20px;
            -moz-box-shadow: none;
            -webkit-box-shadow: none;
            box-shadow: none;		
        }

        #menu a{
            display: block;
            float: none;
            padding: 0;
            color: #999;
        }

        #menu a:hover{
            color: #fafafa;
        }	

        #menu ul a{
            padding: 0;
            width: auto;		
        }

        #menu ul a:hover{
            background: none;	
        }

        #menu ul li:first-child a:after,
        #menu ul ul li:first-child a:after {
            border: 0;
        }		

    }

    @media screen and (min-width: 600px) {
        #menu {
            display: block !important;
        }
    }	

    /* iPad */
    .no-transition {
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        transition: none;
        opacity: 1;
        visibility: visible;
        display: none;  		
    }

    #menu li:hover > .no-transition {
        display: block;
    }
    .keyker_message{display:none;position:fixed;z-index:101;width:480px;height:260px;border:1px solid #DA251C;background:#fff;top:50%;left:50%;margin-top:-180px;margin-left:-290px;}
.keyker_message_title{width:480px;height:48px;background:#DA251C;line-height:58px;color:#fff;font-size:18px;text-align:left;}
.keyker_message_title_ico{width:38px;height:32px;float:left;background:url(../images/message.png);margin:13px 10px 0 30px;}
.keyker_close{width:36px;height:48px;float:right;background:url(../images/keyker_close.png);cursor:pointer;}
.keyker_message_tel{width:480px;height:30px;background:#E6E6E6;font-size:14px;color:gray;text-align:left;line-height: 30px;}
.keyker_message_tel_ico{width:16px;height:18px;float:left;background:url(../images/icon.png) 0 0;margin:5px 5px 0 30px;}
.keyker_message_ico{width:18px;background:url(../images/icon.png) -17px 0;}
.keyker_message_tel_minute{width:480px;height:55px;line-height:55px;font-size:14px;text-align:left;color:#636363;text-indent:30px;}
.keyker_message_input{width:480px;height:40px;padding:5px;font-size: 14px;text-align:left;margin-left:25px;}
.keyker_message_input span{color:#636363;}
.keyker_message_input_input{width:320px;height:20px;margin-left:10px;color:#636363;}
.keyker_message_input_input_50{height:50px;}
.keyker_message_submit{width:200px;height:30px;line-height:30px;background:#E6212A;border:none;color:#FFF;margin-top:50px;margin-left:20%;}
.keyker_pm_but a{display:block;width:100px;height:35px;background:#fff;float:left;text-align: center;line-height: 35px;}