﻿ul, li, ol, p, a{ margin: 0; padding: 0; }
ul, ol, li { list-style: none;}
img { border: none; }
textarea { resize: none; padding: 5px; }
button, a { outline: none; cursor: pointer; }
.fl { float: left; }
.fr { float: right; }

.common_width { width: 1170px; margin: 0 auto; }
.bdn { border-right: none !important; }
.f_count { color: #ff8c12; font-weight: bold; }
.tel_infomaition a:hover, .top_box2 .top_tel_container a:hover, .top_head_box3 .top_head_right a:hover, .top_box4 .top_right a:hover { text-decoration: underline; }

@media (min-width: 1024px) { 
nav.navbar.bootsnav ul.nav > li > a { font-size: 16px; }
nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a:hover { background: #f4f4f4; }
nav.navbar.bootsnav ul.nav > li > a { font-weight: normal; }}

@media (max-width: 992px) { 
body.side-right nav.navbar.bootsnav .navbar-toggle { float: left; }
nav.navbar.bootsnav.navbar-mobile ul.nav, body nav.navbar.bootsnav .navbar-nav > li > a { border-top: none; }
body nav.navbar.bootsnav .navbar-toggle { margin-top: 6px; padding: 0 5px; }}

@media (max-width: 767px) { 
nav.navbar.bootsnav.navbar-mobile ul.nav { border-top: none; }
.side-right nav.navbar.bootsnav .navbar-toggle { margin: 6px 0 0; }}





header {background:url(404.png) no-repeat top center;}
header .header-con { padding:5px 0; border-bottom:1px solid rgba(255,255,255,.3);}
header .header-con a { color: #fff; }
header .header-con a:hover { text-decoration: none; }
header .company-name { font-size: 13px; color:#fff;}
header .navbar-collapse  {}
header .header-logo { padding: 25px 0; }
header .header-phone img { padding-top: 7px; }
header .header-phone{color:#fff}
header .header-phone span { font-weight: 700;color:#fff;line-height:1.3}
body.side-right { overflow: auto; }
header .navbar-nav { float: none; }
nav.navbar.navbar-default,nav.navbar.navbar-collapse{background:none}
nav.navbar.bootsnav ul.nav > li{width:14.2%; text-align:center;background:url(404.png) no-repeat right center;}
nav.navbar.bootsnav ul.nav > li > a{color:#fff;padding:15.2px 0;}
nav.navbar.bootsnav ul.nav > li:hover,nav.navbar.bootsnav ul.nav > li a{ background:none;}
nav.navbar.bootsnav ul.nav > li a:hover{ background:#ffae2c;color:#fff }
nav.navbar.bootsnav ul.nav > li:hover,nav.navbar.bootsnav li.on{ background:#ffae2c;color:#fff }
header .header-title { padding-top:2.2%;}
.nav > li:after{background:rgba(255,255,255,.2);}
nav.navbar.bootsnav ul.nav > li:last-child{background:none;}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a{font-size:15px;}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a:hover{ background:#ffae2c;color:#fff }


@media (min-width: 768px) {
header .header-logo { padding-bottom: 10px; }
header .header-logo h1 { font-size: 24px; font-weight: 700; }
header nav.navbar.bootsnav .navbar-toggle { float: left; }


}


@media (min-width: 992px) {
header .header-logo h1 { font-size:29px; font-weight: 700; }
header .header-logo .header-word1 { font-size: 16px; }
header .header-logo .header-word2 { font-size: 13px; }

  .header-phone img{display:none;}
nav.navbar.bootsnav a { font-size: 17px; }
header .navbar-bg{ background:url(404.png) repeat center; }
  
}


@media (min-width: 1200px) {
  header .header-phone span { font-size: 28px; padding-left:10px;padding-top:3px;}
header .header-logo { padding-bottom: 22px; }
header .header-logo h1 { font-size: 36px; font-weight: 700; text-align:left; padding:0;}
header .header-logo .header-word1 { font-size: 17px; }
header .header-logo .header-word2 { font-size: 16px; }
  .header-phone img{display:block;}
header nav .nav-bg .navbar-nav li a { font-size: 17px; }
header nav .nav-bg .navbar-nav li a:hover { color: #333 !important; }
header nav.navbar.bootsnav a { font-size: 18px; }
header nav.navbar.bootsnav.navbar-mobile ul.nav > li > a { padding: 15px 28px; }

}
nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after { right:8%;}

@media (max-width: 992px) {
  nav.navbar.bootsnav.navbar-mobile .navbar-collapse {position:static;!important} 
  nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu > li > a{padding:10px 15px;}
  nav.navbar.bootsnav ul.nav > li{width:100%;background:none}
  nav.navbar.bootsnav ul.nav > li > a{color:#000}
  .navbar-toggle {display: block;}
  .navbar-brand{padding:15px;}
  .navbar-default .navbar-header a{font-size:17px;color:#fff;}
  .bootsnav{border:none !important}
header .navbar-bg{background:#068ddb} 
  nav.navbar.bootsnav .navbar-header{text-align:left;}
  nav.navbar.bootsnav ul.nav ul.dropdown-menu li.dropdown.on > ul.dropdown-menu{background:#6f9c0a !important;}
  nav.navbar.bootsnav ul.nav ul.dropdown-menu li.dropdown.on > ul.dropdown-menu li a{color:#fff;}
  body nav.navbar.bootsnav.navbar-mobile .navbar-collapse{max-height:340px;}
}


.news_title{}
.news_title h3{font-size: 26px;margin: 8px 0;font-weight: bold;}
.news_title h3 span{color:#0096ff;}
.news_title h5{font-size: 22px;margin10px 0;}
.news_title .news_mask{width:60px;height:2px;margin:8px auto;background:#0096ff; }
.news_list{margin-top: 20px;}
.news_list li{background:#f6f6f6;padding: 10px 0;margin: 0 1% 10px;width: 47.99%;}
.news_list li:hover{background: #f0f0f0;}
.news_list a{display: block;color:#666;overflow: hidden;font-size: 14px;}
.news_list .news_date_box{background: #e5e5e5;color:#0096ff;width:60px;height:60px;}
.news_list .news_day{font-size: 20px;font-weight: bold;padding: 3px 0;}
.news_list .news_ym{font-size: 13px;}
.news_item_tit h3,.news_item_tit p{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin:0 0 10px;}
.news_item_tit h3{font-size: 18px;line-height: 26px;}
@media (max-width: 992px){
.news_list li { width:auto;}
.col-xs-4 { width:23%;}
}
@media (max-width: 320px){
}