.lead { font-size: 16px; } .page-header { margin-bottom: 30px; } .page-header .lead { margin-bottom: 10px; } .col-xs-4 { } .container .navbar-header, .container .navbar-collapse { margin-left: 0; margin-right: 0; position: relative; } .navbar-header { float: left; } .navbar-collapse { display: block !important; height: auto !important; overflow: visible !important; padding-bottom: 0; float:right !important; width:80% !important; } .navbar-toggle { display: none; } .navbar-collapse { border-top: 0 none; } .navbar-brand { margin-left: -15px; } .navbar-nav { float: left; margin: 0; } .navbar-nav > li { float: left; /* width: 105px; */ min-width: 105px; height: 40px; padding-top:10px; margin-top:5px; text-align: center; } .navbar-nav > li > a { padding: 15px; } .navbar-nav.navbar-right { float: right; } .navbar .navbar-nav .open .dropdown-menu { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-color: #fff; border-color: rgba(0, 0, 0, 0.15); border-image: none; border-radius: 0 0 4px 4px; border-style: solid; border-width: 0 1px 1px; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); float: left; position: absolute; } .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #333; } .navbar .navbar-nav .open .dropdown-menu > li > a:hover, .navbar .navbar-nav .open .dropdown-menu > li > a:focus, .navbar .navbar-nav .open .dropdown-menu > .active > a, .navbar .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar .navbar-nav .open .dropdown-menu > .active > a:focus { background-color: #428bca !important; color: #fff !important; } .navbar .navbar-nav .open .dropdown-menu > .disabled > a, .navbar .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar .navbar-nav .open .dropdown-menu > .disabled > a:focus { background-color: transparent !important; color: #999 !important; } /* @media screen and (min-device-width:1025px){ */ .is_PC body{ min-width: 1170px; } .is_PC .container { max-width: none !important; width: 1170px; } .is_PC .navbar-mobile { display: none; } /* } */ /* 移动端样式 */ /* @media screen and (max-device-width:1024px){ */ .is_mobile.html{ width: 100% } .is_mobile body{ background:#CCC; width: 100%; } .is_mobile p{ margin:0 0 0.1rem; } .is_mobile .container { width: 9rem!important; padding: 0; } .is_mobile article img{ max-width:100% } .is_mobile ul,.is_mobile li{ margin: 0; padding: 0 } /* 隐藏原有的nav */ .is_mobile .navbar-fixed-top{ display: none; } /* 通用及隐藏状态 */ .is_mobile .navbar-mobile { /* display: none; */ background: #fff; min-height: 1.4rem!important; position: fixed; left: 0; /* right: 0; */ width:100%; z-index: 100; border: none; border-top: #9aa2ab 2px solid; } .is_mobile .navbar-mobile a{ text-decoration: none; } .is_mobile .navbar-mobile .non_list{ /* display:none; */ position: absolute; top: 0; left: 0; width: 100%; /* right: 0; */ z-index: 101; } .is_mobile .navbar-mobile .non_list .container{ padding: 0.36rem 0; } .is_mobile .navbar-mobile .logo_img{ float: left; width: 2.69rem; height: 0.7rem; } .is_mobile .navbar-mobile img{ width: 100%; height: 100%; } .is_mobile .navbar-mobile .lang{ float: right; padding-right: 0.3rem; border-right:0.04rem solid #d6d6d6; height: 0.7rem; line-height: 0.7rem; font-size: 0.34rem; } .is_mobile .navbar-mobile .lang a{ text-decoration: none; } .is_mobile .navbar-mobile .lang .selected{ color:#0068b7; } .is_mobile .navbar-mobile .lang .en{ color:#777; } .is_mobile .navbar-mobile .show{ float: right; width: 1rem; cursor:pointer; padding: 0.14rem 0.14rem 0.14rem 0.3rem; } .is_mobile .navbar-mobile .show .lang a{ padding: 0 0.1rem } /* 显示状态 */ .is_mobile .navbar-mobile .show_list{ /* display: none; */ background:#e8e8e9; position: absolute; left: 0; /* right: 0; */ width: 100%; height:0; overflow: hidden; transition: all 0.2s ease-in; } .is_mobile .navbar-mobile .list_head{ border-bottom: 2px solid #9aa2ab; height:1.4rem; background:#ffffff; } .is_mobile .navbar-mobile .show_list{ z-index:102 } .is_mobile .navbar-mobile .close_list{ width: 0.77rem; height: 0.77rem; padding: 0.1rem; float: right; cursor: pointer; } .is_mobile .navbar-mobile .show_list .list_head .container{ padding: 0.3rem 0; } /* 平板的导航条间距更小 */ .is_mobile .navbar-mobile .list_content{ padding: 0.3rem 0; margin-top: -1rem; transition: all 0.2s ease-in; } .is_mobile .navbar-mobile .list_content ul{ padding: 0 } /* 平板的导航条间距更小 */ .is_mobile .navbar-mobile .list_content li{ padding: 0.3rem 0.2rem; list-style: none; line-height: 0.5rem; } .is_mobile .navbar-mobile .list_content li a{ font-size: 0.39rem; color:#777777; } .is_mobile .navbar-mobile .list_content li a .arr{ width: 0.2rem; height: 0.4rem; float: right; background:url(/templets/new_2014_9/images/mobile-img/list_link0.png) no-repeat; background-size: 100%; } .is_mobile .navbar-mobile .list_content li.on a{ color:#428bca; } .is_mobile .navbar-mobile .list_content li.on a .arr{ background:url(/templets/new_2014_9/images/mobile-img/list_link2.png) no-repeat; background-size: 100%; } .is_mobile .navbar-mobile .list_content li:active{ background-color:#0068b7; } .is_mobile .navbar-mobile .list_content li:active a{ color:#ffffff; } .is_mobile .navbar-mobile .list_content li:active a .arr{ background:url(/templets/new_2014_9/images/mobile-img/list_link.png) no-repeat; background-size: 100%; } /* } */ /* @media screen and (max-device-width:720px){ .navbar-mobile .list_content{ padding: 0.4rem 0 } .navbar-mobile .list_content li{ padding: 0.5rem 0.2rem; } } */ .navbar-nav>li>a{ display: inline; padding: 0 0 20px 0; }