/*外部公共样式*/
@import "iconfont.css";
@import "bootstrap.min.css";
@import "swiper.min.css";
/*END-外部公共样式*/

/*头部+导航+大图*/
.topbox{width:100%; background:#eaeaea; line-height:30px; font-size:14px; color:#444;}
.topbox a{ color:#444; margin:0 10px;}
.topbox a:last-child{margin:0 0 0 10px;}
.topbox a:hover{ color:#bb2222; text-decoration:underline !important;}

.header{width:100%; padding:20px 0;}
.logo img{width:100%; max-width:438px; max-height:64px;}
.logo_txt img{max-width:250px;}
.header_dianhua{line-height:18px; color:#060001; font-size:14px; background:url(../images/header_dianhua.png) no-repeat left center; padding-left:65px; margin-top:10px;}
.header_dianhua span{display:block; overflow:hidden; line-height:35px; font-size:30px; font-family:Impact; color:#bb2222;}

nav{background:#bb2222; position:relative; left:0; top:0; z-index:999999;}
.nav{width:100%;}
.nav>li{width:12.5%; position:relative;}
.nav>li>a{width:100%; height:50px; line-height:50px; font-size:16px; color:#fff; text-align:center;}
.nav>li:hover>a{background:#4a4a4a; color:#fff;}
.nav>li>a.on{background:#4a4a4a; color:#fff;}

.nav_sub{display:none; width:100%; float:left; position:absolute; left:0; top:100%; z-index:999999; background:rgba(187, 34, 34, 0.8); padding-top:2px;}
.nav_sub>dd{display:block; overflow:hidden;}
.nav_sub>dd>a{display:block; overflow:hidden; height:40px; line-height:40px; text-align:center; font-size:14px; color:#fff;}
.nav_sub>dd>a:hover{background:#4a4a4a; color:#fff;}



@media (max-width:1220px) {
/*头部+导航*/
.topbox{padding:0 1%;}
.header{padding:20px 1%;}
nav{padding:0 1%;}
/*END-头部+导航*/

/*首页内容*/
.service{padding:40px 1% 0 1%;}
.service_ul{width:100%; padding-top:50px;}
.service_ul li{width:23%; margin:0 1% 20px 1%;}
.service_ul li .service_B{max-width:216px; margin:0 auto;}
.service_ul li .service_txt{max-width:216px; margin:0 auto; height:60px; line-height:60px;}

.ware{padding:50px 1%;}
.ware_ul{width:100%;}
.ware_ul li{width:23%; margin:0 1% 20px 1%;}

.ys {padding:40px 1%;}
.case {padding:40px 1% 50px 1%;}
.case-prev,.case-next {left:0;}
.case-next {left:initial; right:0;}

.news{padding:40px 1%;}
.news_contect{padding-top:40px;}

.lxwmBox {padding:40px 1%;}
.lxwm_txt .lxwm_wx {width:140px;}
.lxwm_txt .lxwm_wx img {width:140px; height:140px;}
/*END-首页内容*/


}

@media (max-width:991px){
/*头部+导航*/
.icon-menu{float:right; cursor:pointer; width:40px; height:30px; display:flex; flex-wrap:wrap; align-content:space-between; position:absolute;right:10px; top:50%; transform: translateY(-50%); z-index:9999999; background-size:100% 100%;}
.icon-menu span{width:100%; height:6px; float:left;  background:#bb2222;}

.topbox{padding:0 10px;}
.header{ padding: 0; background: #fff; box-shadow: 10px 10px 10px rgba(0,0,0,0.3); position: relative; left: 0; top: 0; z-index: 999999; height: 60px; margin-top: 10px;  }
.logo {width:100%; padding:15px 10px;}
.nav {display:none; width:150px; padding:2px; position:absolute; right:10px; top:0; background:rgba(187, 34, 34, 0.8);}
.nav>li{width:100%; border-bottom:1px solid #fff; margin:0; background:none;}
.nav>li>a{width:100%; text-align:center; height:40px; line-height:40px; color:#fff;}
/*END-头部+导航*/

}

@media (max-width:767px){
.conn1 { width: 96%; margin-right: 2%; margin-left: 2%; font-size: 14px; line-height: 30px; }
.conn2 { display: none; }
.sz_gsjj {
	margin-bottom: 20px;
	margin-top: 20px;
}
/*头部+导航*/
.logo {padding:10px;}
.logo img{width:80%;}
.icon-menu {right:10px; width:30px; height:18px;}
.icon-menu span{height:3px;}
/*END-头部+导航*/



}