﻿
.main-nav {border-bottom: 2px solid #DD6E4C;background: #313131;}
.header_bottom {height: 48px;width: 100%;position: relative;z-index: 999;}		
.header_bottom .header_menu {margin: 0 auto;height: 48px;}		
/*导航下拉*/
.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:"."}
.nav .nLi{position:relative;float:left;display:inline}
.nav .nLi h3{padding:0;margin: 0;text-align:center}
.nav .nLi h3 a{display:block;padding:0 25px;font-weight:500;}
.nav .nLi h3 a:hover{}
.nav .sub{position:absolute;top:48px;left:0;display:none;padding:10px ;width:100px;Margin: 0 0 0 -9px;border-top:2px #DD6E4C solid;padding: 0; background:#F1F1F1;line-height: 20px;box-shadow: 0px 0px 10px rgba(0, 0, 0, .3);text-align: center; z-index:1000;border-radius:3px;}
.nav .sub li{zoom:1}
.nav .sub a{display:inline-block;width:100%;height:35px;color:#333;line-height:35px; text-align:center;border-radius: 5px;}
.nav .sub a:hover{color:#DB6D4C;}
.nav .on h3 a{}
.nav .on h3 i{position: absolute;bottom: 0;left:45%;width: 0;height: 0;border: 5px solid;border-color: transparent transparent #DD6E4C transparent;}
.nav .nLi h3 a em{webkit-transition: all .25s;-o-transition: all .25s;transition: all .25s;position: absolute;top: 50%;right: 5px;display: block;margin-top: -2px;width: 10px;height: 5px;background: url(../images/yp_spirit.png) no-repeat 0 -33px;}
.nav .nLi h3 a:hover em{background-position:-32px -33px}
.nav li.on a em{webkit-transition: all .25s;-o-transition: all .25s;transition: all .25s;position: absolute;top: 50%;right: 5px;display: block;margin-top: -2px;
width: 10px;height: 5px;background: url(../images/yp_spirit.png) no-repeat 0 -33px;}
.nav .nLi span.point {width: 6px;height: 6px;background: #FB4545;border-radius: 50%;position: absolute;top: 14px;}
.nav a {color: white;font-size: 16px;line-height: 48px;}
.nav .nLi span.point3 {width: 6px;height: 6px;background: #FB4545;border-radius: 50%;position: absolute;top: 14px;}
.nav .nLi span.point6 {width: 6px;height: 6px;background: #01C3C3;border-radius: 50%;position: absolute;top: 14px;}

@media (max-width: 991px){.main-nav {border:0;background: #fff;}
.header_bottom .header_menu {height:auto;}
.header_bottom,.nav{height: auto;}
.nav a{ color:#333333;}
.nav .nLi h3 {text-align: left;}
.nav .nLi{position: relative;float: none;display: block}
.nav .sub{ display:none!important;}
.nav .nLi h3 a em { display:none;}
.nav .on h3 i{ display:none}
}
.right-nav  i {position: absolute;top: 50%;left: 5px;display: block;margin-top: -2px;width: 5px;height: 5px;border-radius: 50%;font-size: 0;}
.right-product i {background-color: #DB6D4C;}
.right-news i {background-color: #FB4545;}
.right-zhiqu i {background-color: #01C3C3;}
.collapse{display:none}
.collapse.in{display:block}
.head_top{width:100%; height:34px; line-height:34px;border-bottom:1px #E7E7E7 solid;background:#F7F5F5}
.head_menu{border-bottom: 2px solid #DD6E4C;background: #313131;margin-right:auto;margin-left:auto; position: relative}
@media(max-width:991px){.head_menu{ background:#FFFFFF; border-bottom:0;}}

.nav{margin-bottom:0;padding-left:0;list-style:none}

.nav>li{position:relative;display:block}
.nav>li>a{position:relative;display:block;padding:10px}
.nav>li>a:hover,.nav>li>a:focus{text-decoration:none;background-color:#006799}
.navbar{position:relative;}
@media(min-width:992px){.navbar-header{width:25%;float:left}
}
.navbar-collapse{max-height:340px;overflow-x:visible;padding-right:15px;padding-left:15px;box-shadow:inset 0 1px 0 rgba(255,255,255,.1);-webkit-overflow-scrolling:touch;border:#eee 1px solid;}
.navbar-collapse.in{overflow-y:auto;}
@media(min-width:992px){.navbar-collapse{width:auto;border:0;box-shadow:none}
.navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}
.navbar-collapse.in{overflow-y:visible}
.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse{padding-left:0;padding-right:0}
}
.container>.navbar-header,.container-fluid>.navbar-header,.container>.navbar-collapse,.container-fluid>.navbar-collapse{margin-right:-15px;margin-left:-15px}
@media(min-width:992px){.container>.navbar-header,.container-fluid>.navbar-header,.container>.navbar-collapse,.container-fluid>.navbar-collapse{margin-right:0;margin-left:0}
}
.navbar-static-top{z-index:1000;border-width:0 0 1px}
@media(min-width:992px){.navbar-static-top{border-radius:0}
}
.navbar-fixed-top,.navbar-fixed-bottom{position:fixed;right:0;left:0;z-index:1030}
@media(min-width:992px){.navbar-fixed-top,.navbar-fixed-bottom{border-radius:0}
}
.navbar-fixed-top{top:0;border-width:0 0 1px}
.navbar-fixed-bottom{bottom:0;margin-bottom:0;border-width:1px 0 0;line-height:1}
.navbar-brand{float:left;padding:5px;font-size:18px;line-height:20px;}
.navbar-brand:hover,.navbar-brand:focus{text-decoration:none}
@media(max-width:767px){.navbar-brand{padding:0px;}}
@media(min-width:992px){.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:-15px}
}
.navbar-toggle {position: relative;float: right; color:#FFFFFF;padding:5px 5px 5px 10px;margin-top: 10px;background-color: #CCC;background-image: none;
border: 1px solid transparent;border-radius: 4px;}
.navbar-toggle:focus{outline:0}
.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}
.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}
@media(min-width:992px){.navbar-toggle{display:none}
}
.navbar-nav{margin:7.5px -15px; float:left;}
.navbar-nav>li>a{line-height:20px}
@media(max-width:767px){.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;box-shadow:none}
.navbar-nav .open .dropdown-menu>li>a,.navbar-nav .open .dropdown-menu .dropdown-header{padding:5px 15px 5px 25px}
.navbar-nav .open .dropdown-menu>li>a{line-height:20px}
.navbar-nav .open .dropdown-menu>li>a:hover,.navbar-nav .open .dropdown-menu>li>a:focus{background-image:none}
}
@media(min-width:992px){.navbar-nav{float:left;margin:0}
.navbar-nav>li{float:left}
.navbar-nav>li>a{ padding:12px;}
.navbar-nav.navbar-right:last-child{margin-right:-15px}
}
@media(min-width:992px){.navbar-left{float:left!important}
.navbar-right{float:right!important}
}
.sr-only {position: absolute;width: 1px;height: 1px;margin: -1px;padding: 0;overflow: hidden;clip: rect(0,0,0,0);border: 0;}
.bs-docs-nav .navbar-header .navbar-toggle {border-color: white;}
.clearfix:before,.clearfix:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after,.form-horizontal .form-group:before,.form-horizontal .form-group:after,.btn-toolbar:before,.btn-toolbar:after,.btn-group-vertical>.btn-group:before,.btn-group-vertical>.btn-group:after,.nav:before,.nav:after,.navbar:before,.navbar:after,.navbar-header:before,.navbar-header:after,.navbar-collapse:before,.navbar-collapse:after,.pager:before,.pager:after,.panel-body:before,.panel-body:after,.modal-footer:before,.modal-footer:after{content:" ";display:table}
.clearfix:after,.container:after,.container-fluid:after,.row:after,.form-horizontal .form-group:after,.btn-toolbar:after,.btn-group-vertical>.btn-group:after,.nav:after,.navbar:after,.navbar-header:after,.navbar-collapse:after,.pager:after,.panel-body:after,.modal-footer:after{clear:both}
.loginy {position:absolute;top:-120px; right:0px }
@media(max-width:992px){.loginy {position:static ;padding:0; margin:0;}}
.loginy li{ float:left;}
.loginy li a{display: block;padding:10px;}
@media(max-width:992px){.loginy li{ float:none!important;}}
/*-------*/
.nsub{padding: 0 10px;margin-top: 5px;border: 1px #EEE solid;line-height: 40px;height: 40px;overflow: hidden;}
.nsub span.cname {font-size:18px; font-weight:bold;}
.nsub-nav{ margin:0!important;}
.nsub-nav ul li{ line-height:30px;}
.nsub-nav ul li a{ display:block;}