/* 导航栏开始 */
/*第一层的导航栏由此ul组成*/


#nav>li>ul>li>a{
    font-size: 14px;
	line-height:44px;
	height:44px;
	display:block;
	color:white
}
#nav>li>ul>li>ul>li>a{
    font-size: 14px;
	line-height:44px;
	height:44px;
	display:block;
	color: white;
}
#nav>li{
    float: left;
}
#nav>li:hover>ul{
    display: block;
    position: absolute;
}
#nav>li>ul>li{
    position: relative;
}
#nav>li>ul>li:hover>ul{
    display: block;
    position: absolute;
    left: 120px;
    top: 0px;
    min-width: 150px;
}
#nav>li>ul>li:hover #nav>ul>li{
	color:black
	background:white
}
#nav>li>ul>li>a:hover #nav>ul>li{
	color:black
	background:white;

}
#nav a:hover{
    background-color: rgba(0, 63, 118, 0.65);
    color: #fff;
}
#nav>li>ul{
    display: none;
}

#nav>li>ul>li>ul{
    display: none;
	margin-left: 80px;
    background: rgba(0, 63, 118, 0.65);
	color:white
}
#nav>li>ul>li>ul>li>a{
    color: white;
}
.menu-2 {
    text-align: left;
    display: inline-block;
    list-style: none;
    padding-left: 0;
}

/*这里定义了导航栏菜单的样式*/
.menu-2>li {
    float: left;
    /* padding: .65em 1em; */
    /*用padding来撑出大小*/
    /* border: 1px solid #eee; */
    /*用白色的描边来从视觉上将每个li隔开（实际上是连在一起没有间隔的）*/
    /* background-color: white; */
    color: white;
    cursor: pointer;
    /*鼠标移动到菜单上会变成小手*/
    -webkit-transition: all .3s;
    /*动画的过度时间*/
    transition: all .3s;
    /*动画的过度时间*/
    position: relative;
    /*相对定位（用于二级菜单的定位）*/
}

.has-submenu>a {
    color: #fff;
}

@media screen and (max-width: 540px) {
    .menu-2 li {
        background: none;
    }
}

/*当鼠标选中菜单的时候会变色*/
.menu-2>sli:hover {
    background-color: #2269ab;
}


/*这里定义了二级菜单出现的位置和宽度大小*/
.has-submenu>ul {
    position: absolute;
    top: 100%;
    /* left: -45%; */
    /* display: none; */
    /*二级菜单默认是不可见的,已设置hidden替代*/
    z-index: 1;
    border: 1px solid #e2e2e2;
}

/*这里定义了二级菜单的子项的宽度*/
.has-submenu>ul>li {

    width: 200px;
    text-align: center;
    background: rgba(0, 63, 118, 0.65);
}

.has-submenu>ul>li:hover a {
    color: #fff;
}

.has-submenu:hover ul {
    border-bottom-color: #C9C9C9;
    display: block;
    /*当鼠标放到一级菜单上的li时为li下的ul标签也就是二级菜单附加类，使其能够显示*/
}

.zhuowei span {
    background: rgb(36, 170, 225);
    color: #fff;
    border-radius: 0 0 20% 20%;
    margin-left: 44px;
    padding: 0 5px;
}

.fa-search{
        display: block;
        padding: 0 22px;
        line-height: 56px;
        height: 59px;
        border-bottom: 3px solid transparent;
        font-size: 20px;
        position: relative;
}
.search-div{
    position: absolute;
    
}
.search-div button{
    position: absolute;
    left: 0;
    width: 60px;
    padding: 10px;
    border: none;
    cursor: pointer;
}
.search-div button:hover{
    background: #2269AB;
}
.search-div input{
    position: absolute;
    right: 0;
    padding: 11px;
    color: #000000;
    border: none;
    z-index: 999;
}
/* 导航栏结束 */

/* 内容 */
.color1{
    /* 黑灰色 */
    color: #594A41;
}
.color2{
    /* 蓝紫色 */
    color:  #004283;
}
.color3{
    /* 底部产品加深黑灰色 */
    color: #A8A8AC;
}
.color4{
    color:#939393
}
.bgcolor1{
    background: #FFF;
}
.bgcolor2{
    background:#ECECEE;
}
.bgcolor3{
    background:#E1E1E2;
}
.bgcolor4{
    background:#EFEFEF;
}
.bgcolor5{
    background:#F7F7F7;
}
.distance1{
    margin-bottom: 20px;
}
.distance2{
    margin: 0 3%;
}
sub {
    vertical-align: sub;
    font-size: smaller;
}
sup {
    vertical-align: super;
    font-size: smaller;
}