div.head{
    font-size:16px;
    background-color:#F5F3F4;
}
div.head>.head-div{
    padding:3px 0;
    width:1200px;
    margin:0 auto;
    display:flex;
    justify-content: space-between;
    align-items: center;
}
div.head-div-left{
    display:flex;
    align-items: center;
    color: #0f0f0f;
}
div.head-div-left>div>a{
    color: #0f0f0f;
}
div.head-div-left>div>span{
    padding: 0 5px;
}
div.leftMsg{
    position:relative;
    margin-right:20px;
    display: flex;
    align-items: center;
}
div.leftMsg:active{
    opacity: 0.5;
}
div.head-div-left>div>a>img{
    display:block;
}
div.msg{
    width:14px;
    height:15px;
    position:absolute;
    left:25px;
    top:-10px;
}
div.head-div-right{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 5px;
}
div.head-div-right>div:last-child>a{
    text-align:center;
    /*width:50px;*/
    padding:0 10px;
    line-height:20px;
    font-size:13px;
    color:#fff;
    background-color:#3bc877;
    margin:0 5px ;
    border-radius: 1px;
}
div.head-div-right>div:first-child{
    min-width:155px;
    padding-right:20px;
}
#japanese,#chinese{
    cursor: pointer;
}
/*点击变灰*/
div.head-div-right>div>a:active,#japanese:active,#chinese:active,div.logo-center>i:active,.nav-span:active{
    opacity: 0.5;
}
/* logo */
div.logo{
    width:1200px;
    margin:20px auto;
    display:flex;
    justify-content: space-between;
    align-items:center;
}
div.logo-left{
    /*width:85%;*/
    display: flex;
    align-items: center;
}
div.logo-center>a{
    padding:5px;
    font-size:18px;
    color:#0f0f0f;
}
/* input */
div.logo-center>input{
    outline: none;
    margin-left:60px;
    width:380px;
    height:36px;
    padding:5px 15px;
    border:1px solid #D7D7D7;
    border-right:none;
    border-top-left-radius:2px; 
    border-bottom-left-radius:2px; 
}
div.logo-center{
    display:flex;
    justify-content: center;
    align-items: center;
    /*margin-left: 40px;*/
}
div.logo-center>i{
    display:inline-block;
    cursor:pointer;
    height:36px;
    width:36px;
    border-left:none;
    background:url("/img/header/02-e1f1c725887fcbf6cbb714ccb79a6f96.png") center;
    /*background-color:#3AC778;*/
}
div.logo-center>a:hover{
    color:#3bc877;
}

/* *****nav***** */
div.nav{
    width:1200px;
    padding:0;
    margin:0 auto;
    display:flex;
}
div>.nav-span{
    width:230px;
    line-height:41px;
    color:#fff;
    font-size:18px;
    text-align:center;
    padding-right:30px;
    background-color:#3bc877;
    background-image:url("/img/nav/bottom-688c2e9dd5d4b2b97070afa6cf9c44a8.png");
    background-repeat:no-repeat;
    background-position:190px center;
    cursor: pointer;
}
div.nav>div{
    position:relative;
}
/* 1级菜单 */
 div.nav-menu{
    position:absolute;
    width:230px;
    height:0;
    overflow: hidden;
    opacity: 0;
 }
 .nav-opc{
    position:absolute;
    width:100%;
    height:100%;
    background-color:black;
    opacity: 0.5;
    z-index: 66;
 }
 .nav-menu-class{
     width:164px;
     line-height: 44px;
     background-color:rgba(59,201,119,0.6);
     position: absolute;
     left:33px;
     bottom:40px;
     text-align: center;
     z-index: 99;
     color:#fff;
     border-radius: 5px;
     cursor: pointer;
 }
 div>ul.nav-menu1{
    position:absolute;
    padding-top:5px;
    width:100%;
    height:100%;
    cursor: pointer;
    z-index: 88;
 }
 div>ul.nav-menu1>li{
     color:#fff;
     padding:6px 10px 6px 15px;
     display: flex;
     font-size:16px;
 }
/* icon*/
div>ul.nav-menu1>li>i{
    display: inline-block;
    width:20px;
    height:20px;
    margin-right:20px;
}
.nav-menu-icon1,.nav-menu-icon21{
     background:url("/img/nav/01-f34303912a53c08e8fbc26b701de60e2.png") no-repeat center;
 }
.nav-menu-icon2,.nav-menu-icon22{
     background:url("/img/nav/02-8d40c6e8f0f08be0465a5367b132ff07.png") no-repeat center;
 }
.nav-menu-icon3,.nav-menu-icon23{
     background:url("/img/nav/03-d8d9b3028ef97d3856d5c052a33202c4.png") no-repeat center;
 }
.nav-menu-icon4,.nav-menu-icon24{
     background:url("/img/nav/04-4aadf20746994b148946e3a8598550ee.png") no-repeat center;
 }
.nav-menu-icon5,.nav-menu-icon25{
     background:url("/img/nav/05-432228dfddbf8b300fdb9f3a764fdd8e.png") no-repeat center;
 }
.nav-menu-icon6,.nav-menu-icon27{
     background:url("/img/nav/06-670533afd5dcfa09f080241480cc06a0.png") no-repeat center;
 }
.nav-menu-icon7,.nav-menu-icon28{
     background:url("/img/nav/07-e53d8208af7ac7cabc807eb093cb0b7f.png") no-repeat center;
 }
.nav-menu-icon8,.nav-menu-icon29{
     background:url("/img/nav/08-67b9a9a54e1a7589cd18b8c7890bcb11.png") no-repeat center;
 }
.nav-menu-icon9,.nav-menu-icon26{
     background:url("/img/nav/09-07b70846294823892849f4077fce75d6.png") no-repeat center;
 }
.nav-menu-icon10,.nav-menu-icon30{
    background:url("/img/nav/10-794798bbe0d0e48763a1bd4a067a307f.png") no-repeat center;
}
 /* 首页水平导航 */
 ul#nav{
    width:950px;
    display:flex;
    justify-content: space-around;
    align-items: center;
    margin-bottom: 0;
     padding-left: 20px;
}
 ul#nav>li>a{
     font-size:18px;
     color:#0f0f0f;
 }
 ul#nav>li>a:hover{
     color:#3bc877;
 }
 
 a.color1{
     color:#F96741 !important;
 }
 /* 2级菜单 */
 div.nav-menu2{
     border-top:2px solid #3bc877;
     background-color:#fff;
     position:absolute;
     left:230px;
     width:0;
     height:458px;
     overflow: hidden;
     opacity:0;
     z-index: -1;
 }
div.nav-menu2>div{
    display:flex;
    padding:20px 10px 20px 50px;
}

 div.nav-menu2 ul{
     width:280px !important;
     height:417px;
     /*border-right:1px solid #ECECEC;*/
     text-align:left;
     cursor: pointer;
     padding-bottom:30px;
     overflow-y: auto;
 }
 div.nav-menu2 ul>li{
     padding:0 20px 15px 0;
 }
div.nav-menu2 ul>li>span{
    color:#262626;
    font-size:16px;
}
 div.nav-menu2 ul>li>span:hover{
     color:#677FD8;
 }
div.member-recommend{
    padding-left:20px;
}
div.member-recommend>p{
    font-size:14px;
    color:#100F0D;
    margin:5px 0;
    padding-left:16px;
}
div.member-recommend>div{
    margin:10px;
}
.member-recommend img:active,.member-recommend img:hover{
    opacity: 0.5;
}


 /* ********js 操作样式******* */
 /* 1级菜单 */
li.ac{
    background-color:#fff !important;
    color:#677FD8 !important;
}
.show1{
    height:458px !important;
    opacity: 1 !important;
}
.bottom{
    background-image:url("/img/nav/top-5b81432ffb2641b58055152b0e935c42.png") !important;
}
/*icon*/
li.icon-show>.nav-menu-icon1,li.icon-show>.nav-menu-icon21{
    background-image:url("/img/nav/011-c288eaf6b1a794ed973fb23c0d073532.png") !important;
}
li.icon-show>.nav-menu-icon2,li.icon-show>.nav-menu-icon22{
    background-image:url("/img/nav/012-ce18e3cdf668a63d357ff24833e68ed6.png")!important;
}
li.icon-show>.nav-menu-icon3,li.icon-show>.nav-menu-icon23{
    background-image:url("/img/nav/013-073970f122c1d47d4a0cfbe0804469e7.png")!important;
}
li.icon-show>.nav-menu-icon4,li.icon-show>.nav-menu-icon24{
    background-image:url("/img/nav/014-6740f5f9ef9940996fc12165f0ccde4b.png")!important;
}
li.icon-show>.nav-menu-icon5,li.icon-show>.nav-menu-icon25{
    background-image:url("/img/nav/015-34834170249ae955741bcb26daa871ff.png")!important;
}
li.icon-show>.nav-menu-icon6,li.icon-show>.nav-menu-icon27{
    background-image:url("/img/nav/016-114e6a7146764214d204f66356090591.png")!important;
}
li.icon-show>.nav-menu-icon7,li.icon-show>.nav-menu-icon28{
    background-image:url("/img/nav/017-9d345be4b1acd0b3c374afcc0d480ceb.png")!important;
}
li.icon-show>.nav-menu-icon8,li.icon-show>.nav-menu-icon29{
    background-image:url("/img/nav/018-baa85e5ac4103209f11ad090eaf5ba5d.png")!important;
}
li.icon-show>.nav-menu-icon9,li.icon-show>.nav-menu-icon26{
    background-image:url("/img/nav/019-c851be3f7f663f06c8607bd7d9d234e0.png")!important;
}
li.icon-show>.nav-menu-icon10,li.icon-show>.nav-menu-icon30{
    background-image:url("/img/nav/20-cf983e9ff4a80f5954f22765ef5f8ed8.png")!important;
}
/* 2级 */
.show{
    width:300px !important;
    opacity: 1 !important;
    z-index: 20;
}
/* 水平导航 */
.color{
    font-weight:bold;
    color:#3bc877 !important;
}
/* 面包屑导航 */
.gr{
    font-weight:bold;
    color:#3bc877 !important;
}





