/******公用样式开始*******/
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: 1200px; 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: #faaa10; }
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: 10px;padding: 2px 5px;margin-right: 15px;color: #000;}}

@media (max-width: 767px) { /**公共767区分**/
nav.navbar.bootsnav.navbar-mobile ul.nav { border-top: none; }
}
/******公用样式结束*******/


/*头部导航－第2种开始*/
.top_box2 { height: 45px; line-height: 45px; background:#168a29;}
.top_box2 .top_left_container { float: left; color: #fff;font-size:14px; }
.top_box2 .top_tel_container { float: right;color: #fff; font-size:14px;}
.top_box2 .top_tel_container .f_count { color:#f00;}
.top_box2 .top_tel_container a { color: #fff;}
.top_box2 .top_tel_container img{margin-top: -2px;}
.top_box2 .top_tel_container span { color: #fff;padding-left: 3px;}

/*修改代码*/
.head_box2 {border-bottom: none; }
.head_box2, .head_box2 .container, .head_box2 nav.navbar.bootsnav { height: 100px; }
.head_box2 { height:100px;background: #fff;}
.head_box2 nav.navbar.bootsnav ul.nav > li > a { color: #222; }
.head_box2 nav.navbar.bootsnav .navbar-brand {font-size: 20px;}
.head_box2 .head_title_logo {float: left;margin-top:20px;width:20%;margin-bottom: 0;}
.head_box2 .head_title_logo img { vertical-align: middle;}
.head_box2 .nav_list {margin-left: 0;float: right;}

/*导航*/
.nav_full {background: none !important;}
nav.navbar.bootsnav ul.nav > li > a {font-size: 16px;color: #333;padding: 15px 23px;}
nav.navbar.bootsnav ul.nav > li > a:hover{color:#fff;}
.nav_full .collapse {margin: 0 auto;padding:30px 0;}
.nav > li:after{background:#c30d23;}
.nav_full .collapse { width:auto;}
nav.navbar.bootsnav {background-color: transparent;}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu{min-width: 120px;}
.navbar-nav>li:hover{}


nav.navbar.bootsnav ul.nav > li:hover li a {color:#333!important;background:#fff;text-align: center;padding: 15px 15px;}
nav.navbar.bootsnav ul.nav > li:hover li a:hover{color: #fff;background: #faaa10;}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a{border-bottom: solid 1px #fff;width:120px;font-size: 13px;padding: 15px 15px;text-align: center;}
.nav > li:after { content: ""; width: 0; height: 5px; position: absolute; bottom: -2px; left: 0; transition: all 0.5s ease 0s; }
nav.navbar.bootsnav .on>a{color:#fff !important;}
.head_box2 nav.navbar.bootsnav ul.nav > li{}
/*媒体查询样式*/
@media (min-width: 1024px) {
.head_box2 nav.navbar.bootsnav ul.nav > li > a { padding: 40px 28px; color: #000000; }
.head_box2 nav.navbar.bootsnav ul.nav > li > a:hover {}
}





@media (max-width: 992px) {
.head_box2 nav.navbar.bootsnav .navbar-brand { padding:7px 0; }
.head_box2, .head_box2 .container, .head_box2 nav.navbar.bootsnav { height: 50px; background: #fff; border-bottom: 1px solid #d7d7d7; }
.head_box2 .head_img_bg img { width:35%; padding-left:5%;}
.head_box2 { height:52px;}
.head_box2 .container { height:50px;}
.head_box2 nav.navbar.bootsnav .navbar-collapse { border-right: 1px solid #d7d7d7; }
.head_box2 .side-right .in { background: #fff !important; }

.head_box2 nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu > li > a { color: #333;padding-left: 10px; }
  
body nav.navbar.bootsnav.navbar-mobile .navbar-collapse {max-height: 400px;}
  
}
@media (min-width: 992px) and (max-width: 1024px){
.top_box2{display: block !important;}
.head_box2, .head_box2 .container, .head_box2 nav.navbar.bootsnav{height:78px;}
.common_width{width:970px !important;}
.head_box2 { height:80px;}
.head_box2 .nav_list{margin-top:15px;}
.visible-lg-inline-block { display:block !important;}
.head_box2 .head_title_logo img { width:70%;}
.head_box2 .container { width:100%;}
.head_box2 .nav_list { margin-left:15px;}
}
@media (max-width: 767px) {

.head_box2 .side-right .in { background: #fff !important; border-right: 1px solid #d7d7d7; }
  .head_box2 nav.navbar.bootsnav ul.nav > li{height:auto;}
  body nav.navbar.bootsnav.navbar-mobile ul.nav{background:#efefef;}
  
  /*导航*/
  nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu > li > a {color: #fff;padding-left: 15px;}
  nav.navbar.bootsnav ul.nav > li > a:hover{color: #fff;}
  nav.navbar .dropdown.on>a{color:#333!important;background:#fff!important;}
  nav.navbar .dropdown.on ul{color:#333 !important;background:#fff!important;}
  nav.navbar .dropdown.on ul a{background:#fff!important;}
  nav.navbar.bootsnav .navbar-header {}
  nav.navbar.bootsnav.navbar-mobile .navbar-collapse {position:static;!important}
  
.head_box2 nav.navbar.bootsnav .navbar-brand {padding: 13px 0;}
  .head_box2 .head_img_bg img{width:60%;}
  .side-right .in{background: none !important;}
}
nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after { right:16%;display:none;}
nav.navbar.bootsnav ul.nav > li:hover{ }
@media (max-width: 768px) and (min-width: 415px) {
.head_box2 .head_img_bg img { width:25%;}
}
/*头部导航－第2种结束*/



.jiancxm_box{margin-bottom:30px;}
.jianc_box{width:16.666%;margin-bottom:15px;}
.jianc_tu{width:170px!important;height:170px!important;padding:0!important;border-radius: 30px;overflow: hidden;}
.jianc_bt{ position: relative;margin-top: -105px;font-weight: bold;color: #fff!important;font-size: 18px;}
/*成功案例－第2种开始*/


.biaot{text-align: left;margin-top: 50px;overflow: hidden;}
.biaot p{text-transform: uppercase;}
.product_title{float:left;}
.jianc_btn a{background:#0bbc73!important;color:#fff!important;}
.jianc_dabt h3{color:#333!important;}
.jianc_dabt p{color:#999!important;}

.product_box{background-size:100% 100%;padding-top:50px;}

.product_title h3{font-size: 32px;font-weight: bold;color:#fff;margin-bottom: 15px; margin-top: 0;}
.product_title img{margin-right: 10px;}
.product_title p{font-size: 20px;color:#fff;}
.product_href{margin:15px 0;}
.product_href a{display: inline-block;border: 1px solid #0bbc73;border-radius: 4px;padding:6px 26px;font-size: 15px;color:#333;margin:0 10px 10px;}
.product_href a:hover{text-decoration: none;background: #0bbc73;color:#fff;}
.product_content{margin:35px 0 25px;}
.product_content .pro_img{height:200px;line-height:194px;overflow: hidden;background: #fff;display:table-cell; vertical-align:middle; width:33.3333%;padding: 2.3%;}
.product_content img{width:100%;height: 100%;}
.product_content p{color:#333;font-size: 14px;padding-top: 3px;background: #fff;padding: 0 10px; word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1; overflow: hidden;padding-bottom: 7px;}


.royu_bt h1{font-weight: normal;font-size: 26px;margin-top: 30px;}
.royu_tu{padding: 0!important;height: 184px!important;border: 1px solid #ebebeb!important;}
.fanan{width:180px;height:180px;background:#fff;border-radius:50%;margin: auto;margin-top:40px;}
.fanan h1{font-size:24px;padding-top: 42px;color: #0bbc73;}
.fanan p{ font-size: 14px;text-align: center;color: #666;}

.product_content img{-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;transition:.5s;}
.product_content img:hover{-moz-transform: scale(1.1);-webkit-transform: scale(1.1); -o-transform: scale(1.1);transform: scale(1.1);}

.portab .item .ar_1 img{-moz-transition: .5s;  -webkit-transition: .5s;  -o-transition: .5s;transition:.5s;height: 100%;max-width: initial;}
.img-auto:hover img{-moz-transform: scale(1.1);-webkit-transform: scale(1.1); -o-transform: scale(1.1);transform: scale(1.1);}

@media (max-width: 992px){
.product_title h3{font-size: 22px;}
.product_title p{font-size: 16px;}
.product_content{margin:15px 0;}
.product_content p{font-size: 14px;}
.product_content .pro_img{height:170px;line-height:164px;}
.product_btn{margin-top:28px;}
.product_btn a{padding: 4px 20px;font-size: 14px;}
}
@media (max-width: 767px){
  .yous_tu{float:left;width:50%;}
  .fanan{width:140px;height:140px;}
  .fanan h1{padding-top:24px;}
  .fanan p{line-height:20px;font-size:12px;}
.product_content .pro_img{height:125px;}
.col-xs-4 { width:49.9999%;}
.pro_list li p{font-size: 12px;}

  
  
}
@media (max-width: 320px){
.product_content .pro_img{height:125px!important;}
}
/*成功案例－第2种结束*/


.xianz_box{position: relative;overflow: hidden;}
.biaot6{position: absolute;top: 60px;left: 50%;margin-left: -251px;}
.canp_ys img{width:100%;}
.xianz_box2{background:url(../images/tu3.jpg) no-repeat top center;padding:60px 0;}
.chanp{background:#58c16c;width:50%;padding: 40px;float: right;margin-top: 68px;position: relative;}
.chanp img{width: 260px;position: absolute;top:-42px;}
.chanp p{font-size:18px;color:#fff;line-height: 34px;}



.jiance_fl{ text-align: center;margin-bottom: 30px;}
.jiance_fl h5 { font-size: 16px;height: 30px;line-height: 30px;}
















/*产品展示－第4种开始*/
.product_box{background: url(../../../../static/admin/temp/images/productdis/images/4/product_bg.jpg);}
.product_title{margin: 15px 0;}
.product_title p{margin:10px 0;font-size: 15px;}
.product_title h3{margin:10px 0;font-size: 22px;}
.product_title .product_img{height:3px;line-height: 3px;margin:10px 0;}
.product_content{margin: 15px 0;}
.product_content li{padding: 10px 10px 0;}
.product_content a{background:#fff;display: block;padding: 10px;}
.product_content a:hover{text-decoration: none;background: #e9fcff;}
.product_content .product_img{height:188px;line-height: 184px;border: 1px solid #cfcfcf;overflow: hidden;background: #fff; display:table-cell; vertical-align:middle; width:33.3333%;padding: 2.3%;}
.product_content img{width:100%;height:100%;}
.product_content .product_info{padding:0 10px;}
.product_info h4 {width:100%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;color:#666;margin:8px 0;}
.product_btn a{color:#fff;}
@media (max-width: 1024px){
.product_content .product_img{height:180px;line-height:174px;}
}
@media (max-width: 992px){
.product_info h4,.product_info p{font-size: 14px;margin:3px 0;}
}
@media (max-width: 767px){
.product_content .product_img{height:125px;line-height: 94px;}
}
/*产品展示－第4种结束*/