/******公用样式开始*******/
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) { /**公共1024区分**/
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) { /**公共992区分**/
body.side-right { overflow: hidden; }
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) { /**公共767区分**/
nav.navbar.bootsnav.navbar-mobile ul.nav { border-top: none; }
.side-right nav.navbar.bootsnav .navbar-toggle { margin: 6px 0 0; }}
/******公用样式结束*******/

/*头部导航－第16种开始*/
header .header-con { background: #eee; height: 30px; line-height: 30px; }
header .sitexml { margin: 30px 0 10px 250px; }
header .sitexml a, .sitexml { color: #fff; }
header .sitexml a:hover { text-decoration: none; }
header .header-con a:hover { text-decoration: none; }
header .navbar-collapse { margin-right: 15px; padding-left: 15px; }
header .navbar-toggle { float: left; }
body.side-right { overflow: hidden; }
header nav.navbar.bootsnav { border: none; }
header nav.navbar.bootsnav a { font-size: 15px; font-weight: normal !important; color: #fff; text-align: center; }
header nav.navbar.bootsnav { background: none; clear: both;}
header .side-right .in { background: rgb(27,125,209) !important; }
header nav.navbar.bootsnav ul.nav > li:hover { background:#0098e1; }
header nav.navbar.bootsnav ul.nav > li:hover a:hover { background:#0098e1 !important; }
header nav.navbar.bootsnav.navbar-mobile ul.nav > li > a { padding: 10px 28px; }
header .navbar-bg .navbar-img img { position: absolute; top: 0; left: 0; opacity: 0.9; height: 55px !important; width: 1920px !important; }
header .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse { max-height: 1000px !important; }
nav.navbar.bootsnav.navbar-mobile ul.nav ul.dropdown-menu > li > a { padding:10px 0 !important;}
nav.navbar.bootsnav li.dropdown a.dropdown-toggle:before { margin-right:10px;}

@media (min-width: 992px) and (max-width: 1024px){
header .container { width:100%;overflow:hidden;}
header nav.navbar.bootsnav.navbar-mobile ul.nav > li > a { padding:10px 20px;}
}

@media (max-width: 768px) and (min-width: 415px) {
header .container {width:100%; overflow:hidden;}	
}

@media (max-width: 992px) {
header nav.navbar.bootsnav.navbar-mobile ul.nav > li > a { }
nav.navbar.bootsnav.navbar-mobile .navbar-collapse.in { background:#338bd6}
}

/* 小屏幕(平板，大于等于768px)*/
@media (min-width: 768px) {
header nav.navbar.bootsnav .navbar-toggle { float: left;!important }
header nav.navbar.bootsnav 
body.side-right { overflow: hidden; }
header nav.navbar.bootsnav a { font-size: 16px; padding:5px 0 0 0; }
header nav.navbar.bootsnav a img { width:15%; display:inline}
header .navbar-bg .navbar-img img { height: 60px !important; width: 1920px !important; }
}

/* 中等屏幕(桌面显示器，大于等于992px) */
@media (min-width: 992px) {
nav.navbar.bootsnav a { font-size: 17px; }
header .navbar-bg .navbar-img { display: inline-block; height: 20px; }
header .sitexml { margin: 20px 0 10px 200px; }
header .navbar-bg .navbar-img img { height: 146px !important; width: 1920px !important; }
}

/* 大屏幕(大桌面显示器，大于等于1200px) */
@media (min-width: 1200px) {
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: 16px; }
header nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li { background: rgb(27,125,209); }
header .navbar-bg .navbar-img img { height: 146px !important; width: 1920px !important; }
}
header nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after { right:5%;}
nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu { padding:0 !important;}
/*头部导航－第16种结束*/




/*产品展示－第1种开始*/
.product_box{background: url(../../../../static/admin/temp/images/productdis/images/1/pro_bg.jpg) top center no-repeat;}
.product_title h3{margin:15px 0;font-size: 24px;}
.product_content .pro_nav{}
.pro_nav li{margin-bottom: 2px;}
.pro_nav li a{display: block;padding: 11px 0;color:#fff;font-size: 16px;background: url(../../../../static/admin/temp/images/productdis/images/1/pro_nav_bg.png) no-repeat center;}
.pro_nav li a:hover{background: #b20000;text-decoration: none;}
.pro_list .pro_img{border: 1px solid #ccc;height:180px;line-height: 180px;background: #fff;overflow: hidden; display:table-cell; vertical-align:middle; width:33.3333%;padding: 2.3%;}
.pro_list .pro_img:hover{border-color:#b20000; }
.pro_list .pro_img img{width:100%;height: 100%;}
.pro_list li{margin-bottom:10px;}
.pro_list li a{display: block;color:#333;}
.pro_list li a:hover{text-decoration: none;}
.pro_list li p{margin:5px 0 0;font-size: 14px;}
@media (max-width: 992px){
.pro_list .pro_img{height:150px;line-height: 144px;}
}
@media (max-width: 767px){
.pro_list .pro_img{height:125px;}
.col-xs-4 { width:49.9999%;}
.pro_list li p{font-size: 12px;}
}
@media (max-width: 320px){
.pro_list .pro_img{height:125px;}
}
/*产品展示－第1种结束*/