/******公用样式开始*******/
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: 11px 0px; 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%;}
.top_box {height: 100px; }
.top_box .logo_box {background: url(../images/headerbg.png) no-repeat top left; float: left; line-height: 100px;padding-top: 5px;text-align: right;width: 55%; }
.top_box .logo_box img{width:125px;}
.top_box .top_information { float: right; }
.top_box .top_seo { margin: 5px 0; }
.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;padding-right: 43px;}
.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; }
.top_box .contact { font-size: 17px; color: #106635; }
.top_box .phone_num { font-size: 20px; color: #ff7400; }
.head_box { height: 80px; background: url(../images/nanvbg.png) no-repeat top center; 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 { background:#106635; }
.head_box nav.navbar.bootsnav ul.nav > li:hover a:hover { background: #106635 !important; color:#fff; }
.head_box .row{margin:0;}
.head_box .container{padding:0;}
.head_box .navbar-brand{padding: 16px 15px;}

/*媒体查询样式*/
@media (min-width: 1024px) {
.head_box .navbar-collapse { padding: 0; }
.head_box .nav_list { }
.head_box nav.navbar.bootsnav ul.nav > li > a { padding: 15px 35px; color: #fff; text-align: center; font-size: 16px; }
.head_box nav.navbar.bootsnav ul.nav > li > a:hover { color: #54e6a2; }
}
@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: #106635; 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: #106635 !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种结束*/

/*产品展示－第9种开始*/
.product_bg{background: url(../images/productbg.jpg) no-repeat top center;padding: 32px 0 0 0;background-size:auto 100%;}
.product_bg .row{margin:0;}
.pro_contact{float: left;width:283px;}
.pro_contact img{width:100%;}
.product_content{margin-left:300px;}
.pro_nav{padding: 0 15px;margin-bottom: 20px;}
.pro_title{font-size: 20px;color:#fff;}
.pro_nav ul{overflow: hidden;}
.pro_nav li{float: left;margin-right: 15px;font-size: 16px;}
.pro_nav li a{display: block;color:#333;border-radius: 20px;}
.pro_nav li a:hover,.pro_nav a.on{color:#106635;background: #fff;text-decoration: none;}
.pro_content li{float: left;width:33.33%;padding: 0 15px;text-align: center;}
.pro_content a{display: block;color:#333;}
.pro_content a.pro_img{height:198px;line-height: 190px;background: #fff;border: 1px solid #d7d7d7;padding:3px;font-size: 0; display:table-cell; vertical-align:middle; width:33%;overflow:hidden;}
.portab .item .ar_1 .img-auto:hover{border: 1px solid #106635;}
.pro_content a.pro_img img{vertical-align: middle;max-width:100%;max-height:100%;height: auto;}
.portab .item .ar_1:hover img{transform: scale(1.3);-webkit-transform: scale(1.3);transition: transform 0.5s;-webkit-transition: transform 0.5s;}
.pro_content p{margin:5px 0 15px;}
.productBt h3{width: 200px;margin: 0 auto;text-align: center;color: #ff7400;text-transform: uppercase;font-size: 15px;position: relative;}
.productBt h3:before{content: "P";width: 72px;height: 80px;display: block;position: absolute;bottom: -54px;left: -22px;font-size: 68px;}
.productBt h2{width: 100%;text-align: center;margin: 0;padding: 10px 0 5px 0;}
.productBt p{width: 100%;text-align: center;font-size: 14px;color: #666;}
.scienceBtn{width:100%;text-align:center;}
.product_bg .aboutusBtn{margin: 0 0 25px 0;}
.
@media (max-width: 1024px){
}
@media (max-width: 992px){
.product_bg{padding-top: 15px;}
.product_content{margin-left:0;}
.pro_content a.pro_img{height:158px;line-height: 150px;}
  .pro_content p{width: 100%;overflow: hidden;white-space: normal;text-overflow: ellipsis;}
}
@media (max-width:767px){
 .product_bg{padding: 20px 0 0 0;background-size: auto 100%;}
  .pro_content li{width:50%;padding: 0 10px;}
.pro_content a.pro_img{height:139px;line-height: 100px;}
  .product_bg .container{padding:0;}
}
/*产品展示－第9种结束*/