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

/*行业*/

.technology-img{height:370px;background:url(../images/technology-img.jpg)no-repeat center;background-size: cover;}


.technology-menu{text-align: center;line-height:2;font-size: 14px;padding:38px 0 0;color: #818181;}
.technology-nav{margin:0 -4px 50px;}

.technology-col-li{
	width: 237px;
	height:198px;	
	float:left;
    margin-top:35px;
    overflow: hidden;
    margin: 60px 2px 0;
    position: relative;
    cursor: pointer;
}

.technology-column{
	width: 237px;
	height:198px;
background:#f2f2f2;
display: flex;
    align-items: center;
    justify-content: center;
	top:0;
	position: absolute;
	transition: all .2s ease-out;
	z-index: 1;

}
.technology-column-r{
	width: 237px;
	height:198px;
	margin:0 2px;	
	background:#b8181e;
	position: absolute;
	top:0;
	transition: all 0.3s ease-out;
	text-align: center;
	color: white;
}



.technology-column-r p:first-of-type{
	margin-top: 10px
}
.technology-column-r p:last-of-type{
	margin-top: 5px;
	padding:0 20px;
	text-align: initial;
	font-size: 12px;
	line-height: 1.8;
}

.tec-col-r1 img{	margin-top: 18px;}
.tec-col-r2 img{	margin-top: 20px;}
.tec-col-r3 img{	margin-top: 16px;}
.tec-col-r4 img{	margin-top: 15px;}
.tec-col-r5 img{	margin-top: 27px;}









.technology-col-li:hover .technology-column-r{top:0;}
.technology-col-li:hover .technology-column{top:-198px;;}


.technology-map{
height: 450px;
    background: url(/Content/images/technology-map.jpg)no-repeat center;
}

.technology-map img{width:100%;}
.technology-map img:first-of-type{display:none}
.technology-map img:last-of-type{display:none}

.industry-main{background:#f6f5f2;}
.industry-column{width: 12.5%;height:58px;border-bottom: 2px solid  #231915;}
.industry-column:hover{border-bottom: 2px solid  #b8181e;}
.industry-sidebar{width:438px;height:700px;background: url(../images/industry-side.jpg);background-size: cover;}

.industry-submenu{width:745px;height:700px;background:#ffffff; }
.industry-sub-con{float:left;margin: 10px 6px 0;;}

.industry-both{margin:0 -6px;}
.industry-both:after,.industry-sub-con:after{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden;}
.industry-sub-column{
	width:216px;
	height:148px;

	border:1px solid #dedede;

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

.industry1{background: url(../images/industry1.jpg)}
.industry2{background: url(../images/industry2.jpg)}
.industry3{background: url(../images/industry3.jpg)}
.industry4{background: url(../images/industry4.jpg)}
.Data-download{
    padding-bottom: 50px;

}
.technology-down-far{
margin-top: 50px;
}

.technology-down{margin:0 -6px;}
.technology-down:after{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden;}

.technology-down li{
	width:100%;

	margin:0 0 10px;


}

.technology-down li:hover .tec-down-img img{
transform: scale(1.1);

}


.technology-down>div{
    padding-right:  6px;
    padding-left: 	6px;

}

.technology-down li:hover{
	    box-shadow: 0px 3px 2px #cecece;
}

.tec-down-img{
	width:100%;
overflow:hidden;
}

.tec-down-img img{
-moz-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
	width:100%;
}
.tec-down-text{

	position: relative;
	padding: 20px 10px;
	cursor: pointer;
}

.tec-down-text span{
	display: block;
	width:60px;
	line-height:25px;
	position: absolute;
	right:15px;
	bottom: 24px;
	color:white;
	background:#a8282d;
	font-size: 12px;
	text-align:center;
	cursor: pointer;
}

.tec-down-text p{font-size: 12px;color: #333333;margin-bottom: 10px;}
.tec-down-text p:nth-child(1){
	font-weight: bold;
	margin-bottom: 10px;
	font-size: 14px;
}

.technology-down li:hover .tec-down-text p:nth-child(1){color:#c7000c;}

.technology-main .row{padding-top:50px;}
.Data-download .row{padding-top:50px;}

.technology-ico
{
	width:64px;
	height:49px;
	position: relative;
}
.technology-box p{margin-top:14px;}
.technology-ico img{
	position: absolute;
	bottom:0;

}

.technology-ico1 img{
    left: 50%;
    margin-left: -20px;
}

.technology-ico2 img{
    left: 50%;
    margin-left: -30px;
}
.technology-ico3 img{
    left: 50%;
    margin-left: -25px;
}
.technology-ico4 img{
    left: 50%;
    margin-left: -25px;
}
.technology-ico5 img{
    left: 50%;
    margin-left: -19px;
}

.technology{


}

.technology-img img{display: none;}

@media (max-width: 1200px){

}
@media (max-width: 1024px){
.technology-img{height:auto;background:none;}
.technology-img img{width:100%;display: block;}

.technology-map img:first-of-type{display:block}
.technology-map{height:auto;background:none;}
    .technology-col-li{
	width: 240px;
	height:198px;	
	float:left;
    margin-top:35px;
    overflow: hidden;
    margin:20px 2px 0;
    position: relative;
    cursor: pointer;
}
     .technology-column{
	width: 240px;
	height:198px;
background:#f2f2f2;
display: flex;
    align-items: center;
    justify-content: center;
	top:0;
	position: absolute;
	transition: all .2s ease-out;
	z-index: 1;

}
}


@media (max-width: 992px){
    .technology-col-li{
	width: 246px;
	height:198px;	
	float:left;
    margin-top:35px;
    overflow: hidden;
    margin:30px 2px 0;
    position: relative;
    cursor: pointer;
}
            .technology-column{
	width: 246px;
	height:198px;
background:#f2f2f2;
display: flex;
    align-items: center;
    justify-content: center;
	top:0;
	position: absolute;
	transition: all .2s ease-out;
	z-index: 1;

}

}




@media (max-width: 767px) {

        .technology-col-li{
	width: 246px;
	height:198px;	
	float:left;
    margin-top:35px;
    overflow: hidden;
    margin:30px 2px 0;
    position: relative;
    cursor: pointer;
}
        .technology-column{
	width: 246px;
	height:198px;
background:#f2f2f2;
display: flex;
    align-items: center;
    justify-content: center;
	top:0;
	position: absolute;
	transition: all .2s ease-out;
	z-index: 1;

}
.technology-nav{display: flex;justify-content: center;flex-wrap: wrap;}

.technology-map img:first-of-type{display:none}
.technology-map img:last-of-type{display:block}

.technology-down li{ padding: 0 10px;}
.technology-map img:first-of-type{display:none;}

}





@media (max-width: 360px) {


}


@media (min-width: 992px){


}