@charset "utf-8";
/* CSS Document */

/*行业*/

.industry-img{height:370px;background:url(../images/industry-img.jpg)no-repeat center;background-size: cover;}
.industry-main{background:#f6f5f2;}
.industry-con{padding:60px 0;}
.industry-nav{height:60px;}
.industry-column{
	width: 14.2%;
	height:58px;
	border:1px solid #eaeaea;
	border-bottom: 2px solid  #231915;
	overflow: hidden;
position: relative;
}
.industry-column:hover{border-bottom: 2px solid  #b8181e;}
.industry-sidebar{width:438px;background-size: cover;margin-top: 60px;position: relative;}
.industry-sidebar img{width: 100%;}
.industry-menu{width:100%;display: flex;justify-content: space-between;    align-items: end;}

.industry-sub-con{}

.industry-both{padding:0 0 30px 0;}
.industry-both>li{padding:0 6px;}
.industry-both:after,.industry-sub-con:after{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden;}
.industry-sub-column{

	border:1px solid #dedede;

}
.industry-sub-column img{

width:100%;
}

.industry-sub-column:hover{border:1px solid #d60011;position: relative;}
.industry-cen{margin:0 auto;padding-top:20px; }
.industry-sub-text{line-height:40px;font-size: 12px;display: block;text-align: center;}

.industry1{position: absolute;top:0; text-align: center;line-height: 58px;}
.industry2{position: absolute;top:0; text-align: center;line-height: 58px;}
.industry3{position: absolute;top:0; text-align: center;line-height: 58px;}
.industry4{position: absolute;top:0; text-align: center;line-height: 58px;}
.industry5{position: absolute;top:0; text-align: center;line-height: 58px;}
.industry6{position: absolute;top:0; text-align: center;line-height: 58px;}
.industry7{position: absolute;top:0; text-align: center;line-height: 58px;}
.industry8{position: absolute;top:0; text-align: center;line-height: 58px;}
.industry-dh{    width: 100%;background: white;    -moz-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;}
.industry-column:hover .industry1{top:-58px;}
.industry-column:hover .industry2{top:-58px;}
.industry-column:hover .industry3{top:-58px;}
.industry-column:hover .industry4{top:-58px;}
.industry-column:hover .industry5{top:-58px;}
.industry-column:hover .industry6{top:-58px;}
.industry-column:hover .industry7{top:-58px;}
.industry-column:hover .industry8{top:-58px;}





.industry2-text{text-align: center;line-height: 58px;background: #b8181e;color:white;}
.industry3-text{text-align: center;line-height: 58px;background: #b8181e;color:white;}
.industry4-text{text-align: center;line-height: 58px;background: #b8181e;color:white;}
.industry5-text{text-align: center;line-height: 58px;background: #b8181e;color:white;}
.industry6-text{text-align: center;line-height: 58px;background: #b8181e;color:white;}
.industry7-text{text-align: center;line-height: 58px;background: #b8181e;color:white;}
.industry8-text{text-align: center;line-height: 58px;background: #b8181e;color:white;}


.industry-sidebar-text{

	color: white;
    width:100%;
	background: rgba(168, 55, 54, 0.71);
	color: white;
	padding: 20px 33px 40px;
	
	position: absolute;
}

.industry-sidebar-text p:last-of-type{
	font-size: 12px;
    margin-top: 10px;
    line-height: 1.5;
}

.industry-img img{display: none;}
@media (min-width: 1201px) {



    .industry-sidebar-text{

	color: white;
   	 width:100%;
	background: rgba(168, 55, 54, 0.71);
	color: white;

	bottom:0px;
	position: absolute;
}
    .industry-submenu{width:745px;background:#ffffff;margin-top: 60px;     margin-left: 20px;}
    .industry1-text{text-align: center;line-height: 58px;background: #b8181e;color:white;}
}
@media (max-width: 1200px) and (min-width: 1025px){

.industry-menu {flex-wrap: wrap;justify-content: center;}
    .industry-sidebar-text{

	color: white;
    width:100%;
	background: rgba(168, 55, 54, 0.71);
	color: white;

	top:505px;
	position: absolute;
}
    .industry-submenu{width:745px;background:#ffffff;margin-top: 60px;     margin-left: 20px;}
    .industry1-text{text-align: center;line-height: 58px;background: #b8181e;color:white; font-size:14px;}
}
@media (max-width: 1024px) and (min-width: 993px){
.industry-img{height:auto;background:none;}
.industry-img img{width:100%;display: block;}
.industry-menu {flex-wrap: wrap;justify-content: center; margin-bottom:20px;}
.industry-sidebar-text{

	color: white;
    width:100%;
	background: rgba(168, 55, 54, 0.71);
	color: white;

	top:505px;
	position: absolute;
}
.industry-sidebar{width:418px;background-size: cover; margin-top: 10px;position: relative;}
    .industry-con{padding:10px 0;}
.industry-submenu{width:540px;background:#ffffff;margin-top: 60px;      margin-top: 10px; }
.industry1-text{text-align: center;line-height: 58px;background: #b8181e;color:white;  font-size:14px;}
}


@media (max-width: 992px)  and (min-width: 768px){
    .industry-img{height:auto;background:none;}
.industry-img img{width:100%;display: block;}
.industry-menu {flex-wrap: wrap;justify-content: center;}
.industry-sidebar-text{

	color: white;
    width:100%;
	background: rgba(168, 55, 54, 0.71);
	color: white;

	bottom:0px;
	position: absolute;
}

   
.industry-submenu{width:745px;background:#ffffff;margin-top: 60px;     margin-left: 20px;}
.industry1-text{text-align: center;line-height: 58px;background: #b8181e;color:white;  font-size:12px;}
}



@media (max-width: 767px) {

.industry-nav{height:auto}
    .industry-sidebar{width:438px;background-size: cover;margin-top: 10px;position: relative;}
    .industry-con{padding:10px 0;}
        .industry-img{height:auto;background:none;}
.industry-img img{width:100%;display: block;}
.industry-menu {flex-wrap: wrap;justify-content: center;}
    .industry-sidebar-text{

	color: white;
    width:100%;
	background: rgba(168, 55, 54, 0.71);
	color: white;

	bottom:0px;
	position: absolute;
}
    .industry-submenu{background:#ffffff;margin-top: 40px; }
    .industry1-text{text-align: center; overflow:hidden; line-height: 58px; font-size:10px; background: #b8181e;color:white;}
    .industry-column{
	width: 25%;
	height:58px;
	border:1px solid #eaeaea;
	border-bottom: 2px solid  #231915;
	overflow: hidden;
position: relative;
}

}





@media (max-width: 360px) {
    
     .industry-sidebar{width:438px;background-size: cover;margin-top: 10px;position: relative;}
    .industry-con{padding:10px 0;}
        .industry-img{height:auto;background:none;}
.industry-img img{width:100%;display: block;}
.industry-menu {flex-wrap: wrap;justify-content: center;}
    .industry-sidebar-text{

	color: white;
    width:100%;
	background: rgba(168, 55, 54, 0.71);
	color: white;

	bottom:0px;
	position: absolute;
}
    .industry-submenu{background:#ffffff;margin-top: 40px;}

        .industry1-text{text-align: center; overflow:hidden; line-height: 58px; font-size:10px; background: #b8181e;color:white;}

    .industry-column{
	width: 25%;
	height:58px;
	border:1px solid #eaeaea;
	border-bottom: 2px solid  #231915;
	overflow: hidden;
position: relative;
}


}


@media (min-width: 992px){
    
     
}