/*
通用导航nav独立css
万助金
2015-10-10
*/

.headerb{position: absolute;top: 50px;width: 100%;left: 0;z-index: 100;}
.header{background: #fff;position: relative;height: 80px;}
.header-b{background: #fff;position: relative;height: 80px;}
.headerb .logo{height: 100%;width: 240px;background: #1D89D5;position: relative;}
.headerb .logo:before{border-left: 40px solid transparent;border-bottom: 80px solid #fff;content: "";position: absolute;right: 0;bottom:0;width: 0;}
.headerb .logo a{display:inline-block;vertical-align: middle;height: 100%;padding-left: 15px;}
.headerb .logo h1{height: 0;margin: 0;text-indent: -9999px;}
.headerb .logo a .alpha_img {height:100%; width:1px;}
.nav-button{display: none;}
.slider-right {position: absolute; z-index: 102;width: 100%;height: 80px;top: 50px;right:0;}
.nav .row{padding-right: 30px;}
.nav .row >ul{display: block;height: 100%;position: relative;float: right;height: 80px;}
.nav .nav-tips{height: 0px;width: 0;border:2px #FF9900 solid;background:#FF9900;position: absolute;bottom:0px;left: 0;z-index: 2;}
.nav .nav-tips:before{content:'';position: absolute;left: -2px;top: -2px;border-right: 4px solid transparent;border-top: 4px solid #fff;}
.nav li{float:left;padding:30px 25px 0;}
.nav li a{color:#1D89D5;outline: none;}
.nav li a:hover,.nav li.active a{color:#333333;}
.nav li a:focus{outline: none}

.nav li a i{color:#99CBFF;vertical-align: middle;}
.nav li a:hover i,.nav li.active a i{color:#F4848A;}
.nav li a span,.nav li a small{display: block;line-height: 1.6rem;text-align: center;}
.nav li a span{font-size: 1.6rem;line-height: 2.3rem;color:#333333;}
.nav li a small{color:#999999;font-size: 1rem;}
.nav-share{position: absolute;right: -30px;top: -35px;}
.nav-share >a{display: inline-block;margin-right: 10px;position: relative;vertical-align: middle;}
.nav-share >a i{width: 32px;height: 25px;display: inline-block;}
.nav-share >a.share-wx i{background-image: url(../images/u09.png);}
.nav-share >a.share-sina i{background-image: url(../images/u10.png);}
.nav-share >a:hover{}
.nav-share >a .nav-share-b{position: absolute;top: 35px;right: 0;display: none;}
.nav-share-b-b{position: relative;padding:10px;background: #fff;border:1px #ccc solid;}
.nav-share-b-b img{max-width: 90px;}
.nav-share-b-b em{display: none;position: absolute;top: -6px;right: 5px;width: 10px;height: 10px;border-left:1px #ccc solid;border-top:1px #ccc solid;background: #fff;-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);  -ms-transform:rotate(45deg);transform:rotate(45deg);}
.nav-share >a:hover .nav-share-b{display: block;}
.nav-share >a:hover .nav-share-b-b em{display: block;}
.nav-share .dropdown{display: inline-block;vertical-align: middle;}
.dropdown-a{display: block;width: 70px;height: 25px;line-height: 25px;text-align: center;vertical-align: middle;background: #FF9900;color:#fff;font-size: 1.2rem;}
.dropdown-a:hover,.dropdown-a:focus{color:#fff;outline: 0 none;
    text-decoration: none;}
.nav-share .dropdown-menu{min-width: auto;left:auto;right:0;height:70px;border:none;background: #FF9900;margin-top: 0;border-radius: 0;box-shadow: 0 2px 2px rgba(0, 0, 0, 0.176)}
.nav-share .dropdown-menu {height:auto}
.nav-share .dropdown-menu li{float: none;padding: 0;}
.nav-share .dropdown-menu li >a{padding: 0 10px;font-size: 1.2rem;color:#fff;}

.nav-share .dropdown-menu > .active > a, .nav-share .dropdown-menu > .active > a:hover, .nav-share .dropdown-menu > .active > a:focus {
    background-color: #fff;
    color: #FF9900;
    outline: 0 none;
    text-decoration: none;
}

@media (max-width: 1000px){
    .headerb{position: relative;top: 0;}
    .headerb .row{margin:0 -15px;}
    .headerb .logo{display:block;padding-right: 50px;}
    .headerb .logo a{width: 100%;display: inline-block;}
    .headerb .logo a img{max-width: 100%}
    .slider-right{position: fixed;width: 200px;right:-200px;background: #fff;;z-index: 1000;overflow-y: auto;top: 0;height:100%;}
    .nav .nav-tips{height: 52px;width: 3px;left:0;top: 0;}
    .nav .nav-tips:before{content:'';position: absolute;height:0;left: -2px;top: -2px;border-bottom: 4px solid transparent;border-right: 4px solid #fff;}
    .nav .container{padding: 0;width: 100%;}
	.nav .row{padding-right: 0;padding: 0;margin: 0;}
	.nav ul{float: none;height: auto;}
    .nav li{float: none;display: block;position: relative;border-bottom:1px #ddd solid;padding: 10px 0;}
    .nav li a{position: relative;display: block;padding: 0 10px;text-align: left;}
    .nav li a i{position: absolute;right: 5px;}
    .nav li a span,.nav li a small{text-align: left;}
    .nav-button{display: block;position: absolute;right: 10px;margin-top: -20px;top: 50%;font-size: 24px;color:#1D8AD6;}
    .sliderovely{position: fixed;top: 0;left: 0;height:100%;width: 100%;background:rgba(0,0,0,.15);z-index: 101}
    .slider-right.in{box-shadow: -2px 0 5px rgba(0,0,0,0.2)}
    .nav ul{padding-top:50px;}
    .nav-share{top: 10px;right: 10px;}
    .nav-share >a{display: none;}
}

@media (max-width: 768px){

}