/******公用样式开始*******/
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: 12px; 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; }}
/******公用样式结束*******/


/*头部导航－第27种开始*/
header{position: absolute;z-index: 100;width: 100%;}
nav.navbar.bootsnav ul.nav > li:hover { background: none; }
.top_box {height: 100px; }
.top_box .logo_box { float: left; line-height: 100px;padding-top: 33px;}
.top_box .logo_box img{width:386px;}
.top_box .top_information { float: right; }
.top_box .top_seo { margin: 5px 0;text-align: right; }
.top_box .top_seo a { padding: 0 5px; font-size:12px;}
.top_box .top_seo a:hover { text-decoration: underline; }
.top_box .top_tel { float: right;}
.top_box .icon_tel { float: left;width: 62px; }
.top_box .icon_tel img{width:100%;}
.top_box .number { margin-left: 80px; }
.top_box .number p { font-weight: bold; padding-top: 17px;}
.top_box .contact { font-size: 17px; color: #29b5f0; }
.top_box .phone_num { font-size: 20px; color: #0286e1; }
.head_box { height: 80px;  position: absolute; width: 100%;z-index: 99; }
.head_box .container, .head_box nav.navbar.bootsnav { background: transparent; border: none; }
.head_box nav.navbar.bootsnav ul.nav > li > a { font-weight: normal; }
.head_box nav.navbar.bootsnav ul.nav > li:hover a:hover { background: #05a3e6 ; color:#fff; }
.head_box .row{margin:0;}
.head_box .container{padding:0;}
.head_box .navbar-brand{padding: 16px 15px;}
.nav > li:after{background:#fff;}
.head_box .col-md-12{padding:0;}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu{background: #29b5f0;min-width: 170px;}
.head_box nav.navbar.bootsnav ul.nav > li:first-child a:hover{border-radius:15px 0 0 0; background:#05a3e6;}
.head_box nav.navbar.bootsnav ul.nav > li:last-child a:hover{border-radius: 0 15px 0 0; background:#05a3e6;}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a {color: #fff;}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a:hover{background: #05a3e6;}
nav.navbar.bootsnav.navbar-mobile .navbar-collapse {position:static;!important}

/*媒体查询样式*/
@media (min-width: 1024px) {
.head_box .navbar-collapse { padding: 0; }
.head_box .nav_list {background:#29b5f0;border-radius:15px 15px 0 0;}
.head_box nav.navbar.bootsnav ul.nav > li > a { padding: 15px 53px; color: #fff; text-align: center; font-size: 16px; }
}
@media (min-width: 992px) and (max-width: 1024px) {
.top_box { display: block !important; }
.common_width { width: 970px; }
.head_box nav.navbar.bootsnav ul.nav > li > a { padding: 20px; }
.head_box nav.navbar.bootsnav ul.nav > li > a:hover { color: #fff; }
}
@media (max-width: 992px) {
.head_box, .head_box .container, .head_box nav.navbar.bootsnav { background: #29b5f0; border-bottom: 1px solid #e0e0e0; height: 50px; }
.head_box nav.navbar.bootsnav .navbar-toggle { color: #333; }
.head_box .navbar-default .navbar-brand { color: #fff; }
.head_box nav.navbar.bootsnav .navbar-collapse { border-right: 1px solid #e0e0e0; background: #29b5f0 !important; }
.head_box nav.navbar.bootsnav ul.nav > li > a, .head_box nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu > li > a { color: #fff; }
}
.head_box nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after { right:5%;}
/*头部导航－第27种结束*/



/*产品展示－第1种开始*/
.product_box{background: url(../images/bg2.jpg) center center no-repeat;padding: 30px 0;}
.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:#333;font-size: 16px;background: #fff;}
.pro_nav li a:hover{background: #29b5f0;text-decoration: none;color:#fff;}
.pro_list .pro_img{border: 1px solid #ccc;height:180px;line-height: 180px;background: #fff;overflow: hidden;vertical-align:middle; width:100%;padding: 1%;}
.pro_list .pro_img:hover{border-color:#29b5f0; }
.pro_list .pro_img img{max-width:100%;max-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;}
.productCon{padding-right: 5px;padding-left: 5px;}
.productUl{background:url(../images/probt.jpg) center center no-repeat;padding: 17px 0;}
.productUl h2{margin: 0;padding: 10px 0;color: #fff;}
.productUl p{color: #fff;padding-bottom: 10px;text-transform: uppercase;}
.productUl h2:before{content: " ";width: 40px;height: 2px;display: block;background: #fff;position: absolute;top: 82px;left: 15px;}
.productUl h2:after{content: " ";width: 40px;height: 2px;display: block;background: #fff;position: absolute;top: 82px;right: 15px;}

@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;}
  .product_box{background-size: auto 100%;padding:10px 0;}
  .pro_list {height:660px;overflow:hidden;}
}
@media (max-width: 320px){
.pro_list .pro_img{height:125px;}
}
/*产品展示－第1种结束*/
