html,
body { height: 100%; background-color: #f8f8f8;     font: 12px/1.33333 "Segoe UI","Lucida Grande",Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",FontAwesome,sans-serif; /*font: 12px/1.33333 Arial,"Lucida Grande","Microsoft Yahei","Hiragino Sans GB","Hiragino Sans GB W3",SimSun,"PingFang SC",STHeiti;*//*"PingFang SC", "Lantinghei SC", "Microsoft Yahei", "Hiragino Sans GB", "Microsoft Sans Serif", "WenQuanYi Micro Hei", sans-serif;*/ /*font: 14px/1.5 "Microsoft Yahei","微软雅黑",verdana;*/ }
body, p, form, input, button, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; list-style: none; }
.container { width: 1170px !important; padding-left: 15px; padding-right: 15px; }
.header { position: relative; z-index: 99; width: 100%; min-width: 1200px; }
.header .navbar-nav { margin: 0 !important;}
.header .navbar-nav > li { display: inline-block; }

.top { height:42px; padding: 12px 0;}
.top .container { color: #9d9d9d; }
.top .container span, .top .container a { display: inline-block; line-height: 20px; color:#9d9d9d; }
.top .pull-left span { padding-right: 10px; }
.top .container a:hover { color: #fff; }
.top .navbar-collapse { padding: 0px; }
.top .nav > li { padding: 0 15px; }
.top .nav > li:after { content: " "; position: absolute; right:0; top:5px; border-left: 1px solid #9d9d9d; height:12px; display: inline-block;}
.top .nav > li:last-child:after { border: none;}
.top .navbar-nav { margin-right: 0px;}
.top .navbar-nav > li > a { padding: 0;}
.top .logout { padding: 0px; height:20px; line-height: 20px; border: none; vertical-align: baseline;}
.top .badge { height: auto; font-weight: 500; position: relative; top: -2px; line-height: 14px !important; background-color: #fff; color: #ff6200 !important;}

.banner { position: relative; background-color: #fff; -webkit-box-shadow: 0 0 3px 1px rgba(51,51,51,.1); -moz-box-shadow: 0 0 3px 1px rgba(51,51,51,.1); box-shadow: 0 0 3px 1px rgba(51,51,51,.1); border-bottom: 1px solid #eaeaea\9; }
.banner .logo { padding: 17px 14px 17px 0; width:240px; height:70px; }
.banner .logo a { display: inline-block; height: 36px; width: 101px; line-height: 1000px; overflow: hidden; background: url("../images/logo-nature@36.png") no-repeat left; }
.banner .site-subject { display: inline-block; float: right; }
.banner .site-subject h2, .banner .site-subject h3 { margin: 0;}
.banner .site-subject h2 { font-size:14px; line-height: 20px; color: #999;}
.banner .site-subject h3 { font-size:12px; line-height: 16px; color: #ff6200; font-weight: 500; }
.banner .site-nav { margin: 17px 20px; }
.banner .site-nav .navbar-nav > li > a { padding: 8px 15px; font-size: 16px; color: #333; font-weight: 500;}
.banner .site-nav .navbar-nav > li > a:hover { background-color: #ff6200; color: #ffffff;}

.breadcrumbs-container { margin-top: 20px; }
.breadcrumbs-container .breadcrumb { background-color: #ffffff; border-radius: 0; box-shadow: 0 1px 1px 0px rgba(51,51,51,.1); }

.content { background-color: #fff; padding: 10px 30px 30px;}
.content .page-header { padding-bottom: 20px;}
.content .page-content { padding:30px 10px; line-height: 2; min-height: 400px;}
.content .data-none { margin: 60px auto; }
.content-min { background-color: #fff; padding: 20px 20px;}

.pagination { margin: 20px auto;     border-radius: 0; }
.pagination > li:first-child > a, .pagination > li:first-child > span { border-top-left-radius: 0; border-bottom-left-radius: 0; }
.pagination > li:last-child > a, .pagination > li:last-child > span { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background-color: #ff6200; border-color: #ff6200; }

.top-search { height: 36px; margin: 17px 0;}
.top-search .btn,.top-search .form-control { border-radius: 0px; border-color: #ff6200;}
.top-search .form-control { width: 220px !important; }
.top-search .btn-didao { background-color: #ff6200; color:#fff; }
.top-search .form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; }
.top-search .form-inline .input-group { display: inline-table; vertical-align: middle; }
.top-search .form-inline .input-group .input-group-btn { width: auto;}


.footer-extra { padding: 20px 0;/*background: url("/images/footer-bg.png") no-repeat center bottom; min-height: 300px;*/}
.footer .telphone { width:320px; margin-right: 30px; }
.footer .telphone .didao {  float: left; font-size:48px; line-height: 100px; margin-right: 30px; }
.footer .telphone address { display: block; margin:0; line-height: 25px;}
.footer .wexin { width: 320px; margin-right: 30px;}
.footer .wexin img { margin-right: 20px; }
.footer .wexin h4 { margin: 10px 0;}

.footer-site { color: #666; background-color: #fff; line-height: 2; padding: 20px 0; }
.footer-site .footer-links { padding-left: 0; margin-bottom: 20px;}
.footer-site .footer-links li { position: relative; display: inline-block; padding: 0 20px; }
.footer-site .footer-links li:after { content: ''; position: absolute; height: 0; width:6px; right: -3px; top:11px; border-bottom: 1px solid #999; }
.footer-site .footer-links li:last-child:after { border: none;}
.footer-site .footer-links li a { color:#666;}
.footer-site .footer-links li a:hover { color:#333;}