body{background: #fafafa;}
img {
    vertical-align: middle;
}
img {
    border: 0;
}
/*右边浮动*/
.menuBg {
	position: fixed;
	top: 0;
	right: 0;
	z-index: 2;
	padding: 20px 0 0;
	width: 60px;
	height: 100%;
}
.menuBtn {
	text-align: center;
	cursor: pointer
}
.menuBtn img {
	margin: 6px auto 10px
}
.mBtnLine {
	font-size: 0
}
.mBtnLine span {
	display: inline-block;
	width: 2px;
	height: 20px;
	background: #333;
	vertical-align: top
}
.mBtnLine span:nth-child(2) {
	margin: -4px 3px 0
}
.mOnLine {
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 25px 0;
	width: 100%;
	background: #da0502;
	color: #FFF
}
.mOnLine li {
	position: relative
}
.mOnLine a {
	color: #FFF !important;
}
.mOnLineIco {
	position: relative;
	z-index: 1;
	padding-bottom: 1px;
	background: #da0502;
	font-size: 18px;
	text-align: center;
	cursor: pointer
}
.mOnLineIco i{line-height: 36px;}
.mOnLineCon {
	position: absolute;
	top: 0;
	right: 60px;
	z-index: 0;
	padding: 0 20px;
	background: #da0502;
	white-space: nowrap;
	line-height: 36px;
	transform: translate(150%, 0)
}
.mOnLineCon a {
	display: block
}
.onLineWx .mOnLineCon {
	top: auto;
	bottom: -25px;
	padding: 5px 0;
	width: 140px;
	background: 0 0;
	background: #FFF
}
.onLineWx .mOnLineCon img {
	margin: 0 auto;
	width: 100%;
}
.mOnLine li:hover .mOnLineCon {
	transition: all .5s ease 0s;
	transform: translate(0, 0)
}
/*隐藏导航开始*/
.dd{     position: relative;
    z-index: 699;}
.cate-header{  
	z-index:1197; 
    position: fixed;
	left: 0;
    top: 0;
    width: 100%;
    background: #eeeeef;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, .3);
    z-index: 3;}
.cate-header .layui-nav .layui-nav-item a{ color:#666;}
.cate-header .layui-nav .layui-nav-item a:hover,.cate-header .layui-nav .layui-this a{ color:#f10215;}
.search-input{
	 width:470px; position:absolute; top:10px; right:0px; border:1px solid #f10215;   
     display: -webkit-flex; 
     display:flex;
	 justify-content:flex-end;
	 background:#fff;
	
}
.search-input .search-box {   
    line-height: 38px;
    border: 0;
    color: #717171;
    font-size: 14px;
	flex:1;
	padding:0px 20px 0 30px;
	 background:url(../images/index-ico-seach_03.png) no-repeat 10px center;
}
.search-input .search-btn {
    width: 60px;
    height: 40px;
    background: #f10215;
    border: none;
    font-weight: 500;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
	padding:0px;
}
.dd .cate-header{ display:none;}
/*隐藏导航结束*/


.headbg{ background-color:#000; border-bottom:5px solid #f10215; }


.fly-logo {
    position: absolute;
    left: 15px;
    top:8px;
}
.fly-logo img{height:44px;}
.fly-nav{ margin-left:240px; background:none!important;}
.top-nav ._btn {
    font-size: 30px;
    color: #fff;
    position: absolute;
    right: 20px;
    top: 20px;
    line-height: 60px; width:28px; height:28px;
	 background: url(../images/icon-xian.png) no-repeat;
    background-size: 100%;
}


.close,.mob {
	display: none;
}


.layui-nav-side{     
    position: fixed;
    right: 0;
    top: 0;
	left:auto;
    bottom: 0;
    z-index: 9899;
    overflow-x: hidden;
	right:-120px;
	 width:120px; background:rgba(0,0,0,0.8)!important;
	}

.layui-nav-side a{ text-align:center;}
.layui-nav-side .layui-this a{ background:#525050!important;;}
	
.layui-nav .layui-this:after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed:after{ background:none;}


/*首页幻灯片*/
.layui-carousel div{ background:none;}
.carousel-item img{ width:100%;}
.layui-carousel-ind{   top:-30px; z-index:124;}
.layui-carousel-arrow:hover, .layui-carousel-ind ul:hover,.layui-carousel-ind ul{ background:none;}


/*内容区域*/
.content-quyu{padding:25px 30px; background:#fff;}
.biao-title{ 
    vertical-align: middle;
    height: 37px;
    line-height: 37px;
    font-size: 24px;
    color: #898989;
    font-weight: normal; }
.biao-title a{  font-size: 14px; color: #aaabab; float: right;}

.product-item .lazy{ width:100%;}
.product-item .names {
    line-height: 30px;
    width: 100%;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.pic_list{ width:100%; position:relative; overflow:hidden; }

.flex_con{ position:absolute;  width:100%; top:-40px; 
    transition: top 0.3s;
    -moz-transition: top 0.3s;
    -webkit-transition: top 0.3s;
    -o-transition: top 0.3s;
	opacity: 1;
}
.pic_list:hover .flex_con{top:0px; display:block;}
.active-flex{	
   display: -webkit-flex;
   display: flex;
   justify-content:space-between;
 
  }
.active-flex a{ height:38px; text-align:center; line-height:38px;  font-size:14px;display: block;overflow: hidden;}
.fle-item1{background:#fff;flex-grow:2; color:#898989; border:1px solid #f1f1f1;}
.fle-item3{background:#f10215;flex-grow:2; color:#fff; border:1px solid #f10215;width: 100%;}
.fle-item2{flex-grow:2;}
.product-item img:hover{ opacity: 0.8;}

.attr_btn{ padding:15px; text-align:center; color:#fff; font-size:16px;}
.jiage_shu{ background:#f10215; line-height:50px; color:#fff;}
.caizhi_shu{ background:#898989;  line-height:50px; color:#fff;}
.caizhi_a:hover .caizhi_shu{ background:#f10215; color:#fff;}





/*底部*/
.foot-txt{    
    padding: 30px 0px;
    border: 1px solid #000000;
    text-align: center;
    margin-top: 10px;
   
}
.foot-txt a {
    font-size: 22px;
	width:100%;
    line-height: 32px;
    color:#964d2b;
    font-weight: normal;
    text-align: center;
}
.foot-txt a:hover{ color:#f10215;}
.layui-footer{ padding: 20px 10px;
	 background: #535353;
    padding-top: 24px;
    padding-bottom: 20px;
	color: #979696;
    line-height: 22px;
    text-align: center;
	font-size:12px;
	}
.layui-footer span{ font-size:14px;}
.blank30{ height:30px;}
.blank20{ height:20px;}
.blank10{ height:10px;}
.over-hei{ display:none; height:63px; overflow:hidden;}


/*产品案例开始*/
.current_locat{ border:1px solid #f0f0f0;}
.current_locat span{ line-height:38px;}
.page_search{
	 border-left:1px solid #f0f0f0;   
     display: -webkit-flex; 
     display:flex;
	 justify-content:flex-end;
	 background:#fff;
	
}
.page_search .search-box {   
    line-height: 38px;
    border: 0;
    color: #717171;
    font-size: 14px;
	flex:1;
	padding:0px 20px 0 30px;
	 background:url(../images/index-ico-seach_03.png) no-repeat 10px center;
}
.page_search .search-btn {
    width: 70px;
    height: 40px;
    background: #f10215;
    border: none;
    font-weight: 500;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
	padding:0px;
}
.ification a{ padding:0 10px; line-height:40px; color:#898989;}
.ification a.onis{ color:#F00; font-weight:bold;}
.ification .on{color:#f00}

.sort_pai{ line-height:40px; text-align:center;}
.sort_pai a{
    color: #898989;
    display: inline-block;
  
    margin: 0 11px;
}
.sort_pai a.onis{   
    color: #f10215;
	font-weight:bold;
    border-bottom: 2px solid #f10215;
	}
	
.proce-case{    
    padding: 10px;
    background: #fff;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1);
	}
	
.proce-case .pic_list p{ text-align:left; color:#898989; line-height:24px;  } 
.proce-case .pic_list p a{color:#898989; }
.proce-case .pic_list p a:hover{color:#f10215; }
.proce-case .pic_list .names{ padding-top:10px;}
.proce-case .pic_list .use-info{ color:#bbb;}
.proce-case .pic_list .use-info i{   
    background: url(../images/index-ico.png) no-repeat;
    width: 12px;
    height: 12px;
    margin-top: 6px;
    margin-right: 10px;
    float: left;
    background-position: -132px -146px;
	}
/*产品案例结束*/

/*产品案详情开始*/
.case-details{ }
.case-details .details{border: 1px solid #efefef; background:#fff;  padding: 15px 32px 20px 32px;}
.details h1{ font-size:20px; font-weight:normal; color:#231815; line-height:36px;}
.details .cas_time{ font-size:14px; color:#999; font-weight:normal; line-height:18px;}
.details .cas_time span{ padding-left:10px;}
.details .cas_img img{ width:100%; padding:10px 0px;}
.details .cas_img p{ color:#4a4a4a; line-height:30px; font-size:16px; padding:5px 0px;}
.details .cas_pain{ font-size:16px; color:#999; line-height:36px;}
.details .cas_pain a{color:#999; }
.details .cax_zhus{ color:#595757; line-height:20px; padding:15px 0px 15px 25px;background: url(../images/i_tishi.png) no-repeat center left;}

.case-attributes{ }
.case-attributes .layui-row{ margin-bottom:15px; padding:15px;}
.case-attributes .attributes{border: 1px solid #efefef; background:#fff;}
.property{color:#3d3d3d;  padding:10px;}
.property h2.perty_h2{ padding-bottom:10px;  font-size:16px; font-weight:normal;}
.property p.perty_p{ line-height:24px; font-size:12px; color:#3d3d3d;}
.perty_p a{ font-size:15px; color:#551a8b;}
.perty_p a i{  font-size:9px; line-height:24px; padding-right:10px; color:#999;}
.perty_p a:hover{ color:#f10215;}



.perty_words{ 
   display: -webkit-flex; 
   display: flex;
   flex-wrap:wrap;
   align-content:flex-start;
  }
.perty_words a{
	border: 1px solid #e7e7e7;
    font-size: 12px;
    color: #898989;
	padding:5px 15px;
	margin:5px 10px 5px 0px
	}
.perty_words a:hover{ background:#f10215; color:#fff;}
.chakan_xu{    
    font-size: 20px;
    color: #898989;
    line-height: 30px;
	}
/*产品案详情例结束*/


/*4S服务*/
.service_xin{ border:1px solid #f0f0f0; border-right:none; background:#fff; }
.service_xin h1{ border-bottom:0px solid #f0f0f0; line-height:50px; padding-left:20px; color:#f10215; font-size:18px; font-weight:bold;}
.service_xin .layui-nav-tree{ width:100%;}
.service_xin .layui-nav{ background:#f4f4f4; }
.service_xin .layui-nav-tree .layui-nav-item{ border-top:1px solid #efefee;}
.service_xin .layui-nav-tree .layui-nav-item a{color:#333;}
.service_xin .layui-nav-tree .layui-nav-item a:hover{ background:#333; color:#fff;}
.service_xin .layui-nav-tree .layui-nav-bar{ background:#f10215;}
.service_xin .layui-nav-tree .layui-nav-itemed a{background:#333; color:#fff;}


.service_cont{ border:1px solid #f0f0f0; background:#fff;}
.service_cont .serv_h1{ padding:0px 30px}
.service_cont .serv_h1 h1{border-bottom:1px solid #f0f0f0; line-height:50px; padding-left:0px; color:#f10215; font-size:18px; font-weight:bold;}
.service_quyu{padding:20px 30px}
.service_quyu img{ width:100%;}


/*走进我们*/
.aboutus{ }
.aboutus img{ width:100%;}



/*右侧边栏*/
.fixed {
    position: fixed;
    right: 0px;
    bottom: 0px;
    width: 50px;
    background: #fff;
    z-index: 4;
    display: block;
}

.fixed ul li {
    position: relative;
}

.fixed ul li a {
    display: block;
    width: 50px;
    height: 48px;
}

.fixed ul li .qq {
    border-bottom: 1px solid #ebebeb
}

.fixed ul li .msg {
    border-bottom: 1px solid #ebebeb
}

.fixed ul li .to-top {
}

.fixed ul li .show {
    background: #e00214;
    display: none;
    height: 50px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 50px;
}

.fixed ul li .show h2 {
    display: inline-block;
    width: 110px;
    margin-left: 16px;
    line-height: 53px;
    background: #fff;
    font-size: 14px;
    color: #595757;
    font-weight: normal;
    margin-top: 2px;
}

.fixed ul li:hover .show {
    display: inline-block;
}

.fixed ul li .show-t {
    padding: 8px 0;
    text-align: center;
}

.fixed ul li .show-t span {
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    vertical-align: middle;
    width: 24px;
}

.fixed ul li .show-t img {
    display: inline-block;
    vertical-align: middle;
    margin-left: 8px;
}

.fixed ul li p {
    line-height: 20px;
    font-size: 12px;
    color: #595757;
    margin-left: 16px;
    width: 110px;
}

.fixed ul li .qqun {
    background: url(../images/qqun.png) center center no-repeat;
    border-bottom: 1px solid #ebebeb
}


/*投诉*/

.liuyan_tous{ padding:20px;}
.liuyan_tous .layui-form-label{ width:30px; padding:9px 0;}
.liuyan_tous .layui-input-block{ margin-left:40px;}
.liuyan_tous .layui-elem-quote{ border-left-color:#FF5722; padding:5px 10px;}

/*PC左侧*/

.icon-nav-arrow {
    position:absolute; right:-6px;
    width: 9px;
    height: 13px;
    background: url(../images/index-ico.png) center no-repeat;
    background-position: -158px -159px;
}

.icon {
    display: inline-block;
    vertical-align: middle;
}
.nav-default {
    position: relative;
}
.nav-default {
    padding-top: 10px;
    height: 49px;
    border-bottom: 1px solid #efefef;
    padding-left: 2px;
}
.rid-leftnav {
    position: fixed;
    left: 50%;
    display: none;
    top: 30%;
    margin-left: -680px;
}

.rid-leftnav ul {
    width: 55px;
    background-color: #fff;
}

.rid-leftnav ul li {
    cursor: pointer;
    padding: 0 10px;
    height: 60px;
    position:relative;
}

.rid-leftnav ul li:hover {
    background-color: #f10215;
}

.rid-leftnav ul li:hover a {
    color: #fff;
}

.rid-leftnav ul .active {
    background-color: #f10215;
}

.rid-leftnav ul .active a {
    color: #fff;
}

.rid-leftnav ul li:last-child .nav-default, .rid-leftnav ul li:hover .nav-default, .rid-leftnav ul .active .nav-default {
    border-bottom: none;
}

.rid-leftnav a {
    font-size: 14px;
    color: #898989;
    text-decoration: none;
}

.rid-leftnav a:link, a:visited, a:hover {
    color: #898989;
    text-decoration: none;
}

.nav-default .icon-goBack {
    display: block;
    width: auto;
    margin-top: 8px;
    margin-left: 1px;
}
.icon-goBack {
    background: url(../images/index-ico.png) center no-repeat;
    width: 26px;
    height: 13px;
    background-position: -106px -237px;
}



/*屏幕尺寸*/
@media only screen and (max-width:750px){
	.menuBg{display: none;}
}
@media (min-width: 768px){ } /*//>=768的设备*/
@media (min-width: 992px){  } /*//>=992的设备*/
@media (min-width: 1170px){      }  /*//>=1170的设备*/

@media screen and (max-device-width:1000px) {
.pc {
	display: none
}
.mob {
	display: block
}
header {
	height: auto
}
header .top-nav-name {
	position: relative
}
.content-quyu{ padding:10px 18px;}
.blank30{ height:10px;}
.foot-txt a{ font-size:18px;}
.layui-col-space20>*{    padding: 8px;}

.close {
	display:block;
    width: 40px;
    height: 40px;
    margin-left:40px;
    margin-top: 30px;
	margin-bottom:30px;
   
    background: url(../images/close_03.png) no-repeat;
    background-size: 100%;
}
}

@media (max-width: 760px){ 
.product-item .lazy{ width:100%; height:190px;}
.headbg{ position:fixed; top:0px; left:0px; width:100%; border-bottom:3px solid #f10215;}
.over-hei{  display:block;}
.layui-nav .layui-nav-item a{ padding:0 10px;}
.biao-title{ line-height:30px; height:30px;}
.foot-txt{ display:none;}

.layui-fixbar li:nth-child(2){ display:none;}
 }





/*1280分辨率以上（大于1200px）*/
@media screen and (min-width:1200px){
	 .product-item .lazy{ width:100%; height:182px;}
	 
}
/*1100分辨率（大于960px，小于1199px）*/
@media screen and (min-width: 960px) and (max-width: 1199px) {
	.product-item .lazy{ width:100%; height:160px;}
	.search-input{ width:300px;}
}
/*880分辨率（大于768px，小于959px）*/
@media screen and (min-width: 768px) and (max-width: 959px) {
	.product-item .lazy{ width:100%; height:150px;}
	.search-input{ width:290px;}
}
/*720分辨率（大于480px，小于767px）*/
@media only screen and (min-width: 480px) and (max-width: 767px){
  .product-item .lazy{ width:100%; height:140px;}
  .service_quyu{ padding:10px 0px;}
}
/*440分辨率以下（小于479px）*/
@media only screen and (max-width: 479px) {
    .product-item .lazy{ width:100%; height:85px !important;}
	.service_quyu{ padding:10px 0px;}
}
 


/*内页宽1500*/

.col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}
 

@media screen and (min-width: 1500px){
  .container {
    width: 1470px;
  }
 .layui-col-5ths {
        width: 25%;
        float: left;
    }
}