#ljmenu{width:auto;font-family:"microsoft yahei";background:none;z-index:10001;position:relative;}
#ljmenu:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
#ljmenu ul{padding-top:20px;width:770px;float:left;}
#ljmenu ul li{float:left;width:90px;height:45px;line-height:45px;text-align:center;padding:0;}
#ljmenu ul li.actived{background:#019b4c;color:#fff;z-index:10000;}
#ljmenu ul li a{display:block;font-size:14px;color:#333;font-weight:normal;text-decoration:none;}
#ljmenu ul li:hover a,#ljmenu ul li.active a{color:#333;border-bottom:3px solid #b2e7dc;}
#ljmenu ul li .haschild a{padding-right:2.5rem;margin-bottom:2rem;}
#ljmenu ul li .haschild a:after{clear:both;}

/*子菜单样式*/
#ljmenu ul li.haschild:hover ul{display:block;}
#ljmenu ul li ul{position:absolute;padding-bottom:1rem;display:none;width:8.5rem;height:auto;}
#ljmenu ul li.haschild ul li{padding:0 0rem;}
#ljmenu ul li.haschild ul li a{background:#fff;opacity:0.9;padding:1.1rem 0 1.1rem 0;width:8.5rem;margin:0 auto;font-size:1.6rem;color:#333333;text-align:center;display: block;}

.margint{margin-top:5px;}
#ljmenu ul li.haschild ul li a:hover {background:#812230;opacity:1;color: #fff}

@media screen and (min-width:1200px){
    #ljmenu{margin-top:0;}
    .menu-icon,.mob_menu{display: none}
}

@media screen and (min-width:992px) and (max-width:1199px){
    .menu-icon,.mob_menu{display: none}
    #ljmenu{margin-top:0;}
    #ljmenu ul li{float:left;width:80px;text-align:center;padding:0;transition:all 2s;}
    #ljmenu ul li a{display:block;padding:10px;font-size:12px;color:#414141;}
    #ljmenu>ul{width:auto;float:right;}
}

@media screen and (min-width:768px) and (max-width:991px){
    #ljmenu{display:none;}
    .mob_menu{display:block}
    #ljmenu ul li{float:left;width:5rem;text-align:center;padding:0;transition:all 2s;}
    #ljmenu ul li a{display:block;padding:0rem;font-size:1.0rem;color:#333;font-weight:normal;text-decoration:none;}
    .menu-icon{width:2.5rem;height:.3rem;border-top:.3rem solid #0166b6;border-bottom: .3rem solid #0166b6;background-color: #0166b6;padding: .3rem 0;background-clip:content-box;float:right;margin-right:1rem;margin-top:1.5rem;cursor: pointer;z-index:1000000;display:block;}
    .mob_menu{display:none;z-index:100000;left:0;top:0;position:fixed;width:100%;height:100%;}
    .menuactive{opacity:0.95;display:block;}
    .mob_menu>ul{position:absolute;right:0;top:0;width:50%;height:100%;background:#fff;opacity:1;display:none;}
    .mob_menu ul li{width:auto;text-align:center;padding:0;}
    .mob_menu ul li:hover{background:#eaeff2;}
    .mob_menu ul li a {display:block;padding:1.5rem 2rem;font-size:1.6rem;color:#414141;}
    .mob_menu ul li:hover a,.mob_menu ul li.active a{color:#414141}
    .mob_menu ul li ul{display:none;position: static;width:100%;background:#f5f5f5;border-top:.1rem solid #cccccc;border-bottom:.1rem solid #cccccc;}
    .mob_menu ul li.haschild a span{width:0;height:0;border-top: .5rem solid #333333;border-right: .5rem solid transparent;border-bottom: .5rem solid transparent;border-left: .5rem solid transparent;position:absolute;margin-top:1.2rem; margin-left:.5rem;}
    .mob_menu ul li.haschild:hover .mob_menu ul li ul{display:block;}
    .mob_menu ul li.haschild ul li{padding:0 1rem;}
    .mob_menu ul li.haschild ul li a { padding: 1.5rem 2rem 1.5rem 0; width:100%;margin:0 auto; font-size: 1.6rem;color: #414141;border-bottom:.1rem dotted #fff;text-align:center;display: block; border-bottom:.1rem solid #ccc;}
    .mob_menu ul li.haschild ul li a:hover {color:#333}
}

@media screen and (max-width:767px){
    .search{display:none;}
    #ljmenu{display:none;}
    .menu-icon{margin-top:3.5rem;}
    .menu-icon{width:2.5rem;height:.3rem;border-top:.3rem solid #0166b6;border-bottom:.3rem solid #0166b6;background-color:#0166b6;padding:.3rem 0;background-clip:content-box;float:right;margin-right:1rem;margin-top:2.5rem;cursor: pointer;z-index:1000000;display:block;}
    .mob_menu{display:none;z-index:100000;left:0;top:0;position:fixed;width:100%;height:100%;}
    .menuactive{opacity:0.95;display:block;}
    .mob_menu>ul{position:absolute;right:0;top:0;width:50%;height:100%;background:#fff;opacity:1;display:none;}
    .mob_menu ul li{width:auto;text-align:center;padding:0;}
    .mob_menu ul li:hover{background:#019b4c;}
    .mob_menu ul li a {display:inline-block;font-size:16px;color:#333;padding:10px;}
    .mob_menu ul li img{display:inline-block;width:20px;margin-right:5px;}
    .mob_menu ul li:hover a,.mob_menu ul li.active a{color: #fff;}
    .mob_menu ul li ul{display:none;position: static;width:100%;background:#f5f5f5;border-top:.1rem solid #cccccc;border-bottom:.1rem solid #cccccc;}
    .mob_menu ul li.haschild a span{width: 0;height: 0;border-top: .5rem solid #333333;border-right: .5rem solid transparent;border-bottom: .5rem solid transparent;border-left: .5rem solid transparent;position:absolute;margin-top:1.2rem;margin-left:.5rem;}
    .mob_menu ul li.haschild:hover .mob_menu ul li ul{display:block;}
    .mob_menu ul li.haschild ul li{padding:0 1rem;}
    .mob_menu ul li.haschild ul li a {padding: 0.5rem;width:100%;margin:0 auto;font-size: 1.6rem;color: #414141; border-bottom:.1rem dotted #fff;text-align:center;display: block;border-bottom:.1rem solid #ccc;}
    .mob_menu ul li.haschild ul li a:hover {color: #333}
}